@semantic-components/ui 0.37.0 → 0.38.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (123) hide show
  1. package/fesm2022/semantic-components-ui.mjs +5625 -2997
  2. package/fesm2022/semantic-components-ui.mjs.map +1 -1
  3. package/index.d.ts +13 -3
  4. package/lib/components/aspect-ratio/aspect-ratio.d.ts +2 -2
  5. package/lib/components/calendar/calendar-header.d.ts +14 -0
  6. package/lib/components/calendar/calendar-utils.d.ts +6 -0
  7. package/lib/components/calendar/calendar.d.ts +32 -27
  8. package/lib/components/calendar/day-button.d.ts +9 -0
  9. package/lib/components/calendar/day-selector.d.ts +16 -0
  10. package/lib/components/calendar/month-selector.d.ts +12 -0
  11. package/lib/components/calendar/types.d.ts +6 -0
  12. package/lib/components/calendar/utils.d.ts +6 -0
  13. package/lib/components/calendar/year-selector.d.ts +10 -0
  14. package/lib/components/carousel/carousel-next.d.ts +6 -6
  15. package/lib/components/carousel/carousel-previous.d.ts +6 -6
  16. package/lib/components/carousel/carousel.d.ts +9 -6
  17. package/lib/components/checkbox/checkbox2.d.ts +6 -19
  18. package/lib/components/{progress → circular-progress}/circular-progress.d.ts +6 -10
  19. package/lib/components/circular-progress/index.d.ts +1 -0
  20. package/lib/components/clock-picker/clock-picker.d.ts +3 -3
  21. package/lib/components/code-highlighter/shiki.service.d.ts +4 -0
  22. package/lib/components/color-picker/color-picker.d.ts +2 -2
  23. package/lib/components/combobox/combobox.d.ts +3 -3
  24. package/lib/components/date-picker/date-picker-toggle.d.ts +10 -0
  25. package/lib/components/date-picker/date-picker.d.ts +28 -20
  26. package/lib/components/date-picker/index.d.ts +1 -0
  27. package/lib/components/date-range-picker/date-range-picker.d.ts +47 -0
  28. package/lib/components/date-range-picker/index.d.ts +1 -0
  29. package/lib/components/dual-range-slider/dual-range-slider.d.ts +15 -0
  30. package/lib/components/dual-range-slider/index.d.ts +1 -0
  31. package/lib/components/file-upload/file-upload.d.ts +28 -5
  32. package/lib/components/file-upload/index.d.ts +0 -2
  33. package/lib/components/full-calendar/full-calendar.d.ts +1 -1
  34. package/lib/components/input/input.d.ts +2 -0
  35. package/lib/components/input/plain-input.d.ts +1 -1
  36. package/lib/components/input-number/index.d.ts +3 -0
  37. package/lib/components/input-number/input-number-decrementer.d.ts +9 -0
  38. package/lib/components/input-number/input-number-incrementer.d.ts +9 -0
  39. package/lib/components/input-number/input-number.d.ts +11 -0
  40. package/lib/components/input-number-group/index.d.ts +1 -0
  41. package/lib/components/input-number-group/input-number-group.d.ts +11 -0
  42. package/lib/components/input-otp/input-otp-slot.d.ts +19 -11
  43. package/lib/components/input-otp/input-otp.d.ts +19 -21
  44. package/lib/components/input-password/input-password.d.ts +8 -8
  45. package/lib/components/multi-select/index.d.ts +1 -0
  46. package/lib/components/multi-select/multi-select.d.ts +41 -0
  47. package/lib/components/on-this-page/index.d.ts +1 -0
  48. package/lib/components/on-this-page/on-this-page.d.ts +31 -0
  49. package/lib/components/progress/index.d.ts +0 -1
  50. package/lib/components/progress/progress.d.ts +1 -3
  51. package/lib/components/range-calendar/days-selector.d.ts +19 -0
  52. package/lib/components/range-calendar/index.d.ts +1 -0
  53. package/lib/components/range-calendar/range-calendar.d.ts +41 -0
  54. package/lib/components/range-calendar/types.d.ts +5 -0
  55. package/lib/components/range-slider/index.d.ts +1 -0
  56. package/lib/components/range-slider/range-slider.d.ts +10 -0
  57. package/lib/components/rating/index.d.ts +1 -0
  58. package/lib/components/rating/rating.d.ts +23 -0
  59. package/lib/components/scroll-area/hover-scrollbar.component.d.ts +14 -0
  60. package/lib/components/scroll-area/index.d.ts +1 -0
  61. package/lib/components/scroll-area/scroll-area.d.ts +4 -4
  62. package/lib/components/scroll-spy/scroll-spy.d.ts +4 -4
  63. package/lib/components/scroll-to-top/index.d.ts +2 -0
  64. package/lib/components/scroll-to-top/scroll-to-top-button.d.ts +10 -0
  65. package/lib/components/scroll-to-top/scroll-to-top-button2.d.ts +11 -0
  66. package/lib/components/scroll-to-top/scroll-to-top.d.ts +18 -0
  67. package/lib/components/select/option.d.ts +1 -2
  68. package/lib/components/sheet/sheet-close.d.ts +5 -6
  69. package/lib/components/sheet/sheet-container.d.ts +4 -4
  70. package/lib/components/sheet/sheet-trigger.d.ts +5 -5
  71. package/lib/components/sheet/sheet.d.ts +6 -7
  72. package/lib/components/sidebar/index.d.ts +1 -0
  73. package/lib/components/sidebar/sidebar-content.d.ts +7 -0
  74. package/lib/components/sidebar/sidebar-mobile.d.ts +10 -9
  75. package/lib/components/sidebar/sidebar-toggler.d.ts +7 -5
  76. package/lib/components/sidebar/sidebar.d.ts +4 -0
  77. package/lib/components/slider/slider.d.ts +2 -1
  78. package/lib/components/stepper/index.d.ts +2 -0
  79. package/lib/components/stepper/step.d.ts +9 -0
  80. package/lib/components/stepper/stepper.d.ts +11 -0
  81. package/lib/components/switch/switch.d.ts +1 -11
  82. package/lib/components/table/index.d.ts +2 -2
  83. package/lib/components/table/table-header-group.d.ts +7 -0
  84. package/lib/components/table/table-header.d.ts +1 -1
  85. package/lib/components/table-of-contents/index.d.ts +1 -0
  86. package/lib/components/table-of-contents/table-of-contents.d.ts +21 -0
  87. package/lib/components/time-picker/time-picker2.d.ts +2 -2
  88. package/lib/components/toast/index.d.ts +5 -1
  89. package/lib/components/toast/toast-action.d.ts +3 -3
  90. package/lib/components/toast/toast-close.d.ts +5 -3
  91. package/lib/components/toast/toast-container.d.ts +10 -0
  92. package/lib/components/toast/toast-content.d.ts +3 -3
  93. package/lib/components/toast/toast-description.d.ts +3 -3
  94. package/lib/components/toast/toast-id.d.ts +2 -0
  95. package/lib/components/toast/toast-title.d.ts +3 -3
  96. package/lib/components/toast/toast.d.ts +16 -5
  97. package/lib/components/toast/toast.service.d.ts +9 -0
  98. package/lib/components/toast/toaster.d.ts +23 -5
  99. package/package.json +4 -4
  100. package/styles/shiki-styles.css +1 -1
  101. package/styles/typography-styles.css +304 -0
  102. package/lib/components/calendar/month-days.d.ts +0 -19
  103. package/lib/components/calendar/month-year-header.d.ts +0 -9
  104. package/lib/components/calendar/util.d.ts +0 -5
  105. package/lib/components/chat/chat.d.ts +0 -5
  106. package/lib/components/chat/index.d.ts +0 -1
  107. package/lib/components/date-picker/date-input.d.ts +0 -9
  108. package/lib/components/file-upload/drop-zone.d.ts +0 -11
  109. package/lib/components/file-upload/file-card.d.ts +0 -12
  110. package/lib/components/file-upload/file-preview.d.ts +0 -7
  111. package/lib/components/file-upload/file-uploader.d.ts +0 -16
  112. package/lib/components/file-upload/file.d.ts +0 -4
  113. package/lib/components/file-upload/image.d.ts +0 -7
  114. package/lib/components/file-upload/single-file-uploader.d.ts +0 -18
  115. package/lib/components/file-upload/utils.d.ts +0 -4
  116. package/lib/components/input-otp/input-otp-handler.d.ts +0 -7
  117. package/lib/components/rtl/index.d.ts +0 -1
  118. package/lib/components/rtl/rtl.d.ts +0 -9
  119. package/lib/components/table/table-head.d.ts +0 -7
  120. package/lib/components/tel-input/form-field-custom-control.component.d.ts +0 -9
  121. package/lib/components/tel-input/index.d.ts +0 -2
  122. package/lib/components/tel-input/tel-input.component.d.ts +0 -70
  123. package/lib/components/toast/toast-example.d.ts +0 -5
