@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
|
@@ -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-jNsy: 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-jNsy);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-jNsy: 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-jNsy);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-vzjh: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-item-vzjh: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-item-vzjh: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-item-vzjh: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-item-vzjh: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-item-vzjh: var(--on-surface-color);--mat-badge-background-color-SCOPED-IN-navigation-list-item-vzjh: 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-vzjh);color:var(--on-surface-color-SCOPED-IN-navigation-list-item-vzjh)}:host mat-list-item.activated atoms-icon{--on-background-color: var(--background-color-SCOPED-IN-navigation-list-item-vzjh)}: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-vzjh);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-vzjh);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-item-vzjh);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-item-vzjh);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-item-vzjh);--primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-item-vzjh);--on-primary-color: var(--primary-color-SCOPED-IN-navigation-list-item-vzjh)}\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-vzjh: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-item-vzjh: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-item-vzjh: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-item-vzjh: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-item-vzjh: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-item-vzjh: var(--on-surface-color);--mat-badge-background-color-SCOPED-IN-navigation-list-item-vzjh: 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-vzjh);color:var(--on-surface-color-SCOPED-IN-navigation-list-item-vzjh)}:host mat-list-item.activated atoms-icon{--on-background-color: var(--background-color-SCOPED-IN-navigation-list-item-vzjh)}: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-vzjh);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-vzjh);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-item-vzjh);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-item-vzjh);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-item-vzjh);--primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-item-vzjh);--on-primary-color: var(--primary-color-SCOPED-IN-navigation-list-item-vzjh)}\n"] }]
|
|
83
83
|
}] });
|
|
84
84
|
|
|
85
85
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-molecules-navigation-list-item.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/navigation-list-item/navigation-list-item.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/navigation-list-item/ng-atomic-components-molecules-navigation-list-item.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, Directive, inject, input, effect } from '@angular/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatListModule } from '@angular/material/list';\nimport { InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\nimport { Action } from '@ng-atomic/core';\nimport { IconAtom } from '@ng-atomic/components/atoms/icon';\nimport { MatBadgeModule } from '@angular/material/badge';\nimport { BadgeAtom } from '@ng-atomic/components/atoms/badge';\nimport { NgClass } from '@angular/common';\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'molecules-navigation-list-item' })\nexport class NavigationListItemMoleculeStore extends InjectableComponent {\n readonly action = input<Action>(null);\n readonly selected = input(false);\n readonly activated = input(false);\n}\n\n@Component({\n selector: 'molecules-navigation-list-item',\n imports: [\n MatIconModule,\n MatListModule,\n MatBadgeModule,\n IconAtom,\n BadgeAtom,\n NgClass,\n ],\n template: `\n <mat-list-item [activated]=\"store.activated()\" [ngClass]=\"{activated: store.activated()}\">\n <atoms-icon\n matListItemIcon\n matListItemMeta\n [name]=\"store.action()?.icon\"\n [color]=\"store.action()?.color\"\n />\n <div matListItemTitle>\n <span>{{ store.action()?.name }}</span>\n @if (store.action()?.meta?.badge) {\n <atoms-badge [value]=\"store.action()?.meta?.badge\"/>\n }\n </div>\n </mat-list-item>\n `,\n styleUrls: ['./navigation-list-item.molecule.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: NavigationListItemMoleculeStore,\n inputs: ['action', 'selected', 'activated'],\n },\n ]\n})\nexport class NavigationListItemMolecule extends NgAtomicComponent {\n protected store = inject(NavigationListItemMoleculeStore);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;AAYO,IAAM,+BAA+B,GAArC,MAAM,+BAAgC,SAAQ,mBAAmB,CAAA;AAAjE,IAAA,WAAA,GAAA;;AACI,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAS,
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-molecules-navigation-list-item.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/navigation-list-item/navigation-list-item.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/navigation-list-item/ng-atomic-components-molecules-navigation-list-item.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, Directive, inject, input, effect } from '@angular/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatListModule } from '@angular/material/list';\nimport { InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\nimport { Action } from '@ng-atomic/core';\nimport { IconAtom } from '@ng-atomic/components/atoms/icon';\nimport { MatBadgeModule } from '@angular/material/badge';\nimport { BadgeAtom } from '@ng-atomic/components/atoms/badge';\nimport { NgClass } from '@angular/common';\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'molecules-navigation-list-item' })\nexport class NavigationListItemMoleculeStore extends InjectableComponent {\n readonly action = input<Action>(null as unknown as Action);\n readonly selected = input(false);\n readonly activated = input(false);\n}\n\n@Component({\n selector: 'molecules-navigation-list-item',\n imports: [\n MatIconModule,\n MatListModule,\n MatBadgeModule,\n IconAtom,\n BadgeAtom,\n NgClass,\n ],\n template: `\n <mat-list-item [activated]=\"store.activated()\" [ngClass]=\"{activated: store.activated()}\">\n <atoms-icon\n matListItemIcon\n matListItemMeta\n [name]=\"store.action()?.icon\"\n [color]=\"store.action()?.color\"\n />\n <div matListItemTitle>\n <span>{{ store.action()?.name }}</span>\n @if (store.action()?.meta?.badge) {\n <atoms-badge [value]=\"store.action()?.meta?.badge\"/>\n }\n </div>\n </mat-list-item>\n `,\n styleUrls: ['./navigation-list-item.molecule.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: NavigationListItemMoleculeStore,\n inputs: ['action', 'selected', 'activated'],\n },\n ]\n})\nexport class NavigationListItemMolecule extends NgAtomicComponent {\n protected store = inject(NavigationListItemMoleculeStore);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-molecules-nested-menu.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/nested-menu/nested-menu.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/nested-menu/ng-atomic-components-molecules-nested-menu.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';\n\nimport { Action } from '@ng-atomic/core';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatIconModule } from '@angular/material/icon';\n\n@Component({\n selector: 'molecules-nested-menu',\n imports: [\n MatMenuModule,\n MatIconModule\n],\n template: `\n <mat-menu #childMenu=\"matMenu\" [overlapTrigger]=\"false\">\n @for (_action of actions; track _action) {\n <span>\n @if (_action?.children) {\n <span>\n <button mat-menu-item [matMenuTriggerFor]=\"menu.childMenu\">\n <mat-icon>{{_action.icon}}</mat-icon>\n <span>{{ _action.name }}</span>\n </button>\n <molecules-nested-menu\n #menu\n [actions]=\"_action.children\"\n (action)=\"action.emit($event)\"\n ></molecules-nested-menu>\n </span>\n }\n @if (!_action?.children) {\n <span>\n <button mat-menu-item (click)=\"action.emit(_action)\">\n <mat-icon>{{ _action.icon }}</mat-icon>\n <span>{{ _action.name }}</span>\n </button>\n </span>\n }\n </span>\n }\n </mat-menu>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class NestedMenuMolecule {\n @Input()\n actions
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-molecules-nested-menu.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/nested-menu/nested-menu.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/nested-menu/ng-atomic-components-molecules-nested-menu.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';\n\nimport { Action } from '@ng-atomic/core';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatIconModule } from '@angular/material/icon';\n\n@Component({\n selector: 'molecules-nested-menu',\n imports: [\n MatMenuModule,\n MatIconModule\n],\n template: `\n <mat-menu #childMenu=\"matMenu\" [overlapTrigger]=\"false\">\n @for (_action of actions; track _action) {\n <span>\n @if (_action?.children) {\n <span>\n <button mat-menu-item [matMenuTriggerFor]=\"menu.childMenu\">\n <mat-icon>{{_action.icon}}</mat-icon>\n <span>{{ _action.name }}</span>\n </button>\n <molecules-nested-menu\n #menu\n [actions]=\"_action.children\"\n (action)=\"action.emit($event)\"\n ></molecules-nested-menu>\n </span>\n }\n @if (!_action?.children) {\n <span>\n <button mat-menu-item (click)=\"action.emit(_action)\">\n <mat-icon>{{ _action.icon }}</mat-icon>\n <span>{{ _action.name }}</span>\n </button>\n </span>\n }\n </span>\n }\n </mat-menu>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class NestedMenuMolecule {\n @Input()\n actions!: Action[];\n\n @ViewChild('childMenu')\n childMenu: unknown;\n\n @Output()\n action = new EventEmitter<Action>();\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -39,7 +39,7 @@ class 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-M9Zf: 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-M9Zf: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
|
|
67
67
|
}] });
|
|
68
68
|
|
|
69
69
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-molecules-textarea-field.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/textarea-field/textarea-field.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/textarea-field/ng-atomic-components-molecules-textarea-field.ts"],"sourcesContent":["\nimport { ChangeDetectionStrategy, Component, Directive, input, inject } from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { MatInputModule } from '@angular/material/input';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { ErrorPipe } from '@ng-atomic/common/pipes/error';\n\nexport enum ActionId {\n CTRL_ENTER_KEY_UP = 'Ctrl Enter Key Up',\n}\n\n@Directive({ standalone: true, selector: 'molecules-textarea-field' })\nexport class TextareaFieldMoleculeStore {\n readonly label = input('label');\n readonly appearance = input<'legacy' | 'standard' | 'fill' | 'outline'>('outline');\n readonly hint = input<string>(null);\n readonly placeholder = input('placeholder');\n readonly floatLabel = input<'auto' | 'always' | 'never'>('auto');\n readonly control = input(new FormControl(''));\n readonly rows = input(10);\n}\n\n@Component({\n selector: 'molecules-textarea-field',\n imports: [\n ReactiveFormsModule,\n MatInputModule,\n ErrorPipe\n],\n template: `\n <mat-form-field [appearance]=\"store.appearance()\" [floatLabel]=\"store.floatLabel()\">\n <mat-label>{{ store.label() }}</mat-label>\n <textarea\n matInput\n [formControl]=\"store.control()\"\n [placeholder]=\"store.placeholder()\"\n (keyup)=\"onKeyup($event)\"\n [rows]=\"store.rows()\"\n ></textarea>\n @if (store.control().errors) {\n <mat-error>{{ store.control().errors | error }}</mat-error>\n }\n @if (store.hint()) {\n <mat-hint>{{ store.hint() }}</mat-hint>\n }\n </mat-form-field>`,\n styleUrls: ['./textarea-field.molecule.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: { class: 'molecule field' },\n hostDirectives: [\n {\n directive: TextareaFieldMoleculeStore,\n inputs: ['label', 'appearance', 'hint', 'placeholder', 'floatLabel', 'control', 'rows'],\n },\n ]\n})\nexport class TextareaFieldMolecule extends NgAtomicComponent {\n protected readonly store = inject(TextareaFieldMoleculeStore);\n\n protected onKeyup($event) {\n if($event.ctrlKey && $event.key === 'Enter') {\n this.dispatch({id: ActionId.CTRL_ENTER_KEY_UP});\n $event.preventDefault();\n }\n }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;IAOY;AAAZ,CAAA,UAAY,QAAQ,EAAA;AAClB,IAAA,QAAA,CAAA,mBAAA,CAAA,GAAA,mBAAuC;AACzC,CAAC,EAFW,QAAQ,KAAR,QAAQ,GAAA,EAAA,CAAA,CAAA;MAKP,0BAA0B,CAAA;AADvC,IAAA,WAAA,GAAA;AAEW,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,OAAO,iDAAC;AACtB,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAA6C,SAAS,sDAAC;AACzE,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAS,
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-molecules-textarea-field.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/textarea-field/textarea-field.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/textarea-field/ng-atomic-components-molecules-textarea-field.ts"],"sourcesContent":["\nimport { ChangeDetectionStrategy, Component, Directive, input, inject } from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { MatInputModule } from '@angular/material/input';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { ErrorPipe } from '@ng-atomic/common/pipes/error';\n\nexport enum ActionId {\n CTRL_ENTER_KEY_UP = 'Ctrl Enter Key Up',\n}\n\n@Directive({ standalone: true, selector: 'molecules-textarea-field' })\nexport class TextareaFieldMoleculeStore {\n readonly label = input('label');\n readonly appearance = input<'legacy' | 'standard' | 'fill' | 'outline'>('outline');\n readonly hint = input<string>(null as unknown as string);\n readonly placeholder = input('placeholder');\n readonly floatLabel = input<'auto' | 'always' | 'never'>('auto');\n readonly control = input(new FormControl(''));\n readonly rows = input(10);\n}\n\n@Component({\n selector: 'molecules-textarea-field',\n imports: [\n ReactiveFormsModule,\n MatInputModule,\n ErrorPipe\n],\n template: `\n <mat-form-field [appearance]=\"store.appearance()\" [floatLabel]=\"store.floatLabel()\">\n <mat-label>{{ store.label() }}</mat-label>\n <textarea\n matInput\n [formControl]=\"store.control()\"\n [placeholder]=\"store.placeholder()\"\n (keyup)=\"onKeyup($event)\"\n [rows]=\"store.rows()\"\n ></textarea>\n @if (store.control().errors) {\n <mat-error>{{ store.control().errors | error }}</mat-error>\n }\n @if (store.hint()) {\n <mat-hint>{{ store.hint() }}</mat-hint>\n }\n </mat-form-field>`,\n styleUrls: ['./textarea-field.molecule.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: { class: 'molecule field' },\n hostDirectives: [\n {\n directive: TextareaFieldMoleculeStore,\n inputs: ['label', 'appearance', 'hint', 'placeholder', 'floatLabel', 'control', 'rows'],\n },\n ]\n})\nexport class TextareaFieldMolecule extends NgAtomicComponent {\n protected readonly store = inject(TextareaFieldMoleculeStore);\n\n protected onKeyup($event: KeyboardEvent) {\n if($event.ctrlKey && $event.key === 'Enter') {\n this.dispatch({id: ActionId.CTRL_ENTER_KEY_UP});\n $event.preventDefault();\n }\n }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -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-LmMM: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-nested-menu-LmMM: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-nested-menu-LmMM: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-nested-menu-LmMM: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-nested-menu-LmMM: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-nested-menu-LmMM: 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-LmMM)}: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-LmMM: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-nested-menu-LmMM: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-nested-menu-LmMM: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-nested-menu-LmMM: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-nested-menu-LmMM: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-nested-menu-LmMM: 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-LmMM)}: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-yP8Y: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-yP8Y: var(--horizontal-padding)}:host{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-yP8Y);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-yP8Y: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-yP8Y: var(--horizontal-padding)}:host{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-yP8Y);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-vi68: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-input-section-vi68);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-vi68: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-input-section-vi68);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
|
|
63
63
|
}] });
|
|
64
64
|
|
|
65
65
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-organisms-agreement-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/agreement-input-section/agreement-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/agreement-input-section/ng-atomic-components-organisms-agreement-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, effect, inject, input, TemplateRef } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { InjectableComponent } from '@ng-atomic/core';\n\n@Directive({ standalone: true, selector: 'organisms-agreement-input-section-store' })\nexport class AgreementInputSectionOrganismStore extends InjectableComponent {\n readonly control = input(new FormControl<boolean>(true));\n readonly label = input('label');\n readonly labelTemp = input<TemplateRef<any>>(null);\n\n constructor() {\n super();\n effect(() => {\n console.debug('labelTemp:', this.labelTemp());\n });\n }\n}\n\n@Component({\n selector: 'organisms-agreement-input-section',\n imports: [\n NgTemplateOutlet,\n MatCheckboxModule,\n ReactiveFormsModule,\n ],\n template: `\n <mat-checkbox [formControl]=\"store.control()\">\n @if (store.labelTemp()) {\n <ng-container *ngTemplateOutlet=\"store.labelTemp()\" />\n } @else if (store.label()) {\n <span>{{ store.label() }}</span>\n } @else {\n <ng-content />\n }\n </mat-checkbox>\n `,\n styleUrls: ['./agreement-input-section.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: AgreementInputSectionOrganismStore,\n inputs: ['control', 'label', 'labelTemp'],\n },\n ],\n host: { class: 'organism section' }\n})\nexport class AgreementInputSectionOrganism {\n protected readonly store = inject(AgreementInputSectionOrganismStore);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAOM,MAAO,kCAAmC,SAAQ,mBAAmB,CAAA;AAKzE,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;QALA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,IAAI,WAAW,CAAU,IAAI,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;AAC/C,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,OAAO,iDAAC;AACtB,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAmB,
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-organisms-agreement-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/agreement-input-section/agreement-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/agreement-input-section/ng-atomic-components-organisms-agreement-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, effect, inject, input, TemplateRef } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { InjectableComponent } from '@ng-atomic/core';\n\n@Directive({ standalone: true, selector: 'organisms-agreement-input-section-store' })\nexport class AgreementInputSectionOrganismStore extends InjectableComponent {\n readonly control = input(new FormControl<boolean>(true));\n readonly label = input('label');\n readonly labelTemp = input<TemplateRef<any>>(null as unknown as TemplateRef<any>);\n\n constructor() {\n super();\n effect(() => {\n console.debug('labelTemp:', this.labelTemp());\n });\n }\n}\n\n@Component({\n selector: 'organisms-agreement-input-section',\n imports: [\n NgTemplateOutlet,\n MatCheckboxModule,\n ReactiveFormsModule,\n ],\n template: `\n <mat-checkbox [formControl]=\"store.control()\">\n @if (store.labelTemp()) {\n <ng-container *ngTemplateOutlet=\"store.labelTemp()\" />\n } @else if (store.label()) {\n <span>{{ store.label() }}</span>\n } @else {\n <ng-content />\n }\n </mat-checkbox>\n `,\n styleUrls: ['./agreement-input-section.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: AgreementInputSectionOrganismStore,\n inputs: ['control', 'label', 'labelTemp'],\n },\n ],\n host: { class: 'organism section' }\n})\nexport class AgreementInputSectionOrganism {\n protected readonly store = inject(AgreementInputSectionOrganismStore);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -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-sF3U: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-breadcrumb-navbar-sF3U: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-breadcrumb-navbar-sF3U: var(--secondary-color);--on-secondary-color: inherit;--on-secondary-color-SCOPED-IN-breadcrumb-navbar-sF3U: var(--on-secondary-color);--background-color: inherit;--background-color-SCOPED-IN-breadcrumb-navbar-sF3U: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-breadcrumb-navbar-sF3U: var(--on-background-color)}:host{display:block}mat-toolbar{background:var(--primary-color-SCOPED-IN-breadcrumb-navbar-sF3U);color:var(--on-primary-color-SCOPED-IN-breadcrumb-navbar-sF3U);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-sF3U)}mat-toolbar ::ng-deep .mat-mdc-button:hover{color:var(--on-primary-color-SCOPED-IN-breadcrumb-navbar-sF3U)}mat-toolbar ::ng-deep .mat-mdc-icon-button:not(.mat-accent){color:var(--on-primary-color-SCOPED-IN-breadcrumb-navbar-sF3U)}mat-toolbar ::ng-deep .mat-mdc-icon-button:not(.mat-accent):hover{color:var(--on-primary-color-SCOPED-IN-breadcrumb-navbar-sF3U)}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-sF3U);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-sF3U);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-sF3U);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-sF3U);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-sF3U);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-sF3U: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-breadcrumb-navbar-sF3U: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-breadcrumb-navbar-sF3U: var(--secondary-color);--on-secondary-color: inherit;--on-secondary-color-SCOPED-IN-breadcrumb-navbar-sF3U: var(--on-secondary-color);--background-color: inherit;--background-color-SCOPED-IN-breadcrumb-navbar-sF3U: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-breadcrumb-navbar-sF3U: var(--on-background-color)}:host{display:block}mat-toolbar{background:var(--primary-color-SCOPED-IN-breadcrumb-navbar-sF3U);color:var(--on-primary-color-SCOPED-IN-breadcrumb-navbar-sF3U);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-sF3U)}mat-toolbar ::ng-deep .mat-mdc-button:hover{color:var(--on-primary-color-SCOPED-IN-breadcrumb-navbar-sF3U)}mat-toolbar ::ng-deep .mat-mdc-icon-button:not(.mat-accent){color:var(--on-primary-color-SCOPED-IN-breadcrumb-navbar-sF3U)}mat-toolbar ::ng-deep .mat-mdc-icon-button:not(.mat-accent):hover{color:var(--on-primary-color-SCOPED-IN-breadcrumb-navbar-sF3U)}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-sF3U);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-sF3U);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-sF3U);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-sF3U);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-sF3U);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
|
/**
|
|
@@ -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-4pZi: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-4pZi);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-4pZi: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-4pZi);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-SppX: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-SppX);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-SppX: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-SppX);box-sizing:border-box}:host .field:not(:first-child){margin-left:8px}:host .year.field,:host .month.field{width:auto}:host .cvc.field{width:100px}\n"] }]
|
|
31
31
|
}], propDecorators: { form: [{
|
|
32
32
|
type: Input
|
|
33
33
|
}] } });
|
|
@@ -45,7 +45,7 @@ class DateInputSectionOrganism extends NgAtomicComponent {
|
|
|
45
45
|
(action)="dispatch($event)"
|
|
46
46
|
/>
|
|
47
47
|
}
|
|
48
|
-
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-
|
|
48
|
+
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-nl3q: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-nl3q) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-input-section-nl3q)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "component", type: DateInputFieldMolecule, selector: "molecules-date-input-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-menu-button, atoms-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
49
49
|
}
|
|
50
50
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: DateInputSectionOrganism, decorators: [{
|
|
51
51
|
type: Component,
|
|
@@ -70,7 +70,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
70
70
|
directive: DateInputSectionOrganismStore,
|
|
71
71
|
inputs: ['control', 'label', 'placeholder', 'hint', 'actions'],
|
|
72
72
|
}
|
|
73
|
-
], host: { class: 'organism input section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-
|
|
73
|
+
], host: { class: 'organism input section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-nl3q: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-nl3q) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-input-section-nl3q)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
|
|
74
74
|
}] });
|
|
75
75
|
|
|
76
76
|
/**
|
|
@@ -44,7 +44,7 @@ class DateRangeInputSectionOrganism extends NgAtomicComponent {
|
|
|
44
44
|
(action)="dispatch($event)"
|
|
45
45
|
/>
|
|
46
46
|
}
|
|
47
|
-
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-range-input-section-
|
|
47
|
+
`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-range-input-section-Vsdg: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-Vsdg) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-Vsdg)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "component", type: DateRangeInputFieldMolecule, selector: "molecules-date-range-input-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-menu-button, atoms-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
48
48
|
}
|
|
49
49
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: DateRangeInputSectionOrganism, decorators: [{
|
|
50
50
|
type: Component,
|
|
@@ -67,7 +67,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
67
67
|
directive: DateRangeInputSectionOrganismStore,
|
|
68
68
|
inputs: ['label', 'hint', 'control', 'actions']
|
|
69
69
|
}
|
|
70
|
-
], host: { class: 'organism input section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-range-input-section-
|
|
70
|
+
], host: { class: 'organism input section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-range-input-section-Vsdg: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-Vsdg) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-Vsdg)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
|
|
71
71
|
}] });
|
|
72
72
|
|
|
73
73
|
/**
|
|
@@ -29,7 +29,7 @@ class DefinitionListOrganism extends NgAtomicComponent {
|
|
|
29
29
|
<dt>支払金額</dt> <dd>¥2,000</dd> -->
|
|
30
30
|
</dl>
|
|
31
31
|
</section>
|
|
32
|
-
`, isInline: true, styles: [":host{display:block;--mat-form-field-outlined-label-text-color-SCOPED-IN-definition-list-
|
|
32
|
+
`, isInline: true, styles: [":host{display:block;--mat-form-field-outlined-label-text-color-SCOPED-IN-definition-list-sjqL: var(--mat-form-field-outlined-label-text-color);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-sjqL: var(--mat-form-field-outlined-label-text-populated-size)}:host{width:100%;padding:0 16px;box-sizing:border-box}:host mat-label{color:var(--mat-form-field-outlined-label-text-color-SCOPED-IN-definition-list-sjqL);font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-sjqL);font-weight:400}:host dl{display:flex;flex-wrap:wrap;width:100%;font-size:.9em}:host dl ::ng-deep>mat-divider{width:100%;height:6px}:host dl ::ng-deep>dt{float:left;width:50%;color:var(--mat-form-field-outlined-label-text-color-SCOPED-IN-definition-list-sjqL);line-height:1.5em}:host dl ::ng-deep>dd{text-align:right;width:50%;height:1.5em;margin-inline-start:0;line-height:1.5em}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
33
33
|
}
|
|
34
34
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: DefinitionListOrganism, decorators: [{
|
|
35
35
|
type: Component,
|
|
@@ -48,7 +48,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
48
48
|
directive: DefinitionListOrganismStore,
|
|
49
49
|
inputs: ['label'],
|
|
50
50
|
},
|
|
51
|
-
], styles: [":host{display:block;--mat-form-field-outlined-label-text-color-SCOPED-IN-definition-list-
|
|
51
|
+
], styles: [":host{display:block;--mat-form-field-outlined-label-text-color-SCOPED-IN-definition-list-sjqL: var(--mat-form-field-outlined-label-text-color);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-sjqL: var(--mat-form-field-outlined-label-text-populated-size)}:host{width:100%;padding:0 16px;box-sizing:border-box}:host mat-label{color:var(--mat-form-field-outlined-label-text-color-SCOPED-IN-definition-list-sjqL);font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-sjqL);font-weight:400}:host dl{display:flex;flex-wrap:wrap;width:100%;font-size:.9em}:host dl ::ng-deep>mat-divider{width:100%;height:6px}:host dl ::ng-deep>dt{float:left;width:50%;color:var(--mat-form-field-outlined-label-text-color-SCOPED-IN-definition-list-sjqL);line-height:1.5em}:host dl ::ng-deep>dd{text-align:right;width:50%;height:1.5em;margin-inline-start:0;line-height:1.5em}\n"] }]
|
|
52
52
|
}] });
|
|
53
53
|
|
|
54
54
|
/**
|
|
@@ -55,7 +55,7 @@ class FileInputSectionOrganism extends NgAtomicComponent {
|
|
|
55
55
|
[placeholder]="store.placeholder()"
|
|
56
56
|
(action)="dispatch($event)"
|
|
57
57
|
/>
|
|
58
|
-
`, isInline: true, styles: [":host{display:block;--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-file-input-section-
|
|
58
|
+
`, isInline: true, styles: [":host{display:block;--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-file-input-section-yXMo: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-file-input-section-yXMo);box-sizing:border-box}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "component", type: FileInputFieldMolecule, selector: "molecules-file-input-field" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
59
59
|
}
|
|
60
60
|
__decorate([
|
|
61
61
|
Effect(FileInputFieldMolecule.ActionId.FILE_SELECTED),
|
|
@@ -87,7 +87,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
|
|
|
87
87
|
directive: FileInputSectionOrganismStore,
|
|
88
88
|
inputs: ['control', 'label', 'placeholder', 'hint', 'progress'],
|
|
89
89
|
}
|
|
90
|
-
], styles: [":host{display:block;--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-file-input-section-
|
|
90
|
+
], styles: [":host{display:block;--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-file-input-section-yXMo: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-file-input-section-yXMo);box-sizing:border-box}:host mat-form-field{width:100%}\n"] }]
|
|
91
91
|
}], propDecorators: { onFileSelected: [], onCancel: [] } });
|
|
92
92
|
|
|
93
93
|
/**
|
|
@@ -45,7 +45,7 @@ class GraphqlEditorOrganism extends NgAtomicComponent {
|
|
|
45
45
|
value: this.control.valueChanges.pipe(startWith(this.control.value), filter(value => value !== this.state?.doc?.toString())),
|
|
46
46
|
}).pipe(filter(({ schema }) => !!schema), distinctUntilChanged()).subscribe(params => {
|
|
47
47
|
console.debug('params:', params);
|
|
48
|
-
this.state = this.makeEditorState(params);
|
|
48
|
+
this.state = this.makeEditorState({ schema: params.schema, value: params.value ?? '' });
|
|
49
49
|
});
|
|
50
50
|
}
|
|
51
51
|
makeEditorState({ schema, value }) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-atomic-components-organisms-graphql-editor.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/graphql-editor/graphql-editor.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/graphql-editor/ng-atomic-components-organisms-graphql-editor.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, OnInit } from '@angular/core';\nimport { keymap } from \"@codemirror/view\"\nimport { indentWithTab } from \"@codemirror/commands\"\nimport { history } from '@codemirror/commands';\nimport { autocompletion, closeBrackets } from '@codemirror/autocomplete';\nimport { bracketMatching, syntaxHighlighting } from '@codemirror/language';\nimport { oneDarkHighlightStyle, oneDark } from '@codemirror/theme-one-dark';\nimport { EditorState } from '@codemirror/state';\nimport { lineNumbers } from '@codemirror/view';\nimport { graphql } from 'cm6-graphql';\nimport { basicSetup, EditorView } from \"codemirror\"\nimport { ReplaySubject, combineLatest, distinctUntilChanged, filter, startWith, tap } from 'rxjs';\nimport { AbstractControl, FormControl } from '@angular/forms';\nimport { Action } from '@ng-atomic/core';\nimport { CommonModule } from '@angular/common';\nimport { EditorComponent } from '@ng-atomic/components/extras/editor';\nimport { NgAtomicComponent } from '@ng-atomic/core';\n\nexport class GraphqlExtractor {\n extract(output: string): string {\n return output.split('```')?.[1]?.replace(/^graphql/, '')?.replace(/^\\n/, '') ?? ''\n }\n\n insert(query: string): string {\n return `\\`\\`\\`graphql\\n${query}\\`\\`\\``;\n }\n}\n\nexport enum ActionId {\n EXECUTE = 'execute',\n SAVE = 'save',\n}\n\n@Component({\n imports: [\n CommonModule,\n EditorComponent,\n ],\n selector: 'organisms-graphql-editor',\n template: `<extras-editor *ngIf=\"state\" [state]=\"state\"></extras-editor>`,\n styleUrls: ['./graphql-editor.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class GraphqlEditorOrganism extends NgAtomicComponent implements OnInit {\n private readonly schema$ = new ReplaySubject(1);\n\n @Input()\n control = new FormControl('');\n\n state!: EditorState;\n\n @Input()\n set schema(value: any) {\n this.schema$.next(value);\n }\n\n @Input()\n keyActions: {key: string, actionId: string}[] = [];\n\n @Output()\n action = new EventEmitter<Action>();\n\n ngOnInit() {\n combineLatest({\n schema: this.schema$,\n value: this.control.valueChanges.pipe(\n startWith(this.control.value),\n filter(value => value !== this.state?.doc?.toString()),\n ),\n }).pipe(\n filter(({schema}) => !!schema),\n distinctUntilChanged(),\n ).subscribe(params => {\n console.debug('params:', params);\n this.state = this.makeEditorState(params);\n });\n }\n\n private makeEditorState({schema, value}: {schema: any, value: string}) {\n return EditorState.create({\n doc: value,\n extensions: [\n makeKeymapExtension(this.keyActions, action => this.dispatch(action)),\n EditorView.updateListener.of((update) => {\n if (update.docChanged) return;\n this.control.setValue(update.state.doc.toString());\n }),\n ...CODEMIRROR_EXTENSIONS,\n makeGraphqlExtension(schema),\n ],\n });\n }\n}\n\nconst CODEMIRROR_EXTENSIONS = [\n basicSetup,\n bracketMatching(),\n closeBrackets(),\n history(),\n autocompletion(),\n lineNumbers(),\n oneDark,\n syntaxHighlighting(oneDarkHighlightStyle),\n];\n\nfunction makeKeymapExtension(\n keyActions: {key: string, actionId: string}[],\n callback: (action: Action) => void\n) {\n return keymap.of([\n ...keyActions.map(({key, actionId}) => ({\n key,\n run: () => (callback({id: actionId, payload: {key}}), true),\n })),\n indentWithTab,\n ]);\n}\n\nfunction makeGraphqlExtension(schema) {\n return graphql(schema, {\n onShowInDocs: (field, type, parentType) => alert(`Showing in docs.: Field: ${field}, Type: ${type}, ParentType: ${parentType}`),\n onFillAllFields: (view, schema, _query, cursor, token) => alert(`Filling all fields. Token: ${token}`),\n });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;MAkBa,gBAAgB,CAAA;AAC3B,IAAA,OAAO,CAAC,MAAc,EAAA;QACpB,OAAO,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,EAAE;IACpF;AAEA,IAAA,MAAM,CAAC,KAAa,EAAA;QAClB,OAAO,CAAA,eAAA,EAAkB,KAAK,CAAA,MAAA,CAAQ;IACxC;AACD;IAEW;AAAZ,CAAA,UAAY,QAAQ,EAAA;AAClB,IAAA,QAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,QAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACf,CAAC,EAHW,QAAQ,KAAR,QAAQ,GAAA,EAAA,CAAA,CAAA;AAed,MAAO,qBAAsB,SAAQ,iBAAiB,CAAA;AAV5D,IAAA,WAAA,GAAA;;AAWmB,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,aAAa,CAAC,CAAC,CAAC;AAG/C,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAC,EAAE,CAAC;QAU7B,IAAA,CAAA,UAAU,GAAsC,EAAE;AAGlD,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU;AAgCpC,IAAA;IAzCC,IACI,MAAM,CAAC,KAAU,EAAA;AACnB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;IAC1B;IAQA,QAAQ,GAAA;AACN,QAAA,aAAa,CAAC;YACZ,MAAM,EAAE,IAAI,CAAC,OAAO;AACpB,YAAA,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CACnC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,MAAM,CAAC,KAAK,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CACvD;SACF,CAAC,CAAC,IAAI,CACL,MAAM,CAAC,CAAC,EAAC,MAAM,EAAC,KAAK,CAAC,CAAC,MAAM,CAAC,EAC9B,oBAAoB,EAAE,CACvB,CAAC,SAAS,CAAC,MAAM,IAAG;AACnB,YAAA,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC;YAChC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"ng-atomic-components-organisms-graphql-editor.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/graphql-editor/graphql-editor.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/graphql-editor/ng-atomic-components-organisms-graphql-editor.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, OnInit } from '@angular/core';\nimport { keymap } from \"@codemirror/view\"\nimport { indentWithTab } from \"@codemirror/commands\"\nimport { history } from '@codemirror/commands';\nimport { autocompletion, closeBrackets } from '@codemirror/autocomplete';\nimport { bracketMatching, syntaxHighlighting } from '@codemirror/language';\nimport { oneDarkHighlightStyle, oneDark } from '@codemirror/theme-one-dark';\nimport { EditorState } from '@codemirror/state';\nimport { lineNumbers } from '@codemirror/view';\nimport { graphql } from 'cm6-graphql';\nimport { basicSetup, EditorView } from \"codemirror\"\nimport { ReplaySubject, combineLatest, distinctUntilChanged, filter, startWith, tap } from 'rxjs';\nimport { AbstractControl, FormControl } from '@angular/forms';\nimport { Action } from '@ng-atomic/core';\nimport { CommonModule } from '@angular/common';\nimport { EditorComponent } from '@ng-atomic/components/extras/editor';\nimport { NgAtomicComponent } from '@ng-atomic/core';\n\nexport class GraphqlExtractor {\n extract(output: string): string {\n return output.split('```')?.[1]?.replace(/^graphql/, '')?.replace(/^\\n/, '') ?? ''\n }\n\n insert(query: string): string {\n return `\\`\\`\\`graphql\\n${query}\\`\\`\\``;\n }\n}\n\nexport enum ActionId {\n EXECUTE = 'execute',\n SAVE = 'save',\n}\n\n@Component({\n imports: [\n CommonModule,\n EditorComponent,\n ],\n selector: 'organisms-graphql-editor',\n template: `<extras-editor *ngIf=\"state\" [state]=\"state\"></extras-editor>`,\n styleUrls: ['./graphql-editor.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class GraphqlEditorOrganism extends NgAtomicComponent implements OnInit {\n private readonly schema$ = new ReplaySubject(1);\n\n @Input()\n control = new FormControl('');\n\n state!: EditorState;\n\n @Input()\n set schema(value: any) {\n this.schema$.next(value);\n }\n\n @Input()\n keyActions: {key: string, actionId: string}[] = [];\n\n @Output()\n action = new EventEmitter<Action>();\n\n ngOnInit() {\n combineLatest({\n schema: this.schema$,\n value: this.control.valueChanges.pipe(\n startWith(this.control.value),\n filter(value => value !== this.state?.doc?.toString()),\n ),\n }).pipe(\n filter(({schema}) => !!schema),\n distinctUntilChanged(),\n ).subscribe(params => {\n console.debug('params:', params);\n this.state = this.makeEditorState({schema: params.schema, value: params.value ?? ''});\n });\n }\n\n private makeEditorState({schema, value}: {schema: any, value: string}) {\n return EditorState.create({\n doc: value,\n extensions: [\n makeKeymapExtension(this.keyActions, action => this.dispatch(action)),\n EditorView.updateListener.of((update) => {\n if (update.docChanged) return;\n this.control.setValue(update.state.doc.toString());\n }),\n ...CODEMIRROR_EXTENSIONS,\n makeGraphqlExtension(schema),\n ],\n });\n }\n}\n\nconst CODEMIRROR_EXTENSIONS = [\n basicSetup,\n bracketMatching(),\n closeBrackets(),\n history(),\n autocompletion(),\n lineNumbers(),\n oneDark,\n syntaxHighlighting(oneDarkHighlightStyle),\n];\n\nfunction makeKeymapExtension(\n keyActions: {key: string, actionId: string}[],\n callback: (action: Action) => void\n) {\n return keymap.of([\n ...keyActions.map(({key, actionId}) => ({\n key,\n run: () => (callback({id: actionId, payload: {key}}), true),\n })),\n indentWithTab,\n ]);\n}\n\nfunction makeGraphqlExtension(schema: any) {\n return graphql(schema, {\n onShowInDocs: (field, type, parentType) => alert(`Showing in docs.: Field: ${field}, Type: ${type}, ParentType: ${parentType}`),\n onFillAllFields: (view, schema, _query, cursor, token) => alert(`Filling all fields. Token: ${token}`),\n });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|