@ng-atomic/components 6.0.3 → 6.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/atoms/icon/icon.atom.mjs +2 -2
- package/esm2022/frames/auto-layout/auto-layout.frame.mjs +2 -2
- package/esm2022/frames/divider/divider.frame.mjs +2 -2
- package/esm2022/frames/drawer/drawer.frame.mjs +2 -2
- package/esm2022/frames/fab/fab.frame.mjs +2 -2
- package/esm2022/frames/line-up/line-up.frame.mjs +2 -2
- package/esm2022/frames/overlay/overlay.frame.mjs +2 -2
- package/esm2022/frames/scroll/scroll.frame.mjs +2 -2
- package/esm2022/frames/scroll-v2/scroll.frame.mjs +2 -2
- package/esm2022/frames/side-nav/side-nav.frame.mjs +2 -2
- package/esm2022/frames/smart-menu/smart-menu.frame.mjs +2 -2
- package/esm2022/frames/vertical-hide/vertical-hide.frame.mjs +2 -2
- package/esm2022/molecules/date-input-field/date-input-field.molecule.mjs +2 -2
- package/esm2022/molecules/select-input-field/select-input-field.molecule.mjs +2 -2
- package/esm2022/organisms/action-buttons-section/action-buttons-section.organism.mjs +2 -2
- package/esm2022/organisms/action-input-section/action-input-section.organism.mjs +2 -2
- package/esm2022/organisms/card-input-section/card-input-section.organism.mjs +2 -2
- package/esm2022/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.mjs +2 -2
- package/esm2022/organisms/date-input-section/date-input-section.organism.mjs +2 -2
- package/esm2022/organisms/file-input-section/file-input-section.organism.mjs +2 -2
- package/esm2022/organisms/heading/heading.organism.mjs +2 -2
- package/esm2022/organisms/messages-section/messages-section.organism.mjs +2 -2
- package/esm2022/organisms/navigation-list/navigation-list.organism.mjs +2 -2
- package/esm2022/organisms/navigator/navigator.organism.mjs +2 -2
- package/esm2022/organisms/select-input-section/select-input-section.organism.mjs +2 -2
- package/esm2022/organisms/smart-table/smart-table.organism.mjs +2 -2
- package/esm2022/organisms/social-login-section/social-login-section.organism.mjs +2 -2
- package/esm2022/organisms/text-input-section/text-input-section.organism.mjs +2 -2
- package/esm2022/organisms/textarea-section/textarea-section.organism.mjs +2 -2
- package/esm2022/templates/entrance/entrance.template.mjs +2 -2
- package/esm2022/templates/icon-button-menu/icon-button-menu.template.mjs +2 -2
- package/esm2022/templates/menu/menu.template.mjs +2 -2
- package/esm2022/templates/smart-crud/smart-crud.template.mjs +2 -2
- package/esm2022/templates/smart-index/smart-index.template.mjs +2 -2
- package/fesm2022/ng-atomic-components-atoms-icon.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-auto-layout.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-divider.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-drawer.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-fab.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-line-up.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-overlay.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-scroll-v2.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-scroll.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-side-nav.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-smart-menu.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-vertical-hide.mjs +2 -2
- package/fesm2022/ng-atomic-components-molecules-date-input-field.mjs +2 -2
- package/fesm2022/ng-atomic-components-molecules-select-input-field.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-action-buttons-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-action-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-card-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-date-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-file-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-heading.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-messages-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-navigation-list.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-navigator.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-select-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-smart-table.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-social-login-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-text-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-textarea-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-entrance.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-icon-button-menu.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-menu.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-smart-crud.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-smart-index.mjs +2 -2
- package/package.json +3 -3
|
@@ -21,7 +21,7 @@ class TextInputSectionOrganism {
|
|
|
21
21
|
[placeholder]="placeholder"
|
|
22
22
|
[hint]="hint"
|
|
23
23
|
[autoComplete]="autoComplete"
|
|
24
|
-
></molecules-text-input-field>`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-
|
|
24
|
+
></molecules-text-input-field>`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-NNov: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-NNov);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TextInputFieldMolecule, selector: "molecules-text-input-field" }] }); }
|
|
25
25
|
}
|
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextInputSectionOrganism, decorators: [{
|
|
27
27
|
type: Component,
|
|
@@ -36,7 +36,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
36
36
|
[placeholder]="placeholder"
|
|
37
37
|
[hint]="hint"
|
|
38
38
|
[autoComplete]="autoComplete"
|
|
39
|
-
></molecules-text-input-field>`, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-
|
|
39
|
+
></molecules-text-input-field>`, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-NNov: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-NNov);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
|
|
40
40
|
}], propDecorators: { label: [{
|
|
41
41
|
type: Input
|
|
42
42
|
}], placeholder: [{
|
|
@@ -21,7 +21,7 @@ class TextareaSectionOrganism {
|
|
|
21
21
|
[rows]="rows"
|
|
22
22
|
[placeholder]="placeholder"
|
|
23
23
|
(action)="action.emit($event)"
|
|
24
|
-
></molecules-textarea-field>`, isInline: true, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-
|
|
24
|
+
></molecules-textarea-field>`, isInline: true, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-vo4K: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-vo4K);box-sizing:border-box}:host molecules-textarea-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TextareaFieldMolecule, selector: "molecules-textarea-field", inputs: ["label", "hint", "placeholder", "control", "rows"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
25
25
|
}
|
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextareaSectionOrganism, decorators: [{
|
|
27
27
|
type: Component,
|
|
@@ -36,7 +36,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
36
36
|
[rows]="rows"
|
|
37
37
|
[placeholder]="placeholder"
|
|
38
38
|
(action)="action.emit($event)"
|
|
39
|
-
></molecules-textarea-field>`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-
|
|
39
|
+
></molecules-textarea-field>`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-vo4K: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-vo4K);box-sizing:border-box}:host molecules-textarea-field{width:100%}\n"] }]
|
|
40
40
|
}], propDecorators: { label: [{
|
|
41
41
|
type: Input
|
|
42
42
|
}], rows: [{
|
|
@@ -65,7 +65,7 @@ class EntranceTemplate {
|
|
|
65
65
|
></organisms-action-buttons-section>
|
|
66
66
|
</frames-auto-layout>
|
|
67
67
|
</frames-card>
|
|
68
|
-
`, isInline: true, styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-
|
|
68
|
+
`, isInline: true, styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-e80K: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-e80K: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-e80K);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-e80K)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: CardFrame, selector: "frames-card" }, { kind: "component", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actions"], outputs: ["action"] }, { kind: "component", type: HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }, { kind: "component", type: TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: ["label", "placeholder", "type", "hint", "control", "autoComplete"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
69
69
|
}
|
|
70
70
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EntranceTemplate, decorators: [{
|
|
71
71
|
type: Component,
|
|
@@ -97,7 +97,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
97
97
|
></organisms-action-buttons-section>
|
|
98
98
|
</frames-auto-layout>
|
|
99
99
|
</frames-card>
|
|
100
|
-
`, host: { class: 'template' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-
|
|
100
|
+
`, host: { class: 'template' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-e80K: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-e80K: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-e80K);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-e80K)}\n"] }]
|
|
101
101
|
}], propDecorators: { form: [{
|
|
102
102
|
type: Input
|
|
103
103
|
}], actions: [{
|
|
@@ -38,7 +38,7 @@ class IconButtonMenuTemplate extends NgAtomicComponent {
|
|
|
38
38
|
>
|
|
39
39
|
<mat-icon>{{ action.icon }}</mat-icon>
|
|
40
40
|
</button>
|
|
41
|
-
`, isInline: true, styles: [":host{width:100%;height:100%;background:white;display:block;--primary-color: #3f51b5;--primary-color-SCOPED-IN-icon-button-menu-
|
|
41
|
+
`, isInline: true, styles: [":host{width:100%;height:100%;background:white;display:block;--primary-color: #3f51b5;--primary-color-SCOPED-IN-icon-button-menu-v2Su: var(--primary-color);--mdc-icon-button-icon-color: white;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-v2Su: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:start;align-items:center;width:100%;height:100%;background-color:var(--primary-color-SCOPED-IN-icon-button-menu-v2Su)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
42
42
|
}
|
|
43
43
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconButtonMenuTemplate, decorators: [{
|
|
44
44
|
type: Component,
|
|
@@ -60,7 +60,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
60
60
|
directive: IconButtonMenuTemplateStore,
|
|
61
61
|
inputs: ['actions'],
|
|
62
62
|
},
|
|
63
|
-
], styles: [":host{width:100%;height:100%;background:white;display:block;--primary-color: #3f51b5;--primary-color-SCOPED-IN-icon-button-menu-
|
|
63
|
+
], styles: [":host{width:100%;height:100%;background:white;display:block;--primary-color: #3f51b5;--primary-color-SCOPED-IN-icon-button-menu-v2Su: var(--primary-color);--mdc-icon-button-icon-color: white;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-v2Su: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:start;align-items:center;width:100%;height:100%;background-color:var(--primary-color-SCOPED-IN-icon-button-menu-v2Su)}\n"] }]
|
|
64
64
|
}] });
|
|
65
65
|
|
|
66
66
|
/**
|
|
@@ -37,7 +37,7 @@ class MenuTemplate extends NgAtomicComponent {
|
|
|
37
37
|
></organisms-navigation-list>
|
|
38
38
|
</div>
|
|
39
39
|
<organisms-menu-footer injectable></organisms-menu-footer>
|
|
40
|
-
`, isInline: true, styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-
|
|
40
|
+
`, isInline: true, styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-MrIJ: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-MrIJ: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-MrIJ: var(--width);--height: 100%;--height-SCOPED-IN-menu-MrIJ: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-MrIJ);height:var(--height-SCOPED-IN-menu-MrIJ);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-MrIJ)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-MrIJ);--secondary-color: var(--secondary-color-SCOPED-IN-menu-MrIJ)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: MenuHeaderOrganismStore, selector: "organisms-menu-header" }, { kind: "directive", type: NavigationListOrganismStore, selector: "organisms-navigation-list", inputs: ["actions"] }, { kind: "directive", type: MenuFooterOrganismStore, selector: "organisms-menu-footer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
41
41
|
}
|
|
42
42
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuTemplate, decorators: [{
|
|
43
43
|
type: Component,
|
|
@@ -60,7 +60,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
60
60
|
directive: MenuTemplateStore,
|
|
61
61
|
inputs: ['actions'],
|
|
62
62
|
},
|
|
63
|
-
], styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-
|
|
63
|
+
], styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-MrIJ: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-MrIJ: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-MrIJ: var(--width);--height: 100%;--height-SCOPED-IN-menu-MrIJ: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-MrIJ);height:var(--height-SCOPED-IN-menu-MrIJ);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-MrIJ)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-MrIJ);--secondary-color: var(--secondary-color-SCOPED-IN-menu-MrIJ)}\n"] }]
|
|
64
64
|
}] });
|
|
65
65
|
|
|
66
66
|
/**
|
|
@@ -131,7 +131,7 @@ class SmartCrudTemplate extends NgAtomicComponent {
|
|
|
131
131
|
></organisms-action-buttons-section>
|
|
132
132
|
</frames-auto-layout>
|
|
133
133
|
</frames-scroll>
|
|
134
|
-
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-
|
|
134
|
+
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-cgvI: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-cgvI: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-cgvI: var(--gap)}:host{display:block;width:100%;height:100%;background:white}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-smart-crud-cgvI);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-cgvI)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-cgvI)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "pipe", type: DomainPipe, name: "domain" }, { kind: "pipe", type: SmartFieldPipe, name: "smartField" }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actions"], outputs: ["action"] }, { kind: "component", type: ActionInputSectionOrganism, selector: "organisms-action-input-section", inputs: ["control", "label", "placeholder", "actions"] }, { kind: "component", type: FileInputSectionOrganism, selector: "organisms-file-input-section", inputs: ["control", "label", "placeholder", "hint", "progress"] }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator", inputs: ["startActions", "endActions"] }, { kind: "component", type: DateInputSectionOrganism, selector: "organisms-date-input-section", inputs: ["control", "label", "placeholder"] }, { kind: "component", type: TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: ["label", "placeholder", "type", "hint", "control", "autoComplete"] }, { kind: "component", type: TextareaSectionOrganism, selector: "organisms-textarea-section", inputs: ["label", "rows", "placeholder", "hint", "control"], outputs: ["action"] }, { kind: "component", type: SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: ["label", "control", "options"] }, { kind: "component", type: HeaderMolecule, selector: "molecules-header", inputs: ["title", "description"] }, { kind: "pipe", type: SignalPipe, name: "signal" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
135
135
|
}
|
|
136
136
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SmartCrudTemplate, decorators: [{
|
|
137
137
|
type: Component,
|
|
@@ -228,7 +228,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
228
228
|
></organisms-action-buttons-section>
|
|
229
229
|
</frames-auto-layout>
|
|
230
230
|
</frames-scroll>
|
|
231
|
-
`, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-
|
|
231
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-cgvI: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-cgvI: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-cgvI: var(--gap)}:host{display:block;width:100%;height:100%;background:white}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-smart-crud-cgvI);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-cgvI)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-cgvI)}\n"] }]
|
|
232
232
|
}], propDecorators: { title: [{
|
|
233
233
|
type: Input
|
|
234
234
|
}], form: [{
|
|
@@ -242,7 +242,7 @@ class SmartIndexTemplate extends NgAtomicComponent {
|
|
|
242
242
|
</ng-container>
|
|
243
243
|
</frames-auto-layout>
|
|
244
244
|
</frames-scroll>
|
|
245
|
-
`, isInline: true, styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-
|
|
245
|
+
`, isInline: true, styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-JDXF: var(--navigator-height);--primary-color: #012148;--primary-color-SCOPED-IN-smart-index-JDXF: var(--primary-color)}: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: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: DividerFrame, selector: "frames-divider" }, { kind: "component", type: GridToolbarOrganism, selector: "organisms-grid-toolbar", inputs: ["actions", "control"], outputs: ["action"] }, { kind: "component", type: PaginatorOrganism, selector: "organisms-paginator", inputs: ["form", "pageSizeOptions"] }, { kind: "component", type: SmartTableOrganism, selector: "organisms-smart-table", inputs: ["columns", "childrenKey", "items", "itemActions", "selection", "form"], outputs: ["action", "headerClick", "checkboxClick", "pageChange", "itemCheck"] }, { kind: "component", type: SmartListOrganism, selector: "organisms-smart-list" }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator", inputs: ["startActions", "endActions"] }, { kind: "component", type: HeaderMolecule, selector: "molecules-header", inputs: ["title", "description"] }, { kind: "pipe", type: PagePipe, name: "page" }, { kind: "pipe", type: QueryPipe, name: "query" }, { kind: "pipe", type: SmartIndexCountPipe, name: "count" }, { kind: "pipe", type: AutoColumnsPipe, name: "autoColumns" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
246
246
|
}
|
|
247
247
|
__decorate([
|
|
248
248
|
Effect(SmartListOrganism.ActionId.CLICK_ITEM),
|
|
@@ -342,7 +342,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
342
342
|
],
|
|
343
343
|
outputs: [],
|
|
344
344
|
}
|
|
345
|
-
], styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-
|
|
345
|
+
], styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-JDXF: var(--navigator-height);--primary-color: #012148;--primary-color-SCOPED-IN-smart-index-JDXF: var(--primary-color)}:host{width:100%;height:100%;background:white;display:block}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}\n"] }]
|
|
346
346
|
}], propDecorators: { onItemClicked: [] } });
|
|
347
347
|
|
|
348
348
|
/**
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ng-atomic/components",
|
|
3
|
-
"version": "6.0.
|
|
3
|
+
"version": "6.0.4",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"peerDependencies": {
|
|
6
6
|
"@angular/animations": "16.2.12",
|
|
@@ -17,8 +17,8 @@
|
|
|
17
17
|
"@codemirror/state": "^6.0.0",
|
|
18
18
|
"@codemirror/theme-one-dark": "^6.0.0",
|
|
19
19
|
"@codemirror/view": "^6.0.0",
|
|
20
|
-
"@ng-atomic/common": "6.0.
|
|
21
|
-
"@nx-ddd/core": "6.0.
|
|
20
|
+
"@ng-atomic/common": "6.0.4",
|
|
21
|
+
"@nx-ddd/core": "6.0.4",
|
|
22
22
|
"@webcontainer/api": "^1.1.7",
|
|
23
23
|
"cm6-graphql": "^0.0.4",
|
|
24
24
|
"codemirror": "^6.0.1",
|