@cognivo/components 0.8.0 → 0.8.2

package/dist/components/cg-kanban/cg-kanban.d.ts

@@ -1,44 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * @element cg-kanban
- * Horizontal scrollable board hosting `<cg-kanban-column>` children.
- * Listens for cross-column card drops bubbling up from columns and
- * re-emits them as `cg-kanban-card-move` with both source and target
- * column IDs — the parent only needs to listen on the kanban itself.
- *
- * The board is layout-only; consumers own the card model. Drag/drop
- * machinery lives inside cg-kanban-column (cg-droppable + cg-sortable).
- *
- * @example
- * ```html
- * <cg-kanban @cg-kanban-card-move=${onMove}>
- *   <cg-kanban-column column-id="todo" label="Todo">
- *     <cg-draggable type="card" .payload=${cardA}><cg-card>...</cg-card></cg-draggable>
- *   </cg-kanban-column>
- *   <cg-kanban-column column-id="doing" label="Doing">…</cg-kanban-column>
- *   <cg-kanban-column column-id="done" label="Done">…</cg-kanban-column>
- * </cg-kanban>
- * ```
- *
- * @slot - cg-kanban-column children.
- *
- * @fires {CustomEvent<{from: string, to: string, payload: unknown}>} cg-kanban-card-move - A card was dragged from one column to another. `from` is the source column-id; `to` is the target column-id.
- *
- * @cssprop --cg-component-kanban-gap - Gap between columns (default 16px)
- * @cssprop --cg-component-kanban-padding - Padding around the column row (default 16px)
- */
-export declare class CgKanban extends LitElement {
-    static styles: import('lit').CSSResult[];
-    /** Disable card drops across all columns. (Each column's own `disabled` still works.) */
-    disabled: boolean;
-    private _onDrop;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    render(): import('lit').TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'cg-kanban': CgKanban;
-    }
-}
-//# sourceMappingURL=cg-kanban.d.ts.map

