@alegendstale/holly-components 0.2.2

package/dist/components/canvas/canvas-gradient.d.ts

@@ -0,0 +1,20 @@
+import { Direction } from '../color-palette/color-palette-utils';
+import { CanvasBase } from './canvas-base';
+import { PropertyValues } from 'lit';
+export declare class CanvasGradient extends CanvasBase {
+    colors: string[];
+    height: number;
+    width: number;
+    direction: Direction;
+    protected updated(_changedProperties: PropertyValues): void;
+    /**
+     * Creates a new gradient canvas
+     */
+    createGradient(colors: string[], height: number, width: number, direction: Direction): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'canvas-gradient': CanvasGradient;
+    }
+}
+//# sourceMappingURL=canvas-gradient.d.ts.map

package/dist/components/canvas/canvas-gradient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas-gradient.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/canvas-gradient.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAGjE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAErC,qBACa,cAAe,SAAQ,UAAU;IAE7C,MAAM,EAAE,MAAM,EAAE,CAAM;IAGtB,MAAM,EAAE,MAAM,CAAK;IAGnB,KAAK,EAAE,MAAM,CAAK;IAGlB,SAAS,EAAE,SAAS,CAAoB;IAExC,SAAS,CAAC,OAAO,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAM3D;;OAEG;IACI,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS;CAyB3F;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,iBAAiB,EAAE,cAAc,CAAC;KAClC;CACD"}

package/dist/components/canvas/canvas-gradient.js

@@ -0,0 +1,47 @@
+import { Direction as l } from "../color-palette/color-palette-utils.js";
+import d from "validate-color";
+import { property as c, customElement as f } from "lit/decorators.js";
+import { CanvasBase as u } from "./canvas-base.js";
+var m = Object.defineProperty, v = Object.getOwnPropertyDescriptor, p = (r, e, o, i) => {
+  for (var t = i > 1 ? void 0 : i ? v(e, o) : e, s = r.length - 1, a; s >= 0; s--)
+    (a = r[s]) && (t = (i ? a(e, o, t) : a(t)) || t);
+  return i && t && m(e, o, t), t;
+};
+let n = class extends u {
+  constructor() {
+    super(...arguments), this.colors = [], this.height = 0, this.width = 0, this.direction = l.Column;
+  }
+  updated(r) {
+    super.updated(r), this.createGradient(this.colors, this.height, this.width, this.direction);
+  }
+  /**
+   * Creates a new gradient canvas
+   */
+  createGradient(r, e, o, i) {
+    if (!this.context) return;
+    this.canvas.height = e, this.canvas.width = o;
+    let t = i === l.Column ? this.context.createLinearGradient(0, 0, o, 0) : this.context.createLinearGradient(0, 0, 0, e), s = [];
+    for (const [a, h] of r.entries())
+      d(h) && (t.addColorStop(a / (r.length - 1), h), s.push(h));
+    if (s.length <= 1) throw new Error("There are not enough valid color stops to create the gradient.");
+    this.context.fillStyle = t || "#000", this.context.fillRect(0, 0, o, e), this.canvas.classList.add("gradient"), this.canvas.style.setProperty("--palette-column-flex-basis", (e / r.length / 2).toString() + "px");
+  }
+};
+p([
+  c({ type: Array })
+], n.prototype, "colors", 2);
+p([
+  c({ type: Number })
+], n.prototype, "height", 2);
+p([
+  c({ type: Number })
+], n.prototype, "width", 2);
+p([
+  c({ type: String })
+], n.prototype, "direction", 2);
+n = p([
+  f("canvas-gradient")
+], n);
+export {
+  n as CanvasGradient
+};

package/dist/components/canvas/canvas-image.d.ts

