@semantic-components/ui 0.12.0 → 0.14.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 (99) hide show
  1. package/fesm2022/semantic-components-ui.mjs +9073 -7753
  2. package/fesm2022/semantic-components-ui.mjs.map +1 -1
  3. package/index.d.ts +9 -1
  4. package/lib/components/autocomplete/autocomplete-item.d.ts +2 -2
  5. package/lib/components/button/button.d.ts +6 -5
  6. package/lib/components/calendar/calendar.d.ts +1 -1
  7. package/lib/components/checkbox/checkbox.d.ts +1 -1
  8. package/lib/components/cookie-consent/cookie-consent.d.ts +10 -0
  9. package/lib/components/cookie-consent/index.d.ts +1 -0
  10. package/lib/components/editor/actions/editor-blockquote.d.ts +11 -0
  11. package/lib/components/editor/actions/editor-bold.d.ts +11 -0
  12. package/lib/components/editor/actions/editor-bullet-list.d.ts +12 -0
  13. package/lib/components/editor/actions/editor-code.d.ts +12 -0
  14. package/lib/components/editor/actions/editor-highlight.d.ts +12 -0
  15. package/lib/components/editor/actions/editor-horizontal-rule.d.ts +12 -0
  16. package/lib/components/editor/actions/editor-italic.d.ts +12 -0
  17. package/lib/components/editor/actions/editor-ordered-list.d.ts +12 -0
  18. package/lib/components/editor/actions/editor-paragraph.d.ts +8 -0
  19. package/lib/components/editor/actions/editor-redo.d.ts +12 -0
  20. package/lib/components/editor/actions/editor-strike.d.ts +12 -0
  21. package/lib/components/editor/actions/editor-text-align-center.d.ts +12 -0
  22. package/lib/components/editor/actions/editor-text-align-left.d.ts +12 -0
  23. package/lib/components/editor/actions/editor-text-align-right.d.ts +12 -0
  24. package/lib/components/editor/actions/editor-underline.d.ts +12 -0
  25. package/lib/components/editor/actions/editor-undo.d.ts +12 -0
  26. package/lib/components/editor/actions/editor-unset-link.d.ts +14 -0
  27. package/lib/components/editor/editor-group.d.ts +7 -0
  28. package/lib/components/editor/editor-toolbar.d.ts +7 -0
  29. package/lib/components/editor/extensions/extension-image.d.ts +1 -0
  30. package/lib/components/editor/extensions/extension-link.d.ts +0 -1
  31. package/lib/components/editor/extensions/extensions.d.ts +10 -3
  32. package/lib/components/file-upload/drop-zone.d.ts +11 -0
  33. package/lib/components/file-upload/file-card.d.ts +12 -0
  34. package/lib/components/file-upload/file-preview.d.ts +7 -0
  35. package/lib/components/file-upload/file-upload.d.ts +9 -0
  36. package/lib/components/file-upload/file-uploader.d.ts +16 -0
  37. package/lib/components/file-upload/file.d.ts +4 -0
  38. package/lib/components/file-upload/image.d.ts +7 -0
  39. package/lib/components/file-upload/index.d.ts +3 -0
  40. package/lib/components/file-upload/single-file-uploader.d.ts +18 -0
  41. package/lib/components/file-upload/utils.d.ts +4 -0
  42. package/lib/components/input/input.d.ts +3 -3
  43. package/lib/components/input-otp/input-otp.d.ts +1 -1
  44. package/lib/components/menu/menu-checkbox-item.d.ts +1 -1
  45. package/lib/components/menu/menu-group.d.ts +2 -2
  46. package/lib/components/page/index.d.ts +4 -0
  47. package/lib/components/page/page-description.d.ts +7 -0
  48. package/lib/components/page/page-subtitle.d.ts +7 -0
  49. package/lib/components/page/page-title.d.ts +7 -0
  50. package/lib/components/page/section.d.ts +5 -0
  51. package/lib/components/popover/popover-trigger-for.d.ts +3 -3
  52. package/lib/components/radio-group/radio-item.d.ts +15 -17
  53. package/lib/components/re-captcha/index.d.ts +2 -0
  54. package/lib/components/re-captcha/re-captcha-v2.d.ts +26 -0
  55. package/lib/components/re-captcha/re-captcha-v3.d.ts +13 -0
  56. package/lib/components/scroll-area/scroll-area.d.ts +4 -6
  57. package/lib/components/select/option.d.ts +23 -3
  58. package/lib/components/select/select-state.d.ts +7 -0
  59. package/lib/components/select/select.d.ts +22 -7
  60. package/lib/components/separator/index.d.ts +1 -0
  61. package/lib/components/separator/separator.d.ts +8 -0
  62. package/lib/components/slider/slider.d.ts +1 -1
  63. package/lib/components/tab-group/index.d.ts +4 -0
  64. package/lib/components/tab-group/tab-content.d.ts +7 -0
  65. package/lib/components/tab-group/tab-group.d.ts +11 -0
  66. package/lib/components/tab-group/tab-item.d.ts +5 -0
  67. package/lib/components/tab-group/tab-label.d.ts +7 -0
  68. package/lib/components/tel-input/tel-input.component.d.ts +1 -1
  69. package/lib/components/time-picker/time-picker.d.ts +5 -1
  70. package/lib/components/toggle-group/index.d.ts +2 -0
  71. package/lib/components/toggle-group/toggle-group-item.d.ts +5 -0
  72. package/lib/components/toggle-group/toggle-group.d.ts +8 -0
  73. package/lib/components/typography/blockquote.d.ts +5 -0
  74. package/lib/components/typography/heading.d.ts +4 -4
  75. package/lib/components/typography/index.d.ts +1 -0
  76. package/lib/utils/index.d.ts +0 -1
  77. package/lib/utils/settings.d.ts +1 -0
  78. package/package.json +5 -6
  79. package/lib/components/editor/extensions/extension-blockquote.d.ts +0 -12
  80. package/lib/components/editor/extensions/extension-bold.d.ts +0 -12
  81. package/lib/components/editor/extensions/extension-bullet-list.d.ts +0 -12
  82. package/lib/components/editor/extensions/extension-code.d.ts +0 -12
  83. package/lib/components/editor/extensions/extension-highlight.d.ts +0 -12
  84. package/lib/components/editor/extensions/extension-history.d.ts +0 -14
  85. package/lib/components/editor/extensions/extension-horizontal-rule.d.ts +0 -12
  86. package/lib/components/editor/extensions/extension-italic.d.ts +0 -12
  87. package/lib/components/editor/extensions/extension-ordered-list.d.ts +0 -12
  88. package/lib/components/editor/extensions/extension-paragraph.d.ts +0 -8
  89. package/lib/components/editor/extensions/extension-strike.d.ts +0 -12
  90. package/lib/components/editor/extensions/extension-text-align.d.ts +0 -16
  91. package/lib/components/editor/extensions/extension-underline.d.ts +0 -12
  92. package/lib/components/editor/toolbar/extensions-group.d.ts +0 -5
  93. package/lib/components/editor/toolbar/extensions-separator.d.ts +0 -7
  94. package/lib/components/select/listbox-option.d.ts +0 -8
  95. package/lib/components/select/listbox.d.ts +0 -7
  96. package/lib/utils/css.d.ts +0 -2
  97. /package/lib/components/{menubar → menu-bar}/index.d.ts +0 -0
  98. /package/lib/components/{menubar → menu-bar}/menu-bar-item.d.ts +0 -0
  99. /package/lib/components/{menubar → menu-bar}/menu-bar.d.ts +0 -0
