@semantic-components/ui 0.65.0 → 0.66.0

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

@@ -0,0 +1,21 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScSelectIcon {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('text-muted-foreground size-4 shrink-0', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSelectIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScSelectIcon, isStandalone: true, selector: "svg[scSelectIcon]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "select-icon", "aria-hidden": "true" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSelectIcon, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'svg[scSelectIcon]',
+                    host: {
+                        'data-slot': 'select-icon',
+                        'aria-hidden': 'true',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=select-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-icon.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/select/select-icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AAUjC,MAAM,OAAO,YAAY;IACd,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,uCAAuC,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDAC/D,CAAC;uGALS,YAAY;2FAAZ,YAAY;;2FAAZ,YAAY;kBARxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,IAAI,EAAE;wBACJ,WAAW,EAAE,aAAa;wBAC1B,aAAa,EAAE,MAAM;wBACrB,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'svg[scSelectIcon]',\n  host: {\n    'data-slot': 'select-icon',\n    'aria-hidden': 'true',\n    '[class]': 'class()',\n  },\n})\nexport class ScSelectIcon {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('text-muted-foreground size-4 shrink-0', this.classInput()),\n  );\n}\n"]}

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

@@ -0,0 +1,27 @@
+import { ComboboxInput } from '@angular/aria/combobox';
+import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation, } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/aria/combobox";
+export class ScSelectInput {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('absolute inset-0 h-full w-full cursor-pointer border-none bg-transparent opacity-0 outline-none', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSelectInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScSelectInput, isStandalone: true, selector: "input[scSelectInput]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "select-input" }, properties: { "class": "class()" } }, hostDirectives: [{ directive: i1.ComboboxInput }], ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSelectInput, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'input[scSelectInput]',
+                    imports: [],
+                    template: ``,
+                    hostDirectives: [ComboboxInput],
+                    host: {
+                        'data-slot': 'select-input',
+                        '[class]': 'class()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=select-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-input.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/select/select-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;;AAcjC,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,iGAAiG,EACjG,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGARS,aAAa;2FAAb,aAAa,4WATd,EAAE;;2FASD,aAAa;kBAZzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,OAAO,EAAE,EAAE;oBACX,QAAQ,EAAE,EAAE;oBACZ,cAAc,EAAE,CAAC,aAAa,CAAC;oBAC/B,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 { ComboboxInput } from '@angular/aria/combobox';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '../../utils';\n\n@Component({\n  selector: 'input[scSelectInput]',\n  imports: [],\n  template: ``,\n  hostDirectives: [ComboboxInput],\n  host: {\n    'data-slot': 'select-input',\n    '[class]': 'class()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScSelectInput {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'absolute inset-0 h-full w-full cursor-pointer border-none bg-transparent opacity-0 outline-none',\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/select/select-item-indicator.js

@@ -0,0 +1,20 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScSelectItemIndicator {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('pointer-events-none absolute right-2 flex size-4 items-center justify-center opacity-0 [[aria-selected=true]>&]:opacity-100', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSelectItemIndicator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScSelectItemIndicator, isStandalone: true, selector: "svg[scSelectItemIndicator]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "select-item-indicator" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSelectItemIndicator, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'svg[scSelectItemIndicator]',
+                    host: {
+                        'data-slot': 'select-item-indicator',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=select-item-indicator.js.map

package/esm2022/lib/components/select/select-item-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-item-indicator.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/select/select-item-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,qBAAqB;IACvB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,6HAA6H,EAC7H,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGARS,qBAAqB;2FAArB,qBAAqB;;2FAArB,qBAAqB;kBAPjC,SAAS;mBAAC;oBACT,QAAQ,EAAE,4BAA4B;oBACtC,IAAI,EAAE;wBACJ,WAAW,EAAE,uBAAuB;wBACpC,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'svg[scSelectItemIndicator]',\n  host: {\n    'data-slot': 'select-item-indicator',\n    '[class]': 'class()',\n  },\n})\nexport class ScSelectItemIndicator {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'pointer-events-none absolute right-2 flex size-4 items-center justify-center opacity-0 [[aria-selected=true]>&]:opacity-100',\n      this.classInput(),\n    ),\n  );\n}\n"]}

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

@@ -0,0 +1,49 @@
+import { Option } from '@angular/aria/listbox';
+import { ChangeDetectionStrategy, Component, computed, effect, ElementRef, inject, input, ViewEncapsulation, } from '@angular/core';
+import { SiCheckIcon } from '@semantic-icons/lucide-icons';
+import { cn } from '../../utils';
+import { ScSelectItemIndicator } from './select-item-indicator';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/aria/listbox";
+export class ScSelectItem {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    option = inject(Option);
+    elementRef = inject(ElementRef);
+    constructor() {
+        effect(() => {
+            if (this.option.active()) {
+                this.elementRef.nativeElement.scrollIntoView({ block: 'nearest' });
+            }
+        });
+    }
+    class = computed(() => cn('relative flex w-full cursor-default select-none items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden', 'data-[active=true]:bg-accent data-[active=true]:text-accent-foreground', 'aria-selected:bg-accent/50 aria-selected:text-accent-foreground', 'data-disabled:pointer-events-none data-disabled:opacity-50', '[&_svg:not([class*=size-])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSelectItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScSelectItem, isStandalone: true, selector: "div[scSelectItem]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "select-item" }, properties: { "class": "class()" } }, hostDirectives: [{ directive: i1.Option, inputs: ["value", "value", "label", "label"] }], ngImport: i0, template: `
+    <ng-content />
+    <svg scSelectItemIndicator siCheckIcon aria-hidden="true"></svg>
+  `, isInline: true, dependencies: [{ kind: "directive", type: ScSelectItemIndicator, selector: "svg[scSelectItemIndicator]", inputs: ["class"] }, { kind: "component", type: SiCheckIcon, selector: "svg[siCheckIcon]", inputs: ["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: ScSelectItem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'div[scSelectItem]',
+                    imports: [ScSelectItemIndicator, SiCheckIcon],
+                    template: `
+    <ng-content />
+    <svg scSelectItemIndicator siCheckIcon aria-hidden="true"></svg>
+  `,
+                    hostDirectives: [
+                        {
+                            directive: Option,
+                            inputs: ['value', 'label'],
+                        },
+                    ],
+                    host: {
+                        'data-slot': 'select-item',
+                        '[class]': 'class()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: () => [], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=select-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-item.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/select/select-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,UAAU,EACV,MAAM,EACN,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;;;AAsBhE,MAAM,OAAO,YAAY;IACd,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAE3C,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IACxB,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC,CAAC;IAE1E;QACE,MAAM,CAAC,GAAG,EAAE;YACV,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC;gBACzB,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;YACrE,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAEkB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,yHAAyH,EACzH,wEAAwE,EACxE,iEAAiE,EACjE,4DAA4D,EAC5D,iFAAiF,EACjF,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAvBS,YAAY;2FAAZ,YAAY,+YAjBb;;;GAGT,4DAJS,qBAAqB,0FAAE,WAAW;;2FAkBjC,YAAY;kBApBxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,OAAO,EAAE,CAAC,qBAAqB,EAAE,WAAW,CAAC;oBAC7C,QAAQ,EAAE;;;GAGT;oBACD,cAAc,EAAE;wBACd;4BACE,SAAS,EAAE,MAAM;4BACjB,MAAM,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;yBAC3B;qBACF;oBACD,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 { Option } from '@angular/aria/listbox';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { SiCheckIcon } from '@semantic-icons/lucide-icons';\nimport { cn } from '../../utils';\n\nimport { ScSelectItemIndicator } from './select-item-indicator';\n\n@Component({\n  selector: 'div[scSelectItem]',\n  imports: [ScSelectItemIndicator, SiCheckIcon],\n  template: `\n    <ng-content />\n    <svg scSelectItemIndicator siCheckIcon aria-hidden=\"true\"></svg>\n  `,\n  hostDirectives: [\n    {\n      directive: Option,\n      inputs: ['value', 'label'],\n    },\n  ],\n  host: {\n    'data-slot': 'select-item',\n    '[class]': 'class()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScSelectItem {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  private readonly option = inject(Option);\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  constructor() {\n    effect(() => {\n      if (this.option.active()) {\n        this.elementRef.nativeElement.scrollIntoView({ block: 'nearest' });\n      }\n    });\n  }\n\n  protected readonly class = computed(() =>\n    cn(\n      'relative flex w-full cursor-default select-none items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden',\n      'data-[active=true]:bg-accent data-[active=true]:text-accent-foreground',\n      'aria-selected:bg-accent/50 aria-selected:text-accent-foreground',\n      'data-disabled:pointer-events-none data-disabled:opacity-50',\n      '[&_svg:not([class*=size-])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0',\n      this.classInput(),\n    ),\n  );\n}\n"]}

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

@@ -0,0 +1,37 @@
+import { Combobox } from '@angular/aria/combobox';
+import { Listbox } from '@angular/aria/listbox';
+import { ChangeDetectionStrategy, Component, computed, inject, input, ViewEncapsulation, } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/aria/listbox";
+export class ScSelectList {
+    listbox = inject(Listbox);
+    values = computed(() => this.listbox.values(), ...(ngDevMode ? [{ debugName: "values" }] : []));
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    combobox = inject(Combobox);
+    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 overflow-x-hidden overflow-y-auto 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: 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: `
+    <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: [{
+            type: Component,
+            args: [{
+                    selector: 'div[scSelectList]',
+                    imports: [],
+                    template: `
+    <ng-content />
+  `,
+                    hostDirectives: [Listbox],
+                    host: {
+                        'data-slot': 'select-list',
+                        '[class]': 'class()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { 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

@@ -0,0 +1 @@
+{"version":3,"file":"select-list.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/select/select-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,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;IAE3C,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAE1B,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,mLAAmL,EACnL,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE;QACtB,CAAC,CAAC,sFAAsF;QACxF,CAAC,CAAC,4HAA4H,EAChI,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAfS,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 { Combobox } from '@angular/aria/combobox';\nimport { 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  private readonly combobox = inject(Combobox);\n\n  protected readonly class = computed(() =>\n    cn(\n      'bg-popover text-popover-foreground ring-foreground/10 relative z-50 mt-1 flex w-full max-h-44 min-w-36 flex-col overflow-x-hidden overflow-y-auto rounded-lg p-1 shadow-md ring-1',\n      this.combobox.expanded()\n        ? 'opacity-100 visible transition-[max-height,opacity,visibility] duration-150 ease-out'\n        : 'max-h-0 opacity-0 invisible transition-[max-height,opacity,visibility] duration-150 ease-in [transition-delay:0s,0s,150ms]',\n      this.classInput(),\n    ),\n  );\n}\n"]}

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

@@ -0,0 +1,14 @@
+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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSelectPortal, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[scSelectPortal]',
+                }]
+        }] });
+//# sourceMappingURL=select-portal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-portal.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/select/select-portal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;;AAK/D,MAAM,OAAO,cAAc;IAChB,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;uGADhC,cAAc;2FAAd,cAAc;;2FAAd,cAAc;kBAH1B,SAAS;mBAAC;oBACT,QAAQ,EAAE,6BAA6B;iBACxC","sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n  selector: 'ng-template[scSelectPortal]',\n})\nexport class ScSelectPortal {\n  readonly templateRef = inject(TemplateRef);\n}\n"]}

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

@@ -0,0 +1,20 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScSelectTriggerIcon {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('text-muted-foreground pointer-events-none size-4 shrink-0', 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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSelectTriggerIcon, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'svg[scSelectTriggerIcon]',
+                    host: {
+                        'data-slot': 'select-trigger-icon',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=select-trigger-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-trigger-icon.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/select/select-trigger-icon.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,mBAAmB;IACrB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,2DAA2D,EAC3D,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGARS,mBAAmB;2FAAnB,mBAAmB;;2FAAnB,mBAAmB;kBAP/B,SAAS;mBAAC;oBACT,QAAQ,EAAE,0BAA0B;oBACpC,IAAI,EAAE;wBACJ,WAAW,EAAE,qBAAqB;wBAClC,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'svg[scSelectTriggerIcon]',\n  host: {\n    'data-slot': 'select-trigger-icon',\n    '[class]': 'class()',\n  },\n})\nexport class ScSelectTriggerIcon {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn(\n      'text-muted-foreground pointer-events-none size-4 shrink-0',\n      this.classInput(),\n    ),\n  );\n}\n"]}

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

@@ -0,0 +1,52 @@
+import { CdkOverlayOrigin } from '@angular/cdk/overlay';
+import { ChangeDetectionStrategy, Component, computed, forwardRef, inject, input, ViewEncapsulation, } from '@angular/core';
+import { SiChevronDownIcon } from '@semantic-icons/lucide-icons';
+import { cn } from '../../utils';
+import { ScSelectInput } from './select-input';
+import { ScSelectTriggerIcon } from './select-trigger-icon';
+// Lazy import to avoid circular dependency
+import { ScSelect } from './select';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/overlay";
+export class ScSelectTrigger {
+    overlayOrigin = inject(CdkOverlayOrigin);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    ariaLabel = input('', { ...(ngDevMode ? { debugName: "ariaLabel" } : {}), alias: 'aria-label' });
+    select = inject(forwardRef(() => ScSelect));
+    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-fit 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()" } }, hostDirectives: [{ directive: i1.CdkOverlayOrigin }], ngImport: i0, template: `
+    <ng-content />
+    <input
+      scSelectInput
+      [attr.aria-label]="ariaLabel()"
+      [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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSelectTrigger, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'div[scSelectTrigger]',
+                    imports: [ScSelectInput, ScSelectTriggerIcon, SiChevronDownIcon],
+                    template: `
+    <ng-content />
+    <input
+      scSelectInput
+      [attr.aria-label]="ariaLabel()"
+      [placeholder]="placeholder()"
+    />
+    <svg scSelectTriggerIcon siChevronDownIcon aria-hidden="true"></svg>
+  `,
+                    hostDirectives: [CdkOverlayOrigin],
+                    host: {
+                        'data-slot': 'select-trigger',
+                        '[class]': 'class()',
+                    },
+                    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 }] }] } });
+//# sourceMappingURL=select-trigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-trigger.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/select/select-trigger.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,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;AAsC5D,2CAA2C;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;;;AAjBpC,MAAM,OAAO,eAAe;IACjB,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;IACzC,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,+jBAA+jB,EAC/jB,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAbS,eAAe;2FAAf,eAAe,sfAjBhB;;;;;;;;GAQT,4DATS,aAAa,oFAAE,mBAAmB,wFAAE,iBAAiB;;2FAkBpD,eAAe;kBApB3B,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,OAAO,EAAE,CAAC,aAAa,EAAE,mBAAmB,EAAE,iBAAiB,CAAC;oBAChE,QAAQ,EAAE;;;;;;;;GAQT;oBACD,cAAc,EAAE,CAAC,gBAAgB,CAAC;oBAClC,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 { CdkOverlayOrigin } from '@angular/cdk/overlay';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\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  hostDirectives: [CdkOverlayOrigin],\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 overlayOrigin = inject(CdkOverlayOrigin);\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-fit 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"]}

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

