@cute-widgets/base 20.0.3 → 20.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/CHANGELOG.md +31 -4
  2. package/abstract/index.d.ts +13 -4
  3. package/button/index.d.ts +47 -24
  4. package/button-toggle/index.d.ts +8 -4
  5. package/card/index.d.ts +9 -6
  6. package/collapse/index.d.ts +49 -48
  7. package/core/directives/index.d.ts +1 -31
  8. package/core/index.d.ts +41 -28
  9. package/core/interfaces/index.d.ts +1 -1
  10. package/core/layout/index.d.ts +40 -27
  11. package/core/nav/index.d.ts +1 -2
  12. package/dialog/index.d.ts +81 -57
  13. package/expansion/index.d.ts +5 -18
  14. package/fesm2022/cute-widgets-base-abstract.mjs +13 -8
  15. package/fesm2022/cute-widgets-base-abstract.mjs.map +1 -1
  16. package/fesm2022/cute-widgets-base-button-toggle.mjs +36 -29
  17. package/fesm2022/cute-widgets-base-button-toggle.mjs.map +1 -1
  18. package/fesm2022/cute-widgets-base-button.mjs +169 -104
  19. package/fesm2022/cute-widgets-base-button.mjs.map +1 -1
  20. package/fesm2022/cute-widgets-base-card.mjs +46 -29
  21. package/fesm2022/cute-widgets-base-card.mjs.map +1 -1
  22. package/fesm2022/cute-widgets-base-chips.mjs +6 -18
  23. package/fesm2022/cute-widgets-base-chips.mjs.map +1 -1
  24. package/fesm2022/cute-widgets-base-collapse.mjs +114 -126
  25. package/fesm2022/cute-widgets-base-collapse.mjs.map +1 -1
  26. package/fesm2022/cute-widgets-base-core-directives.mjs +4 -72
  27. package/fesm2022/cute-widgets-base-core-directives.mjs.map +1 -1
  28. package/fesm2022/cute-widgets-base-core-interfaces.mjs.map +1 -1
  29. package/fesm2022/cute-widgets-base-core-layout.mjs +76 -40
  30. package/fesm2022/cute-widgets-base-core-layout.mjs.map +1 -1
  31. package/fesm2022/cute-widgets-base-core-nav.mjs +1 -2
  32. package/fesm2022/cute-widgets-base-core-nav.mjs.map +1 -1
  33. package/fesm2022/cute-widgets-base-core-theming.mjs +1 -1
  34. package/fesm2022/cute-widgets-base-core-theming.mjs.map +1 -1
  35. package/fesm2022/cute-widgets-base-core.mjs +77 -41
  36. package/fesm2022/cute-widgets-base-core.mjs.map +1 -1
  37. package/fesm2022/cute-widgets-base-dialog.mjs +152 -117
  38. package/fesm2022/cute-widgets-base-dialog.mjs.map +1 -1
  39. package/fesm2022/cute-widgets-base-expansion.mjs +19 -13
  40. package/fesm2022/cute-widgets-base-expansion.mjs.map +1 -1
  41. package/fesm2022/cute-widgets-base-list.mjs +2 -2
  42. package/fesm2022/cute-widgets-base-list.mjs.map +1 -1
  43. package/fesm2022/cute-widgets-base-menu.mjs +5 -27
  44. package/fesm2022/cute-widgets-base-menu.mjs.map +1 -1
  45. package/fesm2022/cute-widgets-base-navbar.mjs +88 -42
  46. package/fesm2022/cute-widgets-base-navbar.mjs.map +1 -1
  47. package/fesm2022/cute-widgets-base-paginator.mjs +13 -11
  48. package/fesm2022/cute-widgets-base-paginator.mjs.map +1 -1
  49. package/fesm2022/cute-widgets-base-radio.mjs +1 -2
  50. package/fesm2022/cute-widgets-base-radio.mjs.map +1 -1
  51. package/fesm2022/cute-widgets-base-select.mjs +2 -2
  52. package/fesm2022/cute-widgets-base-select.mjs.map +1 -1
  53. package/fesm2022/cute-widgets-base-sidenav.mjs +31 -30
  54. package/fesm2022/cute-widgets-base-sidenav.mjs.map +1 -1
  55. package/fesm2022/cute-widgets-base-snack-bar.mjs +2 -2
  56. package/fesm2022/cute-widgets-base-snack-bar.mjs.map +1 -1
  57. package/fesm2022/cute-widgets-base-sort.mjs +60 -257
  58. package/fesm2022/cute-widgets-base-sort.mjs.map +1 -1
  59. package/fesm2022/cute-widgets-base-table.mjs +6 -3
  60. package/fesm2022/cute-widgets-base-table.mjs.map +1 -1
  61. package/fesm2022/cute-widgets-base-tabs.mjs +86 -61
  62. package/fesm2022/cute-widgets-base-tabs.mjs.map +1 -1
  63. package/fesm2022/cute-widgets-base.mjs +3 -1
  64. package/fesm2022/cute-widgets-base.mjs.map +1 -1
  65. package/navbar/index.d.ts +30 -9
  66. package/package.json +6 -5
  67. package/paginator/index.d.ts +6 -17
  68. package/radio/index.d.ts +0 -1
  69. package/sidenav/index.d.ts +1 -2
  70. package/sort/index.d.ts +22 -135
  71. package/table/index.d.ts +8 -8
  72. package/tabs/index.d.ts +35 -14
@@ -1,6 +1,6 @@
1
1
  import * as i0 from '@angular/core';
2
2
  import { InjectionToken, forwardRef, inject, EventEmitter, isDevMode, booleanAttribute, Output, Input, ContentChildren, Directive, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
3
- import { CuteButtonGroup, CuteButtonBase, CUTE_BUTTON_BASE } from '@cute-widgets/base/button';
3
+ import { CuteButtonGroup, CUTE_BUTTON_GROUP, CuteButtonBase, CUTE_BUTTON_BASE } from '@cute-widgets/base/button';
4
4
  import { NG_VALUE_ACCESSOR } from '@angular/forms';
5
5
  import { SelectionModel } from '@angular/cdk/collections';
6
6
  import { hasModifierKey, RIGHT_ARROW, DOWN_ARROW, LEFT_ARROW, UP_ARROW, ENTER, SPACE } from '@angular/cdk/keycodes';
@@ -152,6 +152,14 @@ class CuteButtonToggleGroup extends CuteButtonGroup {
152
152
  this._markButtonsForCheck();
153
153
  }
154
154
  }
155
+ /**
156
+ * Implemented as part of ControlValueAccessor.
157
+ *
158
+ * @inheritDoc
159
+ */
160
+ setDisabledState(newState, emitEvent) {
161
+ return super.setDisabledState(newState, emitEvent);
162
+ }
155
163
  /**
156
164
  * Sets the model value. Implemented as part of ControlValueAccessor.
157
165
  * @param value Value to be set to the model.
@@ -168,14 +176,6 @@ class CuteButtonToggleGroup extends CuteButtonGroup {
168
176
  registerOnTouched(fn) {
169
177
  this._onTouched = fn;
170
178
  }
171
- // Implemented as part of ControlValueAccessor.
172
- setDisabledState(isDisabled) {
173
- if (super.setDisabledState(isDisabled)) {
174
- this._buttonToggles?.forEach(toggle => toggle.disabled = isDisabled);
175
- this._markButtonsForCheck();
176
- }
177
- return false;
178
- }
179
179
  /** Handle keydown event calling to single-select button toggle. */
180
180
  _keydown(event) {
181
181
  if (this.multiple || this.disabled || hasModifierKey(event) || !this._buttonToggles) {
@@ -351,13 +351,10 @@ class CuteButtonToggleGroup extends CuteButtonGroup {
351
351
  // it is used by Angular to sync up the two-way data binding.
352
352
  this.valueChange.emit(this.value);
353
353
  }
354
- /** Marks all the child button toggles to be checked. */
355
- _markButtonsForCheck() {
356
- this._buttonToggles?.forEach(toggle => toggle.markForCheck());
357
- }
358
354
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteButtonToggleGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
359
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "20.3.15", type: CuteButtonToggleGroup, isStandalone: true, selector: "cute-button-toggle-group", inputs: { name: "name", value: "value", multiple: ["multiple", "multiple", booleanAttribute], disabledInteractive: ["disabledInteractive", "disabledInteractive", booleanAttribute], hideSingleSelectionIndicator: ["hideSingleSelectionIndicator", "hideSingleSelectionIndicator", booleanAttribute], hideMultipleSelectionIndicator: ["hideMultipleSelectionIndicator", "hideMultipleSelectionIndicator", booleanAttribute] }, outputs: { valueChange: "valueChange", change: "change" }, host: { listeners: { "keydown": "_keydown($event)" }, properties: { "attr.role": "multiple ? \"group\" : \"radiogroup\"", "attr.aria-disabled": "disabled", "attr.tabindex": "-1" }, classAttribute: "cute-button-toggle-group" }, providers: [
355
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "20.3.15", type: CuteButtonToggleGroup, isStandalone: true, selector: "cute-button-toggle-group", inputs: { name: "name", value: "value", multiple: ["multiple", "multiple", booleanAttribute], disabledInteractive: ["disabledInteractive", "disabledInteractive", booleanAttribute], hideSingleSelectionIndicator: ["hideSingleSelectionIndicator", "hideSingleSelectionIndicator", booleanAttribute], hideMultipleSelectionIndicator: ["hideMultipleSelectionIndicator", "hideMultipleSelectionIndicator", booleanAttribute] }, outputs: { valueChange: "valueChange", change: "change" }, host: { listeners: { "keydown": "_keydown($event)" }, properties: { "attr.role": "multiple ? \"group\" : \"radiogroup\"" }, classAttribute: "cute-button-toggle-group" }, providers: [
360
356
  CUTE_BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR,
357
+ { provide: CUTE_BUTTON_GROUP, useExisting: CuteButtonToggleGroup },
361
358
  { provide: CUTE_BUTTON_TOGGLE_GROUP, useExisting: CuteButtonToggleGroup },
362
359
  ], queries: [{ propertyName: "_buttonToggles", predicate: i0.forwardRef(() => CuteButtonToggle), descendants: true }], exportAs: ["cuteButtonToggleGroup"], usesInheritance: true, ngImport: i0 }); }
363
360
  }
@@ -365,19 +362,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
365
362
  type: Directive,
366
363
  args: [{
367
364
  selector: 'cute-button-toggle-group',
368
- providers: [
369
- CUTE_BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR,
370
- { provide: CUTE_BUTTON_TOGGLE_GROUP, useExisting: CuteButtonToggleGroup },
371
- ],
365
+ exportAs: 'cuteButtonToggleGroup',
372
366
  host: {
373
367
  'class': 'cute-button-toggle-group',
374
368
  '[attr.role]': 'multiple ? "group" : "radiogroup"',
375
- '[attr.aria-disabled]': 'disabled',
376
- '[attr.tabindex]': '-1',
377
369
  '(keydown)': '_keydown($event)',
378
370
  },
379
- exportAs: 'cuteButtonToggleGroup',
380
- standalone: true,
371
+ providers: [
372
+ CUTE_BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR,
373
+ { provide: CUTE_BUTTON_GROUP, useExisting: CuteButtonToggleGroup },
374
+ { provide: CUTE_BUTTON_TOGGLE_GROUP, useExisting: CuteButtonToggleGroup },
375
+ ],
381
376
  }]