@@ -0,0 +1,49 @@
+import { PropertyValues } from 'lit';
+import quantize from 'quantize';
+import { CanvasBase } from './canvas-base';
+export declare class CanvasImage extends CanvasBase {
+    static styles: import("lit").CSSResult[];
+    image: HTMLImageElement;
+    imageURL: string;
+    smoothing: boolean;
+    private loading;
+    width: number;
+    height: number;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import("lit-html").TemplateResult<1>;
+    /**
+     * Updates & loads the canvas image.
+     * Attempts to preserve aspect ratio based on width.
+     * @param width The canvas width
+     * @param height The canvas height
+     */
+    updateImage(imageURL: string, width: number, height: number): void;
+    /**
+     * Gets the most frequent colors in an image
+     * @param numColors Number of colors to return
+     * @param quality Artificially reduce number of pixels (higher = less accurate but faster)
+     * @returns Most frequent colors
+     */
+    getPalette(numColors?: number, quality?: number): Promise<quantize.RgbPixel[] | null>;
+    /**
+     * Creates an array of pixels from the image
+     * Inspired by colorthief
+     * @param quality Artificially reduce number of pixels (higher = less accurate but faster)
+     * @returns
+     */
+    createPixelArray(quality: number): Promise<quantize.RgbPixel[] | null>;
+    /**
+     * Gets the image data from the canvas
+     */
+    getImageData(x?: number, y?: number): Promise<ImageData>;
+    /**
+     * Waits for loading variable to equal true
+     */
+    private waitForLoading;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'canvas-image': CanvasImage;
+    }
+}
+//# sourceMappingURL=canvas-image.d.ts.map

package/dist/components/canvas/canvas-image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas-image.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/canvas-image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhD,OAAO,QAAsB,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,qBACa,WAAY,SAAQ,UAAU;IAC1C,MAAM,CAAC,MAAM,4BAeX;IAGF,KAAK,EAAG,gBAAgB,CAAC;IAGzB,QAAQ,EAAE,MAAM,CAAM;IAGtB,SAAS,EAAE,OAAO,CAAS;IAE3B,OAAO,CAAC,OAAO,CAAiB;IAChC,KAAK,EAAE,MAAM,CAAK;IAClB,MAAM,EAAE,MAAM,CAAK;IAEnB,SAAS,CAAC,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAOhE,MAAM;IAYN;;;;;OAKG;IACI,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAyBlE;;;;;OAKG;IACU,UAAU,CAAC,SAAS,SAAI,EAAE,OAAO,SAAK;IAqBnD;;;;;OAKG;IACU,gBAAgB,CAAC,OAAO,EAAE,MAAM;IAuB7C;;OAEG;IACU,YAAY,CAAC,CAAC,SAAI,EAAE,CAAC,SAAI;IAStC;;OAEG;IACH,OAAO,CAAC,cAAc,CAQnB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,cAAc,EAAE,WAAW,CAAC;KAC5B;CACD"}

package/dist/components/canvas/canvas-image.js

