@codeenvision/ui-webcomponents 1.0.0

package/dist/components/Chip/Chip.js

@@ -0,0 +1,129 @@
+import { BaseComponent } from "../../core/BaseComponent.js";
+export class Chip extends BaseComponent {
+    options;
+    chipElement;
+    hydrated = false;
+    constructor(options) {
+        super(options.selector);
+        this.options = options;
+    }
+    init() {
+        if (this.options.hydrate && this.tryHydrate()) {
+            this.hydrated = true;
+            return;
+        }
+        this.el.innerHTML = "";
+        const chip = document.createElement("div");
+        chip.classList.add("ce-chip");
+        if (this.options.avatarUrl) {
+            const avatar = document.createElement("span");
+            avatar.className = "ce-chip__avatar";
+            const img = document.createElement("img");
+            img.src = this.options.avatarUrl;
+            img.alt = this.options.avatarAlt ?? "";
+            avatar.append(img);
+            chip.append(avatar);
+        }
+        else if (this.options.icon) {
+            const icon = document.createElement("span");
+            icon.className = "ce-chip__icon";
+            icon.innerHTML = this.options.icon;
+            chip.append(icon);
+        }
+        const labelSpan = document.createElement("span");
+        labelSpan.textContent = this.options.label;
+        chip.append(labelSpan);
+        const variant = this.options.variant ?? "primary";
+        chip.classList.add(`ce-chip--${variant}`);
+        const size = this.options.size ?? "md";
+        if (size !== "md") {
+            chip.classList.add(`ce-chip--${size}`);
+        }
+        const appearance = this.options.appearance ?? "solid";
+        if (appearance === "outlined") {
+            chip.classList.add("ce-chip--outlined");
+        }
+        if (appearance === "ghost") {
+            chip.classList.add("ce-chip--ghost");
+        }
+        if (this.options.removable) {
+            const removeBtn = document.createElement("button");
+            removeBtn.type = "button";
+            removeBtn.className = "ce-chip__close";
+            removeBtn.setAttribute("aria-label", "Remove chip");
+            removeBtn.innerHTML = "×";
+            removeBtn.addEventListener("click", () => {
+                chip.remove();
+                this.options.onRemove?.();
+            });
+            chip.appendChild(removeBtn);
+        }
+        this.el.appendChild(chip);
+        this.chipElement = chip;
+    }
+    updateLabel(label) {
+        this.options.label = label;
+        const textNode = this.chipElement?.querySelector("span:not(.ce-chip__avatar):not(.ce-chip__icon)");
+        if (textNode) {
+            textNode.textContent = label;
+        }
+    }
+    updateVariant(variant) {
+        if (!this.chipElement)
+            return;
+        const allVariants = ["primary", "secondary", "success", "danger", "warning", "info", "light", "dark"];
+        allVariants.forEach((v) => this.chipElement?.classList.remove(`ce-chip--${v}`));
+        if (variant) {
+            this.chipElement.classList.add(`ce-chip--${variant}`);
+            this.options.variant = variant;
+        }
+    }
+    destroy() {
+        this.el.innerHTML = "";
+    }
+    tryHydrate() {
+        const chip = this.el.querySelector(".ce-chip");
+        if (!chip) {
+            return false;
+        }
+        this.chipElement = chip;
+        const labelSpan = chip.querySelector("span:not(.ce-chip__avatar):not(.ce-chip__icon)");
+        if (labelSpan) {
+            labelSpan.textContent = this.options.label;
+        }
+        const variants = ["primary", "secondary", "success", "danger", "warning", "info", "light", "dark"];
+        variants.forEach((variant) => chip.classList.remove(`ce-chip--${variant}`));
+        if (this.options.variant) {
+            chip.classList.add(`ce-chip--${this.options.variant}`);
+        }
+        chip.classList.remove("ce-chip--sm", "ce-chip--lg", "ce-chip--outlined", "ce-chip--ghost");
+        const size = this.options.size ?? "md";
+        if (size !== "md") {
+            chip.classList.add(`ce-chip--${size}`);
+        }
+        const appearance = this.options.appearance ?? "solid";
+        if (appearance === "outlined") {
+            chip.classList.add("ce-chip--outlined");
+        }
+        if (appearance === "ghost") {
+            chip.classList.add("ce-chip--ghost");
+        }
+        if (this.options.removable) {
+            let removeBtn = chip.querySelector(".ce-chip__close");
+            if (!removeBtn) {
+                removeBtn = document.createElement("button");
+                removeBtn.type = "button";
+                removeBtn.className = "ce-chip__close";
+                removeBtn.setAttribute("aria-label", "Remove chip");
+                removeBtn.innerHTML = "×";
+                chip.appendChild(removeBtn);
+            }
+            removeBtn.addEventListener("click", () => {
+                chip.remove();
+                this.options.onRemove?.();
+            });
+        }
+        return true;
+    }
+}
+//# sourceMappingURL=Chip.js.map

