@cute-widgets/base 20.0.4 → 21.0.0
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.
- package/CHANGELOG.md +18 -6
- package/fesm2022/cute-widgets-base-abstract.mjs +19 -29
- package/fesm2022/cute-widgets-base-abstract.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-alert.mjs +10 -10
- package/fesm2022/cute-widgets-base-alert.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-autocomplete.mjs +14 -14
- package/fesm2022/cute-widgets-base-autocomplete.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-badge.mjs +46 -14
- package/fesm2022/cute-widgets-base-badge.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-bottom-sheet.mjs +11 -11
- package/fesm2022/cute-widgets-base-bottom-sheet.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-button-toggle.mjs +61 -37
- package/fesm2022/cute-widgets-base-button-toggle.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-button.mjs +176 -112
- package/fesm2022/cute-widgets-base-button.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-card.mjs +40 -40
- package/fesm2022/cute-widgets-base-card.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-checkbox.mjs +28 -28
- package/fesm2022/cute-widgets-base-checkbox.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-chips.mjs +49 -61
- package/fesm2022/cute-widgets-base-chips.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-collapse.mjs +120 -132
- package/fesm2022/cute-widgets-base-collapse.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-core-datetime.mjs +11 -11
- package/fesm2022/cute-widgets-base-core-datetime.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-core-directives.mjs +21 -21
- package/fesm2022/cute-widgets-base-core-directives.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-core-error.mjs +6 -6
- package/fesm2022/cute-widgets-base-core-error.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-core-layout.mjs +13 -1
- package/fesm2022/cute-widgets-base-core-layout.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-core-line.mjs +7 -7
- package/fesm2022/cute-widgets-base-core-line.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-core-nav.mjs +30 -28
- package/fesm2022/cute-widgets-base-core-nav.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-core-observers.mjs +16 -16
- package/fesm2022/cute-widgets-base-core-observers.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-core-option.mjs +10 -10
- package/fesm2022/cute-widgets-base-core-option.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-core-pipes.mjs +6 -6
- package/fesm2022/cute-widgets-base-core-pipes.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-core-ripple.mjs +3 -3
- package/fesm2022/cute-widgets-base-core-ripple.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-core-theming.mjs +7 -7
- package/fesm2022/cute-widgets-base-core-theming.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-core-utils.mjs +3 -3
- package/fesm2022/cute-widgets-base-core-utils.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-core.mjs +50 -38
- package/fesm2022/cute-widgets-base-core.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-datepicker.mjs +100 -99
- package/fesm2022/cute-widgets-base-datepicker.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-dialog.mjs +170 -135
- package/fesm2022/cute-widgets-base-dialog.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-divider.mjs +7 -7
- package/fesm2022/cute-widgets-base-divider.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-expansion.mjs +27 -27
- package/fesm2022/cute-widgets-base-expansion.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-form-field.mjs +28 -28
- package/fesm2022/cute-widgets-base-form-field.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-grid-list.mjs +22 -22
- package/fesm2022/cute-widgets-base-grid-list.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-icon.mjs +10 -10
- package/fesm2022/cute-widgets-base-icon.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-input.mjs +7 -7
- package/fesm2022/cute-widgets-base-input.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-layout-container.mjs +10 -10
- package/fesm2022/cute-widgets-base-layout-container.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-layout-stack.mjs +13 -13
- package/fesm2022/cute-widgets-base-layout-stack.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-layout.mjs +23 -23
- package/fesm2022/cute-widgets-base-layout.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-list.mjs +56 -56
- package/fesm2022/cute-widgets-base-list.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-menu.mjs +581 -388
- package/fesm2022/cute-widgets-base-menu.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-navbar.mjs +101 -61
- package/fesm2022/cute-widgets-base-navbar.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-paginator.mjs +13 -13
- package/fesm2022/cute-widgets-base-paginator.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-progress.mjs +10 -10
- package/fesm2022/cute-widgets-base-progress.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-radio.mjs +11 -11
- package/fesm2022/cute-widgets-base-radio.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-select.mjs +11 -11
- package/fesm2022/cute-widgets-base-select.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-sidenav.mjs +26 -26
- package/fesm2022/cute-widgets-base-sidenav.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-slider.mjs +10 -10
- package/fesm2022/cute-widgets-base-slider.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-snack-bar.mjs +28 -28
- package/fesm2022/cute-widgets-base-snack-bar.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-sort.mjs +13 -13
- package/fesm2022/cute-widgets-base-sort.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-spinner.mjs +8 -8
- package/fesm2022/cute-widgets-base-spinner.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-stepper.mjs +40 -40
- package/fesm2022/cute-widgets-base-stepper.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-table.mjs +58 -66
- package/fesm2022/cute-widgets-base-table.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-tabs.mjs +100 -75
- package/fesm2022/cute-widgets-base-tabs.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-timepicker.mjs +34 -63
- package/fesm2022/cute-widgets-base-timepicker.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-toolbar.mjs +13 -13
- package/fesm2022/cute-widgets-base-toolbar.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-tooltip.mjs +10 -10
- package/fesm2022/cute-widgets-base-tooltip.mjs.map +1 -1
- package/fesm2022/cute-widgets-base-tree.mjs +25 -25
- package/fesm2022/cute-widgets-base-tree.mjs.map +1 -1
- package/fesm2022/cute-widgets-base.mjs +4 -4
- package/package.json +121 -121
- package/{abstract/index.d.ts → types/cute-widgets-base-abstract.d.ts} +9 -3
- package/{autocomplete/index.d.ts → types/cute-widgets-base-autocomplete.d.ts} +2 -2
- package/{badge/index.d.ts → types/cute-widgets-base-badge.d.ts} +6 -5
- package/{bottom-sheet/index.d.ts → types/cute-widgets-base-bottom-sheet.d.ts} +1 -1
- package/{button-toggle/index.d.ts → types/cute-widgets-base-button-toggle.d.ts} +15 -5
- package/{button/index.d.ts → types/cute-widgets-base-button.d.ts} +44 -22
- package/{checkbox/index.d.ts → types/cute-widgets-base-checkbox.d.ts} +1 -1
- package/{chips/index.d.ts → types/cute-widgets-base-chips.d.ts} +1 -1
- package/types/cute-widgets-base-collapse.d.ts +98 -0
- package/{core/layout/index.d.ts → types/cute-widgets-base-core-layout.d.ts} +7 -1
- package/{core/nav/index.d.ts → types/cute-widgets-base-core-nav.d.ts} +2 -1
- package/{core/observers/index.d.ts → types/cute-widgets-base-core-observers.d.ts} +1 -1
- package/{core/option/index.d.ts → types/cute-widgets-base-core-option.d.ts} +1 -1
- package/{core/index.d.ts → types/cute-widgets-base-core.d.ts} +7 -1
- package/{datepicker/index.d.ts → types/cute-widgets-base-datepicker.d.ts} +2 -2
- package/{dialog/index.d.ts → types/cute-widgets-base-dialog.d.ts} +81 -57
- package/{expansion/index.d.ts → types/cute-widgets-base-expansion.d.ts} +4 -14
- package/{form-field/index.d.ts → types/cute-widgets-base-form-field.d.ts} +1 -1
- package/{icon/index.d.ts → types/cute-widgets-base-icon.d.ts} +1 -1
- package/{input/index.d.ts → types/cute-widgets-base-input.d.ts} +1 -1
- package/{menu/index.d.ts → types/cute-widgets-base-menu.d.ts} +202 -121
- package/{navbar/index.d.ts → types/cute-widgets-base-navbar.d.ts} +24 -9
- package/{paginator/index.d.ts → types/cute-widgets-base-paginator.d.ts} +2 -2
- package/{progress/index.d.ts → types/cute-widgets-base-progress.d.ts} +1 -1
- package/{radio/index.d.ts → types/cute-widgets-base-radio.d.ts} +2 -2
- package/{sidenav/index.d.ts → types/cute-widgets-base-sidenav.d.ts} +1 -1
- package/{snack-bar/index.d.ts → types/cute-widgets-base-snack-bar.d.ts} +1 -1
- package/{sort/index.d.ts → types/cute-widgets-base-sort.d.ts} +1 -1
- package/{table/index.d.ts → types/cute-widgets-base-table.d.ts} +1 -1
- package/{tabs/index.d.ts → types/cute-widgets-base-tabs.d.ts} +35 -14
- package/{tree/index.d.ts → types/cute-widgets-base-tree.d.ts} +2 -2
- package/collapse/index.d.ts +0 -97
- /package/{alert/index.d.ts → types/cute-widgets-base-alert.d.ts} +0 -0
- /package/{card/index.d.ts → types/cute-widgets-base-card.d.ts} +0 -0
- /package/{core/animation/index.d.ts → types/cute-widgets-base-core-animation.d.ts} +0 -0
- /package/{core/datetime/index.d.ts → types/cute-widgets-base-core-datetime.d.ts} +0 -0
- /package/{core/directives/index.d.ts → types/cute-widgets-base-core-directives.d.ts} +0 -0
- /package/{core/error/index.d.ts → types/cute-widgets-base-core-error.d.ts} +0 -0
- /package/{core/interfaces/index.d.ts → types/cute-widgets-base-core-interfaces.d.ts} +0 -0
- /package/{core/line/index.d.ts → types/cute-widgets-base-core-line.d.ts} +0 -0
- /package/{core/pipes/index.d.ts → types/cute-widgets-base-core-pipes.d.ts} +0 -0
- /package/{core/ripple/index.d.ts → types/cute-widgets-base-core-ripple.d.ts} +0 -0
- /package/{core/testing/index.d.ts → types/cute-widgets-base-core-testing.d.ts} +0 -0
- /package/{core/theming/index.d.ts → types/cute-widgets-base-core-theming.d.ts} +0 -0
- /package/{core/types/index.d.ts → types/cute-widgets-base-core-types.d.ts} +0 -0
- /package/{core/utils/index.d.ts → types/cute-widgets-base-core-utils.d.ts} +0 -0
- /package/{divider/index.d.ts → types/cute-widgets-base-divider.d.ts} +0 -0
- /package/{grid-list/index.d.ts → types/cute-widgets-base-grid-list.d.ts} +0 -0
- /package/{layout/container/index.d.ts → types/cute-widgets-base-layout-container.d.ts} +0 -0
- /package/{layout/stack/index.d.ts → types/cute-widgets-base-layout-stack.d.ts} +0 -0
- /package/{layout/index.d.ts → types/cute-widgets-base-layout.d.ts} +0 -0
- /package/{list/index.d.ts → types/cute-widgets-base-list.d.ts} +0 -0
- /package/{select/index.d.ts → types/cute-widgets-base-select.d.ts} +0 -0
- /package/{slider/index.d.ts → types/cute-widgets-base-slider.d.ts} +0 -0
- /package/{spinner/index.d.ts → types/cute-widgets-base-spinner.d.ts} +0 -0
- /package/{stepper/index.d.ts → types/cute-widgets-base-stepper.d.ts} +0 -0
- /package/{timepicker/index.d.ts → types/cute-widgets-base-timepicker.d.ts} +0 -0
- /package/{toolbar/index.d.ts → types/cute-widgets-base-toolbar.d.ts} +0 -0
- /package/{tooltip/index.d.ts → types/cute-widgets-base-tooltip.d.ts} +0 -0
- /package/{index.d.ts → types/cute-widgets-base.d.ts} +0 -0
|
@@ -133,10 +133,10 @@ class CuteChipAction {
|
|
|
133
133
|
this._parentChip._handlePrimaryActionInteraction();
|
|
134
134
|
}
|
|
135
135
|
}
|
|
136
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
137
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "
|
|
136
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipAction, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
137
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.2.0", type: CuteChipAction, isStandalone: true, selector: "[cuteChipAction]", inputs: { isInteractive: "isInteractive", disabled: ["disabled", "disabled", booleanAttribute], tabIndex: ["tabIndex", "tabIndex", (value) => (value == null ? -1 : numberAttribute(value))], _allowFocusWhenDisabled: "_allowFocusWhenDisabled" }, host: { listeners: { "click": "_handleClick($event)", "keydown": "_handleKeydown($event)" }, properties: { "class.cute-chip__action--primary": "_isPrimary", "class.cute-chip__action--presentational": "!isInteractive", "class.cute-chip__action--secondary": "!_isPrimary", "class.cute-chip__action--trailing": "!_isPrimary && !_isLeading", "attr.tabindex": "_getTabindex()", "attr.disabled": "_getDisabledAttribute()", "attr.aria-disabled": "disabled" }, classAttribute: "cute-chip__action cute-chip-action" }, ngImport: i0 }); }
|
|
138
138
|
}
|
|
139
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
139
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipAction, decorators: [{
|
|
140
140
|
type: Directive,
|
|
141
141
|
args: [{
|
|
142
142
|
selector: '[cuteChipAction]',
|
|
@@ -215,9 +215,6 @@ class CuteChip extends CuteFocusableControl {
|
|
|
215
215
|
this._changeDetectorRef = inject(ChangeDetectorRef);
|
|
216
216
|
this._ngZone = inject(NgZone);
|
|
217
217
|
this._tagName = inject(HOST_TAG_NAME);
|
|
218
|
-
//private _globalRippleOptions = inject<RippleGlobalOptions>(MAT_RIPPLE_GLOBAL_OPTIONS, {
|
|
219
|
-
// optional: true,
|
|
220
|
-
//});
|
|
221
218
|
this._document = inject(DOCUMENT);
|
|
222
219
|
/** Emits when the chip is focused. */
|
|
223
220
|
this._onFocus = new Subject();
|
|
@@ -404,10 +401,10 @@ class CuteChip extends CuteFocusableControl {
|
|
|
404
401
|
}
|
|
405
402
|
});
|
|
406
403
|
}
|
|
407
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
408
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
404
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChip, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
405
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: CuteChip, isStandalone: true, selector: "cute-basic-chip, [cute-basic-chip], cute-chip, [cute-chip]", inputs: { value: "value", removable: ["removable", "removable", booleanAttribute], highlighted: ["highlighted", "highlighted", booleanAttribute], disableRipple: ["disableRipple", "disableRipple", booleanAttribute] }, outputs: { removed: "removed", destroyed: "destroyed" }, host: { listeners: { "keydown": "_handleKeydown($event)" }, properties: { "class.btn": "_isStandardStaticChip", "class.btn-sm": "_isStandardStaticChip", "class.border": "_isStandardStaticChip", "class.rounded-pill": "_isStandardStaticChip", "class.cute-static-chip": "_isStandardStaticChip", "class.cute-chip-with-avatar": "leadingIcon", "class.cute-chip-highlighted": "highlighted", "class.disabled": "_isStandardStaticChip && disabled", "class.cute-basic-chip": "_isBasicChip", "class.cute-standard-chip": "!_isBasicChip", "class.cute-chip-with-trailing-icon": "_hasTrailingIcon()", "class._cute-animation-noopable": "_animationsDisabled", "id": "id", "attr.role": "role", "attr.tabindex": "_getTabIndex()", "attr.aria-label": "ariaLabel" }, classAttribute: "cute-chip" }, providers: [{ provide: CUTE_CHIP, useExisting: CuteChip }], queries: [{ propertyName: "leadingIcon", first: true, predicate: CUTE_CHIP_AVATAR, descendants: true }, { propertyName: "editIcon", first: true, predicate: CUTE_CHIP_EDIT, descendants: true }, { propertyName: "trailingIcon", first: true, predicate: CUTE_CHIP_TRAILING_ICON, descendants: true }, { propertyName: "removeIcon", first: true, predicate: CUTE_CHIP_REMOVE, descendants: true }, { propertyName: "_allLeadingIcons", predicate: CUTE_CHIP_AVATAR, descendants: true }, { propertyName: "_allTrailingIcons", predicate: CUTE_CHIP_TRAILING_ICON, descendants: true }, { propertyName: "_allEditIcons", predicate: CUTE_CHIP_EDIT, descendants: true }, { propertyName: "_allRemoveIcons", predicate: CUTE_CHIP_REMOVE, descendants: true }], viewQueries: [{ propertyName: "primaryAction", first: true, predicate: CuteChipAction, descendants: true }], exportAs: ["cuteChip"], usesInheritance: true, ngImport: i0, template: "<span class=\"cute-chip-focus-overlay\"></span>\r\n\r\n<span class=\"cute-chip__cell cute-chip__cell--primary\">\r\n <span cuteChipAction [isInteractive]=\"false\">\r\n @if (leadingIcon) {\r\n <span class=\"cute-chip__graphic cute-chip-graphic\">\r\n <ng-content select=\"cute-avatar, cute-chip-avatar, [cuteChipAvatar]\"></ng-content>\r\n </span>\r\n }\r\n <span class=\"cute-chip__text-label cute-chip-action-label\">\r\n <ng-content></ng-content>\r\n <span class=\"cute-chip-primary-focus-indicator cute-focus-indicator\"></span>\r\n </span>\r\n </span>\r\n</span>\r\n\r\n@if (_hasTrailingIcon()) {\r\n <span class=\"cute-chip__cell cute-chip__cell--trailing\">\r\n <ng-content select=\"cute-chip-trailing-icon,[cuteChipRemove],[cuteChipTrailingIcon]\"></ng-content>\r\n </span>\r\n}\r\n", styles: [".cute-chip,.cute-chip-option,cute-chip-row{position:relative;display:inline-flex;align-items:center}.cute-chip.cute-static-chip,.cute-chip-option.cute-static-chip,cute-chip-row.cute-static-chip{--bs-btn-bg: rgba(var(--bs-body-color-rgb), .06);cursor:auto}.cute-chip .btn-sm,.cute-chip.btn-sm,.cute-chip-option .btn-sm,.cute-chip-option.btn-sm,cute-chip-row .btn-sm,cute-chip-row.btn-sm{--bs-btn-padding-y: .3125rem;--bs-btn-padding-x: .625rem}.cute-chip:hover,.cute-chip-option:hover,cute-chip-row:hover{--bs-btn-hover-bg: rgba(var(--bs-body-color-rgb), .1)}.cute-chip:active,.cute-chip-option:active,cute-chip-row:active{--bs-btn-active-bg: rgba(var(--bs-body-color-rgb), .14)}.cute-chip__cell [cuteChipAction],.cute-chip__cell .cute-chip-action{display:inline-flex;align-items:center;cursor:pointer;outline:none}.cute-chip__cell [cuteChipAction].cute-chip__action--presentational,.cute-chip__cell .cute-chip-action.cute-chip__action--presentational{cursor:auto}.cute-chip__cell [cuteChipAction]:not(button),.cute-chip__cell .cute-chip-action:not(button){gap:.5rem}.cute-chip__cell [cuteChipAction] .cute-chip__graphic,.cute-chip__cell .cute-chip-action .cute-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative}.cute-chip__cell [cuteChipAction] .cute-chip__graphic:empty,.cute-chip__cell .cute-chip-action .cute-chip__graphic:empty{display:none}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark{padding-left:2px;padding-right:4px}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{width:1.2rem}[dir=rtl] .cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,[dir=rtl] .cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{transform:rotateY(180deg)}.cute-chip__cell [cuteChipAction].disabled,.cute-chip__cell .cute-chip-action.disabled{cursor:auto}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:4px;padding-right:0;border:none;background:none;overflow:visible}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing .cute-icon,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing .cute-icon{overflow:visible}[dir=rtl] .cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,[dir=rtl] .cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:0;padding-right:4px}.cute-standard-chip{-webkit-tap-highlight-color:transparent}@media(forced-colors:active){.cute-standard-chip{outline:solid 1px}.cute-standard-chip .cute-chip__checkmark-path{stroke:CanvasText!important}}.cute-standard-chip .cute-chip__icon--primary{--size: 18px;height:var(--size);width:var(--size);font-size:var(--size);border-radius:calc(var(--size) * 1.3);background:none}.cute-standard-chip .cute-chip__cell--primary{display:flex}.cute-standard-chip .cute-chip__cell--trailing{display:inline-flex;background-color:transparent;padding-left:.5rem;padding-right:0}[dir=rtl] .cute-standard-chip .cute-chip__cell--trailing{padding-left:0;padding-right:.5rem}.cute-standard-chip._cute-animation-noopable,.cute-standard-chip._cute-animation-noopable .cute-chip__graphic,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.cute-chip-focus-overlay{inset:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity .15s linear}._cute-animation-noopable .cute-chip-focus-overlay{transition:none}.cute-basic-chip .cute-chip-focus-overlay{display:none}.cute-chip-action-label{text-align:left;white-space:nowrap}[dir=rtl] .cute-chip-action-label{text-align:right}.cute-chip-primary-focus-indicator{position:absolute;inset:0;pointer-events:none}.cute-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}@media(forced-colors:active){.cute-chip-selected:not(.cute-chip-multiple){outline-width:3px}}\n"], dependencies: [{ kind: "directive", type: CuteChipAction, selector: "[cuteChipAction]", inputs: ["isInteractive", "disabled", "tabIndex", "_allowFocusWhenDisabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
409
406
|
}
|
|
410
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
407
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChip, decorators: [{
|
|
411
408
|
type: Component,
|
|
412
409
|
args: [{ selector: 'cute-basic-chip, [cute-basic-chip], cute-chip, [cute-chip]', exportAs: 'cuteChip', host: {
|
|
413
410
|
'class': 'cute-chip',
|
|
@@ -416,15 +413,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
416
413
|
'[class.border]': '_isStandardStaticChip',
|
|
417
414
|
'[class.rounded-pill]': '_isStandardStaticChip',
|
|
418
415
|
'[class.cute-static-chip]': '_isStandardStaticChip',
|
|
419
|
-
/*
|
|
420
|
-
'[class]': '"text-bg-"+color||"tertiary"',
|
|
421
|
-
'[class.mdc-evolution-chip]': '!_isBasicChip',
|
|
422
|
-
'[class.mdc-evolution-chip--disabled]': 'disabled',
|
|
423
|
-
'[class.mdc-evolution-chip--with-trailing-action]': '_hasTrailingIcon()',
|
|
424
|
-
'[class.mdc-evolution-chip--with-primary-graphic]': 'leadingIcon',
|
|
425
|
-
'[class.mdc-evolution-chip--with-primary-icon]': 'leadingIcon',
|
|
426
|
-
'[class.mdc-evolution-chip--with-avatar]': 'leadingIcon',
|
|
427
|
-
*/
|
|
428
416
|
'[class.cute-chip-with-avatar]': 'leadingIcon',
|
|
429
417
|
'[class.cute-chip-highlighted]': 'highlighted',
|
|
430
418
|
'[class.disabled]': '_isStandardStaticChip && disabled',
|
|
@@ -437,7 +425,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
437
425
|
'[attr.tabindex]': '_getTabIndex()',
|
|
438
426
|
'[attr.aria-label]': 'ariaLabel',
|
|
439
427
|
'(keydown)': '_handleKeydown($event)',
|
|
440
|
-
}, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: CUTE_CHIP, useExisting: CuteChip }], imports: [CuteChipAction], template: "<span class=\"cute-chip-focus-overlay\"></span>\r\n\r\n<span class=\"cute-chip__cell cute-chip__cell--primary\">\r\n <span cuteChipAction [isInteractive]=\"false\">\r\n @if (leadingIcon) {\r\n <span class=\"cute-chip__graphic cute-chip-graphic\">\r\n <ng-content select=\"cute-avatar, cute-chip-avatar, [cuteChipAvatar]\"></ng-content>\r\n </span>\r\n }\r\n <span class=\"cute-chip__text-label cute-chip-action-label\">\r\n <ng-content></ng-content>\r\n <span class=\"cute-chip-primary-focus-indicator cute-focus-indicator\"></span>\r\n </span>\r\n </span>\r\n</span>\r\n\r\n@if (_hasTrailingIcon()) {\r\n <span class=\"cute-chip__cell cute-chip__cell--trailing\">\r\n <ng-content select=\"cute-chip-trailing-icon,[cuteChipRemove],[cuteChipTrailingIcon]\"></ng-content>\r\n </span>\r\n}\r\n", styles: [".cute-chip,.cute-chip-option,cute-chip-row{position:relative;display:inline-flex;align-items:center}.cute-chip.cute-static-chip,.cute-chip-option.cute-static-chip,cute-chip-row.cute-static-chip{--bs-btn-bg: rgba(var(--bs-body-color-rgb), .06);cursor:auto}.cute-chip .btn-sm,.cute-chip.btn-sm,.cute-chip-option .btn-sm,.cute-chip-option.btn-sm,cute-chip-row .btn-sm,cute-chip-row.btn-sm{--bs-btn-padding-y: .3125rem;--bs-btn-padding-x: .625rem}.cute-chip:hover,.cute-chip-option:hover,cute-chip-row:hover{--bs-btn-hover-bg: rgba(var(--bs-body-color-rgb), .1)}.cute-chip:active,.cute-chip-option:active,cute-chip-row:active{--bs-btn-active-bg: rgba(var(--bs-body-color-rgb), .14)}.cute-chip__cell [cuteChipAction],.cute-chip__cell .cute-chip-action{display:inline-flex;align-items:center;cursor:pointer;outline:none}.cute-chip__cell [cuteChipAction].cute-chip__action--presentational,.cute-chip__cell .cute-chip-action.cute-chip__action--presentational{cursor:auto}.cute-chip__cell [cuteChipAction]:not(button),.cute-chip__cell .cute-chip-action:not(button){gap:.5rem}.cute-chip__cell [cuteChipAction] .cute-chip__graphic,.cute-chip__cell .cute-chip-action .cute-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative}.cute-chip__cell [cuteChipAction] .cute-chip__graphic:empty,.cute-chip__cell .cute-chip-action .cute-chip__graphic:empty{display:none}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark{padding-left:2px;padding-right:4px}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{width:1.2rem}[dir=rtl] .cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,[dir=rtl] .cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{transform:rotateY(180deg)}.cute-chip__cell [cuteChipAction].disabled,.cute-chip__cell .cute-chip-action.disabled{cursor:auto}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:4px;padding-right:0;border:none;background:none;overflow:visible}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing .cute-icon,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing .cute-icon{overflow:visible}[dir=rtl] .cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,[dir=rtl] .cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:0;padding-right:4px}.cute-standard-chip{-webkit-tap-highlight-color:transparent}@media
|
|
428
|
+
}, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: CUTE_CHIP, useExisting: CuteChip }], imports: [CuteChipAction], template: "<span class=\"cute-chip-focus-overlay\"></span>\r\n\r\n<span class=\"cute-chip__cell cute-chip__cell--primary\">\r\n <span cuteChipAction [isInteractive]=\"false\">\r\n @if (leadingIcon) {\r\n <span class=\"cute-chip__graphic cute-chip-graphic\">\r\n <ng-content select=\"cute-avatar, cute-chip-avatar, [cuteChipAvatar]\"></ng-content>\r\n </span>\r\n }\r\n <span class=\"cute-chip__text-label cute-chip-action-label\">\r\n <ng-content></ng-content>\r\n <span class=\"cute-chip-primary-focus-indicator cute-focus-indicator\"></span>\r\n </span>\r\n </span>\r\n</span>\r\n\r\n@if (_hasTrailingIcon()) {\r\n <span class=\"cute-chip__cell cute-chip__cell--trailing\">\r\n <ng-content select=\"cute-chip-trailing-icon,[cuteChipRemove],[cuteChipTrailingIcon]\"></ng-content>\r\n </span>\r\n}\r\n", styles: [".cute-chip,.cute-chip-option,cute-chip-row{position:relative;display:inline-flex;align-items:center}.cute-chip.cute-static-chip,.cute-chip-option.cute-static-chip,cute-chip-row.cute-static-chip{--bs-btn-bg: rgba(var(--bs-body-color-rgb), .06);cursor:auto}.cute-chip .btn-sm,.cute-chip.btn-sm,.cute-chip-option .btn-sm,.cute-chip-option.btn-sm,cute-chip-row .btn-sm,cute-chip-row.btn-sm{--bs-btn-padding-y: .3125rem;--bs-btn-padding-x: .625rem}.cute-chip:hover,.cute-chip-option:hover,cute-chip-row:hover{--bs-btn-hover-bg: rgba(var(--bs-body-color-rgb), .1)}.cute-chip:active,.cute-chip-option:active,cute-chip-row:active{--bs-btn-active-bg: rgba(var(--bs-body-color-rgb), .14)}.cute-chip__cell [cuteChipAction],.cute-chip__cell .cute-chip-action{display:inline-flex;align-items:center;cursor:pointer;outline:none}.cute-chip__cell [cuteChipAction].cute-chip__action--presentational,.cute-chip__cell .cute-chip-action.cute-chip__action--presentational{cursor:auto}.cute-chip__cell [cuteChipAction]:not(button),.cute-chip__cell .cute-chip-action:not(button){gap:.5rem}.cute-chip__cell [cuteChipAction] .cute-chip__graphic,.cute-chip__cell .cute-chip-action .cute-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative}.cute-chip__cell [cuteChipAction] .cute-chip__graphic:empty,.cute-chip__cell .cute-chip-action .cute-chip__graphic:empty{display:none}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark{padding-left:2px;padding-right:4px}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{width:1.2rem}[dir=rtl] .cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,[dir=rtl] .cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{transform:rotateY(180deg)}.cute-chip__cell [cuteChipAction].disabled,.cute-chip__cell .cute-chip-action.disabled{cursor:auto}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:4px;padding-right:0;border:none;background:none;overflow:visible}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing .cute-icon,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing .cute-icon{overflow:visible}[dir=rtl] .cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,[dir=rtl] .cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:0;padding-right:4px}.cute-standard-chip{-webkit-tap-highlight-color:transparent}@media(forced-colors:active){.cute-standard-chip{outline:solid 1px}.cute-standard-chip .cute-chip__checkmark-path{stroke:CanvasText!important}}.cute-standard-chip .cute-chip__icon--primary{--size: 18px;height:var(--size);width:var(--size);font-size:var(--size);border-radius:calc(var(--size) * 1.3);background:none}.cute-standard-chip .cute-chip__cell--primary{display:flex}.cute-standard-chip .cute-chip__cell--trailing{display:inline-flex;background-color:transparent;padding-left:.5rem;padding-right:0}[dir=rtl] .cute-standard-chip .cute-chip__cell--trailing{padding-left:0;padding-right:.5rem}.cute-standard-chip._cute-animation-noopable,.cute-standard-chip._cute-animation-noopable .cute-chip__graphic,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.cute-chip-focus-overlay{inset:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity .15s linear}._cute-animation-noopable .cute-chip-focus-overlay{transition:none}.cute-basic-chip .cute-chip-focus-overlay{display:none}.cute-chip-action-label{text-align:left;white-space:nowrap}[dir=rtl] .cute-chip-action-label{text-align:right}.cute-chip-primary-focus-indicator{position:absolute;inset:0;pointer-events:none}.cute-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}@media(forced-colors:active){.cute-chip-selected:not(.cute-chip-multiple){outline-width:3px}}\n"] }]
|
|
441
429
|
}], ctorParameters: () => [], propDecorators: { _allLeadingIcons: [{
|
|
442
430
|
type: ContentChildren,
|
|
443
431
|
args: [CUTE_CHIP_AVATAR, { descendants: true }]
|
|
@@ -524,10 +512,10 @@ class CuteChipEditInput {
|
|
|
524
512
|
sel.removeAllRanges();
|
|
525
513
|
sel.addRange(range);
|
|
526
514
|
}
|
|
527
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
528
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
515
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipEditInput, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
516
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteChipEditInput, isStandalone: true, selector: "span[cuteChipEditInput]", host: { attributes: { "role": "textbox", "tabindex": "-1", "contenteditable": "true" }, classAttribute: "cute-chip-edit-input" }, ngImport: i0 }); }
|
|
529
517
|
}
|
|
530
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
518
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipEditInput, decorators: [{
|
|
531
519
|
type: Directive,
|
|
532
520
|
args: [{
|
|
533
521
|
selector: 'span[cuteChipEditInput]',
|
|
@@ -582,7 +570,7 @@ class CuteChipRow extends CuteChip {
|
|
|
582
570
|
return !this._isEditing && super._hasTrailingIcon();
|
|
583
571
|
}
|
|
584
572
|
/** Sends focus to the first gridcell when the user clicks anywhere inside the chip. */
|
|
585
|
-
_handleFocus() {
|
|
573
|
+
_handleFocus(event) {
|
|
586
574
|
if (!this._isEditing && !this.disabled) {
|
|
587
575
|
this.focus();
|
|
588
576
|
}
|
|
@@ -651,13 +639,13 @@ class CuteChipRow extends CuteChip {
|
|
|
651
639
|
_getEditInput() {
|
|
652
640
|
return this.contentEditInput || this.defaultEditInput;
|
|
653
641
|
}
|
|
654
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
655
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
642
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipRow, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
643
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: CuteChipRow, isStandalone: true, selector: "cute-chip-row, [cute-chip-row], cute-basic-chip-row, [cute-basic-chip-row]", inputs: { editable: "editable" }, outputs: { edited: "edited" }, host: { listeners: { "focus": "_handleFocus($event)", "dblclick": "_handleDoubleclick($event)" }, properties: { "class.cute-chip-with-avatar": "leadingIcon", "class.cute-chip-disabled": "disabled", "class.cute-chip-editing": "_isEditing", "class.cute-chip-editable": "editable", "class.cute-chip-highlighted": "highlighted", "class.cute-chip-with-trailing-icon": "_hasTrailingIcon()", "id": "id", "attr.tabindex": "disabled ? null : -1", "attr.aria-label": "null", "attr.aria-description": "null", "attr.role": "role" }, classAttribute: "cute-chip-row" }, providers: [
|
|
656
644
|
{ provide: CuteChip, useExisting: CuteChipRow },
|
|
657
645
|
{ provide: CUTE_CHIP, useExisting: CuteChipRow },
|
|
658
|
-
], queries: [{ propertyName: "contentEditInput", first: true, predicate: CuteChipEditInput, descendants: true }], viewQueries: [{ propertyName: "defaultEditInput", first: true, predicate: CuteChipEditInput, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (!_isEditing) {\r\n <span class=\"cute-chip-focus-overlay\"></span>\r\n}\r\n\r\n<span class=\"cute-chip__cell cute-chip__cell--primary\">\r\n <span class=\"cute-chip-action\" role=\"gridcell\"\r\n cuteChipAction\r\n [tabIndex]=\"tabIndex\"\r\n [disabled]=\"disabled\"\r\n [attr.aria-label]=\"ariaLabel\"\r\n [attr.aria-describedby]=\"_ariaDescriptionId\">\r\n @if (leadingIcon) {\r\n <span class=\"cute-chip-graphic\">\r\n <ng-content select=\"cute-avatar, cute-chip-avatar, [cuteChipAvatar]\"></ng-content>\r\n </span>\r\n }\r\n\r\n <span class=\"cute-chip__text-label cute-chip-action-label\">\r\n @if (_isEditing) {\r\n @if (contentEditInput) {\r\n <ng-content select=\"[cuteChipEditInput]\"></ng-content>\r\n } @else {\r\n <span cuteChipEditInput></span>\r\n }\r\n } @else {\r\n <ng-content></ng-content>\r\n }\r\n\r\n <span class=\"cute-chip-primary-focus-indicator cute-focus-indicator\" aria-hidden=\"true\"></span>\r\n </span>\r\n </span>\r\n</span>\r\n\r\n@if (_hasTrailingIcon()) {\r\n <span\r\n class=\"cute-chip__cell cute-chip__cell--trailing\"\r\n role=\"gridcell\">\r\n <ng-content select=\"cute-chip-trailing-icon,[cuteChipRemove],[cuteChipTrailingIcon]\"></ng-content>\r\n </span>\r\n}\r\n\r\n<span class=\"visually-hidden\" [id]=\"_ariaDescriptionId\">{{ariaDescription}}</span>\r\n", styles: [".cute-chip,.cute-chip-option,cute-chip-row{position:relative;display:inline-flex;align-items:center}.cute-chip.cute-static-chip,.cute-chip-option.cute-static-chip,cute-chip-row.cute-static-chip{--bs-btn-bg: rgba(var(--bs-body-color-rgb), .06);cursor:auto}.cute-chip .btn-sm,.cute-chip.btn-sm,.cute-chip-option .btn-sm,.cute-chip-option.btn-sm,cute-chip-row .btn-sm,cute-chip-row.btn-sm{--bs-btn-padding-y: .3125rem;--bs-btn-padding-x: .625rem}.cute-chip:hover,.cute-chip-option:hover,cute-chip-row:hover{--bs-btn-hover-bg: rgba(var(--bs-body-color-rgb), .1)}.cute-chip:active,.cute-chip-option:active,cute-chip-row:active{--bs-btn-active-bg: rgba(var(--bs-body-color-rgb), .14)}.cute-chip__cell [cuteChipAction],.cute-chip__cell .cute-chip-action{display:inline-flex;align-items:center;cursor:pointer;outline:none}.cute-chip__cell [cuteChipAction].cute-chip__action--presentational,.cute-chip__cell .cute-chip-action.cute-chip__action--presentational{cursor:auto}.cute-chip__cell [cuteChipAction]:not(button),.cute-chip__cell .cute-chip-action:not(button){gap:.5rem}.cute-chip__cell [cuteChipAction] .cute-chip__graphic,.cute-chip__cell .cute-chip-action .cute-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative}.cute-chip__cell [cuteChipAction] .cute-chip__graphic:empty,.cute-chip__cell .cute-chip-action .cute-chip__graphic:empty{display:none}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark{padding-left:2px;padding-right:4px}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{width:1.2rem}[dir=rtl] .cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,[dir=rtl] .cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{transform:rotateY(180deg)}.cute-chip__cell [cuteChipAction].disabled,.cute-chip__cell .cute-chip-action.disabled{cursor:auto}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:4px;padding-right:0;border:none;background:none;overflow:visible}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing .cute-icon,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing .cute-icon{overflow:visible}[dir=rtl] .cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,[dir=rtl] .cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:0;padding-right:4px}.cute-standard-chip{-webkit-tap-highlight-color:transparent}@media
|
|
646
|
+
], queries: [{ propertyName: "contentEditInput", first: true, predicate: CuteChipEditInput, descendants: true }], viewQueries: [{ propertyName: "defaultEditInput", first: true, predicate: CuteChipEditInput, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (!_isEditing) {\r\n <span class=\"cute-chip-focus-overlay\"></span>\r\n}\r\n\r\n<span class=\"cute-chip__cell cute-chip__cell--primary\">\r\n <span class=\"cute-chip-action\" role=\"gridcell\"\r\n cuteChipAction\r\n [tabIndex]=\"tabIndex\"\r\n [disabled]=\"disabled\"\r\n [attr.aria-label]=\"ariaLabel\"\r\n [attr.aria-describedby]=\"_ariaDescriptionId\">\r\n @if (leadingIcon) {\r\n <span class=\"cute-chip-graphic\">\r\n <ng-content select=\"cute-avatar, cute-chip-avatar, [cuteChipAvatar]\"></ng-content>\r\n </span>\r\n }\r\n\r\n <span class=\"cute-chip__text-label cute-chip-action-label\">\r\n @if (_isEditing) {\r\n @if (contentEditInput) {\r\n <ng-content select=\"[cuteChipEditInput]\"></ng-content>\r\n } @else {\r\n <span cuteChipEditInput></span>\r\n }\r\n } @else {\r\n <ng-content></ng-content>\r\n }\r\n\r\n <span class=\"cute-chip-primary-focus-indicator cute-focus-indicator\" aria-hidden=\"true\"></span>\r\n </span>\r\n </span>\r\n</span>\r\n\r\n@if (_hasTrailingIcon()) {\r\n <span\r\n class=\"cute-chip__cell cute-chip__cell--trailing\"\r\n role=\"gridcell\">\r\n <ng-content select=\"cute-chip-trailing-icon,[cuteChipRemove],[cuteChipTrailingIcon]\"></ng-content>\r\n </span>\r\n}\r\n\r\n<span class=\"visually-hidden\" [id]=\"_ariaDescriptionId\">{{ariaDescription}}</span>\r\n", styles: [".cute-chip,.cute-chip-option,cute-chip-row{position:relative;display:inline-flex;align-items:center}.cute-chip.cute-static-chip,.cute-chip-option.cute-static-chip,cute-chip-row.cute-static-chip{--bs-btn-bg: rgba(var(--bs-body-color-rgb), .06);cursor:auto}.cute-chip .btn-sm,.cute-chip.btn-sm,.cute-chip-option .btn-sm,.cute-chip-option.btn-sm,cute-chip-row .btn-sm,cute-chip-row.btn-sm{--bs-btn-padding-y: .3125rem;--bs-btn-padding-x: .625rem}.cute-chip:hover,.cute-chip-option:hover,cute-chip-row:hover{--bs-btn-hover-bg: rgba(var(--bs-body-color-rgb), .1)}.cute-chip:active,.cute-chip-option:active,cute-chip-row:active{--bs-btn-active-bg: rgba(var(--bs-body-color-rgb), .14)}.cute-chip__cell [cuteChipAction],.cute-chip__cell .cute-chip-action{display:inline-flex;align-items:center;cursor:pointer;outline:none}.cute-chip__cell [cuteChipAction].cute-chip__action--presentational,.cute-chip__cell .cute-chip-action.cute-chip__action--presentational{cursor:auto}.cute-chip__cell [cuteChipAction]:not(button),.cute-chip__cell .cute-chip-action:not(button){gap:.5rem}.cute-chip__cell [cuteChipAction] .cute-chip__graphic,.cute-chip__cell .cute-chip-action .cute-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative}.cute-chip__cell [cuteChipAction] .cute-chip__graphic:empty,.cute-chip__cell .cute-chip-action .cute-chip__graphic:empty{display:none}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark{padding-left:2px;padding-right:4px}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{width:1.2rem}[dir=rtl] .cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,[dir=rtl] .cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{transform:rotateY(180deg)}.cute-chip__cell [cuteChipAction].disabled,.cute-chip__cell .cute-chip-action.disabled{cursor:auto}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:4px;padding-right:0;border:none;background:none;overflow:visible}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing .cute-icon,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing .cute-icon{overflow:visible}[dir=rtl] .cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,[dir=rtl] .cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:0;padding-right:4px}.cute-standard-chip{-webkit-tap-highlight-color:transparent}@media(forced-colors:active){.cute-standard-chip{outline:solid 1px}.cute-standard-chip .cute-chip__checkmark-path{stroke:CanvasText!important}}.cute-standard-chip .cute-chip__icon--primary{--size: 18px;height:var(--size);width:var(--size);font-size:var(--size);border-radius:calc(var(--size) * 1.3);background:none}.cute-standard-chip .cute-chip__cell--primary{display:flex}.cute-standard-chip .cute-chip__cell--trailing{display:inline-flex;background-color:transparent;padding-left:.5rem;padding-right:0}[dir=rtl] .cute-standard-chip .cute-chip__cell--trailing{padding-left:0;padding-right:.5rem}.cute-standard-chip._cute-animation-noopable,.cute-standard-chip._cute-animation-noopable .cute-chip__graphic,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.cute-chip-focus-overlay{inset:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity .15s linear}._cute-animation-noopable .cute-chip-focus-overlay{transition:none}.cute-basic-chip .cute-chip-focus-overlay{display:none}.cute-chip-action-label{text-align:left;white-space:nowrap}[dir=rtl] .cute-chip-action-label{text-align:right}.cute-chip-primary-focus-indicator{position:absolute;inset:0;pointer-events:none}.cute-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}@media(forced-colors:active){.cute-chip-selected:not(.cute-chip-multiple){outline-width:3px}}\n"], dependencies: [{ kind: "directive", type: CuteChipAction, selector: "[cuteChipAction]", inputs: ["isInteractive", "disabled", "tabIndex", "_allowFocusWhenDisabled"] }, { kind: "directive", type: CuteChipEditInput, selector: "span[cuteChipEditInput]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
659
647
|
}
|
|
660
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
648
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipRow, decorators: [{
|
|
661
649
|
type: Component,
|
|
662
650
|
args: [{ selector: 'cute-chip-row, [cute-chip-row], cute-basic-chip-row, [cute-basic-chip-row]', host: {
|
|
663
651
|
'class': 'cute-chip-row',
|
|
@@ -686,7 +674,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
686
674
|
}, providers: [
|
|
687
675
|
{ provide: CuteChip, useExisting: CuteChipRow },
|
|
688
676
|
{ provide: CUTE_CHIP, useExisting: CuteChipRow },
|
|
689
|
-
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CuteChipAction, CuteChipEditInput], template: "@if (!_isEditing) {\r\n <span class=\"cute-chip-focus-overlay\"></span>\r\n}\r\n\r\n<span class=\"cute-chip__cell cute-chip__cell--primary\">\r\n <span class=\"cute-chip-action\" role=\"gridcell\"\r\n cuteChipAction\r\n [tabIndex]=\"tabIndex\"\r\n [disabled]=\"disabled\"\r\n [attr.aria-label]=\"ariaLabel\"\r\n [attr.aria-describedby]=\"_ariaDescriptionId\">\r\n @if (leadingIcon) {\r\n <span class=\"cute-chip-graphic\">\r\n <ng-content select=\"cute-avatar, cute-chip-avatar, [cuteChipAvatar]\"></ng-content>\r\n </span>\r\n }\r\n\r\n <span class=\"cute-chip__text-label cute-chip-action-label\">\r\n @if (_isEditing) {\r\n @if (contentEditInput) {\r\n <ng-content select=\"[cuteChipEditInput]\"></ng-content>\r\n } @else {\r\n <span cuteChipEditInput></span>\r\n }\r\n } @else {\r\n <ng-content></ng-content>\r\n }\r\n\r\n <span class=\"cute-chip-primary-focus-indicator cute-focus-indicator\" aria-hidden=\"true\"></span>\r\n </span>\r\n </span>\r\n</span>\r\n\r\n@if (_hasTrailingIcon()) {\r\n <span\r\n class=\"cute-chip__cell cute-chip__cell--trailing\"\r\n role=\"gridcell\">\r\n <ng-content select=\"cute-chip-trailing-icon,[cuteChipRemove],[cuteChipTrailingIcon]\"></ng-content>\r\n </span>\r\n}\r\n\r\n<span class=\"visually-hidden\" [id]=\"_ariaDescriptionId\">{{ariaDescription}}</span>\r\n", styles: [".cute-chip,.cute-chip-option,cute-chip-row{position:relative;display:inline-flex;align-items:center}.cute-chip.cute-static-chip,.cute-chip-option.cute-static-chip,cute-chip-row.cute-static-chip{--bs-btn-bg: rgba(var(--bs-body-color-rgb), .06);cursor:auto}.cute-chip .btn-sm,.cute-chip.btn-sm,.cute-chip-option .btn-sm,.cute-chip-option.btn-sm,cute-chip-row .btn-sm,cute-chip-row.btn-sm{--bs-btn-padding-y: .3125rem;--bs-btn-padding-x: .625rem}.cute-chip:hover,.cute-chip-option:hover,cute-chip-row:hover{--bs-btn-hover-bg: rgba(var(--bs-body-color-rgb), .1)}.cute-chip:active,.cute-chip-option:active,cute-chip-row:active{--bs-btn-active-bg: rgba(var(--bs-body-color-rgb), .14)}.cute-chip__cell [cuteChipAction],.cute-chip__cell .cute-chip-action{display:inline-flex;align-items:center;cursor:pointer;outline:none}.cute-chip__cell [cuteChipAction].cute-chip__action--presentational,.cute-chip__cell .cute-chip-action.cute-chip__action--presentational{cursor:auto}.cute-chip__cell [cuteChipAction]:not(button),.cute-chip__cell .cute-chip-action:not(button){gap:.5rem}.cute-chip__cell [cuteChipAction] .cute-chip__graphic,.cute-chip__cell .cute-chip-action .cute-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative}.cute-chip__cell [cuteChipAction] .cute-chip__graphic:empty,.cute-chip__cell .cute-chip-action .cute-chip__graphic:empty{display:none}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark{padding-left:2px;padding-right:4px}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{width:1.2rem}[dir=rtl] .cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,[dir=rtl] .cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{transform:rotateY(180deg)}.cute-chip__cell [cuteChipAction].disabled,.cute-chip__cell .cute-chip-action.disabled{cursor:auto}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:4px;padding-right:0;border:none;background:none;overflow:visible}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing .cute-icon,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing .cute-icon{overflow:visible}[dir=rtl] .cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,[dir=rtl] .cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:0;padding-right:4px}.cute-standard-chip{-webkit-tap-highlight-color:transparent}@media
|
|
677
|
+
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CuteChipAction, CuteChipEditInput], template: "@if (!_isEditing) {\r\n <span class=\"cute-chip-focus-overlay\"></span>\r\n}\r\n\r\n<span class=\"cute-chip__cell cute-chip__cell--primary\">\r\n <span class=\"cute-chip-action\" role=\"gridcell\"\r\n cuteChipAction\r\n [tabIndex]=\"tabIndex\"\r\n [disabled]=\"disabled\"\r\n [attr.aria-label]=\"ariaLabel\"\r\n [attr.aria-describedby]=\"_ariaDescriptionId\">\r\n @if (leadingIcon) {\r\n <span class=\"cute-chip-graphic\">\r\n <ng-content select=\"cute-avatar, cute-chip-avatar, [cuteChipAvatar]\"></ng-content>\r\n </span>\r\n }\r\n\r\n <span class=\"cute-chip__text-label cute-chip-action-label\">\r\n @if (_isEditing) {\r\n @if (contentEditInput) {\r\n <ng-content select=\"[cuteChipEditInput]\"></ng-content>\r\n } @else {\r\n <span cuteChipEditInput></span>\r\n }\r\n } @else {\r\n <ng-content></ng-content>\r\n }\r\n\r\n <span class=\"cute-chip-primary-focus-indicator cute-focus-indicator\" aria-hidden=\"true\"></span>\r\n </span>\r\n </span>\r\n</span>\r\n\r\n@if (_hasTrailingIcon()) {\r\n <span\r\n class=\"cute-chip__cell cute-chip__cell--trailing\"\r\n role=\"gridcell\">\r\n <ng-content select=\"cute-chip-trailing-icon,[cuteChipRemove],[cuteChipTrailingIcon]\"></ng-content>\r\n </span>\r\n}\r\n\r\n<span class=\"visually-hidden\" [id]=\"_ariaDescriptionId\">{{ariaDescription}}</span>\r\n", styles: [".cute-chip,.cute-chip-option,cute-chip-row{position:relative;display:inline-flex;align-items:center}.cute-chip.cute-static-chip,.cute-chip-option.cute-static-chip,cute-chip-row.cute-static-chip{--bs-btn-bg: rgba(var(--bs-body-color-rgb), .06);cursor:auto}.cute-chip .btn-sm,.cute-chip.btn-sm,.cute-chip-option .btn-sm,.cute-chip-option.btn-sm,cute-chip-row .btn-sm,cute-chip-row.btn-sm{--bs-btn-padding-y: .3125rem;--bs-btn-padding-x: .625rem}.cute-chip:hover,.cute-chip-option:hover,cute-chip-row:hover{--bs-btn-hover-bg: rgba(var(--bs-body-color-rgb), .1)}.cute-chip:active,.cute-chip-option:active,cute-chip-row:active{--bs-btn-active-bg: rgba(var(--bs-body-color-rgb), .14)}.cute-chip__cell [cuteChipAction],.cute-chip__cell .cute-chip-action{display:inline-flex;align-items:center;cursor:pointer;outline:none}.cute-chip__cell [cuteChipAction].cute-chip__action--presentational,.cute-chip__cell .cute-chip-action.cute-chip__action--presentational{cursor:auto}.cute-chip__cell [cuteChipAction]:not(button),.cute-chip__cell .cute-chip-action:not(button){gap:.5rem}.cute-chip__cell [cuteChipAction] .cute-chip__graphic,.cute-chip__cell .cute-chip-action .cute-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative}.cute-chip__cell [cuteChipAction] .cute-chip__graphic:empty,.cute-chip__cell .cute-chip-action .cute-chip__graphic:empty{display:none}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark{padding-left:2px;padding-right:4px}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{width:1.2rem}[dir=rtl] .cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,[dir=rtl] .cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{transform:rotateY(180deg)}.cute-chip__cell [cuteChipAction].disabled,.cute-chip__cell .cute-chip-action.disabled{cursor:auto}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:4px;padding-right:0;border:none;background:none;overflow:visible}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing .cute-icon,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing .cute-icon{overflow:visible}[dir=rtl] .cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,[dir=rtl] .cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:0;padding-right:4px}.cute-standard-chip{-webkit-tap-highlight-color:transparent}@media(forced-colors:active){.cute-standard-chip{outline:solid 1px}.cute-standard-chip .cute-chip__checkmark-path{stroke:CanvasText!important}}.cute-standard-chip .cute-chip__icon--primary{--size: 18px;height:var(--size);width:var(--size);font-size:var(--size);border-radius:calc(var(--size) * 1.3);background:none}.cute-standard-chip .cute-chip__cell--primary{display:flex}.cute-standard-chip .cute-chip__cell--trailing{display:inline-flex;background-color:transparent;padding-left:.5rem;padding-right:0}[dir=rtl] .cute-standard-chip .cute-chip__cell--trailing{padding-left:0;padding-right:.5rem}.cute-standard-chip._cute-animation-noopable,.cute-standard-chip._cute-animation-noopable .cute-chip__graphic,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.cute-chip-focus-overlay{inset:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity .15s linear}._cute-animation-noopable .cute-chip-focus-overlay{transition:none}.cute-basic-chip .cute-chip-focus-overlay{display:none}.cute-chip-action-label{text-align:left;white-space:nowrap}[dir=rtl] .cute-chip-action-label{text-align:right}.cute-chip-primary-focus-indicator{position:absolute;inset:0;pointer-events:none}.cute-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}@media(forced-colors:active){.cute-chip-selected:not(.cute-chip-multiple){outline-width:3px}}\n"] }]
|
|
690
678
|
}], ctorParameters: () => [], propDecorators: { editable: [{
|
|
691
679
|
type: Input
|
|
692
680
|
}], edited: [{
|
|
@@ -950,14 +938,14 @@ class CuteChipSet {
|
|
|
950
938
|
}
|
|
951
939
|
this._lastDestroyedFocusedChipIndex = null;
|
|
952
940
|
}
|
|
953
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
954
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "
|
|
941
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipSet, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
942
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.2.0", type: CuteChipSet, isStandalone: true, selector: "cute-chip-set", inputs: { disabled: ["disabled", "disabled", booleanAttribute], role: "role", tabIndex: ["tabIndex", "tabIndex", (value) => (value == null ? 0 : numberAttribute(value))] }, host: { listeners: { "keydown": "_handleKeydown($event)" }, properties: { "attr.role": "role" }, classAttribute: "cute-chip-set" }, queries: [{ propertyName: "_chips", predicate: CuteChip, descendants: true }], ngImport: i0, template: `
|
|
955
943
|
<div class="cute-chip-set__chips" role="presentation">
|
|
956
944
|
<ng-content></ng-content>
|
|
957
945
|
</div>
|
|
958
946
|
`, isInline: true, styles: [".cute-chip-listbox,.cute-chip-grid,.cute-chip-set{display:flex;width:100%;background-color:var(--bs-body-bg)}.cute-chip-listbox .cute-chip-set__chips,.cute-chip-grid .cute-chip-set__chips,.cute-chip-set .cute-chip-set__chips{display:flex;flex-flow:wrap;gap:.375rem;min-width:100%}.cute-form-field .cute-chip-listbox,.cute-form-field .cute-chip-grid,.cute-form-field .cute-chip-set{min-height:58px}.cute-chip-grid-focused{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.cute-chip-set-stacked .cute-chip-set__chips{flex-direction:column;align-items:flex-start}.cute-chip-set-stacked .cute-chip-set__chips .cute-chip{display:block;width:100%}.cute-chip-set-stacked .cute-chip-set__chips .cute-chip__graphic{flex-grow:0}.cute-chip-set-stacked .cute-chip-set__chips .cute-chip-action,.cute-chip-set-stacked .cute-chip-set__chips .cute-chip__action--primary{flex-basis:100%;justify-content:start;width:100%}input.cute-chip-input{flex:1 0 150px;margin-left:.25rem;border:none;outline:none;background:none;transition:opacity .15s 0ms cubic-bezier(.4,0,.2,1)}input.cute-chip-input:not(:focus){opacity:.75}[dir=rtl] input.cute-chip-input{margin-left:0;margin-right:.25rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
959
947
|
}
|
|
960
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
948
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipSet, decorators: [{
|
|
961
949
|
type: Component,
|
|
962
950
|
args: [{ selector: 'cute-chip-set', template: `
|
|
963
951
|
<div class="cute-chip-set__chips" role="presentation">
|
|
@@ -1321,14 +1309,14 @@ class CuteChipGrid extends CuteChipSet {
|
|
|
1321
1309
|
this._changeDetectorRef.markForCheck();
|
|
1322
1310
|
this.stateChanges.next();
|
|
1323
1311
|
}
|
|
1324
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1325
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "
|
|
1312
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipGrid, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1313
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.2.0", type: CuteChipGrid, isStandalone: true, selector: "cute-chip-grid", inputs: { disabled: ["disabled", "disabled", booleanAttribute], placeholder: "placeholder", required: ["required", "required", booleanAttribute], value: "value", errorStateMatcher: "errorStateMatcher" }, outputs: { change: "change", valueChange: "valueChange" }, host: { listeners: { "focus": "focus()", "blur": "_blur()" }, properties: { "attr.role": "role", "attr.tabindex": "(disabled || (_chips && _chips.length === 0)) ? -1 : tabIndex", "attr.aria-disabled": "disabled", "attr.aria-invalid": "errorState", "class.cute-chip-list-disabled": "disabled", "class.cute-chip-list-invalid": "errorState", "class.cute-chip-list-required": "required" }, classAttribute: "cute-chip-grid input-group-text" }, providers: [{ provide: CuteFormFieldControl, useExisting: CuteChipGrid }], queries: [{ propertyName: "_chips", predicate: CuteChipRow, descendants: true }], usesInheritance: true, ngImport: i0, template: `
|
|
1326
1314
|
<div class="cute-chip-set__chips" role="presentation">
|
|
1327
1315
|
<ng-content></ng-content>
|
|
1328
1316
|
</div>
|
|
1329
1317
|
`, isInline: true, styles: [".cute-chip-listbox,.cute-chip-grid,.cute-chip-set{display:flex;width:100%;background-color:var(--bs-body-bg)}.cute-chip-listbox .cute-chip-set__chips,.cute-chip-grid .cute-chip-set__chips,.cute-chip-set .cute-chip-set__chips{display:flex;flex-flow:wrap;gap:.375rem;min-width:100%}.cute-form-field .cute-chip-listbox,.cute-form-field .cute-chip-grid,.cute-form-field .cute-chip-set{min-height:58px}.cute-chip-grid-focused{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.cute-chip-set-stacked .cute-chip-set__chips{flex-direction:column;align-items:flex-start}.cute-chip-set-stacked .cute-chip-set__chips .cute-chip{display:block;width:100%}.cute-chip-set-stacked .cute-chip-set__chips .cute-chip__graphic{flex-grow:0}.cute-chip-set-stacked .cute-chip-set__chips .cute-chip-action,.cute-chip-set-stacked .cute-chip-set__chips .cute-chip__action--primary{flex-basis:100%;justify-content:start;width:100%}input.cute-chip-input{flex:1 0 150px;margin-left:.25rem;border:none;outline:none;background:none;transition:opacity .15s 0ms cubic-bezier(.4,0,.2,1)}input.cute-chip-input:not(:focus){opacity:.75}[dir=rtl] input.cute-chip-input{margin-left:0;margin-right:.25rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1330
1318
|
}
|
|
1331
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1319
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipGrid, decorators: [{
|
|
1332
1320
|
type: Component,
|
|
1333
1321
|
args: [{ selector: 'cute-chip-grid', template: `
|
|
1334
1322
|
<div class="cute-chip-set__chips" role="presentation">
|
|
@@ -1384,10 +1372,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
1384
1372
|
*/
|
|
1385
1373
|
/** Avatar image within a chip. */
|
|
1386
1374
|
class CuteChipAvatar {
|
|
1387
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1388
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1375
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipAvatar, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1376
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteChipAvatar, isStandalone: true, selector: "cute-chip-avatar, [cuteChipAvatar]", host: { attributes: { "role": "img" }, classAttribute: "cute-chip-avatar cute-chip__icon cute-chip__icon--primary" }, providers: [{ provide: CUTE_CHIP_AVATAR, useExisting: CuteChipAvatar }], ngImport: i0 }); }
|
|
1389
1377
|
}
|
|
1390
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1378
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipAvatar, decorators: [{
|
|
1391
1379
|
type: Directive,
|
|
1392
1380
|
args: [{
|
|
1393
1381
|
selector: 'cute-chip-avatar, [cuteChipAvatar]',
|
|
@@ -1410,10 +1398,10 @@ class CuteChipTrailingIcon extends CuteChipAction {
|
|
|
1410
1398
|
this.isInteractive = false;
|
|
1411
1399
|
this._isPrimary = false;
|
|
1412
1400
|
}
|
|
1413
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1414
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1401
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipTrailingIcon, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1402
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteChipTrailingIcon, isStandalone: true, selector: "cute-chip-trailing-icon, [cuteChipTrailingIcon]", host: { attributes: { "aria-hidden": "true" }, classAttribute: "cute-chip-trailing-icon cute-chip__icon cute-chip__icon--trailing" }, providers: [{ provide: CUTE_CHIP_TRAILING_ICON, useExisting: CuteChipTrailingIcon }], usesInheritance: true, ngImport: i0 }); }
|
|
1415
1403
|
}
|
|
1416
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1404
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipTrailingIcon, decorators: [{
|
|
1417
1405
|
type: Directive,
|
|
1418
1406
|
args: [{
|
|
1419
1407
|
selector: 'cute-chip-trailing-icon, [cuteChipTrailingIcon]',
|
|
@@ -1462,10 +1450,10 @@ class CuteChipEdit extends CuteChipAction {
|
|
|
1462
1450
|
this._parentChip._edit();
|
|
1463
1451
|
}
|
|
1464
1452
|
}
|
|
1465
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1466
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1453
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipEdit, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1454
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteChipEdit, isStandalone: true, selector: "[cuteChipEdit]", host: { attributes: { "role": "button" }, properties: { "attr.aria-hidden": "null" }, classAttribute: "cute-chip-edit cute-chip-avatar cute-focus-indicator cute-chip__icon cute-chip__icon--primary" }, providers: [{ provide: CUTE_CHIP_EDIT, useExisting: CuteChipEdit }], usesInheritance: true, ngImport: i0 }); }
|
|
1467
1455
|
}
|
|
1468
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1456
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipEdit, decorators: [{
|
|
1469
1457
|
type: Directive,
|
|
1470
1458
|
args: [{
|
|
1471
1459
|
selector: '[cuteChipEdit]',
|
|
@@ -1512,10 +1500,10 @@ class CuteChipRemove extends CuteChipAction {
|
|
|
1512
1500
|
this._parentChip.remove();
|
|
1513
1501
|
}
|
|
1514
1502
|
}
|
|
1515
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1516
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1503
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipRemove, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1504
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteChipRemove, isStandalone: true, selector: "[cuteChipRemove]", host: { attributes: { "role": "button" }, properties: { "attr.aria-hidden": "null" }, classAttribute: "cute-chip-remove cute-chip-trailing-icon cute-focus-indicator cute-chip__icon cute-chip__icon--trailing cute-chip__action" }, providers: [{ provide: CUTE_CHIP_REMOVE, useExisting: CuteChipRemove }], usesInheritance: true, ngImport: i0 }); }
|
|
1517
1505
|
}
|
|
1518
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1506
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipRemove, decorators: [{
|
|
1519
1507
|
type: Directive,
|
|
1520
1508
|
args: [{
|
|
1521
1509
|
selector: '[cuteChipRemove]',
|
|
@@ -1680,10 +1668,10 @@ class CuteChipInput {
|
|
|
1680
1668
|
_getReadonlyAttribute() {
|
|
1681
1669
|
return this.readonly || (this.disabled && this.disabledInteractive) ? 'true' : null;
|
|
1682
1670
|
}
|
|
1683
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1684
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "
|
|
1671
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipInput, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1672
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.2.0", type: CuteChipInput, isStandalone: true, selector: "input[cuteChipInputFor]", inputs: { chipGrid: ["cuteChipInputFor", "chipGrid"], addOnBlur: ["cuteChipInputAddOnBlur", "addOnBlur", booleanAttribute], separatorKeyCodes: ["cuteChipInputSeparatorKeyCodes", "separatorKeyCodes"], placeholder: "placeholder", id: "id", disabled: ["disabled", "disabled", booleanAttribute], readonly: ["readonly", "readonly", booleanAttribute], disabledInteractive: ["cuteChipInputDisabledInteractive", "disabledInteractive", booleanAttribute] }, outputs: { chipEnd: "cuteChipInputTokenEnd" }, host: { listeners: { "keydown": "_keydown($event)", "blur": "_blur()", "focus": "_focus()", "input": "_onInput()" }, properties: { "id": "id", "attr.disabled": "disabled && !disabledInteractive ? \"\" : null", "attr.placeholder": "placeholder || null", "attr.aria-invalid": "chipGrid && chipGrid.ngControl ? chipGrid.ngControl.invalid : null", "attr.aria-required": "(chipGrid && chipGrid.required) || null", "attr.aria-disabled": "disabled && disabledInteractive ? \"true\" : null", "attr.readonly": "_getReadonlyAttribute()", "attr.required": "(chipGrid && chipGrid.required) || null" }, classAttribute: "cute-chip-input" }, exportAs: ["cuteChipInput", "cuteChipInputFor"], usesOnChanges: true, ngImport: i0 }); }
|
|
1685
1673
|
}
|
|
1686
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1674
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipInput, decorators: [{
|
|
1687
1675
|
type: Directive,
|
|
1688
1676
|
args: [{
|
|
1689
1677
|
selector: 'input[cuteChipInputFor]',
|
|
@@ -1860,13 +1848,13 @@ class CuteChipOption extends CuteChip {
|
|
|
1860
1848
|
this.markForCheck();
|
|
1861
1849
|
}
|
|
1862
1850
|
}
|
|
1863
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1864
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1851
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipOption, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
1852
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: CuteChipOption, isStandalone: true, selector: "cute-basic-chip-option, [cute-basic-chip-option], cute-chip-option, [cute-chip-option]", inputs: { selectable: ["selectable", "selectable", booleanAttribute], selected: ["selected", "selected", booleanAttribute] }, outputs: { selectionChange: "selectionChange" }, host: { properties: { "class.cute-chip-disabled": "disabled", "class.cute-chip-highlighted": "highlighted", "class.cute-chip-with-trailing-icon": "_hasTrailingIcon()", "class.cute-chip-selected": "selected", "class.cute-chip-multiple": "_chipListMultiple", "class.cute-chip-with-avatar": "leadingIcon", "attr.tabindex": "null", "attr.aria-label": "null", "attr.aria-description": "null", "attr.role": "role", "id": "id" }, classAttribute: "cute-chip-option" }, providers: [
|
|
1865
1853
|
{ provide: CuteChip, useExisting: CuteChipOption },
|
|
1866
1854
|
{ provide: CUTE_CHIP, useExisting: CuteChipOption },
|
|
1867
|
-
], usesInheritance: true, ngImport: i0, template: "<span class=\"cute-chip-focus-overlay\"></span>\r\n\r\n<span class=\"cute-chip__cell cute-chip__cell--primary\">\r\n <button\r\n cuteButton=\"outline-button\"\r\n class=\"cute-chip-action rounded-pill text-nowrap\"\r\n [class.active]=\"selected\"\r\n magnitude=\"small\"\r\n [color]=\"color\"\r\n [tabIndex]=\"tabIndex\"\r\n [disabled]=\"disabled\"\r\n [attr.aria-selected]=\"ariaSelected\"\r\n [attr.aria-label]=\"ariaLabel\"\r\n [attr.aria-describedby]=\"_ariaDescriptionId\"\r\n data-bs-toggle=\"button\"\r\n role=\"option\"\r\n (click)=\"_handlePrimaryActionInteraction()\">\r\n @if (_hasLeadingGraphic()) {\r\n <span cuteButtonIcon class=\"cute-chip-graphic cute-chip__graphic\">\r\n <ng-content select=\"cute-avatar, cute-chip-avatar, [cuteChipAvatar]\"></ng-content>\r\n @if (selected && !leadingIcon ) {\r\n <span class=\"cute-chip__checkmark\">\r\n <svg\r\n class=\"cute-chip__checkmark-svg\"\r\n viewBox=\"-2 2 24 24\"\r\n focusable=\"false\"\r\n aria-hidden=\"true\">\r\n <path class=\"cute-chip__checkmark-path\"\r\n fill=\"none\" stroke=\"currentColor\" d=\"M1.73,12.91 8.1,19.28 22.79,4.59\" />\r\n </svg>\r\n </span>\r\n }\r\n </span>\r\n }\r\n <span class=\"cute-chip__text-label cute-chip-action-label\">\r\n <ng-content></ng-content>\r\n <span class=\"cute-chip-primary-focus-indicator\"></span>\r\n </span>\r\n </button>\r\n</span>\r\n\r\n@if (_hasTrailingIcon()) {\r\n <span class=\"cute-chip__cell cute-chip__cell--trailing\">\r\n <ng-content select=\"cute-chip-trailing-icon,[cuteChipRemove],[cuteChipTrailingIcon]\"></ng-content>\r\n </span>\r\n}\r\n\r\n<span class=\"visually-hidden\" [id]=\"_ariaDescriptionId\">{{ariaDescription}}</span>\r\n", styles: [".cute-chip,.cute-chip-option,cute-chip-row{position:relative;display:inline-flex;align-items:center}.cute-chip.cute-static-chip,.cute-chip-option.cute-static-chip,cute-chip-row.cute-static-chip{--bs-btn-bg: rgba(var(--bs-body-color-rgb), .06);cursor:auto}.cute-chip .btn-sm,.cute-chip.btn-sm,.cute-chip-option .btn-sm,.cute-chip-option.btn-sm,cute-chip-row .btn-sm,cute-chip-row.btn-sm{--bs-btn-padding-y: .3125rem;--bs-btn-padding-x: .625rem}.cute-chip:hover,.cute-chip-option:hover,cute-chip-row:hover{--bs-btn-hover-bg: rgba(var(--bs-body-color-rgb), .1)}.cute-chip:active,.cute-chip-option:active,cute-chip-row:active{--bs-btn-active-bg: rgba(var(--bs-body-color-rgb), .14)}.cute-chip__cell [cuteChipAction],.cute-chip__cell .cute-chip-action{display:inline-flex;align-items:center;cursor:pointer;outline:none}.cute-chip__cell [cuteChipAction].cute-chip__action--presentational,.cute-chip__cell .cute-chip-action.cute-chip__action--presentational{cursor:auto}.cute-chip__cell [cuteChipAction]:not(button),.cute-chip__cell .cute-chip-action:not(button){gap:.5rem}.cute-chip__cell [cuteChipAction] .cute-chip__graphic,.cute-chip__cell .cute-chip-action .cute-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative}.cute-chip__cell [cuteChipAction] .cute-chip__graphic:empty,.cute-chip__cell .cute-chip-action .cute-chip__graphic:empty{display:none}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark{padding-left:2px;padding-right:4px}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{width:1.2rem}[dir=rtl] .cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,[dir=rtl] .cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{transform:rotateY(180deg)}.cute-chip__cell [cuteChipAction].disabled,.cute-chip__cell .cute-chip-action.disabled{cursor:auto}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:4px;padding-right:0;border:none;background:none;overflow:visible}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing .cute-icon,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing .cute-icon{overflow:visible}[dir=rtl] .cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,[dir=rtl] .cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:0;padding-right:4px}.cute-standard-chip{-webkit-tap-highlight-color:transparent}@media
|
|
1855
|
+
], usesInheritance: true, ngImport: i0, template: "<span class=\"cute-chip-focus-overlay\"></span>\r\n\r\n<span class=\"cute-chip__cell cute-chip__cell--primary\">\r\n <button\r\n cuteButton=\"outline-button\"\r\n class=\"cute-chip-action rounded-pill text-nowrap\"\r\n [class.active]=\"selected\"\r\n magnitude=\"small\"\r\n [color]=\"color\"\r\n [tabIndex]=\"tabIndex\"\r\n [disabled]=\"disabled\"\r\n [attr.aria-selected]=\"ariaSelected\"\r\n [attr.aria-label]=\"ariaLabel\"\r\n [attr.aria-describedby]=\"_ariaDescriptionId\"\r\n data-bs-toggle=\"button\"\r\n role=\"option\"\r\n (click)=\"_handlePrimaryActionInteraction()\">\r\n @if (_hasLeadingGraphic()) {\r\n <span cuteButtonIcon class=\"cute-chip-graphic cute-chip__graphic\">\r\n <ng-content select=\"cute-avatar, cute-chip-avatar, [cuteChipAvatar]\"></ng-content>\r\n @if (selected && !leadingIcon ) {\r\n <span class=\"cute-chip__checkmark\">\r\n <svg\r\n class=\"cute-chip__checkmark-svg\"\r\n viewBox=\"-2 2 24 24\"\r\n focusable=\"false\"\r\n aria-hidden=\"true\">\r\n <path class=\"cute-chip__checkmark-path\"\r\n fill=\"none\" stroke=\"currentColor\" d=\"M1.73,12.91 8.1,19.28 22.79,4.59\" />\r\n </svg>\r\n </span>\r\n }\r\n </span>\r\n }\r\n <span class=\"cute-chip__text-label cute-chip-action-label\">\r\n <ng-content></ng-content>\r\n <span class=\"cute-chip-primary-focus-indicator\"></span>\r\n </span>\r\n </button>\r\n</span>\r\n\r\n@if (_hasTrailingIcon()) {\r\n <span class=\"cute-chip__cell cute-chip__cell--trailing\">\r\n <ng-content select=\"cute-chip-trailing-icon,[cuteChipRemove],[cuteChipTrailingIcon]\"></ng-content>\r\n </span>\r\n}\r\n\r\n<span class=\"visually-hidden\" [id]=\"_ariaDescriptionId\">{{ariaDescription}}</span>\r\n", styles: [".cute-chip,.cute-chip-option,cute-chip-row{position:relative;display:inline-flex;align-items:center}.cute-chip.cute-static-chip,.cute-chip-option.cute-static-chip,cute-chip-row.cute-static-chip{--bs-btn-bg: rgba(var(--bs-body-color-rgb), .06);cursor:auto}.cute-chip .btn-sm,.cute-chip.btn-sm,.cute-chip-option .btn-sm,.cute-chip-option.btn-sm,cute-chip-row .btn-sm,cute-chip-row.btn-sm{--bs-btn-padding-y: .3125rem;--bs-btn-padding-x: .625rem}.cute-chip:hover,.cute-chip-option:hover,cute-chip-row:hover{--bs-btn-hover-bg: rgba(var(--bs-body-color-rgb), .1)}.cute-chip:active,.cute-chip-option:active,cute-chip-row:active{--bs-btn-active-bg: rgba(var(--bs-body-color-rgb), .14)}.cute-chip__cell [cuteChipAction],.cute-chip__cell .cute-chip-action{display:inline-flex;align-items:center;cursor:pointer;outline:none}.cute-chip__cell [cuteChipAction].cute-chip__action--presentational,.cute-chip__cell .cute-chip-action.cute-chip__action--presentational{cursor:auto}.cute-chip__cell [cuteChipAction]:not(button),.cute-chip__cell .cute-chip-action:not(button){gap:.5rem}.cute-chip__cell [cuteChipAction] .cute-chip__graphic,.cute-chip__cell .cute-chip-action .cute-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative}.cute-chip__cell [cuteChipAction] .cute-chip__graphic:empty,.cute-chip__cell .cute-chip-action .cute-chip__graphic:empty{display:none}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark{padding-left:2px;padding-right:4px}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{width:1.2rem}[dir=rtl] .cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,[dir=rtl] .cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{transform:rotateY(180deg)}.cute-chip__cell [cuteChipAction].disabled,.cute-chip__cell .cute-chip-action.disabled{cursor:auto}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:4px;padding-right:0;border:none;background:none;overflow:visible}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing .cute-icon,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing .cute-icon{overflow:visible}[dir=rtl] .cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,[dir=rtl] .cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:0;padding-right:4px}.cute-standard-chip{-webkit-tap-highlight-color:transparent}@media(forced-colors:active){.cute-standard-chip{outline:solid 1px}.cute-standard-chip .cute-chip__checkmark-path{stroke:CanvasText!important}}.cute-standard-chip .cute-chip__icon--primary{--size: 18px;height:var(--size);width:var(--size);font-size:var(--size);border-radius:calc(var(--size) * 1.3);background:none}.cute-standard-chip .cute-chip__cell--primary{display:flex}.cute-standard-chip .cute-chip__cell--trailing{display:inline-flex;background-color:transparent;padding-left:.5rem;padding-right:0}[dir=rtl] .cute-standard-chip .cute-chip__cell--trailing{padding-left:0;padding-right:.5rem}.cute-standard-chip._cute-animation-noopable,.cute-standard-chip._cute-animation-noopable .cute-chip__graphic,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.cute-chip-focus-overlay{inset:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity .15s linear}._cute-animation-noopable .cute-chip-focus-overlay{transition:none}.cute-basic-chip .cute-chip-focus-overlay{display:none}.cute-chip-action-label{text-align:left;white-space:nowrap}[dir=rtl] .cute-chip-action-label{text-align:right}.cute-chip-primary-focus-indicator{position:absolute;inset:0;pointer-events:none}.cute-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}@media(forced-colors:active){.cute-chip-selected:not(.cute-chip-multiple){outline-width:3px}}\n"], dependencies: [{ kind: "component", type: CuteButton, selector: "button[cuteButton], button[cute-button], a[cuteButton], a[cute-button], ", exportAs: ["cuteButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1868
1856
|
}
|
|
1869
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1857
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipOption, decorators: [{
|
|
1870
1858
|
type: Component,
|
|
1871
1859
|
args: [{ selector: 'cute-basic-chip-option, [cute-basic-chip-option], cute-chip-option, [cute-chip-option]', host: {
|
|
1872
1860
|
'class': 'cute-chip-option',
|
|
@@ -1900,7 +1888,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
1900
1888
|
}, providers: [
|
|
1901
1889
|
{ provide: CuteChip, useExisting: CuteChipOption },
|
|
1902
1890
|
{ provide: CUTE_CHIP, useExisting: CuteChipOption },
|
|
1903
|
-
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CuteChipAction, CuteButton], template: "<span class=\"cute-chip-focus-overlay\"></span>\r\n\r\n<span class=\"cute-chip__cell cute-chip__cell--primary\">\r\n <button\r\n cuteButton=\"outline-button\"\r\n class=\"cute-chip-action rounded-pill text-nowrap\"\r\n [class.active]=\"selected\"\r\n magnitude=\"small\"\r\n [color]=\"color\"\r\n [tabIndex]=\"tabIndex\"\r\n [disabled]=\"disabled\"\r\n [attr.aria-selected]=\"ariaSelected\"\r\n [attr.aria-label]=\"ariaLabel\"\r\n [attr.aria-describedby]=\"_ariaDescriptionId\"\r\n data-bs-toggle=\"button\"\r\n role=\"option\"\r\n (click)=\"_handlePrimaryActionInteraction()\">\r\n @if (_hasLeadingGraphic()) {\r\n <span cuteButtonIcon class=\"cute-chip-graphic cute-chip__graphic\">\r\n <ng-content select=\"cute-avatar, cute-chip-avatar, [cuteChipAvatar]\"></ng-content>\r\n @if (selected && !leadingIcon ) {\r\n <span class=\"cute-chip__checkmark\">\r\n <svg\r\n class=\"cute-chip__checkmark-svg\"\r\n viewBox=\"-2 2 24 24\"\r\n focusable=\"false\"\r\n aria-hidden=\"true\">\r\n <path class=\"cute-chip__checkmark-path\"\r\n fill=\"none\" stroke=\"currentColor\" d=\"M1.73,12.91 8.1,19.28 22.79,4.59\" />\r\n </svg>\r\n </span>\r\n }\r\n </span>\r\n }\r\n <span class=\"cute-chip__text-label cute-chip-action-label\">\r\n <ng-content></ng-content>\r\n <span class=\"cute-chip-primary-focus-indicator\"></span>\r\n </span>\r\n </button>\r\n</span>\r\n\r\n@if (_hasTrailingIcon()) {\r\n <span class=\"cute-chip__cell cute-chip__cell--trailing\">\r\n <ng-content select=\"cute-chip-trailing-icon,[cuteChipRemove],[cuteChipTrailingIcon]\"></ng-content>\r\n </span>\r\n}\r\n\r\n<span class=\"visually-hidden\" [id]=\"_ariaDescriptionId\">{{ariaDescription}}</span>\r\n", styles: [".cute-chip,.cute-chip-option,cute-chip-row{position:relative;display:inline-flex;align-items:center}.cute-chip.cute-static-chip,.cute-chip-option.cute-static-chip,cute-chip-row.cute-static-chip{--bs-btn-bg: rgba(var(--bs-body-color-rgb), .06);cursor:auto}.cute-chip .btn-sm,.cute-chip.btn-sm,.cute-chip-option .btn-sm,.cute-chip-option.btn-sm,cute-chip-row .btn-sm,cute-chip-row.btn-sm{--bs-btn-padding-y: .3125rem;--bs-btn-padding-x: .625rem}.cute-chip:hover,.cute-chip-option:hover,cute-chip-row:hover{--bs-btn-hover-bg: rgba(var(--bs-body-color-rgb), .1)}.cute-chip:active,.cute-chip-option:active,cute-chip-row:active{--bs-btn-active-bg: rgba(var(--bs-body-color-rgb), .14)}.cute-chip__cell [cuteChipAction],.cute-chip__cell .cute-chip-action{display:inline-flex;align-items:center;cursor:pointer;outline:none}.cute-chip__cell [cuteChipAction].cute-chip__action--presentational,.cute-chip__cell .cute-chip-action.cute-chip__action--presentational{cursor:auto}.cute-chip__cell [cuteChipAction]:not(button),.cute-chip__cell .cute-chip-action:not(button){gap:.5rem}.cute-chip__cell [cuteChipAction] .cute-chip__graphic,.cute-chip__cell .cute-chip-action .cute-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative}.cute-chip__cell [cuteChipAction] .cute-chip__graphic:empty,.cute-chip__cell .cute-chip-action .cute-chip__graphic:empty{display:none}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark{padding-left:2px;padding-right:4px}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{width:1.2rem}[dir=rtl] .cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,[dir=rtl] .cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{transform:rotateY(180deg)}.cute-chip__cell [cuteChipAction].disabled,.cute-chip__cell .cute-chip-action.disabled{cursor:auto}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:4px;padding-right:0;border:none;background:none;overflow:visible}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing .cute-icon,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing .cute-icon{overflow:visible}[dir=rtl] .cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,[dir=rtl] .cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:0;padding-right:4px}.cute-standard-chip{-webkit-tap-highlight-color:transparent}@media
|
|
1891
|
+
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CuteChipAction, CuteButton], template: "<span class=\"cute-chip-focus-overlay\"></span>\r\n\r\n<span class=\"cute-chip__cell cute-chip__cell--primary\">\r\n <button\r\n cuteButton=\"outline-button\"\r\n class=\"cute-chip-action rounded-pill text-nowrap\"\r\n [class.active]=\"selected\"\r\n magnitude=\"small\"\r\n [color]=\"color\"\r\n [tabIndex]=\"tabIndex\"\r\n [disabled]=\"disabled\"\r\n [attr.aria-selected]=\"ariaSelected\"\r\n [attr.aria-label]=\"ariaLabel\"\r\n [attr.aria-describedby]=\"_ariaDescriptionId\"\r\n data-bs-toggle=\"button\"\r\n role=\"option\"\r\n (click)=\"_handlePrimaryActionInteraction()\">\r\n @if (_hasLeadingGraphic()) {\r\n <span cuteButtonIcon class=\"cute-chip-graphic cute-chip__graphic\">\r\n <ng-content select=\"cute-avatar, cute-chip-avatar, [cuteChipAvatar]\"></ng-content>\r\n @if (selected && !leadingIcon ) {\r\n <span class=\"cute-chip__checkmark\">\r\n <svg\r\n class=\"cute-chip__checkmark-svg\"\r\n viewBox=\"-2 2 24 24\"\r\n focusable=\"false\"\r\n aria-hidden=\"true\">\r\n <path class=\"cute-chip__checkmark-path\"\r\n fill=\"none\" stroke=\"currentColor\" d=\"M1.73,12.91 8.1,19.28 22.79,4.59\" />\r\n </svg>\r\n </span>\r\n }\r\n </span>\r\n }\r\n <span class=\"cute-chip__text-label cute-chip-action-label\">\r\n <ng-content></ng-content>\r\n <span class=\"cute-chip-primary-focus-indicator\"></span>\r\n </span>\r\n </button>\r\n</span>\r\n\r\n@if (_hasTrailingIcon()) {\r\n <span class=\"cute-chip__cell cute-chip__cell--trailing\">\r\n <ng-content select=\"cute-chip-trailing-icon,[cuteChipRemove],[cuteChipTrailingIcon]\"></ng-content>\r\n </span>\r\n}\r\n\r\n<span class=\"visually-hidden\" [id]=\"_ariaDescriptionId\">{{ariaDescription}}</span>\r\n", styles: [".cute-chip,.cute-chip-option,cute-chip-row{position:relative;display:inline-flex;align-items:center}.cute-chip.cute-static-chip,.cute-chip-option.cute-static-chip,cute-chip-row.cute-static-chip{--bs-btn-bg: rgba(var(--bs-body-color-rgb), .06);cursor:auto}.cute-chip .btn-sm,.cute-chip.btn-sm,.cute-chip-option .btn-sm,.cute-chip-option.btn-sm,cute-chip-row .btn-sm,cute-chip-row.btn-sm{--bs-btn-padding-y: .3125rem;--bs-btn-padding-x: .625rem}.cute-chip:hover,.cute-chip-option:hover,cute-chip-row:hover{--bs-btn-hover-bg: rgba(var(--bs-body-color-rgb), .1)}.cute-chip:active,.cute-chip-option:active,cute-chip-row:active{--bs-btn-active-bg: rgba(var(--bs-body-color-rgb), .14)}.cute-chip__cell [cuteChipAction],.cute-chip__cell .cute-chip-action{display:inline-flex;align-items:center;cursor:pointer;outline:none}.cute-chip__cell [cuteChipAction].cute-chip__action--presentational,.cute-chip__cell .cute-chip-action.cute-chip__action--presentational{cursor:auto}.cute-chip__cell [cuteChipAction]:not(button),.cute-chip__cell .cute-chip-action:not(button){gap:.5rem}.cute-chip__cell [cuteChipAction] .cute-chip__graphic,.cute-chip__cell .cute-chip-action .cute-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative}.cute-chip__cell [cuteChipAction] .cute-chip__graphic:empty,.cute-chip__cell .cute-chip-action .cute-chip__graphic:empty{display:none}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark{padding-left:2px;padding-right:4px}.cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,.cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{width:1.2rem}[dir=rtl] .cute-chip__cell [cuteChipAction] .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg,[dir=rtl] .cute-chip__cell .cute-chip-action .cute-chip__graphic .cute-chip__checkmark .cute-chip__checkmark-svg{transform:rotateY(180deg)}.cute-chip__cell [cuteChipAction].disabled,.cute-chip__cell .cute-chip-action.disabled{cursor:auto}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:4px;padding-right:0;border:none;background:none;overflow:visible}.cute-chip__cell [cuteChipAction].cute-chip__icon--trailing .cute-icon,.cute-chip__cell .cute-chip-action.cute-chip__icon--trailing .cute-icon{overflow:visible}[dir=rtl] .cute-chip__cell [cuteChipAction].cute-chip__icon--trailing,[dir=rtl] .cute-chip__cell .cute-chip-action.cute-chip__icon--trailing{padding-left:0;padding-right:4px}.cute-standard-chip{-webkit-tap-highlight-color:transparent}@media(forced-colors:active){.cute-standard-chip{outline:solid 1px}.cute-standard-chip .cute-chip__checkmark-path{stroke:CanvasText!important}}.cute-standard-chip .cute-chip__icon--primary{--size: 18px;height:var(--size);width:var(--size);font-size:var(--size);border-radius:calc(var(--size) * 1.3);background:none}.cute-standard-chip .cute-chip__cell--primary{display:flex}.cute-standard-chip .cute-chip__cell--trailing{display:inline-flex;background-color:transparent;padding-left:.5rem;padding-right:0}[dir=rtl] .cute-standard-chip .cute-chip__cell--trailing{padding-left:0;padding-right:.5rem}.cute-standard-chip._cute-animation-noopable,.cute-standard-chip._cute-animation-noopable .cute-chip__graphic,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark,.cute-standard-chip._cute-animation-noopable .cute-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.cute-chip-focus-overlay{inset:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity .15s linear}._cute-animation-noopable .cute-chip-focus-overlay{transition:none}.cute-basic-chip .cute-chip-focus-overlay{display:none}.cute-chip-action-label{text-align:left;white-space:nowrap}[dir=rtl] .cute-chip-action-label{text-align:right}.cute-chip-primary-focus-indicator{position:absolute;inset:0;pointer-events:none}.cute-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}@media(forced-colors:active){.cute-chip-selected:not(.cute-chip-multiple){outline-width:3px}}\n"] }]
|
|
1904
1892
|
}], propDecorators: { selectable: [{
|
|
1905
1893
|
type: Input,
|
|
1906
1894
|
args: [{ transform: booleanAttribute }]
|
|
@@ -2209,14 +2197,14 @@ class CuteChipListbox extends CuteChipSet {
|
|
|
2209
2197
|
// Listbox..."
|
|
2210
2198
|
return !action.isInteractive;
|
|
2211
2199
|
}
|
|
2212
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2213
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "
|
|
2200
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipListbox, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
2201
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.2.0", type: CuteChipListbox, isStandalone: true, selector: "cute-chip-listbox", inputs: { multiple: ["multiple", "multiple", booleanAttribute], ariaOrientation: ["aria-orientation", "ariaOrientation"], selectable: ["selectable", "selectable", booleanAttribute], compareWith: "compareWith", required: ["required", "required", booleanAttribute], hideSingleSelectionIndicator: ["hideSingleSelectionIndicator", "hideSingleSelectionIndicator", booleanAttribute], value: "value" }, outputs: { change: "change" }, host: { listeners: { "focus": "focus()", "blur": "_blur()", "keydown": "_keydown($event)" }, properties: { "attr.role": "role", "tabIndex": "(disabled || empty) ? -1 : tabIndex", "attr.aria-required": "role ? required : null", "attr.aria-disabled": "disabled", "attr.aria-multiselectable": "multiple", "attr.aria-orientation": "ariaOrientation", "class.cute-chip-list-disabled": "disabled", "class.cute-chip-list-required": "required" }, classAttribute: "cute-chip-listbox" }, providers: [CUTE_CHIP_LISTBOX_CONTROL_VALUE_ACCESSOR], queries: [{ propertyName: "_chips", predicate: CuteChipOption, descendants: true }], usesInheritance: true, ngImport: i0, template: `
|
|
2214
2202
|
<div class="cute-chip-set__chips" role="presentation">
|
|
2215
2203
|
<ng-content></ng-content>
|
|
2216
2204
|
</div>
|
|
2217
2205
|
`, isInline: true, styles: [".cute-chip-listbox,.cute-chip-grid,.cute-chip-set{display:flex;width:100%;background-color:var(--bs-body-bg)}.cute-chip-listbox .cute-chip-set__chips,.cute-chip-grid .cute-chip-set__chips,.cute-chip-set .cute-chip-set__chips{display:flex;flex-flow:wrap;gap:.375rem;min-width:100%}.cute-form-field .cute-chip-listbox,.cute-form-field .cute-chip-grid,.cute-form-field .cute-chip-set{min-height:58px}.cute-chip-grid-focused{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.cute-chip-set-stacked .cute-chip-set__chips{flex-direction:column;align-items:flex-start}.cute-chip-set-stacked .cute-chip-set__chips .cute-chip{display:block;width:100%}.cute-chip-set-stacked .cute-chip-set__chips .cute-chip__graphic{flex-grow:0}.cute-chip-set-stacked .cute-chip-set__chips .cute-chip-action,.cute-chip-set-stacked .cute-chip-set__chips .cute-chip__action--primary{flex-basis:100%;justify-content:start;width:100%}input.cute-chip-input{flex:1 0 150px;margin-left:.25rem;border:none;outline:none;background:none;transition:opacity .15s 0ms cubic-bezier(.4,0,.2,1)}input.cute-chip-input:not(:focus){opacity:.75}[dir=rtl] input.cute-chip-input{margin-left:0;margin-right:.25rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2218
2206
|
}
|
|
2219
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2207
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipListbox, decorators: [{
|
|
2220
2208
|
type: Component,
|
|
2221
2209
|
args: [{ selector: 'cute-chip-listbox', template: `
|
|
2222
2210
|
<div class="cute-chip-set__chips" role="presentation">
|
|
@@ -2302,8 +2290,8 @@ const TYPES = [
|
|
|
2302
2290
|
CuteChipTrailingIcon,
|
|
2303
2291
|
];
|
|
2304
2292
|
class CuteChipsModule {
|
|
2305
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2306
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2293
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2294
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: CuteChipsModule, imports: [CommonModule, CuteChip,
|
|
2307
2295
|
CuteChipAvatar,
|
|
2308
2296
|
CuteChipEditInput,
|
|
2309
2297
|
CuteChipGrid,
|
|
@@ -2324,7 +2312,7 @@ class CuteChipsModule {
|
|
|
2324
2312
|
CuteChipRow,
|
|
2325
2313
|
CuteChipSet,
|
|
2326
2314
|
CuteChipTrailingIcon] }); }
|
|
2327
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2315
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipsModule, providers: [
|
|
2328
2316
|
ErrorStateMatcher,
|
|
2329
2317
|
{
|
|
2330
2318
|
provide: CUTE_CHIPS_DEFAULT_OPTIONS,
|
|
@@ -2334,7 +2322,7 @@ class CuteChipsModule {
|
|
|
2334
2322
|
},
|
|
2335
2323
|
], imports: [CommonModule, CuteChipOption] }); }
|
|
2336
2324
|
}
|
|
2337
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2325
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteChipsModule, decorators: [{
|
|
2338
2326
|
type: NgModule,
|
|
2339
2327
|
args: [{
|
|
2340
2328
|
imports: [CommonModule, ...TYPES],
|