@ng-atomic/components 3.5.0 → 3.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/atoms/smart-menu-button/smart-menu-button.atom.d.ts +4 -4
- package/atoms/smart-menu-button/smart-menu-button.atom.d.ts.map +1 -1
- package/esm2020/atoms/icon/icon.atom.mjs +2 -2
- package/esm2020/atoms/smart-menu-button/smart-menu-button.atom.mjs +16 -15
- package/esm2020/frames/auto-layout/auto-layout.frame.mjs +2 -2
- package/esm2020/frames/drawer/drawer.frame.mjs +2 -2
- package/esm2020/frames/line-up/line-up.frame.mjs +2 -2
- package/esm2020/frames/overlay/overlay.frame.mjs +2 -2
- package/esm2020/frames/scroll/scroll.frame.mjs +2 -2
- package/esm2020/frames/smart-menu/smart-menu.frame.mjs +2 -2
- package/esm2020/molecules/actions-column/actions-column.molecule.mjs +9 -9
- package/esm2020/molecules/chips-input-field/chips-input-field.molecule.mjs +7 -4
- package/esm2020/molecules/date-input-field/date-input-field.molecule.mjs +2 -2
- package/esm2020/molecules/header/header.module.mjs +27 -0
- package/esm2020/molecules/header/header.molecule.mjs +32 -0
- package/esm2020/molecules/header/index.mjs +3 -0
- package/esm2020/molecules/header/ng-atomic-components-molecules-header.mjs +5 -0
- package/esm2020/molecules/select-input-field/select-input-field.molecule.mjs +2 -2
- package/esm2020/organisms/action-buttons-section/action-buttons-section.organism.mjs +10 -10
- package/esm2020/organisms/back-navigator/back-navigator.organism.mjs +10 -10
- package/esm2020/organisms/card-input-section/card-input-section.organism.mjs +2 -2
- package/esm2020/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.mjs +2 -2
- package/esm2020/organisms/date-input-section/date-input-section.organism.mjs +2 -2
- package/esm2020/organisms/heading/heading.organism.mjs +2 -2
- package/esm2020/organisms/navigation-list/navigation-list.organism.mjs +2 -2
- package/esm2020/organisms/navigator/navigator.organism.mjs +37 -42
- package/esm2020/organisms/paginator/paginator.organism.mjs +5 -5
- package/esm2020/organisms/select-input-section/select-input-section.organism.mjs +2 -2
- package/esm2020/organisms/smart-table/smart-table.organism.mjs +11 -10
- package/esm2020/organisms/social-login-section/social-login-section.organism.mjs +2 -2
- package/esm2020/organisms/text-input-section/text-input-section.organism.mjs +2 -2
- package/esm2020/organisms/textarea-section/textarea-section.organism.mjs +2 -2
- package/esm2020/organisms/top-navigator/top-navigator.organism.mjs +10 -10
- package/esm2020/templates/entrance/entrance.template.mjs +5 -5
- package/esm2020/templates/menu/menu.template.mjs +2 -2
- package/esm2020/templates/smart-crud/smart-crud.module.mjs +13 -6
- package/esm2020/templates/smart-crud/smart-crud.template.mjs +63 -51
- package/esm2020/templates/smart-index/smart-index.module.mjs +12 -5
- package/esm2020/templates/smart-index/smart-index.template.mjs +40 -24
- package/fesm2015/ng-atomic-components-atoms-icon.mjs +2 -2
- package/fesm2015/ng-atomic-components-atoms-smart-menu-button.mjs +15 -14
- package/fesm2015/ng-atomic-components-atoms-smart-menu-button.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-frames-auto-layout.mjs +2 -2
- package/fesm2015/ng-atomic-components-frames-drawer.mjs +2 -2
- package/fesm2015/ng-atomic-components-frames-line-up.mjs +2 -2
- package/fesm2015/ng-atomic-components-frames-overlay.mjs +2 -2
- package/fesm2015/ng-atomic-components-frames-scroll.mjs +2 -2
- package/fesm2015/ng-atomic-components-frames-smart-menu.mjs +2 -2
- package/fesm2015/ng-atomic-components-molecules-actions-column.mjs +8 -8
- package/fesm2015/ng-atomic-components-molecules-actions-column.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-molecules-chips-input-field.mjs +6 -3
- package/fesm2015/ng-atomic-components-molecules-chips-input-field.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-molecules-date-input-field.mjs +2 -2
- package/fesm2015/ng-atomic-components-molecules-header.mjs +70 -0
- package/fesm2015/ng-atomic-components-molecules-header.mjs.map +1 -0
- package/fesm2015/ng-atomic-components-molecules-select-input-field.mjs +2 -2
- package/fesm2015/ng-atomic-components-organisms-action-buttons-section.mjs +9 -9
- package/fesm2015/ng-atomic-components-organisms-action-buttons-section.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-back-navigator.mjs +9 -9
- package/fesm2015/ng-atomic-components-organisms-back-navigator.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-card-input-section.mjs +2 -2
- package/fesm2015/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs +2 -2
- package/fesm2015/ng-atomic-components-organisms-date-input-section.mjs +2 -2
- package/fesm2015/ng-atomic-components-organisms-heading.mjs +2 -2
- package/fesm2015/ng-atomic-components-organisms-navigation-list.mjs +2 -2
- package/fesm2015/ng-atomic-components-organisms-navigator.mjs +41 -42
- package/fesm2015/ng-atomic-components-organisms-navigator.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-paginator.mjs +4 -4
- package/fesm2015/ng-atomic-components-organisms-paginator.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-select-input-section.mjs +2 -2
- package/fesm2015/ng-atomic-components-organisms-smart-table.mjs +10 -9
- package/fesm2015/ng-atomic-components-organisms-smart-table.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-social-login-section.mjs +2 -2
- package/fesm2015/ng-atomic-components-organisms-text-input-section.mjs +2 -2
- package/fesm2015/ng-atomic-components-organisms-textarea-section.mjs +2 -2
- package/fesm2015/ng-atomic-components-organisms-top-navigator.mjs +9 -9
- package/fesm2015/ng-atomic-components-organisms-top-navigator.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-templates-entrance.mjs +4 -4
- package/fesm2015/ng-atomic-components-templates-entrance.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-templates-menu.mjs +2 -2
- package/fesm2015/ng-atomic-components-templates-smart-crud.mjs +75 -56
- package/fesm2015/ng-atomic-components-templates-smart-crud.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-templates-smart-index.mjs +51 -28
- package/fesm2015/ng-atomic-components-templates-smart-index.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-atoms-icon.mjs +2 -2
- package/fesm2020/ng-atomic-components-atoms-smart-menu-button.mjs +15 -14
- package/fesm2020/ng-atomic-components-atoms-smart-menu-button.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-frames-auto-layout.mjs +2 -2
- package/fesm2020/ng-atomic-components-frames-drawer.mjs +2 -2
- package/fesm2020/ng-atomic-components-frames-line-up.mjs +2 -2
- package/fesm2020/ng-atomic-components-frames-overlay.mjs +2 -2
- package/fesm2020/ng-atomic-components-frames-scroll.mjs +2 -2
- package/fesm2020/ng-atomic-components-frames-smart-menu.mjs +2 -2
- package/fesm2020/ng-atomic-components-molecules-actions-column.mjs +8 -8
- package/fesm2020/ng-atomic-components-molecules-actions-column.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-molecules-chips-input-field.mjs +6 -3
- package/fesm2020/ng-atomic-components-molecules-chips-input-field.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-molecules-date-input-field.mjs +2 -2
- package/fesm2020/ng-atomic-components-molecules-header.mjs +63 -0
- package/fesm2020/ng-atomic-components-molecules-header.mjs.map +1 -0
- package/fesm2020/ng-atomic-components-molecules-select-input-field.mjs +2 -2
- package/fesm2020/ng-atomic-components-organisms-action-buttons-section.mjs +9 -9
- package/fesm2020/ng-atomic-components-organisms-action-buttons-section.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-back-navigator.mjs +9 -9
- package/fesm2020/ng-atomic-components-organisms-back-navigator.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-card-input-section.mjs +2 -2
- package/fesm2020/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs +2 -2
- package/fesm2020/ng-atomic-components-organisms-date-input-section.mjs +2 -2
- package/fesm2020/ng-atomic-components-organisms-heading.mjs +2 -2
- package/fesm2020/ng-atomic-components-organisms-navigation-list.mjs +2 -2
- package/fesm2020/ng-atomic-components-organisms-navigator.mjs +37 -42
- package/fesm2020/ng-atomic-components-organisms-navigator.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-paginator.mjs +4 -4
- package/fesm2020/ng-atomic-components-organisms-paginator.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-select-input-section.mjs +2 -2
- package/fesm2020/ng-atomic-components-organisms-smart-table.mjs +10 -9
- package/fesm2020/ng-atomic-components-organisms-smart-table.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-social-login-section.mjs +2 -2
- package/fesm2020/ng-atomic-components-organisms-text-input-section.mjs +2 -2
- package/fesm2020/ng-atomic-components-organisms-textarea-section.mjs +2 -2
- package/fesm2020/ng-atomic-components-organisms-top-navigator.mjs +9 -9
- package/fesm2020/ng-atomic-components-organisms-top-navigator.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-templates-entrance.mjs +4 -4
- package/fesm2020/ng-atomic-components-templates-entrance.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-templates-menu.mjs +2 -2
- package/fesm2020/ng-atomic-components-templates-smart-crud.mjs +75 -56
- package/fesm2020/ng-atomic-components-templates-smart-crud.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-templates-smart-index.mjs +51 -28
- package/fesm2020/ng-atomic-components-templates-smart-index.mjs.map +1 -1
- package/molecules/actions-column/actions-column.molecule.d.ts +4 -4
- package/molecules/actions-column/actions-column.molecule.d.ts.map +1 -1
- package/molecules/chips-input-field/chips-input-field.molecule.d.ts +2 -1
- package/molecules/chips-input-field/chips-input-field.molecule.d.ts.map +1 -1
- package/molecules/header/header.module.d.ts +9 -0
- package/molecules/header/header.module.d.ts.map +1 -0
- package/molecules/header/header.molecule.d.ts +8 -0
- package/molecules/header/header.molecule.d.ts.map +1 -0
- package/molecules/header/index.d.ts +3 -0
- package/molecules/header/index.d.ts.map +1 -0
- package/molecules/header/ng-atomic-components-molecules-header.d.ts +6 -0
- package/molecules/header/ng-atomic-components-molecules-header.d.ts.map +1 -0
- package/molecules/header/package.json +10 -0
- package/organisms/action-buttons-section/action-buttons-section.organism.d.ts +5 -5
- package/organisms/action-buttons-section/action-buttons-section.organism.d.ts.map +1 -1
- package/organisms/back-navigator/back-navigator.organism.d.ts +4 -4
- package/organisms/back-navigator/back-navigator.organism.d.ts.map +1 -1
- package/organisms/navigator/navigator.organism.d.ts +5 -8
- package/organisms/navigator/navigator.organism.d.ts.map +1 -1
- package/organisms/smart-table/smart-table.organism.d.ts +5 -4
- package/organisms/smart-table/smart-table.organism.d.ts.map +1 -1
- package/organisms/top-navigator/top-navigator.organism.d.ts +3 -3
- package/organisms/top-navigator/top-navigator.organism.d.ts.map +1 -1
- package/package.json +11 -3
- package/templates/smart-crud/smart-crud.module.d.ts +3 -2
- package/templates/smart-crud/smart-crud.module.d.ts.map +1 -1
- package/templates/smart-crud/smart-crud.template.d.ts +16 -6
- package/templates/smart-crud/smart-crud.template.d.ts.map +1 -1
- package/templates/smart-index/smart-index.module.d.ts +3 -2
- package/templates/smart-index/smart-index.module.d.ts.map +1 -1
- package/templates/smart-index/smart-index.template.d.ts +13 -5
- package/templates/smart-index/smart-index.template.d.ts.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-templates-smart-index.mjs","sources":["../../../../libs/components/src/templates/smart-index/smart-index.template.html","../../../../libs/components/src/templates/smart-index/smart-index.template.ts","../../../../libs/components/src/templates/smart-index/smart-index.module.ts","../../../../libs/components/src/templates/smart-index/ng-atomic-components-templates-smart-index.ts"],"sourcesContent":["<frames-scroll>\n <organisms-back-navigator\n [canBack]=\"canBack\"\n [title]=\"title\"\n [description]=\"description\"\n [actionItems]=\"globalMenuItems\"\n (actionItemClick)=\"action.emit($event)\"\n (backButtonClick)=\"backButtonClick.emit()\"\n navigator\n ></organisms-back-navigator>\n <frames-auto-layout vertical contents>\n <organisms-smart-table\n [items]=\"items\"\n [actionItems]=\"menuItems\"\n [columns]=\"properties\"\n [selectedIdSet]=\"selectedIdSet\"\n [sortKey]=\"sortKey\"\n [sortOrder]=\"sortOrder\"\n (actionItemClick)=\"action.emit($event)\"\n (checkboxClick)=\"checkboxClick.emit($event)\"\n (headerClick)=\"tableHeaderClick.emit($event)\"\n ></organisms-smart-table>\n <organisms-paginator\n *ngIf=\"page\"\n [control]=\"queryControl\"\n [page]=\"page\"\n [pageSizeOptions]=\"pageSizeOptions\"\n [placeholder]=\"queryPlaceholder\"\n (pageChange)=\"pageChange.emit($event)\"\n ></organisms-paginator>\n </frames-auto-layout>\n</frames-scroll>","import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { PageEvent } from '@angular/material/paginator';\nimport { ActionItem } from '@ng-atomic/common/models';\nimport { FormControl } from '@ngneat/reactive-forms';\n\nexport interface Page extends PageEvent { }\n\nexport class Page {\n static fromObj(event: PageEvent = {pageSize: 50, pageIndex: 0, length: 100}): Page {\n return Object.assign(new Page(), event);\n }\n\n get start(): number {\n return this.pageIndex * this.pageSize;\n }\n\n get end(): number {\n return Math.min((this.pageIndex + 1) * this.pageSize, this.length);\n }\n\n patch(obj: Partial<PageEvent>): Page {\n return Page.fromObj({...this, ...obj});\n }\n}\n\n@Component({\n selector: 'templates-smart-index',\n templateUrl: './smart-index.template.html',\n styleUrls: ['./smart-index.template.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: { class: 'template' },\n})\nexport class SmartIndexTemplate<T> {\n\n @Input()\n canBack = false;\n\n @Input()\n queryControl = new FormControl<string>();\n\n @Input()\n title: string = '';\n\n @Input()\n description?: string;\n\n @Input()\n items: T[] = [];\n\n @Input()\n menuItems: ActionItem[] = [];\n\n @Input()\n globalMenuItems: ActionItem[] = [];\n\n @Input()\n properties: (keyof T)[] = [];\n\n @Input()\n selectedIdSet = new Set<string>();\n\n @Input()\n sortKey?: string;\n\n @Input()\n sortOrder?: string;\n\n @Input()\n page?: PageEvent = {\n pageIndex: 0,\n pageSize: 20,\n length: 100,\n };\n\n @Input()\n pageSizeOptions: number[] = [5, 10, 25, 100];\n\n @Input()\n queryPlaceholder = '';\n\n @Output()\n action = new EventEmitter<string>();\n\n @Output()\n backButtonClick = new EventEmitter();\n\n @Output()\n checkboxClick = new EventEmitter<T>();\n\n @Output()\n pageChange = new EventEmitter<PageEvent>();\n\n @Output()\n tableHeaderClick = new EventEmitter<string>();\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { ScrollModule } from '@ng-atomic/components/frames/scroll';\nimport { SmartTableModule } from '@ng-atomic/components/organisms/smart-table';\nimport { BackNavigatorModule } from '@ng-atomic/components/organisms/back-navigator';\nimport { PaginatorModule } from '@ng-atomic/components/organisms/paginator';\n\nimport { SmartIndexTemplate } from './smart-index.template';\n\n\n@NgModule({\n declarations: [\n SmartIndexTemplate\n ],\n imports: [\n CommonModule,\n // Frames\n AutoLayoutModule,\n ScrollModule,\n // Organisms\n PaginatorModule,\n SmartTableModule,\n BackNavigatorModule,\n ],\n exports: [\n SmartIndexTemplate\n ]\n})\nexport class SmartIndexModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-templates-smart-index.mjs","sources":["../../../../libs/components/src/templates/smart-index/smart-index.template.html","../../../../libs/components/src/templates/smart-index/smart-index.template.ts","../../../../libs/components/src/templates/smart-index/smart-index.module.ts","../../../../libs/components/src/templates/smart-index/ng-atomic-components-templates-smart-index.ts"],"sourcesContent":["<frames-scroll>\n <organisms-navigator\n [leftItems]=\"canBack ? navigatorLeftItems : []\"\n [rightItems]=\"navigatorMenuItems\"\n (action)=\"onAction($event)\"\n navigator\n >\n <molecules-header [title]=\"title\" [description]=\"description\"></molecules-header>\n </organisms-navigator>\n <frames-auto-layout vertical contents>\n <organisms-smart-table\n [items]=\"items\"\n [menuItems]=\"rowMenuItems\"\n [columns]=\"properties\"\n [selectedIdSet]=\"selectedIdSet\"\n [sortKey]=\"sortKey\"\n [sortOrder]=\"sortOrder\"\n (action)=\"action.emit($event)\"\n (checkboxClick)=\"checkboxClick.emit($event)\"\n (headerClick)=\"tableHeaderClick.emit($event)\"\n ></organisms-smart-table>\n <organisms-paginator\n *ngIf=\"page\"\n [control]=\"queryControl\"\n [page]=\"page\"\n [pageSizeOptions]=\"pageSizeOptions\"\n [placeholder]=\"queryPlaceholder\"\n (pageChange)=\"pageChange.emit($event)\"\n ></organisms-paginator>\n </frames-auto-layout>\n</frames-scroll>","import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { PageEvent } from '@angular/material/paginator';\nimport { Action, ActionItem } from '@ng-atomic/common/models';\nimport { FormControl } from '@ngneat/reactive-forms';\n\nexport interface Page extends PageEvent { }\n\nexport enum ActionId {\n BACK = '[@ng-atomic/components/templates/smart-crud] Back',\n}\n\nexport class Page {\n static fromObj(event: PageEvent = {pageSize: 50, pageIndex: 0, length: 100}): Page {\n return Object.assign(new Page(), event);\n }\n\n get start(): number {\n return this.pageIndex * this.pageSize;\n }\n\n get end(): number {\n return Math.min((this.pageIndex + 1) * this.pageSize, this.length);\n }\n\n patch(obj: Partial<PageEvent>): Page {\n return Page.fromObj({...this, ...obj});\n }\n}\n\n@Component({\n selector: 'templates-smart-index',\n templateUrl: './smart-index.template.html',\n styleUrls: ['./smart-index.template.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: { class: 'template' },\n})\nexport class SmartIndexTemplate<T> {\n\n @Input()\n canBack = false;\n\n @Input()\n queryControl = new FormControl<string>('');\n\n @Input()\n title: string = '';\n\n @Input()\n description?: string;\n\n @Input()\n items: T[] = [];\n\n @Input()\n rowMenuItems: ActionItem[] = [];\n\n @Input()\n navigatorMenuItems: ActionItem[] = [];\n\n @Input()\n properties: (keyof T)[] = [];\n\n @Input()\n selectedIdSet = new Set<string>();\n\n @Input()\n sortKey?: string;\n\n @Input()\n sortOrder?: string;\n\n @Input()\n page?: PageEvent = {\n pageIndex: 0,\n pageSize: 20,\n length: 100,\n };\n\n @Input()\n pageSizeOptions: number[] = [5, 10, 25, 100];\n\n @Input()\n queryPlaceholder = '';\n\n @Output()\n action = new EventEmitter<Action>();\n\n @Output()\n backButtonClick = new EventEmitter();\n\n @Output()\n checkboxClick = new EventEmitter<T>();\n\n @Output()\n pageChange = new EventEmitter<PageEvent>();\n\n @Output()\n tableHeaderClick = new EventEmitter<string>();\n\n navigatorLeftItems = [{ id: ActionId.BACK, icon: 'arrow_back' }];\n\n onAction(action: Action): void {\n switch(action.id) {\n case ActionId.BACK: return this.backButtonClick.emit();\n default: return this.action.emit(action);\n }\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { ScrollModule } from '@ng-atomic/components/frames/scroll';\nimport { HeaderModule } from '@ng-atomic/components/molecules/header';\nimport { SmartTableModule } from '@ng-atomic/components/organisms/smart-table';\nimport { NavigatorModule } from '@ng-atomic/components/organisms/navigator';\nimport { PaginatorModule } from '@ng-atomic/components/organisms/paginator';\n\nimport { SmartIndexTemplate } from './smart-index.template';\n\n\n@NgModule({\n declarations: [\n SmartIndexTemplate\n ],\n imports: [\n CommonModule,\n // Frames\n AutoLayoutModule,\n ScrollModule,\n // Organisms\n PaginatorModule,\n SmartTableModule,\n NavigatorModule,\n // Molecules\n HeaderModule,\n ],\n exports: [\n SmartIndexTemplate\n ]\n})\nexport class SmartIndexModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -46,10 +46,10 @@ IconAtom.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: IconAtom, selector
|
|
|
46
46
|
i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(1, 2, ctx.hasSvgIcon$));
|
|
47
47
|
i0.ɵɵadvance(2);
|
|
48
48
|
i0.ɵɵproperty("ngIf", !i0.ɵɵpipeBind1(3, 4, ctx.hasSvgIcon$));
|
|
49
|
-
} }, directives: [i2.NgIf, i1.MatIcon], pipes: [i2.AsyncPipe], styles: ["[_nghost-%COMP%]{display:block;--color: inherit;--color-SCOPED-IN-icon-
|
|
49
|
+
} }, directives: [i2.NgIf, i1.MatIcon], pipes: [i2.AsyncPipe], styles: ["[_nghost-%COMP%]{display:block;--color: inherit;--color-SCOPED-IN-icon-uRvA: var(--color)}[_nghost-%COMP%] mat-icon[_ngcontent-%COMP%]{color:var(--color-SCOPED-IN-icon-uRvA)}[_nghost-%COMP%] mat-icon[_ngcontent-%COMP%] svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-uRvA)}"], changeDetection: 0 });
|
|
50
50
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IconAtom, [{
|
|
51
51
|
type: Component,
|
|
52
|
-
args: [{ selector: 'atoms-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-icon\n *ngIf=\"hasSvgIcon$ | async\"\n [svgIcon]=\"name$ | async\"\n></mat-icon>\n<mat-icon\n *ngIf=\"!(hasSvgIcon$ | async)\"\n>{{ name$ | async }}</mat-icon>\n", styles: [":host{display:block;--color: inherit;--color-SCOPED-IN-icon-
|
|
52
|
+
args: [{ selector: 'atoms-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-icon\n *ngIf=\"hasSvgIcon$ | async\"\n [svgIcon]=\"name$ | async\"\n></mat-icon>\n<mat-icon\n *ngIf=\"!(hasSvgIcon$ | async)\"\n>{{ name$ | async }}</mat-icon>\n", styles: [":host{display:block;--color: inherit;--color-SCOPED-IN-icon-uRvA: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-uRvA)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-uRvA)}\n"] }]
|
|
53
53
|
}], function () { return [{ type: i1.MatIconRegistry }]; }, { name: [{
|
|
54
54
|
type: Input
|
|
55
55
|
}], color: [{
|
|
@@ -16,7 +16,7 @@ function SmartMenuButtonAtom_ng_container_2_Template(rf, ctx) { if (rf & 1) {
|
|
|
16
16
|
const _r6 = i0.ɵɵgetCurrentView();
|
|
17
17
|
i0.ɵɵelementContainerStart(0);
|
|
18
18
|
i0.ɵɵelementStart(1, "button", 5);
|
|
19
|
-
i0.ɵɵlistener("click", function SmartMenuButtonAtom_ng_container_2_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.
|
|
19
|
+
i0.ɵɵlistener("click", function SmartMenuButtonAtom_ng_container_2_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.action.emit(ctx_r5.items[0]); });
|
|
20
20
|
i0.ɵɵelementStart(2, "mat-icon");
|
|
21
21
|
i0.ɵɵtext(3);
|
|
22
22
|
i0.ɵɵelementEnd()();
|
|
@@ -24,7 +24,7 @@ function SmartMenuButtonAtom_ng_container_2_Template(rf, ctx) { if (rf & 1) {
|
|
|
24
24
|
} if (rf & 2) {
|
|
25
25
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
26
26
|
i0.ɵɵadvance(3);
|
|
27
|
-
i0.ɵɵtextInterpolate(ctx_r1.
|
|
27
|
+
i0.ɵɵtextInterpolate(ctx_r1.items[0] == null ? null : ctx_r1.items[0].icon);
|
|
28
28
|
} }
|
|
29
29
|
function SmartMenuButtonAtom_ng_container_3_button_1_Template(rf, ctx) { if (rf & 1) {
|
|
30
30
|
i0.ɵɵelementStart(0, "button", 7)(1, "mat-icon");
|
|
@@ -42,27 +42,27 @@ function SmartMenuButtonAtom_ng_container_3_Template(rf, ctx) { if (rf & 1) {
|
|
|
42
42
|
} if (rf & 2) {
|
|
43
43
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
44
44
|
i0.ɵɵadvance(1);
|
|
45
|
-
i0.ɵɵproperty("ngIf", ctx_r2.
|
|
45
|
+
i0.ɵɵproperty("ngIf", ctx_r2.items.length);
|
|
46
46
|
} }
|
|
47
47
|
function SmartMenuButtonAtom_button_6_Template(rf, ctx) { if (rf & 1) {
|
|
48
48
|
const _r10 = i0.ɵɵgetCurrentView();
|
|
49
49
|
i0.ɵɵelementStart(0, "button", 8);
|
|
50
|
-
i0.ɵɵlistener("click", function SmartMenuButtonAtom_button_6_Template_button_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r10); const
|
|
50
|
+
i0.ɵɵlistener("click", function SmartMenuButtonAtom_button_6_Template_button_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r10); const item_r8 = restoredCtx.$implicit; const ctx_r9 = i0.ɵɵnextContext(); return ctx_r9.action.emit(item_r8); });
|
|
51
51
|
i0.ɵɵtext(1);
|
|
52
52
|
i0.ɵɵelementEnd();
|
|
53
53
|
} if (rf & 2) {
|
|
54
|
-
const
|
|
54
|
+
const item_r8 = ctx.$implicit;
|
|
55
55
|
i0.ɵɵadvance(1);
|
|
56
|
-
i0.ɵɵtextInterpolate(
|
|
56
|
+
i0.ɵɵtextInterpolate(item_r8.name);
|
|
57
57
|
} }
|
|
58
58
|
class SmartMenuButtonAtom {
|
|
59
59
|
constructor() {
|
|
60
|
-
this.
|
|
61
|
-
this.
|
|
60
|
+
this.items = [];
|
|
61
|
+
this.action = new EventEmitter();
|
|
62
62
|
}
|
|
63
63
|
}
|
|
64
64
|
SmartMenuButtonAtom.ɵfac = function SmartMenuButtonAtom_Factory(t) { return new (t || SmartMenuButtonAtom)(); };
|
|
65
|
-
SmartMenuButtonAtom.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartMenuButtonAtom, selectors: [["atoms-smart-menu-button"]], inputs: {
|
|
65
|
+
SmartMenuButtonAtom.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartMenuButtonAtom, selectors: [["atoms-smart-menu-button"]], inputs: { items: "items" }, outputs: { action: "action" }, decls: 7, vars: 4, consts: [[3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"], ["menu", "matMenu"], ["mat-menu-item", "", 3, "click", 4, "ngFor", "ngForOf"], ["mat-icon-button", "", 3, "click"], ["mat-icon-button", "", 3, "matMenuTriggerFor", 4, "ngIf"], ["mat-icon-button", "", 3, "matMenuTriggerFor"], ["mat-menu-item", "", 3, "click"]], template: function SmartMenuButtonAtom_Template(rf, ctx) { if (rf & 1) {
|
|
66
66
|
i0.ɵɵelementContainerStart(0, 0);
|
|
67
67
|
i0.ɵɵtemplate(1, SmartMenuButtonAtom_ng_container_1_Template, 1, 0, "ng-container", 1);
|
|
68
68
|
i0.ɵɵtemplate(2, SmartMenuButtonAtom_ng_container_2_Template, 4, 1, "ng-container", 1);
|
|
@@ -72,20 +72,21 @@ SmartMenuButtonAtom.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartMe
|
|
|
72
72
|
i0.ɵɵtemplate(6, SmartMenuButtonAtom_button_6_Template, 2, 1, "button", 4);
|
|
73
73
|
i0.ɵɵelementEnd();
|
|
74
74
|
} if (rf & 2) {
|
|
75
|
-
|
|
75
|
+
let tmp_0_0;
|
|
76
|
+
i0.ɵɵproperty("ngSwitch", (tmp_0_0 = ctx.items == null ? null : ctx.items.length) !== null && tmp_0_0 !== undefined ? tmp_0_0 : 0);
|
|
76
77
|
i0.ɵɵadvance(1);
|
|
77
78
|
i0.ɵɵproperty("ngSwitchCase", 0);
|
|
78
79
|
i0.ɵɵadvance(1);
|
|
79
80
|
i0.ɵɵproperty("ngSwitchCase", 1);
|
|
80
81
|
i0.ɵɵadvance(4);
|
|
81
|
-
i0.ɵɵproperty("ngForOf", ctx.
|
|
82
|
+
i0.ɵɵproperty("ngForOf", ctx.items);
|
|
82
83
|
} }, directives: [i1.NgSwitch, i1.NgSwitchCase, i2.MatButton, i3.MatIcon, i1.NgSwitchDefault, i1.NgIf, i4.MatMenuTrigger, i4.MatMenu, i1.NgForOf, i4.MatMenuItem], styles: ["[_nghost-%COMP%]{display:block;width:100%;height:100%}"], changeDetection: 0 });
|
|
83
84
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartMenuButtonAtom, [{
|
|
84
85
|
type: Component,
|
|
85
|
-
args: [{ selector: 'atoms-smart-menu-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngSwitch]=\"
|
|
86
|
-
}], null, {
|
|
86
|
+
args: [{ selector: 'atoms-smart-menu-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngSwitch]=\"items?.length ?? 0\">\n <ng-container *ngSwitchCase=\"0\"></ng-container>\n <ng-container *ngSwitchCase=\"1\">\n <button mat-icon-button (click)=\"action.emit(items[0])\">\n <mat-icon>{{ items[0]?.icon }}</mat-icon>\n </button>\n </ng-container>\n <ng-container *ngSwitchDefault>\n <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"items.length\">\n <mat-icon>menu</mat-icon>\n </button>\n </ng-container>\n</ng-container>\n\n<mat-menu #menu=\"matMenu\">\n <button \n *ngFor=\"let item of items\"\n mat-menu-item \n (click)=\"action.emit(item)\"\n >{{ item.name }}</button>\n</mat-menu>\n", styles: [":host{display:block;width:100%;height:100%}\n"] }]
|
|
87
|
+
}], null, { items: [{
|
|
87
88
|
type: Input
|
|
88
|
-
}],
|
|
89
|
+
}], action: [{
|
|
89
90
|
type: Output
|
|
90
91
|
}] }); })();
|
|
91
92
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-atoms-smart-menu-button.mjs","sources":["../../../../libs/components/src/atoms/smart-menu-button/smart-menu-button.atom.html","../../../../libs/components/src/atoms/smart-menu-button/smart-menu-button.atom.ts","../../../../libs/components/src/atoms/smart-menu-button/smart-menu-button.module.ts","../../../../libs/components/src/atoms/smart-menu-button/ng-atomic-components-atoms-smart-menu-button.ts"],"sourcesContent":["<ng-container [ngSwitch]=\"
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-atoms-smart-menu-button.mjs","sources":["../../../../libs/components/src/atoms/smart-menu-button/smart-menu-button.atom.html","../../../../libs/components/src/atoms/smart-menu-button/smart-menu-button.atom.ts","../../../../libs/components/src/atoms/smart-menu-button/smart-menu-button.module.ts","../../../../libs/components/src/atoms/smart-menu-button/ng-atomic-components-atoms-smart-menu-button.ts"],"sourcesContent":["<ng-container [ngSwitch]=\"items?.length ?? 0\">\n <ng-container *ngSwitchCase=\"0\"></ng-container>\n <ng-container *ngSwitchCase=\"1\">\n <button mat-icon-button (click)=\"action.emit(items[0])\">\n <mat-icon>{{ items[0]?.icon }}</mat-icon>\n </button>\n </ng-container>\n <ng-container *ngSwitchDefault>\n <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"items.length\">\n <mat-icon>menu</mat-icon>\n </button>\n </ng-container>\n</ng-container>\n\n<mat-menu #menu=\"matMenu\">\n <button \n *ngFor=\"let item of items\"\n mat-menu-item \n (click)=\"action.emit(item)\"\n >{{ item.name }}</button>\n</mat-menu>\n","import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action, ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n selector: 'atoms-smart-menu-button',\n templateUrl: './smart-menu-button.atom.html',\n styleUrls: ['./smart-menu-button.atom.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SmartMenuButtonAtom {\n @Input()\n items: ActionItem[] = [];\n\n @Output()\n action = new EventEmitter<Action>();\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\n\nimport { SmartMenuButtonAtom } from './smart-menu-button.atom';\n\n\n@NgModule({\n declarations: [SmartMenuButtonAtom],\n imports: [\n CommonModule,\n // Material\n MatButtonModule,\n MatIconModule,\n MatMenuModule,\n ],\n exports: [SmartMenuButtonAtom]\n})\nexport class SmartMenuButtonModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -9,10 +9,10 @@ AutoLayoutFrame.ɵfac = function AutoLayoutFrame_Factory(t) { return new (t || A
|
|
|
9
9
|
AutoLayoutFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AutoLayoutFrame, selectors: [["frames-auto-layout"]], ngContentSelectors: _c0, decls: 1, vars: 0, template: function AutoLayoutFrame_Template(rf, ctx) { if (rf & 1) {
|
|
10
10
|
i0.ɵɵprojectionDef();
|
|
11
11
|
i0.ɵɵprojection(0);
|
|
12
|
-
} }, styles: ["[_nghost-%COMP%]{--gap: 24px;--gap-SCOPED-IN-auto-layout-
|
|
12
|
+
} }, styles: ["[_nghost-%COMP%]{--gap: 24px;--gap-SCOPED-IN-auto-layout-ASco: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-ASco: var(--vertical-padding)}[_nghost-%COMP%]{display:flex;width:100%;height:100%;justify-content:center;grid-gap:var(--gap-SCOPED-IN-auto-layout-ASco);gap:var(--gap-SCOPED-IN-auto-layout-ASco);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-ASco) 0}[horizontal][_nghost-%COMP%]{flex-direction:row}[vertical][_nghost-%COMP%]{flex-direction:column}"], changeDetection: 0 });
|
|
13
13
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AutoLayoutFrame, [{
|
|
14
14
|
type: Component,
|
|
15
|
-
args: [{ selector: 'frames-auto-layout', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-
|
|
15
|
+
args: [{ selector: 'frames-auto-layout', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-ASco: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-ASco: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;grid-gap:var(--gap-SCOPED-IN-auto-layout-ASco);gap:var(--gap-SCOPED-IN-auto-layout-ASco);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-ASco) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"] }]
|
|
16
16
|
}], null, null); })();
|
|
17
17
|
|
|
18
18
|
class AutoLayoutModule {
|
|
@@ -34,10 +34,10 @@ DrawerFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DrawerFrame, se
|
|
|
34
34
|
i0.ɵɵelementEnd()();
|
|
35
35
|
} if (rf & 2) {
|
|
36
36
|
i0.ɵɵproperty("autosize", false);
|
|
37
|
-
} }, directives: [i1.MatDrawerContainer, i1.MatDrawer, i1.MatDrawerContent], styles: ["[_nghost-%COMP%]{--content-width: 360px;--content-width-SCOPED-IN-drawer-
|
|
37
|
+
} }, directives: [i1.MatDrawerContainer, i1.MatDrawer, i1.MatDrawerContent], styles: ["[_nghost-%COMP%]{--content-width: 360px;--content-width-SCOPED-IN-drawer-3IK8: var(--content-width)}[_nghost-%COMP%] mat-drawer-content[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
|
|
38
38
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrawerFrame, [{
|
|
39
39
|
type: Component,
|
|
40
|
-
args: [{ selector: 'frames-drawer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-drawer-container [autosize]=\"false\">\n <mat-drawer #drawer mode=\"side\">\n <ng-content select=[drawer]></ng-content>\n </mat-drawer>\n\n <mat-drawer-content>\n <ng-content select=[contents]></ng-content>\n </mat-drawer-content>\n \n</mat-drawer-container>", styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-
|
|
40
|
+
args: [{ selector: 'frames-drawer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-drawer-container [autosize]=\"false\">\n <mat-drawer #drawer mode=\"side\">\n <ng-content select=[drawer]></ng-content>\n </mat-drawer>\n\n <mat-drawer-content>\n <ng-content select=[contents]></ng-content>\n </mat-drawer-content>\n \n</mat-drawer-container>", styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-3IK8: var(--content-width)}:host mat-drawer-content{width:100%}\n"] }]
|
|
41
41
|
}], null, { drawer: [{
|
|
42
42
|
type: ViewChild,
|
|
43
43
|
args: [MatDrawer]
|
|
@@ -177,10 +177,10 @@ LineUpFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LineUpFrame, se
|
|
|
177
177
|
i0.ɵɵproperty("@modeChangeForMain", ctx.mode);
|
|
178
178
|
i0.ɵɵadvance(3);
|
|
179
179
|
i0.ɵɵproperty("@modeChangeForNext", ctx.mode);
|
|
180
|
-
} }, styles: ["[_nghost-%COMP%]{--gap: 1px;--gap-SCOPED-IN-line-up-
|
|
180
|
+
} }, styles: ["[_nghost-%COMP%]{--gap: 1px;--gap-SCOPED-IN-line-up-BU7a: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-BU7a: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-BU7a: var(--contents-background)}[_nghost-%COMP%]{position:relative;display:flex;justify-content:flex-start;grid-gap:var(--gap-SCOPED-IN-line-up-BU7a);gap:var(--gap-SCOPED-IN-line-up-BU7a);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-BU7a)}[_nghost-%COMP%] div[_ngcontent-%COMP%]{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-BU7a)}[_nghost-%COMP%] div.main[_ngcontent-%COMP%]{overflow:hidden;justify-content:flex-end}[_nghost-%COMP%] div.next[_ngcontent-%COMP%]{overflow:visible;justify-content:flex-start}"], data: { animation: LINE_UP_ANIMATIONS } });
|
|
181
181
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LineUpFrame, [{
|
|
182
182
|
type: Component,
|
|
183
|
-
args: [{ selector: 'frames-line-up', changeDetection: ChangeDetectionStrategy.Default, animations: LINE_UP_ANIMATIONS, template: "<div class=\"main\" [@modeChangeForMain]=\"mode\" #main>\n <ng-content select=\"[main]\"></ng-content>\n</div>\n<div class=\"next\" [@modeChangeForNext]=\"mode\" #next>\n <ng-content select=\"[next]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-line-up-
|
|
183
|
+
args: [{ selector: 'frames-line-up', changeDetection: ChangeDetectionStrategy.Default, animations: LINE_UP_ANIMATIONS, template: "<div class=\"main\" [@modeChangeForMain]=\"mode\" #main>\n <ng-content select=\"[main]\"></ng-content>\n</div>\n<div class=\"next\" [@modeChangeForNext]=\"mode\" #next>\n <ng-content select=\"[next]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-line-up-BU7a: var(--gap);--background: #ccc;--background-SCOPED-IN-line-up-BU7a: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-line-up-BU7a: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;grid-gap:var(--gap-SCOPED-IN-line-up-BU7a);gap:var(--gap-SCOPED-IN-line-up-BU7a);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-line-up-BU7a)}:host div{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-line-up-BU7a)}:host div.main{overflow:hidden;justify-content:flex-end}:host div.next{overflow:visible;justify-content:flex-start}\n"] }]
|
|
184
184
|
}], function () { return [{ type: LineUpFrameService }]; }, { hasNext: [{
|
|
185
185
|
type: HostBinding,
|
|
186
186
|
args: ['attr.has-next']
|
|
@@ -50,10 +50,10 @@ OverlayFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OverlayFrame,
|
|
|
50
50
|
} if (rf & 2) {
|
|
51
51
|
i0.ɵɵadvance(2);
|
|
52
52
|
i0.ɵɵproperty("@hasNext", ctx.hasNext);
|
|
53
|
-
} }, styles: ["[_nghost-%COMP%]{--cell: 8px;--cell-SCOPED-IN-line-overlay-
|
|
53
|
+
} }, styles: ["[_nghost-%COMP%]{--cell: 8px;--cell-SCOPED-IN-line-overlay-HKuI: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-HKuI: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-HKuI: var(--height)}[_nghost-%COMP%]{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-HKuI);height:var(--height-SCOPED-IN-line-overlay-HKuI)}[_nghost-%COMP%] .loading[_ngcontent-%COMP%]{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-HKuI);height:var(--height-SCOPED-IN-line-overlay-HKuI);justify-content:center;align-items:center;background-color:#0006}[_nghost-%COMP%] .main[_ngcontent-%COMP%]{position:absolute;top:0;left:0;z-index:1;width:var(--width-SCOPED-IN-line-overlay-HKuI);height:var(--height-SCOPED-IN-line-overlay-HKuI);overflow:hidden}[_nghost-%COMP%] .main[_ngcontent-%COMP%] *[_ngcontent-%COMP%]{--cell: var(--cell-SCOPED-IN-line-overlay-HKuI);--width: var(--width-SCOPED-IN-line-overlay-HKuI);--height: var(--height-SCOPED-IN-line-overlay-HKuI)}[_nghost-%COMP%] .next[_ngcontent-%COMP%]{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-HKuI);height:auto}[_nghost-%COMP%] .next[_ngcontent-%COMP%] *[_ngcontent-%COMP%]{--cell: var(--cell-SCOPED-IN-line-overlay-HKuI);--width: var(--width-SCOPED-IN-line-overlay-HKuI);--height: var(--height-SCOPED-IN-line-overlay-HKuI)}"], data: { animation: [OVERLAY_ANIMATION] }, changeDetection: 0 });
|
|
54
54
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OverlayFrame, [{
|
|
55
55
|
type: Component,
|
|
56
|
-
args: [{ selector: 'frames-overlay', animations: [OVERLAY_ANIMATION], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"main\">\n <ng-content select=[main]></ng-content>\n</div>\n<div class=\"next\" [@hasNext]=\"hasNext\">\n <ng-content select=[next]></ng-content>\n</div>", styles: [":host{--cell: 8px;--cell-SCOPED-IN-line-overlay-
|
|
56
|
+
args: [{ selector: 'frames-overlay', animations: [OVERLAY_ANIMATION], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"main\">\n <ng-content select=[main]></ng-content>\n</div>\n<div class=\"next\" [@hasNext]=\"hasNext\">\n <ng-content select=[next]></ng-content>\n</div>", styles: [":host{--cell: 8px;--cell-SCOPED-IN-line-overlay-HKuI: var(--cell);--width: 100%;--width-SCOPED-IN-line-overlay-HKuI: var(--width);--height: 100%;--height-SCOPED-IN-line-overlay-HKuI: var(--height)}:host{position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-HKuI);height:var(--height-SCOPED-IN-line-overlay-HKuI)}:host .loading{position:absolute;z-index:1000;top:0;left:0;display:flex;width:var(--width-SCOPED-IN-line-overlay-HKuI);height:var(--height-SCOPED-IN-line-overlay-HKuI);justify-content:center;align-items:center;background-color:#0006}:host .main{position:absolute;top:0;left:0;z-index:1;width:var(--width-SCOPED-IN-line-overlay-HKuI);height:var(--height-SCOPED-IN-line-overlay-HKuI);overflow:hidden}:host .main *{--cell: var(--cell-SCOPED-IN-line-overlay-HKuI);--width: var(--width-SCOPED-IN-line-overlay-HKuI);--height: var(--height-SCOPED-IN-line-overlay-HKuI)}:host .next{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-HKuI);height:auto}:host .next *{--cell: var(--cell-SCOPED-IN-line-overlay-HKuI);--width: var(--width-SCOPED-IN-line-overlay-HKuI);--height: var(--height-SCOPED-IN-line-overlay-HKuI)}\n"] }]
|
|
57
57
|
}], null, { hasNext: [{
|
|
58
58
|
type: Input
|
|
59
59
|
}] }); })();
|
|
@@ -17,10 +17,10 @@ ScrollFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ScrollFrame, se
|
|
|
17
17
|
i0.ɵɵelementStart(2, "div", 1);
|
|
18
18
|
i0.ɵɵprojection(3, 1);
|
|
19
19
|
i0.ɵɵelementEnd();
|
|
20
|
-
} }, directives: [i1.IosSafariScrollBuggyfillDirective], styles: ["[_nghost-%COMP%]{--height: 100%;--height-SCOPED-IN-scroll-
|
|
20
|
+
} }, directives: [i1.IosSafariScrollBuggyfillDirective], styles: ["[_nghost-%COMP%]{--height: 100%;--height-SCOPED-IN-scroll-LW8L: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-LW8L: var(--navigator-height)}[_nghost-%COMP%]{height:var(--height-SCOPED-IN-scroll-LW8L);overflow:hidden}[_nghost-%COMP%] .navigator-container[_ngcontent-%COMP%]{height:var(--navigator-height-SCOPED-IN-scroll-LW8L);overflow:hidden;touch-action:none}[_nghost-%COMP%] .contents-container[_ngcontent-%COMP%]{height:calc(var(--height-SCOPED-IN-scroll-LW8L) - var(--navigator-height-SCOPED-IN-scroll-LW8L));overflow:scroll;-webkit-overflow-scrolling:touch}"], changeDetection: 0 });
|
|
21
21
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ScrollFrame, [{
|
|
22
22
|
type: Component,
|
|
23
|
-
args: [{ selector: 'frames-scroll', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"navigator-container\" iosSafariScrollBuggyfill>\n <ng-content select=[navigator]></ng-content>\n</div>\n<div class=\"contents-container\">\n <ng-content select=[contents]></ng-content>\n</div>", styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-
|
|
23
|
+
args: [{ selector: 'frames-scroll', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"navigator-container\" iosSafariScrollBuggyfill>\n <ng-content select=[navigator]></ng-content>\n</div>\n<div class=\"contents-container\">\n <ng-content select=[contents]></ng-content>\n</div>", styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-LW8L: var(--height);--navigator-height: 56px;--navigator-height-SCOPED-IN-scroll-LW8L: var(--navigator-height)}:host{height:var(--height-SCOPED-IN-scroll-LW8L);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-LW8L);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-LW8L) - var(--navigator-height-SCOPED-IN-scroll-LW8L));overflow:scroll;-webkit-overflow-scrolling:touch}\n"] }]
|
|
24
24
|
}], null, null); })();
|
|
25
25
|
|
|
26
26
|
class ScrollModule {
|
|
@@ -33,10 +33,10 @@ SmartMenuFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartMenuFra
|
|
|
33
33
|
i0.ɵɵelementStart(3, "div", 2, 3);
|
|
34
34
|
i0.ɵɵprojection(5, 1);
|
|
35
35
|
i0.ɵɵelementEnd();
|
|
36
|
-
} }, styles: ["[_nghost-%COMP%]{--gap: 1px;--gap-SCOPED-IN-smart-menu-
|
|
36
|
+
} }, styles: ["[_nghost-%COMP%]{--gap: 1px;--gap-SCOPED-IN-smart-menu-Upsl: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-Upsl: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-Upsl: var(--contents-background)}[_nghost-%COMP%]{position:relative;display:flex;justify-content:flex-start;grid-gap:var(--gap-SCOPED-IN-smart-menu-Upsl);gap:var(--gap-SCOPED-IN-smart-menu-Upsl);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-Upsl)}[_nghost-%COMP%] .contents[_ngcontent-%COMP%]{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-Upsl)}[_nghost-%COMP%] .contents.menu[_ngcontent-%COMP%]{overflow:hidden;justify-content:flex-end}[_nghost-%COMP%] .contents.contents[_ngcontent-%COMP%]{overflow:visible;justify-content:flex-start}"], changeDetection: 0 });
|
|
37
37
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartMenuFrame, [{
|
|
38
38
|
type: Component,
|
|
39
|
-
args: [{ selector: 'frames-smart-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"menu\" #menu>\n <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-
|
|
39
|
+
args: [{ selector: 'frames-smart-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"menu\" #menu>\n <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-Upsl: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-Upsl: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-Upsl: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;grid-gap:var(--gap-SCOPED-IN-smart-menu-Upsl);gap:var(--gap-SCOPED-IN-smart-menu-Upsl);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-Upsl)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-Upsl)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"] }]
|
|
40
40
|
}], null, { isMainHidden: [{
|
|
41
41
|
type: HostBinding,
|
|
42
42
|
args: ['attr.is-main-hidden']
|
|
@@ -19,19 +19,19 @@ function ActionsColumnMolecule_th_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
19
19
|
function ActionsColumnMolecule_td_2_Template(rf, ctx) { if (rf & 1) {
|
|
20
20
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
21
21
|
i0.ɵɵelementStart(0, "td", 4)(1, "atoms-smart-menu-button", 5);
|
|
22
|
-
i0.ɵɵlistener("
|
|
22
|
+
i0.ɵɵlistener("action", function ActionsColumnMolecule_td_2_Template_atoms_smart_menu_button_action_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r4); const item_r2 = restoredCtx.$implicit; const ctx_r3 = i0.ɵɵnextContext(); return ctx_r3.action.emit({ id: $event.id, payload: item_r2 }); });
|
|
23
23
|
i0.ɵɵelementEnd()();
|
|
24
24
|
} if (rf & 2) {
|
|
25
25
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
26
26
|
i0.ɵɵadvance(1);
|
|
27
|
-
i0.ɵɵproperty("
|
|
27
|
+
i0.ɵɵproperty("items", ctx_r1.items);
|
|
28
28
|
} }
|
|
29
29
|
class ActionsColumnMolecule {
|
|
30
30
|
constructor(_table, _options) {
|
|
31
31
|
this._table = _table;
|
|
32
32
|
this._options = _options;
|
|
33
|
-
this.
|
|
34
|
-
this.
|
|
33
|
+
this.items = [];
|
|
34
|
+
this.action = new EventEmitter();
|
|
35
35
|
this._options ?? (this._options = {});
|
|
36
36
|
}
|
|
37
37
|
get name() {
|
|
@@ -70,7 +70,7 @@ ActionsColumnMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Actio
|
|
|
70
70
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.columnDef = _t.first);
|
|
71
71
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.cell = _t.first);
|
|
72
72
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.headerCell = _t.first);
|
|
73
|
-
} }, inputs: { name: "name",
|
|
73
|
+
} }, inputs: { name: "name", items: "items" }, outputs: { action: "action" }, decls: 3, vars: 0, consts: [["matColumnDef", ""], ["mat-header-cell", "", 4, "matHeaderCellDef"], ["mat-cell", "", 4, "matCellDef"], ["mat-header-cell", ""], ["mat-cell", ""], [3, "items", "action"]], template: function ActionsColumnMolecule_Template(rf, ctx) { if (rf & 1) {
|
|
74
74
|
i0.ɵɵelementContainerStart(0, 0);
|
|
75
75
|
i0.ɵɵtemplate(1, ActionsColumnMolecule_th_1_Template, 2, 0, "th", 1);
|
|
76
76
|
i0.ɵɵtemplate(2, ActionsColumnMolecule_td_2_Template, 2, 1, "td", 2);
|
|
@@ -78,7 +78,7 @@ ActionsColumnMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Actio
|
|
|
78
78
|
} }, directives: [i2.MatColumnDef, i2.MatHeaderCellDef, i2.MatHeaderCell, i2.MatCellDef, i2.MatCell, i3.SmartMenuButtonAtom], styles: [""], encapsulation: 2 });
|
|
79
79
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionsColumnMolecule, [{
|
|
80
80
|
type: Component,
|
|
81
|
-
args: [{ selector: 'molecules-actions-column', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, template: "<ng-container matColumnDef>\n <th mat-header-cell *matHeaderCellDef>\u64CD\u4F5C</th>\n <td mat-cell *matCellDef=\"let item\">\n <atoms-smart-menu-button\n [
|
|
81
|
+
args: [{ selector: 'molecules-actions-column', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, template: "<ng-container matColumnDef>\n <th mat-header-cell *matHeaderCellDef>\u64CD\u4F5C</th>\n <td mat-cell *matCellDef=\"let item\">\n <atoms-smart-menu-button\n [items]=\"items\"\n (action)=\"action.emit({id: $event.id, payload: item})\"\n ></atoms-smart-menu-button>\n </td>\n</ng-container>\n", styles: [""] }]
|
|
82
82
|
}], function () { return [{ type: i1.CdkTable, decorators: [{
|
|
83
83
|
type: Optional
|
|
84
84
|
}] }, { type: undefined, decorators: [{
|
|
@@ -88,9 +88,9 @@ ActionsColumnMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Actio
|
|
|
88
88
|
args: [TEXT_COLUMN_OPTIONS]
|
|
89
89
|
}] }]; }, { name: [{
|
|
90
90
|
type: Input
|
|
91
|
-
}],
|
|
91
|
+
}], items: [{
|
|
92
92
|
type: Input
|
|
93
|
-
}],
|
|
93
|
+
}], action: [{
|
|
94
94
|
type: Output
|
|
95
95
|
}], columnDef: [{
|
|
96
96
|
type: ViewChild,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-molecules-actions-column.mjs","sources":["../../../../libs/components/src/molecules/actions-column/actions-column.molecule.html","../../../../libs/components/src/molecules/actions-column/actions-column.molecule.ts","../../../../libs/components/src/molecules/actions-column/actions-column.module.ts","../../../../libs/components/src/molecules/actions-column/ng-atomic-components-molecules-actions-column.ts"],"sourcesContent":["<ng-container matColumnDef>\n <th mat-header-cell *matHeaderCellDef>操作</th>\n <td mat-cell *matCellDef=\"let item\">\n <atoms-smart-menu-button\n [
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-molecules-actions-column.mjs","sources":["../../../../libs/components/src/molecules/actions-column/actions-column.molecule.html","../../../../libs/components/src/molecules/actions-column/actions-column.molecule.ts","../../../../libs/components/src/molecules/actions-column/actions-column.module.ts","../../../../libs/components/src/molecules/actions-column/ng-atomic-components-molecules-actions-column.ts"],"sourcesContent":["<ng-container matColumnDef>\n <th mat-header-cell *matHeaderCellDef>操作</th>\n <td mat-cell *matCellDef=\"let item\">\n <atoms-smart-menu-button\n [items]=\"items\"\n (action)=\"action.emit({id: $event.id, payload: item})\"\n ></atoms-smart-menu-button>\n </td>\n</ng-container>\n","import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef, CdkTable, TextColumnOptions, TEXT_COLUMN_OPTIONS } from '@angular/cdk/table';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Inject, Input, Optional, Output, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { Action, ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n selector: 'molecules-actions-column',\n templateUrl: './actions-column.molecule.html',\n styleUrls: ['./actions-column.molecule.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class ActionsColumnMolecule<T> {\n @Input()\n get name(): string {\n return this._name;\n }\n set name(name: string) {\n this._name = name;\n this._syncColumnDefName();\n }\n _name!: string;\n\n @Input()\n items: ActionItem[] = [];\n\n @Output()\n action = new EventEmitter<Action>();\n\n @ViewChild(CdkColumnDef, {static: true})\n columnDef!: CdkColumnDef;\n \n @ViewChild(CdkCellDef, {static: true})\n cell!: CdkCellDef;\n\n @ViewChild(CdkHeaderCellDef, {static: true})\n headerCell!: CdkHeaderCellDef;\n\n constructor(\n @Optional() private _table: CdkTable<T>,\n @Optional() @Inject(TEXT_COLUMN_OPTIONS) private _options: TextColumnOptions<T>,\n ) {\n this._options ??= {};\n }\n\n ngOnInit() {\n this._syncColumnDefName();\n\n if (this._table) {\n this.columnDef.cell = this.cell;\n this.columnDef.headerCell = this.headerCell;\n this._table.addColumnDef(this.columnDef);\n }\n }\n\n ngOnDestroy() {\n if (this._table) {\n this._table.removeColumnDef(this.columnDef);\n }\n }\n\n private _syncColumnDefName() {\n if (this.columnDef) {\n this.columnDef.name = this.name;\n }\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';\n\nimport { ActionsColumnMolecule } from './actions-column.molecule';\n\n@NgModule({\n declarations: [\n ActionsColumnMolecule\n ],\n imports: [\n CommonModule,\n // Materials\n MatTableModule,\n MatMenuModule,\n MatButtonModule,\n MatIconModule,\n // Atoms\n SmartMenuButtonModule,\n ],\n exports: [ActionsColumnMolecule],\n bootstrap: [ActionsColumnMolecule],\n})\nexport class ActionsColumnModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -46,6 +46,7 @@ class ChipsInputFieldMolecule {
|
|
|
46
46
|
this.chipsManager = chipsManager;
|
|
47
47
|
this.appearance = 'outline';
|
|
48
48
|
this.control = new FormControl('');
|
|
49
|
+
this.floatLabel = 'auto';
|
|
49
50
|
this.label = 'label';
|
|
50
51
|
this.hint = 'hint';
|
|
51
52
|
this.placeholder = 'placeholder';
|
|
@@ -73,7 +74,7 @@ class ChipsInputFieldMolecule {
|
|
|
73
74
|
}
|
|
74
75
|
}
|
|
75
76
|
ChipsInputFieldMolecule.ɵfac = function ChipsInputFieldMolecule_Factory(t) { return new (t || ChipsInputFieldMolecule)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.ChipsManager)); };
|
|
76
|
-
ChipsInputFieldMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ChipsInputFieldMolecule, selectors: [["molecules-chips-input-field"]], inputs: { appearance: "appearance", control: "control", label: "label", hint: "hint", placeholder: "placeholder", separators: "separators" }, features: [i0.ɵɵProvidersFeature([ChipsManager])], decls: 8, vars:
|
|
77
|
+
ChipsInputFieldMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ChipsInputFieldMolecule, selectors: [["molecules-chips-input-field"]], inputs: { appearance: "appearance", control: "control", floatLabel: "floatLabel", label: "label", hint: "hint", placeholder: "placeholder", separators: "separators" }, features: [i0.ɵɵProvidersFeature([ChipsManager])], decls: 8, vars: 9, consts: [[3, "appearance", "floatLabel"], ["chipList", ""], [3, "removed", 4, "ngFor", "ngForOf"], ["matInput", "", 3, "placeholder", "matChipInputFor", "matChipInputSeparatorKeyCodes", "matChipInputAddOnBlur", "matChipInputTokenEnd"], [4, "ngIf"], [3, "removed"], ["matChipRemove", ""]], template: function ChipsInputFieldMolecule_Template(rf, ctx) { if (rf & 1) {
|
|
77
78
|
i0.ɵɵelementStart(0, "mat-form-field", 0)(1, "mat-label");
|
|
78
79
|
i0.ɵɵtext(2);
|
|
79
80
|
i0.ɵɵelementEnd();
|
|
@@ -86,7 +87,7 @@ ChipsInputFieldMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Chi
|
|
|
86
87
|
i0.ɵɵelementEnd();
|
|
87
88
|
} if (rf & 2) {
|
|
88
89
|
const _r0 = i0.ɵɵreference(4);
|
|
89
|
-
i0.ɵɵproperty("appearance", ctx.appearance);
|
|
90
|
+
i0.ɵɵproperty("appearance", ctx.appearance)("floatLabel", ctx.floatLabel);
|
|
90
91
|
i0.ɵɵadvance(2);
|
|
91
92
|
i0.ɵɵtextInterpolate(ctx.label);
|
|
92
93
|
i0.ɵɵadvance(3);
|
|
@@ -98,11 +99,13 @@ ChipsInputFieldMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Chi
|
|
|
98
99
|
} }, directives: [i2.MatFormField, i2.MatLabel, i3.MatChipList, i4.NgForOf, i3.MatChip, i5.MatIcon, i3.MatChipRemove, i6.MatInput, i3.MatChipInput, i4.NgIf, i2.MatHint], styles: ["[_nghost-%COMP%]{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}[_nghost-%COMP%] mat-form-field[_ngcontent-%COMP%]{width:100%;height:100%}"] });
|
|
99
100
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ChipsInputFieldMolecule, [{
|
|
100
101
|
type: Component,
|
|
101
|
-
args: [{ selector: 'molecules-chips-input-field', providers: [ChipsManager], template: "<mat-form-field [appearance]=\"appearance\">\n <mat-label>{{ label }}</mat-label>\n <mat-chip-list #chipList>\n <mat-chip *ngFor=\"let chip of chipsManager.chips\" (removed)=\"remove(chip)\">\n {{chip}} <mat-icon matChipRemove>cancel</mat-icon>\n </mat-chip>\n <input\n matInput\n [placeholder]=\"placeholder\"\n [matChipInputFor]=\"chipList\"\n [matChipInputSeparatorKeyCodes]=\"separators\"\n [matChipInputAddOnBlur]=\"true\"\n (matChipInputTokenEnd)=\"onChiInputTokenEnd($event)\"\n >\n</mat-chip-list>\n\n <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host mat-form-field{width:100%;height:100%}\n"] }]
|
|
102
|
+
args: [{ selector: 'molecules-chips-input-field', providers: [ChipsManager], template: "<mat-form-field [appearance]=\"appearance\" [floatLabel]=\"floatLabel\">\n <mat-label>{{ label }}</mat-label>\n <mat-chip-list #chipList>\n <mat-chip *ngFor=\"let chip of chipsManager.chips\" (removed)=\"remove(chip)\">\n {{chip}} <mat-icon matChipRemove>cancel</mat-icon>\n </mat-chip>\n <input\n matInput\n [placeholder]=\"placeholder\"\n [matChipInputFor]=\"chipList\"\n [matChipInputSeparatorKeyCodes]=\"separators\"\n [matChipInputAddOnBlur]=\"true\"\n (matChipInputTokenEnd)=\"onChiInputTokenEnd($event)\"\n >\n</mat-chip-list>\n\n <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host mat-form-field{width:100%;height:100%}\n"] }]
|
|
102
103
|
}], function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.ChipsManager }]; }, { appearance: [{
|
|
103
104
|
type: Input
|
|
104
105
|
}], control: [{
|
|
105
106
|
type: Input
|
|
107
|
+
}], floatLabel: [{
|
|
108
|
+
type: Input
|
|
106
109
|
}], label: [{
|
|
107
110
|
type: Input
|
|
108
111
|
}], hint: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-molecules-chips-input-field.mjs","sources":["../../../../libs/components/src/molecules/chips-input-field/chips-input-field.molecule.html","../../../../libs/components/src/molecules/chips-input-field/chips-input-field.molecule.ts","../../../../libs/components/src/molecules/chips-input-field/chips-input-field.module.ts","../../../../libs/components/src/molecules/chips-input-field/ng-atomic-components-molecules-chips-input-field.ts"],"sourcesContent":["<mat-form-field [appearance]=\"appearance\">\n <mat-label>{{ label }}</mat-label>\n <mat-chip-list #chipList>\n <mat-chip *ngFor=\"let chip of chipsManager.chips\" (removed)=\"remove(chip)\">\n {{chip}} <mat-icon matChipRemove>cancel</mat-icon>\n </mat-chip>\n <input\n matInput\n [placeholder]=\"placeholder\"\n [matChipInputFor]=\"chipList\"\n [matChipInputSeparatorKeyCodes]=\"separators\"\n [matChipInputAddOnBlur]=\"true\"\n (matChipInputTokenEnd)=\"onChiInputTokenEnd($event)\"\n >\n</mat-chip-list>\n\n <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>","import { COMMA, ENTER, SPACE } from '@angular/cdk/keycodes';\nimport { ChangeDetectorRef, Component, Input } from '@angular/core';\nimport { MatChipInputEvent } from '@angular/material/chips';\nimport { MatFormFieldAppearance } from '@angular/material/form-field';\nimport { FormControl } from '@ngneat/reactive-forms';\nimport { ReplaySubject, takeUntil } from 'rxjs';\nimport { ChipsManager } from '@ng-atomic/common/services/chips-manager';\n\n\n@Component({\n selector: 'molecules-chips-input-field',\n templateUrl: './chips-input-field.molecule.html',\n styleUrls: ['./chips-input-field.molecule.scss'],\n // changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [ChipsManager],\n})\nexport class ChipsInputFieldMolecule {\n\n @Input()\n appearance: MatFormFieldAppearance = 'outline';\n\n @Input()\n control = new FormControl<string>('');\n\n @Input()\n label = 'label';\n\n @Input()\n hint = 'hint';\n\n @Input()\n placeholder = 'placeholder';\n\n @Input()\n separators = [ENTER, COMMA, SPACE] as const;\n\n private readonly destroy$ = new ReplaySubject<void>(1);\n\n constructor(\n private cd: ChangeDetectorRef,\n public chipsManager: ChipsManager,\n ) { }\n\n ngOnInit(): void {\n this.chipsManager.setValue(this.control.value);\n this.control.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((value) => {\n this.chipsManager.setValue(value);\n this.cd.markForCheck();\n });\n }\n\n ngOnDestroy(): void {\n this.destroy$.next();\n }\n\n onChiInputTokenEnd(event: MatChipInputEvent): void {\n this.chipsManager.add(event.value);\n this.control.setValue(this.chipsManager.getValue());\n event.input.value = '';\n }\n\n remove(value: string): void {\n this.chipsManager.remove(value);\n this.control.setValue(this.chipsManager.getValue());\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ChipsInputModule } from '@ng-atomic/components/atoms/chips-input';\n\nimport { ChipsInputFieldMolecule } from './chips-input-field.molecule';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatChipsModule } from '@angular/material/chips';\nimport { MatIconModule } from '@angular/material/icon';\n\n@NgModule({\n declarations: [\n ChipsInputFieldMolecule\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n // Materials\n MatChipsModule,\n MatIconModule,\n MatInputModule,\n MatFormFieldModule,\n MatInputModule,\n // Atoms\n ChipsInputModule,\n ],\n exports: [ChipsInputFieldMolecule],\n bootstrap: [ChipsInputFieldMolecule],\n})\nexport class ChipsInputFieldModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAGI,EAA2E,CAAA,cAAA,CAAA,CAAA,EAAA,UAAA,EAAA,CAAA,CAAA,CAAA;AAAzB,IAAA,EAAA,CAAA,UAAA,CAAA,SAAA,EAAA,SAAA,uEAAA,GAAA,EAAA,MAAA,WAAA,GAAA,EAAA,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,CAAA,MAAA,OAAA,GAAA,WAAA,CAAA,SAAA,CAAA,CAAA,MAAA,MAAA,GAAA,EAAA,CAAA,aAAA,EAAA,CAAA,CAAA,OAAW,sBAAY,CAAC,EAAA,CAAA,CAAA;IACxE,EAAS,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;IAAA,EAAwB,CAAA,cAAA,CAAA,CAAA,EAAA,UAAA,EAAA,CAAA,CAAA,CAAA;IAAA,EAAM,CAAA,MAAA,CAAA,CAAA,EAAA,QAAA,CAAA,CAAA;AAAA,IAAA,EAAA,CAAA,YAAA,EAAW,EAAA,CAAA;;;IAAlD,EAAS,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;IAAT,EAAS,CAAA,kBAAA,CAAA,GAAA,EAAA,OAAA,EAAA,GAAA,CAAA,CAAA;;;IAYb,EAAuB,CAAA,cAAA,CAAA,CAAA,EAAA,UAAA,CAAA,CAAA;IAAA,EAAU,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;IAAA,EAAW,CAAA,YAAA,EAAA,CAAA;;;IAArB,EAAU,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;IAAV,EAAU,CAAA,iBAAA,CAAA,MAAA,CAAA,IAAA,CAAA,CAAA;;MCAtB,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-molecules-chips-input-field.mjs","sources":["../../../../libs/components/src/molecules/chips-input-field/chips-input-field.molecule.html","../../../../libs/components/src/molecules/chips-input-field/chips-input-field.molecule.ts","../../../../libs/components/src/molecules/chips-input-field/chips-input-field.module.ts","../../../../libs/components/src/molecules/chips-input-field/ng-atomic-components-molecules-chips-input-field.ts"],"sourcesContent":["<mat-form-field [appearance]=\"appearance\" [floatLabel]=\"floatLabel\">\n <mat-label>{{ label }}</mat-label>\n <mat-chip-list #chipList>\n <mat-chip *ngFor=\"let chip of chipsManager.chips\" (removed)=\"remove(chip)\">\n {{chip}} <mat-icon matChipRemove>cancel</mat-icon>\n </mat-chip>\n <input\n matInput\n [placeholder]=\"placeholder\"\n [matChipInputFor]=\"chipList\"\n [matChipInputSeparatorKeyCodes]=\"separators\"\n [matChipInputAddOnBlur]=\"true\"\n (matChipInputTokenEnd)=\"onChiInputTokenEnd($event)\"\n >\n</mat-chip-list>\n\n <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>","import { COMMA, ENTER, SPACE } from '@angular/cdk/keycodes';\nimport { ChangeDetectorRef, Component, Input } from '@angular/core';\nimport { MatChipInputEvent } from '@angular/material/chips';\nimport { MatFormFieldAppearance } from '@angular/material/form-field';\nimport { FormControl } from '@ngneat/reactive-forms';\nimport { ReplaySubject, takeUntil } from 'rxjs';\nimport { ChipsManager } from '@ng-atomic/common/services/chips-manager';\n\n\n@Component({\n selector: 'molecules-chips-input-field',\n templateUrl: './chips-input-field.molecule.html',\n styleUrls: ['./chips-input-field.molecule.scss'],\n // changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [ChipsManager],\n})\nexport class ChipsInputFieldMolecule {\n\n @Input()\n appearance: MatFormFieldAppearance = 'outline';\n\n @Input()\n control = new FormControl<string>('');\n\n @Input()\n floatLabel = 'auto';\n\n @Input()\n label = 'label';\n\n @Input()\n hint = 'hint';\n\n @Input()\n placeholder = 'placeholder';\n\n @Input()\n separators = [ENTER, COMMA, SPACE] as const;\n\n private readonly destroy$ = new ReplaySubject<void>(1);\n\n constructor(\n private cd: ChangeDetectorRef,\n public chipsManager: ChipsManager,\n ) { }\n\n ngOnInit(): void {\n this.chipsManager.setValue(this.control.value);\n this.control.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((value) => {\n this.chipsManager.setValue(value);\n this.cd.markForCheck();\n });\n }\n\n ngOnDestroy(): void {\n this.destroy$.next();\n }\n\n onChiInputTokenEnd(event: MatChipInputEvent): void {\n this.chipsManager.add(event.value);\n this.control.setValue(this.chipsManager.getValue());\n event.input.value = '';\n }\n\n remove(value: string): void {\n this.chipsManager.remove(value);\n this.control.setValue(this.chipsManager.getValue());\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ChipsInputModule } from '@ng-atomic/components/atoms/chips-input';\n\nimport { ChipsInputFieldMolecule } from './chips-input-field.molecule';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatChipsModule } from '@angular/material/chips';\nimport { MatIconModule } from '@angular/material/icon';\n\n@NgModule({\n declarations: [\n ChipsInputFieldMolecule\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n // Materials\n MatChipsModule,\n MatIconModule,\n MatInputModule,\n MatFormFieldModule,\n MatInputModule,\n // Atoms\n ChipsInputModule,\n ],\n exports: [ChipsInputFieldMolecule],\n bootstrap: [ChipsInputFieldMolecule],\n})\nexport class ChipsInputFieldModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -53,10 +53,10 @@ DateInputFieldMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Date
|
|
|
53
53
|
i0.ɵɵproperty("for", _r0);
|
|
54
54
|
i0.ɵɵadvance(3);
|
|
55
55
|
i0.ɵɵproperty("ngIf", ctx.hint);
|
|
56
|
-
} }, directives: [i1.MatFormField, i1.MatLabel, i2.MatInput, i3.DefaultValueAccessor, i4.MatDatepickerInput, i3.NgControlStatus, i3.FormControlDirective, i4.MatDatepickerToggle, i1.MatSuffix, i4.MatDatepicker, i5.NgIf, i1.MatHint], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-
|
|
56
|
+
} }, directives: [i1.MatFormField, i1.MatLabel, i2.MatInput, i3.DefaultValueAccessor, i4.MatDatepickerInput, i3.NgControlStatus, i3.FormControlDirective, i4.MatDatepickerToggle, i1.MatSuffix, i4.MatDatepicker, i5.NgIf, i1.MatHint], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-jAX4: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%}[_nghost-%COMP%] mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
|
|
57
57
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DateInputFieldMolecule, [{
|
|
58
58
|
type: Component,
|
|
59
|
-
args: [{ selector: 'molecules-date-input-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, template: "<mat-form-field appearance=\"outline\">\n <mat-label>{{ label }}</mat-label>\n <input matInput [formControl]=\"control\" [placeholder]=\"placeholder\" [matDatepicker]=\"picker\">\n <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n <mat-datepicker #picker></mat-datepicker>\n <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-
|
|
59
|
+
args: [{ selector: 'molecules-date-input-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, template: "<mat-form-field appearance=\"outline\">\n <mat-label>{{ label }}</mat-label>\n <input matInput [formControl]=\"control\" [placeholder]=\"placeholder\" [matDatepicker]=\"picker\">\n <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n <mat-datepicker #picker></mat-datepicker>\n <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-jAX4: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
|
|
60
60
|
}], null, { _control: [{
|
|
61
61
|
type: Input,
|
|
62
62
|
args: ['control']
|