@ng-atomic/components 3.5.0 → 3.6.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/atoms/smart-menu-button/smart-menu-button.atom.d.ts +4 -4
- package/atoms/smart-menu-button/smart-menu-button.atom.d.ts.map +1 -1
- package/esm2020/atoms/icon/icon.atom.mjs +2 -2
- package/esm2020/atoms/smart-menu-button/smart-menu-button.atom.mjs +16 -15
- package/esm2020/frames/auto-layout/auto-layout.frame.mjs +2 -2
- package/esm2020/frames/drawer/drawer.frame.mjs +2 -2
- package/esm2020/frames/line-up/line-up.frame.mjs +2 -2
- package/esm2020/frames/overlay/overlay.frame.mjs +2 -2
- package/esm2020/frames/scroll/scroll.frame.mjs +2 -2
- package/esm2020/frames/smart-menu/smart-menu.frame.mjs +2 -2
- package/esm2020/molecules/actions-column/actions-column.molecule.mjs +9 -9
- package/esm2020/molecules/chips-input-field/chips-input-field.molecule.mjs +7 -4
- package/esm2020/molecules/date-input-field/date-input-field.molecule.mjs +2 -2
- package/esm2020/molecules/header/header.module.mjs +27 -0
- package/esm2020/molecules/header/header.molecule.mjs +32 -0
- package/esm2020/molecules/header/index.mjs +3 -0
- package/esm2020/molecules/header/ng-atomic-components-molecules-header.mjs +5 -0
- package/esm2020/molecules/select-input-field/select-input-field.molecule.mjs +2 -2
- package/esm2020/organisms/action-buttons-section/action-buttons-section.organism.mjs +10 -10
- package/esm2020/organisms/back-navigator/back-navigator.organism.mjs +10 -10
- package/esm2020/organisms/card-input-section/card-input-section.organism.mjs +2 -2
- package/esm2020/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.mjs +2 -2
- package/esm2020/organisms/date-input-section/date-input-section.organism.mjs +2 -2
- package/esm2020/organisms/heading/heading.organism.mjs +2 -2
- package/esm2020/organisms/navigation-list/navigation-list.organism.mjs +2 -2
- package/esm2020/organisms/navigator/navigator.organism.mjs +37 -42
- package/esm2020/organisms/paginator/paginator.organism.mjs +5 -5
- package/esm2020/organisms/select-input-section/select-input-section.organism.mjs +2 -2
- package/esm2020/organisms/smart-table/smart-table.organism.mjs +11 -10
- package/esm2020/organisms/social-login-section/social-login-section.organism.mjs +2 -2
- package/esm2020/organisms/text-input-section/text-input-section.organism.mjs +2 -2
- package/esm2020/organisms/textarea-section/textarea-section.organism.mjs +2 -2
- package/esm2020/organisms/top-navigator/top-navigator.organism.mjs +10 -10
- package/esm2020/templates/entrance/entrance.template.mjs +5 -5
- package/esm2020/templates/menu/menu.template.mjs +2 -2
- package/esm2020/templates/smart-crud/smart-crud.module.mjs +13 -6
- package/esm2020/templates/smart-crud/smart-crud.template.mjs +63 -51
- package/esm2020/templates/smart-index/smart-index.module.mjs +12 -5
- package/esm2020/templates/smart-index/smart-index.template.mjs +40 -24
- package/fesm2015/ng-atomic-components-atoms-icon.mjs +2 -2
- package/fesm2015/ng-atomic-components-atoms-smart-menu-button.mjs +15 -14
- package/fesm2015/ng-atomic-components-atoms-smart-menu-button.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-frames-auto-layout.mjs +2 -2
- package/fesm2015/ng-atomic-components-frames-drawer.mjs +2 -2
- package/fesm2015/ng-atomic-components-frames-line-up.mjs +2 -2
- package/fesm2015/ng-atomic-components-frames-overlay.mjs +2 -2
- package/fesm2015/ng-atomic-components-frames-scroll.mjs +2 -2
- package/fesm2015/ng-atomic-components-frames-smart-menu.mjs +2 -2
- package/fesm2015/ng-atomic-components-molecules-actions-column.mjs +8 -8
- package/fesm2015/ng-atomic-components-molecules-actions-column.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-molecules-chips-input-field.mjs +6 -3
- package/fesm2015/ng-atomic-components-molecules-chips-input-field.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-molecules-date-input-field.mjs +2 -2
- package/fesm2015/ng-atomic-components-molecules-header.mjs +70 -0
- package/fesm2015/ng-atomic-components-molecules-header.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-molecules-select-input-field.mjs +2 -2
- package/fesm2015/ng-atomic-components-organisms-action-buttons-section.mjs +9 -9
- package/fesm2015/ng-atomic-components-organisms-action-buttons-section.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-back-navigator.mjs +9 -9
- package/fesm2015/ng-atomic-components-organisms-back-navigator.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-card-input-section.mjs +2 -2
- package/fesm2015/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs +2 -2
- package/fesm2015/ng-atomic-components-organisms-date-input-section.mjs +2 -2
- package/fesm2015/ng-atomic-components-organisms-heading.mjs +2 -2
- package/fesm2015/ng-atomic-components-organisms-navigation-list.mjs +2 -2
- package/fesm2015/ng-atomic-components-organisms-navigator.mjs +41 -42
- package/fesm2015/ng-atomic-components-organisms-navigator.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-paginator.mjs +4 -4
- package/fesm2015/ng-atomic-components-organisms-paginator.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-select-input-section.mjs +2 -2
- package/fesm2015/ng-atomic-components-organisms-smart-table.mjs +10 -9
- package/fesm2015/ng-atomic-components-organisms-smart-table.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-social-login-section.mjs +2 -2
- package/fesm2015/ng-atomic-components-organisms-text-input-section.mjs +2 -2
- package/fesm2015/ng-atomic-components-organisms-textarea-section.mjs +2 -2
- package/fesm2015/ng-atomic-components-organisms-top-navigator.mjs +9 -9
- package/fesm2015/ng-atomic-components-organisms-top-navigator.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-templates-entrance.mjs +4 -4
- package/fesm2015/ng-atomic-components-templates-entrance.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-templates-menu.mjs +2 -2
- package/fesm2015/ng-atomic-components-templates-smart-crud.mjs +75 -56
- package/fesm2015/ng-atomic-components-templates-smart-crud.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-templates-smart-index.mjs +51 -28
- package/fesm2015/ng-atomic-components-templates-smart-index.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-atoms-icon.mjs +2 -2
- package/fesm2020/ng-atomic-components-atoms-smart-menu-button.mjs +15 -14
- package/fesm2020/ng-atomic-components-atoms-smart-menu-button.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-frames-auto-layout.mjs +2 -2
- package/fesm2020/ng-atomic-components-frames-drawer.mjs +2 -2
- package/fesm2020/ng-atomic-components-frames-line-up.mjs +2 -2
- package/fesm2020/ng-atomic-components-frames-overlay.mjs +2 -2
- package/fesm2020/ng-atomic-components-frames-scroll.mjs +2 -2
- package/fesm2020/ng-atomic-components-frames-smart-menu.mjs +2 -2
- package/fesm2020/ng-atomic-components-molecules-actions-column.mjs +8 -8
- package/fesm2020/ng-atomic-components-molecules-actions-column.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-molecules-chips-input-field.mjs +6 -3
- package/fesm2020/ng-atomic-components-molecules-chips-input-field.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-molecules-date-input-field.mjs +2 -2
- package/fesm2020/ng-atomic-components-molecules-header.mjs +63 -0
- package/fesm2020/ng-atomic-components-molecules-header.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-molecules-select-input-field.mjs +2 -2
- package/fesm2020/ng-atomic-components-organisms-action-buttons-section.mjs +9 -9
- package/fesm2020/ng-atomic-components-organisms-action-buttons-section.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-back-navigator.mjs +9 -9
- package/fesm2020/ng-atomic-components-organisms-back-navigator.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-card-input-section.mjs +2 -2
- package/fesm2020/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs +2 -2
- package/fesm2020/ng-atomic-components-organisms-date-input-section.mjs +2 -2
- package/fesm2020/ng-atomic-components-organisms-heading.mjs +2 -2
- package/fesm2020/ng-atomic-components-organisms-navigation-list.mjs +2 -2
- package/fesm2020/ng-atomic-components-organisms-navigator.mjs +37 -42
- package/fesm2020/ng-atomic-components-organisms-navigator.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-paginator.mjs +4 -4
- package/fesm2020/ng-atomic-components-organisms-paginator.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-select-input-section.mjs +2 -2
- package/fesm2020/ng-atomic-components-organisms-smart-table.mjs +10 -9
- package/fesm2020/ng-atomic-components-organisms-smart-table.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-social-login-section.mjs +2 -2
- package/fesm2020/ng-atomic-components-organisms-text-input-section.mjs +2 -2
- package/fesm2020/ng-atomic-components-organisms-textarea-section.mjs +2 -2
- package/fesm2020/ng-atomic-components-organisms-top-navigator.mjs +9 -9
- package/fesm2020/ng-atomic-components-organisms-top-navigator.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-templates-entrance.mjs +4 -4
- package/fesm2020/ng-atomic-components-templates-entrance.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-templates-menu.mjs +2 -2
- package/fesm2020/ng-atomic-components-templates-smart-crud.mjs +75 -56
- package/fesm2020/ng-atomic-components-templates-smart-crud.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-templates-smart-index.mjs +51 -28
- package/fesm2020/ng-atomic-components-templates-smart-index.mjs.map +1 -1
- package/molecules/actions-column/actions-column.molecule.d.ts +4 -4
- package/molecules/actions-column/actions-column.molecule.d.ts.map +1 -1
- package/molecules/chips-input-field/chips-input-field.molecule.d.ts +2 -1
- package/molecules/chips-input-field/chips-input-field.molecule.d.ts.map +1 -1
- package/molecules/header/header.module.d.ts +9 -0
- package/molecules/header/header.module.d.ts.map +1 -0
- package/molecules/header/header.molecule.d.ts +8 -0
- package/molecules/header/header.molecule.d.ts.map +1 -0
- package/molecules/header/index.d.ts +3 -0
- package/molecules/header/index.d.ts.map +1 -0
- package/molecules/header/ng-atomic-components-molecules-header.d.ts +6 -0
- package/molecules/header/ng-atomic-components-molecules-header.d.ts.map +1 -0
- package/molecules/header/package.json +10 -0
- package/organisms/action-buttons-section/action-buttons-section.organism.d.ts +5 -5
- package/organisms/action-buttons-section/action-buttons-section.organism.d.ts.map +1 -1
- package/organisms/back-navigator/back-navigator.organism.d.ts +4 -4
- package/organisms/back-navigator/back-navigator.organism.d.ts.map +1 -1
- package/organisms/navigator/navigator.organism.d.ts +5 -8
- package/organisms/navigator/navigator.organism.d.ts.map +1 -1
- package/organisms/smart-table/smart-table.organism.d.ts +5 -4
- package/organisms/smart-table/smart-table.organism.d.ts.map +1 -1
- package/organisms/top-navigator/top-navigator.organism.d.ts +3 -3
- package/organisms/top-navigator/top-navigator.organism.d.ts.map +1 -1
- package/package.json +11 -3
- package/templates/smart-crud/smart-crud.module.d.ts +3 -2
- package/templates/smart-crud/smart-crud.module.d.ts.map +1 -1
- package/templates/smart-crud/smart-crud.template.d.ts +16 -6
- package/templates/smart-crud/smart-crud.template.d.ts.map +1 -1
- package/templates/smart-index/smart-index.module.d.ts +3 -2
- package/templates/smart-index/smart-index.module.d.ts.map +1 -1
- package/templates/smart-index/smart-index.template.d.ts +13 -5
- package/templates/smart-index/smart-index.template.d.ts.map +1 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { EventEmitter } from '@angular/core';
|
|
2
|
-
import { ActionItem } from '@ng-atomic/common/models';
|
|
2
|
+
import { Action, ActionItem } from '@ng-atomic/common/models';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare class SmartMenuButtonAtom {
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
items: ActionItem[];
|
|
6
|
+
action: EventEmitter<Action<any>>;
|
|
7
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<SmartMenuButtonAtom, never>;
|
|
8
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SmartMenuButtonAtom, "atoms-smart-menu-button", never, { "
|
|
8
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SmartMenuButtonAtom, "atoms-smart-menu-button", never, { "items": "items"; }, { "action": "action"; }, never, never>;
|
|
9
9
|
}
|
|
10
10
|
//# sourceMappingURL=smart-menu-button.atom.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"smart-menu-button.atom.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/atoms/smart-menu-button/smart-menu-button.atom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,YAAY,EAAiB,MAAM,eAAe,CAAC;AAChG,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;;
|
|
1
|
+
{"version":3,"file":"smart-menu-button.atom.d.ts","sourceRoot":"","sources":["../../../../../libs/components/src/atoms/smart-menu-button/smart-menu-button.atom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,YAAY,EAAiB,MAAM,eAAe,CAAC;AAChG,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;;AAE9D,qBAMa,mBAAmB;IAE9B,KAAK,EAAE,UAAU,EAAE,CAAM;IAGzB,MAAM,4BAA8B;yCALzB,mBAAmB;2CAAnB,mBAAmB;CAM/B"}
|
|
@@ -44,10 +44,10 @@ IconAtom.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: IconAtom, selector
|
|
|
44
44
|
i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(1, 2, ctx.hasSvgIcon$));
|
|
45
45
|
i0.ɵɵadvance(2);
|
|
46
46
|
i0.ɵɵproperty("ngIf", !i0.ɵɵpipeBind1(3, 4, ctx.hasSvgIcon$));
|
|
47
|
-
} }, directives: [i2.NgIf, i1.MatIcon], pipes: [i2.AsyncPipe], styles: ["[_nghost-%COMP%]{display:block;--color: inherit;--color-SCOPED-IN-icon-
|
|
47
|
+
} }, directives: [i2.NgIf, i1.MatIcon], pipes: [i2.AsyncPipe], styles: ["[_nghost-%COMP%]{display:block;--color: inherit;--color-SCOPED-IN-icon-uRvA: var(--color)}[_nghost-%COMP%] mat-icon[_ngcontent-%COMP%]{color:var(--color-SCOPED-IN-icon-uRvA)}[_nghost-%COMP%] mat-icon[_ngcontent-%COMP%] svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-uRvA)}"], changeDetection: 0 });
|
|
48
48
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IconAtom, [{
|
|
49
49
|
type: Component,
|
|
50
|
-
args: [{ selector: 'atoms-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-icon\n *ngIf=\"hasSvgIcon$ | async\"\n [svgIcon]=\"name$ | async\"\n></mat-icon>\n<mat-icon\n *ngIf=\"!(hasSvgIcon$ | async)\"\n>{{ name$ | async }}</mat-icon>\n", styles: [":host{display:block;--color: inherit;--color-SCOPED-IN-icon-
|
|
50
|
+
args: [{ selector: 'atoms-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-icon\n *ngIf=\"hasSvgIcon$ | async\"\n [svgIcon]=\"name$ | async\"\n></mat-icon>\n<mat-icon\n *ngIf=\"!(hasSvgIcon$ | async)\"\n>{{ name$ | async }}</mat-icon>\n", styles: [":host{display:block;--color: inherit;--color-SCOPED-IN-icon-uRvA: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-uRvA)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-uRvA)}\n"] }]
|
|
51
51
|
}], function () { return [{ type: i1.MatIconRegistry }]; }, { name: [{
|
|
52
52
|
type: Input
|
|
53
53
|
}], color: [{
|
|
@@ -11,7 +11,7 @@ function SmartMenuButtonAtom_ng_container_2_Template(rf, ctx) { if (rf & 1) {
|
|
|
11
11
|
const _r6 = i0.ɵɵgetCurrentView();
|
|
12
12
|
i0.ɵɵelementContainerStart(0);
|
|
13
13
|
i0.ɵɵelementStart(1, "button", 5);
|
|
14
|
-
i0.ɵɵlistener("click", function SmartMenuButtonAtom_ng_container_2_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.
|
|
14
|
+
i0.ɵɵlistener("click", function SmartMenuButtonAtom_ng_container_2_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.action.emit(ctx_r5.items[0]); });
|
|
15
15
|
i0.ɵɵelementStart(2, "mat-icon");
|
|
16
16
|
i0.ɵɵtext(3);
|
|
17
17
|
i0.ɵɵelementEnd()();
|
|
@@ -19,7 +19,7 @@ function SmartMenuButtonAtom_ng_container_2_Template(rf, ctx) { if (rf & 1) {
|
|
|
19
19
|
} if (rf & 2) {
|
|
20
20
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
21
21
|
i0.ɵɵadvance(3);
|
|
22
|
-
i0.ɵɵtextInterpolate(ctx_r1.
|
|
22
|
+
i0.ɵɵtextInterpolate(ctx_r1.items[0] == null ? null : ctx_r1.items[0].icon);
|
|
23
23
|
} }
|
|
24
24
|
function SmartMenuButtonAtom_ng_container_3_button_1_Template(rf, ctx) { if (rf & 1) {
|
|
25
25
|
i0.ɵɵelementStart(0, "button", 7)(1, "mat-icon");
|
|
@@ -37,27 +37,27 @@ function SmartMenuButtonAtom_ng_container_3_Template(rf, ctx) { if (rf & 1) {
|
|
|
37
37
|
} if (rf & 2) {
|
|
38
38
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
39
39
|
i0.ɵɵadvance(1);
|
|
40
|
-
i0.ɵɵproperty("ngIf", ctx_r2.
|
|
40
|
+
i0.ɵɵproperty("ngIf", ctx_r2.items.length);
|
|
41
41
|
} }
|
|
42
42
|
function SmartMenuButtonAtom_button_6_Template(rf, ctx) { if (rf & 1) {
|
|
43
43
|
const _r10 = i0.ɵɵgetCurrentView();
|
|
44
44
|
i0.ɵɵelementStart(0, "button", 8);
|
|
45
|
-
i0.ɵɵlistener("click", function SmartMenuButtonAtom_button_6_Template_button_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r10); const
|
|
45
|
+
i0.ɵɵlistener("click", function SmartMenuButtonAtom_button_6_Template_button_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r10); const item_r8 = restoredCtx.$implicit; const ctx_r9 = i0.ɵɵnextContext(); return ctx_r9.action.emit(item_r8); });
|
|
46
46
|
i0.ɵɵtext(1);
|
|
47
47
|
i0.ɵɵelementEnd();
|
|
48
48
|
} if (rf & 2) {
|
|
49
|
-
const
|
|
49
|
+
const item_r8 = ctx.$implicit;
|
|
50
50
|
i0.ɵɵadvance(1);
|
|
51
|
-
i0.ɵɵtextInterpolate(
|
|
51
|
+
i0.ɵɵtextInterpolate(item_r8.name);
|
|
52
52
|
} }
|
|
53
53
|
export class SmartMenuButtonAtom {
|
|
54
54
|
constructor() {
|
|
55
|
-
this.
|
|
56
|
-
this.
|
|
55
|
+
this.items = [];
|
|
56
|
+
this.action = new EventEmitter();
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
59
|
SmartMenuButtonAtom.ɵfac = function SmartMenuButtonAtom_Factory(t) { return new (t || SmartMenuButtonAtom)(); };
|
|
60
|
-
SmartMenuButtonAtom.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartMenuButtonAtom, selectors: [["atoms-smart-menu-button"]], inputs: {
|
|
60
|
+
SmartMenuButtonAtom.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartMenuButtonAtom, selectors: [["atoms-smart-menu-button"]], inputs: { items: "items" }, outputs: { action: "action" }, decls: 7, vars: 4, consts: [[3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"], ["menu", "matMenu"], ["mat-menu-item", "", 3, "click", 4, "ngFor", "ngForOf"], ["mat-icon-button", "", 3, "click"], ["mat-icon-button", "", 3, "matMenuTriggerFor", 4, "ngIf"], ["mat-icon-button", "", 3, "matMenuTriggerFor"], ["mat-menu-item", "", 3, "click"]], template: function SmartMenuButtonAtom_Template(rf, ctx) { if (rf & 1) {
|
|
61
61
|
i0.ɵɵelementContainerStart(0, 0);
|
|
62
62
|
i0.ɵɵtemplate(1, SmartMenuButtonAtom_ng_container_1_Template, 1, 0, "ng-container", 1);
|
|
63
63
|
i0.ɵɵtemplate(2, SmartMenuButtonAtom_ng_container_2_Template, 4, 1, "ng-container", 1);
|
|
@@ -67,20 +67,21 @@ SmartMenuButtonAtom.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartMe
|
|
|
67
67
|
i0.ɵɵtemplate(6, SmartMenuButtonAtom_button_6_Template, 2, 1, "button", 4);
|
|
68
68
|
i0.ɵɵelementEnd();
|
|
69
69
|
} if (rf & 2) {
|
|
70
|
-
|
|
70
|
+
let tmp_0_0;
|
|
71
|
+
i0.ɵɵproperty("ngSwitch", (tmp_0_0 = ctx.items == null ? null : ctx.items.length) !== null && tmp_0_0 !== undefined ? tmp_0_0 : 0);
|
|
71
72
|
i0.ɵɵadvance(1);
|
|
72
73
|
i0.ɵɵproperty("ngSwitchCase", 0);
|
|
73
74
|
i0.ɵɵadvance(1);
|
|
74
75
|
i0.ɵɵproperty("ngSwitchCase", 1);
|
|
75
76
|
i0.ɵɵadvance(4);
|
|
76
|
-
i0.ɵɵproperty("ngForOf", ctx.
|
|
77
|
+
i0.ɵɵproperty("ngForOf", ctx.items);
|
|
77
78
|
} }, directives: [i1.NgSwitch, i1.NgSwitchCase, i2.MatButton, i3.MatIcon, i1.NgSwitchDefault, i1.NgIf, i4.MatMenuTrigger, i4.MatMenu, i1.NgForOf, i4.MatMenuItem], styles: ["[_nghost-%COMP%]{display:block;width:100%;height:100%}"], changeDetection: 0 });
|
|
78
79
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartMenuButtonAtom, [{
|
|
79
80
|
type: Component,
|
|
80
|
-
args: [{ selector: 'atoms-smart-menu-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngSwitch]=\"
|
|
81
|
-
}], null, {
|
|
81
|
+
args: [{ selector: 'atoms-smart-menu-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngSwitch]=\"items?.length ?? 0\">\n <ng-container *ngSwitchCase=\"0\"></ng-container>\n <ng-container *ngSwitchCase=\"1\">\n <button mat-icon-button (click)=\"action.emit(items[0])\">\n <mat-icon>{{ items[0]?.icon }}</mat-icon>\n </button>\n </ng-container>\n <ng-container *ngSwitchDefault>\n <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"items.length\">\n <mat-icon>menu</mat-icon>\n </button>\n </ng-container>\n</ng-container>\n\n<mat-menu #menu=\"matMenu\">\n <button \n *ngFor=\"let item of items\"\n mat-menu-item \n (click)=\"action.emit(item)\"\n >{{ item.name }}</button>\n</mat-menu>\n", styles: [":host{display:block;width:100%;height:100%}\n"] }]
|
|
82
|
+
}], null, { items: [{
|
|
82
83
|
type: Input
|
|
83
|
-
}],
|
|
84
|
+
}], action: [{
|
|
84
85
|
type: Output
|
|
85
86
|
}] }); })();
|
|
86
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
87
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtbWVudS1idXR0b24uYXRvbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvYXRvbXMvc21hcnQtbWVudS1idXR0b24vc21hcnQtbWVudS1idXR0b24uYXRvbS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvYXRvbXMvc21hcnQtbWVudS1idXR0b24vc21hcnQtbWVudS1idXR0b24uYXRvbS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7SUNDOUYsd0JBQStDOzs7O0lBQy9DLDZCQUFnQztJQUM5QixpQ0FBd0Q7SUFBaEMseUtBQVMsZ0NBQWtCLENBQUMsRUFBRSxJQUFDO0lBQ3JELGdDQUFVO0lBQUEsWUFBb0I7SUFBQSxpQkFBVyxFQUFBO0lBRTdDLDBCQUFlOzs7SUFGRCxlQUFvQjtJQUFwQiwyRUFBb0I7OztJQUloQyxpQ0FBd0UsZUFBQTtJQUM1RCxvQkFBSTtJQUFBLGlCQUFXLEVBQUE7Ozs7SUFESCx1Q0FBMEI7OztJQURwRCw2QkFBK0I7SUFDN0IseUZBRVM7SUFDWCwwQkFBZTs7O0lBSHVDLGVBQWtCO0lBQWxCLDBDQUFrQjs7OztJQU94RSxpQ0FJQztJQURDLCtOQUFTLDJCQUFpQixJQUFDO0lBQzVCLFlBQWU7SUFBQSxpQkFBUzs7O0lBQXhCLGVBQWU7SUFBZixrQ0FBZTs7QURWbEIsTUFBTSxPQUFPLG1CQUFtQjtJQU5oQztRQVFFLFVBQUssR0FBaUIsRUFBRSxDQUFDO1FBR3pCLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0tBQ3JDOztzRkFOWSxtQkFBbUI7c0VBQW5CLG1CQUFtQjtRQ1RoQyxnQ0FBOEM7UUFDNUMsc0ZBQStDO1FBQy9DLHNGQUllO1FBQ2Ysc0ZBSWU7UUFDakIsMEJBQWU7UUFFZix5Q0FBMEI7UUFDeEIsMEVBSXlCO1FBQzNCLGlCQUFXOzs7UUFwQkcsa0lBQStCO1FBQzVCLGVBQWU7UUFBZixnQ0FBZTtRQUNmLGVBQWU7UUFBZixnQ0FBZTtRQWNYLGVBQVE7UUFBUixtQ0FBUTs7dUZEUGhCLG1CQUFtQjtjQU4vQixTQUFTOzJCQUNFLHlCQUF5QixtQkFHbEIsdUJBQXVCLENBQUMsTUFBTTtnQkFJL0MsS0FBSztrQkFESixLQUFLO1lBSU4sTUFBTTtrQkFETCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBY3Rpb24sIEFjdGlvbkl0ZW0gfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdG9tcy1zbWFydC1tZW51LWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zbWFydC1tZW51LWJ1dHRvbi5hdG9tLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zbWFydC1tZW51LWJ1dHRvbi5hdG9tLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFNtYXJ0TWVudUJ1dHRvbkF0b20ge1xuICBASW5wdXQoKVxuICBpdGVtczogQWN0aW9uSXRlbVtdID0gW107XG5cbiAgQE91dHB1dCgpXG4gIGFjdGlvbiA9IG5ldyBFdmVudEVtaXR0ZXI8QWN0aW9uPigpO1xufVxuIiwiPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwiaXRlbXM/Lmxlbmd0aCA/PyAwXCI+XG4gIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIjBcIj48L25nLWNvbnRhaW5lcj5cbiAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiMVwiPlxuICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIChjbGljayk9XCJhY3Rpb24uZW1pdChpdGVtc1swXSlcIj5cbiAgICAgIDxtYXQtaWNvbj57eyBpdGVtc1swXT8uaWNvbiB9fTwvbWF0LWljb24+XG4gICAgPC9idXR0b24+XG4gIDwvbmctY29udGFpbmVyPlxuICA8bmctY29udGFpbmVyICpuZ1N3aXRjaERlZmF1bHQ+XG4gICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gW21hdE1lbnVUcmlnZ2VyRm9yXT1cIm1lbnVcIiAqbmdJZj1cIml0ZW1zLmxlbmd0aFwiPlxuICAgICAgPG1hdC1pY29uPm1lbnU8L21hdC1pY29uPlxuICAgIDwvYnV0dG9uPlxuICA8L25nLWNvbnRhaW5lcj5cbjwvbmctY29udGFpbmVyPlxuXG48bWF0LW1lbnUgI21lbnU9XCJtYXRNZW51XCI+XG4gIDxidXR0b24gXG4gICAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXNcIlxuICAgIG1hdC1tZW51LWl0ZW0gXG4gICAgKGNsaWNrKT1cImFjdGlvbi5lbWl0KGl0ZW0pXCJcbiAgPnt7IGl0ZW0ubmFtZSB9fTwvYnV0dG9uPlxuPC9tYXQtbWVudT5cbiJdfQ==
|
|
@@ -7,9 +7,9 @@ AutoLayoutFrame.ɵfac = function AutoLayoutFrame_Factory(t) { return new (t || A
|
|
|
7
7
|
AutoLayoutFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AutoLayoutFrame, selectors: [["frames-auto-layout"]], ngContentSelectors: _c0, decls: 1, vars: 0, template: function AutoLayoutFrame_Template(rf, ctx) { if (rf & 1) {
|
|
8
8
|
i0.ɵɵprojectionDef();
|
|
9
9
|
i0.ɵɵprojection(0);
|
|
10
|
-
} }, styles: ["[_nghost-%COMP%]{--gap: 24px;--gap-SCOPED-IN-auto-layout-
|
|
10
|
+
} }, styles: ["[_nghost-%COMP%]{--gap: 24px;--gap-SCOPED-IN-auto-layout-ASco: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-ASco: var(--vertical-padding)}[_nghost-%COMP%]{display:flex;width:100%;height:100%;justify-content:center;grid-gap:var(--gap-SCOPED-IN-auto-layout-ASco);gap:var(--gap-SCOPED-IN-auto-layout-ASco);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-ASco) 0}[horizontal][_nghost-%COMP%]{flex-direction:row}[vertical][_nghost-%COMP%]{flex-direction:column}"], changeDetection: 0 });
|
|
11
11
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AutoLayoutFrame, [{
|
|
12
12
|
type: Component,
|
|
13
|
-
args: [{ selector: 'frames-auto-layout', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-
|
|
13
|
+
args: [{ selector: 'frames-auto-layout', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-ASco: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-ASco: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;grid-gap:var(--gap-SCOPED-IN-auto-layout-ASco);gap:var(--gap-SCOPED-IN-auto-layout-ASco);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-ASco) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"] }]
|
|
14
14
|
}], null, null); })();
|
|
15
15
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0by1sYXlvdXQuZnJhbWUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2ZyYW1lcy9hdXRvLWxheW91dC9hdXRvLWxheW91dC5mcmFtZS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvZnJhbWVzL2F1dG8tbGF5b3V0L2F1dG8tbGF5b3V0LmZyYW1lLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBUW5FLE1BQU0sT0FBTyxlQUFlOzs4RUFBZixlQUFlO2tFQUFmLGVBQWU7O1FDUjVCLGtCQUF5Qjs7dUZEUVosZUFBZTtjQU4zQixTQUFTOzJCQUNFLG9CQUFvQixtQkFHYix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmcmFtZXMtYXV0by1sYXlvdXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vYXV0by1sYXlvdXQuZnJhbWUuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2F1dG8tbGF5b3V0LmZyYW1lLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEF1dG9MYXlvdXRGcmFtZSB7IH1cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD4iXX0=
|
|
@@ -32,10 +32,10 @@ DrawerFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DrawerFrame, se
|
|
|
32
32
|
i0.ɵɵelementEnd()();
|
|
33
33
|
} if (rf & 2) {
|
|
34
34
|
i0.ɵɵproperty("autosize", false);
|
|
35
|
-
} }, directives: [i1.MatDrawerContainer, i1.MatDrawer, i1.MatDrawerContent], styles: ["[_nghost-%COMP%]{--content-width: 360px;--content-width-SCOPED-IN-drawer-
|
|
35
|
+
} }, directives: [i1.MatDrawerContainer, i1.MatDrawer, i1.MatDrawerContent], styles: ["[_nghost-%COMP%]{--content-width: 360px;--content-width-SCOPED-IN-drawer-3IK8: var(--content-width)}[_nghost-%COMP%] mat-drawer-content[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
|
|
36
36
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrawerFrame, [{
|
|
37
37
|
type: Component,
|
|
38
|
-
args: [{ selector: 'frames-drawer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-drawer-container [autosize]=\"false\">\n <mat-drawer #drawer mode=\"side\">\n <ng-content select=[drawer]></ng-content>\n </mat-drawer>\n\n <mat-drawer-content>\n <ng-content select=[contents]></ng-content>\n </mat-drawer-content>\n \n</mat-drawer-container>", styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-
|
|
38
|
+
args: [{ selector: 'frames-drawer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-drawer-container [autosize]=\"false\">\n <mat-drawer #drawer mode=\"side\">\n <ng-content select=[drawer]></ng-content>\n </mat-drawer>\n\n <mat-drawer-content>\n <ng-content select=[contents]></ng-content>\n </mat-drawer-content>\n \n</mat-drawer-container>", styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-3IK8: var(--content-width)}:host mat-drawer-content{width:100%}\n"] }]
|
|
39
39
|
}], null, { drawer: [{
|
|
40
40
|
type: ViewChild,
|
|
41
41
|
args: [MatDrawer]
|
|
@@ -102,10 +102,10 @@ LineUpFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LineUpFrame, se
|
|
|
102
102
|
i0.ɵɵproperty("@modeChangeForMain", ctx.mode);
|
|
103
103
|
i0.ɵɵadvance(3);
|
|
104
104
|
i0.ɵɵproperty("@modeChangeForNext", ctx.mode);
|
|
105
|
-
} }, styles: ["[_nghost-%COMP%]{--gap: 1px;--gap-SCOPED-IN-line-up-
|
|
105
|
+
} }, styles: ["[_nghost-%COMP%]{--gap: 1px;--gap-SCOPED-IN-line-up-BU7a: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-BU7a: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-BU7a: var(--contents-background)}[_nghost-%COMP%]{position:relative;display:flex;justify-content:flex-start;grid-gap:var(--gap-SCOPED-IN-line-up-BU7a);gap:var(--gap-SCOPED-IN-line-up-BU7a);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-BU7a)}[_nghost-%COMP%] div[_ngcontent-%COMP%]{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-BU7a)}[_nghost-%COMP%] div.main[_ngcontent-%COMP%]{overflow:hidden;justify-content:flex-end}[_nghost-%COMP%] div.next[_ngcontent-%COMP%]{overflow:visible;justify-content:flex-start}"], data: { animation: LINE_UP_ANIMATIONS } });
|
|
106
106
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LineUpFrame, [{
|
|
107
107
|
type: Component,
|
|
108
|
-
args: [{ selector: 'frames-line-up', changeDetection: ChangeDetectionStrategy.Default, animations: LINE_UP_ANIMATIONS, template: "<div class=\"main\" [@modeChangeForMain]=\"mode\" #main>\n <ng-content select=\"[main]\"></ng-content>\n</div>\n<div class=\"next\" [@modeChangeForNext]=\"mode\" #next>\n <ng-content select=\"[next]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-line-up-
|
|
108
|
+
args: [{ selector: 'frames-line-up', changeDetection: ChangeDetectionStrategy.Default, animations: LINE_UP_ANIMATIONS, template: "<div class=\"main\" [@modeChangeForMain]=\"mode\" #main>\n <ng-content select=\"[main]\"></ng-content>\n</div>\n<div class=\"next\" [@modeChangeForNext]=\"mode\" #next>\n <ng-content select=\"[next]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-line-up-BU7a: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-BU7a: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-BU7a: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;grid-gap:var(--gap-SCOPED-IN-line-up-BU7a);gap:var(--gap-SCOPED-IN-line-up-BU7a);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-BU7a)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-BU7a)}:host div.main{overflow:hidden;justify-content:flex-end}:host div.next{overflow:visible;justify-content:flex-start}\n"] }]
|
|
109
109
|
}], function () { return [{ type: LineUpFrameService }]; }, { hasNext: [{
|
|
110
110
|
type: HostBinding,
|
|
111
111
|
args: ['attr.has-next']
|
|
@@ -20,10 +20,10 @@ OverlayFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OverlayFrame,
|
|
|
20
20
|
} if (rf & 2) {
|
|
21
21
|
i0.ɵɵadvance(2);
|
|
22
22
|
i0.ɵɵproperty("@hasNext", ctx.hasNext);
|
|
23
|
-
} }, styles: ["[_nghost-%COMP%]{--cell: 8px;--cell-SCOPED-IN-line-overlay-
|
|
23
|
+
} }, styles: ["[_nghost-%COMP%]{--cell: 8px;--cell-SCOPED-IN-line-overlay-HKuI: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-HKuI: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-HKuI: var(--height)}[_nghost-%COMP%]{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-HKuI);height:var(--height-SCOPED-IN-line-overlay-HKuI)}[_nghost-%COMP%] .loading[_ngcontent-%COMP%]{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-HKuI);height:var(--height-SCOPED-IN-line-overlay-HKuI);justify-content:center;align-items:center;background-color:#0006}[_nghost-%COMP%] .main[_ngcontent-%COMP%]{position:absolute;top:0;left:0;z-index:1;width:var(--width-SCOPED-IN-line-overlay-HKuI);height:var(--height-SCOPED-IN-line-overlay-HKuI);overflow:hidden}[_nghost-%COMP%] .main[_ngcontent-%COMP%] *[_ngcontent-%COMP%]{--cell: var(--cell-SCOPED-IN-line-overlay-HKuI);--width: var(--width-SCOPED-IN-line-overlay-HKuI);--height: var(--height-SCOPED-IN-line-overlay-HKuI)}[_nghost-%COMP%] .next[_ngcontent-%COMP%]{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-HKuI);height:auto}[_nghost-%COMP%] .next[_ngcontent-%COMP%] *[_ngcontent-%COMP%]{--cell: var(--cell-SCOPED-IN-line-overlay-HKuI);--width: var(--width-SCOPED-IN-line-overlay-HKuI);--height: var(--height-SCOPED-IN-line-overlay-HKuI)}"], data: { animation: [OVERLAY_ANIMATION] }, changeDetection: 0 });
|
|
24
24
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OverlayFrame, [{
|
|
25
25
|
type: Component,
|
|
26
|
-
args: [{ selector: 'frames-overlay', animations: [OVERLAY_ANIMATION], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"main\">\n <ng-content select=[main]></ng-content>\n</div>\n<div class=\"next\" [@hasNext]=\"hasNext\">\n <ng-content select=[next]></ng-content>\n</div>", styles: [":host{--cell: 8px;--cell-SCOPED-IN-line-overlay-
|
|
26
|
+
args: [{ selector: 'frames-overlay', animations: [OVERLAY_ANIMATION], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"main\">\n <ng-content select=[main]></ng-content>\n</div>\n<div class=\"next\" [@hasNext]=\"hasNext\">\n <ng-content select=[next]></ng-content>\n</div>", styles: [":host{--cell: 8px;--cell-SCOPED-IN-line-overlay-HKuI: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-HKuI: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-HKuI: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-HKuI);height:var(--height-SCOPED-IN-line-overlay-HKuI)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-HKuI);height:var(--height-SCOPED-IN-line-overlay-HKuI);justify-content:center;align-items:center;background-color:#0006}:host .main{position:absolute;top:0;left:0;z-index:1;width:var(--width-SCOPED-IN-line-overlay-HKuI);height:var(--height-SCOPED-IN-line-overlay-HKuI);overflow:hidden}:host .main *{--cell: var(--cell-SCOPED-IN-line-overlay-HKuI);--width: var(--width-SCOPED-IN-line-overlay-HKuI);--height: var(--height-SCOPED-IN-line-overlay-HKuI)}:host .next{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-HKuI);height:auto}:host .next *{--cell: var(--cell-SCOPED-IN-line-overlay-HKuI);--width: var(--width-SCOPED-IN-line-overlay-HKuI);--height: var(--height-SCOPED-IN-line-overlay-HKuI)}\n"] }]
|
|
27
27
|
}], null, { hasNext: [{
|
|
28
28
|
type: Input
|
|
29
29
|
}] }); })();
|
|
@@ -14,9 +14,9 @@ ScrollFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ScrollFrame, se
|
|
|
14
14
|
i0.ɵɵelementStart(2, "div", 1);
|
|
15
15
|
i0.ɵɵprojection(3, 1);
|
|
16
16
|
i0.ɵɵelementEnd();
|
|
17
|
-
} }, directives: [i1.IosSafariScrollBuggyfillDirective], styles: ["[_nghost-%COMP%]{--height: 100%;--height-SCOPED-IN-scroll-
|
|
17
|
+
} }, directives: [i1.IosSafariScrollBuggyfillDirective], styles: ["[_nghost-%COMP%]{--height: 100%;--height-SCOPED-IN-scroll-LW8L: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-LW8L: var(--navigator-height)}[_nghost-%COMP%]{height:var(--height-SCOPED-IN-scroll-LW8L);overflow:hidden}[_nghost-%COMP%] .navigator-container[_ngcontent-%COMP%]{height:var(--navigator-height-SCOPED-IN-scroll-LW8L);overflow:hidden;touch-action:none}[_nghost-%COMP%] .contents-container[_ngcontent-%COMP%]{height:calc(var(--height-SCOPED-IN-scroll-LW8L) - var(--navigator-height-SCOPED-IN-scroll-LW8L));overflow:scroll;-webkit-overflow-scrolling:touch}"], changeDetection: 0 });
|
|
18
18
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ScrollFrame, [{
|
|
19
19
|
type: Component,
|
|
20
|
-
args: [{ selector: 'frames-scroll', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"navigator-container\" iosSafariScrollBuggyfill>\n <ng-content select=[navigator]></ng-content>\n</div>\n<div class=\"contents-container\">\n <ng-content select=[contents]></ng-content>\n</div>", styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-
|
|
20
|
+
args: [{ selector: 'frames-scroll', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"navigator-container\" iosSafariScrollBuggyfill>\n <ng-content select=[navigator]></ng-content>\n</div>\n<div class=\"contents-container\">\n <ng-content select=[contents]></ng-content>\n</div>", styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-LW8L: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-LW8L: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-LW8L);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-LW8L);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-LW8L) - var(--navigator-height-SCOPED-IN-scroll-LW8L));overflow:scroll;-webkit-overflow-scrolling:touch}\n"] }]
|
|
21
21
|
}], null, null); })();
|
|
22
22
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsLmZyYW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9mcmFtZXMvc2Nyb2xsL3Njcm9sbC5mcmFtZS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvZnJhbWVzL3Njcm9sbC9zY3JvbGwuZnJhbWUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQVFuRSxNQUFNLE9BQU8sV0FBVzs7c0VBQVgsV0FBVzs4REFBWCxXQUFXOztRQ1J4Qiw4QkFBMEQ7UUFDeEQsa0JBQTRDO1FBQzlDLGlCQUFNO1FBQ04sOEJBQWdDO1FBQzlCLHFCQUEyQztRQUM3QyxpQkFBTTs7dUZER08sV0FBVztjQU52QixTQUFTOzJCQUNFLGVBQWUsbUJBR1IsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZnJhbWVzLXNjcm9sbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zY3JvbGwuZnJhbWUuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3Njcm9sbC5mcmFtZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTY3JvbGxGcmFtZSB7IH1cbiIsIjxkaXYgY2xhc3M9XCJuYXZpZ2F0b3ItY29udGFpbmVyXCIgaW9zU2FmYXJpU2Nyb2xsQnVnZ3lmaWxsPlxuICA8bmctY29udGVudCBzZWxlY3Q9W25hdmlnYXRvcl0+PC9uZy1jb250ZW50PlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwiY29udGVudHMtY29udGFpbmVyXCI+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1bY29udGVudHNdPjwvbmctY29udGVudD5cbjwvZGl2PiJdfQ==
|
|
@@ -31,10 +31,10 @@ SmartMenuFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartMenuFra
|
|
|
31
31
|
i0.ɵɵelementStart(3, "div", 2, 3);
|
|
32
32
|
i0.ɵɵprojection(5, 1);
|
|
33
33
|
i0.ɵɵelementEnd();
|
|
34
|
-
} }, styles: ["[_nghost-%COMP%]{--gap: 1px;--gap-SCOPED-IN-smart-menu-
|
|
34
|
+
} }, styles: ["[_nghost-%COMP%]{--gap: 1px;--gap-SCOPED-IN-smart-menu-Upsl: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-Upsl: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-Upsl: var(--contents-background)}[_nghost-%COMP%]{position:relative;display:flex;justify-content:flex-start;grid-gap:var(--gap-SCOPED-IN-smart-menu-Upsl);gap:var(--gap-SCOPED-IN-smart-menu-Upsl);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-Upsl)}[_nghost-%COMP%] .contents[_ngcontent-%COMP%]{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-Upsl)}[_nghost-%COMP%] .contents.menu[_ngcontent-%COMP%]{overflow:hidden;justify-content:flex-end}[_nghost-%COMP%] .contents.contents[_ngcontent-%COMP%]{overflow:visible;justify-content:flex-start}"], changeDetection: 0 });
|
|
35
35
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartMenuFrame, [{
|
|
36
36
|
type: Component,
|
|
37
|
-
args: [{ selector: 'frames-smart-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"menu\" #menu>\n <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-
|
|
37
|
+
args: [{ selector: 'frames-smart-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"menu\" #menu>\n <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-Upsl: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-Upsl: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-Upsl: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;grid-gap:var(--gap-SCOPED-IN-smart-menu-Upsl);gap:var(--gap-SCOPED-IN-smart-menu-Upsl);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-Upsl)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-Upsl)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"] }]
|
|
38
38
|
}], null, { isMainHidden: [{
|
|
39
39
|
type: HostBinding,
|
|
40
40
|
args: ['attr.is-main-hidden']
|
|
@@ -12,19 +12,19 @@ function ActionsColumnMolecule_th_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
12
12
|
function ActionsColumnMolecule_td_2_Template(rf, ctx) { if (rf & 1) {
|
|
13
13
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
14
14
|
i0.ɵɵelementStart(0, "td", 4)(1, "atoms-smart-menu-button", 5);
|
|
15
|
-
i0.ɵɵlistener("
|
|
15
|
+
i0.ɵɵlistener("action", function ActionsColumnMolecule_td_2_Template_atoms_smart_menu_button_action_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r4); const item_r2 = restoredCtx.$implicit; const ctx_r3 = i0.ɵɵnextContext(); return ctx_r3.action.emit({ id: $event.id, payload: item_r2 }); });
|
|
16
16
|
i0.ɵɵelementEnd()();
|
|
17
17
|
} if (rf & 2) {
|
|
18
18
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
19
19
|
i0.ɵɵadvance(1);
|
|
20
|
-
i0.ɵɵproperty("
|
|
20
|
+
i0.ɵɵproperty("items", ctx_r1.items);
|
|
21
21
|
} }
|
|
22
22
|
export class ActionsColumnMolecule {
|
|
23
23
|
constructor(_table, _options) {
|
|
24
24
|
this._table = _table;
|
|
25
25
|
this._options = _options;
|
|
26
|
-
this.
|
|
27
|
-
this.
|
|
26
|
+
this.items = [];
|
|
27
|
+
this.action = new EventEmitter();
|
|
28
28
|
this._options ?? (this._options = {});
|
|
29
29
|
}
|
|
30
30
|
get name() {
|
|
@@ -63,7 +63,7 @@ ActionsColumnMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Actio
|
|
|
63
63
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.columnDef = _t.first);
|
|
64
64
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.cell = _t.first);
|
|
65
65
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.headerCell = _t.first);
|
|
66
|
-
} }, inputs: { name: "name",
|
|
66
|
+
} }, inputs: { name: "name", items: "items" }, outputs: { action: "action" }, decls: 3, vars: 0, consts: [["matColumnDef", ""], ["mat-header-cell", "", 4, "matHeaderCellDef"], ["mat-cell", "", 4, "matCellDef"], ["mat-header-cell", ""], ["mat-cell", ""], [3, "items", "action"]], template: function ActionsColumnMolecule_Template(rf, ctx) { if (rf & 1) {
|
|
67
67
|
i0.ɵɵelementContainerStart(0, 0);
|
|
68
68
|
i0.ɵɵtemplate(1, ActionsColumnMolecule_th_1_Template, 2, 0, "th", 1);
|
|
69
69
|
i0.ɵɵtemplate(2, ActionsColumnMolecule_td_2_Template, 2, 1, "td", 2);
|
|
@@ -71,7 +71,7 @@ ActionsColumnMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Actio
|
|
|
71
71
|
} }, directives: [i2.MatColumnDef, i2.MatHeaderCellDef, i2.MatHeaderCell, i2.MatCellDef, i2.MatCell, i3.SmartMenuButtonAtom], styles: [""], encapsulation: 2 });
|
|
72
72
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionsColumnMolecule, [{
|
|
73
73
|
type: Component,
|
|
74
|
-
args: [{ selector: 'molecules-actions-column', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, template: "<ng-container matColumnDef>\n <th mat-header-cell *matHeaderCellDef>\u64CD\u4F5C</th>\n <td mat-cell *matCellDef=\"let item\">\n <atoms-smart-menu-button\n [
|
|
74
|
+
args: [{ selector: 'molecules-actions-column', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, template: "<ng-container matColumnDef>\n <th mat-header-cell *matHeaderCellDef>\u64CD\u4F5C</th>\n <td mat-cell *matCellDef=\"let item\">\n <atoms-smart-menu-button\n [items]=\"items\"\n (action)=\"action.emit({id: $event.id, payload: item})\"\n ></atoms-smart-menu-button>\n </td>\n</ng-container>\n", styles: [""] }]
|
|
75
75
|
}], function () { return [{ type: i1.CdkTable, decorators: [{
|
|
76
76
|
type: Optional
|
|
77
77
|
}] }, { type: undefined, decorators: [{
|
|
@@ -81,9 +81,9 @@ ActionsColumnMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Actio
|
|
|
81
81
|
args: [TEXT_COLUMN_OPTIONS]
|
|
82
82
|
}] }]; }, { name: [{
|
|
83
83
|
type: Input
|
|
84
|
-
}],
|
|
84
|
+
}], items: [{
|
|
85
85
|
type: Input
|
|
86
|
-
}],
|
|
86
|
+
}], action: [{
|
|
87
87
|
type: Output
|
|
88
88
|
}], columnDef: [{
|
|
89
89
|
type: ViewChild,
|
|
@@ -95,4 +95,4 @@ ActionsColumnMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Actio
|
|
|
95
95
|
type: ViewChild,
|
|
96
96
|
args: [CdkHeaderCellDef, { static: true }]
|
|
97
97
|
}] }); })();
|
|
98
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
98
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9ucy1jb2x1bW4ubW9sZWN1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL21vbGVjdWxlcy9hY3Rpb25zLWNvbHVtbi9hY3Rpb25zLWNvbHVtbi5tb2xlY3VsZS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbW9sZWN1bGVzL2FjdGlvbnMtY29sdW1uL2FjdGlvbnMtY29sdW1uLm1vbGVjdWxlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQUUsZ0JBQWdCLEVBQUUsUUFBUSxFQUFxQixtQkFBbUIsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ2xJLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztJQ0E5SSw2QkFBc0M7SUFBQSw0QkFBRTtJQUFBLGlCQUFLOzs7O0lBQzdDLDZCQUFvQyxpQ0FBQTtJQUdoQyxxUEFBVSx1REFBMkMsSUFBQztJQUN2RCxpQkFBMEIsRUFBQTs7O0lBRnpCLGVBQWU7SUFBZixvQ0FBZTs7QURPckIsTUFBTSxPQUFPLHFCQUFxQjtJQTBCaEMsWUFDc0IsTUFBbUIsRUFDVSxRQUE4QjtRQUQzRCxXQUFNLEdBQU4sTUFBTSxDQUFhO1FBQ1UsYUFBUSxHQUFSLFFBQVEsQ0FBc0I7UUFoQmpGLFVBQUssR0FBaUIsRUFBRSxDQUFDO1FBR3pCLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBZWxDLElBQUksQ0FBQyxRQUFRLEtBQWIsSUFBSSxDQUFDLFFBQVEsR0FBSyxFQUFFLEVBQUM7SUFDdkIsQ0FBQztJQTlCRCxJQUNJLElBQUk7UUFDTixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDcEIsQ0FBQztJQUNELElBQUksSUFBSSxDQUFDLElBQVk7UUFDbkIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7UUFDbEIsSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7SUFDNUIsQ0FBQztJQXlCRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7UUFFMUIsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ2YsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQztZQUNoQyxJQUFJLENBQUMsU0FBUyxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDO1lBQzVDLElBQUksQ0FBQyxNQUFNLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztTQUMxQztJQUNILENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ2YsSUFBSSxDQUFDLE1BQU0sQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1NBQzdDO0lBQ0gsQ0FBQztJQUVPLGtCQUFrQjtRQUN4QixJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDbEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQztTQUNqQztJQUNILENBQUM7OzBGQXJEVSxxQkFBcUIsNkRBNEJWLG1CQUFtQjt3RUE1QjlCLHFCQUFxQjt1QkFpQnJCLFlBQVk7dUJBR1osVUFBVTt1QkFHVixnQkFBZ0I7Ozs7Ozs7UUNsQzdCLGdDQUEyQjtRQUN6QixvRUFBNkM7UUFDN0Msb0VBS0s7UUFDUCwwQkFBZTs7dUZER0YscUJBQXFCO2NBUGpDLFNBQVM7MkJBQ0UsMEJBQTBCLGlCQUdyQixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxPQUFPOztzQkE2QjdDLFFBQVE7O3NCQUNSLFFBQVE7O3NCQUFJLE1BQU07dUJBQUMsbUJBQW1CO3dCQTFCckMsSUFBSTtrQkFEUCxLQUFLO1lBV04sS0FBSztrQkFESixLQUFLO1lBSU4sTUFBTTtrQkFETCxNQUFNO1lBSVAsU0FBUztrQkFEUixTQUFTO21CQUFDLFlBQVksRUFBRSxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUM7WUFJdkMsSUFBSTtrQkFESCxTQUFTO21CQUFDLFVBQVUsRUFBRSxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUM7WUFJckMsVUFBVTtrQkFEVCxTQUFTO21CQUFDLGdCQUFnQixFQUFFLEVBQUMsTUFBTSxFQUFFLElBQUksRUFBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENka0NlbGxEZWYsIENka0NvbHVtbkRlZiwgQ2RrSGVhZGVyQ2VsbERlZiwgQ2RrVGFibGUsIFRleHRDb2x1bW5PcHRpb25zLCBURVhUX0NPTFVNTl9PUFRJT05TIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3RhYmxlJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5qZWN0LCBJbnB1dCwgT3B0aW9uYWwsIE91dHB1dCwgVmlld0NoaWxkLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWN0aW9uLCBBY3Rpb25JdGVtIH0gZnJvbSAnQG5nLWF0b21pYy9jb21tb24vbW9kZWxzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbW9sZWN1bGVzLWFjdGlvbnMtY29sdW1uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FjdGlvbnMtY29sdW1uLm1vbGVjdWxlLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hY3Rpb25zLWNvbHVtbi5tb2xlY3VsZS5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuRGVmYXVsdCxcbn0pXG5leHBvcnQgY2xhc3MgQWN0aW9uc0NvbHVtbk1vbGVjdWxlPFQ+IHtcbiAgQElucHV0KClcbiAgZ2V0IG5hbWUoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5fbmFtZTtcbiAgfVxuICBzZXQgbmFtZShuYW1lOiBzdHJpbmcpIHtcbiAgICB0aGlzLl9uYW1lID0gbmFtZTtcbiAgICB0aGlzLl9zeW5jQ29sdW1uRGVmTmFtZSgpO1xuICB9XG4gIF9uYW1lITogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGl0ZW1zOiBBY3Rpb25JdGVtW10gPSBbXTtcblxuICBAT3V0cHV0KClcbiAgYWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcjxBY3Rpb24+KCk7XG5cbiAgQFZpZXdDaGlsZChDZGtDb2x1bW5EZWYsIHtzdGF0aWM6IHRydWV9KVxuICBjb2x1bW5EZWYhOiBDZGtDb2x1bW5EZWY7XG4gIFxuICBAVmlld0NoaWxkKENka0NlbGxEZWYsIHtzdGF0aWM6IHRydWV9KVxuICBjZWxsITogQ2RrQ2VsbERlZjtcblxuICBAVmlld0NoaWxkKENka0hlYWRlckNlbGxEZWYsIHtzdGF0aWM6IHRydWV9KVxuICBoZWFkZXJDZWxsITogQ2RrSGVhZGVyQ2VsbERlZjtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBAT3B0aW9uYWwoKSBwcml2YXRlIF90YWJsZTogQ2RrVGFibGU8VD4sXG4gICAgQE9wdGlvbmFsKCkgQEluamVjdChURVhUX0NPTFVNTl9PUFRJT05TKSBwcml2YXRlIF9vcHRpb25zOiBUZXh0Q29sdW1uT3B0aW9uczxUPixcbiAgKSB7XG4gICAgdGhpcy5fb3B0aW9ucyA/Pz0ge307XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLl9zeW5jQ29sdW1uRGVmTmFtZSgpO1xuXG4gICAgaWYgKHRoaXMuX3RhYmxlKSB7XG4gICAgICB0aGlzLmNvbHVtbkRlZi5jZWxsID0gdGhpcy5jZWxsO1xuICAgICAgdGhpcy5jb2x1bW5EZWYuaGVhZGVyQ2VsbCA9IHRoaXMuaGVhZGVyQ2VsbDtcbiAgICAgIHRoaXMuX3RhYmxlLmFkZENvbHVtbkRlZih0aGlzLmNvbHVtbkRlZik7XG4gICAgfVxuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgaWYgKHRoaXMuX3RhYmxlKSB7XG4gICAgICB0aGlzLl90YWJsZS5yZW1vdmVDb2x1bW5EZWYodGhpcy5jb2x1bW5EZWYpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX3N5bmNDb2x1bW5EZWZOYW1lKCkge1xuICAgIGlmICh0aGlzLmNvbHVtbkRlZikge1xuICAgICAgdGhpcy5jb2x1bW5EZWYubmFtZSA9IHRoaXMubmFtZTtcbiAgICB9XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPlxuICA8dGggbWF0LWhlYWRlci1jZWxsICptYXRIZWFkZXJDZWxsRGVmPuaTjeS9nDwvdGg+XG4gIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBpdGVtXCI+XG4gICAgPGF0b21zLXNtYXJ0LW1lbnUtYnV0dG9uXG4gICAgICBbaXRlbXNdPVwiaXRlbXNcIlxuICAgICAgKGFjdGlvbik9XCJhY3Rpb24uZW1pdCh7aWQ6ICRldmVudC5pZCwgcGF5bG9hZDogaXRlbX0pXCJcbiAgICA+PC9hdG9tcy1zbWFydC1tZW51LWJ1dHRvbj5cbiAgPC90ZD5cbjwvbmctY29udGFpbmVyPlxuIl19
|
|
@@ -38,6 +38,7 @@ export class ChipsInputFieldMolecule {
|
|
|
38
38
|
this.chipsManager = chipsManager;
|
|
39
39
|
this.appearance = 'outline';
|
|
40
40
|
this.control = new FormControl('');
|
|
41
|
+
this.floatLabel = 'auto';
|
|
41
42
|
this.label = 'label';
|
|
42
43
|
this.hint = 'hint';
|
|
43
44
|
this.placeholder = 'placeholder';
|
|
@@ -65,7 +66,7 @@ export class ChipsInputFieldMolecule {
|
|
|
65
66
|
}
|
|
66
67
|
}
|
|
67
68
|
ChipsInputFieldMolecule.ɵfac = function ChipsInputFieldMolecule_Factory(t) { return new (t || ChipsInputFieldMolecule)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.ChipsManager)); };
|
|
68
|
-
ChipsInputFieldMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ChipsInputFieldMolecule, selectors: [["molecules-chips-input-field"]], inputs: { appearance: "appearance", control: "control", label: "label", hint: "hint", placeholder: "placeholder", separators: "separators" }, features: [i0.ɵɵProvidersFeature([ChipsManager])], decls: 8, vars:
|
|
69
|
+
ChipsInputFieldMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ChipsInputFieldMolecule, selectors: [["molecules-chips-input-field"]], inputs: { appearance: "appearance", control: "control", floatLabel: "floatLabel", label: "label", hint: "hint", placeholder: "placeholder", separators: "separators" }, features: [i0.ɵɵProvidersFeature([ChipsManager])], decls: 8, vars: 9, consts: [[3, "appearance", "floatLabel"], ["chipList", ""], [3, "removed", 4, "ngFor", "ngForOf"], ["matInput", "", 3, "placeholder", "matChipInputFor", "matChipInputSeparatorKeyCodes", "matChipInputAddOnBlur", "matChipInputTokenEnd"], [4, "ngIf"], [3, "removed"], ["matChipRemove", ""]], template: function ChipsInputFieldMolecule_Template(rf, ctx) { if (rf & 1) {
|
|
69
70
|
i0.ɵɵelementStart(0, "mat-form-field", 0)(1, "mat-label");
|
|
70
71
|
i0.ɵɵtext(2);
|
|
71
72
|
i0.ɵɵelementEnd();
|
|
@@ -78,7 +79,7 @@ ChipsInputFieldMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Chi
|
|
|
78
79
|
i0.ɵɵelementEnd();
|
|
79
80
|
} if (rf & 2) {
|
|
80
81
|
const _r0 = i0.ɵɵreference(4);
|
|
81
|
-
i0.ɵɵproperty("appearance", ctx.appearance);
|
|
82
|
+
i0.ɵɵproperty("appearance", ctx.appearance)("floatLabel", ctx.floatLabel);
|
|
82
83
|
i0.ɵɵadvance(2);
|
|
83
84
|
i0.ɵɵtextInterpolate(ctx.label);
|
|
84
85
|
i0.ɵɵadvance(3);
|
|
@@ -90,11 +91,13 @@ ChipsInputFieldMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Chi
|
|
|
90
91
|
} }, directives: [i2.MatFormField, i2.MatLabel, i3.MatChipList, i4.NgForOf, i3.MatChip, i5.MatIcon, i3.MatChipRemove, i6.MatInput, i3.MatChipInput, i4.NgIf, i2.MatHint], styles: ["[_nghost-%COMP%]{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}[_nghost-%COMP%] mat-form-field[_ngcontent-%COMP%]{width:100%;height:100%}"] });
|
|
91
92
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ChipsInputFieldMolecule, [{
|
|
92
93
|
type: Component,
|
|
93
|
-
args: [{ selector: 'molecules-chips-input-field', providers: [ChipsManager], template: "<mat-form-field [appearance]=\"appearance\">\n <mat-label>{{ label }}</mat-label>\n <mat-chip-list #chipList>\n <mat-chip *ngFor=\"let chip of chipsManager.chips\" (removed)=\"remove(chip)\">\n {{chip}} <mat-icon matChipRemove>cancel</mat-icon>\n </mat-chip>\n <input\n matInput\n [placeholder]=\"placeholder\"\n [matChipInputFor]=\"chipList\"\n [matChipInputSeparatorKeyCodes]=\"separators\"\n [matChipInputAddOnBlur]=\"true\"\n (matChipInputTokenEnd)=\"onChiInputTokenEnd($event)\"\n >\n</mat-chip-list>\n\n <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host mat-form-field{width:100%;height:100%}\n"] }]
|
|
94
|
+
args: [{ selector: 'molecules-chips-input-field', providers: [ChipsManager], template: "<mat-form-field [appearance]=\"appearance\" [floatLabel]=\"floatLabel\">\n <mat-label>{{ label }}</mat-label>\n <mat-chip-list #chipList>\n <mat-chip *ngFor=\"let chip of chipsManager.chips\" (removed)=\"remove(chip)\">\n {{chip}} <mat-icon matChipRemove>cancel</mat-icon>\n </mat-chip>\n <input\n matInput\n [placeholder]=\"placeholder\"\n [matChipInputFor]=\"chipList\"\n [matChipInputSeparatorKeyCodes]=\"separators\"\n [matChipInputAddOnBlur]=\"true\"\n (matChipInputTokenEnd)=\"onChiInputTokenEnd($event)\"\n >\n</mat-chip-list>\n\n <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host mat-form-field{width:100%;height:100%}\n"] }]
|
|
94
95
|
}], function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.ChipsManager }]; }, { appearance: [{
|
|
95
96
|
type: Input
|
|
96
97
|
}], control: [{
|
|
97
98
|
type: Input
|
|
99
|
+
}], floatLabel: [{
|
|
100
|
+
type: Input
|
|
98
101
|
}], label: [{
|
|
99
102
|
type: Input
|
|
100
103
|
}], hint: [{
|
|
@@ -104,4 +107,4 @@ ChipsInputFieldMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Chi
|
|
|
104
107
|
}], separators: [{
|
|
105
108
|
type: Input
|
|
106
109
|
}] }); })();
|
|
107
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
110
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcHMtaW5wdXQtZmllbGQubW9sZWN1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL21vbGVjdWxlcy9jaGlwcy1pbnB1dC1maWVsZC9jaGlwcy1pbnB1dC1maWVsZC5tb2xlY3VsZS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbW9sZWN1bGVzL2NoaXBzLWlucHV0LWZpZWxkL2NoaXBzLWlucHV0LWZpZWxkLm1vbGVjdWxlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDNUQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHcEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxhQUFhLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ2hELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQzs7Ozs7Ozs7OztJQ0hwRSxtQ0FBMkU7SUFBekIsME9BQVcsc0JBQVksSUFBQztJQUN4RSxZQUFTO0lBQUEsbUNBQXdCO0lBQUEsc0JBQU07SUFBQSxpQkFBVyxFQUFBOzs7SUFBbEQsZUFBUztJQUFULHdDQUFTOzs7SUFZYixnQ0FBdUI7SUFBQSxZQUFVO0lBQUEsaUJBQVc7OztJQUFyQixlQUFVO0lBQVYsaUNBQVU7O0FEQW5DLE1BQU0sT0FBTyx1QkFBdUI7SUF5QmxDLFlBQ1UsRUFBcUIsRUFDdEIsWUFBMEI7UUFEekIsT0FBRSxHQUFGLEVBQUUsQ0FBbUI7UUFDdEIsaUJBQVksR0FBWixZQUFZLENBQWM7UUF4Qm5DLGVBQVUsR0FBMkIsU0FBUyxDQUFDO1FBRy9DLFlBQU8sR0FBRyxJQUFJLFdBQVcsQ0FBUyxFQUFFLENBQUMsQ0FBQztRQUd0QyxlQUFVLEdBQUcsTUFBTSxDQUFDO1FBR3BCLFVBQUssR0FBRyxPQUFPLENBQUM7UUFHaEIsU0FBSSxHQUFHLE1BQU0sQ0FBQztRQUdkLGdCQUFXLEdBQUcsYUFBYSxDQUFDO1FBRzVCLGVBQVUsR0FBRyxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxDQUFVLENBQUM7UUFFM0IsYUFBUSxHQUFHLElBQUksYUFBYSxDQUFPLENBQUMsQ0FBQyxDQUFDO0lBS25ELENBQUM7SUFFTCxRQUFRO1FBQ04sSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMvQyxJQUFJLENBQUMsT0FBTyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFO1lBQzNFLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQ2xDLElBQUksQ0FBQyxFQUFFLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDekIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVELGtCQUFrQixDQUFDLEtBQXdCO1FBQ3pDLElBQUksQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNuQyxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUM7UUFDcEQsS0FBSyxDQUFDLEtBQUssQ0FBQyxLQUFLLEdBQUcsRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFRCxNQUFNLENBQUMsS0FBYTtRQUNsQixJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNoQyxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUM7SUFDdEQsQ0FBQzs7OEZBbkRVLHVCQUF1QjswRUFBdkIsdUJBQXVCLHlQQUZ2QixDQUFDLFlBQVksQ0FBQztRQ2QzQix5Q0FBb0UsZ0JBQUE7UUFDdkQsWUFBVztRQUFBLGlCQUFZO1FBQ2xDLDhDQUF5QjtRQUN2QixrRkFFVztRQUNiLGdDQU9DO1FBREMsdUlBQXdCLDhCQUEwQixJQUFDO1FBTnJELGlCQU9DLEVBQUE7UUFHRCxrRkFBNEM7UUFDOUMsaUJBQWlCOzs7UUFqQkQsMkNBQXlCLDhCQUFBO1FBQzVCLGVBQVc7UUFBWCwrQkFBVztRQUVPLGVBQXFCO1FBQXJCLGdEQUFxQjtRQUtoRCxlQUEyQjtRQUEzQiw2Q0FBMkIsd0JBQUEsaURBQUEsK0JBQUE7UUFRbEIsZUFBVTtRQUFWLCtCQUFVOzt1RkRBVix1QkFBdUI7Y0FQbkMsU0FBUzsyQkFDRSw2QkFBNkIsYUFJNUIsQ0FBQyxZQUFZLENBQUM7K0ZBS3pCLFVBQVU7a0JBRFQsS0FBSztZQUlOLE9BQU87a0JBRE4sS0FBSztZQUlOLFVBQVU7a0JBRFQsS0FBSztZQUlOLEtBQUs7a0JBREosS0FBSztZQUlOLElBQUk7a0JBREgsS0FBSztZQUlOLFdBQVc7a0JBRFYsS0FBSztZQUlOLFVBQVU7a0JBRFQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENPTU1BLCBFTlRFUiwgU1BBQ0UgfSBmcm9tICdAYW5ndWxhci9jZGsva2V5Y29kZXMnO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdENoaXBJbnB1dEV2ZW50IH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY2hpcHMnO1xuaW1wb3J0IHsgTWF0Rm9ybUZpZWxkQXBwZWFyYW5jZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2Zvcm0tZmllbGQnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAbmduZWF0L3JlYWN0aXZlLWZvcm1zJztcbmltcG9ydCB7IFJlcGxheVN1YmplY3QsIHRha2VVbnRpbCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgQ2hpcHNNYW5hZ2VyIH0gZnJvbSAnQG5nLWF0b21pYy9jb21tb24vc2VydmljZXMvY2hpcHMtbWFuYWdlcic7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbW9sZWN1bGVzLWNoaXBzLWlucHV0LWZpZWxkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NoaXBzLWlucHV0LWZpZWxkLm1vbGVjdWxlLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jaGlwcy1pbnB1dC1maWVsZC5tb2xlY3VsZS5zY3NzJ10sXG4gIC8vIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFtDaGlwc01hbmFnZXJdLFxufSlcbmV4cG9ydCBjbGFzcyBDaGlwc0lucHV0RmllbGRNb2xlY3VsZSB7XG5cbiAgQElucHV0KClcbiAgYXBwZWFyYW5jZTogTWF0Rm9ybUZpZWxkQXBwZWFyYW5jZSA9ICdvdXRsaW5lJztcblxuICBASW5wdXQoKVxuICBjb250cm9sID0gbmV3IEZvcm1Db250cm9sPHN0cmluZz4oJycpO1xuXG4gIEBJbnB1dCgpXG4gIGZsb2F0TGFiZWwgPSAnYXV0byc7XG5cbiAgQElucHV0KClcbiAgbGFiZWwgPSAnbGFiZWwnO1xuXG4gIEBJbnB1dCgpXG4gIGhpbnQgPSAnaGludCc7XG5cbiAgQElucHV0KClcbiAgcGxhY2Vob2xkZXIgPSAncGxhY2Vob2xkZXInO1xuXG4gIEBJbnB1dCgpXG4gIHNlcGFyYXRvcnMgPSBbRU5URVIsIENPTU1BLCBTUEFDRV0gYXMgY29uc3Q7XG5cbiAgcHJpdmF0ZSByZWFkb25seSBkZXN0cm95JCA9IG5ldyBSZXBsYXlTdWJqZWN0PHZvaWQ+KDEpO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgY2Q6IENoYW5nZURldGVjdG9yUmVmLFxuICAgIHB1YmxpYyBjaGlwc01hbmFnZXI6IENoaXBzTWFuYWdlcixcbiAgKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmNoaXBzTWFuYWdlci5zZXRWYWx1ZSh0aGlzLmNvbnRyb2wudmFsdWUpO1xuICAgIHRoaXMuY29udHJvbC52YWx1ZUNoYW5nZXMucGlwZSh0YWtlVW50aWwodGhpcy5kZXN0cm95JCkpLnN1YnNjcmliZSgodmFsdWUpID0+IHtcbiAgICAgIHRoaXMuY2hpcHNNYW5hZ2VyLnNldFZhbHVlKHZhbHVlKTtcbiAgICAgIHRoaXMuY2QubWFya0ZvckNoZWNrKCk7XG4gICAgfSk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLmRlc3Ryb3kkLm5leHQoKTtcbiAgfVxuXG4gIG9uQ2hpSW5wdXRUb2tlbkVuZChldmVudDogTWF0Q2hpcElucHV0RXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLmNoaXBzTWFuYWdlci5hZGQoZXZlbnQudmFsdWUpO1xuICAgIHRoaXMuY29udHJvbC5zZXRWYWx1ZSh0aGlzLmNoaXBzTWFuYWdlci5nZXRWYWx1ZSgpKTtcbiAgICBldmVudC5pbnB1dC52YWx1ZSA9ICcnO1xuICB9XG5cbiAgcmVtb3ZlKHZhbHVlOiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLmNoaXBzTWFuYWdlci5yZW1vdmUodmFsdWUpO1xuICAgIHRoaXMuY29udHJvbC5zZXRWYWx1ZSh0aGlzLmNoaXBzTWFuYWdlci5nZXRWYWx1ZSgpKTtcbiAgfVxufVxuIiwiPG1hdC1mb3JtLWZpZWxkIFthcHBlYXJhbmNlXT1cImFwcGVhcmFuY2VcIiBbZmxvYXRMYWJlbF09XCJmbG9hdExhYmVsXCI+XG4gIDxtYXQtbGFiZWw+e3sgbGFiZWwgfX08L21hdC1sYWJlbD5cbiAgPG1hdC1jaGlwLWxpc3QgI2NoaXBMaXN0PlxuICAgIDxtYXQtY2hpcCAqbmdGb3I9XCJsZXQgY2hpcCBvZiBjaGlwc01hbmFnZXIuY2hpcHNcIiAocmVtb3ZlZCk9XCJyZW1vdmUoY2hpcClcIj5cbiAgICAgIHt7Y2hpcH19IDxtYXQtaWNvbiBtYXRDaGlwUmVtb3ZlPmNhbmNlbDwvbWF0LWljb24+XG4gICAgPC9tYXQtY2hpcD5cbiAgPGlucHV0XG4gICAgbWF0SW5wdXRcbiAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICAgIFttYXRDaGlwSW5wdXRGb3JdPVwiY2hpcExpc3RcIlxuICAgIFttYXRDaGlwSW5wdXRTZXBhcmF0b3JLZXlDb2Rlc109XCJzZXBhcmF0b3JzXCJcbiAgICBbbWF0Q2hpcElucHV0QWRkT25CbHVyXT1cInRydWVcIlxuICAgIChtYXRDaGlwSW5wdXRUb2tlbkVuZCk9XCJvbkNoaUlucHV0VG9rZW5FbmQoJGV2ZW50KVwiXG4gID5cbjwvbWF0LWNoaXAtbGlzdD5cblxuICA8bWF0LWhpbnQgKm5nSWY9XCJoaW50XCI+e3sgaGludCB9fTwvbWF0LWhpbnQ+XG48L21hdC1mb3JtLWZpZWxkPiJdfQ==
|
|
@@ -47,10 +47,10 @@ DateInputFieldMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Date
|
|
|
47
47
|
i0.ɵɵproperty("for", _r0);
|
|
48
48
|
i0.ɵɵadvance(3);
|
|
49
49
|
i0.ɵɵproperty("ngIf", ctx.hint);
|
|
50
|
-
} }, directives: [i1.MatFormField, i1.MatLabel, i2.MatInput, i3.DefaultValueAccessor, i4.MatDatepickerInput, i3.NgControlStatus, i3.FormControlDirective, i4.MatDatepickerToggle, i1.MatSuffix, i4.MatDatepicker, i5.NgIf, i1.MatHint], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-
|
|
50
|
+
} }, directives: [i1.MatFormField, i1.MatLabel, i2.MatInput, i3.DefaultValueAccessor, i4.MatDatepickerInput, i3.NgControlStatus, i3.FormControlDirective, i4.MatDatepickerToggle, i1.MatSuffix, i4.MatDatepicker, i5.NgIf, i1.MatHint], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-jAX4: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%}[_nghost-%COMP%] mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
|
|
51
51
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DateInputFieldMolecule, [{
|
|
52
52
|
type: Component,
|
|
53
|
-
args: [{ selector: 'molecules-date-input-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, template: "<mat-form-field appearance=\"outline\">\n <mat-label>{{ label }}</mat-label>\n <input matInput [formControl]=\"control\" [placeholder]=\"placeholder\" [matDatepicker]=\"picker\">\n <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n <mat-datepicker #picker></mat-datepicker>\n <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-
|
|
53
|
+
args: [{ selector: 'molecules-date-input-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, template: "<mat-form-field appearance=\"outline\">\n <mat-label>{{ label }}</mat-label>\n <input matInput [formControl]=\"control\" [placeholder]=\"placeholder\" [matDatepicker]=\"picker\">\n <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n <mat-datepicker #picker></mat-datepicker>\n <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-jAX4: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
|
|
54
54
|
}], null, { _control: [{
|
|
55
55
|
type: Input,
|
|
56
56
|
args: ['control']
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { HeaderMolecule } from './header.molecule';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class HeaderModule {
|
|
6
|
+
}
|
|
7
|
+
HeaderModule.ɵfac = function HeaderModule_Factory(t) { return new (t || HeaderModule)(); };
|
|
8
|
+
HeaderModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: HeaderModule });
|
|
9
|
+
HeaderModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
|
|
10
|
+
CommonModule
|
|
11
|
+
]] });
|
|
12
|
+
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HeaderModule, [{
|
|
13
|
+
type: NgModule,
|
|
14
|
+
args: [{
|
|
15
|
+
declarations: [
|
|
16
|
+
HeaderMolecule
|
|
17
|
+
],
|
|
18
|
+
imports: [
|
|
19
|
+
CommonModule
|
|
20
|
+
],
|
|
21
|
+
exports: [
|
|
22
|
+
HeaderMolecule
|
|
23
|
+
]
|
|
24
|
+
}]
|
|
25
|
+
}], null, null); })();
|
|
26
|
+
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(HeaderModule, { declarations: [HeaderMolecule], imports: [CommonModule], exports: [HeaderMolecule] }); })();
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbW9sZWN1bGVzL2hlYWRlci9oZWFkZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7QUFlbkQsTUFBTSxPQUFPLFlBQVk7O3dFQUFaLFlBQVk7OERBQVosWUFBWTtrRUFQZDtZQUNQLFlBQVk7U0FDYjt1RkFLVSxZQUFZO2NBWHhCLFFBQVE7ZUFBQztnQkFDUixZQUFZLEVBQUU7b0JBQ1osY0FBYztpQkFDZjtnQkFDRCxPQUFPLEVBQUU7b0JBQ1AsWUFBWTtpQkFDYjtnQkFDRCxPQUFPLEVBQUU7b0JBQ1AsY0FBYztpQkFDZjthQUNGOzt3RkFDWSxZQUFZLG1CQVRyQixjQUFjLGFBR2QsWUFBWSxhQUdaLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEhlYWRlck1vbGVjdWxlIH0gZnJvbSAnLi9oZWFkZXIubW9sZWN1bGUnO1xuXG5cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgSGVhZGVyTW9sZWN1bGVcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZVxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgSGVhZGVyTW9sZWN1bGVcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBIZWFkZXJNb2R1bGUgeyB9XG4iXX0=
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class HeaderMolecule {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.title = 'title';
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
HeaderMolecule.ɵfac = function HeaderMolecule_Factory(t) { return new (t || HeaderMolecule)(); };
|
|
9
|
+
HeaderMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HeaderMolecule, selectors: [["molecules-header"]], inputs: { title: "title", description: "description" }, decls: 4, vars: 2, consts: [[1, "title"], [1, "description"]], template: function HeaderMolecule_Template(rf, ctx) { if (rf & 1) {
|
|
10
|
+
i0.ɵɵelementStart(0, "span", 0);
|
|
11
|
+
i0.ɵɵtext(1);
|
|
12
|
+
i0.ɵɵelementEnd();
|
|
13
|
+
i0.ɵɵelementStart(2, "span", 1);
|
|
14
|
+
i0.ɵɵtext(3);
|
|
15
|
+
i0.ɵɵelementEnd();
|
|
16
|
+
} if (rf & 2) {
|
|
17
|
+
let tmp_0_0;
|
|
18
|
+
let tmp_1_0;
|
|
19
|
+
i0.ɵɵadvance(1);
|
|
20
|
+
i0.ɵɵtextInterpolate((tmp_0_0 = ctx.title) !== null && tmp_0_0 !== undefined ? tmp_0_0 : "");
|
|
21
|
+
i0.ɵɵadvance(2);
|
|
22
|
+
i0.ɵɵtextInterpolate((tmp_1_0 = ctx.description) !== null && tmp_1_0 !== undefined ? tmp_1_0 : "");
|
|
23
|
+
} }, styles: ["[_nghost-%COMP%]{display:block}[_nghost-%COMP%]{display:flex;flex-direction:row;justify-content:center;align-items:flex-end}[_nghost-%COMP%] .description[_ngcontent-%COMP%]{line-height:1em;font-size:12px;margin-bottom:8px;margin-left:4px}"], changeDetection: 0 });
|
|
24
|
+
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HeaderMolecule, [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{ selector: 'molecules-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"title\">{{ title ?? '' }}</span>\n<span class=\"description\">{{ description ?? '' }}</span>\n", styles: [":host{display:block}:host{display:flex;flex-direction:row;justify-content:center;align-items:flex-end}:host .description{line-height:1em;font-size:12px;margin-bottom:8px;margin-left:4px}\n"] }]
|
|
27
|
+
}], null, { title: [{
|
|
28
|
+
type: Input
|
|
29
|
+
}], description: [{
|
|
30
|
+
type: Input
|
|
31
|
+
}] }); })();
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLm1vbGVjdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9tb2xlY3VsZXMvaGVhZGVyL2hlYWRlci5tb2xlY3VsZS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbW9sZWN1bGVzL2hlYWRlci9oZWFkZXIubW9sZWN1bGUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHVCQUF1QixFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFRMUUsTUFBTSxPQUFPLGNBQWM7SUFOM0I7UUFTRSxVQUFLLEdBQUcsT0FBTyxDQUFDO0tBS2pCOzs0RUFSWSxjQUFjO2lFQUFkLGNBQWM7UUNSM0IsK0JBQW9CO1FBQUEsWUFBaUI7UUFBQSxpQkFBTztRQUM1QywrQkFBMEI7UUFBQSxZQUF1QjtRQUFBLGlCQUFPOzs7O1FBRHBDLGVBQWlCO1FBQWpCLDRGQUFpQjtRQUNYLGVBQXVCO1FBQXZCLGtHQUF1Qjs7dUZET3BDLGNBQWM7Y0FOMUIsU0FBUzsyQkFDRSxrQkFBa0IsbUJBR1gsdUJBQXVCLENBQUMsTUFBTTtnQkFLL0MsS0FBSztrQkFESixLQUFLO1lBSU4sV0FBVztrQkFEVixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbW9sZWN1bGVzLWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9oZWFkZXIubW9sZWN1bGUuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2hlYWRlci5tb2xlY3VsZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEhlYWRlck1vbGVjdWxlIHtcblxuICBASW5wdXQoKVxuICB0aXRsZSA9ICd0aXRsZSc7XG5cbiAgQElucHV0KClcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG5cbn1cbiIsIjxzcGFuIGNsYXNzPVwidGl0bGVcIj57eyB0aXRsZSA/PyAnJyB9fTwvc3Bhbj5cbjxzcGFuIGNsYXNzPVwiZGVzY3JpcHRpb25cIj57eyBkZXNjcmlwdGlvbiA/PyAnJyB9fTwvc3Bhbj5cbiJdfQ==
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { HeaderMolecule } from './header.molecule';
|
|
2
|
+
export { HeaderModule } from './header.module';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL21vbGVjdWxlcy9oZWFkZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IEhlYWRlck1vbGVjdWxlIH0gZnJvbSAnLi9oZWFkZXIubW9sZWN1bGUnO1xuZXhwb3J0IHsgSGVhZGVyTW9kdWxlIH0gZnJvbSAnLi9oZWFkZXIubW9kdWxlJztcbiJdfQ==
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtbW9sZWN1bGVzLWhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbW9sZWN1bGVzL2hlYWRlci9uZy1hdG9taWMtY29tcG9uZW50cy1tb2xlY3VsZXMtaGVhZGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19
|
|
@@ -39,10 +39,10 @@ SelectInputFieldMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Se
|
|
|
39
39
|
i0.ɵɵproperty("formControl", ctx.control);
|
|
40
40
|
i0.ɵɵadvance(1);
|
|
41
41
|
i0.ɵɵproperty("ngForOf", ctx.options)("ngForTrackBy", ctx.value);
|
|
42
|
-
} }, directives: [i1.MatFormField, i1.MatLabel, i2.MatSelect, i3.NgControlStatus, i3.FormControlDirective, i4.NgForOf, i5.MatOption], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-
|
|
42
|
+
} }, directives: [i1.MatFormField, i1.MatLabel, i2.MatSelect, i3.NgControlStatus, i3.FormControlDirective, i4.NgForOf, i5.MatOption], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-h7YZ: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%}[_nghost-%COMP%] mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
|
|
43
43
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectInputFieldMolecule, [{
|
|
44
44
|
type: Component,
|
|
45
|
-
args: [{ selector: 'molecules-select-input-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule input-field field' }, template: "<mat-form-field appearance=\"outline\">\n <mat-label>{{ label }}</mat-label>\n <mat-select [formControl]=\"control\">\n <mat-option *ngFor=\"let option of options; trackBy value;\" [value]=\"option.value\">\n {{ option.name }}\n </mat-option>\n </mat-select>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-
|
|
45
|
+
args: [{ selector: 'molecules-select-input-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule input-field field' }, template: "<mat-form-field appearance=\"outline\">\n <mat-label>{{ label }}</mat-label>\n <mat-select [formControl]=\"control\">\n <mat-option *ngFor=\"let option of options; trackBy value;\" [value]=\"option.value\">\n {{ option.name }}\n </mat-option>\n </mat-select>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-h7YZ: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
|
|
46
46
|
}], null, { label: [{
|
|
47
47
|
type: Input
|
|
48
48
|
}], control: [{
|