package/dist/components/cg-kanban/cg-kanban.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"cg-kanban.d.ts","sourceRoot":"","sources":["../../../src/components/cg-kanban/cg-kanban.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,yCAAyC,CAAC;AAEjD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAgB,MAAM,4BAmBnB;IAEH,yFAAyF;IAC7C,QAAQ,UAAS;IAE7D,OAAO,CAAC,OAAO,CAoDb;IAEO,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAK5B,MAAM;CAOhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/dist/components/cg-kanban/cg-kanban.js

@@ -1,86 +0,0 @@
-import { css as m, LitElement as u, html as f } from "lit";
-import { property as b, customElement as g } from "lit/decorators.js";
-import { h, r as v } from "../../chunks/premium.css-9I4kHrsl.js";
-import "../cg-kanban-column/cg-kanban-column.js";
-var y = Object.defineProperty, C = Object.getOwnPropertyDescriptor, p = (s, r, t, o) => {
-  for (var e = o > 1 ? void 0 : o ? C(r, t) : r, n = s.length - 1, a; n >= 0; n--)
-    (a = s[n]) && (e = (o ? a(r, t, e) : a(e)) || e);
-  return o && e && y(r, t, e), e;
-};
-let l = class extends u {
-  constructor() {
-    super(...arguments), this.disabled = !1, this._onDrop = (s) => {
-      const r = s, t = r.detail;
-      if (!t || !t.source) return;
-      let o = t.source, e = null;
-      for (; o; ) {
-        if (o instanceof HTMLElement && o.tagName.toLowerCase() === "cg-kanban-column") {
-          e = o;
-          break;
-        }
-        o = o.parentNode;
-      }
-      let n = null;
-      const a = typeof r.composedPath == "function" ? r.composedPath() : [];
-      for (const c of a)
-        if (c instanceof HTMLElement && c.tagName.toLowerCase() === "cg-kanban-column") {
-          n = c;
-          break;
-        }
-      if (!e || !n) return;
-      const i = e.getAttribute("column-id") ?? "", d = n.getAttribute("column-id") ?? "";
-      i !== d && (t.source && n !== e && n.appendChild(t.source), this.dispatchEvent(new CustomEvent("cg-kanban-card-move", {
-        detail: {
-          from: i,
-          to: d,
-          payload: t.payload
-        },
-        bubbles: !0,
-        composed: !0
-      })));
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.addEventListener("cg-drop", this._onDrop);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener("cg-drop", this._onDrop);
-  }
-  render() {
-    return f`
-      <div class="board" role="list" aria-label="Kanban board">
-        <slot></slot>
-      </div>
-    `;
-  }
-};
-l.styles = [h, v, m`
-    :host {
-      display: block;
-      width: 100%;
-      overflow: hidden;
-    }
-    .board {
-      display: flex;
-      flex-direction: row;
-      gap: var(--cg-component-kanban-gap, var(--cg-spacing-16));
-      padding: var(--cg-component-kanban-padding, var(--cg-spacing-16));
-      overflow-x: auto;
-      overflow-y: hidden;
-      align-items: flex-start;
-      scroll-snap-type: x proximity;
-    }
-    .board ::slotted(cg-kanban-column) {
-      scroll-snap-align: start;
-    }
-  `];
-p([
-  b({ type: Boolean, reflect: !0 })
-], l.prototype, "disabled", 2);
-l = p([
-  g("cg-kanban")
-], l);
-export {
-  l as CgKanban
-};
-//# sourceMappingURL=cg-kanban.js.map

package/dist/components/cg-kanban/cg-kanban.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cg-kanban.js","sources":["../../../src/components/cg-kanban/cg-kanban.ts"],"sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { hostBlock, reducedMotion } from '../../styles/index.js';\nimport '../cg-kanban-column/cg-kanban-column.js';\n\n/**\n * @element cg-kanban\n * Horizontal scrollable board hosting `<cg-kanban-column>` children.\n * Listens for cross-column card drops bubbling up from columns and\n * re-emits them as `cg-kanban-card-move` with both source and target\n * column IDs — the parent only needs to listen on the kanban itself.\n *\n * The board is layout-only; consumers own the card model. Drag/drop\n * machinery lives inside cg-kanban-column (cg-droppable + cg-sortable).\n *\n * @example\n * ```html\n * <cg-kanban @cg-kanban-card-move=${onMove}>\n *   <cg-kanban-column column-id=\"todo\" label=\"Todo\">\n *     <cg-draggable type=\"card\" .payload=${cardA}><cg-card>...</cg-card></cg-draggable>\n *   </cg-kanban-column>\n *   <cg-kanban-column column-id=\"doing\" label=\"Doing\">…</cg-kanban-column>\n *   <cg-kanban-column column-id=\"done\" label=\"Done\">…</cg-kanban-column>\n * </cg-kanban>\n * ```\n *\n * @slot - cg-kanban-column children.\n *\n * @fires {CustomEvent<{from: string, to: string, payload: unknown}>} cg-kanban-card-move - A card was dragged from one column to another. `from` is the source column-id; `to` is the target column-id.\n *\n * @cssprop --cg-component-kanban-gap - Gap between columns (default 16px)\n * @cssprop --cg-component-kanban-padding - Padding around the column row (default 16px)\n */\n@customElement('cg-kanban')\nexport class CgKanban extends LitElement {\n  static override styles = [hostBlock, reducedMotion, css`\n    :host {\n      display: block;\n      width: 100%;\n      overflow: hidden;\n    }\n    .board {\n      display: flex;\n      flex-direction: row;\n      gap: var(--cg-component-kanban-gap, var(--cg-spacing-16));\n      padding: var(--cg-component-kanban-padding, var(--cg-spacing-16));\n      overflow-x: auto;\n      overflow-y: hidden;\n      align-items: flex-start;\n      scroll-snap-type: x proximity;\n    }\n    .board ::slotted(cg-kanban-column) {\n      scroll-snap-align: start;\n    }\n  `];\n\n  /** Disable card drops across all columns. (Each column's own `disabled` still works.) */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  private _onDrop = (e: Event): void => {\n    const ce = e as CustomEvent<{ payload: unknown; source?: HTMLElement }>;\n    const detail = ce.detail;\n    if (!detail || !detail.source) return;\n\n    // Walk up from the source draggable to find the originating column.\n    // Source is in light DOM so parentNode traversal works.\n    let cursor: Node | null = detail.source;\n    let fromColumn: HTMLElement | null = null;\n    while (cursor) {\n      if (cursor instanceof HTMLElement && cursor.tagName.toLowerCase() === 'cg-kanban-column') {\n        fromColumn = cursor;\n        break;\n      }\n      cursor = (cursor as Node).parentNode;\n    }\n\n    // Find the target column by walking composedPath — the cg-droppable\n    // that fired lives inside the column's shadow DOM, so parentNode walks\n    // can't cross to the host. composedPath gives us the full propagation\n    // path including shadow hosts.\n    let toColumn: HTMLElement | null = null;\n    const path = typeof ce.composedPath === 'function' ? ce.composedPath() : [];\n    for (const node of path) {\n      if (node instanceof HTMLElement && node.tagName.toLowerCase() === 'cg-kanban-column') {\n        toColumn = node;\n        break;\n      }\n    }\n\n    if (!fromColumn || !toColumn) return;\n\n    const fromId = fromColumn.getAttribute('column-id') ?? '';\n    const toId = toColumn.getAttribute('column-id') ?? '';\n    if (fromId === toId) return; // intra-column reorder is handled by cg-sortable\n\n    // Reparent the dragged element into the target column. Without this,\n    // the card snaps back when the source's transform clears in the\n    // cg-draggable cleanup path.\n    if (detail.source && toColumn !== fromColumn) {\n      toColumn.appendChild(detail.source);\n    }\n\n    this.dispatchEvent(new CustomEvent('cg-kanban-card-move', {\n      detail: {\n        from: fromId,\n        to: toId,\n        payload: detail.payload,\n      },\n      bubbles: true,\n      composed: true,\n    }));\n  };\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener('cg-drop', this._onDrop);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('cg-drop', this._onDrop);\n  }\n\n  override render() {\n    return html`\n      <div class=\"board\" role=\"list\" aria-label=\"Kanban board\">\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cg-kanban': CgKanban;\n  }\n}\n"],"names":["CgKanban","LitElement","e","ce","detail","cursor","fromColumn","toColumn","path","node","fromId","toId","html","hostBlock","reducedMotion","css","__decorateClass","property","customElement"],"mappings":";;;;;;;;;AAkCO,IAAMA,IAAN,cAAuBC,EAAW;AAAA,EAAlC,cAAA;AAAA,UAAA,GAAA,SAAA,GAuBuC,KAAA,WAAW,IAEvD,KAAQ,UAAU,CAACC,MAAmB;AACpC,YAAMC,IAAKD,GACLE,IAASD,EAAG;AAClB,UAAI,CAACC,KAAU,CAACA,EAAO,OAAQ;AAI/B,UAAIC,IAAsBD,EAAO,QAC7BE,IAAiC;AACrC,aAAOD,KAAQ;AACb,YAAIA,aAAkB,eAAeA,EAAO,QAAQ,YAAA,MAAkB,oBAAoB;AACxF,UAAAC,IAAaD;AACb;AAAA,QACF;AACA,QAAAA,IAAUA,EAAgB;AAAA,MAC5B;AAMA,UAAIE,IAA+B;AACnC,YAAMC,IAAO,OAAOL,EAAG,gBAAiB,aAAaA,EAAG,aAAA,IAAiB,CAAA;AACzE,iBAAWM,KAAQD;AACjB,YAAIC,aAAgB,eAAeA,EAAK,QAAQ,YAAA,MAAkB,oBAAoB;AACpF,UAAAF,IAAWE;AACX;AAAA,QACF;AAGF,UAAI,CAACH,KAAc,CAACC,EAAU;AAE9B,YAAMG,IAASJ,EAAW,aAAa,WAAW,KAAK,IACjDK,IAAOJ,EAAS,aAAa,WAAW,KAAK;AACnD,MAAIG,MAAWC,MAKXP,EAAO,UAAUG,MAAaD,KAChCC,EAAS,YAAYH,EAAO,MAAM,GAGpC,KAAK,cAAc,IAAI,YAAY,uBAAuB;AAAA,QACxD,QAAQ;AAAA,UACN,MAAMM;AAAA,UACN,IAAIC;AAAA,UACJ,SAASP,EAAO;AAAA,QAAA;AAAA,QAElB,SAAS;AAAA,QACT,UAAU;AAAA,MAAA,CACX,CAAC;AAAA,IACJ;AAAA,EAAA;AAAA,EAES,oBAA0B;AACjC,UAAM,kBAAA,GACN,KAAK,iBAAiB,WAAW,KAAK,OAAO;AAAA,EAC/C;AAAA,EAES,uBAA6B;AACpC,UAAM,qBAAA,GACN,KAAK,oBAAoB,WAAW,KAAK,OAAO;AAAA,EAClD;AAAA,EAES,SAAS;AAChB,WAAOQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAKT;AACF;AAhGaZ,EACK,SAAS,CAACa,GAAWC,GAAeC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAmBnD;AAG2CC,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAvB/BjB,EAuBiC,WAAA,YAAA,CAAA;AAvBjCA,IAANgB,EAAA;AAAA,EADNE,EAAc,WAAW;AAAA,GACblB,CAAA;"}

package/dist/components/cg-kanban-column/cg-kanban-column.d.ts

@@ -1,58 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * @element cg-kanban-column
- * One column in a `<cg-kanban>` board. Composes `<cg-droppable>` (accepts
- * cards from peer columns) with `<cg-sortable>` (reorder within the
- * column). Header carries the column label and an automatic count badge.
- *
- * Each column has a stable `column-id` that's emitted with the
- * `cg-kanban-card-move` event so the parent `<cg-kanban>` can identify
- * the source and target columns. The cards live in the default slot;
- * each must be wrapped in `<cg-draggable type="card">`.
- *
- * @example
- * ```html
- * <cg-kanban-column column-id="todo" label="Todo" accepts="card">
- *   <cg-draggable type="card" .payload=${task1}>
- *     <cg-card>Task 1</cg-card>
- *   </cg-draggable>
- *   <cg-draggable type="card" .payload=${task2}>
- *     <cg-card>Task 2</cg-card>
- *   </cg-draggable>
- *   <cg-button slot="footer" variant="tertiary">+ Add task</cg-button>
- * </cg-kanban-column>
- * ```
- *
- * @slot - cg-draggable elements wrapping each card.
- * @slot header - Custom header content (overrides label + count).
- * @slot footer - Footer content (typically an "Add" button).
- *
- * @fires {CustomEvent<{from: number, to: number}>} cg-sort - Card reordered within the column
- *
- * @cssprop --cg-component-kanban-column-width - Min/preferred column width (default 280px)
- * @cssprop --cg-component-kanban-column-max-height - Max body height before scrolling (default 70vh)
- */
-export declare class CgKanbanColumn extends LitElement {
-    static styles: import('lit').CSSResult[];
-    /** Stable identifier emitted in `cg-kanban-card-move`. */
-    columnId: string;
-    /** Display label in the header. Ignored when the `header` slot has content. */
-    label: string;
-    /** Drag types this column accepts. Space-separated. Default: "card". */
-    accepts: string;
-    /** Hide the auto count badge. */
-    hideCount: boolean;
-    /** Disable drops + sorting on this column. */
-    disabled: boolean;
-    private _cardCount;
-    private _hasFooter;
-    private _onCardSlotChange;
-    private _onFooterSlotChange;
-    render(): import('lit').TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'cg-kanban-column': CgKanbanColumn;
-    }
-}
-//# sourceMappingURL=cg-kanban-column.d.ts.map

package/dist/components/cg-kanban-column/cg-kanban-column.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"cg-kanban-column.d.ts","sourceRoot":"","sources":["../../../src/components/cg-kanban-column/cg-kanban-column.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAGrD,OAAO,iCAAiC,CAAC;AACzC,OAAO,+BAA+B,CAAC;AAEvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC5C,OAAgB,MAAM,4BAyEnB;IAEH,0DAA0D;IACL,QAAQ,SAAM;IAEnE,+EAA+E;IACnE,KAAK,SAAM;IAEvB,wEAAwE;IAC5D,OAAO,SAAU;IAE7B,iCAAiC;IACoC,SAAS,UAAS;IAEvF,8CAA8C;IACF,QAAQ,UAAS;IAEpD,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,UAAU,CAAS;IAEpC,OAAO,CAAC,iBAAiB,CAIvB;IAEF,OAAO,CAAC,mBAAmB,CAGzB;IAEO,MAAM;CAqBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}

package/dist/components/cg-kanban-column/cg-kanban-column.js

@@ -1,144 +0,0 @@
-import { css as p, LitElement as u, nothing as g, html as d } from "lit";
-import { property as n, state as h, customElement as f } from "lit/decorators.js";
-import { h as b, r as v } from "../../chunks/premium.css-9I4kHrsl.js";
-import "../cg-droppable/cg-droppable.js";
-import "../cg-sortable/cg-sortable.js";
-var m = Object.defineProperty, y = Object.getOwnPropertyDescriptor, t = (o, r, s, c) => {
-  for (var a = c > 1 ? void 0 : c ? y(r, s) : r, i = o.length - 1, l; i >= 0; i--)
-    (l = o[i]) && (a = (c ? l(r, s, a) : l(a)) || a);
-  return c && a && m(r, s, a), a;
-};
-let e = class extends u {
-  constructor() {
-    super(...arguments), this.columnId = "", this.label = "", this.accepts = "card", this.hideCount = !1, this.disabled = !1, this._cardCount = 0, this._hasFooter = !1, this._onCardSlotChange = (o) => {
-      const s = o.target.assignedElements({ flatten: !0 });
-      this._cardCount = s.length;
-    }, this._onFooterSlotChange = (o) => {
-      const r = o.target;
-      this._hasFooter = r.assignedNodes({ flatten: !0 }).length > 0;
-    };
-  }
-  render() {
-    const o = !this.hideCount && this._cardCount > 0;
-    return d`
-      <header class="header">
-        <slot name="header">
-          ${this.label ? d`<span class="label">${this.label}</span>` : g}
-          ${o ? d`<span class="count">${this._cardCount}</span>` : g}
-        </slot>
-      </header>
-      <div class="body">
-        <cg-droppable accepts=${this.accepts} ?disabled=${this.disabled}>
-          <cg-sortable ?disabled=${this.disabled}>
-            <slot @slotchange=${this._onCardSlotChange}></slot>
-          </cg-sortable>
-        </cg-droppable>
-      </div>
-      <div class="footer ${this._hasFooter ? "has-footer" : ""}">
-        <slot name="footer" @slotchange=${this._onFooterSlotChange}></slot>
-      </div>
-    `;
-  }
-};
-e.styles = [b, v, p`
-    :host {
-      display: flex;
-      flex-direction: column;
-      flex: 0 0 auto;
-      width: var(--cg-component-kanban-column-width, 280px);
-      background: var(--cg-color-surface-container-background);
-      border: var(--cg-border-width-50) solid var(--cg-color-surface-cards-border);
-      border-radius: var(--cg-component-card-radius, var(--cg-border-radius-150));
-      overflow: hidden;
-    }
-
-    .header {
-      display: flex;
-      align-items: center;
-      gap: var(--cg-spacing-8);
-      padding: var(--cg-spacing-12) var(--cg-spacing-16);
-      border-bottom: var(--cg-border-width-50) solid var(--cg-color-surface-cards-border);
-      flex-shrink: 0;
-    }
-
-    .label {
-      font-size: var(--cg-font-size-sm);
-      font-weight: var(--cg-font-weight-medium);
-      color: var(--cg-color-surface-base-text);
-      flex: 1 1 auto;
-      min-width: 0;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-
-    .count {
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      min-width: var(--cg-spacing-20);
-      height: var(--cg-spacing-20);
-      padding: 0 var(--cg-spacing-6);
-      border-radius: var(--cg-border-radius-full);
-      background: var(--cg-color-action-tertiary-background-hover);
-      color: var(--cg-color-surface-container-outlined);
-      font-size: var(--cg-font-size-xs);
-      font-weight: var(--cg-font-weight-medium);
-      line-height: 1;
-    }
-
-    .body {
-      flex: 1 1 auto;
-      min-height: var(--cg-spacing-48);
-      max-height: var(--cg-component-kanban-column-max-height, 70vh);
-      overflow-y: auto;
-      padding: var(--cg-spacing-8);
-      display: flex;
-      flex-direction: column;
-      gap: var(--cg-spacing-8);
-    }
-
-    .body cg-droppable {
-      display: flex;
-      flex-direction: column;
-      gap: var(--cg-spacing-8);
-      min-height: var(--cg-spacing-48);
-    }
-
-    .footer {
-      padding: var(--cg-spacing-8);
-      border-top: var(--cg-border-width-50) solid var(--cg-color-surface-cards-border);
-      flex-shrink: 0;
-    }
-    .footer:not(.has-footer) { display: none; }
-
-    :host([disabled]) .body { opacity: 0.5; pointer-events: none; }
-  `];
-t([
-  n({ attribute: "column-id", reflect: !0 })
-], e.prototype, "columnId", 2);
-t([
-  n()
-], e.prototype, "label", 2);
-t([
-  n()
-], e.prototype, "accepts", 2);
-t([
-  n({ type: Boolean, attribute: "hide-count", reflect: !0 })
-], e.prototype, "hideCount", 2);
-t([
-  n({ type: Boolean, reflect: !0 })
-], e.prototype, "disabled", 2);
-t([
-  h()
-], e.prototype, "_cardCount", 2);
-t([
-  h()
-], e.prototype, "_hasFooter", 2);
-e = t([
-  f("cg-kanban-column")
-], e);
-export {
-  e as CgKanbanColumn
-};
-//# sourceMappingURL=cg-kanban-column.js.map

package/dist/components/cg-kanban-column/cg-kanban-column.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cg-kanban-column.js","sources":["../../../src/components/cg-kanban-column/cg-kanban-column.ts"],"sourcesContent":["import { LitElement, html, css, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { hostBlock, reducedMotion } from '../../styles/index.js';\nimport '../cg-droppable/cg-droppable.js';\nimport '../cg-sortable/cg-sortable.js';\n\n/**\n * @element cg-kanban-column\n * One column in a `<cg-kanban>` board. Composes `<cg-droppable>` (accepts\n * cards from peer columns) with `<cg-sortable>` (reorder within the\n * column). Header carries the column label and an automatic count badge.\n *\n * Each column has a stable `column-id` that's emitted with the\n * `cg-kanban-card-move` event so the parent `<cg-kanban>` can identify\n * the source and target columns. The cards live in the default slot;\n * each must be wrapped in `<cg-draggable type=\"card\">`.\n *\n * @example\n * ```html\n * <cg-kanban-column column-id=\"todo\" label=\"Todo\" accepts=\"card\">\n *   <cg-draggable type=\"card\" .payload=${task1}>\n *     <cg-card>Task 1</cg-card>\n *   </cg-draggable>\n *   <cg-draggable type=\"card\" .payload=${task2}>\n *     <cg-card>Task 2</cg-card>\n *   </cg-draggable>\n *   <cg-button slot=\"footer\" variant=\"tertiary\">+ Add task</cg-button>\n * </cg-kanban-column>\n * ```\n *\n * @slot - cg-draggable elements wrapping each card.\n * @slot header - Custom header content (overrides label + count).\n * @slot footer - Footer content (typically an \"Add\" button).\n *\n * @fires {CustomEvent<{from: number, to: number}>} cg-sort - Card reordered within the column\n *\n * @cssprop --cg-component-kanban-column-width - Min/preferred column width (default 280px)\n * @cssprop --cg-component-kanban-column-max-height - Max body height before scrolling (default 70vh)\n */\n@customElement('cg-kanban-column')\nexport class CgKanbanColumn extends LitElement {\n  static override styles = [hostBlock, reducedMotion, css`\n    :host {\n      display: flex;\n      flex-direction: column;\n      flex: 0 0 auto;\n      width: var(--cg-component-kanban-column-width, 280px);\n      background: var(--cg-color-surface-container-background);\n      border: var(--cg-border-width-50) solid var(--cg-color-surface-cards-border);\n      border-radius: var(--cg-component-card-radius, var(--cg-border-radius-150));\n      overflow: hidden;\n    }\n\n    .header {\n      display: flex;\n      align-items: center;\n      gap: var(--cg-spacing-8);\n      padding: var(--cg-spacing-12) var(--cg-spacing-16);\n      border-bottom: var(--cg-border-width-50) solid var(--cg-color-surface-cards-border);\n      flex-shrink: 0;\n    }\n\n    .label {\n      font-size: var(--cg-font-size-sm);\n      font-weight: var(--cg-font-weight-medium);\n      color: var(--cg-color-surface-base-text);\n      flex: 1 1 auto;\n      min-width: 0;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .count {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-width: var(--cg-spacing-20);\n      height: var(--cg-spacing-20);\n      padding: 0 var(--cg-spacing-6);\n      border-radius: var(--cg-border-radius-full);\n      background: var(--cg-color-action-tertiary-background-hover);\n      color: var(--cg-color-surface-container-outlined);\n      font-size: var(--cg-font-size-xs);\n      font-weight: var(--cg-font-weight-medium);\n      line-height: 1;\n    }\n\n    .body {\n      flex: 1 1 auto;\n      min-height: var(--cg-spacing-48);\n      max-height: var(--cg-component-kanban-column-max-height, 70vh);\n      overflow-y: auto;\n      padding: var(--cg-spacing-8);\n      display: flex;\n      flex-direction: column;\n      gap: var(--cg-spacing-8);\n    }\n\n    .body cg-droppable {\n      display: flex;\n      flex-direction: column;\n      gap: var(--cg-spacing-8);\n      min-height: var(--cg-spacing-48);\n    }\n\n    .footer {\n      padding: var(--cg-spacing-8);\n      border-top: var(--cg-border-width-50) solid var(--cg-color-surface-cards-border);\n      flex-shrink: 0;\n    }\n    .footer:not(.has-footer) { display: none; }\n\n    :host([disabled]) .body { opacity: 0.5; pointer-events: none; }\n  `];\n\n  /** Stable identifier emitted in `cg-kanban-card-move`. */\n  @property({ attribute: 'column-id', reflect: true }) columnId = '';\n\n  /** Display label in the header. Ignored when the `header` slot has content. */\n  @property() label = '';\n\n  /** Drag types this column accepts. Space-separated. Default: \"card\". */\n  @property() accepts = 'card';\n\n  /** Hide the auto count badge. */\n  @property({ type: Boolean, attribute: 'hide-count', reflect: true }) hideCount = false;\n\n  /** Disable drops + sorting on this column. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  @state() private _cardCount = 0;\n  @state() private _hasFooter = false;\n\n  private _onCardSlotChange = (e: Event): void => {\n    const slot = e.target as HTMLSlotElement;\n    const cards = slot.assignedElements({ flatten: true });\n    this._cardCount = cards.length;\n  };\n\n  private _onFooterSlotChange = (e: Event): void => {\n    const slot = e.target as HTMLSlotElement;\n    this._hasFooter = slot.assignedNodes({ flatten: true }).length > 0;\n  };\n\n  override render() {\n    const showCount = !this.hideCount && this._cardCount > 0;\n    return html`\n      <header class=\"header\">\n        <slot name=\"header\">\n          ${this.label ? html`<span class=\"label\">${this.label}</span>` : nothing}\n          ${showCount ? html`<span class=\"count\">${this._cardCount}</span>` : nothing}\n        </slot>\n      </header>\n      <div class=\"body\">\n        <cg-droppable accepts=${this.accepts} ?disabled=${this.disabled}>\n          <cg-sortable ?disabled=${this.disabled}>\n            <slot @slotchange=${this._onCardSlotChange}></slot>\n          </cg-sortable>\n        </cg-droppable>\n      </div>\n      <div class=\"footer ${this._hasFooter ? 'has-footer' : ''}\">\n        <slot name=\"footer\" @slotchange=${this._onFooterSlotChange}></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cg-kanban-column': CgKanbanColumn;\n  }\n}\n"],"names":["CgKanbanColumn","LitElement","e","cards","slot","showCount","html","nothing","hostBlock","reducedMotion","css","__decorateClass","property","state","customElement"],"mappings":";;;;;;;;;;AAwCO,IAAMA,IAAN,cAA6BC,EAAW;AAAA,EAAxC,cAAA;AAAA,UAAA,GAAA,SAAA,GA6EgD,KAAA,WAAW,IAGpD,KAAA,QAAQ,IAGR,KAAA,UAAU,QAG+C,KAAA,YAAY,IAGrC,KAAA,WAAW,IAE9C,KAAQ,aAAa,GACrB,KAAQ,aAAa,IAE9B,KAAQ,oBAAoB,CAACC,MAAmB;AAE9C,YAAMC,IADOD,EAAE,OACI,iBAAiB,EAAE,SAAS,IAAM;AACrD,WAAK,aAAaC,EAAM;AAAA,IAC1B,GAEA,KAAQ,sBAAsB,CAACD,MAAmB;AAChD,YAAME,IAAOF,EAAE;AACf,WAAK,aAAaE,EAAK,cAAc,EAAE,SAAS,GAAA,CAAM,EAAE,SAAS;AAAA,IACnE;AAAA,EAAA;AAAA,EAES,SAAS;AAChB,UAAMC,IAAY,CAAC,KAAK,aAAa,KAAK,aAAa;AACvD,WAAOC;AAAA;AAAA;AAAA,YAGC,KAAK,QAAQA,wBAA2B,KAAK,KAAK,YAAYC,CAAO;AAAA,YACrEF,IAAYC,wBAA2B,KAAK,UAAU,YAAYC,CAAO;AAAA;AAAA;AAAA;AAAA,gCAIrD,KAAK,OAAO,cAAc,KAAK,QAAQ;AAAA,mCACpC,KAAK,QAAQ;AAAA,gCAChB,KAAK,iBAAiB;AAAA;AAAA;AAAA;AAAA,2BAI3B,KAAK,aAAa,eAAe,EAAE;AAAA,0CACpB,KAAK,mBAAmB;AAAA;AAAA;AAAA,EAGhE;AACF;AA9HaP,EACK,SAAS,CAACQ,GAAWC,GAAeC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAyEnD;AAGoDC,EAAA;AAAA,EAApDC,EAAS,EAAE,WAAW,aAAa,SAAS,IAAM;AAAA,GA7ExCZ,EA6E0C,WAAA,YAAA,CAAA;AAGzCW,EAAA;AAAA,EAAXC,EAAA;AAAS,GAhFCZ,EAgFC,WAAA,SAAA,CAAA;AAGAW,EAAA;AAAA,EAAXC,EAAA;AAAS,GAnFCZ,EAmFC,WAAA,WAAA,CAAA;AAGyDW,EAAA;AAAA,EAApEC,EAAS,EAAE,MAAM,SAAS,WAAW,cAAc,SAAS,IAAM;AAAA,GAtFxDZ,EAsF0D,WAAA,aAAA,CAAA;AAGzBW,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAzF/BZ,EAyFiC,WAAA,YAAA,CAAA;AAE3BW,EAAA;AAAA,EAAhBE,EAAA;AAAM,GA3FIb,EA2FM,WAAA,cAAA,CAAA;AACAW,EAAA;AAAA,EAAhBE,EAAA;AAAM,GA5FIb,EA4FM,WAAA,cAAA,CAAA;AA5FNA,IAANW,EAAA;AAAA,EADNG,EAAc,kBAAkB;AAAA,GACpBd,CAAA;"}

package/dist/components/cg-mfa-prompt/cg-mfa-prompt.d.ts

@@ -1,77 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * @element cg-mfa-prompt
- * Multi-factor authentication challenge UI. Shows the current factor
- * (TOTP, SMS, email, WebAuthn), a code input where applicable, and a
- * resend control with a token-driven cooldown timer. Emits `cg-mfa-submit`
- * when the user submits a code.
- *
- * The component is form-aware via cg-otp-input — pressing Enter inside
- * the OTP cells, or auto-submit when the code reaches the configured
- * length, both fire `cg-mfa-submit` with the entered value.
- *
- * @example TOTP challenge
- * ```html
- * <cg-mfa-prompt
- *   factor="totp"
- *   length="6"
- *   .resendCooldown=${30}
- *   @cg-mfa-submit=${onSubmit}
- *   @cg-mfa-resend=${onResend}
- * ></cg-mfa-prompt>
- * ```
- *
- * @example SMS with destination hint
- * ```html
- * <cg-mfa-prompt factor="sms" destination="+61 4** *** 219"></cg-mfa-prompt>
- * ```
- *
- * @example WebAuthn (no code input — just a re-prompt button)
- * ```html
- * <cg-mfa-prompt factor="webauthn" @cg-mfa-trigger=${onWebAuthn}></cg-mfa-prompt>
- * ```
- *
- * @slot footer - Slot for "Use a backup code" / "Try another method" links.
- *
- * @fires {CustomEvent<{factor: string, code: string}>} cg-mfa-submit - Code submitted (auto or explicit)
- * @fires {CustomEvent<{factor: string}>} cg-mfa-resend - Resend requested (after cooldown)
- * @fires {CustomEvent<{factor: string}>} cg-mfa-trigger - Trigger requested (factors that don't take a code, e.g. WebAuthn)
- */
-export declare class CgMfaPrompt extends LitElement {
-    static styles: import('lit').CSSResult[];
-    /** Active factor. Drives the visible copy + which input renders. */
-    factor: 'totp' | 'sms' | 'email' | 'webauthn';
-    /** OTP code length. 6 by default; some providers use 4 or 8. */
-    length: number;
-    /** Where the code was sent (e.g. masked phone or email). Decorative. */
-    destination: string;
-    /** Cooldown in seconds before the resend button reactivates after a click. */
-    resendCooldown: number;
-    /** Disable the entire prompt (resending + submitting). */
-    disabled: boolean;
-    /** Override the resend label — e.g. "Send new code" vs "Resend". */
-    resendLabel: string;
-    /** Override the WebAuthn trigger label. */
-    triggerLabel: string;
-    private _code;
-    private _resendRemaining;
-    private _resendTimer;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private _tickResend;
-    /** Restart the resend cooldown. Call after the consumer issues a new code. */
-    startCooldown(seconds?: number): void;
-    private _onCodeChange;
-    private _onCodeComplete;
-    private _submit;
-    private _onResend;
-    private _onTrigger;
-    private _factorCopy;
-    render(): import('lit').TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'cg-mfa-prompt': CgMfaPrompt;
-    }
-}
-//# sourceMappingURL=cg-mfa-prompt.d.ts.map

package/dist/components/cg-mfa-prompt/cg-mfa-prompt.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"cg-mfa-prompt.d.ts","sourceRoot":"","sources":["../../../src/components/cg-mfa-prompt/cg-mfa-prompt.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAGrD,OAAO,iCAAiC,CAAC;AAEzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,4BAiFnB;IAEH,oEAAoE;IACvC,MAAM,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,CAAU;IAEpF,gEAAgE;IACpC,MAAM,SAAK;IAEvC,wEAAwE;IAC5D,WAAW,SAAM;IAE7B,8EAA8E;IACpB,cAAc,SAAM;IAE9E,0DAA0D;IACd,QAAQ,UAAS;IAE7D,oEAAoE;IAC3B,WAAW,SAAiB;IAErE,2CAA2C;IACD,YAAY,SAAsB;IAEnE,OAAO,CAAC,KAAK,CAAM;IACnB,OAAO,CAAC,gBAAgB,CAAK;IAEtC,OAAO,CAAC,YAAY,CAAqB;IAEhC,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAKrC,OAAO,CAAC,WAAW;IAYnB,8EAA8E;IAC9E,aAAa,CAAC,OAAO,GAAE,MAA4B,GAAG,IAAI;IAK1D,OAAO,CAAC,aAAa,CAGnB;IAEF,OAAO,CAAC,eAAe,CAIrB;IAEF,OAAO,CAAC,OAAO;IAUf,OAAO,CAAC,SAAS,CAQf;IAEF,OAAO,CAAC,UAAU,CAOhB;IAEF,OAAO,CAAC,WAAW;IA6BV,MAAM;CA0DhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,WAAW,CAAC;KAC9B;CACF"}