@krumio/trailhand-ui 1.10.2 → 1.11.1

package/dist/components/dock/dock.d.ts

@@ -0,0 +1,70 @@
+import { LitElement, TemplateResult } from 'lit';
+import '../icon/icon';
+export type DockPin = 'bottom' | 'left' | 'right';
+export interface DockTab {
+    id: string;
+    label: string;
+    icon?: string;
+    closable?: boolean;
+}
+export interface DockProps {
+    open: boolean;
+    pin: DockPin;
+    tabs: DockTab[];
+    activeTab: string | null;
+    height: number;
+    width: number;
+}
+/**
+ * A tabbed, resizable, pinnable dock panel (bottom/left/right), for things
+ * like live log streams or an interactive terminal that must keep running
+ * while hidden behind another tab.
+ *
+ * Project each tab's content into the slot named `tab:<tabId>`. The consumer
+ * is responsible for keying its own child content by tab id (e.g. Vue's
+ * `:key`) so it isn't recreated on re-render, trailhand-dock guarantees the
+ * slot itself stays stable across tab switches, but that guarantee only
+ * holds end to end if the consumer doesn't destroy its own node either.
+ *
+ * @slot tab:<tabId> - Content for the tab with the matching id.
+ *
+ * @fires dock-open - Dock opened (first tab added, or opened externally).
+ * @fires dock-close - Dock closed (last tab removed, or closed externally).
+ * @fires dock-tab-switch - detail: { id }, active tab changed.
+ * @fires dock-tab-close - detail: { id }, a tab was closed.
+ * @fires dock-resize - detail: { width, height }, fires live during a resize.
+ * @fires dock-pin-change - detail: { pin }, pin position changed.
+ */
+export declare class Dock extends LitElement {
+    open: boolean;
+    pin: DockPin;
+    tabs: DockTab[];
+    activeTab: string | null;
+    /** Height in px, used when pin === 'bottom'. */
+    height: number;
+    /** Width in px, used when pin !== 'bottom'. */
+    width: number;
+    private _dragStart;
+    static styles: import("lit").CSSResult;
+    willUpdate(changed: Map<string, unknown>): void;
+    /** Opens a tab, focusing it if it's already open (no duplicates). */
+    openTab(tab: DockTab): void;
+    closeTab(id: string): void;
+    switchTab(id: string): void;
+    private _switchTab;
+    private _closeTab;
+    private _emit;
+    private get _currentSize();
+    private _clamp;
+    private _commitResize;
+    private _onResizePointerDown;
+    private _onResizePointerMove;
+    private _onResizePointerUp;
+    private _onResizeKeydown;
+    private _renderResizer;
+    private _renderTab;
+    private _handleTabKeydown;
+    private _renderPanel;
+    render(): TemplateResult;
+}
+//# sourceMappingURL=dock.d.ts.map

package/dist/components/dock/dock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dock.d.ts","sourceRoot":"","sources":["../../../src/components/dock/dock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAW,MAAM,KAAK,CAAC;AAIrE,OAAO,cAAc,CAAC;AAEtB,MAAM,MAAM,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAElD,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,GAAG,EAAE,OAAO,CAAC;IACb,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBAAa,IAAK,SAAQ,UAAU;IAElC,IAAI,UAAS;IAGb,GAAG,EAAE,OAAO,CAAY;IAGxB,IAAI,EAAE,OAAO,EAAE,CAAM;IAGrB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEhC,gDAAgD;IAEhD,MAAM,SAAO;IAEb,+CAA+C;IAE/C,KAAK,SAAO;IAEZ,OAAO,CAAC,UAAU,CAA4D;IAE9E,MAAM,CAAC,MAAM,0BAyJX;IAEF,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IA4BxC,qEAAqE;IACrE,OAAO,CAAC,GAAG,EAAE,OAAO,GAAG,IAAI;IAQ3B,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAI1B,SAAS,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAI3B,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,SAAS;IAgBjB,OAAO,CAAC,KAAK;IAMb,OAAO,KAAK,YAAY,GAEvB;IAED,OAAO,CAAC,MAAM;IAQd,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,oBAAoB,CAK1B;IAEF,OAAO,CAAC,oBAAoB,CAQ1B;IAEF,OAAO,CAAC,kBAAkB,CAExB;IAEF,OAAO,CAAC,gBAAgB,CAatB;IAEF,OAAO,CAAC,cAAc;IAsBtB,OAAO,CAAC,UAAU;IAsClB,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,YAAY;IAcpB,MAAM,IAAI,cAAc;CAmBzB"}

