@ng-atomic/components 17.3.4 → 17.4.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/esm2022/atoms/icon/icon.atom.mjs +2 -2
- package/esm2022/frames/app/app.frame.mjs +4 -3
- package/esm2022/frames/auto-layout/auto-layout.frame.mjs +2 -2
- package/esm2022/frames/columns/columns.frame.mjs +2 -2
- package/esm2022/frames/divider/divider.frame.mjs +2 -2
- package/esm2022/frames/drawer/drawer.frame.mjs +2 -2
- package/esm2022/frames/fab/fab.frame.mjs +2 -2
- package/esm2022/frames/line-up/line-up.frame.mjs +2 -2
- package/esm2022/frames/loading/loading.frame.mjs +2 -2
- package/esm2022/frames/overlay/overlay.frame.mjs +2 -2
- package/esm2022/frames/router-outlet/router-outlet.frame.mjs +2 -2
- package/esm2022/frames/scroll/scroll.frame.mjs +2 -2
- package/esm2022/frames/scroll-v2/scroll.frame.mjs +2 -2
- package/esm2022/frames/side-nav/side-nav.frame.mjs +2 -2
- package/esm2022/frames/smart-menu/smart-menu.frame.mjs +2 -2
- package/esm2022/frames/vertical-hide/vertical-hide.frame.mjs +2 -2
- package/esm2022/molecules/date-input-field/date-input-field.molecule.mjs +2 -2
- package/esm2022/molecules/date-range-input-field/date-range-input-field.molecule.mjs +2 -2
- package/esm2022/molecules/grid-item/grid-item.molecule.mjs +2 -2
- package/esm2022/molecules/loading-box/loading-box.molecule.mjs +2 -2
- package/esm2022/molecules/navigation-list-item/navigation-list-item.molecule.mjs +2 -2
- package/esm2022/molecules/select-input-field/select-input-field.molecule.mjs +2 -2
- package/esm2022/organisms/action-buttons-section/action-buttons-section.organism.mjs +2 -2
- package/esm2022/organisms/action-input-section/action-input-section.organism.mjs +2 -2
- package/esm2022/organisms/card-input-section/card-input-section.organism.mjs +2 -2
- package/esm2022/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.mjs +2 -2
- package/esm2022/organisms/date-input-section/date-input-section.organism.mjs +2 -2
- package/esm2022/organisms/date-range-input-section/date-range-input-section.organism.mjs +2 -2
- package/esm2022/organisms/definition-list/definition-list.organism.mjs +2 -2
- package/esm2022/organisms/file-input-section/file-input-section.organism.mjs +2 -2
- package/esm2022/organisms/grid-cards-section/grid-cards-section.organism.mjs +2 -2
- package/esm2022/organisms/heading/heading.organism.mjs +2 -2
- package/esm2022/organisms/menu-footer/menu-footer.organism.mjs +2 -2
- package/esm2022/organisms/menu-header/menu-header.organism.mjs +2 -2
- package/esm2022/organisms/messages-section/messages-section.organism.mjs +2 -2
- package/esm2022/organisms/navigation-list/navigation-list.organism.mjs +2 -2
- package/esm2022/organisms/navigator/navigator.organism.mjs +2 -2
- package/esm2022/organisms/number-input-section/number-input-section.organism.mjs +2 -2
- package/esm2022/organisms/password-input-section/password-input-section.organism.mjs +2 -2
- package/esm2022/organisms/select-input-section/select-input-section.organism.mjs +2 -2
- package/esm2022/organisms/social-login-section/social-login-section.organism.mjs +2 -2
- package/esm2022/organisms/table/table.organism.mjs +2 -2
- package/esm2022/organisms/text-input-section/text-input-section.organism.mjs +2 -2
- package/esm2022/organisms/textarea-section/textarea-section.organism.mjs +2 -2
- package/esm2022/organisms/thread-messages-section/thread-messages-section.organism.mjs +2 -2
- package/esm2022/pages/_index/index.page.mjs +2 -2
- package/esm2022/pages/form/form.page.mjs +2 -2
- package/esm2022/templates/_index/index.template.mjs +2 -2
- package/esm2022/templates/background/background.template.mjs +2 -2
- package/esm2022/templates/entrance/entrance.template.mjs +2 -2
- package/esm2022/templates/form/form.template.mjs +2 -2
- package/esm2022/templates/icon-button-menu/icon-button-menu.template.mjs +2 -2
- package/esm2022/templates/menu/menu.template.mjs +2 -2
- package/esm2022/templates/selection/selection.template.mjs +2 -2
- package/esm2022/templates/settings/settings.template.mjs +2 -2
- package/fesm2022/ng-atomic-components-atoms-icon.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-app.mjs +3 -2
- package/fesm2022/ng-atomic-components-frames-app.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-frames-auto-layout.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-columns.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-divider.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-drawer.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-fab.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-line-up.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-loading.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-overlay.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-router-outlet.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-scroll-v2.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-scroll.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-side-nav.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-smart-menu.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-vertical-hide.mjs +2 -2
- package/fesm2022/ng-atomic-components-molecules-date-input-field.mjs +2 -2
- package/fesm2022/ng-atomic-components-molecules-date-range-input-field.mjs +2 -2
- package/fesm2022/ng-atomic-components-molecules-grid-item.mjs +2 -2
- package/fesm2022/ng-atomic-components-molecules-loading-box.mjs +2 -2
- package/fesm2022/ng-atomic-components-molecules-navigation-list-item.mjs +2 -2
- package/fesm2022/ng-atomic-components-molecules-select-input-field.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-action-buttons-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-action-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-card-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-date-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-date-range-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-definition-list.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-file-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-grid-cards-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-heading.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-menu-footer.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-menu-header.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-messages-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-navigation-list.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-navigator.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-number-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-password-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-select-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-social-login-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-table.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-text-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-textarea-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-thread-messages-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-pages-_index.mjs +2 -2
- package/fesm2022/ng-atomic-components-pages-form.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-_index.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-background.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-entrance.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-form.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-icon-button-menu.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-menu.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-selection.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-settings.mjs +2 -2
- package/frames/app/app.frame.d.ts +1 -0
- package/package.json +3 -3
|
@@ -47,7 +47,7 @@ class SelectInputSectionOrganism extends NgAtomicComponent {
|
|
|
47
47
|
[actions]="store.actions()"
|
|
48
48
|
(action)="dispatch($event)"
|
|
49
49
|
/>
|
|
50
|
-
}`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-
|
|
50
|
+
}`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-BTzp: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-BTzp) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-select-input-section-BTzp)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "component", type: SelectInputFieldMolecule, selector: "molecules-select-input-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
51
51
|
}
|
|
52
52
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SelectInputSectionOrganism, decorators: [{
|
|
53
53
|
type: Component,
|
|
@@ -73,7 +73,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
73
73
|
directive: SelectInputSectionOrganismStore,
|
|
74
74
|
inputs: ['actions', 'hint', 'placeholder', 'label', 'control', 'options', 'multiple'],
|
|
75
75
|
}
|
|
76
|
-
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-
|
|
76
|
+
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-BTzp: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-BTzp) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-select-input-section-BTzp)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
|
|
77
77
|
}] });
|
|
78
78
|
|
|
79
79
|
/**
|
|
@@ -9,14 +9,14 @@ class SocialLoginSectionOrganism {
|
|
|
9
9
|
this.signInWithGoogleButtonClick = new EventEmitter();
|
|
10
10
|
}
|
|
11
11
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SocialLoginSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: SocialLoginSectionOrganism, isStandalone: true, selector: "organisms-social-login-section", outputs: { signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, ngImport: i0, template: "<button \n mat-raised-button \n color=\"primary\" \n (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: SocialLoginSectionOrganism, isStandalone: true, selector: "organisms-social-login-section", outputs: { signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, ngImport: i0, template: "<button \n mat-raised-button \n color=\"primary\" \n (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-Jiv7: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-Jiv7);box-sizing:border-box}:host button{width:100%;height:56px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
13
13
|
}
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SocialLoginSectionOrganism, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
16
|
args: [{ selector: 'organisms-social-login-section', standalone: true, imports: [
|
|
17
17
|
CommonModule,
|
|
18
18
|
MatButtonModule,
|
|
19
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n mat-raised-button \n color=\"primary\" \n (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-
|
|
19
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n mat-raised-button \n color=\"primary\" \n (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-Jiv7: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-Jiv7);box-sizing:border-box}:host button{width:100%;height:56px}\n"] }]
|
|
20
20
|
}], propDecorators: { signInWithGoogleButtonClick: [{
|
|
21
21
|
type: Output
|
|
22
22
|
}] } });
|
|
@@ -297,7 +297,7 @@ class TableOrganism extends NgAtomicComponent {
|
|
|
297
297
|
></tr>
|
|
298
298
|
<div class="mat-row" *matNoDataRow>No Data</div>
|
|
299
299
|
</table>
|
|
300
|
-
`, isInline: true, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-
|
|
300
|
+
`, isInline: true, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-ybtf: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-ybtf: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-ybtf: var(--column-vertical-padding)}:host{position:relative;display:block;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-ybtf)}:host table ::ng-deep tr.highlight{background-color:#f0f0f0;transition:background-color .5s}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-ybtf) - var(--cell-SCOPED-IN-smart-table-ybtf) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-ybtf) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-ybtf) * 2)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i1.MatRecycleRows, selector: "mat-table[recycleRows], table[mat-table][recycleRows]" }, { kind: "directive", type: i1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "component", type: i1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i1.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: MatMenuModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: ActionsColumnMolecule, selector: "molecules-actions-column" }, { kind: "component", type: CheckboxColumnMolecule, selector: "molecules-checkbox-column", inputs: ["name", "selection", "isHidden"] }, { kind: "component", type: SmartColumnMolecule, selector: "molecules-smart-column", inputs: ["headerText", "name"], outputs: ["headerClick"] }, { kind: "component", type: TreeColumnMolecule, selector: "molecules-tree-column", outputs: ["headerClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
301
301
|
}
|
|
302
302
|
__decorate([
|
|
303
303
|
Effect(CheckboxColumnMolecule.ActionId.CHECKBOX_CLICK),
|
|
@@ -382,7 +382,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
382
382
|
directive: TableOrganismStore,
|
|
383
383
|
inputs: ['form', 'itemActions', 'selection', 'items', 'childrenKey', 'highlight'],
|
|
384
384
|
},
|
|
385
|
-
], host: { class: 'organism' }, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-
|
|
385
|
+
], host: { class: 'organism' }, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-ybtf: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-ybtf: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-ybtf: var(--column-vertical-padding)}:host{position:relative;display:block;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-ybtf)}:host table ::ng-deep tr.highlight{background-color:#f0f0f0;transition:background-color .5s}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-ybtf) - var(--cell-SCOPED-IN-smart-table-ybtf) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-ybtf) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-ybtf) * 2)}\n"] }]
|
|
386
386
|
}], propDecorators: { onCheckboxClick: [] } });
|
|
387
387
|
|
|
388
388
|
/**
|
|
@@ -48,7 +48,7 @@ class TextInputSectionOrganism extends NgAtomicComponent {
|
|
|
48
48
|
(action)="dispatch($event)"
|
|
49
49
|
/>
|
|
50
50
|
}
|
|
51
|
-
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-
|
|
51
|
+
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-OHRH: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-OHRH) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-OHRH)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "directive", type: TextInputFieldMoleculeStore, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "pattern", "autoComplete"] }, { kind: "directive", type: SmartMenuButtonAtomStore, selector: "atoms-smart-menu-button", inputs: ["actions", "type"] }] }); }
|
|
52
52
|
}
|
|
53
53
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextInputSectionOrganism, decorators: [{
|
|
54
54
|
type: Component,
|
|
@@ -75,7 +75,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
75
75
|
directive: TextInputSectionOrganismStore,
|
|
76
76
|
inputs: ['label', 'placeholder', 'type', 'hint', 'control', 'autoComplete', 'actions'],
|
|
77
77
|
}
|
|
78
|
-
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-
|
|
78
|
+
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-OHRH: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-OHRH) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-OHRH)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
|
|
79
79
|
}] });
|
|
80
80
|
|
|
81
81
|
/**
|
|
@@ -51,7 +51,7 @@ class TextareaSectionOrganism extends NgAtomicComponent {
|
|
|
51
51
|
(action)="dispatch($event)"
|
|
52
52
|
/>
|
|
53
53
|
}
|
|
54
|
-
`, isInline: true, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-
|
|
54
|
+
`, isInline: true, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-8RIO: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-8RIO);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-smart-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"], dependencies: [{ kind: "component", type: TextareaFieldMolecule, selector: "molecules-textarea-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
55
55
|
}
|
|
56
56
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextareaSectionOrganism, decorators: [{
|
|
57
57
|
type: Component,
|
|
@@ -80,7 +80,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
80
80
|
directive: TextareaSectionOrganismStore,
|
|
81
81
|
inputs: ['appearance', 'label', 'rows', 'placeholder', 'floatLabel', 'hint', 'control', 'actions'],
|
|
82
82
|
}
|
|
83
|
-
], styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-
|
|
83
|
+
], styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-8RIO: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-8RIO);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-smart-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"] }]
|
|
84
84
|
}] });
|
|
85
85
|
|
|
86
86
|
/**
|
|
@@ -64,7 +64,7 @@ class ThreadMessagesSectionOrganism extends NgAtomicComponent {
|
|
|
64
64
|
</div>
|
|
65
65
|
<mat-divider />
|
|
66
66
|
}
|
|
67
|
-
`, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-
|
|
67
|
+
`, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-vews: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-vews: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-vews: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-vews: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-vews: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-vews: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-vews)}:host .message{padding:8px 16px}:host .message .header{display:flex;justify-content:flex-start;align-items:center;padding:8px 0;box-sizing:border-box;gap:8px}:host .message .header .name{font-size:14px;font-weight:700}:host .message .header .description{display:flex;justify-content:flex-start;gap:4px;font-size:12px}:host .message .header img{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color-SCOPED-IN-%COMP%-vews)}:host .message .content{font-size:14px;padding-bottom:24px;box-sizing:border-box}:host .message .bottom.actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}:host .message .bottom.actions button{height:32px;padding:0 8px;--mdc-outlined-button-label-text-size: 12px}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: ActionsPipe, name: "resolveActions" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: FallbackSrcDirective, selector: "[fallbackSrc]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
68
68
|
}
|
|
69
69
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThreadMessagesSectionOrganism, decorators: [{
|
|
70
70
|
type: Component,
|
|
@@ -115,7 +115,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
115
115
|
directive: ThreadMessagesSectionOrganismStore,
|
|
116
116
|
inputs: ['comments', 'noCommentMessage', 'commentActions']
|
|
117
117
|
}
|
|
118
|
-
], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-
|
|
118
|
+
], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-vews: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-vews: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-vews: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-vews: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-vews: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-vews: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-vews)}:host .message{padding:8px 16px}:host .message .header{display:flex;justify-content:flex-start;align-items:center;padding:8px 0;box-sizing:border-box;gap:8px}:host .message .header .name{font-size:14px;font-weight:700}:host .message .header .description{display:flex;justify-content:flex-start;gap:4px;font-size:12px}:host .message .header img{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color-SCOPED-IN-%COMP%-vews)}:host .message .content{font-size:14px;padding-bottom:24px;box-sizing:border-box}:host .message .bottom.actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}:host .message .bottom.actions button{height:32px;padding:0 8px;--mdc-outlined-button-label-text-size: 12px}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\n"] }]
|
|
119
119
|
}] });
|
|
120
120
|
|
|
121
121
|
/**
|
|
@@ -113,7 +113,7 @@ class IndexPage extends NgAtomicComponent {
|
|
|
113
113
|
(action)="dispatch($event)"
|
|
114
114
|
/>
|
|
115
115
|
</frames-router-outlet>
|
|
116
|
-
`, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-
|
|
116
|
+
`, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-DWVd: var(--page-width-lv3);--primary-color-SCOPED-IN-index-DWVd: var(--primary-color);--on-primary-color-SCOPED-IN-index-DWVd: var(--on-primary-color);--surface-color-SCOPED-IN-index-DWVd: var(--surface-color);--on-surface-color-SCOPED-IN-index-DWVd: var(--on-surface-color);--on-background-color-SCOPED-IN-index-DWVd: var(--on-background-color);--background-color-SCOPED-IN-index-DWVd: var(--background-color)}:host .template{width:var(--page-width-lv3-SCOPED-IN-index-DWVd)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-DWVd);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-DWVd);--surface-color: var(--surface-color-SCOPED-IN-index-DWVd);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-DWVd);--background-color: var(--background-color-SCOPED-IN-index-DWVd);--on-background-color: var(--on-background-color-SCOPED-IN-index-DWVd)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet" }, { kind: "component", type: IndexTemplate, selector: "templates-index" }] }); }
|
|
117
117
|
}
|
|
118
118
|
__decorate([
|
|
119
119
|
Effect(IndexTemplate.ActionId.BACK),
|
|
@@ -154,7 +154,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
154
154
|
(action)="dispatch($event)"
|
|
155
155
|
/>
|
|
156
156
|
</frames-router-outlet>
|
|
157
|
-
`, hostDirectives: [IndexPageStore], styles: [":host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-
|
|
157
|
+
`, hostDirectives: [IndexPageStore], styles: [":host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-DWVd: var(--page-width-lv3);--primary-color-SCOPED-IN-index-DWVd: var(--primary-color);--on-primary-color-SCOPED-IN-index-DWVd: var(--on-primary-color);--surface-color-SCOPED-IN-index-DWVd: var(--surface-color);--on-surface-color-SCOPED-IN-index-DWVd: var(--on-surface-color);--on-background-color-SCOPED-IN-index-DWVd: var(--on-background-color);--background-color-SCOPED-IN-index-DWVd: var(--background-color)}:host .template{width:var(--page-width-lv3-SCOPED-IN-index-DWVd)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-DWVd);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-DWVd);--surface-color: var(--surface-color-SCOPED-IN-index-DWVd);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-DWVd);--background-color: var(--background-color-SCOPED-IN-index-DWVd);--on-background-color: var(--on-background-color-SCOPED-IN-index-DWVd)}\n"] }]
|
|
158
158
|
}], propDecorators: { back: [], checkboxClick: [], itemClick: [] } });
|
|
159
159
|
|
|
160
160
|
/**
|
|
@@ -128,7 +128,7 @@ class FormPage extends NgAtomicComponent {
|
|
|
128
128
|
(action)="dispatch($event)"
|
|
129
129
|
/>
|
|
130
130
|
</frames-router-outlet>
|
|
131
|
-
`, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-
|
|
131
|
+
`, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-Q9J2: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-form-Q9J2: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-form-Q9J2: var(--page-width-lv3);--primary-color-SCOPED-IN-form-Q9J2: var(--primary-color);--on-primary-color-SCOPED-IN-form-Q9J2: var(--on-primary-color);--surface-color-SCOPED-IN-form-Q9J2: var(--surface-color);--on-surface-color-SCOPED-IN-form-Q9J2: var(--on-surface-color);--on-background-color-SCOPED-IN-form-Q9J2: var(--on-background-color);--background-color-SCOPED-IN-form-Q9J2: var(--background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-form-Q9J2)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-Q9J2);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-Q9J2);--surface-color: var(--surface-color-SCOPED-IN-form-Q9J2);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-Q9J2);--background-color: var(--background-color-SCOPED-IN-form-Q9J2);--on-background-color: var(--on-background-color-SCOPED-IN-form-Q9J2)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet" }, { kind: "component", type: FormTemplate, selector: "templates-form" }] }); }
|
|
132
132
|
}
|
|
133
133
|
__decorate([
|
|
134
134
|
Effect(FormTemplate.ActionId.BACK),
|
|
@@ -175,7 +175,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
175
175
|
'formFlatExcludes',
|
|
176
176
|
],
|
|
177
177
|
},
|
|
178
|
-
], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-
|
|
178
|
+
], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-Q9J2: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-form-Q9J2: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-form-Q9J2: var(--page-width-lv3);--primary-color-SCOPED-IN-form-Q9J2: var(--primary-color);--on-primary-color-SCOPED-IN-form-Q9J2: var(--on-primary-color);--surface-color-SCOPED-IN-form-Q9J2: var(--surface-color);--on-surface-color-SCOPED-IN-form-Q9J2: var(--on-surface-color);--on-background-color-SCOPED-IN-form-Q9J2: var(--on-background-color);--background-color-SCOPED-IN-form-Q9J2: var(--background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-form-Q9J2)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-Q9J2);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-Q9J2);--surface-color: var(--surface-color-SCOPED-IN-form-Q9J2);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-Q9J2);--background-color: var(--background-color-SCOPED-IN-form-Q9J2);--on-background-color: var(--on-background-color-SCOPED-IN-form-Q9J2)}\n"] }]
|
|
179
179
|
}], propDecorators: { back: [], fileSelected: [] } });
|
|
180
180
|
|
|
181
181
|
/**
|
|
@@ -235,7 +235,7 @@ class IndexTemplate extends NgAtomicComponent {
|
|
|
235
235
|
}
|
|
236
236
|
</frames-auto-layout>
|
|
237
237
|
</frames-scroll>
|
|
238
|
-
`, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-index-
|
|
238
|
+
`, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-index-LPsU: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-LPsU: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-LPsU: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-LPsU: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-LPsU: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-LPsU: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-LPsU: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-LPsU: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-LPsU: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-LPsU);--navigator-background-color-SCOPED-IN-index-LPsU: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-LPsU);--navigator-on-background-color-SCOPED-IN-index-LPsU: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-LPsU: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-LPsU: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-LPsU);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-index-LPsU);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-LPsU)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-LPsU);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-LPsU);--surface-color: var(--surface-color-SCOPED-IN-index-LPsU);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-LPsU);--background-color: var(--background-color-SCOPED-IN-index-LPsU);--on-background-color: var(--on-background-color-SCOPED-IN-index-LPsU)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-LPsU);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-LPsU)}\n"], dependencies: [{ kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: SmartListOrganism, selector: "organisms-smart-list" }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
239
239
|
}
|
|
240
240
|
__decorate([
|
|
241
241
|
Effect(TableOrganism.ActionId.HEADER_CLICK),
|
|
@@ -375,7 +375,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
375
375
|
}
|
|
376
376
|
], providers: [
|
|
377
377
|
QueryResolverService,
|
|
378
|
-
], styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-index-
|
|
378
|
+
], styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-index-LPsU: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-LPsU: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-LPsU: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-LPsU: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-LPsU: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-LPsU: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-LPsU: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-LPsU: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-LPsU: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-LPsU);--navigator-background-color-SCOPED-IN-index-LPsU: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-LPsU);--navigator-on-background-color-SCOPED-IN-index-LPsU: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-LPsU: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-LPsU: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-LPsU);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-index-LPsU);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-LPsU)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-LPsU);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-LPsU);--surface-color: var(--surface-color-SCOPED-IN-index-LPsU);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-LPsU);--background-color: var(--background-color-SCOPED-IN-index-LPsU);--on-background-color: var(--on-background-color-SCOPED-IN-index-LPsU)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-LPsU);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-LPsU)}\n"] }]
|
|
379
379
|
}], propDecorators: { onTableHeaderClick: [], onCheckboxClickItem: [], onItemClicked: [], onItemButtonClicked: [], back: [] } });
|
|
380
380
|
|
|
381
381
|
/**
|
|
@@ -19,13 +19,13 @@ class BackgroundTemplate {
|
|
|
19
19
|
this.store = inject(BackgroundTemplateStore);
|
|
20
20
|
}
|
|
21
21
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: BackgroundTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: BackgroundTemplate, isStandalone: true, selector: "templates-background", hostDirectives: [{ directive: BackgroundTemplateStore }], ngImport: i0, template: ``, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--background-color: #000000;--background-color-SCOPED-IN-background-
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: BackgroundTemplate, isStandalone: true, selector: "templates-background", hostDirectives: [{ directive: BackgroundTemplateStore }], ngImport: i0, template: ``, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--background-color: #000000;--background-color-SCOPED-IN-background-IHKU: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-background-IHKU: var(--on-background-color)}:host{width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-background-IHKU);color:var(--on-background-color-SCOPED-IN-background-IHKU)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
23
23
|
}
|
|
24
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: BackgroundTemplate, decorators: [{
|
|
25
25
|
type: Component,
|
|
26
26
|
args: [{ selector: 'templates-background', standalone: true, imports: [], template: ``, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
27
27
|
BackgroundTemplateStore,
|
|
28
|
-
], styles: [":host{width:100%;height:100%;background:#fff;display:block;--background-color: #000000;--background-color-SCOPED-IN-background-
|
|
28
|
+
], styles: [":host{width:100%;height:100%;background:#fff;display:block;--background-color: #000000;--background-color-SCOPED-IN-background-IHKU: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-background-IHKU: var(--on-background-color)}:host{width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-background-IHKU);color:var(--on-background-color-SCOPED-IN-background-IHKU)}\n"] }]
|
|
29
29
|
}] });
|
|
30
30
|
|
|
31
31
|
/**
|
|
@@ -82,7 +82,7 @@ class EntranceTemplate extends NgAtomicComponent {
|
|
|
82
82
|
}
|
|
83
83
|
</frames-auto-layout>
|
|
84
84
|
</frames-card>
|
|
85
|
-
`, isInline: true, styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-
|
|
85
|
+
`, isInline: true, styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-inv2: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-inv2: var(--background-color);--page-width-lv1-SCOPED-IN-entrance-inv2: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-inv2);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-inv2)}\n"], dependencies: [{ kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: CardFrame, selector: "frames-card" }, { kind: "component", type: HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
86
86
|
}
|
|
87
87
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: EntranceTemplate, decorators: [{
|
|
88
88
|
type: Component,
|
|
@@ -129,7 +129,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
129
129
|
directive: EntranceTemplateStore,
|
|
130
130
|
inputs: ['form', 'actions', 'title'],
|
|
131
131
|
},
|
|
132
|
-
], styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-
|
|
132
|
+
], styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-inv2: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-inv2: var(--background-color);--page-width-lv1-SCOPED-IN-entrance-inv2: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-inv2);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-inv2)}\n"] }]
|
|
133
133
|
}] });
|
|
134
134
|
|
|
135
135
|
/**
|
|
@@ -269,7 +269,7 @@ class FormTemplate extends NgAtomicComponent {
|
|
|
269
269
|
/>
|
|
270
270
|
</frames-auto-layout>
|
|
271
271
|
</frames-scroll>
|
|
272
|
-
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-
|
|
272
|
+
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-rDBF: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-rDBF: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-rDBF: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-rDBF: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-rDBF: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-rDBF: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-rDBF: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-rDBF: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-rDBF: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-rDBF: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-rDBF);--navigator-background-color-SCOPED-IN-form-rDBF: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-rDBF);--navigator-on-background-color-SCOPED-IN-form-rDBF: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-rDBF)}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-form-rDBF);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-rDBF)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-rDBF)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-rDBF);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-rDBF)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-rDBF);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-rDBF);--surface-color: var(--surface-color-SCOPED-IN-form-rDBF);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-rDBF);--background-color: var(--background-color-SCOPED-IN-form-rDBF);--on-background-color: var(--on-background-color-SCOPED-IN-form-rDBF)}\n"], dependencies: [{ kind: "pipe", type: DomainPipe, name: "domain" }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "directive", type: ActionButtonsSectionOrganismStore, selector: "organisms-action-buttons-section", inputs: ["actions", "type"] }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "component", type: DateInputSectionOrganism, selector: "organisms-date-input-section" }, { kind: "component", type: DateRangeInputSectionOrganism, selector: "organisms-date-range-input-section" }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
273
273
|
}
|
|
274
274
|
__decorate([
|
|
275
275
|
Effect(NavActionId.BACK),
|
|
@@ -461,7 +461,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
461
461
|
'fieldMap',
|
|
462
462
|
],
|
|
463
463
|
},
|
|
464
|
-
], host: { class: 'template' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-
|
|
464
|
+
], host: { class: 'template' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-rDBF: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-rDBF: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-rDBF: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-rDBF: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-rDBF: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-rDBF: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-rDBF: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-rDBF: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-rDBF: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-rDBF: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-rDBF);--navigator-background-color-SCOPED-IN-form-rDBF: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-rDBF);--navigator-on-background-color-SCOPED-IN-form-rDBF: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-rDBF)}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-form-rDBF);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-rDBF)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-rDBF)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-rDBF);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-rDBF)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-rDBF);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-rDBF);--surface-color: var(--surface-color-SCOPED-IN-form-rDBF);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-rDBF);--background-color: var(--background-color-SCOPED-IN-form-rDBF);--on-background-color: var(--on-background-color-SCOPED-IN-form-rDBF)}\n"] }]
|
|
465
465
|
}], propDecorators: { back: [] } });
|
|
466
466
|
|
|
467
467
|
/**
|
|
@@ -34,7 +34,7 @@ class IconButtonMenuTemplate extends NgAtomicComponent {
|
|
|
34
34
|
<mat-icon>{{ action.icon }}</mat-icon>
|
|
35
35
|
</button>
|
|
36
36
|
}
|
|
37
|
-
`, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-
|
|
37
|
+
`, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-6Tz0: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-6Tz0: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-6Tz0: var(--secondary-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-6Tz0: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;background-color:var(--primary-color-SCOPED-IN-icon-button-menu-6Tz0)}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-6Tz0)}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
38
38
|
}
|
|
39
39
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: IconButtonMenuTemplate, decorators: [{
|
|
40
40
|
type: Component,
|
|
@@ -52,7 +52,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
52
52
|
directive: IconButtonMenuTemplateStore,
|
|
53
53
|
inputs: ['actions'],
|
|
54
54
|
},
|
|
55
|
-
], styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-
|
|
55
|
+
], styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-6Tz0: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-6Tz0: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-6Tz0: var(--secondary-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-6Tz0: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;background-color:var(--primary-color-SCOPED-IN-icon-button-menu-6Tz0)}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-6Tz0)}\n"] }]
|
|
56
56
|
}] });
|
|
57
57
|
|
|
58
58
|
/**
|
|
@@ -37,7 +37,7 @@ class MenuTemplate extends NgAtomicComponent {
|
|
|
37
37
|
/>
|
|
38
38
|
</div>
|
|
39
39
|
<organisms-menu-footer injectable/>
|
|
40
|
-
`, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-
|
|
40
|
+
`, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-MFgJ: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-MFgJ: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-MFgJ: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-MFgJ: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-MFgJ: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-MFgJ: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-MFgJ: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-MFgJ: var(--width);--height: 100%;--height-SCOPED-IN-menu-MFgJ: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-MFgJ);height:var(--height-SCOPED-IN-menu-MFgJ);color:var(--on-background-color-SCOPED-IN-menu-MFgJ);background-color:var(--background-color-SCOPED-IN-menu-MFgJ);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-MFgJ);--background-color: var(--background-color-SCOPED-IN-menu-MFgJ);--surface-color: var(--surface-color-SCOPED-IN-menu-MFgJ);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-MFgJ);--on-background-color: var(--on-background-color-SCOPED-IN-menu-MFgJ);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-MFgJ)}\n"], dependencies: [{ kind: "directive", type: MenuHeaderOrganismStore, selector: "organisms-menu-header", inputs: ["title"] }, { kind: "directive", type: NavigationListOrganismStore, selector: "organisms-navigation-list", inputs: ["actions"] }, { kind: "directive", type: MenuFooterOrganismStore, selector: "organisms-menu-footer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
41
41
|
}
|
|
42
42
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuTemplate, decorators: [{
|
|
43
43
|
type: Component,
|
|
@@ -59,7 +59,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
59
59
|
directive: MenuTemplateStore,
|
|
60
60
|
inputs: ['actions', 'title'],
|
|
61
61
|
},
|
|
62
|
-
], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-
|
|
62
|
+
], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-MFgJ: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-MFgJ: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-MFgJ: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-MFgJ: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-MFgJ: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-MFgJ: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-MFgJ: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-MFgJ: var(--width);--height: 100%;--height-SCOPED-IN-menu-MFgJ: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-MFgJ);height:var(--height-SCOPED-IN-menu-MFgJ);color:var(--on-background-color-SCOPED-IN-menu-MFgJ);background-color:var(--background-color-SCOPED-IN-menu-MFgJ);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-MFgJ);--background-color: var(--background-color-SCOPED-IN-menu-MFgJ);--surface-color: var(--surface-color-SCOPED-IN-menu-MFgJ);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-MFgJ);--on-background-color: var(--on-background-color-SCOPED-IN-menu-MFgJ);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-MFgJ)}\n"] }]
|
|
63
63
|
}] });
|
|
64
64
|
|
|
65
65
|
/**
|
|
@@ -70,7 +70,7 @@ class SelectionTemplate extends NgAtomicComponent {
|
|
|
70
70
|
bottom
|
|
71
71
|
/>
|
|
72
72
|
</frames-scroll>
|
|
73
|
-
`, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-selection-
|
|
73
|
+
`, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-selection-TXbp: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-TXbp: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-TXbp: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-TXbp: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-TXbp: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-TXbp: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-TXbp: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-TXbp: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-TXbp: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-TXbp);--navigator-background-color-SCOPED-IN-selection-TXbp: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-TXbp);--navigator-on-background-color-SCOPED-IN-selection-TXbp: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-TXbp: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-TXbp: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-TXbp);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-selection-TXbp);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-TXbp)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-TXbp);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-TXbp);--surface-color: var(--surface-color-SCOPED-IN-selection-TXbp);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-TXbp);--background-color: var(--background-color-SCOPED-IN-selection-TXbp);--on-background-color: var(--on-background-color-SCOPED-IN-selection-TXbp)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-TXbp);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-TXbp)}:host organisms-action-buttons-section{margin-bottom:24px}\n"], dependencies: [{ kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator" }, { kind: "component", type: HeaderMolecule, selector: "molecules-header" }, { kind: "component", type: SelectionListOrganism, selector: "organisms-selection-list", inputs: ["items", "itemActions", "selection"] }, { kind: "component", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
74
74
|
}
|
|
75
75
|
__decorate([
|
|
76
76
|
Effect(SelectionListOrganism.ActionId.TOGGLE_OPTION),
|
|
@@ -114,7 +114,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
114
114
|
directive: SelectionTemplateStore,
|
|
115
115
|
inputs: ['navStartActions', 'navEndActions', 'actions', 'itemActions', 'title', 'items', 'selection'],
|
|
116
116
|
},
|
|
117
|
-
], host: { class: 'template' }, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-selection-
|
|
117
|
+
], host: { class: 'template' }, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-selection-TXbp: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-TXbp: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-TXbp: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-TXbp: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-TXbp: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-TXbp: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-TXbp: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-TXbp: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-TXbp: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-TXbp);--navigator-background-color-SCOPED-IN-selection-TXbp: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-TXbp);--navigator-on-background-color-SCOPED-IN-selection-TXbp: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-TXbp: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-TXbp: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-TXbp);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-selection-TXbp);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-TXbp)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-TXbp);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-TXbp);--surface-color: var(--surface-color-SCOPED-IN-selection-TXbp);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-TXbp);--background-color: var(--background-color-SCOPED-IN-selection-TXbp);--on-background-color: var(--on-background-color-SCOPED-IN-selection-TXbp)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-TXbp);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-TXbp)}:host organisms-action-buttons-section{margin-bottom:24px}\n"] }]
|
|
118
118
|
}], propDecorators: { toggleOption: [] } });
|
|
119
119
|
|
|
120
120
|
/**
|
|
@@ -65,7 +65,7 @@ class SettingsTemplate extends NgAtomicComponent {
|
|
|
65
65
|
</mat-list-item>
|
|
66
66
|
</mat-list>
|
|
67
67
|
</div>
|
|
68
|
-
</frames-scroll>`, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-
|
|
68
|
+
</frames-scroll>`, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-Mc01: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-Mc01: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-Mc01: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-Mc01: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-Mc01: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-Mc01: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-Mc01: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-Mc01);--navigator-background-color-SCOPED-IN-%COMP%-Mc01: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-Mc01);--navigator-on-background-color-SCOPED-IN-%COMP%-Mc01: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-Mc01);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-Mc01);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-Mc01);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-Mc01);--background-color: var(--background-color-SCOPED-IN-%COMP%-Mc01);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-Mc01)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-Mc01);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-Mc01)}\n"], dependencies: [{ kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator" }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1.MatActionList, selector: "mat-action-list", exportAs: ["matActionList"] }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i1.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i2.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: IconAtom, selector: "atoms-icon", inputs: ["name", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
69
69
|
}
|
|
70
70
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SettingsTemplate, decorators: [{
|
|
71
71
|
type: Component,
|
|
@@ -114,7 +114,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
114
114
|
</div>
|
|
115
115
|
</frames-scroll>`, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
116
116
|
class: 'template'
|
|
117
|
-
}, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-
|
|
117
|
+
}, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-Mc01: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-Mc01: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-Mc01: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-Mc01: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-Mc01: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-Mc01: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-Mc01: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-Mc01);--navigator-background-color-SCOPED-IN-%COMP%-Mc01: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-Mc01);--navigator-on-background-color-SCOPED-IN-%COMP%-Mc01: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-Mc01);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-Mc01);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-Mc01);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-Mc01);--background-color: var(--background-color-SCOPED-IN-%COMP%-Mc01);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-Mc01)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-Mc01);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-Mc01)}\n"] }]
|
|
118
118
|
}] });
|
|
119
119
|
|
|
120
120
|
/**
|
|
@@ -2,6 +2,7 @@ import { Action, InjectableComponent, NgAtomicComponent } from '@ng-atomic/core'
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
declare enum ActionId {
|
|
4
4
|
SIGN_IN_WITH_GOOGLE = "[@temokari/scheduler] Sign In With Google",
|
|
5
|
+
SIGN_IN_WITH_TWITTER = "[@temokari/scheduler] Sign In With Twitter",
|
|
5
6
|
NAVIGATE = "[@temokari/scheduler] Navigate",
|
|
6
7
|
SIGN_OUT = "[@temokari/scheduler] Sign Out"
|
|
7
8
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ng-atomic/components",
|
|
3
|
-
"version": "17.
|
|
3
|
+
"version": "17.4.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"peerDependencies": {
|
|
6
6
|
"@angular/animations": "^17.0.0",
|
|
@@ -17,8 +17,8 @@
|
|
|
17
17
|
"@codemirror/state": "^6.0.0",
|
|
18
18
|
"@codemirror/theme-one-dark": "^6.0.0",
|
|
19
19
|
"@codemirror/view": "^6.0.0",
|
|
20
|
-
"@ng-atomic/common": "17.
|
|
21
|
-
"@nx-ddd/core": "17.
|
|
20
|
+
"@ng-atomic/common": "17.4.0",
|
|
21
|
+
"@nx-ddd/core": "17.4.0",
|
|
22
22
|
"@webcontainer/api": "^1.1.7",
|
|
23
23
|
"cm6-graphql": "^0.0.4",
|
|
24
24
|
"codemirror": "^6.0.0",
|