@alegendstale/holly-components 2.0.2 → 2.0.4

package/dist/components/color-palette/menu/color-palette-reorder.styles.js

@@ -1,31 +1,34 @@
-import { css } from 'lit';
-export default css `
-	:host {
-		display: block;
-	}
-
-	menu {
-		display: flex;
-		flex-direction: column;
-		gap: 0.5rem;
-		background-color: rgb(27, 27, 27);
-		padding: 0.5rem;
-		border-radius: 5px;
-
-		button {
-			color: rgb(245, 245, 245);
-			background-color: transparent;
-			border: none;
-			padding: 4px 12px;
-			cursor: pointer;
-
-			&:hover {
-				background-color: rgb(75, 75, 75);
-			}
-
-			span {
-				font-size: 14px;
-			}
-		}
-	}
+import { css as o } from "lit";
+const n = o`
+	:host {
+		display: block;
+	}
+
+	menu {
+		display: flex;
+		flex-direction: column;
+		gap: 0.5rem;
+		background-color: rgb(27, 27, 27);
+		padding: 0.5rem;
+		border-radius: 5px;
+
+		button {
+			color: rgb(245, 245, 245);
+			background-color: transparent;
+			border: none;
+			padding: 4px 12px;
+			cursor: pointer;
+
+			&:hover {
+				background-color: rgb(75, 75, 75);
+			}
+
+			span {
+				font-size: 14px;
+			}
+		}
+	}
 `;
+export {
+  n as default
+};

package/dist/components/draw-svg/draw-svg.js

@@ -1,54 +1,37 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
+import { state as v, customElement as p } from "lit/decorators.js";
+import { ResponsiveSvg as l } from "../responsive-svg/responsive-svg.js";
+import { EventEmitter as m } from "../../utils/EventEmitter.js";
+import g from "./draw-svg.styles.js";
+var b = Object.defineProperty, f = Object.getOwnPropertyDescriptor, a = (s, t, n, r) => {
+  for (var e = r > 1 ? void 0 : r ? f(t, n) : t, c = s.length - 1, o; c >= 0; c--)
+    (o = s[c]) && (e = (r ? o(t, n, e) : o(e)) || e);
+  return r && e && b(t, n, e), e;
 };
-import { customElement, state } from 'lit/decorators.js';
-import { ResponsiveSvg } from '../responsive-svg/responsive-svg.js';
-import { EventEmitter } from '../../utils/EventEmitter.js';
-import styles from './draw-svg.styles.js';
-/**
- * Animates the provided SVG paths as if they were being drawn.
- *
- * @dependency responsive-svg
- *
- * @event {boolean} intersection - Emits when the component enters or leaves the viewport.
- * @prop emitter
- */
-let DrawSvg = class DrawSvg extends ResponsiveSvg {
-    constructor() {
-        super(...arguments);
-        /** Whether the SVG is intersecting with the client viewport. Useful for determining when to animate. */
-        this.isIntersecting = false;
-        /** @internal */
-        this.intersectionObserver = new IntersectionObserver(([entry]) => {
-            this.isIntersecting = entry.isIntersecting;
-            this.emitter.emit('intersection', entry.isIntersecting);
-        });
-        /** Public way to subscribe to events. */
-        this.emitter = new EventEmitter();
-    }
-    static { this.styles = [...ResponsiveSvg.styles, styles]; }
-    svgClasses() {
-        super.svgClasses();
-        return {
-            animation: this.isIntersecting
-        };
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.intersectionObserver.observe(this);
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.intersectionObserver.disconnect();
-    }
+let i = class extends l {
+  constructor() {
+    super(...arguments), this.isIntersecting = !1, this.intersectionObserver = new IntersectionObserver(([s]) => {
+      this.isIntersecting = s.isIntersecting, this.emitter.emit("intersection", s.isIntersecting);
+    }), this.emitter = new m();
+  }
+  svgClasses() {
+    return super.svgClasses(), {
+      animation: this.isIntersecting
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.intersectionObserver.observe(this);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.intersectionObserver.disconnect();
+  }
+};
+i.styles = [...l.styles, g];
+a([
+  v()
+], i.prototype, "isIntersecting", 2);
+i = a([
+  p("draw-svg")
+], i);
+export {
+  i as DrawSvg
 };
-__decorate([
-    state()
-], DrawSvg.prototype, "isIntersecting", void 0);
-DrawSvg = __decorate([
-    customElement('draw-svg')
-], DrawSvg);
-export { DrawSvg };

package/dist/components/draw-svg/draw-svg.styles.js

@@ -1,39 +1,42 @@
-import { css } from 'lit';
-export default css `
-	:host {
-		stroke: white;
-		fill: white;
-	}
-
-	/* Override responsive-svg path fill */
-	:host(:not([svgColors])) path {
-		fill: transparent;
-	}
-
-	path {
-		stroke-width: 2;
-		stroke-dasharray: 1000;
-		stroke-dashoffset: 1000;
-	}
-
-	.animation {
-		path {
-			animation: textAnimation 2s ease-in-out 1 forwards;
-			will-change: fill, stroke-width, stroke-dashoffset;
-		}
-	}
-
-	@keyframes textAnimation {
-		0% {
-			stroke-dashoffset: 1000;
-		}
-		60% {
-			fill: transparent;
-		}
-		100% {
-			fill: inherit;
-			stroke-dashoffset: 0;
-			stroke-width: 1;
-		}
-	}
+import { css as t } from "lit";
+const e = t`
+	:host {
+		stroke: white;
+		fill: white;
+	}
+
+	/* Override responsive-svg path fill */
+	:host(:not([svgColors])) path {
+		fill: transparent;
+	}
+
+	path {
+		stroke-width: 2;
+		stroke-dasharray: 1000;
+		stroke-dashoffset: 1000;
+	}
+
+	.animation {
+		path {
+			animation: textAnimation 2s ease-in-out 1 forwards;
+			will-change: fill, stroke-width, stroke-dashoffset;
+		}
+	}
+
+	@keyframes textAnimation {
+		0% {
+			stroke-dashoffset: 1000;
+		}
+		60% {
+			fill: transparent;
+		}
+		100% {
+			fill: inherit;
+			stroke-dashoffset: 0;
+			stroke-width: 1;
+		}
+	}
 `;