package/dist/components/dock/dock.js

@@ -0,0 +1,419 @@
+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, html, css, nothing } from 'lit';
+import { property } from 'lit/decorators.js';
+import { repeat } from 'lit/directives/repeat.js';
+import { styleMap } from 'lit/directives/style-map.js';
+import '../icon/icon';
+/**
+ * A tabbed, resizable, pinnable dock panel (bottom/left/right), for things
+ * like live log streams or an interactive terminal that must keep running
+ * while hidden behind another tab.
+ *
+ * Project each tab's content into the slot named `tab:<tabId>`. The consumer
+ * is responsible for keying its own child content by tab id (e.g. Vue's
+ * `:key`) so it isn't recreated on re-render, trailhand-dock guarantees the
+ * slot itself stays stable across tab switches, but that guarantee only
+ * holds end to end if the consumer doesn't destroy its own node either.
+ *
+ * @slot tab:<tabId> - Content for the tab with the matching id.
+ *
+ * @fires dock-open - Dock opened (first tab added, or opened externally).
+ * @fires dock-close - Dock closed (last tab removed, or closed externally).
+ * @fires dock-tab-switch - detail: { id }, active tab changed.
+ * @fires dock-tab-close - detail: { id }, a tab was closed.
+ * @fires dock-resize - detail: { width, height }, fires live during a resize.
+ * @fires dock-pin-change - detail: { pin }, pin position changed.
+ */
+export class Dock extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.open = false;
+        this.pin = 'bottom';
+        this.tabs = [];
+        this.activeTab = null;
+        /** Height in px, used when pin === 'bottom'. */
+        this.height = 300;
+        /** Width in px, used when pin !== 'bottom'. */
+        this.width = 400;
+        this._dragStart = null;
+        this._onResizePointerDown = (e) => {
+            e.currentTarget.setPointerCapture(e.pointerId);
+            const coord = this.pin === 'bottom' ? e.clientY : e.clientX;
+            const startSize = this.pin === 'bottom' ? this.height : this.width;
+            this._dragStart = { pointerCoord: coord, startSize };
+        };
+        this._onResizePointerMove = (e) => {
+            if (!this._dragStart)
+                return;
+            const coord = this.pin === 'bottom' ? e.clientY : e.clientX;
+            const rawDelta = coord - this._dragStart.pointerCoord;
+            // Handle faces the page, not the viewport edge. Left is the only pin
+            // where growing doesn't need the delta negated.
+            const signedDelta = this.pin === 'left' ? rawDelta : -rawDelta;
+            this._commitResize(this._clamp(this._dragStart.startSize + signedDelta));
+        };
+        this._onResizePointerUp = () => {
+            this._dragStart = null;
+        };
+        this._onResizeKeydown = (e) => {
+            const step = 20;
+            const isBottom = this.pin === 'bottom';
+            const growKey = isBottom ? 'ArrowUp' : this.pin === 'left' ? 'ArrowRight' : 'ArrowLeft';
+            const shrinkKey = isBottom ? 'ArrowDown' : this.pin === 'left' ? 'ArrowLeft' : 'ArrowRight';
+            if (e.key !== growKey && e.key !== shrinkKey)
+                return;
+            e.preventDefault();
+            const delta = e.key === growKey ? step : -step;
+            const current = isBottom ? this.height : this.width;
+            this._commitResize(this._clamp(current + delta));
+        };
+    }
+    willUpdate(changed) {
+        if (changed.has('tabs')) {
+            const prevTabs = changed.get('tabs');
+            const hadTabs = (prevTabs?.length ?? 0) > 0;
+            if (!hadTabs && this.tabs.length > 0 && !this.open) {
+                this.open = true;
+                this._emit('dock-open', {});
+            }
+            if (this.tabs.length > 0 &&
+                !this.tabs.some((t) => t.id === this.activeTab)) {
+                this._switchTab(this.tabs[0].id);
+            }
+            if (this.tabs.length === 0 && this.open) {
+                this.open = false;
+                this._emit('dock-close', {});
+            }
+        }
+        if (changed.has('pin') && changed.get('pin') !== undefined) {
+            this._emit('dock-pin-change', { pin: this.pin });
+        }
+    }
+    /** Opens a tab, focusing it if it's already open (no duplicates). */
+    openTab(tab) {
+        if (this.tabs.some((t) => t.id === tab.id)) {
+            this._switchTab(tab.id);
+            return;
+        }
+        this.tabs = [...this.tabs, tab];
+    }
+    closeTab(id) {
+        this._closeTab(id);
+    }
+    switchTab(id) {
+        this._switchTab(id);
+    }
+    _switchTab(id) {
+        if (this.activeTab === id)
+            return;
+        this.activeTab = id;
+        this._emit('dock-tab-switch', { id });
+    }
+    _closeTab(id) {
+        const idx = this.tabs.findIndex((t) => t.id === id);
+        if (idx === -1)
+            return;
+        const wasActive = this.activeTab === id;
+        const next = this.tabs.filter((t) => t.id !== id);
+        this.tabs = next;
+        if (wasActive && next.length > 0) {
+            const neighbor = next[Math.max(0, idx - 1)];
+            this._switchTab(neighbor.id);
+        }
+        this._emit('dock-tab-close', { id });
+    }
+    _emit(name, detail) {
+        this.dispatchEvent(new CustomEvent(name, { detail, bubbles: true, composed: true }));
+    }
+    get _currentSize() {
+        return this.pin === 'bottom' ? this.height : this.width;
+    }
+    _clamp(raw) {
+        return this.pin === 'bottom'
+            ? Math.min(Math.max(raw, 50), window.innerHeight * 0.75)
+            : Math.min(Math.max(raw, 250), window.innerWidth * 0.4);
+    }
+    // Commits live (every pointermove/keydown), not debounced to the drag end,
+    // so a consumer syncing its own layout to this doesn't lag behind.
+    _commitResize(size) {
+        if (this.pin === 'bottom') {
+            this.height = size;
+        }
+        else {
+            this.width = size;
+        }
+        this._emit('dock-resize', { width: this.width, height: this.height });
+    }
+    _renderResizer() {
+        const isBottom = this.pin === 'bottom';
+        const max = isBottom ? window.innerHeight * 0.75 : window.innerWidth * 0.4;
+        return html `
+      <div
+        class="dock__resizer"
+        role="separator"
+        aria-orientation=${isBottom ? 'horizontal' : 'vertical'}
+        aria-valuenow=${this._currentSize}
+        aria-valuemin=${isBottom ? 50 : 250}
+        aria-valuemax=${Math.round(max)}
+        tabindex="0"
+        @pointerdown=${this._onResizePointerDown}
+        @pointermove=${this._onResizePointerMove}
+        @pointerup=${this._onResizePointerUp}
+        @pointercancel=${this._onResizePointerUp}
+        @keydown=${this._onResizeKeydown}
+      ></div>
+    `;
+    }
+    _renderTab(tab) {
+        const active = tab.id === this.activeTab;
+        const closable = tab.closable !== false;
+        return html `
+      <div
+        class="dock__tab ${active ? 'dock__tab--active' : ''}"
+        id="tab-${tab.id}"
+        role="tab"
+        tabindex="0"
+        aria-selected=${active}
+        aria-controls="panel-${tab.id}"
+        @click=${() => this._switchTab(tab.id)}
+        @keydown=${(e) => this._handleTabKeydown(e, tab)}
+      >
+        ${active
+            ? html `<trailhand-icon class="dock__tab-active-icon" name="circle"></trailhand-icon>`
+            : nothing}
+        ${tab.icon
+            ? html `<trailhand-icon name=${tab.icon}></trailhand-icon>`
+            : nothing}
+        <span class="dock__tab-label">${tab.label}</span>
+        ${closable
+            ? html `<button
+              class="dock__tab-close"
+              aria-label="Close ${tab.label}"
+              @click=${(e) => {
+                e.stopPropagation();
+                this._closeTab(tab.id);
+            }}
+            >
+              <trailhand-icon name="closeSquare"></trailhand-icon>
+            </button>`
+            : nothing}
+      </div>
+    `;
+    }
+    _handleTabKeydown(e, tab) {
+        if (e.key !== 'Enter' && e.key !== ' ')
+            return;
+        e.preventDefault();
+        this._switchTab(tab.id);
+    }
+    _renderPanel(tab) {
+        return html `
+      <div
+        class="dock__panel"
+        id="panel-${tab.id}"
+        role="tabpanel"
+        aria-labelledby="tab-${tab.id}"
+        ?hidden=${tab.id !== this.activeTab}
+      >
+        <slot name="tab:${tab.id}"></slot>
+      </div>
+    `;
+    }
+    render() {
+        const sizeStyle = this.pin === 'bottom'
+            ? { height: `${this._currentSize}px` }
+            : { width: `${this._currentSize}px` };
+        return html `
+      <div class="dock" style=${styleMap(sizeStyle)}>
+        ${this._renderResizer()}
+        <div class="dock__body">
+          <div class="dock__tabs" role="tablist">
+            ${repeat(this.tabs, (t) => t.id, (t) => this._renderTab(t))}
+          </div>
+          <div class="dock__panels">
+            ${repeat(this.tabs, (t) => t.id, (t) => this._renderPanel(t))}
+          </div>
+        </div>
+      </div>
+    `;
+    }
+}
+Dock.styles = css `
+    :host {
+      display: block;
+      font-family: var(--font-family, 'Poppins', sans-serif);
+      --_tab-height: var(--th-dock-tab-height, 29px);
+      --_tabs-bg: var(--th-dock-tabs-bg, #dcdee7);
+      --_tab-active-bg: var(--th-dock-tab-active-bg, #f4f5fa);
+      --_body-bg: var(--th-dock-body-bg, #f4f5fa);
+      --_border-color: var(--th-dock-border, #dcdee7);
+      --_radius: var(--th-dock-radius, 4px);
+      --_text-color: var(--th-color-text-primary, #000000);
+    }
+
+    :host(:not([open])) {
+      display: none;
+    }
+
+    :host([pin='left']) .dock,
+    :host([pin='right']) .dock {
+      height: 100%;
+      flex-direction: row;
+    }
+
+    :host([pin='right']) .dock {
+      border-left: 1px solid var(--_border-color);
+    }
+
+    :host([pin='left']) .dock {
+      border-right: 1px solid var(--_border-color);
+    }
+
+    .dock__resizer {
+      flex-shrink: 0;
+      height: 4px;
+      cursor: ns-resize;
+      background: transparent;
+    }
+
+    :host([pin='left']) .dock__resizer,
+    :host([pin='right']) .dock__resizer {
+      height: auto;
+      width: 4px;
+      cursor: ew-resize;
+    }
+
+    /* Handle renders first in markup, correct for bottom/right pins. Left
+       needs it after the body so it lands on the page-facing edge. */
+    :host([pin='left']) .dock__resizer {
+      order: 1;
+    }
+
+    .dock__resizer:hover,
+    .dock__resizer:focus-visible {
+      background: var(--th-color-primary, #3d98d3);
+      outline: none;
+    }
+
+    .dock {
+      display: flex;
+      flex-direction: column;
+      border-radius: var(--_radius);
+      background: var(--_body-bg);
+      color: var(--_text-color);
+      overflow: hidden;
+    }
+
+    .dock__body {
+      display: flex;
+      flex-direction: column;
+      flex: 1;
+      min-width: 0;
+      min-height: 0;
+      overflow: hidden;
+    }
+
+    .dock__tabs {
+      display: flex;
+      align-items: stretch;
+      flex-shrink: 0;
+      height: var(--_tab-height);
+      background: var(--_tabs-bg);
+      border-top: 1px solid var(--_border-color);
+      border-bottom: 1px solid var(--_border-color);
+      overflow-x: auto;
+    }
+
+    .dock__tab {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      padding: 0 10px;
+      border-right: 1px solid var(--_border-color);
+      cursor: pointer;
+      user-select: none;
+      white-space: nowrap;
+      font-size: 13px;
+    }
+
+    .dock__tab--active {
+      background: var(--_tab-active-bg);
+    }
+
+    .dock__tab-active-icon {
+      color: var(--th-color-primary, #3d98d3);
+    }
+
+    .dock__tab:focus-visible {
+      outline: 2px solid var(--th-color-primary, #3d98d3);
+      outline-offset: -2px;
+    }
+
+    .dock__tab-close {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      margin-left: 4px;
+      padding: 0;
+      border: none;
+      background: none;
+      cursor: pointer;
+      color: inherit;
+      font-size: 15px;
+    }
+
+    .dock__tab-close:hover {
+      color: var(--th-color-primary, #3d98d3);
+    }
+
+    .dock__panels {
+      flex: 1;
+      min-height: 0;
+      overflow: hidden;
+    }
+
+    .dock__panel {
+      height: 100%;
+      overflow: auto;
+    }
+
+    .dock__panel[hidden] {
+      display: none;
+    }
+
+    /* Intentionally no transitions anywhere in this component, the docking
+       chrome it's replacing (Rancher Shell's WindowManager) has none, and
+       open/close/resize should stay instant for behavioral parity. */
+
+    :host-context([data-theme='dark']) {
+      --_tabs-bg: var(--th-dock-tabs-bg, linear-gradient(180deg, #4a4b52, #27292e));
+      --_tab-active-bg: var(--th-dock-tab-active-bg, #1b1c21);
+      --_body-bg: var(--th-dock-body-bg, #141419);
+      --_border-color: var(--th-dock-border, #000000);
+    }
+  `;
+__decorate([
+    property({ type: Boolean, reflect: true })
+], Dock.prototype, "open", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], Dock.prototype, "pin", void 0);
+__decorate([
+    property({ type: Array, attribute: false })
+], Dock.prototype, "tabs", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: 'active-tab' })
+], Dock.prototype, "activeTab", void 0);
+__decorate([
+    property({ type: Number })
+], Dock.prototype, "height", void 0);
+__decorate([
+    property({ type: Number })
+], Dock.prototype, "width", void 0);
+customElements.define('trailhand-dock', Dock);
+//# sourceMappingURL=dock.js.map