@@ -0,0 +1,28 @@
+import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation, } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScSelectValue {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('pointer-events-none', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSelectValue, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScSelectValue, isStandalone: true, selector: "span[scSelectValue]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "select-value" }, 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: ScSelectValue, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'span[scSelectValue]',
+                    imports: [],
+                    template: `
+    <ng-content />
+  `,
+                    host: {
+                        'data-slot': 'select-value',
+                        '[class]': 'class()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=select-value.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-value.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/select/select-value.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,wTAVd;;GAET;;2FAQU,aAAa;kBAbzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,qBAAqB;oBAC/B,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[scSelectValue]',\n  imports: [],\n  template: `\n    <ng-content />\n  `,\n  host: {\n    'data-slot': 'select-value',\n    '[class]': 'class()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScSelectValue {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('pointer-events-none', this.classInput()),\n  );\n}\n"]}

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

@@ -0,0 +1,92 @@
+import { NgTemplateOutlet } from '@angular/common';
+import { Combobox } from '@angular/aria/combobox';
+import { ComboboxPopupContainer } from '@angular/aria/combobox';
+import { OverlayModule } from '@angular/cdk/overlay';
+import { ChangeDetectionStrategy, Component, computed, contentChild, effect, inject, input, model, ViewEncapsulation, } from '@angular/core';
+import { SIGNAL, signalSetFn } from '@angular/core/primitives/signals';
+import { cn } from '../../utils';
+import { ScSelectList } from './select-list';
+import { ScSelectPortal } from './select-portal';
+import { ScSelectTrigger } from './select-trigger';
+import * as i0 from "@angular/core";
+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" }] : []));
+    trigger = contentChild(ScSelectTrigger, ...(ngDevMode ? [{ debugName: "trigger" }] : []));
+    content = contentChild(ScSelectList, { ...(ngDevMode ? { debugName: "content" } : {}), descendants: true });
+    selectPortal = contentChild.required(ScSelectPortal);
+    origin = computed(() => this.trigger()?.overlayOrigin, ...(ngDevMode ? [{ debugName: "origin" }] : []));
+    values = computed(() => this.content()?.values() ?? [], ...(ngDevMode ? [{ debugName: "values" }] : []));
+    displayValue = computed(() => this.value() || this.placeholder(), ...(ngDevMode ? [{ debugName: "displayValue" }] : []));
+    class = computed(() => cn('relative', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    combobox = inject(Combobox);
+    constructor() {
+        effect(() => signalSetFn(this.combobox.readonly[SIGNAL], true));
+        // Sync listbox selection → model
+        effect(() => {
+            const vals = this.values();
+            const selected = vals.length > 0 ? String(vals[0]) : '';
+            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: `
+    <ng-content />
+    <ng-template ngComboboxPopupContainer>
+      @if (origin(); as origin) {
+        <ng-template
+          [cdkConnectedOverlay]="{
+            origin,
+            usePopover: 'inline',
+            matchWidth: true,
+          }"
+          [cdkConnectedOverlayOpen]="true"
+        >
+          <ng-container [ngTemplateOutlet]="selectPortal().templateRef" />
+        </ng-template>
+      }
+    </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: [{
+            type: Component,
+            args: [{
+                    selector: 'div[scSelect]',
+                    exportAs: 'scSelect',
+                    imports: [Combobox, ComboboxPopupContainer, OverlayModule, NgTemplateOutlet],
+                    hostDirectives: [
+                        {
+                            directive: Combobox,
+                        },
+                    ],
+                    template: `
+    <ng-content />
+    <ng-template ngComboboxPopupContainer>
+      @if (origin(); as origin) {
+        <ng-template
+          [cdkConnectedOverlay]="{
+            origin,
+            usePopover: 'inline',
+            matchWidth: true,
+          }"
+          [cdkConnectedOverlayOpen]="true"
+        >
+          <ng-container [ngTemplateOutlet]="selectPortal().templateRef" />
+        </ng-template>
+      }
+    </ng-template>
+  `,
+                    host: {
+                        'data-slot': 'select',
+                        '[class]': 'class()',
+                    },
+                    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), { ...{
+                            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

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/select/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,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;;;;AAmCnD,MAAM,OAAO,QAAQ;IACV,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,WAAW,GAAG,KAAK,CAAS,EAAE,uDAAC,CAAC;IAChC,KAAK,GAAG,KAAK,CAAS,EAAE,iDAAC,CAAC;IAElB,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,aAAa,kDAAC,CAAC;IACvD,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,kDAAC,CAAC;IACxD,YAAY,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,wDAAC,CAAC;IACxD,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDAAC,CAAC;IAE5D,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAE7C;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,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YACxD,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC3B,CAAC,CAAC,CAAC;IACL,CAAC;uGA3BU,QAAQ;2FAAR,QAAQ,snBAKqB,eAAe,0FACf,YAAY,+FAGI,cAAc,sIAjC5D;;;;;;;;;;;;;;;;GAgBT,4DAtBmB,sBAAsB,yHAAE,aAAa,0nCAAE,gBAAgB;;2FA8BhE,QAAQ;kBAjCpB,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;yBACpB;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;icAMyC,eAAe,yFACf,YAAY,QAAE;4BACpD,WAAW,EAAE,IAAI;yBAClB,2FACuD,cAAc","sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport { Combobox } from '@angular/aria/combobox';\nimport { ComboboxPopupContainer } from '@angular/aria/combobox';\nimport { OverlayModule } from '@angular/cdk/overlay';\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            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()?.overlayOrigin);\n  readonly values = computed(() => this.content()?.values() ?? []);\n  readonly displayValue = computed(() => this.value() || this.placeholder());\n  protected readonly class = computed(() => cn('relative', this.classInput()));\n\n  private 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"]}

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

@@ -0,0 +1,2 @@
+export * from './separator';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/separator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/separator/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC","sourcesContent":["export * from './separator';\n"]}

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

@@ -0,0 +1,26 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScSeparator {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSeparator, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'div[scSeparator]',
+                    host: {
+                        'data-slot': 'separator',
+                        '[attr.role]': 'decorative() ? "none" : "separator"',
+                        '[attr.aria-orientation]': 'decorative() ? null : orientation()',
+                        '[attr.aria-hidden]': 'decorative() ? "true" : null',
+                        '[attr.data-orientation]': 'orientation()',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], decorative: [{ type: i0.Input, args: [{ isSignal: true, alias: "decorative", required: false }] }] } });
+//# sourceMappingURL=separator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"separator.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/separator/separator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AAejC,MAAM,OAAO,WAAW;IACb,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,WAAW,GAAG,KAAK,CAAyB,YAAY,uDAAC,CAAC;IAC1D,UAAU,GAAG,KAAK,CAAU,IAAI,sDAAC,CAAC;IAExB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,6HAA6H,EAC7H,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAVS,WAAW;2FAAX,WAAW;;2FAAX,WAAW;kBAXvB,SAAS;mBAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,IAAI,EAAE;wBACJ,WAAW,EAAE,WAAW;wBACxB,aAAa,EAAE,qCAAqC;wBACpD,yBAAyB,EAAE,qCAAqC;wBAChE,oBAAoB,EAAE,8BAA8B;wBACpD,yBAAyB,EAAE,eAAe;wBAC1C,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\nexport type ScSeparatorOrientation = 'horizontal' | 'vertical';\n\n@Directive({\n  selector: 'div[scSeparator]',\n  host: {\n    'data-slot': 'separator',\n    '[attr.role]': 'decorative() ? \"none\" : \"separator\"',\n    '[attr.aria-orientation]': 'decorative() ? null : orientation()',\n    '[attr.aria-hidden]': 'decorative() ? \"true\" : null',\n    '[attr.data-orientation]': 'orientation()',\n    '[class]': 'class()',\n  },\n})\nexport class ScSeparator {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly orientation = input<ScSeparatorOrientation>('horizontal');\n  readonly decorative = input<boolean>(true);\n\n  protected readonly class = computed(() =>\n    cn(\n      'shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px',\n      this.classInput(),\n    ),\n  );\n}\n"]}

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

@@ -0,0 +1,10 @@
+export { ScSheetProvider } from './sheet-provider';
+export { ScSheetTrigger } from './sheet-trigger';
+export { ScSheetPortal } from './sheet-portal';
+export { ScSheet } from './sheet';
+export { ScSheetHeader } from './sheet-header';
+export { ScSheetTitle } from './sheet-title';
+export { ScSheetDescription } from './sheet-description';
+export { ScSheetFooter } from './sheet-footer';
+export { ScSheetClose } from './sheet-close';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/sheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC","sourcesContent":["export { ScSheetProvider } from './sheet-provider';\nexport type { ScSheetSide } from './sheet-provider';\nexport { ScSheetTrigger } from './sheet-trigger';\nexport { ScSheetPortal } from './sheet-portal';\nexport { ScSheet } from './sheet';\nexport { ScSheetHeader } from './sheet-header';\nexport { ScSheetTitle } from './sheet-title';\nexport { ScSheetDescription } from './sheet-description';\nexport { ScSheetFooter } from './sheet-footer';\nexport { ScSheetClose } from './sheet-close';\n"]}

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

@@ -0,0 +1,29 @@
+import { computed, Directive, inject, input } from '@angular/core';
+import { cn } from '../../utils';
+import { ScSheetProvider } from './sheet-provider';
+import { buttonVariants } from '../button';
+import * as i0 from "@angular/core";
+export class ScSheetClose {
+    sheetProvider = inject(ScSheetProvider);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    variant = input('ghost', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    size = input('icon-sm', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    class = computed(() => cn(buttonVariants({ variant: this.variant(), size: this.size() }), 'absolute top-3 right-3 z-10', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSheetClose, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[scSheetClose]',
+                    host: {
+                        'data-slot': 'sheet-close',
+                        '[class]': 'class()',
+                        '(click)': 'closeSheet()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+//# sourceMappingURL=sheet-close.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-close.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/sheet/sheet-close.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAoB,MAAM,WAAW,CAAC;;AAU7D,MAAM,OAAO,YAAY;IACN,aAAa,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;IAEhD,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,OAAO,GAAG,KAAK,CAA8B,OAAO,mDAAC,CAAC;IACtD,IAAI,GAAG,KAAK,CAA2B,SAAS,gDAAC,CAAC;IAExC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,EAC9D,6BAA6B,EAC7B,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;IAEQ,UAAU;QAClB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC;uGAjBU,YAAY;2FAAZ,YAAY;;2FAAZ,YAAY;kBARxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,IAAI,EAAE;wBACJ,WAAW,EAAE,aAAa;wBAC1B,SAAS,EAAE,SAAS;wBACpB,SAAS,EAAE,cAAc;qBAC1B;iBACF","sourcesContent":["import { computed, Directive, inject, input } from '@angular/core';\nimport { cn } from '../../utils';\nimport { ScSheetProvider } from './sheet-provider';\nimport { buttonVariants, ScButtonVariants } from '../button';\n\n@Directive({\n  selector: 'button[scSheetClose]',\n  host: {\n    'data-slot': 'sheet-close',\n    '[class]': 'class()',\n    '(click)': 'closeSheet()',\n  },\n})\nexport class ScSheetClose {\n  private readonly sheetProvider = inject(ScSheetProvider);\n\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly variant = input<ScButtonVariants['variant']>('ghost');\n  readonly size = input<ScButtonVariants['size']>('icon-sm');\n\n  protected readonly class = computed(() =>\n    cn(\n      buttonVariants({ variant: this.variant(), size: this.size() }),\n      'absolute top-3 right-3 z-10',\n      this.classInput(),\n    ),\n  );\n\n  protected closeSheet(): void {\n    this.sheetProvider.open.set(false);\n  }\n}\n"]}

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

@@ -0,0 +1,23 @@
+import { computed, Directive, inject, input } from '@angular/core';
+import { cn } from '../../utils';
+import { ScSheet } from './sheet';
+import * as i0 from "@angular/core";
+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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScSheetDescription, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'p[scSheetDescription]',
+                    host: {
+                        'data-slot': 'sheet-description',
+                        '[id]': 'sheet.descriptionId',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=sheet-description.js.map