inugami-ng 0.0.7 → 0.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -84,11 +84,11 @@ class InuToast {
|
|
|
84
84
|
this.service.removeMessage(message);
|
|
85
85
|
}
|
|
86
86
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InuToast, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
87
|
-
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:
|
|
87
|
+
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:fixed;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"] }] });
|
|
88
88
|
}
|
|
89
89
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InuToast, decorators: [{
|
|
90
90
|
type: Component,
|
|
91
|
-
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:
|
|
91
|
+
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:fixed;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"] }]
|
|
92
92
|
}], propDecorators: { delay: [{ type: i0.Input, args: [{ isSignal: true, alias: "delay", required: false }] }] } });
|
|
93
93
|
|
|
94
94
|
/**
|
|
@@ -1 +1 @@
|
|
|
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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
|
|
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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"}
|