@ixfx/components 0.5.20 → 0.6.1

package/dist/tooltip-BlvBUQxx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-BlvBUQxx.d.ts","names":[],"sources":["../src/util/tooltip.ts"],"mappings":";;KAQY,uBAAuB;KACvB;cAoCC,uBAAuB;;EACzB;SAKF,kBAAmB;SAEnB,kBAAkB;EAYzB,oBAAoB;EAGpB,aAAa;EAGb;EAGA;EAGA;YAkBU,wBAAM;YA+BN;;QAKJ;YACI;IACR,gBAAgB"}

package/dist/transitory-label.d.ts

@@ -0,0 +1,30 @@
+import { LitElement, PropertyValues } from "lit";
+//#region src/transitory-label/transitory-label.d.ts
+type Effect = `slide-right` | `slide-left` | `slide-up` | `slide-down` | `fade` | `character-swap`;
+declare class TransitoryLabelElement extends LitElement {
+  #private;
+  text: string;
+  effect: Effect;
+  duration: number;
+  easing: string;
+  private _currentText;
+  private _outgoingText;
+  private _activeEffect;
+  private _transitionId;
+  private _queue;
+  private _pendingEffect;
+  setText(msg: string, effect: Effect): void;
+  protected updated(changed: PropertyValues): void;
+  private _startTransition;
+  private _onTransitionEnd;
+  protected render(): import("lit").TemplateResult<1>;
+  static styles: import("lit").CSSResult;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    'ixfx-transitory-label': TransitoryLabelElement;
+  }
+}
+//#endregion
+export { Effect, TransitoryLabelElement };
+//# sourceMappingURL=transitory-label.d.ts.map

package/dist/transitory-label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transitory-label.d.ts","names":[],"sources":["../src/transitory-label/transitory-label.ts"],"mappings":";;KAMY;cAKC,+BAA+B;;EACd;EACA,QAAQ;EACR;EACA;UAEX;UACA;UACA;UACA;UAET;UACA;EAER,QAAQ,aAAa,QAAQ;YAKV,QAAQ,SAAS;UAa5B;UAWA;YAgDW,wBAAM;SA4BT,sBAAM;;QAuIhB;YACI;IACR,yBAAyB"}

package/dist/transitory-label.js

