@ng-atomic/components 17.6.1 → 17.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/atoms/icon/icon.atom.mjs +2 -2
- package/esm2022/frames/app/app.frame.mjs +12 -9
- package/esm2022/frames/auto-layout/auto-layout.frame.mjs +2 -2
- package/esm2022/frames/columns/columns.frame.mjs +2 -2
- package/esm2022/frames/divider/divider.frame.mjs +2 -2
- package/esm2022/frames/drawer/drawer.frame.mjs +2 -2
- package/esm2022/frames/entrance/entrance.frame.mjs +2 -2
- package/esm2022/frames/fab/fab.frame.mjs +2 -2
- package/esm2022/frames/line-up/line-up.frame.mjs +2 -2
- package/esm2022/frames/loading/loading.frame.mjs +2 -2
- package/esm2022/frames/router-outlet/router-outlet.frame.mjs +2 -2
- package/esm2022/frames/scroll/scroll.frame.mjs +2 -2
- package/esm2022/frames/scroll-v2/scroll.frame.mjs +2 -2
- package/esm2022/frames/side-nav/side-nav.frame.mjs +2 -2
- package/esm2022/frames/smart-menu/smart-menu.frame.mjs +2 -2
- package/esm2022/frames/vertical-hide/vertical-hide.frame.mjs +2 -2
- package/esm2022/molecules/date-input-field/date-input-field.molecule.mjs +2 -2
- package/esm2022/molecules/date-range-input-field/date-range-input-field.molecule.mjs +2 -2
- package/esm2022/molecules/grid-item/grid-item.molecule.mjs +2 -2
- package/esm2022/molecules/loading-box/loading-box.molecule.mjs +2 -2
- package/esm2022/molecules/navigation-list-item/navigation-list-item.molecule.mjs +2 -2
- package/esm2022/molecules/select-input-field/select-input-field.molecule.mjs +2 -2
- package/esm2022/organisms/action-buttons-section/action-buttons-section.organism.mjs +2 -2
- package/esm2022/organisms/action-input-section/action-input-section.organism.mjs +2 -2
- package/esm2022/organisms/card-input-section/card-input-section.organism.mjs +2 -2
- package/esm2022/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.mjs +2 -2
- package/esm2022/organisms/date-input-section/date-input-section.organism.mjs +2 -2
- package/esm2022/organisms/date-range-input-section/date-range-input-section.organism.mjs +2 -2
- package/esm2022/organisms/definition-list/definition-list.organism.mjs +2 -2
- package/esm2022/organisms/file-input-section/file-input-section.organism.mjs +2 -2
- package/esm2022/organisms/grid-cards-section/grid-cards-section.organism.mjs +2 -2
- package/esm2022/organisms/heading/heading.organism.mjs +2 -2
- package/esm2022/organisms/menu-footer/menu-footer.organism.mjs +2 -2
- package/esm2022/organisms/menu-header/menu-header.organism.mjs +2 -2
- package/esm2022/organisms/messages-section/messages-section.organism.mjs +2 -2
- package/esm2022/organisms/navigation-list/navigation-list.organism.mjs +2 -2
- package/esm2022/organisms/navigator/navigator.organism.mjs +2 -2
- package/esm2022/organisms/number-input-section/number-input-section.organism.mjs +2 -2
- package/esm2022/organisms/paginator/paginator.organism.mjs +2 -2
- package/esm2022/organisms/password-input-section/password-input-section.organism.mjs +2 -2
- package/esm2022/organisms/select-input-section/select-input-section.organism.mjs +2 -2
- package/esm2022/organisms/slider-input-section/slider-input-section.organism.mjs +2 -2
- package/esm2022/organisms/social-login-section/social-login-section.organism.mjs +2 -2
- package/esm2022/organisms/table/table.organism.mjs +2 -2
- package/esm2022/organisms/text-input-section/text-input-section.organism.mjs +2 -2
- package/esm2022/organisms/textarea-section/textarea-section.organism.mjs +2 -2
- package/esm2022/organisms/thread-messages-section/thread-messages-section.organism.mjs +2 -2
- package/esm2022/pages/_index/index.page.mjs +24 -6
- package/esm2022/pages/form/form.page.mjs +23 -5
- package/esm2022/templates/_index/index.template.mjs +2 -2
- package/esm2022/templates/background/background.template.mjs +2 -2
- package/esm2022/templates/entrance/entrance.template.mjs +22 -36
- package/esm2022/templates/form/form.builder.mjs +415 -0
- package/esm2022/templates/form/form.template.mjs +24 -364
- package/esm2022/templates/form/index.mjs +2 -1
- package/esm2022/templates/icon-button-menu/icon-button-menu.template.mjs +2 -2
- package/esm2022/templates/menu/menu.template.mjs +2 -2
- package/esm2022/templates/selection/selection.template.mjs +2 -2
- package/esm2022/templates/settings/settings.template.mjs +2 -2
- package/fesm2022/ng-atomic-components-atoms-icon.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-app.mjs +11 -8
- package/fesm2022/ng-atomic-components-frames-app.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-frames-auto-layout.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-columns.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-divider.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-drawer.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-entrance.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-entrance.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-frames-fab.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-line-up.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-loading.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-router-outlet.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-scroll-v2.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-scroll.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-side-nav.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-smart-menu.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-vertical-hide.mjs +2 -2
- package/fesm2022/ng-atomic-components-molecules-date-input-field.mjs +2 -2
- package/fesm2022/ng-atomic-components-molecules-date-range-input-field.mjs +2 -2
- package/fesm2022/ng-atomic-components-molecules-grid-item.mjs +2 -2
- package/fesm2022/ng-atomic-components-molecules-loading-box.mjs +2 -2
- package/fesm2022/ng-atomic-components-molecules-navigation-list-item.mjs +2 -2
- package/fesm2022/ng-atomic-components-molecules-select-input-field.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-action-buttons-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-action-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-card-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-date-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-date-range-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-definition-list.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-file-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-grid-cards-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-heading.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-menu-footer.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-menu-header.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-messages-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-navigation-list.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-navigator.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-number-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-paginator.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-password-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-select-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-slider-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-social-login-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-table.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-text-input-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-textarea-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-thread-messages-section.mjs +2 -2
- package/fesm2022/ng-atomic-components-pages-_index.mjs +23 -5
- package/fesm2022/ng-atomic-components-pages-_index.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-pages-form.mjs +22 -4
- package/fesm2022/ng-atomic-components-pages-form.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-templates-_index.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-background.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-entrance.mjs +21 -35
- package/fesm2022/ng-atomic-components-templates-entrance.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-templates-form.mjs +408 -337
- package/fesm2022/ng-atomic-components-templates-form.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-templates-icon-button-menu.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-menu.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-selection.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-settings.mjs +2 -2
- package/frames/app/app.frame.d.ts +7 -4
- package/package.json +3 -3
- package/pages/_index/index.page.d.ts +5 -2
- package/pages/form/form.page.d.ts +3 -0
- package/templates/entrance/entrance.template.d.ts +3 -1
- package/templates/form/form.builder.d.ts +33 -0
- package/templates/form/form.template.d.ts +7 -13
- package/templates/form/index.d.ts +1 -0
|
@@ -26,7 +26,7 @@ class GridCardsSectionOrganism extends NgAtomicComponent {
|
|
|
26
26
|
@for (item of items(); track item.id) {
|
|
27
27
|
<molecules-grid-item [item]="item" (click)="onItemClick(item)" />
|
|
28
28
|
}
|
|
29
|
-
`, isInline: true, styles: [":host{display:block;--item-width: 240px;--item-width-SCOPED-IN-grid-cards-section-
|
|
29
|
+
`, isInline: true, styles: [":host{display:block;--item-width: 240px;--item-width-SCOPED-IN-grid-cards-section-UXab: var(--item-width);--item-height: auto;--item-height-SCOPED-IN-grid-cards-section-UXab: var(--item-height);--primary-color: #444;--primary-color-SCOPED-IN-grid-cards-section-UXab: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-cards-section-UXab: var(--on-surface-color)}:host{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--item-width-SCOPED-IN-grid-cards-section-UXab),1fr));grid-gap:16px;padding:16px;box-sizing:border-box;width:100%;height:100%;font-size:10px}:host molecules-grid-item{height:var(--item-height-SCOPED-IN-grid-cards-section-UXab)}\n"], dependencies: [{ kind: "component", type: GridItemMolecule, selector: "molecules-grid-item", inputs: ["item"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
30
30
|
}
|
|
31
31
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: GridCardsSectionOrganism, decorators: [{
|
|
32
32
|
type: Component,
|
|
@@ -36,7 +36,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
36
36
|
@for (item of items(); track item.id) {
|
|
37
37
|
<molecules-grid-item [item]="item" (click)="onItemClick(item)" />
|
|
38
38
|
}
|
|
39
|
-
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--item-width: 240px;--item-width-SCOPED-IN-grid-cards-section-
|
|
39
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--item-width: 240px;--item-width-SCOPED-IN-grid-cards-section-UXab: var(--item-width);--item-height: auto;--item-height-SCOPED-IN-grid-cards-section-UXab: var(--item-height);--primary-color: #444;--primary-color-SCOPED-IN-grid-cards-section-UXab: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-cards-section-UXab: var(--on-surface-color)}:host{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--item-width-SCOPED-IN-grid-cards-section-UXab),1fr));grid-gap:16px;padding:16px;box-sizing:border-box;width:100%;height:100%;font-size:10px}:host molecules-grid-item{height:var(--item-height-SCOPED-IN-grid-cards-section-UXab)}\n"] }]
|
|
40
40
|
}] });
|
|
41
41
|
|
|
42
42
|
/**
|
|
@@ -30,7 +30,7 @@ class HeadingOrganism {
|
|
|
30
30
|
<h6><ng-container *ngTemplateOutlet="temp;"></ng-container></h6>
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
|
-
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-
|
|
33
|
+
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-u29V: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-u29V)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
34
34
|
}
|
|
35
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: HeadingOrganism, decorators: [{
|
|
36
36
|
type: Component,
|
|
@@ -58,7 +58,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
58
58
|
<h6><ng-container *ngTemplateOutlet="temp;"></ng-container></h6>
|
|
59
59
|
}
|
|
60
60
|
}
|
|
61
|
-
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-
|
|
61
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-u29V: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-u29V)}\n"] }]
|
|
62
62
|
}], propDecorators: { level: [{
|
|
63
63
|
type: Input
|
|
64
64
|
}] } });
|
|
@@ -31,7 +31,7 @@ class MenuFooterOrganism extends NgAtomicComponent {
|
|
|
31
31
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuFooterOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
32
32
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: MenuFooterOrganism, isStandalone: true, selector: "organisms-menu-footer", usesInheritance: true, hostDirectives: [{ directive: MenuFooterOrganismStore }], ngImport: i0, template: `
|
|
33
33
|
<span>{{ store.version }}</span>
|
|
34
|
-
`, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-footer-
|
|
34
|
+
`, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-footer-L5Nj: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-footer-L5Nj: var(--secondary-color)}:host{display:flex;justify-content:center;align-items:center;padding:8px;box-sizing:border-box;font-size:12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
35
35
|
}
|
|
36
36
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuFooterOrganism, decorators: [{
|
|
37
37
|
type: Component,
|
|
@@ -41,7 +41,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
41
41
|
{
|
|
42
42
|
directive: MenuFooterOrganismStore,
|
|
43
43
|
},
|
|
44
|
-
], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-footer-
|
|
44
|
+
], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-footer-L5Nj: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-footer-L5Nj: var(--secondary-color)}:host{display:flex;justify-content:center;align-items:center;padding:8px;box-sizing:border-box;font-size:12px}\n"] }]
|
|
45
45
|
}] });
|
|
46
46
|
|
|
47
47
|
/**
|
|
@@ -57,7 +57,7 @@ class MenuHeaderOrganism extends NgAtomicComponent {
|
|
|
57
57
|
<path d="M769.433 140.975C772.501 140.975 775.367 140.41 778.031 139.279C780.735 138.109 782.955 136.393 784.691 134.133C786.467 131.832 787.476 129.027 787.718 125.717H794.62C794.419 129.874 793.147 133.588 790.806 136.857C788.505 140.087 785.478 142.63 781.724 144.486C778.01 146.303 773.913 147.211 769.433 147.211C764.872 147.211 760.835 146.383 757.324 144.729C753.852 143.074 750.946 140.773 748.605 137.826C746.264 134.839 744.488 131.368 743.277 127.412C742.106 123.416 741.521 119.117 741.521 114.516V111.973C741.521 107.371 742.106 103.092 743.277 99.1367C744.488 95.1406 746.264 91.6693 748.605 88.7227C750.946 85.7357 753.852 83.4147 757.324 81.7598C760.795 80.1048 764.811 79.2773 769.372 79.2773C774.055 79.2773 778.253 80.2259 781.966 82.123C785.72 84.0202 788.707 86.7044 790.927 90.1758C793.188 93.6471 794.419 97.7643 794.62 102.527H787.718C787.516 99.0156 786.588 95.9883 784.933 93.4453C783.278 90.9023 781.098 88.9447 778.394 87.5723C775.69 86.1999 772.682 85.5137 769.372 85.5137C765.659 85.5137 762.49 86.2402 759.867 87.6934C757.243 89.1061 755.104 91.0638 753.449 93.5664C751.834 96.0286 750.643 98.8542 749.876 102.043C749.109 105.191 748.726 108.501 748.726 111.973V114.516C748.726 118.027 749.089 121.378 749.816 124.566C750.583 127.715 751.773 130.52 753.388 132.982C755.043 135.445 757.182 137.402 759.806 138.855C762.47 140.268 765.679 140.975 769.433 140.975Z" fill="#FEFEFE"/>
|
|
58
58
|
</svg>
|
|
59
59
|
}
|
|
60
|
-
`, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-header-
|
|
60
|
+
`, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-header-tBSS: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-header-tBSS: var(--secondary-color)}:host{display:flex;height:56px;padding:12px 16px;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;background:var(--primary-color-SCOPED-IN-menu-header-tBSS)}:host .title{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host .title span{font-size:20px;font-weight:700;letter-spacing:1px}:host svg{padding-left:8px;box-sizing:border-box;width:-moz-fit-content;width:fit-content;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
61
61
|
}
|
|
62
62
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuHeaderOrganism, decorators: [{
|
|
63
63
|
type: Component,
|
|
@@ -89,7 +89,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
89
89
|
directive: MenuHeaderOrganismStore,
|
|
90
90
|
inputs: ['title'],
|
|
91
91
|
},
|
|
92
|
-
], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-header-
|
|
92
|
+
], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-header-tBSS: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-header-tBSS: var(--secondary-color)}:host{display:flex;height:56px;padding:12px 16px;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;background:var(--primary-color-SCOPED-IN-menu-header-tBSS)}:host .title{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host .title span{font-size:20px;font-weight:700;letter-spacing:1px}:host svg{padding-left:8px;box-sizing:border-box;width:-moz-fit-content;width:fit-content;height:100%}\n"] }]
|
|
93
93
|
}] });
|
|
94
94
|
|
|
95
95
|
/**
|
|
@@ -33,7 +33,7 @@ class MessagesSectionOrganism {
|
|
|
33
33
|
<div class="pulse-container"><div class="dot-pulse"></div></div>
|
|
34
34
|
</div>
|
|
35
35
|
</div>
|
|
36
|
-
`, isInline: true, styles: [":host{display:block;--vertical-padding: 16px;--vertical-padding-SCOPED-IN-messages-section-
|
|
36
|
+
`, isInline: true, styles: [":host{display:block;--vertical-padding: 16px;--vertical-padding-SCOPED-IN-messages-section-PZtV: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-messages-section-PZtV: var(--horizontal-padding)}:host{padding:var(--horizontal-padding-SCOPED-IN-messages-section-PZtV) var(--vertical-padding-SCOPED-IN-messages-section-PZtV);box-sizing:border-box}:host .message{display:flex;flex-direction:row;justify-content:flex-end;margin-top:8px;white-space:pre-wrap}:host .message.user{justify-content:flex-end}:host .message.user .balloon{outline:#3f51b5 solid 1px;background-color:#fff;color:#3f51b5}:host .message.opponent{justify-content:flex-start}:host .message.opponent .balloon{background-color:#3f51b5;color:#fff}:host .message .balloon{min-height:1.5em;padding:4px;border-radius:8px}:host .message .balloon .pulse-container{display:inline-flex;justify-content:center;align-items:center;width:60px;padding-top:7px}:host .dot-pulse{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 0 0 -5px;animation:dot-pulse 1.5s infinite linear;animation-delay:.25s}:host .dot-pulse:before,:host .dot-pulse:after{content:\"\";display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}:host .dot-pulse:before{box-shadow:9984px 0 0 -5px;animation:dot-pulse-before 1.5s infinite linear;animation-delay:0s}:host .dot-pulse:after{box-shadow:10014px 0 0 -5px;animation:dot-pulse-after 1.5s infinite linear;animation-delay:.5s}@keyframes dot-pulse-before{0%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}60%,to{box-shadow:9984px 0 0 -5px}}@keyframes dot-pulse{0%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}60%,to{box-shadow:9999px 0 0 -5px}}@keyframes dot-pulse-after{0%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}60%,to{box-shadow:10014px 0 0 -5px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
37
37
|
}
|
|
38
38
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MessagesSectionOrganism, decorators: [{
|
|
39
39
|
type: Component,
|
|
@@ -62,7 +62,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
62
62
|
</div>
|
|
63
63
|
`, imports: [
|
|
64
64
|
CommonModule,
|
|
65
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--vertical-padding: 16px;--vertical-padding-SCOPED-IN-messages-section-
|
|
65
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--vertical-padding: 16px;--vertical-padding-SCOPED-IN-messages-section-PZtV: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-messages-section-PZtV: var(--horizontal-padding)}:host{padding:var(--horizontal-padding-SCOPED-IN-messages-section-PZtV) var(--vertical-padding-SCOPED-IN-messages-section-PZtV);box-sizing:border-box}:host .message{display:flex;flex-direction:row;justify-content:flex-end;margin-top:8px;white-space:pre-wrap}:host .message.user{justify-content:flex-end}:host .message.user .balloon{outline:#3f51b5 solid 1px;background-color:#fff;color:#3f51b5}:host .message.opponent{justify-content:flex-start}:host .message.opponent .balloon{background-color:#3f51b5;color:#fff}:host .message .balloon{min-height:1.5em;padding:4px;border-radius:8px}:host .message .balloon .pulse-container{display:inline-flex;justify-content:center;align-items:center;width:60px;padding-top:7px}:host .dot-pulse{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 0 0 -5px;animation:dot-pulse 1.5s infinite linear;animation-delay:.25s}:host .dot-pulse:before,:host .dot-pulse:after{content:\"\";display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}:host .dot-pulse:before{box-shadow:9984px 0 0 -5px;animation:dot-pulse-before 1.5s infinite linear;animation-delay:0s}:host .dot-pulse:after{box-shadow:10014px 0 0 -5px;animation:dot-pulse-after 1.5s infinite linear;animation-delay:.5s}@keyframes dot-pulse-before{0%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}60%,to{box-shadow:9984px 0 0 -5px}}@keyframes dot-pulse{0%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}60%,to{box-shadow:9999px 0 0 -5px}}@keyframes dot-pulse-after{0%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}60%,to{box-shadow:10014px 0 0 -5px}}\n"] }]
|
|
66
66
|
}], propDecorators: { messages: [{
|
|
67
67
|
type: Input
|
|
68
68
|
}], isMessageCreating: [{
|
|
@@ -37,7 +37,7 @@ class NavigationListOrganism extends NgAtomicComponent {
|
|
|
37
37
|
/>
|
|
38
38
|
}
|
|
39
39
|
</mat-selection-list>
|
|
40
|
-
`, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-
|
|
40
|
+
`, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-YnAF: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-YnAF: var(--background-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-YnAF: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-YnAF: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-YnAF: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-YnAF: var(--on-surface-color)}:host{display:block;width:100%;height:100%;color:var(--on-background-color-SCOPED-IN-navigation-list-YnAF);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host *{--primary-color: var(--primary-color-SCOPED-IN-navigation-list-YnAF);--background-color: var(--background-color-SCOPED-IN-navigation-list-YnAF);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-YnAF);--on-primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-YnAF);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-YnAF);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-YnAF)}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "directive", type: NavigationListItemMoleculeStore, selector: "molecules-navigation-list-item", inputs: ["action", "selected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
41
41
|
}
|
|
42
42
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NavigationListOrganism, decorators: [{
|
|
43
43
|
type: Component,
|
|
@@ -60,7 +60,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
60
60
|
directive: NavigationListOrganismStore,
|
|
61
61
|
inputs: ['actions'],
|
|
62
62
|
},
|
|
63
|
-
], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-
|
|
63
|
+
], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-YnAF: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-YnAF: var(--background-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-YnAF: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-YnAF: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-YnAF: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-YnAF: var(--on-surface-color)}:host{display:block;width:100%;height:100%;color:var(--on-background-color-SCOPED-IN-navigation-list-YnAF);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host *{--primary-color: var(--primary-color-SCOPED-IN-navigation-list-YnAF);--background-color: var(--background-color-SCOPED-IN-navigation-list-YnAF);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-YnAF);--on-primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-YnAF);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-YnAF);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-YnAF)}\n"] }]
|
|
64
64
|
}] });
|
|
65
65
|
|
|
66
66
|
/**
|
|
@@ -68,7 +68,7 @@ class NavigatorOrganism extends NgAtomicComponent {
|
|
|
68
68
|
}
|
|
69
69
|
</div>
|
|
70
70
|
</mat-toolbar>
|
|
71
|
-
`, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigator-
|
|
71
|
+
`, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigator-Y6Q2: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigator-Y6Q2: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-navigator-Y6Q2: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-navigator-Y6Q2: var(--on-secondary-color);--background-color: #fff;--background-color-SCOPED-IN-navigator-Y6Q2: var(--background-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigator-Y6Q2: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--background-color-SCOPED-IN-navigator-Y6Q2);color:var(--on-background-color-SCOPED-IN-navigator-Y6Q2)}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host div{display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
72
72
|
}
|
|
73
73
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NavigatorOrganism, decorators: [{
|
|
74
74
|
type: Component,
|
|
@@ -108,7 +108,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
108
108
|
directive: NavigatorOrganismStore,
|
|
109
109
|
inputs: ['startActions', 'endActions', 'title'],
|
|
110
110
|
}
|
|
111
|
-
], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigator-
|
|
111
|
+
], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigator-Y6Q2: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigator-Y6Q2: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-navigator-Y6Q2: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-navigator-Y6Q2: var(--on-secondary-color);--background-color: #fff;--background-color-SCOPED-IN-navigator-Y6Q2: var(--background-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigator-Y6Q2: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--background-color-SCOPED-IN-navigator-Y6Q2);color:var(--on-background-color-SCOPED-IN-navigator-Y6Q2)}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host div{display:flex;justify-content:center;align-items:center}\n"] }]
|
|
112
112
|
}] });
|
|
113
113
|
|
|
114
114
|
/**
|
|
@@ -49,7 +49,7 @@ class NumberInputSectionOrganism extends NgAtomicComponent {
|
|
|
49
49
|
(action)="dispatch($event)"
|
|
50
50
|
/>
|
|
51
51
|
}
|
|
52
|
-
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-number-input-section-
|
|
52
|
+
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-number-input-section-YOYi: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-number-input-section-YOYi) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-number-input-section-YOYi)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "directive", type: TextInputFieldMoleculeStore, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "pattern", "autoComplete"] }, { kind: "directive", type: SmartMenuButtonAtomStore, selector: "atoms-smart-menu-button", inputs: ["actions", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
53
53
|
}
|
|
54
54
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NumberInputSectionOrganism, decorators: [{
|
|
55
55
|
type: Component,
|
|
@@ -77,7 +77,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
77
77
|
directive: NumberInputSectionOrganismStore,
|
|
78
78
|
inputs: ['label', 'placeholder', 'hint', 'control', 'autoComplete', 'actions', 'actionButtonType'],
|
|
79
79
|
}
|
|
80
|
-
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-number-input-section-
|
|
80
|
+
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-number-input-section-YOYi: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-number-input-section-YOYi) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-number-input-section-YOYi)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
|
|
81
81
|
}] });
|
|
82
82
|
|
|
83
83
|
/**
|
|
@@ -47,7 +47,7 @@ class PaginatorOrganism extends NgAtomicComponent {
|
|
|
47
47
|
[pageSizeOptions]="store.pageSizeOptions()"
|
|
48
48
|
(page)="onPageChange($event)"
|
|
49
49
|
/>
|
|
50
|
-
`, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-paginator-
|
|
50
|
+
`, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-paginator-ePVZ: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-paginator-ePVZ: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-paginator-ePVZ: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-paginator-ePVZ: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-paginator-ePVZ: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-paginator-ePVZ: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-paginator-ePVZ: var(--on-background-color)}:host mat-paginator{background-color:var(--background-color-SCOPED-IN-paginator-ePVZ);color:var(--on-background-color-SCOPED-IN-paginator-ePVZ);min-width:440px}\n"], dependencies: [{ kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i1.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
51
51
|
}
|
|
52
52
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: PaginatorOrganism, decorators: [{
|
|
53
53
|
type: Component,
|
|
@@ -65,7 +65,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
65
65
|
directive: PaginatorOrganismStore,
|
|
66
66
|
inputs: ['form', 'pageSizeOptions', 'itemLength'],
|
|
67
67
|
},
|
|
68
|
-
], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-paginator-
|
|
68
|
+
], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-paginator-ePVZ: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-paginator-ePVZ: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-paginator-ePVZ: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-paginator-ePVZ: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-paginator-ePVZ: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-paginator-ePVZ: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-paginator-ePVZ: var(--on-background-color)}:host mat-paginator{background-color:var(--background-color-SCOPED-IN-paginator-ePVZ);color:var(--on-background-color-SCOPED-IN-paginator-ePVZ);min-width:440px}\n"] }]
|
|
69
69
|
}] });
|
|
70
70
|
|
|
71
71
|
/**
|
|
@@ -48,7 +48,7 @@ class PasswordInputSectionOrganism extends NgAtomicComponent {
|
|
|
48
48
|
[type]="store.actionButtonType()"
|
|
49
49
|
(action)="dispatch($event)"
|
|
50
50
|
/>
|
|
51
|
-
}`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-password-input-section-
|
|
51
|
+
}`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-password-input-section-gBkN: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-password-input-section-gBkN) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-password-input-section-gBkN)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "directive", type: TextInputFieldMoleculeStore, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "pattern", "autoComplete"] }, { kind: "directive", type: SmartMenuButtonAtomStore, selector: "atoms-smart-menu-button", inputs: ["actions", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
52
52
|
}
|
|
53
53
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: PasswordInputSectionOrganism, decorators: [{
|
|
54
54
|
type: Component,
|
|
@@ -75,7 +75,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
75
75
|
directive: PasswordInputSectionOrganismStore,
|
|
76
76
|
inputs: ['label', 'placeholder', 'hint', 'control', 'autoComplete', 'actions', 'actionButtonType'],
|
|
77
77
|
},
|
|
78
|
-
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-password-input-section-
|
|
78
|
+
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-password-input-section-gBkN: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-password-input-section-gBkN) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-password-input-section-gBkN)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
|
|
79
79
|
}] });
|
|
80
80
|
|
|
81
81
|
/**
|
|
@@ -47,7 +47,7 @@ class SelectInputSectionOrganism extends NgAtomicComponent {
|
|
|
47
47
|
[actions]="store.actions()"
|
|
48
48
|
(action)="dispatch($event)"
|
|
49
49
|
/>
|
|
50
|
-
}`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-
|
|
50
|
+
}`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-gQhl: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-gQhl) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-select-input-section-gQhl)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "component", type: SelectInputFieldMolecule, selector: "molecules-select-input-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
51
51
|
}
|
|
52
52
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SelectInputSectionOrganism, decorators: [{
|
|
53
53
|
type: Component,
|
|
@@ -73,7 +73,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
73
73
|
directive: SelectInputSectionOrganismStore,
|
|
74
74
|
inputs: ['actions', 'hint', 'placeholder', 'label', 'control', 'options', 'multiple'],
|
|
75
75
|
}
|
|
76
|
-
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-
|
|
76
|
+
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-gQhl: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-gQhl) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-select-input-section-gQhl)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
|
|
77
77
|
}] });
|
|
78
78
|
|
|
79
79
|
/**
|
|
@@ -56,7 +56,7 @@ class SliderInputSectionOrganism extends NgAtomicComponent {
|
|
|
56
56
|
matSliderThumb
|
|
57
57
|
>
|
|
58
58
|
</mat-slider>
|
|
59
|
-
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-slider-input-section-
|
|
59
|
+
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-slider-input-section-Jsco: var(--horizontal-padding);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-Jsco: var(--mat-form-field-outlined-label-text-populated-size);--mdc-outlined-text-field-label-text-color-SCOPED-IN-slider-input-section-Jsco: var(--mdc-outlined-text-field-label-text-color)}:host{display:flex;flex-direction:column;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-slider-input-section-Jsco);box-sizing:border-box}:host .slider{width:100%}:host span{padding-left:20px;font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-Jsco);color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-slider-input-section-Jsco);transform:scale(.75);transform-origin:top left}\n"], dependencies: [{ kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i1.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
60
60
|
}
|
|
61
61
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SliderInputSectionOrganism, decorators: [{
|
|
62
62
|
type: Component,
|
|
@@ -81,7 +81,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
81
81
|
directive: SliderInputSectionOrganismStore,
|
|
82
82
|
inputs: ['control', 'min', 'max', 'step', 'thumbLabel', 'label'],
|
|
83
83
|
}
|
|
84
|
-
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-slider-input-section-
|
|
84
|
+
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-slider-input-section-Jsco: var(--horizontal-padding);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-Jsco: var(--mat-form-field-outlined-label-text-populated-size);--mdc-outlined-text-field-label-text-color-SCOPED-IN-slider-input-section-Jsco: var(--mdc-outlined-text-field-label-text-color)}:host{display:flex;flex-direction:column;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-slider-input-section-Jsco);box-sizing:border-box}:host .slider{width:100%}:host span{padding-left:20px;font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-Jsco);color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-slider-input-section-Jsco);transform:scale(.75);transform-origin:top left}\n"] }]
|
|
85
85
|
}] });
|
|
86
86
|
|
|
87
87
|
/**
|
|
@@ -9,14 +9,14 @@ class SocialLoginSectionOrganism {
|
|
|
9
9
|
this.signInWithGoogleButtonClick = new EventEmitter();
|
|
10
10
|
}
|
|
11
11
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SocialLoginSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: SocialLoginSectionOrganism, isStandalone: true, selector: "organisms-social-login-section", outputs: { signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, ngImport: i0, template: "<button \n mat-raised-button \n color=\"primary\" \n (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: SocialLoginSectionOrganism, isStandalone: true, selector: "organisms-social-login-section", outputs: { signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, ngImport: i0, template: "<button \n mat-raised-button \n color=\"primary\" \n (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-Haws: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-Haws);box-sizing:border-box}:host button{width:100%;height:56px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
13
13
|
}
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SocialLoginSectionOrganism, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
16
|
args: [{ selector: 'organisms-social-login-section', standalone: true, imports: [
|
|
17
17
|
CommonModule,
|
|
18
18
|
MatButtonModule,
|
|
19
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n mat-raised-button \n color=\"primary\" \n (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-
|
|
19
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n mat-raised-button \n color=\"primary\" \n (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-Haws: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-Haws);box-sizing:border-box}:host button{width:100%;height:56px}\n"] }]
|
|
20
20
|
}], propDecorators: { signInWithGoogleButtonClick: [{
|
|
21
21
|
type: Output
|
|
22
22
|
}] } });
|
|
@@ -293,7 +293,7 @@ class TableOrganism extends NgAtomicComponent {
|
|
|
293
293
|
></tr>
|
|
294
294
|
<div class="mat-row" *matNoDataRow>No Data</div>
|
|
295
295
|
</table>
|
|
296
|
-
`, isInline: true, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-
|
|
296
|
+
`, isInline: true, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-HrJ1: var(--width);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-HrJ1: var(--column-vertical-padding);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-smart-table-HrJ1: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-smart-table-HrJ1: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-smart-table-HrJ1: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-smart-table-HrJ1: var(--on-background-color);--vertical-padding: 16px;--vertical-padding-SCOPED-IN-smart-table-HrJ1: var(--vertical-padding)}:host{position:relative;display:block;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%;background-color:var(--background-color-SCOPED-IN-smart-table-HrJ1);color:var(--on-background-color-SCOPED-IN-smart-table-HrJ1)}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-HrJ1);box-sizing:border-box}:host table ::ng-deep th:first-child,:host table ::ng-deep td:first-child{padding-left:var(--vertical-padding-SCOPED-IN-smart-table-HrJ1)}:host table ::ng-deep th:last-child,:host table ::ng-deep td:last-child{padding-right:var(--vertical-padding-SCOPED-IN-smart-table-HrJ1)}:host table ::ng-deep tr.highlight{background-color:#f0f0f0;transition:background-color .5s}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 32px);height:3em;padding:0 16px}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i1.MatRecycleRows, selector: "mat-table[recycleRows], table[mat-table][recycleRows]" }, { kind: "directive", type: i1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "component", type: i1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i1.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: MatMenuModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: ActionsColumnMolecule, selector: "molecules-actions-column" }, { kind: "component", type: CheckboxColumnMolecule, selector: "molecules-checkbox-column", inputs: ["name", "selection", "isHidden"] }, { kind: "component", type: SmartColumnMolecule, selector: "molecules-smart-column", inputs: ["headerText", "name"], outputs: ["headerClick"] }, { kind: "component", type: TreeColumnMolecule, selector: "molecules-tree-column", outputs: ["headerClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
297
297
|
}
|
|
298
298
|
__decorate([
|
|
299
299
|
Effect(CheckboxColumnMolecule.ActionId.CHECKBOX_CLICK),
|
|
@@ -378,7 +378,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
378
378
|
directive: TableOrganismStore,
|
|
379
379
|
inputs: ['form', 'itemActions', 'selection', 'items', 'childrenKey', 'highlight'],
|
|
380
380
|
},
|
|
381
|
-
], host: { class: 'organism' }, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-
|
|
381
|
+
], host: { class: 'organism' }, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-HrJ1: var(--width);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-HrJ1: var(--column-vertical-padding);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-smart-table-HrJ1: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-smart-table-HrJ1: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-smart-table-HrJ1: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-smart-table-HrJ1: var(--on-background-color);--vertical-padding: 16px;--vertical-padding-SCOPED-IN-smart-table-HrJ1: var(--vertical-padding)}:host{position:relative;display:block;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%;background-color:var(--background-color-SCOPED-IN-smart-table-HrJ1);color:var(--on-background-color-SCOPED-IN-smart-table-HrJ1)}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-HrJ1);box-sizing:border-box}:host table ::ng-deep th:first-child,:host table ::ng-deep td:first-child{padding-left:var(--vertical-padding-SCOPED-IN-smart-table-HrJ1)}:host table ::ng-deep th:last-child,:host table ::ng-deep td:last-child{padding-right:var(--vertical-padding-SCOPED-IN-smart-table-HrJ1)}:host table ::ng-deep tr.highlight{background-color:#f0f0f0;transition:background-color .5s}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 32px);height:3em;padding:0 16px}\n"] }]
|
|
382
382
|
}], propDecorators: { onCheckboxClick: [] } });
|
|
383
383
|
|
|
384
384
|
/**
|
|
@@ -48,7 +48,7 @@ class TextInputSectionOrganism extends NgAtomicComponent {
|
|
|
48
48
|
(action)="dispatch($event)"
|
|
49
49
|
/>
|
|
50
50
|
}
|
|
51
|
-
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-
|
|
51
|
+
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-ndu4: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-ndu4) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-ndu4)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "directive", type: TextInputFieldMoleculeStore, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "pattern", "autoComplete"] }, { kind: "directive", type: SmartMenuButtonAtomStore, selector: "atoms-smart-menu-button", inputs: ["actions", "type"] }] }); }
|
|
52
52
|
}
|
|
53
53
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextInputSectionOrganism, decorators: [{
|
|
54
54
|
type: Component,
|
|
@@ -75,7 +75,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
75
75
|
directive: TextInputSectionOrganismStore,
|
|
76
76
|
inputs: ['label', 'placeholder', 'type', 'hint', 'control', 'autoComplete', 'actions'],
|
|
77
77
|
}
|
|
78
|
-
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-
|
|
78
|
+
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-ndu4: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-ndu4) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-ndu4)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
|
|
79
79
|
}] });
|
|
80
80
|
|
|
81
81
|
/**
|
|
@@ -51,7 +51,7 @@ class TextareaSectionOrganism extends NgAtomicComponent {
|
|
|
51
51
|
(action)="dispatch($event)"
|
|
52
52
|
/>
|
|
53
53
|
}
|
|
54
|
-
`, isInline: true, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-
|
|
54
|
+
`, isInline: true, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-V9r6: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-V9r6);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-smart-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"], dependencies: [{ kind: "component", type: TextareaFieldMolecule, selector: "molecules-textarea-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
55
55
|
}
|
|
56
56
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextareaSectionOrganism, decorators: [{
|
|
57
57
|
type: Component,
|
|
@@ -80,7 +80,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
80
80
|
directive: TextareaSectionOrganismStore,
|
|
81
81
|
inputs: ['appearance', 'label', 'rows', 'placeholder', 'floatLabel', 'hint', 'control', 'actions'],
|
|
82
82
|
}
|
|
83
|
-
], styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-
|
|
83
|
+
], styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-V9r6: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-V9r6);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-smart-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"] }]
|
|
84
84
|
}] });
|
|
85
85
|
|
|
86
86
|
/**
|
|
@@ -64,7 +64,7 @@ class ThreadMessagesSectionOrganism extends NgAtomicComponent {
|
|
|
64
64
|
</div>
|
|
65
65
|
<mat-divider />
|
|
66
66
|
}
|
|
67
|
-
`, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-
|
|
67
|
+
`, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-k0YY: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-k0YY: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-k0YY: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-k0YY: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-k0YY: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-k0YY: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-k0YY)}:host .message{padding:8px 16px}:host .message .header{display:flex;justify-content:flex-start;align-items:center;padding:8px 0;box-sizing:border-box;gap:8px}:host .message .header .name{font-size:14px;font-weight:700}:host .message .header .description{display:flex;justify-content:flex-start;gap:4px;font-size:12px}:host .message .header img{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color-SCOPED-IN-%COMP%-k0YY)}:host .message .content{font-size:14px;padding-bottom:24px;box-sizing:border-box}:host .message .bottom.actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}:host .message .bottom.actions button{height:32px;padding:0 8px;--mdc-outlined-button-label-text-size: 12px}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: ActionsPipe, name: "resolveActions" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: FallbackSrcDirective, selector: "[fallbackSrc]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
68
68
|
}
|
|
69
69
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThreadMessagesSectionOrganism, decorators: [{
|
|
70
70
|
type: Component,
|
|
@@ -115,7 +115,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
115
115
|
directive: ThreadMessagesSectionOrganismStore,
|
|
116
116
|
inputs: ['comments', 'noCommentMessage', 'commentActions']
|
|
117
117
|
}
|
|
118
|
-
], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-
|
|
118
|
+
], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-k0YY: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-k0YY: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-k0YY: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-k0YY: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-k0YY: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-k0YY: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-k0YY)}:host .message{padding:8px 16px}:host .message .header{display:flex;justify-content:flex-start;align-items:center;padding:8px 0;box-sizing:border-box;gap:8px}:host .message .header .name{font-size:14px;font-weight:700}:host .message .header .description{display:flex;justify-content:flex-start;gap:4px;font-size:12px}:host .message .header img{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color-SCOPED-IN-%COMP%-k0YY)}:host .message .content{font-size:14px;padding-bottom:24px;box-sizing:border-box}:host .message .bottom.actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}:host .message .bottom.actions button{height:32px;padding:0 8px;--mdc-outlined-button-label-text-size: 12px}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\n"] }]
|
|
119
119
|
}] });
|
|
120
120
|
|
|
121
121
|
/**
|
|
@@ -8,7 +8,7 @@ import { injectModelName, injectModel } from '@ng-atomic/common/pipes/domain';
|
|
|
8
8
|
import { InjectableComponent, _computed, NgAtomicComponent, Effect } from '@ng-atomic/core';
|
|
9
9
|
import { ActivatedRoute, Router } from '@angular/router';
|
|
10
10
|
import { injectIndexForm, buildColumns } from '@ng-atomic/components/organisms/table';
|
|
11
|
-
import { makeConfig, injectIsRootPage, injectNavStartActions } from '@ng-atomic/common/services/ui';
|
|
11
|
+
import { makeConfig, injectIsRootPage, injectNavStartActions, injectSideAppNavStartActions, NavActionId } from '@ng-atomic/common/services/ui';
|
|
12
12
|
import { SelectionModel } from '@angular/cdk/collections';
|
|
13
13
|
import { injectEntityIdName } from '@ng-atomic/components/pages/form';
|
|
14
14
|
import { injectChildRouteParam } from '@ng-atomic/common/utils';
|
|
@@ -23,6 +23,7 @@ var ActionId;
|
|
|
23
23
|
ActionId["CHECKBOX_CLICK"] = "[@ng-atomic/components/pages] CheckboxClick";
|
|
24
24
|
ActionId["ADD"] = "[@ng-atomic/components/pages] Add";
|
|
25
25
|
ActionId["DETAIL"] = "[@ng-atomic/components/pages] Detail";
|
|
26
|
+
ActionId["CLOSE"] = "[@ng-atomic/components/pages] Close";
|
|
26
27
|
})(ActionId || (ActionId = {}));
|
|
27
28
|
class IndexPageStore extends InjectableComponent {
|
|
28
29
|
constructor() {
|
|
@@ -69,11 +70,19 @@ class IndexPageStore extends InjectableComponent {
|
|
|
69
70
|
filterFunc: (item) => true,
|
|
70
71
|
});
|
|
71
72
|
}, ['components', 'pages', 'index']); }
|
|
72
|
-
static { this.provideItemsFromRepository = IndexPageStore.Config.provide(() => {
|
|
73
|
+
static { this.provideItemsFromRepository = () => IndexPageStore.Config.provide(() => {
|
|
73
74
|
const Model = injectModel();
|
|
74
75
|
const items = Model ? injectAll(Model) : signal([]);
|
|
75
76
|
return (config) => ({ ...config, items: items() });
|
|
76
77
|
}); }
|
|
78
|
+
static { this.provideSideAppNavStartActions = () => IndexPageStore.Config.provide(() => {
|
|
79
|
+
const isRootPage = injectIsRootPage();
|
|
80
|
+
const navStartActions = injectSideAppNavStartActions(isRootPage);
|
|
81
|
+
return (config) => ({
|
|
82
|
+
...config,
|
|
83
|
+
navStartActions: navStartActions(),
|
|
84
|
+
});
|
|
85
|
+
}); }
|
|
77
86
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: IndexPageStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
78
87
|
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: IndexPageStore, isStandalone: true, inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, itemActions: { classPropertyName: "itemActions", publicName: "itemActions", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, highlight: { classPropertyName: "highlight", publicName: "highlight", isSignal: true, isRequired: false, transformFunction: null }, navStartActions: { classPropertyName: "navStartActions", publicName: "navStartActions", isSignal: true, isRequired: false, transformFunction: null }, navEndActions: { classPropertyName: "navEndActions", publicName: "navEndActions", isSignal: true, isRequired: false, transformFunction: null }, filterFunc: { classPropertyName: "filterFunc", publicName: "filterFunc", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
|
|
79
88
|
}
|
|
@@ -90,6 +99,9 @@ class IndexPage extends NgAtomicComponent {
|
|
|
90
99
|
back() {
|
|
91
100
|
this.dispatch({ id: ActionId.BACK });
|
|
92
101
|
}
|
|
102
|
+
close() {
|
|
103
|
+
this.dispatch({ id: ActionId.CLOSE });
|
|
104
|
+
}
|
|
93
105
|
checkboxClick(item) {
|
|
94
106
|
this.store.selection().toggle(item.id);
|
|
95
107
|
}
|
|
@@ -113,7 +125,7 @@ class IndexPage extends NgAtomicComponent {
|
|
|
113
125
|
(action)="dispatch($event)"
|
|
114
126
|
/>
|
|
115
127
|
</frames-router-outlet>
|
|
116
|
-
`, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-
|
|
128
|
+
`, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-vi7T: var(--page-width-lv3);--primary-color-SCOPED-IN-index-vi7T: var(--primary-color);--on-primary-color-SCOPED-IN-index-vi7T: var(--on-primary-color);--surface-color-SCOPED-IN-index-vi7T: var(--surface-color);--on-surface-color-SCOPED-IN-index-vi7T: var(--on-surface-color);--on-background-color-SCOPED-IN-index-vi7T: var(--on-background-color);--background-color-SCOPED-IN-index-vi7T: var(--background-color);--navigator-background-color-SCOPED-IN-index-vi7T: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-index-vi7T: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-index-vi7T: var(--table-background-color);--table-on-background-color-SCOPED-IN-index-vi7T: var(--table-on-background-color)}:host .template{width:var(--page-width-lv3-SCOPED-IN-index-vi7T)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-vi7T);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-vi7T);--surface-color: var(--surface-color-SCOPED-IN-index-vi7T);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-vi7T);--background-color: var(--background-color-SCOPED-IN-index-vi7T);--on-background-color: var(--on-background-color-SCOPED-IN-index-vi7T);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-index-vi7T);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-vi7T);--table-background-color: var(--table-background-color-SCOPED-IN-index-vi7T);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-index-vi7T)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet" }, { kind: "component", type: IndexTemplate, selector: "templates-index" }] }); }
|
|
117
129
|
}
|
|
118
130
|
__decorate([
|
|
119
131
|
Effect(IndexTemplate.ActionId.BACK),
|
|
@@ -121,6 +133,12 @@ __decorate([
|
|
|
121
133
|
__metadata("design:paramtypes", []),
|
|
122
134
|
__metadata("design:returntype", void 0)
|
|
123
135
|
], IndexPage.prototype, "back", null);
|
|
136
|
+
__decorate([
|
|
137
|
+
Effect(NavActionId.CLOSE),
|
|
138
|
+
__metadata("design:type", Function),
|
|
139
|
+
__metadata("design:paramtypes", []),
|
|
140
|
+
__metadata("design:returntype", void 0)
|
|
141
|
+
], IndexPage.prototype, "close", null);
|
|
124
142
|
__decorate([
|
|
125
143
|
Effect(IndexTemplate.ActionId.CHECKBOX_CLICK),
|
|
126
144
|
__metadata("design:type", Function),
|
|
@@ -154,8 +172,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
154
172
|
(action)="dispatch($event)"
|
|
155
173
|
/>
|
|
156
174
|
</frames-router-outlet>
|
|
157
|
-
`, hostDirectives: [IndexPageStore], styles: [":host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-
|
|
158
|
-
}], propDecorators: { back: [], checkboxClick: [], itemClick: [] } });
|
|
175
|
+
`, hostDirectives: [IndexPageStore], styles: [":host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-vi7T: var(--page-width-lv3);--primary-color-SCOPED-IN-index-vi7T: var(--primary-color);--on-primary-color-SCOPED-IN-index-vi7T: var(--on-primary-color);--surface-color-SCOPED-IN-index-vi7T: var(--surface-color);--on-surface-color-SCOPED-IN-index-vi7T: var(--on-surface-color);--on-background-color-SCOPED-IN-index-vi7T: var(--on-background-color);--background-color-SCOPED-IN-index-vi7T: var(--background-color);--navigator-background-color-SCOPED-IN-index-vi7T: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-index-vi7T: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-index-vi7T: var(--table-background-color);--table-on-background-color-SCOPED-IN-index-vi7T: var(--table-on-background-color)}:host .template{width:var(--page-width-lv3-SCOPED-IN-index-vi7T)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-vi7T);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-vi7T);--surface-color: var(--surface-color-SCOPED-IN-index-vi7T);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-vi7T);--background-color: var(--background-color-SCOPED-IN-index-vi7T);--on-background-color: var(--on-background-color-SCOPED-IN-index-vi7T);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-index-vi7T);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-vi7T);--table-background-color: var(--table-background-color-SCOPED-IN-index-vi7T);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-index-vi7T)}\n"] }]
|
|
176
|
+
}], propDecorators: { back: [], close: [], checkboxClick: [], itemClick: [] } });
|
|
159
177
|
|
|
160
178
|
/**
|
|
161
179
|
* Generated bundle index. Do not edit.
|