382
377
  }], ctorParameters: () => [], propDecorators: { _buttonToggles: [{
383
378
  type: ContentChildren,
@@ -480,6 +475,8 @@ class CuteButtonToggle extends CuteButtonBase {
480
475
  super();
481
476
  this._animationDisabled = _animationsDisabled();
482
477
  this._multiple = true;
478
+ /** The parent button toggle group (exclusive selection). Optional. */
479
+ this.buttonToggleGroup = null;
483
480
  this._checked = false;
484
481
  /** Event emitted when the group value changes. */
485
482
  this.change = new EventEmitter();
@@ -489,6 +486,8 @@ class CuteButtonToggle extends CuteButtonBase {
489
486
  const defaultOptions = inject(CUTE_BUTTON_TOGGLE_DEFAULT_OPTIONS, { optional: true });
490
487
  //this._tabIndex = parseInt(defaultTabIndex) || 0;
491
488
  this.buttonToggleGroup = toggleGroup;
489
+ if (!toggleGroup)
490
+ this.inputButtonStyle = "outline-button";
492
491
  this.disabledInteractive = defaultOptions?.disabledInteractive ?? false;
493
492
  }
494
493
  ngOnInit() {
@@ -548,7 +547,7 @@ class CuteButtonToggle extends CuteButtonBase {
548
547
  }
549
548
  }
550
549
  if (this.isSingleSelector()) {
551
- const focusable = this.buttonToggleGroup._buttonToggles?.find(toggle => {
550
+ const focusable = this.buttonToggleGroup?._buttonToggles?.find(toggle => {
552
551
  return toggle.tabIndex === 0;
553
552
  });
554
553
  // Modify the tabindex attribute of the last focusable button toggle to -1.
@@ -563,26 +562,34 @@ class CuteButtonToggle extends CuteButtonBase {
563
562
  }
564
563
  /** Gets the name that should be assigned to the inner DOM node. */
565
564
  _getButtonName() {
566
- if (this.isSingleSelector()) {
565
+ if (this.buttonToggleGroup && this.isSingleSelector()) {
567
566
  return this.buttonToggleGroup.name;
568
567
  }
569
568
  return this.name || null;
570
569
  }
571
570
  /** Whether the toggle is in single selection mode. */
572
571
  isSingleSelector() {
573
- return this.buttonToggleGroup && !this.buttonToggleGroup.multiple;
572
+ return (this.buttonToggleGroup && !this.buttonToggleGroup.multiple) ?? false;
574
573
  }
575
574
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteButtonToggle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
576
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: CuteButtonToggle, isStandalone: true, selector: "cute-button-toggle", inputs: { name: "name", value: "value", checked: ["checked", "checked", booleanAttribute] }, outputs: { change: "change" }, host: { listeners: { "focus": "focus()", "click": "_onButtonClick()" }, properties: { "class.cute-button-toggle-standalone": "!buttonToggleGroup", "class.active": "checked", "attr.aria-label": "null", "attr.aria-labelledby": "null", "attr.name": "null", "style.--bs-btn-hover-color": "'var(--bs-'+toThemeColor(color)+'-text-emphasis)'" }, classAttribute: "cute-button-toggle" }, providers: [
575
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: CuteButtonToggle, isStandalone: true, selector: "cute-button-toggle", inputs: { name: "name", value: "value", checked: ["checked", "checked", booleanAttribute] }, outputs: { change: "change" }, host: { listeners: { "focus": "focus()", "click": "_onButtonClick()" }, properties: { "class.cute-button-toggle-standalone": "!buttonToggleGroup", "class.active": "checked", "class.disabled": "disabled", "class.cute-button-disabled-interactive": "disabledInteractive", "class.cute-button-checked-disabled": "checked && disabled", "class.cute-unthemed": "!color", "attr.disabled": "_getDisabledAttribute()", "attr.aria-disabled": "_getAriaDisabled()", "attr.aria-label": "null", "attr.aria-labelledby": "null", "attr.name": "null", "style.--bs-btn-hover-color": "'var(--bs-'+toThemeColor(color)+'-text-emphasis)'" }, classAttribute: "cute-button-toggle cute-button" }, providers: [
577
576
  { provide: CUTE_BUTTON_BASE, useExisting: CuteButtonToggle }
578
- ], exportAs: ["cuteButtonToggle"], usesInheritance: true, ngImport: i0, template: "<!--\r\n For capturing HTML-elements such as <i class..> or <img src=\"\"...> and others\r\n we need apply [cuteButtonIcon] attribute to them.\r\n-->\r\n<span class=\"cute-icon-wrapper\">\r\n <ng-content select=\".material-icons:not([iconPositionEnd]),\r\n .bi:not([iconPositionEnd]),\r\n cute-icon:not([iconPositionEnd]),\r\n cute-avatar:not([iconPositionEnd]),\r\n [cuteButtonIcon]:not([iconPositionEnd])\">\r\n </ng-content>\r\n</span>\r\n\r\n<span class=\"cute-button-label\">\r\n <ng-content>\r\n @if(visuallyHiddenLabel) {\r\n <span class=\"visually-hidden\"> {{visuallyHiddenLabel}} </span>\r\n }\r\n </ng-content>\r\n</span>\r\n\r\n<span class=\"cute-icon-wrapper\">\r\n <ng-content select=\".material-icons[iconPositionEnd],\r\n .bi:[iconPositionEnd],\r\n cute-icon[iconPositionEnd],\r\n cute-avatar:[iconPositionEnd],\r\n [cuteButtonIcon][iconPositionEnd]\">\r\n </ng-content>\r\n</span>\r\n", styles: [".cute-ripple-element{--cute-ripple-duration: .5s;--cute-ripple-bg-color: rgba(255, 255, 255, .18);position:absolute;border-radius:50%;pointer-events:none;transform:scale3d(0,0,0);animation:cute-ripple-element-animation var(--cute-ripple-duration) cubic-bezier(.65,.05,.36,1);background-color:var(--cute-ripple-bg-color);will-change:transform,opacity}@media (forced-colors: active){.cute-ripple-element{display:none}}@keyframes cute-ripple-element-animation{to{transform:scale(8);opacity:0}}.cute-button,.cute-anchor{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:visible;box-shadow:none}.cute-button:has(>:not(.cute-ripple):nth-child(2)),.cute-anchor:has(>:not(.cute-ripple):nth-child(2)){gap:.5em}.cute-button.dropdown-toggle,.cute-anchor.dropdown-toggle{gap:.375em}.cute-button.dropdown-toggle-split,.cute-anchor.dropdown-toggle-split{gap:0}.cute-button .cute-icon-wrapper,.cute-anchor .cute-icon-wrapper{display:contents}.cute-button .cute-icon-wrapper:empty,.cute-anchor .cute-icon-wrapper:empty{display:none}.cute-button .cute-button-label,.cute-anchor .cute-button-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cute-button .cute-button-label .badge,.cute-anchor .cute-button-label .badge{line-height:var(--bs-btn-line-height);top:0}.cute-button .cute-button-label:empty,.cute-anchor .cute-button-label:empty{display:none}.cute-button.cute-button-disabled-interactive,.cute-anchor.cute-button-disabled-interactive{cursor:pointer}.cute-button.cute-button-disabled-interactive:disabled,.cute-button.cute-button-disabled-interactive.disabled,.cute-anchor.cute-button-disabled-interactive:disabled,.cute-anchor.cute-button-disabled-interactive.disabled{pointer-events:auto;cursor:default;box-shadow:none;--bs-btn-active-bg: var(--bs-btn-disabled-bg);--bs-btn-active-border-color: var(--bs-btn-disabled-border-color);--bs-btn-active-color: var(--bs-btn-disabled-color)}.cute-button.cute-button-disabled-interactive:disabled.cute-icon-button,.cute-button.cute-button-disabled-interactive.disabled.cute-icon-button,.cute-anchor.cute-button-disabled-interactive:disabled.cute-icon-button,.cute-anchor.cute-button-disabled-interactive.disabled.cute-icon-button{--bs-btn-active-bg: transparent;--bs-btn-active-border-color: transparent;--bs-btn-hover-bg: transparent}.cute-button.cute-base-button,.cute-anchor.cute-base-button{font-weight:500;--cute-base-button-color-rgb: var(--bs-body-color-rgb);--bs-btn-active-bg: rgba(var(--cute-base-button-color-rgb), .08);--bs-btn-active-border-color: rgba(var(--cute-base-button-color-rgb), .12);--bs-btn-disabled-border-color: transparent;--bs-btn-hover-bg: rgba(var(--cute-base-button-color-rgb), .06)}.cute-button.cute-flat-button.cute-unthemed,.cute-anchor.cute-flat-button.cute-unthemed{--bs-btn-bg: var(--bs-tertiary-bg);--bs-btn-hover-bg: var(--bs-secondary-bg);--bs-btn-active-bg: var(--bs-secondary-bg);border-color:transparent}.cute-button.raised,.cute-anchor.raised{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;transition:box-shadow .2s cubic-bezier(.4,0,.2,1)}.cute-button.raised:hover,.cute-button.raised:focus,.cute-anchor.raised:hover,.cute-anchor.raised:focus{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.cute-button.raised:active,.cute-anchor.raised:active{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cute-button.raised:disabled,.cute-button.raised.disabled,.cute-anchor.raised:disabled,.cute-anchor.raised.disabled{box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}.cute-button.btn-light:disabled,.cute-button.btn-light.disabled,.cute-anchor.btn-light:disabled,.cute-anchor.btn-light.disabled{background-color:#0000001a}.cute-button>[role=img],.cute-button i[class],.cute-anchor>[role=img],.cute-anchor i[class]{align-self:center;pointer-events:none;overflow:visible}.cute-button.cute-fab-button,.cute-anchor.cute-fab-button{--icon-size: 40px;width:var(--icon-size);height:var(--icon-size);min-width:var(--icon-size);line-height:1;padding:0;padding-top:revert;gap:0;border-radius:50%;flex-shrink:0;-webkit-tap-highlight-color:rgba(0,0,0,0);box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.cute-button.cute-fab-button[magnitude=largest],.cute-anchor.cute-fab-button[magnitude=largest]{--icon-size: 64px}.cute-button.cute-fab-button[magnitude=larger],.cute-anchor.cute-fab-button[magnitude=larger]{--icon-size: 56px}.cute-button.cute-fab-button[magnitude=large],.cute-anchor.cute-fab-button[magnitude=large]{--icon-size: 48px}.cute-button.cute-fab-button[magnitude=middle],.cute-anchor.cute-fab-button[magnitude=middle]{--icon-size: 40px}.cute-button.cute-fab-button[magnitude=small],.cute-anchor.cute-fab-button[magnitude=small]{--icon-size: 32px}.cute-button.cute-fab-button[magnitude=smaller],.cute-anchor.cute-fab-button[magnitude=smaller]{--icon-size: 24px}.cute-button.cute-fab-button[magnitude=smallest],.cute-anchor.cute-fab-button[magnitude=smallest]{--icon-size: 16px}.cute-button.cute-fab-button svg,.cute-anchor.cute-fab-button svg{vertical-align:baseline}.cute-button.cute-fab-button:active,.cute-anchor.cute-fab-button:active{box-shadow:0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f}.cute-button.cute-fab-button:active.btn-light,.cute-anchor.cute-fab-button:active.btn-light{border-color:#00000040}.cute-button.cute-fab-button:hover,.cute-button.cute-fab-button.cdk-focused,.cute-anchor.cute-fab-button:hover,.cute-anchor.cute-fab-button.cdk-focused{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cute-button.cute-fab-button:disabled,.cute-button.cute-fab-button.disabled,.cute-anchor.cute-fab-button:disabled,.cute-anchor.cute-fab-button.disabled{border:0;box-shadow:none}.cute-button.cute-fab-button:disabled>[role=img],.cute-button.cute-fab-button:disabled i[class],.cute-button.cute-fab-button.disabled>[role=img],.cute-button.cute-fab-button.disabled i[class],.cute-anchor.cute-fab-button:disabled>[role=img],.cute-anchor.cute-fab-button:disabled i[class],.cute-anchor.cute-fab-button.disabled>[role=img],.cute-anchor.cute-fab-button.disabled i[class]{color:#00000061!important}.cute-button.cute-icon-button,.cute-anchor.cute-icon-button{overflow:hidden;border-radius:50%;border:0;padding:0;gap:0!important;--icon-size: 40px;width:var(--icon-size);height:var(--icon-size);min-width:var(--icon-size);line-height:1;--cute-icon-button-color-rgb: var(--bs-body-color-rgb);--bs-btn-active-bg: rgba(var(--cute-icon-button-color-rgb), .12);--bs-btn-active-border-color: rgba(var(--cute-icon-button-color-rgb), .12);--bs-btn-hover-bg: rgba(var(--cute-icon-button-color-rgb), .06)}.cute-button.cute-icon-button[magnitude=largest],.cute-anchor.cute-icon-button[magnitude=largest]{--icon-size: 64px}.cute-button.cute-icon-button[magnitude=larger],.cute-anchor.cute-icon-button[magnitude=larger]{--icon-size: 56px}.cute-button.cute-icon-button[magnitude=large],.cute-anchor.cute-icon-button[magnitude=large]{--icon-size: 48px}.cute-button.cute-icon-button[magnitude=middle],.cute-anchor.cute-icon-button[magnitude=middle]{--icon-size: 40px}.cute-button.cute-icon-button[magnitude=small],.cute-anchor.cute-icon-button[magnitude=small]{--icon-size: 32px}.cute-button.cute-icon-button[magnitude=smaller],.cute-anchor.cute-icon-button[magnitude=smaller]{--icon-size: 24px}.cute-button.cute-icon-button[magnitude=smallest],.cute-anchor.cute-icon-button[magnitude=smallest]{--icon-size: 16px}.cute-button.cute-icon-button svg,.cute-anchor.cute-icon-button svg{vertical-align:baseline}.cute-button.cute-icon-button.cdk-focused,.cute-anchor.cute-icon-button.cdk-focused{--bs-btn-hover-bg: rgba(var(--cute-icon-button-color-rgb), .04)}.cute-btn-xxs,.cute-btn-group-xxs>.btn{--bs-btn-padding-y: .25rem;--bs-btn-padding-x: .5rem;--bs-btn-font-size: .5rem}.cute-btn-xs,.cute-btn-group-xs>.btn{--bs-btn-padding-y: .25rem;--bs-btn-padding-x: .5rem;--bs-btn-font-size: .75rem}.cute-btn-xl,.cute-btn-group-xl>.btn{--bs-btn-padding-y: .5rem;--bs-btn-padding-x: 1rem;--bs-btn-font-size: 1.5rem}.cute-btn-xxl,.cute-btn-group-xxl>.btn{--bs-btn-padding-y: .5rem;--bs-btn-padding-x: 1rem;--bs-btn-font-size: 2.5rem}[dir=rtl] .btn-group>.btn:not(:first-child):not(.dropdown-toggle),[dir=rtl] .btn-group>.btn.dropdown-toggle-split:last-child,[dir=rtl] .btn-group>.btn-group:not(:first-child)>.btn{border-radius:0}[dir=rtl] .btn-group>.btn:nth-child(n+3),[dir=rtl] .btn-group>:not(.btn-check)+.btn,[dir=rtl] .btn-group>.btn-group:not(:last-child)>.btn{border-radius:0 var(--bs-btn-border-radius) var(--bs-btn-border-radius) 0}[dir=rtl] .btn-group>.btn:first-child:not(.dropdown-toggle),[dir=rtl] .btn-group>.btn.dropdown-toggle-split:first-child,[dir=rtl] .btn-group>.btn-group:first-child>.btn{border-radius:0 var(--bs-btn-border-radius) var(--bs-btn-border-radius) 0}[dir=rtl] .btn-group>.btn:last-child:not(.dropdown-toggle),[dir=rtl] .btn-group>.btn.dropdown-toggle-split:last-child,[dir=rtl] .btn-group>.btn-group:last-child>.btn{border-radius:var(--bs-btn-border-radius) 0 0 var(--bs-btn-border-radius)}.cute-button-expandable{padding:.25rem .5rem;font-weight:600;color:var(--bs-emphasis-color);background-color:transparent}.cute-button-expandable:hover,.cute-button-expandable:focus{color:rgba(var(--bs-emphasis-color-rgb),.85);background-color:var(--bs-tertiary-bg)}.cute-button-expandable:before{width:1.25em;line-height:0;content:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e\");transition:transform .35s ease;transform-origin:.5em 50%;transform:scale(.85)}[data-bs-theme=dark] .cute-button-expandable:before{content:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255,255,255,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e\")}[dir=rtl] .cute-button-expandable:before{transform:rotate(180deg) scale(.85);margin-left:.25em;text-align:end}.cute-button-expandable[aria-expanded=true]{color:rgba(var(--bs-emphasis-color-rgb),.85)}.cute-button-expandable[aria-expanded=true]:before{transform:rotate(90deg) scale(.85)}\n", ".cute-button-toggle{--bs-btn-hover-bg: transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
577
+ ], exportAs: ["cuteButtonToggle"], usesInheritance: true, ngImport: i0, template: "<!--\r\n For capturing HTML-elements such as <i class..> or <img src=\"\"...> and others\r\n we need apply [cuteButtonIcon] attribute to them.\r\n-->\r\n<span class=\"cute-icon-wrapper\">\r\n <ng-content select=\".material-icons:not([iconPositionEnd]),\r\n .bi:not([iconPositionEnd]),\r\n cute-icon:not([iconPositionEnd]),\r\n cute-avatar:not([iconPositionEnd]),\r\n [cuteButtonIcon]:not([iconPositionEnd])\">\r\n </ng-content>\r\n</span>\r\n\r\n<span class=\"cute-button-label\" [class.cute-button-label__nowrap]=\"!wrapText\">\r\n <ng-content>\r\n @if(visuallyHiddenLabel) {\r\n <span class=\"visually-hidden\"> {{visuallyHiddenLabel}} </span>\r\n }\r\n </ng-content>\r\n</span>\r\n\r\n<span class=\"cute-icon-wrapper\">\r\n <ng-content select=\".material-icons[iconPositionEnd],\r\n .bi:[iconPositionEnd],\r\n cute-icon[iconPositionEnd],\r\n cute-avatar:[iconPositionEnd],\r\n [cuteButtonIcon][iconPositionEnd]\">\r\n </ng-content>\r\n</span>\r\n", styles: [".cute-ripple-element{--cute-ripple-duration: .5s;--cute-ripple-bg-color: rgba(255, 255, 255, .18);position:absolute;border-radius:50%;pointer-events:none;transform:scale3d(0,0,0);animation:cute-ripple-element-animation var(--cute-ripple-duration) cubic-bezier(.65,.05,.36,1);background-color:var(--cute-ripple-bg-color);will-change:transform,opacity}@media (forced-colors: active){.cute-ripple-element{display:none}}@keyframes cute-ripple-element-animation{to{transform:scale(8);opacity:0}}.cute-button,.cute-anchor{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:visible;box-shadow:none}.cute-button:not(.btn-close),.cute-anchor:not(.btn-close){box-sizing:border-box}.cute-button:has(>:nth-child(2)),.cute-anchor:has(>:nth-child(2)){gap:.5em}.cute-button.dropdown-toggle,.cute-anchor.dropdown-toggle{gap:.375em}.cute-button.dropdown-toggle-split,.cute-anchor.dropdown-toggle-split{gap:0}.cute-button .cute-icon-wrapper,.cute-anchor .cute-icon-wrapper{display:contents}.cute-button .cute-icon-wrapper:empty,.cute-anchor .cute-icon-wrapper:empty{display:none}.cute-button .cute-button-label.cute-button-label__nowrap,.cute-anchor .cute-button-label.cute-button-label__nowrap{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cute-button .cute-button-label .badge,.cute-anchor .cute-button-label .badge{line-height:var(--bs-btn-line-height);top:0}.cute-button .cute-button-label:empty,.cute-anchor .cute-button-label:empty{display:none}.cute-button.cute-button-disabled-interactive,.cute-anchor.cute-button-disabled-interactive{cursor:pointer}.cute-button.cute-button-disabled-interactive:disabled,.cute-button.cute-button-disabled-interactive.disabled,.cute-anchor.cute-button-disabled-interactive:disabled,.cute-anchor.cute-button-disabled-interactive.disabled{pointer-events:auto;cursor:default;box-shadow:none;--bs-btn-active-bg: var(--bs-btn-disabled-bg);--bs-btn-active-border-color: var(--bs-btn-disabled-border-color);--bs-btn-active-color: var(--bs-btn-disabled-color)}.cute-button.cute-button-disabled-interactive:disabled.cute-icon-button,.cute-button.cute-button-disabled-interactive.disabled.cute-icon-button,.cute-anchor.cute-button-disabled-interactive:disabled.cute-icon-button,.cute-anchor.cute-button-disabled-interactive.disabled.cute-icon-button{--bs-btn-active-bg: transparent;--bs-btn-active-border-color: transparent;--bs-btn-hover-bg: transparent}.cute-button.cute-base-button,.cute-anchor.cute-base-button{font-weight:500;--cute-base-button-color-rgb: var(--bs-body-color-rgb);--bs-btn-active-bg: rgba(var(--cute-base-button-color-rgb), .08);--bs-btn-active-border-color: rgba(var(--cute-base-button-color-rgb), .12);--bs-btn-disabled-border-color: transparent;--bs-btn-hover-bg: rgba(var(--cute-base-button-color-rgb), .06)}.cute-button.cute-flat-button.cute-unthemed,.cute-anchor.cute-flat-button.cute-unthemed{--bs-btn-bg: var(--bs-tertiary-bg);--bs-btn-hover-bg: var(--bs-secondary-bg);--bs-btn-active-bg: var(--bs-secondary-bg);border-color:transparent}.cute-button.raised,.cute-anchor.raised{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;transition:box-shadow .2s cubic-bezier(.4,0,.2,1)}.cute-button.raised:hover,.cute-button.raised:focus,.cute-anchor.raised:hover,.cute-anchor.raised:focus{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.cute-button.raised:active,.cute-anchor.raised:active{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cute-button.raised:disabled,.cute-button.raised.disabled,.cute-anchor.raised:disabled,.cute-anchor.raised.disabled{box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}.cute-button.btn-light:disabled,.cute-button.btn-light.disabled,.cute-anchor.btn-light:disabled,.cute-anchor.btn-light.disabled{background-color:#0000001a}.cute-button>[role=img],.cute-button i[class],.cute-anchor>[role=img],.cute-anchor i[class]{align-self:center;pointer-events:none;overflow:visible}.cute-button.cute-fab-button,.cute-anchor.cute-fab-button{--icon-size: 40px;width:var(--icon-size);height:var(--icon-size);min-width:var(--icon-size);line-height:1;padding:0;padding-top:revert;gap:0;border-radius:50%;flex-shrink:0;-webkit-tap-highlight-color:rgba(0,0,0,0);box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.cute-button.cute-fab-button[magnitude=largest],.cute-anchor.cute-fab-button[magnitude=largest]{--icon-size: 64px}.cute-button.cute-fab-button[magnitude=larger],.cute-anchor.cute-fab-button[magnitude=larger]{--icon-size: 56px}.cute-button.cute-fab-button[magnitude=large],.cute-anchor.cute-fab-button[magnitude=large]{--icon-size: 48px}.cute-button.cute-fab-button[magnitude=middle],.cute-anchor.cute-fab-button[magnitude=middle]{--icon-size: 40px}.cute-button.cute-fab-button[magnitude=small],.cute-anchor.cute-fab-button[magnitude=small]{--icon-size: 32px}.cute-button.cute-fab-button[magnitude=smaller],.cute-anchor.cute-fab-button[magnitude=smaller]{--icon-size: 24px}.cute-button.cute-fab-button[magnitude=smallest],.cute-anchor.cute-fab-button[magnitude=smallest]{--icon-size: 16px}.cute-button.cute-fab-button svg,.cute-anchor.cute-fab-button svg{vertical-align:baseline}.cute-button.cute-fab-button:active,.cute-anchor.cute-fab-button:active{box-shadow:0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f}.cute-button.cute-fab-button:active.btn-light,.cute-anchor.cute-fab-button:active.btn-light{border-color:#00000040}.cute-button.cute-fab-button:hover,.cute-button.cute-fab-button.cdk-focused,.cute-anchor.cute-fab-button:hover,.cute-anchor.cute-fab-button.cdk-focused{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cute-button.cute-fab-button:disabled,.cute-button.cute-fab-button.disabled,.cute-anchor.cute-fab-button:disabled,.cute-anchor.cute-fab-button.disabled{border:0;box-shadow:none}.cute-button.cute-fab-button:disabled>[role=img],.cute-button.cute-fab-button:disabled i[class],.cute-button.cute-fab-button.disabled>[role=img],.cute-button.cute-fab-button.disabled i[class],.cute-anchor.cute-fab-button:disabled>[role=img],.cute-anchor.cute-fab-button:disabled i[class],.cute-anchor.cute-fab-button.disabled>[role=img],.cute-anchor.cute-fab-button.disabled i[class]{color:#00000061!important}.cute-button.cute-icon-button,.cute-anchor.cute-icon-button{overflow:hidden;border-radius:50%;border:0;padding:0;gap:0!important;--icon-size: 40px;width:var(--icon-size);height:var(--icon-size);min-width:var(--icon-size);line-height:1;--cute-icon-button-color-rgb: var(--bs-body-color-rgb);--bs-btn-active-bg: rgba(var(--cute-icon-button-color-rgb), .12);--bs-btn-active-border-color: rgba(var(--cute-icon-button-color-rgb), .12);--bs-btn-hover-bg: rgba(var(--cute-icon-button-color-rgb), .06)}.cute-button.cute-icon-button[magnitude=largest],.cute-anchor.cute-icon-button[magnitude=largest]{--icon-size: 64px}.cute-button.cute-icon-button[magnitude=larger],.cute-anchor.cute-icon-button[magnitude=larger]{--icon-size: 56px}.cute-button.cute-icon-button[magnitude=large],.cute-anchor.cute-icon-button[magnitude=large]{--icon-size: 48px}.cute-button.cute-icon-button[magnitude=middle],.cute-anchor.cute-icon-button[magnitude=middle]{--icon-size: 40px}.cute-button.cute-icon-button[magnitude=small],.cute-anchor.cute-icon-button[magnitude=small]{--icon-size: 32px}.cute-button.cute-icon-button[magnitude=smaller],.cute-anchor.cute-icon-button[magnitude=smaller]{--icon-size: 24px}.cute-button.cute-icon-button[magnitude=smallest],.cute-anchor.cute-icon-button[magnitude=smallest]{--icon-size: 16px}.cute-button.cute-icon-button svg,.cute-anchor.cute-icon-button svg{vertical-align:baseline}.cute-button.cute-icon-button.cdk-focused,.cute-anchor.cute-icon-button.cdk-focused{--bs-btn-hover-bg: rgba(var(--cute-icon-button-color-rgb), .04)}.cute-btn-xxs,.cute-btn-group-xxs>.btn{--bs-btn-padding-y: .25rem;--bs-btn-padding-x: .5rem;--bs-btn-font-size: .5rem}.cute-btn-xs,.cute-btn-group-xs>.btn{--bs-btn-padding-y: .25rem;--bs-btn-padding-x: .5rem;--bs-btn-font-size: .75rem}.cute-btn-xl,.cute-btn-group-xl>.btn{--bs-btn-padding-y: .5rem;--bs-btn-padding-x: 1rem;--bs-btn-font-size: 1.5rem}.cute-btn-xxl,.cute-btn-group-xxl>.btn{--bs-btn-padding-y: .5rem;--bs-btn-padding-x: 1rem;--bs-btn-font-size: 2.5rem}[dir=rtl] .btn-group>.btn:not(:first-child):not(.dropdown-toggle),[dir=rtl] .btn-group>.btn.dropdown-toggle-split:last-child,[dir=rtl] .btn-group>.btn-group:not(:first-child)>.btn{border-radius:0}[dir=rtl] .btn-group>.btn:nth-child(n+3),[dir=rtl] .btn-group>:not(.btn-check)+.btn,[dir=rtl] .btn-group>.btn-group:not(:last-child)>.btn{border-radius:0 var(--bs-btn-border-radius) var(--bs-btn-border-radius) 0}[dir=rtl] .btn-group>.btn:first-child:not(.dropdown-toggle),[dir=rtl] .btn-group>.btn.dropdown-toggle-split:first-child,[dir=rtl] .btn-group>.btn-group:first-child>.btn{border-radius:0 var(--bs-btn-border-radius) var(--bs-btn-border-radius) 0}[dir=rtl] .btn-group>.btn:last-child:not(.dropdown-toggle),[dir=rtl] .btn-group>.btn.dropdown-toggle-split:last-child,[dir=rtl] .btn-group>.btn-group:last-child>.btn{border-radius:var(--bs-btn-border-radius) 0 0 var(--bs-btn-border-radius)}.cute-button-expandable{padding:.25rem .5rem;font-weight:600;color:var(--bs-emphasis-color);background-color:transparent}.cute-button-expandable:hover,.cute-button-expandable:focus{color:rgba(var(--bs-emphasis-color-rgb),.85);background-color:var(--bs-tertiary-bg)}.cute-button-expandable:before{width:1.25em;line-height:0;content:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e\");transition:transform .35s ease;transform-origin:.5em 50%;transform:scale(.85)}[data-bs-theme=dark] .cute-button-expandable:before{content:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255,255,255,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e\")}[dir=rtl] .cute-button-expandable:before{transform:rotate(180deg) scale(.85);margin-left:.25em;text-align:end}.cute-button-expandable[aria-expanded=true]{color:rgba(var(--bs-emphasis-color-rgb),.85)}.cute-button-expandable[aria-expanded=true]:before{transform:rotate(90deg) scale(.85)}\n", ".cute-button-toggle{--bs-btn-hover-bg: transparent}.cute-button-toggle.cute-button-checked-disabled{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);opacity:var(--bs-btn-disabled-opacity)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
579
578
  }
580
579
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteButtonToggle, decorators: [{
581
580
  type: Component,
582
581
  args: [{ selector: 'cute-button-toggle', exportAs: 'cuteButtonToggle', host: {
583
- 'class': 'cute-button-toggle',
582
+ // Many CSS properties are in CuteButton component's css file and depend on
583
+ // `cute-button` and `cute-anchor` CSS classes. So, we include ancestor class name `cute-button`.
584
+ 'class': 'cute-button-toggle cute-button',
584
585
  '[class.cute-button-toggle-standalone]': '!buttonToggleGroup',
585
586
  '[class.active]': 'checked',
587
+ '[class.disabled]': 'disabled',
588
+ '[class.cute-button-disabled-interactive]': 'disabledInteractive',
589
+ '[class.cute-button-checked-disabled]': 'checked && disabled',
590
+ '[class.cute-unthemed]': '!color',
591
+ '[attr.disabled]': '_getDisabledAttribute()',
592
+ '[attr.aria-disabled]': '_getAriaDisabled()',
586
593
  '[attr.aria-label]': 'null',
587
594
  '[attr.aria-labelledby]': 'null',
588
595
  '[attr.name]': 'null',
@@ -592,7 +599,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
592
599
  //'role': 'presentation',
593
600
  }, providers: [
594
601
  { provide: CUTE_BUTTON_BASE, useExisting: CuteButtonToggle }
595
- ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<!--\r\n For capturing HTML-elements such as <i class..> or <img src=\"\"...> and others\r\n we need apply [cuteButtonIcon] attribute to them.\r\n-->\r\n<span class=\"cute-icon-wrapper\">\r\n <ng-content select=\".material-icons:not([iconPositionEnd]),\r\n .bi:not([iconPositionEnd]),\r\n cute-icon:not([iconPositionEnd]),\r\n cute-avatar:not([iconPositionEnd]),\r\n [cuteButtonIcon]:not([iconPositionEnd])\">\r\n </ng-content>\r\n</span>\r\n\r\n<span class=\"cute-button-label\">\r\n <ng-content>\r\n @if(visuallyHiddenLabel) {\r\n <span class=\"visually-hidden\"> {{visuallyHiddenLabel}} </span>\r\n }\r\n </ng-content>\r\n</span>\r\n\r\n<span class=\"cute-icon-wrapper\">\r\n <ng-content select=\".material-icons[iconPositionEnd],\r\n .bi:[iconPositionEnd],\r\n cute-icon[iconPositionEnd],\r\n cute-avatar:[iconPositionEnd],\r\n [cuteButtonIcon][iconPositionEnd]\">\r\n </ng-content>\r\n</span>\r\n", styles: [".cute-ripple-element{--cute-ripple-duration: .5s;--cute-ripple-bg-color: rgba(255, 255, 255, .18);position:absolute;border-radius:50%;pointer-events:none;transform:scale3d(0,0,0);animation:cute-ripple-element-animation var(--cute-ripple-duration) cubic-bezier(.65,.05,.36,1);background-color:var(--cute-ripple-bg-color);will-change:transform,opacity}@media (forced-colors: active){.cute-ripple-element{display:none}}@keyframes cute-ripple-element-animation{to{transform:scale(8);opacity:0}}.cute-button,.cute-anchor{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;overflow:visible;box-shadow:none}.cute-button:has(>:not(.cute-ripple):nth-child(2)),.cute-anchor:has(>:not(.cute-ripple):nth-child(2)){gap:.5em}.cute-button.dropdown-toggle,.cute-anchor.dropdown-toggle{gap:.375em}.cute-button.dropdown-toggle-split,.cute-anchor.dropdown-toggle-split{gap:0}.cute-button .cute-icon-wrapper,.cute-anchor .cute-icon-wrapper{display:contents}.cute-button .cute-icon-wrapper:empty,.cute-anchor .cute-icon-wrapper:empty{display:none}.cute-button .cute-button-label,.cute-anchor .cute-button-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cute-button .cute-button-label .badge,.cute-anchor .cute-button-label .badge{line-height:var(--bs-btn-line-height);top:0}.cute-button .cute-button-label:empty,.cute-anchor .cute-button-label:empty{display:none}.cute-button.cute-button-disabled-interactive,.cute-anchor.cute-button-disabled-interactive{cursor:pointer}.cute-button.cute-button-disabled-interactive:disabled,.cute-button.cute-button-disabled-interactive.disabled,.cute-anchor.cute-button-disabled-interactive:disabled,.cute-anchor.cute-button-disabled-interactive.disabled{pointer-events:auto;cursor:default;box-shadow:none;--bs-btn-active-bg: var(--bs-btn-disabled-bg);--bs-btn-active-border-color: var(--bs-btn-disabled-border-color);--bs-btn-active-color: var(--bs-btn-disabled-color)}.cute-button.cute-button-disabled-interactive:disabled.cute-icon-button,.cute-button.cute-button-disabled-interactive.disabled.cute-icon-button,.cute-anchor.cute-button-disabled-interactive:disabled.cute-icon-button,.cute-anchor.cute-button-disabled-interactive.disabled.cute-icon-button{--bs-btn-active-bg: transparent;--bs-btn-active-border-color: transparent;--bs-btn-hover-bg: transparent}.cute-button.cute-base-button,.cute-anchor.cute-base-button{font-weight:500;--cute-base-button-color-rgb: var(--bs-body-color-rgb);--bs-btn-active-bg: rgba(var(--cute-base-button-color-rgb), .08);--bs-btn-active-border-color: rgba(var(--cute-base-button-color-rgb), .12);--bs-btn-disabled-border-color: transparent;--bs-btn-hover-bg: rgba(var(--cute-base-button-color-rgb), .06)}.cute-button.cute-flat-button.cute-unthemed,.cute-anchor.cute-flat-button.cute-unthemed{--bs-btn-bg: var(--bs-tertiary-bg);--bs-btn-hover-bg: var(--bs-secondary-bg);--bs-btn-active-bg: var(--bs-secondary-bg);border-color:transparent}.cute-button.raised,.cute-anchor.raised{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;transition:box-shadow .2s cubic-bezier(.4,0,.2,1)}.cute-button.raised:hover,.cute-button.raised:focus,.cute-anchor.raised:hover,.cute-anchor.raised:focus{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.cute-button.raised:active,.cute-anchor.raised:active{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cute-button.raised:disabled,.cute-button.raised.disabled,.cute-anchor.raised:disabled,.cute-anchor.raised.disabled{box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}.cute-button.btn-light:disabled,.cute-button.btn-light.disabled,.cute-anchor.btn-light:disabled,.cute-anchor.btn-light.disabled{background-color:#0000001a}.cute-button>[role=img],.cute-button i[class],.cute-anchor>[role=img],.cute-anchor i[class]{align-self:center;pointer-events:none;overflow:visible}.cute-button.cute-fab-button,.cute-anchor.cute-fab-button{--icon-size: 40px;width:var(--icon-size);height:var(--icon-size);min-width:var(--icon-size);line-height:1;padding:0;padding-top:revert;gap:0;border-radius:50%;flex-shrink:0;-webkit-tap-highlight-color:rgba(0,0,0,0);box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.cute-button.cute-fab-button[magnitude=largest],.cute-anchor.cute-fab-button[magnitude=largest]{--icon-size: 64px}.cute-button.cute-fab-button[magnitude=larger],.cute-anchor.cute-fab-button[magnitude=larger]{--icon-size: 56px}.cute-button.cute-fab-button[magnitude=large],.cute-anchor.cute-fab-button[magnitude=large]{--icon-size: 48px}.cute-button.cute-fab-button[magnitude=middle],.cute-anchor.cute-fab-button[magnitude=middle]{--icon-size: 40px}.cute-button.cute-fab-button[magnitude=small],.cute-anchor.cute-fab-button[magnitude=small]{--icon-size: 32px}.cute-button.cute-fab-button[magnitude=smaller],.cute-anchor.cute-fab-button[magnitude=smaller]{--icon-size: 24px}.cute-button.cute-fab-button[magnitude=smallest],.cute-anchor.cute-fab-button[magnitude=smallest]{--icon-size: 16px}.cute-button.cute-fab-button svg,.cute-anchor.cute-fab-button svg{vertical-align:baseline}.cute-button.cute-fab-button:active,.cute-anchor.cute-fab-button:active{box-shadow:0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f}.cute-button.cute-fab-button:active.btn-light,.cute-anchor.cute-fab-button:active.btn-light{border-color:#00000040}.cute-button.cute-fab-button:hover,.cute-button.cute-fab-button.cdk-focused,.cute-anchor.cute-fab-button:hover,.cute-anchor.cute-fab-button.cdk-focused{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cute-button.cute-fab-button:disabled,.cute-button.cute-fab-button.disabled,.cute-anchor.cute-fab-button:disabled,.cute-anchor.cute-fab-button.disabled{border:0;box-shadow:none}.cute-button.cute-fab-button:disabled>[role=img],.cute-button.cute-fab-button:disabled i[class],.cute-button.cute-fab-button.disabled>[role=img],.cute-button.cute-fab-button.disabled i[class],.cute-anchor.cute-fab-button:disabled>[role=img],.cute-anchor.cute-fab-button:disabled i[class],.cute-anchor.cute-fab-button.disabled>[role=img],.cute-anchor.cute-fab-button.disabled i[class]{color:#00000061!important}.cute-button.cute-icon-button,.cute-anchor.cute-icon-button{overflow:hidden;border-radius:50%;border:0;padding:0;gap:0!important;--icon-size: 40px;width:var(--icon-size);height:var(--icon-size);min-width:var(--icon-size);line-height:1;--cute-icon-button-color-rgb: var(--bs-body-color-rgb);--bs-btn-active-bg: rgba(var(--cute-icon-button-color-rgb), .12);--bs-btn-active-border-color: rgba(var(--cute-icon-button-color-rgb), .12);--bs-btn-hover-bg: rgba(var(--cute-icon-button-color-rgb), .06)}.cute-button.cute-icon-button[magnitude=largest],.cute-anchor.cute-icon-button[magnitude=largest]{--icon-size: 64px}.cute-button.cute-icon-button[magnitude=larger],.cute-anchor.cute-icon-button[magnitude=larger]{--icon-size: 56px}.cute-button.cute-icon-button[magnitude=large],.cute-anchor.cute-icon-button[magnitude=large]{--icon-size: 48px}.cute-button.cute-icon-button[magnitude=middle],.cute-anchor.cute-icon-button[magnitude=middle]{--icon-size: 40px}.cute-button.cute-icon-button[magnitude=small],.cute-anchor.cute-icon-button[magnitude=small]{--icon-size: 32px}.cute-button.cute-icon-button[magnitude=smaller],.cute-anchor.cute-icon-button[magnitude=smaller]{--icon-size: 24px}.cute-button.cute-icon-button[magnitude=smallest],.cute-anchor.cute-icon-button[magnitude=smallest]{--icon-size: 16px}.cute-button.cute-icon-button svg,.cute-anchor.cute-icon-button svg{vertical-align:baseline}.cute-button.cute-icon-button.cdk-focused,.cute-anchor.cute-icon-button.cdk-focused{--bs-btn-hover-bg: rgba(var(--cute-icon-button-color-rgb), .04)}.cute-btn-xxs,.cute-btn-group-xxs>.btn{--bs-btn-padding-y: .25rem;--bs-btn-padding-x: .5rem;--bs-btn-font-size: .5rem}.cute-btn-xs,.cute-btn-group-xs>.btn{--bs-btn-padding-y: .25rem;--bs-btn-padding-x: .5rem;--bs-btn-font-size: .75rem}.cute-btn-xl,.cute-btn-group-xl>.btn{--bs-btn-padding-y: .5rem;--bs-btn-padding-x: 1rem;--bs-btn-font-size: 1.5rem}.cute-btn-xxl,.cute-btn-group-xxl>.btn{--bs-btn-padding-y: .5rem;--bs-btn-padding-x: 1rem;--bs-btn-font-size: 2.5rem}[dir=rtl] .btn-group>.btn:not(:first-child):not(.dropdown-toggle),[dir=rtl] .btn-group>.btn.dropdown-toggle-split:last-child,[dir=rtl] .btn-group>.btn-group:not(:first-child)>.btn{border-radius:0}[dir=rtl] .btn-group>.btn:nth-child(n+3),[dir=rtl] .btn-group>:not(.btn-check)+.btn,[dir=rtl] .btn-group>.btn-group:not(:last-child)>.btn{border-radius:0 var(--bs-btn-border-radius) var(--bs-btn-border-radius) 0}[dir=rtl] .btn-group>.btn:first-child:not(.dropdown-toggle),[dir=rtl] .btn-group>.btn.dropdown-toggle-split:first-child,[dir=rtl] .btn-group>.btn-group:first-child>.btn{border-radius:0 var(--bs-btn-border-radius) var(--bs-btn-border-radius) 0}[dir=rtl] .btn-group>.btn:last-child:not(.dropdown-toggle),[dir=rtl] .btn-group>.btn.dropdown-toggle-split:last-child,[dir=rtl] .btn-group>.btn-group:last-child>.btn{border-radius:var(--bs-btn-border-radius) 0 0 var(--bs-btn-border-radius)}.cute-button-expandable{padding:.25rem .5rem;font-weight:600;color:var(--bs-emphasis-color);background-color:transparent}.cute-button-expandable:hover,.cute-button-expandable:focus{color:rgba(var(--bs-emphasis-color-rgb),.85);background-color:var(--bs-tertiary-bg)}.cute-button-expandable:before{width:1.25em;line-height:0;content:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e\");transition:transform .35s ease;transform-origin:.5em 50%;transform:scale(.85)}[data-bs-theme=dark] .cute-button-expandable:before{content:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255,255,255,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e\")}[dir=rtl] .cute-button-expandable:before{transform:rotate(180deg) scale(.85);margin-left:.25em;text-align:end}.cute-button-expandable[aria-expanded=true]{color:rgba(var(--bs-emphasis-color-rgb),.85)}.cute-button-expandable[aria-expanded=true]:before{transform:rotate(90deg) scale(.85)}\n", ".cute-button-toggle{--bs-btn-hover-bg: transparent}\n"] }]
602
+ ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<!--\r\n For capturing HTML-elements such as <i class..> or <img src=\"\"...> and others\r\n we need apply [cuteButtonIcon] attribute to them.\r\n-->\r\n<span class=\"cute-icon-wrapper\">\r\n <ng-content select=\".material-icons:not([iconPositionEnd]),\r\n .bi:not([iconPositionEnd]),\r\n cute-icon:not([iconPositionEnd]),\r\n cute-avatar:not([iconPositionEnd]),\r\n [cuteButtonIcon]:not([iconPositionEnd])\">\r\n </ng-content>\r\n</span>\r\n\r\n<span class=\"cute-button-label\" [class.cute-button-label__nowrap]=\"!wrapText\">\r\n <ng-content>\r\n @if(visuallyHiddenLabel) {\r\n <span class=\"visually-hidden\"> {{visuallyHiddenLabel}} </span>\r\n }\r\n </ng-content>\r\n</span>\r\n\r\n<span class=\"cute-icon-wrapper\">\r\n <ng-content select=\".material-icons[iconPositionEnd],\r\n .bi:[iconPositionEnd],\r\n cute-icon[iconPositionEnd],\r\n cute-avatar:[iconPositionEnd],\r\n [cuteButtonIcon][iconPositionEnd]\">\r\n </ng-content>\r\n</span>\r\n", styles: [".cute-ripple-element{--cute-ripple-duration: .5s;--cute-ripple-bg-color: rgba(255, 255, 255, .18);position:absolute;border-radius:50%;pointer-events:none;transform:scale3d(0,0,0);animation:cute-ripple-element-animation var(--cute-ripple-duration) cubic-bezier(.65,.05,.36,1);background-color:var(--cute-ripple-bg-color);will-change:transform,opacity}@media (forced-colors: active){.cute-ripple-element{display:none}}@keyframes cute-ripple-element-animation{to{transform:scale(8);opacity:0}}.cute-button,.cute-anchor{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:visible;box-shadow:none}.cute-button:not(.btn-close),.cute-anchor:not(.btn-close){box-sizing:border-box}.cute-button:has(>:nth-child(2)),.cute-anchor:has(>:nth-child(2)){gap:.5em}.cute-button.dropdown-toggle,.cute-anchor.dropdown-toggle{gap:.375em}.cute-button.dropdown-toggle-split,.cute-anchor.dropdown-toggle-split{gap:0}.cute-button .cute-icon-wrapper,.cute-anchor .cute-icon-wrapper{display:contents}.cute-button .cute-icon-wrapper:empty,.cute-anchor .cute-icon-wrapper:empty{display:none}.cute-button .cute-button-label.cute-button-label__nowrap,.cute-anchor .cute-button-label.cute-button-label__nowrap{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cute-button .cute-button-label .badge,.cute-anchor .cute-button-label .badge{line-height:var(--bs-btn-line-height);top:0}.cute-button .cute-button-label:empty,.cute-anchor .cute-button-label:empty{display:none}.cute-button.cute-button-disabled-interactive,.cute-anchor.cute-button-disabled-interactive{cursor:pointer}.cute-button.cute-button-disabled-interactive:disabled,.cute-button.cute-button-disabled-interactive.disabled,.cute-anchor.cute-button-disabled-interactive:disabled,.cute-anchor.cute-button-disabled-interactive.disabled{pointer-events:auto;cursor:default;box-shadow:none;--bs-btn-active-bg: var(--bs-btn-disabled-bg);--bs-btn-active-border-color: var(--bs-btn-disabled-border-color);--bs-btn-active-color: var(--bs-btn-disabled-color)}.cute-button.cute-button-disabled-interactive:disabled.cute-icon-button,.cute-button.cute-button-disabled-interactive.disabled.cute-icon-button,.cute-anchor.cute-button-disabled-interactive:disabled.cute-icon-button,.cute-anchor.cute-button-disabled-interactive.disabled.cute-icon-button{--bs-btn-active-bg: transparent;--bs-btn-active-border-color: transparent;--bs-btn-hover-bg: transparent}.cute-button.cute-base-button,.cute-anchor.cute-base-button{font-weight:500;--cute-base-button-color-rgb: var(--bs-body-color-rgb);--bs-btn-active-bg: rgba(var(--cute-base-button-color-rgb), .08);--bs-btn-active-border-color: rgba(var(--cute-base-button-color-rgb), .12);--bs-btn-disabled-border-color: transparent;--bs-btn-hover-bg: rgba(var(--cute-base-button-color-rgb), .06)}.cute-button.cute-flat-button.cute-unthemed,.cute-anchor.cute-flat-button.cute-unthemed{--bs-btn-bg: var(--bs-tertiary-bg);--bs-btn-hover-bg: var(--bs-secondary-bg);--bs-btn-active-bg: var(--bs-secondary-bg);border-color:transparent}.cute-button.raised,.cute-anchor.raised{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;transition:box-shadow .2s cubic-bezier(.4,0,.2,1)}.cute-button.raised:hover,.cute-button.raised:focus,.cute-anchor.raised:hover,.cute-anchor.raised:focus{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.cute-button.raised:active,.cute-anchor.raised:active{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cute-button.raised:disabled,.cute-button.raised.disabled,.cute-anchor.raised:disabled,.cute-anchor.raised.disabled{box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}.cute-button.btn-light:disabled,.cute-button.btn-light.disabled,.cute-anchor.btn-light:disabled,.cute-anchor.btn-light.disabled{background-color:#0000001a}.cute-button>[role=img],.cute-button i[class],.cute-anchor>[role=img],.cute-anchor i[class]{align-self:center;pointer-events:none;overflow:visible}.cute-button.cute-fab-button,.cute-anchor.cute-fab-button{--icon-size: 40px;width:var(--icon-size);height:var(--icon-size);min-width:var(--icon-size);line-height:1;padding:0;padding-top:revert;gap:0;border-radius:50%;flex-shrink:0;-webkit-tap-highlight-color:rgba(0,0,0,0);box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.cute-button.cute-fab-button[magnitude=largest],.cute-anchor.cute-fab-button[magnitude=largest]{--icon-size: 64px}.cute-button.cute-fab-button[magnitude=larger],.cute-anchor.cute-fab-button[magnitude=larger]{--icon-size: 56px}.cute-button.cute-fab-button[magnitude=large],.cute-anchor.cute-fab-button[magnitude=large]{--icon-size: 48px}.cute-button.cute-fab-button[magnitude=middle],.cute-anchor.cute-fab-button[magnitude=middle]{--icon-size: 40px}.cute-button.cute-fab-button[magnitude=small],.cute-anchor.cute-fab-button[magnitude=small]{--icon-size: 32px}.cute-button.cute-fab-button[magnitude=smaller],.cute-anchor.cute-fab-button[magnitude=smaller]{--icon-size: 24px}.cute-button.cute-fab-button[magnitude=smallest],.cute-anchor.cute-fab-button[magnitude=smallest]{--icon-size: 16px}.cute-button.cute-fab-button svg,.cute-anchor.cute-fab-button svg{vertical-align:baseline}.cute-button.cute-fab-button:active,.cute-anchor.cute-fab-button:active{box-shadow:0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f}.cute-button.cute-fab-button:active.btn-light,.cute-anchor.cute-fab-button:active.btn-light{border-color:#00000040}.cute-button.cute-fab-button:hover,.cute-button.cute-fab-button.cdk-focused,.cute-anchor.cute-fab-button:hover,.cute-anchor.cute-fab-button.cdk-focused{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cute-button.cute-fab-button:disabled,.cute-button.cute-fab-button.disabled,.cute-anchor.cute-fab-button:disabled,.cute-anchor.cute-fab-button.disabled{border:0;box-shadow:none}.cute-button.cute-fab-button:disabled>[role=img],.cute-button.cute-fab-button:disabled i[class],.cute-button.cute-fab-button.disabled>[role=img],.cute-button.cute-fab-button.disabled i[class],.cute-anchor.cute-fab-button:disabled>[role=img],.cute-anchor.cute-fab-button:disabled i[class],.cute-anchor.cute-fab-button.disabled>[role=img],.cute-anchor.cute-fab-button.disabled i[class]{color:#00000061!important}.cute-button.cute-icon-button,.cute-anchor.cute-icon-button{overflow:hidden;border-radius:50%;border:0;padding:0;gap:0!important;--icon-size: 40px;width:var(--icon-size);height:var(--icon-size);min-width:var(--icon-size);line-height:1;--cute-icon-button-color-rgb: var(--bs-body-color-rgb);--bs-btn-active-bg: rgba(var(--cute-icon-button-color-rgb), .12);--bs-btn-active-border-color: rgba(var(--cute-icon-button-color-rgb), .12);--bs-btn-hover-bg: rgba(var(--cute-icon-button-color-rgb), .06)}.cute-button.cute-icon-button[magnitude=largest],.cute-anchor.cute-icon-button[magnitude=largest]{--icon-size: 64px}.cute-button.cute-icon-button[magnitude=larger],.cute-anchor.cute-icon-button[magnitude=larger]{--icon-size: 56px}.cute-button.cute-icon-button[magnitude=large],.cute-anchor.cute-icon-button[magnitude=large]{--icon-size: 48px}.cute-button.cute-icon-button[magnitude=middle],.cute-anchor.cute-icon-button[magnitude=middle]{--icon-size: 40px}.cute-button.cute-icon-button[magnitude=small],.cute-anchor.cute-icon-button[magnitude=small]{--icon-size: 32px}.cute-button.cute-icon-button[magnitude=smaller],.cute-anchor.cute-icon-button[magnitude=smaller]{--icon-size: 24px}.cute-button.cute-icon-button[magnitude=smallest],.cute-anchor.cute-icon-button[magnitude=smallest]{--icon-size: 16px}.cute-button.cute-icon-button svg,.cute-anchor.cute-icon-button svg{vertical-align:baseline}.cute-button.cute-icon-button.cdk-focused,.cute-anchor.cute-icon-button.cdk-focused{--bs-btn-hover-bg: rgba(var(--cute-icon-button-color-rgb), .04)}.cute-btn-xxs,.cute-btn-group-xxs>.btn{--bs-btn-padding-y: .25rem;--bs-btn-padding-x: .5rem;--bs-btn-font-size: .5rem}.cute-btn-xs,.cute-btn-group-xs>.btn{--bs-btn-padding-y: .25rem;--bs-btn-padding-x: .5rem;--bs-btn-font-size: .75rem}.cute-btn-xl,.cute-btn-group-xl>.btn{--bs-btn-padding-y: .5rem;--bs-btn-padding-x: 1rem;--bs-btn-font-size: 1.5rem}.cute-btn-xxl,.cute-btn-group-xxl>.btn{--bs-btn-padding-y: .5rem;--bs-btn-padding-x: 1rem;--bs-btn-font-size: 2.5rem}[dir=rtl] .btn-group>.btn:not(:first-child):not(.dropdown-toggle),[dir=rtl] .btn-group>.btn.dropdown-toggle-split:last-child,[dir=rtl] .btn-group>.btn-group:not(:first-child)>.btn{border-radius:0}[dir=rtl] .btn-group>.btn:nth-child(n+3),[dir=rtl] .btn-group>:not(.btn-check)+.btn,[dir=rtl] .btn-group>.btn-group:not(:last-child)>.btn{border-radius:0 var(--bs-btn-border-radius) var(--bs-btn-border-radius) 0}[dir=rtl] .btn-group>.btn:first-child:not(.dropdown-toggle),[dir=rtl] .btn-group>.btn.dropdown-toggle-split:first-child,[dir=rtl] .btn-group>.btn-group:first-child>.btn{border-radius:0 var(--bs-btn-border-radius) var(--bs-btn-border-radius) 0}[dir=rtl] .btn-group>.btn:last-child:not(.dropdown-toggle),[dir=rtl] .btn-group>.btn.dropdown-toggle-split:last-child,[dir=rtl] .btn-group>.btn-group:last-child>.btn{border-radius:var(--bs-btn-border-radius) 0 0 var(--bs-btn-border-radius)}.cute-button-expandable{padding:.25rem .5rem;font-weight:600;color:var(--bs-emphasis-color);background-color:transparent}.cute-button-expandable:hover,.cute-button-expandable:focus{color:rgba(var(--bs-emphasis-color-rgb),.85);background-color:var(--bs-tertiary-bg)}.cute-button-expandable:before{width:1.25em;line-height:0;content:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e\");transition:transform .35s ease;transform-origin:.5em 50%;transform:scale(.85)}[data-bs-theme=dark] .cute-button-expandable:before{content:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255,255,255,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e\")}[dir=rtl] .cute-button-expandable:before{transform:rotate(180deg) scale(.85);margin-left:.25em;text-align:end}.cute-button-expandable[aria-expanded=true]{color:rgba(var(--bs-emphasis-color-rgb),.85)}.cute-button-expandable[aria-expanded=true]:before{transform:rotate(90deg) scale(.85)}\n", ".cute-button-toggle{--bs-btn-hover-bg: transparent}.cute-button-toggle.cute-button-checked-disabled{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);opacity:var(--bs-btn-disabled-opacity)}\n"] }]
596
603
  }], ctorParameters: () => [], propDecorators: { name: [{
597
604
  type: Input
598
605
  }], value: [{
@@ -1 +1 @@
1
- {"version":3,"file":"cute-widgets-base-button-toggle.mjs","sources":["../../../../projects/cute-widgets/base/button-toggle/src/button-toggle-group.directive.ts","../../../../projects/cute-widgets/base/button-toggle/src/button-toggle.component.ts","../../../../projects/cute-widgets/base/button/src/button.component.html","../../../../projects/cute-widgets/base/button-toggle/src/button-toggle.module.ts","../../../../projects/cute-widgets/base/button-toggle/cute-widgets-base-button-toggle.ts"],"sourcesContent":["/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport {\r\n AfterContentInit, booleanAttribute,\r\n ContentChildren,\r\n Directive, EventEmitter,\r\n forwardRef, inject,\r\n InjectionToken, Input, isDevMode,\r\n OnInit, Output,\r\n QueryList\r\n} from \"@angular/core\";\r\nimport {ControlValueAccessor, NG_VALUE_ACCESSOR} from \"@angular/forms\";\r\nimport {SelectionModel} from \"@angular/cdk/collections\";\r\nimport {DOWN_ARROW, LEFT_ARROW, RIGHT_ARROW, UP_ARROW, SPACE, ENTER, hasModifierKey} from '@angular/cdk/keycodes';\r\nimport {\r\n CUTE_BUTTON_TOGGLE_DEFAULT_OPTIONS,\r\n CuteButtonToggle,\r\n CuteButtonToggleChange,\r\n CuteButtonToggleDefaultOptions\r\n} from \"./button-toggle.component\";\r\nimport {Direction, Directionality} from \"@angular/cdk/bidi\";\r\nimport {CuteButtonGroup, CuteButtonStyle} from '@cute-widgets/base/button';\r\n\r\n/**\r\n * Injection token that can be used to reference instances of `CuteButtonToggleGroup`.\r\n * It serves as an alternative token to the actual `CuteButtonToggleGroup` class which\r\n * could cause unnecessary retention of the class and its component metadata.\r\n */\r\nexport const CUTE_BUTTON_TOGGLE_GROUP = new InjectionToken<CuteButtonToggleGroup>(\r\n 'CuteButtonToggleGroup',\r\n);\r\n\r\n/**\r\n * Provider Expression that allows cute-button-toggle-group to register as a ControlValueAccessor.\r\n * This allows it to support [(ngModel)].\r\n * @docs-private\r\n */\r\nexport const CUTE_BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR: any = {\r\n provide: NG_VALUE_ACCESSOR,\r\n useExisting: forwardRef(() => CuteButtonToggleGroup),\r\n multi: true,\r\n};\r\n\r\n// Counter used to generate unique IDs.\r\nlet uniqueIdCounter = 0;\r\n\r\n/** Exclusive selection button toggle group that behaves like a radio-button group. */\r\n@Directive({\r\n selector: 'cute-button-toggle-group',\r\n providers: [\r\n CUTE_BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR,\r\n {provide: CUTE_BUTTON_TOGGLE_GROUP, useExisting: CuteButtonToggleGroup},\r\n ],\r\n host: {\r\n 'class': 'cute-button-toggle-group',\r\n '[attr.role]': 'multiple ? \"group\" : \"radiogroup\"',\r\n '[attr.aria-disabled]': 'disabled',\r\n '[attr.tabindex]': '-1',\r\n '(keydown)': '_keydown($event)',\r\n },\r\n exportAs: 'cuteButtonToggleGroup',\r\n standalone: true,\r\n})\r\nexport class CuteButtonToggleGroup extends CuteButtonGroup implements ControlValueAccessor, OnInit, AfterContentInit {\r\n private _dir = inject(Directionality, {optional: true});\r\n private _multiple = false;\r\n private _selectionModel: SelectionModel<CuteButtonToggle> | undefined;\r\n\r\n /**\r\n * Reference to the raw value that the consumer tried to assign. The real\r\n * value will exclude any values from this one that don't correspond to a\r\n * toggle. Useful for the cases where the value is assigned before the toggles\r\n * have been initialized or at the same that they're being swapped out.\r\n */\r\n private _rawValue: any;\r\n\r\n /**\r\n * The method to be called in order to update ngModel.\r\n * Now `ngModel` binding is not supported in multiple selection mode.\r\n */\r\n private _controlValueAccessorChangeFn: (value: any) => void = () => {};\r\n\r\n /** onTouch function registered via registerOnTouch (ControlValueAccessor). */\r\n _onTouched: () => any = () => {};\r\n\r\n /** Child button toggle buttons. */\r\n @ContentChildren(forwardRef(() => CuteButtonToggle), {\r\n // Note that this would technically pick up toggles\r\n // from nested groups, but that's not a case that we support.\r\n descendants: true,\r\n })\r\n _buttonToggles: QueryList<CuteButtonToggle> | undefined;\r\n\r\n /** The button toggle default style. Only outlined buttons supported. */\r\n override buttonStyle: Extract<CuteButtonStyle, \"outlined\"|\"outline-button\"> = \"outline-button\";\r\n\r\n /** `name` attribute for the underlying `input` element. */\r\n @Input()\r\n get name(): string { return this._name; }\r\n set name(value: string) {\r\n this._name = value;\r\n this._markButtonsForCheck();\r\n }\r\n private _name = `cute-button-toggle-group-${uniqueIdCounter++}`;\r\n\r\n /** Value of the toggle group. */\r\n @Input()\r\n get value(): any {\r\n const selected = this._selectionModel ? this._selectionModel.selected : [];\r\n\r\n if (this.multiple) {\r\n return selected.map(toggle => toggle.value);\r\n }\r\n\r\n return selected[0] ? selected[0].value : undefined;\r\n }\r\n set value(newValue: any) {\r\n this._setSelectionByValue(newValue);\r\n this.valueChange.emit(this.value);\r\n }\r\n\r\n /** Selected button toggles in the group. */\r\n get selected(): CuteButtonToggle | CuteButtonToggle[] {\r\n const selected = this._selectionModel ? this._selectionModel.selected : [];\r\n return this.multiple ? selected : selected[0] || null;\r\n }\r\n\r\n /** Whether multiple button toggles can be selected. */\r\n @Input({transform: booleanAttribute})\r\n get multiple(): boolean { return this._multiple; }\r\n set multiple(value: boolean) {\r\n this._multiple = value;\r\n this._markButtonsForCheck();\r\n }\r\n\r\n /** Whether buttons in the group should be interactive while they're disabled. */\r\n @Input({transform: booleanAttribute})\r\n get disabledInteractive(): boolean { return this._disabledInteractive; }\r\n set disabledInteractive(value: boolean) {\r\n this._disabledInteractive = value;\r\n this._markButtonsForCheck();\r\n }\r\n private _disabledInteractive = false;\r\n\r\n /** Whether the checkmark indicator for single-selection button toggle groups is hidden. */\r\n @Input({transform: booleanAttribute})\r\n get hideSingleSelectionIndicator(): boolean { return this._hideSingleSelectionIndicator; }\r\n set hideSingleSelectionIndicator(value: boolean) {\r\n this._hideSingleSelectionIndicator = value;\r\n this._markButtonsForCheck();\r\n }\r\n private _hideSingleSelectionIndicator: boolean = false;\r\n\r\n /** Whether the checkmark indicator for multiple-selection button toggle groups is hidden. */\r\n @Input({transform: booleanAttribute})\r\n get hideMultipleSelectionIndicator(): boolean { return this._hideMultipleSelectionIndicator; }\r\n set hideMultipleSelectionIndicator(value: boolean) {\r\n this._hideMultipleSelectionIndicator = value;\r\n this._markButtonsForCheck();\r\n }\r\n private _hideMultipleSelectionIndicator: boolean = false;\r\n\r\n /**\r\n * Event that emits whenever the value of the group changes.\r\n * Used to facilitate two-way data binding.\r\n * @docs-private\r\n */\r\n @Output() readonly valueChange = new EventEmitter<any>();\r\n\r\n /** Event emitted when the group's value changes. */\r\n @Output() readonly change = new EventEmitter<CuteButtonToggleChange>();\r\n\r\n\r\n /** The layout direction of the toggle button group. */\r\n get dir(): Direction {\r\n return this._dir && this._dir.value === 'rtl' ? 'rtl' : 'ltr';\r\n }\r\n\r\n constructor(...args: unknown[]);\r\n constructor() {\r\n super();\r\n\r\n const defaultOptions = inject<CuteButtonToggleDefaultOptions>(\r\n CUTE_BUTTON_TOGGLE_DEFAULT_OPTIONS,\r\n {optional: true},\r\n );\r\n\r\n //this.appearance =\r\n // defaultOptions && defaultOptions.appearance ? defaultOptions.appearance : 'standard';\r\n this.hideSingleSelectionIndicator = defaultOptions?.hideSingleSelectionIndicator ?? false;\r\n this.hideMultipleSelectionIndicator = defaultOptions?.hideMultipleSelectionIndicator ?? false;\r\n }\r\n\r\n override ngOnInit() {\r\n super.ngOnInit();\r\n this._selectionModel = new SelectionModel<CuteButtonToggle>(this.multiple, undefined, false);\r\n }\r\n\r\n override ngAfterContentInit() {\r\n super.ngAfterContentInit();\r\n\r\n if (this._buttonToggles) {\r\n this._selectionModel?.select(...this._buttonToggles.filter(toggle => toggle.checked));\r\n }\r\n if (!this.multiple) {\r\n this._initializeTabIndex();\r\n }\r\n }\r\n\r\n /** Initializes the tabindex attribute using the radio pattern. */\r\n private _initializeTabIndex() {\r\n if (this._buttonToggles) {\r\n this._buttonToggles.forEach(toggle => {\r\n toggle.tabIndex = -1;\r\n });\r\n if (this.selected) {\r\n (this.selected as CuteButtonToggle).tabIndex = 0;\r\n } else {\r\n for (let i = 0; i < this._buttonToggles.length; i++) {\r\n const toggle = this._buttonToggles.get(i)!;\r\n\r\n if (!toggle.disabled) {\r\n toggle.tabIndex = 0;\r\n break;\r\n }\r\n }\r\n }\r\n this._markButtonsForCheck();\r\n }\r\n }\r\n\r\n /**\r\n * Sets the model value. Implemented as part of ControlValueAccessor.\r\n * @param value Value to be set to the model.\r\n */\r\n writeValue(value: any) {\r\n this.value = value;\r\n this.markForCheck();\r\n }\r\n\r\n // Implemented as part of ControlValueAccessor.\r\n registerOnChange(fn: (value: any) => void) {\r\n this._controlValueAccessorChangeFn = fn;\r\n }\r\n\r\n // Implemented as part of ControlValueAccessor.\r\n registerOnTouched(fn: any) {\r\n this._onTouched = fn;\r\n }\r\n\r\n // Implemented as part of ControlValueAccessor.\r\n override setDisabledState(isDisabled: boolean): boolean {\r\n if (super.setDisabledState(isDisabled)) {\r\n this._buttonToggles?.forEach(toggle => toggle.disabled = isDisabled)\r\n this._markButtonsForCheck();\r\n }\r\n return false;\r\n }\r\n\r\n /** Handle keydown event calling to single-select button toggle. */\r\n protected _keydown(event: KeyboardEvent) {\r\n if (this.multiple || this.disabled || hasModifierKey(event) || !this._buttonToggles) {\r\n return;\r\n }\r\n\r\n const target = event.target as HTMLButtonElement;\r\n const buttonId = target.id;\r\n const index = this._buttonToggles.toArray().findIndex(toggle => {\r\n return toggle.buttonId === buttonId;\r\n });\r\n\r\n if (index == -1) { return; }\r\n\r\n let nextButton: CuteButtonToggle | null = null;\r\n switch (event.keyCode) {\r\n case SPACE:\r\n case ENTER:\r\n nextButton = this._buttonToggles.get(index) || null;\r\n //nextButton.checked = true;\r\n break;\r\n case UP_ARROW:\r\n nextButton = this._getNextButton(index, -1);\r\n break;\r\n case LEFT_ARROW:\r\n nextButton = this._getNextButton(index, this.dir === 'ltr' ? -1 : 1);\r\n break;\r\n case DOWN_ARROW:\r\n nextButton = this._getNextButton(index, 1);\r\n break;\r\n case RIGHT_ARROW:\r\n nextButton = this._getNextButton(index, this.dir === 'ltr' ? 1 : -1);\r\n break;\r\n default:\r\n return;\r\n }\r\n\r\n if (nextButton) {\r\n event.preventDefault();\r\n nextButton._onButtonClick();\r\n nextButton.focus();\r\n }\r\n }\r\n\r\n /** Dispatch change event with current selection and group value. */\r\n private _emitChangeEvent(toggle: CuteButtonToggle): void {\r\n const event = new CuteButtonToggleChange(toggle, this.value);\r\n this._rawValue = event.value;\r\n this._controlValueAccessorChangeFn(event.value);\r\n this.change.emit(event);\r\n }\r\n\r\n /**\r\n * Syncs a button toggle's selected state with the model value.\r\n * @param toggle Toggle to be synced.\r\n * @param select Whether the toggle should be selected.\r\n * @param isUserInput Whether the change was a result of a user interaction.\r\n * @param deferEvents Whether to defer emitting the change events.\r\n */\r\n _syncButtonToggle(\r\n toggle: CuteButtonToggle,\r\n select: boolean,\r\n isUserInput = false,\r\n deferEvents = false,\r\n ) {\r\n // Deselect the currently selected toggle if we're in single-selection\r\n // mode and the button being toggled isn't selected at the moment.\r\n if (!this.multiple && this.selected && !toggle.checked) {\r\n (this.selected as CuteButtonToggle).checked = false;\r\n }\r\n\r\n if (this._selectionModel) {\r\n if (select) {\r\n this._selectionModel.select(toggle);\r\n } else {\r\n this._selectionModel.deselect(toggle);\r\n }\r\n } else {\r\n deferEvents = true;\r\n }\r\n\r\n // We need to defer in some cases in order to avoid \"changed after checked errors\", however,\r\n // the side effect is that we may end up updating the model value out of sequence in others\r\n // The `deferEvents` flag allows us to decide whether to do it on a case-by-case basis.\r\n if (deferEvents) {\r\n Promise.resolve().then(() => this._updateModelValue(toggle, isUserInput));\r\n } else {\r\n this._updateModelValue(toggle, isUserInput);\r\n }\r\n }\r\n\r\n /** Checks whether a button toggle is selected. */\r\n _isSelected(toggle: CuteButtonToggle): boolean {\r\n return this._selectionModel ? this._selectionModel.isSelected(toggle) : false;\r\n }\r\n\r\n /** Determines whether a button toggle should be checked on init. */\r\n _isPrechecked(toggle: CuteButtonToggle) {\r\n if (typeof this._rawValue === 'undefined') {\r\n return false;\r\n }\r\n\r\n if (this.multiple && Array.isArray(this._rawValue)) {\r\n return this._rawValue.some(value => toggle.value != null && value === toggle.value);\r\n }\r\n\r\n return toggle.value === this._rawValue;\r\n }\r\n\r\n /** Obtains the subsequent toggle to which the focus shifts. */\r\n private _getNextButton(startIndex: number, offset: number): CuteButtonToggle | null {\r\n const items = this._buttonToggles;\r\n\r\n if (items) {\r\n for (let i = 1; i <= items.length; i++) {\r\n const index = (startIndex + offset * i + items.length) % items.length;\r\n const item = items.get(index);\r\n\r\n if (item && !item.disabled) {\r\n return item;\r\n }\r\n }\r\n }\r\n\r\n return null;\r\n }\r\n\r\n /** Updates the selection state of the toggles in the group based on a value. */\r\n private _setSelectionByValue(value: any | any[]) {\r\n this._rawValue = value;\r\n\r\n if (!this._buttonToggles) {\r\n return;\r\n }\r\n\r\n const toggles = this._buttonToggles.toArray();\r\n\r\n if (this.multiple && value) {\r\n if (!Array.isArray(value) && isDevMode() ) {\r\n throw Error('Value must be an array in multiple-selection mode.');\r\n }\r\n\r\n this._clearSelection();\r\n value.forEach((currentValue: any) => this._selectValue(currentValue, toggles));\r\n } else {\r\n this._clearSelection();\r\n this._selectValue(value, toggles);\r\n }\r\n\r\n // In single selection mode, we need at least one enabled toggle to always be focusable.\r\n if (!this.multiple && toggles.every(toggle => toggle.tabIndex === -1)) {\r\n for (const toggle of toggles) {\r\n if (!toggle.disabled) {\r\n toggle.tabIndex = 0;\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n\r\n /** Clears the selected toggles. */\r\n private _clearSelection() {\r\n this._selectionModel?.clear();\r\n this._buttonToggles?.forEach(toggle => {\r\n toggle.checked = false;\r\n // If the button toggle is in single select mode, initialize the tabIndex.\r\n if (!this.multiple) {\r\n toggle.tabIndex = -1;\r\n }\r\n });\r\n }\r\n\r\n /** Selects a value if there's a toggle that corresponds to it. */\r\n private _selectValue(value: any, toggles: CuteButtonToggle[]) {\r\n if (this._selectionModel) {\r\n for (const toggle of toggles) {\r\n if (toggle.value != null && toggle.value === value) {\r\n toggle.checked = true;\r\n this._selectionModel.select(toggle);\r\n if (!this.multiple) {\r\n // If the button toggle is in single select mode, reset the tabIndex.\r\n toggle.tabIndex = 0;\r\n }\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n\r\n /** Syncs up the group's value with the model and emits the change event. */\r\n private _updateModelValue(toggle: CuteButtonToggle, isUserInput: boolean) {\r\n // Only emit the change event for user input.\r\n if (isUserInput) {\r\n this._emitChangeEvent(toggle);\r\n }\r\n\r\n // Note: we emit this one no matter whether it was a user interaction, because\r\n // it is used by Angular to sync up the two-way data binding.\r\n this.valueChange.emit(this.value);\r\n }\r\n\r\n /** Marks all the child button toggles to be checked. */\r\n private _markButtonsForCheck() {\r\n this._buttonToggles?.forEach(toggle => toggle.markForCheck());\r\n }\r\n\r\n}\r\n","/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport {\r\n EventEmitter,\r\n Input,\r\n Output,\r\n InjectionToken,\r\n booleanAttribute, inject, OnInit, OnDestroy, Component, ViewEncapsulation, ChangeDetectionStrategy,\r\n} from '@angular/core';\r\nimport {CuteButtonBase, CuteButtonStyle} from \"@cute-widgets/base/button\";\r\nimport {CUTE_BUTTON_TOGGLE_GROUP, CuteButtonToggleGroup} from \"./button-toggle-group.directive\";\r\nimport {_animationsDisabled, toThemeColor} from \"@cute-widgets/base/core\";\r\nimport {CUTE_BUTTON_BASE} from '@cute-widgets/base/button';\r\n\r\n/**\r\n * Represents the default options for the button toggle that can be configured\r\n * using the `CUTE_BUTTON_TOGGLE_DEFAULT_OPTIONS` injection token.\r\n */\r\nexport interface CuteButtonToggleDefaultOptions {\r\n /**\r\n * Default appearance to be used by button toggles. Can be overridden by explicitly\r\n * setting an appearance on a button toggle or group.\r\n */\r\n //appearance?: CuteButtonToggleAppearance;\r\n /** Whether icon indicators should be hidden for single-selection button toggle groups. */\r\n hideSingleSelectionIndicator?: boolean;\r\n /** Whether icon indicators should be hidden for multiple-selection button toggle groups. */\r\n hideMultipleSelectionIndicator?: boolean;\r\n /** Whether disabled toggle buttons should be interactive. */\r\n disabledInteractive?: boolean;\r\n}\r\n\r\n/**\r\n * Injection token that can be used to configure the\r\n * default options for all button toggles within an app.\r\n */\r\nexport const CUTE_BUTTON_TOGGLE_DEFAULT_OPTIONS = new InjectionToken<CuteButtonToggleDefaultOptions>(\r\n 'CUTE_BUTTON_TOGGLE_DEFAULT_OPTIONS',\r\n {\r\n providedIn: 'root',\r\n factory: () => ({\r\n hideSingleSelectionIndicator: false,\r\n hideMultipleSelectionIndicator: false,\r\n disabledInteractive: false,\r\n }),\r\n },\r\n);\r\n\r\n// Counter used to generate unique IDs.\r\nlet uniqueId = 0;\r\n\r\n/** Change event object emitted by button toggle. */\r\nexport class CuteButtonToggleChange {\r\n constructor(\r\n /** The button toggle that emits the event. */\r\n public source: CuteButtonToggle,\r\n\r\n /** The value assigned to the button toggle. */\r\n public value: any,\r\n ) {}\r\n}\r\n\r\n/** Single toggle button that should be nested directly inside a toggle group. */\r\n@Component({\r\n selector: 'cute-button-toggle',\r\n templateUrl: '../../button/src/button.component.html',\r\n styleUrls: ['../../button/src/button.component.scss', './button-toggle.component.scss'],\r\n exportAs: 'cuteButtonToggle',\r\n host: {\r\n 'class': 'cute-button-toggle',\r\n '[class.cute-button-toggle-standalone]': '!buttonToggleGroup',\r\n '[class.active]': 'checked',\r\n '[attr.aria-label]': 'null',\r\n '[attr.aria-labelledby]': 'null',\r\n '[attr.name]': 'null',\r\n '(focus)': 'focus()',\r\n '(click)': '_onButtonClick()',\r\n '[style.--bs-btn-hover-color]': \"'var(--bs-'+toThemeColor(color)+'-text-emphasis)'\",\r\n //'role': 'presentation',\r\n },\r\n providers:[\r\n { provide: CUTE_BUTTON_BASE, useExisting: CuteButtonToggle }\r\n ],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n standalone: true,\r\n})\r\nexport class CuteButtonToggle extends CuteButtonBase implements OnInit, OnDestroy {\r\n private _animationDisabled = _animationsDisabled();\r\n protected _multiple: boolean = true;\r\n /** The parent button toggle group (exclusive selection). Optional. */\r\n protected readonly buttonToggleGroup: CuteButtonToggleGroup;\r\n\r\n /** Unique ID for the underlying `button` element. */\r\n get buttonId(): string {\r\n return this.id ?? `cute-toggle-button-${uniqueId++}`;\r\n }\r\n\r\n override get inputButtonStyle(): Extract<CuteButtonStyle, \"outlined\"|\"outline-button\"> {\r\n return super.inputButtonStyle as Extract<CuteButtonStyle, \"outlined\"|\"outline-button\">;\r\n }\r\n override set inputButtonStyle(value: Extract<CuteButtonStyle, \"outlined\"|\"outline-button\">) {\r\n super.inputButtonStyle = value;\r\n }\r\n\r\n /** HTML's 'name' attribute used to group radios for unique selection. */\r\n @Input() name: string | undefined;\r\n\r\n /** CuteButtonToggleGroup reads this to assign its own value. */\r\n @Input() value: any;\r\n\r\n /** Whether ripples are disabled on the button toggle. */\r\n //@Input({transform: booleanAttribute}) disableRipple: boolean = false;\r\n\r\n /** Whether the button is checked. */\r\n @Input({transform: booleanAttribute})\r\n get checked(): boolean {\r\n return this.buttonToggleGroup ? this.buttonToggleGroup._isSelected(this) : this._checked;\r\n }\r\n set checked(value: boolean) {\r\n if (value !== this._checked) {\r\n this._checked = value;\r\n\r\n if (this.buttonToggleGroup) {\r\n this.buttonToggleGroup._syncButtonToggle(this, this._checked);\r\n }\r\n\r\n this.markForCheck();\r\n }\r\n }\r\n private _checked = false;\r\n\r\n /** Whether the button should remain interactive when it is disabled. */\r\n override get disabledInteractive(): boolean {\r\n return (super.disabledInteractive ||\r\n (this.buttonToggleGroup !== null && this.buttonToggleGroup.disabledInteractive)\r\n );\r\n }\r\n override set disabledInteractive(value: boolean) {\r\n super.disabledInteractive = value;\r\n }\r\n\r\n /** Event emitted when the group value changes. */\r\n @Output() readonly change = new EventEmitter<CuteButtonToggleChange>();\r\n\r\n /** Whether the button is disabled. */\r\n // protected override getDisabledState(): boolean {\r\n // const isDisabled = super.getDisabledState();\r\n // return isDisabled || (this.buttonToggleGroup && this.buttonToggleGroup.disabled);\r\n // }\r\n\r\n constructor(...args: unknown[]);\r\n constructor() {\r\n super();\r\n\r\n const toggleGroup = inject<CuteButtonToggleGroup>(CUTE_BUTTON_TOGGLE_GROUP, {optional: true})!;\r\n //const defaultTabIndex = inject(new HostAttributeToken('tabindex'), {optional: true}) || '';\r\n const defaultOptions = inject<CuteButtonToggleDefaultOptions>(\r\n CUTE_BUTTON_TOGGLE_DEFAULT_OPTIONS,\r\n {optional: true},\r\n );\r\n\r\n //this._tabIndex = parseInt(defaultTabIndex) || 0;\r\n this.buttonToggleGroup = toggleGroup;\r\n this.disabledInteractive = defaultOptions?.disabledInteractive ?? false;\r\n }\r\n\r\n override ngOnInit() {\r\n super.ngOnInit();\r\n\r\n const group = this.buttonToggleGroup;\r\n this.id = this.id || `cute-button-toggle-${uniqueId++}`;\r\n\r\n if (group) {\r\n\r\n if (!this.color) {\r\n this.defaultColor = group.color;\r\n }\r\n\r\n if (group._isPrechecked(this)) {\r\n this.checked = true;\r\n } else if (group._isSelected(this) !== this._checked) {\r\n // As a side effect of the circular dependency between the toggle group and the button,\r\n // we may end up in a state where the button is supposed to be checked on init, but it\r\n // isn't, because the checked value was assigned too early. This can happen when Ivy\r\n // assigns the static input value before the `ngOnInit` has run.\r\n group._syncButtonToggle(this, this._checked);\r\n }\r\n }\r\n }\r\n\r\n /*\r\n override ngAfterViewInit() {\r\n super.ngAfterViewInit();\r\n // This serves two purposes:\r\n // 1. We don't want the animation to fire on the first render for pre-checked toggles so we\r\n // delay adding the class until the view is rendered.\r\n // 2. We don't want animation if the `NoopAnimationsModule` is provided.\r\n //if (this._animationMode !== 'NoopAnimations') {\r\n // this._elementRef.nativeElement.classList.add('mat-button-toggle-animations-enabled');\r\n //}\r\n\r\n this._focusMonitor.monitor(this._elementRef, true);\r\n }\r\n*/\r\n\r\n override ngOnDestroy() {\r\n super.ngOnDestroy();\r\n\r\n const group = this.buttonToggleGroup;\r\n\r\n // Remove the toggle from the selection once it's destroyed. Needs to happen\r\n // on the next tick to avoid \"changed after checked\" errors.\r\n if (group && group._isSelected(this)) {\r\n group._syncButtonToggle(this, false, false, true);\r\n }\r\n }\r\n\r\n /** Checks the button toggle due to an interaction with the underlying native button. */\r\n _onButtonClick() {\r\n if (this.disabled) {\r\n return;\r\n }\r\n\r\n const newChecked = this.isSingleSelector() ? true : !this._checked;\r\n\r\n if (newChecked !== this._checked) {\r\n this._checked = newChecked;\r\n if (this.buttonToggleGroup) {\r\n this.buttonToggleGroup._syncButtonToggle(this, this._checked, true);\r\n this.buttonToggleGroup._onTouched();\r\n }\r\n }\r\n\r\n if (this.isSingleSelector()) {\r\n const focusable = this.buttonToggleGroup._buttonToggles?.find(toggle => {\r\n return toggle.tabIndex === 0;\r\n });\r\n // Modify the tabindex attribute of the last focusable button toggle to -1.\r\n if (focusable) {\r\n focusable.tabIndex = -1;\r\n }\r\n // Modify the tabindex attribute of the presently selected button toggle to 0.\r\n this.tabIndex = 0;\r\n }\r\n\r\n // Emit a change event when it's the single selector\r\n this.change.emit(new CuteButtonToggleChange(this, this.value));\r\n }\r\n\r\n /** Gets the name that should be assigned to the inner DOM node. */\r\n protected _getButtonName(): string | null {\r\n if (this.isSingleSelector()) {\r\n return this.buttonToggleGroup.name;\r\n }\r\n return this.name || null;\r\n }\r\n\r\n /** Whether the toggle is in single selection mode. */\r\n private isSingleSelector(): boolean {\r\n return this.buttonToggleGroup && !this.buttonToggleGroup.multiple;\r\n }\r\n\r\n protected readonly toThemeColor = toThemeColor;\r\n}\r\n","<!--\r\n For capturing HTML-elements such as <i class..> or <img src=\"\"...> and others\r\n we need apply [cuteButtonIcon] attribute to them.\r\n-->\r\n<span class=\"cute-icon-wrapper\">\r\n <ng-content select=\".material-icons:not([iconPositionEnd]),\r\n .bi:not([iconPositionEnd]),\r\n cute-icon:not([iconPositionEnd]),\r\n cute-avatar:not([iconPositionEnd]),\r\n [cuteButtonIcon]:not([iconPositionEnd])\">\r\n </ng-content>\r\n</span>\r\n\r\n<span class=\"cute-button-label\">\r\n <ng-content>\r\n @if(visuallyHiddenLabel) {\r\n <span class=\"visually-hidden\"> {{visuallyHiddenLabel}} </span>\r\n }\r\n </ng-content>\r\n</span>\r\n\r\n<span class=\"cute-icon-wrapper\">\r\n <ng-content select=\".material-icons[iconPositionEnd],\r\n .bi:[iconPositionEnd],\r\n cute-icon[iconPositionEnd],\r\n cute-avatar:[iconPositionEnd],\r\n [cuteButtonIcon][iconPositionEnd]\">\r\n </ng-content>\r\n</span>\r\n","/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport {NgModule, Type} from '@angular/core';\r\nimport {CommonModule} from '@angular/common';\r\nimport {CuteButtonToggle} from \"./button-toggle.component\";\r\nimport {CuteButtonToggleGroup} from \"./button-toggle-group.directive\";\r\n\r\nconst TYPES: (any | Type<any>)[] = [\r\n CuteButtonToggle,\r\n CuteButtonToggleGroup,\r\n];\r\n\r\n@NgModule({\r\n imports: [CommonModule, ...TYPES],\r\n exports: TYPES,\r\n declarations: [],\r\n})\r\nexport class CuteButtonToggleModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"cute-widgets-base-button-toggle.mjs","sources":["../../../../projects/cute-widgets/base/button-toggle/src/button-toggle-group.directive.ts","../../../../projects/cute-widgets/base/button-toggle/src/button-toggle.component.ts","../../../../projects/cute-widgets/base/button/src/button.component.html","../../../../projects/cute-widgets/base/button-toggle/src/button-toggle.module.ts","../../../../projects/cute-widgets/base/button-toggle/cute-widgets-base-button-toggle.ts"],"sourcesContent":["/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport {\r\n AfterContentInit, booleanAttribute,\r\n ContentChildren,\r\n Directive, EventEmitter,\r\n forwardRef, inject,\r\n InjectionToken, Input, isDevMode,\r\n OnInit, Output,\r\n QueryList\r\n} from \"@angular/core\";\r\nimport {ControlValueAccessor, NG_VALUE_ACCESSOR} from \"@angular/forms\";\r\nimport {SelectionModel} from \"@angular/cdk/collections\";\r\nimport {DOWN_ARROW, LEFT_ARROW, RIGHT_ARROW, UP_ARROW, SPACE, ENTER, hasModifierKey} from '@angular/cdk/keycodes';\r\nimport {\r\n CUTE_BUTTON_TOGGLE_DEFAULT_OPTIONS,\r\n CuteButtonToggle,\r\n CuteButtonToggleChange,\r\n CuteButtonToggleDefaultOptions\r\n} from \"./button-toggle.component\";\r\nimport {Direction, Directionality} from \"@angular/cdk/bidi\";\r\nimport {CuteButtonGroup, CuteButtonStyle, CUTE_BUTTON_GROUP} from '@cute-widgets/base/button';\r\nimport {BooleanInput} from '@angular/cdk/coercion';\r\n\r\n/**\r\n * Injection token that can be used to reference instances of `CuteButtonToggleGroup`.\r\n * It serves as an alternative token to the actual `CuteButtonToggleGroup` class which\r\n * could cause unnecessary retention of the class and its component metadata.\r\n */\r\nexport const CUTE_BUTTON_TOGGLE_GROUP = new InjectionToken<CuteButtonToggleGroup>(\r\n 'CuteButtonToggleGroup',\r\n);\r\n\r\n/**\r\n * Provider Expression that allows cute-button-toggle-group to register as a ControlValueAccessor.\r\n * This allows it to support [(ngModel)].\r\n * @docs-private\r\n */\r\nexport const CUTE_BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR: any = {\r\n provide: NG_VALUE_ACCESSOR,\r\n useExisting: forwardRef(() => CuteButtonToggleGroup),\r\n multi: true,\r\n};\r\n\r\n// Counter used to generate unique IDs.\r\nlet uniqueIdCounter = 0;\r\n\r\n/** Exclusive selection button toggle group that behaves like a radio-button group. */\r\n@Directive({\r\n selector: 'cute-button-toggle-group',\r\n exportAs: 'cuteButtonToggleGroup',\r\n host: {\r\n 'class': 'cute-button-toggle-group',\r\n '[attr.role]': 'multiple ? \"group\" : \"radiogroup\"',\r\n '(keydown)': '_keydown($event)',\r\n },\r\n providers: [\r\n CUTE_BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR,\r\n {provide: CUTE_BUTTON_GROUP, useExisting: CuteButtonToggleGroup},\r\n {provide: CUTE_BUTTON_TOGGLE_GROUP, useExisting: CuteButtonToggleGroup},\r\n ],\r\n})\r\nexport class CuteButtonToggleGroup extends CuteButtonGroup implements ControlValueAccessor, OnInit, AfterContentInit {\r\n private _dir = inject(Directionality, {optional: true});\r\n private _multiple = false;\r\n private _selectionModel: SelectionModel<CuteButtonToggle> | undefined;\r\n\r\n /**\r\n * Reference to the raw value that the consumer tried to assign. The real\r\n * value will exclude any values from this one that don't correspond to a\r\n * toggle. Useful for the cases where the value is assigned before the toggles\r\n * have been initialized or at the same that they're being swapped out.\r\n */\r\n private _rawValue: any;\r\n\r\n /**\r\n * The method to be called in order to update ngModel.\r\n * Now `ngModel` binding is not supported in multiple selection mode.\r\n */\r\n private _controlValueAccessorChangeFn: (value: any) => void = () => {};\r\n\r\n /** onTouch function registered via registerOnTouch (ControlValueAccessor). */\r\n _onTouched: () => any = () => {};\r\n\r\n /** Child button toggle buttons. */\r\n @ContentChildren(forwardRef(() => CuteButtonToggle), {\r\n // Note that this would technically pick up toggles\r\n // from nested groups, but that's not a case that we support.\r\n descendants: true,\r\n })\r\n _buttonToggles: QueryList<CuteButtonToggle> | undefined;\r\n\r\n /** The button toggle default style. Only outlined buttons supported. */\r\n override buttonStyle: Extract<CuteButtonStyle, \"outlined\"|\"outline-button\"> = \"outline-button\";\r\n\r\n /** `name` attribute for the underlying `input` element. */\r\n @Input()\r\n get name(): string { return this._name; }\r\n set name(value: string) {\r\n this._name = value;\r\n this._markButtonsForCheck();\r\n }\r\n private _name = `cute-button-toggle-group-${uniqueIdCounter++}`;\r\n\r\n /** Value of the toggle group. */\r\n @Input()\r\n get value(): any {\r\n const selected = this._selectionModel ? this._selectionModel.selected : [];\r\n\r\n if (this.multiple) {\r\n return selected.map(toggle => toggle.value);\r\n }\r\n\r\n return selected[0] ? selected[0].value : undefined;\r\n }\r\n set value(newValue: any) {\r\n this._setSelectionByValue(newValue);\r\n this.valueChange.emit(this.value);\r\n }\r\n\r\n /** Selected button toggles in the group. */\r\n get selected(): CuteButtonToggle | CuteButtonToggle[] {\r\n const selected = this._selectionModel ? this._selectionModel.selected : [];\r\n return this.multiple ? selected : selected[0] || null;\r\n }\r\n\r\n /** Whether multiple button toggles can be selected. */\r\n @Input({transform: booleanAttribute})\r\n get multiple(): boolean { return this._multiple; }\r\n set multiple(value: boolean) {\r\n this._multiple = value;\r\n this._markButtonsForCheck();\r\n }\r\n\r\n /** Whether buttons in the group should be interactive while they're disabled. */\r\n @Input({transform: booleanAttribute})\r\n get disabledInteractive(): boolean { return this._disabledInteractive; }\r\n set disabledInteractive(value: boolean) {\r\n this._disabledInteractive = value;\r\n this._markButtonsForCheck();\r\n }\r\n private _disabledInteractive = false;\r\n\r\n /** Whether the checkmark indicator for single-selection button toggle groups is hidden. */\r\n @Input({transform: booleanAttribute})\r\n get hideSingleSelectionIndicator(): boolean { return this._hideSingleSelectionIndicator; }\r\n set hideSingleSelectionIndicator(value: boolean) {\r\n this._hideSingleSelectionIndicator = value;\r\n this._markButtonsForCheck();\r\n }\r\n private _hideSingleSelectionIndicator: boolean = false;\r\n\r\n /** Whether the checkmark indicator for multiple-selection button toggle groups is hidden. */\r\n @Input({transform: booleanAttribute})\r\n get hideMultipleSelectionIndicator(): boolean { return this._hideMultipleSelectionIndicator; }\r\n set hideMultipleSelectionIndicator(value: boolean) {\r\n this._hideMultipleSelectionIndicator = value;\r\n this._markButtonsForCheck();\r\n }\r\n private _hideMultipleSelectionIndicator: boolean = false;\r\n\r\n /**\r\n * Event that emits whenever the value of the group changes.\r\n * Used to facilitate two-way data binding.\r\n * @docs-private\r\n */\r\n @Output() readonly valueChange = new EventEmitter<any>();\r\n\r\n /** Event emitted when the group's value changes. */\r\n @Output() readonly change = new EventEmitter<CuteButtonToggleChange>();\r\n\r\n\r\n /** The layout direction of the toggle button group. */\r\n get dir(): Direction {\r\n return this._dir && this._dir.value === 'rtl' ? 'rtl' : 'ltr';\r\n }\r\n\r\n constructor(...args: unknown[]);\r\n constructor() {\r\n super();\r\n\r\n const defaultOptions = inject<CuteButtonToggleDefaultOptions>(\r\n CUTE_BUTTON_TOGGLE_DEFAULT_OPTIONS,\r\n {optional: true},\r\n );\r\n\r\n //this.appearance =\r\n // defaultOptions && defaultOptions.appearance ? defaultOptions.appearance : 'standard';\r\n this.hideSingleSelectionIndicator = defaultOptions?.hideSingleSelectionIndicator ?? false;\r\n this.hideMultipleSelectionIndicator = defaultOptions?.hideMultipleSelectionIndicator ?? false;\r\n }\r\n\r\n override ngOnInit() {\r\n super.ngOnInit();\r\n this._selectionModel = new SelectionModel<CuteButtonToggle>(this.multiple, undefined, false);\r\n }\r\n\r\n override ngAfterContentInit() {\r\n super.ngAfterContentInit();\r\n\r\n if (this._buttonToggles) {\r\n this._selectionModel?.select(...this._buttonToggles.filter(toggle => toggle.checked));\r\n }\r\n if (!this.multiple) {\r\n this._initializeTabIndex();\r\n }\r\n }\r\n\r\n /** Initializes the tabindex attribute using the radio pattern. */\r\n private _initializeTabIndex() {\r\n if (this._buttonToggles) {\r\n this._buttonToggles.forEach(toggle => {\r\n toggle.tabIndex = -1;\r\n });\r\n if (this.selected) {\r\n (this.selected as CuteButtonToggle).tabIndex = 0;\r\n } else {\r\n for (let i = 0; i < this._buttonToggles.length; i++) {\r\n const toggle = this._buttonToggles.get(i)!;\r\n\r\n if (!toggle.disabled) {\r\n toggle.tabIndex = 0;\r\n break;\r\n }\r\n }\r\n }\r\n this._markButtonsForCheck();\r\n }\r\n }\r\n\r\n /**\r\n * Implemented as part of ControlValueAccessor.\r\n *\r\n * @inheritDoc\r\n */\r\n override setDisabledState(newState: BooleanInput, emitEvent?: boolean): boolean {\r\n return super.setDisabledState(newState, emitEvent);\r\n }\r\n\r\n /**\r\n * Sets the model value. Implemented as part of ControlValueAccessor.\r\n * @param value Value to be set to the model.\r\n */\r\n writeValue(value: any) {\r\n this.value = value;\r\n this.markForCheck();\r\n }\r\n\r\n // Implemented as part of ControlValueAccessor.\r\n registerOnChange(fn: (value: any) => void) {\r\n this._controlValueAccessorChangeFn = fn;\r\n }\r\n\r\n // Implemented as part of ControlValueAccessor.\r\n registerOnTouched(fn: any) {\r\n this._onTouched = fn;\r\n }\r\n\r\n\r\n /** Handle keydown event calling to single-select button toggle. */\r\n protected _keydown(event: KeyboardEvent) {\r\n if (this.multiple || this.disabled || hasModifierKey(event) || !this._buttonToggles) {\r\n return;\r\n }\r\n\r\n const target = event.target as HTMLButtonElement;\r\n const buttonId = target.id;\r\n const index = this._buttonToggles.toArray().findIndex(toggle => {\r\n return toggle.buttonId === buttonId;\r\n });\r\n\r\n if (index == -1) { return; }\r\n\r\n let nextButton: CuteButtonToggle | null = null;\r\n switch (event.keyCode) {\r\n case SPACE:\r\n case ENTER:\r\n nextButton = this._buttonToggles.get(index) || null;\r\n //nextButton.checked = true;\r\n break;\r\n case UP_ARROW:\r\n nextButton = this._getNextButton(index, -1);\r\n break;\r\n case LEFT_ARROW:\r\n nextButton = this._getNextButton(index, this.dir === 'ltr' ? -1 : 1);\r\n break;\r\n case DOWN_ARROW:\r\n nextButton = this._getNextButton(index, 1);\r\n break;\r\n case RIGHT_ARROW:\r\n nextButton = this._getNextButton(index, this.dir === 'ltr' ? 1 : -1);\r\n break;\r\n default:\r\n return;\r\n }\r\n\r\n if (nextButton) {\r\n event.preventDefault();\r\n nextButton._onButtonClick();\r\n nextButton.focus();\r\n }\r\n }\r\n\r\n /** Dispatch change event with current selection and group value. */\r\n private _emitChangeEvent(toggle: CuteButtonToggle): void {\r\n const event = new CuteButtonToggleChange(toggle, this.value);\r\n this._rawValue = event.value;\r\n this._controlValueAccessorChangeFn(event.value);\r\n this.change.emit(event);\r\n }\r\n\r\n /**\r\n * Syncs a button toggle's selected state with the model value.\r\n * @param toggle Toggle to be synced.\r\n * @param select Whether the toggle should be selected.\r\n * @param isUserInput Whether the change was a result of a user interaction.\r\n * @param deferEvents Whether to defer emitting the change events.\r\n */\r\n _syncButtonToggle(\r\n toggle: CuteButtonToggle,\r\n select: boolean,\r\n isUserInput = false,\r\n deferEvents = false,\r\n ) {\r\n // Deselect the currently selected toggle if we're in single-selection\r\n // mode and the button being toggled isn't selected at the moment.\r\n if (!this.multiple && this.selected && !toggle.checked) {\r\n (this.selected as CuteButtonToggle).checked = false;\r\n }\r\n\r\n if (this._selectionModel) {\r\n if (select) {\r\n this._selectionModel.select(toggle);\r\n } else {\r\n this._selectionModel.deselect(toggle);\r\n }\r\n } else {\r\n deferEvents = true;\r\n }\r\n\r\n // We need to defer in some cases in order to avoid \"changed after checked errors\", however,\r\n // the side effect is that we may end up updating the model value out of sequence in others\r\n // The `deferEvents` flag allows us to decide whether to do it on a case-by-case basis.\r\n if (deferEvents) {\r\n Promise.resolve().then(() => this._updateModelValue(toggle, isUserInput));\r\n } else {\r\n this._updateModelValue(toggle, isUserInput);\r\n }\r\n }\r\n\r\n /** Checks whether a button toggle is selected. */\r\n _isSelected(toggle: CuteButtonToggle): boolean {\r\n return this._selectionModel ? this._selectionModel.isSelected(toggle) : false;\r\n }\r\n\r\n /** Determines whether a button toggle should be checked on init. */\r\n _isPrechecked(toggle: CuteButtonToggle) {\r\n if (typeof this._rawValue === 'undefined') {\r\n return false;\r\n }\r\n\r\n if (this.multiple && Array.isArray(this._rawValue)) {\r\n return this._rawValue.some(value => toggle.value != null && value === toggle.value);\r\n }\r\n\r\n return toggle.value === this._rawValue;\r\n }\r\n\r\n /** Obtains the subsequent toggle to which the focus shifts. */\r\n private _getNextButton(startIndex: number, offset: number): CuteButtonToggle | null {\r\n const items = this._buttonToggles;\r\n\r\n if (items) {\r\n for (let i = 1; i <= items.length; i++) {\r\n const index = (startIndex + offset * i + items.length) % items.length;\r\n const item = items.get(index);\r\n\r\n if (item && !item.disabled) {\r\n return item;\r\n }\r\n }\r\n }\r\n\r\n return null;\r\n }\r\n\r\n /** Updates the selection state of the toggles in the group based on a value. */\r\n private _setSelectionByValue(value: any | any[]) {\r\n this._rawValue = value;\r\n\r\n if (!this._buttonToggles) {\r\n return;\r\n }\r\n\r\n const toggles = this._buttonToggles.toArray();\r\n\r\n if (this.multiple && value) {\r\n if (!Array.isArray(value) && isDevMode() ) {\r\n throw Error('Value must be an array in multiple-selection mode.');\r\n }\r\n\r\n this._clearSelection();\r\n value.forEach((currentValue: any) => this._selectValue(currentValue, toggles));\r\n } else {\r\n this._clearSelection();\r\n this._selectValue(value, toggles);\r\n }\r\n\r\n // In single selection mode, we need at least one enabled toggle to always be focusable.\r\n if (!this.multiple && toggles.every(toggle => toggle.tabIndex === -1)) {\r\n for (const toggle of toggles) {\r\n if (!toggle.disabled) {\r\n toggle.tabIndex = 0;\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n\r\n /** Clears the selected toggles. */\r\n private _clearSelection() {\r\n this._selectionModel?.clear();\r\n this._buttonToggles?.forEach(toggle => {\r\n toggle.checked = false;\r\n // If the button toggle is in single select mode, initialize the tabIndex.\r\n if (!this.multiple) {\r\n toggle.tabIndex = -1;\r\n }\r\n });\r\n }\r\n\r\n /** Selects a value if there's a toggle that corresponds to it. */\r\n private _selectValue(value: any, toggles: CuteButtonToggle[]) {\r\n if (this._selectionModel) {\r\n for (const toggle of toggles) {\r\n if (toggle.value != null && toggle.value === value) {\r\n toggle.checked = true;\r\n this._selectionModel.select(toggle);\r\n if (!this.multiple) {\r\n // If the button toggle is in single select mode, reset the tabIndex.\r\n toggle.tabIndex = 0;\r\n }\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n\r\n /** Syncs up the group's value with the model and emits the change event. */\r\n private _updateModelValue(toggle: CuteButtonToggle, isUserInput: boolean) {\r\n // Only emit the change event for user input.\r\n if (isUserInput) {\r\n this._emitChangeEvent(toggle);\r\n }\r\n\r\n // Note: we emit this one no matter whether it was a user interaction, because\r\n // it is used by Angular to sync up the two-way data binding.\r\n this.valueChange.emit(this.value);\r\n }\r\n\r\n}\r\n","/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport {\r\n EventEmitter,\r\n Input,\r\n Output,\r\n InjectionToken,\r\n booleanAttribute, inject, OnInit, OnDestroy, Component, ViewEncapsulation, ChangeDetectionStrategy,\r\n} from '@angular/core';\r\nimport {CuteButtonBase, CuteButtonStyle} from \"@cute-widgets/base/button\";\r\nimport {CUTE_BUTTON_TOGGLE_GROUP, CuteButtonToggleGroup} from \"./button-toggle-group.directive\";\r\nimport {_animationsDisabled, toThemeColor} from \"@cute-widgets/base/core\";\r\nimport {CUTE_BUTTON_BASE} from '@cute-widgets/base/button';\r\n\r\n/**\r\n * Represents the default options for the button toggle that can be configured\r\n * using the `CUTE_BUTTON_TOGGLE_DEFAULT_OPTIONS` injection token.\r\n */\r\nexport interface CuteButtonToggleDefaultOptions {\r\n /**\r\n * Default appearance to be used by button toggles. Can be overridden by explicitly\r\n * setting an appearance on a button toggle or group.\r\n */\r\n //appearance?: CuteButtonToggleAppearance;\r\n /** Whether icon indicators should be hidden for single-selection button toggle groups. */\r\n hideSingleSelectionIndicator?: boolean;\r\n /** Whether icon indicators should be hidden for multiple-selection button toggle groups. */\r\n hideMultipleSelectionIndicator?: boolean;\r\n /** Whether disabled toggle buttons should be interactive. */\r\n disabledInteractive?: boolean;\r\n}\r\n\r\n/**\r\n * Injection token that can be used to configure the\r\n * default options for all button toggles within an app.\r\n */\r\nexport const CUTE_BUTTON_TOGGLE_DEFAULT_OPTIONS = new InjectionToken<CuteButtonToggleDefaultOptions>(\r\n 'CUTE_BUTTON_TOGGLE_DEFAULT_OPTIONS',\r\n {\r\n providedIn: 'root',\r\n factory: () => ({\r\n hideSingleSelectionIndicator: false,\r\n hideMultipleSelectionIndicator: false,\r\n disabledInteractive: false,\r\n }),\r\n },\r\n);\r\n\r\n// Counter used to generate unique IDs.\r\nlet uniqueId = 0;\r\n\r\n/** Change event object emitted by button toggle. */\r\nexport class CuteButtonToggleChange {\r\n constructor(\r\n /** The button toggle that emits the event. */\r\n public source: CuteButtonToggle,\r\n\r\n /** The value assigned to the button toggle. */\r\n public value: any,\r\n ) {}\r\n}\r\n\r\n/** Single toggle button that should be nested directly inside a toggle group. */\r\n@Component({\r\n selector: 'cute-button-toggle',\r\n templateUrl: '../../button/src/button.component.html',\r\n styleUrls: ['../../button/src/button.component.scss', './button-toggle.component.scss'],\r\n exportAs: 'cuteButtonToggle',\r\n host: {\r\n // Many CSS properties are in CuteButton component's css file and depend on\r\n // `cute-button` and `cute-anchor` CSS classes. So, we include ancestor class name `cute-button`.\r\n 'class': 'cute-button-toggle cute-button',\r\n '[class.cute-button-toggle-standalone]': '!buttonToggleGroup',\r\n '[class.active]': 'checked',\r\n '[class.disabled]': 'disabled',\r\n '[class.cute-button-disabled-interactive]': 'disabledInteractive',\r\n '[class.cute-button-checked-disabled]': 'checked && disabled',\r\n '[class.cute-unthemed]': '!color',\r\n '[attr.disabled]': '_getDisabledAttribute()',\r\n '[attr.aria-disabled]': '_getAriaDisabled()',\r\n '[attr.aria-label]': 'null',\r\n '[attr.aria-labelledby]': 'null',\r\n '[attr.name]': 'null',\r\n '(focus)': 'focus()',\r\n '(click)': '_onButtonClick()',\r\n '[style.--bs-btn-hover-color]': \"'var(--bs-'+toThemeColor(color)+'-text-emphasis)'\",\r\n //'role': 'presentation',\r\n },\r\n providers:[\r\n { provide: CUTE_BUTTON_BASE, useExisting: CuteButtonToggle }\r\n ],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n standalone: true,\r\n})\r\nexport class CuteButtonToggle extends CuteButtonBase implements OnInit, OnDestroy {\r\n private _animationDisabled = _animationsDisabled();\r\n protected _multiple: boolean = true;\r\n /** The parent button toggle group (exclusive selection). Optional. */\r\n protected readonly buttonToggleGroup: CuteButtonToggleGroup|null = null;\r\n\r\n /** Unique ID for the underlying `button` element. */\r\n get buttonId(): string {\r\n return this.id ?? `cute-toggle-button-${uniqueId++}`;\r\n }\r\n\r\n override get inputButtonStyle(): Extract<CuteButtonStyle, \"outlined\"|\"outline-button\"> {\r\n return super.inputButtonStyle as Extract<CuteButtonStyle, \"outlined\"|\"outline-button\">;\r\n }\r\n override set inputButtonStyle(value: Extract<CuteButtonStyle, \"outlined\"|\"outline-button\">) {\r\n super.inputButtonStyle = value;\r\n }\r\n\r\n /** HTML's 'name' attribute used to group radios for unique selection. */\r\n @Input() name: string | undefined;\r\n\r\n /** CuteButtonToggleGroup reads this to assign its own value. */\r\n @Input() value: any;\r\n\r\n /** Whether ripples are disabled on the button toggle. */\r\n //@Input({transform: booleanAttribute}) disableRipple: boolean = false;\r\n\r\n /** Whether the button is checked. */\r\n @Input({transform: booleanAttribute})\r\n get checked(): boolean {\r\n return this.buttonToggleGroup ? this.buttonToggleGroup._isSelected(this) : this._checked;\r\n }\r\n set checked(value: boolean) {\r\n if (value !== this._checked) {\r\n this._checked = value;\r\n\r\n if (this.buttonToggleGroup) {\r\n this.buttonToggleGroup._syncButtonToggle(this, this._checked);\r\n }\r\n\r\n this.markForCheck();\r\n }\r\n }\r\n private _checked = false;\r\n\r\n /** Whether the button should remain interactive when it is disabled. */\r\n override get disabledInteractive(): boolean {\r\n return (super.disabledInteractive ||\r\n (this.buttonToggleGroup !== null && this.buttonToggleGroup.disabledInteractive)\r\n );\r\n }\r\n override set disabledInteractive(value: boolean) {\r\n super.disabledInteractive = value;\r\n }\r\n\r\n /** Event emitted when the group value changes. */\r\n @Output() readonly change = new EventEmitter<CuteButtonToggleChange>();\r\n\r\n\r\n /** Whether the button is disabled. */\r\n // protected override getDisabledState(): boolean {\r\n // const isDisabled = super.getDisabledState();\r\n // return isDisabled || (this.buttonToggleGroup && this.buttonToggleGroup.disabled);\r\n // }\r\n\r\n constructor(...args: unknown[]);\r\n constructor() {\r\n super();\r\n\r\n const toggleGroup = inject<CuteButtonToggleGroup>(CUTE_BUTTON_TOGGLE_GROUP, {optional: true});\r\n //const defaultTabIndex = inject(new HostAttributeToken('tabindex'), {optional: true}) || '';\r\n const defaultOptions = inject<CuteButtonToggleDefaultOptions>(\r\n CUTE_BUTTON_TOGGLE_DEFAULT_OPTIONS,\r\n {optional: true},\r\n );\r\n\r\n //this._tabIndex = parseInt(defaultTabIndex) || 0;\r\n this.buttonToggleGroup = toggleGroup;\r\n if (!toggleGroup) this.inputButtonStyle = \"outline-button\";\r\n this.disabledInteractive = defaultOptions?.disabledInteractive ?? false;\r\n }\r\n\r\n override ngOnInit() {\r\n super.ngOnInit();\r\n\r\n const group = this.buttonToggleGroup;\r\n this.id = this.id || `cute-button-toggle-${uniqueId++}`;\r\n\r\n if (group) {\r\n\r\n if (!this.color) {\r\n this.defaultColor = group.color;\r\n }\r\n\r\n if (group._isPrechecked(this)) {\r\n this.checked = true;\r\n } else if (group._isSelected(this) !== this._checked) {\r\n // As a side effect of the circular dependency between the toggle group and the button,\r\n // we may end up in a state where the button is supposed to be checked on init, but it\r\n // isn't, because the checked value was assigned too early. This can happen when Ivy\r\n // assigns the static input value before the `ngOnInit` has run.\r\n group._syncButtonToggle(this, this._checked);\r\n }\r\n }\r\n }\r\n\r\n /*\r\n override ngAfterViewInit() {\r\n super.ngAfterViewInit();\r\n // This serves two purposes:\r\n // 1. We don't want the animation to fire on the first render for pre-checked toggles so we\r\n // delay adding the class until the view is rendered.\r\n // 2. We don't want animation if the `NoopAnimationsModule` is provided.\r\n //if (this._animationMode !== 'NoopAnimations') {\r\n // this._elementRef.nativeElement.classList.add('mat-button-toggle-animations-enabled');\r\n //}\r\n\r\n this._focusMonitor.monitor(this._elementRef, true);\r\n }\r\n*/\r\n\r\n override ngOnDestroy() {\r\n super.ngOnDestroy();\r\n\r\n const group = this.buttonToggleGroup;\r\n\r\n // Remove the toggle from the selection once it's destroyed. Needs to happen\r\n // on the next tick to avoid \"changed after checked\" errors.\r\n if (group && group._isSelected(this)) {\r\n group._syncButtonToggle(this, false, false, true);\r\n }\r\n }\r\n\r\n /** Checks the button toggle due to an interaction with the underlying native button. */\r\n _onButtonClick() {\r\n if (this.disabled) {\r\n return;\r\n }\r\n\r\n const newChecked = this.isSingleSelector() ? true : !this._checked;\r\n\r\n if (newChecked !== this._checked) {\r\n this._checked = newChecked;\r\n if (this.buttonToggleGroup) {\r\n this.buttonToggleGroup._syncButtonToggle(this, this._checked, true);\r\n this.buttonToggleGroup._onTouched();\r\n }\r\n }\r\n\r\n if (this.isSingleSelector()) {\r\n const focusable = this.buttonToggleGroup?._buttonToggles?.find(toggle => {\r\n return toggle.tabIndex === 0;\r\n });\r\n // Modify the tabindex attribute of the last focusable button toggle to -1.\r\n if (focusable) {\r\n focusable.tabIndex = -1;\r\n }\r\n // Modify the tabindex attribute of the presently selected button toggle to 0.\r\n this.tabIndex = 0;\r\n }\r\n\r\n // Emit a change event when it's the single selector\r\n this.change.emit(new CuteButtonToggleChange(this, this.value));\r\n }\r\n\r\n /** Gets the name that should be assigned to the inner DOM node. */\r\n protected _getButtonName(): string | null {\r\n if (this.buttonToggleGroup && this.isSingleSelector()) {\r\n return this.buttonToggleGroup.name;\r\n }\r\n return this.name || null;\r\n }\r\n\r\n /** Whether the toggle is in single selection mode. */\r\n private isSingleSelector(): boolean {\r\n return (this.buttonToggleGroup && !this.buttonToggleGroup.multiple) ?? false;\r\n }\r\n\r\n protected readonly toThemeColor = toThemeColor;\r\n}\r\n","<!--\r\n For capturing HTML-elements such as <i class..> or <img src=\"\"...> and others\r\n we need apply [cuteButtonIcon] attribute to them.\r\n-->\r\n<span class=\"cute-icon-wrapper\">\r\n <ng-content select=\".material-icons:not([iconPositionEnd]),\r\n .bi:not([iconPositionEnd]),\r\n cute-icon:not([iconPositionEnd]),\r\n cute-avatar:not([iconPositionEnd]),\r\n [cuteButtonIcon]:not([iconPositionEnd])\">\r\n </ng-content>\r\n</span>\r\n\r\n<span class=\"cute-button-label\" [class.cute-button-label__nowrap]=\"!wrapText\">\r\n <ng-content>\r\n @if(visuallyHiddenLabel) {\r\n <span class=\"visually-hidden\"> {{visuallyHiddenLabel}} </span>\r\n }\r\n </ng-content>\r\n</span>\r\n\r\n<span class=\"cute-icon-wrapper\">\r\n <ng-content select=\".material-icons[iconPositionEnd],\r\n .bi:[iconPositionEnd],\r\n cute-icon[iconPositionEnd],\r\n cute-avatar:[iconPositionEnd],\r\n [cuteButtonIcon][iconPositionEnd]\">\r\n </ng-content>\r\n</span>\r\n","/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport {NgModule, Type} from '@angular/core';\r\nimport {CommonModule} from '@angular/common';\r\nimport {CuteButtonToggle} from \"./button-toggle.component\";\r\nimport {CuteButtonToggleGroup} from \"./button-toggle-group.directive\";\r\n\r\nconst TYPES: (any | Type<any>)[] = [\r\n CuteButtonToggle,\r\n CuteButtonToggleGroup,\r\n];\r\n\r\n@NgModule({\r\n imports: [CommonModule, ...TYPES],\r\n exports: TYPES,\r\n declarations: [],\r\n})\r\nexport class CuteButtonToggleModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}