package/dist/components/Chip/Chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../components/Chip/Chip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAG5D,MAAM,OAAO,IAAK,SAAQ,aAAa;IAC7B,OAAO,CAAc;IACrB,WAAW,CAAkB;IAC7B,QAAQ,GAAG,KAAK,CAAC;IAEzB,YAAY,OAAoB;QAC9B,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QACxB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;IAED,IAAI;QACF,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE,CAAC;YAC9C,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACrB,OAAO;QACT,CAAC;QACD,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC;QACvB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC3C,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QAE9B,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;YAC3B,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YAC9C,MAAM,CAAC,SAAS,GAAG,iBAAiB,CAAC;YACrC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC1C,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;YACjC,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,IAAI,EAAE,CAAC;YACvC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YACnB,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACtB,CAAC;aAAM,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YAC7B,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YAC5C,IAAI,CAAC,SAAS,GAAG,eAAe,CAAC;YACjC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;YACnC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC;QAED,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QACjD,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;QAC3C,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QAEvB,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,IAAI,SAAS,CAAC;QAClD,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,OAAO,EAAE,CAAC,CAAC;QAE1C,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC;QACvC,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;YAClB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC;QACzC,CAAC;QAED,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,IAAI,OAAO,CAAC;QACtD,IAAI,UAAU,KAAK,UAAU,EAAE,CAAC;YAC9B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;QAC1C,CAAC;QACD,IAAI,UAAU,KAAK,OAAO,EAAE,CAAC;YAC3B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;QACvC,CAAC;QAED,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;YAC3B,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YACnD,SAAS,CAAC,IAAI,GAAG,QAAQ,CAAC;YAC1B,SAAS,CAAC,SAAS,GAAG,gBAAgB,CAAC;YACvC,SAAS,CAAC,YAAY,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;YACpD,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC;YAChC,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;gBACvC,IAAI,CAAC,MAAM,EAAE,CAAC;gBACd,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC;YAC5B,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QAC9B,CAAC;QAED,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAC1B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;IAC1B,CAAC;IAED,WAAW,CAAC,KAAa;QACvB,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;QAC3B,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,aAAa,CAAC,gDAAgD,CAAC,CAAC;QACnG,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,WAAW,GAAG,KAAK,CAAC;QAC/B,CAAC;IACH,CAAC;IAED,aAAa,CAAC,OAA+B;QAC3C,IAAI,CAAC,IAAI,CAAC,WAAW;YAAE,OAAO;QAC9B,MAAM,WAAW,GAAG,CAAC,SAAS,EAAC,WAAW,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAC,MAAM,CAAC,CAAC;QAC/F,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC;QAChF,IAAI,OAAO,EAAE,CAAC;YACZ,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,OAAO,EAAE,CAAC,CAAC;YACtD,IAAI,CAAC,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC;QACjC,CAAC;IACH,CAAC;IAED,OAAO;QACL,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC;IACzB,CAAC;IAEO,UAAU;QAChB,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAiB,UAAU,CAAC,CAAC;QAC/D,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO,KAAK,CAAC;QACf,CAAC;QACD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QAExB,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,CAAc,gDAAgD,CAAC,CAAC;QACpG,IAAI,SAAS,EAAE,CAAC;YACd,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;QAC7C,CAAC;QAED,MAAM,QAAQ,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;QACnG,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,YAAY,OAAO,EAAE,CAAC,CAAC,CAAC;QAC5E,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;YACzB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;QACzD,CAAC;QAED,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,EAAE,aAAa,EAAE,mBAAmB,EAAE,gBAAgB,CAAC,CAAC;QAC3F,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC;QACvC,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;YAClB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC;QACzC,CAAC;QACD,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,IAAI,OAAO,CAAC;QACtD,IAAI,UAAU,KAAK,UAAU,EAAE,CAAC;YAC9B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;QAC1C,CAAC;QACD,IAAI,UAAU,KAAK,OAAO,EAAE,CAAC;YAC3B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;QACvC,CAAC;QAED,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;YAC3B,IAAI,SAAS,GAAG,IAAI,CAAC,aAAa,CAAoB,iBAAiB,CAAC,CAAC;YACzE,IAAI,CAAC,SAAS,EAAE,CAAC;gBACf,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;gBAC7C,SAAS,CAAC,IAAI,GAAG,QAAQ,CAAC;gBAC1B,SAAS,CAAC,SAAS,GAAG,gBAAgB,CAAC;gBACvC,SAAS,CAAC,YAAY,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;gBACpD,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC;gBAChC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;YAC9B,CAAC;YACD,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;gBACvC,IAAI,CAAC,MAAM,EAAE,CAAC;gBACd,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC;YAC5B,CAAC,CAAC,CAAC;QACL,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC;CACF"}