@@ -1,22 +1,20 @@
1
- import { BooleanInput } from '@angular/cdk/coercion';
2
- import { ScRadioGroupState } from './radio-group-state';
3
1
  import * as i0 from "@angular/core";
4
2
  export declare class ScRadioItem {
5
- state: ScRadioGroupState;
6
- id: import("@angular/core").InputSignal<string>;
7
- value: import("@angular/core").InputSignal<string>;
8
- checked: import("@angular/core").Signal<boolean>;
9
- name: import("@angular/core").Signal<string>;
10
- disabled: import("@angular/core").InputSignal<BooleanInput>;
11
- class: import("@angular/core").InputSignal<string>;
12
- classes: import("@angular/core").Signal<string>;
13
- hostClass: import("@angular/core").InputSignal<string>;
14
- hostClasses: import("@angular/core").Signal<string>;
15
- circleHostClass: import("@angular/core").InputSignal<string>;
16
- circleClass: import("@angular/core").InputSignal<string>;
17
- circleClasses: import("@angular/core").Signal<string>;
18
- radioChecked: import("@angular/core").OutputEmitterRef<void>;
3
+ private readonly state;
4
+ protected readonly id: import("@angular/core").WritableSignal<string>;
5
+ protected readonly name: import("@angular/core").Signal<string>;
6
+ readonly value: import("@angular/core").InputSignal<string>;
7
+ protected readonly checked: import("@angular/core").Signal<boolean>;
8
+ readonly disabledByInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
9
+ readonly disabled: import("@angular/core").Signal<boolean>;
10
+ readonly class: import("@angular/core").InputSignal<string>;
11
+ protected readonly _class: import("@angular/core").Signal<string>;
12
+ readonly inputClass: import("@angular/core").InputSignal<string>;
13
+ protected readonly _inputClass: import("@angular/core").Signal<string>;
14
+ protected readonly svgWrapperClass: import("@angular/core").InputSignal<string>;
15
+ readonly svgClass: import("@angular/core").InputSignal<string>;
16
+ protected readonly _svgClass: import("@angular/core").Signal<string>;
19
17
  toggle(): void;
20
18
  static ɵfac: i0.ɵɵFactoryDeclaration<ScRadioItem, never>;
21
- static ɵcmp: i0.ɵɵComponentDeclaration<ScRadioItem, "sc-radio-item", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "hostClass": { "alias": "hostClass"; "required": false; "isSignal": true; }; "circleHostClass": { "alias": "circleHostClass"; "required": false; "isSignal": true; }; "circleClass": { "alias": "circleClass"; "required": false; "isSignal": true; }; }, { "radioChecked": "radioChecked"; }, never, ["*"], true, never>;
19
+ static ɵcmp: i0.ɵɵComponentDeclaration<ScRadioItem, "sc-radio-item", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabledByInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; "svgWrapperClass": { "alias": "svgWrapperClass"; "required": false; "isSignal": true; }; "svgClass": { "alias": "svgClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
22
20
  }