@@ -0,0 +1,117 @@
+import { css as p, html as w } from "lit";
+import { query as u, property as m, customElement as f } from "lit/decorators.js";
+import y from "quantize";
+import { CanvasBase as v } from "./canvas-base.js";
+var x = Object.defineProperty, L = Object.getOwnPropertyDescriptor, h = (e, a, i, s) => {
+  for (var t = s > 1 ? void 0 : s ? L(a, i) : a, r = e.length - 1, n; r >= 0; r--)
+    (n = e[r]) && (t = (s ? n(a, i, t) : n(t)) || t);
+  return s && t && x(a, i, t), t;
+};
+let o = class extends v {
+  constructor() {
+    super(...arguments), this.imageURL = "", this.smoothing = !1, this.loading = !0, this.width = 0, this.height = 0, this.waitForLoading = () => new Promise((e) => {
+      const a = setInterval(() => {
+        this.loading || (clearInterval(a), e(!0));
+      }, 100);
+    });
+  }
+  firstUpdated(e) {
+    super.firstUpdated(e), this.canvas.classList.add("image"), this.context.imageSmoothingEnabled = this.smoothing;
+  }
+  render() {
+    return w`
+			${super.render()}
+			<img
+				src=${this.imageURL}
+				crossorigin='anonymous'
+				@load=${() => this.loading = !1}
+			>
+		`;
+  }
+  /**
+   * Updates & loads the canvas image.
+   * Attempts to preserve aspect ratio based on width.
+   * @param width The canvas width
+   * @param height The canvas height
+   */
+  updateImage(e, a, i) {
+    this.image.src = e, this.waitForLoading().then(() => {
+      const s = this.image.naturalHeight / this.image.naturalWidth;
+      let t = a, r = t * s;
+      r > i && (t = i / s, r = i), this.width = this.canvas.width = t, this.height = this.canvas.height = r, this.context.drawImage(this.image, 0, 0, t, r);
+    });
+  }
+  /**
+   * Gets the most frequent colors in an image
+   * @param numColors Number of colors to return
+   * @param quality Artificially reduce number of pixels (higher = less accurate but faster)
+   * @returns Most frequent colors
+   */
+  async getPalette(e = 7, a = 10) {
+    const i = e <= 7 ? e : e + 1;
+    await this.waitForLoading();
+    const s = await this.createPixelArray(a);
+    if (!s) return null;
+    const t = y(s, i);
+    return t ? t.palette() : [];
+  }
+  /**
+   * Creates an array of pixels from the image
+   * Inspired by colorthief
+   * @param quality Artificially reduce number of pixels (higher = less accurate but faster)
+   * @returns
+   */
+  async createPixelArray(e) {
+    var t;
+    await this.waitForLoading();
+    const a = [], i = (t = await this.getImageData()) == null ? void 0 : t.data;
+    if (!i) return null;
+    const s = this.height * this.width;
+    for (let r = 0; r < s; r += e) {
+      const n = r * 4, [g, c, l, d] = [i[n + 0], i[n + 1], i[n + 2], i[n + 3]];
+      (typeof d > "u" || d >= 125) && (g > 250 && c > 250 && l > 250 || a.push([g, c, l]));
+    }
+    return a;
+  }
+  /**
+   * Gets the image data from the canvas
+   */
+  async getImageData(e = 0, a = 0) {
+    try {
+      return await this.waitForLoading(), this.context.getImageData(e, a, this.width, this.height);
+    } catch {
+      throw new Error("Failed to get image data.");
+    }
+  }
+};
+o.styles = [
+  p`
+			:host {
+				display: block;
+			}
+			
+			/* Hide when width hasn't been set */
+			canvas:not([width]) {
+				display: none;
+			}
+
+			img {
+				display: none;
+			}
+		`
+];
+h([
+  u("img")
+], o.prototype, "image", 2);
+h([
+  m({ type: String })
+], o.prototype, "imageURL", 2);
+h([
+  m({ type: Boolean })
+], o.prototype, "smoothing", 2);
+o = h([
+  f("canvas-image")
+], o);
+export {
+  o as CanvasImage
+};

package/dist/components/canvas/index.d.ts

@@ -0,0 +1,3 @@
+import './canvas-gradient';
+import './canvas-image';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/canvas/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/index.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAA;AAC1B,OAAO,gBAAgB,CAAA"}

package/dist/components/carousel-scroller/carousel-scroller.d.ts

@@ -0,0 +1,29 @@
+import { LitElement } from 'lit';
+import { EventEmitter } from '../../utils/EventEmitter';
+type EventMap = {
+    slotsLoaded: [slotChildren: HTMLElement[]];
+};
+export interface CarouselContainerProps {
+}
+export declare class CarouselScroller extends LitElement {
+    static styles: import("lit").CSSResult;
+    slotEl: HTMLSlotElement;
+    slotChildren: HTMLElement[];
+    emitter: EventEmitter<EventMap>;
+    currentSlide: number;
+    debouncers: WeakMap<object, any>;
+    constructor();
+    disconnectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    getCurrentSlide(): HTMLElement;
+    scrollToPrevSlide(): void;
+    scrollToNextSlide(): void;
+    slotChange(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'carousel-scroller': CarouselScroller;
+    }
+}
+export {};
+//# sourceMappingURL=carousel-scroller.d.ts.map

package/dist/components/carousel-scroller/carousel-scroller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-scroller.d.ts","sourceRoot":"","sources":["../../../src/components/carousel-scroller/carousel-scroller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,KAAK,QAAQ,GAAG;IACf,WAAW,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,CAAC,CAAC;CAC3C,CAAC;AAEF,MAAM,WAAW,sBAAsB;CAAG;AAE1C,qBACa,gBAAiB,SAAQ,UAAU;IAC/C,MAAM,CAAC,MAAM,0BAgEX;IAGF,MAAM,EAAG,eAAe,CAAC;IAEzB,YAAY,EAAE,WAAW,EAAE,CAAM;IAC1B,OAAO,yBAAgC;IAC9C,YAAY,SAAK;IACjB,UAAU,uBAAiB;;IAU3B,oBAAoB,IAAI,IAAI;IAK5B,MAAM;IAYN,eAAe;IAIf,iBAAiB;IAUjB,iBAAiB;IAUjB,UAAU;CAaV;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,gBAAgB,CAAA;KACrC;CACD"}

