@ng-atomic/components 5.4.0 → 5.4.2
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/chips-input/chips-input.atom.d.ts +1 -1
- package/esm2020/atoms/chips-input/chips-input.atom.mjs +2 -2
- package/esm2020/atoms/icon/icon.atom.mjs +2 -2
- 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/chips-input-field/chips-input-field.molecule.mjs +2 -2
- package/esm2020/molecules/date-input-field/date-input-field.molecule.mjs +7 -6
- package/esm2020/molecules/select-input-field/select-input-field.molecule.mjs +5 -5
- package/esm2020/molecules/text-input-field/text-input-field.molecule.mjs +3 -3
- package/esm2020/organisms/action-buttons-section/action-buttons-section.organism.mjs +2 -2
- package/esm2020/organisms/back-navigator/back-navigator.organism.mjs +2 -2
- package/esm2020/organisms/card-input-section/card-input-section.organism.mjs +4 -4
- package/esm2020/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.mjs +4 -4
- package/esm2020/organisms/date-input-section/date-input-section.organism.mjs +6 -5
- 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 +2 -2
- package/esm2020/organisms/paginator/paginator.organism.mjs +2 -2
- package/esm2020/organisms/select-input-section/select-input-section.organism.mjs +5 -5
- package/esm2020/organisms/smart-table/smart-table.organism.mjs +2 -2
- package/esm2020/organisms/social-login-section/social-login-section.organism.mjs +2 -2
- package/esm2020/organisms/text-input-section/text-input-section.organism.mjs +4 -4
- package/esm2020/organisms/textarea-section/textarea-section.organism.mjs +2 -2
- package/esm2020/organisms/top-navigator/top-navigator.organism.mjs +2 -2
- package/esm2020/templates/entrance/entrance.template.mjs +4 -4
- package/esm2020/templates/menu/menu.template.mjs +2 -2
- package/esm2020/templates/smart-crud/smart-crud.template.mjs +4 -4
- package/esm2020/templates/smart-index/smart-index.template.mjs +4 -4
- package/fesm2015/ng-atomic-components-atoms-chips-input.mjs +1 -2
- package/fesm2015/ng-atomic-components-atoms-chips-input.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-atoms-icon.mjs +2 -2
- 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-chips-input-field.mjs +1 -2
- package/fesm2015/ng-atomic-components-molecules-chips-input-field.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-molecules-date-input-field.mjs +7 -7
- package/fesm2015/ng-atomic-components-molecules-date-input-field.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-molecules-select-input-field.mjs +4 -5
- package/fesm2015/ng-atomic-components-molecules-select-input-field.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-molecules-text-input-field.mjs +3 -4
- package/fesm2015/ng-atomic-components-molecules-text-input-field.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-action-buttons-section.mjs +2 -2
- package/fesm2015/ng-atomic-components-organisms-back-navigator.mjs +2 -2
- package/fesm2015/ng-atomic-components-organisms-card-input-section.mjs +3 -3
- package/fesm2015/ng-atomic-components-organisms-card-input-section.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs +3 -4
- package/fesm2015/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-date-input-section.mjs +5 -4
- package/fesm2015/ng-atomic-components-organisms-date-input-section.mjs.map +1 -1
- 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 +2 -2
- package/fesm2015/ng-atomic-components-organisms-paginator.mjs +1 -1
- package/fesm2015/ng-atomic-components-organisms-paginator.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-select-input-section.mjs +4 -4
- package/fesm2015/ng-atomic-components-organisms-select-input-section.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-smart-table.mjs +2 -2
- package/fesm2015/ng-atomic-components-organisms-social-login-section.mjs +2 -2
- package/fesm2015/ng-atomic-components-organisms-text-input-section.mjs +3 -3
- package/fesm2015/ng-atomic-components-organisms-text-input-section.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-organisms-textarea-section.mjs +2 -2
- package/fesm2015/ng-atomic-components-organisms-top-navigator.mjs +2 -2
- package/fesm2015/ng-atomic-components-templates-entrance.mjs +3 -3
- 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 +2 -2
- package/fesm2015/ng-atomic-components-templates-smart-crud.mjs.map +1 -1
- package/fesm2015/ng-atomic-components-templates-smart-index.mjs +3 -3
- package/fesm2015/ng-atomic-components-templates-smart-index.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-atoms-chips-input.mjs +1 -2
- package/fesm2020/ng-atomic-components-atoms-chips-input.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-atoms-icon.mjs +2 -2
- 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-chips-input-field.mjs +1 -2
- package/fesm2020/ng-atomic-components-molecules-chips-input-field.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-molecules-date-input-field.mjs +7 -7
- package/fesm2020/ng-atomic-components-molecules-date-input-field.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-molecules-select-input-field.mjs +4 -5
- package/fesm2020/ng-atomic-components-molecules-select-input-field.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-molecules-text-input-field.mjs +3 -4
- package/fesm2020/ng-atomic-components-molecules-text-input-field.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-action-buttons-section.mjs +2 -2
- package/fesm2020/ng-atomic-components-organisms-back-navigator.mjs +2 -2
- package/fesm2020/ng-atomic-components-organisms-card-input-section.mjs +3 -3
- package/fesm2020/ng-atomic-components-organisms-card-input-section.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs +3 -4
- package/fesm2020/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-date-input-section.mjs +5 -4
- package/fesm2020/ng-atomic-components-organisms-date-input-section.mjs.map +1 -1
- 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 +2 -2
- package/fesm2020/ng-atomic-components-organisms-paginator.mjs +1 -1
- package/fesm2020/ng-atomic-components-organisms-paginator.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-select-input-section.mjs +4 -4
- package/fesm2020/ng-atomic-components-organisms-select-input-section.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-smart-table.mjs +2 -2
- package/fesm2020/ng-atomic-components-organisms-social-login-section.mjs +2 -2
- package/fesm2020/ng-atomic-components-organisms-text-input-section.mjs +3 -3
- package/fesm2020/ng-atomic-components-organisms-text-input-section.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-organisms-textarea-section.mjs +2 -2
- package/fesm2020/ng-atomic-components-organisms-top-navigator.mjs +2 -2
- package/fesm2020/ng-atomic-components-templates-entrance.mjs +3 -3
- 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 +2 -3
- package/fesm2020/ng-atomic-components-templates-smart-crud.mjs.map +1 -1
- package/fesm2020/ng-atomic-components-templates-smart-index.mjs +3 -3
- package/fesm2020/ng-atomic-components-templates-smart-index.mjs.map +1 -1
- package/molecules/chips-input-field/chips-input-field.molecule.d.ts +3 -3
- package/molecules/date-input-field/date-input-field.molecule.d.ts +4 -4
- package/molecules/select-input-field/select-input-field.molecule.d.ts +1 -1
- package/molecules/text-input-field/text-input-field.molecule.d.ts +1 -1
- package/organisms/card-input-section/card-input-section.organism.d.ts +1 -1
- package/organisms/date-input-section/date-input-section.organism.d.ts +1 -1
- package/organisms/paginator/paginator.organism.d.ts +1 -1
- package/organisms/select-input-section/select-input-section.organism.d.ts +1 -1
- package/organisms/text-input-section/text-input-section.organism.d.ts +1 -1
- package/package.json +17 -18
- package/templates/entrance/entrance.template.d.ts +1 -1
- package/templates/smart-crud/smart-crud.template.d.ts +1 -1
- package/templates/smart-index/smart-index.template.d.ts +1 -1
|
@@ -17,7 +17,7 @@ import * as i7 from '@ng-atomic/components/organisms/navigator';
|
|
|
17
17
|
import { NavigatorModule } from '@ng-atomic/components/organisms/navigator';
|
|
18
18
|
import * as i4 from '@ng-atomic/components/organisms/paginator';
|
|
19
19
|
import { PaginatorModule } from '@ng-atomic/components/organisms/paginator';
|
|
20
|
-
import { FormControl } from '@
|
|
20
|
+
import { FormControl } from '@angular/forms';
|
|
21
21
|
|
|
22
22
|
var ActionId;
|
|
23
23
|
(function (ActionId) {
|
|
@@ -55,7 +55,7 @@ class SmartIndexTemplate {
|
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
57
|
SmartIndexTemplate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartIndexTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
58
|
-
SmartIndexTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SmartIndexTemplate, isStandalone: true, selector: "templates-smart-index", inputs: { queryControl: "queryControl", title: "title", description: "description", items: "items", itemActions: "itemActions", navStartActions: "navStartActions", navEndActions: "navEndActions", properties: "properties", selectedIdSet: "selectedIdSet", sortKey: "sortKey", sortOrder: "sortOrder", page: "page", pageSizeOptions: "pageSizeOptions", queryPlaceholder: "queryPlaceholder", device: "device" }, outputs: { action: "action", backButtonClick: "backButtonClick", checkboxClick: "checkboxClick", pageChange: "pageChange" }, host: { classAttribute: "template" }, ngImport: i0, template: "<frames-scroll>\n <organisms-navigator\n [startActions]=\"navStartActions\"\n [endActions]=\"navEndActions\"\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 <ng-container *ngIf=\"device === 'sp'\">\n <organisms-smart-list\n [items]=\"items\"\n (action)=\"action.emit($event)\"\n ></organisms-smart-list>\n </ng-container>\n <ng-container *ngIf=\"device !== 'sp'\">\n <organisms-smart-table\n [items]=\"items\"\n [itemActions]=\"itemActions\"\n [columns]=\"properties\"\n [selectedIdSet]=\"selectedIdSet\"\n [sortKey]=\"sortKey\"\n [sortOrder]=\"sortOrder\"\n (action)=\"action.emit($event)\"\n (checkboxClick)=\"checkboxClick.emit($event)\"\n (headerClick)=\"action.emit({id: ActionId.TABLE_HEADER_CLICK, payload: $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 </ng-container>\n </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-
|
|
58
|
+
SmartIndexTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SmartIndexTemplate, isStandalone: true, selector: "templates-smart-index", inputs: { queryControl: "queryControl", title: "title", description: "description", items: "items", itemActions: "itemActions", navStartActions: "navStartActions", navEndActions: "navEndActions", properties: "properties", selectedIdSet: "selectedIdSet", sortKey: "sortKey", sortOrder: "sortOrder", page: "page", pageSizeOptions: "pageSizeOptions", queryPlaceholder: "queryPlaceholder", device: "device" }, outputs: { action: "action", backButtonClick: "backButtonClick", checkboxClick: "checkboxClick", pageChange: "pageChange" }, host: { classAttribute: "template" }, ngImport: i0, template: "<frames-scroll>\n <organisms-navigator\n [startActions]=\"navStartActions\"\n [endActions]=\"navEndActions\"\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 <ng-container *ngIf=\"device === 'sp'\">\n <organisms-smart-list\n [items]=\"items\"\n (action)=\"action.emit($event)\"\n ></organisms-smart-list>\n </ng-container>\n <ng-container *ngIf=\"device !== 'sp'\">\n <organisms-smart-table\n [items]=\"items\"\n [itemActions]=\"itemActions\"\n [columns]=\"properties\"\n [selectedIdSet]=\"selectedIdSet\"\n [sortKey]=\"sortKey\"\n [sortOrder]=\"sortOrder\"\n (action)=\"action.emit($event)\"\n (checkboxClick)=\"checkboxClick.emit($event)\"\n (headerClick)=\"action.emit({id: ActionId.TABLE_HEADER_CLICK, payload: $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 </ng-container>\n </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-tO8E: var(--navigator-height)}:host{width:100%;height:100%;background:white;display:block}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type:
|
|
59
59
|
// Frames
|
|
60
60
|
AutoLayoutModule }, { kind: "component", type: i2.AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "ngmodule", type: ScrollModule }, { kind: "component", type: i3.ScrollFrame, selector: "frames-scroll" }, { kind: "ngmodule", type:
|
|
61
61
|
// Organisms
|
|
@@ -76,7 +76,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
|
|
|
76
76
|
NavigatorModule,
|
|
77
77
|
// Molecules
|
|
78
78
|
HeaderModule,
|
|
79
|
-
], selector: 'templates-smart-index', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, template: "<frames-scroll>\n <organisms-navigator\n [startActions]=\"navStartActions\"\n [endActions]=\"navEndActions\"\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 <ng-container *ngIf=\"device === 'sp'\">\n <organisms-smart-list\n [items]=\"items\"\n (action)=\"action.emit($event)\"\n ></organisms-smart-list>\n </ng-container>\n <ng-container *ngIf=\"device !== 'sp'\">\n <organisms-smart-table\n [items]=\"items\"\n [itemActions]=\"itemActions\"\n [columns]=\"properties\"\n [selectedIdSet]=\"selectedIdSet\"\n [sortKey]=\"sortKey\"\n [sortOrder]=\"sortOrder\"\n (action)=\"action.emit($event)\"\n (checkboxClick)=\"checkboxClick.emit($event)\"\n (headerClick)=\"action.emit({id: ActionId.TABLE_HEADER_CLICK, payload: $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 </ng-container>\n </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-
|
|
79
|
+
], selector: 'templates-smart-index', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, template: "<frames-scroll>\n <organisms-navigator\n [startActions]=\"navStartActions\"\n [endActions]=\"navEndActions\"\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 <ng-container *ngIf=\"device === 'sp'\">\n <organisms-smart-list\n [items]=\"items\"\n (action)=\"action.emit($event)\"\n ></organisms-smart-list>\n </ng-container>\n <ng-container *ngIf=\"device !== 'sp'\">\n <organisms-smart-table\n [items]=\"items\"\n [itemActions]=\"itemActions\"\n [columns]=\"properties\"\n [selectedIdSet]=\"selectedIdSet\"\n [sortKey]=\"sortKey\"\n [sortOrder]=\"sortOrder\"\n (action)=\"action.emit($event)\"\n (checkboxClick)=\"checkboxClick.emit($event)\"\n (headerClick)=\"action.emit({id: ActionId.TABLE_HEADER_CLICK, payload: $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 </ng-container>\n </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-tO8E: var(--navigator-height)}:host{width:100%;height:100%;background:white;display:block}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}\n"] }]
|
|
80
80
|
}], propDecorators: { queryControl: [{
|
|
81
81
|
type: Input
|
|
82
82
|
}], title: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-templates-smart-index.mjs","sources":["../../../../../packages/@ng-atomic/components/src/templates/smart-index/smart-index.template.ts","../../../../../packages/@ng-atomic/components/src/templates/smart-index/smart-index.template.html","../../../../../packages/@ng-atomic/components/src/templates/smart-index/ng-atomic-components-templates-smart-index.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { LegacyPageEvent as PageEvent } from '@angular/material/legacy-paginator';\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 { SmartListModule } from '@ng-atomic/components/organisms/smart-list';\nimport { NavigatorModule } from '@ng-atomic/components/organisms/navigator';\nimport { PaginatorModule } from '@ng-atomic/components/organisms/paginator';\nimport { Action } from '@ng-atomic/common/models';\nimport { FormControl } from '@
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-templates-smart-index.mjs","sources":["../../../../../packages/@ng-atomic/components/src/templates/smart-index/smart-index.template.ts","../../../../../packages/@ng-atomic/components/src/templates/smart-index/smart-index.template.html","../../../../../packages/@ng-atomic/components/src/templates/smart-index/ng-atomic-components-templates-smart-index.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { LegacyPageEvent as PageEvent } from '@angular/material/legacy-paginator';\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 { SmartListModule } from '@ng-atomic/components/organisms/smart-list';\nimport { NavigatorModule } from '@ng-atomic/components/organisms/navigator';\nimport { PaginatorModule } from '@ng-atomic/components/organisms/paginator';\nimport { Action } from '@ng-atomic/common/models';\nimport { FormControl } from '@angular/forms';\n\nexport enum ActionId {\n BACK = '[@ng-atomic/components/templates/smart-index] Back',\n TABLE_HEADER_CLICK = '[@ng-atomic/components/templates/smart-index] Table Header Click',\n}\n\n@Component({\n standalone: true,\n imports: [\n CommonModule,\n // Frames\n AutoLayoutModule,\n ScrollModule,\n // Organisms\n PaginatorModule,\n SmartTableModule,\n SmartListModule,\n NavigatorModule,\n // Molecules\n HeaderModule,\n ],\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 protected ActionId = ActionId;\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 itemActions: (item: T) => Action[] = () => [];\n\n @Input()\n navStartActions: Action[] = [{ id: ActionId.BACK, icon: 'arrow_back' }];\n\n @Input()\n navEndActions: Action[] = [];\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 @Input()\n device: 'sp' | 'tablet' | 'pc' = 'sp';\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 onAction(action: Action): void {\n switch(action.id) {\n default: return this.action.emit(action);\n }\n }\n}\n","<frames-scroll>\n <organisms-navigator\n [startActions]=\"navStartActions\"\n [endActions]=\"navEndActions\"\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 <ng-container *ngIf=\"device === 'sp'\">\n <organisms-smart-list\n [items]=\"items\"\n (action)=\"action.emit($event)\"\n ></organisms-smart-list>\n </ng-container>\n <ng-container *ngIf=\"device !== 'sp'\">\n <organisms-smart-table\n [items]=\"items\"\n [itemActions]=\"itemActions\"\n [columns]=\"properties\"\n [selectedIdSet]=\"selectedIdSet\"\n [sortKey]=\"sortKey\"\n [sortOrder]=\"sortOrder\"\n (action)=\"action.emit($event)\"\n (checkboxClick)=\"checkboxClick.emit($event)\"\n (headerClick)=\"action.emit({id: ActionId.TABLE_HEADER_CLICK, payload: $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 </ng-container>\n </frames-auto-layout>\n</frames-scroll>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ChangeDetectorRef } from '@angular/core';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { FormControl } from '@
|
|
2
|
+
import { MatChipInputEvent } from '@angular/material/chips';
|
|
3
|
+
import { MatFormFieldAppearance } from '@angular/material/form-field';
|
|
4
|
+
import { FormControl } from '@angular/forms';
|
|
5
5
|
import { ChipsManager } from '@ng-atomic/common/services/chips-manager';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export declare class ChipsInputFieldMolecule {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { FormControl } from '@
|
|
2
|
-
import
|
|
1
|
+
import { FormControl } from '@angular/forms';
|
|
2
|
+
import dayjs from 'dayjs';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare class DateInputFieldMolecule {
|
|
5
|
-
protected readonly _control: FormControl<Dayjs>;
|
|
6
|
-
control: FormControl<Dayjs>;
|
|
5
|
+
protected readonly _control: FormControl<dayjs.Dayjs>;
|
|
6
|
+
control: FormControl<dayjs.Dayjs>;
|
|
7
7
|
label: string;
|
|
8
8
|
placeholder: string;
|
|
9
9
|
hint?: string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { EventEmitter } from '@angular/core';
|
|
2
2
|
import { LegacyPageEvent as PageEvent } from '@angular/material/legacy-paginator';
|
|
3
|
-
import { FormControl } from '@
|
|
3
|
+
import { FormControl } from '@angular/forms';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export declare class PaginatorOrganism {
|
|
6
6
|
control: FormControl<string>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ng-atomic/components",
|
|
3
|
-
"version": "5.4.
|
|
3
|
+
"version": "5.4.2",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"module": "fesm2015/ng-atomic-components.mjs",
|
|
6
6
|
"es2020": "fesm2020/ng-atomic-components.mjs",
|
|
@@ -370,22 +370,21 @@
|
|
|
370
370
|
"tslib": "^2.3.0"
|
|
371
371
|
},
|
|
372
372
|
"peerDependencies": {
|
|
373
|
-
"@storybook/addons": "6.
|
|
374
|
-
"@storybook/theming": "6.
|
|
375
|
-
"@angular/core": "15.
|
|
376
|
-
"@angular/platform-browser": "15.
|
|
377
|
-
"@ng-atomic/elements": "5.4.
|
|
378
|
-
"@angular/cdk": "15.
|
|
379
|
-
"@angular/material": "15.
|
|
380
|
-
"@
|
|
381
|
-
"rxjs": "7.
|
|
382
|
-
"@ng-atomic/common": "5.4.
|
|
383
|
-
"@
|
|
384
|
-
"@ng-atomic/storybook": "5.4.0",
|
|
373
|
+
"@storybook/addons": "^6.4.10",
|
|
374
|
+
"@storybook/theming": "^6.4.10",
|
|
375
|
+
"@angular/core": "^15.0.0",
|
|
376
|
+
"@angular/platform-browser": "^15.0.0",
|
|
377
|
+
"@ng-atomic/elements": "5.4.2",
|
|
378
|
+
"@angular/cdk": "^15.0.0",
|
|
379
|
+
"@angular/material": "^15.0.0",
|
|
380
|
+
"@angular/forms": "^15.0.0",
|
|
381
|
+
"rxjs": "^7.0.0",
|
|
382
|
+
"@ng-atomic/common": "5.4.2",
|
|
383
|
+
"@ng-atomic/storybook": "5.4.2",
|
|
385
384
|
"@storybook/angular": "6.5.13",
|
|
386
|
-
"@angular/animations": "15.
|
|
387
|
-
"resize-observer-polyfill": "1.5.1",
|
|
388
|
-
"@angular/router": "15.
|
|
389
|
-
"@angular/platform-browser-dynamic": "15.
|
|
385
|
+
"@angular/animations": "^15.0.0",
|
|
386
|
+
"resize-observer-polyfill": "^1.5.1",
|
|
387
|
+
"@angular/router": "^15.0.0",
|
|
388
|
+
"@angular/platform-browser-dynamic": "^15.0.0"
|
|
390
389
|
}
|
|
391
|
-
}
|
|
390
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { EventEmitter } from '@angular/core';
|
|
2
2
|
import { Action } from '@ng-atomic/common/models';
|
|
3
|
-
import { FormGroup, FormControl } from '@
|
|
3
|
+
import { FormGroup, FormControl } from '@angular/forms';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export declare enum ActionId {
|
|
6
6
|
SIGN_IN = "[@ng-atomic/components] Sign In",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { EventEmitter } from '@angular/core';
|
|
2
2
|
import { AbstractControl } from '@angular/forms';
|
|
3
3
|
import { Action } from '@ng-atomic/common/models';
|
|
4
|
-
import { FormGroup } from '@
|
|
4
|
+
import { FormGroup } from '@angular/forms';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export declare enum ActionId {
|
|
7
7
|
BACK = "[@ng-atomic/components/templates/smart-crud] Back",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { EventEmitter } from '@angular/core';
|
|
2
2
|
import { LegacyPageEvent as PageEvent } from '@angular/material/legacy-paginator';
|
|
3
3
|
import { Action } from '@ng-atomic/common/models';
|
|
4
|
-
import { FormControl } from '@
|
|
4
|
+
import { FormControl } from '@angular/forms';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export declare enum ActionId {
|
|
7
7
|
BACK = "[@ng-atomic/components/templates/smart-index] Back",
|