@koobiq/components 17.1.0 → 17.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/alert/_alert-theme.scss +3 -3
- package/autocomplete/_autocomplete-theme.scss +2 -2
- package/badge/_badge-theme.scss +6 -5
- package/button/_button-theme.scss +4 -4
- package/button-toggle/_button-toggle-theme.scss +4 -1
- package/checkbox/_checkbox-theme.scss +35 -17
- package/code-block/_code-block-theme.scss +109 -105
- package/core/forms/_forms.scss +2 -2
- package/core/option/_option-action-theme.scss +1 -1
- package/core/option/_option-theme.scss +7 -4
- package/core/pop-up/index.d.ts +1 -0
- package/core/pop-up/pop-up-styles.d.ts +2 -0
- package/core/pop-up/pop-up.d.ts +5 -0
- package/core/selection/pseudo-checkbox/_pseudo-checkbox-theme.scss +5 -5
- package/core/styles/_koobiq-theme.scss +2 -4
- package/core/styles/theming/_components-theming.scss +27 -43
- package/core/styles/theming/_scrollbar-theme.scss +6 -5
- package/core/styles/typography/_typography.scss +70 -68
- package/datepicker/_datepicker-theme.scss +14 -11
- package/datepicker/datepicker-content.scss +8 -3
- package/datepicker/datepicker-toggle.scss +1 -0
- package/dl/_dl-theme.scss +2 -2
- package/dropdown/_dropdown-theme.scss +4 -4
- package/empty-state/_empty-state-theme.scss +2 -2
- package/esm2022/code-block/actionbar.component.mjs +1 -1
- package/esm2022/core/common-behaviors/common-module.mjs +2 -2
- package/esm2022/core/pop-up/index.mjs +2 -1
- package/esm2022/core/pop-up/pop-up-styles.mjs +26 -0
- package/esm2022/core/pop-up/pop-up.mjs +1 -1
- package/esm2022/core/version.mjs +2 -2
- package/esm2022/datepicker/datepicker.component.mjs +3 -3
- package/esm2022/form-field/form-field.mjs +2 -2
- package/esm2022/form-field/stepper.mjs +2 -2
- package/esm2022/icon/icon-button.component.mjs +2 -2
- package/esm2022/list/list-selection.component.mjs +2 -2
- package/esm2022/list/list.component.mjs +2 -2
- package/esm2022/popover/popover.component.mjs +18 -2
- package/esm2022/select/select.component.mjs +2 -2
- package/esm2022/tabs/tab-body.component.mjs +3 -3
- package/esm2022/tabs/tab-group.component.mjs +1 -1
- package/esm2022/tabs/tab.component.mjs +3 -4
- package/esm2022/toast/toast.component.mjs +3 -3
- package/esm2022/tooltip/tooltip.component.mjs +42 -10
- package/fesm2022/koobiq-components-code-block.mjs +1 -1
- package/fesm2022/koobiq-components-code-block.mjs.map +1 -1
- package/fesm2022/koobiq-components-core.mjs +29 -4
- package/fesm2022/koobiq-components-core.mjs.map +1 -1
- package/fesm2022/koobiq-components-datepicker.mjs +2 -2
- package/fesm2022/koobiq-components-datepicker.mjs.map +1 -1
- package/fesm2022/koobiq-components-form-field.mjs +4 -4
- package/fesm2022/koobiq-components-form-field.mjs.map +1 -1
- package/fesm2022/koobiq-components-icon.mjs +2 -2
- package/fesm2022/koobiq-components-list.mjs +4 -4
- package/fesm2022/koobiq-components-list.mjs.map +1 -1
- package/fesm2022/koobiq-components-popover.mjs +17 -1
- package/fesm2022/koobiq-components-popover.mjs.map +1 -1
- package/fesm2022/koobiq-components-select.mjs +1 -1
- package/fesm2022/koobiq-components-select.mjs.map +1 -1
- package/fesm2022/koobiq-components-tabs.mjs +5 -6
- package/fesm2022/koobiq-components-tabs.mjs.map +1 -1
- package/fesm2022/koobiq-components-toast.mjs +2 -2
- package/fesm2022/koobiq-components-toast.mjs.map +1 -1
- package/fesm2022/koobiq-components-tooltip.mjs +41 -9
- package/fesm2022/koobiq-components-tooltip.mjs.map +1 -1
- package/file-upload/_file-upload-theme.scss +31 -27
- package/form-field/_form-field-theme.scss +6 -6
- package/form-field/form-field.scss +2 -2
- package/form-field/stepper.scss +1 -1
- package/icon/_icon-button-theme.scss +45 -26
- package/icon/_icon-item-theme.scss +1 -1
- package/icon/icon-button.scss +4 -4
- package/input/_input-theme.scss +1 -1
- package/link/_link-theme.scss +12 -6
- package/list/_list-theme.scss +8 -5
- package/list/list.scss +1 -0
- package/loader-overlay/_loader-overlay-theme.scss +10 -6
- package/markdown/_markdown-theme.scss +1 -1
- package/modal/_modal-theme.scss +6 -5
- package/navbar/_navbar-theme.scss +8 -8
- package/package.json +6 -12
- package/popover/_popover-theme.scss +4 -4
- package/popover/popover.component.d.ts +6 -5
- package/prebuilt-themes/dark-theme.css +1 -1
- package/prebuilt-themes/light-theme.css +1 -1
- package/progress-bar/_progress-bar-theme.scss +2 -2
- package/progress-spinner/_progress-spinner-theme.scss +3 -3
- package/radio/_radio-theme.scss +15 -19
- package/schematics/ng-add/index.js +4 -4
- package/scrollbar/_scrollbar-component-theme.scss +27 -12
- package/select/_select-theme.scss +2 -2
- package/sidepanel/_sidepanel-theme.scss +4 -4
- package/splitter/_splitter-theme.scss +1 -2
- package/tabs/_tabs-theme.scss +4 -3
- package/tags/_tag-theme.scss +7 -5
- package/timepicker/timepicker.scss +1 -0
- package/timezone/_timezone-option-theme.scss +3 -3
- package/toast/_toast-theme.scss +1 -1
- package/toast/toast.component.scss +13 -2
- package/toggle/_toggle-theme.scss +1 -1
- package/tooltip/_tooltip-theme.scss +13 -0
- package/tooltip/tooltip.component.d.ts +12 -3
- package/tooltip/tooltip.scss +5 -0
- package/tree/_tree-theme.scss +5 -5
- package/tree/toggle.scss +1 -1
- package/tree-select/_tree-select-theme.scss +2 -2
- package/card/README.md +0 -0
- package/card/_card-theme.scss +0 -62
- package/card/card.component.d.ts +0 -28
- package/card/card.component.scss +0 -37
- package/card/card.module.d.ts +0 -10
- package/card/index.d.ts +0 -1
- package/card/public-api.d.ts +0 -2
- package/esm2022/card/card.component.mjs +0 -79
- package/esm2022/card/card.module.mjs +0 -28
- package/esm2022/card/index.mjs +0 -2
- package/esm2022/card/koobiq-components-card.mjs +0 -5
- package/esm2022/card/public-api.mjs +0 -3
- package/fesm2022/koobiq-components-card.mjs +0 -110
- package/fesm2022/koobiq-components-card.mjs.map +0 -1
package/card/card.component.scss
DELETED
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
@use 'sass:meta';
|
|
2
|
-
@use 'sass:map';
|
|
3
|
-
|
|
4
|
-
@use '../core/styles/common/layout';
|
|
5
|
-
|
|
6
|
-
@use '../core/styles/common/tokens' as *;
|
|
7
|
-
|
|
8
|
-
.kbq-card {
|
|
9
|
-
position: relative;
|
|
10
|
-
box-sizing: border-box;
|
|
11
|
-
|
|
12
|
-
display: flex;
|
|
13
|
-
flex-direction: column;
|
|
14
|
-
|
|
15
|
-
cursor: pointer;
|
|
16
|
-
|
|
17
|
-
&:focus {
|
|
18
|
-
outline: none;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
border-left: {
|
|
22
|
-
width: kbq-css-variable(card-size-vertical-line);
|
|
23
|
-
style: solid;
|
|
24
|
-
color: transparent;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
& .kbq-card__overlay {
|
|
28
|
-
@include layout.kbq-fill;
|
|
29
|
-
pointer-events: none;
|
|
30
|
-
|
|
31
|
-
background: transparent;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
&.kbq-card_readonly {
|
|
35
|
-
cursor: auto;
|
|
36
|
-
}
|
|
37
|
-
}
|
package/card/card.module.d.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./card.component";
|
|
3
|
-
import * as i2 from "@angular/common";
|
|
4
|
-
import * as i3 from "@angular/cdk/a11y";
|
|
5
|
-
import * as i4 from "@angular/cdk/platform";
|
|
6
|
-
export declare class KbqCardModule {
|
|
7
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<KbqCardModule, never>;
|
|
8
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<KbqCardModule, [typeof i1.KbqCard], [typeof i2.CommonModule, typeof i3.A11yModule, typeof i4.PlatformModule], [typeof i1.KbqCard]>;
|
|
9
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<KbqCardModule>;
|
|
10
|
-
}
|
package/card/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './public-api';
|
package/card/public-api.d.ts
DELETED
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
import { FocusMonitor } from '@angular/cdk/a11y';
|
|
2
|
-
import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
|
|
3
|
-
import { SPACE } from '@koobiq/cdk/keycodes';
|
|
4
|
-
import { mixinColor } from '@koobiq/components/core';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "@angular/cdk/a11y";
|
|
7
|
-
/** @docs-private */
|
|
8
|
-
export class KbqCardBase {
|
|
9
|
-
constructor(elementRef) {
|
|
10
|
-
this.elementRef = elementRef;
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
/** @docs-private */
|
|
14
|
-
export const KbqCardBaseMixin = mixinColor(KbqCardBase);
|
|
15
|
-
export class KbqCard extends KbqCardBaseMixin {
|
|
16
|
-
get tabIndex() {
|
|
17
|
-
return this.readonly ? null : this._tabIndex;
|
|
18
|
-
}
|
|
19
|
-
set tabIndex(value) {
|
|
20
|
-
this._tabIndex = value;
|
|
21
|
-
}
|
|
22
|
-
constructor(elementRef, _focusMonitor) {
|
|
23
|
-
super(elementRef);
|
|
24
|
-
this._focusMonitor = _focusMonitor;
|
|
25
|
-
this.readonly = false;
|
|
26
|
-
this.selected = false;
|
|
27
|
-
this.selectedChange = new EventEmitter();
|
|
28
|
-
this._tabIndex = 0;
|
|
29
|
-
this._focusMonitor.monitor(this.elementRef.nativeElement, false);
|
|
30
|
-
}
|
|
31
|
-
ngOnDestroy() {
|
|
32
|
-
this._focusMonitor.stopMonitoring(this.elementRef.nativeElement);
|
|
33
|
-
}
|
|
34
|
-
focus() {
|
|
35
|
-
this.hostElement.focus();
|
|
36
|
-
}
|
|
37
|
-
onClick($event) {
|
|
38
|
-
if (!this.readonly) {
|
|
39
|
-
$event.stopPropagation();
|
|
40
|
-
this.selectedChange.emit(!this.selected);
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
onKeyDown($event) {
|
|
44
|
-
switch ($event.keyCode) {
|
|
45
|
-
case SPACE:
|
|
46
|
-
if (!this.readonly) {
|
|
47
|
-
$event.preventDefault();
|
|
48
|
-
this.selectedChange.emit(!this.selected);
|
|
49
|
-
}
|
|
50
|
-
break;
|
|
51
|
-
default:
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
get hostElement() {
|
|
55
|
-
return this.elementRef.nativeElement;
|
|
56
|
-
}
|
|
57
|
-
/** @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 }); }
|
|
58
|
-
/** @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 }); }
|
|
59
|
-
}
|
|
60
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqCard, decorators: [{
|
|
61
|
-
type: Component,
|
|
62
|
-
args: [{ selector: 'kbq-card', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, inputs: ['color'], host: {
|
|
63
|
-
class: 'kbq-card',
|
|
64
|
-
'[class.kbq-card_readonly]': 'readonly',
|
|
65
|
-
'[class.kbq-selected]': 'selected',
|
|
66
|
-
'[attr.tabindex]': 'tabIndex',
|
|
67
|
-
'(keydown)': 'onKeyDown($event)',
|
|
68
|
-
'(click)': 'onClick($event)'
|
|
69
|
-
}, 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"] }]
|
|
70
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.FocusMonitor }], propDecorators: { readonly: [{
|
|
71
|
-
type: Input
|
|
72
|
-
}], selected: [{
|
|
73
|
-
type: Input
|
|
74
|
-
}], selectedChange: [{
|
|
75
|
-
type: Output
|
|
76
|
-
}], tabIndex: [{
|
|
77
|
-
type: Input
|
|
78
|
-
}] } });
|
|
79
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2NhcmQvY2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2NhcmQvY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDakQsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxFQUNOLGlCQUFpQixFQUNwQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDN0MsT0FBTyxFQUFnQixVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7O0FBRW5FLG9CQUFvQjtBQUNwQixNQUFNLE9BQU8sV0FBVztJQUNwQixZQUFtQixVQUFzQjtRQUF0QixlQUFVLEdBQVYsVUFBVSxDQUFZO0lBQUcsQ0FBQztDQUNoRDtBQUVELG9CQUFvQjtBQUNwQixNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBc0MsVUFBVSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0FBa0IzRixNQUFNLE9BQU8sT0FBUSxTQUFRLGdCQUFnQjtJQVV6QyxJQUNJLFFBQVE7UUFDUixPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUNqRCxDQUFDO0lBRUQsSUFBSSxRQUFRLENBQUMsS0FBb0I7UUFDN0IsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7SUFDM0IsQ0FBQztJQUlELFlBQ0ksVUFBc0IsRUFDZCxhQUEyQjtRQUVuQyxLQUFLLENBQUMsVUFBVSxDQUFDLENBQUM7UUFGVixrQkFBYSxHQUFiLGFBQWEsQ0FBYztRQXJCdkMsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUdqQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBR2pCLG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQVdyQyxjQUFTLEdBQWtCLENBQUMsQ0FBQztRQVFqQyxJQUFJLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRSxLQUFLLENBQUMsQ0FBQztJQUNyRSxDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksQ0FBQyxhQUFhLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDckUsQ0FBQztJQUVELEtBQUs7UUFDRCxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFRCxPQUFPLENBQUMsTUFBa0I7UUFDdEIsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNqQixNQUFNLENBQUMsZUFBZSxFQUFFLENBQUM7WUFFekIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDN0MsQ0FBQztJQUNMLENBQUM7SUFFRCxTQUFTLENBQUMsTUFBcUI7UUFDM0IsUUFBUSxNQUFNLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDckIsS0FBSyxLQUFLO2dCQUNOLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7b0JBQ2pCLE1BQU0sQ0FBQyxjQUFjLEVBQUUsQ0FBQztvQkFDeEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7Z0JBQzdDLENBQUM7Z0JBQ0QsTUFBTTtZQUNWLFFBQVE7UUFDWixDQUFDO0lBQ0wsQ0FBQztJQUVELElBQVksV0FBVztRQUNuQixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDO0lBQ3pDLENBQUM7aUlBNURRLE9BQU87cUhBQVAsT0FBTywyYkN0Q3BCLDJEQUVBOzsyRkRvQ2EsT0FBTztrQkFoQm5CLFNBQVM7K0JBQ0ksVUFBVSxtQkFHSCx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLFVBQzdCLENBQUMsT0FBTyxDQUFDLFFBQ1g7d0JBQ0YsS0FBSyxFQUFFLFVBQVU7d0JBQ2pCLDJCQUEyQixFQUFFLFVBQVU7d0JBQ3ZDLHNCQUFzQixFQUFFLFVBQVU7d0JBQ2xDLGlCQUFpQixFQUFFLFVBQVU7d0JBQzdCLFdBQVcsRUFBRSxtQkFBbUI7d0JBQ2hDLFNBQVMsRUFBRSxpQkFBaUI7cUJBQy9COzBHQUlELFFBQVE7c0JBRFAsS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sY0FBYztzQkFEYixNQUFNO2dCQUlILFFBQVE7c0JBRFgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEZvY3VzTW9uaXRvciB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9hMTF5JztcbmltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIEVsZW1lbnRSZWYsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIElucHV0LFxuICAgIE9uRGVzdHJveSxcbiAgICBPdXRwdXQsXG4gICAgVmlld0VuY2Fwc3VsYXRpb25cbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTUEFDRSB9IGZyb20gJ0Brb29iaXEvY2RrL2tleWNvZGVzJztcbmltcG9ydCB7IENhbkNvbG9yQ3RvciwgbWl4aW5Db2xvciB9IGZyb20gJ0Brb29iaXEvY29tcG9uZW50cy9jb3JlJztcblxuLyoqIEBkb2NzLXByaXZhdGUgKi9cbmV4cG9ydCBjbGFzcyBLYnFDYXJkQmFzZSB7XG4gICAgY29uc3RydWN0b3IocHVibGljIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHt9XG59XG5cbi8qKiBAZG9jcy1wcml2YXRlICovXG5leHBvcnQgY29uc3QgS2JxQ2FyZEJhc2VNaXhpbjogQ2FuQ29sb3JDdG9yICYgdHlwZW9mIEticUNhcmRCYXNlID0gbWl4aW5Db2xvcihLYnFDYXJkQmFzZSk7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAna2JxLWNhcmQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9jYXJkLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBpbnB1dHM6IFsnY29sb3InXSxcbiAgICBob3N0OiB7XG4gICAgICAgIGNsYXNzOiAna2JxLWNhcmQnLFxuICAgICAgICAnW2NsYXNzLmticS1jYXJkX3JlYWRvbmx5XSc6ICdyZWFkb25seScsXG4gICAgICAgICdbY2xhc3Mua2JxLXNlbGVjdGVkXSc6ICdzZWxlY3RlZCcsXG4gICAgICAgICdbYXR0ci50YWJpbmRleF0nOiAndGFiSW5kZXgnLFxuICAgICAgICAnKGtleWRvd24pJzogJ29uS2V5RG93bigkZXZlbnQpJyxcbiAgICAgICAgJyhjbGljayknOiAnb25DbGljaygkZXZlbnQpJ1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgS2JxQ2FyZCBleHRlbmRzIEticUNhcmRCYXNlTWl4aW4gaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuICAgIEBJbnB1dCgpXG4gICAgcmVhZG9ubHkgPSBmYWxzZTtcblxuICAgIEBJbnB1dCgpXG4gICAgc2VsZWN0ZWQgPSBmYWxzZTtcblxuICAgIEBPdXRwdXQoKVxuICAgIHNlbGVjdGVkQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gICAgQElucHV0KClcbiAgICBnZXQgdGFiSW5kZXgoKTogbnVtYmVyIHwgbnVsbCB7XG4gICAgICAgIHJldHVybiB0aGlzLnJlYWRvbmx5ID8gbnVsbCA6IHRoaXMuX3RhYkluZGV4O1xuICAgIH1cblxuICAgIHNldCB0YWJJbmRleCh2YWx1ZTogbnVtYmVyIHwgbnVsbCkge1xuICAgICAgICB0aGlzLl90YWJJbmRleCA9IHZhbHVlO1xuICAgIH1cblxuICAgIHByaXZhdGUgX3RhYkluZGV4OiBudW1iZXIgfCBudWxsID0gMDtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBlbGVtZW50UmVmOiBFbGVtZW50UmVmLFxuICAgICAgICBwcml2YXRlIF9mb2N1c01vbml0b3I6IEZvY3VzTW9uaXRvclxuICAgICkge1xuICAgICAgICBzdXBlcihlbGVtZW50UmVmKTtcblxuICAgICAgICB0aGlzLl9mb2N1c01vbml0b3IubW9uaXRvcih0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgZmFsc2UpO1xuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCkge1xuICAgICAgICB0aGlzLl9mb2N1c01vbml0b3Iuc3RvcE1vbml0b3JpbmcodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQpO1xuICAgIH1cblxuICAgIGZvY3VzKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmhvc3RFbGVtZW50LmZvY3VzKCk7XG4gICAgfVxuXG4gICAgb25DbGljaygkZXZlbnQ6IE1vdXNlRXZlbnQpIHtcbiAgICAgICAgaWYgKCF0aGlzLnJlYWRvbmx5KSB7XG4gICAgICAgICAgICAkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICAgICAgICAgIHRoaXMuc2VsZWN0ZWRDaGFuZ2UuZW1pdCghdGhpcy5zZWxlY3RlZCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBvbktleURvd24oJGV2ZW50OiBLZXlib2FyZEV2ZW50KSB7XG4gICAgICAgIHN3aXRjaCAoJGV2ZW50LmtleUNvZGUpIHtcbiAgICAgICAgICAgIGNhc2UgU1BBQ0U6XG4gICAgICAgICAgICAgICAgaWYgKCF0aGlzLnJlYWRvbmx5KSB7XG4gICAgICAgICAgICAgICAgICAgICRldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgICAgICAgICB0aGlzLnNlbGVjdGVkQ2hhbmdlLmVtaXQoIXRoaXMuc2VsZWN0ZWQpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIGRlZmF1bHQ6XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIGdldCBob3N0RWxlbWVudCgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50O1xuICAgIH1cbn1cbiIsIjxuZy1jb250ZW50IC8+XG48ZGl2IGNsYXNzPVwia2JxLWNhcmRfX292ZXJsYXlcIj48L2Rpdj5cbiJdfQ==
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { A11yModule } from '@angular/cdk/a11y';
|
|
2
|
-
import { PlatformModule } from '@angular/cdk/platform';
|
|
3
|
-
import { CommonModule } from '@angular/common';
|
|
4
|
-
import { NgModule } from '@angular/core';
|
|
5
|
-
import { KbqCard } from './card.component';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
export class KbqCardModule {
|
|
8
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.0", ngImport: i0, type: KbqCardModule, declarations: [KbqCard], imports: [CommonModule,
|
|
10
|
-
A11yModule,
|
|
11
|
-
PlatformModule], exports: [KbqCard] }); }
|
|
12
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqCardModule, imports: [CommonModule,
|
|
13
|
-
A11yModule,
|
|
14
|
-
PlatformModule] }); }
|
|
15
|
-
}
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqCardModule, decorators: [{
|
|
17
|
-
type: NgModule,
|
|
18
|
-
args: [{
|
|
19
|
-
imports: [
|
|
20
|
-
CommonModule,
|
|
21
|
-
A11yModule,
|
|
22
|
-
PlatformModule
|
|
23
|
-
],
|
|
24
|
-
exports: [KbqCard],
|
|
25
|
-
declarations: [KbqCard]
|
|
26
|
-
}]
|
|
27
|
-
}] });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2NhcmQvY2FyZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7O0FBVzNDLE1BQU0sT0FBTyxhQUFhO2lJQUFiLGFBQWE7a0lBQWIsYUFBYSxpQkFGUCxPQUFPLGFBTGxCLFlBQVk7WUFDWixVQUFVO1lBQ1YsY0FBYyxhQUVSLE9BQU87a0lBR1IsYUFBYSxZQVBsQixZQUFZO1lBQ1osVUFBVTtZQUNWLGNBQWM7OzJGQUtULGFBQWE7a0JBVHpCLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osVUFBVTt3QkFDVixjQUFjO3FCQUNqQjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxPQUFPLENBQUM7b0JBQ2xCLFlBQVksRUFBRSxDQUFDLE9BQU8sQ0FBQztpQkFDMUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBMTF5TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2ExMXknO1xuaW1wb3J0IHsgUGxhdGZvcm1Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvcGxhdGZvcm0nO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLYnFDYXJkIH0gZnJvbSAnLi9jYXJkLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIEExMXlNb2R1bGUsXG4gICAgICAgIFBsYXRmb3JtTW9kdWxlXG4gICAgXSxcbiAgICBleHBvcnRzOiBbS2JxQ2FyZF0sXG4gICAgZGVjbGFyYXRpb25zOiBbS2JxQ2FyZF1cbn0pXG5leHBvcnQgY2xhc3MgS2JxQ2FyZE1vZHVsZSB7fVxuIl19
|
package/esm2022/card/index.mjs
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export * from './public-api';
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2NhcmQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generated bundle index. Do not edit.
|
|
3
|
-
*/
|
|
4
|
-
export * from './index';
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia29vYmlxLWNvbXBvbmVudHMtY2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvY2FyZC9rb29iaXEtY29tcG9uZW50cy1jYXJkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
export * from './card.component';
|
|
2
|
-
export * from './card.module';
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvY2FyZC9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxlQUFlLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2NhcmQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vY2FyZC5tb2R1bGUnO1xuIl19
|
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
import * as i1 from '@angular/cdk/a11y';
|
|
2
|
-
import { A11yModule } from '@angular/cdk/a11y';
|
|
3
|
-
import * as i0 from '@angular/core';
|
|
4
|
-
import { EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, NgModule } from '@angular/core';
|
|
5
|
-
import { SPACE } from '@koobiq/cdk/keycodes';
|
|
6
|
-
import { mixinColor } from '@koobiq/components/core';
|
|
7
|
-
import { PlatformModule } from '@angular/cdk/platform';
|
|
8
|
-
import { CommonModule } from '@angular/common';
|
|
9
|
-
|
|
10
|
-
/** @docs-private */
|
|
11
|
-
class KbqCardBase {
|
|
12
|
-
constructor(elementRef) {
|
|
13
|
-
this.elementRef = elementRef;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
/** @docs-private */
|
|
17
|
-
const KbqCardBaseMixin = mixinColor(KbqCardBase);
|
|
18
|
-
class KbqCard extends KbqCardBaseMixin {
|
|
19
|
-
get tabIndex() {
|
|
20
|
-
return this.readonly ? null : this._tabIndex;
|
|
21
|
-
}
|
|
22
|
-
set tabIndex(value) {
|
|
23
|
-
this._tabIndex = value;
|
|
24
|
-
}
|
|
25
|
-
constructor(elementRef, _focusMonitor) {
|
|
26
|
-
super(elementRef);
|
|
27
|
-
this._focusMonitor = _focusMonitor;
|
|
28
|
-
this.readonly = false;
|
|
29
|
-
this.selected = false;
|
|
30
|
-
this.selectedChange = new EventEmitter();
|
|
31
|
-
this._tabIndex = 0;
|
|
32
|
-
this._focusMonitor.monitor(this.elementRef.nativeElement, false);
|
|
33
|
-
}
|
|
34
|
-
ngOnDestroy() {
|
|
35
|
-
this._focusMonitor.stopMonitoring(this.elementRef.nativeElement);
|
|
36
|
-
}
|
|
37
|
-
focus() {
|
|
38
|
-
this.hostElement.focus();
|
|
39
|
-
}
|
|
40
|
-
onClick($event) {
|
|
41
|
-
if (!this.readonly) {
|
|
42
|
-
$event.stopPropagation();
|
|
43
|
-
this.selectedChange.emit(!this.selected);
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
onKeyDown($event) {
|
|
47
|
-
switch ($event.keyCode) {
|
|
48
|
-
case SPACE:
|
|
49
|
-
if (!this.readonly) {
|
|
50
|
-
$event.preventDefault();
|
|
51
|
-
this.selectedChange.emit(!this.selected);
|
|
52
|
-
}
|
|
53
|
-
break;
|
|
54
|
-
default:
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
get hostElement() {
|
|
58
|
-
return this.elementRef.nativeElement;
|
|
59
|
-
}
|
|
60
|
-
/** @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 }); }
|
|
61
|
-
/** @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 }); }
|
|
62
|
-
}
|
|
63
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqCard, decorators: [{
|
|
64
|
-
type: Component,
|
|
65
|
-
args: [{ selector: 'kbq-card', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, inputs: ['color'], host: {
|
|
66
|
-
class: 'kbq-card',
|
|
67
|
-
'[class.kbq-card_readonly]': 'readonly',
|
|
68
|
-
'[class.kbq-selected]': 'selected',
|
|
69
|
-
'[attr.tabindex]': 'tabIndex',
|
|
70
|
-
'(keydown)': 'onKeyDown($event)',
|
|
71
|
-
'(click)': 'onClick($event)'
|
|
72
|
-
}, 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"] }]
|
|
73
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.FocusMonitor }], propDecorators: { readonly: [{
|
|
74
|
-
type: Input
|
|
75
|
-
}], selected: [{
|
|
76
|
-
type: Input
|
|
77
|
-
}], selectedChange: [{
|
|
78
|
-
type: Output
|
|
79
|
-
}], tabIndex: [{
|
|
80
|
-
type: Input
|
|
81
|
-
}] } });
|
|
82
|
-
|
|
83
|
-
class KbqCardModule {
|
|
84
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
85
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.0", ngImport: i0, type: KbqCardModule, declarations: [KbqCard], imports: [CommonModule,
|
|
86
|
-
A11yModule,
|
|
87
|
-
PlatformModule], exports: [KbqCard] }); }
|
|
88
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqCardModule, imports: [CommonModule,
|
|
89
|
-
A11yModule,
|
|
90
|
-
PlatformModule] }); }
|
|
91
|
-
}
|
|
92
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqCardModule, decorators: [{
|
|
93
|
-
type: NgModule,
|
|
94
|
-
args: [{
|
|
95
|
-
imports: [
|
|
96
|
-
CommonModule,
|
|
97
|
-
A11yModule,
|
|
98
|
-
PlatformModule
|
|
99
|
-
],
|
|
100
|
-
exports: [KbqCard],
|
|
101
|
-
declarations: [KbqCard]
|
|
102
|
-
}]
|
|
103
|
-
}] });
|
|
104
|
-
|
|
105
|
-
/**
|
|
106
|
-
* Generated bundle index. Do not edit.
|
|
107
|
-
*/
|
|
108
|
-
|
|
109
|
-
export { KbqCard, KbqCardBase, KbqCardBaseMixin, KbqCardModule };
|
|
110
|
-
//# sourceMappingURL=koobiq-components-card.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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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"}
|