@@ -0,0 +1,2 @@
1
+ export * from './re-captcha-v2';
2
+ export * from './re-captcha-v3';
@@ -0,0 +1,26 @@
1
+ import { OnInit } from '@angular/core';
2
+ import { ControlValueAccessor } from '@angular/forms';
3
+ import * as i0 from "@angular/core";
4
+ export declare class ScReCaptchaV2 implements OnInit, ControlValueAccessor {
5
+ private readonly document;
6
+ private readonly changeDetectorRef;
7
+ readonly siteKey: import("@angular/core").InputSignal<string>;
8
+ readonly theme: import("@angular/core").InputSignal<"light" | "dark">;
9
+ readonly size: import("@angular/core").InputSignal<"normal" | "compact">;
10
+ readonly tabindex: import("@angular/core").InputSignal<string>;
11
+ readonly languageCode: import("@angular/core").InputSignal<string>;
12
+ private readonly value;
13
+ private readonly disabledByCva;
14
+ ngOnInit(): void;
15
+ private addScript;
16
+ private registerReCaptchaCallbacks;
17
+ setValue(newValue: string | null): void;
18
+ writeValue(obj: any): void;
19
+ onChange: any;
20
+ onTouch: any;
21
+ registerOnChange(fn: any): void;
22
+ registerOnTouched(fn: any): void;
23
+ setDisabledState(isDisabled: boolean): void;
24
+ static ɵfac: i0.ɵɵFactoryDeclaration<ScReCaptchaV2, never>;
25
+ static ɵcmp: i0.ɵɵComponentDeclaration<ScReCaptchaV2, "sc-re-captcha-v2", never, { "siteKey": { "alias": "siteKey"; "required": true; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "languageCode": { "alias": "languageCode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
26
+ }
@@ -0,0 +1,13 @@
1
+ import { InjectionToken } from '@angular/core';
2
+ import { Observable } from 'rxjs';
3
+ import * as i0 from "@angular/core";
4
+ export declare const RE_CAPTCHA_V3_SITE_KEY: InjectionToken<string>;
5
+ export declare class ScReCaptchaV3 {
6
+ private readonly siteKey;
7
+ private readonly document;
8
+ constructor(siteKey: string);
9
+ private addScript;
10
+ execute(actionName: string): Observable<string>;
11
+ static ɵfac: i0.ɵɵFactoryDeclaration<ScReCaptchaV3, never>;
12
+ static ɵprov: i0.ɵɵInjectableDeclaration<ScReCaptchaV3>;
13
+ }
@@ -1,12 +1,10 @@
1
1
  import { AfterViewInit } from '@angular/core';
2
- import { ScrollbarVisibility } from 'ngx-scrollbar';
3
2
  import * as i0 from "@angular/core";
4
3
  export declare class ScScrollArea implements AfterViewInit {
5
- private host;
6
- class: import("@angular/core").InputSignal<string>;
7
- classes: import("@angular/core").Signal<string>;
8
- visibility: import("@angular/core").InputSignal<ScrollbarVisibility>;
4
+ private readonly host;
5
+ readonly classInput: import("@angular/core").InputSignal<string>;
6
+ protected readonly class: import("@angular/core").Signal<string>;
9
7
  ngAfterViewInit(): void;
10
8
  static ɵfac: i0.ɵɵFactoryDeclaration<ScScrollArea, never>;
11
- static ɵcmp: i0.ɵɵComponentDeclaration<ScScrollArea, "div[sc-scroll-area]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "visibility": { "alias": "visibility"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
9
+ static ɵcmp: i0.ɵɵComponentDeclaration<ScScrollArea, "div[sc-scroll-area]", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
12
10
  }
@@ -1,9 +1,29 @@
1
+ import { Highlightable } from '@angular/cdk/a11y';
1
2
  import { ElementRef } from '@angular/core';
2
3
  import * as i0 from "@angular/core";
3
- export declare class ScOption {
4
+ export declare class ScOption implements Highlightable {
5
+ private readonly state;
6
+ /** The unique ID of the option. */
7
+ readonly id: import("@angular/core").WritableSignal<string>;
8
+ readonly classInput: import("@angular/core").InputSignal<string>;
9
+ protected readonly class: import("@angular/core").Signal<string>;
10
+ isSelected: import("@angular/core").Signal<boolean>;
4
11
  value: import("@angular/core").InputSignal<unknown>;
5
12
  labelEl: import("@angular/core").Signal<ElementRef<HTMLSpanElement>>;
6
- label: import("@angular/core").Signal<string | undefined>;
13
+ label: import("@angular/core").Signal<string>;
14
+ private readonly element;
15
+ /** Gets the host DOM element. */
16
+ getHostElement(): HTMLElement;
17
+ readonly active: import("@angular/core").WritableSignal<boolean>;
18
+ setActiveStyles(): void;
19
+ setInactiveStyles(): void;
20
+ disabled: boolean | undefined;
21
+ getLabel(): string;
22
+ readonly disabledByInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
23
+ readonly _disabled: import("@angular/core").Signal<boolean>;
24
+ protected toggle(): void;
25
+ private select;
26
+ private deselect;
7
27
  static ɵfac: i0.ɵɵFactoryDeclaration<ScOption, never>;
8
- static ɵcmp: i0.ɵɵComponentDeclaration<ScOption, "sc-option", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
28
+ static ɵcmp: i0.ɵɵComponentDeclaration<ScOption, "sc-option", never, { "classInput": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabledByInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
9
29
  }
@@ -0,0 +1,7 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class ScSelectState {
3
+ value: import("@angular/core").WritableSignal<unknown>;
4
+ disabled: import("@angular/core").WritableSignal<boolean>;
5
+ static ɵfac: i0.ɵɵFactoryDeclaration<ScSelectState, never>;
6
+ static ɵprov: i0.ɵɵInjectableDeclaration<ScSelectState>;
7
+ }
@@ -5,9 +5,8 @@ import { ControlValueAccessor } from '@angular/forms';
5
5
  import { ScOption } from './option';
6
6
  import * as i0 from "@angular/core";
7
7
  export declare class ScSelect implements ControlValueAccessor {
8
- static nextId: number;
9
- id: number;
10
- _getPanelId(): string;
8
+ private readonly state;
9
+ protected readonly panelId: string;
11
10
  private readonly _cdr;
12
11
  _overlay: Overlay;
13
12
  _dir: Directionality | null;
@@ -17,12 +16,20 @@ export declare class ScSelect implements ControlValueAccessor {
17
16
  _panelTemplate: import("@angular/core").Signal<TemplateRef<unknown>>;
18
17
  placeholder: import("@angular/core").InputSignal<string>;
19
18
  isOpen: import("@angular/core").WritableSignal<boolean>;
20
- constructor();
21
19
  options: import("@angular/core").Signal<readonly ScOption[]>;
22
- value: import("@angular/core").ModelSignal<unknown>;
20
+ private readonly activeDescendant;
21
+ constructor();
22
+ /**
23
+ * Scrolls an option into view.
24
+ * @param option Option to be scrolled into view.
25
+ * @param position Position to which to align the option relative to the scrollable container.
26
+ */
27
+ scrollOptionIntoView(option: ScOption, position: ScrollLogicalPosition): void;
28
+ private readonly injector;
29
+ private readonly keyManager;
30
+ readonly value: import("@angular/core").ModelSignal<unknown>;
23
31
  isDisabled: import("@angular/core").WritableSignal<boolean>;
24
32
  writeValue(value: unknown): void;
25
- handleValueChange(v: readonly unknown[]): void;
26
33
  setValue(value: unknown): void;
27
34
  _onChange: (value: unknown) => void;
28
35
  _onTouched: () => void;
@@ -35,8 +42,16 @@ export declare class ScSelect implements ControlValueAccessor {
35
42
  private _getOverlayRef;
36
43
  open(): void;
37
44
  close(): void;
45
+ focusOnTrigger(): void;
46
+ /**
47
+ * Synchronizes the internal state of the component based on a specific selected date.
48
+ * @param value Currently selected date.
49
+ * @param options Options rendered out in the timepicker.
50
+ * @param fallback Option to set as active if no option is selected.
51
+ */
52
+ private syncSelectedState;
38
53
  /** Handles keyboard events while the overlay is open. */
39
54
  private _handleKeydown;
40
55
  static ɵfac: i0.ɵɵFactoryDeclaration<ScSelect, never>;
41
- static ɵcmp: i0.ɵɵComponentDeclaration<ScSelect, "sc-select", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["options"], never, true, never>;
56
+ static ɵcmp: i0.ɵɵComponentDeclaration<ScSelect, "sc-select", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["options"], ["*"], true, never>;
42
57
  }
@@ -0,0 +1 @@
1
+ export * from './separator';
@@ -0,0 +1,8 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class ScSeparator {
3
+ orientation: import("@angular/core").InputSignal<"horizontal" | "vertical">;
4
+ class: import("@angular/core").InputSignal<string>;
5
+ _class: import("@angular/core").Signal<string>;
6
+ static ɵfac: i0.ɵɵFactoryDeclaration<ScSeparator, never>;
7
+ static ɵcmp: i0.ɵɵComponentDeclaration<ScSeparator, "sc-separator", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
8
+ }
@@ -1,6 +1,6 @@
1
1
  import * as i0 from "@angular/core";
2
2
  export declare class ScSlider {
3
- private host;
3
+ private readonly host;
4
4
  class: import("@angular/core").InputSignal<string>;
5
5
  trackClass: import("@angular/core").WritableSignal<string>;
6
6
  thumbClass: import("@angular/core").WritableSignal<string>;
@@ -0,0 +1,4 @@
1
+ export * from './tab-group';
2
+ export * from './tab-item';
3
+ export * from './tab-label';
4
+ export * from './tab-content';
@@ -0,0 +1,7 @@
1
+ import { TemplateRef } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export declare class ScTabContent2 {
4
+ readonly template: import("@angular/core").Signal<TemplateRef<unknown>>;
5
+ static ɵfac: i0.ɵɵFactoryDeclaration<ScTabContent2, never>;
6
+ static ɵcmp: i0.ɵɵComponentDeclaration<ScTabContent2, "sc-tab-content2", never, {}, {}, never, ["*"], true, never>;
7
+ }
@@ -0,0 +1,11 @@
1
+ import { AfterViewInit } from '@angular/core';
2
+ import { ScTabContent2 } from './tab-content';
3
+ import { ScTabLabel2 } from './tab-label';
4
+ import * as i0 from "@angular/core";
5
+ export declare class ScTabGroup implements AfterViewInit {
6
+ readonly tabLabels: import("@angular/core").Signal<readonly ScTabLabel2[]>;
7
+ readonly tabContents: import("@angular/core").Signal<readonly ScTabContent2[]>;
8
+ ngAfterViewInit(): void;
9
+ static ɵfac: i0.ɵɵFactoryDeclaration<ScTabGroup, never>;
10
+ static ɵcmp: i0.ɵɵComponentDeclaration<ScTabGroup, "sc-tab-group", never, {}, {}, ["tabLabels", "tabContents"], ["*"], true, never>;
11
+ }
@@ -0,0 +1,5 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class ScTabItem {
3
+ static ɵfac: i0.ɵɵFactoryDeclaration<ScTabItem, never>;
4
+ static ɵcmp: i0.ɵɵComponentDeclaration<ScTabItem, "sc-tab-item", never, {}, {}, never, ["*"], true, never>;
5
+ }
@@ -0,0 +1,7 @@
1
+ import { TemplateRef } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export declare class ScTabLabel2 {
4
+ readonly template: import("@angular/core").Signal<TemplateRef<unknown>>;
5
+ static ɵfac: i0.ɵɵFactoryDeclaration<ScTabLabel2, never>;
6
+ static ɵcmp: i0.ɵɵComponentDeclaration<ScTabLabel2, "sc-tab-label2", never, {}, {}, never, ["*"], true, never>;
7
+ }
@@ -35,7 +35,7 @@ export declare class TelInputComponent implements ControlValueAccessor, DoCheck,
35
35
  onTouched: () => void;
36
36
  getLabelId(): string;
37
37
  private readonly _focused;
38
- private readonly _disabledByCva;
38
+ private readonly disabledByCva;
39
39
  private readonly _disabled;
40
40
  private readonly _focusMonitor;
41
41
  private readonly _elementRef;
@@ -1,4 +1,5 @@
1
1
  import { InputSignal, OnDestroy, OutputEmitterRef, Signal, TemplateRef } from '@angular/core';
2
+ import { ScSettings } from '../../utils';
2
3
  import { ScTimeOption } from './time-option';
3
4
  import * as i0 from "@angular/core";
4
5
  /**
@@ -15,6 +16,9 @@ export interface MatTimepickerSelected<D> {
15
16
  value: D;
16
17
  }
17
18
  export declare class ScTimePicker implements OnDestroy {
19
+ settings: ScSettings;
20
+ clock: InputSignal<"am-pm" | "24-hour" | undefined>;
21
+ _clock: Signal<"am-pm" | "24-hour" | undefined>;
18
22
  class: InputSignal<string>;
19
23
  classes: Signal<string>;
20
24
  private readonly _overlay;
@@ -93,5 +97,5 @@ export declare class ScTimePicker implements OnDestroy {
93
97
  */
94
98
  private _handleInputStateChanges;
95
99
  static ɵfac: i0.ɵɵFactoryDeclaration<ScTimePicker, never>;
96
- 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>;
100
+ static ɵcmp: i0.ɵɵComponentDeclaration<ScTimePicker, "sc-time-picker", never, { "clock": { "alias": "clock"; "required": false; "isSignal": true; }; "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>;
97
101
  }
@@ -0,0 +1,2 @@
1
+ export * from './toggle-group';
2
+ export * from './toggle-group-item';
@@ -0,0 +1,5 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class ScToggleGroupItem {
3
+ static ɵfac: i0.ɵɵFactoryDeclaration<ScToggleGroupItem, never>;
4
+ static ɵcmp: i0.ɵɵComponentDeclaration<ScToggleGroupItem, "sc-toggle-group-item", never, {}, {}, never, never, true, never>;
5
+ }
@@ -0,0 +1,8 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class ScToggleGroup {
3
+ type: import("@angular/core").InputSignal<"single" | "multiple">;
4
+ class: import("@angular/core").InputSignal<string>;
5
+ _class: import("@angular/core").Signal<string>;
6
+ static ɵfac: i0.ɵɵFactoryDeclaration<ScToggleGroup, never>;
7
+ static ɵcmp: i0.ɵɵComponentDeclaration<ScToggleGroup, "sc-toggle-group", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
8
+ }
@@ -0,0 +1,5 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class ScBlockquote {
3
+ static ɵfac: i0.ɵɵFactoryDeclaration<ScBlockquote, never>;
4
+ static ɵcmp: i0.ɵɵComponentDeclaration<ScBlockquote, "blockquote[sc-blockquote]", never, {}, {}, never, ["*"], true, never>;
5
+ }
@@ -1,8 +1,8 @@
1
1
  import * as i0 from "@angular/core";
2
2
  export declare class ScHeading {
3
- level: import("@angular/core").InputSignal<1 | 2 | 3 | 4 | 5 | 6 | null | undefined>;
4
- class: import("@angular/core").InputSignal<string>;
5
- classes: import("@angular/core").Signal<string>;
3
+ readonly level: import("@angular/core").InputSignal<"1" | "2" | "3" | "4" | "5" | "6" | null | undefined>;
4
+ readonly classInput: import("@angular/core").InputSignal<string>;
5
+ protected readonly class: import("@angular/core").Signal<string>;
6
6
  static ɵfac: i0.ɵɵFactoryDeclaration<ScHeading, never>;
7
- 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>;
7
+ 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; }; "classInput": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
8
8
  }
@@ -1,2 +1,3 @@
1
1
  export * from './heading';
2
2
  export * from './article';
3
+ export * from './blockquote';
@@ -1,2 +1 @@
1
- export * from './css';
2
1
  export * from './settings';
@@ -1,5 +1,6 @@
1
1
  import * as i0 from "@angular/core";
2
2
  export declare class ScSettings {
3
+ clock: import("@angular/core").WritableSignal<"am-pm" | "24-hour">;
3
4
  dateFormatPattern: import("@angular/core").WritableSignal<string>;
4
5
  private readonly localeId;
5
6
  constructor();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semantic-components/ui",
3
- "version": "0.12.0",
3
+ "version": "0.14.0",
4
4
  "private": false,
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -11,7 +11,7 @@
11
11
  "@angular/cdk": ">=19.0.0",
12
12
  "@angular/forms": ">=19.0.0",
13
13
  "@tiptap/core": "^2.10.3",
14
- "@semantic-icons/lucide-icons": "^0.9.0",
14
+ "@semantic-icons/lucide-icons": ">=0.10.0",
15
15
  "@tiptap/extension-blockquote": "^2.10.3",
16
16
  "@tiptap/extension-bold": "^2.10.3",
17
17
  "@tiptap/extension-bullet-list": "^2.10.3",
@@ -40,11 +40,10 @@
40
40
  "@tiptap/extension-table-cell": "^2.10.3",
41
41
  "@tiptap/extension-table": "^2.10.3",
42
42
  "class-variance-authority": "^0.7.1",
43
- "clsx": "^2.1.1",
44
- "tailwind-merge": "^2.5.2",
45
- "ngx-scrollbar": "^16.1.1",
46
43
  "embla-carousel": "^8.5.1",
47
- "rxjs": "~7.8.1"
44
+ "rxjs": "~7.8.1",
45
+ "@semantic-components/utils": "0.2.0",
46
+ "@semantic-components/supabase": ">=0.0.1"
48
47
  },
49
48
  "sideEffects": false,
50
49
  "repository": {
@@ -1,12 +0,0 @@
1
- import { ScExtensions } from './extensions';
2
- import * as i0 from "@angular/core";
3
- export declare class ScExtensionBlockquote {
4
- ariaLabel: string;
5
- private readonly parent;
6
- extensions: ScExtensions;
7
- constructor();
8
- get editor(): import("@tiptap/core").Editor;
9
- toggleBlockquote(): void;
10
- static ɵfac: i0.ɵɵFactoryDeclaration<ScExtensionBlockquote, never>;
11
- static ɵcmp: i0.ɵɵComponentDeclaration<ScExtensionBlockquote, "sc-extension-blockquote", never, {}, {}, never, never, true, never>;
12
- }
@@ -1,12 +0,0 @@
1
- import { ScExtensions } from './extensions';
2
- import * as i0 from "@angular/core";
3
- export declare class ScExtensionBold {
4
- ariaLabel: string;
5
- private readonly parent;
6
- extensions: ScExtensions;
7
- constructor();
8
- get editor(): import("@tiptap/core").Editor;
9
- toggleBold(): void;
10
- static ɵfac: i0.ɵɵFactoryDeclaration<ScExtensionBold, never>;
11
- static ɵcmp: i0.ɵɵComponentDeclaration<ScExtensionBold, "sc-extension-bold", never, {}, {}, never, never, true, never>;
12
- }
@@ -1,12 +0,0 @@
1
- import { ScExtensions } from './extensions';
2
- import * as i0 from "@angular/core";
3
- export declare class ScExtensionBulletList {
4
- ariaLabel: string;
5
- private readonly parent;
6
- extensions: ScExtensions;
7
- constructor();
8
- get editor(): import("@tiptap/core").Editor;
9
- toggleBulletList(): void;
10
- static ɵfac: i0.ɵɵFactoryDeclaration<ScExtensionBulletList, never>;
11
- static ɵcmp: i0.ɵɵComponentDeclaration<ScExtensionBulletList, "sc-extension-bullet-list", never, {}, {}, never, never, true, never>;
12
- }
@@ -1,12 +0,0 @@
1
- import { ScExtensions } from './extensions';
2
- import * as i0 from "@angular/core";
3
- export declare class ScExtensionCode {
4
- ariaLabel: string;
5
- private readonly parent;
6
- extensions: ScExtensions;
7
- constructor();
8
- get editor(): import("@tiptap/core").Editor;
9
- toggleCode(): void;
10
- static ɵfac: i0.ɵɵFactoryDeclaration<ScExtensionCode, never>;
11
- static ɵcmp: i0.ɵɵComponentDeclaration<ScExtensionCode, "sc-extension-code", never, {}, {}, never, never, true, never>;
12
- }
@@ -1,12 +0,0 @@
1
- import { ScExtensions } from './extensions';
2
- import * as i0 from "@angular/core";
3
- export declare class ScExtensionHighlight {
4
- ariaLabel: string;
5
- private readonly parent;
6
- extensions: ScExtensions;
7
- constructor();
8
- get editor(): import("@tiptap/core").Editor;
9
- toggleHighlight(): void;
10
- static ɵfac: i0.ɵɵFactoryDeclaration<ScExtensionHighlight, never>;
11
- static ɵcmp: i0.ɵɵComponentDeclaration<ScExtensionHighlight, "sc-extension-highlight", never, {}, {}, never, never, true, never>;
12
- }
@@ -1,14 +0,0 @@
1
- import { ScExtensions } from './extensions';
2
- import * as i0 from "@angular/core";
3
- export declare class ScExtensionHistory {
4
- ariaLabel1: string;
5
- ariaLabel2: string;
6
- private readonly parent;
7
- extensions: ScExtensions;
8
- constructor();
9
- get editor(): import("@tiptap/core").Editor;
10
- undo(): void;
11
- redo(): void;
12
- static ɵfac: i0.ɵɵFactoryDeclaration<ScExtensionHistory, never>;
13
- static ɵcmp: i0.ɵɵComponentDeclaration<ScExtensionHistory, "sc-extension-history", never, {}, {}, never, never, true, never>;
14
- }
@@ -1,12 +0,0 @@
1
- import { ScExtensions } from './extensions';
2
- import * as i0 from "@angular/core";
3
- export declare class ScExtensionHorizontalRule {
4
- ariaLabel: string;
5
- private readonly parent;
6
- extensions: ScExtensions;
7
- constructor();
8
- get editor(): import("@tiptap/core").Editor;
9
- setHorizontalRule(): void;
10
- static ɵfac: i0.ɵɵFactoryDeclaration<ScExtensionHorizontalRule, never>;
11
- static ɵcmp: i0.ɵɵComponentDeclaration<ScExtensionHorizontalRule, "sc-extension-horizontal-rule", never, {}, {}, never, never, true, never>;
12
- }
@@ -1,12 +0,0 @@
1
- import { ScExtensions } from './extensions';
2
- import * as i0 from "@angular/core";
3
- export declare class ScExtensionItalic {
4
- ariaLabel: string;
5
- private readonly parent;
6
- extensions: ScExtensions;
7
- constructor();
8
- get editor(): import("@tiptap/core").Editor;
9
- toggleItalic(): void;
10
- static ɵfac: i0.ɵɵFactoryDeclaration<ScExtensionItalic, never>;
11
- static ɵcmp: i0.ɵɵComponentDeclaration<ScExtensionItalic, "sc-extension-italic", never, {}, {}, never, never, true, never>;
12
- }
@@ -1,12 +0,0 @@
1
- import { ScExtensions } from './extensions';
2
- import * as i0 from "@angular/core";
3
- export declare class ScExtensionOrderedList {
4
- ariaLabel: string;
5
- private readonly parent;
6
- extensions: ScExtensions;
7
- constructor();
8
- get editor(): import("@tiptap/core").Editor;
9
- toggleOrderedList(): void;
10
- static ɵfac: i0.ɵɵFactoryDeclaration<ScExtensionOrderedList, never>;
11
- static ɵcmp: i0.ɵɵComponentDeclaration<ScExtensionOrderedList, "sc-extension-ordered-list", never, {}, {}, never, never, true, never>;
12
- }
@@ -1,8 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class ScExtensionParagraph {
3
- private readonly parent;
4
- get editor(): import("@tiptap/core").Editor;
5
- setParagraph(): void;
6
- static ɵfac: i0.ɵɵFactoryDeclaration<ScExtensionParagraph, never>;
7
- static ɵcmp: i0.ɵɵComponentDeclaration<ScExtensionParagraph, "sc-extension-paragraph", never, {}, {}, never, never, true, never>;
8
- }
@@ -1,12 +0,0 @@
1
- import { ScExtensions } from './extensions';
2
- import * as i0 from "@angular/core";
3
- export declare class ScExtensionStrike {
4
- ariaLabel: string;
5
- private readonly parent;
6
- extensions: ScExtensions;
7
- constructor();
8
- get editor(): import("@tiptap/core").Editor;
9
- toggleStrike(): void;
10
- static ɵfac: i0.ɵɵFactoryDeclaration<ScExtensionStrike, never>;
11
- static ɵcmp: i0.ɵɵComponentDeclaration<ScExtensionStrike, "sc-extension-strike", never, {}, {}, never, never, true, never>;
12
- }
@@ -1,16 +0,0 @@
1
- import { ScExtensions } from './extensions';
2
- import * as i0 from "@angular/core";
3
- export declare class ScExtensionTextAlignAction {
4
- ariaLabel1: string;
5
- ariaLabel2: string;
6
- ariaLabel3: string;
7
- private readonly parent;
8
- extensions: ScExtensions;
9
- constructor();
10
- get editor(): import("@tiptap/core").Editor;
11
- setLeftAlign(): void;
12
- setCenterAlign(): void;
13
- setRightAlign(): void;
14
- static ɵfac: i0.ɵɵFactoryDeclaration<ScExtensionTextAlignAction, never>;
15
- static ɵcmp: i0.ɵɵComponentDeclaration<ScExtensionTextAlignAction, "sc-extension-text-align", never, {}, {}, never, never, true, never>;
16
- }
@@ -1,12 +0,0 @@
1
- import { ScExtensions } from './extensions';
2
- import * as i0 from "@angular/core";
3
- export declare class ScExtensionUnderline {
4
- ariaLabel: string;
5
- private readonly parent;
6
- extensions: ScExtensions;
7
- constructor();
8
- get editor(): import("@tiptap/core").Editor;
9
- toggleUnderline(): void;
10
- static ɵfac: i0.ɵɵFactoryDeclaration<ScExtensionUnderline, never>;
11
- static ɵcmp: i0.ɵɵComponentDeclaration<ScExtensionUnderline, "sc-extension-underline", never, {}, {}, never, never, true, never>;
12
- }
@@ -1,5 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class ScExtensionsGroup {
3
- static ɵfac: i0.ɵɵFactoryDeclaration<ScExtensionsGroup, never>;
4
- static ɵcmp: i0.ɵɵComponentDeclaration<ScExtensionsGroup, "sc-extensions-group", never, {}, {}, never, ["*"], true, never>;
5
- }
@@ -1,7 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class ScExtensionsSeparator {
3
- class: import("@angular/core").InputSignal<string>;
4
- classes: import("@angular/core").Signal<string>;
5
- static ɵfac: i0.ɵɵFactoryDeclaration<ScExtensionsSeparator, never>;
6
- static ɵcmp: i0.ɵɵComponentDeclaration<ScExtensionsSeparator, "sc-extensions-separator", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
7
- }
@@ -1,8 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class ScListboxOption {
3
- class: import("@angular/core").InputSignal<string>;
4
- classes: import("@angular/core").Signal<string>;
5
- isSelected: import("@angular/core").InputSignal<boolean>;
6
- static ɵfac: i0.ɵɵFactoryDeclaration<ScListboxOption, never>;
7
- static ɵcmp: i0.ɵɵComponentDeclaration<ScListboxOption, "li[sc-listbox-option]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "isSelected": { "alias": "isSelected"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
8
- }
@@ -1,7 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class ScListbox {
3
- class: import("@angular/core").InputSignal<string>;
4
- classes: import("@angular/core").Signal<string>;
5
- static ɵfac: i0.ɵɵFactoryDeclaration<ScListbox, never>;
6
- static ɵcmp: i0.ɵɵComponentDeclaration<ScListbox, "ul[sc-listbox]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
7
- }