@koobiq/components 17.1.0 → 17.2.0

package/schematics/ng-add/index.js

@@ -52,13 +52,13 @@ function ngAdd(options) {
         }
         // Installing dependencies
         addPackageToPackageJson(tree, '@angular/cdk', "^17.2.0");
-        addPackageToPackageJson(tree, '@koobiq/cdk', "^17.1.0");
-        addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^17.1.0");
+        addPackageToPackageJson(tree, '@koobiq/cdk', "^17.2.0");
+        addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^17.2.0");
         addPackageToPackageJson(tree, '@koobiq/date-formatter', "^3.1.2");
         addPackageToPackageJson(tree, '@koobiq/date-adapter', "^3.1.2");
         addPackageToPackageJson(tree, '@koobiq/icons', "^7.1.1");
-        addPackageToPackageJson(tree, '@koobiq/tokens-builder', "^3.0.0");
-        addPackageToPackageJson(tree, '@koobiq/design-tokens', "^3.0.0");
+        addPackageToPackageJson(tree, '@koobiq/tokens-builder', "^3.3.1");
+        addPackageToPackageJson(tree, '@koobiq/design-tokens', "^3.3.1");
         addPackageToPackageJson(tree, '@messageformat/core', "^3.0.1");
         addPackageToPackageJson(tree, 'luxon', "^3.4.4");
         addPackageToPackageJson(tree, 'marked', "^9.0.0");

package/toast/toast.component.scss

@@ -84,6 +84,17 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 .kbq-toast__close-button {
-    margin-top: kbq-css-variable(toast-size-close-button-margin-top);
+    margin-top: kbq-difference-series-css-variables(
+        [toast-size-content-padding-top,
+        calc(
+                kbq-difference-series-css-variables(
+                        [kbq-sum-series-css-variables(
+                            [calc(kbq-css-variable(icon-button-size-small-vertical-padding) * 2),
+                            16px]
+                        ),
+                        toast-font-title-line-height]
+                    ) / 2
+            )]
+    );
     margin-right: kbq-css-variable(toast-size-close-button-margin-right);
 }

package/tooltip/_tooltip-theme.scss

@@ -36,10 +36,22 @@
     .kbq-tooltip.kbq-contrast-fade {
         @include kbq-tooltip-color($tooltip, contrast-fade-on);
     }
+
+    .kbq-tooltip.kbq-warning {
+        @include kbq-tooltip-color($tooltip, warning-fade-off);
+    }
+
+    .kbq-tooltip.kbq-error {
+        @include kbq-tooltip-color($tooltip, error-fade-off);
+    }
 }
 
 @mixin kbq-tooltip-typography($config) {
     .kbq-tooltip {
         @include kbq-typography-css-variables(tooltip, default);
+
+        .kbq-tooltip__header {
+            @include kbq-typography-css-variables(tooltip, title);
+        }
     }
 }

package/tooltip/tooltip.component.d.ts

@@ -1,7 +1,7 @@
 import { FocusMonitor } from '@angular/cdk/a11y';
 import { Directionality } from '@angular/cdk/bidi';
 import { Overlay, OverlayConfig, ScrollDispatcher, ScrollStrategy } from '@angular/cdk/overlay';
