@ng-atomic/components 4.14.1 → 4.16.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/esm2020/atoms/icon/icon.atom.mjs +2 -2
- package/esm2020/atoms/smart-menu-button/smart-menu-button.atom.mjs +3 -3
- package/esm2020/frames/auto-layout/auto-layout.frame.mjs +2 -2
- package/esm2020/frames/drawer/drawer.frame.mjs +12 -4
- 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/date-input-field/date-input-field.molecule.mjs +2 -2
- package/esm2020/molecules/select-input-field/select-input-field.molecule.mjs +2 -2
- package/esm2020/molecules/smart-column/smart-column.module.mjs +6 -23
- package/esm2020/molecules/smart-column/smart-column.molecule.mjs +13 -10
- package/esm2020/molecules/text-input-field/text-input-field.molecule.mjs +80 -16
- package/esm2020/organisms/action-buttons-section/action-buttons-section.organism.mjs +14 -12
- package/esm2020/organisms/back-navigator/back-navigator.organism.mjs +2 -2
- 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 +4 -4
- package/esm2020/organisms/navigator/navigator.organism.mjs +12 -12
- package/esm2020/organisms/select-input-section/select-input-section.organism.mjs +2 -2
- package/esm2020/organisms/smart-list/index.mjs +3 -0
- package/esm2020/organisms/smart-list/ng-atomic-components-organisms-smart-list.mjs +5 -0
- package/esm2020/organisms/smart-list/smart-list.module.mjs +40 -0
- package/esm2020/organisms/smart-list/smart-list.organism.mjs +98 -0
- package/esm2020/organisms/smart-table/smart-table.organism.mjs +18 -24
- package/esm2020/organisms/social-login-section/social-login-section.organism.mjs +2 -2
- package/esm2020/organisms/text-input-section/text-input-section.organism.mjs +5 -5
- package/esm2020/organisms/textarea-section/textarea-section.organism.mjs +2 -2
- package/esm2020/organisms/top-navigator/top-navigator.organism.mjs +2 -2
- package/esm2020/templates/entrance/entrance.template.mjs +38 -19
- package/esm2020/templates/menu/menu.template.mjs +3 -3
- package/esm2020/templates/smart-crud/smart-crud.template.mjs +16 -44
- package/esm2020/templates/smart-index/smart-index.module.mjs +5 -1
- package/esm2020/templates/smart-index/smart-index.template.mjs +57 -34
- package/fesm2015/ng-atomic-components-atoms-icon.mjs +2 -2
- package/fesm2015/ng-atomic-components-atoms-smart-menu-button.mjs +2 -2
- 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 +12 -3
- package/fesm2015/ng-atomic-components-frames-drawer.mjs.map +1 -1
- 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-date-input-field.mjs +2 -2
- package/fesm2015/ng-atomic-components-molecules-select-input-field.mjs +2 -2
- package/fesm2015/ng-atomic-components-molecules-smart-column.mjs +11 -27
- package/fesm2015/ng-atomic-components-molecules-smart-column.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-molecules-text-input-field.mjs +94 -15
- package/fesm2015/ng-atomic-components-molecules-text-input-field.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-action-buttons-section.mjs +13 -11
- package/fesm2015/ng-atomic-components-organisms-action-buttons-section.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-back-navigator.mjs +2 -2
- 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 +3 -3
- package/fesm2015/ng-atomic-components-organisms-navigation-list.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-navigator.mjs +11 -11
- package/fesm2015/ng-atomic-components-organisms-navigator.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-select-input-section.mjs +2 -2
- package/fesm2015/ng-atomic-components-organisms-smart-list.mjs +160 -0
- package/fesm2015/ng-atomic-components-organisms-smart-list.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-organisms-smart-table.mjs +17 -23
- 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 +4 -4
- package/fesm2015/ng-atomic-components-organisms-text-input-section.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-textarea-section.mjs +2 -2
- package/fesm2015/ng-atomic-components-organisms-top-navigator.mjs +2 -2
- package/fesm2015/ng-atomic-components-templates-entrance.mjs +38 -19
- 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-menu.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-templates-smart-crud.mjs +15 -43
- package/fesm2015/ng-atomic-components-templates-smart-crud.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-templates-smart-index.mjs +66 -33
- 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 +2 -2
- 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 +11 -3
- package/fesm2020/ng-atomic-components-frames-drawer.mjs.map +1 -1
- 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-date-input-field.mjs +2 -2
- package/fesm2020/ng-atomic-components-molecules-select-input-field.mjs +2 -2
- package/fesm2020/ng-atomic-components-molecules-smart-column.mjs +11 -25
- package/fesm2020/ng-atomic-components-molecules-smart-column.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-molecules-text-input-field.mjs +79 -15
- package/fesm2020/ng-atomic-components-molecules-text-input-field.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-action-buttons-section.mjs +13 -11
- package/fesm2020/ng-atomic-components-organisms-action-buttons-section.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-back-navigator.mjs +2 -2
- 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 +3 -3
- package/fesm2020/ng-atomic-components-organisms-navigation-list.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-navigator.mjs +11 -11
- package/fesm2020/ng-atomic-components-organisms-navigator.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-select-input-section.mjs +2 -2
- package/fesm2020/ng-atomic-components-organisms-smart-list.mjs +141 -0
- package/fesm2020/ng-atomic-components-organisms-smart-list.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-organisms-smart-table.mjs +17 -23
- 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 +4 -4
- package/fesm2020/ng-atomic-components-organisms-text-input-section.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-textarea-section.mjs +2 -2
- package/fesm2020/ng-atomic-components-organisms-top-navigator.mjs +2 -2
- package/fesm2020/ng-atomic-components-templates-entrance.mjs +38 -19
- 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-menu.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-templates-smart-crud.mjs +15 -43
- package/fesm2020/ng-atomic-components-templates-smart-crud.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-templates-smart-index.mjs +60 -33
- package/fesm2020/ng-atomic-components-templates-smart-index.mjs.map +1 -1
- package/frames/drawer/drawer.frame.d.ts +3 -1
- package/frames/drawer/drawer.frame.d.ts.map +1 -1
- package/molecules/smart-column/smart-column.module.d.ts +6 -10
- package/molecules/smart-column/smart-column.module.d.ts.map +1 -1
- package/molecules/smart-column/smart-column.molecule.d.ts +0 -1
- package/molecules/smart-column/smart-column.molecule.d.ts.map +1 -1
- package/organisms/action-buttons-section/action-buttons-section.organism.d.ts +2 -2
- package/organisms/action-buttons-section/action-buttons-section.organism.d.ts.map +1 -1
- package/organisms/navigation-list/navigation-list.organism.d.ts +2 -2
- package/organisms/navigation-list/navigation-list.organism.d.ts.map +1 -1
- package/organisms/navigator/navigator.organism.d.ts +4 -4
- package/organisms/navigator/navigator.organism.d.ts.map +1 -1
- package/organisms/smart-list/index.d.ts +3 -0
- package/organisms/smart-list/index.d.ts.map +1 -0
- package/organisms/smart-list/ng-atomic-components-organisms-smart-list.d.ts.map +1 -0
- package/organisms/smart-list/smart-list.module.d.ts +13 -0
- package/organisms/smart-list/smart-list.module.d.ts.map +1 -0
- package/organisms/smart-list/smart-list.organism.d.ts +22 -0
- package/organisms/smart-list/smart-list.organism.d.ts.map +1 -0
- package/organisms/smart-table/smart-table.organism.d.ts +12 -10
- package/organisms/smart-table/smart-table.organism.d.ts.map +1 -1
- package/package.json +12 -3
- package/templates/entrance/entrance.template.d.ts +11 -4
- package/templates/entrance/entrance.template.d.ts.map +1 -1
- package/templates/menu/menu.template.d.ts +2 -2
- package/templates/menu/menu.template.d.ts.map +1 -1
- package/templates/smart-crud/smart-crud.template.d.ts +6 -16
- package/templates/smart-crud/smart-crud.template.d.ts.map +1 -1
- package/templates/smart-index/smart-index.module.d.ts +4 -3
- package/templates/smart-index/smart-index.module.d.ts.map +1 -1
- package/templates/smart-index/smart-index.template.d.ts +9 -12
- package/templates/smart-index/smart-index.template.d.ts.map +1 -1
|
@@ -6,34 +6,36 @@ function ActionButtonsSectionOrganism_ng_container_0_Template(rf, ctx) { if (rf
|
|
|
6
6
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
7
7
|
i0.ɵɵelementContainerStart(0);
|
|
8
8
|
i0.ɵɵelementStart(1, "button", 1);
|
|
9
|
-
i0.ɵɵlistener("click", function ActionButtonsSectionOrganism_ng_container_0_Template_button_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r3); const
|
|
9
|
+
i0.ɵɵlistener("click", function ActionButtonsSectionOrganism_ng_container_0_Template_button_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r3); const _action_r1 = restoredCtx.$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.action.emit(_action_r1)); });
|
|
10
10
|
i0.ɵɵtext(2);
|
|
11
11
|
i0.ɵɵelementEnd();
|
|
12
12
|
i0.ɵɵelementContainerEnd();
|
|
13
13
|
} if (rf & 2) {
|
|
14
|
-
const
|
|
15
|
-
i0.ɵɵadvance(
|
|
16
|
-
i0.ɵɵ
|
|
14
|
+
const _action_r1 = ctx.$implicit;
|
|
15
|
+
i0.ɵɵadvance(1);
|
|
16
|
+
i0.ɵɵproperty("disabled", _action_r1 == null ? null : _action_r1.disabled);
|
|
17
|
+
i0.ɵɵadvance(1);
|
|
18
|
+
i0.ɵɵtextInterpolate(_action_r1 == null ? null : _action_r1.name);
|
|
17
19
|
} }
|
|
18
20
|
export class ActionButtonsSectionOrganism {
|
|
19
21
|
constructor() {
|
|
20
|
-
this.
|
|
22
|
+
this.actions = [];
|
|
21
23
|
this.action = new EventEmitter();
|
|
22
24
|
this.trackById = (item) => item.id;
|
|
23
25
|
}
|
|
24
26
|
}
|
|
25
27
|
ActionButtonsSectionOrganism.ɵfac = function ActionButtonsSectionOrganism_Factory(t) { return new (t || ActionButtonsSectionOrganism)(); };
|
|
26
|
-
ActionButtonsSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActionButtonsSectionOrganism, selectors: [["organisms-action-buttons-section"]], hostAttrs: [1, "organism", "section"], inputs: {
|
|
27
|
-
i0.ɵɵtemplate(0, ActionButtonsSectionOrganism_ng_container_0_Template, 3,
|
|
28
|
+
ActionButtonsSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActionButtonsSectionOrganism, selectors: [["organisms-action-buttons-section"]], hostAttrs: [1, "organism", "section"], inputs: { actions: "actions" }, outputs: { action: "action" }, decls: 1, vars: 2, consts: [[4, "ngFor", "ngForOf", "ngForTrackBy"], ["mat-raised-button", "", "color", "primary", 3, "disabled", "click"]], template: function ActionButtonsSectionOrganism_Template(rf, ctx) { if (rf & 1) {
|
|
29
|
+
i0.ɵɵtemplate(0, ActionButtonsSectionOrganism_ng_container_0_Template, 3, 2, "ng-container", 0);
|
|
28
30
|
} if (rf & 2) {
|
|
29
|
-
i0.ɵɵproperty("ngForOf", ctx.
|
|
30
|
-
} }, dependencies: [i1.NgForOf, i2.MatButton], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-
|
|
31
|
+
i0.ɵɵproperty("ngForOf", ctx.actions)("ngForTrackBy", ctx.trackById);
|
|
32
|
+
} }, dependencies: [i1.NgForOf, i2.MatButton], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-dyeo: var(--horizontal-padding)}[_nghost-%COMP%]{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-dyeo);box-sizing:border-box}[_nghost-%COMP%] button[_ngcontent-%COMP%]{width:100%;height:48px}"], changeDetection: 0 });
|
|
31
33
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionButtonsSectionOrganism, [{
|
|
32
34
|
type: Component,
|
|
33
|
-
args: [{ selector: 'organisms-action-buttons-section', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism section' }, template: "<ng-container *ngFor=\"let
|
|
34
|
-
}], null, {
|
|
35
|
+
args: [{ selector: 'organisms-action-buttons-section', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism section' }, template: "<ng-container *ngFor=\"let _action of actions; trackBy: trackById\">\n <button mat-raised-button color=\"primary\" [disabled]=\"_action?.disabled\" (click)=\"action.emit(_action)\">{{ _action?.name }}</button>\n</ng-container>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-dyeo: var(--horizontal-padding)}:host{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-dyeo);box-sizing:border-box}:host button{width:100%;height:48px}\n"] }]
|
|
36
|
+
}], null, { actions: [{
|
|
35
37
|
type: Input
|
|
36
38
|
}], action: [{
|
|
37
39
|
type: Output
|
|
38
40
|
}] }); })();
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbnMtc2VjdGlvbi5vcmdhbmlzbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvb3JnYW5pc21zL2FjdGlvbi1idXR0b25zLXNlY3Rpb24vYWN0aW9uLWJ1dHRvbnMtc2VjdGlvbi5vcmdhbmlzbS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvb3JnYW5pc21zL2FjdGlvbi1idXR0b25zLXNlY3Rpb24vYWN0aW9uLWJ1dHRvbnMtc2VjdGlvbi5vcmdhbmlzbS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztJQ0FoRyw2QkFBa0U7SUFDaEUsaUNBQXdHO0lBQS9CLGdQQUFTLGVBQUEsOEJBQW9CLENBQUEsSUFBQztJQUFDLFlBQW1CO0lBQUEsaUJBQVM7SUFDdEksMEJBQWU7OztJQUQ2QixlQUE4QjtJQUE5QiwwRUFBOEI7SUFBZ0MsZUFBbUI7SUFBbkIsaUVBQW1COztBRFM3SCxNQUFNLE9BQU8sNEJBQTRCO0lBUHpDO1FBU0UsWUFBTyxHQUFhLEVBQUUsQ0FBQztRQUd2QixXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUVwQyxjQUFTLEdBQUcsQ0FBQyxJQUFnQixFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDO0tBQzNDOzt3R0FSWSw0QkFBNEI7K0VBQTVCLDRCQUE0QjtRQ1Z6QywrRkFFZTs7UUFGbUIscUNBQVksK0JBQUE7O3VGRFVqQyw0QkFBNEI7Y0FQeEMsU0FBUzsyQkFDRSxrQ0FBa0MsbUJBRzNCLHVCQUF1QixDQUFDLE1BQU0sUUFDekMsRUFBQyxLQUFLLEVBQUUsa0JBQWtCLEVBQUM7Z0JBSWpDLE9BQU87a0JBRE4sS0FBSztZQUlOLE1BQU07a0JBREwsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWN0aW9uLCBBY3Rpb25JdGVtIH0gZnJvbSAnQG5nLWF0b21pYy9jb21tb24vbW9kZWxzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnb3JnYW5pc21zLWFjdGlvbi1idXR0b25zLXNlY3Rpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYWN0aW9uLWJ1dHRvbnMtc2VjdGlvbi5vcmdhbmlzbS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWN0aW9uLWJ1dHRvbnMtc2VjdGlvbi5vcmdhbmlzbS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0OiB7Y2xhc3M6ICdvcmdhbmlzbSBzZWN0aW9uJ30sXG59KVxuZXhwb3J0IGNsYXNzIEFjdGlvbkJ1dHRvbnNTZWN0aW9uT3JnYW5pc20ge1xuICBASW5wdXQoKVxuICBhY3Rpb25zOiBBY3Rpb25bXSA9IFtdO1xuXG4gIEBPdXRwdXQoKVxuICBhY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyPEFjdGlvbj4oKTtcblxuICB0cmFja0J5SWQgPSAoaXRlbTogQWN0aW9uSXRlbSkgPT4gaXRlbS5pZDtcbn1cbiIsIjxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IF9hY3Rpb24gb2YgYWN0aW9uczsgdHJhY2tCeTogdHJhY2tCeUlkXCI+XG4gIDxidXR0b24gbWF0LXJhaXNlZC1idXR0b24gY29sb3I9XCJwcmltYXJ5XCIgW2Rpc2FibGVkXT1cIl9hY3Rpb24/LmRpc2FibGVkXCIgKGNsaWNrKT1cImFjdGlvbi5lbWl0KF9hY3Rpb24pXCI+e3sgX2FjdGlvbj8ubmFtZSB9fTwvYnV0dG9uPlxuPC9uZy1jb250YWluZXI+Il19
|
|
@@ -43,10 +43,10 @@ BackNavigatorOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BackN
|
|
|
43
43
|
i0.ɵɵtextInterpolate(ctx.description || "");
|
|
44
44
|
i0.ɵɵadvance(2);
|
|
45
45
|
i0.ɵɵproperty("items", ctx.items);
|
|
46
|
-
} }, dependencies: [i1.NgIf, i2.MatButton, i3.MatIcon, i4.MatToolbar, i5.SmartMenuButtonAtom], styles: ["[_nghost-%COMP%]{--height: 64px;--height-SCOPED-IN-back-navigator-
|
|
46
|
+
} }, dependencies: [i1.NgIf, i2.MatButton, i3.MatIcon, i4.MatToolbar, i5.SmartMenuButtonAtom], styles: ["[_nghost-%COMP%]{--height: 64px;--height-SCOPED-IN-back-navigator-Q9v4: var(--height)}[_nghost-%COMP%]{display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-Q9v4)}[_nghost-%COMP%] div.text[_ngcontent-%COMP%]{display:flex;flex-direction:row;justify-content:center;align-items:flex-end}[_nghost-%COMP%] div.text[_ngcontent-%COMP%] .description[_ngcontent-%COMP%]{line-height:1em;font-size:12px;margin-bottom:8px;margin-left:4px}[_nghost-%COMP%] mat-toolbar[_ngcontent-%COMP%]{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center}[_nghost-%COMP%] div[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center}"], changeDetection: 0 });
|
|
47
47
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BackNavigatorOrganism, [{
|
|
48
48
|
type: Component,
|
|
49
|
-
args: [{ selector: 'organisms-back-navigator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar color=\"primary\">\n <div>\n <button mat-icon-button *ngIf=\"canBack\" (click)=\"backButtonClick.emit()\">\n <mat-icon>arrow_back</mat-icon>\n </button>\n <div class=\"text\">\n <span class=\"title\">{{ title || '' }}</span>\n <span class=\"description\">{{ description || '' }}</span>\n </div>\n </div>\n <div>\n <atoms-smart-menu-button\n [items]=\"items\"\n (action)=\"action.emit($event)\"\n ></atoms-smart-menu-button>\n </div>\n</mat-toolbar>\n", styles: [":host{--height: 64px;--height-SCOPED-IN-back-navigator-
|
|
49
|
+
args: [{ selector: 'organisms-back-navigator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar color=\"primary\">\n <div>\n <button mat-icon-button *ngIf=\"canBack\" (click)=\"backButtonClick.emit()\">\n <mat-icon>arrow_back</mat-icon>\n </button>\n <div class=\"text\">\n <span class=\"title\">{{ title || '' }}</span>\n <span class=\"description\">{{ description || '' }}</span>\n </div>\n </div>\n <div>\n <atoms-smart-menu-button\n [items]=\"items\"\n (action)=\"action.emit($event)\"\n ></atoms-smart-menu-button>\n </div>\n</mat-toolbar>\n", styles: [":host{--height: 64px;--height-SCOPED-IN-back-navigator-Q9v4: var(--height)}:host{display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-Q9v4)}:host div.text{display:flex;flex-direction:row;justify-content:center;align-items:flex-end}:host div.text .description{line-height:1em;font-size:12px;margin-bottom:8px;margin-left:4px}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center}:host div{display:flex;justify-content:center;align-items:center}\n"] }]
|
|
50
50
|
}], null, { canBack: [{
|
|
51
51
|
type: Input
|
|
52
52
|
}], title: [{
|
|
@@ -14,10 +14,10 @@ CardInputSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Ca
|
|
|
14
14
|
i0.ɵɵelement(0, "molecules-text-input-field", 0);
|
|
15
15
|
} if (rf & 2) {
|
|
16
16
|
i0.ɵɵproperty("control", ctx.control)("label", ctx.label)("placeholder", ctx.placeholder);
|
|
17
|
-
} }, dependencies: [i1.TextInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-
|
|
17
|
+
} }, dependencies: [i1.TextInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-PsWg: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-PsWg);box-sizing:border-box}[_nghost-%COMP%] .molecule.input-field[_ngcontent-%COMP%], [_nghost-%COMP%] mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
|
|
18
18
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CardInputSectionOrganism, [{
|
|
19
19
|
type: Component,
|
|
20
|
-
args: [{ selector: 'organisms-card-input-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-text-input-field\n type=\"text\"\n name=\"cardNumber\"\n [control]=\"control\"\n [label]=\"label\"\n [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-
|
|
20
|
+
args: [{ selector: 'organisms-card-input-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-text-input-field\n type=\"text\"\n name=\"cardNumber\"\n [control]=\"control\"\n [label]=\"label\"\n [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-PsWg: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-PsWg);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
|
|
21
21
|
}], null, { control: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}], label: [{
|
|
@@ -27,10 +27,10 @@ CvcAndExpInputSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ typ
|
|
|
27
27
|
i0.ɵɵproperty("control", ctx.form.get("expMonth"))("options", ctx.monthOptions);
|
|
28
28
|
i0.ɵɵadvance(1);
|
|
29
29
|
i0.ɵɵproperty("control", ctx.form.get("cvc"));
|
|
30
|
-
} }, dependencies: [i1.SelectInputFieldMolecule, i2.TextInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-
|
|
30
|
+
} }, dependencies: [i1.SelectInputFieldMolecule, i2.TextInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-LneI: var(--horizontal-padding)}[_nghost-%COMP%]{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-LneI);box-sizing:border-box}[_nghost-%COMP%] .field[_ngcontent-%COMP%]:not(:first-child){margin-left:8px}[_nghost-%COMP%] .year.field[_ngcontent-%COMP%], [_nghost-%COMP%] .month.field[_ngcontent-%COMP%]{width:auto}[_nghost-%COMP%] .cvc.field[_ngcontent-%COMP%]{width:100px}"], changeDetection: 0 });
|
|
31
31
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CvcAndExpInputSectionOrganism, [{
|
|
32
32
|
type: Component,
|
|
33
|
-
args: [{ selector: 'organisms-cvc-and-exp-input-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-select-input-field\n class=\"year field\"\n label=\"\u6709\u52B9\u671F\u9650(\u5E74)\"\n [control]=\"form.get('expYear')\"\n [options]=\"yearOptions\"\n></molecules-select-input-field>\n<molecules-select-input-field\n class=\"month field\"\n label=\"\u6709\u52B9\u671F\u9650(\u6708)\"\n [control]=\"form.get('expMonth')\"\n [options]=\"monthOptions\"\n></molecules-select-input-field>\n<molecules-text-input-field\n class=\"cvc field\"\n type=\"text\"\n name=\"cardNumber\"\n label=\"CVC\"\n placeholder=\"4\u6841\u306E\u756A\u53F7\"\n [control]=\"form.get('cvc')\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-
|
|
33
|
+
args: [{ selector: 'organisms-cvc-and-exp-input-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-select-input-field\n class=\"year field\"\n label=\"\u6709\u52B9\u671F\u9650(\u5E74)\"\n [control]=\"form.get('expYear')\"\n [options]=\"yearOptions\"\n></molecules-select-input-field>\n<molecules-select-input-field\n class=\"month field\"\n label=\"\u6709\u52B9\u671F\u9650(\u6708)\"\n [control]=\"form.get('expMonth')\"\n [options]=\"monthOptions\"\n></molecules-select-input-field>\n<molecules-text-input-field\n class=\"cvc field\"\n type=\"text\"\n name=\"cardNumber\"\n label=\"CVC\"\n placeholder=\"4\u6841\u306E\u756A\u53F7\"\n [control]=\"form.get('cvc')\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-LneI: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-LneI);box-sizing:border-box}:host .field:not(:first-child){margin-left:8px}:host .year.field,:host .month.field{width:auto}:host .cvc.field{width:100px}\n"] }]
|
|
34
34
|
}], null, { form: [{
|
|
35
35
|
type: Input
|
|
36
36
|
}] }); })();
|
|
@@ -14,10 +14,10 @@ DateInputSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Da
|
|
|
14
14
|
i0.ɵɵelement(0, "molecules-date-input-field", 0);
|
|
15
15
|
} if (rf & 2) {
|
|
16
16
|
i0.ɵɵproperty("control", ctx.control)("label", ctx.label)("placeholder", ctx.placeholder);
|
|
17
|
-
} }, dependencies: [i1.DateInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-
|
|
17
|
+
} }, dependencies: [i1.DateInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-Zzpp: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-Zzpp);box-sizing:border-box}[_nghost-%COMP%] mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
|
|
18
18
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DateInputSectionOrganism, [{
|
|
19
19
|
type: Component,
|
|
20
|
-
args: [{ selector: 'organisms-date-input-section', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism section' }, template: "<molecules-date-input-field\n [control]=\"control\"\n [label]=\"label\"\n [placeholder]=\"placeholder\"\n></molecules-date-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-
|
|
20
|
+
args: [{ selector: 'organisms-date-input-section', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism section' }, template: "<molecules-date-input-field\n [control]=\"control\"\n [label]=\"label\"\n [placeholder]=\"placeholder\"\n></molecules-date-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-Zzpp: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-Zzpp);box-sizing:border-box}:host mat-form-field{width:100%}\n"] }]
|
|
21
21
|
}], null, { control: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}], label: [{
|
|
@@ -113,10 +113,10 @@ HeadingOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HeadingOrga
|
|
|
113
113
|
i0.ɵɵproperty("ngSwitchCase", 5);
|
|
114
114
|
i0.ɵɵadvance(1);
|
|
115
115
|
i0.ɵɵproperty("ngSwitchCase", 6);
|
|
116
|
-
} }, dependencies: [i1.NgTemplateOutlet, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-
|
|
116
|
+
} }, dependencies: [i1.NgTemplateOutlet, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-9onw: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-9onw)}"], changeDetection: 0 });
|
|
117
117
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HeadingOrganism, [{
|
|
118
118
|
type: Component,
|
|
119
|
-
args: [{ selector: 'organisms-heading', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #temp><ng-content></ng-content></ng-template>\n\n<ng-container [ngSwitch]=\"level\">\n <h1 *ngSwitchDefault><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h1>\n <h2 *ngSwitchCase=\"2\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h2>\n <h3 *ngSwitchCase=\"3\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h3>\n <h4 *ngSwitchCase=\"4\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h4>\n <h5 *ngSwitchCase=\"5\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h5>\n <h6 *ngSwitchCase=\"6\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h6>\n</ng-container>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-
|
|
119
|
+
args: [{ selector: 'organisms-heading', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #temp><ng-content></ng-content></ng-template>\n\n<ng-container [ngSwitch]=\"level\">\n <h1 *ngSwitchDefault><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h1>\n <h2 *ngSwitchCase=\"2\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h2>\n <h3 *ngSwitchCase=\"3\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h3>\n <h4 *ngSwitchCase=\"4\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h4>\n <h5 *ngSwitchCase=\"5\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h5>\n <h6 *ngSwitchCase=\"6\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h6>\n</ng-container>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-9onw: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-9onw)}\n"] }]
|
|
120
120
|
}], null, { level: [{
|
|
121
121
|
type: Input
|
|
122
122
|
}] }); })();
|
|
@@ -6,7 +6,7 @@ import * as i3 from "@ng-atomic/components/molecules/navigation-list-item";
|
|
|
6
6
|
function NavigationListOrganism_molecules_navigation_list_item_1_Template(rf, ctx) { if (rf & 1) {
|
|
7
7
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
8
8
|
i0.ɵɵelementStart(0, "molecules-navigation-list-item", 2);
|
|
9
|
-
i0.ɵɵlistener("click", function NavigationListOrganism_molecules_navigation_list_item_1_Template_molecules_navigation_list_item_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r3); const item_r1 = restoredCtx.$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.action.emit(item_r1
|
|
9
|
+
i0.ɵɵlistener("click", function NavigationListOrganism_molecules_navigation_list_item_1_Template_molecules_navigation_list_item_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r3); const item_r1 = restoredCtx.$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.action.emit(item_r1)); });
|
|
10
10
|
i0.ɵɵelementEnd();
|
|
11
11
|
} if (rf & 2) {
|
|
12
12
|
const item_r1 = ctx.$implicit;
|
|
@@ -27,13 +27,13 @@ NavigationListOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Navi
|
|
|
27
27
|
i0.ɵɵproperty("multiple", false);
|
|
28
28
|
i0.ɵɵadvance(1);
|
|
29
29
|
i0.ɵɵproperty("ngForOf", ctx.items);
|
|
30
|
-
} }, dependencies: [i1.NgForOf, i2.MatSelectionList, i3.NavigationListItemMolecule], styles: ["[_nghost-%COMP%]{--primary-color: #3f51b5;--primary-color-SCOPED-IN-navigation-list-
|
|
30
|
+
} }, dependencies: [i1.NgForOf, i2.MatSelectionList, i3.NavigationListItemMolecule], styles: ["[_nghost-%COMP%]{--primary-color: #3f51b5;--primary-color-SCOPED-IN-navigation-list-zZtS: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-navigation-list-zZtS: var(--secondary-color);--color: white;--color-SCOPED-IN-navigation-list-zZtS: var(--color)}[_nghost-%COMP%]{display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-navigation-list-zZtS);color:var(--color-SCOPED-IN-navigation-list-zZtS);box-sizing:border-box}[_nghost-%COMP%] .mat-list-item[_ngcontent-%COMP%]{height:3rem!important}[_nghost-%COMP%] .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--color-SCOPED-IN-navigation-list-zZtS);font-size:12px}[_nghost-%COMP%] .mat-list-item .mat-list-text{padding-left:8px!important}"], changeDetection: 0 });
|
|
31
31
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NavigationListOrganism, [{
|
|
32
32
|
type: Component,
|
|
33
|
-
args: [{ selector: 'organisms-navigation-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-selection-list [multiple]=\"false\">\n <molecules-navigation-list-item\n *ngFor=\"let item of items\" \n [item]=\"item\"\n (click)=\"action.emit(item
|
|
33
|
+
args: [{ selector: 'organisms-navigation-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-selection-list [multiple]=\"false\">\n <molecules-navigation-list-item\n *ngFor=\"let item of items\" \n [item]=\"item\"\n (click)=\"action.emit(item)\"\n ></molecules-navigation-list-item>\n</mat-selection-list>", styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-navigation-list-zZtS: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-navigation-list-zZtS: var(--secondary-color);--color: white;--color-SCOPED-IN-navigation-list-zZtS: var(--color)}:host{display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-navigation-list-zZtS);color:var(--color-SCOPED-IN-navigation-list-zZtS);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host ::ng-deep .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--color-SCOPED-IN-navigation-list-zZtS);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}\n"] }]
|
|
34
34
|
}], null, { items: [{
|
|
35
35
|
type: Input
|
|
36
36
|
}], action: [{
|
|
37
37
|
type: Output
|
|
38
38
|
}] }); })();
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi1saXN0Lm9yZ2FuaXNtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9vcmdhbmlzbXMvbmF2aWdhdGlvbi1saXN0L25hdmlnYXRpb24tbGlzdC5vcmdhbmlzbS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvb3JnYW5pc21zL25hdmlnYXRpb24tbGlzdC9uYXZpZ2F0aW9uLWxpc3Qub3JnYW5pc20uaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHVCQUF1QixFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0lDQzlGLHlEQUlDO0lBREMsaVJBQVMsZUFBQSwyQkFBaUIsQ0FBQSxJQUFDO0lBQzVCLGlCQUFpQzs7O0lBRmhDLDhCQUFhOztBRE1qQixNQUFNLE9BQU8sc0JBQXNCO0lBTm5DO1FBUUUsVUFBSyxHQUF5QixFQUFFLENBQUM7UUFHakMsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7S0FDckM7OzRGQU5ZLHNCQUFzQjt5RUFBdEIsc0JBQXNCO1FDVG5DLDZDQUF1QztRQUNyQyw2SEFJa0M7UUFDcEMsaUJBQXFCOztRQU5ELGdDQUFrQjtRQUVqQixlQUFRO1FBQVIsbUNBQVE7O3VGRE9oQixzQkFBc0I7Y0FObEMsU0FBUzsyQkFDRSwyQkFBMkIsbUJBR3BCLHVCQUF1QixDQUFDLE1BQU07Z0JBSS9DLEtBQUs7a0JBREosS0FBSztZQUlOLE1BQU07a0JBREwsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWN0aW9uLCBBY3Rpb25JdGVtIH0gZnJvbSAnQG5nLWF0b21pYy9jb21tb24vbW9kZWxzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnb3JnYW5pc21zLW5hdmlnYXRpb24tbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9uYXZpZ2F0aW9uLWxpc3Qub3JnYW5pc20uaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25hdmlnYXRpb24tbGlzdC5vcmdhbmlzbS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBOYXZpZ2F0aW9uTGlzdE9yZ2FuaXNtIHtcbiAgQElucHV0KClcbiAgaXRlbXM6IEFjdGlvbkl0ZW08c3RyaW5nPltdID0gW107XG5cbiAgQE91dHB1dCgpXG4gIGFjdGlvbiA9IG5ldyBFdmVudEVtaXR0ZXI8QWN0aW9uPigpO1xufVxuIiwiPG1hdC1zZWxlY3Rpb24tbGlzdCBbbXVsdGlwbGVdPVwiZmFsc2VcIj5cbiAgPG1vbGVjdWxlcy1uYXZpZ2F0aW9uLWxpc3QtaXRlbVxuICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zXCIgXG4gICAgW2l0ZW1dPVwiaXRlbVwiXG4gICAgKGNsaWNrKT1cImFjdGlvbi5lbWl0KGl0ZW0pXCJcbiAgPjwvbW9sZWN1bGVzLW5hdmlnYXRpb24tbGlzdC1pdGVtPlxuPC9tYXQtc2VsZWN0aW9uLWxpc3Q+Il19
|
|
@@ -10,7 +10,7 @@ function NavigatorOrganism_atoms_smart_menu_button_2_Template(rf, ctx) { if (rf
|
|
|
10
10
|
i0.ɵɵelementEnd();
|
|
11
11
|
} if (rf & 2) {
|
|
12
12
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
13
|
-
i0.ɵɵproperty("items", ctx_r0.
|
|
13
|
+
i0.ɵɵproperty("items", ctx_r0.startActions);
|
|
14
14
|
} }
|
|
15
15
|
function NavigatorOrganism_atoms_smart_menu_button_5_Template(rf, ctx) { if (rf & 1) {
|
|
16
16
|
const _r5 = i0.ɵɵgetCurrentView();
|
|
@@ -19,18 +19,18 @@ function NavigatorOrganism_atoms_smart_menu_button_5_Template(rf, ctx) { if (rf
|
|
|
19
19
|
i0.ɵɵelementEnd();
|
|
20
20
|
} if (rf & 2) {
|
|
21
21
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
22
|
-
i0.ɵɵproperty("items", ctx_r1.
|
|
22
|
+
i0.ɵɵproperty("items", ctx_r1.endActions);
|
|
23
23
|
} }
|
|
24
24
|
const _c0 = ["*"];
|
|
25
25
|
export class NavigatorOrganism {
|
|
26
26
|
constructor() {
|
|
27
|
-
this.
|
|
28
|
-
this.
|
|
27
|
+
this.startActions = [];
|
|
28
|
+
this.endActions = [];
|
|
29
29
|
this.action = new EventEmitter();
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
32
|
NavigatorOrganism.ɵfac = function NavigatorOrganism_Factory(t) { return new (t || NavigatorOrganism)(); };
|
|
33
|
-
NavigatorOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NavigatorOrganism, selectors: [["organisms-navigator"]], inputs: {
|
|
33
|
+
NavigatorOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NavigatorOrganism, selectors: [["organisms-navigator"]], inputs: { startActions: "startActions", endActions: "endActions" }, outputs: { action: "action" }, ngContentSelectors: _c0, decls: 6, vars: 2, consts: [["color", "primary"], [3, "items", "action", 4, "ngIf"], [3, "items", "action"]], template: function NavigatorOrganism_Template(rf, ctx) { if (rf & 1) {
|
|
34
34
|
i0.ɵɵprojectionDef();
|
|
35
35
|
i0.ɵɵelementStart(0, "mat-toolbar", 0)(1, "div");
|
|
36
36
|
i0.ɵɵtemplate(2, NavigatorOrganism_atoms_smart_menu_button_2_Template, 1, 1, "atoms-smart-menu-button", 1);
|
|
@@ -41,18 +41,18 @@ NavigatorOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Navigator
|
|
|
41
41
|
i0.ɵɵelementEnd()();
|
|
42
42
|
} if (rf & 2) {
|
|
43
43
|
i0.ɵɵadvance(2);
|
|
44
|
-
i0.ɵɵproperty("ngIf", ctx.
|
|
44
|
+
i0.ɵɵproperty("ngIf", ctx.startActions.length);
|
|
45
45
|
i0.ɵɵadvance(3);
|
|
46
|
-
i0.ɵɵproperty("ngIf", ctx.
|
|
47
|
-
} }, dependencies: [i1.NgIf, i2.MatToolbar, i3.SmartMenuButtonAtom], styles: ["[_nghost-%COMP%]{--height: 64px;--height-SCOPED-IN-navigator-
|
|
46
|
+
i0.ɵɵproperty("ngIf", ctx.startActions.length);
|
|
47
|
+
} }, dependencies: [i1.NgIf, i2.MatToolbar, i3.SmartMenuButtonAtom], styles: ["[_nghost-%COMP%]{--height: 64px;--height-SCOPED-IN-navigator-o4Pa: var(--height)}[_nghost-%COMP%]{display:block;width:100%;height:var(--height-SCOPED-IN-navigator-o4Pa)}[_nghost-%COMP%] mat-toolbar[_ngcontent-%COMP%]{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center}[_nghost-%COMP%] div[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center}"], changeDetection: 0 });
|
|
48
48
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NavigatorOrganism, [{
|
|
49
49
|
type: Component,
|
|
50
|
-
args: [{ selector: 'organisms-navigator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar color=\"primary\">\n <div>\n <atoms-smart-menu-button\n *ngIf=\"
|
|
51
|
-
}], null, {
|
|
50
|
+
args: [{ selector: 'organisms-navigator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar color=\"primary\">\n <div>\n <atoms-smart-menu-button\n *ngIf=\"startActions.length\"\n [items]=\"startActions\"\n (action)=\"action.emit($event)\"\n ></atoms-smart-menu-button>\n <ng-content></ng-content>\n </div>\n <div>\n <atoms-smart-menu-button\n *ngIf=\"startActions.length\"\n [items]=\"endActions\"\n (action)=\"action.emit($event)\"\n ></atoms-smart-menu-button>\n </div>\n</mat-toolbar>\n", styles: [":host{--height: 64px;--height-SCOPED-IN-navigator-o4Pa: var(--height)}:host{display:block;width:100%;height:var(--height-SCOPED-IN-navigator-o4Pa)}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center}:host div{display:flex;justify-content:center;align-items:center}\n"] }]
|
|
51
|
+
}], null, { startActions: [{
|
|
52
52
|
type: Input
|
|
53
|
-
}],
|
|
53
|
+
}], endActions: [{
|
|
54
54
|
type: Input
|
|
55
55
|
}], action: [{
|
|
56
56
|
type: Output
|
|
57
57
|
}] }); })();
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdG9yLm9yZ2FuaXNtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9vcmdhbmlzbXMvbmF2aWdhdG9yL25hdmlnYXRvci5vcmdhbmlzbS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvb3JnYW5pc21zL25hdmlnYXRvci9uYXZpZ2F0b3Iub3JnYW5pc20uaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0lDRTVGLGtEQUlDO0lBREMsMk1BQVUsZUFBQSwwQkFBbUIsQ0FBQSxJQUFDO0lBQy9CLGlCQUEwQjs7O0lBRnpCLDJDQUFzQjs7OztJQU14QixrREFJQztJQURDLDJNQUFVLGVBQUEsMEJBQW1CLENBQUEsSUFBQztJQUMvQixpQkFBMEI7OztJQUZ6Qix5Q0FBb0I7OztBREgxQixNQUFNLE9BQU8saUJBQWlCO0lBTjlCO1FBUUUsaUJBQVksR0FBYSxFQUFFLENBQUM7UUFHNUIsZUFBVSxHQUFhLEVBQUUsQ0FBQztRQUcxQixXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztLQUNyQzs7a0ZBVFksaUJBQWlCO29FQUFqQixpQkFBaUI7O1FDVDlCLHNDQUE2QixVQUFBO1FBRXpCLDBHQUkyQjtRQUMzQixrQkFBeUI7UUFDM0IsaUJBQU07UUFDTiwyQkFBSztRQUNILDBHQUkyQjtRQUM3QixpQkFBTSxFQUFBOztRQVpELGVBQXlCO1FBQXpCLDhDQUF5QjtRQVF6QixlQUF5QjtRQUF6Qiw4Q0FBeUI7O3VGREZuQixpQkFBaUI7Y0FON0IsU0FBUzsyQkFDRSxxQkFBcUIsbUJBR2QsdUJBQXVCLENBQUMsTUFBTTtnQkFJL0MsWUFBWTtrQkFEWCxLQUFLO1lBSU4sVUFBVTtrQkFEVCxLQUFLO1lBSU4sTUFBTTtrQkFETCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBY3Rpb24gfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvcmdhbmlzbXMtbmF2aWdhdG9yJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25hdmlnYXRvci5vcmdhbmlzbS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbmF2aWdhdG9yLm9yZ2FuaXNtLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIE5hdmlnYXRvck9yZ2FuaXNtIHtcbiAgQElucHV0KClcbiAgc3RhcnRBY3Rpb25zOiBBY3Rpb25bXSA9IFtdO1xuXG4gIEBJbnB1dCgpXG4gIGVuZEFjdGlvbnM6IEFjdGlvbltdID0gW107XG5cbiAgQE91dHB1dCgpXG4gIGFjdGlvbiA9IG5ldyBFdmVudEVtaXR0ZXI8QWN0aW9uPigpO1xufVxuIiwiPG1hdC10b29sYmFyIGNvbG9yPVwicHJpbWFyeVwiPlxuICA8ZGl2PlxuICAgIDxhdG9tcy1zbWFydC1tZW51LWJ1dHRvblxuICAgICAgKm5nSWY9XCJzdGFydEFjdGlvbnMubGVuZ3RoXCJcbiAgICAgIFtpdGVtc109XCJzdGFydEFjdGlvbnNcIlxuICAgICAgKGFjdGlvbik9XCJhY3Rpb24uZW1pdCgkZXZlbnQpXCJcbiAgICA+PC9hdG9tcy1zbWFydC1tZW51LWJ1dHRvbj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuICA8ZGl2PlxuICAgIDxhdG9tcy1zbWFydC1tZW51LWJ1dHRvblxuICAgICAgKm5nSWY9XCJzdGFydEFjdGlvbnMubGVuZ3RoXCJcbiAgICAgIFtpdGVtc109XCJlbmRBY3Rpb25zXCJcbiAgICAgIChhY3Rpb24pPVwiYWN0aW9uLmVtaXQoJGV2ZW50KVwiXG4gICAgPjwvYXRvbXMtc21hcnQtbWVudS1idXR0b24+XG4gIDwvZGl2PlxuPC9tYXQtdG9vbGJhcj5cbiJdfQ==
|
|
@@ -14,10 +14,10 @@ SelectInputSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
|
|
|
14
14
|
i0.ɵɵelement(0, "molecules-select-input-field", 0);
|
|
15
15
|
} if (rf & 2) {
|
|
16
16
|
i0.ɵɵproperty("label", ctx.label)("control", ctx.control)("options", ctx.options);
|
|
17
|
-
} }, dependencies: [i1.SelectInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-
|
|
17
|
+
} }, dependencies: [i1.SelectInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-kBnV: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-kBnV);box-sizing:border-box}[_nghost-%COMP%] .molecule.input-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
|
|
18
18
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectInputSectionOrganism, [{
|
|
19
19
|
type: Component,
|
|
20
|
-
args: [{ selector: 'organisms-select-input-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-select-input-field\n [label]=\"label\"\n [control]=\"control\"\n [options]=\"options\"\n></molecules-select-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-
|
|
20
|
+
args: [{ selector: 'organisms-select-input-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-select-input-field\n [label]=\"label\"\n [control]=\"control\"\n [options]=\"options\"\n></molecules-select-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-kBnV: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-kBnV);box-sizing:border-box}:host .molecule.input-field{width:100%}\n"] }]
|
|
21
21
|
}], null, { label: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}], control: [{
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export * from './smart-list.organism';
|
|
2
|
+
export * from './smart-list.module';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL29yZ2FuaXNtcy9zbWFydC1saXN0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxxQkFBcUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc21hcnQtbGlzdC5vcmdhbmlzbSc7XG5leHBvcnQgKiBmcm9tICcuL3NtYXJ0LWxpc3QubW9kdWxlJztcbiJdfQ==
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtb3JnYW5pc21zLXNtYXJ0LWxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL29yZ2FuaXNtcy9zbWFydC1saXN0L25nLWF0b21pYy1jb21wb25lbnRzLW9yZ2FuaXNtcy1zbWFydC1saXN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { SmartListOrganism } from './smart-list.organism';
|
|
4
|
+
import { MatListModule } from '@angular/material/list';
|
|
5
|
+
import { MatIconModule } from '@angular/material/icon';
|
|
6
|
+
import { MatRippleModule } from '@angular/material/core';
|
|
7
|
+
import { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
export class SmartListModule {
|
|
10
|
+
}
|
|
11
|
+
SmartListModule.ɵfac = function SmartListModule_Factory(t) { return new (t || SmartListModule)(); };
|
|
12
|
+
SmartListModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: SmartListModule });
|
|
13
|
+
SmartListModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
|
|
14
|
+
MatListModule,
|
|
15
|
+
MatIconModule,
|
|
16
|
+
MatRippleModule] });
|
|
17
|
+
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartListModule, [{
|
|
18
|
+
type: NgModule,
|
|
19
|
+
args: [{
|
|
20
|
+
declarations: [
|
|
21
|
+
SmartListOrganism,
|
|
22
|
+
],
|
|
23
|
+
imports: [
|
|
24
|
+
CommonModule,
|
|
25
|
+
MatListModule,
|
|
26
|
+
MatIconModule,
|
|
27
|
+
MatRippleModule,
|
|
28
|
+
DataAccessorPipe,
|
|
29
|
+
],
|
|
30
|
+
exports: [
|
|
31
|
+
SmartListOrganism
|
|
32
|
+
]
|
|
33
|
+
}]
|
|
34
|
+
}], null, null); })();
|
|
35
|
+
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SmartListModule, { declarations: [SmartListOrganism], imports: [CommonModule,
|
|
36
|
+
MatListModule,
|
|
37
|
+
MatIconModule,
|
|
38
|
+
MatRippleModule,
|
|
39
|
+
DataAccessorPipe], exports: [SmartListOrganism] }); })();
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtbGlzdC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL29yZ2FuaXNtcy9zbWFydC1saXN0L3NtYXJ0LWxpc3QubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzFELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDOztBQWlCekUsTUFBTSxPQUFPLGVBQWU7OzhFQUFmLGVBQWU7aUVBQWYsZUFBZTtxRUFWeEIsWUFBWTtRQUNaLGFBQWE7UUFDYixhQUFhO1FBQ2IsZUFBZTt1RkFPTixlQUFlO2NBZjNCLFFBQVE7ZUFBQztnQkFDUixZQUFZLEVBQUU7b0JBQ1osaUJBQWlCO2lCQUNsQjtnQkFDRCxPQUFPLEVBQUU7b0JBQ1AsWUFBWTtvQkFDWixhQUFhO29CQUNiLGFBQWE7b0JBQ2IsZUFBZTtvQkFDZixnQkFBZ0I7aUJBQ2pCO2dCQUNELE9BQU8sRUFBRTtvQkFDUCxpQkFBaUI7aUJBQ2xCO2FBQ0Y7O3dGQUNZLGVBQWUsbUJBYnhCLGlCQUFpQixhQUdqQixZQUFZO1FBQ1osYUFBYTtRQUNiLGFBQWE7UUFDYixlQUFlO1FBQ2YsZ0JBQWdCLGFBR2hCLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU21hcnRMaXN0T3JnYW5pc20gfSBmcm9tICcuL3NtYXJ0LWxpc3Qub3JnYW5pc20nO1xuaW1wb3J0IHsgTWF0TGlzdE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2xpc3QnO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTWF0UmlwcGxlTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY29yZSc7XG5pbXBvcnQgeyBEYXRhQWNjZXNzb3JQaXBlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21tb24vcGlwZXMvZGF0YS1hY2Nlc3Nvcic7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIFNtYXJ0TGlzdE9yZ2FuaXNtLFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE1hdExpc3RNb2R1bGUsXG4gICAgTWF0SWNvbk1vZHVsZSxcbiAgICBNYXRSaXBwbGVNb2R1bGUsXG4gICAgRGF0YUFjY2Vzc29yUGlwZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIFNtYXJ0TGlzdE9yZ2FuaXNtXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgU21hcnRMaXN0TW9kdWxlIHsgfVxuIl19
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, Inject, Input, Optional, Output } from '@angular/core';
|
|
2
|
+
import { DATA_ACCESSOR, defaultDataAccessor } from '@ng-atomic/common/pipes/data-accessor';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
import * as i2 from "@angular/material/list";
|
|
6
|
+
import * as i3 from "@angular/material/core";
|
|
7
|
+
import * as i4 from "@angular/material/divider";
|
|
8
|
+
import * as i5 from "@ng-atomic/common/pipes/data-accessor";
|
|
9
|
+
function SmartListOrganism_ng_container_1_ng_container_3_Template(rf, ctx) { if (rf & 1) {
|
|
10
|
+
const _r5 = i0.ɵɵgetCurrentView();
|
|
11
|
+
i0.ɵɵelementContainerStart(0);
|
|
12
|
+
i0.ɵɵelementStart(1, "mat-list-item", 2);
|
|
13
|
+
i0.ɵɵlistener("click", function SmartListOrganism_ng_container_1_ng_container_3_Template_mat_list_item_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r5); const item_r3 = restoredCtx.$implicit; const ctx_r4 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r4.onItemClick(item_r3)); });
|
|
14
|
+
i0.ɵɵelementStart(2, "span", 3);
|
|
15
|
+
i0.ɵɵtext(3);
|
|
16
|
+
i0.ɵɵpipe(4, "dataAccessor");
|
|
17
|
+
i0.ɵɵelementEnd();
|
|
18
|
+
i0.ɵɵelementStart(5, "span", 3);
|
|
19
|
+
i0.ɵɵtext(6);
|
|
20
|
+
i0.ɵɵpipe(7, "dataAccessor");
|
|
21
|
+
i0.ɵɵelementEnd()();
|
|
22
|
+
i0.ɵɵelementContainerEnd();
|
|
23
|
+
} if (rf & 2) {
|
|
24
|
+
const item_r3 = ctx.$implicit;
|
|
25
|
+
i0.ɵɵadvance(3);
|
|
26
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(4, 2, item_r3, "__title"));
|
|
27
|
+
i0.ɵɵadvance(3);
|
|
28
|
+
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(7, 5, item_r3, "__desc"));
|
|
29
|
+
} }
|
|
30
|
+
function SmartListOrganism_ng_container_1_Template(rf, ctx) { if (rf & 1) {
|
|
31
|
+
i0.ɵɵelementContainerStart(0);
|
|
32
|
+
i0.ɵɵelementStart(1, "div", 1);
|
|
33
|
+
i0.ɵɵtext(2);
|
|
34
|
+
i0.ɵɵelementEnd();
|
|
35
|
+
i0.ɵɵtemplate(3, SmartListOrganism_ng_container_1_ng_container_3_Template, 8, 8, "ng-container", 0);
|
|
36
|
+
i0.ɵɵelement(4, "mat-divider");
|
|
37
|
+
i0.ɵɵelementContainerEnd();
|
|
38
|
+
} if (rf & 2) {
|
|
39
|
+
const status_r1 = ctx.$implicit;
|
|
40
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
41
|
+
i0.ɵɵadvance(2);
|
|
42
|
+
i0.ɵɵtextInterpolate1(" ", status_r1, "");
|
|
43
|
+
i0.ɵɵadvance(1);
|
|
44
|
+
i0.ɵɵproperty("ngForOf", ctx_r0.statusMap[status_r1]);
|
|
45
|
+
} }
|
|
46
|
+
export var ActionId;
|
|
47
|
+
(function (ActionId) {
|
|
48
|
+
ActionId["CLICK_ITEM"] = "[@ng-atomic/components/organisms/smart-list] Click Item";
|
|
49
|
+
})(ActionId || (ActionId = {}));
|
|
50
|
+
export class SmartListOrganism {
|
|
51
|
+
constructor(dataAccessor) {
|
|
52
|
+
this.dataAccessor = dataAccessor;
|
|
53
|
+
this.statusAccessor = (data) => data['status'];
|
|
54
|
+
this.items = [];
|
|
55
|
+
this.action = new EventEmitter();
|
|
56
|
+
this.dataAccessor ?? (this.dataAccessor = defaultDataAccessor);
|
|
57
|
+
}
|
|
58
|
+
get statusMap() {
|
|
59
|
+
return this.items.reduce((acc, item) => {
|
|
60
|
+
const key = this.dataAccessor(item, '__status');
|
|
61
|
+
acc[key] ?? (acc[key] = []),
|
|
62
|
+
acc[key].push(item);
|
|
63
|
+
return acc;
|
|
64
|
+
}, {});
|
|
65
|
+
}
|
|
66
|
+
get statuses() {
|
|
67
|
+
return Object.keys(this.statusMap);
|
|
68
|
+
}
|
|
69
|
+
onItemClick(item) {
|
|
70
|
+
this.action.emit({
|
|
71
|
+
id: ActionId.CLICK_ITEM,
|
|
72
|
+
payload: item,
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
SmartListOrganism.ɵfac = function SmartListOrganism_Factory(t) { return new (t || SmartListOrganism)(i0.ɵɵdirectiveInject(DATA_ACCESSOR, 8)); };
|
|
77
|
+
SmartListOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartListOrganism, selectors: [["organisms-smart-list"]], inputs: { items: "items" }, outputs: { action: "action" }, decls: 2, vars: 1, consts: [[4, "ngFor", "ngForOf"], ["mat-subheader", ""], ["lines", "2", "matRipple", "", 3, "click"], ["mat-line", ""]], template: function SmartListOrganism_Template(rf, ctx) { if (rf & 1) {
|
|
78
|
+
i0.ɵɵelementStart(0, "mat-list");
|
|
79
|
+
i0.ɵɵtemplate(1, SmartListOrganism_ng_container_1_Template, 5, 2, "ng-container", 0);
|
|
80
|
+
i0.ɵɵelementEnd();
|
|
81
|
+
} if (rf & 2) {
|
|
82
|
+
i0.ɵɵadvance(1);
|
|
83
|
+
i0.ɵɵproperty("ngForOf", ctx.statuses);
|
|
84
|
+
} }, dependencies: [i1.NgForOf, i2.MatList, i2.MatListItem, i3.MatLine, i2.MatListSubheaderCssMatStyler, i4.MatDivider, i3.MatRipple, i5.DataAccessorPipe], styles: ["[_nghost-%COMP%]{display:block}[_nghost-%COMP%]{display:block;flex-direction:unset;font-size:14px;height:100%}"], changeDetection: 0 });
|
|
85
|
+
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartListOrganism, [{
|
|
86
|
+
type: Component,
|
|
87
|
+
args: [{ selector: 'organisms-smart-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-list>\n <ng-container *ngFor=\"let status of statuses\">\n <div mat-subheader> {{ status }}</div>\n <ng-container *ngFor=\"let item of statusMap[status]\">\n <mat-list-item lines=\"2\" matRipple (click)=\"onItemClick(item)\">\n <span mat-line>{{ item | dataAccessor:'__title' }}</span>\n <span mat-line>{{ item | dataAccessor:'__desc' }}</span>\n </mat-list-item>\n </ng-container>\n <mat-divider></mat-divider>\n </ng-container>\n</mat-list>\n", styles: [":host{display:block}:host{display:block;flex-direction:unset;font-size:14px;height:100%}\n"] }]
|
|
88
|
+
}], function () { return [{ type: undefined, decorators: [{
|
|
89
|
+
type: Optional
|
|
90
|
+
}, {
|
|
91
|
+
type: Inject,
|
|
92
|
+
args: [DATA_ACCESSOR]
|
|
93
|
+
}] }]; }, { items: [{
|
|
94
|
+
type: Input
|
|
95
|
+
}], action: [{
|
|
96
|
+
type: Output
|
|
97
|
+
}] }); })();
|
|
98
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtbGlzdC5vcmdhbmlzbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvb3JnYW5pc21zL3NtYXJ0LWxpc3Qvc21hcnQtbGlzdC5vcmdhbmlzbS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvb3JnYW5pc21zL3NtYXJ0LWxpc3Qvc21hcnQtbGlzdC5vcmdhbmlzbS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVsSCxPQUFPLEVBQWdCLGFBQWEsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDOzs7Ozs7Ozs7SUNDckcsNkJBQXFEO0lBQ25ELHdDQUErRDtJQUE1Qix5UEFBUyxlQUFBLDJCQUFpQixDQUFBLElBQUM7SUFDNUQsK0JBQWU7SUFBQSxZQUFtQzs7SUFBQSxpQkFBTztJQUN6RCwrQkFBZTtJQUFBLFlBQWtDOztJQUFBLGlCQUFPLEVBQUE7SUFFNUQsMEJBQWU7OztJQUhJLGVBQW1DO0lBQW5DLDhEQUFtQztJQUNuQyxlQUFrQztJQUFsQyw2REFBa0M7OztJQUx2RCw2QkFBOEM7SUFDNUMsOEJBQW1CO0lBQUMsWUFBWTtJQUFBLGlCQUFNO0lBQ3RDLG1HQUtlO0lBQ2YsOEJBQTJCO0lBQzdCLDBCQUFlOzs7O0lBUk8sZUFBWTtJQUFaLHlDQUFZO0lBQ0QsZUFBb0I7SUFBcEIscURBQW9COztBREN2RCxNQUFNLENBQU4sSUFBWSxRQUVYO0FBRkQsV0FBWSxRQUFRO0lBQ2xCLGtGQUFzRSxDQUFBO0FBQ3hFLENBQUMsRUFGVyxRQUFRLEtBQVIsUUFBUSxRQUVuQjtBQVFELE1BQU0sT0FBTyxpQkFBaUI7SUFFNUIsWUFDNkMsWUFBNkI7UUFBN0IsaUJBQVksR0FBWixZQUFZLENBQWlCO1FBSzFFLG1CQUFjLEdBQUcsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUcxQyxVQUFLLEdBQVEsRUFBRSxDQUFDO1FBR2hCLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBVGxDLElBQUksQ0FBQyxZQUFZLEtBQWpCLElBQUksQ0FBQyxZQUFZLEdBQUssbUJBQW1CLEVBQUM7SUFDNUMsQ0FBQztJQVVELElBQUksU0FBUztRQUNYLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxHQUFHLEVBQUUsSUFBSSxFQUFFLEVBQUU7WUFDckMsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsVUFBVSxDQUFDLENBQUM7WUFDaEQsR0FBRyxDQUFDLEdBQUcsTUFBUCxHQUFHLENBQUMsR0FBRyxJQUFNLEVBQUU7Z0JBQ2YsR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUNwQixPQUFPLEdBQUcsQ0FBQztRQUNiLENBQUMsRUFBRSxFQUE2QixDQUFDLENBQUM7SUFDcEMsQ0FBQztJQUVELElBQUksUUFBUTtRQUNWLE9BQU8sTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDckMsQ0FBQztJQUVTLFdBQVcsQ0FBQyxJQUFPO1FBQzNCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDO1lBQ2YsRUFBRSxFQUFFLFFBQVEsQ0FBQyxVQUFVO1lBQ3ZCLE9BQU8sRUFBRSxJQUFJO1NBQ2QsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7a0ZBbENVLGlCQUFpQix1QkFHTixhQUFhO29FQUh4QixpQkFBaUI7UUNkOUIsZ0NBQVU7UUFDUixvRkFTZTtRQUNqQixpQkFBVzs7UUFWd0IsZUFBVztRQUFYLHNDQUFXOzt1RkRhakMsaUJBQWlCO2NBTjdCLFNBQVM7MkJBQ0Usc0JBQXNCLG1CQUdmLHVCQUF1QixDQUFDLE1BQU07O3NCQUs1QyxRQUFROztzQkFBSSxNQUFNO3VCQUFDLGFBQWE7d0JBUW5DLEtBQUs7a0JBREosS0FBSztZQUlOLE1BQU07a0JBREwsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5qZWN0LCBJbnB1dCwgT3B0aW9uYWwsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWN0aW9uIH0gZnJvbSAnQG5nLWF0b21pYy9jb21tb24vbW9kZWxzJztcbmltcG9ydCB7IERhdGFBY2Nlc3NvciwgREFUQV9BQ0NFU1NPUiwgZGVmYXVsdERhdGFBY2Nlc3NvciB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL3BpcGVzL2RhdGEtYWNjZXNzb3InO1xuXG5leHBvcnQgZW51bSBBY3Rpb25JZCB7XG4gIENMSUNLX0lURU0gPSAnW0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvc21hcnQtbGlzdF0gQ2xpY2sgSXRlbScsXG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ29yZ2FuaXNtcy1zbWFydC1saXN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NtYXJ0LWxpc3Qub3JnYW5pc20uaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NtYXJ0LWxpc3Qub3JnYW5pc20uc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBTbWFydExpc3RPcmdhbmlzbTxUPiB7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQE9wdGlvbmFsKCkgQEluamVjdChEQVRBX0FDQ0VTU09SKSBwcml2YXRlIGRhdGFBY2Nlc3NvcjogRGF0YUFjY2Vzc29yPFQ+XG4gICkge1xuICAgIHRoaXMuZGF0YUFjY2Vzc29yID8/PSBkZWZhdWx0RGF0YUFjY2Vzc29yO1xuICB9XG5cbiAgc3RhdHVzQWNjZXNzb3IgPSAoZGF0YSkgPT4gZGF0YVsnc3RhdHVzJ107XG5cbiAgQElucHV0KClcbiAgaXRlbXM6IFRbXSA9IFtdO1xuXG4gIEBPdXRwdXQoKVxuICBhY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyPEFjdGlvbj4oKTtcblxuICBnZXQgc3RhdHVzTWFwKCkge1xuICAgIHJldHVybiB0aGlzLml0ZW1zLnJlZHVjZSgoYWNjLCBpdGVtKSA9PiB7XG4gICAgICBjb25zdCBrZXkgPSB0aGlzLmRhdGFBY2Nlc3NvcihpdGVtLCAnX19zdGF0dXMnKTtcbiAgICAgIGFjY1trZXldID8/PSBbXSxcbiAgICAgIGFjY1trZXldLnB1c2goaXRlbSk7XG4gICAgICByZXR1cm4gYWNjO1xuICAgIH0sIHt9IGFzIHsgW2lkOiBzdHJpbmddOiBhbnlbXSB9KTtcbiAgfVxuXG4gIGdldCBzdGF0dXNlcygpIHtcbiAgICByZXR1cm4gT2JqZWN0LmtleXModGhpcy5zdGF0dXNNYXApO1xuICB9XG5cbiAgcHJvdGVjdGVkIG9uSXRlbUNsaWNrKGl0ZW06IFQpIHtcbiAgICB0aGlzLmFjdGlvbi5lbWl0KHtcbiAgICAgIGlkOiBBY3Rpb25JZC5DTElDS19JVEVNLFxuICAgICAgcGF5bG9hZDogaXRlbSxcbiAgICB9KTtcbiAgfVxufVxuIiwiPG1hdC1saXN0PlxuICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBzdGF0dXMgb2Ygc3RhdHVzZXNcIj5cbiAgICA8ZGl2IG1hdC1zdWJoZWFkZXI+IHt7IHN0YXR1cyB9fTwvZGl2PlxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGl0ZW0gb2Ygc3RhdHVzTWFwW3N0YXR1c11cIj5cbiAgICAgIDxtYXQtbGlzdC1pdGVtIGxpbmVzPVwiMlwiIG1hdFJpcHBsZSAoY2xpY2spPVwib25JdGVtQ2xpY2soaXRlbSlcIj5cbiAgICAgICAgPHNwYW4gbWF0LWxpbmU+e3sgaXRlbSB8IGRhdGFBY2Nlc3NvcjonX190aXRsZScgfX08L3NwYW4+XG4gICAgICAgIDxzcGFuIG1hdC1saW5lPnt7IGl0ZW0gfCBkYXRhQWNjZXNzb3I6J19fZGVzYycgfX08L3NwYW4+XG4gICAgICA8L21hdC1saXN0LWl0ZW0+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPG1hdC1kaXZpZGVyPjwvbWF0LWRpdmlkZXI+XG4gIDwvbmctY29udGFpbmVyPlxuPC9tYXQtbGlzdD5cbiJdfQ==
|