@semantic-components/ui 0.68.0 → 0.70.0

package/esm2022/lib/components/select/select-list.js

@@ -1,19 +1,25 @@
 import { Listbox } from '@angular/aria/listbox';
-import { ChangeDetectionStrategy, Component, computed, inject, input, ViewEncapsulation, } from '@angular/core';
+import { ChangeDetectionStrategy, Component, computed, contentChildren, inject, input, ViewEncapsulation, } from '@angular/core';
 import { cn } from '../../utils';
+import { ScSelectItem } from './select-item';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/aria/listbox";
 export class ScSelectList {
     listbox = inject(Listbox);
+    items = contentChildren(ScSelectItem, { ...(ngDevMode ? { debugName: "items" } : {}), descendants: true });
     values = computed(() => this.listbox.values(), ...(ngDevMode ? [{ debugName: "values" }] : []));
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    labelForValue(value) {
+        const item = this.items().find((i) => i.itemValue() === value);
+        return item?.itemLabel() ?? '';
+    }
     class = computed(() => cn('flex h-full flex-col overflow-x-hidden overflow-y-auto', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSelectList, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScSelectList, isStandalone: true, selector: "div[scSelectList]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "select-list" }, properties: { "class": "class()" } }, hostDirectives: [{ directive: i1.Listbox }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSelectList, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.0", type: ScSelectList, isStandalone: true, selector: "div[scSelectList]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "select-list" }, properties: { "class": "class()" } }, queries: [{ propertyName: "items", predicate: ScSelectItem, descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.Listbox }], ngImport: i0, template: `
     <ng-content />
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSelectList, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSelectList, decorators: [{
             type: Component,
             args: [{
                     selector: 'div[scSelectList]',
@@ -29,5 +35,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
-        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+        }], propDecorators: { items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => ScSelectItem), { ...{ descendants: true }, isSignal: true }] }], classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
 //# sourceMappingURL=select-list.js.map

package/esm2022/lib/components/select/select-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-list.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/select/select-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,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;;;AAgBjC,MAAM,OAAO,YAAY;IACN,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAClC,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,kDAAC,CAAC;IAC/C,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,wDAAwD,EACxD,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAVS,YAAY;2FAAZ,YAAY,kWAXb;;GAET;;2FASU,YAAY;kBAdxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,OAAO,EAAE,EAAE;oBACX,QAAQ,EAAE;;GAET;oBACD,cAAc,EAAE,CAAC,OAAO,CAAC;oBACzB,IAAI,EAAE;wBACJ,WAAW,EAAE,aAAa;wBAC1B,SAAS,EAAE,SAAS;qBACrB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import { Listbox } from '@angular/aria/listbox';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '../../utils';\n\n@Component({\n  selector: 'div[scSelectList]',\n  imports: [],\n  template: `\n    <ng-content />\n  `,\n  hostDirectives: [Listbox],\n  host: {\n    'data-slot': 'select-list',\n    '[class]': 'class()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScSelectList {\n  private readonly listbox = inject(Listbox);\n  readonly values = computed(() => this.listbox.values());\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'flex h-full flex-col overflow-x-hidden overflow-y-auto',\n      this.classInput(),\n    ),\n  );\n}\n"]}
+{"version":3,"file":"select-list.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/select/select-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,eAAe,EACf,MAAM,EACN,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;;;AAgB7C,MAAM,OAAO,YAAY;IACN,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAC1B,KAAK,GAAG,eAAe,CAAC,YAAY,kDAAI,WAAW,EAAE,IAAI,GAAG,CAAC;IACrE,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,kDAAC,CAAC;IAC/C,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAE5D,aAAa,CAAC,KAAc;QAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,KAAK,CAAC,CAAC;QAC/D,OAAO,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IACjC,CAAC;IAEkB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,wDAAwD,EACxD,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAhBS,YAAY;2FAAZ,YAAY,2UAEkB,YAAY,6GAb3C;;GAET;;2FASU,YAAY;kBAdxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,OAAO,EAAE,EAAE;oBACX,QAAQ,EAAE;;GAET;oBACD,cAAc,EAAE,CAAC,OAAO,CAAC;oBACzB,IAAI,EAAE;wBACJ,WAAW,EAAE,aAAa;wBAC1B,SAAS,EAAE,SAAS;qBACrB;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;6FAG0C,YAAY,QAAE,EAAE,WAAW,EAAE,IAAI,EAAE","sourcesContent":["import { Listbox } from '@angular/aria/listbox';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChildren,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '../../utils';\nimport { ScSelectItem } from './select-item';\n\n@Component({\n  selector: 'div[scSelectList]',\n  imports: [],\n  template: `\n    <ng-content />\n  `,\n  hostDirectives: [Listbox],\n  host: {\n    'data-slot': 'select-list',\n    '[class]': 'class()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScSelectList {\n  private readonly listbox = inject(Listbox);\n  private readonly items = contentChildren(ScSelectItem, { descendants: true });\n  readonly values = computed(() => this.listbox.values());\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  labelForValue(value: unknown): string {\n    const item = this.items().find((i) => i.itemValue() === value);\n    return item?.itemLabel() ?? '';\n  }\n\n  protected readonly class = computed(() =>\n    cn(\n      'flex h-full flex-col overflow-x-hidden overflow-y-auto',\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/select/select-popup.js

@@ -8,12 +8,12 @@ export class ScSelectPopup {
     class = computed(() => cn('bg-popover text-popover-foreground ring-foreground/10 relative z-50 mt-1 flex w-full max-h-44 min-w-36 flex-col rounded-lg p-1 shadow-md ring-1', this.combobox.expanded()
         ? 'opacity-100 visible transition-[max-height,opacity,visibility] duration-150 ease-out'
         : 'max-h-0 opacity-0 invisible transition-[max-height,opacity,visibility] duration-150 ease-in [transition-delay:0s,0s,150ms]', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSelectPopup, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScSelectPopup, isStandalone: true, selector: "div[scSelectPopup]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "select-popup" }, properties: { "class": "class()" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSelectPopup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: ScSelectPopup, isStandalone: true, selector: "div[scSelectPopup]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "select-popup" }, properties: { "class": "class()" } }, ngImport: i0, template: `
     <ng-content />
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSelectPopup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSelectPopup, decorators: [{
             type: Component,
             args: [{
                     selector: 'div[scSelectPopup]',

package/esm2022/lib/components/select/select-portal.js

@@ -2,10 +2,10 @@ import { Directive, inject, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export class ScSelectPortal {
     templateRef = inject(TemplateRef);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSelectPortal, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.5", type: ScSelectPortal, isStandalone: true, selector: "ng-template[scSelectPortal]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSelectPortal, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: ScSelectPortal, isStandalone: true, selector: "ng-template[scSelectPortal]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSelectPortal, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSelectPortal, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[scSelectPortal]',

package/esm2022/lib/components/select/select-separator.js

@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
 export class ScSelectSeparator {
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     class = computed(() => cn('bg-border -mx-1 my-1 h-px', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSelectSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScSelectSeparator, isStandalone: true, selector: "[scSelectSeparator]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "select-separator", "role": "separator", "aria-orientation": "horizontal" }, properties: { "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSelectSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScSelectSeparator, isStandalone: true, selector: "[scSelectSeparator]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "select-separator", "role": "separator", "aria-orientation": "horizontal" }, properties: { "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSelectSeparator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSelectSeparator, decorators: [{
             type: Directive,
             args: [{
                     selector: '[scSelectSeparator]',

package/esm2022/lib/components/select/select-trigger-icon.js

@@ -6,10 +6,10 @@ export class ScSelectTriggerIcon {
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     combobox = inject(Combobox);
     class = computed(() => cn('text-muted-foreground pointer-events-none size-4 shrink-0 transition-transform duration-150', this.combobox.expanded() && 'rotate-180', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSelectTriggerIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScSelectTriggerIcon, isStandalone: true, selector: "svg[scSelectTriggerIcon]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "select-trigger-icon" }, properties: { "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSelectTriggerIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScSelectTriggerIcon, isStandalone: true, selector: "svg[scSelectTriggerIcon]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "select-trigger-icon" }, properties: { "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSelectTriggerIcon, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSelectTriggerIcon, decorators: [{
             type: Directive,
             args: [{
                     selector: 'svg[scSelectTriggerIcon]',

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

@@ -9,12 +9,12 @@ import * as i0 from "@angular/core";
 export class ScSelectTrigger {
     elementRef = inject(ElementRef);
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
-    ariaLabel = input('', { ...(ngDevMode ? { debugName: "ariaLabel" } : {}), alias: 'aria-label' });
     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-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSelectTrigger, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScSelectTrigger, isStandalone: true, selector: "div[scSelectTrigger]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "select-trigger" }, properties: { "class": "class()" } }, ngImport: i0, template: `
+    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 />
     <input
       scSelectInput
@@ -22,9 +22,9 @@ export class ScSelectTrigger {
       [placeholder]="placeholder()"
     />
     <svg scSelectTriggerIcon siChevronDownIcon aria-hidden="true"></svg>
-  `, isInline: true, dependencies: [{ kind: "component", type: ScSelectInput, selector: "input[scSelectInput]", inputs: ["class"] }, { kind: "directive", type: ScSelectTriggerIcon, selector: "svg[scSelectTriggerIcon]", inputs: ["class"] }, { kind: "component", type: SiChevronDownIcon, selector: "svg[siChevronDownIcon]", inputs: ["width", "height", "viewBox", "fill", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, dependencies: [{ kind: "component", type: ScSelectInput, selector: "input[scSelectInput]", inputs: ["class"] }, { kind: "directive", type: ScSelectTriggerIcon, selector: "svg[scSelectTriggerIcon]", inputs: ["class"] }, { kind: "component", type: SiChevronDownIcon, selector: "svg[siChevronDownIcon]", inputs: ["ariaHidden", "width", "height", "viewBox", "fill", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSelectTrigger, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSelectTrigger, decorators: [{
             type: Component,
             args: [{
                     selector: 'div[scSelectTrigger]',
@@ -45,5 +45,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
-        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }] } });
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
 //# sourceMappingURL=select-trigger.js.map

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

@@ -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;IACnD,SAAS,GAAG,KAAK,CAAS,EAAE,sDAAI,KAAK,EAAE,YAAY,GAAG,CAAC;IAE/C,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,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,gcAhBhB;;;;;;;;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  readonly ariaLabel = input<string>('', { alias: 'aria-label' });\n\n  private readonly select = inject(forwardRef(() => ScSelect));\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-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5',\n      this.classInput(),\n    ),\n  );\n}\n\n// Lazy import to avoid circular dependency\nimport { ScSelect } from './select';\n"]}
+{"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

@@ -12,14 +12,24 @@ import * as i1 from "@angular/aria/combobox";
 import * as i2 from "@angular/cdk/overlay";
 export class ScSelect {
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
-    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
-    value = model('', ...(ngDevMode ? [{ debugName: "value" }] : []));
+    placeholder = input.required(...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    ariaLabel = input.required({ ...(ngDevMode ? { debugName: "ariaLabel" } : {}), alias: 'aria-label' });
+    value = model(undefined, ...(ngDevMode ? [{ debugName: "value" }] : []));
     trigger = contentChild(ScSelectTrigger, ...(ngDevMode ? [{ debugName: "trigger" }] : []));
     content = contentChild(ScSelectList, { ...(ngDevMode ? { debugName: "content" } : {}), descendants: true });
     selectPortal = contentChild.required(ScSelectPortal);
     origin = computed(() => this.trigger()?.elementRef, ...(ngDevMode ? [{ debugName: "origin" }] : []));
     values = computed(() => this.content()?.values() ?? [], ...(ngDevMode ? [{ debugName: "values" }] : []));
-    displayValue = computed(() => this.value() || this.placeholder(), ...(ngDevMode ? [{ debugName: "displayValue" }] : []));
+    label = computed(() => {
+        const value = this.value();
+        if (value == null)
+            return this.placeholder();
+        const list = this.content();
+        if (list) {
+            return list.labelForValue(value);
+        }
+        return String(value);
+    }, ...(ngDevMode ? [{ debugName: "label" }] : []));
     class = computed(() => cn('relative min-w-36 w-fit', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
     combobox = inject(Combobox);
     constructor() {
@@ -27,17 +37,16 @@ export class ScSelect {
         // Sync listbox selection → model
         effect(() => {
             const vals = this.values();
-            const selected = vals.length > 0 ? String(vals[0]) : '';
+            const selected = vals.length > 0 ? vals[0] : undefined;
             this.value.set(selected);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: ScSelect, isStandalone: true, selector: "div[scSelect]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "data-slot": "select" }, properties: { "class": "class()" } }, queries: [{ propertyName: "trigger", first: true, predicate: ScSelectTrigger, descendants: true, isSignal: true }, { propertyName: "content", first: true, predicate: ScSelectList, descendants: true, isSignal: true }, { propertyName: "selectPortal", first: true, predicate: ScSelectPortal, descendants: true, isSignal: true }], exportAs: ["scSelect"], hostDirectives: [{ directive: i1.Combobox }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: ScSelect, isStandalone: true, selector: "div[scSelect]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: true, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "data-slot": "select" }, properties: { "class": "class()" } }, queries: [{ propertyName: "trigger", first: true, predicate: ScSelectTrigger, descendants: true, isSignal: true }, { propertyName: "content", first: true, predicate: ScSelectList, descendants: true, isSignal: true }, { propertyName: "selectPortal", first: true, predicate: ScSelectPortal, descendants: true, isSignal: true }], exportAs: ["scSelect"], hostDirectives: [{ directive: i1.Combobox, inputs: ["disabled", "disabled"] }], ngImport: i0, template: `
     <ng-content />
     <ng-template ngComboboxPopupContainer>
       @if (origin(); as origin) {
         <ng-template
-          cdkConnectedOverlay
           [cdkConnectedOverlay]="{
             origin,
             usePopover: 'inline',
@@ -51,7 +60,7 @@ export class ScSelect {
     </ng-template>
   `, isInline: true, dependencies: [{ kind: "directive", type: ComboboxPopupContainer, selector: "ng-template[ngComboboxPopupContainer]", exportAs: ["ngComboboxPopupContainer"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSelect, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSelect, decorators: [{
             type: Component,
             args: [{
                     selector: 'div[scSelect]',
@@ -60,6 +69,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                     hostDirectives: [
                         {
                             directive: Combobox,
+                            inputs: ['disabled'],
                         },
                     ],
                     template: `
@@ -67,7 +77,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
     <ng-template ngComboboxPopupContainer>
       @if (origin(); as origin) {
         <ng-template
-          cdkConnectedOverlay
           [cdkConnectedOverlay]="{
             origin,
             usePopover: 'inline',
@@ -87,7 +96,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
-        }], ctorParameters: () => [], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], trigger: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ScSelectTrigger), { isSignal: true }] }], content: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ScSelectList), { ...{
+        }], ctorParameters: () => [], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: true }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], trigger: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ScSelectTrigger), { isSignal: true }] }], content: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ScSelectList), { ...{
                             descendants: true,
                         }, isSignal: true }] }], selectPortal: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ScSelectPortal), { isSignal: true }] }] } });
 //# sourceMappingURL=select.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/select/select.ts"],"names":[],"mappings":"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","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    },\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<string> {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly placeholder = input<string>('');\n  readonly value = model<string>('');\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 displayValue = computed(() => this.value() || this.placeholder());\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 ? String(vals[0]) : '';\n      this.value.set(selected);\n    });\n  }\n}\n"]}
