@ng-atomic/components 19.0.0-preview.6 → 19.0.0-preview.7
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/fesm2022/ng-atomic-components-atoms-icon.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-app.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-auto-layout.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-card.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-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.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 +2 -2
- package/fesm2022/ng-atomic-components-pages-columns.mjs +2 -2
- package/fesm2022/ng-atomic-components-pages-form.mjs +2 -2
- 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-code-editor.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-columns.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-entrance.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-form.mjs +4 -4
- 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/package.json +26 -26
- package/styles/atomic/_atom.scss +5 -0
- package/styles/atomic/_component.scss +3 -0
- package/styles/atomic/_frame.scss +5 -0
- package/styles/atomic/_molecule.scss +6 -0
- package/styles/atomic/_organism.scss +6 -0
- package/styles/atomic/_page.scss +10 -0
- package/styles/atomic/_template.scss +9 -0
- package/styles/palette.scss +34 -0
- package/styles/styles.scss +58 -0
|
@@ -39,7 +39,7 @@ class GridItemMolecule extends NgAtomicComponent {
|
|
|
39
39
|
<div class="sub"><span>{{ item() | dataAccessor:'sub' }}</span></div>
|
|
40
40
|
</div>
|
|
41
41
|
</div>
|
|
42
|
-
`, isInline: true, styles: [":host{display:block;--primary-color: #444;--primary-color-SCOPED-IN-grid-item-
|
|
42
|
+
`, isInline: true, styles: [":host{display:block;--primary-color: #444;--primary-color-SCOPED-IN-grid-item-5167: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-item-5167: var(--on-surface-color)}:host{position:relative;text-align:center;cursor:pointer;aspect-ratio:1/1}:host button{position:absolute;top:0;right:0}:host ::ng-deep>mat-card{display:flex;justify-content:flex-start;align-items:flex-start}:host .eye-catch{position:relative;width:100%;aspect-ratio:16/9;background-color:#444;border-radius:0 0 8px 8px;overflow:hidden}:host .eye-catch img{width:100%;aspect-ratio:16/9;object-fit:cover}:host .eye-catch .label{position:absolute;right:6px;bottom:8px;line-height:1.5em;font-size:1.2em;color:#fff;background:#000;opacity:.6;border-radius:6px;padding:4px 8px}:host .meta{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:8px 8px 24px;box-sizing:border-box}:host .meta .title{display:-webkit-box;text-align:start;font-size:1.4em;font-weight:700;line-height:1.5em;letter-spacing:.04em;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;overflow:hidden;color:var(--on-surface-color-SCOPED-IN-grid-item-5167)}:host .meta .description,:host .meta .sub{overflow:hidden;text-align:start;font-size:1.2em;letter-spacing:.04em;color:gray}:host .meta .description span,:host .meta .sub span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}\n"], dependencies: [{ kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i3.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: FallbackSrcDirective, selector: "[fallbackSrc]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
43
43
|
}
|
|
44
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: GridItemMolecule, decorators: [{
|
|
45
45
|
type: Component,
|
|
@@ -64,7 +64,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
64
64
|
<div class="sub"><span>{{ item() | dataAccessor:'sub' }}</span></div>
|
|
65
65
|
</div>
|
|
66
66
|
</div>
|
|
67
|
-
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--primary-color: #444;--primary-color-SCOPED-IN-grid-item-
|
|
67
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--primary-color: #444;--primary-color-SCOPED-IN-grid-item-5167: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-item-5167: var(--on-surface-color)}:host{position:relative;text-align:center;cursor:pointer;aspect-ratio:1/1}:host button{position:absolute;top:0;right:0}:host ::ng-deep>mat-card{display:flex;justify-content:flex-start;align-items:flex-start}:host .eye-catch{position:relative;width:100%;aspect-ratio:16/9;background-color:#444;border-radius:0 0 8px 8px;overflow:hidden}:host .eye-catch img{width:100%;aspect-ratio:16/9;object-fit:cover}:host .eye-catch .label{position:absolute;right:6px;bottom:8px;line-height:1.5em;font-size:1.2em;color:#fff;background:#000;opacity:.6;border-radius:6px;padding:4px 8px}:host .meta{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:8px 8px 24px;box-sizing:border-box}:host .meta .title{display:-webkit-box;text-align:start;font-size:1.4em;font-weight:700;line-height:1.5em;letter-spacing:.04em;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;overflow:hidden;color:var(--on-surface-color-SCOPED-IN-grid-item-5167)}:host .meta .description,:host .meta .sub{overflow:hidden;text-align:start;font-size:1.2em;letter-spacing:.04em;color:gray}:host .meta .description span,:host .meta .sub span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}\n"] }]
|
|
68
68
|
}] });
|
|
69
69
|
|
|
70
70
|
/**
|
|
@@ -37,7 +37,7 @@ class LoadingBoxMolecule {
|
|
|
37
37
|
<div class="loading-dots">
|
|
38
38
|
@for (i of [0, 1, 2]; track $index) { <div class="dot"></div> }
|
|
39
39
|
</div>
|
|
40
|
-
`, isInline: true, styles: [":host{display:block;--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-gBL6: rgba(0, 0, 0, .6);--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-gBL6-SCOPED-IN-loading-box-
|
|
40
|
+
`, isInline: true, styles: [":host{display:block;--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-gBL6: rgba(0, 0, 0, .6);--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-gBL6-SCOPED-IN-loading-box-L2o2: var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-gBL6)}:host{display:flex;width:100%;justify-content:center}:host .initializing{color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-gBL6-SCOPED-IN-loading-box-L2o2);font-size:12px}@keyframes dotFlashing{0%,to{opacity:0}50%{opacity:1}}:host .loading-box{display:flex;justify-content:center;align-items:center;flex-direction:column}:host .loading-dots .dot{height:10px;width:10px;margin:0 5px;background-color:#333;border-radius:50%;display:inline-block;animation:dotFlashing 1s infinite}:host .loading-dots .dot:nth-child(1){animation-delay:0s}:host .loading-dots .dot:nth-child(2){animation-delay:.2s}:host .loading-dots .dot:nth-child(3){animation-delay:.4s}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
41
41
|
}
|
|
42
42
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: LoadingBoxMolecule, decorators: [{
|
|
43
43
|
type: Component,
|
|
@@ -51,7 +51,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
51
51
|
directive: LoadingBoxMoleculeStore,
|
|
52
52
|
inputs: ['loadingMessage'],
|
|
53
53
|
}
|
|
54
|
-
], styles: [":host{display:block;--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-gBL6: rgba(0, 0, 0, .6);--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-gBL6-SCOPED-IN-loading-box-
|
|
54
|
+
], styles: [":host{display:block;--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-gBL6: rgba(0, 0, 0, .6);--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-gBL6-SCOPED-IN-loading-box-L2o2: var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-gBL6)}:host{display:flex;width:100%;justify-content:center}:host .initializing{color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-gBL6-SCOPED-IN-loading-box-L2o2);font-size:12px}@keyframes dotFlashing{0%,to{opacity:0}50%{opacity:1}}:host .loading-box{display:flex;justify-content:center;align-items:center;flex-direction:column}:host .loading-dots .dot{height:10px;width:10px;margin:0 5px;background-color:#333;border-radius:50%;display:inline-block;animation:dotFlashing 1s infinite}:host .loading-dots .dot:nth-child(1){animation-delay:0s}:host .loading-dots .dot:nth-child(2){animation-delay:.2s}:host .loading-dots .dot:nth-child(3){animation-delay:.4s}\n"] }]
|
|
55
55
|
}] });
|
|
56
56
|
|
|
57
57
|
/**
|
|
@@ -48,7 +48,7 @@ class NavigationListItemMolecule extends NgAtomicComponent {
|
|
|
48
48
|
}
|
|
49
49
|
</div>
|
|
50
50
|
</mat-list-item>
|
|
51
|
-
`, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-item-
|
|
51
|
+
`, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-item-GudA: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-item-GudA: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-item-GudA: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-item-GudA: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-item-GudA: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-item-GudA: var(--on-surface-color);--mat-badge-background-color-SCOPED-IN-navigation-list-item-GudA: var(--mat-badge-background-color)}:host{--mdc-list-list-item-hover-label-text-color: var(--on-background-color);--mdc-list-list-item-label-text-color: var(--on-background-color);--mdc-list-list-item-supporting-text-color: var(--on-background-color);--mat-list-list-item-leading-icon-end-space: 16px}:host [matListItemTitle]{display:flex;align-items:center;gap:4px}:host mat-list-item.activated{background-color:var(--on-background-color-SCOPED-IN-navigation-list-item-GudA);color:var(--on-surface-color-SCOPED-IN-navigation-list-item-GudA)}:host mat-list-item.activated atoms-icon{--on-background-color: var(--background-color-SCOPED-IN-navigation-list-item-GudA)}:host ::ng-deep .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--on-background-color-SCOPED-IN-navigation-list-item-GudA);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}:host *{--background-color: var(--background-color-SCOPED-IN-navigation-list-item-GudA);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-item-GudA);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-item-GudA);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-item-GudA);--primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-item-GudA);--on-primary-color: var(--primary-color-SCOPED-IN-navigation-list-item-GudA)}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "component", type: IconAtom, selector: "atoms-icon", inputs: ["name", "color"] }, { kind: "component", type: BadgeAtom, selector: "atoms-badge", inputs: ["value"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
52
52
|
}
|
|
53
53
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NavigationListItemMolecule, decorators: [{
|
|
54
54
|
type: Component,
|
|
@@ -79,7 +79,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
79
79
|
directive: NavigationListItemMoleculeStore,
|
|
80
80
|
inputs: ['action', 'selected', 'activated'],
|
|
81
81
|
},
|
|
82
|
-
], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-item-
|
|
82
|
+
], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-item-GudA: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-item-GudA: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-item-GudA: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-item-GudA: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-item-GudA: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-item-GudA: var(--on-surface-color);--mat-badge-background-color-SCOPED-IN-navigation-list-item-GudA: var(--mat-badge-background-color)}:host{--mdc-list-list-item-hover-label-text-color: var(--on-background-color);--mdc-list-list-item-label-text-color: var(--on-background-color);--mdc-list-list-item-supporting-text-color: var(--on-background-color);--mat-list-list-item-leading-icon-end-space: 16px}:host [matListItemTitle]{display:flex;align-items:center;gap:4px}:host mat-list-item.activated{background-color:var(--on-background-color-SCOPED-IN-navigation-list-item-GudA);color:var(--on-surface-color-SCOPED-IN-navigation-list-item-GudA)}:host mat-list-item.activated atoms-icon{--on-background-color: var(--background-color-SCOPED-IN-navigation-list-item-GudA)}:host ::ng-deep .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--on-background-color-SCOPED-IN-navigation-list-item-GudA);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}:host *{--background-color: var(--background-color-SCOPED-IN-navigation-list-item-GudA);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-item-GudA);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-item-GudA);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-item-GudA);--primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-item-GudA);--on-primary-color: var(--primary-color-SCOPED-IN-navigation-list-item-GudA)}\n"] }]
|
|
83
83
|
}] });
|
|
84
84
|
|
|
85
85
|
/**
|
|
@@ -41,7 +41,7 @@ class SelectInputFieldMolecule {
|
|
|
41
41
|
@if (store.hint()) { <mat-hint>{{ store.hint() }}</mat-hint> }
|
|
42
42
|
@if (store.control()?.errors?.length) { <mat-error>{{ store.control().errors | error }}</mat-error> }
|
|
43
43
|
</mat-form-field>
|
|
44
|
-
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-
|
|
44
|
+
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-1yWz: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "pipe", type: ErrorPipe, name: "error" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
45
45
|
}
|
|
46
46
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: SelectInputFieldMolecule, decorators: [{
|
|
47
47
|
type: Component,
|
|
@@ -65,7 +65,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
65
65
|
directive: SelectInputFieldMoleculeStore,
|
|
66
66
|
inputs: ['control', 'label', 'appearance', 'options', 'hint', 'placeholder', 'multiple'],
|
|
67
67
|
},
|
|
68
|
-
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-
|
|
68
|
+
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-1yWz: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
|
|
69
69
|
}] });
|
|
70
70
|
|
|
71
71
|
/**
|
|
@@ -76,7 +76,7 @@ class ActionButtonsSectionOrganism extends NgAtomicComponent {
|
|
|
76
76
|
}
|
|
77
77
|
}
|
|
78
78
|
}
|
|
79
|
-
`, isInline: true, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-action-buttons-section-
|
|
79
|
+
`, isInline: true, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-action-buttons-section-J7BS: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-J7BS: var(--horizontal-padding)}:host{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-J7BS);box-sizing:border-box}:host button{width:100%;height:48px;text-wrap:nowrap}\n"], dependencies: [{ 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: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
80
80
|
}
|
|
81
81
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ActionButtonsSectionOrganism, decorators: [{
|
|
82
82
|
type: Component,
|
|
@@ -132,7 +132,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
132
132
|
directive: ActionButtonsSectionOrganismStore,
|
|
133
133
|
inputs: ['actions', 'type'],
|
|
134
134
|
}
|
|
135
|
-
], styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-action-buttons-section-
|
|
135
|
+
], styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-action-buttons-section-J7BS: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-J7BS: var(--horizontal-padding)}:host{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-J7BS);box-sizing:border-box}:host button{width:100%;height:48px;text-wrap:nowrap}\n"] }]
|
|
136
136
|
}] });
|
|
137
137
|
|
|
138
138
|
/**
|
|
@@ -39,7 +39,7 @@ class ActionInputSectionOrganism extends NgAtomicComponent {
|
|
|
39
39
|
[hint]="store.hint()"
|
|
40
40
|
(action)="dispatch($event)"
|
|
41
41
|
></molecules-action-input-field>
|
|
42
|
-
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-input-section-
|
|
42
|
+
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-input-section-sAvm: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-input-section-sAvm);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "component", type: ActionInputFieldMolecule, selector: "molecules-action-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "actions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
43
43
|
}
|
|
44
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ActionInputSectionOrganism, decorators: [{
|
|
45
45
|
type: Component,
|
|
@@ -59,7 +59,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
59
59
|
directive: ActionInputSectionOrganismStore,
|
|
60
60
|
inputs: ['control', 'label', 'placeholder', 'actions', 'hint'],
|
|
61
61
|
}
|
|
62
|
-
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-input-section-
|
|
62
|
+
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-input-section-sAvm: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-input-section-sAvm);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
|
|
63
63
|
}] });
|
|
64
64
|
|
|
65
65
|
/**
|
|
@@ -11,14 +11,14 @@ class CardInputSectionOrganism {
|
|
|
11
11
|
this.placeholder = 'XXXX-XXXX-XXXX-XXXX';
|
|
12
12
|
}
|
|
13
13
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: CardInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: CardInputSectionOrganism, isStandalone: true, selector: "organisms-card-input-section", inputs: { control: "control", label: "label", placeholder: "placeholder" }, ngImport: i0, template: "<molecules-text-input-field\n type=\"text\"\n name=\"cardNumber\"\n [control]=\"control\"\n [label]=\"label\"\n [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-
|
|
14
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: CardInputSectionOrganism, isStandalone: true, selector: "organisms-card-input-section", inputs: { control: "control", label: "label", placeholder: "placeholder" }, ngImport: i0, template: "<molecules-text-input-field\n type=\"text\"\n name=\"cardNumber\"\n [control]=\"control\"\n [label]=\"label\"\n [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-HQAq: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-HQAq);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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
15
15
|
}
|
|
16
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: CardInputSectionOrganism, decorators: [{
|
|
17
17
|
type: Component,
|
|
18
18
|
args: [{ selector: 'organisms-card-input-section', standalone: true, imports: [
|
|
19
19
|
CommonModule,
|
|
20
20
|
TextInputFieldMolecule,
|
|
21
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-text-input-field\n type=\"text\"\n name=\"cardNumber\"\n [control]=\"control\"\n [label]=\"label\"\n [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-
|
|
21
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-text-input-field\n type=\"text\"\n name=\"cardNumber\"\n [control]=\"control\"\n [label]=\"label\"\n [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-HQAq: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-HQAq);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
|
|
22
22
|
}], propDecorators: { control: [{
|
|
23
23
|
type: Input
|
|
24
24
|
}], label: [{
|
|
@@ -19,7 +19,7 @@ class CvcAndExpInputSectionOrganism {
|
|
|
19
19
|
});
|
|
20
20
|
}
|
|
21
21
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: CvcAndExpInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: CvcAndExpInputSectionOrganism, isStandalone: true, selector: "organisms-cvc-and-exp-input-section", inputs: { form: "form" }, ngImport: i0, template: "<molecules-select-input-field\n class=\"year field\"\n label=\"\u6709\u52B9\u671F\u9650(\u5E74)\"\n [control]=\"form.get('expYear')\"\n [options]=\"yearOptions\"\n></molecules-select-input-field>\n<molecules-select-input-field\n class=\"month field\"\n label=\"\u6709\u52B9\u671F\u9650(\u6708)\"\n [control]=\"form.get('expMonth')\"\n [options]=\"monthOptions\"\n></molecules-select-input-field>\n<molecules-text-input-field\n class=\"cvc field\"\n type=\"text\"\n name=\"cardNumber\"\n label=\"CVC\"\n placeholder=\"4\u6841\u306E\u756A\u53F7\"\n [control]=\"form.get('cvc')\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: CvcAndExpInputSectionOrganism, isStandalone: true, selector: "organisms-cvc-and-exp-input-section", inputs: { form: "form" }, ngImport: i0, template: "<molecules-select-input-field\n class=\"year field\"\n label=\"\u6709\u52B9\u671F\u9650(\u5E74)\"\n [control]=\"form.get('expYear')\"\n [options]=\"yearOptions\"\n></molecules-select-input-field>\n<molecules-select-input-field\n class=\"month field\"\n label=\"\u6709\u52B9\u671F\u9650(\u6708)\"\n [control]=\"form.get('expMonth')\"\n [options]=\"monthOptions\"\n></molecules-select-input-field>\n<molecules-text-input-field\n class=\"cvc field\"\n type=\"text\"\n name=\"cardNumber\"\n label=\"CVC\"\n placeholder=\"4\u6841\u306E\u756A\u53F7\"\n [control]=\"form.get('cvc')\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-fz9f: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-fz9f);box-sizing:border-box}:host .field:not(:first-child){margin-left:8px}:host .year.field,:host .month.field{width:auto}:host .cvc.field{width:100px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SelectInputFieldMolecule, selector: "molecules-select-input-field" }, { kind: "component", type: TextInputFieldMolecule, selector: "molecules-text-input-field" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
23
23
|
}
|
|
24
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: CvcAndExpInputSectionOrganism, decorators: [{
|
|
25
25
|
type: Component,
|
|
@@ -27,7 +27,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
27
27
|
CommonModule,
|
|
28
28
|
SelectInputFieldMolecule,
|
|
29
29
|
TextInputFieldMolecule,
|
|
30
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-select-input-field\n class=\"year field\"\n label=\"\u6709\u52B9\u671F\u9650(\u5E74)\"\n [control]=\"form.get('expYear')\"\n [options]=\"yearOptions\"\n></molecules-select-input-field>\n<molecules-select-input-field\n class=\"month field\"\n label=\"\u6709\u52B9\u671F\u9650(\u6708)\"\n [control]=\"form.get('expMonth')\"\n [options]=\"monthOptions\"\n></molecules-select-input-field>\n<molecules-text-input-field\n class=\"cvc field\"\n type=\"text\"\n name=\"cardNumber\"\n label=\"CVC\"\n placeholder=\"4\u6841\u306E\u756A\u53F7\"\n [control]=\"form.get('cvc')\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-
|
|
30
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-select-input-field\n class=\"year field\"\n label=\"\u6709\u52B9\u671F\u9650(\u5E74)\"\n [control]=\"form.get('expYear')\"\n [options]=\"yearOptions\"\n></molecules-select-input-field>\n<molecules-select-input-field\n class=\"month field\"\n label=\"\u6709\u52B9\u671F\u9650(\u6708)\"\n [control]=\"form.get('expMonth')\"\n [options]=\"monthOptions\"\n></molecules-select-input-field>\n<molecules-text-input-field\n class=\"cvc field\"\n type=\"text\"\n name=\"cardNumber\"\n label=\"CVC\"\n placeholder=\"4\u6841\u306E\u756A\u53F7\"\n [control]=\"form.get('cvc')\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-fz9f: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-fz9f);box-sizing:border-box}:host .field:not(:first-child){margin-left:8px}:host .year.field,:host .month.field{width:auto}:host .cvc.field{width:100px}\n"] }]
|
|
31
31
|
}], propDecorators: { form: [{
|
|
32
32
|
type: Input
|
|
33
33
|
}] } });
|
|
@@ -45,7 +45,7 @@ class DateInputSectionOrganism extends NgAtomicComponent {
|
|
|
45
45
|
(action)="dispatch($event)"
|
|
46
46
|
/>
|
|
47
47
|
}
|
|
48
|
-
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-
|
|
48
|
+
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-YprF: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-YprF) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-input-section-YprF)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "component", type: DateInputFieldMolecule, selector: "molecules-date-input-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-menu-button, atoms-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
49
49
|
}
|
|
50
50
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: DateInputSectionOrganism, decorators: [{
|
|
51
51
|
type: Component,
|
|
@@ -70,7 +70,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
70
70
|
directive: DateInputSectionOrganismStore,
|
|
71
71
|
inputs: ['control', 'label', 'placeholder', 'hint', 'actions'],
|
|
72
72
|
}
|
|
73
|
-
], host: { class: 'organism input section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-
|
|
73
|
+
], host: { class: 'organism input section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-YprF: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-YprF) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-input-section-YprF)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
|
|
74
74
|
}] });
|
|
75
75
|
|
|
76
76
|
/**
|
|
@@ -44,7 +44,7 @@ class DateRangeInputSectionOrganism extends NgAtomicComponent {
|
|
|
44
44
|
(action)="dispatch($event)"
|
|
45
45
|
/>
|
|
46
46
|
}
|
|
47
|
-
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-range-input-section-
|
|
47
|
+
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-range-input-section-gvc9: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-gvc9) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-gvc9)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "component", type: DateRangeInputFieldMolecule, selector: "molecules-date-range-input-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-menu-button, atoms-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
48
48
|
}
|
|
49
49
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: DateRangeInputSectionOrganism, decorators: [{
|
|
50
50
|
type: Component,
|
|
@@ -67,7 +67,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
67
67
|
directive: DateRangeInputSectionOrganismStore,
|
|
68
68
|
inputs: ['label', 'hint', 'control', 'actions']
|
|
69
69
|
}
|
|
70
|
-
], host: { class: 'organism input section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-range-input-section-
|
|
70
|
+
], host: { class: 'organism input section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-range-input-section-gvc9: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-gvc9) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-gvc9)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
|
|
71
71
|
}] });
|
|
72
72
|
|
|
73
73
|
/**
|
|
@@ -31,7 +31,7 @@ class DefinitionListOrganism extends NgAtomicComponent {
|
|
|
31
31
|
<dt>支払金額</dt> <dd>¥2,000</dd> -->
|
|
32
32
|
</dl>
|
|
33
33
|
</section>
|
|
34
|
-
`, isInline: true, styles: [":host{display:block;--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-
|
|
34
|
+
`, isInline: true, styles: [":host{display:block;--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-cihK: var(--mdc-outlined-text-field-label-text-color);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-cihK: var(--mat-form-field-outlined-label-text-populated-size)}:host{width:100%;padding:0 16px;box-sizing:border-box}:host mat-label{color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-cihK);font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-cihK);font-weight:400}:host dl{display:flex;flex-wrap:wrap;width:100%;font-size:.9em}:host dl ::ng-deep>mat-divider{width:100%;height:6px}:host dl ::ng-deep>dt{float:left;width:50%;color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-cihK);line-height:1.5em}:host dl ::ng-deep>dd{text-align:right;width:50%;height:1.5em;margin-inline-start:0;line-height:1.5em}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
35
35
|
}
|
|
36
36
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: DefinitionListOrganism, decorators: [{
|
|
37
37
|
type: Component,
|
|
@@ -53,7 +53,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
53
53
|
directive: DefinitionListOrganismStore,
|
|
54
54
|
inputs: ['label'],
|
|
55
55
|
},
|
|
56
|
-
], styles: [":host{display:block;--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-
|
|
56
|
+
], styles: [":host{display:block;--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-cihK: var(--mdc-outlined-text-field-label-text-color);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-cihK: var(--mat-form-field-outlined-label-text-populated-size)}:host{width:100%;padding:0 16px;box-sizing:border-box}:host mat-label{color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-cihK);font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-cihK);font-weight:400}:host dl{display:flex;flex-wrap:wrap;width:100%;font-size:.9em}:host dl ::ng-deep>mat-divider{width:100%;height:6px}:host dl ::ng-deep>dt{float:left;width:50%;color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-cihK);line-height:1.5em}:host dl ::ng-deep>dd{text-align:right;width:50%;height:1.5em;margin-inline-start:0;line-height:1.5em}\n"] }]
|
|
57
57
|
}] });
|
|
58
58
|
|
|
59
59
|
/**
|
|
@@ -55,7 +55,7 @@ class FileInputSectionOrganism extends NgAtomicComponent {
|
|
|
55
55
|
[placeholder]="store.placeholder()"
|
|
56
56
|
(action)="dispatch($event)"
|
|
57
57
|
/>
|
|
58
|
-
`, isInline: true, styles: [":host{display:block;--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-file-input-section-
|
|
58
|
+
`, isInline: true, styles: [":host{display:block;--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-file-input-section-fgF3: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-file-input-section-fgF3);box-sizing:border-box}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "component", type: FileInputFieldMolecule, selector: "molecules-file-input-field" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
59
59
|
}
|
|
60
60
|
__decorate([
|
|
61
61
|
Effect(FileInputFieldMolecule.ActionId.FILE_SELECTED),
|
|
@@ -87,7 +87,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
87
87
|
directive: FileInputSectionOrganismStore,
|
|
88
88
|
inputs: ['control', 'label', 'placeholder', 'hint', 'progress'],
|
|
89
89
|
}
|
|
90
|
-
], styles: [":host{display:block;--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-file-input-section-
|
|
90
|
+
], styles: [":host{display:block;--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-file-input-section-fgF3: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-file-input-section-fgF3);box-sizing:border-box}:host mat-form-field{width:100%}\n"] }]
|
|
91
91
|
}], propDecorators: { onFileSelected: [], onCancel: [] } });
|
|
92
92
|
|
|
93
93
|
/**
|
|
@@ -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-rRos: var(--item-width);--item-height: auto;--item-height-SCOPED-IN-grid-cards-section-rRos: var(--item-height);--primary-color: #444;--primary-color-SCOPED-IN-grid-cards-section-rRos: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-cards-section-rRos: var(--on-surface-color)}:host{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--item-width-SCOPED-IN-grid-cards-section-rRos),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-rRos)}\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: "19.1.4", ngImport: i0, type: GridCardsSectionOrganism, decorators: [{
|
|
32
32
|
type: Component,
|
|
@@ -36,7 +36,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", 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-rRos: var(--item-width);--item-height: auto;--item-height-SCOPED-IN-grid-cards-section-rRos: var(--item-height);--primary-color: #444;--primary-color-SCOPED-IN-grid-cards-section-rRos: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-cards-section-rRos: var(--on-surface-color)}:host{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--item-width-SCOPED-IN-grid-cards-section-rRos),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-rRos)}\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-8rf1: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-8rf1)}\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: "19.1.4", ngImport: i0, type: HeadingOrganism, decorators: [{
|
|
36
36
|
type: Component,
|
|
@@ -58,7 +58,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", 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-8rf1: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-8rf1)}\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: "19.1.4", ngImport: i0, type: MenuFooterOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
32
32
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", 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-4hTM: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-footer-4hTM: 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: "19.1.4", ngImport: i0, type: MenuFooterOrganism, decorators: [{
|
|
37
37
|
type: Component,
|
|
@@ -41,7 +41,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", 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-4hTM: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-footer-4hTM: 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
|
/**
|
|
@@ -56,7 +56,7 @@ class MenuHeaderOrganism extends NgAtomicComponent {
|
|
|
56
56
|
<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"/>
|
|
57
57
|
</svg>
|
|
58
58
|
}
|
|
59
|
-
`, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-header-
|
|
59
|
+
`, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-header-GFDx: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-header-GFDx: 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-GFDx)}: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:fit-content;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
60
60
|
}
|
|
61
61
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MenuHeaderOrganism, decorators: [{
|
|
62
62
|
type: Component,
|
|
@@ -88,7 +88,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
88
88
|
directive: MenuHeaderOrganismStore,
|
|
89
89
|
inputs: ['title'],
|
|
90
90
|
},
|
|
91
|
-
], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-header-
|
|
91
|
+
], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-header-GFDx: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-header-GFDx: 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-GFDx)}: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:fit-content;height:100%}\n"] }]
|
|
92
92
|
}] });
|
|
93
93
|
|
|
94
94
|
/**
|
|
@@ -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-k3e5: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-messages-section-k3e5: var(--horizontal-padding)}:host{padding:var(--horizontal-padding-SCOPED-IN-messages-section-k3e5) var(--vertical-padding-SCOPED-IN-messages-section-k3e5);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: "19.1.4", ngImport: i0, type: MessagesSectionOrganism, decorators: [{
|
|
39
39
|
type: Component,
|
|
@@ -62,7 +62,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", 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-k3e5: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-messages-section-k3e5: var(--horizontal-padding)}:host{padding:var(--horizontal-padding-SCOPED-IN-messages-section-k3e5) var(--vertical-padding-SCOPED-IN-messages-section-k3e5);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: [{
|
|
@@ -53,7 +53,7 @@ class NavigationListOrganism extends NgAtomicComponent {
|
|
|
53
53
|
</mat-nav-list>
|
|
54
54
|
}
|
|
55
55
|
}
|
|
56
|
-
`, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-
|
|
56
|
+
`, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-grN8: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-grN8: var(--background-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-grN8: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-grN8: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-grN8: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-grN8: var(--on-surface-color)}:host{display:block;width:100%;height:100%;color:var(--on-background-color-SCOPED-IN-navigation-list-grN8);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host *{--primary-color: var(--primary-color-SCOPED-IN-navigation-list-grN8);--background-color: var(--background-color-SCOPED-IN-navigation-list-grN8);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-grN8);--on-primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-grN8);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-grN8);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-grN8)}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { 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", "activated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
57
57
|
}
|
|
58
58
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NavigationListOrganism, decorators: [{
|
|
59
59
|
type: Component,
|
|
@@ -91,7 +91,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
91
91
|
directive: NavigationListOrganismStore,
|
|
92
92
|
inputs: ['actions'],
|
|
93
93
|
},
|
|
94
|
-
], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-
|
|
94
|
+
], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-grN8: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-grN8: var(--background-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-grN8: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-grN8: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-grN8: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-grN8: var(--on-surface-color)}:host{display:block;width:100%;height:100%;color:var(--on-background-color-SCOPED-IN-navigation-list-grN8);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host *{--primary-color: var(--primary-color-SCOPED-IN-navigation-list-grN8);--background-color: var(--background-color-SCOPED-IN-navigation-list-grN8);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-grN8);--on-primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-grN8);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-grN8);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-grN8)}\n"] }]
|
|
95
95
|
}] });
|
|
96
96
|
|
|
97
97
|
/**
|
|
@@ -90,7 +90,7 @@ class NavigatorOrganism extends NgAtomicComponent {
|
|
|
90
90
|
<atoms-menu-button [action]="action" (action)="dispatch($event)" injectable/>
|
|
91
91
|
}
|
|
92
92
|
</div>
|
|
93
|
-
`, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigator-
|
|
93
|
+
`, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigator-uytw: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigator-uytw: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-navigator-uytw: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-navigator-uytw: var(--on-secondary-color);--background-color: #fff;--background-color-SCOPED-IN-navigator-uytw: var(--background-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigator-uytw: 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-uytw);color:var(--on-background-color-SCOPED-IN-navigator-uytw)}: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: "directive", type: MenuButtonAtomStore, selector: "atoms-menu-button, atoms-smart-menu-button", inputs: ["actions", "type", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
94
94
|
}
|
|
95
95
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NavigatorOrganism, decorators: [{
|
|
96
96
|
type: Component,
|
|
@@ -127,7 +127,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
127
127
|
'title',
|
|
128
128
|
],
|
|
129
129
|
}
|
|
130
|
-
], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigator-
|
|
130
|
+
], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigator-uytw: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigator-uytw: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-navigator-uytw: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-navigator-uytw: var(--on-secondary-color);--background-color: #fff;--background-color-SCOPED-IN-navigator-uytw: var(--background-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigator-uytw: 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-uytw);color:var(--on-background-color-SCOPED-IN-navigator-uytw)}: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"] }]
|
|
131
131
|
}] });
|
|
132
132
|
|
|
133
133
|
/**
|
|
@@ -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-BeB0: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-number-input-section-BeB0) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-number-input-section-BeB0)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-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-menu-button, atoms-smart-menu-button", inputs: ["actions", "type", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
53
53
|
}
|
|
54
54
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NumberInputSectionOrganism, decorators: [{
|
|
55
55
|
type: Component,
|
|
@@ -77,7 +77,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", 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-BeB0: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-number-input-section-BeB0) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-number-input-section-BeB0)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-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-5lha: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-paginator-5lha: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-paginator-5lha: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-paginator-5lha: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-paginator-5lha: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-paginator-5lha: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-paginator-5lha: var(--on-background-color)}:host mat-paginator{background-color:var(--background-color-SCOPED-IN-paginator-5lha);color:var(--on-background-color-SCOPED-IN-paginator-5lha);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: "19.1.4", ngImport: i0, type: PaginatorOrganism, decorators: [{
|
|
53
53
|
type: Component,
|
|
@@ -65,7 +65,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", 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-5lha: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-paginator-5lha: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-paginator-5lha: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-paginator-5lha: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-paginator-5lha: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-paginator-5lha: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-paginator-5lha: var(--on-background-color)}:host mat-paginator{background-color:var(--background-color-SCOPED-IN-paginator-5lha);color:var(--on-background-color-SCOPED-IN-paginator-5lha);min-width:440px}\n"] }]
|
|
69
69
|
}] });
|
|
70
70
|
|
|
71
71
|
/**
|