package/dist/components/dock/dock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dock.js","sourceRoot":"","sources":["../../../src/components/dock/dock.ts"],"names":[],"mappings":"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"}

package/dist/components/dock/index.d.ts

@@ -0,0 +1,3 @@
+export { Dock } from './dock';
+export type { DockProps, DockTab, DockPin } from './dock';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/dock/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dock/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC"}

package/dist/components/dock/index.js

@@ -0,0 +1,2 @@
+export { Dock } from './dock';
+//# sourceMappingURL=index.js.map

package/dist/components/dock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/dock/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/dist/components/icon/icon.d.ts

@@ -32,9 +32,13 @@ declare const iconMap: {
     hammer: import("@fortawesome/fontawesome-common-types").IconDefinition;
     codeBranch: import("@fortawesome/fontawesome-common-types").IconDefinition;
     trash: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    file: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    chevronRight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    circle: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    closeSquare: import("@fortawesome/fontawesome-common-types").IconDefinition;
 };
 export declare const availableIcons: (keyof typeof iconMap)[];
-type AvailableIcons = keyof typeof iconMap;
+export type AvailableIcons = keyof typeof iconMap;
 export interface IconProps {
     name: AvailableIcons;
 }

package/dist/components/icon/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAuC5C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCZ,CAAC;AAEF,eAAO,MAAM,cAAc,EAA2B,CAAC,MAAM,OAAO,OAAO,CAAC,EAAE,CAAC;AAI/E,KAAK,cAAc,GAAG,MAAM,OAAO,OAAO,CAAC;AAE3C,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,cAAc,CAAC;CACtB;AAED,qBAAa,IAAK,SAAQ,UAAU;IACN,IAAI,EAAE,cAAc,CAAU;IAE1D,MAAM,CAAC,MAAM,0BAUX;IAEF,MAAM;CAMP"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AA2C5C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCZ,CAAC;AAEF,eAAO,MAAM,cAAc,EAA2B,CAAC,MAAM,OAAO,OAAO,CAAC,EAAE,CAAC;AAI/E,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,OAAO,CAAC;AAElD,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,cAAc,CAAC;CACtB;AAED,qBAAa,IAAK,SAAQ,UAAU;IACN,IAAI,EAAE,cAAc,CAAU;IAE1D,MAAM,CAAC,MAAM,0BAUX;IAEF,MAAM;CAMP"}