package/dist/components/carousel-scroller/carousel-scroller.js

@@ -0,0 +1,125 @@
+import { css as a, LitElement as c, html as h } from "lit";
+import { query as p, customElement as u } from "lit/decorators.js";
+import { EventEmitter as m } from "../../utils/EventEmitter.js";
+var g = Object.defineProperty, b = Object.getOwnPropertyDescriptor, d = (t, r, i, o) => {
+  for (var e = o > 1 ? void 0 : o ? b(r, i) : r, s = t.length - 1, n; s >= 0; s--)
+    (n = t[s]) && (e = (o ? n(r, i, e) : n(e)) || e);
+  return o && e && g(r, i, e), e;
+};
+let l = class extends c {
+  constructor() {
+    super(), this.slotChildren = [], this.emitter = new m(), this.currentSlide = 0, this.debouncers = /* @__PURE__ */ new WeakMap(), this.emitter.on("slotsLoaded", (t) => {
+      this.slotChildren = t;
+    });
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.emitter.clear();
+  }
+  render() {
+    return h`
+			<div class="container">
+				<button @click=${this.scrollToPrevSlide}><</button>
+				<button @click=${this.scrollToNextSlide}>></button>
+				<div>
+					<slot @slotchange=${this.slotChange}></slot>
+				</div>
+			</div>
+		`;
+  }
+  getCurrentSlide() {
+    return this.slotChildren[this.currentSlide - 1];
+  }
+  scrollToPrevSlide() {
+    var t;
+    this.currentSlide = this.currentSlide === 0 ? this.currentSlide = this.slotChildren.length - 1 : this.currentSlide - 1, (t = this.slotChildren.at(this.currentSlide)) == null || t.scrollIntoView({ behavior: "smooth", block: "nearest" });
+  }
+  scrollToNextSlide() {
+    var t;
+    this.currentSlide = this.currentSlide === this.slotChildren.length - 1 ? 0 : this.currentSlide + 1, (t = this.slotChildren.at(this.currentSlide)) == null || t.scrollIntoView({ behavior: "smooth", block: "nearest" });
+  }
+  slotChange() {
+    const t = Array.from(
+      this.slotEl.assignedElements().map((i) => i)
+    );
+    clearTimeout(this.debouncers.get(this.slotEl));
+    const r = setTimeout(
+      () => this.emitter.emit("slotsLoaded", t),
+      100
+    );
+    this.debouncers.set(this.slotEl, r);
+  }
+};
+l.styles = a`
+		:host {
+			--padding: 40px;
+			--margin: 80px;
+		}
+
+		.container {
+			width: 600px;
+			height: 400px;
+			margin: 20px;
+			border-radius: 20px;
+			overflow: hidden;
+			position: relative;
+
+			& > button {
+				position: absolute;
+				width: var(--padding);
+				height: calc(var(--padding) * 2);
+				z-index: 1;
+				background-color: #00000080;
+				border: none;
+				bottom: calc(50% - var(--padding));
+				font-size: 32px;
+
+				&:hover {
+					background-color: #6352b880;
+				}
+
+				&:nth-child(1) {
+					left: 0;
+					border-top-right-radius: 314px;
+					border-bottom-right-radius: 314px;
+				}
+
+				&:nth-child(2) {
+					right: 0;
+					border-top-left-radius: 314px;
+					border-bottom-left-radius: 314px;
+				}
+			}
+
+			& > div {
+				display: flex;
+				overflow-x: scroll;
+				position: relative;
+				scroll-behavior: smooth;
+				scroll-snap-type: x mandatory;
+				scrollbar-width: none;
+				padding: 0 var(--padding);
+			}
+
+			::slotted(*) {
+				display: flex;
+				flex-direction: column;
+				justify-content: center;
+				min-height: calc(400px - var(--margin));
+				min-width: calc(600px - var(--margin));
+				max-height: calc(400px - var(--margin));
+				max-width: calc(600px - var(--margin));
+				background: white;
+				scroll-snap-align: center;
+				padding: calc(var(--margin) / 2);
+			}
+		}
+	`;
+d([
+  p("slot")
+], l.prototype, "slotEl", 2);
+l = d([
+  u("carousel-scroller")
+], l);
+export {
+  l as CarouselScroller
+};

