@i-cell/ids-angular 0.2.23 → 0.2.25
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/fesm2022/i-cell-ids-angular-accordion.mjs +32 -32
- package/fesm2022/i-cell-ids-angular-accordion.mjs.map +1 -1
- package/fesm2022/i-cell-ids-angular-avatar.mjs +18 -18
- package/fesm2022/i-cell-ids-angular-avatar.mjs.map +1 -1
- package/fesm2022/i-cell-ids-angular-badge.mjs +27 -27
- package/fesm2022/i-cell-ids-angular-badge.mjs.map +1 -1
- package/fesm2022/i-cell-ids-angular-breadcrumb.mjs +45 -45
- package/fesm2022/i-cell-ids-angular-breadcrumb.mjs.map +1 -1
- package/fesm2022/i-cell-ids-angular-button.mjs +19 -19
- package/fesm2022/i-cell-ids-angular-button.mjs.map +1 -1
- package/fesm2022/i-cell-ids-angular-card.mjs +38 -41
- package/fesm2022/i-cell-ids-angular-card.mjs.map +1 -1
- package/fesm2022/i-cell-ids-angular-checkbox.mjs +45 -45
- package/fesm2022/i-cell-ids-angular-checkbox.mjs.map +1 -1
- package/fesm2022/i-cell-ids-angular-chip.mjs +28 -28
- package/fesm2022/i-cell-ids-angular-chip.mjs.map +1 -1
- package/fesm2022/i-cell-ids-angular-core.mjs +18 -20
- package/fesm2022/i-cell-ids-angular-core.mjs.map +1 -1
- package/fesm2022/i-cell-ids-angular-datepicker.mjs +74 -74
- package/fesm2022/i-cell-ids-angular-datepicker.mjs.map +1 -1
- package/fesm2022/i-cell-ids-angular-dialog.mjs +23 -23
- package/fesm2022/i-cell-ids-angular-dialog.mjs.map +1 -1
- package/fesm2022/i-cell-ids-angular-divider.mjs +12 -12
- package/fesm2022/i-cell-ids-angular-divider.mjs.map +1 -1
- package/fesm2022/i-cell-ids-angular-forms.mjs +1054 -830
- package/fesm2022/i-cell-ids-angular-forms.mjs.map +1 -1
- package/fesm2022/i-cell-ids-angular-icon-button.mjs +15 -15
- package/fesm2022/i-cell-ids-angular-icon-button.mjs.map +1 -1
- package/fesm2022/i-cell-ids-angular-icon.mjs +15 -15
- package/fesm2022/i-cell-ids-angular-icon.mjs.map +1 -1
- package/fesm2022/i-cell-ids-angular-menu.mjs +18 -18
- package/fesm2022/i-cell-ids-angular-menu.mjs.map +1 -1
- package/fesm2022/i-cell-ids-angular-notification.mjs +26 -26
- package/fesm2022/i-cell-ids-angular-notification.mjs.map +1 -1
- package/fesm2022/i-cell-ids-angular-overlay-panel.mjs +18 -18
- package/fesm2022/i-cell-ids-angular-overlay-panel.mjs.map +1 -1
- package/fesm2022/i-cell-ids-angular-paginator.mjs +34 -34
- package/fesm2022/i-cell-ids-angular-paginator.mjs.map +1 -1
- package/fesm2022/i-cell-ids-angular-radio.mjs +32 -32
- package/fesm2022/i-cell-ids-angular-radio.mjs.map +1 -1
- package/fesm2022/i-cell-ids-angular-segmented-control-toggle.mjs +34 -34
- package/fesm2022/i-cell-ids-angular-segmented-control-toggle.mjs.map +1 -1
- package/fesm2022/i-cell-ids-angular-segmented-control.mjs +34 -34
- package/fesm2022/i-cell-ids-angular-segmented-control.mjs.map +1 -1
- package/fesm2022/i-cell-ids-angular-select.mjs +29 -29
- package/fesm2022/i-cell-ids-angular-select.mjs.map +1 -1
- package/fesm2022/i-cell-ids-angular-side-nav.mjs +41 -41
- package/fesm2022/i-cell-ids-angular-side-nav.mjs.map +1 -1
- package/fesm2022/i-cell-ids-angular-side-sheet.mjs +29 -29
- package/fesm2022/i-cell-ids-angular-side-sheet.mjs.map +1 -1
- package/fesm2022/i-cell-ids-angular-snackbar.mjs +30 -30
- package/fesm2022/i-cell-ids-angular-snackbar.mjs.map +1 -1
- package/fesm2022/i-cell-ids-angular-spinner.mjs +10 -10
- package/fesm2022/i-cell-ids-angular-spinner.mjs.map +1 -1
- package/fesm2022/i-cell-ids-angular-switch.mjs +36 -36
- package/fesm2022/i-cell-ids-angular-switch.mjs.map +1 -1
- package/fesm2022/i-cell-ids-angular-tab.mjs +140 -30
- package/fesm2022/i-cell-ids-angular-tab.mjs.map +1 -1
- package/fesm2022/i-cell-ids-angular-table.mjs +94 -94
- package/fesm2022/i-cell-ids-angular-table.mjs.map +1 -1
- package/fesm2022/i-cell-ids-angular-tag.mjs +20 -20
- package/fesm2022/i-cell-ids-angular-tag.mjs.map +1 -1
- package/fesm2022/i-cell-ids-angular-tooltip.mjs +32 -32
- package/fesm2022/i-cell-ids-angular-tooltip.mjs.map +1 -1
- package/package.json +60 -60
- package/{accordion/index.d.ts → types/i-cell-ids-angular-accordion.d.ts} +1 -1
- package/{avatar/index.d.ts → types/i-cell-ids-angular-avatar.d.ts} +1 -1
- package/{button/index.d.ts → types/i-cell-ids-angular-button.d.ts} +1 -1
- package/{card/index.d.ts → types/i-cell-ids-angular-card.d.ts} +2 -2
- package/{chip/index.d.ts → types/i-cell-ids-angular-chip.d.ts} +5 -5
- package/{core/index.d.ts → types/i-cell-ids-angular-core.d.ts} +2 -2
- package/{datepicker/index.d.ts → types/i-cell-ids-angular-datepicker.d.ts} +1 -1
- package/{divider/index.d.ts → types/i-cell-ids-angular-divider.d.ts} +2 -2
- package/{forms/index.d.ts → types/i-cell-ids-angular-forms.d.ts} +116 -96
- package/{icon-button/index.d.ts → types/i-cell-ids-angular-icon-button.d.ts} +2 -2
- package/{icon/index.d.ts → types/i-cell-ids-angular-icon.d.ts} +1 -1
- package/{menu/index.d.ts → types/i-cell-ids-angular-menu.d.ts} +1 -1
- package/{notification/index.d.ts → types/i-cell-ids-angular-notification.d.ts} +1 -1
- package/{paginator/index.d.ts → types/i-cell-ids-angular-paginator.d.ts} +1 -1
- package/{radio/index.d.ts → types/i-cell-ids-angular-radio.d.ts} +1 -1
- package/{segmented-control-toggle/index.d.ts → types/i-cell-ids-angular-segmented-control-toggle.d.ts} +1 -1
- package/{segmented-control/index.d.ts → types/i-cell-ids-angular-segmented-control.d.ts} +1 -1
- package/{snackbar/index.d.ts → types/i-cell-ids-angular-snackbar.d.ts} +3 -3
- package/{tab/index.d.ts → types/i-cell-ids-angular-tab.d.ts} +16 -3
- package/{tag/index.d.ts → types/i-cell-ids-angular-tag.d.ts} +1 -1
- /package/{badge/index.d.ts → types/i-cell-ids-angular-badge.d.ts} +0 -0
- /package/{breadcrumb/index.d.ts → types/i-cell-ids-angular-breadcrumb.d.ts} +0 -0
- /package/{checkbox/index.d.ts → types/i-cell-ids-angular-checkbox.d.ts} +0 -0
- /package/{dialog/index.d.ts → types/i-cell-ids-angular-dialog.d.ts} +0 -0
- /package/{overlay-panel/index.d.ts → types/i-cell-ids-angular-overlay-panel.d.ts} +0 -0
- /package/{select/index.d.ts → types/i-cell-ids-angular-select.d.ts} +0 -0
- /package/{side-nav/index.d.ts → types/i-cell-ids-angular-side-nav.d.ts} +0 -0
- /package/{side-sheet/index.d.ts → types/i-cell-ids-angular-side-sheet.d.ts} +0 -0
- /package/{spinner/index.d.ts → types/i-cell-ids-angular-spinner.d.ts} +0 -0
- /package/{switch/index.d.ts → types/i-cell-ids-angular-switch.d.ts} +0 -0
- /package/{table/index.d.ts → types/i-cell-ids-angular-table.d.ts} +0 -0
- /package/{tooltip/index.d.ts → types/i-cell-ids-angular-tooltip.d.ts} +0 -0
- /package/{index.d.ts → types/i-cell-ids-angular.d.ts} +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { trigger, state,
|
|
1
|
+
import { trigger, state, style, transition, animate } from '@angular/animations';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
3
|
import { InjectionToken, inject, contentChildren, input, computed, ChangeDetectionStrategy, ViewEncapsulation, Component, viewChild } from '@angular/core';
|
|
4
4
|
import { IdsButtonVariant, IdsButtonAppearance, IdsButtonComponent } from '@i-cell/ids-angular/button';
|
|
@@ -54,24 +54,24 @@ class IdsAccordionComponent extends ComponentBaseWithDefaults {
|
|
|
54
54
|
constructor() {
|
|
55
55
|
super(...arguments);
|
|
56
56
|
this._cdkAccordion = inject(CdkAccordion);
|
|
57
|
-
this._items = contentChildren(IdsAccordionItemComponent, ...(ngDevMode ? [{ debugName: "_items" }] : []));
|
|
57
|
+
this._items = contentChildren(IdsAccordionItemComponent, ...(ngDevMode ? [{ debugName: "_items" }] : /* istanbul ignore next */ []));
|
|
58
58
|
this._defaultConfig = this._getDefaultConfig(defaultConfig, IDS_ACCORDION_DEFAULT_CONFIG);
|
|
59
|
-
this.size = input(this._defaultConfig.size, ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
60
|
-
this.appearance = input(this._defaultConfig.appearance, ...(ngDevMode ? [{ debugName: "appearance" }] : []));
|
|
61
|
-
this.disabled = input(false, ...(ngDevMode ?
|
|
62
|
-
this.hasLeadingIcon = input(this._defaultConfig.hasLeadingIcon, ...(ngDevMode ?
|
|
63
|
-
this.hasTrailingIcon = input(this._defaultConfig.hasTrailingIcon, ...(ngDevMode ?
|
|
64
|
-
this.multi = input(this._defaultConfig.multi, ...(ngDevMode ? [{ debugName: "multi" }] : []));
|
|
65
|
-
this.btnSize = input(this._defaultConfig.btnSize, ...(ngDevMode ? [{ debugName: "btnSize" }] : []));
|
|
66
|
-
this.btnAppearance = input(this._defaultConfig.btnAppearance, ...(ngDevMode ? [{ debugName: "btnAppearance" }] : []));
|
|
67
|
-
this.btnVariant = input(this._defaultConfig.btnVariant, ...(ngDevMode ? [{ debugName: "btnVariant" }] : []));
|
|
68
|
-
this.expandBtnLabel = input(this._defaultConfig.expandBtnLabel, ...(ngDevMode ?
|
|
69
|
-
this.collapseBtnLabel = input(this._defaultConfig.collapseBtnLabel, ...(ngDevMode ?
|
|
59
|
+
this.size = input(this._defaultConfig.size, ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
60
|
+
this.appearance = input(this._defaultConfig.appearance, ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
|
|
61
|
+
this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: coerceBooleanAttribute });
|
|
62
|
+
this.hasLeadingIcon = input(this._defaultConfig.hasLeadingIcon, { ...(ngDevMode ? { debugName: "hasLeadingIcon" } : /* istanbul ignore next */ {}), transform: coerceBooleanAttribute });
|
|
63
|
+
this.hasTrailingIcon = input(this._defaultConfig.hasTrailingIcon, { ...(ngDevMode ? { debugName: "hasTrailingIcon" } : /* istanbul ignore next */ {}), transform: coerceBooleanAttribute });
|
|
64
|
+
this.multi = input(this._defaultConfig.multi, ...(ngDevMode ? [{ debugName: "multi" }] : /* istanbul ignore next */ []));
|
|
65
|
+
this.btnSize = input(this._defaultConfig.btnSize, ...(ngDevMode ? [{ debugName: "btnSize" }] : /* istanbul ignore next */ []));
|
|
66
|
+
this.btnAppearance = input(this._defaultConfig.btnAppearance, ...(ngDevMode ? [{ debugName: "btnAppearance" }] : /* istanbul ignore next */ []));
|
|
67
|
+
this.btnVariant = input(this._defaultConfig.btnVariant, ...(ngDevMode ? [{ debugName: "btnVariant" }] : /* istanbul ignore next */ []));
|
|
68
|
+
this.expandBtnLabel = input(this._defaultConfig.expandBtnLabel, { ...(ngDevMode ? { debugName: "expandBtnLabel" } : /* istanbul ignore next */ {}), transform: coerceStringAttribute });
|
|
69
|
+
this.collapseBtnLabel = input(this._defaultConfig.collapseBtnLabel, { ...(ngDevMode ? { debugName: "collapseBtnLabel" } : /* istanbul ignore next */ {}), transform: coerceStringAttribute });
|
|
70
70
|
this._hostClasses = computed(() => this._getHostClasses([
|
|
71
71
|
this.size(),
|
|
72
72
|
this.appearance(),
|
|
73
73
|
this.disabled() ? 'disabled' : null,
|
|
74
|
-
]), ...(ngDevMode ? [{ debugName: "_hostClasses" }] : []));
|
|
74
|
+
]), ...(ngDevMode ? [{ debugName: "_hostClasses" }] : /* istanbul ignore next */ []));
|
|
75
75
|
}
|
|
76
76
|
get _hostName() {
|
|
77
77
|
return 'accordion';
|
|
@@ -135,10 +135,10 @@ class IdsAccordionComponent extends ComponentBaseWithDefaults {
|
|
|
135
135
|
return;
|
|
136
136
|
}
|
|
137
137
|
}
|
|
138
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
139
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
138
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: IdsAccordionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
139
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: IdsAccordionComponent, isStandalone: true, selector: "ids-accordion", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hasLeadingIcon: { classPropertyName: "hasLeadingIcon", publicName: "hasLeadingIcon", isSignal: true, isRequired: false, transformFunction: null }, hasTrailingIcon: { classPropertyName: "hasTrailingIcon", publicName: "hasTrailingIcon", isSignal: true, isRequired: false, transformFunction: null }, multi: { classPropertyName: "multi", publicName: "multi", isSignal: true, isRequired: false, transformFunction: null }, btnSize: { classPropertyName: "btnSize", publicName: "btnSize", isSignal: true, isRequired: false, transformFunction: null }, btnAppearance: { classPropertyName: "btnAppearance", publicName: "btnAppearance", isSignal: true, isRequired: false, transformFunction: null }, btnVariant: { classPropertyName: "btnVariant", publicName: "btnVariant", isSignal: true, isRequired: false, transformFunction: null }, expandBtnLabel: { classPropertyName: "expandBtnLabel", publicName: "expandBtnLabel", isSignal: true, isRequired: false, transformFunction: null }, collapseBtnLabel: { classPropertyName: "collapseBtnLabel", publicName: "collapseBtnLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown": "_handleKeyDown($event)" } }, queries: [{ propertyName: "_items", predicate: IdsAccordionItemComponent, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.CdkAccordion, inputs: ["multi", "multi"] }], ngImport: i0, template: "@if (multi()) {\n <div class=\"ids-accordion-controls\">\n <button\n type=\"button\"\n idsButton\n [appearance]=\"btnAppearance()\"\n [disabled]=\"disabled()\"\n [variant]=\"btnVariant()\"\n [size]=\"btnSize()\"\n (click)=\"openAll()\"\n >\n {{ expandBtnLabel() }}\n </button>\n <button\n type=\"button\"\n idsButton\n [appearance]=\"btnAppearance()\"\n [disabled]=\"disabled()\"\n [variant]=\"btnVariant()\"\n [size]=\"btnSize()\"\n (click)=\"closeAll()\"\n >\n {{ collapseBtnLabel() }}\n </button>\n </div>\n}\n<ng-content />\n", dependencies: [{ kind: "component", type: IdsButtonComponent, selector: "button[idsButton], a[idsButton]", inputs: ["appearance", "size", "variant", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
140
140
|
}
|
|
141
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
141
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: IdsAccordionComponent, decorators: [{
|
|
142
142
|
type: Component,
|
|
143
143
|
args: [{ selector: 'ids-accordion', imports: [IdsButtonComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
144
144
|
'(keydown)': '_handleKeyDown($event)',
|
|
@@ -148,7 +148,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
|
|
|
148
148
|
inputs: ['multi'],
|
|
149
149
|
},
|
|
150
150
|
], template: "@if (multi()) {\n <div class=\"ids-accordion-controls\">\n <button\n type=\"button\"\n idsButton\n [appearance]=\"btnAppearance()\"\n [disabled]=\"disabled()\"\n [variant]=\"btnVariant()\"\n [size]=\"btnSize()\"\n (click)=\"openAll()\"\n >\n {{ expandBtnLabel() }}\n </button>\n <button\n type=\"button\"\n idsButton\n [appearance]=\"btnAppearance()\"\n [disabled]=\"disabled()\"\n [variant]=\"btnVariant()\"\n [size]=\"btnSize()\"\n (click)=\"closeAll()\"\n >\n {{ collapseBtnLabel() }}\n </button>\n </div>\n}\n<ng-content />\n" }]
|
|
151
|
-
}] });
|
|
151
|
+
}], propDecorators: { _items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => IdsAccordionItemComponent), { isSignal: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], hasLeadingIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasLeadingIcon", required: false }] }], hasTrailingIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasTrailingIcon", required: false }] }], multi: [{ type: i0.Input, args: [{ isSignal: true, alias: "multi", required: false }] }], btnSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "btnSize", required: false }] }], btnAppearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "btnAppearance", required: false }] }], btnVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "btnVariant", required: false }] }], expandBtnLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandBtnLabel", required: false }] }], collapseBtnLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapseBtnLabel", required: false }] }] } });
|
|
152
152
|
|
|
153
153
|
class IdsAccordionItemComponent extends ComponentBase {
|
|
154
154
|
constructor() {
|
|
@@ -156,16 +156,16 @@ class IdsAccordionItemComponent extends ComponentBase {
|
|
|
156
156
|
this._accordion = inject(IdsAccordionComponent, { skipSelf: true });
|
|
157
157
|
this._accordionItem = inject(CdkAccordionItem);
|
|
158
158
|
this._accordionHeader = viewChild.required('header');
|
|
159
|
-
this.summary = input(...(ngDevMode ? [undefined, { debugName: "summary" }] : []));
|
|
160
|
-
this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
|
|
161
|
-
this.hasLeadingIcon = input(false, ...(ngDevMode ?
|
|
162
|
-
this.hasTrailingIcon = input(this._accordion.hasTrailingIcon(), ...(ngDevMode ?
|
|
163
|
-
this._headerId = computed(() => `${this.id()}-header`, ...(ngDevMode ? [{ debugName: "_headerId" }] : []));
|
|
164
|
-
this._contentId = computed(() => `${this.id()}-content`, ...(ngDevMode ? [{ debugName: "_contentId" }] : []));
|
|
165
|
-
this._parentOrSelfHasLeadingIcon = computed(() => this._accordion.hasLeadingIcon() ?? this.hasLeadingIcon(), ...(ngDevMode ? [{ debugName: "_parentOrSelfHasLeadingIcon" }] : []));
|
|
166
|
-
this._parentOrSelfHasTrailingIcon = computed(() => this._accordion.hasTrailingIcon() ?? this.hasTrailingIcon(), ...(ngDevMode ? [{ debugName: "_parentOrSelfHasTrailingIcon" }] : []));
|
|
167
|
-
this._parentOrSelfDisabled = computed(() => this._accordion.disabled() || this.disabled(), ...(ngDevMode ? [{ debugName: "_parentOrSelfDisabled" }] : []));
|
|
168
|
-
this._hostClasses = computed(() => this._getHostClasses([this._parentOrSelfDisabled() ? 'disabled' : null]), ...(ngDevMode ? [{ debugName: "_hostClasses" }] : []));
|
|
159
|
+
this.summary = input(...(ngDevMode ? [undefined, { debugName: "summary" }] : /* istanbul ignore next */ []));
|
|
160
|
+
this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
161
|
+
this.hasLeadingIcon = input(false, { ...(ngDevMode ? { debugName: "hasLeadingIcon" } : /* istanbul ignore next */ {}), transform: coerceBooleanAttribute });
|
|
162
|
+
this.hasTrailingIcon = input(this._accordion.hasTrailingIcon(), { ...(ngDevMode ? { debugName: "hasTrailingIcon" } : /* istanbul ignore next */ {}), transform: coerceBooleanAttribute });
|
|
163
|
+
this._headerId = computed(() => `${this.id()}-header`, ...(ngDevMode ? [{ debugName: "_headerId" }] : /* istanbul ignore next */ []));
|
|
164
|
+
this._contentId = computed(() => `${this.id()}-content`, ...(ngDevMode ? [{ debugName: "_contentId" }] : /* istanbul ignore next */ []));
|
|
165
|
+
this._parentOrSelfHasLeadingIcon = computed(() => this._accordion.hasLeadingIcon() ?? this.hasLeadingIcon(), ...(ngDevMode ? [{ debugName: "_parentOrSelfHasLeadingIcon" }] : /* istanbul ignore next */ []));
|
|
166
|
+
this._parentOrSelfHasTrailingIcon = computed(() => this._accordion.hasTrailingIcon() ?? this.hasTrailingIcon(), ...(ngDevMode ? [{ debugName: "_parentOrSelfHasTrailingIcon" }] : /* istanbul ignore next */ []));
|
|
167
|
+
this._parentOrSelfDisabled = computed(() => this._accordion.disabled() || this.disabled(), ...(ngDevMode ? [{ debugName: "_parentOrSelfDisabled" }] : /* istanbul ignore next */ []));
|
|
168
|
+
this._hostClasses = computed(() => this._getHostClasses([this._parentOrSelfDisabled() ? 'disabled' : null]), ...(ngDevMode ? [{ debugName: "_hostClasses" }] : /* istanbul ignore next */ []));
|
|
169
169
|
}
|
|
170
170
|
get _hostName() {
|
|
171
171
|
return 'accordion-item';
|
|
@@ -194,10 +194,10 @@ class IdsAccordionItemComponent extends ComponentBase {
|
|
|
194
194
|
focus(options) {
|
|
195
195
|
this._accordionHeader().nativeElement.focus(options);
|
|
196
196
|
}
|
|
197
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
198
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
197
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: IdsAccordionItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
198
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: IdsAccordionItemComponent, isStandalone: true, selector: "ids-accordion-item", inputs: { summary: { classPropertyName: "summary", publicName: "summary", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hasLeadingIcon: { classPropertyName: "hasLeadingIcon", publicName: "hasLeadingIcon", isSignal: true, isRequired: false, transformFunction: null }, hasTrailingIcon: { classPropertyName: "hasTrailingIcon", publicName: "hasTrailingIcon", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "_accordionHeader", first: true, predicate: ["header"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.CdkAccordionItem, inputs: ["expanded", "expanded", "disabled", "disabled"], outputs: ["closed", "closed", "destroyed", "destroyed", "opened", "opened"] }], ngImport: i0, template: "<div\n #header\n role=\"button\"\n class=\"ids-accordion-item-summary\"\n [id]=\"_headerId()\"\n [attr.aria-expanded]=\"isExpanded ? 'true' : 'false'\"\n [attr.aria-controls]=\"_contentId()\"\n [attr.tabindex]=\"_parentOrSelfDisabled() ? -1 : 0\"\n [attr.aria-disabled]=\"_parentOrSelfDisabled()\"\n (click)=\"toggle()\"\n>\n @if (_parentOrSelfHasLeadingIcon()) {\n <ids-icon icon-leading [fontIcon]=\"_icon\" />\n }\n <span class=\"ids-accordion-item-title\">{{ summary() }}</span>\n @if (_parentOrSelfHasTrailingIcon()) {\n <ids-icon icon-trailing [fontIcon]=\"_icon\" />\n }\n</div>\n<div\n role=\"region\"\n class=\"ids-accordion-item-content\"\n [id]=\"_contentId()\"\n [attr.aria-labelledby]=\"_headerId()\"\n [@accordionAnimations]=\"isExpanded ? 'expanded' : 'collapsed'\"\n>\n <ng-content />\n</div>\n", dependencies: [{ kind: "component", type: IdsIconComponent, selector: "ids-icon", inputs: ["size", "sizeCollection", "variant", "fontIcon", "svgIcon", "aria-hidden"] }], animations: [accordionAnimations], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
199
199
|
}
|
|
200
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
200
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: IdsAccordionItemComponent, decorators: [{
|
|
201
201
|
type: Component,
|
|
202
202
|
args: [{ selector: 'ids-accordion-item', imports: [IdsIconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [accordionAnimations], hostDirectives: [
|
|
203
203
|
{
|
|
@@ -213,7 +213,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
|
|
|
213
213
|
],
|
|
214
214
|
},
|
|
215
215
|
], template: "<div\n #header\n role=\"button\"\n class=\"ids-accordion-item-summary\"\n [id]=\"_headerId()\"\n [attr.aria-expanded]=\"isExpanded ? 'true' : 'false'\"\n [attr.aria-controls]=\"_contentId()\"\n [attr.tabindex]=\"_parentOrSelfDisabled() ? -1 : 0\"\n [attr.aria-disabled]=\"_parentOrSelfDisabled()\"\n (click)=\"toggle()\"\n>\n @if (_parentOrSelfHasLeadingIcon()) {\n <ids-icon icon-leading [fontIcon]=\"_icon\" />\n }\n <span class=\"ids-accordion-item-title\">{{ summary() }}</span>\n @if (_parentOrSelfHasTrailingIcon()) {\n <ids-icon icon-trailing [fontIcon]=\"_icon\" />\n }\n</div>\n<div\n role=\"region\"\n class=\"ids-accordion-item-content\"\n [id]=\"_contentId()\"\n [attr.aria-labelledby]=\"_headerId()\"\n [@accordionAnimations]=\"isExpanded ? 'expanded' : 'collapsed'\"\n>\n <ng-content />\n</div>\n" }]
|
|
216
|
-
}] });
|
|
216
|
+
}], propDecorators: { _accordionHeader: [{ type: i0.ViewChild, args: ['header', { isSignal: true }] }], summary: [{ type: i0.Input, args: [{ isSignal: true, alias: "summary", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], hasLeadingIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasLeadingIcon", required: false }] }], hasTrailingIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasTrailingIcon", required: false }] }] } });
|
|
217
217
|
|
|
218
218
|
/**
|
|
219
219
|
* Generated bundle index. Do not edit.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"i-cell-ids-angular-accordion.mjs","sources":["../../../projects/widgets/accordion/accordion-animations.ts","../../../projects/widgets/accordion/types/accordion-appearance.type.ts","../../../projects/widgets/accordion/accordion-defaults.ts","../../../projects/widgets/accordion/accordion.component.ts","../../../projects/widgets/accordion/accordion.component.html","../../../projects/widgets/accordion/accordion-item/accordion-item.component.ts","../../../projects/widgets/accordion/accordion-item/accordion-item.component.html","../../../projects/widgets/accordion/i-cell-ids-angular-accordion.ts"],"sourcesContent":["import { trigger, state, style, transition, animate } from '@angular/animations';\n\nexport const accordionAnimations = trigger('accordionAnimations', [\n state('expanded', style({\n height: '*',\n opacity: 1,\n transform: 'scaleY(1)',\n visibility: '',\n })),\n state('collapsed', style({\n height: '0',\n opacity: 0,\n transform: 'scaleY(0.3)',\n padding: 0,\n visibility: 'hidden',\n })),\n transition('expanded => collapsed', [animate('0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000)')]),\n transition('collapsed => expanded', [animate('0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940)')]),\n]);\n","export const IdsAccordionAppearance = {\n FILLED: 'filled',\n TEXT: 'text',\n} as const;\n\nexport type IdsAccordionAppearanceType = (typeof IdsAccordionAppearance)[keyof typeof IdsAccordionAppearance];\n","import { IdsAccordionAppearance, IdsAccordionAppearanceType } from './types/accordion-appearance.type';\n\nimport { InjectionToken } from '@angular/core';\nimport { IdsButtonAppearance, IdsButtonAppearanceType, IdsButtonVariant, IdsButtonVariantType } from '@i-cell/ids-angular/button';\nimport { IdsSize, IdsSizeType } from '@i-cell/ids-angular/core';\n\nexport interface IdsAccordionDefaultConfig {\n size?: IdsSizeType\n appearance?: IdsAccordionAppearanceType\n multi?: boolean,\n btnSize?: IdsSizeType,\n btnAppearance?: IdsButtonAppearanceType,\n btnVariant?: IdsButtonVariantType,\n expandBtnLabel?: string,\n collapseBtnLabel?: string,\n hasLeadingIcon?: boolean,\n hasTrailingIcon?: boolean,\n}\n\nexport const IDS_ACCORDION_DEFAULT_CONFIG = new InjectionToken<IdsAccordionDefaultConfig>(\n 'IDS_ACCORDION_DEFAULT_CONFIG',\n {\n providedIn: 'root',\n factory: IDS_ACCORDION_DEFAULT_CONFIG_FACTORY,\n },\n);\n\nexport function IDS_ACCORDION_DEFAULT_CONFIG_FACTORY(): Required<IdsAccordionDefaultConfig> {\n return {\n size: IdsSize.COMPACT,\n appearance: IdsAccordionAppearance.FILLED,\n multi: false,\n btnSize: IdsSize.COMPACT,\n btnAppearance: IdsButtonAppearance.FILLED,\n btnVariant: IdsButtonVariant.SURFACE,\n expandBtnLabel: 'Expand all',\n collapseBtnLabel: 'Collapse all',\n hasLeadingIcon: false,\n hasTrailingIcon: true,\n };\n}\n","import { IDS_ACCORDION_DEFAULT_CONFIG, IDS_ACCORDION_DEFAULT_CONFIG_FACTORY, IdsAccordionDefaultConfig } from './accordion-defaults';\nimport { IdsAccordionItemComponent } from './accordion-item/accordion-item.component';\nimport { IdsAccordionAppearanceType } from './types/accordion-appearance.type';\n\nimport { CdkAccordion } from '@angular/cdk/accordion';\nimport { ChangeDetectionStrategy, Component, computed, contentChildren, inject, input, ViewEncapsulation } from '@angular/core';\nimport { IdsButtonAppearanceType, IdsButtonComponent, IdsButtonVariantType } from '@i-cell/ids-angular/button';\nimport { coerceBooleanAttribute, coerceStringAttribute, ComponentBaseWithDefaults, IdsSizeType } from '@i-cell/ids-angular/core';\n\nconst defaultConfig = IDS_ACCORDION_DEFAULT_CONFIG_FACTORY();\n\n@Component({\n selector: 'ids-accordion',\n imports: [IdsButtonComponent],\n templateUrl: './accordion.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '(keydown)': '_handleKeyDown($event)',\n },\n hostDirectives: [\n {\n directive: CdkAccordion,\n inputs: ['multi'],\n },\n ],\n})\nexport class IdsAccordionComponent extends ComponentBaseWithDefaults<IdsAccordionDefaultConfig> {\n protected override get _hostName(): string {\n return 'accordion';\n }\n\n private _cdkAccordion = inject(CdkAccordion);\n private _items = contentChildren<IdsAccordionItemComponent>(IdsAccordionItemComponent);\n\n protected readonly _defaultConfig = this._getDefaultConfig(defaultConfig, IDS_ACCORDION_DEFAULT_CONFIG);\n\n public size = input<IdsSizeType>(this._defaultConfig.size);\n public appearance = input<IdsAccordionAppearanceType>(this._defaultConfig.appearance);\n public disabled = input(false, { transform: coerceBooleanAttribute });\n public hasLeadingIcon = input(this._defaultConfig.hasLeadingIcon, { transform: coerceBooleanAttribute });\n public hasTrailingIcon = input(this._defaultConfig.hasTrailingIcon, { transform: coerceBooleanAttribute });\n public multi = input<boolean>(this._defaultConfig.multi);\n public btnSize = input<IdsSizeType>(this._defaultConfig.btnSize);\n public btnAppearance = input<IdsButtonAppearanceType>(this._defaultConfig.btnAppearance);\n public btnVariant = input<IdsButtonVariantType>(this._defaultConfig.btnVariant);\n public expandBtnLabel = input<string, string>(this._defaultConfig.expandBtnLabel, { transform: coerceStringAttribute });\n public collapseBtnLabel = input<string, string>(this._defaultConfig.collapseBtnLabel, { transform: coerceStringAttribute });\n\n protected _hostClasses = computed(() => this._getHostClasses([\n this.size(),\n this.appearance(),\n this.disabled() ? 'disabled' : null,\n ]));\n\n public openAll(): void {\n if (!this.disabled()) {\n this._cdkAccordion.openAll();\n }\n }\n\n public closeAll(): void {\n if (!this.disabled()) {\n this._cdkAccordion.closeAll();\n }\n }\n\n private _handleKeyDown(event: KeyboardEvent): void {\n const navigationKeys = [\n 'Enter',\n ' ',\n 'ArrowUp',\n 'ArrowDown',\n 'Home',\n 'End',\n ];\n\n if (!navigationKeys.includes(event.key)) {\n return;\n }\n\n event.preventDefault();\n\n const items = this._items();\n const target = event.target as HTMLButtonElement;\n const accordionId = target.parentElement!.id;\n const index = items.findIndex((item) => item.id() === accordionId);\n\n switch (event.key) {\n case 'ArrowUp': {\n if (index > 0) {\n const prevItem = items[index - 1];\n prevItem.focus();\n }\n break;\n }\n case 'ArrowDown': {\n if (index < items.length - 1) {\n const nextItem = items[index + 1];\n nextItem.focus();\n }\n break;\n }\n case 'Enter':\n case ' ': {\n items[index].toggle();\n break;\n }\n case 'Home': {\n items[0].focus();\n break;\n }\n case 'End': {\n items[items.length - 1].focus();\n break;\n }\n default:\n return;\n }\n }\n}\n","@if (multi()) {\n <div class=\"ids-accordion-controls\">\n <button\n type=\"button\"\n idsButton\n [appearance]=\"btnAppearance()\"\n [disabled]=\"disabled()\"\n [variant]=\"btnVariant()\"\n [size]=\"btnSize()\"\n (click)=\"openAll()\"\n >\n {{ expandBtnLabel() }}\n </button>\n <button\n type=\"button\"\n idsButton\n [appearance]=\"btnAppearance()\"\n [disabled]=\"disabled()\"\n [variant]=\"btnVariant()\"\n [size]=\"btnSize()\"\n (click)=\"closeAll()\"\n >\n {{ collapseBtnLabel() }}\n </button>\n </div>\n}\n<ng-content />\n","import { accordionAnimations } from '../accordion-animations';\nimport { IdsAccordionComponent } from '../accordion.component';\n\nimport { CdkAccordionItem } from '@angular/cdk/accordion';\nimport { ChangeDetectionStrategy, Component, computed, ElementRef, inject, input, viewChild, ViewEncapsulation } from '@angular/core';\nimport { coerceBooleanAttribute, ComponentBase } from '@i-cell/ids-angular/core';\nimport { IdsIconComponent } from '@i-cell/ids-angular/icon';\n\n@Component({\n selector: 'ids-accordion-item',\n imports: [IdsIconComponent],\n templateUrl: './accordion-item.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n animations: [accordionAnimations],\n hostDirectives: [\n {\n directive: CdkAccordionItem,\n inputs: [\n 'expanded',\n 'disabled',\n ],\n outputs: [\n 'closed',\n 'destroyed',\n 'opened',\n ],\n },\n ],\n})\nexport class IdsAccordionItemComponent extends ComponentBase {\n protected override get _hostName(): string {\n return 'accordion-item';\n }\n\n private _accordion = inject(IdsAccordionComponent, { skipSelf: true });\n private _accordionItem = inject(CdkAccordionItem);\n private _accordionHeader = viewChild.required<ElementRef<HTMLElement>>('header');\n\n public summary = input<string | null>();\n public disabled = input<boolean>(false);\n public hasLeadingIcon = input(false, { transform: coerceBooleanAttribute });\n public hasTrailingIcon = input(this._accordion.hasTrailingIcon(), { transform: coerceBooleanAttribute });\n\n protected _headerId = computed(() => `${this.id()}-header`);\n protected _contentId = computed(() => `${this.id()}-content`);\n protected _parentOrSelfHasLeadingIcon = computed(() => this._accordion.hasLeadingIcon() ?? this.hasLeadingIcon());\n protected _parentOrSelfHasTrailingIcon = computed(() => this._accordion.hasTrailingIcon() ?? this.hasTrailingIcon());\n protected _parentOrSelfDisabled = computed(() => this._accordion.disabled() || this.disabled());\n\n protected _hostClasses = computed(() => this._getHostClasses(\n [this._parentOrSelfDisabled() ? 'disabled' : null],\n ));\n\n protected get _icon(): string {\n return this.isExpanded ? 'chevron-up' : 'chevron-down';\n }\n\n public get isExpanded(): boolean {\n return this._accordionItem.expanded;\n }\n\n public open(): void {\n if (!this._parentOrSelfDisabled()) {\n this._accordionItem.open();\n }\n }\n\n public close(): void {\n if (!this._parentOrSelfDisabled()) {\n this._accordionItem.close();\n }\n }\n\n public toggle(): void {\n if (!this._parentOrSelfDisabled()) {\n this._accordionItem.toggle();\n }\n }\n\n public focus(options?: FocusOptions): void {\n this._accordionHeader().nativeElement.focus(options);\n }\n}\n","<div\n #header\n role=\"button\"\n class=\"ids-accordion-item-summary\"\n [id]=\"_headerId()\"\n [attr.aria-expanded]=\"isExpanded ? 'true' : 'false'\"\n [attr.aria-controls]=\"_contentId()\"\n [attr.tabindex]=\"_parentOrSelfDisabled() ? -1 : 0\"\n [attr.aria-disabled]=\"_parentOrSelfDisabled()\"\n (click)=\"toggle()\"\n>\n @if (_parentOrSelfHasLeadingIcon()) {\n <ids-icon icon-leading [fontIcon]=\"_icon\" />\n }\n <span class=\"ids-accordion-item-title\">{{ summary() }}</span>\n @if (_parentOrSelfHasTrailingIcon()) {\n <ids-icon icon-trailing [fontIcon]=\"_icon\" />\n }\n</div>\n<div\n role=\"region\"\n class=\"ids-accordion-item-content\"\n [id]=\"_contentId()\"\n [attr.aria-labelledby]=\"_headerId()\"\n [@accordionAnimations]=\"isExpanded ? 'expanded' : 'collapsed'\"\n>\n <ng-content />\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"i-cell-ids-angular-accordion.mjs","sources":["../../../projects/widgets/accordion/accordion-animations.ts","../../../projects/widgets/accordion/types/accordion-appearance.type.ts","../../../projects/widgets/accordion/accordion-defaults.ts","../../../projects/widgets/accordion/accordion.component.ts","../../../projects/widgets/accordion/accordion.component.html","../../../projects/widgets/accordion/accordion-item/accordion-item.component.ts","../../../projects/widgets/accordion/accordion-item/accordion-item.component.html","../../../projects/widgets/accordion/i-cell-ids-angular-accordion.ts"],"sourcesContent":["import { trigger, state, style, transition, animate } from '@angular/animations';\n\nexport const accordionAnimations = trigger('accordionAnimations', [\n state('expanded', style({\n height: '*',\n opacity: 1,\n transform: 'scaleY(1)',\n visibility: '',\n })),\n state('collapsed', style({\n height: '0',\n opacity: 0,\n transform: 'scaleY(0.3)',\n padding: 0,\n visibility: 'hidden',\n })),\n transition('expanded => collapsed', [animate('0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000)')]),\n transition('collapsed => expanded', [animate('0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940)')]),\n]);\n","export const IdsAccordionAppearance = {\n FILLED: 'filled',\n TEXT: 'text',\n} as const;\n\nexport type IdsAccordionAppearanceType = (typeof IdsAccordionAppearance)[keyof typeof IdsAccordionAppearance];\n","import { IdsAccordionAppearance, IdsAccordionAppearanceType } from './types/accordion-appearance.type';\n\nimport { InjectionToken } from '@angular/core';\nimport { IdsButtonAppearance, IdsButtonAppearanceType, IdsButtonVariant, IdsButtonVariantType } from '@i-cell/ids-angular/button';\nimport { IdsSize, IdsSizeType } from '@i-cell/ids-angular/core';\n\nexport interface IdsAccordionDefaultConfig {\n size?: IdsSizeType\n appearance?: IdsAccordionAppearanceType\n multi?: boolean,\n btnSize?: IdsSizeType,\n btnAppearance?: IdsButtonAppearanceType,\n btnVariant?: IdsButtonVariantType,\n expandBtnLabel?: string,\n collapseBtnLabel?: string,\n hasLeadingIcon?: boolean,\n hasTrailingIcon?: boolean,\n}\n\nexport const IDS_ACCORDION_DEFAULT_CONFIG = new InjectionToken<IdsAccordionDefaultConfig>(\n 'IDS_ACCORDION_DEFAULT_CONFIG',\n {\n providedIn: 'root',\n factory: IDS_ACCORDION_DEFAULT_CONFIG_FACTORY,\n },\n);\n\nexport function IDS_ACCORDION_DEFAULT_CONFIG_FACTORY(): Required<IdsAccordionDefaultConfig> {\n return {\n size: IdsSize.COMPACT,\n appearance: IdsAccordionAppearance.FILLED,\n multi: false,\n btnSize: IdsSize.COMPACT,\n btnAppearance: IdsButtonAppearance.FILLED,\n btnVariant: IdsButtonVariant.SURFACE,\n expandBtnLabel: 'Expand all',\n collapseBtnLabel: 'Collapse all',\n hasLeadingIcon: false,\n hasTrailingIcon: true,\n };\n}\n","import { IDS_ACCORDION_DEFAULT_CONFIG, IDS_ACCORDION_DEFAULT_CONFIG_FACTORY, IdsAccordionDefaultConfig } from './accordion-defaults';\nimport { IdsAccordionItemComponent } from './accordion-item/accordion-item.component';\nimport { IdsAccordionAppearanceType } from './types/accordion-appearance.type';\n\nimport { CdkAccordion } from '@angular/cdk/accordion';\nimport { ChangeDetectionStrategy, Component, computed, contentChildren, inject, input, ViewEncapsulation } from '@angular/core';\nimport { IdsButtonAppearanceType, IdsButtonComponent, IdsButtonVariantType } from '@i-cell/ids-angular/button';\nimport { coerceBooleanAttribute, coerceStringAttribute, ComponentBaseWithDefaults, IdsSizeType } from '@i-cell/ids-angular/core';\n\nconst defaultConfig = IDS_ACCORDION_DEFAULT_CONFIG_FACTORY();\n\n@Component({\n selector: 'ids-accordion',\n imports: [IdsButtonComponent],\n templateUrl: './accordion.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '(keydown)': '_handleKeyDown($event)',\n },\n hostDirectives: [\n {\n directive: CdkAccordion,\n inputs: ['multi'],\n },\n ],\n})\nexport class IdsAccordionComponent extends ComponentBaseWithDefaults<IdsAccordionDefaultConfig> {\n protected override get _hostName(): string {\n return 'accordion';\n }\n\n private _cdkAccordion = inject(CdkAccordion);\n private _items = contentChildren<IdsAccordionItemComponent>(IdsAccordionItemComponent);\n\n protected readonly _defaultConfig = this._getDefaultConfig(defaultConfig, IDS_ACCORDION_DEFAULT_CONFIG);\n\n public size = input<IdsSizeType>(this._defaultConfig.size);\n public appearance = input<IdsAccordionAppearanceType>(this._defaultConfig.appearance);\n public disabled = input(false, { transform: coerceBooleanAttribute });\n public hasLeadingIcon = input(this._defaultConfig.hasLeadingIcon, { transform: coerceBooleanAttribute });\n public hasTrailingIcon = input(this._defaultConfig.hasTrailingIcon, { transform: coerceBooleanAttribute });\n public multi = input<boolean>(this._defaultConfig.multi);\n public btnSize = input<IdsSizeType>(this._defaultConfig.btnSize);\n public btnAppearance = input<IdsButtonAppearanceType>(this._defaultConfig.btnAppearance);\n public btnVariant = input<IdsButtonVariantType>(this._defaultConfig.btnVariant);\n public expandBtnLabel = input<string, string>(this._defaultConfig.expandBtnLabel, { transform: coerceStringAttribute });\n public collapseBtnLabel = input<string, string>(this._defaultConfig.collapseBtnLabel, { transform: coerceStringAttribute });\n\n protected _hostClasses = computed(() => this._getHostClasses([\n this.size(),\n this.appearance(),\n this.disabled() ? 'disabled' : null,\n ]));\n\n public openAll(): void {\n if (!this.disabled()) {\n this._cdkAccordion.openAll();\n }\n }\n\n public closeAll(): void {\n if (!this.disabled()) {\n this._cdkAccordion.closeAll();\n }\n }\n\n protected _handleKeyDown(event: KeyboardEvent): void {\n const navigationKeys = [\n 'Enter',\n ' ',\n 'ArrowUp',\n 'ArrowDown',\n 'Home',\n 'End',\n ];\n\n if (!navigationKeys.includes(event.key)) {\n return;\n }\n\n event.preventDefault();\n\n const items = this._items();\n const target = event.target as HTMLButtonElement;\n const accordionId = target.parentElement!.id;\n const index = items.findIndex((item) => item.id() === accordionId);\n\n switch (event.key) {\n case 'ArrowUp': {\n if (index > 0) {\n const prevItem = items[index - 1];\n prevItem.focus();\n }\n break;\n }\n case 'ArrowDown': {\n if (index < items.length - 1) {\n const nextItem = items[index + 1];\n nextItem.focus();\n }\n break;\n }\n case 'Enter':\n case ' ': {\n items[index].toggle();\n break;\n }\n case 'Home': {\n items[0].focus();\n break;\n }\n case 'End': {\n items[items.length - 1].focus();\n break;\n }\n default:\n return;\n }\n }\n}\n","@if (multi()) {\n <div class=\"ids-accordion-controls\">\n <button\n type=\"button\"\n idsButton\n [appearance]=\"btnAppearance()\"\n [disabled]=\"disabled()\"\n [variant]=\"btnVariant()\"\n [size]=\"btnSize()\"\n (click)=\"openAll()\"\n >\n {{ expandBtnLabel() }}\n </button>\n <button\n type=\"button\"\n idsButton\n [appearance]=\"btnAppearance()\"\n [disabled]=\"disabled()\"\n [variant]=\"btnVariant()\"\n [size]=\"btnSize()\"\n (click)=\"closeAll()\"\n >\n {{ collapseBtnLabel() }}\n </button>\n </div>\n}\n<ng-content />\n","import { accordionAnimations } from '../accordion-animations';\nimport { IdsAccordionComponent } from '../accordion.component';\n\nimport { CdkAccordionItem } from '@angular/cdk/accordion';\nimport { ChangeDetectionStrategy, Component, computed, ElementRef, inject, input, viewChild, ViewEncapsulation } from '@angular/core';\nimport { coerceBooleanAttribute, ComponentBase } from '@i-cell/ids-angular/core';\nimport { IdsIconComponent } from '@i-cell/ids-angular/icon';\n\n@Component({\n selector: 'ids-accordion-item',\n imports: [IdsIconComponent],\n templateUrl: './accordion-item.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n animations: [accordionAnimations],\n hostDirectives: [\n {\n directive: CdkAccordionItem,\n inputs: [\n 'expanded',\n 'disabled',\n ],\n outputs: [\n 'closed',\n 'destroyed',\n 'opened',\n ],\n },\n ],\n})\nexport class IdsAccordionItemComponent extends ComponentBase {\n protected override get _hostName(): string {\n return 'accordion-item';\n }\n\n private _accordion = inject(IdsAccordionComponent, { skipSelf: true });\n private _accordionItem = inject(CdkAccordionItem);\n private _accordionHeader = viewChild.required<ElementRef<HTMLElement>>('header');\n\n public summary = input<string | null>();\n public disabled = input<boolean>(false);\n public hasLeadingIcon = input(false, { transform: coerceBooleanAttribute });\n public hasTrailingIcon = input(this._accordion.hasTrailingIcon(), { transform: coerceBooleanAttribute });\n\n protected _headerId = computed(() => `${this.id()}-header`);\n protected _contentId = computed(() => `${this.id()}-content`);\n protected _parentOrSelfHasLeadingIcon = computed(() => this._accordion.hasLeadingIcon() ?? this.hasLeadingIcon());\n protected _parentOrSelfHasTrailingIcon = computed(() => this._accordion.hasTrailingIcon() ?? this.hasTrailingIcon());\n protected _parentOrSelfDisabled = computed(() => this._accordion.disabled() || this.disabled());\n\n protected _hostClasses = computed(() => this._getHostClasses(\n [this._parentOrSelfDisabled() ? 'disabled' : null],\n ));\n\n protected get _icon(): string {\n return this.isExpanded ? 'chevron-up' : 'chevron-down';\n }\n\n public get isExpanded(): boolean {\n return this._accordionItem.expanded;\n }\n\n public open(): void {\n if (!this._parentOrSelfDisabled()) {\n this._accordionItem.open();\n }\n }\n\n public close(): void {\n if (!this._parentOrSelfDisabled()) {\n this._accordionItem.close();\n }\n }\n\n public toggle(): void {\n if (!this._parentOrSelfDisabled()) {\n this._accordionItem.toggle();\n }\n }\n\n public focus(options?: FocusOptions): void {\n this._accordionHeader().nativeElement.focus(options);\n }\n}\n","<div\n #header\n role=\"button\"\n class=\"ids-accordion-item-summary\"\n [id]=\"_headerId()\"\n [attr.aria-expanded]=\"isExpanded ? 'true' : 'false'\"\n [attr.aria-controls]=\"_contentId()\"\n [attr.tabindex]=\"_parentOrSelfDisabled() ? -1 : 0\"\n [attr.aria-disabled]=\"_parentOrSelfDisabled()\"\n (click)=\"toggle()\"\n>\n @if (_parentOrSelfHasLeadingIcon()) {\n <ids-icon icon-leading [fontIcon]=\"_icon\" />\n }\n <span class=\"ids-accordion-item-title\">{{ summary() }}</span>\n @if (_parentOrSelfHasTrailingIcon()) {\n <ids-icon icon-trailing [fontIcon]=\"_icon\" />\n }\n</div>\n<div\n role=\"region\"\n class=\"ids-accordion-item-content\"\n [id]=\"_contentId()\"\n [attr.aria-labelledby]=\"_headerId()\"\n [@accordionAnimations]=\"isExpanded ? 'expanded' : 'collapsed'\"\n>\n <ng-content />\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -36,10 +36,10 @@ function IDS_AVATAR_DEFAULT_CONFIG_FACTORY() {
|
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
class IdsAvatarImageDirective {
|
|
39
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
40
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
39
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: IdsAvatarImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
40
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.5", type: IdsAvatarImageDirective, isStandalone: true, selector: "img[idsAvatarImage]", ngImport: i0 }); }
|
|
41
41
|
}
|
|
42
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
42
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: IdsAvatarImageDirective, decorators: [{
|
|
43
43
|
type: Directive,
|
|
44
44
|
args: [{
|
|
45
45
|
selector: 'img[idsAvatarImage]',
|
|
@@ -54,12 +54,12 @@ class IdsAvatarComponent extends ComponentBaseWithDefaults {
|
|
|
54
54
|
this._parent = inject(IDS_AVATAR_PARENT, { optional: true });
|
|
55
55
|
this._defaultConfig = this._getDefaultConfig(defaultConfig, IDS_AVATAR_DEFAULT_CONFIG);
|
|
56
56
|
this._avatarType = IdsAvatarType;
|
|
57
|
-
this._iconChild = contentChild(IdsIconComponent, ...(ngDevMode ? [{ debugName: "_iconChild" }] : []));
|
|
58
|
-
this._imageChild = contentChild(IdsAvatarImageDirective, ...(ngDevMode ? [{ debugName: "_imageChild" }] : []));
|
|
59
|
-
this.initials = input(null, ...(ngDevMode ? [{ debugName: "initials" }] : []));
|
|
60
|
-
this.size = input(this._defaultConfig.size, ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
61
|
-
this.sizeCollection = input(this._defaultConfig.sizeCollection, ...(ngDevMode ? [{ debugName: "sizeCollection" }] : []));
|
|
62
|
-
this.variant = input(this._defaultConfig.variant, ...(ngDevMode ? [{ debugName: "variant" }] : []));
|
|
57
|
+
this._iconChild = contentChild(IdsIconComponent, ...(ngDevMode ? [{ debugName: "_iconChild" }] : /* istanbul ignore next */ []));
|
|
58
|
+
this._imageChild = contentChild(IdsAvatarImageDirective, ...(ngDevMode ? [{ debugName: "_imageChild" }] : /* istanbul ignore next */ []));
|
|
59
|
+
this.initials = input(null, ...(ngDevMode ? [{ debugName: "initials" }] : /* istanbul ignore next */ []));
|
|
60
|
+
this.size = input(this._defaultConfig.size, ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
61
|
+
this.sizeCollection = input(this._defaultConfig.sizeCollection, ...(ngDevMode ? [{ debugName: "sizeCollection" }] : /* istanbul ignore next */ []));
|
|
62
|
+
this.variant = input(this._defaultConfig.variant, ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
63
63
|
this._implicitAvatarType = computed(() => {
|
|
64
64
|
if (this._iconChild() && !this._imageChild()) {
|
|
65
65
|
return IdsAvatarType.ICON;
|
|
@@ -68,9 +68,9 @@ class IdsAvatarComponent extends ComponentBaseWithDefaults {
|
|
|
68
68
|
return IdsAvatarType.IMAGE;
|
|
69
69
|
}
|
|
70
70
|
return IdsAvatarType.INITIALS;
|
|
71
|
-
}, ...(ngDevMode ? [{ debugName: "_implicitAvatarType" }] : []));
|
|
72
|
-
this._currentAvatarType = computed(() => this._implicitAvatarType() ?? this._defaultConfig.type, ...(ngDevMode ? [{ debugName: "_currentAvatarType" }] : []));
|
|
73
|
-
this._parentOrSelfVariant = computed(() => this._parent?.embeddedAvatarVariant() ?? this.variant(), ...(ngDevMode ? [{ debugName: "_parentOrSelfVariant" }] : []));
|
|
71
|
+
}, ...(ngDevMode ? [{ debugName: "_implicitAvatarType" }] : /* istanbul ignore next */ []));
|
|
72
|
+
this._currentAvatarType = computed(() => this._implicitAvatarType() ?? this._defaultConfig.type, ...(ngDevMode ? [{ debugName: "_currentAvatarType" }] : /* istanbul ignore next */ []));
|
|
73
|
+
this._parentOrSelfVariant = computed(() => this._parent?.embeddedAvatarVariant() ?? this.variant(), ...(ngDevMode ? [{ debugName: "_parentOrSelfVariant" }] : /* istanbul ignore next */ []));
|
|
74
74
|
this._hostClasses = computed(() => this._getHostClasses([
|
|
75
75
|
[
|
|
76
76
|
'type',
|
|
@@ -81,7 +81,7 @@ class IdsAvatarComponent extends ComponentBaseWithDefaults {
|
|
|
81
81
|
this.size(),
|
|
82
82
|
],
|
|
83
83
|
this._parentOrSelfVariant(),
|
|
84
|
-
]), ...(ngDevMode ? [{ debugName: "_hostClasses" }] : []));
|
|
84
|
+
]), ...(ngDevMode ? [{ debugName: "_hostClasses" }] : /* istanbul ignore next */ []));
|
|
85
85
|
this.embeddedIconVariant = computed(() => {
|
|
86
86
|
const avatarVariant = this._parentOrSelfVariant();
|
|
87
87
|
switch (avatarVariant) {
|
|
@@ -94,20 +94,20 @@ class IdsAvatarComponent extends ComponentBaseWithDefaults {
|
|
|
94
94
|
case IdsAvatarVariant.LIGHT:
|
|
95
95
|
return IdsIconVariant.SURFACE;
|
|
96
96
|
}
|
|
97
|
-
}, ...(ngDevMode ? [{ debugName: "embeddedIconVariant" }] : []));
|
|
97
|
+
}, ...(ngDevMode ? [{ debugName: "embeddedIconVariant" }] : /* istanbul ignore next */ []));
|
|
98
98
|
}
|
|
99
99
|
get _hostName() {
|
|
100
100
|
return 'avatar';
|
|
101
101
|
}
|
|
102
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
103
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
102
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: IdsAvatarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
103
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: IdsAvatarComponent, isStandalone: true, selector: "ids-avatar", inputs: { initials: { classPropertyName: "initials", publicName: "initials", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, sizeCollection: { classPropertyName: "sizeCollection", publicName: "sizeCollection", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
|
|
104
104
|
{
|
|
105
105
|
provide: IDS_ICON_PARENT,
|
|
106
106
|
useExisting: IdsAvatarComponent,
|
|
107
107
|
},
|
|
108
108
|
], queries: [{ propertyName: "_iconChild", first: true, predicate: IdsIconComponent, descendants: true, isSignal: true }, { propertyName: "_imageChild", first: true, predicate: IdsAvatarImageDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let type = _currentAvatarType();\n@switch (type) {\n @case (_avatarType.INITIALS) {\n <span>{{ initials() }}</span>\n }\n @case (_avatarType.ICON) {\n <ng-content select=\"ids-icon\">\n <ids-icon fontIcon=\"account\" />\n </ng-content>\n }\n @case (_avatarType.IMAGE) {\n <ng-content select=\"img[src]\" />\n }\n}\n", dependencies: [{ kind: "component", type: IdsIconComponent, selector: "ids-icon", inputs: ["size", "sizeCollection", "variant", "fontIcon", "svgIcon", "aria-hidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
109
109
|
}
|
|
110
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
110
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: IdsAvatarComponent, decorators: [{
|
|
111
111
|
type: Component,
|
|
112
112
|
args: [{ selector: 'ids-avatar', imports: [IdsIconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
113
113
|
{
|
|
@@ -115,7 +115,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
|
|
|
115
115
|
useExisting: IdsAvatarComponent,
|
|
116
116
|
},
|
|
117
117
|
], template: "@let type = _currentAvatarType();\n@switch (type) {\n @case (_avatarType.INITIALS) {\n <span>{{ initials() }}</span>\n }\n @case (_avatarType.ICON) {\n <ng-content select=\"ids-icon\">\n <ids-icon fontIcon=\"account\" />\n </ng-content>\n }\n @case (_avatarType.IMAGE) {\n <ng-content select=\"img[src]\" />\n }\n}\n" }]
|
|
118
|
-
}] });
|
|
118
|
+
}], propDecorators: { _iconChild: [{ type: i0.ContentChild, args: [i0.forwardRef(() => IdsIconComponent), { isSignal: true }] }], _imageChild: [{ type: i0.ContentChild, args: [i0.forwardRef(() => IdsAvatarImageDirective), { isSignal: true }] }], initials: [{ type: i0.Input, args: [{ isSignal: true, alias: "initials", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], sizeCollection: [{ type: i0.Input, args: [{ isSignal: true, alias: "sizeCollection", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
|
|
119
119
|
|
|
120
120
|
/**
|
|
121
121
|
* Generated bundle index. Do not edit.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"i-cell-ids-angular-avatar.mjs","sources":["../../../projects/widgets/avatar/tokens/avatar-parent.ts","../../../projects/widgets/avatar/types/avatar-type.type.ts","../../../projects/widgets/avatar/types/avatar-variant.type.ts","../../../projects/widgets/avatar/avatar-defaults.ts","../../../projects/widgets/avatar/avatar-image.directive.ts","../../../projects/widgets/avatar/avatar.component.ts","../../../projects/widgets/avatar/avatar.component.html","../../../projects/widgets/avatar/i-cell-ids-angular-avatar.ts"],"sourcesContent":["import { IdsAvatarVariantType } from '../types/avatar-variant.type';\n\nimport { InjectionToken, Signal } from '@angular/core';\n\nexport abstract class IdsAvatarParent {\n public readonly embeddedAvatarVariant!: Signal<IdsAvatarVariantType>;\n};\n\nexport const IDS_AVATAR_PARENT = new InjectionToken<IdsAvatarParent>(\n 'IDS_AVATAR_PARENT',\n);\n","export const IdsAvatarType = {\n INITIALS: 'initials',\n ICON: 'icon',\n IMAGE: 'image',\n} as const;\n\nexport type IdsAvatarTypeType = (typeof IdsAvatarType)[keyof typeof IdsAvatarType];\n","export const IdsAvatarVariant = {\n PRIMARY: 'primary',\n SECONDARY: 'secondary',\n SURFACE: 'surface',\n LIGHT: 'light',\n DARK: 'dark',\n} as const;\n\nexport type IdsAvatarVariantType = (typeof IdsAvatarVariant)[keyof typeof IdsAvatarVariant];\n","import { IdsAvatarType, IdsAvatarTypeType } from './types/avatar-type.type';\nimport { IdsAvatarVariant, IdsAvatarVariantType } from './types/avatar-variant.type';\n\nimport { InjectionToken } from '@angular/core';\nimport { IdsSize, IdsSizeCollection, IdsSizeCollectionType, IdsSizeType } from '@i-cell/ids-angular/core';\n\nexport interface IdsAvatarDefaultConfig {\n type: IdsAvatarTypeType\n size?: IdsSizeType\n sizeCollection?: IdsSizeCollectionType\n variant?: IdsAvatarVariantType,\n}\n\nexport const IDS_AVATAR_DEFAULT_CONFIG = new InjectionToken<IdsAvatarDefaultConfig>(\n 'IDS_AVATAR_DEFAULT_CONFIG',\n {\n providedIn: 'root',\n factory: IDS_AVATAR_DEFAULT_CONFIG_FACTORY,\n },\n);\n\nexport function IDS_AVATAR_DEFAULT_CONFIG_FACTORY(): Required<IdsAvatarDefaultConfig> {\n return {\n type: IdsAvatarType.INITIALS,\n size: IdsSize.COMPACT,\n sizeCollection: IdsSizeCollection.SMALL,\n variant: IdsAvatarVariant.PRIMARY,\n };\n}\n\n","import { Directive } from '@angular/core';\n\n@Directive({\n selector: 'img[idsAvatarImage]',\n standalone: true,\n})\nexport class IdsAvatarImageDirective {}\n","import { IDS_AVATAR_DEFAULT_CONFIG, IDS_AVATAR_DEFAULT_CONFIG_FACTORY, IdsAvatarDefaultConfig } from './avatar-defaults';\nimport { IdsAvatarImageDirective } from './avatar-image.directive';\nimport { IDS_AVATAR_PARENT } from './tokens/avatar-parent';\nimport { IdsAvatarType } from './types/avatar-type.type';\nimport { IdsAvatarVariant, IdsAvatarVariantType } from './types/avatar-variant.type';\n\nimport { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, contentChild, inject, input } from '@angular/core';\nimport { ComponentBaseWithDefaults, IdsSizeCollectionType, IdsSizeType } from '@i-cell/ids-angular/core';\nimport { IDS_ICON_PARENT, IdsIconComponent, IdsIconParent, IdsIconVariant, IdsIconVariantType } from '@i-cell/ids-angular/icon';\n\nconst defaultConfig = IDS_AVATAR_DEFAULT_CONFIG_FACTORY();\n\n@Component({\n selector: 'ids-avatar',\n imports: [IdsIconComponent],\n templateUrl: './avatar.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {\n provide: IDS_ICON_PARENT,\n useExisting: IdsAvatarComponent,\n },\n ],\n})\nexport class IdsAvatarComponent extends ComponentBaseWithDefaults<IdsAvatarDefaultConfig> implements IdsIconParent {\n protected override get _hostName(): string {\n return 'avatar';\n }\n\n private readonly _parent = inject(IDS_AVATAR_PARENT, { optional: true });\n\n protected readonly _defaultConfig = this._getDefaultConfig(defaultConfig, IDS_AVATAR_DEFAULT_CONFIG);\n\n protected readonly _avatarType = IdsAvatarType;\n\n private _iconChild = contentChild(IdsIconComponent);\n private _imageChild = contentChild(IdsAvatarImageDirective);\n\n public initials = input<string | null>(null);\n public size = input<IdsSizeType>(this._defaultConfig.size);\n public sizeCollection = input<IdsSizeCollectionType>(this._defaultConfig.sizeCollection);\n public variant = input<IdsAvatarVariantType>(this._defaultConfig.variant);\n\n private _implicitAvatarType = computed(() => {\n if (this._iconChild() && !this._imageChild()) {\n return IdsAvatarType.ICON;\n }\n if (this._imageChild() && !this._iconChild()) {\n return IdsAvatarType.IMAGE;\n }\n return IdsAvatarType.INITIALS;\n });\n\n protected _currentAvatarType = computed(() => this._implicitAvatarType() ?? this._defaultConfig.type);\n\n private _parentOrSelfVariant = computed(() => this._parent?.embeddedAvatarVariant() ?? this.variant());\n\n protected _hostClasses = computed(() => this._getHostClasses([\n [\n 'type',\n this._currentAvatarType(),\n ],\n [\n `${this.sizeCollection()}collection`,\n this.size(),\n ],\n this._parentOrSelfVariant(),\n ]));\n\n public embeddedIconVariant = computed<IdsIconVariantType>(() => {\n const avatarVariant = this._parentOrSelfVariant();\n switch (avatarVariant) {\n case IdsAvatarVariant.PRIMARY:\n case IdsAvatarVariant.SECONDARY:\n case IdsAvatarVariant.DARK:\n return IdsIconVariant.LIGHT;\n\n case IdsAvatarVariant.SURFACE:\n return IdsIconVariant.SURFACE;\n\n case IdsAvatarVariant.LIGHT:\n return IdsIconVariant.SURFACE;\n }\n });\n}\n","@let type = _currentAvatarType();\n@switch (type) {\n @case (_avatarType.INITIALS) {\n <span>{{ initials() }}</span>\n }\n @case (_avatarType.ICON) {\n <ng-content select=\"ids-icon\">\n <ids-icon fontIcon=\"account\" />\n </ng-content>\n }\n @case (_avatarType.IMAGE) {\n <ng-content select=\"img[src]\" />\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"i-cell-ids-angular-avatar.mjs","sources":["../../../projects/widgets/avatar/tokens/avatar-parent.ts","../../../projects/widgets/avatar/types/avatar-type.type.ts","../../../projects/widgets/avatar/types/avatar-variant.type.ts","../../../projects/widgets/avatar/avatar-defaults.ts","../../../projects/widgets/avatar/avatar-image.directive.ts","../../../projects/widgets/avatar/avatar.component.ts","../../../projects/widgets/avatar/avatar.component.html","../../../projects/widgets/avatar/i-cell-ids-angular-avatar.ts"],"sourcesContent":["import { IdsAvatarVariantType } from '../types/avatar-variant.type';\n\nimport { InjectionToken, Signal } from '@angular/core';\n\nexport abstract class IdsAvatarParent {\n public readonly embeddedAvatarVariant!: Signal<IdsAvatarVariantType>;\n};\n\nexport const IDS_AVATAR_PARENT = new InjectionToken<IdsAvatarParent>(\n 'IDS_AVATAR_PARENT',\n);\n","export const IdsAvatarType = {\n INITIALS: 'initials',\n ICON: 'icon',\n IMAGE: 'image',\n} as const;\n\nexport type IdsAvatarTypeType = (typeof IdsAvatarType)[keyof typeof IdsAvatarType];\n","export const IdsAvatarVariant = {\n PRIMARY: 'primary',\n SECONDARY: 'secondary',\n SURFACE: 'surface',\n LIGHT: 'light',\n DARK: 'dark',\n} as const;\n\nexport type IdsAvatarVariantType = (typeof IdsAvatarVariant)[keyof typeof IdsAvatarVariant];\n","import { IdsAvatarType, IdsAvatarTypeType } from './types/avatar-type.type';\nimport { IdsAvatarVariant, IdsAvatarVariantType } from './types/avatar-variant.type';\n\nimport { InjectionToken } from '@angular/core';\nimport { IdsSize, IdsSizeCollection, IdsSizeCollectionType, IdsSizeType } from '@i-cell/ids-angular/core';\n\nexport interface IdsAvatarDefaultConfig {\n type: IdsAvatarTypeType\n size?: IdsSizeType\n sizeCollection?: IdsSizeCollectionType\n variant?: IdsAvatarVariantType,\n}\n\nexport const IDS_AVATAR_DEFAULT_CONFIG = new InjectionToken<IdsAvatarDefaultConfig>(\n 'IDS_AVATAR_DEFAULT_CONFIG',\n {\n providedIn: 'root',\n factory: IDS_AVATAR_DEFAULT_CONFIG_FACTORY,\n },\n);\n\nexport function IDS_AVATAR_DEFAULT_CONFIG_FACTORY(): Required<IdsAvatarDefaultConfig> {\n return {\n type: IdsAvatarType.INITIALS,\n size: IdsSize.COMPACT,\n sizeCollection: IdsSizeCollection.SMALL,\n variant: IdsAvatarVariant.PRIMARY,\n };\n}\n\n","import { Directive } from '@angular/core';\n\n@Directive({\n selector: 'img[idsAvatarImage]',\n standalone: true,\n})\nexport class IdsAvatarImageDirective {}\n","import { IDS_AVATAR_DEFAULT_CONFIG, IDS_AVATAR_DEFAULT_CONFIG_FACTORY, IdsAvatarDefaultConfig } from './avatar-defaults';\nimport { IdsAvatarImageDirective } from './avatar-image.directive';\nimport { IDS_AVATAR_PARENT } from './tokens/avatar-parent';\nimport { IdsAvatarType } from './types/avatar-type.type';\nimport { IdsAvatarVariant, IdsAvatarVariantType } from './types/avatar-variant.type';\n\nimport { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, contentChild, inject, input } from '@angular/core';\nimport { ComponentBaseWithDefaults, IdsSizeCollectionType, IdsSizeType } from '@i-cell/ids-angular/core';\nimport { IDS_ICON_PARENT, IdsIconComponent, IdsIconParent, IdsIconVariant, IdsIconVariantType } from '@i-cell/ids-angular/icon';\n\nconst defaultConfig = IDS_AVATAR_DEFAULT_CONFIG_FACTORY();\n\n@Component({\n selector: 'ids-avatar',\n imports: [IdsIconComponent],\n templateUrl: './avatar.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {\n provide: IDS_ICON_PARENT,\n useExisting: IdsAvatarComponent,\n },\n ],\n})\nexport class IdsAvatarComponent extends ComponentBaseWithDefaults<IdsAvatarDefaultConfig> implements IdsIconParent {\n protected override get _hostName(): string {\n return 'avatar';\n }\n\n private readonly _parent = inject(IDS_AVATAR_PARENT, { optional: true });\n\n protected readonly _defaultConfig = this._getDefaultConfig(defaultConfig, IDS_AVATAR_DEFAULT_CONFIG);\n\n protected readonly _avatarType = IdsAvatarType;\n\n private _iconChild = contentChild(IdsIconComponent);\n private _imageChild = contentChild(IdsAvatarImageDirective);\n\n public initials = input<string | null>(null);\n public size = input<IdsSizeType>(this._defaultConfig.size);\n public sizeCollection = input<IdsSizeCollectionType>(this._defaultConfig.sizeCollection);\n public variant = input<IdsAvatarVariantType>(this._defaultConfig.variant);\n\n private _implicitAvatarType = computed(() => {\n if (this._iconChild() && !this._imageChild()) {\n return IdsAvatarType.ICON;\n }\n if (this._imageChild() && !this._iconChild()) {\n return IdsAvatarType.IMAGE;\n }\n return IdsAvatarType.INITIALS;\n });\n\n protected _currentAvatarType = computed(() => this._implicitAvatarType() ?? this._defaultConfig.type);\n\n private _parentOrSelfVariant = computed(() => this._parent?.embeddedAvatarVariant() ?? this.variant());\n\n protected _hostClasses = computed(() => this._getHostClasses([\n [\n 'type',\n this._currentAvatarType(),\n ],\n [\n `${this.sizeCollection()}collection`,\n this.size(),\n ],\n this._parentOrSelfVariant(),\n ]));\n\n public embeddedIconVariant = computed<IdsIconVariantType>(() => {\n const avatarVariant = this._parentOrSelfVariant();\n switch (avatarVariant) {\n case IdsAvatarVariant.PRIMARY:\n case IdsAvatarVariant.SECONDARY:\n case IdsAvatarVariant.DARK:\n return IdsIconVariant.LIGHT;\n\n case IdsAvatarVariant.SURFACE:\n return IdsIconVariant.SURFACE;\n\n case IdsAvatarVariant.LIGHT:\n return IdsIconVariant.SURFACE;\n }\n });\n}\n","@let type = _currentAvatarType();\n@switch (type) {\n @case (_avatarType.INITIALS) {\n <span>{{ initials() }}</span>\n }\n @case (_avatarType.ICON) {\n <ng-content select=\"ids-icon\">\n <ids-icon fontIcon=\"account\" />\n </ng-content>\n }\n @case (_avatarType.IMAGE) {\n <ng-content select=\"img[src]\" />\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -48,10 +48,10 @@ class BadgeLimitPipe {
|
|
|
48
48
|
}
|
|
49
49
|
return String(value);
|
|
50
50
|
}
|
|
51
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
52
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
51
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: BadgeLimitPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
52
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.5", ngImport: i0, type: BadgeLimitPipe, isStandalone: true, name: "badgeLimit", pure: false }); }
|
|
53
53
|
}
|
|
54
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
54
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: BadgeLimitPipe, decorators: [{
|
|
55
55
|
type: Pipe,
|
|
56
56
|
args: [{
|
|
57
57
|
name: 'badgeLimit',
|
|
@@ -63,31 +63,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
|
|
|
63
63
|
class IdsBadgeComponent extends ComponentBase {
|
|
64
64
|
constructor() {
|
|
65
65
|
super(...arguments);
|
|
66
|
-
this.appearance = input(...(ngDevMode ? [undefined, { debugName: "appearance" }] : []));
|
|
67
|
-
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : []));
|
|
68
|
-
this.label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
|
|
69
|
-
this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
|
|
70
|
-
this.limit = input(null, ...(ngDevMode ? [{ debugName: "limit" }] : []));
|
|
71
|
-
this.showLeadingElement = input(false, ...(ngDevMode ? [{ debugName: "showLeadingElement" }] : []));
|
|
72
|
-
this._iconLeading = contentChildren('ids-icon[icon-leading]', ...(ngDevMode ? [{ debugName: "_iconLeading" }] : []));
|
|
66
|
+
this.appearance = input(...(ngDevMode ? [undefined, { debugName: "appearance" }] : /* istanbul ignore next */ []));
|
|
67
|
+
this.variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
68
|
+
this.label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
|
|
69
|
+
this.size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
|
|
70
|
+
this.limit = input(null, ...(ngDevMode ? [{ debugName: "limit" }] : /* istanbul ignore next */ []));
|
|
71
|
+
this.showLeadingElement = input(false, ...(ngDevMode ? [{ debugName: "showLeadingElement" }] : /* istanbul ignore next */ []));
|
|
72
|
+
this._iconLeading = contentChildren('ids-icon[icon-leading]', ...(ngDevMode ? [{ debugName: "_iconLeading" }] : /* istanbul ignore next */ []));
|
|
73
73
|
this._hostClasses = computed(() => this._getHostClasses([
|
|
74
74
|
this.size(),
|
|
75
75
|
this.variant(),
|
|
76
|
-
]), ...(ngDevMode ? [{ debugName: "_hostClasses" }] : []));
|
|
76
|
+
]), ...(ngDevMode ? [{ debugName: "_hostClasses" }] : /* istanbul ignore next */ []));
|
|
77
77
|
}
|
|
78
78
|
get _hostName() {
|
|
79
79
|
return 'badge';
|
|
80
80
|
}
|
|
81
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
82
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
81
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: IdsBadgeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
82
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: IdsBadgeComponent, isStandalone: true, selector: "ids-badge", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, limit: { classPropertyName: "limit", publicName: "limit", isSignal: true, isRequired: false, transformFunction: null }, showLeadingElement: { classPropertyName: "showLeadingElement", publicName: "showLeadingElement", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "_iconLeading", predicate: ["ids-icon[icon-leading]"], isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div [ngClass]=\"!showLeadingElement() && !label() ? 'ids-badge__container-no-element' : 'ids-badge__container'\">\n @if (_iconLeading()) {\n <ng-content select=\"ids-icon[icon-leading]\"/>\n }\n <span class=\"ids-badge__label\" aria-live=\"polite\">{{ label() | badgeLimit:limit() }}</span>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: BadgeLimitPipe, name: "badgeLimit" }] }); }
|
|
83
83
|
}
|
|
84
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
84
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: IdsBadgeComponent, decorators: [{
|
|
85
85
|
type: Component,
|
|
86
86
|
args: [{ selector: 'ids-badge', standalone: true, imports: [
|
|
87
87
|
BadgeLimitPipe,
|
|
88
88
|
NgClass,
|
|
89
89
|
], template: "<div [ngClass]=\"!showLeadingElement() && !label() ? 'ids-badge__container-no-element' : 'ids-badge__container'\">\n @if (_iconLeading()) {\n <ng-content select=\"ids-icon[icon-leading]\"/>\n }\n <span class=\"ids-badge__label\" aria-live=\"polite\">{{ label() | badgeLimit:limit() }}</span>\n</div>\n" }]
|
|
90
|
-
}] });
|
|
90
|
+
}], propDecorators: { appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], limit: [{ type: i0.Input, args: [{ isSignal: true, alias: "limit", required: false }] }], showLeadingElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLeadingElement", required: false }] }], _iconLeading: [{ type: i0.ContentChildren, args: ['ids-icon[icon-leading]', { isSignal: true }] }] } });
|
|
91
91
|
|
|
92
92
|
const defaultConfig = IDS_BADGE_DEFAULT_CONFIG_FACTORY();
|
|
93
93
|
class IdsBadgeDirective extends DirectiveBaseWithDefaults {
|
|
@@ -97,13 +97,13 @@ class IdsBadgeDirective extends DirectiveBaseWithDefaults {
|
|
|
97
97
|
this._viewContainerRef = inject(ViewContainerRef);
|
|
98
98
|
this._injector = inject(Injector);
|
|
99
99
|
this._defaultConfig = this._getDefaultConfig(defaultConfig, IDS_BADGE_DEFAULT_CONFIG);
|
|
100
|
-
this.appearance = input(this._defaultConfig.appearance, ...(ngDevMode ?
|
|
101
|
-
this.label = input('', ...(ngDevMode ?
|
|
102
|
-
this.size = input(this._defaultConfig.size, ...(ngDevMode ?
|
|
103
|
-
this.variant = input(this._defaultConfig.variant, ...(ngDevMode ?
|
|
104
|
-
this.limit = input(null, ...(ngDevMode ?
|
|
105
|
-
this.showLeadingElement = input(this._defaultConfig.showLeadingElement, ...(ngDevMode ?
|
|
106
|
-
this._hostClasses = computed(() => this._getHostClasses([]), ...(ngDevMode ? [{ debugName: "_hostClasses" }] : []));
|
|
100
|
+
this.appearance = input(this._defaultConfig.appearance, { ...(ngDevMode ? { debugName: "appearance" } : /* istanbul ignore next */ {}), alias: 'badgeAppearance' });
|
|
101
|
+
this.label = input('', { ...(ngDevMode ? { debugName: "label" } : /* istanbul ignore next */ {}), alias: 'badgeLabel' });
|
|
102
|
+
this.size = input(this._defaultConfig.size, { ...(ngDevMode ? { debugName: "size" } : /* istanbul ignore next */ {}), alias: 'badgeSize' });
|
|
103
|
+
this.variant = input(this._defaultConfig.variant, { ...(ngDevMode ? { debugName: "variant" } : /* istanbul ignore next */ {}), alias: 'badgeVariant' });
|
|
104
|
+
this.limit = input(null, { ...(ngDevMode ? { debugName: "limit" } : /* istanbul ignore next */ {}), alias: 'badgeLimit' });
|
|
105
|
+
this.showLeadingElement = input(this._defaultConfig.showLeadingElement, { ...(ngDevMode ? { debugName: "showLeadingElement" } : /* istanbul ignore next */ {}), alias: 'badgeShowLeadingElement' });
|
|
106
|
+
this._hostClasses = computed(() => this._getHostClasses([]), ...(ngDevMode ? [{ debugName: "_hostClasses" }] : /* istanbul ignore next */ []));
|
|
107
107
|
}
|
|
108
108
|
ngOnInit() {
|
|
109
109
|
const originalEl = this._elementRef.nativeElement;
|
|
@@ -132,7 +132,7 @@ class IdsBadgeDirective extends DirectiveBaseWithDefaults {
|
|
|
132
132
|
if (this.showLeadingElement()) {
|
|
133
133
|
queueMicrotask(() => this._moveIconIfNeeded());
|
|
134
134
|
}
|
|
135
|
-
}, ...(ngDevMode ? [{ debugName: "_iconEffectRef" }] : []));
|
|
135
|
+
}, ...(ngDevMode ? [{ debugName: "_iconEffectRef" }] : /* istanbul ignore next */ []));
|
|
136
136
|
this._moveIconIfNeeded();
|
|
137
137
|
});
|
|
138
138
|
}
|
|
@@ -153,16 +153,16 @@ class IdsBadgeDirective extends DirectiveBaseWithDefaults {
|
|
|
153
153
|
this._iconEffectRef?.destroy();
|
|
154
154
|
this._badgeRef?.destroy();
|
|
155
155
|
}
|
|
156
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
157
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
156
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: IdsBadgeDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
157
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: IdsBadgeDirective, isStandalone: true, selector: "[idsBadge]", inputs: { appearance: { classPropertyName: "appearance", publicName: "badgeAppearance", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "badgeLabel", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "badgeSize", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "badgeVariant", isSignal: true, isRequired: false, transformFunction: null }, limit: { classPropertyName: "limit", publicName: "badgeLimit", isSignal: true, isRequired: false, transformFunction: null }, showLeadingElement: { classPropertyName: "showLeadingElement", publicName: "badgeShowLeadingElement", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
|
|
158
158
|
}
|
|
159
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
159
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: IdsBadgeDirective, decorators: [{
|
|
160
160
|
type: Directive,
|
|
161
161
|
args: [{
|
|
162
162
|
selector: '[idsBadge]',
|
|
163
163
|
standalone: true,
|
|
164
164
|
}]
|
|
165
|
-
}] });
|
|
165
|
+
}], propDecorators: { appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeAppearance", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeLabel", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeSize", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeVariant", required: false }] }], limit: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeLimit", required: false }] }], showLeadingElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeShowLeadingElement", required: false }] }] } });
|
|
166
166
|
|
|
167
167
|
/**
|
|
168
168
|
* Generated bundle index. Do not edit.
|