inugami-ng 0.0.17 → 0.0.19

package/fesm2022/inugami-ng-components-inu-aside-menu.mjs

@@ -0,0 +1,45 @@
+import * as i0 from '@angular/core';
+import { input, computed, Component } from '@angular/core';
+import { InuIcon } from 'inugami-icons';
+import { NgClass } from '@angular/common';
+import { RouterLinkActive, RouterLink } from '@angular/router';
+
+class InuAsideMenuChildren {
+    //==================================================================================================================
+    // ATTRIBUTES
+    //==================================================================================================================
+    children = input([], ...(ngDevMode ? [{ debugName: "children" }] : []));
+    level = input(0, ...(ngDevMode ? [{ debugName: "level" }] : []));
+    currentStyleClass = computed(() => ['inu-aside-menu-children', `level level-${this.level()}`]
+        .join(' '), ...(ngDevMode ? [{ debugName: "currentStyleClass" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InuAsideMenuChildren, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: InuAsideMenuChildren, isStandalone: true, selector: "inu-aside-menu-children", inputs: { children: { classPropertyName: "children", publicName: "children", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (children()) {\n  <div [class]=\"currentStyleClass()\">\n    <ul class=\"inu-aside-menu-children-grp\">\n      @for (child of children(); track child) {\n        <li class=\"inu-aside-menu-children-item\">\n          @if (child.title) {\n            <div class=\"inu-aside-menu-children-title\">{{ child.title! }}</div>\n          }\n          @if (child.links) {\n            <ul  class=\"inu-aside-menu-children-links\">\n              @for (childLink of child.links; track childLink) {\n                <li   class=\"inu-aside-menu-children-link\">\n                  <div class=\"inu-aside-menu-link-current-link\">\n                    <div class=\"inu-aside-menu-link-icon\">\n                      @if (childLink.icon) {\n                        <inu-icon [icon]=\"childLink.icon\" [size]=\"1.5\"></inu-icon>\n                      }\n                    </div>\n\n                    @if (childLink.path) {\n                      @if (childLink.external) {\n                        @if (childLink.target) {\n                          <a [target]=\"childLink.target\" [href]=\"childLink.path\">{{ childLink.title! }}</a>\n                        } @else {\n                          <a [href]=\"childLink.path\">{{ childLink.title! }}</a>\n                        }\n                      }\n                      @else {\n                        <a [routerLink]=\"childLink.path\" routerLinkActive=\"active\"\n                           [routerLinkActiveOptions]=\"{ exact: false }\">{{ childLink.title! }}</a>\n                      }\n                    }\n                    @else {\n                      <span>{{childLink.title!}}</span>\n                    }\n                  </div>\n\n                  <div class=\"inu-aside-menu-link-children\">\n                    @if (childLink.children) {\n                      <inu-aside-menu-children [children]=\"childLink.children\" [level]=\"level()+1\"></inu-aside-menu-children>\n                    }\n                  </div>\n                </li>\n              }\n            </ul>\n          }\n        </li>\n\n      }\n    </ul>\n  </div>\n}\n", styles: [".inu-aside-menu-children-grp{margin:0;padding:0;padding-left:2rem}.inu-aside-menu-children-grp>li{list-style:none}\n"], dependencies: [{ kind: "component", type: InuAsideMenuChildren, selector: "inu-aside-menu-children", inputs: ["children", "level"] }, { kind: "component", type: InuIcon, selector: "inu-icon", inputs: ["icon", "defaultIcon", "styleclass", "size"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InuAsideMenuChildren, decorators: [{
+            type: Component,
+            args: [{ selector: 'inu-aside-menu-children', standalone: true, imports: [InuIcon, RouterLinkActive, RouterLink], template: "@if (children()) {\n  <div [class]=\"currentStyleClass()\">\n    <ul class=\"inu-aside-menu-children-grp\">\n      @for (child of children(); track child) {\n        <li class=\"inu-aside-menu-children-item\">\n          @if (child.title) {\n            <div class=\"inu-aside-menu-children-title\">{{ child.title! }}</div>\n          }\n          @if (child.links) {\n            <ul  class=\"inu-aside-menu-children-links\">\n              @for (childLink of child.links; track childLink) {\n                <li   class=\"inu-aside-menu-children-link\">\n                  <div class=\"inu-aside-menu-link-current-link\">\n                    <div class=\"inu-aside-menu-link-icon\">\n                      @if (childLink.icon) {\n                        <inu-icon [icon]=\"childLink.icon\" [size]=\"1.5\"></inu-icon>\n                      }\n                    </div>\n\n                    @if (childLink.path) {\n                      @if (childLink.external) {\n                        @if (childLink.target) {\n                          <a [target]=\"childLink.target\" [href]=\"childLink.path\">{{ childLink.title! }}</a>\n                        } @else {\n                          <a [href]=\"childLink.path\">{{ childLink.title! }}</a>\n                        }\n                      }\n                      @else {\n                        <a [routerLink]=\"childLink.path\" routerLinkActive=\"active\"\n                           [routerLinkActiveOptions]=\"{ exact: false }\">{{ childLink.title! }}</a>\n                      }\n                    }\n                    @else {\n                      <span>{{childLink.title!}}</span>\n                    }\n                  </div>\n\n                  <div class=\"inu-aside-menu-link-children\">\n                    @if (childLink.children) {\n                      <inu-aside-menu-children [children]=\"childLink.children\" [level]=\"level()+1\"></inu-aside-menu-children>\n                    }\n                  </div>\n                </li>\n              }\n            </ul>\n          }\n        </li>\n\n      }\n    </ul>\n  </div>\n}\n", styles: [".inu-aside-menu-children-grp{margin:0;padding:0;padding-left:2rem}.inu-aside-menu-children-grp>li{list-style:none}\n"] }]
+        }], propDecorators: { children: [{ type: i0.Input, args: [{ isSignal: true, alias: "children", required: false }] }], level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }] } });
+
+class InuAsideMenu {
+    //==================================================================================================================
+    // ATTRIBUTES
+    //==================================================================================================================
+    links = input([], ...(ngDevMode ? [{ debugName: "links" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InuAsideMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: InuAsideMenu, isStandalone: true, selector: "inu-aside-menu", inputs: { links: { classPropertyName: "links", publicName: "links", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<aside class=\"inu-aside-menu\">\n  @if (links()) {\n    <menu>\n\n      <ul class=\"inu-aside-menu-links\">\n        @for (link of links(); track link) {\n          <li class=\"inu-aside-menu-links-item\"\n              [ngClass]=\"{'with-children': link.children!=undefined && link.children.length>0}\">\n            <div class=\"inu-aside-menu-links-item-current-link\">\n              <div class=\"inu-aside-menu-link-icon\">\n                @if (link.icon) {\n                  <inu-icon [icon]=\"link.icon\" [size]=\"1.3\"></inu-icon>\n                }\n              </div>\n              @if (link.path) {\n                @if (link.external) {\n                  @if (link.target) {\n                    <a [target]=\"link.target\" [href]=\"link.path\">{{ link.title! }}</a>\n                  } @else {\n                    <a [href]=\"link.path\">{{ link.title }}</a>\n                  }\n                } @else {\n                  <a [routerLink]=\"link.path\" routerLinkActive=\"active\"\n                     [routerLinkActiveOptions]=\"{ exact: false }\">{{ link.title! }}</a>\n                }\n              } @else {\n                <span>{{ link.title! }}</span>\n              }\n            </div>\n\n\n            <div class=\"inu-aside-menu-link-children\">\n              @if (link.children) {\n                <inu-aside-menu-children [children]=\"link.children\"></inu-aside-menu-children>\n              }\n            </div>\n          </li>\n        }\n      </ul>\n\n    </menu>\n  }\n</aside>\n", styles: [".inu-aside-menu-links{margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.inu-aside-menu-links .inu-aside-menu-links-item{display:flex;flex-direction:column;list-style:none}.inu-aside-menu-links .inu-aside-menu-links-item.with-children{margin-top:1rem}.inu-aside-menu-links .inu-aside-menu-links-item.with-children>.inu-aside-menu-links-item-current-link{background-color:var(--neutral-light);border-bottom:1px solid transparent}.inu-aside-menu-links .inu-aside-menu-links-item.with-children>.inu-aside-menu-links-item-current-link:hover{border-bottom:1px solid var(--neutral)}.inu-aside-menu-links .inu-aside-menu-links-item .inu-aside-menu-links-item-current-link{padding:.25rem;display:flex;align-items:center;flex-direction:row}.inu-aside-menu-links .inu-aside-menu-links-item .inu-aside-menu-links-item-current-link .inu-aside-menu-link-icon{width:2rem;height:1.5rem;margin-left:.5rem}\n"], dependencies: [{ kind: "component", type: InuIcon, selector: "inu-icon", inputs: ["icon", "defaultIcon", "styleclass", "size"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: InuAsideMenuChildren, selector: "inu-aside-menu-children", inputs: ["children", "level"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InuAsideMenu, decorators: [{
+            type: Component,
+            args: [{ selector: 'inu-aside-menu', standalone: true, imports: [InuIcon,
+                        NgClass,
+                        RouterLinkActive,
+                        RouterLink,
+                        InuAsideMenuChildren], template: "<aside class=\"inu-aside-menu\">\n  @if (links()) {\n    <menu>\n\n      <ul class=\"inu-aside-menu-links\">\n        @for (link of links(); track link) {\n          <li class=\"inu-aside-menu-links-item\"\n              [ngClass]=\"{'with-children': link.children!=undefined && link.children.length>0}\">\n            <div class=\"inu-aside-menu-links-item-current-link\">\n              <div class=\"inu-aside-menu-link-icon\">\n                @if (link.icon) {\n                  <inu-icon [icon]=\"link.icon\" [size]=\"1.3\"></inu-icon>\n                }\n              </div>\n              @if (link.path) {\n                @if (link.external) {\n                  @if (link.target) {\n                    <a [target]=\"link.target\" [href]=\"link.path\">{{ link.title! }}</a>\n                  } @else {\n                    <a [href]=\"link.path\">{{ link.title }}</a>\n                  }\n                } @else {\n                  <a [routerLink]=\"link.path\" routerLinkActive=\"active\"\n                     [routerLinkActiveOptions]=\"{ exact: false }\">{{ link.title! }}</a>\n                }\n              } @else {\n                <span>{{ link.title! }}</span>\n              }\n            </div>\n\n\n            <div class=\"inu-aside-menu-link-children\">\n              @if (link.children) {\n                <inu-aside-menu-children [children]=\"link.children\"></inu-aside-menu-children>\n              }\n            </div>\n          </li>\n        }\n      </ul>\n\n    </menu>\n  }\n</aside>\n", styles: [".inu-aside-menu-links{margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.inu-aside-menu-links .inu-aside-menu-links-item{display:flex;flex-direction:column;list-style:none}.inu-aside-menu-links .inu-aside-menu-links-item.with-children{margin-top:1rem}.inu-aside-menu-links .inu-aside-menu-links-item.with-children>.inu-aside-menu-links-item-current-link{background-color:var(--neutral-light);border-bottom:1px solid transparent}.inu-aside-menu-links .inu-aside-menu-links-item.with-children>.inu-aside-menu-links-item-current-link:hover{border-bottom:1px solid var(--neutral)}.inu-aside-menu-links .inu-aside-menu-links-item .inu-aside-menu-links-item-current-link{padding:.25rem;display:flex;align-items:center;flex-direction:row}.inu-aside-menu-links .inu-aside-menu-links-item .inu-aside-menu-links-item-current-link .inu-aside-menu-link-icon{width:2rem;height:1.5rem;margin-left:.5rem}\n"] }]
+        }], propDecorators: { links: [{ type: i0.Input, args: [{ isSignal: true, alias: "links", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InuAsideMenu };
+//# sourceMappingURL=inugami-ng-components-inu-aside-menu.mjs.map

package/fesm2022/inugami-ng-components-inu-aside-menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"inugami-ng-components-inu-aside-menu.mjs","sources":["../../../projects/inugami-ng/components/inu-aside-menu/children/inu-aside-menu-children.component.ts","../../../projects/inugami-ng/components/inu-aside-menu/children/inu-aside-menu-children.component.html","../../../projects/inugami-ng/components/inu-aside-menu/inu-aside-menu.component.ts","../../../projects/inugami-ng/components/inu-aside-menu/inu-aside-menu.component.html","../../../projects/inugami-ng/components/inu-aside-menu/inugami-ng-components-inu-aside-menu.ts"],"sourcesContent":["import {AfterViewInit, Component, computed, effect, input, signal} from '@angular/core';\nimport {InuIcon} from 'inugami-icons';\nimport {NgClass} from '@angular/common';\nimport {InuSiteLink, InuSiteLinkChildren} from 'inugami-ng/models'\nimport {RouterLink, RouterLinkActive} from '@angular/router'\n\n@Component({\n             selector   : 'inu-aside-menu-children',\n             standalone : true,\n             imports    : [InuIcon, RouterLinkActive, RouterLink],\n             templateUrl: './inu-aside-menu-children.component.html',\n             styleUrl   : './inu-aside-menu-children.component.scss',\n           })\nexport class InuAsideMenuChildren {\n  //==================================================================================================================\n  // ATTRIBUTES\n  //==================================================================================================================\n  children = input<InuSiteLinkChildren[]>([]);\n  level    = input<number>(0);\n  currentStyleClass = computed(()=> ['inu-aside-menu-children', `level level-${this.level()}`]\n    .join(' '));\n}\n","@if (children()) {\n  <div [class]=\"currentStyleClass()\">\n    <ul class=\"inu-aside-menu-children-grp\">\n      @for (child of children(); track child) {\n        <li class=\"inu-aside-menu-children-item\">\n          @if (child.title) {\n            <div class=\"inu-aside-menu-children-title\">{{ child.title! }}</div>\n          }\n          @if (child.links) {\n            <ul  class=\"inu-aside-menu-children-links\">\n              @for (childLink of child.links; track childLink) {\n                <li   class=\"inu-aside-menu-children-link\">\n                  <div class=\"inu-aside-menu-link-current-link\">\n                    <div class=\"inu-aside-menu-link-icon\">\n                      @if (childLink.icon) {\n                        <inu-icon [icon]=\"childLink.icon\" [size]=\"1.5\"></inu-icon>\n                      }\n                    </div>\n\n                    @if (childLink.path) {\n                      @if (childLink.external) {\n                        @if (childLink.target) {\n                          <a [target]=\"childLink.target\" [href]=\"childLink.path\">{{ childLink.title! }}</a>\n                        } @else {\n                          <a [href]=\"childLink.path\">{{ childLink.title! }}</a>\n                        }\n                      }\n                      @else {\n                        <a [routerLink]=\"childLink.path\" routerLinkActive=\"active\"\n                           [routerLinkActiveOptions]=\"{ exact: false }\">{{ childLink.title! }}</a>\n                      }\n                    }\n                    @else {\n                      <span>{{childLink.title!}}</span>\n                    }\n                  </div>\n\n                  <div class=\"inu-aside-menu-link-children\">\n                    @if (childLink.children) {\n                      <inu-aside-menu-children [children]=\"childLink.children\" [level]=\"level()+1\"></inu-aside-menu-children>\n                    }\n                  </div>\n                </li>\n              }\n            </ul>\n          }\n        </li>\n\n      }\n    </ul>\n  </div>\n}\n","import {AfterViewInit, Component, computed, effect, input, signal} from '@angular/core';\nimport {InuIcon} from 'inugami-icons';\nimport {NgClass} from '@angular/common';\nimport {InuSiteLink} from 'inugami-ng/models'\nimport {RouterLink, RouterLinkActive} from '@angular/router'\nimport {InuAsideMenuChildren} from './children/inu-aside-menu-children.component'\n\n@Component({\n  selector: 'inu-aside-menu',\n  standalone: true,\n             imports: [InuIcon,\n                       NgClass,\n                       RouterLinkActive,\n                       RouterLink,\n                       InuAsideMenuChildren],\n  templateUrl: './inu-aside-menu.component.html',\n  styleUrl: './inu-aside-menu.component.scss',\n})\nexport class InuAsideMenu{\n  //==================================================================================================================\n  // ATTRIBUTES\n  //==================================================================================================================\n  links             = input<InuSiteLink[]>([]);\n\n}\n","<aside class=\"inu-aside-menu\">\n  @if (links()) {\n    <menu>\n\n      <ul class=\"inu-aside-menu-links\">\n        @for (link of links(); track link) {\n          <li class=\"inu-aside-menu-links-item\"\n              [ngClass]=\"{'with-children': link.children!=undefined && link.children.length>0}\">\n            <div class=\"inu-aside-menu-links-item-current-link\">\n              <div class=\"inu-aside-menu-link-icon\">\n                @if (link.icon) {\n                  <inu-icon [icon]=\"link.icon\" [size]=\"1.3\"></inu-icon>\n                }\n              </div>\n              @if (link.path) {\n                @if (link.external) {\n                  @if (link.target) {\n                    <a [target]=\"link.target\" [href]=\"link.path\">{{ link.title! }}</a>\n                  } @else {\n                    <a [href]=\"link.path\">{{ link.title }}</a>\n                  }\n                } @else {\n                  <a [routerLink]=\"link.path\" routerLinkActive=\"active\"\n                     [routerLinkActiveOptions]=\"{ exact: false }\">{{ link.title! }}</a>\n                }\n              } @else {\n                <span>{{ link.title! }}</span>\n              }\n            </div>\n\n\n            <div class=\"inu-aside-menu-link-children\">\n              @if (link.children) {\n                <inu-aside-menu-children [children]=\"link.children\"></inu-aside-menu-children>\n              }\n            </div>\n          </li>\n        }\n      </ul>\n\n    </menu>\n  }\n</aside>\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-footer.mjs

@@ -0,0 +1,36 @@
+import * as i0 from '@angular/core';
+import { input, inject, signal, computed, Component } from '@angular/core';
+import { CacheServiceTracking } from 'inugami-ng/services';
+import { UuidUtils, InuStringUtils } from 'inugami-ng/utils';
+
+class InuFooter {
+    //==================================================================================================================
+    // ATTRIBUTES
+    //==================================================================================================================
+    displayVersion = input(true, ...(ngDevMode ? [{ debugName: "displayVersion" }] : []));
+    cacheServiceTracking = inject(CacheServiceTracking, { optional: true });
+    tracking = signal(this.cacheServiceTracking ?? new CacheServiceTracking({
+        sessionUid: signal(UuidUtils.buildUid()),
+        env: signal('PRD'),
+        application: signal('inugami'),
+        version: signal('0.0.0')
+    }), ...(ngDevMode ? [{ debugName: "tracking" }] : []));
+    styleClass = computed(() => [
+        'inu-footer',
+        InuStringUtils.normalize(this.tracking().env()).toUpperCase(),
+        InuStringUtils.normalize(this.tracking().application()).toUpperCase(),
+    ].join(' '), ...(ngDevMode ? [{ debugName: "styleClass" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InuFooter, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: InuFooter, isStandalone: true, selector: "inu-footer", inputs: { displayVersion: { classPropertyName: "displayVersion", publicName: "displayVersion", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<footer [class]=\"styleClass()\">\n  <div class=\"inu-footer-border-top\"></div>\n  @if(displayVersion()){\n    <div class=\"inu-footer-application-detail\">\n\n      <div class=\"inu-footer-application-name\">\n        <div>{{tracking().application()}}</div>\n      </div>\n      <div class=\"inu-footer-application-version\">\n        <div>{{tracking().version()}}</div>\n      </div>\n      <div class=\"inu-footer-application-env\">\n        <div>{{tracking().env()}}</div>\n      </div>\n    </div>\n  }\n\n  <div class=\"inu-footer-content\">\n    <ng-content />\n  </div>\n  <div class=\"inu-footer-border-bottom\"></div>\n</footer>\n", styles: ["footer{position:fixed;bottom:0;width:100%;background-color:var(--neutral-light);display:flex;flex-direction:column;gap:.25rem;-webkit-box-shadow:0px 0px 20px 0px var(--neutral-light);box-shadow:0 0 20px 0 var(--neutral-light)}footer .inu-footer-border-top{height:.25rem;background-color:var(--neutral)}footer .inu-footer-application-detail{display:flex;flex-direction:row;gap:.5rem;padding:.25rem;align-items:center;justify-content:center;font-weight:700}footer .inu-footer-application-detail .inu-footer-application-env{background-color:var(--neutral-dark-extra);color:var(--neutral-light);padding:.25rem .5rem}footer.PRD .inu-footer-application-detail .inu-footer-application-env{background-color:var(--primary-dark)}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InuFooter, decorators: [{
+            type: Component,
+            args: [{ selector: 'inu-footer', standalone: true, imports: [], template: "<footer [class]=\"styleClass()\">\n  <div class=\"inu-footer-border-top\"></div>\n  @if(displayVersion()){\n    <div class=\"inu-footer-application-detail\">\n\n      <div class=\"inu-footer-application-name\">\n        <div>{{tracking().application()}}</div>\n      </div>\n      <div class=\"inu-footer-application-version\">\n        <div>{{tracking().version()}}</div>\n      </div>\n      <div class=\"inu-footer-application-env\">\n        <div>{{tracking().env()}}</div>\n      </div>\n    </div>\n  }\n\n  <div class=\"inu-footer-content\">\n    <ng-content />\n  </div>\n  <div class=\"inu-footer-border-bottom\"></div>\n</footer>\n", styles: ["footer{position:fixed;bottom:0;width:100%;background-color:var(--neutral-light);display:flex;flex-direction:column;gap:.25rem;-webkit-box-shadow:0px 0px 20px 0px var(--neutral-light);box-shadow:0 0 20px 0 var(--neutral-light)}footer .inu-footer-border-top{height:.25rem;background-color:var(--neutral)}footer .inu-footer-application-detail{display:flex;flex-direction:row;gap:.5rem;padding:.25rem;align-items:center;justify-content:center;font-weight:700}footer .inu-footer-application-detail .inu-footer-application-env{background-color:var(--neutral-dark-extra);color:var(--neutral-light);padding:.25rem .5rem}footer.PRD .inu-footer-application-detail .inu-footer-application-env{background-color:var(--primary-dark)}\n"] }]
+        }], propDecorators: { displayVersion: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayVersion", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InuFooter };
+//# sourceMappingURL=inugami-ng-components-inu-footer.mjs.map

package/fesm2022/inugami-ng-components-inu-footer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"inugami-ng-components-inu-footer.mjs","sources":["../../../projects/inugami-ng/components/inu-footer/inu-footer.ts","../../../projects/inugami-ng/components/inu-footer/inu-footer.html","../../../projects/inugami-ng/components/inu-footer/inugami-ng-components-inu-footer.ts"],"sourcesContent":["import {Component, computed, inject, input, signal} from '@angular/core';\nimport {CacheServiceTracking} from 'inugami-ng/services'\nimport {InuStringUtils, UuidUtils} from 'inugami-ng/utils'\n\n@Component({\n  selector: 'inu-footer',\n  standalone: true,\n  imports: [],\n  templateUrl: './inu-footer.html',\n  styleUrl: './inu-footer.scss',\n})\nexport class InuFooter {\n\n  //==================================================================================================================\n  // ATTRIBUTES\n  //==================================================================================================================\n  displayVersion = input<boolean>(true);\n  private cacheServiceTracking = inject(CacheServiceTracking, {optional: true});\n\n  tracking             = signal<CacheServiceTracking>(this.cacheServiceTracking ?? new CacheServiceTracking(\n    {\n      sessionUid : signal<string>(UuidUtils.buildUid()),\n      env        : signal<string>('PRD'),\n      application: signal<string>('inugami'),\n      version    : signal<string>('0.0.0')\n    }\n  ));\n\n  styleClass = computed<string>(()=> [\n    'inu-footer',\n    InuStringUtils.normalize(this.tracking().env()).toUpperCase(),\n    InuStringUtils.normalize(this.tracking().application()).toUpperCase(),\n  ].join(' '));\n}\n","<footer [class]=\"styleClass()\">\n  <div class=\"inu-footer-border-top\"></div>\n  @if(displayVersion()){\n    <div class=\"inu-footer-application-detail\">\n\n      <div class=\"inu-footer-application-name\">\n        <div>{{tracking().application()}}</div>\n      </div>\n      <div class=\"inu-footer-application-version\">\n        <div>{{tracking().version()}}</div>\n      </div>\n      <div class=\"inu-footer-application-env\">\n        <div>{{tracking().env()}}</div>\n      </div>\n    </div>\n  }\n\n  <div class=\"inu-footer-content\">\n    <ng-content />\n  </div>\n  <div class=\"inu-footer-border-bottom\"></div>\n</footer>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAWa,SAAS,CAAA;;;;AAKpB,IAAA,cAAc,GAAG,KAAK,CAAU,IAAI,0DAAC;IAC7B,oBAAoB,GAAG,MAAM,CAAC,oBAAoB,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC;IAE7E,QAAQ,GAAe,MAAM,CAAuB,IAAI,CAAC,oBAAoB,IAAI,IAAI,oBAAoB,CACvG;AACE,QAAA,UAAU,EAAG,MAAM,CAAS,SAAS,CAAC,QAAQ,EAAE,CAAC;AACjD,QAAA,GAAG,EAAU,MAAM,CAAS,KAAK,CAAC;AAClC,QAAA,WAAW,EAAE,MAAM,CAAS,SAAS,CAAC;AACtC,QAAA,OAAO,EAAM,MAAM,CAAS,OAAO;AACpC,KAAA,CACF,oDAAC;AAEF,IAAA,UAAU,GAAG,QAAQ,CAAS,MAAK;QACjC,YAAY;AACZ,QAAA,cAAc,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,WAAW,EAAE;AAC7D,QAAA,cAAc,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,CAAC,CAAC,WAAW,EAAE;AACtE,KAAA,CAAC,IAAI,CAAC,GAAG,CAAC,sDAAC;uGArBD,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAT,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,qOCXtB,moBAsBA,EAAA,MAAA,EAAA,CAAA,mtBAAA,CAAA,EAAA,CAAA;;2FDXa,SAAS,EAAA,UAAA,EAAA,CAAA;kBAPrB,SAAS;+BACE,YAAY,EAAA,UAAA,EACV,IAAI,EAAA,OAAA,EACP,EAAE,EAAA,QAAA,EAAA,moBAAA,EAAA,MAAA,EAAA,CAAA,mtBAAA,CAAA,EAAA;;;AEPb;;AAEG;;;;"}

package/fesm2022/inugami-ng-components-inu-main-header.mjs

@@ -0,0 +1,35 @@
+import * as i0 from '@angular/core';
+import { input, signal, Component } from '@angular/core';
+import { InuIcon } from 'inugami-icons';
+import { RouterLink, RouterLinkActive } from '@angular/router';
+
+class InuMainHeader {
+    //==================================================================================================================
+    // ATTRIBUTES
+    //==================================================================================================================
+    icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    disableIcon = input(false, ...(ngDevMode ? [{ debugName: "disableIcon" }] : []));
+    links = input([], ...(ngDevMode ? [{ debugName: "links" }] : []));
+    displayMenuBurger = signal(false, ...(ngDevMode ? [{ debugName: "displayMenuBurger" }] : []));
+    toggleDisplay() {
+        const display = this.displayMenuBurger();
+        this.displayMenuBurger.set(!display);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InuMainHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: InuMainHeader, isStandalone: true, selector: "inu-main-header", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disableIcon: { classPropertyName: "disableIcon", publicName: "disableIcon", isSignal: true, isRequired: false, transformFunction: null }, links: { classPropertyName: "links", publicName: "links", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<nav>\n  <div class=\"inu-main-header\">\n    <div class=\"inu-main-header-nav-bar\">\n      <div class=\"inu-main-header-home-icon\">\n        <a routerLink=\"\" routerLinkActive=\"active\">\n          @if (icon()) {\n            <inu-icon [icon]=\"icon()\" [size]=\"2.5\"></inu-icon>\n          } @else {\n            <div class=\"inu-main-header-home-icon-content\"></div>\n          }\n        </a>\n      </div>\n      <div class=\"inu-main-header-links-grp\">\n        <div class=\"inu-main-header-links\">\n          <ul>\n            @for (link of links(); track link.path; ) {\n              <li>\n                @if (link.external) {\n                  @if (link.target) {\n                    <a [target]=\"link.target\" [href]=\"link.path\">{{ link.title }}</a>\n                  } @else {\n                    <a [href]=\"link.path\">{{ link.title }}</a>\n                  }\n                } @else {\n                  <a [routerLink]=\"link.path\" routerLinkActive=\"active\"\n                     [routerLinkActiveOptions]=\"{ exact: false }\">{{ link.title }}</a>\n                }\n              </li>\n            }\n          </ul>\n        </div>\n      </div>\n    </div>\n\n\n    <div class=\"inu-main-header-actions\">\n      <div class=\"inu-main-header-actions-content\">\n        <ng-content/>\n      </div>\n      <div class=\"inu-main-header-burger\">\n        <div class=\"inu-main-header-burger-icon\">\n          <inu-icon icon=\"menu\" [size]=\"2\" (click)=\"toggleDisplay()\"></inu-icon>\n        </div>\n      </div>\n    </div>\n\n  </div>\n</nav>\n@if (displayMenuBurger()) {\n  <div class=\"inu-main-header-links-burger\">\n    <ul>\n      @for (link of links(); track link.path; ) {\n        <li>\n          @if (link.external) {\n            @if (link.target) {\n              <a [target]=\"link.target\" [href]=\"link.path\">{{ link.title }}</a>\n            } @else {\n              <a [href]=\"link.path\">{{ link.title }}</a>\n            }\n          } @else {\n            <a [routerLink]=\"link.path\" routerLinkActive=\"active\"\n               [routerLinkActiveOptions]=\"{ exact: false }\">{{ link.title }}</a>\n          }\n\n          @if (link.children) {\n            <ul class=\"child-links\">\n              @for (childGrp of link.children; track childGrp) {\n                @if (childGrp.links) {\n                  @for (child of childGrp.links; track child) {\n                    <li>\n                      @if (child.external) {\n                        @if (child.target) {\n                          <a [target]=\"child.target\" [href]=\"child.path\">{{ child.title }}</a>\n                        } @else {\n                          <a [href]=\"child.path\">{{ child.title }}</a>\n                        }\n                      } @else {\n                        <a [routerLink]=\"child.path\" routerLinkActive=\"active\"\n                           [routerLinkActiveOptions]=\"{ exact: false }\">{{ child.title }}</a>\n                      }\n                    </li>\n                  }\n                }\n              }\n            </ul>\n\n          }\n        </li>\n      }\n    </ul>\n  </div>\n}\n", styles: ["nav{top:0rem;position:fixed;width:100vw;-webkit-box-shadow:0px 0px 5px 0px var(--shadow-color);box-shadow:0 0 5px 0 var(--shadow-color);background-color:#fbfbfe;font-size:130%;display:flex;align-items:center}.inu-main-header{width:96%;min-height:3rem;margin:0;padding:0;padding-left:.5rem;padding-right:.5rem;align-items:center;display:flex;flex-direction:row}.inu-main-header .inu-main-header-nav-bar{display:flex;flex:1;flex-direction:row;gap:2rem;align-items:center}.inu-main-header .inu-main-header-links-grp a{text-decoration:none;color:var(--main-header-title-color);height:3rem;display:flex;align-items:center;border-bottom:.15rem solid transparent;transition:border .2s}.inu-main-header .inu-main-header-links-grp a.active{border-bottom:.15rem solid var(--primary-dark)}.inu-main-header .inu-main-header-links-grp a:hover{border-bottom:.15rem solid var(--primary)}.inu-main-header .inu-main-header-links-grp .inu-main-header-links ul{margin:0;padding:0;display:flex;gap:1rem;list-style:none}.inu-main-header-actions{display:flex;flex-direction:row;align-items:center;height:3rem}.inu-main-header-actions .inu-main-header-burger .inu-main-header-burger-icon{fill:var(--neutral)}.inu-main-header-actions .inu-main-header-burger .inu-main-header-burger-icon:hover{fill:var(--neutral-dark-extra)}.inu-main-header-burger,.inu-main-header-links-burger{display:none}@media(max-width:920px){.inu-main-header-links{display:none}.inu-main-header-burger{display:flex;align-items:center}.inu-main-header-links-burger{display:flex;width:100%;border-bottom:1px solid var(--neutral);position:fixed;top:3rem;background-color:var(--background);-webkit-box-shadow:0px 0px 5px 0px var(--shadow-color);box-shadow:0 0 5px 0 var(--shadow-color)}.inu-main-header-links-burger a{color:var(--neutral-dark-extra);text-decoration:none}.inu-main-header-links-burger a.active{border-bottom:.15rem solid var(--primary-dark)}.inu-main-header-links-burger a:hover{border-bottom:.15rem solid var(--primary)}}.child-links{list-style:square!important}\n"], dependencies: [{ kind: "component", type: InuIcon, selector: "inu-icon", inputs: ["icon", "defaultIcon", "styleclass", "size"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InuMainHeader, decorators: [{
+            type: Component,
+            args: [{ selector: 'inu-main-header', standalone: true, imports: [
+                        InuIcon,
+                        RouterLink,
+                        RouterLinkActive
+                    ], template: "<nav>\n  <div class=\"inu-main-header\">\n    <div class=\"inu-main-header-nav-bar\">\n      <div class=\"inu-main-header-home-icon\">\n        <a routerLink=\"\" routerLinkActive=\"active\">\n          @if (icon()) {\n            <inu-icon [icon]=\"icon()\" [size]=\"2.5\"></inu-icon>\n          } @else {\n            <div class=\"inu-main-header-home-icon-content\"></div>\n          }\n        </a>\n      </div>\n      <div class=\"inu-main-header-links-grp\">\n        <div class=\"inu-main-header-links\">\n          <ul>\n            @for (link of links(); track link.path; ) {\n              <li>\n                @if (link.external) {\n                  @if (link.target) {\n                    <a [target]=\"link.target\" [href]=\"link.path\">{{ link.title }}</a>\n                  } @else {\n                    <a [href]=\"link.path\">{{ link.title }}</a>\n                  }\n                } @else {\n                  <a [routerLink]=\"link.path\" routerLinkActive=\"active\"\n                     [routerLinkActiveOptions]=\"{ exact: false }\">{{ link.title }}</a>\n                }\n              </li>\n            }\n          </ul>\n        </div>\n      </div>\n    </div>\n\n\n    <div class=\"inu-main-header-actions\">\n      <div class=\"inu-main-header-actions-content\">\n        <ng-content/>\n      </div>\n      <div class=\"inu-main-header-burger\">\n        <div class=\"inu-main-header-burger-icon\">\n          <inu-icon icon=\"menu\" [size]=\"2\" (click)=\"toggleDisplay()\"></inu-icon>\n        </div>\n      </div>\n    </div>\n\n  </div>\n</nav>\n@if (displayMenuBurger()) {\n  <div class=\"inu-main-header-links-burger\">\n    <ul>\n      @for (link of links(); track link.path; ) {\n        <li>\n          @if (link.external) {\n            @if (link.target) {\n              <a [target]=\"link.target\" [href]=\"link.path\">{{ link.title }}</a>\n            } @else {\n              <a [href]=\"link.path\">{{ link.title }}</a>\n            }\n          } @else {\n            <a [routerLink]=\"link.path\" routerLinkActive=\"active\"\n               [routerLinkActiveOptions]=\"{ exact: false }\">{{ link.title }}</a>\n          }\n\n          @if (link.children) {\n            <ul class=\"child-links\">\n              @for (childGrp of link.children; track childGrp) {\n                @if (childGrp.links) {\n                  @for (child of childGrp.links; track child) {\n                    <li>\n                      @if (child.external) {\n                        @if (child.target) {\n                          <a [target]=\"child.target\" [href]=\"child.path\">{{ child.title }}</a>\n                        } @else {\n                          <a [href]=\"child.path\">{{ child.title }}</a>\n                        }\n                      } @else {\n                        <a [routerLink]=\"child.path\" routerLinkActive=\"active\"\n                           [routerLinkActiveOptions]=\"{ exact: false }\">{{ child.title }}</a>\n                      }\n                    </li>\n                  }\n                }\n              }\n            </ul>\n\n          }\n        </li>\n      }\n    </ul>\n  </div>\n}\n", styles: ["nav{top:0rem;position:fixed;width:100vw;-webkit-box-shadow:0px 0px 5px 0px var(--shadow-color);box-shadow:0 0 5px 0 var(--shadow-color);background-color:#fbfbfe;font-size:130%;display:flex;align-items:center}.inu-main-header{width:96%;min-height:3rem;margin:0;padding:0;padding-left:.5rem;padding-right:.5rem;align-items:center;display:flex;flex-direction:row}.inu-main-header .inu-main-header-nav-bar{display:flex;flex:1;flex-direction:row;gap:2rem;align-items:center}.inu-main-header .inu-main-header-links-grp a{text-decoration:none;color:var(--main-header-title-color);height:3rem;display:flex;align-items:center;border-bottom:.15rem solid transparent;transition:border .2s}.inu-main-header .inu-main-header-links-grp a.active{border-bottom:.15rem solid var(--primary-dark)}.inu-main-header .inu-main-header-links-grp a:hover{border-bottom:.15rem solid var(--primary)}.inu-main-header .inu-main-header-links-grp .inu-main-header-links ul{margin:0;padding:0;display:flex;gap:1rem;list-style:none}.inu-main-header-actions{display:flex;flex-direction:row;align-items:center;height:3rem}.inu-main-header-actions .inu-main-header-burger .inu-main-header-burger-icon{fill:var(--neutral)}.inu-main-header-actions .inu-main-header-burger .inu-main-header-burger-icon:hover{fill:var(--neutral-dark-extra)}.inu-main-header-burger,.inu-main-header-links-burger{display:none}@media(max-width:920px){.inu-main-header-links{display:none}.inu-main-header-burger{display:flex;align-items:center}.inu-main-header-links-burger{display:flex;width:100%;border-bottom:1px solid var(--neutral);position:fixed;top:3rem;background-color:var(--background);-webkit-box-shadow:0px 0px 5px 0px var(--shadow-color);box-shadow:0 0 5px 0 var(--shadow-color)}.inu-main-header-links-burger a{color:var(--neutral-dark-extra);text-decoration:none}.inu-main-header-links-burger a.active{border-bottom:.15rem solid var(--primary-dark)}.inu-main-header-links-burger a:hover{border-bottom:.15rem solid var(--primary)}}.child-links{list-style:square!important}\n"] }]
+        }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], disableIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableIcon", required: false }] }], links: [{ type: i0.Input, args: [{ isSignal: true, alias: "links", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InuMainHeader };
+//# sourceMappingURL=inugami-ng-components-inu-main-header.mjs.map

package/fesm2022/inugami-ng-components-inu-main-header.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"inugami-ng-components-inu-main-header.mjs","sources":["../../../projects/inugami-ng/components/inu-main-header/inu-main-header.ts","../../../projects/inugami-ng/components/inu-main-header/inu-main-header.html","../../../projects/inugami-ng/components/inu-main-header/inugami-ng-components-inu-main-header.ts"],"sourcesContent":["import {Component, input, signal} from '@angular/core';\nimport {InuIcon} from 'inugami-icons'\nimport {RouterLink, RouterLinkActive} from '@angular/router'\nimport {InuSiteLink} from 'inugami-ng/models'\n\n@Component({\n             selector   : 'inu-main-header',\n             standalone : true,\n             imports    : [\n               InuIcon,\n               RouterLink,\n               RouterLinkActive\n             ],\n             templateUrl: './inu-main-header.html',\n             styleUrl   : './inu-main-header.scss',\n           })\nexport class InuMainHeader {\n\n  //==================================================================================================================\n  // ATTRIBUTES\n  //==================================================================================================================\n  icon              = input<string>('');\n  disableIcon       = input<boolean>(false);\n  links             = input<InuSiteLink[]>([]);\n  displayMenuBurger = signal<boolean>(false);\n\n  protected toggleDisplay() {\n    const display = this.displayMenuBurger();\n    this.displayMenuBurger.set(!display);\n  }\n}\n","<nav>\n  <div class=\"inu-main-header\">\n    <div class=\"inu-main-header-nav-bar\">\n      <div class=\"inu-main-header-home-icon\">\n        <a routerLink=\"\" routerLinkActive=\"active\">\n          @if (icon()) {\n            <inu-icon [icon]=\"icon()\" [size]=\"2.5\"></inu-icon>\n          } @else {\n            <div class=\"inu-main-header-home-icon-content\"></div>\n          }\n        </a>\n      </div>\n      <div class=\"inu-main-header-links-grp\">\n        <div class=\"inu-main-header-links\">\n          <ul>\n            @for (link of links(); track link.path; ) {\n              <li>\n                @if (link.external) {\n                  @if (link.target) {\n                    <a [target]=\"link.target\" [href]=\"link.path\">{{ link.title }}</a>\n                  } @else {\n                    <a [href]=\"link.path\">{{ link.title }}</a>\n                  }\n                } @else {\n                  <a [routerLink]=\"link.path\" routerLinkActive=\"active\"\n                     [routerLinkActiveOptions]=\"{ exact: false }\">{{ link.title }}</a>\n                }\n              </li>\n            }\n          </ul>\n        </div>\n      </div>\n    </div>\n\n\n    <div class=\"inu-main-header-actions\">\n      <div class=\"inu-main-header-actions-content\">\n        <ng-content/>\n      </div>\n      <div class=\"inu-main-header-burger\">\n        <div class=\"inu-main-header-burger-icon\">\n          <inu-icon icon=\"menu\" [size]=\"2\" (click)=\"toggleDisplay()\"></inu-icon>\n        </div>\n      </div>\n    </div>\n\n  </div>\n</nav>\n@if (displayMenuBurger()) {\n  <div class=\"inu-main-header-links-burger\">\n    <ul>\n      @for (link of links(); track link.path; ) {\n        <li>\n          @if (link.external) {\n            @if (link.target) {\n              <a [target]=\"link.target\" [href]=\"link.path\">{{ link.title }}</a>\n            } @else {\n              <a [href]=\"link.path\">{{ link.title }}</a>\n            }\n          } @else {\n            <a [routerLink]=\"link.path\" routerLinkActive=\"active\"\n               [routerLinkActiveOptions]=\"{ exact: false }\">{{ link.title }}</a>\n          }\n\n          @if (link.children) {\n            <ul class=\"child-links\">\n              @for (childGrp of link.children; track childGrp) {\n                @if (childGrp.links) {\n                  @for (child of childGrp.links; track child) {\n                    <li>\n                      @if (child.external) {\n                        @if (child.target) {\n                          <a [target]=\"child.target\" [href]=\"child.path\">{{ child.title }}</a>\n                        } @else {\n                          <a [href]=\"child.path\">{{ child.title }}</a>\n                        }\n                      } @else {\n                        <a [routerLink]=\"child.path\" routerLinkActive=\"active\"\n                           [routerLinkActiveOptions]=\"{ exact: false }\">{{ child.title }}</a>\n                      }\n                    </li>\n                  }\n                }\n              }\n            </ul>\n\n          }\n        </li>\n      }\n    </ul>\n  </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAgBa,aAAa,CAAA;;;;AAKxB,IAAA,IAAI,GAAgB,KAAK,CAAS,EAAE,gDAAC;AACrC,IAAA,WAAW,GAAS,KAAK,CAAU,KAAK,uDAAC;AACzC,IAAA,KAAK,GAAe,KAAK,CAAgB,EAAE,iDAAC;AAC5C,IAAA,iBAAiB,GAAG,MAAM,CAAU,KAAK,6DAAC;IAEhC,aAAa,GAAA;AACrB,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,iBAAiB,EAAE;QACxC,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC;IACtC;uGAbW,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,8cChB1B,mnGA4FA,EAAA,MAAA,EAAA,CAAA,4+DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDnFe,OAAO,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,aAAA,EAAA,YAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACP,UAAU,oOACV,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,uBAAA,EAAA,kBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAKlB,aAAa,EAAA,UAAA,EAAA,CAAA;kBAXzB,SAAS;+BACgB,iBAAiB,EAAA,UAAA,EACjB,IAAI,EAAA,OAAA,EACJ;wBACX,OAAO;wBACP,UAAU;wBACV;AACD,qBAAA,EAAA,QAAA,EAAA,mnGAAA,EAAA,MAAA,EAAA,CAAA,4+DAAA,CAAA,EAAA;;;AEZd;;AAEG;;;;"}

package/fesm2022/inugami-ng-models.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"inugami-ng-models.mjs","sources":["../../../projects/inugami-ng/models/site-link.model.ts","../../../projects/inugami-ng/models/inugami-ng-models.ts"],"sourcesContent":["export const TARGET_BLANK = '_blank';\nexport const TARGET_SELF = '_self';\nexport const TARGET_PARENT = '_parent';\nexport interface InuSiteLink{\n  title:string;\n  path:string;\n  icon?:string;\n  styleClass?:string;\n  external?:boolean;\n  target?:'_blank'|'_self'|'_parent',\n  children?: InuSiteLinkChildren[];\n  gaEvent?:string;\n  gaCategory?:string;\n}\n\nexport interface  InuSiteLinkChildren{\n  links?: InuSiteLink[];\n  title?:string;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAO,MAAM,YAAY,GAAG;AACrB,MAAM,WAAW,GAAG;AACpB,MAAM,aAAa,GAAG;;ACF7B;;AAEG;;;;"}
+{"version":3,"file":"inugami-ng-models.mjs","sources":["../../../projects/inugami-ng/models/site-link.model.ts","../../../projects/inugami-ng/models/inugami-ng-models.ts"],"sourcesContent":["export const TARGET_BLANK = '_blank';\nexport const TARGET_SELF = '_self';\nexport const TARGET_PARENT = '_parent';\nexport interface InuSiteLink{\n  title:string;\n  path?:string;\n  icon?:string;\n  styleClass?:string;\n  external?:boolean;\n  target?:'_blank'|'_self'|'_parent',\n  children?: InuSiteLinkChildren[];\n  gaEvent?:string;\n  gaCategory?:string;\n}\n\nexport interface  InuSiteLinkChildren{\n  links?: InuSiteLink[];\n  title?:string;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAO,MAAM,YAAY,GAAG;AACrB,MAAM,WAAW,GAAG;AACpB,MAAM,aAAa,GAAG;;ACF7B;;AAEG;;;;"}

package/fesm2022/inugami-ng-services.mjs

@@ -44,7 +44,7 @@ class InuCacheServices {
     sessionStorage = computed(() => window.sessionStorage, ...(ngDevMode ? [{ debugName: "sessionStorage" }] : []));
     tracking = signal(this.cacheServiceTracking ?? new CacheServiceTracking({
         sessionUid: signal(UuidUtils.buildUid()),
-        env: signal('dev'),
+        env: signal('PRD'),
         application: signal('inugami'),
         version: signal('0.0.0')
     }), ...(ngDevMode ? [{ debugName: "tracking" }] : []));