@ng-atomic/components 17.6.1 → 17.7.1
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 +12 -9
- 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/entrance/entrance.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/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/paginator/paginator.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/slider-input-section/slider-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 +24 -6
- package/esm2022/pages/form/form.page.mjs +23 -5
- 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 +22 -36
- package/esm2022/templates/form/form.builder.mjs +415 -0
- package/esm2022/templates/form/form.template.mjs +24 -364
- package/esm2022/templates/form/index.mjs +2 -1
- 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 +11 -8
- 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-entrance.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-entrance.mjs.map +1 -1
- 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-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-paginator.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-slider-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 +23 -5
- package/fesm2022/ng-atomic-components-pages-_index.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-pages-form.mjs +22 -4
- package/fesm2022/ng-atomic-components-pages-form.mjs.map +1 -1
- 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 +21 -35
- package/fesm2022/ng-atomic-components-templates-entrance.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-templates-form.mjs +408 -337
- package/fesm2022/ng-atomic-components-templates-form.mjs.map +1 -1
- 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 +7 -4
- package/package.json +3 -3
- package/pages/_index/index.page.d.ts +5 -2
- package/pages/form/form.page.d.ts +3 -0
- package/templates/entrance/entrance.template.d.ts +3 -1
- package/templates/form/form.builder.d.ts +33 -0
- package/templates/form/form.template.d.ts +7 -13
- package/templates/form/index.d.ts +1 -0
|
@@ -39,7 +39,7 @@ export class MenuTemplate extends NgAtomicComponent {
|
|
|
39
39
|
/>
|
|
40
40
|
</div>
|
|
41
41
|
<organisms-menu-footer injectable/>
|
|
42
|
-
`, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-
|
|
42
|
+
`, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-AzVZ: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-AzVZ: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-AzVZ: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-AzVZ: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-AzVZ: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-AzVZ: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-AzVZ: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-AzVZ: var(--width);--height: 100%;--height-SCOPED-IN-menu-AzVZ: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-AzVZ);height:var(--height-SCOPED-IN-menu-AzVZ);color:var(--on-background-color-SCOPED-IN-menu-AzVZ);background-color:var(--background-color-SCOPED-IN-menu-AzVZ);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-AzVZ);--background-color: var(--background-color-SCOPED-IN-menu-AzVZ);--surface-color: var(--surface-color-SCOPED-IN-menu-AzVZ);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-AzVZ);--on-background-color: var(--on-background-color-SCOPED-IN-menu-AzVZ);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-AzVZ)}\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 }); }
|
|
43
43
|
}
|
|
44
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuTemplate, decorators: [{
|
|
45
45
|
type: Component,
|
|
@@ -61,6 +61,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
61
61
|
directive: MenuTemplateStore,
|
|
62
62
|
inputs: ['actions', 'title'],
|
|
63
63
|
},
|
|
64
|
-
], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-
|
|
64
|
+
], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-AzVZ: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-AzVZ: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-AzVZ: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-AzVZ: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-AzVZ: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-AzVZ: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-AzVZ: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-AzVZ: var(--width);--height: 100%;--height-SCOPED-IN-menu-AzVZ: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-AzVZ);height:var(--height-SCOPED-IN-menu-AzVZ);color:var(--on-background-color-SCOPED-IN-menu-AzVZ);background-color:var(--background-color-SCOPED-IN-menu-AzVZ);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-AzVZ);--background-color: var(--background-color-SCOPED-IN-menu-AzVZ);--surface-color: var(--surface-color-SCOPED-IN-menu-AzVZ);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-AzVZ);--on-background-color: var(--on-background-color-SCOPED-IN-menu-AzVZ);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-AzVZ)}\n"] }]
|
|
65
65
|
}] });
|
|
66
66
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS50ZW1wbGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL3RlbXBsYXRlcy9tZW51L21lbnUudGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0YsT0FBTyxFQUFVLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3BELE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLGlEQUFpRCxDQUFDO0FBQzlGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOztBQUkvRSxJQUFNLGlCQUFpQixHQUF2QixNQUFNLGlCQUFrQixTQUFRLG1CQUFtQjtJQUFuRDs7UUFDSSxZQUFPLEdBQUcsS0FBSyxDQUFXLEVBQUUsQ0FBQyxDQUFDO1FBQzlCLFVBQUssR0FBRyxLQUFLLEVBQVUsQ0FBQztLQUNsQzs4R0FIWSxpQkFBaUI7a0dBQWpCLGlCQUFpQjs7QUFBakIsaUJBQWlCO0lBRjdCLGFBQWEsRUFBRTtHQUVILGlCQUFpQixDQUc3Qjs7MkZBSFksaUJBQWlCO2tCQUQ3QixTQUFTO21CQUFDLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsZ0JBQWdCLEVBQUU7O0FBaUMzRCxNQUFNLE9BQU8sWUFBYSxTQUFRLGlCQUFpQjtJQTNCbkQ7O1FBNEJZLFVBQUssR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztLQUM3Qzs4R0FGWSxZQUFZO2tHQUFaLFlBQVksdUdBaENaLGlCQUFpQiwrRUFhbEI7Ozs7Ozs7OztHQVNULDgvQ0FkQyx1QkFBdUIscUZBQ3ZCLDJCQUEyQiwyRkFDM0IsdUJBQXVCOzsyRkFzQmQsWUFBWTtrQkEzQnhCLFNBQVM7aUNBQ0ksSUFBSSxXQUNQO3dCQUNQLHVCQUF1Qjt3QkFDdkIsMkJBQTJCO3dCQUMzQix1QkFBdUI7cUJBQ3hCLFlBQ1MsZ0JBQWdCLFlBQ2hCOzs7Ozs7Ozs7R0FTVCxtQkFFZ0IsdUJBQXVCLENBQUMsTUFBTSxrQkFDL0I7d0JBQ2Q7NEJBQ0UsU0FBUyxFQUFFLGlCQUFpQjs0QkFDNUIsTUFBTSxFQUFFLENBQUMsU0FBUyxFQUFFLE9BQU8sQ0FBQzt5QkFDN0I7cUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBEaXJlY3RpdmUsIGluamVjdCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFjdGlvbiwgVG9rZW5pemVkVHlwZSB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5pbXBvcnQgeyBJbmplY3RhYmxlQ29tcG9uZW50IH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCB7IE5nQXRvbWljQ29tcG9uZW50IH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCB7IE5hdmlnYXRpb25MaXN0T3JnYW5pc21TdG9yZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvbmF2aWdhdGlvbi1saXN0JztcbmltcG9ydCB7IE1lbnVGb290ZXJPcmdhbmlzbVN0b3JlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy9tZW51LWZvb3Rlcic7XG5pbXBvcnQgeyBNZW51SGVhZGVyT3JnYW5pc21TdG9yZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvbWVudS1oZWFkZXInO1xuXG5AVG9rZW5pemVkVHlwZSgpXG5ARGlyZWN0aXZlKHsgc3RhbmRhbG9uZTogdHJ1ZSwgc2VsZWN0b3I6ICd0ZW1wbGF0ZXMtbWVudScgfSlcbmV4cG9ydCBjbGFzcyBNZW51VGVtcGxhdGVTdG9yZSBleHRlbmRzIEluamVjdGFibGVDb21wb25lbnQge1xuICByZWFkb25seSBhY3Rpb25zID0gaW5wdXQ8QWN0aW9uW10+KFtdKTtcbiAgcmVhZG9ubHkgdGl0bGUgPSBpbnB1dDxzdHJpbmc+KCk7XG59XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTWVudUhlYWRlck9yZ2FuaXNtU3RvcmUsXG4gICAgTmF2aWdhdGlvbkxpc3RPcmdhbmlzbVN0b3JlLFxuICAgIE1lbnVGb290ZXJPcmdhbmlzbVN0b3JlLFxuICBdLFxuICBzZWxlY3RvcjogJ3RlbXBsYXRlcy1tZW51JyxcbiAgdGVtcGxhdGU6IGBcbiAgPGRpdiBjbGFzcz1cInRvcFwiPlxuICAgIDxvcmdhbmlzbXMtbWVudS1oZWFkZXIgW3RpdGxlXT1cInN0b3JlLnRpdGxlKClcIiBpbmplY3RhYmxlLz5cbiAgICA8b3JnYW5pc21zLW5hdmlnYXRpb24tbGlzdCBpbmplY3RhYmxlXG4gICAgICBbYWN0aW9uc109XCJzdG9yZS5hY3Rpb25zKClcIlxuICAgICAgKGFjdGlvbik9XCJkaXNwYXRjaCgkZXZlbnQpXCJcbiAgICAvPlxuICA8L2Rpdj5cbiAgPG9yZ2FuaXNtcy1tZW51LWZvb3RlciBpbmplY3RhYmxlLz5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vbWVudS50ZW1wbGF0ZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0RGlyZWN0aXZlczogW1xuICAgIHtcbiAgICAgIGRpcmVjdGl2ZTogTWVudVRlbXBsYXRlU3RvcmUsXG4gICAgICBpbnB1dHM6IFsnYWN0aW9ucycsICd0aXRsZSddLFxuICAgIH0sXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgTWVudVRlbXBsYXRlIGV4dGVuZHMgTmdBdG9taWNDb21wb25lbnQge1xuICBwcm90ZWN0ZWQgc3RvcmUgPSBpbmplY3QoTWVudVRlbXBsYXRlU3RvcmUpO1xufVxuIl19
|
|
@@ -70,7 +70,7 @@ export 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-4jLi: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-4jLi: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-4jLi: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-4jLi: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-4jLi: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-4jLi: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-4jLi: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-4jLi: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-4jLi: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-4jLi);--navigator-background-color-SCOPED-IN-selection-4jLi: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-4jLi);--navigator-on-background-color-SCOPED-IN-selection-4jLi: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-4jLi: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-4jLi: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-4jLi);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-4jLi);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-4jLi)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-4jLi);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-4jLi);--surface-color: var(--surface-color-SCOPED-IN-selection-4jLi);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-4jLi);--background-color: var(--background-color-SCOPED-IN-selection-4jLi);--on-background-color: var(--on-background-color-SCOPED-IN-selection-4jLi)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-4jLi);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-4jLi)}: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,6 +114,6 @@ 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-4jLi: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-4jLi: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-4jLi: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-4jLi: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-4jLi: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-4jLi: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-4jLi: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-4jLi: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-4jLi: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-4jLi);--navigator-background-color-SCOPED-IN-selection-4jLi: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-4jLi);--navigator-on-background-color-SCOPED-IN-selection-4jLi: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-4jLi: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-4jLi: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-4jLi);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-4jLi);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-4jLi)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-4jLi);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-4jLi);--surface-color: var(--surface-color-SCOPED-IN-selection-4jLi);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-4jLi);--background-color: var(--background-color-SCOPED-IN-selection-4jLi);--on-background-color: var(--on-background-color-SCOPED-IN-selection-4jLi)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-4jLi);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-4jLi)}:host organisms-action-buttons-section{margin-bottom:24px}\n"] }]
|
|
118
118
|
}], propDecorators: { toggleOption: [] } });
|
|
119
119
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0aW9uLnRlbXBsYXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvdGVtcGxhdGVzL3NlbGVjdGlvbi9zZWxlY3Rpb24udGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0YsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUN4RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUM5RSxPQUFPLEVBQW1CLG1CQUFtQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDdkUsT0FBTyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzVELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQ3ZGLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLHdEQUF3RCxDQUFDO0FBQ3RHLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7QUFFMUQsSUFBSyxRQUlKO0FBSkQsV0FBSyxRQUFRO0lBQ1gscUVBQXlELENBQUE7SUFDekQseUVBQTZELENBQUE7SUFDN0QsNEZBQWdGLENBQUE7QUFDbEYsQ0FBQyxFQUpJLFFBQVEsS0FBUixRQUFRLFFBSVo7QUFHRCxNQUFNLE9BQU8sc0JBQTBCLFNBQVEsbUJBQW1CO0lBRGxFOztRQUVXLG9CQUFlLEdBQUcsS0FBSyxDQUFXO1lBQ3pDLEVBQUUsRUFBRSxFQUFFLFFBQVEsQ0FBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLFlBQVksRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFO1NBQ3hELENBQUMsQ0FBQztRQUVNLGtCQUFhLEdBQUcsS0FBSyxDQUFXLEVBQUUsQ0FBQyxDQUFDO1FBQ3BDLFlBQU8sR0FBRyxLQUFLLENBQVc7WUFDakMsRUFBRSxFQUFFLEVBQUUsUUFBUSxDQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRTtTQUN6RSxDQUFDLENBQUM7UUFDTSxnQkFBVyxHQUFHLEtBQUssQ0FBVSxHQUFHLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUN2QyxVQUFLLEdBQUcsS0FBSyxDQUFTLEVBQUUsQ0FBQyxDQUFDO1FBQzFCLFVBQUssR0FBRyxLQUFLLENBQU0sRUFBRSxDQUFDLENBQUM7UUFDdkIsY0FBUyxHQUFHLEtBQUssQ0FBQyxJQUFJLGNBQWMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0tBQ3ZEOzhHQWJZLHNCQUFzQjtrR0FBdEIsc0JBQXNCOzsyRkFBdEIsc0JBQXNCO2tCQURsQyxTQUFTO21CQUFDLEVBQUMsVUFBVSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUscUJBQXFCLEVBQUM7O0FBNEQ5RCxNQUFNLE9BQU8saUJBQXFCLFNBQVEsaUJBQWlCO0lBNUMzRDs7UUE4Q1ksVUFBSyxHQUFHLE1BQU0sQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO0tBT2xEO2FBUlEsYUFBUSxHQUFHLFFBQVEsQUFBWCxDQUFZO0lBSWpCLFlBQVksQ0FBQyxJQUFPO1FBQzVCLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBRSxFQUFFLEVBQUUsUUFBUSxDQUFDLGFBQWEsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUMvRCxDQUFDOzhHQVBVLGlCQUFpQjtrR0FBakIsaUJBQWlCLGtKQTNEakIsc0JBQXNCLGlPQXlCdkI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdUJULDZpRkE3QkMsV0FBVywwREFDWCxpQkFBaUIsZ0VBQ2pCLGNBQWMsNkRBQ2QscUJBQXFCLG9IQUNyQiw0QkFBNEI7O0FBeUNwQjtJQURULE1BQU0sQ0FBQyxxQkFBcUIsQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDOzs7O3FEQUdwRDsyRkFQVSxpQkFBaUI7a0JBNUM3QixTQUFTOytCQUNFLHFCQUFxQixjQUNuQixJQUFJLFdBQ1A7d0JBQ1AsV0FBVzt3QkFDWCxpQkFBaUI7d0JBQ2pCLGNBQWM7d0JBQ2QscUJBQXFCO3dCQUNyQiw0QkFBNEI7cUJBQzdCLFlBQ1M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdUJULG1CQUVnQix1QkFBdUIsQ0FBQyxNQUFNLGtCQUMvQjt3QkFDZDs0QkFDRSxTQUFTLEVBQUUsc0JBQXNCOzRCQUNqQyxNQUFNLEVBQUUsQ0FBQyxpQkFBaUIsRUFBRSxlQUFlLEVBQUUsU0FBUyxFQUFFLGFBQWEsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLFdBQVcsQ0FBQzt5QkFDdEc7cUJBQ0YsUUFDSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7OEJBT2pCLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBEaXJlY3RpdmUsIGluamVjdCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNjcm9sbEZyYW1lIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL2ZyYW1lcy9zY3JvbGwtdjInO1xuaW1wb3J0IHsgSGVhZGVyTW9sZWN1bGUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvbW9sZWN1bGVzL2hlYWRlcic7XG5pbXBvcnQgeyBOYXZpZ2F0b3JPcmdhbmlzbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvbmF2aWdhdG9yJztcbmltcG9ydCB7IEFjdGlvbiwgQWN0aW9ucywgSW5qZWN0YWJsZUNvbXBvbmVudCB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5pbXBvcnQgeyBFZmZlY3QsIE5nQXRvbWljQ29tcG9uZW50IH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCB7IFNlbGVjdGlvbkxpc3RPcmdhbmlzbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvc2VsZWN0aW9uLWxpc3QnO1xuaW1wb3J0IHsgQWN0aW9uQnV0dG9uc1NlY3Rpb25PcmdhbmlzbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvYWN0aW9uLWJ1dHRvbnMtc2VjdGlvbic7XG5pbXBvcnQgeyBTZWxlY3Rpb25Nb2RlbCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2xsZWN0aW9ucyc7XG5cbmVudW0gQWN0aW9uSWQge1xuICBCQUNLID0gJ1tAbmctYXRvbWljL2NvbXBvbmVudHMvdGVtcGxhdGVzL3NlbGVjdGlvbl0gQmFjaycsXG4gIFNVQk1JVCA9ICdbQG5nLWF0b21pYy9jb21wb25lbnRzL3RlbXBsYXRlcy9zZWxlY3Rpb25dIFN1Ym1pdCcsXG4gIFRPR0dMRV9PUFRJT04gPSAnW0BuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvc2VsZWN0aW9uLWxpc3RdIFRvZ2dsZSBPcHRpb24nLFxufVxuXG5ARGlyZWN0aXZlKHtzdGFuZGFsb25lOiB0cnVlLCBzZWxlY3RvcjogJ3RlbXBsYXRlcy1zZWxlY3Rpb24nfSlcbmV4cG9ydCBjbGFzcyBTZWxlY3Rpb25UZW1wbGF0ZVN0b3JlPFQ+IGV4dGVuZHMgSW5qZWN0YWJsZUNvbXBvbmVudCB7XG4gIHJlYWRvbmx5IG5hdlN0YXJ0QWN0aW9ucyA9IGlucHV0PEFjdGlvbltdPihbXG4gICAgeyBpZDogQWN0aW9uSWQuQkFDSywgaWNvbjogJ2Fycm93X2JhY2snLCBuYW1lOiAnQmFjaycgfSxcbiAgXSk7XG5cbiAgcmVhZG9ubHkgbmF2RW5kQWN0aW9ucyA9IGlucHV0PEFjdGlvbltdPihbXSk7XG4gIHJlYWRvbmx5IGFjdGlvbnMgPSBpbnB1dDxBY3Rpb25bXT4oW1xuICAgIHsgaWQ6IEFjdGlvbklkLlNVQk1JVCwgaWNvbjogJ2NoZWNrJywgbmFtZTogJ1N1Ym1pdCcsIGNvbG9yOiAncHJpbWFyeScgfSxcbiAgXSk7XG4gIHJlYWRvbmx5IGl0ZW1BY3Rpb25zID0gaW5wdXQ8QWN0aW9ucz4oKCkgPT4gW10pO1xuICByZWFkb25seSB0aXRsZSA9IGlucHV0PHN0cmluZz4oJycpO1xuICByZWFkb25seSBpdGVtcyA9IGlucHV0PFRbXT4oW10pO1xuICByZWFkb25seSBzZWxlY3Rpb24gPSBpbnB1dChuZXcgU2VsZWN0aW9uTW9kZWwoZmFsc2UpKTtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGVtcGxhdGVzLXNlbGVjdGlvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBTY3JvbGxGcmFtZSxcbiAgICBOYXZpZ2F0b3JPcmdhbmlzbSxcbiAgICBIZWFkZXJNb2xlY3VsZSxcbiAgICBTZWxlY3Rpb25MaXN0T3JnYW5pc20sXG4gICAgQWN0aW9uQnV0dG9uc1NlY3Rpb25PcmdhbmlzbSxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgPGZyYW1lcy1zY3JvbGw+XG4gICAgPG9yZ2FuaXNtcy1uYXZpZ2F0b3IgXG4gICAgICBbc3RhcnRBY3Rpb25zXT1cInN0b3JlLm5hdlN0YXJ0QWN0aW9ucygpXCJcbiAgICAgIFtlbmRBY3Rpb25zXT1cInN0b3JlLm5hdkVuZEFjdGlvbnMoKVwiXG4gICAgICAoYWN0aW9uKT1cImRpc3BhdGNoKCRldmVudClcIlxuICAgICAgdG9wXG4gICAgPlxuICAgICAgPG1vbGVjdWxlcy1oZWFkZXIgW3RpdGxlXT1cInN0b3JlLnRpdGxlKClcIiAvPlxuICAgIDwvb3JnYW5pc21zLW5hdmlnYXRvcj5cbiAgICA8b3JnYW5pc21zLXNlbGVjdGlvbi1saXN0XG4gICAgICBbaXRlbXNdPVwic3RvcmUuaXRlbXMoKVwiXG4gICAgICBbaXRlbUFjdGlvbnNdPVwic3RvcmUuaXRlbUFjdGlvbnMoKVwiXG4gICAgICBbc2VsZWN0aW9uXT1cInN0b3JlLnNlbGVjdGlvbigpXCJcbiAgICAgIChhY3Rpb24pPVwiZGlzcGF0Y2goJGV2ZW50KVwiXG4gICAgICBjb250ZW50c1xuICAgIC8+XG4gICAgPG9yZ2FuaXNtcy1hY3Rpb24tYnV0dG9ucy1zZWN0aW9uXG4gICAgICBbYWN0aW9uc109XCJzdG9yZS5hY3Rpb25zKClcIlxuICAgICAgKGFjdGlvbik9XCJkaXNwYXRjaCgkZXZlbnQpXCJcbiAgICAgIGJvdHRvbVxuICAgIC8+XG4gIDwvZnJhbWVzLXNjcm9sbD5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vc2VsZWN0aW9uLnRlbXBsYXRlLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3REaXJlY3RpdmVzOiBbXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBTZWxlY3Rpb25UZW1wbGF0ZVN0b3JlLFxuICAgICAgaW5wdXRzOiBbJ25hdlN0YXJ0QWN0aW9ucycsICduYXZFbmRBY3Rpb25zJywgJ2FjdGlvbnMnLCAnaXRlbUFjdGlvbnMnLCAndGl0bGUnLCAnaXRlbXMnLCAnc2VsZWN0aW9uJ10sXG4gICAgfSxcbiAgXSxcbiAgaG9zdDogeyBjbGFzczogJ3RlbXBsYXRlJyB9LFxufSlcbmV4cG9ydCBjbGFzcyBTZWxlY3Rpb25UZW1wbGF0ZTxUPiBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IHtcbiAgc3RhdGljIEFjdGlvbklkID0gQWN0aW9uSWQ7XG4gIHByb3RlY3RlZCBzdG9yZSA9IGluamVjdChTZWxlY3Rpb25UZW1wbGF0ZVN0b3JlKTtcblxuICBARWZmZWN0KFNlbGVjdGlvbkxpc3RPcmdhbmlzbS5BY3Rpb25JZC5UT0dHTEVfT1BUSU9OKVxuICBwcm90ZWN0ZWQgdG9nZ2xlT3B0aW9uKGl0ZW06IFQpIHtcbiAgICB0aGlzLmRpc3BhdGNoKHsgaWQ6IEFjdGlvbklkLlRPR0dMRV9PUFRJT04sIHBheWxvYWQ6IGl0ZW0gfSk7XG4gIH1cblxufVxuIl19
|
|
@@ -64,7 +64,7 @@ export class SettingsTemplate extends NgAtomicComponent {
|
|
|
64
64
|
</mat-list-item>
|
|
65
65
|
</mat-list>
|
|
66
66
|
</div>
|
|
67
|
-
</frames-scroll>`, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-
|
|
67
|
+
</frames-scroll>`, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-7eLs: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-7eLs: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-7eLs: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-7eLs: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-7eLs: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-7eLs: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-7eLs: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-7eLs);--navigator-background-color-SCOPED-IN-%COMP%-7eLs: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-7eLs);--navigator-on-background-color-SCOPED-IN-%COMP%-7eLs: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-7eLs);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-7eLs);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-7eLs);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-7eLs);--background-color: var(--background-color-SCOPED-IN-%COMP%-7eLs);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-7eLs)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-7eLs);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-7eLs)}\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 }); }
|
|
68
68
|
}
|
|
69
69
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SettingsTemplate, decorators: [{
|
|
70
70
|
type: Component,
|
|
@@ -113,6 +113,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
113
113
|
</div>
|
|
114
114
|
</frames-scroll>`, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
115
115
|
class: 'template'
|
|
116
|
-
}, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-
|
|
116
|
+
}, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-7eLs: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-7eLs: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-7eLs: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-7eLs: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-7eLs: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-7eLs: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-7eLs: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-7eLs);--navigator-background-color-SCOPED-IN-%COMP%-7eLs: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-7eLs);--navigator-on-background-color-SCOPED-IN-%COMP%-7eLs: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-7eLs);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-7eLs);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-7eLs);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-7eLs);--background-color: var(--background-color-SCOPED-IN-%COMP%-7eLs);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-7eLs)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-7eLs);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-7eLs)}\n"] }]
|
|
117
117
|
}] });
|
|
118
118
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2V0dGluZ3MudGVtcGxhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi90ZW1wbGF0ZXMvc2V0dGluZ3Mvc2V0dGluZ3MudGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN0RSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDNUQsT0FBTyxFQUFXLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7QUFLN0QsSUFBSyxRQUdKO0FBSEQsV0FBSyxRQUFRO0lBQ1gsZ0ZBQW9FLENBQUE7SUFDcEUsc0dBQTBGLENBQUE7QUFDNUYsQ0FBQyxFQUhJLFFBQVEsS0FBUixRQUFRLFFBR1o7QUF3REQsTUFBTSxPQUFPLGdCQUFpQixTQUFRLGlCQUFpQjtJQXREdkQ7O1FBd0RXLFVBQUssR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDdkIsb0JBQWUsR0FBRyxLQUFLLENBQVUsRUFBRSxDQUFDLENBQUM7S0FTL0M7YUFYaUIsYUFBUSxHQUFHLFFBQVEsQUFBWCxDQUFZO0lBSTFCLFdBQVcsQ0FBQyxPQUFlO1FBQ25DLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBQyxFQUFFLEVBQUUsUUFBUSxDQUFDLFVBQVUsRUFBRSxPQUFPLEVBQUMsQ0FBQyxDQUFDO0lBQ3BELENBQUM7SUFFUyxzQkFBc0I7UUFDOUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFDLEVBQUUsRUFBRSxRQUFRLENBQUMscUJBQXFCLEVBQUMsQ0FBQyxDQUFDO0lBQ3RELENBQUM7OEdBWFUsZ0JBQWdCO2tHQUFoQixnQkFBZ0IscWFBNUNqQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzttQkFxQ08sNnBEQTNDZixXQUFXLDBEQUNYLGlCQUFpQiwrREFDakIsYUFBYSxrc0JBQ2Isb0JBQW9CLG1XQUNwQixRQUFROzsyRkE4Q0MsZ0JBQWdCO2tCQXRENUIsU0FBUzsrQkFDRSxvQkFBb0IsY0FDbEIsSUFBSSxXQUNQO3dCQUNQLFdBQVc7d0JBQ1gsaUJBQWlCO3dCQUNqQixhQUFhO3dCQUNiLG9CQUFvQjt3QkFDcEIsUUFBUTtxQkFDVCxZQUNTOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O21CQXFDTyxtQkFFQSx1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDO3dCQUNKLEtBQUssRUFBRSxVQUFVO3FCQUNsQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTY3JvbGxGcmFtZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9mcmFtZXMvc2Nyb2xsJztcbmltcG9ydCB7IE5hdmlnYXRvck9yZ2FuaXNtIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy9uYXZpZ2F0b3InO1xuaW1wb3J0IHsgTWF0TGlzdE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2xpc3QnO1xuaW1wb3J0IHsgTWF0U2xpZGVUb2dnbGVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zbGlkZS10b2dnbGUnO1xuaW1wb3J0IHsgSWNvbkF0b20gfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvYXRvbXMvaWNvbic7XG5pbXBvcnQgeyBBY3Rpb25zLCBOZ0F0b21pY0NvbXBvbmVudCB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5pbnRlcmZhY2UgU2V0dGluZ3Mge1xuICBcbn1cblxuZW51bSBBY3Rpb25JZCB7XG4gIElURU1fQ0xJQ0sgPSAnW0BuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvc2V0dGluZ3NdIGl0ZW0gY2xpY2snLFxuICBSRU1PVkVfU0VSVklDRV9XT1JLRVIgPSAnW0BuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvc2V0dGluZ3NdIHJlbW92ZSBzZXJ2aWNlIHdvcmtlcicsXG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RlbXBsYXRlcy1zZXR0aW5ncycsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBTY3JvbGxGcmFtZSxcbiAgICBOYXZpZ2F0b3JPcmdhbmlzbSxcbiAgICBNYXRMaXN0TW9kdWxlLFxuICAgIE1hdFNsaWRlVG9nZ2xlTW9kdWxlLFxuICAgIEljb25BdG9tLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICA8ZnJhbWVzLXNjcm9sbD5cbiAgICA8b3JnYW5pc21zLW5hdmlnYXRvclxuICAgICAgW3N0YXJ0QWN0aW9uc109XCJuYXZTdGFydEFjdGlvbnMoKVwiXG4gICAgICAoYWN0aW9uKT1cImRpc3BhdGNoKCRldmVudClcIlxuICAgICAgbmF2aWdhdG9yXG4gICAgPlxuICAgICAge3sgdGl0bGUoKSB9fVxuICAgIDwvb3JnYW5pc21zLW5hdmlnYXRvcj5cbiAgICA8ZGl2IGNvbnRlbnRzPlxuICAgIDxtYXQtYWN0aW9uLWxpc3Q+XG4gICAgICA8IS0tIDxtYXQtbGlzdC1pdGVtIHJvbGU9XCJsaXN0aXRlbVwiIChjbGljayk9XCJvbkl0ZW1DbGljaygncGF5bWVudC1tZXRob2QnKVwiPlxuICAgICAgICA8c3BhbiBtYXRMaXN0SXRlbVRpdGxlPuaUr+aJleOBhOaWueazlTwvc3Bhbj5cbiAgICAgICAgPGF0b21zLWljb24gbWF0TGlzdEl0ZW1NZXRhIFtuYW1lXT1cIidjaGV2cm9uX3JpZ2h0J1wiIC8+XG4gICAgICA8L21hdC1saXN0LWl0ZW0+IC0tPlxuICAgICAgPG1hdC1saXN0LWl0ZW0gcm9sZT1cImxpc3RpdGVtXCIgKGNsaWNrKT1cIm9uSXRlbUNsaWNrKCdwYXltZW50cycpXCI+XG4gICAgICAgIDxzcGFuIG1hdExpc3RJdGVtVGl0bGU+5pSv5omV44GE5bGl5q20PC9zcGFuPlxuICAgICAgICA8YXRvbXMtaWNvbiBtYXRMaXN0SXRlbU1ldGEgW25hbWVdPVwiJ2NoZXZyb25fcmlnaHQnXCIgLz5cbiAgICAgIDwvbWF0LWxpc3QtaXRlbT5cbiAgICAgIDxtYXQtbGlzdC1pdGVtIHJvbGU9XCJsaXN0aXRlbVwiIChjbGljayk9XCJvblNlcnZpY2VXb3JrZXJSZW1vdmVkKClcIj5TZXJ2aWNlIFdvcmtlcuOBrueZu+mMsuino+mZpDwvbWF0LWxpc3QtaXRlbT5cbiAgICA8L21hdC1hY3Rpb24tbGlzdD5cbiAgICA8bWF0LWxpc3Qgcm9sZT1cImxpc3RcIj5cbiAgICAgIDxtYXQtbGlzdC1pdGVtIHJvbGU9XCJsaXN0aXRlbVwiPlxuICAgICAgICA8YXRvbXMtaWNvbiBtYXRMaXN0SXRlbUljb24gW25hbWVdPVwiJ25vdGlmaWNhdGlvbnMnXCIgLz5cbiAgICAgICAgPHNwYW4gbWF0TGlzdEl0ZW1UaXRsZT7pgJrnn6Xjga7mnInlirnljJY8L3NwYW4+XG4gICAgICAgIDxzcGFuIG1hdExpc3RJdGVtTGluZT7jgqLjg5fjg6rjgqLjgqTjgrPjg7Pjgavjg5Djg4PjgrjjgYzku5jjgY3jgb7jgZk8L3NwYW4+XG4gICAgICAgIDxkaXYgbWF0TGlzdEl0ZW1NZXRhIHN0eWxlPVwiZGlzcGxheTogZmxleDsgaGVpZ2h0OiAxMDAlOyBhbGlnbi1pdGVtczogY2VudGVyXCI+XG4gICAgICAgICAgPG1hdC1zbGlkZS10b2dnbGVcbiAgICAgICAgICAgIGNsYXNzPVwiZXhhbXBsZS1tYXJnaW5cIlxuICAgICAgICAgICAgW2NvbG9yXT1cIidhY2NlbnQnXCJcbiAgICAgICAgICAgIFtjaGVja2VkXT1cInRydWVcIlxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cImZhbHNlXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvbWF0LWxpc3QtaXRlbT5cbiAgICA8L21hdC1saXN0PlxuICAgIDwvZGl2PlxuICA8L2ZyYW1lcy1zY3JvbGw+YCxcbiAgc3R5bGVVcmw6ICcuL3NldHRpbmdzLnRlbXBsYXRlLnNjc3MnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAndGVtcGxhdGUnXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgU2V0dGluZ3NUZW1wbGF0ZSBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IHtcbiAgc3RhdGljIHJlYWRvbmx5IEFjdGlvbklkID0gQWN0aW9uSWQ7XG4gIHJlYWRvbmx5IHRpdGxlID0gaW5wdXQoJ3RpdGxlJyk7XG4gIHJlYWRvbmx5IG5hdlN0YXJ0QWN0aW9ucyA9IGlucHV0PEFjdGlvbnM+KFtdKTtcblxuICBwcm90ZWN0ZWQgb25JdGVtQ2xpY2socGF5bG9hZDogc3RyaW5nKSB7XG4gICAgdGhpcy5kaXNwYXRjaCh7aWQ6IEFjdGlvbklkLklURU1fQ0xJQ0ssIHBheWxvYWR9KTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvblNlcnZpY2VXb3JrZXJSZW1vdmVkKCkge1xuICAgIHRoaXMuZGlzcGF0Y2goe2lkOiBBY3Rpb25JZC5SRU1PVkVfU0VSVklDRV9XT1JLRVJ9KTtcbiAgfVxufVxuIl19
|
|
@@ -21,7 +21,7 @@ class IconAtom extends NgAtomicComponent {
|
|
|
21
21
|
} @else {
|
|
22
22
|
<mat-icon>{{ name() }}</mat-icon>
|
|
23
23
|
}
|
|
24
|
-
`, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-
|
|
24
|
+
`, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-8DKs: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-icon-8DKs: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-icon-8DKs: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-8DKs: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-icon-8DKs: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-icon-8DKs: var(--on-surface-color);--color: inherit;--color-SCOPED-IN-icon-8DKs: var(--color)}:host mat-icon{color:var(--on-background-color-SCOPED-IN-icon-8DKs)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-8DKs)}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
25
25
|
}
|
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: IconAtom, decorators: [{
|
|
27
27
|
type: Component,
|
|
@@ -33,7 +33,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
33
33
|
} @else {
|
|
34
34
|
<mat-icon>{{ name() }}</mat-icon>
|
|
35
35
|
}
|
|
36
|
-
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-
|
|
36
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-8DKs: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-icon-8DKs: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-icon-8DKs: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-8DKs: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-icon-8DKs: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-icon-8DKs: var(--on-surface-color);--color: inherit;--color-SCOPED-IN-icon-8DKs: var(--color)}:host mat-icon{color:var(--on-background-color-SCOPED-IN-icon-8DKs)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-8DKs)}\n"] }]
|
|
37
37
|
}], propDecorators: { color: [{
|
|
38
38
|
type: HostBinding,
|
|
39
39
|
args: ['style.--color']
|
|
@@ -14,10 +14,13 @@ import { FabFrame } from '@ng-atomic/components/frames/fab';
|
|
|
14
14
|
|
|
15
15
|
var ActionId;
|
|
16
16
|
(function (ActionId) {
|
|
17
|
-
ActionId["SIGN_IN_WITH_GOOGLE"] = "[@
|
|
18
|
-
ActionId["SIGN_IN_WITH_TWITTER"] = "[@
|
|
19
|
-
ActionId["
|
|
20
|
-
ActionId["
|
|
17
|
+
ActionId["SIGN_IN_WITH_GOOGLE"] = "[@ng-atomic/components:frames/app] Sign In With Google";
|
|
18
|
+
ActionId["SIGN_IN_WITH_TWITTER"] = "[@ng-atomic/components:frames/app] Sign In With Twitter";
|
|
19
|
+
ActionId["SIGN_IN_WITH_EMAIL"] = "[@ng-atomic/components:frames/app] Sign In With Email";
|
|
20
|
+
ActionId["SIGN_UP_WITH_EMAIL"] = "[@ng-atomic/components:frames/app] Sign Up With Email";
|
|
21
|
+
ActionId["NAVIGATE"] = "[@ng-atomic/components:frames/app] Navigate";
|
|
22
|
+
ActionId["SIGN_OUT"] = "[@ng-atomic/components:frames/app] Sign Out";
|
|
23
|
+
ActionId["OPEN_SIDE_APP"] = "[@ng-atomic/components:frames/app] Open Side App";
|
|
21
24
|
})(ActionId || (ActionId = {}));
|
|
22
25
|
class AppFrameStore extends InjectableComponent {
|
|
23
26
|
constructor() {
|
|
@@ -110,12 +113,12 @@ class AppFrame extends NgAtomicComponent {
|
|
|
110
113
|
</frames-side-nav>
|
|
111
114
|
<div drawer style="width: var(--page-width-lv1);height: 100%;">
|
|
112
115
|
<router-outlet [name]="store.sideAppOutletName()" />
|
|
113
|
-
|
|
116
|
+
</div>
|
|
114
117
|
</frames-drawer>
|
|
115
118
|
</frames-entrance>
|
|
116
119
|
</frames-fab>
|
|
117
120
|
</frames-loading>
|
|
118
|
-
`, isInline: true, styles: [":host{--primary-color-SCOPED-IN-frames-app-
|
|
121
|
+
`, isInline: true, styles: [":host{--primary-color-SCOPED-IN-frames-app-kaVT: var(--primary-color);--on-primary-color-SCOPED-IN-frames-app-kaVT: var(--on-primary-color);--surface-color-SCOPED-IN-frames-app-kaVT: var(--surface-color);--on-surface-color-SCOPED-IN-frames-app-kaVT: var(--on-surface-color);--background-color-SCOPED-IN-frames-app-kaVT: var(--background-color);--on-background-color-SCOPED-IN-frames-app-kaVT: var(--on-background-color);--menu-width-SCOPED-IN-frames-app-kaVT: var(--menu-width);--menu-background-color-SCOPED-IN-frames-app-kaVT: var(--menu-background-color);--menu-on-background-color-SCOPED-IN-frames-app-kaVT: var(--menu-on-background-color);--background-primary-color-SCOPED-IN-frames-app-kaVT: var(--background-primary-color);--background-on-primary-color-SCOPED-IN-frames-app-kaVT: var(--background-on-primary-color);--background-background-color-SCOPED-IN-frames-app-kaVT: var(--background-background-color);--loading-primary-color-SCOPED-IN-frames-app-kaVT: var(--loading-primary-color);--page-width-lv1-SCOPED-IN-frames-app-kaVT: var(--page-width-lv1);--menu-padding-top: 56px;--menu-padding-top-SCOPED-IN-frames-app-kaVT: var(--menu-padding-top);--loading-z-index: 1000;--loading-z-index-SCOPED-IN-frames-app-kaVT: var(--loading-z-index)}:host{display:block;width:100%;height:100%;position:fixed;color:var(--primary-color-SCOPED-IN-frames-app-kaVT);touch-action:none}:host *{--primary-color: var(--primary-color-SCOPED-IN-frames-app-kaVT);--on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-kaVT);--surface-color: var(--surface-color-SCOPED-IN-frames-app-kaVT);--on-surface-color: var(--on-surface-color-SCOPED-IN-frames-app-kaVT);--background-color: var(--background-color-SCOPED-IN-frames-app-kaVT);--on-background-color: var(--on-background-color-SCOPED-IN-frames-app-kaVT);--menu-background-color: var(--menu-background-color-SCOPED-IN-frames-app-kaVT);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-frames-app-kaVT)}:host frames-side-nav{color:#000;--menu-width: var(--menu-width-SCOPED-IN-frames-app-kaVT)}:host frames-loading{--primary-color: var(--loading-primary-color-SCOPED-IN-frames-app-kaVT)}:host templates-background{--primary-color: var(--background-primary-color-SCOPED-IN-frames-app-kaVT);--on-primary-color: var(--background-on-primary-color-SCOPED-IN-frames-app-kaVT);--background-color: var(--background-background-color-SCOPED-IN-frames-app-kaVT);position:absolute;top:0;left:0}:host frames-side-nav .side-app{position:relative;width:var(--page-width-lv1-SCOPED-IN-frames-app-kaVT);height:100%}\n"], dependencies: [{ kind: "component", type: FabFrame, selector: "frames-fab" }, { kind: "component", type: LoadingFrame, selector: "frames-loading" }, { kind: "component", type: SideNavFrame, selector: "frames-side-nav" }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: EntranceFrame, selector: "frames-entrance" }, { kind: "component", type:
|
|
119
122
|
// DrawerFrameStore,
|
|
120
123
|
DrawerFrame, selector: "frames-drawer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
121
124
|
}
|
|
@@ -162,14 +165,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
162
165
|
</frames-side-nav>
|
|
163
166
|
<div drawer style="width: var(--page-width-lv1);height: 100%;">
|
|
164
167
|
<router-outlet [name]="store.sideAppOutletName()" />
|
|
165
|
-
|
|
168
|
+
</div>
|
|
166
169
|
</frames-drawer>
|
|
167
170
|
</frames-entrance>
|
|
168
171
|
</frames-fab>
|
|
169
172
|
</frames-loading>
|
|
170
173
|
`, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
171
174
|
AppFrameStore,
|
|
172
|
-
], styles: [":host{--primary-color-SCOPED-IN-frames-app-
|
|
175
|
+
], styles: [":host{--primary-color-SCOPED-IN-frames-app-kaVT: var(--primary-color);--on-primary-color-SCOPED-IN-frames-app-kaVT: var(--on-primary-color);--surface-color-SCOPED-IN-frames-app-kaVT: var(--surface-color);--on-surface-color-SCOPED-IN-frames-app-kaVT: var(--on-surface-color);--background-color-SCOPED-IN-frames-app-kaVT: var(--background-color);--on-background-color-SCOPED-IN-frames-app-kaVT: var(--on-background-color);--menu-width-SCOPED-IN-frames-app-kaVT: var(--menu-width);--menu-background-color-SCOPED-IN-frames-app-kaVT: var(--menu-background-color);--menu-on-background-color-SCOPED-IN-frames-app-kaVT: var(--menu-on-background-color);--background-primary-color-SCOPED-IN-frames-app-kaVT: var(--background-primary-color);--background-on-primary-color-SCOPED-IN-frames-app-kaVT: var(--background-on-primary-color);--background-background-color-SCOPED-IN-frames-app-kaVT: var(--background-background-color);--loading-primary-color-SCOPED-IN-frames-app-kaVT: var(--loading-primary-color);--page-width-lv1-SCOPED-IN-frames-app-kaVT: var(--page-width-lv1);--menu-padding-top: 56px;--menu-padding-top-SCOPED-IN-frames-app-kaVT: var(--menu-padding-top);--loading-z-index: 1000;--loading-z-index-SCOPED-IN-frames-app-kaVT: var(--loading-z-index)}:host{display:block;width:100%;height:100%;position:fixed;color:var(--primary-color-SCOPED-IN-frames-app-kaVT);touch-action:none}:host *{--primary-color: var(--primary-color-SCOPED-IN-frames-app-kaVT);--on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-kaVT);--surface-color: var(--surface-color-SCOPED-IN-frames-app-kaVT);--on-surface-color: var(--on-surface-color-SCOPED-IN-frames-app-kaVT);--background-color: var(--background-color-SCOPED-IN-frames-app-kaVT);--on-background-color: var(--on-background-color-SCOPED-IN-frames-app-kaVT);--menu-background-color: var(--menu-background-color-SCOPED-IN-frames-app-kaVT);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-frames-app-kaVT)}:host frames-side-nav{color:#000;--menu-width: var(--menu-width-SCOPED-IN-frames-app-kaVT)}:host frames-loading{--primary-color: var(--loading-primary-color-SCOPED-IN-frames-app-kaVT)}:host templates-background{--primary-color: var(--background-primary-color-SCOPED-IN-frames-app-kaVT);--on-primary-color: var(--background-on-primary-color-SCOPED-IN-frames-app-kaVT);--background-color: var(--background-background-color-SCOPED-IN-frames-app-kaVT);position:absolute;top:0;left:0}:host frames-side-nav .side-app{position:relative;width:var(--page-width-lv1-SCOPED-IN-frames-app-kaVT);height:100%}\n"] }]
|
|
173
176
|
}] });
|
|
174
177
|
|
|
175
178
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-frames-app.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/app/app.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/app/ng-atomic-components-frames-app.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, PLATFORM_ID, effect, input } from '@angular/core';\nimport { Directive, inject } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\nimport { LoadingFrame } from '@ng-atomic/components/frames/loading';\nimport { SideNavFrame } from '@ng-atomic/components/frames/side-nav';\nimport { EntranceFrame } from '@ng-atomic/components/frames/entrance';\nimport { Action, InjectableComponent, NgAtomicComponent, _computed } from '@ng-atomic/core';\nimport { FormBuilder } from '@angular/forms';\nimport { makeConfig } from '@ng-atomic/common/services/ui';\nimport { isPlatformBrowser, isPlatformServer } from '@angular/common';\nimport { BackgroundTemplateStore } from '@ng-atomic/components/templates/background';\nimport { DrawerFrame } from '@ng-atomic/components/frames/drawer';\nimport { FabFrame } from '@ng-atomic/components/frames/fab';\n\nenum ActionId {\n SIGN_IN_WITH_GOOGLE = '[@temokari/scheduler] Sign In With Google',\n SIGN_IN_WITH_TWITTER = '[@temokari/scheduler] Sign In With Twitter',\n NAVIGATE = '[@temokari/scheduler] Navigate',\n SIGN_OUT = '[@temokari/scheduler] Sign Out',\n}\n\n@Directive({ standalone: true, selector: 'frames-app' })\nexport class AppFrameStore extends InjectableComponent {\n static readonly ActionId = ActionId;\n static readonly Config = makeConfig(() => {\n return () => ({\n fabActions: [],\n fabHide: true,\n isEntrance: true,\n isLoading: false,\n sideAppOpened: false,\n title: 'title',\n form: inject(FormBuilder).group({}),\n entranceActions: [\n { id: ActionId.SIGN_IN_WITH_GOOGLE, name: 'Googleでサインイン', icon: '' },\n ],\n sideNavActions: [\n { id: ActionId.SIGN_OUT, name: 'ログアウト', icon: 'exit_to_app' },\n ],\n sideNavMode: 'collapsed' as 'expanded' | 'collapsed',\n sideAppOutletName: 'side-app',\n });\n }, ['components', 'frames', 'app'])\n\n readonly config = AppFrameStore.Config.inject();\n readonly isLoading = input(_computed(() => this.config().isLoading));\n readonly isEntrance = input(_computed(() => this.config().isEntrance));\n readonly sideAppOpened = input(_computed(() => this.config().sideAppOpened));\n readonly title = input(_computed(() => this.config().title));\n readonly form = input(_computed(() => this.config().form));\n readonly entranceActions = input(_computed(() => this.config().entranceActions));\n readonly sideNavActions = input(_computed(() => this.config().sideNavActions));\n readonly sideNavMode = input(_computed(() => this.config().sideNavMode));\n readonly sideAppOutletName = input(_computed(() => this.config().sideAppOutletName));\n readonly fabActions = input(_computed(() => this.config().fabActions));\n readonly fabHide = input(_computed(() => this.config().fabHide));\n}\n\n\n@Component({\n selector: 'frames-app',\n standalone: true,\n imports: [\n FabFrame,\n LoadingFrame,\n SideNavFrame,\n RouterOutlet,\n EntranceFrame,\n // DrawerFrameStore,\n DrawerFrame,\n BackgroundTemplateStore,\n ],\n template: `\n <router-outlet/>\n @if (isPlatformBrowser()) {\n @defer {\n <templates-background injectable/>\n }\n }\n <frames-loading [isLoading]=\"store.isLoading()\">\n <frames-fab [actions]=\"store.fabActions()\" [hide]=\"store.fabHide()\">\n <frames-entrance\n [isEntrance]=\"store.isEntrance()\"\n [form]=\"store.form()\"\n [title]=\"store.title()\"\n [actions]=\"store.entranceActions()\"\n (action)=\"dispatch($event)\"\n >\n <frames-drawer\n [opened]=\"store.sideAppOpened()\"\n [position]=\"'end'\"\n [hasBackdrop]=\"false\"\n >\n <frames-side-nav\n [actions]=\"store.sideNavActions()\"\n [mode]=\"store.sideNavMode()\"\n [menuTitle]=\"store.title()\"\n (action)=\"dispatch($event)\"\n contents\n >\n <router-outlet contents/>\n </frames-side-nav>\n <div drawer style=\"width: var(--page-width-lv1);height: 100%;\">\n <router-outlet [name]=\"store.sideAppOutletName()\" />\n </div>\n </frames-drawer>\n </frames-entrance>\n </frames-fab>\n </frames-loading>\n `,\n styleUrl: './app.frame.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n AppFrameStore,\n ],\n})\nexport class AppFrame extends NgAtomicComponent {\n protected store = inject(AppFrameStore);\n readonly platformId = inject(PLATFORM_ID);\n\n protected isPlatformServer() {\n return isPlatformServer(this.platformId);\n }\n\n protected isPlatformBrowser() {\n return isPlatformBrowser(this.platformId);\n }\n\n dispatch(action: Action<any>, scope?: string, componentId?: string | number): Promise<void> {\n return super.dispatch(action, scope, componentId);\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAcA,IAAK,QAKJ,CAAA;AALD,CAAA,UAAK,QAAQ,EAAA;AACX,IAAA,QAAA,CAAA,qBAAA,CAAA,GAAA,2CAAiE,CAAA;AACjE,IAAA,QAAA,CAAA,sBAAA,CAAA,GAAA,4CAAmE,CAAA;AACnE,IAAA,QAAA,CAAA,UAAA,CAAA,GAAA,gCAA2C,CAAA;AAC3C,IAAA,QAAA,CAAA,UAAA,CAAA,GAAA,gCAA2C,CAAA;AAC7C,CAAC,EALI,QAAQ,KAAR,QAAQ,GAKZ,EAAA,CAAA,CAAA,CAAA;AAGK,MAAO,aAAc,SAAQ,mBAAmB,CAAA;AADtD,IAAA,WAAA,GAAA;;AAuBW,QAAA,IAAA,CAAA,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;AACvC,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;AAC5D,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;AAC9D,QAAA,IAAA,CAAA,aAAa,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AACpE,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACpD,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AAClD,QAAA,IAAA,CAAA,eAAe,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;AACxE,QAAA,IAAA,CAAA,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;AACtE,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;AAChE,QAAA,IAAA,CAAA,iBAAiB,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;AAC5E,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;AAC9D,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAClE,KAAA;aAjCiB,IAAQ,CAAA,QAAA,GAAG,QAAH,CAAY,EAAA;AACpB,IAAA,SAAA,IAAA,CAAA,MAAM,GAAG,UAAU,CAAC,MAAK;QACvC,OAAO,OAAO;AACZ,YAAA,UAAU,EAAE,EAAE;AACd,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,UAAU,EAAE,IAAI;AAChB,YAAA,SAAS,EAAE,KAAK;AAChB,YAAA,aAAa,EAAE,KAAK;AACpB,YAAA,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC;AACnC,YAAA,eAAe,EAAE;AACf,gBAAA,EAAE,EAAE,EAAE,QAAQ,CAAC,mBAAmB,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,EAAE,EAAE;AACrE,aAAA;AACD,YAAA,cAAc,EAAE;AACd,gBAAA,EAAE,EAAE,EAAE,QAAQ,CAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE;AAC9D,aAAA;AACD,YAAA,WAAW,EAAE,WAAuC;AACpD,YAAA,iBAAiB,EAAE,UAAU;AAC9B,SAAA,CAAC,CAAC;KACJ,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,KAAK,CAAC,CAlBZ,CAkBa,EAAA;8GApBxB,aAAa,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAb,aAAa,EAAA,UAAA,EAAA,CAAA;kBADzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAA;;AA+FjD,MAAO,QAAS,SAAQ,iBAAiB,CAAA;AAzD/C,IAAA,WAAA,GAAA;;AA0DY,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;AAC/B,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;AAa3C,KAAA;IAXW,gBAAgB,GAAA;AACxB,QAAA,OAAO,gBAAgB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KAC1C;IAES,iBAAiB,GAAA;AACzB,QAAA,OAAO,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KAC3C;AAED,IAAA,QAAQ,CAAC,MAAmB,EAAE,KAAc,EAAE,WAA6B,EAAA;QACzE,OAAO,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC;KACnD;8GAdU,QAAQ,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAR,QAAQ,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EA9FR,aAAa,EAkDd,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCT,EA9CC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,60EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAQ,uDACR,YAAY,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACZ,YAAY,EACZ,QAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,YAAY,2JACZ,aAAa,EAAA,QAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA;;gBAEb,WAAW,EAAA,QAAA,EAAA,eAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FA+CF,QAAQ,EAAA,UAAA,EAAA,CAAA;kBAzDpB,SAAS;+BACE,YAAY,EAAA,UAAA,EACV,IAAI,EACP,OAAA,EAAA;wBACP,QAAQ;wBACR,YAAY;wBACZ,YAAY;wBACZ,YAAY;wBACZ,aAAa;;wBAEb,WAAW;wBACX,uBAAuB;qBACxB,EACS,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAC/B,cAAA,EAAA;wBACd,aAAa;AACd,qBAAA,EAAA,MAAA,EAAA,CAAA,60EAAA,CAAA,EAAA,CAAA;;;AClHH;;AAEG;;;;"}
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-frames-app.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/app/app.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/app/ng-atomic-components-frames-app.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, PLATFORM_ID, effect, input } from '@angular/core';\nimport { Directive, inject } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\nimport { LoadingFrame } from '@ng-atomic/components/frames/loading';\nimport { SideNavFrame } from '@ng-atomic/components/frames/side-nav';\nimport { EntranceFrame } from '@ng-atomic/components/frames/entrance';\nimport { Action, InjectableComponent, NgAtomicComponent, _computed } from '@ng-atomic/core';\nimport { FormBuilder } from '@angular/forms';\nimport { makeConfig } from '@ng-atomic/common/services/ui';\nimport { isPlatformBrowser, isPlatformServer } from '@angular/common';\nimport { BackgroundTemplateStore } from '@ng-atomic/components/templates/background';\nimport { DrawerFrame } from '@ng-atomic/components/frames/drawer';\nimport { FabFrame } from '@ng-atomic/components/frames/fab';\n\nenum ActionId {\n SIGN_IN_WITH_GOOGLE = '[@ng-atomic/components:frames/app] Sign In With Google',\n SIGN_IN_WITH_TWITTER = '[@ng-atomic/components:frames/app] Sign In With Twitter',\n SIGN_IN_WITH_EMAIL = '[@ng-atomic/components:frames/app] Sign In With Email',\n SIGN_UP_WITH_EMAIL = '[@ng-atomic/components:frames/app] Sign Up With Email',\n NAVIGATE = '[@ng-atomic/components:frames/app] Navigate',\n SIGN_OUT = '[@ng-atomic/components:frames/app] Sign Out',\n OPEN_SIDE_APP = '[@ng-atomic/components:frames/app] Open Side App',\n}\n\n@Directive({ standalone: true, selector: 'frames-app' })\nexport class AppFrameStore extends InjectableComponent {\n static readonly ActionId = ActionId;\n static readonly Config = makeConfig(() => {\n return () => ({\n fabActions: [],\n fabHide: true,\n isEntrance: true,\n isLoading: false,\n sideAppOpened: false,\n title: 'title',\n form: inject(FormBuilder).group({}),\n entranceActions: [\n { id: ActionId.SIGN_IN_WITH_GOOGLE, name: 'Googleでサインイン', icon: '' },\n ],\n sideNavActions: [\n { id: ActionId.SIGN_OUT, name: 'ログアウト', icon: 'exit_to_app' },\n ],\n sideNavMode: 'collapsed' as 'expanded' | 'collapsed',\n sideAppOutletName: 'side-app',\n });\n }, ['components', 'frames', 'app'])\n\n readonly config = AppFrameStore.Config.inject();\n readonly isLoading = input(_computed(() => this.config().isLoading));\n readonly isEntrance = input(_computed(() => this.config().isEntrance));\n readonly sideAppOpened = input(_computed(() => this.config().sideAppOpened));\n readonly title = input(_computed(() => this.config().title));\n readonly form = input(_computed(() => this.config().form));\n readonly entranceActions = input(_computed(() => this.config().entranceActions));\n readonly sideNavActions = input(_computed(() => this.config().sideNavActions));\n readonly sideNavMode = input(_computed(() => this.config().sideNavMode));\n readonly sideAppOutletName = input(_computed(() => this.config().sideAppOutletName));\n readonly fabActions = input(_computed(() => this.config().fabActions));\n readonly fabHide = input(_computed(() => this.config().fabHide));\n}\n\n\n@Component({\n selector: 'frames-app',\n standalone: true,\n imports: [\n FabFrame,\n LoadingFrame,\n SideNavFrame,\n RouterOutlet,\n EntranceFrame,\n // DrawerFrameStore,\n DrawerFrame,\n BackgroundTemplateStore,\n ],\n template: `\n <router-outlet/>\n @if (isPlatformBrowser()) {\n @defer {\n <templates-background injectable/>\n }\n }\n <frames-loading [isLoading]=\"store.isLoading()\">\n <frames-fab [actions]=\"store.fabActions()\" [hide]=\"store.fabHide()\">\n <frames-entrance\n [isEntrance]=\"store.isEntrance()\"\n [form]=\"store.form()\"\n [title]=\"store.title()\"\n [actions]=\"store.entranceActions()\"\n (action)=\"dispatch($event)\"\n >\n <frames-drawer\n [opened]=\"store.sideAppOpened()\"\n [position]=\"'end'\"\n [hasBackdrop]=\"false\"\n >\n <frames-side-nav\n [actions]=\"store.sideNavActions()\"\n [mode]=\"store.sideNavMode()\"\n [menuTitle]=\"store.title()\"\n (action)=\"dispatch($event)\"\n contents\n >\n <router-outlet contents/>\n </frames-side-nav>\n <div drawer style=\"width: var(--page-width-lv1);height: 100%;\">\n <router-outlet [name]=\"store.sideAppOutletName()\" />\n </div>\n </frames-drawer>\n </frames-entrance>\n </frames-fab>\n </frames-loading>\n `,\n styleUrl: './app.frame.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n AppFrameStore,\n ],\n})\nexport class AppFrame extends NgAtomicComponent {\n protected store = inject(AppFrameStore);\n readonly platformId = inject(PLATFORM_ID);\n\n protected isPlatformServer() {\n return isPlatformServer(this.platformId);\n }\n\n protected isPlatformBrowser() {\n return isPlatformBrowser(this.platformId);\n }\n\n dispatch(action: Action<any>, scope?: string, componentId?: string | number): Promise<void> {\n return super.dispatch(action, scope, componentId);\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAcA,IAAK,QAQJ,CAAA;AARD,CAAA,UAAK,QAAQ,EAAA;AACX,IAAA,QAAA,CAAA,qBAAA,CAAA,GAAA,wDAA8E,CAAA;AAC9E,IAAA,QAAA,CAAA,sBAAA,CAAA,GAAA,yDAAgF,CAAA;AAChF,IAAA,QAAA,CAAA,oBAAA,CAAA,GAAA,uDAA4E,CAAA;AAC5E,IAAA,QAAA,CAAA,oBAAA,CAAA,GAAA,uDAA4E,CAAA;AAC5E,IAAA,QAAA,CAAA,UAAA,CAAA,GAAA,6CAAwD,CAAA;AACxD,IAAA,QAAA,CAAA,UAAA,CAAA,GAAA,6CAAwD,CAAA;AACxD,IAAA,QAAA,CAAA,eAAA,CAAA,GAAA,kDAAkE,CAAA;AACpE,CAAC,EARI,QAAQ,KAAR,QAAQ,GAQZ,EAAA,CAAA,CAAA,CAAA;AAGK,MAAO,aAAc,SAAQ,mBAAmB,CAAA;AADtD,IAAA,WAAA,GAAA;;AAuBW,QAAA,IAAA,CAAA,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;AACvC,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;AAC5D,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;AAC9D,QAAA,IAAA,CAAA,aAAa,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AACpE,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACpD,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AAClD,QAAA,IAAA,CAAA,eAAe,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;AACxE,QAAA,IAAA,CAAA,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;AACtE,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;AAChE,QAAA,IAAA,CAAA,iBAAiB,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;AAC5E,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;AAC9D,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAClE,KAAA;aAjCiB,IAAQ,CAAA,QAAA,GAAG,QAAH,CAAY,EAAA;AACpB,IAAA,SAAA,IAAA,CAAA,MAAM,GAAG,UAAU,CAAC,MAAK;QACvC,OAAO,OAAO;AACZ,YAAA,UAAU,EAAE,EAAE;AACd,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,UAAU,EAAE,IAAI;AAChB,YAAA,SAAS,EAAE,KAAK;AAChB,YAAA,aAAa,EAAE,KAAK;AACpB,YAAA,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC;AACnC,YAAA,eAAe,EAAE;AACf,gBAAA,EAAE,EAAE,EAAE,QAAQ,CAAC,mBAAmB,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,EAAE,EAAE;AACrE,aAAA;AACD,YAAA,cAAc,EAAE;AACd,gBAAA,EAAE,EAAE,EAAE,QAAQ,CAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE;AAC9D,aAAA;AACD,YAAA,WAAW,EAAE,WAAuC;AACpD,YAAA,iBAAiB,EAAE,UAAU;AAC9B,SAAA,CAAC,CAAC;KACJ,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,KAAK,CAAC,CAlBZ,CAkBa,EAAA;8GApBxB,aAAa,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAb,aAAa,EAAA,UAAA,EAAA,CAAA;kBADzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAA;;AA+FjD,MAAO,QAAS,SAAQ,iBAAiB,CAAA;AAzD/C,IAAA,WAAA,GAAA;;AA0DY,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;AAC/B,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;AAa3C,KAAA;IAXW,gBAAgB,GAAA;AACxB,QAAA,OAAO,gBAAgB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KAC1C;IAES,iBAAiB,GAAA;AACzB,QAAA,OAAO,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KAC3C;AAED,IAAA,QAAQ,CAAC,MAAmB,EAAE,KAAc,EAAE,WAA6B,EAAA;QACzE,OAAO,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC;KACnD;8GAdU,QAAQ,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAR,QAAQ,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EA9FR,aAAa,EAkDd,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCT,EA9CC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,mgFAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAQ,uDACR,YAAY,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACZ,YAAY,EACZ,QAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,YAAY,2JACZ,aAAa,EAAA,QAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA;;gBAEb,WAAW,EAAA,QAAA,EAAA,eAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FA+CF,QAAQ,EAAA,UAAA,EAAA,CAAA;kBAzDpB,SAAS;+BACE,YAAY,EAAA,UAAA,EACV,IAAI,EACP,OAAA,EAAA;wBACP,QAAQ;wBACR,YAAY;wBACZ,YAAY;wBACZ,YAAY;wBACZ,aAAa;;wBAEb,WAAW;wBACX,uBAAuB;qBACxB,EACS,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAC/B,cAAA,EAAA;wBACd,aAAa;AACd,qBAAA,EAAA,MAAA,EAAA,CAAA,mgFAAA,CAAA,EAAA,CAAA;;;ACrHH;;AAEG;;;;"}
|
|
@@ -4,13 +4,13 @@ import { Component, ChangeDetectionStrategy } from '@angular/core';
|
|
|
4
4
|
|
|
5
5
|
class AutoLayoutFrame {
|
|
6
6
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: AutoLayoutFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: AutoLayoutFrame, isStandalone: true, selector: "frames-auto-layout", ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-
|
|
7
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: AutoLayoutFrame, isStandalone: true, selector: "frames-auto-layout", ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-bFKJ: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-bFKJ: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-bFKJ);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-bFKJ) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8
8
|
}
|
|
9
9
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: AutoLayoutFrame, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
11
|
args: [{ selector: 'frames-auto-layout', standalone: true, imports: [
|
|
12
12
|
CommonModule,
|
|
13
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-
|
|
13
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-bFKJ: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-bFKJ: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-bFKJ);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-bFKJ) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"] }]
|
|
14
14
|
}] });
|
|
15
15
|
|
|
16
16
|
/**
|
|
@@ -103,7 +103,7 @@ class ColumnsFrame extends NgAtomicComponent {
|
|
|
103
103
|
<ng-container [ngTemplateOutlet]="right()?.templateRef" />
|
|
104
104
|
</div>
|
|
105
105
|
}
|
|
106
|
-
`, isInline: true, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-
|
|
106
|
+
`, isInline: true, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-biJM: var(--side-width)}:host{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%}:host[type=row]{flex-direction:row;justify-content:space-between}:host[type=row] .container{width:100%}:host[type=row] .container.left{max-width:var(--side-width-SCOPED-IN-columns-biJM)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-biJM)}:host[type=column]{flex-direction:column;justify-content:flex-start}:host[type=column] .container.main{width:100%}:host[type=column] .container.left{width:100%}:host[type=column] .container.right{width:100%}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
107
107
|
}
|
|
108
108
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ColumnsFrame, decorators: [{
|
|
109
109
|
type: Component,
|
|
@@ -134,7 +134,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
134
134
|
}
|
|
135
135
|
], host: {
|
|
136
136
|
'[attr.type]': 'store.type()',
|
|
137
|
-
}, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-
|
|
137
|
+
}, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-biJM: var(--side-width)}:host{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%}:host[type=row]{flex-direction:row;justify-content:space-between}:host[type=row] .container{width:100%}:host[type=row] .container.left{max-width:var(--side-width-SCOPED-IN-columns-biJM)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-biJM)}:host[type=column]{flex-direction:column;justify-content:flex-start}:host[type=column] .container.main{width:100%}:host[type=column] .container.left{width:100%}:host[type=column] .container.right{width:100%}\n"] }]
|
|
138
138
|
}] });
|
|
139
139
|
class ColumnsFrameModule {
|
|
140
140
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ColumnsFrameModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
@@ -59,7 +59,7 @@ class DividerFrame extends NgAtomicComponent {
|
|
|
59
59
|
<div class="second">
|
|
60
60
|
<ng-content select="[second]"></ng-content>
|
|
61
61
|
</div>
|
|
62
|
-
`, isInline: true, styles: [":host{--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-
|
|
62
|
+
`, isInline: true, styles: [":host{--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-1e3Z: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-divider-1e3Z: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-divider-1e3Z: var(--max-first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host div.first{height:min(max(var(--first-content-height-SCOPED-IN-divider-1e3Z),var(--min-first-content-height-SCOPED-IN-divider-1e3Z)),var(--max-first-content-height-SCOPED-IN-divider-1e3Z));overflow:hidden;display:flex;flex-direction:column}:host mat-divider{z-index:1000;width:100%;cursor:row-resize}:host div.second{display:flex;flex-direction:column;height:calc(100% - min(max(var(--first-content-height-SCOPED-IN-divider-1e3Z),var(--min-first-content-height-SCOPED-IN-divider-1e3Z)),var(--max-first-content-height-SCOPED-IN-divider-1e3Z)));overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
63
63
|
}
|
|
64
64
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DividerFrame, decorators: [{
|
|
65
65
|
type: Component,
|
|
@@ -83,7 +83,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
83
83
|
<div class="second">
|
|
84
84
|
<ng-content select="[second]"></ng-content>
|
|
85
85
|
</div>
|
|
86
|
-
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-
|
|
86
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-1e3Z: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-divider-1e3Z: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-divider-1e3Z: var(--max-first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host div.first{height:min(max(var(--first-content-height-SCOPED-IN-divider-1e3Z),var(--min-first-content-height-SCOPED-IN-divider-1e3Z)),var(--max-first-content-height-SCOPED-IN-divider-1e3Z));overflow:hidden;display:flex;flex-direction:column}:host mat-divider{z-index:1000;width:100%;cursor:row-resize}:host div.second{display:flex;flex-direction:column;height:calc(100% - min(max(var(--first-content-height-SCOPED-IN-divider-1e3Z),var(--min-first-content-height-SCOPED-IN-divider-1e3Z)),var(--max-first-content-height-SCOPED-IN-divider-1e3Z)));overflow:hidden}\n"] }]
|
|
87
87
|
}] });
|
|
88
88
|
|
|
89
89
|
/**
|
|
@@ -37,7 +37,7 @@ class DrawerFrame extends NgAtomicComponent {
|
|
|
37
37
|
<mat-drawer-content>
|
|
38
38
|
<ng-content select=[contents] />
|
|
39
39
|
</mat-drawer-content>
|
|
40
|
-
</mat-drawer-container>`, isInline: true, styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-
|
|
40
|
+
</mat-drawer-container>`, isInline: true, styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-peBN: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-peBN: var(--height);--background-color: #f0f0f0;--background-color-SCOPED-IN-drawer-peBN: var(--background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-peBN: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-peBN)}:host mat-drawer{background-color:var(--background-color-SCOPED-IN-drawer-peBN)}:host mat-drawer-container{--mat-sidenav-content-background-color: transparent;width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i1.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i1.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i1.MatDrawerContent, selector: "mat-drawer-content" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
41
41
|
}
|
|
42
42
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DrawerFrame, decorators: [{
|
|
43
43
|
type: Component,
|
|
@@ -56,7 +56,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
56
56
|
directive: DrawerFrameStore,
|
|
57
57
|
inputs: ['opened', 'mode', 'hasBackdrop', 'position'],
|
|
58
58
|
}
|
|
59
|
-
], styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-
|
|
59
|
+
], styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-peBN: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-peBN: var(--height);--background-color: #f0f0f0;--background-color-SCOPED-IN-drawer-peBN: var(--background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-peBN: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-peBN)}:host mat-drawer{background-color:var(--background-color-SCOPED-IN-drawer-peBN)}:host mat-drawer-container{--mat-sidenav-content-background-color: transparent;width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}\n"] }]
|
|
60
60
|
}] });
|
|
61
61
|
|
|
62
62
|
/**
|
|
@@ -43,7 +43,7 @@ class EntranceFrame extends NgAtomicComponent {
|
|
|
43
43
|
(action)="dispatch($event)"
|
|
44
44
|
/>
|
|
45
45
|
</frames-overlay>
|
|
46
|
-
`, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-entrance-
|
|
46
|
+
`, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-entrance-iZhU: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-entrance-iZhU: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-entrance-iZhU: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-entrance-iZhU: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-entrance-iZhU: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-entrance-iZhU: var(--on-background-color);--menu-width: inherit;--menu-width-SCOPED-IN-entrance-iZhU: var(--menu-width);--menu-background-color: inherit;--menu-background-color-SCOPED-IN-entrance-iZhU: var(--menu-background-color);--menu-on-background-color: inherit;--menu-on-background-color-SCOPED-IN-entrance-iZhU: var(--menu-on-background-color);--background-primary-color: inherit;--background-primary-color-SCOPED-IN-entrance-iZhU: var(--background-primary-color);--background-on-primary-color: inherit;--background-on-primary-color-SCOPED-IN-entrance-iZhU: var(--background-on-primary-color);--background-background-color: inherit;--background-background-color-SCOPED-IN-entrance-iZhU: var(--background-background-color)}:host{display:block;width:100%;height:100%}:host templates-entrance{position:relative;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-entrance-iZhU);--on-primary-color: var(--on-primary-color-SCOPED-IN-entrance-iZhU);--surface-color: var(--surface-color-SCOPED-IN-entrance-iZhU);--on-surface-color: var(--on-surface-color-SCOPED-IN-entrance-iZhU);--background-color: var(--background-color-SCOPED-IN-entrance-iZhU);--on-background-color: var(--on-background-color-SCOPED-IN-entrance-iZhU);--menu-background-color: var(--menu-background-color-SCOPED-IN-entrance-iZhU);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-entrance-iZhU)}\n"], dependencies: [{ kind: "component", type: OverlayFrame, selector: "frames-overlay" }, { kind: "directive", type: EntranceTemplateStore, selector: "templates-entrance", inputs: ["form", "actions", "fieldMap", "title"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
47
47
|
}
|
|
48
48
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: EntranceFrame, decorators: [{
|
|
49
49
|
type: Component,
|
|
@@ -69,7 +69,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
69
69
|
directive: EntranceFrameStore,
|
|
70
70
|
inputs: ['isEntrance', 'actions', 'form', 'title'],
|
|
71
71
|
},
|
|
72
|
-
], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-entrance-
|
|
72
|
+
], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-entrance-iZhU: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-entrance-iZhU: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-entrance-iZhU: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-entrance-iZhU: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-entrance-iZhU: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-entrance-iZhU: var(--on-background-color);--menu-width: inherit;--menu-width-SCOPED-IN-entrance-iZhU: var(--menu-width);--menu-background-color: inherit;--menu-background-color-SCOPED-IN-entrance-iZhU: var(--menu-background-color);--menu-on-background-color: inherit;--menu-on-background-color-SCOPED-IN-entrance-iZhU: var(--menu-on-background-color);--background-primary-color: inherit;--background-primary-color-SCOPED-IN-entrance-iZhU: var(--background-primary-color);--background-on-primary-color: inherit;--background-on-primary-color-SCOPED-IN-entrance-iZhU: var(--background-on-primary-color);--background-background-color: inherit;--background-background-color-SCOPED-IN-entrance-iZhU: var(--background-background-color)}:host{display:block;width:100%;height:100%}:host templates-entrance{position:relative;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-entrance-iZhU);--on-primary-color: var(--on-primary-color-SCOPED-IN-entrance-iZhU);--surface-color: var(--surface-color-SCOPED-IN-entrance-iZhU);--on-surface-color: var(--on-surface-color-SCOPED-IN-entrance-iZhU);--background-color: var(--background-color-SCOPED-IN-entrance-iZhU);--on-background-color: var(--on-background-color-SCOPED-IN-entrance-iZhU);--menu-background-color: var(--menu-background-color-SCOPED-IN-entrance-iZhU);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-entrance-iZhU)}\n"] }]
|
|
73
73
|
}] });
|
|
74
74
|
|
|
75
75
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-frames-entrance.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/entrance/entrance.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/entrance/ng-atomic-components-frames-entrance.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';\nimport { OverlayFrame } from '@ng-atomic/components/frames/overlay';\nimport { EntranceTemplateStore } from '@ng-atomic/components/templates/entrance';\nimport { Action, InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';\nimport { FormControl, FormGroup } from '@angular/forms';\n\n@Directive({standalone: true})\nexport class EntranceFrameStore extends InjectableComponent {\n readonly isEntrance = input(true);\n readonly actions = input<Action[]>([]);\n readonly form = input(new FormGroup({\n email: new FormControl(''),\n password: new FormControl(''),\n }));\n readonly title = input('ログイン');\n}\n\n@Component({\n selector: 'frames-entrance',\n standalone: true,\n imports: [\n OverlayFrame,\n EntranceTemplateStore,\n ],\n template: `\n <frames-overlay\n [hasNext]=\"store.isEntrance()\"\n [animationType]=\"'fade'\"\n ngSkipHydration\n >\n <ng-content main/>\n <templates-entrance next injectable\n [actions]=\"store.actions()\"\n [form]=\"store.form()\"\n [title]=\"store.title()\"\n (action)=\"dispatch($event)\"\n />\n </frames-overlay>\n `,\n styleUrls: ['./entrance.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: EntranceFrameStore,\n inputs: ['isEntrance', 'actions', 'form', 'title'],\n },\n ],\n})\nexport class EntranceFrame extends NgAtomicComponent {\n protected store = inject(EntranceFrameStore);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAOM,MAAO,kBAAmB,SAAQ,mBAAmB,CAAA;AAD3D,IAAA,WAAA,GAAA;;AAEW,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;AACzB,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAW,EAAE,CAAC,CAAC;AAC9B,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,IAAI,SAAS,CAAC;AAClC,YAAA,KAAK,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;AAC1B,YAAA,QAAQ,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;AAC9B,SAAA,CAAC,CAAC,CAAC;AACK,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;AAChC,KAAA;8GARY,kBAAkB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAD9B,SAAS;mBAAC,EAAC,UAAU,EAAE,IAAI,EAAC,CAAA;;AA0CvB,MAAO,aAAc,SAAQ,iBAAiB,CAAA;AA/BpD,IAAA,WAAA,GAAA;;AAgCY,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;AAC9C,KAAA;8GAFY,aAAa,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAzCb,kBAAkB,EAiBnB,MAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAAA,SAAA,EAAA,SAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;GAcT,EAjBC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,u6DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,YAAY,2DACZ,qBAAqB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,SAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FA0BZ,aAAa,EAAA,UAAA,EAAA,CAAA;kBA/BzB,SAAS;+BACE,iBAAiB,EAAA,UAAA,EACf,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,qBAAqB;qBACtB,EACS,QAAA,EAAA,CAAA;;;;;;;;;;;;;;GAcT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAC/B,cAAA,EAAA;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,kBAAkB;4BAC7B,MAAM,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC;AACnD,yBAAA;AACF,qBAAA,EAAA,MAAA,EAAA,CAAA,u6DAAA,CAAA,EAAA,CAAA;;;AC9CH;;AAEG;;;;"}
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-frames-entrance.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/entrance/entrance.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/entrance/ng-atomic-components-frames-entrance.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';\nimport { OverlayFrame } from '@ng-atomic/components/frames/overlay';\nimport { EntranceTemplateStore } from '@ng-atomic/components/templates/entrance';\nimport { Action, InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';\nimport { FormControl, FormGroup } from '@angular/forms';\n\n@Directive({standalone: true})\nexport class EntranceFrameStore extends InjectableComponent {\n readonly isEntrance = input(true);\n readonly actions = input<Action[]>([]);\n readonly form = input(new FormGroup({\n email: new FormControl(''),\n password: new FormControl(''),\n }));\n readonly title = input('ログイン');\n}\n\n@Component({\n selector: 'frames-entrance',\n standalone: true,\n imports: [\n OverlayFrame,\n EntranceTemplateStore,\n ],\n template: `\n <frames-overlay\n [hasNext]=\"store.isEntrance()\"\n [animationType]=\"'fade'\"\n ngSkipHydration\n >\n <ng-content main/>\n <templates-entrance next injectable\n [actions]=\"store.actions()\"\n [form]=\"store.form()\"\n [title]=\"store.title()\"\n (action)=\"dispatch($event)\"\n />\n </frames-overlay>\n `,\n styleUrls: ['./entrance.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: EntranceFrameStore,\n inputs: ['isEntrance', 'actions', 'form', 'title'],\n },\n ],\n})\nexport class EntranceFrame extends NgAtomicComponent {\n protected store = inject(EntranceFrameStore);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -65,7 +65,7 @@ class FabFrame extends NgAtomicComponent {
|
|
|
65
65
|
<mat-icon>{{ action?.icon ?? 'add' }}</mat-icon>
|
|
66
66
|
</button>
|
|
67
67
|
}
|
|
68
|
-
`, isInline: true, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-
|
|
68
|
+
`, isInline: true, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-VTIq: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-VTIq);--container-color-SCOPED-IN-fab-VTIq: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-VTIq: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-VTIq: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-VTIq: var(--fab-button-right)}:host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;z-index:2000;bottom:var(--fab-button-bottom-SCOPED-IN-fab-VTIq);right:var(--fab-button-right-SCOPED-IN-fab-VTIq);transition:all .3s ease;--mdc-fab-container-color: var(--container-color);--mdc-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}:host[hide=true] button{bottom:-120px}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
69
69
|
}
|
|
70
70
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FabFrame, decorators: [{
|
|
71
71
|
type: Component,
|
|
@@ -86,7 +86,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
86
86
|
},
|
|
87
87
|
], host: {
|
|
88
88
|
'[attr.hide]': 'store.hide()',
|
|
89
|
-
}, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-
|
|
89
|
+
}, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-VTIq: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-VTIq);--container-color-SCOPED-IN-fab-VTIq: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-VTIq: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-VTIq: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-VTIq: var(--fab-button-right)}:host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;z-index:2000;bottom:var(--fab-button-bottom-SCOPED-IN-fab-VTIq);right:var(--fab-button-right-SCOPED-IN-fab-VTIq);transition:all .3s ease;--mdc-fab-container-color: var(--container-color);--mdc-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}:host[hide=true] button{bottom:-120px}\n"] }]
|
|
90
90
|
}] });
|
|
91
91
|
|
|
92
92
|
/**
|
|
@@ -147,7 +147,7 @@ class LineUpFrame {
|
|
|
147
147
|
@if (store.hasNext()) {
|
|
148
148
|
<div class="next" @hasNext><ng-content select=[next] /></div>
|
|
149
149
|
}
|
|
150
|
-
`, isInline: true, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-
|
|
150
|
+
`, isInline: true, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-eQLU: var(--gap);--background-color: #ccc;--background-color-SCOPED-IN-line-up-eQLU: var(--background-color);--next-width: 100%;--next-width-SCOPED-IN-line-up-eQLU: var(--next-width);--next-max-width: fit-content;--next-max-width-SCOPED-IN-line-up-eQLU: var(--next-max-width);--translate-x: 0px;--translate-x-SCOPED-IN-line-up-eQLU: var(--translate-x)}:host{position:relative;transform:translate(var(--translate-x-SCOPED-IN-line-up-eQLU));transition:transform .3s ease-in-out;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-eQLU);width:100%;height:100%}:host .main{max-width:100%;height:100%;z-index:2}:host .next{width:100%;height:100%;z-index:1}\n"], animations: LINE_UP_ANIMATIONS, changeDetection: i0.ChangeDetectionStrategy.Default }); }
|
|
151
151
|
}
|
|
152
152
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LineUpFrame, decorators: [{
|
|
153
153
|
type: Component,
|
|
@@ -163,7 +163,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
163
163
|
},
|
|
164
164
|
], host: {
|
|
165
165
|
'attr.has-next': 'store.hasNext()',
|
|
166
|
-
}, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-
|
|
166
|
+
}, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-eQLU: var(--gap);--background-color: #ccc;--background-color-SCOPED-IN-line-up-eQLU: var(--background-color);--next-width: 100%;--next-width-SCOPED-IN-line-up-eQLU: var(--next-width);--next-max-width: fit-content;--next-max-width-SCOPED-IN-line-up-eQLU: var(--next-max-width);--translate-x: 0px;--translate-x-SCOPED-IN-line-up-eQLU: var(--translate-x)}:host{position:relative;transform:translate(var(--translate-x-SCOPED-IN-line-up-eQLU));transition:transform .3s ease-in-out;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-eQLU);width:100%;height:100%}:host .main{max-width:100%;height:100%;z-index:2}:host .next{width:100%;height:100%;z-index:1}\n"] }]
|
|
167
167
|
}] });
|
|
168
168
|
|
|
169
169
|
/**
|
|
@@ -26,7 +26,7 @@ class LoadingFrame extends NgAtomicComponent {
|
|
|
26
26
|
@if(store.isLoading()) {
|
|
27
27
|
<div class="loading"><mat-spinner /></div>
|
|
28
28
|
}
|
|
29
|
-
`, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-loading-
|
|
29
|
+
`, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-loading-ibWl: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-loading-ibWl: var(--on-primary-color)}:host{position:relative;display:block;width:100%;height:100%}:host .loading{position:absolute;z-index:10000;display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#0006}:host .loading mat-spinner{--mdc-circular-progress-active-indicator-color: var(--primary-color)}:host .contents{position:absolute;top:0;left:0;display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-loading-ibWl);--on-primary-color: var(--on-primary-color-SCOPED-IN-loading-ibWl)}\n"], dependencies: [{ kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
30
30
|
}
|
|
31
31
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LoadingFrame, decorators: [{
|
|
32
32
|
type: Component,
|
|
@@ -42,7 +42,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
42
42
|
directive: LoadingFrameStore,
|
|
43
43
|
inputs: ['isLoading'],
|
|
44
44
|
}
|
|
45
|
-
], styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-loading-
|
|
45
|
+
], styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-loading-ibWl: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-loading-ibWl: var(--on-primary-color)}:host{position:relative;display:block;width:100%;height:100%}:host .loading{position:absolute;z-index:10000;display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#0006}:host .loading mat-spinner{--mdc-circular-progress-active-indicator-color: var(--primary-color)}:host .contents{position:absolute;top:0;left:0;display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-loading-ibWl);--on-primary-color: var(--on-primary-color-SCOPED-IN-loading-ibWl)}\n"] }]
|
|
46
46
|
}] });
|
|
47
47
|
|
|
48
48
|
/**
|