-import { ChangeDetectorRef, ElementRef, EventEmitter, InjectionToken, NgZone, OnDestroy, TemplateRef, Type, ViewContainerRef } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, EventEmitter, InjectionToken, Injector, NgZone, OnDestroy, TemplateRef, Type, ViewContainerRef } from '@angular/core';
 import { KbqComponentColors, KbqPopUp, KbqPopUpTrigger, PopUpPlacements } from '@koobiq/components/core';
 import * as i0 from "@angular/core";
 export declare enum TooltipModifier {
@@ -19,9 +19,11 @@ export declare const KBQ_TOOLTIP_OPEN_TIME_PROVIDER: {
 };
 export declare const MIN_TIME_FOR_DELAY = 2000;
 export declare class KbqTooltipComponent extends KbqPopUp {
+    private injector;
     private openTime;
     prefix: string;
-    constructor(changeDetectorRef: ChangeDetectorRef, openTime: any);
+    elementRef: ElementRef;
+    constructor(changeDetectorRef: ChangeDetectorRef, injector: Injector, openTime: any);
     show(delay: number): void;
     updateClassMap(placement: string, customClass: string, { modifier }: {
         modifier: any;
@@ -57,9 +59,14 @@ export declare class KbqTooltipTrigger extends KbqPopUpTrigger<KbqTooltipCompone
     protected _trigger: string;
     get customClass(): string;
     set customClass(value: string);
+    get context(): any;
+    set context(ctx: any);
+    private _context;
     get color(): string;
     set color(value: KbqComponentColors | string);
     private _color;
+    arrow: boolean;
+    offset: number | null;
     placementChange: EventEmitter<any>;
     visibleChange: EventEmitter<boolean>;
     private get hasClickInTrigger();
@@ -74,7 +81,9 @@ export declare class KbqTooltipTrigger extends KbqPopUpTrigger<KbqTooltipCompone
     getOverlayHandleComponentType(): Type<KbqTooltipComponent>;
     updateClassMap(newPlacement?: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTooltipTrigger, [null, null, null, null, null, null, { optional: true; }, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTooltipTrigger, "[kbqTooltip]", ["kbqTooltip"], { "tooltipVisible": { "alias": "kbqVisible"; "required": false; }; "tooltipPlacement": { "alias": "kbqPlacement"; "required": false; }; "tooltipPlacementPriority": { "alias": "kbqPlacementPriority"; "required": false; }; "content": { "alias": "kbqTooltip"; "required": false; }; "disabled": { "alias": "kbqTooltipDisabled"; "required": false; }; "enterDelay": { "alias": "kbqEnterDelay"; "required": false; }; "leaveDelay": { "alias": "kbqLeaveDelay"; "required": false; }; "trigger": { "alias": "kbqTrigger"; "required": false; }; "customClass": { "alias": "kbqTooltipClass"; "required": false; }; "color": { "alias": "kbqTooltipColor"; "required": false; }; }, { "placementChange": "kbqPlacementChange"; "visibleChange": "kbqVisibleChange"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTooltipTrigger, "[kbqTooltip]", ["kbqTooltip"], { "tooltipVisible": { "alias": "kbqVisible"; "required": false; }; "tooltipPlacement": { "alias": "kbqPlacement"; "required": false; }; "tooltipPlacementPriority": { "alias": "kbqPlacementPriority"; "required": false; }; "content": { "alias": "kbqTooltip"; "required": false; }; "disabled": { "alias": "kbqTooltipDisabled"; "required": false; }; "enterDelay": { "alias": "kbqEnterDelay"; "required": false; }; "leaveDelay": { "alias": "kbqLeaveDelay"; "required": false; }; "trigger": { "alias": "kbqTrigger"; "required": false; }; "customClass": { "alias": "kbqTooltipClass"; "required": false; }; "context": { "alias": "kbqTooltipContext"; "required": false; }; "color": { "alias": "kbqTooltipColor"; "required": false; }; "arrow": { "alias": "kbqTooltipArrow"; "required": false; }; "offset": { "alias": "kbqTooltipOffset"; "required": false; }; }, { "placementChange": "kbqPlacementChange"; "visibleChange": "kbqVisibleChange"; }, never, never, false, never>;
+    static ngAcceptInputType_arrow: unknown;
+    static ngAcceptInputType_offset: unknown;
 }
 export declare class KbqWarningTooltipTrigger extends KbqTooltipTrigger {
     get content(): string | TemplateRef<any>;

package/tooltip/tooltip.scss

@@ -6,6 +6,7 @@
 @use '../core/styles/common/tokens' as *;
 
 $trigger-margin: 8px;
+$trigger-margin_without-arrow: 4px;
 
 .kbq-tooltip__inner {
     border-radius: kbq-css-variable(tooltip-size-border-radius);
@@ -26,6 +27,10 @@ $trigger-margin: 8px;
     .kbq-tooltip__inner {
         padding: kbq-css-variable(tooltip-size-padding-vertical) kbq-css-variable(tooltip-size-padding-horizontal);
     }
+
+    &.kbq-tooltip_arrowless {
+        @include pop-up.popup-margins(kbq-tooltip, $trigger-margin_without-arrow);
+    }
 }
 
 .kbq-tooltip__arrow {

package/card/_card-theme.scss

@@ -1,62 +0,0 @@
-@use 'sass:map';
-
-@use '../core/styles/common/tokens' as *;
-
-@mixin kbq-card-style($component, $style-name) {
-    $style: map.get($component, $style-name);
-
-    box-shadow:
-        inset -1px 0 0 0 kbq-css-variable(card-#{$style-name}-shadow, map.get($style, shadow)),
-        inset 0 1px 0 0 kbq-css-variable(card-#{$style-name}-shadow, map.get($style, shadow)),
-        inset 0 -1px 0 0 kbq-css-variable(card-#{$style-name}-shadow, map.get($style, shadow));
-
-    background-color: kbq-css-variable(card-#{$style-name}-background, map.get($style, background));
-
-    border-left-color: kbq-css-variable(card-#{$style-name}-vertical-line, map.get($style, vertical-line));
-}
-
-@mixin kbq-card-theme($theme) {
-    $foreground: map.get($theme, foreground);
-    $background: map.get($theme, background);
-
-    $card: map.get(map.get($theme, components), card);
-    $popup: map.get(map.get($theme, components), popup);
-
-    .kbq-card {
-        color: kbq-css-variable(foreground-contrast, map.get($foreground, contrast));
-
-        &.kbq-card_error {
-            @include kbq-card-style($card, error);
-        }
-
-        &.kbq-card_warning {
-            @include kbq-card-style($card, warning);
-        }
-
-        &.kbq-card_success {
-            @include kbq-card-style($card, success);
-        }
-
-        &.kbq-card_info {
-            @include kbq-card-style($card, info);
-        }
-
-        &.kbq-card_white {
-            background-color: kbq-css-variable(popup-background, map.get($popup, background));
-        }
-
-        &.kbq-selected {
-            background-color: kbq-css-variable(states-selected-color, map.get($theme, states, selected-color));
-        }
-
-        &:not(.kbq-card_readonly):hover {
-            .kbq-card__overlay {
-                background: kbq-css-variable(background-overlay-hover, map.get($background, overlay-hover));
-            }
-        }
-
-        &.cdk-keyboard-focused {
-            box-shadow: 0 0 0.1px 2px kbq-css-variable(states-focused-color, map.get($theme, states, focused-color));
-        }
-    }
-}

package/card/card.component.d.ts

@@ -1,28 +0,0 @@
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { ElementRef, EventEmitter, OnDestroy } from '@angular/core';
-import { CanColorCtor } from '@koobiq/components/core';
-import * as i0 from "@angular/core";
-/** @docs-private */
-export declare class KbqCardBase {
-    elementRef: ElementRef;
-    constructor(elementRef: ElementRef);
-}
-/** @docs-private */
-export declare const KbqCardBaseMixin: CanColorCtor & typeof KbqCardBase;
-export declare class KbqCard extends KbqCardBaseMixin implements OnDestroy {
-    private _focusMonitor;
-    readonly: boolean;
-    selected: boolean;
-    selectedChange: EventEmitter<boolean>;
-    get tabIndex(): number | null;
-    set tabIndex(value: number | null);
-    private _tabIndex;
-    constructor(elementRef: ElementRef, _focusMonitor: FocusMonitor);
-    ngOnDestroy(): void;
-    focus(): void;
-    onClick($event: MouseEvent): void;
-    onKeyDown($event: KeyboardEvent): void;
-    private get hostElement();
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqCard, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqCard, "kbq-card", never, { "color": { "alias": "color"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, { "selectedChange": "selectedChange"; }, never, ["*"], false, never>;
-}

package/card/card.component.scss

@@ -1,37 +0,0 @@
-@use 'sass:meta';
-@use 'sass:map';
-
-@use '../core/styles/common/layout';
-
-@use '../core/styles/common/tokens' as *;
-
-.kbq-card {
-    position: relative;
-    box-sizing: border-box;
-
-    display: flex;
-    flex-direction: column;
-
-    cursor: pointer;
-
-    &:focus {
-        outline: none;
-    }
-
-    border-left: {
-        width: kbq-css-variable(card-size-vertical-line);
-        style: solid;
-        color: transparent;
-    }
-
-    & .kbq-card__overlay {
-        @include layout.kbq-fill;
-        pointer-events: none;
-
-        background: transparent;
-    }
-
-    &.kbq-card_readonly {
-        cursor: auto;
-    }
-}

package/card/card.module.d.ts

@@ -1,10 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./card.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/cdk/a11y";
-import * as i4 from "@angular/cdk/platform";
-export declare class KbqCardModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqCardModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqCardModule, [typeof i1.KbqCard], [typeof i2.CommonModule, typeof i3.A11yModule, typeof i4.PlatformModule], [typeof i1.KbqCard]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<KbqCardModule>;
-}

package/card/index.d.ts

@@ -1 +0,0 @@
-export * from './public-api';

package/card/public-api.d.ts

@@ -1,2 +0,0 @@
-export * from './card.component';
-export * from './card.module';

package/esm2022/card/card.component.mjs

@@ -1,79 +0,0 @@
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
-import { SPACE } from '@koobiq/cdk/keycodes';
-import { mixinColor } from '@koobiq/components/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/cdk/a11y";
-/** @docs-private */
-export class KbqCardBase {
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-    }
-}
-/** @docs-private */
-export const KbqCardBaseMixin = mixinColor(KbqCardBase);
-export class KbqCard extends KbqCardBaseMixin {
-    get tabIndex() {
-        return this.readonly ? null : this._tabIndex;
-    }
-    set tabIndex(value) {
-        this._tabIndex = value;
-    }
-    constructor(elementRef, _focusMonitor) {
-        super(elementRef);
-        this._focusMonitor = _focusMonitor;
-        this.readonly = false;
-        this.selected = false;
-        this.selectedChange = new EventEmitter();
-        this._tabIndex = 0;
-        this._focusMonitor.monitor(this.elementRef.nativeElement, false);
-    }
-    ngOnDestroy() {
-        this._focusMonitor.stopMonitoring(this.elementRef.nativeElement);
-    }
-    focus() {
-        this.hostElement.focus();
-    }
-    onClick($event) {
-        if (!this.readonly) {
-            $event.stopPropagation();
-            this.selectedChange.emit(!this.selected);
-        }
-    }
-    onKeyDown($event) {
-        switch ($event.keyCode) {
-            case SPACE:
-                if (!this.readonly) {
-                    $event.preventDefault();
-                    this.selectedChange.emit(!this.selected);
-                }
-                break;
-            default:
-        }
-    }
-    get hostElement() {
-        return this.elementRef.nativeElement;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqCard, deps: [{ token: i0.ElementRef }, { token: i1.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqCard, selector: "kbq-card", inputs: { color: "color", readonly: "readonly", selected: "selected", tabIndex: "tabIndex" }, outputs: { selectedChange: "selectedChange" }, host: { listeners: { "keydown": "onKeyDown($event)", "click": "onClick($event)" }, properties: { "class.kbq-card_readonly": "readonly", "class.kbq-selected": "selected", "attr.tabindex": "tabIndex" }, classAttribute: "kbq-card" }, usesInheritance: true, ngImport: i0, template: "<ng-content />\n<div class=\"kbq-card__overlay\"></div>\n", styles: [".kbq-card{position:relative;box-sizing:border-box;display:flex;flex-direction:column;cursor:pointer;border-left-width:var(--kbq-card-size-vertical-line, 4px);border-left-style:solid;border-left-color:transparent}.kbq-card:focus{outline:none}.kbq-card .kbq-card__overlay{inset:0;position:absolute;pointer-events:none;background:transparent}.kbq-card.kbq-card_readonly{cursor:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqCard, decorators: [{
-            type: Component,
-            args: [{ selector: 'kbq-card', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, inputs: ['color'], host: {
-                        class: 'kbq-card',
-                        '[class.kbq-card_readonly]': 'readonly',
-                        '[class.kbq-selected]': 'selected',
-                        '[attr.tabindex]': 'tabIndex',
-                        '(keydown)': 'onKeyDown($event)',
-                        '(click)': 'onClick($event)'
-                    }, template: "<ng-content />\n<div class=\"kbq-card__overlay\"></div>\n", styles: [".kbq-card{position:relative;box-sizing:border-box;display:flex;flex-direction:column;cursor:pointer;border-left-width:var(--kbq-card-size-vertical-line, 4px);border-left-style:solid;border-left-color:transparent}.kbq-card:focus{outline:none}.kbq-card .kbq-card__overlay{inset:0;position:absolute;pointer-events:none;background:transparent}.kbq-card.kbq-card_readonly{cursor:auto}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.FocusMonitor }], propDecorators: { readonly: [{
-                type: Input
-            }], selected: [{
-                type: Input
-            }], selectedChange: [{
-                type: Output
-            }], tabIndex: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2NhcmQvY2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2NhcmQvY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDakQsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxFQUNOLGlCQUFpQixFQUNwQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDN0MsT0FBTyxFQUFnQixVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7O0FBRW5FLG9CQUFvQjtBQUNwQixNQUFNLE9BQU8sV0FBVztJQUNwQixZQUFtQixVQUFzQjtRQUF0QixlQUFVLEdBQVYsVUFBVSxDQUFZO0lBQUcsQ0FBQztDQUNoRDtBQUVELG9CQUFvQjtBQUNwQixNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBc0MsVUFBVSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0FBa0IzRixNQUFNLE9BQU8sT0FBUSxTQUFRLGdCQUFnQjtJQVV6QyxJQUNJLFFBQVE7UUFDUixPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUNqRCxDQUFDO0lBRUQsSUFBSSxRQUFRLENBQUMsS0FBb0I7UUFDN0IsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7SUFDM0IsQ0FBQztJQUlELFlBQ0ksVUFBc0IsRUFDZCxhQUEyQjtRQUVuQyxLQUFLLENBQUMsVUFBVSxDQUFDLENBQUM7UUFGVixrQkFBYSxHQUFiLGFBQWEsQ0FBYztRQXJCdkMsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUdqQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBR2pCLG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQVdyQyxjQUFTLEdBQWtCLENBQUMsQ0FBQztRQVFqQyxJQUFJLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRSxLQUFLLENBQUMsQ0FBQztJQUNyRSxDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksQ0FBQyxhQUFhLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDckUsQ0FBQztJQUVELEtBQUs7UUFDRCxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFRCxPQUFPLENBQUMsTUFBa0I7UUFDdEIsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNqQixNQUFNLENBQUMsZUFBZSxFQUFFLENBQUM7WUFFekIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDN0MsQ0FBQztJQUNMLENBQUM7SUFFRCxTQUFTLENBQUMsTUFBcUI7UUFDM0IsUUFBUSxNQUFNLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDckIsS0FBSyxLQUFLO2dCQUNOLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7b0JBQ2pCLE1BQU0sQ0FBQyxjQUFjLEVBQUUsQ0FBQztvQkFDeEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7Z0JBQzdDLENBQUM7Z0JBQ0QsTUFBTTtZQUNWLFFBQVE7UUFDWixDQUFDO0lBQ0wsQ0FBQztJQUVELElBQVksV0FBVztRQUNuQixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDO0lBQ3pDLENBQUM7aUlBNURRLE9BQU87cUhBQVAsT0FBTywyYkN0Q3BCLDJEQUVBOzsyRkRvQ2EsT0FBTztrQkFoQm5CLFNBQVM7K0JBQ0ksVUFBVSxtQkFHSCx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLFVBQzdCLENBQUMsT0FBTyxDQUFDLFFBQ1g7d0JBQ0YsS0FBSyxFQUFFLFVBQVU7d0JBQ2pCLDJCQUEyQixFQUFFLFVBQVU7d0JBQ3ZDLHNCQUFzQixFQUFFLFVBQVU7d0JBQ2xDLGlCQUFpQixFQUFFLFVBQVU7d0JBQzdCLFdBQVcsRUFBRSxtQkFBbUI7d0JBQ2hDLFNBQVMsRUFBRSxpQkFBaUI7cUJBQy9COzBHQUlELFFBQVE7c0JBRFAsS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sY0FBYztzQkFEYixNQUFNO2dCQUlILFFBQVE7c0JBRFgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEZvY3VzTW9uaXRvciB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9hMTF5JztcbmltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIEVsZW1lbnRSZWYsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIElucHV0LFxuICAgIE9uRGVzdHJveSxcbiAgICBPdXRwdXQsXG4gICAgVmlld0VuY2Fwc3VsYXRpb25cbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTUEFDRSB9IGZyb20gJ0Brb29iaXEvY2RrL2tleWNvZGVzJztcbmltcG9ydCB7IENhbkNvbG9yQ3RvciwgbWl4aW5Db2xvciB9IGZyb20gJ0Brb29iaXEvY29tcG9uZW50cy9jb3JlJztcblxuLyoqIEBkb2NzLXByaXZhdGUgKi9cbmV4cG9ydCBjbGFzcyBLYnFDYXJkQmFzZSB7XG4gICAgY29uc3RydWN0b3IocHVibGljIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHt9XG59XG5cbi8qKiBAZG9jcy1wcml2YXRlICovXG5leHBvcnQgY29uc3QgS2JxQ2FyZEJhc2VNaXhpbjogQ2FuQ29sb3JDdG9yICYgdHlwZW9mIEticUNhcmRCYXNlID0gbWl4aW5Db2xvcihLYnFDYXJkQmFzZSk7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAna2JxLWNhcmQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9jYXJkLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBpbnB1dHM6IFsnY29sb3InXSxcbiAgICBob3N0OiB7XG4gICAgICAgIGNsYXNzOiAna2JxLWNhcmQnLFxuICAgICAgICAnW2NsYXNzLmticS1jYXJkX3JlYWRvbmx5XSc6ICdyZWFkb25seScsXG4gICAgICAgICdbY2xhc3Mua2JxLXNlbGVjdGVkXSc6ICdzZWxlY3RlZCcsXG4gICAgICAgICdbYXR0ci50YWJpbmRleF0nOiAndGFiSW5kZXgnLFxuICAgICAgICAnKGtleWRvd24pJzogJ29uS2V5RG93bigkZXZlbnQpJyxcbiAgICAgICAgJyhjbGljayknOiAnb25DbGljaygkZXZlbnQpJ1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgS2JxQ2FyZCBleHRlbmRzIEticUNhcmRCYXNlTWl4aW4gaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuICAgIEBJbnB1dCgpXG4gICAgcmVhZG9ubHkgPSBmYWxzZTtcblxuICAgIEBJbnB1dCgpXG4gICAgc2VsZWN0ZWQgPSBmYWxzZTtcblxuICAgIEBPdXRwdXQoKVxuICAgIHNlbGVjdGVkQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gICAgQElucHV0KClcbiAgICBnZXQgdGFiSW5kZXgoKTogbnVtYmVyIHwgbnVsbCB7XG4gICAgICAgIHJldHVybiB0aGlzLnJlYWRvbmx5ID8gbnVsbCA6IHRoaXMuX3RhYkluZGV4O1xuICAgIH1cblxuICAgIHNldCB0YWJJbmRleCh2YWx1ZTogbnVtYmVyIHwgbnVsbCkge1xuICAgICAgICB0aGlzLl90YWJJbmRleCA9IHZhbHVlO1xuICAgIH1cblxuICAgIHByaXZhdGUgX3RhYkluZGV4OiBudW1iZXIgfCBudWxsID0gMDtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBlbGVtZW50UmVmOiBFbGVtZW50UmVmLFxuICAgICAgICBwcml2YXRlIF9mb2N1c01vbml0b3I6IEZvY3VzTW9uaXRvclxuICAgICkge1xuICAgICAgICBzdXBlcihlbGVtZW50UmVmKTtcblxuICAgICAgICB0aGlzLl9mb2N1c01vbml0b3IubW9uaXRvcih0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgZmFsc2UpO1xuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCkge1xuICAgICAgICB0aGlzLl9mb2N1c01vbml0b3Iuc3RvcE1vbml0b3JpbmcodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQpO1xuICAgIH1cblxuICAgIGZvY3VzKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmhvc3RFbGVtZW50LmZvY3VzKCk7XG4gICAgfVxuXG4gICAgb25DbGljaygkZXZlbnQ6IE1vdXNlRXZlbnQpIHtcbiAgICAgICAgaWYgKCF0aGlzLnJlYWRvbmx5KSB7XG4gICAgICAgICAgICAkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICAgICAgICAgIHRoaXMuc2VsZWN0ZWRDaGFuZ2UuZW1pdCghdGhpcy5zZWxlY3RlZCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBvbktleURvd24oJGV2ZW50OiBLZXlib2FyZEV2ZW50KSB7XG4gICAgICAgIHN3aXRjaCAoJGV2ZW50LmtleUNvZGUpIHtcbiAgICAgICAgICAgIGNhc2UgU1BBQ0U6XG4gICAgICAgICAgICAgICAgaWYgKCF0aGlzLnJlYWRvbmx5KSB7XG4gICAgICAgICAgICAgICAgICAgICRldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgICAgICAgICB0aGlzLnNlbGVjdGVkQ2hhbmdlLmVtaXQoIXRoaXMuc2VsZWN0ZWQpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIGRlZmF1bHQ6XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIGdldCBob3N0RWxlbWVudCgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50O1xuICAgIH1cbn1cbiIsIjxuZy1jb250ZW50IC8+XG48ZGl2IGNsYXNzPVwia2JxLWNhcmRfX292ZXJsYXlcIj48L2Rpdj5cbiJdfQ==

package/esm2022/card/card.module.mjs

@@ -1,28 +0,0 @@
-import { A11yModule } from '@angular/cdk/a11y';
-import { PlatformModule } from '@angular/cdk/platform';
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { KbqCard } from './card.component';
-import * as i0 from "@angular/core";
-export class KbqCardModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.0", ngImport: i0, type: KbqCardModule, declarations: [KbqCard], imports: [CommonModule,
-            A11yModule,
-            PlatformModule], exports: [KbqCard] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqCardModule, imports: [CommonModule,
-            A11yModule,
-            PlatformModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqCardModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        A11yModule,
-                        PlatformModule
-                    ],
-                    exports: [KbqCard],
-                    declarations: [KbqCard]
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2NhcmQvY2FyZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7O0FBVzNDLE1BQU0sT0FBTyxhQUFhO2lJQUFiLGFBQWE7a0lBQWIsYUFBYSxpQkFGUCxPQUFPLGFBTGxCLFlBQVk7WUFDWixVQUFVO1lBQ1YsY0FBYyxhQUVSLE9BQU87a0lBR1IsYUFBYSxZQVBsQixZQUFZO1lBQ1osVUFBVTtZQUNWLGNBQWM7OzJGQUtULGFBQWE7a0JBVHpCLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osVUFBVTt3QkFDVixjQUFjO3FCQUNqQjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxPQUFPLENBQUM7b0JBQ2xCLFlBQVksRUFBRSxDQUFDLE9BQU8sQ0FBQztpQkFDMUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBMTF5TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2ExMXknO1xuaW1wb3J0IHsgUGxhdGZvcm1Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvcGxhdGZvcm0nO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLYnFDYXJkIH0gZnJvbSAnLi9jYXJkLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIEExMXlNb2R1bGUsXG4gICAgICAgIFBsYXRmb3JtTW9kdWxlXG4gICAgXSxcbiAgICBleHBvcnRzOiBbS2JxQ2FyZF0sXG4gICAgZGVjbGFyYXRpb25zOiBbS2JxQ2FyZF1cbn0pXG5leHBvcnQgY2xhc3MgS2JxQ2FyZE1vZHVsZSB7fVxuIl19

package/esm2022/card/index.mjs

@@ -1,2 +0,0 @@
-export * from './public-api';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2NhcmQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19

package/esm2022/card/koobiq-components-card.mjs

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './index';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia29vYmlxLWNvbXBvbmVudHMtY2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvY2FyZC9rb29iaXEtY29tcG9uZW50cy1jYXJkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19

package/esm2022/card/public-api.mjs

@@ -1,3 +0,0 @@
-export * from './card.component';
-export * from './card.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvY2FyZC9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxlQUFlLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2NhcmQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vY2FyZC5tb2R1bGUnO1xuIl19

package/fesm2022/koobiq-components-card.mjs

@@ -1,110 +0,0 @@
-import * as i1 from '@angular/cdk/a11y';
-import { A11yModule } from '@angular/cdk/a11y';
-import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, NgModule } from '@angular/core';
-import { SPACE } from '@koobiq/cdk/keycodes';
-import { mixinColor } from '@koobiq/components/core';
-import { PlatformModule } from '@angular/cdk/platform';
-import { CommonModule } from '@angular/common';
-
-/** @docs-private */
-class KbqCardBase {
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-    }
-}
-/** @docs-private */
-const KbqCardBaseMixin = mixinColor(KbqCardBase);
-class KbqCard extends KbqCardBaseMixin {
-    get tabIndex() {
-        return this.readonly ? null : this._tabIndex;
-    }
-    set tabIndex(value) {
-        this._tabIndex = value;
-    }
-    constructor(elementRef, _focusMonitor) {
-        super(elementRef);
-        this._focusMonitor = _focusMonitor;
-        this.readonly = false;
-        this.selected = false;
-        this.selectedChange = new EventEmitter();
-        this._tabIndex = 0;
-        this._focusMonitor.monitor(this.elementRef.nativeElement, false);
-    }
-    ngOnDestroy() {
-        this._focusMonitor.stopMonitoring(this.elementRef.nativeElement);
-    }
-    focus() {
-        this.hostElement.focus();
-    }
-    onClick($event) {
-        if (!this.readonly) {
-            $event.stopPropagation();
-            this.selectedChange.emit(!this.selected);
-        }
-    }
-    onKeyDown($event) {
-        switch ($event.keyCode) {
-            case SPACE:
-                if (!this.readonly) {
-                    $event.preventDefault();
-                    this.selectedChange.emit(!this.selected);
-                }
-                break;
-            default:
-        }
-    }
-    get hostElement() {
-        return this.elementRef.nativeElement;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqCard, deps: [{ token: i0.ElementRef }, { token: i1.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqCard, selector: "kbq-card", inputs: { color: "color", readonly: "readonly", selected: "selected", tabIndex: "tabIndex" }, outputs: { selectedChange: "selectedChange" }, host: { listeners: { "keydown": "onKeyDown($event)", "click": "onClick($event)" }, properties: { "class.kbq-card_readonly": "readonly", "class.kbq-selected": "selected", "attr.tabindex": "tabIndex" }, classAttribute: "kbq-card" }, usesInheritance: true, ngImport: i0, template: "<ng-content />\n<div class=\"kbq-card__overlay\"></div>\n", styles: [".kbq-card{position:relative;box-sizing:border-box;display:flex;flex-direction:column;cursor:pointer;border-left-width:var(--kbq-card-size-vertical-line, 4px);border-left-style:solid;border-left-color:transparent}.kbq-card:focus{outline:none}.kbq-card .kbq-card__overlay{inset:0;position:absolute;pointer-events:none;background:transparent}.kbq-card.kbq-card_readonly{cursor:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqCard, decorators: [{
-            type: Component,
-            args: [{ selector: 'kbq-card', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, inputs: ['color'], host: {
-                        class: 'kbq-card',
-                        '[class.kbq-card_readonly]': 'readonly',
-                        '[class.kbq-selected]': 'selected',
-                        '[attr.tabindex]': 'tabIndex',
-                        '(keydown)': 'onKeyDown($event)',
-                        '(click)': 'onClick($event)'
-                    }, template: "<ng-content />\n<div class=\"kbq-card__overlay\"></div>\n", styles: [".kbq-card{position:relative;box-sizing:border-box;display:flex;flex-direction:column;cursor:pointer;border-left-width:var(--kbq-card-size-vertical-line, 4px);border-left-style:solid;border-left-color:transparent}.kbq-card:focus{outline:none}.kbq-card .kbq-card__overlay{inset:0;position:absolute;pointer-events:none;background:transparent}.kbq-card.kbq-card_readonly{cursor:auto}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.FocusMonitor }], propDecorators: { readonly: [{
-                type: Input
-            }], selected: [{
-                type: Input
-            }], selectedChange: [{
-                type: Output
-            }], tabIndex: [{
-                type: Input
-            }] } });
-
-class KbqCardModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.0", ngImport: i0, type: KbqCardModule, declarations: [KbqCard], imports: [CommonModule,
-            A11yModule,
-            PlatformModule], exports: [KbqCard] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqCardModule, imports: [CommonModule,
-            A11yModule,
-            PlatformModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqCardModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        A11yModule,
-                        PlatformModule
-                    ],
-                    exports: [KbqCard],
-                    declarations: [KbqCard]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { KbqCard, KbqCardBase, KbqCardBaseMixin, KbqCardModule };
-//# sourceMappingURL=koobiq-components-card.mjs.map

package/fesm2022/koobiq-components-card.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"koobiq-components-card.mjs","sources":["../../../packages/components/card/card.component.ts","../../../packages/components/card/card.component.html","../../../packages/components/card/card.module.ts","../../../packages/components/card/koobiq-components-card.ts"],"sourcesContent":["import { FocusMonitor } from '@angular/cdk/a11y';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    EventEmitter,\n    Input,\n    OnDestroy,\n    Output,\n    ViewEncapsulation\n} from '@angular/core';\nimport { SPACE } from '@koobiq/cdk/keycodes';\nimport { CanColorCtor, mixinColor } from '@koobiq/components/core';\n\n/** @docs-private */\nexport class KbqCardBase {\n    constructor(public elementRef: ElementRef) {}\n}\n\n/** @docs-private */\nexport const KbqCardBaseMixin: CanColorCtor & typeof KbqCardBase = mixinColor(KbqCardBase);\n\n@Component({\n    selector: 'kbq-card',\n    templateUrl: './card.component.html',\n    styleUrls: ['./card.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    inputs: ['color'],\n    host: {\n        class: 'kbq-card',\n        '[class.kbq-card_readonly]': 'readonly',\n        '[class.kbq-selected]': 'selected',\n        '[attr.tabindex]': 'tabIndex',\n        '(keydown)': 'onKeyDown($event)',\n        '(click)': 'onClick($event)'\n    }\n})\nexport class KbqCard extends KbqCardBaseMixin implements OnDestroy {\n    @Input()\n    readonly = false;\n\n    @Input()\n    selected = false;\n\n    @Output()\n    selectedChange = new EventEmitter<boolean>();\n\n    @Input()\n    get tabIndex(): number | null {\n        return this.readonly ? null : this._tabIndex;\n    }\n\n    set tabIndex(value: number | null) {\n        this._tabIndex = value;\n    }\n\n    private _tabIndex: number | null = 0;\n\n    constructor(\n        elementRef: ElementRef,\n        private _focusMonitor: FocusMonitor\n    ) {\n        super(elementRef);\n\n        this._focusMonitor.monitor(this.elementRef.nativeElement, false);\n    }\n\n    ngOnDestroy() {\n        this._focusMonitor.stopMonitoring(this.elementRef.nativeElement);\n    }\n\n    focus(): void {\n        this.hostElement.focus();\n    }\n\n    onClick($event: MouseEvent) {\n        if (!this.readonly) {\n            $event.stopPropagation();\n\n            this.selectedChange.emit(!this.selected);\n        }\n    }\n\n    onKeyDown($event: KeyboardEvent) {\n        switch ($event.keyCode) {\n            case SPACE:\n                if (!this.readonly) {\n                    $event.preventDefault();\n                    this.selectedChange.emit(!this.selected);\n                }\n                break;\n            default:\n        }\n    }\n\n    private get hostElement() {\n        return this.elementRef.nativeElement;\n    }\n}\n","<ng-content />\n<div class=\"kbq-card__overlay\"></div>\n","import { A11yModule } from '@angular/cdk/a11y';\nimport { PlatformModule } from '@angular/cdk/platform';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { KbqCard } from './card.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        A11yModule,\n        PlatformModule\n    ],\n    exports: [KbqCard],\n    declarations: [KbqCard]\n})\nexport class KbqCardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}