npm - @semantic-components/ui - Versions diffs - 0.69.0 → 0.71.0 - Mend

@semantic-components/ui 0.69.0 → 0.71.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (150) hide show

package/esm2022/lib/components/resizable/resizable-handle-indicator.js ADDED Viewed

@@ -0,0 +1,20 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScResizableHandleIndicator {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('bg-border z-10 flex h-6 w-1 shrink-0 rounded-lg', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScResizableHandleIndicator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScResizableHandleIndicator, isStandalone: true, selector: "[scResizableHandleIndicator]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "resizable-handle-indicator" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScResizableHandleIndicator, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[scResizableHandleIndicator]',
+                    host: {
+                        'data-slot': 'resizable-handle-indicator',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=resizable-handle-indicator.js.map

package/esm2022/lib/components/resizable/resizable-handle-indicator.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"resizable-handle-indicator.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/resizable/resizable-handle-indicator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AASjC,MAAM,OAAO,0BAA0B;IAC5B,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,iDAAiD,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACzE,CAAC;uGALS,0BAA0B;2FAA1B,0BAA0B;;2FAA1B,0BAA0B;kBAPtC,SAAS;mBAAC;oBACT,QAAQ,EAAE,8BAA8B;oBACxC,IAAI,EAAE;wBACJ,WAAW,EAAE,4BAA4B;wBACzC,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n selector: '[scResizableHandleIndicator]',\n host: {\n 'data-slot': 'resizable-handle-indicator',\n '[class]': 'class()',\n },\n})\nexport class ScResizableHandleIndicator {\n readonly classInput = input<string>('', { alias: 'class' });\n\n protected readonly class = computed(() =>\n cn('bg-border z-10 flex h-6 w-1 shrink-0 rounded-lg', this.classInput()),\n );\n}\n"]}

package/esm2022/lib/components/resizable/resizable-handle.js ADDED Viewed

@@ -0,0 +1,116 @@
+import { ChangeDetectionStrategy, Component, computed, ElementRef, inject, input, ViewEncapsulation, } from '@angular/core';
+import { cn } from '../../utils';
+import { ScResizableHandleIndicator } from './resizable-handle-indicator';
+import { ScResizablePanelGroup } from './resizable-panel-group';
+import * as i0 from "@angular/core";
+export class ScResizableHandle {
+    group = inject(ScResizablePanelGroup);
+    elementRef = inject(ElementRef);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    withHandle = input(false, ...(ngDevMode ? [{ debugName: "withHandle" }] : []));
+    dragging = false;
+    startPos = 0;
+    startSizes = [];
+    class = computed(() => cn('bg-border focus-visible:ring-ring ring-offset-background relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:outline-hidden aria-[orientation=vertical]:cursor-ew-resize aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:cursor-ns-resize aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    onMouseDown(event) {
+        event.preventDefault();
+        this.startDrag(event.clientX, event.clientY);
+        const onMouseMove = (e) => this.onDrag(e.clientX, e.clientY);
+        const onMouseUp = () => {
+            this.dragging = false;
+            document.removeEventListener('mousemove', onMouseMove);
+            document.removeEventListener('mouseup', onMouseUp);
+        };
+        document.addEventListener('mousemove', onMouseMove);
+        document.addEventListener('mouseup', onMouseUp);
+    }
+    onTouchStart(event) {
+        if (event.touches.length !== 1)
+            return;
+        event.preventDefault();
+        const touch = event.touches[0];
+        this.startDrag(touch.clientX, touch.clientY);
+        const onTouchMove = (e) => {
+            if (e.touches.length !== 1)
+                return;
+            const t = e.touches[0];
+            this.onDrag(t.clientX, t.clientY);
+        };
+        const onTouchEnd = () => {
+            this.dragging = false;
+            document.removeEventListener('touchmove', onTouchMove);
+            document.removeEventListener('touchend', onTouchEnd);
+        };
+        document.addEventListener('touchmove', onTouchMove, { passive: false });
+        document.addEventListener('touchend', onTouchEnd);
+    }
+    startDrag(clientX, clientY) {
+        this.dragging = true;
+        const isHorizontal = this.group.direction() === 'horizontal';
+        this.startPos = isHorizontal ? clientX : clientY;
+        const panels = this.group.getPanels();
+        this.startSizes = panels.map((p) => p.size());
+    }
+    onDrag(clientX, clientY) {
+        if (!this.dragging)
+            return;
+        const isHorizontal = this.group.direction() === 'horizontal';
+        const currentPos = isHorizontal ? clientX : clientY;
+        const delta = currentPos - this.startPos;
+        const panels = this.group.getPanels();
+        const handles = this.group.getHandles();
+        const handleIndex = handles.indexOf(this);
+        if (handleIndex === -1 || panels.length < 2)
+            return;
+        const container = this.elementRef.nativeElement.parentElement;
+        if (!container)
+            return;
+        const containerSize = isHorizontal
+            ? container.offsetWidth
+            : container.offsetHeight;
+        const deltaPercent = (delta / containerSize) * 100;
+        const leftPanelIndex = handleIndex;
+        const rightPanelIndex = handleIndex + 1;
+        if (leftPanelIndex >= 0 && rightPanelIndex < panels.length) {
+            const leftPanel = panels[leftPanelIndex];
+            const rightPanel = panels[rightPanelIndex];
+            const newLeftSize = this.startSizes[leftPanelIndex] + deltaPercent;
+            const newRightSize = this.startSizes[rightPanelIndex] - deltaPercent;
+            if (newLeftSize >= leftPanel.minSize() &&
+                newLeftSize <= leftPanel.maxSize() &&
+                newRightSize >= rightPanel.minSize() &&
+                newRightSize <= rightPanel.maxSize()) {
+                leftPanel.setSize(newLeftSize);
+                rightPanel.setSize(newRightSize);
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScResizableHandle, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: ScResizableHandle, isStandalone: true, selector: "[scResizableHandle]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, withHandle: { classPropertyName: "withHandle", publicName: "withHandle", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "resizable-handle" }, listeners: { "mousedown": "onMouseDown($event)", "touchstart": "onTouchStart($event)" }, properties: { "class": "class()", "attr.aria-orientation": "group.direction() === \"horizontal\" ? \"vertical\" : \"horizontal\"" } }, ngImport: i0, template: `
+    @if (withHandle()) {
+      <div scResizableHandleIndicator></div>
+    }
+  `, isInline: true, dependencies: [{ kind: "directive", type: ScResizableHandleIndicator, selector: "[scResizableHandleIndicator]", inputs: ["class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScResizableHandle, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[scResizableHandle]',
+                    imports: [ScResizableHandleIndicator],
+                    host: {
+                        'data-slot': 'resizable-handle',
+                        '[class]': 'class()',
+                        '[attr.aria-orientation]': 'group.direction() === "horizontal" ? "vertical" : "horizontal"',
+                        '(mousedown)': 'onMouseDown($event)',
+                        '(touchstart)': 'onTouchStart($event)',
+                    },
+                    template: `
+    @if (withHandle()) {
+      <div scResizableHandleIndicator></div>
+    }
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], withHandle: [{ type: i0.Input, args: [{ isSignal: true, alias: "withHandle", required: false }] }] } });
+//# sourceMappingURL=resizable-handle.js.map

package/esm2022/lib/components/resizable/resizable-handle.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"resizable-handle.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/resizable/resizable-handle.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n computed,\n ElementRef,\n inject,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '../../utils';\nimport { ScResizableHandleIndicator } from './resizable-handle-indicator';\nimport { ScResizablePanelGroup } from './resizable-panel-group';\n\n@Component({\n selector: '[scResizableHandle]',\n imports: [ScResizableHandleIndicator],\n host: {\n 'data-slot': 'resizable-handle',\n '[class]': 'class()',\n '[attr.aria-orientation]':\n 'group.direction() === \"horizontal\" ? \"vertical\" : \"horizontal\"',\n '(mousedown)': 'onMouseDown($event)',\n '(touchstart)': 'onTouchStart($event)',\n },\n template: `\n @if (withHandle()) {\n <div scResizableHandleIndicator></div>\n }\n `,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScResizableHandle {\n readonly group = inject(ScResizablePanelGroup);\n private readonly elementRef = inject(ElementRef);\n\n readonly classInput = input<string>('', { alias: 'class' });\n readonly withHandle = input<boolean>(false);\n\n private dragging = false;\n private startPos = 0;\n private startSizes: number[] = [];\n\n protected readonly class = computed(() =>\n cn(\n 'bg-border focus-visible:ring-ring ring-offset-background relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:outline-hidden aria-[orientation=vertical]:cursor-ew-resize aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:cursor-ns-resize aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90',\n this.classInput(),\n ),\n );\n\n protected onMouseDown(event: MouseEvent): void {\n event.preventDefault();\n this.startDrag(event.clientX, event.clientY);\n\n const onMouseMove = (e: MouseEvent) => this.onDrag(e.clientX, e.clientY);\n const onMouseUp = () => {\n this.dragging = false;\n document.removeEventListener('mousemove', onMouseMove);\n document.removeEventListener('mouseup', onMouseUp);\n };\n\n document.addEventListener('mousemove', onMouseMove);\n document.addEventListener('mouseup', onMouseUp);\n }\n\n protected onTouchStart(event: TouchEvent): void {\n if (event.touches.length !== 1) return;\n event.preventDefault();\n const touch = event.touches[0];\n this.startDrag(touch.clientX, touch.clientY);\n\n const onTouchMove = (e: TouchEvent) => {\n if (e.touches.length !== 1) return;\n const t = e.touches[0];\n this.onDrag(t.clientX, t.clientY);\n };\n const onTouchEnd = () => {\n this.dragging = false;\n document.removeEventListener('touchmove', onTouchMove);\n document.removeEventListener('touchend', onTouchEnd);\n };\n\n document.addEventListener('touchmove', onTouchMove, { passive: false });\n document.addEventListener('touchend', onTouchEnd);\n }\n\n private startDrag(clientX: number, clientY: number): void {\n this.dragging = true;\n const isHorizontal = this.group.direction() === 'horizontal';\n this.startPos = isHorizontal ? clientX : clientY;\n\n const panels = this.group.getPanels();\n this.startSizes = panels.map((p) => p.size());\n }\n\n private onDrag(clientX: number, clientY: number): void {\n if (!this.dragging) return;\n\n const isHorizontal = this.group.direction() === 'horizontal';\n const currentPos = isHorizontal ? clientX : clientY;\n const delta = currentPos - this.startPos;\n\n const panels = this.group.getPanels();\n const handles = this.group.getHandles();\n const handleIndex = handles.indexOf(this);\n\n if (handleIndex === -1 || panels.length < 2) return;\n\n const container = this.elementRef.nativeElement.parentElement;\n if (!container) return;\n\n const containerSize = isHorizontal\n ? container.offsetWidth\n : container.offsetHeight;\n const deltaPercent = (delta / containerSize) * 100;\n\n const leftPanelIndex = handleIndex;\n const rightPanelIndex = handleIndex + 1;\n\n if (leftPanelIndex >= 0 && rightPanelIndex < panels.length) {\n const leftPanel = panels[leftPanelIndex];\n const rightPanel = panels[rightPanelIndex];\n\n const newLeftSize = this.startSizes[leftPanelIndex] + deltaPercent;\n const newRightSize = this.startSizes[rightPanelIndex] - deltaPercent;\n\n if (\n newLeftSize >= leftPanel.minSize() &&\n newLeftSize <= leftPanel.maxSize() &&\n newRightSize >= rightPanel.minSize() &&\n newRightSize <= rightPanel.maxSize()\n ) {\n leftPanel.setSize(newLeftSize);\n rightPanel.setSize(newRightSize);\n }\n }\n }\n}\n"]}

package/esm2022/lib/components/resizable/resizable-panel-group.js ADDED Viewed

@@ -0,0 +1,38 @@
+import { computed, Directive, input, contentChildren } from '@angular/core';
+import { cn } from '../../utils';
+import { ScResizablePanel } from './resizable-panel';
+import { ScResizableHandle } from './resizable-handle';
+import * as i0 from "@angular/core";
+export class ScResizablePanelGroup {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    direction = input('horizontal', ...(ngDevMode ? [{ debugName: "direction" }] : []));
+    allPanels = contentChildren(ScResizablePanel, { ...(ngDevMode ? { debugName: "allPanels" } : {}), descendants: true });
+    allHandles = contentChildren(ScResizableHandle, { ...(ngDevMode ? { debugName: "allHandles" } : {}), descendants: true });
+    ownPanels = computed(() => this.allPanels().filter((p) => p.group === this), ...(ngDevMode ? [{ debugName: "ownPanels" }] : []));
+    ownHandles = computed(() => this.allHandles().filter((h) => h.group === this), ...(ngDevMode ? [{ debugName: "ownHandles" }] : []));
+    class = computed(() => cn('flex h-full w-full overflow-hidden aria-[orientation=vertical]:flex-col', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    getPanels() {
+        return this.ownPanels();
+    }
+    getHandles() {
+        return this.ownHandles();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScResizablePanelGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.0", type: ScResizablePanelGroup, isStandalone: true, selector: "[scResizablePanelGroup]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "resizable-panel-group" }, properties: { "class": "class()", "attr.aria-orientation": "direction()" } }, queries: [{ propertyName: "allPanels", predicate: ScResizablePanel, descendants: true, isSignal: true }, { propertyName: "allHandles", predicate: ScResizableHandle, descendants: true, isSignal: true }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScResizablePanelGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[scResizablePanelGroup]',
+                    host: {
+                        'data-slot': 'resizable-panel-group',
+                        '[class]': 'class()',
+                        '[attr.aria-orientation]': 'direction()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], allPanels: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => ScResizablePanel), { ...{
+                            descendants: true,
+                        }, isSignal: true }] }], allHandles: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => ScResizableHandle), { ...{
+                            descendants: true,
+                        }, isSignal: true }] }] } });
+//# sourceMappingURL=resizable-panel-group.js.map

package/esm2022/lib/components/resizable/resizable-panel-group.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"resizable-panel-group.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/resizable/resizable-panel-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAC5E,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;;AAUvD,MAAM,OAAO,qBAAqB;IACvB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,SAAS,GAAG,KAAK,CAAuB,YAAY,qDAAC,CAAC;IAE9C,SAAS,GAAG,eAAe,CAAC,gBAAgB,sDAC3D,WAAW,EAAE,IAAI,GACjB,CAAC;IACc,UAAU,GAAG,eAAe,CAAC,iBAAiB,uDAC7D,WAAW,EAAE,IAAI,GACjB,CAAC;IAEc,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE,CACzC,IAAI,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,qDACjD,CAAC;IACe,UAAU,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC1C,IAAI,CAAC,UAAU,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,sDAClD,CAAC;IAEiB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,yEAAyE,EACzE,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;IAEF,SAAS;QACP,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC;IAC1B,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC;IAC3B,CAAC;uGA/BU,qBAAqB;2FAArB,qBAAqB,2gBAIa,gBAAgB,gFAGf,iBAAiB;;2FAPpD,qBAAqB;kBARjC,SAAS;mBAAC;oBACT,QAAQ,EAAE,yBAAyB;oBACnC,IAAI,EAAE;wBACJ,WAAW,EAAE,uBAAuB;wBACpC,SAAS,EAAE,SAAS;wBACpB,yBAAyB,EAAE,aAAa;qBACzC;iBACF;kSAK8C,gBAAgB,QAAE;4BAC7D,WAAW,EAAE,IAAI;yBAClB,4FAC6C,iBAAiB,QAAE;4BAC/D,WAAW,EAAE,IAAI;yBAClB","sourcesContent":["import { computed, Directive, input, contentChildren } from '@angular/core';\nimport { cn } from '../../utils';\nimport { ScResizableDirection } from './resizable.types';\nimport { ScResizablePanel } from './resizable-panel';\nimport { ScResizableHandle } from './resizable-handle';\n\n@Directive({\n selector: '[scResizablePanelGroup]',\n host: {\n 'data-slot': 'resizable-panel-group',\n '[class]': 'class()',\n '[attr.aria-orientation]': 'direction()',\n },\n})\nexport class ScResizablePanelGroup {\n readonly classInput = input<string>('', { alias: 'class' });\n readonly direction = input<ScResizableDirection>('horizontal');\n\n private readonly allPanels = contentChildren(ScResizablePanel, {\n descendants: true,\n });\n private readonly allHandles = contentChildren(ScResizableHandle, {\n descendants: true,\n });\n\n private readonly ownPanels = computed(() =>\n this.allPanels().filter((p) => p.group === this),\n );\n private readonly ownHandles = computed(() =>\n this.allHandles().filter((h) => h.group === this),\n );\n\n protected readonly class = computed(() =>\n cn(\n 'flex h-full w-full overflow-hidden aria-[orientation=vertical]:flex-col',\n this.classInput(),\n ),\n );\n\n getPanels() {\n return this.ownPanels();\n }\n\n getHandles() {\n return this.ownHandles();\n }\n}\n"]}

package/esm2022/lib/components/resizable/resizable-panel.js ADDED Viewed

@@ -0,0 +1,39 @@
+import { computed, Directive, inject, input, linkedSignal, } from '@angular/core';
+import { cn } from '../../utils';
+import { ScResizablePanelGroup } from './resizable-panel-group';
+import * as i0 from "@angular/core";
+export class ScResizablePanel {
+    group = inject(ScResizablePanelGroup);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    defaultSize = input(50, ...(ngDevMode ? [{ debugName: "defaultSize" }] : []));
+    minSize = input(0, ...(ngDevMode ? [{ debugName: "minSize" }] : []));
+    maxSize = input(100, ...(ngDevMode ? [{ debugName: "maxSize" }] : []));
+    size = linkedSignal(() => this.defaultSize(), ...(ngDevMode ? [{ debugName: "size" }] : []));
+    class = computed(() => cn('overflow-hidden', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    minSizePx = computed(() => `${this.minSize()}%`, ...(ngDevMode ? [{ debugName: "minSizePx" }] : []));
+    maxSizePx = computed(() => `${this.maxSize()}%`, ...(ngDevMode ? [{ debugName: "maxSizePx" }] : []));
+    setSize(newSize) {
+        const clamped = Math.max(this.minSize(), Math.min(this.maxSize(), newSize));
+        this.size.set(clamped);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScResizablePanel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScResizablePanel, isStandalone: true, selector: "[scResizablePanel]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, defaultSize: { classPropertyName: "defaultSize", publicName: "defaultSize", 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 } }, host: { attributes: { "data-slot": "resizable-panel" }, properties: { "class": "class()", "style.flex-grow": "size()", "style.flex-shrink": "1", "style.flex-basis": "\"0%\"", "style.min-width": "group.direction() === \"horizontal\" ? minSizePx() : undefined", "style.min-height": "group.direction() === \"vertical\" ? minSizePx() : undefined", "style.max-width": "group.direction() === \"horizontal\" ? maxSizePx() : undefined", "style.max-height": "group.direction() === \"vertical\" ? maxSizePx() : undefined" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScResizablePanel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[scResizablePanel]',
+                    host: {
+                        'data-slot': 'resizable-panel',
+                        '[class]': 'class()',
+                        '[style.flex-grow]': 'size()',
+                        '[style.flex-shrink]': '1',
+                        '[style.flex-basis]': '"0%"',
+                        '[style.min-width]': 'group.direction() === "horizontal" ? minSizePx() : undefined',
+                        '[style.min-height]': 'group.direction() === "vertical" ? minSizePx() : undefined',
+                        '[style.max-width]': 'group.direction() === "horizontal" ? maxSizePx() : undefined',
+                        '[style.max-height]': 'group.direction() === "vertical" ? maxSizePx() : undefined',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], defaultSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultSize", required: false }] }], minSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "minSize", required: false }] }], maxSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxSize", required: false }] }] } });
+//# sourceMappingURL=resizable-panel.js.map

package/esm2022/lib/components/resizable/resizable-panel.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"resizable-panel.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/resizable/resizable-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,SAAS,EACT,MAAM,EACN,KAAK,EACL,YAAY,GACb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;;AAoBhE,MAAM,OAAO,gBAAgB;IAClB,KAAK,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC;IAEtC,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,WAAW,GAAG,KAAK,CAAS,EAAE,uDAAC,CAAC;IAChC,OAAO,GAAG,KAAK,CAAS,CAAC,mDAAC,CAAC;IAC3B,OAAO,GAAG,KAAK,CAAS,GAAG,mDAAC,CAAC;IAE7B,IAAI,GAAG,YAAY,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,gDAAC,CAAC;IAEpC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,iBAAiB,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACzC,CAAC;IAEiB,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,GAAG,qDAAC,CAAC;IACjD,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,GAAG,qDAAC,CAAC;IAEpE,OAAO,CAAC,OAAe;QACrB,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC;QAC5E,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACzB,CAAC;uGApBU,gBAAgB;2FAAhB,gBAAgB;;2FAAhB,gBAAgB;kBAlB5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,IAAI,EAAE;wBACJ,WAAW,EAAE,iBAAiB;wBAC9B,SAAS,EAAE,SAAS;wBACpB,mBAAmB,EAAE,QAAQ;wBAC7B,qBAAqB,EAAE,GAAG;wBAC1B,oBAAoB,EAAE,MAAM;wBAC5B,mBAAmB,EACjB,8DAA8D;wBAChE,oBAAoB,EAClB,4DAA4D;wBAC9D,mBAAmB,EACjB,8DAA8D;wBAChE,oBAAoB,EAClB,4DAA4D;qBAC/D;iBACF","sourcesContent":["import {\n computed,\n Directive,\n inject,\n input,\n linkedSignal,\n} from '@angular/core';\nimport { cn } from '../../utils';\nimport { ScResizablePanelGroup } from './resizable-panel-group';\n\n@Directive({\n selector: '[scResizablePanel]',\n host: {\n 'data-slot': 'resizable-panel',\n '[class]': 'class()',\n '[style.flex-grow]': 'size()',\n '[style.flex-shrink]': '1',\n '[style.flex-basis]': '\"0%\"',\n '[style.min-width]':\n 'group.direction() === \"horizontal\" ? minSizePx() : undefined',\n '[style.min-height]':\n 'group.direction() === \"vertical\" ? minSizePx() : undefined',\n '[style.max-width]':\n 'group.direction() === \"horizontal\" ? maxSizePx() : undefined',\n '[style.max-height]':\n 'group.direction() === \"vertical\" ? maxSizePx() : undefined',\n },\n})\nexport class ScResizablePanel {\n readonly group = inject(ScResizablePanelGroup);\n\n readonly classInput = input<string>('', { alias: 'class' });\n readonly defaultSize = input<number>(50);\n readonly minSize = input<number>(0);\n readonly maxSize = input<number>(100);\n\n readonly size = linkedSignal(() => this.defaultSize());\n\n protected readonly class = computed(() =>\n cn('overflow-hidden', this.classInput()),\n );\n\n protected readonly minSizePx = computed(() => `${this.minSize()}%`);\n protected readonly maxSizePx = computed(() => `${this.maxSize()}%`);\n\n setSize(newSize: number): void {\n const clamped = Math.max(this.minSize(), Math.min(this.maxSize(), newSize));\n this.size.set(clamped);\n }\n}\n"]}

package/esm2022/lib/components/resizable/resizable.types.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ //# sourceMappingURL=resizable.types.js.map

package/esm2022/lib/components/resizable/resizable.types.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"resizable.types.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/resizable/resizable.types.ts"],"names":[],"mappings":"","sourcesContent":["export type ScResizableDirection = 'horizontal' \| 'vertical';\n"]}

package/esm2022/lib/components/select/select-label.js CHANGED Viewed

@@ -1,21 +1,22 @@
-import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation, } from '@angular/core';
+import { ChangeDetectionStrategy, Component, computed, inject, input, ViewEncapsulation, } from '@angular/core';
 import { cn } from '../../utils';
+import { ScSelect } from './select';
 import * as i0 from "@angular/core";
 export class ScSelectLabel {
+    select = inject(ScSelect);
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
-    class = computed(() => cn('pointer-events-none', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    class = computed(() => cn('truncate pointer-events-none', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSelectLabel, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: ScSelectLabel, isStandalone: true, selector: "span[scSelectLabel], div[scSelectLabel]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "select-label" }, properties: { "class": "class()" } }, ngImport: i0, template: `
-    <ng-content />
+    {{ select.label() }}
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSelectLabel, decorators: [{
             type: Component,
             args: [{
                     selector: 'span[scSelectLabel], div[scSelectLabel]',
-                    imports: [],
                     template: `
-    <ng-content />
+    {{ select.label() }}
   `,
                     host: {
                         'data-slot': 'select-label',

package/esm2022/lib/components/select/select-label.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select-label.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/select/select-label.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;~~AAejC~~,MAAM,OAAO,aAAa;~~IACf~~,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,~~qBAAqB~~,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,~~iDAC7C~~,CAAC;~~uGALS~~,aAAa;2FAAb,aAAa,4UAVd;;GAET;;2FAQU,aAAa;~~kBAbzB~~,SAAS;mBAAC;oBACT,QAAQ,EAAE,yCAAyC;oBACnD,~~OAAO,EAAE,EAAE;oBACX,~~QAAQ,EAAE;;GAET;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,cAAc;wBAC3B,SAAS,EAAE,SAAS;qBACrB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n computed,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '../../utils';\n\n@Component({\n selector: 'span[scSelectLabel], div[scSelectLabel]',\n ~~imports: [],\n~~ template: `\n ~~<ng-content~~ ~~/>\~~n `,\n host: {\n 'data-slot': 'select-label',\n '[class]': 'class()',\n },\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScSelectLabel {\n readonly classInput = input<string>('', { alias: 'class' });\n\n protected readonly class = computed(() =>\n cn('pointer-events-none', this.classInput()),\n );\n}\n"]}
1	+ {"version":3,"file":"select-label.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/select/select-label.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;;AAcpC,MAAM,OAAO,aAAa;IACL,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAEpC,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,8BAA8B,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACtD,CAAC;uGAPS,aAAa;2FAAb,aAAa,4UAVd;;GAET;;2FAQU,aAAa;kBAZzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,yCAAyC;oBACnD,QAAQ,EAAE;;GAET;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,cAAc;wBAC3B,SAAS,EAAE,SAAS;qBACrB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n computed,\n inject,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '../../utils';\nimport { ScSelect } from './select';\n\n@Component({\n selector: 'span[scSelectLabel], div[scSelectLabel]',\n template: `\n {{ select.label() }}\n `,\n host: {\n 'data-slot': 'select-label',\n '[class]': 'class()',\n },\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScSelectLabel {\n protected readonly select = inject(ScSelect);\n\n readonly classInput = input<string>('', { alias: 'class' });\n\n protected readonly class = computed(() =>\n cn('truncate pointer-events-none', this.classInput()),\n );\n}\n"]}

package/esm2022/lib/components/select/select-trigger.js CHANGED Viewed

@@ -12,7 +12,7 @@ export class ScSelectTrigger {
     select = inject(forwardRef(() => ScSelect));
     ariaLabel = computed(() => this.select.ariaLabel(), ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
     placeholder = computed(() => this.select.placeholder(), ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
-    class = computed(() => cn('border-input dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 flex h-8 w-full items-center justify-between gap-1.5 rounded-lg border bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors select-none outline-none focus-visible:ring-3 has-[[aria-disabled=true]]:cursor-not-allowed has-[[aria-disabled=true]]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 *:data-[slot=select-label]:line-clamp-1 *:data-[slot=select-label]:flex *:data-[slot=select-label]:items-center *:data-[slot=select-label]:gap-1.5', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    class = computed(() => cn('border-input dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 flex h-8 w-full items-center justify-between gap-1.5 rounded-lg border bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors select-none outline-none focus-visible:ring-3 has-aria-disabled:cursor-not-allowed has-aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 *:data-[slot=select-label]:line-clamp-1 *:data-[slot=select-label]:flex *:data-[slot=select-label]:items-center *:data-[slot=select-label]:gap-1.5', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSelectTrigger, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: ScSelectTrigger, isStandalone: true, selector: "div[scSelectTrigger]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "select-trigger" }, properties: { "class": "class()" } }, ngImport: i0, template: `
     <ng-content />

package/esm2022/lib/components/select/select-trigger.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select-trigger.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/select/select-trigger.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,UAAU,EACV,UAAU,EACV,MAAM,EACN,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAqC5D,2CAA2C;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;;AAjBpC,MAAM,OAAO,eAAe;IACjB,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC,CAAC;IACzD,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAE3C,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACpD,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,qDAAC,CAAC;IACpD,WAAW,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,uDAAC,CAAC;IAE9C,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,~~gkBAAgkB~~,~~EAChkB~~,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAbS,eAAe;2FAAf,eAAe,2TAhBhB;;;;;;;;GAQT,4DATS,aAAa,oFAAE,mBAAmB,wFAAE,iBAAiB;;2FAiBpD,eAAe;kBAnB3B,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,OAAO,EAAE,CAAC,aAAa,EAAE,mBAAmB,EAAE,iBAAiB,CAAC;oBAChE,QAAQ,EAAE;;;;;;;;GAQT;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,gBAAgB;wBAC7B,SAAS,EAAE,SAAS;qBACrB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n computed,\n ElementRef,\n forwardRef,\n inject,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport { SiChevronDownIcon } from '@semantic-icons/lucide-icons';\nimport { cn } from '../../utils';\n\nimport { ScSelectInput } from './select-input';\nimport { ScSelectTriggerIcon } from './select-trigger-icon';\n\n@Component({\n selector: 'div[scSelectTrigger]',\n imports: [ScSelectInput, ScSelectTriggerIcon, SiChevronDownIcon],\n template: `\n <ng-content />\n <input\n scSelectInput\n [attr.aria-label]=\"ariaLabel()\"\n [placeholder]=\"placeholder()\"\n />\n <svg scSelectTriggerIcon siChevronDownIcon aria-hidden=\"true\"></svg>\n `,\n host: {\n 'data-slot': 'select-trigger',\n '[class]': 'class()',\n },\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScSelectTrigger {\n readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n readonly classInput = input<string>('', { alias: 'class' });\n\n private readonly select = inject(forwardRef(() => ScSelect));\n readonly ariaLabel = computed(() => this.select.ariaLabel());\n readonly placeholder = computed(() => this.select.placeholder());\n\n protected readonly class = computed(() =>\n cn(\n 'border-input dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 flex h-8 w-full items-center justify-between gap-1.5 rounded-lg border bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors select-none outline-none focus-visible:ring-3 has-[[aria-disabled~~=true]]~~:cursor-not-allowed has-[[aria-disabled~~=true]]~~:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 :data-[slot=select-label]:line-clamp-1 :data-[slot=select-label]:flex :data-[slot=select-label]:items-center :data-[slot=select-label]:gap-1.5',\n this.classInput(),\n ),\n );\n}\n\n// Lazy import to avoid circular dependency\nimport { ScSelect } from './select';\n"]}
1	+ {"version":3,"file":"select-trigger.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/select/select-trigger.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,UAAU,EACV,UAAU,EACV,MAAM,EACN,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAqC5D,2CAA2C;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;;AAjBpC,MAAM,OAAO,eAAe;IACjB,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC,CAAC;IACzD,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAE3C,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACpD,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,qDAAC,CAAC;IACpD,WAAW,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,uDAAC,CAAC;IAE9C,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,8iBAA8iB,EAC9iB,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAbS,eAAe;2FAAf,eAAe,2TAhBhB;;;;;;;;GAQT,4DATS,aAAa,oFAAE,mBAAmB,wFAAE,iBAAiB;;2FAiBpD,eAAe;kBAnB3B,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,OAAO,EAAE,CAAC,aAAa,EAAE,mBAAmB,EAAE,iBAAiB,CAAC;oBAChE,QAAQ,EAAE;;;;;;;;GAQT;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,gBAAgB;wBAC7B,SAAS,EAAE,SAAS;qBACrB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n computed,\n ElementRef,\n forwardRef,\n inject,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport { SiChevronDownIcon } from '@semantic-icons/lucide-icons';\nimport { cn } from '../../utils';\n\nimport { ScSelectInput } from './select-input';\nimport { ScSelectTriggerIcon } from './select-trigger-icon';\n\n@Component({\n selector: 'div[scSelectTrigger]',\n imports: [ScSelectInput, ScSelectTriggerIcon, SiChevronDownIcon],\n template: `\n <ng-content />\n <input\n scSelectInput\n [attr.aria-label]=\"ariaLabel()\"\n [placeholder]=\"placeholder()\"\n />\n <svg scSelectTriggerIcon siChevronDownIcon aria-hidden=\"true\"></svg>\n `,\n host: {\n 'data-slot': 'select-trigger',\n '[class]': 'class()',\n },\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScSelectTrigger {\n readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n readonly classInput = input<string>('', { alias: 'class' });\n\n private readonly select = inject(forwardRef(() => ScSelect));\n readonly ariaLabel = computed(() => this.select.ariaLabel());\n readonly placeholder = computed(() => this.select.placeholder());\n\n protected readonly class = computed(() =>\n cn(\n 'border-input dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 flex h-8 w-full items-center justify-between gap-1.5 rounded-lg border bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors select-none outline-none focus-visible:ring-3 has-aria-disabled:cursor-not-allowed has-aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 :data-[slot=select-label]:line-clamp-1 :data-[slot=select-label]:flex :data-[slot=select-label]:items-center :data-[slot=select-label]:gap-1.5',\n this.classInput(),\n ),\n );\n}\n\n// Lazy import to avoid circular dependency\nimport { ScSelect } from './select';\n"]}

package/esm2022/lib/components/select/select.js CHANGED Viewed

@@ -47,7 +47,6 @@ export class ScSelect {
     <ng-template ngComboboxPopupContainer>
       @if (origin(); as origin) {
         <ng-template
-          cdkConnectedOverlay
           [cdkConnectedOverlay]="{
             origin,
             usePopover: 'inline',
@@ -78,7 +77,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
     <ng-template ngComboboxPopupContainer>
       @if (origin(); as origin) {
         <ng-template
-          cdkConnectedOverlay
           [cdkConnectedOverlay]="{
             origin,
             usePopover: 'inline',

package/esm2022/lib/components/select/select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/select/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,MAAM,EACN,KAAK,EACL,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAEvE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;;;;~~AAqCnD~~,MAAM,OAAO,QAAQ;IACV,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,WAAW,GAAG,KAAK,CAAC,QAAQ,sDAAU,CAAC;IACvC,SAAS,GAAG,KAAK,CAAC,QAAQ,qDAAW,KAAK,EAAE,YAAY,GAAG,CAAC;IAC5D,KAAK,GAAG,KAAK,CAAU,SAAS,iDAAC,CAAC;IAE1B,OAAO,GAAG,YAAY,CAAC,eAAe,mDAAC,CAAC;IACxC,OAAO,GAAG,YAAY,CAAC,YAAY,oDAClD,WAAW,EAAE,IAAI,GACjB,CAAC;IACgB,YAAY,GAAG,YAAY,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;IAE/D,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,UAAU,kDAAC,CAAC;IACpD,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,kDAAC,CAAC;IACxD,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC7B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QAC3B,IAAI,KAAK,IAAI,IAAI;YAAE,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC;QAC7C,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QAC5B,IAAI,IAAI,EAAE,CAAC;YACT,OAAO,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC;QACD,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,iDAAC,CAAC;IACgB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,yBAAyB,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACjD,CAAC;IAEiB,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAE/C;QACE,MAAM,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;QAEhE,iCAAiC;QACjC,MAAM,CAAC,GAAG,EAAE;YACV,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;YAC3B,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;YACvD,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC3B,CAAC,CAAC,CAAC;IACL,CAAC;uGAtCU,QAAQ;2FAAR,QAAQ,yvBAMqB,eAAe,0FACf,YAAY,+FAGI,cAAc,~~wKAnC5D;;;;;;;;;;;;;;;;;GAiBT~~,~~4DAxBmB~~,sBAAsB,yHAAE,aAAa,0nCAAE,gBAAgB;;~~2FAgChE~~,QAAQ;~~kBAnCpB~~,SAAS;mBAAC;oBACT,QAAQ,EAAE,eAAe;oBACzB,QAAQ,EAAE,UAAU;oBACpB,OAAO,EAAE,CAAC,QAAQ,EAAE,sBAAsB,EAAE,aAAa,EAAE,gBAAgB,CAAC;oBAC5E,cAAc,EAAE;wBACd;4BACE,SAAS,EAAE,QAAQ;4BACnB,MAAM,EAAE,CAAC,UAAU,CAAC;yBACrB;qBACF;oBACD,QAAQ,EAAE~~;;;;;;;;;;;;;;;;;GAiBT~~;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,QAAQ;wBACrB,SAAS,EAAE,SAAS;qBACrB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;kiBAOyC,eAAe,yFACf,YAAY,QAAE;4BACpD,WAAW,EAAE,IAAI;yBAClB,2FACuD,cAAc","sourcesContent":["import { Combobox, ComboboxPopupContainer } from '@angular/aria/combobox';\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n computed,\n contentChild,\n effect,\n inject,\n input,\n model,\n ViewEncapsulation,\n} from '@angular/core';\nimport { SIGNAL, signalSetFn } from '@angular/core/primitives/signals';\nimport type { FormValueControl } from '@angular/forms/signals';\nimport { cn } from '../../utils';\nimport { ScSelectList } from './select-list';\nimport { ScSelectPortal } from './select-portal';\nimport { ScSelectTrigger } from './select-trigger';\n\n@Component({\n selector: 'div[scSelect]',\n exportAs: 'scSelect',\n imports: [Combobox, ComboboxPopupContainer, OverlayModule, NgTemplateOutlet],\n hostDirectives: [\n {\n directive: Combobox,\n inputs: ['disabled'],\n },\n ],\n template: `\n <ng-content />\n <ng-template ngComboboxPopupContainer>\n @if (origin(); as origin) {\n <ng-template\n ~~cdkConnectedOverlay\n~~ [cdkConnectedOverlay]=\"{\n origin,\n usePopover: 'inline',\n matchWidth: true,\n }\"\n [cdkConnectedOverlayOpen]=\"true\"\n >\n <ng-container [ngTemplateOutlet]=\"selectPortal().templateRef\" />\n </ng-template>\n }\n </ng-template>\n `,\n host: {\n 'data-slot': 'select',\n '[class]': 'class()',\n },\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScSelect implements FormValueControl<unknown> {\n readonly classInput = input<string>('', { alias: 'class' });\n readonly placeholder = input.required<string>();\n readonly ariaLabel = input.required<string>({ alias: 'aria-label' });\n readonly value = model<unknown>(undefined);\n\n private readonly trigger = contentChild(ScSelectTrigger);\n private readonly content = contentChild(ScSelectList, {\n descendants: true,\n });\n protected readonly selectPortal = contentChild.required(ScSelectPortal);\n\n readonly origin = computed(() => this.trigger()?.elementRef);\n readonly values = computed(() => this.content()?.values() ?? []);\n readonly label = computed(() => {\n const value = this.value();\n if (value == null) return this.placeholder();\n const list = this.content();\n if (list) {\n return list.labelForValue(value);\n }\n return String(value);\n });\n protected readonly class = computed(() =>\n cn('relative min-w-36 w-fit', this.classInput()),\n );\n\n protected readonly combobox = inject(Combobox);\n\n constructor() {\n effect(() => signalSetFn(this.combobox.readonly[SIGNAL], true));\n\n // Sync listbox selection → model\n effect(() => {\n const vals = this.values();\n const selected = vals.length > 0 ? vals[0] : undefined;\n this.value.set(selected);\n });\n }\n}\n"]}
1	+ {"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/select/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,MAAM,EACN,KAAK,EACL,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAEvE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;;;;AAoCnD,MAAM,OAAO,QAAQ;IACV,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,WAAW,GAAG,KAAK,CAAC,QAAQ,sDAAU,CAAC;IACvC,SAAS,GAAG,KAAK,CAAC,QAAQ,qDAAW,KAAK,EAAE,YAAY,GAAG,CAAC;IAC5D,KAAK,GAAG,KAAK,CAAU,SAAS,iDAAC,CAAC;IAE1B,OAAO,GAAG,YAAY,CAAC,eAAe,mDAAC,CAAC;IACxC,OAAO,GAAG,YAAY,CAAC,YAAY,oDAClD,WAAW,EAAE,IAAI,GACjB,CAAC;IACgB,YAAY,GAAG,YAAY,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;IAE/D,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,UAAU,kDAAC,CAAC;IACpD,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,kDAAC,CAAC;IACxD,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC7B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QAC3B,IAAI,KAAK,IAAI,IAAI;YAAE,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC;QAC7C,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QAC5B,IAAI,IAAI,EAAE,CAAC;YACT,OAAO,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC;QACD,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,iDAAC,CAAC;IACgB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,yBAAyB,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACjD,CAAC;IAEiB,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAE/C;QACE,MAAM,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;QAEhE,iCAAiC;QACjC,MAAM,CAAC,GAAG,EAAE;YACV,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;YAC3B,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;YACvD,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC3B,CAAC,CAAC,CAAC;IACL,CAAC;uGAtCU,QAAQ;2FAAR,QAAQ,yvBAMqB,eAAe,0FACf,YAAY,+FAGI,cAAc,wKAlC5D;;;;;;;;;;;;;;;;GAgBT,4DAvBmB,sBAAsB,yHAAE,aAAa,0nCAAE,gBAAgB;;2FA+BhE,QAAQ;kBAlCpB,SAAS;mBAAC;oBACT,QAAQ,EAAE,eAAe;oBACzB,QAAQ,EAAE,UAAU;oBACpB,OAAO,EAAE,CAAC,QAAQ,EAAE,sBAAsB,EAAE,aAAa,EAAE,gBAAgB,CAAC;oBAC5E,cAAc,EAAE;wBACd;4BACE,SAAS,EAAE,QAAQ;4BACnB,MAAM,EAAE,CAAC,UAAU,CAAC;yBACrB;qBACF;oBACD,QAAQ,EAAE;;;;;;;;;;;;;;;;GAgBT;oBACD,IAAI,EAAE;wBACJ,WAAW,EAAE,QAAQ;wBACrB,SAAS,EAAE,SAAS;qBACrB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;kiBAOyC,eAAe,yFACf,YAAY,QAAE;4BACpD,WAAW,EAAE,IAAI;yBAClB,2FACuD,cAAc","sourcesContent":["import { Combobox, ComboboxPopupContainer } from '@angular/aria/combobox';\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n computed,\n contentChild,\n effect,\n inject,\n input,\n model,\n ViewEncapsulation,\n} from '@angular/core';\nimport { SIGNAL, signalSetFn } from '@angular/core/primitives/signals';\nimport type { FormValueControl } from '@angular/forms/signals';\nimport { cn } from '../../utils';\nimport { ScSelectList } from './select-list';\nimport { ScSelectPortal } from './select-portal';\nimport { ScSelectTrigger } from './select-trigger';\n\n@Component({\n selector: 'div[scSelect]',\n exportAs: 'scSelect',\n imports: [Combobox, ComboboxPopupContainer, OverlayModule, NgTemplateOutlet],\n hostDirectives: [\n {\n directive: Combobox,\n inputs: ['disabled'],\n },\n ],\n template: `\n <ng-content />\n <ng-template ngComboboxPopupContainer>\n @if (origin(); as origin) {\n <ng-template\n [cdkConnectedOverlay]=\"{\n origin,\n usePopover: 'inline',\n matchWidth: true,\n }\"\n [cdkConnectedOverlayOpen]=\"true\"\n >\n <ng-container [ngTemplateOutlet]=\"selectPortal().templateRef\" />\n </ng-template>\n }\n </ng-template>\n `,\n host: {\n 'data-slot': 'select',\n '[class]': 'class()',\n },\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScSelect implements FormValueControl<unknown> {\n readonly classInput = input<string>('', { alias: 'class' });\n readonly placeholder = input.required<string>();\n readonly ariaLabel = input.required<string>({ alias: 'aria-label' });\n readonly value = model<unknown>(undefined);\n\n private readonly trigger = contentChild(ScSelectTrigger);\n private readonly content = contentChild(ScSelectList, {\n descendants: true,\n });\n protected readonly selectPortal = contentChild.required(ScSelectPortal);\n\n readonly origin = computed(() => this.trigger()?.elementRef);\n readonly values = computed(() => this.content()?.values() ?? []);\n readonly label = computed(() => {\n const value = this.value();\n if (value == null) return this.placeholder();\n const list = this.content();\n if (list) {\n return list.labelForValue(value);\n }\n return String(value);\n });\n protected readonly class = computed(() =>\n cn('relative min-w-36 w-fit', this.classInput()),\n );\n\n protected readonly combobox = inject(Combobox);\n\n constructor() {\n effect(() => signalSetFn(this.combobox.readonly[SIGNAL], true));\n\n // Sync listbox selection → model\n effect(() => {\n const vals = this.values();\n const selected = vals.length > 0 ? vals[0] : undefined;\n this.value.set(selected);\n });\n }\n}\n"]}

package/esm2022/lib/components/sidebar/index.js ADDED Viewed

@@ -0,0 +1,28 @@
+export { ScSidebarProvider } from './sidebar-provider';
+export { ScSidebar } from './sidebar';
+export { ScSidebarContainer } from './sidebar-container';
+export { ScSidebarGap } from './sidebar-gap';
+export { ScSidebarInner } from './sidebar-inner';
+export { ScSidebarTrigger } from './sidebar-trigger';
+export { ScSidebarRail } from './sidebar-rail';
+export { ScSidebarInset } from './sidebar-inset';
+export { ScSidebarHeader } from './sidebar-header';
+export { ScSidebarFooter } from './sidebar-footer';
+export { ScSidebarBody } from './sidebar-body';
+export { ScSidebarSeparator } from './sidebar-separator';
+export { ScSidebarInput } from './sidebar-input';
+export { ScSidebarGroup } from './sidebar-group';
+export { ScSidebarGroupLabel } from './sidebar-group-label';
+export { ScSidebarGroupAction } from './sidebar-group-action';
+export { ScSidebarGroupContent } from './sidebar-group-content';
+export { ScSidebarMenu } from './sidebar-menu';
+export { ScSidebarMenuItem } from './sidebar-menu-item';
+export { ScSidebarMenuButton } from './sidebar-menu-button';
+export { ScSidebarMenuAction } from './sidebar-menu-action';
+export { ScSidebarMenuBadge } from './sidebar-menu-badge';
+export { ScSidebarMenuSkeleton } from './sidebar-menu-skeleton';
+export { ScSidebarMenuSub } from './sidebar-menu-sub';
+export { ScSidebarMenuSubItem } from './sidebar-menu-sub-item';
+export { ScSidebarMenuSubButton } from './sidebar-menu-sub-button';
+export { ScSidebarState } from './sidebar-state';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/sidebar/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC","sourcesContent":["export { ScSidebarProvider } from './sidebar-provider';\nexport { ScSidebar } from './sidebar';\nexport { ScSidebarContainer } from './sidebar-container';\nexport { ScSidebarGap } from './sidebar-gap';\nexport { ScSidebarInner } from './sidebar-inner';\nexport { ScSidebarTrigger } from './sidebar-trigger';\nexport { ScSidebarRail } from './sidebar-rail';\nexport { ScSidebarInset } from './sidebar-inset';\nexport { ScSidebarHeader } from './sidebar-header';\nexport { ScSidebarFooter } from './sidebar-footer';\nexport { ScSidebarBody } from './sidebar-body';\nexport { ScSidebarSeparator } from './sidebar-separator';\nexport { ScSidebarInput } from './sidebar-input';\nexport { ScSidebarGroup } from './sidebar-group';\nexport { ScSidebarGroupLabel } from './sidebar-group-label';\nexport { ScSidebarGroupAction } from './sidebar-group-action';\nexport { ScSidebarGroupContent } from './sidebar-group-content';\nexport { ScSidebarMenu } from './sidebar-menu';\nexport { ScSidebarMenuItem } from './sidebar-menu-item';\nexport { ScSidebarMenuButton } from './sidebar-menu-button';\nexport { ScSidebarMenuAction } from './sidebar-menu-action';\nexport { ScSidebarMenuBadge } from './sidebar-menu-badge';\nexport { ScSidebarMenuSkeleton } from './sidebar-menu-skeleton';\nexport { ScSidebarMenuSub } from './sidebar-menu-sub';\nexport { ScSidebarMenuSubItem } from './sidebar-menu-sub-item';\nexport { ScSidebarMenuSubButton } from './sidebar-menu-sub-button';\nexport { ScSidebarState } from './sidebar-state';\n"]}

package/esm2022/lib/components/sidebar/sidebar-body.js ADDED Viewed

@@ -0,0 +1,20 @@
+import { Directive, computed, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScSidebarBody {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('no-scrollbar flex min-h-0 flex-1 flex-col gap-0 overflow-auto group-data-[collapsible=icon]:overflow-hidden', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSidebarBody, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScSidebarBody, isStandalone: true, selector: "div[scSidebarBody]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "sidebar-body" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSidebarBody, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'div[scSidebarBody]',
+                    host: {
+                        'data-slot': 'sidebar-body',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=sidebar-body.js.map

package/esm2022/lib/components/sidebar/sidebar-body.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"sidebar-body.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/sidebar/sidebar-body.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AASjC,MAAM,OAAO,aAAa;IACf,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,6GAA6G,EAC7G,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGARS,aAAa;2FAAb,aAAa;;2FAAb,aAAa;kBAPzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,IAAI,EAAE;wBACJ,WAAW,EAAE,cAAc;wBAC3B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { Directive, computed, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n selector: 'div[scSidebarBody]',\n host: {\n 'data-slot': 'sidebar-body',\n '[class]': 'class()',\n },\n})\nexport class ScSidebarBody {\n readonly classInput = input<string>('', { alias: 'class' });\n\n protected readonly class = computed(() =>\n cn(\n 'no-scrollbar flex min-h-0 flex-1 flex-col gap-0 overflow-auto group-data-[collapsible=icon]:overflow-hidden',\n this.classInput(),\n ),\n );\n}\n"]}

package/esm2022/lib/components/sidebar/sidebar-container.js ADDED Viewed

@@ -0,0 +1,26 @@
+import { Directive, computed, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScSidebarContainer {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    variant = input('sidebar', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    class = computed(() => {
+        const variant = this.variant();
+        return cn('fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex', 'data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]', 'data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]', variant === 'floating' || variant === 'inset'
+            ? 'p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]'
+            : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l', this.classInput());
+    }, ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSidebarContainer, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScSidebarContainer, isStandalone: true, selector: "div[scSidebarContainer]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "sidebar-container" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSidebarContainer, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'div[scSidebarContainer]',
+                    host: {
+                        'data-slot': 'sidebar-container',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
+//# sourceMappingURL=sidebar-container.js.map

package/esm2022/lib/components/sidebar/sidebar-container.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"sidebar-container.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/sidebar/sidebar-container.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AASjC,MAAM,OAAO,kBAAkB;IACpB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEnD,OAAO,GAAG,KAAK,CAAmC,SAAS,mDAAC,CAAC;IAEnD,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE;QACvC,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QAE/B,OAAO,EAAE,CACP,sHAAsH,EACtH,kHAAkH,EAClH,sHAAsH,EACtH,OAAO,KAAK,UAAU,IAAI,OAAO,KAAK,OAAO;YAC3C,CAAC,CAAC,0FAA0F;YAC5F,CAAC,CAAC,yHAAyH,EAC7H,IAAI,CAAC,UAAU,EAAE,CAClB,CAAC;IACJ,CAAC,iDAAC,CAAC;uGAjBQ,kBAAkB;2FAAlB,kBAAkB;;2FAAlB,kBAAkB;kBAP9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,yBAAyB;oBACnC,IAAI,EAAE;wBACJ,WAAW,EAAE,mBAAmB;wBAChC,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { Directive, computed, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n selector: 'div[scSidebarContainer]',\n host: {\n 'data-slot': 'sidebar-container',\n '[class]': 'class()',\n },\n})\nexport class ScSidebarContainer {\n readonly classInput = input<string>('', { alias: 'class' });\n\n readonly variant = input<'sidebar' | 'floating' | 'inset'>('sidebar');\n\n protected readonly class = computed(() => {\n const variant = this.variant();\n\n return cn(\n 'fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex',\n 'data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]',\n 'data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]',\n variant === 'floating' || variant === 'inset'\n ? 'p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]'\n : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l',\n this.classInput(),\n );\n });\n}\n"]}

package/esm2022/lib/components/sidebar/sidebar-footer.js ADDED Viewed

@@ -0,0 +1,20 @@
+import { Directive, computed, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScSidebarFooter {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('flex flex-col gap-2 p-2', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSidebarFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScSidebarFooter, isStandalone: true, selector: "div[scSidebarFooter]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "sidebar-footer" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSidebarFooter, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'div[scSidebarFooter]',
+                    host: {
+                        'data-slot': 'sidebar-footer',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=sidebar-footer.js.map

package/esm2022/lib/components/sidebar/sidebar-footer.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"sidebar-footer.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/sidebar/sidebar-footer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AASjC,MAAM,OAAO,eAAe;IACjB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,yBAAyB,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACjD,CAAC;uGALS,eAAe;2FAAf,eAAe;;2FAAf,eAAe;kBAP3B,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,IAAI,EAAE;wBACJ,WAAW,EAAE,gBAAgB;wBAC7B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { Directive, computed, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n selector: 'div[scSidebarFooter]',\n host: {\n 'data-slot': 'sidebar-footer',\n '[class]': 'class()',\n },\n})\nexport class ScSidebarFooter {\n readonly classInput = input<string>('', { alias: 'class' });\n\n protected readonly class = computed(() =>\n cn('flex flex-col gap-2 p-2', this.classInput()),\n );\n}\n"]}

package/esm2022/lib/components/sidebar/sidebar-gap.js ADDED Viewed

@@ -0,0 +1,23 @@
+import { Directive, computed, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScSidebarGap {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    variant = input('sidebar', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    class = computed(() => cn('relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear', 'group-data-[collapsible=offcanvas]:w-0', 'group-data-[side=right]:rotate-180', this.variant() === 'floating' || this.variant() === 'inset'
+        ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]'
+        : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon)', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSidebarGap, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScSidebarGap, isStandalone: true, selector: "div[scSidebarGap]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "sidebar-gap" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSidebarGap, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'div[scSidebarGap]',
+                    host: {
+                        'data-slot': 'sidebar-gap',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
+//# sourceMappingURL=sidebar-gap.js.map

package/esm2022/lib/components/sidebar/sidebar-gap.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"sidebar-gap.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/sidebar/sidebar-gap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AASjC,MAAM,OAAO,YAAY;IACd,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEnD,OAAO,GAAG,KAAK,CAAmC,SAAS,mDAAC,CAAC;IAEnD,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,yFAAyF,EACzF,wCAAwC,EACxC,oCAAoC,EACpC,IAAI,CAAC,OAAO,EAAE,KAAK,UAAU,IAAI,IAAI,CAAC,OAAO,EAAE,KAAK,OAAO;QACzD,CAAC,CAAC,kFAAkF;QACpF,CAAC,CAAC,wDAAwD,EAC5D,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAfS,YAAY;2FAAZ,YAAY;;2FAAZ,YAAY;kBAPxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,IAAI,EAAE;wBACJ,WAAW,EAAE,aAAa;wBAC1B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { Directive, computed, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n selector: 'div[scSidebarGap]',\n host: {\n 'data-slot': 'sidebar-gap',\n '[class]': 'class()',\n },\n})\nexport class ScSidebarGap {\n readonly classInput = input<string>('', { alias: 'class' });\n\n readonly variant = input<'sidebar' | 'floating' | 'inset'>('sidebar');\n\n protected readonly class = computed(() =>\n cn(\n 'relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear',\n 'group-data-[collapsible=offcanvas]:w-0',\n 'group-data-[side=right]:rotate-180',\n this.variant() === 'floating' || this.variant() === 'inset'\n ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]'\n : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon)',\n this.classInput(),\n ),\n );\n}\n"]}

package/esm2022/lib/components/sidebar/sidebar-group-action.js ADDED Viewed

@@ -0,0 +1,21 @@
+import { Directive, computed, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScSidebarGroupAction {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    asChild = input(false, ...(ngDevMode ? [{ debugName: "asChild" }] : []));
+    class = computed(() => cn('absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-hidden ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0', 'after:absolute after:-inset-2 md:after:hidden', 'group-data-[collapsible=icon]:hidden', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSidebarGroupAction, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScSidebarGroupAction, isStandalone: true, selector: "button[scSidebarGroupAction]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, asChild: { classPropertyName: "asChild", publicName: "asChild", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "sidebar-group-action" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSidebarGroupAction, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[scSidebarGroupAction]',
+                    host: {
+                        'data-slot': 'sidebar-group-action',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], asChild: [{ type: i0.Input, args: [{ isSignal: true, alias: "asChild", required: false }] }] } });
+//# sourceMappingURL=sidebar-group-action.js.map