+export {
+  e as default
+};

package/dist/components/responsive-svg/responsive-svg.d.ts

@@ -1,4 +1,4 @@
-import { LitElement, TemplateResult } from 'lit';
+import { LitElement, TemplateResult, PropertyValues } from 'lit';
 type ViewBox = {
     x: number;
     y: number;
@@ -51,7 +51,7 @@ export declare class ResponsiveSvg extends LitElement {
     /** The viewBox dimensions the SVG will use. */
     protected viewBox: ViewBox;
     protected svgClasses(): {};
-    connectedCallback(): void;
+    protected willUpdate(_changedProperties: PropertyValues): void;
     render(): TemplateResult<1> | undefined;
     /** Applies a part name to all paths in the given element. */
     private applyPartToPaths;

package/dist/components/responsive-svg/responsive-svg.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"responsive-svg.d.ts","sourceRoot":"","sources":["../../../src/components/responsive-svg/responsive-svg.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAkB,MAAM,KAAK,CAAC;AAQvE,KAAK,OAAO,GAAG;IACd,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,+BAA+B,+HAKlC,CAAC;AAEX,eAAO,MAAM,iCAAiC,4BAA6B,CAAC;AAE5E,eAAO,MAAM,0BAA0B,+eAG7B,CAAC;AAEX,MAAM,MAAM,wBAAwB,GAAG,OAAO,+BAA+B,CAAC,MAAM,CAAC,CAAC;AACtF,MAAM,MAAM,0BAA0B,GAAG,OAAO,iCAAiC,CAAC,MAAM,CAAC,CAAC;AAC1F,MAAM,MAAM,mBAAmB,GAAG,OAAO,0BAA0B,CAAC,MAAM,CAAC,CAAC;AAC5E,MAAM,MAAM,oBAAoB,GAAG,GAAG,wBAAwB,IAAI,0BAA0B,EAAE,CAAC;AAQ/F;;;;;;;;;;;GAWG;AACH,qBACa,aAAc,SAAQ,UAAU;IAC5C,MAAM,CAAC,MAAM,4BAAY;IAEzB,kDAAkD;IAElD,OAAO,EAAE,OAAO,CAAS;IAEzB,yCAAyC;IAEzC,SAAS,EAAE,OAAO,CAAS;IAE3B,gBAAgB;IAChB,OAAO,CAAC,IAAI,CAAC,CAAiC;IAC9C;;;;OAIG;IACH,IACI,GAAG,CAAC,GAAG,EAAE,UAAU,GAAG,cAAc,CAAC,CAAC,CAAC,GAAG,MAAM,EASnD;IACD,IAAI,GAAG,IAVM,UAAU,GAAG,cAAc,CAAC,CAAC,CAAC,GAAG,MAAM,CAYnD;IAED,gBAAgB;IAChB,OAAO,CAAC,oBAAoB,CAAkC;IAC9D;;;;OAIG;IACH,IACI,mBAAmB,CAAC,GAAG,EAAE,mBAAmB,GAAG,SAAS,EAE3D;IACD,IAAI,mBAAmB,IAHM,mBAAmB,GAAG,SAAS,CAW3D;IAED,+CAA+C;IAC/C,SAAS,CAAC,OAAO,EAAE,OAAO,CAAuC;IAGjE,SAAS,CAAC,UAAU;IAIpB,iBAAiB,IAAI,IAAI;IAkBzB,MAAM;IAwCN,6DAA6D;IAC7D,OAAO,CAAC,gBAAgB;IAaxB;;;;OAIG;IACI,cAAc,CAAC,GAAG,EAAE,UAAU,GAAG,OAAO,GAAG,IAAI;CAMtD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,aAAa,CAAC;KAChC;CACD"}
+{"version":3,"file":"responsive-svg.d.ts","sourceRoot":"","sources":["../../../src/components/responsive-svg/responsive-svg.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAQvE,KAAK,OAAO,GAAG;IACd,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,+BAA+B,+HAKlC,CAAC;AAEX,eAAO,MAAM,iCAAiC,4BAA6B,CAAC;AAE5E,eAAO,MAAM,0BAA0B,+eAG7B,CAAC;AAEX,MAAM,MAAM,wBAAwB,GAAG,OAAO,+BAA+B,CAAC,MAAM,CAAC,CAAC;AACtF,MAAM,MAAM,0BAA0B,GAAG,OAAO,iCAAiC,CAAC,MAAM,CAAC,CAAC;AAC1F,MAAM,MAAM,mBAAmB,GAAG,OAAO,0BAA0B,CAAC,MAAM,CAAC,CAAC;AAC5E,MAAM,MAAM,oBAAoB,GAAG,GAAG,wBAAwB,IAAI,0BAA0B,EAAE,CAAC;AAQ/F;;;;;;;;;;;GAWG;AACH,qBACa,aAAc,SAAQ,UAAU;IAC5C,MAAM,CAAC,MAAM,4BAAY;IAEzB,kDAAkD;IAElD,OAAO,EAAE,OAAO,CAAS;IAEzB,yCAAyC;IAEzC,SAAS,EAAE,OAAO,CAAS;IAE3B,gBAAgB;IAChB,OAAO,CAAC,IAAI,CAAC,CAAiC;IAC9C;;;;OAIG;IACH,IACI,GAAG,CAAC,GAAG,EAAE,UAAU,GAAG,cAAc,CAAC,CAAC,CAAC,GAAG,MAAM,EASnD;IACD,IAAI,GAAG,IAVM,UAAU,GAAG,cAAc,CAAC,CAAC,CAAC,GAAG,MAAM,CAYnD;IAED,gBAAgB;IAChB,OAAO,CAAC,oBAAoB,CAAkC;IAC9D;;;;OAIG;IACH,IACI,mBAAmB,CAAC,GAAG,EAAE,mBAAmB,GAAG,SAAS,EAE3D;IACD,IAAI,mBAAmB,IAHM,mBAAmB,GAAG,SAAS,CAW3D;IAED,+CAA+C;IAC/C,SAAS,CAAC,OAAO,EAAE,OAAO,CAAuC;IAGjE,SAAS,CAAC,UAAU;IAIpB,SAAS,CAAC,UAAU,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAkB9D,MAAM;IAwCN,6DAA6D;IAC7D,OAAO,CAAC,gBAAgB;IAaxB;;;;OAIG;IACI,cAAc,CAAC,GAAG,EAAE,UAAU,GAAG,OAAO,GAAG,IAAI;CAMtD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,aAAa,CAAC;KAChC;CACD"}

package/dist/components/responsive-svg/responsive-svg.js

@@ -1,182 +1,130 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
+import { LitElement as g, html as c } from "lit";
+import { property as a, customElement as v } from "lit/decorators.js";
+import { styleMap as f } from "lit/directives/style-map.js";
+import { parseSVG as u } from "../../utils/basicUtils.js";
+import { classMap as m } from "lit/directives/class-map.js";
+import { isTemplateResult as x } from "lit/directive-helpers.js";
+import y from "./responsive-svg.styles.js";
+var d = Object.defineProperty, w = Object.getOwnPropertyDescriptor, n = (t, e, i, o) => {
+  for (var s = o > 1 ? void 0 : o ? w(e, i) : e, r = t.length - 1, h; r >= 0; r--)
+    (h = t[r]) && (s = (o ? h(e, i, s) : h(s)) || s);
+  return o && s && d(e, i, s), s;
 };
-import { LitElement, html } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { styleMap } from 'lit/directives/style-map.js';
-import { parseSVG } from '../../utils/basicUtils.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { isTemplateResult } from 'lit/directive-helpers.js';
-import styles from './responsive-svg.styles.js';
-export const preserveAspectRatioAlignOptions = [
-    "none",
-    "xMinYMin", "xMidYMin", "xMaxYMin",
-    "xMinYMid", "xMidYMid", "xMaxYMid",
-    "xMinYMax", "xMidYMax", "xMaxYMax",
-];
-export const preserveAspectRatioSpacingOptions = ["meet", "slice"];
-export const preserveAspectRatioOptions = [
-    ...preserveAspectRatioAlignOptions,
-    ...preserveAspectRatioAlignOptions.flatMap(align => preserveAspectRatioSpacingOptions.map(spacing => `${align} ${spacing}`))
-];
-const preserveAspectRatioSet = new Set(preserveAspectRatioOptions);
-function isPreserveAspectRatio(value) {
-    return preserveAspectRatioSet.has(value);
+const l = [
+  "none",
+  "xMinYMin",
+  "xMidYMin",
+  "xMaxYMin",
+  "xMinYMid",
+  "xMidYMid",
+  "xMaxYMid",
+  "xMinYMax",
+  "xMidYMax",
+  "xMaxYMax"
+], A = ["meet", "slice"], M = [
+  ...l,
+  ...l.flatMap((t) => A.map((e) => `${t} ${e}`))
+], _ = new Set(M);
+function R(t) {
+  return _.has(t);
 }
-/**
- * Responsively sizes SVGs to font-size or automatically fits them to the container.
- *
- * @cssprop {<length> (em)} --svg-width - Controls the width of the SVG. (Expects em value)
- * @cssprop {<length> (em)} --svg-height - Controls the height of the SVG. (Expects em value)
- * @cssprop {<length> (em)} --svg-width-fallback - Set by the component as a fallback in case --svg-width is not defined.
- * @cssprop {<length> (em)} --svg-height-fallback - Set by the component as a fallback in case --svg-height is not defined.
- * @cssprop {number} --scale - Controls the scale of the SVG when sized relative to font-size.
- *
- * @csspart __svg - Styles the SVG element.
- * @csspart __path - Styles all child path elements of the SVG.
- */
-let ResponsiveSvg = class ResponsiveSvg extends LitElement {
-    constructor() {
-        super(...arguments);
-        /** The SVG will attempt to fill its container. */
-        this.autofit = false;
-        /** Use the colors from the SVG input. */
-        this.svgColors = false;
-        /** The viewBox dimensions the SVG will use. */
-        this.viewBox = { x: 0, y: 0, width: 0, height: 0 };
+let p = class extends g {
+  constructor() {
+    super(...arguments), this.autofit = !1, this.svgColors = !1, this.viewBox = { x: 0, y: 0, width: 0, height: 0 };
+  }
+  set svg(t) {
+    const e = t instanceof SVGElement || x(t) ? t : u(t);
+    e instanceof Element && !(e instanceof SVGElement) || (this._svg = e);
+  }
+  get svg() {
+    return this._svg ?? "";
+  }
+  set preserveAspectRatio(t) {
+    this._preserveAspectRatio = t;
+  }
+  get preserveAspectRatio() {
+    if (this._preserveAspectRatio == null && this.svg instanceof SVGElement) {
+      const t = this.svg.getAttribute("preserveAspectRatio") || "";
+      if (R(t)) return t;
     }
-    static { this.styles = [styles]; }
-    /**
-     * The SVG to responsively size.
-     * Must use a property expression (.) to set
-     * @type {SVGElement | TemplateResult<2> | string}
-     */
-    set svg(val) {
-        const _svg = val instanceof SVGElement
-            ? val : isTemplateResult(val)
-            ? val : parseSVG(val);
-        // Parse error
-        if (_svg instanceof Element && !(_svg instanceof SVGElement))
-            return;
-        this._svg = _svg;
+    return this._preserveAspectRatio || "xMidYMid meet";
+  }
+  // For classes inheriting from responsive-svg (e.g. draw-svg)
+  svgClasses() {
+    return {};
+  }
+  willUpdate(t) {
+    if (super.willUpdate(t), this.svg instanceof SVGElement) {
+      const e = this.getViewBoxSize(this.svg), i = this.svg.getAttribute("width"), o = this.svg.getAttribute("height");
+      this.viewBox = e ?? { x: 0, y: 0, width: Number(i) || 0, height: Number(o) || 0 };
+    } else {
+      const e = this.style.getPropertyValue("--svg-width"), i = this.style.getPropertyValue("--svg-height");
+      this.viewBox = { x: 0, y: 0, width: parseFloat(e) || 0, height: parseFloat(i) || 0 };
     }
-    get svg() {
-        return this._svg ?? '';
-    }
-    /**
-     * Set whether SVG preserves its aspect ratio alignment or spacing.
-     * @type {PreserveAspectRatio}
-     * @default xMidYMid meet
-     */
-    set preserveAspectRatio(val) {
-        this._preserveAspectRatio = val;
-    }
-    get preserveAspectRatio() {
-        // Attempt to automatically get value from SVG
-        if (this._preserveAspectRatio == undefined && this.svg instanceof SVGElement) {
-            const attribute = this.svg.getAttribute('preserveAspectRatio') || '';
-            if (isPreserveAspectRatio(attribute))
-                return attribute;
-        }
-        // Otherwise return the preserveAspectRatio the user set OR default value
-        return this._preserveAspectRatio || 'xMidYMid meet';
-    }
-    // For classes inheriting from responsive-svg (e.g. draw-svg)
-    svgClasses() {
-        return {};
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        if (this.svg instanceof SVGElement) {
-            const _viewBox = this.getViewBoxSize(this.svg);
-            const _width = this.svg.getAttribute('width');
-            const _height = this.svg.getAttribute('height');
-            this.viewBox = _viewBox ?? { x: 0, y: 0, width: Number(_width) || 0, height: Number(_height) || 0 };
-        }
-        else {
-            const _width = this.style.getPropertyValue('--svg-width');
-            const _height = this.style.getPropertyValue('--svg-height');
-            this.viewBox = { x: 0, y: 0, width: parseFloat(_width) || 0, height: parseFloat(_height) || 0 };
-        }
-    }
-    render() {
-        const viewBox = this.viewBox;
-        const preserveAspectRatio = this.preserveAspectRatio;
-        const svgClasses = this.svgClasses();
-        // Check if svg exists, otherwise early return
-        if (typeof this.svg === 'string')
-            return html `<p style="font-size: initial;">⚠️ SVG Error</p>`;
-        else {
-            // SVGElement provided as input
-            if (this.svg instanceof SVGElement) {
-                const clonedSVG = this.svg.cloneNode(true);
-                this.applyPartToPaths(clonedSVG, '__path');
-                return buildSVG(Array.from(clonedSVG.children), viewBox);
-            }
-            // TemplateResult<2> provided as input
-            else
-                return buildSVG(this.svg, viewBox);
-        }
-        function buildSVG(svg, viewBox) {
-            if (svg) {
-                return html `
-					<svg
-						part="__svg"
-						class=${classMap(svgClasses)}
-						style=${styleMap({
-                    '--svg-width-fallback': `${viewBox.width}em`,
-                    '--svg-height-fallback': `${viewBox.height}em`,
-                })}
-						viewBox="${viewBox.x} ${viewBox.y} ${viewBox.width} ${viewBox.height}"
-						preserveAspectRatio=${preserveAspectRatio}
-						xmlns="http://www.w3.org/2000/svg"
-					>
-						${svg}
-					</svg>
+  }
+  render() {
+    const t = this.viewBox, e = this.preserveAspectRatio, i = this.svgClasses();
+    if (typeof this.svg == "string") return c`<p style="font-size: initial;">⚠️ SVG Error</p>`;
+    if (this.svg instanceof SVGElement) {
+      const s = this.svg.cloneNode(!0);
+      return this.applyPartToPaths(s, "__path"), o(Array.from(s.children), t);
+    } else return o(this.svg, t);
+    function o(s, r) {
+      if (s)
+        return c`
+					<svg
+						part="__svg"
+						class=${m(i)}
+						style=${f({
+          "--svg-width-fallback": `${r.width}em`,
+          "--svg-height-fallback": `${r.height}em`
+        })}
+						viewBox="${r.x} ${r.y} ${r.width} ${r.height}"
+						preserveAspectRatio=${e}
+						xmlns="http://www.w3.org/2000/svg"
+					>
+						${s}
+					</svg>
 				`;
-            }
-        }
-    }
-    /** Applies a part name to all paths in the given element. */
-    applyPartToPaths(element, partValue) {
-        if (element instanceof Element) {
-            if (element.tagName.toLowerCase() === 'path') {
-                element.setAttribute('part', partValue);
-            }
-            // Recursively check each child
-            for (const child of Array.from(element.children)) {
-                this.applyPartToPaths(child, partValue);
-            }
-        }
     }
-    /**
-     * Gets the viewBox dimensions from an SVG element.
-     * @param svg The SVG to get the attribute from.
-     * @returns The SVG viewBox x, y, width, and height
-     */
-    getViewBoxSize(svg) {
-        const viewBox = svg.getAttribute('viewBox')?.split(' ');
-        if (!viewBox)
-            return null;
-        return { x: +viewBox[0], y: +viewBox[1], width: +viewBox[2], height: +viewBox[3] };
+  }
+  /** Applies a part name to all paths in the given element. */
+  applyPartToPaths(t, e) {
+    if (t instanceof Element) {
+      t.tagName.toLowerCase() === "path" && t.setAttribute("part", e);
+      for (const i of Array.from(t.children))
+        this.applyPartToPaths(i, e);
     }
+  }
+  /**
+   * Gets the viewBox dimensions from an SVG element.
+   * @param svg The SVG to get the attribute from.
+   * @returns The SVG viewBox x, y, width, and height
+   */
+  getViewBoxSize(t) {
+    const e = t.getAttribute("viewBox")?.split(" ");
+    return e ? { x: +e[0], y: +e[1], width: +e[2], height: +e[3] } : null;
+  }
+};
+p.styles = [y];
+n([
+  a({ type: Boolean, reflect: !0 })
+], p.prototype, "autofit", 2);
+n([
+  a({ type: Boolean, reflect: !0 })
+], p.prototype, "svgColors", 2);
+n([
+  a({ type: Object })
+], p.prototype, "svg", 1);
+n([
+  a({ type: String, reflect: !0 })
+], p.prototype, "preserveAspectRatio", 1);
+p = n([
+  v("responsive-svg")
+], p);
+export {
+  p as ResponsiveSvg,
+  l as preserveAspectRatioAlignOptions,
+  M as preserveAspectRatioOptions,
+  A as preserveAspectRatioSpacingOptions
 };
-__decorate([
-    property({ type: Boolean, reflect: true })
-], ResponsiveSvg.prototype, "autofit", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], ResponsiveSvg.prototype, "svgColors", void 0);
-__decorate([
-    property({ type: Object })
-], ResponsiveSvg.prototype, "svg", null);
-__decorate([
-    property({ type: String, reflect: true })
-], ResponsiveSvg.prototype, "preserveAspectRatio", null);
-ResponsiveSvg = __decorate([
-    customElement('responsive-svg')
-], ResponsiveSvg);
-export { ResponsiveSvg };