@kirbydesign/designsystem 5.2.2 → 5.4.1
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/bundles/kirbydesign-designsystem-testing-base.umd.js +1 -0
- package/bundles/kirbydesign-designsystem-testing-base.umd.js.map +1 -1
- package/bundles/kirbydesign-designsystem-testing-base.umd.min.js +1 -1
- package/bundles/kirbydesign-designsystem-testing-base.umd.min.js.map +1 -1
- package/bundles/kirbydesign-designsystem-testing-jasmine.umd.js.map +1 -1
- package/bundles/kirbydesign-designsystem-testing-jasmine.umd.min.js.map +1 -1
- package/bundles/kirbydesign-designsystem-testing-jest.umd.js.map +1 -1
- package/bundles/kirbydesign-designsystem-testing-jest.umd.min.js.map +1 -1
- package/bundles/kirbydesign-designsystem.umd.js +95 -72
- package/bundles/kirbydesign-designsystem.umd.js.map +1 -1
- package/bundles/kirbydesign-designsystem.umd.min.js +1 -1
- package/bundles/kirbydesign-designsystem.umd.min.js.map +1 -1
- package/esm2015/lib/components/avatar/avatar.component.js +1 -1
- package/esm2015/lib/components/button/button.component.js +1 -1
- package/esm2015/lib/components/calendar/calendar.component.js +2 -2
- package/esm2015/lib/components/card/card-header/card-header.component.js +1 -1
- package/esm2015/lib/components/card/card-header/card-header.component.metadata.json +1 -1
- package/esm2015/lib/components/chart/chart-js/chart-js.service.js +38 -26
- package/esm2015/lib/components/chart/chart-js/chart-js.service.metadata.json +1 -1
- package/esm2015/lib/components/chart/chart-js/chartjs-plugin-marker/chartjs-plugin-marker.js +1 -1
- package/esm2015/lib/components/chart/chart.component.js +1 -1
- package/esm2015/lib/components/chart/chart.component.metadata.json +1 -1
- package/esm2015/lib/components/chart/chart.types.js +1 -1
- package/esm2015/lib/components/chart/chart.types.metadata.json +1 -1
- package/esm2015/lib/components/chart-deprecated/chart-deprecated.component.js +3 -3
- package/esm2015/lib/components/chart-deprecated/options/areaspline.js +1 -1
- package/esm2015/lib/components/chart-deprecated/options/timeseries.js +1 -1
- package/esm2015/lib/components/dropdown/dropdown.component.js +2 -2
- package/esm2015/lib/components/dropdown/dropdown.component.metadata.json +1 -1
- package/esm2015/lib/components/fab-sheet/fab-sheet.component.js +4 -3
- package/esm2015/lib/components/fab-sheet/fab-sheet.component.metadata.json +1 -1
- package/esm2015/lib/components/flag/flag.component.js +4 -6
- package/esm2015/lib/components/flag/flag.component.metadata.json +1 -1
- package/esm2015/lib/components/form-field/form-field.component.js +1 -1
- package/esm2015/lib/components/form-field/form-field.component.metadata.json +1 -1
- package/esm2015/lib/components/form-field/input/input.component.js +2 -2
- package/esm2015/lib/components/form-field/input/input.component.metadata.json +1 -1
- package/esm2015/lib/components/form-field/input-counter/input-counter.component.js +2 -3
- package/esm2015/lib/components/form-field/input-counter/input-counter.component.metadata.json +1 -1
- package/esm2015/lib/components/form-field/textarea/textarea.component.js +1 -1
- package/esm2015/lib/components/form-field/textarea/textarea.component.metadata.json +1 -1
- package/esm2015/lib/components/icon/icon.component.js +2 -2
- package/esm2015/lib/components/icon/icon.component.metadata.json +1 -1
- package/esm2015/lib/components/item/item.component.js +1 -1
- package/esm2015/lib/components/list/list-item/list-item.component.js +1 -1
- package/esm2015/lib/components/list/list-item/list-item.component.metadata.json +1 -1
- package/esm2015/lib/components/list/list-section-header/list-section-header.component.js +2 -3
- package/esm2015/lib/components/list/list-section-header/list-section-header.component.metadata.json +1 -1
- package/esm2015/lib/components/list/list.component.js +1 -1
- package/esm2015/lib/components/list/list.component.metadata.json +1 -1
- package/esm2015/lib/components/modal/action-sheet/action-sheet.component.js +1 -1
- package/esm2015/lib/components/modal/action-sheet/action-sheet.component.metadata.json +1 -1
- package/esm2015/lib/components/modal/footer/modal-footer.component.js +1 -1
- package/esm2015/lib/components/modal/footer/modal-footer.component.metadata.json +1 -1
- package/esm2015/lib/components/modal/modal-wrapper/modal-wrapper.component.js +2 -2
- package/esm2015/lib/components/modal/modal-wrapper/modal-wrapper.component.metadata.json +1 -1
- package/esm2015/lib/components/modal/services/modal-navigation.service.js +2 -4
- package/esm2015/lib/components/page/page.component.js +5 -13
- package/esm2015/lib/components/page/page.component.metadata.json +1 -1
- package/esm2015/lib/components/popover/popover.component.js +16 -18
- package/esm2015/lib/components/popover/popover.component.metadata.json +1 -1
- package/esm2015/lib/components/radio/radio.component.js +1 -1
- package/esm2015/lib/components/range/range.component.js +1 -1
- package/esm2015/lib/components/range/range.component.metadata.json +1 -1
- package/esm2015/lib/components/reorder-list/reorder-list.component.js +3 -3
- package/esm2015/lib/components/reorder-list/reorder-list.component.metadata.json +1 -1
- package/esm2015/lib/components/segmented-control/segmented-control.component.js +10 -2
- package/esm2015/lib/components/segmented-control/segmented-control.component.metadata.json +1 -1
- package/esm2015/lib/components/slide-button/slide-button.component.js +1 -1
- package/esm2015/lib/components/slide-button/slide-button.component.metadata.json +1 -1
- package/esm2015/lib/components/stock-chart-deprecated/options/stock-chart-deprecated-options.js +1 -1
- package/esm2015/testing-base/lib/components/mock.accordion-item.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.action-sheet.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.app.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.avatar.component.js +2 -2
- package/esm2015/testing-base/lib/components/mock.button.component.js +2 -2
- package/esm2015/testing-base/lib/components/mock.calendar.component.js +2 -1
- package/esm2015/testing-base/lib/components/mock.calendar.component.metadata.json +1 -1
- package/esm2015/testing-base/lib/components/mock.card-footer.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.card-header.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.card.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.chart-deprecated.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.chart.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.chart.component.metadata.json +1 -1
- package/esm2015/testing-base/lib/components/mock.checkbox.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.chip.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.divider.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.dropdown.component.js +2 -2
- package/esm2015/testing-base/lib/components/mock.empty-state.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.fab-sheet.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.flag.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.form-field-message.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.form-field.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.grid.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.icon.component.js +2 -2
- package/esm2015/testing-base/lib/components/mock.input-counter.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.input.component.js +2 -2
- package/esm2015/testing-base/lib/components/mock.item-group.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.item-sliding.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.item.component.js +2 -2
- package/esm2015/testing-base/lib/components/mock.label.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.list-experimental.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.list-header.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.list-item.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.list-section-header.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.list.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.loading-overlay.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.modal-footer.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.page-footer.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.page.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.popover.component.js +2 -2
- package/esm2015/testing-base/lib/components/mock.progress-circle.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.radio-group.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.radio.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.range.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.reorder-list.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.router-outlet.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.section-header.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.segmented-control.component.js +2 -2
- package/esm2015/testing-base/lib/components/mock.slide-button.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.spinner.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.tab-button.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.tabs.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.textarea.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.toggle-button.component.js +1 -1
- package/esm2015/testing-base/lib/components/mock.toggle.component.js +1 -1
- package/esm2015/testing-base/lib/mock-components.js +1 -1
- package/esm2015/testing-jasmine/lib/mock-providers.js +1 -1
- package/esm2015/testing-jest/lib/mock-providers.js +1 -1
- package/fesm2015/kirbydesign-designsystem-testing-base.js +1 -0
- package/fesm2015/kirbydesign-designsystem-testing-base.js.map +1 -1
- package/fesm2015/kirbydesign-designsystem-testing-jasmine.js.map +1 -1
- package/fesm2015/kirbydesign-designsystem-testing-jest.js.map +1 -1
- package/fesm2015/kirbydesign-designsystem.js +88 -83
- package/fesm2015/kirbydesign-designsystem.js.map +1 -1
- package/icons/svg/more.svg +5 -7
- package/kirbydesign-designsystem.metadata.json +1 -1
- package/lib/components/avatar/avatar.component.d.ts +2 -2
- package/lib/components/button/button.component.d.ts +2 -2
- package/lib/components/chart/chart-js/chart-js.service.d.ts +4 -3
- package/lib/components/chart/chart.component.d.ts +3 -3
- package/lib/components/chart/chart.types.d.ts +1 -0
- package/lib/components/dropdown/dropdown.component.d.ts +2 -2
- package/lib/components/form-field/input/input.component.d.ts +1 -1
- package/lib/components/form-field/input-counter/input-counter.component.d.ts +2 -2
- package/lib/components/icon/icon.component.d.ts +1 -1
- package/lib/components/item/item.component.d.ts +1 -1
- package/lib/components/popover/popover.component.d.ts +2 -3
- package/lib/components/segmented-control/segmented-control.component.d.ts +4 -1
- package/package.json +2 -2
- package/polyfills/intersection-observer-polyfill-loader.js +12 -12
- package/polyfills/resize-observer-polyfill-loader.js +1 -1
- package/testing-base/kirbydesign-designsystem-testing-base.metadata.json +1 -1
- package/testing-base/lib/components/mock.avatar.component.d.ts +1 -1
- package/testing-base/lib/components/mock.button.component.d.ts +1 -1
- package/testing-base/lib/components/mock.calendar.component.d.ts +1 -0
- package/testing-base/lib/components/mock.chart.component.d.ts +2 -2
- package/testing-base/lib/components/mock.dropdown.component.d.ts +1 -1
- package/testing-base/lib/components/mock.icon.component.d.ts +1 -1
- package/testing-base/lib/components/mock.input.component.d.ts +1 -1
- package/testing-base/lib/components/mock.item.component.d.ts +1 -1
- package/testing-base/lib/components/mock.popover.component.d.ts +1 -1
- package/testing-base/lib/components/mock.segmented-control.component.d.ts +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@kirbydesign/core"),require("@angular/core"),require("@ionic/angular"),require("@angular/router"),require("rxjs"),require("rxjs/operators"),require("@angular/common"),require("highcharts"),require("date-fns"),require("ts-deepcopy"),require("chart.js"),require("chartjs-adapter-date-fns"),require("chartjs-plugin-annotation"),require("chartjs-plugin-datalabels"),require("chart.js/helpers"),require("highcharts/highstock"),require("highcharts/modules/annotations"),require("date-fns-tz"),require("date-fns/locale"),require("@angular/forms"),require("inputmask/lib/extensions/inputmask.date.extensions"),require("inputmask/lib/inputmask"),require("inputmask/lib/extensions/inputmask.numeric.extensions"),require("@angular/animations"),require("@kirbydesign/core/loader")):"function"==typeof define&&define.amd?define("@kirbydesign/designsystem",["exports","@kirbydesign/core","@angular/core","@ionic/angular","@angular/router","rxjs","rxjs/operators","@angular/common","highcharts","date-fns","ts-deepcopy","chart.js","chartjs-adapter-date-fns","chartjs-plugin-annotation","chartjs-plugin-datalabels","chart.js/helpers","highcharts/highstock","highcharts/modules/annotations","date-fns-tz","date-fns/locale","@angular/forms","inputmask/lib/extensions/inputmask.date.extensions","inputmask/lib/inputmask","inputmask/lib/extensions/inputmask.numeric.extensions","@angular/animations","@kirbydesign/core/loader"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).kirbydesign=e.kirbydesign||{},e.kirbydesign.designsystem={}),e.core,e.ng.core,e.ionic,e.ng.router,e.rxjs,e.rxjs.operators,e.ng.common,e.highcharts,e["date-fns"],e._deepCopy,e.chart_js,null,e.annotationPlugin,e.ChartDataLabels,e.helpers,e["highcharts/highstock"],e.highcharts,e["date-fns-tz"],e.locale,e.ng.forms,null,e.inputmask,null,e.ng.animations,e.loader)}(this,(function(e,t,n,i,o,r,a,s,l,c,d,p,h,u,g,m,b,y,f,v,k,x,w,C,I,E){"use strict";function O(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function S(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var D,T,R=S(l),P=O(d),_=O(u),A=O(g),M=S(b),L=O(y),B=O(w);T=e.KirbyAnimation||(e.KirbyAnimation={}),(D=T.Duration||(T.Duration={}))[D.QUICK=parseInt(t.DesignTokenHelper.transitionDuration("quick"))]="QUICK",D[D.SHORT=parseInt(t.DesignTokenHelper.transitionDuration("short"))]="SHORT",D[D.LONG=parseInt(t.DesignTokenHelper.transitionDuration("long"))]="LONG",D[D.EXTRA_LONG=parseInt(t.DesignTokenHelper.transitionDuration("extraLong"))]="EXTRA_LONG",T.Easing=t.DesignTokenHelper.transitionEasings();var z=function(){};z.decorators=[{type:n.Component,args:[{selector:"kirby-router-outlet",template:'<ng-container *ngIf="main">\n <ion-router-outlet main></ion-router-outlet>\n</ng-container>\n<ng-container *ngIf="!main">\n <ion-router-outlet></ion-router-outlet>\n</ng-container>\n',styles:[":host{left:0;right:0;top:0;bottom:0;position:absolute;contain:size layout style;z-index:0;overflow:hidden;background-color:var(--kirby-background-color)}"]}]}],z.propDecorators={main:[{type:n.Input}]};function H(e,t){var n,i,o,r,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return r={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(r[Symbol.iterator]=function(){return this}),r;function s(r){return function(s){return function(r){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,i&&(o=2&r[0]?i.return:r[0]?i.throw||((o=i.return)&&o.call(i),0):i.next)&&!(o=o.call(i,r[1])).done)return o;switch(i=0,o&&(r=[2&r[0],o.value]),r[0]){case 0:case 1:o=r;break;case 4:return a.label++,{value:r[1],done:!1};case 5:a.label++,i=r[1],r=[0];continue;case 7:r=a.ops.pop(),a.trys.pop();continue;default:if(!(o=a.trys,(o=o.length>0&&o[o.length-1])||6!==r[0]&&2!==r[0])){a=0;continue}if(3===r[0]&&(!o||r[1]>o[0]&&r[1]<o[3])){a.label=r[1];break}if(6===r[0]&&a.label<o[1]){a.label=o[1],o=r;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(r);break}o[2]&&a.ops.pop(),a.trys.pop();continue}r=t.call(e,a)}catch(e){r=[6,e],i=0}finally{n=o=0}if(5&r[0])throw r[1];return{value:r[0]?r[1]:void 0,done:!0}}([r,s])}}}Object.create;function j(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],i=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&i>=e.length&&(e=void 0),{value:e&&e[i++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function F(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var i,o,r=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(i=r.next()).done;)a.push(i.value)}catch(e){o={error:e}}finally{try{i&&!i.done&&(n=r.return)&&n.call(r)}finally{if(o)throw o.error}}return a}function N(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(F(arguments[t]));return e}Object.create;var W=function(){function e(){this.cancelButtonText="Cancel",this.hideCancel=!1,this.disabled=!1,this.cancel=new n.EventEmitter,this.itemSelect=new n.EventEmitter}return e.prototype.onItemSelect=function(e){this.itemSelect.emit(e)},e.prototype.onCancel=function(){this.cancel.emit()},e}();W.decorators=[{type:n.Component,args:[{selector:"kirby-action-sheet",template:'<kirby-card>\n <kirby-card-header *ngIf="header" [title]="header" [isTitleBold]="true" [subtitle]="subheader">\n </kirby-card-header>\n <button\n kirby-button\n expand="block"\n size="lg"\n attentionLevel="4"\n (click)="onItemSelect(item)"\n *ngFor="let item of items"\n >\n {{ item.text }}\n </button>\n</kirby-card>\n<button\n *ngIf="!hideCancel"\n kirby-button\n class="cancel-btn"\n size="lg"\n attentionLevel="2"\n (click)="onCancel()"\n>\n {{ cancelButtonText }}\n</button>\n',styles:[":host{--kirby_internal_margin_horizontal_default:32px;--kirby_internal_margin_horizontal_total:calc(2 * var(--kirby-action-sheet-margin-horizontal, var(--kirby_internal_margin_horizontal_default)))}@media (max-width:320px){:host{--kirby_internal_margin_horizontal_default:16px}}:host{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;margin:0 auto;width:calc(100vw - var(--kirby_internal_margin_horizontal_total));max-width:calc(375px - var(--kirby_internal_margin_horizontal_total))}kirby-card{align-self:stretch;pointer-events:auto;box-shadow:0 20px 30px -15px rgba(28,28,28,.3),0 0 5px 0 rgba(28,28,28,.08)}kirby-card button[kirby-button]{margin:0;border-radius:0}kirby-card button[kirby-button]:not(:focus){border-top:1px solid var(--kirby-background-color)}.cancel-btn{font-weight:700;margin-top:16px;margin-bottom:24px;pointer-events:auto;box-shadow:0 20px 30px -15px rgba(28,28,28,.3),0 0 5px 0 rgba(28,28,28,.08)}"]}]}],W.propDecorators={cancelButtonText:[{type:n.Input}],hideCancel:[{type:n.Input}],disabled:[{type:n.Input}],header:[{type:n.Input}],subheader:[{type:n.Input}],items:[{type:n.Input}],cancel:[{type:n.Output}],itemSelect:[{type:n.Output}]};var V=this&&this.__awaiter||function(e,t,n,i){return new(n||(n=Promise))((function(o,r){function a(e){try{l(i.next(e))}catch(e){r(e)}}function s(e){try{l(i.throw(e))}catch(e){r(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((i=i.apply(e,t||[])).next())}))},$=function(){function e(e){this.ionicModalController=e}return e.prototype.showActionSheet=function(e){return V(this,void 0,void 0,(function(){var t,i,o,r,a;return H(this,(function(s){switch(s.label){case 0:return t=new n.EventEmitter,i=new n.EventEmitter,[4,this.ionicModalController.create({component:W,cssClass:["kirby-overlay","kirby-action-sheet"],componentProps:Object.assign(Object.assign({},e),{cancel:t,itemSelect:i}),backdropDismiss:!0})];case 1:return o=s.sent(),r=t.subscribe((function(){return o.dismiss()})),a=i.subscribe((function(e){return o.dismiss(e)})),o.onDidDismiss().then((function(e){r.unsubscribe(),a.unsubscribe()})),[4,o.present()];case 2:return s.sent(),[2,{dismiss:o.dismiss.bind(o),onWillDismiss:o.onWillDismiss(),onDidDismiss:o.onDidDismiss()}]}}))}))},e}();$.decorators=[{type:n.Injectable}],$.ctorParameters=function(){return[{type:i.ModalController}]};var U=function(){function e(){}return Object.defineProperty(e.prototype,"nativeWindow",{get:function(){return window},enumerable:!1,configurable:!0}),e}();U.ɵprov=n.ɵɵdefineInjectable({factory:function(){return new U},token:U,providedIn:"root"}),U.decorators=[{type:n.Injectable,args:[{providedIn:"root"}]}];var Y=function(){function e(e,t){this.elementRef=e,this.windowRef=t,this.BLUR_WRAPPER_DELAY_IN_MS=50,this.scrollY=Math.abs(this.windowRef.nativeWindow.scrollY)}return Object.defineProperty(e.prototype,"title",{set:function(e){this.title$="string"==typeof e?r.of(e):e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"message",{set:function(e){this.message$="string"==typeof e?r.of(e):e},enumerable:!1,configurable:!0}),e.prototype.ngAfterViewInit=function(){var e=this;setTimeout((function(){e.alertWrapper.nativeElement.focus(),e.alertWrapper.nativeElement.blur()}),this.BLUR_WRAPPER_DELAY_IN_MS)},e.prototype.onFocusChange=function(){this.windowRef.nativeWindow.scrollTo({top:this.scrollY})},e.prototype.onCancel=function(){var e=this.elementRef.nativeElement.closest("ion-modal");e&&e.dismiss(!1)},e.prototype.onOk=function(){var e=this.elementRef.nativeElement.closest("ion-modal");e&&e.dismiss(!0)},e}();Y.decorators=[{type:n.Component,args:[{selector:"kirby-alert",template:'<article #alertWrapper>\n <kirby-empty-state\n [iconName]="iconName"\n [themeColor]="iconThemeColor"\n [title]="title$ | async"\n [subtitle]="message$ | async"\n ></kirby-empty-state>\n <div class="buttongroup">\n <button\n kirby-button\n *ngIf="cancelBtnText"\n attentionLevel="3"\n class="cancel-btn"\n (click)="onCancel()"\n >\n {{ cancelBtnText }}\n </button>\n <button\n kirby-button\n [size]="cancelBtnText ? null : \'lg\'"\n attentionLevel="1"\n class="ok-btn"\n [isDestructive]="okBtnIsDestructive"\n (click)="onOk()"\n >\n {{ okBtnText }}\n </button>\n </div>\n</article>\n',host:{"[class.ion-page]":"false"},styles:["article{overflow:hidden;padding:24px 16px 16px}@media (max-width:320px){article{padding:8px}}.buttongroup{display:flex;justify-content:space-around}.buttongroup button{width:50%;margin-left:6px;margin-right:6px}"]}]}],Y.ctorParameters=function(){return[{type:n.ElementRef},{type:U}]},Y.propDecorators={alertWrapper:[{type:n.ViewChild,args:["alertWrapper",{static:!0}]}],title:[{type:n.Input}],message:[{type:n.Input}],iconName:[{type:n.Input}],iconThemeColor:[{type:n.Input}],okBtnText:[{type:n.Input}],okBtnIsDestructive:[{type:n.Input}],cancelBtnText:[{type:n.Input}]};var G=this&&this.__awaiter||function(e,t,n,i){return new(n||(n=Promise))((function(o,r){function a(e){try{l(i.next(e))}catch(e){r(e)}}function s(e){try{l(i.throw(e))}catch(e){r(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((i=i.apply(e,t||[])).next())}))},q=function(){function e(e){this.ionicModalController=e}return e.prototype.showAlert=function(e){return G(this,void 0,void 0,(function(){var t;return H(this,(function(n){switch(n.label){case 0:return[4,this.ionicModalController.create({component:Y,componentProps:this.getComponentProps(e),cssClass:["kirby-overlay","kirby-alert"],mode:"ios",backdropDismiss:!1})];case 1:return[4,(t=n.sent()).present()];case 2:return n.sent(),[2,{dismiss:t.dismiss.bind(t),onWillDismiss:t.onWillDismiss(),onDidDismiss:t.onDidDismiss()}]}}))}))},e.prototype.getComponentProps=function(e){return Object.assign(Object.assign({},e),{okBtnText:this.getOkBtnText(e),cancelBtnText:this.getCancelBtnText(e),okBtnIsDestructive:this.getOkBtnIsDestructive(e),iconName:e.icon&&e.icon.name,iconThemeColor:e.icon&&e.icon.themeColor})},e.prototype.getOkBtnText=function(e){var t;return e.okBtnText&&(console.warn("`okBtnText` will be deprecated on next major version. Please use `okBtn` instead."),t=e.okBtnText),e.okBtn&&(t="string"==typeof e.okBtn?e.okBtn:e.okBtn.text),t},e.prototype.getOkBtnIsDestructive=function(e){return"object"==typeof e.okBtn?e.okBtn.isDestructive:void 0},e.prototype.getCancelBtnText=function(e){return e.cancelBtnText&&console.warn("`cancelBtnText` will be deprecated on next major version. Please use `cancelBtn` instead."),e.cancelBtn||e.cancelBtnText},e}();q.decorators=[{type:n.Injectable}],q.ctorParameters=function(){return[{type:i.ModalController}]};var K=this&&this.__awaiter||function(e,t,n,i){return new(n||(n=Promise))((function(o,r){function a(e){try{l(i.next(e))}catch(e){r(e)}}function s(e){try{l(i.throw(e))}catch(e){r(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((i=i.apply(e,t||[])).next())}))},Z=function(){function e(e,t){this.router=e,this.route=t,this.navigationEndListener$=this.router.events.pipe(a.filter((function(e){return e instanceof o.NavigationEnd})))}return e.prototype.isModalRoute=function(e){return e.includes("(modal:")},e.prototype.getCurrentActivatedRoute=function(){for(var e=this.route.root;e.firstChild;)e=e.firstChild;return e},e.prototype.getModalRoutes=function(e,t){return K(this,void 0,void 0,(function(){var n,i,o;return H(this,(function(r){switch(r.label){case 0:return n=[].concat.apply([],N(e)),i=[],[4,this.getModuleRootPath(n,t)];case 1:return(o=r.sent())&&(i=this.getModalRoutePaths(n,o)),[2,i]}}))}))},e.prototype.getModuleRootPath=function(e,t){return K(this,void 0,void 0,(function(){var n,i;return H(this,(function(o){switch(o.label){case 0:return t?(n=t.trim().split("/").filter((function(e){return!!e})),[2,[""].concat(n)]):[4,this.getCurrentRoutePaths()];case 1:return i=o.sent(),[2,this.getRoutePathsWithoutChildSegments(i,e)]}}))}))},e.prototype.getCurrentRoutePaths=function(){return K(this,void 0,void 0,(function(){var e,t,n,i;return H(this,(function(o){switch(o.label){case 0:return e=[""],t=this.router.getCurrentNavigation(),this.router.navigated||t?t?[4,this.navigationEndListener$.pipe(a.first()).toPromise()]:[3,2]:[2,e];case 1:o.sent(),o.label=2;case 2:for(n=this.route.snapshot.root;n.firstChild;)n=n.firstChild;return i=n.pathFromRoot.filter((function(e){return"modal"!==e.outlet})),[2,e.concat.apply(e,N(i.map((function(e){return e.url.filter((function(e){return!!e.path})).map((function(e){return e.path}))}))))]}}))}))},e.prototype.getRoutePathsWithoutChildSegments=function(e,t){if(!e.length)return e;var n=this.findChildRouteForUrl(e.join("/"),t);if(!n)return e;var i=n.replace(/^\//,"").split("/").length;return e.slice(0,-i)},e.prototype.findChildRouteForUrl=function(e,t){var n=this,i=this.getRoutePaths(t,[""]).sort().reverse(),o=i.find((function(t){return e.endsWith(t)}));if(!o){o=i.find((function(t){return t.includes("/:")&&n.pathContainsChildRouteWithUrlParams(e,t,false)}))}return o},e.prototype.pathContainsChildRouteWithUrlParams=function(e,t,n){var i=e.split("/"),o=t;n||(o=t.replace(/^\//,""));var r=o.split("/").reverse().every((function(e){var t=i.pop();return e.startsWith(":")||e===t}));return n?0===i.length&&r:r},e.prototype.getRoutePaths=function(e,t){var n=this;return Array.isArray(e)?[].concat.apply([],N(e.map((function(e){return n.getRoutePath(e,t)})))):[]},e.prototype.getRoutePath=function(e,t){var n=[];if(e.outlet)return n;var i=N(t);return e.path&&(i.push(e.path),n.push(i.join("/"))),n.concat(this.getRoutePaths(e.children,i))},e.prototype.getModalRoutePath=function(e,t){var n="modal";if(e.path&&e.outlet===n)return[N(t,["(modal:"+e.path+")"]).join("/")];var i=N(t);return e.path&&i.push(e.path),[].concat.apply([],N(this.getModalRoutePaths(e.children,i)))},e.prototype.getModalRoutePaths=function(e,t){var n=this;return Array.isArray(e)?[].concat.apply([],N(e.map((function(e){return n.getModalRoutePath(e,t)})))):[]},e.prototype.isNewModalWindow=function(e){var t=this.router.getCurrentNavigation();if(!t||!t.previousNavigation)return!0;var n=(t.previousNavigation.finalUrl||t.previousNavigation.extractedUrl).toString(),i=this.isModalRoute(n),o=this.isModalRoute(e.urlAfterRedirects);if(!i&&o)return!0;var r=e.urlAfterRedirects.split("/(modal:")[0];return n.split("/(modal:")[0]!==r},e.prototype.waitForCurrentThenGetNavigationEndStream=function(){return K(this,void 0,void 0,(function(){var e;return H(this,(function(t){switch(t.label){case 0:return this.router.getCurrentNavigation()?[4,this.navigationEndListener$.pipe(a.first()).toPromise()]:[3,2];case 1:return e=t.sent(),[2,this.navigationEndListener$.pipe(a.startWith(e))];case 2:return[2,this.navigationEndListener$]}}))}))},e.prototype.modalRouteActivatedFor=function(e,t,n){var i=this;return e.pipe(a.filter((function(e){return i.modalRouteSetContainsPath(t,e,n)})),a.map((function(e){return{route:i.getCurrentActivatedRoute(),isNewModal:i.isNewModalWindow(e)}})))},e.prototype.modalRouteDeactivatedFor=function(e,t,n){var i=this;return e.pipe(a.pairwise(),a.filter((function(e){var o=F(e,2),r=o[0];o[1];return i.modalRouteSetContainsPath(t,r,n)})),a.map((function(e){var t=F(e,2),n=(t[0],t[1]);return!i.isModalRoute(n.urlAfterRedirects)||i.isNewModalWindow(n)})),a.filter((function(e){return e})))},e.prototype.modalRouteSetContainsPath=function(e,t,n){var i,o,r=t.urlAfterRedirects.split("?")[0],a=e.has(r);if(!a&&n)try{for(var s=j(e),l=s.next();!l.done;l=s.next()){var c=l.value;if(this.pathContainsChildRouteWithUrlParams(r,c,!0)){a=!0;break}}}catch(e){i={error:e}}finally{try{l&&!l.done&&(o=s.return)&&o.call(s)}finally{if(i)throw i.error}}return a},e.prototype.getModalNavigation=function(e,t){return K(this,void 0,void 0,(function(){var n,i,o,a,s,l;return H(this,(function(c){switch(c.label){case 0:return Array.isArray(e)?[4,this.waitForCurrentThenGetNavigationEndStream()]:[3,3];case 1:return n=c.sent(),[4,this.getModalRoutes(e,t)];case 2:if(i=c.sent(),i.length>0)return o=i.some((function(e){return e.includes("/:")})),a=new Set(i),s=this.modalRouteActivatedFor(n,a,o),l=this.modalRouteDeactivatedFor(n,a,o),[2,{activated$:s,deactivated$:l}];c.label=3;case 3:return[2,{activated$:r.EMPTY,deactivated$:r.EMPTY}]}}))}))},e.prototype.navigateToModal=function(e,t){return K(this,void 0,void 0,(function(){var n,i;return H(this,(function(o){switch(o.label){case 0:return n=Array.isArray(e)?e:e.split("/"),i=n.pop(),[4,this.router.navigate(N(n,[{outlets:{modal:[i]}}]),{queryParams:t,relativeTo:this.getCurrentActivatedRoute()})];case 1:return[2,o.sent()]}}))}))},e.prototype.navigateWithinModal=function(e,t){return K(this,void 0,void 0,(function(){return H(this,(function(n){return[2,this.router.navigate([e],{queryParams:t,relativeTo:this.getCurrentActivatedRoute()})]}))}))},e.prototype.navigateOutOfModalOutlet=function(){return K(this,void 0,void 0,(function(){var e,t,n;return H(this,(function(i){return e=Promise.resolve(!0),"modal"===(t=this.getCurrentActivatedRoute()).outlet&&(n=this.getBackdropRoute(t),e=this.router.navigate(["./"],{relativeTo:n})),[2,e]}))}))},e.prototype.getBackdropRoute=function(e){for(var t=e.parent;t&&!t.component&&t.parent;)t=t.parent;return t},e}();Z.ɵprov=n.ɵɵdefineInjectable({factory:function(){return new Z(n.ɵɵinject(o.Router),n.ɵɵinject(o.ActivatedRoute))},token:Z,providedIn:"root"}),Z.decorators=[{type:n.Injectable,args:[{providedIn:"root"}]}],Z.ctorParameters=function(){return[{type:o.Router},{type:o.ActivatedRoute}]};var J=function(){},X=new n.InjectionToken("componentProps"),Q=this&&this.__awaiter||function(e,t,n,i){return new(n||(n=Promise))((function(o,r){function a(e){try{l(i.next(e))}catch(e){r(e)}}function s(e){try{l(i.throw(e))}catch(e){r(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((i=i.apply(e,t||[])).next())}))},ee=function(){function e(e,t,n){this.injector=e,this.elementRef=t,this.windowRef=n,this.scrollY=Math.abs(this.windowRef.nativeWindow.scrollY),this.scrollDisabled=!1,this.ionModalDidPresent=new r.Subject,this.ionModalWillDismiss=new r.Subject,this.didPresent=this.ionModalDidPresent.toPromise(),this.willClose=this.ionModalWillDismiss.toPromise()}return e.prototype.ngOnInit=function(){this.ionModalElement=this.elementRef.nativeElement.closest("ion-modal"),this.listenForIonModalDidPresent(),this.listenForIonModalWillDismiss(),this.componentPropsInjector=n.Injector.create({providers:[{provide:X,useValue:this.config.componentProps}],parent:this.injector})},e.prototype.listenForIonModalDidPresent=function(){var e=this;this.ionModalElement&&this.ionModalElement.addEventListener("ionModalDidPresent",(function(){e.ionModalDidPresent.next(),e.ionModalDidPresent.complete()}))},e.prototype.listenForIonModalWillDismiss=function(){var e=this;this.ionModalElement&&this.ionModalElement.addEventListener("ionModalWillDismiss",(function(){e.ionModalWillDismiss.next(),e.ionModalWillDismiss.complete()}))},e.prototype.close=function(e){return Q(this,void 0,void 0,(function(){var t;return H(this,(function(n){switch(n.label){case 0:return(t=this.elementRef.nativeElement.closest("ion-modal"))?[4,t.dismiss(e)]:[3,2];case 1:n.sent(),n.label=2;case 2:return[2]}}))}))},e.prototype.onFocusChange=function(){this.windowRef.nativeWindow.scrollTo({top:this.scrollY})},e}();ee.decorators=[{type:n.Component,args:[{selector:"kirby-modal-compact-wrapper",template:'<ng-container\n *ngComponentOutlet="config.component; injector: componentPropsInjector"\n></ng-container>\n',providers:[{provide:J,useExisting:ee}],host:{"[class.ion-page]":"false"},styles:[":host{display:block;padding:24px 16px}"]}]}],ee.ctorParameters=function(){return[{type:n.Injector},{type:n.ElementRef},{type:U}]},ee.propDecorators={config:[{type:n.Input}],onFocusChange:[{type:n.HostListener,args:["window:focus"]},{type:n.HostListener,args:["window:focusout"]}]};var te=function(){function e(e){this.windowRef=e}return e.prototype.isTouch=function(){return this.windowRef.nativeWindow.matchMedia("(pointer: coarse)").matches},e.prototype.isPhabletOrBigger=function(){var e="(min-width: "+t.DesignTokenHelper.breakpoints.medium+")";return this.windowRef.nativeWindow.matchMedia(e).matches},e}();te.ɵprov=n.ɵɵdefineInjectable({factory:function(){return new te(n.ɵɵinject(U))},token:te,providedIn:"root"}),te.decorators=[{type:n.Injectable,args:[{providedIn:"root"}]}],te.ctorParameters=function(){return[{type:U}]};var ne=new n.InjectionToken("IconSettings"),ie=function(){function e(e){this.iconRegistry=new Map,e&&(this.addIcons(e.icons),console.warn("Use of IconSettings is deprecated, use IconRegistryService instead"))}return e.prototype.addIcon=function(e,t){this.iconRegistry.has(e)?console.warn('Icon with name: "'+e+'" already exists'):this.iconRegistry.set(e,t)},e.prototype.addIcons=function(e){var t=this;e?e.forEach((function(e){t.addIcon(e.name,e.svg)})):console.error("Icons not defined")},e.prototype.getIcons=function(){return N(this.iconRegistry).map((function(e){return{name:e[0],svg:e[1]}}))},e.prototype.getIcon=function(e){var t=this.iconRegistry.get(e);return t?{name:e,svg:t}:void 0},e}();ie.ɵprov=n.ɵɵdefineInjectable({factory:function(){return new ie(n.ɵɵinject(ne,8))},token:ie,providedIn:"root"}),ie.decorators=[{type:n.Injectable,args:[{providedIn:"root"}]}],ie.ctorParameters=function(){return[{type:void 0,decorators:[{type:n.Optional},{type:n.Inject,args:[ne]}]}]};var oe,re={icons:[{name:"accounts-outline",svg:"assets/kirby/icons/svg/accounts-outline.svg"},{name:"accounts",svg:"assets/kirby/icons/svg/accounts.svg"},{name:"add",svg:"assets/kirby/icons/svg/add.svg"},{name:"remove",svg:"assets/kirby/icons/svg/remove.svg"},{name:"unsubscribe",svg:"assets/kirby/icons/svg/unsubscribe.svg"},{name:"arrow-back",svg:"assets/kirby/icons/svg/arrow-back.svg"},{name:"arrow-down",svg:"assets/kirby/icons/svg/arrow-down.svg"},{name:"arrow-more",svg:"assets/kirby/icons/svg/arrow-more.svg"},{name:"arrow-up",svg:"assets/kirby/icons/svg/arrow-up.svg"},{name:"attach",svg:"assets/kirby/icons/svg/attach.svg"},{name:"backspace",svg:"assets/kirby/icons/svg/backspace.svg"},{name:"calendar",svg:"assets/kirby/icons/svg/calendar.svg"},{name:"camera",svg:"assets/kirby/icons/svg/camera.svg"},{name:"checkbox-outline",svg:"assets/kirby/icons/svg/checkbox-outline.svg"},{name:"checkbox",svg:"assets/kirby/icons/svg/checkbox.svg"},{name:"checkmark-selected",svg:"assets/kirby/icons/svg/checkmark-selected.svg"},{name:"close",svg:"assets/kirby/icons/svg/close.svg"},{name:"cog",svg:"assets/kirby/icons/svg/cog.svg"},{name:"copy",svg:"assets/kirby/icons/svg/copy.svg"},{name:"flag",svg:"assets/kirby/icons/svg/flag.svg"},{name:"edit",svg:"assets/kirby/icons/svg/edit.svg"},{name:"filter",svg:"assets/kirby/icons/svg/filter.svg"},{name:"flash-off",svg:"assets/kirby/icons/svg/flash-off.svg"},{name:"flash",svg:"assets/kirby/icons/svg/flash.svg"},{name:"moneybag",svg:"assets/kirby/icons/svg/moneybag.svg"},{name:"help",svg:"assets/kirby/icons/svg/help.svg"},{name:"home",svg:"assets/kirby/icons/svg/home.svg"},{name:"inbox",svg:"assets/kirby/icons/svg/inbox.svg"},{name:"inbox-outline",svg:"assets/kirby/icons/svg/inbox-outline.svg"},{name:"information",svg:"assets/kirby/icons/svg/information.svg"},{name:"investment",svg:"assets/kirby/icons/svg/investment.svg"},{name:"kirby",svg:"assets/kirby/icons/svg/kirby.svg"},{name:"link",svg:"assets/kirby/icons/svg/link.svg"},{name:"log-out",svg:"assets/kirby/icons/svg/log-out.svg"},{name:"menu-outline",svg:"assets/kirby/icons/svg/menu-outline.svg"},{name:"menu",svg:"assets/kirby/icons/svg/menu.svg"},{name:"misc",svg:"assets/kirby/icons/svg/misc.svg"},{name:"more",svg:"assets/kirby/icons/svg/more.svg"},{name:"move",svg:"assets/kirby/icons/svg/move.svg"},{name:"payment-card",svg:"assets/kirby/icons/svg/payment-card.svg"},{name:"pension",svg:"assets/kirby/icons/svg/pension.svg"},{name:"person-outline",svg:"assets/kirby/icons/svg/person-outline.svg"},{name:"person",svg:"assets/kirby/icons/svg/person.svg"},{name:"qr",svg:"assets/kirby/icons/svg/QR.svg"},{name:"search",svg:"assets/kirby/icons/svg/search.svg"},{name:"share",svg:"assets/kirby/icons/svg/share.svg"},{name:"sort",svg:"assets/kirby/icons/svg/sort.svg"},{name:"support",svg:"assets/kirby/icons/svg/support.svg"},{name:"swap",svg:"assets/kirby/icons/svg/swap.svg"},{name:"trash",svg:"assets/kirby/icons/svg/trash.svg"},{name:"foreign-payment",svg:"assets/kirby/icons/svg/foreign-payment.svg"},{name:"clock",svg:"assets/kirby/icons/svg/clock.svg"},{name:"verify",svg:"assets/kirby/icons/svg/verify.svg"},{name:"warning",svg:"assets/kirby/icons/svg/warning.svg"},{name:"write-message",svg:"assets/kirby/icons/svg/write-message.svg"},{name:"reorder",svg:"assets/kirby/icons/svg/reorder.svg"}]},ae=re.icons.map((function(e){return e.name}));(oe=e.IconSize||(e.IconSize={})).XS="xs",oe.SM="sm",oe.MD="md",oe.LG="lg";var se,le=function(){function e(e){this.iconRegistryService=e,this.defaultIcon=this.findIcon(re.icons,"cog"),this._icon=this.icon=this.defaultIcon}return Object.defineProperty(e.prototype,"icon",{get:function(){return this._icon},set:function(e){e||!this.name&&!this.customName||(this.warnAboutMissingIcon(),e=this.defaultIcon)?e&&(this._icon=e):console.warn("Default icon was not found.")},enumerable:!1,configurable:!0}),e.prototype.warnAboutMissingIcon=function(){this.customName?console.warn('Custom icon with name "'+this.customName+"\" was not found. \n Do you have a typo in 'customName' or\n forgot to configure the custom icon through the 'IconRegistryService'?"):console.warn('Built-in icon with name "'+this.name+"\" was not found. \n Do you have a typo in 'name' or\n did you mean to use a custom icon? If so, please use: \n <kirby-icon customName=\""+this.name+'"></kirby-icon>')},e.prototype.ngOnChanges=function(e){e.name&&e.name.currentValue?this.icon=this.findIcon(re.icons,e.name.currentValue):e.customName&&e.customName.currentValue&&(this.icon=this.iconRegistryService.getIcon(e.customName.currentValue))},e.prototype.findIcon=function(e,t){return e.find((function(e){return e.name===t}))},e}();le.decorators=[{type:n.Component,args:[{selector:"kirby-icon",template:'<ion-icon [src]="icon?.svg"></ion-icon>\n',host:{"[class.kirby-icon]":"true"},styles:[":host{display:inline-flex;align-items:center;justify-content:center;font-size:var(--kirby-icon-font-size,24px);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:16px}:host(.sm){--kirby-icon-font-size:24px}:host(.md){--kirby-icon-font-size:32px}:host(.lg){--kirby-icon-font-size:56px}:host(.primary){color:var(--kirby-primary)}:host(.secondary){color:var(--kirby-secondary)}:host(.tertiary){color:var(--kirby-tertiary)}:host(.success){color:var(--kirby-success)}:host(.warning){color:var(--kirby-warning)}:host(.danger){color:var(--kirby-danger)}:host(.light){color:var(--kirby-light)}:host(.medium){color:var(--kirby-medium)}:host(.dark){color:var(--kirby-dark)}:host-context(kirby-item)[slot=start]{margin-inline-end:8px}:host-context(kirby-item)[slot=end]{margin-inline-start:8px}"]}]}],le.ctorParameters=function(){return[{type:ie}]},le.propDecorators={size:[{type:n.HostBinding,args:["class"]},{type:n.Input}],name:[{type:n.Input}],customName:[{type:n.Input}]},(se=e.ButtonSize||(e.ButtonSize={})).SM="sm",se.MD="md",se.LG="lg";var ce=function(){function t(t){this.elementRef=t,this.isAttentionLevel1=!0,this.destructive=!1,this._isIconLeft=!1,this._isIconRight=!1,this.isFloating=!1,this.size=e.ButtonSize.MD,this.hasText=!1}return Object.defineProperty(t.prototype,"isButtonFloating",{get:function(){return this.isFloating},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"isIconOnly",{get:function(){return!!this.icon&&!this.hasText},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"isIconLeft",{get:function(){return this._isIconLeft},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"isIconRight",{get:function(){return this._isIconRight},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"_cssClass",{get:function(){return[this.themeColor,this.size].filter((function(e){return!!e}))},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"attentionLevel",{set:function(e){this.isAttentionLevel1="1"===e,this.isAttentionLevel2="2"===e,this.isAttentionLevel3="3"===e,this.isAttentionLevel4="4"===e},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"isDestructive",{set:function(e){this.destructive=e},enumerable:!1,configurable:!0}),t.prototype.ngAfterContentInit=function(){this.hasText=!!this.elementRef.nativeElement.textContent,void 0!==this.iconElementRef&&this.hasText&&(this._isIconLeft=this.elementRef.nativeElement.firstChild===this.iconElementRef.nativeElement,this._isIconRight=!this._isIconLeft)},t}();ce.decorators=[{type:n.Component,args:[{selector:"button[kirby-button],Button[kirby-button]",template:"<ng-content></ng-content>\n",styles:[':host{position:relative;font-family:var(--kirby-font-family);background-color:var(--kirby-button-background-color,initial);color:var(--kirby-button-color,inherit);border-radius:999px;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;transition:opacity .2s linear;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;font-size:14px;height:40px;min-width:88px;padding:0 24px;margin:4px;line-height:20px;outline:none;border:1px solid var(--kirby-button-border-color,transparent)}:host:after{content:"";position:absolute;min-height:44px;min-width:44px;width:100%;height:100%;transform:translate(-50%,-50%);left:50%;top:50%}:host.icon-left{padding-left:12px;padding-right:16px;--kirby-icon-margin-right:8px}:host.icon-right{padding-left:16px;padding-right:12px;--kirby-icon-margin-left:8px}:host.icon-only{width:40px;padding:0;min-width:unset}:host.sm{font-size:12px;height:32px;min-width:44px}:host.sm:not(.icon-only){padding-left:16px;padding-right:16px}:host.sm.icon-only{width:32px;min-width:unset}:host.sm.icon-left,:host.sm.icon-right{--kirby-icon-font-size:16px;min-width:88px}:host.lg{font-size:16px;height:48px;min-width:220px}:host.lg.icon-only{width:48px;min-width:unset}:host.attention-level1{--kirby-button-background-color:var(--kirby-primary);--kirby-button-color:var(--kirby-primary-contrast)}:host.attention-level1.destructive{--kirby-button-background-color:var(--kirby-danger);--kirby-button-color:var(--kirby-danger-contrast)}:host.attention-level2{--kirby-button-background-color:var(--kirby-white);--kirby-button-color:var(--kirby-white-contrast)}:host.attention-level2.destructive{--kirby-button-background-color:var(--kirby-light);--kirby-button-color:var(--kirby-danger)}:host.attention-level3{--kirby-button-background-color:transparent;--kirby-button-color:var(--kirby-black);--kirby-button-border-color:var(--kirby-medium)}:host.attention-level3.destructive{--kirby-button-color:var(--kirby-danger)}:host.attention-level4{--kirby-button-background-color:transparent;--kirby-button-color:var(--kirby-black)}:host.attention-level4.destructive{--kirby-button-color:var(--kirby-danger)}:host[expand=block]{width:100%}@media (hover:hover){:host:focus{--kirby-button-border-color:#4d90fe}}@media (hover:hover){:host:hover{opacity:.8}}:host:active{opacity:.8}:host:disabled{background-color:var(--kirby-semi-light);color:var(--kirby-semi-dark-shade);border-color:transparent;pointer-events:none}:host :host-context(.default).attention-level2,:host :host-context(.kirby-color-brightness-white).attention-level2{--kirby-button-background-color:var(--kirby-black);--kirby-button-color:var(--kirby-black-contrast)}:host :host-context(.kirby-color-brightness-dark).attention-level3{--kirby-button-border-color:var(--kirby-white);--kirby-button-color:var(--kirby-white)}:host :host-context(.kirby-color-brightness-dark).attention-level4{--kirby-button-color:var(--kirby-white)}:host.floating{width:64px!important;height:64px!important;min-width:unset}:host.floating:not(:disabled){box-shadow:0 20px 30px -15px rgba(28,28,28,.3),0 0 5px 0 rgba(28,28,28,.08)}:host-context(kirby-item)[slot=end]{margin-inline-start:16px}:host-context(kirby-alert).ok-btn{--kirby-button-background-color:var(--kirby-success);--kirby-button-color:var(--kirby-success-contrast)}:host-context(ion-toolbar kirby-page-actions){font-size:14px;margin:0;height:44px}:host-context(ion-toolbar kirby-page-actions).icon-only{width:44px}:host-context(ion-toolbar kirby-page-actions).attention-level1,:host-context(ion-toolbar kirby-page-actions).attention-level2,:host-context(ion-toolbar kirby-page-actions).attention-level3,:host-context(ion-toolbar kirby-page-actions).attention-level4{--kirby-button-background-color:transparent;--kirby-button-color:var(--kirby-black)}:host-context(ion-toolbar kirby-page-actions).attention-level1.destructive,:host-context(ion-toolbar kirby-page-actions).attention-level2.destructive,:host-context(ion-toolbar kirby-page-actions).attention-level3.destructive,:host-context(ion-toolbar kirby-page-actions).attention-level4.destructive{--kirby-button-color:var(--kirby-danger)}:host-context(.page-title kirby-page-actions).attention-level1,:host-context(.page-title kirby-page-actions).attention-level2,:host-context(.page-title kirby-page-actions).attention-level3,:host-context(.page-title kirby-page-actions).attention-level4{--kirby-button-background-color:var(--kirby-white);--kirby-button-color:var(--kirby-white-contrast)}:host-context(.page-title kirby-page-actions).attention-level1.destructive,:host-context(.page-title kirby-page-actions).attention-level2.destructive,:host-context(.page-title kirby-page-actions).attention-level3.destructive,:host-context(.page-title kirby-page-actions).attention-level4.destructive{--kirby-button-background-color:var(--kirby-light);--kirby-button-color:var(--kirby-danger)}:host-context(kirby-empty-state .content){font-size:16px;height:48px;min-width:220px}:host-context(kirby-empty-state .content).icon-only{width:48px;min-width:unset}:host-context(kirby-dropdown){justify-content:space-between}:host-context(kirby-toggle-button).success{--kirby-button-background-color:var(--kirby-success);--kirby-button-color:var(--kirby-success-contrast)}:host-context(kirby-toggle-button).warning{--kirby-button-background-color:var(--kirby-warning);--kirby-button-color:var(--kirby-warning-contrast)}:host-context(kirby-toggle-button).danger{--kirby-button-background-color:var(--kirby-danger);--kirby-button-color:var(--kirby-danger-contrast)}']}]}],ce.ctorParameters=function(){return[{type:n.ElementRef}]},ce.propDecorators={isAttentionLevel1:[{type:n.HostBinding,args:["class.attention-level1"]}],isAttentionLevel2:[{type:n.HostBinding,args:["class.attention-level2"]}],isAttentionLevel3:[{type:n.HostBinding,args:["class.attention-level3"]}],isAttentionLevel4:[{type:n.HostBinding,args:["class.attention-level4"]}],destructive:[{type:n.HostBinding,args:["class.destructive"]}],isButtonFloating:[{type:n.HostBinding,args:["class.floating"]}],isIconOnly:[{type:n.HostBinding,args:["class.icon-only"]}],isIconLeft:[{type:n.HostBinding,args:["class.icon-left"]}],isIconRight:[{type:n.HostBinding,args:["class.icon-right"]}],_cssClass:[{type:n.HostBinding,args:["class"]}],attentionLevel:[{type:n.Input}],isDestructive:[{type:n.Input}],themeColor:[{type:n.Input}],expand:[{type:n.Input}],isFloating:[{type:n.Input}],size:[{type:n.Input}],icon:[{type:n.ContentChild,args:[le]}],iconElementRef:[{type:n.ContentChild,args:[le,{read:n.ElementRef}]}]};var de=function(){function e(){}return e.prototype.create=function(e){return"undefined"==typeof ResizeObserver?null:new ResizeObserver(e)},e}();de.ɵprov=n.ɵɵdefineInjectable({factory:function(){return new de},token:de,providedIn:"root"}),de.decorators=[{type:n.Injectable,args:[{providedIn:"root"}]}];var pe=function(){function e(e,t){var n=this;this._resizeObserverFactory=e,this.zone=t,this.observedElements=new WeakMap,this.observer=this._resizeObserverFactory.create((function(e){return n.handleResize(e)}))}return e.prototype.observe=function(e,t){var i=this,o=e instanceof n.ElementRef?e.nativeElement:e;this.observedElements.has(o)||(this.observer&&this.zone.runOutsideAngular((function(){i.observer.observe(o)})),this.observedElements.set(o,t))},e.prototype.ngOnDestroy=function(){var e=this;this.observer&&this.zone.runOutsideAngular((function(){e.observer.disconnect()})),this.observedElements=null},e.prototype.unobserve=function(e){var t=this,i=e instanceof n.ElementRef?e.nativeElement:e;this.observedElements.has(i)&&(this.observer&&this.zone.runOutsideAngular((function(){t.observer.unobserve(i)})),this.observedElements.delete(i))},e.prototype.handleResize=function(e){var t=this;e.forEach((function(e){var n=t.observedElements.get(e.target);n&&n(e)}))},e}();pe.ɵprov=n.ɵɵdefineInjectable({factory:function(){return new pe(n.ɵɵinject(de),n.ɵɵinject(n.NgZone))},token:pe,providedIn:"root"}),pe.decorators=[{type:n.Injectable,args:[{providedIn:"root"}]}],pe.ctorParameters=function(){return[{type:de},{type:n.NgZone}]};var he=this&&this.__awaiter||function(e,t,n,i){return new(n||(n=Promise))((function(o,r){function a(e){try{l(i.next(e))}catch(e){r(e)}}function s(e){try{l(i.throw(e))}catch(e){r(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((i=i.apply(e,t||[])).next())}))},ue=function(){function e(e,t,n,i,o,s,l,c){var d=this;this.injector=e,this.elementRef=t,this.renderer=n,this.zone=i,this.resizeObserverService=o,this.componentFactoryResolver=s,this.windowRef=l,this.platform=c,this.scrollY=Math.abs(this.windowRef.nativeWindow.scrollY),this.VIEWPORT_RESIZE_DEBOUNCE_TIME=100,this.keyboardVisible=!1,this.toolbarButtons=[],this.delayedClose=function(){},this.viewportResized=!1,this.ionModalDidPresent=new r.Subject,this.didPresent=this.ionModalDidPresent.toPromise(),this.ionModalWillDismiss=new r.Subject,this.willClose=this.ionModalWillDismiss.toPromise(),this.viewportResize=new r.Subject,this.viewportResize$=this.viewportResize.asObservable().pipe(a.debounceTime(this.VIEWPORT_RESIZE_DEBOUNCE_TIME)),this.destroy$=new r.Subject,this.willClose$=this.ionModalWillDismiss.pipe(a.first()),this.elementToParentMap={"KIRBY-MODAL-FOOTER":function(){return d.elementRef.nativeElement},"KIRBY-PAGE-TITLE":function(){return d.ionTitleElement.nativeElement},"KIRBY-PAGE-PROGRESS":function(){return d.ionToolbarElement.nativeElement}},this.setViewportHeight(),this.observeViewportResize()}return Object.defineProperty(e.prototype,"scrollDisabled",{set:function(e){this.ionContent.scrollY=!e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"mutationObserver",{get:function(){return this._mutationObserver||(this._mutationObserver=this.createEmbeddedElementsMutationObserver()),this._mutationObserver},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"intersectionObserver",{get:function(){return this._intersectionObserver||(this._intersectionObserver=this.createModalWrapperIntersectionObserver()),this._intersectionObserver},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_isDrawer",{get:function(){return"drawer"===this.config.flavor},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){this.ionModalElement=this.elementRef.nativeElement.closest("ion-modal"),this.initializeSizing(),this.initializeModalRoute(),this.listenForIonModalDidPresent(),this.listenForIonModalWillDismiss(),this.initializeResizeModalToModalWrapper(),this.componentPropsInjector=n.Injector.create({providers:[{provide:X,useValue:this.config.componentProps}],parent:this.injector})},e.prototype.initializeResizeModalToModalWrapper=function(){var e=this;"drawer"===this.config.flavor&&this.config.interactWithBackground&&r.merge(this.ionModalDidPresent,this.viewportResize$).pipe(a.takeUntil(this.destroy$)).subscribe((function(){setTimeout((function(){var t=e.elementRef.nativeElement.getBoundingClientRect(),n=e.windowRef.nativeWindow.document.documentElement.clientWidth-t.right;e.renderer.setStyle(e.ionModalElement,"top",t.top+"px"),e.renderer.setStyle(e.ionModalElement,"left",t.left+"px"),e.renderer.setStyle(e.ionModalElement,"right",n+"px")}))}))},e.prototype.initializeSizing=function(){"full-height"!==this.config.size&&(this.patchScrollElementSize(),this.observeHeaderResize(),this.observeModalFullHeight())},e.prototype.initializeModalRoute=function(){this.config.modalRoute&&(this.onSiblingModalRouteActivated(this.config.siblingModalRouteActivated$),this.routerOutlet.activateWith(this.config.modalRoute,this.componentFactoryResolver))},e.prototype.onSiblingModalRouteActivated=function(e){var t=this;e&&e.pipe(a.takeUntil(this.willClose$)).subscribe((function(e){t.routerOutlet.isActivated&&(t.mutationObserver.disconnect(),t.routerOutlet.deactivate(),t.clearEmbeddedElements()),t.routerOutlet.activateWith(e,t.componentFactoryResolver),t.checkForEmbeddedElements()}))},e.prototype.patchScrollElementSize=function(){var e=this;"part"in HTMLElement.prototype||this.ionContent.getScrollElement().then((function(n){e.renderer.setStyle(n,"height","100%"),e.renderer.setStyle(n,"position","relative"),"drawer"===e.config.flavor&&e.renderer.setStyle(n,"transition","padding-bottom "+t.DesignTokenHelper.softKeyboardTransitionLeave)}))},e.prototype.observeModalFullHeight=function(){var e=this,t=this.elementRef.nativeElement.closest(".modal-wrapper");t&&this.didPresent.then((function(){e.intersectionObserver.observe(t)}))},e.prototype.ngAfterViewInit=function(){this.toolbarButtonsQuery&&(this.toolbarButtons=this.toolbarButtonsQuery.map((function(e){return e.nativeElement}))),this.checkForEmbeddedElements()},e.prototype.checkForEmbeddedElements=function(){this.moveEmbeddedElements(),this.observeEmbeddedElements()},e.prototype.observeHeaderResize=function(){var e=this;this.resizeObserverService.observe(this.ionHeaderElement.nativeElement,(function(t){var n=F(["--header-height",t.contentRect.height+"px"],2),i=n[0],o=n[1];e.setCssVar(e.elementRef.nativeElement,i,o)}))},e.prototype.moveEmbeddedElements=function(){var e=this,t=this.getEmbeddedComponentElement();t&&Object.entries(this.elementToParentMap).forEach((function(n){var i=F(n,2),o=i[0],r=i[1],a=t.querySelector(o);a&&e.moveChild(a,r())}))},e.prototype.listenForIonModalDidPresent=function(){var e=this;this.ionModalElement&&this.ionModalElement.addEventListener("ionModalDidPresent",(function(){e.ionModalDidPresent.next(),e.ionModalDidPresent.complete()}))},e.prototype.listenForIonModalWillDismiss=function(){var e=this;this.ionModalElement&&this.ionModalElement.addEventListener("ionModalWillDismiss",(function(){e.ionModalWillDismiss.next(),e.ionModalWillDismiss.complete()}))},e.prototype.scrollToTop=function(e){this.ionContent.scrollToTop(e||0)},e.prototype.scrollToBottom=function(e){this.ionContent.scrollToBottom(e||0)},e.prototype.close=function(t){return he(this,void 0,void 0,(function(){var n=this;return H(this,(function(i){switch(i.label){case 0:return this.ionModalElement?this.keyboardVisible&&this.viewportResized?[3,2]:(clearTimeout(this.delayedCloseTimeoutId),[4,this.ionModalElement.dismiss(t)]):[2];case 1:return i.sent(),[2];case 2:return this.blurActiveElement(),[2,new Promise((function(i){n.delayedClose=function(){return he(n,void 0,void 0,(function(){return H(this,(function(e){switch(e.label){case 0:return[4,this.ionModalElement.dismiss(t)];case 1:return e.sent(),i(),[2]}}))}))},n.delayedCloseTimeoutId=setTimeout(n.delayedClose,e.KEYBOARD_HIDE_DELAY_IN_MS)}))]}}))}))},e.prototype.onFocusChange=function(){this.windowRef.nativeWindow.scrollTo({top:this.scrollY})},e.prototype._onKeyboardShow=function(e){this.setKeyboardVisibility(e)},e.prototype._onKeyboardHide=function(){this.setKeyboardVisibility(0)},e.prototype.toggleContentMaxHeight=function(e){var t=this;if("modal"===this.config.flavor&&this.platform.isPhabletOrBigger()){var n="max-height",i=this.ionContentElement.nativeElement;this.zone.run((function(){if(e){var o=i.offsetHeight;t.renderer.setStyle(i,n,o+"px")}else t.renderer.removeStyle(i,n)}))}},e.prototype.setKeyboardVisibility=function(e){var t=e>0&&this.keyboardVisible,n=0===e&&!this.keyboardVisible;t||n||(this.keyboardVisible=e>0,this.toggleContentMaxHeight(this.keyboardVisible),this.setKeyboardOverlap(e))},e.prototype.getKeyboardOverlap=function(e,t){if(e<=0||!t)return 0;var n=Math.floor(this.windowRef.nativeWindow.innerHeight-t.getBoundingClientRect().bottom);return Math.max(e-n,0)},e.prototype.setCssVar=function(e,t,i){var o=this;this.zone.run((function(){return o.renderer.setStyle(e,t,i,n.RendererStyleFlags2.DashCase)}))},e.prototype.toggleCssClass=function(e,t,n){var i=this;this.zone.run((function(){return n?i.renderer.addClass(e,t):i.renderer.removeClass(e,t)}))},e.prototype.setKeyboardOverlap=function(e){this.toggleCssClass(this.elementRef.nativeElement,"keyboard-visible",e>0);var t=this.getKeyboardOverlap(e,this.elementRef.nativeElement),n=!1,i=this.getEmbeddedFooterElement();i&&(this.setCssVar(i,"--keyboard-offset",t+"px"),n=i.classList.contains("snap-to-keyboard"));var o=this.ionContentElement.nativeElement,r=n?t:this.getKeyboardOverlap(e,o);this.setCssVar(o,"--keyboard-offset",r+"px")},e.prototype.onHeaderTouchStart=function(e){this.keyboardVisible&&(this.toolbarButtons.some((function(t){return e.target instanceof HTMLElement&&(e.target===t||t.contains(e.target))}))||this.blurActiveElement())},e.prototype._onWindowResize=function(){this.setViewportHeight()},e.prototype.setViewportHeight=function(){var e=(.01*this.windowRef.nativeWindow.innerHeight).toFixed(2);this.setCssVar(this.elementRef.nativeElement,"--vh",e+"px")},e.prototype.observeViewportResize=function(){var e=this;this.resizeObserverService.observe(this.windowRef.nativeWindow.document.body,(function(t){return e.onViewportResize(t)}))},e.prototype.onViewportResize=function(e){this.initialViewportHeight?(this.viewportResized=e.contentRect.height!==this.initialViewportHeight,this.viewportResized||this.delayedCloseTimeoutId&&(clearTimeout(this.delayedCloseTimeoutId),this.delayedClose()),this.viewportResize.next()):this.initialViewportHeight=e.contentRect.height},e.prototype.blurActiveElement=function(){this.keyboardVisible&&document.activeElement instanceof HTMLElement&&document.activeElement.matches("input, textarea")&&document.activeElement.blur()},e.prototype.clearEmbeddedElements=function(){var e=this;Object.entries(this.elementToParentMap).forEach((function(t){var n=F(t,2),i=n[0],o=(0,n[1])().querySelector(":scope > "+i);e.removeChild(o)}))},e.prototype.getEmbeddedComponentElement=function(){return this.config.modalRoute?this.ionContentElement.nativeElement.lastElementChild:this.ionContentElement.nativeElement.firstElementChild},e.prototype.getEmbeddedFooterElement=function(){return this.elementRef.nativeElement.querySelector("kirby-modal-footer")},e.prototype.moveChild=function(e,t){var n=this;this.renderer.removeChild(e.parentElement,e),this.renderer.appendChild(t,e),"KIRBY-MODAL-FOOTER"===e.tagName&&this.resizeObserverService.observe(e,(function(e){var t=F(["--footer-height",Math.floor(e.contentRect.height)+"px"],2),i=t[0],o=t[1];n.setCssVar(n.elementRef.nativeElement,i,o)}))},e.prototype.removeChild=function(e){e&&this.renderer.removeChild(e.parentElement,e)},e.prototype.observeEmbeddedElements=function(){var e=this.getEmbeddedComponentElement();this.mutationObserver.observe(e,{childList:!0})},e.prototype.createEmbeddedElementsMutationObserver=function(){var e=this,t=Object.keys(this.elementToParentMap);return new MutationObserver((function(n){var i,o=n.filter((function(e){return"childList"===e.type})).map((function(e){return Array.from(e.addedNodes).filter((function(e){return t.includes(e.nodeName)}))}));(i=Array.prototype).concat.apply(i,N(o)).filter((function(e){return e instanceof HTMLElement})).forEach((function(t){var n=e.elementToParentMap[t.nodeName]();e.moveChild(t,n)}))}))},e.prototype.createModalWrapperIntersectionObserver=function(){var e=this,t=this.windowRef.nativeWindow.frameElement?this.windowRef.nativeWindow.document:void 0;return new IntersectionObserver((function(t){var n=t[0];n.intersectionRatio<1?e.renderer.addClass(n.target,"full-height"):e.renderer.removeClass(n.target,"full-height")}),{rootMargin:"0px 0px -1px 0px",root:t,threshold:[.99,1]})},e.prototype.ngOnDestroy=function(){this.routerOutlet.isActivated&&this.routerOutlet.deactivate(),this.mutationObserver.disconnect(),delete this._mutationObserver,this.intersectionObserver.disconnect(),delete this._intersectionObserver,this.resizeObserverService&&(this.resizeObserverService.unobserve(this.windowRef.nativeWindow.document.body),this.resizeObserverService.unobserve(this.ionHeaderElement.nativeElement),this.resizeObserverService.unobserve(this.getEmbeddedFooterElement())),this.destroy$.next(),this.destroy$.complete()},e}();ue.KEYBOARD_HIDE_DELAY_IN_MS=100,ue.decorators=[{type:n.Component,args:[{selector:"kirby-modal-wrapper",template:'<ion-header (touchstart)="onHeaderTouchStart($event)">\n <ion-toolbar>\n <ion-title>{{ config.title }}</ion-title>\n <ion-buttons slot="start" *ngIf="config.flavor === \'drawer\'">\n <ng-container *ngTemplateOutlet="closeButton; context: { icon: \'arrow-down\' }"></ng-container>\n </ion-buttons>\n <ion-buttons slot="end" *ngIf="config.flavor === \'modal\'">\n <ng-container *ngTemplateOutlet="closeButton; context: { icon: \'close\' }"></ng-container>\n </ion-buttons>\n <ion-buttons slot="end" *ngIf="config.flavor === \'drawer\' && config.drawerSupplementaryAction">\n <ng-container\n *ngTemplateOutlet="supplementaryButton; context: { btn: config.drawerSupplementaryAction }"\n ></ng-container>\n </ion-buttons>\n </ion-toolbar>\n</ion-header>\n\n<ion-content [scrollEvents]="true">\n <ng-container\n *ngComponentOutlet="config.component; injector: componentPropsInjector"\n ></ng-container>\n <router-outlet\n name="kirbyModalWrapperOutlet"\n [style.visibility]="config.modalRoute ? \'visible\' : \'hidden\'"\n ></router-outlet>\n</ion-content>\n\n<ng-template #closeButton let-icon="icon">\n <button kirby-button attentionLevel="4" size="sm" (click)="close()">\n <kirby-icon [name]="icon"></kirby-icon>\n </button>\n</ng-template>\n\n<ng-template #supplementaryButton let-btn="btn">\n <button kirby-button attentionLevel="2" size="sm" (click)="btn.action($event)">\n <kirby-icon [name]="btn.iconName"></kirby-icon>\n </button>\n</ng-template>\n',providers:[{provide:J,useExisting:ue}],styles:['@media (min-width:721px){:host-context(ion-modal:not(.kirby-modal-full-height)){padding-top:0;position:relative;contain:inherit;min-height:min(var(--min-height),var(--vh100) - var(--kirby-modal-padding-top,0))}:host-context(ion-modal:not(.kirby-modal-full-height)) ion-content{contain:content;max-height:calc(var(--vh100) - var(--kirby-modal-padding-top, 0px) - var(--header-height) - var(--footer-height))}:host-context(ion-modal:not(.kirby-modal-full-height)) ion-content::part(scroll){height:"100%";position:relative}:host-context(ion-modal:not(.kirby-modal-full-height)).drawer ion-content::part(scroll){transition:padding-bottom .15s ease-out}:host-context(ion-modal:not(.kirby-modal-full-height)).drawer.keyboard-visible ion-content::part(scroll){transition:padding-bottom .25s ease-out 1ms}}:host-context(ion-modal:not(.kirby-modal-full-height)).drawer{padding-top:0;position:relative;contain:inherit;min-height:min(var(--min-height),var(--vh100) - var(--kirby-modal-padding-top,0))}:host-context(ion-modal:not(.kirby-modal-full-height)).drawer ion-content{contain:content;max-height:calc(var(--vh100) - var(--kirby-modal-padding-top, 0px) - var(--header-height) - var(--footer-height))}:host-context(ion-modal:not(.kirby-modal-full-height)).drawer ion-content::part(scroll){height:"100%";position:relative}:host-context(ion-modal:not(.kirby-modal-full-height)).drawer.drawer ion-content::part(scroll){transition:padding-bottom .15s ease-out}:host-context(ion-modal:not(.kirby-modal-full-height)).drawer.drawer.keyboard-visible ion-content::part(scroll){transition:padding-bottom .25s ease-out 1ms}:host{--vh100:var(--vh,1vh) * 100;--header-height:0px;--footer-height:0px}:host.drawer ion-header ion-toolbar:first-of-type{padding-top:0}ion-header ion-toolbar{--padding-start:16px;--padding-end:16px;--padding-bottom:16px;--padding-top:16px;--border-width:0;--background:transparent;--color:var(--kirby-modal-color,var(--kirby-black))}ion-header ion-toolbar button{color:var(--color)}@media (min-width:721px){ion-header ion-toolbar{padding-top:8px}}:host-context(ion-modal.modal-card:not(.kirby-drawer)) ion-header ion-toolbar:first-of-type{padding-top:var(--kirby-safe-area-top,0)}@media (min-width:721px){:host-context(ion-modal.modal-card:not(.kirby-drawer)) ion-header ion-toolbar:first-of-type{padding-top:8px}}ion-title{box-sizing:border-box;padding-inline-start:calc(48px + var(--padding-start));padding-inline-end:calc(48px + var(--padding-end));font-size:22px;font-weight:700}:host(.drawer) ion-title{font-size:18px}ion-content{--background:transparent;--color:var(--kirby-modal-color,var(--kirby-black));display:flex;flex-direction:column;--padding-top:24px;--padding-bottom:24px;--padding-start:16px;--padding-end:16px}ion-content ::ng-deep>*{box-sizing:border-box;display:block}@media (min-width:721px){ion-content{--padding-start:56px;--padding-end:56px}}']}]}],ue.ctorParameters=function(){return[{type:n.Injector},{type:n.ElementRef},{type:n.Renderer2},{type:n.NgZone},{type:pe},{type:n.ComponentFactoryResolver},{type:U},{type:te}]},ue.propDecorators={config:[{type:n.Input}],toolbarButtonsQuery:[{type:n.ViewChildren,args:[ce,{read:n.ElementRef}]}],ionContent:[{type:n.ViewChild,args:[i.IonContent,{static:!0}]}],ionContentElement:[{type:n.ViewChild,args:[i.IonContent,{static:!0,read:n.ElementRef}]}],ionHeaderElement:[{type:n.ViewChild,args:[i.IonHeader,{static:!0,read:n.ElementRef}]}],ionToolbarElement:[{type:n.ViewChild,args:[i.IonToolbar,{static:!0,read:n.ElementRef}]}],ionTitleElement:[{type:n.ViewChild,args:[i.IonTitle,{static:!0,read:n.ElementRef}]}],routerOutlet:[{type:n.ViewChild,args:[o.RouterOutlet,{static:!0}]}],_isDrawer:[{type:n.HostBinding,args:["class.drawer"]}],onFocusChange:[{type:n.HostListener,args:["window:focus"]},{type:n.HostListener,args:["window:focusout"]}],_onKeyboardShow:[{type:n.HostListener,args:["window:ionKeyboardDidShow",["$event.detail.keyboardHeight"]]},{type:n.HostListener,args:["window:keyboardWillShow",["$event.keyboardHeight"]]}],_onKeyboardHide:[{type:n.HostListener,args:["window:ionKeyboardDidHide"]},{type:n.HostListener,args:["window:keyboardWillHide"]}],_onWindowResize:[{type:n.HostListener,args:["window:resize"]}]};var ge=function(){function t(t,n){this.animationCtrl=t,this.platform=n,this.easingEnter=e.KirbyAnimation.Easing.modal.enter,this.easingLeave=e.KirbyAnimation.Easing.modal.exit,this.duration=e.KirbyAnimation.Duration.LONG,this.SwipeToCloseDefaults={MIN_PRESENTING_SCALE:.93}}return t.prototype.enterAnimation=function(e){var t=this;return function(n,i){var o,r=t.animationCtrl.create().addElement(n.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]),a=t.animationCtrl.create().addElement(n.querySelectorAll(".modal-wrapper, .modal-shadow")).beforeStyles({opacity:1}).fromTo("transform","translateY(100vh)","translateY(0vh)"),s=t.animationCtrl.create().addElement(n).easing(t.easingEnter).duration(t.duration).addAnimation(a);if(e&&(o=t.animationCtrl.create().addElement(e).fromTo("opacity","var(--backdrop-opacity)",.01)),i){var l=!t.platform.isPhabletOrBigger(),c="ION-MODAL"===i.tagName&&void 0!==i.presentingElement,d=t.animationCtrl.create().beforeStyles({transform:"translateY(0)","transform-origin":"top center",overflow:"hidden"}),p=document.body;if(l){var h=CSS.supports("width","max(0px, 1px)")?"max(30px, var(--ion-safe-area-top))":"30px",u="translateY("+(c?"-10px":h)+") scale("+t.SwipeToCloseDefaults.MIN_PRESENTING_SCALE+")";d.afterStyles({transform:u}).beforeAddWrite((function(){return p.style.setProperty("background-color","black")})).addElement(i).keyframes([{offset:0,filter:"contrast(1)",transform:"translateY(0px) scale(1)",borderRadius:"0px"},{offset:1,filter:"contrast(0.85)",transform:u,borderRadius:"10px 10px 0 0"}]),s.addAnimation(d)}else if(s.addAnimation(r),o&&s.addAnimation(o),c){u="translateY(-10px) scale("+(c?t.SwipeToCloseDefaults.MIN_PRESENTING_SCALE:1)+")";d.afterStyles({transform:u}).addElement(i.querySelector(".modal-wrapper")).keyframes([{offset:0,filter:"contrast(1)",transform:"translateY(0) scale(1)"},{offset:1,filter:"contrast(0.85)",transform:u}]);var g=t.animationCtrl.create().afterStyles({transform:u}).addElement(i.querySelector(".modal-shadow")).keyframes([{offset:0,opacity:"1",transform:"translateY(0) scale(1)"},{offset:1,opacity:"0",transform:u}]);s.addAnimation([d,g])}else a.fromTo("opacity","0","1")}else s.addAnimation(r),o&&s.addAnimation(o);return s}},t.prototype.leaveAnimation=function(e){var t=this;return function(n,i){var o,r=t.animationCtrl.create().addElement(n.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0),a=t.animationCtrl.create().addElement(n.querySelectorAll(".modal-wrapper, .modal-shadow")).beforeStyles({opacity:1}).fromTo("transform","translateY(0vh)","translateY(100vh)"),s=t.animationCtrl.create().addElement(n).easing(t.easingLeave).duration(t.duration).addAnimation(a);if(e&&(o=t.animationCtrl.create().addElement(e).fromTo("opacity",.01,"var(--backdrop-opacity)").afterStyles({opacity:"var(--backdrop-opacity)"})),i){var l=!t.platform.isPhabletOrBigger(),c="ION-MODAL"===i.tagName&&void 0!==i.presentingElement,d=t.animationCtrl.create().beforeClearStyles(["transform"]).afterClearStyles(["transform"]).onFinish((function(e){1===e&&(i.style.setProperty("overflow",""),Array.from(p.querySelectorAll("ion-modal")).filter((function(e){return void 0!==e.presentingElement})).length<=1&&p.style.setProperty("background-color",""))})),p=document.body;if(l){var h=CSS.supports("width","max(0px, 1px)")?"max(30px, var(--ion-safe-area-top))":"30px",u="translateY("+(c?"-10px":h)+") scale("+t.SwipeToCloseDefaults.MIN_PRESENTING_SCALE+")";d.addElement(i).keyframes([{offset:0,filter:"contrast(0.85)",transform:u,borderRadius:"10px 10px 0 0"},{offset:1,filter:"contrast(1)",transform:"translateY(0px) scale(1)",borderRadius:"0px"}]),s.addAnimation(d)}else if(s.addAnimation(r),o&&s.addAnimation(o),c){u="translateY(-10px) scale("+(c?t.SwipeToCloseDefaults.MIN_PRESENTING_SCALE:1)+")";d.addElement(i.querySelector(".modal-wrapper")).afterStyles({transform:"translate3d(0, 0, 0)"}).keyframes([{offset:0,filter:"contrast(0.85)",transform:u},{offset:1,filter:"contrast(1)",transform:"translateY(0) scale(1)"}]);var g=t.animationCtrl.create().addElement(i.querySelector(".modal-shadow")).afterStyles({transform:"translateY(0) scale(1)"}).keyframes([{offset:0,opacity:"0",transform:u},{offset:1,opacity:"1",transform:"translateY(0) scale(1)"}]);s.addAnimation([d,g])}else a.fromTo("opacity","1","0")}else s.addAnimation(r),o&&s.addAnimation(o);return s}},t}();ge.ɵprov=n.ɵɵdefineInjectable({factory:function(){return new ge(n.ɵɵinject(i.AnimationController),n.ɵɵinject(te))},token:ge,providedIn:"root"}),ge.decorators=[{type:n.Injectable,args:[{providedIn:"root"}]}],ge.ctorParameters=function(){return[{type:i.AnimationController},{type:te}]};var me=this&&this.__awaiter||function(e,t,n,i){return new(n||(n=Promise))((function(o,r){function a(e){try{l(i.next(e))}catch(e){r(e)}}function s(e){try{l(i.throw(e))}catch(e){r(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((i=i.apply(e,t||[])).next())}))},be=function(){function e(e,t,n){this.ionicModalController=e,this.modalAnimationBuilder=t,this.windowRef=n}return e.prototype.showModalWindow=function(e){return me(this,void 0,void 0,(function(){var t,n,i,o,r,a,s,l,c,d,p=this;return H(this,(function(h){switch(h.label){case 0:return e.flavor=e.flavor||"modal",[4,this.getPresentingElement(e.flavor)];case 1:return t=h.sent(),[4,this.ionicModalController.getTop()];case 2:return(i=h.sent())&&(n=i.querySelector("ion-backdrop")),o=this.modalAnimationBuilder.enterAnimation(n),r=this.modalAnimationBuilder.leaveAnimation(n),a="modal"===e.flavor?"medium":null,s=e.size||a,l="allow-background-scroll",c=[],e.cssClass&&(c=Array.isArray(e.cssClass)?e.cssClass:[e.cssClass]),e.interactWithBackground&&this.windowRef.nativeWindow.document.body.classList.add(l),[4,this.ionicModalController.create({component:"compact"===e.flavor?ee:ue,cssClass:N(["kirby-overlay","kirby-modal","drawer"===e.flavor?"kirby-drawer":null,"compact"===e.flavor?"kirby-modal-compact":null,"kirby-modal-"+s,e.interactWithBackground?"interact-with-background":null],c),backdropDismiss:"compact"!==e.flavor&&!e.interactWithBackground,showBackdrop:!e.interactWithBackground,componentProps:{config:e},swipeToClose:"compact"!=e.flavor,presentingElement:t,keyboardClose:!1,enterAnimation:o,leaveAnimation:r})];case 3:return d=h.sent(),e.interactWithBackground&&d.onDidDismiss().then((function(){p.windowRef.nativeWindow.document.body.classList.remove(l)})),[4,d.present()];case 4:return h.sent(),[2,{dismiss:d.dismiss.bind(d),onWillDismiss:d.onWillDismiss(),onDidDismiss:d.onDidDismiss()}]}}))}))},e.prototype.registerPresentingElement=function(t){e.presentingElement=t},e.prototype.getPresentingElement=function(t){return me(this,void 0,void 0,(function(){var n,i;return H(this,(function(o){switch(o.label){case 0:return n=void 0,t&&"modal"!==t?[3,2]:[4,this.ionicModalController.getTop()];case 1:(i=o.sent())?i.classList.contains("kirby-drawer")||i.classList.contains("kirby-modal-compact")||(n=i):n=e.presentingElement,o.label=2;case 2:return[2,n]}}))}))},e.prototype.scrollToTop=function(e,t){return me(this,void 0,void 0,(function(){var n;return H(this,(function(i){switch(i.label){case 0:return[4,this.ionicModalController.getTop()];case 1:if(!((n=i.sent())&&n.component instanceof ue))throw new Error(e);return n.component.scrollToTop(t),[2]}}))}))},e.prototype.scrollToBottom=function(e,t){return me(this,void 0,void 0,(function(){var n;return H(this,(function(i){switch(i.label){case 0:return[4,this.ionicModalController.getTop()];case 1:if(!((n=i.sent())&&n.component instanceof ue))throw new Error(e);return n.component.scrollToBottom(t),[2]}}))}))},e}();be.presentingElement=void 0,be.decorators=[{type:n.Injectable}],be.ctorParameters=function(){return[{type:i.ModalController},{type:ge},{type:U}]};var ye=this&&this.__awaiter||function(e,t,n,i){return new(n||(n=Promise))((function(o,r){function a(e){try{l(i.next(e))}catch(e){r(e)}}function s(e){try{l(i.throw(e))}catch(e){r(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((i=i.apply(e,t||[])).next())}))},fe=function(){function e(e,t,n,i,o){this.modalHelper=e,this.actionSheetHelper=t,this.alertHelper=n,this.modalNavigationService=i,this.routeConfig=o,this.overlays=[],this.noOverlayRegisteredErrorMessage="No modal overlays are currently registered",this.destroy$=new r.Subject}return e.prototype.initialize=function(e){return ye(this,void 0,void 0,(function(){var t;return H(this,(function(n){switch(n.label){case 0:return[4,this.modalNavigationService.getModalNavigation(this.routeConfig,e)];case 1:return t=n.sent(),this.onModalRouteActivated(t.activated$),this.onModalRouteDeactivated(t.deactivated$),[2]}}))}))},e.prototype.onModalRouteActivated=function(e){var t=this,n=function(){t.modalNavigationService.navigateOutOfModalOutlet()},i=e.pipe(a.filter((function(e){return!e.isNewModal})),a.map((function(e){return e.route})));e.pipe(a.takeUntil(this.destroy$),a.filter((function(){return 0===t.overlays.length}))).subscribe((function(e){return ye(t,void 0,void 0,(function(){return H(this,(function(t){switch(t.label){case 0:return e.isNewModal?[4,this.showModalRoute(e.route,i,n)]:[3,2];case 1:t.sent(),t.label=2;case 2:return[2]}}))}))}))},e.prototype.onModalRouteDeactivated=function(e){var t=this;e.pipe(a.takeUntil(this.destroy$),a.filter((function(){return t.overlays.length>0}))).subscribe((function(){return ye(t,void 0,void 0,(function(){return H(this,(function(e){switch(e.label){case 0:return[4,this.hideAll()];case 1:return e.sent(),[2]}}))}))}))},e.prototype.showModal=function(e,t){return ye(this,void 0,void 0,(function(){var n=this;return H(this,(function(i){switch(i.label){case 0:return e.hasOwnProperty("dim")&&console.warn("ModalConfig.dim is deprecated - please remove from your configuration."),[4,this.showAndRegisterOverlay((function(){return n.modalHelper.showModalWindow(e)}),t)];case 1:return i.sent(),[2]}}))}))},e.prototype.navigateToModal=function(e,t){return ye(this,void 0,void 0,(function(){return H(this,(function(n){return[2,this.modalNavigationService.navigateToModal(e,t)]}))}))},e.prototype.navigateWithinModal=function(e,t){return ye(this,void 0,void 0,(function(){return H(this,(function(n){return[2,this.modalNavigationService.navigateWithinModal(e,t)]}))}))},e.prototype.showModalRoute=function(e,t,n){return ye(this,void 0,void 0,(function(){var i,o=this;return H(this,(function(r){switch(r.label){case 0:return i={component:null,modalRoute:e,siblingModalRouteActivated$:t,flavor:"modal"},[4,this.showAndRegisterOverlay((function(){return o.modalHelper.showModalWindow(i)}),null,n)];case 1:return r.sent(),[2]}}))}))},e.prototype.showActionSheet=function(e,t){return ye(this,void 0,void 0,(function(){var n=this;return H(this,(function(i){switch(i.label){case 0:return[4,this.showAndRegisterOverlay((function(){return n.actionSheetHelper.showActionSheet(e)}),t)];case 1:return i.sent(),[2]}}))}))},e.prototype.showAlert=function(e,t){return ye(this,void 0,void 0,(function(){var n=this;return H(this,(function(i){switch(i.label){case 0:return[4,this.showAndRegisterOverlay((function(){return n.alertHelper.showAlert(e)}),t)];case 1:return i.sent(),[2]}}))}))},e.prototype.showAndRegisterOverlay=function(e,t,n){return ye(this,void 0,void 0,(function(){var i,o=this;return H(this,(function(r){switch(r.label){case 0:return[4,e()];case 1:return(i=r.sent())?(this.overlays.push(i),"function"==typeof n&&i.onWillDismiss.then((function(e){return n(e.data)})),i.onDidDismiss.then((function(e){o.overlays.pop(),"function"==typeof t&&t(e.data)})),[2]):[2]}}))}))},e.prototype.registerPresentingElement=function(e){this.modalHelper.registerPresentingElement(e)},e.prototype.hideTopmost=function(e){return ye(this,void 0,void 0,(function(){var t;return H(this,(function(n){if(!(t=this.overlays[this.overlays.length-1]))throw new Error(this.noOverlayRegisteredErrorMessage);return[2,t.dismiss(e)]}))}))},e.prototype.scrollToTop=function(e){if(console.warn("ModalController.scrollToTop is deprecated - please inject Modal in embedded component and use Modal.scrollToTop instead."),!this.overlays[this.overlays.length-1])throw new Error(this.noOverlayRegisteredErrorMessage);this.modalHelper.scrollToTop(this.noOverlayRegisteredErrorMessage,e)},e.prototype.scrollToBottom=function(e){if(console.warn("ModalController.scrollToBottom is deprecated - please inject Modal in embedded component and use Modal.scrollToBottom instead."),!this.overlays[this.overlays.length-1])throw new Error(this.noOverlayRegisteredErrorMessage);this.modalHelper.scrollToBottom(this.noOverlayRegisteredErrorMessage,e)},e.prototype.hideAll=function(){return ye(this,void 0,void 0,(function(){var e=this;return H(this,(function(t){switch(t.label){case 0:return[4,Promise.all(this.overlays.map((function(t){return ye(e,void 0,void 0,(function(){return H(this,(function(e){switch(e.label){case 0:return[4,t.dismiss()];case 1:return e.sent(),[2]}}))}))})))];case 1:return t.sent(),[2]}}))}))},e.prototype.ngOnDestroy=function(){this.destroy$.next(),this.destroy$.complete()},e}();fe.decorators=[{type:n.Injectable}],fe.ctorParameters=function(){return[{type:be},{type:$},{type:q},{type:Z},{type:Array,decorators:[{type:n.Optional},{type:n.Inject,args:[o.ROUTES]}]}]};var ve=function(){function e(e){this.modalController=e}return e.prototype.ngAfterContentInit=function(){var e=this;this.routerOutlet&&this.routerOutlet.nativeElement&&this.modalController.registerPresentingElement(this.routerOutlet.nativeElement),this.ionAppElement.nativeElement.componentOnReady().then((function(){return e.registerInputs()}))},e.prototype.registerInputs=function(){setTimeout((function(){document.querySelectorAll("kirby-form-field").forEach((function(e){e.dispatchEvent(new CustomEvent("kirbyRegisterFormField"))}))}),250)},e}();ve.decorators=[{type:n.Component,args:[{selector:"kirby-app",template:"<ion-app>\n <ng-content></ng-content>\n</ion-app>\n",styles:[":host{left:0;right:0;top:0;bottom:0;position:absolute;contain:size layout style;z-index:0;overflow:hidden}"]}]}],ve.ctorParameters=function(){return[{type:fe}]},ve.propDecorators={ionAppElement:[{type:n.ViewChild,args:[i.IonApp,{static:!0,read:n.ElementRef}]}],routerOutlet:[{type:n.ContentChild,args:[z,{static:!1,read:n.ElementRef}]}]};var ke,xe=function(){};xe.decorators=[{type:n.NgModule,args:[{declarations:[ve],imports:[s.CommonModule,i.IonicModule],exports:[ve]}]}],(ke=e.AvatarSize||(e.AvatarSize={})).XS="xs",ke.SM="sm",ke.MD="md",ke.LG="lg";var we=function(){function t(){this.size=e.AvatarSize.SM}return Object.defineProperty(t.prototype,"_cssClass",{get:function(){return[this.themeColor,this.size].filter((function(e){return!!e}))},enumerable:!1,configurable:!0}),t}();we.decorators=[{type:n.Component,args:[{selector:"kirby-avatar",template:'<div class="avatar" [ngClass]="{ shadow: shadow, overlay: overlay }">\n <img *ngIf="imageSrc" [src]="imageSrc" [attr.alt]="altText" />\n <ng-content *ngIf="!text" select="kirby-icon"></ng-content>\n <span class="avatar-text" *ngIf="text">{{ text }}</span>\n</div>\n<ng-content select="kirby-badge"></ng-content>\n',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[':host{--kirby-badge-elevation:0 5px 10px -10px rgba(28,28,28,0.3),0 0 5px 0 rgba(28,28,28,0.08);--kirby-badge-position:absolute;--kirby-badge-right:-2px;--kirby-badge-top:-2px;--kirby-badge-z-index:2}.avatar,:host{position:relative}.avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;z-index:1;display:flex;justify-content:center;align-items:center;background-color:var(--kirby-white);color:var(--kirby-light-contrast);--kirby-icon-font-size:24px}.avatar.shadow{box-shadow:0 2px 4px 2px hsla(0,0%,44.3%,.4)}.avatar.overlay:before{content:"";background-color:var(--kirby-black);opacity:.05;width:100%;height:100%;position:absolute;top:0;left:0}.avatar img{object-fit:cover;max-width:100%;height:100%;width:100%}:host(.xs) .avatar{width:32px;height:32px;border-radius:8px}:host(.xs) .avatar .avatar-text{font-size:14px}:host(.sm) .avatar,:host-context(kirby-progress-circle.sm) .avatar{width:40px;height:40px}:host(.sm) .avatar .avatar-text,:host-context(kirby-progress-circle.sm) .avatar .avatar-text{font-size:14px}:host(.md),:host-context(kirby-progress-circle.md){--kirby-badge-right:0px;--kirby-badge-top:0px}:host(.md) .avatar,:host-context(kirby-progress-circle.md) .avatar{width:56px;height:56px;--kirby-icon-font-size:32px}:host(.md) .avatar .avatar-text,:host-context(kirby-progress-circle.md) .avatar .avatar-text{font-size:18px}:host(.lg),:host-context(kirby-progress-circle.lg){--kirby-badge-right:6px;--kirby-badge-top:6px}:host(.lg) .avatar,:host-context(kirby-progress-circle.lg) .avatar{width:96px;height:96px;--kirby-icon-font-size:56px}:host(.lg) .avatar .avatar-text,:host-context(kirby-progress-circle.lg) .avatar .avatar-text{font-size:32px}:host-context(kirby-item)[slot=start]{margin-inline-end:12px}:host-context(kirby-item)[slot=start].xs{margin-inline-end:16px}:host(.primary) .avatar{background-color:var(--kirby-primary);color:var(--kirby-primary-contrast)}:host(.secondary) .avatar{background-color:var(--kirby-secondary);color:var(--kirby-secondary-contrast)}:host(.tertiary) .avatar{background-color:var(--kirby-tertiary);color:var(--kirby-tertiary-contrast)}:host(.success) .avatar{background-color:var(--kirby-success);color:var(--kirby-success-contrast)}:host(.warning) .avatar{background-color:var(--kirby-warning);color:var(--kirby-warning-contrast)}:host(.danger) .avatar{background-color:var(--kirby-danger);color:var(--kirby-danger-contrast)}:host(.light) .avatar{background-color:var(--kirby-light);color:var(--kirby-light-contrast)}:host(.medium) .avatar{background-color:var(--kirby-medium);color:var(--kirby-medium-contrast)}:host(.dark) .avatar{background-color:var(--kirby-dark);color:var(--kirby-dark-contrast)}:host(.white) .avatar{background-color:var(--kirby-white);color:var(--kirby-white-contrast)}:host(.semi-light) .avatar{background-color:var(--kirby-semi-light);color:var(--kirby-semi-light-contrast)}']}]}],we.propDecorators={imageSrc:[{type:n.Input}],altText:[{type:n.Input}],shadow:[{type:n.Input}],text:[{type:n.Input}],overlay:[{type:n.Input}],size:[{type:n.Input}],themeColor:[{type:n.Input}],_cssClass:[{type:n.HostBinding,args:["class"]}]};var Ce=function(){function e(e,t,n){this.elementRef=e,this.resizeObserverService=t,this.renderer=n,this.sizesSortedByBreakpoint=this.sortSizesByBreakpoint({small:360,medium:720,large:1024}),this.flat=!1,this.highlighted=!1}return Object.defineProperty(e.prototype,"backgroundImageUrl",{set:function(e){this._backgroundImage="url('"+e+"')"},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"sizes",{set:function(e){"string"==typeof e&&console.error('Sizes property cannot be a string. Please ensure the size property is bound as an expression:\n[sizes]="{...}"'),this.sizesSortedByBreakpoint=this.sortSizesByBreakpoint(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"mode",{set:function(e){this.flat="flat"===e,this.highlighted="highlighted"===e},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){var e=this;this.resizeObserverService.observe(this.elementRef,(function(t){return e.handleResize(t)}))},e.prototype.ngOnDestroy=function(){this.resizeObserverService.unobserve(this.elementRef)},e.prototype.sortSizesByBreakpoint=function(e){return Object.entries(e).sort(this.compareSizesByBreakpoint)},e.prototype.compareSizesByBreakpoint=function(e,t){return e[1]>t[1]?1:t[1]>e[1]?-1:0},e.prototype.handleResize=function(e){var t=this,n="size",i=this.sizesSortedByBreakpoint[0][0],o=this.sizesSortedByBreakpoint[0][1];e.contentRect.width<o?this.renderer.setAttribute(e.target,n,"<"+i):this.sizesSortedByBreakpoint.forEach((function(i){var o=F(i,2),r=o[0],a=o[1];e.contentRect.width>=a&&t.renderer.setAttribute(e.target,n,r)}))},e}();Ce.decorators=[{type:n.Component,args:[{selector:"kirby-card",template:'<ng-content select="kirby-card-header"></ng-content>\n<div class="content-wrapper" [class.padding]="hasPadding">\n <ng-content></ng-content>\n</div>\n<ng-content select="kirby-card-footer"></ng-content>\n',styles:[":host{--kirby-card-main-background-color:var(--kirby-white);--kirby-card-main-color:var(--kirby-white-contrast);--kirby-card-footer-background-color:var(--kirby-white);--kirby-card-footer-color:var(--kirby-white-contrast);border-radius:16px;box-shadow:0 5px 10px -10px rgba(28,28,28,.3),0 0 5px 0 rgba(28,28,28,.08);color:var(--kirby-card-main-color);background-color:var(--kirby-card-main-background-color);background-image:var(--kirby-card-background-image);background-repeat:var(--kirby-card-background-repeat,no-repeat);background-position:var(--kirby-card-background-position,center);background-size:var(--kirby-card-background-size,cover);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;z-index:1;width:var(--kirby-card-width,auto)}:host .content-wrapper.padding{padding:16px}:host.highlighted{box-shadow:0 10px 15px -10px rgba(28,28,28,.3),0 0 5px 0 rgba(28,28,28,.08)}:host.flat{box-shadow:none}:host[role=button]{cursor:pointer;outline-offset:2px}:host-context(.swiper-slide-active){box-shadow:0 10px 15px -10px rgba(28,28,28,.3),0 0 5px 0 rgba(28,28,28,.08);transition:all .5s;transform:translateY(-3px)}:host(.primary){--kirby-card-main-background-color:var(--kirby-primary);--kirby-card-main-color:var(--kirby-primary-contrast)}:host(.secondary){--kirby-card-main-background-color:var(--kirby-secondary);--kirby-card-main-color:var(--kirby-secondary-contrast)}:host(.tertiary){--kirby-card-main-background-color:var(--kirby-tertiary);--kirby-card-main-color:var(--kirby-tertiary-contrast)}:host(.success){--kirby-card-main-background-color:var(--kirby-success);--kirby-card-main-color:var(--kirby-success-contrast)}:host(.warning){--kirby-card-main-background-color:var(--kirby-warning);--kirby-card-main-color:var(--kirby-warning-contrast)}:host(.danger){--kirby-card-main-background-color:var(--kirby-danger);--kirby-card-main-color:var(--kirby-danger-contrast)}:host(.light){--kirby-card-main-background-color:var(--kirby-light);--kirby-card-main-color:var(--kirby-light-contrast)}:host(.medium){--kirby-card-main-background-color:var(--kirby-medium);--kirby-card-main-color:var(--kirby-medium-contrast)}:host(.dark){--kirby-card-main-background-color:var(--kirby-dark);--kirby-card-main-color:var(--kirby-dark-contrast)}"]}]}],Ce.ctorParameters=function(){return[{type:n.ElementRef},{type:pe},{type:n.Renderer2}]},Ce.propDecorators={title:[{type:n.Input}],subtitle:[{type:n.Input}],_backgroundImage:[{type:n.HostBinding,args:["style.--kirby-card-background-image"]}],backgroundImageUrl:[{type:n.Input}],hasPadding:[{type:n.Input}],sizes:[{type:n.Input}],flat:[{type:n.HostBinding,args:["class.flat"]}],highlighted:[{type:n.HostBinding,args:["class.highlighted"]}],mode:[{type:n.Input}]};var Ie=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();Ie.decorators=[{type:n.Component,args:[{selector:"kirby-card-footer",template:"<footer>\n <ng-content></ng-content>\n</footer>\n",styles:[":host{display:block;padding:16px;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}footer{display:inherit;flex:inherit}"]}]}],Ie.ctorParameters=function(){return[]};var Ee=function(){this.flagged=null};function Oe(e,t,n){void 0===n&&(n={mergeArrays:!1});var i=function(e){return e&&"object"==typeof e};return[e,t].reduce((function(e,t){return Object.keys(t).forEach((function(o){var r=e[o],a=t[o];Array.isArray(r)&&Array.isArray(a)?e[o]=n.mergeArrays?r.concat(a):a:i(r)&&i(a)?e[o]=Oe(r,a):e[o]=a})),e}),{})}function Se(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=e.filter((function(e){return void 0!==e}));return n.reduce((function(e,t){return Oe(e,t)}))}Ee.decorators=[{type:n.Component,args:[{selector:"kirby-card-header",template:'<header>\n <h2 *ngIf="title" [class.bold]="isTitleBold">{{ title }}</h2>\n <h4 *ngIf="subtitle">{{ subtitle }}</h4>\n <ng-content></ng-content>\n</header>\n',styles:[":host{display:block;border-top-left-radius:16px;border-top-right-radius:16px;text-align:center;padding:var(--kirby_internal_card-header-padding,16px);color:var(--kirby-card-header-color);background-color:var(--kirby-card-header-background-color)}h2{font-size:16px;font-weight:400;margin:0 0 var(--kirby_internal_card-header-margin-bottom,8px);line-height:var(--kirby_internal_card-header-line-height,28px)}h2.bold{font-weight:700}h4{font-size:14px;margin:0;font-weight:400}:host(.danger){--kirby-card-header-background-color:var(--kirby-danger);--kirby-card-header-color:var(--kirby-danger-contrast)}:host(.warning){--kirby-card-header-background-color:var(--kirby-warning);--kirby-card-header-color:var(--kirby-warning-contrast)}:host(.success){--kirby-card-header-background-color:var(--kirby-success);--kirby-card-header-color:var(--kirby-success-contrast)}:host(.info){--kirby-card-header-background-color:var(--kirby-semi-light);--kirby-card-header-color:var(--kirby-semi-light-contrast)}:host(.danger,.warning,.success,.info){--kirby_internal_card-header-padding:2px 8px}:host(.danger,.warning,.success,.info) h2{--kirby_internal_card-header-line-height:24px;--kirby_internal_card-header-margin-bottom:0}"]}]}],Ee.propDecorators={title:[{type:n.Input}],subtitle:[{type:n.Input}],isTitleBold:[{type:n.Input}],flagged:[{type:n.HostBinding,args:["class"]},{type:n.Input}]},require("highcharts/highcharts-more")(R),require("highcharts/modules/solid-gauge")(R),require("highcharts/modules/broken-axis")(R);var De,Te=function(){function e(){}return e.prototype.init=function(e){this.chartContainer=e},e.prototype.renderChart=function(e){this.chartContainer&&e.chart&&l.chart(this.chartContainer.nativeElement,e)},e}();Te.decorators=[{type:n.Injectable}],(De=e.ChartDeprecatedType||(e.ChartDeprecatedType={})).PIE="pie",De.DONUT="donut",De.AREASPLINE="areaspline",De.TIMESERIES="timeseries",De.ACTIVITYGAUGE="activitygauge",De.BAR="bar",De.COLUMN="column",De.CUSTOM="custom";var Re=new n.InjectionToken("ActivityGaugeOptions"),Pe={chart:{style:{fontFamily:"Roboto, sans-serif",fontWeight:"300"},backgroundColor:"transparent",type:"solidgauge",height:"110%"},accessibility:{description:""},title:{align:"center",verticalAlign:"middle",text:"",y:0,floating:!1,style:{fontSize:"30px",color:"#fff",fontWeight:"bold"}},subtitle:{text:"",align:"center",y:25,verticalAlign:"middle",style:{color:"#fff",fontSize:"14px",fontWeight:"normal"}},credits:{enabled:!1},tooltip:{enabled:!1,animation:!1},pane:{startAngle:0,endAngle:360,background:[{backgroundColor:{linearGradient:{x1:0,x2:0,y1:0,y2:1},stops:[[1,"rgba(255, 255, 255, 0.3)"],[0,"rgba(255, 255, 255, 0.3)"]]},outerRadius:"112%",innerRadius:"88%",borderWidth:0}]},yAxis:{min:0,max:100,lineWidth:0,tickPositions:[]},plotOptions:{solidgauge:{dataLabels:{enabled:!1},linecap:"round",stickyTracking:!1,rounded:!0}},series:[{type:"solidgauge"}]},_e=new n.InjectionToken("AreasplineOptions"),Ae={chart:{type:"areaspline",borderWidth:0,plotBorderWidth:0,margin:0,marginTop:48},accessibility:{description:""},title:{text:""},credits:{enabled:!1},exporting:{enabled:!1},tooltip:{enabled:!0,animation:!1,shape:"square",borderColor:"#FFFFFF",shadow:!1,backgroundColor:"#FFFFFF",style:{fontSize:"1.25rem"},formatter:function(){return String(this.y)},positioner:function(){return{x:this.chart.plotSizeX/2-this.label.width/2,y:0}}},xAxis:{visible:!1,minPadding:0,maxPadding:0,crosshair:{zIndex:3,width:1,color:"#177E17"}},yAxis:{visible:!1,endOnTick:!1,startOnTick:!1},plotOptions:{areaspline:{shadow:!0,showInLegend:!1,fillColor:{linearGradient:{x1:0,x2:0,y1:0,y2:.8},stops:[[0,"#C9E5C9"],[1,"#FFFFFF"]]},lineColor:"#177E17",lineWidth:2},series:{states:{hover:{halo:{size:0}}},marker:{enabled:!1,states:{hover:{enabled:!0,fillColor:"#177E17"}}}}},series:[{type:"areaspline"}]},Me=t.DesignTokenHelper.getColor;function Le(){for(var e=this.series,t=0,n=e.length;t<n;++t)for(var i=e[t].data,o=0,r=i.length;o<r;++o)i[o].graphic&&(i[o].graphic.element.style.stroke=Me("background-color").value)}var Be={chart:{type:"bar",animation:{duration:150},backgroundColor:"transparent",events:{load:Le,redraw:Le}},accessibility:{description:"Bar chart"},credits:{enabled:!1},title:{text:""},xAxis:{labels:{style:{fontSize:(0,t.DesignTokenHelper.fontSize)("s"),fontFamily:"Roboto",color:Me("black").value}},min:0,lineColor:"transparent"},yAxis:{title:{text:""},labels:{enabled:!1},min:0,lineWidth:0,minorGridLineWidth:0,gridLineColor:"transparent",minorTickLength:0,tickLength:0,maxPadding:0,endOnTick:!1,showLastLabel:!1,showFirstLabel:!1},plotOptions:{bar:{events:{}},series:{color:Me("secondary").value,stacking:"normal",states:{hover:{enabled:!1},inactive:{opacity:1}}}},tooltip:{enabled:!1},legend:{enabled:!1}},ze=t.DesignTokenHelper.getColor;function He(){for(var e=this.series,t=0,n=e.length;t<n;++t)for(var i=e[t].data,o=0,r=i.length;o<r;++o)i[o].graphic&&(i[o].graphic.element.style.stroke=ze("secondary").value)}var je={chart:{animation:{duration:500},backgroundColor:"transparent",type:"column",events:{load:He,redraw:He}},title:{text:""},accessibility:{description:"Column chart"},xAxis:{labels:{style:{fontSize:(0,t.DesignTokenHelper.fontSize)("xxs"),fontFamily:"Roboto",color:ze("black").value}},lineWidth:0,minorGridLineWidth:0,lineColor:"transparent",minorTickLength:0,tickLength:0},yAxis:{title:{text:""},labels:{enabled:!1},min:0,lineWidth:0,minorGridLineWidth:0,gridLineColor:"transparent",minorTickLength:0,tickLength:0,showLastLabel:!1,showFirstLabel:!1},credits:{enabled:!1},plotOptions:{column:{stacking:"normal"},series:{color:ze("secondary").value,zIndex:10,states:{hover:{enabled:!1},inactive:{opacity:1}}},line:{className:"avg-line",marker:{enabled:!1},allowPointSelect:!1}},tooltip:{enabled:!1},legend:{enabled:!1}},Fe=new n.InjectionToken("DonutOptions"),Ne={chart:{style:{fontFamily:"Roboto",fontWeight:"300"},backgroundColor:"transparent",type:""},accessibility:{description:"Donut chart"},title:{text:""},tooltip:{enabled:!1,animation:!1},legend:{layout:"vertical",symbolRadius:0,itemStyle:{fontSize:".875rem"}},plotOptions:{pie:{colors:["#015132","#B2D1BF","#AABC08","#1FA05A","yellowgreen"],allowPointSelect:!1,cursor:"pointer",showInLegend:!0,borderColor:null,dataLabels:{format:"{point.label}",enabled:!0,connectorWidth:0,distance:5,style:{fontSize:"1rem",fontWeight:"200"}},point:{events:{legendItemClick:function(){return!1}}},states:{hover:{enabled:!1}}},series:{animation:!0,dataLabels:{},states:{hover:{enabled:!1},inactive:{opacity:1}}}},series:[{name:"",type:"pie"}],credits:{enabled:!1},exporting:{enabled:!1},responsive:{rules:[{condition:{minWidth:640},chartOptions:{legend:{layout:"vertical",align:"right",verticalAlign:"middle",itemMarginTop:12,symbolRadius:0,symbolWidth:14,symbolHeight:14,x:-100}}},{condition:{minWidth:0},chartOptions:{legend:{symbolRadius:0}}}]}},We=new n.InjectionToken("TimeSeriesOptions"),Ve={chart:{backgroundColor:{linearGradient:{x1:0,x2:0,y1:0,y2:3},stops:[[0,"#F6F6F6"],[1,"#808080"]]},zoomType:"x",type:"timeseries",borderWidth:0,plotBorderWidth:0,margin:0,marginTop:48},accessibility:{description:""},title:{text:""},subtitle:{text:""},tooltip:{shadow:!1,formatter:function(){return l.dateFormat("%e. %b",new Date(this.x))+".<br/><b>"+this.y+"</b>"},positioner:function(e,t,n){return{x:n.x,y:0}},borderWidth:0},xAxis:{visible:!1,lineColor:"#FFFFFF",tickColor:"#FFFFFF",labels:{style:{color:"white"}},opposite:!0,crosshair:{zIndex:3,width:1,color:"#00E89A"},type:"datetime",tickInterval:1},yAxis:{visible:!1},legend:{enabled:!1},plotOptions:{area:{fillColor:"#01352C",marker:{lineWidth:14,lineColor:"rgba(255,255,255,0.2)",radius:6,fillColor:"#00E89A"},lineColor:"#01352C",lineWidth:1,states:{hover:{lineWidth:1}},threshold:null},series:{marker:{enabledThreshold:50}}},series:[{type:"area",name:"USD to EUR"}]},$e=Ne,Ue=Ae,Ye=Ve,Ge=Pe,qe=function(){function t(t,n,i,o,r,a){this.chartHelper=t,this.hostElement=n,this.donutOptions=i,this.areasplineOptions=o,this.timeSeriesOptions=r,this.activitygaugeOptions=a,this.data=[],this.categories=[],this.breaks=[],this.height=300,this.type=e.ChartDeprecatedType.PIE,this.description="",this.showDataLabels=!0,this.mergedOptions={accessibility:{}},this.chartHelper.init(this.hostElement)}return t.prototype.ngOnChanges=function(e){e.type&&this.setupChartType(),this.updateProperties(),this.chartHelper.renderChart(this.mergedOptions)},t.prototype.setupChartType=function(){switch(this.type){case e.ChartDeprecatedType.DONUT:this.mergedOptions=this.donutOptions,this.mergedOptions.chart.type=e.ChartDeprecatedType.PIE,this.mergedOptions.plotOptions.pie.innerSize="50%";break;case e.ChartDeprecatedType.PIE:this.mergedOptions=this.donutOptions,this.mergedOptions.chart.type=this.type,this.mergedOptions.plotOptions.pie.innerSize="0%";break;case e.ChartDeprecatedType.AREASPLINE:this.mergedOptions=this.areasplineOptions,this.mergedOptions.chart.type=this.type;break;case e.ChartDeprecatedType.TIMESERIES:this.mergedOptions=this.timeSeriesOptions,this.mergedOptions.chart.type=this.type;break;case e.ChartDeprecatedType.ACTIVITYGAUGE:this.mergedOptions=this.activitygaugeOptions,this.mergedOptions.chart.type=this.type;break;case e.ChartDeprecatedType.COLUMN:this.mergedOptions=je,this.mergedOptions.chart.type=this.type;break;case e.ChartDeprecatedType.BAR:this.mergedOptions=Be,this.mergedOptions.chart.type=this.type}},t.prototype.updateProperties=function(){switch(this.mergedOptions.chart.height=this.height,this.mergedOptions.accessibility.description=this.description,this.mergedOptions.chart.type){case e.ChartDeprecatedType.PIE:case e.ChartDeprecatedType.DONUT:this.setPieInput();break;case e.ChartDeprecatedType.AREASPLINE:this.setSeries("areaspline");break;case e.ChartDeprecatedType.TIMESERIES:this.setTimeseriesInput();break;case e.ChartDeprecatedType.ACTIVITYGAUGE:this.setActivitygaugeInput();break;case e.ChartDeprecatedType.COLUMN:this.setColumnInput();break;case e.ChartDeprecatedType.BAR:this.setBarInput()}this.options&&(this.mergedOptions=Oe(this.mergedOptions,this.options))},t.prototype.setPieInput=function(){this.mergedOptions.plotOptions.pie.dataLabels.enabled=this.showDataLabels,this.setSeries("pie")},t.prototype.setBarInput=function(){var e=Math.max.apply(Math,N(this.data));this.mergedOptions.series=[{type:"bar",name:"InvisibleClickReceiver",data:this.data.map((function(t){return e-t})),edgeColor:"rgb(255, 255, 255, 0)",opacity:0},{type:"bar",data:this.data}],this.mergedOptions.xAxis.categories=this.categories},t.prototype.setColumnInput=function(){var e=this;this.mergedOptions.series=[{type:"column",data:this.data}];var t=Math.max.apply(Math,N(this.data));this.mergedOptions.yAxis.tickPositioner=function(){return[0,t]},this.mergedOptions.series=[{type:"column",name:"InvisibleClickReceiver",data:this.data.map((function(n,i){return t-e.data[i]})),opacity:0},{type:"column",data:this.data}],this.mergedOptions.xAxis.categories=this.categories},t.prototype.setActivitygaugeInput=function(){var e=this.data[0];this.mergedOptions.title.text=e.title,this.mergedOptions.subtitle.text=e.subtitle,e.paneBackgroundColor&&(this.mergedOptions.pane.background=[Object.assign(Object.assign({},this.mergedOptions.pane.background[0]),{backgroundColor:e.paneBackgroundColor})]),e.color&&(this.mergedOptions.title.style.color=e.color,this.mergedOptions.subtitle.style.color=e.color),this.mergedOptions.series=[{type:"solidgauge",data:e.series}]},t.prototype.setTimeseriesInput=function(){this.setSeries("area"),this.mergedOptions.xAxis=Object.assign(Object.assign({},this.mergedOptions.xAxis),{breaks:this.breaks})},t.prototype.setSeries=function(e){this.mergedOptions.series=[{type:e,data:this.data}]},t}();function Ke(e){return Array.isArray(e)&&e.every((function(e){return"number"==typeof e}))}qe.decorators=[{type:n.Component,args:[{selector:"kirby-chart-deprecated",template:"",providers:[Te,{provide:Fe,useValue:$e},{provide:_e,useValue:Ue},{provide:We,useValue:Ye},{provide:Re,useValue:Ge}],styles:[":host{display:block}"]}]}],qe.ctorParameters=function(){return[{type:Te},{type:n.ElementRef},{type:void 0,decorators:[{type:n.Inject,args:[Fe]}]},{type:void 0,decorators:[{type:n.Inject,args:[_e]}]},{type:void 0,decorators:[{type:n.Inject,args:[We]}]},{type:void 0,decorators:[{type:n.Inject,args:[Re]}]}]},qe.propDecorators={data:[{type:n.Input}],categories:[{type:n.Input}],breaks:[{type:n.Input}],height:[{type:n.Input}],type:[{type:n.Input}],description:[{type:n.Input}],showDataLabels:[{type:n.Input}],options:[{type:n.Input}]};var Ze=function(){function e(e,t,n){this.componentFactoryResolver=e,this.viewContainerRef=t,this.renderer=n}return e.prototype.ngOnInit=function(){this.loadCard()},e.prototype.loadCard=function(){var e=this.componentFactoryResolver.resolveComponentFactory(this.configuration.component);this.viewContainerRef.clear();var t=this.viewContainerRef.createComponent(e);t&&t.location&&t.location.nativeElement&&this.renderer.addClass(t.location.nativeElement,this.cssClass),t.instance.data=this.configuration.data},e}();Ze.decorators=[{type:n.Directive,args:[{selector:"[kirbyLoadComponent]"}]}],Ze.ctorParameters=function(){return[{type:n.ComponentFactoryResolver},{type:n.ViewContainerRef},{type:n.Renderer2}]},Ze.propDecorators={configuration:[{type:n.Input,args:["kirbyLoadComponent"]}],cssClass:[{type:n.Input}]};var Je=function(e,t,n){switch(null==e?void 0:e.nodeName){case void 0:case null==n?void 0:n.toUpperCase():return!1;case t.toUpperCase():return!0;default:return Je(e.parentElement,t,n)}},Xe=(0,t.ColorHelper.getThemeColorHexString)("semi-dark"),Qe=[6,3],et={line:{borderDash:Qe,borderWidth:1,borderColor:Xe},ellipse:{borderDash:Qe,borderWidth:1,borderColor:Xe,backgroundColor:"transparent"},box:{borderDash:Qe,borderWidth:1,borderColor:Xe,backgroundColor:"transparent"},point:{backgroundColor:"initial"}},tt={onHover:function(e,t,n,i){n.options.onClick&&(n.canvas.style.cursor=t[0]?"pointer":"default"),i&&i(e,t,n)}},nt=t.DesignTokenHelper.fontSize,it=t.ColorHelper.getThemeColorHexString,ot=t.ColorHelper.getThemeColorRgbString,rt=function(e){return e.dataset.data[e.dataIndex]},at={bar:{type:"bar",options:{datasets:{bar:{barPercentage:.6},line:{spanGaps:!0}},indexAxis:"y",scales:{y:{grid:{drawBorder:!1},ticks:{font:{size:parseInt(nt("s"))}}}},elements:{point:{radius:0},line:{borderColor:it("medium")}}}},column:{type:"bar",options:{datasets:{bar:{barPercentage:.6},line:{spanGaps:!0}},indexAxis:"x",scales:{x:{grid:{drawBorder:!1},ticks:{font:{size:parseInt(nt("xs"))}}}},elements:{line:{tension:.2,borderColor:it("medium")},point:{radius:0}}}},line:{type:"line",options:{backgroundColor:ot("semi-light",.5),scales:{x:{grid:{borderColor:it("medium"),borderWidth:1},ticks:{font:{size:parseInt(nt("xs"))}}}},elements:{point:{radius:0}}}},stock:{type:"line",options:{responsive:!0,animation:{duration:0},layout:{padding:{left:20,right:20,top:30,bottom:0}},backgroundColor:ot("semi-light",.5),scales:{x:{grid:{lineWidth:0},ticks:{maxRotation:0,autoSkipPadding:120,font:{size:parseInt(nt("xs"))}}},y:{position:"right",display:!0,grid:{drawBorder:!1},ticks:{display:!0,font:{size:parseInt(nt("xs"))}}}},elements:{line:{tension:0,borderWidth:2},point:{hitRadius:20,radius:0,hoverRadius:0,hoverBorderWidth:0}},normalized:!0,plugins:{tooltip:{padding:10,enabled:!0,mode:"index",intersect:!1,backgroundColor:it("semi-light"),titleColor:it("semi-light-contrast"),bodyColor:it("semi-light-contrast"),caretSize:0,bodySpacing:5,titleSpacing:5,borderColor:"transparent",callbacks:{labelColor:function(e){return{backgroundColor:e.dataset.borderColor}}}},datalabels:{backgroundColor:function(e){return e.dataset.borderColor},color:it("white"),borderRadius:3,font:{lineHeight:1,size:parseInt(nt("xs"))},padding:{top:6,left:5,right:5,bottom:5},offset:5,align:function(e){var t;return null===(t=rt(e))||void 0===t?void 0:t.datalabel.position},display:function(e){var t;return!!(null===(t=rt(e))||void 0===t?void 0:t.datalabel)},formatter:function(e){return e.datalabel.value}}}}}},st=function(){function e(){}return e.prototype.getTypeConfig=function(e){return t=at[e],P.default(t);var t},e.prototype.getAnnotationDefaults=function(e){return et[e]},e.prototype.getInteractionFunctionsExtensions=function(){return tt},e.prototype.chartTypeToChartJSType=function(e){return at[e].type},e}();st.decorators=[{type:n.Injectable}];var lt={line:{color:"black",width:1,dashPattern:[]},snap:{enabled:!1}},ct=function(e){return e.data.datasets.some((function(e){var t;return!!(null===(t=null==e?void 0:e.kirbyOptions)||void 0===t?void 0:t.isStockChart)}))},dt={id:"marker",afterInit:function(e){if(ct(e)){var t=e.config.options.scales.x.type;"linear"!==t&&"time"!==t&&"category"!==t&&"logarithmic"!==t||(void 0===e.options.plugins.marker&&(e.options.plugins.marker=lt),e.marker={enabled:!1,suppressUpdate:!1,x:null,originalData:[],originalXRange:{},dragStarted:!1,dragStartX:null,dragEndX:null,suppressTooltips:!1,ignoreNextEvents:0})}},getOption:function(e,t,n){return m.valueOrDefault(e.options.plugins.marker[t]?e.options.plugins.marker[t][n]:void 0,lt[t][n])},getXScale:function(e){return e.data.datasets.length?e.scales[e.getDatasetMeta(0).xAxisID]:null},getYScale:function(e){return e.scales[e.getDatasetMeta(0).yAxisID]},afterEvent:function(e,t){if(ct(e)&&0!=e.config.options.scales.x.length){var n=t.event,i=e.config.options.scales.x.type;if("linear"===i||"time"===i||"category"===i||"logarithmic"===i){var o=this.getXScale(e);if(o)if(e.marker.ignoreNextEvents>0)e.marker.ignoreNextEvents-=1;else{void 0===n.native.buttons?n.native.which:n.native.buttons;if("mouseup"===n.native.type&&0,e.marker.enabled="mouseout"!==n.type&&n.x>o.getPixelForValue(o.min)&&n.x<o.getPixelForValue(o.max),!e.marker.enabled&&!e.marker.suppressUpdate)return n.x>o.getPixelForValue(o.max)&&(e.marker.suppressUpdate=!0,e.update("none")),e.marker.dragStarted=!1,!1;e.marker.suppressUpdate=!1,e.marker.x=n.x,e.draw()}}}},doDraw:function(e){if(ct(e)&&e.marker.enabled)return this.drawTraceLine(e),this.interpolateValues(e),this.drawTracePoints(e),!0},beforeDraw:function(e){return this.doDraw(e)},drawTraceLine:function(e){if(ct(e)){var t=this.getYScale(e),n=this.getOption(e,"line","width"),i=this.getOption(e,"line","color"),o=this.getOption(e,"line","dashPattern"),r=this.getOption(e,"snap","enabled"),a=e.marker.x;r&&e._active.length&&(a=e._active[0].element.x),e.ctx.beginPath(),e.ctx.setLineDash(o),e.ctx.moveTo(a,t.getPixelForValue(t.max)),e.ctx.lineWidth=n,e.ctx.strokeStyle=i,e.ctx.lineTo(a,t.getPixelForValue(t.min)),e.ctx.stroke(),e.ctx.setLineDash([])}},drawTracePoints:function(e){if(ct(e))for(var t=0;t<e.data.datasets.length;t++){var n=e.data.datasets[t],i=e.getDatasetMeta(t),o=e.scales[i.yAxisID];!i.hidden&&n.interpolate&&(e.ctx.beginPath(),e.ctx.arc(e.marker.x,o.getPixelForValue(n.interpolatedValue),3,0,2*Math.PI,!1),e.ctx.fillStyle="white",e.ctx.lineWidth=2,e.ctx.strokeStyle=n.borderColor,e.ctx.fill(),e.ctx.stroke())}},interpolateValues:function(e){for(var t=0;t<e.data.datasets.length;t++){var n=e.data.datasets[t],i=e.getDatasetMeta(t),o=e.scales[i.xAxisID].getValueForPixel(e.marker.x);if(!i.hidden&&n.interpolate){var r=n.data,a=r.findIndex((function(e){return e.x>=o})),s=r[a-1],l=r[a];if(e.data.datasets[t].steppedLine&&s)n.interpolatedValue=s.y;else if(s&&l){var c=(l.y-s.y)/(l.x-s.x);n.interpolatedValue=s.y+(o-s.x)*c}else n.interpolatedValue=NaN}}}},pt=t.ColorHelper.getThemeColorHexString,ht=pt("primary"),ut=pt("secondary");function gt(e){var t,n=e.dataset,i=null===(t=null==n?void 0:n.kirbyOptions)||void 0===t?void 0:t.highlightedElements;return i&&i.includes(e.dataIndex)?ht:ut}var mt={maintainAspectRatio:!1,color:(0,t.ColorHelper.getThemeColorHexString)("black"),resizeDelay:10,elements:{bar:{backgroundColor:gt,hoverBackgroundColor:function(e){if(e.chart.options.onClick)return ht}},line:{borderColor:gt,borderWidth:2,tension:.3}},scales:{linear:{display:!1,ticks:{display:!1}},category:{display:!0,grid:{display:!1}}},font:{family:"Roboto"},plugins:{legend:{display:!1},datalabels:{display:!1},tooltip:{enabled:!1}}},bt=[p.CategoryScale,p.LinearScale,p.TimeScale],yt=[p.BarElement,p.LineElement,p.PointElement],ft=[p.BarController,p.LineController],vt=[_.default,p.Filler,A.default,p.Tooltip,dt];p.Chart.register.apply(p.Chart,N([p.Legend],bt,yt,ft,vt));var kt=Se(p.Chart.defaults,mt);Object.entries(mt).forEach((function(e){var t=F(e,1)[0];p.Chart.defaults[t]=kt[t]}));var xt=function(){function e(e){this.chartConfigService=e}return e.prototype.renderChart=function(e){var t=e.targetElement,n=e.type,i=e.data,o=e.labels,r=e.customOptions,a=e.annotations,s=e.dataLabelOptions,l=e.highlightedElements;this.dataLabelOptions=s||null,this.highlightedElements=l||null,this.chartType=n,this.locale=(null==s?void 0:s.locale)||"en-US";var c=this.createDatasets(i),d=this.createOptionsObject({customOptions:r,annotations:a,dataLabelOptions:s}),p=this.createConfigurationObject(n,c,d,o);this.initializeNewChart(t.nativeElement,p)},e.prototype.redrawChart=function(){this.chart.update()},e.prototype.updateData=function(e){var t=this.createDatasets(e);this.chart.data.datasets=t},e.prototype.updateLabels=function(e){this.chart.data.labels=e},e.prototype.updateType=function(e,t){"bar"===e||"column"===e?this.destructivelyUpdateType(e,t):this.nonDestructivelyUpdateType(e,t)},e.prototype.setDataLabelOptions=function(e){this.dataLabelOptions=e},e.prototype.updateOptions=function(e,t){var n=this.getExistingChartAnnotations();this.chartType=t,this.chart.options=this.createOptionsObject({customOptions:e,annotations:n})},e.prototype.updateAnnotations=function(e){var t=this.applyDefaultsToAnnotations(e);this.chart.options.plugins.annotation.annotations=t},e.prototype.updateHighlightedElements=function(e){this.highlightedElements=e;var t=this.chart.data.datasets;t.map((function(e){var t;(null===(t=null==e?void 0:e.kirbyOptions)||void 0===t?void 0:t.highlightedElements)&&delete e.kirbyOptions.highlightedElements})),this.chart.data.datasets=this.createDatasets(t)},e.prototype.getExistingChartAnnotations=function(){var e,t,n=null===(t=null===(e=this.chart.options.plugins)||void 0===e?void 0:e.annotation)||void 0===t?void 0:t.annotations;return void 0!==n?Object.keys(n).map((function(e){return n[e]})):[]},e.prototype.destructivelyUpdateType=function(e,t){var n=this.chart.data.datasets,i=this.chart.data.labels,o=this.getExistingChartAnnotations();this.chartType=e;var r=this.createOptionsObject({customOptions:t,annotations:o}),a=this.createConfigurationObject(e,n,r,i),s=this.chart.canvas;this.chart.destroy(),this.initializeNewChart(s,a)},e.prototype.nonDestructivelyUpdateType=function(e,t){var n=this.getExistingChartAnnotations();this.chartType=e;var i=this.createOptionsObject({customOptions:t,annotations:n});this.chart.options=i,this.chart.config.type=this.chartConfigService.chartTypeToChartJSType(e)},e.prototype.initializeNewChart=function(e,t){this.chart=new p.Chart(e,t)},e.prototype.createBlankLabels=function(e){var t=e.reduce((function(e,t){return e.data.length>t.data.length?e:t}));return Array(t.data.length).fill("")},e.prototype.applyDefaultsToAnnotations=function(e){var t=this;return e.map((function(e){return Se(t.chartConfigService.getAnnotationDefaults(e.type),e)}))},e.prototype.createAnnotationPluginOptionsObject=function(e){return{plugins:{annotation:{annotations:this.applyDefaultsToAnnotations(e)}}}},e.prototype.applyInteractionFunctionsExtensions=function(e){var t=this.chartConfigService.getInteractionFunctionsExtensions();return Object.entries(t).forEach((function(n){var i=F(n,2),o=i[0],r=(i[1],e[o]);e[o]=function(e,n,i){t[o](e,n,i,r)}})),e},e.prototype.createStockOptionsObject=function(e){var t=this;return{locale:this.locale,plugins:{tooltip:{callbacks:{title:function(e){var n,i,o=c.toDate(null===(i=null===(n=e[0])||void 0===n?void 0:n.raw)||void 0===i?void 0:i.x);if(o.valueOf())return o.toLocaleTimeString(t.locale,{day:"numeric",month:"short",hour:"2-digit",minute:"2-digit"})},label:function(t){return" "+t.formattedValue+(e.valueSuffix||"")}}}},scales:{y:{ticks:{callback:function(t){return t+(e.valueSuffix||"")}}}}}},e.prototype.createOptionsObject=function(e){var t=e.customOptions,n=e.annotations,i=e.dataLabelOptions,o=this.chartConfigService.getTypeConfig(this.chartType),r=null==o?void 0:o.options,a=n?this.createAnnotationPluginOptionsObject(n):{},s=Se("stock"===this.chartType?this.createStockOptionsObject(i):{},r,t,a);return this.applyInteractionFunctionsExtensions(s)},e.prototype.getDefaultStockLabels=function(e,t){return e.reduce((function(e,t){return e.data.length>t.data.length?e:t})).data.map((function(e){return c.toDate(e.x).toLocaleDateString(t,{month:"short",day:"numeric"})}))},e.prototype.createConfigurationObject=function(e,t,n,i){var o,r,a=this;return Se(this.chartConfigService.getTypeConfig(e),{data:{labels:"stock"===e?0===(null==i?void 0:i.length)&&"time"===(null===(r=null===(o=null==n?void 0:n.scales)||void 0===o?void 0:o.x)||void 0===r?void 0:r.type)?i:a.getDefaultStockLabels(t,a.locale):(null==i?void 0:i.length)>0?i:a.createBlankLabels(t),datasets:t},options:n})},e.prototype.addHighlightedElementsToDatasets=function(e,t){e.forEach((function(e){var n,i=F(e,2),o=i[0],r=i[1],a=t[o];a&&((null===(n=null==a?void 0:a.kirbyOptions)||void 0===n?void 0:n.highlightedElements)?a.kirbyOptions.highlightedElements.push(r):a.kirbyOptions=Object.assign(Object.assign({},a.kirbyOptions),{highlightedElements:[r]}))}))},e.prototype.createDatasets=function(e){var t,n,i;((null===(t=this.dataLabelOptions)||void 0===t?void 0:t.showCurrent)||(null===(n=this.dataLabelOptions)||void 0===n?void 0:n.showMax)||(null===(i=this.dataLabelOptions)||void 0===i?void 0:i.showMin))&&(e=this.addDataLabelsData(e));var o=Ke(e)?[{data:e}]:e;return this.highlightedElements&&this.addHighlightedElementsToDatasets(this.highlightedElements,o),"stock"===this.chartType&&o.forEach((function(e){e.kirbyOptions=Object.assign(Object.assign({},e.kirbyOptions),{isStockChart:!0})})),o},e.prototype.addDataLabelsData=function(e){var t=this;if(Ke(e))throw Error("Currently it's impossible to add dataLabels to non ScatterDataPoint datasets");var n=function(e,n,i,o){var r=t.locateValueIndexInDataset(e,n,i),a=r.value,s=r.pointer;e.data[s]=Object.assign(Object.assign({},e.data[s]),{datalabel:{value:a+(t.dataLabelOptions.valueSuffix||""),position:o}})};return e.map((function(e){t.dataLabelOptions.showMin&&n(e,"y","low","bottom"),t.dataLabelOptions.showMax&&n(e,"y","high","top"),t.dataLabelOptions.showCurrent&&n(e,"x","high","right")})),e},e.prototype.locateValueIndexInDataset=function(e,t,n){var i,o;return e.data.forEach((function(e,r){"low"==n&&(!o||e[t]<o)&&(o=e.y,i=r),"high"==n&&(!o||e[t]>o)&&(o=e.y,i=r)})),{value:o,pointer:i}},e}();xt.decorators=[{type:n.Injectable}],xt.ctorParameters=function(){return[{type:st}]};var wt=function(){function e(e){this.chartJSService=e,this.type="column",this.chartHasBeenRendered=!1}return Object.defineProperty(e.prototype,"labels",{get:function(){return this._labels},set:function(e){this._labels=e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"dataLabels",{set:function(e){console.warn('Deprecation warning: The "kirby-chart" input property "dataLabels" will be removed in a future release of Kirby designsystem. Use "labels" instead. For more information see the following announcement: https://github.com/kirbydesign/designsystem/discussions/1980'),this._labels=e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"height",{set:function(e){this._height="number"==typeof e?e+"px":e},enumerable:!1,configurable:!0}),e.prototype.ngAfterViewInit=function(){var e=this,t=this.canvasElement.nativeElement;this.whenElementHasHeightAndWidth(t).then((function(){return e.renderChart()}))},e.prototype.whenElementHasHeightAndWidth=function(e){var t=function(e){var t=e.width;return e.height>0&&t>0};return new Promise((function(n){var i=e.getBoundingClientRect();t(i)&&n();var o=(new de).create((function(i){var r=F(i,1)[0];t(r.contentRect)&&(o.unobserve(e),n())}));o.observe(e)}))},e.prototype.ngOnChanges=function(e){var t=this;if(this.chartHasBeenRendered){var n=!1,i={data:function(){return t.updateData()},dataLabels:function(){return t.updateLabels()},labels:function(){return t.updateLabels()},type:function(){return t.updateType()},customOptions:function(){return t.updateCustomOptions()},annotations:function(){return t.updateAnnotations()},highlightedElements:function(){return t.updateHighlightedElements()}};Object.entries(e).forEach((function(t){var o=F(t,1)[0];!e[o].firstChange&&i[o]&&(n=!0,i[o]())})),n&&this.redrawChart()}},e.prototype.renderChart=function(){this.chartHasBeenRendered=!0,this.chartJSService.renderChart({targetElement:this.canvasElement,type:this.type,data:this.data,labels:this.labels,customOptions:this.customOptions,annotations:this.annotations,dataLabelOptions:this.dataLabelOptions,highlightedElements:this.highlightedElements})},e.prototype.updateData=function(){this.chartJSService.updateData(this.data)},e.prototype.updateLabels=function(){this.chartJSService.updateLabels(this.labels)},e.prototype.updateType=function(){this.chartJSService.updateType(this.type,this.customOptions)},e.prototype.updateCustomOptions=function(){this.chartJSService.updateOptions(this.customOptions,this.type)},e.prototype.updateAnnotations=function(){this.chartJSService.updateAnnotations(this.annotations)},e.prototype.updateHighlightedElements=function(){this.chartJSService.updateHighlightedElements(this.highlightedElements)},e.prototype.redrawChart=function(){this.chartJSService.redrawChart()},e}();wt.decorators=[{type:n.Component,args:[{selector:"kirby-chart",template:'<div class="chart-container">\n <canvas #chartCanvas>\n \x3c!-- Slotted content makes it possible to insert fallback content for screen readers \n https://www.chartjs.org/docs/latest/general/accessibility.html--\x3e\n <ng-content></ng-content>\n </canvas>\n</div>\n',providers:[xt],styles:[":host div{height:var(--kirby-chart-height,300px);position:relative}"]}]}],wt.ctorParameters=function(){return[{type:xt}]},wt.propDecorators={type:[{type:n.Input}],data:[{type:n.Input}],labels:[{type:n.Input}],dataLabels:[{type:n.Input}],customOptions:[{type:n.Input}],dataLabelOptions:[{type:n.Input}],annotations:[{type:n.Input}],highlightedElements:[{type:n.Input}],_height:[{type:n.HostBinding,args:["style.--kirby-chart-height"]}],height:[{type:n.Input}],canvasElement:[{type:n.ViewChild,args:["chartCanvas"]}]};var Ct=function(e){return{id:"minmax",zIndex:2,labels:[{point:"max",shape:"rect",distance:5,align:"center",verticalAlign:"top",backgroundColor:t.ColorHelper.getThemeColorRgbString("tertiary"),formatter:function(){return s.formatNumber(this.y,e,"1.1-1")}},{point:"min",shape:"rect",distance:-28,align:"center",verticalAlign:"bottom",backgroundColor:t.ColorHelper.getThemeColorRgbString("tertiary"),formatter:function(){return s.formatNumber(this.y,e,"1.1-1")}}],labelOptions:{y:0,allowOverlap:!0}}},It=function(e){return{chart:{zoomType:"x",type:"StockChart",spacingTop:30},navigator:{enabled:!1},rangeSelector:{enabled:!1},scrollbar:{enabled:!1},credits:{enabled:!1},title:{text:""},subtitle:{text:""},xAxis:{ordinal:!0,type:"datetime",lineWidth:.5,opposite:!1,labels:{format:"{value:%Y-%b-%e %l:%M %p }"}},yAxis:{opposite:!1,title:{text:""}},annotations:[Ct(e)],legend:{enabled:!1},tooltip:{crosshairs:{width:1,zIndex:2},shadow:!1,borderWidth:0},plotOptions:{area:{marker:{lineWidth:16,radius:7},lineWidth:2,states:{hover:{lineWidth:2}},events:{},threshold:null},series:{marker:{zIndex:100,enabledThreshold:50}}},series:[{type:"area",data:[]}]}},Et=It;L.default(M);var Ot=function(){function e(e,t){this.locale=t,this._height=300,this.description="",this.showDataLabels=!0,this.chartContainer=e}return Object.defineProperty(e.prototype,"data",{get:function(){return this._data},set:function(e){this.onDataChanges(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"options",{get:function(){return this._options},set:function(e){this.onOptionsChanges(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"height",{get:function(){return this._height},set:function(e){this._height=e,this.chart&&this.chart.setSize(null,e)},enumerable:!1,configurable:!0}),e.prototype.onOptionsChanges=function(e){this._options=e,this.chart=b.stockChart(this.chartContainer.nativeElement,this._options)},e.prototype.onDataChanges=function(e){this._data=e,null!=this.chart&&(this.chart.update({series:[]},!1,!0),this.chart.removeAnnotation("minmax"),this.chart.update({series:[{type:"area",data:e}]},!1,!0),this.chart.addAnnotation(Ct(this.locale),!1),this.chart.redraw())},e}();Ot.decorators=[{type:n.Component,args:[{selector:"kirby-stock-chart-deprecated",template:"",styles:[":host{display:block}"]}]}],Ot.ctorParameters=function(){return[{type:n.ElementRef},{type:String,decorators:[{type:n.Inject,args:[n.LOCALE_ID]}]}]},Ot.propDecorators={data:[{type:n.Input}],options:[{type:n.Input}],height:[{type:n.Input}],description:[{type:n.Input}],showDataLabels:[{type:n.Input}]};var St,Dt=function(){function e(e){this.windowRef=e,this.embeddedViewReady=!1}return e.prototype.init=function(e,t,n,i){var o=this;if(this.hasEmbeddedView(e)){var r=e.nativeElement;r.onload=function(){o.embeddedViewReady=!0,o.emitOptionsToEmbeddedView(t)},this.embeddedView=r.contentWindow,this.windowRef.nativeWindow.addEventListener("message",(function(e){return o.handleMessageEvent(e,n,i)}))}},e.prototype.update=function(e){this.embeddedViewReady&&this.emitOptionsToEmbeddedView(e)},e.prototype.setSelectedDay=function(e){this.embeddedViewReady&&this.embeddedView.postMessage({type:"kirbyCalendarSetSelectedDay",selectedDay:e},"*")},e.prototype.hasEmbeddedView=function(e){return e&&e.nativeElement&&e.nativeElement instanceof HTMLIFrameElement&&e.nativeElement.contentWindow},e.prototype.emitOptionsToEmbeddedView=function(e){this.embeddedView.postMessage(Object.assign({type:"kirbyCalendarInit"},e),"*")},e.prototype.handleMessageEvent=function(e,t,n){if(this.validateMessage(e))switch(e.data.type){case"kirbyCalendarDaySelected":this.validateDateSelectedMessage(e)&&t({isSelectable:!0,date:e.data.day});break;case"kirbyCalendarChangeMonth":this.validateNavigateMonthMessage(e)&&n(e.data.index)}},e.prototype.validateMessage=function(e){return this.embeddedView===e.source&&"message"===e.type&&e.data&&e.data.type},e.prototype.validateDateSelectedMessage=function(e){return"kirbyCalendarDaySelected"===e.data.type&&e.data.day},e.prototype.validateNavigateMonthMessage=function(e){return"kirbyCalendarChangeMonth"===e.data.type&&"number"==typeof e.data.index},e}();Dt.decorators=[{type:n.Injectable}],Dt.ctorParameters=function(){return[{type:U}]},function(e){e.years="years",e.months="months",e.weeks="weeks",e.days="days",e.hours="hours",e.minutes="minutes",e.seconds="seconds",e.milliseconds="milliseconds"}(St||(St={}));var Tt=function(){function e(e,t){this.calendarHelper=e,this.dateChange=new n.EventEmitter,this.dateSelect=new n.EventEmitter,this.yearSelect=new n.EventEmitter,this.timezone="local",this.disableWeekends=!1,this.disablePastDates=!1,this.disableFutureDates=!1,this.alwaysEnableToday=!1,this.customLocales={},this.usePopover=!1,this._disabledDates=[],this.includedLocales={da:v.da,enGB:v.enGB,enUS:v.enUS},this.locale=this.mapLocale(t),this.timeZoneName=Intl.DateTimeFormat().resolvedOptions().timeZone}return Object.defineProperty(e.prototype,"selectedDate",{get:function(){return this._selectedDate},set:function(e){var t=this.normalizeDate(e);this.setActiveMonth(t),this.hasDateChanged(t,this._selectedDate)&&(this.onSelectedDateChange(t),this._selectedDate=t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"disabledDates",{get:function(){return this._disabledDates},set:function(e){var t=this;this._disabledDates=(e||[]).map((function(e){return t.normalizeDate(e)}))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"todayDate",{get:function(){return this._todayDate},set:function(e){this._todayDate=this.normalizeDate(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"minDate",{get:function(){return this._minDate},set:function(e){e&&this.activeMonth&&c.isBefore(this.activeMonth,e)&&this.setActiveMonth(e),this._minDate=this.normalizeDate(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"maxDate",{get:function(){return this._maxDate},set:function(e){e&&this.activeMonth&&c.isAfter(this.activeMonth,e)&&this.setActiveMonth(e),this._maxDate=this.normalizeDate(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"activeMonthName",{get:function(){return t.capitalizeFirstLetter(this.formatWithLocale(this.activeMonth,"MMMM"))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"activeYear",{get:function(){return this.formatWithLocale(this.activeMonth,"yyyy")},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"navigableYears",{get:function(){var e=this.minDate||this.getDateFromNavigableYear(this.yearNavigatorOptions.from),t=this.maxDate||this.getDateFromNavigableYear(this.yearNavigatorOptions.to);return this.getYearsBetweenDates(e,t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"navigatedYear",{get:function(){return this.navigableYears.indexOf(this.activeYear)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_hasYearNavigator",{get:function(){return!!this.yearNavigatorOptions},enumerable:!1,configurable:!0}),e.prototype.formatWithLocale=function(e,t){return c.format(e,t,{locale:this.locale})},e.prototype.mapLocale=function(e){return"en"===e&&(e="enGB"),e=e.replace("-",""),Object.assign(Object.assign({},this.includedLocales),this.customLocales)[e]||this.includedLocales.enGB},e.prototype.ngOnInit=function(){this._weekDays=this.getWeekDays(),this.setActiveMonth(this.selectedDate)},e.prototype.ngAfterViewInit=function(){this.calendarHelper.init(this.calendarContainer,this.getHelperOptions(),this._onDateSelected.bind(this),this.onChangeMonth.bind(this))},e.prototype.ngOnChanges=function(e){this.activeMonth&&(e.disableWeekends||e.disablePastDates||e.disableFutureDates||e.disabledDates||e.minDate||e.maxDate||e.todayDate||e.timezone)&&(this.refreshActiveMonth(),this.calendarHelper.update(this.getHelperOptions()))},e.prototype.setActiveMonth=function(e){void 0===e&&(e=new Date),this.activeMonth&&c.isSameMonth(this.activeMonth,e)||(this.activeMonth=c.startOfMonth(e),this.refreshActiveMonth(),this.calendarHelper.update(this.getHelperOptions()))},e.prototype.normalizeDate=function(e){if(e)return c.startOfDay(e).getTime()===e.getTime()?e:c.startOfDay(f.utcToZonedTime(e,this.timeZoneName)).getTime()===f.utcToZonedTime(e,this.timeZoneName).getTime()?f.utcToZonedTime(e,this.timeZoneName):c.startOfDay(e)},e.prototype.getWeekDays=function(){var e=this,t=new Date;return c.eachDayOfInterval({start:c.startOfWeek(t,{locale:this.locale}),end:c.endOfWeek(t,{locale:this.locale})}).map((function(t){return e.getFirstLetterOfWeekDayCapitalized(t)}))},e.prototype.getFirstLetterOfWeekDayCapitalized=function(e){return this.formatWithLocale(e,"EEEEE")},e.prototype.hasDateChanged=function(e,t){return!(!e&&!t)&&(e instanceof Date&&!t||!c.isSameDay(e,t))},e.prototype.isDisabledDate=function(e){return this.disabledDates.some((function(t){return c.isSameDay(t,e)}))},e.prototype.refreshActiveMonth=function(){var e=this;if(this.activeMonth){var t=c.startOfMonth(this.activeMonth),n=c.endOfMonth(this.activeMonth),i=c.startOfWeek(t,{locale:this.locale}),o=c.endOfWeek(n,{locale:this.locale}),r=c.differenceInDays(o,i)+1,a=this.todayDate?c.startOfDay(this.todayDate):c.startOfDay(new Date),s=Array.from(Array(r).keys()).map((function(n){var o,r=c.add(i,((o={})[St.days]=n,o)),s=e.getCalendarDay(r,a,t),l=e.isSelectable(s,r),d=c.isSameDay(e.selectedDate,r),p={date:r.getDate(),isCurrentMonth:s.isCurrentMonth,isSelectable:l,isSelected:d,cssClasses:e.getCssClasses(s,l,d)};return d&&(e.selectedDay=p),p}));this._month=this.chunk(s,7)}},e.prototype.getCalendarDay=function(e,t,n){return{isToday:c.isSameDay(t,e),isPast:c.isBefore(e,t),isFuture:c.isAfter(e,t),isWeekend:c.isWeekend(e),isCurrentMonth:c.isSameMonth(e,n),isDisabled:this.isDisabledDate(e)}},e.prototype.isSelectable=function(e,t){return this.alwaysEnableToday&&e.isToday||!e.isDisabled&&e.isCurrentMonth&&!(this.disableWeekends&&e.isWeekend)&&!(this.disablePastDates&&e.isPast)&&!(this.disableFutureDates&&e.isFuture)&&!(this.minDate&&c.isBefore(t,this.minDate))&&!(this.maxDate&&c.isAfter(t,this.maxDate))},e.prototype.getCssClasses=function(e,t,n){var i={"current-month":e.isCurrentMonth,weekend:e.isWeekend,today:e.isToday,selectable:t,selected:n,past:e.isPast,disabled:e.isDisabled},o="day";for(var r in i)i[r]&&(o+=" "+r);return o},e.prototype.chunk=function(e,t){for(var n=[];e.length;)n.push(e.splice(0,t));return n},e.prototype.onSelectedDateChange=function(e){this.selectedDay&&(this.selectedDay.isSelected=!1);var t=this.getCell(e);t&&(t.isSelected=!0,this.selectedDay=t),this.calendarHelper.setSelectedDay(e.getDate())},e.prototype._onDateSelected=function(e){if(e.isSelectable&&e.date){var t=new Date(this.activeMonth);"UTC"===this.timezone&&(t=f.zonedTimeToUtc(this.subtractTimezoneOffset(t),this.timeZoneName)),t.setDate(e.date);var n=t;this.hasDateChanged(t,this._selectedDate)&&(this.onSelectedDateChange(t),this._selectedDate=t,this.dateChange.emit(n)),this.dateSelect.emit(n)}},e.prototype.onChangeMonth=function(e){this._changeMonth(e),this.calendarHelper.update(this.getHelperOptions())},e.prototype._changeMonth=function(e){this.changeActiveView(e,St.months)},e.prototype._changeYear=function(e){var t=Number(e);this.changeActiveView(t-c.getYear(this.activeMonth),St.years),this.yearSelect.emit(t)},e.prototype.changeActiveView=function(e,t){var n;0!==e&&(this.activeMonth=c.add(this.activeMonth,((n={})[t]=e,n)),this.refreshActiveMonth())},Object.defineProperty(e.prototype,"_canNavigateBack",{get:function(){var e=this.disablePastDates&&c.isSameMonth(this.activeMonth,this.todayDate),t=this.minDate&&(c.isSameMonth(this.activeMonth,this.minDate)||c.isBefore(this.activeMonth,this.minDate));return!e&&!t},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_canNavigateForward",{get:function(){var e=this.disableFutureDates&&c.isSameMonth(this.activeMonth,this.todayDate),t=this.maxDate&&(c.isSameMonth(this.activeMonth,this.maxDate)||c.isAfter(this.activeMonth,this.maxDate));return!e&&!t},enumerable:!1,configurable:!0}),e.prototype.getCell=function(e){var t,n,i=null;if(e)try{for(var o=j(this._month),r=o.next();!r.done;r=o.next()){if(i=r.value.find((function(t){return t.isCurrentMonth&&t.date===e.getDate()})))break}}catch(e){t={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(t)throw t.error}}return i},e.prototype.getHelperOptions=function(){return{canNavigateBack:this._canNavigateBack,canNavigateForward:this._canNavigateForward,year:this.activeYear,monthName:this.activeMonthName,weekDays:this._weekDays,month:this._month}},e.prototype.subtractTimezoneOffset=function(e){var t=60*e.getTimezoneOffset()*1e3;return new Date(e.getTime()-t)},e.prototype.getDateFromNavigableYear=function(e){if(e instanceof Date)return e;var t=this.todayDate||new Date;return new Date(t.getFullYear()+e,0,1)},e.prototype.getYearsBetweenDates=function(e,t){var n=F([e.getFullYear(),t.getFullYear()].sort(),2),i=n[0],o=n[1]-i;return Array.from({length:o+1},(function(e,t){return(i+t).toString()}))},e}();Tt.decorators=[{type:n.Component,args:[{selector:"kirby-calendar",template:'<div class="header">\n <div class="month-navigator">\n <button [disabled]="!_canNavigateBack" (click)="_changeMonth(-1)">\n <kirby-icon name="arrow-back"></kirby-icon>\n </button>\n\n <div class="month-and-year">\n <span class="month">{{ activeMonthName }}</span\n ><span *ngIf="!_hasYearNavigator" class="year">{{ activeYear }}</span>\n </div>\n\n <button [disabled]="!_canNavigateForward" (click)="_changeMonth(1)">\n <kirby-icon name="arrow-more"></kirby-icon>\n </button>\n </div>\n <kirby-dropdown\n *ngIf="_hasYearNavigator"\n [usePopover]="usePopover"\n [selectedIndex]="navigatedYear"\n [items]="navigableYears"\n popout="left"\n (change)="_changeYear($event)"\n >\n </kirby-dropdown>\n</div>\n\n<table>\n <thead>\n <tr>\n <th *ngFor="let weekDay of _weekDays">{{ weekDay }}</th>\n </tr>\n </thead>\n\n <tbody>\n <tr *ngFor="let week of _month">\n <td *ngFor="let day of week">\n <div\n (click)="_onDateSelected(day)"\n class="{{ day.cssClasses }}"\n [class.selected]="day.isSelected"\n >\n {{ day.date }}\n </div>\n </td>\n </tr>\n </tbody>\n</table>\n\n\x3c!-- <iframe src="kirby/components/calendar/calendar.webview.html" #calendarContainer style="width: 320px; height: 304px; border: 0"> --\x3e\n',providers:[Dt],styles:["table{width:100%;border-collapse:collapse;-webkit-user-select:none;user-select:none;margin-bottom:8px}td,th{text-align:center;padding:0}td:first-child,th:first-child{padding-left:8px}td:last-child,th:last-child{padding-right:8px}th{height:50px;border-bottom:1px solid var(--kirby-background-color)}.header,td,th{background-color:transparent}.header{margin:8px 8px 0}.header,.month-navigator{display:flex;justify-content:space-between}.month-navigator{flex-grow:1;align-items:center}.month-navigator button{background-color:transparent;outline:none;border:none;color:inherit;cursor:pointer;height:40px;width:40px;padding:0}.month-navigator button:disabled{opacity:.5;pointer-events:none}.month-and-year{-webkit-user-select:none;user-select:none}.month-and-year .month{font-weight:700;margin-right:8px}:host(.has-year-navigator) .month-navigator{flex-grow:0}:host(.has-year-navigator) .month-and-year{width:80px;margin:0 8px;text-align:center}:host(.has-year-navigator) .month{margin-right:0}.day{display:inline-flex;align-items:center;justify-content:center;border-radius:20px;width:40px;height:40px;margin:4px 0}.day.selectable,.day.selected{cursor:pointer}.day.disabled,.day:not(.selectable){color:var(--kirby-text-color-semi-dark)}.day.today{color:var(--kirby-medium-contrast);background-color:var(--kirby-medium)}.day.selected{color:var(--kirby-black-contrast);background-color:var(--kirby-black)}.day:not(.current-month){visibility:hidden;pointer-events:none}.day.selectable:not(.selected):hover{color:var(--kirby-light-contrast);background-color:var(--kirby-light)}"]}]}],Tt.ctorParameters=function(){return[{type:Dt},{type:String,decorators:[{type:n.Inject,args:[n.LOCALE_ID]}]}]},Tt.propDecorators={calendarContainer:[{type:n.ViewChild,args:["calendarContainer",{static:!1}]}],dateChange:[{type:n.Output}],dateSelect:[{type:n.Output}],yearSelect:[{type:n.Output}],timezone:[{type:n.Input}],disableWeekends:[{type:n.Input}],disablePastDates:[{type:n.Input}],disableFutureDates:[{type:n.Input}],alwaysEnableToday:[{type:n.Input}],customLocales:[{type:n.Input}],usePopover:[{type:n.Input}],yearNavigatorOptions:[{type:n.Input}],selectedDate:[{type:n.Input}],disabledDates:[{type:n.Input}],todayDate:[{type:n.Input}],minDate:[{type:n.Input}],maxDate:[{type:n.Input}],_hasYearNavigator:[{type:n.HostBinding,args:["class.has-year-navigator"]}]};var Rt=function(){function e(){this._side="start"}return Object.defineProperty(e.prototype,"side",{set:function(e){this._side="left"===e?"start":"end"},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_hasSwipeActions",{get:function(){var e;return(null===(e=this.swipeActions)||void 0===e?void 0:e.length)>0},enumerable:!1,configurable:!0}),e}();Rt.decorators=[{type:n.Component,args:[{selector:"kirby-item-sliding",template:'<ion-item-sliding>\n <ng-content></ng-content>\n\n <ion-item-options *ngIf="_hasSwipeActions" [side]="_side">\n <ng-container *ngFor="let swipeAction of swipeActions">\n <ion-item-option\n *ngIf="!swipeAction.isDisabled"\n [ngClass]="swipeAction.type"\n (click)="swipeAction.onSelected()"\n >\n <kirby-icon\n *ngIf="swipeAction.icon !== undefined"\n [name]="swipeAction.icon"\n slot="top"\n ></kirby-icon>\n <ion-label>{{ swipeAction.title }}</ion-label>\n </ion-item-option>\n </ng-container>\n </ion-item-options>\n</ion-item-sliding>\n',styles:["ion-item-option.primary{background-color:var(--kirby-primary);color:var(--kirby-primary-contrast)}ion-item-option.secondary{background-color:var(--kirby-secondary);color:var(--kirby-secondary-contrast)}ion-item-option.tertiary{background-color:var(--kirby-tertiary);color:var(--kirby-tertiary-contrast)}ion-item-option.success{background-color:var(--kirby-success);color:var(--kirby-success-contrast)}ion-item-option.warning{background-color:var(--kirby-warning);color:var(--kirby-warning-contrast)}ion-item-option.danger{background-color:var(--kirby-danger);color:var(--kirby-danger-contrast)}ion-item-option.light{background-color:var(--kirby-light);color:var(--kirby-light-contrast)}ion-item-option.medium{background-color:var(--kirby-medium);color:var(--kirby-medium-contrast)}ion-item-option.dark{background-color:var(--kirby-dark);color:var(--kirby-dark-contrast)}:host{display:block}ion-item-option{min-width:92px}"]}]}],Rt.propDecorators={swipeActions:[{type:n.Input}],side:[{type:n.Input}]};var Pt=function(){function e(e){this.scope=e,this.id=0}return e.scopedTo=function(t){var n=e.registry.get(t);return n||(n=new e(t),e.registry.set(t,n)),n},e.prototype.next=function(){return this.scope+"-"+this.id++},e}();Pt.registry=new Map;var _t=function(){function e(){this.checked=!1,this.attentionLevel="2",this.hasError=!1,this.disabled=!1,this.checkedChange=new n.EventEmitter,this._labelId=Pt.scopedTo("kirby-checkbox-label").next()}return Object.defineProperty(e.prototype,"_isDisabled",{get:function(){return this.disabled?"disabled":null},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isAttentionLevel1",{get:function(){return"1"===this.attentionLevel},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isAttentionLevel2",{get:function(){return"2"===this.attentionLevel},enumerable:!1,configurable:!0}),e.prototype.onChecked=function(e){this.checked=e,this.checkedChange.emit(this.checked)},e}();_t.decorators=[{type:n.Component,args:[{selector:"kirby-checkbox",template:'<div class="wrapper">\n <ion-checkbox\n mode="md"\n [checked]="checked"\n [disabled]="disabled"\n (ionChange)="onChecked($event.detail.checked)"\n [attr.aria-labelledby]="text ? _labelId : null"\n ></ion-checkbox>\n <span [id]="_labelId" *ngIf="text">{{ text }}</span>\n</div>\n',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[":host{display:inline-block}:host.attention-level1 ion-checkbox{--checkmark-color:var(--kirby-black);--background-checked:var(--kirby-success);--border-color-checked:var(--kirby-success)}:host.attention-level1 ion-checkbox:active{--background-checked:var(--kirby-success-shade);--border-color-checked:var(--kirby-success-shade)}:host.attention-level2 ion-checkbox{--checkmark-color:var(--kirby-white);--background-checked:var(--kirby-black);--border-color-checked:var(--kirby-black)}:host.attention-level2 ion-checkbox:active{--checkmark-color:var(--kirby-white-shade);--background-checked:var(--kirby-black-tint);--border-color-checked:var(--kirby-black-tint)}:host.error ion-checkbox{--border-color:var(--kirby-danger)}:host[disabled]{color:var(--kirby-text-color-semi-dark)}:host[disabled] ion-checkbox{opacity:1;--checkmark-color:var(--kirby-semi-dark);--background:var(--kirby-semi-light);--background-checked:var(--kirby-semi-light);--border-color:var(--kirby-medium);--border-color-checked:var(--kirby-semi-light)}:host ion-checkbox{--size:24px;--checkmark-width:4px;--background:var(--kirby-white);--border-width:1px;--border-color:var(--kirby-semi-dark);--border-radius:6px;margin-left:16px;margin-right:12px}:host ion-checkbox::part(container){padding:4px}@media (hover:hover){:host ion-checkbox:focus-within::part(container){box-shadow:0 0 0 1px var(--kirby-background-color),0 0 0 2px #4d90fe;border-radius:6px}}:host ion-checkbox:active{--background:var(--kirby-white-shade)}:host.has-label{display:block;line-height:24px;white-space:pre-line}:host.has-label .wrapper{position:relative;display:inline-flex;align-items:flex-start;vertical-align:top;padding:16px 12px 16px 0}:host.has-label.xs .wrapper,:host.has-label :host-context(.checkbox-xs) .wrapper{padding-top:4px;padding-bottom:4px}:host.has-label.sm .wrapper,:host.has-label :host-context(.checkbox-sm) .wrapper{padding-top:10px;padding-bottom:10px}:host.has-label.md .wrapper,:host.has-label :host-context(.checkbox-md) .wrapper{padding-top:16px;padding-bottom:16px}:host.has-label ion-checkbox{position:static;flex-shrink:0;flex-grow:0}:host-context(kirby-item){z-index:1}:host-context(kirby-item) ion-checkbox{margin:0}:host-context(kirby-item)[slot=start]{margin-inline-end:12px}"]}]}],_t.propDecorators={checked:[{type:n.Input}],attentionLevel:[{type:n.Input}],text:[{type:n.HostBinding,args:["class.has-label"]},{type:n.Input}],size:[{type:n.HostBinding,args:["class"]},{type:n.Input}],hasError:[{type:n.HostBinding,args:["class.error"]},{type:n.Input}],disabled:[{type:n.Input}],_isDisabled:[{type:n.HostBinding,args:["attr.disabled"]}],isAttentionLevel1:[{type:n.HostBinding,args:["class.attention-level1"]}],isAttentionLevel2:[{type:n.HostBinding,args:["class.attention-level2"]}],checkedChange:[{type:n.Output}]};var At=function(){};At.decorators=[{type:n.Component,args:[{selector:"kirby-chip",template:"<span>{{ text }}</span>\n",styles:[':host{background-color:var(--kirby-white);color:var(--kirby-white-contrast);position:relative;white-space:nowrap;padding:0 var(--inline-padding,16px);height:32px;font-size:12px;line-height:1;display:inline-flex;align-items:center;border-radius:999px;margin:4px var(--inline-margin,4px);cursor:pointer;-webkit-user-select:none;user-select:none}:host.is-selected{background-color:var(--kirby-black);color:var(--kirby-black-contrast)}@media (hover:hover){:host:hover{background-color:var(--kirby-black);color:var(--kirby-black-contrast)}}:host:after{content:"";position:absolute;min-height:44px;min-width:44px;width:100%;height:100%;transform:translate(-50%,-50%);left:50%;top:50%}:host :host-context(.kirby-color-brightness-dark){background-color:transparent;color:var(--kirby-text-color-white)}:host :host-context(.kirby-color-brightness-dark).is-selected{background-color:var(--kirby-white);color:var(--kirby-white-contrast)}@media (hover:hover){:host :host-context(.kirby-color-brightness-dark):hover{background-color:var(--kirby-white);color:var(--kirby-white-contrast)}}:host :host-context(kirby-segmented-control.compact){min-width:44px;flex-shrink:0;justify-content:center;--inline-margin:2px;--inline-padding:13px;background-color:transparent;color:var(--kirby-text-color-black)}:host :host-context(kirby-segmented-control.compact).is-selected{background-color:var(--kirby-black);color:var(--kirby-black-contrast)}@media (hover:hover){:host :host-context(kirby-segmented-control.compact):hover{background-color:var(--kirby-black);color:var(--kirby-black-contrast)}}@media (max-width:321px){:host :host-context(kirby-segmented-control.compact){--inline-margin:0}}']}]}],At.propDecorators={text:[{type:n.Input}],isSelected:[{type:n.Input},{type:n.HostBinding,args:["attr.aria-selected"]},{type:n.HostBinding,args:["class.is-selected"]}]};var Mt,Lt=function(){};Lt.decorators=[{type:n.Component,args:[{selector:"kirby-divider",template:'<hr [class.no-margin]="!hasMargin" />\n',styles:[":host-context(.kirby-color-brightness-white),:host-context(kirby-card){--kirby-divider-color:var(--kirby-background-color)}:host-context(.kirby-color-brightness-light){--kirby-divider-color:var(--kirby-medium)}hr{margin-top:8px;margin-bottom:8px;border:0;border-top:1px solid var(--kirby-divider-color,var(--kirby-medium))}hr.no-margin{margin-top:0;margin-bottom:0}"]}]}],Lt.propDecorators={hasMargin:[{type:n.Input}]},(Mt=e.ItemSize||(e.ItemSize={})).XS="xs",Mt.SM="sm",Mt.MD="md";var Bt=function(){function t(){this.size=e.ItemSize.MD}return t.prototype.onMouseDown=function(e){e.currentTarget instanceof HTMLElement&&e.currentTarget.closest("kirby-dropdown")&&e.preventDefault()},t}();Bt.decorators=[{type:n.Component,args:[{selector:"kirby-item",template:'<ion-item\n lines="none"\n [attr.disabled]="disabled"\n [attr.button]="selectable ? true : null"\n [attr.tabindex]="selectable ? null : 0"\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 <ion-reorder slot="end" *ngIf="reorderable">\n <kirby-icon name="reorder"></kirby-icon>\n </ion-reorder>\n</ion-item>\n',styles:[":host{display:block;position:relative}:host ion-item{--padding-top:var(--item-padding-top,0px);--padding-bottom:var(--item-padding-bottom,0px);font-size:14px;--min-height:56px;--padding-start:16px;--inner-padding-top:8px;--inner-padding-bottom:8px;--inner-padding-end:16px;--background:var(--kirby-item-background,var(--kirby-white));--background-activated:var(--kirby-item-background-activated,var(--kirby-white-shade));--background-activated-opacity:0.99;--background-focused:var(--kirby-item-background-focused,var(--kirby-background-color));--background-focused-opacity:1;--background-hover:var(--kirby-item-background-hover,var(--kirby-background-color));--background-hover-opacity:1}@media screen and (orientation:landscape){:host ion-item{--ion-safe-area-left:0px;--ion-safe-area-right:0px}}:host ion-item ::ng-deep>[slot=end]{margin-inline-start:0;margin-inline-end:0;text-align:right}:host ion-item ::ng-deep>time[slot=end]{margin-inline-start:12px}:host ion-item ::ng-deep>[detail][slot=end],:host ion-item ::ng-deep>data[slot=end],:host ion-item ::ng-deep>ion-reorder[slot=end]{margin-inline-start:16px}:host ion-item ::ng-deep>data,:host ion-item ::ng-deep>h1,:host ion-item ::ng-deep>h2,:host ion-item ::ng-deep>h3,:host ion-item ::ng-deep>h4,:host ion-item ::ng-deep>h5,:host ion-item ::ng-deep>h6,:host ion-item ::ng-deep>p{font-size:16px;line-height:24px;color:var(--kirby-text-color-black);display:block;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400}:host ion-item ::ng-deep>data.kirby-text-bold,:host ion-item ::ng-deep>h1.kirby-text-bold,:host ion-item ::ng-deep>h2.kirby-text-bold,:host ion-item ::ng-deep>h3.kirby-text-bold,:host ion-item ::ng-deep>h4.kirby-text-bold,:host ion-item ::ng-deep>h5.kirby-text-bold,:host ion-item ::ng-deep>h6.kirby-text-bold,:host ion-item ::ng-deep>p.kirby-text-bold{font-weight:700}:host ion-item ::ng-deep>p{font-size:14px}:host ion-item ::ng-deep>[detail],:host ion-item ::ng-deep>[subtitle]{font-size:12px;line-height:16px}:host ion-item ::ng-deep>[subtitle]:not(:last-child){margin-bottom:4px}:host ion-item ::ng-deep>[detail]{color:var(--kirby-text-color-semi-dark)}:host ion-item ::ng-deep>:not([slot]){width:100%}:host ion-item ::ng-deep>input[slot=end],:host ion-item ::ng-deep>kirby-form-field[slot=end] input{margin-inline-start:16px;width:auto;text-align:right}:host.sm ion-item{--min-height:44px}:host.xs ion-item{--min-height:32px;--inner-padding-top:4px;--inner-padding-bottom:4px}:host .outside{left:4px;margin:0;position:absolute;width:16px;z-index:1}:host-context(kirby-dropdown) ion-item,:host-context(kirby-popover) ion-item{--min-height:44px}:host-context(kirby-list-item:first-of-type) ion-item{--padding-top:8px}:host-context(kirby-list-item:first-of-type kirby-card) ion-item{--padding-top:0}:host-context(kirby-list-item:last-of-type) ion-item{--padding-bottom:8px}:host-context(kirby-list-item:last-of-type kirby-card) ion-item{--padding-bottom:0}:host(.selected) ion-item ::ng-deep>data,: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-context(kirby-list .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{font-weight:700}:host-context(.shape-rounded .is-single) ion-item{--border-radius:16px}:host-context(.has-header .is-single) ion-item::part(native){border-top-left-radius:0;border-top-right-radius:0}:host-context(.has-footer .is-single) ion-item::part(native){border-bottom-left-radius:0;border-bottom-right-radius:0}:host-context(.shape-rounded.has-sections .list-items kirby-list-item:first-of-type) ion-item::part(native){border-top-left-radius:16px;border-top-right-radius:16px}"]}]}],Bt.propDecorators={disabled:[{type:n.Input}],selected:[{type:n.HostBinding,args:["class.selected"]},{type:n.Input}],selectable:[{type:n.Input}],reorderable:[{type:n.Input}],size:[{type:n.HostBinding,args:["class"]},{type:n.Input}]};var zt=function(){console.warn("*kirbyListItem directive is deprecated - please use *kirbyListItemTemplate directive instead.")};zt.decorators=[{type:n.Directive,args:[{selector:"[kirbyListItem]"}]}],zt.ctorParameters=function(){return[]};var Ht=function(){console.warn("*kirbyListFlexItem directive is deprecated - please use *kirbyListItemTemplate directive instead.")};Ht.decorators=[{type:n.Directive,args:[{selector:"[kirbyListFlexItem]"}]}],Ht.ctorParameters=function(){return[]};var jt=function(){};jt.decorators=[{type:n.Directive,args:[{selector:"[kirbyListItemTemplate]"}]}];var Ft=function(){};Ft.decorators=[{type:n.Directive,args:[{selector:"[kirbyListHeader], [kirbyListHeaderTemplate]"}]}];var Nt=function(){};Nt.decorators=[{type:n.Directive,args:[{selector:"[kirbyListSectionHeader], [kirbyListSectionHeaderTemplate]"}]}];var Wt,Vt=function(){};Vt.decorators=[{type:n.Directive,args:[{selector:"[kirbyListFooter], [kirbyListFooterTemplate]"}]}],(Wt=e.HorizontalDirection||(e.HorizontalDirection={})).right="right",Wt.left="left";var $t,Ut,Yt=function(){function i(t,i){this.elementRef=t,this.renderer=i,this.preventScrollEventListenerOptions={passive:!1},this.POPOVER_BODY_PADDING=12,this.isShowing=!1,this.popout=e.HorizontalDirection.right,this.willHide=new n.EventEmitter,this.document=t.nativeElement.ownerDocument}return Object.defineProperty(i.prototype,"targetElement",{get:function(){return this.target instanceof n.ElementRef?this.target.nativeElement:this.target},enumerable:!1,configurable:!0}),i.prototype._backdropClick=function(){this.willHide.emit(),this.hide()},i.prototype._onWindowResize=function(){this.isShowing&&(this.willHide.emit(),this.hide())},i.prototype.ngAfterViewInit=function(){this.placePopoverAboveClosestModal(),this.renderer.removeChild(this.elementRef.nativeElement.parentElement,this.elementRef.nativeElement)},i.prototype.ngOnDestroy=function(){this.hide()},i.prototype.placePopoverAboveClosestModal=function(){var e=this.elementRef.nativeElement.closest("ion-modal");e?(this.zIndex=parseInt(e.style.zIndex)+1,this.elementRef.nativeElement.style.zIndex=""+this.zIndex):this.zIndex=parseInt(t.DesignTokenHelper.zLayer("popover"))},i.prototype.preventEvent=function(e){e.preventDefault()},i.prototype.preventScroll=function(){this.isFirstToLockScroll=!this.document.body.classList.contains("backdrop-no-scroll"),this.isFirstToLockScroll&&this.renderer.addClass(this.document.body,"backdrop-no-scroll"),this.document.addEventListener("touchmove",this.preventEvent,this.preventScrollEventListenerOptions)},i.prototype.releaseScroll=function(){this.isFirstToLockScroll&&this.renderer.removeClass(this.document.body,"backdrop-no-scroll"),this.document.removeEventListener("touchmove",this.preventEvent,this.preventScrollEventListenerOptions)},i.prototype.show=function(){this.renderer.addClass(this.elementRef.nativeElement,"is-opening"),this.renderer.appendChild(this.document.body,this.elementRef.nativeElement),this.preventScroll(),this.positionWrapper(),this.renderer.addClass(this.elementRef.nativeElement,"is-open"),this.renderer.removeClass(this.elementRef.nativeElement,"is-opening"),this.isShowing=!0},i.prototype.hide=function(){this.renderer.removeChild(this.document.body,this.elementRef.nativeElement),this.releaseScroll(),this.renderer.removeStyle(this.targetElement,"z-index"),this.renderer.removeStyle(this.targetElement,"pointer-events"),this.isShowing=!1},i.prototype.positionWrapper=function(){var e=this.targetElement.getBoundingClientRect();this.renderer.appendChild(this.document.body,this.elementRef.nativeElement);var t=this.wrapperElement.nativeElement,n=t.getBoundingClientRect(),i=t.ownerDocument.defaultView;this.positionHorizontally(i,t,e,n),this.positionVertically(i,t,e,n)},i.prototype.positionHorizontally=function(t,n,i,o){var r=t.innerWidth,a=o.width,s=r-i.left,l=i.right,c=s>=a+this.POPOVER_BODY_PADDING||s>=l,d=F(this.popout!==e.HorizontalDirection.left&&c?["right","left"]:["left","right"],2),p=d[0],h=d[1],u="left"===p?r-i.right:i.left;this.renderer.removeStyle(n,p),this.renderer.setStyle(n,h,u+"px")},i.prototype.positionVertically=function(e,t,n,i){var o=e.innerHeight,r=i.height,a=o-n.bottom,s=n.top,l=F(a>=r+this.POPOVER_BODY_PADDING||a>=s?["bottom","top"]:["top","bottom"],2),c=l[0],d=l[1],p="bottom"===c?n.bottom:o-n.top;this.renderer.removeStyle(t,c),this.renderer.setStyle(t,d,p+"px"),"top"===c&&(this.renderer.setStyle(this.targetElement,"z-index",""+(this.zIndex+1)),this.renderer.setStyle(this.targetElement,"pointer-events","none"))},i}();Yt.decorators=[{type:n.Component,args:[{selector:"kirby-popover",template:'\n <div #wrapper class="wrapper"><ng-content></ng-content></div>\n ',styles:[":host{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:850}:host(.is-opening){display:block;visibility:hidden}:host(.is-open){display:block}.wrapper{position:fixed;margin-top:4px;margin-bottom:4px}"]}]}],Yt.ctorParameters=function(){return[{type:n.ElementRef},{type:n.Renderer2}]},Yt.propDecorators={wrapperElement:[{type:n.ViewChild,args:["wrapper",{static:!0,read:n.ElementRef}]}],popout:[{type:n.Input}],target:[{type:n.Input}],willHide:[{type:n.Output}],_backdropClick:[{type:n.HostListener,args:["click"]}],_onWindowResize:[{type:n.HostListener,args:["window:resize"]}]},function(e){e[e.closed=0]="closed",e[e.opening=1]="opening",e[e.open=2]="open"}($t||($t={})),function(e){e[e.up=0]="up",e[e.down=1]="down"}(Ut||(Ut={}));var Gt=function(){function e(){}return e.prototype.handle=function(e,t,n){var i=-1;switch(e.key){case"ArrowUp":case"ArrowLeft":i=n-1;break;case"ArrowDown":case"ArrowRight":void 0===n?i=0:n<t.length-1&&(i=n+1);break;case"Home":i=0;break;case"End":i=t.length-1}return i},e}();Gt.ɵprov=n.ɵɵdefineInjectable({factory:function(){return new Gt},token:Gt,providedIn:"root"}),Gt.decorators=[{type:n.Injectable,args:[{providedIn:"root"}]}];var qt=function(){function t(t,i,o,r){this.renderer=t,this.elementRef=i,this.changeDetectorRef=o,this.keyboardHandlerService=r,this.state=$t.closed,this.hasConfiguredSlottedItems=!1,this.horizontalDirection=e.HorizontalDirection.right,this.verticalDirection=Ut.down,this._items=[],this._selectedIndex=-1,this.itemTextProperty="text",this.placeholder="Please select:",this.attentionLevel="3",this.attentionLevelOpen="2",this.disabled=!1,this.size="md",this.tabindex=0,this.usePopover=!1,this.change=new n.EventEmitter,this._value=null,this._role="listbox",this.itemClickUnlisten=[],this._onChange=function(){},this._onTouched=function(){}}return Object.defineProperty(t.prototype,"items",{get:function(){return this._items},set:function(e){this._items=e,this._value=this.items[this.selectedIndex]||null},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"selectedIndex",{get:function(){return this._selectedIndex},set:function(e){this._selectedIndex!=e&&(this._selectedIndex=e,this._value=this.items[this.selectedIndex]||null)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"popout",{get:function(){return this.horizontalDirection},set:function(t){this.horizontalDirection=t||e.HorizontalDirection.right},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"_isDisabled",{get:function(){return this.disabled?"disabled":null},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"_tabindex",{get:function(){return this.disabled?-1:this.tabindex},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"_noBlurOnScroll",{get:function(){return!0},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"value",{get:function(){return this._value},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"selectedText",{get:function(){return this.getTextFromItem(this.value)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"_isBlockLevel",{get:function(){return"block"===this.expand},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"_isOpening",{get:function(){return this.state===$t.opening},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"isOpen",{get:function(){return this.state===$t.open},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"_popoutLeft",{get:function(){return this.horizontalDirection===e.HorizontalDirection.left},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"_popoutUp",{get:function(){return this.verticalDirection===Ut.up},enumerable:!1,configurable:!0}),t.prototype.onToggle=function(e){e.stopPropagation(),this.isOpen||this.elementRef.nativeElement.focus(),this.toggle()},t.prototype.toggle=function(){this.disabled||(this.isOpen?this.close():this.open())},t.prototype.onButtonMouseEvent=function(e){e.preventDefault()},t.prototype.ngAfterContentChecked=function(){var e=this;!this.hasConfiguredSlottedItems&&this.kirbyItemsSlotted.length&&(this.kirbyItemsSlotted.forEach((function(t,n){e.renderer.setAttribute(t.nativeElement,"role","option");var i=e.renderer.listen(t.nativeElement,"click",(function(){e.onItemSelect(n)}));e.itemClickUnlisten.push(i)})),this.hasConfiguredSlottedItems=!0)},t.prototype.setPopoverCardStyle=function(e,t){this.usePopover&&this.renderer.setStyle(this.cardElement.nativeElement,e,t,n.RendererStyleFlags2.DashCase)},t.prototype.ngAfterViewInit=function(){if(this.usePopover&&"block"===this.expand){var e=this.elementRef.nativeElement.getBoundingClientRect().width;this.setPopoverCardStyle("--kirby-card-width",e+"px"),this.setPopoverCardStyle("max-width","initial"),this.setPopoverCardStyle("min-width","initial")}this.initializeAlignment()},t.prototype.initializeAlignment=function(){var e=this;if(!this.usePopover&&!this.intersectionObserverRef){this.intersectionObserverRef=new IntersectionObserver((function(t){if(e.state===$t.opening){clearTimeout(e.showDropdownTimeoutId);var n=t[0];n.boundingClientRect.width>0&&n.intersectionRatio<1&&(e.setHorizontalDirection(n),e.setVerticalDirection(n)),e.showDropdown(),e.changeDetectorRef.detectChanges()}}),{rootMargin:"0px"}),this.intersectionObserverRef.observe(this.cardElement.nativeElement)}},t.prototype.setHorizontalDirection=function(t){this.horizontalDirection===e.HorizontalDirection.right?t.boundingClientRect.right>t.rootBounds.right&&(this.horizontalDirection=e.HorizontalDirection.left):t.boundingClientRect.left<t.rootBounds.left&&(this.horizontalDirection=e.HorizontalDirection.right)},t.prototype.setVerticalDirection=function(e){if(e.boundingClientRect.top<0&&(this.verticalDirection=Ut.down),e.boundingClientRect.bottom>e.rootBounds.bottom){this.elementRef.nativeElement.getBoundingClientRect().top>e.target.clientHeight+5&&(this.verticalDirection=Ut.up)}},t.prototype.open=function(){var e=this;this.disabled||this.isOpen||(this.state=$t.opening,this.showDropdownTimeoutId=setTimeout((function(){return e.showDropdown()}),t.OPEN_DELAY_IN_MS))},t.prototype.showDropdown=function(){var e;this.state===$t.opening&&(this.state=$t.open,null===(e=this.popover)||void 0===e||e.show(),this.scrollItemIntoView(this.selectedIndex),this.changeDetectorRef.markForCheck())},t.prototype.close=function(){var e;this.disabled||this.isOpen&&(this.state=$t.closed,this.verticalDirection=Ut.down,null===(e=this.popover)||void 0===e||e.hide())},t.prototype.onItemSelect=function(e){this.selectItem(e),this.close()},t.prototype.writeValue=function(e){this._selectItemByValue(e)},t.prototype.registerOnChange=function(e){this._onChange=e},t.prototype.registerOnTouched=function(e){this._onTouched=e},t.prototype.setDisabledState=function(e){this.disabled=e},t.prototype.selectItem=function(e){e!=this.selectedIndex&&(this.selectedIndex=e,this.change.emit(this.value),this._onChange(this.value),this.scrollItemIntoView(e))},t.prototype._selectItemByValue=function(e){this.selectedIndex=this.items.indexOf(e)},t.prototype.getTextFromItem=function(e){return e?"string"==typeof e?e:e[this.itemTextProperty]:null},t.prototype.scrollItemIntoView=function(e){var t=this.kirbyItemsSlotted&&this.kirbyItemsSlotted.length?this.kirbyItemsSlotted:this.kirbyItemsDefault;if(t&&t.length){var n=t.toArray()[e];if(n&&n.nativeElement){var i=n.nativeElement,o=this.cardElement.nativeElement,r=i.offsetTop,a=i.offsetTop+i.offsetHeight,s=o.scrollTop,l=o.clientHeight+o.scrollTop;r<s?o.scrollTop=r:a>l&&(o.scrollTop=a-o.clientHeight)}}},t.prototype._onTab=function(e){this.isOpen&&(e.preventDefault(),this.close())},t.prototype._onMouseDown=function(e){this.disabled&&(e.preventDefault(),e.stopImmediatePropagation())},t.prototype._onFocus=function(){this.disabled&&this.elementRef.nativeElement.blur()},t.prototype._onPopoverWillHide=function(){this.state=$t.closed,this.elementRef.nativeElement.focus()},t.prototype._onBlur=function(e){this.disabled||(this.isOpen&&(this.cardElement.nativeElement.contains(null==e?void 0:e.relatedTarget)||this.close()),this._onTouched())},t.prototype._onSpace=function(e){e.preventDefault(),e.stopPropagation(),this.isOpen||this.open()},t.prototype._onEnter=function(e){e.preventDefault(),e.stopPropagation(),this.toggle()},t.prototype._onArrowKeys=function(e){if(!this.disabled&&(!this.isOpen||"ArrowLeft"!==e.key&&"ArrowRight"!==e.key)){var t=this.keyboardHandlerService.handle(e,this.items,this.selectedIndex);return t>-1&&this.selectItem(t),!1}},t.prototype._onHomeEndKeys=function(e){if(!this.disabled){var t=this.keyboardHandlerService.handle(e,this.items,this.selectedIndex);return t>-1&&this.selectItem(t),!1}},t.prototype.ngOnDestroy=function(){for(var e;void 0!==(e=this.itemClickUnlisten.pop());)e();this.intersectionObserverRef&&this.intersectionObserverRef.disconnect()},t}();qt.OPEN_DELAY_IN_MS=100,qt.decorators=[{type:n.Component,args:[{selector:"kirby-dropdown",template:'<button\n kirby-button\n [size]="size"\n [attentionLevel]="isOpen ? attentionLevelOpen : attentionLevel"\n tabindex="-1"\n (click)="onToggle($event)"\n (mousedown)="onButtonMouseEvent($event)"\n [disabled]="disabled"\n type="button"\n>\n <span class="text">{{ selectedText || placeholder }}</span>\n <kirby-icon [name]="isOpen ? \'arrow-up\' : \'arrow-down\'"></kirby-icon>\n</button>\n\n<ng-container *ngTemplateOutlet="usePopover ? popoverTemplate : itemWrapperTemplate"></ng-container>\n\n<ng-template #popoverTemplate>\n <kirby-popover [target]="buttonElement" [popout]="popout" (willHide)="_onPopoverWillHide()">\n <ng-container *ngTemplateOutlet="itemWrapperTemplate"></ng-container>\n </kirby-popover>\n</ng-template>\n\n<ng-template #itemWrapperTemplate>\n <kirby-card>\n <ng-container *ngFor="let item of items; let i = index">\n <ng-container\n *ngTemplateOutlet="\n itemTemplate || defaultItemTemplate;\n context: { $implicit: item, selected: i === selectedIndex, index: i }\n "\n ></ng-container>\n </ng-container>\n </kirby-card>\n</ng-template>\n\n<ng-template #defaultItemTemplate let-item let-selected="selected" let-index="index">\n <kirby-item [selectable]="true" [selected]="selected" (click)="onItemSelect(index)" role="option">\n \x3c!-- Tabindex fixes issue with popover dropdown not working in safari --\x3e\n <h3 tabindex="0">{{ getTextFromItem(item) }}</h3>\n <kirby-icon *ngIf="selected" name="checkmark-selected" slot="end"></kirby-icon>\n </kirby-item>\n</ng-template>\n',providers:[{provide:k.NG_VALUE_ACCESSOR,useExisting:n.forwardRef((function(){return qt})),multi:!0}],styles:[":host{display:inline-block;position:relative;max-width:calc(100vw - 32px);outline:none}:host.expand{display:block}:host.expand kirby-card{width:100%;min-width:0;max-width:none}@media (hover:hover){:host:focus>button,:host:focus>button.attention-level3{border-color:#4d90fe}}:host.error>button,:host.ng-touched.ng-invalid>button{border-color:var(--kirby-danger)}:host>button{position:relative;margin:0;outline:none;width:100%;transition:box-shadow .2s,border-color .2s}:host>button.attention-level2{border:1px solid transparent}:host>button .text{overflow:hidden;text-overflow:ellipsis}kirby-popover{--max-height:352px}kirby-card{max-height:352px;margin-top:4px;margin-bottom:4px;overflow-y:auto;box-shadow:0 20px 30px -15px rgba(28,28,28,.3),0 0 5px 0 rgba(28,28,28,.08);min-width:288px;max-width:calc(100vw - 32px)}@media (min-width:321px){kirby-card{min-width:343px}}:host(:not(.with-popover)) kirby-card{display:none;opacity:0;position:absolute;z-index:800}:host(:not(.with-popover)).is-opening kirby-card{display:block}:host(:not(.with-popover)).is-open kirby-card{display:block;opacity:1}:host(:not(.with-popover)).popout-left kirby-card{right:0}:host(:not(.with-popover)).popout-up kirby-card{top:0;margin-top:-4px;transform:translateY(-100%)}:host(:not(.with-popover)).popout-up.is-open>button{z-index:801}:host(.is-open)>button{box-shadow:0 20px 30px -15px rgba(28,28,28,.3),0 0 5px 0 rgba(28,28,28,.08)}:host-context(kirby-calendar)>button{border-color:transparent;font-weight:700;font-size:medium}:host-context(kirby-calendar).is-open>button{box-shadow:none}"]}]}],qt.ctorParameters=function(){return[{type:n.Renderer2},{type:n.ElementRef},{type:n.ChangeDetectorRef},{type:Gt}]},qt.propDecorators={items:[{type:n.Input}],selectedIndex:[{type:n.Input}],itemTextProperty:[{type:n.Input}],placeholder:[{type:n.Input}],popout:[{type:n.Input}],attentionLevel:[{type:n.Input}],expand:[{type:n.Input}],disabled:[{type:n.Input}],_isDisabled:[{type:n.HostBinding,args:["attr.disabled"]}],hasError:[{type:n.HostBinding,args:["class.error"]},{type:n.Input}],size:[{type:n.Input}],tabindex:[{type:n.Input}],usePopover:[{type:n.HostBinding,args:["class.with-popover"]},{type:n.Input}],_tabindex:[{type:n.HostBinding,args:["attr.tabindex"]}],_noBlurOnScroll:[{type:n.HostBinding,args:["attr.no-blur"]}],change:[{type:n.Output}],_isBlockLevel:[{type:n.HostBinding,args:["class.expand"]}],_role:[{type:n.HostBinding,args:["attr.role"]}],_isOpening:[{type:n.HostBinding,args:["class.is-opening"]}],isOpen:[{type:n.HostBinding,args:["class.is-open"]}],_popoutLeft:[{type:n.HostBinding,args:["class.popout-left"]}],_popoutUp:[{type:n.HostBinding,args:["class.popout-up"]}],itemTemplate:[{type:n.ContentChild,args:[jt,{static:!0,read:n.TemplateRef}]}],slottedItems:[{type:n.ContentChildren,args:[jt,{read:n.ElementRef}]}],cardElement:[{type:n.ViewChild,args:[Ce,{read:n.ElementRef}]}],popover:[{type:n.ViewChild,args:[Yt]}],buttonElement:[{type:n.ViewChild,args:[ce,{static:!0,read:n.ElementRef}]}],kirbyItemsDefault:[{type:n.ViewChildren,args:[Bt,{read:n.ElementRef}]}],kirbyItemsSlotted:[{type:n.ContentChildren,args:[Bt,{read:n.ElementRef}]}],_onTab:[{type:n.HostListener,args:["keydown.tab",["$event"]]}],_onMouseDown:[{type:n.HostListener,args:["mousedown",["$event"]]}],_onFocus:[{type:n.HostListener,args:["focus"]}],_onBlur:[{type:n.HostListener,args:["keydown.enter"]},{type:n.HostListener,args:["keydown.escape"]},{type:n.HostListener,args:["blur",["$event"]]}],_onSpace:[{type:n.HostListener,args:["keydown.space",["$event"]]}],_onEnter:[{type:n.HostListener,args:["keydown.enter",["$event"]]}],_onArrowKeys:[{type:n.HostListener,args:["keydown.arrowup",["$event"]]},{type:n.HostListener,args:["keydown.arrowdown",["$event"]]},{type:n.HostListener,args:["keydown.arrowleft",["$event"]]},{type:n.HostListener,args:["keydown.arrowright",["$event"]]}],_onHomeEndKeys:[{type:n.HostListener,args:["keydown.home",["$event"]]},{type:n.HostListener,args:["keydown.end",["$event"]]}]};var Kt=function(){function e(){}return e.prototype.ngAfterContentInit=function(){var e=this;this.enforceAttentionLevelRules(),this.slottedButtons.changes.subscribe((function(){setTimeout((function(){return e.enforceAttentionLevelRules()}))}))},e.prototype.enforceAttentionLevelRules=function(){this.slottedButtons.forEach((function(e,t){0===t&&e.isAttentionLevel1||e.isAttentionLevel3||(e.attentionLevel="3")}))},e}();Kt.decorators=[{type:n.Component,args:[{selector:"kirby-empty-state",template:'<article>\n <div *ngIf="iconName || customIconName" class="icon-outline">\n <kirby-icon [name]="iconName" [customName]="customIconName" size="lg"></kirby-icon>\n </div>\n <h3 *ngIf="title" class="title">{{ title }}</h3>\n <p *ngIf="subtitle" class="subtitle">{{ subtitle }}</p>\n <div class="content">\n <ng-content></ng-content>\n </div>\n</article>\n',styles:["article{max-width:330px;margin:auto;text-align:center}.icon-outline,article{display:flex;flex-direction:column;justify-content:center}.icon-outline{width:96px;height:96px;margin-left:auto;margin-right:auto;margin-bottom:24px;border:4px solid var(--kirby-medium);border-radius:50%}kirby-icon{color:var(--kirby-medium)}h3.title{margin-bottom:8px}p.subtitle{margin-bottom:24px;white-space:pre-wrap}:host(.primary) .icon-outline{border-color:var(--kirby-primary)}:host(.primary) kirby-icon{color:var(--kirby-primary)}:host(.secondary) .icon-outline{border-color:var(--kirby-secondary)}:host(.secondary) kirby-icon{color:var(--kirby-secondary)}:host(.tertiary) .icon-outline{border-color:var(--kirby-tertiary)}:host(.tertiary) kirby-icon{color:var(--kirby-tertiary)}:host(.success) .icon-outline{border-color:var(--kirby-success)}:host(.success) kirby-icon{color:var(--kirby-success)}:host(.warning) .icon-outline{border-color:var(--kirby-warning)}:host(.warning) kirby-icon{color:var(--kirby-warning)}:host(.danger) .icon-outline{border-color:var(--kirby-danger)}:host(.danger) kirby-icon{color:var(--kirby-danger)}:host(.light) .icon-outline{border-color:var(--kirby-light)}:host(.light) kirby-icon{color:var(--kirby-light)}:host(.medium) .icon-outline{border-color:var(--kirby-medium)}:host(.medium) kirby-icon{color:var(--kirby-medium)}:host(.dark) .icon-outline{border-color:var(--kirby-dark)}:host(.dark) kirby-icon{color:var(--kirby-dark)}"]}]}],Kt.propDecorators={iconName:[{type:n.Input}],customIconName:[{type:n.Input}],title:[{type:n.Input}],subtitle:[{type:n.Input}],slottedButtons:[{type:n.ContentChildren,args:[ce]}]};var Zt=function(){function e(){this._labelId=Pt.scopedTo("kirby-radio-label").next()}return Object.defineProperty(e.prototype,"_isDisabled",{get:function(){return this.disabled?"disabled":null},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"buttonTabIndex",{get:function(){return this.ionRadioElement?this.ionRadioElement.nativeElement.tabIndex:-1},enumerable:!1,configurable:!0}),e.prototype.focus=function(){this.ionRadioElement&&this.ionRadioElement.nativeElement.focus()},e}();Zt.decorators=[{type:n.Component,args:[{selector:"kirby-radio",template:'<div class="wrapper">\n <ion-radio\n [value]="value"\n [disabled]="disabled"\n mode="md"\n [attr.aria-labelledby]="text ? _labelId : null"\n ></ion-radio>\n <span [id]="_labelId" *ngIf="text">{{ text }}</span>\n</div>\n',styles:[":host{display:inline-block}:host.has-label{display:block;line-height:24px;white-space:pre-line}:host.has-label div.wrapper{position:relative;display:inline-flex;align-items:flex-start;vertical-align:top;padding:16px 12px 16px 0}:host.has-label.xs .wrapper,:host.has-label :host-context(.radio-xs) .wrapper{padding-top:4px;padding-bottom:4px}:host.has-label.sm .wrapper,:host.has-label :host-context(.radio-sm) .wrapper{padding-top:10px;padding-bottom:10px}:host.has-label.md .wrapper,:host.has-label :host-context(.radio-md) .wrapper{padding-top:16px;padding-bottom:16px}:host.has-label ion-radio{position:static;margin-left:16px;margin-right:12px}:host[disabled]{color:var(--kirby-text-color-semi-dark)}:host[disabled] ion-radio{opacity:1;--color:var(--kirby-medium);--color-checked:var(--kirby-medium)}:host[disabled] ion-radio::part(container){background-color:var(--kirby-semi-light)}ion-radio{min-height:24px;min-width:24px;padding:2px;box-sizing:border-box;--border-width:1px;--color:var(--kirby-semi-dark);--color-checked:var(--kirby-success)}ion-radio::part(container){background-color:var(--kirby-white)}ion-radio::part(mark){width:60%;height:60%}ion-radio:active{--color:transparent}ion-radio:active::part(container){background-color:var(--kirby-white-shade)}ion-radio :host-context(kirby-radio-group.error) ion-radio,ion-radio :host-context(kirby-radio-group.error) ion-radio:active,ion-radio :host-context(kirby-radio-group.ng-touched.ng-invalid) ion-radio,ion-radio :host-context(kirby-radio-group.ng-touched.ng-invalid) ion-radio:active{--color:var(--kirby-danger)}@media (hover:hover){ion-radio:focus::part(container){box-shadow:0 0 0 1px var(--kirby-background-color),0 0 0 3px #4d90fe}}ion-radio.radio-checked{--border-width:0px}ion-radio.radio-checked:not(:focus):not(.radio-disabled)::part(container){box-shadow:0 5px 10px -10px rgba(28,28,28,.3),0 0 5px 0 rgba(28,28,28,.08)}:host-context(kirby-item){z-index:1}:host-context(kirby-item) ion-radio{margin:0}:host-context(kirby-item)[slot=start]{margin-inline-end:12px}"]}]}],Zt.propDecorators={value:[{type:n.Input}],text:[{type:n.HostBinding,args:["class.has-label"]},{type:n.Input}],size:[{type:n.HostBinding,args:["class"]},{type:n.Input}],disabled:[{type:n.Input}],_isDisabled:[{type:n.HostBinding,args:["attr.disabled"]}],ionRadioElement:[{type:n.ViewChild,args:[i.IonRadio,{read:n.ElementRef,static:!0}]}]};var Jt=function(){function e(e){this.changeDetectionRef=e,this.hasError=!1,this.itemTextProperty="text",this.itemDisabledProperty="disabled",this.valueChange=new n.EventEmitter,this._disabled=!1,this._items=[],this._onChangeCallback=function(){},this._onTouched=function(){},this._selectedIndex=-1,this._value=null}return Object.defineProperty(e.prototype,"disabled",{get:function(){return this._disabled},set:function(e){this._disabled=e,this.setProjectedRadiosDisabledState(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"items",{get:function(){return this._items||[]},set:function(e){(e&&e.length||this.items.length)&&(this._items=e,this.refreshSelectionState())},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"selectedIndex",{get:function(){return this._selectedIndex},set:function(e){"string"==typeof e&&(e=parseInt(e)),null!=e&&NaN!==e||(e=-1),e!==this.selectedIndex&&(this._selectedIndex=e,this._value=this.getValueFromSelectedIndex()||null)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"value",{get:function(){return this._value},set:function(e){this.setSelectedItem(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"hasValue",{get:function(){return void 0!==this.value&&null!==this.value},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"hasItemsFromContentProjection",{get:function(){return!this.items.length&&!this._customItemTemplate&&this.projectedRadioButtons&&this.projectedRadioButtons.length>0},enumerable:!1,configurable:!0}),e.prototype.focus=function(){var e=function(e){return e&&e.find((function(e){return!isNaN(e.buttonTabIndex)&&-1!==e.buttonTabIndex}))},t=e(this.radioButtons)||e(this.projectedRadioButtons);t&&t.focus()},e.prototype.ngAfterContentInit=function(){this.initSelectionStateFromProjectedContent(),this.listenForProjectedRadiosChange()},e.prototype.registerOnChange=function(e){this._onChangeCallback=e},e.prototype.registerOnTouched=function(e){this._onTouched=e},e.prototype.setDisabledState=function(e){this.disabled=e,this.changeDetectionRef.markForCheck()},e.prototype.writeValue=function(e){this.value=e,this.changeDetectionRef.markForCheck()},e.prototype._getTextFromItem=function(e){return e?"string"==typeof e?e:e[this.itemTextProperty]:null},e.prototype._getDisabledStateFromItem=function(e){if(e)return"string"==typeof e?void 0:e[this.itemDisabledProperty]},Object.defineProperty(e.prototype,"_hasItems",{get:function(){return this.items.length>0||this.hasItemsFromContentProjection},enumerable:!1,configurable:!0}),e.prototype._onChange=function(e){e!==this._value&&(this.setSelectedItem(e),this.valueChange.emit(e),this._onChangeCallback(e))},e.prototype._onRadioBlur=function(){this._onTouched()},e.prototype.getIndexOfSelectedValue=function(){return this.hasValue?this.hasItemsFromContentProjection?this.getIndexOfProjectedRadio(this.value):this.items.indexOf(this.value):-1},e.prototype.getIndexOfProjectedRadio=function(e){var t=-1;return this.projectedRadioButtons&&this.projectedRadioButtons.find((function(n,i){var o=n.value===e;return o&&(t=i),o})),t},e.prototype.getValueFromSelectedIndex=function(){if(-1!==this.selectedIndex)return this.hasItemsFromContentProjection?this.getValueFromProjectedRadios(this.selectedIndex):this.items[this.selectedIndex]},e.prototype.getValueFromProjectedRadios=function(e){var t=this.projectedRadioButtons&&this.projectedRadioButtons.find((function(t,n){return n===e}));return t&&t.value},e.prototype.initSelectionStateFromProjectedContent=function(){this.hasItemsFromContentProjection&&this.refreshSelectionState()},e.prototype.listenForProjectedRadiosChange=function(){var e=this;this.projectedRadioButtons.changes.subscribe((function(){e.refreshStateFromProjectedContent(),e.disabled&&setTimeout((function(){return e.setProjectedRadiosDisabledState(e.disabled)}))}))},e.prototype.refreshSelectionState=function(){this.hasValue&&(this._selectedIndex=this.getIndexOfSelectedValue());var e=this.getValueFromSelectedIndex();this._value=void 0!==e?e:null},e.prototype.refreshStateFromProjectedContent=function(){this._customItemTemplate||(this.changeDetectionRef.markForCheck(),this.refreshSelectionState())},e.prototype.setSelectedItem=function(e){e!==this._value&&(this._value=e,this._selectedIndex=this.getIndexOfSelectedValue())},e.prototype.setProjectedRadiosDisabledState=function(e){var t=this;this.projectedRadioButtons&&this.projectedRadioButtons.length&&this.projectedRadioButtons.forEach((function(n,i){n.disabled=e||t._getDisabledStateFromItem(t.items[i])}))},e}();Jt.decorators=[{type:n.Component,args:[{selector:"kirby-radio-group",template:'<ion-radio-group *ngIf="_hasItems" [value]="value" (ionChange)="_onChange($event.detail.value)">\n <ng-container *ngIf="!items || !items.length; else itemsTemplate">\n <ng-content></ng-content>\n </ng-container>\n</ion-radio-group>\n\n<ng-template #itemsTemplate>\n <ng-container *ngFor="let item of items; let i = index">\n <ng-container\n *ngTemplateOutlet="\n _customItemTemplate || defaultItemTemplate;\n context: { $implicit: item, selected: i === selectedIndex, index: i }\n "\n ></ng-container>\n </ng-container>\n</ng-template>\n\n<ng-template #defaultItemTemplate let-item>\n <kirby-radio\n [value]="item"\n [disabled]="disabled || _getDisabledStateFromItem(item)"\n [text]="_getTextFromItem(item)"\n ></kirby-radio>\n</ng-template>\n',providers:[{provide:k.NG_VALUE_ACCESSOR,useExisting:Jt,multi:!0}],changeDetection:n.ChangeDetectionStrategy.OnPush,styles:["ion-radio-group { display: inherit; flex-wrap: inherit}"]}]}],Jt.ctorParameters=function(){return[{type:n.ChangeDetectorRef}]},Jt.propDecorators={disabled:[{type:n.Input}],hasError:[{type:n.HostBinding,args:["class.error"]},{type:n.Input}],items:[{type:n.Input}],itemTextProperty:[{type:n.Input}],itemDisabledProperty:[{type:n.Input}],selectedIndex:[{type:n.Input}],value:[{type:n.Input}],valueChange:[{type:n.Output}],_customItemTemplate:[{type:n.ContentChild,args:[jt,{read:n.TemplateRef}]}],radioButtons:[{type:n.ViewChildren,args:[Zt]}],projectedRadioButtons:[{type:n.ContentChildren,args:[Zt,{descendants:!0}]}],_onRadioBlur:[{type:n.HostListener,args:["ionBlur"]}]};var Xt,Qt=function(){function e(){}return Object.defineProperty(e.prototype,"text",{get:function(){if(void 0!==this.length){var e=this.maxlength?"/"+this.maxlength:"";return""+this.length+e}},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){var e=this;this.listenTo&&(this.length=this.listenTo.value?this.listenTo.value.length:0,this.maxlength=this.listenTo.maxlength,this._inputChangeSubscription=this.listenTo.kirbyChange.subscribe((function(t){e.length=t.length})))},e.prototype.ngOnDestroy=function(){this._inputChangeSubscription&&this._inputChangeSubscription.unsubscribe()},e}();Qt.decorators=[{type:n.Component,args:[{selector:"kirby-input-counter",template:'<kirby-form-field-message [text]="text"></kirby-form-field-message>\n',styles:[""]}]}],Qt.propDecorators={listenTo:[{type:n.Input}]},(Xt=e.InputSize||(e.InputSize={})).medium="md",Xt.large="lg";var en=function(){function t(){this.kirbyChange=new n.EventEmitter,this.size=e.InputSize.large,this.autocomplete="off",this.autocorrect="off"}return Object.defineProperty(t.prototype,"type",{set:function(e){var n=t.typeToInputmodeMap[e];n&&!this.inputmode&&(this.inputmode=n)},enumerable:!1,configurable:!0}),t.prototype._onKeyUp=function(e){this.kirbyChange.emit(e)},t.prototype._onCutPaste=function(e){var t=this;setTimeout((function(){return t.kirbyChange.emit(e.value)}))},t.prototype.ngOnChanges=function(e){e.value&&this.kirbyChange.emit(e.value.currentValue)},t}();en.typeToInputmodeMap={number:"decimal",search:"search"},en.decorators=[{type:n.Component,args:[{changeDetection:n.ChangeDetectionStrategy.OnPush,selector:"input[kirby-input]",template:"",styles:[":host(.error){border:1px solid var(--kirby-danger)}:host(.cloned-input){pointer-events:none;position:absolute;top:0;left:0}:host-context(label).cloned-input{top:24px}:host{background-color:var(--kirby-white);color:var(--kirby-white-contrast);border:none;box-sizing:border-box;display:block;font-family:var(--kirby-font-family);font-size:16px;line-height:24px;outline:none;margin:0;-webkit-appearance:none;border-radius:16px;box-shadow:0 5px 10px -10px rgba(28,28,28,.3),0 0 5px 0 rgba(28,28,28,.08);padding:16px;width:100%}:host.borderless,:host:host-context(kirby-item){border-radius:0;box-shadow:none;padding:0;width:auto}:host:disabled{background-color:var(--kirby-light-tint);color:var(--kirby-text-color-semi-dark);box-shadow:none}:host::placeholder{color:var(--kirby-text-color-semi-dark)}:host::-ms-input-placeholder,:host::-webkit-input-placeholder{color:var(--kirby-text-color-semi-dark)}:host{height:56px}:host[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}:host::-webkit-inner-spin-button,:host::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}:host(.md){height:40px;border-radius:24px}:host-context(kirby-item kirby-form-field[slot=end])[type=number]{font-weight:700}.date-mask-wrapper{position:relative}:host-context(.date-mask-wrapper){color:var(--kirby-text-color-semi-dark)}.date-mask{font-family:var(--kirby-font-family);font-size:16px;line-height:24px;color:var(--kirby-white-contrast);position:absolute;top:0;left:0;margin:16px}"]}]}],en.propDecorators={type:[{type:n.Input}],size:[{type:n.HostBinding,args:["class"]},{type:n.Input}],borderless:[{type:n.HostBinding,args:["class.borderless"]},{type:n.Input}],hasError:[{type:n.HostBinding,args:["class.error"]},{type:n.Input}],autocomplete:[{type:n.HostBinding,args:["attr.autocomplete"]},{type:n.Input}],autocorrect:[{type:n.HostBinding,args:["attr.autocorrect"]},{type:n.Input}],value:[{type:n.HostBinding,args:["attr.value"]},{type:n.Input}],maxlength:[{type:n.HostBinding,args:["attr.maxlength"]},{type:n.Input}],inputmode:[{type:n.HostBinding,args:["attr.inputmode"]},{type:n.Input}],_onKeyUp:[{type:n.HostListener,args:["keyup",["$event.target.value"]]}],_onCutPaste:[{type:n.HostListener,args:["paste",["$event.target"]]},{type:n.HostListener,args:["cut",["$event.target"]]}]};var tn=function(){function e(){this.kirbyChange=new n.EventEmitter,this.autocomplete="off",this.autocorrect="off"}return e.prototype._onKeyUp=function(e){this.kirbyChange.emit(e)},e.prototype._onCutPaste=function(e){var t=this;setTimeout((function(){return t.kirbyChange.emit(e.value)}))},e.prototype.ngOnChanges=function(e){e.value&&this.kirbyChange.emit(e.value.currentValue)},e}();tn.decorators=[{type:n.Component,args:[{changeDetection:n.ChangeDetectionStrategy.OnPush,selector:"textarea[kirby-textarea]",template:'<ng-content *ngIf="!value"></ng-content>\n<ng-container *ngIf="value">{{ value }}</ng-container>\n',styles:[":host(.error){border:1px solid var(--kirby-danger)}:host(.cloned-input){pointer-events:none;position:absolute;top:0;left:0}:host-context(label).cloned-input{top:24px}:host{background-color:var(--kirby-white);color:var(--kirby-white-contrast);border:none;box-sizing:border-box;display:block;font-size:16px;line-height:24px;outline:none;margin:0;-webkit-appearance:none;border-radius:16px;box-shadow:0 5px 10px -10px rgba(28,28,28,.3),0 0 5px 0 rgba(28,28,28,.08);padding:16px;width:100%}:host.borderless,:host:host-context(kirby-item){border-radius:0;box-shadow:none;padding:0;width:auto}:host:disabled{background-color:var(--kirby-light-tint);color:var(--kirby-text-color-semi-dark);box-shadow:none}:host::placeholder{color:var(--kirby-text-color-semi-dark)}:host::-ms-input-placeholder,:host::-webkit-input-placeholder{color:var(--kirby-text-color-semi-dark)}:host{font-family:var(--kirby-font-family);resize:none}@media (min-width:721px){:host{resize:vertical}}"]}]}],tn.propDecorators={value:[{type:n.Input}],borderless:[{type:n.HostBinding,args:["class.borderless"]},{type:n.Input}],hasError:[{type:n.HostBinding,args:["class.error"]},{type:n.Input}],autocomplete:[{type:n.HostBinding,args:["attr.autocomplete"]},{type:n.Input}],autocorrect:[{type:n.HostBinding,args:["attr.autocorrect"]},{type:n.Input}],maxlength:[{type:n.HostBinding,args:["attr.maxlength"]},{type:n.Input}],_onKeyUp:[{type:n.HostListener,args:["keyup",["$event.target.value"]]}],_onCutPaste:[{type:n.HostListener,args:["paste",["$event.target"]]},{type:n.HostListener,args:["cut",["$event.target"]]}]};var nn=function(){function e(e,t,n,i){this.platform=t,this.renderer=n,this.windowRef=i,this.isRegistered=!1,this._labelId=Pt.scopedTo("kirby-form-field-label").next(),this.element=e.nativeElement}return Object.defineProperty(e.prototype,"_wrapContentInLabel",{get:function(){return!(!this.label||!this.input&&!this.textarea)},enumerable:!1,configurable:!0}),e.prototype.dispatchLoadEvent=function(){this.windowRef.nativeWindow.document.dispatchEvent(new CustomEvent("ionInputDidLoad",{detail:this.element}))},e.prototype._onRegisterFormField=function(){this.dispatchLoadEvent()},e.prototype.onLabelClick=function(){this.radioGroupComponent&&this.radioGroupComponent.focus()},e.prototype.focus=function(){if(this.inputElement)if(this.isTouch){var e=new TouchEvent("touchstart"),t=new TouchEvent("touchend");this.inputElement.dispatchEvent(e),this.inputElement.dispatchEvent(t)}else this.inputElement.focus()},e.prototype.ngOnInit=function(){this.isTouch=this.platform.isTouch()},e.prototype.ngAfterContentInit=function(){this.label&&this.radioGroupElement&&this.renderer.setAttribute(this.radioGroupElement.nativeElement,"aria-labelledby",this._labelId)},e.prototype.ngAfterContentChecked=function(){this.inputElement||(this.inputElement=this.element.querySelector("input, textarea")),!this.isRegistered&&this.element.isConnected&&this.inputElement&&!this.inputElement.readOnly&&(this.isRegistered=!0,this.dispatchLoadEvent())},e.prototype.ngOnDestroy=function(){this.windowRef.nativeWindow.document.dispatchEvent(new CustomEvent("ionInputDidUnload",{detail:this.element}))},e}();nn.decorators=[{type:n.Component,args:[{changeDetection:n.ChangeDetectionStrategy.OnPush,selector:"kirby-form-field",template:'<label *ngIf="_wrapContentInLabel">\n <ng-container *ngTemplateOutlet="labelTextTemplate"></ng-container>\n <ng-container *ngTemplateOutlet="slottedInputTemplate"></ng-container>\n</label>\n\n<ng-container *ngIf="!_wrapContentInLabel">\n <ng-container *ngTemplateOutlet="labelTemplate"></ng-container>\n <ng-container *ngTemplateOutlet="slottedInputTemplate"></ng-container>\n</ng-container>\n\n<div *ngIf="message || counter" class="texts">\n <kirby-form-field-message\n *ngIf="message"\n class="message"\n [text]="message"\n ></kirby-form-field-message>\n\n <div *ngIf="counter" class="counter">\n <ng-content select="kirby-input-counter"></ng-content>\n </div>\n</div>\n\n<ng-template #slottedInputTemplate>\n <ng-content select="input[kirby-input]"></ng-content>\n <ng-content select="textarea[kirby-textarea]"></ng-content>\n <ng-content select="kirby-radio-group"></ng-content>\n</ng-template>\n\n<ng-template #labelTextTemplate>\n <ng-container *ngIf="label">\n <span class="text">{{ label }}</span>\n </ng-container>\n</ng-template>\n\n<ng-template #labelTemplate>\n <ng-container *ngIf="label">\n <label class="text" [id]="_labelId" (click)="onLabelClick()">{{ label }}</label>\n </ng-container>\n</ng-template>\n',styles:[":host{display:block;position:relative;margin-bottom:16px}:host-context(kirby-item){margin-bottom:0}.texts{display:flex;justify-content:space-between;padding:2px 16px 0}.texts .message{flex:75%}.texts .message:only-child{flex-basis:auto}.texts .counter{flex:25%;text-align:right}.text,label{display:block}.text{font-size:14px;font-weight:300;line-height:20px;margin-bottom:4px;padding:0 16px}"]}]}],nn.ctorParameters=function(){return[{type:n.ElementRef},{type:te},{type:n.Renderer2},{type:U}]},nn.propDecorators={label:[{type:n.Input}],message:[{type:n.Input}],counter:[{type:n.ContentChild,args:[Qt,{static:!1}]}],radioGroupComponent:[{type:n.ContentChild,args:[Jt]}],radioGroupElement:[{type:n.ContentChild,args:[Jt,{read:n.ElementRef}]}],input:[{type:n.ContentChild,args:[en,{read:n.ElementRef}]}],textarea:[{type:n.ContentChild,args:[tn,{read:n.ElementRef}]}],_onRegisterFormField:[{type:n.HostListener,args:["kirbyRegisterFormField"]}]};var on=function(){this.position="left"};on.decorators=[{type:n.Component,args:[{changeDetection:n.ChangeDetectionStrategy.OnPush,selector:"kirby-form-field-message",template:"{{ text }}<ng-content></ng-content>\n",styles:[":host{font-style:italic;font-size:12px;font-weight:400;font-stretch:normal;line-height:16px;letter-spacing:normal;color:var(--kirby-text-color-black)}"]}]}],on.propDecorators={text:[{type:n.Input}],position:[{type:n.Input}]};var rn=function(){function e(e,t,n){this.elementRef=e,this.renderer=t,this.locale=n,this.elementRef.nativeElement.removeAttribute("type")}return e.prototype.onInput=function(){this.updateMask(this.elementRef.nativeElement.value)},e.prototype.ngAfterViewInit=function(){this.initMask()},e.prototype.initMask=function(){var e=this.getInputFormat(),t=this.getPlaceholder(e);this.renderer.setAttribute(this.elementRef.nativeElement,"placeholder",t),new B.default("datetime",{inputFormat:e,placeholder:t}).mask(this.elementRef.nativeElement),this.appendMaskingElement()},e.prototype.getInputFormat=function(){return s.getLocaleDateFormat(this.locale,s.FormatWidth.Short).toLowerCase().replace(/d+/,"dd").replace(/m+/,"mm").replace(/y+/,"yyyy")},e.prototype.getPlaceholder=function(e){return"da"===this.locale?e.split("y").join("å"):e},e.prototype.appendMaskingElement=function(){var e=this.wrapElement(this.elementRef.nativeElement);this.renderer.addClass(e,"date-mask-wrapper"),this.maskingElement=this.renderer.createElement("div"),this.renderer.appendChild(e,this.maskingElement),this.renderer.addClass(this.maskingElement,"date-mask")},e.prototype.wrapElement=function(e){var t=this.renderer.createElement("div"),n=e.parentElement;return this.renderer.insertBefore(n,t,e),this.renderer.appendChild(t,e),t},e.prototype.updateMask=function(e){if(this.maskingElement){var t=e.match(/.*?(\d)[^\d]*$/);this.maskingElement.innerHTML=e?e.slice(0,e.lastIndexOf(t[1])+1):""}},e}();rn.decorators=[{type:n.Directive,args:[{selector:'[kirby-input][type="date"]'}]}],rn.ctorParameters=function(){return[{type:n.ElementRef},{type:n.Renderer2},{type:String,decorators:[{type:n.Inject,args:[n.LOCALE_ID]}]}]},rn.propDecorators={onInput:[{type:n.HostListener,args:["input"]}]};var an=function(){function e(e,t){this.elementRef=e,this.locale=t,this.precision=2,this.setMaxOnOverflow=!1,this.groupSeparator=s.getLocaleNumberSymbol(this.locale,s.NumberSymbol.Group),this.radixPoint=s.getLocaleNumberSymbol(this.locale,s.NumberSymbol.Decimal),this._allowMinus=!1,this.onChange=function(e){}}return Object.defineProperty(e.prototype,"allowMinus",{set:function(e){this._allowMinus=e||(this.min||0)<0},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"disableGroupSeperator",{set:function(e){this._groupSeperatorDisabled=""===String(e)||"true"===String(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"maxlength",{set:function(e){this._maxlength=e;var t=parseInt("9".repeat(e));this.max=this.getMax(t),this.min=this.getMin(t)},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){this.elementRef.nativeElement.setAttribute("type","text"),this.elementRef.nativeElement.removeAttribute("maxlength"),this.initMask()},e.prototype.writeValue=function(e){if(this.inputmask){var t=String(e).replace(".",this.radixPoint);this.inputmask.setValue(t)}},e.prototype.registerOnChange=function(e){this.onChange=e},e.prototype.registerOnTouched=function(e){},e.prototype.initMask=function(){var e=this;new B.default("decimal",{groupSeparator:this._groupSeperatorDisabled?"":this.groupSeparator,radixPoint:this.radixPoint,digits:this._maxlength?0:this.precision,min:this.min,max:this.max,allowMinus:this._allowMinus,negationSymbol:{front:s.getLocaleNumberSymbol(this.locale,s.NumberSymbol.MinusSign),back:""},SetMaxOnOverflow:this.setMaxOnOverflow,showMaskOnFocus:!1,showMaskOnHover:!1,placeholder:"",onBeforeWrite:function(){if(e.inputmask){var t=e.inputmask.unmaskedvalue();e.onChange(t.replace(e.radixPoint,"."))}}}).mask(this.elementRef.nativeElement),this.inputmask=this.elementRef.nativeElement.inputmask},e.prototype.getMax=function(e){return void 0===this.max?e:Math.min(this.max,e)},e.prototype.getMin=function(e){if(this.allowMinus)return e=-Math.abs(e),void 0===this.min?e:-Math.abs(Math.max(this.min,e))},e}();an.decorators=[{type:n.Directive,args:[{selector:"[kirby-decimal-mask]",providers:[{provide:k.NG_VALUE_ACCESSOR,multi:!0,useExisting:an}]}]}],an.ctorParameters=function(){return[{type:n.ElementRef},{type:String,decorators:[{type:n.Inject,args:[n.LOCALE_ID]}]}]},an.propDecorators={min:[{type:n.Input}],max:[{type:n.Input}],precision:[{type:n.Input}],setMaxOnOverflow:[{type:n.Input}],allowMinus:[{type:n.Input}],disableGroupSeperator:[{type:n.Input}],maxlength:[{type:n.Input}]};var sn=function(){function e(e,t){this.renderer=e,this.document=t,this.disabled=!1,this.horizontalAlignment="right",this._isFabSheetOpen=!1,this._isBackdropVisible=!1}return Object.defineProperty(e.prototype,"isFabSheetOpen",{get:function(){return this._isFabSheetOpen},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isBackdropVisible",{get:function(){return this._isBackdropVisible},enumerable:!1,configurable:!0}),e.prototype.ngAfterViewInit=function(){var e=re.icons.find((function(e){return"close"===e.name}));this.setCloseIcon(e)},e.prototype.setCloseIcon=function(e,t){var n=this;void 0===t&&(t=0);var i=this.ionFabButton.nativeElement;if(i&&e&&!(t>=20)){if(i.shadowRoot&&i.shadowRoot.innerHTML){var o=i.shadowRoot.querySelector(".close-icon ion-icon");if(o){var r=o.shadowRoot.querySelector(".icon-inner svg");if(o&&r)return void(o.src=e.svg)}}t++,setTimeout((function(){return n.setCloseIcon(e,t)}),20)}},e.prototype.ngAfterContentInit=function(){this.actionSheet&&(this.actionSheet.hideCancel=!0)},e.prototype.hideActions=function(e){e.close(),this._isFabSheetOpen=!1,this._isBackdropVisible=!1,this.renderer.removeClass(this.document.body,"fab-sheet-active")},e.prototype.onFabClick=function(e){var t=this;this._isFabSheetOpen=!e.activated,this._isFabSheetOpen?this.renderer.addClass(this.document.body,"fab-sheet-active"):this.renderer.removeClass(this.document.body,"fab-sheet-active"),setTimeout((function(){return t._isBackdropVisible=t.isFabSheetOpen}))},e}();sn.decorators=[{type:n.Component,args:[{selector:"kirby-fab-sheet",template:'<ion-backdrop\n *ngIf="actionSheet && isFabSheetOpen"\n (ionBackdropTap)="hideActions(fab)"\n (click)="hideActions(fab)"\n></ion-backdrop>\n<ion-fab #fab (click)="disabled || onFabClick(fab)">\n <ion-fab-button [disabled]="disabled" [attr.disabled]="disabled ? true : null" tabindex="-1">\n <ng-content select="kirby-icon"></ng-content>\n </ion-fab-button>\n <ion-fab-list *ngIf="actionSheet" side="top" class="{{ horizontalAlignment }}">\n <ng-content select="kirby-action-sheet"></ng-content>\n </ion-fab-list>\n</ion-fab>\n',styles:[":host{--kirby-action-sheet-margin-horizontal:16px}ion-fab-button{--box-shadow:0 20px 30px -15px rgba(28,28,28,0.3),0 0 5px 0 rgba(28,28,28,0.08);width:64px;height:64px;-webkit-user-select:none;user-select:none;outline:none}@media (hover:hover){ion-fab-button:focus{--border-width:1px;--border-style:solid;--border-color:#4d90fe}}ion-fab-button[disabled]{--background:var(--kirby-semi-light);--box-shadow:none;opacity:1}ion-fab{position:fixed;bottom:16px;right:16px}:host-context(.fixed-content) ion-fab{position:absolute}ion-backdrop{opacity:0;transition:opacity .75s;position:fixed;z-index:999}:host(.backdrop-visible) ion-backdrop{opacity:.4}@media (min-width:721px){:host(.backdrop-visible) ion-backdrop{opacity:0}}ion-fab-list{margin-top:76px;margin-bottom:76px;right:0}"]}]}],sn.ctorParameters=function(){return[{type:n.Renderer2},{type:void 0,decorators:[{type:n.Inject,args:[s.DOCUMENT]}]}]},sn.propDecorators={disabled:[{type:n.Input}],horizontalAlignment:[{type:n.Input}],isFabSheetOpen:[{type:n.HostBinding,args:["class.is-open"]}],isBackdropVisible:[{type:n.HostBinding,args:["class.backdrop-visible"]}],actionSheet:[{type:n.ContentChild,args:[W,{static:!1}]}],ionFabButton:[{type:n.ViewChild,args:[i.IonFabButton,{static:!0,read:n.ElementRef}]}]};var ln=function(){};ln.BREAKPOINT_SCREEN_L=720,ln.BREAKPOINT_CARD_S=320,ln.BREAKPOINT_CARD_M=460,ln.BREAKPOINT_CARD_L=820;var cn=function(){function e(){this.orientationChangedSubject=new r.Subject,this.init()}return e.prototype.init=function(){this.orientationChangedSubject.next()},e.prototype.observe=function(){return this.orientationChangedSubject.asObservable()},e.prototype.ngOnDestroy=function(){this.orientationChangedSubject.complete()},e}();cn.ɵprov=n.ɵɵdefineInjectable({factory:function(){return new cn},token:cn,providedIn:"root"}),cn.decorators=[{type:n.Injectable,args:[{providedIn:"root"}]}],cn.ctorParameters=function(){return[]};var dn=function(e,t,n,i){this.configuration=e,this.row=t,this.col=n,this.colSpan=i},pn=function(){function e(e){this.breakpointHelper=e,this.cards=[]}return Object.defineProperty(e.prototype,"cardConfigurations",{set:function(e){this.cardConfigs=e,this.configureGrid()},enumerable:!1,configurable:!0}),e.prototype.configureGrid=function(){var e=this,t=0;t=void 0===this.maxColumns?this.breakpointHelper.currentScreenWidth>=ln.BREAKPOINT_SCREEN_L?2:1:this.maxColumns,this.cards=[];var n=0,i=0,o=0;this.cardConfigs.forEach((function(r,a){if(n+=r.preferredSize,1===t)return e.cards.push(new dn(r,i,o,1)),void(i+=1);if(n<=t)e.cards.push(new dn(r,i,o,r.preferredSize)),o+=r.preferredSize;else{var s=t-(n-r.preferredSize),l=e.cards[a-1];l.colSpan=s+l.colSpan,i+=1,o=0,e.cards.push(new dn(r,i,o,r.preferredSize)),o=r.preferredSize,n=r.preferredSize}if(e.cardConfigs.length-1===a){s=t-n;e.cards[a].colSpan+=s}}))},e.prototype.ngOnInit=function(){},e.prototype.ngOnDestroy=function(){this.breakpointSubscription&&this.breakpointSubscription.unsubscribe()},e}();pn.decorators=[{type:n.Component,args:[{selector:"kirby-grid",template:'<ng-container *ngFor="let card of cards">\n <ng-template\n [kirbyLoadComponent]="card.configuration"\n [cssClass]="\'grid-item--col-\' + card.colSpan"\n ></ng-template>\n</ng-container>\n',host:{"[attr.max-columns]":"maxColumns"},styles:[':host{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(var(--kirby-grid-item-min-height,auto),auto);gap:24px;max-width:var(--kirby-page-max-width);margin:0 auto}@media (min-width:721px){:host[max-columns="1"]{grid-template-columns:repeat(1,1fr)}:host[max-columns="2"]{grid-template-columns:repeat(2,1fr)}:host[max-columns="3"]{grid-template-columns:repeat(3,1fr)}:host[max-columns="4"]{grid-template-columns:repeat(4,1fr)}:host[max-columns="5"]{grid-template-columns:repeat(5,1fr)}:host[max-columns="6"]{grid-template-columns:repeat(6,1fr)}:host[max-columns="7"]{grid-template-columns:repeat(7,1fr)}:host[max-columns="8"]{grid-template-columns:repeat(8,1fr)}:host[max-columns="9"]{grid-template-columns:repeat(9,1fr)}:host[max-columns="10"]{grid-template-columns:repeat(10,1fr)}}@media (min-width:721px){::ng-deep .grid-item--col-1{grid-column:span 1}}@media (min-width:721px){::ng-deep .grid-item--col-2{grid-column:span 2}}@media (min-width:721px){::ng-deep .grid-item--col-3{grid-column:span 3}}@media (min-width:721px){::ng-deep .grid-item--col-4{grid-column:span 4}}@media (min-width:721px){::ng-deep .grid-item--col-5{grid-column:span 5}}@media (min-width:721px){::ng-deep .grid-item--col-6{grid-column:span 6}}@media (min-width:721px){::ng-deep .grid-item--col-7{grid-column:span 7}}@media (min-width:721px){::ng-deep .grid-item--col-8{grid-column:span 8}}@media (min-width:721px){::ng-deep .grid-item--col-9{grid-column:span 9}}@media (min-width:721px){::ng-deep .grid-item--col-10{grid-column:span 10}}']}]}],pn.ctorParameters=function(){return[{type:cn}]},pn.propDecorators={maxColumns:[{type:n.Input}],cardConfigurations:[{type:n.Input}]};var hn=function(e,t,n){this.component=e,this.data=t,this.preferredSize=n},un=function(){};un.decorators=[{type:n.NgModule,args:[{imports:[i.IonicModule],declarations:[le],exports:[le]}]}];var gn=function(){function e(){this.direction="vertical"}return Object.defineProperty(e.prototype,"_direction",{get:function(){return"horizontal"===this.direction},enumerable:!1,configurable:!0}),e}();gn.decorators=[{type:n.Component,args:[{selector:"kirby-label",template:"<ion-label>\n <ng-content></ng-content>\n</ion-label>\n",styles:[":host.horizontal ion-label{display:flex;flex-direction:row;justify-content:space-between;align-items:center}:host.horizontal ion-label ::ng-deep>:not(:first-child){margin-left:12px}:host-context(kirby-item) ion-label ::ng-deep>data,:host-context(kirby-item) ion-label ::ng-deep>h1,:host-context(kirby-item) ion-label ::ng-deep>h2,:host-context(kirby-item) ion-label ::ng-deep>h3,:host-context(kirby-item) ion-label ::ng-deep>h4,:host-context(kirby-item) ion-label ::ng-deep>h5,:host-context(kirby-item) ion-label ::ng-deep>h6,:host-context(kirby-item) ion-label ::ng-deep>p{font-size:16px;line-height:24px;color:var(--kirby-text-color-black);display:block;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400}:host-context(kirby-item) ion-label ::ng-deep>data.kirby-text-bold,:host-context(kirby-item) ion-label ::ng-deep>h1.kirby-text-bold,:host-context(kirby-item) ion-label ::ng-deep>h2.kirby-text-bold,:host-context(kirby-item) ion-label ::ng-deep>h3.kirby-text-bold,:host-context(kirby-item) ion-label ::ng-deep>h4.kirby-text-bold,:host-context(kirby-item) ion-label ::ng-deep>h5.kirby-text-bold,:host-context(kirby-item) ion-label ::ng-deep>h6.kirby-text-bold,:host-context(kirby-item) ion-label ::ng-deep>p.kirby-text-bold{font-weight:700}:host-context(kirby-item) ion-label ::ng-deep>p{font-size:14px}:host-context(kirby-item) ion-label ::ng-deep>[detail],:host-context(kirby-item) ion-label ::ng-deep>[subtitle]{font-size:12px;line-height:16px}:host-context(kirby-item) ion-label ::ng-deep>[subtitle]:not(:last-child){margin-bottom:4px}:host-context(kirby-item) ion-label ::ng-deep>[detail]{color:var(--kirby-text-color-semi-dark)}:host-context(kirby-section-header) ion-label{--padding-end:16px;--padding-start:16px}:host-context(kirby-section-header) ion-label ::ng-deep>[heading]{font-weight:700;font-size:18px;line-height:24px;color:var(--kirby-section-header-color);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host-context(kirby-section-header) ion-label ::ng-deep>[detail],:host-context(kirby-section-header) ion-label ::ng-deep>[label]{font-weight:300;font-size:14px;line-height:20px;color:var(--kirby-section-header-color);margin:4px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([slot=end]) ion-label ::ng-deep>[detail],:host([slot=end]) ion-label ::ng-deep>data{margin-inline-start:16px}:host-context(kirby-item.selected) ion-label ::ng-deep>data:not([detail]),:host-context(kirby-item.selected) ion-label ::ng-deep>h1,:host-context(kirby-item.selected) ion-label ::ng-deep>h2,:host-context(kirby-item.selected) ion-label ::ng-deep>h3,:host-context(kirby-item.selected) ion-label ::ng-deep>h4,:host-context(kirby-item.selected) ion-label ::ng-deep>h5,:host-context(kirby-item.selected) ion-label ::ng-deep>h6,:host-context(kirby-item.selected) ion-label ::ng-deep>p:not([detail]){font-weight:700}"]}]}],gn.propDecorators={direction:[{type:n.Input}],_direction:[{type:n.HostBinding,args:["class.horizontal"]}]};var mn=function(){};mn.decorators=[{type:n.NgModule,args:[{imports:[i.IonicModule,un,s.CommonModule],declarations:[Bt,gn],exports:[Bt,gn]}]}];var bn=function(){this.role="group"};bn.decorators=[{type:n.Component,args:[{selector:"kirby-item-group",template:"<ng-content></ng-content>\n",styles:[":host{display:block}"]}]}],bn.propDecorators={role:[{type:n.HostBinding,args:["attr.role"]}]};var yn=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();yn.decorators=[{type:n.Component,args:[{selector:"kirby-spinner",template:'<div class="spinner">\n <div class="inner-circle"></div>\n <div class="outer-circle"></div>\n</div>\n',styles:[".spinner{overflow:hidden;width:32px;height:32px;position:relative;margin:0 auto}.inner-circle,.outer-circle{width:100%;height:100%;border-radius:50%;background-color:var(--kirby-primary);opacity:.6;position:absolute;top:0;left:0;animation:sk-bounce 2s ease-in-out infinite}.outer-circle{animation-delay:-1s}@keyframes sk-bounce{0%,to{transform:scale(0)}50%{transform:scale(1)}}"]}]}],yn.ctorParameters=function(){return[]};var fn=this&&this.__awaiter||function(e,t,n,i){return new(n||(n=Promise))((function(o,r){function a(e){try{l(i.next(e))}catch(e){r(e)}}function s(e){try{l(i.throw(e))}catch(e){r(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((i=i.apply(e,t||[])).next())}))},vn=function(){function e(e,t,n){this.loadingController=e,this.componentFactoryResolver=t,this.injector=n,this.ionLoading=null}return e.prototype.showLoadingOverlay=function(e){return void 0===e&&(e=!0),fn(this,void 0,void 0,(function(){var t,n,i;return H(this,(function(o){switch(o.label){case 0:return this.ionLoading?[3,3]:(t=this,[4,this.loadingController.create({cssClass:"kirby-loading-overlay",duration:0,message:null,showBackdrop:e,spinner:null})]);case 1:return t.ionLoading=o.sent(),n=this.ionLoading.querySelector(".loading-wrapper"),i=document.createElement("kirby-spinner"),this.componentFactoryResolver.resolveComponentFactory(yn).create(this.injector,[],i),n.appendChild(i),[4,this.ionLoading.present()];case 2:o.sent(),o.label=3;case 3:return[2]}}))}))},e.prototype.hideLoadingOverlay=function(){return fn(this,void 0,void 0,(function(){return H(this,(function(e){switch(e.label){case 0:return this.ionLoading?[4,this.ionLoading.dismiss()]:[3,2];case 1:e.sent(),this.ionLoading=null,e.label=2;case 2:return[2]}}))}))},e}();vn.ɵprov=n.ɵɵdefineInjectable({factory:function(){return new vn(n.ɵɵinject(i.LoadingController),n.ɵɵinject(n.ComponentFactoryResolver),n.ɵɵinject(n.INJECTOR))},token:vn,providedIn:"root"}),vn.decorators=[{type:n.Injectable,args:[{providedIn:"root"}]}],vn.ctorParameters=function(){return[{type:i.LoadingController},{type:n.ComponentFactoryResolver},{type:n.Injector}]};var kn=function(){this.isLoading=!0,this.showBackdrop=!0};kn.decorators=[{type:n.Component,args:[{selector:"kirby-loading-overlay",template:'<div class="overlay-wrapper">\n <div *ngIf="isLoading" [class.backdrop]="showBackdrop" class="spinner-wrapper">\n <kirby-spinner class="spinner"></kirby-spinner>\n </div>\n <div class="content-wrapper">\n <ng-content></ng-content>\n </div>\n</div>\n',styles:[":host{display:block;min-height:32px}.overlay-wrapper{min-height:inherit;height:100%;width:100%;position:relative}.overlay-wrapper .spinner-wrapper{height:100%;width:100%;position:absolute;z-index:1001;display:flex;background:transparent;justify-content:center;align-items:center;justify-items:center}.overlay-wrapper .spinner-wrapper.backdrop{background-color:hsla(0,0%,96.5%,.8)}.overlay-wrapper .spinner-wrapper .spinner{width:32px;height:32px}"]}]}],kn.propDecorators={isLoading:[{type:n.Input}],showBackdrop:[{type:n.Input}]};var xn=function(){function e(e,t,i){this.elementRef=e,this.windowRef=t,this.zone=i,this.scrollEnd=new n.EventEmitter,this.disabled=!1,this.scroll$=new r.Subject,this.ngUnsubscribe$=new r.Subject,this.offset=.8}return e.prototype.ngAfterViewInit=function(){var e=this;this.scroll$.pipe(a.takeUntil(this.ngUnsubscribe$),a.debounceTime(100),a.filter((function(){return!e.disabled})),a.filter((function(t){return t.elementHeight*(1-e.offset)>=t.distanceToViewBottom-t.viewHeight}))).subscribe((function(){e.scrollEnd.emit()})),setTimeout((function(){var t=e.elementRef.nativeElement.closest("ion-content");t&&e.zone.runOutsideAngular((function(){r.fromEvent(t,"ionScroll").pipe(a.takeUntil(e.ngUnsubscribe$),a.debounceTime(100),a.filter((function(){return!e.disabled})),a.map((function(){return e.getScroll()})),a.filter((function(t){return t.elementHeight*(1-e.offset)>=t.distanceToViewBottom-t.viewHeight}))).subscribe((function(){e.zone.run((function(){return e.scrollEnd.emit()}))}))}))}))},e.prototype.onScroll=function(){if(!this.disabled){var e=this.getScroll();this.scroll$.next(e)}},e.prototype.ngOnDestroy=function(){this.ngUnsubscribe$.next(),this.ngUnsubscribe$.complete()},e.prototype.getScroll=function(){var e=this.elementRef.nativeElement.getBoundingClientRect();return{distanceToViewBottom:e.bottom,elementHeight:e.height,viewHeight:this.windowRef.nativeWindow.innerHeight}},e}();xn.decorators=[{type:n.Directive,args:[{selector:"[kirbyInfiniteScroll]"}]}],xn.ctorParameters=function(){return[{type:n.ElementRef},{type:U},{type:n.NgZone}]},xn.propDecorators={scrollEnd:[{type:n.Output}],disabled:[{type:n.Input}],onScroll:[{type:n.HostListener,args:["window:scroll"]}]};var wn=function(){function e(){}return e.prototype.onLoadOnDemand=function(e,t){e.isLoadOnDemandEnabled&&!e._isLoading&&(e._isLoading=!0,e.loadOnDemand.emit({complete:function(t){e.isLoadOnDemandEnabled=!t,e._isLoading=!1}}))},e}();wn.decorators=[{type:n.Injectable}];var Cn=function(){function e(){}return e.prototype.transform=function(e,t){if(!e)return null;if(!t)return e;var n=new Map;return e.forEach((function(e){var i=t(e),o=n.get(i);o?o.push(e):n.set(i,[e])})),Array.from(n).sort((function(e,t){var n=F(e,1)[0],i=F(t,1)[0];return n.localeCompare(i)})).map((function(e){var t=F(e,2);return{name:t[0],items:t[1]}}))},e}();Cn.decorators=[{type:n.Pipe,args:[{name:"groupBy"}]}];var In=function(){function e(e,t){this.listHelper=e,this.groupBy=t,this.items=[],this.showDivider=!1,this.markSelectedRow=!1,this.shape="rounded",this.loadOnDemand=new n.EventEmitter,this.swipeActions=[],this.itemSelect=new n.EventEmitter,this.disableSelectionHighlight=!1}return Object.defineProperty(e.prototype,"isShapeRounded",{get:function(){return"rounded"===this.shape},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isShapeNone",{get:function(){return"none"===this.shape},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){this._isSelectable=this.itemSelect.observers.length>0,void 0===this.isLoadOnDemandEnabled&&(this.isLoadOnDemandEnabled=this.loadOnDemand.observers.length>0)},e.prototype.ngAfterViewInit=function(){var e=this;this._isSelectable&&setTimeout((function(){e.kirbyItems.forEach((function(e){e.selectable=!0}))}))},e.prototype.ngOnChanges=function(){this._isSectionsEnabled=!!this.getSectionName,this._groupedItems=this._isSectionsEnabled?this.groupBy.transform(this.items,this.getSectionName):null},e.prototype._onLoadOnDemand=function(e){this.listHelper.onLoadOnDemand(this,e)},e.prototype.defaultTrackBy=function(e){return e},e.prototype.sectionTrackBy=function(e,t){return t.name},e.prototype.onItemSelect=function(e){this.disableSelectionHighlight||(this._selectedItem=e),this.itemSelect.emit(e)},e.prototype.onSwipeActionSelect=function(e){e.swipeAction.onSelected(e.item),this.list.closeSlidingItems(),e.event.stopPropagation()},e.prototype._getBoundaryClass=function(e,t){var n,i,o=t||this.items;return 0===e||(null===(n=o[e-1])||void 0===n?void 0:n.headingName)?this.headerTemplate?null:"first":e===o.length-1||(null===(i=o[e+1])||void 0===i?void 0:i.headingName)?this.footerTemplate?null:"last":void 0},e}();In.decorators=[{type:n.Component,args:[{selector:"kirby-list",template:'<ion-list\n #list\n kirbyInfiniteScroll\n (scrollEnd)="_onLoadOnDemand()"\n [disabled]="!isLoadOnDemandEnabled"\n class="list"\n [class.has-header]="headerTemplate"\n [class.has-footer]="footerTemplate"\n [class.has-divider]="showDivider"\n>\n <ion-list-header *ngIf="headerTemplate">\n <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>\n </ion-list-header>\n\n <ng-container\n *ngTemplateOutlet="\n _isSectionsEnabled ? groupedListTemplate : itemsTemplate;\n context: { $implicit: items }\n "\n ></ng-container>\n\n <div *ngIf="footerTemplate" class="footer">\n <ng-container *ngTemplateOutlet="footerTemplate"></ng-container>\n </div>\n</ion-list>\n\n<p *ngIf="!isLoadOnDemandEnabled && noMoreItemsText" class="no-more-items">\n {{ noMoreItemsText }}\n</p>\n<div *ngIf="_isLoading" class="loading">\n <kirby-spinner></kirby-spinner>\n</div>\n\n<ng-template #groupedListTemplate>\n <ion-item-group *ngFor="let section of _groupedItems; trackBy: sectionTrackBy">\n <ion-item-divider>\n <ng-container\n *ngTemplateOutlet="sectionHeaderTemplate; context: { $implicit: section.name }"\n ></ng-container>\n </ion-item-divider>\n\n <div class="list-items">\n <ng-container\n *ngTemplateOutlet="itemsTemplate; context: { $implicit: section.items }"\n ></ng-container>\n </div>\n </ion-item-group>\n</ng-template>\n\n<ng-template #itemsTemplate let-items>\n <kirby-list-item\n *ngFor="let item of items; let i = index; trackBy: trackBy || defaultTrackBy"\n [item]="item"\n [itemTemplate]="itemTemplate"\n [swipeActions]="swipeActions"\n [boundaryClass]="_getBoundaryClass(i, items)"\n [isSelectable]="_isSelectable"\n [getItemColor]="getItemColor"\n [isSelected]="_isSelectable && item === _selectedItem"\n (itemSelect)="onItemSelect($event)"\n (swipeActionSelect)="onSwipeActionSelect($event)"\n [class.is-single]="items.length === 1"\n >\n </kirby-list-item>\n</ng-template>\n',providers:[wn,Cn],styles:["ion-item-option.primary{background-color:var(--kirby-primary);color:var(--kirby-primary-contrast)}ion-item-option.secondary{background-color:var(--kirby-secondary);color:var(--kirby-secondary-contrast)}ion-item-option.tertiary{background-color:var(--kirby-tertiary);color:var(--kirby-tertiary-contrast)}ion-item-option.success{background-color:var(--kirby-success);color:var(--kirby-success-contrast)}ion-item-option.warning{background-color:var(--kirby-warning);color:var(--kirby-warning-contrast)}ion-item-option.danger{background-color:var(--kirby-danger);color:var(--kirby-danger-contrast)}ion-item-option.light{background-color:var(--kirby-light);color:var(--kirby-light-contrast)}ion-item-option.medium{background-color:var(--kirby-medium);color:var(--kirby-medium-contrast)}ion-item-option.dark{background-color:var(--kirby-dark);color:var(--kirby-dark-contrast)}:host{display:block}.list{box-shadow:0 5px 10px -10px rgba(28,28,28,.3),0 0 5px 0 rgba(28,28,28,.08);background:transparent;contain:inherit;padding:0}ion-list-header{background-color:var(--kirby-white);border-bottom:1px solid var(--kirby-background-color);padding:0;text-transform:inherit;letter-spacing:inherit;font-weight:inherit;font-size:inherit;min-height:0;overflow:inherit}ion-item{--background:var(--kirby-white);--background-activated:var(--kirby-white-shade);--background-hover:var(--kirby-background-color);--background-focused:var(--kirby-background-color);--inner-border-width:0;--ion-safe-area-right:0;--min-height:56px;--padding-bottom:8px;--padding-end:16px;--padding-start:16px;--padding-top:8px;display:flex;font-size:14px;min-height:56px;overflow:visible;width:100%}ion-item-divider{font-weight:inherit}ion-item-sliding.item-sliding-active-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}ion-item-sliding.light{--kirby-item-background:var(--kirby-light);--kirby-item-background-activated:var(--kirby-light-shade);--kirby-item-background-focused:var(--kirby-light-shade);--kirby-item-background-hover:var(--kirby-light-tint)}ion-item-sliding.light ion-item{--background:var(--kirby-light);--color:var(--kirby-light-contrast);--background-activated:var(--kirby-light-shade);--background-focused:var(--kirby-light-shade);--background-hover:var(--kirby-light-tint)}ion-item-group{margin-bottom:24px}ion-item-group:last-of-type{margin-bottom:0}ion-item-divider{--inner-padding-end:0;--color:unset;background-color:transparent;border-color:transparent;min-height:0;padding:0 16px 8px}.footer{background-color:var(--kirby-white);border-top:1px solid var(--kirby-background-color);display:flex;align-items:center;justify-content:space-between;width:100%}.loading,.no-more-items{width:100%;padding:24px 0;text-align:center}.swipe-action{display:flex;color:var(--kirby-black);background-color:transparent}.swipe-action ion-item-option{height:100%;display:inline-block;text-align:center}.swipe-action .item-content{display:inline-grid;min-width:70px;flex-direction:column}.swipe-action .item-content ion-label{--background:unset;--color:unset}ion-item-options[side=end]{border-bottom-width:0}:host-context(.has-sections) .list{box-shadow:none}:host-context(.has-sections) .list-items{box-shadow:0 5px 10px -10px rgba(28,28,28,.3),0 0 5px 0 rgba(28,28,28,.08);border-radius:16px}:host-context(.has-sections) .footer{background-color:transparent;border-top:none}:host-context(.has-sections) ion-list-header{background-color:transparent;border-bottom:none}:host-context(.shape-rounded) .list,:host-context(.shape-rounded) .list-items{border-radius:16px}:host-context(.shape-rounded) ion-item-sliding.first,:host-context(.shape-rounded) ion-item.first,:host-context(.shape-rounded) ion-list-header{border-top-left-radius:16px;border-top-right-radius:16px;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}:host-context(.shape-rounded):not(.has-sections) .has-header ion-item,:host-context(.shape-rounded):not(.has-sections) .has-header ion-item-sliding,:host-context(.shape-rounded) ion-item-sliding>ion-item{border-top-left-radius:0;border-top-right-radius:0}:host-context(.shape-rounded) .footer,:host-context(.shape-rounded) ion-item-sliding.last,:host-context(.shape-rounded) ion-item.last{border-bottom-left-radius:16px;border-bottom-right-radius:16px;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}:host-context(.shape-rounded):not(.has-sections) .has-footer ion-item,:host-context(.shape-rounded):not(.has-sections) .has-footer ion-item-sliding,:host-context(.shape-rounded) ion-item-sliding>ion-item{border-bottom-left-radius:0;border-bottom-right-radius:0}:host-context(.shape-none) .list,:host-context(.shape-none) .list-items{box-shadow:none;border-radius:unset}:host-context(.shape-none) .list ion-item,:host-context(.shape-none) .list ion-item-sliding{--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;--inner-padding-start:0;--inner-padding-end:0;--inner-padding-top:0;--inner-padding-bottom:0;--background:none;--background-activated:none;--background-hover:none;--background-focused:none;overflow:visible}:host-context(.item-spacing) .list kirby-list-item{margin-bottom:16px}:host-context(.item-spacing) .list kirby-list-item:last-child,:host-context(.item-spacing) .list kirby-list-item>ion-item{margin-bottom:0}"]}]}],In.ctorParameters=function(){return[{type:wn},{type:Cn}]},In.propDecorators={list:[{type:n.ViewChild,args:["list",{static:!0}]}],scrollDirective:[{type:n.ViewChild,args:[xn]}],items:[{type:n.Input}],getItemColor:[{type:n.Input}],getSectionName:[{type:n.Input}],trackBy:[{type:n.Input}],noMoreItemsText:[{type:n.Input}],showDivider:[{type:n.Input}],markSelectedRow:[{type:n.Input}],shape:[{type:n.Input}],isShapeRounded:[{type:n.HostBinding,args:["class.shape-rounded"]}],isShapeNone:[{type:n.HostBinding,args:["class.shape-none"]}],hasItemSpacing:[{type:n.HostBinding,args:["class.item-spacing"]},{type:n.Input}],isLoadOnDemandEnabled:[{type:n.Input}],loadOnDemand:[{type:n.Output}],swipeActions:[{type:n.Input}],itemSelect:[{type:n.Output}],disableSelectionHighlight:[{type:n.Input}],kirbyItems:[{type:n.ContentChildren,args:[Bt]}],headerTemplate:[{type:n.ContentChild,args:[Ft,{static:!1,read:n.TemplateRef}]}],sectionHeaderTemplate:[{type:n.ContentChild,args:[Nt,{static:!1,read:n.TemplateRef}]}],footerTemplate:[{type:n.ContentChild,args:[Vt,{static:!1,read:n.TemplateRef}]}],itemTemplate:[{type:n.ContentChild,args:[jt,{static:!0,read:n.TemplateRef}]}],_isSectionsEnabled:[{type:n.HostBinding,args:["class.has-sections"]}]};var En=function(){};En.decorators=[{type:n.Component,args:[{selector:"kirby-list-header",template:"<ng-content></ng-content>\n",styles:[":host{background-color:transparent;display:flex;flex-direction:row;justify-content:space-between;width:100%;padding:24px}"]}]}],En.ctorParameters=function(){return[]};var On=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();On.decorators=[{type:n.Component,args:[{selector:"kirby-list-section-header",template:'<div class="header">\n <span class="kirby-text-small">{{ title }}</span>\n</div>\n',styles:[""]}]}],On.ctorParameters=function(){return[]},On.propDecorators={title:[{type:n.Input}]};var Sn=function(){function e(e){this.platform=e,this._isSwipingEnabled=!1,this.swipeActions=[],this.itemSelect=new n.EventEmitter,this.swipeActionSelect=new n.EventEmitter,this.initializeSwipeActions()}return e.prototype._onItemSelect=function(e){this.isSelectable&&this.itemSelect.emit(e)},e.prototype._onSwipeActionSelect=function(e,t,n){this.swipeActionSelect.emit({swipeAction:e,item:t,event:n})},e.prototype.ngOnInit=function(){this.initializeSwipeActions()},e.prototype.ngAfterViewInit=function(){this.itemTemplate||console.warn("No item template was provided.")},e.prototype._hasSwipeActions=function(e){return!!Array.isArray(this.swipeActions)&&this.swipeActions.some((function(t){return!(t.isDisabled instanceof Function&&t.isDisabled(e))&&(!0!==t.isDisabled&&("left"===t.position||"right"===t.position))}))},e.prototype._getSwipeActions=function(e,t){var n=this;return Array.isArray(this.swipeActions)?this.swipeActions.filter((function(i){return!n.isSwipeActionDisabled(i,e)&&(!t||i.position===t)})):[]},e.prototype.isSwipeActionDisabled=function(e,t){return!!(e.isDisabled instanceof Function&&e.isDisabled(t))||!0===e.isDisabled},e.prototype._getSwipeActionEnd=function(e){return this._getSwipeActions(e,"left").length?"start":"end"},e.prototype._getSwipeActionIcon=function(e,t){if(e.icon)return e.icon instanceof Function?e.icon(t):e.icon},e.prototype._getSwipeActionTitle=function(e,t){return e.title instanceof Function?e.title(t):e.title},e.prototype._getSwipeActionType=function(e,t){return e.type instanceof Function?e.type(t):e.type},e.prototype.initializeSwipeActions=function(){this.swipeActions&&this.swipeActions.length&&(this._isSwipingEnabled=this.platform.isTouch())},e}();Sn.decorators=[{type:n.Component,args:[{selector:"kirby-list-item",template:'<ion-item-sliding\n [class.selected]="isSelected"\n [kirbyListItemColor]="getItemColor"\n [item]="item"\n [disabled]="_isSwipingEnabled ? null : true"\n keyHandler\n [ngClass]="boundaryClass"\n (click)="_onItemSelect(item)"\n>\n <ng-container\n *ngTemplateOutlet="swipeActionsTemplate; context: { $implicit: item }"\n ></ng-container>\n <ng-container *ngTemplateOutlet="itemTemplate; context: { $implicit: item }"></ng-container>\n</ion-item-sliding>\n\n<ng-template #swipeActionsTemplate let-item>\n <ion-item-options *ngIf="_hasSwipeActions(item)" [side]="_getSwipeActionEnd(item)">\n <div class="swipe-action">\n <ng-container *ngFor="let swipeAction of _getSwipeActions(item)">\n <ion-item-option\n [ngClass]="_getSwipeActionType(swipeAction, item)"\n (click)="_onSwipeActionSelect(swipeAction, item, $event)"\n >\n <div class="item-content">\n <kirby-icon\n *ngIf="_getSwipeActionIcon(swipeAction, item)"\n size="sm"\n [name]="_getSwipeActionIcon(swipeAction, item)"\n >\n </kirby-icon>\n <ion-label>\n {{ _getSwipeActionTitle(swipeAction, item) }}\n </ion-label>\n </div>\n </ion-item-option>\n </ng-container>\n </div>\n </ion-item-options>\n</ng-template>\n',styles:["ion-item-option.primary{background-color:var(--kirby-primary);color:var(--kirby-primary-contrast)}ion-item-option.secondary{background-color:var(--kirby-secondary);color:var(--kirby-secondary-contrast)}ion-item-option.tertiary{background-color:var(--kirby-tertiary);color:var(--kirby-tertiary-contrast)}ion-item-option.success{background-color:var(--kirby-success);color:var(--kirby-success-contrast)}ion-item-option.warning{background-color:var(--kirby-warning);color:var(--kirby-warning-contrast)}ion-item-option.danger{background-color:var(--kirby-danger);color:var(--kirby-danger-contrast)}ion-item-option.light{background-color:var(--kirby-light);color:var(--kirby-light-contrast)}ion-item-option.medium{background-color:var(--kirby-medium);color:var(--kirby-medium-contrast)}ion-item-option.dark{background-color:var(--kirby-dark);color:var(--kirby-dark-contrast)}:host{display:block}.list{box-shadow:0 5px 10px -10px rgba(28,28,28,.3),0 0 5px 0 rgba(28,28,28,.08);background:transparent;contain:inherit;padding:0}ion-list-header{background-color:var(--kirby-white);border-bottom:1px solid var(--kirby-background-color);padding:0;text-transform:inherit;letter-spacing:inherit;font-weight:inherit;font-size:inherit;min-height:0;overflow:inherit}ion-item{--background:var(--kirby-white);--background-activated:var(--kirby-white-shade);--background-hover:var(--kirby-background-color);--background-focused:var(--kirby-background-color);--inner-border-width:0;--ion-safe-area-right:0;--min-height:56px;--padding-bottom:8px;--padding-end:16px;--padding-start:16px;--padding-top:8px;display:flex;font-size:14px;min-height:56px;overflow:visible;width:100%}ion-item-divider{font-weight:inherit}ion-item-sliding.item-sliding-active-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}ion-item-sliding.light{--kirby-item-background:var(--kirby-light);--kirby-item-background-activated:var(--kirby-light-shade);--kirby-item-background-focused:var(--kirby-light-shade);--kirby-item-background-hover:var(--kirby-light-tint)}ion-item-sliding.light ion-item{--background:var(--kirby-light);--color:var(--kirby-light-contrast);--background-activated:var(--kirby-light-shade);--background-focused:var(--kirby-light-shade);--background-hover:var(--kirby-light-tint)}ion-item-group{margin-bottom:24px}ion-item-group:last-of-type{margin-bottom:0}ion-item-divider{--inner-padding-end:0;--color:unset;background-color:transparent;border-color:transparent;min-height:0;padding:0 16px 8px}.footer{background-color:var(--kirby-white);border-top:1px solid var(--kirby-background-color);display:flex;align-items:center;justify-content:space-between;width:100%}.loading,.no-more-items{width:100%;padding:24px 0;text-align:center}.swipe-action{display:flex;color:var(--kirby-black);background-color:transparent}.swipe-action ion-item-option{height:100%;display:inline-block;text-align:center}.swipe-action .item-content{display:inline-grid;min-width:70px;flex-direction:column}.swipe-action .item-content ion-label{--background:unset;--color:unset}ion-item-options[side=end]{border-bottom-width:0}:host-context(.has-sections) .list{box-shadow:none}:host-context(.has-sections) .list-items{box-shadow:0 5px 10px -10px rgba(28,28,28,.3),0 0 5px 0 rgba(28,28,28,.08);border-radius:16px}:host-context(.has-sections) .footer{background-color:transparent;border-top:none}:host-context(.has-sections) ion-list-header{background-color:transparent;border-bottom:none}:host-context(.shape-rounded) .list,:host-context(.shape-rounded) .list-items{border-radius:16px}:host-context(.shape-rounded) ion-item-sliding.first,:host-context(.shape-rounded) ion-item.first,:host-context(.shape-rounded) ion-list-header{border-top-left-radius:16px;border-top-right-radius:16px;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}:host-context(.shape-rounded):not(.has-sections) .has-header ion-item,:host-context(.shape-rounded):not(.has-sections) .has-header ion-item-sliding,:host-context(.shape-rounded) ion-item-sliding>ion-item{border-top-left-radius:0;border-top-right-radius:0}:host-context(.shape-rounded) .footer,:host-context(.shape-rounded) ion-item-sliding.last,:host-context(.shape-rounded) ion-item.last{border-bottom-left-radius:16px;border-bottom-right-radius:16px;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}:host-context(.shape-rounded):not(.has-sections) .has-footer ion-item,:host-context(.shape-rounded):not(.has-sections) .has-footer ion-item-sliding,:host-context(.shape-rounded) ion-item-sliding>ion-item{border-bottom-left-radius:0;border-bottom-right-radius:0}:host-context(.shape-none) .list,:host-context(.shape-none) .list-items{box-shadow:none;border-radius:unset}:host-context(.shape-none) .list ion-item,:host-context(.shape-none) .list ion-item-sliding{--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;--inner-padding-start:0;--inner-padding-end:0;--inner-padding-top:0;--inner-padding-bottom:0;--background:none;--background-activated:none;--background-hover:none;--background-focused:none;overflow:visible}:host-context(.item-spacing) .list kirby-list-item{margin-bottom:16px}:host-context(.item-spacing) .list kirby-list-item:last-child,:host-context(.item-spacing) .list kirby-list-item>ion-item{margin-bottom:0}",":host{overflow:hidden}:host-context(.has-divider) ion-item-sliding:not(.last){border-bottom:1px solid var(--kirby-background-color)}"]}]}],Sn.ctorParameters=function(){return[{type:te}]},Sn.propDecorators={ionItemSliding:[{type:n.ViewChild,args:[i.IonItemSliding]}],item:[{type:n.Input}],boundaryClass:[{type:n.Input}],swipeActions:[{type:n.Input}],itemTemplate:[{type:n.Input}],isSelected:[{type:n.Input}],isSelectable:[{type:n.Input}],getItemColor:[{type:n.Input}],itemSelect:[{type:n.Output}],swipeActionSelect:[{type:n.Output}]};var Dn=function(){function e(){}return e.prototype.ngOnChanges=function(){this.color=this.getColor()},e.prototype.getColor=function(){if(this.kirbyListItemColor&&this.item)return this.kirbyListItemColor(this.item)},e}();Dn.decorators=[{type:n.Directive,args:[{selector:"[kirbyListItemColor]"}]}],Dn.propDecorators={kirbyListItemColor:[{type:n.Input}],item:[{type:n.Input}],color:[{type:n.HostBinding,args:["class"]}]};var Tn=function(){function e(){}return e.prototype.closeAllSlidingItems=function(e){Je(e.target,"ion-item-option","ion-list")&&this.list.closeSlidingItems()},e}();Tn.decorators=[{type:n.Component,args:[{selector:"kirby-list-experimental",template:'<ng-content select="[outside]"></ng-content>\n<div class="rounded shadow first-item-padding last-item-padding">\n <ng-content></ng-content>\n</div>\n',styles:[".rounded{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-left-radius:16px;border-bottom-right-radius:16px;overflow:hidden}.shadow{box-shadow:0 5px 10px -10px rgba(28,28,28,.3),0 0 5px 0 rgba(28,28,28,.08)}.first-item-padding>::ng-deep :first-child{--item-padding-top:8px}.last-item-padding>::ng-deep :last-child{--item-padding-bottom:8px}.first-item{border-top-left-radius:16px;border-top-right-radius:16px;overflow:hidden}.first-item>::ng-deep :first-child{--item-padding-top:8px}.last-item{border-bottom-left-radius:16px;border-bottom-right-radius:16px;overflow:hidden}.last-item>::ng-deep :last-child{--item-padding-bottom:8px}:host{display:block}"]}]}],Tn.propDecorators={list:[{type:n.ViewChild,args:[i.IonList,{static:!0}]}],closeAllSlidingItems:[{type:n.HostListener,args:["click",["$event"]]}]};var Rn=function(){function e(e,t){this.origEvent=e,this.parent=t,this.origEvent.cancelBubble=!0}return e.prototype.complete=function(e){return this.origEvent.detail.complete(e)},Object.defineProperty(e.prototype,"parentItem",{get:function(){return this.parent},enumerable:!1,configurable:!0}),e}(),Pn=function(){function e(e){this.cdr=e,this.itemReorder=new n.EventEmitter,this.subItemReorder=new n.EventEmitter,this.reorderActive=!1}return e.prototype.ngOnChanges=function(){var e=this;this.items&&this.items.length>0&&setTimeout((function(){e.setupDomListener()}))},e.prototype.setupDomListener=function(){var e=this;this.observer=new MutationObserver((function(t){var n,i;try{for(var o=j(t),r=o.next();!r.done;r=o.next()){var a=r.value;a.oldValue!==a.target.className&&(e.reorderActive=a.target.className.includes("reorder-list-active"))}}catch(e){n={error:e}}finally{try{r&&!r.done&&(i=o.return)&&i.call(o)}finally{if(n)throw n.error}}e.cdr.detectChanges()})),this.reorderGroupContainer.forEach((function(t){e.observer.observe(t.nativeElement,{attributes:!0,attributeFilter:["class"],attributeOldValue:!0,childList:!1,subtree:!0})}))},e.prototype.doReorder=function(e){this.itemReorder.emit(new Rn(e))},e.prototype.doSubReorder=function(e,t){this.subItemReorder.emit(new Rn(e,t))},e.prototype.ngOnDestroy=function(){this.observer&&this.observer.disconnect(),delete this.observer},e}();Pn.decorators=[{type:n.Component,args:[{selector:"kirby-reorder-list",template:'<ion-backdrop *ngIf="reorderActive" [tappable]="false" [visible]="true" [stopPropagation]="false">\n</ion-backdrop>\n<ion-reorder-group (ionItemReorder)="doReorder($event)" disabled="false">\n <div *ngFor="let reorderItem of items" class="outerGroup">\n <kirby-card>\n <ng-container\n *ngTemplateOutlet="itemTemplate || defaultItemTemplate; context: { $implicit: reorderItem }"\n >\n </ng-container>\n <div *ngIf="reorderItem[subItemsName]" #reorderGroupContainer>\n <ion-reorder-group (ionItemReorder)="doSubReorder($event, reorderItem)" disabled="false">\n <div *ngFor="let subItem of reorderItem[subItemsName]">\n <ng-container\n *ngTemplateOutlet="\n itemTemplate || defaultItemTemplate;\n context: { $implicit: subItem, isSubItem: true }\n "\n ></ng-container>\n </div>\n </ion-reorder-group>\n </div>\n </kirby-card>\n </div>\n</ion-reorder-group>\n\n<ng-template #defaultItemTemplate let-item let-isSubItem>\n <kirby-item [reorderable]="true">\n <h3>{{ getItemTextDefault(item) }}</h3>\n </kirby-item>\n</ng-template>\n',styles:["ion-backdrop{opacity:.3;z-index:101;position:fixed}.reorder-selected{box-shadow:none;opacity:1;z-index:104}.reorder-selected kirby-card{transform:scale(1.05)}.reorder-selected kirby-card div:first-child{border-top:1px solid var(--kirby-background-color)}.reorder-selected ::ng-deep>kirby-item{box-shadow:0 0 10px rgba(0,0,0,.4);transform:scale(1.05);border-radius:16px;overflow:hidden}.reorder-list-active>*{position:relative;z-index:103}.reorder-list-active>.reorder-selected{z-index:104}.reorder-list-active div:first-child{border-top:none}.reorder-list-active ::ng-deep>div:last-child kirby-item{border-bottom-left-radius:16px;border-bottom-right-radius:16px;overflow:hidden}.reorder-list-active .reorder-selected ::ng-deep>kirby-item{box-shadow:0 0 10px rgba(0,0,0,.4);transform:scale(1.05);border-radius:16px;overflow:hidden}.outerGroup{border-bottom:20px solid transparent}kirby-card{overflow:inherit;z-index:auto}kirby-card ::ng-deep>div:last-child ion-reorder-group div:last-child>kirby-item{border-bottom-left-radius:16px;border-bottom-right-radius:16px;overflow:hidden}kirby-card ::ng-deep>div kirby-item{z-index:1}kirby-card ::ng-deep>div:first-child>kirby-item{border-radius:16px;overflow:hidden}kirby-card ::ng-deep>div .reorder-list-active kirby-item{z-index:103}kirby-card div:first-child{border-top:1px solid var(--kirby-background-color)}"]}]}],Pn.ctorParameters=function(){return[{type:n.ChangeDetectorRef}]},Pn.propDecorators={items:[{type:n.Input}],subItemsName:[{type:n.Input}],getItemTextDefault:[{type:n.Input}],itemReorder:[{type:n.Output}],subItemReorder:[{type:n.Output}],itemTemplate:[{type:n.ContentChild,args:[jt,{static:!0,read:n.TemplateRef}]}],reorderGroupContainer:[{type:n.ViewChildren,args:["reorderGroupContainer"]}]};var _n=function(){this.snapToKeyboard=!1,this.type="fixed"};_n.decorators=[{type:n.Component,args:[{selector:"kirby-modal-footer",template:"<ion-footer>\n <ng-content></ng-content>\n</ion-footer>\n",styles:["ion-footer{box-shadow:0 20px 30px -15px rgba(28,28,28,.3),0 0 5px 0 rgba(28,28,28,.08);display:flex;justify-content:var(--kirby-modal-footer-justify-content,center);align-items:center;background-color:var(--kirby-modal-footer-background,var(--kirby-white));color:var(--kirby-modal-footer-color,var(--kirby-white-contrast));padding:8px 16px;padding-bottom:calc(8px + var(--kirby-modal-footer-safe-area-bottom, 0px))}@media (max-width:720px){:host{--kirby-modal-footer-safe-area-bottom:var(--kirby-safe-area-bottom)}}:host-context(.modal-wrapper.full-height){--kirby-modal-footer-safe-area-bottom:var(--kirby-safe-area-bottom)}:host(.snap-to-keyboard) ion-footer{transition:transform .15s ease-out}:host-context(.keyboard-visible).snap-to-keyboard ion-footer{transition:transform .25s ease-out 1ms;transform:translateY(calc((var(--keyboard-offset, 0px) - var(--kirby-modal-footer-safe-area-bottom, 0px)) * -1))}:host(.light) ion-footer{background-color:var(--kirby-background-color)}:host(.inline) ion-footer{background:transparent;box-shadow:none}"]}]}],_n.propDecorators={snapToKeyboard:[{type:n.HostBinding,args:["class.snap-to-keyboard"]},{type:n.Input}],type:[{type:n.HostBinding,args:["class"]},{type:n.Input}]};var An="kirbySelectedTabClick",Mn=function(){function e(){this.outletSubject$=new r.ReplaySubject,this.outlet$=this.outletSubject$.asObservable()}return e.prototype.setOutlet=function(e){this.outletSubject$.next(e)},e}();Mn.ɵprov=n.ɵɵdefineInjectable({factory:function(){return new Mn},token:Mn,providedIn:"root"}),Mn.decorators=[{type:n.Injectable,args:[{providedIn:"root"}]}];var Ln=function(){function e(e){this.tabsService=e,this.tabBarBottomHidden=!1}return e.prototype.ngAfterViewInit=function(){this.tabsService.setOutlet(this.tabs.outlet)},e}();Ln.decorators=[{type:n.Component,args:[{selector:"kirby-tab-bar",template:'<ion-tabs>\n <ion-tab-bar [class.bottom-hidden]="tabBarBottomHidden">\n <ng-content></ng-content>\n </ion-tab-bar>\n</ion-tabs>\n',styles:[":host(:not(.tab-bar-bottom-hidden)){--kirby-page-footer-safe-area-bottom:0px}ion-tabs ion-tab-bar{--background:rgba(var(--kirby-white-rgb),0.94);--border:1px solid var(--kirby-light);--color:var(--kirby-black);display:flex;max-width:var(--kirby-tab-bar-max-width,none);justify-content:center;height:var(--kirby-tab-bar-height);padding-left:calc((100vw - var(--kirby-tab-bar-max-width, none)) / 2);padding-right:calc((100vw - var(--kirby-tab-bar-max-width, none)) / 2);width:100%}ion-tabs ion-tab-bar.bottom-hidden{display:none}@media (min-width:721px){ion-tabs{--kirby-tab-bar-height:70px}}@media (min-width:1025px) and (hover:hover) and (pointer:fine){ion-tabs{flex-direction:column-reverse;--kirby-page-footer-safe-area-bottom:initial}ion-tabs ion-tab-bar{margin:0 auto;justify-content:flex-end}ion-tabs ion-tab-bar.bottom-hidden{display:flex}}"]}]}],Ln.ctorParameters=function(){return[{type:Mn}]},Ln.propDecorators={tabBarBottomHidden:[{type:n.HostBinding,args:["class.tab-bar-bottom-hidden"]}],tabs:[{type:n.ViewChild,args:[i.IonTabs,{static:!0}]}]};var Bn=function(){};Bn.decorators=[{type:n.Directive,args:[{selector:"[kirbyPageTitle]"}]}];var zn=function(){};zn.decorators=[{type:n.Directive,args:[{selector:"[kirbyPageToolbarTitle]"}]}];var Hn=function(){function e(e){this.template=e,this.stickyDefault=!0,this.fixedDefault=!1}return Object.defineProperty(e.prototype,"isSticky",{get:function(){return this.config?this.config.sticky:this.stickyDefault},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isFixed",{get:function(){return this.config?this.config.fixed:this.fixedDefault},enumerable:!1,configurable:!0}),e}();Hn.decorators=[{type:n.Directive,args:[{selector:"[kirbyPageActions]"}]}],Hn.ctorParameters=function(){return[{type:n.TemplateRef}]},Hn.propDecorators={config:[{type:n.Input,args:["kirbyPageActions"]}]};var jn=function(){function e(e){this.template=e}return Object.defineProperty(e.prototype,"isFixed",{get:function(){return this.config&&this.config.fixed},enumerable:!1,configurable:!0}),e}();jn.decorators=[{type:n.Directive,args:[{selector:"[kirbyPageContent]"}]}],jn.ctorParameters=function(){return[{type:n.TemplateRef}]},jn.propDecorators={config:[{type:n.Input,args:["kirbyPageContent"]}]};var Fn=function(){function e(e){this.modalWrapper=e,this.slot="start"}return e.prototype.ngOnInit=function(){this.modalWrapper&&"drawer"===this.modalWrapper.config.flavor&&(this.slot="end")},e}();Fn.decorators=[{type:n.Component,args:[{selector:"kirby-page-progress",template:"\n <ng-content></ng-content>\n ",styles:[":host {display: flex}"]}]}],Fn.ctorParameters=function(){return[{type:ue,decorators:[{type:n.Optional},{type:n.SkipSelf}]}]},Fn.propDecorators={slot:[{type:n.HostBinding,args:["attr.slot"]}]};var Nn=function(){};Nn.decorators=[{type:n.Component,args:[{selector:"kirby-page-title",template:"\n <ng-content></ng-content>\n "}]}];var Wn=function(){};Wn.decorators=[{type:n.Component,args:[{selector:"kirby-page-content",template:"\n <ng-content></ng-content>\n "}]}];var Vn=function(){};Vn.decorators=[{type:n.Component,args:[{selector:"kirby-page-actions",template:'\n <ng-content select="button[kirby-button]"></ng-content>\n '}]}];var $n=function(){function t(e,t,i,s,l,c,d){this.elementRef=e,this.renderer=t,this.router=i,this.changeDetectorRef=s,this.windowRef=l,this.modalNavigationService=c,this.tabsComponent=d,this.titleAlignment="left",this.enter=new n.EventEmitter,this.leave=new n.EventEmitter,this.refresh=new n.EventEmitter,this.pageTitleIntersectionObserverRef=this.pageTitleIntersectionObserver(),this.urls=[],this.ngOnDestroy$=new r.Subject,this.navigationStart$=this.router.events.pipe(a.takeUntil(this.ngOnDestroy$),a.filter((function(e){return e instanceof o.NavigationStart}))),this.navigationEnd$=this.router.events.pipe(a.takeUntil(this.ngOnDestroy$),a.filter((function(e){return e instanceof o.NavigationEnd})))}return Object.defineProperty(t.prototype,"tabBarBottomHidden",{get:function(){return this._tabBarBottomHidden},set:function(e){var t=this;this.tabsComponent&&setTimeout((function(){return t.tabsComponent.tabBarBottomHidden=e})),this._tabBarBottomHidden=e},enumerable:!1,configurable:!0}),t.prototype.ngOnInit=function(){this.removeWrapper()},t.prototype.ngOnChanges=function(e){e.titleMaxLines&&(this.fitHeadingConfig=Object.assign(Object.assign({},this.fitHeadingConfig),{maxLines:e.titleMaxLines.currentValue}))},t.prototype.ngAfterViewInit=function(){var t=this;this.navigationStart$.subscribe((function(e){t.urls.includes(e.url)||t.modalNavigationService.isModalRoute(e.url)||t.modalNavigationService.isModalRoute(t.router.url)||t.onLeave()})),this.navigationEnd$.subscribe((function(e){t.urls.includes(e.urlAfterRedirects)&&t.onEnter()})),this.windowRef.nativeWindow.addEventListener(An,(function(){t.content.scrollToTop(e.KirbyAnimation.Duration.LONG)}))},t.prototype.ngAfterContentChecked=function(){this.urls.includes(this.router.url)||(this.urls.push(this.router.url),this.onEnter()),this.initializeTitle(),this.initializeActions(),this.initializeContent(),this.changeDetectorRef.detectChanges()},t.prototype.ngOnDestroy=function(){var t=this;this.ngOnDestroy$.next(),this.ngOnDestroy$.complete(),this.pageTitleIntersectionObserverRef.disconnect(),this.windowRef.nativeWindow.removeEventListener(An,(function(){t.content.scrollToTop(e.KirbyAnimation.Duration.LONG)}))},t.prototype.delegateRefreshEvent=function(e){this.refresh.emit({complete:e.target.complete.bind(e.target)})},t.prototype.onEnter=function(){this.hasEntered||(this.hasEntered=!0,this.enter.emit(),this.pageTitle&&this.pageTitleIntersectionObserverRef.observe(this.pageTitle.nativeElement))},t.prototype.onLeave=function(){this.leave.emit(),this.pageTitle&&this.pageTitleIntersectionObserverRef.unobserve(this.pageTitle.nativeElement),this.hasEntered=!1,this.tabBarBottomHidden&&this.tabsComponent&&(this.tabsComponent.tabBarBottomHidden=!1)},t.prototype.initializeTitle=function(){var e=this;if(!this.hasPageTitle){this.hasPageTitle=void 0!==this.title||!!this.customTitleTemplate,this.toolbarTitleVisible=!this.hasPageTitle,this.hasPageTitle&&setTimeout((function(){e.pageTitleIntersectionObserverRef.observe(e.pageTitle.nativeElement)}));var t=this.customTitleTemplate||this.simpleTitleTemplate;this.toolbarTitleTemplate=this.customToolbarTitleTemplate?this.customToolbarTitleTemplate:"string"==typeof this.toolbarTitle?this.simpleToolbarTitleTemplate:t}},t.prototype.initializeActions=function(){var e=this;this.customActions.forEach((function(t){t.isFixed?(e.fixedActionsTemplate=t.template,e.toolbarFixedActionsVisible=!0):(e.pageActionsTemplate=t.template,t.isSticky&&(e.stickyActionsTemplate=t.template))})),this.hasActionsInPage=!!this.pageActionsTemplate},t.prototype.initializeContent=function(){var e=this;this.customContent.forEach((function(t){t.isFixed?e.fixedContentTemplate=t.template:e.customContentTemplate=t.template}))},t.prototype.removeWrapper=function(){var e=this.elementRef.nativeElement.parentNode;this.renderer.removeChild(e,this.elementRef.nativeElement),this.renderer.appendChild(e,this.ionHeaderElement.nativeElement),this.renderer.appendChild(e,this.ionContentElement.nativeElement),this.renderer.appendChild(e,this.ionFooterElement.nativeElement)},t.prototype.pageTitleIntersectionObserver=function(){var e=this,t=!1;return new IntersectionObserver((function(n){t?(e.toolbarTitleVisible=!n[0].isIntersecting,e.toolbarStickyActionsVisible=!n[0].isIntersecting,e.changeDetectorRef.detectChanges()):t=!0}),{rootMargin:"0px"})},t.prototype._onKeyboardWillShow=function(e){e&&e.keyboardHeight&&this.ionContentElement.nativeElement.style.setProperty("--keyboard-offset",e.keyboardHeight+"px")},t.prototype._onKeyboardWillHide=function(){this.ionContentElement.nativeElement.style.setProperty("--keyboard-offset","0px")},t}();$n.decorators=[{type:n.Component,args:[{selector:"kirby-page",template:'<ion-header>\n <ion-toolbar>\n <ion-buttons slot="start">\n <ion-back-button\n text=""\n [defaultHref]="defaultBackHref"\n icon="assets/kirby/icons/svg/arrow-back.svg"\n [style.visibility]="hideBackButton ? \'hidden\' : null"\n ></ion-back-button>\n </ion-buttons>\n <ion-title>\n <div class="toolbar-title hide" [class.fade-in]="toolbarTitleVisible">\n <ng-container *ngTemplateOutlet="toolbarTitleTemplate"></ng-container>\n </div>\n </ion-title>\n <ion-buttons\n class="hide"\n slot="primary"\n [class.fade-in]="toolbarStickyActionsVisible && stickyActionsTemplate"\n >\n <ng-container *ngTemplateOutlet="stickyActionsTemplate"></ng-container>\n </ion-buttons>\n <ion-buttons\n class="hide"\n slot="secondary"\n [class.fade-in]="toolbarFixedActionsVisible && fixedActionsTemplate"\n >\n <ng-container *ngTemplateOutlet="fixedActionsTemplate"></ng-container>\n </ion-buttons>\n </ion-toolbar>\n</ion-header>\n\n<ion-content scrollEvents="true" forceOverscroll="false">\n <ion-refresher\n *ngIf="refresh.observers.length > 0"\n (ionRefresh)="delegateRefreshEvent($event)"\n slot="fixed"\n >\n <kirby-spinner></kirby-spinner>\n </ion-refresher>\n\n <div class="content-inner">\n <div\n class="page-title"\n #pageTitle\n *ngIf="hasPageTitle"\n [class.has-actions]="hasActionsInPage"\n [ngClass]="{\n \'text-center\': titleAlignment === \'center\',\n \'text-right\': titleAlignment === \'right\'\n }"\n >\n <ng-container\n *ngTemplateOutlet="customTitleTemplate || defaultPageTitleTemplate"\n ></ng-container>\n <ng-container\n *ngTemplateOutlet="pageActionsTemplate || defaultPageActionsTemplate"\n ></ng-container>\n </div>\n \x3c!-- Content --\x3e\n <ng-container\n *ngTemplateOutlet="customContentTemplate || defaultContentTemplate"\n ></ng-container>\n </div>\n\n <div slot="fixed" class="fixed-content" *ngIf="fixedContentTemplate">\n <div class="content-inner">\n <ng-container *ngTemplateOutlet="fixedContentTemplate"></ng-container>\n </div>\n </div>\n</ion-content>\n\n<ion-footer>\n <ng-content select="kirby-page-footer"></ng-content>\n</ion-footer>\n\n<ng-template #defaultPageTitleTemplate>\n <h1 [kirbyFitHeading]="fitHeadingConfig">\n <ng-container *ngTemplateOutlet="simpleTitleTemplate"></ng-container>\n </h1>\n</ng-template>\n\n<ng-template #defaultPageActionsTemplate>\n <ng-content select="kirby-page-actions"></ng-content>\n</ng-template>\n\n<ng-template #defaultContentTemplate>\n <ng-content select="kirby-page-content"></ng-content>\n</ng-template>\n\n<ng-template #simpleTitleTemplate>{{ title }}</ng-template>\n<ng-template #simpleToolbarTitleTemplate>{{ toolbarTitle }}</ng-template>\n',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:["ion-header,ion-toolbar{--background:var(--kirby-background-color);margin:0 auto}@media (min-width:1025px) and (hover:hover) and (pointer:fine){ion-header,ion-toolbar{max-width:768px}}ion-toolbar{--border-width:0!important;--padding-start:4px;--padding-end:4px;--padding-top:0;--padding-bottom:0}ion-toolbar ion-buttons[slot=secondary]{order:6}ion-toolbar ion-title .toolbar-title{text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;overflow:hidden}ion-toolbar ion-title .toolbar-title ::ng-deep>*{text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;overflow:hidden}.hide{visibility:hidden;opacity:0;transition:opacity .1s linear}.hide.fade-in{visibility:inherit;opacity:1}ion-title{box-sizing:border-box;font-size:16px;font-weight:400}ion-back-button{--color:var(--kirby-black);--icon-font-size:24px;height:44px;width:44px}.page-title{margin-left:16px;margin-top:8px;margin-bottom:var(--kirby-page-title-margin-bottom,40px)}.page-title.has-actions{display:flex;justify-content:space-between;align-items:flex-start}.page-title.text-center{text-align:center;margin-left:0}.page-title.text-right{text-align:right}.page-title h1,.page-title h2,.page-title h3,.page-title h4,.page-title h5,.page-title h6{margin:0}ion-content{--padding-start:var(--page-content-padding-start,16px);--padding-end:var(--page-content-padding-end,16px);--background:var(--kirby-background-color)}ion-content .content-inner{max-width:var(--page-content-max-width,720px);margin:0 auto;padding-bottom:40px}ion-content .fixed-content{width:100%;position:absolute;bottom:0}ion-content .fixed-content .content-inner{position:relative}"]}]}],$n.ctorParameters=function(){return[{type:n.ElementRef},{type:n.Renderer2},{type:o.Router},{type:n.ChangeDetectorRef},{type:U},{type:Z},{type:Ln,decorators:[{type:n.Optional},{type:n.SkipSelf}]}]},$n.propDecorators={title:[{type:n.Input}],toolbarTitle:[{type:n.Input}],titleAlignment:[{type:n.Input}],defaultBackHref:[{type:n.Input}],hideBackButton:[{type:n.Input}],titleMaxLines:[{type:n.Input}],tabBarBottomHidden:[{type:n.Input}],enter:[{type:n.Output}],leave:[{type:n.Output}],refresh:[{type:n.Output}],content:[{type:n.ViewChild,args:[i.IonContent,{static:!0}]}],ionContentElement:[{type:n.ViewChild,args:[i.IonContent,{static:!0,read:n.ElementRef}]}],ionHeaderElement:[{type:n.ViewChild,args:[i.IonHeader,{static:!0,read:n.ElementRef}]}],ionFooterElement:[{type:n.ViewChild,args:[i.IonFooter,{static:!0,read:n.ElementRef}]}],pageTitle:[{type:n.ViewChild,args:["pageTitle",{static:!1,read:n.ElementRef}]}],simpleTitleTemplate:[{type:n.ViewChild,args:["simpleTitleTemplate",{static:!0,read:n.TemplateRef}]}],simpleToolbarTitleTemplate:[{type:n.ViewChild,args:["simpleToolbarTitleTemplate",{static:!0,read:n.TemplateRef}]}],customToolbarTitleTemplate:[{type:n.ContentChild,args:[zn,{static:!1,read:n.TemplateRef}]}],customTitleTemplate:[{type:n.ContentChild,args:[Bn,{static:!1,read:n.TemplateRef}]}],customActions:[{type:n.ContentChildren,args:[Hn]}],customContent:[{type:n.ContentChildren,args:[jn]}],_onKeyboardWillShow:[{type:n.HostListener,args:["window:keyboardWillShow",["$event"]]}],_onKeyboardWillHide:[{type:n.HostListener,args:["window:keyboardWillHide"]}]};var Un=function(){function e(e,t,n){if(this.pageComponent=e,this.hostElement=t,this.renderer=n,this.hasPadding=!0,!e)throw new Error("Page footer must reside inside of a Kirby page")}return e.prototype.close=function(){this.pageComponent.tabBarBottomHidden=!1,this.renderer.removeChild(this.hostElement.nativeElement.parentElement,this.hostElement.nativeElement,!0)},e.prototype.ngOnDestroy=function(){this.pageComponent.tabBarBottomHidden=!1},e}();Un.decorators=[{type:n.Component,args:[{selector:"kirby-page-footer",template:'<div class="wrapper" [class.padding]="hasPadding">\n <ng-content></ng-content>\n</div>\n',styles:[":host{display:block;background-color:var(--kirby-white)}:host .wrapper{position:relative;max-width:var(--page-content-max-width,720px);margin:0 auto;padding-bottom:var(--kirby-page-footer-safe-area-bottom,var(--kirby-safe-area-bottom))}:host .wrapper.padding{padding:8px 16px;padding-bottom:calc(8px + var(--kirby-page-footer-safe-area-bottom, var(--kirby-safe-area-bottom)))}"]}]}],Un.ctorParameters=function(){return[{type:$n,decorators:[{type:n.Optional},{type:n.SkipSelf}]},{type:n.ElementRef},{type:n.Renderer2}]},Un.propDecorators={hasPadding:[{type:n.Input}]};var Yn=Object.freeze({className:"kirby-line-clamp",lineClamp:"--line-clamp",lineHeight:"--line-height"}),Gn=function(){function e(e){this.renderer=e}return e.prototype.setMaxLines=function(e,t){this.renderer.setStyle(e,Yn.lineClamp,t,n.RendererStyleFlags2.DashCase),this.renderer.addClass(e,Yn.className)},e.prototype.setLineHeight=function(e,t){this.renderer.setStyle(e,Yn.lineHeight,t,n.RendererStyleFlags2.DashCase)},e.prototype.removeLineClamp=function(e){this.renderer.removeClass(e,Yn.className),this.renderer.removeStyle(e,Yn.lineClamp),this.renderer.removeStyle(e,Yn.lineHeight)},e}();Gn.decorators=[{type:n.Injectable}],Gn.ctorParameters=function(){return[{type:n.Renderer2}]};var qn=t.DesignTokenHelper.fontSize,Kn=t.DesignTokenHelper.lineHeight,Zn=function(){function e(e,t,n,i){this.elementRef=e,this.renderer=t,this.resizeObserverService=n,this.lineClampHelper=i,this.headingSizes=[{name:"h1",fontSize:qn("xl"),lineHeight:Kn("xl")},{name:"h2",fontSize:qn("l"),lineHeight:Kn("l")},{name:"h3",fontSize:qn("m"),lineHeight:Kn("m")}]}return e.prototype.ngOnInit=function(){this.config&&this.config.maxLines&&(this.lineClampHelper.setMaxLines(this.elementRef.nativeElement,this.config.maxLines),this.observeResize(),this.isObservingHostElement=!0)},e.prototype.ngOnDestroy=function(){this.isObservingHostElement&&(this.resizeObserverService.unobserve(this.elementRef),this.hostElementClone&&this.renderer.removeChild(this.elementRef.nativeElement,this.hostElementClone))},e.prototype.observeResize=function(){var e=this;this.resizeObserverService.observe(this.elementRef,(function(){setTimeout((function(){e.scaleHeader()}),0)}))},e.prototype.scaleHeader=function(){if(!this.isScalingHeader){this.isScalingHeader=!0,this.hostElementClone||(this.hostElementClone=this.generateHostElementClone(),this.renderer.appendChild(this.elementRef.nativeElement,this.hostElementClone)),this.renderer.setStyle(this.hostElementClone,"width",this.elementRef.nativeElement.clientWidth+"px");var e=this.headingSizes[this.headingSizes.length-1],t=this.headingSizes.find(this.canFitHeading.bind(this))||e;this.setSize(this.elementRef.nativeElement,t),this.lineClampHelper.setLineHeight(this.elementRef.nativeElement,t.lineHeight),this.isScalingHeader=!1}},e.prototype.canFitHeading=function(e){return this.setSize(this.hostElementClone,e),this.hostElementClone.clientHeight/parseInt(e.lineHeight)<=this.config.maxLines},e.prototype.generateHostElementClone=function(){var e=this.elementRef.nativeElement.cloneNode(!0);return this.renderer.setStyle(e,"position","absolute"),this.renderer.setStyle(e,"visibility","hidden"),this.lineClampHelper.removeLineClamp(e),e},e.prototype.setSize=function(e,t){this.renderer.setStyle(e,"font-size",t.fontSize),this.renderer.setStyle(e,"line-height",t.lineHeight)},e}();Zn.decorators=[{type:n.Directive,args:[{selector:"h1[kirbyFitHeading],h2[kirbyFitHeading],h3[kirbyFitHeading]",providers:[Gn]}]}],Zn.ctorParameters=function(){return[{type:n.ElementRef},{type:n.Renderer2},{type:pe},{type:Gn}]},Zn.propDecorators={config:[{type:n.Input,args:["kirbyFitHeading"]}]};var Jn=function(){};Jn.decorators=[{type:n.NgModule,args:[{declarations:[Zn],exports:[Zn]}]}];var Xn=function(){};Xn.decorators=[{type:n.NgModule,args:[{declarations:[yn],imports:[s.CommonModule],exports:[yn],providers:[]}]}];var Qn=function(){};Qn.decorators=[{type:n.NgModule,args:[{declarations:[$n,Vn,Hn,Wn,Un,jn,Fn,Nn,Bn,zn],imports:[s.CommonModule,i.IonicModule,Jn,Xn],exports:[$n,Vn,Hn,Wn,Un,jn,Fn,Nn,Bn,zn,Jn]}]}];var ei=function(){};ei.decorators=[{type:n.NgModule,args:[{declarations:[z],imports:[s.CommonModule,i.IonicModule],exports:[z]}]}];var ti,ni=function(){};ni.decorators=[{type:n.Component,args:[{selector:"kirby-section-header",template:"<ion-item-divider>\n <ng-content></ng-content>\n</ion-item-divider>\n",styles:[":host{--kirby-section-header-color:var(--kirby-text-color-black)}:host ion-item-divider{--inner-padding-end:0;--background:transparent;--padding-end:16px;--padding-start:16px;font-weight:inherit;min-height:0}:host ion-item-divider ::ng-deep>[heading]{font-weight:700;font-size:18px;line-height:24px;color:var(--kirby-section-header-color);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ion-item-divider ::ng-deep>[detail],:host ion-item-divider ::ng-deep>[label]{font-weight:300;font-size:14px;line-height:20px;color:var(--kirby-section-header-color);margin:4px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}"]}]}],(ti=e.SegmentedControlMode||(e.SegmentedControlMode={})).chip="chip",ti.compactChip="compactChip",ti.default="default";var ii=function(){function t(t){this.iconRegistryService=t,this.mode=e.SegmentedControlMode.default,this._items=[],this._selectedIndex=-1,this.segmentSelect=new n.EventEmitter}return t.prototype.preventWrapperClick=function(e){e.target instanceof HTMLElement&&e.target.classList.contains("segment-btn-wrapper")&&e.stopImmediatePropagation()},Object.defineProperty(t.prototype,"_modeCssClass",{get:function(){var t;return(t={},t[e.SegmentedControlMode.chip]="chip-mode",t[e.SegmentedControlMode.default]="default-mode",t[e.SegmentedControlMode.compactChip]="compact chip-mode",t)[this.mode]},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"items",{get:function(){return this._items},set:function(e){var t=this;this._items=e||[],this._items.forEach((function(e){e.badge&&(e.badge.isCustomIcon=void 0!==e.badge.icon&&void 0!==t.iconRegistryService.getIcon(e.badge.icon))}));var n=this.items.findIndex((function(e){return e.checked}));n>-1&&(console.warn("SegmentItem.checked is deprecated - please remove from your `items` configuration. Use `selectedIndex` or `value` on `<kirby-segmented-control>` instead "),this._selectedIndex=n),this._value=this.items[this.selectedIndex]},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"selectedIndex",{get:function(){return this._selectedIndex},set:function(e){e!==this._selectedIndex&&(this._selectedIndex=e,this._value=this.items[this.selectedIndex])},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"value",{get:function(){return this._value},set:function(e){this.selectedIndex=this.items.indexOf(e)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"size",{set:function(e){this.isSmallSize="sm"===e},enumerable:!1,configurable:!0}),t.prototype.onSegmentSelect=function(e){var t=this.items.findIndex((function(t){return e===t.id}));t!==this.selectedIndex&&(this.selectedIndex=t,this.segmentSelect.emit(this.value))},t}();ii.decorators=[{type:n.Component,args:[{selector:"kirby-segmented-control",template:'<ion-segment\n *ngIf="mode === \'default\'"\n [value]="value?.id"\n (ionChange)="onSegmentSelect($event.detail.value)"\n (click)="preventWrapperClick($event)"\n>\n <div *ngFor="let item of items" class="segment-btn-wrapper">\n <ion-segment-button [value]="item.id">{{ item.text }}</ion-segment-button>\n <kirby-badge\n *ngIf="item.badge"\n role="text"\n [attr.aria-label]="item.badge.description"\n [themeColor]="item.badge.themeColor"\n >\n <ng-container *ngIf="item.badge.icon; else badgeContent">\n <kirby-icon\n *ngIf="item.badge.isCustomIcon; else defaultIconName"\n [customName]="item.badge.icon"\n ></kirby-icon>\n <ng-template #defaultIconName>\n <kirby-icon [name]="item.badge.icon"></kirby-icon>\n </ng-template>\n </ng-container>\n <ng-template #badgeContent>\n {{ item.badge.content }}\n </ng-template>\n </kirby-badge>\n </div>\n</ion-segment>\n\n<ng-container *ngIf="mode === \'chip\' || mode === \'compactChip\'">\n <kirby-chip\n *ngFor="let item of items; let index = index"\n [text]="item.text"\n [isSelected]="index === selectedIndex"\n (click)="onSegmentSelect(item.id)"\n role="button"\n ></kirby-chip>\n</ng-container>\n',host:{role:"group"},styles:[':host{display:block;-webkit-user-select:none;user-select:none;--kirby-badge-elevation:0 5px 10px -10px rgba(28,28,28,0.3),0 0 5px 0 rgba(28,28,28,0.08);--kirby-badge-position:absolute;--kirby-badge-top:-8px;--kirby-badge-right:8px;--kirby-badge-z-index:2}:host.sm ion-segment-button{min-height:32px;font-size:12px;--padding-start:16px;--padding-end:16px}:host.chip-mode{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden}@media (pointer:coarse){:host.chip-mode{scrollbar-width:none}:host.chip-mode::-webkit-scrollbar{display:none}}ion-segment{display:inline-flex;width:auto;overflow:visible;contain:unset;--background:var(--kirby-white);border-radius:999px}ion-segment-button{position:relative;min-height:40px;font-weight:400;font-size:14px;text-transform:none;--border-radius:999px;--border-style:none;--background:none;--color:var(--kirby-white-contrast);--indicator-color:var(--kirby-black);--color-checked:var(--kirby-black-contrast);--color-hover:var(--kirby-black-tint);--indicator-box-shadow:none;--padding-start:24px;--padding-end:24px;--margin-bottom:0;--margin-end:0;--margin-start:0;--margin-top:0;margin:0}ion-segment-button:after{content:"";position:absolute;min-height:44px;min-width:44px;width:100%;height:100%;transform:translate(-50%,-50%);left:50%;top:50%}.segment-btn-wrapper{position:relative}:host-context(.plt-desktop) ion-segment-button:focus-within{outline-color:-webkit-focus-ring-color;outline-style:auto}']}]}],ii.ctorParameters=function(){return[{type:ie}]},ii.propDecorators={mode:[{type:n.Input}],_modeCssClass:[{type:n.HostBinding,args:["class"]}],items:[{type:n.Input}],selectedIndex:[{type:n.Input}],value:[{type:n.Input}],isSmallSize:[{type:n.HostBinding,args:["class.sm"]}],size:[{type:n.Input}],segmentSelect:[{type:n.Output}]};var oi=function(){function e(e){this.changeDetectionRef=e,this.text="",this.slideDone=new n.EventEmitter,this.slidingPercentageChanged=new n.EventEmitter,this.slideDoneFadeTime=500,this.slideResetTime=100,this.isSlideDone=!1,this.pctInTens=0,this._value=0}return Object.defineProperty(e.prototype,"value",{get:function(){return this._value},set:function(e){this._value=e,this.calculatePctInTens()},enumerable:!1,configurable:!0}),e.prototype.calculatePctInTens=function(){this.pctInTens=10*Math.ceil(this.value/10)},e.prototype.ngOnDestroy=function(){this.resetSliderIntervalTimer&&clearInterval(this.resetSliderIntervalTimer)},e.prototype.onSliderMouseup=function(){var e=this;100==this.value?this.handleSlideDone():this.resetSliderIntervalTimer=setInterval((function(){e.value>0?e.value-=2:clearInterval(e.resetSliderIntervalTimer),e.changeDetectionRef.markForCheck()}),1)},e.prototype.onSliderValueChange=function(e){this.value=+e,this.slidingPercentageChanged.emit(this.value)},e.prototype.onSliderMousedown=function(){clearInterval(this.resetSliderIntervalTimer)},e.prototype.handleSlideDone=function(){this.slideDone.emit(),this.isSlideDone=!0},e}();oi.decorators=[{type:n.Component,args:[{selector:"kirby-slide-button",template:'<div class="slide-button-container" [ngClass]="{ \'slide-done\': isSlideDone }">\n <input\n type="range"\n (mouseup)="onSliderMouseup()"\n (touchend)="onSliderMouseup()"\n (input)="onSliderValueChange($event.target.value)"\n (mousedown)="onSliderMousedown()"\n (touchstart)="onSliderMousedown()"\n class="slide-button"\n [value]="value"\n max="100"\n />\n <p class="slide-button-text slide-{{ pctInTens }}-pct">{{ text }}</p>\n</div>\n',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[":host{position:relative;display:inline-block;width:256px;-webkit-user-select:none;user-select:none}:host[expand=block]{display:block;width:100%}:host .slide-button-container{width:100%;display:flex;justify-content:center;align-items:center;color:var(--kirby-primary-contrast);background-color:var(--kirby-primary);height:56px;border-radius:26px}:host .slide-10-pct{opacity:.9}:host .slide-20-pct{opacity:.8}:host .slide-30-pct{opacity:.7}:host .slide-40-pct{opacity:.6}:host .slide-50-pct{opacity:.5}:host .slide-60-pct{opacity:.4}:host .slide-70-pct{opacity:.3}:host .slide-80-pct{opacity:.2}:host .slide-90-pct{opacity:.1}:host .slide-100-pct{opacity:0}:host .slide-button-text{position:absolute;font-size:16px;margin:0;line-height:1;z-index:1;width:100%;text-align:center;padding:0 26px 0 56px}:host .slide-button{width:100%;height:100%;-webkit-appearance:none;background:transparent;z-index:2}:host .slide-button::-webkit-slider-thumb{-webkit-appearance:none;border-radius:50%;background-color:var(--kirby-white);background-image:url(/assets/kirby/icons/svg/arrow-more.svg);background-repeat:no-repeat;background-position:50%;background-size:24px;width:52px;height:52px;border:none;cursor:pointer}:host .slide-button::-moz-range-thumb{-webkit-appearance:none;border-radius:50%;background-color:var(--kirby-white);background-image:url(/assets/kirby/icons/svg/arrow-more.svg);background-repeat:no-repeat;background-position:50%;background-size:24px;width:52px;height:52px;border:none;cursor:pointer}:host .slide-done{transition:all .3s ease-in-out;opacity:0;height:0;transform:scale(0);pointer-events:none}"]}]}],oi.ctorParameters=function(){return[{type:n.ChangeDetectorRef}]},oi.propDecorators={text:[{type:n.Input}],expand:[{type:n.Input}],slideDone:[{type:n.Output}],slidingPercentageChanged:[{type:n.Output}]};var ri=function(){function e(e,t){this.elementRef=e,this.renderer=t,this.click=new n.EventEmitter}return e.prototype.ngOnInit=function(){this.removeWrapper()},e.prototype.onClick=function(e,t){if(this.click.emit(e),t){var n=new CustomEvent(An);dispatchEvent(n)}},e.prototype.removeWrapper=function(){var e=this.elementRef.nativeElement.parentNode,t=this.elementRef.nativeElement.childNodes[0];this.renderer.removeChild(e,this.elementRef.nativeElement),this.renderer.appendChild(e,t)},e}();ri.decorators=[{type:n.Component,args:[{selector:"kirby-tab-button",template:'<ion-tab-button #ionTabButton [tab]="routerLink" (click)="onClick($event, ionTabButton.selected)">\n <div class="icon-container" *ngIf="icons.length">\n <ng-content\n *ngIf="icons.length === 1 || !ionTabButton.selected"\n select="kirby-icon[:not([selected-tab])]"\n ></ng-content>\n <ng-content *ngIf="ionTabButton.selected" select="kirby-icon[selected-tab]"></ng-content>\n <ng-content select="kirby-badge"></ng-content>\n </div>\n <ion-label>\n <ng-content></ng-content>\n </ion-label>\n</ion-tab-button>\n',styles:['ion-tab-button{height:100%;flex:1 1 0%;max-width:168px;font-size:10px;--color-selected:utils.get-color("black");--kirby-badge-position:absolute;--kirby-badge-top:0;--kirby-badge-right:0}ion-tab-button ::ng-deep>div kirby-badge.md{--kirby-badge-top:-5px;--kirby-badge-right:-5px}ion-tab-button .icon-container{position:relative}@media (min-width:721px){ion-tab-button{flex:none;padding:0 24px;margin-right:24px;font-size:14px;flex-direction:row}ion-tab-button:last-child{margin-right:0}ion-tab-button .icon-container{margin-right:8px}}@media (min-width:1025px) and (hover:hover) and (pointer:fine){ion-tab-button{padding:0 12px;margin-right:0}}']}]}],ri.ctorParameters=function(){return[{type:n.ElementRef},{type:n.Renderer2}]},ri.propDecorators={routerLink:[{type:n.Input}],click:[{type:n.Output}],icons:[{type:n.ContentChildren,args:[le]}]};var ai=function(){};ai.decorators=[{type:n.NgModule,args:[{imports:[i.IonicModule,un,s.CommonModule],providers:[Mn],declarations:[Ln,ri],exports:[Ln,ri]}]}];var si=this&&this.__awaiter||function(e,t,n,i){return new(n||(n=Promise))((function(o,r){function a(e){try{l(i.next(e))}catch(e){r(e)}}function s(e){try{l(i.throw(e))}catch(e){r(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((i=i.apply(e,t||[])).next())}))},li=function(){function e(e){this.toastController=e}return e.prototype.showToast=function(t){return si(this,void 0,void 0,(function(){var n;return H(this,(function(i){switch(i.label){case 0:return[4,this.toastController.create({animated:t.animated,message:t.message,position:"top",duration:t.durationInMs?t.durationInMs:e.DURATION_IN_MS,cssClass:this.getCssClass(t.messageType)})];case 1:return[4,(n=i.sent()).present()];case 2:return i.sent(),[2,{dismiss:n.dismiss.bind(n),onWillDismiss:n.onWillDismiss(),onDidDismiss:n.onDidDismiss()}]}}))}))},e.prototype.getCssClass=function(t){var n=e.CSS_CLASS;return"danger"===t&&(console.warn("[DEPRECATED] 'danger' message type is deprecated. Use Kirby Alerts for critical warnings. Toast will be shown as 'warning'"),t="warning"),t&&(n+=" "+t),n},e}();li.CSS_CLASS="kirby-toast",li.DURATION_IN_MS=4e3,li.decorators=[{type:n.Injectable}],li.ctorParameters=function(){return[{type:i.ToastController}]};var ci=function(){function e(e){this.toastHelper=e}return e.prototype.showToast=function(e,t){this.toastHelper.showToast(e).then((function(e){t&&e.onDidDismiss.then((function(){return t()}))}))},e}();ci.decorators=[{type:n.Injectable}],ci.ctorParameters=function(){return[{type:li}]};var di=function(){function e(){this.checked=!1,this.disabled=!1,this.checkedChange=new n.EventEmitter}return e.prototype.onCheckedChange=function(e){this.checked=e,this.checkedChange.emit(this.checked)},e}();di.decorators=[{type:n.Component,args:[{selector:"kirby-toggle",template:'<ion-toggle\n [checked]="checked"\n [disabled]="disabled"\n (ionChange)="onCheckedChange($event.detail.checked)"\n></ion-toggle>\n',styles:[".toggle-checked{--background-checked:var(--kirby-success)}"]}]}],di.propDecorators={checked:[{type:n.Input}],disabled:[{type:n.Input}],checkedChange:[{type:n.Output}]};var pi=function(){function e(e,t){var n=this;this.elementRef=e,this.changeDetectorRef=t,this.SIZE_CONFIG={sm:{diameter:40,strokeWidth:3,upperBound:95},md:{diameter:56,strokeWidth:4,upperBound:96},lg:{diameter:96,strokeWidth:6,upperBound:97}},this.value=0,this.size="md",this.themeColor="success",this.onIntersectionChange=function(e){n.hasElementBeenVisible=e&&e.some((function(e){return e.isIntersecting})),n.hasElementBeenVisible&&(n.unobserve(),n.changeDetectorRef.markForCheck())}}return Object.defineProperty(e.prototype,"_cssSize",{get:function(){return this.size},enumerable:!1,configurable:!0}),e.prototype.ngAfterViewInit=function(){this.observer||(this.observer=new IntersectionObserver(this.onIntersectionChange,{threshold:.5}),this.observer.observe(this.elementRef.nativeElement))},e.prototype.ngOnDestroy=function(){this.unobserve()},e.prototype.unobserve=function(){this.observer&&(this.observer.unobserve(this.elementRef.nativeElement),"function"==typeof this.observer.disconnect&&this.observer.disconnect())},Object.defineProperty(e.prototype,"_diameter",{get:function(){return this.SIZE_CONFIG[this.size].diameter},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_shownValue",{get:function(){return this.hasElementBeenVisible?this.value:0},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_radius",{get:function(){return this._diameter/2},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_strokeWidth",{get:function(){return this.SIZE_CONFIG[this.size].strokeWidth},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_upperBound",{get:function(){return this.SIZE_CONFIG[this.size].upperBound},enumerable:!1,configurable:!0}),e}();pi.decorators=[{type:n.Component,args:[{selector:"kirby-progress-circle",template:'<div class="transcluded-content">\n <ng-content></ng-content>\n</div>\n<kirby-progress-circle-ring\n [themeColor]="themeColor"\n [value]="_shownValue"\n [radius]="_radius"\n [strokeWidth]="_strokeWidth"\n [upperBound]="_upperBound"\n>\n</kirby-progress-circle-ring>\n',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[":host{display:inline-block;position:relative}.transcluded-content,kirby-progress-circle-ring{position:absolute;top:0;left:0}kirby-progress-circle-ring{z-index:2}.transcluded-content{width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1;border-radius:50%;overflow:hidden}"]}]}],pi.ctorParameters=function(){return[{type:n.ElementRef},{type:n.ChangeDetectorRef}]},pi.propDecorators={value:[{type:n.Input}],size:[{type:n.Input}],themeColor:[{type:n.Input}],_cssSize:[{type:n.HostBinding,args:["class"]}],_diameter:[{type:n.HostBinding,args:["style.width.px"]},{type:n.HostBinding,args:["style.height.px"]}]};var hi=function(){function e(){this.size="md",this.themeColor="transparent"}return Object.defineProperty(e.prototype,"_cssClass",{get:function(){return[this.themeColor,this.size]},enumerable:!1,configurable:!0}),e}();hi.decorators=[{type:n.Component,args:[{selector:"kirby-flag",template:"\n <ng-content></ng-content>\n ",changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[":host{display:inline-block;background-color:var(--kirby-flag-background-color,transparent);color:var(--kirby-flag-color,var(--kirby-white-contrast));border:1px solid var(--kirby-flag-border-color,var(--kirby-medium));border-radius:4px;font-size:16px;padding:2px 8px}:host.sm{font-size:14px}:host.xs{font-size:12px;padding-left:4px;padding-right:4px}:host(.success){--kirby-flag-background-color:var(--kirby-success);--kirby-flag-color:var(--kirby-success-contrast);--kirby-flag-border-color:var(--kirby-success)}:host(.warning){--kirby-flag-background-color:var(--kirby-warning);--kirby-flag-color:var(--kirby-warning-contrast);--kirby-flag-border-color:var(--kirby-warning)}:host(.danger){--kirby-flag-background-color:var(--kirby-danger);--kirby-flag-color:var(--kirby-danger-contrast);--kirby-flag-border-color:var(--kirby-danger)}:host(.semi-light){--kirby-flag-background-color:var(--kirby-semi-light);--kirby-flag-color:var(--kirby-semi-light-contrast);--kirby-flag-border-color:var(--kirby-semi-light)}"]}]}],hi.propDecorators={size:[{type:n.Input}],themeColor:[{type:n.Input}],_cssClass:[{type:n.HostBinding,args:["class"]}]};var ui=function(){};ui.decorators=[{type:n.Directive,args:[{selector:"[kirbySlide]"}]}];var gi=function(){function e(){this.selectedSlide=new n.EventEmitter}return e.prototype.ngAfterViewInit=function(){this.slideTo(0)},e.prototype.onSlideChanged=function(){var e=this;this.ionSlides.getActiveIndex().then((function(t){e.selectedSlide.emit({slide:e.slides[t],index:t})}))},e.prototype.slideTo=function(e){this.ionSlides.slideTo(e)},e}();gi.decorators=[{type:n.Component,args:[{selector:"kirby-slides",template:'\n <ion-slides [options]="slidesOptions" #ionslides (ionSlideDidChange)="onSlideChanged()">\n <ion-slide *ngFor="let slide of slides; let i = index">\n <ng-container\n *ngTemplateOutlet="slideTemplate; context: { $implicit: slide, index: i }"\n ></ng-container>\n </ion-slide>\n </ion-slides>\n ',changeDetection:n.ChangeDetectionStrategy.OnPush}]}],gi.propDecorators={ionSlides:[{type:n.ViewChild,args:["ionslides",{static:!1}]}],slidesOptions:[{type:n.Input}],slides:[{type:n.Input}],selectedSlide:[{type:n.Output}],slideTemplate:[{type:n.ContentChild,args:[ui,{static:!0,read:n.TemplateRef}]}]};var mi=function(){function e(){this.checkChanged=new n.EventEmitter}return e.prototype.onClick=function(){this.checked=!this.checked,this.checkChanged.emit(this.checked)},e}();mi.decorators=[{type:n.Component,args:[{selector:"kirby-toggle-button",template:'<ng-container *ngIf="!checked">\n <ng-content select="button[kirby-button][unchecked]"></ng-content>\n</ng-container>\n<ng-container *ngIf="checked">\n <ng-content select="button[kirby-button][checked]"></ng-content>\n</ng-container>\n',changeDetection:n.ChangeDetectionStrategy.OnPush}]}],mi.propDecorators={checked:[{type:n.Input}],checkChanged:[{type:n.Output}],onClick:[{type:n.HostListener,args:["click"]}]};var bi=function(){};bi.decorators=[{type:n.Directive,args:[{selector:"[kirbyAccordion], kirby-accordion",exportAs:"kirby-accordion"}]}];var yi=0,fi=function(){this.isExpanded=!1,this._titleId="kirby-accordion-item-title-"+ ++yi,this._contentId="kirby-accordion-item-content-"+yi};fi.decorators=[{type:n.Component,args:[{selector:"kirby-accordion-item",template:'<ng-container>\n <div\n (click)="isExpanded = !isExpanded"\n class="header"\n role="button"\n [class.expanded]="isExpanded"\n [attr.aria-expanded]="isExpanded"\n [attr.aria-controls]="_contentId"\n [id]="_titleId"\n >\n <div class="title">{{ title }}</div>\n <kirby-icon name="arrow-down"></kirby-icon>\n </div>\n <div\n class="content"\n role="region"\n [attr.aria-labelledby]="_titleId"\n [id]="_contentId"\n [@isExpanded]="!!isExpanded"\n >\n <div class="content-body">\n <ng-content></ng-content>\n </div>\n </div>\n</ng-container>\n',changeDetection:n.ChangeDetectionStrategy.OnPush,animations:[I.trigger("isExpanded",[I.state("true",I.style({height:"*",visibility:"visible"})),I.state("false",I.style({height:"0px",visibility:"hidden"})),I.transition("true <=> false",I.animate("0.2s"))])],styles:[":host{display:block;border-top:1px solid var(--kirby-medium);border-bottom:1px solid var(--kirby-medium)}.header{display:flex;align-items:center;height:56px;padding-left:16px;padding-right:16px;cursor:pointer;-webkit-user-select:none;user-select:none}.title{flex-grow:2}.kirby-icon{transition:transform .2s}.content{overflow:hidden}.content-body{padding:0 16px 16px}.expanded .title{font-weight:700}.expanded .kirby-icon{transform:rotate(180deg)}:host-context(kirby-accordion):not(:first-child){border-top:none}:host-context(kirby-card){border-color:var(--kirby-background-color)}:host-context(kirby-card):first-child{border-top:none}:host-context(kirby-card):last-child{border-bottom:none}"]}]}],fi.propDecorators={title:[{type:n.Input}],isExpanded:[{type:n.Input}]};var vi=function(){function e(){this.step=1,this.disabled=!1,this.change=new n.EventEmitter,this.onTouched=function(){},this.propagateChange=function(e){}}return Object.defineProperty(e.prototype,"value",{get:function(){return this.currentValue},set:function(e){e!==this.currentValue&&(this.currentValue=e,this.propagateChange(this.currentValue),this.change.emit(this.currentValue))},enumerable:!1,configurable:!0}),e.prototype.ngOnChanges=function(e){var t=this;this.ticks&&((this.max-this.min)/this.step>9&&(this.step=(this.max-this.min)/9),this.value=this.getTicks().reduce((function(e,n){return Math.abs(n-t.value)<Math.abs(e-t.value)?n:e})))},e.prototype.getTicks=function(){for(var e=[],t=Number(this.min);t<=Number(this.max);t+=Number(this.step))e.push(t);return e},e.prototype.setDisabledState=function(e){this.disabled=e},e.prototype._onRangeValueChange=function(e){this.writeValue(e.detail.value)},e.prototype.writeValue=function(e){void 0!==e&&(this.value=e)},e.prototype.registerOnTouched=function(e){this.onTouched=e},e.prototype.registerOnChange=function(e){this.propagateChange=e},e}();vi.decorators=[{type:n.Component,args:[{selector:"kirby-range",template:'<ion-range\n (ionChange)="_onRangeValueChange($event)"\n [min]="min"\n [max]="max"\n [step]="step"\n [value]="value"\n [pin]="pin"\n [snaps]="ticks"\n [ticks]="ticks"\n [debounce]="debounce"\n [disabled]="disabled"\n>\n</ion-range>\n\n<label *ngIf="minLabel" class="min-label">{{ minLabel }}</label>\n<label *ngIf="maxLabel" class="max-label">{{ maxLabel }}</label>\n',providers:[{provide:k.NG_VALUE_ACCESSOR,multi:!0,useExisting:n.forwardRef((function(){return vi}))}],styles:[':host{display:flex;justify-content:space-between;flex-wrap:wrap}ion-range{--knob-background:var(--kirby-white);--knob-box-shadow:0 5px 10px 0px rgba(28,28,28,0.3),0 0 5px 0 rgba(28,28,28,0.08);--knob-size:24px;--pin-color:var(--kirby-text-color-black);--pin-background:var(--kirby-semi-light);--bar-background:var(--kirby-medium);--bar-background-active:var(--kirby-dark);--bar-border-radius:4px;--bar-height:2px;flex:1 1 100%;padding:0}ion-range.range-disabled{--knob-background:var(--kirby-semi-light);--knob-box-shadow:none;--bar-background:var(--kirby-semi-light);--bar-background-active:var(--kirby-semi-light)}ion-range.range-disabled::part(tick){background:var(--kirby-semi-light)}ion-range.range-has-pin{padding:0 3px}ion-range::part(pin){font-size:12px;color:var(--pin-color);background-color:var(--pin-background);padding:2px 4px;border-radius:4px;min-width:40px;position:relative}ion-range::part(pin):before{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);display:block;border:6px solid transparent;border-top:6px solid var(--pin-background)}ion-range::part(tick),ion-range::part(tick-active){border-radius:50%;width:6px;height:6px;z-index:1;margin-inline-start:-3px}ion-range::part(tick){background:var(--kirby-medium)}label{font-size:12px;line-height:16px;color:var(--kirby-text-color-semi-dark);margin-top:-4px}']}]}],vi.propDecorators={minLabel:[{type:n.Input}],maxLabel:[{type:n.Input}],debounce:[{type:n.Input}],max:[{type:n.Input}],min:[{type:n.Input}],pin:[{type:n.Input}],step:[{type:n.Input}],ticks:[{type:n.Input}],disabled:[{type:n.Input}],value:[{type:n.Input}],change:[{type:n.Output}]};var ki=function(){function e(e){this.element=e}return e.prototype.keyEvent=function(e){" "!==e.key&&"Enter"!==e.key&&"Spacebar"!==e.key||(e.preventDefault(),this.element.nativeElement.click())},e}();ki.decorators=[{type:n.Directive,args:[{selector:"[keyHandler]"}]}],ki.ctorParameters=function(){return[{type:n.ElementRef}]},ki.propDecorators={keyEvent:[{type:n.HostListener,args:["keyup",["$event"]]}]};var xi=function(){function e(){this._isDefault=!0}return Object.defineProperty(e.prototype,"isDefault",{get:function(){return this._isDefault},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isPrimary",{get:function(){return this._isPrimary},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isSecondary",{get:function(){return this._isSecondary},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isTertiary",{get:function(){return this._isTertiary},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isSuccess",{get:function(){return this._isSuccess},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isWarning",{get:function(){return this._isWarning},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isDanger",{get:function(){return this._isDanger},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isLight",{get:function(){return this._isLight},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isMedium",{get:function(){return this._isMedium},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isDark",{get:function(){return this._isDark},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isWhite",{get:function(){return this._isWhite},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isBrightnessWhite",{get:function(){return this._isBrightnessWhite},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isBrightnessLight",{get:function(){return this._isBrightnessLight},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isBrightnessDark",{get:function(){return this._isBrightnessDark},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"themeColor",{set:function(e){this._isDefault=!e,this._isPrimary="primary"===e,this._isSecondary="secondary"===e,this._isTertiary="tertiary"===e,this._isSuccess="success"===e,this._isWarning="warning"===e,this._isDanger="danger"===e,this._isLight="light"===e,this._isMedium="medium"===e,this._isDark="dark"===e,this._isWhite="white"===e;var n=t.ColorHelper.getColorBrightness(e);this._isBrightnessWhite="white"===n,this._isBrightnessLight="light"===n,this._isBrightnessDark="dark"===n},enumerable:!1,configurable:!0}),e}();xi.decorators=[{type:n.Directive,args:[{selector:"kirby-avatar[themeColor],\n kirby-card[themeColor],\n kirby-icon[themeColor],\n kirby-progress-circle-ring[themeColor],\n kirby-modal-footer[themeColor],\n kirby-empty-state[themeColor]"}]}],xi.propDecorators={isDefault:[{type:n.HostBinding,args:["class.default"]}],isPrimary:[{type:n.HostBinding,args:["class.primary"]}],isSecondary:[{type:n.HostBinding,args:["class.secondary"]}],isTertiary:[{type:n.HostBinding,args:["class.tertiary"]}],isSuccess:[{type:n.HostBinding,args:["class.success"]}],isWarning:[{type:n.HostBinding,args:["class.warning"]}],isDanger:[{type:n.HostBinding,args:["class.danger"]}],isLight:[{type:n.HostBinding,args:["class.light"]}],isMedium:[{type:n.HostBinding,args:["class.medium"]}],isDark:[{type:n.HostBinding,args:["class.dark"]}],isWhite:[{type:n.HostBinding,args:["class.white"]}],isBrightnessWhite:[{type:n.HostBinding,args:["class.kirby-color-brightness-white"]}],isBrightnessLight:[{type:n.HostBinding,args:["class.kirby-color-brightness-light"]}],isBrightnessDark:[{type:n.HostBinding,args:["class.kirby-color-brightness-dark"]}],themeColor:[{type:n.Input}]};function wi(e){return function(t){var n,i,o;return e.inputs&&(n=t,i=e.inputs,o=n.prototype,i.forEach((function(e){Object.defineProperty(o,e,{get:function(){return this.el[e]},set:function(t){var n=this;this.z.runOutsideAngular((function(){return n.el[e]=t}))}})}))),e.methods&&function(e,t){var n=e.prototype;t.forEach((function(e){n[e]=function(){var t=this,n=arguments;return this.z.runOutsideAngular((function(){return t.el[e].apply(t.el,n)}))}}))}(t,e.methods),t}}var Ci=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},Ii=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};e.BadgeComponent=function(e,t,n){this.z=n,e.detach(),this.el=t.nativeElement},e.BadgeComponent.decorators=[{type:n.Component,args:[{selector:"kirby-badge",changeDetection:n.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["size","text","themeColor"]}]}],e.BadgeComponent.ctorParameters=function(){return[{type:n.ChangeDetectorRef},{type:n.ElementRef},{type:n.NgZone}]},e.BadgeComponent=Ci([wi({inputs:["size","text","themeColor"]}),Ii("design:paramtypes",[n.ChangeDetectorRef,n.ElementRef,n.NgZone])],e.BadgeComponent);var Ei=function(){};Ei.decorators=[{type:n.NgModule,args:[{declarations:[wt],exports:[wt],providers:[st]}]}];var Oi=[In,Sn,zt,Ht,jt,On,Nt,Ft,En,Vt,Tn],Si=N(Oi,[Dn,xn,Sn]),Di=function(){};Di.decorators=[{type:n.NgModule,args:[{declarations:Si,imports:[s.CommonModule,un,i.IonicModule,Xn],exports:Oi,providers:[]}]}];var Ti=function(){function e(){this.value=0,this.themeColor="success"}return Object.defineProperty(e.prototype,"_offset",{get:function(){return this.value<this.upperBound||this.value>99?this.calculateOffset(this.value):this.calculateOffset(this.upperBound)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_diameter",{get:function(){return 2*this.radius},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_centerRadius",{get:function(){return this.radius-this.strokeWidth/2},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_centerCircumference",{get:function(){return 2*this._centerRadius*Math.PI},enumerable:!1,configurable:!0}),e.prototype.calculateOffset=function(e){return this._centerCircumference-this._centerCircumference*(e/100)},e}();Ti.decorators=[{type:n.Component,args:[{selector:"kirby-progress-circle-ring",template:'<svg [attr.width]="_diameter" [attr.height]="_diameter">\n <circle\n shape-rendering="geometricPrecision"\n class="circle"\n fill="transparent"\n [attr.stroke-width]="strokeWidth"\n [attr.r]="_centerRadius"\n [attr.cx]="radius"\n [attr.cy]="radius"\n />\n <circle\n shape-rendering="geometricPrecision"\n class="progress"\n fill="transparent"\n stroke-linecap="round"\n [attr.stroke-width]="strokeWidth"\n [attr.r]="_centerRadius"\n [attr.cx]="radius"\n [attr.cy]="radius"\n [attr.stroke-dashoffset]="_offset"\n [attr.stroke-dasharray]="_centerCircumference"\n />\n</svg>',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[".circle{stroke:var(--kirby-semi-light)}.progress{transition-property:stroke-dashoffset,stroke;transition-duration:1s;transition-timing-function:ease;transform:rotate(-90deg);transform-origin:50% 50%;stroke:var(--kirby-progress-circle-stroke-color,var(--kirby-success))}:host.success{--kirby-progress-circle-stroke-color:#2cf287}:host.warning{--kirby-progress-circle-stroke-color:#ffca3a}:host.danger{--kirby-progress-circle-stroke-color:#ff595e}"]}]}],Ti.propDecorators={radius:[{type:n.Input}],value:[{type:n.Input}],themeColor:[{type:n.Input}],strokeWidth:[{type:n.Input}],upperBound:[{type:n.Input}],_diameter:[{type:n.HostBinding,args:["style.width.px"]},{type:n.HostBinding,args:["style.height.px"]}]};var Ri=[mi],Pi=function(){};Pi.decorators=[{type:n.NgModule,args:[{declarations:N(Ri),imports:[s.CommonModule],exports:N(Ri)}]}];var _i=function(e){return function(){E.defineCustomElements(e.defaultView)}};function Ai(){return{provide:n.APP_INITIALIZER,useFactory:_i,deps:[s.DOCUMENT],multi:!0}}var Mi=function(){function e(e,t){this.card=e,this.clickableElement=t,this.role="button",this.tabindex=0}return e.prototype.ngOnInit=function(){this.card&&(this.card.flat=!1)},e.prototype._onKeydownHandler=function(e){this.clickableElement.nativeElement.click(e)},e}();Mi.decorators=[{type:n.Directive,args:[{selector:"kirby-card[click]"}]}],Mi.ctorParameters=function(){return[{type:Ce,decorators:[{type:n.Optional}]},{type:n.ElementRef}]},Mi.propDecorators={role:[{type:n.HostBinding,args:["attr.role"]}],tabindex:[{type:n.HostBinding,args:["attr.tabindex"]}],_onKeydownHandler:[{type:n.HostListener,args:["keydown.space",["$event"]]},{type:n.HostListener,args:["keydown.enter",["$event"]]}]};var Li=function(){function e(e){this.modalNavigationService=e}return e.prototype.onClick=function(){return this.modalNavigationService.navigateToModal(this.path,"string"!=typeof this.queryParams?this.queryParams:null),!1},e}();Li.decorators=[{type:n.Directive,args:[{selector:"[kirbyModalRouterLink]"}]}],Li.ctorParameters=function(){return[{type:Z}]},Li.propDecorators={path:[{type:n.Input,args:["kirbyModalRouterLink"]}],queryParams:[{type:n.Input,args:["kirbyModalQueryParams"]}],onClick:[{type:n.HostListener,args:["click"]}]};var Bi=[Ce,Ee,Ie,ce,qe,Ot,pn,Ze,we,Cn,Tt,_t,W,_n,Li,ii,At,e.BadgeComponent,xi,rn,an,oi,di,Kt,nn,en,Qt,tn,sn,Lt,Pn,qt,kn,pi,hi,gi,ui,bi,fi,Rt,Zt,Jt,vi,Mi,bn,ni],zi=N(Bi,[ki,on,Y,ue,ee,Ti,Yt]),Hi=[xe,ei,Qn,ai,un,mn,Pi,Di,Ei,Xn],ji=N(Hi,Bi),Fi=N(Hi),Ni=[fe,$,be,q,li,ci,cn,vn,de,pe,Ai()],Wi=[ue,ee,W,Y],Vi=new n.InjectionToken("USERCONFIG"),$i=function(){function e(e,t){e.initialize(t&&t.moduleRootRoutePath)}return e.forChild=function(t){return{ngModule:e,providers:[{provide:Vi,useValue:t}]}},e}();$i.decorators=[{type:n.NgModule,args:[{imports:N([s.CommonModule,o.RouterModule,i.IonicModule.forRoot({mode:"ios",inputShims:!0,scrollAssist:!0,scrollPadding:!1})],Fi),declarations:zi,providers:Ni,entryComponents:Wi,exports:ji}]}],$i.ctorParameters=function(){return[{type:fe},{type:void 0,decorators:[{type:n.Optional},{type:n.Inject,args:[Vi]}]}]},Object.defineProperty(e,"ColorHelper",{enumerable:!0,get:function(){return t.ColorHelper}}),Object.defineProperty(e,"DesignTokenHelper",{enumerable:!0,get:function(){return t.DesignTokenHelper}}),Object.defineProperty(e,"camelToKebabCase",{enumerable:!0,get:function(){return t.camelToKebabCase}}),Object.defineProperty(e,"capitalizeFirstLetter",{enumerable:!0,get:function(){return t.capitalizeFirstLetter}}),Object.defineProperty(e,"kebabToCamelCase",{enumerable:!0,get:function(){return t.kebabToCamelCase}}),Object.defineProperty(e,"kebabToTitleCase",{enumerable:!0,get:function(){return t.kebabToTitleCase}}),Object.defineProperty(e,"IonRouterOutlet",{enumerable:!0,get:function(){return i.IonRouterOutlet}}),Object.defineProperty(e,"NavController",{enumerable:!0,get:function(){return i.NavController}}),Object.defineProperty(e,"Chart",{enumerable:!0,get:function(){return p.Chart}}),e.AccordionDirective=bi,e.AccordionItemComponent=fi,e.ActionSheetComponent=W,e.AppComponent=ve,e.AppModule=xe,e.AvatarComponent=we,e.ButtonComponent=ce,e.COMPONENT_PROPS=X,e.CalendarComponent=Tt,e.CardComponent=Ce,e.CardFooterComponent=Ie,e.CardHeaderComponent=Ee,e.ChartComponent=wt,e.ChartDeprecatedComponent=qe,e.CheckboxComponent=_t,e.ChipComponent=At,e.ComponentLoaderDirective=Ze,e.DateInputDirective=rn,e.DecimalMaskDirective=an,e.DividerComponent=Lt,e.DropdownComponent=qt,e.EmptyStateComponent=Kt,e.FabSheetComponent=sn,e.FitHeadingDirective=Zn,e.FitHeadingModule=Jn,e.FlagComponent=hi,e.FormFieldComponent=nn,e.FormFieldMessageComponent=on,e.GridCardConfiguration=hn,e.GridComponent=pn,e.GroupByPipe=Cn,e.ICON_SETTINGS=ne,e.IconComponent=le,e.IconModule=un,e.IconRegistryService=ie,e.InfiniteScrollDirective=xn,e.InputComponent=en,e.InputCounterComponent=Qt,e.ItemComponent=Bt,e.ItemGroupComponent=bn,e.ItemModule=mn,e.ItemSlidingComponent=Rt,e.KeyHandlerDirective=ki,e.KirbyModule=$i,e.LabelComponent=gn,e.ListComponent=In,e.ListExperimentalComponent=Tn,e.ListFlexItemDirective=Ht,e.ListFooterDirective=Vt,e.ListHeaderComponent=En,e.ListHeaderDirective=Ft,e.ListItemColorDirective=Dn,e.ListItemComponent=Sn,e.ListItemDirective=zt,e.ListItemTemplateDirective=jt,e.ListSectionHeaderComponent=On,e.ListSectionHeaderDirective=Nt,e.LoadingOverlayComponent=kn,e.LoadingOverlayService=vn,e.Modal=J,e.ModalController=fe,e.ModalFooterComponent=_n,e.PageActionsComponent=Vn,e.PageActionsDirective=Hn,e.PageComponent=$n,e.PageContentComponent=Wn,e.PageContentDirective=jn,e.PageFooterComponent=Un,e.PageModule=Qn,e.PageProgressComponent=Fn,e.PageTitleComponent=Nn,e.PageTitleDirective=Bn,e.PageToolbarTitleDirective=zn,e.PlatformService=te,e.PopoverComponent=Yt,e.ProgressCircleComponent=pi,e.RadioComponent=Zt,e.RadioGroupComponent=Jt,e.RangeComponent=vi,e.ReorderEvent=Rn,e.ReorderListComponent=Pn,e.ResizeObserverFactory=de,e.ResizeObserverService=pe,e.RouterOutletComponent=z,e.RouterOutletModule=ei,e.ScssHelper=ln,e.SectionHeaderComponent=ni,e.SegmentedControlComponent=ii,e.SlideButtonComponent=oi,e.SlideDirective=ui,e.SlidesComponent=gi,e.SpinnerComponent=yn,e.StockChartDeprecatedComponent=Ot,e.TabButtonComponent=ri,e.TabsComponent=Ln,e.TabsModule=ai,e.TabsService=Mn,e.TextareaComponent=tn,e.ThemeColorDirective=xi,e.ToastController=ci,e.ToggleButtonComponent=mi,e.ToggleComponent=di,e.annotations=Ct,e.defaultIcons=ae,e.elementHasAncestor=Je,e.isNumberArray=Ke,e.selectedTabClickEvent=An,e.stockChartDeprecatedOptions=function(e,n){var i=It(e),o="rgba(255,255,255,0)";return i.chart.backgroundColor=o,i.chart.height=n,i.tooltip.backgroundColor=t.ColorHelper.getThemeColorRgbString("background-color"),i.tooltip.formatter=function(){return'<div class="kirby-text-xsmall">'+b.dateFormat("%e. %b",new Date(this.x))+'</div><br/><div class="kirby-text-small kirby-text-bold">'+s.formatNumber(this.y,e)+"</div>"},i.plotOptions.area.fillColor=o,i.plotOptions.area.lineColor=t.ColorHelper.getThemeColorRgbString("tertiary"),i.plotOptions.area.marker.lineColor="rgba(255,255,255,0.3)",i.plotOptions.area.marker.fillColor=t.ColorHelper.getThemeColorRgbString("primary"),i.xAxis=Object.assign(Object.assign({},i.xAxis),{crosshair:{color:t.ColorHelper.getThemeColorRgbString("primary")},tickColor:o,lineColor:t.ColorHelper.getThemeColorRgbString("medium"),labels:{style:{color:t.ColorHelper.getThemeColorRgbString("semi-dark-tint")}}}),i.yAxis=Object.assign(Object.assign({},i.yAxis),{lineColor:o,gridLineColor:t.ColorHelper.getThemeColorRgbString("medium"),labels:{style:{color:t.ColorHelper.getThemeColorRgbString("semi-dark-tint")}}}),i},e.ɵ0=Et,e.ɵa=wi,e.ɵb=xe,e.ɵba=ue,e.ɵbb=J,e.ɵbc=ce,e.ɵbd=le,e.ɵbe=ie,e.ɵbg=ne,e.ɵbh=pe,e.ɵbi=de,e.ɵbj=Jn,e.ɵbk=Zn,e.ɵbl=Gn,e.ɵbm=Xn,e.ɵbn=yn,e.ɵbo=ai,e.ɵbp=un,e.ɵbq=ri,e.ɵbr=mn,e.ɵbs=Bt,e.ɵbt=gn,e.ɵbu=Pi,e.ɵbv=mi,e.ɵbw=Di,e.ɵbx=In,e.ɵby=wn,e.ɵbz=Cn,e.ɵc=ve,e.ɵca=xn,e.ɵcb=zt,e.ɵcc=Ht,e.ɵcd=jt,e.ɵce=Ft,e.ɵcf=Nt,e.ɵcg=Vt,e.ɵch=Sn,e.ɵci=On,e.ɵcj=En,e.ɵck=Tn,e.ɵcl=Dn,e.ɵcm=Ei,e.ɵcn=wt,e.ɵco=xt,e.ɵcp=st,e.ɵcq=Ce,e.ɵcr=Ee,e.ɵcs=Ie,e.ɵct=qe,e.ɵcu=Te,e.ɵcv=Fe,e.ɵcw=Ne,e.ɵcx=_e,e.ɵcy=Ae,e.ɵcz=We,e.ɵd=z,e.ɵda=Ve,e.ɵdb=Re,e.ɵdc=Pe,e.ɵdd=Ot,e.ɵde=pn,e.ɵdf=cn,e.ɵdg=Ze,e.ɵdh=we,e.ɵdi=Tt,e.ɵdj=Dt,e.ɵdk=_t,e.ɵdl=W,e.ɵdm=_n,e.ɵdn=Li,e.ɵdo=ii,e.ɵdp=At,e.ɵdq=xi,e.ɵdr=rn,e.ɵds=an,e.ɵdt=oi,e.ɵdu=di,e.ɵdv=Kt,e.ɵdw=nn,e.ɵdx=Qt,e.ɵdy=Jt,e.ɵdz=Zt,e.ɵe=fe,e.ɵea=en,e.ɵeb=tn,e.ɵec=sn,e.ɵed=Lt,e.ɵee=Pn,e.ɵef=qt,e.ɵeg=Yt,e.ɵeh=Gt,e.ɵei=kn,e.ɵej=pi,e.ɵek=hi,e.ɵel=ui,e.ɵem=gi,e.ɵen=bi,e.ɵeo=fi,e.ɵep=Rt,e.ɵeq=vi,e.ɵer=Mi,e.ɵes=bn,e.ɵet=ni,e.ɵeu=ki,e.ɵev=on,e.ɵew=Y,e.ɵex=ee,e.ɵey=Ti,e.ɵez=li,e.ɵf=be,e.ɵfa=ci,e.ɵfb=vn,e.ɵfc=_i,e.ɵfd=Ai,e.ɵg=ge,e.ɵh=te,e.ɵi=U,e.ɵj=$,e.ɵk=q,e.ɵl=Z,e.ɵm=ei,e.ɵn=Qn,e.ɵo=Bn,e.ɵp=zn,e.ɵq=Hn,e.ɵr=jn,e.ɵs=Fn,e.ɵt=Nn,e.ɵu=Wn,e.ɵv=Vn,e.ɵw=$n,e.ɵx=Ln,e.ɵy=Mn,e.ɵz=Un,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@kirbydesign/core"),require("@angular/core"),require("@ionic/angular"),require("@angular/router"),require("rxjs"),require("rxjs/operators"),require("@angular/common"),require("highcharts"),require("date-fns"),require("ts-deepcopy"),require("chart.js"),require("chartjs-adapter-date-fns"),require("chartjs-plugin-annotation"),require("chartjs-plugin-datalabels"),require("chart.js/helpers"),require("highcharts/highstock"),require("highcharts/modules/annotations"),require("date-fns-tz"),require("date-fns/locale"),require("@angular/forms"),require("inputmask/lib/extensions/inputmask.date.extensions"),require("inputmask/lib/inputmask"),require("inputmask/lib/extensions/inputmask.numeric.extensions"),require("@angular/animations"),require("@kirbydesign/core/loader")):"function"==typeof define&&define.amd?define("@kirbydesign/designsystem",["exports","@kirbydesign/core","@angular/core","@ionic/angular","@angular/router","rxjs","rxjs/operators","@angular/common","highcharts","date-fns","ts-deepcopy","chart.js","chartjs-adapter-date-fns","chartjs-plugin-annotation","chartjs-plugin-datalabels","chart.js/helpers","highcharts/highstock","highcharts/modules/annotations","date-fns-tz","date-fns/locale","@angular/forms","inputmask/lib/extensions/inputmask.date.extensions","inputmask/lib/inputmask","inputmask/lib/extensions/inputmask.numeric.extensions","@angular/animations","@kirbydesign/core/loader"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).kirbydesign=e.kirbydesign||{},e.kirbydesign.designsystem={}),e.core,e.ng.core,e.ionic,e.ng.router,e.rxjs,e.rxjs.operators,e.ng.common,e.highcharts,e["date-fns"],e._deepCopy,e.chart_js,null,e.annotationPlugin,e.ChartDataLabels,e.helpers,e["highcharts/highstock"],e.highcharts,e["date-fns-tz"],e.locale,e.ng.forms,null,e.inputmask,null,e.ng.animations,e.loader)}(this,(function(e,t,n,i,o,r,a,s,l,c,d,p,h,u,g,m,b,y,f,v,k,x,w,C,I,O){"use strict";function E(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function S(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var D,T,R=S(l),P=E(d),_=E(u),A=E(g),M=S(b),L=E(y),B=E(w);T=e.KirbyAnimation||(e.KirbyAnimation={}),(D=T.Duration||(T.Duration={}))[D.QUICK=parseInt(t.DesignTokenHelper.transitionDuration("quick"))]="QUICK",D[D.SHORT=parseInt(t.DesignTokenHelper.transitionDuration("short"))]="SHORT",D[D.LONG=parseInt(t.DesignTokenHelper.transitionDuration("long"))]="LONG",D[D.EXTRA_LONG=parseInt(t.DesignTokenHelper.transitionDuration("extraLong"))]="EXTRA_LONG",T.Easing=t.DesignTokenHelper.transitionEasings();var z=function(){};z.decorators=[{type:n.Component,args:[{selector:"kirby-router-outlet",template:'<ng-container *ngIf="main">\n <ion-router-outlet main></ion-router-outlet>\n</ng-container>\n<ng-container *ngIf="!main">\n <ion-router-outlet></ion-router-outlet>\n</ng-container>\n',styles:[":host{left:0;right:0;top:0;bottom:0;position:absolute;contain:size layout style;z-index:0;overflow:hidden;background-color:var(--kirby-background-color)}"]}]}],z.propDecorators={main:[{type:n.Input}]};function H(e,t){var n,i,o,r,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return r={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(r[Symbol.iterator]=function(){return this}),r;function s(r){return function(s){return function(r){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,i&&(o=2&r[0]?i.return:r[0]?i.throw||((o=i.return)&&o.call(i),0):i.next)&&!(o=o.call(i,r[1])).done)return o;switch(i=0,o&&(r=[2&r[0],o.value]),r[0]){case 0:case 1:o=r;break;case 4:return a.label++,{value:r[1],done:!1};case 5:a.label++,i=r[1],r=[0];continue;case 7:r=a.ops.pop(),a.trys.pop();continue;default:if(!(o=a.trys,(o=o.length>0&&o[o.length-1])||6!==r[0]&&2!==r[0])){a=0;continue}if(3===r[0]&&(!o||r[1]>o[0]&&r[1]<o[3])){a.label=r[1];break}if(6===r[0]&&a.label<o[1]){a.label=o[1],o=r;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(r);break}o[2]&&a.ops.pop(),a.trys.pop();continue}r=t.call(e,a)}catch(e){r=[6,e],i=0}finally{n=o=0}if(5&r[0])throw r[1];return{value:r[0]?r[1]:void 0,done:!0}}([r,s])}}}Object.create;function j(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],i=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&i>=e.length&&(e=void 0),{value:e&&e[i++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function F(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var i,o,r=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(i=r.next()).done;)a.push(i.value)}catch(e){o={error:e}}finally{try{i&&!i.done&&(n=r.return)&&n.call(r)}finally{if(o)throw o.error}}return a}function N(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(F(arguments[t]));return e}Object.create;var W=function(){function e(){this.cancelButtonText="Cancel",this.hideCancel=!1,this.disabled=!1,this.cancel=new n.EventEmitter,this.itemSelect=new n.EventEmitter}return e.prototype.onItemSelect=function(e){this.itemSelect.emit(e)},e.prototype.onCancel=function(){this.cancel.emit()},e}();W.decorators=[{type:n.Component,args:[{selector:"kirby-action-sheet",template:'<kirby-card>\n <kirby-card-header *ngIf="header" [title]="header" [isTitleBold]="true" [subtitle]="subheader">\n </kirby-card-header>\n <button\n kirby-button\n expand="block"\n size="lg"\n attentionLevel="4"\n (click)="onItemSelect(item)"\n *ngFor="let item of items"\n >\n {{ item.text }}\n </button>\n</kirby-card>\n<button\n *ngIf="!hideCancel"\n kirby-button\n class="cancel-btn"\n size="lg"\n attentionLevel="2"\n (click)="onCancel()"\n>\n {{ cancelButtonText }}\n</button>\n',styles:[":host{--kirby-internal-margin-horizontal-default:32px;--kirby-internal-margin-horizontal-total:calc(2 * var(--kirby-action-sheet-margin-horizontal, var(--kirby-internal-margin-horizontal-default)));display:flex;flex-direction:column;align-items:center;justify-content:flex-end;margin:0 auto;width:calc(100vw - var(--kirby-internal-margin-horizontal-total));max-width:calc(375px - var(--kirby-internal-margin-horizontal-total))}@media (max-width:320px){:host{--kirby-internal-margin-horizontal-default:16px}}kirby-card{align-self:stretch;pointer-events:auto;box-shadow:0 20px 30px -15px rgba(28,28,28,.3),0 0 5px 0 rgba(28,28,28,.08)}kirby-card button[kirby-button]{margin:0;border-radius:0}kirby-card button[kirby-button]:not(:focus){border-top:1px solid var(--kirby-background-color)}.cancel-btn{font-weight:700;margin-top:16px;margin-bottom:24px;pointer-events:auto;box-shadow:0 20px 30px -15px rgba(28,28,28,.3),0 0 5px 0 rgba(28,28,28,.08)}"]}]}],W.propDecorators={cancelButtonText:[{type:n.Input}],hideCancel:[{type:n.Input}],disabled:[{type:n.Input}],header:[{type:n.Input}],subheader:[{type:n.Input}],items:[{type:n.Input}],cancel:[{type:n.Output}],itemSelect:[{type:n.Output}]};var V=this&&this.__awaiter||function(e,t,n,i){return new(n||(n=Promise))((function(o,r){function a(e){try{l(i.next(e))}catch(e){r(e)}}function s(e){try{l(i.throw(e))}catch(e){r(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((i=i.apply(e,t||[])).next())}))},$=function(){function e(e){this.ionicModalController=e}return e.prototype.showActionSheet=function(e){return V(this,void 0,void 0,(function(){var t,i,o,r,a;return H(this,(function(s){switch(s.label){case 0:return t=new n.EventEmitter,i=new n.EventEmitter,[4,this.ionicModalController.create({component:W,cssClass:["kirby-overlay","kirby-action-sheet"],componentProps:Object.assign(Object.assign({},e),{cancel:t,itemSelect:i}),backdropDismiss:!0})];case 1:return o=s.sent(),r=t.subscribe((function(){return o.dismiss()})),a=i.subscribe((function(e){return o.dismiss(e)})),o.onDidDismiss().then((function(e){r.unsubscribe(),a.unsubscribe()})),[4,o.present()];case 2:return s.sent(),[2,{dismiss:o.dismiss.bind(o),onWillDismiss:o.onWillDismiss(),onDidDismiss:o.onDidDismiss()}]}}))}))},e}();$.decorators=[{type:n.Injectable}],$.ctorParameters=function(){return[{type:i.ModalController}]};var U=function(){function e(){}return Object.defineProperty(e.prototype,"nativeWindow",{get:function(){return window},enumerable:!1,configurable:!0}),e}();U.ɵprov=n.ɵɵdefineInjectable({factory:function(){return new U},token:U,providedIn:"root"}),U.decorators=[{type:n.Injectable,args:[{providedIn:"root"}]}];var Y=function(){function e(e,t){this.elementRef=e,this.windowRef=t,this.BLUR_WRAPPER_DELAY_IN_MS=50,this.scrollY=Math.abs(this.windowRef.nativeWindow.scrollY)}return Object.defineProperty(e.prototype,"title",{set:function(e){this.title$="string"==typeof e?r.of(e):e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"message",{set:function(e){this.message$="string"==typeof e?r.of(e):e},enumerable:!1,configurable:!0}),e.prototype.ngAfterViewInit=function(){var e=this;setTimeout((function(){e.alertWrapper.nativeElement.focus(),e.alertWrapper.nativeElement.blur()}),this.BLUR_WRAPPER_DELAY_IN_MS)},e.prototype.onFocusChange=function(){this.windowRef.nativeWindow.scrollTo({top:this.scrollY})},e.prototype.onCancel=function(){var e=this.elementRef.nativeElement.closest("ion-modal");e&&e.dismiss(!1)},e.prototype.onOk=function(){var e=this.elementRef.nativeElement.closest("ion-modal");e&&e.dismiss(!0)},e}();Y.decorators=[{type:n.Component,args:[{selector:"kirby-alert",template:'<article #alertWrapper>\n <kirby-empty-state\n [iconName]="iconName"\n [themeColor]="iconThemeColor"\n [title]="title$ | async"\n [subtitle]="message$ | async"\n ></kirby-empty-state>\n <div class="buttongroup">\n <button\n kirby-button\n *ngIf="cancelBtnText"\n attentionLevel="3"\n class="cancel-btn"\n (click)="onCancel()"\n >\n {{ cancelBtnText }}\n </button>\n <button\n kirby-button\n [size]="cancelBtnText ? null : \'lg\'"\n attentionLevel="1"\n class="ok-btn"\n [isDestructive]="okBtnIsDestructive"\n (click)="onOk()"\n >\n {{ okBtnText }}\n </button>\n </div>\n</article>\n',host:{"[class.ion-page]":"false"},styles:["article{overflow:hidden;padding:24px 16px 16px}@media (max-width:320px){article{padding:8px}}.buttongroup{display:flex;justify-content:space-around}.buttongroup button{width:50%;margin-left:6px;margin-right:6px}"]}]}],Y.ctorParameters=function(){return[{type:n.ElementRef},{type:U}]},Y.propDecorators={alertWrapper:[{type:n.ViewChild,args:["alertWrapper",{static:!0}]}],title:[{type:n.Input}],message:[{type:n.Input}],iconName:[{type:n.Input}],iconThemeColor:[{type:n.Input}],okBtnText:[{type:n.Input}],okBtnIsDestructive:[{type:n.Input}],cancelBtnText:[{type:n.Input}]};var G=this&&this.__awaiter||function(e,t,n,i){return new(n||(n=Promise))((function(o,r){function a(e){try{l(i.next(e))}catch(e){r(e)}}function s(e){try{l(i.throw(e))}catch(e){r(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((i=i.apply(e,t||[])).next())}))},q=function(){function e(e){this.ionicModalController=e}return e.prototype.showAlert=function(e){return G(this,void 0,void 0,(function(){var t;return H(this,(function(n){switch(n.label){case 0:return[4,this.ionicModalController.create({component:Y,componentProps:this.getComponentProps(e),cssClass:["kirby-overlay","kirby-alert"],mode:"ios",backdropDismiss:!1})];case 1:return[4,(t=n.sent()).present()];case 2:return n.sent(),[2,{dismiss:t.dismiss.bind(t),onWillDismiss:t.onWillDismiss(),onDidDismiss:t.onDidDismiss()}]}}))}))},e.prototype.getComponentProps=function(e){return Object.assign(Object.assign({},e),{okBtnText:this.getOkBtnText(e),cancelBtnText:this.getCancelBtnText(e),okBtnIsDestructive:this.getOkBtnIsDestructive(e),iconName:e.icon&&e.icon.name,iconThemeColor:e.icon&&e.icon.themeColor})},e.prototype.getOkBtnText=function(e){var t;return e.okBtnText&&(console.warn("`okBtnText` will be deprecated on next major version. Please use `okBtn` instead."),t=e.okBtnText),e.okBtn&&(t="string"==typeof e.okBtn?e.okBtn:e.okBtn.text),t},e.prototype.getOkBtnIsDestructive=function(e){return"object"==typeof e.okBtn?e.okBtn.isDestructive:void 0},e.prototype.getCancelBtnText=function(e){return e.cancelBtnText&&console.warn("`cancelBtnText` will be deprecated on next major version. Please use `cancelBtn` instead."),e.cancelBtn||e.cancelBtnText},e}();q.decorators=[{type:n.Injectable}],q.ctorParameters=function(){return[{type:i.ModalController}]};var K=this&&this.__awaiter||function(e,t,n,i){return new(n||(n=Promise))((function(o,r){function a(e){try{l(i.next(e))}catch(e){r(e)}}function s(e){try{l(i.throw(e))}catch(e){r(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((i=i.apply(e,t||[])).next())}))},Z=function(){function e(e,t){this.router=e,this.route=t,this.navigationEndListener$=this.router.events.pipe(a.filter((function(e){return e instanceof o.NavigationEnd})))}return e.prototype.isModalRoute=function(e){return e.includes("(modal:")},e.prototype.getCurrentActivatedRoute=function(){for(var e=this.route.root;e.firstChild;)e=e.firstChild;return e},e.prototype.getModalRoutes=function(e,t){return K(this,void 0,void 0,(function(){var n,i,o;return H(this,(function(r){switch(r.label){case 0:return n=[].concat.apply([],N(e)),i=[],[4,this.getModuleRootPath(n,t)];case 1:return(o=r.sent())&&(i=this.getModalRoutePaths(n,o)),[2,i]}}))}))},e.prototype.getModuleRootPath=function(e,t){return K(this,void 0,void 0,(function(){var n,i;return H(this,(function(o){switch(o.label){case 0:return t?(n=t.trim().split("/").filter((function(e){return!!e})),[2,[""].concat(n)]):[4,this.getCurrentRoutePaths()];case 1:return i=o.sent(),[2,this.getRoutePathsWithoutChildSegments(i,e)]}}))}))},e.prototype.getCurrentRoutePaths=function(){return K(this,void 0,void 0,(function(){var e,t,n,i;return H(this,(function(o){switch(o.label){case 0:return e=[""],t=this.router.getCurrentNavigation(),this.router.navigated||t?t?[4,this.navigationEndListener$.pipe(a.first()).toPromise()]:[3,2]:[2,e];case 1:o.sent(),o.label=2;case 2:for(n=this.route.snapshot.root;n.firstChild;)n=n.firstChild;return i=n.pathFromRoot.filter((function(e){return"modal"!==e.outlet})),[2,e.concat.apply(e,N(i.map((function(e){return e.url.filter((function(e){return!!e.path})).map((function(e){return e.path}))}))))]}}))}))},e.prototype.getRoutePathsWithoutChildSegments=function(e,t){if(!e.length)return e;var n=this.findChildRouteForUrl(e.join("/"),t);if(!n)return e;var i=n.replace(/^\//,"").split("/").length;return e.slice(0,-i)},e.prototype.findChildRouteForUrl=function(e,t){var n=this,i=this.getRoutePaths(t,[""]).sort().reverse(),o=i.find((function(t){return e.endsWith(t)}));if(!o){o=i.find((function(t){return t.includes("/:")&&n.pathContainsChildRouteWithUrlParams(e,t,false)}))}return o},e.prototype.pathContainsChildRouteWithUrlParams=function(e,t,n){var i=e.split("/"),o=t;n||(o=t.replace(/^\//,""));var r=o.split("/").reverse().every((function(e){var t=i.pop();return e.startsWith(":")||e===t}));return n?0===i.length&&r:r},e.prototype.getRoutePaths=function(e,t){var n=this;return Array.isArray(e)?[].concat.apply([],N(e.map((function(e){return n.getRoutePath(e,t)})))):[]},e.prototype.getRoutePath=function(e,t){var n=[];if(e.outlet)return n;var i=N(t);return e.path&&(i.push(e.path),n.push(i.join("/"))),n.concat(this.getRoutePaths(e.children,i))},e.prototype.getModalRoutePath=function(e,t){var n="modal";if(e.path&&e.outlet===n)return[N(t,["(modal:"+e.path+")"]).join("/")];var i=N(t);return e.path&&i.push(e.path),[].concat.apply([],N(this.getModalRoutePaths(e.children,i)))},e.prototype.getModalRoutePaths=function(e,t){var n=this;return Array.isArray(e)?[].concat.apply([],N(e.map((function(e){return n.getModalRoutePath(e,t)})))):[]},e.prototype.isNewModalWindow=function(e){var t=this.router.getCurrentNavigation();if(!t||!t.previousNavigation)return!0;var n=(t.previousNavigation.finalUrl||t.previousNavigation.extractedUrl).toString(),i=this.isModalRoute(n),o=this.isModalRoute(e.urlAfterRedirects);if(!i&&o)return!0;var r=e.urlAfterRedirects.split("/(modal:")[0];return n.split("/(modal:")[0]!==r},e.prototype.waitForCurrentThenGetNavigationEndStream=function(){return K(this,void 0,void 0,(function(){var e;return H(this,(function(t){switch(t.label){case 0:return this.router.getCurrentNavigation()?[4,this.navigationEndListener$.pipe(a.first()).toPromise()]:[3,2];case 1:return e=t.sent(),[2,this.navigationEndListener$.pipe(a.startWith(e))];case 2:return[2,this.navigationEndListener$]}}))}))},e.prototype.modalRouteActivatedFor=function(e,t,n){var i=this;return e.pipe(a.filter((function(e){return i.modalRouteSetContainsPath(t,e,n)})),a.map((function(e){return{route:i.getCurrentActivatedRoute(),isNewModal:i.isNewModalWindow(e)}})))},e.prototype.modalRouteDeactivatedFor=function(e,t,n){var i=this;return e.pipe(a.pairwise(),a.filter((function(e){var o=F(e,2),r=o[0];o[1];return i.modalRouteSetContainsPath(t,r,n)})),a.map((function(e){var t=F(e,2),n=(t[0],t[1]);return!i.isModalRoute(n.urlAfterRedirects)||i.isNewModalWindow(n)})),a.filter((function(e){return e})))},e.prototype.modalRouteSetContainsPath=function(e,t,n){var i,o,r=t.urlAfterRedirects.split("?")[0],a=e.has(r);if(!a&&n)try{for(var s=j(e),l=s.next();!l.done;l=s.next()){var c=l.value;if(this.pathContainsChildRouteWithUrlParams(r,c,!0)){a=!0;break}}}catch(e){i={error:e}}finally{try{l&&!l.done&&(o=s.return)&&o.call(s)}finally{if(i)throw i.error}}return a},e.prototype.getModalNavigation=function(e,t){return K(this,void 0,void 0,(function(){var n,i,o,a,s,l;return H(this,(function(c){switch(c.label){case 0:return Array.isArray(e)?[4,this.waitForCurrentThenGetNavigationEndStream()]:[3,3];case 1:return n=c.sent(),[4,this.getModalRoutes(e,t)];case 2:if(i=c.sent(),i.length>0)return o=i.some((function(e){return e.includes("/:")})),a=new Set(i),s=this.modalRouteActivatedFor(n,a,o),l=this.modalRouteDeactivatedFor(n,a,o),[2,{activated$:s,deactivated$:l}];c.label=3;case 3:return[2,{activated$:r.EMPTY,deactivated$:r.EMPTY}]}}))}))},e.prototype.navigateToModal=function(e,t){return K(this,void 0,void 0,(function(){var n,i;return H(this,(function(o){switch(o.label){case 0:return n=Array.isArray(e)?e:e.split("/"),i=n.pop(),[4,this.router.navigate(N(n,[{outlets:{modal:[i]}}]),{queryParams:t,relativeTo:this.getCurrentActivatedRoute()})];case 1:return[2,o.sent()]}}))}))},e.prototype.navigateWithinModal=function(e,t){return K(this,void 0,void 0,(function(){return H(this,(function(n){return[2,this.router.navigate([e],{queryParams:t,relativeTo:this.getCurrentActivatedRoute()})]}))}))},e.prototype.navigateOutOfModalOutlet=function(){return K(this,void 0,void 0,(function(){var e,t,n;return H(this,(function(i){return e=Promise.resolve(!0),"modal"===(t=this.getCurrentActivatedRoute()).outlet&&(n=this.getBackdropRoute(t),e=this.router.navigate(["./"],{relativeTo:n})),[2,e]}))}))},e.prototype.getBackdropRoute=function(e){for(var t=e.parent;t&&!t.component&&t.parent;)t=t.parent;return t},e}();Z.ɵprov=n.ɵɵdefineInjectable({factory:function(){return new Z(n.ɵɵinject(o.Router),n.ɵɵinject(o.ActivatedRoute))},token:Z,providedIn:"root"}),Z.decorators=[{type:n.Injectable,args:[{providedIn:"root"}]}],Z.ctorParameters=function(){return[{type:o.Router},{type:o.ActivatedRoute}]};var J=function(){},X=new n.InjectionToken("componentProps"),Q=this&&this.__awaiter||function(e,t,n,i){return new(n||(n=Promise))((function(o,r){function a(e){try{l(i.next(e))}catch(e){r(e)}}function s(e){try{l(i.throw(e))}catch(e){r(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((i=i.apply(e,t||[])).next())}))},ee=function(){function e(e,t,n){this.injector=e,this.elementRef=t,this.windowRef=n,this.scrollY=Math.abs(this.windowRef.nativeWindow.scrollY),this.scrollDisabled=!1,this.ionModalDidPresent=new r.Subject,this.ionModalWillDismiss=new r.Subject,this.didPresent=this.ionModalDidPresent.toPromise(),this.willClose=this.ionModalWillDismiss.toPromise()}return e.prototype.ngOnInit=function(){this.ionModalElement=this.elementRef.nativeElement.closest("ion-modal"),this.listenForIonModalDidPresent(),this.listenForIonModalWillDismiss(),this.componentPropsInjector=n.Injector.create({providers:[{provide:X,useValue:this.config.componentProps}],parent:this.injector})},e.prototype.listenForIonModalDidPresent=function(){var e=this;this.ionModalElement&&this.ionModalElement.addEventListener("ionModalDidPresent",(function(){e.ionModalDidPresent.next(),e.ionModalDidPresent.complete()}))},e.prototype.listenForIonModalWillDismiss=function(){var e=this;this.ionModalElement&&this.ionModalElement.addEventListener("ionModalWillDismiss",(function(){e.ionModalWillDismiss.next(),e.ionModalWillDismiss.complete()}))},e.prototype.close=function(e){return Q(this,void 0,void 0,(function(){var t;return H(this,(function(n){switch(n.label){case 0:return(t=this.elementRef.nativeElement.closest("ion-modal"))?[4,t.dismiss(e)]:[3,2];case 1:n.sent(),n.label=2;case 2:return[2]}}))}))},e.prototype.onFocusChange=function(){this.windowRef.nativeWindow.scrollTo({top:this.scrollY})},e}();ee.decorators=[{type:n.Component,args:[{selector:"kirby-modal-compact-wrapper",template:'<ng-container\n *ngComponentOutlet="config.component; injector: componentPropsInjector"\n></ng-container>\n',providers:[{provide:J,useExisting:ee}],host:{"[class.ion-page]":"false"},styles:[":host{display:block;padding:24px 16px}"]}]}],ee.ctorParameters=function(){return[{type:n.Injector},{type:n.ElementRef},{type:U}]},ee.propDecorators={config:[{type:n.Input}],onFocusChange:[{type:n.HostListener,args:["window:focus"]},{type:n.HostListener,args:["window:focusout"]}]};var te=function(){function e(e){this.windowRef=e}return e.prototype.isTouch=function(){return this.windowRef.nativeWindow.matchMedia("(pointer: coarse)").matches},e.prototype.isPhabletOrBigger=function(){var e="(min-width: "+t.DesignTokenHelper.breakpoints.medium+")";return this.windowRef.nativeWindow.matchMedia(e).matches},e}();te.ɵprov=n.ɵɵdefineInjectable({factory:function(){return new te(n.ɵɵinject(U))},token:te,providedIn:"root"}),te.decorators=[{type:n.Injectable,args:[{providedIn:"root"}]}],te.ctorParameters=function(){return[{type:U}]};var ne=new n.InjectionToken("IconSettings"),ie=function(){function e(e){this.iconRegistry=new Map,e&&(this.addIcons(e.icons),console.warn("Use of IconSettings is deprecated, use IconRegistryService instead"))}return e.prototype.addIcon=function(e,t){this.iconRegistry.has(e)?console.warn('Icon with name: "'+e+'" already exists'):this.iconRegistry.set(e,t)},e.prototype.addIcons=function(e){var t=this;e?e.forEach((function(e){t.addIcon(e.name,e.svg)})):console.error("Icons not defined")},e.prototype.getIcons=function(){return N(this.iconRegistry).map((function(e){return{name:e[0],svg:e[1]}}))},e.prototype.getIcon=function(e){var t=this.iconRegistry.get(e);return t?{name:e,svg:t}:void 0},e}();ie.ɵprov=n.ɵɵdefineInjectable({factory:function(){return new ie(n.ɵɵinject(ne,8))},token:ie,providedIn:"root"}),ie.decorators=[{type:n.Injectable,args:[{providedIn:"root"}]}],ie.ctorParameters=function(){return[{type:void 0,decorators:[{type:n.Optional},{type:n.Inject,args:[ne]}]}]};var oe,re={icons:[{name:"accounts-outline",svg:"assets/kirby/icons/svg/accounts-outline.svg"},{name:"accounts",svg:"assets/kirby/icons/svg/accounts.svg"},{name:"add",svg:"assets/kirby/icons/svg/add.svg"},{name:"remove",svg:"assets/kirby/icons/svg/remove.svg"},{name:"unsubscribe",svg:"assets/kirby/icons/svg/unsubscribe.svg"},{name:"arrow-back",svg:"assets/kirby/icons/svg/arrow-back.svg"},{name:"arrow-down",svg:"assets/kirby/icons/svg/arrow-down.svg"},{name:"arrow-more",svg:"assets/kirby/icons/svg/arrow-more.svg"},{name:"arrow-up",svg:"assets/kirby/icons/svg/arrow-up.svg"},{name:"attach",svg:"assets/kirby/icons/svg/attach.svg"},{name:"backspace",svg:"assets/kirby/icons/svg/backspace.svg"},{name:"calendar",svg:"assets/kirby/icons/svg/calendar.svg"},{name:"camera",svg:"assets/kirby/icons/svg/camera.svg"},{name:"checkbox-outline",svg:"assets/kirby/icons/svg/checkbox-outline.svg"},{name:"checkbox",svg:"assets/kirby/icons/svg/checkbox.svg"},{name:"checkmark-selected",svg:"assets/kirby/icons/svg/checkmark-selected.svg"},{name:"close",svg:"assets/kirby/icons/svg/close.svg"},{name:"cog",svg:"assets/kirby/icons/svg/cog.svg"},{name:"copy",svg:"assets/kirby/icons/svg/copy.svg"},{name:"flag",svg:"assets/kirby/icons/svg/flag.svg"},{name:"edit",svg:"assets/kirby/icons/svg/edit.svg"},{name:"filter",svg:"assets/kirby/icons/svg/filter.svg"},{name:"flash-off",svg:"assets/kirby/icons/svg/flash-off.svg"},{name:"flash",svg:"assets/kirby/icons/svg/flash.svg"},{name:"moneybag",svg:"assets/kirby/icons/svg/moneybag.svg"},{name:"help",svg:"assets/kirby/icons/svg/help.svg"},{name:"home",svg:"assets/kirby/icons/svg/home.svg"},{name:"inbox",svg:"assets/kirby/icons/svg/inbox.svg"},{name:"inbox-outline",svg:"assets/kirby/icons/svg/inbox-outline.svg"},{name:"information",svg:"assets/kirby/icons/svg/information.svg"},{name:"investment",svg:"assets/kirby/icons/svg/investment.svg"},{name:"kirby",svg:"assets/kirby/icons/svg/kirby.svg"},{name:"link",svg:"assets/kirby/icons/svg/link.svg"},{name:"log-out",svg:"assets/kirby/icons/svg/log-out.svg"},{name:"menu-outline",svg:"assets/kirby/icons/svg/menu-outline.svg"},{name:"menu",svg:"assets/kirby/icons/svg/menu.svg"},{name:"misc",svg:"assets/kirby/icons/svg/misc.svg"},{name:"more",svg:"assets/kirby/icons/svg/more.svg"},{name:"move",svg:"assets/kirby/icons/svg/move.svg"},{name:"payment-card",svg:"assets/kirby/icons/svg/payment-card.svg"},{name:"pension",svg:"assets/kirby/icons/svg/pension.svg"},{name:"person-outline",svg:"assets/kirby/icons/svg/person-outline.svg"},{name:"person",svg:"assets/kirby/icons/svg/person.svg"},{name:"qr",svg:"assets/kirby/icons/svg/QR.svg"},{name:"search",svg:"assets/kirby/icons/svg/search.svg"},{name:"share",svg:"assets/kirby/icons/svg/share.svg"},{name:"sort",svg:"assets/kirby/icons/svg/sort.svg"},{name:"support",svg:"assets/kirby/icons/svg/support.svg"},{name:"swap",svg:"assets/kirby/icons/svg/swap.svg"},{name:"trash",svg:"assets/kirby/icons/svg/trash.svg"},{name:"foreign-payment",svg:"assets/kirby/icons/svg/foreign-payment.svg"},{name:"clock",svg:"assets/kirby/icons/svg/clock.svg"},{name:"verify",svg:"assets/kirby/icons/svg/verify.svg"},{name:"warning",svg:"assets/kirby/icons/svg/warning.svg"},{name:"write-message",svg:"assets/kirby/icons/svg/write-message.svg"},{name:"reorder",svg:"assets/kirby/icons/svg/reorder.svg"}]},ae=re.icons.map((function(e){return e.name}));(oe=e.IconSize||(e.IconSize={})).XS="xs",oe.SM="sm",oe.MD="md",oe.LG="lg";var se,le=function(){function e(e){this.iconRegistryService=e,this.defaultIcon=this.findIcon(re.icons,"cog"),this._icon=this.icon=this.defaultIcon}return Object.defineProperty(e.prototype,"icon",{get:function(){return this._icon},set:function(e){e||!this.name&&!this.customName||(this.warnAboutMissingIcon(),e=this.defaultIcon)?e&&(this._icon=e):console.warn("Default icon was not found.")},enumerable:!1,configurable:!0}),e.prototype.warnAboutMissingIcon=function(){this.customName?console.warn('Custom icon with name "'+this.customName+"\" was not found. \n Do you have a typo in 'customName' or\n forgot to configure the custom icon through the 'IconRegistryService'?"):console.warn('Built-in icon with name "'+this.name+"\" was not found. \n Do you have a typo in 'name' or\n did you mean to use a custom icon? If so, please use: \n <kirby-icon customName=\""+this.name+'"></kirby-icon>')},e.prototype.ngOnChanges=function(e){e.name&&e.name.currentValue?this.icon=this.findIcon(re.icons,e.name.currentValue):e.customName&&e.customName.currentValue&&(this.icon=this.iconRegistryService.getIcon(e.customName.currentValue))},e.prototype.findIcon=function(e,t){return e.find((function(e){return e.name===t}))},e}();le.decorators=[{type:n.Component,args:[{selector:"kirby-icon",template:'<ion-icon [src]="icon?.svg"></ion-icon>\n',host:{"[class.kirby-icon]":"true"},styles:[":host{display:inline-flex;align-items:center;justify-content:center;font-size:var(--kirby-icon-font-size,24px);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:16px}:host(.sm){--kirby-icon-font-size:24px}:host(.md){--kirby-icon-font-size:32px}:host(.lg){--kirby-icon-font-size:56px}:host(.primary){color:var(--kirby-primary)}:host(.secondary){color:var(--kirby-secondary)}:host(.tertiary){color:var(--kirby-tertiary)}:host(.success){color:var(--kirby-success)}:host(.warning){color:var(--kirby-warning)}:host(.danger){color:var(--kirby-danger)}:host(.light){color:var(--kirby-light)}:host(.medium){color:var(--kirby-medium)}:host(.dark){color:var(--kirby-dark)}:host-context(kirby-item)[slot=start]{margin-inline-end:8px}:host-context(kirby-item)[slot=end]{margin-inline-start:8px}"]}]}],le.ctorParameters=function(){return[{type:ie}]},le.propDecorators={size:[{type:n.HostBinding,args:["class"]},{type:n.Input}],name:[{type:n.Input}],customName:[{type:n.Input}]},(se=e.ButtonSize||(e.ButtonSize={})).SM="sm",se.MD="md",se.LG="lg";var ce=function(){function t(t){this.elementRef=t,this.isAttentionLevel1=!0,this.destructive=!1,this._isIconLeft=!1,this._isIconRight=!1,this.isFloating=!1,this.size=e.ButtonSize.MD,this.hasText=!1}return Object.defineProperty(t.prototype,"isButtonFloating",{get:function(){return this.isFloating},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"isIconOnly",{get:function(){return!!this.icon&&!this.hasText},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"isIconLeft",{get:function(){return this._isIconLeft},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"isIconRight",{get:function(){return this._isIconRight},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"_cssClass",{get:function(){return[this.themeColor,this.size].filter((function(e){return!!e}))},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"attentionLevel",{set:function(e){this.isAttentionLevel1="1"===e,this.isAttentionLevel2="2"===e,this.isAttentionLevel3="3"===e,this.isAttentionLevel4="4"===e},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"isDestructive",{set:function(e){this.destructive=e},enumerable:!1,configurable:!0}),t.prototype.ngAfterContentInit=function(){this.hasText=!!this.elementRef.nativeElement.textContent,void 0!==this.iconElementRef&&this.hasText&&(this._isIconLeft=this.elementRef.nativeElement.firstChild===this.iconElementRef.nativeElement,this._isIconRight=!this._isIconLeft)},t}();ce.decorators=[{type:n.Component,args:[{selector:"button[kirby-button],Button[kirby-button]",template:"<ng-content></ng-content>\n",styles:[':host{position:relative;font-family:var(--kirby-font-family);background-color:var(--kirby-button-background-color,initial);color:var(--kirby-button-color,inherit);border-radius:999px;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;transition:opacity .2s linear;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;font-size:14px;height:40px;min-width:88px;padding:0 24px;margin:4px;line-height:20px;outline:none;border:1px solid var(--kirby-button-border-color,transparent)}:host:after{content:"";position:absolute;min-height:44px;min-width:44px;width:100%;height:100%;transform:translate(-50%,-50%);left:50%;top:50%}:host.icon-left{padding-left:12px;padding-right:16px;--kirby-icon-margin-right:8px}:host.icon-right{padding-left:16px;padding-right:12px;--kirby-icon-margin-left:8px}:host.icon-only{width:40px;padding:0;min-width:unset}:host.sm{font-size:12px;height:32px;min-width:44px}:host.sm:not(.icon-only){padding-left:16px;padding-right:16px}:host.sm.icon-only{width:32px;min-width:unset}:host.sm.icon-left,:host.sm.icon-right{--kirby-icon-font-size:16px;min-width:88px}:host.lg{font-size:16px;height:48px;min-width:220px}:host.lg.icon-only{width:48px;min-width:unset}:host.attention-level1{--kirby-button-background-color:var(--kirby-primary);--kirby-button-color:var(--kirby-primary-contrast)}:host.attention-level1.destructive{--kirby-button-background-color:var(--kirby-danger);--kirby-button-color:var(--kirby-danger-contrast)}:host.attention-level2{--kirby-button-background-color:var(--kirby-white);--kirby-button-color:var(--kirby-white-contrast)}:host.attention-level2.destructive{--kirby-button-background-color:var(--kirby-light);--kirby-button-color:var(--kirby-danger)}:host.attention-level3{--kirby-button-background-color:transparent;--kirby-button-color:var(--kirby-black);--kirby-button-border-color:var(--kirby-medium)}:host.attention-level3.destructive{--kirby-button-color:var(--kirby-danger)}:host.attention-level4{--kirby-button-background-color:transparent;--kirby-button-color:var(--kirby-black)}:host.attention-level4.destructive{--kirby-button-color:var(--kirby-danger)}:host[expand=block]{width:100%}@media (hover:hover){:host:focus{--kirby-button-border-color:#4d90fe}}@media (hover:hover){:host:hover{opacity:.8}}:host:active{opacity:.8}:host:disabled{background-color:var(--kirby-semi-light);color:var(--kirby-semi-dark-shade);border-color:transparent;pointer-events:none}:host :host-context(.default).attention-level2,:host :host-context(.kirby-color-brightness-white).attention-level2{--kirby-button-background-color:var(--kirby-black);--kirby-button-color:var(--kirby-black-contrast)}:host :host-context(.kirby-color-brightness-dark).attention-level3{--kirby-button-border-color:var(--kirby-white);--kirby-button-color:var(--kirby-white)}:host :host-context(.kirby-color-brightness-dark).attention-level4{--kirby-button-color:var(--kirby-white)}:host.floating{width:64px!important;height:64px!important;min-width:unset}:host.floating:not(:disabled){box-shadow:0 20px 30px -15px rgba(28,28,28,.3),0 0 5px 0 rgba(28,28,28,.08)}:host-context(kirby-item)[slot=end]{margin-inline-start:16px}:host-context(kirby-alert).ok-btn{--kirby-button-background-color:var(--kirby-success);--kirby-button-color:var(--kirby-success-contrast)}:host-context(ion-toolbar kirby-page-actions){font-size:14px;margin:0;height:44px}:host-context(ion-toolbar kirby-page-actions).icon-only{width:44px}:host-context(ion-toolbar kirby-page-actions).attention-level1,:host-context(ion-toolbar kirby-page-actions).attention-level2,:host-context(ion-toolbar kirby-page-actions).attention-level3,:host-context(ion-toolbar kirby-page-actions).attention-level4{--kirby-button-background-color:transparent;--kirby-button-color:var(--kirby-black)}:host-context(ion-toolbar kirby-page-actions).attention-level1.destructive,:host-context(ion-toolbar kirby-page-actions).attention-level2.destructive,:host-context(ion-toolbar kirby-page-actions).attention-level3.destructive,:host-context(ion-toolbar kirby-page-actions).attention-level4.destructive{--kirby-button-color:var(--kirby-danger)}:host-context(.page-title kirby-page-actions).attention-level1,:host-context(.page-title kirby-page-actions).attention-level2,:host-context(.page-title kirby-page-actions).attention-level3,:host-context(.page-title kirby-page-actions).attention-level4{--kirby-button-background-color:var(--kirby-white);--kirby-button-color:var(--kirby-white-contrast)}:host-context(.page-title kirby-page-actions).attention-level1.destructive,:host-context(.page-title kirby-page-actions).attention-level2.destructive,:host-context(.page-title kirby-page-actions).attention-level3.destructive,:host-context(.page-title kirby-page-actions).attention-level4.destructive{--kirby-button-background-color:var(--kirby-light);--kirby-button-color:var(--kirby-danger)}:host-context(kirby-empty-state .content){font-size:16px;height:48px;min-width:220px}:host-context(kirby-empty-state .content).icon-only{width:48px;min-width:unset}:host-context(kirby-dropdown){justify-content:space-between}:host-context(kirby-toggle-button).success{--kirby-button-background-color:var(--kirby-success);--kirby-button-color:var(--kirby-success-contrast)}:host-context(kirby-toggle-button).warning{--kirby-button-background-color:var(--kirby-warning);--kirby-button-color:var(--kirby-warning-contrast)}:host-context(kirby-toggle-button).danger{--kirby-button-background-color:var(--kirby-danger);--kirby-button-color:var(--kirby-danger-contrast)}']}]}],ce.ctorParameters=function(){return[{type:n.ElementRef}]},ce.propDecorators={isAttentionLevel1:[{type:n.HostBinding,args:["class.attention-level1"]}],isAttentionLevel2:[{type:n.HostBinding,args:["class.attention-level2"]}],isAttentionLevel3:[{type:n.HostBinding,args:["class.attention-level3"]}],isAttentionLevel4:[{type:n.HostBinding,args:["class.attention-level4"]}],destructive:[{type:n.HostBinding,args:["class.destructive"]}],isButtonFloating:[{type:n.HostBinding,args:["class.floating"]}],isIconOnly:[{type:n.HostBinding,args:["class.icon-only"]}],isIconLeft:[{type:n.HostBinding,args:["class.icon-left"]}],isIconRight:[{type:n.HostBinding,args:["class.icon-right"]}],_cssClass:[{type:n.HostBinding,args:["class"]}],attentionLevel:[{type:n.Input}],isDestructive:[{type:n.Input}],themeColor:[{type:n.Input}],expand:[{type:n.Input}],isFloating:[{type:n.Input}],size:[{type:n.Input}],icon:[{type:n.ContentChild,args:[le]}],iconElementRef:[{type:n.ContentChild,args:[le,{read:n.ElementRef}]}]};var de=function(){function e(){}return e.prototype.create=function(e){return"undefined"==typeof ResizeObserver?null:new ResizeObserver(e)},e}();de.ɵprov=n.ɵɵdefineInjectable({factory:function(){return new de},token:de,providedIn:"root"}),de.decorators=[{type:n.Injectable,args:[{providedIn:"root"}]}];var pe=function(){function e(e,t){var n=this;this._resizeObserverFactory=e,this.zone=t,this.observedElements=new WeakMap,this.observer=this._resizeObserverFactory.create((function(e){return n.handleResize(e)}))}return e.prototype.observe=function(e,t){var i=this,o=e instanceof n.ElementRef?e.nativeElement:e;this.observedElements.has(o)||(this.observer&&this.zone.runOutsideAngular((function(){i.observer.observe(o)})),this.observedElements.set(o,t))},e.prototype.ngOnDestroy=function(){var e=this;this.observer&&this.zone.runOutsideAngular((function(){e.observer.disconnect()})),this.observedElements=null},e.prototype.unobserve=function(e){var t=this,i=e instanceof n.ElementRef?e.nativeElement:e;this.observedElements.has(i)&&(this.observer&&this.zone.runOutsideAngular((function(){t.observer.unobserve(i)})),this.observedElements.delete(i))},e.prototype.handleResize=function(e){var t=this;e.forEach((function(e){var n=t.observedElements.get(e.target);n&&n(e)}))},e}();pe.ɵprov=n.ɵɵdefineInjectable({factory:function(){return new pe(n.ɵɵinject(de),n.ɵɵinject(n.NgZone))},token:pe,providedIn:"root"}),pe.decorators=[{type:n.Injectable,args:[{providedIn:"root"}]}],pe.ctorParameters=function(){return[{type:de},{type:n.NgZone}]};var he=this&&this.__awaiter||function(e,t,n,i){return new(n||(n=Promise))((function(o,r){function a(e){try{l(i.next(e))}catch(e){r(e)}}function s(e){try{l(i.throw(e))}catch(e){r(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((i=i.apply(e,t||[])).next())}))},ue=function(){function e(e,t,n,i,o,s,l,c){var d=this;this.injector=e,this.elementRef=t,this.renderer=n,this.zone=i,this.resizeObserverService=o,this.componentFactoryResolver=s,this.windowRef=l,this.platform=c,this.scrollY=Math.abs(this.windowRef.nativeWindow.scrollY),this.VIEWPORT_RESIZE_DEBOUNCE_TIME=100,this.keyboardVisible=!1,this.toolbarButtons=[],this.delayedClose=function(){},this.viewportResized=!1,this.ionModalDidPresent=new r.Subject,this.didPresent=this.ionModalDidPresent.toPromise(),this.ionModalWillDismiss=new r.Subject,this.willClose=this.ionModalWillDismiss.toPromise(),this.viewportResize=new r.Subject,this.viewportResize$=this.viewportResize.asObservable().pipe(a.debounceTime(this.VIEWPORT_RESIZE_DEBOUNCE_TIME)),this.destroy$=new r.Subject,this.willClose$=this.ionModalWillDismiss.pipe(a.first()),this.elementToParentMap={"KIRBY-MODAL-FOOTER":function(){return d.elementRef.nativeElement},"KIRBY-PAGE-TITLE":function(){return d.ionTitleElement.nativeElement},"KIRBY-PAGE-PROGRESS":function(){return d.ionToolbarElement.nativeElement}},this.setViewportHeight(),this.observeViewportResize()}return Object.defineProperty(e.prototype,"scrollDisabled",{set:function(e){this.ionContent.scrollY=!e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"mutationObserver",{get:function(){return this._mutationObserver||(this._mutationObserver=this.createEmbeddedElementsMutationObserver()),this._mutationObserver},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"intersectionObserver",{get:function(){return this._intersectionObserver||(this._intersectionObserver=this.createModalWrapperIntersectionObserver()),this._intersectionObserver},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_isDrawer",{get:function(){return"drawer"===this.config.flavor},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){this.ionModalElement=this.elementRef.nativeElement.closest("ion-modal"),this.initializeSizing(),this.initializeModalRoute(),this.listenForIonModalDidPresent(),this.listenForIonModalWillDismiss(),this.initializeResizeModalToModalWrapper(),this.componentPropsInjector=n.Injector.create({providers:[{provide:X,useValue:this.config.componentProps}],parent:this.injector})},e.prototype.initializeResizeModalToModalWrapper=function(){var e=this;"drawer"===this.config.flavor&&this.config.interactWithBackground&&r.merge(this.ionModalDidPresent,this.viewportResize$).pipe(a.takeUntil(this.destroy$)).subscribe((function(){setTimeout((function(){var t=e.elementRef.nativeElement.getBoundingClientRect(),n=e.windowRef.nativeWindow.document.documentElement.clientWidth-t.right;e.renderer.setStyle(e.ionModalElement,"top",t.top+"px"),e.renderer.setStyle(e.ionModalElement,"left",t.left+"px"),e.renderer.setStyle(e.ionModalElement,"right",n+"px")}))}))},e.prototype.initializeSizing=function(){"full-height"!==this.config.size&&(this.patchScrollElementSize(),this.observeHeaderResize(),this.observeModalFullHeight())},e.prototype.initializeModalRoute=function(){this.config.modalRoute&&(this.onSiblingModalRouteActivated(this.config.siblingModalRouteActivated$),this.routerOutlet.activateWith(this.config.modalRoute,this.componentFactoryResolver))},e.prototype.onSiblingModalRouteActivated=function(e){var t=this;e&&e.pipe(a.takeUntil(this.willClose$)).subscribe((function(e){t.routerOutlet.isActivated&&(t.mutationObserver.disconnect(),t.routerOutlet.deactivate(),t.clearEmbeddedElements()),t.routerOutlet.activateWith(e,t.componentFactoryResolver),t.checkForEmbeddedElements()}))},e.prototype.patchScrollElementSize=function(){var e=this;"part"in HTMLElement.prototype||this.ionContent.getScrollElement().then((function(n){e.renderer.setStyle(n,"height","100%"),e.renderer.setStyle(n,"position","relative"),"drawer"===e.config.flavor&&e.renderer.setStyle(n,"transition","padding-bottom "+t.DesignTokenHelper.softKeyboardTransitionLeave)}))},e.prototype.observeModalFullHeight=function(){var e=this,t=this.elementRef.nativeElement.closest(".modal-wrapper");t&&this.didPresent.then((function(){e.intersectionObserver.observe(t)}))},e.prototype.ngAfterViewInit=function(){this.toolbarButtonsQuery&&(this.toolbarButtons=this.toolbarButtonsQuery.map((function(e){return e.nativeElement}))),this.checkForEmbeddedElements()},e.prototype.checkForEmbeddedElements=function(){this.moveEmbeddedElements(),this.observeEmbeddedElements()},e.prototype.observeHeaderResize=function(){var e=this;this.resizeObserverService.observe(this.ionHeaderElement.nativeElement,(function(t){var n=F(["--header-height",t.contentRect.height+"px"],2),i=n[0],o=n[1];e.setCssVar(e.elementRef.nativeElement,i,o)}))},e.prototype.moveEmbeddedElements=function(){var e=this,t=this.getEmbeddedComponentElement();t&&Object.entries(this.elementToParentMap).forEach((function(n){var i=F(n,2),o=i[0],r=i[1],a=t.querySelector(o);a&&e.moveChild(a,r())}))},e.prototype.listenForIonModalDidPresent=function(){var e=this;this.ionModalElement&&this.ionModalElement.addEventListener("ionModalDidPresent",(function(){e.ionModalDidPresent.next(),e.ionModalDidPresent.complete()}))},e.prototype.listenForIonModalWillDismiss=function(){var e=this;this.ionModalElement&&this.ionModalElement.addEventListener("ionModalWillDismiss",(function(){e.ionModalWillDismiss.next(),e.ionModalWillDismiss.complete()}))},e.prototype.scrollToTop=function(e){this.ionContent.scrollToTop(e||0)},e.prototype.scrollToBottom=function(e){this.ionContent.scrollToBottom(e||0)},e.prototype.close=function(t){return he(this,void 0,void 0,(function(){var n=this;return H(this,(function(i){switch(i.label){case 0:return this.ionModalElement?this.keyboardVisible&&this.viewportResized?[3,2]:(clearTimeout(this.delayedCloseTimeoutId),[4,this.ionModalElement.dismiss(t)]):[2];case 1:return i.sent(),[2];case 2:return this.blurActiveElement(),[2,new Promise((function(i){n.delayedClose=function(){return he(n,void 0,void 0,(function(){return H(this,(function(e){switch(e.label){case 0:return[4,this.ionModalElement.dismiss(t)];case 1:return e.sent(),i(),[2]}}))}))},n.delayedCloseTimeoutId=setTimeout(n.delayedClose,e.KEYBOARD_HIDE_DELAY_IN_MS)}))]}}))}))},e.prototype.onFocusChange=function(){this.windowRef.nativeWindow.scrollTo({top:this.scrollY})},e.prototype._onKeyboardShow=function(e){this.setKeyboardVisibility(e)},e.prototype._onKeyboardHide=function(){this.setKeyboardVisibility(0)},e.prototype.toggleContentMaxHeight=function(e){var t=this;if("modal"===this.config.flavor&&this.platform.isPhabletOrBigger()){var n="max-height",i=this.ionContentElement.nativeElement;this.zone.run((function(){if(e){var o=i.offsetHeight;t.renderer.setStyle(i,n,o+"px")}else t.renderer.removeStyle(i,n)}))}},e.prototype.setKeyboardVisibility=function(e){var t=e>0&&this.keyboardVisible,n=0===e&&!this.keyboardVisible;t||n||(this.keyboardVisible=e>0,this.toggleContentMaxHeight(this.keyboardVisible),this.setKeyboardOverlap(e))},e.prototype.getKeyboardOverlap=function(e,t){if(e<=0||!t)return 0;var n=Math.floor(this.windowRef.nativeWindow.innerHeight-t.getBoundingClientRect().bottom);return Math.max(e-n,0)},e.prototype.setCssVar=function(e,t,i){var o=this;this.zone.run((function(){return o.renderer.setStyle(e,t,i,n.RendererStyleFlags2.DashCase)}))},e.prototype.toggleCssClass=function(e,t,n){var i=this;this.zone.run((function(){return n?i.renderer.addClass(e,t):i.renderer.removeClass(e,t)}))},e.prototype.setKeyboardOverlap=function(e){this.toggleCssClass(this.elementRef.nativeElement,"keyboard-visible",e>0);var t=this.getKeyboardOverlap(e,this.elementRef.nativeElement),n=!1,i=this.getEmbeddedFooterElement();i&&(this.setCssVar(i,"--keyboard-offset",t+"px"),n=i.classList.contains("snap-to-keyboard"));var o=this.ionContentElement.nativeElement,r=n?t:this.getKeyboardOverlap(e,o);this.setCssVar(o,"--keyboard-offset",r+"px")},e.prototype.onHeaderTouchStart=function(e){this.keyboardVisible&&(this.toolbarButtons.some((function(t){return e.target instanceof HTMLElement&&(e.target===t||t.contains(e.target))}))||this.blurActiveElement())},e.prototype._onWindowResize=function(){this.setViewportHeight()},e.prototype.setViewportHeight=function(){var e=(.01*this.windowRef.nativeWindow.innerHeight).toFixed(2);this.setCssVar(this.elementRef.nativeElement,"--vh",e+"px")},e.prototype.observeViewportResize=function(){var e=this;this.resizeObserverService.observe(this.windowRef.nativeWindow.document.body,(function(t){return e.onViewportResize(t)}))},e.prototype.onViewportResize=function(e){this.initialViewportHeight?(this.viewportResized=e.contentRect.height!==this.initialViewportHeight,this.viewportResized||this.delayedCloseTimeoutId&&(clearTimeout(this.delayedCloseTimeoutId),this.delayedClose()),this.viewportResize.next()):this.initialViewportHeight=e.contentRect.height},e.prototype.blurActiveElement=function(){this.keyboardVisible&&document.activeElement instanceof HTMLElement&&document.activeElement.matches("input, textarea")&&document.activeElement.blur()},e.prototype.clearEmbeddedElements=function(){var e=this;Object.entries(this.elementToParentMap).forEach((function(t){var n=F(t,2),i=n[0],o=(0,n[1])().querySelector(":scope > "+i);e.removeChild(o)}))},e.prototype.getEmbeddedComponentElement=function(){return this.config.modalRoute?this.ionContentElement.nativeElement.lastElementChild:this.ionContentElement.nativeElement.firstElementChild},e.prototype.getEmbeddedFooterElement=function(){return this.elementRef.nativeElement.querySelector("kirby-modal-footer")},e.prototype.moveChild=function(e,t){var n=this;this.renderer.removeChild(e.parentElement,e),this.renderer.appendChild(t,e),"KIRBY-MODAL-FOOTER"===e.tagName&&this.resizeObserverService.observe(e,(function(e){var t=F(["--footer-height",Math.floor(e.contentRect.height)+"px"],2),i=t[0],o=t[1];n.setCssVar(n.elementRef.nativeElement,i,o)}))},e.prototype.removeChild=function(e){e&&this.renderer.removeChild(e.parentElement,e)},e.prototype.observeEmbeddedElements=function(){var e=this.getEmbeddedComponentElement();this.mutationObserver.observe(e,{childList:!0})},e.prototype.createEmbeddedElementsMutationObserver=function(){var e=this,t=Object.keys(this.elementToParentMap);return new MutationObserver((function(n){var i,o=n.filter((function(e){return"childList"===e.type})).map((function(e){return Array.from(e.addedNodes).filter((function(e){return t.includes(e.nodeName)}))}));(i=Array.prototype).concat.apply(i,N(o)).filter((function(e){return e instanceof HTMLElement})).forEach((function(t){var n=e.elementToParentMap[t.nodeName]();e.moveChild(t,n)}))}))},e.prototype.createModalWrapperIntersectionObserver=function(){var e=this,t=this.windowRef.nativeWindow.frameElement?this.windowRef.nativeWindow.document:void 0;return new IntersectionObserver((function(t){var n=t[0];n.intersectionRatio<1?e.renderer.addClass(n.target,"full-height"):e.renderer.removeClass(n.target,"full-height")}),{rootMargin:"0px 0px -1px 0px",root:t,threshold:[.99,1]})},e.prototype.ngOnDestroy=function(){this.routerOutlet.isActivated&&this.routerOutlet.deactivate(),this.mutationObserver.disconnect(),delete this._mutationObserver,this.intersectionObserver.disconnect(),delete this._intersectionObserver,this.resizeObserverService&&(this.resizeObserverService.unobserve(this.windowRef.nativeWindow.document.body),this.resizeObserverService.unobserve(this.ionHeaderElement.nativeElement),this.resizeObserverService.unobserve(this.getEmbeddedFooterElement())),this.destroy$.next(),this.destroy$.complete()},e}();ue.KEYBOARD_HIDE_DELAY_IN_MS=100,ue.decorators=[{type:n.Component,args:[{selector:"kirby-modal-wrapper",template:'<ion-header (touchstart)="onHeaderTouchStart($event)">\n <ion-toolbar>\n <ion-title>{{ config.title }}</ion-title>\n <ion-buttons slot="start" *ngIf="config.flavor === \'drawer\'">\n <ng-container *ngTemplateOutlet="closeButton; context: { icon: \'arrow-down\' }"></ng-container>\n </ion-buttons>\n <ion-buttons slot="end" *ngIf="config.flavor === \'modal\'">\n <ng-container *ngTemplateOutlet="closeButton; context: { icon: \'close\' }"></ng-container>\n </ion-buttons>\n <ion-buttons slot="end" *ngIf="config.flavor === \'drawer\' && config.drawerSupplementaryAction">\n <ng-container\n *ngTemplateOutlet="supplementaryButton; context: { btn: config.drawerSupplementaryAction }"\n ></ng-container>\n </ion-buttons>\n </ion-toolbar>\n</ion-header>\n\n<ion-content [scrollEvents]="true">\n <ng-container\n *ngComponentOutlet="config.component; injector: componentPropsInjector"\n ></ng-container>\n <router-outlet\n name="kirbyModalWrapperOutlet"\n [style.visibility]="config.modalRoute ? \'visible\' : \'hidden\'"\n ></router-outlet>\n</ion-content>\n\n<ng-template #closeButton let-icon="icon">\n <button kirby-button attentionLevel="4" size="sm" (click)="close()">\n <kirby-icon [name]="icon"></kirby-icon>\n </button>\n</ng-template>\n\n<ng-template #supplementaryButton let-btn="btn">\n <button kirby-button attentionLevel="2" size="sm" (click)="btn.action($event)">\n <kirby-icon [name]="btn.iconName"></kirby-icon>\n </button>\n</ng-template>\n',providers:[{provide:J,useExisting:ue}],styles:['ion-header ion-toolbar{--padding-start:16px;--padding-end:16px;--padding-bottom:16px;--padding-top:16px;--border-width:0;--background:transparent;--color:var(--kirby-modal-color,var(--kirby-black))}ion-header ion-toolbar button{color:var(--color)}@media (min-width:721px){ion-header ion-toolbar{padding-top:8px}}:host{--vh100:var(--vh,1vh) * 100;--header-height:0px;--footer-height:0px}:host.drawer ion-header ion-toolbar:first-of-type{padding-top:0}@media (min-width:721px){:host-context(ion-modal:not(.kirby-modal-full-height)){padding-top:0;position:relative;contain:inherit;min-height:min(var(--min-height),var(--vh100) - var(--kirby-modal-padding-top,0))}:host-context(ion-modal:not(.kirby-modal-full-height)) ion-content{contain:content;max-height:calc(var(--vh100) - var(--kirby-modal-padding-top, 0px) - var(--header-height) - var(--footer-height))}:host-context(ion-modal:not(.kirby-modal-full-height)) ion-content::part(scroll){height:"100%";position:relative}:host-context(ion-modal:not(.kirby-modal-full-height)).drawer ion-content::part(scroll){transition:padding-bottom .15s ease-out}:host-context(ion-modal:not(.kirby-modal-full-height)).drawer.keyboard-visible ion-content::part(scroll){transition:padding-bottom .25s ease-out 1ms}}:host-context(ion-modal:not(.kirby-modal-full-height)).drawer{padding-top:0;position:relative;contain:inherit;min-height:min(var(--min-height),var(--vh100) - var(--kirby-modal-padding-top,0))}:host-context(ion-modal:not(.kirby-modal-full-height)).drawer ion-content{contain:content;max-height:calc(var(--vh100) - var(--kirby-modal-padding-top, 0px) - var(--header-height) - var(--footer-height))}:host-context(ion-modal:not(.kirby-modal-full-height)).drawer ion-content::part(scroll){height:"100%";position:relative}:host-context(ion-modal:not(.kirby-modal-full-height)).drawer.drawer ion-content::part(scroll){transition:padding-bottom .15s ease-out}:host-context(ion-modal:not(.kirby-modal-full-height)).drawer.drawer.keyboard-visible ion-content::part(scroll){transition:padding-bottom .25s ease-out 1ms}:host-context(ion-modal.modal-card:not(.kirby-drawer)) ion-header ion-toolbar:first-of-type{padding-top:var(--kirby-safe-area-top,0)}@media (min-width:721px){:host-context(ion-modal.modal-card:not(.kirby-drawer)) ion-header ion-toolbar:first-of-type{padding-top:8px}}ion-title{box-sizing:border-box;padding-inline-start:calc(48px + var(--padding-start));padding-inline-end:calc(48px + var(--padding-end));font-size:22px;font-weight:700}:host(.drawer) ion-title{font-size:18px}ion-content{--background:transparent;--color:var(--kirby-modal-color,var(--kirby-black));display:flex;flex-direction:column;--padding-top:24px;--padding-bottom:24px;--padding-start:16px;--padding-end:16px}ion-content ::ng-deep>*{box-sizing:border-box;display:block}@media (min-width:721px){ion-content{--padding-start:56px;--padding-end:56px}}']}]}],ue.ctorParameters=function(){return[{type:n.Injector},{type:n.ElementRef},{type:n.Renderer2},{type:n.NgZone},{type:pe},{type:n.ComponentFactoryResolver},{type:U},{type:te}]},ue.propDecorators={config:[{type:n.Input}],toolbarButtonsQuery:[{type:n.ViewChildren,args:[ce,{read:n.ElementRef}]}],ionContent:[{type:n.ViewChild,args:[i.IonContent,{static:!0}]}],ionContentElement:[{type:n.ViewChild,args:[i.IonContent,{static:!0,read:n.ElementRef}]}],ionHeaderElement:[{type:n.ViewChild,args:[i.IonHeader,{static:!0,read:n.ElementRef}]}],ionToolbarElement:[{type:n.ViewChild,args:[i.IonToolbar,{static:!0,read:n.ElementRef}]}],ionTitleElement:[{type:n.ViewChild,args:[i.IonTitle,{static:!0,read:n.ElementRef}]}],routerOutlet:[{type:n.ViewChild,args:[o.RouterOutlet,{static:!0}]}],_isDrawer:[{type:n.HostBinding,args:["class.drawer"]}],onFocusChange:[{type:n.HostListener,args:["window:focus"]},{type:n.HostListener,args:["window:focusout"]}],_onKeyboardShow:[{type:n.HostListener,args:["window:ionKeyboardDidShow",["$event.detail.keyboardHeight"]]},{type:n.HostListener,args:["window:keyboardWillShow",["$event.keyboardHeight"]]}],_onKeyboardHide:[{type:n.HostListener,args:["window:ionKeyboardDidHide"]},{type:n.HostListener,args:["window:keyboardWillHide"]}],_onWindowResize:[{type:n.HostListener,args:["window:resize"]}]};var ge=function(){function t(t,n){this.animationCtrl=t,this.platform=n,this.easingEnter=e.KirbyAnimation.Easing.modal.enter,this.easingLeave=e.KirbyAnimation.Easing.modal.exit,this.duration=e.KirbyAnimation.Duration.LONG,this.SwipeToCloseDefaults={MIN_PRESENTING_SCALE:.93}}return t.prototype.enterAnimation=function(e){var t=this;return function(n,i){var o,r=t.animationCtrl.create().addElement(n.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]),a=t.animationCtrl.create().addElement(n.querySelectorAll(".modal-wrapper, .modal-shadow")).beforeStyles({opacity:1}).fromTo("transform","translateY(100vh)","translateY(0vh)"),s=t.animationCtrl.create().addElement(n).easing(t.easingEnter).duration(t.duration).addAnimation(a);if(e&&(o=t.animationCtrl.create().addElement(e).fromTo("opacity","var(--backdrop-opacity)",.01)),i){var l=!t.platform.isPhabletOrBigger(),c="ION-MODAL"===i.tagName&&void 0!==i.presentingElement,d=t.animationCtrl.create().beforeStyles({transform:"translateY(0)","transform-origin":"top center",overflow:"hidden"}),p=document.body;if(l){var h=CSS.supports("width","max(0px, 1px)")?"max(30px, var(--ion-safe-area-top))":"30px",u="translateY("+(c?"-10px":h)+") scale("+t.SwipeToCloseDefaults.MIN_PRESENTING_SCALE+")";d.afterStyles({transform:u}).beforeAddWrite((function(){return p.style.setProperty("background-color","black")})).addElement(i).keyframes([{offset:0,filter:"contrast(1)",transform:"translateY(0px) scale(1)",borderRadius:"0px"},{offset:1,filter:"contrast(0.85)",transform:u,borderRadius:"10px 10px 0 0"}]),s.addAnimation(d)}else if(s.addAnimation(r),o&&s.addAnimation(o),c){u="translateY(-10px) scale("+(c?t.SwipeToCloseDefaults.MIN_PRESENTING_SCALE:1)+")";d.afterStyles({transform:u}).addElement(i.querySelector(".modal-wrapper")).keyframes([{offset:0,filter:"contrast(1)",transform:"translateY(0) scale(1)"},{offset:1,filter:"contrast(0.85)",transform:u}]);var g=t.animationCtrl.create().afterStyles({transform:u}).addElement(i.querySelector(".modal-shadow")).keyframes([{offset:0,opacity:"1",transform:"translateY(0) scale(1)"},{offset:1,opacity:"0",transform:u}]);s.addAnimation([d,g])}else a.fromTo("opacity","0","1")}else s.addAnimation(r),o&&s.addAnimation(o);return s}},t.prototype.leaveAnimation=function(e){var t=this;return function(n,i){var o,r=t.animationCtrl.create().addElement(n.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0),a=t.animationCtrl.create().addElement(n.querySelectorAll(".modal-wrapper, .modal-shadow")).beforeStyles({opacity:1}).fromTo("transform","translateY(0vh)","translateY(100vh)"),s=t.animationCtrl.create().addElement(n).easing(t.easingLeave).duration(t.duration).addAnimation(a);if(e&&(o=t.animationCtrl.create().addElement(e).fromTo("opacity",.01,"var(--backdrop-opacity)").afterStyles({opacity:"var(--backdrop-opacity)"})),i){var l=!t.platform.isPhabletOrBigger(),c="ION-MODAL"===i.tagName&&void 0!==i.presentingElement,d=t.animationCtrl.create().beforeClearStyles(["transform"]).afterClearStyles(["transform"]).onFinish((function(e){1===e&&(i.style.setProperty("overflow",""),Array.from(p.querySelectorAll("ion-modal")).filter((function(e){return void 0!==e.presentingElement})).length<=1&&p.style.setProperty("background-color",""))})),p=document.body;if(l){var h=CSS.supports("width","max(0px, 1px)")?"max(30px, var(--ion-safe-area-top))":"30px",u="translateY("+(c?"-10px":h)+") scale("+t.SwipeToCloseDefaults.MIN_PRESENTING_SCALE+")";d.addElement(i).keyframes([{offset:0,filter:"contrast(0.85)",transform:u,borderRadius:"10px 10px 0 0"},{offset:1,filter:"contrast(1)",transform:"translateY(0px) scale(1)",borderRadius:"0px"}]),s.addAnimation(d)}else if(s.addAnimation(r),o&&s.addAnimation(o),c){u="translateY(-10px) scale("+(c?t.SwipeToCloseDefaults.MIN_PRESENTING_SCALE:1)+")";d.addElement(i.querySelector(".modal-wrapper")).afterStyles({transform:"translate3d(0, 0, 0)"}).keyframes([{offset:0,filter:"contrast(0.85)",transform:u},{offset:1,filter:"contrast(1)",transform:"translateY(0) scale(1)"}]);var g=t.animationCtrl.create().addElement(i.querySelector(".modal-shadow")).afterStyles({transform:"translateY(0) scale(1)"}).keyframes([{offset:0,opacity:"0",transform:u},{offset:1,opacity:"1",transform:"translateY(0) scale(1)"}]);s.addAnimation([d,g])}else a.fromTo("opacity","1","0")}else s.addAnimation(r),o&&s.addAnimation(o);return s}},t}();ge.ɵprov=n.ɵɵdefineInjectable({factory:function(){return new ge(n.ɵɵinject(i.AnimationController),n.ɵɵinject(te))},token:ge,providedIn:"root"}),ge.decorators=[{type:n.Injectable,args:[{providedIn:"root"}]}],ge.ctorParameters=function(){return[{type:i.AnimationController},{type:te}]};var me=this&&this.__awaiter||function(e,t,n,i){return new(n||(n=Promise))((function(o,r){function a(e){try{l(i.next(e))}catch(e){r(e)}}function s(e){try{l(i.throw(e))}catch(e){r(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((i=i.apply(e,t||[])).next())}))},be=function(){function e(e,t,n){this.ionicModalController=e,this.modalAnimationBuilder=t,this.windowRef=n}return e.prototype.showModalWindow=function(e){return me(this,void 0,void 0,(function(){var t,n,i,o,r,a,s,l,c,d,p=this;return H(this,(function(h){switch(h.label){case 0:return e.flavor=e.flavor||"modal",[4,this.getPresentingElement(e.flavor)];case 1:return t=h.sent(),[4,this.ionicModalController.getTop()];case 2:return(i=h.sent())&&(n=i.querySelector("ion-backdrop")),o=this.modalAnimationBuilder.enterAnimation(n),r=this.modalAnimationBuilder.leaveAnimation(n),a="modal"===e.flavor?"medium":null,s=e.size||a,l="allow-background-scroll",c=[],e.cssClass&&(c=Array.isArray(e.cssClass)?e.cssClass:[e.cssClass]),e.interactWithBackground&&this.windowRef.nativeWindow.document.body.classList.add(l),[4,this.ionicModalController.create({component:"compact"===e.flavor?ee:ue,cssClass:N(["kirby-overlay","kirby-modal","drawer"===e.flavor?"kirby-drawer":null,"compact"===e.flavor?"kirby-modal-compact":null,"kirby-modal-"+s,e.interactWithBackground?"interact-with-background":null],c),backdropDismiss:"compact"!==e.flavor&&!e.interactWithBackground,showBackdrop:!e.interactWithBackground,componentProps:{config:e},swipeToClose:"compact"!=e.flavor,presentingElement:t,keyboardClose:!1,enterAnimation:o,leaveAnimation:r})];case 3:return d=h.sent(),e.interactWithBackground&&d.onDidDismiss().then((function(){p.windowRef.nativeWindow.document.body.classList.remove(l)})),[4,d.present()];case 4:return h.sent(),[2,{dismiss:d.dismiss.bind(d),onWillDismiss:d.onWillDismiss(),onDidDismiss:d.onDidDismiss()}]}}))}))},e.prototype.registerPresentingElement=function(t){e.presentingElement=t},e.prototype.getPresentingElement=function(t){return me(this,void 0,void 0,(function(){var n,i;return H(this,(function(o){switch(o.label){case 0:return n=void 0,t&&"modal"!==t?[3,2]:[4,this.ionicModalController.getTop()];case 1:(i=o.sent())?i.classList.contains("kirby-drawer")||i.classList.contains("kirby-modal-compact")||(n=i):n=e.presentingElement,o.label=2;case 2:return[2,n]}}))}))},e.prototype.scrollToTop=function(e,t){return me(this,void 0,void 0,(function(){var n;return H(this,(function(i){switch(i.label){case 0:return[4,this.ionicModalController.getTop()];case 1:if(!((n=i.sent())&&n.component instanceof ue))throw new Error(e);return n.component.scrollToTop(t),[2]}}))}))},e.prototype.scrollToBottom=function(e,t){return me(this,void 0,void 0,(function(){var n;return H(this,(function(i){switch(i.label){case 0:return[4,this.ionicModalController.getTop()];case 1:if(!((n=i.sent())&&n.component instanceof ue))throw new Error(e);return n.component.scrollToBottom(t),[2]}}))}))},e}();be.presentingElement=void 0,be.decorators=[{type:n.Injectable}],be.ctorParameters=function(){return[{type:i.ModalController},{type:ge},{type:U}]};var ye=this&&this.__awaiter||function(e,t,n,i){return new(n||(n=Promise))((function(o,r){function a(e){try{l(i.next(e))}catch(e){r(e)}}function s(e){try{l(i.throw(e))}catch(e){r(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((i=i.apply(e,t||[])).next())}))},fe=function(){function e(e,t,n,i,o){this.modalHelper=e,this.actionSheetHelper=t,this.alertHelper=n,this.modalNavigationService=i,this.routeConfig=o,this.overlays=[],this.noOverlayRegisteredErrorMessage="No modal overlays are currently registered",this.destroy$=new r.Subject}return e.prototype.initialize=function(e){return ye(this,void 0,void 0,(function(){var t;return H(this,(function(n){switch(n.label){case 0:return[4,this.modalNavigationService.getModalNavigation(this.routeConfig,e)];case 1:return t=n.sent(),this.onModalRouteActivated(t.activated$),this.onModalRouteDeactivated(t.deactivated$),[2]}}))}))},e.prototype.onModalRouteActivated=function(e){var t=this,n=function(){t.modalNavigationService.navigateOutOfModalOutlet()},i=e.pipe(a.filter((function(e){return!e.isNewModal})),a.map((function(e){return e.route})));e.pipe(a.takeUntil(this.destroy$),a.filter((function(){return 0===t.overlays.length}))).subscribe((function(e){return ye(t,void 0,void 0,(function(){return H(this,(function(t){switch(t.label){case 0:return e.isNewModal?[4,this.showModalRoute(e.route,i,n)]:[3,2];case 1:t.sent(),t.label=2;case 2:return[2]}}))}))}))},e.prototype.onModalRouteDeactivated=function(e){var t=this;e.pipe(a.takeUntil(this.destroy$),a.filter((function(){return t.overlays.length>0}))).subscribe((function(){return ye(t,void 0,void 0,(function(){return H(this,(function(e){switch(e.label){case 0:return[4,this.hideAll()];case 1:return e.sent(),[2]}}))}))}))},e.prototype.showModal=function(e,t){return ye(this,void 0,void 0,(function(){var n=this;return H(this,(function(i){switch(i.label){case 0:return e.hasOwnProperty("dim")&&console.warn("ModalConfig.dim is deprecated - please remove from your configuration."),[4,this.showAndRegisterOverlay((function(){return n.modalHelper.showModalWindow(e)}),t)];case 1:return i.sent(),[2]}}))}))},e.prototype.navigateToModal=function(e,t){return ye(this,void 0,void 0,(function(){return H(this,(function(n){return[2,this.modalNavigationService.navigateToModal(e,t)]}))}))},e.prototype.navigateWithinModal=function(e,t){return ye(this,void 0,void 0,(function(){return H(this,(function(n){return[2,this.modalNavigationService.navigateWithinModal(e,t)]}))}))},e.prototype.showModalRoute=function(e,t,n){return ye(this,void 0,void 0,(function(){var i,o=this;return H(this,(function(r){switch(r.label){case 0:return i={component:null,modalRoute:e,siblingModalRouteActivated$:t,flavor:"modal"},[4,this.showAndRegisterOverlay((function(){return o.modalHelper.showModalWindow(i)}),null,n)];case 1:return r.sent(),[2]}}))}))},e.prototype.showActionSheet=function(e,t){return ye(this,void 0,void 0,(function(){var n=this;return H(this,(function(i){switch(i.label){case 0:return[4,this.showAndRegisterOverlay((function(){return n.actionSheetHelper.showActionSheet(e)}),t)];case 1:return i.sent(),[2]}}))}))},e.prototype.showAlert=function(e,t){return ye(this,void 0,void 0,(function(){var n=this;return H(this,(function(i){switch(i.label){case 0:return[4,this.showAndRegisterOverlay((function(){return n.alertHelper.showAlert(e)}),t)];case 1:return i.sent(),[2]}}))}))},e.prototype.showAndRegisterOverlay=function(e,t,n){return ye(this,void 0,void 0,(function(){var i,o=this;return H(this,(function(r){switch(r.label){case 0:return[4,e()];case 1:return(i=r.sent())?(this.overlays.push(i),"function"==typeof n&&i.onWillDismiss.then((function(e){return n(e.data)})),i.onDidDismiss.then((function(e){o.overlays.pop(),"function"==typeof t&&t(e.data)})),[2]):[2]}}))}))},e.prototype.registerPresentingElement=function(e){this.modalHelper.registerPresentingElement(e)},e.prototype.hideTopmost=function(e){return ye(this,void 0,void 0,(function(){var t;return H(this,(function(n){if(!(t=this.overlays[this.overlays.length-1]))throw new Error(this.noOverlayRegisteredErrorMessage);return[2,t.dismiss(e)]}))}))},e.prototype.scrollToTop=function(e){if(console.warn("ModalController.scrollToTop is deprecated - please inject Modal in embedded component and use Modal.scrollToTop instead."),!this.overlays[this.overlays.length-1])throw new Error(this.noOverlayRegisteredErrorMessage);this.modalHelper.scrollToTop(this.noOverlayRegisteredErrorMessage,e)},e.prototype.scrollToBottom=function(e){if(console.warn("ModalController.scrollToBottom is deprecated - please inject Modal in embedded component and use Modal.scrollToBottom instead."),!this.overlays[this.overlays.length-1])throw new Error(this.noOverlayRegisteredErrorMessage);this.modalHelper.scrollToBottom(this.noOverlayRegisteredErrorMessage,e)},e.prototype.hideAll=function(){return ye(this,void 0,void 0,(function(){var e=this;return H(this,(function(t){switch(t.label){case 0:return[4,Promise.all(this.overlays.map((function(t){return ye(e,void 0,void 0,(function(){return H(this,(function(e){switch(e.label){case 0:return[4,t.dismiss()];case 1:return e.sent(),[2]}}))}))})))];case 1:return t.sent(),[2]}}))}))},e.prototype.ngOnDestroy=function(){this.destroy$.next(),this.destroy$.complete()},e}();fe.decorators=[{type:n.Injectable}],fe.ctorParameters=function(){return[{type:be},{type:$},{type:q},{type:Z},{type:Array,decorators:[{type:n.Optional},{type:n.Inject,args:[o.ROUTES]}]}]};var ve=function(){function e(e){this.modalController=e}return e.prototype.ngAfterContentInit=function(){var e=this;this.routerOutlet&&this.routerOutlet.nativeElement&&this.modalController.registerPresentingElement(this.routerOutlet.nativeElement),this.ionAppElement.nativeElement.componentOnReady().then((function(){return e.registerInputs()}))},e.prototype.registerInputs=function(){setTimeout((function(){document.querySelectorAll("kirby-form-field").forEach((function(e){e.dispatchEvent(new CustomEvent("kirbyRegisterFormField"))}))}),250)},e}();ve.decorators=[{type:n.Component,args:[{selector:"kirby-app",template:"<ion-app>\n <ng-content></ng-content>\n</ion-app>\n",styles:[":host{left:0;right:0;top:0;bottom:0;position:absolute;contain:size layout style;z-index:0;overflow:hidden}"]}]}],ve.ctorParameters=function(){return[{type:fe}]},ve.propDecorators={ionAppElement:[{type:n.ViewChild,args:[i.IonApp,{static:!0,read:n.ElementRef}]}],routerOutlet:[{type:n.ContentChild,args:[z,{static:!1,read:n.ElementRef}]}]};var ke,xe=function(){};xe.decorators=[{type:n.NgModule,args:[{declarations:[ve],imports:[s.CommonModule,i.IonicModule],exports:[ve]}]}],(ke=e.AvatarSize||(e.AvatarSize={})).XS="xs",ke.SM="sm",ke.MD="md",ke.LG="lg";var we=function(){function t(){this.size=e.AvatarSize.SM}return Object.defineProperty(t.prototype,"_cssClass",{get:function(){return[this.themeColor,this.size].filter((function(e){return!!e}))},enumerable:!1,configurable:!0}),t}();we.decorators=[{type:n.Component,args:[{selector:"kirby-avatar",template:'<div class="avatar" [ngClass]="{ shadow: shadow, overlay: overlay }">\n <img *ngIf="imageSrc" [src]="imageSrc" [attr.alt]="altText" />\n <ng-content *ngIf="!text" select="kirby-icon"></ng-content>\n <span class="avatar-text" *ngIf="text">{{ text }}</span>\n</div>\n<ng-content select="kirby-badge"></ng-content>\n',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[':host{--kirby-badge-elevation:0 5px 10px -10px rgba(28,28,28,0.3),0 0 5px 0 rgba(28,28,28,0.08);--kirby-badge-position:absolute;--kirby-badge-right:-2px;--kirby-badge-top:-2px;--kirby-badge-z-index:2}.avatar,:host{position:relative}.avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;z-index:1;display:flex;justify-content:center;align-items:center;background-color:var(--kirby-white);color:var(--kirby-light-contrast);--kirby-icon-font-size:24px}.avatar.shadow{box-shadow:0 2px 4px 2px hsla(0,0%,44.3%,.4)}.avatar.overlay:before{content:"";background-color:var(--kirby-black);opacity:.05;width:100%;height:100%;position:absolute;top:0;left:0}.avatar img{object-fit:cover;max-width:100%;height:100%;width:100%}:host(.xs) .avatar{width:32px;height:32px;border-radius:8px}:host(.xs) .avatar .avatar-text{font-size:14px}:host(.sm) .avatar,:host-context(kirby-progress-circle.sm) .avatar{width:40px;height:40px}:host(.sm) .avatar .avatar-text,:host-context(kirby-progress-circle.sm) .avatar .avatar-text{font-size:14px}:host(.md),:host-context(kirby-progress-circle.md){--kirby-badge-right:0px;--kirby-badge-top:0px}:host(.md) .avatar,:host-context(kirby-progress-circle.md) .avatar{width:56px;height:56px;--kirby-icon-font-size:32px}:host(.md) .avatar .avatar-text,:host-context(kirby-progress-circle.md) .avatar .avatar-text{font-size:18px}:host(.lg),:host-context(kirby-progress-circle.lg){--kirby-badge-right:6px;--kirby-badge-top:6px}:host(.lg) .avatar,:host-context(kirby-progress-circle.lg) .avatar{width:96px;height:96px;--kirby-icon-font-size:56px}:host(.lg) .avatar .avatar-text,:host-context(kirby-progress-circle.lg) .avatar .avatar-text{font-size:32px}:host-context(kirby-item)[slot=start]{margin-inline-end:12px}:host-context(kirby-item)[slot=start].xs{margin-inline-end:16px}:host(.primary) .avatar{background-color:var(--kirby-primary);color:var(--kirby-primary-contrast)}:host(.secondary) .avatar{background-color:var(--kirby-secondary);color:var(--kirby-secondary-contrast)}:host(.tertiary) .avatar{background-color:var(--kirby-tertiary);color:var(--kirby-tertiary-contrast)}:host(.success) .avatar{background-color:var(--kirby-success);color:var(--kirby-success-contrast)}:host(.warning) .avatar{background-color:var(--kirby-warning);color:var(--kirby-warning-contrast)}:host(.danger) .avatar{background-color:var(--kirby-danger);color:var(--kirby-danger-contrast)}:host(.light) .avatar{background-color:var(--kirby-light);color:var(--kirby-light-contrast)}:host(.medium) .avatar{background-color:var(--kirby-medium);color:var(--kirby-medium-contrast)}:host(.dark) .avatar{background-color:var(--kirby-dark);color:var(--kirby-dark-contrast)}:host(.white) .avatar{background-color:var(--kirby-white);color:var(--kirby-white-contrast)}:host(.semi-light) .avatar{background-color:var(--kirby-semi-light);color:var(--kirby-semi-light-contrast)}']}]}],we.propDecorators={imageSrc:[{type:n.Input}],altText:[{type:n.Input}],shadow:[{type:n.Input}],text:[{type:n.Input}],overlay:[{type:n.Input}],size:[{type:n.Input}],themeColor:[{type:n.Input}],_cssClass:[{type:n.HostBinding,args:["class"]}]};var Ce=function(){function e(e,t,n){this.elementRef=e,this.resizeObserverService=t,this.renderer=n,this.sizesSortedByBreakpoint=this.sortSizesByBreakpoint({small:360,medium:720,large:1024}),this.flat=!1,this.highlighted=!1}return Object.defineProperty(e.prototype,"backgroundImageUrl",{set:function(e){this._backgroundImage="url('"+e+"')"},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"sizes",{set:function(e){"string"==typeof e&&console.error('Sizes property cannot be a string. Please ensure the size property is bound as an expression:\n[sizes]="{...}"'),this.sizesSortedByBreakpoint=this.sortSizesByBreakpoint(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"mode",{set:function(e){this.flat="flat"===e,this.highlighted="highlighted"===e},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){var e=this;this.resizeObserverService.observe(this.elementRef,(function(t){return e.handleResize(t)}))},e.prototype.ngOnDestroy=function(){this.resizeObserverService.unobserve(this.elementRef)},e.prototype.sortSizesByBreakpoint=function(e){return Object.entries(e).sort(this.compareSizesByBreakpoint)},e.prototype.compareSizesByBreakpoint=function(e,t){return e[1]>t[1]?1:t[1]>e[1]?-1:0},e.prototype.handleResize=function(e){var t=this,n="size",i=this.sizesSortedByBreakpoint[0][0],o=this.sizesSortedByBreakpoint[0][1];e.contentRect.width<o?this.renderer.setAttribute(e.target,n,"<"+i):this.sizesSortedByBreakpoint.forEach((function(i){var o=F(i,2),r=o[0],a=o[1];e.contentRect.width>=a&&t.renderer.setAttribute(e.target,n,r)}))},e}();Ce.decorators=[{type:n.Component,args:[{selector:"kirby-card",template:'<ng-content select="kirby-card-header"></ng-content>\n<div class="content-wrapper" [class.padding]="hasPadding">\n <ng-content></ng-content>\n</div>\n<ng-content select="kirby-card-footer"></ng-content>\n',styles:[":host{--kirby-card-main-background-color:var(--kirby-white);--kirby-card-main-color:var(--kirby-white-contrast);--kirby-card-footer-background-color:var(--kirby-white);--kirby-card-footer-color:var(--kirby-white-contrast);border-radius:16px;box-shadow:0 5px 10px -10px rgba(28,28,28,.3),0 0 5px 0 rgba(28,28,28,.08);color:var(--kirby-card-main-color);background-color:var(--kirby-card-main-background-color);background-image:var(--kirby-card-background-image);background-repeat:var(--kirby-card-background-repeat,no-repeat);background-position:var(--kirby-card-background-position,center);background-size:var(--kirby-card-background-size,cover);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;z-index:1;width:var(--kirby-card-width,auto)}:host .content-wrapper.padding{padding:16px}:host.highlighted{box-shadow:0 10px 15px -10px rgba(28,28,28,.3),0 0 5px 0 rgba(28,28,28,.08)}:host.flat{box-shadow:none}:host[role=button]{cursor:pointer;outline-offset:2px}:host-context(.swiper-slide-active){box-shadow:0 10px 15px -10px rgba(28,28,28,.3),0 0 5px 0 rgba(28,28,28,.08);transition:all .5s;transform:translateY(-3px)}:host(.primary){--kirby-card-main-background-color:var(--kirby-primary);--kirby-card-main-color:var(--kirby-primary-contrast)}:host(.secondary){--kirby-card-main-background-color:var(--kirby-secondary);--kirby-card-main-color:var(--kirby-secondary-contrast)}:host(.tertiary){--kirby-card-main-background-color:var(--kirby-tertiary);--kirby-card-main-color:var(--kirby-tertiary-contrast)}:host(.success){--kirby-card-main-background-color:var(--kirby-success);--kirby-card-main-color:var(--kirby-success-contrast)}:host(.warning){--kirby-card-main-background-color:var(--kirby-warning);--kirby-card-main-color:var(--kirby-warning-contrast)}:host(.danger){--kirby-card-main-background-color:var(--kirby-danger);--kirby-card-main-color:var(--kirby-danger-contrast)}:host(.light){--kirby-card-main-background-color:var(--kirby-light);--kirby-card-main-color:var(--kirby-light-contrast)}:host(.medium){--kirby-card-main-background-color:var(--kirby-medium);--kirby-card-main-color:var(--kirby-medium-contrast)}:host(.dark){--kirby-card-main-background-color:var(--kirby-dark);--kirby-card-main-color:var(--kirby-dark-contrast)}"]}]}],Ce.ctorParameters=function(){return[{type:n.ElementRef},{type:pe},{type:n.Renderer2}]},Ce.propDecorators={title:[{type:n.Input}],subtitle:[{type:n.Input}],_backgroundImage:[{type:n.HostBinding,args:["style.--kirby-card-background-image"]}],backgroundImageUrl:[{type:n.Input}],hasPadding:[{type:n.Input}],sizes:[{type:n.Input}],flat:[{type:n.HostBinding,args:["class.flat"]}],highlighted:[{type:n.HostBinding,args:["class.highlighted"]}],mode:[{type:n.Input}]};var Ie=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();Ie.decorators=[{type:n.Component,args:[{selector:"kirby-card-footer",template:"<footer>\n <ng-content></ng-content>\n</footer>\n",styles:[":host{display:block;padding:16px;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}footer{display:inherit;flex:inherit}"]}]}],Ie.ctorParameters=function(){return[]};var Oe=function(){this.flagged=null};function Ee(e,t,n){void 0===n&&(n={mergeArrays:!1});var i=function(e){return e&&"object"==typeof e};return[e,t].reduce((function(e,t){return Object.keys(t).forEach((function(o){var r=e[o],a=t[o];Array.isArray(r)&&Array.isArray(a)?e[o]=n.mergeArrays?r.concat(a):a:i(r)&&i(a)?e[o]=Ee(r,a):e[o]=a})),e}),{})}function Se(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=e.filter((function(e){return void 0!==e}));return n.reduce((function(e,t){return Ee(e,t)}))}Oe.decorators=[{type:n.Component,args:[{selector:"kirby-card-header",template:'<header>\n <h2 *ngIf="title" [class.bold]="isTitleBold">{{ title }}</h2>\n <h4 *ngIf="subtitle">{{ subtitle }}</h4>\n <ng-content></ng-content>\n</header>\n',styles:[":host{display:block;border-top-left-radius:16px;border-top-right-radius:16px;text-align:center;padding:var(--kirby-internal-card-header-padding,16px);color:var(--kirby-card-header-color);background-color:var(--kirby-card-header-background-color)}h2{font-size:16px;font-weight:400;margin:0 0 var(--kirby-internal-card-header-margin-bottom,8px);line-height:var(--kirby-internal-card-header-line-height,28px)}h2.bold{font-weight:700}h4{font-size:14px;margin:0;font-weight:400}:host(.danger){--kirby-card-header-background-color:var(--kirby-danger);--kirby-card-header-color:var(--kirby-danger-contrast)}:host(.warning){--kirby-card-header-background-color:var(--kirby-warning);--kirby-card-header-color:var(--kirby-warning-contrast)}:host(.success){--kirby-card-header-background-color:var(--kirby-success);--kirby-card-header-color:var(--kirby-success-contrast)}:host(.info){--kirby-card-header-background-color:var(--kirby-semi-light);--kirby-card-header-color:var(--kirby-semi-light-contrast)}:host(.danger,.warning,.success,.info){--kirby-internal-card-header-padding:2px 8px}:host(.danger,.warning,.success,.info) h2{--kirby-internal-card-header-line-height:24px;--kirby-internal-card-header-margin-bottom:0px}"]}]}],Oe.propDecorators={title:[{type:n.Input}],subtitle:[{type:n.Input}],isTitleBold:[{type:n.Input}],flagged:[{type:n.HostBinding,args:["class"]},{type:n.Input}]},require("highcharts/highcharts-more")(R),require("highcharts/modules/solid-gauge")(R),require("highcharts/modules/broken-axis")(R);var De,Te=function(){function e(){}return e.prototype.init=function(e){this.chartContainer=e},e.prototype.renderChart=function(e){this.chartContainer&&e.chart&&l.chart(this.chartContainer.nativeElement,e)},e}();Te.decorators=[{type:n.Injectable}],(De=e.ChartDeprecatedType||(e.ChartDeprecatedType={})).PIE="pie",De.DONUT="donut",De.AREASPLINE="areaspline",De.TIMESERIES="timeseries",De.ACTIVITYGAUGE="activitygauge",De.BAR="bar",De.COLUMN="column",De.CUSTOM="custom";var Re=new n.InjectionToken("ActivityGaugeOptions"),Pe={chart:{style:{fontFamily:"Roboto, sans-serif",fontWeight:"300"},backgroundColor:"transparent",type:"solidgauge",height:"110%"},accessibility:{description:""},title:{align:"center",verticalAlign:"middle",text:"",y:0,floating:!1,style:{fontSize:"30px",color:"#fff",fontWeight:"bold"}},subtitle:{text:"",align:"center",y:25,verticalAlign:"middle",style:{color:"#fff",fontSize:"14px",fontWeight:"normal"}},credits:{enabled:!1},tooltip:{enabled:!1,animation:!1},pane:{startAngle:0,endAngle:360,background:[{backgroundColor:{linearGradient:{x1:0,x2:0,y1:0,y2:1},stops:[[1,"rgba(255, 255, 255, 0.3)"],[0,"rgba(255, 255, 255, 0.3)"]]},outerRadius:"112%",innerRadius:"88%",borderWidth:0}]},yAxis:{min:0,max:100,lineWidth:0,tickPositions:[]},plotOptions:{solidgauge:{dataLabels:{enabled:!1},linecap:"round",stickyTracking:!1,rounded:!0}},series:[{type:"solidgauge"}]},_e=new n.InjectionToken("AreasplineOptions"),Ae={chart:{type:"areaspline",borderWidth:0,plotBorderWidth:0,margin:0,marginTop:48},accessibility:{description:""},title:{text:""},credits:{enabled:!1},exporting:{enabled:!1},tooltip:{enabled:!0,animation:!1,shape:"square",borderColor:"#FFFFFF",shadow:!1,backgroundColor:"#FFFFFF",style:{fontSize:"1.25rem"},formatter:function(){return String(this.y)},positioner:function(){return{x:this.chart.plotSizeX/2-this.label.width/2,y:0}}},xAxis:{visible:!1,minPadding:0,maxPadding:0,crosshair:{zIndex:3,width:1,color:"#177E17"}},yAxis:{visible:!1,endOnTick:!1,startOnTick:!1},plotOptions:{areaspline:{shadow:!0,showInLegend:!1,fillColor:{linearGradient:{x1:0,x2:0,y1:0,y2:.8},stops:[[0,"#C9E5C9"],[1,"#FFFFFF"]]},lineColor:"#177E17",lineWidth:2},series:{states:{hover:{halo:{size:0}}},marker:{enabled:!1,states:{hover:{enabled:!0,fillColor:"#177E17"}}}}},series:[{type:"areaspline"}]},Me=t.DesignTokenHelper.getColor;function Le(){for(var e=this.series,t=0,n=e.length;t<n;++t)for(var i=e[t].data,o=0,r=i.length;o<r;++o)i[o].graphic&&(i[o].graphic.element.style.stroke=Me("background-color").value)}var Be={chart:{type:"bar",animation:{duration:150},backgroundColor:"transparent",events:{load:Le,redraw:Le}},accessibility:{description:"Bar chart"},credits:{enabled:!1},title:{text:""},xAxis:{labels:{style:{fontSize:(0,t.DesignTokenHelper.fontSize)("s"),fontFamily:"Roboto",color:Me("black").value}},min:0,lineColor:"transparent"},yAxis:{title:{text:""},labels:{enabled:!1},min:0,lineWidth:0,minorGridLineWidth:0,gridLineColor:"transparent",minorTickLength:0,tickLength:0,maxPadding:0,endOnTick:!1,showLastLabel:!1,showFirstLabel:!1},plotOptions:{bar:{events:{}},series:{color:Me("secondary").value,stacking:"normal",states:{hover:{enabled:!1},inactive:{opacity:1}}}},tooltip:{enabled:!1},legend:{enabled:!1}},ze=t.DesignTokenHelper.getColor;function He(){for(var e=this.series,t=0,n=e.length;t<n;++t)for(var i=e[t].data,o=0,r=i.length;o<r;++o)i[o].graphic&&(i[o].graphic.element.style.stroke=ze("secondary").value)}var je={chart:{animation:{duration:500},backgroundColor:"transparent",type:"column",events:{load:He,redraw:He}},title:{text:""},accessibility:{description:"Column chart"},xAxis:{labels:{style:{fontSize:(0,t.DesignTokenHelper.fontSize)("xxs"),fontFamily:"Roboto",color:ze("black").value}},lineWidth:0,minorGridLineWidth:0,lineColor:"transparent",minorTickLength:0,tickLength:0},yAxis:{title:{text:""},labels:{enabled:!1},min:0,lineWidth:0,minorGridLineWidth:0,gridLineColor:"transparent",minorTickLength:0,tickLength:0,showLastLabel:!1,showFirstLabel:!1},credits:{enabled:!1},plotOptions:{column:{stacking:"normal"},series:{color:ze("secondary").value,zIndex:10,states:{hover:{enabled:!1},inactive:{opacity:1}}},line:{className:"avg-line",marker:{enabled:!1},allowPointSelect:!1}},tooltip:{enabled:!1},legend:{enabled:!1}},Fe=new n.InjectionToken("DonutOptions"),Ne={chart:{style:{fontFamily:"Roboto",fontWeight:"300"},backgroundColor:"transparent",type:""},accessibility:{description:"Donut chart"},title:{text:""},tooltip:{enabled:!1,animation:!1},legend:{layout:"vertical",symbolRadius:0,itemStyle:{fontSize:".875rem"}},plotOptions:{pie:{colors:["#015132","#B2D1BF","#AABC08","#1FA05A","yellowgreen"],allowPointSelect:!1,cursor:"pointer",showInLegend:!0,borderColor:null,dataLabels:{format:"{point.label}",enabled:!0,connectorWidth:0,distance:5,style:{fontSize:"1rem",fontWeight:"200"}},point:{events:{legendItemClick:function(){return!1}}},states:{hover:{enabled:!1}}},series:{animation:!0,dataLabels:{},states:{hover:{enabled:!1},inactive:{opacity:1}}}},series:[{name:"",type:"pie"}],credits:{enabled:!1},exporting:{enabled:!1},responsive:{rules:[{condition:{minWidth:640},chartOptions:{legend:{layout:"vertical",align:"right",verticalAlign:"middle",itemMarginTop:12,symbolRadius:0,symbolWidth:14,symbolHeight:14,x:-100}}},{condition:{minWidth:0},chartOptions:{legend:{symbolRadius:0}}}]}},We=new n.InjectionToken("TimeSeriesOptions"),Ve={chart:{backgroundColor:{linearGradient:{x1:0,x2:0,y1:0,y2:3},stops:[[0,"#F6F6F6"],[1,"#808080"]]},zoomType:"x",type:"timeseries",borderWidth:0,plotBorderWidth:0,margin:0,marginTop:48},accessibility:{description:""},title:{text:""},subtitle:{text:""},tooltip:{shadow:!1,formatter:function(){return l.dateFormat("%e. %b",new Date(this.x))+".<br/><b>"+this.y+"</b>"},positioner:function(e,t,n){return{x:n.x,y:0}},borderWidth:0},xAxis:{visible:!1,lineColor:"#FFFFFF",tickColor:"#FFFFFF",labels:{style:{color:"white"}},opposite:!0,crosshair:{zIndex:3,width:1,color:"#00E89A"},type:"datetime",tickInterval:1},yAxis:{visible:!1},legend:{enabled:!1},plotOptions:{area:{fillColor:"#01352C",marker:{lineWidth:14,lineColor:"rgba(255,255,255,0.2)",radius:6,fillColor:"#00E89A"},lineColor:"#01352C",lineWidth:1,states:{hover:{lineWidth:1}},threshold:null},series:{marker:{enabledThreshold:50}}},series:[{type:"area",name:"USD to EUR"}]},$e=Ne,Ue=Ae,Ye=Ve,Ge=Pe,qe=function(){function t(t,n,i,o,r,a){this.chartHelper=t,this.hostElement=n,this.donutOptions=i,this.areasplineOptions=o,this.timeSeriesOptions=r,this.activitygaugeOptions=a,this.data=[],this.categories=[],this.breaks=[],this.height=300,this.type=e.ChartDeprecatedType.PIE,this.description="",this.showDataLabels=!0,this.mergedOptions={accessibility:{}},this.chartHelper.init(this.hostElement)}return t.prototype.ngOnChanges=function(e){e.type&&this.setupChartType(),this.updateProperties(),this.chartHelper.renderChart(this.mergedOptions)},t.prototype.setupChartType=function(){switch(this.type){case e.ChartDeprecatedType.DONUT:this.mergedOptions=this.donutOptions,this.mergedOptions.chart.type=e.ChartDeprecatedType.PIE,this.mergedOptions.plotOptions.pie.innerSize="50%";break;case e.ChartDeprecatedType.PIE:this.mergedOptions=this.donutOptions,this.mergedOptions.chart.type=this.type,this.mergedOptions.plotOptions.pie.innerSize="0%";break;case e.ChartDeprecatedType.AREASPLINE:this.mergedOptions=this.areasplineOptions,this.mergedOptions.chart.type=this.type;break;case e.ChartDeprecatedType.TIMESERIES:this.mergedOptions=this.timeSeriesOptions,this.mergedOptions.chart.type=this.type;break;case e.ChartDeprecatedType.ACTIVITYGAUGE:this.mergedOptions=this.activitygaugeOptions,this.mergedOptions.chart.type=this.type;break;case e.ChartDeprecatedType.COLUMN:this.mergedOptions=je,this.mergedOptions.chart.type=this.type;break;case e.ChartDeprecatedType.BAR:this.mergedOptions=Be,this.mergedOptions.chart.type=this.type}},t.prototype.updateProperties=function(){switch(this.mergedOptions.chart.height=this.height,this.mergedOptions.accessibility.description=this.description,this.mergedOptions.chart.type){case e.ChartDeprecatedType.PIE:case e.ChartDeprecatedType.DONUT:this.setPieInput();break;case e.ChartDeprecatedType.AREASPLINE:this.setSeries("areaspline");break;case e.ChartDeprecatedType.TIMESERIES:this.setTimeseriesInput();break;case e.ChartDeprecatedType.ACTIVITYGAUGE:this.setActivitygaugeInput();break;case e.ChartDeprecatedType.COLUMN:this.setColumnInput();break;case e.ChartDeprecatedType.BAR:this.setBarInput()}this.options&&(this.mergedOptions=Ee(this.mergedOptions,this.options))},t.prototype.setPieInput=function(){this.mergedOptions.plotOptions.pie.dataLabels.enabled=this.showDataLabels,this.setSeries("pie")},t.prototype.setBarInput=function(){var e=Math.max.apply(Math,N(this.data));this.mergedOptions.series=[{type:"bar",name:"InvisibleClickReceiver",data:this.data.map((function(t){return e-t})),edgeColor:"rgb(255, 255, 255, 0)",opacity:0},{type:"bar",data:this.data}],this.mergedOptions.xAxis.categories=this.categories},t.prototype.setColumnInput=function(){var e=this;this.mergedOptions.series=[{type:"column",data:this.data}];var t=Math.max.apply(Math,N(this.data));this.mergedOptions.yAxis.tickPositioner=function(){return[0,t]},this.mergedOptions.series=[{type:"column",name:"InvisibleClickReceiver",data:this.data.map((function(n,i){return t-e.data[i]})),opacity:0},{type:"column",data:this.data}],this.mergedOptions.xAxis.categories=this.categories},t.prototype.setActivitygaugeInput=function(){var e=this.data[0];this.mergedOptions.title.text=e.title,this.mergedOptions.subtitle.text=e.subtitle,e.paneBackgroundColor&&(this.mergedOptions.pane.background=[Object.assign(Object.assign({},this.mergedOptions.pane.background[0]),{backgroundColor:e.paneBackgroundColor})]),e.color&&(this.mergedOptions.title.style.color=e.color,this.mergedOptions.subtitle.style.color=e.color),this.mergedOptions.series=[{type:"solidgauge",data:e.series}]},t.prototype.setTimeseriesInput=function(){this.setSeries("area"),this.mergedOptions.xAxis=Object.assign(Object.assign({},this.mergedOptions.xAxis),{breaks:this.breaks})},t.prototype.setSeries=function(e){this.mergedOptions.series=[{type:e,data:this.data}]},t}();function Ke(e){return Array.isArray(e)&&e.every((function(e){return"number"==typeof e}))}qe.decorators=[{type:n.Component,args:[{selector:"kirby-chart-deprecated",template:"",providers:[Te,{provide:Fe,useValue:$e},{provide:_e,useValue:Ue},{provide:We,useValue:Ye},{provide:Re,useValue:Ge}],styles:[":host{display:block}"]}]}],qe.ctorParameters=function(){return[{type:Te},{type:n.ElementRef},{type:void 0,decorators:[{type:n.Inject,args:[Fe]}]},{type:void 0,decorators:[{type:n.Inject,args:[_e]}]},{type:void 0,decorators:[{type:n.Inject,args:[We]}]},{type:void 0,decorators:[{type:n.Inject,args:[Re]}]}]},qe.propDecorators={data:[{type:n.Input}],categories:[{type:n.Input}],breaks:[{type:n.Input}],height:[{type:n.Input}],type:[{type:n.Input}],description:[{type:n.Input}],showDataLabels:[{type:n.Input}],options:[{type:n.Input}]};var Ze=function(){function e(e,t,n){this.componentFactoryResolver=e,this.viewContainerRef=t,this.renderer=n}return e.prototype.ngOnInit=function(){this.loadCard()},e.prototype.loadCard=function(){var e=this.componentFactoryResolver.resolveComponentFactory(this.configuration.component);this.viewContainerRef.clear();var t=this.viewContainerRef.createComponent(e);t&&t.location&&t.location.nativeElement&&this.renderer.addClass(t.location.nativeElement,this.cssClass),t.instance.data=this.configuration.data},e}();Ze.decorators=[{type:n.Directive,args:[{selector:"[kirbyLoadComponent]"}]}],Ze.ctorParameters=function(){return[{type:n.ComponentFactoryResolver},{type:n.ViewContainerRef},{type:n.Renderer2}]},Ze.propDecorators={configuration:[{type:n.Input,args:["kirbyLoadComponent"]}],cssClass:[{type:n.Input}]};var Je=function(e,t,n){switch(null==e?void 0:e.nodeName){case void 0:case null==n?void 0:n.toUpperCase():return!1;case t.toUpperCase():return!0;default:return Je(e.parentElement,t,n)}},Xe=(0,t.ColorHelper.getThemeColorHexString)("semi-dark"),Qe=[6,3],et={line:{borderDash:Qe,borderWidth:1,borderColor:Xe},ellipse:{borderDash:Qe,borderWidth:1,borderColor:Xe,backgroundColor:"transparent"},box:{borderDash:Qe,borderWidth:1,borderColor:Xe,backgroundColor:"transparent"},point:{backgroundColor:"initial"}},tt={onHover:function(e,t,n,i){n.options.onClick&&(n.canvas.style.cursor=t[0]?"pointer":"default"),i&&i(e,t,n)}},nt=t.DesignTokenHelper.fontSize,it=t.ColorHelper.getThemeColorHexString,ot=t.ColorHelper.getThemeColorRgbString,rt=function(e){return e.dataset.data[e.dataIndex]},at={bar:{type:"bar",options:{datasets:{bar:{barPercentage:.6},line:{spanGaps:!0}},indexAxis:"y",scales:{y:{grid:{drawBorder:!1},ticks:{font:{size:parseInt(nt("s"))}}}},elements:{point:{radius:0},line:{borderColor:it("medium")}}}},column:{type:"bar",options:{datasets:{bar:{barPercentage:.6},line:{spanGaps:!0}},indexAxis:"x",scales:{x:{grid:{drawBorder:!1},ticks:{font:{size:parseInt(nt("xs"))}}}},elements:{line:{tension:.2,borderColor:it("medium")},point:{radius:0}}}},line:{type:"line",options:{backgroundColor:ot("semi-light",.5),scales:{x:{grid:{borderColor:it("medium"),borderWidth:1},ticks:{font:{size:parseInt(nt("xs"))}}}},elements:{point:{radius:0}}}},stock:{type:"line",options:{responsive:!0,animation:{duration:0},layout:{padding:{left:20,right:20,top:30,bottom:0}},backgroundColor:ot("semi-light",.5),scales:{x:{grid:{lineWidth:0},ticks:{maxRotation:0,autoSkipPadding:120,font:{size:parseInt(nt("xs"))}}},y:{position:"right",display:!0,grid:{drawBorder:!1},ticks:{display:!0,font:{size:parseInt(nt("xs"))}}}},elements:{line:{tension:0,borderWidth:2},point:{hitRadius:20,radius:0,hoverRadius:0,hoverBorderWidth:0}},normalized:!0,plugins:{tooltip:{padding:10,enabled:!0,mode:"index",intersect:!1,backgroundColor:it("semi-light"),titleColor:it("semi-light-contrast"),bodyColor:it("semi-light-contrast"),caretSize:0,bodySpacing:5,titleSpacing:5,borderColor:"transparent",callbacks:{labelColor:function(e){return{backgroundColor:e.dataset.borderColor}}}},datalabels:{backgroundColor:function(e){return e.dataset.borderColor},color:it("white"),borderRadius:3,font:{lineHeight:1,size:parseInt(nt("xs"))},padding:{top:6,left:5,right:5,bottom:5},offset:5,align:function(e){var t;return null===(t=rt(e))||void 0===t?void 0:t.datalabel.position},display:function(e){var t;return!!(null===(t=rt(e))||void 0===t?void 0:t.datalabel)},formatter:function(e){return e.datalabel.value}}}}}},st=function(){function e(){}return e.prototype.getTypeConfig=function(e){return t=at[e],P.default(t);var t},e.prototype.getAnnotationDefaults=function(e){return et[e]},e.prototype.getInteractionFunctionsExtensions=function(){return tt},e.prototype.chartTypeToChartJSType=function(e){return at[e].type},e}();st.decorators=[{type:n.Injectable}];var lt={line:{color:"black",width:1,dashPattern:[]},snap:{enabled:!1}},ct=function(e){return e.data.datasets.some((function(e){var t;return!!(null===(t=null==e?void 0:e.kirbyOptions)||void 0===t?void 0:t.isStockChart)}))},dt={id:"marker",afterInit:function(e){if(ct(e)){var t=e.config.options.scales.x.type;"linear"!==t&&"time"!==t&&"category"!==t&&"logarithmic"!==t||(void 0===e.options.plugins.marker&&(e.options.plugins.marker=lt),e.marker={enabled:!1,suppressUpdate:!1,x:null,originalData:[],originalXRange:{},dragStarted:!1,dragStartX:null,dragEndX:null,suppressTooltips:!1,ignoreNextEvents:0})}},getOption:function(e,t,n){return m.valueOrDefault(e.options.plugins.marker[t]?e.options.plugins.marker[t][n]:void 0,lt[t][n])},getXScale:function(e){return e.data.datasets.length?e.scales[e.getDatasetMeta(0).xAxisID]:null},getYScale:function(e){return e.scales[e.getDatasetMeta(0).yAxisID]},afterEvent:function(e,t){if(ct(e)&&0!=e.config.options.scales.x.length){var n=t.event,i=e.config.options.scales.x.type;if("linear"===i||"time"===i||"category"===i||"logarithmic"===i){var o=this.getXScale(e);if(o)if(e.marker.ignoreNextEvents>0)e.marker.ignoreNextEvents-=1;else{void 0===n.native.buttons?n.native.which:n.native.buttons;if("mouseup"===n.native.type&&0,e.marker.enabled="mouseout"!==n.type&&n.x>o.getPixelForValue(o.min)&&n.x<o.getPixelForValue(o.max),!e.marker.enabled&&!e.marker.suppressUpdate)return n.x>o.getPixelForValue(o.max)&&(e.marker.suppressUpdate=!0,e.update("none")),e.marker.dragStarted=!1,!1;e.marker.suppressUpdate=!1,e.marker.x=n.x,e.draw()}}}},doDraw:function(e){if(ct(e)&&e.marker.enabled)return this.drawTraceLine(e),this.interpolateValues(e),this.drawTracePoints(e),!0},beforeDraw:function(e){return this.doDraw(e)},drawTraceLine:function(e){if(ct(e)){var t=this.getYScale(e),n=this.getOption(e,"line","width"),i=this.getOption(e,"line","color"),o=this.getOption(e,"line","dashPattern"),r=this.getOption(e,"snap","enabled"),a=e.marker.x;r&&e._active.length&&(a=e._active[0].element.x),e.ctx.beginPath(),e.ctx.setLineDash(o),e.ctx.moveTo(a,t.getPixelForValue(t.max)),e.ctx.lineWidth=n,e.ctx.strokeStyle=i,e.ctx.lineTo(a,t.getPixelForValue(t.min)),e.ctx.stroke(),e.ctx.setLineDash([])}},drawTracePoints:function(e){if(ct(e))for(var t=0;t<e.data.datasets.length;t++){var n=e.data.datasets[t],i=e.getDatasetMeta(t),o=e.scales[i.yAxisID];!i.hidden&&n.interpolate&&(e.ctx.beginPath(),e.ctx.arc(e.marker.x,o.getPixelForValue(n.interpolatedValue),3,0,2*Math.PI,!1),e.ctx.fillStyle="white",e.ctx.lineWidth=2,e.ctx.strokeStyle=n.borderColor,e.ctx.fill(),e.ctx.stroke())}},interpolateValues:function(e){for(var t=0;t<e.data.datasets.length;t++){var n=e.data.datasets[t],i=e.getDatasetMeta(t),o=e.scales[i.xAxisID].getValueForPixel(e.marker.x);if(!i.hidden&&n.interpolate){var r=n.data,a=r.findIndex((function(e){return e.x>=o})),s=r[a-1],l=r[a];if(e.data.datasets[t].steppedLine&&s)n.interpolatedValue=s.y;else if(s&&l){var c=(l.y-s.y)/(l.x-s.x);n.interpolatedValue=s.y+(o-s.x)*c}else n.interpolatedValue=NaN}}}},pt=t.ColorHelper.getThemeColorHexString,ht=pt("primary"),ut=pt("secondary");function gt(e){var t,n=e.dataset,i=null===(t=null==n?void 0:n.kirbyOptions)||void 0===t?void 0:t.highlightedElements;return i&&i.includes(e.dataIndex)?ht:ut}var mt={maintainAspectRatio:!1,color:(0,t.ColorHelper.getThemeColorHexString)("black"),resizeDelay:10,elements:{bar:{backgroundColor:gt,hoverBackgroundColor:function(e){if(e.chart.options.onClick)return ht}},line:{borderColor:gt,borderWidth:2,tension:.3}},scales:{linear:{display:!1,ticks:{display:!1}},category:{display:!0,grid:{display:!1}}},font:{family:"Roboto"},plugins:{legend:{display:!1},datalabels:{display:!1},tooltip:{enabled:!1}}},bt=[p.CategoryScale,p.LinearScale,p.TimeScale],yt=[p.BarElement,p.LineElement,p.PointElement],ft=[p.BarController,p.LineController],vt=[_.default,p.Filler,A.default,p.Tooltip,dt];p.Chart.register.apply(p.Chart,N([p.Legend],bt,yt,ft,vt));var kt=Se(p.Chart.defaults,mt);Object.entries(mt).forEach((function(e){var t=F(e,1)[0];p.Chart.defaults[t]=kt[t]}));var xt=function(){function e(e){this.chartConfigService=e}return e.prototype.renderChart=function(e){var t=e.targetElement,n=e.type,i=e.data,o=e.labels,r=e.customOptions,a=e.annotations,s=e.dataLabelOptions,l=e.highlightedElements;this.dataLabelOptions=s||null,this.highlightedElements=l||null,this.chartType=n,this.locale=(null==s?void 0:s.locale)||"en-US";var c=this.createDatasets(i),d=this.createOptionsObject({customOptions:r,annotations:a,dataLabelOptions:s}),p=this.createConfigurationObject(n,c,d,o);this.initializeNewChart(t.nativeElement,p)},e.prototype.redrawChart=function(){this.chart.update()},e.prototype.updateData=function(e){var t=this.createDatasets(e);this.chart.data.datasets=t},e.prototype.updateLabels=function(e){this.chart.data.labels=e},e.prototype.updateType=function(e,t){"bar"===e||"column"===e?this.destructivelyUpdateType(e,t):this.nonDestructivelyUpdateType(e,t)},e.prototype.setDataLabelOptions=function(e){this.dataLabelOptions=e},e.prototype.updateOptions=function(e,t){var n=this.getExistingChartAnnotations();this.chartType=t,this.chart.options=this.createOptionsObject({customOptions:e,annotations:n})},e.prototype.updateAnnotations=function(e){var t=this.applyDefaultsToAnnotations(e);this.chart.options.plugins.annotation.annotations=t},e.prototype.updateHighlightedElements=function(e){this.highlightedElements=e;var t=this.chart.data.datasets;t.map((function(e){var t;(null===(t=null==e?void 0:e.kirbyOptions)||void 0===t?void 0:t.highlightedElements)&&delete e.kirbyOptions.highlightedElements})),this.chart.data.datasets=this.createDatasets(t)},e.prototype.getExistingChartAnnotations=function(){var e,t,n=null===(t=null===(e=this.chart.options.plugins)||void 0===e?void 0:e.annotation)||void 0===t?void 0:t.annotations;return void 0!==n?Object.keys(n).map((function(e){return n[e]})):[]},e.prototype.destructivelyUpdateType=function(e,t){var n=this.chart.data.datasets,i=this.chart.data.labels,o=this.getExistingChartAnnotations();this.chartType=e;var r=this.createOptionsObject({customOptions:t,annotations:o}),a=this.createConfigurationObject(e,n,r,i),s=this.chart.canvas;this.chart.destroy(),this.initializeNewChart(s,a)},e.prototype.nonDestructivelyUpdateType=function(e,t){var n=this.getExistingChartAnnotations();this.chartType=e;var i=this.createOptionsObject({customOptions:t,annotations:n});this.chart.options=i,this.chart.config.type=this.chartConfigService.chartTypeToChartJSType(e)},e.prototype.initializeNewChart=function(e,t){this.chart=new p.Chart(e,t)},e.prototype.createBlankLabels=function(e){var t=e.reduce((function(e,t){return e.data.length>t.data.length?e:t}));return Array(t.data.length).fill("")},e.prototype.applyDefaultsToAnnotations=function(e){var t=this;return e.map((function(e){return Se(t.chartConfigService.getAnnotationDefaults(e.type),e)}))},e.prototype.createAnnotationPluginOptionsObject=function(e){return{plugins:{annotation:{annotations:this.applyDefaultsToAnnotations(e)}}}},e.prototype.applyInteractionFunctionsExtensions=function(e){var t=this.chartConfigService.getInteractionFunctionsExtensions();return Object.entries(t).forEach((function(n){var i=F(n,2),o=i[0],r=(i[1],e[o]);e[o]=function(e,n,i){t[o](e,n,i,r)}})),e},e.prototype.createStockOptionsObject=function(e){var t=this;return{locale:this.locale,plugins:{tooltip:{callbacks:{title:function(e){var n,i,o=c.toDate(null===(i=null===(n=e[0])||void 0===n?void 0:n.raw)||void 0===i?void 0:i.x);if(o.valueOf())return o.toLocaleTimeString(t.locale,{day:"numeric",month:"short",hour:"2-digit",minute:"2-digit"})},label:function(t){return" "+t.formattedValue+(e.valueSuffix||"")}}}},scales:{y:{ticks:{callback:function(t){return t+(e.valueSuffix||"")}}}}}},e.prototype.createOptionsObject=function(e){var t=e.customOptions,n=e.annotations,i=e.dataLabelOptions,o=this.chartConfigService.getTypeConfig(this.chartType),r=null==o?void 0:o.options,a=n?this.createAnnotationPluginOptionsObject(n):{},s=Se("stock"===this.chartType?this.createStockOptionsObject(i):{},r,t,a);return this.applyInteractionFunctionsExtensions(s)},e.prototype.getDefaultStockLabels=function(e,t){return e.reduce((function(e,t){return e.data.length>t.data.length?e:t})).data.map((function(e){return c.toDate(e.x).toLocaleDateString(t,{month:"short",day:"numeric"})}))},e.prototype.getLabelsToApply=function(e){var t=e.datasets,n=e.labels,i=e.type,o=e.indexAxis,r=void 0!==n,a=t.some((function(e){var t=e.data;return!!(null==t?void 0:t.some((function(e){return"object"==typeof e&&"string"==typeof e[o]})))}));return r?n:a?null:"stock"===i?this.getDefaultStockLabels(t,this.locale):this.createBlankLabels(t)},e.prototype.createConfigurationObject=function(e,t,n,i){var o,r,a=this.chartConfigService.getTypeConfig(e),s=null!==(r=null===(o=null==a?void 0:a.options)||void 0===o?void 0:o.indexAxis)&&void 0!==r?r:"x";return Se(a,{data:{labels:this.getLabelsToApply({labels:i,datasets:t,type:e,indexAxis:s}),datasets:t},options:n})},e.prototype.addHighlightedElementsToDatasets=function(e,t){e.forEach((function(e){var n,i=F(e,2),o=i[0],r=i[1],a=t[o];a&&((null===(n=null==a?void 0:a.kirbyOptions)||void 0===n?void 0:n.highlightedElements)?a.kirbyOptions.highlightedElements.push(r):a.kirbyOptions=Object.assign(Object.assign({},a.kirbyOptions),{highlightedElements:[r]}))}))},e.prototype.createDatasets=function(e){var t,n,i;((null===(t=this.dataLabelOptions)||void 0===t?void 0:t.showCurrent)||(null===(n=this.dataLabelOptions)||void 0===n?void 0:n.showMax)||(null===(i=this.dataLabelOptions)||void 0===i?void 0:i.showMin))&&(e=this.addDataLabelsData(e));var o=Ke(e)?[{data:e}]:e;return this.highlightedElements&&this.addHighlightedElementsToDatasets(this.highlightedElements,o),"stock"===this.chartType&&o.forEach((function(e){e.kirbyOptions=Object.assign(Object.assign({},e.kirbyOptions),{isStockChart:!0})})),o},e.prototype.addDataLabelsData=function(e){var t=this;if(Ke(e))throw Error("Currently it's impossible to add dataLabels to non ScatterDataPoint datasets");var n=function(e,n,i,o){var r=t.locateValueIndexInDataset(e,n,i),a=r.value,s=r.pointer;e.data[s]=Object.assign(Object.assign({},e.data[s]),{datalabel:{value:a+(t.dataLabelOptions.valueSuffix||""),position:o}})};return e.map((function(e){t.dataLabelOptions.showMin&&n(e,"y","low","bottom"),t.dataLabelOptions.showMax&&n(e,"y","high","top"),t.dataLabelOptions.showCurrent&&n(e,"x","high","right")})),e},e.prototype.locateValueIndexInDataset=function(e,t,n){var i,o;return e.data.forEach((function(e,r){"low"==n&&(!o||e[t]<o)&&(o=e.y,i=r),"high"==n&&(!o||e[t]>o)&&(o=e.y,i=r)})),{value:o,pointer:i}},e}();xt.decorators=[{type:n.Injectable}],xt.ctorParameters=function(){return[{type:st}]};var wt=function(){function e(e){this.chartJSService=e,this.type="column",this.chartHasBeenRendered=!1}return Object.defineProperty(e.prototype,"labels",{get:function(){return this._labels},set:function(e){this._labels=e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"dataLabels",{set:function(e){console.warn('Deprecation warning: The "kirby-chart" input property "dataLabels" will be removed in a future release of Kirby designsystem. Use "labels" instead. For more information see the following announcement: https://github.com/kirbydesign/designsystem/discussions/1980'),this._labels=e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"height",{set:function(e){this._height="number"==typeof e?e+"px":e},enumerable:!1,configurable:!0}),e.prototype.ngAfterViewInit=function(){var e=this,t=this.canvasElement.nativeElement;this.whenElementHasHeightAndWidth(t).then((function(){return e.renderChart()}))},e.prototype.whenElementHasHeightAndWidth=function(e){var t=function(e){var t=e.width;return e.height>0&&t>0};return new Promise((function(n){var i=e.getBoundingClientRect();t(i)&&n();var o=(new de).create((function(i){var r=F(i,1)[0];t(r.contentRect)&&(o.unobserve(e),n())}));o.observe(e)}))},e.prototype.ngOnChanges=function(e){var t=this;if(this.chartHasBeenRendered){var n=!1,i={data:function(){return t.updateData()},dataLabels:function(){return t.updateLabels()},labels:function(){return t.updateLabels()},type:function(){return t.updateType()},customOptions:function(){return t.updateCustomOptions()},annotations:function(){return t.updateAnnotations()},highlightedElements:function(){return t.updateHighlightedElements()}};Object.entries(e).forEach((function(t){var o=F(t,1)[0];!e[o].firstChange&&i[o]&&(n=!0,i[o]())})),n&&this.redrawChart()}},e.prototype.renderChart=function(){this.chartHasBeenRendered=!0,this.chartJSService.renderChart({targetElement:this.canvasElement,type:this.type,data:this.data,labels:this.labels,customOptions:this.customOptions,annotations:this.annotations,dataLabelOptions:this.dataLabelOptions,highlightedElements:this.highlightedElements})},e.prototype.updateData=function(){this.chartJSService.updateData(this.data)},e.prototype.updateLabels=function(){this.chartJSService.updateLabels(this.labels)},e.prototype.updateType=function(){this.chartJSService.updateType(this.type,this.customOptions)},e.prototype.updateCustomOptions=function(){this.chartJSService.updateOptions(this.customOptions,this.type)},e.prototype.updateAnnotations=function(){this.chartJSService.updateAnnotations(this.annotations)},e.prototype.updateHighlightedElements=function(){this.chartJSService.updateHighlightedElements(this.highlightedElements)},e.prototype.redrawChart=function(){this.chartJSService.redrawChart()},e}();wt.decorators=[{type:n.Component,args:[{selector:"kirby-chart",template:'<div class="chart-container">\n <canvas #chartCanvas>\n \x3c!-- Slotted content makes it possible to insert fallback content for screen readers \n https://www.chartjs.org/docs/latest/general/accessibility.html--\x3e\n <ng-content></ng-content>\n </canvas>\n</div>\n',providers:[xt],styles:[":host div{height:var(--kirby-chart-height,300px);position:relative}"]}]}],wt.ctorParameters=function(){return[{type:xt}]},wt.propDecorators={type:[{type:n.Input}],data:[{type:n.Input}],labels:[{type:n.Input}],dataLabels:[{type:n.Input}],customOptions:[{type:n.Input}],dataLabelOptions:[{type:n.Input}],annotations:[{type:n.Input}],highlightedElements:[{type:n.Input}],_height:[{type:n.HostBinding,args:["style.--kirby-chart-height"]}],height:[{type:n.Input}],canvasElement:[{type:n.ViewChild,args:["chartCanvas"]}]};var Ct=function(e){return{id:"minmax",zIndex:2,labels:[{point:"max",shape:"rect",distance:5,align:"center",verticalAlign:"top",backgroundColor:t.ColorHelper.getThemeColorRgbString("tertiary"),formatter:function(){return s.formatNumber(this.y,e,"1.1-1")}},{point:"min",shape:"rect",distance:-28,align:"center",verticalAlign:"bottom",backgroundColor:t.ColorHelper.getThemeColorRgbString("tertiary"),formatter:function(){return s.formatNumber(this.y,e,"1.1-1")}}],labelOptions:{y:0,allowOverlap:!0}}},It=function(e){return{chart:{zoomType:"x",type:"StockChart",spacingTop:30},navigator:{enabled:!1},rangeSelector:{enabled:!1},scrollbar:{enabled:!1},credits:{enabled:!1},title:{text:""},subtitle:{text:""},xAxis:{ordinal:!0,type:"datetime",lineWidth:.5,opposite:!1,labels:{format:"{value:%Y-%b-%e %l:%M %p }"}},yAxis:{opposite:!1,title:{text:""}},annotations:[Ct(e)],legend:{enabled:!1},tooltip:{crosshairs:{width:1,zIndex:2},shadow:!1,borderWidth:0},plotOptions:{area:{marker:{lineWidth:16,radius:7},lineWidth:2,states:{hover:{lineWidth:2}},events:{},threshold:null},series:{marker:{zIndex:100,enabledThreshold:50}}},series:[{type:"area",data:[]}]}},Ot=It;L.default(M);var Et=function(){function e(e,t){this.locale=t,this._height=300,this.description="",this.showDataLabels=!0,this.chartContainer=e}return Object.defineProperty(e.prototype,"data",{get:function(){return this._data},set:function(e){this.onDataChanges(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"options",{get:function(){return this._options},set:function(e){this.onOptionsChanges(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"height",{get:function(){return this._height},set:function(e){this._height=e,this.chart&&this.chart.setSize(null,e)},enumerable:!1,configurable:!0}),e.prototype.onOptionsChanges=function(e){this._options=e,this.chart=b.stockChart(this.chartContainer.nativeElement,this._options)},e.prototype.onDataChanges=function(e){this._data=e,null!=this.chart&&(this.chart.update({series:[]},!1,!0),this.chart.removeAnnotation("minmax"),this.chart.update({series:[{type:"area",data:e}]},!1,!0),this.chart.addAnnotation(Ct(this.locale),!1),this.chart.redraw())},e}();Et.decorators=[{type:n.Component,args:[{selector:"kirby-stock-chart-deprecated",template:"",styles:[":host{display:block}"]}]}],Et.ctorParameters=function(){return[{type:n.ElementRef},{type:String,decorators:[{type:n.Inject,args:[n.LOCALE_ID]}]}]},Et.propDecorators={data:[{type:n.Input}],options:[{type:n.Input}],height:[{type:n.Input}],description:[{type:n.Input}],showDataLabels:[{type:n.Input}]};var St,Dt=function(){function e(e){this.windowRef=e,this.embeddedViewReady=!1}return e.prototype.init=function(e,t,n,i){var o=this;if(this.hasEmbeddedView(e)){var r=e.nativeElement;r.onload=function(){o.embeddedViewReady=!0,o.emitOptionsToEmbeddedView(t)},this.embeddedView=r.contentWindow,this.windowRef.nativeWindow.addEventListener("message",(function(e){return o.handleMessageEvent(e,n,i)}))}},e.prototype.update=function(e){this.embeddedViewReady&&this.emitOptionsToEmbeddedView(e)},e.prototype.setSelectedDay=function(e){this.embeddedViewReady&&this.embeddedView.postMessage({type:"kirbyCalendarSetSelectedDay",selectedDay:e},"*")},e.prototype.hasEmbeddedView=function(e){return e&&e.nativeElement&&e.nativeElement instanceof HTMLIFrameElement&&e.nativeElement.contentWindow},e.prototype.emitOptionsToEmbeddedView=function(e){this.embeddedView.postMessage(Object.assign({type:"kirbyCalendarInit"},e),"*")},e.prototype.handleMessageEvent=function(e,t,n){if(this.validateMessage(e))switch(e.data.type){case"kirbyCalendarDaySelected":this.validateDateSelectedMessage(e)&&t({isSelectable:!0,date:e.data.day});break;case"kirbyCalendarChangeMonth":this.validateNavigateMonthMessage(e)&&n(e.data.index)}},e.prototype.validateMessage=function(e){return this.embeddedView===e.source&&"message"===e.type&&e.data&&e.data.type},e.prototype.validateDateSelectedMessage=function(e){return"kirbyCalendarDaySelected"===e.data.type&&e.data.day},e.prototype.validateNavigateMonthMessage=function(e){return"kirbyCalendarChangeMonth"===e.data.type&&"number"==typeof e.data.index},e}();Dt.decorators=[{type:n.Injectable}],Dt.ctorParameters=function(){return[{type:U}]},function(e){e.years="years",e.months="months",e.weeks="weeks",e.days="days",e.hours="hours",e.minutes="minutes",e.seconds="seconds",e.milliseconds="milliseconds"}(St||(St={}));var Tt=function(){function e(e,t){this.calendarHelper=e,this.dateChange=new n.EventEmitter,this.dateSelect=new n.EventEmitter,this.yearSelect=new n.EventEmitter,this.timezone="local",this.disableWeekends=!1,this.disablePastDates=!1,this.disableFutureDates=!1,this.alwaysEnableToday=!1,this.customLocales={},this.usePopover=!1,this._disabledDates=[],this.includedLocales={da:v.da,enGB:v.enGB,enUS:v.enUS},this.locale=this.mapLocale(t),this.timeZoneName=Intl.DateTimeFormat().resolvedOptions().timeZone}return Object.defineProperty(e.prototype,"selectedDate",{get:function(){return this._selectedDate},set:function(e){var t=this.normalizeDate(e);this.setActiveMonth(t),this.hasDateChanged(t,this._selectedDate)&&(this.onSelectedDateChange(t),this._selectedDate=t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"disabledDates",{get:function(){return this._disabledDates},set:function(e){var t=this;this._disabledDates=(e||[]).map((function(e){return t.normalizeDate(e)}))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"todayDate",{get:function(){return this._todayDate},set:function(e){this._todayDate=this.normalizeDate(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"minDate",{get:function(){return this._minDate},set:function(e){e&&this.activeMonth&&c.isBefore(this.activeMonth,e)&&this.setActiveMonth(e),this._minDate=this.normalizeDate(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"maxDate",{get:function(){return this._maxDate},set:function(e){e&&this.activeMonth&&c.isAfter(this.activeMonth,e)&&this.setActiveMonth(e),this._maxDate=this.normalizeDate(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"activeMonthName",{get:function(){return t.capitalizeFirstLetter(this.formatWithLocale(this.activeMonth,"MMMM"))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"activeYear",{get:function(){return this.formatWithLocale(this.activeMonth,"yyyy")},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"navigableYears",{get:function(){var e=this.minDate||this.getDateFromNavigableYear(this.yearNavigatorOptions.from),t=this.maxDate||this.getDateFromNavigableYear(this.yearNavigatorOptions.to);return this.getYearsBetweenDates(e,t)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"navigatedYear",{get:function(){return this.navigableYears.indexOf(this.activeYear)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_hasYearNavigator",{get:function(){return!!this.yearNavigatorOptions},enumerable:!1,configurable:!0}),e.prototype.formatWithLocale=function(e,t){return c.format(e,t,{locale:this.locale})},e.prototype.mapLocale=function(e){return"en"===e&&(e="enGB"),e=e.replace("-",""),Object.assign(Object.assign({},this.includedLocales),this.customLocales)[e]||this.includedLocales.enGB},e.prototype.ngOnInit=function(){this._weekDays=this.getWeekDays(),this.setActiveMonth(this.selectedDate)},e.prototype.ngAfterViewInit=function(){this.calendarHelper.init(this.calendarContainer,this.getHelperOptions(),this._onDateSelected.bind(this),this.onChangeMonth.bind(this))},e.prototype.ngOnChanges=function(e){this.activeMonth&&(e.disableWeekends||e.disablePastDates||e.disableFutureDates||e.disabledDates||e.minDate||e.maxDate||e.todayDate||e.timezone)&&(this.refreshActiveMonth(),this.calendarHelper.update(this.getHelperOptions()))},e.prototype.setActiveMonth=function(e){void 0===e&&(e=new Date),this.activeMonth&&c.isSameMonth(this.activeMonth,e)||(this.activeMonth=c.startOfMonth(e),this.refreshActiveMonth(),this.calendarHelper.update(this.getHelperOptions()))},e.prototype.normalizeDate=function(e){if(e)return c.startOfDay(e).getTime()===e.getTime()?e:c.startOfDay(f.utcToZonedTime(e,this.timeZoneName)).getTime()===f.utcToZonedTime(e,this.timeZoneName).getTime()?f.utcToZonedTime(e,this.timeZoneName):c.startOfDay(e)},e.prototype.getWeekDays=function(){var e=this,t=new Date;return c.eachDayOfInterval({start:c.startOfWeek(t,{locale:this.locale}),end:c.endOfWeek(t,{locale:this.locale})}).map((function(t){return e.getFirstLetterOfWeekDayCapitalized(t)}))},e.prototype.getFirstLetterOfWeekDayCapitalized=function(e){return this.formatWithLocale(e,"EEEEE")},e.prototype.hasDateChanged=function(e,t){return!(!e&&!t)&&(e instanceof Date&&!t||!c.isSameDay(e,t))},e.prototype.isDisabledDate=function(e){return this.disabledDates.some((function(t){return c.isSameDay(t,e)}))},e.prototype.refreshActiveMonth=function(){var e=this;if(this.activeMonth){var t=c.startOfMonth(this.activeMonth),n=c.endOfMonth(this.activeMonth),i=c.startOfWeek(t,{locale:this.locale}),o=c.endOfWeek(n,{locale:this.locale}),r=c.differenceInDays(o,i)+1,a=this.todayDate?c.startOfDay(this.todayDate):c.startOfDay(new Date),s=Array.from(Array(r).keys()).map((function(n){var o,r=c.add(i,((o={})[St.days]=n,o)),s=e.getCalendarDay(r,a,t),l=e.isSelectable(s,r),d=c.isSameDay(e.selectedDate,r),p={date:r.getDate(),isCurrentMonth:s.isCurrentMonth,isSelectable:l,isSelected:d,cssClasses:e.getCssClasses(s,l,d)};return d&&(e.selectedDay=p),p}));this._month=this.chunk(s,7)}},e.prototype.getCalendarDay=function(e,t,n){return{isToday:c.isSameDay(t,e),isPast:c.isBefore(e,t),isFuture:c.isAfter(e,t),isWeekend:c.isWeekend(e),isCurrentMonth:c.isSameMonth(e,n),isDisabled:this.isDisabledDate(e)}},e.prototype.isSelectable=function(e,t){return this.alwaysEnableToday&&e.isToday||!e.isDisabled&&e.isCurrentMonth&&!(this.disableWeekends&&e.isWeekend)&&!(this.disablePastDates&&e.isPast)&&!(this.disableFutureDates&&e.isFuture)&&!(this.minDate&&c.isBefore(t,this.minDate))&&!(this.maxDate&&c.isAfter(t,this.maxDate))},e.prototype.getCssClasses=function(e,t,n){var i={"current-month":e.isCurrentMonth,weekend:e.isWeekend,today:e.isToday,selectable:t,selected:n,past:e.isPast,disabled:e.isDisabled},o="day";for(var r in i)i[r]&&(o+=" "+r);return o},e.prototype.chunk=function(e,t){for(var n=[];e.length;)n.push(e.splice(0,t));return n},e.prototype.onSelectedDateChange=function(e){this.selectedDay&&(this.selectedDay.isSelected=!1);var t=this.getCell(e);t&&(t.isSelected=!0,this.selectedDay=t),this.calendarHelper.setSelectedDay(e.getDate())},e.prototype._onDateSelected=function(e){if(e.isSelectable&&e.date){var t=new Date(this.activeMonth);t.setDate(e.date),"UTC"===this.timezone&&(t=f.zonedTimeToUtc(this.subtractTimezoneOffset(t),this.timeZoneName));var n=t;this.hasDateChanged(t,this._selectedDate)&&(this.onSelectedDateChange(t),this._selectedDate=t,this.dateChange.emit(n)),this.dateSelect.emit(n)}},e.prototype.onChangeMonth=function(e){this._changeMonth(e),this.calendarHelper.update(this.getHelperOptions())},e.prototype._changeMonth=function(e){this.changeActiveView(e,St.months)},e.prototype._changeYear=function(e){var t=Number(e);this.changeActiveView(t-c.getYear(this.activeMonth),St.years),this.yearSelect.emit(t)},e.prototype.changeActiveView=function(e,t){var n;0!==e&&(this.activeMonth=c.add(this.activeMonth,((n={})[t]=e,n)),this.refreshActiveMonth())},Object.defineProperty(e.prototype,"_canNavigateBack",{get:function(){var e=this.disablePastDates&&c.isSameMonth(this.activeMonth,this.todayDate),t=this.minDate&&(c.isSameMonth(this.activeMonth,this.minDate)||c.isBefore(this.activeMonth,this.minDate));return!e&&!t},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_canNavigateForward",{get:function(){var e=this.disableFutureDates&&c.isSameMonth(this.activeMonth,this.todayDate),t=this.maxDate&&(c.isSameMonth(this.activeMonth,this.maxDate)||c.isAfter(this.activeMonth,this.maxDate));return!e&&!t},enumerable:!1,configurable:!0}),e.prototype.getCell=function(e){var t,n,i=null;if(e)try{for(var o=j(this._month),r=o.next();!r.done;r=o.next()){if(i=r.value.find((function(t){return t.isCurrentMonth&&t.date===e.getDate()})))break}}catch(e){t={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(t)throw t.error}}return i},e.prototype.getHelperOptions=function(){return{canNavigateBack:this._canNavigateBack,canNavigateForward:this._canNavigateForward,year:this.activeYear,monthName:this.activeMonthName,weekDays:this._weekDays,month:this._month}},e.prototype.subtractTimezoneOffset=function(e){var t=60*e.getTimezoneOffset()*1e3;return new Date(e.getTime()-t)},e.prototype.getDateFromNavigableYear=function(e){if(e instanceof Date)return e;var t=this.todayDate||new Date;return new Date(t.getFullYear()+e,0,1)},e.prototype.getYearsBetweenDates=function(e,t){var n=F([e.getFullYear(),t.getFullYear()].sort(),2),i=n[0],o=n[1]-i;return Array.from({length:o+1},(function(e,t){return(i+t).toString()}))},e}();Tt.decorators=[{type:n.Component,args:[{selector:"kirby-calendar",template:'<div class="header">\n <div class="month-navigator">\n <button [disabled]="!_canNavigateBack" (click)="_changeMonth(-1)">\n <kirby-icon name="arrow-back"></kirby-icon>\n </button>\n\n <div class="month-and-year">\n <span class="month">{{ activeMonthName }}</span\n ><span *ngIf="!_hasYearNavigator" class="year">{{ activeYear }}</span>\n </div>\n\n <button [disabled]="!_canNavigateForward" (click)="_changeMonth(1)">\n <kirby-icon name="arrow-more"></kirby-icon>\n </button>\n </div>\n <kirby-dropdown\n *ngIf="_hasYearNavigator"\n [usePopover]="usePopover"\n [selectedIndex]="navigatedYear"\n [items]="navigableYears"\n popout="left"\n (change)="_changeYear($event)"\n >\n </kirby-dropdown>\n</div>\n\n<table>\n <thead>\n <tr>\n <th *ngFor="let weekDay of _weekDays">{{ weekDay }}</th>\n </tr>\n </thead>\n\n <tbody>\n <tr *ngFor="let week of _month">\n <td *ngFor="let day of week">\n <div\n (click)="_onDateSelected(day)"\n class="{{ day.cssClasses }}"\n [class.selected]="day.isSelected"\n >\n {{ day.date }}\n </div>\n </td>\n </tr>\n </tbody>\n</table>\n\n\x3c!-- <iframe src="kirby/components/calendar/calendar.webview.html" #calendarContainer style="width: 320px; height: 304px; border: 0"> --\x3e\n',providers:[Dt],styles:["table{width:100%;border-collapse:collapse;-webkit-user-select:none;user-select:none;margin-bottom:8px}td,th{text-align:center;padding:0}td:first-child,th:first-child{padding-left:8px}td:last-child,th:last-child{padding-right:8px}th{height:50px;border-bottom:1px solid var(--kirby-background-color)}.header,td,th{background-color:transparent}.header{margin:8px 8px 0}.header,.month-navigator{display:flex;justify-content:space-between}.month-navigator{flex-grow:1;align-items:center}.month-navigator button{background-color:transparent;outline:none;border:none;color:inherit;cursor:pointer;height:40px;width:40px;padding:0}.month-navigator button:disabled{opacity:.5;pointer-events:none}.month-and-year{-webkit-user-select:none;user-select:none}.month-and-year .month{font-weight:700;margin-right:8px}:host(.has-year-navigator) .month-navigator{flex-grow:0}:host(.has-year-navigator) .month-and-year{width:80px;margin:0 8px;text-align:center}:host(.has-year-navigator) .month{margin-right:0}.day{display:inline-flex;align-items:center;justify-content:center;border-radius:20px;width:40px;height:40px;margin:4px 0}.day.selectable,.day.selected{cursor:pointer}.day.disabled,.day:not(.selectable){color:var(--kirby-text-color-semi-dark)}.day.today{color:var(--kirby-medium-contrast);background-color:var(--kirby-medium)}.day.selected{color:var(--kirby-black-contrast);background-color:var(--kirby-black)}.day:not(.current-month){visibility:hidden;pointer-events:none}.day.selectable:not(.selected):hover{color:var(--kirby-light-contrast);background-color:var(--kirby-light)}"]}]}],Tt.ctorParameters=function(){return[{type:Dt},{type:String,decorators:[{type:n.Inject,args:[n.LOCALE_ID]}]}]},Tt.propDecorators={calendarContainer:[{type:n.ViewChild,args:["calendarContainer",{static:!1}]}],dateChange:[{type:n.Output}],dateSelect:[{type:n.Output}],yearSelect:[{type:n.Output}],timezone:[{type:n.Input}],disableWeekends:[{type:n.Input}],disablePastDates:[{type:n.Input}],disableFutureDates:[{type:n.Input}],alwaysEnableToday:[{type:n.Input}],customLocales:[{type:n.Input}],usePopover:[{type:n.Input}],yearNavigatorOptions:[{type:n.Input}],selectedDate:[{type:n.Input}],disabledDates:[{type:n.Input}],todayDate:[{type:n.Input}],minDate:[{type:n.Input}],maxDate:[{type:n.Input}],_hasYearNavigator:[{type:n.HostBinding,args:["class.has-year-navigator"]}]};var Rt=function(){function e(){this._side="start"}return Object.defineProperty(e.prototype,"side",{set:function(e){this._side="left"===e?"start":"end"},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_hasSwipeActions",{get:function(){var e;return(null===(e=this.swipeActions)||void 0===e?void 0:e.length)>0},enumerable:!1,configurable:!0}),e}();Rt.decorators=[{type:n.Component,args:[{selector:"kirby-item-sliding",template:'<ion-item-sliding>\n <ng-content></ng-content>\n\n <ion-item-options *ngIf="_hasSwipeActions" [side]="_side">\n <ng-container *ngFor="let swipeAction of swipeActions">\n <ion-item-option\n *ngIf="!swipeAction.isDisabled"\n [ngClass]="swipeAction.type"\n (click)="swipeAction.onSelected()"\n >\n <kirby-icon\n *ngIf="swipeAction.icon !== undefined"\n [name]="swipeAction.icon"\n slot="top"\n ></kirby-icon>\n <ion-label>{{ swipeAction.title }}</ion-label>\n </ion-item-option>\n </ng-container>\n </ion-item-options>\n</ion-item-sliding>\n',styles:["ion-item-option.primary{background-color:var(--kirby-primary);color:var(--kirby-primary-contrast)}ion-item-option.secondary{background-color:var(--kirby-secondary);color:var(--kirby-secondary-contrast)}ion-item-option.tertiary{background-color:var(--kirby-tertiary);color:var(--kirby-tertiary-contrast)}ion-item-option.success{background-color:var(--kirby-success);color:var(--kirby-success-contrast)}ion-item-option.warning{background-color:var(--kirby-warning);color:var(--kirby-warning-contrast)}ion-item-option.danger{background-color:var(--kirby-danger);color:var(--kirby-danger-contrast)}ion-item-option.light{background-color:var(--kirby-light);color:var(--kirby-light-contrast)}ion-item-option.medium{background-color:var(--kirby-medium);color:var(--kirby-medium-contrast)}ion-item-option.dark{background-color:var(--kirby-dark);color:var(--kirby-dark-contrast)}:host{display:block}ion-item-option{min-width:92px}"]}]}],Rt.propDecorators={swipeActions:[{type:n.Input}],side:[{type:n.Input}]};var Pt=function(){function e(e){this.scope=e,this.id=0}return e.scopedTo=function(t){var n=e.registry.get(t);return n||(n=new e(t),e.registry.set(t,n)),n},e.prototype.next=function(){return this.scope+"-"+this.id++},e}();Pt.registry=new Map;var _t=function(){function e(){this.checked=!1,this.attentionLevel="2",this.hasError=!1,this.disabled=!1,this.checkedChange=new n.EventEmitter,this._labelId=Pt.scopedTo("kirby-checkbox-label").next()}return Object.defineProperty(e.prototype,"_isDisabled",{get:function(){return this.disabled?"disabled":null},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isAttentionLevel1",{get:function(){return"1"===this.attentionLevel},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isAttentionLevel2",{get:function(){return"2"===this.attentionLevel},enumerable:!1,configurable:!0}),e.prototype.onChecked=function(e){this.checked=e,this.checkedChange.emit(this.checked)},e}();_t.decorators=[{type:n.Component,args:[{selector:"kirby-checkbox",template:'<div class="wrapper">\n <ion-checkbox\n mode="md"\n [checked]="checked"\n [disabled]="disabled"\n (ionChange)="onChecked($event.detail.checked)"\n [attr.aria-labelledby]="text ? _labelId : null"\n ></ion-checkbox>\n <span [id]="_labelId" *ngIf="text">{{ text }}</span>\n</div>\n',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[":host{display:inline-block}:host.attention-level1 ion-checkbox{--checkmark-color:var(--kirby-black);--background-checked:var(--kirby-success);--border-color-checked:var(--kirby-success)}:host.attention-level1 ion-checkbox:active{--background-checked:var(--kirby-success-shade);--border-color-checked:var(--kirby-success-shade)}:host.attention-level2 ion-checkbox{--checkmark-color:var(--kirby-white);--background-checked:var(--kirby-black);--border-color-checked:var(--kirby-black)}:host.attention-level2 ion-checkbox:active{--checkmark-color:var(--kirby-white-shade);--background-checked:var(--kirby-black-tint);--border-color-checked:var(--kirby-black-tint)}:host.error ion-checkbox{--border-color:var(--kirby-danger)}:host[disabled]{color:var(--kirby-text-color-semi-dark)}:host[disabled] ion-checkbox{opacity:1;--checkmark-color:var(--kirby-semi-dark);--background:var(--kirby-semi-light);--background-checked:var(--kirby-semi-light);--border-color:var(--kirby-medium);--border-color-checked:var(--kirby-semi-light)}:host ion-checkbox{--size:24px;--checkmark-width:4px;--background:var(--kirby-white);--border-width:1px;--border-color:var(--kirby-semi-dark);--border-radius:6px;margin-left:16px;margin-right:12px}:host ion-checkbox::part(container){padding:4px}@media (hover:hover){:host ion-checkbox:focus-within::part(container){box-shadow:0 0 0 1px var(--kirby-background-color),0 0 0 2px #4d90fe;border-radius:6px}}:host ion-checkbox:active{--background:var(--kirby-white-shade)}:host.has-label{display:block;line-height:24px;white-space:pre-line}:host.has-label .wrapper{position:relative;display:inline-flex;align-items:flex-start;vertical-align:top;padding:16px 12px 16px 0}:host.has-label.xs .wrapper,:host.has-label :host-context(.checkbox-xs) .wrapper{padding-top:4px;padding-bottom:4px}:host.has-label.sm .wrapper,:host.has-label :host-context(.checkbox-sm) .wrapper{padding-top:10px;padding-bottom:10px}:host.has-label.md .wrapper,:host.has-label :host-context(.checkbox-md) .wrapper{padding-top:16px;padding-bottom:16px}:host.has-label ion-checkbox{position:static;flex-shrink:0;flex-grow:0}:host-context(kirby-item){z-index:1}:host-context(kirby-item) ion-checkbox{margin:0}:host-context(kirby-item)[slot=start]{margin-inline-end:12px}"]}]}],_t.propDecorators={checked:[{type:n.Input}],attentionLevel:[{type:n.Input}],text:[{type:n.HostBinding,args:["class.has-label"]},{type:n.Input}],size:[{type:n.HostBinding,args:["class"]},{type:n.Input}],hasError:[{type:n.HostBinding,args:["class.error"]},{type:n.Input}],disabled:[{type:n.Input}],_isDisabled:[{type:n.HostBinding,args:["attr.disabled"]}],isAttentionLevel1:[{type:n.HostBinding,args:["class.attention-level1"]}],isAttentionLevel2:[{type:n.HostBinding,args:["class.attention-level2"]}],checkedChange:[{type:n.Output}]};var At=function(){};At.decorators=[{type:n.Component,args:[{selector:"kirby-chip",template:"<span>{{ text }}</span>\n",styles:[':host{background-color:var(--kirby-white);color:var(--kirby-white-contrast);position:relative;white-space:nowrap;padding:0 var(--inline-padding,16px);height:32px;font-size:12px;line-height:1;display:inline-flex;align-items:center;border-radius:999px;margin:4px var(--inline-margin,4px);cursor:pointer;-webkit-user-select:none;user-select:none}:host.is-selected{background-color:var(--kirby-black);color:var(--kirby-black-contrast)}@media (hover:hover){:host:hover{background-color:var(--kirby-black);color:var(--kirby-black-contrast)}}:host:after{content:"";position:absolute;min-height:44px;min-width:44px;width:100%;height:100%;transform:translate(-50%,-50%);left:50%;top:50%}:host :host-context(.kirby-color-brightness-dark){background-color:transparent;color:var(--kirby-text-color-white)}:host :host-context(.kirby-color-brightness-dark).is-selected{background-color:var(--kirby-white);color:var(--kirby-white-contrast)}@media (hover:hover){:host :host-context(.kirby-color-brightness-dark):hover{background-color:var(--kirby-white);color:var(--kirby-white-contrast)}}:host :host-context(kirby-segmented-control.compact){min-width:44px;flex-shrink:0;justify-content:center;--inline-margin:2px;--inline-padding:13px;background-color:transparent;color:var(--kirby-text-color-black)}:host :host-context(kirby-segmented-control.compact).is-selected{background-color:var(--kirby-black);color:var(--kirby-black-contrast)}@media (hover:hover){:host :host-context(kirby-segmented-control.compact):hover{background-color:var(--kirby-black);color:var(--kirby-black-contrast)}}@media (max-width:321px){:host :host-context(kirby-segmented-control.compact){--inline-margin:0}}']}]}],At.propDecorators={text:[{type:n.Input}],isSelected:[{type:n.Input},{type:n.HostBinding,args:["attr.aria-selected"]},{type:n.HostBinding,args:["class.is-selected"]}]};var Mt,Lt=function(){};Lt.decorators=[{type:n.Component,args:[{selector:"kirby-divider",template:'<hr [class.no-margin]="!hasMargin" />\n',styles:[":host-context(.kirby-color-brightness-white),:host-context(kirby-card){--kirby-divider-color:var(--kirby-background-color)}:host-context(.kirby-color-brightness-light){--kirby-divider-color:var(--kirby-medium)}hr{margin-top:8px;margin-bottom:8px;border:0;border-top:1px solid var(--kirby-divider-color,var(--kirby-medium))}hr.no-margin{margin-top:0;margin-bottom:0}"]}]}],Lt.propDecorators={hasMargin:[{type:n.Input}]},(Mt=e.ItemSize||(e.ItemSize={})).XS="xs",Mt.SM="sm",Mt.MD="md";var Bt=function(){function t(){this.size=e.ItemSize.MD}return t.prototype.onMouseDown=function(e){e.currentTarget instanceof HTMLElement&&e.currentTarget.closest("kirby-dropdown")&&e.preventDefault()},t}();Bt.decorators=[{type:n.Component,args:[{selector:"kirby-item",template:'<ion-item\n lines="none"\n [attr.disabled]="disabled"\n [attr.button]="selectable ? true : null"\n [attr.tabindex]="selectable ? null : 0"\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 <ion-reorder slot="end" *ngIf="reorderable">\n <kirby-icon name="reorder"></kirby-icon>\n </ion-reorder>\n</ion-item>\n',styles:[":host{display:block;position:relative}:host ion-item{--padding-top:var(--item-padding-top,0px);--padding-bottom:var(--item-padding-bottom,0px);font-size:14px;--min-height:56px;--padding-start:16px;--inner-padding-top:8px;--inner-padding-bottom:8px;--inner-padding-end:16px;--background:var(--kirby-item-background,var(--kirby-white));--background-activated:var(--kirby-item-background-activated,var(--kirby-white-shade));--background-activated-opacity:0.99;--background-focused:var(--kirby-item-background-focused,var(--kirby-background-color));--background-focused-opacity:1;--background-hover:var(--kirby-item-background-hover,var(--kirby-background-color));--background-hover-opacity:1}@media screen and (orientation:landscape){:host ion-item{--ion-safe-area-left:0px;--ion-safe-area-right:0px}}:host ion-item ::ng-deep>[slot=end]{margin-inline-start:0;margin-inline-end:0;text-align:right}:host ion-item ::ng-deep>time[slot=end]{margin-inline-start:12px}:host ion-item ::ng-deep>[detail][slot=end],:host ion-item ::ng-deep>data[slot=end],:host ion-item ::ng-deep>ion-reorder[slot=end]{margin-inline-start:16px}:host ion-item ::ng-deep>data,:host ion-item ::ng-deep>h1,:host ion-item ::ng-deep>h2,:host ion-item ::ng-deep>h3,:host ion-item ::ng-deep>h4,:host ion-item ::ng-deep>h5,:host ion-item ::ng-deep>h6,:host ion-item ::ng-deep>p{font-size:16px;line-height:24px;color:var(--kirby-text-color-black);display:block;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400}:host ion-item ::ng-deep>data.kirby-text-bold,:host ion-item ::ng-deep>h1.kirby-text-bold,:host ion-item ::ng-deep>h2.kirby-text-bold,:host ion-item ::ng-deep>h3.kirby-text-bold,:host ion-item ::ng-deep>h4.kirby-text-bold,:host ion-item ::ng-deep>h5.kirby-text-bold,:host ion-item ::ng-deep>h6.kirby-text-bold,:host ion-item ::ng-deep>p.kirby-text-bold{font-weight:700}:host ion-item ::ng-deep>p{font-size:14px}:host ion-item ::ng-deep>[detail],:host ion-item ::ng-deep>[subtitle]{font-size:12px;line-height:16px}:host ion-item ::ng-deep>[subtitle]:not(:last-child){margin-bottom:4px}:host ion-item ::ng-deep>[detail]{color:var(--kirby-text-color-semi-dark)}:host ion-item ::ng-deep>:not([slot]){width:100%}:host ion-item ::ng-deep>input[slot=end],:host ion-item ::ng-deep>kirby-form-field[slot=end] input{margin-inline-start:16px;width:auto;text-align:right}:host.sm ion-item{--min-height:44px}:host.xs ion-item{--min-height:32px;--inner-padding-top:4px;--inner-padding-bottom:4px}:host .outside{left:4px;margin:0;position:absolute;width:16px;z-index:1}:host-context(kirby-dropdown) ion-item,:host-context(kirby-popover) ion-item{--min-height:44px}:host-context(kirby-list-item:first-of-type) ion-item{--padding-top:8px}:host-context(kirby-list-item:first-of-type kirby-card) ion-item{--padding-top:0}:host-context(kirby-list-item:last-of-type) ion-item{--padding-bottom:8px}:host-context(kirby-list-item:last-of-type kirby-card) ion-item{--padding-bottom:0}:host(.selected) ion-item ::ng-deep>data,: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-context(kirby-list .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{font-weight:700}:host-context(.shape-rounded .is-single) ion-item{--border-radius:16px}:host-context(.has-header .is-single) ion-item::part(native){border-top-left-radius:0;border-top-right-radius:0}:host-context(.has-footer .is-single) ion-item::part(native){border-bottom-left-radius:0;border-bottom-right-radius:0}:host-context(.shape-rounded.has-sections .list-items kirby-list-item:first-of-type) ion-item::part(native){border-top-left-radius:16px;border-top-right-radius:16px}"]}]}],Bt.propDecorators={disabled:[{type:n.Input}],selected:[{type:n.HostBinding,args:["class.selected"]},{type:n.Input}],selectable:[{type:n.Input}],reorderable:[{type:n.Input}],size:[{type:n.HostBinding,args:["class"]},{type:n.Input}]};var zt=function(){console.warn("*kirbyListItem directive is deprecated - please use *kirbyListItemTemplate directive instead.")};zt.decorators=[{type:n.Directive,args:[{selector:"[kirbyListItem]"}]}],zt.ctorParameters=function(){return[]};var Ht=function(){console.warn("*kirbyListFlexItem directive is deprecated - please use *kirbyListItemTemplate directive instead.")};Ht.decorators=[{type:n.Directive,args:[{selector:"[kirbyListFlexItem]"}]}],Ht.ctorParameters=function(){return[]};var jt=function(){};jt.decorators=[{type:n.Directive,args:[{selector:"[kirbyListItemTemplate]"}]}];var Ft=function(){};Ft.decorators=[{type:n.Directive,args:[{selector:"[kirbyListHeader], [kirbyListHeaderTemplate]"}]}];var Nt=function(){};Nt.decorators=[{type:n.Directive,args:[{selector:"[kirbyListSectionHeader], [kirbyListSectionHeaderTemplate]"}]}];var Wt,Vt=function(){};Vt.decorators=[{type:n.Directive,args:[{selector:"[kirbyListFooter], [kirbyListFooterTemplate]"}]}],(Wt=e.HorizontalDirection||(e.HorizontalDirection={})).right="right",Wt.left="left";var $t,Ut,Yt=function(){function i(t,i){this.elementRef=t,this.renderer=i,this.preventScrollEventListenerOptions={passive:!1},this.POPOVER_BODY_PADDING=12,this.isShowing=!1,this.popout=e.HorizontalDirection.right,this.willHide=new n.EventEmitter,this.document=t.nativeElement.ownerDocument}return Object.defineProperty(i.prototype,"targetElement",{get:function(){return this.target instanceof n.ElementRef?this.target.nativeElement:this.target},enumerable:!1,configurable:!0}),i.prototype._onWindowResize=function(){this.hide()},i.prototype.ngAfterViewInit=function(){this.placePopoverAboveClosestModal(),this.renderer.removeChild(this.elementRef.nativeElement.parentElement,this.elementRef.nativeElement)},i.prototype.ngOnDestroy=function(){this.hide()},i.prototype.placePopoverAboveClosestModal=function(){var e=this.elementRef.nativeElement.closest("ion-modal");e?(this.zIndex=parseInt(e.style.zIndex)+1,this.elementRef.nativeElement.style.zIndex=""+this.zIndex):this.zIndex=parseInt(t.DesignTokenHelper.zLayer("popover"))},i.preventEventOutsidePopover=function(e){e.target instanceof HTMLElement&&(!!e.target.closest("kirby-popover")||e.preventDefault())},i.prototype.preventScroll=function(){this.isFirstToLockScroll=!this.document.body.classList.contains("backdrop-no-scroll"),this.isFirstToLockScroll&&this.renderer.addClass(this.document.body,"backdrop-no-scroll"),this.document.addEventListener("touchmove",i.preventEventOutsidePopover,this.preventScrollEventListenerOptions)},i.prototype.releaseScroll=function(){this.isFirstToLockScroll&&this.renderer.removeClass(this.document.body,"backdrop-no-scroll"),this.document.removeEventListener("touchmove",i.preventEventOutsidePopover,this.preventScrollEventListenerOptions)},i.prototype.show=function(){this.renderer.addClass(this.elementRef.nativeElement,"is-opening"),this.renderer.appendChild(this.document.body,this.elementRef.nativeElement),this.preventScroll(),this.positionWrapper(),this.renderer.addClass(this.elementRef.nativeElement,"is-open"),this.renderer.removeClass(this.elementRef.nativeElement,"is-opening"),this.isShowing=!0},i.prototype.hide=function(){this.isShowing&&(this.willHide.emit(),this.renderer.removeChild(this.elementRef.nativeElement.parentElement,this.elementRef.nativeElement),this.releaseScroll(),this.renderer.removeStyle(this.targetElement,"z-index"),this.renderer.removeStyle(this.targetElement,"pointer-events"),this.isShowing=!1)},i.prototype.positionWrapper=function(){var e=this.targetElement.getBoundingClientRect();this.renderer.appendChild(this.document.body,this.elementRef.nativeElement);var t=this.wrapperElement.nativeElement,n=t.getBoundingClientRect(),i=t.ownerDocument.defaultView;this.positionHorizontally(i,t,e,n),this.positionVertically(i,t,e,n)},i.prototype.positionHorizontally=function(t,n,i,o){var r=t.innerWidth,a=o.width,s=r-i.left,l=i.right,c=s>=a+this.POPOVER_BODY_PADDING||s>=l,d=F(this.popout!==e.HorizontalDirection.left&&c?["right","left"]:["left","right"],2),p=d[0],h=d[1],u="left"===p?r-i.right:i.left;this.renderer.removeStyle(n,p),this.renderer.setStyle(n,h,u+"px")},i.prototype.positionVertically=function(e,t,n,i){var o=e.innerHeight,r=i.height,a=o-n.bottom,s=n.top,l=F(a>=r+this.POPOVER_BODY_PADDING||a>=s?["bottom","top"]:["top","bottom"],2),c=l[0],d=l[1],p="bottom"===c?n.bottom:o-n.top;this.renderer.removeStyle(t,c),this.renderer.setStyle(t,d,p+"px"),"top"===c&&(this.renderer.setStyle(this.targetElement,"z-index",""+(this.zIndex+1)),this.renderer.setStyle(this.targetElement,"pointer-events","none"))},i}();Yt.decorators=[{type:n.Component,args:[{selector:"kirby-popover",template:' <div #wrapper class="wrapper"><ng-content></ng-content></div> ',styles:[":host{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:850}:host(.is-opening){display:block;visibility:hidden}:host(.is-open){display:block}.wrapper{position:fixed;margin-top:4px;margin-bottom:4px}"]}]}],Yt.ctorParameters=function(){return[{type:n.ElementRef},{type:n.Renderer2}]},Yt.propDecorators={wrapperElement:[{type:n.ViewChild,args:["wrapper",{static:!0,read:n.ElementRef}]}],popout:[{type:n.Input}],target:[{type:n.Input}],willHide:[{type:n.Output}],_onWindowResize:[{type:n.HostListener,args:["window:resize"]}]},function(e){e[e.closed=0]="closed",e[e.opening=1]="opening",e[e.open=2]="open"}($t||($t={})),function(e){e[e.up=0]="up",e[e.down=1]="down"}(Ut||(Ut={}));var Gt=function(){function e(){}return e.prototype.handle=function(e,t,n){var i=-1;switch(e.key){case"ArrowUp":case"ArrowLeft":i=n-1;break;case"ArrowDown":case"ArrowRight":void 0===n?i=0:n<t.length-1&&(i=n+1);break;case"Home":i=0;break;case"End":i=t.length-1}return i},e}();Gt.ɵprov=n.ɵɵdefineInjectable({factory:function(){return new Gt},token:Gt,providedIn:"root"}),Gt.decorators=[{type:n.Injectable,args:[{providedIn:"root"}]}];var qt=function(){function t(t,i,o,r){this.renderer=t,this.elementRef=i,this.changeDetectorRef=o,this.keyboardHandlerService=r,this.state=$t.closed,this.hasConfiguredSlottedItems=!1,this.horizontalDirection=e.HorizontalDirection.right,this.verticalDirection=Ut.down,this._items=[],this._selectedIndex=-1,this.itemTextProperty="text",this.placeholder="Please select:",this.attentionLevel="3",this.attentionLevelOpen="2",this.disabled=!1,this.size="md",this.tabindex=0,this.usePopover=!1,this.change=new n.EventEmitter,this._value=null,this._role="listbox",this.itemClickUnlisten=[],this._onChange=function(){},this._onTouched=function(){}}return Object.defineProperty(t.prototype,"items",{get:function(){return this._items},set:function(e){this._items=e,this._value=this.items[this.selectedIndex]||null},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"selectedIndex",{get:function(){return this._selectedIndex},set:function(e){this._selectedIndex!=e&&(this._selectedIndex=e,this._value=this.items[this.selectedIndex]||null)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"popout",{get:function(){return this.horizontalDirection},set:function(t){this.horizontalDirection=t||e.HorizontalDirection.right},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"_isDisabled",{get:function(){return this.disabled?"disabled":null},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"_tabindex",{get:function(){return this.disabled?-1:this.tabindex},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"_noBlurOnScroll",{get:function(){return!0},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"value",{get:function(){return this._value},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"selectedText",{get:function(){return this.getTextFromItem(this.value)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"_isBlockLevel",{get:function(){return"block"===this.expand},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"_isOpening",{get:function(){return this.state===$t.opening},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"isOpen",{get:function(){return this.state===$t.open},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"_popoutLeft",{get:function(){return this.horizontalDirection===e.HorizontalDirection.left},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"_popoutUp",{get:function(){return this.verticalDirection===Ut.up},enumerable:!1,configurable:!0}),t.prototype.onToggle=function(e){e.stopPropagation(),this.isOpen||this.elementRef.nativeElement.focus(),this.toggle()},t.prototype.toggle=function(){this.disabled||(this.isOpen?this.close():this.open())},t.prototype.onButtonMouseEvent=function(e){e.preventDefault()},t.prototype.ngAfterContentChecked=function(){var e=this;!this.hasConfiguredSlottedItems&&this.kirbyItemsSlotted.length&&(this.kirbyItemsSlotted.forEach((function(t,n){e.renderer.setAttribute(t.nativeElement,"role","option");var i=e.renderer.listen(t.nativeElement,"click",(function(){e.onItemSelect(n)}));e.itemClickUnlisten.push(i)})),this.hasConfiguredSlottedItems=!0)},t.prototype.setPopoverCardStyle=function(e,t){this.usePopover&&this.renderer.setStyle(this.cardElement.nativeElement,e,t,n.RendererStyleFlags2.DashCase)},t.prototype.ngAfterViewInit=function(){if(this.usePopover&&"block"===this.expand){var e=this.elementRef.nativeElement.getBoundingClientRect().width;this.setPopoverCardStyle("--kirby-card-width",e+"px"),this.setPopoverCardStyle("max-width","initial"),this.setPopoverCardStyle("min-width","initial")}this.initializeAlignment()},t.prototype.initializeAlignment=function(){var e=this;if(!this.usePopover&&!this.intersectionObserverRef){this.intersectionObserverRef=new IntersectionObserver((function(t){if(e.state===$t.opening){clearTimeout(e.showDropdownTimeoutId);var n=t[0];n.boundingClientRect.width>0&&n.intersectionRatio<1&&(e.setHorizontalDirection(n),e.setVerticalDirection(n)),e.showDropdown(),e.changeDetectorRef.detectChanges()}}),{rootMargin:"0px"}),this.intersectionObserverRef.observe(this.cardElement.nativeElement)}},t.prototype.setHorizontalDirection=function(t){this.horizontalDirection===e.HorizontalDirection.right?t.boundingClientRect.right>t.rootBounds.right&&(this.horizontalDirection=e.HorizontalDirection.left):t.boundingClientRect.left<t.rootBounds.left&&(this.horizontalDirection=e.HorizontalDirection.right)},t.prototype.setVerticalDirection=function(e){if(e.boundingClientRect.top<0&&(this.verticalDirection=Ut.down),e.boundingClientRect.bottom>e.rootBounds.bottom){this.elementRef.nativeElement.getBoundingClientRect().top>e.target.clientHeight+5&&(this.verticalDirection=Ut.up)}},t.prototype.open=function(){var e=this;this.disabled||this.isOpen||(this.state=$t.opening,this.showDropdownTimeoutId=setTimeout((function(){return e.showDropdown()}),t.OPEN_DELAY_IN_MS))},t.prototype.showDropdown=function(){var e;this.state===$t.opening&&(this.state=$t.open,null===(e=this.popover)||void 0===e||e.show(),this.scrollItemIntoView(this.selectedIndex),this.changeDetectorRef.markForCheck())},t.prototype.close=function(){var e;this.disabled||this.isOpen&&(this.state=$t.closed,this.verticalDirection=Ut.down,null===(e=this.popover)||void 0===e||e.hide())},t.prototype.onItemSelect=function(e){this.selectItem(e),this.close()},t.prototype.writeValue=function(e){this._selectItemByValue(e)},t.prototype.registerOnChange=function(e){this._onChange=e},t.prototype.registerOnTouched=function(e){this._onTouched=e},t.prototype.setDisabledState=function(e){this.disabled=e},t.prototype.selectItem=function(e){e!=this.selectedIndex&&(this.selectedIndex=e,this.change.emit(this.value),this._onChange(this.value),this.scrollItemIntoView(e))},t.prototype._selectItemByValue=function(e){this.selectedIndex=this.items.indexOf(e)},t.prototype.getTextFromItem=function(e){return e?"string"==typeof e?e:e[this.itemTextProperty]:null},t.prototype.scrollItemIntoView=function(e){var t=this.kirbyItemsSlotted&&this.kirbyItemsSlotted.length?this.kirbyItemsSlotted:this.kirbyItemsDefault;if(t&&t.length){var n=t.toArray()[e];if(n&&n.nativeElement){var i=n.nativeElement,o=this.cardElement.nativeElement,r=i.offsetTop,a=i.offsetTop+i.offsetHeight,s=o.scrollTop,l=o.clientHeight+o.scrollTop;r<s?o.scrollTop=r:a>l&&(o.scrollTop=a-o.clientHeight)}}},t.prototype._onTab=function(e){this.isOpen&&(e.preventDefault(),this.close())},t.prototype._onMouseDown=function(e){this.disabled&&(e.preventDefault(),e.stopImmediatePropagation())},t.prototype._onFocus=function(){this.disabled&&this.elementRef.nativeElement.blur()},t.prototype._onPopoverWillHide=function(){this.state=$t.closed,this.elementRef.nativeElement.focus()},t.prototype._onBlur=function(e){this.disabled||(this.isOpen&&(this.cardElement.nativeElement.contains(null==e?void 0:e.relatedTarget)||this.close()),this._onTouched())},t.prototype._onSpace=function(e){e.preventDefault(),e.stopPropagation(),this.isOpen||this.open()},t.prototype._onEnter=function(e){e.preventDefault(),e.stopPropagation(),this.toggle()},t.prototype._onArrowKeys=function(e){if(!this.disabled&&(!this.isOpen||"ArrowLeft"!==e.key&&"ArrowRight"!==e.key)){var t=this.keyboardHandlerService.handle(e,this.items,this.selectedIndex);return t>-1&&this.selectItem(t),!1}},t.prototype._onHomeEndKeys=function(e){if(!this.disabled){var t=this.keyboardHandlerService.handle(e,this.items,this.selectedIndex);return t>-1&&this.selectItem(t),!1}},t.prototype.ngOnDestroy=function(){for(var e;void 0!==(e=this.itemClickUnlisten.pop());)e();this.intersectionObserverRef&&this.intersectionObserverRef.disconnect()},t}();qt.OPEN_DELAY_IN_MS=100,qt.decorators=[{type:n.Component,args:[{selector:"kirby-dropdown",template:'<button\n kirby-button\n [size]="size"\n [attentionLevel]="isOpen ? attentionLevelOpen : attentionLevel"\n tabindex="-1"\n (click)="onToggle($event)"\n (mousedown)="onButtonMouseEvent($event)"\n [disabled]="disabled"\n type="button"\n>\n <span class="text">{{ selectedText || placeholder }}</span>\n <kirby-icon [name]="isOpen ? \'arrow-up\' : \'arrow-down\'"></kirby-icon>\n</button>\n\n<ng-container *ngTemplateOutlet="usePopover ? popoverTemplate : itemWrapperTemplate"></ng-container>\n\n<ng-template #popoverTemplate>\n <kirby-popover [target]="buttonElement" [popout]="popout" (willHide)="_onPopoverWillHide()">\n <ng-container *ngTemplateOutlet="itemWrapperTemplate"></ng-container>\n </kirby-popover>\n</ng-template>\n\n<ng-template #itemWrapperTemplate>\n <kirby-card>\n <ng-container *ngFor="let item of items; let i = index">\n <ng-container\n *ngTemplateOutlet="\n itemTemplate || defaultItemTemplate;\n context: { $implicit: item, selected: i === selectedIndex, index: i }\n "\n ></ng-container>\n </ng-container>\n </kirby-card>\n</ng-template>\n\n<ng-template #defaultItemTemplate let-item let-selected="selected" let-index="index">\n <kirby-item [selectable]="true" [selected]="selected" (click)="onItemSelect(index)" role="option">\n \x3c!-- Tabindex fixes issue with popover dropdown not working in safari --\x3e\n <h3 tabindex="0">{{ getTextFromItem(item) }}</h3>\n <kirby-icon *ngIf="selected" name="checkmark-selected" slot="end"></kirby-icon>\n </kirby-item>\n</ng-template>\n',providers:[{provide:k.NG_VALUE_ACCESSOR,useExisting:n.forwardRef((function(){return qt})),multi:!0}],styles:[":host{display:inline-block;position:relative;max-width:calc(100vw - 32px);outline:none}:host.expand{display:block}:host.expand kirby-card{width:100%;min-width:0;max-width:none}@media (hover:hover){:host:focus>button,:host:focus>button.attention-level3{border-color:#4d90fe}}:host.error>button,:host.ng-touched.ng-invalid>button{border-color:var(--kirby-danger)}:host>button{position:relative;margin:0;outline:none;width:100%;transition:box-shadow .2s,border-color .2s}:host>button.attention-level2{border:1px solid transparent}:host>button .text{overflow:hidden;text-overflow:ellipsis}kirby-popover{--max-height:352px}kirby-card{max-height:352px;margin-top:4px;margin-bottom:4px;overflow-y:auto;box-shadow:0 20px 30px -15px rgba(28,28,28,.3),0 0 5px 0 rgba(28,28,28,.08);min-width:288px;max-width:calc(100vw - 32px)}@media (min-width:321px){kirby-card{min-width:343px}}:host(:not(.with-popover)) kirby-card{display:none;opacity:0;position:absolute;z-index:800}:host(:not(.with-popover)).is-opening kirby-card{display:block}:host(:not(.with-popover)).is-open kirby-card{display:block;opacity:1}:host(:not(.with-popover)).popout-left kirby-card{right:0}:host(:not(.with-popover)).popout-up kirby-card{top:0;margin-top:-4px;transform:translateY(-100%)}:host(:not(.with-popover)).popout-up.is-open>button{z-index:801}:host(.with-popover).is-open kirby-card{display:block}:host(.is-open)>button{box-shadow:0 20px 30px -15px rgba(28,28,28,.3),0 0 5px 0 rgba(28,28,28,.08)}:host-context(kirby-calendar)>button{border-color:transparent;font-weight:700;font-size:medium}:host-context(kirby-calendar).is-open>button{box-shadow:none}"]}]}],qt.ctorParameters=function(){return[{type:n.Renderer2},{type:n.ElementRef},{type:n.ChangeDetectorRef},{type:Gt}]},qt.propDecorators={items:[{type:n.Input}],selectedIndex:[{type:n.Input}],itemTextProperty:[{type:n.Input}],placeholder:[{type:n.Input}],popout:[{type:n.Input}],attentionLevel:[{type:n.Input}],expand:[{type:n.Input}],disabled:[{type:n.Input}],_isDisabled:[{type:n.HostBinding,args:["attr.disabled"]}],hasError:[{type:n.HostBinding,args:["class.error"]},{type:n.Input}],size:[{type:n.Input}],tabindex:[{type:n.Input}],usePopover:[{type:n.HostBinding,args:["class.with-popover"]},{type:n.Input}],_tabindex:[{type:n.HostBinding,args:["attr.tabindex"]}],_noBlurOnScroll:[{type:n.HostBinding,args:["attr.no-blur"]}],change:[{type:n.Output}],_isBlockLevel:[{type:n.HostBinding,args:["class.expand"]}],_role:[{type:n.HostBinding,args:["attr.role"]}],_isOpening:[{type:n.HostBinding,args:["class.is-opening"]}],isOpen:[{type:n.HostBinding,args:["class.is-open"]}],_popoutLeft:[{type:n.HostBinding,args:["class.popout-left"]}],_popoutUp:[{type:n.HostBinding,args:["class.popout-up"]}],itemTemplate:[{type:n.ContentChild,args:[jt,{static:!0,read:n.TemplateRef}]}],slottedItems:[{type:n.ContentChildren,args:[jt,{read:n.ElementRef}]}],cardElement:[{type:n.ViewChild,args:[Ce,{read:n.ElementRef}]}],popover:[{type:n.ViewChild,args:[Yt]}],buttonElement:[{type:n.ViewChild,args:[ce,{static:!0,read:n.ElementRef}]}],kirbyItemsDefault:[{type:n.ViewChildren,args:[Bt,{read:n.ElementRef}]}],kirbyItemsSlotted:[{type:n.ContentChildren,args:[Bt,{read:n.ElementRef}]}],_onTab:[{type:n.HostListener,args:["keydown.tab",["$event"]]}],_onMouseDown:[{type:n.HostListener,args:["mousedown",["$event"]]}],_onFocus:[{type:n.HostListener,args:["focus"]}],_onBlur:[{type:n.HostListener,args:["keydown.enter"]},{type:n.HostListener,args:["keydown.escape"]},{type:n.HostListener,args:["blur",["$event"]]}],_onSpace:[{type:n.HostListener,args:["keydown.space",["$event"]]}],_onEnter:[{type:n.HostListener,args:["keydown.enter",["$event"]]}],_onArrowKeys:[{type:n.HostListener,args:["keydown.arrowup",["$event"]]},{type:n.HostListener,args:["keydown.arrowdown",["$event"]]},{type:n.HostListener,args:["keydown.arrowleft",["$event"]]},{type:n.HostListener,args:["keydown.arrowright",["$event"]]}],_onHomeEndKeys:[{type:n.HostListener,args:["keydown.home",["$event"]]},{type:n.HostListener,args:["keydown.end",["$event"]]}]};var Kt=function(){function e(){}return e.prototype.ngAfterContentInit=function(){var e=this;this.enforceAttentionLevelRules(),this.slottedButtons.changes.subscribe((function(){setTimeout((function(){return e.enforceAttentionLevelRules()}))}))},e.prototype.enforceAttentionLevelRules=function(){this.slottedButtons.forEach((function(e,t){0===t&&e.isAttentionLevel1||e.isAttentionLevel3||(e.attentionLevel="3")}))},e}();Kt.decorators=[{type:n.Component,args:[{selector:"kirby-empty-state",template:'<article>\n <div *ngIf="iconName || customIconName" class="icon-outline">\n <kirby-icon [name]="iconName" [customName]="customIconName" size="lg"></kirby-icon>\n </div>\n <h3 *ngIf="title" class="title">{{ title }}</h3>\n <p *ngIf="subtitle" class="subtitle">{{ subtitle }}</p>\n <div class="content">\n <ng-content></ng-content>\n </div>\n</article>\n',styles:["article{max-width:330px;margin:auto;text-align:center}.icon-outline,article{display:flex;flex-direction:column;justify-content:center}.icon-outline{width:96px;height:96px;margin-left:auto;margin-right:auto;margin-bottom:24px;border:4px solid var(--kirby-medium);border-radius:50%}kirby-icon{color:var(--kirby-medium)}h3.title{margin-bottom:8px}p.subtitle{margin-bottom:24px;white-space:pre-wrap}:host(.primary) .icon-outline{border-color:var(--kirby-primary)}:host(.primary) kirby-icon{color:var(--kirby-primary)}:host(.secondary) .icon-outline{border-color:var(--kirby-secondary)}:host(.secondary) kirby-icon{color:var(--kirby-secondary)}:host(.tertiary) .icon-outline{border-color:var(--kirby-tertiary)}:host(.tertiary) kirby-icon{color:var(--kirby-tertiary)}:host(.success) .icon-outline{border-color:var(--kirby-success)}:host(.success) kirby-icon{color:var(--kirby-success)}:host(.warning) .icon-outline{border-color:var(--kirby-warning)}:host(.warning) kirby-icon{color:var(--kirby-warning)}:host(.danger) .icon-outline{border-color:var(--kirby-danger)}:host(.danger) kirby-icon{color:var(--kirby-danger)}:host(.light) .icon-outline{border-color:var(--kirby-light)}:host(.light) kirby-icon{color:var(--kirby-light)}:host(.medium) .icon-outline{border-color:var(--kirby-medium)}:host(.medium) kirby-icon{color:var(--kirby-medium)}:host(.dark) .icon-outline{border-color:var(--kirby-dark)}:host(.dark) kirby-icon{color:var(--kirby-dark)}"]}]}],Kt.propDecorators={iconName:[{type:n.Input}],customIconName:[{type:n.Input}],title:[{type:n.Input}],subtitle:[{type:n.Input}],slottedButtons:[{type:n.ContentChildren,args:[ce]}]};var Zt=function(){function e(){this._labelId=Pt.scopedTo("kirby-radio-label").next()}return Object.defineProperty(e.prototype,"_isDisabled",{get:function(){return this.disabled?"disabled":null},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"buttonTabIndex",{get:function(){return this.ionRadioElement?this.ionRadioElement.nativeElement.tabIndex:-1},enumerable:!1,configurable:!0}),e.prototype.focus=function(){this.ionRadioElement&&this.ionRadioElement.nativeElement.focus()},e}();Zt.decorators=[{type:n.Component,args:[{selector:"kirby-radio",template:'<div class="wrapper">\n <ion-radio\n [value]="value"\n [disabled]="disabled"\n mode="md"\n [attr.aria-labelledby]="text ? _labelId : null"\n ></ion-radio>\n <span [id]="_labelId" *ngIf="text">{{ text }}</span>\n</div>\n',styles:[":host{display:inline-block}:host.has-label{display:block;line-height:24px;white-space:pre-line}:host.has-label div.wrapper{position:relative;display:inline-flex;align-items:flex-start;vertical-align:top;padding:16px 12px 16px 0}:host.has-label.xs .wrapper,:host.has-label :host-context(.radio-xs) .wrapper{padding-top:4px;padding-bottom:4px}:host.has-label.sm .wrapper,:host.has-label :host-context(.radio-sm) .wrapper{padding-top:10px;padding-bottom:10px}:host.has-label.md .wrapper,:host.has-label :host-context(.radio-md) .wrapper{padding-top:16px;padding-bottom:16px}:host.has-label ion-radio{position:static;margin-left:16px;margin-right:12px}:host[disabled]{color:var(--kirby-text-color-semi-dark)}:host[disabled] ion-radio{opacity:1;--color:var(--kirby-medium);--color-checked:var(--kirby-medium)}:host[disabled] ion-radio::part(container){background-color:var(--kirby-semi-light)}ion-radio{min-height:24px;min-width:24px;padding:2px;box-sizing:border-box;--border-width:1px;--color:var(--kirby-semi-dark);--color-checked:var(--kirby-success)}ion-radio::part(container){background-color:var(--kirby-white)}ion-radio::part(mark){width:60%;height:60%}ion-radio:active{--color:transparent}ion-radio:active::part(container){background-color:var(--kirby-white-shade)}ion-radio :host-context(kirby-radio-group.error) ion-radio,ion-radio :host-context(kirby-radio-group.error) ion-radio:active,ion-radio :host-context(kirby-radio-group.ng-touched.ng-invalid) ion-radio,ion-radio :host-context(kirby-radio-group.ng-touched.ng-invalid) ion-radio:active{--color:var(--kirby-danger)}@media (hover:hover){ion-radio:focus::part(container){box-shadow:0 0 0 1px var(--kirby-background-color),0 0 0 3px #4d90fe}}ion-radio.radio-checked{--border-width:0px}ion-radio.radio-checked:not(:focus):not(.radio-disabled)::part(container){box-shadow:0 5px 10px -10px rgba(28,28,28,.3),0 0 5px 0 rgba(28,28,28,.08)}:host-context(kirby-item){z-index:1}:host-context(kirby-item) ion-radio{margin:0}:host-context(kirby-item)[slot=start]{margin-inline-end:12px}"]}]}],Zt.propDecorators={value:[{type:n.Input}],text:[{type:n.HostBinding,args:["class.has-label"]},{type:n.Input}],size:[{type:n.HostBinding,args:["class"]},{type:n.Input}],disabled:[{type:n.Input}],_isDisabled:[{type:n.HostBinding,args:["attr.disabled"]}],ionRadioElement:[{type:n.ViewChild,args:[i.IonRadio,{read:n.ElementRef,static:!0}]}]};var Jt=function(){function e(e){this.changeDetectionRef=e,this.hasError=!1,this.itemTextProperty="text",this.itemDisabledProperty="disabled",this.valueChange=new n.EventEmitter,this._disabled=!1,this._items=[],this._onChangeCallback=function(){},this._onTouched=function(){},this._selectedIndex=-1,this._value=null}return Object.defineProperty(e.prototype,"disabled",{get:function(){return this._disabled},set:function(e){this._disabled=e,this.setProjectedRadiosDisabledState(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"items",{get:function(){return this._items||[]},set:function(e){(e&&e.length||this.items.length)&&(this._items=e,this.refreshSelectionState())},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"selectedIndex",{get:function(){return this._selectedIndex},set:function(e){"string"==typeof e&&(e=parseInt(e)),null!=e&&NaN!==e||(e=-1),e!==this.selectedIndex&&(this._selectedIndex=e,this._value=this.getValueFromSelectedIndex()||null)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"value",{get:function(){return this._value},set:function(e){this.setSelectedItem(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"hasValue",{get:function(){return void 0!==this.value&&null!==this.value},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"hasItemsFromContentProjection",{get:function(){return!this.items.length&&!this._customItemTemplate&&this.projectedRadioButtons&&this.projectedRadioButtons.length>0},enumerable:!1,configurable:!0}),e.prototype.focus=function(){var e=function(e){return e&&e.find((function(e){return!isNaN(e.buttonTabIndex)&&-1!==e.buttonTabIndex}))},t=e(this.radioButtons)||e(this.projectedRadioButtons);t&&t.focus()},e.prototype.ngAfterContentInit=function(){this.initSelectionStateFromProjectedContent(),this.listenForProjectedRadiosChange()},e.prototype.registerOnChange=function(e){this._onChangeCallback=e},e.prototype.registerOnTouched=function(e){this._onTouched=e},e.prototype.setDisabledState=function(e){this.disabled=e,this.changeDetectionRef.markForCheck()},e.prototype.writeValue=function(e){this.value=e,this.changeDetectionRef.markForCheck()},e.prototype._getTextFromItem=function(e){return e?"string"==typeof e?e:e[this.itemTextProperty]:null},e.prototype._getDisabledStateFromItem=function(e){if(e)return"string"==typeof e?void 0:e[this.itemDisabledProperty]},Object.defineProperty(e.prototype,"_hasItems",{get:function(){return this.items.length>0||this.hasItemsFromContentProjection},enumerable:!1,configurable:!0}),e.prototype._onChange=function(e){e!==this._value&&(this.setSelectedItem(e),this.valueChange.emit(e),this._onChangeCallback(e))},e.prototype._onRadioBlur=function(){this._onTouched()},e.prototype.getIndexOfSelectedValue=function(){return this.hasValue?this.hasItemsFromContentProjection?this.getIndexOfProjectedRadio(this.value):this.items.indexOf(this.value):-1},e.prototype.getIndexOfProjectedRadio=function(e){var t=-1;return this.projectedRadioButtons&&this.projectedRadioButtons.find((function(n,i){var o=n.value===e;return o&&(t=i),o})),t},e.prototype.getValueFromSelectedIndex=function(){if(-1!==this.selectedIndex)return this.hasItemsFromContentProjection?this.getValueFromProjectedRadios(this.selectedIndex):this.items[this.selectedIndex]},e.prototype.getValueFromProjectedRadios=function(e){var t=this.projectedRadioButtons&&this.projectedRadioButtons.find((function(t,n){return n===e}));return t&&t.value},e.prototype.initSelectionStateFromProjectedContent=function(){this.hasItemsFromContentProjection&&this.refreshSelectionState()},e.prototype.listenForProjectedRadiosChange=function(){var e=this;this.projectedRadioButtons.changes.subscribe((function(){e.refreshStateFromProjectedContent(),e.disabled&&setTimeout((function(){return e.setProjectedRadiosDisabledState(e.disabled)}))}))},e.prototype.refreshSelectionState=function(){this.hasValue&&(this._selectedIndex=this.getIndexOfSelectedValue());var e=this.getValueFromSelectedIndex();this._value=void 0!==e?e:null},e.prototype.refreshStateFromProjectedContent=function(){this._customItemTemplate||(this.changeDetectionRef.markForCheck(),this.refreshSelectionState())},e.prototype.setSelectedItem=function(e){e!==this._value&&(this._value=e,this._selectedIndex=this.getIndexOfSelectedValue())},e.prototype.setProjectedRadiosDisabledState=function(e){var t=this;this.projectedRadioButtons&&this.projectedRadioButtons.length&&this.projectedRadioButtons.forEach((function(n,i){n.disabled=e||t._getDisabledStateFromItem(t.items[i])}))},e}();Jt.decorators=[{type:n.Component,args:[{selector:"kirby-radio-group",template:'<ion-radio-group *ngIf="_hasItems" [value]="value" (ionChange)="_onChange($event.detail.value)">\n <ng-container *ngIf="!items || !items.length; else itemsTemplate">\n <ng-content></ng-content>\n </ng-container>\n</ion-radio-group>\n\n<ng-template #itemsTemplate>\n <ng-container *ngFor="let item of items; let i = index">\n <ng-container\n *ngTemplateOutlet="\n _customItemTemplate || defaultItemTemplate;\n context: { $implicit: item, selected: i === selectedIndex, index: i }\n "\n ></ng-container>\n </ng-container>\n</ng-template>\n\n<ng-template #defaultItemTemplate let-item>\n <kirby-radio\n [value]="item"\n [disabled]="disabled || _getDisabledStateFromItem(item)"\n [text]="_getTextFromItem(item)"\n ></kirby-radio>\n</ng-template>\n',providers:[{provide:k.NG_VALUE_ACCESSOR,useExisting:Jt,multi:!0}],changeDetection:n.ChangeDetectionStrategy.OnPush,styles:["ion-radio-group { display: inherit; flex-wrap: inherit}"]}]}],Jt.ctorParameters=function(){return[{type:n.ChangeDetectorRef}]},Jt.propDecorators={disabled:[{type:n.Input}],hasError:[{type:n.HostBinding,args:["class.error"]},{type:n.Input}],items:[{type:n.Input}],itemTextProperty:[{type:n.Input}],itemDisabledProperty:[{type:n.Input}],selectedIndex:[{type:n.Input}],value:[{type:n.Input}],valueChange:[{type:n.Output}],_customItemTemplate:[{type:n.ContentChild,args:[jt,{read:n.TemplateRef}]}],radioButtons:[{type:n.ViewChildren,args:[Zt]}],projectedRadioButtons:[{type:n.ContentChildren,args:[Zt,{descendants:!0}]}],_onRadioBlur:[{type:n.HostListener,args:["ionBlur"]}]};var Xt,Qt=function(){function e(){}return Object.defineProperty(e.prototype,"text",{get:function(){if(void 0!==this.length){var e=this.maxlength?"/"+this.maxlength:"";return""+this.length+e}},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){var e=this;this.listenTo&&(this.length=this.listenTo.value?this.listenTo.value.length:0,this.maxlength=this.listenTo.maxlength,this._inputChangeSubscription=this.listenTo.kirbyChange.subscribe((function(t){e.length=t.length})))},e.prototype.ngOnDestroy=function(){this._inputChangeSubscription&&this._inputChangeSubscription.unsubscribe()},e}();Qt.decorators=[{type:n.Component,args:[{selector:"kirby-input-counter",template:'<kirby-form-field-message [text]="text"></kirby-form-field-message>\n'}]}],Qt.propDecorators={listenTo:[{type:n.Input}]},(Xt=e.InputSize||(e.InputSize={})).medium="md",Xt.large="lg";var en=function(){function t(){this.kirbyChange=new n.EventEmitter,this.size=e.InputSize.large,this.autocomplete="off",this.autocorrect="off"}return Object.defineProperty(t.prototype,"type",{set:function(e){var n=t.typeToInputmodeMap[e];n&&!this.inputmode&&(this.inputmode=n)},enumerable:!1,configurable:!0}),t.prototype._onKeyUp=function(e){this.kirbyChange.emit(e)},t.prototype._onCutPaste=function(e){var t=this;setTimeout((function(){return t.kirbyChange.emit(e.value)}))},t.prototype.ngOnChanges=function(e){e.value&&this.kirbyChange.emit(e.value.currentValue)},t}();en.typeToInputmodeMap={number:"decimal",search:"search"},en.decorators=[{type:n.Component,args:[{changeDetection:n.ChangeDetectionStrategy.OnPush,selector:"input[kirby-input]",template:"",styles:[":host(.error){border:1px solid var(--kirby-danger)}:host(.cloned-input){pointer-events:none;position:absolute;top:0;left:0}:host-context(label).cloned-input{top:24px}:host{background-color:var(--kirby-white);color:var(--kirby-white-contrast);border:none;box-sizing:border-box;display:block;font-family:var(--kirby-font-family);font-size:16px;line-height:24px;outline:none;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:16px;box-shadow:0 5px 10px -10px rgba(28,28,28,.3),0 0 5px 0 rgba(28,28,28,.08);padding:16px;width:100%}:host.borderless,:host:host-context(kirby-item){border-radius:0;box-shadow:none;padding:0;width:auto}:host:disabled{background-color:var(--kirby-light-tint);color:var(--kirby-text-color-semi-dark);box-shadow:none}:host::placeholder{color:var(--kirby-text-color-semi-dark)}:host{height:56px}:host[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}:host::-webkit-inner-spin-button,:host::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}:host(.md){height:40px;border-radius:24px}:host-context(kirby-item kirby-form-field[slot=end])[type=number]{font-weight:700}.date-mask-wrapper{position:relative}:host-context(.date-mask-wrapper){color:var(--kirby-text-color-semi-dark)}.date-mask{font-family:var(--kirby-font-family);font-size:16px;line-height:24px;color:var(--kirby-white-contrast);position:absolute;top:0;left:0;margin:16px}"]}]}],en.propDecorators={type:[{type:n.Input}],size:[{type:n.HostBinding,args:["class"]},{type:n.Input}],borderless:[{type:n.HostBinding,args:["class.borderless"]},{type:n.Input}],hasError:[{type:n.HostBinding,args:["class.error"]},{type:n.Input}],autocomplete:[{type:n.HostBinding,args:["attr.autocomplete"]},{type:n.Input}],autocorrect:[{type:n.HostBinding,args:["attr.autocorrect"]},{type:n.Input}],value:[{type:n.HostBinding,args:["attr.value"]},{type:n.Input}],maxlength:[{type:n.HostBinding,args:["attr.maxlength"]},{type:n.Input}],inputmode:[{type:n.HostBinding,args:["attr.inputmode"]},{type:n.Input}],_onKeyUp:[{type:n.HostListener,args:["keyup",["$event.target.value"]]}],_onCutPaste:[{type:n.HostListener,args:["paste",["$event.target"]]},{type:n.HostListener,args:["cut",["$event.target"]]}]};var tn=function(){function e(){this.kirbyChange=new n.EventEmitter,this.autocomplete="off",this.autocorrect="off"}return e.prototype._onKeyUp=function(e){this.kirbyChange.emit(e)},e.prototype._onCutPaste=function(e){var t=this;setTimeout((function(){return t.kirbyChange.emit(e.value)}))},e.prototype.ngOnChanges=function(e){e.value&&this.kirbyChange.emit(e.value.currentValue)},e}();tn.decorators=[{type:n.Component,args:[{changeDetection:n.ChangeDetectionStrategy.OnPush,selector:"textarea[kirby-textarea]",template:'<ng-content *ngIf="!value"></ng-content>\n<ng-container *ngIf="value">{{ value }}</ng-container>\n',styles:[":host(.error){border:1px solid var(--kirby-danger)}:host(.cloned-input){pointer-events:none;position:absolute;top:0;left:0}:host-context(label).cloned-input{top:24px}:host{background-color:var(--kirby-white);color:var(--kirby-white-contrast);border:none;box-sizing:border-box;display:block;font-size:16px;line-height:24px;outline:none;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:16px;box-shadow:0 5px 10px -10px rgba(28,28,28,.3),0 0 5px 0 rgba(28,28,28,.08);padding:16px;width:100%}:host.borderless,:host:host-context(kirby-item){border-radius:0;box-shadow:none;padding:0;width:auto}:host:disabled{background-color:var(--kirby-light-tint);color:var(--kirby-text-color-semi-dark);box-shadow:none}:host::placeholder{color:var(--kirby-text-color-semi-dark)}:host{font-family:var(--kirby-font-family);resize:none}@media (min-width:721px){:host{resize:vertical}}"]}]}],tn.propDecorators={value:[{type:n.Input}],borderless:[{type:n.HostBinding,args:["class.borderless"]},{type:n.Input}],hasError:[{type:n.HostBinding,args:["class.error"]},{type:n.Input}],autocomplete:[{type:n.HostBinding,args:["attr.autocomplete"]},{type:n.Input}],autocorrect:[{type:n.HostBinding,args:["attr.autocorrect"]},{type:n.Input}],maxlength:[{type:n.HostBinding,args:["attr.maxlength"]},{type:n.Input}],_onKeyUp:[{type:n.HostListener,args:["keyup",["$event.target.value"]]}],_onCutPaste:[{type:n.HostListener,args:["paste",["$event.target"]]},{type:n.HostListener,args:["cut",["$event.target"]]}]};var nn=function(){function e(e,t,n,i){this.platform=t,this.renderer=n,this.windowRef=i,this.isRegistered=!1,this._labelId=Pt.scopedTo("kirby-form-field-label").next(),this.element=e.nativeElement}return Object.defineProperty(e.prototype,"_wrapContentInLabel",{get:function(){return!(!this.label||!this.input&&!this.textarea)},enumerable:!1,configurable:!0}),e.prototype.dispatchLoadEvent=function(){this.windowRef.nativeWindow.document.dispatchEvent(new CustomEvent("ionInputDidLoad",{detail:this.element}))},e.prototype._onRegisterFormField=function(){this.dispatchLoadEvent()},e.prototype.onLabelClick=function(){this.radioGroupComponent&&this.radioGroupComponent.focus()},e.prototype.focus=function(){if(this.inputElement)if(this.isTouch){var e=new TouchEvent("touchstart"),t=new TouchEvent("touchend");this.inputElement.dispatchEvent(e),this.inputElement.dispatchEvent(t)}else this.inputElement.focus()},e.prototype.ngOnInit=function(){this.isTouch=this.platform.isTouch()},e.prototype.ngAfterContentInit=function(){this.label&&this.radioGroupElement&&this.renderer.setAttribute(this.radioGroupElement.nativeElement,"aria-labelledby",this._labelId)},e.prototype.ngAfterContentChecked=function(){this.inputElement||(this.inputElement=this.element.querySelector("input, textarea")),!this.isRegistered&&this.element.isConnected&&this.inputElement&&!this.inputElement.readOnly&&(this.isRegistered=!0,this.dispatchLoadEvent())},e.prototype.ngOnDestroy=function(){this.windowRef.nativeWindow.document.dispatchEvent(new CustomEvent("ionInputDidUnload",{detail:this.element}))},e}();nn.decorators=[{type:n.Component,args:[{changeDetection:n.ChangeDetectionStrategy.OnPush,selector:"kirby-form-field",template:'<label *ngIf="_wrapContentInLabel">\n <ng-container *ngTemplateOutlet="labelTextTemplate"></ng-container>\n <ng-container *ngTemplateOutlet="slottedInputTemplate"></ng-container>\n</label>\n\n<ng-container *ngIf="!_wrapContentInLabel">\n <ng-container *ngTemplateOutlet="labelTemplate"></ng-container>\n <ng-container *ngTemplateOutlet="slottedInputTemplate"></ng-container>\n</ng-container>\n\n<div *ngIf="message || counter" class="texts">\n <kirby-form-field-message\n *ngIf="message"\n class="message"\n [text]="message"\n ></kirby-form-field-message>\n\n <div *ngIf="counter" class="counter">\n <ng-content select="kirby-input-counter"></ng-content>\n </div>\n</div>\n\n<ng-template #slottedInputTemplate>\n <ng-content select="input[kirby-input]"></ng-content>\n <ng-content select="textarea[kirby-textarea]"></ng-content>\n <ng-content select="kirby-radio-group"></ng-content>\n</ng-template>\n\n<ng-template #labelTextTemplate>\n <ng-container *ngIf="label">\n <span class="text">{{ label }}</span>\n </ng-container>\n</ng-template>\n\n<ng-template #labelTemplate>\n <ng-container *ngIf="label">\n <label class="text" [id]="_labelId" (click)="onLabelClick()">{{ label }}</label>\n </ng-container>\n</ng-template>\n',styles:[":host{display:block;position:relative;margin-bottom:16px}:host-context(kirby-item){margin-bottom:0}.texts{display:flex;justify-content:space-between;padding:2px 16px 0}.texts .message{flex:75%}.texts .message:only-child{flex-basis:auto}.texts .counter{flex:25%;text-align:right}.text,label{display:block}.text{font-size:14px;font-weight:300;line-height:20px;margin-bottom:4px;padding:0 16px}"]}]}],nn.ctorParameters=function(){return[{type:n.ElementRef},{type:te},{type:n.Renderer2},{type:U}]},nn.propDecorators={label:[{type:n.Input}],message:[{type:n.Input}],counter:[{type:n.ContentChild,args:[Qt,{static:!1}]}],radioGroupComponent:[{type:n.ContentChild,args:[Jt]}],radioGroupElement:[{type:n.ContentChild,args:[Jt,{read:n.ElementRef}]}],input:[{type:n.ContentChild,args:[en,{read:n.ElementRef}]}],textarea:[{type:n.ContentChild,args:[tn,{read:n.ElementRef}]}],_onRegisterFormField:[{type:n.HostListener,args:["kirbyRegisterFormField"]}]};var on=function(){this.position="left"};on.decorators=[{type:n.Component,args:[{changeDetection:n.ChangeDetectionStrategy.OnPush,selector:"kirby-form-field-message",template:"{{ text }}<ng-content></ng-content>\n",styles:[":host{font-style:italic;font-size:12px;font-weight:400;font-stretch:normal;line-height:16px;letter-spacing:normal;color:var(--kirby-text-color-black)}"]}]}],on.propDecorators={text:[{type:n.Input}],position:[{type:n.Input}]};var rn=function(){function e(e,t,n){this.elementRef=e,this.renderer=t,this.locale=n,this.elementRef.nativeElement.removeAttribute("type")}return e.prototype.onInput=function(){this.updateMask(this.elementRef.nativeElement.value)},e.prototype.ngAfterViewInit=function(){this.initMask()},e.prototype.initMask=function(){var e=this.getInputFormat(),t=this.getPlaceholder(e);this.renderer.setAttribute(this.elementRef.nativeElement,"placeholder",t),new B.default("datetime",{inputFormat:e,placeholder:t}).mask(this.elementRef.nativeElement),this.appendMaskingElement()},e.prototype.getInputFormat=function(){return s.getLocaleDateFormat(this.locale,s.FormatWidth.Short).toLowerCase().replace(/d+/,"dd").replace(/m+/,"mm").replace(/y+/,"yyyy")},e.prototype.getPlaceholder=function(e){return"da"===this.locale?e.split("y").join("å"):e},e.prototype.appendMaskingElement=function(){var e=this.wrapElement(this.elementRef.nativeElement);this.renderer.addClass(e,"date-mask-wrapper"),this.maskingElement=this.renderer.createElement("div"),this.renderer.appendChild(e,this.maskingElement),this.renderer.addClass(this.maskingElement,"date-mask")},e.prototype.wrapElement=function(e){var t=this.renderer.createElement("div"),n=e.parentElement;return this.renderer.insertBefore(n,t,e),this.renderer.appendChild(t,e),t},e.prototype.updateMask=function(e){if(this.maskingElement){var t=e.match(/.*?(\d)[^\d]*$/);this.maskingElement.innerHTML=e?e.slice(0,e.lastIndexOf(t[1])+1):""}},e}();rn.decorators=[{type:n.Directive,args:[{selector:'[kirby-input][type="date"]'}]}],rn.ctorParameters=function(){return[{type:n.ElementRef},{type:n.Renderer2},{type:String,decorators:[{type:n.Inject,args:[n.LOCALE_ID]}]}]},rn.propDecorators={onInput:[{type:n.HostListener,args:["input"]}]};var an=function(){function e(e,t){this.elementRef=e,this.locale=t,this.precision=2,this.setMaxOnOverflow=!1,this.groupSeparator=s.getLocaleNumberSymbol(this.locale,s.NumberSymbol.Group),this.radixPoint=s.getLocaleNumberSymbol(this.locale,s.NumberSymbol.Decimal),this._allowMinus=!1,this.onChange=function(e){}}return Object.defineProperty(e.prototype,"allowMinus",{set:function(e){this._allowMinus=e||(this.min||0)<0},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"disableGroupSeperator",{set:function(e){this._groupSeperatorDisabled=""===String(e)||"true"===String(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"maxlength",{set:function(e){this._maxlength=e;var t=parseInt("9".repeat(e));this.max=this.getMax(t),this.min=this.getMin(t)},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){this.elementRef.nativeElement.setAttribute("type","text"),this.elementRef.nativeElement.removeAttribute("maxlength"),this.initMask()},e.prototype.writeValue=function(e){if(this.inputmask){var t=String(e).replace(".",this.radixPoint);this.inputmask.setValue(t)}},e.prototype.registerOnChange=function(e){this.onChange=e},e.prototype.registerOnTouched=function(e){},e.prototype.initMask=function(){var e=this;new B.default("decimal",{groupSeparator:this._groupSeperatorDisabled?"":this.groupSeparator,radixPoint:this.radixPoint,digits:this._maxlength?0:this.precision,min:this.min,max:this.max,allowMinus:this._allowMinus,negationSymbol:{front:s.getLocaleNumberSymbol(this.locale,s.NumberSymbol.MinusSign),back:""},SetMaxOnOverflow:this.setMaxOnOverflow,showMaskOnFocus:!1,showMaskOnHover:!1,placeholder:"",onBeforeWrite:function(){if(e.inputmask){var t=e.inputmask.unmaskedvalue();e.onChange(t.replace(e.radixPoint,"."))}}}).mask(this.elementRef.nativeElement),this.inputmask=this.elementRef.nativeElement.inputmask},e.prototype.getMax=function(e){return void 0===this.max?e:Math.min(this.max,e)},e.prototype.getMin=function(e){if(this.allowMinus)return e=-Math.abs(e),void 0===this.min?e:-Math.abs(Math.max(this.min,e))},e}();an.decorators=[{type:n.Directive,args:[{selector:"[kirby-decimal-mask]",providers:[{provide:k.NG_VALUE_ACCESSOR,multi:!0,useExisting:an}]}]}],an.ctorParameters=function(){return[{type:n.ElementRef},{type:String,decorators:[{type:n.Inject,args:[n.LOCALE_ID]}]}]},an.propDecorators={min:[{type:n.Input}],max:[{type:n.Input}],precision:[{type:n.Input}],setMaxOnOverflow:[{type:n.Input}],allowMinus:[{type:n.Input}],disableGroupSeperator:[{type:n.Input}],maxlength:[{type:n.Input}]};var sn=function(){function e(e,t){this.renderer=e,this.document=t,this.disabled=!1,this.horizontalAlignment="right",this._isFabSheetOpen=!1,this._isBackdropVisible=!1}return Object.defineProperty(e.prototype,"isFabSheetOpen",{get:function(){return this._isFabSheetOpen},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isBackdropVisible",{get:function(){return this._isBackdropVisible},enumerable:!1,configurable:!0}),e.prototype.ngAfterViewInit=function(){var e=re.icons.find((function(e){return"close"===e.name}));this.setCloseIcon(e)},e.prototype.setCloseIcon=function(e,t){var n=this;void 0===t&&(t=0);var i=this.ionFabButton.nativeElement;if(i&&e&&!(t>=20)){if(i.shadowRoot&&i.shadowRoot.innerHTML){var o=i.shadowRoot.querySelector(".close-icon ion-icon");if(o){var r=o.shadowRoot.querySelector(".icon-inner svg");if(o&&r)return void(o.src=e.svg)}}t++,setTimeout((function(){return n.setCloseIcon(e,t)}),20)}},e.prototype.ngAfterContentInit=function(){this.actionSheet&&(this.actionSheet.hideCancel=!0)},e.prototype.hideActions=function(e){e.close(),this._isFabSheetOpen=!1,this._isBackdropVisible=!1,this.renderer.removeClass(this.document.body,"fab-sheet-active")},e.prototype.onFabClick=function(e){var t=this;this._isFabSheetOpen=!e.activated,this._isFabSheetOpen?this.renderer.addClass(this.document.body,"fab-sheet-active"):this.renderer.removeClass(this.document.body,"fab-sheet-active"),setTimeout((function(){return t._isBackdropVisible=t.isFabSheetOpen}))},e}();sn.decorators=[{type:n.Component,args:[{selector:"kirby-fab-sheet",template:'<ion-backdrop\n *ngIf="actionSheet && isFabSheetOpen"\n (ionBackdropTap)="hideActions(fab)"\n (click)="hideActions(fab)"\n></ion-backdrop>\n<ion-fab #fab (click)="disabled || onFabClick(fab)">\n <ion-fab-button [disabled]="disabled" [attr.disabled]="disabled ? true : null" tabindex="-1">\n <ng-content select="kirby-icon"></ng-content>\n </ion-fab-button>\n <ion-fab-list *ngIf="actionSheet" side="top" class="{{ horizontalAlignment }}">\n <ng-content select="kirby-action-sheet"></ng-content>\n </ion-fab-list>\n</ion-fab>\n',styles:[":host{--kirby-action-sheet-margin-horizontal:16px}ion-fab-button{--box-shadow:0 20px 30px -15px rgba(28,28,28,0.3),0 0 5px 0 rgba(28,28,28,0.08);width:64px;height:64px;-webkit-user-select:none;user-select:none;outline:none}@media (hover:hover){ion-fab-button:focus{--border-width:1px;--border-style:solid;--border-color:#4d90fe}}ion-fab-button[disabled]{--background:var(--kirby-semi-light);--box-shadow:none;opacity:1}ion-fab{position:fixed;bottom:16px;right:16px}:host-context(.fixed-content) ion-fab{position:absolute}ion-backdrop{opacity:0;transition:opacity .75s;position:fixed;z-index:999}:host(.backdrop-visible) ion-backdrop{opacity:.4}@media (min-width:721px){:host(.backdrop-visible) ion-backdrop{opacity:0}}ion-fab-list{margin-top:76px;margin-bottom:76px;right:0}"]}]}],sn.ctorParameters=function(){return[{type:n.Renderer2},{type:void 0,decorators:[{type:n.Inject,args:[s.DOCUMENT]}]}]},sn.propDecorators={disabled:[{type:n.Input}],horizontalAlignment:[{type:n.Input}],isFabSheetOpen:[{type:n.HostBinding,args:["class.is-open"]}],isBackdropVisible:[{type:n.HostBinding,args:["class.backdrop-visible"]}],actionSheet:[{type:n.ContentChild,args:[W,{static:!1}]}],ionFabButton:[{type:n.ViewChild,args:[i.IonFabButton,{static:!0,read:n.ElementRef}]}]};var ln=function(){};ln.BREAKPOINT_SCREEN_L=720,ln.BREAKPOINT_CARD_S=320,ln.BREAKPOINT_CARD_M=460,ln.BREAKPOINT_CARD_L=820;var cn=function(){function e(){this.orientationChangedSubject=new r.Subject,this.init()}return e.prototype.init=function(){this.orientationChangedSubject.next()},e.prototype.observe=function(){return this.orientationChangedSubject.asObservable()},e.prototype.ngOnDestroy=function(){this.orientationChangedSubject.complete()},e}();cn.ɵprov=n.ɵɵdefineInjectable({factory:function(){return new cn},token:cn,providedIn:"root"}),cn.decorators=[{type:n.Injectable,args:[{providedIn:"root"}]}],cn.ctorParameters=function(){return[]};var dn=function(e,t,n,i){this.configuration=e,this.row=t,this.col=n,this.colSpan=i},pn=function(){function e(e){this.breakpointHelper=e,this.cards=[]}return Object.defineProperty(e.prototype,"cardConfigurations",{set:function(e){this.cardConfigs=e,this.configureGrid()},enumerable:!1,configurable:!0}),e.prototype.configureGrid=function(){var e=this,t=0;t=void 0===this.maxColumns?this.breakpointHelper.currentScreenWidth>=ln.BREAKPOINT_SCREEN_L?2:1:this.maxColumns,this.cards=[];var n=0,i=0,o=0;this.cardConfigs.forEach((function(r,a){if(n+=r.preferredSize,1===t)return e.cards.push(new dn(r,i,o,1)),void(i+=1);if(n<=t)e.cards.push(new dn(r,i,o,r.preferredSize)),o+=r.preferredSize;else{var s=t-(n-r.preferredSize),l=e.cards[a-1];l.colSpan=s+l.colSpan,i+=1,o=0,e.cards.push(new dn(r,i,o,r.preferredSize)),o=r.preferredSize,n=r.preferredSize}if(e.cardConfigs.length-1===a){s=t-n;e.cards[a].colSpan+=s}}))},e.prototype.ngOnInit=function(){},e.prototype.ngOnDestroy=function(){this.breakpointSubscription&&this.breakpointSubscription.unsubscribe()},e}();pn.decorators=[{type:n.Component,args:[{selector:"kirby-grid",template:'<ng-container *ngFor="let card of cards">\n <ng-template\n [kirbyLoadComponent]="card.configuration"\n [cssClass]="\'grid-item--col-\' + card.colSpan"\n ></ng-template>\n</ng-container>\n',host:{"[attr.max-columns]":"maxColumns"},styles:[':host{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(var(--kirby-grid-item-min-height,auto),auto);gap:24px;max-width:var(--kirby-page-max-width);margin:0 auto}@media (min-width:721px){:host[max-columns="1"]{grid-template-columns:repeat(1,1fr)}:host[max-columns="2"]{grid-template-columns:repeat(2,1fr)}:host[max-columns="3"]{grid-template-columns:repeat(3,1fr)}:host[max-columns="4"]{grid-template-columns:repeat(4,1fr)}:host[max-columns="5"]{grid-template-columns:repeat(5,1fr)}:host[max-columns="6"]{grid-template-columns:repeat(6,1fr)}:host[max-columns="7"]{grid-template-columns:repeat(7,1fr)}:host[max-columns="8"]{grid-template-columns:repeat(8,1fr)}:host[max-columns="9"]{grid-template-columns:repeat(9,1fr)}:host[max-columns="10"]{grid-template-columns:repeat(10,1fr)}}@media (min-width:721px){::ng-deep .grid-item--col-1{grid-column:span 1}}@media (min-width:721px){::ng-deep .grid-item--col-2{grid-column:span 2}}@media (min-width:721px){::ng-deep .grid-item--col-3{grid-column:span 3}}@media (min-width:721px){::ng-deep .grid-item--col-4{grid-column:span 4}}@media (min-width:721px){::ng-deep .grid-item--col-5{grid-column:span 5}}@media (min-width:721px){::ng-deep .grid-item--col-6{grid-column:span 6}}@media (min-width:721px){::ng-deep .grid-item--col-7{grid-column:span 7}}@media (min-width:721px){::ng-deep .grid-item--col-8{grid-column:span 8}}@media (min-width:721px){::ng-deep .grid-item--col-9{grid-column:span 9}}@media (min-width:721px){::ng-deep .grid-item--col-10{grid-column:span 10}}']}]}],pn.ctorParameters=function(){return[{type:cn}]},pn.propDecorators={maxColumns:[{type:n.Input}],cardConfigurations:[{type:n.Input}]};var hn=function(e,t,n){this.component=e,this.data=t,this.preferredSize=n},un=function(){};un.decorators=[{type:n.NgModule,args:[{imports:[i.IonicModule],declarations:[le],exports:[le]}]}];var gn=function(){function e(){this.direction="vertical"}return Object.defineProperty(e.prototype,"_direction",{get:function(){return"horizontal"===this.direction},enumerable:!1,configurable:!0}),e}();gn.decorators=[{type:n.Component,args:[{selector:"kirby-label",template:"<ion-label>\n <ng-content></ng-content>\n</ion-label>\n",styles:[":host.horizontal ion-label{display:flex;flex-direction:row;justify-content:space-between;align-items:center}:host.horizontal ion-label ::ng-deep>:not(:first-child){margin-left:12px}:host-context(kirby-item) ion-label ::ng-deep>data,:host-context(kirby-item) ion-label ::ng-deep>h1,:host-context(kirby-item) ion-label ::ng-deep>h2,:host-context(kirby-item) ion-label ::ng-deep>h3,:host-context(kirby-item) ion-label ::ng-deep>h4,:host-context(kirby-item) ion-label ::ng-deep>h5,:host-context(kirby-item) ion-label ::ng-deep>h6,:host-context(kirby-item) ion-label ::ng-deep>p{font-size:16px;line-height:24px;color:var(--kirby-text-color-black);display:block;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400}:host-context(kirby-item) ion-label ::ng-deep>data.kirby-text-bold,:host-context(kirby-item) ion-label ::ng-deep>h1.kirby-text-bold,:host-context(kirby-item) ion-label ::ng-deep>h2.kirby-text-bold,:host-context(kirby-item) ion-label ::ng-deep>h3.kirby-text-bold,:host-context(kirby-item) ion-label ::ng-deep>h4.kirby-text-bold,:host-context(kirby-item) ion-label ::ng-deep>h5.kirby-text-bold,:host-context(kirby-item) ion-label ::ng-deep>h6.kirby-text-bold,:host-context(kirby-item) ion-label ::ng-deep>p.kirby-text-bold{font-weight:700}:host-context(kirby-item) ion-label ::ng-deep>p{font-size:14px}:host-context(kirby-item) ion-label ::ng-deep>[detail],:host-context(kirby-item) ion-label ::ng-deep>[subtitle]{font-size:12px;line-height:16px}:host-context(kirby-item) ion-label ::ng-deep>[subtitle]:not(:last-child){margin-bottom:4px}:host-context(kirby-item) ion-label ::ng-deep>[detail]{color:var(--kirby-text-color-semi-dark)}:host-context(kirby-section-header) ion-label{--padding-end:16px;--padding-start:16px}:host-context(kirby-section-header) ion-label ::ng-deep>[heading]{font-weight:700;font-size:18px;line-height:24px;color:var(--kirby-section-header-color);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host-context(kirby-section-header) ion-label ::ng-deep>[detail],:host-context(kirby-section-header) ion-label ::ng-deep>[label]{font-weight:300;font-size:14px;line-height:20px;color:var(--kirby-section-header-color);margin:4px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([slot=end]) ion-label ::ng-deep>[detail],:host([slot=end]) ion-label ::ng-deep>data{margin-inline-start:16px}:host-context(kirby-item.selected) ion-label ::ng-deep>data:not([detail]),:host-context(kirby-item.selected) ion-label ::ng-deep>h1,:host-context(kirby-item.selected) ion-label ::ng-deep>h2,:host-context(kirby-item.selected) ion-label ::ng-deep>h3,:host-context(kirby-item.selected) ion-label ::ng-deep>h4,:host-context(kirby-item.selected) ion-label ::ng-deep>h5,:host-context(kirby-item.selected) ion-label ::ng-deep>h6,:host-context(kirby-item.selected) ion-label ::ng-deep>p:not([detail]){font-weight:700}"]}]}],gn.propDecorators={direction:[{type:n.Input}],_direction:[{type:n.HostBinding,args:["class.horizontal"]}]};var mn=function(){};mn.decorators=[{type:n.NgModule,args:[{imports:[i.IonicModule,un,s.CommonModule],declarations:[Bt,gn],exports:[Bt,gn]}]}];var bn=function(){this.role="group"};bn.decorators=[{type:n.Component,args:[{selector:"kirby-item-group",template:"<ng-content></ng-content>\n",styles:[":host{display:block}"]}]}],bn.propDecorators={role:[{type:n.HostBinding,args:["attr.role"]}]};var yn=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();yn.decorators=[{type:n.Component,args:[{selector:"kirby-spinner",template:'<div class="spinner">\n <div class="inner-circle"></div>\n <div class="outer-circle"></div>\n</div>\n',styles:[".spinner{overflow:hidden;width:32px;height:32px;position:relative;margin:0 auto}.inner-circle,.outer-circle{width:100%;height:100%;border-radius:50%;background-color:var(--kirby-primary);opacity:.6;position:absolute;top:0;left:0;animation:sk-bounce 2s ease-in-out infinite}.outer-circle{animation-delay:-1s}@keyframes sk-bounce{0%,to{transform:scale(0)}50%{transform:scale(1)}}"]}]}],yn.ctorParameters=function(){return[]};var fn=this&&this.__awaiter||function(e,t,n,i){return new(n||(n=Promise))((function(o,r){function a(e){try{l(i.next(e))}catch(e){r(e)}}function s(e){try{l(i.throw(e))}catch(e){r(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((i=i.apply(e,t||[])).next())}))},vn=function(){function e(e,t,n){this.loadingController=e,this.componentFactoryResolver=t,this.injector=n,this.ionLoading=null}return e.prototype.showLoadingOverlay=function(e){return void 0===e&&(e=!0),fn(this,void 0,void 0,(function(){var t,n,i;return H(this,(function(o){switch(o.label){case 0:return this.ionLoading?[3,3]:(t=this,[4,this.loadingController.create({cssClass:"kirby-loading-overlay",duration:0,message:null,showBackdrop:e,spinner:null})]);case 1:return t.ionLoading=o.sent(),n=this.ionLoading.querySelector(".loading-wrapper"),i=document.createElement("kirby-spinner"),this.componentFactoryResolver.resolveComponentFactory(yn).create(this.injector,[],i),n.appendChild(i),[4,this.ionLoading.present()];case 2:o.sent(),o.label=3;case 3:return[2]}}))}))},e.prototype.hideLoadingOverlay=function(){return fn(this,void 0,void 0,(function(){return H(this,(function(e){switch(e.label){case 0:return this.ionLoading?[4,this.ionLoading.dismiss()]:[3,2];case 1:e.sent(),this.ionLoading=null,e.label=2;case 2:return[2]}}))}))},e}();vn.ɵprov=n.ɵɵdefineInjectable({factory:function(){return new vn(n.ɵɵinject(i.LoadingController),n.ɵɵinject(n.ComponentFactoryResolver),n.ɵɵinject(n.INJECTOR))},token:vn,providedIn:"root"}),vn.decorators=[{type:n.Injectable,args:[{providedIn:"root"}]}],vn.ctorParameters=function(){return[{type:i.LoadingController},{type:n.ComponentFactoryResolver},{type:n.Injector}]};var kn=function(){this.isLoading=!0,this.showBackdrop=!0};kn.decorators=[{type:n.Component,args:[{selector:"kirby-loading-overlay",template:'<div class="overlay-wrapper">\n <div *ngIf="isLoading" [class.backdrop]="showBackdrop" class="spinner-wrapper">\n <kirby-spinner class="spinner"></kirby-spinner>\n </div>\n <div class="content-wrapper">\n <ng-content></ng-content>\n </div>\n</div>\n',styles:[":host{display:block;min-height:32px}.overlay-wrapper{min-height:inherit;height:100%;width:100%;position:relative}.overlay-wrapper .spinner-wrapper{height:100%;width:100%;position:absolute;z-index:1001;display:flex;background:transparent;justify-content:center;align-items:center;justify-items:center}.overlay-wrapper .spinner-wrapper.backdrop{background-color:hsla(0,0%,96.5%,.8)}.overlay-wrapper .spinner-wrapper .spinner{width:32px;height:32px}"]}]}],kn.propDecorators={isLoading:[{type:n.Input}],showBackdrop:[{type:n.Input}]};var xn=function(){function e(e,t,i){this.elementRef=e,this.windowRef=t,this.zone=i,this.scrollEnd=new n.EventEmitter,this.disabled=!1,this.scroll$=new r.Subject,this.ngUnsubscribe$=new r.Subject,this.offset=.8}return e.prototype.ngAfterViewInit=function(){var e=this;this.scroll$.pipe(a.takeUntil(this.ngUnsubscribe$),a.debounceTime(100),a.filter((function(){return!e.disabled})),a.filter((function(t){return t.elementHeight*(1-e.offset)>=t.distanceToViewBottom-t.viewHeight}))).subscribe((function(){e.scrollEnd.emit()})),setTimeout((function(){var t=e.elementRef.nativeElement.closest("ion-content");t&&e.zone.runOutsideAngular((function(){r.fromEvent(t,"ionScroll").pipe(a.takeUntil(e.ngUnsubscribe$),a.debounceTime(100),a.filter((function(){return!e.disabled})),a.map((function(){return e.getScroll()})),a.filter((function(t){return t.elementHeight*(1-e.offset)>=t.distanceToViewBottom-t.viewHeight}))).subscribe((function(){e.zone.run((function(){return e.scrollEnd.emit()}))}))}))}))},e.prototype.onScroll=function(){if(!this.disabled){var e=this.getScroll();this.scroll$.next(e)}},e.prototype.ngOnDestroy=function(){this.ngUnsubscribe$.next(),this.ngUnsubscribe$.complete()},e.prototype.getScroll=function(){var e=this.elementRef.nativeElement.getBoundingClientRect();return{distanceToViewBottom:e.bottom,elementHeight:e.height,viewHeight:this.windowRef.nativeWindow.innerHeight}},e}();xn.decorators=[{type:n.Directive,args:[{selector:"[kirbyInfiniteScroll]"}]}],xn.ctorParameters=function(){return[{type:n.ElementRef},{type:U},{type:n.NgZone}]},xn.propDecorators={scrollEnd:[{type:n.Output}],disabled:[{type:n.Input}],onScroll:[{type:n.HostListener,args:["window:scroll"]}]};var wn=function(){function e(){}return e.prototype.onLoadOnDemand=function(e,t){e.isLoadOnDemandEnabled&&!e._isLoading&&(e._isLoading=!0,e.loadOnDemand.emit({complete:function(t){e.isLoadOnDemandEnabled=!t,e._isLoading=!1}}))},e}();wn.decorators=[{type:n.Injectable}];var Cn=function(){function e(){}return e.prototype.transform=function(e,t){if(!e)return null;if(!t)return e;var n=new Map;return e.forEach((function(e){var i=t(e),o=n.get(i);o?o.push(e):n.set(i,[e])})),Array.from(n).sort((function(e,t){var n=F(e,1)[0],i=F(t,1)[0];return n.localeCompare(i)})).map((function(e){var t=F(e,2);return{name:t[0],items:t[1]}}))},e}();Cn.decorators=[{type:n.Pipe,args:[{name:"groupBy"}]}];var In=function(){function e(e,t){this.listHelper=e,this.groupBy=t,this.items=[],this.showDivider=!1,this.markSelectedRow=!1,this.shape="rounded",this.loadOnDemand=new n.EventEmitter,this.swipeActions=[],this.itemSelect=new n.EventEmitter,this.disableSelectionHighlight=!1}return Object.defineProperty(e.prototype,"isShapeRounded",{get:function(){return"rounded"===this.shape},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isShapeNone",{get:function(){return"none"===this.shape},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){this._isSelectable=this.itemSelect.observers.length>0,void 0===this.isLoadOnDemandEnabled&&(this.isLoadOnDemandEnabled=this.loadOnDemand.observers.length>0)},e.prototype.ngAfterViewInit=function(){var e=this;this._isSelectable&&setTimeout((function(){e.kirbyItems.forEach((function(e){e.selectable=!0}))}))},e.prototype.ngOnChanges=function(){this._isSectionsEnabled=!!this.getSectionName,this._groupedItems=this._isSectionsEnabled?this.groupBy.transform(this.items,this.getSectionName):null},e.prototype._onLoadOnDemand=function(e){this.listHelper.onLoadOnDemand(this,e)},e.prototype.defaultTrackBy=function(e){return e},e.prototype.sectionTrackBy=function(e,t){return t.name},e.prototype.onItemSelect=function(e){this.disableSelectionHighlight||(this._selectedItem=e),this.itemSelect.emit(e)},e.prototype.onSwipeActionSelect=function(e){e.swipeAction.onSelected(e.item),this.list.closeSlidingItems(),e.event.stopPropagation()},e.prototype._getBoundaryClass=function(e,t){var n,i,o=t||this.items;return 0===e||(null===(n=o[e-1])||void 0===n?void 0:n.headingName)?this.headerTemplate?null:"first":e===o.length-1||(null===(i=o[e+1])||void 0===i?void 0:i.headingName)?this.footerTemplate?null:"last":void 0},e}();In.decorators=[{type:n.Component,args:[{selector:"kirby-list",template:'<ion-list\n #list\n kirbyInfiniteScroll\n (scrollEnd)="_onLoadOnDemand()"\n [disabled]="!isLoadOnDemandEnabled"\n class="list"\n [class.has-header]="headerTemplate"\n [class.has-footer]="footerTemplate"\n [class.has-divider]="showDivider"\n>\n <ion-list-header *ngIf="headerTemplate">\n <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>\n </ion-list-header>\n\n <ng-container\n *ngTemplateOutlet="\n _isSectionsEnabled ? groupedListTemplate : itemsTemplate;\n context: { $implicit: items }\n "\n ></ng-container>\n\n <div *ngIf="footerTemplate" class="footer">\n <ng-container *ngTemplateOutlet="footerTemplate"></ng-container>\n </div>\n</ion-list>\n\n<p *ngIf="!isLoadOnDemandEnabled && noMoreItemsText" class="no-more-items">\n {{ noMoreItemsText }}\n</p>\n<div *ngIf="_isLoading" class="loading">\n <kirby-spinner></kirby-spinner>\n</div>\n\n<ng-template #groupedListTemplate>\n <ion-item-group *ngFor="let section of _groupedItems; trackBy: sectionTrackBy">\n <ion-item-divider>\n <ng-container\n *ngTemplateOutlet="sectionHeaderTemplate; context: { $implicit: section.name }"\n ></ng-container>\n </ion-item-divider>\n\n <div class="list-items">\n <ng-container\n *ngTemplateOutlet="itemsTemplate; context: { $implicit: section.items }"\n ></ng-container>\n </div>\n </ion-item-group>\n</ng-template>\n\n<ng-template #itemsTemplate let-items>\n <kirby-list-item\n *ngFor="let item of items; let i = index; trackBy: trackBy || defaultTrackBy"\n [item]="item"\n [itemTemplate]="itemTemplate"\n [swipeActions]="swipeActions"\n [boundaryClass]="_getBoundaryClass(i, items)"\n [isSelectable]="_isSelectable"\n [getItemColor]="getItemColor"\n [isSelected]="_isSelectable && item === _selectedItem"\n (itemSelect)="onItemSelect($event)"\n (swipeActionSelect)="onSwipeActionSelect($event)"\n [class.is-single]="items.length === 1"\n >\n </kirby-list-item>\n</ng-template>\n',providers:[wn,Cn],styles:["ion-item-option.primary{background-color:var(--kirby-primary);color:var(--kirby-primary-contrast)}ion-item-option.secondary{background-color:var(--kirby-secondary);color:var(--kirby-secondary-contrast)}ion-item-option.tertiary{background-color:var(--kirby-tertiary);color:var(--kirby-tertiary-contrast)}ion-item-option.success{background-color:var(--kirby-success);color:var(--kirby-success-contrast)}ion-item-option.warning{background-color:var(--kirby-warning);color:var(--kirby-warning-contrast)}ion-item-option.danger{background-color:var(--kirby-danger);color:var(--kirby-danger-contrast)}ion-item-option.light{background-color:var(--kirby-light);color:var(--kirby-light-contrast)}ion-item-option.medium{background-color:var(--kirby-medium);color:var(--kirby-medium-contrast)}ion-item-option.dark{background-color:var(--kirby-dark);color:var(--kirby-dark-contrast)}:host{display:block}.list{box-shadow:0 5px 10px -10px rgba(28,28,28,.3),0 0 5px 0 rgba(28,28,28,.08);background:transparent;contain:inherit;padding:0}ion-list-header{background-color:var(--kirby-white);border-bottom:1px solid var(--kirby-background-color);padding:0;text-transform:inherit;letter-spacing:inherit;font-weight:inherit;font-size:inherit;min-height:0;overflow:inherit}ion-item{--background:var(--kirby-white);--background-activated:var(--kirby-white-shade);--background-hover:var(--kirby-background-color);--background-focused:var(--kirby-background-color);--inner-border-width:0;--ion-safe-area-right:0;--min-height:56px;--padding-bottom:8px;--padding-end:16px;--padding-start:16px;--padding-top:8px;display:flex;font-size:14px;min-height:56px;overflow:visible;width:100%}ion-item-sliding.item-sliding-active-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}ion-item-sliding.light{--kirby-item-background:var(--kirby-light);--kirby-item-background-activated:var(--kirby-light-shade);--kirby-item-background-focused:var(--kirby-light-shade);--kirby-item-background-hover:var(--kirby-light-tint)}ion-item-sliding.light ion-item{--background:var(--kirby-light);--color:var(--kirby-light-contrast);--background-activated:var(--kirby-light-shade);--background-focused:var(--kirby-light-shade);--background-hover:var(--kirby-light-tint)}ion-item-group{margin-bottom:24px}ion-item-group:last-of-type{margin-bottom:0}ion-item-divider{--inner-padding-end:0;--color:unset;background-color:transparent;border-color:transparent;min-height:0;padding:0 16px 8px;font-weight:inherit}.footer{background-color:var(--kirby-white);border-top:1px solid var(--kirby-background-color);display:flex;align-items:center;justify-content:space-between;width:100%}.loading,.no-more-items{width:100%;padding:24px 0;text-align:center}.swipe-action{display:flex;color:var(--kirby-black);background-color:transparent}.swipe-action ion-item-option{height:100%;display:inline-block;text-align:center}.swipe-action .item-content{display:inline-grid;min-width:70px;flex-direction:column}.swipe-action .item-content ion-label{--background:unset;--color:unset}ion-item-options[side=end]{border-bottom-width:0}:host-context(.has-sections) .list{box-shadow:none}:host-context(.has-sections) .list-items{box-shadow:0 5px 10px -10px rgba(28,28,28,.3),0 0 5px 0 rgba(28,28,28,.08);border-radius:16px}:host-context(.has-sections) .footer{background-color:transparent;border-top:none}:host-context(.has-sections) ion-list-header{background-color:transparent;border-bottom:none}:host-context(.shape-rounded) .list,:host-context(.shape-rounded) .list-items{border-radius:16px}:host-context(.shape-rounded) ion-item-sliding.first,:host-context(.shape-rounded) ion-item.first,:host-context(.shape-rounded) ion-list-header{border-top-left-radius:16px;border-top-right-radius:16px;-webkit-mask-image:radial-gradient(#fff,#000);mask-image:radial-gradient(#fff,#000)}:host-context(.shape-rounded):not(.has-sections) .has-header ion-item,:host-context(.shape-rounded):not(.has-sections) .has-header ion-item-sliding,:host-context(.shape-rounded) ion-item-sliding>ion-item{border-top-left-radius:0;border-top-right-radius:0}:host-context(.shape-rounded) .footer,:host-context(.shape-rounded) ion-item-sliding.last,:host-context(.shape-rounded) ion-item.last{border-bottom-left-radius:16px;border-bottom-right-radius:16px;-webkit-mask-image:radial-gradient(#fff,#000);mask-image:radial-gradient(#fff,#000)}:host-context(.shape-rounded):not(.has-sections) .has-footer ion-item,:host-context(.shape-rounded):not(.has-sections) .has-footer ion-item-sliding,:host-context(.shape-rounded) ion-item-sliding>ion-item{border-bottom-left-radius:0;border-bottom-right-radius:0}:host-context(.shape-none) .list,:host-context(.shape-none) .list-items{box-shadow:none;border-radius:unset}:host-context(.shape-none) .list ion-item,:host-context(.shape-none) .list ion-item-sliding{--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;--inner-padding-start:0;--inner-padding-end:0;--inner-padding-top:0;--inner-padding-bottom:0;--background:none;--background-activated:none;--background-hover:none;--background-focused:none;overflow:visible}:host-context(.item-spacing) .list kirby-list-item{margin-bottom:16px}:host-context(.item-spacing) .list kirby-list-item:last-child,:host-context(.item-spacing) .list kirby-list-item>ion-item{margin-bottom:0}"]}]}],In.ctorParameters=function(){return[{type:wn},{type:Cn}]},In.propDecorators={list:[{type:n.ViewChild,args:["list",{static:!0}]}],scrollDirective:[{type:n.ViewChild,args:[xn]}],items:[{type:n.Input}],getItemColor:[{type:n.Input}],getSectionName:[{type:n.Input}],trackBy:[{type:n.Input}],noMoreItemsText:[{type:n.Input}],showDivider:[{type:n.Input}],markSelectedRow:[{type:n.Input}],shape:[{type:n.Input}],isShapeRounded:[{type:n.HostBinding,args:["class.shape-rounded"]}],isShapeNone:[{type:n.HostBinding,args:["class.shape-none"]}],hasItemSpacing:[{type:n.HostBinding,args:["class.item-spacing"]},{type:n.Input}],isLoadOnDemandEnabled:[{type:n.Input}],loadOnDemand:[{type:n.Output}],swipeActions:[{type:n.Input}],itemSelect:[{type:n.Output}],disableSelectionHighlight:[{type:n.Input}],kirbyItems:[{type:n.ContentChildren,args:[Bt]}],headerTemplate:[{type:n.ContentChild,args:[Ft,{static:!1,read:n.TemplateRef}]}],sectionHeaderTemplate:[{type:n.ContentChild,args:[Nt,{static:!1,read:n.TemplateRef}]}],footerTemplate:[{type:n.ContentChild,args:[Vt,{static:!1,read:n.TemplateRef}]}],itemTemplate:[{type:n.ContentChild,args:[jt,{static:!0,read:n.TemplateRef}]}],_isSectionsEnabled:[{type:n.HostBinding,args:["class.has-sections"]}]};var On=function(){};On.decorators=[{type:n.Component,args:[{selector:"kirby-list-header",template:"<ng-content></ng-content>\n",styles:[":host{background-color:transparent;display:flex;flex-direction:row;justify-content:space-between;width:100%;padding:24px}"]}]}],On.ctorParameters=function(){return[]};var En=function(){function e(){}return e.prototype.ngOnInit=function(){},e}();En.decorators=[{type:n.Component,args:[{selector:"kirby-list-section-header",template:'<div class="header">\n <span class="kirby-text-small">{{ title }}</span>\n</div>\n'}]}],En.ctorParameters=function(){return[]},En.propDecorators={title:[{type:n.Input}]};var Sn=function(){function e(e){this.platform=e,this._isSwipingEnabled=!1,this.swipeActions=[],this.itemSelect=new n.EventEmitter,this.swipeActionSelect=new n.EventEmitter,this.initializeSwipeActions()}return e.prototype._onItemSelect=function(e){this.isSelectable&&this.itemSelect.emit(e)},e.prototype._onSwipeActionSelect=function(e,t,n){this.swipeActionSelect.emit({swipeAction:e,item:t,event:n})},e.prototype.ngOnInit=function(){this.initializeSwipeActions()},e.prototype.ngAfterViewInit=function(){this.itemTemplate||console.warn("No item template was provided.")},e.prototype._hasSwipeActions=function(e){return!!Array.isArray(this.swipeActions)&&this.swipeActions.some((function(t){return!(t.isDisabled instanceof Function&&t.isDisabled(e))&&(!0!==t.isDisabled&&("left"===t.position||"right"===t.position))}))},e.prototype._getSwipeActions=function(e,t){var n=this;return Array.isArray(this.swipeActions)?this.swipeActions.filter((function(i){return!n.isSwipeActionDisabled(i,e)&&(!t||i.position===t)})):[]},e.prototype.isSwipeActionDisabled=function(e,t){return!!(e.isDisabled instanceof Function&&e.isDisabled(t))||!0===e.isDisabled},e.prototype._getSwipeActionEnd=function(e){return this._getSwipeActions(e,"left").length?"start":"end"},e.prototype._getSwipeActionIcon=function(e,t){if(e.icon)return e.icon instanceof Function?e.icon(t):e.icon},e.prototype._getSwipeActionTitle=function(e,t){return e.title instanceof Function?e.title(t):e.title},e.prototype._getSwipeActionType=function(e,t){return e.type instanceof Function?e.type(t):e.type},e.prototype.initializeSwipeActions=function(){this.swipeActions&&this.swipeActions.length&&(this._isSwipingEnabled=this.platform.isTouch())},e}();Sn.decorators=[{type:n.Component,args:[{selector:"kirby-list-item",template:'<ion-item-sliding\n [class.selected]="isSelected"\n [kirbyListItemColor]="getItemColor"\n [item]="item"\n [disabled]="_isSwipingEnabled ? null : true"\n keyHandler\n [ngClass]="boundaryClass"\n (click)="_onItemSelect(item)"\n>\n <ng-container\n *ngTemplateOutlet="swipeActionsTemplate; context: { $implicit: item }"\n ></ng-container>\n <ng-container *ngTemplateOutlet="itemTemplate; context: { $implicit: item }"></ng-container>\n</ion-item-sliding>\n\n<ng-template #swipeActionsTemplate let-item>\n <ion-item-options *ngIf="_hasSwipeActions(item)" [side]="_getSwipeActionEnd(item)">\n <div class="swipe-action">\n <ng-container *ngFor="let swipeAction of _getSwipeActions(item)">\n <ion-item-option\n [ngClass]="_getSwipeActionType(swipeAction, item)"\n (click)="_onSwipeActionSelect(swipeAction, item, $event)"\n >\n <div class="item-content">\n <kirby-icon\n *ngIf="_getSwipeActionIcon(swipeAction, item)"\n size="sm"\n [name]="_getSwipeActionIcon(swipeAction, item)"\n >\n </kirby-icon>\n <ion-label>\n {{ _getSwipeActionTitle(swipeAction, item) }}\n </ion-label>\n </div>\n </ion-item-option>\n </ng-container>\n </div>\n </ion-item-options>\n</ng-template>\n',styles:["ion-item-option.primary{background-color:var(--kirby-primary);color:var(--kirby-primary-contrast)}ion-item-option.secondary{background-color:var(--kirby-secondary);color:var(--kirby-secondary-contrast)}ion-item-option.tertiary{background-color:var(--kirby-tertiary);color:var(--kirby-tertiary-contrast)}ion-item-option.success{background-color:var(--kirby-success);color:var(--kirby-success-contrast)}ion-item-option.warning{background-color:var(--kirby-warning);color:var(--kirby-warning-contrast)}ion-item-option.danger{background-color:var(--kirby-danger);color:var(--kirby-danger-contrast)}ion-item-option.light{background-color:var(--kirby-light);color:var(--kirby-light-contrast)}ion-item-option.medium{background-color:var(--kirby-medium);color:var(--kirby-medium-contrast)}ion-item-option.dark{background-color:var(--kirby-dark);color:var(--kirby-dark-contrast)}:host{display:block}.list{box-shadow:0 5px 10px -10px rgba(28,28,28,.3),0 0 5px 0 rgba(28,28,28,.08);background:transparent;contain:inherit;padding:0}ion-list-header{background-color:var(--kirby-white);border-bottom:1px solid var(--kirby-background-color);padding:0;text-transform:inherit;letter-spacing:inherit;font-weight:inherit;font-size:inherit;min-height:0;overflow:inherit}ion-item{--background:var(--kirby-white);--background-activated:var(--kirby-white-shade);--background-hover:var(--kirby-background-color);--background-focused:var(--kirby-background-color);--inner-border-width:0;--ion-safe-area-right:0;--min-height:56px;--padding-bottom:8px;--padding-end:16px;--padding-start:16px;--padding-top:8px;display:flex;font-size:14px;min-height:56px;overflow:visible;width:100%}ion-item-sliding.item-sliding-active-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}ion-item-sliding.light{--kirby-item-background:var(--kirby-light);--kirby-item-background-activated:var(--kirby-light-shade);--kirby-item-background-focused:var(--kirby-light-shade);--kirby-item-background-hover:var(--kirby-light-tint)}ion-item-sliding.light ion-item{--background:var(--kirby-light);--color:var(--kirby-light-contrast);--background-activated:var(--kirby-light-shade);--background-focused:var(--kirby-light-shade);--background-hover:var(--kirby-light-tint)}ion-item-group{margin-bottom:24px}ion-item-group:last-of-type{margin-bottom:0}ion-item-divider{--inner-padding-end:0;--color:unset;background-color:transparent;border-color:transparent;min-height:0;padding:0 16px 8px;font-weight:inherit}.footer{background-color:var(--kirby-white);border-top:1px solid var(--kirby-background-color);display:flex;align-items:center;justify-content:space-between;width:100%}.loading,.no-more-items{width:100%;padding:24px 0;text-align:center}.swipe-action{display:flex;color:var(--kirby-black);background-color:transparent}.swipe-action ion-item-option{height:100%;display:inline-block;text-align:center}.swipe-action .item-content{display:inline-grid;min-width:70px;flex-direction:column}.swipe-action .item-content ion-label{--background:unset;--color:unset}ion-item-options[side=end]{border-bottom-width:0}:host-context(.has-sections) .list{box-shadow:none}:host-context(.has-sections) .list-items{box-shadow:0 5px 10px -10px rgba(28,28,28,.3),0 0 5px 0 rgba(28,28,28,.08);border-radius:16px}:host-context(.has-sections) .footer{background-color:transparent;border-top:none}:host-context(.has-sections) ion-list-header{background-color:transparent;border-bottom:none}:host-context(.shape-rounded) .list,:host-context(.shape-rounded) .list-items{border-radius:16px}:host-context(.shape-rounded) ion-item-sliding.first,:host-context(.shape-rounded) ion-item.first,:host-context(.shape-rounded) ion-list-header{border-top-left-radius:16px;border-top-right-radius:16px;-webkit-mask-image:radial-gradient(#fff,#000);mask-image:radial-gradient(#fff,#000)}:host-context(.shape-rounded):not(.has-sections) .has-header ion-item,:host-context(.shape-rounded):not(.has-sections) .has-header ion-item-sliding,:host-context(.shape-rounded) ion-item-sliding>ion-item{border-top-left-radius:0;border-top-right-radius:0}:host-context(.shape-rounded) .footer,:host-context(.shape-rounded) ion-item-sliding.last,:host-context(.shape-rounded) ion-item.last{border-bottom-left-radius:16px;border-bottom-right-radius:16px;-webkit-mask-image:radial-gradient(#fff,#000);mask-image:radial-gradient(#fff,#000)}:host-context(.shape-rounded):not(.has-sections) .has-footer ion-item,:host-context(.shape-rounded):not(.has-sections) .has-footer ion-item-sliding,:host-context(.shape-rounded) ion-item-sliding>ion-item{border-bottom-left-radius:0;border-bottom-right-radius:0}:host-context(.shape-none) .list,:host-context(.shape-none) .list-items{box-shadow:none;border-radius:unset}:host-context(.shape-none) .list ion-item,:host-context(.shape-none) .list ion-item-sliding{--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;--inner-padding-start:0;--inner-padding-end:0;--inner-padding-top:0;--inner-padding-bottom:0;--background:none;--background-activated:none;--background-hover:none;--background-focused:none;overflow:visible}:host-context(.item-spacing) .list kirby-list-item{margin-bottom:16px}:host-context(.item-spacing) .list kirby-list-item:last-child,:host-context(.item-spacing) .list kirby-list-item>ion-item{margin-bottom:0}",":host{overflow:hidden}:host-context(.has-divider) ion-item-sliding:not(.last){border-bottom:1px solid var(--kirby-background-color)}"]}]}],Sn.ctorParameters=function(){return[{type:te}]},Sn.propDecorators={ionItemSliding:[{type:n.ViewChild,args:[i.IonItemSliding]}],item:[{type:n.Input}],boundaryClass:[{type:n.Input}],swipeActions:[{type:n.Input}],itemTemplate:[{type:n.Input}],isSelected:[{type:n.Input}],isSelectable:[{type:n.Input}],getItemColor:[{type:n.Input}],itemSelect:[{type:n.Output}],swipeActionSelect:[{type:n.Output}]};var Dn=function(){function e(){}return e.prototype.ngOnChanges=function(){this.color=this.getColor()},e.prototype.getColor=function(){if(this.kirbyListItemColor&&this.item)return this.kirbyListItemColor(this.item)},e}();Dn.decorators=[{type:n.Directive,args:[{selector:"[kirbyListItemColor]"}]}],Dn.propDecorators={kirbyListItemColor:[{type:n.Input}],item:[{type:n.Input}],color:[{type:n.HostBinding,args:["class"]}]};var Tn=function(){function e(){}return e.prototype.closeAllSlidingItems=function(e){Je(e.target,"ion-item-option","ion-list")&&this.list.closeSlidingItems()},e}();Tn.decorators=[{type:n.Component,args:[{selector:"kirby-list-experimental",template:'<ng-content select="[outside]"></ng-content>\n<div class="rounded shadow first-item-padding last-item-padding">\n <ng-content></ng-content>\n</div>\n',styles:[".rounded{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-left-radius:16px;border-bottom-right-radius:16px;overflow:hidden}.shadow{box-shadow:0 5px 10px -10px rgba(28,28,28,.3),0 0 5px 0 rgba(28,28,28,.08)}.first-item-padding>::ng-deep :first-child{--item-padding-top:8px}.last-item-padding>::ng-deep :last-child{--item-padding-bottom:8px}.first-item{border-top-left-radius:16px;border-top-right-radius:16px;overflow:hidden}.first-item>::ng-deep :first-child{--item-padding-top:8px}.last-item{border-bottom-left-radius:16px;border-bottom-right-radius:16px;overflow:hidden}.last-item>::ng-deep :last-child{--item-padding-bottom:8px}:host{display:block}"]}]}],Tn.propDecorators={list:[{type:n.ViewChild,args:[i.IonList,{static:!0}]}],closeAllSlidingItems:[{type:n.HostListener,args:["click",["$event"]]}]};var Rn=function(){function e(e,t){this.origEvent=e,this.parent=t,this.origEvent.cancelBubble=!0}return e.prototype.complete=function(e){return this.origEvent.detail.complete(e)},Object.defineProperty(e.prototype,"parentItem",{get:function(){return this.parent},enumerable:!1,configurable:!0}),e}(),Pn=function(){function e(e){this.cdr=e,this.itemReorder=new n.EventEmitter,this.subItemReorder=new n.EventEmitter,this.reorderActive=!1}return e.prototype.ngOnChanges=function(){var e=this;this.items&&this.items.length>0&&setTimeout((function(){e.setupDomListener()}))},e.prototype.setupDomListener=function(){var e=this;this.observer=new MutationObserver((function(t){var n,i;try{for(var o=j(t),r=o.next();!r.done;r=o.next()){var a=r.value;a.oldValue!==a.target.className&&(e.reorderActive=a.target.className.includes("reorder-list-active"))}}catch(e){n={error:e}}finally{try{r&&!r.done&&(i=o.return)&&i.call(o)}finally{if(n)throw n.error}}e.cdr.detectChanges()})),this.reorderGroupContainer.forEach((function(t){e.observer.observe(t.nativeElement,{attributes:!0,attributeFilter:["class"],attributeOldValue:!0,childList:!1,subtree:!0})}))},e.prototype.doReorder=function(e){this.itemReorder.emit(new Rn(e))},e.prototype.doSubReorder=function(e,t){this.subItemReorder.emit(new Rn(e,t))},e.prototype.ngOnDestroy=function(){this.observer&&this.observer.disconnect(),delete this.observer},e}();Pn.decorators=[{type:n.Component,args:[{selector:"kirby-reorder-list",template:'<ion-backdrop *ngIf="reorderActive" [tappable]="false" [visible]="true" [stopPropagation]="false">\n</ion-backdrop>\n<ion-reorder-group (ionItemReorder)="doReorder($event)" disabled="false">\n <div *ngFor="let reorderItem of items" class="outer-group">\n <kirby-card>\n <ng-container\n *ngTemplateOutlet="itemTemplate || defaultItemTemplate; context: { $implicit: reorderItem }"\n >\n </ng-container>\n <div *ngIf="reorderItem[subItemsName]" #reorderGroupContainer>\n <ion-reorder-group (ionItemReorder)="doSubReorder($event, reorderItem)" disabled="false">\n <div *ngFor="let subItem of reorderItem[subItemsName]">\n <ng-container\n *ngTemplateOutlet="\n itemTemplate || defaultItemTemplate;\n context: { $implicit: subItem, isSubItem: true }\n "\n ></ng-container>\n </div>\n </ion-reorder-group>\n </div>\n </kirby-card>\n </div>\n</ion-reorder-group>\n\n<ng-template #defaultItemTemplate let-item let-isSubItem>\n <kirby-item [reorderable]="true">\n <h3>{{ getItemTextDefault(item) }}</h3>\n </kirby-item>\n</ng-template>\n',styles:["ion-backdrop{opacity:.3;z-index:101;position:fixed}.reorder-selected{box-shadow:none;opacity:1;z-index:104}.reorder-selected kirby-card{transform:scale(1.05)}.reorder-selected kirby-card div:first-child{border-top:1px solid var(--kirby-background-color)}.reorder-selected ::ng-deep>kirby-item{box-shadow:0 0 10px rgba(0,0,0,.4);transform:scale(1.05);border-radius:16px;overflow:hidden}.reorder-list-active>*{position:relative;z-index:103}.reorder-list-active>.reorder-selected{z-index:104}.reorder-list-active div:first-child{border-top:none}.reorder-list-active ::ng-deep>div:last-child kirby-item{border-bottom-left-radius:16px;border-bottom-right-radius:16px;overflow:hidden}.reorder-list-active .reorder-selected ::ng-deep>kirby-item{box-shadow:0 0 10px rgba(0,0,0,.4);transform:scale(1.05);border-radius:16px;overflow:hidden}.outer-group{border-bottom:20px solid transparent}kirby-card{overflow:inherit;z-index:auto}kirby-card ::ng-deep>div:last-child ion-reorder-group div:last-child>kirby-item{border-bottom-left-radius:16px;border-bottom-right-radius:16px;overflow:hidden}kirby-card ::ng-deep>div kirby-item{z-index:1}kirby-card ::ng-deep>div:first-child>kirby-item{border-radius:16px;overflow:hidden}kirby-card ::ng-deep>div .reorder-list-active kirby-item{z-index:103}kirby-card div:first-child{border-top:1px solid var(--kirby-background-color)}"]}]}],Pn.ctorParameters=function(){return[{type:n.ChangeDetectorRef}]},Pn.propDecorators={items:[{type:n.Input}],subItemsName:[{type:n.Input}],getItemTextDefault:[{type:n.Input}],itemReorder:[{type:n.Output}],subItemReorder:[{type:n.Output}],itemTemplate:[{type:n.ContentChild,args:[jt,{static:!0,read:n.TemplateRef}]}],reorderGroupContainer:[{type:n.ViewChildren,args:["reorderGroupContainer"]}]};var _n=function(){this.snapToKeyboard=!1,this.type="fixed"};_n.decorators=[{type:n.Component,args:[{selector:"kirby-modal-footer",template:"<ion-footer>\n <ng-content></ng-content>\n</ion-footer>\n",styles:["ion-footer{box-shadow:0 20px 30px -15px rgba(28,28,28,.3),0 0 5px 0 rgba(28,28,28,.08);display:flex;justify-content:var(--kirby-modal-footer-justify-content,center);align-items:center;background-color:var(--kirby-modal-footer-background,var(--kirby-white));color:var(--kirby-modal-footer-color,var(--kirby-white-contrast));padding:8px 16px;padding-bottom:calc(8px + var(--kirby-modal-footer-safe-area-bottom, 0px))}@media (max-width:720px){:host{--kirby-modal-footer-safe-area-bottom:var(--kirby-safe-area-bottom)}}:host(.snap-to-keyboard) ion-footer{transition:transform .15s ease-out}:host(.light) ion-footer{background-color:var(--kirby-background-color)}:host(.inline) ion-footer{background:transparent;box-shadow:none}:host-context(.keyboard-visible).snap-to-keyboard ion-footer{transition:transform .25s ease-out 1ms;transform:translateY(calc((var(--keyboard-offset, 0px) - var(--kirby-modal-footer-safe-area-bottom, 0px)) * -1))}:host-context(.modal-wrapper.full-height){--kirby-modal-footer-safe-area-bottom:var(--kirby-safe-area-bottom)}"]}]}],_n.propDecorators={snapToKeyboard:[{type:n.HostBinding,args:["class.snap-to-keyboard"]},{type:n.Input}],type:[{type:n.HostBinding,args:["class"]},{type:n.Input}]};var An="kirbySelectedTabClick",Mn=function(){function e(){this.outletSubject$=new r.ReplaySubject,this.outlet$=this.outletSubject$.asObservable()}return e.prototype.setOutlet=function(e){this.outletSubject$.next(e)},e}();Mn.ɵprov=n.ɵɵdefineInjectable({factory:function(){return new Mn},token:Mn,providedIn:"root"}),Mn.decorators=[{type:n.Injectable,args:[{providedIn:"root"}]}];var Ln=function(){function e(e){this.tabsService=e,this.tabBarBottomHidden=!1}return e.prototype.ngAfterViewInit=function(){this.tabsService.setOutlet(this.tabs.outlet)},e}();Ln.decorators=[{type:n.Component,args:[{selector:"kirby-tab-bar",template:'<ion-tabs>\n <ion-tab-bar [class.bottom-hidden]="tabBarBottomHidden">\n <ng-content></ng-content>\n </ion-tab-bar>\n</ion-tabs>\n',styles:[":host(:not(.tab-bar-bottom-hidden)){--kirby-page-footer-safe-area-bottom:0px}ion-tabs ion-tab-bar{--background:rgba(var(--kirby-white-rgb),0.94);--border:1px solid var(--kirby-light);--color:var(--kirby-black);display:flex;max-width:var(--kirby-tab-bar-max-width,none);justify-content:center;height:var(--kirby-tab-bar-height);padding-left:calc((100vw - var(--kirby-tab-bar-max-width, none)) / 2);padding-right:calc((100vw - var(--kirby-tab-bar-max-width, none)) / 2);width:100%}ion-tabs ion-tab-bar.bottom-hidden{display:none}@media (min-width:721px){ion-tabs{--kirby-tab-bar-height:70px}}@media (min-width:1025px) and (hover:hover) and (pointer:fine){ion-tabs{flex-direction:column-reverse;--kirby-page-footer-safe-area-bottom:initial}ion-tabs ion-tab-bar{margin:0 auto;justify-content:flex-end}ion-tabs ion-tab-bar.bottom-hidden{display:flex}}"]}]}],Ln.ctorParameters=function(){return[{type:Mn}]},Ln.propDecorators={tabBarBottomHidden:[{type:n.HostBinding,args:["class.tab-bar-bottom-hidden"]}],tabs:[{type:n.ViewChild,args:[i.IonTabs,{static:!0}]}]};var Bn=function(){};Bn.decorators=[{type:n.Directive,args:[{selector:"[kirbyPageTitle]"}]}];var zn=function(){};zn.decorators=[{type:n.Directive,args:[{selector:"[kirbyPageToolbarTitle]"}]}];var Hn=function(){function e(e){this.template=e,this.stickyDefault=!0,this.fixedDefault=!1}return Object.defineProperty(e.prototype,"isSticky",{get:function(){return this.config?this.config.sticky:this.stickyDefault},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isFixed",{get:function(){return this.config?this.config.fixed:this.fixedDefault},enumerable:!1,configurable:!0}),e}();Hn.decorators=[{type:n.Directive,args:[{selector:"[kirbyPageActions]"}]}],Hn.ctorParameters=function(){return[{type:n.TemplateRef}]},Hn.propDecorators={config:[{type:n.Input,args:["kirbyPageActions"]}]};var jn=function(){function e(e){this.template=e}return Object.defineProperty(e.prototype,"isFixed",{get:function(){return this.config&&this.config.fixed},enumerable:!1,configurable:!0}),e}();jn.decorators=[{type:n.Directive,args:[{selector:"[kirbyPageContent]"}]}],jn.ctorParameters=function(){return[{type:n.TemplateRef}]},jn.propDecorators={config:[{type:n.Input,args:["kirbyPageContent"]}]};var Fn=function(){function e(e){this.modalWrapper=e,this.slot="start"}return e.prototype.ngOnInit=function(){this.modalWrapper&&"drawer"===this.modalWrapper.config.flavor&&(this.slot="end")},e}();Fn.decorators=[{type:n.Component,args:[{selector:"kirby-page-progress",template:" <ng-content></ng-content> ",styles:[":host {display: flex}"]}]}],Fn.ctorParameters=function(){return[{type:ue,decorators:[{type:n.Optional},{type:n.SkipSelf}]}]},Fn.propDecorators={slot:[{type:n.HostBinding,args:["attr.slot"]}]};var Nn=function(){};Nn.decorators=[{type:n.Component,args:[{selector:"kirby-page-title",template:" <ng-content></ng-content> "}]}];var Wn=function(){};Wn.decorators=[{type:n.Component,args:[{selector:"kirby-page-content",template:" <ng-content></ng-content> "}]}];var Vn=function(){};Vn.decorators=[{type:n.Component,args:[{selector:"kirby-page-actions",template:' <ng-content select="button[kirby-button]"></ng-content> '}]}];var $n=function(){function t(e,t,i,s,l,c,d){this.elementRef=e,this.renderer=t,this.router=i,this.changeDetectorRef=s,this.windowRef=l,this.modalNavigationService=c,this.tabsComponent=d,this.titleAlignment="left",this.enter=new n.EventEmitter,this.leave=new n.EventEmitter,this.refresh=new n.EventEmitter,this.pageTitleIntersectionObserverRef=this.pageTitleIntersectionObserver(),this.urls=[],this.ngOnDestroy$=new r.Subject,this.navigationStart$=this.router.events.pipe(a.takeUntil(this.ngOnDestroy$),a.filter((function(e){return e instanceof o.NavigationStart}))),this.navigationEnd$=this.router.events.pipe(a.takeUntil(this.ngOnDestroy$),a.filter((function(e){return e instanceof o.NavigationEnd})))}return Object.defineProperty(t.prototype,"tabBarBottomHidden",{get:function(){return this._tabBarBottomHidden},set:function(e){var t=this;this.tabsComponent&&setTimeout((function(){return t.tabsComponent.tabBarBottomHidden=e})),this._tabBarBottomHidden=e},enumerable:!1,configurable:!0}),t.prototype.ngOnInit=function(){this.removeWrapper()},t.prototype.ngOnChanges=function(e){e.titleMaxLines&&(this.fitHeadingConfig=Object.assign(Object.assign({},this.fitHeadingConfig),{maxLines:e.titleMaxLines.currentValue}))},t.prototype.ngAfterViewInit=function(){var t=this;this.navigationStart$.subscribe((function(e){t.urls.includes(e.url)||t.modalNavigationService.isModalRoute(e.url)||t.modalNavigationService.isModalRoute(t.router.url)||t.onLeave()})),this.navigationEnd$.subscribe((function(e){t.urls.includes(e.urlAfterRedirects)&&t.onEnter()})),this.windowRef.nativeWindow.addEventListener(An,(function(){t.content.scrollToTop(e.KirbyAnimation.Duration.LONG)}))},t.prototype.ngAfterContentChecked=function(){this.urls.includes(this.router.url)||(this.urls.push(this.router.url),this.onEnter()),this.initializeTitle(),this.initializeActions(),this.initializeContent(),this.changeDetectorRef.detectChanges()},t.prototype.ngOnDestroy=function(){var t=this;this.ngOnDestroy$.next(),this.ngOnDestroy$.complete(),this.pageTitleIntersectionObserverRef.disconnect(),this.windowRef.nativeWindow.removeEventListener(An,(function(){t.content.scrollToTop(e.KirbyAnimation.Duration.LONG)}))},t.prototype.delegateRefreshEvent=function(e){this.refresh.emit({complete:e.target.complete.bind(e.target)})},t.prototype.onEnter=function(){this.hasEntered||(this.hasEntered=!0,this.enter.emit(),this.pageTitle&&this.pageTitleIntersectionObserverRef.observe(this.pageTitle.nativeElement))},t.prototype.onLeave=function(){this.leave.emit(),this.pageTitle&&this.pageTitleIntersectionObserverRef.unobserve(this.pageTitle.nativeElement),this.hasEntered=!1,this.tabBarBottomHidden&&this.tabsComponent&&(this.tabsComponent.tabBarBottomHidden=!1)},t.prototype.initializeTitle=function(){var e=this;if(!this.hasPageTitle){this.hasPageTitle=void 0!==this.title||!!this.customTitleTemplate,this.toolbarTitleVisible=!this.hasPageTitle,this.hasPageTitle&&setTimeout((function(){e.pageTitleIntersectionObserverRef.observe(e.pageTitle.nativeElement)}));var t=this.customTitleTemplate||this.simpleTitleTemplate;this.toolbarTitleTemplate=this.customToolbarTitleTemplate?this.customToolbarTitleTemplate:"string"==typeof this.toolbarTitle?this.simpleToolbarTitleTemplate:t}},t.prototype.initializeActions=function(){var e=this;this.customActions.forEach((function(t){t.isFixed?(e.fixedActionsTemplate=t.template,e.toolbarFixedActionsVisible=!0):(e.pageActionsTemplate=t.template,t.isSticky&&(e.stickyActionsTemplate=t.template))})),this.hasActionsInPage=!!this.pageActionsTemplate},t.prototype.initializeContent=function(){var e=this;this.customContent.forEach((function(t){t.isFixed?e.fixedContentTemplate=t.template:e.customContentTemplate=t.template}))},t.prototype.removeWrapper=function(){var e=this.elementRef.nativeElement.parentNode;this.renderer.removeChild(e,this.elementRef.nativeElement),this.renderer.appendChild(e,this.ionHeaderElement.nativeElement),this.renderer.appendChild(e,this.ionContentElement.nativeElement),this.renderer.appendChild(e,this.ionFooterElement.nativeElement)},t.prototype.pageTitleIntersectionObserver=function(){var e=this,t=!1;return new IntersectionObserver((function(n){t?(e.toolbarTitleVisible=!n[0].isIntersecting,e.toolbarStickyActionsVisible=!n[0].isIntersecting,e.changeDetectorRef.detectChanges()):t=!0}),{rootMargin:"0px"})},t.prototype._onKeyboardWillShow=function(e){e&&e.keyboardHeight&&this.ionContentElement.nativeElement.style.setProperty("--keyboard-offset",e.keyboardHeight+"px")},t.prototype._onKeyboardWillHide=function(){this.ionContentElement.nativeElement.style.setProperty("--keyboard-offset","0px")},t}();$n.decorators=[{type:n.Component,args:[{selector:"kirby-page",template:'<ion-header>\n <ion-toolbar>\n <ion-buttons slot="start">\n <ion-back-button\n text=""\n [defaultHref]="defaultBackHref"\n icon="assets/kirby/icons/svg/arrow-back.svg"\n [style.visibility]="hideBackButton ? \'hidden\' : null"\n ></ion-back-button>\n </ion-buttons>\n <ion-title>\n <div class="toolbar-title hide" [class.fade-in]="toolbarTitleVisible">\n <ng-container *ngTemplateOutlet="toolbarTitleTemplate"></ng-container>\n </div>\n </ion-title>\n <ion-buttons\n class="hide"\n slot="primary"\n [class.fade-in]="toolbarStickyActionsVisible && stickyActionsTemplate"\n >\n <ng-container *ngTemplateOutlet="stickyActionsTemplate"></ng-container>\n </ion-buttons>\n <ion-buttons\n class="hide"\n slot="secondary"\n [class.fade-in]="toolbarFixedActionsVisible && fixedActionsTemplate"\n >\n <ng-container *ngTemplateOutlet="fixedActionsTemplate"></ng-container>\n </ion-buttons>\n </ion-toolbar>\n</ion-header>\n\n<ion-content scrollEvents="true" forceOverscroll="false">\n <ion-refresher\n *ngIf="refresh.observers.length > 0"\n (ionRefresh)="delegateRefreshEvent($event)"\n slot="fixed"\n >\n <kirby-spinner></kirby-spinner>\n </ion-refresher>\n\n <div class="content-inner">\n <div\n class="page-title"\n #pageTitle\n *ngIf="hasPageTitle"\n [class.has-actions]="hasActionsInPage"\n [ngClass]="{\n \'text-center\': titleAlignment === \'center\',\n \'text-right\': titleAlignment === \'right\'\n }"\n >\n <ng-container\n *ngTemplateOutlet="customTitleTemplate || defaultPageTitleTemplate"\n ></ng-container>\n <ng-container\n *ngTemplateOutlet="pageActionsTemplate || defaultPageActionsTemplate"\n ></ng-container>\n </div>\n \x3c!-- Content --\x3e\n <ng-container\n *ngTemplateOutlet="customContentTemplate || defaultContentTemplate"\n ></ng-container>\n </div>\n\n <div slot="fixed" class="fixed-content" *ngIf="fixedContentTemplate">\n <div class="content-inner">\n <ng-container *ngTemplateOutlet="fixedContentTemplate"></ng-container>\n </div>\n </div>\n</ion-content>\n\n<ion-footer>\n <ng-content select="kirby-page-footer"></ng-content>\n</ion-footer>\n\n<ng-template #defaultPageTitleTemplate>\n <h1 [kirbyFitHeading]="fitHeadingConfig">\n <ng-container *ngTemplateOutlet="simpleTitleTemplate"></ng-container>\n </h1>\n</ng-template>\n\n<ng-template #defaultPageActionsTemplate>\n <ng-content select="kirby-page-actions"></ng-content>\n</ng-template>\n\n<ng-template #defaultContentTemplate>\n <ng-content select="kirby-page-content"></ng-content>\n</ng-template>\n\n<ng-template #simpleTitleTemplate>{{ title }}</ng-template>\n<ng-template #simpleToolbarTitleTemplate>{{ toolbarTitle }}</ng-template>\n',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:["ion-header,ion-toolbar{--background:var(--kirby-background-color);margin:0 auto}@media (min-width:1025px) and (hover:hover) and (pointer:fine){ion-header,ion-toolbar{max-width:768px}}ion-toolbar{--border-width:0!important;--padding-start:4px;--padding-end:4px;--padding-top:0;--padding-bottom:0}ion-toolbar ion-buttons[slot=secondary]{order:6}ion-toolbar ion-title .toolbar-title{text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;overflow:hidden}ion-toolbar ion-title .toolbar-title ::ng-deep>*{text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;overflow:hidden}.hide{visibility:hidden;opacity:0;transition:opacity .1s linear}.hide.fade-in{visibility:inherit;opacity:1}ion-title{box-sizing:border-box;font-size:16px;font-weight:400}ion-back-button{--color:var(--kirby-black);--icon-font-size:24px;height:44px;width:44px}.page-title{margin-left:16px;margin-top:8px;margin-bottom:var(--kirby-page-title-margin-bottom,40px)}.page-title.has-actions{display:flex;justify-content:space-between;align-items:flex-start}.page-title.text-center{text-align:center;margin-left:0}.page-title.text-right{text-align:right}.page-title h1,.page-title h2,.page-title h3,.page-title h4,.page-title h5,.page-title h6{margin:0}ion-content{--padding-start:var(--page-content-padding-start,16px);--padding-end:var(--page-content-padding-end,16px);--background:var(--kirby-background-color)}ion-content .content-inner{max-width:var(--page-content-max-width,720px);margin:0 auto;padding-bottom:40px}ion-content .fixed-content{width:100%;position:absolute;bottom:0}ion-content .fixed-content .content-inner{position:relative}"]}]}],$n.ctorParameters=function(){return[{type:n.ElementRef},{type:n.Renderer2},{type:o.Router},{type:n.ChangeDetectorRef},{type:U},{type:Z},{type:Ln,decorators:[{type:n.Optional},{type:n.SkipSelf}]}]},$n.propDecorators={title:[{type:n.Input}],toolbarTitle:[{type:n.Input}],titleAlignment:[{type:n.Input}],defaultBackHref:[{type:n.Input}],hideBackButton:[{type:n.Input}],titleMaxLines:[{type:n.Input}],tabBarBottomHidden:[{type:n.Input}],enter:[{type:n.Output}],leave:[{type:n.Output}],refresh:[{type:n.Output}],content:[{type:n.ViewChild,args:[i.IonContent,{static:!0}]}],ionContentElement:[{type:n.ViewChild,args:[i.IonContent,{static:!0,read:n.ElementRef}]}],ionHeaderElement:[{type:n.ViewChild,args:[i.IonHeader,{static:!0,read:n.ElementRef}]}],ionFooterElement:[{type:n.ViewChild,args:[i.IonFooter,{static:!0,read:n.ElementRef}]}],pageTitle:[{type:n.ViewChild,args:["pageTitle",{static:!1,read:n.ElementRef}]}],simpleTitleTemplate:[{type:n.ViewChild,args:["simpleTitleTemplate",{static:!0,read:n.TemplateRef}]}],simpleToolbarTitleTemplate:[{type:n.ViewChild,args:["simpleToolbarTitleTemplate",{static:!0,read:n.TemplateRef}]}],customToolbarTitleTemplate:[{type:n.ContentChild,args:[zn,{static:!1,read:n.TemplateRef}]}],customTitleTemplate:[{type:n.ContentChild,args:[Bn,{static:!1,read:n.TemplateRef}]}],customActions:[{type:n.ContentChildren,args:[Hn]}],customContent:[{type:n.ContentChildren,args:[jn]}],_onKeyboardWillShow:[{type:n.HostListener,args:["window:keyboardWillShow",["$event"]]}],_onKeyboardWillHide:[{type:n.HostListener,args:["window:keyboardWillHide"]}]};var Un=function(){function e(e,t,n){if(this.pageComponent=e,this.hostElement=t,this.renderer=n,this.hasPadding=!0,!e)throw new Error("Page footer must reside inside of a Kirby page")}return e.prototype.close=function(){this.pageComponent.tabBarBottomHidden=!1,this.renderer.removeChild(this.hostElement.nativeElement.parentElement,this.hostElement.nativeElement,!0)},e.prototype.ngOnDestroy=function(){this.pageComponent.tabBarBottomHidden=!1},e}();Un.decorators=[{type:n.Component,args:[{selector:"kirby-page-footer",template:'<div class="wrapper" [class.padding]="hasPadding">\n <ng-content></ng-content>\n</div>\n',styles:[":host{display:block;background-color:var(--kirby-white)}:host .wrapper{position:relative;max-width:var(--page-content-max-width,720px);margin:0 auto;padding-bottom:var(--kirby-page-footer-safe-area-bottom,var(--kirby-safe-area-bottom))}:host .wrapper.padding{padding:8px 16px;padding-bottom:calc(8px + var(--kirby-page-footer-safe-area-bottom, var(--kirby-safe-area-bottom)))}"]}]}],Un.ctorParameters=function(){return[{type:$n,decorators:[{type:n.Optional},{type:n.SkipSelf}]},{type:n.ElementRef},{type:n.Renderer2}]},Un.propDecorators={hasPadding:[{type:n.Input}]};var Yn=Object.freeze({className:"kirby-line-clamp",lineClamp:"--line-clamp",lineHeight:"--line-height"}),Gn=function(){function e(e){this.renderer=e}return e.prototype.setMaxLines=function(e,t){this.renderer.setStyle(e,Yn.lineClamp,t,n.RendererStyleFlags2.DashCase),this.renderer.addClass(e,Yn.className)},e.prototype.setLineHeight=function(e,t){this.renderer.setStyle(e,Yn.lineHeight,t,n.RendererStyleFlags2.DashCase)},e.prototype.removeLineClamp=function(e){this.renderer.removeClass(e,Yn.className),this.renderer.removeStyle(e,Yn.lineClamp),this.renderer.removeStyle(e,Yn.lineHeight)},e}();Gn.decorators=[{type:n.Injectable}],Gn.ctorParameters=function(){return[{type:n.Renderer2}]};var qn=t.DesignTokenHelper.fontSize,Kn=t.DesignTokenHelper.lineHeight,Zn=function(){function e(e,t,n,i){this.elementRef=e,this.renderer=t,this.resizeObserverService=n,this.lineClampHelper=i,this.headingSizes=[{name:"h1",fontSize:qn("xl"),lineHeight:Kn("xl")},{name:"h2",fontSize:qn("l"),lineHeight:Kn("l")},{name:"h3",fontSize:qn("m"),lineHeight:Kn("m")}]}return e.prototype.ngOnInit=function(){this.config&&this.config.maxLines&&(this.lineClampHelper.setMaxLines(this.elementRef.nativeElement,this.config.maxLines),this.observeResize(),this.isObservingHostElement=!0)},e.prototype.ngOnDestroy=function(){this.isObservingHostElement&&(this.resizeObserverService.unobserve(this.elementRef),this.hostElementClone&&this.renderer.removeChild(this.elementRef.nativeElement,this.hostElementClone))},e.prototype.observeResize=function(){var e=this;this.resizeObserverService.observe(this.elementRef,(function(){setTimeout((function(){e.scaleHeader()}),0)}))},e.prototype.scaleHeader=function(){if(!this.isScalingHeader){this.isScalingHeader=!0,this.hostElementClone||(this.hostElementClone=this.generateHostElementClone(),this.renderer.appendChild(this.elementRef.nativeElement,this.hostElementClone)),this.renderer.setStyle(this.hostElementClone,"width",this.elementRef.nativeElement.clientWidth+"px");var e=this.headingSizes[this.headingSizes.length-1],t=this.headingSizes.find(this.canFitHeading.bind(this))||e;this.setSize(this.elementRef.nativeElement,t),this.lineClampHelper.setLineHeight(this.elementRef.nativeElement,t.lineHeight),this.isScalingHeader=!1}},e.prototype.canFitHeading=function(e){return this.setSize(this.hostElementClone,e),this.hostElementClone.clientHeight/parseInt(e.lineHeight)<=this.config.maxLines},e.prototype.generateHostElementClone=function(){var e=this.elementRef.nativeElement.cloneNode(!0);return this.renderer.setStyle(e,"position","absolute"),this.renderer.setStyle(e,"visibility","hidden"),this.lineClampHelper.removeLineClamp(e),e},e.prototype.setSize=function(e,t){this.renderer.setStyle(e,"font-size",t.fontSize),this.renderer.setStyle(e,"line-height",t.lineHeight)},e}();Zn.decorators=[{type:n.Directive,args:[{selector:"h1[kirbyFitHeading],h2[kirbyFitHeading],h3[kirbyFitHeading]",providers:[Gn]}]}],Zn.ctorParameters=function(){return[{type:n.ElementRef},{type:n.Renderer2},{type:pe},{type:Gn}]},Zn.propDecorators={config:[{type:n.Input,args:["kirbyFitHeading"]}]};var Jn=function(){};Jn.decorators=[{type:n.NgModule,args:[{declarations:[Zn],exports:[Zn]}]}];var Xn=function(){};Xn.decorators=[{type:n.NgModule,args:[{declarations:[yn],imports:[s.CommonModule],exports:[yn],providers:[]}]}];var Qn=function(){};Qn.decorators=[{type:n.NgModule,args:[{declarations:[$n,Vn,Hn,Wn,Un,jn,Fn,Nn,Bn,zn],imports:[s.CommonModule,i.IonicModule,Jn,Xn],exports:[$n,Vn,Hn,Wn,Un,jn,Fn,Nn,Bn,zn,Jn]}]}];var ei=function(){};ei.decorators=[{type:n.NgModule,args:[{declarations:[z],imports:[s.CommonModule,i.IonicModule],exports:[z]}]}];var ti,ni=function(){};ni.decorators=[{type:n.Component,args:[{selector:"kirby-section-header",template:"<ion-item-divider>\n <ng-content></ng-content>\n</ion-item-divider>\n",styles:[":host{--kirby-section-header-color:var(--kirby-text-color-black)}:host ion-item-divider{--inner-padding-end:0;--background:transparent;--padding-end:16px;--padding-start:16px;font-weight:inherit;min-height:0}:host ion-item-divider ::ng-deep>[heading]{font-weight:700;font-size:18px;line-height:24px;color:var(--kirby-section-header-color);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host ion-item-divider ::ng-deep>[detail],:host ion-item-divider ::ng-deep>[label]{font-weight:300;font-size:14px;line-height:20px;color:var(--kirby-section-header-color);margin:4px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}"]}]}],(ti=e.SegmentedControlMode||(e.SegmentedControlMode={})).chip="chip",ti.compactChip="compactChip",ti.default="default";var ii=function(){function t(t){this.iconRegistryService=t,this.mode=e.SegmentedControlMode.default,this._items=[],this._selectedIndex=-1,this._disableChangeOnSwipe=!1,this.segmentSelect=new n.EventEmitter}return t.prototype.preventWrapperClick=function(e){e.target instanceof HTMLElement&&e.target.classList.contains("segment-btn-wrapper")&&e.stopImmediatePropagation()},Object.defineProperty(t.prototype,"_modeCssClass",{get:function(){var t;return(t={},t[e.SegmentedControlMode.chip]="chip-mode",t[e.SegmentedControlMode.default]="default-mode",t[e.SegmentedControlMode.compactChip]="compact chip-mode",t)[this.mode]},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"items",{get:function(){return this._items},set:function(e){var t=this;this._items=e||[],this._items.forEach((function(e){e.badge&&(e.badge.isCustomIcon=void 0!==e.badge.icon&&void 0!==t.iconRegistryService.getIcon(e.badge.icon))}));var n=this.items.findIndex((function(e){return e.checked}));n>-1&&(console.warn("SegmentItem.checked is deprecated - please remove from your `items` configuration. Use `selectedIndex` or `value` on `<kirby-segmented-control>` instead "),this._selectedIndex=n),this._value=this.items[this.selectedIndex]},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"selectedIndex",{get:function(){return this._selectedIndex},set:function(e){e!==this._selectedIndex&&(this._selectedIndex=e,this._value=this.items[this.selectedIndex])},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"value",{get:function(){return this._value},set:function(e){this.selectedIndex=this.items.indexOf(e)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"size",{set:function(e){this.isSmallSize="sm"===e},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"disableChangeOnSwipe",{get:function(){return this._disableChangeOnSwipe},set:function(e){this._disableChangeOnSwipe=e},enumerable:!1,configurable:!0}),t.prototype.onSegmentSelect=function(e){var t=this.items.findIndex((function(t){return e===t.id}));t!==this.selectedIndex&&(this.selectedIndex=t,this.segmentSelect.emit(this.value))},t}();ii.decorators=[{type:n.Component,args:[{selector:"kirby-segmented-control",template:'<ion-segment\n *ngIf="mode === \'default\'"\n [value]="value?.id"\n [scrollable]="disableChangeOnSwipe"\n (ionChange)="onSegmentSelect($event.detail.value)"\n (click)="preventWrapperClick($event)"\n>\n <div *ngFor="let item of items" class="segment-btn-wrapper">\n <ion-segment-button [value]="item.id">{{ item.text }}</ion-segment-button>\n <kirby-badge\n *ngIf="item.badge"\n role="text"\n [attr.aria-label]="item.badge.description"\n [themeColor]="item.badge.themeColor"\n >\n <ng-container *ngIf="item.badge.icon; else badgeContent">\n <kirby-icon\n *ngIf="item.badge.isCustomIcon; else defaultIconName"\n [customName]="item.badge.icon"\n ></kirby-icon>\n <ng-template #defaultIconName>\n <kirby-icon [name]="item.badge.icon"></kirby-icon>\n </ng-template>\n </ng-container>\n <ng-template #badgeContent>\n {{ item.badge.content }}\n </ng-template>\n </kirby-badge>\n </div>\n</ion-segment>\n\n<ng-container *ngIf="mode === \'chip\' || mode === \'compactChip\'">\n <kirby-chip\n *ngFor="let item of items; let index = index"\n [text]="item.text"\n [isSelected]="index === selectedIndex"\n (click)="onSegmentSelect(item.id)"\n role="button"\n ></kirby-chip>\n</ng-container>\n',host:{role:"group"},styles:[':host{display:block;-webkit-user-select:none;user-select:none;--kirby-badge-elevation:0 5px 10px -10px rgba(28,28,28,0.3),0 0 5px 0 rgba(28,28,28,0.08);--kirby-badge-position:absolute;--kirby-badge-top:-8px;--kirby-badge-right:8px;--kirby-badge-z-index:2}:host.sm ion-segment-button{min-height:32px;font-size:12px;--padding-start:16px;--padding-end:16px}:host.chip-mode{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden}@media (pointer:coarse){:host.chip-mode{scrollbar-width:none}:host.chip-mode::-webkit-scrollbar{display:none}}ion-segment{display:inline-flex;width:auto;overflow:visible;contain:unset;--background:var(--kirby-white);border-radius:999px}ion-segment-button{position:relative;min-height:40px;font-weight:400;font-size:14px;text-transform:none;--border-radius:999px;--border-style:none;--background:none;--color:var(--kirby-white-contrast);--indicator-color:var(--kirby-black);--color-checked:var(--kirby-black-contrast);--color-hover:var(--kirby-black-tint);--indicator-box-shadow:none;--padding-start:24px;--padding-end:24px;--margin-bottom:0;--margin-end:0;--margin-start:0;--margin-top:0;margin:0}ion-segment-button:after{content:"";position:absolute;min-height:44px;min-width:44px;width:100%;height:100%;transform:translate(-50%,-50%);left:50%;top:50%}.segment-btn-wrapper{position:relative}:host-context(.plt-desktop) ion-segment-button:focus-within{outline-color:-webkit-focus-ring-color;outline-style:auto}']}]}],ii.ctorParameters=function(){return[{type:ie}]},ii.propDecorators={mode:[{type:n.Input}],_modeCssClass:[{type:n.HostBinding,args:["class"]}],items:[{type:n.Input}],selectedIndex:[{type:n.Input}],value:[{type:n.Input}],isSmallSize:[{type:n.HostBinding,args:["class.sm"]}],size:[{type:n.Input}],disableChangeOnSwipe:[{type:n.Input}],segmentSelect:[{type:n.Output}]};var oi=function(){function e(e){this.changeDetectionRef=e,this.text="",this.slideDone=new n.EventEmitter,this.slidingPercentageChanged=new n.EventEmitter,this.slideDoneFadeTime=500,this.slideResetTime=100,this.isSlideDone=!1,this.pctInTens=0,this._value=0}return Object.defineProperty(e.prototype,"value",{get:function(){return this._value},set:function(e){this._value=e,this.calculatePctInTens()},enumerable:!1,configurable:!0}),e.prototype.calculatePctInTens=function(){this.pctInTens=10*Math.ceil(this.value/10)},e.prototype.ngOnDestroy=function(){this.resetSliderIntervalTimer&&clearInterval(this.resetSliderIntervalTimer)},e.prototype.onSliderMouseup=function(){var e=this;100==this.value?this.handleSlideDone():this.resetSliderIntervalTimer=setInterval((function(){e.value>0?e.value-=2:clearInterval(e.resetSliderIntervalTimer),e.changeDetectionRef.markForCheck()}),1)},e.prototype.onSliderValueChange=function(e){this.value=+e,this.slidingPercentageChanged.emit(this.value)},e.prototype.onSliderMousedown=function(){clearInterval(this.resetSliderIntervalTimer)},e.prototype.handleSlideDone=function(){this.slideDone.emit(),this.isSlideDone=!0},e}();oi.decorators=[{type:n.Component,args:[{selector:"kirby-slide-button",template:'<div class="slide-button-container" [ngClass]="{ \'slide-done\': isSlideDone }">\n <input\n type="range"\n (mouseup)="onSliderMouseup()"\n (touchend)="onSliderMouseup()"\n (input)="onSliderValueChange($event.target.value)"\n (mousedown)="onSliderMousedown()"\n (touchstart)="onSliderMousedown()"\n class="slide-button"\n [value]="value"\n max="100"\n />\n <p class="slide-button-text slide-{{ pctInTens }}-pct">{{ text }}</p>\n</div>\n',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[":host{position:relative;display:inline-block;width:256px;-webkit-user-select:none;user-select:none}:host[expand=block]{display:block;width:100%}:host .slide-button-container{width:100%;display:flex;justify-content:center;align-items:center;color:var(--kirby-primary-contrast);background-color:var(--kirby-primary);height:56px;border-radius:26px}:host .slide-10-pct{opacity:.9}:host .slide-20-pct{opacity:.8}:host .slide-30-pct{opacity:.7}:host .slide-40-pct{opacity:.6}:host .slide-50-pct{opacity:.5}:host .slide-60-pct{opacity:.4}:host .slide-70-pct{opacity:.3}:host .slide-80-pct{opacity:.2}:host .slide-90-pct{opacity:.1}:host .slide-100-pct{opacity:0}:host .slide-button-text{position:absolute;font-size:16px;margin:0;line-height:1;z-index:1;width:100%;text-align:center;padding:0 26px 0 56px}:host .slide-button{width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;z-index:2}:host .slide-button::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border-radius:50%;background-color:var(--kirby-white);background-image:url(/assets/kirby/icons/svg/arrow-more.svg);background-repeat:no-repeat;background-position:50%;background-size:24px;width:52px;height:52px;border:none;cursor:pointer}:host .slide-button::-moz-range-thumb{-moz-appearance:none;appearance:none;border-radius:50%;background-color:var(--kirby-white);background-image:url(/assets/kirby/icons/svg/arrow-more.svg);background-repeat:no-repeat;background-position:50%;background-size:24px;width:52px;height:52px;border:none;cursor:pointer}:host .slide-done{transition:all .3s ease-in-out;opacity:0;height:0;transform:scale(0);pointer-events:none}"]}]}],oi.ctorParameters=function(){return[{type:n.ChangeDetectorRef}]},oi.propDecorators={text:[{type:n.Input}],expand:[{type:n.Input}],slideDone:[{type:n.Output}],slidingPercentageChanged:[{type:n.Output}]};var ri=function(){function e(e,t){this.elementRef=e,this.renderer=t,this.click=new n.EventEmitter}return e.prototype.ngOnInit=function(){this.removeWrapper()},e.prototype.onClick=function(e,t){if(this.click.emit(e),t){var n=new CustomEvent(An);dispatchEvent(n)}},e.prototype.removeWrapper=function(){var e=this.elementRef.nativeElement.parentNode,t=this.elementRef.nativeElement.childNodes[0];this.renderer.removeChild(e,this.elementRef.nativeElement),this.renderer.appendChild(e,t)},e}();ri.decorators=[{type:n.Component,args:[{selector:"kirby-tab-button",template:'<ion-tab-button #ionTabButton [tab]="routerLink" (click)="onClick($event, ionTabButton.selected)">\n <div class="icon-container" *ngIf="icons.length">\n <ng-content\n *ngIf="icons.length === 1 || !ionTabButton.selected"\n select="kirby-icon[:not([selected-tab])]"\n ></ng-content>\n <ng-content *ngIf="ionTabButton.selected" select="kirby-icon[selected-tab]"></ng-content>\n <ng-content select="kirby-badge"></ng-content>\n </div>\n <ion-label>\n <ng-content></ng-content>\n </ion-label>\n</ion-tab-button>\n',styles:['ion-tab-button{height:100%;flex:1 1 0%;max-width:168px;font-size:10px;--color-selected:utils.get-color("black");--kirby-badge-position:absolute;--kirby-badge-top:0;--kirby-badge-right:0}ion-tab-button ::ng-deep>div kirby-badge.md{--kirby-badge-top:-5px;--kirby-badge-right:-5px}ion-tab-button .icon-container{position:relative}@media (min-width:721px){ion-tab-button{flex:none;padding:0 24px;margin-right:24px;font-size:14px;flex-direction:row}ion-tab-button:last-child{margin-right:0}ion-tab-button .icon-container{margin-right:8px}}@media (min-width:1025px) and (hover:hover) and (pointer:fine){ion-tab-button{padding:0 12px;margin-right:0}}']}]}],ri.ctorParameters=function(){return[{type:n.ElementRef},{type:n.Renderer2}]},ri.propDecorators={routerLink:[{type:n.Input}],click:[{type:n.Output}],icons:[{type:n.ContentChildren,args:[le]}]};var ai=function(){};ai.decorators=[{type:n.NgModule,args:[{imports:[i.IonicModule,un,s.CommonModule],providers:[Mn],declarations:[Ln,ri],exports:[Ln,ri]}]}];var si=this&&this.__awaiter||function(e,t,n,i){return new(n||(n=Promise))((function(o,r){function a(e){try{l(i.next(e))}catch(e){r(e)}}function s(e){try{l(i.throw(e))}catch(e){r(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}l((i=i.apply(e,t||[])).next())}))},li=function(){function e(e){this.toastController=e}return e.prototype.showToast=function(t){return si(this,void 0,void 0,(function(){var n;return H(this,(function(i){switch(i.label){case 0:return[4,this.toastController.create({animated:t.animated,message:t.message,position:"top",duration:t.durationInMs?t.durationInMs:e.DURATION_IN_MS,cssClass:this.getCssClass(t.messageType)})];case 1:return[4,(n=i.sent()).present()];case 2:return i.sent(),[2,{dismiss:n.dismiss.bind(n),onWillDismiss:n.onWillDismiss(),onDidDismiss:n.onDidDismiss()}]}}))}))},e.prototype.getCssClass=function(t){var n=e.CSS_CLASS;return"danger"===t&&(console.warn("[DEPRECATED] 'danger' message type is deprecated. Use Kirby Alerts for critical warnings. Toast will be shown as 'warning'"),t="warning"),t&&(n+=" "+t),n},e}();li.CSS_CLASS="kirby-toast",li.DURATION_IN_MS=4e3,li.decorators=[{type:n.Injectable}],li.ctorParameters=function(){return[{type:i.ToastController}]};var ci=function(){function e(e){this.toastHelper=e}return e.prototype.showToast=function(e,t){this.toastHelper.showToast(e).then((function(e){t&&e.onDidDismiss.then((function(){return t()}))}))},e}();ci.decorators=[{type:n.Injectable}],ci.ctorParameters=function(){return[{type:li}]};var di=function(){function e(){this.checked=!1,this.disabled=!1,this.checkedChange=new n.EventEmitter}return e.prototype.onCheckedChange=function(e){this.checked=e,this.checkedChange.emit(this.checked)},e}();di.decorators=[{type:n.Component,args:[{selector:"kirby-toggle",template:'<ion-toggle\n [checked]="checked"\n [disabled]="disabled"\n (ionChange)="onCheckedChange($event.detail.checked)"\n></ion-toggle>\n',styles:[".toggle-checked{--background-checked:var(--kirby-success)}"]}]}],di.propDecorators={checked:[{type:n.Input}],disabled:[{type:n.Input}],checkedChange:[{type:n.Output}]};var pi=function(){function e(e,t){var n=this;this.elementRef=e,this.changeDetectorRef=t,this.SIZE_CONFIG={sm:{diameter:40,strokeWidth:3,upperBound:95},md:{diameter:56,strokeWidth:4,upperBound:96},lg:{diameter:96,strokeWidth:6,upperBound:97}},this.value=0,this.size="md",this.themeColor="success",this.onIntersectionChange=function(e){n.hasElementBeenVisible=e&&e.some((function(e){return e.isIntersecting})),n.hasElementBeenVisible&&(n.unobserve(),n.changeDetectorRef.markForCheck())}}return Object.defineProperty(e.prototype,"_cssSize",{get:function(){return this.size},enumerable:!1,configurable:!0}),e.prototype.ngAfterViewInit=function(){this.observer||(this.observer=new IntersectionObserver(this.onIntersectionChange,{threshold:.5}),this.observer.observe(this.elementRef.nativeElement))},e.prototype.ngOnDestroy=function(){this.unobserve()},e.prototype.unobserve=function(){this.observer&&(this.observer.unobserve(this.elementRef.nativeElement),"function"==typeof this.observer.disconnect&&this.observer.disconnect())},Object.defineProperty(e.prototype,"_diameter",{get:function(){return this.SIZE_CONFIG[this.size].diameter},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_shownValue",{get:function(){return this.hasElementBeenVisible?this.value:0},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_radius",{get:function(){return this._diameter/2},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_strokeWidth",{get:function(){return this.SIZE_CONFIG[this.size].strokeWidth},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_upperBound",{get:function(){return this.SIZE_CONFIG[this.size].upperBound},enumerable:!1,configurable:!0}),e}();pi.decorators=[{type:n.Component,args:[{selector:"kirby-progress-circle",template:'<div class="transcluded-content">\n <ng-content></ng-content>\n</div>\n<kirby-progress-circle-ring\n [themeColor]="themeColor"\n [value]="_shownValue"\n [radius]="_radius"\n [strokeWidth]="_strokeWidth"\n [upperBound]="_upperBound"\n>\n</kirby-progress-circle-ring>\n',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[":host{display:inline-block;position:relative}.transcluded-content,kirby-progress-circle-ring{position:absolute;top:0;left:0}kirby-progress-circle-ring{z-index:2}.transcluded-content{width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1;border-radius:50%;overflow:hidden}"]}]}],pi.ctorParameters=function(){return[{type:n.ElementRef},{type:n.ChangeDetectorRef}]},pi.propDecorators={value:[{type:n.Input}],size:[{type:n.Input}],themeColor:[{type:n.Input}],_cssSize:[{type:n.HostBinding,args:["class"]}],_diameter:[{type:n.HostBinding,args:["style.width.px"]},{type:n.HostBinding,args:["style.height.px"]}]};var hi=function(){function e(){this.size="md",this.themeColor="transparent"}return Object.defineProperty(e.prototype,"_cssClass",{get:function(){return[this.themeColor,this.size]},enumerable:!1,configurable:!0}),e}();hi.decorators=[{type:n.Component,args:[{selector:"kirby-flag",template:" <ng-content></ng-content> ",changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[":host{display:inline-block;background-color:var(--kirby-flag-background-color,transparent);color:var(--kirby-flag-color,var(--kirby-white-contrast));border:1px solid var(--kirby-flag-border-color,var(--kirby-medium));border-radius:4px;font-size:16px;padding:2px 8px;font-weight:500}:host.sm{font-size:14px}:host.xs{font-size:12px;padding-left:4px;padding-right:4px}:host(.success){--kirby-flag-background-color:#2cf287;--kirby-flag-color:var(--kirby-success-contrast);--kirby-flag-border-color:#2cf287}:host(.warning){--kirby-flag-background-color:#ffca3a;--kirby-flag-color:var(--kirby-warning-contrast);--kirby-flag-border-color:#ffca3a}:host(.danger){--kirby-flag-background-color:#ff878a;--kirby-flag-color:var(--kirby-danger-contrast);--kirby-flag-border-color:#ff878a}:host(.semi-light){--kirby-flag-background-color:var(--kirby-semi-light);--kirby-flag-color:var(--kirby-semi-light-contrast);--kirby-flag-border-color:var(--kirby-semi-light)}"]}]}],hi.propDecorators={size:[{type:n.Input}],themeColor:[{type:n.Input}],_cssClass:[{type:n.HostBinding,args:["class"]}]};var ui=function(){};ui.decorators=[{type:n.Directive,args:[{selector:"[kirbySlide]"}]}];var gi=function(){function e(){this.selectedSlide=new n.EventEmitter}return e.prototype.ngAfterViewInit=function(){this.slideTo(0)},e.prototype.onSlideChanged=function(){var e=this;this.ionSlides.getActiveIndex().then((function(t){e.selectedSlide.emit({slide:e.slides[t],index:t})}))},e.prototype.slideTo=function(e){this.ionSlides.slideTo(e)},e}();gi.decorators=[{type:n.Component,args:[{selector:"kirby-slides",template:'\n <ion-slides [options]="slidesOptions" #ionslides (ionSlideDidChange)="onSlideChanged()">\n <ion-slide *ngFor="let slide of slides; let i = index">\n <ng-container\n *ngTemplateOutlet="slideTemplate; context: { $implicit: slide, index: i }"\n ></ng-container>\n </ion-slide>\n </ion-slides>\n ',changeDetection:n.ChangeDetectionStrategy.OnPush}]}],gi.propDecorators={ionSlides:[{type:n.ViewChild,args:["ionslides",{static:!1}]}],slidesOptions:[{type:n.Input}],slides:[{type:n.Input}],selectedSlide:[{type:n.Output}],slideTemplate:[{type:n.ContentChild,args:[ui,{static:!0,read:n.TemplateRef}]}]};var mi=function(){function e(){this.checkChanged=new n.EventEmitter}return e.prototype.onClick=function(){this.checked=!this.checked,this.checkChanged.emit(this.checked)},e}();mi.decorators=[{type:n.Component,args:[{selector:"kirby-toggle-button",template:'<ng-container *ngIf="!checked">\n <ng-content select="button[kirby-button][unchecked]"></ng-content>\n</ng-container>\n<ng-container *ngIf="checked">\n <ng-content select="button[kirby-button][checked]"></ng-content>\n</ng-container>\n',changeDetection:n.ChangeDetectionStrategy.OnPush}]}],mi.propDecorators={checked:[{type:n.Input}],checkChanged:[{type:n.Output}],onClick:[{type:n.HostListener,args:["click"]}]};var bi=function(){};bi.decorators=[{type:n.Directive,args:[{selector:"[kirbyAccordion], kirby-accordion",exportAs:"kirby-accordion"}]}];var yi=0,fi=function(){this.isExpanded=!1,this._titleId="kirby-accordion-item-title-"+ ++yi,this._contentId="kirby-accordion-item-content-"+yi};fi.decorators=[{type:n.Component,args:[{selector:"kirby-accordion-item",template:'<ng-container>\n <div\n (click)="isExpanded = !isExpanded"\n class="header"\n role="button"\n [class.expanded]="isExpanded"\n [attr.aria-expanded]="isExpanded"\n [attr.aria-controls]="_contentId"\n [id]="_titleId"\n >\n <div class="title">{{ title }}</div>\n <kirby-icon name="arrow-down"></kirby-icon>\n </div>\n <div\n class="content"\n role="region"\n [attr.aria-labelledby]="_titleId"\n [id]="_contentId"\n [@isExpanded]="!!isExpanded"\n >\n <div class="content-body">\n <ng-content></ng-content>\n </div>\n </div>\n</ng-container>\n',changeDetection:n.ChangeDetectionStrategy.OnPush,animations:[I.trigger("isExpanded",[I.state("true",I.style({height:"*",visibility:"visible"})),I.state("false",I.style({height:"0px",visibility:"hidden"})),I.transition("true <=> false",I.animate("0.2s"))])],styles:[":host{display:block;border-top:1px solid var(--kirby-medium);border-bottom:1px solid var(--kirby-medium)}.header{display:flex;align-items:center;height:56px;padding-left:16px;padding-right:16px;cursor:pointer;-webkit-user-select:none;user-select:none}.title{flex-grow:2}.kirby-icon{transition:transform .2s}.content{overflow:hidden}.content-body{padding:0 16px 16px}.expanded .title{font-weight:700}.expanded .kirby-icon{transform:rotate(180deg)}:host-context(kirby-accordion):not(:first-child){border-top:none}:host-context(kirby-card){border-color:var(--kirby-background-color)}:host-context(kirby-card):first-child{border-top:none}:host-context(kirby-card):last-child{border-bottom:none}"]}]}],fi.propDecorators={title:[{type:n.Input}],isExpanded:[{type:n.Input}]};var vi=function(){function e(){this.step=1,this.disabled=!1,this.change=new n.EventEmitter,this.onTouched=function(){},this.propagateChange=function(e){}}return Object.defineProperty(e.prototype,"value",{get:function(){return this.currentValue},set:function(e){e!==this.currentValue&&(this.currentValue=e,this.propagateChange(this.currentValue),this.change.emit(this.currentValue))},enumerable:!1,configurable:!0}),e.prototype.ngOnChanges=function(e){var t=this;this.ticks&&((this.max-this.min)/this.step>9&&(this.step=(this.max-this.min)/9),this.value=this.getTicks().reduce((function(e,n){return Math.abs(n-t.value)<Math.abs(e-t.value)?n:e})))},e.prototype.getTicks=function(){for(var e=[],t=Number(this.min);t<=Number(this.max);t+=Number(this.step))e.push(t);return e},e.prototype.setDisabledState=function(e){this.disabled=e},e.prototype._onRangeValueChange=function(e){this.writeValue(e.detail.value)},e.prototype.writeValue=function(e){void 0!==e&&(this.value=e)},e.prototype.registerOnTouched=function(e){this.onTouched=e},e.prototype.registerOnChange=function(e){this.propagateChange=e},e}();vi.decorators=[{type:n.Component,args:[{selector:"kirby-range",template:'<ion-range\n (ionChange)="_onRangeValueChange($event)"\n [min]="min"\n [max]="max"\n [step]="step"\n [value]="value"\n [pin]="pin"\n [snaps]="ticks"\n [ticks]="ticks"\n [debounce]="debounce"\n [disabled]="disabled"\n>\n</ion-range>\n\n<label *ngIf="minLabel" class="min-label">{{ minLabel }}</label>\n<label *ngIf="maxLabel" class="max-label">{{ maxLabel }}</label>\n',providers:[{provide:k.NG_VALUE_ACCESSOR,multi:!0,useExisting:n.forwardRef((function(){return vi}))}],styles:[':host{display:flex;justify-content:space-between;flex-wrap:wrap}ion-range{--knob-background:var(--kirby-white);--knob-box-shadow:0 5px 10px 0 rgb(28 28 28/30%),0 0 5px 0 rgb(28 28 28/8%);--knob-size:24px;--pin-color:var(--kirby-text-color-black);--pin-background:var(--kirby-semi-light);--bar-background:var(--kirby-medium);--bar-background-active:var(--kirby-dark);--bar-border-radius:4px;--bar-height:2px;flex:1 1 100%;padding:0}ion-range.range-disabled{--knob-background:var(--kirby-semi-light);--knob-box-shadow:none;--bar-background:var(--kirby-semi-light);--bar-background-active:var(--kirby-semi-light)}ion-range.range-disabled::part(tick){background:var(--kirby-semi-light)}ion-range.range-has-pin{padding:0 3px}ion-range::part(pin){font-size:12px;color:var(--pin-color);background-color:var(--pin-background);padding:2px 4px;border-radius:4px;min-width:40px;position:relative}ion-range::part(pin):before{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);display:block;border:6px solid transparent;border-top:6px solid var(--pin-background)}ion-range::part(tick),ion-range::part(tick-active){border-radius:50%;width:6px;height:6px;z-index:1;margin-inline-start:-3px}ion-range::part(tick){background:var(--kirby-medium)}label{font-size:12px;line-height:16px;color:var(--kirby-text-color-semi-dark);margin-top:-4px}']}]}],vi.propDecorators={minLabel:[{type:n.Input}],maxLabel:[{type:n.Input}],debounce:[{type:n.Input}],max:[{type:n.Input}],min:[{type:n.Input}],pin:[{type:n.Input}],step:[{type:n.Input}],ticks:[{type:n.Input}],disabled:[{type:n.Input}],value:[{type:n.Input}],change:[{type:n.Output}]};var ki=function(){function e(e){this.element=e}return e.prototype.keyEvent=function(e){" "!==e.key&&"Enter"!==e.key&&"Spacebar"!==e.key||(e.preventDefault(),this.element.nativeElement.click())},e}();ki.decorators=[{type:n.Directive,args:[{selector:"[keyHandler]"}]}],ki.ctorParameters=function(){return[{type:n.ElementRef}]},ki.propDecorators={keyEvent:[{type:n.HostListener,args:["keyup",["$event"]]}]};var xi=function(){function e(){this._isDefault=!0}return Object.defineProperty(e.prototype,"isDefault",{get:function(){return this._isDefault},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isPrimary",{get:function(){return this._isPrimary},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isSecondary",{get:function(){return this._isSecondary},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isTertiary",{get:function(){return this._isTertiary},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isSuccess",{get:function(){return this._isSuccess},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isWarning",{get:function(){return this._isWarning},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isDanger",{get:function(){return this._isDanger},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isLight",{get:function(){return this._isLight},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isMedium",{get:function(){return this._isMedium},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isDark",{get:function(){return this._isDark},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isWhite",{get:function(){return this._isWhite},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isBrightnessWhite",{get:function(){return this._isBrightnessWhite},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isBrightnessLight",{get:function(){return this._isBrightnessLight},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isBrightnessDark",{get:function(){return this._isBrightnessDark},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"themeColor",{set:function(e){this._isDefault=!e,this._isPrimary="primary"===e,this._isSecondary="secondary"===e,this._isTertiary="tertiary"===e,this._isSuccess="success"===e,this._isWarning="warning"===e,this._isDanger="danger"===e,this._isLight="light"===e,this._isMedium="medium"===e,this._isDark="dark"===e,this._isWhite="white"===e;var n=t.ColorHelper.getColorBrightness(e);this._isBrightnessWhite="white"===n,this._isBrightnessLight="light"===n,this._isBrightnessDark="dark"===n},enumerable:!1,configurable:!0}),e}();xi.decorators=[{type:n.Directive,args:[{selector:"kirby-avatar[themeColor],\n kirby-card[themeColor],\n kirby-icon[themeColor],\n kirby-progress-circle-ring[themeColor],\n kirby-modal-footer[themeColor],\n kirby-empty-state[themeColor]"}]}],xi.propDecorators={isDefault:[{type:n.HostBinding,args:["class.default"]}],isPrimary:[{type:n.HostBinding,args:["class.primary"]}],isSecondary:[{type:n.HostBinding,args:["class.secondary"]}],isTertiary:[{type:n.HostBinding,args:["class.tertiary"]}],isSuccess:[{type:n.HostBinding,args:["class.success"]}],isWarning:[{type:n.HostBinding,args:["class.warning"]}],isDanger:[{type:n.HostBinding,args:["class.danger"]}],isLight:[{type:n.HostBinding,args:["class.light"]}],isMedium:[{type:n.HostBinding,args:["class.medium"]}],isDark:[{type:n.HostBinding,args:["class.dark"]}],isWhite:[{type:n.HostBinding,args:["class.white"]}],isBrightnessWhite:[{type:n.HostBinding,args:["class.kirby-color-brightness-white"]}],isBrightnessLight:[{type:n.HostBinding,args:["class.kirby-color-brightness-light"]}],isBrightnessDark:[{type:n.HostBinding,args:["class.kirby-color-brightness-dark"]}],themeColor:[{type:n.Input}]};function wi(e){return function(t){var n,i,o;return e.inputs&&(n=t,i=e.inputs,o=n.prototype,i.forEach((function(e){Object.defineProperty(o,e,{get:function(){return this.el[e]},set:function(t){var n=this;this.z.runOutsideAngular((function(){return n.el[e]=t}))}})}))),e.methods&&function(e,t){var n=e.prototype;t.forEach((function(e){n[e]=function(){var t=this,n=arguments;return this.z.runOutsideAngular((function(){return t.el[e].apply(t.el,n)}))}}))}(t,e.methods),t}}var Ci=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},Ii=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};e.BadgeComponent=function(e,t,n){this.z=n,e.detach(),this.el=t.nativeElement},e.BadgeComponent.decorators=[{type:n.Component,args:[{selector:"kirby-badge",changeDetection:n.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["size","text","themeColor"]}]}],e.BadgeComponent.ctorParameters=function(){return[{type:n.ChangeDetectorRef},{type:n.ElementRef},{type:n.NgZone}]},e.BadgeComponent=Ci([wi({inputs:["size","text","themeColor"]}),Ii("design:paramtypes",[n.ChangeDetectorRef,n.ElementRef,n.NgZone])],e.BadgeComponent);var Oi=function(){};Oi.decorators=[{type:n.NgModule,args:[{declarations:[wt],exports:[wt],providers:[st]}]}];var Ei=[In,Sn,zt,Ht,jt,En,Nt,Ft,On,Vt,Tn],Si=N(Ei,[Dn,xn,Sn]),Di=function(){};Di.decorators=[{type:n.NgModule,args:[{declarations:Si,imports:[s.CommonModule,un,i.IonicModule,Xn],exports:Ei,providers:[]}]}];var Ti=function(){function e(){this.value=0,this.themeColor="success"}return Object.defineProperty(e.prototype,"_offset",{get:function(){return this.value<this.upperBound||this.value>99?this.calculateOffset(this.value):this.calculateOffset(this.upperBound)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_diameter",{get:function(){return 2*this.radius},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_centerRadius",{get:function(){return this.radius-this.strokeWidth/2},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"_centerCircumference",{get:function(){return 2*this._centerRadius*Math.PI},enumerable:!1,configurable:!0}),e.prototype.calculateOffset=function(e){return this._centerCircumference-this._centerCircumference*(e/100)},e}();Ti.decorators=[{type:n.Component,args:[{selector:"kirby-progress-circle-ring",template:'<svg [attr.width]="_diameter" [attr.height]="_diameter">\n <circle\n shape-rendering="geometricPrecision"\n class="circle"\n fill="transparent"\n [attr.stroke-width]="strokeWidth"\n [attr.r]="_centerRadius"\n [attr.cx]="radius"\n [attr.cy]="radius"\n />\n <circle\n shape-rendering="geometricPrecision"\n class="progress"\n fill="transparent"\n stroke-linecap="round"\n [attr.stroke-width]="strokeWidth"\n [attr.r]="_centerRadius"\n [attr.cx]="radius"\n [attr.cy]="radius"\n [attr.stroke-dashoffset]="_offset"\n [attr.stroke-dasharray]="_centerCircumference"\n />\n</svg>',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[".circle{stroke:var(--kirby-semi-light)}.progress{transition-property:stroke-dashoffset,stroke;transition-duration:1s;transition-timing-function:ease;transform:rotate(-90deg);transform-origin:50% 50%;stroke:var(--kirby-progress-circle-stroke-color,var(--kirby-success))}:host.success{--kirby-progress-circle-stroke-color:#2cf287}:host.warning{--kirby-progress-circle-stroke-color:#ffca3a}:host.danger{--kirby-progress-circle-stroke-color:#ff595e}"]}]}],Ti.propDecorators={radius:[{type:n.Input}],value:[{type:n.Input}],themeColor:[{type:n.Input}],strokeWidth:[{type:n.Input}],upperBound:[{type:n.Input}],_diameter:[{type:n.HostBinding,args:["style.width.px"]},{type:n.HostBinding,args:["style.height.px"]}]};var Ri=[mi],Pi=function(){};Pi.decorators=[{type:n.NgModule,args:[{declarations:N(Ri),imports:[s.CommonModule],exports:N(Ri)}]}];var _i=function(e){return function(){O.defineCustomElements(e.defaultView)}};function Ai(){return{provide:n.APP_INITIALIZER,useFactory:_i,deps:[s.DOCUMENT],multi:!0}}var Mi=function(){function e(e,t){this.card=e,this.clickableElement=t,this.role="button",this.tabindex=0}return e.prototype.ngOnInit=function(){this.card&&(this.card.flat=!1)},e.prototype._onKeydownHandler=function(e){this.clickableElement.nativeElement.click(e)},e}();Mi.decorators=[{type:n.Directive,args:[{selector:"kirby-card[click]"}]}],Mi.ctorParameters=function(){return[{type:Ce,decorators:[{type:n.Optional}]},{type:n.ElementRef}]},Mi.propDecorators={role:[{type:n.HostBinding,args:["attr.role"]}],tabindex:[{type:n.HostBinding,args:["attr.tabindex"]}],_onKeydownHandler:[{type:n.HostListener,args:["keydown.space",["$event"]]},{type:n.HostListener,args:["keydown.enter",["$event"]]}]};var Li=function(){function e(e){this.modalNavigationService=e}return e.prototype.onClick=function(){return this.modalNavigationService.navigateToModal(this.path,"string"!=typeof this.queryParams?this.queryParams:null),!1},e}();Li.decorators=[{type:n.Directive,args:[{selector:"[kirbyModalRouterLink]"}]}],Li.ctorParameters=function(){return[{type:Z}]},Li.propDecorators={path:[{type:n.Input,args:["kirbyModalRouterLink"]}],queryParams:[{type:n.Input,args:["kirbyModalQueryParams"]}],onClick:[{type:n.HostListener,args:["click"]}]};var Bi=[Ce,Oe,Ie,ce,qe,Et,pn,Ze,we,Cn,Tt,_t,W,_n,Li,ii,At,e.BadgeComponent,xi,rn,an,oi,di,Kt,nn,en,Qt,tn,sn,Lt,Pn,qt,kn,pi,hi,gi,ui,bi,fi,Rt,Zt,Jt,vi,Mi,bn,ni],zi=N(Bi,[ki,on,Y,ue,ee,Ti,Yt]),Hi=[xe,ei,Qn,ai,un,mn,Pi,Di,Oi,Xn],ji=N(Hi,Bi),Fi=N(Hi),Ni=[fe,$,be,q,li,ci,cn,vn,de,pe,Ai()],Wi=[ue,ee,W,Y],Vi=new n.InjectionToken("USERCONFIG"),$i=function(){function e(e,t){e.initialize(t&&t.moduleRootRoutePath)}return e.forChild=function(t){return{ngModule:e,providers:[{provide:Vi,useValue:t}]}},e}();$i.decorators=[{type:n.NgModule,args:[{imports:N([s.CommonModule,o.RouterModule,i.IonicModule.forRoot({mode:"ios",inputShims:!0,scrollAssist:!0,scrollPadding:!1})],Fi),declarations:zi,providers:Ni,entryComponents:Wi,exports:ji}]}],$i.ctorParameters=function(){return[{type:fe},{type:void 0,decorators:[{type:n.Optional},{type:n.Inject,args:[Vi]}]}]},Object.defineProperty(e,"ColorHelper",{enumerable:!0,get:function(){return t.ColorHelper}}),Object.defineProperty(e,"DesignTokenHelper",{enumerable:!0,get:function(){return t.DesignTokenHelper}}),Object.defineProperty(e,"camelToKebabCase",{enumerable:!0,get:function(){return t.camelToKebabCase}}),Object.defineProperty(e,"capitalizeFirstLetter",{enumerable:!0,get:function(){return t.capitalizeFirstLetter}}),Object.defineProperty(e,"kebabToCamelCase",{enumerable:!0,get:function(){return t.kebabToCamelCase}}),Object.defineProperty(e,"kebabToTitleCase",{enumerable:!0,get:function(){return t.kebabToTitleCase}}),Object.defineProperty(e,"IonRouterOutlet",{enumerable:!0,get:function(){return i.IonRouterOutlet}}),Object.defineProperty(e,"NavController",{enumerable:!0,get:function(){return i.NavController}}),Object.defineProperty(e,"Chart",{enumerable:!0,get:function(){return p.Chart}}),e.AccordionDirective=bi,e.AccordionItemComponent=fi,e.ActionSheetComponent=W,e.AppComponent=ve,e.AppModule=xe,e.AvatarComponent=we,e.ButtonComponent=ce,e.COMPONENT_PROPS=X,e.CalendarComponent=Tt,e.CardComponent=Ce,e.CardFooterComponent=Ie,e.CardHeaderComponent=Oe,e.ChartComponent=wt,e.ChartDeprecatedComponent=qe,e.CheckboxComponent=_t,e.ChipComponent=At,e.ComponentLoaderDirective=Ze,e.DateInputDirective=rn,e.DecimalMaskDirective=an,e.DividerComponent=Lt,e.DropdownComponent=qt,e.EmptyStateComponent=Kt,e.FabSheetComponent=sn,e.FitHeadingDirective=Zn,e.FitHeadingModule=Jn,e.FlagComponent=hi,e.FormFieldComponent=nn,e.FormFieldMessageComponent=on,e.GridCardConfiguration=hn,e.GridComponent=pn,e.GroupByPipe=Cn,e.ICON_SETTINGS=ne,e.IconComponent=le,e.IconModule=un,e.IconRegistryService=ie,e.InfiniteScrollDirective=xn,e.InputComponent=en,e.InputCounterComponent=Qt,e.ItemComponent=Bt,e.ItemGroupComponent=bn,e.ItemModule=mn,e.ItemSlidingComponent=Rt,e.KeyHandlerDirective=ki,e.KirbyModule=$i,e.LabelComponent=gn,e.ListComponent=In,e.ListExperimentalComponent=Tn,e.ListFlexItemDirective=Ht,e.ListFooterDirective=Vt,e.ListHeaderComponent=On,e.ListHeaderDirective=Ft,e.ListItemColorDirective=Dn,e.ListItemComponent=Sn,e.ListItemDirective=zt,e.ListItemTemplateDirective=jt,e.ListSectionHeaderComponent=En,e.ListSectionHeaderDirective=Nt,e.LoadingOverlayComponent=kn,e.LoadingOverlayService=vn,e.Modal=J,e.ModalController=fe,e.ModalFooterComponent=_n,e.PageActionsComponent=Vn,e.PageActionsDirective=Hn,e.PageComponent=$n,e.PageContentComponent=Wn,e.PageContentDirective=jn,e.PageFooterComponent=Un,e.PageModule=Qn,e.PageProgressComponent=Fn,e.PageTitleComponent=Nn,e.PageTitleDirective=Bn,e.PageToolbarTitleDirective=zn,e.PlatformService=te,e.PopoverComponent=Yt,e.ProgressCircleComponent=pi,e.RadioComponent=Zt,e.RadioGroupComponent=Jt,e.RangeComponent=vi,e.ReorderEvent=Rn,e.ReorderListComponent=Pn,e.ResizeObserverFactory=de,e.ResizeObserverService=pe,e.RouterOutletComponent=z,e.RouterOutletModule=ei,e.ScssHelper=ln,e.SectionHeaderComponent=ni,e.SegmentedControlComponent=ii,e.SlideButtonComponent=oi,e.SlideDirective=ui,e.SlidesComponent=gi,e.SpinnerComponent=yn,e.StockChartDeprecatedComponent=Et,e.TabButtonComponent=ri,e.TabsComponent=Ln,e.TabsModule=ai,e.TabsService=Mn,e.TextareaComponent=tn,e.ThemeColorDirective=xi,e.ToastController=ci,e.ToggleButtonComponent=mi,e.ToggleComponent=di,e.annotations=Ct,e.defaultIcons=ae,e.elementHasAncestor=Je,e.isNumberArray=Ke,e.selectedTabClickEvent=An,e.stockChartDeprecatedOptions=function(e,n){var i=It(e),o="rgba(255,255,255,0)";return i.chart.backgroundColor=o,i.chart.height=n,i.tooltip.backgroundColor=t.ColorHelper.getThemeColorRgbString("background-color"),i.tooltip.formatter=function(){return'<div class="kirby-text-xsmall">'+b.dateFormat("%e. %b",new Date(this.x))+'</div><br/><div class="kirby-text-small kirby-text-bold">'+s.formatNumber(this.y,e)+"</div>"},i.plotOptions.area.fillColor=o,i.plotOptions.area.lineColor=t.ColorHelper.getThemeColorRgbString("tertiary"),i.plotOptions.area.marker.lineColor="rgba(255,255,255,0.3)",i.plotOptions.area.marker.fillColor=t.ColorHelper.getThemeColorRgbString("primary"),i.xAxis=Object.assign(Object.assign({},i.xAxis),{crosshair:{color:t.ColorHelper.getThemeColorRgbString("primary")},tickColor:o,lineColor:t.ColorHelper.getThemeColorRgbString("medium"),labels:{style:{color:t.ColorHelper.getThemeColorRgbString("semi-dark-tint")}}}),i.yAxis=Object.assign(Object.assign({},i.yAxis),{lineColor:o,gridLineColor:t.ColorHelper.getThemeColorRgbString("medium"),labels:{style:{color:t.ColorHelper.getThemeColorRgbString("semi-dark-tint")}}}),i},e.ɵ0=Ot,e.ɵa=wi,e.ɵb=xe,e.ɵba=ue,e.ɵbb=J,e.ɵbc=ce,e.ɵbd=le,e.ɵbe=ie,e.ɵbg=ne,e.ɵbh=pe,e.ɵbi=de,e.ɵbj=Jn,e.ɵbk=Zn,e.ɵbl=Gn,e.ɵbm=Xn,e.ɵbn=yn,e.ɵbo=ai,e.ɵbp=un,e.ɵbq=ri,e.ɵbr=mn,e.ɵbs=Bt,e.ɵbt=gn,e.ɵbu=Pi,e.ɵbv=mi,e.ɵbw=Di,e.ɵbx=In,e.ɵby=wn,e.ɵbz=Cn,e.ɵc=ve,e.ɵca=xn,e.ɵcb=zt,e.ɵcc=Ht,e.ɵcd=jt,e.ɵce=Ft,e.ɵcf=Nt,e.ɵcg=Vt,e.ɵch=Sn,e.ɵci=En,e.ɵcj=On,e.ɵck=Tn,e.ɵcl=Dn,e.ɵcm=Oi,e.ɵcn=wt,e.ɵco=xt,e.ɵcp=st,e.ɵcq=Ce,e.ɵcr=Oe,e.ɵcs=Ie,e.ɵct=qe,e.ɵcu=Te,e.ɵcv=Fe,e.ɵcw=Ne,e.ɵcx=_e,e.ɵcy=Ae,e.ɵcz=We,e.ɵd=z,e.ɵda=Ve,e.ɵdb=Re,e.ɵdc=Pe,e.ɵdd=Et,e.ɵde=pn,e.ɵdf=cn,e.ɵdg=Ze,e.ɵdh=we,e.ɵdi=Tt,e.ɵdj=Dt,e.ɵdk=_t,e.ɵdl=W,e.ɵdm=_n,e.ɵdn=Li,e.ɵdo=ii,e.ɵdp=At,e.ɵdq=xi,e.ɵdr=rn,e.ɵds=an,e.ɵdt=oi,e.ɵdu=di,e.ɵdv=Kt,e.ɵdw=nn,e.ɵdx=Qt,e.ɵdy=Jt,e.ɵdz=Zt,e.ɵe=fe,e.ɵea=en,e.ɵeb=tn,e.ɵec=sn,e.ɵed=Lt,e.ɵee=Pn,e.ɵef=qt,e.ɵeg=Yt,e.ɵeh=Gt,e.ɵei=kn,e.ɵej=pi,e.ɵek=hi,e.ɵel=ui,e.ɵem=gi,e.ɵen=bi,e.ɵeo=fi,e.ɵep=Rt,e.ɵeq=vi,e.ɵer=Mi,e.ɵes=bn,e.ɵet=ni,e.ɵeu=ki,e.ɵev=on,e.ɵew=Y,e.ɵex=ee,e.ɵey=Ti,e.ɵez=li,e.ɵf=be,e.ɵfa=ci,e.ɵfb=vn,e.ɵfc=_i,e.ɵfd=Ai,e.ɵg=ge,e.ɵh=te,e.ɵi=U,e.ɵj=$,e.ɵk=q,e.ɵl=Z,e.ɵm=ei,e.ɵn=Qn,e.ɵo=Bn,e.ɵp=zn,e.ɵq=Hn,e.ɵr=jn,e.ɵs=Fn,e.ɵt=Nn,e.ɵu=Wn,e.ɵv=Vn,e.ɵw=$n,e.ɵx=Ln,e.ɵy=Mn,e.ɵz=Un,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
2
2
|
//# sourceMappingURL=kirbydesign-designsystem.umd.min.js.map
|