inugami-ng 0.0.19 → 0.0.20

package/fesm2022/inugami-ng-components-inu-page-layout.mjs

@@ -0,0 +1,27 @@
+import * as i0 from '@angular/core';
+import { input, computed, inject, Component } from '@angular/core';
+import { InuTemplateRegistryService } from 'inugami-ng/directives';
+import { InuAsideMenu } from 'inugami-ng/components/inu-aside-menu';
+import { NgTemplateOutlet } from '@angular/common';
+
+class InuPageLayout {
+    //==================================================================================================================
+    // ATTRIBUTES
+    //==================================================================================================================
+    links = input([], ...(ngDevMode ? [{ debugName: "links" }] : []));
+    menuTemplate = computed(() => this.registry.getTemplate('menu'), ...(ngDevMode ? [{ debugName: "menuTemplate" }] : []));
+    registry = inject(InuTemplateRegistryService);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InuPageLayout, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: InuPageLayout, isStandalone: true, selector: "inu-page-layout", inputs: { links: { classPropertyName: "links", publicName: "links", isSignal: true, isRequired: false, transformFunction: null } }, providers: [InuTemplateRegistryService], ngImport: i0, template: "<div class=\"inu-page-layout\">\n  <section class=\"inu-page-layout-section\">\n    <div class=\"inu-page-layout-sidebar\">\n      @if(menuTemplate()){\n        <ng-container *ngTemplateOutlet=\"menuTemplate()\"></ng-container>\n      }\n      @else {\n        <inu-aside-menu [links]=\"links()\"></inu-aside-menu>\n      }\n    </div>\n    <div class=\"inu-page-layout-content\">\n      <ng-content/>\n    </div>\n  </section>\n  <div class=\"inu-page-layout-bottom-margin\"></div>\n</div>\n\n", styles: [".inu-page-layout{margin-top:3.1rem}.inu-page-layout .inu-page-layout-section{display:flex;flex-direction:row;gap:2rem}.inu-page-layout .inu-page-layout-section .inu-page-layout-sidebar{min-width:18rem;min-height:100vh;background-color:#fffefe;border-bottom:.15rem solid transparent;border-right:.15rem solid #9e9e9e}.inu-page-layout .inu-page-layout-section .inu-page-layout-content{flex:1;padding-top:1rem;padding-right:1rem}.inu-page-layout .inu-page-layout-section .inu-page-layout-content main{margin-top:2rem}.inu-page-layout .inu-page-layout-section .inu-page-layout-content article{margin-bottom:4rem}.inu-page-layout .inu-page-layout-section .inu-page-layout-content article .inu-code{margin-bottom:2rem}@media(max-width:920px){.inu-page-layout .inu-page-layout-section{flex-direction:column}.inu-page-layout .inu-page-layout-section .inu-page-layout-sidebar{min-height:auto;border-bottom:.15rem solid #9e9e9e}}@media print{aside{display:none}.inu-page-layout-section .inu-page-layout-sidebar{display:none}.inu-page-layout-section .inu-page-layout-content{width:100%}}.inu-page-layout-bottom-margin{height:5rem}\n"], dependencies: [{ kind: "component", type: InuAsideMenu, selector: "inu-aside-menu", inputs: ["links"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InuPageLayout, decorators: [{
+            type: Component,
+            args: [{ selector: 'inu-page-layout', standalone: true, providers: [InuTemplateRegistryService], imports: [InuAsideMenu, NgTemplateOutlet], template: "<div class=\"inu-page-layout\">\n  <section class=\"inu-page-layout-section\">\n    <div class=\"inu-page-layout-sidebar\">\n      @if(menuTemplate()){\n        <ng-container *ngTemplateOutlet=\"menuTemplate()\"></ng-container>\n      }\n      @else {\n        <inu-aside-menu [links]=\"links()\"></inu-aside-menu>\n      }\n    </div>\n    <div class=\"inu-page-layout-content\">\n      <ng-content/>\n    </div>\n  </section>\n  <div class=\"inu-page-layout-bottom-margin\"></div>\n</div>\n\n", styles: [".inu-page-layout{margin-top:3.1rem}.inu-page-layout .inu-page-layout-section{display:flex;flex-direction:row;gap:2rem}.inu-page-layout .inu-page-layout-section .inu-page-layout-sidebar{min-width:18rem;min-height:100vh;background-color:#fffefe;border-bottom:.15rem solid transparent;border-right:.15rem solid #9e9e9e}.inu-page-layout .inu-page-layout-section .inu-page-layout-content{flex:1;padding-top:1rem;padding-right:1rem}.inu-page-layout .inu-page-layout-section .inu-page-layout-content main{margin-top:2rem}.inu-page-layout .inu-page-layout-section .inu-page-layout-content article{margin-bottom:4rem}.inu-page-layout .inu-page-layout-section .inu-page-layout-content article .inu-code{margin-bottom:2rem}@media(max-width:920px){.inu-page-layout .inu-page-layout-section{flex-direction:column}.inu-page-layout .inu-page-layout-section .inu-page-layout-sidebar{min-height:auto;border-bottom:.15rem solid #9e9e9e}}@media print{aside{display:none}.inu-page-layout-section .inu-page-layout-sidebar{display:none}.inu-page-layout-section .inu-page-layout-content{width:100%}}.inu-page-layout-bottom-margin{height:5rem}\n"] }]
+        }], propDecorators: { links: [{ type: i0.Input, args: [{ isSignal: true, alias: "links", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InuPageLayout };
+//# sourceMappingURL=inugami-ng-components-inu-page-layout.mjs.map

package/fesm2022/inugami-ng-components-inu-page-layout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"inugami-ng-components-inu-page-layout.mjs","sources":["../../../projects/inugami-ng/components/inu-page-layout/inu-page-layout.ts","../../../projects/inugami-ng/components/inu-page-layout/inu-page-layout.html","../../../projects/inugami-ng/components/inu-page-layout/inugami-ng-components-inu-page-layout.ts"],"sourcesContent":["import {Component, computed, inject, input} from '@angular/core';\nimport {InuTemplateRegistryService} from 'inugami-ng/directives';\nimport {InuAsideMenu} from 'inugami-ng/components/inu-aside-menu'\nimport {InuSiteLink} from 'inugami-ng/models'\nimport {NgTemplateOutlet} from '@angular/common'\n\n@Component({\n             selector   : 'inu-page-layout',\n             standalone : true,\n             providers  : [InuTemplateRegistryService],\n             imports: [InuAsideMenu, NgTemplateOutlet],\n             templateUrl: './inu-page-layout.html',\n             styleUrl   : './inu-page-layout.scss',\n           })\nexport class InuPageLayout {\n\n  //==================================================================================================================\n  // ATTRIBUTES\n  //==================================================================================================================\n  links = input<InuSiteLink[]>([]);\n  menuTemplate = computed(() => this.registry.getTemplate('menu'));\n  registry: InuTemplateRegistryService = inject(InuTemplateRegistryService);\n}\n","<div class=\"inu-page-layout\">\n  <section class=\"inu-page-layout-section\">\n    <div class=\"inu-page-layout-sidebar\">\n      @if(menuTemplate()){\n        <ng-container *ngTemplateOutlet=\"menuTemplate()\"></ng-container>\n      }\n      @else {\n        <inu-aside-menu [links]=\"links()\"></inu-aside-menu>\n      }\n    </div>\n    <div class=\"inu-page-layout-content\">\n      <ng-content/>\n    </div>\n  </section>\n  <div class=\"inu-page-layout-bottom-margin\"></div>\n</div>\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAca,aAAa,CAAA;;;;AAKxB,IAAA,KAAK,GAAG,KAAK,CAAgB,EAAE,iDAAC;AAChC,IAAA,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,wDAAC;AAChE,IAAA,QAAQ,GAA+B,MAAM,CAAC,0BAA0B,CAAC;uGAP9D,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,SAAA,EALA,CAAC,0BAA0B,CAAC,0BCTtD,gfAiBA,EAAA,MAAA,EAAA,CAAA,mmCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDPuB,YAAY,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAIxC,aAAa,EAAA,UAAA,EAAA,CAAA;kBARzB,SAAS;+BACgB,iBAAiB,EAAA,UAAA,EACjB,IAAI,EAAA,SAAA,EACJ,CAAC,0BAA0B,CAAC,EAAA,OAAA,EAChC,CAAC,YAAY,EAAE,gBAAgB,CAAC,EAAA,QAAA,EAAA,gfAAA,EAAA,MAAA,EAAA,CAAA,mmCAAA,CAAA,EAAA;;;AEVtD;;AAEG;;;;"}

package/fesm2022/inugami-ng-components-inu-panel-tabs.mjs

@@ -0,0 +1,181 @@
+import * as i0 from '@angular/core';
+import { input, viewChild, signal, effect, Component, contentChildren, output } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import { InuIcon } from 'inugami-icons';
+
+class InuPanelTab {
+    //==================================================================================================================
+    // ATTRIBUTES
+    //==================================================================================================================
+    icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    hasAccess = input(true, ...(ngDevMode ? [{ debugName: "hasAccess" }] : []));
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
+    name = input.required(...(ngDevMode ? [{ debugName: "name" }] : []));
+    styleClass = input('', ...(ngDevMode ? [{ debugName: "styleClass" }] : []));
+    valid = input(true, ...(ngDevMode ? [{ debugName: "valid" }] : []));
+    //
+    templateRef = viewChild.required('content');
+    //
+    display = signal(false, ...(ngDevMode ? [{ debugName: "display" }] : []));
+    _styleClass = signal('', ...(ngDevMode ? [{ debugName: "_styleClass" }] : []));
+    //==================================================================================================================
+    // INIT
+    //==================================================================================================================
+    constructor() {
+        effect(() => {
+            const styles = ['inu-panel-tab'];
+            const style = this.styleClass();
+            if (style) {
+                styles.push(style);
+            }
+            this._styleClass.set(styles.join(" "));
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InuPanelTab, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.8", type: InuPanelTab, isStandalone: true, selector: "inu-panel-tab", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, hasAccess: { classPropertyName: "hasAccess", publicName: "hasAccess", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, valid: { classPropertyName: "valid", publicName: "valid", isSignal: true, isRequired: false, transformFunction: null } }, providers: [], viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["content"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <ng-template #content>
+      <div [class]="_styleClass()">
+        <ng-content/>
+      </div>
+    </ng-template>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InuPanelTab, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'inu-panel-tab',
+                    standalone: true,
+                    providers: [],
+                    imports: [],
+                    template: `
+    <ng-template #content>
+      <div [class]="_styleClass()">
+        <ng-content/>
+      </div>
+    </ng-template>
+  `
+                }]
+        }], ctorParameters: () => [], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], hasAccess: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasAccess", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], valid: [{ type: i0.Input, args: [{ isSignal: true, alias: "valid", required: false }] }], templateRef: [{ type: i0.ViewChild, args: ['content', { isSignal: true }] }] } });
+
+class InuPanelTabs {
+    //==================================================================================================================
+    // ATTRIBUTES
+    //==================================================================================================================
+    activeTab = input(undefined, ...(ngDevMode ? [{ debugName: "activeTab" }] : []));
+    styleClass = input('', ...(ngDevMode ? [{ debugName: "styleClass" }] : []));
+    vertical = input(false, ...(ngDevMode ? [{ debugName: "vertical" }] : []));
+    childrenTabs = contentChildren(InuPanelTab, ...(ngDevMode ? [{ debugName: "childrenTabs" }] : []));
+    changed = output();
+    //
+    _styleClass = signal('', ...(ngDevMode ? [{ debugName: "_styleClass" }] : []));
+    valid = signal(true, ...(ngDevMode ? [{ debugName: "valid" }] : []));
+    tabs = signal([], ...(ngDevMode ? [{ debugName: "tabs" }] : []));
+    //==================================================================================================================
+    // INIT
+    //==================================================================================================================
+    constructor() {
+        effect(() => {
+            this.initStyleClass();
+        });
+    }
+    initStyleClass() {
+        const styles = ['inu-panel-tabs'];
+        const style = this.styleClass();
+        if (style) {
+            styles.push(style);
+        }
+        if (this.vertical()) {
+            styles.push('vertical');
+        }
+        this._styleClass.set(styles.join(" "));
+    }
+    ngAfterViewInit() {
+        this.initTabs();
+    }
+    initTabs() {
+        const result = [];
+        const children = this.childrenTabs();
+        for (let child of children) {
+            result.push(child);
+        }
+        let found = false;
+        const activeTab = this.activeTab();
+        if (activeTab) {
+            for (let child of children) {
+                if (activeTab == child.name()) {
+                    child.display.set(true);
+                    this.changed.emit(child.name());
+                    this.valid.set(child.valid());
+                    found = true;
+                }
+            }
+        }
+        if (!found) {
+            let first = true;
+            for (let child of children) {
+                if (first) {
+                    child.display.set(true);
+                    this.changed.emit(child.name());
+                    this.valid.set(child.valid());
+                    first = false;
+                }
+            }
+        }
+        this.tabs.set(result);
+    }
+    //==================================================================================================================
+    // ACTIONS
+    //==================================================================================================================
+    openTab(panel) {
+        if (!panel.hasAccess()) {
+            return;
+        }
+        this.valid.set(true);
+        const children = this.childrenTabs();
+        if (!children) {
+            return;
+        }
+        for (let child of children) {
+            if (child.name() === panel.name()) {
+                child.display.set(true);
+                this.valid.set(child.valid());
+                this.changed.emit(child.name());
+            }
+            else {
+                child.display.set(false);
+            }
+        }
+    }
+    //==================================================================================================================
+    // TOOLS
+    //==================================================================================================================
+    checkValidity() {
+        const children = this.childrenTabs();
+        if (!children) {
+            return;
+        }
+        this.valid.set(true);
+        for (let child of children) {
+            if (!child.valid()) {
+                this.valid.set(false);
+                break;
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InuPanelTabs, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: InuPanelTabs, isStandalone: true, selector: "inu-panel-tabs", inputs: { activeTab: { classPropertyName: "activeTab", publicName: "activeTab", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed" }, providers: [], queries: [{ propertyName: "childrenTabs", predicate: InuPanelTab, isSignal: true }], ngImport: i0, template: "<div [class]=\"_styleClass()\">\n\n\n  <div class=\"inu-panel-tabs-headers\">\n    <ul [class.noValid]=\"!valid()\">\n      @for (tab of tabs(); track tab) {\n        <li [class.display]=\"tab.display()\"\n            [class.noAccess]=\"!tab.hasAccess()\"\n            [class.noValid]=\"!tab.valid()\"\n            (click)=\"openTab(tab)\">\n            <div class=\"inu-panel-tabs-headers-child\">\n              <div class=\"inu-panel-tabs-headers-child-tab\">\n                <div class=\"inu-panel-tabs-headers-child-tab-icon\">\n                  @if(tab.icon()){\n                    <inu-icon [icon]=\"tab.icon()\" [size]=\"1\"></inu-icon>\n                  }\n                </div>\n                <div  class=\"inu-panel-tabs-headers-child-tab-label\">{{tab.label()!}}</div>\n              </div>\n            </div>\n        </li>\n      }\n    </ul>\n  </div>\n  <div class=\"inu-panel-tabs-content\">\n    @for (tab of tabs(); track tab) {\n      <div class=\"tab-panel\">\n        @if(tab.display() && tab.hasAccess()){\n          @if(tab.templateRef()){\n            <ng-container [ngTemplateOutlet]=\"tab.templateRef()\" />\n          }\n        }\n      </div>\n    }\n  </div>\n\n\n\n</div>\n", styles: [".inu-panel-tabs{display:flex;flex-direction:column}.inu-panel-tabs .inu-panel-tabs-headers{display:flex}.inu-panel-tabs .inu-panel-tabs-headers ul{list-style:none;padding:0;margin:0;display:flex;gap:.25rem;width:100%;border-bottom:1px solid var(--secondary)}.inu-panel-tabs .inu-panel-tabs-headers ul.noValid{border-bottom:1px solid var(--danger)}.inu-panel-tabs .inu-panel-tabs-headers ul li{cursor:pointer;display:flex;border:1px solid var(--neutral-light);transition:background-color .25s}.inu-panel-tabs .inu-panel-tabs-headers ul li .inu-panel-tabs-headers-child-tab{display:flex;gap:1rem;align-items:baseline}.inu-panel-tabs .inu-panel-tabs-headers ul li.noValid{border:1px solid var(--danger-light-extra-extra);background-color:var(--danger-light-extra-extra)}.inu-panel-tabs .inu-panel-tabs-headers ul li.display{background-color:var(--secondary-light-extra);border:1px solid var(--secondary-light-extra);border-bottom:2px solid var(--secondary)}.inu-panel-tabs .inu-panel-tabs-headers ul li.noValid.display{background-color:var(--danger-light);border:1px solid var(--danger-light);border-bottom:2px solid var(--danger)}.inu-panel-tabs .inu-panel-tabs-headers ul li:hover{background-color:var(--secondary-light-extra)}.inu-panel-tabs .inu-panel-tabs-headers ul li.noValid:hover{background-color:var(--danger-light-extra)}.inu-panel-tabs .inu-panel-tabs-headers ul li.noAccess{cursor:not-allowed;color:var(--neutral);background-color:var(--neutral-light-extra)}.inu-panel-tabs .inu-panel-tabs-headers ul li{padding:.25rem 1rem}.inu-panel-tabs.vertical{gap:1rem}.inu-panel-tabs.vertical .inu-panel-tabs-headers ul{flex-direction:column;border-right:2px solid var(--secondary);border-bottom:none}.inu-panel-tabs.vertical .inu-panel-tabs-headers ul.noValid{border-right:2px solid var(--danger)}.inu-panel-tabs.vertical .inu-panel-tabs-headers ul li.display{border-bottom:none;border-right:2px solid var(--secondary)}.inu-panel-tabs.vertical .inu-panel-tabs-headers ul li.noValid.display{border-bottom:none;border-right:2px solid var(--danger)}.inu-panel-tabs .inu-panel-tabs-content{flex:1}.inu-panel-tabs.vertical{flex-direction:row}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: InuIcon, selector: "inu-icon", inputs: ["icon", "defaultIcon", "styleclass", "size"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InuPanelTabs, decorators: [{
+            type: Component,
+            args: [{ selector: 'inu-panel-tabs', standalone: true, providers: [], imports: [
+                        NgTemplateOutlet,
+                        InuIcon
+                    ], template: "<div [class]=\"_styleClass()\">\n\n\n  <div class=\"inu-panel-tabs-headers\">\n    <ul [class.noValid]=\"!valid()\">\n      @for (tab of tabs(); track tab) {\n        <li [class.display]=\"tab.display()\"\n            [class.noAccess]=\"!tab.hasAccess()\"\n            [class.noValid]=\"!tab.valid()\"\n            (click)=\"openTab(tab)\">\n            <div class=\"inu-panel-tabs-headers-child\">\n              <div class=\"inu-panel-tabs-headers-child-tab\">\n                <div class=\"inu-panel-tabs-headers-child-tab-icon\">\n                  @if(tab.icon()){\n                    <inu-icon [icon]=\"tab.icon()\" [size]=\"1\"></inu-icon>\n                  }\n                </div>\n                <div  class=\"inu-panel-tabs-headers-child-tab-label\">{{tab.label()!}}</div>\n              </div>\n            </div>\n        </li>\n      }\n    </ul>\n  </div>\n  <div class=\"inu-panel-tabs-content\">\n    @for (tab of tabs(); track tab) {\n      <div class=\"tab-panel\">\n        @if(tab.display() && tab.hasAccess()){\n          @if(tab.templateRef()){\n            <ng-container [ngTemplateOutlet]=\"tab.templateRef()\" />\n          }\n        }\n      </div>\n    }\n  </div>\n\n\n\n</div>\n", styles: [".inu-panel-tabs{display:flex;flex-direction:column}.inu-panel-tabs .inu-panel-tabs-headers{display:flex}.inu-panel-tabs .inu-panel-tabs-headers ul{list-style:none;padding:0;margin:0;display:flex;gap:.25rem;width:100%;border-bottom:1px solid var(--secondary)}.inu-panel-tabs .inu-panel-tabs-headers ul.noValid{border-bottom:1px solid var(--danger)}.inu-panel-tabs .inu-panel-tabs-headers ul li{cursor:pointer;display:flex;border:1px solid var(--neutral-light);transition:background-color .25s}.inu-panel-tabs .inu-panel-tabs-headers ul li .inu-panel-tabs-headers-child-tab{display:flex;gap:1rem;align-items:baseline}.inu-panel-tabs .inu-panel-tabs-headers ul li.noValid{border:1px solid var(--danger-light-extra-extra);background-color:var(--danger-light-extra-extra)}.inu-panel-tabs .inu-panel-tabs-headers ul li.display{background-color:var(--secondary-light-extra);border:1px solid var(--secondary-light-extra);border-bottom:2px solid var(--secondary)}.inu-panel-tabs .inu-panel-tabs-headers ul li.noValid.display{background-color:var(--danger-light);border:1px solid var(--danger-light);border-bottom:2px solid var(--danger)}.inu-panel-tabs .inu-panel-tabs-headers ul li:hover{background-color:var(--secondary-light-extra)}.inu-panel-tabs .inu-panel-tabs-headers ul li.noValid:hover{background-color:var(--danger-light-extra)}.inu-panel-tabs .inu-panel-tabs-headers ul li.noAccess{cursor:not-allowed;color:var(--neutral);background-color:var(--neutral-light-extra)}.inu-panel-tabs .inu-panel-tabs-headers ul li{padding:.25rem 1rem}.inu-panel-tabs.vertical{gap:1rem}.inu-panel-tabs.vertical .inu-panel-tabs-headers ul{flex-direction:column;border-right:2px solid var(--secondary);border-bottom:none}.inu-panel-tabs.vertical .inu-panel-tabs-headers ul.noValid{border-right:2px solid var(--danger)}.inu-panel-tabs.vertical .inu-panel-tabs-headers ul li.display{border-bottom:none;border-right:2px solid var(--secondary)}.inu-panel-tabs.vertical .inu-panel-tabs-headers ul li.noValid.display{border-bottom:none;border-right:2px solid var(--danger)}.inu-panel-tabs .inu-panel-tabs-content{flex:1}.inu-panel-tabs.vertical{flex-direction:row}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { activeTab: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeTab", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], vertical: [{ type: i0.Input, args: [{ isSignal: true, alias: "vertical", required: false }] }], childrenTabs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => InuPanelTab), { isSignal: true }] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InuPanelTab, InuPanelTabs };
+//# sourceMappingURL=inugami-ng-components-inu-panel-tabs.mjs.map

package/fesm2022/inugami-ng-components-inu-panel-tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"inugami-ng-components-inu-panel-tabs.mjs","sources":["../../../projects/inugami-ng/components/inu-panel-tabs/inu-panel-tab/inu-panel-tab.component.ts","../../../projects/inugami-ng/components/inu-panel-tabs/inu-panel-tabs.ts","../../../projects/inugami-ng/components/inu-panel-tabs/inu-panel-tabs.html","../../../projects/inugami-ng/components/inu-panel-tabs/inugami-ng-components-inu-panel-tabs.ts"],"sourcesContent":["import {Component, effect, input, signal, TemplateRef, viewChild} from '@angular/core';\n\n@Component({\n  selector: 'inu-panel-tab',\n  standalone: true,\n  providers: [],\n  imports: [],\n  template: `\n    <ng-template #content>\n      <div [class]=\"_styleClass()\">\n        <ng-content/>\n      </div>\n    </ng-template>\n  `\n})\nexport class InuPanelTab {\n\n  //==================================================================================================================\n  // ATTRIBUTES\n  //==================================================================================================================\n  icon = input<string>('');\n  hasAccess = input<boolean>(true);\n  label = input<string>('');\n  name = input.required<string>();\n  styleClass = input<string | undefined | null>('');\n  valid = input<boolean>(true);\n  //\n  readonly templateRef = viewChild.required<TemplateRef<any>>('content');\n  //\n  display = signal<boolean>(false);\n  _styleClass = signal<string>('');\n\n  //==================================================================================================================\n  // INIT\n  //==================================================================================================================\n  constructor() {\n    effect(() => {\n      const styles: string[] = ['inu-panel-tab'];\n      const style = this.styleClass();\n      if (style) {\n        styles.push(style);\n      }\n      this._styleClass.set(styles.join(\" \"));\n    });\n  }\n}\n","import {AfterViewInit, Component, contentChildren, effect, input, output, signal} from '@angular/core';\nimport {InuPanelTab} from './inu-panel-tab/inu-panel-tab.component';\nimport {NgTemplateOutlet} from '@angular/common';\nimport {InuIcon} from 'inugami-icons';\n\n@Component({\n  selector: 'inu-panel-tabs',\n  standalone: true,\n  providers: [],\n  imports: [\n    NgTemplateOutlet,\n    InuIcon\n  ],\n  templateUrl: './inu-panel-tabs.html',\n  styleUrl: './inu-panel-tabs.scss',\n})\nexport class InuPanelTabs implements AfterViewInit {\n\n\n  //==================================================================================================================\n  // ATTRIBUTES\n  //==================================================================================================================\n  readonly activeTab = input<string|undefined>(undefined);\n  styleClass = input<string | undefined | null>('');\n  readonly vertical = input(false);\n  readonly childrenTabs = contentChildren(InuPanelTab);\n  changed = output<string>();\n\n  //\n  _styleClass = signal<string>('');\n  valid = signal<boolean>(true);\n  tabs = signal<InuPanelTab[]>([]);\n\n  //==================================================================================================================\n  // INIT\n  //==================================================================================================================\n  constructor() {\n    effect(() => {\n      this.initStyleClass();\n    });\n  }\n\n  private initStyleClass() {\n    const styles: string[] = ['inu-panel-tabs'];\n    const style = this.styleClass();\n    if (style) {\n      styles.push(style);\n    }\n    if (this.vertical()) {\n      styles.push('vertical');\n    }\n    this._styleClass.set(styles.join(\" \"));\n  }\n\n\n  ngAfterViewInit(): void {\n    this.initTabs();\n  }\n\n  private initTabs() {\n    const result: InuPanelTab[] = [];\n    const children = this.childrenTabs();\n\n\n\n    for (let child of children) {\n      result.push(child);\n    }\n\n    let found = false;\n    const activeTab = this.activeTab();\n    if(activeTab){\n      for (let child of children) {\n        if (activeTab == child.name()) {\n          child.display.set(true);\n          this.changed.emit(child.name());\n          this.valid.set(child.valid());\n          found = true;\n        }\n      }\n    }\n\n    if(!found){\n      let first = true;\n      for (let child of children) {\n        if (first) {\n          child.display.set(true);\n          this.changed.emit(child.name());\n          this.valid.set(child.valid());\n          first = false;\n        }\n      }\n    }\n\n    this.tabs.set(result);\n  }\n\n  //==================================================================================================================\n  // ACTIONS\n  //==================================================================================================================\n  openTab(panel: InuPanelTab) {\n    if (!panel.hasAccess()) {\n      return;\n    }\n    this.valid.set(true);\n    const children = this.childrenTabs();\n    if (!children) {\n      return;\n    }\n    for (let child of children) {\n      if (child.name() === panel.name()) {\n        child.display.set(true);\n        this.valid.set(child.valid());\n        this.changed.emit(child.name());\n      } else {\n        child.display.set(false);\n      }\n    }\n  }\n\n  //==================================================================================================================\n  // TOOLS\n  //==================================================================================================================\n  private checkValidity() {\n    const children = this.childrenTabs();\n    if (!children) {\n      return;\n    }\n    this.valid.set(true);\n    for (let child of children) {\n      if(!child.valid()){\n        this.valid.set(false);\n        break;\n      }\n    }\n  }\n}\n","<div [class]=\"_styleClass()\">\n\n\n  <div class=\"inu-panel-tabs-headers\">\n    <ul [class.noValid]=\"!valid()\">\n      @for (tab of tabs(); track tab) {\n        <li [class.display]=\"tab.display()\"\n            [class.noAccess]=\"!tab.hasAccess()\"\n            [class.noValid]=\"!tab.valid()\"\n            (click)=\"openTab(tab)\">\n            <div class=\"inu-panel-tabs-headers-child\">\n              <div class=\"inu-panel-tabs-headers-child-tab\">\n                <div class=\"inu-panel-tabs-headers-child-tab-icon\">\n                  @if(tab.icon()){\n                    <inu-icon [icon]=\"tab.icon()\" [size]=\"1\"></inu-icon>\n                  }\n                </div>\n                <div  class=\"inu-panel-tabs-headers-child-tab-label\">{{tab.label()!}}</div>\n              </div>\n            </div>\n        </li>\n      }\n    </ul>\n  </div>\n  <div class=\"inu-panel-tabs-content\">\n    @for (tab of tabs(); track tab) {\n      <div class=\"tab-panel\">\n        @if(tab.display() && tab.hasAccess()){\n          @if(tab.templateRef()){\n            <ng-container [ngTemplateOutlet]=\"tab.templateRef()\" />\n          }\n        }\n      </div>\n    }\n  </div>\n\n\n\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/inugami-ng-components-inu-svg-asset.mjs

@@ -0,0 +1,163 @@
+import * as i0 from '@angular/core';
+import { input, viewChild, computed, effect, HostListener, Component } from '@angular/core';
+import { InuTemplateRegistryService } from 'inugami-ng/directives';
+import { SVG_MATH, SVG_BUILDER, SvgAssetUtils, SVG_TRANSFORM } from 'inugami-ng/services';
+
+class InuSvgAsset {
+    //====================================================================================================================
+    // ATTRIBUTES
+    //====================================================================================================================
+    assetSet = input('', ...(ngDevMode ? [{ debugName: "assetSet" }] : []));
+    asset = input(undefined, ...(ngDevMode ? [{ debugName: "asset" }] : []));
+    type = input('default', ...(ngDevMode ? [{ debugName: "type" }] : []));
+    state = input('default', ...(ngDevMode ? [{ debugName: "state" }] : []));
+    styleclass = input('', ...(ngDevMode ? [{ debugName: "styleclass" }] : []));
+    //
+    component = viewChild('component', ...(ngDevMode ? [{ debugName: "component" }] : []));
+    container = viewChild('container', ...(ngDevMode ? [{ debugName: "container" }] : []));
+    _styleClass = computed(() => {
+        return [
+            'inu-svg',
+            'inu-svg-asset',
+            this.styleclass() ? this.styleclass() : ''
+        ].join(' ');
+    }, ...(ngDevMode ? [{ debugName: "_styleClass" }] : []));
+    //--- SVG components
+    height = 64;
+    width = 64;
+    parent = null;
+    locator = null;
+    defs = null;
+    canvas = null;
+    graph = null;
+    //====================================================================================================================
+    // INIT
+    //====================================================================================================================
+    constructor() {
+        effect(() => {
+            this.asset();
+            this.type();
+            this.state();
+            if (this.graph) {
+                this.updateValues();
+            }
+        });
+    }
+    ngOnChanges(changes) {
+        this.updateValues();
+    }
+    ngAfterViewInit() {
+        const component = this.component();
+        const container = this.container();
+        if (component && container) {
+            this.resolveParentSize(component, container);
+            this.initializeLayout(container);
+            this.resize();
+        }
+    }
+    onResize() {
+        const component = this.component();
+        const container = this.container();
+        if (component && container) {
+            this.resolveParentSize(component, container);
+            this.resize();
+        }
+    }
+    //====================================================================================================================
+    // RENDERING
+    //====================================================================================================================
+    resolveParentSize(component, container) {
+        if (component?.nativeElement && component?.nativeElement.parentNode && component?.nativeElement.parentNode.parentNode) {
+            this.parent = component?.nativeElement.parentNode.parentNode;
+        }
+        if (this.parent) {
+            let parentSize = SVG_MATH.size(this.parent);
+            this.height = parentSize.height;
+            this.width = parentSize.width;
+        }
+        container?.nativeElement.setAttribute('style', `display: block; height:${this.height}px;width:${this.width}px`);
+    }
+    initializeLayout(container) {
+        this.defs = SVG_BUILDER.createDefs(container?.nativeElement);
+        this.locator = SVG_BUILDER.createGroup(container?.nativeElement, { styleClass: 'locator' });
+        this.canvas = SVG_BUILDER.createGroup(this.locator, { styleClass: 'canvas' });
+        const filter = SVG_BUILDER.createFilter(this.defs, 'shadow', { style: 'color-interpolation-filters: sRGB;' });
+        const gaussian = SVG_BUILDER.createNode('feGaussianBlur', filter);
+        if (gaussian) {
+            gaussian.setAttribute('stdDeviation', '1');
+        }
+        if (this.canvas) {
+            this.graph = SVG_BUILDER.createGroup(this.canvas, { styleClass: 'graph' });
+        }
+        this.updateValues();
+    }
+    //====================================================================================================================
+    // UPDATE VALUES
+    //====================================================================================================================
+    updateValues() {
+        const asset = this.asset();
+        if (!asset || !this.graph) {
+            return;
+        }
+        this.graph.replaceChildren();
+        const type = this.type();
+        let state = this.state();
+        let currentType = asset.types.find(t => t.name == type);
+        if (!currentType) {
+            currentType = asset.types.find(t => t.name == 'default');
+        }
+        if (!currentType) {
+            return;
+        }
+        let currentState = currentType.states.find(t => t.name == state);
+        if (!currentState) {
+            state = 'default';
+        }
+        const node = SVG_BUILDER.createGroup(this.graph);
+        SvgAssetUtils.createAsset({
+            parent: this.graph,
+            node: node,
+            asset: {
+                assetSet: this.assetSet(),
+                assetName: asset.name,
+                type: type,
+                state: state,
+                x: 0,
+                y: 0
+            }
+        });
+        setTimeout(() => this.resize(), 0);
+    }
+    //====================================================================================================================
+    // TOOLS
+    //====================================================================================================================
+    resize() {
+        if (this.locator && this.parent) {
+            SVG_TRANSFORM.center(this.locator, this.parent, true, true);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InuSvgAsset, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.8", type: InuSvgAsset, isStandalone: true, selector: "inu-svg-asset", inputs: { assetSet: { classPropertyName: "assetSet", publicName: "assetSet", isSignal: true, isRequired: false, transformFunction: null }, asset: { classPropertyName: "asset", publicName: "asset", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, styleclass: { classPropertyName: "styleclass", publicName: "styleclass", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:resize": "onResize()" } }, providers: [InuTemplateRegistryService], viewQueries: [{ propertyName: "component", first: true, predicate: ["component"], descendants: true, isSignal: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: `
+    <div [class]="_styleClass()" #component>
+      <svg #container xmlns="http://www.w3.org/2000/svg"></svg>
+    </div>
+  `, isInline: true, styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InuSvgAsset, decorators: [{
+            type: Component,
+            args: [{ selector: 'inu-svg-asset', standalone: true, providers: [InuTemplateRegistryService], imports: [], template: `
+    <div [class]="_styleClass()" #component>
+      <svg #container xmlns="http://www.w3.org/2000/svg"></svg>
+    </div>
+  ` }]
+        }], ctorParameters: () => [], propDecorators: { assetSet: [{ type: i0.Input, args: [{ isSignal: true, alias: "assetSet", required: false }] }], asset: [{ type: i0.Input, args: [{ isSignal: true, alias: "asset", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }], styleclass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleclass", required: false }] }], component: [{ type: i0.ViewChild, args: ['component', { isSignal: true }] }], container: [{ type: i0.ViewChild, args: ['container', { isSignal: true }] }], onResize: [{
+                type: HostListener,
+                args: ['window:resize']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InuSvgAsset };
+//# sourceMappingURL=inugami-ng-components-inu-svg-asset.mjs.map

package/fesm2022/inugami-ng-components-inu-svg-asset.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"inugami-ng-components-inu-svg-asset.mjs","sources":["../../../projects/inugami-ng/components/inu-svg-asset/inu-svg-asset.ts","../../../projects/inugami-ng/components/inu-svg-asset/inugami-ng-components-inu-svg-asset.ts"],"sourcesContent":["import {\n  AfterViewInit,\n  Component,\n  computed,\n  effect,\n  ElementRef,\n  HostListener,\n  input,\n  OnChanges, signal,\n  SimpleChanges,\n  viewChild\n} from '@angular/core';\nimport {InuTemplateRegistryService} from 'inugami-ng/directives';\nimport {SVG_ASSETS, SVG_BUILDER, SVG_MATH, SVG_TRANSFORM, SvgAssetUtils} from 'inugami-ng/services';\nimport {SvgAsset} from 'inugami-svg-assets';\nimport {SvgAssetDTOOptions} from 'inugami-ng/models';\n\n@Component({\n  selector: 'inu-svg-asset',\n  standalone: true,\n  providers: [InuTemplateRegistryService],\n  imports: [],\n  template: `\n    <div [class]=\"_styleClass()\" #component>\n      <svg #container xmlns=\"http://www.w3.org/2000/svg\"></svg>\n    </div>\n  `,\n  styleUrl: './inu-svg-asset.scss',\n})\nexport class InuSvgAsset implements AfterViewInit, OnChanges {\n\n  //====================================================================================================================\n  // ATTRIBUTES\n  //====================================================================================================================\n  assetSet = input<string>('');\n  asset = input<SvgAsset | undefined>(undefined);\n  type = input<string | undefined>('default');\n  state = input<string | undefined>('default');\n  styleclass = input<string>('');\n  //\n  private component = viewChild<ElementRef<HTMLElement>>('component');\n  private container = viewChild<ElementRef<HTMLElement>>('container');\n  _styleClass = computed<string>(() => {\n    return [\n      'inu-svg',\n      'inu-svg-asset',\n      this.styleclass() ? this.styleclass() : ''\n    ].join(' ');\n  })\n\n  //--- SVG components\n  height: number = 64;\n  width: number = 64;\n  parent: HTMLElement | null = null;\n  locator: SVGElement | null = null;\n  defs: SVGElement | null = null;\n  canvas: SVGElement | null = null;\n  graph: SVGElement | null = null;\n\n  //====================================================================================================================\n  // INIT\n  //====================================================================================================================\n\n  constructor() {\n    effect(() => {\n      this.asset();\n      this.type();\n      this.state();\n\n      if (this.graph) {\n        this.updateValues();\n      }\n    });\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    this.updateValues();\n  }\n\n  ngAfterViewInit(): void {\n    const component = this.component();\n    const container = this.container();\n    if (component && container) {\n      this.resolveParentSize(component, container);\n      this.initializeLayout(container);\n      this.resize();\n    }\n  }\n\n  @HostListener('window:resize')\n  onResize() {\n    const component = this.component();\n    const container = this.container();\n    if (component && container) {\n      this.resolveParentSize(component, container);\n      this.resize();\n    }\n  }\n\n\n  //====================================================================================================================\n  // RENDERING\n  //====================================================================================================================\n  private resolveParentSize(component: ElementRef<HTMLElement>, container: ElementRef<HTMLElement>) {\n    if (component?.nativeElement && component?.nativeElement.parentNode && component?.nativeElement.parentNode.parentNode) {\n      this.parent = component?.nativeElement.parentNode.parentNode as HTMLElement;\n    }\n\n    if (this.parent) {\n      let parentSize = SVG_MATH.size(this.parent);\n      this.height = parentSize.height;\n      this.width = parentSize.width;\n    }\n\n    container?.nativeElement.setAttribute('style', `display: block; height:${this.height}px;width:${this.width}px`);\n  }\n\n  private initializeLayout(container: ElementRef<HTMLElement>) {\n    this.defs = SVG_BUILDER.createDefs(container?.nativeElement);\n    this.locator = SVG_BUILDER.createGroup(container?.nativeElement, {styleClass: 'locator'});\n    this.canvas = SVG_BUILDER.createGroup(this.locator, {styleClass: 'canvas'});\n\n    const filter = SVG_BUILDER.createFilter(this.defs, 'shadow', {style: 'color-interpolation-filters: sRGB;'});\n    const gaussian = SVG_BUILDER.createNode('feGaussianBlur', filter);\n    if (gaussian) {\n      gaussian.setAttribute('stdDeviation', '1');\n    }\n    if (this.canvas) {\n      this.graph = SVG_BUILDER.createGroup(this.canvas, {styleClass: 'graph'});\n    }\n\n    this.updateValues();\n  }\n\n\n  //====================================================================================================================\n  // UPDATE VALUES\n  //====================================================================================================================\n  public updateValues() {\n    const asset = this.asset();\n    if (!asset || !this.graph) {\n      return;\n    }\n    this.graph.replaceChildren();\n\n    const type = this.type();\n    let state = this.state();\n    let currentType = asset.types.find(t => t.name == type);\n    if (!currentType) {\n      currentType = asset.types.find(t => t.name == 'default');\n    }\n    if (!currentType) {\n      return;\n    }\n    let currentState = currentType.states.find(t => t.name == state);\n    if (!currentState) {\n      state = 'default';\n    }\n\n    const node = SVG_BUILDER.createGroup(this.graph);\n    SvgAssetUtils.createAsset(<SvgAssetDTOOptions>{\n      parent: this.graph,\n      node: node,\n      asset: {\n        assetSet: this.assetSet(),\n        assetName: asset.name,\n        type: type,\n        state: state,\n        x: 0,\n        y: 0\n      }\n    });\n\n    setTimeout(() => this.resize(), 0);\n  }\n\n\n  //====================================================================================================================\n  // TOOLS\n  //====================================================================================================================\n  public resize(): void {\n    if (this.locator && this.parent) {\n      SVG_TRANSFORM.center(this.locator, this.parent, true, true);\n    }\n  }\n\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}