@ixfx/components 0.2.4 → 0.2.6

package/dist/led.d.ts

@@ -1,20 +1,24 @@
 import { LitElement } from "lit";
-export declare class LedElement extends LitElement {
-    #private;
-    value: number;
-    lit: boolean;
-    color: string;
-    blinking: boolean;
-    rate: number;
-    willUpdate(changedProperties: Map<string, unknown>): void;
-    updated(changedProperties: Map<string, unknown>): void;
-    disconnectedCallback(): void;
-    protected render(): import("lit").TemplateResult<1>;
-    static styles: import("lit").CSSResult;
+
+//#region src/led.d.ts
+declare class LedElement extends LitElement {
+  #private;
+  value: number;
+  lit: boolean;
+  color: string;
+  blinking: boolean;
+  rate: number;
+  willUpdate(changedProperties: Map<string, unknown>): void;
+  updated(changedProperties: Map<string, unknown>): void;
+  disconnectedCallback(): void;
+  protected render(): import("lit").TemplateResult<1>;
+  static styles: import("lit").CSSResult;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        "ixfx-led": LedElement;
-    }
-}
+  interface HTMLElementTagNameMap {
+    "ixfx-led": LedElement;
+  }
+} //# sourceMappingURL=led.d.ts.map
+//#endregion
+export { LedElement };
 //# sourceMappingURL=led.d.ts.map

package/dist/led.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"led.d.ts","sourceRoot":"","sources":["../src/led.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAG5C,qBACa,UAAW,SAAQ,UAAU;;IAExC,KAAK,SAAK;IAGV,GAAG,UAAS;IAGZ,KAAK,SAAwB;IAG7B,QAAQ,UAAS;IAGjB,IAAI,SAAO;IAIX,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAelD,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAM/C,oBAAoB;IAwBpB,SAAS,CAAC,MAAM;IAIhB,MAAM,CAAC,MAAM,0BAkBX;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,UAAU,CAAC;KACxB;CACF"}
+{"version":3,"file":"led.d.ts","names":[],"sources":["../src/led.ts"],"mappings":";;;cAKa,UAAA,SAAmB,UAAA;EAAA;EAE9B,KAAA;EAGA,GAAA;EAGA,KAAA;EAGA,QAAA;EAGA,IAAA;EAIA,UAAA,CAAW,iBAAA,EAAmB,GAAA;EAe9B,OAAA,CAAQ,iBAAA,EAAmB,GAAA;EAM3B,oBAAA,CAAA;EAAA,UAwBU,MAAA,CAAA,iBAAM,cAAA;EAAA,OAIT,MAAA,gBAAM,SAAA;AAAA;AAAA,QAqBP,MAAA;EAAA,UACI,qBAAA;IACR,UAAA,EAAY,UAAU;EAAA;AAAA"}

package/dist/led.js

@@ -1,64 +1,54 @@
-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 { css, html, LitElement } from "lit";
-import { customElement, property } from "lit/decorators.js";
+import { n as safeCustomElement, t as __decorate } from "./decorate-O4m1U4l3.js";
+import { LitElement, css, html } from "lit";
+import { property } from "lit/decorators.js";
+//#region src/led.ts
 let LedElement = class LedElement extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.value = 0;