@@ -0,0 +1,249 @@
+import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
+import { LitElement, css, html, nothing } from "lit";
+import { property, state } from "lit/decorators.js";
+import { keyed } from "lit/directives/keyed.js";
+//#region src/transitory-label/transitory-label.ts
+let TransitoryLabelElement = class TransitoryLabelElement extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.text = ``;
+		this.effect = `fade`;
+		this.duration = 300;
+		this.easing = `ease`;
+		this._currentText = ``;
+		this._outgoingText = ``;
+		this._transitionId = 0;
+		this._queue = [];
+		this.#onOutgoingEnd = () => {
+			this._onTransitionEnd();
+		};
+		this.#onLastCharOut = () => {
+			this._onTransitionEnd();
+		};
+	}
+	setText(msg, effect) {
+		this._pendingEffect = effect;
+		this.text = msg;
+	}
+	updated(changed) {
+		if (changed.has(`text`) && this.text !== this._currentText) {
+			const effect = this._pendingEffect ?? this.effect;
+			this._pendingEffect = void 0;
+			if (this._activeEffect !== void 0) this._queue.push({
+				text: this.text,
+				effect
+			});
+			else this._startTransition(this.text, effect);
+		}
+	}
+	_startTransition(newText, effect) {
+		const prevText = this._currentText;
+		this._currentText = newText;
+		this._outgoingText = prevText;
+		if (prevText !== ``) {
+			this._transitionId++;
+			this._activeEffect = effect;
+		}
+	}
+	_onTransitionEnd() {
+		this._outgoingText = ``;
+		this._activeEffect = void 0;
+		if (this._queue.length > 0) {
+			const next = this._queue.shift();
+			this._startTransition(next.text, next.effect);
+		}
+	}
+	#onOutgoingEnd;
+	#onLastCharOut;
+	#renderCharSwap() {
+		const charDuration = Math.round(this.duration * .3);
+		const charStagger = Math.round(this.duration * .1);
+		const currentChars = this._currentText.split(``);
+		const outgoingChars = this._outgoingText.split(``);
+		const lastIdx = outgoingChars.length - 1;
+		const charStyle = (i) => `animation-duration:${charDuration}ms;animation-delay:${i * charStagger}ms;animation-timing-function:${this.easing}`;
+		return html`
+      ${keyed(`cc${this._transitionId}`, html`
+        <span class="layer current char-swap">
+          ${currentChars.map((ch, i) => html`<span class="char in" style=${charStyle(i)}>${ch}</span>`)}
+        </span>
+      `)}
+      ${this._outgoingText ? keyed(this._transitionId, html`
+          <span class="layer outgoing char-swap">
+            ${outgoingChars.map((ch, i) => html`<span
+                class="char out"
+                style=${charStyle(i)}
+                @animationend=${i === lastIdx ? this.#onLastCharOut : void 0}
+              >${ch}</span>`)}
+          </span>
+        `) : nothing}
+    `;
+	}
+	render() {
+		if (this._activeEffect === `character-swap`) return html`<span class="container">${this.#renderCharSwap()}</span>`;
+		const effect = this._activeEffect ?? ``;
+		const durStyle = this._activeEffect ? `animation-duration:${this.duration}ms;animation-timing-function:${this.easing}` : ``;
+		return html`
+      <span class="container">
+        ${this._outgoingText ? keyed(this._transitionId, html`
+            <span class="layer outgoing ${effect}" style=${durStyle} @animationend=${this.#onOutgoingEnd}>
+              ${this._outgoingText}
+            </span>
+          `) : nothing}
+        ${keyed(`c${this._transitionId}`, html`
+          <span class="layer current ${effect}" style=${durStyle}>
+            ${this._currentText}
+          </span>
+        `)}
+      </span>
+    `;
+	}
+	static {
+		this.styles = css`
+    :host {
+      display: inline-block;
+      --transitory-label-easing: ease;
+    }
+
+    .container {
+      display: inline-grid;
+      overflow: hidden;
+    }
+
+    .layer {
+      grid-area: 1 / 1;
+      white-space: nowrap;
+    }
+
+    .layer.outgoing {
+      pointer-events: none;
+    }
+
+    /* slide-right */
+    .layer.current.slide-right {
+      transform: translateX(-100%);
+      animation: tl-slide-in-left var(--transitory-label-easing) forwards;
+    }
+    .layer.outgoing.slide-right {
+      animation: tl-slide-out-right var(--transitory-label-easing) forwards;
+    }
+
+    @keyframes tl-slide-in-left {
+      from { transform: translateX(-100%); }
+      to   { transform: translateX(0); }
+    }
+    @keyframes tl-slide-out-right {
+      from { transform: translateX(0); }
+      to   { transform: translateX(100%); }
+    }
+
+    /* slide-left */
+    .layer.current.slide-left {
+      transform: translateX(100%);
+      animation: tl-slide-in-right var(--transitory-label-easing) forwards;
+    }
+    .layer.outgoing.slide-left {
+      animation: tl-slide-out-left var(--transitory-label-easing) forwards;
+    }
+
+    @keyframes tl-slide-in-right {
+      from { transform: translateX(100%); }
+      to   { transform: translateX(0); }
+    }
+    @keyframes tl-slide-out-left {
+      from { transform: translateX(0); }
+      to   { transform: translateX(-100%); }
+    }
+
+    /* slide-up */
+    .layer.current.slide-up {
+      transform: translateY(100%);
+      animation: tl-slide-in-bottom var(--transitory-label-easing) forwards;
+    }
+    .layer.outgoing.slide-up {
+      animation: tl-slide-out-top var(--transitory-label-easing) forwards;
+    }
+
+    @keyframes tl-slide-in-bottom {
+      from { transform: translateY(100%); }
+      to   { transform: translateY(0); }
+    }
+    @keyframes tl-slide-out-top {
+      from { transform: translateY(0); }
+      to   { transform: translateY(-100%); }
+    }
+
+    /* slide-down */
+    .layer.current.slide-down {
+      transform: translateY(-100%);
+      animation: tl-slide-in-top var(--transitory-label-easing) forwards;
+    }
+    .layer.outgoing.slide-down {
+      animation: tl-slide-out-bottom var(--transitory-label-easing) forwards;
+    }
+
+    @keyframes tl-slide-in-top {
+      from { transform: translateY(-100%); }
+      to   { transform: translateY(0); }
+    }
+    @keyframes tl-slide-out-bottom {
+      from { transform: translateY(0); }
+      to   { transform: translateY(100%); }
+    }
+
+    /* fade */
+    .layer.current.fade {
+      opacity: 0;
+      animation: tl-fade-in var(--transitory-label-easing) forwards;
+    }
+    .layer.outgoing.fade {
+      animation: tl-fade-out var(--transitory-label-easing) forwards;
+    }
+
+    @keyframes tl-fade-in {
+      from { opacity: 0; }
+      to   { opacity: 1; }
+    }
+    @keyframes tl-fade-out {
+      from { opacity: 1; }
+      to   { opacity: 0; }
+    }
+
+    /* character-swap */
+    .char {
+      display: inline-block;
+    }
+
+    .char.in {
+      opacity: 0;
+      animation: tl-char-in var(--transitory-label-easing) forwards;
+    }
+
+    .char.out {
+      animation: tl-char-out var(--transitory-label-easing) forwards;
+    }
+
+    @keyframes tl-char-in {
+      from { opacity: 0; transform: translateY(-0.3em) scale(0.8); }
+      to   { opacity: 1; transform: translateY(0) scale(1); }
+    }
+    @keyframes tl-char-out {
+      from { opacity: 1; transform: translateY(0) scale(1); }
+      to   { opacity: 0; transform: translateY(0.3em) scale(0.8); }
+    }
+  `;
+	}
+};
+__decorate([property({ type: String })], TransitoryLabelElement.prototype, "text", void 0);
+__decorate([property({ type: String })], TransitoryLabelElement.prototype, "effect", void 0);
+__decorate([property({ type: Number })], TransitoryLabelElement.prototype, "duration", void 0);
+__decorate([property({ type: String })], TransitoryLabelElement.prototype, "easing", void 0);
+__decorate([state()], TransitoryLabelElement.prototype, "_currentText", void 0);
+__decorate([state()], TransitoryLabelElement.prototype, "_outgoingText", void 0);
+__decorate([state()], TransitoryLabelElement.prototype, "_activeEffect", void 0);
+__decorate([state()], TransitoryLabelElement.prototype, "_transitionId", void 0);
+TransitoryLabelElement = __decorate([safeCustomElement(`ixfx-transitory-label`)], TransitoryLabelElement);
+//#endregion
+export { TransitoryLabelElement };
+
+//# sourceMappingURL=transitory-label.js.map

