@ng-atomic/components 16.2.0 → 16.3.1

package/fesm2022/ng-atomic-components-organisms-paginator.mjs

@@ -1,61 +1,76 @@
+import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import { input, Directive, inject, Component, ChangeDetectionStrategy } from '@angular/core';
 import { FormGroup, FormControl } from '@angular/forms';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i2 from '@angular/material/paginator';
+import * as i1 from '@angular/material/paginator';
 import { MatPaginatorModule } from '@angular/material/paginator';
+import { InjectableComponent, TokenizedType, NgAtomicComponent } from '@ng-atomic/core';
+import { computedRawValue } from '@ng-atomic/common/utils';
 
-class PaginatorOrganism {
+let PaginatorOrganismStore = class PaginatorOrganismStore extends InjectableComponent {
     constructor() {
-        this.form = new FormGroup({
+        super(...arguments);
+        this.form = input(new FormGroup({
             pageIndex: new FormControl(0),
             pageSize: new FormControl(0),
-            length: new FormControl(0),
-        });
-        this.pageSizeOptions = [10, 50, 100];
+        }));
+        this.pageSizeOptions = input([10, 50, 100]);
+        this.itemLength = input(0);
+        this.formValue = computedRawValue(() => this.form());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: PaginatorOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: PaginatorOrganismStore, isStandalone: true, selector: "organisms-paginator", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, itemLength: { classPropertyName: "itemLength", publicName: "itemLength", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+};
+PaginatorOrganismStore = __decorate([
+    TokenizedType()
+], PaginatorOrganismStore);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: PaginatorOrganismStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true, selector: 'organisms-paginator' }]
+        }] });
+class PaginatorOrganism extends NgAtomicComponent {
+    constructor() {
+        super(...arguments);
+        this.store = inject(PaginatorOrganismStore);
     }
     onPageChange(page) {
-        this.form.patchValue({
+        this.store.form().patchValue({
             pageIndex: page.pageIndex,
-            pageSize: page.pageSize,
-            length: page.length,
+            pageSize: page.pageSize
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PaginatorOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PaginatorOrganism, isStandalone: true, selector: "organisms-paginator", inputs: { form: "form", pageSizeOptions: "pageSizeOptions" }, host: { classAttribute: "organism" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: PaginatorOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: PaginatorOrganism, isStandalone: true, selector: "organisms-paginator", host: { classAttribute: "organism" }, usesInheritance: true, hostDirectives: [{ directive: PaginatorOrganismStore, inputs: ["form", "form", "pageSizeOptions", "pageSizeOptions", "itemLength", "itemLength"] }], ngImport: i0, template: `
     <mat-paginator
-      [length]="(form.get(['length']).valueChanges | async) ?? form.get(['length']).value"
-      [pageSize]="(form.get(['pageSize']).valueChanges | async) ?? form.get(['pageSize']).value"
-      [pageSizeOptions]="pageSizeOptions"
+      [length]="store.itemLength()"
+      [pageSize]="store.formValue().pageSize"
+      [pageSizeOptions]="store.pageSizeOptions()"
       (page)="onPageChange($event)"
-      aria-label="Select page">
-    </mat-paginator>
-  `, isInline: true, styles: [":host frames-auto-layout{--vertical-padding: 0;justify-content:space-between}:host frames-auto-layout molecules-chips-input-field{width:100%}:host frames-auto-layout mat-paginator{min-width:440px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i2.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    />
+  `, isInline: true, styles: [":host frames-auto-layout{--vertical-padding: 0;justify-content:space-between}:host frames-auto-layout molecules-chips-input-field{width:100%}:host frames-auto-layout mat-paginator{min-width:440px}\n"], dependencies: [{ kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i1.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PaginatorOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: PaginatorOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-paginator', standalone: true, imports: [
-                        CommonModule,
                         MatPaginatorModule,
                     ], template: `
     <mat-paginator
-      [length]="(form.get(['length']).valueChanges | async) ?? form.get(['length']).value"
-      [pageSize]="(form.get(['pageSize']).valueChanges | async) ?? form.get(['pageSize']).value"
-      [pageSizeOptions]="pageSizeOptions"
+      [length]="store.itemLength()"
+      [pageSize]="store.formValue().pageSize"
+      [pageSizeOptions]="store.pageSizeOptions()"
       (page)="onPageChange($event)"
-      aria-label="Select page">
-    </mat-paginator>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism' }, styles: [":host frames-auto-layout{--vertical-padding: 0;justify-content:space-between}:host frames-auto-layout molecules-chips-input-field{width:100%}:host frames-auto-layout mat-paginator{min-width:440px}\n"] }]
-        }], propDecorators: { form: [{
-                type: Input
-            }], pageSizeOptions: [{
-                type: Input
-            }] } });
+    />
+  `, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism' }, hostDirectives: [
+                        {
+                            directive: PaginatorOrganismStore,
+                            inputs: ['form', 'pageSizeOptions', 'itemLength'],
+                        },
+                    ], styles: [":host frames-auto-layout{--vertical-padding: 0;justify-content:space-between}:host frames-auto-layout molecules-chips-input-field{width:100%}:host frames-auto-layout mat-paginator{min-width:440px}\n"] }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { PaginatorOrganism };
+export { PaginatorOrganism, PaginatorOrganismStore };
 //# sourceMappingURL=ng-atomic-components-organisms-paginator.mjs.map

package/fesm2022/ng-atomic-components-organisms-paginator.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-paginator.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/paginator/paginator.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/paginator/ng-atomic-components-organisms-paginator.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { LegacyPageEvent as PageEvent } from '@angular/material/legacy-paginator';\nimport { FormControl, FormGroup } from '@angular/forms';\nimport { CommonModule } from '@angular/common';\nimport { MatPaginatorModule } from '@angular/material/paginator';\n\n@Component({\n  selector: 'organisms-paginator',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatPaginatorModule,\n  ],\n  template: `\n    <mat-paginator\n      [length]=\"(form.get(['length']).valueChanges | async) ?? form.get(['length']).value\"\n      [pageSize]=\"(form.get(['pageSize']).valueChanges | async) ?? form.get(['pageSize']).value\"\n      [pageSizeOptions]=\"pageSizeOptions\"\n      (page)=\"onPageChange($event)\"\n      aria-label=\"Select page\">\n    </mat-paginator>\n  `,\n  styleUrls: ['./paginator.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'organism'},\n})\nexport class PaginatorOrganism {\n  \n  @Input()\n  form = new FormGroup({\n    pageIndex: new FormControl(0),\n    pageSize: new FormControl(0),\n    length: new FormControl(0),\n  });\n\n  @Input()\n  pageSizeOptions: number[] = [10, 50, 100];\n\n  protected onPageChange(page: PageEvent) {\n    this.form.patchValue({\n      pageIndex: page.pageIndex,\n      pageSize: page.pageSize,\n      length: page.length,\n    });\n  }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MA0Ba,iBAAiB,CAAA;AApB9B,IAAA,WAAA,GAAA;QAuBE,IAAI,CAAA,IAAA,GAAG,IAAI,SAAS,CAAC;AACnB,YAAA,SAAS,EAAE,IAAI,WAAW,CAAC,CAAC,CAAC;AAC7B,YAAA,QAAQ,EAAE,IAAI,WAAW,CAAC,CAAC,CAAC;AAC5B,YAAA,MAAM,EAAE,IAAI,WAAW,CAAC,CAAC,CAAC;AAC3B,SAAA,CAAC,CAAC;QAGH,IAAe,CAAA,eAAA,GAAa,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;AAU3C,KAAA;AARW,IAAA,YAAY,CAAC,IAAe,EAAA;AACpC,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;YACnB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,MAAM,EAAE,IAAI,CAAC,MAAM;AACpB,SAAA,CAAC,CAAC;KACJ;+GAlBU,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,EAblB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,UAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;GAQT,EAXC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,wMAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,mFACZ,kBAAkB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FAeT,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBApB7B,SAAS;+BACE,qBAAqB,EAAA,UAAA,EACnB,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,kBAAkB;qBACnB,EACS,QAAA,EAAA,CAAA;;;;;;;;GAQT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC,EAAC,KAAK,EAAE,UAAU,EAAC,EAAA,MAAA,EAAA,CAAA,wMAAA,CAAA,EAAA,CAAA;8BAKzB,IAAI,EAAA,CAAA;sBADH,KAAK;gBAQN,eAAe,EAAA,CAAA;sBADd,KAAK;;;ACnCR;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-paginator.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/paginator/paginator.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/paginator/ng-atomic-components-organisms-paginator.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, effect, inject, input } from '@angular/core';\nimport { PageEvent } from '@angular/material/paginator';\nimport { FormControl, FormGroup } from '@angular/forms';\nimport { MatPaginatorModule } from '@angular/material/paginator';\nimport { InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\nimport { computedRawValue } from '@ng-atomic/common/utils';\n\n@TokenizedType()\n@Directive({standalone: true, selector: 'organisms-paginator'})\nexport class PaginatorOrganismStore extends InjectableComponent {\n  readonly form = input(new FormGroup({\n    pageIndex: new FormControl(0),\n    pageSize: new FormControl(0),\n  }));\n  readonly pageSizeOptions = input([10, 50, 100]);\n  readonly itemLength = input(0);\n  readonly formValue = computedRawValue(() => this.form());\n}\n\n@Component({\n  selector: 'organisms-paginator',\n  standalone: true,\n  imports: [\n    MatPaginatorModule,\n  ],\n  template: `\n    <mat-paginator\n      [length]=\"store.itemLength()\"\n      [pageSize]=\"store.formValue().pageSize\"\n      [pageSizeOptions]=\"store.pageSizeOptions()\"\n      (page)=\"onPageChange($event)\"\n    />\n  `,\n  styleUrls: ['./paginator.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'organism'},\n  hostDirectives: [\n    {\n      directive: PaginatorOrganismStore,\n      inputs: ['form', 'pageSizeOptions', 'itemLength'],\n    },\n  ],\n})\nexport class PaginatorOrganism extends NgAtomicComponent {\n  protected store = inject(PaginatorOrganismStore);\n  \n  protected onPageChange(page: PageEvent) {\n    this.store.form().patchValue({\n      pageIndex: page.pageIndex,\n      pageSize: page.pageSize\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-password-input-section.mjs

@@ -0,0 +1,86 @@
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { input, Directive, inject, Component, ChangeDetectionStrategy } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { SmartMenuButtonAtomStore } from '@ng-atomic/components/atoms/smart-menu-button';
+import { TextInputFieldMoleculeStore } from '@ng-atomic/components/molecules/text-input-field';
+import { InjectableComponent, TokenizedType, NgAtomicComponent } from '@ng-atomic/core';
+
+let PasswordInputSectionOrganismStore = class PasswordInputSectionOrganismStore extends InjectableComponent {
+    constructor() {
+        super(...arguments);
+        this.label = input('label');
+        this.placeholder = input('placeholder');
+        this.hint = input();
+        this.control = input(new FormControl(''));
+        this.autoComplete = input([]);
+        this.actions = input([]);
+        this.actionButtonType = input('icon-button');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: PasswordInputSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: PasswordInputSectionOrganismStore, isStandalone: true, selector: "organisms-password-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 }, 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 }, actionButtonType: { classPropertyName: "actionButtonType", publicName: "actionButtonType", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+};
+PasswordInputSectionOrganismStore = __decorate([
+    TokenizedType()
+], PasswordInputSectionOrganismStore);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: PasswordInputSectionOrganismStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true, selector: 'organisms-password-input-section' }]
+        }] });
+class PasswordInputSectionOrganism extends NgAtomicComponent {
+    constructor() {
+        super(...arguments);
+        this.store = inject(PasswordInputSectionOrganismStore);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: PasswordInputSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: PasswordInputSectionOrganism, isStandalone: true, selector: "organisms-password-input-section", usesInheritance: true, hostDirectives: [{ directive: PasswordInputSectionOrganismStore, inputs: ["label", "label", "placeholder", "placeholder", "hint", "hint", "control", "control", "autoComplete", "autoComplete", "actions", "actions", "actionButtonType", "actionButtonType"] }], ngImport: i0, template: `
+    <molecules-text-input-field injectable
+      [type]="'password'"
+      [control]="store.control()"
+      [label]="store.label()"
+      [placeholder]="store.placeholder()"
+      [hint]="store.hint()"
+      [autoComplete]="store.autoComplete()"
+    />
+  @if (store.actions()?.length) {
+    <atoms-smart-menu-button injectable
+      [actions]="store.actions()"
+      [type]="store.actionButtonType()"
+      (action)="dispatch($event)"
+    />
+  }`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-password-input-section-NVhG: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-password-input-section-NVhG) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-password-input-section-NVhG)}: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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: PasswordInputSectionOrganism, decorators: [{
+            type: Component,
+            args: [{ selector: 'organisms-password-input-section', standalone: true, imports: [
+                        TextInputFieldMoleculeStore,
+                        SmartMenuButtonAtomStore,
+                    ], template: `
+    <molecules-text-input-field injectable
+      [type]="'password'"
+      [control]="store.control()"
+      [label]="store.label()"
+      [placeholder]="store.placeholder()"
+      [hint]="store.hint()"
+      [autoComplete]="store.autoComplete()"
+    />
+  @if (store.actions()?.length) {
+    <atoms-smart-menu-button injectable
+      [actions]="store.actions()"
+      [type]="store.actionButtonType()"
+      (action)="dispatch($event)"
+    />
+  }`, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: PasswordInputSectionOrganismStore,
+                            inputs: ['label', 'placeholder', 'hint', 'control', 'autoComplete', 'actions', 'actionButtonType'],
+                        },
+                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-password-input-section-NVhG: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-password-input-section-NVhG) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-password-input-section-NVhG)}: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"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PasswordInputSectionOrganism, PasswordInputSectionOrganismStore };
+//# sourceMappingURL=ng-atomic-components-organisms-password-input-section.mjs.map

