OLD | NEW |
1 /* | 1 /* |
2 * Copyright (C) 2009 Google Inc. All rights reserved. | 2 * Copyright (C) 2009 Google Inc. All rights reserved. |
3 * | 3 * |
4 * Redistribution and use in source and binary forms, with or without | 4 * Redistribution and use in source and binary forms, with or without |
5 * modification, are permitted provided that the following conditions are | 5 * modification, are permitted provided that the following conditions are |
6 * met: | 6 * met: |
7 * | 7 * |
8 * * Redistributions of source code must retain the above copyright | 8 * * Redistributions of source code must retain the above copyright |
9 * notice, this list of conditions and the following disclaimer. | 9 * notice, this list of conditions and the following disclaimer. |
10 * * Redistributions in binary form must reproduce the above | 10 * * Redistributions in binary form must reproduce the above |
(...skipping 585 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
596 * @param {string} title | 596 * @param {string} title |
597 * @param {string=} glyph | 597 * @param {string=} glyph |
598 * @param {string=} toggledGlyph | 598 * @param {string=} toggledGlyph |
599 */ | 599 */ |
600 constructor(title, glyph, toggledGlyph) { | 600 constructor(title, glyph, toggledGlyph) { |
601 super(title, glyph, ''); | 601 super(title, glyph, ''); |
602 this._toggled = false; | 602 this._toggled = false; |
603 this._untoggledGlyph = glyph; | 603 this._untoggledGlyph = glyph; |
604 this._toggledGlyph = toggledGlyph; | 604 this._toggledGlyph = toggledGlyph; |
605 this.element.classList.add('toolbar-state-off'); | 605 this.element.classList.add('toolbar-state-off'); |
| 606 UI.ARIAUtils.setPressed(this.element, false); |
606 } | 607 } |
607 | 608 |
608 /** | 609 /** |
609 * @return {boolean} | 610 * @return {boolean} |
610 */ | 611 */ |
611 toggled() { | 612 toggled() { |
612 return this._toggled; | 613 return this._toggled; |
613 } | 614 } |
614 | 615 |
615 /** | 616 /** |
616 * @param {boolean} toggled | 617 * @param {boolean} toggled |
617 */ | 618 */ |
618 setToggled(toggled) { | 619 setToggled(toggled) { |
619 if (this._toggled === toggled) | 620 if (this._toggled === toggled) |
620 return; | 621 return; |
621 this._toggled = toggled; | 622 this._toggled = toggled; |
622 this.element.classList.toggle('toolbar-state-on', toggled); | 623 this.element.classList.toggle('toolbar-state-on', toggled); |
623 this.element.classList.toggle('toolbar-state-off', !toggled); | 624 this.element.classList.toggle('toolbar-state-off', !toggled); |
| 625 UI.ARIAUtils.setPressed(this.element, toggled); |
624 if (this._toggledGlyph && this._untoggledGlyph) | 626 if (this._toggledGlyph && this._untoggledGlyph) |
625 this.setGlyph(toggled ? this._toggledGlyph : this._untoggledGlyph); | 627 this.setGlyph(toggled ? this._toggledGlyph : this._untoggledGlyph); |
626 } | 628 } |
627 | 629 |
628 /** | 630 /** |
629 * @param {boolean} withRedColor | 631 * @param {boolean} withRedColor |
630 */ | 632 */ |
631 setDefaultWithRedColor(withRedColor) { | 633 setDefaultWithRedColor(withRedColor) { |
632 this.element.classList.toggle('toolbar-default-with-red-color', withRedColor
); | 634 this.element.classList.toggle('toolbar-default-with-red-color', withRedColor
); |
633 } | 635 } |
(...skipping 296 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
930 | 932 |
931 /** | 933 /** |
932 * @override | 934 * @override |
933 * @param {boolean} enabled | 935 * @param {boolean} enabled |
934 */ | 936 */ |
935 _applyEnabledState(enabled) { | 937 _applyEnabledState(enabled) { |
936 super._applyEnabledState(enabled); | 938 super._applyEnabledState(enabled); |
937 this.inputElement.disabled = !enabled; | 939 this.inputElement.disabled = !enabled; |
938 } | 940 } |
939 }; | 941 }; |
OLD | NEW |