@semantic-components/ui 0.10.0 → 0.12.0

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

@@ -0,0 +1,97 @@
+import { InputSignal, OnDestroy, OutputEmitterRef, Signal, TemplateRef } from '@angular/core';
+import { ScTimeOption } from './time-option';
+import * as i0 from "@angular/core";
+/**
+ * Time selection option that can be displayed within a `mat-timepicker`.
+ */
+export interface MatTimepickerOption<D = unknown> {
+    /** Date value of the option. */
+    value: D;
+    /** Label to show to the user. */
+    label: string;
+}
+/** Event emitted when a value is selected in the timepicker. */
+export interface MatTimepickerSelected<D> {
+    value: D;
+}
+export declare class ScTimePicker implements OnDestroy {
+    class: InputSignal<string>;
+    classes: Signal<string>;
+    private readonly _overlay;
+    private readonly _dir;
+    private readonly _viewContainerRef;
+    private readonly _injector;
+    private readonly _isOpen;
+    private readonly _activeDescendant;
+    private readonly _input;
+    private _overlayRef;
+    private _portal;
+    private readonly _optionsCacheKey;
+    private readonly _localeChanges;
+    private _onOpenRender;
+    protected _panelTemplate: Signal<TemplateRef<unknown>>;
+    protected _timeOptions: readonly MatTimepickerOption<string>[];
+    protected _options: Signal<readonly ScTimeOption[]>;
+    private readonly _keyManager;
+    /**
+     * Interval between each option in the timepicker. The value can either be an amount of
+     * seconds (e.g. 90) or a number with a unit (e.g. 45m). Supported units are `s` for seconds,
+     * `m` for minutes or `h` for hours.
+     */
+    /**
+     * Array of pre-defined options that the user can select from, as an alternative to using the
+     * `interval` input. An error will be thrown if both `options` and `interval` are specified.
+     */
+    readonly options: InputSignal<readonly MatTimepickerOption<string>[] | null>;
+    /** Whether the timepicker is open. */
+    readonly isOpen: Signal<boolean>;
+    /** Emits when the user selects a time. */
+    readonly selected: OutputEmitterRef<MatTimepickerSelected<string>>;
+    /** Emits when the timepicker is opened. */
+    readonly opened: OutputEmitterRef<void>;
+    /** Emits when the timepicker is closed. */
+    readonly closed: OutputEmitterRef<void>;
+    /** ID of the active descendant option. */
+    readonly activeDescendant: Signal<string | null>;
+    /** Unique ID of the timepicker's panel */
+    readonly panelId: string;
+    /** Whether ripples within the timepicker should be disabled. */
+    /** ARIA label for the timepicker panel. */
+    readonly ariaLabel: InputSignal<string | null>;
+    /** ID of the label element for the timepicker panel. */
+    readonly ariaLabelledby: InputSignal<string | null>;
+    /** Whether the timepicker is currently disabled. */
+    readonly disabled: Signal<boolean>;
+    constructor();
+    /** Opens the timepicker. */
+    open(): void;
+    /** Closes the timepicker. */
+    close(): void;
+    /** Registers an input with the timepicker. */
+    ngOnDestroy(): void;
+    /** Selects a specific time value. */
+    protected _selectValue(value: string): void;
+    /** Gets the value of the `aria-labelledby` attribute. */
+    protected _getAriaLabelledby(): string | null;
+    /** Creates an overlay reference for the timepicker panel. */
+    private _getOverlayRef;
+    /** Generates the list of options from which the user can select.. */
+    private _generateOptions;
+    /**
+     * Synchronizes the internal state of the component based on a specific selected date.
+     * @param value Currently selected date.
+     * @param options Options rendered out in the timepicker.
+     * @param fallback Option to set as active if no option is selected.
+     */
+    private _syncSelectedState;
+    /** Handles keyboard events while the overlay is open. */
+    private _handleKeydown;
+    /** Sets up the logic that updates the timepicker when the locale changes. */
+    private _handleLocaleChanges;
+    /**
+     * Sets up the logic that updates the timepicker when the state of the connected input changes.
+     */
+    private _handleInputStateChanges;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScTimePicker, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScTimePicker, "sc-time-picker", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; }, { "selected": "selected"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
+}