package/fesm2022/ng-atomic-components-organisms-password-input-section.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-password-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/password-input-section/password-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/password-input-section/ng-atomic-components-organisms-password-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { SmartMenuButtonAtomStore } from '@ng-atomic/components/atoms/smart-menu-button';\nimport { TextInputFieldMoleculeStore } from '@ng-atomic/components/molecules/text-input-field';\nimport { Action, InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'organisms-password-input-section' })\nexport class PasswordInputSectionOrganismStore extends InjectableComponent {\n  readonly label = input('label');\n  readonly placeholder = input('placeholder');\n  readonly hint = input<string>();\n  readonly control = input(new FormControl(''));\n  readonly autoComplete = input<string[]>([]);\n  readonly actions = input<Action[]>([]);\n  readonly actionButtonType = input<'button' | 'icon-button'>('icon-button');\n}\n\n\n@Component({\n  selector: 'organisms-password-input-section',\n  standalone: true,\n  imports: [\n    TextInputFieldMoleculeStore,\n    SmartMenuButtonAtomStore,\n  ],\n  template: `\n    <molecules-text-input-field injectable\n      [type]=\"'password'\"\n      [control]=\"store.control()\"\n      [label]=\"store.label()\"\n      [placeholder]=\"store.placeholder()\"\n      [hint]=\"store.hint()\"\n      [autoComplete]=\"store.autoComplete()\"\n    />\n  @if (store.actions()?.length) {\n    <atoms-smart-menu-button injectable\n      [actions]=\"store.actions()\"\n      [type]=\"store.actionButtonType()\"\n      (action)=\"dispatch($event)\"\n    />\n  }`,\n  styleUrl: './password-input-section.organism.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: PasswordInputSectionOrganismStore,\n      inputs: ['label', 'placeholder', 'hint', 'control', 'autoComplete', 'actions', 'actionButtonType'],\n    },\n  ],\n})\nexport class PasswordInputSectionOrganism extends NgAtomicComponent {\n  protected store = inject(PasswordInputSectionOrganismStore);\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-select-input-section.mjs

@@ -1,35 +1,84 @@
-import { CommonModule } from '@angular/common';
+import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import { input, Directive, inject, Component, ChangeDetectionStrategy } from '@angular/core';
 import { FormControl } from '@angular/forms';
+import { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';
 import { SelectInputFieldMolecule } from '@ng-atomic/components/molecules/select-input-field';
+import { InjectableComponent, TokenizedType, NgAtomicComponent } from '@ng-atomic/core';
 
-class SelectInputSectionOrganism {
+let SelectInputSectionOrganismStore = class SelectInputSectionOrganismStore extends InjectableComponent {
     constructor() {
-        this.label = '';
-        this.control = new FormControl({});
-        this.options = [];
+        super(...arguments);
+        this.actions = input([]);
+        this.hint = input(null);
+        this.placeholder = input(null);
+        this.label = input('label');
+        this.control = input(new FormControl({}));
+        this.options = input([]);
+        this.multiple = input(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SelectInputSectionOrganism, isStandalone: true, selector: "organisms-select-input-section", inputs: { label: "label", control: "control", options: "options" }, ngImport: i0, template: "<molecules-select-input-field\n  [label]=\"label\"\n  [control]=\"control\"\n  [options]=\"options\"\n></molecules-select-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-H3rS: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-H3rS);box-sizing:border-box}:host .molecule.input-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SelectInputFieldMolecule, selector: "molecules-select-input-field", inputs: ["label", "appearance", "control", "options"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SelectInputSectionOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: SelectInputSectionOrganismStore, isStandalone: true, selector: "organisms-select-input-section", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+};
+SelectInputSectionOrganismStore = __decorate([
+    TokenizedType()
+], SelectInputSectionOrganismStore);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SelectInputSectionOrganismStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true, selector: 'organisms-select-input-section' }]
+        }] });
+class SelectInputSectionOrganism extends NgAtomicComponent {
+    constructor() {
+        super(...arguments);
+        this.store = inject((SelectInputSectionOrganismStore));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SelectInputSectionOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: SelectInputSectionOrganism, isStandalone: true, selector: "organisms-select-input-section", usesInheritance: true, hostDirectives: [{ directive: SelectInputSectionOrganismStore, inputs: ["actions", "actions", "hint", "hint", "placeholder", "placeholder", "label", "label", "control", "control", "options", "options", "multiple", "multiple"] }], ngImport: i0, template: `
+  <molecules-select-input-field
+    [label]="store.label()"
+    [control]="store.control()"
+    [options]="store.options()"
+    [hint]="store.hint()"
+    [placeholder]="store.placeholder()"
+    [multiple]="store.multiple()"
+  ></molecules-select-input-field>
+  @if (store.actions()?.length) {
+    <atoms-smart-menu-button
+      [actions]="store.actions()"
+      (action)="dispatch($event)"
+    />
+  }`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-dEVf: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-dEVf) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-select-input-section-dEVf)}: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: "component", type: SelectInputFieldMolecule, selector: "molecules-select-input-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectInputSectionOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SelectInputSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-select-input-section', standalone: true, imports: [
-                        CommonModule,
                         SelectInputFieldMolecule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-select-input-field\n  [label]=\"label\"\n  [control]=\"control\"\n  [options]=\"options\"\n></molecules-select-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-H3rS: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-H3rS);box-sizing:border-box}:host .molecule.input-field{width:100%}\n"] }]
-        }], propDecorators: { label: [{
-                type: Input
-            }], control: [{
-                type: Input
-            }], options: [{
-                type: Input
-            }] } });
+                        SmartMenuButtonAtom,
+                    ], template: `
+  <molecules-select-input-field
+    [label]="store.label()"
+    [control]="store.control()"
+    [options]="store.options()"
+    [hint]="store.hint()"
+    [placeholder]="store.placeholder()"
+    [multiple]="store.multiple()"
+  ></molecules-select-input-field>
+  @if (store.actions()?.length) {
+    <atoms-smart-menu-button
+      [actions]="store.actions()"
+      (action)="dispatch($event)"
+    />
+  }`, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: SelectInputSectionOrganismStore,
+                            inputs: ['actions', 'hint', 'placeholder', 'label', 'control', 'options', 'multiple'],
+                        }
+                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-dEVf: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-dEVf) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-select-input-section-dEVf)}: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"] }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { SelectInputSectionOrganism };
+export { SelectInputSectionOrganism, SelectInputSectionOrganismStore };
 //# sourceMappingURL=ng-atomic-components-organisms-select-input-section.mjs.map

package/fesm2022/ng-atomic-components-organisms-select-input-section.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-select-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/select-input-section/select-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/select-input-section/select-input-section.organism.html","../../../../../packages/@ng-atomic/components/src/lib/organisms/select-input-section/ng-atomic-components-organisms-select-input-section.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { SelectInputFieldMolecule } from '@ng-atomic/components/molecules/select-input-field';\n\n@Component({\n  selector: 'organisms-select-input-section',\n  standalone: true,\n  imports: [\n    CommonModule,\n    SelectInputFieldMolecule,\n  ],\n  templateUrl: './select-input-section.organism.html',\n  styleUrls: ['./select-input-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SelectInputSectionOrganism<T> {\n\n  @Input()\n  label: string = '';\n\n  @Input()\n  control = new FormControl<T>({} as T);\n\n  @Input()\n  options: {name: string, value: T}[] = [];\n  \n}\n","<molecules-select-input-field\n  [label]=\"label\"\n  [control]=\"control\"\n  [options]=\"options\"\n></molecules-select-input-field>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAgBa,0BAA0B,CAAA;AAXvC,IAAA,WAAA,GAAA;QAcE,IAAK,CAAA,KAAA,GAAW,EAAE,CAAC;AAGnB,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAI,EAAO,CAAC,CAAC;QAGtC,IAAO,CAAA,OAAA,GAA+B,EAAE,CAAC;AAE1C,KAAA;+GAXY,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,EChBvC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gCAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,wIAIgC,EDK5B,MAAA,EAAA,CAAA,6RAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,+BACZ,wBAAwB,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,YAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FAMf,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAXtC,SAAS;+BACE,gCAAgC,EAAA,UAAA,EAC9B,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,wBAAwB;qBACzB,EAGgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,wIAAA,EAAA,MAAA,EAAA,CAAA,6RAAA,CAAA,EAAA,CAAA;8BAK/C,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;;;AExBR;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-select-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/select-input-section/select-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/select-input-section/ng-atomic-components-organisms-select-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, inject, Input, input } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';\nimport { SelectInputFieldMolecule } from '@ng-atomic/components/molecules/select-input-field';\nimport { Action, InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'organisms-select-input-section' })\nexport class SelectInputSectionOrganismStore<T> extends InjectableComponent {\n  readonly actions = input<Action[]>([]);\n  readonly hint = input(null);\n  readonly placeholder = input(null);\n  readonly label = input('label');\n  readonly control = input(new FormControl<T>({} as T));\n  readonly options = input<{name: string, value: T}[]>([]);\n  readonly multiple = input(false);\n}\n\n@Component({\n  selector: 'organisms-select-input-section',\n  standalone: true,\n  imports: [\n    SelectInputFieldMolecule,\n    SmartMenuButtonAtom,\n  ],\n  template: `\n  <molecules-select-input-field\n    [label]=\"store.label()\"\n    [control]=\"store.control()\"\n    [options]=\"store.options()\"\n    [hint]=\"store.hint()\"\n    [placeholder]=\"store.placeholder()\"\n    [multiple]=\"store.multiple()\"\n  ></molecules-select-input-field>\n  @if (store.actions()?.length) {\n    <atoms-smart-menu-button\n      [actions]=\"store.actions()\"\n      (action)=\"dispatch($event)\"\n    />\n  }`,\n  styleUrls: ['./select-input-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: SelectInputSectionOrganismStore,\n      inputs: ['actions', 'hint', 'placeholder', 'label', 'control', 'options', 'multiple'],\n    }\n  ]\n})\nexport class SelectInputSectionOrganism<T> extends NgAtomicComponent {\n  protected readonly store = inject(SelectInputSectionOrganismStore<T>);\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-selection-list.mjs

@@ -29,8 +29,8 @@ class SelectionListOrganism extends NgAtomicComponent {
             payload: item,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectionListOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SelectionListOrganism, isStandalone: true, selector: "organisms-selection-list", inputs: { items: "items", itemActions: "itemActions", selection: "selection" }, viewQueries: [{ propertyName: "list", first: true, predicate: MatSelectionList, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SelectionListOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: SelectionListOrganism, isStandalone: true, selector: "organisms-selection-list", inputs: { items: "items", itemActions: "itemActions", selection: "selection" }, viewQueries: [{ propertyName: "list", first: true, predicate: MatSelectionList, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
     <mat-selection-list
       [multiple]="false"
     >
@@ -60,9 +60,9 @@ class SelectionListOrganism extends NgAtomicComponent {
         ></atoms-smart-menu-button>
       </mat-list-option>
     </mat-selection-list>
-  `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i2.MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "checkboxPosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "directive", type: i2.MatListItemAvatar, selector: "[matListItemAvatar]" }, { kind: "directive", type: i2.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i2.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: ["actions"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i2.MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "checkboxPosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "directive", type: i2.MatListItemAvatar, selector: "[matListItemAvatar]" }, { kind: "directive", type: i2.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i2.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectionListOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SelectionListOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-selection-list', standalone: true, imports: [
                         CommonModule,

package/fesm2022/ng-atomic-components-organisms-selection-list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-selection-list.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/selection-list/selection-list.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/selection-list/ng-atomic-components-organisms-selection-list.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, ViewChild } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatListModule, MatSelectionList } from '@angular/material/list';\nimport { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\nimport { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';\nimport { Action } from '@ng-atomic/core';\n\nenum ActionId {\n  TOGGLE_OPTION = '[@ng-atomic/components/organisms/selection-list] Toggle Option',\n}\n\n@Component({\n  selector: 'organisms-selection-list',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatListModule,\n    DataAccessorPipe,\n    MatIconModule,\n    MatButtonModule,\n    SmartMenuButtonAtom,\n  ],\n  template: `\n    <mat-selection-list\n      [multiple]=\"false\"\n    >\n      <mat-list-option\n        *ngFor=\"let item of items\"\n        [lines]=\"2\" \n        [value]=\"item\"\n        [selected]=\"selection.isSelected(item.id)\"\n        [togglePosition]=\"'before'\"\n        (click)=\"toggleOption(item)\"\n      >\n        <span\n          matListItemTitle\n          [matTooltip]=\"item | dataAccessor:'title'\"\n          >\n          {{ item | dataAccessor:'title' }}\n        </span>\n        <span matListItemLine>\n          {{ item | dataAccessor:'description' }}\n        </span>\n        <atoms-smart-menu-button\n          style=\"margin-top: -16px;\"\n          matListItemAvatar\n          [actions]=\"itemActions(item)\"\n          (action)=\"dispatch($event)\"\n          (click)=\"$event.preventDefault(); $event.stopPropagation();\"\n        ></atoms-smart-menu-button>\n      </mat-list-option>\n    </mat-selection-list>\n  `,\n  styleUrls: ['./selection-list.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SelectionListOrganism<T> extends NgAtomicComponent {\n  static ActionId = ActionId;\n\n  @ViewChild(MatSelectionList, { static: true })\n  list!: MatSelectionList\n\n  @Input()\n  items: T[] = [];\n\n  @Input()\n  itemActions: (item: T) => Action[] = () => [];\n\n  @Input()\n  selection = new SelectionModel(false);\n\n  toggleOption(item: T) {\n    this.dispatch({\n      id: ActionId.TOGGLE_OPTION,\n      payload: item,\n    });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-organisms-selection-list.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/selection-list/selection-list.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/selection-list/ng-atomic-components-organisms-selection-list.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, ViewChild } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatListModule, MatSelectionList } from '@angular/material/list';\nimport { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatButtonModule } from '@angular/material/button';\nimport { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';\nimport { Action } from '@ng-atomic/core';\n\nenum ActionId {\n  TOGGLE_OPTION = '[@ng-atomic/components/organisms/selection-list] Toggle Option',\n}\n\n@Component({\n  selector: 'organisms-selection-list',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatListModule,\n    DataAccessorPipe,\n    MatIconModule,\n    MatButtonModule,\n    SmartMenuButtonAtom,\n  ],\n  template: `\n    <mat-selection-list\n      [multiple]=\"false\"\n    >\n      <mat-list-option\n        *ngFor=\"let item of items\"\n        [lines]=\"2\" \n        [value]=\"item\"\n        [selected]=\"selection.isSelected(item.id)\"\n        [togglePosition]=\"'before'\"\n        (click)=\"toggleOption(item)\"\n      >\n        <span\n          matListItemTitle\n          [matTooltip]=\"item | dataAccessor:'title'\"\n          >\n          {{ item | dataAccessor:'title' }}\n        </span>\n        <span matListItemLine>\n          {{ item | dataAccessor:'description' }}\n        </span>\n        <atoms-smart-menu-button\n          style=\"margin-top: -16px;\"\n          matListItemAvatar\n          [actions]=\"itemActions(item)\"\n          (action)=\"dispatch($event)\"\n          (click)=\"$event.preventDefault(); $event.stopPropagation();\"\n        ></atoms-smart-menu-button>\n      </mat-list-option>\n    </mat-selection-list>\n  `,\n  styleUrls: ['./selection-list.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SelectionListOrganism<T> extends NgAtomicComponent {\n  static ActionId = ActionId;\n\n  @ViewChild(MatSelectionList, { static: true })\n  list!: MatSelectionList\n\n  @Input()\n  items: T[] = [];\n\n  @Input()\n  itemActions: (item: T) => Action[] = () => [];\n\n  @Input()\n  selection = new SelectionModel(false);\n\n  toggleOption(item: T) {\n    this.dispatch({\n      id: ActionId.TOGGLE_OPTION,\n      payload: item,\n    });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}