@semantic-components/ui 0.3.0 → 0.3.1
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.
- package/README.md +13 -13
- package/fesm2022/semantic-components-ui.mjs +8738 -1137
- package/fesm2022/semantic-components-ui.mjs.map +1 -1
- package/index.d.ts +15 -6
- package/lib/components/breadcrumb/breadcrumb-elipssis.d.ts +5 -0
- package/lib/components/breadcrumb/breadcrumb-item.d.ts +5 -0
- package/lib/components/breadcrumb/breadcrumb-link.d.ts +5 -0
- package/lib/components/breadcrumb/breadcrumb-list.d.ts +5 -0
- package/lib/components/breadcrumb/breadcrumb-page.d.ts +5 -0
- package/lib/components/breadcrumb/breadcrumb-separator.d.ts +5 -0
- package/lib/components/breadcrumb/breadcrumb.d.ts +6 -0
- package/lib/components/breadcrumb/index.d.ts +7 -0
- package/lib/components/button/button.d.ts +7 -0
- package/lib/components/button/index.d.ts +1 -0
- package/lib/components/editor/editor.d.ts +25 -0
- package/lib/components/editor/extensions/extension-blockquote.d.ts +11 -0
- package/lib/components/editor/extensions/extension-bold.d.ts +11 -0
- package/lib/components/editor/extensions/extension-bullet-list.d.ts +11 -0
- package/lib/components/editor/extensions/extension-code.d.ts +11 -0
- package/lib/components/editor/extensions/extension-color.d.ts +12 -0
- package/lib/components/editor/extensions/extension-font-family.d.ts +11 -0
- package/lib/components/editor/extensions/extension-heading.d.ts +9 -0
- package/lib/components/editor/extensions/extension-highlight.d.ts +11 -0
- package/lib/components/editor/extensions/extension-history.d.ts +12 -0
- package/lib/components/editor/extensions/extension-horizontal-rule.d.ts +11 -0
- package/lib/components/editor/extensions/extension-image.d.ts +15 -0
- package/lib/components/editor/extensions/extension-italic.d.ts +11 -0
- package/lib/components/editor/extensions/extension-link.d.ts +14 -0
- package/lib/components/editor/extensions/extension-ordered-list.d.ts +11 -0
- package/lib/components/editor/extensions/extension-paragraph.d.ts +8 -0
- package/lib/components/editor/extensions/extension-strike.d.ts +11 -0
- package/lib/components/editor/extensions/extension-table.d.ts +30 -0
- package/lib/components/editor/extensions/extension-text-align.d.ts +13 -0
- package/lib/components/editor/extensions/extension-text-style.d.ts +11 -0
- package/lib/components/editor/extensions/extension-underline.d.ts +11 -0
- package/lib/components/editor/extensions/extension-youtube.d.ts +15 -0
- package/lib/components/editor/extensions/extensions.d.ts +24 -0
- package/lib/components/editor/toolbar/add-cell-attribute-dialog.d.ts +18 -0
- package/lib/components/editor/toolbar/add-image-dialog.d.ts +21 -0
- package/lib/components/editor/toolbar/add-link-dialog.d.ts +15 -0
- package/lib/components/editor/toolbar/add-video-dialog.d.ts +26 -0
- package/lib/components/editor/toolbar/extensions-group.d.ts +5 -0
- package/lib/components/editor/toolbar/extensions-separator.d.ts +5 -0
- package/lib/components/input/index.d.ts +1 -0
- package/lib/components/input/input.d.ts +5 -0
- package/lib/components/label/index.d.ts +1 -0
- package/lib/components/label/label.d.ts +5 -0
- package/lib/components/nav/index.d.ts +5 -0
- package/lib/components/nav/nav-button-base.d.ts +5 -0
- package/lib/components/nav/nav-button.d.ts +6 -0
- package/lib/components/nav/nav-item-dropdown.d.ts +6 -0
- package/lib/components/nav/nav-item.d.ts +5 -0
- package/lib/components/nav/nav-link.d.ts +6 -0
- package/lib/components/nav/nav-list.d.ts +5 -0
- package/lib/components/nav/nav.d.ts +5 -0
- package/lib/components/paginator/index.d.ts +2 -0
- package/lib/components/paginator/page-event.d.ts +10 -0
- package/lib/components/paginator/page-item.d.ts +10 -0
- package/lib/components/paginator/paginator.d.ts +37 -0
- package/lib/components/progress/index.d.ts +1 -0
- package/lib/components/progress/progress.d.ts +8 -0
- package/lib/components/select/index.d.ts +2 -0
- package/lib/components/select/option.d.ts +11 -0
- package/lib/components/select/select-state.d.ts +9 -0
- package/lib/components/select/select.d.ts +40 -0
- package/lib/components/sidebar/constants.d.ts +2 -0
- package/lib/components/sidebar/index.d.ts +1 -0
- package/lib/components/sidebar/sidebar-content.d.ts +5 -0
- package/lib/components/sidebar/sidebar-footer.d.ts +5 -0
- package/lib/components/sidebar/sidebar-header.d.ts +5 -0
- package/lib/components/sidebar/sidebar-layout.d.ts +20 -0
- package/lib/components/sidebar/sidebar.d.ts +10 -0
- package/lib/components/textarea/index.d.ts +1 -0
- package/lib/components/textarea/textarea.d.ts +5 -0
- package/lib/components/theme-toggler/index.d.ts +2 -0
- package/lib/components/theme-toggler/theme-provider-factory.d.ts +1 -0
- package/lib/components/theme-toggler/theme-toggler.d.ts +9 -0
- package/lib/components/theme-toggler/theme.d.ts +8 -0
- package/lib/components/tooltip/tooltip-container.d.ts +6 -0
- package/{components → lib/components}/tooltip/tooltip.d.ts +5 -3
- package/package.json +35 -10
- package/components/editor/editor.d.ts +0 -5
- package/components/nav/index.d.ts +0 -3
- package/components/nav/nav-item-dropdown.component.d.ts +0 -5
- package/components/nav/nav-item.component.d.ts +0 -5
- package/components/nav/nav.component.d.ts +0 -5
- package/components/select/index.d.ts +0 -2
- package/components/select/select-option.component.d.ts +0 -7
- package/components/select/select.component.d.ts +0 -55
- package/components/tooltip/tooltip-container.d.ts +0 -7
- package/esm2022/components/date-picker/date-picker.component.mjs +0 -189
- package/esm2022/components/date-picker/index.mjs +0 -3
- package/esm2022/components/date-picker/inline-date-picker.component.mjs +0 -185
- package/esm2022/components/date-picker/month-days.component.mjs +0 -69
- package/esm2022/components/date-picker/month-year-header.component.mjs +0 -124
- package/esm2022/components/date-picker/week-days-names.component.mjs +0 -37
- package/esm2022/components/dropdown/dropdown-divider.component.mjs +0 -16
- package/esm2022/components/dropdown/dropdown-item.component.mjs +0 -33
- package/esm2022/components/dropdown/dropdown.component.mjs +0 -85
- package/esm2022/components/dropdown/index.mjs +0 -4
- package/esm2022/components/editor/editor.mjs +0 -16
- package/esm2022/components/editor/index.mjs +0 -2
- package/esm2022/components/nav/index.mjs +0 -4
- package/esm2022/components/nav/nav-item-dropdown.component.mjs +0 -148
- package/esm2022/components/nav/nav-item.component.mjs +0 -16
- package/esm2022/components/nav/nav.component.mjs +0 -16
- package/esm2022/components/select/index.mjs +0 -3
- package/esm2022/components/select/select-option.component.mjs +0 -28
- package/esm2022/components/select/select.component.mjs +0 -252
- package/esm2022/components/tooltip/index.mjs +0 -2
- package/esm2022/components/tooltip/tooltip-container.mjs +0 -58
- package/esm2022/components/tooltip/tooltip.mjs +0 -79
- package/esm2022/index.mjs +0 -7
- package/esm2022/semantic-components-ui.mjs +0 -5
- /package/{components → lib/components}/date-picker/date-picker.component.d.ts +0 -0
- /package/{components → lib/components}/date-picker/index.d.ts +0 -0
- /package/{components → lib/components}/date-picker/inline-date-picker.component.d.ts +0 -0
- /package/{components → lib/components}/date-picker/month-days.component.d.ts +0 -0
- /package/{components → lib/components}/date-picker/month-year-header.component.d.ts +0 -0
- /package/{components → lib/components}/date-picker/week-days-names.component.d.ts +0 -0
- /package/{components → lib/components}/dropdown/dropdown-divider.component.d.ts +0 -0
- /package/{components → lib/components}/dropdown/dropdown-item.component.d.ts +0 -0
- /package/{components → lib/components}/dropdown/dropdown.component.d.ts +0 -0
- /package/{components → lib/components}/dropdown/index.d.ts +0 -0
- /package/{components → lib/components}/editor/index.d.ts +0 -0
- /package/{components → lib/components}/tooltip/index.d.ts +0 -0
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Change event object that is emitted when the user selects a
|
|
3
|
+
* different page size or navigates to another page.
|
|
4
|
+
*/
|
|
5
|
+
export interface ScPageEvent {
|
|
6
|
+
/** The current page index. */
|
|
7
|
+
page: number;
|
|
8
|
+
/** The current page size. */
|
|
9
|
+
pageSize: number;
|
|
10
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class ScPageItem {
|
|
3
|
+
currentPage: import("@angular/core").InputSignal<number>;
|
|
4
|
+
page: import("@angular/core").InputSignal<number | "...">;
|
|
5
|
+
pageChanged: import("@angular/core").OutputEmitterRef<number>;
|
|
6
|
+
isActive: import("@angular/core").Signal<boolean>;
|
|
7
|
+
selectPage(): void;
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ScPageItem, never>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ScPageItem, "sc-page-item", never, { "currentPage": { "alias": "currentPage"; "required": true; "isSignal": true; }; "page": { "alias": "page"; "required": true; "isSignal": true; }; }, { "pageChanged": "pageChanged"; }, never, never, true, never>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import { FormControl } from '@angular/forms';
|
|
3
|
+
import { ScPageEvent } from './page-event';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class ScPaginator implements OnInit {
|
|
6
|
+
/** The one-based page index of the displayed list of items. Defaulted to 1. */
|
|
7
|
+
currentPage: import("@angular/core").InputSignal<number>;
|
|
8
|
+
/** The total number of items that are being paginated. */
|
|
9
|
+
totalSize: import("@angular/core").InputSignal<number>;
|
|
10
|
+
/** The set of provided page size options to display to the user. */
|
|
11
|
+
pageSizeOptions: import("@angular/core").InputSignal<number[]>;
|
|
12
|
+
/** Number of items to display on a page. By default set to 10. */
|
|
13
|
+
pageSize: import("@angular/core").InputSignal<number>;
|
|
14
|
+
/** Whether to hide the page size selection UI from the user. */
|
|
15
|
+
hidePageSize: import("@angular/core").InputSignal<boolean>;
|
|
16
|
+
/** Whether to show the first/last buttons UI to the user. */
|
|
17
|
+
showFirstLastButtons: import("@angular/core").InputSignal<boolean>;
|
|
18
|
+
/** Event emitted when the paginator changes the page index. */
|
|
19
|
+
pageChanged: import("@angular/core").OutputEmitterRef<ScPageEvent>;
|
|
20
|
+
constructor();
|
|
21
|
+
ngOnInit(): void;
|
|
22
|
+
pageSizeFormControl: FormControl<number | null>;
|
|
23
|
+
numberOfPages: import("@angular/core").Signal<number>;
|
|
24
|
+
range(start: number, end: number): number[];
|
|
25
|
+
pageRanges: import("@angular/core").Signal<(number | "...")[]>;
|
|
26
|
+
firstItemPage: import("@angular/core").Signal<number>;
|
|
27
|
+
lastItemPage: import("@angular/core").Signal<number>;
|
|
28
|
+
firstPage(): void;
|
|
29
|
+
nextPage(): void;
|
|
30
|
+
isNextPageDisabled: import("@angular/core").Signal<boolean>;
|
|
31
|
+
lastPage(): void;
|
|
32
|
+
prevPage(): void;
|
|
33
|
+
isPrevPageDisabled: import("@angular/core").Signal<boolean>;
|
|
34
|
+
changePage(page: number): void;
|
|
35
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ScPaginator, never>;
|
|
36
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ScPaginator, "sc-paginator", never, { "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "totalSize": { "alias": "totalSize"; "required": true; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "hidePageSize": { "alias": "hidePageSize"; "required": false; "isSignal": true; }; "showFirstLastButtons": { "alias": "showFirstLastButtons"; "required": false; "isSignal": true; }; }, { "pageChanged": "pageChanged"; }, never, never, true, never>;
|
|
37
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './progress';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class ScProgress {
|
|
3
|
+
/** Current value of the progressbar. */
|
|
4
|
+
value: import("@angular/core").InputSignal<number>;
|
|
5
|
+
transform: import("@angular/core").Signal<string>;
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ScProgress, never>;
|
|
7
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ScProgress, "sc-progress", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ElementRef } from '@angular/core';
|
|
2
|
+
import { ScSelectState } from './select-state';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class ScOption {
|
|
5
|
+
state: ScSelectState;
|
|
6
|
+
value: import("@angular/core").InputSignal<string>;
|
|
7
|
+
label: import("@angular/core").Signal<ElementRef<HTMLSpanElement>>;
|
|
8
|
+
select(): void;
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ScOption, never>;
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ScOption, "sc-option", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
11
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class ScSelectState {
|
|
3
|
+
selectedValue: import("@angular/core").WritableSignal<string>;
|
|
4
|
+
selectedLabel: import("@angular/core").WritableSignal<string>;
|
|
5
|
+
isOpen: import("@angular/core").WritableSignal<boolean>;
|
|
6
|
+
closeOverlay: import("@angular/core").WritableSignal<boolean>;
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ScSelectState, never>;
|
|
8
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ScSelectState>;
|
|
9
|
+
}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { Directionality } from '@angular/cdk/bidi';
|
|
2
|
+
import { Overlay } from '@angular/cdk/overlay';
|
|
3
|
+
import { ElementRef, TemplateRef, ViewContainerRef } from '@angular/core';
|
|
4
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
5
|
+
import { ScSelectState } from './select-state';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export declare class ScSelect implements ControlValueAccessor {
|
|
8
|
+
static nextId: number;
|
|
9
|
+
id: number;
|
|
10
|
+
_getPanelId(): string;
|
|
11
|
+
private readonly _cdr;
|
|
12
|
+
state: ScSelectState;
|
|
13
|
+
_overlay: Overlay;
|
|
14
|
+
_dir: Directionality | null;
|
|
15
|
+
_viewContainerRef: ViewContainerRef;
|
|
16
|
+
private _portal;
|
|
17
|
+
scSelectTrigger: import("@angular/core").Signal<ElementRef<HTMLButtonElement>>;
|
|
18
|
+
_panelTemplate: import("@angular/core").Signal<TemplateRef<unknown>>;
|
|
19
|
+
placeholder: import("@angular/core").InputSignal<string>;
|
|
20
|
+
constructor();
|
|
21
|
+
_value: import("@angular/core").WritableSignal<string>;
|
|
22
|
+
isDisabled: import("@angular/core").WritableSignal<boolean>;
|
|
23
|
+
writeValue(value: string): void;
|
|
24
|
+
setValue(value: string): void;
|
|
25
|
+
_onChange: (value: string) => void;
|
|
26
|
+
_onTouched: () => void;
|
|
27
|
+
registerOnChange(fn: (value: string) => void): void;
|
|
28
|
+
registerOnTouched(fn: () => void): void;
|
|
29
|
+
setDisabledState?(isDisabled: boolean): void;
|
|
30
|
+
label: import("@angular/core").Signal<string>;
|
|
31
|
+
_isExpanded: import("@angular/core").Signal<boolean>;
|
|
32
|
+
private _overlayRef;
|
|
33
|
+
private _getOverlayRef;
|
|
34
|
+
open(): void;
|
|
35
|
+
close(): void;
|
|
36
|
+
/** Handles keyboard events while the overlay is open. */
|
|
37
|
+
private _handleKeydown;
|
|
38
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ScSelect, never>;
|
|
39
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ScSelect, "sc-select", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
40
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './sidebar-layout';
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { BreakpointObserver } from '@angular/cdk/layout';
|
|
2
|
+
import { DestroyRef, OnInit } from '@angular/core';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class ScSidebarLayout implements OnInit {
|
|
5
|
+
private readonly document;
|
|
6
|
+
breakpointObserver: BreakpointObserver;
|
|
7
|
+
destroyRef: DestroyRef;
|
|
8
|
+
constructor(document: Document);
|
|
9
|
+
open: import("@angular/core").WritableSignal<boolean>;
|
|
10
|
+
state: import("@angular/core").Signal<"expanded" | "collapsed">;
|
|
11
|
+
isMobile: import("@angular/core").WritableSignal<boolean>;
|
|
12
|
+
side: import("@angular/core").WritableSignal<"left" | "right">;
|
|
13
|
+
variant: import("@angular/core").WritableSignal<"sidebar" | "floating" | "inset">;
|
|
14
|
+
collapsible: import("@angular/core").WritableSignal<"offcanvas" | "icon" | "none">;
|
|
15
|
+
sidebarWidth: import("@angular/core").Signal<number>;
|
|
16
|
+
ngOnInit(): void;
|
|
17
|
+
toggleSidebar(): void;
|
|
18
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ScSidebarLayout, never>;
|
|
19
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ScSidebarLayout, "sc-sidebar-layout", never, {}, {}, never, never, true, never>;
|
|
20
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class ScSidebar {
|
|
3
|
+
side: import("@angular/core").InputSignal<"left" | "right">;
|
|
4
|
+
variant: import("@angular/core").InputSignal<"sidebar" | "floating" | "inset">;
|
|
5
|
+
collapsible: import("@angular/core").InputSignal<"offcanvas" | "icon" | "none">;
|
|
6
|
+
sidebarWidth: import("@angular/core").InputSignal<number>;
|
|
7
|
+
isMobile: import("@angular/core").InputSignal<boolean>;
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ScSidebar, never>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ScSidebar, "sc-sidebar", never, { "side": { "alias": "side"; "required": true; "isSignal": true; }; "variant": { "alias": "variant"; "required": true; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": true; "isSignal": true; }; "sidebarWidth": { "alias": "sidebarWidth"; "required": true; "isSignal": true; }; "isMobile": { "alias": "isMobile"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
10
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './textarea';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function scThemeProviderFactory(): () => void;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ScTheme } from './theme';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class ScThemeToggler {
|
|
4
|
+
theme: ScTheme;
|
|
5
|
+
message: import("@angular/core").Signal<"Toggle dark mode" | "Toggle light mode">;
|
|
6
|
+
toggleTheme(): void;
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ScThemeToggler, never>;
|
|
8
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ScThemeToggler, "sc-theme-toggler", never, {}, {}, never, never, true, never>;
|
|
9
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class ScTheme {
|
|
3
|
+
value: import("@angular/core").WritableSignal<"light" | "dark" | undefined>;
|
|
4
|
+
constructor();
|
|
5
|
+
init(): void;
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ScTheme, never>;
|
|
7
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ScTheme>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class ScTooltipContainer {
|
|
3
|
+
message: import("@angular/core").InputSignal<string>;
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ScTooltipContainer, never>;
|
|
5
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ScTooltipContainer, "sc-tooltip-container", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
6
|
+
}
|
|
@@ -1,17 +1,19 @@
|
|
|
1
|
+
import { ConnectedPosition } from '@angular/cdk/overlay';
|
|
1
2
|
import { OnDestroy, OnInit } from '@angular/core';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
export declare class ScTooltip implements OnInit, OnDestroy {
|
|
4
|
-
private readonly overlayPositionBuilder;
|
|
5
5
|
private readonly elementRef;
|
|
6
6
|
private readonly overlay;
|
|
7
|
-
readonly text: import("@angular/core").InputSignal<string>;
|
|
8
7
|
private overlayRef;
|
|
8
|
+
message: import("@angular/core").InputSignal<string>;
|
|
9
|
+
position: import("@angular/core").InputSignal<"left" | "right" | "above" | "below">;
|
|
9
10
|
ngOnInit(): void;
|
|
10
11
|
ngOnDestroy(): void;
|
|
11
12
|
showTooltip(): void;
|
|
12
13
|
hideTooltip(): void;
|
|
13
14
|
private attachTooltip;
|
|
14
15
|
private getPositionStrategy;
|
|
16
|
+
getPositions(): ConnectedPosition[];
|
|
15
17
|
static ɵfac: i0.ɵɵFactoryDeclaration<ScTooltip, never>;
|
|
16
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ScTooltip, "[scTooltip]", never, { "
|
|
18
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ScTooltip, "[scTooltip]", never, { "message": { "alias": "scTooltip"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
17
19
|
}
|
package/package.json
CHANGED
|
@@ -1,18 +1,45 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semantic-components/ui",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.1",
|
|
4
4
|
"private": false,
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
7
7
|
},
|
|
8
8
|
"peerDependencies": {
|
|
9
|
-
"@angular/common": "
|
|
10
|
-
"@angular/core": "
|
|
11
|
-
"@angular/cdk": "
|
|
12
|
-
"@
|
|
13
|
-
"@
|
|
14
|
-
"@
|
|
15
|
-
"
|
|
9
|
+
"@angular/common": ">=19.0.0",
|
|
10
|
+
"@angular/core": ">=19.0.0",
|
|
11
|
+
"@angular/cdk": ">=19.0.0",
|
|
12
|
+
"@angular/forms": ">=19.0.0",
|
|
13
|
+
"@tiptap/core": "^2.10.3",
|
|
14
|
+
"@semantic-icons/lucide-icons": "^0.0.1",
|
|
15
|
+
"@tiptap/extension-blockquote": "^2.10.3",
|
|
16
|
+
"@tiptap/extension-bold": "^2.10.3",
|
|
17
|
+
"@tiptap/extension-bullet-list": "^2.10.3",
|
|
18
|
+
"@tiptap/extension-code": "^2.10.3",
|
|
19
|
+
"@tiptap/extension-color": "^2.10.3",
|
|
20
|
+
"@tiptap/extension-document": "^2.10.3",
|
|
21
|
+
"@tiptap/extension-font-family": "^2.10.3",
|
|
22
|
+
"@tiptap/extension-heading": "^2.10.3",
|
|
23
|
+
"@tiptap/extension-highlight": "^2.10.3",
|
|
24
|
+
"@tiptap/extension-history": "^2.10.3",
|
|
25
|
+
"@tiptap/extension-horizontal-rule": "^2.10.3",
|
|
26
|
+
"@tiptap/extension-image": "^2.10.3",
|
|
27
|
+
"@tiptap/extension-italic": "^2.10.3",
|
|
28
|
+
"@tiptap/extension-link": "^2.10.3",
|
|
29
|
+
"@tiptap/extension-list-item": "^2.10.3",
|
|
30
|
+
"@tiptap/extension-ordered-list": "^2.10.3",
|
|
31
|
+
"@tiptap/extension-text-style": "^2.10.3",
|
|
32
|
+
"@tiptap/extension-paragraph": "^2.10.3",
|
|
33
|
+
"@tiptap/extension-strike": "^2.10.3",
|
|
34
|
+
"@tiptap/extension-text": "^2.10.3",
|
|
35
|
+
"@tiptap/extension-text-align": "^2.10.3",
|
|
36
|
+
"@tiptap/extension-underline": "^2.10.3",
|
|
37
|
+
"@tiptap/extension-youtube": "^2.10.3",
|
|
38
|
+
"@tiptap/extension-table-header": "^2.10.3",
|
|
39
|
+
"@tiptap/extension-table-row": "^2.10.3",
|
|
40
|
+
"@tiptap/extension-table-cell": "^2.10.3",
|
|
41
|
+
"@tiptap/extension-table": "^2.10.3",
|
|
42
|
+
"@angular/router": "19.0.3"
|
|
16
43
|
},
|
|
17
44
|
"sideEffects": false,
|
|
18
45
|
"repository": {
|
|
@@ -28,8 +55,6 @@
|
|
|
28
55
|
},
|
|
29
56
|
".": {
|
|
30
57
|
"types": "./index.d.ts",
|
|
31
|
-
"esm2022": "./esm2022/semantic-components-ui.mjs",
|
|
32
|
-
"esm": "./esm2022/semantic-components-ui.mjs",
|
|
33
58
|
"default": "./fesm2022/semantic-components-ui.mjs"
|
|
34
59
|
}
|
|
35
60
|
},
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class NavItemDropdownComponent {
|
|
3
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NavItemDropdownComponent, never>;
|
|
4
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NavItemDropdownComponent, "sc-nav-item-dropdown", never, {}, {}, never, never, true, never>;
|
|
5
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class SelectOptionComponent {
|
|
3
|
-
value: any;
|
|
4
|
-
disabled: boolean;
|
|
5
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SelectOptionComponent, never>;
|
|
6
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SelectOptionComponent, "sc-select-option", never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
7
|
-
}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { Overlay } from '@angular/cdk/overlay';
|
|
2
|
-
import { CdkPortal } from '@angular/cdk/portal';
|
|
3
|
-
import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit, QueryList } from '@angular/core';
|
|
4
|
-
import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
|
|
5
|
-
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
|
|
6
|
-
import { SelectOptionComponent } from './select-option.component';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
export interface CustomSelectEvent {
|
|
9
|
-
source: SelectComponent;
|
|
10
|
-
selected: any;
|
|
11
|
-
}
|
|
12
|
-
export declare class SelectComponent implements OnInit, ControlValueAccessor, Validator {
|
|
13
|
-
private readonly cd;
|
|
14
|
-
private readonly domSanitizer;
|
|
15
|
-
private readonly overlay;
|
|
16
|
-
inputId: string;
|
|
17
|
-
label: string;
|
|
18
|
-
placeholder: string;
|
|
19
|
-
required: boolean;
|
|
20
|
-
disabled: boolean;
|
|
21
|
-
error: boolean;
|
|
22
|
-
multiple: boolean;
|
|
23
|
-
search: boolean;
|
|
24
|
-
ariaLabel: string;
|
|
25
|
-
ariaLabelledby: string;
|
|
26
|
-
readonly change: EventEmitter<CustomSelectEvent>;
|
|
27
|
-
select: ElementRef;
|
|
28
|
-
contentTemplate: CdkPortal;
|
|
29
|
-
options: QueryList<SelectOptionComponent>;
|
|
30
|
-
displayText: SafeHtml;
|
|
31
|
-
displayX: boolean;
|
|
32
|
-
private showing;
|
|
33
|
-
private readonly showPlaceholder;
|
|
34
|
-
private overlayRef;
|
|
35
|
-
constructor(cd: ChangeDetectorRef, domSanitizer: DomSanitizer, overlay: Overlay);
|
|
36
|
-
onChangeFn: any;
|
|
37
|
-
onTouchedFn: any;
|
|
38
|
-
registerOnChange(fn: any): void;
|
|
39
|
-
registerOnTouched(fn: any): void;
|
|
40
|
-
validate(control: AbstractControl): ValidationErrors | null;
|
|
41
|
-
ngOnInit(): void;
|
|
42
|
-
writeValue(obj: any): void;
|
|
43
|
-
onTouched(): void;
|
|
44
|
-
mainSelectClasses(): {
|
|
45
|
-
[key: string]: any;
|
|
46
|
-
};
|
|
47
|
-
onDropMenuIconClick(event: UIEvent): void;
|
|
48
|
-
onKeyDown(event: KeyboardEvent): void;
|
|
49
|
-
showDropdown(): void;
|
|
50
|
-
private hide;
|
|
51
|
-
private syncWidth;
|
|
52
|
-
private getOverlayConfig;
|
|
53
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
|
|
54
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "sc-select", never, { "inputId": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "search": { "alias": "search"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; }, { "change": "change"; }, ["options"], ["*"], true, never>;
|
|
55
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class ScTooltipContainer {
|
|
3
|
-
text: import("@angular/core").InputSignal<string>;
|
|
4
|
-
placement: import("@angular/core").InputSignal<string>;
|
|
5
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ScTooltipContainer, never>;
|
|
6
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ScTooltipContainer, "sc-tooltip-container", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
7
|
-
}
|