package/dist/components/Chip/Chip.types.d.ts

@@ -0,0 +1,14 @@
+export interface ChipOptions {
+    selector: string;
+    label: string;
+    removable?: boolean;
+    onRemove?: () => void;
+    variant?: "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "light" | "dark";
+    size?: "sm" | "md" | "lg";
+    appearance?: "solid" | "outlined" | "ghost";
+    avatarUrl?: string;
+    avatarAlt?: string;
+    icon?: string;
+    hydrate?: boolean;
+}
+//# sourceMappingURL=Chip.types.d.ts.map

package/dist/components/Chip/Chip.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.types.d.ts","sourceRoot":"","sources":["../../../components/Chip/Chip.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IACjG,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/dist/components/Chip/Chip.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Chip.types.js.map

package/dist/components/Chip/Chip.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.types.js","sourceRoot":"","sources":["../../../components/Chip/Chip.types.ts"],"names":[],"mappings":""}

package/dist/components/ColorGradient/ColorGradient.d.ts

@@ -0,0 +1,26 @@
+import { BaseComponent } from "../../core/BaseComponent.js";
+import { ColorGradientOptions } from "./ColorGradient.types.js";
+export declare class ColorGradient extends BaseComponent {
+    private options;
+    private labelEl?;
+    private clickHandler?;
+    private copyHandler?;
+    private hydrated;
+    constructor(options: ColorGradientOptions);
+    init(): void;
+    destroy(): void;
+    private applyBaseClasses;
+    private applySize;
+    private applyShape;
+    private applyDirection;
+    private applyAngle;
+    private applyVariantOrCustomColors;
+    private applyEffects;
+    private applyDimensions;
+    private renderLabel;
+    private handleKeydown;
+    private removeClasses;
+    private teardown;
+    private tryHydrate;
+}
+//# sourceMappingURL=ColorGradient.d.ts.map

package/dist/components/ColorGradient/ColorGradient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorGradient.d.ts","sourceRoot":"","sources":["../../../components/ColorGradient/ColorGradient.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAgChE,qBAAa,aAAc,SAAQ,aAAa;IAC9C,OAAO,CAAC,OAAO,CAAuB;IACtC,OAAO,CAAC,OAAO,CAAC,CAAkB;IAClC,OAAO,CAAC,YAAY,CAAC,CAAa;IAClC,OAAO,CAAC,WAAW,CAAC,CAAa;IACjC,OAAO,CAAC,QAAQ,CAAS;gBAEb,OAAO,EAAE,oBAAoB;IAKzC,IAAI,IAAI,IAAI;IA6BZ,OAAO,IAAI,IAAI;IAIf,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,SAAS;IAQjB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,0BAA0B;IA6BlC,OAAO,CAAC,YAAY;IA6BpB,OAAO,CAAC,eAAe;IAcvB,OAAO,CAAC,WAAW;IAiBnB,OAAO,CAAC,aAAa,CASnB;IAEF,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,QAAQ;IA+ChB,OAAO,CAAC,UAAU;CAyBnB"}

package/dist/components/ColorGradient/ColorGradient.js