package/dist/components/carousel-scroller/carousel-scroller.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+type Props = {
+    items: any[];
+};
+type Story = StoryObj<Props>;
+export declare const Empty: Story;
+export declare const OneItem: Story;
+export declare const ManyItems: Story;
+//# sourceMappingURL=carousel-scroller.stories.d.ts.map

package/dist/components/carousel-scroller/carousel-scroller.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-scroller.stories.d.ts","sourceRoot":"","sources":["../../../src/components/carousel-scroller/carousel-scroller.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG;IAAE,KAAK,EAAE,GAAG,EAAE,CAAA;CAAE,CAAC;AAE9B,KAAK,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAkB7B,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC"}

package/dist/components/carousel-scroller/index.d.ts

@@ -0,0 +1,2 @@
+import './carousel-scroller';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/carousel-scroller/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/carousel-scroller/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAA"}

package/dist/components/color-palette/color-palette-utils.d.ts

@@ -0,0 +1,69 @@
+export declare enum Direction {
+    Row = "row",
+    Column = "column"
+}
+export declare enum AliasMode {
+    Both = "Both",
+    Alias = "Prefer Alias"
+}
+export declare enum CopyFormat {
+    Raw = "Raw",
+    Value = "Value"
+}
+export interface ColorPaletteSettings {
+    noticeDuration: number;
+    errorPulse: boolean;
+    aliasMode: AliasMode;
+    corners: boolean;
+    hoverWhileEditing: boolean;
+    reloadDelay: number;
+    copyFormat: CopyFormat;
+    height: number;
+    width: number;
+    direction: Direction;
+    gradient: boolean;
+    preventHover: boolean;
+    override: boolean;
+}
+export declare const defaultSettings: ColorPaletteSettings;
+export type PaletteSettings = {
+    height: number;
+    width: number;
+    direction: Direction;
+    gradient: boolean;
+    preventHover: boolean;
+    override: boolean;
+    aliases: string[];
+};
+export declare enum Status {
+    VALID = "Valid",
+    INVALID_COLORS = "Invalid Colors",
+    INVALID_SETTINGS = "Invalid Settings",
+    INVALID_COLORS_AND_SETTINGS = "Invalid Colors & Settings",
+    INVALID_GRADIENT = "Invalid Gradient"
+}
+export declare const urlRegex: RegExp;
+export declare class PaletteError extends Error {
+    status: Status;
+    constructor(status: Status, message?: string);
+}
+/**
+ * Parses input & extracts settings
+ * @param input settings from codeblock
+ * @returns PaletteSettings or Status if settings are not valid
+ */
+export declare function parseSettings(input: string): PaletteSettings | Status;
+/**
+* Parses input & extracts colors based on color space or URL
+* @param input colors from codeblock
+* @returns Array of colors or Status if colors are not valid
+*/
+export declare function parseColors(input: string[], override: boolean): string[] | Status;
+/**
+* Calculates colors and settings based on codeblock contents
+*/
+export declare function calcColorsAndSettings(input: string, pluginSettings: ColorPaletteSettings): {
+    colors: string[] | Status;
+    settings: PaletteSettings | Status | undefined;
+};
+//# sourceMappingURL=color-palette-utils.d.ts.map

