@kirbydesign/designsystem 11.11.4 → 12.0.0-dev-286cdc0
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/README.md +7 -0
- package/fesm2022/kirbydesign-designsystem-accordion.mjs +246 -135
- package/fesm2022/kirbydesign-designsystem-accordion.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-action-group.mjs +229 -134
- package/fesm2022/kirbydesign-designsystem-action-group.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-avatar.mjs +102 -55
- package/fesm2022/kirbydesign-designsystem-avatar.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-badge.mjs +85 -42
- package/fesm2022/kirbydesign-designsystem-badge.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-button.mjs +203 -170
- package/fesm2022/kirbydesign-designsystem-button.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-calendar.mjs +524 -516
- package/fesm2022/kirbydesign-designsystem-calendar.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-card.mjs +439 -205
- package/fesm2022/kirbydesign-designsystem-card.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-chart.mjs +1388 -1469
- package/fesm2022/kirbydesign-designsystem-chart.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-checkbox.mjs +223 -176
- package/fesm2022/kirbydesign-designsystem-checkbox.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-config.mjs +50 -96
- package/fesm2022/kirbydesign-designsystem-config.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-data-table.mjs +180 -83
- package/fesm2022/kirbydesign-designsystem-data-table.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-divider.mjs +46 -19
- package/fesm2022/kirbydesign-designsystem-divider.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-dropdown.mjs +878 -752
- package/fesm2022/kirbydesign-designsystem-dropdown.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-empty-state.mjs +175 -91
- package/fesm2022/kirbydesign-designsystem-empty-state.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-fab-sheet.mjs +213 -85
- package/fesm2022/kirbydesign-designsystem-fab-sheet.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-flag.mjs +67 -33
- package/fesm2022/kirbydesign-designsystem-flag.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-form-field.mjs +1260 -891
- package/fesm2022/kirbydesign-designsystem-form-field.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-gesture.mjs +38 -23
- package/fesm2022/kirbydesign-designsystem-gesture.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-header.mjs +422 -182
- package/fesm2022/kirbydesign-designsystem-header.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-helpers-scss.mjs +16 -14
- package/fesm2022/kirbydesign-designsystem-helpers-scss.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-helpers.mjs +251 -361
- package/fesm2022/kirbydesign-designsystem-helpers.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-icon.mjs +881 -296
- package/fesm2022/kirbydesign-designsystem-icon.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-item-group.mjs +52 -23
- package/fesm2022/kirbydesign-designsystem-item-group.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-item-sliding.mjs +147 -43
- package/fesm2022/kirbydesign-designsystem-item-sliding.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-item.mjs +395 -151
- package/fesm2022/kirbydesign-designsystem-item.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-kirby-app.mjs +136 -54
- package/fesm2022/kirbydesign-designsystem-kirby-app.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-list.mjs +1188 -697
- package/fesm2022/kirbydesign-designsystem-list.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-loading-overlay.mjs +166 -76
- package/fesm2022/kirbydesign-designsystem-loading-overlay.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-menu.mjs +420 -311
- package/fesm2022/kirbydesign-designsystem-menu.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-modal.mjs +2476 -1912
- package/fesm2022/kirbydesign-designsystem-modal.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-page.mjs +1526 -905
- package/fesm2022/kirbydesign-designsystem-page.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-popover.mjs +204 -169
- package/fesm2022/kirbydesign-designsystem-popover.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-progress-circle.mjs +209 -158
- package/fesm2022/kirbydesign-designsystem-progress-circle.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-radio.mjs +537 -365
- package/fesm2022/kirbydesign-designsystem-radio.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-range.mjs +207 -150
- package/fesm2022/kirbydesign-designsystem-range.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-reorder-list.mjs +217 -104
- package/fesm2022/kirbydesign-designsystem-reorder-list.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-router-outlet.mjs +113 -38
- package/fesm2022/kirbydesign-designsystem-router-outlet.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-section-header.mjs +56 -18
- package/fesm2022/kirbydesign-designsystem-section-header.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-segmented-control.mjs +276 -232
- package/fesm2022/kirbydesign-designsystem-segmented-control.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-shared-floating.mjs +328 -382
- package/fesm2022/kirbydesign-designsystem-shared-floating.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-shared-portal.mjs +73 -84
- package/fesm2022/kirbydesign-designsystem-shared-portal.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-shared.mjs +665 -531
- package/fesm2022/kirbydesign-designsystem-shared.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-slide-button.mjs +140 -91
- package/fesm2022/kirbydesign-designsystem-slide-button.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-slide.mjs +360 -158
- package/fesm2022/kirbydesign-designsystem-slide.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-spinner.mjs +90 -32
- package/fesm2022/kirbydesign-designsystem-spinner.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-tab-navigation.mjs +348 -181
- package/fesm2022/kirbydesign-designsystem-tab-navigation.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-tabs.mjs +286 -121
- package/fesm2022/kirbydesign-designsystem-tabs.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-testing-base.mjs +6234 -3164
- package/fesm2022/kirbydesign-designsystem-testing-base.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-testing-jasmine.mjs +118 -95
- package/fesm2022/kirbydesign-designsystem-testing-jasmine.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-testing-jest.mjs +128 -101
- package/fesm2022/kirbydesign-designsystem-testing-jest.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-testing.mjs +236 -243
- package/fesm2022/kirbydesign-designsystem-testing.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-toast.mjs +98 -62
- package/fesm2022/kirbydesign-designsystem-toast.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-toggle-button.mjs +155 -127
- package/fesm2022/kirbydesign-designsystem-toggle-button.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-toggle.mjs +180 -150
- package/fesm2022/kirbydesign-designsystem-toggle.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem-types.mjs +39 -24
- package/fesm2022/kirbydesign-designsystem-types.mjs.map +1 -1
- package/fesm2022/kirbydesign-designsystem.mjs +516 -407
- package/fesm2022/kirbydesign-designsystem.mjs.map +1 -1
- package/icons/svg/megaphone.svg +3 -0
- package/icons/svg/person-blocked.svg +3 -0
- package/icons/svg/person-check.svg +3 -0
- package/icons/svg/person-close.svg +3 -0
- package/icons/svg/person-cloud.svg +3 -0
- package/icons/svg/person-power.svg +3 -0
- package/icons/svg/person-warning.svg +3 -0
- package/icons/svg/phone-device-pin.svg +3 -0
- package/icons/svg/phone-device.svg +3 -2
- package/package.json +10 -10
- package/readme.md +37 -0
- package/types/kirbydesign-designsystem-accordion.d.ts +72 -39
- package/types/kirbydesign-designsystem-accordion.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-action-group.d.ts +46 -39
- package/types/kirbydesign-designsystem-action-group.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-avatar.d.ts +62 -26
- package/types/kirbydesign-designsystem-avatar.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-badge.d.ts +30 -19
- package/types/kirbydesign-designsystem-badge.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-button.d.ts +70 -45
- package/types/kirbydesign-designsystem-button.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-calendar.d.ts +193 -132
- package/types/kirbydesign-designsystem-calendar.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-card.d.ts +130 -66
- package/types/kirbydesign-designsystem-card.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-chart.d.ts +198 -172
- package/types/kirbydesign-designsystem-chart.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-checkbox.d.ts +102 -68
- package/types/kirbydesign-designsystem-checkbox.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-config.d.ts +17 -21
- package/types/kirbydesign-designsystem-config.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-data-table.d.ts +46 -26
- package/types/kirbydesign-designsystem-data-table.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-divider.d.ts +11 -9
- package/types/kirbydesign-designsystem-divider.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-dropdown.d.ts +219 -166
- package/types/kirbydesign-designsystem-dropdown.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-empty-state.d.ts +58 -35
- package/types/kirbydesign-designsystem-empty-state.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-fab-sheet.d.ts +34 -28
- package/types/kirbydesign-designsystem-fab-sheet.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-flag.d.ts +18 -13
- package/types/kirbydesign-designsystem-flag.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-form-field.d.ts +409 -242
- package/types/kirbydesign-designsystem-form-field.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-gesture.d.ts +41 -46
- package/types/kirbydesign-designsystem-gesture.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-header.d.ts +102 -64
- package/types/kirbydesign-designsystem-header.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-helpers-scss.d.ts +6 -8
- package/types/kirbydesign-designsystem-helpers-scss.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-helpers.d.ts +83 -97
- package/types/kirbydesign-designsystem-helpers.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-icon.d.ts +63 -59
- package/types/kirbydesign-designsystem-icon.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-item-group.d.ts +6 -9
- package/types/kirbydesign-designsystem-item-group.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-item-sliding.d.ts +30 -26
- package/types/kirbydesign-designsystem-item-sliding.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-item.d.ts +93 -54
- package/types/kirbydesign-designsystem-item.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-kirby-app.d.ts +18 -19
- package/types/kirbydesign-designsystem-kirby-app.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-list.d.ts +392 -263
- package/types/kirbydesign-designsystem-list.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-loading-overlay.d.ts +35 -24
- package/types/kirbydesign-designsystem-loading-overlay.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-menu.d.ts +119 -69
- package/types/kirbydesign-designsystem-menu.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-modal.d.ts +578 -455
- package/types/kirbydesign-designsystem-modal.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-page.d.ts +308 -226
- package/types/kirbydesign-designsystem-page.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-popover.d.ts +48 -40
- package/types/kirbydesign-designsystem-popover.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-progress-circle.d.ts +59 -61
- package/types/kirbydesign-designsystem-progress-circle.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-radio.d.ts +147 -98
- package/types/kirbydesign-designsystem-radio.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-range.d.ts +90 -45
- package/types/kirbydesign-designsystem-range.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-reorder-list.d.ts +44 -32
- package/types/kirbydesign-designsystem-reorder-list.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-router-outlet.d.ts +23 -18
- package/types/kirbydesign-designsystem-router-outlet.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-section-header.d.ts +5 -8
- package/types/kirbydesign-designsystem-section-header.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-segmented-control.d.ts +123 -100
- package/types/kirbydesign-designsystem-segmented-control.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-shared-floating.d.ts +183 -128
- package/types/kirbydesign-designsystem-shared-floating.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-shared-portal.d.ts +29 -28
- package/types/kirbydesign-designsystem-shared-portal.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-shared.d.ts +143 -139
- package/types/kirbydesign-designsystem-shared.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-slide-button.d.ts +43 -34
- package/types/kirbydesign-designsystem-slide-button.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-slide.d.ts +80 -59
- package/types/kirbydesign-designsystem-slide.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-spinner.d.ts +13 -14
- package/types/kirbydesign-designsystem-spinner.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-tab-navigation.d.ts +78 -55
- package/types/kirbydesign-designsystem-tab-navigation.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-tabs.d.ts +50 -45
- package/types/kirbydesign-designsystem-tabs.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-testing-base.d.ts +2435 -815
- package/types/kirbydesign-designsystem-testing-base.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-testing-jasmine.d.ts +9 -10
- package/types/kirbydesign-designsystem-testing-jasmine.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-testing-jest.d.ts +9 -10
- package/types/kirbydesign-designsystem-testing-jest.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-testing.d.ts +52 -58
- package/types/kirbydesign-designsystem-testing.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-toast.d.ts +25 -31
- package/types/kirbydesign-designsystem-toast.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-toggle-button.d.ts +62 -56
- package/types/kirbydesign-designsystem-toggle-button.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-toggle.d.ts +71 -63
- package/types/kirbydesign-designsystem-toggle.d.ts.map +1 -1
- package/types/kirbydesign-designsystem-types.d.ts +15 -22
- package/types/kirbydesign-designsystem-types.d.ts.map +1 -1
- package/types/kirbydesign-designsystem.d.ts +135 -123
- package/types/kirbydesign-designsystem.d.ts.map +1 -1
- package/accordion/package.json +0 -4
- package/action-group/package.json +0 -4
- package/avatar/package.json +0 -4
- package/badge/package.json +0 -4
- package/button/package.json +0 -4
- package/calendar/package.json +0 -4
- package/card/package.json +0 -4
- package/chart/package.json +0 -4
- package/checkbox/package.json +0 -4
- package/config/package.json +0 -4
- package/data-table/package.json +0 -4
- package/divider/package.json +0 -4
- package/dropdown/package.json +0 -4
- package/empty-state/package.json +0 -4
- package/fab-sheet/package.json +0 -4
- package/flag/package.json +0 -4
- package/form-field/package.json +0 -4
- package/gesture/package.json +0 -4
- package/header/package.json +0 -4
- package/helpers/package.json +0 -4
- package/helpers/scss/package.json +0 -4
- package/icon/package.json +0 -4
- package/item/package.json +0 -4
- package/item-group/package.json +0 -4
- package/item-sliding/package.json +0 -4
- package/kirby-app/package.json +0 -4
- package/list/package.json +0 -4
- package/loading-overlay/package.json +0 -4
- package/menu/package.json +0 -4
- package/modal/package.json +0 -4
- package/page/package.json +0 -4
- package/popover/package.json +0 -4
- package/progress-circle/package.json +0 -4
- package/radio/package.json +0 -4
- package/range/package.json +0 -4
- package/reorder-list/package.json +0 -4
- package/router-outlet/package.json +0 -4
- package/section-header/package.json +0 -4
- package/segmented-control/package.json +0 -4
- package/shared/floating/package.json +0 -4
- package/shared/package.json +0 -4
- package/shared/portal/package.json +0 -4
- package/slide/package.json +0 -4
- package/slide-button/package.json +0 -4
- package/spinner/package.json +0 -4
- package/tab-navigation/package.json +0 -4
- package/tabs/package.json +0 -4
- package/testing/package.json +0 -4
- package/testing-base/package.json +0 -4
- package/testing-jasmine/package.json +0 -4
- package/testing-jest/package.json +0 -4
- package/toast/package.json +0 -4
- package/toggle/package.json +0 -4
- package/toggle-button/package.json +0 -4
- package/types/package.json +0 -4
|
@@ -1,170 +1,223 @@
|
|
|
1
|
-
import * as i0 from
|
|
2
|
-
import { AfterViewInit,
|
|
3
|
-
import { ControlValueAccessor } from
|
|
4
|
-
import * as i4 from
|
|
5
|
-
import { HorizontalDirection, PopoverComponent } from
|
|
6
|
-
import { FormFieldControl } from
|
|
7
|
-
import { ResizeObserverService } from
|
|
8
|
-
import * as i1 from
|
|
9
|
-
import * as i2 from
|
|
10
|
-
import * as i3 from
|
|
11
|
-
import * as i5 from
|
|
12
|
-
import * as i6 from
|
|
13
|
-
import * as i7 from
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<KeyboardHandlerService>;
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, QueryList, Renderer2, TemplateRef } from "@angular/core";
|
|
3
|
+
import { ControlValueAccessor } from "@angular/forms";
|
|
4
|
+
import * as i4 from "@kirbydesign/designsystem/popover";
|
|
5
|
+
import { HorizontalDirection, PopoverComponent } from "@kirbydesign/designsystem/popover";
|
|
6
|
+
import { FormFieldControl } from "@kirbydesign/designsystem/types";
|
|
7
|
+
import { ResizeObserverService } from "@kirbydesign/designsystem/shared";
|
|
8
|
+
import * as i1 from "@kirbydesign/designsystem/card";
|
|
9
|
+
import * as i2 from "@kirbydesign/designsystem/icon";
|
|
10
|
+
import * as i3 from "@kirbydesign/designsystem/item";
|
|
11
|
+
import * as i5 from "@kirbydesign/designsystem/button";
|
|
12
|
+
import * as i6 from "@angular/common";
|
|
13
|
+
import * as i7 from "@kirbydesign/designsystem/list";
|
|
14
|
+
export declare class KeyboardHandlerService {
|
|
15
|
+
handle(event: KeyboardEvent, selectedIndex: number, maxIndex: number, cyclicIndex?: boolean): number;
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeyboardHandlerService, never>;
|
|
17
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<any>;
|
|
19
18
|
}
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
private renderer;
|
|
23
|
-
private elementRef;
|
|
24
|
-
private cdr;
|
|
25
|
-
private keyboardHandlerService;
|
|
26
|
-
private resizeObserverService;
|
|
27
|
-
static readonly OPEN_DELAY_IN_MS = 100;
|
|
28
|
-
private state;
|
|
29
|
-
private _popout;
|
|
30
|
-
private _attributesToForward;
|
|
31
|
-
_listboxId: string;
|
|
32
|
-
_comboboxId: string;
|
|
33
|
-
private _items;
|
|
34
|
-
get items(): string[] | any[];
|
|
35
|
-
set items(value: string[] | any[]);
|
|
36
|
-
private _selectedIndex;
|
|
37
|
-
get selectedIndex(): number;
|
|
38
|
-
set selectedIndex(value: number);
|
|
39
|
-
private _focusedIndex;
|
|
40
|
-
get focusedIndex(): number;
|
|
41
|
-
set focusedIndex(value: number);
|
|
42
|
-
itemTextProperty: string;
|
|
43
|
-
placeholder: string;
|
|
44
|
-
set popout(direction: HorizontalDirection | `${HorizontalDirection}`);
|
|
45
|
-
get popout(): HorizontalDirection | `${HorizontalDirection}`;
|
|
46
|
-
attentionLevel: '1' | '2' | '3';
|
|
47
|
-
expand?: 'block';
|
|
48
|
-
disabled: boolean;
|
|
49
|
-
get _isDisabled(): string;
|
|
50
|
-
hasErrorChange: EventEmitter<boolean>;
|
|
51
|
-
private _hasError;
|
|
52
|
-
get hasError(): boolean;
|
|
53
|
-
set hasError(value: boolean);
|
|
54
|
-
size: 'sm' | 'md';
|
|
55
|
-
tabindex: number;
|
|
56
|
-
/**
|
|
57
|
-
* @deprecated This input is no longer needed. The dropdown now always uses popover positioning.
|
|
58
|
-
* This input will be removed in a future major version.
|
|
59
|
-
*/
|
|
60
|
-
set usePopover(_value: boolean);
|
|
61
|
-
get _tabindex(): number;
|
|
62
|
-
get _noBlurOnScroll(): boolean;
|
|
63
|
-
/**
|
|
64
|
-
* Emitted when an item is selected (tap on mobile, click/keypress on web)
|
|
65
|
-
*/
|
|
66
|
-
change: EventEmitter<string | any>;
|
|
67
|
-
private _value;
|
|
68
|
-
get value(): string | any;
|
|
69
|
-
get selectedText(): string;
|
|
70
|
-
get _isBlockLevel(): boolean;
|
|
71
|
-
get _isOpening(): boolean;
|
|
72
|
-
get isOpen(): boolean;
|
|
73
|
-
clicked: boolean;
|
|
74
|
-
itemTemplate: TemplateRef<any>;
|
|
75
|
-
slottedItems: QueryList<ElementRef<HTMLElement>>;
|
|
76
|
-
cardElement: ElementRef<HTMLElement>;
|
|
77
|
-
popover: PopoverComponent;
|
|
78
|
-
buttonElement: ElementRef<HTMLElement>;
|
|
79
|
-
get interactiveElement(): HTMLElement;
|
|
80
|
-
private forwardAriaLabelToDropdownButton;
|
|
81
|
-
kirbyItemsDefault: QueryList<ElementRef<HTMLElement>>;
|
|
82
|
-
_kirbyItemsSlotted: QueryList<ElementRef<HTMLElement>>;
|
|
83
|
-
set kirbyItemsSlotted(kirbyItems: QueryList<ElementRef<HTMLElement>>);
|
|
84
|
-
get kirbyItemsSlotted(): QueryList<ElementRef<HTMLElement>>;
|
|
85
|
-
private disposeItemClickListeners;
|
|
86
|
-
private searchBuffer;
|
|
87
|
-
private searchBufferTimeout;
|
|
88
|
-
private SEARCH_BUFFER_DELAY;
|
|
89
|
-
constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, keyboardHandlerService: KeyboardHandlerService, resizeObserverService: ResizeObserverService);
|
|
90
|
-
onToggle(event: MouseEvent): void;
|
|
91
|
-
toggle(): void;
|
|
92
|
-
private setPopoverCardStyle;
|
|
93
|
-
ngAfterViewInit(): void;
|
|
94
|
-
open(): void;
|
|
95
|
-
private showDropdown;
|
|
96
|
-
close(): void;
|
|
97
|
-
onItemSelect(index: number): void;
|
|
98
|
-
private _onChange;
|
|
99
|
-
private _onTouched;
|
|
100
|
-
/**
|
|
101
|
-
* Sets the select's value. Part of the ControlValueAccessor interface
|
|
102
|
-
* required to integrate with Angular's core forms API.
|
|
103
|
-
*
|
|
104
|
-
* @param value New value to be written to the model.
|
|
105
|
-
*/
|
|
106
|
-
writeValue(value: any): void;
|
|
107
|
-
/**
|
|
108
|
-
* Saves a callback function to be invoked when the select's value
|
|
109
|
-
* changes from user input. Part of the ControlValueAccessor interface
|
|
110
|
-
* required to integrate with Angular's core forms API.
|
|
111
|
-
*
|
|
112
|
-
* @param fn Callback to be triggered when the value changes.
|
|
113
|
-
*/
|
|
114
|
-
registerOnChange(fn: any): void;
|
|
115
|
-
/**
|
|
116
|
-
* Saves a callback function to be invoked when the select is blurred
|
|
117
|
-
* by the user. Part of the ControlValueAccessor interface required
|
|
118
|
-
* to integrate with Angular's core forms API.
|
|
119
|
-
*
|
|
120
|
-
* @param fn Callback to be triggered when the component has been touched.
|
|
121
|
-
*/
|
|
122
|
-
registerOnTouched(fn: any): void;
|
|
123
|
-
/**
|
|
124
|
-
* Disables the select. Part of the ControlValueAccessor interface required
|
|
125
|
-
* to integrate with Angular's core forms API.
|
|
126
|
-
*
|
|
127
|
-
* @param isDisabled Sets whether the component is disabled.
|
|
128
|
-
*/
|
|
129
|
-
setDisabledState?(isDisabled: boolean): void;
|
|
130
|
-
private selectItem;
|
|
131
|
-
private _selectItemByValue;
|
|
132
|
-
getTextFromItem(item: string | any): any;
|
|
133
|
-
scrollItemIntoView(index: number): void;
|
|
134
|
-
_onTab(): void;
|
|
135
|
-
private preventDefaultAndStopImmediatePropagation;
|
|
136
|
-
private addToSearchBuffer;
|
|
137
|
-
private resetSearchBuffer;
|
|
138
|
-
_onKeydown(event: KeyboardEvent): void;
|
|
139
|
-
private handlePrintableCharacterKey;
|
|
140
|
-
private getIndexOfItemByFirstCharacter;
|
|
141
|
-
_onMouseDown(event: MouseEvent): void;
|
|
142
|
-
_onTouchStart(event: TouchEvent): void;
|
|
143
|
-
_onPopoverWillHide(): void;
|
|
144
|
-
_onFocusOut(): void;
|
|
145
|
-
_onEnterOrEscape(): void;
|
|
146
|
-
_onPopoverClick(): void;
|
|
147
|
-
_onEnterOrSpace(event: KeyboardEvent): void;
|
|
148
|
-
_onArrowKeys(event: KeyboardEvent): boolean;
|
|
149
|
-
_onHomeEndKeys(event: KeyboardEvent): boolean;
|
|
150
|
-
private domIndexOf;
|
|
151
|
-
private unlistenAllSlottedItems;
|
|
152
|
-
ngOnDestroy(): void;
|
|
153
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
|
|
154
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "kirby-dropdown", never, { "items": { "alias": "items"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "focusedIndex": { "alias": "focusedIndex"; "required": false; }; "itemTextProperty": { "alias": "itemTextProperty"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "popout": { "alias": "popout"; "required": false; }; "attentionLevel": { "alias": "attentionLevel"; "required": false; }; "expand": { "alias": "expand"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "usePopover": { "alias": "usePopover"; "required": false; }; }, { "hasErrorChange": "hasErrorChange"; "change": "change"; }, ["itemTemplate", "slottedItems", "kirbyItemsSlotted"], never, true, never>;
|
|
19
|
+
declare namespace dropdown_component_d_exports {
|
|
20
|
+
export { DropdownComponent };
|
|
155
21
|
}
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
22
|
+
export declare class DropdownComponent implements AfterViewInit, OnDestroy, ControlValueAccessor, FormFieldControl {
|
|
23
|
+
private renderer;
|
|
24
|
+
private elementRef;
|
|
25
|
+
private cdr;
|
|
26
|
+
private keyboardHandlerService;
|
|
27
|
+
private resizeObserverService;
|
|
28
|
+
static readonly OPEN_DELAY_IN_MS = 100;
|
|
29
|
+
private state;
|
|
30
|
+
private _popout;
|
|
31
|
+
private _attributesToForward;
|
|
32
|
+
_listboxId: string;
|
|
33
|
+
_comboboxId: string;
|
|
34
|
+
private _items;
|
|
35
|
+
get items(): string[] | any[];
|
|
36
|
+
set items(value: string[] | any[]);
|
|
37
|
+
private _selectedIndex;
|
|
38
|
+
get selectedIndex(): number;
|
|
39
|
+
set selectedIndex(value: number);
|
|
40
|
+
private _focusedIndex;
|
|
41
|
+
get focusedIndex(): number;
|
|
42
|
+
set focusedIndex(value: number);
|
|
43
|
+
itemTextProperty: string;
|
|
44
|
+
placeholder: string;
|
|
45
|
+
set popout(direction: HorizontalDirection | `${HorizontalDirection}`);
|
|
46
|
+
get popout(): HorizontalDirection | `${HorizontalDirection}`;
|
|
47
|
+
attentionLevel: '1' | '2' | '3';
|
|
48
|
+
expand?: 'block';
|
|
49
|
+
disabled: boolean;
|
|
50
|
+
get _isDisabled(): string;
|
|
51
|
+
hasErrorChange: EventEmitter<boolean>;
|
|
52
|
+
private _hasError;
|
|
53
|
+
get hasError(): boolean;
|
|
54
|
+
set hasError(value: boolean);
|
|
55
|
+
size: 'sm' | 'md';
|
|
56
|
+
tabindex: number;
|
|
57
|
+
/**
|
|
58
|
+
* @deprecated This input is no longer needed. The dropdown now always uses popover positioning.
|
|
59
|
+
* This input will be removed in a future major version.
|
|
60
|
+
*/
|
|
61
|
+
set usePopover(_value: boolean);
|
|
62
|
+
get _tabindex(): number;
|
|
63
|
+
get _noBlurOnScroll(): boolean;
|
|
64
|
+
/**
|
|
65
|
+
* Emitted when an item is selected (tap on mobile, click/keypress on web)
|
|
66
|
+
*/
|
|
67
|
+
change: EventEmitter<string | any>;
|
|
68
|
+
private _value;
|
|
69
|
+
get value(): string | any;
|
|
70
|
+
get selectedText(): string;
|
|
71
|
+
get _isBlockLevel(): boolean;
|
|
72
|
+
get _isOpening(): boolean;
|
|
73
|
+
get isOpen(): boolean;
|
|
74
|
+
clicked: boolean;
|
|
75
|
+
itemTemplate: TemplateRef<any>;
|
|
76
|
+
slottedItems: QueryList<ElementRef<HTMLElement>>;
|
|
77
|
+
cardElement: ElementRef<HTMLElement>;
|
|
78
|
+
popover: PopoverComponent;
|
|
79
|
+
buttonElement: ElementRef<HTMLElement>;
|
|
80
|
+
get interactiveElement(): HTMLElement;
|
|
81
|
+
private forwardAriaLabelToDropdownButton;
|
|
82
|
+
kirbyItemsDefault: QueryList<ElementRef<HTMLElement>>;
|
|
83
|
+
_kirbyItemsSlotted: QueryList<ElementRef<HTMLElement>>;
|
|
84
|
+
set kirbyItemsSlotted(kirbyItems: QueryList<ElementRef<HTMLElement>>);
|
|
85
|
+
get kirbyItemsSlotted(): QueryList<ElementRef<HTMLElement>>;
|
|
86
|
+
private disposeItemClickListeners;
|
|
87
|
+
private searchBuffer;
|
|
88
|
+
private searchBufferTimeout;
|
|
89
|
+
private SEARCH_BUFFER_DELAY;
|
|
90
|
+
constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, keyboardHandlerService: KeyboardHandlerService, resizeObserverService: ResizeObserverService);
|
|
91
|
+
onToggle(event: MouseEvent): void;
|
|
92
|
+
toggle(): void;
|
|
93
|
+
private setPopoverCardStyle;
|
|
94
|
+
ngAfterViewInit(): void;
|
|
95
|
+
open(): void;
|
|
96
|
+
private showDropdown;
|
|
97
|
+
close(): void;
|
|
98
|
+
onItemSelect(index: number): void;
|
|
99
|
+
private _onChange;
|
|
100
|
+
private _onTouched;
|
|
101
|
+
/**
|
|
102
|
+
* Sets the select's value. Part of the ControlValueAccessor interface
|
|
103
|
+
* required to integrate with Angular's core forms API.
|
|
104
|
+
*
|
|
105
|
+
* @param value New value to be written to the model.
|
|
106
|
+
*/
|
|
107
|
+
writeValue(value: any): void;
|
|
108
|
+
/**
|
|
109
|
+
* Saves a callback function to be invoked when the select's value
|
|
110
|
+
* changes from user input. Part of the ControlValueAccessor interface
|
|
111
|
+
* required to integrate with Angular's core forms API.
|
|
112
|
+
*
|
|
113
|
+
* @param fn Callback to be triggered when the value changes.
|
|
114
|
+
*/
|
|
115
|
+
registerOnChange(fn: any): void;
|
|
116
|
+
/**
|
|
117
|
+
* Saves a callback function to be invoked when the select is blurred
|
|
118
|
+
* by the user. Part of the ControlValueAccessor interface required
|
|
119
|
+
* to integrate with Angular's core forms API.
|
|
120
|
+
*
|
|
121
|
+
* @param fn Callback to be triggered when the component has been touched.
|
|
122
|
+
*/
|
|
123
|
+
registerOnTouched(fn: any): void;
|
|
124
|
+
/**
|
|
125
|
+
* Disables the select. Part of the ControlValueAccessor interface required
|
|
126
|
+
* to integrate with Angular's core forms API.
|
|
127
|
+
*
|
|
128
|
+
* @param isDisabled Sets whether the component is disabled.
|
|
129
|
+
*/
|
|
130
|
+
setDisabledState?(isDisabled: boolean): void;
|
|
131
|
+
private selectItem;
|
|
132
|
+
private _selectItemByValue;
|
|
133
|
+
getTextFromItem(item: string | any): any;
|
|
134
|
+
scrollItemIntoView(index: number): void;
|
|
135
|
+
_onTab(): void;
|
|
136
|
+
private preventDefaultAndStopImmediatePropagation;
|
|
137
|
+
private addToSearchBuffer;
|
|
138
|
+
private resetSearchBuffer;
|
|
139
|
+
_onKeydown(event: KeyboardEvent): void;
|
|
140
|
+
private handlePrintableCharacterKey;
|
|
141
|
+
private getIndexOfItemByFirstCharacter;
|
|
142
|
+
_onMouseDown(event: MouseEvent): void;
|
|
143
|
+
_onTouchStart(event: TouchEvent): void;
|
|
144
|
+
_onPopoverWillHide(): void;
|
|
145
|
+
_onFocusOut(): void;
|
|
146
|
+
_onEnterOrEscape(): void;
|
|
147
|
+
_onPopoverClick(): void;
|
|
148
|
+
_onEnterOrSpace(event: KeyboardEvent): void;
|
|
149
|
+
_onArrowKeys(event: KeyboardEvent): boolean;
|
|
150
|
+
_onHomeEndKeys(event: KeyboardEvent): boolean;
|
|
151
|
+
private domIndexOf;
|
|
152
|
+
private unlistenAllSlottedItems;
|
|
153
|
+
ngOnDestroy(): void;
|
|
154
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
|
|
155
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "kirby-dropdown", never, {
|
|
156
|
+
"items": {
|
|
157
|
+
"alias": "items";
|
|
158
|
+
"required": false;
|
|
159
|
+
};
|
|
160
|
+
"selectedIndex": {
|
|
161
|
+
"alias": "selectedIndex";
|
|
162
|
+
"required": false;
|
|
163
|
+
};
|
|
164
|
+
"focusedIndex": {
|
|
165
|
+
"alias": "focusedIndex";
|
|
166
|
+
"required": false;
|
|
167
|
+
};
|
|
168
|
+
"itemTextProperty": {
|
|
169
|
+
"alias": "itemTextProperty";
|
|
170
|
+
"required": false;
|
|
171
|
+
};
|
|
172
|
+
"placeholder": {
|
|
173
|
+
"alias": "placeholder";
|
|
174
|
+
"required": false;
|
|
175
|
+
};
|
|
176
|
+
"popout": {
|
|
177
|
+
"alias": "popout";
|
|
178
|
+
"required": false;
|
|
179
|
+
};
|
|
180
|
+
"attentionLevel": {
|
|
181
|
+
"alias": "attentionLevel";
|
|
182
|
+
"required": false;
|
|
183
|
+
};
|
|
184
|
+
"expand": {
|
|
185
|
+
"alias": "expand";
|
|
186
|
+
"required": false;
|
|
187
|
+
};
|
|
188
|
+
"disabled": {
|
|
189
|
+
"alias": "disabled";
|
|
190
|
+
"required": false;
|
|
191
|
+
};
|
|
192
|
+
"hasError": {
|
|
193
|
+
"alias": "hasError";
|
|
194
|
+
"required": false;
|
|
195
|
+
};
|
|
196
|
+
"size": {
|
|
197
|
+
"alias": "size";
|
|
198
|
+
"required": false;
|
|
199
|
+
};
|
|
200
|
+
"tabindex": {
|
|
201
|
+
"alias": "tabindex";
|
|
202
|
+
"required": false;
|
|
203
|
+
};
|
|
204
|
+
"usePopover": {
|
|
205
|
+
"alias": "usePopover";
|
|
206
|
+
"required": false;
|
|
207
|
+
};
|
|
208
|
+
}, {
|
|
209
|
+
"hasErrorChange": "hasErrorChange";
|
|
210
|
+
"change": "change";
|
|
211
|
+
}, ["itemTemplate", "slottedItems", "kirbyItemsSlotted"], never, true, never>;
|
|
161
212
|
}
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
open = 2
|
|
213
|
+
export declare class DropdownModule {
|
|
214
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownModule, never>;
|
|
215
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DropdownModule, never, [typeof i1.CardModule, typeof i2.IconModule, typeof i3.ItemModule, typeof i4.PopoverComponent, typeof i5.ButtonComponent, typeof i6.CommonModule, typeof i7.ListModule, typeof DropdownComponent], [typeof DropdownComponent, typeof i7.ListItemTemplateDirective]>;
|
|
216
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<DropdownModule>;
|
|
167
217
|
}
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
218
|
+
export declare enum OpenState {
|
|
219
|
+
closed = 0,
|
|
220
|
+
opening = 1,
|
|
221
|
+
open = 2
|
|
222
|
+
}
|
|
223
|
+
//# sourceMappingURL=kirbydesign-designsystem-dropdown.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kirbydesign-designsystem-dropdown.d.ts","sources":["../../dropdown/src/keyboard-handler.service.ts","../../dropdown/src/dropdown.component.ts","../../dropdown/src/dropdown.module.ts","../../dropdown/src/dropdown.types.ts"],"mappings":"
|
|
1
|
+
{"version":3,"file":"kirbydesign-designsystem-dropdown.d.ts","names":[],"sources":["../../dropdown/src/keyboard-handler.service.ts","../../dropdown/src/dropdown.component.ts","../../dropdown/src/dropdown.module.ts","../../dropdown/src/dropdown.types.ts"],"mappings":";;;;;;;;;;;;;qBAKa;EACX,OAAO,OAAO,eAAe,uBAAuB,kBAAkB;SAD3D,MAAA,GAAA,qBAAA;;;;;;qBC0DA,6BACA,eAAe,WAAW,sBAAsB;UAgOjD;UACA;UACA;UACA;UACA;kBAlOM;UACR;UACA;UACA;EAER;EACA;UAEQ;MAEJ;MAIS,MAAM;UAKX;MACJ;MAIS,cAAc;UAUnB;MACJ;MAIS,aAAa;EAQ1B;EAGA;MAEa,OAAO,WAAW,yBAAyB;MAIpD,UAJ2B,yBAAyB;EASxD;EAGA;EAGA;MAGI;EAIM,gBAAc;UAEhB;MAGJ;MAIA,SAAS;EAQb;EAKA;;;;;MAMa,WAAW;MAOpB;MAMA;;;;EAOM,QAAQ;UAEV;MACJ;MAIA;MAKA;MAKA;MAKA;EAeJ;EAGA,cAAc;EAEd,cAAc,UAAU,WAAW;EAEnC,aAAa,WAAW;EAExB,SAAS;EAET,eAAe,WAAW;MAEtB,sBAAsB;UAIlB;EASR,mBAAmB,UAAU,WAAW;EAExC,oBAAoB,UAAU,WAAW;MAErC,kBAAkB,YAAY,UAAU,WAAW;MAuBnD,qBAAqB,UAAU,WAAW;UAItC;UACA;UACA;UACA;EAGE,YAAA,UAAU,WACV,YAAY,WAAW,cACvB,KAAK,mBACL,wBAAwB,wBACxB,uBAAuB;EAGjC,SAAS,OAAO;EAQhB;UAQQ;EASR;EAkBA;UAeQ;EASR;EAUA,aAAa;UAKL;UACA;;;;;;;EAQR,WAAW;;;;;;;;EAYX,iBAAiB;;;;;;;;EAWjB,kBAAkB;;;;;;;EAUlB,kBAAkB;UAKV;UASA;EAIR,gBAAgB;EAOhB,mBAAmB;EAgBnB;UAcQ;UAKA;UAOA;EAKR,WAAW,OAAO;UAqDV;UAyCA;EAeR,aAAa,OAAO;EAQpB,cAAc,OAAO;EAMrB;EAOA;EAQA;EAIA;EAMA,gBAAgB,OAAO;EAcvB,aAAa,OAAO;EA0CpB,eAAe,OAAO;UAiBd;UAUA;EAOR;SA1pBW,MAAA,GAAA,qBAAA;SAAA,MAAA,GAAA,uBAAA;IAAiB;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;;IAAA;IAAA;;;qBCpCjB;SAAA,MAAA,GAAA,qBAAA;SAAA,MAAA,GAAA,sBAAA,+BAAc,GAAA,mBAAA,GAAA,mBAAA,GAAA,mBAAA,GAAA,yBAAA,GAAA,wBAAA,GAAA,qBAAA,GAAA,mBAAA,4BAAA,0BAAA,GAAA;SAAd,MAAA,GAAA,sBAAA;;oBC3BD;EACV;EACA;EACA"}
|
|
@@ -1,37 +1,60 @@
|
|
|
1
|
-
import * as i0 from
|
|
2
|
-
import { AfterContentInit,
|
|
3
|
-
import
|
|
4
|
-
import * as
|
|
5
|
-
import * as
|
|
6
|
-
|
|
7
|
-
declare
|
|
8
|
-
|
|
9
|
-
private renderer;
|
|
10
|
-
private _title;
|
|
11
|
-
private ionModalDialog;
|
|
12
|
-
iconName: string;
|
|
13
|
-
set title(value: string);
|
|
14
|
-
get title(): string;
|
|
15
|
-
_insideModal: boolean;
|
|
16
|
-
subtitle: string;
|
|
17
|
-
private slottedButtons;
|
|
18
|
-
constructor(elementRef: ElementRef<HTMLElement>, renderer: Renderer2);
|
|
19
|
-
ngOnInit(): void;
|
|
20
|
-
ngAfterContentInit(): void;
|
|
21
|
-
/** Enforces that all slotted buttons will have their attention
|
|
22
|
-
* level set to 3, except the first button if it has
|
|
23
|
-
* level 1.
|
|
24
|
-
*/
|
|
25
|
-
private enforceAttentionLevelRules;
|
|
26
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<EmptyStateComponent, never>;
|
|
27
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<EmptyStateComponent, "kirby-empty-state", never, { "iconName": { "alias": "iconName"; "required": false; }; "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; }, {}, ["slottedButtons"], ["*"], true, never>;
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import { AfterContentInit, ElementRef, OnInit, Renderer2 } from "@angular/core";
|
|
3
|
+
import { ThemeColor } from "@kirbydesign/core";
|
|
4
|
+
import * as i1 from "@kirbydesign/designsystem/icon";
|
|
5
|
+
import * as i2 from "@angular/common";
|
|
6
|
+
import * as i3 from "@kirbydesign/designsystem/shared";
|
|
7
|
+
declare namespace empty_state_component_d_exports {
|
|
8
|
+
export { EmptyStateComponent };
|
|
28
9
|
}
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
10
|
+
export declare class EmptyStateComponent implements AfterContentInit, OnInit {
|
|
11
|
+
private elementRef;
|
|
12
|
+
private renderer;
|
|
13
|
+
private _title;
|
|
14
|
+
private ionModalDialog;
|
|
15
|
+
iconName: string;
|
|
16
|
+
set title(value: string);
|
|
17
|
+
get title(): string;
|
|
18
|
+
_insideModal: boolean;
|
|
19
|
+
subtitle: string;
|
|
20
|
+
/**
|
|
21
|
+
* Sets which color the empty state should use from the theme palette.
|
|
22
|
+
* Supported values are 'success', 'warning', 'danger' and 'medium'.
|
|
23
|
+
* Deprecated values: 'primary', 'secondary', 'tertiary', 'light' and 'dark'
|
|
24
|
+
*/
|
|
25
|
+
set themeColor(value: ThemeColor);
|
|
26
|
+
private slottedButtons;
|
|
27
|
+
constructor(elementRef: ElementRef<HTMLElement>, renderer: Renderer2);
|
|
28
|
+
ngOnInit(): void;
|
|
29
|
+
ngAfterContentInit(): void;
|
|
30
|
+
/** Enforces that all slotted buttons will have their attention
|
|
31
|
+
* level set to 3, except the first button if it has
|
|
32
|
+
* level 1.
|
|
33
|
+
*/
|
|
34
|
+
private enforceAttentionLevelRules;
|
|
35
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EmptyStateComponent, never>;
|
|
36
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EmptyStateComponent, "kirby-empty-state", never, {
|
|
37
|
+
"iconName": {
|
|
38
|
+
"alias": "iconName";
|
|
39
|
+
"required": false;
|
|
40
|
+
};
|
|
41
|
+
"title": {
|
|
42
|
+
"alias": "title";
|
|
43
|
+
"required": false;
|
|
44
|
+
};
|
|
45
|
+
"subtitle": {
|
|
46
|
+
"alias": "subtitle";
|
|
47
|
+
"required": false;
|
|
48
|
+
};
|
|
49
|
+
"themeColor": {
|
|
50
|
+
"alias": "themeColor";
|
|
51
|
+
"required": false;
|
|
52
|
+
};
|
|
53
|
+
}, {}, ["slottedButtons"], ["*"], true, never>;
|
|
34
54
|
}
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
55
|
+
export declare class EmptyStateModule {
|
|
56
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EmptyStateModule, never>;
|
|
57
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<EmptyStateModule, never, [typeof i1.IconModule, typeof i2.CommonModule, typeof i3.ThemeColorDirective, typeof EmptyStateComponent], [typeof EmptyStateComponent, typeof i3.ThemeColorDirective]>;
|
|
58
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<EmptyStateModule>;
|
|
59
|
+
}
|
|
60
|
+
//# sourceMappingURL=kirbydesign-designsystem-empty-state.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kirbydesign-designsystem-empty-state.d.ts","sources":["../../empty-state/src/empty-state.component.ts","../../empty-state/src/empty-state.module.ts"],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"kirbydesign-designsystem-empty-state.d.ts","names":[],"sources":["../../empty-state/src/empty-state.component.ts","../../empty-state/src/empty-state.module.ts"],"mappings":";;;;;;;;;qBAyBa,+BAA+B,kBAAkB;UAsClD;UACA;UAtCF;UACA;EAEC;MAEI,MAAM;MAQf;EAGJ;EAES;;;;;;MAOI,WAAW,OAAO;UASvB;EAGE,YAAA,YAAY,WAAW,cACvB,UAAU;EAGpB;EAYA;;;;;UAcQ;SApEG,MAAA,GAAA,qBAAA;SAAA,MAAA,GAAA,uBAAA;IAAmB;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;;;;qBCfnB;SAAA,MAAA,GAAA,qBAAA;SAAA,MAAA,GAAA,sBAAA,iCAAgB,GAAA,mBAAA,GAAA,qBAAA,GAAA,4BAAA,8BAAA,4BAAA,GAAA;SAAhB,MAAA,GAAA,sBAAA"}
|
|
@@ -1,29 +1,35 @@
|
|
|
1
|
-
import * as i0 from
|
|
2
|
-
import { AfterContentInit, AfterViewInit,
|
|
3
|
-
import { ActionSheetComponent } from
|
|
4
|
-
import { IonFab } from
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, Renderer2 } from "@angular/core";
|
|
3
|
+
import { ActionSheetComponent } from "@kirbydesign/designsystem/modal";
|
|
4
|
+
import { IonFab } from "@ionic/angular";
|
|
5
|
+
export declare class FabSheetComponent implements AfterContentInit, AfterViewInit {
|
|
6
|
+
private changeDetectorRef;
|
|
7
|
+
private renderer;
|
|
8
|
+
private document;
|
|
9
|
+
disabled: boolean;
|
|
10
|
+
horizontalAlignment: 'left' | 'center' | 'right';
|
|
11
|
+
private _isFabSheetOpen;
|
|
12
|
+
get isFabSheetOpen(): boolean;
|
|
13
|
+
actionSheet: ActionSheetComponent;
|
|
14
|
+
ionFabButton: ElementRef<HTMLElement>;
|
|
15
|
+
ionFab: IonFab;
|
|
16
|
+
constructor(changeDetectorRef: ChangeDetectorRef, renderer: Renderer2, document: Document);
|
|
17
|
+
ngAfterContentInit(): void;
|
|
18
|
+
ngAfterViewInit(): void;
|
|
19
|
+
hideActions(): void;
|
|
20
|
+
onFabButtonClick(): void;
|
|
21
|
+
onFabListClick(): void;
|
|
22
|
+
fabSheetStateChanged(isOpen: boolean): void;
|
|
23
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FabSheetComponent, never>;
|
|
24
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FabSheetComponent, "kirby-fab-sheet", never, {
|
|
25
|
+
"disabled": {
|
|
26
|
+
"alias": "disabled";
|
|
27
|
+
"required": false;
|
|
28
|
+
};
|
|
29
|
+
"horizontalAlignment": {
|
|
30
|
+
"alias": "horizontalAlignment";
|
|
31
|
+
"required": false;
|
|
32
|
+
};
|
|
33
|
+
}, {}, ["actionSheet"], ["kirby-icon", "kirby-action-sheet"], true, never>;
|
|
26
34
|
}
|
|
27
|
-
|
|
28
|
-
export { FabSheetComponent };
|
|
29
|
-
//# sourceMappingURL=kirbydesign-designsystem-fab-sheet.d.ts.map
|
|
35
|
+
//# sourceMappingURL=kirbydesign-designsystem-fab-sheet.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kirbydesign-designsystem-fab-sheet.d.ts","sources":["../../fab-sheet/src/fab-sheet.component.ts"],"mappings":"
|
|
1
|
+
{"version":3,"file":"kirbydesign-designsystem-fab-sheet.d.ts","names":[],"sources":["../../fab-sheet/src/fab-sheet.component.ts"],"mappings":";;;;qBA4Ba,6BAA6B,kBAAkB;UAmBhD;UACA;UACkB;EApBnB;EACA;UAED;MAEJ;EAImD,aAAa;EAGpE,cAAc,WAAW;EAGzB,QAAQ;EAGE,YAAA,mBAAmB,mBACnB,UAAU,WACQ,UAAU;EAKtC;EAMA;EAIA;EAIA;EAMA;EAMA,qBAAqB;SApDV,MAAA,GAAA,qBAAA;SAAA,MAAA,GAAA,uBAAA;IAAiB;MAAA;MAAA;;IAAA;MAAA;MAAA"}
|
|
@@ -1,14 +1,19 @@
|
|
|
1
|
-
import * as i0 from
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export type FlagThemeColor = 'success' | 'warning' | 'danger' | 'semi-light' | 'transparent';
|
|
3
|
+
export declare class FlagComponent {
|
|
4
|
+
size: 'xs' | 'sm' | 'md';
|
|
5
|
+
themeColor: FlagThemeColor;
|
|
6
|
+
get _cssClass(): (FlagThemeColor | "xs" | "sm" | "md")[];
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FlagComponent, never>;
|
|
8
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FlagComponent, "kirby-flag", never, {
|
|
9
|
+
"size": {
|
|
10
|
+
"alias": "size";
|
|
11
|
+
"required": false;
|
|
12
|
+
};
|
|
13
|
+
"themeColor": {
|
|
14
|
+
"alias": "themeColor";
|
|
15
|
+
"required": false;
|
|
16
|
+
};
|
|
17
|
+
}, {}, never, ["*"], true, never>;
|
|
10
18
|
}
|
|
11
|
-
|
|
12
|
-
export { FlagComponent };
|
|
13
|
-
export type { FlagThemeColor };
|
|
14
|
-
//# sourceMappingURL=kirbydesign-designsystem-flag.d.ts.map
|
|
19
|
+
//# sourceMappingURL=kirbydesign-designsystem-flag.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kirbydesign-designsystem-flag.d.ts","sources":["../../flag/src/flag.component.ts"],"mappings":"
|
|
1
|
+
{"version":3,"file":"kirbydesign-designsystem-flag.d.ts","names":[],"sources":["../../flag/src/flag.component.ts"],"mappings":";YAEY;qBAUC;EACF;EACA,YAAY;MAGjB,cAAS;SALF,MAAA,GAAA,qBAAA;SAAA,MAAA,GAAA,uBAAA;IAAa;MAAA;MAAA;;IAAA;MAAA;MAAA"}
|