@@ -0,0 +1,251 @@
+import { BaseComponent } from "../../core/BaseComponent.js";
+const DIRECTION_CLASSES = [
+    "ce-color-gradient--to-r",
+    "ce-color-gradient--to-l",
+    "ce-color-gradient--to-t",
+    "ce-color-gradient--to-b",
+    "ce-color-gradient--to-tr",
+    "ce-color-gradient--to-tl",
+    "ce-color-gradient--to-br",
+    "ce-color-gradient--to-bl",
+];
+const VARIANT_CLASSES = [
+    "ce-color-gradient--primary",
+    "ce-color-gradient--secondary",
+    "ce-color-gradient--success",
+    "ce-color-gradient--danger",
+    "ce-color-gradient--warning",
+    "ce-color-gradient--info",
+    "ce-color-gradient--dark",
+    "ce-color-gradient--light",
+];
+const SIZE_CLASSES = ["ce-color-gradient--sm", "ce-color-gradient--lg"];
+const SHAPE_CLASSES = ["ce-color-gradient--square", "ce-color-gradient--pill"];
+const EFFECT_CLASSES = [
+    "ce-color-gradient--hover",
+    "ce-color-gradient--cover",
+    "ce-color-gradient--interactive",
+];
+export class ColorGradient extends BaseComponent {
+    options;
+    labelEl;
+    clickHandler;
+    copyHandler;
+    hydrated = false;
+    constructor(options) {
+        super(options.selector);
+        this.options = options;
+    }
+    init() {
+        if (this.options.hydrate && this.tryHydrate()) {
+            this.hydrated = true;
+            return;
+        }
+        this.teardown();
+        this.applyBaseClasses();
+        this.applySize();
+        this.applyShape();
+        this.applyDirection();
+        this.applyAngle();
+        this.applyVariantOrCustomColors();
+        if (this.clickHandler) {
+            this.el.removeEventListener("click", this.clickHandler);
+            this.clickHandler = undefined;
+        }
+        if (this.copyHandler) {
+            this.el.removeEventListener("dblclick", this.copyHandler);
+            this.copyHandler = undefined;
+        }
+        this.el.removeEventListener("keydown", this.handleKeydown);
+        if (this.el.tabIndex === 0) {
+            this.el.removeAttribute("tabindex");
+        }
+        this.applyEffects();
+        this.applyDimensions();
+        this.renderLabel();
+    }
+    destroy() {
+        this.teardown();
+    }
+    applyBaseClasses() {
+        this.el.classList.add("ce-color-gradient", "ce-color-gradient--to-r");
+    }
+    applySize() {
+        this.removeClasses(SIZE_CLASSES);
+        const size = this.options.size ?? "md";
+        if (size !== "md") {
+            this.el.classList.add(`ce-color-gradient--${size}`);
+        }
+    }
+    applyShape() {
+        this.removeClasses(SHAPE_CLASSES);
+        const shape = this.options.shape ?? "rounded";
+        if (shape !== "rounded") {
+            this.el.classList.add(`ce-color-gradient--${shape}`);
+        }
+    }
+    applyDirection() {
+        this.removeClasses(DIRECTION_CLASSES);
+        const direction = this.options.direction ?? "to-r";
+        this.el.classList.add(`ce-color-gradient--${direction}`);
+    }
+    applyAngle() {
+        if (typeof this.options.angle === "number") {
+            this.el.style.setProperty("--gradient-angle", `${this.options.angle}deg`);
+        }
+        else {
+            this.el.style.removeProperty("--gradient-angle");
+        }
+    }
+    applyVariantOrCustomColors() {
+        this.removeClasses(VARIANT_CLASSES);
+        if (this.options.variant && this.options.variant !== "custom") {
+            this.el.classList.add(`ce-color-gradient--${this.options.variant}`);
+            this.el.style.removeProperty("--gradient-start");
+            this.el.style.removeProperty("--gradient-end");
+            return;
+        }
+        if (this.options.startColor) {
+            this.el.style.setProperty("--gradient-start", this.options.startColor);
+        }
+        else {
+            this.el.style.removeProperty("--gradient-start");
+        }
+        if (this.options.middleColor) {
+            this.el.style.setProperty("--gradient-middle", this.options.middleColor);
+        }
+        else {
+            this.el.style.removeProperty("--gradient-middle");
+        }
+        if (this.options.endColor) {
+            this.el.style.setProperty("--gradient-end", this.options.endColor);
+        }
+        else {
+            this.el.style.removeProperty("--gradient-end");
+        }
+    }
+    applyEffects() {
+        this.removeClasses(EFFECT_CLASSES);
+        const shouldHover = this.options.hoverEffect ?? false;
+        if (shouldHover) {
+            this.el.classList.add("ce-color-gradient--hover");
+        }
+        if (this.options.cover) {
+            this.el.classList.add("ce-color-gradient--cover");
+        }
+        if (this.options.interactive) {
+            this.el.classList.add("ce-color-gradient--interactive");
+            this.el.tabIndex = 0;
+            this.clickHandler = () => this.options.onClick?.();
+            this.el.addEventListener("click", this.clickHandler);
+            this.el.addEventListener("keydown", this.handleKeydown);
+            if (this.options.onCopy) {
+                this.copyHandler = () => this.options.onCopy?.({
+                    start: this.options.startColor,
+                    middle: this.options.middleColor,
+                    end: this.options.endColor,
+                });
+                this.el.addEventListener("dblclick", this.copyHandler);
+            }
+        }
+    }
+    applyDimensions() {
+        if (this.options.width) {
+            this.el.style.setProperty("width", this.options.width);
+        }
+        else {
+            this.el.style.removeProperty("width");
+        }
+        if (this.options.height) {
+            this.el.style.setProperty("min-height", this.options.height);
+        }
+        else {
+            this.el.style.removeProperty("min-height");
+        }
+    }
+    renderLabel() {
+        if (!this.options.label) {
+            return;
+        }
+        if (this.labelEl) {
+            this.labelEl.textContent = this.options.label;
+            return;
+        }
+        const label = document.createElement("span");
+        label.classList.add("ce-color-gradient__label");
+        label.textContent = this.options.label;
+        this.el.appendChild(label);
+        this.labelEl = label;
+    }
+    handleKeydown = (event) => {
+        if (!this.options.onClick) {
+            return;
+        }
+        if (event.key === "Enter" || event.key === " ") {
+            event.preventDefault();
+            this.options.onClick();
+        }
+    };
+    removeClasses(classes) {
+        classes.forEach((name) => this.el.classList.remove(name));
+    }
+    teardown() {
+        this.el.classList.remove("ce-color-gradient", ...DIRECTION_CLASSES, ...VARIANT_CLASSES, ...SIZE_CLASSES, ...SHAPE_CLASSES, ...EFFECT_CLASSES);
+        if (this.clickHandler) {
+            this.el.removeEventListener("click", this.clickHandler);
+            this.clickHandler = undefined;
+        }
+        this.el.removeEventListener("keydown", this.handleKeydown);
+        if (this.el.tabIndex === 0) {
+            this.el.removeAttribute("tabindex");
+        }
+        this.el.style.removeProperty("--gradient-start");
+        this.el.style.removeProperty("--gradient-middle");
+        this.el.style.removeProperty("--gradient-end");
+        this.el.style.removeProperty("--gradient-angle");
+        this.el.style.removeProperty("width");
+        this.el.style.removeProperty("min-height");
+        if (this.labelEl) {
+            this.labelEl.remove();
+            this.labelEl = undefined;
+        }
+        if (this.clickHandler) {
+            this.el.removeEventListener("click", this.clickHandler);
+            this.clickHandler = undefined;
+        }
+        this.el.removeEventListener("keydown", this.handleKeydown);
+        if (this.copyHandler) {
+            this.el.removeEventListener("dblclick", this.copyHandler);
+            this.copyHandler = undefined;
+        }
+        if (this.el.tabIndex === 0) {
+            this.el.removeAttribute("tabindex");
+        }
+        this.el.innerHTML = "";
+    }
+    tryHydrate() {
+        this.removeClasses(DIRECTION_CLASSES);
+        this.removeClasses(VARIANT_CLASSES);
+        this.removeClasses(SIZE_CLASSES);
+        this.removeClasses(SHAPE_CLASSES);
+        this.removeClasses(EFFECT_CLASSES);
+        this.applyBaseClasses();
+        this.applySize();
+        this.applyShape();
+        this.applyDirection();
+        this.applyAngle();
+        this.applyVariantOrCustomColors();
+        this.applyEffects();
+        this.applyDimensions();
+        const existingLabel = this.el.querySelector(".ce-color-gradient__label");
+        if (existingLabel && this.options.label) {
+            existingLabel.textContent = this.options.label;
+            this.labelEl = existingLabel;
+        }
+        else if (this.options.label) {
+            this.renderLabel();
+        }
+        return true;
+    }
+}
+//# sourceMappingURL=ColorGradient.js.map