@@ -1,9 +1,32 @@
1
+ import { HttpClient } from '@angular/common/http';
2
+ import { EventEmitter } from '@angular/core';
1
3
  import * as i0 from "@angular/core";
2
4
  export declare class ScFileUpload {
3
- readonly class: import("@angular/core").InputSignal<string>;
4
- protected readonly _class: import("@angular/core").Signal<string>;
5
- selectedFile: import("@angular/core").WritableSignal<unknown>;
6
- handleFileChange(event: Event): void;
5
+ private readonly http;
6
+ readonly classInput: import("@angular/core").InputSignal<string>;
7
+ protected readonly class: import("@angular/core").Signal<string>;
8
+ acceptedFileTypes: string;
9
+ maxFileSize: number;
10
+ multiple: boolean;
11
+ uploadUrl: string;
12
+ uploadComplete: EventEmitter<any>;
13
+ files: File[];
14
+ isDragging: boolean;
15
+ uploadProgress: number;
16
+ isUploading: boolean;
17
+ uploadError: string | null;
18
+ uploadSuccess: boolean;
19
+ constructor(http: HttpClient);
20
+ onFileSelected(event: any): void;
21
+ onDragOver(event: DragEvent): void;
22
+ onDragLeave(event: DragEvent): void;
23
+ onDrop(event: DragEvent): void;
24
+ processFiles(fileList: FileList): void;
25
+ uploadFiles(): void;
26
+ removeFile(index: number): void;
27
+ resetStatus(): void;
28
+ clearFiles(): void;
29
+ formatFileSize(bytes: number): string;
7
30
  static ɵfac: i0.ɵɵFactoryDeclaration<ScFileUpload, never>;
8
- static ɵcmp: i0.ɵɵComponentDeclaration<ScFileUpload, "sc-file-upload", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
31
+ static ɵcmp: i0.ɵɵComponentDeclaration<ScFileUpload, "sc-file-upload", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "acceptedFileTypes": { "alias": "acceptedFileTypes"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "uploadUrl": { "alias": "uploadUrl"; "required": false; }; }, { "uploadComplete": "uploadComplete"; }, never, never, true, never>;
9
32
  }