-        this.lit = false;
-        this.color = `oklch(50% 0.15 25)`;
-        this.blinking = false;
-        this.rate = 500;
-    }
-    #blinkInterval;
-    willUpdate(changedProperties) {
-        if (changedProperties.has(`value`)) {
-            this.style.setProperty(`--value`, String(this.value));
-        }
-        if (changedProperties.has(`blinking`) || changedProperties.has(`rate`)) {
-            this.#updateBlinking();
-        }
-        if (changedProperties.has(`rate`)) {
-            const transitionMs = this.rate < 300 ? this.rate * 0.5 : 150;
-            this.style.setProperty(`--transition-duration`, `${transitionMs}ms`);
-        }
-    }
-    updated(changedProperties) {
-        if (changedProperties.has(`lit`)) {
-            this.value = this.lit ? 1 : 0;
-        }
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.#stopBlinking();
-    }
-    #updateBlinking() {
-        if (this.blinking && this.rate > 0) {
-            this.#stopBlinking();
-            this.#blinkInterval = window.setInterval(() => {
-                this.value = this.value === 0 ? 1 : 0;
-            }, this.rate);
-        }
-        else {
-            this.#stopBlinking();
-            this.value = 0;
-        }
-    }
-    #stopBlinking() {
-        if (this.#blinkInterval !== undefined) {
-            clearInterval(this.#blinkInterval);
-            this.#blinkInterval = undefined;
-        }
-    }
-    render() {
-        return html `<div part="circle"></div>`;
-    }
-    static { this.styles = css `
+	constructor(..._args) {
+		super(..._args);
+		this.value = 0;
+		this.lit = false;
+		this.color = `oklch(50% 0.15 25)`;
+		this.blinking = false;
+		this.rate = 500;
+	}
+	#blinkInterval;
+	willUpdate(changedProperties) {
+		if (changedProperties.has(`value`)) this.style.setProperty(`--value`, String(this.value));
+		if (changedProperties.has(`blinking`) || changedProperties.has(`rate`)) this.#updateBlinking();
+		if (changedProperties.has(`rate`)) {
+			const transitionMs = this.rate < 300 ? this.rate * .5 : 150;
+			this.style.setProperty(`--transition-duration`, `${transitionMs}ms`);
+		}
+	}
+	updated(changedProperties) {
+		if (changedProperties.has(`lit`)) this.value = this.lit ? 1 : 0;
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		this.#stopBlinking();
+	}
+	#updateBlinking() {
+		if (this.blinking && this.rate > 0) {
+			this.#stopBlinking();
+			this.#blinkInterval = window.setInterval(() => {
+				this.value = this.value === 0 ? 1 : 0;
+			}, this.rate);
+		} else {
+			this.#stopBlinking();
+			this.value = 0;
+		}
+	}
+	#stopBlinking() {
+		if (this.#blinkInterval !== void 0) {
+			clearInterval(this.#blinkInterval);
+			this.#blinkInterval = void 0;
+		}
+	}
+	render() {
+		return html`<div part="circle"></div>`;
+	}
+	static {
+		this.styles = css`
     :host {
       --_size: var(--size, 1ex);
       display: inline-block;
@@ -76,25 +66,27 @@ let LedElement = class LedElement extends LitElement {
       background: color-mix(in oklch, var(--colour, oklch(50% 0.15 25)), white calc((1 - var(--value, 0)) * 50%));
       transition: background var(--transition-duration, 150ms) ease-out;
     }
-  `; }
+  `;
+	}
 };
-__decorate([
-    property({ type: Number })
-], LedElement.prototype, "value", void 0);
-__decorate([
-    property({ type: Boolean, attribute: `lit`, reflect: true })
-], LedElement.prototype, "lit", void 0);
-__decorate([
-    property({ type: String })
-], LedElement.prototype, "color", void 0);
-__decorate([
-    property({ type: Boolean, attribute: `blinking`, reflect: true })
-], LedElement.prototype, "blinking", void 0);
-__decorate([
-    property({ type: Number, attribute: `rate` })
-], LedElement.prototype, "rate", void 0);
-LedElement = __decorate([
-    customElement(`ixfx-led`)
-], LedElement);
+__decorate([property({ type: Number })], LedElement.prototype, "value", void 0);
+__decorate([property({
+	type: Boolean,
+	attribute: `lit`,
+	reflect: true
+})], LedElement.prototype, "lit", void 0);
+__decorate([property({ type: String })], LedElement.prototype, "color", void 0);
+__decorate([property({
+	type: Boolean,
+	attribute: `blinking`,
+	reflect: true
+})], LedElement.prototype, "blinking", void 0);
+__decorate([property({
+	type: Number,
+	attribute: `rate`
+})], LedElement.prototype, "rate", void 0);
+LedElement = __decorate([safeCustomElement(`ixfx-led`)], LedElement);
+//#endregion
 export { LedElement };
+
 //# sourceMappingURL=led.js.map

package/dist/led.js.map