package/dist/components/ColorGradient/ColorGradient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorGradient.js","sourceRoot":"","sources":["../../../components/ColorGradient/ColorGradient.ts"],"names":[],"mappings":"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"}

package/dist/components/ColorGradient/ColorGradient.types.d.ts

@@ -0,0 +1,29 @@
+export type ColorGradientDirection = "to-r" | "to-l" | "to-t" | "to-b" | "to-tr" | "to-tl" | "to-br" | "to-bl";
+export type ColorGradientVariant = "custom" | "primary" | "secondary" | "success" | "danger" | "warning" | "info" | "dark" | "light";
+export type ColorGradientSize = "sm" | "md" | "lg";
+export type ColorGradientShape = "rounded" | "square" | "pill";
+export interface ColorGradientOptions {
+    selector: string;
+    startColor?: string;
+    endColor?: string;
+    middleColor?: string;
+    variant?: ColorGradientVariant;
+    direction?: ColorGradientDirection;
+    angle?: number;
+    size?: ColorGradientSize;
+    shape?: ColorGradientShape;
+    hoverEffect?: boolean;
+    cover?: boolean;
+    interactive?: boolean;
+    label?: string;
+    width?: string;
+    height?: string;
+    onClick?: () => void;
+    onCopy?: (colors: {
+        start?: string;
+        middle?: string;
+        end?: string;
+    }) => void;
+    hydrate?: boolean;
+}
+//# sourceMappingURL=ColorGradient.types.d.ts.map