@@ -1,3 +1 @@
1
1
  export * from './file-upload';
2
- export * from './file-uploader';
3
- export * from './single-file-uploader';
@@ -6,7 +6,7 @@ export declare class ScFullCalendar implements OnInit {
6
6
  currentDate: Date;
7
7
  currentMonth: number;
8
8
  currentYear: number;
9
- currentView: 'month' | 'week' | 'day';
9
+ readonly currentView: import("@angular/core").WritableSignal<"day" | "month" | "week">;
10
10
  daysInMonth: number[];
11
11
  weekdays: string[];
12
12
  events: {
@@ -7,6 +7,8 @@ export declare class ScInput {
7
7
  readonly value: import("@angular/core").ModelSignal<string>;
8
8
  readonly idInput: import("@angular/core").InputSignal<string>;
9
9
  readonly id: import("@angular/core").WritableSignal<string>;
10
+ private readonly host;
11
+ get nativeElement(): any;
10
12
  static ɵfac: i0.ɵɵFactoryDeclaration<ScInput, never>;
11
13
  static ɵcmp: i0.ɵɵComponentDeclaration<ScInput, "input[sc-input]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "idInput": { "alias": "id"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, [{ directive: typeof i1.ScPlainInput; inputs: { "value": "value"; }; outputs: { "valueChange": "valueChange"; }; }]>;
12
14
  }
@@ -4,5 +4,5 @@ export declare class ScPlainInput {
4
4
  readonly value: import("@angular/core").ModelSignal<string>;
5
5
  handleInput(): void;
6
6
  static ɵfac: i0.ɵɵFactoryDeclaration<ScPlainInput, never>;
7
- static ɵdir: i0.ɵɵDirectiveDeclaration<ScPlainInput, "input[sc-plain-input]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
7
+ static ɵdir: i0.ɵɵDirectiveDeclaration<ScPlainInput, never, never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
8
8
  }
@@ -0,0 +1,3 @@
1
+ export * from './input-number';
2
+ export * from './input-number-incrementer';
3
+ export * from './input-number-decrementer';
@@ -0,0 +1,9 @@
1
+ import { ScButtonBase } from '../button';
2
+ import * as i0 from "@angular/core";
3
+ export declare class ScInputNumberDecrementer extends ScButtonBase {
4
+ readonly decremented: import("@angular/core").OutputEmitterRef<void>;
5
+ protected readonly class: import("@angular/core").Signal<string>;
6
+ protected handleClick(): void;
7
+ static ɵfac: i0.ɵɵFactoryDeclaration<ScInputNumberDecrementer, never>;
8
+ static ɵcmp: i0.ɵɵComponentDeclaration<ScInputNumberDecrementer, "button[sc-input-number-decrementer]", never, {}, { "decremented": "decremented"; }, never, ["*"], true, never>;
9
+ }
@@ -0,0 +1,9 @@
1
+ import { ScButtonBase } from '../button';
2
+ import * as i0 from "@angular/core";
3
+ export declare class ScInputNumberIncrementer extends ScButtonBase {
4
+ readonly incremented: import("@angular/core").OutputEmitterRef<void>;
5
+ protected readonly class: import("@angular/core").Signal<string>;
6
+ protected handleClick(): void;
7
+ static ɵfac: i0.ɵɵFactoryDeclaration<ScInputNumberIncrementer, never>;
8
+ static ɵcmp: i0.ɵɵComponentDeclaration<ScInputNumberIncrementer, "button[sc-input-number-incrementer]", never, {}, { "incremented": "incremented"; }, never, ["*"], true, never>;
9
+ }
@@ -0,0 +1,11 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class ScInputNumber {
3
+ private readonly hostRef;
4
+ readonly classInput: import("@angular/core").InputSignal<string>;
5
+ protected readonly class: import("@angular/core").Signal<string>;
6
+ readonly value: import("@angular/core").ModelSignal<number>;
7
+ readonly type: import("@angular/core").InputSignal<"number">;
8
+ handleInput(): void;
9
+ static ɵfac: i0.ɵɵFactoryDeclaration<ScInputNumber, never>;
10
+ static ɵcmp: i0.ɵɵComponentDeclaration<ScInputNumber, "input[sc-input-number]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, never>;
11
+ }
@@ -0,0 +1 @@
1
+ export * from './input-number-group';
@@ -0,0 +1,11 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class ScInputNumberGroup {
3
+ readonly classInput: import("@angular/core").InputSignal<string>;
4
+ protected readonly class: import("@angular/core").Signal<string>;
5
+ private readonly scInputNumberIncrementer;
6
+ private readonly scInputNumberDecrementer;
7
+ private readonly scInputNumber;
8
+ constructor();
9
+ static ɵfac: i0.ɵɵFactoryDeclaration<ScInputNumberGroup, never>;
10
+ static ɵcmp: i0.ɵɵComponentDeclaration<ScInputNumberGroup, "div[sc-input-number-group]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, ["scInputNumberIncrementer", "scInputNumberDecrementer", "scInputNumber"], ["*"], true, never>;
11
+ }
@@ -1,17 +1,25 @@
1
- import { FormControl } from '@angular/forms';
2
- import { InputOtpHandler } from './input-otp-handler';
1
+ import { ElementRef } from '@angular/core';
3
2
  import * as i0 from "@angular/core";
4
3
  export declare class ScInputOTPSlot {
5
- inputOtpHandler: InputOtpHandler;
6
4
  readonly classInput: import("@angular/core").InputSignal<string>;
7
5
  protected readonly class: import("@angular/core").Signal<string>;
8
- formControl: import("@angular/core").WritableSignal<FormControl<any> | null>;
9
- index: number;
10
- isActive: import("@angular/core").WritableSignal<boolean>;
11
- readonly input: import("@angular/core").Signal<HTMLInputElement>;
12
- protected handleKeydown(event: KeyboardEvent): void;
13
- private autoFocusNext;
14
- private autoFocusPrev;
6
+ protected readonly showFakeCaret: import("@angular/core").Signal<boolean>;
7
+ protected readonly isActive: import("@angular/core").WritableSignal<boolean>;
8
+ readonly disabled: import("@angular/core").WritableSignal<boolean>;
9
+ readonly inputRef: import("@angular/core").Signal<ElementRef<HTMLInputElement>>;
10
+ readonly focus: import("@angular/core").OutputEmitterRef<string>;
11
+ readonly blur: import("@angular/core").OutputEmitterRef<void>;
12
+ readonly backspace: import("@angular/core").OutputEmitterRef<void>;
13
+ readonly arrowLeft: import("@angular/core").OutputEmitterRef<void>;
14
+ readonly arrowRight: import("@angular/core").OutputEmitterRef<void>;
15
+ readonly paste: import("@angular/core").OutputEmitterRef<string>;
16
+ readonly value: import("@angular/core").ModelSignal<string>;
17
+ protected onInput(event: Event): void;
18
+ protected onKeyDown(event: KeyboardEvent): void;
19
+ protected onPaste(event: ClipboardEvent): void;
20
+ protected onFocus(): void;
21
+ protected onBlur(): void;
22
+ setActive(active?: boolean): void;
15
23
  static ɵfac: i0.ɵɵFactoryDeclaration<ScInputOTPSlot, never>;
16
- static ɵcmp: i0.ɵɵComponentDeclaration<ScInputOTPSlot, "sc-input-otp-slot", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
24
+ static ɵcmp: i0.ɵɵComponentDeclaration<ScInputOTPSlot, "sc-input-otp-slot", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "focus": "focus"; "blur": "blur"; "backspace": "backspace"; "arrowLeft": "arrowLeft"; "arrowRight": "arrowRight"; "paste": "paste"; "value": "valueChange"; }, never, never, true, never>;
17
25
  }
@@ -1,35 +1,33 @@
1
- import { OnDestroy } from '@angular/core';
2
- import { ControlValueAccessor, FormArray, FormGroup } from '@angular/forms';
3
- import { Subject } from 'rxjs';
1
+ import { AfterContentInit } from '@angular/core';
2
+ import { AbstractControl, ControlValueAccessor, ValidationErrors } from '@angular/forms';
4
3
  import { ScInputOTPSlot } from './input-otp-slot';
5
4
  import * as i0 from "@angular/core";
6
- export declare class ScInputOtp implements ControlValueAccessor, OnDestroy {
7
- private readonly inputOtpHandler;
8
- private readonly focusMonitor;
5
+ export declare class ScInputOtp implements AfterContentInit, ControlValueAccessor {
6
+ readonly disabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
7
+ protected readonly disabled: import("@angular/core").WritableSignal<boolean>;
9
8
  private readonly changeDetectorRef;
10
9
  readonly classInput: import("@angular/core").InputSignal<string>;
11
10
  protected readonly class: import("@angular/core").Signal<string>;
12
- readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
13
- readonly formGroup: FormGroup<{
14
- inputs: FormArray<never>;
15
- }>;
16
- get inputs(): FormArray;
17
11
  readonly slots: import("@angular/core").Signal<readonly ScInputOTPSlot[]>;
12
+ readonly currentIndex: import("@angular/core").WritableSignal<number>;
13
+ readonly value: import("@angular/core").ModelSignal<string>;
14
+ type: import("@angular/core").InputSignal<"numeric" | "alphanumeric">;
18
15
  constructor();
19
- private _updateValue;
20
- readonly _value: import("@angular/core").ModelSignal<string | null>;
21
- readonly disabledByInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
22
- private readonly disabledByCva;
23
- private readonly _disabled;
16
+ ngAfterContentInit(): void;
17
+ private setupDigitComponents;
18
+ setCurrentPosition(position: number): void;
19
+ private findFirstSlotToHighlight;
20
+ private handleMultiDigitPaste;
21
+ private updateOtpValue;
22
+ validate(control: AbstractControl): ValidationErrors | null;
23
+ clear(): void;
24
+ setValue(value: string): void;
25
+ writeValue(value: string): void;
24
26
  onChange: (_: any) => void;
25
27
  onTouched: () => void;
26
- writeValue(tel: string | null): void;
27
28
  registerOnChange(fn: any): void;
28
29
  registerOnTouched(fn: any): void;
29
30
  setDisabledState(isDisabled: boolean): void;
30
- private readonly _elementRef;
31
- readonly stateChanges: Subject<void>;
32
- ngOnDestroy(): void;
33
31
  static ɵfac: i0.ɵɵFactoryDeclaration<ScInputOtp, never>;
34
- static ɵcmp: i0.ɵɵComponentDeclaration<ScInputOtp, "sc-input-otp", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "_value": { "alias": "value"; "required": false; "isSignal": true; }; "disabledByInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "_value": "valueChange"; }, ["slots"], ["*"], true, never>;
32
+ static ɵcmp: i0.ɵɵComponentDeclaration<ScInputOtp, "sc-input-otp", never, { "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["slots"], ["*"], true, never>;
35
33
  }
@@ -6,23 +6,23 @@ export declare class ScInputPassword implements OnInit {
6
6
  readonly classInput: import("@angular/core").InputSignal<string>;
7
7
  protected readonly class: import("@angular/core").Signal<string>;
8
8
  protected control: FormControl<any>;
9
- private destroyRef;
9
+ private readonly destroyRef;
10
10
  ngOnInit(): void;
11
11
  readonly password: import("@angular/core").WritableSignal<string>;
12
12
  readonly isVisible: import("@angular/core").WritableSignal<boolean>;
13
- requirements: {
13
+ readonly requirements: {
14
14
  regex: RegExp;
15
15
  text: string;
16
16
  }[];
17
- strength: import("@angular/core").Signal<{
17
+ readonly strength: import("@angular/core").Signal<{
18
18
  met: boolean;
19
19
  text: string;
20
20
  }[]>;
21
- strengthScore: import("@angular/core").Signal<number>;
22
- protected readonly indicatorClass: import("@angular/core").Signal<string>;
23
- strengthColor: import("@angular/core").Signal<"bg-border" | "bg-red-500" | "bg-orange-500" | "bg-amber-500" | "bg-emerald-500">;
24
- strengthText: import("@angular/core").Signal<"Enter a password" | "Weak password" | "Medium password" | "Strong password">;
25
- toggleVisibility(): void;
21
+ readonly strengthScore: import("@angular/core").Signal<number>;
22
+ protected readonly progressClass: import("@angular/core").Signal<string>;
23
+ readonly strengthColor: import("@angular/core").Signal<"[&>[data-slot=indicator]]:bg-border" | "[&>[data-slot=indicator]]:bg-red-500" | "[&>[data-slot=indicator]]:bg-orange-500" | "[&>[data-slot=indicator]]:bg-amber-500" | "[&>[data-slot=indicator]]:bg-emerald-500">;
24
+ readonly strengthText: import("@angular/core").Signal<"Enter a password" | "Weak password" | "Medium password" | "Strong password">;
25
+ protected toggleVisibility(): void;
26
26
  static ɵfac: i0.ɵɵFactoryDeclaration<ScInputPassword, never>;
27
27
  static ɵcmp: i0.ɵɵComponentDeclaration<ScInputPassword, "sc-input-password", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
28
28
  }
@@ -0,0 +1 @@
1
+ export * from './multi-select';
@@ -0,0 +1,41 @@
1
+ import { ElementRef, EventEmitter, OnInit } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export interface ScOptionModel {
4
+ id: string | number;
5
+ label: string;
6
+ selected?: boolean;
7
+ }
8
+ export declare class ScMultiSelect implements OnInit {
9
+ private readonly elementRef;
10
+ options: ScOptionModel[];
11
+ placeholder: string;
12
+ searchable: boolean;
13
+ label: string;
14
+ required: boolean;
15
+ showError: boolean;
16
+ errorMessage: string;
17
+ selectionChange: EventEmitter<ScOptionModel[]>;
18
+ protected readonly isOpen: import("@angular/core").WritableSignal<boolean>;
19
+ searchText: string;
20
+ filteredOptions: ScOptionModel[];
21
+ focusedIndex: number;
22
+ uniqueId: string;
23
+ labelId: string;
24
+ listboxId: string;
25
+ descriptionId: string;
26
+ get activeDescendant(): string | null;
27
+ constructor(elementRef: ElementRef);
28
+ ngOnInit(): void;
29
+ get selectedOptions(): ScOptionModel[];
30
+ toggleDropdown(): void;
31
+ toggleOption(option: ScOptionModel, event?: Event): void;
32
+ isSelected(option: ScOptionModel): boolean;
33
+ onSearch(): void;
34
+ onKeyDown(event: KeyboardEvent): void;
35
+ scrollToOption(): void;
36
+ announceForScreenReader(message: string): void;
37
+ clickOutside(event: Event): void;
38
+ f(option: ScOptionModel): string;
39
+ static ɵfac: i0.ɵɵFactoryDeclaration<ScMultiSelect, never>;
40
+ static ɵcmp: i0.ɵɵComponentDeclaration<ScMultiSelect, "sc-multi-select", never, { "options": { "alias": "options"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showError": { "alias": "showError"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
41
+ }
@@ -0,0 +1 @@
1
+ export * from './on-this-page';
@@ -0,0 +1,31 @@
1
+ import { ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ interface NavItem {
4
+ id: string;
5
+ text: string;
6
+ level: number;
7
+ children: NavItem[];
8
+ }
9
+ export declare class ScOnThisPage implements OnInit, OnDestroy {
10
+ private readonly el;
11
+ private readonly renderer;
12
+ private observer;
13
+ private readonly observedElements;
14
+ protected readonly navItems: import("@angular/core").WritableSignal<NavItem[]>;
15
+ protected readonly activeItem: import("@angular/core").WritableSignal<string>;
16
+ private readonly destroy$;
17
+ private isObserving;
18
+ constructor(el: ElementRef, renderer: Renderer2);
19
+ ngOnInit(): void;
20
+ ngOnDestroy(): void;
21
+ private initNavItems;
22
+ getPaddingClass(level: number): string;
23
+ scrollToSection(id: string): void;
24
+ private initIntersectionObserver;
25
+ private setupScrollListener;
26
+ private startObserving;
27
+ private stopObserving;
28
+ static ɵfac: i0.ɵɵFactoryDeclaration<ScOnThisPage, never>;
29
+ static ɵcmp: i0.ɵɵComponentDeclaration<ScOnThisPage, "sc-on-this-page", never, {}, {}, never, never, true, never>;
30
+ }
31
+ export {};
@@ -1,2 +1 @@
1
1
  export * from './progress';
2
- export * from './circular-progress';
@@ -2,8 +2,6 @@ import * as i0 from "@angular/core";
2
2
  export declare class ScProgress {
3
3
  readonly classInput: import("@angular/core").InputSignal<string>;
4
4
  protected readonly class: import("@angular/core").Signal<string>;
5
- readonly indicatorClassInput: import("@angular/core").InputSignal<string>;
6
- protected readonly indicatorClass: import("@angular/core").Signal<string>;
7
5
  /** Current value of the progressbar. */
8
6
  readonly value: import("@angular/core").InputSignal<number>;
9
7
  readonly mode: import("@angular/core").InputSignal<"determinate" | "indeterminate">;
@@ -11,5 +9,5 @@ export declare class ScProgress {
11
9
  readonly max: import("@angular/core").InputSignalWithTransform<number, unknown>;
12
10
  protected readonly transform: import("@angular/core").Signal<string>;
13
11
  static ɵfac: i0.ɵɵFactoryDeclaration<ScProgress, never>;
14
- static ɵcmp: i0.ɵɵComponentDeclaration<ScProgress, "sc-progress", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "indicatorClassInput": { "alias": "indicatorClass"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
12
+ static ɵcmp: i0.ɵɵComponentDeclaration<ScProgress, "sc-progress", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
15
13
  }
@@ -0,0 +1,19 @@
1
+ import { Temporal } from '@js-temporal/polyfill';
2
+ import { CalendarDay } from '../calendar/types';
3
+ import { ScRange } from './types';
4
+ import * as i0 from "@angular/core";
5
+ export declare class ScDaysSelector {
6
+ readonly calendarDays: import("@angular/core").InputSignal<CalendarDay[]>;
7
+ readonly weekdays: import("@angular/core").InputSignal<string[]>;
8
+ readonly rangeSelected: import("@angular/core").OutputEmitterRef<ScRange>;
9
+ readonly selectedRange: import("@angular/core").InputSignal<ScRange | undefined>;
10
+ readonly focusedDate: import("@angular/core").InputSignal<Temporal.PlainDate | undefined>;
11
+ protected getVariant(day: CalendarDay): "primary" | "outline" | "secondary" | "ghost";
12
+ protected selectDay(day: CalendarDay): void;
13
+ isSelected(date: Temporal.PlainDate): boolean;
14
+ isFocused(date: Temporal.PlainDate): boolean;
15
+ isDateInRange(date: Temporal.PlainDate): boolean;
16
+ selectDate(day: CalendarDay): void;
17
+ static ɵfac: i0.ɵɵFactoryDeclaration<ScDaysSelector, never>;
18
+ static ɵcmp: i0.ɵɵComponentDeclaration<ScDaysSelector, "sc-days-selector", never, { "calendarDays": { "alias": "calendarDays"; "required": true; "isSignal": true; }; "weekdays": { "alias": "weekdays"; "required": true; "isSignal": true; }; "selectedRange": { "alias": "selectedRange"; "required": false; "isSignal": true; }; "focusedDate": { "alias": "focusedDate"; "required": false; "isSignal": true; }; }, { "rangeSelected": "rangeSelected"; }, never, never, true, never>;
19
+ }
@@ -0,0 +1 @@
1
+ export * from './range-calendar';
@@ -0,0 +1,41 @@
1
+ import { ControlValueAccessor } from '@angular/forms';
2
+ import { Temporal } from '@js-temporal/polyfill';
3
+ import { ScRange } from './types';
4
+ import * as i0 from "@angular/core";
5
+ export declare class ScRangeCalendar implements ControlValueAccessor {
6
+ readonly value: import("@angular/core").ModelSignal<ScRange | undefined>;
7
+ readonly minDate: import("@angular/core").InputSignal<Temporal.PlainDate | undefined>;
8
+ readonly maxDate: import("@angular/core").InputSignal<Temporal.PlainDate | undefined>;
9
+ readonly classInput: import("@angular/core").InputSignal<string>;
10
+ protected readonly class: import("@angular/core").Signal<string>;
11
+ private readonly today;
12
+ protected readonly focusedDate: import("@angular/core").WritableSignal<Temporal.PlainDate | ScRange | undefined>;
13
+ protected readonly currentYear: import("@angular/core").WritableSignal<number>;
14
+ protected readonly currentMonth: import("@angular/core").WritableSignal<Temporal.PlainYearMonth>;
15
+ private readonly firstDayOfMonth;
16
+ private readonly lastDayOfMonth;
17
+ private readonly localeId;
18
+ protected readonly calendarDays: import("@angular/core").Signal<import("../calendar/types").CalendarDay[]>;
19
+ isToday(date: Temporal.PlainDate): boolean;
20
+ isDateDisabled(date: Temporal.PlainDate): boolean;
21
+ selectRange(range: ScRange): void;
22
+ prevMonth(): void;
23
+ nextMonth(): void;
24
+ protected readonly view: import("@angular/core").WritableSignal<"months" | "years" | "days">;
25
+ protected toggleView(): void;
26
+ weekdays: string[];
27
+ private readonly scYearSelector;
28
+ protected setMonthYear(n: number): void;
29
+ protected selectYear(year: number): void;
30
+ protected selectMonth(month: Temporal.PlainYearMonth): void;
31
+ onChange: (value: ScRange) => void;
32
+ onTouched: () => void;
33
+ writeValue(value: ScRange): void;
34
+ registerOnChange(fn: (value: ScRange) => void): void;
35
+ registerOnTouched(fn: () => void): void;
36
+ readonly disabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
37
+ readonly disabled: import("@angular/core").WritableSignal<boolean>;
38
+ setDisabledState?(isDisabled: boolean): void;
39
+ static ɵfac: i0.ɵɵFactoryDeclaration<ScRangeCalendar, never>;
40
+ static ɵcmp: i0.ɵɵComponentDeclaration<ScRangeCalendar, "sc-range-calendar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
41
+ }
@@ -0,0 +1,5 @@
1
+ import { Temporal } from '@js-temporal/polyfill';
2
+ export interface ScRange {
3
+ start: Temporal.PlainDate;
4
+ end: Temporal.PlainDate;
5
+ }
@@ -0,0 +1 @@
1
+ export * from './range-slider';
@@ -0,0 +1,10 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class ScRangeSlider {
3
+ readonly classInput: import("@angular/core").InputSignal<string>;
4
+ protected readonly class: import("@angular/core").Signal<string>;
5
+ readonly type: import("@angular/core").InputSignal<"range">;
6
+ readonly min: import("@angular/core").InputSignal<number>;
7
+ readonly max: import("@angular/core").InputSignal<number>;
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<ScRangeSlider, never>;
9
+ static ɵcmp: i0.ɵɵComponentDeclaration<ScRangeSlider, "input[sc-range-slider]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": true; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
10
+ }
@@ -0,0 +1 @@
1
+ export * from './rating';
@@ -0,0 +1,23 @@
1
+ import { EventEmitter, OnChanges, OnInit } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export declare class ScRating implements OnInit, OnChanges {
4
+ maxRating: number;
5
+ rating: number;
6
+ interactive: boolean;
7
+ showRatingValue: boolean;
8
+ allowHalfStars: boolean;
9
+ ratingChange: EventEmitter<number>;
10
+ positions: number[];
11
+ hoverRating: number;
12
+ Math: Math;
13
+ ngOnInit(): void;
14
+ ngOnChanges(): void;
15
+ generatePositions(): void;
16
+ onHover(position: number): void;
17
+ onRate(position: number): void;
18
+ isHalfOrFullStar(position: number): boolean;
19
+ isHalfStar(position: number): boolean;
20
+ isHalfValue(value: number): boolean;
21
+ static ɵfac: i0.ɵɵFactoryDeclaration<ScRating, never>;
22
+ static ɵcmp: i0.ɵɵComponentDeclaration<ScRating, "sc-rating", never, { "maxRating": { "alias": "maxRating"; "required": false; }; "rating": { "alias": "rating"; "required": false; }; "interactive": { "alias": "interactive"; "required": false; }; "showRatingValue": { "alias": "showRatingValue"; "required": false; }; "allowHalfStars": { "alias": "allowHalfStars"; "required": false; }; }, { "ratingChange": "ratingChange"; }, never, never, true, never>;
23
+ }
@@ -0,0 +1,14 @@
1
+ import { AfterViewInit, ElementRef, OnChanges, SimpleChanges } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export declare class HoverScrollbarComponent implements AfterViewInit, OnChanges {
4
+ width: number;
5
+ height: number;
6
+ border: boolean;
7
+ contentContainer: ElementRef;
8
+ isScrollable: boolean;
9
+ ngAfterViewInit(): void;
10
+ ngOnChanges(changes: SimpleChanges): void;
11
+ checkIfScrollable(): void;
12
+ static ɵfac: i0.ɵɵFactoryDeclaration<HoverScrollbarComponent, never>;
13
+ static ɵcmp: i0.ɵɵComponentDeclaration<HoverScrollbarComponent, "sc-hover-scrollbar", never, { "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "border": { "alias": "border"; "required": false; }; }, {}, never, ["*"], true, never>;
14
+ }
@@ -1 +1,2 @@
1
1
  export * from './scroll-area';
2
+ export * from './hover-scrollbar.component';
@@ -1,10 +1,10 @@
1
- import { AfterViewInit } from '@angular/core';
2
1
  import * as i0 from "@angular/core";
3
- export declare class ScScrollArea implements AfterViewInit {
4
- private readonly host;
2
+ export declare class ScScrollArea {
5
3
  readonly classInput: import("@angular/core").InputSignal<string>;
6
4
  protected readonly class: import("@angular/core").Signal<string>;
7
- ngAfterViewInit(): void;
5
+ private readonly state;
6
+ protected mouseover(): void;
7
+ protected mouseout(): void;
8
8
  static ɵfac: i0.ɵɵFactoryDeclaration<ScScrollArea, never>;
9
9
  static ɵcmp: i0.ɵɵComponentDeclaration<ScScrollArea, "div[sc-scroll-area]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
10
10
  }
@@ -1,12 +1,12 @@
1
- import { ElementRef, EventEmitter, OnInit } from '@angular/core';
1
+ import { ElementRef, OnInit } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
3
  export declare class ScScrollSpy implements OnInit {
4
4
  private readonly el;
5
- spySections: string[];
6
- sectionChange: EventEmitter<string>;
5
+ readonly spySections: import("@angular/core").InputSignal<string[]>;
6
+ readonly sectionChange: import("@angular/core").OutputEmitterRef<string>;
7
7
  private observer;
8
8
  constructor(el: ElementRef);
9
9
  ngOnInit(): void;
10
10
  static ɵfac: i0.ɵɵFactoryDeclaration<ScScrollSpy, never>;
11
- static ɵdir: i0.ɵɵDirectiveDeclaration<ScScrollSpy, "[scScrollSpy]", never, { "spySections": { "alias": "spySections"; "required": false; }; }, { "sectionChange": "sectionChange"; }, never, never, true, never>;
11
+ static ɵdir: i0.ɵɵDirectiveDeclaration<ScScrollSpy, "[scScrollSpy]", never, { "spySections": { "alias": "spySections"; "required": false; "isSignal": true; }; }, { "sectionChange": "sectionChange"; }, never, never, true, never>;
12
12
  }
@@ -0,0 +1,2 @@
1
+ export * from './scroll-to-top';
2
+ export * from './scroll-to-top-button';
@@ -0,0 +1,10 @@
1
+ import { ScButtonBase } from '../button';
2
+ import * as i0 from "@angular/core";
3
+ export declare class ScScrollToTopButton extends ScButtonBase {
4
+ protected readonly class: import("@angular/core").Signal<string>;
5
+ protected readonly showScrollButton: import("@angular/core").WritableSignal<boolean>;
6
+ protected onWindowScroll(): void;
7
+ protected scrollToTop(): void;
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<ScScrollToTopButton, never>;
9
+ static ɵcmp: i0.ɵɵComponentDeclaration<ScScrollToTopButton, "button[sc-scroll-to-top-button]", never, {}, {}, never, never, true, never>;
10
+ }
@@ -0,0 +1,11 @@
1
+ import * as i0 from "@angular/core";
2
+ export type ButtonState = 'initial' | 'visible' | 'hidden';
3
+ export declare class ScScrollToTopButton2 {
4
+ readonly scrollToTop: import("@angular/core").OutputEmitterRef<void>;
5
+ readonly animationDone: import("@angular/core").OutputEmitterRef<void>;
6
+ readonly state: import("@angular/core").WritableSignal<ButtonState>;
7
+ protected onScrollToTop(): void;
8
+ protected onTransitionEnd(event: TransitionEvent): void;
9
+ static ɵfac: i0.ɵɵFactoryDeclaration<ScScrollToTopButton2, never>;
10
+ static ɵcmp: i0.ɵɵComponentDeclaration<ScScrollToTopButton2, "sc-scroll-to-top-button2", never, {}, { "scrollToTop": "scrollToTop"; "animationDone": "animationDone"; }, never, never, true, never>;
11
+ }
@@ -0,0 +1,18 @@
1
+ import { Overlay } from '@angular/cdk/overlay';
2
+ import { Injector } from '@angular/core';
3
+ import * as i0 from "@angular/core";
4
+ export declare class ScScrollToTop {
5
+ private readonly overlay;
6
+ private readonly injector;
7
+ private readonly destroyRef;
8
+ private overlayRef;
9
+ private componentRef;
10
+ private readonly scrollThreshold;
11
+ constructor(overlay: Overlay, injector: Injector);
12
+ init(): void;
13
+ private show;
14
+ private hide;
15
+ private scrollToTop;
16
+ static ɵfac: i0.ɵɵFactoryDeclaration<ScScrollToTop, never>;
17
+ static ɵprov: i0.ɵɵInjectableDeclaration<ScScrollToTop>;
18
+ }
@@ -10,8 +10,7 @@ export declare class ScOption implements Highlightable {
10
10
  private readonly labelEl;
11
11
  readonly label: import("@angular/core").Signal<string>;
12
12
  private readonly element;
13
- /** Gets the host DOM element. */
14
- getHostElement(): HTMLElement;
13
+ get nativeElement(): HTMLElement;
15
14
  readonly active: import("@angular/core").WritableSignal<boolean>;
16
15
  setActiveStyles(): void;
17
16
  setInactiveStyles(): void;