@akcelik/strct 4.20.0 → 4.21.0

package/fesm2022/akcelik-strct.mjs

@@ -20753,6 +20753,22 @@ class StrctSplitter {
     ...(ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []));
     max = input(85, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
+    /**
+     * What `split`, `minSize` and `maxSize` are measured in. A sidebar is 280px,
+     * not 22%, so `px` sizes the start pane in pixels and drags it in pixels.
+     */
+    unit = input('percent', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "unit" }] : /* istanbul ignore next */ []));
+    /** Bounds in `unit` for the start pane; they win over `min` / `max`. */
+    minSize = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "minSize" }] : /* istanbul ignore next */ []));
+    maxSize = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxSize" }] : /* istanbul ignore next */ []));
+    /** The start pane can be collapsed to nothing (Enter on the gutter). */
+    collapsible = input(false, { ...(ngDevMode ? { debugName: "collapsible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Whether it is collapsed (two-way). */
+    collapsed = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "collapsed" }] : /* istanbul ignore next */ []));
     /** Stack panes vertically (gutter drags up/down). */
     vertical = input(false, { ...(ngDevMode ? { debugName: "vertical" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /** Accessible name of the separator (localizable). */
@@ -20761,8 +20777,20 @@ class StrctSplitter {
     /** Keyboard nudge step in percent. */
     step = input(3, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "step" }] : /* istanbul ignore next */ []));
-    clamped = computed(() => Math.min(this.max(), Math.max(this.min(), this.split())), /* @ts-ignore */
+    /** The effective bounds, in whichever unit the splitter is measured in. */
+    lowerBound = computed(() => this.minSize() ?? (this.unit() === 'px' ? 0 : this.min()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "lowerBound" }] : /* istanbul ignore next */ []));
+    upperBound = computed(() => this.maxSize() ?? (this.unit() === 'px' ? Number.POSITIVE_INFINITY : this.max()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "upperBound" }] : /* istanbul ignore next */ []));
+    clamped = computed(() => Math.min(this.upperBound(), Math.max(this.lowerBound(), this.split())), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "clamped" }] : /* istanbul ignore next */ []));
+    /** The start pane's flex-basis: its size, or nothing while collapsed. */
+    startBasis = computed(() => {
+        if (this.collapsed())
+            return '0px';
+        return this.unit() === 'px' ? `${this.clamped()}px` : `${this.clamped()}%`;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "startBasis" }] : /* istanbul ignore next */ []));
     dragging = signal(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "dragging" }] : /* istanbul ignore next */ []));
     moveHandler = (e) => this.onDragMove(e);
