nath-angular-ui 0.8.8 → 0.8.9
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.
|
@@ -5502,7 +5502,7 @@ class NathTag {
|
|
|
5502
5502
|
this.closed.emit();
|
|
5503
5503
|
}
|
|
5504
5504
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NathTag, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5505
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: NathTag, isStandalone: true, selector: "nath-tag", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, host: { properties: { "class.nath-tag--neutral": "variant() === \"neutral\"", "class.nath-tag--primary": "variant() === \"primary\"", "class.nath-tag--secondary": "variant() === \"secondary\"", "class.nath-tag--success": "variant() === \"success\"", "class.nath-tag--danger": "variant() === \"danger\"", "class.nath-tag--warning": "variant() === \"warning\"", "class.nath-tag--info": "variant() === \"info\"", "class.nath-tag--help": "variant() === \"help\"", "class.nath-tag--small": "size() === \"small\"", "class.nath-tag--medium": "size() === \"medium\"", "class.nath-tag--large": "size() === \"large\"", "class.nath-tag--closable": "closable()" } }, ngImport: i0, template: "@if (value()) {\n {{ value() }}\n}\n<ng-content></ng-content>\n@if (closable()) {\n <button class=\"nath-tag-close\" (click)=\"onClose($event)\" aria-label=\"Close tag\">\n <svg lucideX class=\"nath-tag-close-icon\" />\n </button>\n}\n", styles: ["nath-tag,.nath-tag-theme{--nath-tag-radius: .375rem;--nath-tag-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);--nath-tag-neutral-bg: var(--color-neutral-
|
|
5505
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: NathTag, isStandalone: true, selector: "nath-tag", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, host: { properties: { "class.nath-tag--neutral": "variant() === \"neutral\"", "class.nath-tag--primary": "variant() === \"primary\"", "class.nath-tag--secondary": "variant() === \"secondary\"", "class.nath-tag--success": "variant() === \"success\"", "class.nath-tag--danger": "variant() === \"danger\"", "class.nath-tag--warning": "variant() === \"warning\"", "class.nath-tag--info": "variant() === \"info\"", "class.nath-tag--help": "variant() === \"help\"", "class.nath-tag--small": "size() === \"small\"", "class.nath-tag--medium": "size() === \"medium\"", "class.nath-tag--large": "size() === \"large\"", "class.nath-tag--closable": "closable()" } }, ngImport: i0, template: "@if (value()) {\n {{ value() }}\n}\n<ng-content></ng-content>\n@if (closable()) {\n <button class=\"nath-tag-close\" (click)=\"onClose($event)\" aria-label=\"Close tag\">\n <svg lucideX class=\"nath-tag-close-icon\" />\n </button>\n}\n", styles: ["nath-tag,.nath-tag-theme{--nath-tag-radius: .375rem;--nath-tag-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);--nath-tag-neutral-bg: var(--color-neutral-500, oklch(.556 0 0));--nath-tag-neutral-text: #ffffff;--nath-tag-neutral-hover-bg: var(--color-neutral-600, oklch(.439 0 0));--nath-tag-primary-bg: var(--color-primary-500, #8e9ba5);--nath-tag-primary-text: #ffffff;--nath-tag-primary-hover-bg: var(--color-primary-600, #79848c);--nath-tag-secondary-bg: var(--color-slate-300, #cbd5e1);--nath-tag-secondary-text: var(--color-slate-800, #1e293b);--nath-tag-secondary-hover-bg: var(--color-slate-300, #cbd5e1);--nath-tag-success-bg: var(--color-success-500, oklch(72.3% .219 149.579));--nath-tag-success-text: #ffffff;--nath-tag-success-hover-bg: var(--color-success-600, oklch(62.7% .194 149.214));--nath-tag-danger-bg: var(--color-danger-500, oklch(63.7% .237 25.331));--nath-tag-danger-text: #ffffff;--nath-tag-danger-hover-bg: var(--color-danger-600, oklch(57.7% .245 27.325));--nath-tag-warning-bg: var(--color-warning-500, oklch(70.5% .213 47.604));--nath-tag-warning-text: #ffffff;--nath-tag-warning-hover-bg: var(--color-warning-600, oklch(64.6% .222 41.116));--nath-tag-info-bg: var(--color-info-500, oklch(71.5% .143 215.221));--nath-tag-info-text: #ffffff;--nath-tag-info-hover-bg: var(--color-info-600, oklch(60.9% .126 221.723));--nath-tag-help-bg: var(--color-help-500, oklch(60.6% .25 292.717));--nath-tag-help-text: #ffffff;--nath-tag-help-hover-bg: var(--color-help-600, oklch(54.1% .281 293.009));--nath-tag-close-color: rgba(255, 255, 255, .8);--nath-tag-close-hover-bg: rgba(255, 255, 255, .2)}.dark nath-tag,.dark .nath-tag-theme{--nath-tag-neutral-bg: var(--color-neutral-500, oklch(.556 0 0));--nath-tag-neutral-text: #ffffff;--nath-tag-neutral-hover-bg: var(--color-neutral-600, oklch(.439 0 0));--nath-tag-primary-bg: var(--color-primary-400, #a3aeb6);--nath-tag-primary-text: var(--color-zinc-900, #242729);--nath-tag-primary-hover-bg: var(--color-primary-300, #b9c1c7);--nath-tag-secondary-bg: var(--color-slate-800, #1e293b);--nath-tag-secondary-text: var(--color-slate-200, #e2e8f0);--nath-tag-secondary-hover-bg: var(--color-slate-700, #334155);--nath-tag-close-color: rgba(0, 0, 0, .6);--nath-tag-close-hover-bg: rgba(0, 0, 0, .1)}nath-tag{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:var(--nath-tag-radius);box-shadow:var(--nath-tag-shadow);font-weight:500;font-size:.875rem;line-height:1.25rem;transition:background-color .15s}nath-tag.nath-tag--small{padding:.25rem .5rem;font-size:.75rem;line-height:1rem}nath-tag.nath-tag--medium{padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem}nath-tag.nath-tag--large{padding:.5rem 1rem;font-size:1rem;line-height:1.5rem}nath-tag.nath-tag--neutral{background-color:var(--nath-tag-neutral-bg);color:var(--nath-tag-neutral-text)}nath-tag.nath-tag--primary{background-color:var(--nath-tag-primary-bg);color:var(--nath-tag-primary-text)}nath-tag.nath-tag--closable.nath-tag--primary:hover{background-color:var(--nath-tag-primary-hover-bg)}nath-tag.nath-tag--secondary{background-color:var(--nath-tag-secondary-bg);color:var(--nath-tag-secondary-text)}nath-tag.nath-tag--closable.nath-tag--secondary:hover{background-color:var(--nath-tag-secondary-hover-bg)}nath-tag.nath-tag--success{background-color:var(--nath-tag-success-bg);color:var(--nath-tag-success-text)}nath-tag.nath-tag--closable.nath-tag--success:hover{background-color:var(--nath-tag-success-hover-bg)}nath-tag.nath-tag--danger{background-color:var(--nath-tag-danger-bg);color:var(--nath-tag-danger-text)}nath-tag.nath-tag--closable.nath-tag--danger:hover{background-color:var(--nath-tag-danger-hover-bg)}nath-tag.nath-tag--warning{background-color:var(--nath-tag-warning-bg);color:var(--nath-tag-warning-text)}nath-tag.nath-tag--closable.nath-tag--warning:hover{background-color:var(--nath-tag-warning-hover-bg)}nath-tag.nath-tag--info{background-color:var(--nath-tag-info-bg);color:var(--nath-tag-info-text)}nath-tag.nath-tag--closable.nath-tag--info:hover{background-color:var(--nath-tag-info-hover-bg)}nath-tag.nath-tag--help{background-color:var(--nath-tag-help-bg);color:var(--nath-tag-help-text)}nath-tag.nath-tag--closable.nath-tag--help:hover{background-color:var(--nath-tag-help-hover-bg)}.nath-tag-close{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;padding:0;border:none;border-radius:9999px;background:transparent;color:var(--nath-tag-close-color);cursor:pointer;transition:background-color .15s,color .15s}.nath-tag-close:hover{background-color:var(--nath-tag-close-hover-bg)}.nath-tag-close:focus{outline:2px solid currentColor;outline-offset:2px}.nath-tag-close-icon{width:.75rem;height:.75rem;display:block;color:var(--nath-tag-neutral-text)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: LucideX, selector: "svg[lucideX]" }], encapsulation: i0.ViewEncapsulation.None });
|
|
5506
5506
|
}
|
|
5507
5507
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NathTag, decorators: [{
|
|
5508
5508
|
type: Component,
|
|
@@ -5519,7 +5519,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
5519
5519
|
'[class.nath-tag--medium]': 'size() === "medium"',
|
|
5520
5520
|
'[class.nath-tag--large]': 'size() === "large"',
|
|
5521
5521
|
'[class.nath-tag--closable]': 'closable()',
|
|
5522
|
-
}, template: "@if (value()) {\n {{ value() }}\n}\n<ng-content></ng-content>\n@if (closable()) {\n <button class=\"nath-tag-close\" (click)=\"onClose($event)\" aria-label=\"Close tag\">\n <svg lucideX class=\"nath-tag-close-icon\" />\n </button>\n}\n", styles: ["nath-tag,.nath-tag-theme{--nath-tag-radius: .375rem;--nath-tag-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);--nath-tag-neutral-bg: var(--color-neutral-
|
|
5522
|
+
}, template: "@if (value()) {\n {{ value() }}\n}\n<ng-content></ng-content>\n@if (closable()) {\n <button class=\"nath-tag-close\" (click)=\"onClose($event)\" aria-label=\"Close tag\">\n <svg lucideX class=\"nath-tag-close-icon\" />\n </button>\n}\n", styles: ["nath-tag,.nath-tag-theme{--nath-tag-radius: .375rem;--nath-tag-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);--nath-tag-neutral-bg: var(--color-neutral-500, oklch(.556 0 0));--nath-tag-neutral-text: #ffffff;--nath-tag-neutral-hover-bg: var(--color-neutral-600, oklch(.439 0 0));--nath-tag-primary-bg: var(--color-primary-500, #8e9ba5);--nath-tag-primary-text: #ffffff;--nath-tag-primary-hover-bg: var(--color-primary-600, #79848c);--nath-tag-secondary-bg: var(--color-slate-300, #cbd5e1);--nath-tag-secondary-text: var(--color-slate-800, #1e293b);--nath-tag-secondary-hover-bg: var(--color-slate-300, #cbd5e1);--nath-tag-success-bg: var(--color-success-500, oklch(72.3% .219 149.579));--nath-tag-success-text: #ffffff;--nath-tag-success-hover-bg: var(--color-success-600, oklch(62.7% .194 149.214));--nath-tag-danger-bg: var(--color-danger-500, oklch(63.7% .237 25.331));--nath-tag-danger-text: #ffffff;--nath-tag-danger-hover-bg: var(--color-danger-600, oklch(57.7% .245 27.325));--nath-tag-warning-bg: var(--color-warning-500, oklch(70.5% .213 47.604));--nath-tag-warning-text: #ffffff;--nath-tag-warning-hover-bg: var(--color-warning-600, oklch(64.6% .222 41.116));--nath-tag-info-bg: var(--color-info-500, oklch(71.5% .143 215.221));--nath-tag-info-text: #ffffff;--nath-tag-info-hover-bg: var(--color-info-600, oklch(60.9% .126 221.723));--nath-tag-help-bg: var(--color-help-500, oklch(60.6% .25 292.717));--nath-tag-help-text: #ffffff;--nath-tag-help-hover-bg: var(--color-help-600, oklch(54.1% .281 293.009));--nath-tag-close-color: rgba(255, 255, 255, .8);--nath-tag-close-hover-bg: rgba(255, 255, 255, .2)}.dark nath-tag,.dark .nath-tag-theme{--nath-tag-neutral-bg: var(--color-neutral-500, oklch(.556 0 0));--nath-tag-neutral-text: #ffffff;--nath-tag-neutral-hover-bg: var(--color-neutral-600, oklch(.439 0 0));--nath-tag-primary-bg: var(--color-primary-400, #a3aeb6);--nath-tag-primary-text: var(--color-zinc-900, #242729);--nath-tag-primary-hover-bg: var(--color-primary-300, #b9c1c7);--nath-tag-secondary-bg: var(--color-slate-800, #1e293b);--nath-tag-secondary-text: var(--color-slate-200, #e2e8f0);--nath-tag-secondary-hover-bg: var(--color-slate-700, #334155);--nath-tag-close-color: rgba(0, 0, 0, .6);--nath-tag-close-hover-bg: rgba(0, 0, 0, .1)}nath-tag{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:var(--nath-tag-radius);box-shadow:var(--nath-tag-shadow);font-weight:500;font-size:.875rem;line-height:1.25rem;transition:background-color .15s}nath-tag.nath-tag--small{padding:.25rem .5rem;font-size:.75rem;line-height:1rem}nath-tag.nath-tag--medium{padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem}nath-tag.nath-tag--large{padding:.5rem 1rem;font-size:1rem;line-height:1.5rem}nath-tag.nath-tag--neutral{background-color:var(--nath-tag-neutral-bg);color:var(--nath-tag-neutral-text)}nath-tag.nath-tag--primary{background-color:var(--nath-tag-primary-bg);color:var(--nath-tag-primary-text)}nath-tag.nath-tag--closable.nath-tag--primary:hover{background-color:var(--nath-tag-primary-hover-bg)}nath-tag.nath-tag--secondary{background-color:var(--nath-tag-secondary-bg);color:var(--nath-tag-secondary-text)}nath-tag.nath-tag--closable.nath-tag--secondary:hover{background-color:var(--nath-tag-secondary-hover-bg)}nath-tag.nath-tag--success{background-color:var(--nath-tag-success-bg);color:var(--nath-tag-success-text)}nath-tag.nath-tag--closable.nath-tag--success:hover{background-color:var(--nath-tag-success-hover-bg)}nath-tag.nath-tag--danger{background-color:var(--nath-tag-danger-bg);color:var(--nath-tag-danger-text)}nath-tag.nath-tag--closable.nath-tag--danger:hover{background-color:var(--nath-tag-danger-hover-bg)}nath-tag.nath-tag--warning{background-color:var(--nath-tag-warning-bg);color:var(--nath-tag-warning-text)}nath-tag.nath-tag--closable.nath-tag--warning:hover{background-color:var(--nath-tag-warning-hover-bg)}nath-tag.nath-tag--info{background-color:var(--nath-tag-info-bg);color:var(--nath-tag-info-text)}nath-tag.nath-tag--closable.nath-tag--info:hover{background-color:var(--nath-tag-info-hover-bg)}nath-tag.nath-tag--help{background-color:var(--nath-tag-help-bg);color:var(--nath-tag-help-text)}nath-tag.nath-tag--closable.nath-tag--help:hover{background-color:var(--nath-tag-help-hover-bg)}.nath-tag-close{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;padding:0;border:none;border-radius:9999px;background:transparent;color:var(--nath-tag-close-color);cursor:pointer;transition:background-color .15s,color .15s}.nath-tag-close:hover{background-color:var(--nath-tag-close-hover-bg)}.nath-tag-close:focus{outline:2px solid currentColor;outline-offset:2px}.nath-tag-close-icon{width:.75rem;height:.75rem;display:block;color:var(--nath-tag-neutral-text)}\n"] }]
|
|
5523
5523
|
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], closable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closable", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
|
|
5524
5524
|
|
|
5525
5525
|
const DARK_THEME_CLASS = 'dark';
|