@@ -1 +1 @@
-{"version":3,"file":"led.js","sourceRoot":"","sources":["../src/led.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"led.js","names":["#updateBlinking","#stopBlinking","#blinkInterval","customElement"],"sources":["../src/led.ts"],"sourcesContent":["import { css, html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { safeCustomElement as customElement } from \"./util/custom-elements.js\";\n\n@customElement(`ixfx-led`)\nexport class LedElement extends LitElement {\n  @property({ type: Number })\n  value = 0;\n\n  @property({ type: Boolean, attribute: `lit`, reflect: true })\n  lit = false;\n\n  @property({ type: String })\n  color = `oklch(50% 0.15 25)`;\n\n  @property({ type: Boolean, attribute: `blinking`, reflect: true })\n  blinking = false;\n\n  @property({ type: Number, attribute: `rate` })\n  rate = 500;\n\n  #blinkInterval: number | undefined;\n\n  willUpdate(changedProperties: Map<string, unknown>) {\n    if (changedProperties.has(`value`)) {\n      this.style.setProperty(`--value`, String(this.value));\n    }\n\n    if (changedProperties.has(`blinking`) || changedProperties.has(`rate`)) {\n      this.#updateBlinking();\n    }\n\n    if (changedProperties.has(`rate`)) {\n      const transitionMs = this.rate < 300 ? this.rate * 0.5 : 150;\n      this.style.setProperty(`--transition-duration`, `${transitionMs}ms`);\n    }\n  }\n\n  updated(changedProperties: Map<string, unknown>) {\n    if (changedProperties.has(`lit`)) {\n      this.value = this.lit ? 1 : 0;\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.#stopBlinking();\n  }\n\n  #updateBlinking() {\n    if (this.blinking && this.rate > 0) {\n      this.#stopBlinking();\n      this.#blinkInterval = window.setInterval(() => {\n        this.value = this.value === 0 ? 1 : 0;\n      }, this.rate);\n    } else {\n      this.#stopBlinking();\n      this.value = 0;\n    }\n  }\n\n  #stopBlinking() {\n    if (this.#blinkInterval !== undefined) {\n      clearInterval(this.#blinkInterval);\n      this.#blinkInterval = undefined;\n    }\n  }\n\n  protected render() {\n    return html`<div part=\"circle\"></div>`;\n  }\n\n  static styles = css`\n    :host {\n      --_size: var(--size, 1ex);\n      display: inline-block;\n      min-width: 1ex;\n      min-height: 1ex;\n      width: var(--_size);\n      height: var(--_size);\n      vertical-align: middle;\n    }\n\n    div {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n      background: color-mix(in oklch, var(--colour, oklch(50% 0.15 25)), white calc((1 - var(--value, 0)) * 50%));\n      transition: background var(--transition-duration, 150ms) ease-out;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"ixfx-led\": LedElement;\n  }\n}\n"],"mappings":";;;;AAKO,IAAA,aAAA,MAAM,mBAAmB,WAAW;;;eAEjC;aAGF;eAGE;kBAGG;cAGJ;;CAEP;CAEA,WAAW,mBAAyC;EAClD,IAAI,kBAAkB,IAAI,OAAO,GAC/B,KAAK,MAAM,YAAY,WAAW,OAAO,KAAK,KAAK,CAAC;EAGtD,IAAI,kBAAkB,IAAI,UAAU,KAAK,kBAAkB,IAAI,MAAM,GACnE,KAAKA,gBAAgB;EAGvB,IAAI,kBAAkB,IAAI,MAAM,GAAG;GACjC,MAAM,eAAe,KAAK,OAAO,MAAM,KAAK,OAAO,KAAM;GACzD,KAAK,MAAM,YAAY,yBAAyB,GAAG,aAAa,GAAG;EACrE;CACF;CAEA,QAAQ,mBAAyC;EAC/C,IAAI,kBAAkB,IAAI,KAAK,GAC7B,KAAK,QAAQ,KAAK,MAAM,IAAI;CAEhC;CAEA,uBAAuB;EACrB,MAAM,qBAAqB;EAC3B,KAAKC,cAAc;CACrB;CAEA,kBAAkB;EAChB,IAAI,KAAK,YAAY,KAAK,OAAO,GAAG;GAClC,KAAKA,cAAc;GACnB,KAAKC,iBAAiB,OAAO,kBAAkB;IAC7C,KAAK,QAAQ,KAAK,UAAU,IAAI,IAAI;GACtC,GAAG,KAAK,IAAI;EACd,OAAO;GACL,KAAKD,cAAc;GACnB,KAAK,QAAQ;EACf;CACF;CAEA,gBAAgB;EACd,IAAI,KAAKC,mBAAmB,KAAA,GAAW;GACrC,cAAc,KAAKA,cAAc;GACjC,KAAKA,iBAAiB,KAAA;EACxB;CACF;CAEA,SAAmB;EACjB,OAAO,IAAI;CACb;;gBAEgB,GAAG;;;;;;;;;;;;;;;;;;;;AAmBrB;YArFG,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,WAAA,WAAA,SAAA,KAAA,CAAA;YAGzB,SAAS;CAAE,MAAM;CAAS,WAAW;CAAO,SAAS;AAAK,CAAC,CAAA,GAAA,WAAA,WAAA,OAAA,KAAA,CAAA;YAG3D,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,WAAA,WAAA,SAAA,KAAA,CAAA;YAGzB,SAAS;CAAE,MAAM;CAAS,WAAW;CAAY,SAAS;AAAK,CAAC,CAAA,GAAA,WAAA,WAAA,YAAA,KAAA,CAAA;YAGhE,SAAS;CAAE,MAAM;CAAQ,WAAW;AAAO,CAAC,CAAA,GAAA,WAAA,WAAA,QAAA,KAAA,CAAA;yBAd9CC,kBAAc,UAAU,CAAA,GAAA,UAAA"}