@ng-atomic/components 19.30.0 → 19.32.0
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-atoms-value-cell.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-breadcrumb-navbar.mjs +3 -3
- package/fesm2022/ng-atomic-components-frames-breadcrumb-navbar.mjs.map +1 -1
- 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-horizontal-divider.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-molecules-thread-message.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-breadcrumb-navbar.mjs +2 -2
- package/fesm2022/ng-atomic-components-organisms-breadcrumb-navbar.mjs.map +1 -1
- 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 +3 -3
|
@@ -24,7 +24,7 @@ class ScrollFrame {
|
|
|
24
24
|
<div class="bottom">
|
|
25
25
|
<ng-content select=[bottom]></ng-content>
|
|
26
26
|
</div>
|
|
27
|
-
`, isInline: true, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-
|
|
27
|
+
`, isInline: true, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-JrrX: var(--height);--top-height: 56px;--top-height-SCOPED-IN-scroll-JrrX: var(--top-height);--bottom-height: 56px;--bottom-height-SCOPED-IN-scroll-JrrX: var(--bottom-height);--contents-gap: 16px;--contents-gap-SCOPED-IN-scroll-JrrX: var(--contents-gap)}:host{display:flex;width:100%;flex-direction:column;justify-content:space-between;height:var(--height-SCOPED-IN-scroll-JrrX);overflow:hidden}:host .top{height:fit-content;transition:.5s height;touch-action:none}:host .contents{display:flex;flex:auto;flex-direction:column;gap:var(--contents-gap-SCOPED-IN-scroll-JrrX);transition:.5s height;overflow:scroll;box-sizing:border-box;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}:host .bottom{height:fit-content}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
28
28
|
}
|
|
29
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: ScrollFrame, decorators: [{
|
|
30
30
|
type: Component,
|
|
@@ -38,7 +38,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
38
38
|
<div class="bottom">
|
|
39
39
|
<ng-content select=[bottom]></ng-content>
|
|
40
40
|
</div>
|
|
41
|
-
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-
|
|
41
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-JrrX: var(--height);--top-height: 56px;--top-height-SCOPED-IN-scroll-JrrX: var(--top-height);--bottom-height: 56px;--bottom-height-SCOPED-IN-scroll-JrrX: var(--bottom-height);--contents-gap: 16px;--contents-gap-SCOPED-IN-scroll-JrrX: var(--contents-gap)}:host{display:flex;width:100%;flex-direction:column;justify-content:space-between;height:var(--height-SCOPED-IN-scroll-JrrX);overflow:hidden}:host .top{height:fit-content;transition:.5s height;touch-action:none}:host .contents{display:flex;flex:auto;flex-direction:column;gap:var(--contents-gap-SCOPED-IN-scroll-JrrX);transition:.5s height;overflow:scroll;box-sizing:border-box;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}:host .bottom{height:fit-content}\n"] }]
|
|
42
42
|
}], propDecorators: { contents: [{ type: i0.ViewChild, args: ['contents', { isSignal: true }] }] } });
|
|
43
43
|
|
|
44
44
|
/**
|
|
@@ -122,7 +122,7 @@ class SideNavFrame extends NgAtomicComponent {
|
|
|
122
122
|
}
|
|
123
123
|
</ng-template>
|
|
124
124
|
<ng-template #contents><ng-content/></ng-template>
|
|
125
|
-
`, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-side-nav-
|
|
125
|
+
`, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-side-nav-zY96: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-side-nav-zY96: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-side-nav-zY96: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-side-nav-zY96: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-side-nav-zY96: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-side-nav-zY96: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-side-nav-zY96: var(--on-surface-color);--menu-width: 220px;--menu-width-SCOPED-IN-side-nav-zY96: var(--menu-width);--menu-background-color: var(--primary-color-SCOPED-IN-side-nav-zY96);--menu-background-color-SCOPED-IN-side-nav-zY96: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-side-nav-zY96);--menu-on-background-color-SCOPED-IN-side-nav-zY96: var(--menu-on-background-color)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-side-nav-zY96);--secondary-color: var(--secondary-color-SCOPED-IN-side-nav-zY96);--surface-color: var(--surface-color-SCOPED-IN-side-nav-zY96);--background-color: var(--background-color-SCOPED-IN-side-nav-zY96);--on-background-color: var(--on-background-color-SCOPED-IN-side-nav-zY96);--on-primary-color: var(--on-primary-color-SCOPED-IN-side-nav-zY96);--on-surface-color: var(--on-surface-color-SCOPED-IN-side-nav-zY96)}:host .content{width:100%;height:100%}:host templates-icon-button-menu,:host templates-menu{width:var(--menu-width-SCOPED-IN-side-nav-zY96);--background-color: var(--menu-background-color-SCOPED-IN-side-nav-zY96);--on-background-color: var(--menu-on-background-color-SCOPED-IN-side-nav-zY96)}:host[frame=lineup] .content{width:calc(100vw - var(--menu-width-SCOPED-IN-side-nav-zY96));overflow:hidden}:host[frame=drawer] .menu,:host[frame=drawer] templates-menu{width:300px;height:100%}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DrawerFrame, selector: "frames-drawer" }, { kind: "component", type: LineUpFrame, selector: "frames-line-up" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [import('@ng-atomic/components/templates/icon-button-menu').then(m => m.IconButtonMenuTemplateStore)], () => [import('@ng-atomic/components/templates/menu').then(m => m.MenuTemplateStore)]] }); }
|
|
126
126
|
}
|
|
127
127
|
i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.1.6", ngImport: i0, type: SideNavFrame, resolveDeferredDeps: () => [import('@ng-atomic/components/templates/icon-button-menu').then(m => m.IconButtonMenuTemplateStore), import('@ng-atomic/components/templates/menu').then(m => m.MenuTemplateStore)], resolveMetadata: (IconButtonMenuTemplateStore, MenuTemplateStore) => ({ decorators: [{
|
|
128
128
|
type: Component,
|
|
@@ -190,7 +190,7 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.1.6", ng
|
|
|
190
190
|
'iconButtonMenuTopPadding',
|
|
191
191
|
],
|
|
192
192
|
},
|
|
193
|
-
], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-side-nav-
|
|
193
|
+
], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-side-nav-zY96: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-side-nav-zY96: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-side-nav-zY96: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-side-nav-zY96: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-side-nav-zY96: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-side-nav-zY96: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-side-nav-zY96: var(--on-surface-color);--menu-width: 220px;--menu-width-SCOPED-IN-side-nav-zY96: var(--menu-width);--menu-background-color: var(--primary-color-SCOPED-IN-side-nav-zY96);--menu-background-color-SCOPED-IN-side-nav-zY96: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-side-nav-zY96);--menu-on-background-color-SCOPED-IN-side-nav-zY96: var(--menu-on-background-color)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-side-nav-zY96);--secondary-color: var(--secondary-color-SCOPED-IN-side-nav-zY96);--surface-color: var(--surface-color-SCOPED-IN-side-nav-zY96);--background-color: var(--background-color-SCOPED-IN-side-nav-zY96);--on-background-color: var(--on-background-color-SCOPED-IN-side-nav-zY96);--on-primary-color: var(--on-primary-color-SCOPED-IN-side-nav-zY96);--on-surface-color: var(--on-surface-color-SCOPED-IN-side-nav-zY96)}:host .content{width:100%;height:100%}:host templates-icon-button-menu,:host templates-menu{width:var(--menu-width-SCOPED-IN-side-nav-zY96);--background-color: var(--menu-background-color-SCOPED-IN-side-nav-zY96);--on-background-color: var(--menu-on-background-color-SCOPED-IN-side-nav-zY96)}:host[frame=lineup] .content{width:calc(100vw - var(--menu-width-SCOPED-IN-side-nav-zY96));overflow:hidden}:host[frame=drawer] .menu,:host[frame=drawer] templates-menu{width:300px;height:100%}\n"] }]
|
|
194
194
|
}], ctorParameters: null, propDecorators: null }) });
|
|
195
195
|
|
|
196
196
|
/**
|
|
@@ -14,13 +14,13 @@ class SmartMenuFrame {
|
|
|
14
14
|
return page === 'Blank' ? 'Blank' : this.isMainHidden ? `Next` : `NextWithMainPage`;
|
|
15
15
|
}
|
|
16
16
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SmartMenuFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: SmartMenuFrame, isStandalone: true, selector: "frames-smart-menu", inputs: { label: "label", outlet: "outlet", minNextWidth: "minNextWidth" }, host: { properties: { "attr.is-main-hidden": "this.isMainHidden" } }, viewQueries: [{ propertyName: "next", first: true, predicate: ["next"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"menu\" #menu>\n <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: SmartMenuFrame, isStandalone: true, selector: "frames-smart-menu", inputs: { label: "label", outlet: "outlet", minNextWidth: "minNextWidth" }, host: { properties: { "attr.is-main-hidden": "this.isMainHidden" } }, viewQueries: [{ propertyName: "next", first: true, predicate: ["next"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"menu\" #menu>\n <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-EEZ1: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-EEZ1: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-EEZ1: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-EEZ1);width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-EEZ1)}:host .contents{display:flex;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-EEZ1)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
18
18
|
}
|
|
19
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SmartMenuFrame, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
21
|
args: [{ imports: [
|
|
22
22
|
CommonModule,
|
|
23
|
-
], selector: 'frames-smart-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"menu\" #menu>\n <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-
|
|
23
|
+
], selector: 'frames-smart-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"menu\" #menu>\n <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-EEZ1: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-EEZ1: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-EEZ1: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-EEZ1);width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-EEZ1)}:host .contents{display:flex;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-EEZ1)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"] }]
|
|
24
24
|
}], propDecorators: { isMainHidden: [{
|
|
25
25
|
type: HostBinding,
|
|
26
26
|
args: ['attr.is-main-hidden']
|
|
@@ -10,7 +10,7 @@ class VerticalHideFrame {
|
|
|
10
10
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.6", type: VerticalHideFrame, isStandalone: true, selector: "frames-vertical-hide", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.mode": "mode()" } }, ngImport: i0, template: `
|
|
11
11
|
<ng-content />
|
|
12
12
|
<organisms-vertical-divider />
|
|
13
|
-
`, isInline: true, styles: [":host{--collapsed-height: 56px;--collapsed-height-SCOPED-IN-vertical-hide-
|
|
13
|
+
`, isInline: true, styles: [":host{--collapsed-height: 56px;--collapsed-height-SCOPED-IN-vertical-hide-Dw7W: var(--collapsed-height);--expanded-height: fit-height;--expanded-height-SCOPED-IN-vertical-hide-Dw7W: var(--expanded-height)}:host{position:relative;display:block;transition:.5s max-height linear;overflow:hidden}:host organisms-vertical-divider{position:absolute;bottom:0;width:100%}:host[mode=collapsed]{max-height:var(--collapsed-height-SCOPED-IN-vertical-hide-Dw7W)}:host[mode=expanded]{max-height:100vh}\n"], dependencies: [{ kind: "component", type: VerticalDividerOrganism, selector: "organisms-vertical-divider" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
14
14
|
}
|
|
15
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: VerticalHideFrame, decorators: [{
|
|
16
16
|
type: Component,
|
|
@@ -19,7 +19,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
19
19
|
], template: `
|
|
20
20
|
<ng-content />
|
|
21
21
|
<organisms-vertical-divider />
|
|
22
|
-
`, host: { '[attr.mode]': 'mode()' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--collapsed-height: 56px;--collapsed-height-SCOPED-IN-vertical-hide-
|
|
22
|
+
`, host: { '[attr.mode]': 'mode()' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--collapsed-height: 56px;--collapsed-height-SCOPED-IN-vertical-hide-Dw7W: var(--collapsed-height);--expanded-height: fit-height;--expanded-height-SCOPED-IN-vertical-hide-Dw7W: var(--expanded-height)}:host{position:relative;display:block;transition:.5s max-height linear;overflow:hidden}:host organisms-vertical-divider{position:absolute;bottom:0;width:100%}:host[mode=collapsed]{max-height:var(--collapsed-height-SCOPED-IN-vertical-hide-Dw7W)}:host[mode=expanded]{max-height:100vh}\n"] }]
|
|
23
23
|
}], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }] } });
|
|
24
24
|
|
|
25
25
|
/**
|
|
@@ -48,7 +48,7 @@ class DateInputFieldMolecule {
|
|
|
48
48
|
@if (store.hint()) { <mat-hint>{{ store.hint() }}</mat-hint> }
|
|
49
49
|
<mat-error>{{ store.control().errors | error }}</mat-error>
|
|
50
50
|
</mat-form-field>
|
|
51
|
-
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-
|
|
51
|
+
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-SxDZ: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { 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: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i3.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i3.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i3.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "pipe", type: ErrorPipe, name: "error" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
52
52
|
}
|
|
53
53
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: DateInputFieldMolecule, decorators: [{
|
|
54
54
|
type: Component,
|
|
@@ -78,7 +78,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
78
78
|
directive: DateInputFieldMoleculeStore,
|
|
79
79
|
inputs: ['control', 'label', 'placeholder', 'hint', 'toggle'],
|
|
80
80
|
}
|
|
81
|
-
], host: { class: 'molecule field' }, providers: [], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-
|
|
81
|
+
], host: { class: 'molecule field' }, providers: [], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-SxDZ: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
|
|
82
82
|
}] });
|
|
83
83
|
|
|
84
84
|
/**
|
|
@@ -47,7 +47,7 @@ class DateRangeInputFieldMolecule {
|
|
|
47
47
|
<mat-datepicker-toggle matIconSuffix [for]="picker"></mat-datepicker-toggle>
|
|
48
48
|
<mat-date-range-picker #picker></mat-date-range-picker>
|
|
49
49
|
</mat-form-field>
|
|
50
|
-
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-range-input-field-
|
|
50
|
+
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-range-input-field-VUSV: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatInputModule }, { 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: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i3.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i3.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i3.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i3.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i3.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "pipe", type: ErrorPipe, name: "error" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
51
51
|
}
|
|
52
52
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: DateRangeInputFieldMolecule, decorators: [{
|
|
53
53
|
type: Component,
|
|
@@ -79,7 +79,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
79
79
|
directive: DateRangeInputFieldMoleculeStore,
|
|
80
80
|
inputs: ['control', 'label', 'hint']
|
|
81
81
|
}
|
|
82
|
-
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-range-input-field-
|
|
82
|
+
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-range-input-field-VUSV: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
|
|
83
83
|
}] });
|
|
84
84
|
|
|
85
85
|
/**
|
|
@@ -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-2PUi: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-item-2PUi: 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-2PUi)}: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: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { 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]" }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
43
43
|
}
|
|
44
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: GridItemMolecule, decorators: [{
|
|
45
45
|
type: Component,
|
|
@@ -64,7 +64,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", 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-2PUi: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-item-2PUi: 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-2PUi)}: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
|
}], propDecorators: { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: false }] }] } });
|
|
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;--mat-form-field-outlined-label-text-color-SCOPED-IN-definition-list-gBL6: rgba(0, 0, 0, .6);--mat-form-field-outlined-label-text-color-SCOPED-IN-definition-list-gBL6-SCOPED-IN-loading-box-
|
|
40
|
+
`, isInline: true, styles: [":host{display:block;--mat-form-field-outlined-label-text-color-SCOPED-IN-definition-list-gBL6: rgba(0, 0, 0, .6);--mat-form-field-outlined-label-text-color-SCOPED-IN-definition-list-gBL6-SCOPED-IN-loading-box-Y8ja: var(--mat-form-field-outlined-label-text-color-SCOPED-IN-definition-list-gBL6)}:host{display:flex;width:100%;justify-content:center}:host .initializing{color:var(--mat-form-field-outlined-label-text-color-SCOPED-IN-definition-list-gBL6-SCOPED-IN-loading-box-Y8ja);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: "21.1.6", ngImport: i0, type: LoadingBoxMolecule, decorators: [{
|
|
43
43
|
type: Component,
|
|
@@ -51,7 +51,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
51
51
|
directive: LoadingBoxMoleculeStore,
|
|
52
52
|
inputs: ['loadingMessage'],
|
|
53
53
|
}
|
|
54
|
-
], styles: [":host{display:block;--mat-form-field-outlined-label-text-color-SCOPED-IN-definition-list-gBL6: rgba(0, 0, 0, .6);--mat-form-field-outlined-label-text-color-SCOPED-IN-definition-list-gBL6-SCOPED-IN-loading-box-
|
|
54
|
+
], styles: [":host{display:block;--mat-form-field-outlined-label-text-color-SCOPED-IN-definition-list-gBL6: rgba(0, 0, 0, .6);--mat-form-field-outlined-label-text-color-SCOPED-IN-definition-list-gBL6-SCOPED-IN-loading-box-Y8ja: var(--mat-form-field-outlined-label-text-color-SCOPED-IN-definition-list-gBL6)}:host{display:flex;width:100%;justify-content:center}:host .initializing{color:var(--mat-form-field-outlined-label-text-color-SCOPED-IN-definition-list-gBL6-SCOPED-IN-loading-box-Y8ja);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-27rp: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-item-27rp: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-item-27rp: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-item-27rp: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-item-27rp: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-item-27rp: var(--on-surface-color);--mat-badge-background-color-SCOPED-IN-navigation-list-item-27rp: var(--mat-badge-background-color)}:host{--mat-list-list-item-hover-label-text-color: var(--on-background-color);--mat-list-list-item-label-text-color: var(--on-background-color);--mat-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-27rp);color:var(--on-surface-color-SCOPED-IN-navigation-list-item-27rp)}:host mat-list-item.activated atoms-icon{--on-background-color: var(--background-color-SCOPED-IN-navigation-list-item-27rp)}: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-27rp);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-27rp);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-item-27rp);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-item-27rp);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-item-27rp);--primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-item-27rp);--on-primary-color: var(--primary-color-SCOPED-IN-navigation-list-item-27rp)}\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: "21.1.6", ngImport: i0, type: NavigationListItemMolecule, decorators: [{
|
|
54
54
|
type: Component,
|
|
@@ -79,7 +79,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", 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-27rp: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-item-27rp: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-item-27rp: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-item-27rp: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-item-27rp: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-item-27rp: var(--on-surface-color);--mat-badge-background-color-SCOPED-IN-navigation-list-item-27rp: var(--mat-badge-background-color)}:host{--mat-list-list-item-hover-label-text-color: var(--on-background-color);--mat-list-list-item-label-text-color: var(--on-background-color);--mat-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-27rp);color:var(--on-surface-color-SCOPED-IN-navigation-list-item-27rp)}:host mat-list-item.activated atoms-icon{--on-background-color: var(--background-color-SCOPED-IN-navigation-list-item-27rp)}: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-27rp);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-27rp);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-item-27rp);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-item-27rp);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-item-27rp);--primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-item-27rp);--on-primary-color: var(--primary-color-SCOPED-IN-navigation-list-item-27rp)}\n"] }]
|
|
83
83
|
}] });
|
|
84
84
|
|
|
85
85
|
/**
|
|
@@ -39,7 +39,7 @@ class SelectInputFieldMolecule {
|
|
|
39
39
|
@if (store.hint()) { <mat-hint>{{ store.hint() }}</mat-hint> }
|
|
40
40
|
@if (store.control()?.errors?.length) { <mat-error>{{ store.control().errors | error }}</mat-error> }
|
|
41
41
|
</mat-form-field>
|
|
42
|
-
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-
|
|
42
|
+
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-geXm: 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: i2.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: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "pipe", type: ErrorPipe, name: "error" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
43
43
|
}
|
|
44
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SelectInputFieldMolecule, decorators: [{
|
|
45
45
|
type: Component,
|
|
@@ -63,7 +63,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
63
63
|
directive: SelectInputFieldMoleculeStore,
|
|
64
64
|
inputs: ['control', 'label', 'appearance', 'options', 'hint', 'placeholder', 'multiple'],
|
|
65
65
|
},
|
|
66
|
-
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-
|
|
66
|
+
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-geXm: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
|
|
67
67
|
}] });
|
|
68
68
|
|
|
69
69
|
/**
|
|
@@ -83,7 +83,7 @@ class ThreadMessageMolecule extends NgAtomicComponent {
|
|
|
83
83
|
}
|
|
84
84
|
</div> -->
|
|
85
85
|
</div>
|
|
86
|
-
`, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-nested-menu-
|
|
86
|
+
`, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-nested-menu-2a7M: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-nested-menu-2a7M: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-nested-menu-2a7M: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-nested-menu-2a7M: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-nested-menu-2a7M: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-nested-menu-2a7M: var(--on-background-color)}:host{display:block;padding:8px 16px}:host .header{display:flex;justify-content:flex-start;align-items:center;padding:8px 0;box-sizing:border-box;gap:8px}:host .header .name{font-size:14px;font-weight:700}:host .header .description{display:flex;justify-content:flex-start;gap:4px;font-size:12px}:host .header img{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color-SCOPED-IN-nested-menu-2a7M)}:host .content{font-size:14px;padding-bottom:24px;box-sizing:border-box}:host .content .screenshot{display:block;max-width:100%;border-radius:8px;margin-top:8px;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease}:host .content .screenshot:hover{transform:scale(1.05)}:host .bottom.actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}:host .bottom.actions button{height:32px;padding:0 8px;--mat-button-outlined-label-text-size: 12px}\n"], dependencies: [{ kind: "directive", type: FallbackSrcDirective, selector: "[fallbackSrc]" }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { kind: "pipe", type: BlobToDataUrlPipe, name: "blobToDataUrl" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
87
87
|
}
|
|
88
88
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: ThreadMessageMolecule, decorators: [{
|
|
89
89
|
type: Component,
|
|
@@ -123,7 +123,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
123
123
|
directive: ThreadMessageMoleculeStore,
|
|
124
124
|
inputs: ['name', 'message']
|
|
125
125
|
},
|
|
126
|
-
], styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-nested-menu-
|
|
126
|
+
], styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-nested-menu-2a7M: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-nested-menu-2a7M: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-nested-menu-2a7M: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-nested-menu-2a7M: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-nested-menu-2a7M: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-nested-menu-2a7M: var(--on-background-color)}:host{display:block;padding:8px 16px}:host .header{display:flex;justify-content:flex-start;align-items:center;padding:8px 0;box-sizing:border-box;gap:8px}:host .header .name{font-size:14px;font-weight:700}:host .header .description{display:flex;justify-content:flex-start;gap:4px;font-size:12px}:host .header img{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color-SCOPED-IN-nested-menu-2a7M)}:host .content{font-size:14px;padding-bottom:24px;box-sizing:border-box}:host .content .screenshot{display:block;max-width:100%;border-radius:8px;margin-top:8px;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease}:host .content .screenshot:hover{transform:scale(1.05)}:host .bottom.actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}:host .bottom.actions button{height:32px;padding:0 8px;--mat-button-outlined-label-text-size: 12px}\n"] }]
|
|
127
127
|
}] });
|
|
128
128
|
|
|
129
129
|
/**
|
|
@@ -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-29eO: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-29eO: var(--horizontal-padding)}:host{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-29eO);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[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
80
80
|
}
|
|
81
81
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: ActionButtonsSectionOrganism, decorators: [{
|
|
82
82
|
type: Component,
|
|
@@ -132,7 +132,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", 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-29eO: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-29eO: var(--horizontal-padding)}:host{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-29eO);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-fUsG: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-input-section-fUsG);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: "21.1.6", ngImport: i0, type: ActionInputSectionOrganism, decorators: [{
|
|
45
45
|
type: Component,
|
|
@@ -59,7 +59,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", 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-fUsG: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-input-section-fUsG);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
|
|
63
63
|
}] });
|
|
64
64
|
|
|
65
65
|
/**
|
|
@@ -125,7 +125,7 @@ class BreadcrumbNavbarOrganism extends NgAtomicComponent {
|
|
|
125
125
|
}
|
|
126
126
|
</div>
|
|
127
127
|
</mat-toolbar>
|
|
128
|
-
`, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-breadcrumb-navbar-
|
|
128
|
+
`, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-breadcrumb-navbar-Q0hy: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-breadcrumb-navbar-Q0hy: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-breadcrumb-navbar-Q0hy: var(--secondary-color);--on-secondary-color: inherit;--on-secondary-color-SCOPED-IN-breadcrumb-navbar-Q0hy: var(--on-secondary-color);--background-color: inherit;--background-color-SCOPED-IN-breadcrumb-navbar-Q0hy: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-breadcrumb-navbar-Q0hy: var(--on-background-color)}:host{display:block}mat-toolbar{background:var(--primary-color-SCOPED-IN-breadcrumb-navbar-Q0hy);color:var(--on-primary-color-SCOPED-IN-breadcrumb-navbar-Q0hy);border-bottom:1px solid rgba(0,0,0,.12);padding:0 16px;height:56px}mat-toolbar ::ng-deep .mat-mdc-button{color:var(--on-primary-color-SCOPED-IN-breadcrumb-navbar-Q0hy)}mat-toolbar ::ng-deep .mat-mdc-button:hover{color:var(--on-primary-color-SCOPED-IN-breadcrumb-navbar-Q0hy)}mat-toolbar ::ng-deep .mat-mdc-icon-button:not(.mat-accent){color:var(--on-primary-color-SCOPED-IN-breadcrumb-navbar-Q0hy)}mat-toolbar ::ng-deep .mat-mdc-icon-button:not(.mat-accent):hover{color:var(--on-primary-color-SCOPED-IN-breadcrumb-navbar-Q0hy)}mat-toolbar .breadcrumb-container{display:flex;align-items:center;flex:1;overflow:hidden}mat-toolbar .breadcrumb-home{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;transition:background-color .2s ease-in-out}mat-toolbar .breadcrumb-home:hover{background-color:#ffffff1a}mat-toolbar .breadcrumb-home mat-icon{font-size:20px;width:20px;height:20px}mat-toolbar .breadcrumb-logo{display:flex;align-items:center;justify-content:center;text-decoration:none;transition:opacity .2s ease-in-out}mat-toolbar .breadcrumb-logo:hover{opacity:.8}mat-toolbar .breadcrumb-link{color:var(--on-primary-color-SCOPED-IN-breadcrumb-navbar-Q0hy);text-decoration:none;padding:0 8px;min-height:36px;line-height:36px;font-size:14px;transition:background-color .2s ease-in-out}mat-toolbar .breadcrumb-link:hover{color:var(--on-primary-color-SCOPED-IN-breadcrumb-navbar-Q0hy);background-color:#ffffff1a}mat-toolbar .breadcrumb-link mat-icon{margin-right:4px;font-size:18px;width:18px;height:18px;vertical-align:middle}mat-toolbar .breadcrumb-current{color:var(--on-primary-color-SCOPED-IN-breadcrumb-navbar-Q0hy);font-weight:500;padding:0 8px;font-size:14px;display:inline-flex;align-items:center}mat-toolbar .breadcrumb-current mat-icon{margin-right:4px;font-size:18px;width:18px;height:18px}mat-toolbar .breadcrumb-select{background:transparent;color:var(--on-primary-color-SCOPED-IN-breadcrumb-navbar-Q0hy);border:1px solid rgba(255,255,255,.4);border-radius:4px;padding:4px 24px 4px 8px;font-size:14px;font-weight:500;cursor:pointer;appearance:none;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right 4px center;max-width:280px}mat-toolbar .breadcrumb-select:hover{border-color:#ffffffb3}mat-toolbar .breadcrumb-select:focus{outline:none;border-color:#ffffffe6}mat-toolbar .breadcrumb-select option{background:#333;color:#fff}mat-toolbar .breadcrumb-separator{color:var(--on-primary-color-SCOPED-IN-breadcrumb-navbar-Q0hy);padding:0 4px;font-size:14px}mat-toolbar .spacer{flex:1 1 auto}mat-toolbar .breadcrumb-actions{display:flex;align-items:center;gap:4px}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: MenuButtonAtomStore, selector: "atoms-menu-button, atoms-smart-menu-button", inputs: ["actions", "type", "action"] }, { kind: "directive", type: LogoAtomStore, selector: "atoms-logo", inputs: ["alt", "height", "width"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
129
129
|
}
|
|
130
130
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BreadcrumbNavbarOrganism, decorators: [{
|
|
131
131
|
type: Component,
|
|
@@ -213,7 +213,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
213
213
|
'endActions',
|
|
214
214
|
],
|
|
215
215
|
}
|
|
216
|
-
], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-breadcrumb-navbar-
|
|
216
|
+
], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-breadcrumb-navbar-Q0hy: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-breadcrumb-navbar-Q0hy: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-breadcrumb-navbar-Q0hy: var(--secondary-color);--on-secondary-color: inherit;--on-secondary-color-SCOPED-IN-breadcrumb-navbar-Q0hy: var(--on-secondary-color);--background-color: inherit;--background-color-SCOPED-IN-breadcrumb-navbar-Q0hy: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-breadcrumb-navbar-Q0hy: var(--on-background-color)}:host{display:block}mat-toolbar{background:var(--primary-color-SCOPED-IN-breadcrumb-navbar-Q0hy);color:var(--on-primary-color-SCOPED-IN-breadcrumb-navbar-Q0hy);border-bottom:1px solid rgba(0,0,0,.12);padding:0 16px;height:56px}mat-toolbar ::ng-deep .mat-mdc-button{color:var(--on-primary-color-SCOPED-IN-breadcrumb-navbar-Q0hy)}mat-toolbar ::ng-deep .mat-mdc-button:hover{color:var(--on-primary-color-SCOPED-IN-breadcrumb-navbar-Q0hy)}mat-toolbar ::ng-deep .mat-mdc-icon-button:not(.mat-accent){color:var(--on-primary-color-SCOPED-IN-breadcrumb-navbar-Q0hy)}mat-toolbar ::ng-deep .mat-mdc-icon-button:not(.mat-accent):hover{color:var(--on-primary-color-SCOPED-IN-breadcrumb-navbar-Q0hy)}mat-toolbar .breadcrumb-container{display:flex;align-items:center;flex:1;overflow:hidden}mat-toolbar .breadcrumb-home{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;transition:background-color .2s ease-in-out}mat-toolbar .breadcrumb-home:hover{background-color:#ffffff1a}mat-toolbar .breadcrumb-home mat-icon{font-size:20px;width:20px;height:20px}mat-toolbar .breadcrumb-logo{display:flex;align-items:center;justify-content:center;text-decoration:none;transition:opacity .2s ease-in-out}mat-toolbar .breadcrumb-logo:hover{opacity:.8}mat-toolbar .breadcrumb-link{color:var(--on-primary-color-SCOPED-IN-breadcrumb-navbar-Q0hy);text-decoration:none;padding:0 8px;min-height:36px;line-height:36px;font-size:14px;transition:background-color .2s ease-in-out}mat-toolbar .breadcrumb-link:hover{color:var(--on-primary-color-SCOPED-IN-breadcrumb-navbar-Q0hy);background-color:#ffffff1a}mat-toolbar .breadcrumb-link mat-icon{margin-right:4px;font-size:18px;width:18px;height:18px;vertical-align:middle}mat-toolbar .breadcrumb-current{color:var(--on-primary-color-SCOPED-IN-breadcrumb-navbar-Q0hy);font-weight:500;padding:0 8px;font-size:14px;display:inline-flex;align-items:center}mat-toolbar .breadcrumb-current mat-icon{margin-right:4px;font-size:18px;width:18px;height:18px}mat-toolbar .breadcrumb-select{background:transparent;color:var(--on-primary-color-SCOPED-IN-breadcrumb-navbar-Q0hy);border:1px solid rgba(255,255,255,.4);border-radius:4px;padding:4px 24px 4px 8px;font-size:14px;font-weight:500;cursor:pointer;appearance:none;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right 4px center;max-width:280px}mat-toolbar .breadcrumb-select:hover{border-color:#ffffffb3}mat-toolbar .breadcrumb-select:focus{outline:none;border-color:#ffffffe6}mat-toolbar .breadcrumb-select option{background:#333;color:#fff}mat-toolbar .breadcrumb-separator{color:var(--on-primary-color-SCOPED-IN-breadcrumb-navbar-Q0hy);padding:0 4px;font-size:14px}mat-toolbar .spacer{flex:1 1 auto}mat-toolbar .breadcrumb-actions{display:flex;align-items:center;gap:4px}\n"] }]
|
|
217
217
|
}] });
|
|
218
218
|
|
|
219
219
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-organisms-breadcrumb-navbar.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/breadcrumb-navbar/breadcrumb-navbar.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/breadcrumb-navbar/ng-atomic-components-organisms-breadcrumb-navbar.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { RouterLink } from '@angular/router';\nimport { Action, InjectableComponent, TokenizedType, _computed } from '@ng-atomic/core';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { MenuButtonAtomStore } from '@ng-atomic/components/atoms/menu-button';\nimport { LogoAtomStore } from '@ng-atomic/components/atoms/logo';\nimport { makeConfig } from '@ng-atomic/common/services/ui';\n\nexport interface BreadcrumbItem {\n label: string;\n link?: string;\n icon?: string;\n action?: Action;\n options?: { label: string; value: string }[];\n selectedValue?: string;\n}\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'organisms-breadcrumb-navbar' })\nexport class BreadcrumbNavbarOrganismStore extends InjectableComponent {\n static readonly Config = makeConfig(() => {\n return () => ({\n items: [] as BreadcrumbItem[],\n separator: '/' as string,\n showHome: true as boolean,\n homeIcon: 'home' as string,\n homeLink: '/' as string,\n showLogo: true as boolean,\n logoHeight: '32px' as string,\n logoWidth: 'auto' as string,\n endActions: <Action[]>[],\n });\n }, ['components', 'organisms', 'breadcrumb-navbar']);\n\n protected readonly config = BreadcrumbNavbarOrganismStore.Config.inject();\n readonly items = input(_computed(() => this.config().items));\n readonly separator = input(_computed(() => this.config().separator));\n readonly showHome = input(_computed(() => this.config().showHome));\n readonly homeIcon = input(_computed(() => this.config().homeIcon));\n readonly homeLink = input(_computed(() => this.config().homeLink));\n readonly showLogo = input(_computed(() => this.config().showLogo));\n readonly logoHeight = input(_computed(() => this.config().logoHeight));\n readonly logoWidth = input(_computed(() => this.config().logoWidth));\n readonly endActions = input(_computed(() => this.config().endActions));\n}\n\n@Component({\n selector: 'organisms-breadcrumb-navbar',\n imports: [\n MatButtonModule,\n MatIconModule,\n MatToolbarModule,\n RouterLink,\n MenuButtonAtomStore,\n LogoAtomStore\n ],\n template: `\n <mat-toolbar>\n <div class=\"breadcrumb-container\">\n <a [routerLink]=\"store.homeLink()\" class=\"breadcrumb-logo\">\n <atoms-logo \n [height]=\"store.logoHeight()\"\n [width]=\"store.logoWidth()\"\n injectable/>\n </a>\n @if (store.items().length > 0) {\n <span class=\"breadcrumb-separator\">{{ store.separator() }}</span>\n }\n \n @for (item of store.items(); track item.label; let isLast = $last) {\n @if (item.options) {\n <select class=\"breadcrumb-select\"\n [value]=\"item.selectedValue ?? ''\"\n (change)=\"onSelectChange(item, $any($event.target).value)\">\n <option value=\"\" disabled>{{ item.label }}</option>\n @for (opt of item.options; track opt.value) {\n <option [value]=\"opt.value\" [selected]=\"opt.value === item.selectedValue\">{{ opt.label }}</option>\n }\n </select>\n } @else if (item.link && !isLast) {\n <a [routerLink]=\"item.link\"\n mat-button\n class=\"breadcrumb-link\">\n @if (item.icon) {\n <mat-icon>{{ item.icon }}</mat-icon>\n }\n {{ item.label }}\n </a>\n } @else if (item.action && !isLast) {\n <button mat-button\n (click)=\"dispatch(item.action)\"\n class=\"breadcrumb-link\"\n >\n @if (item.icon) {\n <mat-icon>{{ item.icon }}</mat-icon>\n }\n {{ item.label }}\n </button>\n } @else {\n <span class=\"breadcrumb-current\">\n @if (item.icon) {\n <mat-icon>{{ item.icon }}</mat-icon>\n }\n {{ item.label }}\n </span>\n }\n\n @if (!isLast) {\n <span class=\"breadcrumb-separator\">{{ store.separator() }}</span>\n }\n }\n </div>\n <div class=\"breadcrumb-actions\">\n @for (action of store.endActions(); track action.id) {\n <atoms-menu-button [action]=\"action\" (action)=\"dispatch($event)\" injectable/>\n }\n </div>\n </mat-toolbar>\n `,\n styleUrls: ['./breadcrumb-navbar.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: BreadcrumbNavbarOrganismStore,\n inputs: [\n 'items',\n 'separator',\n 'showHome',\n 'homeIcon',\n 'homeLink',\n 'showLogo',\n 'logoHeight',\n 'logoWidth',\n 'endActions',\n ],\n }\n ]\n})\nexport class BreadcrumbNavbarOrganism extends NgAtomicComponent {\n protected readonly store = inject(BreadcrumbNavbarOrganismStore);\n\n onSelectChange(item: BreadcrumbItem, value: string) {\n if (item.action) {\n this.dispatch({ ...item.action, payload: value });\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-organisms-breadcrumb-navbar.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/breadcrumb-navbar/breadcrumb-navbar.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/breadcrumb-navbar/ng-atomic-components-organisms-breadcrumb-navbar.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { RouterLink } from '@angular/router';\nimport { Action, InjectableComponent, TokenizedType, _computed } from '@ng-atomic/core';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { MenuButtonAtomStore } from '@ng-atomic/components/atoms/menu-button';\nimport { LogoAtomStore } from '@ng-atomic/components/atoms/logo';\nimport { makeConfig } from '@ng-atomic/common/services/ui';\n\nexport interface BreadcrumbItem {\n label: string;\n link?: string;\n icon?: string;\n action?: Action;\n options?: { label: string; value: string }[];\n selectedValue?: string;\n}\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'organisms-breadcrumb-navbar' })\nexport class BreadcrumbNavbarOrganismStore extends InjectableComponent {\n static readonly Config = makeConfig(() => {\n return () => ({\n items: [] as BreadcrumbItem[],\n separator: '/' as string,\n showHome: true as boolean,\n homeIcon: 'home' as string,\n homeLink: '/' as string,\n showLogo: true as boolean,\n logoHeight: '32px' as string,\n logoWidth: 'auto' as string,\n endActions: <Action[]>[],\n });\n }, ['components', 'organisms', 'breadcrumb-navbar']);\n\n protected readonly config = BreadcrumbNavbarOrganismStore.Config.inject();\n readonly items = input(_computed(() => this.config().items));\n readonly separator = input(_computed(() => this.config().separator));\n readonly showHome = input(_computed(() => this.config().showHome));\n readonly homeIcon = input(_computed(() => this.config().homeIcon));\n readonly homeLink = input(_computed(() => this.config().homeLink));\n readonly showLogo = input(_computed(() => this.config().showLogo));\n readonly logoHeight = input(_computed(() => this.config().logoHeight));\n readonly logoWidth = input(_computed(() => this.config().logoWidth));\n readonly endActions = input(_computed(() => this.config().endActions));\n}\n\n@Component({\n selector: 'organisms-breadcrumb-navbar',\n imports: [\n MatButtonModule,\n MatIconModule,\n MatToolbarModule,\n RouterLink,\n MenuButtonAtomStore,\n LogoAtomStore\n ],\n template: `\n <mat-toolbar>\n <div class=\"breadcrumb-container\">\n <a [routerLink]=\"store.homeLink()\" class=\"breadcrumb-logo\">\n <atoms-logo \n [height]=\"store.logoHeight()\"\n [width]=\"store.logoWidth()\"\n injectable/>\n </a>\n @if (store.items().length > 0) {\n <span class=\"breadcrumb-separator\">{{ store.separator() }}</span>\n }\n \n @for (item of store.items(); track item.label; let isLast = $last) {\n @if (item.options) {\n <select class=\"breadcrumb-select\"\n [value]=\"item.selectedValue ?? ''\"\n (change)=\"onSelectChange(item, $any($event.target).value)\">\n <option value=\"\" disabled>{{ item.label }}</option>\n @for (opt of item.options; track opt.value) {\n <option [value]=\"opt.value\" [selected]=\"opt.value === item.selectedValue\">{{ opt.label }}</option>\n }\n </select>\n } @else if (item.link && !isLast) {\n <a [routerLink]=\"item.link\"\n mat-button\n class=\"breadcrumb-link\">\n @if (item.icon) {\n <mat-icon>{{ item.icon }}</mat-icon>\n }\n {{ item.label }}\n </a>\n } @else if (item.action && !isLast) {\n <button mat-button\n (click)=\"dispatch(item.action)\"\n class=\"breadcrumb-link\"\n >\n @if (item.icon) {\n <mat-icon>{{ item.icon }}</mat-icon>\n }\n {{ item.label }}\n </button>\n } @else {\n <span class=\"breadcrumb-current\">\n @if (item.icon) {\n <mat-icon>{{ item.icon }}</mat-icon>\n }\n {{ item.label }}\n </span>\n }\n\n @if (!isLast) {\n <span class=\"breadcrumb-separator\">{{ store.separator() }}</span>\n }\n }\n </div>\n <div class=\"breadcrumb-actions\">\n @for (action of store.endActions(); track action.id) {\n <atoms-menu-button [action]=\"action\" (action)=\"dispatch($event)\" injectable/>\n }\n </div>\n </mat-toolbar>\n `,\n styleUrls: ['./breadcrumb-navbar.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: BreadcrumbNavbarOrganismStore,\n inputs: [\n 'items',\n 'separator',\n 'showHome',\n 'homeIcon',\n 'homeLink',\n 'showLogo',\n 'logoHeight',\n 'logoWidth',\n 'endActions',\n ],\n }\n ]\n})\nexport class BreadcrumbNavbarOrganism extends NgAtomicComponent {\n protected readonly store = inject(BreadcrumbNavbarOrganismStore);\n\n onSelectChange(item: BreadcrumbItem, value: string) {\n if (item.action) {\n this.dispatch({ ...item.action, payload: value });\n }\n }\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -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: "21.1.6", ngImport: i0, type: CardInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", 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: "21.1.6", 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-mbXQ: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-mbXQ);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: "21.1.6", 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-mbXQ: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-mbXQ);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: "21.1.6", ngImport: i0, type: CvcAndExpInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", 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: "21.1.6", 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-x9hJ: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-x9hJ);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: "21.1.6", ngImport: i0, type: CvcAndExpInputSectionOrganism, decorators: [{
|
|
25
25
|
type: Component,
|
|
@@ -27,7 +27,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", 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-x9hJ: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-x9hJ);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
|
}] } });
|