@semantic-components/ui 0.11.0 → 0.13.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 (77) hide show
  1. package/fesm2022/semantic-components-ui.mjs +2515 -871
  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 +14 -5
  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/date-picker/date-input.d.ts +9 -0
  11. package/lib/components/date-picker/date-picker.d.ts +3 -7
  12. package/lib/components/editor/actions/editor-redo.d.ts +12 -0
  13. package/lib/components/editor/actions/editor-text-align-center.d.ts +12 -0
  14. package/lib/components/editor/actions/editor-text-align-left.d.ts +12 -0
  15. package/lib/components/editor/actions/editor-text-align-right.d.ts +12 -0
  16. package/lib/components/editor/actions/editor-undo.d.ts +12 -0
  17. package/lib/components/editor/actions/editor-unset-link.d.ts +14 -0
  18. package/lib/components/editor/editor-group.d.ts +7 -0
  19. package/lib/components/editor/editor-toolbar.d.ts +7 -0
  20. package/lib/components/editor/extensions/extension-link.d.ts +0 -1
  21. package/lib/components/editor/extensions/extensions.d.ts +10 -3
  22. package/lib/components/file-upload/drop-zone.d.ts +11 -0
  23. package/lib/components/file-upload/file-card.d.ts +12 -0
  24. package/lib/components/file-upload/file-preview.d.ts +7 -0
  25. package/lib/components/file-upload/file-upload.d.ts +9 -0
  26. package/lib/components/file-upload/file-uploader.d.ts +16 -0
  27. package/lib/components/file-upload/file.d.ts +4 -0
  28. package/lib/components/file-upload/image.d.ts +7 -0
  29. package/lib/components/file-upload/index.d.ts +3 -0
  30. package/lib/components/file-upload/single-file-uploader.d.ts +18 -0
  31. package/lib/components/file-upload/utils.d.ts +4 -0
  32. package/lib/components/hover-card/hover-card-trigger-for.d.ts +5 -5
  33. package/lib/components/input/input.d.ts +4 -3
  34. package/lib/components/menu/menu-checkbox-item.d.ts +1 -1
  35. package/lib/components/menu/menu-group.d.ts +2 -2
  36. package/lib/components/page/index.d.ts +4 -0
  37. package/lib/components/page/page-description.d.ts +7 -0
  38. package/lib/components/page/page-subtitle.d.ts +7 -0
  39. package/lib/components/page/page-title.d.ts +7 -0
  40. package/lib/components/page/section.d.ts +5 -0
  41. package/lib/components/popover/popover-trigger-for.d.ts +3 -3
  42. package/lib/components/radio-group/radio-item.d.ts +15 -17
  43. package/lib/components/scroll-area/scroll-area.d.ts +4 -6
  44. package/lib/components/select/option.d.ts +23 -3
  45. package/lib/components/select/select-state.d.ts +7 -0
  46. package/lib/components/select/select.d.ts +22 -7
  47. package/lib/components/separator/index.d.ts +1 -0
  48. package/lib/components/separator/separator.d.ts +8 -0
  49. package/lib/components/sidebar/sidebar.d.ts +2 -3
  50. package/lib/components/slider/slider.d.ts +1 -1
  51. package/lib/components/tab-group/index.d.ts +4 -0
  52. package/lib/components/tab-group/tab-content.d.ts +7 -0
  53. package/lib/components/tab-group/tab-group.d.ts +11 -0
  54. package/lib/components/tab-group/tab-item.d.ts +5 -0
  55. package/lib/components/tab-group/tab-label.d.ts +7 -0
  56. package/lib/components/time-picker/index.d.ts +1 -0
  57. package/lib/components/time-picker/time-option.d.ts +28 -0
  58. package/lib/components/time-picker/time-picker-input.d.ts +7 -0
  59. package/lib/components/time-picker/time-picker.d.ts +101 -0
  60. package/lib/components/toggle-group/index.d.ts +2 -0
  61. package/lib/components/toggle-group/toggle-group-item.d.ts +5 -0
  62. package/lib/components/toggle-group/toggle-group.d.ts +8 -0
  63. package/lib/components/typography/blockquote.d.ts +5 -0
  64. package/lib/components/typography/heading.d.ts +4 -4
  65. package/lib/components/typography/index.d.ts +1 -0
  66. package/lib/utils/index.d.ts +1 -2
  67. package/lib/utils/settings.d.ts +10 -0
  68. package/package.json +5 -6
  69. package/lib/components/editor/extensions/extension-history.d.ts +0 -14
  70. package/lib/components/editor/extensions/extension-text-align.d.ts +0 -16
  71. package/lib/components/editor/toolbar/extensions-group.d.ts +0 -5
  72. package/lib/components/editor/toolbar/extensions-separator.d.ts +0 -7
  73. package/lib/components/select/listbox-option.d.ts +0 -8
  74. package/lib/components/select/listbox.d.ts +0 -7
  75. /package/lib/components/{menubar → menu-bar}/index.d.ts +0 -0
  76. /package/lib/components/{menubar → menu-bar}/menu-bar-item.d.ts +0 -0
  77. /package/lib/components/{menubar → menu-bar}/menu-bar.d.ts +0 -0
