@krumio/trailhand-ui 1.10.1 → 1.11.0

package/dist/components/dock/dock.js

@@ -0,0 +1,423 @@
+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="x"></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;
+      width: 14px;
+      height: 14px;
+      margin-left: 4px;
+      padding: 0;
+      border: 1px solid var(--_text-color);
+      border-radius: var(--_radius);
+      background: none;
+      cursor: pointer;
+      color: inherit;
+      font-size: 9px;
+    }
+
+    .dock__tab-close:hover {
+      border-color: var(--th-color-primary, #3d98d3);
+      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,12 @@ 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;
 };
 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;AA0C5C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCZ,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, } from '@fortawesome/free-solid-svg-icons';
 const iconMap = {
     bug: faBug,
     error: faCircleExclamation,
@@ -41,6 +41,9 @@ const iconMap = {
     hammer: faHammer,
     codeBranch: faCodeBranch,
     trash: faTrashCan,
+    file: faFile,
+    chevronRight: faChevronRight,
+    circle: faCircle,
 };
 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,GACT,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;CACjB,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/components/pagination/index.d.ts

@@ -0,0 +1,2 @@
+export { Pagination } from './pagination';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/pagination/index.js

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

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

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

package/dist/components/pagination/pagination.d.ts

@@ -0,0 +1,66 @@
+import { LitElement, TemplateResult } from 'lit';
+import 'iconify-icon';
+export interface PaginationProps {
+    currentPage: number;
+    totalPages: number;
+    startItem: number;
+    endItem: number;
+    totalItems: number;
+    showInfo: boolean;
+    disabled: boolean;
+}
+/**
+ * A reusable pagination control: previous/next buttons, a "current / total"
+ * page indicator, and an optional "start-end of total" info string.
+ *
+ * This component does not track page state itself.
+ * The consumer passes `current-page` / `total-pages` (and, if `show-info`
+ * is enabled, the item-range props) and listens for the `page-change`
+ * event to apply the new page.
+ *
+ * @fires page-change - Detail: `{ page: number }`. Fired when the user
+ *   clicks the previous or next button with a valid target page. The
+ *   consumer owns page state and is responsible for applying it (and, for
+ *   server-side pagination, fetching the corresponding data).
+ *
+ * @example
+ * ```html
+ * <trailhand-pagination
+ *   current-page="2"
+ *   total-pages="8"
+ *   start-item="11"
+ *   end-item="20"
+ *   total-items="76"
+ *   @page-change=${(e) => this.goToPage(e.detail.page)}
+ * ></trailhand-pagination>
+ * ```
+ */
+export declare class Pagination extends LitElement {
+    /** The current page number (1-indexed). */
+    currentPage: number;
+    /** Total number of pages. */
+    totalPages: number;
+    /** First item index (1-indexed) shown on the current page. Used in the info text. */
+    startItem: number;
+    /** Last item index (1-indexed) shown on the current page. Used in the info text. */
+    endItem: number;
+    /** Total number of items across all pages. Used in the info text. */
+    totalItems: number;
+    /** Whether to show the "start-end of total" info text. */
+    showInfo: boolean;
+    /** Disables both buttons, e.g. while a page fetch is in flight. */
+    disabled: boolean;
+    static styles: import("lit").CSSResult;
+    /**
+     * Emit a `page-change` event for the given target page.
+     * @param page - The page number to request.
+     * @private
+     */
+    private _emitPageChange;
+    private _handlePrev;
+    private _handleNext;
+    private _renderChevronLeft;
+    private _renderChevronRight;
+    render(): TemplateResult;
+}
+//# sourceMappingURL=pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAE5D,OAAO,cAAc,CAAC;AAKtB,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,qBAAa,UAAW,SAAQ,UAAU;IACxC,2CAA2C;IAE3C,WAAW,SAAK;IAEhB,6BAA6B;IAE7B,UAAU,SAAK;IAEf,qFAAqF;IAErF,SAAS,SAAK;IAEd,oFAAoF;IAEpF,OAAO,SAAK;IAEZ,qEAAqE;IAErE,UAAU,SAAK;IAEf,0DAA0D;IAE1D,QAAQ,UAAQ;IAEhB,mEAAmE;IAEnE,QAAQ,UAAS;IAEjB,OAAgB,MAAM,0BA8DpB;IAEF;;;;OAIG;IACH,OAAO,CAAC,eAAe;IAUvB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,mBAAmB;IASlB,MAAM,IAAI,cAAc;CAoClC"}