package/dist/components/ColorGradient/ColorGradient.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorGradient.types.d.ts","sourceRoot":"","sources":["../../../components/ColorGradient/ColorGradient.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,sBAAsB,GAC9B,MAAM,GACN,MAAM,GACN,MAAM,GACN,MAAM,GACN,OAAO,GACP,OAAO,GACP,OAAO,GACP,OAAO,CAAC;AAEZ,MAAM,MAAM,oBAAoB,GAC5B,QAAQ,GACR,SAAS,GACT,WAAW,GACX,SAAS,GACT,QAAQ,GACR,SAAS,GACT,MAAM,GACN,MAAM,GACN,OAAO,CAAC;AAEZ,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE/D,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,SAAS,CAAC,EAAE,sBAAsB,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/dist/components/ColorGradient/ColorGradient.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ColorGradient.types.js.map

package/dist/components/ColorGradient/ColorGradient.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorGradient.types.js","sourceRoot":"","sources":["../../../components/ColorGradient/ColorGradient.types.ts"],"names":[],"mappings":""}

package/dist/components/ColorPalette/ColorPalette.d.ts

@@ -0,0 +1,19 @@
+import { BaseComponent } from "../../core/BaseComponent.js";
+import { ColorPaletteOptions } from "./ColorPalette.types.js";
+export declare class ColorPalette extends BaseComponent {
+    private options;
+    private swatches;
+    private isInteractive;
+    private selectedValue?;
+    private hydrated;
+    constructor(options: ColorPaletteOptions);
+    init(): void;
+    destroy(): void;
+    private applyBaseClasses;
+    private renderSwatches;
+    private normalizeSwatches;
+    private handleSwatchClick;
+    private teardown;
+    private tryHydrate;
+}
+//# sourceMappingURL=ColorPalette.d.ts.map

package/dist/components/ColorPalette/ColorPalette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPalette.d.ts","sourceRoot":"","sources":["../../../components/ColorPalette/ColorPalette.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAsB,MAAM,yBAAyB,CAAC;AAElF,qBAAa,YAAa,SAAQ,aAAa;IAC7C,OAAO,CAAC,OAAO,CAAsB;IACrC,OAAO,CAAC,QAAQ,CAA4B;IAC5C,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,aAAa,CAAC,CAAS;IAC/B,OAAO,CAAC,QAAQ,CAAS;gBAEb,OAAO,EAAE,mBAAmB;IAKxC,IAAI,IAAI,IAAI;IAgBZ,OAAO,IAAI,IAAI;IAIf,OAAO,CAAC,gBAAgB;IAqBxB,OAAO,CAAC,cAAc;IAyDtB,OAAO,CAAC,iBAAiB;IAmBzB,OAAO,CAAC,iBAAiB,CAoBvB;IAEF,OAAO,CAAC,QAAQ;IAWhB,OAAO,CAAC,UAAU;CA0CnB"}