package/dist/transitory-label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transitory-label.js","names":["#onLastCharOut","#renderCharSwap","#onOutgoingEnd","customElement"],"sources":["../src/transitory-label/transitory-label.ts"],"sourcesContent":["import type { PropertyValues } from 'lit';\nimport { css, html, LitElement, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { keyed } from 'lit/directives/keyed.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\n\nexport type Effect = `slide-right` | `slide-left` | `slide-up` | `slide-down` | `fade` | `character-swap`;\n\ntype QueueEntry = { text: string; effect: Effect };\n\n@customElement(`ixfx-transitory-label`)\nexport class TransitoryLabelElement extends LitElement {\n  @property({ type: String }) text = ``;\n  @property({ type: String }) effect: Effect = `fade`;\n  @property({ type: Number }) duration = 300;\n  @property({ type: String }) easing = `ease`;\n\n  @state() private _currentText = ``;\n  @state() private _outgoingText = ``;\n  @state() private _activeEffect: Effect | undefined;\n  @state() private _transitionId = 0;\n\n  private _queue: QueueEntry[] = [];\n  private _pendingEffect: Effect | undefined;\n\n  setText(msg: string, effect: Effect): void {\n    this._pendingEffect = effect;\n    this.text = msg;\n  }\n\n  protected override updated(changed: PropertyValues): void {\n    if (changed.has(`text`) && this.text !== this._currentText) {\n      const effect = this._pendingEffect ?? this.effect;\n      this._pendingEffect = undefined;\n\n      if (this._activeEffect !== undefined) {\n        this._queue.push({ text: this.text, effect });\n      } else {\n        this._startTransition(this.text, effect);\n      }\n    }\n  }\n\n  private _startTransition(newText: string, effect: Effect): void {\n    const prevText = this._currentText;\n    this._currentText = newText;\n    this._outgoingText = prevText;\n\n    if (prevText !== ``) {\n      this._transitionId++;\n      this._activeEffect = effect;\n    }\n  }\n\n  private _onTransitionEnd(): void {\n    this._outgoingText = ``;\n    this._activeEffect = undefined;\n\n    if (this._queue.length > 0) {\n      const next = this._queue.shift()!;\n      this._startTransition(next.text, next.effect);\n    }\n  }\n\n  #onOutgoingEnd = (): void => {\n    this._onTransitionEnd();\n  };\n\n  #onLastCharOut = (): void => {\n    this._onTransitionEnd();\n  };\n\n  #renderCharSwap() {\n    const charDuration = Math.round(this.duration * 0.3);\n    const charStagger = Math.round(this.duration * 0.1);\n    const currentChars = this._currentText.split(``);\n    const outgoingChars = this._outgoingText.split(``);\n    const lastIdx = outgoingChars.length - 1;\n\n    const charStyle = (i: number) =>\n      `animation-duration:${charDuration}ms;animation-delay:${i * charStagger}ms;animation-timing-function:${this.easing}`;\n\n    return html`\n      ${keyed(`cc${this._transitionId}`, html`\n        <span class=\"layer current char-swap\">\n          ${currentChars.map((ch, i) => html`<span class=\"char in\" style=${charStyle(i)}>${ch}</span>`)}\n        </span>\n      `)}\n      ${this._outgoingText\n        ? keyed(this._transitionId, html`\n          <span class=\"layer outgoing char-swap\">\n            ${outgoingChars.map((ch, i) => html`<span\n                class=\"char out\"\n                style=${charStyle(i)}\n                @animationend=${i === lastIdx ? this.#onLastCharOut : undefined}\n              >${ch}</span>`)}\n          </span>\n        `)\n        : nothing}\n    `;\n  }\n\n  protected override render() {\n    if (this._activeEffect === `character-swap`) {\n      return html`<span class=\"container\">${this.#renderCharSwap()}</span>`;\n    }\n\n    const effect = this._activeEffect ?? ``;\n    const durStyle = this._activeEffect\n      ? `animation-duration:${this.duration}ms;animation-timing-function:${this.easing}`\n      : ``;\n\n    return html`\n      <span class=\"container\">\n        ${this._outgoingText\n          ? keyed(this._transitionId, html`\n            <span class=\"layer outgoing ${effect}\" style=${durStyle} @animationend=${this.#onOutgoingEnd}>\n              ${this._outgoingText}\n            </span>\n          `)\n          : nothing}\n        ${keyed(`c${this._transitionId}`, html`\n          <span class=\"layer current ${effect}\" style=${durStyle}>\n            ${this._currentText}\n          </span>\n        `)}\n      </span>\n    `;\n  }\n\n  static override styles = css`\n    :host {\n      display: inline-block;\n      --transitory-label-easing: ease;\n    }\n\n    .container {\n      display: inline-grid;\n      overflow: hidden;\n    }\n\n    .layer {\n      grid-area: 1 / 1;\n      white-space: nowrap;\n    }\n\n    .layer.outgoing {\n      pointer-events: none;\n    }\n\n    /* slide-right */\n    .layer.current.slide-right {\n      transform: translateX(-100%);\n      animation: tl-slide-in-left var(--transitory-label-easing) forwards;\n    }\n    .layer.outgoing.slide-right {\n      animation: tl-slide-out-right var(--transitory-label-easing) forwards;\n    }\n\n    @keyframes tl-slide-in-left {\n      from { transform: translateX(-100%); }\n      to   { transform: translateX(0); }\n    }\n    @keyframes tl-slide-out-right {\n      from { transform: translateX(0); }\n      to   { transform: translateX(100%); }\n    }\n\n    /* slide-left */\n    .layer.current.slide-left {\n      transform: translateX(100%);\n      animation: tl-slide-in-right var(--transitory-label-easing) forwards;\n    }\n    .layer.outgoing.slide-left {\n      animation: tl-slide-out-left var(--transitory-label-easing) forwards;\n    }\n\n    @keyframes tl-slide-in-right {\n      from { transform: translateX(100%); }\n      to   { transform: translateX(0); }\n    }\n    @keyframes tl-slide-out-left {\n      from { transform: translateX(0); }\n      to   { transform: translateX(-100%); }\n    }\n\n    /* slide-up */\n    .layer.current.slide-up {\n      transform: translateY(100%);\n      animation: tl-slide-in-bottom var(--transitory-label-easing) forwards;\n    }\n    .layer.outgoing.slide-up {\n      animation: tl-slide-out-top var(--transitory-label-easing) forwards;\n    }\n\n    @keyframes tl-slide-in-bottom {\n      from { transform: translateY(100%); }\n      to   { transform: translateY(0); }\n    }\n    @keyframes tl-slide-out-top {\n      from { transform: translateY(0); }\n      to   { transform: translateY(-100%); }\n    }\n\n    /* slide-down */\n    .layer.current.slide-down {\n      transform: translateY(-100%);\n      animation: tl-slide-in-top var(--transitory-label-easing) forwards;\n    }\n    .layer.outgoing.slide-down {\n      animation: tl-slide-out-bottom var(--transitory-label-easing) forwards;\n    }\n\n    @keyframes tl-slide-in-top {\n      from { transform: translateY(-100%); }\n      to   { transform: translateY(0); }\n    }\n    @keyframes tl-slide-out-bottom {\n      from { transform: translateY(0); }\n      to   { transform: translateY(100%); }\n    }\n\n    /* fade */\n    .layer.current.fade {\n      opacity: 0;\n      animation: tl-fade-in var(--transitory-label-easing) forwards;\n    }\n    .layer.outgoing.fade {\n      animation: tl-fade-out var(--transitory-label-easing) forwards;\n    }\n\n    @keyframes tl-fade-in {\n      from { opacity: 0; }\n      to   { opacity: 1; }\n    }\n    @keyframes tl-fade-out {\n      from { opacity: 1; }\n      to   { opacity: 0; }\n    }\n\n    /* character-swap */\n    .char {\n      display: inline-block;\n    }\n\n    .char.in {\n      opacity: 0;\n      animation: tl-char-in var(--transitory-label-easing) forwards;\n    }\n\n    .char.out {\n      animation: tl-char-out var(--transitory-label-easing) forwards;\n    }\n\n    @keyframes tl-char-in {\n      from { opacity: 0; transform: translateY(-0.3em) scale(0.8); }\n      to   { opacity: 1; transform: translateY(0) scale(1); }\n    }\n    @keyframes tl-char-out {\n      from { opacity: 1; transform: translateY(0) scale(1); }\n      to   { opacity: 0; transform: translateY(0.3em) scale(0.8); }\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-transitory-label': TransitoryLabelElement;\n  }\n}\n"],"mappings":"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"}