package/lib/components/typography/article.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare const scArticleClasses: import("@angular/core").WritableSignal<string>;
+export declare class ScArticle {
+    class: import("@angular/core").InputSignal<string>;
+    classes: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScArticle, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScArticle, "sc-article", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/typography/heading.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class ScHeading {
+    level: import("@angular/core").InputSignal<1 | 2 | 3 | 4 | 5 | 6 | null | undefined>;
+    class: import("@angular/core").InputSignal<string>;
+    classes: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScHeading, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScHeading, "h1[sc-heading], h2[sc-heading], h3[sc-heading], h4[sc-heading], h5[sc-heading], h6[sc-heading]", never, { "level": { "alias": "level"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

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

@@ -0,0 +1,2 @@
+export * from './heading';
+export * from './article';

package/lib/utils/css.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/lib/utils/index.d.ts

@@ -1,2 +1,2 @@
-import { type ClassValue } from 'clsx';
-export declare function cn(...inputs: ClassValue[]): string;
+export * from './css';
+export * from './settings';

package/lib/utils/settings.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class ScSettings {
+    dateFormatPattern: import("@angular/core").WritableSignal<string>;
+    private readonly localeId;
+    constructor();
+    getDateFormatPattern(localeId: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScSettings, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ScSettings>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@semantic-components/ui",
-  "version": "0.10.0",
+  "version": "0.12.0",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -10,7 +10,6 @@
     "@angular/core": ">=19.0.0",
     "@angular/cdk": ">=19.0.0",
     "@angular/forms": ">=19.0.0",
-    "@angular/router": ">=19.0.0",
     "@tiptap/core": "^2.10.3",
     "@semantic-icons/lucide-icons": "^0.9.0",
     "@tiptap/extension-blockquote": "^2.10.3",

package/lib/components/date-picker/inline-date-picker.d.ts

@@ -1,22 +0,0 @@
-import { OnInit } from '@angular/core';
-import { WeekDayName } from './util';
-import * as i0 from "@angular/core";
-export declare class ScInlineDatePicker implements OnInit {
-    private readonly localeId;
-    year: import("@angular/core").WritableSignal<number>;
-    month: import("@angular/core").WritableSignal<number>;
-    weekDaysNames: import("@angular/core").WritableSignal<WeekDayName[]>;
-    monthYear: import("@angular/core").Signal<string>;
-    monthDays: import("@angular/core").Signal<string[]>;
-    firstDayMonth: import("@angular/core").Signal<number>;
-    selectedDay: import("@angular/core").WritableSignal<string>;
-    ngOnInit(): void;
-    init(): void;
-    setSelectedDay(day: string): void;
-    private setLocaleDayNames;
-    private getFirstDayOfWeek;
-    setMonthYear(n: number): void;
-    twoDigits(n: number): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScInlineDatePicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScInlineDatePicker, "sc-inline-date-picker", never, {}, {}, never, never, true, never>;
-}

package/lib/components/date-picker/month-year-header.d.ts

@@ -1,8 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class ScMonthYearHeader {
-    classes: import("@angular/core").WritableSignal<string>;
-    monthYear: import("@angular/core").InputSignal<string>;
-    monthYearChange: import("@angular/core").OutputEmitterRef<number>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScMonthYearHeader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScMonthYearHeader, "sc-month-year-header", never, { "monthYear": { "alias": "monthYear"; "required": true; "isSignal": true; }; }, { "monthYearChange": "monthYearChange"; }, never, never, true, never>;
-}

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

@@ -1,9 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class ScSelectState {
-    selectedValue: import("@angular/core").WritableSignal<string>;
-    selectedLabel: import("@angular/core").WritableSignal<string>;
-    isOpen: import("@angular/core").WritableSignal<boolean>;
-    closeOverlay: import("@angular/core").WritableSignal<boolean>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScSelectState, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ScSelectState>;
-}

package/lib/components/sheet/sheet-toggler.d.ts

@@ -1,10 +0,0 @@
-import { ScSheetTrigger } from './sheet-trigger';
-import * as i0 from "@angular/core";
-export declare class ScSheetToggler {
-    sidebarState: ScSheetTrigger;
-    class: import("@angular/core").InputSignal<string>;
-    classes: import("@angular/core").Signal<string>;
-    toggle(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScSheetToggler, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScSheetToggler, "sc-sheet-toggler", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}

package/lib/components/sheet/sidebar-content.d.ts

@@ -1,7 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class SidebarContent {
-    class: import("@angular/core").InputSignal<string>;
-    classes: import("@angular/core").Signal<string>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SidebarContent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarContent, "app-sidebar-content", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}