@ng-atomic/components 19.0.0-preview.21 → 19.0.0-preview.23
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-file-input-field.mjs +17 -18
- package/fesm2022/ng-atomic-components-molecules-file-input-field.mjs.map +1 -1
- 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/molecules/file-input-field/file-input-field.molecule.d.ts +5 -7
- package/package.json +7 -7
|
@@ -8,8 +8,8 @@ import { MatInputModule } from '@angular/material/input';
|
|
|
8
8
|
import { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/menu-button';
|
|
9
9
|
import { NgAtomicComponent, Effect } from '@ng-atomic/core';
|
|
10
10
|
import { ErrorPipe } from '@ng-atomic/common/pipes/error';
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
11
|
+
import { derivedAsync } from 'ngxtension/derived-async';
|
|
12
|
+
import { getRawValue$ } from '@ng-atomic/common/utils';
|
|
13
13
|
import * as i3 from '@angular/material/form-field';
|
|
14
14
|
|
|
15
15
|
var ActionId;
|
|
@@ -21,15 +21,14 @@ var ActionId;
|
|
|
21
21
|
class FileInputFieldStore {
|
|
22
22
|
constructor() {
|
|
23
23
|
this.control = input(new FormControl(null));
|
|
24
|
-
this.
|
|
25
|
-
this.controlValue$ = this.control$.pipe(switchMap(control => control.valueChanges.pipe(startWith(control.value))));
|
|
24
|
+
this.controlValue = derivedAsync(() => getRawValue$(this.control()));
|
|
26
25
|
this.label = input('label');
|
|
27
26
|
this.placeholder = input('placeholder');
|
|
28
27
|
this.hint = input(null);
|
|
29
28
|
this.progress = input(false);
|
|
30
29
|
this.name = input(null);
|
|
31
30
|
this.appearance = input('outline');
|
|
32
|
-
this.
|
|
31
|
+
this.fakeControl = new FormControl({ value: '', disabled: true });
|
|
33
32
|
this.actions = computed(() => {
|
|
34
33
|
if (this.progress()) {
|
|
35
34
|
return [
|
|
@@ -52,18 +51,18 @@ class FileInputFieldStore {
|
|
|
52
51
|
];
|
|
53
52
|
}
|
|
54
53
|
});
|
|
55
|
-
// super();
|
|
56
54
|
effect(() => {
|
|
57
|
-
console.debug('progress:', this.progress());
|
|
55
|
+
console.debug('[FileInputFieldStore] progress:', this.progress());
|
|
58
56
|
});
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
57
|
+
effect(() => {
|
|
58
|
+
const control = this.control();
|
|
59
|
+
this.fakeControl.setValidators(control['_rawValidators']);
|
|
60
|
+
this.fakeControl.setAsyncValidators(control['_rawAsyncValidators']);
|
|
61
|
+
});
|
|
62
|
+
effect(() => {
|
|
63
|
+
const file = this.controlValue();
|
|
64
|
+
this.fakeControl.setValue(file.name);
|
|
65
65
|
});
|
|
66
|
-
this.controlValue$.subscribe(value => this._control.setValue(value));
|
|
67
66
|
}
|
|
68
67
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: FileInputFieldStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
69
68
|
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.4", type: FileInputFieldStore, isStandalone: true, inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
|
|
@@ -89,8 +88,8 @@ class FileInputFieldMolecule extends NgAtomicComponent {
|
|
|
89
88
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: FileInputFieldMolecule, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
90
89
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: FileInputFieldMolecule, isStandalone: true, selector: "molecules-file-input-field", viewQueries: [{ propertyName: "fileUpload", first: true, predicate: ["fileUpload"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: FileInputFieldStore, inputs: ["control", "control", "label", "label", "placeholder", "placeholder", "hint", "hint", "progress", "progress", "name", "name", "appearance", "appearance"] }], ngImport: i0, template: `
|
|
91
90
|
<mat-form-field [appearance]="store.appearance()">
|
|
92
|
-
<mat-label>{{ store.label() }}</mat-label>
|
|
93
|
-
<input matInput [name]="store.name()" type="text" [formControl]="store.
|
|
91
|
+
<mat-label>{{ store.label() }} ETST</mat-label>
|
|
92
|
+
<input matInput [name]="store.name()" type="text" [formControl]="store.fakeControl" [placeholder]="store.placeholder()">
|
|
94
93
|
<!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->
|
|
95
94
|
@if (store.progress()) {
|
|
96
95
|
<mat-hint>Uploading...({{ store.progress() ? store.progress()?.toFixed(2) : '' }}%)</mat-hint>
|
|
@@ -121,8 +120,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
|
|
|
121
120
|
ErrorPipe,
|
|
122
121
|
], template: `
|
|
123
122
|
<mat-form-field [appearance]="store.appearance()">
|
|
124
|
-
<mat-label>{{ store.label() }}</mat-label>
|
|
125
|
-
<input matInput [name]="store.name()" type="text" [formControl]="store.
|
|
123
|
+
<mat-label>{{ store.label() }} ETST</mat-label>
|
|
124
|
+
<input matInput [name]="store.name()" type="text" [formControl]="store.fakeControl" [placeholder]="store.placeholder()">
|
|
126
125
|
<!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->
|
|
127
126
|
@if (store.progress()) {
|
|
128
127
|
<mat-hint>Uploading...({{ store.progress() ? store.progress()?.toFixed(2) : '' }}%)</mat-hint>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-molecules-file-input-field.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/file-input-field/file-input-field.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/file-input-field/ng-atomic-components-molecules-file-input-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, ElementRef, computed, effect, inject, input, viewChild, OnInit } from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { MatInputModule } from '@angular/material/input';\nimport { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/menu-button';\nimport { Effect, NgAtomicComponent } from '@ng-atomic/core';\nimport { ErrorPipe } from '@ng-atomic/common/pipes/error';\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';\nimport { startWith, switchMap } from 'rxjs';\n\nenum ActionId {\n FILE_SELECT_BUTTON_CLICK = '[@ng-atomic/components/molecules/file-input-field] File select button click',\n FILE_SELECTED = '[@ng-atomic/components/molecules/file-input-field] File selected',\n CANCEL = '[@ng-atomic/components/molecules/file-input-field] Cancel',\n}\n\n@Directive({ standalone: true })\nexport class FileInputFieldStore implements OnInit {\n readonly control = input(new FormControl(null));\n readonly control$ = toObservable(this.control).pipe(takeUntilDestroyed());\n readonly controlValue$ = this.control$.pipe(\n switchMap(control => control.valueChanges.pipe(startWith(control.value))),\n );\n readonly label = input('label');\n readonly placeholder = input('placeholder');\n readonly hint = input<string | null>(null);\n readonly progress = input<number | false>(false);\n readonly name = input<string | null>(null);\n readonly appearance = input<'outline' | 'fill'>('outline');\n readonly _control = new FormControl<string | number>({value: '', disabled: true});\n\n constructor() {\n // super();\n effect(() => {\n console.debug('progress:', this.progress());\n });\n }\n\n ngOnInit() {\n // super.ngOnInit();\n this.control$.subscribe(control => {\n this._control.setValidators(control['_rawValidators']);\n this._control.setAsyncValidators(control['_rawAsyncValidators']);\n });\n\n this.controlValue$.subscribe(value => this._control.setValue(value));\n }\n\n readonly actions = computed(() => {\n if (this.progress()) {\n return [\n {\n id: ActionId.CANCEL,\n icon: 'cancel',\n name: 'Cancel',\n disabled: this.control().disabled,\n },\n ];\n } else {\n return [\n {\n id: ActionId.FILE_SELECT_BUTTON_CLICK,\n icon: 'attach_file',\n name: 'Select file',\n disabled: this.control().disabled,\n },\n ];\n }\n });\n}\n\n@Component({\n selector: 'molecules-file-input-field',\n imports: [\n ReactiveFormsModule,\n MatInputModule,\n SmartMenuButtonAtom,\n ErrorPipe,\n ],\n template: `\n <mat-form-field [appearance]=\"store.appearance()\">\n <mat-label>{{ store.label() }}</mat-label>\n <input matInput [name]=\"store.name()\" type=\"text\" [formControl]=\"store._control\" [placeholder]=\"store.placeholder()\">\n <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n @if (store.progress()) {\n <mat-hint>Uploading...({{ store.progress() ? store.progress()?.toFixed(2) : '' }}%)</mat-hint>\n } @else if (store.hint()) {\n <mat-hint>{{ store.hint() }}</mat-hint>\n }\n <mat-error>{{ store.control().errors | error }}</mat-error>\n </mat-form-field>\n <atoms-menu-button\n [actions]=\"store.actions()\"\n (action)=\"dispatch($event)\"\n ></atoms-menu-button>\n <input style=\"display: none\" type=\"file\" (change)=\"onFileSelected($event)\" #fileUpload>\n `,\n styleUrls: ['./file-input-field.molecule.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: FileInputFieldStore,\n inputs: ['control', 'label', 'placeholder', 'hint', 'progress', 'name', 'appearance'],\n }\n ]\n})\nexport class FileInputFieldMolecule extends NgAtomicComponent {\n static readonly ActionId = ActionId;\n protected readonly store = inject(FileInputFieldStore);\n protected readonly fileUpload = viewChild.required<ElementRef<HTMLInputElement>>('fileUpload');\n \n @Effect(ActionId.FILE_SELECT_BUTTON_CLICK)\n protected onFileSelectButtonClick() {\n this.fileUpload().nativeElement.click();\n }\n\n protected onFileSelected(event: Event & {target: HTMLInputElement}) {\n this.dispatch({id: ActionId.FILE_SELECTED, payload: event.target.files});\n // this.fileUpload().nativeElement.value = '';\n }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-molecules-file-input-field.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/file-input-field/file-input-field.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/file-input-field/ng-atomic-components-molecules-file-input-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, ElementRef, computed, effect, inject, input, viewChild } from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { MatInputModule } from '@angular/material/input';\nimport { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/menu-button';\nimport { Effect, NgAtomicComponent } from '@ng-atomic/core';\nimport { ErrorPipe } from '@ng-atomic/common/pipes/error';\nimport { derivedAsync } from 'ngxtension/derived-async';\nimport { getRawValue$ } from '@ng-atomic/common/utils';\n\nenum ActionId {\n FILE_SELECT_BUTTON_CLICK = '[@ng-atomic/components/molecules/file-input-field] File select button click',\n FILE_SELECTED = '[@ng-atomic/components/molecules/file-input-field] File selected',\n CANCEL = '[@ng-atomic/components/molecules/file-input-field] Cancel',\n}\n\n@Directive({ standalone: true })\nexport class FileInputFieldStore {\n readonly control = input(new FormControl(null));\n readonly controlValue = derivedAsync(() => getRawValue$(this.control()));\n readonly label = input('label');\n readonly placeholder = input('placeholder');\n readonly hint = input<string | null>(null);\n readonly progress = input<number | false>(false);\n readonly name = input<string | null>(null);\n readonly appearance = input<'outline' | 'fill'>('outline');\n readonly fakeControl = new FormControl<string | number>({ value: '', disabled: true });\n\n constructor() {\n effect(() => {\n console.debug('[FileInputFieldStore] progress:', this.progress());\n });\n\n effect(() => {\n const control = this.control();\n this.fakeControl.setValidators(control['_rawValidators']);\n this.fakeControl.setAsyncValidators(control['_rawAsyncValidators']);\n });\n\n effect(() => {\n const file: File = this.controlValue();\n this.fakeControl.setValue(file.name);\n });\n }\n\n readonly actions = computed(() => {\n if (this.progress()) {\n return [\n {\n id: ActionId.CANCEL,\n icon: 'cancel',\n name: 'Cancel',\n disabled: this.control().disabled,\n },\n ];\n } else {\n return [\n {\n id: ActionId.FILE_SELECT_BUTTON_CLICK,\n icon: 'attach_file',\n name: 'Select file',\n disabled: this.control().disabled,\n },\n ];\n }\n });\n}\n\n@Component({\n selector: 'molecules-file-input-field',\n imports: [\n ReactiveFormsModule,\n MatInputModule,\n SmartMenuButtonAtom,\n ErrorPipe,\n ],\n template: `\n <mat-form-field [appearance]=\"store.appearance()\">\n <mat-label>{{ store.label() }} ETST</mat-label>\n <input matInput [name]=\"store.name()\" type=\"text\" [formControl]=\"store.fakeControl\" [placeholder]=\"store.placeholder()\">\n <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n @if (store.progress()) {\n <mat-hint>Uploading...({{ store.progress() ? store.progress()?.toFixed(2) : '' }}%)</mat-hint>\n } @else if (store.hint()) {\n <mat-hint>{{ store.hint() }}</mat-hint>\n }\n <mat-error>{{ store.control().errors | error }}</mat-error>\n </mat-form-field>\n <atoms-menu-button\n [actions]=\"store.actions()\"\n (action)=\"dispatch($event)\"\n ></atoms-menu-button>\n <input style=\"display: none\" type=\"file\" (change)=\"onFileSelected($event)\" #fileUpload>\n `,\n styleUrls: ['./file-input-field.molecule.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: FileInputFieldStore,\n inputs: ['control', 'label', 'placeholder', 'hint', 'progress', 'name', 'appearance'],\n }\n ]\n})\nexport class FileInputFieldMolecule extends NgAtomicComponent {\n static readonly ActionId = ActionId;\n protected readonly store = inject(FileInputFieldStore);\n protected readonly fileUpload = viewChild.required<ElementRef<HTMLInputElement>>('fileUpload');\n\n @Effect(ActionId.FILE_SELECT_BUTTON_CLICK)\n protected onFileSelectButtonClick() {\n this.fileUpload().nativeElement.click();\n }\n\n protected onFileSelected(event: Event & { target: HTMLInputElement }) {\n this.dispatch({ id: ActionId.FILE_SELECTED, payload: event.target.files });\n // this.fileUpload().nativeElement.value = '';\n }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -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-sbnt: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-item-sbnt: 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-sbnt)}: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-sbnt: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-item-sbnt: 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-sbnt)}: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-dISr: 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-dISr);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-dISr: 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-dISr);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-PeLw: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-item-PeLw: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-item-PeLw: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-item-PeLw: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-item-PeLw: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-item-PeLw: var(--on-surface-color);--mat-badge-background-color-SCOPED-IN-navigation-list-item-PeLw: 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-PeLw);color:var(--on-surface-color-SCOPED-IN-navigation-list-item-PeLw)}:host mat-list-item.activated atoms-icon{--on-background-color: var(--background-color-SCOPED-IN-navigation-list-item-PeLw)}: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-PeLw);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-PeLw);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-item-PeLw);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-item-PeLw);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-item-PeLw);--primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-item-PeLw);--on-primary-color: var(--primary-color-SCOPED-IN-navigation-list-item-PeLw)}\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-PeLw: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-item-PeLw: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-item-PeLw: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-item-PeLw: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-item-PeLw: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-item-PeLw: var(--on-surface-color);--mat-badge-background-color-SCOPED-IN-navigation-list-item-PeLw: 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-PeLw);color:var(--on-surface-color-SCOPED-IN-navigation-list-item-PeLw)}:host mat-list-item.activated atoms-icon{--on-background-color: var(--background-color-SCOPED-IN-navigation-list-item-PeLw)}: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-PeLw);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-PeLw);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-item-PeLw);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-item-PeLw);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-item-PeLw);--primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-item-PeLw);--on-primary-color: var(--primary-color-SCOPED-IN-navigation-list-item-PeLw)}\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-1Ujg: 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-1Ujg: 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-Q7Hb: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-Q7Hb: var(--horizontal-padding)}:host{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-Q7Hb);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-Q7Hb: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-Q7Hb: var(--horizontal-padding)}:host{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-Q7Hb);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-fNUd: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-input-section-fNUd);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-fNUd: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-input-section-fNUd);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-mB4m: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-mB4m);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-mB4m: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-mB4m);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-ZQQE: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-ZQQE);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-ZQQE: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-ZQQE);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-ZGDL: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-ZGDL) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-input-section-ZGDL)}: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-ZGDL: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-ZGDL) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-input-section-ZGDL)}: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-Xcih: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-Xcih) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-Xcih)}: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-Xcih: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-Xcih) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-Xcih)}: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-MvvX: var(--mdc-outlined-text-field-label-text-color);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-MvvX: 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-MvvX);font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-MvvX);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-MvvX);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-MvvX: var(--mdc-outlined-text-field-label-text-color);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-MvvX: 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-MvvX);font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-MvvX);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-MvvX);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-VLZv: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-file-input-section-VLZv);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-VLZv: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-file-input-section-VLZv);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-H2vm: var(--item-width);--item-height: auto;--item-height-SCOPED-IN-grid-cards-section-H2vm: var(--item-height);--primary-color: #444;--primary-color-SCOPED-IN-grid-cards-section-H2vm: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-cards-section-H2vm: var(--on-surface-color)}:host{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--item-width-SCOPED-IN-grid-cards-section-H2vm),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-H2vm)}\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-H2vm: var(--item-width);--item-height: auto;--item-height-SCOPED-IN-grid-cards-section-H2vm: var(--item-height);--primary-color: #444;--primary-color-SCOPED-IN-grid-cards-section-H2vm: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-cards-section-H2vm: var(--on-surface-color)}:host{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--item-width-SCOPED-IN-grid-cards-section-H2vm),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-H2vm)}\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-oqsx: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-oqsx)}\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-oqsx: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-oqsx)}\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-52JZ: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-footer-52JZ: 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-52JZ: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-footer-52JZ: 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-ORnK: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-header-ORnK: 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-ORnK)}: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-ORnK: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-header-ORnK: 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-ORnK)}: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
|
/**
|