package/dist/{tree-CqPhQRHo.js → tree-BO6BXI2b.js}

@@ -1,7 +1,7 @@
-import { n as tickledStyles, r as TickledController, t as tickledItemStyles } from "./tickled-styles-Bgo_Lpw-.js";
+import { t as TickledController } from "./tickled-controller-DkAU-0qL.js";
+import { n as tickledStyles, t as tickledItemStyles } from "./tickled-styles-BrAHEj1q.js";
 import { t as themeFallbacks } from "./fallbacks-DEE1nCTt.js";
-import { n as safeCustomElement, t as __decorate } from "./decorate-DdjvVHS-.js";
-import "./interaction-_Y2qO3QI.js";
+import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
 import { t as collectDataResult } from "./data-provider-35TyWclX.js";
 import { LitElement, css, html, nothing } from "lit";
 import { property, state } from "lit/decorators.js";
@@ -319,7 +319,6 @@ let TreeBaseElement = class TreeBaseElement extends LitElement {
 				case `Escape`:
 					event.preventDefault();
 					this.#abortPending();
-					break;
 			}
 		};
 		this.#onDblClick = (e) => {
@@ -581,9 +580,7 @@ let TreeBaseElement = class TreeBaseElement extends LitElement {
 			case `manual`:
 				this.#handleManualClick(node, depth, event);
 				break;
-			case `checked`:
-				this.#handleExpandOnly(node, depth);
-				break;
+			case `checked`: this.#handleExpandOnly(node, depth);
 		}
 		this.requestUpdate();
 	}
@@ -750,8 +747,10 @@ let TreeBaseElement = class TreeBaseElement extends LitElement {
 		return node.children.every((child) => this.#allDescendantsSelected(child));
 	}
 	#applyCheckedToggle(node, selected) {
-		if (this.#canSelect(node)) if (selected) this._selectedNodes.add(node);
-		else this._selectedNodes.delete(node);
+		if (this.#canSelect(node)) {
+			if (selected) this._selectedNodes.add(node);
+			else this._selectedNodes.delete(node);
+		}
 		if (node.children) for (const child of node.children) this.#applyCheckedToggle(child, selected);
 	}
 	#getFlatIndexOf(node) {
@@ -1419,4 +1418,4 @@ var TreeController = class {
 //#endregion
 export { TreeDataModel as i, TreeListElement as n, TreeBaseElement as r, TreeController as t };
 
-//# sourceMappingURL=tree-CqPhQRHo.js.map
+//# sourceMappingURL=tree-BO6BXI2b.js.map