npm - @ng-atomic/components - Versions diffs - 17.14.0 → 18.0.0 - Mend

@ng-atomic/components 17.14.0 → 18.0.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.

Files changed (298) hide show

package/fesm2022/ng-atomic-components-organisms-text-input-section.mjs CHANGED Viewed

@@ -17,13 +17,13 @@ let TextInputSectionOrganismStore = class TextInputSectionOrganismStore extends
         this.autoComplete = input([]);
         this.actions = input([]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextInputSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: TextInputSectionOrganismStore, isStandalone: true, selector: "organisms-text-input-section", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, autoComplete: { classPropertyName: "autoComplete", publicName: "autoComplete", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TextInputSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: TextInputSectionOrganismStore, isStandalone: true, selector: "organisms-text-input-section", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, autoComplete: { classPropertyName: "autoComplete", publicName: "autoComplete", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 };
 TextInputSectionOrganismStore = __decorate([
     TokenizedType()
 ], TextInputSectionOrganismStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextInputSectionOrganismStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TextInputSectionOrganismStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'organisms-text-input-section' }]
         }] });
@@ -32,8 +32,8 @@ class TextInputSectionOrganism extends NgAtomicComponent {
         super(...arguments);
         this.store = inject(TextInputSectionOrganismStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextInputSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: TextInputSectionOrganism, isStandalone: true, selector: "organisms-text-input-section", usesInheritance: true, hostDirectives: [{ directive: TextInputSectionOrganismStore, inputs: ["label", "label", "placeholder", "placeholder", "type", "type", "hint", "hint", "control", "control", "autoComplete", "autoComplete", "actions", "actions"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TextInputSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: TextInputSectionOrganism, isStandalone: true, selector: "organisms-text-input-section", usesInheritance: true, hostDirectives: [{ directive: TextInputSectionOrganismStore, inputs: ["label", "label", "placeholder", "placeholder", "type", "type", "hint", "hint", "control", "control", "autoComplete", "autoComplete", "actions", "actions"] }], ngImport: i0, template: `
   <molecules-text-input-field injectable
     [type]="store.type()"
     [control]="store.control()"
@@ -48,9 +48,9 @@ class TextInputSectionOrganism extends NgAtomicComponent {
       (action)="dispatch($event)"
     />
   }
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-2NFO: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-2NFO) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-2NFO)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-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-smart-menu-button", inputs: ["actions", "type"] }] }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-15Z6: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-15Z6) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-15Z6)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-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-smart-menu-button", inputs: ["actions", "type"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextInputSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TextInputSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-text-input-section', standalone: true, imports: [
                         TextInputFieldMoleculeStore,
@@ -75,7 +75,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: TextInputSectionOrganismStore,
                             inputs: ['label', 'placeholder', 'type', 'hint', 'control', 'autoComplete', 'actions'],
                         }
-                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-2NFO: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-2NFO) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-2NFO)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
+                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-15Z6: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-15Z6) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-15Z6)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
         }] });
 /**

package/fesm2022/ng-atomic-components-organisms-text-preview-section.mjs CHANGED Viewed

@@ -10,13 +10,13 @@ let TextPreviewSectionOrganismStore = class TextPreviewSectionOrganismStore exte
         this.label = input('label');
         this.value = input('value');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextPreviewSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: TextPreviewSectionOrganismStore, isStandalone: true, selector: "organisms-text-preview-section", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "section organism" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TextPreviewSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: TextPreviewSectionOrganismStore, isStandalone: true, selector: "organisms-text-preview-section", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "section organism" }, usesInheritance: true, ngImport: i0 }); }
 };
 TextPreviewSectionOrganismStore = __decorate([
     TokenizedType()
 ], TextPreviewSectionOrganismStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextPreviewSectionOrganismStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TextPreviewSectionOrganismStore, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -30,8 +30,8 @@ class TextPreviewSectionOrganism {
         this.labelTemp = contentChild('labelTemp');
         this.valueTemp = contentChild('valueTemp');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextPreviewSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: TextPreviewSectionOrganism, isStandalone: true, selector: "organisms-text-preview-section", queries: [{ propertyName: "labelTemp", first: true, predicate: ["labelTemp"], descendants: true, isSignal: true }, { propertyName: "valueTemp", first: true, predicate: ["valueTemp"], descendants: true, isSignal: true }], hostDirectives: [{ directive: TextPreviewSectionOrganismStore, inputs: ["label", "label", "value", "value"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TextPreviewSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: TextPreviewSectionOrganism, isStandalone: true, selector: "organisms-text-preview-section", queries: [{ propertyName: "labelTemp", first: true, predicate: ["labelTemp"], descendants: true, isSignal: true }, { propertyName: "valueTemp", first: true, predicate: ["valueTemp"], descendants: true, isSignal: true }], hostDirectives: [{ directive: TextPreviewSectionOrganismStore, inputs: ["label", "label", "value", "value"] }], ngImport: i0, template: `
   <div class="item">
     <div class="title">
       @if (labelTemp()) {
@@ -49,7 +49,7 @@ class TextPreviewSectionOrganism {
     </div>
   </div>`, isInline: true, styles: [":host{display:block}:host .item{display:block;padding:0 16px;font-size:16px}:host .item .title{margin-bottom:4px;font-size:.8em}:host .item .description{font-size:1em}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextPreviewSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TextPreviewSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-text-preview-section', standalone: true, imports: [
                         NgTemplateOutlet,

package/fesm2022/ng-atomic-components-organisms-textarea-section.mjs CHANGED Viewed

@@ -18,13 +18,13 @@ let TextareaSectionOrganismStore = class TextareaSectionOrganismStore extends In
         this.control = input(new FormControl(''));
         this.actions = input([]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextareaSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: TextareaSectionOrganismStore, isStandalone: true, selector: "organisms-textarea-section", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, floatLabel: { classPropertyName: "floatLabel", publicName: "floatLabel", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TextareaSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: TextareaSectionOrganismStore, isStandalone: true, selector: "organisms-textarea-section", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, floatLabel: { classPropertyName: "floatLabel", publicName: "floatLabel", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 };
 TextareaSectionOrganismStore = __decorate([
     TokenizedType()
 ], TextareaSectionOrganismStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextareaSectionOrganismStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TextareaSectionOrganismStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'organisms-textarea-section' }]
         }] });
@@ -33,8 +33,8 @@ class TextareaSectionOrganism extends NgAtomicComponent {
         super(...arguments);
         this.store = inject(TextareaSectionOrganismStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextareaSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: TextareaSectionOrganism, isStandalone: true, selector: "organisms-textarea-section", usesInheritance: true, hostDirectives: [{ directive: TextareaSectionOrganismStore, inputs: ["appearance", "appearance", "label", "label", "rows", "rows", "placeholder", "placeholder", "floatLabel", "floatLabel", "hint", "hint", "control", "control", "actions", "actions"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TextareaSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: TextareaSectionOrganism, isStandalone: true, selector: "organisms-textarea-section", usesInheritance: true, hostDirectives: [{ directive: TextareaSectionOrganismStore, inputs: ["appearance", "appearance", "label", "label", "rows", "rows", "placeholder", "placeholder", "floatLabel", "floatLabel", "hint", "hint", "control", "control", "actions", "actions"] }], ngImport: i0, template: `
   <molecules-textarea-field
     [appearance]="store.appearance()"
     [control]="store.control()"
@@ -51,9 +51,9 @@ class TextareaSectionOrganism extends NgAtomicComponent {
       (action)="dispatch($event)"
     />
   }
-  `, isInline: true, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-yf5X: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-yf5X);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-smart-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"], dependencies: [{ kind: "component", type: TextareaFieldMolecule, selector: "molecules-textarea-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-okM1: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-okM1);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-smart-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"], dependencies: [{ kind: "component", type: TextareaFieldMolecule, selector: "molecules-textarea-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextareaSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TextareaSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-textarea-section', standalone: true, imports: [
                         TextareaFieldMolecule,
@@ -80,7 +80,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: TextareaSectionOrganismStore,
                             inputs: ['appearance', 'label', 'rows', 'placeholder', 'floatLabel', 'hint', 'control', 'actions'],
                         }
-                    ], styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-yf5X: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-yf5X);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-smart-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"] }]
+                    ], styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-okM1: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-okM1);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-smart-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"] }]
         }] });
 /**

package/fesm2022/ng-atomic-components-organisms-thread-messages-section.mjs CHANGED Viewed

@@ -16,10 +16,10 @@ class ThreadMessagesSectionOrganismStore {
         this.noCommentMessage = input('まだコメントはありません。');
         this.commentActions = input([]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThreadMessagesSectionOrganismStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: ThreadMessagesSectionOrganismStore, isStandalone: true, inputs: { comments: { classPropertyName: "comments", publicName: "comments", isSignal: true, isRequired: false, transformFunction: null }, noCommentMessage: { classPropertyName: "noCommentMessage", publicName: "noCommentMessage", isSignal: true, isRequired: false, transformFunction: null }, commentActions: { classPropertyName: "commentActions", publicName: "commentActions", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ThreadMessagesSectionOrganismStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: ThreadMessagesSectionOrganismStore, isStandalone: true, inputs: { comments: { classPropertyName: "comments", publicName: "comments", isSignal: true, isRequired: false, transformFunction: null }, noCommentMessage: { classPropertyName: "noCommentMessage", publicName: "noCommentMessage", isSignal: true, isRequired: false, transformFunction: null }, commentActions: { classPropertyName: "commentActions", publicName: "commentActions", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThreadMessagesSectionOrganismStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ThreadMessagesSectionOrganismStore, decorators: [{
             type: Directive,
             args: [{ standalone: true }]
         }] });
@@ -28,8 +28,8 @@ class ThreadMessagesSectionOrganism extends NgAtomicComponent {
         super(...arguments);
         this.store = inject(ThreadMessagesSectionOrganismStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThreadMessagesSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: ThreadMessagesSectionOrganism, isStandalone: true, selector: "organisms-thread-section", usesInheritance: true, hostDirectives: [{ directive: ThreadMessagesSectionOrganismStore, inputs: ["comments", "comments", "noCommentMessage", "noCommentMessage", "commentActions", "commentActions"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ThreadMessagesSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: ThreadMessagesSectionOrganism, isStandalone: true, selector: "organisms-thread-section", usesInheritance: true, hostDirectives: [{ directive: ThreadMessagesSectionOrganismStore, inputs: ["comments", "comments", "noCommentMessage", "noCommentMessage", "commentActions", "commentActions"] }], ngImport: i0, template: `
   @if (store.comments()?.length === 0) {
     <div class="message">
       <div class="content">
@@ -64,9 +64,9 @@ class ThreadMessagesSectionOrganism extends NgAtomicComponent {
     </div>
     <mat-divider />
   }
-  `, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-iKuB: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-iKuB: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-iKuB: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-iKuB: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-iKuB: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-iKuB: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-iKuB)}:host .message{padding:8px 16px}:host .message .header{display:flex;justify-content:flex-start;align-items:center;padding:8px 0;box-sizing:border-box;gap:8px}:host .message .header .name{font-size:14px;font-weight:700}:host .message .header .description{display:flex;justify-content:flex-start;gap:4px;font-size:12px}:host .message .header img{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color-SCOPED-IN-%COMP%-iKuB)}:host .message .content{font-size:14px;padding-bottom:24px;box-sizing:border-box}:host .message .bottom.actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}:host .message .bottom.actions button{height:32px;padding:0 8px;--mdc-outlined-button-label-text-size: 12px}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: ActionsPipe, name: "resolveActions" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: FallbackSrcDirective, selector: "[fallbackSrc]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-HWrT: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-HWrT: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-HWrT: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-HWrT: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-HWrT: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-HWrT: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-HWrT)}:host .message{padding:8px 16px}:host .message .header{display:flex;justify-content:flex-start;align-items:center;padding:8px 0;box-sizing:border-box;gap:8px}:host .message .header .name{font-size:14px;font-weight:700}:host .message .header .description{display:flex;justify-content:flex-start;gap:4px;font-size:12px}:host .message .header img{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color-SCOPED-IN-%COMP%-HWrT)}:host .message .content{font-size:14px;padding-bottom:24px;box-sizing:border-box}:host .message .bottom.actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}:host .message .bottom.actions button{height:32px;padding:0 8px;--mdc-outlined-button-label-text-size: 12px}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: ActionsPipe, name: "resolveActions" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: FallbackSrcDirective, selector: "[fallbackSrc]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThreadMessagesSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ThreadMessagesSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-thread-section', standalone: true, imports: [
                         CommonModule,
@@ -115,7 +115,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: ThreadMessagesSectionOrganismStore,
                             inputs: ['comments', 'noCommentMessage', 'commentActions']
                         }
-                    ], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-iKuB: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-iKuB: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-iKuB: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-iKuB: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-iKuB: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-iKuB: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-iKuB)}:host .message{padding:8px 16px}:host .message .header{display:flex;justify-content:flex-start;align-items:center;padding:8px 0;box-sizing:border-box;gap:8px}:host .message .header .name{font-size:14px;font-weight:700}:host .message .header .description{display:flex;justify-content:flex-start;gap:4px;font-size:12px}:host .message .header img{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color-SCOPED-IN-%COMP%-iKuB)}:host .message .content{font-size:14px;padding-bottom:24px;box-sizing:border-box}:host .message .bottom.actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}:host .message .bottom.actions button{height:32px;padding:0 8px;--mdc-outlined-button-label-text-size: 12px}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\n"] }]
+                    ], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-HWrT: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-HWrT: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-HWrT: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-HWrT: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-HWrT: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-HWrT: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-HWrT)}:host .message{padding:8px 16px}:host .message .header{display:flex;justify-content:flex-start;align-items:center;padding:8px 0;box-sizing:border-box;gap:8px}:host .message .header .name{font-size:14px;font-weight:700}:host .message .header .description{display:flex;justify-content:flex-start;gap:4px;font-size:12px}:host .message .header img{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color-SCOPED-IN-%COMP%-HWrT)}:host .message .content{font-size:14px;padding-bottom:24px;box-sizing:border-box}:host .message .bottom.actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}:host .message .bottom.actions button{height:32px;padding:0 8px;--mdc-outlined-button-label-text-size: 12px}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\n"] }]
         }] });
 /**

package/fesm2022/ng-atomic-components-organisms-time-range-input-section.mjs CHANGED Viewed

@@ -11,8 +11,8 @@ class TimeRangeInputSectionOrganism {
             end: ['01:00'],
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TimeRangeInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: TimeRangeInputSectionOrganism, isStandalone: true, selector: "organisms-time-range-input-section", inputs: { control: "control" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TimeRangeInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: TimeRangeInputSectionOrganism, isStandalone: true, selector: "organisms-time-range-input-section", inputs: { control: "control" }, ngImport: i0, template: `
     <molecules-text-input-field
       [label]="'開始範囲時刻'"
       [control]="control.get(['start'])"
@@ -23,7 +23,7 @@ class TimeRangeInputSectionOrganism {
     />
   `, isInline: true, styles: [":host{display:block}:host{display:flex;width:100%;flex-direction:row;padding:0 16px;box-sizing:border-box;gap:8px}:host molecules-text-input-field{width:calc(50% - 4px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TextInputFieldMolecule, selector: "molecules-text-input-field" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TimeRangeInputSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TimeRangeInputSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-time-range-input-section', standalone: true, imports: [
                         CommonModule,

package/fesm2022/ng-atomic-components-organisms-toolbar.mjs CHANGED Viewed

@@ -23,8 +23,8 @@ class ToolbarOrganism extends NgAtomicComponent {
         this.endActions = [];
     }
     static { this.ActionId = ActionId; }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ToolbarOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ToolbarOrganism, isStandalone: true, selector: "organisms-toolbar", inputs: { form: "form", actions: "actions", endActions: "endActions" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ToolbarOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: ToolbarOrganism, isStandalone: true, selector: "organisms-toolbar", inputs: { form: "form", actions: "actions", endActions: "endActions" }, usesInheritance: true, ngImport: i0, template: `
     <div class="start">
       <mat-slider min="360" max="1920" step="10">
         <input [formControl]="form.get(['width'])" matSliderThumb>
@@ -53,7 +53,7 @@ class ToolbarOrganism extends NgAtomicComponent {
     </div>
   `, isInline: true, styles: [":host{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0 8px;width:100%;height:56px;bottom:0;left:0;background:#fff}:host div.start,:host div.end{width:120px}:host .end{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i2.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i2.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ToolbarOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ToolbarOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-toolbar', standalone: true, imports: [
                         CommonModule,

package/fesm2022/ng-atomic-components-organisms-tree-section.mjs CHANGED Viewed

@@ -171,8 +171,8 @@ class TreeSectionOrganism {
         console.debug('todoItemSelectionToggle', node);
         this.onChange();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TreeSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: TreeSectionOrganism, isStandalone: true, selector: "organisms-tree-section", inputs: { data: "data" }, outputs: { action: "action" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TreeSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: TreeSectionOrganism, isStandalone: true, selector: "organisms-tree-section", inputs: { data: "data" }, outputs: { action: "action" }, ngImport: i0, template: `
   <mat-tree [dataSource]="dataSource" [treeControl]="treeControl">
     <mat-tree-node *matTreeNodeDef="let node" matTreeNodeToggle matTreeNodePadding>
       <mat-checkbox
@@ -191,7 +191,7 @@ class TreeSectionOrganism {
   </mat-tree>
   `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatTreeModule }, { kind: "directive", type: i1.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i1.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "directive", type: i1.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i1.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i1.MatTreeNode, selector: "mat-tree-node", inputs: ["disabled", "tabIndex"], exportAs: ["matTreeNode"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TreeSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TreeSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-tree-section', standalone: true, imports: [
                         CommonModule,

package/fesm2022/ng-atomic-components-organisms-tree-section.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-organisms-tree-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/tree-section/tree-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/tree-section/ng-atomic-components-organisms-tree-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTreeFlatDataSource, MatTreeFlattener, MatTreeModule } from '@angular/material/tree';\nimport { FlatTreeControl } from '@angular/cdk/tree';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport * as gql from 'gql-query-builder';\nimport { Action } from '@ng-atomic/core';\nimport { parse, print } from 'graphql';\n\nfunction format(query: string): string {\n return print(parse(query));\n}\n\nexport class Node {\n children: Node[];\n item: string;\n value?: boolean \| string;\n}\n\nexport class FlatNode {\n item: string;\n level: number;\n expandable: boolean;\n}\n\nexport enum ActionId {\n CHANGE_QUERY = '[@ng-atomic/components/organisms/tree-section] Change Query',\n}\n\n@Component({\n selector: 'organisms-tree-section',\n standalone: true,\n imports: [\n CommonModule,\n MatTreeModule,\n MatButtonModule,\n MatIconModule,\n MatCheckboxModule,\n ],\n template: `\n <mat-tree [dataSource]=\"dataSource\" [treeControl]=\"treeControl\">\n <mat-tree-node matTreeNodeDef=\"let node\" matTreeNodeToggle matTreeNodePadding>\n <mat-checkbox\n class=\"checklist-leaf-node\"\n [checked]=\"selection.isSelected(node)\"\n (change)=\"todoLeafItemSelectionToggle(node)\"\n >{{ node.item }} (a)</mat-checkbox>\n </mat-tree-node>\n <mat-tree-node matTreeNodeDef=\"let node; when: hasChild\" matTreeNodePadding>\n <mat-checkbox\n [checked]=\"descendantsAllSelected(node)\"\n [indeterminate]=\"descendantsPartiallySelected(node)\"\n (change)=\"nodeSelectionToggle(node)\"\n >{{ node.item }} (b)</mat-checkbox>\n </mat-tree-node>\n </mat-tree>\n `,\n styleUrls: ['./tree-section.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TreeSectionOrganism {\n flatNodeMap = new Map<FlatNode, Node>();\n nestedNodeMap = new Map<Node, FlatNode>();\n getLevel = (node: FlatNode) => node.level;\n isExpandable = (node: FlatNode) => node.expandable;\n treeControl = new FlatTreeControl<FlatNode>(this.getLevel, this.isExpandable);\n hasChild = (_: number, _nodeData: FlatNode) => _nodeData.expandable;\n getChildren = (node: Node): Node[] => node.children;\n transformer = (node: Node, level: number) => {\n const existingNode = this.nestedNodeMap.get(node);\n const flatNode =\n existingNode && existingNode.item === node.item ? existingNode : new FlatNode();\n flatNode.item = node.item;\n flatNode.level = level;\n flatNode.expandable = !!node.children?.length;\n\n this.flatNodeMap.set(flatNode, node);\n this.nestedNodeMap.set(node, flatNode);\n return flatNode;\n };\n treeFlattener = new MatTreeFlattener(\n this.transformer,\n this.getLevel,\n this.isExpandable,\n this.getChildren,\n );\n dataSource = new MatTreeFlatDataSource(this.treeControl, this.treeFlattener);\n\n selection = new SelectionModel<FlatNode>(true);\n\n buildNode(obj: {[key: string]: any}, level: number): Node[] {\n return Object.keys(obj).reduce<Node[]>((accumulator, key) => {\n const value = obj[key];\n const node = new Node();\n node.item = key;\n\n if (value != null) {\n if (typeof value === 'object') {\n node.children = this.buildNode(value, level + 1);\n } else {\n node.item = value;\n }\n }\n\n return accumulator.concat(node);\n }, []);\n }\n\n buildValueNode(nodes: Node[]): Node[] {\n return (nodes ?? []).map(node => {\n const flatNode = this.nestedNodeMap.get(node);\n node.value = this.selection.isSelected(flatNode);\n node.children = this.buildValueNode(node.children);\n return node;\n });\n }\n\n buildFields(nodes: Node[]): (string \| object)[] {\n return nodes.reduce((acc, node) => {\n if(node.value) {\n if (node?.children?.length) {\n return [...acc, {[node.item]: this.buildFields(node.children)}];\n } else {\n return [...acc, node.item];\n }\n } else {\n return [...acc];\n }\n }, []);\n }\n\n onChange() {\n const nodes = this.buildValueNode(this.dataSource.data ?? []);\n\n const fields = this.buildFields(nodes);\n const options = fields.map(field => ({\n operation: Object.keys(field)[0],\n fields: Object.values(field)[0],\n variables: {\n take: {\n value: 10,\n required: false,\n },\n },\n }))\n\n const query = gql.query(options);\n\n console.debug('parsed:', parse(query.query));\n\n this.action.emit({\n id: ActionId.CHANGE_QUERY,\n payload: {query: format(query.query), variables: query.variables},\n });\n console.debug('query:', format(query.query));\n }\n\n @Input()\n data: any = {};\n\n @Output()\n action = new EventEmitter<Action>();\n\n ngOnInit() {\n // const TREE_DATA = {\n // Groceries: {\n // 'Almond Meal flour': null,\n // 'Organic eggs': null,\n // 'Protein Powder': null,\n // Fruits: {\n // Apple: null,\n // Berries: ['Blueberry', 'Raspberry'],\n // Orange: null,\n // },\n // },\n // Reminders: [\n // 'Cook dinner',\n // 'Read the Material Design spec',\n // 'Upgrade Application to Angular',\n // {\n // etst: ['test'],\n // }\n // ],\n // };\n this.dataSource.data = this.buildNode(this.data, 0);\n }\n\n todoLeafItemSelectionToggle(node) {\n console.debug('todoItemSelectionToggle', node);\n if (this.selection.isSelected(node)) {\n this.selection.deselect(node);\n this.treeControl.collapse(node);\n } else {\n this.selection.select(node);\n this.treeControl.expand(node);\n }\n this.onChange();\n\n }\n\n /** Whether all the descendants of the node are selected. /\n descendantsAllSelected(node: FlatNode): boolean {\n const descendants = this.treeControl.getDescendants(node);\n const descAllSelected =\n descendants.length > 0 &&\n descendants.every(child => {\n return this.selection.isSelected(child);\n });\n return descAllSelected;\n }\n\n /* Whether part of the descendants are selected /\n descendantsPartiallySelected(node: FlatNode): boolean {\n const descendants = this.treeControl.getDescendants(node);\n const result = descendants.some(child => this.selection.isSelected(child));\n return result && !this.descendantsAllSelected(node);\n }\n\n nodeSelectionToggle(node: FlatNode) {\n console.debug('todoItemSelectionToggle', this.selection.isSelected(node));\n if (this.selection.isSelected(node)) {\n this.selection.deselect(node);\n this.treeControl.collapse(node);\n } else {\n this.selection.select(node);\n this.treeControl.expand(node);\n }\n console.debug('todoItemSelectionToggle', node);\n this.onChange();\n }\n}\n\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ng-atomic-components-organisms-tree-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/tree-section/tree-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/tree-section/ng-atomic-components-organisms-tree-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, OnInit } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTreeFlatDataSource, MatTreeFlattener, MatTreeModule } from '@angular/material/tree';\nimport { FlatTreeControl } from '@angular/cdk/tree';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport * as gql from 'gql-query-builder';\nimport { Action } from '@ng-atomic/core';\nimport { parse, print } from 'graphql';\n\nfunction format(query: string): string {\n return print(parse(query));\n}\n\nexport class Node {\n children: Node[];\n item: string;\n value?: boolean \| string;\n}\n\nexport class FlatNode {\n item: string;\n level: number;\n expandable: boolean;\n}\n\nexport enum ActionId {\n CHANGE_QUERY = '[@ng-atomic/components/organisms/tree-section] Change Query',\n}\n\n@Component({\n selector: 'organisms-tree-section',\n standalone: true,\n imports: [\n CommonModule,\n MatTreeModule,\n MatButtonModule,\n MatIconModule,\n MatCheckboxModule,\n ],\n template: `\n <mat-tree [dataSource]=\"dataSource\" [treeControl]=\"treeControl\">\n <mat-tree-node matTreeNodeDef=\"let node\" matTreeNodeToggle matTreeNodePadding>\n <mat-checkbox\n class=\"checklist-leaf-node\"\n [checked]=\"selection.isSelected(node)\"\n (change)=\"todoLeafItemSelectionToggle(node)\"\n >{{ node.item }} (a)</mat-checkbox>\n </mat-tree-node>\n <mat-tree-node matTreeNodeDef=\"let node; when: hasChild\" matTreeNodePadding>\n <mat-checkbox\n [checked]=\"descendantsAllSelected(node)\"\n [indeterminate]=\"descendantsPartiallySelected(node)\"\n (change)=\"nodeSelectionToggle(node)\"\n >{{ node.item }} (b)</mat-checkbox>\n </mat-tree-node>\n </mat-tree>\n `,\n styleUrls: ['./tree-section.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TreeSectionOrganism implements OnInit {\n flatNodeMap = new Map<FlatNode, Node>();\n nestedNodeMap = new Map<Node, FlatNode>();\n getLevel = (node: FlatNode) => node.level;\n isExpandable = (node: FlatNode) => node.expandable;\n treeControl = new FlatTreeControl<FlatNode>(this.getLevel, this.isExpandable);\n hasChild = (_: number, _nodeData: FlatNode) => _nodeData.expandable;\n getChildren = (node: Node): Node[] => node.children;\n transformer = (node: Node, level: number) => {\n const existingNode = this.nestedNodeMap.get(node);\n const flatNode =\n existingNode && existingNode.item === node.item ? existingNode : new FlatNode();\n flatNode.item = node.item;\n flatNode.level = level;\n flatNode.expandable = !!node.children?.length;\n\n this.flatNodeMap.set(flatNode, node);\n this.nestedNodeMap.set(node, flatNode);\n return flatNode;\n };\n treeFlattener = new MatTreeFlattener(\n this.transformer,\n this.getLevel,\n this.isExpandable,\n this.getChildren,\n );\n dataSource = new MatTreeFlatDataSource(this.treeControl, this.treeFlattener);\n\n selection = new SelectionModel<FlatNode>(true);\n\n buildNode(obj: {[key: string]: any}, level: number): Node[] {\n return Object.keys(obj).reduce<Node[]>((accumulator, key) => {\n const value = obj[key];\n const node = new Node();\n node.item = key;\n\n if (value != null) {\n if (typeof value === 'object') {\n node.children = this.buildNode(value, level + 1);\n } else {\n node.item = value;\n }\n }\n\n return accumulator.concat(node);\n }, []);\n }\n\n buildValueNode(nodes: Node[]): Node[] {\n return (nodes ?? []).map(node => {\n const flatNode = this.nestedNodeMap.get(node);\n node.value = this.selection.isSelected(flatNode);\n node.children = this.buildValueNode(node.children);\n return node;\n });\n }\n\n buildFields(nodes: Node[]): (string \| object)[] {\n return nodes.reduce((acc, node) => {\n if(node.value) {\n if (node?.children?.length) {\n return [...acc, {[node.item]: this.buildFields(node.children)}];\n } else {\n return [...acc, node.item];\n }\n } else {\n return [...acc];\n }\n }, []);\n }\n\n onChange() {\n const nodes = this.buildValueNode(this.dataSource.data ?? []);\n\n const fields = this.buildFields(nodes);\n const options = fields.map(field => ({\n operation: Object.keys(field)[0],\n fields: Object.values(field)[0],\n variables: {\n take: {\n value: 10,\n required: false,\n },\n },\n }))\n\n const query = gql.query(options);\n\n console.debug('parsed:', parse(query.query));\n\n this.action.emit({\n id: ActionId.CHANGE_QUERY,\n payload: {query: format(query.query), variables: query.variables},\n });\n console.debug('query:', format(query.query));\n }\n\n @Input()\n data: any = {};\n\n @Output()\n action = new EventEmitter<Action>();\n\n ngOnInit() {\n // const TREE_DATA = {\n // Groceries: {\n // 'Almond Meal flour': null,\n // 'Organic eggs': null,\n // 'Protein Powder': null,\n // Fruits: {\n // Apple: null,\n // Berries: ['Blueberry', 'Raspberry'],\n // Orange: null,\n // },\n // },\n // Reminders: [\n // 'Cook dinner',\n // 'Read the Material Design spec',\n // 'Upgrade Application to Angular',\n // {\n // etst: ['test'],\n // }\n // ],\n // };\n this.dataSource.data = this.buildNode(this.data, 0);\n }\n\n todoLeafItemSelectionToggle(node) {\n console.debug('todoItemSelectionToggle', node);\n if (this.selection.isSelected(node)) {\n this.selection.deselect(node);\n this.treeControl.collapse(node);\n } else {\n this.selection.select(node);\n this.treeControl.expand(node);\n }\n this.onChange();\n\n }\n\n /** Whether all the descendants of the node are selected. /\n descendantsAllSelected(node: FlatNode): boolean {\n const descendants = this.treeControl.getDescendants(node);\n const descAllSelected =\n descendants.length > 0 &&\n descendants.every(child => {\n return this.selection.isSelected(child);\n });\n return descAllSelected;\n }\n\n /* Whether part of the descendants are selected /\n descendantsPartiallySelected(node: FlatNode): boolean {\n const descendants = this.treeControl.getDescendants(node);\n const result = descendants.some(child => this.selection.isSelected(child));\n return result && !this.descendantsAllSelected(node);\n }\n\n nodeSelectionToggle(node: FlatNode) {\n console.debug('todoItemSelectionToggle', this.selection.isSelected(node));\n if (this.selection.isSelected(node)) {\n this.selection.deselect(node);\n this.treeControl.collapse(node);\n } else {\n this.selection.select(node);\n this.treeControl.expand(node);\n }\n console.debug('todoItemSelectionToggle', node);\n this.onChange();\n }\n}\n\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAYA,SAAS,MAAM,CAAC,KAAa,EAAA;AAC3B,IAAA,OAAO,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AAC7B,CAAC;MAEY,IAAI,CAAA;AAIhB,CAAA;MAEY,QAAQ,CAAA;AAIpB,CAAA;IAEW,SAEX;AAFD,CAAA,UAAY,QAAQ,EAAA;AAClB,IAAA,QAAA,CAAA,cAAA,CAAA,GAAA,6DAA4E,CAAA;AAC9E,CAAC,EAFW,QAAQ,KAAR,QAAQ,GAEnB,EAAA,CAAA,CAAA,CAAA;MAiCY,mBAAmB,CAAA;AA/BhC,IAAA,WAAA,GAAA;AAgCE,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,GAAG,EAAkB,CAAC;AACxC,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,GAAG,EAAkB,CAAC;QAC1C,IAAQ,CAAA,QAAA,GAAG,CAAC,IAAc,KAAK,IAAI,CAAC,KAAK,CAAC;QAC1C,IAAY,CAAA,YAAA,GAAG,CAAC,IAAc,KAAK,IAAI,CAAC,UAAU,CAAC;AACnD,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,eAAe,CAAW,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAC9E,IAAQ,CAAA,QAAA,GAAG,CAAC,CAAS,EAAE,SAAmB,KAAK,SAAS,CAAC,UAAU,CAAC;QACpE,IAAW,CAAA,WAAA,GAAG,CAAC,IAAU,KAAa,IAAI,CAAC,QAAQ,CAAC;AACpD,QAAA,IAAA,CAAA,WAAW,GAAG,CAAC,IAAU,EAAE,KAAa,KAAI;YAC1C,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAClD,MAAM,QAAQ,GACZ,YAAY,IAAI,YAAY,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,GAAG,YAAY,GAAG,IAAI,QAAQ,EAAE,CAAC;AAClF,YAAA,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;AAC1B,YAAA,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;YACvB,QAAQ,CAAC,UAAU,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC;YAE9C,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;YACrC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;AACvC,YAAA,OAAO,QAAQ,CAAC;AAClB,SAAC,CAAC;QACF,IAAa,CAAA,aAAA,GAAG,IAAI,gBAAgB,CAClC,IAAI,CAAC,WAAW,EAChB,IAAI,CAAC,QAAQ,EACb,IAAI,CAAC,YAAY,EACjB,IAAI,CAAC,WAAW,CACjB,CAAC;AACF,QAAA,IAAA,CAAA,UAAU,GAAG,IAAI,qBAAqB,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;AAE7E,QAAA,IAAA,CAAA,SAAS,GAAG,IAAI,cAAc,CAAW,IAAI,CAAC,CAAC;QAsE/C,IAAI,CAAA,IAAA,GAAQ,EAAE,CAAC;AAGf,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;AAqErC,KAAA;IA5IC,SAAS,CAAC,GAAyB,EAAE,KAAa,EAAA;AAChD,QAAA,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,CAAS,CAAC,WAAW,EAAE,GAAG,KAAI;AAC1D,YAAA,MAAM,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;AACvB,YAAA,MAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;AACxB,YAAA,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;AAEhB,YAAA,IAAI,KAAK,IAAI,IAAI,EAAE;AACjB,gBAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AAC7B,oBAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;iBAClD;qBAAM;AACL,oBAAA,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;iBACnB;aACF;AAED,YAAA,OAAO,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;SACjC,EAAE,EAAE,CAAC,CAAC;KACR;AAED,IAAA,cAAc,CAAC,KAAa,EAAA;QAC1B,OAAO,CAAC,KAAK,IAAI,EAAE,EAAE,GAAG,CAAC,IAAI,IAAG;YAC9B,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAC9C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;YACjD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AACnD,YAAA,OAAO,IAAI,CAAC;AACd,SAAC,CAAC,CAAC;KACJ;AAED,IAAA,WAAW,CAAC,KAAa,EAAA;QACvB,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,KAAI;AAChC,YAAA,IAAG,IAAI,CAAC,KAAK,EAAE;AACb,gBAAA,IAAI,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE;oBAC1B,OAAO,CAAC,GAAG,GAAG,EAAE,EAAC,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAC,CAAC,CAAC;iBACjE;qBAAM;oBACL,OAAO,CAAC,GAAG,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;iBAC5B;aACF;iBAAM;AACL,gBAAA,OAAO,CAAC,GAAG,GAAG,CAAC,CAAC;aACjB;SACF,EAAE,EAAE,CAAC,CAAC;KACR;IAED,QAAQ,GAAA;AACN,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;QAE9D,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QACvC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,KAAK;YACnC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAChC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAC/B,YAAA,SAAS,EAAE;AACT,gBAAA,IAAI,EAAE;AACJ,oBAAA,KAAK,EAAE,EAAE;AACT,oBAAA,QAAQ,EAAE,KAAK;AAChB,iBAAA;AACF,aAAA;AACF,SAAA,CAAC,CAAC,CAAA;QAEH,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;AAEjC,QAAA,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AAE7C,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;YACf,EAAE,EAAE,QAAQ,CAAC,YAAY;AACzB,YAAA,OAAO,EAAE,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAC;AAClE,SAAA,CAAC,CAAC;AACH,QAAA,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;KAC9C;IAQD,QAAQ,GAAA;;;;;;;;;;;;;;;;;;;;;AAqBN,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;KACrD;AAED,IAAA,2BAA2B,CAAC,IAAI,EAAA;AAC9B,QAAA,OAAO,CAAC,KAAK,CAAC,yBAAyB,EAAE,IAAI,CAAC,CAAC;QAC/C,IAAI,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;AACnC,YAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AAC9B,YAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;SACjC;aAAM;AACL,YAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAC5B,YAAA,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;SAC/B;QACD,IAAI,CAAC,QAAQ,EAAE,CAAC;KAEjB;;AAGD,IAAA,sBAAsB,CAAC,IAAc,EAAA;QACnC,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;AAC1D,QAAA,MAAM,eAAe,GACnB,WAAW,CAAC,MAAM,GAAG,CAAC;AACtB,YAAA,WAAW,CAAC,KAAK,CAAC,KAAK,IAAG;gBACxB,OAAO,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AAC1C,aAAC,CAAC,CAAC;AACL,QAAA,OAAO,eAAe,CAAC;KACxB;;AAGD,IAAA,4BAA4B,CAAC,IAAc,EAAA;QACzC,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;AAC1D,QAAA,MAAM,MAAM,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;QAC3E,OAAO,MAAM,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC;KACrD;AAED,IAAA,mBAAmB,CAAC,IAAc,EAAA;AAChC,QAAA,OAAO,CAAC,KAAK,CAAC,yBAAyB,EAAE,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;QAC1E,IAAI,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;AACnC,YAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AAC9B,YAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;SACjC;aAAM;AACL,YAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAC5B,YAAA,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;SAC/B;AACD,QAAA,OAAO,CAAC,KAAK,CAAC,yBAAyB,EAAE,IAAI,CAAC,CAAC;QAC/C,IAAI,CAAC,QAAQ,EAAE,CAAC;KACjB;8GAzKU,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,EArBpB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;GAiBT,EAvBC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,8BACZ,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,4BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACb,eAAe,EACf,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,aAAa,8BACb,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,IAAA,EAAA,UAAA,EAAA,eAAA,EAAA,MAAA,EAAA,OAAA,EAAA,eAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,UAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,qBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAuBR,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBA/B/B,SAAS;+BACE,wBAAwB,EAAA,UAAA,EACtB,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,aAAa;wBACb,eAAe;wBACf,aAAa;wBACb,iBAAiB;qBAClB,EACS,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;GAiBT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,CAAA;8BAoG/C,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;;;ACnKT;;AAEG;;;;"}

package/fesm2022/ng-atomic-components-organisms-vertical-divider.mjs CHANGED Viewed

@@ -5,10 +5,10 @@ import * as i1 from '@angular/material/divider';
 import { MatDividerModule } from '@angular/material/divider';
 class VerticalDividerOrganism {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: VerticalDividerOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: VerticalDividerOrganism, isStandalone: true, selector: "organisms-vertical-divider", ngImport: i0, template: `<mat-divider></mat-divider>`, isInline: true, styles: [":host{display:block}:host{display:block;width:100%;height:1px}:host mat-divider{width:100%;height:1px;margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: VerticalDividerOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: VerticalDividerOrganism, isStandalone: true, selector: "organisms-vertical-divider", ngImport: i0, template: `<mat-divider></mat-divider>`, isInline: true, styles: [":host{display:block}:host{display:block;width:100%;height:1px}:host mat-divider{width:100%;height:1px;margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: VerticalDividerOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: VerticalDividerOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-vertical-divider', standalone: true, imports: [
                         CommonModule,

package/fesm2022/ng-atomic-components-organisms-video-section.mjs CHANGED Viewed

@@ -10,10 +10,10 @@ class VideoSectionOrganismStore {
         this.src = input();
         this.autoplay = input(true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: VideoSectionOrganismStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: VideoSectionOrganismStore, isStandalone: true, inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, autoplay: { classPropertyName: "autoplay", publicName: "autoplay", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: VideoSectionOrganismStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: VideoSectionOrganismStore, isStandalone: true, inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, autoplay: { classPropertyName: "autoplay", publicName: "autoplay", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: VideoSectionOrganismStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: VideoSectionOrganismStore, decorators: [{
             type: Directive,
             args: [{ standalone: true }]
         }] });
@@ -21,10 +21,10 @@ class VideoIdPipe {
     transform(src) {
         return new URL(src).searchParams.get('v') ?? '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: VideoIdPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.2", ngImport: i0, type: VideoIdPipe, isStandalone: true, name: "videoId" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: VideoIdPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.1.2", ngImport: i0, type: VideoIdPipe, isStandalone: true, name: "videoId" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: VideoIdPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: VideoIdPipe, decorators: [{
             type: Pipe,
             args: [{ standalone: true, name: 'videoId' }]
         }] });
@@ -36,10 +36,10 @@ class VideoTypePipe {
             return 'youtube';
         return 'video';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: VideoTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.2", ngImport: i0, type: VideoTypePipe, isStandalone: true, name: "videoType" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: VideoTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.1.2", ngImport: i0, type: VideoTypePipe, isStandalone: true, name: "videoType" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: VideoTypePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: VideoTypePipe, decorators: [{
             type: Pipe,
             args: [{ standalone: true, name: 'videoType' }]
         }] });
@@ -50,10 +50,10 @@ class StreamDirective {
     set stream(stream) {
         this.el.nativeElement.srcObject = stream;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: StreamDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.2", type: StreamDirective, isStandalone: true, selector: "[stream]", inputs: { stream: "stream" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: StreamDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.2", type: StreamDirective, isStandalone: true, selector: "[stream]", inputs: { stream: "stream" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: StreamDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: StreamDirective, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: '[stream]' }]
         }], propDecorators: { stream: [{
@@ -78,8 +78,8 @@ class VideoSectionOrganism {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: VideoSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: VideoSectionOrganism, isStandalone: true, selector: "organisms-video-section", viewQueries: [{ propertyName: "youtubePlayer", first: true, predicate: YouTubePlayer, descendants: true, isSignal: true }, { propertyName: "video", first: true, predicate: ["video"], descendants: true, isSignal: true }], hostDirectives: [{ directive: VideoSectionOrganismStore, inputs: ["src", "src", "autoplay", "autoplay"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: VideoSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: VideoSectionOrganism, isStandalone: true, selector: "organisms-video-section", viewQueries: [{ propertyName: "youtubePlayer", first: true, predicate: YouTubePlayer, descendants: true, isSignal: true }, { propertyName: "video", first: true, predicate: ["video"], descendants: true, isSignal: true }], hostDirectives: [{ directive: VideoSectionOrganismStore, inputs: ["src", "src", "autoplay", "autoplay"] }], ngImport: i0, template: `
   @if (store.src() && isPlatformBrowser) {
     @switch (store.src() | videoType) {
       @case ('youtube') {@defer {
@@ -95,9 +95,9 @@ class VideoSectionOrganism {
       } }
     }
   }
-  `, isInline: true, styles: ["@charset \"UTF-8\";:host{display:block}:host{display:block;width:100%;aspect-ratio:16/9;overflow:hidden}:host video{width:100%;height:100%;object-fit:contain;background-color:#000}:host youtube-player{display:block;width:100%;height:100%}:host youtube-player ::ng-deep youtube-player-placeholder{width:100%!important;height:100%!important}:host youtube-player ::ng-deep div[style]{width:100%;height:100%}:host youtube-player ::ng-deep div[style] iframe{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: VideoTypePipe, name: "videoType" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: ["@charset \"UTF-8\";:host{display:block}:host{display:block;width:100%;aspect-ratio:16/9;overflow:hidden}:host video{width:100%;height:100%;object-fit:contain;background-color:#000}:host youtube-player{display:block;width:100%;height:100%}:host youtube-player ::ng-deep youtube-player-placeholder{width:100%!important;height:100%!important}:host youtube-player ::ng-deep div[style]{width:100%;height:100%}:host youtube-player ::ng-deep div[style] iframe{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: VideoTypePipe, name: "videoType" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [VideoIdPipe, YouTubePlayer], () => [StreamDirective], null] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: VideoSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: VideoSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-video-section', standalone: true, imports: [
                         CommonModule,

package/fesm2022/ng-atomic-components-organisms-video-section.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-organisms-video-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/video-section/video-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/video-section/ng-atomic-components-organisms-video-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, ElementRef, Input, PLATFORM_ID, Pipe, ViewChild, inject, input, signal, viewChild, PipeTransform } from '@angular/core';\nimport { CommonModule, NgIf, NgSwitch, isPlatformBrowser } from '@angular/common';\nimport { YouTubePlayer } from '@angular/youtube-player';\nimport { filter, interval } from 'rxjs';\nimport { toObservable } from '@angular/core/rxjs-interop';\n\n@Directive({ standalone: true })\nexport class VideoSectionOrganismStore {\n readonly src = input<string \| MediaStream>();\n readonly autoplay = input(true);\n}\n\n@Pipe({standalone: true, name: 'videoId'})\nexport class VideoIdPipe implements PipeTransform {\n transform(src: string) {\n return new URL(src).searchParams.get('v') ?? '';\n }\n}\n\n@Pipe({standalone: true, name: 'videoType'})\nexport class VideoTypePipe implements PipeTransform {\n transform(src: string \| MediaStream) {\n if (src instanceof MediaStream) return 'stream';\n if (src.includes('youtube')) return 'youtube';\n return 'video';\n }\n}\n@Directive({ standalone: true, selector: '[stream]' })\nexport class StreamDirective {\n protected el = inject(ElementRef);\n\n @Input()\n set stream(stream: MediaStream) {\n this.el.nativeElement.srcObject = stream;\n }\n}\n\n@Component({\n selector: 'organisms-video-section',\n standalone: true,\n imports: [\n CommonModule,\n VideoIdPipe,\n VideoTypePipe,\n YouTubePlayer,\n StreamDirective,\n NgSwitch,\n NgIf,\n ],\n template: `\n @if (store.src() && isPlatformBrowser) {\n @switch (store.src() \| videoType) {\n @case ('youtube') {@defer {\n @if (store.src() \| videoId) {\n <youtube-player [videoId]=\"store.src() \| videoId\" />\n }\n } }\n @case ('stream') { @defer {\n <video #video controls width=\"100%\" [stream]=\"store.src()\" [autoplay]=\"store.autoplay()\"></video>\n } }\n @case ('video') { @defer {\n <video #video controls width=\"100%\" playsinline [src]=\"store.src()\" [autoplay]=\"store.autoplay()\"></video>\n } }\n }\n }\n `,\n styleUrls: ['./video-section.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: VideoSectionOrganismStore,\n inputs: ['src', 'autoplay'],\n },\n ]\n})\nexport class VideoSectionOrganism {\n protected readonly store = inject(VideoSectionOrganismStore);\n protected readonly width = signal(0);\n protected readonly el = inject(ElementRef);\n protected readonly platformId = inject(PLATFORM_ID);\n protected readonly isPlatformBrowser = isPlatformBrowser(this.platformId);\n\n readonly youtubePlayer = viewChild(YouTubePlayer);\n readonly youtubePlayer$ = toObservable(this.youtubePlayer);\n readonly video = viewChild<ElementRef<HTMLVideoElement>>('video');\n\n videoHeight: number \| undefined;\n videoWidth: number \| undefined;\n\n readonly interval$ = interval(100);\n\n ngAfterViewInit(): void {\n if (this.isPlatformBrowser) {\n this.youtubePlayer$.pipe(\n filter((player) => !!player),\n ).subscribe((player) => {\n player.width = '100%' as never as number;\n });\n }\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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~~QACb~~,IAAI,IAAI,CAAC,iBAAiB,EAAE;YAC1B,IAAI,CAAC,cAAc,CAAC,IAAI,CACtB,MAAM,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM,CAAC,CAC7B,CAAC,SAAS,CAAC,CAAC,MAAM,KAAI;AACrB,gBAAA,MAAM,CAAC,KAAK,GAAG,MAAyB,CAAC;AAC3C,aAAC,CAAC,CAAC;~~AACJ,SAAA~~;KACF;8GAxBU,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,EAOI,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,eAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,aAAa,EA3ErC,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,OAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,yBAAyB,EA0C1B,MAAA,EAAA,CAAA,KAAA,EAAA,KAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;GAgBT,EAxBC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,geAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,0BArBH,aAAa,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;~~2FAuDb~~,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAtChC,SAAS;+BACE,yBAAyB,EAAA,UAAA,EACvB,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,WAAW;wBACX,aAAa;wBACb,aAAa;wBACb,eAAe;wBACf,QAAQ;wBACR,IAAI;qBACL,EACS,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;GAgBT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAC/B,cAAA,EAAA;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,yBAAyB;AACpC,4BAAA,MAAM,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC;AAC5B,yBAAA;AACF,qBAAA,EAAA,MAAA,EAAA,CAAA,geAAA,CAAA,EAAA,CAAA;;;ACzEH;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-organisms-video-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/video-section/video-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/video-section/ng-atomic-components-organisms-video-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, ElementRef, Input, PLATFORM_ID, Pipe, ViewChild, inject, input, signal, viewChild, PipeTransform, AfterViewInit } from '@angular/core';\nimport { CommonModule, NgIf, NgSwitch, isPlatformBrowser } from '@angular/common';\nimport { YouTubePlayer } from '@angular/youtube-player';\nimport { filter, interval } from 'rxjs';\nimport { toObservable } from '@angular/core/rxjs-interop';\n\n@Directive({ standalone: true })\nexport class VideoSectionOrganismStore {\n readonly src = input<string \| MediaStream>();\n readonly autoplay = input(true);\n}\n\n@Pipe({standalone: true, name: 'videoId'})\nexport class VideoIdPipe implements PipeTransform {\n transform(src: string) {\n return new URL(src).searchParams.get('v') ?? '';\n }\n}\n\n@Pipe({standalone: true, name: 'videoType'})\nexport class VideoTypePipe implements PipeTransform {\n transform(src: string \| MediaStream) {\n if (src instanceof MediaStream) return 'stream';\n if (src.includes('youtube')) return 'youtube';\n return 'video';\n }\n}\n@Directive({ standalone: true, selector: '[stream]' })\nexport class StreamDirective {\n protected el = inject(ElementRef);\n\n @Input()\n set stream(stream: MediaStream) {\n this.el.nativeElement.srcObject = stream;\n }\n}\n\n@Component({\n selector: 'organisms-video-section',\n standalone: true,\n imports: [\n CommonModule,\n VideoIdPipe,\n VideoTypePipe,\n YouTubePlayer,\n StreamDirective,\n NgSwitch,\n NgIf,\n ],\n template: `\n @if (store.src() && isPlatformBrowser) {\n @switch (store.src() \| videoType) {\n @case ('youtube') {@defer {\n @if (store.src() \| videoId) {\n <youtube-player [videoId]=\"store.src() \| videoId\" />\n }\n } }\n @case ('stream') { @defer {\n <video #video controls width=\"100%\" [stream]=\"store.src()\" [autoplay]=\"store.autoplay()\"></video>\n } }\n @case ('video') { @defer {\n <video #video controls width=\"100%\" playsinline [src]=\"store.src()\" [autoplay]=\"store.autoplay()\"></video>\n } }\n }\n }\n `,\n styleUrls: ['./video-section.organism.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: VideoSectionOrganismStore,\n inputs: ['src', 'autoplay'],\n },\n ]\n})\nexport class VideoSectionOrganism implements AfterViewInit {\n protected readonly store = inject(VideoSectionOrganismStore);\n protected readonly width = signal(0);\n protected readonly el = inject(ElementRef);\n protected readonly platformId = inject(PLATFORM_ID);\n protected readonly isPlatformBrowser = isPlatformBrowser(this.platformId);\n\n readonly youtubePlayer = viewChild(YouTubePlayer);\n readonly youtubePlayer$ = toObservable(this.youtubePlayer);\n readonly video = viewChild<ElementRef<HTMLVideoElement>>('video');\n\n videoHeight: number \| undefined;\n videoWidth: number \| undefined;\n\n readonly interval$ = interval(100);\n\n ngAfterViewInit(): void {\n if (this.isPlatformBrowser) {\n this.youtubePlayer$.pipe(\n filter((player) => !!player),\n ).subscribe((player) => {\n player.width = '100%' as never as number;\n });\n }\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-atomic-components-organisms.mjs CHANGED Viewed

@@ -90,11 +90,11 @@ class NgAtomicOrganismsModule {
             ]
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicOrganismsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicOrganismsModule, imports: [i1.MarkdownModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicOrganismsModule, imports: [MarkdownModule.forRoot()] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicOrganismsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicOrganismsModule, imports: [i1.MarkdownModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicOrganismsModule, imports: [MarkdownModule.forRoot()] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicOrganismsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicOrganismsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [