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

@ng-atomic/components 17.14.0 → 18.1.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 (302) hide show

package/fesm2022/ng-atomic-components-frames-side-nav.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-frames-side-nav.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/side-nav/side-nav.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/side-nav/ng-atomic-components-frames-side-nav.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Directive, HostBinding, WritableSignal, inject, input, signal } from '@angular/core';\nimport { Breakpoint } from '@ng-atomic/common/services/breakpoint';\nimport { makeConfig, UIContext } from '@ng-atomic/common/services/ui';\nimport { DrawerFrame } from '@ng-atomic/components/frames/drawer';\nimport { LineUpFrame } from '@ng-atomic/components/frames/line-up';\nimport { MenuTemplateStore } from '@ng-atomic/components/templates/menu';\nimport { NgAtomicComponent, TokenizedType, _computed } from '@ng-atomic/core';\nimport { IconButtonMenuTemplateStore } from '@ng-atomic/components/templates/icon-button-menu';\nimport { InjectableComponent } from '@ng-atomic/core';\n\nexport function injectSideNavMode(): WritableSignal<'collapsed' \| 'expanded'> {\n return signal<'collapsed' \| 'expanded'>('collapsed');\n}\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'frames-side-nav' })\nexport class SideNavFrameStore extends InjectableComponent {\n static getMode = (context: UIContext) => {\n switch (context.breakpoint) {\n case 'xSmall': return 'collapsed';\n default: return 'expanded';\n }\n };\n\n static getFrameType = (context: UIContext): 'lineup' \| 'drawer' => {\n switch (context.breakpoint) {\n case 'xSmall': return 'drawer';\n default: return 'lineup';\n }\n };\n\n static getMenuType = (context: UIContext): 'menu' \| 'icon-button-menu' => {\n switch (context.breakpoint) {\n case 'xSmall': return 'menu';\n case 'small':\n case 'medium': return 'icon-button-menu';\n default: return 'menu';\n }\n };\n\n static readonly Config = makeConfig(() => {\n return (context) => ({\n actions: [],\n menuType: SideNavFrameStore.getMenuType(context),\n menuTitle: undefined as string,\n mode: SideNavFrameStore.getMode(context),\n frameType: SideNavFrameStore.getFrameType(context),\n });\n }, ['components', 'frames', 'sideNav']);\n\n readonly config = SideNavFrameStore.Config.inject();\n readonly actions = input(_computed(() => this.config().actions));\n readonly menuType = input(_computed(() => this.config().menuType));\n readonly menuTitle = input(_computed(() => this.config().menuTitle));\n readonly mode = input(_computed(() => this.config().mode));\n readonly frameType = input(_computed(() => this.config().frameType));\n\n @HostBinding('attr.frame')\n get attrFrame() {\n return this.frameType();\n }\n}\n\n\n@Component({\n standalone: true,\n imports: [\n NgTemplateOutlet,\n DrawerFrame,\n LineUpFrame,\n IconButtonMenuTemplateStore,\n MenuTemplateStore,\n ],\n selector: 'frames-side-nav',\n template: `\n @switch (store.frameType()) {\n @case ('drawer') {\n @defer {\n <frames-drawer [opened]=\"store.mode() === 'expanded'\">\n <ng-container ngTemplateOutlet=\"menu\" drawer/>\n <ng-container ngTemplateOutlet=\"contents\" contents/>\n </frames-drawer>\n }\n }\n @default {\n <!-- @defer { -->\n <frames-line-up [hasNext]=\"true\" [scope]=\"'nav'\">\n <ng-container ngTemplateOutlet=\"menu\" main/>\n <div class=\"content\" next><ng-container ngTemplateOutlet=\"contents\"/></div>\n </frames-line-up>\n <!-- } -->\n }\n }\n\n <ng-template #menu>\n @switch (store.menuType()) {\n @case ('icon-button-menu') {\n <!-- @defer { -->\n <templates-icon-button-menu injectable\n [actions]=\"store.actions()\"\n (action)=\"dispatch($event)\"\n />\n <!-- } -->\n }\n @default {\n <!-- @defer { -->\n <templates-menu injectable\n [title]=\"store.menuTitle()\"\n [actions]=\"store.actions()\"\n (action)=\"dispatch($event)\"\n />\n <!-- } -->\n }\n }\n </ng-template>\n <ng-template #contents><ng-content/></ng-template>\n `,\n styleUrls: ['./side-nav.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: SideNavFrameStore,\n inputs: [\n 'actions',\n 'menuType',\n 'menuTitle',\n 'mode',\n 'frameType',\n ],\n },\n ],\n})\nexport class SideNavFrame extends NgAtomicComponent {\n protected store = inject(SideNavFrameStore);\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;;;;;;;;;;~~SAWgB,iBAAiB,GAAA;AAC/B,IAAA,OAAO,MAAM,CAA2B,WAAW,CAAC,CAAC;AACvD,CAAC;AAIM,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,mBAAmB,CAAA;AAAnD,IAAA,WAAA,GAAA;;AAkCI,QAAA,IAAA,CAAA,MAAM,GAAG,mBAAiB,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;AAC3C,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AACxD,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC1D,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;AAC5D,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AAClD,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;AAMtE,KAAA;;AA5CQ,IAAA,SAAA,IAAA,CAAA,OAAO,GAAG,CAAC,OAAkB,KAAI;~~QACtC~~,QAAQ,OAAO,CAAC,UAAU;AACxB,YAAA,KAAK,QAAQ,EAAE,OAAO,WAAW,CAAC;AAClC,YAAA,SAAS,OAAO,UAAU,CAAC;~~AAC5B,SAAA~~;AACH,KAAC,CAAC,EAAA;AAEK,IAAA,SAAA,IAAA,CAAA,YAAY,GAAG,CAAC,OAAkB,KAAyB;~~QAChE~~,QAAQ,OAAO,CAAC,UAAU;AACxB,YAAA,KAAK,QAAQ,EAAE,OAAO,QAAQ,CAAC;AAC/B,YAAA,SAAS,OAAO,QAAQ,CAAC;~~AAC1B,SAAA~~;AACH,KAAC,CAAC,EAAA;AAEK,IAAA,SAAA,IAAA,CAAA,WAAW,GAAG,CAAC,OAAkB,KAAiC;~~QACvE~~,QAAQ,OAAO,CAAC,UAAU;AACxB,YAAA,KAAK,QAAQ,EAAE,OAAO,MAAM,CAAC;AAC7B,YAAA,KAAK,OAAO,CAAC;AACb,YAAA,KAAK,QAAQ,EAAE,OAAO,kBAAkB,CAAC;AACzC,YAAA,SAAS,OAAO,MAAM,CAAC;~~AACxB,SAAA~~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~~AA0CT~~,~~EAAA~~,~~CAAA,EAAA,~~QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,igEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,~~EAjDC~~,gBAAgB,~~EAEhB~~,~~QAAA~~,EAAA,~~oBAAA~~,EAAA,~~MAAA~~,EAAA,~~CAAA,yBAAA,~~EAAA,~~kBAAA,~~EAAA,~~0BAAA~~,~~CAAA,~~EAAA,~~EAAA~~,EAAA,IAAA,~~EAAA~~,~~WAAA~~,~~EAAA~~,~~IAAA~~,EAAA,~~WAAW~~,~~EACX~~,~~QAAA~~,EAAA,~~gBAAA~~,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,~~2BAA2B~~,~~4FAC3B~~,~~iBAAiB~~,EAAA,~~QAAA~~,~~EAAA~~,~~gBAAA~~,~~EAAA~~,~~MAAA~~,~~EAAA~~,CAAA,~~SAAA~~,~~EAAA~~,~~OAAA~~,CAAA,EAAA,CAAA,EAAA,~~eAAA~~,EAAA,EAAA,CAAA,~~uBAAA~~,CAAA,~~MAAA~~,~~EAAA~~,CAAA,CAAA,EAAA~~;;2FA6DR~~,~~YAAY~~,EAAA,UAAA,EAAA,CAAA;~~kBApExB~~,SAAS;AACI,~~YAAA~~,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACP,OAAA,EAAA;~~wBACP~~,gBAAgB;~~wBAChB~~,WAAW;~~wBACX~~,WAAW;~~wBACX~~,2BAA2B;~~wBAC3B~~,iBAAiB;AAClB,~~qBAAA~~,EAAA,QAAA,EACS,iBAAiB,EACjB,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAC/B,cAAA,EAAA;AACd,~~wBAAA~~;AACE,~~4BAAA~~,SAAS,EAAE,iBAAiB;AAC5B,~~4BAAA~~,MAAM,EAAE;~~gCACN~~,SAAS;~~gCACT~~,UAAU;~~gCACV~~,WAAW;~~gCACX~~,MAAM;~~gCACN~~,WAAW;AACZ,~~6BAAA~~;AACF,~~yBAAA~~;AACF,~~qBAAA~~,EAAA,MAAA,EAAA,CAAA,igEAAA,CAAA,EAAA,CAAA;;;ACnIH;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-frames-side-nav.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/side-nav/side-nav.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/side-nav/ng-atomic-components-frames-side-nav.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Directive, HostBinding, WritableSignal, inject, input, signal } from '@angular/core';\nimport { Breakpoint } from '@ng-atomic/common/services/breakpoint';\nimport { makeConfig, UIContext } from '@ng-atomic/common/services/ui';\nimport { DrawerFrame } from '@ng-atomic/components/frames/drawer';\nimport { LineUpFrame } from '@ng-atomic/components/frames/line-up';\nimport { MenuTemplateStore } from '@ng-atomic/components/templates/menu';\nimport { NgAtomicComponent, TokenizedType, _computed } from '@ng-atomic/core';\nimport { IconButtonMenuTemplateStore } from '@ng-atomic/components/templates/icon-button-menu';\nimport { InjectableComponent } from '@ng-atomic/core';\n\nexport function injectSideNavMode(): WritableSignal<'collapsed' \| 'expanded'> {\n return signal<'collapsed' \| 'expanded'>('collapsed');\n}\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'frames-side-nav' })\nexport class SideNavFrameStore extends InjectableComponent {\n static getMode = (context: UIContext) => {\n switch (context.breakpoint) {\n case 'xSmall': return 'collapsed';\n default: return 'expanded';\n }\n };\n\n static getFrameType = (context: UIContext): 'lineup' \| 'drawer' => {\n switch (context.breakpoint) {\n case 'xSmall': return 'drawer';\n default: return 'lineup';\n }\n };\n\n static getMenuType = (context: UIContext): 'menu' \| 'icon-button-menu' => {\n switch (context.breakpoint) {\n case 'xSmall': return 'menu';\n case 'small':\n case 'medium': return 'icon-button-menu';\n default: return 'menu';\n }\n };\n\n static readonly Config = makeConfig(() => {\n return (context) => ({\n actions: [],\n menuType: SideNavFrameStore.getMenuType(context),\n menuTitle: undefined as string,\n mode: SideNavFrameStore.getMode(context),\n frameType: SideNavFrameStore.getFrameType(context),\n });\n }, ['components', 'frames', 'sideNav']);\n\n readonly config = SideNavFrameStore.Config.inject();\n readonly actions = input(_computed(() => this.config().actions));\n readonly menuType = input(_computed(() => this.config().menuType));\n readonly menuTitle = input(_computed(() => this.config().menuTitle));\n readonly mode = input(_computed(() => this.config().mode));\n readonly frameType = input(_computed(() => this.config().frameType));\n\n @HostBinding('attr.frame')\n get attrFrame() {\n return this.frameType();\n }\n}\n\n\n@Component({\n standalone: true,\n imports: [\n NgTemplateOutlet,\n DrawerFrame,\n LineUpFrame,\n IconButtonMenuTemplateStore,\n MenuTemplateStore,\n ],\n selector: 'frames-side-nav',\n template: `\n @switch (store.frameType()) {\n @case ('drawer') {\n @defer {\n <frames-drawer [opened]=\"store.mode() === 'expanded'\">\n <ng-container ngTemplateOutlet=\"menu\" drawer/>\n <ng-container ngTemplateOutlet=\"contents\" contents/>\n </frames-drawer>\n }\n }\n @default {\n <!-- @defer { -->\n <frames-line-up [hasNext]=\"true\" [scope]=\"'nav'\">\n <ng-container ngTemplateOutlet=\"menu\" main/>\n <div class=\"content\" next><ng-container ngTemplateOutlet=\"contents\"/></div>\n </frames-line-up>\n <!-- } -->\n }\n }\n\n <ng-template #menu>\n @switch (store.menuType()) {\n @case ('icon-button-menu') {\n <!-- @defer { -->\n <templates-icon-button-menu injectable\n [actions]=\"store.actions()\"\n (action)=\"dispatch($event)\"\n />\n <!-- } -->\n }\n @default {\n <!-- @defer { -->\n <templates-menu injectable\n [title]=\"store.menuTitle()\"\n [actions]=\"store.actions()\"\n (action)=\"dispatch($event)\"\n />\n <!-- } -->\n }\n }\n </ng-template>\n <ng-template #contents><ng-content/></ng-template>\n `,\n styleUrls: ['./side-nav.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: SideNavFrameStore,\n inputs: [\n 'actions',\n 'menuType',\n 'menuTitle',\n 'mode',\n 'frameType',\n ],\n },\n ],\n})\nexport class SideNavFrame extends NgAtomicComponent {\n protected store = inject(SideNavFrameStore);\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-frames-smart-menu.mjs CHANGED Viewed

@@ -13,14 +13,14 @@ class SmartMenuFrame {
         const page = this.outlet?.activatedRouteData?.['page'];
         return page === 'Blank' ? 'Blank' : this.isMainHidden ? `Next` : `NextWithMainPage`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SmartMenuFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: SmartMenuFrame, isStandalone: true, selector: "frames-smart-menu", inputs: { label: "label", outlet: "outlet", minNextWidth: "minNextWidth" }, host: { properties: { "attr.is-main-hidden": "this.isMainHidden" } }, viewQueries: [{ propertyName: "next", first: true, predicate: ["next"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"menu\" #menu>\n  <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n  <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-dfGB: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-dfGB: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-dfGB: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-dfGB);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-dfGB)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-dfGB)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SmartMenuFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: SmartMenuFrame, isStandalone: true, selector: "frames-smart-menu", inputs: { label: "label", outlet: "outlet", minNextWidth: "minNextWidth" }, host: { properties: { "attr.is-main-hidden": "this.isMainHidden" } }, viewQueries: [{ propertyName: "next", first: true, predicate: ["next"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"menu\" #menu>\n  <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n  <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-SSyk: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-SSyk: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-SSyk: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-SSyk);width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-SSyk)}:host .contents{display:flex;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-SSyk)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SmartMenuFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SmartMenuFrame, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
                         CommonModule,
-                    ], selector: 'frames-smart-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"menu\" #menu>\n  <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n  <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-dfGB: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-dfGB: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-dfGB: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-dfGB);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-dfGB)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-dfGB)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"] }]
+                    ], selector: 'frames-smart-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"menu\" #menu>\n  <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n  <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-SSyk: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-SSyk: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-SSyk: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-smart-menu-SSyk);width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-SSyk)}:host .contents{display:flex;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-SSyk)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"] }]
         }], propDecorators: { isMainHidden: [{
                 type: HostBinding,
                 args: ['attr.is-main-hidden']

package/fesm2022/ng-atomic-components-frames-smart-menu.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-frames-smart-menu.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/smart-menu/smart-menu.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/smart-menu/smart-menu.frame.html","../../../../../packages/@ng-atomic/components/src/lib/frames/smart-menu/ng-atomic-components-frames-smart-menu.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Input, ViewChild } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\n\n@Component({\n standalone: true,\n imports: [\n CommonModule,\n ],\n selector: 'frames-smart-menu',\n templateUrl: './smart-menu.frame.html',\n styleUrls: ['./smart-menu.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SmartMenuFrame {\n @HostBinding('attr.is-main-hidden')\n isMainHidden = false;\n\n @Input()\n label = 'root';\n\n @Input()\n outlet?: RouterOutlet;\n\n @Input()\n minNextWidth: ~~number~~ = 360;\n\n @ViewChild('next', {static: true})\n next!: ElementRef;\n\n get page(): string {\n const page: string = this.outlet?.activatedRouteData?.['page'];\n return page === 'Blank' ? 'Blank' : this.isMainHidden ? `Next` : `NextWithMainPage`;\n }\n\n}\n","<div class=\"menu\" #menu>\n <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n <ng-content select=\"[contents]\"></ng-content>\n</div>","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;MAca,cAAc,CAAA;AAV3B,IAAA,WAAA,GAAA;QAYE,IAAY,CAAA,YAAA,GAAG,KAAK,CAAC;QAGrB,IAAK,CAAA,KAAA,GAAG,MAAM,CAAC;QAMf,IAAY,CAAA,YAAA,~~GAAW~~,GAAG,CAAC;~~AAU5B~~,KAAA;AALC,IAAA,IAAI,IAAI,GAAA;QACN,MAAM,IAAI,GAAW,IAAI,CAAC,MAAM,EAAE,kBAAkB,GAAG,MAAM,CAAC,CAAC;QAC/D,OAAO,IAAI,KAAK,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC,YAAY,GAAG,MAAM,GAAG,CAAA,gBAAA,CAAkB,CAAC;KACrF;8GAnBU,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,MAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,MAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECd3B,kLAKM,EAAA,MAAA,EAAA,CAAA~~,+uBAAA~~,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDEF,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAOH,cAAc,EAAA,UAAA,EAAA,CAAA;kBAV1B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;AACb,qBAAA,EAAA,QAAA,EACS,mBAAmB,EAAA,eAAA,EAGZ,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,kLAAA,EAAA,MAAA,EAAA,CAAA~~,+uBAAA~~,CAAA,EAAA,CAAA;8BAI/C,YAAY,EAAA,CAAA;sBADX,WAAW;uBAAC,qBAAqB,CAAA;gBAIlC,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,KAAK;gBAIN,YAAY,EAAA,CAAA;sBADX,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,MAAM,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,CAAA;;;AE3BnC;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-frames-smart-menu.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/smart-menu/smart-menu.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/smart-menu/smart-menu.frame.html","../../../../../packages/@ng-atomic/components/src/lib/frames/smart-menu/ng-atomic-components-frames-smart-menu.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Input, ViewChild } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\n\n@Component({\n standalone: true,\n imports: [\n CommonModule,\n ],\n selector: 'frames-smart-menu',\n templateUrl: './smart-menu.frame.html',\n styleUrls: ['./smart-menu.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SmartMenuFrame {\n @HostBinding('attr.is-main-hidden')\n isMainHidden = false;\n\n @Input()\n label = 'root';\n\n @Input()\n outlet?: RouterOutlet;\n\n @Input()\n minNextWidth = 360;\n\n @ViewChild('next', {static: true})\n next!: ElementRef;\n\n get page(): string {\n const page: string = this.outlet?.activatedRouteData?.['page'];\n return page === 'Blank' ? 'Blank' : this.isMainHidden ? `Next` : `NextWithMainPage`;\n }\n\n}\n","<div class=\"menu\" #menu>\n <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n <ng-content select=\"[contents]\"></ng-content>\n</div>","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;MAca,cAAc,CAAA;AAV3B,IAAA,WAAA,GAAA;QAYE,IAAY,CAAA,YAAA,GAAG,KAAK,CAAC;QAGrB,IAAK,CAAA,KAAA,GAAG,MAAM,CAAC;QAMf,IAAY,CAAA,YAAA,GAAG,GAAG,CAAC;AAUpB,KAAA;AALC,IAAA,IAAI,IAAI,GAAA;QACN,MAAM,IAAI,GAAW,IAAI,CAAC,MAAM,EAAE,kBAAkB,GAAG,MAAM,CAAC,CAAC;QAC/D,OAAO,IAAI,KAAK,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC,YAAY,GAAG,MAAM,GAAG,CAAA,gBAAA,CAAkB,CAAC;KACrF;8GAnBU,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,MAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,MAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECd3B,kLAKM,EAAA,MAAA,EAAA,CAAA,6rBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDEF,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAOH,cAAc,EAAA,UAAA,EAAA,CAAA;kBAV1B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;AACb,qBAAA,EAAA,QAAA,EACS,mBAAmB,EAAA,eAAA,EAGZ,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,kLAAA,EAAA,MAAA,EAAA,CAAA,6rBAAA,CAAA,EAAA,CAAA;8BAI/C,YAAY,EAAA,CAAA;sBADX,WAAW;uBAAC,qBAAqB,CAAA;gBAIlC,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,KAAK;gBAIN,YAAY,EAAA,CAAA;sBADX,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,MAAM,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,CAAA;;;AE3BnC;;AAEG;;;;"}

package/fesm2022/ng-atomic-components-frames-tabs.mjs CHANGED Viewed

@@ -14,8 +14,8 @@ class TabsFrame {
             this.tabs.push({ content: content });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TabsFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: TabsFrame, isStandalone: true, selector: "frames-tabs", queries: [{ propertyName: "tabContents", predicate: ["tab"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TabsFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: TabsFrame, isStandalone: true, selector: "frames-tabs", queries: [{ propertyName: "tabContents", predicate: ["tab"] }], ngImport: i0, template: `
     <mat-tab-group>
       <mat-tab *ngFor="let tab of tabs; let i = index" [label]="'Tab ' + (i + 1)">
         <ng-container *ngTemplateOutlet="tab.content"></ng-container>
@@ -23,7 +23,7 @@ class TabsFrame {
     </mat-tab-group>
   `, isInline: true, styles: [":host{display:block}:host{height:100%}:host mat-tab-group{height:100%}:host mat-tab-group ::ng-deep .mat-mdc-tab-body-wrapper{height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TabsFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TabsFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-tabs', standalone: true, imports: [
                         CommonModule,

package/fesm2022/ng-atomic-components-frames-tabs.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-frames-tabs.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/tabs/tabs.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/tabs/ng-atomic-components-frames-tabs.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ContentChildren, ElementRef, QueryList } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTabsModule } from '@angular/material/tabs';\n\n@Component({\n selector: 'frames-tabs',\n standalone: true,\n imports: [\n CommonModule,\n MatTabsModule,\n ],\n template: `\n <mat-tab-group>\n <mat-tab ngFor=\"let tab of tabs; let i = index\" [label]=\"'Tab ' + (i + 1)\">\n <ng-container ngTemplateOutlet=\"tab.content\"></ng-container>\n </mat-tab>\n </mat-tab-group>\n `,\n styleUrls: ['./tabs.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TabsFrame {\n @ContentChildren('tab') tabContents: QueryList<ElementRef>;\n\n tabs: any[] = [];\n\n ngAfterContentInit() {\n this.tabContents.forEach((content, index) => {\n this.tabs.push({ content: content });\n });\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;MAqBa,SAAS,CAAA;AAjBtB,IAAA,WAAA,GAAA;QAoBE,IAAI,CAAA,IAAA,GAAU,EAAE,CAAC;AAOlB,KAAA;IALC,kBAAkB,GAAA;QAChB,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,KAAK,KAAI;YAC1C,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;AACvC,SAAC,CAAC,CAAC;KACJ;8GATU,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAT,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,EAVV,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,aAAA,EAAA,SAAA,EAAA,CAAA,KAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;GAMT,EATC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,8IAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,kUACZ,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,OAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,oBAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,mBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,qBAAA,EAAA,aAAA,EAAA,eAAA,EAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAYJ,SAAS,EAAA,UAAA,EAAA,CAAA;kBAjBrB,SAAS;+BACE,aAAa,EAAA,UAAA,EACX,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,aAAa;qBACd,EACS,QAAA,EAAA,CAAA;;;;;;GAMT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,8IAAA,CAAA,EAAA,CAAA;8BAGvB,WAAW,EAAA,CAAA;sBAAlC,eAAe;uBAAC,KAAK,CAAA;;;ACtBxB;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-frames-tabs.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/tabs/tabs.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/tabs/ng-atomic-components-frames-tabs.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ContentChildren, ElementRef, QueryList, AfterContentInit } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTabsModule } from '@angular/material/tabs';\n\n@Component({\n selector: 'frames-tabs',\n standalone: true,\n imports: [\n CommonModule,\n MatTabsModule,\n ],\n template: `\n <mat-tab-group>\n <mat-tab ngFor=\"let tab of tabs; let i = index\" [label]=\"'Tab ' + (i + 1)\">\n <ng-container ngTemplateOutlet=\"tab.content\"></ng-container>\n </mat-tab>\n </mat-tab-group>\n `,\n styleUrls: ['./tabs.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TabsFrame implements AfterContentInit {\n @ContentChildren('tab') tabContents: QueryList<ElementRef>;\n\n tabs: any[] = [];\n\n ngAfterContentInit() {\n this.tabContents.forEach((content, index) => {\n this.tabs.push({ content: content });\n });\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;MAqBa,SAAS,CAAA;AAjBtB,IAAA,WAAA,GAAA;QAoBE,IAAI,CAAA,IAAA,GAAU,EAAE,CAAC;AAOlB,KAAA;IALC,kBAAkB,GAAA;QAChB,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,KAAK,KAAI;YAC1C,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;AACvC,SAAC,CAAC,CAAC;KACJ;8GATU,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAT,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,EAVV,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,aAAA,EAAA,SAAA,EAAA,CAAA,KAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;GAMT,EATC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,8IAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,kUACZ,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,OAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,oBAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,mBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,qBAAA,EAAA,aAAA,EAAA,eAAA,EAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAYJ,SAAS,EAAA,UAAA,EAAA,CAAA;kBAjBrB,SAAS;+BACE,aAAa,EAAA,UAAA,EACX,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,aAAa;qBACd,EACS,QAAA,EAAA,CAAA;;;;;;GAMT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,8IAAA,CAAA,EAAA,CAAA;8BAGvB,WAAW,EAAA,CAAA;sBAAlC,eAAe;uBAAC,KAAK,CAAA;;;ACtBxB;;AAEG;;;;"}

package/fesm2022/ng-atomic-components-frames-toggle.mjs CHANGED Viewed

@@ -15,8 +15,8 @@ class ToggleFrame extends NgAtomicComponent {
     onChange($event) {
         this.dispatch($event.value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ToggleFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: ToggleFrame, isStandalone: true, selector: "frames-toggle", inputs: { actions: "actions" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ToggleFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: ToggleFrame, isStandalone: true, selector: "frames-toggle", inputs: { actions: "actions" }, usesInheritance: true, ngImport: i0, template: `
     <ng-content />
     <mat-button-toggle-group #group="matButtonToggleGroup" (change)="onChange($event)">
       @for (action of actions; track action.id) {
@@ -25,9 +25,9 @@ class ToggleFrame extends NgAtomicComponent {
         </mat-button-toggle>
       }
     </mat-button-toggle-group>
-  `, isInline: true, styles: [":host{position:relative;display:contents}:host mat-button-toggle-group{position:absolute;bottom:8px;left:16px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i1.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{position:relative;display:contents}:host mat-button-toggle-group{position:absolute;bottom:8px;left:16px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i1.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.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: ToggleFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ToggleFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-toggle', standalone: true, imports: [
                         CommonModule,

package/fesm2022/ng-atomic-components-frames-toggle.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-frames-toggle.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/toggle/toggle.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/toggle/ng-atomic-components-frames-toggle.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonToggleChange, MatButtonToggleModule } from '@angular/material/button-toggle';\nimport { MatIconModule } from '@angular/material/icon';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { Action, NgAtomicComponent } from '@ng-atomic/core';\n\n@Component({\n selector: 'frames-toggle',\n standalone: true,\n imports: [\n CommonModule,\n MatButtonToggleModule,\n MatIconModule,\n ],\n template: `\n <ng-content />\n <mat-button-toggle-group #group=\"matButtonToggleGroup\" (change)=\"onChange($event)\">\n @for (action of actions; track action.id) {\n <mat-button-toggle [value]=\"action\">\n <mat-icon>{{ action.icon }}</mat-icon>\n </mat-button-toggle>\n }\n </mat-button-toggle-group>\n `,\n styleUrls: ['./toggle.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ToggleFrame extends NgAtomicComponent {\n @Input() actions: Action[] = [];\n\n protected onChange($event: MatButtonToggleChange) {\n this.dispatch($event.value);\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;AA4BM,MAAO,WAAY,SAAQ,iBAAiB,CAAA;AArBlD,IAAA,WAAA,GAAA;;QAsBW,IAAO,CAAA,OAAA,GAAa,EAAE,CAAC;AAKjC,KAAA;AAHW,IAAA,QAAQ,CAAC,MAA6B,EAAA;AAC9C,QAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;KAC7B;8GALU,WAAW,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAX,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,EAbZ,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;AAST,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,kHAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAbC,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,qBAAqB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,EAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,sBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,eAAA,EAAA,YAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACrB,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAeJ,WAAW,EAAA,UAAA,EAAA,CAAA;kBArBvB,SAAS;+BACE,eAAe,EAAA,UAAA,EACb,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,qBAAqB;wBACrB,aAAa;qBACd,EACS,QAAA,EAAA,CAAA;;;;;;;;;GAST,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,kHAAA,CAAA,EAAA,CAAA;8BAGtC,OAAO,EAAA,CAAA;sBAAf,KAAK;;;AC7BR;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-frames-toggle.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/toggle/toggle.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/toggle/ng-atomic-components-frames-toggle.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonToggleChange, MatButtonToggleModule } from '@angular/material/button-toggle';\nimport { MatIconModule } from '@angular/material/icon';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { Action, NgAtomicComponent } from '@ng-atomic/core';\n\n@Component({\n selector: 'frames-toggle',\n standalone: true,\n imports: [\n CommonModule,\n MatButtonToggleModule,\n MatIconModule,\n ],\n template: `\n <ng-content />\n <mat-button-toggle-group #group=\"matButtonToggleGroup\" (change)=\"onChange($event)\">\n @for (action of actions; track action.id) {\n <mat-button-toggle [value]=\"action\">\n <mat-icon>{{ action.icon }}</mat-icon>\n </mat-button-toggle>\n }\n </mat-button-toggle-group>\n `,\n styleUrls: ['./toggle.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ToggleFrame extends NgAtomicComponent {\n @Input() actions: Action[] = [];\n\n protected onChange($event: MatButtonToggleChange) {\n this.dispatch($event.value);\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;AA4BM,MAAO,WAAY,SAAQ,iBAAiB,CAAA;AArBlD,IAAA,WAAA,GAAA;;QAsBW,IAAO,CAAA,OAAA,GAAa,EAAE,CAAC;AAKjC,KAAA;AAHW,IAAA,QAAQ,CAAC,MAA6B,EAAA;AAC9C,QAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;KAC7B;8GALU,WAAW,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAX,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,EAbZ,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;AAST,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,kHAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAbC,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,qBAAqB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,UAAA,EAAA,UAAA,EAAA,8BAAA,EAAA,gCAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,EAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,sBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,eAAA,EAAA,YAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACrB,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAeJ,WAAW,EAAA,UAAA,EAAA,CAAA;kBArBvB,SAAS;+BACE,eAAe,EAAA,UAAA,EACb,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,qBAAqB;wBACrB,aAAa;qBACd,EACS,QAAA,EAAA,CAAA;;;;;;;;;GAST,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,kHAAA,CAAA,EAAA,CAAA;8BAGtC,OAAO,EAAA,CAAA;sBAAf,KAAK;;;AC7BR;;AAEG;;;;"}

package/fesm2022/ng-atomic-components-frames-vertical-hide.mjs CHANGED Viewed

@@ -7,13 +7,13 @@ class VerticalHideFrame {
     constructor() {
         this.mode = 'collapsed';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: VerticalHideFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: VerticalHideFrame, isStandalone: true, selector: "frames-vertical-hide", inputs: { mode: "mode" }, host: { properties: { "attr.mode": "this.mode" } }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: VerticalHideFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: VerticalHideFrame, isStandalone: true, selector: "frames-vertical-hide", inputs: { mode: "mode" }, host: { properties: { "attr.mode": "this.mode" } }, ngImport: i0, template: `
     <ng-content></ng-content>
     <organisms-vertical-divider></organisms-vertical-divider>
-  `, isInline: true, styles: [":host{--collapsed-height: 200px;--collapsed-height-SCOPED-IN-vertical-hide-XrJ0: var(--collapsed-height);--expanded-height: 400px;--expanded-height-SCOPED-IN-vertical-hide-XrJ0: var(--expanded-height)}:host{position:relative;display:block;transition:.5s height}:host organisms-vertical-divider{position:absolute;bottom:0;width:100%}:host[mode=collapsed]{height:var(--collapsed-height-SCOPED-IN-vertical-hide-XrJ0)}:host[mode=expanded]{height:var(--expanded-height-SCOPED-IN-vertical-hide-XrJ0)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: VerticalDividerOrganism, selector: "organisms-vertical-divider" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--collapsed-height: 200px;--collapsed-height-SCOPED-IN-vertical-hide-t4my: var(--collapsed-height);--expanded-height: 400px;--expanded-height-SCOPED-IN-vertical-hide-t4my: var(--expanded-height)}:host{position:relative;display:block;transition:.5s height}:host organisms-vertical-divider{position:absolute;bottom:0;width:100%}:host[mode=collapsed]{height:var(--collapsed-height-SCOPED-IN-vertical-hide-t4my)}:host[mode=expanded]{height:var(--expanded-height-SCOPED-IN-vertical-hide-t4my)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: VerticalDividerOrganism, selector: "organisms-vertical-divider" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: VerticalHideFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: VerticalHideFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-vertical-hide', standalone: true, imports: [
                         CommonModule,
@@ -21,7 +21,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                     ], template: `
     <ng-content></ng-content>
     <organisms-vertical-divider></organisms-vertical-divider>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--collapsed-height: 200px;--collapsed-height-SCOPED-IN-vertical-hide-XrJ0: var(--collapsed-height);--expanded-height: 400px;--expanded-height-SCOPED-IN-vertical-hide-XrJ0: var(--expanded-height)}:host{position:relative;display:block;transition:.5s height}:host organisms-vertical-divider{position:absolute;bottom:0;width:100%}:host[mode=collapsed]{height:var(--collapsed-height-SCOPED-IN-vertical-hide-XrJ0)}:host[mode=expanded]{height:var(--expanded-height-SCOPED-IN-vertical-hide-XrJ0)}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--collapsed-height: 200px;--collapsed-height-SCOPED-IN-vertical-hide-t4my: var(--collapsed-height);--expanded-height: 400px;--expanded-height-SCOPED-IN-vertical-hide-t4my: var(--expanded-height)}:host{position:relative;display:block;transition:.5s height}:host organisms-vertical-divider{position:absolute;bottom:0;width:100%}:host[mode=collapsed]{height:var(--collapsed-height-SCOPED-IN-vertical-hide-t4my)}:host[mode=expanded]{height:var(--expanded-height-SCOPED-IN-vertical-hide-t4my)}\n"] }]
         }], propDecorators: { mode: [{
                 type: Input
             }, {

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

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

package/fesm2022/ng-atomic-components-molecules-action-input-field.mjs CHANGED Viewed

@@ -33,8 +33,8 @@ class ActionInputFieldMolecule extends NgAtomicComponent {
             return this._errorChildren && this._errorChildren.length > 0 ? 'error' : 'hint';
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ActionInputFieldMolecule, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ActionInputFieldMolecule, isStandalone: true, selector: "molecules-action-input-field", inputs: { appearance: "appearance", type: "type", name: "name", label: "label", control: "control", placeholder: "placeholder", hint: "hint", actions: "actions" }, viewQueries: [{ propertyName: "formField", first: true, predicate: MatFormField, descendants: true }, { propertyName: "input", first: true, predicate: ["matInput"], descendants: true, read: MatInput }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ActionInputFieldMolecule, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: ActionInputFieldMolecule, isStandalone: true, selector: "molecules-action-input-field", inputs: { appearance: "appearance", type: "type", name: "name", label: "label", control: "control", placeholder: "placeholder", hint: "hint", actions: "actions" }, viewQueries: [{ propertyName: "formField", first: true, predicate: MatFormField, descendants: true }, { propertyName: "input", first: true, predicate: ["matInput"], descendants: true, read: MatInput }], usesInheritance: true, ngImport: i0, template: `
   <mat-form-field class="mat-form-field-disabled" [appearance]="appearance">
     <mat-label>{{ label }}</mat-label>
     <input matInput [name]="name" type="text" [formControl]="control" [placeholder]="placeholder">
@@ -46,9 +46,9 @@ class ActionInputFieldMolecule extends NgAtomicComponent {
     [actions]="actions"
     (action)="dispatch($event)"
   ></atoms-smart-menu-button>
-  `, isInline: true, styles: [":host{display:block}:host{display:flex;width:100%;flex-direction:row;align-items:center;justify-content:space-between}:host mat-form-field{width:100%}:host atoms-smart-menu-button{width:-moz-fit-content;width:fit-content;margin-bottom:20px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }, { kind: "pipe", type: ErrorPipe, name: "error" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block}:host{display:flex;width:100%;flex-direction:row;align-items:center;justify-content:space-between}:host mat-form-field{width:100%}:host atoms-smart-menu-button{width:fit-content;margin-bottom:20px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }, { kind: "pipe", type: ErrorPipe, name: "error" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ActionInputFieldMolecule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ActionInputFieldMolecule, decorators: [{
             type: Component,
             args: [{ selector: 'molecules-action-input-field', standalone: true, imports: [
                         CommonModule,
@@ -68,7 +68,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
     [actions]="actions"
     (action)="dispatch($event)"
   ></atoms-smart-menu-button>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}:host{display:flex;width:100%;flex-direction:row;align-items:center;justify-content:space-between}:host mat-form-field{width:100%}:host atoms-smart-menu-button{width:-moz-fit-content;width:fit-content;margin-bottom:20px}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}:host{display:flex;width:100%;flex-direction:row;align-items:center;justify-content:space-between}:host mat-form-field{width:100%}:host atoms-smart-menu-button{width:fit-content;margin-bottom:20px}\n"] }]
         }], propDecorators: { formField: [{
                 type: ViewChild,
                 args: [MatFormField]

package/fesm2022/ng-atomic-components-molecules-action-input-field.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-molecules-action-input-field.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/action-input-field/action-input-field.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/action-input-field/ng-atomic-components-molecules-action-input-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, Pipe, ViewChild } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { MatInput, MatInputModule } from '@angular/material/input';\nimport { Action } from '@ng-atomic/core';\nimport { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { MatFormField } from '@angular/material/form-field';\nimport { ErrorPipe } from '@ng-atomic/common/pipes/error';\nimport { startWith } from 'rxjs';\n\n\n@Component({\n selector: 'molecules-action-input-field',\n standalone: true,\n imports: [\n CommonModule,\n ReactiveFormsModule,\n MatInputModule,\n SmartMenuButtonAtom,\n ErrorPipe,\n ],\n template: `\n <mat-form-field class=\"mat-form-field-disabled\" [appearance]=\"appearance\">\n <mat-label>{{ label }}</mat-label>\n <input matInput [name]=\"name\" type=\"text\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n <mat-hint ngIf=\"hint\">{{ hint }}</mat-hint>\n <mat-error>{{ control.errors \| error }}</mat-error>\n </mat-form-field>\n <atoms-smart-menu-button\n [actions]=\"actions\"\n (action)=\"dispatch($event)\"\n ></atoms-smart-menu-button>\n `,\n styleUrls: ['./action-input-field.molecule.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ActionInputFieldMolecule extends NgAtomicComponent {\n\n @ViewChild(MatFormField)\n formField!: MatFormField;\n\n @ViewChild('matInput', { read: MatInput })\n input!: MatInput;\n\n @Input()\n appearance: 'outline' \| 'fill' = 'outline';\n\n @Input()\n type: 'text' \| 'number' \| 'password' = 'text';\n\n @Input()\n name?: string;\n\n @Input()\n label = 'label';\n\n @Input()\n control = new FormControl<string>('');\n\n @Input()\n placeholder = 'placeholder';\n\n @Input()\n hint?: string;\n\n @Input()\n get actions(): Action[] {\n return this._actions.map((action) => ({...action}));\n }\n set actions(value: Action[]) {\n this._actions = value;\n }\n private _actions: Action[] = [];\n\n ngAfterViewInit() {\n this.formField._getDisplayedMessages = function (): 'error' \| 'hint' {\n return this._errorChildren && this._errorChildren.length > 0 ? 'error' : 'hint';\n };\n }\n\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAsCM,MAAO,wBAAyB,SAAQ,iBAAiB,CAAA;AA1B/D,IAAA,WAAA,GAAA;;QAmCE,IAAU,CAAA,UAAA,GAAuB,SAAS,CAAC;QAG3C,IAAI,CAAA,IAAA,GAAmC,MAAM,CAAC;QAM9C,IAAK,CAAA,KAAA,GAAG,OAAO,CAAC;AAGhB,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAS,EAAE,CAAC,CAAC;QAGtC,IAAW,CAAA,WAAA,GAAG,aAAa,CAAC;QAYpB,IAAQ,CAAA,QAAA,GAAa,EAAE,CAAC;AAQjC,KAAA;AAfC,IAAA,IACI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,MAAM,MAAM,EAAC,GAAG,MAAM,EAAC,CAAC,CAAC,CAAC;KACrD;IACD,IAAI,OAAO,CAAC,KAAe,EAAA;AACzB,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;KACvB;IAGD,eAAe,GAAA;AACb,QAAA,IAAI,CAAC,SAAS,CAAC,qBAAqB,GAAG,YAAA;AACrC,YAAA,OAAO,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,GAAG,OAAO,GAAG,MAAM,CAAC;AAClF,SAAC,CAAC;KACH;8GA1CU,wBAAwB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,EAExB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,aAAA,EAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,YAAY,EAGQ,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAA,EAAA,QAAQ,EArB7B,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;GAYT,EAlBC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,~~oPAAA~~,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,kIACZ,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACnB,cAAc,EACd,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,yHAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,IAAA,EAAA,aAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,mBAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,IAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,IAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,mBAAmB,+DACnB,SAAS,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAkBA,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBA1BpC,SAAS;+BACE,8BAA8B,EAAA,UAAA,EAC5B,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,cAAc;wBACd,mBAAmB;wBACnB,SAAS;qBACV,EACS,QAAA,EAAA,CAAA;;;;;;;;;;;;GAYT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,~~oPAAA~~,CAAA,EAAA,CAAA;8BAK/C,SAAS,EAAA,CAAA;sBADR,SAAS;uBAAC,YAAY,CAAA;gBAIvB,KAAK,EAAA,CAAA;sBADJ,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAA;gBAIzC,UAAU,EAAA,CAAA;sBADT,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIF,OAAO,EAAA,CAAA;sBADV,KAAK;;;ACnER;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-molecules-action-input-field.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/action-input-field/action-input-field.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/action-input-field/ng-atomic-components-molecules-action-input-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, Pipe, ViewChild, AfterViewInit } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { MatInput, MatInputModule } from '@angular/material/input';\nimport { Action } from '@ng-atomic/core';\nimport { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { MatFormField } from '@angular/material/form-field';\nimport { ErrorPipe } from '@ng-atomic/common/pipes/error';\nimport { startWith } from 'rxjs';\n\n\n@Component({\n selector: 'molecules-action-input-field',\n standalone: true,\n imports: [\n CommonModule,\n ReactiveFormsModule,\n MatInputModule,\n SmartMenuButtonAtom,\n ErrorPipe,\n ],\n template: `\n <mat-form-field class=\"mat-form-field-disabled\" [appearance]=\"appearance\">\n <mat-label>{{ label }}</mat-label>\n <input matInput [name]=\"name\" type=\"text\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n <mat-hint ngIf=\"hint\">{{ hint }}</mat-hint>\n <mat-error>{{ control.errors \| error }}</mat-error>\n </mat-form-field>\n <atoms-smart-menu-button\n [actions]=\"actions\"\n (action)=\"dispatch($event)\"\n ></atoms-smart-menu-button>\n `,\n styleUrls: ['./action-input-field.molecule.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ActionInputFieldMolecule extends NgAtomicComponent implements AfterViewInit {\n\n @ViewChild(MatFormField)\n formField!: MatFormField;\n\n @ViewChild('matInput', { read: MatInput })\n input!: MatInput;\n\n @Input()\n appearance: 'outline' \| 'fill' = 'outline';\n\n @Input()\n type: 'text' \| 'number' \| 'password' = 'text';\n\n @Input()\n name?: string;\n\n @Input()\n label = 'label';\n\n @Input()\n control = new FormControl<string>('');\n\n @Input()\n placeholder = 'placeholder';\n\n @Input()\n hint?: string;\n\n @Input()\n get actions(): Action[] {\n return this._actions.map((action) => ({...action}));\n }\n set actions(value: Action[]) {\n this._actions = value;\n }\n private _actions: Action[] = [];\n\n ngAfterViewInit() {\n this.formField._getDisplayedMessages = function (): 'error' \| 'hint' {\n return this._errorChildren && this._errorChildren.length > 0 ? 'error' : 'hint';\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-molecules-actions-column.mjs CHANGED Viewed

@@ -33,13 +33,13 @@ let ActionsColumnMoleculeStore = class ActionsColumnMoleculeStore extends Inject
             },
         });
     }, ['components', 'molecules', 'actions-column']); }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ActionsColumnMoleculeStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: ActionsColumnMoleculeStore, isStandalone: true, inputs: { headerText: { classPropertyName: "headerText", publicName: "headerText", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, itemActions: { classPropertyName: "itemActions", publicName: "itemActions", 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: ActionsColumnMoleculeStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: ActionsColumnMoleculeStore, isStandalone: true, inputs: { headerText: { classPropertyName: "headerText", publicName: "headerText", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, itemActions: { classPropertyName: "itemActions", publicName: "itemActions", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 };
 ActionsColumnMoleculeStore = ActionsColumnMoleculeStore_1 = __decorate([
     TokenizedType()
 ], ActionsColumnMoleculeStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ActionsColumnMoleculeStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ActionsColumnMoleculeStore, decorators: [{
             type: Directive,
             args: [{ standalone: true }]
         }] });
@@ -69,20 +69,20 @@ class ActionsColumnMolecule extends NgAtomicComponent {
             this._table.removeColumnDef(this.columnDef());
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ActionsColumnMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "17.2.2", type: ActionsColumnMolecule, isStandalone: true, selector: "molecules-actions-column", viewQueries: [{ propertyName: "columnDef", first: true, predicate: CdkColumnDef, descendants: true, isSignal: true }, { propertyName: "cell", first: true, predicate: CdkCellDef, descendants: true, isSignal: true }, { propertyName: "headerCell", first: true, predicate: CdkHeaderCellDef, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: ActionsColumnMoleculeStore, inputs: ["headerText", "headerText", "name", "name", "itemActions", "itemActions"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ActionsColumnMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.1.2", type: ActionsColumnMolecule, isStandalone: true, selector: "molecules-actions-column", viewQueries: [{ propertyName: "columnDef", first: true, predicate: CdkColumnDef, descendants: true, isSignal: true }, { propertyName: "cell", first: true, predicate: CdkCellDef, descendants: true, isSignal: true }, { propertyName: "headerCell", first: true, predicate: CdkHeaderCellDef, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: ActionsColumnMoleculeStore, inputs: ["headerText", "headerText", "name", "name", "itemActions", "itemActions"] }], ngImport: i0, template: `
   <ng-container matColumnDef>
     <th mat-header-cell *matHeaderCellDef [style.width]="store.style()?.width">{{ store.headerText() }}</th>
     <td mat-cell *matCellDef="let item">
       <atoms-smart-menu-button
         [actions]="store.itemActions() | resolveActions:item"
-        (action)="dispatch({id: $event.id, payload: item})"
+        (action)="dispatch($event)"
       />
     </td>
   </ng-container>
-  `, isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatTableModule }, { kind: "directive", type: i1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "ngmodule", type: MatMenuModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }, { kind: "pipe", type: ActionsPipe, name: "resolveActions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatTableModule }, { kind: "directive", type: i1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "ngmodule", type: MatMenuModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }, { kind: "pipe", type: ActionsPipe, name: "resolveActions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ActionsColumnMolecule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ActionsColumnMolecule, decorators: [{
             type: Component,
             args: [{ selector: 'molecules-actions-column', standalone: true, imports: [
                         CommonModule,
@@ -98,7 +98,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
     <td mat-cell *matCellDef="let item">
       <atoms-smart-menu-button
         [actions]="store.itemActions() | resolveActions:item"
-        (action)="dispatch({id: $event.id, payload: item})"
+        (action)="dispatch($event)"
       />
     </td>
   </ng-container>

package/fesm2022/ng-atomic-components-molecules-actions-column.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-molecules-actions-column.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/actions-column/actions-column.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/actions-column/ng-atomic-components-molecules-actions-column.ts"],"sourcesContent":["import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef, CdkTable } from '@angular/cdk/table';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Directive, ViewEncapsulation, computed, effect, inject, input, viewChild } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatTableModule } from '@angular/material/table';\nimport { _computed, Actions, InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\nimport { ActionsPipe } from '@ng-atomic/common/pipes/actions';\nimport { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';\nimport { makeConfig } from '@ng-atomic/common/services/ui';\n\n@TokenizedType()\n@Directive({ standalone: true })\nexport class ActionsColumnMoleculeStore extends InjectableComponent {\n static readonly Config = makeConfig(() => {\n return () => ({\n headerText: '',\n itemActions: [] as Actions,\n style: {\n width: '48px',\n },\n });\n }, ['components', 'molecules', 'actions-column']);\n readonly config = ActionsColumnMoleculeStore.Config.inject();\n readonly headerText = input<string>(_computed(() => this.config().headerText));\n readonly name = input.required<string>();\n readonly itemActions = input<Actions>(_computed(() => this.config().itemActions));\n readonly style = computed(() => this.config().style);\n}\n\n@Component({\n selector: 'molecules-actions-column',\n standalone: true,\n imports: [\n CommonModule,\n MatTableModule,\n MatMenuModule,\n MatButtonModule,\n MatIconModule,\n SmartMenuButtonAtom,\n ActionsPipe,\n ],\n template: `\n <ng-container matColumnDef>\n <th mat-header-cell matHeaderCellDef [style.width]=\"store.style()?.width\">{{ store.headerText() }}</th>\n <td mat-cell matCellDef=\"let item\">\n <atoms-smart-menu-button\n [actions]=\"store.itemActions() \| resolveActions:item\"\n (action)=\"dispatch(~~{id:~~ $event~~.id, payload: item}~~)\"\n />\n </td>\n </ng-container>\n `,\n styleUrls: ['./actions-column.molecule.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: ActionsColumnMoleculeStore,\n inputs: ['headerText', 'name', 'itemActions'],\n },\n ],\n})\nexport class ActionsColumnMolecule~~<T>~~ extends NgAtomicComponent {\n private _table = inject(CdkTable, {optional: true});\n protected store = inject(ActionsColumnMoleculeStore);\n readonly columnDef = viewChild.required(CdkColumnDef);\n readonly cell = viewChild.required(CdkCellDef);\n readonly headerCell = viewChild.required(CdkHeaderCellDef);\n\n constructor() {\n super();\n effect(() => {\n if (this.columnDef()) this.columnDef().name = this.store.name();\n })\n }\n\n ngOnInit() {\n if (this._table) {\n this.columnDef().name = this.store.name();\n this.columnDef().cell = this.cell();\n this.columnDef().headerCell = this.headerCell();\n this._table.addColumnDef(this.columnDef());\n }\n }\n\n ngOnDestroy() {\n if (this._table) {\n this._table.removeColumnDef(this.columnDef());\n }\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAcO,IAAM,0BAA0B,GAAhC,MAAM,0BAA2B,SAAQ,mBAAmB,CAAA;AAA5D,IAAA,WAAA,GAAA;;AAUI,QAAA,IAAA,CAAA,MAAM,GAAG,4BAA0B,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;AACpD,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAS,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;AACtE,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;AAChC,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAU,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;AACzE,QAAA,IAAA,CAAA,KAAK,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;AACtD,KAAA;;AAdiB,IAAA,SAAA,IAAA,CAAA,MAAM,GAAG,UAAU,CAAC,MAAK;QACvC,OAAO,OAAO;AACZ,YAAA,UAAU,EAAE,EAAE;AACd,YAAA,WAAW,EAAE,EAAa;AAC1B,YAAA,KAAK,EAAE;AACL,gBAAA,KAAK,EAAE,MAAM;AACd,aAAA;AACF,SAAA,CAAC,CAAC;KACJ,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,gBAAgB,CAAC,CAR1B,CAQ4B,EAAA;8GATvC,0BAA0B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;AAA1B,0BAA0B,GAAA,4BAAA,GAAA,UAAA,CAAA;AAFtC,IAAA,aAAa,EAAE;AAEH,CAAA,EAAA,0BAA0B,CAetC,CAAA;2FAfY,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBADtC,SAAS;mBAAC,EAAE,UAAU,EAAE,IAAI,EAAE,CAAA;;AAmDzB,MAAO,~~qBAAyB~~,SAAQ,iBAAiB,CAAA;~~AAO7D~~,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE,CAAC;QAPF,IAAM,CAAA,MAAA,GAAG,MAAM,CAAC,QAAQ,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC;AAC1C,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,0BAA0B,CAAC,CAAC;AAC5C,QAAA,IAAA,CAAA,SAAS,GAAG,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;AAC7C,QAAA,IAAA,CAAA,IAAI,GAAG,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;AACtC,QAAA,IAAA,CAAA,UAAU,GAAG,SAAS,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;QAIzD,MAAM,CAAC,MAAK;YACV,IAAI,IAAI,CAAC,SAAS,EAAE;AAAE,gBAAA,IAAI,CAAC,SAAS,EAAE,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;AAClE,SAAC,CAAC,CAAA;KACH;IAED,QAAQ,GAAA;~~QACN~~,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,YAAA,IAAI,CAAC,SAAS,EAAE,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;YAC1C,IAAI,CAAC,SAAS,EAAE,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;YACpC,IAAI,CAAC,SAAS,EAAE,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;YAChD,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;~~AAC5C,SAAA~~;KACF;IAED,WAAW,GAAA;~~QACT~~,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;~~AAC~~/C~~,SAAA~~;KACF;8GA3BU,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAGQ,YAAY,EACjB,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,MAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,UAAU,6FACJ,gBAAgB,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAvD9C,0BAA0B,EA6B3B,MAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAAA,MAAA,EAAA,MAAA,EAAA,aAAA,EAAA,aAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;AAUT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAlBC,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,~~QAAA,EAAA,~~cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,sCAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACd,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACb,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACb,mBAAmB,EAAA,QAAA,EAAA,yBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EACnB,WAAW,EAAA,IAAA,EAAA,gBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAuBF,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAjCjC,SAAS;+BACE,0BAA0B,EAAA,UAAA,EACxB,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,cAAc;wBACd,aAAa;wBACb,eAAe;wBACf,aAAa;wBACb,mBAAmB;wBACnB,WAAW;qBACZ,EACS,QAAA,EAAA,CAAA;;;;;;;;;;AAUT,EAAA,CAAA,EAAA,aAAA,EAEc,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EAC/B,cAAA,EAAA;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,0BAA0B;AACrC,4BAAA,MAAM,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,aAAa,CAAC;AAC9C,yBAAA;AACF,qBAAA,EAAA,CAAA;;;AC9DH;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-molecules-actions-column.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/actions-column/actions-column.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/actions-column/ng-atomic-components-molecules-actions-column.ts"],"sourcesContent":["import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef, CdkTable } from '@angular/cdk/table';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Directive, ViewEncapsulation, computed, effect, inject, input, viewChild, OnInit } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatTableModule } from '@angular/material/table';\nimport { _computed, Actions, InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\nimport { ActionsPipe } from '@ng-atomic/common/pipes/actions';\nimport { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';\nimport { makeConfig } from '@ng-atomic/common/services/ui';\n\n@TokenizedType()\n@Directive({ standalone: true })\nexport class ActionsColumnMoleculeStore extends InjectableComponent {\n static readonly Config = makeConfig(() => {\n return () => ({\n headerText: '',\n itemActions: [] as Actions,\n style: {\n width: '48px',\n },\n });\n }, ['components', 'molecules', 'actions-column']);\n readonly config = ActionsColumnMoleculeStore.Config.inject();\n readonly headerText = input<string>(_computed(() => this.config().headerText));\n readonly name = input.required<string>();\n readonly itemActions = input<Actions>(_computed(() => this.config().itemActions));\n readonly style = computed(() => this.config().style);\n}\n\n@Component({\n selector: 'molecules-actions-column',\n standalone: true,\n imports: [\n CommonModule,\n MatTableModule,\n MatMenuModule,\n MatButtonModule,\n MatIconModule,\n SmartMenuButtonAtom,\n ActionsPipe,\n ],\n template: `\n <ng-container matColumnDef>\n <th mat-header-cell matHeaderCellDef [style.width]=\"store.style()?.width\">{{ store.headerText() }}</th>\n <td mat-cell matCellDef=\"let item\">\n <atoms-smart-menu-button\n [actions]=\"store.itemActions() \| resolveActions:item\"\n (action)=\"dispatch($event)\"\n />\n </td>\n </ng-container>\n `,\n styleUrls: ['./actions-column.molecule.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: ActionsColumnMoleculeStore,\n inputs: ['headerText', 'name', 'itemActions'],\n },\n ],\n})\nexport class ActionsColumnMolecule extends NgAtomicComponent implements OnInit {\n private _table = inject(CdkTable, {optional: true});\n protected store = inject(ActionsColumnMoleculeStore);\n readonly columnDef = viewChild.required(CdkColumnDef);\n readonly cell = viewChild.required(CdkCellDef);\n readonly headerCell = viewChild.required(CdkHeaderCellDef);\n\n constructor() {\n super();\n effect(() => {\n if (this.columnDef()) this.columnDef().name = this.store.name();\n })\n }\n\n ngOnInit() {\n if (this._table) {\n this.columnDef().name = this.store.name();\n this.columnDef().cell = this.cell();\n this.columnDef().headerCell = this.headerCell();\n this._table.addColumnDef(this.columnDef());\n }\n }\n\n ngOnDestroy() {\n if (this._table) {\n this._table.removeColumnDef(this.columnDef());\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-molecules-checkbox-column.mjs CHANGED Viewed

@@ -68,8 +68,8 @@ class CheckboxColumnMolecule extends NgAtomicComponent {
     onCheckboxClick(item, event) {
         this.dispatch({ id: ActionId.CHECKBOX_CLICK, payload: item });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: CheckboxColumnMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: CheckboxColumnMolecule, isStandalone: true, selector: "molecules-checkbox-column", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, isHidden: { classPropertyName: "isHidden", publicName: "isHidden", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: CheckboxColumnMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: CheckboxColumnMolecule, isStandalone: true, selector: "molecules-checkbox-column", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, isHidden: { classPropertyName: "isHidden", publicName: "isHidden", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             { provide: MAT_CHECKBOX_DEFAULT_OPTIONS, useValue: { clickAction: 'noop' } }
         ], viewQueries: [{ propertyName: "columnDef", first: true, predicate: CdkColumnDef, descendants: true, isSignal: true }, { propertyName: "cell", first: true, predicate: CdkCellDef, descendants: true, isSignal: true }, { propertyName: "headerCell", first: true, predicate: CdkHeaderCellDef, descendants: true, isSignal: true }, { propertyName: "checkboxes", predicate: ["rowCheckbox"], descendants: true, read: MatCheckbox, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
   <ng-container matColumnDef>
@@ -89,9 +89,9 @@ class CheckboxColumnMolecule extends NgAtomicComponent {
         />
       }
     </td>
-  </ng-container>`, isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: MatTableModule }, { kind: "directive", type: i1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i1.MatCell, selector: "mat-cell, td[mat-cell]" }, { 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"] }, { kind: "pipe", type: SelectIdPipe, name: "selectId" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  </ng-container>`, isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: MatTableModule }, { kind: "directive", type: i1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i1.MatCell, selector: "mat-cell, td[mat-cell]" }, { 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"] }, { kind: "pipe", type: SelectIdPipe, name: "selectId" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: CheckboxColumnMolecule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: CheckboxColumnMolecule, decorators: [{
             type: Component,
             args: [{ selector: 'molecules-checkbox-column', standalone: true, imports: [
                         MatTableModule,

package/fesm2022/ng-atomic-components-molecules-checkbox-column.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-molecules-checkbox-column.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/checkbox-column/checkbox-column.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/checkbox-column/ng-atomic-components-molecules-checkbox-column.ts"],"sourcesContent":["import { SelectionModel } from '@angular/cdk/collections';\nimport { CdkCellDef, CdkColumnDef, CdkHeaderCellDef, CdkTable } from '@angular/cdk/table';\nimport { ChangeDetectionStrategy, Component, ViewEncapsulation, effect, inject, input, viewChild, viewChildren } from '@angular/core';\nimport { MAT_CHECKBOX_DEFAULT_OPTIONS, MatCheckbox, MatCheckboxDefaultOptions, MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatTableModule } from '@angular/material/table';\nimport { SelectIdPipe } from '@ng-atomic/common/pipes/select-id';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { computedAsync } from 'ngxtension/computed-async';\nimport { map, startWith, delay } from 'rxjs';\n\nenum ActionId {\n CHECKBOX_CLICK = '[@ng-atomic/components/molecules/checkbox-column] Checkbox Click',\n HEADER_CHECKBOX_CLICK = '[@ng-atomic/components/molecules/checkbox-column] Header Checkbox Click',\n}\n\n@Component({\n selector: 'molecules-checkbox-column',\n standalone: true,\n imports: [\n MatTableModule,\n MatCheckboxModule,\n SelectIdPipe,\n ],\n template: `\n <ng-container matColumnDef>\n <th mat-header-cell matHeaderCellDef>\n <mat-checkbox\n [checked]=\"headerCheckboxChecked()\"\n [indeterminate]=\"headerCheckboxIndeterminate()\"\n (click)=\"onHeaderCheckboxClick(item, $event)\"\n />\n </th>\n <td mat-cell matCellDef=\"let item\">\n @if (!isHidden()(item)) {\n <mat-checkbox\n [checked]=\"selection().isSelected(item \| selectId)\"\n (click)=\"onCheckboxClick(item, $event)\"\n #rowCheckbox\n />\n }\n </td>\n </ng-container>`,\n styleUrls: ['./checkbox-column.molecule.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {provide: MAT_CHECKBOX_DEFAULT_OPTIONS, useValue: { clickAction: 'noop' } as MatCheckboxDefaultOptions}\n ],\n})\nexport class CheckboxColumnMolecule<T> extends NgAtomicComponent {\n static readonly ActionId = ActionId;\n private _table = inject(CdkTable<T>, {optional: true});\n readonly name = input.required<string>();\n readonly selection = input(new SelectionModel<string>(true, []));\n readonly isHidden = input((item: T) => false);\n readonly columnDef = viewChild.required(CdkColumnDef);\n readonly cell = viewChild.required(CdkCellDef);\n readonly headerCell = viewChild.required(CdkHeaderCellDef);\n\n readonly checkboxes = viewChildren('rowCheckbox', {read: MatCheckbox});\n readonly headerCheckboxChecked = computedAsync(() => {\n return this.selection().changed.pipe(\n startWith(null),\n delay(0),\n map(() => {\n if (this.checkboxes().length === 0) return false;\n return this.checkboxes().some(checkbox => checkbox.checked);\n })\n );\n });\n readonly headerCheckboxIndeterminate = computedAsync(() => {\n return this.selection().changed.pipe(\n startWith(null),\n delay(0),\n map(() => {\n if (this.checkboxes().filter(checkbox => checkbox.checked).length === 0) return false;\n if (this.checkboxes().every(checkbox => checkbox.checked)) return false;\n return true;\n })\n );\n });\n\n constructor() {\n super();\n effect(() => {\n if (this.columnDef()) this.columnDef().name = this.name();\n });\n }\n\n ngOnInit() {\n if (this._table) {\n this.columnDef().name = this.name();\n this.columnDef().cell = this.cell();\n this.columnDef().headerCell = this.headerCell();\n this._table.addColumnDef(this.columnDef());\n }\n }\n\n ngOnDestroy() {\n if (this._table) {\n this._table.removeColumnDef(this.columnDef());\n }\n }\n\n protected onHeaderCheckboxClick(item: T, event: Event) {\n this.dispatch({id: ActionId.HEADER_CHECKBOX_CLICK, payload: item});\n }\n\n protected onCheckboxClick(item: T, event: Event) {\n this.dispatch({id: ActionId.CHECKBOX_CLICK, payload: item});\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;AAUA,IAAK,QAGJ,CAAA;AAHD,CAAA,UAAK,QAAQ,EAAA;AACX,IAAA,QAAA,CAAA,gBAAA,CAAA,GAAA,kEAAmF,CAAA;AACnF,IAAA,QAAA,CAAA,uBAAA,CAAA,GAAA,yEAAiG,CAAA;AACnG,CAAC,EAHI,QAAQ,KAAR,QAAQ,GAGZ,EAAA,CAAA,CAAA,CAAA;AAoCK,MAAO,sBAA0B,SAAQ,iBAAiB,CAAA;aAC9C,IAAQ,CAAA,QAAA,GAAG,QAAH,CAAY,EAAA;AAgCpC,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE,CAAC;AAhCF,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,EAAC,QAAW,GAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC;AAC9C,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;QAChC,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC,IAAI,cAAc,CAAS,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;QACxD,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC,CAAC,IAAO,KAAK,KAAK,CAAC,CAAC;AACrC,QAAA,IAAA,CAAA,SAAS,GAAG,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;AAC7C,QAAA,IAAA,CAAA,IAAI,GAAG,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;AACtC,QAAA,IAAA,CAAA,UAAU,GAAG,SAAS,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;QAElD,IAAU,CAAA,UAAA,GAAG,YAAY,CAAC,aAAa,EAAE,EAAC,IAAI,EAAE,WAAW,EAAC,CAAC,CAAC;AAC9D,QAAA,IAAA,CAAA,qBAAqB,GAAG,aAAa,CAAC,MAAK;YAClD,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,IAAI,CAClC,SAAS,CAAC,IAAI,CAAC,EACf,KAAK,CAAC,CAAC,CAAC,EACR,GAAG,CAAC,MAAK;AACP,gBAAA,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC,MAAM,KAAK,CAAC;AAAE,oBAAA,OAAO,KAAK,CAAC;AACjD,gBAAA,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,OAAO,CAAC,CAAC;aAC7D,CAAC,CACH,CAAC;AACJ,SAAC,CAAC,CAAC;AACM,QAAA,IAAA,CAAA,2BAA2B,GAAG,aAAa,CAAC,MAAK;YACxD,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,IAAI,CAClC,SAAS,CAAC,IAAI,CAAC,EACf,KAAK,CAAC,CAAC,CAAC,EACR,GAAG,CAAC,MAAK;AACP,gBAAA,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC,MAAM,CAAC,QAAQ,IAAI,QAAQ,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC;AAAE,oBAAA,OAAO,KAAK,CAAC;AACtF,gBAAA,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC,OAAO,CAAC;AAAE,oBAAA,OAAO,KAAK,CAAC;AACxE,gBAAA,OAAO,IAAI,CAAC;aACb,CAAC,CACH,CAAC;AACJ,SAAC,CAAC,CAAC;QAID,MAAM,CAAC,MAAK;YACV,IAAI,IAAI,CAAC,SAAS,EAAE;gBAAE,IAAI,CAAC,SAAS,EAAE,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;AAC5D,SAAC,CAAC,CAAC;KACJ;IAED,QAAQ,GAAA;~~QACN~~,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,SAAS,EAAE,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;YACpC,IAAI,CAAC,SAAS,EAAE,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;YACpC,IAAI,CAAC,SAAS,EAAE,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;YAChD,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;~~AAC5C,SAAA~~;KACF;IAED,WAAW,GAAA;~~QACT~~,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;~~AAC~~/C~~,SAAA~~;KACF;IAES,qBAAqB,CAAC,IAAO,EAAE,KAAY,EAAA;AACnD,QAAA,IAAI,CAAC,QAAQ,CAAC,EAAC,EAAE,EAAE,QAAQ,CAAC,qBAAqB,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;KACpE;IAES,eAAe,CAAC,IAAO,EAAE,KAAY,EAAA;AAC7C,QAAA,IAAI,CAAC,QAAQ,CAAC,EAAC,EAAE,EAAE,QAAQ,CAAC,cAAc,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;KAC7D;8GA7DU,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,EAJtB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,SAAA,EAAA;YACT,EAAC,OAAO,EAAE,4BAA4B,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,MAAM,EAA+B,EAAC;AACxG,SAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAQuC,YAAY,EACjB,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,MAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,UAAU,6FACJ,gBAAgB,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,YAAA,EAAA,SAAA,EAAA,CAAA,aAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAA,EAEA,WAAW,EApC1D,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;AAkBM,iBAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAtBd,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,~~QAAA,EAAA,~~cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,sCAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACd,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,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EACjB,YAAY,EAAA,IAAA,EAAA,UAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FA4BH,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAlClC,SAAS;+BACE,2BAA2B,EAAA,UAAA,EACzB,IAAI,EACP,OAAA,EAAA;wBACP,cAAc;wBACd,iBAAiB;wBACjB,YAAY;qBACb,EACS,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;AAkBM,iBAAA,CAAA,EAAA,aAAA,EAED,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA;wBACT,EAAC,OAAO,EAAE,4BAA4B,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,MAAM,EAA+B,EAAC;AACxG,qBAAA,EAAA,CAAA;;;AC/CH;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-molecules-checkbox-column.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/checkbox-column/checkbox-column.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/checkbox-column/ng-atomic-components-molecules-checkbox-column.ts"],"sourcesContent":["import { SelectionModel } from '@angular/cdk/collections';\nimport { CdkCellDef, CdkColumnDef, CdkHeaderCellDef, CdkTable } from '@angular/cdk/table';\nimport { ChangeDetectionStrategy, Component, ViewEncapsulation, effect, inject, input, viewChild, viewChildren, OnInit } from '@angular/core';\nimport { MAT_CHECKBOX_DEFAULT_OPTIONS, MatCheckbox, MatCheckboxDefaultOptions, MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatTableModule } from '@angular/material/table';\nimport { SelectIdPipe } from '@ng-atomic/common/pipes/select-id';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { computedAsync } from 'ngxtension/computed-async';\nimport { map, startWith, delay } from 'rxjs';\n\nenum ActionId {\n CHECKBOX_CLICK = '[@ng-atomic/components/molecules/checkbox-column] Checkbox Click',\n HEADER_CHECKBOX_CLICK = '[@ng-atomic/components/molecules/checkbox-column] Header Checkbox Click',\n}\n\n@Component({\n selector: 'molecules-checkbox-column',\n standalone: true,\n imports: [\n MatTableModule,\n MatCheckboxModule,\n SelectIdPipe,\n ],\n template: `\n <ng-container matColumnDef>\n <th mat-header-cell matHeaderCellDef>\n <mat-checkbox\n [checked]=\"headerCheckboxChecked()\"\n [indeterminate]=\"headerCheckboxIndeterminate()\"\n (click)=\"onHeaderCheckboxClick(item, $event)\"\n />\n </th>\n <td mat-cell matCellDef=\"let item\">\n @if (!isHidden()(item)) {\n <mat-checkbox\n [checked]=\"selection().isSelected(item \| selectId)\"\n (click)=\"onCheckboxClick(item, $event)\"\n #rowCheckbox\n />\n }\n </td>\n </ng-container>`,\n styleUrls: ['./checkbox-column.molecule.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {provide: MAT_CHECKBOX_DEFAULT_OPTIONS, useValue: { clickAction: 'noop' } as MatCheckboxDefaultOptions}\n ],\n})\nexport class CheckboxColumnMolecule<T> extends NgAtomicComponent implements OnInit {\n static readonly ActionId = ActionId;\n private _table = inject(CdkTable<T>, {optional: true});\n readonly name = input.required<string>();\n readonly selection = input(new SelectionModel<string>(true, []));\n readonly isHidden = input((item: T) => false);\n readonly columnDef = viewChild.required(CdkColumnDef);\n readonly cell = viewChild.required(CdkCellDef);\n readonly headerCell = viewChild.required(CdkHeaderCellDef);\n\n readonly checkboxes = viewChildren('rowCheckbox', {read: MatCheckbox});\n readonly headerCheckboxChecked = computedAsync(() => {\n return this.selection().changed.pipe(\n startWith(null),\n delay(0),\n map(() => {\n if (this.checkboxes().length === 0) return false;\n return this.checkboxes().some(checkbox => checkbox.checked);\n })\n );\n });\n readonly headerCheckboxIndeterminate = computedAsync(() => {\n return this.selection().changed.pipe(\n startWith(null),\n delay(0),\n map(() => {\n if (this.checkboxes().filter(checkbox => checkbox.checked).length === 0) return false;\n if (this.checkboxes().every(checkbox => checkbox.checked)) return false;\n return true;\n })\n );\n });\n\n constructor() {\n super();\n effect(() => {\n if (this.columnDef()) this.columnDef().name = this.name();\n });\n }\n\n ngOnInit() {\n if (this._table) {\n this.columnDef().name = this.name();\n this.columnDef().cell = this.cell();\n this.columnDef().headerCell = this.headerCell();\n this._table.addColumnDef(this.columnDef());\n }\n }\n\n ngOnDestroy() {\n if (this._table) {\n this._table.removeColumnDef(this.columnDef());\n }\n }\n\n protected onHeaderCheckboxClick(item: T, event: Event) {\n this.dispatch({id: ActionId.HEADER_CHECKBOX_CLICK, payload: item});\n }\n\n protected onCheckboxClick(item: T, event: Event) {\n this.dispatch({id: ActionId.CHECKBOX_CLICK, payload: item});\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-molecules-chips-input-field.mjs CHANGED Viewed

@@ -41,13 +41,13 @@ let ChipsInputFieldMoleculeStore = class ChipsInputFieldMoleculeStore extends In
             separators: [ENTER, COMMA, SPACE],
         });
     }, ['components', 'molecules', 'chips-input-field']); }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ChipsInputFieldMoleculeStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: ChipsInputFieldMoleculeStore, isStandalone: true, selector: "molecules-chips-input-field", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, floatLabel: { classPropertyName: "floatLabel", publicName: "floatLabel", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", 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 }, separators: { classPropertyName: "separators", publicName: "separators", 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: ChipsInputFieldMoleculeStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: ChipsInputFieldMoleculeStore, isStandalone: true, selector: "molecules-chips-input-field", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, floatLabel: { classPropertyName: "floatLabel", publicName: "floatLabel", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", 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 }, separators: { classPropertyName: "separators", publicName: "separators", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 };
 ChipsInputFieldMoleculeStore = ChipsInputFieldMoleculeStore_1 = __decorate([
     TokenizedType()
 ], ChipsInputFieldMoleculeStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ChipsInputFieldMoleculeStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ChipsInputFieldMoleculeStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'molecules-chips-input-field' }]
         }] });
@@ -75,8 +75,8 @@ class ChipsInputFieldMolecule extends NgAtomicComponent {
         this.chipsManager.remove(value);
         this.store.control().setValue(this.chipsManager.getValue());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ChipsInputFieldMolecule, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: ChipsInputFieldMolecule, isStandalone: true, selector: "molecules-chips-input-field", providers: [ChipsManager], usesInheritance: true, hostDirectives: [{ directive: ChipsInputFieldMoleculeStore, inputs: ["appearance", "appearance", "control", "control", "floatLabel", "floatLabel", "label", "label", "hint", "hint", "placeholder", "placeholder", "separators", "separators"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ChipsInputFieldMolecule, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: ChipsInputFieldMolecule, isStandalone: true, selector: "molecules-chips-input-field", providers: [ChipsManager], usesInheritance: true, hostDirectives: [{ directive: ChipsInputFieldMoleculeStore, inputs: ["appearance", "appearance", "control", "control", "floatLabel", "floatLabel", "label", "label", "hint", "hint", "placeholder", "placeholder", "separators", "separators"] }], ngImport: i0, template: `
   <mat-form-field [appearance]="store.appearance()" [floatLabel]="store.floatLabel()">
     <mat-label>{{ store.label() }}</mat-label>
     <mat-chip-grid #chipGrid>
@@ -102,7 +102,7 @@ class ChipsInputFieldMolecule extends NgAtomicComponent {
   </mat-form-field>
   `, isInline: true, styles: [":host{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host mat-form-field{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i1.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i1.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i1.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i1.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "pipe", type: ErrorPipe, name: "error" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ChipsInputFieldMolecule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ChipsInputFieldMolecule, decorators: [{
             type: Component,
             args: [{ selector: 'molecules-chips-input-field', standalone: true, imports: [
                         ReactiveFormsModule,