nath-angular-ui 0.8.6 → 0.8.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.
|
@@ -5490,7 +5490,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
5490
5490
|
class NathTag {
|
|
5491
5491
|
value = input('', /* @ts-ignore */
|
|
5492
5492
|
...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
|
|
5493
|
-
variant = input('
|
|
5493
|
+
variant = input('neutral', /* @ts-ignore */
|
|
5494
5494
|
...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
5495
5495
|
size = input('medium', /* @ts-ignore */
|
|
5496
5496
|
...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
@@ -5502,11 +5502,12 @@ 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--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-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-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--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}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: LucideX, selector: "svg[lucideX]" }], encapsulation: i0.ViewEncapsulation.None });
|
|
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-600, oklch(.439 0 0));--nath-tag-neutral-text: #ffffff;--nath-tag-neutral-hover-bg: var(--color-neutral-700, oklch(.371 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-600, oklch(.439 0 0));--nath-tag-neutral-text: #ffffff;--nath-tag-neutral-hover-bg: var(--color-neutral-700, oklch(.371 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}\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,
|
|
5509
5509
|
args: [{ selector: 'nath-tag', imports: [CommonModule, LucideX], encapsulation: ViewEncapsulation.None, host: {
|
|
5510
|
+
'[class.nath-tag--neutral]': 'variant() === "neutral"',
|
|
5510
5511
|
'[class.nath-tag--primary]': 'variant() === "primary"',
|
|
5511
5512
|
'[class.nath-tag--secondary]': 'variant() === "secondary"',
|
|
5512
5513
|
'[class.nath-tag--success]': 'variant() === "success"',
|
|
@@ -5518,7 +5519,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
5518
5519
|
'[class.nath-tag--medium]': 'size() === "medium"',
|
|
5519
5520
|
'[class.nath-tag--large]': 'size() === "large"',
|
|
5520
5521
|
'[class.nath-tag--closable]': 'closable()',
|
|
5521
|
-
}, 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-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-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--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}\n"] }]
|
|
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-600, oklch(.439 0 0));--nath-tag-neutral-text: #ffffff;--nath-tag-neutral-hover-bg: var(--color-neutral-700, oklch(.371 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-600, oklch(.439 0 0));--nath-tag-neutral-text: #ffffff;--nath-tag-neutral-hover-bg: var(--color-neutral-700, oklch(.371 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}\n"] }]
|
|
5522
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"] }] } });
|
|
5523
5524
|
|
|
5524
5525
|
const DARK_THEME_CLASS = 'dark';
|
|
@@ -5986,7 +5987,7 @@ class NathTooltipContainer {
|
|
|
5986
5987
|
}
|
|
5987
5988
|
</div>
|
|
5988
5989
|
</div>
|
|
5989
|
-
`, isInline: true, styles: ["nath-tooltip-container,.nath-tooltip-container-theme{--nath-tooltip-container-text-color: #fff;--nath-tooltip-container-bg-color: var(--color-slate-900, oklch(.208 .042 265.755));--nath-tooltip-container-border-color: var(--color-slate-900, oklch(.208 .042 265.755));--nath-tooltip-container-border-bottom-color: var(--color-slate-100, oklch(.967 .011 264.536))}.dark nath-tooltip-container,.dark .nath-tooltip-container-theme{--nath-tooltip-container-bg-color: var(--color-slate-900, oklch(.208 .042 265.755))}.nath-tooltip-container{position:fixed;left:0;top:0;display:block;z-index:50;transition-property:opacity;transition-duration:.2s;pointer-events:none;padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;border-radius:.375rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;max-width:20rem;background-color:var(--nath-tooltip-container-bg-color);color:var(--nath-tooltip-container-text-color);border-bottom:1px solid var(--nath-tooltip-container-border-bottom-color)}.nath-tooltip-container:after{content:\"\";position:absolute;width:0;height:0;border-style:solid;border-width:6px;border-color:transparent}.nath-tooltip-container.arrow-top:after{border-top-color:var(--nath-tooltip-container-border-color);top:100%;left:calc(50% - 6px)}.nath-tooltip-container.arrow-bottom:after{border-bottom-color:var(--nath-tooltip-container-border-color);bottom:100%;left:calc(50% - 6px)}.nath-tooltip-container.arrow-left:after{border-left-color:var(--nath-tooltip-container-border-color);left:100%;top:calc(50% - 6px)}.nath-tooltip-container.arrow-right:after{border-right-color:var(--nath-tooltip-container-border-color);right:100%;top:calc(50% - 6px)}.nath-tooltip-content{white-space:
|
|
5990
|
+
`, isInline: true, styles: ["nath-tooltip-container,.nath-tooltip-container-theme{--nath-tooltip-container-text-color: #fff;--nath-tooltip-container-bg-color: var(--color-slate-900, oklch(.208 .042 265.755));--nath-tooltip-container-border-color: var(--color-slate-900, oklch(.208 .042 265.755));--nath-tooltip-container-border-bottom-color: var(--color-slate-100, oklch(.967 .011 264.536))}.dark nath-tooltip-container,.dark .nath-tooltip-container-theme{--nath-tooltip-container-bg-color: var(--color-slate-900, oklch(.208 .042 265.755))}.nath-tooltip-container{position:fixed;left:0;top:0;display:block;z-index:50;transition-property:opacity;transition-duration:.2s;pointer-events:none;padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;border-radius:.375rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;max-width:20rem;background-color:var(--nath-tooltip-container-bg-color);color:var(--nath-tooltip-container-text-color);border-bottom:1px solid var(--nath-tooltip-container-border-bottom-color)}.nath-tooltip-container:after{content:\"\";position:absolute;width:0;height:0;border-style:solid;border-width:6px;border-color:transparent}.nath-tooltip-container.arrow-top:after{border-top-color:var(--nath-tooltip-container-border-color);top:100%;left:calc(50% - 6px)}.nath-tooltip-container.arrow-bottom:after{border-bottom-color:var(--nath-tooltip-container-border-color);bottom:100%;left:calc(50% - 6px)}.nath-tooltip-container.arrow-left:after{border-left-color:var(--nath-tooltip-container-border-color);left:100%;top:calc(50% - 6px)}.nath-tooltip-container.arrow-right:after{border-right-color:var(--nath-tooltip-container-border-color);right:100%;top:calc(50% - 6px)}.nath-tooltip-content{white-space:normal}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
5990
5991
|
}
|
|
5991
5992
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NathTooltipContainer, decorators: [{
|
|
5992
5993
|
type: Component,
|
|
@@ -6004,7 +6005,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
6004
6005
|
}
|
|
6005
6006
|
</div>
|
|
6006
6007
|
</div>
|
|
6007
|
-
`, encapsulation: ViewEncapsulation.None, styles: ["nath-tooltip-container,.nath-tooltip-container-theme{--nath-tooltip-container-text-color: #fff;--nath-tooltip-container-bg-color: var(--color-slate-900, oklch(.208 .042 265.755));--nath-tooltip-container-border-color: var(--color-slate-900, oklch(.208 .042 265.755));--nath-tooltip-container-border-bottom-color: var(--color-slate-100, oklch(.967 .011 264.536))}.dark nath-tooltip-container,.dark .nath-tooltip-container-theme{--nath-tooltip-container-bg-color: var(--color-slate-900, oklch(.208 .042 265.755))}.nath-tooltip-container{position:fixed;left:0;top:0;display:block;z-index:50;transition-property:opacity;transition-duration:.2s;pointer-events:none;padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;border-radius:.375rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;max-width:20rem;background-color:var(--nath-tooltip-container-bg-color);color:var(--nath-tooltip-container-text-color);border-bottom:1px solid var(--nath-tooltip-container-border-bottom-color)}.nath-tooltip-container:after{content:\"\";position:absolute;width:0;height:0;border-style:solid;border-width:6px;border-color:transparent}.nath-tooltip-container.arrow-top:after{border-top-color:var(--nath-tooltip-container-border-color);top:100%;left:calc(50% - 6px)}.nath-tooltip-container.arrow-bottom:after{border-bottom-color:var(--nath-tooltip-container-border-color);bottom:100%;left:calc(50% - 6px)}.nath-tooltip-container.arrow-left:after{border-left-color:var(--nath-tooltip-container-border-color);left:100%;top:calc(50% - 6px)}.nath-tooltip-container.arrow-right:after{border-right-color:var(--nath-tooltip-container-border-color);right:100%;top:calc(50% - 6px)}.nath-tooltip-content{white-space:
|
|
6008
|
+
`, encapsulation: ViewEncapsulation.None, styles: ["nath-tooltip-container,.nath-tooltip-container-theme{--nath-tooltip-container-text-color: #fff;--nath-tooltip-container-bg-color: var(--color-slate-900, oklch(.208 .042 265.755));--nath-tooltip-container-border-color: var(--color-slate-900, oklch(.208 .042 265.755));--nath-tooltip-container-border-bottom-color: var(--color-slate-100, oklch(.967 .011 264.536))}.dark nath-tooltip-container,.dark .nath-tooltip-container-theme{--nath-tooltip-container-bg-color: var(--color-slate-900, oklch(.208 .042 265.755))}.nath-tooltip-container{position:fixed;left:0;top:0;display:block;z-index:50;transition-property:opacity;transition-duration:.2s;pointer-events:none;padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;border-radius:.375rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;max-width:20rem;background-color:var(--nath-tooltip-container-bg-color);color:var(--nath-tooltip-container-text-color);border-bottom:1px solid var(--nath-tooltip-container-border-bottom-color)}.nath-tooltip-container:after{content:\"\";position:absolute;width:0;height:0;border-style:solid;border-width:6px;border-color:transparent}.nath-tooltip-container.arrow-top:after{border-top-color:var(--nath-tooltip-container-border-color);top:100%;left:calc(50% - 6px)}.nath-tooltip-container.arrow-bottom:after{border-bottom-color:var(--nath-tooltip-container-border-color);bottom:100%;left:calc(50% - 6px)}.nath-tooltip-container.arrow-left:after{border-left-color:var(--nath-tooltip-container-border-color);left:100%;top:calc(50% - 6px)}.nath-tooltip-container.arrow-right:after{border-right-color:var(--nath-tooltip-container-border-color);right:100%;top:calc(50% - 6px)}.nath-tooltip-content{white-space:normal}\n"] }]
|
|
6008
6009
|
}], propDecorators: { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }] } });
|
|
6009
6010
|
|
|
6010
6011
|
class NathTooltipDirective {
|