package/dist/components/icon/icon.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { LitElement, html, css } from 'lit';
 import { property } from 'lit/decorators.js';
 import { library, icon } from '@fortawesome/fontawesome-svg-core';
-import { faGlobe, faHome, faUser, faBug, faCircleExclamation, faCirclePause, faCirclePlay, faCircleXmark, faTableCellsLarge, faRocket, faGauge, faTableList, faFolderPlus, faGears, faBagShopping, faCircleInfo, faChartLine, faSliders, faDatabase, faCircleCheck, faTriangleExclamation, faScrewdriverWrench, faBan, faSpinner, faGear, faXmark, faMinus, faCheck, faPlus, faHammer, faCodeBranch, faTrashCan, } from '@fortawesome/free-solid-svg-icons';
+import { faGlobe, faHome, faUser, faBug, faCircleExclamation, faCirclePause, faCirclePlay, faCircleXmark, faTableCellsLarge, faRocket, faGauge, faTableList, faFolderPlus, faGears, faBagShopping, faCircleInfo, faChartLine, faSliders, faDatabase, faCircleCheck, faTriangleExclamation, faScrewdriverWrench, faBan, faSpinner, faGear, faXmark, faMinus, faCheck, faPlus, faHammer, faCodeBranch, faTrashCan, faFile, faChevronRight, faCircle, faSquareXmark } from '@fortawesome/free-solid-svg-icons';
 const iconMap = {
     bug: faBug,
     error: faCircleExclamation,
@@ -41,6 +41,10 @@ const iconMap = {
     hammer: faHammer,
     codeBranch: faCodeBranch,
     trash: faTrashCan,
+    file: faFile,
+    chevronRight: faChevronRight,
+    circle: faCircle,
+    closeSquare: faSquareXmark
 };
 export const availableIcons = Object.keys(iconMap);
 library.add(...Object.values(iconMap));

package/dist/components/icon/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/components/icon/icon.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EACL,OAAO,EACP,MAAM,EACN,MAAM,EACN,KAAK,EACL,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,aAAa,EACb,iBAAiB,EACjB,QAAQ,EACR,OAAO,EACP,WAAW,EACX,YAAY,EACZ,OAAO,EACP,aAAa,EACb,YAAY,EACZ,WAAW,EACX,SAAS,EACT,UAAU,EACV,aAAa,EACb,qBAAqB,EACrB,mBAAmB,EACnB,KAAK,EACL,SAAS,EACT,MAAM,EACN,OAAO,EACP,OAAO,EACP,OAAO,EACP,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,UAAU,GACX,MAAM,mCAAmC,CAAC;AAE3C,MAAM,OAAO,GAAG;IACd,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,mBAAmB;IAC1B,KAAK,EAAE,aAAa;IACpB,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE,aAAa;IACpB,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,iBAAiB;IACxB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,WAAW;IACjB,UAAU,EAAE,YAAY;IACxB,KAAK,EAAE,OAAO;IACd,WAAW,EAAE,aAAa;IAC1B,IAAI,EAAE,YAAY;IAClB,SAAS,EAAE,WAAW;IACtB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IACpB,WAAW,EAAE,aAAa;IAC1B,OAAO,EAAE,qBAAqB;IAC9B,KAAK,EAAE,mBAAmB;IAC1B,MAAM,EAAE,KAAK;IACb,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,CAAC,EAAE,OAAO;IACV,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,UAAU,EAAE,YAAY;IACxB,KAAK,EAAE,UAAU;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAA6B,CAAC;AAE/E,OAAO,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;AAQvC,MAAM,OAAO,IAAK,SAAQ,UAAU;IAApC;;QAC8B,SAAI,GAAmB,MAAM,CAAC;IAoB5D,CAAC;IANC,MAAM;QACJ,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACnC,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAC1B,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;QAC7B,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACjD,CAAC;;AAjBM,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;GAUlB,AAVY,CAUX;AAZ0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kCAA+B;AAsB5D,cAAc,CAAC,MAAM,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC"}
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/components/icon/icon.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EACL,OAAO,EACP,MAAM,EACN,MAAM,EACN,KAAK,EACL,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,aAAa,EACb,iBAAiB,EACjB,QAAQ,EACR,OAAO,EACP,WAAW,EACX,YAAY,EACZ,OAAO,EACP,aAAa,EACb,YAAY,EACZ,WAAW,EACX,SAAS,EACT,UAAU,EACV,aAAa,EACb,qBAAqB,EACrB,mBAAmB,EACnB,KAAK,EACL,SAAS,EACT,MAAM,EACN,OAAO,EACP,OAAO,EACP,OAAO,EACP,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,MAAM,EACN,cAAc,EACd,QAAQ,EACR,aAAa,EACd,MAAM,mCAAmC,CAAC;AAE3C,MAAM,OAAO,GAAG;IACd,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,mBAAmB;IAC1B,KAAK,EAAE,aAAa;IACpB,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE,aAAa;IACpB,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,iBAAiB;IACxB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,WAAW;IACjB,UAAU,EAAE,YAAY;IACxB,KAAK,EAAE,OAAO;IACd,WAAW,EAAE,aAAa;IAC1B,IAAI,EAAE,YAAY;IAClB,SAAS,EAAE,WAAW;IACtB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IACpB,WAAW,EAAE,aAAa;IAC1B,OAAO,EAAE,qBAAqB;IAC9B,KAAK,EAAE,mBAAmB;IAC1B,MAAM,EAAE,KAAK;IACb,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,CAAC,EAAE,OAAO;IACV,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,UAAU,EAAE,YAAY;IACxB,KAAK,EAAE,UAAU;IACjB,IAAI,EAAE,MAAM;IACZ,YAAY,EAAE,cAAc;IAC5B,MAAM,EAAE,QAAQ;IAChB,WAAW,EAAE,aAAa;CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAA6B,CAAC;AAE/E,OAAO,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;AAQvC,MAAM,OAAO,IAAK,SAAQ,UAAU;IAApC;;QAC8B,SAAI,GAAmB,MAAM,CAAC;IAoB5D,CAAC;IANC,MAAM;QACJ,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACnC,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAC1B,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;QAC7B,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACjD,CAAC;;AAjBM,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;GAUlB,AAVY,CAUX;AAZ0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kCAA+B;AAsB5D,cAAc,CAAC,MAAM,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC"}

package/dist/components/icon/index.d.ts

@@ -1,2 +1,3 @@
 export { Icon } from './icon';
+export type { IconProps, AvailableIcons } from './icon';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/icon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC"}

package/dist/index.d.ts

@@ -17,5 +17,6 @@ export * from './components/code-editor';
 export * from './components/text-area';
 export * from './components/loading-spinner';
 export * from './components/pagination';
+export * from './components/dock';
 export * from './utils';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AAGxC,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -18,6 +18,7 @@ export * from './components/code-editor';
 export * from './components/text-area';
 export * from './components/loading-spinner';
 export * from './components/pagination';
+export * from './components/dock';
 // Export utilities
 export * from './utils';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,wBAAwB;AACxB,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AAExC,mBAAmB;AACnB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,wBAAwB;AACxB,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAElC,mBAAmB;AACnB,cAAc,SAAS,CAAC"}

package/dist/utils/debounce.d.ts

@@ -0,0 +1,6 @@
+export interface Debounced<T extends (...args: any[]) => void> {
+    (...args: Parameters<T>): void;
+    flush(): void;
+}
+export declare function debounce<T extends (...args: any[]) => void>(fn: T, wait: number): Debounced<T>;
+//# sourceMappingURL=debounce.d.ts.map

package/dist/utils/debounce.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.d.ts","sourceRoot":"","sources":["../../src/utils/debounce.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI;IAC3D,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IAC/B,KAAK,IAAI,IAAI,CAAC;CACf;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,CA0B9F"}

package/dist/utils/debounce.js

@@ -0,0 +1,25 @@
+export function debounce(fn, wait) {
+    let timer = null;
+    let lastArgs = null;
+    const debounced = ((...args) => {
+        lastArgs = args;
+        if (timer) {
+            clearTimeout(timer);
+        }
+        timer = setTimeout(() => {
+            timer = null;
+            fn(...lastArgs);
+        }, wait);
+    });
+    debounced.flush = () => {
+        if (timer) {
+            clearTimeout(timer);
+            timer = null;
+            if (lastArgs) {
+                fn(...lastArgs);
+            }
+        }
+    };
+    return debounced;
+}
+//# sourceMappingURL=debounce.js.map

package/dist/utils/debounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.js","sourceRoot":"","sources":["../../src/utils/debounce.ts"],"names":[],"mappings":"AAKA,MAAM,UAAU,QAAQ,CAAqC,EAAK,EAAE,IAAY;IAC9E,IAAI,KAAK,GAAyC,IAAI,CAAC;IACvD,IAAI,QAAQ,GAAyB,IAAI,CAAC;IAE1C,MAAM,SAAS,GAAG,CAAC,CAAC,GAAG,IAAmB,EAAE,EAAE;QAC5C,QAAQ,GAAG,IAAI,CAAC;QAChB,IAAI,KAAK,EAAE,CAAC;YACV,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;QACD,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;YACtB,KAAK,GAAG,IAAI,CAAC;YACb,EAAE,CAAC,GAAI,QAA0B,CAAC,CAAC;QACrC,CAAC,EAAE,IAAI,CAAC,CAAC;IACX,CAAC,CAAiB,CAAC;IAEnB,SAAS,CAAC,KAAK,GAAG,GAAG,EAAE;QACrB,IAAI,KAAK,EAAE,CAAC;YACV,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,KAAK,GAAG,IAAI,CAAC;YACb,IAAI,QAAQ,EAAE,CAAC;gBACb,EAAE,CAAC,GAAG,QAAQ,CAAC,CAAC;YAClB,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,SAAS,CAAC;AACnB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krumio/trailhand-ui",
-  "version": "1.10.2",
+  "version": "1.11.1",
   "type": "module",
   "description": "Reusable web components built with Lit Element",
   "main": "./dist/index.js",