@transcodes/ui-components 0.3.5 → 0.3.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transcodes/ui-components",
-  "version": "0.3.5",
+  "version": "0.3.6",
   "private": false,
   "description": "Lit 3.x component library with Reactive Controllers",
   "keywords": [
@@ -32,7 +32,9 @@
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "sideEffects": [
-    "dist/**/*.js"
+    "dist/**/*.js",
+    "src/**/*.ts",
+    "src/**/*.js"
   ],
   "exports": {
     ".": {
@@ -43,10 +45,6 @@
       "types": "./dist/primitives/index.d.ts",
       "import": "./dist/primitives/index.js"
     },
-    "./widgets": {
-      "types": "./dist/widgets/index.d.ts",
-      "import": "./dist/widgets/index.js"
-    },
     "./screens": {
       "types": "./dist/screens/index.d.ts",
       "import": "./dist/screens/index.js"
@@ -64,7 +62,9 @@
   ],
   "scripts": {
     "build": "tsc && vite build",
+    "prebuild-storybook": "cd ../design-tokens && bun run build && cd ../ui-components && cp -r ../design-tokens/build .storybook/design-tokens",
     "build-storybook": "storybook build",
+    "predev": "cd ../design-tokens && bun run build && cd ../ui-components && cp -r ../design-tokens/build .storybook/design-tokens",
     "clean": "rm -rf dist",
     "dev": "storybook dev -p 6006",
     "preview": "vite preview",
@@ -74,16 +74,16 @@
     "lit": "^3.0.0"
   },
   "dependencies": {
-    "@transcodes/design-tokens": "^0.3.5"
+    "@transcodes/design-tokens": "^0.3.6"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "^10.1.5",
-    "@storybook/addon-docs": "^10.1.5",
-    "@storybook/addon-links": "^10.1.5",
-    "@storybook/web-components": "^10.1.5",
-    "@storybook/web-components-vite": "^10.1.5",
+    "@storybook/addon-a11y": "^10.1.9",
+    "@storybook/addon-docs": "^10.1.9",
+    "@storybook/addon-links": "^10.1.9",
+    "@storybook/web-components": "^10.1.9",
+    "@storybook/web-components-vite": "^10.1.9",
     "lit": "^3.3.1",
-    "storybook": "^10.1.5",
+    "storybook": "^10.1.9",
     "typescript": "^5.9.3",
     "vite": "^7.2.7",
     "vite-plugin-dts": "^4.5.4"

package/dist/controllers/form-validation.controller.d.ts

@@ -1,48 +0,0 @@
-import { BaseController } from './base.controller.js';
-export type ValidationType = 'required' | 'email' | 'minLength' | 'maxLength' | 'pattern' | 'custom';
-export interface ValidationRule {
-    type: ValidationType;
-    value?: string | number | RegExp;
-    message: string;
-    validator?: (value: string) => boolean;
-}
-/**
- * Controller for form field validation.
- * Manages validation rules and error states.
- *
- * @example
- * ```ts
- * class MyForm extends LitElement {
- *   private validation = new FormValidationController(this);
- *
- *   private emailRules: ValidationRule[] = [
- *     { type: 'required', message: 'Email is required' },
- *     { type: 'email', message: 'Please enter a valid email' },
- *   ];
- *
- *   handleBlur(e: Event) {
- *     const input = e.target as HTMLInputElement;
- *     this.validation.validate('email', input.value, this.emailRules);
- *   }
- *
- *   render() {
- *     const error = this.validation.getError('email');
- *     return html`
- *       <input @blur=${this.handleBlur} />
- *       ${error ? html`<span class="error">${error}</span>` : ''}
- *     `;
- *   }
- * }
- * ```
- */
-export declare class FormValidationController extends BaseController {
-    private errors;
-    get isValid(): boolean;
-    getError(field: string): string | undefined;
-    getAllErrors(): Map<string, string>;
-    validate(field: string, value: string, rules: ValidationRule[]): boolean;
-    clearError(field: string): void;
-    reset(): void;
-    private runRule;
-}
-//# sourceMappingURL=form-validation.controller.d.ts.map

package/dist/controllers/form-validation.controller.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-validation.controller.d.ts","sourceRoot":"","sources":["../../src/controllers/form-validation.controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,MAAM,cAAc,GACtB,UAAU,GACV,OAAO,GACP,WAAW,GACX,WAAW,GACX,SAAS,GACT,QAAQ,CAAC;AAEb,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;CACxC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,qBAAa,wBAAyB,SAAQ,cAAc;IAC1D,OAAO,CAAC,MAAM,CAA6B;IAE3C,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS;IAI3C,YAAY,IAAI,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC;IAInC,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,OAAO;IAcxE,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAO/B,KAAK,IAAI,IAAI;IAKb,OAAO,CAAC,OAAO;CAwBhB"}

package/dist/controllers/form-validation.controller.js

@@ -1,49 +0,0 @@
-import { BaseController as o } from "./base.controller.js";
-class i extends o {
-  constructor() {
-    super(...arguments), this.errors = /* @__PURE__ */ new Map();
-  }
-  get isValid() {
-    return this.errors.size === 0;
-  }
-  getError(r) {
-    return this.errors.get(r);
-  }
-  getAllErrors() {
-    return new Map(this.errors);
-  }
-  validate(r, e, s) {
-    this.clearError(r);
-    for (const t of s)
-      if (!this.runRule(e, t))
-        return this.errors.set(r, t.message), this.host.requestUpdate(), !1;
-    return !0;
-  }
-  clearError(r) {
-    this.errors.has(r) && (this.errors.delete(r), this.host.requestUpdate());
-  }
-  reset() {
-    this.errors.clear(), this.host.requestUpdate();
-  }
-  runRule(r, e) {
-    switch (e.type) {
-      case "required":
-        return r.trim().length > 0;
-      case "email":
-        return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(r);
-      case "minLength":
-        return r.length >= e.value;
-      case "maxLength":
-        return r.length <= e.value;
-      case "pattern":
-        return e.value.test(r);
-      case "custom":
-        return e.validator ? e.validator(r) : !0;
-      default:
-        return !0;
-    }
-  }
-}
-export {
-  i as FormValidationController
-};

package/dist/widgets/index.d.ts

@@ -1,9 +0,0 @@
-export { TcAuthenticatorCard } from './tc-authenticator-card.js';
-export { TcFloatingButton } from './tc-floating-button.js';
-export { TcIframeModal } from './tc-iframe-modal.js';
-export { TcInstallationBanner } from './tc-installation-banner.js';
-export { TcIosInstallationGuide } from './tc-ios-installation-guide.js';
-export { TcNotificationModal } from './tc-notification-modal.js';
-export { TcOfflineModal } from './tc-offline-modal.js';
-export { TcPageDecoration } from './tc-page-decoration.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/widgets/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/widgets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/widgets/index.js

@@ -1,18 +0,0 @@
-import { TcAuthenticatorCard as t } from "./tc-authenticator-card.js";
-import { TcFloatingButton as e } from "./tc-floating-button.js";
-import { TcIframeModal as n } from "./tc-iframe-modal.js";
-import { TcInstallationBanner as i } from "./tc-installation-banner.js";
-import { TcIosInstallationGuide as m } from "./tc-ios-installation-guide.js";
-import { TcNotificationModal as x } from "./tc-notification-modal.js";
-import { TcOfflineModal as d } from "./tc-offline-modal.js";
-import { TcPageDecoration as s } from "./tc-page-decoration.js";
-export {
-  t as TcAuthenticatorCard,
-  e as TcFloatingButton,
-  n as TcIframeModal,
-  i as TcInstallationBanner,
-  m as TcIosInstallationGuide,
-  x as TcNotificationModal,
-  d as TcOfflineModal,
-  s as TcPageDecoration
-};

package/dist/widgets/tc-authenticator-card.d.ts

@@ -1,35 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * A card component for displaying authenticator information.
- * Commonly used for passkeys, TOTP, USB security keys, etc.
- *
- * @fires tc-delete - Fired when the delete button is clicked
- * @fires tc-toggle - Fired when the enable/disable toggle is clicked
- * @fires tc-click - Fired when the card is clicked
- * @csspart card - The card container
- * @csspart icon - The authenticator type icon container
- * @csspart content - The main content area
- * @csspart name - The authenticator name
- * @csspart meta - The metadata area (last used, etc.)
- * @csspart actions - The actions area
- * @csspart delete - The delete button
- */
-export declare class TcAuthenticatorCard extends LitElement {
-    name: string;
-    type: 'passkey' | 'totp' | 'usb' | 'phone' | 'email';
-    lastUsed: string;
-    enabled: boolean;
-    deletable: boolean;
-    clickable: boolean;
-    static styles: import('lit').CSSResult;
-    private getIconName;
-    private handleCardClick;
-    private handleDelete;
-    render(): import('lit').TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'tc-authenticator-card': TcAuthenticatorCard;
-    }
-}
-//# sourceMappingURL=tc-authenticator-card.d.ts.map

package/dist/widgets/tc-authenticator-card.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tc-authenticator-card.d.ts","sourceRoot":"","sources":["../../src/widgets/tc-authenticator-card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAG5C,OAAO,0BAA0B,CAAC;AAClC,OAAO,0BAA0B,CAAC;AAClC,OAAO,0BAA0B,CAAC;AAGlC;;;;;;;;;;;;;;GAcG;AACH,qBACa,mBAAoB,SAAQ,UAAU;IACrB,IAAI,SAAM;IACV,IAAI,EAC5B,SAAS,GACT,MAAM,GACN,KAAK,GACL,OAAO,GACP,OAAO,CAAa;IAC4B,QAAQ,SAAM;IACrC,OAAO,UAAQ;IACf,SAAS,UAAQ;IACjB,SAAS,UAAS;IAE/C,OAAgB,MAAM,0BAmGpB;IAEF,OAAO,CAAC,WAAW;IAiBnB,OAAO,CAAC,eAAe;IAWvB,OAAO,CAAC,YAAY;IAWX,MAAM;CAwDhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,mBAAmB,CAAC;KAC9C;CACF"}

package/dist/widgets/tc-authenticator-card.js

@@ -1,213 +0,0 @@
-import { LitElement as p, html as l, css as h } from "lit";
-import { property as s, customElement as m } from "lit/decorators.js";
-import { classMap as u } from "lit/directives/class-map.js";
-var b = Object.defineProperty, v = Object.getOwnPropertyDescriptor, a = (r, i, c, n) => {
-  for (var t = n > 1 ? void 0 : n ? v(i, c) : i, o = r.length - 1, d; o >= 0; o--)
-    (d = r[o]) && (t = (n ? d(i, c, t) : d(t)) || t);
-  return n && t && b(i, c, t), t;
-};
-let e = class extends p {
-  constructor() {
-    super(...arguments), this.name = "", this.type = "passkey", this.lastUsed = "", this.enabled = !0, this.deletable = !0, this.clickable = !1;
-  }
-  getIconName() {
-    switch (this.type) {
-      case "passkey":
-        return "key";
-      case "totp":
-        return "totp";
-      case "usb":
-        return "device";
-      case "phone":
-        return "phone";
-      case "email":
-        return "email";
-      default:
-        return "key";
-    }
-  }
-  handleCardClick() {
-    this.clickable && this.enabled && this.dispatchEvent(
-      new CustomEvent("tc-click", {
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  handleDelete(r) {
-    r.stopPropagation(), this.dispatchEvent(
-      new CustomEvent("tc-delete", {
-        bubbles: !0,
-        composed: !0,
-        detail: { name: this.name, type: this.type }
-      })
-    );
-  }
-  render() {
-    const r = {
-      card: !0,
-      clickable: this.clickable && this.enabled,
-      disabled: !this.enabled
-    };
-    return l`
-      <div
-        part="card"
-        class=${u(r)}
-        @click=${this.handleCardClick}
-        role=${this.clickable ? "button" : "article"}
-        tabindex=${this.clickable && this.enabled ? "0" : "-1"}
-      >
-        <div part="icon" class="icon-container">
-          <tc-icon name=${this.getIconName()} size="1.25rem" color="var(--ink-dark)"></tc-icon>
-        </div>
-        <div part="content" class="content">
-          <div part="name" class="name">${this.name}</div>
-          ${this.lastUsed ? l`
-                <div part="meta" class="meta">
-                  <span class="last-used">${this.lastUsed}</span>
-                </div>
-              ` : ""}
-        </div>
-        <div part="actions" class="actions">
-          ${this.enabled ? "" : l`
-                <tc-chip class="status-chip" variant="default" size="sm">Disabled</tc-chip>
-              `}
-          ${this.deletable ? l`
-                <button
-                  part="delete"
-                  class="delete-btn"
-                  @click=${this.handleDelete}
-                  aria-label="Delete ${this.name}"
-                >
-                  <tc-icon name="x" size="1rem"></tc-icon>
-                </button>
-              ` : ""}
-        </div>
-      </div>
-    `;
-  }
-};
-e.styles = h`
-    :host {
-      display: block;
-      width: 100%;
-    }
-
-    .card {
-      display: flex;
-      align-items: center;
-      gap: var(--space-md);
-      padding: var(--space-md);
-      background: var(--paper-cream);
-      border-radius: var(--radius-md);
-      transition: var(--transition-fast);
-    }
-
-    .card.clickable {
-      cursor: pointer;
-    }
-
-    .card.clickable:hover {
-      background: var(--paper-warm);
-    }
-
-    .card.disabled {
-      opacity: var(--opacity-disabled);
-    }
-
-    .icon-container {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 2.5rem;
-      height: 2.5rem;
-      background: var(--paper-white);
-      border-radius: var(--radius-md);
-      flex-shrink: 0;
-    }
-
-    .content {
-      flex: 1;
-      min-width: 0;
-    }
-
-    .name {
-      font-weight: 500;
-      color: var(--ink-black);
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-
-    .meta {
-      display: flex;
-      align-items: center;
-      gap: var(--space-sm);
-      margin-top: var(--space-xs);
-    }
-
-    .last-used {
-      font-size: var(--font-size-sm);
-      color: var(--ink-light);
-    }
-
-    .actions {
-      display: flex;
-      align-items: center;
-      gap: var(--space-sm);
-      flex-shrink: 0;
-    }
-
-    .delete-btn {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 2rem;
-      height: 2rem;
-      padding: 0;
-      background: transparent;
-      border: none;
-      border-radius: var(--radius-sm);
-      color: var(--ink-light);
-      cursor: pointer;
-      transition: var(--transition-fast);
-    }
-
-    .delete-btn:hover {
-      background: var(--alpha-ink04);
-      color: var(--error-base);
-    }
-
-    .delete-btn:focus-visible {
-      outline: 2px solid var(--accent-primary);
-      outline-offset: 2px;
-    }
-
-    .status-chip {
-      flex-shrink: 0;
-    }
-  `;
-a([
-  s({ type: String })
-], e.prototype, "name", 2);
-a([
-  s({ type: String })
-], e.prototype, "type", 2);
-a([
-  s({ type: String, attribute: "last-used" })
-], e.prototype, "lastUsed", 2);
-a([
-  s({ type: Boolean })
-], e.prototype, "enabled", 2);
-a([
-  s({ type: Boolean })
-], e.prototype, "deletable", 2);
-a([
-  s({ type: Boolean })
-], e.prototype, "clickable", 2);
-e = a([
-  m("tc-authenticator-card")
-], e);
-export {
-  e as TcAuthenticatorCard
-};

package/dist/widgets/tc-floating-button.d.ts

@@ -1,25 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * A floating action button positioned fixed on the screen.
- *
- * @slot - Button content (icon recommended)
- * @fires tc-click - Fired when the button is clicked
- * @csspart button - The button element
- */
-export declare class TcFloatingButton extends LitElement {
-    position: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
-    size: string;
-    disabled: boolean;
-    sx: Record<string, string | number>;
-    static styles: import('lit').CSSResult[];
-    connectedCallback(): void;
-    updated(changedProperties: Map<string, unknown>): void;
-    private handleClick;
-    render(): import('lit').TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'tc-floating-button': TcFloatingButton;
-    }
-}
-//# sourceMappingURL=tc-floating-button.d.ts.map

package/dist/widgets/tc-floating-button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tc-floating-button.d.ts","sourceRoot":"","sources":["../../src/widgets/tc-floating-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C;;;;;;GAMG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAClB,QAAQ,EAChC,cAAc,GACd,aAAa,GACb,WAAW,GACX,UAAU,CAAkB;IACJ,IAAI,SAAY;IACf,QAAQ,UAAS;IAClB,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAM;IAErE,OAAgB,MAAM,4BAmEpB;IAEO,iBAAiB;IAKjB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAMxD,OAAO,CAAC,WAAW;IAWV,MAAM;CAmBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF"}

package/dist/widgets/tc-floating-button.js

@@ -1,132 +0,0 @@
-import { LitElement as c, html as b, css as d } from "lit";
-import { property as a, customElement as h } from "lit/decorators.js";
-import { styleMap as u } from "lit/directives/style-map.js";
-import { sharedStyles as m } from "../styles/shared.js";
-var v = Object.defineProperty, f = Object.getOwnPropertyDescriptor, s = (e, i, n, r) => {
-  for (var t = r > 1 ? void 0 : r ? f(i, n) : i, p = e.length - 1, l; p >= 0; p--)
-    (l = e[p]) && (t = (r ? l(i, n, t) : l(t)) || t);
-  return r && t && v(i, n, t), t;
-};
-let o = class extends c {
-  constructor() {
-    super(...arguments), this.position = "bottom-right", this.size = "3.5rem", this.disabled = !1, this.sx = {};
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.setAttribute("position", this.position);
-  }
-  updated(e) {
-    e.has("position") && this.setAttribute("position", this.position);
-  }
-  handleClick() {
-    this.disabled || this.dispatchEvent(
-      new CustomEvent("tc-click", {
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  render() {
-    const e = {
-      "--fab-size": this.size,
-      ...this.sx
-    };
-    return b`
-      <button
-        part="button"
-        class="button"
-        ?disabled=${this.disabled}
-        style=${u(e)}
-        @click=${this.handleClick}
-        aria-label="Floating action"
-      >
-        <slot></slot>
-      </button>
-    `;
-  }
-};
-o.styles = [
-  m,
-  d`
-    :host {
-      display: block;
-      position: fixed;
-      z-index: 100;
-    }
-
-    :host([position='bottom-right']) {
-      bottom: var(--space-lg);
-      right: var(--space-lg);
-    }
-
-    :host([position='bottom-left']) {
-      bottom: var(--space-lg);
-      left: var(--space-lg);
-    }
-
-    :host([position='top-right']) {
-      top: var(--space-lg);
-      right: var(--space-lg);
-    }
-
-    :host([position='top-left']) {
-      top: var(--space-lg);
-      left: var(--space-lg);
-    }
-
-    .button {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: var(--fab-size);
-      height: var(--fab-size);
-      padding: 0;
-      border: none;
-      border-radius: var(--radius-full);
-      background: var(--accent-primary);
-      color: white;
-      cursor: pointer;
-      box-shadow: 0 4px 12px var(--alpha-primary40);
-      transition: var(--transition-smooth);
-    }
-
-    .button:hover:not(:disabled) {
-      background: var(--accent-primary-hover);
-      transform: scale(1.05);
-      box-shadow: 0 6px 16px var(--alpha-primary50);
-    }
-
-    .button:active:not(:disabled) {
-      background: var(--accent-primary-pressed);
-      transform: scale(0.98);
-    }
-
-    .button:focus-visible {
-      outline: 2px solid var(--accent-primary);
-      outline-offset: 3px;
-    }
-
-    .button:disabled {
-      opacity: var(--opacity-disabled);
-      cursor: not-allowed;
-      box-shadow: none;
-    }
-  `
-];
-s([
-  a({ type: String })
-], o.prototype, "position", 2);
-s([
-  a({ type: String })
-], o.prototype, "size", 2);
-s([
-  a({ type: Boolean })
-], o.prototype, "disabled", 2);
-s([
-  a({ type: Object })
-], o.prototype, "sx", 2);
-o = s([
-  h("tc-floating-button")
-], o);
-export {
-  o as TcFloatingButton
-};

package/dist/widgets/tc-iframe-modal.d.ts

@@ -1,43 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * A modal that displays an iframe with loading states and message communication.
- *
- * @fires tc-close - Fired when the modal is closed
- * @fires tc-message - Fired when a message is received from the iframe
- * @fires tc-load - Fired when the iframe content is loaded
- * @csspart overlay - The backdrop overlay
- * @csspart modal - The modal container
- * @csspart header - The modal header
- * @csspart close - The close button
- * @csspart content - The content area
- * @csspart iframe - The iframe element
- * @csspart loader - The loading overlay
- */
-export declare class TcIframeModal extends LitElement {
-    src: string;
-    title: string;
-    closeOnEscape: boolean;
-    closeOnOverlay: boolean;
-    useHistory: boolean;
-    private isLoading;
-    private animation;
-    private history;
-    private messageBus;
-    static styles: import('lit').CSSResult[];
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private handleKeyDown;
-    private updateDataState;
-    open(): Promise<void>;
-    close(): Promise<void>;
-    private handleOverlayClick;
-    private handleIframeLoad;
-    sendMessage(type: string, payload?: unknown): void;
-    render(): import('lit').TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'tc-iframe-modal': TcIframeModal;
-    }
-}
-//# sourceMappingURL=tc-iframe-modal.d.ts.map

package/dist/widgets/tc-iframe-modal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tc-iframe-modal.d.ts","sourceRoot":"","sources":["../../src/widgets/tc-iframe-modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAM5C,OAAO,6BAA6B,CAAC;AAErC;;;;;;;;;;;;;GAaG;AACH,qBACa,aAAc,SAAQ,UAAU;IACf,GAAG,SAAM;IACT,KAAK,SAAM;IACoB,aAAa,UACjE;IACqD,cAAc,UACnE;IACgD,UAAU,UAAQ;IAEhE,OAAO,CAAC,SAAS,CAAQ;IAElC,OAAO,CAAC,SAAS,CAGd;IAEH,OAAO,CAAC,OAAO,CAA+B;IAC9C,OAAO,CAAC,UAAU,CAAkC;IAEpD,OAAgB,MAAM,4BAiIpB;IAEO,iBAAiB;IA6BjB,oBAAoB;IAK7B,OAAO,CAAC,aAAa,CAInB;IAEF,OAAO,CAAC,eAAe;IAIjB,IAAI;IASJ,KAAK;IAeX,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,gBAAgB;IAWxB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO;IAOlC,MAAM;CA+ChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}