@luzmo/ngx-lucero 1.0.1-alpha.85 → 1.0.2

package/esm/components/tag.d.ts

@@ -1,7 +1,8 @@
 import { OnChanges, SimpleChanges } from '@angular/core';
 import '@luzmo/lucero/tags';
-import type { LuzmoTag as LuzmoTagHostElement } from '@luzmo/lucero/tags';
+import type { LuzmoTag as LuzmoTagHostElement, TagTreatments, TagVariants } from '@luzmo/lucero/tags';
 import * as i0 from "@angular/core";
+export type { TagNonSemanticVariants, TagSemanticVariants, TagTreatments, TagVariants } from '@luzmo/lucero/tags';
 export declare class LuzmoTag implements OnChanges {
     private readonly elementRef;
     private readonly renderer;
@@ -10,6 +11,10 @@ export declare class LuzmoTag implements OnChanges {
     private readonly listenerCleanup;
     /** The underlying custom element instance. Use to call imperative methods. */
     get nativeElement(): LuzmoTagHostElement;
+    /** Color variant. Optional — when unset the tag keeps its neutral default appearance. Accepts the same semantic and non-semantic palette as `luzmo-badge`. Invalid values reset the tag to its variantless default. */
+    variant?: TagVariants;
+    /** Visual treatment of the color variant: `outline` (default) draws the variant color as border and text, `fill` paints it as the background. Only takes effect when `variant` is set. */
+    treatment?: TagTreatments;
     deletable?: boolean;
     disabled?: boolean;
     readonly?: boolean;
@@ -26,7 +31,7 @@ export declare class LuzmoTag implements OnChanges {
     private setHostProperty;
     private bindEvents;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuzmoTag, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoTag, "luzmo-tag", ["luzmoTag"], { "deletable": { "alias": "deletable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "deleteEvent": "delete"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuzmoTag, "luzmo-tag", ["luzmoTag"], { "variant": { "alias": "variant"; "required": false; }; "treatment": { "alias": "treatment"; "required": false; }; "deletable": { "alias": "deletable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "deleteEvent": "delete"; }, never, ["*"], true, never>;
 }
 /** The underlying custom element type for LuzmoTag */
 export type LuzmoTagElement = LuzmoTagHostElement;

package/esm/components/tag.js

@@ -19,6 +19,10 @@ export class LuzmoTag {
     get nativeElement() {
         return this.host;
     }
+    /** Color variant. Optional — when unset the tag keeps its neutral default appearance. Accepts the same semantic and non-semantic palette as `luzmo-badge`. Invalid values reset the tag to its variantless default. */
+    variant;
+    /** Visual treatment of the color variant: `outline` (default) draws the variant color as border and text, `fill` paints it as the background. Only takes effect when `variant` is set. */
+    treatment;
     deletable;
     disabled;
     readonly;
@@ -35,6 +39,12 @@ export class LuzmoTag {
     ngOnChanges(changes) {
         for (const key of Object.keys(changes)) {
             switch (key) {
+                case 'variant':
+                    this.setHostProperty('variant', changes['variant'].currentValue);
+                    break;
+                case 'treatment':
+                    this.setHostProperty('treatment', changes['treatment'].currentValue);
+                    break;
                 case 'deletable':
                     this.setHostProperty('deletable', changes['deletable'].currentValue);
                     break;
@@ -67,7 +77,7 @@ export class LuzmoTag {
         }));
     }
     static ɵfac = function LuzmoTag_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoTag)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoTag, selectors: [["luzmo-tag"]], inputs: { deletable: "deletable", disabled: "disabled", readonly: "readonly", size: "size" }, outputs: { deleteEvent: "delete" }, exportAs: ["luzmoTag"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoTag_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoTag, selectors: [["luzmo-tag"]], inputs: { variant: "variant", treatment: "treatment", deletable: "deletable", disabled: "disabled", readonly: "readonly", size: "size" }, outputs: { deleteEvent: "delete" }, exportAs: ["luzmoTag"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoTag_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2, changeDetection: 0 });
@@ -81,7 +91,13 @@ export class LuzmoTag {
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: '<ng-content />'
             }]
-    }], () => [], { deletable: [{
+    }], () => [], { variant: [{
+            type: Input,
+            args: [{ alias: 'variant' }]
+        }], treatment: [{
+            type: Input,
+            args: [{ alias: 'treatment' }]
+        }], deletable: [{
             type: Input,
             args: [{ alias: 'deletable' }]
         }], disabled: [{
@@ -94,4 +110,4 @@ export class LuzmoTag {
             type: Input,
             args: [{ alias: 'size' }]
         }], deleteEvent: [{ type: i0.Output, args: ["delete"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoTag, { className: "LuzmoTag", filePath: "components/tag.ts", lineNumber: 19 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoTag, { className: "LuzmoTag", filePath: "components/tag.ts", lineNumber: 20 }); })();

package/esm/components/tags.d.ts

@@ -2,6 +2,7 @@ import { OnChanges, SimpleChanges } from '@angular/core';
 import '@luzmo/lucero/tags';
 import type { LuzmoTags as LuzmoTagsHostElement } from '@luzmo/lucero/tags';
 import * as i0 from "@angular/core";
+export type { TagNonSemanticVariants, TagSemanticVariants, TagTreatments, TagVariants } from '@luzmo/lucero/tags';
 export declare class LuzmoTags implements OnChanges {
     private readonly elementRef;
     private readonly renderer;

package/esm/components/tags.js

@@ -85,4 +85,4 @@ export class LuzmoTags {
             type: Input,
             args: [{ alias: 'size' }]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoTags, { className: "LuzmoTags", filePath: "components/tags.ts", lineNumber: 17 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LuzmoTags, { className: "LuzmoTags", filePath: "components/tags.ts", lineNumber: 18 }); })();

package/package.json

@@ -29,9 +29,9 @@
   "peerDependencies": {
     "@angular/core": "^17.3.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0",
     "@angular/forms": "^17.3.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0",
-    "@luzmo/lucero": "1.0.1-alpha.85"
+    "@luzmo/lucero": "1.0.2"
   },
-  "version": "1.0.1-alpha.85",
+  "version": "1.0.2",
   "peerDependenciesMeta": {
     "@angular/forms": {
       "optional": true