@@ -20788,7 +20816,11 @@ class StrctSplitter {
             : (event.clientX - rect.left) / rect.width;
         if (!this.vertical() && this.isRtl())
             ratio = 1 - ratio;
-        this.split.set(Math.min(this.max(), Math.max(this.min(), Math.round(ratio * 100))));
+        const span = this.vertical() ? rect.height : rect.width;
+        const next = this.unit() === 'px' ? Math.round(ratio * span) : Math.round(ratio * 100);
+        if (this.collapsed())
+            this.collapsed.set(false);
+        this.split.set(Math.min(this.upperBound(), Math.max(this.lowerBound(), next)));
     }
     onDragEnd() {
         this.dragging.set(false);
@@ -20809,23 +20841,36 @@ class StrctSplitter {
         // RTL: the start pane extends to the left, so Left grows and Right shrinks.
         if (!this.vertical() && this.isRtl())
             [dec, inc] = [inc, dec];
+        // Enter collapses a collapsible pane, and restores it.
+        if (this.collapsible() && (event.key === 'Enter' || event.key === ' ')) {
+            event.preventDefault();
+            this.collapsed.update((v) => !v);
+            return;
+        }
+        const step = this.unit() === 'px' ? this.step() * 8 : this.step();
         let next = null;
         if (event.key === dec)
-            next = this.clamped() - this.step();
+            next = this.clamped() - step;
         else if (event.key === inc)
-            next = this.clamped() + this.step();
+            next = this.clamped() + step;
         else if (event.key === 'Home')
-            next = this.min();
+            next = this.lowerBound();
         else if (event.key === 'End')
-            next = this.max();
+            next = Number.isFinite(this.upperBound()) ? this.upperBound() : this.clamped() + step * 4;
         if (next == null)
             return;
         event.preventDefault();
-        this.split.set(Math.min(this.max(), Math.max(this.min(), next)));
+        if (this.collapsed())
+            this.collapsed.set(false);
+        this.split.set(Math.min(this.upperBound(), Math.max(this.lowerBound(), next)));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctSplitter, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: StrctSplitter, isStandalone: true, selector: "strct-splitter", inputs: { split: { classPropertyName: "split", publicName: "split", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, gutterLabel: { classPropertyName: "gutterLabel", publicName: "gutterLabel", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { split: "splitChange" }, host: { properties: { "class.strct-split--vertical": "vertical()", "class.strct-split--dragging": "dragging()" }, classAttribute: "strct-split" }, ngImport: i0, template: `
-    <div class="strct-split__pane" [style.flex-basis.%]="clamped()">
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: StrctSplitter, isStandalone: true, selector: "strct-splitter", inputs: { split: { classPropertyName: "split", publicName: "split", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, unit: { classPropertyName: "unit", publicName: "unit", isSignal: true, isRequired: false, transformFunction: null }, minSize: { classPropertyName: "minSize", publicName: "minSize", isSignal: true, isRequired: false, transformFunction: null }, maxSize: { classPropertyName: "maxSize", publicName: "maxSize", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, gutterLabel: { classPropertyName: "gutterLabel", publicName: "gutterLabel", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { split: "splitChange", collapsed: "collapsedChange" }, host: { properties: { "class.strct-split--vertical": "vertical()", "class.strct-split--dragging": "dragging()" }, classAttribute: "strct-split" }, ngImport: i0, template: `
+    <div
+      class="strct-split__pane"
+      [class.strct-split__pane--collapsed]="collapsed()"
+      [style.flex-basis]="startBasis()"
+    >
       <ng-content select="[strctPaneStart]" />
     </div>
     <div
@@ -20834,9 +20879,10 @@ class StrctSplitter {
       tabindex="0"
       [attr.aria-label]="gutterLabel()"
       [attr.aria-orientation]="vertical() ? 'horizontal' : 'vertical'"
-      [attr.aria-valuenow]="clamped()"
-      [attr.aria-valuemin]="min()"
-      [attr.aria-valuemax]="max()"
+      [attr.aria-valuenow]="collapsed() ? 0 : clamped()"
+      [attr.aria-valuemin]="lowerBound()"
+      [attr.aria-valuemax]="upperBound()"
+      [attr.aria-expanded]="collapsible() ? !collapsed() : null"
       (pointerdown)="onDragStart($event)"
       (keydown)="onKeydown($event)"
     >
@@ -20845,12 +20891,16 @@ class StrctSplitter {
     <div class="strct-split__pane strct-split__pane--end">
       <ng-content select="[strctPaneEnd]" />
     </div>
-  `, isInline: true, styles: [".strct-split{display:flex;width:100%;min-height:0}.strct-split--vertical{flex-direction:column}.strct-split__pane{flex-grow:0;flex-shrink:0;overflow:auto;min-width:0;min-height:0}.strct-split__pane--end{flex:1 1 0}.strct-split__gutter{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:7px;cursor:col-resize;background:transparent;touch-action:none}.strct-split--vertical>.strct-split__gutter{width:auto;height:7px;cursor:row-resize}.strct-split__gutter:hover,.strct-split--dragging>.strct-split__gutter{background:var(--acc18)}.strct-split__gutter:focus-visible{outline:2px solid var(--acc50);outline-offset:-2px}.strct-split__grip{width:1.5px;height:26px;border-radius:1px;background:var(--b2)}.strct-split--vertical .strct-split__grip{width:26px;height:1.5px}.strct-split--dragging{-webkit-user-select:none;user-select:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: [".strct-split{display:flex;width:100%;min-height:0}.strct-split--vertical{flex-direction:column}.strct-split__pane--collapsed{overflow:hidden}.strct-split__pane{flex-grow:0;flex-shrink:0;overflow:auto;min-width:0;min-height:0}.strct-split__pane--end{flex:1 1 0}.strct-split__gutter{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:7px;cursor:col-resize;background:transparent;touch-action:none}.strct-split--vertical>.strct-split__gutter{width:auto;height:7px;cursor:row-resize}.strct-split__gutter:hover,.strct-split--dragging>.strct-split__gutter{background:var(--acc18)}.strct-split__gutter:focus-visible{outline:2px solid var(--acc50);outline-offset:-2px}.strct-split__grip{width:1.5px;height:26px;border-radius:1px;background:var(--b2)}.strct-split--vertical .strct-split__grip{width:26px;height:1.5px}.strct-split--dragging{-webkit-user-select:none;user-select:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctSplitter, decorators: [{
             type: Component,
             args: [{ selector: 'strct-splitter', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: `
-    <div class="strct-split__pane" [style.flex-basis.%]="clamped()">
+    <div
+      class="strct-split__pane"
+      [class.strct-split__pane--collapsed]="collapsed()"
+      [style.flex-basis]="startBasis()"
+    >
       <ng-content select="[strctPaneStart]" />
     </div>
     <div
@@ -20859,9 +20909,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
       tabindex="0"
       [attr.aria-label]="gutterLabel()"
       [attr.aria-orientation]="vertical() ? 'horizontal' : 'vertical'"
-      [attr.aria-valuenow]="clamped()"
-      [attr.aria-valuemin]="min()"
-      [attr.aria-valuemax]="max()"
+      [attr.aria-valuenow]="collapsed() ? 0 : clamped()"
+      [attr.aria-valuemin]="lowerBound()"
+      [attr.aria-valuemax]="upperBound()"
+      [attr.aria-expanded]="collapsible() ? !collapsed() : null"
       (pointerdown)="onDragStart($event)"
       (keydown)="onKeydown($event)"
     >
@@ -20874,8 +20925,143 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                         class: 'strct-split',
                         '[class.strct-split--vertical]': 'vertical()',
                         '[class.strct-split--dragging]': 'dragging()',
-                    }, styles: [".strct-split{display:flex;width:100%;min-height:0}.strct-split--vertical{flex-direction:column}.strct-split__pane{flex-grow:0;flex-shrink:0;overflow:auto;min-width:0;min-height:0}.strct-split__pane--end{flex:1 1 0}.strct-split__gutter{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:7px;cursor:col-resize;background:transparent;touch-action:none}.strct-split--vertical>.strct-split__gutter{width:auto;height:7px;cursor:row-resize}.strct-split__gutter:hover,.strct-split--dragging>.strct-split__gutter{background:var(--acc18)}.strct-split__gutter:focus-visible{outline:2px solid var(--acc50);outline-offset:-2px}.strct-split__grip{width:1.5px;height:26px;border-radius:1px;background:var(--b2)}.strct-split--vertical .strct-split__grip{width:26px;height:1.5px}.strct-split--dragging{-webkit-user-select:none;user-select:none}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { split: [{ type: i0.Input, args: [{ isSignal: true, alias: "split", required: false }] }, { type: i0.Output, args: ["splitChange"] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], vertical: [{ type: i0.Input, args: [{ isSignal: true, alias: "vertical", required: false }] }], gutterLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "gutterLabel", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }] } });
+                    }, styles: [".strct-split{display:flex;width:100%;min-height:0}.strct-split--vertical{flex-direction:column}.strct-split__pane--collapsed{overflow:hidden}.strct-split__pane{flex-grow:0;flex-shrink:0;overflow:auto;min-width:0;min-height:0}.strct-split__pane--end{flex:1 1 0}.strct-split__gutter{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:7px;cursor:col-resize;background:transparent;touch-action:none}.strct-split--vertical>.strct-split__gutter{width:auto;height:7px;cursor:row-resize}.strct-split__gutter:hover,.strct-split--dragging>.strct-split__gutter{background:var(--acc18)}.strct-split__gutter:focus-visible{outline:2px solid var(--acc50);outline-offset:-2px}.strct-split__grip{width:1.5px;height:26px;border-radius:1px;background:var(--b2)}.strct-split--vertical .strct-split__grip{width:26px;height:1.5px}.strct-split--dragging{-webkit-user-select:none;user-select:none}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { split: [{ type: i0.Input, args: [{ isSignal: true, alias: "split", required: false }] }, { type: i0.Output, args: ["splitChange"] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], unit: [{ type: i0.Input, args: [{ isSignal: true, alias: "unit", required: false }] }], minSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "minSize", required: false }] }], maxSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxSize", required: false }] }], collapsible: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsible", required: false }] }], collapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsed", required: false }] }, { type: i0.Output, args: ["collapsedChange"] }], vertical: [{ type: i0.Input, args: [{ isSignal: true, alias: "vertical", required: false }] }], gutterLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "gutterLabel", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }] } });
+
+/**
+ * The splitter's gutter, for layouts the splitter does not own — a shell grid,
+ * a docked panel. It draws the library's grip and brings the separator
+ * semantics with it: `role="separator"`, a tab stop, arrows that step, Home and
+ * End for the bounds, and Enter to collapse when `collapsible`.
+ *
+ *   <div [strctResizeHandle]="'y'" [(size)]="panelHeight" [min]="120" [max]="600"
+ *        aria-label="Resize the task panel"></div>
+ *
+ * The consumer owns the size — the handle only reports it, so the value can be
+ * persisted, clamped or animated as the layout needs.
+ */
+class StrctResizeHandle {
+    /** Which axis the handle resizes along: `'x'` (default) or `'y'`. */
+    axis = input('x', { ...(ngDevMode ? { debugName: "axis" } : /* istanbul ignore next */ {}), alias: 'strctResizeHandle' });
+    /** The size being dragged, in px (two-way). */
+    size = model(240, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /** Bounds, in px. */
+    min = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []));
+    max = input(Number.POSITIVE_INFINITY, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
+    /** Arrow-key step in px; Shift multiplies it by four. */
+    step = input(16, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "step" }] : /* istanbul ignore next */ []));
+    /** Enter collapses the pane the handle sizes. */
+    collapsible = input(false, { ...(ngDevMode ? { debugName: "collapsible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Whether it is collapsed (two-way). */
+    collapsed = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "collapsed" }] : /* istanbul ignore next */ []));
+    /**
+     * Which side of the handle the sized pane is on. `'before'` (default) grows
+     * the pane as the pointer moves toward the inline/block end.
+     */
+    side = input('before', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "side" }] : /* istanbul ignore next */ []));
+    el = inject(ElementRef);
+    dragging = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dragging" }] : /* istanbul ignore next */ []));
+    origin = 0;
+    originSize = 0;
+    rtl = computed(() => getComputedStyle(this.el.nativeElement).direction === 'rtl', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rtl" }] : /* istanbul ignore next */ []));
+    move = (e) => this.onMove(e);
+    up = () => this.onUp();
+    constructor() {
+        inject(DestroyRef).onDestroy(() => this.detach());
+    }
+    onDown(event) {
+        event.preventDefault();
+        this.el.nativeElement.setPointerCapture?.(event.pointerId);
+        this.origin = this.axis() === 'y' ? event.clientY : event.clientX;
+        this.originSize = this.size();
+        this.dragging.set(true);
+        document.addEventListener('pointermove', this.move);
+        document.addEventListener('pointerup', this.up);
+        document.addEventListener('pointercancel', this.up);
+    }
+    onMove(event) {
+        let delta = (this.axis() === 'y' ? event.clientY : event.clientX) - this.origin;
+        // Pointer coordinates are physical; the pane is logical.
+        if (this.axis() === 'x' && this.rtl())
+            delta = -delta;
+        if (this.side() === 'after')
+            delta = -delta;
+        if (this.collapsed())
+            this.collapsed.set(false);
+        this.commit(this.originSize + delta);
+    }
+    onUp() {
+        this.dragging.set(false);
+        this.detach();
+    }
+    detach() {
+        document.removeEventListener('pointermove', this.move);
+        document.removeEventListener('pointerup', this.up);
+        document.removeEventListener('pointercancel', this.up);
+    }
+    onKeydown(event) {
+        if (this.collapsible() && (event.key === 'Enter' || event.key === ' ')) {
+            event.preventDefault();
+            this.collapsed.update((v) => !v);
+            return;
+        }
+        let dec = this.axis() === 'y' ? 'ArrowUp' : 'ArrowLeft';
+        let inc = this.axis() === 'y' ? 'ArrowDown' : 'ArrowRight';
+        if (this.axis() === 'x' && this.rtl())
+            [dec, inc] = [inc, dec];
+        if (this.side() === 'after')
+            [dec, inc] = [inc, dec];
+        const step = this.step() * (event.shiftKey ? 4 : 1);
+        let next = null;
+        if (event.key === dec)
+            next = this.size() - step;
+        else if (event.key === inc)
+            next = this.size() + step;
+        else if (event.key === 'Home')
+            next = this.min();
+        else if (event.key === 'End')
+            next = Number.isFinite(this.max()) ? this.max() : this.size() + step * 4;
+        if (next == null)
+            return;
+        event.preventDefault();
+        if (this.collapsed())
+            this.collapsed.set(false);
+        this.commit(next);
+    }
+    commit(value) {
+        this.size.set(Math.round(Math.min(this.max(), Math.max(this.min(), value))));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctResizeHandle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.4", type: StrctResizeHandle, isStandalone: true, selector: "[strctResizeHandle]", inputs: { axis: { classPropertyName: "axis", publicName: "strctResizeHandle", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { size: "sizeChange", collapsed: "collapsedChange" }, host: { attributes: { "role": "separator", "tabindex": "0" }, listeners: { "pointerdown": "onDown($event)", "keydown": "onKeydown($event)" }, properties: { "class.strct-resize--y": "axis() === 'y'", "class.strct-resize--dragging": "dragging()", "attr.aria-orientation": "axis() === 'y' ? 'horizontal' : 'vertical'", "attr.aria-valuenow": "size()", "attr.aria-valuemin": "min()", "attr.aria-valuemax": "max()", "attr.aria-expanded": "collapsible() ? !collapsed() : null" }, classAttribute: "strct-resize" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctResizeHandle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[strctResizeHandle]',
+                    host: {
+                        class: 'strct-resize',
+                        role: 'separator',
+                        tabindex: '0',
+                        '[class.strct-resize--y]': "axis() === 'y'",
+                        '[class.strct-resize--dragging]': 'dragging()',
+                        '[attr.aria-orientation]': "axis() === 'y' ? 'horizontal' : 'vertical'",
+                        '[attr.aria-valuenow]': 'size()',
+                        '[attr.aria-valuemin]': 'min()',
+                        '[attr.aria-valuemax]': 'max()',
+                        '[attr.aria-expanded]': 'collapsible() ? !collapsed() : null',
+                        '(pointerdown)': 'onDown($event)',
+                        '(keydown)': 'onKeydown($event)',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { axis: [{ type: i0.Input, args: [{ isSignal: true, alias: "strctResizeHandle", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }, { type: i0.Output, args: ["sizeChange"] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], collapsible: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsible", required: false }] }], collapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsed", required: false }] }, { type: i0.Output, args: ["collapsedChange"] }], side: [{ type: i0.Input, args: [{ isSignal: true, alias: "side", required: false }] }] } });
 
 /**
  * Dual-list transfer (picklist) — "assign hosts to the cluster": all items on
@@ -22271,6 +22457,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                 args: ['document:keydown.escape', ['$event']]
             }] } });
 
+/**
+ * Connects several `[strctReorder]` lists, so a card can move between the
+ * columns of a board — by its handle, or with Alt+ArrowLeft / Alt+ArrowRight.
+ * Moves within one list stay on that list's `reordered`; moves across lists
+ * come out here.
+ */
+class StrctReorderGroup {
+    /** A card moved from one list to another. */
+    moved = output();
+    /** Every list in this group, in DOM order. */
+    lists = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "lists" }] : /* istanbul ignore next */ []));
+    /** Where the current drag started, so a drop elsewhere knows its origin. */
+    source = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "source" }] : /* istanbul ignore next */ []));
+    register(list) {
+        this.lists.update((ls) => [...ls, list]);
+    }
+    unregister(list) {
+        this.lists.update((ls) => ls.filter((l) => l !== list));
+    }
+    /** The list next to `list` in the given direction, or null at the ends. */
+    neighbour(list, dir) {
+        const ordered = this.ordered();
+        const i = ordered.indexOf(list);
+        return ordered[i + dir] ?? null;
+    }
+    /** DOM order, not registration order — columns read left to right. */
+    ordered() {
+        return [...this.lists()].sort((a, b) => a.element().compareDocumentPosition(b.element()) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctReorderGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.4", type: StrctReorderGroup, isStandalone: true, selector: "[strctReorderGroup]", outputs: { moved: "moved" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctReorderGroup, decorators: [{
+            type: Directive,
+            args: [{ selector: '[strctReorderGroup]' }]
+        }], propDecorators: { moved: [{ type: i0.Output, args: ["moved"] }] } });
 let reorderCounter = 0;
 /**
  * List drag-reorder primitive — the consumer owns the array:
@@ -22293,6 +22517,8 @@ let reorderCounter = 0;
  */
 class StrctReorder {
     host = inject(ElementRef);
+    /** The group this list belongs to, when it is one of several. */
+    group = inject(StrctReorderGroup, { optional: true });
     renderer = inject(Renderer2);
     doc = inject(DOCUMENT);
     announcer = inject(StrctAnnouncer);
@@ -22312,6 +22538,12 @@ class StrctReorder {
      */
     announcement = input((label, position, total) => `Moved ${label} to position ${position} of ${total}`, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "announcement" }] : /* istanbul ignore next */ []));
