@ng-atomic/components 19.35.0 → 19.36.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-chips-input.mjs +2 -2
- package/fesm2022/ng-atomic-components-atoms-chips-input.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-atoms-icon.mjs +2 -2
- package/fesm2022/ng-atomic-components-atoms-value-cell.mjs +4 -4
- package/fesm2022/ng-atomic-components-atoms-value-cell.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-extras-editor.mjs +3 -2
- package/fesm2022/ng-atomic-components-extras-editor.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-frames-app.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-app.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-frames-auto-layout.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-breadcrumb-navbar.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 +3 -3
- package/fesm2022/ng-atomic-components-frames-divider.mjs.map +1 -1
- 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-fab.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-frames-horizontal-divider.mjs +3 -3
- package/fesm2022/ng-atomic-components-frames-horizontal-divider.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-frames-line-up.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-line-up.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-frames-loading.mjs +2 -2
- package/fesm2022/ng-atomic-components-frames-router-outlet.mjs +3 -3
- package/fesm2022/ng-atomic-components-frames-router-outlet.mjs.map +1 -1
- 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-side-nav.mjs.map +1 -1
- 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-actions-column.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-molecules-checkbox-column.mjs.map +1 -1
- 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-date-range-input-field.mjs.map +1 -1
- 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-navigation-list-item.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-molecules-nested-menu.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-molecules-select-input-field.mjs +2 -2
- package/fesm2022/ng-atomic-components-molecules-textarea-field.mjs.map +1 -1
- 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-agreement-input-section.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-organisms-breadcrumb-navbar.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-graphql-editor.mjs +1 -1
- package/fesm2022/ng-atomic-components-organisms-graphql-editor.mjs.map +1 -1
- 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-mermaid-section.mjs.map +1 -1
- 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 +3 -2
- package/fesm2022/ng-atomic-components-organisms-navigator.mjs.map +1 -1
- 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 +6 -5
- package/fesm2022/ng-atomic-components-organisms-table.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-organisms-terminal.mjs +1 -2
- package/fesm2022/ng-atomic-components-organisms-terminal.mjs.map +1 -1
- 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-organisms-tree-list.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-organisms-tree-section.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-pages-_index.mjs +6 -4
- package/fesm2022/ng-atomic-components-pages-_index.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-pages-columns.mjs +2 -2
- package/fesm2022/ng-atomic-components-pages-columns.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-pages-form.mjs +2 -2
- package/fesm2022/ng-atomic-components-pages-form.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-services-global-iframe.mjs +2 -1
- package/fesm2022/ng-atomic-components-services-global-iframe.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-templates-_index.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-_index.mjs.map +1 -1
- 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-columns.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-templates-entrance.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-form.mjs +5 -5
- package/fesm2022/ng-atomic-components-templates-form.mjs.map +1 -1
- package/fesm2022/ng-atomic-components-templates-icon-button-menu.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-menu.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-selection.mjs +2 -2
- package/fesm2022/ng-atomic-components-templates-settings.mjs +2 -2
- package/package.json +3 -3
- package/types/ng-atomic-components-atoms-chips-input.d.ts +1 -1
- package/types/ng-atomic-components-atoms-icon.d.ts +1 -1
- package/types/ng-atomic-components-atoms-menu-button.d.ts +2 -2
- package/types/ng-atomic-components-atoms-value-cell.d.ts +5 -5
- package/types/ng-atomic-components-extras-editor.d.ts +1 -1
- package/types/ng-atomic-components-extras.d.ts +1 -1
- package/types/ng-atomic-components-frames-app.d.ts +20 -20
- package/types/ng-atomic-components-frames-breadcrumb-navbar.d.ts +1 -1
- package/types/ng-atomic-components-frames-columns.d.ts +4 -4
- package/types/ng-atomic-components-frames-entrance.d.ts +2 -2
- package/types/ng-atomic-components-frames-fab.d.ts +3 -3
- package/types/ng-atomic-components-frames-fab.d.ts.map +1 -1
- package/types/ng-atomic-components-frames-line-up.d.ts +3 -3
- package/types/ng-atomic-components-frames-router-outlet.d.ts +5 -5
- package/types/ng-atomic-components-frames-side-app.d.ts +1 -1
- package/types/ng-atomic-components-frames-side-nav.d.ts +9 -9
- package/types/ng-atomic-components-molecules-action-input-field.d.ts +1 -1
- package/types/ng-atomic-components-molecules-actions-column.d.ts +2 -2
- package/types/ng-atomic-components-molecules-checkbox-column.d.ts +2 -2
- package/types/ng-atomic-components-molecules-chips-input-field.d.ts +5 -5
- package/types/ng-atomic-components-molecules-date-input-field.d.ts +3 -3
- package/types/ng-atomic-components-molecules-date-range-input-field.d.ts +2 -2
- package/types/ng-atomic-components-molecules-file-input-field.d.ts +5 -5
- package/types/ng-atomic-components-molecules-grid-item.d.ts +1 -1
- package/types/ng-atomic-components-molecules-list-item.d.ts +3 -3
- package/types/ng-atomic-components-molecules-loading-box.d.ts +1 -1
- package/types/ng-atomic-components-molecules-nested-menu.d.ts +1 -1
- package/types/ng-atomic-components-molecules-nested-menu.d.ts.map +1 -1
- package/types/ng-atomic-components-molecules-select-input-field.d.ts +3 -3
- package/types/ng-atomic-components-molecules-text-column.d.ts +2 -2
- package/types/ng-atomic-components-molecules-text-input-field.d.ts +4 -4
- package/types/ng-atomic-components-molecules-textarea-field.d.ts +2 -2
- package/types/ng-atomic-components-molecules-textarea-field.d.ts.map +1 -1
- package/types/ng-atomic-components-molecules-thread-message.d.ts +3 -3
- package/types/ng-atomic-components-molecules-tree-column.d.ts +3 -3
- package/types/ng-atomic-components-organisms-action-input-section.d.ts +2 -2
- package/types/ng-atomic-components-organisms-agreement-input-section.d.ts +1 -1
- package/types/ng-atomic-components-organisms-breadcrumb-navbar.d.ts +1 -1
- package/types/ng-atomic-components-organisms-card-input-section.d.ts +1 -1
- package/types/ng-atomic-components-organisms-chips-input-section.d.ts +1 -1
- package/types/ng-atomic-components-organisms-date-input-section.d.ts +2 -2
- package/types/ng-atomic-components-organisms-date-range-input-section.d.ts +2 -2
- package/types/ng-atomic-components-organisms-file-input-section.d.ts +2 -2
- package/types/ng-atomic-components-organisms-filters-section.d.ts +3 -3
- package/types/ng-atomic-components-organisms-graphql-editor.d.ts +1 -1
- package/types/ng-atomic-components-organisms-grid-toolbar.d.ts +1 -1
- package/types/ng-atomic-components-organisms-image-preview-section.d.ts +1 -1
- package/types/ng-atomic-components-organisms-list.d.ts +3 -3
- package/types/ng-atomic-components-organisms-menu-header.d.ts +1 -1
- package/types/ng-atomic-components-organisms-mermaid-section.d.ts +2 -2
- package/types/ng-atomic-components-organisms-message-input-section.d.ts +1 -1
- package/types/ng-atomic-components-organisms-navigator.d.ts +2 -2
- package/types/ng-atomic-components-organisms-navigator.d.ts.map +1 -1
- package/types/ng-atomic-components-organisms-number-input-section.d.ts +2 -2
- package/types/ng-atomic-components-organisms-paginator.d.ts +4 -4
- package/types/ng-atomic-components-organisms-password-input-section.d.ts +2 -2
- package/types/ng-atomic-components-organisms-select-input-section.d.ts +4 -4
- package/types/ng-atomic-components-organisms-slider-input-section.d.ts +6 -6
- package/types/ng-atomic-components-organisms-stripe-input-section.d.ts +55 -55
- package/types/ng-atomic-components-organisms-table.d.ts +39 -19
- package/types/ng-atomic-components-organisms-table.d.ts.map +1 -1
- package/types/ng-atomic-components-organisms-text-input-section.d.ts +2 -2
- package/types/ng-atomic-components-organisms-textarea-section.d.ts +2 -2
- package/types/ng-atomic-components-organisms-time-range-input-section.d.ts +2 -2
- package/types/ng-atomic-components-organisms-toolbar.d.ts +1 -1
- package/types/ng-atomic-components-organisms-tree-section.d.ts +1 -1
- package/types/ng-atomic-components-organisms-video-section.d.ts +4 -4
- package/types/ng-atomic-components-pages-_index.d.ts +29 -29
- package/types/ng-atomic-components-pages-_index.d.ts.map +1 -1
- package/types/ng-atomic-components-pages-columns.d.ts +1 -1
- package/types/ng-atomic-components-pages-columns.d.ts.map +1 -1
- package/types/ng-atomic-components-pages-form.d.ts +13 -12
- package/types/ng-atomic-components-pages-form.d.ts.map +1 -1
- package/types/ng-atomic-components-pages-terms.d.ts +9 -9
- package/types/ng-atomic-components-services-global-iframe.d.ts +1 -1
- package/types/ng-atomic-components-services-global-iframe.d.ts.map +1 -1
- package/types/ng-atomic-components-templates-_index.d.ts +52 -50
- package/types/ng-atomic-components-templates-_index.d.ts.map +1 -1
- package/types/ng-atomic-components-templates-code-editor.d.ts +1 -1
- package/types/ng-atomic-components-templates-columns.d.ts +17 -17
- package/types/ng-atomic-components-templates-entrance.d.ts +2 -2
- package/types/ng-atomic-components-templates-form.d.ts +7 -7
- package/types/ng-atomic-components-templates-menu.d.ts +1 -1
- package/types/ng-atomic-components-templates-term.d.ts +1 -1
- package/types/ng-atomic-components-templates-thread.d.ts +3 -3
|
@@ -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-UYFu: var(--item-width);--item-height: auto;--item-height-SCOPED-IN-grid-cards-section-UYFu: var(--item-height);--primary-color: #444;--primary-color-SCOPED-IN-grid-cards-section-UYFu: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-cards-section-UYFu: var(--on-surface-color)}:host{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--item-width-SCOPED-IN-grid-cards-section-UYFu),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-UYFu)}\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: "21.1.6", ngImport: i0, type: GridCardsSectionOrganism, decorators: [{
|
|
32
32
|
type: Component,
|
|
@@ -36,7 +36,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", 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-UYFu: var(--item-width);--item-height: auto;--item-height-SCOPED-IN-grid-cards-section-UYFu: var(--item-height);--primary-color: #444;--primary-color-SCOPED-IN-grid-cards-section-UYFu: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-cards-section-UYFu: var(--on-surface-color)}:host{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--item-width-SCOPED-IN-grid-cards-section-UYFu),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-UYFu)}\n"] }]
|
|
40
40
|
}], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }] } });
|
|
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-I49U: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-I49U)}\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: "21.1.6", ngImport: i0, type: HeadingOrganism, decorators: [{
|
|
36
36
|
type: Component,
|
|
@@ -58,7 +58,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", 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-I49U: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-I49U)}\n"] }]
|
|
62
62
|
}], propDecorators: { level: [{
|
|
63
63
|
type: Input
|
|
64
64
|
}] } });
|
|
@@ -30,7 +30,7 @@ class MenuFooterOrganism extends NgAtomicComponent {
|
|
|
30
30
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: MenuFooterOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
31
31
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: MenuFooterOrganism, isStandalone: true, selector: "organisms-menu-footer", usesInheritance: true, hostDirectives: [{ directive: MenuFooterOrganismStore }], ngImport: i0, template: `
|
|
32
32
|
<span>{{ store.version }}</span>
|
|
33
|
-
`, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-footer-
|
|
33
|
+
`, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-footer-XHLf: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-footer-XHLf: var(--secondary-color)}:host{display:flex;justify-content:center;align-items:center;padding:8px;box-sizing:border-box;font-size:12px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
34
34
|
}
|
|
35
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: MenuFooterOrganism, decorators: [{
|
|
36
36
|
type: Component,
|
|
@@ -40,7 +40,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
40
40
|
{
|
|
41
41
|
directive: MenuFooterOrganismStore,
|
|
42
42
|
},
|
|
43
|
-
], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-footer-
|
|
43
|
+
], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-footer-XHLf: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-footer-XHLf: var(--secondary-color)}:host{display:flex;justify-content:center;align-items:center;padding:8px;box-sizing:border-box;font-size:12px}\n"] }]
|
|
44
44
|
}] });
|
|
45
45
|
|
|
46
46
|
/**
|
|
@@ -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-B4Dj: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-header-B4Dj: 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-B4Dj)}: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: "21.1.6", ngImport: i0, type: MenuHeaderOrganism, decorators: [{
|
|
62
62
|
type: Component,
|
|
@@ -88,7 +88,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", 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-B4Dj: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-header-B4Dj: 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-B4Dj)}: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
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-organisms-mermaid-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/mermaid-section/mermaid-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/mermaid-section/ng-atomic-components-organisms-mermaid-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, input, effect, viewChild, OnInit } from '@angular/core';\nimport mermaid, { MermaidConfig } from 'mermaid';\nimport * as d3 from 'd3';\nimport { computedAsync } from 'ngxtension/computed-async';\n\n@Component({\n selector: 'organisms-mermaid-section',\n imports: [],\n template: `\n <div #view></div>\n `,\n styleUrls: ['./mermaid-section.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MermaidSectionOrganism implements OnInit {\n readonly view = viewChild.required<ElementRef<HTMLElement>>('view');\n readonly src = input<string>();\n readonly config = input<MermaidConfig>({\n theme: 'default',\n });\n readonly svg = computedAsync(() => {\n const src = this.src();\n if (!src) return Promise.resolve(null);\n return mermaid.render('graphDiv', src).then(({svg}) => svg);\n });\n\n constructor() {\n effect(() => {\n const svgContent = this.svg();\n if (!svgContent) return; // Skip if svg is not ready yet\n \n this.view().nativeElement.innerHTML = svgContent;\n // max-width: 100% にするために <svg> の width を 100% にする\n const svgElement = this.view().nativeElement.querySelector('svg');\n if (svgElement) {\n svgElement.removeAttribute('style');\n this.initializeZoom();\n }\n });\n }\n\n ngOnInit() {\n mermaid.initialize(this.config());\n }\n\n private initializeZoom() {\n const svgs = d3.select(this.view().nativeElement).selectAll(\"svg\");\n svgs.each(function() {\n const svg = d3.select(this);\n svg.html(\"<g>\" + svg.html() + \"</g>\");\n const inner = svg.select(\"g\");\n const zoom = d3.zoom().on(\"zoom\", function(event) {\n inner.attr(\"transform\", event.transform);\n });\n svg.call(zoom);\n });\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAca,sBAAsB,CAAA;AAYjC,IAAA,WAAA,GAAA;AAXS,QAAA,IAAA,CAAA,IAAI,GAAG,SAAS,CAAC,QAAQ,CAA0B,MAAM,CAAC;QAC1D,IAAA,CAAA,GAAG,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,KAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;QACrB,IAAA,CAAA,MAAM,GAAG,KAAK,CAAgB;AACrC,YAAA,KAAK,EAAE,SAAS;AACjB,SAAA,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,QAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;AACO,QAAA,IAAA,CAAA,GAAG,GAAG,aAAa,CAAC,MAAK;AAChC,YAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE;AACtB,YAAA,IAAI,CAAC,GAAG;AAAE,gBAAA,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC;YACtC,OAAO,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,EAAC,GAAG,EAAC,KAAK,GAAG,CAAC;AAC7D,QAAA,CAAC,CAAC;QAGA,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,EAAE;AAC7B,YAAA,IAAI,CAAC,UAAU;AAAE,gBAAA,OAAO;YAExB,IAAI,CAAC,IAAI,EAAE,CAAC,aAAa,CAAC,SAAS,GAAG,UAAU;;AAEhD,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,aAAa,CAAC,aAAa,CAAC,KAAK,CAAC;YACjE,IAAI,UAAU,EAAE;AACd,gBAAA,UAAU,CAAC,eAAe,CAAC,OAAO,CAAC;gBACnC,IAAI,CAAC,cAAc,EAAE;YACvB;AACF,QAAA,CAAC,CAAC;IACJ;IAEA,QAAQ,GAAA;QACN,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;IACnC;IAEQ,cAAc,GAAA;AACpB,QAAA,MAAM,IAAI,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,aAAa,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC;QAClE,IAAI,CAAC,IAAI,CAAC,YAAA;YACR,MAAM,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC;AAC3B,YAAA,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,IAAI,EAAE,GAAG,MAAM,CAAC;YACrC,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC;AAC7B,YAAA,MAAM,IAAI,GAAG,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,MAAM,EAAE,UAAS,KAAK,EAAA;gBAC9C,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;AAC1C,YAAA,CAAC,CAAC;AACF,YAAA,GAAG,CAAC,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-organisms-mermaid-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/mermaid-section/mermaid-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/mermaid-section/ng-atomic-components-organisms-mermaid-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, input, effect, viewChild, OnInit } from '@angular/core';\nimport mermaid, { MermaidConfig } from 'mermaid';\nimport * as d3 from 'd3';\nimport { computedAsync } from 'ngxtension/computed-async';\n\n@Component({\n selector: 'organisms-mermaid-section',\n imports: [],\n template: `\n <div #view></div>\n `,\n styleUrls: ['./mermaid-section.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MermaidSectionOrganism implements OnInit {\n readonly view = viewChild.required<ElementRef<HTMLElement>>('view');\n readonly src = input<string>();\n readonly config = input<MermaidConfig>({\n theme: 'default',\n });\n readonly svg = computedAsync(() => {\n const src = this.src();\n if (!src) return Promise.resolve(null);\n return mermaid.render('graphDiv', src).then(({svg}) => svg);\n });\n\n constructor() {\n effect(() => {\n const svgContent = this.svg();\n if (!svgContent) return; // Skip if svg is not ready yet\n \n this.view().nativeElement.innerHTML = svgContent;\n // max-width: 100% にするために <svg> の width を 100% にする\n const svgElement = this.view().nativeElement.querySelector('svg');\n if (svgElement) {\n svgElement.removeAttribute('style');\n this.initializeZoom();\n }\n });\n }\n\n ngOnInit() {\n mermaid.initialize(this.config());\n }\n\n private initializeZoom() {\n const svgs = d3.select(this.view().nativeElement).selectAll(\"svg\");\n svgs.each(function() {\n const svg = d3.select(this);\n svg.html(\"<g>\" + svg.html() + \"</g>\");\n const inner = svg.select(\"g\");\n const zoom = d3.zoom().on(\"zoom\", function(event) {\n inner.attr(\"transform\", event.transform);\n });\n svg.call(zoom as any);\n });\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -33,7 +33,7 @@ class MessagesSectionOrganism {
|
|
|
33
33
|
<div class="pulse-container"><div class="dot-pulse"></div></div>
|
|
34
34
|
</div>
|
|
35
35
|
</div>
|
|
36
|
-
`, isInline: true, styles: [":host{display:block;--vertical-padding: 16px;--vertical-padding-SCOPED-IN-messages-section-
|
|
36
|
+
`, isInline: true, styles: [":host{display:block;--vertical-padding: 16px;--vertical-padding-SCOPED-IN-messages-section-SQxR: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-messages-section-SQxR: var(--horizontal-padding)}:host{padding:var(--horizontal-padding-SCOPED-IN-messages-section-SQxR) var(--vertical-padding-SCOPED-IN-messages-section-SQxR);box-sizing:border-box}:host .message{display:flex;flex-direction:row;justify-content:flex-end;margin-top:8px;white-space:pre-wrap}:host .message.user{justify-content:flex-end}:host .message.user .balloon{outline:#3f51b5 solid 1px;background-color:#fff;color:#3f51b5}:host .message.opponent{justify-content:flex-start}:host .message.opponent .balloon{background-color:#3f51b5;color:#fff}:host .message .balloon{min-height:1.5em;padding:4px;border-radius:8px}:host .message .balloon .pulse-container{display:inline-flex;justify-content:center;align-items:center;width:60px;padding-top:7px}:host .dot-pulse{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 0 0 -5px;animation:dot-pulse 1.5s infinite linear;animation-delay:.25s}:host .dot-pulse:before,:host .dot-pulse:after{content:\"\";display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}:host .dot-pulse:before{box-shadow:9984px 0 0 -5px;animation:dot-pulse-before 1.5s infinite linear;animation-delay:0s}:host .dot-pulse:after{box-shadow:10014px 0 0 -5px;animation:dot-pulse-after 1.5s infinite linear;animation-delay:.5s}@keyframes dot-pulse-before{0%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}60%,to{box-shadow:9984px 0 0 -5px}}@keyframes dot-pulse{0%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}60%,to{box-shadow:9999px 0 0 -5px}}@keyframes dot-pulse-after{0%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}60%,to{box-shadow:10014px 0 0 -5px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
37
37
|
}
|
|
38
38
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: MessagesSectionOrganism, decorators: [{
|
|
39
39
|
type: Component,
|
|
@@ -62,7 +62,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
62
62
|
</div>
|
|
63
63
|
`, imports: [
|
|
64
64
|
CommonModule,
|
|
65
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--vertical-padding: 16px;--vertical-padding-SCOPED-IN-messages-section-
|
|
65
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--vertical-padding: 16px;--vertical-padding-SCOPED-IN-messages-section-SQxR: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-messages-section-SQxR: var(--horizontal-padding)}:host{padding:var(--horizontal-padding-SCOPED-IN-messages-section-SQxR) var(--vertical-padding-SCOPED-IN-messages-section-SQxR);box-sizing:border-box}:host .message{display:flex;flex-direction:row;justify-content:flex-end;margin-top:8px;white-space:pre-wrap}:host .message.user{justify-content:flex-end}:host .message.user .balloon{outline:#3f51b5 solid 1px;background-color:#fff;color:#3f51b5}:host .message.opponent{justify-content:flex-start}:host .message.opponent .balloon{background-color:#3f51b5;color:#fff}:host .message .balloon{min-height:1.5em;padding:4px;border-radius:8px}:host .message .balloon .pulse-container{display:inline-flex;justify-content:center;align-items:center;width:60px;padding-top:7px}:host .dot-pulse{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 0 0 -5px;animation:dot-pulse 1.5s infinite linear;animation-delay:.25s}:host .dot-pulse:before,:host .dot-pulse:after{content:\"\";display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}:host .dot-pulse:before{box-shadow:9984px 0 0 -5px;animation:dot-pulse-before 1.5s infinite linear;animation-delay:0s}:host .dot-pulse:after{box-shadow:10014px 0 0 -5px;animation:dot-pulse-after 1.5s infinite linear;animation-delay:.5s}@keyframes dot-pulse-before{0%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}60%,to{box-shadow:9984px 0 0 -5px}}@keyframes dot-pulse{0%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}60%,to{box-shadow:9999px 0 0 -5px}}@keyframes dot-pulse-after{0%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}60%,to{box-shadow:10014px 0 0 -5px}}\n"] }]
|
|
66
66
|
}], propDecorators: { messages: [{
|
|
67
67
|
type: Input
|
|
68
68
|
}], isMessageCreating: [{
|
|
@@ -53,7 +53,7 @@ class NavigationListOrganism extends NgAtomicComponent {
|
|
|
53
53
|
</mat-nav-list>
|
|
54
54
|
}
|
|
55
55
|
}
|
|
56
|
-
`, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-
|
|
56
|
+
`, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-8ZmN: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-8ZmN: var(--background-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-8ZmN: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-8ZmN: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-8ZmN: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-8ZmN: var(--on-surface-color)}:host{display:block;width:100%;height:100%;color:var(--on-background-color-SCOPED-IN-navigation-list-8ZmN);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host *{--primary-color: var(--primary-color-SCOPED-IN-navigation-list-8ZmN);--background-color: var(--background-color-SCOPED-IN-navigation-list-8ZmN);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-8ZmN);--on-primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-8ZmN);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-8ZmN);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-8ZmN)}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i1.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "directive", type: NavigationListItemMoleculeStore, selector: "molecules-navigation-list-item", inputs: ["action", "selected", "activated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
57
57
|
}
|
|
58
58
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NavigationListOrganism, decorators: [{
|
|
59
59
|
type: Component,
|
|
@@ -91,7 +91,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
91
91
|
directive: NavigationListOrganismStore,
|
|
92
92
|
inputs: ['actions', 'type'],
|
|
93
93
|
},
|
|
94
|
-
], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-
|
|
94
|
+
], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-8ZmN: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-8ZmN: var(--background-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-8ZmN: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-8ZmN: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-8ZmN: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-8ZmN: var(--on-surface-color)}:host{display:block;width:100%;height:100%;color:var(--on-background-color-SCOPED-IN-navigation-list-8ZmN);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host *{--primary-color: var(--primary-color-SCOPED-IN-navigation-list-8ZmN);--background-color: var(--background-color-SCOPED-IN-navigation-list-8ZmN);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-8ZmN);--on-primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-8ZmN);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-8ZmN);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-8ZmN)}\n"] }]
|
|
95
95
|
}] });
|
|
96
96
|
|
|
97
97
|
/**
|
|
@@ -35,6 +35,7 @@ function resolveActions(actions) {
|
|
|
35
35
|
}
|
|
36
36
|
] : [];
|
|
37
37
|
}
|
|
38
|
+
return [];
|
|
38
39
|
}
|
|
39
40
|
let NavigatorOrganismStore = class NavigatorOrganismStore extends InjectableComponent {
|
|
40
41
|
constructor() {
|
|
@@ -90,7 +91,7 @@ class NavigatorOrganism extends NgAtomicComponent {
|
|
|
90
91
|
<atoms-menu-button [action]="action" (action)="dispatch($event)" injectable/>
|
|
91
92
|
}
|
|
92
93
|
</div>
|
|
93
|
-
`, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigator-
|
|
94
|
+
`, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigator-8wY4: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigator-8wY4: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-navigator-8wY4: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-navigator-8wY4: var(--on-secondary-color);--background-color: #fff;--background-color-SCOPED-IN-navigator-8wY4: var(--background-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigator-8wY4: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--background-color-SCOPED-IN-navigator-8wY4);color:var(--on-background-color-SCOPED-IN-navigator-8wY4)}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host div{display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: MenuButtonAtomStore, selector: "atoms-menu-button, atoms-smart-menu-button", inputs: ["actions", "type", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
94
95
|
}
|
|
95
96
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NavigatorOrganism, decorators: [{
|
|
96
97
|
type: Component,
|
|
@@ -127,7 +128,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
127
128
|
'title',
|
|
128
129
|
],
|
|
129
130
|
}
|
|
130
|
-
], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigator-
|
|
131
|
+
], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigator-8wY4: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigator-8wY4: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-navigator-8wY4: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-navigator-8wY4: var(--on-secondary-color);--background-color: #fff;--background-color-SCOPED-IN-navigator-8wY4: var(--background-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigator-8wY4: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--background-color-SCOPED-IN-navigator-8wY4);color:var(--on-background-color-SCOPED-IN-navigator-8wY4)}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host div{display:flex;justify-content:center;align-items:center}\n"] }]
|
|
131
132
|
}] });
|
|
132
133
|
|
|
133
134
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-organisms-navigator.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/navigator/navigator.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/navigator/ng-atomic-components-organisms-navigator.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, 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 { Action, Actions, ActionsFactory, InjectableComponent, TokenizedType, _computed } from '@ng-atomic/core';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { MenuButtonAtomStore } from '@ng-atomic/components/atoms/menu-button';\nimport { makeConfig } from '@ng-atomic/common/services/ui';\n\nfunction resolveActions<T = any>(actions: ActionsFactory | Action[] | Action[][]): Action<T>[] {\n if (Array.isArray(actions)) {\n return actions.map((actionOrArray) => {\n if (Array.isArray(actionOrArray) && actionOrArray.length) {\n return {\n id: 'menu',\n name: 'menu',\n icon: 'more_vert',\n children: actionOrArray,\n }
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-organisms-navigator.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/navigator/navigator.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/navigator/ng-atomic-components-organisms-navigator.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, 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 { Action, Actions, ActionsFactory, InjectableComponent, TokenizedType, _computed } from '@ng-atomic/core';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { MenuButtonAtomStore } from '@ng-atomic/components/atoms/menu-button';\nimport { makeConfig } from '@ng-atomic/common/services/ui';\n\nfunction resolveActions<T = any>(actions: ActionsFactory | Action[] | Action[][]): Action<T>[] {\n if (Array.isArray(actions)) {\n return actions.map((actionOrArray) => {\n if (Array.isArray(actionOrArray) && actionOrArray.length) {\n return {\n id: 'menu',\n name: 'menu',\n icon: 'more_vert',\n children: actionOrArray,\n } as Action<T>;\n }\n return {...actionOrArray} as Action<T>;\n });\n } else if (typeof actions === 'function') {\n const factoryResult = actions();\n return Array.isArray(factoryResult) && factoryResult?.length ? [\n {\n id: 'menu',\n name: 'menu',\n icon: 'more_vert',\n children: factoryResult,\n } as Action<T>\n ] : [];\n }\n return [];\n}\n\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'organisms-navigator' })\nexport class NavigatorOrganismStore extends InjectableComponent {\n static readonly Config = makeConfig(() => {\n return () => ({\n title: undefined as string | undefined,\n startActions: <Actions>[{ id: 'menu', icon: 'menu', name: 'menu' }],\n endActions: <Actions | Action[][]>[],\n });\n }, ['components', 'organisms', 'navigator']);\n protected readonly config = NavigatorOrganismStore.Config.inject(); \n readonly startActions = input(_computed(() => this.config().startActions));\n readonly resolvedStartActions = computed(() => resolveActions(this.startActions()));\n readonly endActions = input(_computed(() => this.config().endActions));\n readonly resolvedEndActions = computed(() => resolveActions(this.endActions()));\n readonly title = input(_computed(() => this.config().title));\n}\n\n@Component({\n selector: 'organisms-navigator',\n imports: [\n MatButtonModule,\n MatIconModule,\n MatToolbarModule,\n MenuButtonAtomStore\n ],\n template: `\n <mat-toolbar color=\"primary\">\n <div>\n @for (action of store.resolvedStartActions(); track trackByFn($index, action) ) {\n <atoms-menu-button [action]=\"action\" (action)=\"dispatch($event)\" injectable/>\n }\n </div>\n <div>\n @if (store.title()) {\n <span>{{ store.title() }}</span>\n } @else {\n <ng-content />\n }\n </div>\n <div>\n @for (action of store.resolvedEndActions(); track trackByFn($index, action)) {\n <atoms-menu-button [action]=\"action\" (action)=\"dispatch($event)\" injectable/>\n }\n </div>\n `,\n styleUrls: ['./navigator.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: NavigatorOrganismStore,\n inputs: [\n 'startActions',\n 'endActions',\n 'title',\n ],\n }\n ]\n})\nexport class NavigatorOrganism extends NgAtomicComponent {\n protected readonly store = inject(NavigatorOrganismStore);\n trackByFn = (_: number, action: Action) => action;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -49,7 +49,7 @@ class NumberInputSectionOrganism extends NgAtomicComponent {
|
|
|
49
49
|
(action)="dispatch($event)"
|
|
50
50
|
/>
|
|
51
51
|
}
|
|
52
|
-
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-number-input-section-
|
|
52
|
+
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-number-input-section-70xu: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-number-input-section-70xu) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-number-input-section-70xu)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "directive", type: TextInputFieldMoleculeStore, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "pattern", "autoComplete"] }, { kind: "directive", type: SmartMenuButtonAtomStore, selector: "atoms-menu-button, atoms-smart-menu-button", inputs: ["actions", "type", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
53
53
|
}
|
|
54
54
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NumberInputSectionOrganism, decorators: [{
|
|
55
55
|
type: Component,
|
|
@@ -77,7 +77,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
77
77
|
directive: NumberInputSectionOrganismStore,
|
|
78
78
|
inputs: ['label', 'placeholder', 'hint', 'control', 'autoComplete', 'actions', 'actionButtonType'],
|
|
79
79
|
}
|
|
80
|
-
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-number-input-section-
|
|
80
|
+
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-number-input-section-70xu: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-number-input-section-70xu) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-number-input-section-70xu)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
|
|
81
81
|
}] });
|
|
82
82
|
|
|
83
83
|
/**
|
|
@@ -47,7 +47,7 @@ class PaginatorOrganism extends NgAtomicComponent {
|
|
|
47
47
|
[pageSizeOptions]="store.pageSizeOptions()"
|
|
48
48
|
(page)="onPageChange($event)"
|
|
49
49
|
/>
|
|
50
|
-
`, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-paginator-
|
|
50
|
+
`, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-paginator-JU5f: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-paginator-JU5f: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-paginator-JU5f: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-paginator-JU5f: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-paginator-JU5f: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-paginator-JU5f: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-paginator-JU5f: var(--on-background-color)}:host mat-paginator{background-color:var(--background-color-SCOPED-IN-paginator-JU5f);color:var(--on-background-color-SCOPED-IN-paginator-JU5f);min-width:440px}\n"], dependencies: [{ kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i1.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
51
51
|
}
|
|
52
52
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: PaginatorOrganism, decorators: [{
|
|
53
53
|
type: Component,
|
|
@@ -65,7 +65,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
65
65
|
directive: PaginatorOrganismStore,
|
|
66
66
|
inputs: ['form', 'pageSizeOptions', 'itemLength'],
|
|
67
67
|
},
|
|
68
|
-
], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-paginator-
|
|
68
|
+
], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-paginator-JU5f: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-paginator-JU5f: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-paginator-JU5f: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-paginator-JU5f: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-paginator-JU5f: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-paginator-JU5f: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-paginator-JU5f: var(--on-background-color)}:host mat-paginator{background-color:var(--background-color-SCOPED-IN-paginator-JU5f);color:var(--on-background-color-SCOPED-IN-paginator-JU5f);min-width:440px}\n"] }]
|
|
69
69
|
}] });
|
|
70
70
|
|
|
71
71
|
/**
|
|
@@ -48,7 +48,7 @@ class PasswordInputSectionOrganism extends NgAtomicComponent {
|
|
|
48
48
|
[type]="store.actionButtonType()"
|
|
49
49
|
(action)="dispatch($event)"
|
|
50
50
|
/>
|
|
51
|
-
}`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-password-input-section-
|
|
51
|
+
}`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-password-input-section-jXRO: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-password-input-section-jXRO) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-password-input-section-jXRO)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "directive", type: TextInputFieldMoleculeStore, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "pattern", "autoComplete"] }, { kind: "directive", type: SmartMenuButtonAtomStore, selector: "atoms-menu-button, atoms-smart-menu-button", inputs: ["actions", "type", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
52
52
|
}
|
|
53
53
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: PasswordInputSectionOrganism, decorators: [{
|
|
54
54
|
type: Component,
|
|
@@ -75,7 +75,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
75
75
|
directive: PasswordInputSectionOrganismStore,
|
|
76
76
|
inputs: ['label', 'placeholder', 'hint', 'control', 'autoComplete', 'actions', 'actionButtonType'],
|
|
77
77
|
},
|
|
78
|
-
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-password-input-section-
|
|
78
|
+
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-password-input-section-jXRO: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-password-input-section-jXRO) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-password-input-section-jXRO)}: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"] }]
|
|
79
79
|
}] });
|
|
80
80
|
|
|
81
81
|
/**
|
|
@@ -47,7 +47,7 @@ class SelectInputSectionOrganism extends NgAtomicComponent {
|
|
|
47
47
|
[actions]="store.actions()"
|
|
48
48
|
(action)="dispatch($event)"
|
|
49
49
|
/>
|
|
50
|
-
}`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-
|
|
50
|
+
}`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-NT5U: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-NT5U) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-select-input-section-NT5U)}: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: SelectInputFieldMolecule, selector: "molecules-select-input-field" }, { kind: "component", type: MenuButtonAtom, selector: "atoms-menu-button, atoms-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
51
51
|
}
|
|
52
52
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SelectInputSectionOrganism, decorators: [{
|
|
53
53
|
type: Component,
|
|
@@ -73,7 +73,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
73
73
|
directive: SelectInputSectionOrganismStore,
|
|
74
74
|
inputs: ['actions', 'hint', 'placeholder', 'label', 'control', 'options', 'multiple'],
|
|
75
75
|
}
|
|
76
|
-
], host: { 'class': 'organism input section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-
|
|
76
|
+
], host: { 'class': 'organism input section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-NT5U: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-NT5U) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-select-input-section-NT5U)}: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"] }]
|
|
77
77
|
}] });
|
|
78
78
|
|
|
79
79
|
/**
|
|
@@ -56,7 +56,7 @@ class SliderInputSectionOrganism extends NgAtomicComponent {
|
|
|
56
56
|
matSliderThumb
|
|
57
57
|
>
|
|
58
58
|
</mat-slider>
|
|
59
|
-
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-slider-input-section-
|
|
59
|
+
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-slider-input-section-yLQs: var(--horizontal-padding);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-yLQs: var(--mat-form-field-outlined-label-text-populated-size);--mat-form-field-outlined-label-text-color-SCOPED-IN-slider-input-section-yLQs: var(--mat-form-field-outlined-label-text-color)}:host{display:flex;flex-direction:column;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-slider-input-section-yLQs);box-sizing:border-box}:host .slider{width:100%}:host span{padding-left:20px;font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-yLQs);color:var(--mat-form-field-outlined-label-text-color-SCOPED-IN-slider-input-section-yLQs);transform:scale(.75);transform-origin:top left}\n"], dependencies: [{ kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i1.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
60
60
|
}
|
|
61
61
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SliderInputSectionOrganism, decorators: [{
|
|
62
62
|
type: Component,
|
|
@@ -81,7 +81,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
81
81
|
directive: SliderInputSectionOrganismStore,
|
|
82
82
|
inputs: ['control', 'min', 'max', 'step', 'thumbLabel', 'label'],
|
|
83
83
|
}
|
|
84
|
-
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-slider-input-section-
|
|
84
|
+
], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-slider-input-section-yLQs: var(--horizontal-padding);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-yLQs: var(--mat-form-field-outlined-label-text-populated-size);--mat-form-field-outlined-label-text-color-SCOPED-IN-slider-input-section-yLQs: var(--mat-form-field-outlined-label-text-color)}:host{display:flex;flex-direction:column;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-slider-input-section-yLQs);box-sizing:border-box}:host .slider{width:100%}:host span{padding-left:20px;font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-yLQs);color:var(--mat-form-field-outlined-label-text-color-SCOPED-IN-slider-input-section-yLQs);transform:scale(.75);transform-origin:top left}\n"] }]
|
|
85
85
|
}] });
|
|
86
86
|
|
|
87
87
|
/**
|
|
@@ -9,14 +9,14 @@ class SocialLoginSectionOrganism {
|
|
|
9
9
|
this.signInWithGoogleButtonClick = new EventEmitter();
|
|
10
10
|
}
|
|
11
11
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SocialLoginSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: SocialLoginSectionOrganism, isStandalone: true, selector: "organisms-social-login-section", outputs: { signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, ngImport: i0, template: "<button \n mat-raised-button \n color=\"primary\" \n (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: SocialLoginSectionOrganism, isStandalone: true, selector: "organisms-social-login-section", outputs: { signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, ngImport: i0, template: "<button \n mat-raised-button \n color=\"primary\" \n (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-2IdI: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-2IdI);box-sizing:border-box}:host button{width:100%;height:56px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: " button[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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
13
13
|
}
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SocialLoginSectionOrganism, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
16
|
args: [{ selector: 'organisms-social-login-section', standalone: true, imports: [
|
|
17
17
|
CommonModule,
|
|
18
18
|
MatButtonModule,
|
|
19
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n mat-raised-button \n color=\"primary\" \n (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-
|
|
19
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n mat-raised-button \n color=\"primary\" \n (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-2IdI: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-2IdI);box-sizing:border-box}:host button{width:100%;height:56px}\n"] }]
|
|
20
20
|
}], propDecorators: { signInWithGoogleButtonClick: [{
|
|
21
21
|
type: Output
|
|
22
22
|
}] } });
|
|
@@ -420,7 +420,7 @@ class TableOrganism extends NgAtomicComponent {
|
|
|
420
420
|
</tbody>
|
|
421
421
|
</table>
|
|
422
422
|
</cdk-virtual-scroll-viewport>
|
|
423
|
-
`, isInline: true, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-
|
|
423
|
+
`, isInline: true, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-KOdN: var(--width);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-KOdN: var(--column-vertical-padding);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-smart-table-KOdN: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-smart-table-KOdN: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-smart-table-KOdN: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-smart-table-KOdN: var(--on-background-color);--vertical-padding: 16px;--vertical-padding-SCOPED-IN-smart-table-KOdN: var(--vertical-padding)}.cdk-drag-preview{display:table;background-color:#fff}.cdk-drag-placeholder{opacity:0}:host{position:relative;display:block;width:100%;height:100%;overflow:hidden}:host table{min-width:100%;min-height:100%;background-color:var(--surface-color-SCOPED-IN-smart-table-KOdN);color:var(--on-surface-color-SCOPED-IN-smart-table-KOdN);--mat-table-row-item-label-text-color: var(--on-surface-color);--mat-table-header-headline-color: var(--on-surface-color)}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-KOdN);box-sizing:border-box}:host table ::ng-deep th:first-child,:host table ::ng-deep td:first-child{padding-left:var(--vertical-padding-SCOPED-IN-smart-table-KOdN)}:host table ::ng-deep th:last-child,:host table ::ng-deep td:last-child{padding-right:var(--vertical-padding-SCOPED-IN-smart-table-KOdN)}:host table ::ng-deep tr.highlight{background-color:#f0f0f0;transition:background-color .5s}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 32px);height:3em;padding:0 16px}:host table{border-collapse:collapse;-webkit-user-select:none;user-select:none}:host cdk-virtual-scroll-viewport{width:100%;height:100%;display:block;overflow:auto}:host cdk-virtual-scroll-viewport ::ng-deep .cdk-virtual-scroll-content-wrapper{transform:translateY(0)!important;min-height:100%;min-width:100%;width:auto}:host cdk-virtual-scroll-viewport ::ng-deep .cdk-virtual-scroll-spacer{width:1px;transform:translateZ(0)}:host.autofill-active{-webkit-user-select:none;user-select:none}:host.autofill-active td{pointer-events:none}:host.autofill-active td.autofill-source{pointer-events:auto}:host ::ng-deep td.autofill-preview{background-color:#2196f31a!important;border:1px dashed #2196F3!important}:host ::ng-deep td.autofill-preview:after{content:\"\";position:absolute;inset:0;background-color:#2196f30d;pointer-events:none;z-index:1}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "component", type: i1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i1.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: MatMenuModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: ActionsColumnMolecule, selector: "molecules-actions-column" }, { kind: "component", type: CheckboxColumnMolecule, selector: "molecules-checkbox-column" }, { kind: "component", type: TextColumnMolecule, selector: "molecules-text-column", inputs: ["formFieldMap"], outputs: ["headerClick"] }, { kind: "component", type: TreeColumnMolecule, selector: "molecules-tree-column", outputs: ["headerClick", "handleMouseDown"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "component", type: i2.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: GridDataTableAutofill, selector: "[gridDataTableAutofill]", outputs: ["autofillComplete"] }, { kind: "pipe", type: StylePipe, name: "style" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
424
424
|
}
|
|
425
425
|
__decorate([
|
|
426
426
|
Effect(CheckboxColumnMolecule.ActionId.CHECKBOX_CLICK),
|
|
@@ -558,14 +558,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
558
558
|
}, providers: [
|
|
559
559
|
provideSpreadSheetService(),
|
|
560
560
|
{ provide: VIRTUAL_SCROLL_STRATEGY, useClass: CustomVirtualScrollStrategy },
|
|
561
|
-
], styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-
|
|
561
|
+
], styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-KOdN: var(--width);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-KOdN: var(--column-vertical-padding);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-smart-table-KOdN: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-smart-table-KOdN: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-smart-table-KOdN: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-smart-table-KOdN: var(--on-background-color);--vertical-padding: 16px;--vertical-padding-SCOPED-IN-smart-table-KOdN: var(--vertical-padding)}.cdk-drag-preview{display:table;background-color:#fff}.cdk-drag-placeholder{opacity:0}:host{position:relative;display:block;width:100%;height:100%;overflow:hidden}:host table{min-width:100%;min-height:100%;background-color:var(--surface-color-SCOPED-IN-smart-table-KOdN);color:var(--on-surface-color-SCOPED-IN-smart-table-KOdN);--mat-table-row-item-label-text-color: var(--on-surface-color);--mat-table-header-headline-color: var(--on-surface-color)}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-KOdN);box-sizing:border-box}:host table ::ng-deep th:first-child,:host table ::ng-deep td:first-child{padding-left:var(--vertical-padding-SCOPED-IN-smart-table-KOdN)}:host table ::ng-deep th:last-child,:host table ::ng-deep td:last-child{padding-right:var(--vertical-padding-SCOPED-IN-smart-table-KOdN)}:host table ::ng-deep tr.highlight{background-color:#f0f0f0;transition:background-color .5s}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 32px);height:3em;padding:0 16px}:host table{border-collapse:collapse;-webkit-user-select:none;user-select:none}:host cdk-virtual-scroll-viewport{width:100%;height:100%;display:block;overflow:auto}:host cdk-virtual-scroll-viewport ::ng-deep .cdk-virtual-scroll-content-wrapper{transform:translateY(0)!important;min-height:100%;min-width:100%;width:auto}:host cdk-virtual-scroll-viewport ::ng-deep .cdk-virtual-scroll-spacer{width:1px;transform:translateZ(0)}:host.autofill-active{-webkit-user-select:none;user-select:none}:host.autofill-active td{pointer-events:none}:host.autofill-active td.autofill-source{pointer-events:auto}:host ::ng-deep td.autofill-preview{background-color:#2196f31a!important;border:1px dashed #2196F3!important}:host ::ng-deep td.autofill-preview:after{content:\"\";position:absolute;inset:0;background-color:#2196f30d;pointer-events:none;z-index:1}\n"] }]
|
|
562
562
|
}], ctorParameters: () => [], propDecorators: { viewport: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkVirtualScrollViewport), { isSignal: true }] }], onCheckboxClick: [], onHeaderCheckboxClick: [], onChangeWidth: [] } });
|
|
563
563
|
function getDisplayedNodes(nodes, control) {
|
|
564
564
|
const result = [];
|
|
565
565
|
for (const node of nodes) {
|
|
566
566
|
result.push(node);
|
|
567
567
|
if (control.isExpanded(node)) {
|
|
568
|
-
result.push(...getDisplayedNodes(node.children, control));
|
|
568
|
+
result.push(...getDisplayedNodes(node.children ?? [], control));
|
|
569
569
|
}
|
|
570
570
|
}
|
|
571
571
|
return result;
|
|
@@ -574,8 +574,9 @@ function flatItems(items, key = 'children') {
|
|
|
574
574
|
const result = [];
|
|
575
575
|
for (const item of items) {
|
|
576
576
|
result.push(item);
|
|
577
|
-
|
|
578
|
-
|
|
577
|
+
const children = item[key];
|
|
578
|
+
if (children) {
|
|
579
|
+
result.push(...flatItems(children, key));
|
|
579
580
|
}
|
|
580
581
|
}
|
|
581
582
|
return result;
|