@semantic-components/ui 0.36.0 → 0.37.0

package/lib/components/paginator/paginator.d.ts

@@ -1,8 +1,9 @@
 import { OnInit } from '@angular/core';
-import { FormControl } from '@angular/forms';
 import { ScPageEvent } from './page-event';
+import { PaginatorService } from './paginator.service';
 import * as i0 from "@angular/core";
 export declare class ScPaginator implements OnInit {
+    protected readonly paginatorService: PaginatorService;
     readonly classInput: import("@angular/core").InputSignal<string>;
     protected readonly class: import("@angular/core").Signal<string>;
     /** The one-based page index of the displayed list of items. Defaulted to 1. */
@@ -13,27 +14,16 @@ export declare class ScPaginator implements OnInit {
     readonly pageSizeOptions: import("@angular/core").InputSignal<number[]>;
     /** Number of items to display on a page. By default, set to 10. */
     readonly pageSize: import("@angular/core").InputSignal<number>;
-    /** Whether to hide the page size selection UI from the user. */
-    readonly hidePageSize: import("@angular/core").InputSignal<boolean>;
-    /** Whether to show the first/last buttons UI to the user. */
-    readonly showFirstLastLinks: import("@angular/core").InputSignal<boolean>;
+    readonly paginationLinkVariant: import("@angular/core").InputSignal<"outline" | "link" | "primary" | "destructive" | "secondary" | "ghost" | null | undefined>;
+    readonly paginationActiveLinkVariant: import("@angular/core").InputSignal<"outline" | "link" | "primary" | "destructive" | "secondary" | "ghost" | null | undefined>;
     /** Event emitted when the paginator changes the page index. */
     readonly pageChanged: import("@angular/core").OutputEmitterRef<ScPageEvent>;
     constructor();
     ngOnInit(): void;
-    pageSizeFormControl: FormControl<number | null>;
-    numberOfPages: import("@angular/core").Signal<number>;
-    range(start: number, end: number): number[];
+    readonly firstItemPage: import("@angular/core").Signal<number>;
+    readonly lastItemPage: import("@angular/core").Signal<number>;
+    private range;
     pageRanges: import("@angular/core").Signal<(number | "...")[]>;
-    firstItemPage: import("@angular/core").Signal<number>;
-    lastItemPage: import("@angular/core").Signal<number>;
-    firstPage(): void;
-    nextPage(): void;
-    isNextPageDisabled: import("@angular/core").Signal<boolean>;
-    lastPage(): void;
-    prevPage(): void;
-    isPrevPageDisabled: import("@angular/core").Signal<boolean>;
-    changePage(page: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScPaginator, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScPaginator, "sc-paginator", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "totalSize": { "alias": "totalSize"; "required": true; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "hidePageSize": { "alias": "hidePageSize"; "required": false; "isSignal": true; }; "showFirstLastLinks": { "alias": "showFirstLastLinks"; "required": false; "isSignal": true; }; }, { "pageChanged": "pageChanged"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScPaginator, "div[sc-paginator]", ["scPaginator"], { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "totalSize": { "alias": "totalSize"; "required": true; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "paginationLinkVariant": { "alias": "paginationLinkVariant"; "required": false; "isSignal": true; }; "paginationActiveLinkVariant": { "alias": "paginationActiveLinkVariant"; "required": false; "isSignal": true; }; }, { "pageChanged": "pageChanged"; }, never, ["*"], true, never>;
 }

package/lib/components/paginator/paginator.service.d.ts

@@ -0,0 +1,27 @@
+import { FormControl } from '@angular/forms';
+import { ScPageEvent } from './page-event';
+import * as i0 from "@angular/core";
+/** The default page size if there is no page size and there are no provided page size options. */
+export declare const DEFAULT_PAGE_SIZE = 10;
+export declare class PaginatorService {
+    /** The one-based page index of the displayed list of items. Defaulted to 1. */
+    readonly currentPage: import("@angular/core").WritableSignal<number>;
+    /** The total number of items that are being paginated. */
+    readonly totalSize: import("@angular/core").WritableSignal<number>;
+    /** The set of provided page size options to display to the user. */
+    readonly pageSizeOptions: import("@angular/core").WritableSignal<number[]>;
+    /** Number of items to display on a page. By default, set to 10. */
+    readonly pageSize: import("@angular/core").WritableSignal<number>;
+    /** Event emitted when the paginator changes the page index. */
+    readonly pageChanged: import("@angular/core").WritableSignal<ScPageEvent>;
+    readonly pageSizeFormControl: FormControl<number | null>;
+    readonly numberOfPages: import("@angular/core").Signal<number>;
+    readonly firstItemPage: import("@angular/core").Signal<number>;
+    readonly lastItemPage: import("@angular/core").Signal<number>;
+    readonly isNextPageDisabled: import("@angular/core").Signal<boolean>;
+    readonly isPrevPageDisabled: import("@angular/core").Signal<boolean>;
+    readonly paginationLinkVariant: import("@angular/core").WritableSignal<"outline" | "link" | "primary" | "destructive" | "secondary" | "ghost" | null | undefined>;
+    readonly paginationActiveLinkVariant: import("@angular/core").WritableSignal<"outline" | "link" | "primary" | "destructive" | "secondary" | "ghost" | null | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaginatorService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<PaginatorService>;
+}

package/lib/components/scroll-spy/index.d.ts

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

package/lib/components/scroll-spy/scroll-spy.d.ts

@@ -0,0 +1,12 @@
+import { ElementRef, EventEmitter, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ScScrollSpy implements OnInit {
+    private readonly el;
+    spySections: string[];
+    sectionChange: EventEmitter<string>;
+    private observer;
+    constructor(el: ElementRef);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScScrollSpy, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScScrollSpy, "[scScrollSpy]", never, { "spySections": { "alias": "spySections"; "required": false; }; }, { "sectionChange": "sectionChange"; }, never, never, true, never>;
+}

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

@@ -1,15 +1,13 @@
 import * as i0 from "@angular/core";
 export declare class ScSlider {
     private readonly host;
-    class: import("@angular/core").InputSignal<string>;
-    trackClass: import("@angular/core").WritableSignal<string>;
-    thumbClass: import("@angular/core").WritableSignal<string>;
-    classes: import("@angular/core").Signal<string>;
-    value: import("@angular/core").ModelSignal<number>;
-    min: import("@angular/core").InputSignal<number>;
-    max: import("@angular/core").InputSignal<number>;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    readonly value: import("@angular/core").ModelSignal<number>;
+    readonly min: import("@angular/core").InputSignal<number>;
+    readonly max: import("@angular/core").InputSignal<number>;
     constructor();
-    handleInput(event: KeyboardEvent): void;
+    protected handleInput(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScSlider, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScSlider, "input[sc-slider]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScSlider, "input[sc-slider]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, never>;
 }

package/lib/components/switch/switch.d.ts

@@ -1,18 +1,18 @@
-import { BooleanInput } from '@angular/cdk/coercion';
 import { ControlValueAccessor } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class ScSwitch implements ControlValueAccessor {
-    private readonly _cdr;
-    hostClass: import("@angular/core").InputSignal<string>;
-    hostClasses: import("@angular/core").Signal<string>;
-    class: import("@angular/core").InputSignal<string>;
-    classes: import("@angular/core").Signal<string>;
-    id: import("@angular/core").InputSignal<string>;
-    checked: import("@angular/core").ModelSignal<BooleanInput>;
-    disabled: import("@angular/core").ModelSignal<BooleanInput>;
-    state: import("@angular/core").Signal<"checked" | "unchecked">;
-    constructor();
-    toggle(): void;
+    private readonly changeDetectorRef;
+    readonly classInput: import("@angular/core").InputSignal<string>;
+    protected readonly class: import("@angular/core").Signal<string>;
+    readonly idInput: import("@angular/core").InputSignal<string>;
+    readonly id: import("@angular/core").WritableSignal<string>;
+    readonly checkedInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    protected readonly checked: import("@angular/core").WritableSignal<boolean>;
+    readonly checkedChange: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly disabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    protected readonly disabled: import("@angular/core").WritableSignal<boolean>;
+    protected readonly state: import("@angular/core").Signal<"checked" | "unchecked">;
+    protected toggle(): void;
     writeValue(value: boolean): void;
     onChange: any;
     onTouch: any;
@@ -20,5 +20,5 @@ export declare class ScSwitch implements ControlValueAccessor {
     registerOnTouched(fn: any): void;
     setDisabledState?(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScSwitch, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScSwitch, "sc-switch", never, { "hostClass": { "alias": "hostClass"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScSwitch, "input[sc-switch]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "idInput": { "alias": "id"; "required": false; "isSignal": true; }; "checkedInput": { "alias": "checked"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; }, never, ["*"], true, never>;
 }

package/lib/components/toggle-switch/index.d.ts

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

package/lib/components/toggle-switch/toggle-switch.d.ts

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

package/lib/components/touch-area/index.d.ts

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

package/lib/components/touch-area/touch-area.d.ts

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

package/package.json

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

package/styles/shiki-styles.css

@@ -1,3 +1,3 @@
 pre.shiki {
-  @apply pb-6 px-4 rounded-md overflow-auto;
+  @apply p-6 rounded-md overflow-auto;
 }

package/lib/components/button/cursor.d.ts

@@ -1,10 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class ScCursor {
-    private readonly isPlatformBrowser;
-    private readonly hostRef;
-    private readonly renderer;
-    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScCursor, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ScCursor, never, never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}

package/lib/components/paginator/page-item.d.ts

@@ -1,10 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class ScPageItem {
-    readonly currentPage: import("@angular/core").InputSignal<number>;
-    readonly page: import("@angular/core").InputSignal<number | "...">;
-    readonly pageChanged: import("@angular/core").OutputEmitterRef<number>;
-    protected readonly isActive: import("@angular/core").Signal<boolean>;
-    protected selectPage(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScPageItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScPageItem, "sc-page-item", never, { "currentPage": { "alias": "currentPage"; "required": true; "isSignal": true; }; "page": { "alias": "page"; "required": true; "isSignal": true; }; }, { "pageChanged": "pageChanged"; }, never, never, true, never>;
-}