package/dist/components/color-palette/color-palette-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-palette-utils.d.ts","sourceRoot":"","sources":["../../../src/components/color-palette/color-palette-utils.ts"],"names":[],"mappings":"AAGA,oBAAY,SAAS;IACpB,GAAG,QAAQ;IACX,MAAM,WAAW;CACjB;AAED,oBAAY,SAAS;IACnB,IAAI,SAAS;IACb,KAAK,iBAAiB;CACvB;AAED,oBAAY,UAAU;IACpB,GAAG,QAAQ;IACX,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,oBAAoB;IACnC,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,SAAS,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,eAAe,EAAE,oBAc7B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,EAAE,CAAC;CAClB,CAAC;AAEF,oBAAY,MAAM;IACjB,KAAK,UAAU;IACf,cAAc,mBAAmB;IACjC,gBAAgB,qBAAqB;IACrC,2BAA2B,8BAA8B;IACzD,gBAAgB,qBAAqB;CACrC;AAED,eAAO,MAAM,QAAQ,QAAyJ,CAAA;AAE9K,qBAAa,YAAa,SAAQ,KAAK;IACtC,MAAM,EAAE,MAAM,CAAC;gBAEH,MAAM,EAAE,MAAM,EAAE,OAAO,SAAK;CAIxC;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,eAAe,GAAG,MAAM,CAQrE;AAED;;;;EAIE;AACF,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,MAAM,CA8BjF;AAED;;EAEE;AACF,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,oBAAoB;;;EAaxF"}

package/dist/components/color-palette/color-palette-utils.js

@@ -0,0 +1,43 @@
+import { parseUrl as i } from "../../utils/basicUtils.js";
+import n from "validate-color";
+var s = /* @__PURE__ */ ((r) => (r.Row = "row", r.Column = "column", r))(s || {}), u = /* @__PURE__ */ ((r) => (r.Both = "Both", r.Alias = "Prefer Alias", r))(u || {}), f = /* @__PURE__ */ ((r) => (r.Raw = "Raw", r.Value = "Value", r))(f || {});
+const v = {
+  noticeDuration: 1e4,
+  errorPulse: !0,
+  aliasMode: "Both",
+  corners: !0,
+  hoverWhileEditing: !1,
+  reloadDelay: 5,
+  copyFormat: "Raw",
+  height: 150,
+  width: 700,
+  direction: "column",
+  gradient: !1,
+  preventHover: !1,
+  override: !1
+};
+var p = /* @__PURE__ */ ((r) => (r.VALID = "Valid", r.INVALID_COLORS = "Invalid Colors", r.INVALID_SETTINGS = "Invalid Settings", r.INVALID_COLORS_AND_SETTINGS = "Invalid Colors & Settings", r.INVALID_GRADIENT = "Invalid Gradient", r))(p || {});
+const d = /(?:https:\/\/www\.|http:\/\/www\.|https:\/\/|http:\/\/)?[a-zA-Z0-9]{2,}(?:\.[a-zA-Z0-9]{2,})(?:\.[a-zA-Z0-9]{2,})?\/(?:palette\/)?([a-zA-Z0-9-]{2,})/;
+class h extends Error {
+  constructor(l, t = "") {
+    super(t), this.status = l;
+  }
+}
+function w(r, l) {
+  let t = r.flatMap((e) => e.includes("(") ? e.split(";").flatMap((a) => a.trim()).filter((a) => a !== "") : e.split(",").flatMap((a) => a.trim())).flatMap((e) => e.trim().replace(";", ""));
+  const o = t.join("");
+  if (o.match(d)) return i(o);
+  for (let e of t)
+    if (!n(e)) return "Invalid Colors";
+  return t;
+}
+export {
+  u as AliasMode,
+  f as CopyFormat,
+  s as Direction,
+  h as PaletteError,
+  p as Status,
+  v as defaultSettings,
+  w as parseColors,
+  d as urlRegex
+};

package/dist/components/color-palette/color-palette.d.ts

