@kirbydesign/designsystem 7.2.1 → 7.4.0

package/README.md

@@ -0,0 +1,7 @@
+# designsystem
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test designsystem` to execute the unit tests.

package/esm2020/lib/components/avatar/avatar.component.mjs

@@ -15,18 +15,27 @@ export class AvatarComponent {
     get _cssClass() {
         return [this.themeColor, this.size].filter((cssClass) => !!cssClass);
     }
+    ngOnInit() {
+        if (!this.shadow) {
+            return;
+        }
+        this.stroke = true;
+        console.warn('Shadow input binding on avatar will be deprecated next major. Use stroke instead');
+    }
 }
 /** @nocollapse */ AvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ AvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: AvatarComponent, selector: "kirby-avatar", inputs: { imageSrc: "imageSrc", altText: "altText", shadow: "shadow", text: "text", overlay: "overlay", size: "size", themeColor: "themeColor" }, host: { properties: { "class": "this._cssClass" } }, ngImport: i0, 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", styles: [":host{--kirby-badge-elevation: 0 5px 10px -10px rgba(28, 28, 28, .3), 0 0 5px 0 rgba(28, 28, 28, .08);--kirby-badge-position: absolute;--kirby-badge-right: -2px;--kirby-badge-top: -2px;--kirby-badge-z-index: 2;position:relative}.avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;position:relative;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 #71717166}.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-context(kirby-progress-circle.sm) .avatar,:host(.sm) .avatar{width:40px;height:40px}:host-context(kirby-progress-circle.sm) .avatar .avatar-text,:host(.sm) .avatar .avatar-text{font-size:14px}:host-context(kirby-progress-circle.md),:host(.md){--kirby-badge-right: 0px;--kirby-badge-top: 0px}:host-context(kirby-progress-circle.md) .avatar,:host(.md) .avatar{width:56px;height:56px;--kirby-icon-font-size: 32px}:host-context(kirby-progress-circle.md) .avatar .avatar-text,:host(.md) .avatar .avatar-text{font-size:18px}:host-context(kirby-progress-circle.lg),:host(.lg){--kirby-badge-right: 6px;--kirby-badge-top: 6px}:host-context(kirby-progress-circle.lg) .avatar,:host(.lg) .avatar{width:96px;height:96px;--kirby-icon-font-size: 56px}:host-context(kirby-progress-circle.lg) .avatar .avatar-text,:host(.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)}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ AvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: AvatarComponent, selector: "kirby-avatar", inputs: { imageSrc: "imageSrc", altText: "altText", shadow: "shadow", stroke: "stroke", text: "text", overlay: "overlay", size: "size", themeColor: "themeColor" }, host: { properties: { "class": "this._cssClass" } }, ngImport: i0, template: "<div class=\"avatar\" [ngClass]=\"{ overlay: overlay, stroke: stroke }\">\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", styles: [":host{--kirby-badge-elevation: 0 5px 10px -10px rgba(28, 28, 28, .3), 0 0 5px 0 rgba(28, 28, 28, .08);--kirby-badge-position: absolute;--kirby-badge-right: -2px;--kirby-badge-top: -2px;--kirby-badge-z-index: 2;position:relative}.avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;position:relative;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.stroke{border:1px solid var(--kirby-semi-light)}.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-context(kirby-progress-circle.sm) .avatar,:host(.sm) .avatar{width:40px;height:40px}:host-context(kirby-progress-circle.sm) .avatar .avatar-text,:host(.sm) .avatar .avatar-text{font-size:14px}:host-context(kirby-progress-circle.md),:host(.md){--kirby-badge-right: 0px;--kirby-badge-top: 0px}:host-context(kirby-progress-circle.md) .avatar,:host(.md) .avatar{width:56px;height:56px;--kirby-icon-font-size: 32px}:host-context(kirby-progress-circle.md) .avatar .avatar-text,:host(.md) .avatar .avatar-text{font-size:18px}:host-context(kirby-progress-circle.lg),:host(.lg){--kirby-badge-right: 6px;--kirby-badge-top: 6px}:host-context(kirby-progress-circle.lg) .avatar,:host(.lg) .avatar{width:96px;height:96px;--kirby-icon-font-size: 56px}:host-context(kirby-progress-circle.lg) .avatar .avatar-text,:host(.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)}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: AvatarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kirby-avatar', changeDetection: ChangeDetectionStrategy.OnPush, 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", styles: [":host{--kirby-badge-elevation: 0 5px 10px -10px rgba(28, 28, 28, .3), 0 0 5px 0 rgba(28, 28, 28, .08);--kirby-badge-position: absolute;--kirby-badge-right: -2px;--kirby-badge-top: -2px;--kirby-badge-z-index: 2;position:relative}.avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;position:relative;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 #71717166}.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-context(kirby-progress-circle.sm) .avatar,:host(.sm) .avatar{width:40px;height:40px}:host-context(kirby-progress-circle.sm) .avatar .avatar-text,:host(.sm) .avatar .avatar-text{font-size:14px}:host-context(kirby-progress-circle.md),:host(.md){--kirby-badge-right: 0px;--kirby-badge-top: 0px}:host-context(kirby-progress-circle.md) .avatar,:host(.md) .avatar{width:56px;height:56px;--kirby-icon-font-size: 32px}:host-context(kirby-progress-circle.md) .avatar .avatar-text,:host(.md) .avatar .avatar-text{font-size:18px}:host-context(kirby-progress-circle.lg),:host(.lg){--kirby-badge-right: 6px;--kirby-badge-top: 6px}:host-context(kirby-progress-circle.lg) .avatar,:host(.lg) .avatar{width:96px;height:96px;--kirby-icon-font-size: 56px}:host-context(kirby-progress-circle.lg) .avatar .avatar-text,:host(.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)}\n"] }]
+            args: [{ selector: 'kirby-avatar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"avatar\" [ngClass]=\"{ overlay: overlay, stroke: stroke }\">\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", styles: [":host{--kirby-badge-elevation: 0 5px 10px -10px rgba(28, 28, 28, .3), 0 0 5px 0 rgba(28, 28, 28, .08);--kirby-badge-position: absolute;--kirby-badge-right: -2px;--kirby-badge-top: -2px;--kirby-badge-z-index: 2;position:relative}.avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;position:relative;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.stroke{border:1px solid var(--kirby-semi-light)}.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-context(kirby-progress-circle.sm) .avatar,:host(.sm) .avatar{width:40px;height:40px}:host-context(kirby-progress-circle.sm) .avatar .avatar-text,:host(.sm) .avatar .avatar-text{font-size:14px}:host-context(kirby-progress-circle.md),:host(.md){--kirby-badge-right: 0px;--kirby-badge-top: 0px}:host-context(kirby-progress-circle.md) .avatar,:host(.md) .avatar{width:56px;height:56px;--kirby-icon-font-size: 32px}:host-context(kirby-progress-circle.md) .avatar .avatar-text,:host(.md) .avatar .avatar-text{font-size:18px}:host-context(kirby-progress-circle.lg),:host(.lg){--kirby-badge-right: 6px;--kirby-badge-top: 6px}:host-context(kirby-progress-circle.lg) .avatar,:host(.lg) .avatar{width:96px;height:96px;--kirby-icon-font-size: 56px}:host-context(kirby-progress-circle.lg) .avatar .avatar-text,:host(.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)}\n"] }]
         }], propDecorators: { imageSrc: [{
                 type: Input
             }], altText: [{
                 type: Input
             }], shadow: [{
                 type: Input
+            }], stroke: [{
+                type: Input
             }], text: [{
                 type: Input
             }], overlay: [{
@@ -39,4 +48,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImpor
                 type: HostBinding,
                 args: ['class']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9hdmF0YXIvYXZhdGFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9hdmF0YXIvYXZhdGFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBSXZGLE1BQU0sQ0FBTixJQUFZLFVBS1g7QUFMRCxXQUFZLFVBQVU7SUFDcEIsdUJBQVMsQ0FBQTtJQUNULHVCQUFTLENBQUE7SUFDVCx1QkFBUyxDQUFBO0lBQ1QsdUJBQVMsQ0FBQTtBQUNYLENBQUMsRUFMVyxVQUFVLEtBQVYsVUFBVSxRQUtyQjtBQVFELE1BQU0sT0FBTyxlQUFlO0lBTjVCO1FBWVcsU0FBSSxHQUFpQyxVQUFVLENBQUMsRUFBRSxDQUFDO0tBUTdEO0lBSkMsSUFDSSxTQUFTO1FBQ1gsT0FBTyxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLFFBQVEsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3ZFLENBQUM7OytIQWJVLGVBQWU7bUhBQWYsZUFBZSwyUENqQjVCLGtWQU1BOzJGRFdhLGVBQWU7a0JBTjNCLFNBQVM7K0JBQ0UsY0FBYyxtQkFHUCx1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRU4sVUFBVTtzQkFEVCxLQUFLO2dCQUlGLFNBQVM7c0JBRFosV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEJyYW5kQ29sb3IsIE5vdGlmaWNhdGlvbkNvbG9yIH0gZnJvbSAnQGtpcmJ5ZGVzaWduL2NvcmUnO1xuXG5leHBvcnQgZW51bSBBdmF0YXJTaXplIHtcbiAgWFMgPSAneHMnLFxuICBTTSA9ICdzbScsXG4gIE1EID0gJ21kJyxcbiAgTEcgPSAnbGcnLFxufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdraXJieS1hdmF0YXInLFxuICB0ZW1wbGF0ZVVybDogJy4vYXZhdGFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYXZhdGFyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBBdmF0YXJDb21wb25lbnQge1xuICBASW5wdXQoKSBpbWFnZVNyYzogc3RyaW5nO1xuICBASW5wdXQoKSBhbHRUZXh0OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNoYWRvdzogYm9vbGVhbjtcbiAgQElucHV0KCkgdGV4dDogc3RyaW5nO1xuICBASW5wdXQoKSBvdmVybGF5OiBib29sZWFuO1xuICBASW5wdXQoKSBzaXplOiBBdmF0YXJTaXplIHwgYCR7QXZhdGFyU2l6ZX1gID0gQXZhdGFyU2l6ZS5TTTtcbiAgQElucHV0KClcbiAgdGhlbWVDb2xvcjogTm90aWZpY2F0aW9uQ29sb3IgfCBCcmFuZENvbG9yIHwgJ21lZGl1bScgfCAnd2hpdGUnIHwgJ2RhcmsnIHwgJ2xpZ2h0JyB8ICdzZW1pLWxpZ2h0JztcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgZ2V0IF9jc3NDbGFzcygpIHtcbiAgICByZXR1cm4gW3RoaXMudGhlbWVDb2xvciwgdGhpcy5zaXplXS5maWx0ZXIoKGNzc0NsYXNzKSA9PiAhIWNzc0NsYXNzKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImF2YXRhclwiIFtuZ0NsYXNzXT1cInsgc2hhZG93OiBzaGFkb3csIG92ZXJsYXk6IG92ZXJsYXkgfVwiPlxuICA8aW1nICpuZ0lmPVwiaW1hZ2VTcmNcIiBbc3JjXT1cImltYWdlU3JjXCIgW2F0dHIuYWx0XT1cImFsdFRleHRcIiAvPlxuICA8bmctY29udGVudCAqbmdJZj1cIiF0ZXh0XCIgc2VsZWN0PVwia2lyYnktaWNvblwiPjwvbmctY29udGVudD5cbiAgPHNwYW4gY2xhc3M9XCJhdmF0YXItdGV4dFwiICpuZ0lmPVwidGV4dFwiPnt7IHRleHQgfX08L3NwYW4+XG48L2Rpdj5cbjxuZy1jb250ZW50IHNlbGVjdD1cImtpcmJ5LWJhZGdlXCI+PC9uZy1jb250ZW50PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9hdmF0YXIvYXZhdGFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9hdmF0YXIvYXZhdGFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7O0FBSS9GLE1BQU0sQ0FBTixJQUFZLFVBS1g7QUFMRCxXQUFZLFVBQVU7SUFDcEIsdUJBQVMsQ0FBQTtJQUNULHVCQUFTLENBQUE7SUFDVCx1QkFBUyxDQUFBO0lBQ1QsdUJBQVMsQ0FBQTtBQUNYLENBQUMsRUFMVyxVQUFVLEtBQVYsVUFBVSxRQUtyQjtBQVFELE1BQU0sT0FBTyxlQUFlO0lBTjVCO1FBYVcsU0FBSSxHQUFpQyxVQUFVLENBQUMsRUFBRSxDQUFDO0tBbUI3RDtJQWZDLElBQ0ksU0FBUztRQUNYLE9BQU8sQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUN2RSxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ2hCLE9BQU87U0FDUjtRQUVELElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1FBQ25CLE9BQU8sQ0FBQyxJQUFJLENBQ1Ysa0ZBQWtGLENBQ25GLENBQUM7SUFDSixDQUFDOzsrSEF6QlUsZUFBZTttSEFBZixlQUFlLDZRQ2pCNUIsa1ZBTUE7MkZEV2EsZUFBZTtrQkFOM0IsU0FBUzsrQkFDRSxjQUFjLG1CQUdQLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRU4sVUFBVTtzQkFEVCxLQUFLO2dCQUlGLFNBQVM7c0JBRFosV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQnJhbmRDb2xvciwgTm90aWZpY2F0aW9uQ29sb3IgfSBmcm9tICdAa2lyYnlkZXNpZ24vY29yZSc7XG5cbmV4cG9ydCBlbnVtIEF2YXRhclNpemUge1xuICBYUyA9ICd4cycsXG4gIFNNID0gJ3NtJyxcbiAgTUQgPSAnbWQnLFxuICBMRyA9ICdsZycsXG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2tpcmJ5LWF2YXRhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9hdmF0YXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hdmF0YXIuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEF2YXRhckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGltYWdlU3JjOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGFsdFRleHQ6IHN0cmluZztcbiAgQElucHV0KCkgc2hhZG93OiBib29sZWFuO1xuICBASW5wdXQoKSBzdHJva2U6IGJvb2xlYW47XG4gIEBJbnB1dCgpIHRleHQ6IHN0cmluZztcbiAgQElucHV0KCkgb3ZlcmxheTogYm9vbGVhbjtcbiAgQElucHV0KCkgc2l6ZTogQXZhdGFyU2l6ZSB8IGAke0F2YXRhclNpemV9YCA9IEF2YXRhclNpemUuU007XG4gIEBJbnB1dCgpXG4gIHRoZW1lQ29sb3I6IE5vdGlmaWNhdGlvbkNvbG9yIHwgQnJhbmRDb2xvciB8ICdtZWRpdW0nIHwgJ3doaXRlJyB8ICdkYXJrJyB8ICdsaWdodCcgfCAnc2VtaS1saWdodCc7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIGdldCBfY3NzQ2xhc3MoKSB7XG4gICAgcmV0dXJuIFt0aGlzLnRoZW1lQ29sb3IsIHRoaXMuc2l6ZV0uZmlsdGVyKChjc3NDbGFzcykgPT4gISFjc3NDbGFzcyk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuc2hhZG93KSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5zdHJva2UgPSB0cnVlO1xuICAgIGNvbnNvbGUud2FybihcbiAgICAgICdTaGFkb3cgaW5wdXQgYmluZGluZyBvbiBhdmF0YXIgd2lsbCBiZSBkZXByZWNhdGVkIG5leHQgbWFqb3IuIFVzZSBzdHJva2UgaW5zdGVhZCdcbiAgICApO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiYXZhdGFyXCIgW25nQ2xhc3NdPVwieyBvdmVybGF5OiBvdmVybGF5LCBzdHJva2U6IHN0cm9rZSB9XCI+XG4gIDxpbWcgKm5nSWY9XCJpbWFnZVNyY1wiIFtzcmNdPVwiaW1hZ2VTcmNcIiBbYXR0ci5hbHRdPVwiYWx0VGV4dFwiIC8+XG4gIDxuZy1jb250ZW50ICpuZ0lmPVwiIXRleHRcIiBzZWxlY3Q9XCJraXJieS1pY29uXCI+PC9uZy1jb250ZW50PlxuICA8c3BhbiBjbGFzcz1cImF2YXRhci10ZXh0XCIgKm5nSWY9XCJ0ZXh0XCI+e3sgdGV4dCB9fTwvc3Bhbj5cbjwvZGl2PlxuPG5nLWNvbnRlbnQgc2VsZWN0PVwia2lyYnktYmFkZ2VcIj48L25nLWNvbnRlbnQ+XG4iXX0=

package/esm2020/lib/components/button/button.component.mjs

@@ -63,10 +63,10 @@ export class ButtonComponent {
     }
 }
 /** @nocollapse */ ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: ButtonComponent, selector: "button[kirby-button],Button[kirby-button]", inputs: { attentionLevel: "attentionLevel", noDecoration: "noDecoration", isDestructive: "isDestructive", themeColor: "themeColor", expand: "expand", isFloating: "isFloating", size: "size" }, host: { properties: { "class.attention-level1": "this.isAttentionLevel1", "class.attention-level2": "this.isAttentionLevel2", "class.attention-level3": "this.isAttentionLevel3", "class.no-decoration": "this.hasNoDecoration", "class.destructive": "this.destructive", "class.floating": "this.isButtonFloating", "class.icon-only": "this.isIconOnly", "class.icon-left": "this.isIconLeft", "class.icon-right": "this.isIconRight", "class": "this._cssClass" } }, queries: [{ propertyName: "icon", first: true, predicate: IconComponent, descendants: true }, { propertyName: "iconElementRef", first: true, predicate: IconComponent, descendants: true, read: ElementRef }], ngImport: i0, template: "<ng-container>\n  <span class=\"state-layer\" aria-hidden=\"true\"></span>\n  <span class=\"content-layer\"><ng-content></ng-content></span>\n</ng-container>\n<!--\n  TODO: Fix globally exposed .state-layer and .content-layer\n  \n  See: https://github.com/kirbydesign/designsystem/issues/2101\n-->\n", styles: [":host{--kirby-button-padding-left: 24px;--kirby-button-padding-right: 24px;--state-layer-opacity: 0;--state-layer-background-color: var(--kirby-black);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;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;font-size:14px;height:40px;min-width:88px;padding:0;margin:4px;line-height:20px;outline:none;border-width:1px;border-style:solid;border-color: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%}@media (hover: hover) and (pointer: fine){:host:focus{transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}:host:focus:not(:focus-visible){box-shadow:0 0 0 0 transparent}:host:focus-visible{transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}}:host .content-layer{position:relative;z-index:var(--content-layer-z-index, 1)}:host .state-layer{position:absolute;inset:-1px;overflow:hidden;pointer-events:none;border-radius:inherit;z-index:2}:host .state-layer:before{transition:all 80ms linear 0ms;content:\"\";position:absolute;pointer-events:none;inset:-50%;opacity:var(--state-layer-opacity, 0);background-color:var(--state-layer-background-color, var(--kirby-black))}@media (hover: hover){:host:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host:active,:host.interaction-state-active{--state-layer-opacity: .16;--state-layer-background-color: var(--kirby-black)}:host .content-layer{display:inherit;width:inherit;flex-direction:inherit;align-items:inherit;justify-content:inherit;padding-inline:var(--kirby-button-padding-left) var(--kirby-button-padding-right)}:host.no-margin{margin:0}:host.icon-left{--kirby-icon-margin-right: 8px;--kirby-button-padding-left: 12px;--kirby-button-padding-right: 16px;padding:0}:host.icon-right{--kirby-icon-margin-left: 8px;--kirby-button-padding-left: 16px;--kirby-button-padding-right: 12px;padding:0}: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){--kirby-button-padding-left: 16px;--kirby-button-padding-right: 16px}:host.sm.icon-only{--kirby-icon-font-size: 16px;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.no-decoration{--kirby-button-background-color: transparent;--kirby-button-color: var(--kirby-black);--kirby-button-border-color: transparent}@media (hover: hover){:host.no-decoration:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host.no-decoration:active,:host.no-decoration.interaction-state-active{--state-layer-opacity: .16;--state-layer-background-color: var(--kirby-black)}:host.no-decoration.destructive{--kirby-button-color: var(--kirby-danger)}: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-black);--kirby-button-color: var(--kirby-black-contrast)}@media (hover: hover){:host.attention-level2:hover{--state-layer-opacity: .24;--state-layer-background-color: var(--kirby-black-contrast);cursor:pointer}}:host.attention-level2:active,:host.attention-level2.interaction-state-active{--state-layer-opacity: .36;--state-layer-background-color: var(--kirby-black-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)}@media (hover: hover){:host.attention-level3:hover{--state-layer-opacity: .04;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host.attention-level3:active,:host.attention-level3.interaction-state-active{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black)}:host.attention-level3.destructive{--kirby-button-color: var(--kirby-danger)}:host[expand=block]{width:100%}:host:disabled{background-color:var(--kirby-semi-light);color:var(--kirby-semi-dark-shade);border-color:transparent;pointer-events:none}:host :host-context(.kirby-color-brightness-dark).no-decoration{--kirby-button-color: var(--kirby-white)}:host :host-context(.kirby-color-brightness-dark).attention-level2{--kirby-button-background-color: var(--kirby-white);--kirby-button-color: var(--kirby-white-contrast)}@media (hover: hover){:host :host-context(.kirby-color-brightness-dark).attention-level2:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host :host-context(.kirby-color-brightness-dark).attention-level2:active,:host :host-context(.kirby-color-brightness-dark).attention-level2.interaction-state-active{--state-layer-opacity: .16;--state-layer-background-color: var(--kirby-black)}:host :host-context(.kirby-color-brightness-dark).attention-level3{--kirby-button-border-color: var(--kirby-white);--kirby-button-color: var(--kirby-white)}@media (hover: hover){:host :host-context(.kirby-color-brightness-dark).attention-level3:hover{--state-layer-opacity: .12;--state-layer-background-color: var(--kirby-black-contrast);cursor:pointer}}:host :host-context(.kirby-color-brightness-dark).attention-level3:active,:host :host-context(.kirby-color-brightness-dark).attention-level3.interaction-state-active{--state-layer-opacity: .2;--state-layer-background-color: var(--kirby-black-contrast)}:host.floating{width:64px!important;height:64px!important;min-width:unset}:host.floating:not(:disabled){box-shadow:0 20px 30px -15px #1c1c1c4d,0 0 5px #1c1c1c14}: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(kirby-dropdown){justify-content:space-between}:host-context(kirby-dropdown).attention-level2{--kirby-button-background-color: var(--kirby-white);--kirby-button-color: var(--kirby-white-contrast);box-shadow:0 5px 10px -10px #1c1c1c4d,0 0 5px #1c1c1c14}@media (hover: hover){:host-context(kirby-dropdown).attention-level2:hover{--state-layer-opacity: .04;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host-context(kirby-dropdown).attention-level2:active,:host-context(kirby-dropdown).attention-level2.interaction-state-active{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black)}:host-context(kirby-action-sheet).attention-level2{--kirby-button-background-color: var(--kirby-white);--kirby-button-color: var(--kirby-white-contrast)}@media (hover: hover){:host-context(kirby-action-sheet).attention-level2:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host-context(kirby-action-sheet).attention-level2:active,:host-context(kirby-action-sheet).attention-level2.interaction-state-active{--state-layer-opacity: .12;--state-layer-background-color: var(--kirby-black)}: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).no-decoration,: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{--kirby-button-background-color: transparent;--kirby-button-color: var(--kirby-black);--kirby-button-border-color: transparent}@media (hover: hover){:host-context(ion-toolbar kirby-page-actions).no-decoration:hover,:host-context(ion-toolbar kirby-page-actions).attention-level1:hover,:host-context(ion-toolbar kirby-page-actions).attention-level2:hover,:host-context(ion-toolbar kirby-page-actions).attention-level3:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host-context(ion-toolbar kirby-page-actions).no-decoration:active,:host-context(ion-toolbar kirby-page-actions).no-decoration.interaction-state-active,:host-context(ion-toolbar kirby-page-actions).attention-level1:active,:host-context(ion-toolbar kirby-page-actions).attention-level1.interaction-state-active,:host-context(ion-toolbar kirby-page-actions).attention-level2:active,:host-context(ion-toolbar kirby-page-actions).attention-level2.interaction-state-active,:host-context(ion-toolbar kirby-page-actions).attention-level3:active,:host-context(ion-toolbar kirby-page-actions).attention-level3.interaction-state-active{--state-layer-opacity: .16;--state-layer-background-color: var(--kirby-black)}:host-context(ion-toolbar kirby-page-actions).no-decoration.destructive,: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{--kirby-button-color: var(--kirby-danger)}:host-context(.page-title kirby-page-actions).no-decoration,: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{--kirby-button-background-color: transparent;--kirby-button-color: var(--kirby-black);--kirby-button-border-color: var(--kirby-medium)}@media (hover: hover){:host-context(.page-title kirby-page-actions).no-decoration:hover,:host-context(.page-title kirby-page-actions).attention-level1:hover,:host-context(.page-title kirby-page-actions).attention-level2:hover,:host-context(.page-title kirby-page-actions).attention-level3:hover{--state-layer-opacity: .04;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host-context(.page-title kirby-page-actions).no-decoration:active,:host-context(.page-title kirby-page-actions).no-decoration.interaction-state-active,:host-context(.page-title kirby-page-actions).attention-level1:active,:host-context(.page-title kirby-page-actions).attention-level1.interaction-state-active,:host-context(.page-title kirby-page-actions).attention-level2:active,:host-context(.page-title kirby-page-actions).attention-level2.interaction-state-active,:host-context(.page-title kirby-page-actions).attention-level3:active,:host-context(.page-title kirby-page-actions).attention-level3.interaction-state-active{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black)}:host-context(.page-title kirby-page-actions).no-decoration.destructive,: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{--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-toggle-button).success{--kirby-button-background-color: var(--kirby-success);--kirby-button-color: var(--kirby-success-contrast)}@media (hover: hover){:host-context(kirby-toggle-button).success:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host-context(kirby-toggle-button).success:active,:host-context(kirby-toggle-button).success.interaction-state-active{--state-layer-opacity: .16;--state-layer-background-color: var(--kirby-black)}:host-context(kirby-toggle-button).warning{--kirby-button-background-color: var(--kirby-warning);--kirby-button-color: var(--kirby-warning-contrast)}@media (hover: hover){:host-context(kirby-toggle-button).warning:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host-context(kirby-toggle-button).warning:active,:host-context(kirby-toggle-button).warning.interaction-state-active{--state-layer-opacity: .16;--state-layer-background-color: var(--kirby-black)}:host-context(kirby-toggle-button).danger{--kirby-button-background-color: var(--kirby-danger);--kirby-button-color: var(--kirby-danger-contrast)}@media (hover: hover){:host-context(kirby-toggle-button).danger:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host-context(kirby-toggle-button).danger:active,:host-context(kirby-toggle-button).danger.interaction-state-active{--state-layer-opacity: .16;--state-layer-background-color: var(--kirby-black)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: ButtonComponent, selector: "button[kirby-button],Button[kirby-button]", inputs: { attentionLevel: "attentionLevel", noDecoration: "noDecoration", isDestructive: "isDestructive", themeColor: "themeColor", expand: "expand", isFloating: "isFloating", size: "size" }, host: { properties: { "class.attention-level1": "this.isAttentionLevel1", "class.attention-level2": "this.isAttentionLevel2", "class.attention-level3": "this.isAttentionLevel3", "class.no-decoration": "this.hasNoDecoration", "class.destructive": "this.destructive", "class.floating": "this.isButtonFloating", "class.icon-only": "this.isIconOnly", "class.icon-left": "this.isIconLeft", "class.icon-right": "this.isIconRight", "class": "this._cssClass" } }, queries: [{ propertyName: "icon", first: true, predicate: IconComponent, descendants: true }, { propertyName: "iconElementRef", first: true, predicate: IconComponent, descendants: true, read: ElementRef }], ngImport: i0, template: "<ng-container>\n  <span class=\"state-layer\" aria-hidden=\"true\"></span>\n  <span class=\"content-layer\"><ng-content></ng-content></span>\n</ng-container>\n<!--\n  TODO: Fix globally exposed .state-layer and .content-layer\n  \n  See: https://github.com/kirbydesign/designsystem/issues/2101\n-->\n", styles: [":host{--kirby-button-padding-left: 24px;--kirby-button-padding-right: 24px;--state-layer-opacity: 0;--state-layer-background-color: var(--kirby-black);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;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;font-size:14px;height:40px;min-width:88px;padding:0;margin:4px;line-height:20px;outline:none;border-width:1px;border-style:solid;border-color: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%}@media (hover: hover) and (pointer: fine){:host:focus{transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}:host:focus:not(:focus-visible){box-shadow:0 0 0 0 transparent}:host:focus-visible{transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}}:host .content-layer{position:relative;z-index:var(--content-layer-z-index, 1)}:host .state-layer{position:absolute;inset:-1px;overflow:hidden;pointer-events:none;border-radius:inherit;z-index:2}:host .state-layer:before{transition:all 80ms linear 0ms;content:\"\";position:absolute;pointer-events:none;inset:-50%;opacity:var(--state-layer-opacity, 0);background-color:var(--state-layer-background-color, var(--kirby-black))}@media (hover: hover){:host:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host:active,:host.interaction-state-active{--state-layer-opacity: .16;--state-layer-background-color: var(--kirby-black)}:host .content-layer{display:inherit;width:inherit;flex-direction:inherit;align-items:inherit;justify-content:inherit;padding-inline:var(--kirby-button-padding-left) var(--kirby-button-padding-right)}:host.no-margin{margin:0}:host.icon-left{--kirby-icon-margin-right: 8px;--kirby-button-padding-left: 12px;--kirby-button-padding-right: 16px;padding:0}:host.icon-right{--kirby-icon-margin-left: 8px;--kirby-button-padding-left: 16px;--kirby-button-padding-right: 12px;padding:0}: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){--kirby-button-padding-left: 16px;--kirby-button-padding-right: 16px}:host.sm.icon-only{--kirby-icon-font-size: 16px;width:32px;min-width:unset}:host.sm.icon-left{--kirby-button-padding-left: 12px}:host.sm.icon-right{--kirby-button-padding-right: 12px}: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.no-decoration{--kirby-button-background-color: transparent;--kirby-button-color: var(--kirby-black);--kirby-button-border-color: transparent}@media (hover: hover){:host.no-decoration:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host.no-decoration:active,:host.no-decoration.interaction-state-active{--state-layer-opacity: .16;--state-layer-background-color: var(--kirby-black)}:host.no-decoration.destructive{--kirby-button-color: var(--kirby-danger)}: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-black);--kirby-button-color: var(--kirby-black-contrast)}@media (hover: hover){:host.attention-level2:hover{--state-layer-opacity: .24;--state-layer-background-color: var(--kirby-black-contrast);cursor:pointer}}:host.attention-level2:active,:host.attention-level2.interaction-state-active{--state-layer-opacity: .36;--state-layer-background-color: var(--kirby-black-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)}@media (hover: hover){:host.attention-level3:hover{--state-layer-opacity: .04;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host.attention-level3:active,:host.attention-level3.interaction-state-active{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black)}:host.attention-level3.destructive{--kirby-button-color: var(--kirby-danger)}:host[expand=block]{width:100%}:host:disabled{background-color:var(--kirby-semi-light);color:var(--kirby-semi-dark-shade);border-color:transparent;pointer-events:none}:host :host-context(.kirby-color-brightness-dark).no-decoration{--kirby-button-color: var(--kirby-white)}:host :host-context(.kirby-color-brightness-dark).attention-level2{--kirby-button-background-color: var(--kirby-white);--kirby-button-color: var(--kirby-white-contrast)}@media (hover: hover){:host :host-context(.kirby-color-brightness-dark).attention-level2:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host :host-context(.kirby-color-brightness-dark).attention-level2:active,:host :host-context(.kirby-color-brightness-dark).attention-level2.interaction-state-active{--state-layer-opacity: .16;--state-layer-background-color: var(--kirby-black)}:host :host-context(.kirby-color-brightness-dark).attention-level3{--kirby-button-border-color: var(--kirby-white);--kirby-button-color: var(--kirby-white)}@media (hover: hover){:host :host-context(.kirby-color-brightness-dark).attention-level3:hover{--state-layer-opacity: .12;--state-layer-background-color: var(--kirby-black-contrast);cursor:pointer}}:host :host-context(.kirby-color-brightness-dark).attention-level3:active,:host :host-context(.kirby-color-brightness-dark).attention-level3.interaction-state-active{--state-layer-opacity: .2;--state-layer-background-color: var(--kirby-black-contrast)}:host.floating{width:64px!important;height:64px!important;min-width:unset}:host.floating:not(:disabled){box-shadow:0 20px 30px -15px #1c1c1c4d,0 0 5px #1c1c1c14}: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(kirby-dropdown){justify-content:space-between}:host-context(kirby-dropdown).attention-level2{--kirby-button-background-color: var(--kirby-white);--kirby-button-color: var(--kirby-white-contrast);box-shadow:0 5px 10px -10px #1c1c1c4d,0 0 5px #1c1c1c14}@media (hover: hover){:host-context(kirby-dropdown).attention-level2:hover{--state-layer-opacity: .04;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host-context(kirby-dropdown).attention-level2:active,:host-context(kirby-dropdown).attention-level2.interaction-state-active{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black)}:host-context(kirby-action-sheet).attention-level2{--kirby-button-background-color: var(--kirby-white);--kirby-button-color: var(--kirby-white-contrast)}@media (hover: hover){:host-context(kirby-action-sheet).attention-level2:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host-context(kirby-action-sheet).attention-level2:active,:host-context(kirby-action-sheet).attention-level2.interaction-state-active{--state-layer-opacity: .12;--state-layer-background-color: var(--kirby-black)}:host-context(kirby-page ion-toolbar ion-buttons){font-size:14px;margin:0;height:40px}:host-context(kirby-page ion-toolbar ion-buttons).icon-only{width:40px}:host-context(kirby-page ion-toolbar ion-buttons).icon-only.no-decoration,:host-context(kirby-page ion-toolbar ion-buttons).icon-only.attention-level1,:host-context(kirby-page ion-toolbar ion-buttons).icon-only.attention-level2,:host-context(kirby-page ion-toolbar ion-buttons).icon-only.attention-level3{--kirby-button-background-color: transparent;--kirby-button-color: var(--kirby-black);--kirby-button-border-color: transparent}@media (hover: hover){:host-context(kirby-page ion-toolbar ion-buttons).icon-only.no-decoration:hover,:host-context(kirby-page ion-toolbar ion-buttons).icon-only.attention-level1:hover,:host-context(kirby-page ion-toolbar ion-buttons).icon-only.attention-level2:hover,:host-context(kirby-page ion-toolbar ion-buttons).icon-only.attention-level3:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host-context(kirby-page ion-toolbar ion-buttons).icon-only.no-decoration:active,:host-context(kirby-page ion-toolbar ion-buttons).icon-only.no-decoration.interaction-state-active,:host-context(kirby-page ion-toolbar ion-buttons).icon-only.attention-level1:active,:host-context(kirby-page ion-toolbar ion-buttons).icon-only.attention-level1.interaction-state-active,:host-context(kirby-page ion-toolbar ion-buttons).icon-only.attention-level2:active,:host-context(kirby-page ion-toolbar ion-buttons).icon-only.attention-level2.interaction-state-active,:host-context(kirby-page ion-toolbar ion-buttons).icon-only.attention-level3:active,:host-context(kirby-page ion-toolbar ion-buttons).icon-only.attention-level3.interaction-state-active{--state-layer-opacity: .16;--state-layer-background-color: var(--kirby-black)}:host-context(kirby-page ion-toolbar ion-buttons).icon-only.no-decoration.destructive,:host-context(kirby-page ion-toolbar ion-buttons).icon-only.attention-level1.destructive,:host-context(kirby-page ion-toolbar ion-buttons).icon-only.attention-level2.destructive,:host-context(kirby-page ion-toolbar ion-buttons).icon-only.attention-level3.destructive{--kirby-button-color: var(--kirby-danger)}:host-context(.page-title kirby-page-actions).no-decoration,: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{--kirby-button-background-color: transparent;--kirby-button-color: var(--kirby-black);--kirby-button-border-color: var(--kirby-medium)}@media (hover: hover){:host-context(.page-title kirby-page-actions).no-decoration:hover,:host-context(.page-title kirby-page-actions).attention-level1:hover,:host-context(.page-title kirby-page-actions).attention-level2:hover,:host-context(.page-title kirby-page-actions).attention-level3:hover{--state-layer-opacity: .04;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host-context(.page-title kirby-page-actions).no-decoration:active,:host-context(.page-title kirby-page-actions).no-decoration.interaction-state-active,:host-context(.page-title kirby-page-actions).attention-level1:active,:host-context(.page-title kirby-page-actions).attention-level1.interaction-state-active,:host-context(.page-title kirby-page-actions).attention-level2:active,:host-context(.page-title kirby-page-actions).attention-level2.interaction-state-active,:host-context(.page-title kirby-page-actions).attention-level3:active,:host-context(.page-title kirby-page-actions).attention-level3.interaction-state-active{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black)}:host-context(.page-title kirby-page-actions).no-decoration.destructive,: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{--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-toggle-button).success{--kirby-button-background-color: var(--kirby-success);--kirby-button-color: var(--kirby-success-contrast)}@media (hover: hover){:host-context(kirby-toggle-button).success:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host-context(kirby-toggle-button).success:active,:host-context(kirby-toggle-button).success.interaction-state-active{--state-layer-opacity: .16;--state-layer-background-color: var(--kirby-black)}:host-context(kirby-toggle-button).warning{--kirby-button-background-color: var(--kirby-warning);--kirby-button-color: var(--kirby-warning-contrast)}@media (hover: hover){:host-context(kirby-toggle-button).warning:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host-context(kirby-toggle-button).warning:active,:host-context(kirby-toggle-button).warning.interaction-state-active{--state-layer-opacity: .16;--state-layer-background-color: var(--kirby-black)}:host-context(kirby-toggle-button).danger{--kirby-button-background-color: var(--kirby-danger);--kirby-button-color: var(--kirby-danger-contrast)}@media (hover: hover){:host-context(kirby-toggle-button).danger:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host-context(kirby-toggle-button).danger:active,:host-context(kirby-toggle-button).danger.interaction-state-active{--state-layer-opacity: .16;--state-layer-background-color: var(--kirby-black)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'button[kirby-button],Button[kirby-button]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container>\n  <span class=\"state-layer\" aria-hidden=\"true\"></span>\n  <span class=\"content-layer\"><ng-content></ng-content></span>\n</ng-container>\n<!--\n  TODO: Fix globally exposed .state-layer and .content-layer\n  \n  See: https://github.com/kirbydesign/designsystem/issues/2101\n-->\n", styles: [":host{--kirby-button-padding-left: 24px;--kirby-button-padding-right: 24px;--state-layer-opacity: 0;--state-layer-background-color: var(--kirby-black);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;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;font-size:14px;height:40px;min-width:88px;padding:0;margin:4px;line-height:20px;outline:none;border-width:1px;border-style:solid;border-color: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%}@media (hover: hover) and (pointer: fine){:host:focus{transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}:host:focus:not(:focus-visible){box-shadow:0 0 0 0 transparent}:host:focus-visible{transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}}:host .content-layer{position:relative;z-index:var(--content-layer-z-index, 1)}:host .state-layer{position:absolute;inset:-1px;overflow:hidden;pointer-events:none;border-radius:inherit;z-index:2}:host .state-layer:before{transition:all 80ms linear 0ms;content:\"\";position:absolute;pointer-events:none;inset:-50%;opacity:var(--state-layer-opacity, 0);background-color:var(--state-layer-background-color, var(--kirby-black))}@media (hover: hover){:host:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host:active,:host.interaction-state-active{--state-layer-opacity: .16;--state-layer-background-color: var(--kirby-black)}:host .content-layer{display:inherit;width:inherit;flex-direction:inherit;align-items:inherit;justify-content:inherit;padding-inline:var(--kirby-button-padding-left) var(--kirby-button-padding-right)}:host.no-margin{margin:0}:host.icon-left{--kirby-icon-margin-right: 8px;--kirby-button-padding-left: 12px;--kirby-button-padding-right: 16px;padding:0}:host.icon-right{--kirby-icon-margin-left: 8px;--kirby-button-padding-left: 16px;--kirby-button-padding-right: 12px;padding:0}: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){--kirby-button-padding-left: 16px;--kirby-button-padding-right: 16px}:host.sm.icon-only{--kirby-icon-font-size: 16px;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.no-decoration{--kirby-button-background-color: transparent;--kirby-button-color: var(--kirby-black);--kirby-button-border-color: transparent}@media (hover: hover){:host.no-decoration:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host.no-decoration:active,:host.no-decoration.interaction-state-active{--state-layer-opacity: .16;--state-layer-background-color: var(--kirby-black)}:host.no-decoration.destructive{--kirby-button-color: var(--kirby-danger)}: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-black);--kirby-button-color: var(--kirby-black-contrast)}@media (hover: hover){:host.attention-level2:hover{--state-layer-opacity: .24;--state-layer-background-color: var(--kirby-black-contrast);cursor:pointer}}:host.attention-level2:active,:host.attention-level2.interaction-state-active{--state-layer-opacity: .36;--state-layer-background-color: var(--kirby-black-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)}@media (hover: hover){:host.attention-level3:hover{--state-layer-opacity: .04;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host.attention-level3:active,:host.attention-level3.interaction-state-active{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black)}:host.attention-level3.destructive{--kirby-button-color: var(--kirby-danger)}:host[expand=block]{width:100%}:host:disabled{background-color:var(--kirby-semi-light);color:var(--kirby-semi-dark-shade);border-color:transparent;pointer-events:none}:host :host-context(.kirby-color-brightness-dark).no-decoration{--kirby-button-color: var(--kirby-white)}:host :host-context(.kirby-color-brightness-dark).attention-level2{--kirby-button-background-color: var(--kirby-white);--kirby-button-color: var(--kirby-white-contrast)}@media (hover: hover){:host :host-context(.kirby-color-brightness-dark).attention-level2:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host :host-context(.kirby-color-brightness-dark).attention-level2:active,:host :host-context(.kirby-color-brightness-dark).attention-level2.interaction-state-active{--state-layer-opacity: .16;--state-layer-background-color: var(--kirby-black)}:host :host-context(.kirby-color-brightness-dark).attention-level3{--kirby-button-border-color: var(--kirby-white);--kirby-button-color: var(--kirby-white)}@media (hover: hover){:host :host-context(.kirby-color-brightness-dark).attention-level3:hover{--state-layer-opacity: .12;--state-layer-background-color: var(--kirby-black-contrast);cursor:pointer}}:host :host-context(.kirby-color-brightness-dark).attention-level3:active,:host :host-context(.kirby-color-brightness-dark).attention-level3.interaction-state-active{--state-layer-opacity: .2;--state-layer-background-color: var(--kirby-black-contrast)}:host.floating{width:64px!important;height:64px!important;min-width:unset}:host.floating:not(:disabled){box-shadow:0 20px 30px -15px #1c1c1c4d,0 0 5px #1c1c1c14}: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(kirby-dropdown){justify-content:space-between}:host-context(kirby-dropdown).attention-level2{--kirby-button-background-color: var(--kirby-white);--kirby-button-color: var(--kirby-white-contrast);box-shadow:0 5px 10px -10px #1c1c1c4d,0 0 5px #1c1c1c14}@media (hover: hover){:host-context(kirby-dropdown).attention-level2:hover{--state-layer-opacity: .04;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host-context(kirby-dropdown).attention-level2:active,:host-context(kirby-dropdown).attention-level2.interaction-state-active{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black)}:host-context(kirby-action-sheet).attention-level2{--kirby-button-background-color: var(--kirby-white);--kirby-button-color: var(--kirby-white-contrast)}@media (hover: hover){:host-context(kirby-action-sheet).attention-level2:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host-context(kirby-action-sheet).attention-level2:active,:host-context(kirby-action-sheet).attention-level2.interaction-state-active{--state-layer-opacity: .12;--state-layer-background-color: var(--kirby-black)}: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).no-decoration,: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{--kirby-button-background-color: transparent;--kirby-button-color: var(--kirby-black);--kirby-button-border-color: transparent}@media (hover: hover){:host-context(ion-toolbar kirby-page-actions).no-decoration:hover,:host-context(ion-toolbar kirby-page-actions).attention-level1:hover,:host-context(ion-toolbar kirby-page-actions).attention-level2:hover,:host-context(ion-toolbar kirby-page-actions).attention-level3:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host-context(ion-toolbar kirby-page-actions).no-decoration:active,:host-context(ion-toolbar kirby-page-actions).no-decoration.interaction-state-active,:host-context(ion-toolbar kirby-page-actions).attention-level1:active,:host-context(ion-toolbar kirby-page-actions).attention-level1.interaction-state-active,:host-context(ion-toolbar kirby-page-actions).attention-level2:active,:host-context(ion-toolbar kirby-page-actions).attention-level2.interaction-state-active,:host-context(ion-toolbar kirby-page-actions).attention-level3:active,:host-context(ion-toolbar kirby-page-actions).attention-level3.interaction-state-active{--state-layer-opacity: .16;--state-layer-background-color: var(--kirby-black)}:host-context(ion-toolbar kirby-page-actions).no-decoration.destructive,: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{--kirby-button-color: var(--kirby-danger)}:host-context(.page-title kirby-page-actions).no-decoration,: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{--kirby-button-background-color: transparent;--kirby-button-color: var(--kirby-black);--kirby-button-border-color: var(--kirby-medium)}@media (hover: hover){:host-context(.page-title kirby-page-actions).no-decoration:hover,:host-context(.page-title kirby-page-actions).attention-level1:hover,:host-context(.page-title kirby-page-actions).attention-level2:hover,:host-context(.page-title kirby-page-actions).attention-level3:hover{--state-layer-opacity: .04;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host-context(.page-title kirby-page-actions).no-decoration:active,:host-context(.page-title kirby-page-actions).no-decoration.interaction-state-active,:host-context(.page-title kirby-page-actions).attention-level1:active,:host-context(.page-title kirby-page-actions).attention-level1.interaction-state-active,:host-context(.page-title kirby-page-actions).attention-level2:active,:host-context(.page-title kirby-page-actions).attention-level2.interaction-state-active,:host-context(.page-title kirby-page-actions).attention-level3:active,:host-context(.page-title kirby-page-actions).attention-level3.interaction-state-active{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black)}:host-context(.page-title kirby-page-actions).no-decoration.destructive,: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{--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-toggle-button).success{--kirby-button-background-color: var(--kirby-success);--kirby-button-color: var(--kirby-success-contrast)}@media (hover: hover){:host-context(kirby-toggle-button).success:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host-context(kirby-toggle-button).success:active,:host-context(kirby-toggle-button).success.interaction-state-active{--state-layer-opacity: .16;--state-layer-background-color: var(--kirby-black)}:host-context(kirby-toggle-button).warning{--kirby-button-background-color: var(--kirby-warning);--kirby-button-color: var(--kirby-warning-contrast)}@media (hover: hover){:host-context(kirby-toggle-button).warning:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host-context(kirby-toggle-button).warning:active,:host-context(kirby-toggle-button).warning.interaction-state-active{--state-layer-opacity: .16;--state-layer-background-color: var(--kirby-black)}:host-context(kirby-toggle-button).danger{--kirby-button-background-color: var(--kirby-danger);--kirby-button-color: var(--kirby-danger-contrast)}@media (hover: hover){:host-context(kirby-toggle-button).danger:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host-context(kirby-toggle-button).danger:active,:host-context(kirby-toggle-button).danger.interaction-state-active{--state-layer-opacity: .16;--state-layer-background-color: var(--kirby-black)}\n"] }]
+            args: [{ selector: 'button[kirby-button],Button[kirby-button]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container>\n  <span class=\"state-layer\" aria-hidden=\"true\"></span>\n  <span class=\"content-layer\"><ng-content></ng-content></span>\n</ng-container>\n<!--\n  TODO: Fix globally exposed .state-layer and .content-layer\n  \n  See: https://github.com/kirbydesign/designsystem/issues/2101\n-->\n", styles: [":host{--kirby-button-padding-left: 24px;--kirby-button-padding-right: 24px;--state-layer-opacity: 0;--state-layer-background-color: var(--kirby-black);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;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;font-size:14px;height:40px;min-width:88px;padding:0;margin:4px;line-height:20px;outline:none;border-width:1px;border-style:solid;border-color: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%}@media (hover: hover) and (pointer: fine){:host:focus{transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}:host:focus:not(:focus-visible){box-shadow:0 0 0 0 transparent}:host:focus-visible{transition:all 80ms linear 0ms;box-shadow:0 0 0 2px var(--kirby-background-color),0 0 0 4px #4d90fe}}:host .content-layer{position:relative;z-index:var(--content-layer-z-index, 1)}:host .state-layer{position:absolute;inset:-1px;overflow:hidden;pointer-events:none;border-radius:inherit;z-index:2}:host .state-layer:before{transition:all 80ms linear 0ms;content:\"\";position:absolute;pointer-events:none;inset:-50%;opacity:var(--state-layer-opacity, 0);background-color:var(--state-layer-background-color, var(--kirby-black))}@media (hover: hover){:host:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host:active,:host.interaction-state-active{--state-layer-opacity: .16;--state-layer-background-color: var(--kirby-black)}:host .content-layer{display:inherit;width:inherit;flex-direction:inherit;align-items:inherit;justify-content:inherit;padding-inline:var(--kirby-button-padding-left) var(--kirby-button-padding-right)}:host.no-margin{margin:0}:host.icon-left{--kirby-icon-margin-right: 8px;--kirby-button-padding-left: 12px;--kirby-button-padding-right: 16px;padding:0}:host.icon-right{--kirby-icon-margin-left: 8px;--kirby-button-padding-left: 16px;--kirby-button-padding-right: 12px;padding:0}: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){--kirby-button-padding-left: 16px;--kirby-button-padding-right: 16px}:host.sm.icon-only{--kirby-icon-font-size: 16px;width:32px;min-width:unset}:host.sm.icon-left{--kirby-button-padding-left: 12px}:host.sm.icon-right{--kirby-button-padding-right: 12px}: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.no-decoration{--kirby-button-background-color: transparent;--kirby-button-color: var(--kirby-black);--kirby-button-border-color: transparent}@media (hover: hover){:host.no-decoration:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host.no-decoration:active,:host.no-decoration.interaction-state-active{--state-layer-opacity: .16;--state-layer-background-color: var(--kirby-black)}:host.no-decoration.destructive{--kirby-button-color: var(--kirby-danger)}: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-black);--kirby-button-color: var(--kirby-black-contrast)}@media (hover: hover){:host.attention-level2:hover{--state-layer-opacity: .24;--state-layer-background-color: var(--kirby-black-contrast);cursor:pointer}}:host.attention-level2:active,:host.attention-level2.interaction-state-active{--state-layer-opacity: .36;--state-layer-background-color: var(--kirby-black-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)}@media (hover: hover){:host.attention-level3:hover{--state-layer-opacity: .04;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host.attention-level3:active,:host.attention-level3.interaction-state-active{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black)}:host.attention-level3.destructive{--kirby-button-color: var(--kirby-danger)}:host[expand=block]{width:100%}:host:disabled{background-color:var(--kirby-semi-light);color:var(--kirby-semi-dark-shade);border-color:transparent;pointer-events:none}:host :host-context(.kirby-color-brightness-dark).no-decoration{--kirby-button-color: var(--kirby-white)}:host :host-context(.kirby-color-brightness-dark).attention-level2{--kirby-button-background-color: var(--kirby-white);--kirby-button-color: var(--kirby-white-contrast)}@media (hover: hover){:host :host-context(.kirby-color-brightness-dark).attention-level2:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host :host-context(.kirby-color-brightness-dark).attention-level2:active,:host :host-context(.kirby-color-brightness-dark).attention-level2.interaction-state-active{--state-layer-opacity: .16;--state-layer-background-color: var(--kirby-black)}:host :host-context(.kirby-color-brightness-dark).attention-level3{--kirby-button-border-color: var(--kirby-white);--kirby-button-color: var(--kirby-white)}@media (hover: hover){:host :host-context(.kirby-color-brightness-dark).attention-level3:hover{--state-layer-opacity: .12;--state-layer-background-color: var(--kirby-black-contrast);cursor:pointer}}:host :host-context(.kirby-color-brightness-dark).attention-level3:active,:host :host-context(.kirby-color-brightness-dark).attention-level3.interaction-state-active{--state-layer-opacity: .2;--state-layer-background-color: var(--kirby-black-contrast)}:host.floating{width:64px!important;height:64px!important;min-width:unset}:host.floating:not(:disabled){box-shadow:0 20px 30px -15px #1c1c1c4d,0 0 5px #1c1c1c14}: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(kirby-dropdown){justify-content:space-between}:host-context(kirby-dropdown).attention-level2{--kirby-button-background-color: var(--kirby-white);--kirby-button-color: var(--kirby-white-contrast);box-shadow:0 5px 10px -10px #1c1c1c4d,0 0 5px #1c1c1c14}@media (hover: hover){:host-context(kirby-dropdown).attention-level2:hover{--state-layer-opacity: .04;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host-context(kirby-dropdown).attention-level2:active,:host-context(kirby-dropdown).attention-level2.interaction-state-active{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black)}:host-context(kirby-action-sheet).attention-level2{--kirby-button-background-color: var(--kirby-white);--kirby-button-color: var(--kirby-white-contrast)}@media (hover: hover){:host-context(kirby-action-sheet).attention-level2:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host-context(kirby-action-sheet).attention-level2:active,:host-context(kirby-action-sheet).attention-level2.interaction-state-active{--state-layer-opacity: .12;--state-layer-background-color: var(--kirby-black)}:host-context(kirby-page ion-toolbar ion-buttons){font-size:14px;margin:0;height:40px}:host-context(kirby-page ion-toolbar ion-buttons).icon-only{width:40px}:host-context(kirby-page ion-toolbar ion-buttons).icon-only.no-decoration,:host-context(kirby-page ion-toolbar ion-buttons).icon-only.attention-level1,:host-context(kirby-page ion-toolbar ion-buttons).icon-only.attention-level2,:host-context(kirby-page ion-toolbar ion-buttons).icon-only.attention-level3{--kirby-button-background-color: transparent;--kirby-button-color: var(--kirby-black);--kirby-button-border-color: transparent}@media (hover: hover){:host-context(kirby-page ion-toolbar ion-buttons).icon-only.no-decoration:hover,:host-context(kirby-page ion-toolbar ion-buttons).icon-only.attention-level1:hover,:host-context(kirby-page ion-toolbar ion-buttons).icon-only.attention-level2:hover,:host-context(kirby-page ion-toolbar ion-buttons).icon-only.attention-level3:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host-context(kirby-page ion-toolbar ion-buttons).icon-only.no-decoration:active,:host-context(kirby-page ion-toolbar ion-buttons).icon-only.no-decoration.interaction-state-active,:host-context(kirby-page ion-toolbar ion-buttons).icon-only.attention-level1:active,:host-context(kirby-page ion-toolbar ion-buttons).icon-only.attention-level1.interaction-state-active,:host-context(kirby-page ion-toolbar ion-buttons).icon-only.attention-level2:active,:host-context(kirby-page ion-toolbar ion-buttons).icon-only.attention-level2.interaction-state-active,:host-context(kirby-page ion-toolbar ion-buttons).icon-only.attention-level3:active,:host-context(kirby-page ion-toolbar ion-buttons).icon-only.attention-level3.interaction-state-active{--state-layer-opacity: .16;--state-layer-background-color: var(--kirby-black)}:host-context(kirby-page ion-toolbar ion-buttons).icon-only.no-decoration.destructive,:host-context(kirby-page ion-toolbar ion-buttons).icon-only.attention-level1.destructive,:host-context(kirby-page ion-toolbar ion-buttons).icon-only.attention-level2.destructive,:host-context(kirby-page ion-toolbar ion-buttons).icon-only.attention-level3.destructive{--kirby-button-color: var(--kirby-danger)}:host-context(.page-title kirby-page-actions).no-decoration,: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{--kirby-button-background-color: transparent;--kirby-button-color: var(--kirby-black);--kirby-button-border-color: var(--kirby-medium)}@media (hover: hover){:host-context(.page-title kirby-page-actions).no-decoration:hover,:host-context(.page-title kirby-page-actions).attention-level1:hover,:host-context(.page-title kirby-page-actions).attention-level2:hover,:host-context(.page-title kirby-page-actions).attention-level3:hover{--state-layer-opacity: .04;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host-context(.page-title kirby-page-actions).no-decoration:active,:host-context(.page-title kirby-page-actions).no-decoration.interaction-state-active,:host-context(.page-title kirby-page-actions).attention-level1:active,:host-context(.page-title kirby-page-actions).attention-level1.interaction-state-active,:host-context(.page-title kirby-page-actions).attention-level2:active,:host-context(.page-title kirby-page-actions).attention-level2.interaction-state-active,:host-context(.page-title kirby-page-actions).attention-level3:active,:host-context(.page-title kirby-page-actions).attention-level3.interaction-state-active{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black)}:host-context(.page-title kirby-page-actions).no-decoration.destructive,: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{--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-toggle-button).success{--kirby-button-background-color: var(--kirby-success);--kirby-button-color: var(--kirby-success-contrast)}@media (hover: hover){:host-context(kirby-toggle-button).success:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host-context(kirby-toggle-button).success:active,:host-context(kirby-toggle-button).success.interaction-state-active{--state-layer-opacity: .16;--state-layer-background-color: var(--kirby-black)}:host-context(kirby-toggle-button).warning{--kirby-button-background-color: var(--kirby-warning);--kirby-button-color: var(--kirby-warning-contrast)}@media (hover: hover){:host-context(kirby-toggle-button).warning:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host-context(kirby-toggle-button).warning:active,:host-context(kirby-toggle-button).warning.interaction-state-active{--state-layer-opacity: .16;--state-layer-background-color: var(--kirby-black)}:host-context(kirby-toggle-button).danger{--kirby-button-background-color: var(--kirby-danger);--kirby-button-color: var(--kirby-danger-contrast)}@media (hover: hover){:host-context(kirby-toggle-button).danger:hover{--state-layer-opacity: .08;--state-layer-background-color: var(--kirby-black);cursor:pointer}}:host-context(kirby-toggle-button).danger:active,:host-context(kirby-toggle-button).danger.interaction-state-active{--state-layer-opacity: .16;--state-layer-background-color: var(--kirby-black)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { isAttentionLevel1: [{
                 type: HostBinding,
                 args: ['class.attention-level1']

package/esm2020/lib/components/charts/chart-config/chart-bar-config/chart-bar-config.mjs

@@ -0,0 +1,43 @@
+import { ColorHelper } from '../../../../helpers';
+import { ChartBaseConfig } from '../chart-base-config';
+const { getThemeColorHexString } = ColorHelper;
+/**
+ * This class is still experimental. Feel free to use it, but please note that it is still subject to breaking changes.
+ */
+export class BarChartConfig extends ChartBaseConfig {
+}
+BarChartConfig.BAR_CHART_LOCALE_DEFAULT = 'en-US';
+BarChartConfig.baseConfig = {
+    type: 'bar',
+    data: {
+        datasets: [],
+    },
+    options: {
+        datasets: {
+            bar: {
+                barPercentage: 0.6,
+            },
+            line: {
+                spanGaps: true,
+            },
+        },
+        indexAxis: 'x',
+        scales: {
+            y: {
+                grid: {
+                    drawBorder: false,
+                },
+            },
+            x: {},
+        },
+        elements: {
+            point: {
+                radius: 0,
+            },
+            line: {
+                borderColor: getThemeColorHexString('medium'),
+            },
+        },
+    },
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhcnQtYmFyLWNvbmZpZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9jaGFydHMvY2hhcnQtY29uZmlnL2NoYXJ0LWJhci1jb25maWcvY2hhcnQtYmFyLWNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFHbEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRXZELE1BQU0sRUFBRSxzQkFBc0IsRUFBRSxHQUFHLFdBQVcsQ0FBQztBQUUvQzs7R0FFRztBQUNILE1BQU0sT0FBTyxjQUFlLFNBQVEsZUFBZTs7QUFDbEMsdUNBQXdCLEdBQWdCLE9BQU8sQ0FBQztBQUVqRCx5QkFBVSxHQUFrQztJQUN4RCxJQUFJLEVBQUUsS0FBSztJQUNYLElBQUksRUFBRTtRQUNKLFFBQVEsRUFBRSxFQUFFO0tBQ2I7SUFDRCxPQUFPLEVBQUU7UUFDUCxRQUFRLEVBQUU7WUFDUixHQUFHLEVBQUU7Z0JBQ0gsYUFBYSxFQUFFLEdBQUc7YUFDbkI7WUFDRCxJQUFJLEVBQUU7Z0JBQ0osUUFBUSxFQUFFLElBQUk7YUFDZjtTQUNGO1FBQ0QsU0FBUyxFQUFFLEdBQUc7UUFDZCxNQUFNLEVBQUU7WUFDTixDQUFDLEVBQUU7Z0JBQ0QsSUFBSSxFQUFFO29CQUNKLFVBQVUsRUFBRSxLQUFLO2lCQUNsQjthQUNGO1lBQ0QsQ0FBQyxFQUFFLEVBQUU7U0FDTjtRQUNELFFBQVEsRUFBRTtZQUNSLEtBQUssRUFBRTtnQkFDTCxNQUFNLEVBQUUsQ0FBQzthQUNWO1lBQ0QsSUFBSSxFQUFFO2dCQUNKLFdBQVcsRUFBRSxzQkFBc0IsQ0FBQyxRQUFRLENBQUM7YUFDOUM7U0FDRjtLQUNGO0NBQ0YsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYXJ0Q29uZmlndXJhdGlvbiwgQ2hhcnRUeXBlIH0gZnJvbSAnY2hhcnQuanMnO1xuaW1wb3J0IHsgQ29sb3JIZWxwZXIgfSBmcm9tICcuLi8uLi8uLi8uLi9oZWxwZXJzJztcbmltcG9ydCB7IENoYXJ0TG9jYWxlIH0gZnJvbSAnLi4vLi4vc2hhcmVkJztcblxuaW1wb3J0IHsgQ2hhcnRCYXNlQ29uZmlnIH0gZnJvbSAnLi4vY2hhcnQtYmFzZS1jb25maWcnO1xuXG5jb25zdCB7IGdldFRoZW1lQ29sb3JIZXhTdHJpbmcgfSA9IENvbG9ySGVscGVyO1xuXG4vKipcbiAqIFRoaXMgY2xhc3MgaXMgc3RpbGwgZXhwZXJpbWVudGFsLiBGZWVsIGZyZWUgdG8gdXNlIGl0LCBidXQgcGxlYXNlIG5vdGUgdGhhdCBpdCBpcyBzdGlsbCBzdWJqZWN0IHRvIGJyZWFraW5nIGNoYW5nZXMuXG4gKi9cbmV4cG9ydCBjbGFzcyBCYXJDaGFydENvbmZpZyBleHRlbmRzIENoYXJ0QmFzZUNvbmZpZyB7XG4gIHByaXZhdGUgc3RhdGljIEJBUl9DSEFSVF9MT0NBTEVfREVGQVVMVDogQ2hhcnRMb2NhbGUgPSAnZW4tVVMnO1xuXG4gIHB1YmxpYyBzdGF0aWMgYmFzZUNvbmZpZzogQ2hhcnRDb25maWd1cmF0aW9uPENoYXJ0VHlwZT4gPSB7XG4gICAgdHlwZTogJ2JhcicsXG4gICAgZGF0YToge1xuICAgICAgZGF0YXNldHM6IFtdLFxuICAgIH0sXG4gICAgb3B0aW9uczoge1xuICAgICAgZGF0YXNldHM6IHtcbiAgICAgICAgYmFyOiB7XG4gICAgICAgICAgYmFyUGVyY2VudGFnZTogMC42LFxuICAgICAgICB9LFxuICAgICAgICBsaW5lOiB7XG4gICAgICAgICAgc3BhbkdhcHM6IHRydWUsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgaW5kZXhBeGlzOiAneCcsXG4gICAgICBzY2FsZXM6IHtcbiAgICAgICAgeToge1xuICAgICAgICAgIGdyaWQ6IHtcbiAgICAgICAgICAgIGRyYXdCb3JkZXI6IGZhbHNlLFxuICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgICAgIHg6IHt9LFxuICAgICAgfSxcbiAgICAgIGVsZW1lbnRzOiB7XG4gICAgICAgIHBvaW50OiB7XG4gICAgICAgICAgcmFkaXVzOiAwLFxuICAgICAgICB9LFxuICAgICAgICBsaW5lOiB7XG4gICAgICAgICAgYm9yZGVyQ29sb3I6IGdldFRoZW1lQ29sb3JIZXhTdHJpbmcoJ21lZGl1bScpLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9LFxuICB9O1xufVxuIl19

package/esm2020/lib/components/charts/chart-config/chart-base-config.mjs

@@ -0,0 +1,4 @@
+export class ChartBaseConfig {
+}
+ChartBaseConfig.registerPlugins = () => { };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhcnQtYmFzZS1jb25maWcuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbnN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvY2hhcnRzL2NoYXJ0LWNvbmZpZy9jaGFydC1iYXNlLWNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxNQUFNLE9BQU8sZUFBZTs7QUFHWiwrQkFBZSxHQUFHLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYXJ0Q29uZmlndXJhdGlvbiwgQ2hhcnRUeXBlLCBUb29sdGlwT3B0aW9ucyB9IGZyb20gJ2NoYXJ0LmpzJztcblxuZXhwb3J0IGNsYXNzIENoYXJ0QmFzZUNvbmZpZyB7XG4gIHB1YmxpYyBzdGF0aWMgYmFzZUNvbmZpZzogQ2hhcnRDb25maWd1cmF0aW9uPENoYXJ0VHlwZT47XG4gIHB1YmxpYyBzdGF0aWMgdG9vbHRpcFBsdWdpbjogUGFydGlhbDxUb29sdGlwT3B0aW9uczwnbGluZSc+PjtcbiAgcHVibGljIHN0YXRpYyByZWdpc3RlclBsdWdpbnMgPSAoKSA9PiB7fTtcbn1cbiJdfQ==

package/esm2020/lib/components/charts/chart-config/chart-stock-config/chart-stock-config.mjs

@@ -0,0 +1,155 @@
+var _a;
+import { BarController, BarElement, CategoryScale, Chart, Filler, LinearScale, LineController, LineElement, PointElement, TimeScale, Tooltip, } from 'chart.js';
+import annotationPlugin from 'chartjs-plugin-annotation';
+import { ColorHelper, DesignTokenHelper } from '../../../../helpers';
+import { ChartBaseConfig } from '../chart-base-config';
+import { dataLabelsPluginConfig, getDataLabelPosition, } from './data-label-position/data-label-position';
+import { getVerticalLinePluginConfig } from './vertical-line-plugin/vertical-line-plugin';
+const { getThemeColorHexString, getThemeColorRgbString } = ColorHelper;
+const { fontSize } = DesignTokenHelper;
+/**
+ * This class is still experimental. Feel free to use it, but please note that it is still subject to breaking changes.
+ */
+export class StockChartConfig extends ChartBaseConfig {
+    static registerPlugins() {
+        if (StockChartConfig.pluginsRegistered) {
+            return;
+        }
+        this.registeredElements.forEach((scale) => {
+            Chart.register(scale);
+        });
+        StockChartConfig.pluginsRegistered = true;
+    }
+}
+_a = StockChartConfig;
+StockChartConfig.STOCK_CHART_LOCALE_DEFAULT = 'en-US';
+StockChartConfig.scales = [CategoryScale, LinearScale, TimeScale];
+StockChartConfig.elements = [BarElement, LineElement, PointElement];
+StockChartConfig.controllers = [BarController, LineController];
+StockChartConfig.plugins = [annotationPlugin, Filler, Tooltip];
+StockChartConfig.registeredElements = [
+    ..._a.scales,
+    ..._a.controllers,
+    ..._a.elements,
+    ..._a.plugins,
+];
+StockChartConfig.pluginsRegistered = false;
+StockChartConfig.baseConfig = {
+    type: 'line',
+    data: {
+        datasets: [],
+    },
+    options: {
+        responsive: true,
+        animation: {
+            duration: 0,
+        },
+        layout: {
+            padding: {
+                left: 20,
+                right: 20,
+                top: 30,
+                bottom: 0,
+            },
+        },
+        backgroundColor: getThemeColorRgbString('semi-light', 0.5),
+        scales: {
+            x: {
+                adapters: {
+                    date: {
+                        locale: StockChartConfig.STOCK_CHART_LOCALE_DEFAULT,
+                    },
+                },
+                grid: {
+                    lineWidth: 0,
+                },
+                ticks: {
+                    maxRotation: 0,
+                    autoSkipPadding: 120,
+                    font: {
+                        size: parseInt(fontSize('xs')),
+                    },
+                    callback(tickValue) {
+                        const dateInMiliseconds = parseInt(this.getLabelForValue(parseInt(tickValue + '')));
+                        return getChartStockShortDate(dateInMiliseconds, StockChartConfig.STOCK_CHART_LOCALE_DEFAULT);
+                    },
+                },
+            },
+            y: {
+                position: 'right',
+                display: true,
+                grid: {
+                    drawBorder: false,
+                },
+                ticks: {
+                    display: true,
+                    font: {
+                        size: parseInt(fontSize('xs')),
+                    },
+                },
+            },
+        },
+        elements: {
+            line: {
+                tension: 0,
+                borderWidth: 2,
+            },
+            point: {
+                hitRadius: 20,
+                radius: 0,
+                hoverRadius: 0,
+                hoverBorderWidth: 0,
+            },
+        },
+        normalized: true,
+        plugins: {},
+    },
+};
+StockChartConfig.tooltipPlugin = {
+    padding: 10,
+    enabled: true,
+    mode: 'index',
+    intersect: false,
+    backgroundColor: getThemeColorHexString('semi-light'),
+    titleColor: getThemeColorHexString('semi-light-contrast'),
+    bodyColor: getThemeColorHexString('semi-light-contrast'),
+    caretSize: 0,
+    bodySpacing: 5,
+    titleSpacing: 5,
+    borderColor: 'transparent',
+    callbacks: {
+        title: (toolTipItem) => {
+            const dateInMiliseconds = parseInt(toolTipItem[0].label); // TODO: Right now we use index === 0. I expect multiple datasets will change this
+            return getChartStockShortDateTime(dateInMiliseconds, StockChartConfig.STOCK_CHART_LOCALE_DEFAULT);
+        },
+        label: (context) => context.parsed.y.toString(),
+        labelColor: (tooltipItem) => {
+            return {
+                backgroundColor: tooltipItem.dataset.borderColor,
+                borderColor: getThemeColorHexString('semi-light'),
+                borderWidth: 2, // This value must be exactly 2. If it is less, a white "border" will appear, if greater than, a shadow around the box will be shown.
+                // An issue has been created, requesting a test to check this value doesn´t change: https://github.com/kirbydesign/designsystem/issues/2578
+            };
+        },
+    },
+};
+StockChartConfig.dataLabelsPluginConfig = dataLabelsPluginConfig;
+StockChartConfig.verticalLinePluginConfig = getVerticalLinePluginConfig;
+StockChartConfig.getDataLabelPosition = getDataLabelPosition;
+const getChartStockShortDate = (dateInMiliseconds, locale) => {
+    const newDate = new Date(dateInMiliseconds);
+    return newDate.toLocaleDateString(locale, {
+        day: 'numeric',
+        month: 'short',
+    });
+};
+const getChartStockShortDateTime = (dateInMiliseconds, locale) => {
+    const newDate = new Date(dateInMiliseconds);
+    return newDate.toLocaleDateString(locale, {
+        day: 'numeric',
+        month: 'short',
+        hour: '2-digit',
+        minute: '2-digit',
+    });
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhcnQtc3RvY2stY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ25zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2NoYXJ0cy9jaGFydC1jb25maWcvY2hhcnQtc3RvY2stY29uZmlnL2NoYXJ0LXN0b2NrLWNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUNMLGFBQWEsRUFDYixVQUFVLEVBQ1YsYUFBYSxFQUNiLEtBQUssRUFJTCxNQUFNLEVBQ04sV0FBVyxFQUNYLGNBQWMsRUFDZCxXQUFXLEVBQ1gsWUFBWSxFQUNaLFNBQVMsRUFDVCxPQUFPLEdBS1IsTUFBTSxVQUFVLENBQUM7QUFDbEIsT0FBTyxnQkFBZ0IsTUFBTSwyQkFBMkIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsV0FBVyxFQUFFLGlCQUFpQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFckUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRXZELE9BQU8sRUFDTCxzQkFBc0IsRUFDdEIsb0JBQW9CLEdBQ3JCLE1BQU0sMkNBQTJDLENBQUM7QUFDbkQsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFFMUYsTUFBTSxFQUFFLHNCQUFzQixFQUFFLHNCQUFzQixFQUFFLEdBQUcsV0FBVyxDQUFDO0FBQ3ZFLE1BQU0sRUFBRSxRQUFRLEVBQUUsR0FBRyxpQkFBaUIsQ0FBQztBQUV2Qzs7R0FFRztBQUNILE1BQU0sT0FBTyxnQkFBaUIsU0FBUSxlQUFlO0lBZ0I1QyxNQUFNLENBQUMsZUFBZTtRQUMzQixJQUFJLGdCQUFnQixDQUFDLGlCQUFpQixFQUFFO1lBQ3RDLE9BQU87U0FDUjtRQUVELElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxPQUFPLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUN4QyxLQUFLLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3hCLENBQUMsQ0FBQyxDQUFDO1FBQ0gsZ0JBQWdCLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDO0lBQzVDLENBQUM7OztBQXhCYywyQ0FBMEIsR0FBZ0IsT0FBUSxDQUFBO0FBRWxELHVCQUFNLEdBQUcsQ0FBQyxhQUFhLEVBQUUsV0FBVyxFQUFFLFNBQVMsQ0FBRSxDQUFBO0FBQ2pELHlCQUFRLEdBQUcsQ0FBQyxVQUFVLEVBQUUsV0FBVyxFQUFFLFlBQVksQ0FBRSxDQUFBO0FBQ25ELDRCQUFXLEdBQUcsQ0FBQyxhQUFhLEVBQUUsY0FBYyxDQUFFLENBQUE7QUFDOUMsd0JBQU8sR0FBRyxDQUFDLGdCQUFnQixFQUFFLE1BQU0sRUFBRSxPQUFPLENBQUUsQ0FBQTtBQUM5QyxtQ0FBa0IsR0FBRztJQUNsQyxHQUFHLEVBQUksQ0FBQyxNQUFNO0lBQ2QsR0FBRyxFQUFJLENBQUMsV0FBVztJQUNuQixHQUFHLEVBQUksQ0FBQyxRQUFRO0lBQ2hCLEdBQUcsRUFBSSxDQUFDLE9BQU87Q0FDZixDQUFBO0FBRWEsa0NBQWlCLEdBQUcsS0FBTSxDQUFBO0FBYTNCLDJCQUFVLEdBQWtDO0lBQ3hELElBQUksRUFBRSxNQUFNO0lBQ1osSUFBSSxFQUFFO1FBQ0osUUFBUSxFQUFFLEVBQUU7S0FDYjtJQUNELE9BQU8sRUFBRTtRQUNQLFVBQVUsRUFBRSxJQUFJO1FBQ2hCLFNBQVMsRUFBRTtZQUNULFFBQVEsRUFBRSxDQUFDO1NBQ1o7UUFDRCxNQUFNLEVBQUU7WUFDTixPQUFPLEVBQUU7Z0JBQ1AsSUFBSSxFQUFFLEVBQUU7Z0JBQ1IsS0FBSyxFQUFFLEVBQUU7Z0JBQ1QsR0FBRyxFQUFFLEVBQUU7Z0JBQ1AsTUFBTSxFQUFFLENBQUM7YUFDVjtTQUNGO1FBQ0QsZUFBZSxFQUFFLHNCQUFzQixDQUFDLFlBQVksRUFBRSxHQUFHLENBQUM7UUFDMUQsTUFBTSxFQUFFO1lBQ04sQ0FBQyxFQUFFO2dCQUNELFFBQVEsRUFBRTtvQkFDUixJQUFJLEVBQUU7d0JBQ0osTUFBTSxFQUFFLGdCQUFnQixDQUFDLDBCQUEwQjtxQkFDcEQ7aUJBQ0Y7Z0JBQ0QsSUFBSSxFQUFFO29CQUNKLFNBQVMsRUFBRSxDQUFDO2lCQUNiO2dCQUNELEtBQUssRUFBRTtvQkFDTCxXQUFXLEVBQUUsQ0FBQztvQkFDZCxlQUFlLEVBQUUsR0FBRztvQkFDcEIsSUFBSSxFQUFFO3dCQUNKLElBQUksRUFBRSxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDO3FCQUMvQjtvQkFDRCxRQUFRLENBQUMsU0FBUzt3QkFDaEIsTUFBTSxpQkFBaUIsR0FBRyxRQUFRLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDO3dCQUVwRixPQUFPLHNCQUFzQixDQUMzQixpQkFBaUIsRUFDakIsZ0JBQWdCLENBQUMsMEJBQTBCLENBQzVDLENBQUM7b0JBQ0osQ0FBQztpQkFDRjthQUNGO1lBQ0QsQ0FBQyxFQUFFO2dCQUNELFFBQVEsRUFBRSxPQUFPO2dCQUNqQixPQUFPLEVBQUUsSUFBSTtnQkFDYixJQUFJLEVBQUU7b0JBQ0osVUFBVSxFQUFFLEtBQUs7aUJBQ2xCO2dCQUNELEtBQUssRUFBRTtvQkFDTCxPQUFPLEVBQUUsSUFBSTtvQkFDYixJQUFJLEVBQUU7d0JBQ0osSUFBSSxFQUFFLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7cUJBQy9CO2lCQUNGO2FBQ0Y7U0FDRjtRQUNELFFBQVEsRUFBRTtZQUNSLElBQUksRUFBRTtnQkFDSixPQUFPLEVBQUUsQ0FBQztnQkFDVixXQUFXLEVBQUUsQ0FBQzthQUNmO1lBQ0QsS0FBSyxFQUFFO2dCQUNMLFNBQVMsRUFBRSxFQUFFO2dCQUNiLE1BQU0sRUFBRSxDQUFDO2dCQUNULFdBQVcsRUFBRSxDQUFDO2dCQUNkLGdCQUFnQixFQUFFLENBQUM7YUFDcEI7U0FDRjtRQUNELFVBQVUsRUFBRSxJQUFJO1FBQ2hCLE9BQU8sRUFBRSxFQUFFO0tBQ1o7Q0FDRCxDQUFBO0FBRVksOEJBQWEsR0FBb0M7SUFDN0QsT0FBTyxFQUFFLEVBQUU7SUFDWCxPQUFPLEVBQUUsSUFBSTtJQUNiLElBQUksRUFBRSxPQUFPO0lBQ2IsU0FBUyxFQUFFLEtBQUs7SUFDaEIsZUFBZSxFQUFFLHNCQUFzQixDQUFDLFlBQVksQ0FBQztJQUNyRCxVQUFVLEVBQUUsc0JBQXNCLENBQUMscUJBQXFCLENBQUM7SUFDekQsU0FBUyxFQUFFLHNCQUFzQixDQUFDLHFCQUFxQixDQUFDO0lBQ3hELFNBQVMsRUFBRSxDQUFDO0lBQ1osV0FBVyxFQUFFLENBQUM7SUFDZCxZQUFZLEVBQUUsQ0FBQztJQUNmLFdBQVcsRUFBRSxhQUFhO0lBQzFCLFNBQVMsRUFBRTtRQUNULEtBQUssRUFBRSxDQUFDLFdBQVcsRUFBRSxFQUFFO1lBQ3JCLE1BQU0saUJBQWlCLEdBQUcsUUFBUSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLGtGQUFrRjtZQUM1SSxPQUFPLDBCQUEwQixDQUMvQixpQkFBaUIsRUFDakIsZ0JBQWdCLENBQUMsMEJBQTBCLENBQzVDLENBQUM7UUFDSixDQUFDO1FBQ0QsS0FBSyxFQUFFLENBQUMsT0FBTyxFQUFFLEVBQUUsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQUU7UUFDL0MsVUFBVSxFQUFFLENBQUMsV0FBaUQsRUFBRSxFQUFFO1lBQ2hFLE9BQU87Z0JBQ0wsZUFBZSxFQUFFLFdBQVcsQ0FBQyxPQUFPLENBQUMsV0FBVztnQkFDaEQsV0FBVyxFQUFFLHNCQUFzQixDQUFDLFlBQVksQ0FBQztnQkFDakQsV0FBVyxFQUFFLENBQUMsRUFBRSxxSUFBcUk7Z0JBQ3JKLDJJQUEySTthQUN2SCxDQUFDO1FBQ3pCLENBQUM7S0FDMEI7Q0FDN0IsQ0FBQTtBQUVZLHVDQUFzQixHQUFHLHNCQUF1QixDQUFBO0FBRWhELHlDQUF3QixHQUFHLDJCQUE0QixDQUFBO0FBRXZELHFDQUFvQixHQUFHLG9CQUFxQixDQUFBO0FBRzVELE1BQU0sc0JBQXNCLEdBQUcsQ0FBQyxpQkFBeUIsRUFBRSxNQUFtQixFQUFFLEVBQUU7SUFDaEYsTUFBTSxPQUFPLEdBQUcsSUFBSSxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUU1QyxPQUFPLE9BQU8sQ0FBQyxrQkFBa0IsQ0FBQyxNQUFNLEVBQUU7UUFDeEMsR0FBRyxFQUFFLFNBQVM7UUFDZCxLQUFLLEVBQUUsT0FBTztLQUNmLENBQUMsQ0FBQztBQUNMLENBQUMsQ0FBQztBQUVGLE1BQU0sMEJBQTBCLEdBQUcsQ0FBQyxpQkFBeUIsRUFBRSxNQUFtQixFQUFFLEVBQUU7SUFDcEYsTUFBTSxPQUFPLEdBQUcsSUFBSSxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUU1QyxPQUFPLE9BQU8sQ0FBQyxrQkFBa0IsQ0FBQyxNQUFNLEVBQUU7UUFDeEMsR0FBRyxFQUFFLFNBQVM7UUFDZCxLQUFLLEVBQUUsT0FBTztRQUNkLElBQUksRUFBRSxTQUFTO1FBQ2YsTUFBTSxFQUFFLFNBQVM7S0FDbEIsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQmFyQ29udHJvbGxlcixcbiAgQmFyRWxlbWVudCxcbiAgQ2F0ZWdvcnlTY2FsZSxcbiAgQ2hhcnQsXG4gIENoYXJ0Q29uZmlndXJhdGlvbixcbiAgQ2hhcnRUeXBlLFxuICBDaGFydFR5cGVSZWdpc3RyeSxcbiAgRmlsbGVyLFxuICBMaW5lYXJTY2FsZSxcbiAgTGluZUNvbnRyb2xsZXIsXG4gIExpbmVFbGVtZW50LFxuICBQb2ludEVsZW1lbnQsXG4gIFRpbWVTY2FsZSxcbiAgVG9vbHRpcCxcbiAgVG9vbHRpcENhbGxiYWNrcyxcbiAgVG9vbHRpcEl0ZW0sXG4gIFRvb2x0aXBMYWJlbFN0eWxlLFxuICBUb29sdGlwT3B0aW9ucyxcbn0gZnJvbSAnY2hhcnQuanMnO1xuaW1wb3J0IGFubm90YXRpb25QbHVnaW4gZnJvbSAnY2hhcnRqcy1wbHVnaW4tYW5ub3RhdGlvbic7XG5pbXBvcnQgeyBDb2xvckhlbHBlciwgRGVzaWduVG9rZW5IZWxwZXIgfSBmcm9tICcuLi8uLi8uLi8uLi9oZWxwZXJzJztcbmltcG9ydCB7IENoYXJ0TG9jYWxlIH0gZnJvbSAnLi4vLi4vc2hhcmVkJztcbmltcG9ydCB7IENoYXJ0QmFzZUNvbmZpZyB9IGZyb20gJy4uL2NoYXJ0LWJhc2UtY29uZmlnJztcblxuaW1wb3J0IHtcbiAgZGF0YUxhYmVsc1BsdWdpbkNvbmZpZyxcbiAgZ2V0RGF0YUxhYmVsUG9zaXRpb24sXG59IGZyb20gJy4vZGF0YS1sYWJlbC1wb3NpdGlvbi9kYXRhLWxhYmVsLXBvc2l0aW9uJztcbmltcG9ydCB7IGdldFZlcnRpY2FsTGluZVBsdWdpbkNvbmZpZyB9IGZyb20gJy4vdmVydGljYWwtbGluZS1wbHVnaW4vdmVydGljYWwtbGluZS1wbHVnaW4nO1xuXG5jb25zdCB7IGdldFRoZW1lQ29sb3JIZXhTdHJpbmcsIGdldFRoZW1lQ29sb3JSZ2JTdHJpbmcgfSA9IENvbG9ySGVscGVyO1xuY29uc3QgeyBmb250U2l6ZSB9ID0gRGVzaWduVG9rZW5IZWxwZXI7XG5cbi8qKlxuICogVGhpcyBjbGFzcyBpcyBzdGlsbCBleHBlcmltZW50YWwuIEZlZWwgZnJlZSB0byB1c2UgaXQsIGJ1dCBwbGVhc2Ugbm90ZSB0aGF0IGl0IGlzIHN0aWxsIHN1YmplY3QgdG8gYnJlYWtpbmcgY2hhbmdlcy5cbiAqL1xuZXhwb3J0IGNsYXNzIFN0b2NrQ2hhcnRDb25maWcgZXh0ZW5kcyBDaGFydEJhc2VDb25maWcge1xuICBwcml2YXRlIHN0YXRpYyBTVE9DS19DSEFSVF9MT0NBTEVfREVGQVVMVDogQ2hhcnRMb2NhbGUgPSAnZW4tVVMnO1xuXG4gIHByaXZhdGUgc3RhdGljIHNjYWxlcyA9IFtDYXRlZ29yeVNjYWxlLCBMaW5lYXJTY2FsZSwgVGltZVNjYWxlXTtcbiAgcHJpdmF0ZSBzdGF0aWMgZWxlbWVudHMgPSBbQmFyRWxlbWVudCwgTGluZUVsZW1lbnQsIFBvaW50RWxlbWVudF07XG4gIHByaXZhdGUgc3RhdGljIGNvbnRyb2xsZXJzID0gW0JhckNvbnRyb2xsZXIsIExpbmVDb250cm9sbGVyXTtcbiAgcHJpdmF0ZSBzdGF0aWMgcGx1Z2lucyA9IFthbm5vdGF0aW9uUGx1Z2luLCBGaWxsZXIsIFRvb2x0aXBdO1xuICBwcml2YXRlIHN0YXRpYyByZWdpc3RlcmVkRWxlbWVudHMgPSBbXG4gICAgLi4udGhpcy5zY2FsZXMsXG4gICAgLi4udGhpcy5jb250cm9sbGVycyxcbiAgICAuLi50aGlzLmVsZW1lbnRzLFxuICAgIC4uLnRoaXMucGx1Z2lucyxcbiAgXTtcblxuICBwcml2YXRlIHN0YXRpYyBwbHVnaW5zUmVnaXN0ZXJlZCA9IGZhbHNlO1xuXG4gIHB1YmxpYyBzdGF0aWMgcmVnaXN0ZXJQbHVnaW5zKCkge1xuICAgIGlmIChTdG9ja0NoYXJ0Q29uZmlnLnBsdWdpbnNSZWdpc3RlcmVkKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5yZWdpc3RlcmVkRWxlbWVudHMuZm9yRWFjaCgoc2NhbGUpID0+IHtcbiAgICAgIENoYXJ0LnJlZ2lzdGVyKHNjYWxlKTtcbiAgICB9KTtcbiAgICBTdG9ja0NoYXJ0Q29uZmlnLnBsdWdpbnNSZWdpc3RlcmVkID0gdHJ1ZTtcbiAgfVxuXG4gIHB1YmxpYyBzdGF0aWMgYmFzZUNvbmZpZzogQ2hhcnRDb25maWd1cmF0aW9uPENoYXJ0VHlwZT4gPSB7XG4gICAgdHlwZTogJ2xpbmUnLFxuICAgIGRhdGE6IHtcbiAgICAgIGRhdGFzZXRzOiBbXSxcbiAgICB9LFxuICAgIG9wdGlvbnM6IHtcbiAgICAgIHJlc3BvbnNpdmU6IHRydWUsXG4gICAgICBhbmltYXRpb246IHtcbiAgICAgICAgZHVyYXRpb246IDAsXG4gICAgICB9LFxuICAgICAgbGF5b3V0OiB7XG4gICAgICAgIHBhZGRpbmc6IHtcbiAgICAgICAgICBsZWZ0OiAyMCxcbiAgICAgICAgICByaWdodDogMjAsXG4gICAgICAgICAgdG9wOiAzMCxcbiAgICAgICAgICBib3R0b206IDAsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgICAgYmFja2dyb3VuZENvbG9yOiBnZXRUaGVtZUNvbG9yUmdiU3RyaW5nKCdzZW1pLWxpZ2h0JywgMC41KSxcbiAgICAgIHNjYWxlczoge1xuICAgICAgICB4OiB7XG4gICAgICAgICAgYWRhcHRlcnM6IHtcbiAgICAgICAgICAgIGRhdGU6IHtcbiAgICAgICAgICAgICAgbG9jYWxlOiBTdG9ja0NoYXJ0Q29uZmlnLlNUT0NLX0NIQVJUX0xPQ0FMRV9ERUZBVUxULFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICB9LFxuICAgICAgICAgIGdyaWQ6IHtcbiAgICAgICAgICAgIGxpbmVXaWR0aDogMCxcbiAgICAgICAgICB9LFxuICAgICAgICAgIHRpY2tzOiB7XG4gICAgICAgICAgICBtYXhSb3RhdGlvbjogMCxcbiAgICAgICAgICAgIGF1dG9Ta2lwUGFkZGluZzogMTIwLFxuICAgICAgICAgICAgZm9udDoge1xuICAgICAgICAgICAgICBzaXplOiBwYXJzZUludChmb250U2l6ZSgneHMnKSksXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgY2FsbGJhY2sodGlja1ZhbHVlKSB7XG4gICAgICAgICAgICAgIGNvbnN0IGRhdGVJbk1pbGlzZWNvbmRzID0gcGFyc2VJbnQodGhpcy5nZXRMYWJlbEZvclZhbHVlKHBhcnNlSW50KHRpY2tWYWx1ZSArICcnKSkpO1xuXG4gICAgICAgICAgICAgIHJldHVybiBnZXRDaGFydFN0b2NrU2hvcnREYXRlKFxuICAgICAgICAgICAgICAgIGRhdGVJbk1pbGlzZWNvbmRzLFxuICAgICAgICAgICAgICAgIFN0b2NrQ2hhcnRDb25maWcuU1RPQ0tfQ0hBUlRfTE9DQUxFX0RFRkFVTFRcbiAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgfSxcbiAgICAgICAgfSxcbiAgICAgICAgeToge1xuICAgICAgICAgIHBvc2l0aW9uOiAncmlnaHQnLFxuICAgICAgICAgIGRpc3BsYXk6IHRydWUsXG4gICAgICAgICAgZ3JpZDoge1xuICAgICAgICAgICAgZHJhd0JvcmRlcjogZmFsc2UsXG4gICAgICAgICAgfSxcbiAgICAgICAgICB0aWNrczoge1xuICAgICAgICAgICAgZGlzcGxheTogdHJ1ZSxcbiAgICAgICAgICAgIGZvbnQ6IHtcbiAgICAgICAgICAgICAgc2l6ZTogcGFyc2VJbnQoZm9udFNpemUoJ3hzJykpLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICB9LFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICAgIGVsZW1lbnRzOiB7XG4gICAgICAgIGxpbmU6IHtcbiAgICAgICAgICB0ZW5zaW9uOiAwLCAvLyBTbW9vdGggY3VydmUgKDAgPSBubyBzbW9vdGhpbmcpXG4gICAgICAgICAgYm9yZGVyV2lkdGg6IDIsXG4gICAgICAgIH0sXG4gICAgICAgIHBvaW50OiB7XG4gICAgICAgICAgaGl0UmFkaXVzOiAyMCxcbiAgICAgICAgICByYWRpdXM6IDAsXG4gICAgICAgICAgaG92ZXJSYWRpdXM6IDAsXG4gICAgICAgICAgaG92ZXJCb3JkZXJXaWR0aDogMCxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgICBub3JtYWxpemVkOiB0cnVlLFxuICAgICAgcGx1Z2luczoge30sXG4gICAgfSxcbiAgfTtcblxuICBwdWJsaWMgc3RhdGljIHRvb2x0aXBQbHVnaW46IFBhcnRpYWw8VG9vbHRpcE9wdGlvbnM8J2xpbmUnPj4gPSB7XG4gICAgcGFkZGluZzogMTAsXG4gICAgZW5hYmxlZDogdHJ1ZSxcbiAgICBtb2RlOiAnaW5kZXgnLFxuICAgIGludGVyc2VjdDogZmFsc2UsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRUaGVtZUNvbG9ySGV4U3RyaW5nKCdzZW1pLWxpZ2h0JyksXG4gICAgdGl0bGVDb2xvcjogZ2V0VGhlbWVDb2xvckhleFN0cmluZygnc2VtaS1saWdodC1jb250cmFzdCcpLFxuICAgIGJvZHlDb2xvcjogZ2V0VGhlbWVDb2xvckhleFN0cmluZygnc2VtaS1saWdodC1jb250cmFzdCcpLFxuICAgIGNhcmV0U2l6ZTogMCxcbiAgICBib2R5U3BhY2luZzogNSxcbiAgICB0aXRsZVNwYWNpbmc6IDUsXG4gICAgYm9yZGVyQ29sb3I6ICd0cmFuc3BhcmVudCcsXG4gICAgY2FsbGJhY2tzOiB7XG4gICAgICB0aXRsZTogKHRvb2xUaXBJdGVtKSA9PiB7XG4gICAgICAgIGNvbnN0IGRhdGVJbk1pbGlzZWNvbmRzID0gcGFyc2VJbnQodG9vbFRpcEl0ZW1bMF0ubGFiZWwpOyAvLyBUT0RPOiBSaWdodCBub3cgd2UgdXNlIGluZGV4ID09PSAwLiBJIGV4cGVjdCBtdWx0aXBsZSBkYXRhc2V0cyB3aWxsIGNoYW5nZSB0aGlzXG4gICAgICAgIHJldHVybiBnZXRDaGFydFN0b2NrU2hvcnREYXRlVGltZShcbiAgICAgICAgICBkYXRlSW5NaWxpc2Vjb25kcyxcbiAgICAgICAgICBTdG9ja0NoYXJ0Q29uZmlnLlNUT0NLX0NIQVJUX0xPQ0FMRV9ERUZBVUxUXG4gICAgICAgICk7XG4gICAgICB9LFxuICAgICAgbGFiZWw6IChjb250ZXh0KSA9PiBjb250ZXh0LnBhcnNlZC55LnRvU3RyaW5nKCksXG4gICAgICBsYWJlbENvbG9yOiAodG9vbHRpcEl0ZW06IFRvb2x0aXBJdGVtPGtleW9mIENoYXJ0VHlwZVJlZ2lzdHJ5PikgPT4ge1xuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdG9vbHRpcEl0ZW0uZGF0YXNldC5ib3JkZXJDb2xvcixcbiAgICAgICAgICBib3JkZXJDb2xvcjogZ2V0VGhlbWVDb2xvckhleFN0cmluZygnc2VtaS1saWdodCcpLFxuICAgICAgICAgIGJvcmRlcldpZHRoOiAyLCAvLyBUaGlzIHZhbHVlIG11c3QgYmUgZXhhY3RseSAyLiBJZiBpdCBpcyBsZXNzLCBhIHdoaXRlIFwiYm9yZGVyXCIgd2lsbCBhcHBlYXIsIGlmIGdyZWF0ZXIgdGhhbiwgYSBzaGFkb3cgYXJvdW5kIHRoZSBib3ggd2lsbCBiZSBzaG93bi5cbiAgICAgICAgICAvLyBBbiBpc3N1ZSBoYXMgYmVlbiBjcmVhdGVkLCByZXF1ZXN0aW5nIGEgdGVzdCB0byBjaGVjayB0aGlzIHZhbHVlIGRvZXNuwrR0IGNoYW5nZTogaHR0cHM6Ly9naXRodWIuY29tL2tpcmJ5ZGVzaWduL2Rlc2lnbnN5c3RlbS9pc3N1ZXMvMjU3OFxuICAgICAgICB9IGFzIFRvb2x0aXBMYWJlbFN0eWxlO1xuICAgICAgfSxcbiAgICB9IGFzIFRvb2x0aXBDYWxsYmFja3M8J2xpbmUnPixcbiAgfTtcblxuICBwdWJsaWMgc3RhdGljIGRhdGFMYWJlbHNQbHVnaW5Db25maWcgPSBkYXRhTGFiZWxzUGx1Z2luQ29uZmlnO1xuXG4gIHB1YmxpYyBzdGF0aWMgdmVydGljYWxMaW5lUGx1Z2luQ29uZmlnID0gZ2V0VmVydGljYWxMaW5lUGx1Z2luQ29uZmlnO1xuXG4gIHB1YmxpYyBzdGF0aWMgZ2V0RGF0YUxhYmVsUG9zaXRpb24gPSBnZXREYXRhTGFiZWxQb3NpdGlvbjtcbn1cblxuY29uc3QgZ2V0Q2hhcnRTdG9ja1Nob3J0RGF0ZSA9IChkYXRlSW5NaWxpc2Vjb25kczogbnVtYmVyLCBsb2NhbGU6IENoYXJ0TG9jYWxlKSA9PiB7XG4gIGNvbnN0IG5ld0RhdGUgPSBuZXcgRGF0ZShkYXRlSW5NaWxpc2Vjb25kcyk7XG5cbiAgcmV0dXJuIG5ld0RhdGUudG9Mb2NhbGVEYXRlU3RyaW5nKGxvY2FsZSwge1xuICAgIGRheTogJ251bWVyaWMnLFxuICAgIG1vbnRoOiAnc2hvcnQnLFxuICB9KTtcbn07XG5cbmNvbnN0IGdldENoYXJ0U3RvY2tTaG9ydERhdGVUaW1lID0gKGRhdGVJbk1pbGlzZWNvbmRzOiBudW1iZXIsIGxvY2FsZTogQ2hhcnRMb2NhbGUpID0+IHtcbiAgY29uc3QgbmV3RGF0ZSA9IG5ldyBEYXRlKGRhdGVJbk1pbGlzZWNvbmRzKTtcblxuICByZXR1cm4gbmV3RGF0ZS50b0xvY2FsZURhdGVTdHJpbmcobG9jYWxlLCB7XG4gICAgZGF5OiAnbnVtZXJpYycsXG4gICAgbW9udGg6ICdzaG9ydCcsXG4gICAgaG91cjogJzItZGlnaXQnLFxuICAgIG1pbnV0ZTogJzItZGlnaXQnLFxuICB9KTtcbn07XG4iXX0=

package/esm2020/lib/components/charts/chart-config/chart-stock-config/data-label-position/data-label-position.mjs

@@ -0,0 +1,49 @@
+import { DesignTokenHelper } from '../../../../../helpers/design-token-helper';
+import { ColorHelper } from '../../../../../helpers/color-helper';
+const { getThemeColorHexString } = ColorHelper;
+const { fontSize } = DesignTokenHelper;
+export const getDataLabelPosition = (data, dataIndex) => {
+    const scatterPointDataYvalues = data.map((scatterDatapoint) => scatterDatapoint.y);
+    const minValue = Math.min(...scatterPointDataYvalues);
+    const minValueIndex = scatterPointDataYvalues.indexOf(minValue);
+    if (dataIndex === minValueIndex) {
+        return 'bottom';
+    }
+    const maxValue = Math.max(...scatterPointDataYvalues);
+    const maxValueIndex = scatterPointDataYvalues.indexOf(maxValue);
+    if (dataIndex === maxValueIndex) {
+        return 'top';
+    }
+    return null;
+};
+export const dataLabelsPluginConfig = {
+    backgroundColor: '#005c3c',
+    color: getThemeColorHexString('white'),
+    borderRadius: 3,
+    font: {
+        lineHeight: 1,
+        size: parseInt(fontSize('xs')),
+    },
+    padding: {
+        top: 6,
+        left: 5,
+        right: 5,
+        bottom: 5,
+    },
+    offset: 5,
+    align: (context) => getDataLabelPosition(context.dataset.data, context.dataIndex),
+    display: (context) => {
+        return showDataLabel(context);
+    },
+    formatter: (dataPoint) => dataPoint.y.toString(),
+};
+function showDataLabel(context) {
+    const data = [...context.dataset.data];
+    const yValues = data.map((dataPoints) => dataPoints.y);
+    const minValue = Math.min(...yValues);
+    const minValueIndex = yValues.indexOf(minValue);
+    const maxValue = Math.max(...yValues);
+    const maxValueIndex = yValues.indexOf(maxValue);
+    return context.dataIndex === maxValueIndex || context.dataIndex === minValueIndex;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1sYWJlbC1wb3NpdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9jaGFydHMvY2hhcnQtY29uZmlnL2NoYXJ0LXN0b2NrLWNvbmZpZy9kYXRhLWxhYmVsLXBvc2l0aW9uL2RhdGEtbGFiZWwtcG9zaXRpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0EsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDL0UsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRWxFLE1BQU0sRUFBRSxzQkFBc0IsRUFBRSxHQUFHLFdBQVcsQ0FBQztBQUMvQyxNQUFNLEVBQUUsUUFBUSxFQUFFLEdBQUcsaUJBQWlCLENBQUM7QUFFdkMsTUFBTSxDQUFDLE1BQU0sb0JBQW9CLEdBQUcsQ0FBQyxJQUF3QixFQUFFLFNBQWlCLEVBQWdCLEVBQUU7SUFDaEcsTUFBTSx1QkFBdUIsR0FBYyxJQUEyQixDQUFDLEdBQUcsQ0FDeEUsQ0FBQyxnQkFBZ0IsRUFBRSxFQUFFLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUN6QyxDQUFDO0lBRUYsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLHVCQUF1QixDQUFDLENBQUM7SUFDdEQsTUFBTSxhQUFhLEdBQUcsdUJBQXVCLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBRWhFLElBQUksU0FBUyxLQUFLLGFBQWEsRUFBRTtRQUMvQixPQUFPLFFBQVEsQ0FBQztLQUNqQjtJQUVELE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyx1QkFBdUIsQ0FBQyxDQUFDO0lBQ3RELE1BQU0sYUFBYSxHQUFHLHVCQUF1QixDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUVoRSxJQUFJLFNBQVMsS0FBSyxhQUFhLEVBQUU7UUFDL0IsT0FBTyxLQUFLLENBQUM7S0FDZDtJQUVELE9BQU8sSUFBSSxDQUFDO0FBQ2QsQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sc0JBQXNCLEdBQXFCO0lBQ3RELGVBQWUsRUFBRSxTQUFTO0lBQzFCLEtBQUssRUFBRSxzQkFBc0IsQ0FBQyxPQUFPLENBQUM7SUFDdEMsWUFBWSxFQUFFLENBQUM7SUFDZixJQUFJLEVBQUU7UUFDSixVQUFVLEVBQUUsQ0FBQztRQUNiLElBQUksRUFBRSxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDO0tBQy9CO0lBQ0QsT0FBTyxFQUFFO1FBQ1AsR0FBRyxFQUFFLENBQUM7UUFDTixJQUFJLEVBQUUsQ0FBQztRQUNQLEtBQUssRUFBRSxDQUFDO1FBQ1IsTUFBTSxFQUFFLENBQUM7S0FDVjtJQUNELE1BQU0sRUFBRSxDQUFDO0lBQ1QsS0FBSyxFQUFFLENBQUMsT0FBZ0IsRUFBUyxFQUFFLENBQ2pDLG9CQUFvQixDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsSUFBMEIsRUFBRSxPQUFPLENBQUMsU0FBUyxDQUFDO0lBQ3JGLE9BQU8sRUFBRSxDQUFDLE9BQWdCLEVBQVcsRUFBRTtRQUNyQyxPQUFPLGFBQWEsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNoQyxDQUFDO0lBQ0QsU0FBUyxFQUFFLENBQUMsU0FBMkIsRUFBVSxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQUU7Q0FDM0UsQ0FBQztBQUVGLFNBQVMsYUFBYSxDQUFDLE9BQWdCO0lBQ3JDLE1BQU0sSUFBSSxHQUF1QixDQUFDLEdBQUcsT0FBTyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQXVCLENBQUM7SUFDakYsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLFVBQVUsRUFBRSxFQUFFLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBRXZELE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxPQUFPLENBQUMsQ0FBQztJQUN0QyxNQUFNLGFBQWEsR0FBRyxPQUFPLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBRWhELE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxPQUFPLENBQUMsQ0FBQztJQUN0QyxNQUFNLGFBQWEsR0FBRyxPQUFPLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBRWhELE9BQU8sT0FBTyxDQUFDLFNBQVMsS0FBSyxhQUFhLElBQUksT0FBTyxDQUFDLFNBQVMsS0FBSyxhQUFhLENBQUM7QUFDcEYsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFNjYXR0ZXJEYXRhUG9pbnQgfSBmcm9tICdjaGFydC5qcyc7XG5pbXBvcnQgeyBDb250ZXh0IH0gZnJvbSAnY2hhcnRqcy1wbHVnaW4tZGF0YWxhYmVscy90eXBlcy9jb250ZXh0JztcbmltcG9ydCB7IEFsaWduLCBPcHRpb25zIH0gZnJvbSAnY2hhcnRqcy1wbHVnaW4tZGF0YWxhYmVscy90eXBlcy9vcHRpb25zJztcbmltcG9ydCB7IERlc2lnblRva2VuSGVscGVyIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vaGVscGVycy9kZXNpZ24tdG9rZW4taGVscGVyJztcbmltcG9ydCB7IENvbG9ySGVscGVyIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vaGVscGVycy9jb2xvci1oZWxwZXInO1xuXG5jb25zdCB7IGdldFRoZW1lQ29sb3JIZXhTdHJpbmcgfSA9IENvbG9ySGVscGVyO1xuY29uc3QgeyBmb250U2l6ZSB9ID0gRGVzaWduVG9rZW5IZWxwZXI7XG5cbmV4cG9ydCBjb25zdCBnZXREYXRhTGFiZWxQb3NpdGlvbiA9IChkYXRhOiBTY2F0dGVyRGF0YVBvaW50W10sIGRhdGFJbmRleDogbnVtYmVyKTogQWxpZ24gfCBudWxsID0+IHtcbiAgY29uc3Qgc2NhdHRlclBvaW50RGF0YVl2YWx1ZXM6IG51bWJlcltdID0gKGRhdGEgYXMgU2NhdHRlckRhdGFQb2ludFtdKS5tYXAoXG4gICAgKHNjYXR0ZXJEYXRhcG9pbnQpID0+IHNjYXR0ZXJEYXRhcG9pbnQueVxuICApO1xuXG4gIGNvbnN0IG1pblZhbHVlID0gTWF0aC5taW4oLi4uc2NhdHRlclBvaW50RGF0YVl2YWx1ZXMpO1xuICBjb25zdCBtaW5WYWx1ZUluZGV4ID0gc2NhdHRlclBvaW50RGF0YVl2YWx1ZXMuaW5kZXhPZihtaW5WYWx1ZSk7XG5cbiAgaWYgKGRhdGFJbmRleCA9PT0gbWluVmFsdWVJbmRleCkge1xuICAgIHJldHVybiAnYm90dG9tJztcbiAgfVxuXG4gIGNvbnN0IG1heFZhbHVlID0gTWF0aC5tYXgoLi4uc2NhdHRlclBvaW50RGF0YVl2YWx1ZXMpO1xuICBjb25zdCBtYXhWYWx1ZUluZGV4ID0gc2NhdHRlclBvaW50RGF0YVl2YWx1ZXMuaW5kZXhPZihtYXhWYWx1ZSk7XG5cbiAgaWYgKGRhdGFJbmRleCA9PT0gbWF4VmFsdWVJbmRleCkge1xuICAgIHJldHVybiAndG9wJztcbiAgfVxuXG4gIHJldHVybiBudWxsO1xufTtcblxuZXhwb3J0IGNvbnN0IGRhdGFMYWJlbHNQbHVnaW5Db25maWc6IFBhcnRpYWw8T3B0aW9ucz4gPSB7XG4gIGJhY2tncm91bmRDb2xvcjogJyMwMDVjM2MnLFxuICBjb2xvcjogZ2V0VGhlbWVDb2xvckhleFN0cmluZygnd2hpdGUnKSxcbiAgYm9yZGVyUmFkaXVzOiAzLFxuICBmb250OiB7XG4gICAgbGluZUhlaWdodDogMSxcbiAgICBzaXplOiBwYXJzZUludChmb250U2l6ZSgneHMnKSksXG4gIH0sXG4gIHBhZGRpbmc6IHtcbiAgICB0b3A6IDYsXG4gICAgbGVmdDogNSxcbiAgICByaWdodDogNSxcbiAgICBib3R0b206IDUsXG4gIH0sXG4gIG9mZnNldDogNSxcbiAgYWxpZ246IChjb250ZXh0OiBDb250ZXh0KTogQWxpZ24gPT5cbiAgICBnZXREYXRhTGFiZWxQb3NpdGlvbihjb250ZXh0LmRhdGFzZXQuZGF0YSBhcyBTY2F0dGVyRGF0YVBvaW50W10sIGNvbnRleHQuZGF0YUluZGV4KSxcbiAgZGlzcGxheTogKGNvbnRleHQ6IENvbnRleHQpOiBib29sZWFuID0+IHtcbiAgICByZXR1cm4gc2hvd0RhdGFMYWJlbChjb250ZXh0KTtcbiAgfSxcbiAgZm9ybWF0dGVyOiAoZGF0YVBvaW50OiBTY2F0dGVyRGF0YVBvaW50KTogc3RyaW5nID0+IGRhdGFQb2ludC55LnRvU3RyaW5nKCksXG59O1xuXG5mdW5jdGlvbiBzaG93RGF0YUxhYmVsKGNvbnRleHQ6IENvbnRleHQpIHtcbiAgY29uc3QgZGF0YTogU2NhdHRlckRhdGFQb2ludFtdID0gWy4uLmNvbnRleHQuZGF0YXNldC5kYXRhXSBhcyBTY2F0dGVyRGF0YVBvaW50W107XG4gIGNvbnN0IHlWYWx1ZXMgPSBkYXRhLm1hcCgoZGF0YVBvaW50cykgPT4gZGF0YVBvaW50cy55KTtcblxuICBjb25zdCBtaW5WYWx1ZSA9IE1hdGgubWluKC4uLnlWYWx1ZXMpO1xuICBjb25zdCBtaW5WYWx1ZUluZGV4ID0geVZhbHVlcy5pbmRleE9mKG1pblZhbHVlKTtcblxuICBjb25zdCBtYXhWYWx1ZSA9IE1hdGgubWF4KC4uLnlWYWx1ZXMpO1xuICBjb25zdCBtYXhWYWx1ZUluZGV4ID0geVZhbHVlcy5pbmRleE9mKG1heFZhbHVlKTtcblxuICByZXR1cm4gY29udGV4dC5kYXRhSW5kZXggPT09IG1heFZhbHVlSW5kZXggfHwgY29udGV4dC5kYXRhSW5kZXggPT09IG1pblZhbHVlSW5kZXg7XG59XG4iXX0=

package/esm2020/lib/components/charts/chart-config/chart-stock-config/vertical-line-plugin/vertical-line-plugin.mjs

@@ -0,0 +1,37 @@
+const verticalLineId = 'verticalLine';
+export const getVerticalLinePluginConfig = {
+    id: verticalLineId,
+    drawTime: 'beforeDraw',
+    defaults: {
+        width: 1,
+        color: 'black',
+    },
+    afterInit: (chart) => {
+        chart[verticalLineId] = {
+            x: 0,
+            y: 0,
+        };
+    },
+    afterEvent: (chart, args) => {
+        const { inChartArea } = args;
+        const { x, y } = args.event;
+        chart[verticalLineId] = { x, y, draw: inChartArea };
+        chart.draw();
+    },
+    beforeDraw: (chart, _, options) => {
+        const { ctx } = chart;
+        const { top, bottom } = chart.chartArea;
+        const { x, draw } = chart[verticalLineId];
+        if (!draw)
+            return;
+        ctx.save();
+        ctx.beginPath();
+        ctx.lineWidth = options.width;
+        ctx.strokeStyle = options.color;
+        ctx.moveTo(x, bottom);
+        ctx.lineTo(x, top);
+        ctx.stroke();
+        ctx.restore();
+    },
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtbGluZS1wbHVnaW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbnN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvY2hhcnRzL2NoYXJ0LWNvbmZpZy9jaGFydC1zdG9jay1jb25maWcvdmVydGljYWwtbGluZS1wbHVnaW4vdmVydGljYWwtbGluZS1wbHVnaW4udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsTUFBTSxjQUFjLEdBQUcsY0FBYyxDQUFDO0FBRXRDLE1BQU0sQ0FBQyxNQUFNLDJCQUEyQixHQUF1QjtJQUM3RCxFQUFFLEVBQUUsY0FBYztJQUNsQixRQUFRLEVBQUUsWUFBWTtJQUN0QixRQUFRLEVBQUU7UUFDUixLQUFLLEVBQUUsQ0FBQztRQUNSLEtBQUssRUFBRSxPQUFPO0tBQ2Y7SUFDRCxTQUFTLEVBQUUsQ0FBQyxLQUFLLEVBQUUsRUFBRTtRQUNuQixLQUFLLENBQUMsY0FBYyxDQUFDLEdBQUc7WUFDdEIsQ0FBQyxFQUFFLENBQUM7WUFDSixDQUFDLEVBQUUsQ0FBQztTQUNMLENBQUM7SUFDSixDQUFDO0lBQ0QsVUFBVSxFQUFFLENBQUMsS0FBSyxFQUFFLElBQUksRUFBRSxFQUFFO1FBQzFCLE1BQU0sRUFBRSxXQUFXLEVBQUUsR0FBRyxJQUFJLENBQUM7UUFDN0IsTUFBTSxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO1FBRTVCLEtBQUssQ0FBQyxjQUFjLENBQUMsR0FBRyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxDQUFDO1FBQ3BELEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNmLENBQUM7SUFDRCxVQUFVLEVBQUUsQ0FBQyxLQUFLLEVBQUUsQ0FBQyxFQUFFLE9BQU8sRUFBRSxFQUFFO1FBQ2hDLE1BQU0sRUFBRSxHQUFHLEVBQUUsR0FBRyxLQUFLLENBQUM7UUFDdEIsTUFBTSxFQUFFLEdBQUcsRUFBRSxNQUFNLEVBQUUsR0FBRyxLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ3hDLE1BQU0sRUFBRSxDQUFDLEVBQUUsSUFBSSxFQUFFLEdBQUcsS0FBSyxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQzFDLElBQUksQ0FBQyxJQUFJO1lBQUUsT0FBTztRQUVsQixHQUFHLENBQUMsSUFBSSxFQUFFLENBQUM7UUFFWCxHQUFHLENBQUMsU0FBUyxFQUFFLENBQUM7UUFDaEIsR0FBRyxDQUFDLFNBQVMsR0FBRyxPQUFPLENBQUMsS0FBZSxDQUFDO1FBQ3hDLEdBQUcsQ0FBQyxXQUFXLEdBQUcsT0FBTyxDQUFDLEtBQWUsQ0FBQztRQUUxQyxHQUFHLENBQUMsTUFBTSxDQUFDLENBQUMsRUFBRSxNQUFNLENBQUMsQ0FBQztRQUN0QixHQUFHLENBQUMsTUFBTSxDQUFDLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUNuQixHQUFHLENBQUMsTUFBTSxFQUFFLENBQUM7UUFFYixHQUFHLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDaEIsQ0FBQztDQUNGLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBWZXJ0aWNhbExpbmVQbHVnaW4gfSBmcm9tICcuL3ZlcnRpY2FsLWxpbmUtcGx1Z2luLm1vZGVsJztcblxuY29uc3QgdmVydGljYWxMaW5lSWQgPSAndmVydGljYWxMaW5lJztcblxuZXhwb3J0IGNvbnN0IGdldFZlcnRpY2FsTGluZVBsdWdpbkNvbmZpZzogVmVydGljYWxMaW5lUGx1Z2luID0ge1xuICBpZDogdmVydGljYWxMaW5lSWQsXG4gIGRyYXdUaW1lOiAnYmVmb3JlRHJhdycsXG4gIGRlZmF1bHRzOiB7XG4gICAgd2lkdGg6IDEsXG4gICAgY29sb3I6ICdibGFjaycsXG4gIH0sXG4gIGFmdGVySW5pdDogKGNoYXJ0KSA9PiB7XG4gICAgY2hhcnRbdmVydGljYWxMaW5lSWRdID0ge1xuICAgICAgeDogMCxcbiAgICAgIHk6IDAsXG4gICAgfTtcbiAgfSxcbiAgYWZ0ZXJFdmVudDogKGNoYXJ0LCBhcmdzKSA9PiB7XG4gICAgY29uc3QgeyBpbkNoYXJ0QXJlYSB9ID0gYXJncztcbiAgICBjb25zdCB7IHgsIHkgfSA9IGFyZ3MuZXZlbnQ7XG5cbiAgICBjaGFydFt2ZXJ0aWNhbExpbmVJZF0gPSB7IHgsIHksIGRyYXc6IGluQ2hhcnRBcmVhIH07XG4gICAgY2hhcnQuZHJhdygpO1xuICB9LFxuICBiZWZvcmVEcmF3OiAoY2hhcnQsIF8sIG9wdGlvbnMpID0+IHtcbiAgICBjb25zdCB7IGN0eCB9ID0gY2hhcnQ7XG4gICAgY29uc3QgeyB0b3AsIGJvdHRvbSB9ID0gY2hhcnQuY2hhcnRBcmVhO1xuICAgIGNvbnN0IHsgeCwgZHJhdyB9ID0gY2hhcnRbdmVydGljYWxMaW5lSWRdO1xuICAgIGlmICghZHJhdykgcmV0dXJuO1xuXG4gICAgY3R4LnNhdmUoKTtcblxuICAgIGN0eC5iZWdpblBhdGgoKTtcbiAgICBjdHgubGluZVdpZHRoID0gb3B0aW9ucy53aWR0aCBhcyBudW1iZXI7XG4gICAgY3R4LnN0cm9rZVN0eWxlID0gb3B0aW9ucy5jb2xvciBhcyBzdHJpbmc7XG5cbiAgICBjdHgubW92ZVRvKHgsIGJvdHRvbSk7XG4gICAgY3R4LmxpbmVUbyh4LCB0b3ApO1xuICAgIGN0eC5zdHJva2UoKTtcblxuICAgIGN0eC5yZXN0b3JlKCk7XG4gIH0sXG59O1xuIl19

package/esm2020/lib/components/charts/chart-config/chart-stock-config/vertical-line-plugin/vertical-line-plugin.model.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtbGluZS1wbHVnaW4ubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbnN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvY2hhcnRzL2NoYXJ0LWNvbmZpZy9jaGFydC1zdG9jay1jb25maWcvdmVydGljYWwtbGluZS1wbHVnaW4vdmVydGljYWwtbGluZS1wbHVnaW4ubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBsdWdpbiB9IGZyb20gJ2NoYXJ0LmpzJztcblxuZXhwb3J0IGludGVyZmFjZSBWZXJ0aWNhbExpbmVQbHVnaW4gZXh0ZW5kcyBQbHVnaW4ge1xuICBpZDogc3RyaW5nO1xuICBkcmF3VGltZTogc3RyaW5nO1xuICBsaW5lPzoge1xuICAgIGNvbG9yOiBzdHJpbmc7XG4gIH07XG4gIGRlZmF1bHRzPzoge1xuICAgIHdpZHRoOiBudW1iZXI7XG4gICAgY29sb3I6IHN0cmluZztcbiAgfTtcbn1cbiJdfQ==

package/esm2020/lib/components/charts/chart-config/index.mjs

@@ -0,0 +1,3 @@
+export * from './chart-stock-config/chart-stock-config';
+export * from './chart-bar-config/chart-bar-config';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbnN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvY2hhcnRzL2NoYXJ0LWNvbmZpZy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMscUNBQXFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2NoYXJ0LXN0b2NrLWNvbmZpZy9jaGFydC1zdG9jay1jb25maWcnO1xuZXhwb3J0ICogZnJvbSAnLi9jaGFydC1iYXItY29uZmlnL2NoYXJ0LWJhci1jb25maWcnO1xuIl19