@semantic-components/ui 0.66.0 → 0.67.0

package/lib/components/select/index.d.ts

@@ -1,7 +1,11 @@
 export { ScSelect } from './select';
-export { ScSelectIcon } from './select-icon';
+export { ScSelectItemIcon } from './select-item-icon';
 export { ScSelectTrigger } from './select-trigger';
 export { ScSelectValue } from './select-value';
 export { ScSelectPortal } from './select-portal';
+export { ScSelectPopup } from './select-popup';
 export { ScSelectList } from './select-list';
 export { ScSelectItem } from './select-item';
+export { ScSelectGroup } from './select-group';
+export { ScSelectGroupLabel } from './select-group-label';
+export { ScSelectSeparator } from './select-separator';

package/lib/components/select/select-group-label.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class ScSelectGroupLabel {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScSelectGroupLabel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScSelectGroupLabel, "div[scSelectGroupLabel]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/select/select-group.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class ScSelectGroup {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScSelectGroup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScSelectGroup, "div[scSelectGroup]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/select/select-item-icon.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class ScSelectItemIcon {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScSelectItemIcon, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScSelectItemIcon, "svg[scSelectItemIcon]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/select/select-list.d.ts

@@ -4,7 +4,6 @@ export declare class ScSelectList {
     private readonly listbox;
     readonly values: import("@angular/core").Signal<any[]>;
     readonly classInput: import("@angular/core").InputSignal<string>;
-    private readonly combobox;
     protected readonly class: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScSelectList, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ScSelectList, "div[scSelectList]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.Listbox; inputs: {}; outputs: {}; }]>;

package/lib/components/select/select-popup.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class ScSelectPopup {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    private readonly combobox;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScSelectPopup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScSelectPopup, "div[scSelectPopup]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/select/select-separator.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class ScSelectSeparator {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScSelectSeparator, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScSelectSeparator, "[scSelectSeparator]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/select/select-trigger-icon.d.ts

@@ -1,6 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class ScSelectTriggerIcon {
     readonly classInput: import("@angular/core").InputSignal<string>;
+    private readonly combobox;
     protected readonly class: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScSelectTriggerIcon, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ScSelectTriggerIcon, "svg[scSelectTriggerIcon]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;

package/lib/components/select/select-trigger.d.ts

@@ -1,13 +1,12 @@
-import { CdkOverlayOrigin } from '@angular/cdk/overlay';
+import { ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/cdk/overlay";
 export declare class ScSelectTrigger {
-    readonly overlayOrigin: CdkOverlayOrigin;
+    readonly elementRef: ElementRef<HTMLElement>;
     readonly classInput: import("@angular/core").InputSignal<string>;
     readonly ariaLabel: import("@angular/core").InputSignal<string>;
     private readonly select;
     readonly placeholder: import("@angular/core").Signal<any>;
     protected readonly class: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScSelectTrigger, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScSelectTrigger, "div[scSelectTrigger]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScSelectTrigger, "div[scSelectTrigger]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/select/select.d.ts

@@ -1,3 +1,4 @@
+import { Combobox } from '@angular/aria/combobox';
 import type { FormValueControl } from '@angular/forms/signals';
 import { ScSelectPortal } from './select-portal';
 import * as i0 from "@angular/core";
@@ -9,11 +10,11 @@ export declare class ScSelect implements FormValueControl<string> {
     private readonly trigger;
     private readonly content;
     protected readonly selectPortal: import("@angular/core").Signal<ScSelectPortal>;
-    readonly origin: import("@angular/core").Signal<import("@angular/cdk/overlay").CdkOverlayOrigin | undefined>;
+    readonly origin: import("@angular/core").Signal<import("@angular/core").ElementRef<HTMLElement> | undefined>;
     readonly values: import("@angular/core").Signal<any[]>;
     readonly displayValue: import("@angular/core").Signal<string>;
     protected readonly class: import("@angular/core").Signal<string>;
-    private readonly combobox;
+    protected readonly combobox: Combobox<any>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ScSelect, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ScSelect, "div[scSelect]", ["scSelect"], { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["trigger", "content", "selectPortal"], ["*"], true, [{ directive: typeof i1.Combobox; inputs: {}; outputs: {}; }]>;

package/lib/components/slider/index.d.ts

@@ -0,0 +1 @@
+export * from './slider';

package/lib/components/slider/slider.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+export declare class ScSlider {
+    private readonly field;
+    private readonly fallbackId;
+    private readonly el;
+    readonly idInput: import("@angular/core").InputSignal<string>;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    readonly id: import("@angular/core").Signal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    constructor();
+    protected onInput(): void;
+    private updateFillPercent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScSlider, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScSlider, "input[scSlider]", never, { "idInput": { "alias": "id"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/time-picker/index.d.ts

@@ -0,0 +1,10 @@
+export { SC_TIME_PICKER, ScTimePicker } from './time-picker';
+export type { ScTimeValue, ScTimeFormat, ScTimePeriod } from './time-picker';
+export { ScTimePickerInput } from './time-picker-input';
+export { ScTimePickerHoursInput } from './time-picker-hours-input';
+export { ScTimePickerMinutesInput } from './time-picker-minutes-input';
+export { ScTimePickerSecondsInput } from './time-picker-seconds-input';
+export { ScTimePickerPeriod } from './time-picker-period';
+export { ScTimePickerPeriodAM } from './time-picker-period-am';
+export { ScTimePickerPeriodPM } from './time-picker-period-pm';
+export { ScTimePickerSeparator } from './time-picker-separator';

package/lib/components/time-picker/time-picker-hours-input.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+export declare class ScTimePickerHoursInput {
+    private readonly input;
+    private readonly timePicker;
+    private readonly max;
+    private readonly min;
+    protected readonly displayValue: import("@angular/core").Signal<string>;
+    protected onInput(event: Event): void;
+    protected onBlur(): void;
+    protected onFocus(event: FocusEvent): void;
+    protected onKeydown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScTimePickerHoursInput, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScTimePickerHoursInput, "input[scTimePickerHoursInput]", never, {}, {}, never, never, true, never>;
+}

package/lib/components/time-picker/time-picker-input.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class ScTimePickerInput {
+    readonly timePicker: import("@semantic-components/ui").ScTimePicker;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    readonly focused: import("@angular/core").WritableSignal<boolean>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScTimePickerInput, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScTimePickerInput, "input[scTimePickerInput]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/time-picker/time-picker-minutes-input.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+export declare class ScTimePickerMinutesInput {
+    private readonly input;
+    private readonly timePicker;
+    protected readonly displayValue: import("@angular/core").Signal<string>;
+    protected onInput(event: Event): void;
+    protected onBlur(): void;
+    protected onFocus(event: FocusEvent): void;
+    protected onKeydown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScTimePickerMinutesInput, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScTimePickerMinutesInput, "input[scTimePickerMinutesInput]", never, {}, {}, never, never, true, never>;
+}

package/lib/components/time-picker/time-picker-period-am.d.ts

@@ -0,0 +1,8 @@
+import { ScTimePickerPeriod } from './time-picker-period';
+import * as i0 from "@angular/core";
+export declare class ScTimePickerPeriodAM {
+    protected readonly period: ScTimePickerPeriod;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScTimePickerPeriodAM, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScTimePickerPeriodAM, "button[scTimePickerPeriodAM]", never, {}, {}, never, never, true, never>;
+}

package/lib/components/time-picker/time-picker-period-pm.d.ts

@@ -0,0 +1,8 @@
+import { ScTimePickerPeriod } from './time-picker-period';
+import * as i0 from "@angular/core";
+export declare class ScTimePickerPeriodPM {
+    protected readonly period: ScTimePickerPeriod;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScTimePickerPeriodPM, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScTimePickerPeriodPM, "button[scTimePickerPeriodPM]", never, {}, {}, never, never, true, never>;
+}

package/lib/components/time-picker/time-picker-period.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+export declare class ScTimePickerPeriod {
+    readonly timePicker: import("@semantic-components/ui").ScTimePicker;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    readonly isAM: import("@angular/core").Signal<boolean>;
+    readonly isPM: import("@angular/core").Signal<boolean>;
+    selectAM(): void;
+    selectPM(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScTimePickerPeriod, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScTimePickerPeriod, "[scTimePickerPeriod]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/time-picker/time-picker-seconds-input.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+export declare class ScTimePickerSecondsInput {
+    private readonly input;
+    private readonly timePicker;
+    protected readonly displayValue: import("@angular/core").Signal<string>;
+    protected onInput(event: Event): void;
+    protected onBlur(): void;
+    protected onFocus(event: FocusEvent): void;
+    protected onKeydown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScTimePickerSecondsInput, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScTimePickerSecondsInput, "input[scTimePickerSecondsInput]", never, {}, {}, never, never, true, never>;
+}

package/lib/components/time-picker/time-picker-separator.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class ScTimePickerSeparator {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScTimePickerSeparator, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScTimePickerSeparator, "[scTimePickerSeparator]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/time-picker/time-picker.d.ts

@@ -0,0 +1,26 @@
+import { InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+export type ScTimeFormat = '12h' | '24h';
+export type ScTimePeriod = 'AM' | 'PM';
+export interface ScTimeValue {
+    hours: number;
+    minutes: number;
+    seconds?: number;
+    period?: ScTimePeriod;
+}
+export declare const SC_TIME_PICKER: InjectionToken<ScTimePicker>;
+export declare class ScTimePicker {
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    readonly format: import("@angular/core").InputSignal<ScTimeFormat>;
+    readonly showSeconds: import("@angular/core").InputSignal<boolean>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly value: import("@angular/core").ModelSignal<ScTimeValue | null>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    readonly formattedTime: import("@angular/core").Signal<string>;
+    setHours(hours: number): void;
+    setMinutes(minutes: number): void;
+    setSeconds(seconds: number): void;
+    setPeriod(period: ScTimePeriod): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScTimePicker, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScTimePicker, "[scTimePicker]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@semantic-components/ui",
-  "version": "0.66.0",
+  "version": "0.67.0",
   "private": false,
   "publishConfig": {
     "access": "public"

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

@@ -1 +0,0 @@
-{"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/lib/components/select/select-icon.d.ts

@@ -1,7 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class ScSelectIcon {
-    readonly classInput: import("@angular/core").InputSignal<string>;
-    protected readonly class: import("@angular/core").Signal<string>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScSelectIcon, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ScSelectIcon, "svg[scSelectIcon]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}