@@ -0,0 +1,61 @@
+import { LitElement, TemplateResult, nothing, PropertyValues } from 'lit';
+import { ColorPaletteSettings, Direction, PaletteSettings, Status } from './color-palette-utils';
+import { EventEmitter } from '../../utils/EventEmitter';
+type EventMap = {
+    resized: [palette: ResizeObserverEntry];
+    changed: [colors: string[], settings: PaletteSettings];
+    editMode: [editMode: boolean];
+    notice: [message: string];
+};
+export declare class ColorPalette extends LitElement {
+    static styles: import("lit").CSSResult[];
+    palette: HTMLDivElement;
+    _editMode: boolean;
+    set editMode(val: boolean);
+    get editMode(): boolean;
+    colors: string[];
+    height: number;
+    width: number;
+    direction: Direction;
+    gradient: boolean;
+    preventHover: boolean;
+    override: boolean;
+    aliases: string[];
+    maxWidth: number;
+    /**
+     * Helper accessor for settings
+     */
+    set settings({ height, width, direction, gradient, preventHover, override, aliases }: PaletteSettings);
+    get settings(): PaletteSettings;
+    status: Status;
+    private pulse;
+    emitter: EventEmitter<EventMap>;
+    pluginSettings: ColorPaletteSettings;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected willUpdate(_changedProperties: PropertyValues): void;
+    /**
+     * Sets the current status and parses colors
+     */
+    setStatusAndColors(): void;
+    render(): TemplateResult<1>;
+    /**
+    * @returns `user` OR `auto` width based on which is more appropriate
+    */
+    getPaletteWidth(): number;
+    createPalette: () => TemplateResult | typeof nothing;
+    createColors(): TemplateResult;
+    createGradient(): TemplateResult;
+    /**
+     * Create invalid palette based on palette status
+     * @param type Palette status type
+     */
+    createInvalidPalette(type: Status, message?: string): TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'color-palette': ColorPalette;
+    }
+}
+export {};
+//# sourceMappingURL=color-palette.d.ts.map

package/dist/components/color-palette/color-palette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-palette.d.ts","sourceRoot":"","sources":["../../../src/components/color-palette/color-palette.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,OAAO,EAAO,cAAc,EAAE,MAAM,KAAK,CAAC;AAIrF,OAAO,EAAE,oBAAoB,EAAmB,SAAS,EAAgB,eAAe,EAAe,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAI7I,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAOxD,KAAK,QAAQ,GAAG;IACf,OAAO,EAAE,CAAC,OAAO,EAAE,mBAAmB,CAAC,CAAC;IACxC,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC;IACvD,QAAQ,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IAC9B,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;CAC1B,CAAC;AAEF,qBACa,YAAa,SAAQ,UAAU;IAC3C,MAAM,CAAC,MAAM,4BA2FX;IAGF,OAAO,EAAG,cAAc,CAAC;IAEzB,SAAS,EAAE,OAAO,CAAS;IAC3B,IACI,QAAQ,CAAC,GAAG,EAAE,OAAO,EAGxB;IACD,IAAI,QAAQ,IAJM,OAAO,CAMxB;IAGD,MAAM,EAAE,MAAM,EAAE,CAAM;IAItB,MAAM,EAAE,MAAM,CAA0B;IAExC,KAAK,EAAE,MAAM,CAAyB;IAEtC,SAAS,EAAE,SAAS,CAA6B;IAEjD,QAAQ,EAAE,OAAO,CAAS;IAE1B,YAAY,EAAE,OAAO,CAAS;IAE9B,QAAQ,EAAE,OAAO,CAAS;IAE1B,OAAO,EAAE,MAAM,EAAE,CAAM;IAGvB,QAAQ,EAAE,MAAM,CAAK;IAErB;;OAEG;IACH,IAAW,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,eAAe,EAQ3G;IACD,IAAW,QAAQ,IAAI,eAAe,CAUrC;IAGM,MAAM,EAAE,MAAM,CAAgB;IAGrC,OAAO,CAAC,KAAK,CAAkB;IAExB,OAAO,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAgC;IAGtE,cAAc,EAAE,oBAAoB,CAAmB;IAEvD,iBAAiB,IAAI,IAAI;IAYzB,oBAAoB,IAAI,IAAI;IAK5B,SAAS,CAAC,UAAU,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAM9D;;OAEG;IACH,kBAAkB;IA6BlB,MAAM;IA2BN;;MAEE;IACK,eAAe;IAOtB,aAAa,QAAO,cAAc,GAAG,OAAO,OAAO,CAcjD;IAEF,YAAY,IAAI,cAAc;IAyE9B,cAAc,IAAI,cAAc;IAqChC;;;OAGG;IACH,oBAAoB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,SAAK;CAyB/C;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,eAAe,EAAE,YAAY,CAAC;KAC9B;CACD"}