+    /** This list's name inside a `[strctReorderGroup]`. */
+    listId = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "listId" }] : /* istanbul ignore next */ []));
+    /** What a move between lists says (localizable). */
+    moveAnnouncement = input((label, list, position, total) => `Moved ${label} to ${list}, position ${position} of ${total}`, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "moveAnnouncement" }] : /* istanbul ignore next */ []));
     dragIndex = signal(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "dragIndex" }] : /* istanbul ignore next */ []));
     overIndex = signal(null, /* @ts-ignore */
@@ -22319,7 +22551,31 @@ class StrctReorder {
     /** Id of the sr-only instructions element the items point to. */
     instructionsId = `strct-reorder-hint-${++reorderCounter}`;
     hint = null;
+    /** The container element — the group orders its lists by DOM position. */
+    element() {
+        return this.host.nativeElement;
+    }
+    /** Move an item into this list at `index`, and say so. */
+    acceptFrom(from, fromIndex, index) {
+        const item = from.items()[fromIndex];
+        if (!item)
+            return;
+        const label = item.textContent?.trim() ?? '';
+        const toIndex = Math.max(0, Math.min(index, this.items().length));
+        from.dragIndex.set(null);
+        this.overIndex.set(null);
+        this.group?.source.set(null);
+        this.group?.moved.emit({
+            item,
+            fromList: from.listId(),
+            toList: this.listId(),
+            fromIndex,
+            toIndex,
+        });
+        this.announcer.announce(this.moveAnnouncement()(label, this.listId(), toIndex + 1, this.items().length + 1));
+    }
     constructor() {
+        this.group?.register(this);
         // Keep the sr-only instructions element in sync with the input.
         effect(() => {
             const text = this.instructions();
@@ -22352,18 +22608,24 @@ class StrctReorder {
     onContainerDragOver(event) {
         // Only the container's own empty space (below the last item); drags over
         // items are handled by the items themselves.
-        if (this.dragIndex() == null)
+        if (this.dragIndex() == null && !this.group?.source())
             return;
         if (event.target.closest('[strctReorderItem]'))
             return;
         event.preventDefault();
     }
     onContainerDrop(event) {
+        if (event.target.closest('[strctReorderItem]'))
+            return;
+        const source = this.group?.source();
+        if (source && source.list !== this) {
+            event.preventDefault();
+            this.acceptFrom(source.list, source.index, this.items().length);
+            return;
+        }
         const from = this.dragIndex();
         if (from == null)
             return; // an item already consumed this drop
-        if (event.target.closest('[strctReorderItem]'))
-            return;
         event.preventDefault();
         // Drop into empty space moves the item to the end.
         this.commit(from, this.items().length - 1);
@@ -22377,18 +22639,19 @@ class StrctReorder {
         this.overIndex.set(null);
     }
     ngOnDestroy() {
+        this.group?.unregister(this);
         if (this.hint) {
             this.renderer.removeChild(this.doc.body, this.hint);
             this.hint = null;
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctReorder, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.4", type: StrctReorder, isStandalone: true, selector: "[strctReorder]", inputs: { reorderDisabled: { classPropertyName: "reorderDisabled", publicName: "reorderDisabled", isSignal: true, isRequired: false, transformFunction: null }, instructions: { classPropertyName: "instructions", publicName: "instructions", isSignal: true, isRequired: false, transformFunction: null }, announcement: { classPropertyName: "announcement", publicName: "announcement", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { reordered: "reordered" }, host: { listeners: { "dragover": "onContainerDragOver($event)", "drop": "onContainerDrop($event)", "dragleave": "onDragLeave($event)" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.4", type: StrctReorder, isStandalone: true, selector: "[strctReorder]", inputs: { reorderDisabled: { classPropertyName: "reorderDisabled", publicName: "reorderDisabled", isSignal: true, isRequired: false, transformFunction: null }, instructions: { classPropertyName: "instructions", publicName: "instructions", isSignal: true, isRequired: false, transformFunction: null }, announcement: { classPropertyName: "announcement", publicName: "announcement", isSignal: true, isRequired: false, transformFunction: null }, listId: { classPropertyName: "listId", publicName: "listId", isSignal: true, isRequired: false, transformFunction: null }, moveAnnouncement: { classPropertyName: "moveAnnouncement", publicName: "moveAnnouncement", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { reordered: "reordered" }, host: { listeners: { "dragover": "onContainerDragOver($event)", "drop": "onContainerDrop($event)", "dragleave": "onDragLeave($event)" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctReorder, decorators: [{
             type: Directive,
             args: [{ selector: '[strctReorder]' }]
-        }], ctorParameters: () => [], propDecorators: { reordered: [{ type: i0.Output, args: ["reordered"] }], reorderDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "reorderDisabled", required: false }] }], instructions: [{ type: i0.Input, args: [{ isSignal: true, alias: "instructions", required: false }] }], announcement: [{ type: i0.Input, args: [{ isSignal: true, alias: "announcement", required: false }] }], onContainerDragOver: [{
+        }], ctorParameters: () => [], propDecorators: { reordered: [{ type: i0.Output, args: ["reordered"] }], reorderDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "reorderDisabled", required: false }] }], instructions: [{ type: i0.Input, args: [{ isSignal: true, alias: "instructions", required: false }] }], announcement: [{ type: i0.Input, args: [{ isSignal: true, alias: "announcement", required: false }] }], listId: [{ type: i0.Input, args: [{ isSignal: true, alias: "listId", required: false }] }], moveAnnouncement: [{ type: i0.Input, args: [{ isSignal: true, alias: "moveAnnouncement", required: false }] }], onContainerDragOver: [{
                 type: HostListener,
                 args: ['dragover', ['$event']]
             }], onContainerDrop: [{
@@ -22398,6 +22661,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                 type: HostListener,
                 args: ['dragleave', ['$event']]
             }] } });
+/**
+ * The only place a drag may start from, when an item has one. Content that is
+ * itself draggable — text selection, a chart brush — must not start a move.
+ */
+class StrctReorderHandle {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctReorderHandle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.4", type: StrctReorderHandle, isStandalone: true, selector: "[strctReorderHandle]", host: { classAttribute: "strct-reorder__handle" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctReorderHandle, decorators: [{
+            type: Directive,
+            args: [{ selector: '[strctReorderHandle]', host: { class: 'strct-reorder__handle' } }]
+        }] });
 /** One draggable row inside a `[strctReorder]` container. */
 class StrctReorderItem {
     list = inject(StrctReorder);
@@ -22407,6 +22682,12 @@ class StrctReorderItem {
     hostTabindex() {
         return this.hadOwnTabindex ? null : 0;
     }
+    /** The keys that apply: the sideways pair only when there is somewhere to go. */
+    shortcuts() {
+        return this.list.group
+            ? 'Alt+ArrowUp Alt+ArrowDown Alt+ArrowLeft Alt+ArrowRight'
+            : 'Alt+ArrowUp Alt+ArrowDown';
+    }
     isDragging() {
         return this.list.dragIndex() === this.index();
     }
@@ -22416,22 +22697,38 @@ class StrctReorderItem {
     index() {
         return this.list.indexOf(this.el.nativeElement);
     }
+    /** Where the last pointerdown landed — a drag may only start on a handle. */
+    fromHandle = false;
+    onPointerDown(event) {
+        this.fromHandle = !!event.target.closest('[strctReorderHandle]');
+    }
     onDragStart(event) {
         if (this.list.reorderDisabled())
             return;
+        // With a handle present, only the handle starts a move.
+        if (this.el.nativeElement.querySelector('[strctReorderHandle]') && !this.fromHandle) {
+            event.preventDefault();
+            return;
+        }
         this.list.dragIndex.set(this.index());
+        this.list.group?.source.set({ list: this.list, index: this.index() });
         event.dataTransfer?.setData('text/plain', String(this.index()));
         if (event.dataTransfer)
             event.dataTransfer.effectAllowed = 'move';
     }
     onDragOver(event) {
-        if (this.list.dragIndex() == null)
+        if (this.list.dragIndex() == null && !this.list.group?.source())
             return;
         event.preventDefault();
         this.list.overIndex.set(this.index());
     }
     onDrop(event) {
         event.preventDefault();
+        const source = this.list.group?.source();
+        if (source && source.list !== this.list) {
+            this.list.acceptFrom(source.list, source.index, this.index());
+            return;
+        }
         const from = this.list.dragIndex();
         if (from == null)
             return;
@@ -22440,10 +22737,23 @@ class StrctReorderItem {
     onDragEnd() {
         this.list.dragIndex.set(null);
         this.list.overIndex.set(null);
+        this.list.group?.source.set(null);
     }
     onKeydown(event) {
         if (this.list.reorderDisabled() || !event.altKey)
             return;
+        const group = this.list.group;
+        // Alt+Left / Alt+Right move to the neighbouring list at the same index.
+        if (group && (event.key === 'ArrowLeft' || event.key === 'ArrowRight')) {
+            const target = group.neighbour(this.list, event.key === 'ArrowLeft' ? -1 : 1);
+            if (!target)
+                return;
+            event.preventDefault();
+            const index = this.index();
+            target.acceptFrom(this.list, index, index);
+            setTimeout(() => target.items()[Math.min(index, target.items().length - 1)]?.focus());
+            return;
+        }
         if (event.key !== 'ArrowUp' && event.key !== 'ArrowDown')
             return;
         event.preventDefault();
@@ -22456,7 +22766,7 @@ class StrctReorderItem {
         setTimeout(() => this.list.items()[to]?.focus());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctReorderItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.4", type: StrctReorderItem, isStandalone: true, selector: "[strctReorderItem]", host: { listeners: { "dragstart": "onDragStart($event)", "dragover": "onDragOver($event)", "drop": "onDrop($event)", "dragend": "onDragEnd()", "keydown": "onKeydown($event)" }, properties: { "attr.draggable": "!list.reorderDisabled()", "attr.tabindex": "hostTabindex()", "class.strct-reorder--dragging": "isDragging()", "class.strct-reorder--over": "isOver()", "attr.aria-roledescription": "'sortable'", "attr.aria-keyshortcuts": "'Alt+ArrowUp Alt+ArrowDown'", "attr.aria-posinset": "index() + 1", "attr.aria-setsize": "list.items().length", "attr.aria-describedby": "list.instructions() ? list.instructionsId : null" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.4", type: StrctReorderItem, isStandalone: true, selector: "[strctReorderItem]", host: { listeners: { "pointerdown": "onPointerDown($event)", "dragstart": "onDragStart($event)", "dragover": "onDragOver($event)", "drop": "onDrop($event)", "dragend": "onDragEnd()", "keydown": "onKeydown($event)" }, properties: { "attr.draggable": "!list.reorderDisabled()", "attr.tabindex": "hostTabindex()", "class.strct-reorder--dragging": "isDragging()", "class.strct-reorder--over": "isOver()", "attr.aria-roledescription": "'sortable'", "attr.aria-keyshortcuts": "shortcuts()", "attr.aria-posinset": "index() + 1", "attr.aria-setsize": "list.items().length", "attr.aria-describedby": "list.instructions() ? list.instructionsId : null" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctReorderItem, decorators: [{
             type: Directive,
@@ -22468,13 +22778,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                         '[class.strct-reorder--dragging]': 'isDragging()',
                         '[class.strct-reorder--over]': 'isOver()',
                         '[attr.aria-roledescription]': "'sortable'",
-                        '[attr.aria-keyshortcuts]': "'Alt+ArrowUp Alt+ArrowDown'",
+                        '[attr.aria-keyshortcuts]': 'shortcuts()',
                         '[attr.aria-posinset]': 'index() + 1',
                         '[attr.aria-setsize]': 'list.items().length',
                         '[attr.aria-describedby]': 'list.instructions() ? list.instructionsId : null',
                     },
                 }]
-        }], propDecorators: { onDragStart: [{
+        }], propDecorators: { onPointerDown: [{
+                type: HostListener,
+                args: ['pointerdown', ['$event']]
+            }], onDragStart: [{
                 type: HostListener,
                 args: ['dragstart', ['$event']]
             }], onDragOver: [{
@@ -24864,5 +25177,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { FOCUSABLE_SELECTOR, STRCT_DP_DOW, STRCT_DP_DOW_FULL, STRCT_DP_MONTHS, STRCT_ICONS, STRCT_ICON_GROUPS, STRCT_ICON_NAMES, STRCT_MASKS, STRCT_NOTIFICATION_HISTORY_LIMIT, STRCT_PALETTES, STRCT_RAW_ICONS, STRCT_TIME_RANGE_PRESETS, STRCT_WIZARD_DEFAULTS, StrctAccordion, StrctAccordionPanel, StrctAlert, StrctAnnouncer, StrctAvatar, StrctBadge, StrctBreadcrumb, StrctBreadcrumbItem, StrctButton, StrctButtonGroup, StrctBytesPipe, StrctCard, StrctCardBlock, StrctCardFooter, StrctCardHeader, StrctCardHeaderActions, StrctCardHeaderMeta, StrctCardHeaderNote, StrctCascadeColumn, StrctCascadeHost, StrctCascadeSelect, StrctCellDef, StrctCellStatus, StrctChange, StrctChart, StrctCheckbox, StrctChips, StrctCode, StrctCodeInline, StrctColorPicker, StrctCombobox, StrctCommandPalette, StrctConfirmOutlet, StrctConfirmService, StrctContextMenu, StrctContextMenuTrigger, StrctControlDescription, StrctCopy, StrctDatagrid, StrctDatagridActionBar, StrctDatagridActionBarCaption, StrctDatepicker, StrctDatetimePicker, StrctDesc, StrctDescriptionList, StrctDiff, StrctDivider, StrctDonut, StrctDrawer, StrctDrawerFooter, StrctDropdown, StrctDropdownDivider, StrctDropdownItem, StrctDropdownItemAction, StrctDropdownTrigger, StrctDurationPipe, StrctEmptyState, StrctField, StrctFieldGroup, StrctFieldHint, StrctFieldPrefix, StrctFieldSuffix, StrctFile, StrctFilterBar, StrctFlow, StrctFlowNodeTemplate, StrctFooter, StrctGauge, StrctHeader, StrctHeatmap, StrctHero, StrctHotkeysHelp, StrctHotkeysService, StrctIcon, StrctInlineEdit, StrctInput, StrctInputMask, StrctInputOtp, StrctKbd, StrctKnob, StrctLegend, StrctList, StrctListItem, StrctListItemDescription, StrctListItemLeading, StrctListItemMeta, StrctListItemTrailing, StrctLiveIndicator, StrctLogViewer, StrctLogin, StrctMediaFrame, StrctMenuPanel, StrctMenuService, StrctMenubar, StrctMetricTile, StrctModal, StrctModalContent, StrctNav, StrctNavItem, StrctNotificationCenter, StrctNumber, StrctOverlay, StrctPageHeader, StrctPageHeaderActions, StrctPageHeaderCrumbs, StrctPageHeaderTitleMeta, StrctPagination, StrctPassword, StrctPopover, StrctPopoverTrigger, StrctProgress, StrctRadio, StrctRadioGroup, StrctRail, StrctRange, StrctRatePipe, StrctRating, StrctReorder, StrctReorderItem, StrctRowDetailDef, StrctSearchbox, StrctSectionHeader, StrctSectionHeaderActions, StrctSectionHeaderMeta, StrctSectionMenu, StrctSegmented, StrctSelect, StrctShell, StrctShellService, StrctSiPipe, StrctSignpost, StrctSignpostTrigger, StrctSkeleton, StrctSparkline, StrctSpeedDial, StrctSpinner, StrctSplitButton, StrctSplitter, StrctStack, StrctStackItem, StrctStatusDot, StrctStep, StrctStepAction, StrctSteps, StrctSubmenu, StrctTab, StrctTable, StrctTabs, StrctTag, StrctTagLeading, StrctThemeService, StrctThemeSwitcher, StrctTimeRangePicker, StrctTimeline, StrctTimelineItem, StrctToastOutlet, StrctToastService, StrctToggle, StrctToolbar, StrctToolbarCaption, StrctToolbarSpacer, StrctTooltip, StrctTour, StrctTransfer, StrctTree, StrctTreeNode, StrctTreeSelect, StrctVerticalNav, StrctWatermark, StrctWizard, StrctWizardAside, focusFirstIn, keepTabInside, lockBodyScroll, parseAnsi, provideStrctWizardDefaults, registerStrctIcon, restoreFocus, saveFocusedElement, strctComputeDiff, strctDpPad, strctFormatBytes, strctFormatDuration, strctFormatRate, strctFormatSi, strctValidationIcon, strctValidationTone, unlockBodyScroll };
+export { FOCUSABLE_SELECTOR, STRCT_DP_DOW, STRCT_DP_DOW_FULL, STRCT_DP_MONTHS, STRCT_ICONS, STRCT_ICON_GROUPS, STRCT_ICON_NAMES, STRCT_MASKS, STRCT_NOTIFICATION_HISTORY_LIMIT, STRCT_PALETTES, STRCT_RAW_ICONS, STRCT_TIME_RANGE_PRESETS, STRCT_WIZARD_DEFAULTS, StrctAccordion, StrctAccordionPanel, StrctAlert, StrctAnnouncer, StrctAvatar, StrctBadge, StrctBreadcrumb, StrctBreadcrumbItem, StrctButton, StrctButtonGroup, StrctBytesPipe, StrctCard, StrctCardBlock, StrctCardFooter, StrctCardHeader, StrctCardHeaderActions, StrctCardHeaderMeta, StrctCardHeaderNote, StrctCascadeColumn, StrctCascadeHost, StrctCascadeSelect, StrctCellDef, StrctCellStatus, StrctChange, StrctChart, StrctCheckbox, StrctChips, StrctCode, StrctCodeInline, StrctColorPicker, StrctCombobox, StrctCommandPalette, StrctConfirmOutlet, StrctConfirmService, StrctContextMenu, StrctContextMenuTrigger, StrctControlDescription, StrctCopy, StrctDatagrid, StrctDatagridActionBar, StrctDatagridActionBarCaption, StrctDatepicker, StrctDatetimePicker, StrctDesc, StrctDescriptionList, StrctDiff, StrctDivider, StrctDonut, StrctDrawer, StrctDrawerFooter, StrctDropdown, StrctDropdownDivider, StrctDropdownItem, StrctDropdownItemAction, StrctDropdownTrigger, StrctDurationPipe, StrctEmptyState, StrctField, StrctFieldGroup, StrctFieldHint, StrctFieldPrefix, StrctFieldSuffix, StrctFile, StrctFilterBar, StrctFlow, StrctFlowNodeTemplate, StrctFooter, StrctGauge, StrctHeader, StrctHeatmap, StrctHero, StrctHotkeysHelp, StrctHotkeysService, StrctIcon, StrctInlineEdit, StrctInput, StrctInputMask, StrctInputOtp, StrctKbd, StrctKnob, StrctLegend, StrctList, StrctListItem, StrctListItemDescription, StrctListItemLeading, StrctListItemMeta, StrctListItemTrailing, StrctLiveIndicator, StrctLogViewer, StrctLogin, StrctMediaFrame, StrctMenuPanel, StrctMenuService, StrctMenubar, StrctMetricTile, StrctModal, StrctModalContent, StrctNav, StrctNavItem, StrctNotificationCenter, StrctNumber, StrctOverlay, StrctPageHeader, StrctPageHeaderActions, StrctPageHeaderCrumbs, StrctPageHeaderTitleMeta, StrctPagination, StrctPassword, StrctPopover, StrctPopoverTrigger, StrctProgress, StrctRadio, StrctRadioGroup, StrctRail, StrctRange, StrctRatePipe, StrctRating, StrctReorder, StrctReorderGroup, StrctReorderHandle, StrctReorderItem, StrctResizeHandle, StrctRowDetailDef, StrctSearchbox, StrctSectionHeader, StrctSectionHeaderActions, StrctSectionHeaderMeta, StrctSectionMenu, StrctSegmented, StrctSelect, StrctShell, StrctShellService, StrctSiPipe, StrctSignpost, StrctSignpostTrigger, StrctSkeleton, StrctSparkline, StrctSpeedDial, StrctSpinner, StrctSplitButton, StrctSplitter, StrctStack, StrctStackItem, StrctStatusDot, StrctStep, StrctStepAction, StrctSteps, StrctSubmenu, StrctTab, StrctTable, StrctTabs, StrctTag, StrctTagLeading, StrctThemeService, StrctThemeSwitcher, StrctTimeRangePicker, StrctTimeline, StrctTimelineItem, StrctToastOutlet, StrctToastService, StrctToggle, StrctToolbar, StrctToolbarCaption, StrctToolbarSpacer, StrctTooltip, StrctTour, StrctTransfer, StrctTree, StrctTreeNode, StrctTreeSelect, StrctVerticalNav, StrctWatermark, StrctWizard, StrctWizardAside, focusFirstIn, keepTabInside, lockBodyScroll, parseAnsi, provideStrctWizardDefaults, registerStrctIcon, restoreFocus, saveFocusedElement, strctComputeDiff, strctDpPad, strctFormatBytes, strctFormatDuration, strctFormatRate, strctFormatSi, strctValidationIcon, strctValidationTone, unlockBodyScroll };
 //# sourceMappingURL=akcelik-strct.mjs.map