@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
|
@@ -3,20 +3,26 @@ import { PageEvent } from '@angular/material/paginator';
|
|
|
3
3
|
import { FormControl } from '@ngneat/reactive-forms';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
import * as i1 from "@ng-atomic/components/frames/scroll";
|
|
6
|
-
import * as i2 from "@ng-atomic/components/organisms/
|
|
7
|
-
import * as i3 from "@ng-atomic/components/
|
|
8
|
-
import * as i4 from "@ng-atomic/components/
|
|
9
|
-
import * as i5 from "@
|
|
10
|
-
import * as i6 from "@
|
|
11
|
-
|
|
6
|
+
import * as i2 from "@ng-atomic/components/organisms/navigator";
|
|
7
|
+
import * as i3 from "@ng-atomic/components/molecules/header";
|
|
8
|
+
import * as i4 from "@ng-atomic/components/frames/auto-layout";
|
|
9
|
+
import * as i5 from "@ng-atomic/components/organisms/smart-table";
|
|
10
|
+
import * as i6 from "@angular/common";
|
|
11
|
+
import * as i7 from "@ng-atomic/components/organisms/paginator";
|
|
12
|
+
function SmartIndexTemplate_organisms_paginator_5_Template(rf, ctx) { if (rf & 1) {
|
|
12
13
|
const _r2 = i0.ɵɵgetCurrentView();
|
|
13
|
-
i0.ɵɵelementStart(0, "organisms-paginator",
|
|
14
|
-
i0.ɵɵlistener("pageChange", function
|
|
14
|
+
i0.ɵɵelementStart(0, "organisms-paginator", 5);
|
|
15
|
+
i0.ɵɵlistener("pageChange", function SmartIndexTemplate_organisms_paginator_5_Template_organisms_paginator_pageChange_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r1 = i0.ɵɵnextContext(); return ctx_r1.pageChange.emit($event); });
|
|
15
16
|
i0.ɵɵelementEnd();
|
|
16
17
|
} if (rf & 2) {
|
|
17
18
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
18
19
|
i0.ɵɵproperty("control", ctx_r0.queryControl)("page", ctx_r0.page)("pageSizeOptions", ctx_r0.pageSizeOptions)("placeholder", ctx_r0.queryPlaceholder);
|
|
19
20
|
} }
|
|
21
|
+
const _c0 = function () { return []; };
|
|
22
|
+
export var ActionId;
|
|
23
|
+
(function (ActionId) {
|
|
24
|
+
ActionId["BACK"] = "[@ng-atomic/components/templates/smart-crud] Back";
|
|
25
|
+
})(ActionId || (ActionId = {}));
|
|
20
26
|
export class Page {
|
|
21
27
|
static fromObj(event = { pageSize: 50, pageIndex: 0, length: 100 }) {
|
|
22
28
|
return Object.assign(new Page(), event);
|
|
@@ -34,11 +40,11 @@ export class Page {
|
|
|
34
40
|
export class SmartIndexTemplate {
|
|
35
41
|
constructor() {
|
|
36
42
|
this.canBack = false;
|
|
37
|
-
this.queryControl = new FormControl();
|
|
43
|
+
this.queryControl = new FormControl('');
|
|
38
44
|
this.title = '';
|
|
39
45
|
this.items = [];
|
|
40
|
-
this.
|
|
41
|
-
this.
|
|
46
|
+
this.rowMenuItems = [];
|
|
47
|
+
this.navigatorMenuItems = [];
|
|
42
48
|
this.properties = [];
|
|
43
49
|
this.selectedIdSet = new Set();
|
|
44
50
|
this.page = {
|
|
@@ -53,29 +59,39 @@ export class SmartIndexTemplate {
|
|
|
53
59
|
this.checkboxClick = new EventEmitter();
|
|
54
60
|
this.pageChange = new EventEmitter();
|
|
55
61
|
this.tableHeaderClick = new EventEmitter();
|
|
62
|
+
this.navigatorLeftItems = [{ id: ActionId.BACK, icon: 'arrow_back' }];
|
|
63
|
+
}
|
|
64
|
+
onAction(action) {
|
|
65
|
+
switch (action.id) {
|
|
66
|
+
case ActionId.BACK: return this.backButtonClick.emit();
|
|
67
|
+
default: return this.action.emit(action);
|
|
68
|
+
}
|
|
56
69
|
}
|
|
57
70
|
}
|
|
58
71
|
SmartIndexTemplate.ɵfac = function SmartIndexTemplate_Factory(t) { return new (t || SmartIndexTemplate)(); };
|
|
59
|
-
SmartIndexTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartIndexTemplate, selectors: [["templates-smart-index"]], hostAttrs: [1, "template"], inputs: { canBack: "canBack", queryControl: "queryControl", title: "title", description: "description", items: "items",
|
|
60
|
-
i0.ɵɵelementStart(0, "frames-scroll")(1, "organisms-
|
|
61
|
-
i0.ɵɵlistener("
|
|
72
|
+
SmartIndexTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartIndexTemplate, selectors: [["templates-smart-index"]], hostAttrs: [1, "template"], inputs: { canBack: "canBack", queryControl: "queryControl", title: "title", description: "description", items: "items", rowMenuItems: "rowMenuItems", navigatorMenuItems: "navigatorMenuItems", properties: "properties", selectedIdSet: "selectedIdSet", sortKey: "sortKey", sortOrder: "sortOrder", page: "page", pageSizeOptions: "pageSizeOptions", queryPlaceholder: "queryPlaceholder" }, outputs: { action: "action", backButtonClick: "backButtonClick", checkboxClick: "checkboxClick", pageChange: "pageChange", tableHeaderClick: "tableHeaderClick" }, decls: 6, vars: 12, consts: [["navigator", "", 3, "leftItems", "rightItems", "action"], [3, "title", "description"], ["vertical", "", "contents", ""], [3, "items", "menuItems", "columns", "selectedIdSet", "sortKey", "sortOrder", "action", "checkboxClick", "headerClick"], [3, "control", "page", "pageSizeOptions", "placeholder", "pageChange", 4, "ngIf"], [3, "control", "page", "pageSizeOptions", "placeholder", "pageChange"]], template: function SmartIndexTemplate_Template(rf, ctx) { if (rf & 1) {
|
|
73
|
+
i0.ɵɵelementStart(0, "frames-scroll")(1, "organisms-navigator", 0);
|
|
74
|
+
i0.ɵɵlistener("action", function SmartIndexTemplate_Template_organisms_navigator_action_1_listener($event) { return ctx.onAction($event); });
|
|
75
|
+
i0.ɵɵelement(2, "molecules-header", 1);
|
|
62
76
|
i0.ɵɵelementEnd();
|
|
63
|
-
i0.ɵɵelementStart(
|
|
64
|
-
i0.ɵɵlistener("
|
|
77
|
+
i0.ɵɵelementStart(3, "frames-auto-layout", 2)(4, "organisms-smart-table", 3);
|
|
78
|
+
i0.ɵɵlistener("action", function SmartIndexTemplate_Template_organisms_smart_table_action_4_listener($event) { return ctx.action.emit($event); })("checkboxClick", function SmartIndexTemplate_Template_organisms_smart_table_checkboxClick_4_listener($event) { return ctx.checkboxClick.emit($event); })("headerClick", function SmartIndexTemplate_Template_organisms_smart_table_headerClick_4_listener($event) { return ctx.tableHeaderClick.emit($event); });
|
|
65
79
|
i0.ɵɵelementEnd();
|
|
66
|
-
i0.ɵɵtemplate(
|
|
80
|
+
i0.ɵɵtemplate(5, SmartIndexTemplate_organisms_paginator_5_Template, 1, 4, "organisms-paginator", 4);
|
|
67
81
|
i0.ɵɵelementEnd()();
|
|
68
82
|
} if (rf & 2) {
|
|
69
83
|
i0.ɵɵadvance(1);
|
|
70
|
-
i0.ɵɵproperty("
|
|
84
|
+
i0.ɵɵproperty("leftItems", ctx.canBack ? ctx.navigatorLeftItems : i0.ɵɵpureFunction0(11, _c0))("rightItems", ctx.navigatorMenuItems);
|
|
85
|
+
i0.ɵɵadvance(1);
|
|
86
|
+
i0.ɵɵproperty("title", ctx.title)("description", ctx.description);
|
|
71
87
|
i0.ɵɵadvance(2);
|
|
72
|
-
i0.ɵɵproperty("items", ctx.items)("
|
|
88
|
+
i0.ɵɵproperty("items", ctx.items)("menuItems", ctx.rowMenuItems)("columns", ctx.properties)("selectedIdSet", ctx.selectedIdSet)("sortKey", ctx.sortKey)("sortOrder", ctx.sortOrder);
|
|
73
89
|
i0.ɵɵadvance(1);
|
|
74
90
|
i0.ɵɵproperty("ngIf", ctx.page);
|
|
75
|
-
} }, directives: [i1.ScrollFrame, i2.
|
|
91
|
+
} }, directives: [i1.ScrollFrame, i2.NavigatorOrganism, i3.HeaderMolecule, i4.AutoLayoutFrame, i5.SmartTableOrganism, i6.NgIf, i7.PaginatorOrganism], styles: ["[_nghost-%COMP%]{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-fsS7: var(--navigator-height)}[_nghost-%COMP%]{width:100%;height:100%;background:white;display:block}[_nghost-%COMP%] frames-auto-layout[_ngcontent-%COMP%]{--gap: 0;--vertical-padding: 0}"], changeDetection: 0 });
|
|
76
92
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartIndexTemplate, [{
|
|
77
93
|
type: Component,
|
|
78
|
-
args: [{ selector: 'templates-smart-index', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, template: "<frames-scroll>\n <organisms-
|
|
94
|
+
args: [{ selector: 'templates-smart-index', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, template: "<frames-scroll>\n <organisms-navigator\n [leftItems]=\"canBack ? navigatorLeftItems : []\"\n [rightItems]=\"navigatorMenuItems\"\n (action)=\"onAction($event)\"\n navigator\n >\n <molecules-header [title]=\"title\" [description]=\"description\"></molecules-header>\n </organisms-navigator>\n <frames-auto-layout vertical contents>\n <organisms-smart-table\n [items]=\"items\"\n [menuItems]=\"rowMenuItems\"\n [columns]=\"properties\"\n [selectedIdSet]=\"selectedIdSet\"\n [sortKey]=\"sortKey\"\n [sortOrder]=\"sortOrder\"\n (action)=\"action.emit($event)\"\n (checkboxClick)=\"checkboxClick.emit($event)\"\n (headerClick)=\"tableHeaderClick.emit($event)\"\n ></organisms-smart-table>\n <organisms-paginator\n *ngIf=\"page\"\n [control]=\"queryControl\"\n [page]=\"page\"\n [pageSizeOptions]=\"pageSizeOptions\"\n [placeholder]=\"queryPlaceholder\"\n (pageChange)=\"pageChange.emit($event)\"\n ></organisms-paginator>\n </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-fsS7: var(--navigator-height)}:host{width:100%;height:100%;background:white;display:block}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}\n"] }]
|
|
79
95
|
}], null, { canBack: [{
|
|
80
96
|
type: Input
|
|
81
97
|
}], queryControl: [{
|
|
@@ -86,9 +102,9 @@ SmartIndexTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartInd
|
|
|
86
102
|
type: Input
|
|
87
103
|
}], items: [{
|
|
88
104
|
type: Input
|
|
89
|
-
}],
|
|
105
|
+
}], rowMenuItems: [{
|
|
90
106
|
type: Input
|
|
91
|
-
}],
|
|
107
|
+
}], navigatorMenuItems: [{
|
|
92
108
|
type: Input
|
|
93
109
|
}], properties: [{
|
|
94
110
|
type: Input
|
|
@@ -115,4 +131,4 @@ SmartIndexTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartInd
|
|
|
115
131
|
}], tableHeaderClick: [{
|
|
116
132
|
type: Output
|
|
117
133
|
}] }); })();
|
|
118
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
134
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtaW5kZXgudGVtcGxhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL3RlbXBsYXRlcy9zbWFydC1pbmRleC9zbWFydC1pbmRleC50ZW1wbGF0ZS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvdGVtcGxhdGVzL3NtYXJ0LWluZGV4L3NtYXJ0LWluZGV4LnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFeEQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7Ozs7Ozs7OztJQ2tCakQsOENBT0M7SUFEQyw0TUFBYyw4QkFBdUIsSUFBQztJQUN2QyxpQkFBc0I7OztJQUxyQiw2Q0FBd0IscUJBQUEsMkNBQUEsd0NBQUE7OztBRGhCOUIsTUFBTSxDQUFOLElBQVksUUFFWDtBQUZELFdBQVksUUFBUTtJQUNsQixzRUFBMEQsQ0FBQTtBQUM1RCxDQUFDLEVBRlcsUUFBUSxLQUFSLFFBQVEsUUFFbkI7QUFFRCxNQUFNLE9BQU8sSUFBSTtJQUNmLE1BQU0sQ0FBQyxPQUFPLENBQUMsUUFBbUIsRUFBQyxRQUFRLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxDQUFDLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBQztRQUN6RSxPQUFPLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxJQUFJLEVBQUUsRUFBRSxLQUFLLENBQUMsQ0FBQztJQUMxQyxDQUFDO0lBRUQsSUFBSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDeEMsQ0FBQztJ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SU4sVUFBVTtrQkFEVCxLQUFLO1lBSU4sYUFBYTtrQkFEWixLQUFLO1lBSU4sT0FBTztrQkFETixLQUFLO1lBSU4sU0FBUztrQkFEUixLQUFLO1lBSU4sSUFBSTtrQkFESCxLQUFLO1lBUU4sZUFBZTtrQkFEZCxLQUFLO1lBSU4sZ0JBQWdCO2tCQURmLEtBQUs7WUFJTixNQUFNO2tCQURMLE1BQU07WUFJUCxlQUFlO2tCQURkLE1BQU07WUFJUCxhQUFhO2tCQURaLE1BQU07WUFJUCxVQUFVO2tCQURULE1BQU07WUFJUCxnQkFBZ0I7a0JBRGYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUGFnZUV2ZW50IH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvcGFnaW5hdG9yJztcbmltcG9ydCB7IEFjdGlvbiwgQWN0aW9uSXRlbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL21vZGVscyc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0BuZ25lYXQvcmVhY3RpdmUtZm9ybXMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFBhZ2UgZXh0ZW5kcyBQYWdlRXZlbnQgeyB9XG5cbmV4cG9ydCBlbnVtIEFjdGlvbklkIHtcbiAgQkFDSyA9ICdbQG5nLWF0b21pYy9jb21wb25lbnRzL3RlbXBsYXRlcy9zbWFydC1jcnVkXSBCYWNrJyxcbn1cblxuZXhwb3J0IGNsYXNzIFBhZ2Uge1xuICBzdGF0aWMgZnJvbU9iaihldmVudDogUGFnZUV2ZW50ID0ge3BhZ2VTaXplOiA1MCwgcGFnZUluZGV4OiAwLCBsZW5ndGg6IDEwMH0pOiBQYWdlIHtcbiAgICByZXR1cm4gT2JqZWN0LmFzc2lnbihuZXcgUGFnZSgpLCBldmVudCk7XG4gIH1cblxuICBnZXQgc3RhcnQoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gdGhpcy5wYWdlSW5kZXggKiB0aGlzLnBhZ2VTaXplO1xuICB9XG5cbiAgZ2V0IGVuZCgpOiBudW1iZXIge1xuICAgIHJldHVybiBNYXRoLm1pbigodGhpcy5wYWdlSW5kZXggKyAxKSAqIHRoaXMucGFnZVNpemUsIHRoaXMubGVuZ3RoKTtcbiAgfVxuXG4gIHBhdGNoKG9iajogUGFydGlhbDxQYWdlRXZlbnQ+KTogUGFnZSB7XG4gICAgcmV0dXJuIFBhZ2UuZnJvbU9iaih7Li4udGhpcywgLi4ub2JqfSk7XG4gIH1cbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGVtcGxhdGVzLXNtYXJ0LWluZGV4JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NtYXJ0LWluZGV4LnRlbXBsYXRlLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zbWFydC1pbmRleC50ZW1wbGF0ZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0OiB7IGNsYXNzOiAndGVtcGxhdGUnIH0sXG59KVxuZXhwb3J0IGNsYXNzIFNtYXJ0SW5kZXhUZW1wbGF0ZTxUPiB7XG5cbiAgQElucHV0KClcbiAgY2FuQmFjayA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIHF1ZXJ5Q29udHJvbCA9IG5ldyBGb3JtQ29udHJvbDxzdHJpbmc+KCcnKTtcblxuICBASW5wdXQoKVxuICB0aXRsZTogc3RyaW5nID0gJyc7XG5cbiAgQElucHV0KClcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgaXRlbXM6IFRbXSA9IFtdO1xuXG4gIEBJbnB1dCgpXG4gIHJvd01lbnVJdGVtczogQWN0aW9uSXRlbVtdID0gW107XG5cbiAgQElucHV0KClcbiAgbmF2aWdhdG9yTWVudUl0ZW1zOiBBY3Rpb25JdGVtW10gPSBbXTtcblxuICBASW5wdXQoKVxuICBwcm9wZXJ0aWVzOiAoa2V5b2YgVClbXSA9ICBbXTtcblxuICBASW5wdXQoKVxuICBzZWxlY3RlZElkU2V0ID0gbmV3IFNldDxzdHJpbmc+KCk7XG5cbiAgQElucHV0KClcbiAgc29ydEtleT86IHN0cmluZztcblxuICBASW5wdXQoKVxuICBzb3J0T3JkZXI/OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgcGFnZT86IFBhZ2VFdmVudCA9IHtcbiAgICBwYWdlSW5kZXg6IDAsXG4gICAgcGFnZVNpemU6IDIwLFxuICAgIGxlbmd0aDogMTAwLFxuICB9O1xuXG4gIEBJbnB1dCgpXG4gIHBhZ2VTaXplT3B0aW9uczogbnVtYmVyW10gPSBbNSwgMTAsIDI1LCAxMDBdO1xuXG4gIEBJbnB1dCgpXG4gIHF1ZXJ5UGxhY2Vob2xkZXIgPSAnJztcblxuICBAT3V0cHV0KClcbiAgYWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcjxBY3Rpb24+KCk7XG5cbiAgQE91dHB1dCgpXG4gIGJhY2tCdXR0b25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBAT3V0cHV0KClcbiAgY2hlY2tib3hDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8VD4oKTtcblxuICBAT3V0cHV0KClcbiAgcGFnZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8UGFnZUV2ZW50PigpO1xuXG4gIEBPdXRwdXQoKVxuICB0YWJsZUhlYWRlckNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgbmF2aWdhdG9yTGVmdEl0ZW1zID0gW3sgaWQ6IEFjdGlvbklkLkJBQ0ssIGljb246ICdhcnJvd19iYWNrJyB9XTtcblxuICBvbkFjdGlvbihhY3Rpb246IEFjdGlvbik6IHZvaWQge1xuICAgIHN3aXRjaChhY3Rpb24uaWQpIHtcbiAgICAgIGNhc2UgQWN0aW9uSWQuQkFDSzogcmV0dXJuIHRoaXMuYmFja0J1dHRvbkNsaWNrLmVtaXQoKTtcbiAgICAgIGRlZmF1bHQ6IHJldHVybiB0aGlzLmFjdGlvbi5lbWl0KGFjdGlvbik7XG4gICAgfVxuICB9XG59XG4iLCI8ZnJhbWVzLXNjcm9sbD5cbiAgPG9yZ2FuaXNtcy1uYXZpZ2F0b3JcbiAgICBbbGVmdEl0ZW1zXT1cImNhbkJhY2sgPyBuYXZpZ2F0b3JMZWZ0SXRlbXMgOiBbXVwiXG4gICAgW3JpZ2h0SXRlbXNdPVwibmF2aWdhdG9yTWVudUl0ZW1zXCJcbiAgICAoYWN0aW9uKT1cIm9uQWN0aW9uKCRldmVudClcIlxuICAgIG5hdmlnYXRvclxuICA+XG4gICAgPG1vbGVjdWxlcy1oZWFkZXIgW3RpdGxlXT1cInRpdGxlXCIgW2Rlc2NyaXB0aW9uXT1cImRlc2NyaXB0aW9uXCI+PC9tb2xlY3VsZXMtaGVhZGVyPlxuICA8L29yZ2FuaXNtcy1uYXZpZ2F0b3I+XG4gIDxmcmFtZXMtYXV0by1sYXlvdXQgdmVydGljYWwgY29udGVudHM+XG4gICAgPG9yZ2FuaXNtcy1zbWFydC10YWJsZVxuICAgICAgW2l0ZW1zXT1cIml0ZW1zXCJcbiAgICAgIFttZW51SXRlbXNdPVwicm93TWVudUl0ZW1zXCJcbiAgICAgIFtjb2x1bW5zXT1cInByb3BlcnRpZXNcIlxuICAgICAgW3NlbGVjdGVkSWRTZXRdPVwic2VsZWN0ZWRJZFNldFwiXG4gICAgICBbc29ydEtleV09XCJzb3J0S2V5XCJcbiAgICAgIFtzb3J0T3JkZXJdPVwic29ydE9yZGVyXCJcbiAgICAgIChhY3Rpb24pPVwiYWN0aW9uLmVtaXQoJGV2ZW50KVwiXG4gICAgICAoY2hlY2tib3hDbGljayk9XCJjaGVja2JveENsaWNrLmVtaXQoJGV2ZW50KVwiXG4gICAgICAoaGVhZGVyQ2xpY2spPVwidGFibGVIZWFkZXJDbGljay5lbWl0KCRldmVudClcIlxuICAgID48L29yZ2FuaXNtcy1zbWFydC10YWJsZT5cbiAgICA8b3JnYW5pc21zLXBhZ2luYXRvclxuICAgICAgKm5nSWY9XCJwYWdlXCJcbiAgICAgIFtjb250cm9sXT1cInF1ZXJ5Q29udHJvbFwiXG4gICAgICBbcGFnZV09XCJwYWdlXCJcbiAgICAgIFtwYWdlU2l6ZU9wdGlvbnNdPVwicGFnZVNpemVPcHRpb25zXCJcbiAgICAgIFtwbGFjZWhvbGRlcl09XCJxdWVyeVBsYWNlaG9sZGVyXCJcbiAgICAgIChwYWdlQ2hhbmdlKT1cInBhZ2VDaGFuZ2UuZW1pdCgkZXZlbnQpXCJcbiAgICA+PC9vcmdhbmlzbXMtcGFnaW5hdG9yPlxuICA8L2ZyYW1lcy1hdXRvLWxheW91dD5cbjwvZnJhbWVzLXNjcm9sbD4iXX0=
|
|
@@ -57,11 +57,11 @@ IconAtom.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: IconAtom, selector
|
|
|
57
57
|
i0.ɵɵadvance(2);
|
|
58
58
|
i0.ɵɵproperty("ngIf", !i0.ɵɵpipeBind1(3, 4, ctx.hasSvgIcon$));
|
|
59
59
|
}
|
|
60
|
-
}, directives: [i2.NgIf, i1.MatIcon], pipes: [i2.AsyncPipe], styles: ["[_nghost-%COMP%]{display:block;--color: inherit;--color-SCOPED-IN-icon-
|
|
60
|
+
}, 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 });
|
|
61
61
|
(function () {
|
|
62
62
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IconAtom, [{
|
|
63
63
|
type: Component,
|
|
64
|
-
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-
|
|
64
|
+
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"] }]
|
|
65
65
|
}], function () { return [{ type: i1.MatIconRegistry }]; }, { name: [{
|
|
66
66
|
type: Input
|
|
67
67
|
}], color: [{
|
|
@@ -19,7 +19,7 @@ function SmartMenuButtonAtom_ng_container_2_Template(rf, ctx) {
|
|
|
19
19
|
const _r6 = i0.ɵɵgetCurrentView();
|
|
20
20
|
i0.ɵɵelementContainerStart(0);
|
|
21
21
|
i0.ɵɵelementStart(1, "button", 5);
|
|
22
|
-
i0.ɵɵlistener("click", function SmartMenuButtonAtom_ng_container_2_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.
|
|
22
|
+
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]); });
|
|
23
23
|
i0.ɵɵelementStart(2, "mat-icon");
|
|
24
24
|
i0.ɵɵtext(3);
|
|
25
25
|
i0.ɵɵelementEnd()();
|
|
@@ -28,7 +28,7 @@ function SmartMenuButtonAtom_ng_container_2_Template(rf, ctx) {
|
|
|
28
28
|
if (rf & 2) {
|
|
29
29
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
30
30
|
i0.ɵɵadvance(3);
|
|
31
|
-
i0.ɵɵtextInterpolate(ctx_r1.
|
|
31
|
+
i0.ɵɵtextInterpolate(ctx_r1.items[0] == null ? null : ctx_r1.items[0].icon);
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
34
|
function SmartMenuButtonAtom_ng_container_3_button_1_Template(rf, ctx) {
|
|
@@ -52,31 +52,31 @@ function SmartMenuButtonAtom_ng_container_3_Template(rf, ctx) {
|
|
|
52
52
|
if (rf & 2) {
|
|
53
53
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
54
54
|
i0.ɵɵadvance(1);
|
|
55
|
-
i0.ɵɵproperty("ngIf", ctx_r2.
|
|
55
|
+
i0.ɵɵproperty("ngIf", ctx_r2.items.length);
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
58
|
function SmartMenuButtonAtom_button_6_Template(rf, ctx) {
|
|
59
59
|
if (rf & 1) {
|
|
60
60
|
const _r10 = i0.ɵɵgetCurrentView();
|
|
61
61
|
i0.ɵɵelementStart(0, "button", 8);
|
|
62
|
-
i0.ɵɵlistener("click", function SmartMenuButtonAtom_button_6_Template_button_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r10); const
|
|
62
|
+
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); });
|
|
63
63
|
i0.ɵɵtext(1);
|
|
64
64
|
i0.ɵɵelementEnd();
|
|
65
65
|
}
|
|
66
66
|
if (rf & 2) {
|
|
67
|
-
const
|
|
67
|
+
const item_r8 = ctx.$implicit;
|
|
68
68
|
i0.ɵɵadvance(1);
|
|
69
|
-
i0.ɵɵtextInterpolate(
|
|
69
|
+
i0.ɵɵtextInterpolate(item_r8.name);
|
|
70
70
|
}
|
|
71
71
|
}
|
|
72
72
|
class SmartMenuButtonAtom {
|
|
73
73
|
constructor() {
|
|
74
|
-
this.
|
|
75
|
-
this.
|
|
74
|
+
this.items = [];
|
|
75
|
+
this.action = new EventEmitter();
|
|
76
76
|
}
|
|
77
77
|
}
|
|
78
78
|
SmartMenuButtonAtom.ɵfac = function SmartMenuButtonAtom_Factory(t) { return new (t || SmartMenuButtonAtom)(); };
|
|
79
|
-
SmartMenuButtonAtom.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartMenuButtonAtom, selectors: [["atoms-smart-menu-button"]], inputs: {
|
|
79
|
+
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) {
|
|
80
80
|
if (rf & 1) {
|
|
81
81
|
i0.ɵɵelementContainerStart(0, 0);
|
|
82
82
|
i0.ɵɵtemplate(1, SmartMenuButtonAtom_ng_container_1_Template, 1, 0, "ng-container", 1);
|
|
@@ -88,22 +88,23 @@ SmartMenuButtonAtom.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartMe
|
|
|
88
88
|
i0.ɵɵelementEnd();
|
|
89
89
|
}
|
|
90
90
|
if (rf & 2) {
|
|
91
|
-
|
|
91
|
+
let tmp_0_0;
|
|
92
|
+
i0.ɵɵproperty("ngSwitch", (tmp_0_0 = ctx.items == null ? null : ctx.items.length) !== null && tmp_0_0 !== undefined ? tmp_0_0 : 0);
|
|
92
93
|
i0.ɵɵadvance(1);
|
|
93
94
|
i0.ɵɵproperty("ngSwitchCase", 0);
|
|
94
95
|
i0.ɵɵadvance(1);
|
|
95
96
|
i0.ɵɵproperty("ngSwitchCase", 1);
|
|
96
97
|
i0.ɵɵadvance(4);
|
|
97
|
-
i0.ɵɵproperty("ngForOf", ctx.
|
|
98
|
+
i0.ɵɵproperty("ngForOf", ctx.items);
|
|
98
99
|
}
|
|
99
100
|
}, 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 });
|
|
100
101
|
(function () {
|
|
101
102
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartMenuButtonAtom, [{
|
|
102
103
|
type: Component,
|
|
103
|
-
args: [{ selector: 'atoms-smart-menu-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngSwitch]=\"
|
|
104
|
-
}], null, {
|
|
104
|
+
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"] }]
|
|
105
|
+
}], null, { items: [{
|
|
105
106
|
type: Input
|
|
106
|
-
}],
|
|
107
|
+
}], action: [{
|
|
107
108
|
type: Output
|
|
108
109
|
}] });
|
|
109
110
|
})();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-atoms-smart-menu-button.mjs","sources":["../../../../libs/components/src/atoms/smart-menu-button/smart-menu-button.atom.html","../../../../libs/components/src/atoms/smart-menu-button/smart-menu-button.atom.ts","../../../../libs/components/src/atoms/smart-menu-button/smart-menu-button.module.ts","../../../../libs/components/src/atoms/smart-menu-button/ng-atomic-components-atoms-smart-menu-button.ts"],"sourcesContent":["<ng-container [ngSwitch]=\"
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-atoms-smart-menu-button.mjs","sources":["../../../../libs/components/src/atoms/smart-menu-button/smart-menu-button.atom.html","../../../../libs/components/src/atoms/smart-menu-button/smart-menu-button.atom.ts","../../../../libs/components/src/atoms/smart-menu-button/smart-menu-button.module.ts","../../../../libs/components/src/atoms/smart-menu-button/ng-atomic-components-atoms-smart-menu-button.ts"],"sourcesContent":["<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","import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action, ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n selector: 'atoms-smart-menu-button',\n templateUrl: './smart-menu-button.atom.html',\n styleUrls: ['./smart-menu-button.atom.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SmartMenuButtonAtom {\n @Input()\n items: ActionItem[] = [];\n\n @Output()\n action = new EventEmitter<Action>();\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\n\nimport { SmartMenuButtonAtom } from './smart-menu-button.atom';\n\n\n@NgModule({\n declarations: [SmartMenuButtonAtom],\n imports: [\n CommonModule,\n // Material\n MatButtonModule,\n MatIconModule,\n MatMenuModule,\n ],\n exports: [SmartMenuButtonAtom]\n})\nexport class SmartMenuButtonModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -11,11 +11,11 @@ AutoLayoutFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AutoLayoutF
|
|
|
11
11
|
i0.ɵɵprojectionDef();
|
|
12
12
|
i0.ɵɵprojection(0);
|
|
13
13
|
}
|
|
14
|
-
}, styles: ["[_nghost-%COMP%]{--gap: 24px;--gap-SCOPED-IN-auto-layout-
|
|
14
|
+
}, 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 });
|
|
15
15
|
(function () {
|
|
16
16
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AutoLayoutFrame, [{
|
|
17
17
|
type: Component,
|
|
18
|
-
args: [{ selector: 'frames-auto-layout', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-
|
|
18
|
+
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"] }]
|
|
19
19
|
}], null, null);
|
|
20
20
|
})();
|
|
21
21
|
|
|
@@ -41,11 +41,11 @@ DrawerFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DrawerFrame, se
|
|
|
41
41
|
if (rf & 2) {
|
|
42
42
|
i0.ɵɵproperty("autosize", false);
|
|
43
43
|
}
|
|
44
|
-
}, directives: [i1.MatDrawerContainer, i1.MatDrawer, i1.MatDrawerContent], styles: ["[_nghost-%COMP%]{--content-width: 360px;--content-width-SCOPED-IN-drawer-
|
|
44
|
+
}, 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 });
|
|
45
45
|
(function () {
|
|
46
46
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrawerFrame, [{
|
|
47
47
|
type: Component,
|
|
48
|
-
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-
|
|
48
|
+
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"] }]
|
|
49
49
|
}], null, { drawer: [{
|
|
50
50
|
type: ViewChild,
|
|
51
51
|
args: [MatDrawer]
|
|
@@ -188,11 +188,11 @@ LineUpFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LineUpFrame, se
|
|
|
188
188
|
i0.ɵɵadvance(3);
|
|
189
189
|
i0.ɵɵproperty("@modeChangeForNext", ctx.mode);
|
|
190
190
|
}
|
|
191
|
-
}, styles: ["[_nghost-%COMP%]{--gap: 1px;--gap-SCOPED-IN-line-up-
|
|
191
|
+
}, 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 } });
|
|
192
192
|
(function () {
|
|
193
193
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LineUpFrame, [{
|
|
194
194
|
type: Component,
|
|
195
|
-
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-
|
|
195
|
+
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"] }]
|
|
196
196
|
}], function () { return [{ type: LineUpFrameService }]; }, { hasNext: [{
|
|
197
197
|
type: HostBinding,
|
|
198
198
|
args: ['attr.has-next']
|
|
@@ -53,11 +53,11 @@ OverlayFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OverlayFrame,
|
|
|
53
53
|
i0.ɵɵadvance(2);
|
|
54
54
|
i0.ɵɵproperty("@hasNext", ctx.hasNext);
|
|
55
55
|
}
|
|
56
|
-
}, styles: ["[_nghost-%COMP%]{--cell: 8px;--cell-SCOPED-IN-line-overlay-
|
|
56
|
+
}, 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 });
|
|
57
57
|
(function () {
|
|
58
58
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OverlayFrame, [{
|
|
59
59
|
type: Component,
|
|
60
|
-
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-
|
|
60
|
+
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"] }]
|
|
61
61
|
}], null, { hasNext: [{
|
|
62
62
|
type: Input
|
|
63
63
|
}] });
|
|
@@ -19,11 +19,11 @@ ScrollFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ScrollFrame, se
|
|
|
19
19
|
i0.ɵɵprojection(3, 1);
|
|
20
20
|
i0.ɵɵelementEnd();
|
|
21
21
|
}
|
|
22
|
-
}, directives: [i1.IosSafariScrollBuggyfillDirective], styles: ["[_nghost-%COMP%]{--height: 100%;--height-SCOPED-IN-scroll-
|
|
22
|
+
}, 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 });
|
|
23
23
|
(function () {
|
|
24
24
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ScrollFrame, [{
|
|
25
25
|
type: Component,
|
|
26
|
-
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-
|
|
26
|
+
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"] }]
|
|
27
27
|
}], null, null);
|
|
28
28
|
})();
|
|
29
29
|
|
|
@@ -40,11 +40,11 @@ SmartMenuFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartMenuFra
|
|
|
40
40
|
i0.ɵɵprojection(5, 1);
|
|
41
41
|
i0.ɵɵelementEnd();
|
|
42
42
|
}
|
|
43
|
-
}, styles: ["[_nghost-%COMP%]{--gap: 1px;--gap-SCOPED-IN-smart-menu-
|
|
43
|
+
}, 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 });
|
|
44
44
|
(function () {
|
|
45
45
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartMenuFrame, [{
|
|
46
46
|
type: Component,
|
|
47
|
-
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-
|
|
47
|
+
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"] }]
|
|
48
48
|
}], null, { isMainHidden: [{
|
|
49
49
|
type: HostBinding,
|
|
50
50
|
args: ['attr.is-main-hidden']
|
|
@@ -22,13 +22,13 @@ function ActionsColumnMolecule_td_2_Template(rf, ctx) {
|
|
|
22
22
|
if (rf & 1) {
|
|
23
23
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
24
24
|
i0.ɵɵelementStart(0, "td", 4)(1, "atoms-smart-menu-button", 5);
|
|
25
|
-
i0.ɵɵlistener("
|
|
25
|
+
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 }); });
|
|
26
26
|
i0.ɵɵelementEnd()();
|
|
27
27
|
}
|
|
28
28
|
if (rf & 2) {
|
|
29
29
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
30
30
|
i0.ɵɵadvance(1);
|
|
31
|
-
i0.ɵɵproperty("
|
|
31
|
+
i0.ɵɵproperty("items", ctx_r1.items);
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
34
|
class ActionsColumnMolecule {
|
|
@@ -36,8 +36,8 @@ class ActionsColumnMolecule {
|
|
|
36
36
|
var _a;
|
|
37
37
|
this._table = _table;
|
|
38
38
|
this._options = _options;
|
|
39
|
-
this.
|
|
40
|
-
this.
|
|
39
|
+
this.items = [];
|
|
40
|
+
this.action = new EventEmitter();
|
|
41
41
|
(_a = this._options) !== null && _a !== void 0 ? _a : (this._options = {});
|
|
42
42
|
}
|
|
43
43
|
get name() {
|
|
@@ -79,7 +79,7 @@ ActionsColumnMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Actio
|
|
|
79
79
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.cell = _t.first);
|
|
80
80
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.headerCell = _t.first);
|
|
81
81
|
}
|
|
82
|
-
}, inputs: { name: "name",
|
|
82
|
+
}, 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) {
|
|
83
83
|
if (rf & 1) {
|
|
84
84
|
i0.ɵɵelementContainerStart(0, 0);
|
|
85
85
|
i0.ɵɵtemplate(1, ActionsColumnMolecule_th_1_Template, 2, 0, "th", 1);
|
|
@@ -90,7 +90,7 @@ ActionsColumnMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Actio
|
|
|
90
90
|
(function () {
|
|
91
91
|
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionsColumnMolecule, [{
|
|
92
92
|
type: Component,
|
|
93
|
-
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 [
|
|
93
|
+
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: [""] }]
|
|
94
94
|
}], function () {
|
|
95
95
|
return [{ type: i1.CdkTable, decorators: [{
|
|
96
96
|
type: Optional
|
|
@@ -102,9 +102,9 @@ ActionsColumnMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Actio
|
|
|
102
102
|
}] }];
|
|
103
103
|
}, { name: [{
|
|
104
104
|
type: Input
|
|
105
|
-
}],
|
|
105
|
+
}], items: [{
|
|
106
106
|
type: Input
|
|
107
|
-
}],
|
|
107
|
+
}], action: [{
|
|
108
108
|
type: Output
|
|
109
109
|
}], columnDef: [{
|
|
110
110
|
type: ViewChild,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-molecules-actions-column.mjs","sources":["../../../../libs/components/src/molecules/actions-column/actions-column.molecule.html","../../../../libs/components/src/molecules/actions-column/actions-column.molecule.ts","../../../../libs/components/src/molecules/actions-column/actions-column.module.ts","../../../../libs/components/src/molecules/actions-column/ng-atomic-components-molecules-actions-column.ts"],"sourcesContent":["<ng-container matColumnDef>\n <th mat-header-cell *matHeaderCellDef>操作</th>\n <td mat-cell *matCellDef=\"let item\">\n <atoms-smart-menu-button\n [
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-molecules-actions-column.mjs","sources":["../../../../libs/components/src/molecules/actions-column/actions-column.molecule.html","../../../../libs/components/src/molecules/actions-column/actions-column.molecule.ts","../../../../libs/components/src/molecules/actions-column/actions-column.module.ts","../../../../libs/components/src/molecules/actions-column/ng-atomic-components-molecules-actions-column.ts"],"sourcesContent":["<ng-container matColumnDef>\n <th mat-header-cell *matHeaderCellDef>操作</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","import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef, CdkTable, TextColumnOptions, TEXT_COLUMN_OPTIONS } from '@angular/cdk/table';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Inject, Input, Optional, Output, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { Action, ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n selector: 'molecules-actions-column',\n templateUrl: './actions-column.molecule.html',\n styleUrls: ['./actions-column.molecule.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class ActionsColumnMolecule<T> {\n @Input()\n get name(): string {\n return this._name;\n }\n set name(name: string) {\n this._name = name;\n this._syncColumnDefName();\n }\n _name!: string;\n\n @Input()\n items: ActionItem[] = [];\n\n @Output()\n action = new EventEmitter<Action>();\n\n @ViewChild(CdkColumnDef, {static: true})\n columnDef!: CdkColumnDef;\n \n @ViewChild(CdkCellDef, {static: true})\n cell!: CdkCellDef;\n\n @ViewChild(CdkHeaderCellDef, {static: true})\n headerCell!: CdkHeaderCellDef;\n\n constructor(\n @Optional() private _table: CdkTable<T>,\n @Optional() @Inject(TEXT_COLUMN_OPTIONS) private _options: TextColumnOptions<T>,\n ) {\n this._options ??= {};\n }\n\n ngOnInit() {\n this._syncColumnDefName();\n\n if (this._table) {\n this.columnDef.cell = this.cell;\n this.columnDef.headerCell = this.headerCell;\n this._table.addColumnDef(this.columnDef);\n }\n }\n\n ngOnDestroy() {\n if (this._table) {\n this._table.removeColumnDef(this.columnDef);\n }\n }\n\n private _syncColumnDefName() {\n if (this.columnDef) {\n this.columnDef.name = this.name;\n }\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';\n\nimport { ActionsColumnMolecule } from './actions-column.molecule';\n\n@NgModule({\n declarations: [\n ActionsColumnMolecule\n ],\n imports: [\n CommonModule,\n // Materials\n MatTableModule,\n MatMenuModule,\n MatButtonModule,\n MatIconModule,\n // Atoms\n SmartMenuButtonModule,\n ],\n exports: [ActionsColumnMolecule],\n bootstrap: [ActionsColumnMolecule],\n})\nexport class ActionsColumnModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;QACE,EAAsC,CAAA,cAAA,CAAA,CAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA;AAAA,QAAA,EAAE,CAAA,MAAA,CAAA,CAAA,EAAA,cAAA,CAAA,CAAA;QAAA,EAAK,CAAA,YAAA,EAAA,CAAA;;;;;;AAC7C,QAAA,EAAA,CAAA,cAAA,CAAA,CAAA,EAAA,IAAA,EAAA,CAAA,CAAoC,CAAA,CAAA,EAAA,yBAAA,EAAA,CAAA,CAAA,CAAA;AAGhC,QAAA,EAAA,CAAA,UAAA,CAAA,QAAA,EAAA,SAAA,6EAAA,CAAA,MAAA,EAAA,EAAA,MAAA,WAAA,GAAA,EAAA,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,CAAA,MAAA,OAAA,GAAA,WAAA,CAAA,SAAA,CAAA,CAAA,MAAA,MAAA,GAAA,EAAA,CAAA,aAAA,EAAA,CAAA,CAAA,OAAU,uDAA2C,CAAC,EAAA,CAAA,CAAA;AACvD,QAAA,EAAA,CAAA,YAAA,EAA0B,EAAA,CAAA;;;;AAFzB,QAAA,EAAe,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;QAAf,EAAe,CAAA,UAAA,CAAA,OAAA,EAAA,MAAA,CAAA,KAAA,CAAA,CAAA;;;MCOR,qBAAqB,CAAA;IA0BhC,WACsB,CAAA,MAAmB,EACU,QAA8B,EAAA;;AAD3D,QAAA,IAAM,CAAA,MAAA,GAAN,MAAM,CAAa;AACU,QAAA,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAsB;AAhBjF,QAAA,IAAK,CAAA,KAAA,GAAiB,EAAE,CAAC;AAGzB,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;QAelC,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,MAAb,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,IAAA,IAAI,CAAC,QAAQ,GAAK,EAAE,CAAC,CAAA;KACtB;AA9BD,IAAA,IACI,IAAI,GAAA;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;KACnB;IACD,IAAI,IAAI,CAAC,IAAY,EAAA;AACnB,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,kBAAkB,EAAE,CAAC;KAC3B;IAyBD,QAAQ,GAAA;QACN,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAE1B,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;YAChC,IAAI,CAAC,SAAS,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;YAC5C,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AAC1C,SAAA;KACF;IAED,WAAW,GAAA;QACT,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AAC7C,SAAA;KACF;IAEO,kBAAkB,GAAA;QACxB,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;AACjC,SAAA;KACF;;AArDU,qBAAA,CAAA,IAAA,GAAA,SAAA,6BAAA,CAAA,CAAA,EAAA,EAAA,OAAA,KAAA,CAAA,IAAA,qBAAqB,6DA4BV,mBAAmB,EAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA;wEA5B9B,qBAAqB,EAAA,SAAA,EAAA,CAAA,CAAA,0BAAA,CAAA,CAAA,EAAA,SAAA,EAAA,SAAA,2BAAA,CAAA,EAAA,EAAA,GAAA,EAAA;QAAA,IAAA,EAAA,GAAA,CAAA,EAAA;2BAiBrB,YAAY,EAAA,CAAA,CAAA,CAAA;2BAGZ,UAAU,EAAA,CAAA,CAAA,CAAA;2BAGV,gBAAgB,EAAA,CAAA,CAAA,CAAA;;;;;;;;;;ADlC7B,YAAA,EAA2B,CAAA,uBAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA;AACzB,YAAA,EAA6C,CAAA,UAAA,CAAA,CAAA,EAAA,mCAAA,EAAA,CAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA;AAC7C,YAAA,EAKK,CAAA,UAAA,CAAA,CAAA,EAAA,mCAAA,EAAA,CAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA;YACP,EAAe,CAAA,qBAAA,EAAA,CAAA;;;;4ECGF,qBAAqB,EAAA,CAAA;kBAPjC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,iBAGrB,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,OAAO,EAAA,QAAA,EAAA,sTAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;;8BA6B7C,QAAQ;;8BACR,QAAQ;;8BAAI,MAAM;+BAAC,mBAAmB,CAAA;;SA1BrC,IAAI,EAAA,CAAA;sBADP,KAAK;gBAWN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;gBAIP,SAAS,EAAA,CAAA;sBADR,SAAS;gBAAC,IAAA,EAAA,CAAA,YAAY,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,CAAA;gBAIvC,IAAI,EAAA,CAAA;sBADH,SAAS;gBAAC,IAAA,EAAA,CAAA,UAAU,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,CAAA;gBAIrC,UAAU,EAAA,CAAA;sBADT,SAAS;gBAAC,IAAA,EAAA,CAAA,gBAAgB,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,CAAA;;;;MCPhC,mBAAmB,CAAA;;sFAAnB,mBAAmB,GAAA,CAAA,EAAA,CAAA;AAAnB,mBAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,IAAA,EAAA,mBAAmB,cAFlB,qBAAqB,CAAA,EAAA,CAAA,CAAA;AAXxB,mBAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA;YACP,YAAY;;YAEZ,cAAc;YACd,aAAa;YACb,eAAe;YACf,aAAa;;YAEb,qBAAqB;SACtB,CAAA,EAAA,CAAA,CAAA;;4EAIU,mBAAmB,EAAA,CAAA;kBAjB/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,qBAAqB;AACtB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,cAAc;wBACd,aAAa;wBACb,eAAe;wBACf,aAAa;;wBAEb,qBAAqB;AACtB,qBAAA;oBACD,OAAO,EAAE,CAAC,qBAAqB,CAAC;oBAChC,SAAS,EAAE,CAAC,qBAAqB,CAAC;iBACnC,CAAA;;;;6EACY,mBAAmB,EAAA,EAAA,YAAA,EAAA,CAf5B,qBAAqB,CAAA,EAAA,OAAA,EAAA,CAGrB,YAAY;;YAEZ,cAAc;YACd,aAAa;YACb,eAAe;YACf,aAAa;;YAEb,qBAAqB,aAEb,qBAAqB,CAAA,EAAA,CAAA,CAAA;AAAA,CAAA,GAAA;;ACxBjC;;AAEG;;;;"}
|