inugami-ng 0.0.26 → 0.0.28

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

@@ -19,7 +19,6 @@ class InuAsideMenuChildren {
     currentStyleClass = computed(() => ['inu-aside-menu-children', `level level-${this.level()}`]
         .join(' '), ...(ngDevMode ? [{ debugName: "currentStyleClass" }] : []));
     showChildren(childLink) {
-        console.log('showChildren', childLink);
         if (!childLink.children || childLink.children.length == 0) {
             return false;
         }

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

@@ -1 +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 {Component, computed, inject, input} from '@angular/core';\nimport {InuIcon} from 'inugami-icons';\nimport {InuSiteLink, InuSiteLinkChildren} from 'inugami-ng/models'\nimport {ActivatedRoute, NavigationEnd, Router, RouterLink, RouterLinkActive} from '@angular/router'\nimport {toSignal} from '@angular/core/rxjs-interop'\nimport {filter, map} from 'rxjs'\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  private activatedRoute    = inject(ActivatedRoute);\n  private router = inject(Router);\n  activeFragment    = toSignal(this.activatedRoute.fragment);\n  currentUrlString = toSignal(\n    this.router.events.pipe(\n      filter(event => event instanceof NavigationEnd),\n      map(() => this.router.url.split('?')[0])\n    ),\n    { initialValue: this.router.url.split('?')[0] }\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\n  showChildren(childLink: InuSiteLink): boolean {\n    console.log('showChildren',childLink)\n    if (!childLink.children || childLink.children.length == 0) {\n      return false;\n    }\n    if (childLink.forceShowChildren != undefined && childLink.forceShowChildren) {\n      return true;\n    }\n    const url = this.currentUrlString();\n    return url === childLink.path;\n  }\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\"  [class]=\"childLink.styleClass!\">{{ childLink.title! }}</a>\n                        } @else {\n                          <a [href]=\"childLink.path\" [class]=\"childLink.styleClass!\">{{ childLink.title! }}</a>\n                        }\n                      }\n                      @else {\n                        @if(childLink.fragment){\n                          <a [routerLink]=\"childLink.path\"\n                             routerLinkActive\n                             #rla=\"routerLinkActive\"\n                             [class]=\"childLink.styleClass!\"\n                             [class.active]=\"rla.isActive && activeFragment() === childLink.fragment\"\n                             [fragment]=\"childLink.fragment!\"\n                             [routerLinkActiveOptions]=\"{ exact: false }\">{{ childLink.title! }}</a>\n                        }\n                        @else{\n                          <a [routerLink]=\"childLink.path\"\n                             routerLinkActive=\"active\"\n                             [class]=\"childLink.styleClass!\"\n                             [routerLinkActiveOptions]=\"{ exact: false }\">{{ childLink.title! }}</a>\n                        }\n                      }\n                    }\n                    @else {\n                      <span  [class]=\"childLink.styleClass!\">{{childLink.title!}}</span>\n                    }\n                  </div>\n\n                  <div class=\"inu-aside-menu-link-children\">\n                    @if (childLink.children && showChildren(childLink)) {\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, inject, input, signal} from '@angular/core';\nimport {InuIcon} from 'inugami-icons';\nimport {NgClass} from '@angular/common';\nimport {InuSiteLink} from 'inugami-ng/models'\nimport {ActivatedRoute, RouterLink, RouterLinkActive} from '@angular/router'\nimport {InuAsideMenuChildren} from './children/inu-aside-menu-children.component'\nimport {toSignal} from '@angular/core/rxjs-interop'\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  activeFragment = toSignal(inject(ActivatedRoute).fragment);\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\" [class]=\"link.styleClass!\">{{ link.title! }}</a>\n                  } @else {\n                    <a [href]=\"link.path\" [class]=\"link.styleClass!\">{{ link.title }}</a>\n                  }\n                } @else {\n                  @if(link.fragment){\n                    <a [routerLink]=\"link.path\"\n                       routerLinkActive\n                       #rla=\"routerLinkActive\"\n                       [class]=\"link.styleClass!\"\n                       [class.active]=\"rla.isActive && activeFragment() === link.fragment\"\n                       [fragment]=\"link.fragment!\"\n                       [routerLinkActiveOptions]=\"{ exact: false }\">{{ link.title! }}</a>\n                  }\n                  @else{\n                  <a [routerLink]=\"link.path\"\n                     routerLinkActive=\"active\"\n                     [class]=\"link.styleClass!\"\n                     [routerLinkActiveOptions]=\"{ exact: false }\">{{ link.title! }}</a>\n                  }\n\n                }\n              } @else {\n                <span [class]=\"link.styleClass!\">{{ 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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"}
+{"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 {Component, computed, inject, input} from '@angular/core';\nimport {InuIcon} from 'inugami-icons';\nimport {InuSiteLink, InuSiteLinkChildren} from 'inugami-ng/models'\nimport {ActivatedRoute, NavigationEnd, Router, RouterLink, RouterLinkActive} from '@angular/router'\nimport {toSignal} from '@angular/core/rxjs-interop'\nimport {filter, map} from 'rxjs'\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  private activatedRoute    = inject(ActivatedRoute);\n  private router = inject(Router);\n  activeFragment    = toSignal(this.activatedRoute.fragment);\n  currentUrlString = toSignal(\n    this.router.events.pipe(\n      filter(event => event instanceof NavigationEnd),\n      map(() => this.router.url.split('?')[0])\n    ),\n    { initialValue: this.router.url.split('?')[0] }\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\n  showChildren(childLink: InuSiteLink): boolean {\n    if (!childLink.children || childLink.children.length == 0) {\n      return false;\n    }\n    if (childLink.forceShowChildren != undefined && childLink.forceShowChildren) {\n      return true;\n    }\n    const url = this.currentUrlString();\n    return url === childLink.path;\n  }\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\"  [class]=\"childLink.styleClass!\">{{ childLink.title! }}</a>\n                        } @else {\n                          <a [href]=\"childLink.path\" [class]=\"childLink.styleClass!\">{{ childLink.title! }}</a>\n                        }\n                      }\n                      @else {\n                        @if(childLink.fragment){\n                          <a [routerLink]=\"childLink.path\"\n                             routerLinkActive\n                             #rla=\"routerLinkActive\"\n                             [class]=\"childLink.styleClass!\"\n                             [class.active]=\"rla.isActive && activeFragment() === childLink.fragment\"\n                             [fragment]=\"childLink.fragment!\"\n                             [routerLinkActiveOptions]=\"{ exact: false }\">{{ childLink.title! }}</a>\n                        }\n                        @else{\n                          <a [routerLink]=\"childLink.path\"\n                             routerLinkActive=\"active\"\n                             [class]=\"childLink.styleClass!\"\n                             [routerLinkActiveOptions]=\"{ exact: false }\">{{ childLink.title! }}</a>\n                        }\n                      }\n                    }\n                    @else {\n                      <span  [class]=\"childLink.styleClass!\">{{childLink.title!}}</span>\n                    }\n                  </div>\n\n                  <div class=\"inu-aside-menu-link-children\">\n                    @if (childLink.children && showChildren(childLink)) {\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, inject, input, signal} from '@angular/core';\nimport {InuIcon} from 'inugami-icons';\nimport {NgClass} from '@angular/common';\nimport {InuSiteLink} from 'inugami-ng/models'\nimport {ActivatedRoute, RouterLink, RouterLinkActive} from '@angular/router'\nimport {InuAsideMenuChildren} from './children/inu-aside-menu-children.component'\nimport {toSignal} from '@angular/core/rxjs-interop'\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  activeFragment = toSignal(inject(ActivatedRoute).fragment);\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\" [class]=\"link.styleClass!\">{{ link.title! }}</a>\n                  } @else {\n                    <a [href]=\"link.path\" [class]=\"link.styleClass!\">{{ link.title }}</a>\n                  }\n                } @else {\n                  @if(link.fragment){\n                    <a [routerLink]=\"link.path\"\n                       routerLinkActive\n                       #rla=\"routerLinkActive\"\n                       [class]=\"link.styleClass!\"\n                       [class.active]=\"rla.isActive && activeFragment() === link.fragment\"\n                       [fragment]=\"link.fragment!\"\n                       [routerLinkActiveOptions]=\"{ exact: false }\">{{ link.title! }}</a>\n                  }\n                  @else{\n                  <a [routerLink]=\"link.path\"\n                     routerLinkActive=\"active\"\n                     [class]=\"link.styleClass!\"\n                     [routerLinkActiveOptions]=\"{ exact: false }\">{{ link.title! }}</a>\n                  }\n\n                }\n              } @else {\n                <span [class]=\"link.styleClass!\">{{ 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-code.mjs

@@ -4,6 +4,9 @@ import { InuCacheServices } from 'inugami-ng/services';
 import { map, tap, shareReplay } from 'rxjs';
 import { HttpClient } from '@angular/common/http';
 import hljs from 'highlight.js';
+import { InuButton } from 'inugami-ng/components/inu-button';
+import { InuCopyServices } from 'inugami-ng/components/inu-copy';
+import { InuToastServices } from 'inugami-ng/components/inu-toast';
 
 class InuHighlightDirective {
     el = inject(ElementRef);
@@ -43,11 +46,16 @@ class InuCode {
     tag = input(undefined, ...(ngDevMode ? [{ debugName: "tag" }] : []));
     type = input(undefined, ...(ngDevMode ? [{ debugName: "type" }] : []));
     title = input(undefined, ...(ngDevMode ? [{ debugName: "title" }] : []));
+    notificationLabel = input('Value copied to clipboard', ...(ngDevMode ? [{ debugName: "notificationLabel" }] : []));
+    notificationMessage = input('', ...(ngDevMode ? [{ debugName: "notificationMessage" }] : []));
+    iconNotification = input('approval', ...(ngDevMode ? [{ debugName: "iconNotification" }] : []));
     http = inject(HttpClient);
     cache = inject(InuCacheServices);
     sourceCode = signal('', ...(ngDevMode ? [{ debugName: "sourceCode" }] : []));
     _title = signal('', ...(ngDevMode ? [{ debugName: "_title" }] : []));
     _type = signal('', ...(ngDevMode ? [{ debugName: "_type" }] : []));
+    copyService = inject(InuCopyServices);
+    toastServices = inject(InuToastServices);
     //==================================================================================================================
     // INITIALIZE
     //==================================================================================================================
@@ -131,6 +139,24 @@ class InuCode {
         return result;
     }
     //==================================================================================================================
+    // ACTION
+    //==================================================================================================================
+    copyContent() {
+        const content = this.sourceCode();
+        if (!content) {
+            return;
+        }
+        this.copyService.copy(content)
+            .subscribe({
+            next: () => this.toastServices.addMessage({
+                title: this.notificationLabel(),
+                message: this.notificationMessage(),
+                icon: this.iconNotification(),
+                level: "success"
+            })
+        });
+    }
+    //==================================================================================================================
     // TOOLS
     //==================================================================================================================
     loadFormCache(url) {
@@ -166,12 +192,12 @@ class InuCode {
         return result.join('\n');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InuCode, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: InuCode, isStandalone: true, selector: "inu-code", inputs: { source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: false, transformFunction: null }, url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: false, transformFunction: null }, tag: { classPropertyName: "tag", publicName: "tag", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"inu-code\">\n  <fieldset>\n    @if(_title()){\n      <legend>{{_title()}}</legend>\n    }\n\n    @if(sourceCode()){\n      <div class=\"source-code\">\n<pre [inuHighlight]=\"sourceCode()\" lang=\"java\" >\n</pre>\n      </div>\n    }\n\n  </fieldset>\n\n\n</div>\n", styles: [".inu-code fieldset{margin:.5rem 1rem;border:.1rem solid #dddddd;border-left:.2rem solid #dddddd;padding:0}.inu-code fieldset:hover{border-left:.2rem solid var(--neutral)}.inu-code fieldset legend{font-size:120%;background-color:#f1f3f5;padding-left:1rem}.inu-code fieldset .source-code{margin-left:1rem}\n"], dependencies: [{ kind: "directive", type: InuHighlightDirective, selector: "code[inuHighlight], pre[inuHighlight]", inputs: ["inuHighlight", "lang"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: InuCode, isStandalone: true, selector: "inu-code", inputs: { source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: false, transformFunction: null }, url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: false, transformFunction: null }, tag: { classPropertyName: "tag", publicName: "tag", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, notificationLabel: { classPropertyName: "notificationLabel", publicName: "notificationLabel", isSignal: true, isRequired: false, transformFunction: null }, notificationMessage: { classPropertyName: "notificationMessage", publicName: "notificationMessage", isSignal: true, isRequired: false, transformFunction: null }, iconNotification: { classPropertyName: "iconNotification", publicName: "iconNotification", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"inu-code\">\n  <fieldset>\n      <legend>\n        <div class=\"inu-code-title\">\n          {{_title()!}}\n        </div>\n        <div class=\"inu-code-copy\">\n          <inu-button icon=\"copy\" (click)=\"copyContent()\"></inu-button>\n        </div>\n      </legend>\n\n    @if(sourceCode()){\n      <div class=\"source-code\">\n<pre [inuHighlight]=\"sourceCode()\" lang=\"java\" >\n</pre>\n      </div>\n    }\n\n  </fieldset>\n\n\n</div>\n", styles: [".inu-code fieldset{margin:.5rem 1rem;border:.1rem solid #dddddd;border-left:.2rem solid #dddddd;padding:0}.inu-code fieldset legend{display:flex;padding:.25rem}.inu-code fieldset legend .inu-code-title{flex:1}.inu-code fieldset:hover{border-left:.2rem solid var(--neutral)}.inu-code fieldset legend{font-size:120%;background-color:#f1f3f5;padding-left:1rem}.inu-code fieldset .source-code{margin-left:1rem}\n"], dependencies: [{ kind: "directive", type: InuHighlightDirective, selector: "code[inuHighlight], pre[inuHighlight]", inputs: ["inuHighlight", "lang"] }, { kind: "component", type: InuButton, selector: "inu-button", inputs: ["label", "icon", "iconSize", "type", "link", "disabled", "processing", "processingIcon"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InuCode, decorators: [{
             type: Component,
-            args: [{ selector: 'inu-code', standalone: true, imports: [InuHighlightDirective], template: "<div class=\"inu-code\">\n  <fieldset>\n    @if(_title()){\n      <legend>{{_title()}}</legend>\n    }\n\n    @if(sourceCode()){\n      <div class=\"source-code\">\n<pre [inuHighlight]=\"sourceCode()\" lang=\"java\" >\n</pre>\n      </div>\n    }\n\n  </fieldset>\n\n\n</div>\n", styles: [".inu-code fieldset{margin:.5rem 1rem;border:.1rem solid #dddddd;border-left:.2rem solid #dddddd;padding:0}.inu-code fieldset:hover{border-left:.2rem solid var(--neutral)}.inu-code fieldset legend{font-size:120%;background-color:#f1f3f5;padding-left:1rem}.inu-code fieldset .source-code{margin-left:1rem}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { source: [{ type: i0.Input, args: [{ isSignal: true, alias: "source", required: false }] }], url: [{ type: i0.Input, args: [{ isSignal: true, alias: "url", required: false }] }], tag: [{ type: i0.Input, args: [{ isSignal: true, alias: "tag", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }] } });
+            args: [{ selector: 'inu-code', standalone: true, imports: [InuHighlightDirective, InuButton], template: "<div class=\"inu-code\">\n  <fieldset>\n      <legend>\n        <div class=\"inu-code-title\">\n          {{_title()!}}\n        </div>\n        <div class=\"inu-code-copy\">\n          <inu-button icon=\"copy\" (click)=\"copyContent()\"></inu-button>\n        </div>\n      </legend>\n\n    @if(sourceCode()){\n      <div class=\"source-code\">\n<pre [inuHighlight]=\"sourceCode()\" lang=\"java\" >\n</pre>\n      </div>\n    }\n\n  </fieldset>\n\n\n</div>\n", styles: [".inu-code fieldset{margin:.5rem 1rem;border:.1rem solid #dddddd;border-left:.2rem solid #dddddd;padding:0}.inu-code fieldset legend{display:flex;padding:.25rem}.inu-code fieldset legend .inu-code-title{flex:1}.inu-code fieldset:hover{border-left:.2rem solid var(--neutral)}.inu-code fieldset legend{font-size:120%;background-color:#f1f3f5;padding-left:1rem}.inu-code fieldset .source-code{margin-left:1rem}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { source: [{ type: i0.Input, args: [{ isSignal: true, alias: "source", required: false }] }], url: [{ type: i0.Input, args: [{ isSignal: true, alias: "url", required: false }] }], tag: [{ type: i0.Input, args: [{ isSignal: true, alias: "tag", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], notificationLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "notificationLabel", required: false }] }], notificationMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "notificationMessage", required: false }] }], iconNotification: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconNotification", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"inugami-ng-components-inu-code.mjs","sources":["../../../projects/inugami-ng/components/inu-code/inu-code.directive.ts","../../../projects/inugami-ng/components/inu-code/inu-code.ts","../../../projects/inugami-ng/components/inu-code/inu-code.html","../../../projects/inugami-ng/components/inu-code/inugami-ng-components-inu-code.ts"],"sourcesContent":["import { Directive, ElementRef, inject, input, effect } from '@angular/core';\nimport hljs from 'highlight.js';\n\n@Directive({\n  selector: 'code[inuHighlight], pre[inuHighlight]',\n  standalone: true\n})\nexport class InuHighlightDirective {\n  private el = inject(ElementRef);\n\n  // On utilise des signaux pour la réactivité\n  code = input<string>('', { alias: 'inuHighlight' });\n  lang = input<string | undefined | null>(undefined);\n\n  constructor() {\n    effect(() => {\n      const codeValue = this.code() || '';\n      const language = this.lang() || '';\n      const nativeElement = this.el.nativeElement;\n\n      // Reset du contenu et application de la coloration\n      nativeElement.textContent = codeValue;\n      if (language) {\n        nativeElement.className = `language-${language}`;\n      }\n\n      hljs.highlightElement(nativeElement);\n    });\n  }\n}\n","import {\n  Component,\n  effect,\n  inject,\n  input,\n  signal\n} from '@angular/core';\nimport {InuCacheServices} from \"inugami-ng/services\";\nimport {map, shareReplay, tap} from \"rxjs\";\nimport {HttpClient} from \"@angular/common/http\";\nimport {SourceCode} from './code.model';\nimport {InuHighlightDirective} from './inu-code.directive';\n\n\n@Component({\n  selector: 'inu-code',\n  standalone: true,\n  imports: [InuHighlightDirective],\n  templateUrl: './inu-code.html',\n  styleUrl: './inu-code.scss',\n})\nexport class InuCode {\n\n  //==================================================================================================================\n  // ATTRIBUTES\n  //==================================================================================================================\n  source = input<string | undefined | null>(undefined);\n  url = input<string | undefined | null>(undefined);\n  tag = input<string | undefined | null>(undefined);\n  type = input<string | undefined | null>(undefined);\n  title = input<string | undefined | null>(undefined);\n\n\n  private readonly http = inject(HttpClient);\n  private readonly cache = inject(InuCacheServices);\n\n  sourceCode = signal<string>('');\n  _title = signal<string>('');\n  _type = signal<string>('');\n\n  //==================================================================================================================\n  // INITIALIZE\n  //==================================================================================================================\n  constructor() {\n    effect(() => this.init());\n  }\n\n  init(): void {\n    const url = this.url();\n    if(this.title()){\n      this._title.set(this.title()!);\n    }\n\n    if (url) {\n      this.loadFormUrl(url);\n    } else {\n      const source = this.source();\n      if (source) {\n        this.sourceCode.set(source);\n      }\n    }\n  }\n\n  loadFormUrl(url: string) {\n\n    const data = this.loadFormCache(url);\n    if (data) {\n      this.initSourceCode(data);\n      return;\n    }\n\n    const cacheKey = `inu-code_${url}`;\n    const pending = this.cache.getPending(cacheKey);\n\n    if (pending) {\n      pending.subscribe(res =>this.initSourceCode(res));\n      return;\n    }\n\n    const request = this.http.get(url, {responseType: 'text'})\n      .pipe(map(res => this.parseData(res, url)),\n        tap(data => this.cache.set(cacheKey, data)),\n        shareReplay(1)\n      );\n    this.cache.setPending(cacheKey, request);\n    request.subscribe();\n\n  }\n\n\n  initSourceCode(data: SourceCode[]) {\n\n    const values = data.filter(i => this.tag() === i.name);\n    if (values.length > 0) {\n      const sourceCodeValue = values[0];\n      this.sourceCode.set(sourceCodeValue.content!);\n\n      const currentTitle = this.title();\n\n      if(this.title()){\n        this._title.set(this.title()!);\n      }else if (sourceCodeValue.title) {\n        this._title.set(sourceCodeValue.title);\n      }\n\n      if(this.type()){\n        this._type.set(this.type()!);\n      }else if (sourceCodeValue.type) {\n        this._type.set(sourceCodeValue.type);\n      }\n    }\n  }\n\n\n  //==================================================================================================================\n  // PARSE\n  //==================================================================================================================\n  parseData(response: string, url: string): SourceCode[] {\n    const parser = new DOMParser();\n    const node = parser.parseFromString(response, \"text/xml\");\n    const sources = node.getElementsByTagName(\"src\");\n\n    const result: SourceCode[] = [];\n    for (let i = 0; i < sources.length; i++) {\n      let sourceNode = sources[i];\n      let sourceName: string = sourceNode.getAttribute('name') ?? '';\n      let sourceContent: string = this.cleanContent(sourceNode.textContent ?? '');\n      let type: string | undefined = sourceNode.getAttribute('type') ?? undefined;\n      let title: string | undefined = sourceNode.getAttribute('title') ?? undefined;\n\n      result.push({\n        name: sourceName,\n        content: sourceContent,\n        type: type,\n        title: title\n      })\n    }\n\n    this.initSourceCode(result);\n    return result;\n  }\n\n\n  //==================================================================================================================\n  // TOOLS\n  //==================================================================================================================\n  loadFormCache(url: string): SourceCode[] | undefined {\n    const cacheKey = `inu-code_${url}`;\n    const result: SourceCode[] | undefined = this.cache.get(cacheKey);\n    return result;\n  }\n\n  setToCache(url: string, value: any): void {\n    const cacheKey = `inu-code_${url}`;\n    if (value) {\n      this.cache.set(cacheKey, value);\n    }\n  }\n\n\n  private cleanContent(value: string): string {\n    let result: string[] = [];\n    let buffer: string[] = [];\n\n    let line = value.split(\"\\n\");\n\n    let enableClean = false;\n    for (let i = 0; i < line.length; i++) {\n      if (enableClean || line[i].trim() != '') {\n        buffer.push(line[i]);\n        enableClean = true;\n      }\n    }\n    enableClean = false;\n    for (let i = buffer.length - 1; i >= 0; i--) {\n      if (enableClean || buffer[i].trim() != '') {\n        result.push(buffer[i]);\n        enableClean = true;\n      }\n    }\n\n    result.reverse();\n\n    return result.join('\\n');\n  }\n}\n","<div class=\"inu-code\">\n  <fieldset>\n    @if(_title()){\n      <legend>{{_title()}}</legend>\n    }\n\n    @if(sourceCode()){\n      <div class=\"source-code\">\n<pre [inuHighlight]=\"sourceCode()\" lang=\"java\" >\n</pre>\n      </div>\n    }\n\n  </fieldset>\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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"}
+{"version":3,"file":"inugami-ng-components-inu-code.mjs","sources":["../../../projects/inugami-ng/components/inu-code/inu-code.directive.ts","../../../projects/inugami-ng/components/inu-code/inu-code.ts","../../../projects/inugami-ng/components/inu-code/inu-code.html","../../../projects/inugami-ng/components/inu-code/inugami-ng-components-inu-code.ts"],"sourcesContent":["import { Directive, ElementRef, inject, input, effect } from '@angular/core';\nimport hljs from 'highlight.js';\n\n@Directive({\n  selector: 'code[inuHighlight], pre[inuHighlight]',\n  standalone: true\n})\nexport class InuHighlightDirective {\n  private el = inject(ElementRef);\n\n  // On utilise des signaux pour la réactivité\n  code = input<string>('', { alias: 'inuHighlight' });\n  lang = input<string | undefined | null>(undefined);\n\n  constructor() {\n    effect(() => {\n      const codeValue = this.code() || '';\n      const language = this.lang() || '';\n      const nativeElement = this.el.nativeElement;\n\n      // Reset du contenu et application de la coloration\n      nativeElement.textContent = codeValue;\n      if (language) {\n        nativeElement.className = `language-${language}`;\n      }\n\n      hljs.highlightElement(nativeElement);\n    });\n  }\n}\n","import {\n  Component,\n  effect,\n  inject,\n  input,\n  signal\n} from '@angular/core';\nimport {InuCacheServices} from \"inugami-ng/services\";\nimport {map, shareReplay, tap} from \"rxjs\";\nimport {HttpClient} from \"@angular/common/http\";\nimport {SourceCode} from './code.model';\nimport {InuHighlightDirective} from './inu-code.directive';\nimport {InuButton} from 'inugami-ng/components/inu-button';\nimport {InuCopyServices} from 'inugami-ng/components/inu-copy';\nimport {InuToastServices} from 'inugami-ng/components/inu-toast';\n\n\n@Component({\n             selector   : 'inu-code',\n             standalone : true,\n             imports    : [InuHighlightDirective, InuButton],\n             templateUrl: './inu-code.html',\n             styleUrl   : './inu-code.scss',\n           })\nexport class InuCode {\n\n  //==================================================================================================================\n  // ATTRIBUTES\n  //==================================================================================================================\n  source              = input<string | undefined | null>(undefined);\n  url                 = input<string | undefined | null>(undefined);\n  tag                 = input<string | undefined | null>(undefined);\n  type                = input<string | undefined | null>(undefined);\n  title               = input<string | undefined | null>(undefined);\n  notificationLabel   = input<string>('Value copied to clipboard');\n  notificationMessage = input<string>('');\n  iconNotification    = input<string>('approval');\n\n  private readonly http  = inject(HttpClient);\n  private readonly cache = inject(InuCacheServices);\n\n  sourceCode = signal<string>('');\n  _title     = signal<string>('');\n  _type      = signal<string>('');\n\n  copyService   = inject(InuCopyServices);\n  toastServices = inject(InuToastServices);\n\n  //==================================================================================================================\n  // INITIALIZE\n  //==================================================================================================================\n  constructor() {\n    effect(() => this.init());\n  }\n\n  init(): void {\n    const url = this.url();\n    if (this.title()) {\n      this._title.set(this.title()!);\n    }\n\n    if (url) {\n      this.loadFormUrl(url);\n    } else {\n      const source = this.source();\n      if (source) {\n        this.sourceCode.set(source);\n      }\n    }\n  }\n\n  loadFormUrl(url: string) {\n\n    const data = this.loadFormCache(url);\n    if (data) {\n      this.initSourceCode(data);\n      return;\n    }\n\n    const cacheKey = `inu-code_${url}`;\n    const pending  = this.cache.getPending(cacheKey);\n\n    if (pending) {\n      pending.subscribe(res => this.initSourceCode(res));\n      return;\n    }\n\n    const request = this.http.get(url, {responseType: 'text'})\n      .pipe(map(res => this.parseData(res, url)),\n            tap(data => this.cache.set(cacheKey, data)),\n            shareReplay(1)\n      );\n    this.cache.setPending(cacheKey, request);\n    request.subscribe();\n\n  }\n\n\n  initSourceCode(data: SourceCode[]) {\n\n    const values = data.filter(i => this.tag() === i.name);\n    if (values.length > 0) {\n      const sourceCodeValue = values[0];\n      this.sourceCode.set(sourceCodeValue.content!);\n\n      const currentTitle = this.title();\n\n      if (this.title()) {\n        this._title.set(this.title()!);\n      } else if (sourceCodeValue.title) {\n        this._title.set(sourceCodeValue.title);\n      }\n\n      if (this.type()) {\n        this._type.set(this.type()!);\n      } else if (sourceCodeValue.type) {\n        this._type.set(sourceCodeValue.type);\n      }\n    }\n  }\n\n\n  //==================================================================================================================\n  // PARSE\n  //==================================================================================================================\n  parseData(response: string, url: string): SourceCode[] {\n    const parser  = new DOMParser();\n    const node    = parser.parseFromString(response, \"text/xml\");\n    const sources = node.getElementsByTagName(\"src\");\n\n    const result: SourceCode[] = [];\n    for (let i = 0; i < sources.length; i++) {\n      let sourceNode                = sources[i];\n      let sourceName: string        = sourceNode.getAttribute('name') ?? '';\n      let sourceContent: string     = this.cleanContent(sourceNode.textContent ?? '');\n      let type: string | undefined  = sourceNode.getAttribute('type') ?? undefined;\n      let title: string | undefined = sourceNode.getAttribute('title') ?? undefined;\n\n      result.push({\n                    name   : sourceName,\n                    content: sourceContent,\n                    type   : type,\n                    title  : title\n                  })\n    }\n\n    this.initSourceCode(result);\n    return result;\n  }\n\n  //==================================================================================================================\n  // ACTION\n  //==================================================================================================================\n  protected copyContent() {\n    const content = this.sourceCode();\n    if (!content) {\n      return;\n    }\n    this.copyService.copy(content)\n      .subscribe({\n                   next: () => this.toastServices.addMessage({\n                                                               title  : this.notificationLabel(),\n                                                               message: this.notificationMessage(),\n                                                               icon   : this.iconNotification(),\n                                                               level  : \"success\"\n                                                             })\n                 });\n  }\n\n  //==================================================================================================================\n  // TOOLS\n  //==================================================================================================================\n  loadFormCache(url: string): SourceCode[] | undefined {\n    const cacheKey                         = `inu-code_${url}`;\n    const result: SourceCode[] | undefined = this.cache.get(cacheKey);\n    return result;\n  }\n\n  setToCache(url: string, value: any): void {\n    const cacheKey = `inu-code_${url}`;\n    if (value) {\n      this.cache.set(cacheKey, value);\n    }\n  }\n\n\n  private cleanContent(value: string): string {\n    let result: string[] = [];\n    let buffer: string[] = [];\n\n    let line = value.split(\"\\n\");\n\n    let enableClean = false;\n    for (let i = 0; i < line.length; i++) {\n      if (enableClean || line[i].trim() != '') {\n        buffer.push(line[i]);\n        enableClean = true;\n      }\n    }\n    enableClean = false;\n    for (let i = buffer.length - 1; i >= 0; i--) {\n      if (enableClean || buffer[i].trim() != '') {\n        result.push(buffer[i]);\n        enableClean = true;\n      }\n    }\n\n    result.reverse();\n\n    return result.join('\\n');\n  }\n\n\n}\n","<div class=\"inu-code\">\n  <fieldset>\n      <legend>\n        <div class=\"inu-code-title\">\n          {{_title()!}}\n        </div>\n        <div class=\"inu-code-copy\">\n          <inu-button icon=\"copy\" (click)=\"copyContent()\"></inu-button>\n        </div>\n      </legend>\n\n    @if(sourceCode()){\n      <div class=\"source-code\">\n<pre [inuHighlight]=\"sourceCode()\" lang=\"java\" >\n</pre>\n      </div>\n    }\n\n  </fieldset>\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-open-api.mjs

@@ -642,7 +642,7 @@ class InuOpenApiParameters {
         return result.join(' ');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InuOpenApiParameters, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: InuOpenApiParameters, isStandalone: true, selector: "inu-open-api-parameters", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, providers: [], ngImport: i0, template: "<div class=\"inu-open-api-parameters\">\n  @if (data()) {\n    <div class=\"inu-flex-table\">\n      <div class=\"flex-table-header\">\n        <div class=\"flex-table-header-th name\">Name</div>\n        <div class=\"flex-table-header-th type\">Type</div>\n        <div class=\"flex-table-header-th desc\">Description</div>\n        <div class=\"flex-table-header-th examples\">Examples</div>\n      </div>\n\n\n      <div class=\"flex-table-body\">\n\n        @for (parameter of data(); track parameter.name; let index = $index; let isFirst = $first; let isOdd = $odd) {\n          <div  [class]=\"getRowClass(index,isFirst, isOdd , (parameter.deprecated?'deprecated': ''))\">\n            <div class=\"flex-table-body-cell\">\n              <span>{{parameter.name}}</span>\n              @if (parameter.required) {\n                <span class=\"required\"><span class=\"label\"></span></span>\n              } @else {\n                <span></span>\n              }\n            </div>\n            <div  class=\"flex-table-body-cell\">{{parameter.schema?.type}}</div>\n            <div  class=\"flex-table-body-cell\">{{parameter.description}}</div>\n            <div  class=\"flex-table-body-cell\">\n              @if(parameter.example){\n                <div class=\"parameters-main-example\">\n                  <inu-code [source]=\"parameter.example\"></inu-code>\n                </div>\n              }\n\n              @if(parameter.examples && parameter.examples.length>0){\n                <div class=\"parameters-examples\">\n                  @for (example of parameter.examples; track example.name; let paramIndex = $index; let firstExample = $first; let oddExample = $odd) {\n                    <div [class]=\"getRowClass(paramIndex,firstExample, oddExample ,'parameter-example')\">\n                      <div  [class]=\"getParameterClass(paramIndex,'parameter-example-header')\" (click)=\"toggleExample(paramIndex)\">\n                        {{example.name}}\n                      </div>\n                      <dl [class]=\"getParameterClass(paramIndex,'example-content')\">\n                        <dt>Summary</dt>\n                        <dd>{{example.summary}}</dd>\n\n                        <dt>External value</dt>\n                        <dd>{{example.externalValue}}</dd>\n\n                        <dt>Description</dt>\n                        <dd>{{example.description}}</dd>\n\n                        <dt>Value</dt>\n                        <dd><inu-code [source]=\"example.value\"></inu-code></dd>\n\n                      </dl>\n                    </div>\n                  }\n                </div>\n              }\n\n            </div>\n          </div>\n        }\n\n      </div>\n    </div>\n  }\n</div>\n", styles: [".inu-open-api-parameters table{width:100%}.inu-open-api-parameters table thead{border-color:inherit;border-style:solid;border-width:0}.inu-open-api-parameters table thead th{border-bottom:.15rem solid var(--neutral-dark)}\n"], dependencies: [{ kind: "component", type: InuCode, selector: "inu-code", inputs: ["source", "url", "tag", "type", "title"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: InuOpenApiParameters, isStandalone: true, selector: "inu-open-api-parameters", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, providers: [], ngImport: i0, template: "<div class=\"inu-open-api-parameters\">\n  @if (data()) {\n    <div class=\"inu-flex-table\">\n      <div class=\"flex-table-header\">\n        <div class=\"flex-table-header-th name\">Name</div>\n        <div class=\"flex-table-header-th type\">Type</div>\n        <div class=\"flex-table-header-th desc\">Description</div>\n        <div class=\"flex-table-header-th examples\">Examples</div>\n      </div>\n\n\n      <div class=\"flex-table-body\">\n\n        @for (parameter of data(); track parameter.name; let index = $index; let isFirst = $first; let isOdd = $odd) {\n          <div  [class]=\"getRowClass(index,isFirst, isOdd , (parameter.deprecated?'deprecated': ''))\">\n            <div class=\"flex-table-body-cell\">\n              <span>{{parameter.name}}</span>\n              @if (parameter.required) {\n                <span class=\"required\"><span class=\"label\"></span></span>\n              } @else {\n                <span></span>\n              }\n            </div>\n            <div  class=\"flex-table-body-cell\">{{parameter.schema?.type}}</div>\n            <div  class=\"flex-table-body-cell\">{{parameter.description}}</div>\n            <div  class=\"flex-table-body-cell\">\n              @if(parameter.example){\n                <div class=\"parameters-main-example\">\n                  <inu-code [source]=\"parameter.example\"></inu-code>\n                </div>\n              }\n\n              @if(parameter.examples && parameter.examples.length>0){\n                <div class=\"parameters-examples\">\n                  @for (example of parameter.examples; track example.name; let paramIndex = $index; let firstExample = $first; let oddExample = $odd) {\n                    <div [class]=\"getRowClass(paramIndex,firstExample, oddExample ,'parameter-example')\">\n                      <div  [class]=\"getParameterClass(paramIndex,'parameter-example-header')\" (click)=\"toggleExample(paramIndex)\">\n                        {{example.name}}\n                      </div>\n                      <dl [class]=\"getParameterClass(paramIndex,'example-content')\">\n                        <dt>Summary</dt>\n                        <dd>{{example.summary}}</dd>\n\n                        <dt>External value</dt>\n                        <dd>{{example.externalValue}}</dd>\n\n                        <dt>Description</dt>\n                        <dd>{{example.description}}</dd>\n\n                        <dt>Value</dt>\n                        <dd><inu-code [source]=\"example.value\"></inu-code></dd>\n\n                      </dl>\n                    </div>\n                  }\n                </div>\n              }\n\n            </div>\n          </div>\n        }\n\n      </div>\n    </div>\n  }\n</div>\n", styles: [".inu-open-api-parameters table{width:100%}.inu-open-api-parameters table thead{border-color:inherit;border-style:solid;border-width:0}.inu-open-api-parameters table thead th{border-bottom:.15rem solid var(--neutral-dark)}\n"], dependencies: [{ kind: "component", type: InuCode, selector: "inu-code", inputs: ["source", "url", "tag", "type", "title", "notificationLabel", "notificationMessage", "iconNotification"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InuOpenApiParameters, decorators: [{
             type: Component,
@@ -805,7 +805,7 @@ class InuOpenApiResponse {
         return this.examplesSources()[index];
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InuOpenApiResponse, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: InuOpenApiResponse, isStandalone: true, selector: "inu-open-api-response", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, schemas: { classPropertyName: "schemas", publicName: "schemas", isSignal: true, isRequired: false, transformFunction: null } }, providers: [], ngImport: i0, template: "@if(data()){\n  <div class=\"inu-open-api-response\">\n    <div class=\"description\">{{data()?.description}}</div>\n    <div class=\"content-type\">{{data()?.contentType}}</div>\n\n    <div class=\"response-examples\">\n      @if(data()?.examples){\n        @for (example of data()?.examples; track example.name; let index = $index; let isFirst = $first; let isOdd = $odd) {\n          <div class=\"response-example\" [class]=\"computeExampleClass(example, isFirst, isOdd)\">\n            <div class=\"response-example-header\" (click)=\"toggleExample(index)\">\n              <div class=\"response-example-header-labels\" >\n                <span class=\"response-example-header-name\" >{{example.name}}</span>\n                <span class=\"response-example-header-summary\">{{example.summary}}</span>\n              </div>\n\n              <span class=\"button open\" [class.displayStatus]=\"getExampleDisplayStatus(index)\">\n                @if(example.description || example.externalValue || example.extensions || getExamplesSource(index)?.content){\n                  <inu-icon [icon]=\"getExampleDisplayStatus(index)?'chevron_up':'chevron_down'\" [size]=\"1\"></inu-icon>\n                }\n              </span>\n            </div>\n            @if(example.description || example.externalValue || example.extensions || getExamplesSource(index)?.content){\n              <div  class=\"response-example-content\" [class.display]=\"getExampleDisplayStatus(index)\">\n\n                @if(example.description || example.externalValue || example.extensions){\n                  <dl class=\"example-content\">\n                    @if(example.description){\n                      <dt>Description</dt>\n                      <dd>{{example.description}}</dd>\n                    }\n                    @if(example.externalValue){\n                      <dt>External value</dt>\n                      <dd>{{example.externalValue}}</dd>\n                    }\n\n                    @if(example.extensions){\n                      @for (extension of example.extensions; track extension.name) {\n                        <dt>{{extension.name}}</dt>\n                        <dd><inu-open-api-extension [data]=\"extension\"></inu-open-api-extension></dd>\n                      }\n                    }\n                  </dl>\n                }\n\n                @if(getExamplesSource(index)?.content){\n                  @if(getExamplesSource(index)?.content && getExamplesSource(index)?.content !=''){\n                    <inu-code [source]=\"getExamplesSource(index)?.content\"\n                              [type]=\"getExamplesSource(index)?.type\"\n                              [title]=\"getExamplesSource(index)?.title\"></inu-code>\n                  }\n                }\n\n              </div>\n            }\n\n\n          </div>\n        }\n      }\n\n\n\n    </div>\n  </div>\n}\n", styles: [".inu-open-api-response{display:flex;flex-direction:column}.inu-open-api-response .response-examples{display:flex;flex-direction:column;gap:2rem}.inu-open-api-response .response-examples .response-example{width:100%;padding:1rem;border-top:.05rem solid var(--neutral)}.inu-open-api-response .response-examples .response-example.first{border-top:none}.inu-open-api-response .response-examples .response-example .response-example-header{display:flex;flex-direction:row}.inu-open-api-response .response-examples .response-example .response-example-header .response-example-header-labels{flex:1}.inu-open-api-response .response-examples .response-example inu-code{width:100%}.inu-open-api-response .response-example-content{display:none}.inu-open-api-response .response-example-content.display{display:flex}\n"], dependencies: [{ kind: "component", type: InuIcon, selector: "inu-icon", inputs: ["icon", "defaultIcon", "styleclass", "size"] }, { kind: "component", type: InuCode, selector: "inu-code", inputs: ["source", "url", "tag", "type", "title"] }, { kind: "component", type: InuOpenApiExtension, selector: "inu-open-api-extension", inputs: ["data"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: InuOpenApiResponse, isStandalone: true, selector: "inu-open-api-response", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, schemas: { classPropertyName: "schemas", publicName: "schemas", isSignal: true, isRequired: false, transformFunction: null } }, providers: [], ngImport: i0, template: "@if(data()){\n  <div class=\"inu-open-api-response\">\n    <div class=\"description\">{{data()?.description}}</div>\n    <div class=\"content-type\">{{data()?.contentType}}</div>\n\n    <div class=\"response-examples\">\n      @if(data()?.examples){\n        @for (example of data()?.examples; track example.name; let index = $index; let isFirst = $first; let isOdd = $odd) {\n          <div class=\"response-example\" [class]=\"computeExampleClass(example, isFirst, isOdd)\">\n            <div class=\"response-example-header\" (click)=\"toggleExample(index)\">\n              <div class=\"response-example-header-labels\" >\n                <span class=\"response-example-header-name\" >{{example.name}}</span>\n                <span class=\"response-example-header-summary\">{{example.summary}}</span>\n              </div>\n\n              <span class=\"button open\" [class.displayStatus]=\"getExampleDisplayStatus(index)\">\n                @if(example.description || example.externalValue || example.extensions || getExamplesSource(index)?.content){\n                  <inu-icon [icon]=\"getExampleDisplayStatus(index)?'chevron_up':'chevron_down'\" [size]=\"1\"></inu-icon>\n                }\n              </span>\n            </div>\n            @if(example.description || example.externalValue || example.extensions || getExamplesSource(index)?.content){\n              <div  class=\"response-example-content\" [class.display]=\"getExampleDisplayStatus(index)\">\n\n                @if(example.description || example.externalValue || example.extensions){\n                  <dl class=\"example-content\">\n                    @if(example.description){\n                      <dt>Description</dt>\n                      <dd>{{example.description}}</dd>\n                    }\n                    @if(example.externalValue){\n                      <dt>External value</dt>\n                      <dd>{{example.externalValue}}</dd>\n                    }\n\n                    @if(example.extensions){\n                      @for (extension of example.extensions; track extension.name) {\n                        <dt>{{extension.name}}</dt>\n                        <dd><inu-open-api-extension [data]=\"extension\"></inu-open-api-extension></dd>\n                      }\n                    }\n                  </dl>\n                }\n\n                @if(getExamplesSource(index)?.content){\n                  @if(getExamplesSource(index)?.content && getExamplesSource(index)?.content !=''){\n                    <inu-code [source]=\"getExamplesSource(index)?.content\"\n                              [type]=\"getExamplesSource(index)?.type\"\n                              [title]=\"getExamplesSource(index)?.title\"></inu-code>\n                  }\n                }\n\n              </div>\n            }\n\n\n          </div>\n        }\n      }\n\n\n\n    </div>\n  </div>\n}\n", styles: [".inu-open-api-response{display:flex;flex-direction:column}.inu-open-api-response .response-examples{display:flex;flex-direction:column;gap:2rem}.inu-open-api-response .response-examples .response-example{width:100%;padding:1rem;border-top:.05rem solid var(--neutral)}.inu-open-api-response .response-examples .response-example.first{border-top:none}.inu-open-api-response .response-examples .response-example .response-example-header{display:flex;flex-direction:row}.inu-open-api-response .response-examples .response-example .response-example-header .response-example-header-labels{flex:1}.inu-open-api-response .response-examples .response-example inu-code{width:100%}.inu-open-api-response .response-example-content{display:none}.inu-open-api-response .response-example-content.display{display:flex}\n"], dependencies: [{ kind: "component", type: InuIcon, selector: "inu-icon", inputs: ["icon", "defaultIcon", "styleclass", "size"] }, { kind: "component", type: InuCode, selector: "inu-code", inputs: ["source", "url", "tag", "type", "title", "notificationLabel", "notificationMessage", "iconNotification"] }, { kind: "component", type: InuOpenApiExtension, selector: "inu-open-api-extension", inputs: ["data"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InuOpenApiResponse, decorators: [{
             type: Component,
@@ -999,7 +999,7 @@ class InuOpenApiEndpoint {
         return result.join(SPACE);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InuOpenApiEndpoint, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: InuOpenApiEndpoint, isStandalone: true, selector: "inu-open-api-endpoint", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, schemas: { classPropertyName: "schemas", publicName: "schemas", isSignal: true, isRequired: false, transformFunction: null } }, providers: [], ngImport: i0, template: "@if (data()) {\n  <article [class]=\"styleClass()\">\n    <header>\n      <h2 (click)=\"toggleDisplay()\">\n        <span class=\"inu-endpoint-verb\">{{ data()?.verb }}</span>\n        <span class=\"inu-endpoint-url\">{{ data()?.url }}</span>\n      </h2>\n      <span class=\"button open\" (click)=\"toggleDisplay()\">\n        <inu-icon [icon]=\"display() == 'inu-open-api-endpoint-content-display show'?'chevron_up':'chevron_down'\" [size]=\"1\"></inu-icon>\n      </span>\n    </header>\n\n    <div class=\"inu-open-api-endpoint-content\">\n      <div [class]=\"display()\">\n        <!--==============================================================================================================\n         = INFORMATION\n        ===============================================================================================================-->\n        @if (parameters()) {\n          <fieldset class=\"information\">\n            <label>Information</label>\n            <div class=\"content\">\n              <inu-open-api-parameters [data]=\"parameters()\"></inu-open-api-parameters>\n            </div>\n          </fieldset>\n        }\n\n        <!--==============================================================================================================\n         = HEADERS\n        ===============================================================================================================-->\n        @if (headers()) {\n          <fieldset class=\"headers\">\n            <label>Headers</label>\n            <div class=\"content\">\n              <inu-open-api-parameters [data]=\"headers()\"></inu-open-api-parameters>\n            </div>\n          </fieldset>\n        }\n\n        <!--==============================================================================================================\n         = OPTION\n        ===============================================================================================================-->\n        @if (options()) {\n          <fieldset class=\"options\">\n            <label>Options</label>\n            <div class=\"content\">\n              <inu-open-api-parameters [data]=\"options()\"></inu-open-api-parameters>\n            </div>\n          </fieldset>\n        }\n\n        <!--==============================================================================================================\n         = REQUEST\n        ===============================================================================================================-->\n        @if (data()?.requestBody) {\n          <fieldset class=\"request\">\n            <label>Request</label>\n            <div class=\"content\">\n              <div class=\"description\">{{ data()?.requestBody?.description! }}</div>\n              <div class=\"content-type\">{{ data()?.requestBody?.contentType! }}</div>\n\n              @if (request()) {\n                <div class=\"schema\">\n                  <inu-code [source]=\"request()?.content\" [type]=\"request()?.type\"\n                            [title]=\"request()?.title\"></inu-code>\n                </div>\n              }\n            </div>\n          </fieldset>\n        }\n        <!--==============================================================================================================\n        = RESPONSE\n        ===============================================================================================================-->\n\n        @if (data()?.responses) {\n          <fieldset class=\"response\">\n            <label>Response</label>\n\n            <div class=\"content\">\n\n              <div class=\"response-table\">\n                <div class=\"response-table-body\">\n                  @for (response of data()?.responses; track response.status; let index = $index; let isFirst = $first; let isOdd = $odd) {\n                    <div [class]=\"getRowClass(index,isFirst, isOdd)\">\n                      <div [class]=\"computeStatusStyleClass(response.status)\">\n                        {{ response.status }}\n                      </div>\n                      <div class=\"description-content\">\n                        <inu-open-api-response [data]=\"response\" [schemas]=\"schemas()\"></inu-open-api-response>\n                      </div>\n                    </div>\n                  }\n                </div>\n              </div>\n            </div>\n          </fieldset>\n        }\n      </div>\n    </div>\n  </article>\n}\n\n", styles: [".inu-open-api-endpoint{border:1px solid var(--neutral-light);margin-bottom:0rem}.inu-open-api-endpoint header{display:flex;padding:.25rem 2rem .25rem .25rem;align-items:center}.inu-open-api-endpoint header h2{flex:1;display:flex;gap:2rem;color:var(--text-color);font-weight:400;font-size:160%}.inu-open-api-endpoint header h2 .inu-endpoint-verb{width:5rem;font-weight:700;text-transform:uppercase}.inu-open-api-endpoint header span{display:flex;height:2rem}.inu-open-api-endpoint .inu-open-api-endpoint-content .inu-open-api-endpoint-content-display{display:none}.inu-open-api-endpoint .inu-open-api-endpoint-content .inu-open-api-endpoint-content-display.show{padding:1rem;display:flex;gap:2rem;flex-direction:column;background-color:var(--background)}.inu-open-api-endpoint .inu-open-api-endpoint-content .inu-open-api-endpoint-content-display.show fieldset{padding:1rem;border-left:.15rem solid transparent;transition:border-left-color .15s}.inu-open-api-endpoint .inu-open-api-endpoint-content .inu-open-api-endpoint-content-display.show fieldset:hover{border-left:.15rem solid var(--neutral)}.inu-open-api-endpoint .inu-open-api-endpoint-content .inu-open-api-endpoint-content-display.show fieldset label{font-weight:bolder;font-size:120%;border-bottom:1px solid var(--neutral);width:100%;margin-bottom:2rem}.inu-open-api-endpoint .response .response-table tr{border-bottom:.2rem solid var(--neutral)}.inu-open-api-endpoint .description-content{padding-top:1rem}.inu-open-api-endpoint.get{background:var(--endpoint-get-detail-background);border-color:var(--endpoint-get-background)}.inu-open-api-endpoint.get header h2{color:var(--endpoint-get-background-darker)}.inu-open-api-endpoint.head{background:var(--endpoint-head-detail-background);border-color:var(--endpoint-head-background)}.inu-open-api-endpoint.head header h2{color:var(--endpoint-head-background-darker)}.inu-open-api-endpoint.post{background:var(--endpoint-post-detail-background);border-color:var(--endpoint-post-background)}.inu-open-api-endpoint.post header h2{color:var(--endpoint-post-background-darker)}.inu-open-api-endpoint.put{background:var(--endpoint-put-detail-background);border-color:var(--endpoint-put-background)}.inu-open-api-endpoint.put header h2{color:var(--endpoint-put-background-darker)}.inu-open-api-endpoint.patch{background:var(--endpoint-patch-detail-background);border-color:var(--endpoint-patch-background)}.inu-open-api-endpoint.patch header h2{color:var(--endpoint-patch-background-darker)}.inu-open-api-endpoint.delete{background:var(--endpoint-delete-detail-background);border-color:var(--endpoint-delete-background)}.inu-open-api-endpoint.delete header h2{color:var(--endpoint-delete-background-darker)}.inu-open-api-endpoint.option{background:var(--endpoint-option-detail-background);border-color:var(--endpoint-option-background)}.inu-open-api-endpoint.option{background:var(--endpoint-trace-detail-background);border-color:var(--endpoint-trace-background)}.inu-open-api-endpoint .inu-endpoint-response-status{width:10%;max-width:5rem;min-width:3rem}@media(max-width:768px){.inu-open-api-endpoint .inu-endpoint-response-status{width:100%;max-width:100%;min-width:100%}}.inu-open-api-endpoint .response-table-body .flex-table-body-row{display:flex;flex-direction:row;justify-content:space-between}@media(max-width:768px){.inu-open-api-endpoint .response-table-body .flex-table-body-row{flex-direction:column}}.inu-open-api-endpoint .response-table-body .flex-table-body-row .description-content{flex:1}.inu-open-api-endpoint .inu-endpoint-response-status{margin-right:.5rem;font-weight:700;display:inline-flex;align-items:center}.inu-open-api-endpoint .inu-endpoint-response-status.success{border-right:.25rem solid var(--success);color:var(--success-dark)}@media(max-width:768px){.inu-open-api-endpoint .inu-endpoint-response-status.success{width:100%;border-right:none;border-bottom:.25rem solid var(--success)}}.inu-open-api-endpoint .inu-endpoint-response-status.warning{border-right:.25rem solid var(--warning);color:var(--warning-dark)}@media(max-width:768px){.inu-open-api-endpoint .inu-endpoint-response-status.warning{width:100%;border-right:none;border-bottom:.25rem solid var(--warning)}}.inu-open-api-endpoint .inu-endpoint-response-status.error{border-right:.25rem solid var(--danger);color:var(--danger)}@media(max-width:768px){.inu-open-api-endpoint .inu-endpoint-response-status.error{width:100%;border-right:none;border-bottom:.25rem solid var(--danger)}}\n"], dependencies: [{ kind: "component", type: InuOpenApiParameters, selector: "inu-open-api-parameters", inputs: ["data"] }, { kind: "component", type: InuOpenApiResponse, selector: "inu-open-api-response", inputs: ["data", "schemas"] }, { kind: "component", type: InuCode, selector: "inu-code", inputs: ["source", "url", "tag", "type", "title"] }, { kind: "component", type: InuIcon, selector: "inu-icon", inputs: ["icon", "defaultIcon", "styleclass", "size"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: InuOpenApiEndpoint, isStandalone: true, selector: "inu-open-api-endpoint", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, schemas: { classPropertyName: "schemas", publicName: "schemas", isSignal: true, isRequired: false, transformFunction: null } }, providers: [], ngImport: i0, template: "@if (data()) {\n  <article [class]=\"styleClass()\">\n    <header>\n      <h2 (click)=\"toggleDisplay()\">\n        <span class=\"inu-endpoint-verb\">{{ data()?.verb }}</span>\n        <span class=\"inu-endpoint-url\">{{ data()?.url }}</span>\n      </h2>\n      <span class=\"button open\" (click)=\"toggleDisplay()\">\n        <inu-icon [icon]=\"display() == 'inu-open-api-endpoint-content-display show'?'chevron_up':'chevron_down'\" [size]=\"1\"></inu-icon>\n      </span>\n    </header>\n\n    <div class=\"inu-open-api-endpoint-content\">\n      <div [class]=\"display()\">\n        <!--==============================================================================================================\n         = INFORMATION\n        ===============================================================================================================-->\n        @if (parameters()) {\n          <fieldset class=\"information\">\n            <label>Information</label>\n            <div class=\"content\">\n              <inu-open-api-parameters [data]=\"parameters()\"></inu-open-api-parameters>\n            </div>\n          </fieldset>\n        }\n\n        <!--==============================================================================================================\n         = HEADERS\n        ===============================================================================================================-->\n        @if (headers()) {\n          <fieldset class=\"headers\">\n            <label>Headers</label>\n            <div class=\"content\">\n              <inu-open-api-parameters [data]=\"headers()\"></inu-open-api-parameters>\n            </div>\n          </fieldset>\n        }\n\n        <!--==============================================================================================================\n         = OPTION\n        ===============================================================================================================-->\n        @if (options()) {\n          <fieldset class=\"options\">\n            <label>Options</label>\n            <div class=\"content\">\n              <inu-open-api-parameters [data]=\"options()\"></inu-open-api-parameters>\n            </div>\n          </fieldset>\n        }\n\n        <!--==============================================================================================================\n         = REQUEST\n        ===============================================================================================================-->\n        @if (data()?.requestBody) {\n          <fieldset class=\"request\">\n            <label>Request</label>\n            <div class=\"content\">\n              <div class=\"description\">{{ data()?.requestBody?.description! }}</div>\n              <div class=\"content-type\">{{ data()?.requestBody?.contentType! }}</div>\n\n              @if (request()) {\n                <div class=\"schema\">\n                  <inu-code [source]=\"request()?.content\" [type]=\"request()?.type\"\n                            [title]=\"request()?.title\"></inu-code>\n                </div>\n              }\n            </div>\n          </fieldset>\n        }\n        <!--==============================================================================================================\n        = RESPONSE\n        ===============================================================================================================-->\n\n        @if (data()?.responses) {\n          <fieldset class=\"response\">\n            <label>Response</label>\n\n            <div class=\"content\">\n\n              <div class=\"response-table\">\n                <div class=\"response-table-body\">\n                  @for (response of data()?.responses; track response.status; let index = $index; let isFirst = $first; let isOdd = $odd) {\n                    <div [class]=\"getRowClass(index,isFirst, isOdd)\">\n                      <div [class]=\"computeStatusStyleClass(response.status)\">\n                        {{ response.status }}\n                      </div>\n                      <div class=\"description-content\">\n                        <inu-open-api-response [data]=\"response\" [schemas]=\"schemas()\"></inu-open-api-response>\n                      </div>\n                    </div>\n                  }\n                </div>\n              </div>\n            </div>\n          </fieldset>\n        }\n      </div>\n    </div>\n  </article>\n}\n\n", styles: [".inu-open-api-endpoint{border:1px solid var(--neutral-light);margin-bottom:0rem}.inu-open-api-endpoint header{display:flex;padding:.25rem 2rem .25rem .25rem;align-items:center}.inu-open-api-endpoint header h2{flex:1;display:flex;gap:2rem;color:var(--text-color);font-weight:400;font-size:160%}.inu-open-api-endpoint header h2 .inu-endpoint-verb{width:5rem;font-weight:700;text-transform:uppercase}.inu-open-api-endpoint header span{display:flex;height:2rem}.inu-open-api-endpoint .inu-open-api-endpoint-content .inu-open-api-endpoint-content-display{display:none}.inu-open-api-endpoint .inu-open-api-endpoint-content .inu-open-api-endpoint-content-display.show{padding:1rem;display:flex;gap:2rem;flex-direction:column;background-color:var(--background)}.inu-open-api-endpoint .inu-open-api-endpoint-content .inu-open-api-endpoint-content-display.show fieldset{padding:1rem;border-left:.15rem solid transparent;transition:border-left-color .15s}.inu-open-api-endpoint .inu-open-api-endpoint-content .inu-open-api-endpoint-content-display.show fieldset:hover{border-left:.15rem solid var(--neutral)}.inu-open-api-endpoint .inu-open-api-endpoint-content .inu-open-api-endpoint-content-display.show fieldset label{font-weight:bolder;font-size:120%;border-bottom:1px solid var(--neutral);width:100%;margin-bottom:2rem}.inu-open-api-endpoint .response .response-table tr{border-bottom:.2rem solid var(--neutral)}.inu-open-api-endpoint .description-content{padding-top:1rem}.inu-open-api-endpoint.get{background:var(--endpoint-get-detail-background);border-color:var(--endpoint-get-background)}.inu-open-api-endpoint.get header h2{color:var(--endpoint-get-background-darker)}.inu-open-api-endpoint.head{background:var(--endpoint-head-detail-background);border-color:var(--endpoint-head-background)}.inu-open-api-endpoint.head header h2{color:var(--endpoint-head-background-darker)}.inu-open-api-endpoint.post{background:var(--endpoint-post-detail-background);border-color:var(--endpoint-post-background)}.inu-open-api-endpoint.post header h2{color:var(--endpoint-post-background-darker)}.inu-open-api-endpoint.put{background:var(--endpoint-put-detail-background);border-color:var(--endpoint-put-background)}.inu-open-api-endpoint.put header h2{color:var(--endpoint-put-background-darker)}.inu-open-api-endpoint.patch{background:var(--endpoint-patch-detail-background);border-color:var(--endpoint-patch-background)}.inu-open-api-endpoint.patch header h2{color:var(--endpoint-patch-background-darker)}.inu-open-api-endpoint.delete{background:var(--endpoint-delete-detail-background);border-color:var(--endpoint-delete-background)}.inu-open-api-endpoint.delete header h2{color:var(--endpoint-delete-background-darker)}.inu-open-api-endpoint.option{background:var(--endpoint-option-detail-background);border-color:var(--endpoint-option-background)}.inu-open-api-endpoint.option{background:var(--endpoint-trace-detail-background);border-color:var(--endpoint-trace-background)}.inu-open-api-endpoint .inu-endpoint-response-status{width:10%;max-width:5rem;min-width:3rem}@media(max-width:768px){.inu-open-api-endpoint .inu-endpoint-response-status{width:100%;max-width:100%;min-width:100%}}.inu-open-api-endpoint .response-table-body .flex-table-body-row{display:flex;flex-direction:row;justify-content:space-between}@media(max-width:768px){.inu-open-api-endpoint .response-table-body .flex-table-body-row{flex-direction:column}}.inu-open-api-endpoint .response-table-body .flex-table-body-row .description-content{flex:1}.inu-open-api-endpoint .inu-endpoint-response-status{margin-right:.5rem;font-weight:700;display:inline-flex;align-items:center}.inu-open-api-endpoint .inu-endpoint-response-status.success{border-right:.25rem solid var(--success);color:var(--success-dark)}@media(max-width:768px){.inu-open-api-endpoint .inu-endpoint-response-status.success{width:100%;border-right:none;border-bottom:.25rem solid var(--success)}}.inu-open-api-endpoint .inu-endpoint-response-status.warning{border-right:.25rem solid var(--warning);color:var(--warning-dark)}@media(max-width:768px){.inu-open-api-endpoint .inu-endpoint-response-status.warning{width:100%;border-right:none;border-bottom:.25rem solid var(--warning)}}.inu-open-api-endpoint .inu-endpoint-response-status.error{border-right:.25rem solid var(--danger);color:var(--danger)}@media(max-width:768px){.inu-open-api-endpoint .inu-endpoint-response-status.error{width:100%;border-right:none;border-bottom:.25rem solid var(--danger)}}\n"], dependencies: [{ kind: "component", type: InuOpenApiParameters, selector: "inu-open-api-parameters", inputs: ["data"] }, { kind: "component", type: InuOpenApiResponse, selector: "inu-open-api-response", inputs: ["data", "schemas"] }, { kind: "component", type: InuCode, selector: "inu-code", inputs: ["source", "url", "tag", "type", "title", "notificationLabel", "notificationMessage", "iconNotification"] }, { 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: InuOpenApiEndpoint, decorators: [{
             type: Component,
@@ -1008,18 +1008,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
 
 const CACHE_PREFIX = 'inu-open-api_';
 class InuOpenApi {
-    //==================================================================================================================
+    //====================================================================================================================
     // ATTRIBUTES
-    //==================================================================================================================
+    //====================================================================================================================
     url = input(undefined, ...(ngDevMode ? [{ debugName: "url" }] : []));
     data = input(undefined, ...(ngDevMode ? [{ debugName: "data" }] : []));
     http = inject(HttpClient);
     cache = inject(InuCacheServices);
     inuOpenApiService = inject(InuOpenApiServices);
     _value = signal(null, ...(ngDevMode ? [{ debugName: "_value" }] : []));
-    //==================================================================================================================
+    //====================================================================================================================
     // INITIALIZE
-    //==================================================================================================================
+    //====================================================================================================================
     constructor() {
         effect(() => this.init());
     }
@@ -1036,6 +1036,7 @@ class InuOpenApi {
     loadFormUrl(url) {
         const data = this.loadFormCache(url);
         if (data) {
+            this.initOpenApi(this.inuOpenApiService.convertToOpenApi(data));
             return;
         }
         const cacheKey = CACHE_PREFIX + url;
@@ -1053,9 +1054,9 @@ class InuOpenApi {
             next: value => this.initOpenApi(this.inuOpenApiService.convertToOpenApi(value))
         });
     }
-    //==================================================================================================================
+    //====================================================================================================================
     // PARSE
-    //==================================================================================================================
+    //====================================================================================================================
     initOpenApi(openApi) {
         openApi.paths?.sort((value, ref) => {
             if (value.url === ref.url) {
@@ -1065,9 +1066,36 @@ class InuOpenApi {
         });
         this._value.set(openApi);
     }
-    //==================================================================================================================
+    //====================================================================================================================
+    // ACTIONS
+    //====================================================================================================================
+    download() {
+        const urlOpenApi = this.url();
+        if (!urlOpenApi) {
+            return;
+        }
+        this.http.get(urlOpenApi, { responseType: 'json' })
+            .subscribe({
+            next: data => this.saveFile(data)
+        });
+    }
+    saveFile(data) {
+        const jsonString = JSON.stringify(data, null, 2);
+        const blob = new Blob([jsonString], { type: 'application/json' });
+        const url = window.URL.createObjectURL(blob);
+        const link = document.createElement('a');
+        link.href = url;
+        const fileName = data?.info?.title
+            ? `${data.info.title.replace(/\s+/g, '_')}_openapi.json`
+            : 'openapi_definition.json';
+        link.download = fileName;
+        link.click();
+        window.URL.revokeObjectURL(url);
+        link.remove();
+    }
+    //====================================================================================================================
     // TOOLS
-    //==================================================================================================================
+    //====================================================================================================================
     loadFormCache(url) {
         const cacheKey = CACHE_PREFIX + url;
         const result = this.cache.get(cacheKey);
@@ -1080,13 +1108,14 @@ class InuOpenApi {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InuOpenApi, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: InuOpenApi, isStandalone: true, selector: "inu-open-api", inputs: { url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"inu-open-api\">\n  @if(_value()){\n\n    <section>\n      @if(_value()?.info){\n        <header>\n          <h2>{{_value()?.info?.title!}}</h2>\n          <h3>{{_value()?.info?.version!}}</h3>\n          <p>\n            {{_value()?.info?.description!}}\n          </p>\n        </header>\n      }\n\n      <!--<inu-open-api-filter></inu-open-api-filter>-->\n      <div class=\"endpoints\">\n        @if(_value()?.paths){\n          @for (endpoint of _value()?.paths;track endpoint.uri;) {\n            <inu-open-api-endpoint [data]=\"endpoint\" [schemas]=\"_value()?.components?.schemas\"></inu-open-api-endpoint>\n          }\n        }\n      </div>\n    </section>\n  }\n</div>\n", styles: [".inu-open-api .endpoints{display:flex;flex-direction:column;gap:1rem}\n"], dependencies: [{ kind: "component", type: InuOpenApiEndpoint, selector: "inu-open-api-endpoint", inputs: ["data", "schemas"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: InuOpenApi, isStandalone: true, selector: "inu-open-api", inputs: { url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"inu-open-api\">\n  @if(_value()){\n\n    <section>\n      @if(_value()?.info){\n        <header class=\"inu-open-api-main-header\">\n          <div class=\"inu-open-api-main-header-detail\">\n            <h2>{{_value()?.info?.title!}}</h2>\n            <h3>{{_value()?.info?.version!}}</h3>\n            <p>\n              {{_value()?.info?.description!}}\n            </p>\n          </div>\n\n          <ul class=\"inu-open-api-main-actions\">\n            @if(url()){\n              <li>\n                <inu-icon [size]=\"1.5\" icon=\"download\" (click)=\"download()\"></inu-icon>\n              </li>\n            }\n          </ul>\n        </header>\n      }\n\n      <!--<inu-open-api-filter></inu-open-api-filter>-->\n      <div class=\"endpoints\">\n        @if(_value()?.paths){\n          @for (endpoint of _value()?.paths;track endpoint.uri;) {\n            <inu-open-api-endpoint [data]=\"endpoint\" [schemas]=\"_value()?.components?.schemas\"></inu-open-api-endpoint>\n          }\n        }\n      </div>\n    </section>\n  }\n</div>\n", styles: [".inu-open-api .inu-open-api-main-header{display:flex}.inu-open-api .inu-open-api-main-header .inu-open-api-main-header-detail{flex:1}.inu-open-api .inu-open-api-main-header .inu-open-api-main-actions{margin:0;padding:0}.inu-open-api .inu-open-api-main-header .inu-open-api-main-actions li{list-style:none;display:flex}.inu-open-api .inu-open-api-main-header .inu-open-api-main-actions li ::ng-deep svg{cursor:pointer}.inu-open-api .inu-open-api-main-header .inu-open-api-main-actions li ::ng-deep svg:hover{fill:var(--secondary)}.inu-open-api .endpoints{display:flex;flex-direction:column;gap:1rem}\n"], dependencies: [{ kind: "component", type: InuOpenApiEndpoint, selector: "inu-open-api-endpoint", inputs: ["data", "schemas"] }, { 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: InuOpenApi, decorators: [{
             type: Component,
             args: [{ selector: 'inu-open-api', standalone: true, imports: [
-                        InuOpenApiEndpoint
-                    ], template: "<div class=\"inu-open-api\">\n  @if(_value()){\n\n    <section>\n      @if(_value()?.info){\n        <header>\n          <h2>{{_value()?.info?.title!}}</h2>\n          <h3>{{_value()?.info?.version!}}</h3>\n          <p>\n            {{_value()?.info?.description!}}\n          </p>\n        </header>\n      }\n\n      <!--<inu-open-api-filter></inu-open-api-filter>-->\n      <div class=\"endpoints\">\n        @if(_value()?.paths){\n          @for (endpoint of _value()?.paths;track endpoint.uri;) {\n            <inu-open-api-endpoint [data]=\"endpoint\" [schemas]=\"_value()?.components?.schemas\"></inu-open-api-endpoint>\n          }\n        }\n      </div>\n    </section>\n  }\n</div>\n", styles: [".inu-open-api .endpoints{display:flex;flex-direction:column;gap:1rem}\n"] }]
+                        InuOpenApiEndpoint,
+                        InuIcon
+                    ], template: "<div class=\"inu-open-api\">\n  @if(_value()){\n\n    <section>\n      @if(_value()?.info){\n        <header class=\"inu-open-api-main-header\">\n          <div class=\"inu-open-api-main-header-detail\">\n            <h2>{{_value()?.info?.title!}}</h2>\n            <h3>{{_value()?.info?.version!}}</h3>\n            <p>\n              {{_value()?.info?.description!}}\n            </p>\n          </div>\n\n          <ul class=\"inu-open-api-main-actions\">\n            @if(url()){\n              <li>\n                <inu-icon [size]=\"1.5\" icon=\"download\" (click)=\"download()\"></inu-icon>\n              </li>\n            }\n          </ul>\n        </header>\n      }\n\n      <!--<inu-open-api-filter></inu-open-api-filter>-->\n      <div class=\"endpoints\">\n        @if(_value()?.paths){\n          @for (endpoint of _value()?.paths;track endpoint.uri;) {\n            <inu-open-api-endpoint [data]=\"endpoint\" [schemas]=\"_value()?.components?.schemas\"></inu-open-api-endpoint>\n          }\n        }\n      </div>\n    </section>\n  }\n</div>\n", styles: [".inu-open-api .inu-open-api-main-header{display:flex}.inu-open-api .inu-open-api-main-header .inu-open-api-main-header-detail{flex:1}.inu-open-api .inu-open-api-main-header .inu-open-api-main-actions{margin:0;padding:0}.inu-open-api .inu-open-api-main-header .inu-open-api-main-actions li{list-style:none;display:flex}.inu-open-api .inu-open-api-main-header .inu-open-api-main-actions li ::ng-deep svg{cursor:pointer}.inu-open-api .inu-open-api-main-header .inu-open-api-main-actions li ::ng-deep svg:hover{fill:var(--secondary)}.inu-open-api .endpoints{display:flex;flex-direction:column;gap:1rem}\n"] }]
         }], ctorParameters: () => [], propDecorators: { url: [{ type: i0.Input, args: [{ isSignal: true, alias: "url", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }] } });
 
 class InuOpenApiRequest {