+{"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/separator/separator.js

@@ -6,10 +6,10 @@ export class ScSeparator {
     orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : []));
     decorative = input(true, ...(ngDevMode ? [{ debugName: "decorative" }] : []));
     class = computed(() => cn('shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScSeparator, isStandalone: true, selector: "div[scSeparator]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, decorative: { classPropertyName: "decorative", publicName: "decorative", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "separator" }, properties: { "attr.role": "decorative() ? \"none\" : \"separator\"", "attr.aria-orientation": "decorative() ? null : orientation()", "attr.aria-hidden": "decorative() ? \"true\" : null", "attr.data-orientation": "orientation()", "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScSeparator, isStandalone: true, selector: "div[scSeparator]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, decorative: { classPropertyName: "decorative", publicName: "decorative", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "separator" }, properties: { "attr.role": "decorative() ? \"none\" : \"separator\"", "attr.aria-orientation": "decorative() ? null : orientation()", "attr.aria-hidden": "decorative() ? \"true\" : null", "attr.data-orientation": "orientation()", "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSeparator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSeparator, decorators: [{
             type: Directive,
             args: [{
                     selector: 'div[scSeparator]',

package/esm2022/lib/components/sheet/sheet-close.js

@@ -12,10 +12,10 @@ export class ScSheetClose {
     closeSheet() {
         this.sheetProvider.open.set(false);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSheetClose, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScSheetClose, isStandalone: true, selector: "button[scSheetClose]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "sheet-close" }, listeners: { "click": "closeSheet()" }, properties: { "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSheetClose, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScSheetClose, isStandalone: true, selector: "button[scSheetClose]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "sheet-close" }, listeners: { "click": "closeSheet()" }, properties: { "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSheetClose, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSheetClose, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[scSheetClose]',

package/esm2022/lib/components/sheet/sheet-description.js

@@ -6,10 +6,10 @@ export class ScSheetDescription {
     sheet = inject(ScSheet);
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     class = computed(() => cn('text-muted-foreground text-sm', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSheetDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScSheetDescription, isStandalone: true, selector: "p[scSheetDescription]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "sheet-description" }, properties: { "id": "sheet.descriptionId", "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSheetDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScSheetDescription, isStandalone: true, selector: "p[scSheetDescription]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "sheet-description" }, properties: { "id": "sheet.descriptionId", "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSheetDescription, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSheetDescription, decorators: [{
             type: Directive,
             args: [{
                     selector: 'p[scSheetDescription]',

package/esm2022/lib/components/sheet/sheet-footer.js

@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
 export class ScSheetFooter {
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     class = computed(() => cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSheetFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScSheetFooter, isStandalone: true, selector: "div[scSheetFooter]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "sheet-footer" }, properties: { "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSheetFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScSheetFooter, isStandalone: true, selector: "div[scSheetFooter]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "sheet-footer" }, properties: { "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSheetFooter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSheetFooter, decorators: [{
             type: Directive,
             args: [{
                     selector: 'div[scSheetFooter]',

package/esm2022/lib/components/sheet/sheet-header.js

@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
 export class ScSheetHeader {
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     class = computed(() => cn('flex flex-col gap-2 text-center sm:text-left', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSheetHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScSheetHeader, isStandalone: true, selector: "div[scSheetHeader]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "sheet-header" }, properties: { "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSheetHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScSheetHeader, isStandalone: true, selector: "div[scSheetHeader]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "sheet-header" }, properties: { "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSheetHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSheetHeader, decorators: [{
             type: Directive,
             args: [{
                     selector: 'div[scSheetHeader]',

package/esm2022/lib/components/sheet/sheet-portal.js

@@ -2,10 +2,10 @@ import { Directive, inject, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export class ScSheetPortal {
     templateRef = inject(TemplateRef);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSheetPortal, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.5", type: ScSheetPortal, isStandalone: true, selector: "ng-template[scSheetPortal]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSheetPortal, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: ScSheetPortal, isStandalone: true, selector: "ng-template[scSheetPortal]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSheetPortal, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSheetPortal, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[scSheetPortal]',

package/esm2022/lib/components/sheet/sheet-provider.js

@@ -83,8 +83,8 @@ export class ScSheetProvider {
     closeSheet() {
         this.open.set(false);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSheetProvider, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.5", type: ScSheetProvider, isStandalone: true, selector: "div[scSheetProvider]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange" }, host: { attributes: { "data-slot": "sheet-provider" }, properties: { "class": "class()" } }, queries: [{ propertyName: "sheetPortal", first: true, predicate: ScSheetPortal, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "overlayTemplate", first: true, predicate: ["overlayTemplate"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSheetProvider, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.0", type: ScSheetProvider, isStandalone: true, selector: "div[scSheetProvider]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange" }, host: { attributes: { "data-slot": "sheet-provider" }, properties: { "class": "class()" } }, queries: [{ propertyName: "sheetPortal", first: true, predicate: ScSheetPortal, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "overlayTemplate", first: true, predicate: ["overlayTemplate"], descendants: true, isSignal: true }], ngImport: i0, template: `
     <ng-content />
     <ng-template #overlayTemplate>
       <div
@@ -98,7 +98,7 @@ export class ScSheetProvider {
     </ng-template>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "component", type: ScBackdrop, selector: "div[scBackdrop]", inputs: ["class", "open"], outputs: ["animationComplete"] }, { kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSheetProvider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSheetProvider, decorators: [{
             type: Component,
             args: [{
                     selector: 'div[scSheetProvider]',

package/esm2022/lib/components/sheet/sheet-title.js

@@ -6,10 +6,10 @@ export class ScSheetTitle {
     sheet = inject(ScSheet);
     classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
     class = computed(() => cn('text-lg font-semibold text-foreground', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSheetTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScSheetTitle, isStandalone: true, selector: "h2[scSheetTitle]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "sheet-title" }, properties: { "id": "sheet.titleId", "class": "class()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSheetTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScSheetTitle, isStandalone: true, selector: "h2[scSheetTitle]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "sheet-title" }, properties: { "id": "sheet.titleId", "class": "class()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSheetTitle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSheetTitle, decorators: [{
             type: Directive,
             args: [{
                     selector: 'h2[scSheetTitle]',

package/esm2022/lib/components/sheet/sheet-trigger.js

@@ -9,10 +9,10 @@ export class ScSheetTrigger {
     openSheet() {
         this.sheetProvider.open.set(true);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSheetTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScSheetTrigger, isStandalone: true, selector: "button[scSheetTrigger]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "sheet-trigger" }, listeners: { "click": "openSheet()" }, properties: { "class": "class()", "attr.aria-haspopup": "\"dialog\"", "attr.aria-expanded": "sheetProvider.open()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSheetTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: ScSheetTrigger, isStandalone: true, selector: "button[scSheetTrigger]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "sheet-trigger" }, listeners: { "click": "openSheet()" }, properties: { "class": "class()", "attr.aria-haspopup": "\"dialog\"", "attr.aria-expanded": "sheetProvider.open()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSheetTrigger, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSheetTrigger, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[scSheetTrigger]',

package/esm2022/lib/components/sheet/sheet.js

@@ -31,12 +31,12 @@ export class ScSheet {
             this.sheetProvider.onSheetAnimationComplete();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSheet, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScSheet, isStandalone: true, selector: "div[scSheet]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "sheet", "role": "dialog", "aria-modal": "true" }, listeners: { "animationend": "onAnimationEnd($event)" }, properties: { "attr.aria-labelledby": "titleId", "attr.aria-describedby": "descriptionId", "attr.data-side": "sheetProvider.side()", "attr.data-idle": "state() === \"idle\" ? \"\" : null", "attr.data-open": "state() === \"open\" ? \"\" : null", "attr.data-closed": "state() === \"closed\" ? \"\" : null", "class": "class()", "tabindex": "-1" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSheet, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: ScSheet, isStandalone: true, selector: "div[scSheet]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "sheet", "role": "dialog", "aria-modal": "true" }, listeners: { "animationend": "onAnimationEnd($event)" }, properties: { "attr.aria-labelledby": "titleId", "attr.aria-describedby": "descriptionId", "attr.data-side": "sheetProvider.side()", "attr.data-idle": "state() === \"idle\" ? \"\" : null", "attr.data-open": "state() === \"open\" ? \"\" : null", "attr.data-closed": "state() === \"closed\" ? \"\" : null", "class": "class()", "tabindex": "-1" } }, ngImport: i0, template: `
     <ng-content />
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSheet, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScSheet, decorators: [{
             type: Component,
             args: [{
                     selector: 'div[scSheet]',

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

@@ -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

@@ -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

@@ -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

@@ -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"]}