@@ -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,8 +1,7 @@
1
- import { BreakpointObserver } from '@angular/cdk/layout';
2
1
  import { ScSidebarState } from './sidebar-state';
3
2
  import * as i0 from "@angular/core";
4
3
  export declare class ScSidebar {
5
- private observer;
4
+ private readonly observer;
6
5
  sidebarState: ScSidebarState;
7
6
  class: import("@angular/core").InputSignal<string>;
8
7
  classes: import("@angular/core").Signal<string>;
@@ -14,7 +13,7 @@ export declare class ScSidebar {
14
13
  state: import("@angular/core").Signal<"expanded" | "collapsed">;
15
14
  classes1: import("@angular/core").WritableSignal<string>;
16
15
  classes2: import("@angular/core").WritableSignal<string>;
17
- constructor(observer: BreakpointObserver);
16
+ constructor();
18
17
  static ɵfac: i0.ɵɵFactoryDeclaration<ScSidebar, never>;
19
18
  static ɵcmp: i0.ɵɵComponentDeclaration<ScSidebar, "sc-sidebar", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
20
19
  }
@@ -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
+ }
@@ -0,0 +1 @@
1
+ export * from './time-picker';
@@ -0,0 +1,28 @@
1
+ import { Highlightable } from '@angular/cdk/a11y';
2
+ import * as i0 from "@angular/core";
3
+ export declare class ScTimeOption implements Highlightable {
4
+ /** The unique ID of the option. */
5
+ id: import("@angular/core").WritableSignal<string>;
6
+ class: import("@angular/core").InputSignal<string>;
7
+ _class: import("@angular/core").Signal<string>;
8
+ _active: import("@angular/core").WritableSignal<boolean>;
9
+ _selected: import("@angular/core").WritableSignal<boolean>;
10
+ readonly _disabledByInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
11
+ readonly _disabled: import("@angular/core").Signal<boolean>;
12
+ value: import("@angular/core").InputSignal<string | undefined>;
13
+ setActiveStyles(): void;
14
+ setInactiveStyles(): void;
15
+ disabled: boolean | undefined;
16
+ getLabel?(): string;
17
+ private readonly _element;
18
+ /** Gets the host DOM element. */
19
+ _getHostElement(): HTMLElement;
20
+ /** Selects the option. */
21
+ select(): void;
22
+ /** Deselects the option. */
23
+ deselect(): void;
24
+ onClick(): void;
25
+ selected: import("@angular/core").OutputEmitterRef<string | undefined>;
26
+ static ɵfac: i0.ɵɵFactoryDeclaration<ScTimeOption, never>;
27
+ static ɵcmp: i0.ɵɵComponentDeclaration<ScTimeOption, "sc-time-option", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "_disabledByInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "selected": "selected"; }, never, ["*"], true, never>;
28
+ }
@@ -0,0 +1,7 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class ScTimePickerInput {
3
+ class: import("@angular/core").InputSignal<string>;
4
+ classes: import("@angular/core").Signal<string>;
5
+ static ɵfac: i0.ɵɵFactoryDeclaration<ScTimePickerInput, never>;
6
+ static ɵdir: i0.ɵɵDirectiveDeclaration<ScTimePickerInput, "[scTimePickerInput]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
7
+ }
@@ -0,0 +1,101 @@
1
+ import { InputSignal, OnDestroy, OutputEmitterRef, Signal, TemplateRef } from '@angular/core';
2
+ import { ScSettings } from '../../utils';
3
+ import { ScTimeOption } from './time-option';
4
+ import * as i0 from "@angular/core";
5
+ /**
6
+ * Time selection option that can be displayed within a `mat-timepicker`.
7
+ */
8
+ export interface MatTimepickerOption<D = unknown> {
9
+ /** Date value of the option. */
10
+ value: D;
11
+ /** Label to show to the user. */
12
+ label: string;
13
+ }
14
+ /** Event emitted when a value is selected in the timepicker. */
15
+ export interface MatTimepickerSelected<D> {
16
+ value: D;
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>;
22
+ class: InputSignal<string>;
23
+ classes: Signal<string>;
24
+ private readonly _overlay;
25
+ private readonly _dir;
26
+ private readonly _viewContainerRef;
27
+ private readonly _injector;
28
+ private readonly _isOpen;
29
+ private readonly _activeDescendant;
30
+ private readonly _input;
31
+ private _overlayRef;
32
+ private _portal;
33
+ private readonly _optionsCacheKey;
34
+ private readonly _localeChanges;
35
+ private _onOpenRender;
36
+ protected _panelTemplate: Signal<TemplateRef<unknown>>;
37
+ protected _timeOptions: readonly MatTimepickerOption<string>[];
38
+ protected _options: Signal<readonly ScTimeOption[]>;
39
+ private readonly _keyManager;
40
+ /**
41
+ * Interval between each option in the timepicker. The value can either be an amount of
42
+ * seconds (e.g. 90) or a number with a unit (e.g. 45m). Supported units are `s` for seconds,
43
+ * `m` for minutes or `h` for hours.
44
+ */
45
+ /**
46
+ * Array of pre-defined options that the user can select from, as an alternative to using the
47
+ * `interval` input. An error will be thrown if both `options` and `interval` are specified.
48
+ */
49
+ readonly options: InputSignal<readonly MatTimepickerOption<string>[] | null>;
50
+ /** Whether the timepicker is open. */
51
+ readonly isOpen: Signal<boolean>;
52
+ /** Emits when the user selects a time. */
53
+ readonly selected: OutputEmitterRef<MatTimepickerSelected<string>>;
54
+ /** Emits when the timepicker is opened. */
55
+ readonly opened: OutputEmitterRef<void>;
56
+ /** Emits when the timepicker is closed. */
57
+ readonly closed: OutputEmitterRef<void>;
58
+ /** ID of the active descendant option. */
59
+ readonly activeDescendant: Signal<string | null>;
60
+ /** Unique ID of the timepicker's panel */
61
+ readonly panelId: string;
62
+ /** Whether ripples within the timepicker should be disabled. */
63
+ /** ARIA label for the timepicker panel. */
64
+ readonly ariaLabel: InputSignal<string | null>;
65
+ /** ID of the label element for the timepicker panel. */
66
+ readonly ariaLabelledby: InputSignal<string | null>;
67
+ /** Whether the timepicker is currently disabled. */
68
+ readonly disabled: Signal<boolean>;
69
+ constructor();
70
+ /** Opens the timepicker. */
71
+ open(): void;
72
+ /** Closes the timepicker. */
73
+ close(): void;
74
+ /** Registers an input with the timepicker. */
75
+ ngOnDestroy(): void;
76
+ /** Selects a specific time value. */
77
+ protected _selectValue(value: string): void;
78
+ /** Gets the value of the `aria-labelledby` attribute. */
79
+ protected _getAriaLabelledby(): string | null;
80
+ /** Creates an overlay reference for the timepicker panel. */
81
+ private _getOverlayRef;
82
+ /** Generates the list of options from which the user can select.. */
83
+ private _generateOptions;
84
+ /**
85
+ * Synchronizes the internal state of the component based on a specific selected date.
86
+ * @param value Currently selected date.
87
+ * @param options Options rendered out in the timepicker.
88
+ * @param fallback Option to set as active if no option is selected.
89
+ */
90
+ private _syncSelectedState;
91
+ /** Handles keyboard events while the overlay is open. */
92
+ private _handleKeydown;
93
+ /** Sets up the logic that updates the timepicker when the locale changes. */
94
+ private _handleLocaleChanges;
95
+ /**
96
+ * Sets up the logic that updates the timepicker when the state of the connected input changes.
97
+ */
98
+ private _handleInputStateChanges;
99
+ static ɵfac: i0.ɵɵFactoryDeclaration<ScTimePicker, 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>;
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
- import { type ClassValue } from 'clsx';
2
- export declare function cn(...inputs: ClassValue[]): string;
1
+ export * from './settings';
@@ -0,0 +1,10 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class ScSettings {
3
+ clock: import("@angular/core").WritableSignal<"am-pm" | "24-hour">;
4
+ dateFormatPattern: import("@angular/core").WritableSignal<string>;
5
+ private readonly localeId;
6
+ constructor();
7
+ getDateFormatPattern(localeId: string): string;
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<ScSettings, never>;
9
+ static ɵprov: i0.ɵɵInjectableDeclaration<ScSettings>;
10
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semantic-components/ui",
3
- "version": "0.11.0",
3
+ "version": "0.13.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.1.0",
46
+ "@semantic-components/supabase": ">=0.0.1"
48
47
  },
49
48
  "sideEffects": false,
50
49
  "repository": {
@@ -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,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,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
- }
File without changes