inugami-ng 0.0.6 → 0.0.7

package/fesm2022/inugami-ng-components-inu-button.mjs

@@ -0,0 +1,33 @@
+import * as i0 from '@angular/core';
+import { input, computed, Component } from '@angular/core';
+import { InuIcon } from 'inugami-icons';
+
+class InuButton {
+    //==================================================================================================================
+    // ATTRIBUTES
+    //==================================================================================================================
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
+    icon = input(null, ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    type = input('', ...(ngDevMode ? [{ debugName: "type" }] : []));
+    link = input(false, ...(ngDevMode ? [{ debugName: "link" }] : []));
+    _styleClass = computed(() => {
+        return [
+            'inu-button',
+            this.type() ? this.type() : '',
+            this.link() ? 'link' : ''
+        ].join(' ');
+    }, ...(ngDevMode ? [{ debugName: "_styleClass" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InuButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: InuButton, isStandalone: true, selector: "inu-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if(link()){\n  <span [class]=\"_styleClass()\">\n\n      @if(icon()){\n        <span class=\"inu-button-icon\">\n          <inu-icon [icon]=\"icon()\" [size]=\"1\"></inu-icon>\n        </span>\n      }\n\n    <span class=\"inu-button-label\">\n      @if(label()){\n        {{label()}}\n      }\n    </span>\n  </span>\n}\n@else{\n  <button [class]=\"_styleClass()\">\n\n      @if(icon()){\n        <span class=\"inu-button-icon\">\n          <inu-icon [icon]=\"icon()\" [size]=\"1\"></inu-icon>\n        </span>\n      }\n\n    <span class=\"inu-button-label\">\n      @if(label()){\n        {{label()}}\n      }\n    </span>\n  </button>\n}\n", styles: [".inu-button{display:flex;gap:.5rem;justify-content:space-around;align-items:center;padding:.125rem .25rem;background-color:var(--neutral-light-extra);border:1px solid var(--neutral);-webkit-box-shadow:0px 0px .25rem 0px rgba(0,0,0,0);box-shadow:0 0 .25rem #0000}.inu-button inu-icon{display:flex;align-items:center}.inu-button inu-icon ::ng-deep .inu-icon{display:flex;align-items:center}.inu-button inu-icon ::ng-deep .inu-icon .inu-icon-content{display:flex;align-items:center}.inu-button inu-icon ::ng-deep .inu-icon .inu-icon-content svg{display:flex;align-items:center}.inu-button .inu-button-icon{width:1.25rem}.inu-button .inu-button-label{flex:1}.inu-button:hover{border-color:var(--neutral);-webkit-box-shadow:0px 0px .25rem 0px var(--neutral);box-shadow:0 0 .25rem 0 var(--neutral)}.inu-button.secondary{background-color:var(--secondary-light-extra);border-color:var(--secondary-light);color:var(--text-color)}.inu-button.secondary:hover{border-color:var(--secondary);-webkit-box-shadow:0px 0px .25rem 0px var(--secondary);box-shadow:0 0 .25rem 0 var(--secondary)}.inu-button.primary,.inu-button.success{background-color:var(--success-light-extra);border-color:var(--success-light);color:var(--text-color)}.inu-button.primary:hover,.inu-button.success:hover{border-color:var(--success);-webkit-box-shadow:0px 0px .25rem 0px var(--success);box-shadow:0 0 .25rem 0 var(--success)}.inu-button.warn{background-color:var(--warning-light-extra);border-color:var(--warning-light);color:var(--text-color)}.inu-button.warn:hover{border-color:var(--warning);-webkit-box-shadow:0px 0px .25rem 0px var(--warning);box-shadow:0 0 .25rem 0 var(--warning)}.inu-button.danger,.inu-button.error{background-color:var(--danger-light-extra);border-color:var(--danger-light);color:var(--text-color)}.inu-button.danger:hover,.inu-button.error:hover{border-color:var(--danger);-webkit-box-shadow:0px 0px .25rem 0px var(--danger);box-shadow:0 0 .25rem 0 var(--danger)}.inu-button.link{border-top:none;border-left:none;border-right:none;background-color:transparent;box-shadow:0 0 .25rem 0 transparent!important}.inu-button.link:hover{background:linear-gradient(to bottom,transparent 95%,var(--neutral) 100%)}\n"], dependencies: [{ 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: InuButton, decorators: [{
+            type: Component,
+            args: [{ selector: 'inu-button', standalone: true, imports: [InuIcon], template: "@if(link()){\n  <span [class]=\"_styleClass()\">\n\n      @if(icon()){\n        <span class=\"inu-button-icon\">\n          <inu-icon [icon]=\"icon()\" [size]=\"1\"></inu-icon>\n        </span>\n      }\n\n    <span class=\"inu-button-label\">\n      @if(label()){\n        {{label()}}\n      }\n    </span>\n  </span>\n}\n@else{\n  <button [class]=\"_styleClass()\">\n\n      @if(icon()){\n        <span class=\"inu-button-icon\">\n          <inu-icon [icon]=\"icon()\" [size]=\"1\"></inu-icon>\n        </span>\n      }\n\n    <span class=\"inu-button-label\">\n      @if(label()){\n        {{label()}}\n      }\n    </span>\n  </button>\n}\n", styles: [".inu-button{display:flex;gap:.5rem;justify-content:space-around;align-items:center;padding:.125rem .25rem;background-color:var(--neutral-light-extra);border:1px solid var(--neutral);-webkit-box-shadow:0px 0px .25rem 0px rgba(0,0,0,0);box-shadow:0 0 .25rem #0000}.inu-button inu-icon{display:flex;align-items:center}.inu-button inu-icon ::ng-deep .inu-icon{display:flex;align-items:center}.inu-button inu-icon ::ng-deep .inu-icon .inu-icon-content{display:flex;align-items:center}.inu-button inu-icon ::ng-deep .inu-icon .inu-icon-content svg{display:flex;align-items:center}.inu-button .inu-button-icon{width:1.25rem}.inu-button .inu-button-label{flex:1}.inu-button:hover{border-color:var(--neutral);-webkit-box-shadow:0px 0px .25rem 0px var(--neutral);box-shadow:0 0 .25rem 0 var(--neutral)}.inu-button.secondary{background-color:var(--secondary-light-extra);border-color:var(--secondary-light);color:var(--text-color)}.inu-button.secondary:hover{border-color:var(--secondary);-webkit-box-shadow:0px 0px .25rem 0px var(--secondary);box-shadow:0 0 .25rem 0 var(--secondary)}.inu-button.primary,.inu-button.success{background-color:var(--success-light-extra);border-color:var(--success-light);color:var(--text-color)}.inu-button.primary:hover,.inu-button.success:hover{border-color:var(--success);-webkit-box-shadow:0px 0px .25rem 0px var(--success);box-shadow:0 0 .25rem 0 var(--success)}.inu-button.warn{background-color:var(--warning-light-extra);border-color:var(--warning-light);color:var(--text-color)}.inu-button.warn:hover{border-color:var(--warning);-webkit-box-shadow:0px 0px .25rem 0px var(--warning);box-shadow:0 0 .25rem 0 var(--warning)}.inu-button.danger,.inu-button.error{background-color:var(--danger-light-extra);border-color:var(--danger-light);color:var(--text-color)}.inu-button.danger:hover,.inu-button.error:hover{border-color:var(--danger);-webkit-box-shadow:0px 0px .25rem 0px var(--danger);box-shadow:0 0 .25rem 0 var(--danger)}.inu-button.link{border-top:none;border-left:none;border-right:none;background-color:transparent;box-shadow:0 0 .25rem 0 transparent!important}.inu-button.link:hover{background:linear-gradient(to bottom,transparent 95%,var(--neutral) 100%)}\n"] }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], link: [{ type: i0.Input, args: [{ isSignal: true, alias: "link", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InuButton };
+//# sourceMappingURL=inugami-ng-components-inu-button.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"inugami-ng-components-inu-button.mjs","sources":["../../../projects/inugami-ng/components/inu-button/inu-button.component.ts","../../../projects/inugami-ng/components/inu-button/inu-button.component.html","../../../projects/inugami-ng/components/inu-button/inugami-ng-components-inu-button.ts"],"sourcesContent":["import {Component, computed, input} from '@angular/core';\nimport {InuIcon} from 'inugami-icons';\n\n@Component({\n  selector: 'inu-button',\n  standalone: true,\n  imports: [InuIcon],\n  templateUrl: './inu-button.component.html',\n  styleUrl: './inu-button.component.scss',\n})\nexport class InuButton {\n\n  //==================================================================================================================\n  // ATTRIBUTES\n  //==================================================================================================================\n  label = input<string | undefined | null>('');\n  icon = input<string | null>(null);\n  type = input<string>('');\n  link = input<boolean>(false);\n\n  _styleClass = computed<string>(() => {\n    return [\n      'inu-button',\n      this.type() ? this.type() : '',\n      this.link()?'link':''\n    ].join(' ');\n  })\n\n}\n","@if(link()){\n  <span [class]=\"_styleClass()\">\n\n      @if(icon()){\n        <span class=\"inu-button-icon\">\n          <inu-icon [icon]=\"icon()\" [size]=\"1\"></inu-icon>\n        </span>\n      }\n\n    <span class=\"inu-button-label\">\n      @if(label()){\n        {{label()}}\n      }\n    </span>\n  </span>\n}\n@else{\n  <button [class]=\"_styleClass()\">\n\n      @if(icon()){\n        <span class=\"inu-button-icon\">\n          <inu-icon [icon]=\"icon()\" [size]=\"1\"></inu-icon>\n        </span>\n      }\n\n    <span class=\"inu-button-label\">\n      @if(label()){\n        {{label()}}\n      }\n    </span>\n  </button>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAUa,SAAS,CAAA;;;;AAKpB,IAAA,KAAK,GAAG,KAAK,CAA4B,EAAE,iDAAC;AAC5C,IAAA,IAAI,GAAG,KAAK,CAAgB,IAAI,gDAAC;AACjC,IAAA,IAAI,GAAG,KAAK,CAAS,EAAE,gDAAC;AACxB,IAAA,IAAI,GAAG,KAAK,CAAU,KAAK,gDAAC;AAE5B,IAAA,WAAW,GAAG,QAAQ,CAAS,MAAK;QAClC,OAAO;YACL,YAAY;AACZ,YAAA,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE;YAC9B,IAAI,CAAC,IAAI,EAAE,GAAC,MAAM,GAAC;AACpB,SAAA,CAAC,IAAI,CAAC,GAAG,CAAC;AACb,IAAA,CAAC,uDAAC;uGAhBS,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAT,SAAS,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECVtB,soBAgCA,EAAA,MAAA,EAAA,CAAA,qpEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED1BY,OAAO,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,aAAA,EAAA,YAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAIN,SAAS,EAAA,UAAA,EAAA,CAAA;kBAPrB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,EAAA,UAAA,EACV,IAAI,EAAA,OAAA,EACP,CAAC,OAAO,CAAC,EAAA,QAAA,EAAA,soBAAA,EAAA,MAAA,EAAA,CAAA,qpEAAA,CAAA,EAAA;;;AENpB;;AAEG;;;;"}

package/fesm2022/inugami-ng-components-inu-toast.mjs

@@ -0,0 +1,99 @@
+import * as i0 from '@angular/core';
+import { signal, computed, Injectable, input, inject, Component } from '@angular/core';
+import { InuIcon } from 'inugami-icons';
+import { InuTemplateRegistryService } from 'inugami-ng/directives';
+import { UuidUtils } from 'inugami-ng/services';
+
+const DEFAULT_TTL = 5000;
+class InuToastServices {
+    //====================================================================================================================
+    // ATTRIBUTES
+    //====================================================================================================================
+    _messages = signal([], ...(ngDevMode ? [{ debugName: "_messages" }] : []));
+    intervalId;
+    message = computed(() => this.extractMessage(), ...(ngDevMode ? [{ debugName: "message" }] : []));
+    //====================================================================================================================
+    // INIT
+    //====================================================================================================================
+    constructor() {
+        this.intervalId = setInterval(() => this.clearMessage(), 1000);
+    }
+    ngOnDestroy() {
+        clearInterval(this.intervalId);
+    }
+    clearMessage() {
+        const keepMessage = [];
+        const now = new Date().getTime();
+        const currentMessage = this._messages();
+        for (let i = 0; i < currentMessage.length; i++) {
+            const message = currentMessage[i];
+            if (message.ttl > now) {
+                keepMessage.push(message);
+            }
+        }
+        this._messages.set(keepMessage);
+    }
+    //====================================================================================================================
+    // API
+    //====================================================================================================================
+    addMessage(message) {
+        const delay = message.delay && message.delay > 1000 ? message.delay : DEFAULT_TTL;
+        this._messages.update(prev => [...prev, {
+                id: UuidUtils.buildUid(),
+                ttl: new Date().getTime() + delay,
+                value: message
+            }]);
+    }
+    extractMessage() {
+        const result = [];
+        const currentMessages = this._messages();
+        for (let message of currentMessages) {
+            if (message.value) {
+                result.push(message);
+            }
+        }
+        return result;
+    }
+    removeMessage(message) {
+        const allMessages = this._messages().filter(m => m.id != message.id);
+        this._messages.set(allMessages);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InuToastServices, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InuToastServices, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InuToastServices, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+class InuToast {
+    //====================================================================================================================
+    // ATTRIBUTES
+    //====================================================================================================================
+    delay = input(5000, ...(ngDevMode ? [{ debugName: "delay" }] : []));
+    service = inject(InuToastServices);
+    messages = this.service.message;
+    resolveMessageStyleclass(message) {
+        const result = ['inu-toast-message'];
+        if (message?.level) {
+            result.push(message.level);
+        }
+        return result.join(' ');
+    }
+    closeMessage(message) {
+        this.service.removeMessage(message);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InuToast, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: InuToast, isStandalone: true, selector: "inu-toast", inputs: { delay: { classPropertyName: "delay", publicName: "delay", isSignal: true, isRequired: false, transformFunction: null } }, providers: [InuTemplateRegistryService], ngImport: i0, template: "<div class=\"inu-toast\">\n\n  @if (messages()) {\n    <ul>\n      @for (message of messages(); track message; ) {\n        <li [class]=\"resolveMessageStyleclass(message.value)\">\n          <article>\n\n            <header>\n              <span class=\"inu-toast-header-icon\">\n                  @if (message.value?.icon) {\n                    <inu-icon [icon]=\"message.value?.icon!\" [size]=\"1\"></inu-icon>\n                  }\n              </span>\n              <h3>\n                @if (message.value?.title) {\n                  {{ message.value?.title }}\n                }\n              </h3>\n\n              <span class=\"inu-toast-header-close\" (click)=\"closeMessage(message)\">\n                <inu-icon icon=\"close\" [size]=\"0.7\"></inu-icon>\n              </span>\n            </header>\n\n            <div class=\"inu-toast-content\">\n              @if (message.value?.message) {\n                {{ message.value?.message }}\n              }\n            </div>\n          </article>\n        </li>\n      }\n    </ul>\n\n  }\n</div>\n", styles: [".inu-toast{color:var(--text-color);position:absolute;bottom:2rem;right:1rem}.inu-toast ul{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;align-items:end;gap:1rem}.inu-toast ul li{display:flex}.inu-toast ul li article{display:flex;flex-direction:column;border:1px solid var(--neutral);min-width:15rem;padding:.5rem;background-color:var(--background-color);border-radius:.5rem;-webkit-box-shadow:0px 0px 1rem 0px var(--shadow-color);box-shadow:0 0 1rem 0 var(--shadow-color);transition:border-color .25s}.inu-toast ul li article:hover{border-color:var(--text-color)}.inu-toast ul li article header{display:flex;flex-direction:row;gap:1rem}.inu-toast ul li article header h3{flex:1;margin:0;padding:0}.inu-toast ul li article header .inu-toast-header-icon{width:1rem}.inu-toast ul li article header .inu-toast-header-close{width:1.5rem;height:1.5rem;border:.125rem solid var(--neutral);display:flex;border-radius:1rem;justify-content:center;align-items:normal;fill:var(--neutral);transition:fill .25s,border-color .25s}.inu-toast ul li article header .inu-toast-header-close:hover{fill:var(--text-color);border-color:var(--text-color)}.inu-toast ul li article header .inu-toast-header-close inu-icon{display:flex;align-items:center}.inu-toast ul li article header .inu-toast-header-close ::ng-deep .inu-icon{display:flex;justify-content:center;align-items:normal}.inu-toast ul li article header .inu-toast-header-close ::ng-deep .inu-icon .inu-icon-content{display:flex;justify-content:center;align-items:normal}.inu-toast ul li article .inu-toast-content{display:flex}.inu-toast ul li.success article{border:1px solid var(--success)}.inu-toast ul li.success article header h3{color:var(--success-dark)}.inu-toast ul li.info article{border:1px solid var(--info)}.inu-toast ul li.info article header h3{color:var(--info)}.inu-toast ul li.warn article{border:1px solid var(--warning-dark)}.inu-toast ul li.warn article header h3{color:var(--warning-dark)}.inu-toast ul li.error article{border:1px solid var(--danger)}.inu-toast ul li.error article header h3{color:var(--danger-dark)}\n"], dependencies: [{ 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: InuToast, decorators: [{
+            type: Component,
+            args: [{ selector: 'inu-toast', standalone: true, providers: [InuTemplateRegistryService], imports: [InuIcon], template: "<div class=\"inu-toast\">\n\n  @if (messages()) {\n    <ul>\n      @for (message of messages(); track message; ) {\n        <li [class]=\"resolveMessageStyleclass(message.value)\">\n          <article>\n\n            <header>\n              <span class=\"inu-toast-header-icon\">\n                  @if (message.value?.icon) {\n                    <inu-icon [icon]=\"message.value?.icon!\" [size]=\"1\"></inu-icon>\n                  }\n              </span>\n              <h3>\n                @if (message.value?.title) {\n                  {{ message.value?.title }}\n                }\n              </h3>\n\n              <span class=\"inu-toast-header-close\" (click)=\"closeMessage(message)\">\n                <inu-icon icon=\"close\" [size]=\"0.7\"></inu-icon>\n              </span>\n            </header>\n\n            <div class=\"inu-toast-content\">\n              @if (message.value?.message) {\n                {{ message.value?.message }}\n              }\n            </div>\n          </article>\n        </li>\n      }\n    </ul>\n\n  }\n</div>\n", styles: [".inu-toast{color:var(--text-color);position:absolute;bottom:2rem;right:1rem}.inu-toast ul{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;align-items:end;gap:1rem}.inu-toast ul li{display:flex}.inu-toast ul li article{display:flex;flex-direction:column;border:1px solid var(--neutral);min-width:15rem;padding:.5rem;background-color:var(--background-color);border-radius:.5rem;-webkit-box-shadow:0px 0px 1rem 0px var(--shadow-color);box-shadow:0 0 1rem 0 var(--shadow-color);transition:border-color .25s}.inu-toast ul li article:hover{border-color:var(--text-color)}.inu-toast ul li article header{display:flex;flex-direction:row;gap:1rem}.inu-toast ul li article header h3{flex:1;margin:0;padding:0}.inu-toast ul li article header .inu-toast-header-icon{width:1rem}.inu-toast ul li article header .inu-toast-header-close{width:1.5rem;height:1.5rem;border:.125rem solid var(--neutral);display:flex;border-radius:1rem;justify-content:center;align-items:normal;fill:var(--neutral);transition:fill .25s,border-color .25s}.inu-toast ul li article header .inu-toast-header-close:hover{fill:var(--text-color);border-color:var(--text-color)}.inu-toast ul li article header .inu-toast-header-close inu-icon{display:flex;align-items:center}.inu-toast ul li article header .inu-toast-header-close ::ng-deep .inu-icon{display:flex;justify-content:center;align-items:normal}.inu-toast ul li article header .inu-toast-header-close ::ng-deep .inu-icon .inu-icon-content{display:flex;justify-content:center;align-items:normal}.inu-toast ul li article .inu-toast-content{display:flex}.inu-toast ul li.success article{border:1px solid var(--success)}.inu-toast ul li.success article header h3{color:var(--success-dark)}.inu-toast ul li.info article{border:1px solid var(--info)}.inu-toast ul li.info article header h3{color:var(--info)}.inu-toast ul li.warn article{border:1px solid var(--warning-dark)}.inu-toast ul li.warn article header h3{color:var(--warning-dark)}.inu-toast ul li.error article{border:1px solid var(--danger)}.inu-toast ul li.error article header h3{color:var(--danger-dark)}\n"] }]
+        }], propDecorators: { delay: [{ type: i0.Input, args: [{ isSignal: true, alias: "delay", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InuToast, InuToastServices };
+//# sourceMappingURL=inugami-ng-components-inu-toast.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"inugami-ng-components-inu-toast.mjs","sources":["../../../projects/inugami-ng/components/inu-toast/inu-toast.service.ts","../../../projects/inugami-ng/components/inu-toast/inu-toast.component.ts","../../../projects/inugami-ng/components/inu-toast/inu-toast.component.html","../../../projects/inugami-ng/components/inu-toast/inugami-ng-components-inu-toast.ts"],"sourcesContent":["import {computed, Injectable, OnDestroy, signal} from '@angular/core';\nimport {ToastMessage} from './inu-toast.model';\nimport {TTLWrapper} from 'inugami-ng/models';\nimport {UuidUtils} from 'inugami-ng/services';\n\nconst DEFAULT_TTL = 5000;\n\n@Injectable({providedIn: 'root'})\nexport class InuToastServices implements OnDestroy {\n  //====================================================================================================================\n  // ATTRIBUTES\n  //====================================================================================================================\n  private _messages = signal<TTLWrapper<ToastMessage>[]>([]);\n  private intervalId: number;\n  public message = computed(() => this.extractMessage());\n\n  //====================================================================================================================\n  // INIT\n  //====================================================================================================================\n  constructor() {\n    this.intervalId = setInterval(() => this.clearMessage(), 1000);\n  }\n\n  ngOnDestroy(): void {\n    clearInterval(this.intervalId);\n  }\n\n  private clearMessage() {\n    const keepMessage: TTLWrapper<ToastMessage>[] = [];\n    const now = new Date().getTime();\n\n    const currentMessage = this._messages();\n    for (let i = 0; i < currentMessage.length; i++) {\n      const message = currentMessage[i];\n      if (message.ttl > now) {\n        keepMessage.push(message);\n      }\n    }\n    this._messages.set(keepMessage);\n\n  }\n\n  //====================================================================================================================\n  // API\n  //====================================================================================================================\n  addMessage(message: ToastMessage) {\n    const delay = message.delay && message.delay > 1000 ? message.delay : DEFAULT_TTL;\n    this._messages.update(prev => [...prev, {\n      id: UuidUtils.buildUid(),\n      ttl: new Date().getTime() + delay,\n      value: message\n    }]);\n  }\n\n\n  private extractMessage(): TTLWrapper<ToastMessage>[] {\n    const result: TTLWrapper<ToastMessage>[] = [];\n    const currentMessages = this._messages();\n    for (let message of currentMessages) {\n      if (message.value) {\n        result.push(message)\n      }\n    }\n    return result;\n  }\n\n  removeMessage(message: TTLWrapper<ToastMessage>) {\n    const allMessages = this._messages().filter(m=> m.id!=message.id);\n    this._messages.set(allMessages);\n  }\n}\n","import {Component, inject, input} from '@angular/core';\nimport {InuIcon} from 'inugami-icons';\nimport {InuTemplateRegistryService} from 'inugami-ng/directives';\nimport {InuToastServices} from './inu-toast.service';\nimport {ToastMessage} from './inu-toast.model';\nimport {TTLWrapper} from 'inugami-ng/models';\n\n@Component({\n  selector: 'inu-toast',\n  standalone: true,\n  providers: [InuTemplateRegistryService],\n  imports: [InuIcon],\n  templateUrl: './inu-toast.component.html',\n  styleUrl: './inu-toast.component.scss',\n})\nexport class InuToast {\n\n  //====================================================================================================================\n  // ATTRIBUTES\n  //====================================================================================================================\n  delay = input<number>(5000);\n  service = inject(InuToastServices);\n\n  messages = this.service.message;\n\n\n  protected resolveMessageStyleclass(message?: ToastMessage): string {\n    const result: string[] = ['inu-toast-message'];\n    if (message?.level) {\n      result.push(message.level);\n    }\n    return result.join(' ');\n  }\n\n\n  protected closeMessage(message: TTLWrapper<ToastMessage>) {\n    this.service.removeMessage(message);\n  }\n}\n","<div class=\"inu-toast\">\n\n  @if (messages()) {\n    <ul>\n      @for (message of messages(); track message; ) {\n        <li [class]=\"resolveMessageStyleclass(message.value)\">\n          <article>\n\n            <header>\n              <span class=\"inu-toast-header-icon\">\n                  @if (message.value?.icon) {\n                    <inu-icon [icon]=\"message.value?.icon!\" [size]=\"1\"></inu-icon>\n                  }\n              </span>\n              <h3>\n                @if (message.value?.title) {\n                  {{ message.value?.title }}\n                }\n              </h3>\n\n              <span class=\"inu-toast-header-close\" (click)=\"closeMessage(message)\">\n                <inu-icon icon=\"close\" [size]=\"0.7\"></inu-icon>\n              </span>\n            </header>\n\n            <div class=\"inu-toast-content\">\n              @if (message.value?.message) {\n                {{ message.value?.message }}\n              }\n            </div>\n          </article>\n        </li>\n      }\n    </ul>\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-services.mjs

@@ -28,9 +28,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
             args: [{ providedIn: 'root' }]
         }] });
 
+class UuidUtils {
+    static _S4() {
+        return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+    }
+    ;
+    static buildUid() {
+        return (this._S4() + this._S4() + "-" +
+            this._S4() + "-4" +
+            this._S4().substring(0, 3) + "-" +
+            this._S4() + "-" +
+            this._S4() + this._S4() + this._S4()).toLowerCase();
+    }
+}
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { CacheServices };
+export { CacheServices, UuidUtils };
 //# sourceMappingURL=inugami-ng-services.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"inugami-ng-services.mjs","sources":["../../../projects/inugami-ng/services/cache.service.ts","../../../projects/inugami-ng/services/inugami-ng-services.ts"],"sourcesContent":["import { Injectable } from \"@angular/core\";\nimport { Observable } from \"rxjs\";\nconst CACHE :any = {};\nconst PENDING_REQUESTS: Map<string, Observable<any>> = new Map();\n\n@Injectable({ providedIn: 'root' })\nexport class CacheServices {\n\n    //==================================================================================================================\n    // API\n    //==================================================================================================================\n  public get<T>(key: string): T | undefined {\n    return CACHE[key];\n  }\n\n  public set(key: string, object: any): void {\n    CACHE[key] = object;\n    PENDING_REQUESTS.delete(key);\n  }\n\n\n  public getPending(key: string): Observable<any> | undefined {\n    return PENDING_REQUESTS.get(key);\n  }\n\n  public setPending(key: string, obs: Observable<any>): void {\n    PENDING_REQUESTS.set(key, obs);\n  }\n\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AAEA,MAAM,KAAK,GAAQ,EAAE;AACrB,MAAM,gBAAgB,GAAiC,IAAI,GAAG,EAAE;MAGnD,aAAa,CAAA;;;;AAKjB,IAAA,GAAG,CAAI,GAAW,EAAA;AACvB,QAAA,OAAO,KAAK,CAAC,GAAG,CAAC;IACnB;IAEO,GAAG,CAAC,GAAW,EAAE,MAAW,EAAA;AACjC,QAAA,KAAK,CAAC,GAAG,CAAC,GAAG,MAAM;AACnB,QAAA,gBAAgB,CAAC,MAAM,CAAC,GAAG,CAAC;IAC9B;AAGO,IAAA,UAAU,CAAC,GAAW,EAAA;AAC3B,QAAA,OAAO,gBAAgB,CAAC,GAAG,CAAC,GAAG,CAAC;IAClC;IAEO,UAAU,CAAC,GAAW,EAAE,GAAoB,EAAA;AACjD,QAAA,gBAAgB,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC;IAChC;uGArBW,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAb,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,cADA,MAAM,EAAA,CAAA;;2FACnB,aAAa,EAAA,UAAA,EAAA,CAAA;kBADzB,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;ACLlC;;AAEG;;;;"}
+{"version":3,"file":"inugami-ng-services.mjs","sources":["../../../projects/inugami-ng/services/cache.service.ts","../../../projects/inugami-ng/services/uuid.utils.ts","../../../projects/inugami-ng/services/inugami-ng-services.ts"],"sourcesContent":["import { Injectable } from \"@angular/core\";\nimport { Observable } from \"rxjs\";\nconst CACHE :any = {};\nconst PENDING_REQUESTS: Map<string, Observable<any>> = new Map();\n\n@Injectable({ providedIn: 'root' })\nexport class CacheServices {\n\n    //==================================================================================================================\n    // API\n    //==================================================================================================================\n  public get<T>(key: string): T | undefined {\n    return CACHE[key];\n  }\n\n  public set(key: string, object: any): void {\n    CACHE[key] = object;\n    PENDING_REQUESTS.delete(key);\n  }\n\n\n  public getPending(key: string): Observable<any> | undefined {\n    return PENDING_REQUESTS.get(key);\n  }\n\n  public setPending(key: string, obs: Observable<any>): void {\n    PENDING_REQUESTS.set(key, obs);\n  }\n\n\n}\n","export class UuidUtils {\n\n  private static _S4():string {\n    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\n  };\n\n  public static buildUid(): string {\n    return (\n      this._S4() + this._S4() + \"-\" +\n      this._S4() + \"-4\" +\n      this._S4().substring(0, 3) + \"-\" +\n      this._S4() + \"-\" +\n      this._S4() + this._S4() + this._S4()\n    ).toLowerCase();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AAEA,MAAM,KAAK,GAAQ,EAAE;AACrB,MAAM,gBAAgB,GAAiC,IAAI,GAAG,EAAE;MAGnD,aAAa,CAAA;;;;AAKjB,IAAA,GAAG,CAAI,GAAW,EAAA;AACvB,QAAA,OAAO,KAAK,CAAC,GAAG,CAAC;IACnB;IAEO,GAAG,CAAC,GAAW,EAAE,MAAW,EAAA;AACjC,QAAA,KAAK,CAAC,GAAG,CAAC,GAAG,MAAM;AACnB,QAAA,gBAAgB,CAAC,MAAM,CAAC,GAAG,CAAC;IAC9B;AAGO,IAAA,UAAU,CAAC,GAAW,EAAA;AAC3B,QAAA,OAAO,gBAAgB,CAAC,GAAG,CAAC,GAAG,CAAC;IAClC;IAEO,UAAU,CAAC,GAAW,EAAE,GAAoB,EAAA;AACjD,QAAA,gBAAgB,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC;IAChC;uGArBW,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAb,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,cADA,MAAM,EAAA,CAAA;;2FACnB,aAAa,EAAA,UAAA,EAAA,CAAA;kBADzB,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;MCLrB,SAAS,CAAA;AAEZ,IAAA,OAAO,GAAG,GAAA;QAChB,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI,OAAO,IAAI,CAAC,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IACxE;;AAEO,IAAA,OAAO,QAAQ,GAAA;QACpB,OAAO,CACL,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,GAAG;AAC7B,YAAA,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI;YACjB,IAAI,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG;AAChC,YAAA,IAAI,CAAC,GAAG,EAAE,GAAG,GAAG;AAChB,YAAA,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,EACpC,WAAW,EAAE;IACjB;AACD;;ACfD;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "inugami-ng",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "license": "GPL-3.0-only",
   "description": "Inugami project angular library",
   "keywords": [
@@ -36,6 +36,10 @@
       "types": "./types/inugami-ng.d.ts",
       "default": "./fesm2022/inugami-ng.mjs"
     },
+    "./components/inu-button": {
+      "types": "./types/inugami-ng-components-inu-button.d.ts",
+      "default": "./fesm2022/inugami-ng-components-inu-button.mjs"
+    },
     "./components/inu-checkbox-group": {
       "types": "./types/inugami-ng-components-inu-checkbox-group.d.ts",
       "default": "./fesm2022/inugami-ng-components-inu-checkbox-group.mjs"
@@ -60,6 +64,10 @@
       "types": "./types/inugami-ng-components-inu-table-flex.d.ts",
       "default": "./fesm2022/inugami-ng-components-inu-table-flex.mjs"
     },
+    "./components/inu-toast": {
+      "types": "./types/inugami-ng-components-inu-toast.d.ts",
+      "default": "./fesm2022/inugami-ng-components-inu-toast.mjs"
+    },
     "./directives": {
       "types": "./types/inugami-ng-directives.d.ts",
       "default": "./fesm2022/inugami-ng-directives.mjs"

package/types/inugami-ng-components-inu-button.d.ts

@@ -0,0 +1,13 @@
+import * as _angular_core from '@angular/core';
+
+declare class InuButton {
+    label: _angular_core.InputSignal<string | null | undefined>;
+    icon: _angular_core.InputSignal<string | null>;
+    type: _angular_core.InputSignal<string>;
+    link: _angular_core.InputSignal<boolean>;
+    _styleClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InuButton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InuButton, "inu-button", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { InuButton };

package/types/inugami-ng-components-inu-toast.d.ts

@@ -0,0 +1,38 @@
+import * as i0 from '@angular/core';
+import { OnDestroy } from '@angular/core';
+import { TTLWrapper } from 'inugami-ng/models';
+
+interface ToastMessage {
+    title?: string;
+    message?: string;
+    level?: 'debug' | 'success' | 'info' | 'warn' | 'error';
+    icon?: string;
+    delay?: number;
+}
+
+declare class InuToastServices implements OnDestroy {
+    private _messages;
+    private intervalId;
+    message: i0.Signal<TTLWrapper<ToastMessage>[]>;
+    constructor();
+    ngOnDestroy(): void;
+    private clearMessage;
+    addMessage(message: ToastMessage): void;
+    private extractMessage;
+    removeMessage(message: TTLWrapper<ToastMessage>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InuToastServices, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<InuToastServices>;
+}
+
+declare class InuToast {
+    delay: i0.InputSignal<number>;
+    service: InuToastServices;
+    messages: i0.Signal<TTLWrapper<ToastMessage>[]>;
+    protected resolveMessageStyleclass(message?: ToastMessage): string;
+    protected closeMessage(message: TTLWrapper<ToastMessage>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InuToast, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InuToast, "inu-toast", never, { "delay": { "alias": "delay"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { InuToast, InuToastServices };
+export type { ToastMessage };

package/types/inugami-ng-models.d.ts

@@ -91,5 +91,11 @@ interface InuSiteLinkChildren {
     title?: string;
 }
 
+interface TTLWrapper<T> {
+    id: string;
+    ttl: number;
+    value?: T;
+}
+
 export { TARGET_BLANK, TARGET_PARENT, TARGET_SELF };
-export type { AuditDTO, Auditable, InuSelectItem, InuSiteLink, InuSiteLinkChildren, ProblemDTO, ProblemErrorDTO, ProblemParameterDTO, ProblemParameterFieldsDTO, SearchRequest, SearchResponse };
+export type { AuditDTO, Auditable, InuSelectItem, InuSiteLink, InuSiteLinkChildren, ProblemDTO, ProblemErrorDTO, ProblemParameterDTO, ProblemParameterFieldsDTO, SearchRequest, SearchResponse, TTLWrapper };

package/types/inugami-ng-services.d.ts

@@ -10,4 +10,9 @@ declare class CacheServices {
     static ɵprov: i0.ɵɵInjectableDeclaration<CacheServices>;
 }
 
-export { CacheServices };
+declare class UuidUtils {
+    private static _S4;
+    static buildUid(): string;
+}
+
+export { CacheServices, UuidUtils };