@kirbydesign/designsystem 12.0.0-dev-67d5287 → 12.0.0-dev-9f721bb
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/kirbydesign-designsystem-accordion.mjs +12 -12
- package/fesm2022/kirbydesign-designsystem-accordion.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-action-group.mjs +3 -3
- package/fesm2022/kirbydesign-designsystem-avatar.mjs +5 -5
- package/fesm2022/kirbydesign-designsystem-avatar.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-badge.mjs +5 -5
- package/fesm2022/kirbydesign-designsystem-badge.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-button.mjs +5 -5
- package/fesm2022/kirbydesign-designsystem-button.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-calendar.mjs +7 -7
- package/fesm2022/kirbydesign-designsystem-calendar.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-card.mjs +24 -24
- package/fesm2022/kirbydesign-designsystem-card.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-chart.mjs +22 -22
- package/fesm2022/kirbydesign-designsystem-checkbox.mjs +14 -6
- package/fesm2022/kirbydesign-designsystem-checkbox.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-data-table.mjs +7 -7
- package/fesm2022/kirbydesign-designsystem-divider.mjs +5 -5
- package/fesm2022/kirbydesign-designsystem-divider.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-dropdown.mjs +10 -10
- package/fesm2022/kirbydesign-designsystem-empty-state.mjs +19 -8
- package/fesm2022/kirbydesign-designsystem-empty-state.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-fab-sheet.mjs +3 -3
- package/fesm2022/kirbydesign-designsystem-flag.mjs +5 -5
- package/fesm2022/kirbydesign-designsystem-flag.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-form-field.mjs +32 -32
- package/fesm2022/kirbydesign-designsystem-form-field.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-gesture.mjs +3 -3
- package/fesm2022/kirbydesign-designsystem-header.mjs +19 -19
- package/fesm2022/kirbydesign-designsystem-helpers.mjs +9 -9
- package/fesm2022/kirbydesign-designsystem-icon.mjs +12 -12
- package/fesm2022/kirbydesign-designsystem-icon.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-item-group.mjs +3 -3
- package/fesm2022/kirbydesign-designsystem-item-sliding.mjs +3 -3
- package/fesm2022/kirbydesign-designsystem-item.mjs +12 -12
- package/fesm2022/kirbydesign-designsystem-item.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-kirby-app.mjs +7 -7
- package/fesm2022/kirbydesign-designsystem-list.mjs +49 -46
- package/fesm2022/kirbydesign-designsystem-list.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-loading-overlay.mjs +8 -8
- package/fesm2022/kirbydesign-designsystem-loading-overlay.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-menu.mjs +5 -5
- package/fesm2022/kirbydesign-designsystem-menu.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-modal.mjs +59 -50
- package/fesm2022/kirbydesign-designsystem-modal.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-page.mjs +69 -48
- package/fesm2022/kirbydesign-designsystem-page.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-popover.mjs +3 -3
- package/fesm2022/kirbydesign-designsystem-progress-circle.mjs +6 -6
- package/fesm2022/kirbydesign-designsystem-radio.mjs +12 -12
- package/fesm2022/kirbydesign-designsystem-radio.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-range.mjs +5 -5
- package/fesm2022/kirbydesign-designsystem-range.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-reorder-list.mjs +5 -5
- package/fesm2022/kirbydesign-designsystem-reorder-list.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-router-outlet.mjs +7 -7
- package/fesm2022/kirbydesign-designsystem-section-header.mjs +3 -3
- package/fesm2022/kirbydesign-designsystem-segmented-control.mjs +5 -5
- package/fesm2022/kirbydesign-designsystem-segmented-control.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-shared-floating.mjs +16 -7
- package/fesm2022/kirbydesign-designsystem-shared-floating.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-shared-portal.mjs +3 -3
- package/fesm2022/kirbydesign-designsystem-shared.mjs +21 -21
- package/fesm2022/kirbydesign-designsystem-slide-button.mjs +3 -3
- package/fesm2022/kirbydesign-designsystem-slide.mjs +13 -13
- package/fesm2022/kirbydesign-designsystem-spinner.mjs +9 -9
- package/fesm2022/kirbydesign-designsystem-spinner.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-tab-navigation.mjs +14 -14
- package/fesm2022/kirbydesign-designsystem-tab-navigation.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-tabs.mjs +17 -17
- package/fesm2022/kirbydesign-designsystem-tabs.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-testing-base.mjs +305 -303
- package/fesm2022/kirbydesign-designsystem-testing-base.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-testing-jasmine.mjs +4 -4
- package/fesm2022/kirbydesign-designsystem-testing-jest.mjs +4 -4
- package/fesm2022/kirbydesign-designsystem-testing.mjs +4 -4
- package/fesm2022/kirbydesign-designsystem-toast.mjs +6 -6
- package/fesm2022/kirbydesign-designsystem-toggle-button.mjs +7 -7
- package/fesm2022/kirbydesign-designsystem-toggle.mjs +5 -5
- package/fesm2022/kirbydesign-designsystem-toggle.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-types.mjs +3 -3
- package/fesm2022/kirbydesign-designsystem.mjs +10 -10
- package/package.json +2 -2
- package/types/kirbydesign-designsystem-card.d.ts +2 -2
- package/types/kirbydesign-designsystem-card.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-checkbox.d.ts +7 -1
- package/types/kirbydesign-designsystem-checkbox.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-empty-state.d.ts +11 -0
- package/types/kirbydesign-designsystem-empty-state.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-list.d.ts +5 -0
- package/types/kirbydesign-designsystem-list.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-modal.d.ts +2 -1
- package/types/kirbydesign-designsystem-modal.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-page.d.ts +4 -0
- package/types/kirbydesign-designsystem-page.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-shared-floating.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-testing-base.d.ts +5 -0
- package/types/kirbydesign-designsystem-testing-base.d.ts.map +1 -1
|
@@ -671,7 +671,7 @@ var IconRegistryService = class IconRegistryService {
|
|
|
671
671
|
static {
|
|
672
672
|
this.ɵfac = i0.ɵɵngDeclareFactory({
|
|
673
673
|
minVersion: "12.0.0",
|
|
674
|
-
version: "22.2.
|
|
674
|
+
version: "22.2.3",
|
|
675
675
|
ngImport: i0,
|
|
676
676
|
type: IconRegistryService,
|
|
677
677
|
deps: [{ token: BUILT_IN_ICONS_URL }],
|
|
@@ -681,7 +681,7 @@ var IconRegistryService = class IconRegistryService {
|
|
|
681
681
|
static {
|
|
682
682
|
this.ɵprov = i0.ɵɵngDeclareInjectable({
|
|
683
683
|
minVersion: "12.0.0",
|
|
684
|
-
version: "22.2.
|
|
684
|
+
version: "22.2.3",
|
|
685
685
|
ngImport: i0,
|
|
686
686
|
type: IconRegistryService,
|
|
687
687
|
providedIn: "root"
|
|
@@ -690,7 +690,7 @@ var IconRegistryService = class IconRegistryService {
|
|
|
690
690
|
};
|
|
691
691
|
i0.ɵɵngDeclareClassMetadata({
|
|
692
692
|
minVersion: "12.0.0",
|
|
693
|
-
version: "22.2.
|
|
693
|
+
version: "22.2.3",
|
|
694
694
|
ngImport: i0,
|
|
695
695
|
type: IconRegistryService,
|
|
696
696
|
decorators: [{
|
|
@@ -752,7 +752,7 @@ forgot to configure the custom icon through the 'IconRegistryService'?`);
|
|
|
752
752
|
static {
|
|
753
753
|
this.ɵfac = i0.ɵɵngDeclareFactory({
|
|
754
754
|
minVersion: "12.0.0",
|
|
755
|
-
version: "22.2.
|
|
755
|
+
version: "22.2.3",
|
|
756
756
|
ngImport: i0,
|
|
757
757
|
type: IconComponent,
|
|
758
758
|
deps: [
|
|
@@ -766,7 +766,7 @@ forgot to configure the custom icon through the 'IconRegistryService'?`);
|
|
|
766
766
|
static {
|
|
767
767
|
this.ɵcmp = i0.ɵɵngDeclareComponent({
|
|
768
768
|
minVersion: "14.0.0",
|
|
769
|
-
version: "22.2.
|
|
769
|
+
version: "22.2.3",
|
|
770
770
|
type: IconComponent,
|
|
771
771
|
isStandalone: true,
|
|
772
772
|
selector: "kirby-icon",
|
|
@@ -781,7 +781,7 @@ forgot to configure the custom icon through the 'IconRegistryService'?`);
|
|
|
781
781
|
usesOnChanges: true,
|
|
782
782
|
ngImport: i0,
|
|
783
783
|
template: "<ion-icon [src]=\"icon?.svg\"></ion-icon>\n",
|
|
784
|
-
styles: [":host{display:inline-flex;align-items:center;justify-content:center;font-size:var(--kirby-icon-font-size, var(--kirby-icon-font-size-sm));margin-left:var(--kirby-icon-margin-left, unset);margin-right:var(--kirby-icon-margin-right, unset)}:host svg path{fill:currentcolor;stroke:currentcolor}:host(.xs){--kirby-icon-font-size: var(--kirby-icon-font-size-xs)}:host(.sm){--kirby-icon-font-size: var(--kirby-icon-font-size-sm)}:host(.md){--kirby-icon-font-size: var(--kirby-icon-font-size-md)}:host(.lg){--kirby-icon-font-size: var(--kirby-icon-font-size-lg)}:host(.primary){color:var(--kirby-primary)}:host(.secondary){color:var(--kirby-secondary)}:host(.tertiary){color:var(--kirby-tertiary)}:host(.success){color:var(--kirby-color-fill-success-loud)}:host(.warning){color:var(--kirby-color-fill-warning-loud)}:host(.danger){color:var(--kirby-color-fill-danger-loud)}:host(.white-overlay){color:var(--kirby-white-overlay)}:host(.light){color:var(--kirby-light)}:host(.medium){color:var(--kirby-color-
|
|
784
|
+
styles: [":host{display:inline-flex;align-items:center;justify-content:center;font-size:var(--kirby-icon-font-size, var(--kirby-icon-font-size-sm));margin-left:var(--kirby-icon-margin-left, unset);margin-right:var(--kirby-icon-margin-right, unset)}:host svg path{fill:currentcolor;stroke:currentcolor}:host(.xs){--kirby-icon-font-size: var(--kirby-icon-font-size-xs)}:host(.sm){--kirby-icon-font-size: var(--kirby-icon-font-size-sm)}:host(.md){--kirby-icon-font-size: var(--kirby-icon-font-size-md)}:host(.lg){--kirby-icon-font-size: var(--kirby-icon-font-size-lg)}:host(.primary){color:var(--kirby-primary)}:host(.secondary){color:var(--kirby-secondary)}:host(.tertiary){color:var(--kirby-tertiary)}:host(.success){color:var(--kirby-color-fill-success-loud)}:host(.warning){color:var(--kirby-color-fill-warning-loud)}:host(.danger){color:var(--kirby-color-fill-danger-loud)}:host(.white-overlay){color:var(--kirby-white-overlay)}:host(.light){color:var(--kirby-light)}:host(.medium){color:var(--kirby-color-fill-neutral)}:host(.dark){color:var(--kirby-dark)}:host(.dark-overlay){color:var(--kirby-dark-overlay)}:host-context(kirby-item)[slot=start]{margin-inline-end:var(--kirby-spacing-xxs)}:host-context(kirby-item)[slot=end]{margin-inline-start:var(--kirby-spacing-xxs)}:host-context(ion-tab-button){pointer-events:none}\n"],
|
|
785
785
|
dependencies: [{
|
|
786
786
|
kind: "component",
|
|
787
787
|
type: IonIcon,
|
|
@@ -806,7 +806,7 @@ forgot to configure the custom icon through the 'IconRegistryService'?`);
|
|
|
806
806
|
};
|
|
807
807
|
i0.ɵɵngDeclareClassMetadata({
|
|
808
808
|
minVersion: "12.0.0",
|
|
809
|
-
version: "22.2.
|
|
809
|
+
version: "22.2.3",
|
|
810
810
|
ngImport: i0,
|
|
811
811
|
type: IconComponent,
|
|
812
812
|
decorators: [{
|
|
@@ -817,7 +817,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
817
817
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
818
818
|
imports: [IonIcon],
|
|
819
819
|
template: "<ion-icon [src]=\"icon?.svg\"></ion-icon>\n",
|
|
820
|
-
styles: [":host{display:inline-flex;align-items:center;justify-content:center;font-size:var(--kirby-icon-font-size, var(--kirby-icon-font-size-sm));margin-left:var(--kirby-icon-margin-left, unset);margin-right:var(--kirby-icon-margin-right, unset)}:host svg path{fill:currentcolor;stroke:currentcolor}:host(.xs){--kirby-icon-font-size: var(--kirby-icon-font-size-xs)}:host(.sm){--kirby-icon-font-size: var(--kirby-icon-font-size-sm)}:host(.md){--kirby-icon-font-size: var(--kirby-icon-font-size-md)}:host(.lg){--kirby-icon-font-size: var(--kirby-icon-font-size-lg)}:host(.primary){color:var(--kirby-primary)}:host(.secondary){color:var(--kirby-secondary)}:host(.tertiary){color:var(--kirby-tertiary)}:host(.success){color:var(--kirby-color-fill-success-loud)}:host(.warning){color:var(--kirby-color-fill-warning-loud)}:host(.danger){color:var(--kirby-color-fill-danger-loud)}:host(.white-overlay){color:var(--kirby-white-overlay)}:host(.light){color:var(--kirby-light)}:host(.medium){color:var(--kirby-color-
|
|
820
|
+
styles: [":host{display:inline-flex;align-items:center;justify-content:center;font-size:var(--kirby-icon-font-size, var(--kirby-icon-font-size-sm));margin-left:var(--kirby-icon-margin-left, unset);margin-right:var(--kirby-icon-margin-right, unset)}:host svg path{fill:currentcolor;stroke:currentcolor}:host(.xs){--kirby-icon-font-size: var(--kirby-icon-font-size-xs)}:host(.sm){--kirby-icon-font-size: var(--kirby-icon-font-size-sm)}:host(.md){--kirby-icon-font-size: var(--kirby-icon-font-size-md)}:host(.lg){--kirby-icon-font-size: var(--kirby-icon-font-size-lg)}:host(.primary){color:var(--kirby-primary)}:host(.secondary){color:var(--kirby-secondary)}:host(.tertiary){color:var(--kirby-tertiary)}:host(.success){color:var(--kirby-color-fill-success-loud)}:host(.warning){color:var(--kirby-color-fill-warning-loud)}:host(.danger){color:var(--kirby-color-fill-danger-loud)}:host(.white-overlay){color:var(--kirby-white-overlay)}:host(.light){color:var(--kirby-light)}:host(.medium){color:var(--kirby-color-fill-neutral)}:host(.dark){color:var(--kirby-dark)}:host(.dark-overlay){color:var(--kirby-dark-overlay)}:host-context(kirby-item)[slot=start]{margin-inline-end:var(--kirby-spacing-xxs)}:host-context(kirby-item)[slot=end]{margin-inline-start:var(--kirby-spacing-xxs)}:host-context(ion-tab-button){pointer-events:none}\n"]
|
|
821
821
|
}]
|
|
822
822
|
}],
|
|
823
823
|
ctorParameters: () => [
|
|
@@ -837,7 +837,7 @@ var IconModule = class IconModule {
|
|
|
837
837
|
static {
|
|
838
838
|
this.ɵfac = i0.ɵɵngDeclareFactory({
|
|
839
839
|
minVersion: "12.0.0",
|
|
840
|
-
version: "22.2.
|
|
840
|
+
version: "22.2.3",
|
|
841
841
|
ngImport: i0,
|
|
842
842
|
type: IconModule,
|
|
843
843
|
deps: [],
|
|
@@ -847,7 +847,7 @@ var IconModule = class IconModule {
|
|
|
847
847
|
static {
|
|
848
848
|
this.ɵmod = i0.ɵɵngDeclareNgModule({
|
|
849
849
|
minVersion: "14.0.0",
|
|
850
|
-
version: "22.2.
|
|
850
|
+
version: "22.2.3",
|
|
851
851
|
ngImport: i0,
|
|
852
852
|
type: IconModule,
|
|
853
853
|
imports: [
|
|
@@ -861,7 +861,7 @@ var IconModule = class IconModule {
|
|
|
861
861
|
static {
|
|
862
862
|
this.ɵinj = i0.ɵɵngDeclareInjector({
|
|
863
863
|
minVersion: "12.0.0",
|
|
864
|
-
version: "22.2.
|
|
864
|
+
version: "22.2.3",
|
|
865
865
|
ngImport: i0,
|
|
866
866
|
type: IconModule,
|
|
867
867
|
imports: [IonIcon, IconComponent]
|
|
@@ -870,7 +870,7 @@ var IconModule = class IconModule {
|
|
|
870
870
|
};
|
|
871
871
|
i0.ɵɵngDeclareClassMetadata({
|
|
872
872
|
minVersion: "12.0.0",
|
|
873
|
-
version: "22.2.
|
|
873
|
+
version: "22.2.3",
|
|
874
874
|
ngImport: i0,
|
|
875
875
|
type: IconModule,
|
|
876
876
|
decorators: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kirbydesign-designsystem-icon.mjs","names":[],"sources":["../../icon/src/kirby-icon-settings.ts","../../icon/src/icon-registry.service.ts","../../icon/src/icon.component.ts","../../icon/src/icon.component.html","../../icon/src/icon.module.ts"],"sourcesContent":["import { Icon, IconSettings } from './icon-settings';\n\nconst sortIconsByName = (icons: Icon[]) => {\n const collator = new Intl.Collator('en');\n return icons.sort((a, b) => collator.compare(a.name, b.name));\n};\n\nexport const kirbyIconSettings: IconSettings = {\n icons: sortIconsByName([\n { name: 'accounts-outline', svg: 'accounts-outline.svg' },\n { name: 'accounts', svg: 'accounts.svg' },\n { name: 'add', svg: 'add.svg' },\n { name: 'remove', svg: 'remove.svg' },\n { name: 'unsubscribe', svg: 'unsubscribe.svg' },\n { name: 'arrow-back', svg: 'arrow-back.svg' },\n { name: 'arrow-down', svg: 'arrow-down.svg' },\n { name: 'arrow-more', svg: 'arrow-more.svg' },\n { name: 'arrow-up', svg: 'arrow-up.svg' },\n { name: 'attach', svg: 'attach.svg' },\n { name: 'backspace', svg: 'backspace.svg' },\n { name: 'calendar', svg: 'calendar.svg' },\n { name: 'camera', svg: 'camera.svg' },\n { name: 'car', svg: 'car.svg' },\n { name: 'chainlink', svg: 'chainlink.svg' },\n { name: 'checkbox-outline', svg: 'checkbox-outline.svg' },\n { name: 'checkbox', svg: 'checkbox.svg' },\n { name: 'checkmark-selected', svg: 'checkmark-selected.svg' },\n { name: 'close', svg: 'close.svg' },\n { name: 'cog', svg: 'cog.svg' },\n { name: 'coinstack', svg: 'coinstack.svg' },\n { name: 'contact', svg: 'contact.svg' },\n { name: 'copy', svg: 'copy.svg' },\n { name: 'flag', svg: 'flag.svg' },\n { name: 'edit', svg: 'edit.svg' },\n { name: 'filter', svg: 'filter.svg' },\n { name: 'flash-off', svg: 'flash-off.svg' },\n { name: 'flash', svg: 'flash.svg' },\n { name: 'moneybag', svg: 'moneybag.svg' },\n { name: 'help', svg: 'help.svg' },\n { name: 'home', svg: 'home.svg' },\n { name: 'id-card', svg: 'id-card.svg' },\n { name: 'inbox', svg: 'inbox.svg' },\n { name: 'inbox-outline', svg: 'inbox-outline.svg' },\n { name: 'information', svg: 'information.svg' },\n { name: 'insurance', svg: 'insurance.svg' },\n { name: 'investment', svg: 'investment.svg' },\n { name: 'key', svg: 'key.svg' },\n { name: 'kirby', svg: 'kirby.svg' },\n { name: 'link', svg: 'link.svg' },\n { name: 'log-out', svg: 'log-out.svg' },\n { name: 'menu-outline', svg: 'menu-outline.svg' },\n { name: 'menu', svg: 'menu.svg' },\n { name: 'menu-no-decoration', svg: 'menu-no-decoration.svg' },\n { name: 'megaphone', svg: 'megaphone.svg' },\n { name: 'message-read', svg: 'message-read.svg' },\n { name: 'misc', svg: 'misc.svg' },\n { name: 'more', svg: 'more.svg' },\n { name: 'move', svg: 'move.svg' },\n { name: 'note', svg: 'note.svg' },\n { name: 'note-create', svg: 'note-create.svg' },\n { name: 'payment-card', svg: 'payment-card.svg' },\n { name: 'pension', svg: 'pension.svg' },\n { name: 'person-outline', svg: 'person-outline.svg' },\n { name: 'person', svg: 'person.svg' },\n { name: 'person-blocked', svg: 'person-blocked.svg' },\n { name: 'person-check', svg: 'person-check.svg' },\n { name: 'person-close', svg: 'person-close.svg' },\n { name: 'person-power', svg: 'person-power.svg' },\n { name: 'person-cloud', svg: 'person-cloud.svg' },\n { name: 'person-warning', svg: 'person-warning.svg' },\n { name: 'phone-device-pin', svg: 'phone-device-pin.svg' },\n { name: 'qr', svg: 'QR.svg' },\n { name: 'recurring', svg: 'recurring.svg' },\n { name: 'salary', svg: 'salary.svg' },\n { name: 'search', svg: 'search.svg' },\n { name: 'share', svg: 'share.svg' },\n { name: 'sort', svg: 'sort.svg' },\n { name: 'support', svg: 'support.svg' },\n { name: 'swap', svg: 'swap.svg' },\n { name: 'trash', svg: 'trash.svg' },\n { name: 'foreign-payment', svg: 'foreign-payment.svg' },\n { name: 'clock', svg: 'clock.svg' },\n { name: 'verify', svg: 'verify.svg' },\n { name: 'warning', svg: 'warning.svg' },\n { name: 'write-message', svg: 'write-message.svg' },\n { name: 'reorder', svg: 'reorder.svg' },\n { name: 'accident', svg: 'accident.svg' },\n { name: 'health', svg: 'health.svg' },\n { name: 'illness', svg: 'illness.svg' },\n { name: 'incapacity', svg: 'incapacity.svg' },\n { name: 'life', svg: 'life.svg' },\n { name: 'help-decoration', svg: 'help-decoration.svg' },\n { name: 'information-decoration', svg: 'information-decoration.svg' },\n { name: 'warning-decoration', svg: 'warning-decoration.svg' },\n { name: 'notification', svg: 'notification.svg' },\n { name: 'transfer-ownership', svg: 'transfer-ownership.svg' },\n { name: 'update', svg: 'update.svg' },\n { name: 'user-blocked', svg: 'user-blocked.svg' },\n { name: 'add-bank', svg: 'add-bank.svg' },\n { name: 'participants', svg: 'participants.svg' },\n { name: 'download', svg: 'download.svg' },\n { name: 'globe-transfer', svg: 'globe-transfer.svg' },\n { name: 'banknotes', svg: 'banknotes.svg' },\n { name: 'air-balloon', svg: 'air-balloon.svg' },\n { name: 'piggybank', svg: 'piggybank.svg' },\n { name: 'business', svg: 'business.svg' },\n { name: 'navigation', svg: 'navigation.svg' },\n { name: 'phone-device', svg: 'phone-device.svg' },\n { name: 'upload', svg: 'upload.svg' },\n { name: 'document', svg: 'document.svg' },\n { name: 'chat', svg: 'chat.svg' },\n { name: 'feedback', svg: 'feedback.svg' },\n { name: 'keyboard', svg: 'keyboard.svg' },\n { name: 'lock', svg: 'lock.svg' },\n { name: 'see', svg: 'see.svg' },\n { name: 'overview', svg: 'overview.svg' },\n { name: 'overview-outline', svg: 'overview-outline.svg' },\n { name: 'arrow-down-fill', svg: 'arrow-down-fill.svg' },\n { name: 'arrow-up-fill', svg: 'arrow-up-fill.svg' },\n { name: 'calculator', svg: 'calculator.svg' },\n { name: 'grid', svg: 'grid.svg' },\n { name: 'list', svg: 'list.svg' },\n { name: 'adjust', svg: 'adjust.svg' },\n { name: 'bs-logo', svg: 'bs-logo.svg' },\n { name: 'company', svg: 'company.svg' },\n { name: 'budget', svg: 'budget.svg' },\n { name: 'history', svg: 'history.svg' },\n { name: 'dot', svg: 'dot.svg' },\n { name: 'agreement', svg: 'agreement.svg' },\n { name: 'sunshine', svg: 'sunshine.svg' },\n { name: 'star', svg: 'star.svg' },\n { name: 'star-fill', svg: 'star-fill.svg' },\n { name: 'payment', svg: 'payment.svg' },\n { name: 'revert', svg: 'revert.svg' },\n { name: 'fees', svg: 'fees.svg' },\n { name: 'crossedeye', svg: 'crossedeye.svg' },\n { name: 'common', svg: 'common.svg' },\n { name: 'calendar-start', svg: 'calendar-start.svg' },\n { name: 'calendar-end', svg: 'calendar-end.svg' },\n { name: 'expand', svg: 'expand.svg' },\n { name: 'contract', svg: 'contract.svg' },\n { name: 'house', svg: 'house.svg' },\n { name: 'tractor', svg: 'tractor.svg' },\n { name: 'flower', svg: 'flower.svg' },\n { name: 'basket', svg: 'basket.svg' },\n { name: 'drag-drop', svg: 'drag-drop.svg' },\n { name: 'notification-fill', svg: 'notification-fill.svg' },\n { name: 'expense', svg: 'expense.svg' },\n { name: 'income', svg: 'income.svg' },\n { name: 'top-up', svg: 'top-up.svg' },\n { name: 'signed-document', svg: 'signed-document.svg' },\n { name: 'bank', svg: 'bank.svg' },\n { name: 'balloon', svg: 'balloon.svg' },\n { name: 'scale', svg: 'scale.svg' },\n { name: 'ownership', svg: 'ownership.svg' },\n { name: 'maintenance', svg: 'maintenance.svg' },\n { name: 'blocked', svg: 'blocked.svg' },\n { name: 'checklist', svg: 'checklist.svg' },\n { name: 'collection', svg: 'collection.svg' },\n { name: 'pause', svg: 'pause.svg' },\n { name: 'payment-change', svg: 'payment-change.svg' },\n { name: 'pregnancy', svg: 'pregnancy.svg' },\n { name: 'send', svg: 'send.svg' },\n { name: 'subscription', svg: 'subscription.svg' },\n ]),\n};\n\nexport const defaultIcons = kirbyIconSettings.icons.map((icon) => icon.name);\n","import { Inject, Injectable, InjectionToken } from '@angular/core';\n\nimport { Icon } from './icon-settings';\nimport { kirbyIconSettings } from './kirby-icon-settings';\n\nexport const DEFAULT_BUILT_IN_ICONS_URL = 'assets/kirby/icons/svg/';\n\n/**\n * Token used to configure base URL for path to built-in icons. Default is 'assets/kirby/icons/svg'.\n */\nexport const BUILT_IN_ICONS_URL = new InjectionToken<string>('BUILT_IN_ICONS_URL', {\n factory: () => DEFAULT_BUILT_IN_ICONS_URL,\n});\n\n@Injectable({\n providedIn: 'root',\n})\nexport class IconRegistryService {\n private iconRegistry = new Map<string, string>();\n\n constructor(@Inject(BUILT_IN_ICONS_URL) private builtInIconsUrl: string) {\n this.addDefaultIcons();\n }\n\n public addIcon(iconName: string, svgPath: string): void {\n if (!this.iconRegistry.has(iconName)) {\n this.iconRegistry.set(iconName, svgPath);\n } else {\n console.warn(`Icon with name: \"${iconName}\" already exists`);\n }\n }\n\n public addIcons(icons: Icon[]): void {\n if (!icons) {\n console.error('Icons not defined');\n return;\n }\n icons.forEach((icon) => {\n if (icon.name && icon.svg) this.addIcon(icon.name, icon.svg);\n });\n }\n\n private addDefaultIcons(): void {\n const baseUrl = this.builtInIconsUrl ?? DEFAULT_BUILT_IN_ICONS_URL;\n const baseUrlWithSlash = baseUrl.endsWith('/') ? baseUrl : baseUrl + '/';\n this.addIcons(\n kirbyIconSettings.icons.map((icon) => ({ name: icon.name, svg: baseUrlWithSlash + icon.svg }))\n );\n }\n\n getIcons(): Icon[] {\n return Array.from(this.iconRegistry.keys())\n .map((key) => this.getIcon(key))\n .filter((icon): icon is Icon => !!icon);\n }\n\n getIcon(name: string): Icon | undefined {\n const svg = this.iconRegistry.get(name);\n return svg ? { name, svg } : undefined;\n }\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n HostBinding,\n Input,\n OnChanges,\n Renderer2,\n SimpleChanges,\n} from '@angular/core';\n\nimport { IonIcon } from '@ionic/angular';\nimport { IconRegistryService } from './icon-registry.service';\nimport { Icon } from './icon-settings';\n\nexport enum IconSize {\n XS = 'xs',\n SM = 'sm',\n MD = 'md',\n LG = 'lg',\n}\n\n@Component({\n selector: 'kirby-icon',\n templateUrl: './icon.component.html',\n styleUrls: ['./icon.component.scss'],\n host: { '[class.kirby-icon]': 'true' },\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [IonIcon],\n})\nexport class IconComponent implements OnChanges {\n defaultIcon: Icon = this.iconRegistryService.getIcon('cog');\n private _icon = (this.icon = this.defaultIcon);\n private element: HTMLElement;\n\n @HostBinding('class')\n @Input()\n size?: IconSize | `${IconSize}`;\n\n @Input() name?: string;\n\n get icon(): Icon {\n return this._icon;\n }\n\n set icon(icon: Icon) {\n // If icon are not found, set default icon\n if (!icon && this.name) {\n this.warnAboutMissingIcon();\n\n icon = this.defaultIcon;\n\n // If default icon are not found\n if (!icon) {\n console.warn('Default icon was not found.');\n return;\n }\n }\n\n // Set icon if it's found\n if (icon) {\n this._icon = icon;\n }\n }\n\n private warnAboutMissingIcon(): void {\n console.warn(`Icon with name \"${this.name}\" was not found.\nDo you have a typo in 'name' for a built-in icon or\nforgot to configure the custom icon through the 'IconRegistryService'?`);\n }\n\n constructor(\n private iconRegistryService: IconRegistryService,\n private elementRef: ElementRef<HTMLElement>,\n private renderer: Renderer2\n ) {\n this.element = this.elementRef.nativeElement;\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes.name && changes.name.currentValue) {\n this.icon = this.iconRegistryService.getIcon(changes.name.currentValue);\n\n // This will always run on first init - and again later if name is changed\n // If name changes a new aria-label might have been added, so we need to check again.\n this.setAriaHiddenIfNoLabel();\n }\n }\n\n private setAriaHiddenIfNoLabel() {\n const existingAriaLabel = this.element.hasAttribute('aria-label');\n if (!existingAriaLabel) {\n this.renderer.setAttribute(this.element, 'aria-hidden', 'true');\n }\n }\n}\n","<ion-icon [src]=\"icon?.svg\"></ion-icon>\n","import { NgModule } from '@angular/core';\nimport { ThemeColorDirective } from '@kirbydesign/designsystem/shared';\nimport { IonIcon } from '@ionic/angular';\nimport { IconComponent } from './icon.component';\n\n@NgModule({\n imports: [ThemeColorDirective, IonIcon, IconComponent],\n exports: [IconComponent, ThemeColorDirective],\n})\nexport class IconModule {}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"kirbydesign-designsystem-icon.mjs","names":[],"sources":["../../icon/src/kirby-icon-settings.ts","../../icon/src/icon-registry.service.ts","../../icon/src/icon.component.ts","../../icon/src/icon.component.html","../../icon/src/icon.module.ts"],"sourcesContent":["import { Icon, IconSettings } from './icon-settings';\n\nconst sortIconsByName = (icons: Icon[]) => {\n const collator = new Intl.Collator('en');\n return icons.sort((a, b) => collator.compare(a.name, b.name));\n};\n\nexport const kirbyIconSettings: IconSettings = {\n icons: sortIconsByName([\n { name: 'accounts-outline', svg: 'accounts-outline.svg' },\n { name: 'accounts', svg: 'accounts.svg' },\n { name: 'add', svg: 'add.svg' },\n { name: 'remove', svg: 'remove.svg' },\n { name: 'unsubscribe', svg: 'unsubscribe.svg' },\n { name: 'arrow-back', svg: 'arrow-back.svg' },\n { name: 'arrow-down', svg: 'arrow-down.svg' },\n { name: 'arrow-more', svg: 'arrow-more.svg' },\n { name: 'arrow-up', svg: 'arrow-up.svg' },\n { name: 'attach', svg: 'attach.svg' },\n { name: 'backspace', svg: 'backspace.svg' },\n { name: 'calendar', svg: 'calendar.svg' },\n { name: 'camera', svg: 'camera.svg' },\n { name: 'car', svg: 'car.svg' },\n { name: 'chainlink', svg: 'chainlink.svg' },\n { name: 'checkbox-outline', svg: 'checkbox-outline.svg' },\n { name: 'checkbox', svg: 'checkbox.svg' },\n { name: 'checkmark-selected', svg: 'checkmark-selected.svg' },\n { name: 'close', svg: 'close.svg' },\n { name: 'cog', svg: 'cog.svg' },\n { name: 'coinstack', svg: 'coinstack.svg' },\n { name: 'contact', svg: 'contact.svg' },\n { name: 'copy', svg: 'copy.svg' },\n { name: 'flag', svg: 'flag.svg' },\n { name: 'edit', svg: 'edit.svg' },\n { name: 'filter', svg: 'filter.svg' },\n { name: 'flash-off', svg: 'flash-off.svg' },\n { name: 'flash', svg: 'flash.svg' },\n { name: 'moneybag', svg: 'moneybag.svg' },\n { name: 'help', svg: 'help.svg' },\n { name: 'home', svg: 'home.svg' },\n { name: 'id-card', svg: 'id-card.svg' },\n { name: 'inbox', svg: 'inbox.svg' },\n { name: 'inbox-outline', svg: 'inbox-outline.svg' },\n { name: 'information', svg: 'information.svg' },\n { name: 'insurance', svg: 'insurance.svg' },\n { name: 'investment', svg: 'investment.svg' },\n { name: 'key', svg: 'key.svg' },\n { name: 'kirby', svg: 'kirby.svg' },\n { name: 'link', svg: 'link.svg' },\n { name: 'log-out', svg: 'log-out.svg' },\n { name: 'menu-outline', svg: 'menu-outline.svg' },\n { name: 'menu', svg: 'menu.svg' },\n { name: 'menu-no-decoration', svg: 'menu-no-decoration.svg' },\n { name: 'megaphone', svg: 'megaphone.svg' },\n { name: 'message-read', svg: 'message-read.svg' },\n { name: 'misc', svg: 'misc.svg' },\n { name: 'more', svg: 'more.svg' },\n { name: 'move', svg: 'move.svg' },\n { name: 'note', svg: 'note.svg' },\n { name: 'note-create', svg: 'note-create.svg' },\n { name: 'payment-card', svg: 'payment-card.svg' },\n { name: 'pension', svg: 'pension.svg' },\n { name: 'person-outline', svg: 'person-outline.svg' },\n { name: 'person', svg: 'person.svg' },\n { name: 'person-blocked', svg: 'person-blocked.svg' },\n { name: 'person-check', svg: 'person-check.svg' },\n { name: 'person-close', svg: 'person-close.svg' },\n { name: 'person-power', svg: 'person-power.svg' },\n { name: 'person-cloud', svg: 'person-cloud.svg' },\n { name: 'person-warning', svg: 'person-warning.svg' },\n { name: 'phone-device-pin', svg: 'phone-device-pin.svg' },\n { name: 'qr', svg: 'QR.svg' },\n { name: 'recurring', svg: 'recurring.svg' },\n { name: 'salary', svg: 'salary.svg' },\n { name: 'search', svg: 'search.svg' },\n { name: 'share', svg: 'share.svg' },\n { name: 'sort', svg: 'sort.svg' },\n { name: 'support', svg: 'support.svg' },\n { name: 'swap', svg: 'swap.svg' },\n { name: 'trash', svg: 'trash.svg' },\n { name: 'foreign-payment', svg: 'foreign-payment.svg' },\n { name: 'clock', svg: 'clock.svg' },\n { name: 'verify', svg: 'verify.svg' },\n { name: 'warning', svg: 'warning.svg' },\n { name: 'write-message', svg: 'write-message.svg' },\n { name: 'reorder', svg: 'reorder.svg' },\n { name: 'accident', svg: 'accident.svg' },\n { name: 'health', svg: 'health.svg' },\n { name: 'illness', svg: 'illness.svg' },\n { name: 'incapacity', svg: 'incapacity.svg' },\n { name: 'life', svg: 'life.svg' },\n { name: 'help-decoration', svg: 'help-decoration.svg' },\n { name: 'information-decoration', svg: 'information-decoration.svg' },\n { name: 'warning-decoration', svg: 'warning-decoration.svg' },\n { name: 'notification', svg: 'notification.svg' },\n { name: 'transfer-ownership', svg: 'transfer-ownership.svg' },\n { name: 'update', svg: 'update.svg' },\n { name: 'user-blocked', svg: 'user-blocked.svg' },\n { name: 'add-bank', svg: 'add-bank.svg' },\n { name: 'participants', svg: 'participants.svg' },\n { name: 'download', svg: 'download.svg' },\n { name: 'globe-transfer', svg: 'globe-transfer.svg' },\n { name: 'banknotes', svg: 'banknotes.svg' },\n { name: 'air-balloon', svg: 'air-balloon.svg' },\n { name: 'piggybank', svg: 'piggybank.svg' },\n { name: 'business', svg: 'business.svg' },\n { name: 'navigation', svg: 'navigation.svg' },\n { name: 'phone-device', svg: 'phone-device.svg' },\n { name: 'upload', svg: 'upload.svg' },\n { name: 'document', svg: 'document.svg' },\n { name: 'chat', svg: 'chat.svg' },\n { name: 'feedback', svg: 'feedback.svg' },\n { name: 'keyboard', svg: 'keyboard.svg' },\n { name: 'lock', svg: 'lock.svg' },\n { name: 'see', svg: 'see.svg' },\n { name: 'overview', svg: 'overview.svg' },\n { name: 'overview-outline', svg: 'overview-outline.svg' },\n { name: 'arrow-down-fill', svg: 'arrow-down-fill.svg' },\n { name: 'arrow-up-fill', svg: 'arrow-up-fill.svg' },\n { name: 'calculator', svg: 'calculator.svg' },\n { name: 'grid', svg: 'grid.svg' },\n { name: 'list', svg: 'list.svg' },\n { name: 'adjust', svg: 'adjust.svg' },\n { name: 'bs-logo', svg: 'bs-logo.svg' },\n { name: 'company', svg: 'company.svg' },\n { name: 'budget', svg: 'budget.svg' },\n { name: 'history', svg: 'history.svg' },\n { name: 'dot', svg: 'dot.svg' },\n { name: 'agreement', svg: 'agreement.svg' },\n { name: 'sunshine', svg: 'sunshine.svg' },\n { name: 'star', svg: 'star.svg' },\n { name: 'star-fill', svg: 'star-fill.svg' },\n { name: 'payment', svg: 'payment.svg' },\n { name: 'revert', svg: 'revert.svg' },\n { name: 'fees', svg: 'fees.svg' },\n { name: 'crossedeye', svg: 'crossedeye.svg' },\n { name: 'common', svg: 'common.svg' },\n { name: 'calendar-start', svg: 'calendar-start.svg' },\n { name: 'calendar-end', svg: 'calendar-end.svg' },\n { name: 'expand', svg: 'expand.svg' },\n { name: 'contract', svg: 'contract.svg' },\n { name: 'house', svg: 'house.svg' },\n { name: 'tractor', svg: 'tractor.svg' },\n { name: 'flower', svg: 'flower.svg' },\n { name: 'basket', svg: 'basket.svg' },\n { name: 'drag-drop', svg: 'drag-drop.svg' },\n { name: 'notification-fill', svg: 'notification-fill.svg' },\n { name: 'expense', svg: 'expense.svg' },\n { name: 'income', svg: 'income.svg' },\n { name: 'top-up', svg: 'top-up.svg' },\n { name: 'signed-document', svg: 'signed-document.svg' },\n { name: 'bank', svg: 'bank.svg' },\n { name: 'balloon', svg: 'balloon.svg' },\n { name: 'scale', svg: 'scale.svg' },\n { name: 'ownership', svg: 'ownership.svg' },\n { name: 'maintenance', svg: 'maintenance.svg' },\n { name: 'blocked', svg: 'blocked.svg' },\n { name: 'checklist', svg: 'checklist.svg' },\n { name: 'collection', svg: 'collection.svg' },\n { name: 'pause', svg: 'pause.svg' },\n { name: 'payment-change', svg: 'payment-change.svg' },\n { name: 'pregnancy', svg: 'pregnancy.svg' },\n { name: 'send', svg: 'send.svg' },\n { name: 'subscription', svg: 'subscription.svg' },\n ]),\n};\n\nexport const defaultIcons = kirbyIconSettings.icons.map((icon) => icon.name);\n","import { Inject, Injectable, InjectionToken } from '@angular/core';\n\nimport { Icon } from './icon-settings';\nimport { kirbyIconSettings } from './kirby-icon-settings';\n\nexport const DEFAULT_BUILT_IN_ICONS_URL = 'assets/kirby/icons/svg/';\n\n/**\n * Token used to configure base URL for path to built-in icons. Default is 'assets/kirby/icons/svg'.\n */\nexport const BUILT_IN_ICONS_URL = new InjectionToken<string>('BUILT_IN_ICONS_URL', {\n factory: () => DEFAULT_BUILT_IN_ICONS_URL,\n});\n\n@Injectable({\n providedIn: 'root',\n})\nexport class IconRegistryService {\n private iconRegistry = new Map<string, string>();\n\n constructor(@Inject(BUILT_IN_ICONS_URL) private builtInIconsUrl: string) {\n this.addDefaultIcons();\n }\n\n public addIcon(iconName: string, svgPath: string): void {\n if (!this.iconRegistry.has(iconName)) {\n this.iconRegistry.set(iconName, svgPath);\n } else {\n console.warn(`Icon with name: \"${iconName}\" already exists`);\n }\n }\n\n public addIcons(icons: Icon[]): void {\n if (!icons) {\n console.error('Icons not defined');\n return;\n }\n icons.forEach((icon) => {\n if (icon.name && icon.svg) this.addIcon(icon.name, icon.svg);\n });\n }\n\n private addDefaultIcons(): void {\n const baseUrl = this.builtInIconsUrl ?? DEFAULT_BUILT_IN_ICONS_URL;\n const baseUrlWithSlash = baseUrl.endsWith('/') ? baseUrl : baseUrl + '/';\n this.addIcons(\n kirbyIconSettings.icons.map((icon) => ({ name: icon.name, svg: baseUrlWithSlash + icon.svg }))\n );\n }\n\n getIcons(): Icon[] {\n return Array.from(this.iconRegistry.keys())\n .map((key) => this.getIcon(key))\n .filter((icon): icon is Icon => !!icon);\n }\n\n getIcon(name: string): Icon | undefined {\n const svg = this.iconRegistry.get(name);\n return svg ? { name, svg } : undefined;\n }\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n HostBinding,\n Input,\n OnChanges,\n Renderer2,\n SimpleChanges,\n} from '@angular/core';\n\nimport { IonIcon } from '@ionic/angular';\nimport { IconRegistryService } from './icon-registry.service';\nimport { Icon } from './icon-settings';\n\nexport enum IconSize {\n XS = 'xs',\n SM = 'sm',\n MD = 'md',\n LG = 'lg',\n}\n\n@Component({\n selector: 'kirby-icon',\n templateUrl: './icon.component.html',\n styleUrls: ['./icon.component.scss'],\n host: { '[class.kirby-icon]': 'true' },\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [IonIcon],\n})\nexport class IconComponent implements OnChanges {\n defaultIcon: Icon = this.iconRegistryService.getIcon('cog');\n private _icon = (this.icon = this.defaultIcon);\n private element: HTMLElement;\n\n @HostBinding('class')\n @Input()\n size?: IconSize | `${IconSize}`;\n\n @Input() name?: string;\n\n get icon(): Icon {\n return this._icon;\n }\n\n set icon(icon: Icon) {\n // If icon are not found, set default icon\n if (!icon && this.name) {\n this.warnAboutMissingIcon();\n\n icon = this.defaultIcon;\n\n // If default icon are not found\n if (!icon) {\n console.warn('Default icon was not found.');\n return;\n }\n }\n\n // Set icon if it's found\n if (icon) {\n this._icon = icon;\n }\n }\n\n private warnAboutMissingIcon(): void {\n console.warn(`Icon with name \"${this.name}\" was not found.\nDo you have a typo in 'name' for a built-in icon or\nforgot to configure the custom icon through the 'IconRegistryService'?`);\n }\n\n constructor(\n private iconRegistryService: IconRegistryService,\n private elementRef: ElementRef<HTMLElement>,\n private renderer: Renderer2\n ) {\n this.element = this.elementRef.nativeElement;\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes.name && changes.name.currentValue) {\n this.icon = this.iconRegistryService.getIcon(changes.name.currentValue);\n\n // This will always run on first init - and again later if name is changed\n // If name changes a new aria-label might have been added, so we need to check again.\n this.setAriaHiddenIfNoLabel();\n }\n }\n\n private setAriaHiddenIfNoLabel() {\n const existingAriaLabel = this.element.hasAttribute('aria-label');\n if (!existingAriaLabel) {\n this.renderer.setAttribute(this.element, 'aria-hidden', 'true');\n }\n }\n}\n","<ion-icon [src]=\"icon?.svg\"></ion-icon>\n","import { NgModule } from '@angular/core';\nimport { ThemeColorDirective } from '@kirbydesign/designsystem/shared';\nimport { IonIcon } from '@ionic/angular';\nimport { IconComponent } from './icon.component';\n\n@NgModule({\n imports: [ThemeColorDirective, IonIcon, IconComponent],\n exports: [IconComponent, ThemeColorDirective],\n})\nexport class IconModule {}\n"],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ var ItemGroupComponent = class ItemGroupComponent {
|
|
|
7
7
|
static {
|
|
8
8
|
this.ɵfac = i0.ɵɵngDeclareFactory({
|
|
9
9
|
minVersion: "12.0.0",
|
|
10
|
-
version: "22.2.
|
|
10
|
+
version: "22.2.3",
|
|
11
11
|
ngImport: i0,
|
|
12
12
|
type: ItemGroupComponent,
|
|
13
13
|
deps: [],
|
|
@@ -17,7 +17,7 @@ var ItemGroupComponent = class ItemGroupComponent {
|
|
|
17
17
|
static {
|
|
18
18
|
this.ɵcmp = i0.ɵɵngDeclareComponent({
|
|
19
19
|
minVersion: "14.0.0",
|
|
20
|
-
version: "22.2.
|
|
20
|
+
version: "22.2.3",
|
|
21
21
|
type: ItemGroupComponent,
|
|
22
22
|
isStandalone: true,
|
|
23
23
|
selector: "kirby-item-group",
|
|
@@ -31,7 +31,7 @@ var ItemGroupComponent = class ItemGroupComponent {
|
|
|
31
31
|
};
|
|
32
32
|
i0.ɵɵngDeclareClassMetadata({
|
|
33
33
|
minVersion: "12.0.0",
|
|
34
|
-
version: "22.2.
|
|
34
|
+
version: "22.2.3",
|
|
35
35
|
ngImport: i0,
|
|
36
36
|
type: ItemGroupComponent,
|
|
37
37
|
decorators: [{
|
|
@@ -22,7 +22,7 @@ var ItemSlidingComponent = class ItemSlidingComponent {
|
|
|
22
22
|
static {
|
|
23
23
|
this.ɵfac = i0.ɵɵngDeclareFactory({
|
|
24
24
|
minVersion: "12.0.0",
|
|
25
|
-
version: "22.2.
|
|
25
|
+
version: "22.2.3",
|
|
26
26
|
ngImport: i0,
|
|
27
27
|
type: ItemSlidingComponent,
|
|
28
28
|
deps: [],
|
|
@@ -32,7 +32,7 @@ var ItemSlidingComponent = class ItemSlidingComponent {
|
|
|
32
32
|
static {
|
|
33
33
|
this.ɵcmp = i0.ɵɵngDeclareComponent({
|
|
34
34
|
minVersion: "17.0.0",
|
|
35
|
-
version: "22.2.
|
|
35
|
+
version: "22.2.3",
|
|
36
36
|
type: ItemSlidingComponent,
|
|
37
37
|
isStandalone: true,
|
|
38
38
|
selector: "kirby-item-sliding",
|
|
@@ -114,7 +114,7 @@ var ItemSlidingComponent = class ItemSlidingComponent {
|
|
|
114
114
|
};
|
|
115
115
|
i0.ɵɵngDeclareClassMetadata({
|
|
116
116
|
minVersion: "12.0.0",
|
|
117
|
-
version: "22.2.
|
|
117
|
+
version: "22.2.3",
|
|
118
118
|
ngImport: i0,
|
|
119
119
|
type: ItemSlidingComponent,
|
|
120
120
|
decorators: [{
|
|
@@ -57,7 +57,7 @@ var ItemComponent = class ItemComponent {
|
|
|
57
57
|
static {
|
|
58
58
|
this.ɵfac = i0.ɵɵngDeclareFactory({
|
|
59
59
|
minVersion: "12.0.0",
|
|
60
|
-
version: "22.2.
|
|
60
|
+
version: "22.2.3",
|
|
61
61
|
ngImport: i0,
|
|
62
62
|
type: ItemComponent,
|
|
63
63
|
deps: [
|
|
@@ -72,7 +72,7 @@ var ItemComponent = class ItemComponent {
|
|
|
72
72
|
static {
|
|
73
73
|
this.ɵcmp = i0.ɵɵngDeclareComponent({
|
|
74
74
|
minVersion: "17.0.0",
|
|
75
|
-
version: "22.2.
|
|
75
|
+
version: "22.2.3",
|
|
76
76
|
type: ItemComponent,
|
|
77
77
|
isStandalone: true,
|
|
78
78
|
selector: "kirby-item",
|
|
@@ -134,7 +134,7 @@ var ItemComponent = class ItemComponent {
|
|
|
134
134
|
}],
|
|
135
135
|
ngImport: i0,
|
|
136
136
|
template: "<ion-item\n lines=\"none\"\n [disabled]=\"disabled\"\n [button]=\"_renderButton\"\n [href]=\"_renderLink\"\n [detail]=\"false\"\n (mousedown)=\"onMouseDown($event)\"\n>\n <div class=\"outside\" slot=\"start\">\n <ng-content select=\"[slot='outside']\"></ng-content>\n </div>\n <ng-content></ng-content>\n @if (reorderable) {\n <ion-reorder slot=\"end\">\n <kirby-icon name=\"reorder\"></kirby-icon>\n </ion-reorder>\n }\n\n @if (disclosure) {\n <span class=\"disclosure\" slot=\"end\">\n <kirby-icon\n [class.rotate]=\"rotateIcon && (disclosure === 'arrow-down' || disclosure === 'arrow-up')\"\n name=\"{{ disclosure }}\"\n ></kirby-icon>\n </span>\n }\n</ion-item>\n",
|
|
137
|
-
styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}:host{display:block;position:relative}:host.sm ion-item,:host-context(kirby-card.menu-popover) :host:not([size]) ion-item{--min-height: 44px}:host.xs ion-item{--min-height: 32px}:host.xs ion-item:not(:has(kirby-checkbox,kirby-radio)){--inner-padding-top: var(--kirby-spacing-xxxs);--inner-padding-bottom: var(--kirby-spacing-xxxs)}:host .outside{--kirby-badge-font-size: 10px;display:flex;width:var(--kirby-relative-size-s);margin:0;position:absolute;left:var(--kirby-spacing-xxxs);z-index:1}ion-item::part(native){border-radius:var(--kirby-content-border-top-radius, 0) var(--kirby-content-border-top-radius, 0) var(--kirby-content-border-bottom-radius, 0) var(--kirby-content-border-bottom-radius, 0)}ion-item::part(native):focus-visible{box-shadow:var(--kirby-focus-ring-md-inset)}ion-item{--padding-top: var(--item-padding-top, 0px);--padding-bottom: var(--item-padding-bottom, 0px);--min-height: 56px;--padding-start: var(--kirby-spacing-s);--inner-padding-top: var(--kirby-spacing-xxs);--inner-padding-bottom: var(--kirby-spacing-xxs);--inner-padding-end: var(--kirby-spacing-s);--color: var(--kirby-color-content-base);--color-hover: var(--kirby-color-content-base-hover);--background: var(--kirby-item-background, var(--kirby-color-fill-base));--background-hover: var(--kirby-color-fill-base-hover);--background-hover-opacity: 1;--background-focused: var(--kirby-item-background-focused, var(--kirby-color-fill-base));--background-focused-opacity: 1;font-size:var(--kirby-font-size-n)}ion-item.ion-activated{--background-hover: var(--kirby-color-fill-base-active);--color-hover: var(--kirby-color-content-base-active)}@media screen and (orientation:landscape){ion-item{--ion-safe-area-left: 0px;--ion-safe-area-right: 0px}}ion-item ::ng-deep>[slot=end]{text-align:end}ion-item ::ng-deep>[slot=end] kirby-label{text-align:start}ion-item ::ng-deep>time[slot=end]{margin-inline-start:var(--kirby-spacing-xs)}ion-item ::ng-deep>data[slot=end],ion-item ::ng-deep>[detail][slot=end],ion-item ::ng-deep>ion-reorder[slot=end]{margin-inline-start:var(--kirby-spacing-s)}ion-item ::ng-deep>h1,ion-item ::ng-deep>h2,ion-item ::ng-deep>h3,ion-item ::ng-deep>h4,ion-item ::ng-deep>h5,ion-item ::ng-deep>h6,ion-item ::ng-deep>data,ion-item ::ng-deep>p{color:var(--kirby-color-content-base);display:block;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ion-item ::ng-deep>:where(p){font-size:var(--kirby-font-size-s);line-height:var(--kirby-line-height-s)}ion-item ::ng-deep>:where(.kirby-item-title),ion-item ::ng-deep>:where(h1),ion-item ::ng-deep>:where(h2),ion-item ::ng-deep>:where(h3),ion-item ::ng-deep>:where(h4),ion-item ::ng-deep>:where(h5),ion-item ::ng-deep>:where(h6),ion-item ::ng-deep>:where(data){font-size:var(--kirby-font-size-n);line-height:var(--kirby-line-height-n);font-weight:400}ion-item ::ng-deep>[subtitle],ion-item ::ng-deep>[detail],ion-item ::ng-deep>.kirby-item-subtitle,ion-item ::ng-deep>.kirby-item-detail,ion-item ::ng-deep>.kirby-item-disclosure{font-size:var(--kirby-font-size-xs);line-height:var(--kirby-line-height-xs)}ion-item ::ng-deep>[subtitle]:not(:last-child),ion-item ::ng-deep>.kirby-item-subtitle:not(:last-child){margin-bottom:var(--kirby-spacing-xxxs)}ion-item ::ng-deep>[detail],ion-item ::ng-deep>.kirby-item-detail,ion-item ::ng-deep>.kirby-item-disclosure{color:var(--kirby-color-content-base-quiet)}ion-item ::ng-deep>.kirby-item-disclosure{display:flex;align-items:center}ion-item .kirby-item-disclosure kirby-icon{color:var(--kirby-color-content-base-quiet);transform:translate(var(--kirby-spacing-xxxs))}ion-item ::ng-deep>[wrap],ion-item ::ng-deep>.kirby-item-wrap{white-space:normal}@media(max-width:767px){ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item ::ng-deep>.kirby-item-title:not(.kirby-item-wrap){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:initial;text-overflow:ellipsis}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)),ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure)){--item-padding-top: var(--kirby-spacing-xxs);--inner-padding-top: 0;--inner-padding-end: var( --kirby-spacing-l )}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)) ::ng-deep>[slot=end],ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure)) ::ng-deep>[slot=end]{margin-inline-start:initial}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside))::part(item-inner),ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure))::part(item-inner){position:initial;gap:var(--kirby-spacing-xs)}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside))::part(input-wrapper),ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure))::part(input-wrapper){justify-content:center}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside))::part(native),ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure))::part(native){flex-direction:column;align-items:flex-start}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)) .disclosure,ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure)) .disclosure{position:absolute;right:var(--kirby-spacing-xxs);top:calc(var(--item-padding-top) + .5lh - var(--kirby-spacing-xs));font-size:var(--kirby-font-size-n);line-height:var(--kirby-line-height-n)}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)) .outside{top:calc(var(--item-padding-top) + var(--kirby-spacing-xxxxs) + var(--kirby-spacing-s))}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)) .disclosure{top:calc(var(--item-padding-top) + var(--kirby-spacing-xxxxs) + var(--kirby-spacing-xxs))}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:not(:has([slot=start]:not(.outside))):has([slot=end]:not(.disclosure)) .outside{align-items:start;top:calc(var(--item-padding-top) + .5lh - var(--kirby-spacing-xxxs) * .5)}}ion-item ::ng-deep>:not([slot]){width:100%}ion-item ::ng-deep>input[slot=end],ion-item ::ng-deep>kirby-form-field[slot=end] input{margin-inline-start:var(--kirby-spacing-s);width:auto;text-align:end}ion-item{--transition: background-color, opacity 80ms linear 0ms}ion-item:has(kirby-checkbox,kirby-radio){--inner-padding-top: 0;--inner-padding-bottom: 0}ion-item:has(kirby-checkbox:not([slot]),kirby-radio:not([slot])){overflow:inherit}ion-item:has(.checkbox-disabled,.radio-disabled,.toggle-disabled){pointer-events:none}.disclosure{--kirby-icon-font-size: var(--kirby-spacing-m);padding-left:var(--kirby-spacing-xxxs);color:var(--kirby-color-content-base-quiet);display:inline-flex;justify-content:center;align-items:center}.disclosure kirby-icon{transition:transform var(--kirby-transition-duration-quick)}.disclosure kirby-icon.rotate{transform:rotate(180deg)}:host-context(kirby-dropdown) ion-item,:host-context(kirby-menu) ion-item,:host-context(kirby-popover) ion-item{--min-height: 44px}:host(.keyboard-focused) ion-item::part(native),:host-context(kirby-popover .keyboard-focused) ion-item::part(native){transition:all 80ms linear 0ms;box-shadow:var(--kirby-focus-ring-md-inset)}:host(.disabled),:host([disabled]){pointer-events:none}:host(.disabled) ion-item,:host([disabled]) ion-item{opacity
|
|
137
|
+
styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}:host{display:block;position:relative}:host.sm ion-item,:host-context(kirby-card.menu-popover) :host:not([size]) ion-item{--min-height: 44px}:host.xs ion-item{--min-height: 32px}:host.xs ion-item:not(:has(kirby-checkbox,kirby-radio)){--inner-padding-top: var(--kirby-spacing-xxxs);--inner-padding-bottom: var(--kirby-spacing-xxxs)}:host .outside{--kirby-badge-font-size: 10px;display:flex;width:var(--kirby-relative-size-s);margin:0;position:absolute;left:var(--kirby-spacing-xxxs);z-index:1}ion-item::part(native){border-radius:var(--kirby-content-border-top-radius, 0) var(--kirby-content-border-top-radius, 0) var(--kirby-content-border-bottom-radius, 0) var(--kirby-content-border-bottom-radius, 0)}ion-item::part(native):focus-visible{box-shadow:var(--kirby-focus-ring-md-inset)}ion-item{--padding-top: var(--item-padding-top, 0px);--padding-bottom: var(--item-padding-bottom, 0px);--min-height: 56px;--padding-start: var(--kirby-spacing-s);--inner-padding-top: var(--kirby-spacing-xxs);--inner-padding-bottom: var(--kirby-spacing-xxs);--inner-padding-end: var(--kirby-spacing-s);--color: var(--kirby-color-content-base);--color-hover: var(--kirby-color-content-base-hover);--background: var(--kirby-item-background, var(--kirby-color-fill-base));--background-hover: var(--kirby-color-fill-base-hover);--background-hover-opacity: 1;--background-activated: var(--kirby-color-fill-base-active);--background-activated-opacity: 1;--color-activated: var(--kirby-color-content-base-active);--background-focused: var(--kirby-item-background-focused, var(--kirby-color-fill-base));--background-focused-opacity: 1;font-size:var(--kirby-font-size-n)}ion-item:active,ion-item.ion-activated{--background-hover: var(--kirby-color-fill-base-active);--color-hover: var(--kirby-color-content-base-active)}@media screen and (orientation:landscape){ion-item{--ion-safe-area-left: 0px;--ion-safe-area-right: 0px}}ion-item ::ng-deep>[slot=end]{text-align:end}ion-item ::ng-deep>[slot=end] kirby-label{text-align:start}ion-item ::ng-deep>time[slot=end]{margin-inline-start:var(--kirby-spacing-xs)}ion-item ::ng-deep>data[slot=end],ion-item ::ng-deep>[detail][slot=end],ion-item ::ng-deep>ion-reorder[slot=end]{margin-inline-start:var(--kirby-spacing-s)}ion-item ::ng-deep>h1,ion-item ::ng-deep>h2,ion-item ::ng-deep>h3,ion-item ::ng-deep>h4,ion-item ::ng-deep>h5,ion-item ::ng-deep>h6,ion-item ::ng-deep>data,ion-item ::ng-deep>p{color:var(--kirby-color-content-base);display:block;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ion-item ::ng-deep>:where(p){font-size:var(--kirby-font-size-s);line-height:var(--kirby-line-height-s)}ion-item ::ng-deep>:where(.kirby-item-title),ion-item ::ng-deep>:where(h1),ion-item ::ng-deep>:where(h2),ion-item ::ng-deep>:where(h3),ion-item ::ng-deep>:where(h4),ion-item ::ng-deep>:where(h5),ion-item ::ng-deep>:where(h6),ion-item ::ng-deep>:where(data){font-size:var(--kirby-font-size-n);line-height:var(--kirby-line-height-n);font-weight:400}ion-item ::ng-deep>[subtitle],ion-item ::ng-deep>[detail],ion-item ::ng-deep>.kirby-item-subtitle,ion-item ::ng-deep>.kirby-item-detail,ion-item ::ng-deep>.kirby-item-disclosure{font-size:var(--kirby-font-size-xs);line-height:var(--kirby-line-height-xs)}ion-item ::ng-deep>[subtitle]:not(:last-child),ion-item ::ng-deep>.kirby-item-subtitle:not(:last-child){margin-bottom:var(--kirby-spacing-xxxs)}ion-item ::ng-deep>[detail],ion-item ::ng-deep>.kirby-item-detail,ion-item ::ng-deep>.kirby-item-disclosure{color:var(--kirby-color-content-base-quiet)}ion-item ::ng-deep>.kirby-item-disclosure{display:flex;align-items:center}ion-item .kirby-item-disclosure kirby-icon{color:var(--kirby-color-content-base-quiet);transform:translate(var(--kirby-spacing-xxxs))}ion-item ::ng-deep>[wrap],ion-item ::ng-deep>.kirby-item-wrap{white-space:normal}@media(max-width:767px){ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item ::ng-deep>.kirby-item-title:not(.kirby-item-wrap){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:initial;text-overflow:ellipsis}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)),ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure)){--item-padding-top: var(--kirby-spacing-xxs);--inner-padding-top: 0;--inner-padding-end: var( --kirby-spacing-l )}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)) ::ng-deep>[slot=end],ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure)) ::ng-deep>[slot=end]{margin-inline-start:initial}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside))::part(item-inner),ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure))::part(item-inner){position:initial;gap:var(--kirby-spacing-xs)}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside))::part(input-wrapper),ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure))::part(input-wrapper){justify-content:center}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside))::part(native),ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure))::part(native){flex-direction:column;align-items:flex-start}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)) .disclosure,ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure)) .disclosure{position:absolute;right:var(--kirby-spacing-xxs);top:calc(var(--item-padding-top) + .5lh - var(--kirby-spacing-xs));font-size:var(--kirby-font-size-n);line-height:var(--kirby-line-height-n)}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)) .outside{top:calc(var(--item-padding-top) + var(--kirby-spacing-xxxxs) + var(--kirby-spacing-s))}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)) .disclosure{top:calc(var(--item-padding-top) + var(--kirby-spacing-xxxxs) + var(--kirby-spacing-xxs))}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:not(:has([slot=start]:not(.outside))):has([slot=end]:not(.disclosure)) .outside{align-items:start;top:calc(var(--item-padding-top) + .5lh - var(--kirby-spacing-xxxs) * .5)}}ion-item ::ng-deep>:not([slot]){width:100%}ion-item ::ng-deep>input[slot=end],ion-item ::ng-deep>kirby-form-field[slot=end] input{margin-inline-start:var(--kirby-spacing-s);width:auto;text-align:end}ion-item{--transition: background-color, opacity 80ms linear 0ms}ion-item:has(kirby-checkbox,kirby-radio){--inner-padding-top: 0;--inner-padding-bottom: 0}ion-item:has(kirby-checkbox:not([slot]),kirby-radio:not([slot])){overflow:inherit}ion-item:has(.checkbox-disabled,.radio-disabled,.toggle-disabled){pointer-events:none}.disclosure{--kirby-icon-font-size: var(--kirby-spacing-m);padding-left:var(--kirby-spacing-xxxs);color:var(--kirby-color-content-base-quiet);display:inline-flex;justify-content:center;align-items:center}.disclosure kirby-icon{transition:transform var(--kirby-transition-duration-quick)}.disclosure kirby-icon.rotate{transform:rotate(180deg)}:host-context(kirby-dropdown) ion-item,:host-context(kirby-menu) ion-item,:host-context(kirby-popover) ion-item{--min-height: 44px}:host(.keyboard-focused) ion-item::part(native),:host-context(kirby-popover .keyboard-focused) ion-item::part(native){transition:all 80ms linear 0ms;box-shadow:var(--kirby-focus-ring-md-inset)}:host(.disabled),:host([disabled]){pointer-events:none}:host(.disabled) ion-item,:host([disabled]) ion-item{opacity:var(--kirby-opacity-40)}:host(.selected) ion-item ::ng-deep>h1,:host(.selected) ion-item ::ng-deep>h2,:host(.selected) ion-item ::ng-deep>h3,:host(.selected) ion-item ::ng-deep>h4,:host(.selected) ion-item ::ng-deep>h5,:host(.selected) ion-item ::ng-deep>h6,:host(.selected) ion-item ::ng-deep>p,:host(.selected) ion-item ::ng-deep>data,:host-context(kirby-list .selected) ion-item ::ng-deep>h1,:host-context(kirby-list .selected) ion-item ::ng-deep>h2,:host-context(kirby-list .selected) ion-item ::ng-deep>h3,:host-context(kirby-list .selected) ion-item ::ng-deep>h4,:host-context(kirby-list .selected) ion-item ::ng-deep>h5,:host-context(kirby-list .selected) ion-item ::ng-deep>h6,:host-context(kirby-list .selected) ion-item ::ng-deep>p,:host-context(kirby-list .selected) ion-item ::ng-deep>data{font-weight:var(--kirby-font-weight-bold)}:host(.disclosure) ion-item{--inner-padding-end: var(--kirby-spacing-xxs)}:host-context(kirby-card-header) ion-item{--background: transparent}\n"],
|
|
138
138
|
dependencies: [
|
|
139
139
|
{
|
|
140
140
|
kind: "component",
|
|
@@ -175,7 +175,7 @@ var ItemComponent = class ItemComponent {
|
|
|
175
175
|
};
|
|
176
176
|
i0.ɵɵngDeclareClassMetadata({
|
|
177
177
|
minVersion: "12.0.0",
|
|
178
|
-
version: "22.2.
|
|
178
|
+
version: "22.2.3",
|
|
179
179
|
ngImport: i0,
|
|
180
180
|
type: ItemComponent,
|
|
181
181
|
decorators: [{
|
|
@@ -190,7 +190,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
190
190
|
IconComponent
|
|
191
191
|
],
|
|
192
192
|
template: "<ion-item\n lines=\"none\"\n [disabled]=\"disabled\"\n [button]=\"_renderButton\"\n [href]=\"_renderLink\"\n [detail]=\"false\"\n (mousedown)=\"onMouseDown($event)\"\n>\n <div class=\"outside\" slot=\"start\">\n <ng-content select=\"[slot='outside']\"></ng-content>\n </div>\n <ng-content></ng-content>\n @if (reorderable) {\n <ion-reorder slot=\"end\">\n <kirby-icon name=\"reorder\"></kirby-icon>\n </ion-reorder>\n }\n\n @if (disclosure) {\n <span class=\"disclosure\" slot=\"end\">\n <kirby-icon\n [class.rotate]=\"rotateIcon && (disclosure === 'arrow-down' || disclosure === 'arrow-up')\"\n name=\"{{ disclosure }}\"\n ></kirby-icon>\n </span>\n }\n</ion-item>\n",
|
|
193
|
-
styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}:host{display:block;position:relative}:host.sm ion-item,:host-context(kirby-card.menu-popover) :host:not([size]) ion-item{--min-height: 44px}:host.xs ion-item{--min-height: 32px}:host.xs ion-item:not(:has(kirby-checkbox,kirby-radio)){--inner-padding-top: var(--kirby-spacing-xxxs);--inner-padding-bottom: var(--kirby-spacing-xxxs)}:host .outside{--kirby-badge-font-size: 10px;display:flex;width:var(--kirby-relative-size-s);margin:0;position:absolute;left:var(--kirby-spacing-xxxs);z-index:1}ion-item::part(native){border-radius:var(--kirby-content-border-top-radius, 0) var(--kirby-content-border-top-radius, 0) var(--kirby-content-border-bottom-radius, 0) var(--kirby-content-border-bottom-radius, 0)}ion-item::part(native):focus-visible{box-shadow:var(--kirby-focus-ring-md-inset)}ion-item{--padding-top: var(--item-padding-top, 0px);--padding-bottom: var(--item-padding-bottom, 0px);--min-height: 56px;--padding-start: var(--kirby-spacing-s);--inner-padding-top: var(--kirby-spacing-xxs);--inner-padding-bottom: var(--kirby-spacing-xxs);--inner-padding-end: var(--kirby-spacing-s);--color: var(--kirby-color-content-base);--color-hover: var(--kirby-color-content-base-hover);--background: var(--kirby-item-background, var(--kirby-color-fill-base));--background-hover: var(--kirby-color-fill-base-hover);--background-hover-opacity: 1;--background-focused: var(--kirby-item-background-focused, var(--kirby-color-fill-base));--background-focused-opacity: 1;font-size:var(--kirby-font-size-n)}ion-item.ion-activated{--background-hover: var(--kirby-color-fill-base-active);--color-hover: var(--kirby-color-content-base-active)}@media screen and (orientation:landscape){ion-item{--ion-safe-area-left: 0px;--ion-safe-area-right: 0px}}ion-item ::ng-deep>[slot=end]{text-align:end}ion-item ::ng-deep>[slot=end] kirby-label{text-align:start}ion-item ::ng-deep>time[slot=end]{margin-inline-start:var(--kirby-spacing-xs)}ion-item ::ng-deep>data[slot=end],ion-item ::ng-deep>[detail][slot=end],ion-item ::ng-deep>ion-reorder[slot=end]{margin-inline-start:var(--kirby-spacing-s)}ion-item ::ng-deep>h1,ion-item ::ng-deep>h2,ion-item ::ng-deep>h3,ion-item ::ng-deep>h4,ion-item ::ng-deep>h5,ion-item ::ng-deep>h6,ion-item ::ng-deep>data,ion-item ::ng-deep>p{color:var(--kirby-color-content-base);display:block;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ion-item ::ng-deep>:where(p){font-size:var(--kirby-font-size-s);line-height:var(--kirby-line-height-s)}ion-item ::ng-deep>:where(.kirby-item-title),ion-item ::ng-deep>:where(h1),ion-item ::ng-deep>:where(h2),ion-item ::ng-deep>:where(h3),ion-item ::ng-deep>:where(h4),ion-item ::ng-deep>:where(h5),ion-item ::ng-deep>:where(h6),ion-item ::ng-deep>:where(data){font-size:var(--kirby-font-size-n);line-height:var(--kirby-line-height-n);font-weight:400}ion-item ::ng-deep>[subtitle],ion-item ::ng-deep>[detail],ion-item ::ng-deep>.kirby-item-subtitle,ion-item ::ng-deep>.kirby-item-detail,ion-item ::ng-deep>.kirby-item-disclosure{font-size:var(--kirby-font-size-xs);line-height:var(--kirby-line-height-xs)}ion-item ::ng-deep>[subtitle]:not(:last-child),ion-item ::ng-deep>.kirby-item-subtitle:not(:last-child){margin-bottom:var(--kirby-spacing-xxxs)}ion-item ::ng-deep>[detail],ion-item ::ng-deep>.kirby-item-detail,ion-item ::ng-deep>.kirby-item-disclosure{color:var(--kirby-color-content-base-quiet)}ion-item ::ng-deep>.kirby-item-disclosure{display:flex;align-items:center}ion-item .kirby-item-disclosure kirby-icon{color:var(--kirby-color-content-base-quiet);transform:translate(var(--kirby-spacing-xxxs))}ion-item ::ng-deep>[wrap],ion-item ::ng-deep>.kirby-item-wrap{white-space:normal}@media(max-width:767px){ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item ::ng-deep>.kirby-item-title:not(.kirby-item-wrap){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:initial;text-overflow:ellipsis}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)),ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure)){--item-padding-top: var(--kirby-spacing-xxs);--inner-padding-top: 0;--inner-padding-end: var( --kirby-spacing-l )}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)) ::ng-deep>[slot=end],ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure)) ::ng-deep>[slot=end]{margin-inline-start:initial}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside))::part(item-inner),ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure))::part(item-inner){position:initial;gap:var(--kirby-spacing-xs)}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside))::part(input-wrapper),ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure))::part(input-wrapper){justify-content:center}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside))::part(native),ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure))::part(native){flex-direction:column;align-items:flex-start}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)) .disclosure,ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure)) .disclosure{position:absolute;right:var(--kirby-spacing-xxs);top:calc(var(--item-padding-top) + .5lh - var(--kirby-spacing-xs));font-size:var(--kirby-font-size-n);line-height:var(--kirby-line-height-n)}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)) .outside{top:calc(var(--item-padding-top) + var(--kirby-spacing-xxxxs) + var(--kirby-spacing-s))}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)) .disclosure{top:calc(var(--item-padding-top) + var(--kirby-spacing-xxxxs) + var(--kirby-spacing-xxs))}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:not(:has([slot=start]:not(.outside))):has([slot=end]:not(.disclosure)) .outside{align-items:start;top:calc(var(--item-padding-top) + .5lh - var(--kirby-spacing-xxxs) * .5)}}ion-item ::ng-deep>:not([slot]){width:100%}ion-item ::ng-deep>input[slot=end],ion-item ::ng-deep>kirby-form-field[slot=end] input{margin-inline-start:var(--kirby-spacing-s);width:auto;text-align:end}ion-item{--transition: background-color, opacity 80ms linear 0ms}ion-item:has(kirby-checkbox,kirby-radio){--inner-padding-top: 0;--inner-padding-bottom: 0}ion-item:has(kirby-checkbox:not([slot]),kirby-radio:not([slot])){overflow:inherit}ion-item:has(.checkbox-disabled,.radio-disabled,.toggle-disabled){pointer-events:none}.disclosure{--kirby-icon-font-size: var(--kirby-spacing-m);padding-left:var(--kirby-spacing-xxxs);color:var(--kirby-color-content-base-quiet);display:inline-flex;justify-content:center;align-items:center}.disclosure kirby-icon{transition:transform var(--kirby-transition-duration-quick)}.disclosure kirby-icon.rotate{transform:rotate(180deg)}:host-context(kirby-dropdown) ion-item,:host-context(kirby-menu) ion-item,:host-context(kirby-popover) ion-item{--min-height: 44px}:host(.keyboard-focused) ion-item::part(native),:host-context(kirby-popover .keyboard-focused) ion-item::part(native){transition:all 80ms linear 0ms;box-shadow:var(--kirby-focus-ring-md-inset)}:host(.disabled),:host([disabled]){pointer-events:none}:host(.disabled) ion-item,:host([disabled]) ion-item{opacity
|
|
193
|
+
styles: [".kirby-line-clamp{display:-webkit-box;-webkit-line-clamp:var(--line-clamp, none);-webkit-box-orient:vertical;overflow:hidden}:host{display:block;position:relative}:host.sm ion-item,:host-context(kirby-card.menu-popover) :host:not([size]) ion-item{--min-height: 44px}:host.xs ion-item{--min-height: 32px}:host.xs ion-item:not(:has(kirby-checkbox,kirby-radio)){--inner-padding-top: var(--kirby-spacing-xxxs);--inner-padding-bottom: var(--kirby-spacing-xxxs)}:host .outside{--kirby-badge-font-size: 10px;display:flex;width:var(--kirby-relative-size-s);margin:0;position:absolute;left:var(--kirby-spacing-xxxs);z-index:1}ion-item::part(native){border-radius:var(--kirby-content-border-top-radius, 0) var(--kirby-content-border-top-radius, 0) var(--kirby-content-border-bottom-radius, 0) var(--kirby-content-border-bottom-radius, 0)}ion-item::part(native):focus-visible{box-shadow:var(--kirby-focus-ring-md-inset)}ion-item{--padding-top: var(--item-padding-top, 0px);--padding-bottom: var(--item-padding-bottom, 0px);--min-height: 56px;--padding-start: var(--kirby-spacing-s);--inner-padding-top: var(--kirby-spacing-xxs);--inner-padding-bottom: var(--kirby-spacing-xxs);--inner-padding-end: var(--kirby-spacing-s);--color: var(--kirby-color-content-base);--color-hover: var(--kirby-color-content-base-hover);--background: var(--kirby-item-background, var(--kirby-color-fill-base));--background-hover: var(--kirby-color-fill-base-hover);--background-hover-opacity: 1;--background-activated: var(--kirby-color-fill-base-active);--background-activated-opacity: 1;--color-activated: var(--kirby-color-content-base-active);--background-focused: var(--kirby-item-background-focused, var(--kirby-color-fill-base));--background-focused-opacity: 1;font-size:var(--kirby-font-size-n)}ion-item:active,ion-item.ion-activated{--background-hover: var(--kirby-color-fill-base-active);--color-hover: var(--kirby-color-content-base-active)}@media screen and (orientation:landscape){ion-item{--ion-safe-area-left: 0px;--ion-safe-area-right: 0px}}ion-item ::ng-deep>[slot=end]{text-align:end}ion-item ::ng-deep>[slot=end] kirby-label{text-align:start}ion-item ::ng-deep>time[slot=end]{margin-inline-start:var(--kirby-spacing-xs)}ion-item ::ng-deep>data[slot=end],ion-item ::ng-deep>[detail][slot=end],ion-item ::ng-deep>ion-reorder[slot=end]{margin-inline-start:var(--kirby-spacing-s)}ion-item ::ng-deep>h1,ion-item ::ng-deep>h2,ion-item ::ng-deep>h3,ion-item ::ng-deep>h4,ion-item ::ng-deep>h5,ion-item ::ng-deep>h6,ion-item ::ng-deep>data,ion-item ::ng-deep>p{color:var(--kirby-color-content-base);display:block;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ion-item ::ng-deep>:where(p){font-size:var(--kirby-font-size-s);line-height:var(--kirby-line-height-s)}ion-item ::ng-deep>:where(.kirby-item-title),ion-item ::ng-deep>:where(h1),ion-item ::ng-deep>:where(h2),ion-item ::ng-deep>:where(h3),ion-item ::ng-deep>:where(h4),ion-item ::ng-deep>:where(h5),ion-item ::ng-deep>:where(h6),ion-item ::ng-deep>:where(data){font-size:var(--kirby-font-size-n);line-height:var(--kirby-line-height-n);font-weight:400}ion-item ::ng-deep>[subtitle],ion-item ::ng-deep>[detail],ion-item ::ng-deep>.kirby-item-subtitle,ion-item ::ng-deep>.kirby-item-detail,ion-item ::ng-deep>.kirby-item-disclosure{font-size:var(--kirby-font-size-xs);line-height:var(--kirby-line-height-xs)}ion-item ::ng-deep>[subtitle]:not(:last-child),ion-item ::ng-deep>.kirby-item-subtitle:not(:last-child){margin-bottom:var(--kirby-spacing-xxxs)}ion-item ::ng-deep>[detail],ion-item ::ng-deep>.kirby-item-detail,ion-item ::ng-deep>.kirby-item-disclosure{color:var(--kirby-color-content-base-quiet)}ion-item ::ng-deep>.kirby-item-disclosure{display:flex;align-items:center}ion-item .kirby-item-disclosure kirby-icon{color:var(--kirby-color-content-base-quiet);transform:translate(var(--kirby-spacing-xxxs))}ion-item ::ng-deep>[wrap],ion-item ::ng-deep>.kirby-item-wrap{white-space:normal}@media(max-width:767px){ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item ::ng-deep>.kirby-item-title:not(.kirby-item-wrap){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:initial;text-overflow:ellipsis}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)),ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure)){--item-padding-top: var(--kirby-spacing-xxs);--inner-padding-top: 0;--inner-padding-end: var( --kirby-spacing-l )}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)) ::ng-deep>[slot=end],ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure)) ::ng-deep>[slot=end]{margin-inline-start:initial}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside))::part(item-inner),ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure))::part(item-inner){position:initial;gap:var(--kirby-spacing-xs)}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside))::part(input-wrapper),ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure))::part(input-wrapper){justify-content:center}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside))::part(native),ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure))::part(native){flex-direction:column;align-items:flex-start}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)) .disclosure,ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=end]:not(.disclosure)) .disclosure{position:absolute;right:var(--kirby-spacing-xxs);top:calc(var(--item-padding-top) + .5lh - var(--kirby-spacing-xs));font-size:var(--kirby-font-size-n);line-height:var(--kirby-line-height-n)}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)) .outside{top:calc(var(--item-padding-top) + var(--kirby-spacing-xxxxs) + var(--kirby-spacing-s))}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:has([slot=start]:not(.outside)) .disclosure{top:calc(var(--item-padding-top) + var(--kirby-spacing-xxxxs) + var(--kirby-spacing-xxs))}ion-item :host-context(.kirby-trt):not(:has(kirby-checkbox,kirby-radio,kirby-toggle,[kirby-button].icon-only)) ion-item:not(:has([slot=start]:not(.outside))):has([slot=end]:not(.disclosure)) .outside{align-items:start;top:calc(var(--item-padding-top) + .5lh - var(--kirby-spacing-xxxs) * .5)}}ion-item ::ng-deep>:not([slot]){width:100%}ion-item ::ng-deep>input[slot=end],ion-item ::ng-deep>kirby-form-field[slot=end] input{margin-inline-start:var(--kirby-spacing-s);width:auto;text-align:end}ion-item{--transition: background-color, opacity 80ms linear 0ms}ion-item:has(kirby-checkbox,kirby-radio){--inner-padding-top: 0;--inner-padding-bottom: 0}ion-item:has(kirby-checkbox:not([slot]),kirby-radio:not([slot])){overflow:inherit}ion-item:has(.checkbox-disabled,.radio-disabled,.toggle-disabled){pointer-events:none}.disclosure{--kirby-icon-font-size: var(--kirby-spacing-m);padding-left:var(--kirby-spacing-xxxs);color:var(--kirby-color-content-base-quiet);display:inline-flex;justify-content:center;align-items:center}.disclosure kirby-icon{transition:transform var(--kirby-transition-duration-quick)}.disclosure kirby-icon.rotate{transform:rotate(180deg)}:host-context(kirby-dropdown) ion-item,:host-context(kirby-menu) ion-item,:host-context(kirby-popover) ion-item{--min-height: 44px}:host(.keyboard-focused) ion-item::part(native),:host-context(kirby-popover .keyboard-focused) ion-item::part(native){transition:all 80ms linear 0ms;box-shadow:var(--kirby-focus-ring-md-inset)}:host(.disabled),:host([disabled]){pointer-events:none}:host(.disabled) ion-item,:host([disabled]) ion-item{opacity:var(--kirby-opacity-40)}:host(.selected) ion-item ::ng-deep>h1,:host(.selected) ion-item ::ng-deep>h2,:host(.selected) ion-item ::ng-deep>h3,:host(.selected) ion-item ::ng-deep>h4,:host(.selected) ion-item ::ng-deep>h5,:host(.selected) ion-item ::ng-deep>h6,:host(.selected) ion-item ::ng-deep>p,:host(.selected) ion-item ::ng-deep>data,:host-context(kirby-list .selected) ion-item ::ng-deep>h1,:host-context(kirby-list .selected) ion-item ::ng-deep>h2,:host-context(kirby-list .selected) ion-item ::ng-deep>h3,:host-context(kirby-list .selected) ion-item ::ng-deep>h4,:host-context(kirby-list .selected) ion-item ::ng-deep>h5,:host-context(kirby-list .selected) ion-item ::ng-deep>h6,:host-context(kirby-list .selected) ion-item ::ng-deep>p,:host-context(kirby-list .selected) ion-item ::ng-deep>data{font-weight:var(--kirby-font-weight-bold)}:host(.disclosure) ion-item{--inner-padding-end: var(--kirby-spacing-xxs)}:host-context(kirby-card-header) ion-item{--background: transparent}\n"]
|
|
194
194
|
}]
|
|
195
195
|
}],
|
|
196
196
|
ctorParameters: () => [
|
|
@@ -271,7 +271,7 @@ var LabelComponent = class LabelComponent {
|
|
|
271
271
|
static {
|
|
272
272
|
this.ɵfac = i0.ɵɵngDeclareFactory({
|
|
273
273
|
minVersion: "12.0.0",
|
|
274
|
-
version: "22.2.
|
|
274
|
+
version: "22.2.3",
|
|
275
275
|
ngImport: i0,
|
|
276
276
|
type: LabelComponent,
|
|
277
277
|
deps: [],
|
|
@@ -281,7 +281,7 @@ var LabelComponent = class LabelComponent {
|
|
|
281
281
|
static {
|
|
282
282
|
this.ɵcmp = i0.ɵɵngDeclareComponent({
|
|
283
283
|
minVersion: "14.0.0",
|
|
284
|
-
version: "22.2.
|
|
284
|
+
version: "22.2.3",
|
|
285
285
|
type: LabelComponent,
|
|
286
286
|
isStandalone: true,
|
|
287
287
|
selector: "kirby-label",
|
|
@@ -306,7 +306,7 @@ var LabelComponent = class LabelComponent {
|
|
|
306
306
|
};
|
|
307
307
|
i0.ɵɵngDeclareClassMetadata({
|
|
308
308
|
minVersion: "12.0.0",
|
|
309
|
-
version: "22.2.
|
|
309
|
+
version: "22.2.3",
|
|
310
310
|
ngImport: i0,
|
|
311
311
|
type: LabelComponent,
|
|
312
312
|
decorators: [{
|
|
@@ -332,7 +332,7 @@ var ItemModule = class ItemModule {
|
|
|
332
332
|
static {
|
|
333
333
|
this.ɵfac = i0.ɵɵngDeclareFactory({
|
|
334
334
|
minVersion: "12.0.0",
|
|
335
|
-
version: "22.2.
|
|
335
|
+
version: "22.2.3",
|
|
336
336
|
ngImport: i0,
|
|
337
337
|
type: ItemModule,
|
|
338
338
|
deps: [],
|
|
@@ -342,7 +342,7 @@ var ItemModule = class ItemModule {
|
|
|
342
342
|
static {
|
|
343
343
|
this.ɵmod = i0.ɵɵngDeclareNgModule({
|
|
344
344
|
minVersion: "14.0.0",
|
|
345
|
-
version: "22.2.
|
|
345
|
+
version: "22.2.3",
|
|
346
346
|
ngImport: i0,
|
|
347
347
|
type: ItemModule,
|
|
348
348
|
imports: [
|
|
@@ -360,7 +360,7 @@ var ItemModule = class ItemModule {
|
|
|
360
360
|
static {
|
|
361
361
|
this.ɵinj = i0.ɵɵngDeclareInjector({
|
|
362
362
|
minVersion: "12.0.0",
|
|
363
|
-
version: "22.2.
|
|
363
|
+
version: "22.2.3",
|
|
364
364
|
ngImport: i0,
|
|
365
365
|
type: ItemModule,
|
|
366
366
|
imports: [
|
|
@@ -376,7 +376,7 @@ var ItemModule = class ItemModule {
|
|
|
376
376
|
};
|
|
377
377
|
i0.ɵɵngDeclareClassMetadata({
|
|
378
378
|
minVersion: "12.0.0",
|
|
379
|
-
version: "22.2.
|
|
379
|
+
version: "22.2.3",
|
|
380
380
|
ngImport: i0,
|
|
381
381
|
type: ItemModule,
|
|
382
382
|
decorators: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kirbydesign-designsystem-item.mjs","names":[],"sources":["../../item/src/item.component.ts","../../item/src/item.component.html","../../item/src/label/label.component.ts","../../item/src/label/label.component.html","../../item/src/item.module.ts"],"sourcesContent":["import {\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChild,\n ElementRef,\n HostBinding,\n Input,\n Renderer2,\n ViewChild,\n} from '@angular/core';\nimport { forwardAttributes } from '@kirbydesign/designsystem/shared';\nimport { ButtonComponent } from '@kirbydesign/designsystem/button';\n\nimport { CheckboxComponent } from '@kirbydesign/designsystem/checkbox';\nimport { RadioComponent } from '@kirbydesign/designsystem/radio';\nimport { ToggleComponent } from '@kirbydesign/designsystem/toggle';\nimport { IonItem, IonReorder } from '@ionic/angular';\nimport { IconComponent } from '@kirbydesign/designsystem/icon';\nimport { IonicElementPartHelper } from '@kirbydesign/designsystem/helpers';\n\nexport enum ItemSize {\n XS = 'xs',\n SM = 'sm',\n MD = 'md',\n}\n\n@Component({\n selector: 'kirby-item',\n templateUrl: './item.component.html',\n styleUrls: ['./item.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [IonicElementPartHelper],\n imports: [IonItem, IonReorder, IconComponent],\n})\nexport class ItemComponent implements AfterViewInit {\n private _linkAttributesToForward = ['rel', 'target', 'download'];\n\n @HostBinding('class.disabled')\n @Input()\n disabled: boolean;\n @HostBinding('class.selected')\n @Input()\n selected: boolean;\n @HostBinding('class.disclosure')\n @Input()\n disclosure: 'link' | 'arrow-more' | 'arrow-down' | 'arrow-up' | null;\n\n private _selectable: boolean;\n get selectable(): boolean {\n return this._selectable;\n }\n\n @Input() set selectable(value: boolean) {\n this._selectable = value;\n this.cdr.markForCheck();\n }\n\n @Input()\n reorderable: boolean;\n @HostBinding('class')\n @Input()\n size: ItemSize | `${ItemSize}` = ItemSize.MD;\n\n @Input()\n href: string;\n\n @Input() rotateIcon: boolean = false;\n\n @ContentChild(CheckboxComponent, { static: false, read: ElementRef })\n private checkbox: ElementRef<HTMLElement>;\n @ContentChild(RadioComponent, { static: false, read: ElementRef })\n private radio: ElementRef<HTMLElement>;\n @ContentChild(ToggleComponent, { static: false, read: ElementRef })\n private toggle: ElementRef<HTMLElement>;\n @ContentChild(ButtonComponent, { static: false, read: ElementRef })\n private button: ElementRef<HTMLElement>;\n @ViewChild(IonItem, { static: true, read: ElementRef })\n private ionItem: ElementRef<HTMLIonItemElement>;\n\n constructor(\n private elementRef: ElementRef<HTMLElement>,\n private renderer: Renderer2,\n private cdr: ChangeDetectorRef,\n private ionicElementPartHelper: IonicElementPartHelper\n ) {}\n\n ngAfterViewInit(): void {\n forwardAttributes(\n this.elementRef.nativeElement,\n this._linkAttributesToForward,\n this.renderer,\n this.ionItem.nativeElement\n );\n this.ionicElementPartHelper.setPart('item-inner', this.ionItem, '.item-inner');\n this.ionicElementPartHelper.setPart('input-wrapper', this.ionItem, '.input-wrapper');\n }\n\n // Prevent default when inside kirby-dropdown to avoid blurring dropdown:\n onMouseDown(event: MouseEvent) {\n if (\n event.currentTarget instanceof HTMLElement &&\n event.currentTarget.closest('kirby-dropdown')\n ) {\n event.preventDefault();\n }\n }\n\n get _renderButton(): boolean {\n // We shouldn't render item as a button if the item contains\n // nested interactive, i.e. checkbox, radio or toggle:\n\n return this.selectable && !this.containsNestedInteractives;\n }\n\n get _renderLink(): string {\n // We shouldn't render item as a link if the item contains\n // nested interactive, i.e. checkbox, radio or toggle:\n return this.containsNestedInteractives ? undefined : this.href;\n }\n\n @HostBinding('class.has-interactive')\n private get containsNestedInteractives(): boolean {\n return !!(this.checkbox || this.radio || this.toggle || this.button);\n }\n}\n","<ion-item\n lines=\"none\"\n [disabled]=\"disabled\"\n [button]=\"_renderButton\"\n [href]=\"_renderLink\"\n [detail]=\"false\"\n (mousedown)=\"onMouseDown($event)\"\n>\n <div class=\"outside\" slot=\"start\">\n <ng-content select=\"[slot='outside']\"></ng-content>\n </div>\n <ng-content></ng-content>\n @if (reorderable) {\n <ion-reorder slot=\"end\">\n <kirby-icon name=\"reorder\"></kirby-icon>\n </ion-reorder>\n }\n\n @if (disclosure) {\n <span class=\"disclosure\" slot=\"end\">\n <kirby-icon\n [class.rotate]=\"rotateIcon && (disclosure === 'arrow-down' || disclosure === 'arrow-up')\"\n name=\"{{ disclosure }}\"\n ></kirby-icon>\n </span>\n }\n</ion-item>\n","import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\nimport { IonLabel } from '@ionic/angular';\n\n@Component({\n selector: 'kirby-label',\n templateUrl: './label.component.html',\n styleUrls: ['./label.component.scss'],\n imports: [IonLabel],\n changeDetection: ChangeDetectionStrategy.Eager,\n})\nexport class LabelComponent {\n @Input()\n direction: 'vertical' | 'horizontal' = 'vertical';\n\n @HostBinding('class.horizontal')\n get _direction() {\n return this.direction === 'horizontal';\n }\n}\n","<ion-label>\n <ng-content></ng-content>\n</ion-label>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { IconModule } from '@kirbydesign/designsystem/icon';\nimport { IonItem, IonLabel, IonReorder } from '@ionic/angular';\nimport { ItemComponent } from './item.component';\nimport { LabelComponent } from './label/label.component';\n\nconst imports = [ItemComponent, LabelComponent];\n@NgModule({\n imports: [IconModule, CommonModule, IonItem, IonReorder, IonLabel, ...imports],\n exports: [...imports],\n})\nexport class ItemModule {}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"kirbydesign-designsystem-item.mjs","names":[],"sources":["../../item/src/item.component.ts","../../item/src/item.component.html","../../item/src/label/label.component.ts","../../item/src/label/label.component.html","../../item/src/item.module.ts"],"sourcesContent":["import {\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChild,\n ElementRef,\n HostBinding,\n Input,\n Renderer2,\n ViewChild,\n} from '@angular/core';\nimport { forwardAttributes } from '@kirbydesign/designsystem/shared';\nimport { ButtonComponent } from '@kirbydesign/designsystem/button';\n\nimport { CheckboxComponent } from '@kirbydesign/designsystem/checkbox';\nimport { RadioComponent } from '@kirbydesign/designsystem/radio';\nimport { ToggleComponent } from '@kirbydesign/designsystem/toggle';\nimport { IonItem, IonReorder } from '@ionic/angular';\nimport { IconComponent } from '@kirbydesign/designsystem/icon';\nimport { IonicElementPartHelper } from '@kirbydesign/designsystem/helpers';\n\nexport enum ItemSize {\n XS = 'xs',\n SM = 'sm',\n MD = 'md',\n}\n\n@Component({\n selector: 'kirby-item',\n templateUrl: './item.component.html',\n styleUrls: ['./item.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [IonicElementPartHelper],\n imports: [IonItem, IonReorder, IconComponent],\n})\nexport class ItemComponent implements AfterViewInit {\n private _linkAttributesToForward = ['rel', 'target', 'download'];\n\n @HostBinding('class.disabled')\n @Input()\n disabled: boolean;\n @HostBinding('class.selected')\n @Input()\n selected: boolean;\n @HostBinding('class.disclosure')\n @Input()\n disclosure: 'link' | 'arrow-more' | 'arrow-down' | 'arrow-up' | null;\n\n private _selectable: boolean;\n get selectable(): boolean {\n return this._selectable;\n }\n\n @Input() set selectable(value: boolean) {\n this._selectable = value;\n this.cdr.markForCheck();\n }\n\n @Input()\n reorderable: boolean;\n @HostBinding('class')\n @Input()\n size: ItemSize | `${ItemSize}` = ItemSize.MD;\n\n @Input()\n href: string;\n\n @Input() rotateIcon: boolean = false;\n\n @ContentChild(CheckboxComponent, { static: false, read: ElementRef })\n private checkbox: ElementRef<HTMLElement>;\n @ContentChild(RadioComponent, { static: false, read: ElementRef })\n private radio: ElementRef<HTMLElement>;\n @ContentChild(ToggleComponent, { static: false, read: ElementRef })\n private toggle: ElementRef<HTMLElement>;\n @ContentChild(ButtonComponent, { static: false, read: ElementRef })\n private button: ElementRef<HTMLElement>;\n @ViewChild(IonItem, { static: true, read: ElementRef })\n private ionItem: ElementRef<HTMLIonItemElement>;\n\n constructor(\n private elementRef: ElementRef<HTMLElement>,\n private renderer: Renderer2,\n private cdr: ChangeDetectorRef,\n private ionicElementPartHelper: IonicElementPartHelper\n ) {}\n\n ngAfterViewInit(): void {\n forwardAttributes(\n this.elementRef.nativeElement,\n this._linkAttributesToForward,\n this.renderer,\n this.ionItem.nativeElement\n );\n this.ionicElementPartHelper.setPart('item-inner', this.ionItem, '.item-inner');\n this.ionicElementPartHelper.setPart('input-wrapper', this.ionItem, '.input-wrapper');\n }\n\n // Prevent default when inside kirby-dropdown to avoid blurring dropdown:\n onMouseDown(event: MouseEvent) {\n if (\n event.currentTarget instanceof HTMLElement &&\n event.currentTarget.closest('kirby-dropdown')\n ) {\n event.preventDefault();\n }\n }\n\n get _renderButton(): boolean {\n // We shouldn't render item as a button if the item contains\n // nested interactive, i.e. checkbox, radio or toggle:\n\n return this.selectable && !this.containsNestedInteractives;\n }\n\n get _renderLink(): string {\n // We shouldn't render item as a link if the item contains\n // nested interactive, i.e. checkbox, radio or toggle:\n return this.containsNestedInteractives ? undefined : this.href;\n }\n\n @HostBinding('class.has-interactive')\n private get containsNestedInteractives(): boolean {\n return !!(this.checkbox || this.radio || this.toggle || this.button);\n }\n}\n","<ion-item\n lines=\"none\"\n [disabled]=\"disabled\"\n [button]=\"_renderButton\"\n [href]=\"_renderLink\"\n [detail]=\"false\"\n (mousedown)=\"onMouseDown($event)\"\n>\n <div class=\"outside\" slot=\"start\">\n <ng-content select=\"[slot='outside']\"></ng-content>\n </div>\n <ng-content></ng-content>\n @if (reorderable) {\n <ion-reorder slot=\"end\">\n <kirby-icon name=\"reorder\"></kirby-icon>\n </ion-reorder>\n }\n\n @if (disclosure) {\n <span class=\"disclosure\" slot=\"end\">\n <kirby-icon\n [class.rotate]=\"rotateIcon && (disclosure === 'arrow-down' || disclosure === 'arrow-up')\"\n name=\"{{ disclosure }}\"\n ></kirby-icon>\n </span>\n }\n</ion-item>\n","import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\nimport { IonLabel } from '@ionic/angular';\n\n@Component({\n selector: 'kirby-label',\n templateUrl: './label.component.html',\n styleUrls: ['./label.component.scss'],\n imports: [IonLabel],\n changeDetection: ChangeDetectionStrategy.Eager,\n})\nexport class LabelComponent {\n @Input()\n direction: 'vertical' | 'horizontal' = 'vertical';\n\n @HostBinding('class.horizontal')\n get _direction() {\n return this.direction === 'horizontal';\n }\n}\n","<ion-label>\n <ng-content></ng-content>\n</ion-label>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { IconModule } from '@kirbydesign/designsystem/icon';\nimport { IonItem, IonLabel, IonReorder } from '@ionic/angular';\nimport { ItemComponent } from './item.component';\nimport { LabelComponent } from './label/label.component';\n\nconst imports = [ItemComponent, LabelComponent];\n@NgModule({\n imports: [IconModule, CommonModule, IonItem, IonReorder, IonLabel, ...imports],\n exports: [...imports],\n})\nexport class ItemModule {}\n"],"mappings":"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"}
|
|
@@ -19,7 +19,7 @@ var AppComponent = class AppComponent {
|
|
|
19
19
|
static {
|
|
20
20
|
this.ɵfac = i0.ɵɵngDeclareFactory({
|
|
21
21
|
minVersion: "12.0.0",
|
|
22
|
-
version: "22.2.
|
|
22
|
+
version: "22.2.3",
|
|
23
23
|
ngImport: i0,
|
|
24
24
|
type: AppComponent,
|
|
25
25
|
deps: [],
|
|
@@ -29,7 +29,7 @@ var AppComponent = class AppComponent {
|
|
|
29
29
|
static {
|
|
30
30
|
this.ɵcmp = i0.ɵɵngDeclareComponent({
|
|
31
31
|
minVersion: "14.0.0",
|
|
32
|
-
version: "22.2.
|
|
32
|
+
version: "22.2.3",
|
|
33
33
|
type: AppComponent,
|
|
34
34
|
isStandalone: true,
|
|
35
35
|
selector: "kirby-app",
|
|
@@ -55,7 +55,7 @@ var AppComponent = class AppComponent {
|
|
|
55
55
|
};
|
|
56
56
|
i0.ɵɵngDeclareClassMetadata({
|
|
57
57
|
minVersion: "12.0.0",
|
|
58
|
-
version: "22.2.
|
|
58
|
+
version: "22.2.3",
|
|
59
59
|
ngImport: i0,
|
|
60
60
|
type: AppComponent,
|
|
61
61
|
decorators: [{
|
|
@@ -80,7 +80,7 @@ var KirbyAppModule = class KirbyAppModule {
|
|
|
80
80
|
static {
|
|
81
81
|
this.ɵfac = i0.ɵɵngDeclareFactory({
|
|
82
82
|
minVersion: "12.0.0",
|
|
83
|
-
version: "22.2.
|
|
83
|
+
version: "22.2.3",
|
|
84
84
|
ngImport: i0,
|
|
85
85
|
type: KirbyAppModule,
|
|
86
86
|
deps: [],
|
|
@@ -90,7 +90,7 @@ var KirbyAppModule = class KirbyAppModule {
|
|
|
90
90
|
static {
|
|
91
91
|
this.ɵmod = i0.ɵɵngDeclareNgModule({
|
|
92
92
|
minVersion: "14.0.0",
|
|
93
|
-
version: "22.2.
|
|
93
|
+
version: "22.2.3",
|
|
94
94
|
ngImport: i0,
|
|
95
95
|
type: KirbyAppModule,
|
|
96
96
|
imports: [
|
|
@@ -104,7 +104,7 @@ var KirbyAppModule = class KirbyAppModule {
|
|
|
104
104
|
static {
|
|
105
105
|
this.ɵinj = i0.ɵɵngDeclareInjector({
|
|
106
106
|
minVersion: "12.0.0",
|
|
107
|
-
version: "22.2.
|
|
107
|
+
version: "22.2.3",
|
|
108
108
|
ngImport: i0,
|
|
109
109
|
type: KirbyAppModule,
|
|
110
110
|
imports: [
|
|
@@ -117,7 +117,7 @@ var KirbyAppModule = class KirbyAppModule {
|
|
|
117
117
|
};
|
|
118
118
|
i0.ɵɵngDeclareClassMetadata({
|
|
119
119
|
minVersion: "12.0.0",
|
|
120
|
-
version: "22.2.
|
|
120
|
+
version: "22.2.3",
|
|
121
121
|
ngImport: i0,
|
|
122
122
|
type: KirbyAppModule,
|
|
123
123
|
decorators: [{
|