ngx-strata 0.2.1 → 0.2.3
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/assets/styles/base.scss +4 -0
- package/assets/styles/components/action-menu.scss +2 -1
- package/assets/styles/components/card.scss +2 -1
- package/assets/styles/components/modal.scss +27 -0
- package/assets/styles/components/select.scss +17 -7
- package/assets/styles/components/tag.scss +1 -1
- package/assets/styles/shadows.scss +1 -0
- package/dist/strata/strata.css +1 -1
- package/fesm2022/ngx-strata.mjs +746 -554
- package/fesm2022/ngx-strata.mjs.map +1 -1
- package/package.json +5 -4
- package/skills/ngx-strata/SKILL.md +64 -48
- package/skills/ngx-strata/components/accordion.md +1 -1
- package/skills/ngx-strata/components/action-menu.md +1 -1
- package/skills/ngx-strata/components/alert.md +1 -1
- package/skills/ngx-strata/components/avatar.md +1 -1
- package/skills/ngx-strata/components/breadcrumb.md +1 -1
- package/skills/ngx-strata/components/button.md +1 -1
- package/skills/ngx-strata/components/card.md +8 -2
- package/skills/ngx-strata/components/checkbox.md +1 -1
- package/skills/ngx-strata/components/divider.md +1 -1
- package/skills/ngx-strata/components/icon.md +1 -1
- package/skills/ngx-strata/components/input-field.md +2 -2
- package/skills/ngx-strata/components/item.md +2 -2
- package/skills/ngx-strata/components/kbd.md +1 -1
- package/skills/ngx-strata/components/message-state.md +1 -1
- package/skills/ngx-strata/components/modal.md +16 -6
- package/skills/ngx-strata/components/notification.md +1 -1
- package/skills/ngx-strata/components/number-display.md +1 -1
- package/skills/ngx-strata/components/overlay.md +1 -1
- package/skills/ngx-strata/components/pagination.md +1 -1
- package/skills/ngx-strata/components/progress.md +2 -2
- package/skills/ngx-strata/components/radio.md +1 -1
- package/skills/ngx-strata/components/segmented-control.md +1 -1
- package/skills/ngx-strata/components/shell.md +3 -3
- package/skills/ngx-strata/components/sidemenu.md +2 -2
- package/skills/ngx-strata/components/single-select.md +1 -1
- package/skills/ngx-strata/components/slider.md +1 -1
- package/skills/ngx-strata/components/spinner.md +1 -1
- package/skills/ngx-strata/components/tabs.md +1 -1
- package/skills/ngx-strata/components/tag.md +1 -1
- package/skills/ngx-strata/components/text-stack.md +2 -2
- package/skills/ngx-strata/components/theming.md +2 -2
- package/skills/ngx-strata/components/toggle.md +1 -1
- package/types/ngx-strata.d.ts +24 -23
package/types/ngx-strata.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { OnInit, OnDestroy, AfterContentInit,
|
|
2
|
+
import { OnInit, OnDestroy, AfterContentInit, EnvironmentProviders, InjectionToken, Provider, ElementRef, Renderer2, AfterViewInit, TemplateRef, OnChanges, SimpleChanges, PipeTransform, QueryList, Type, ViewContainerRef } from '@angular/core';
|
|
3
3
|
import { Placement } from '@floating-ui/dom';
|
|
4
4
|
import * as _angular_platform_browser from '@angular/platform-browser';
|
|
5
5
|
import { SafeHtml, DomSanitizer } from '@angular/platform-browser';
|
|
@@ -32,7 +32,6 @@ declare class StrataTooltipDirective implements OnInit, OnDestroy, AfterContentI
|
|
|
32
32
|
private eventListeners;
|
|
33
33
|
private autoUpdateCleanupFunction?;
|
|
34
34
|
private config;
|
|
35
|
-
constructor(document: Document, element: ElementRef, renderer: Renderer2);
|
|
36
35
|
ngOnInit(): void;
|
|
37
36
|
ngAfterContentInit(): void;
|
|
38
37
|
doPosition(): void;
|
|
@@ -123,6 +122,7 @@ interface StrataConfig {
|
|
|
123
122
|
shift?: string;
|
|
124
123
|
alt?: string;
|
|
125
124
|
};
|
|
125
|
+
overlayViewportBuffer?: number;
|
|
126
126
|
}
|
|
127
127
|
declare const STRATA_CONFIG: InjectionToken<StrataConfig>;
|
|
128
128
|
|
|
@@ -382,7 +382,6 @@ declare class IconRegistryService {
|
|
|
382
382
|
private iconLoader;
|
|
383
383
|
icons: Record<string, string>;
|
|
384
384
|
svgs: Record<string, SafeHtml>;
|
|
385
|
-
constructor(iconLoader: IconLoader);
|
|
386
385
|
registerIcons(iconConfigs: IconConfig[]): void;
|
|
387
386
|
registerIcon(iconConfig: IconConfig): void;
|
|
388
387
|
getIconUrl(name: string): string | null;
|
|
@@ -456,8 +455,10 @@ declare class StrataOverlayDirective implements OnChanges, OnDestroy {
|
|
|
456
455
|
overlayOpen: _angular_core.ModelSignal<boolean>;
|
|
457
456
|
overlayPlacement: _angular_core.InputSignal<Placement>;
|
|
458
457
|
overlayOffset: _angular_core.InputSignal<number>;
|
|
458
|
+
overlayFitViewport: _angular_core.InputSignal<boolean>;
|
|
459
459
|
private readonly element;
|
|
460
460
|
private readonly viewContainerRef;
|
|
461
|
+
private readonly config;
|
|
461
462
|
private overlayEl?;
|
|
462
463
|
private cleanup?;
|
|
463
464
|
private viewRef?;
|
|
@@ -467,7 +468,7 @@ declare class StrataOverlayDirective implements OnChanges, OnDestroy {
|
|
|
467
468
|
private destroy;
|
|
468
469
|
ngOnDestroy(): void;
|
|
469
470
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataOverlayDirective, never>;
|
|
470
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StrataOverlayDirective, "[stOverlay]", never, { "stOverlay": { "alias": "stOverlay"; "required": true; "isSignal": true; }; "overlayOpen": { "alias": "overlayOpen"; "required": false; "isSignal": true; }; "overlayPlacement": { "alias": "overlayPlacement"; "required": false; "isSignal": true; }; "overlayOffset": { "alias": "overlayOffset"; "required": false; "isSignal": true; }; }, { "overlayOpen": "overlayOpenChange"; }, never, never, true, never>;
|
|
471
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StrataOverlayDirective, "[stOverlay]", never, { "stOverlay": { "alias": "stOverlay"; "required": true; "isSignal": true; }; "overlayOpen": { "alias": "overlayOpen"; "required": false; "isSignal": true; }; "overlayPlacement": { "alias": "overlayPlacement"; "required": false; "isSignal": true; }; "overlayOffset": { "alias": "overlayOffset"; "required": false; "isSignal": true; }; "overlayFitViewport": { "alias": "overlayFitViewport"; "required": false; "isSignal": true; }; }, { "overlayOpen": "overlayOpenChange"; }, never, never, true, never>;
|
|
471
472
|
}
|
|
472
473
|
|
|
473
474
|
declare class StrataPaginationComponent {
|
|
@@ -538,12 +539,12 @@ declare class StrataRadioComponent {
|
|
|
538
539
|
label: _angular_core.InputSignal<string | undefined>;
|
|
539
540
|
checked: _angular_core.ModelSignal<boolean>;
|
|
540
541
|
disabled: _angular_core.InputSignal<boolean>;
|
|
541
|
-
|
|
542
|
+
selected: _angular_core.OutputEmitterRef<void>;
|
|
542
543
|
get isChecked(): boolean;
|
|
543
544
|
get isDisabled(): boolean;
|
|
544
545
|
onClick(event: MouseEvent): void;
|
|
545
546
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataRadioComponent, never>;
|
|
546
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataRadioComponent, "st-radio", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "
|
|
547
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataRadioComponent, "st-radio", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "selected": "selected"; }, never, never, true, never>;
|
|
547
548
|
}
|
|
548
549
|
|
|
549
550
|
declare class StrataRadioGroupComponent {
|
|
@@ -722,6 +723,21 @@ declare class StrataThemeDirective {
|
|
|
722
723
|
}
|
|
723
724
|
type Theme = 'brand' | 'default' | 'danger' | 'warning' | 'success' | 'info';
|
|
724
725
|
|
|
726
|
+
declare class StrataAlertContentComponent {
|
|
727
|
+
private modalService;
|
|
728
|
+
title: _angular_core.InputSignal<string>;
|
|
729
|
+
message: _angular_core.InputSignal<string | undefined>;
|
|
730
|
+
icon: _angular_core.InputSignal<string | undefined>;
|
|
731
|
+
readonly computedIcon: _angular_core.Signal<string>;
|
|
732
|
+
theme: _angular_core.InputSignal<Theme>;
|
|
733
|
+
affirmativeButton: _angular_core.InputSignal<string>;
|
|
734
|
+
cancelButton: _angular_core.InputSignal<string | undefined>;
|
|
735
|
+
onAffirmation(): void;
|
|
736
|
+
onCancel(): void;
|
|
737
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataAlertContentComponent, never>;
|
|
738
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataAlertContentComponent, "st-alert-content", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "affirmativeButton": { "alias": "affirmativeButton"; "required": true; "isSignal": true; }; "cancelButton": { "alias": "cancelButton"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
739
|
+
}
|
|
740
|
+
|
|
725
741
|
interface ModalConfiguration {
|
|
726
742
|
title?: string;
|
|
727
743
|
component: Type<unknown>;
|
|
@@ -747,6 +763,8 @@ declare abstract class StrataModalRef {
|
|
|
747
763
|
declare class ModalService {
|
|
748
764
|
private _modals;
|
|
749
765
|
modals: _angular_core.Signal<ModalConfiguration[]>;
|
|
766
|
+
private document;
|
|
767
|
+
constructor();
|
|
750
768
|
showModal(config: ModalConfiguration): void;
|
|
751
769
|
showAlert(config: AlertConfiguration, callback: (value: boolean) => void): void;
|
|
752
770
|
closeCurrentModal(value?: unknown): void;
|
|
@@ -755,25 +773,8 @@ declare class ModalService {
|
|
|
755
773
|
static ɵprov: _angular_core.ɵɵInjectableDeclaration<ModalService>;
|
|
756
774
|
}
|
|
757
775
|
|
|
758
|
-
declare class StrataAlertContentComponent {
|
|
759
|
-
private modalService;
|
|
760
|
-
title: _angular_core.InputSignal<string>;
|
|
761
|
-
message: _angular_core.InputSignal<string | undefined>;
|
|
762
|
-
icon: _angular_core.InputSignal<string | undefined>;
|
|
763
|
-
readonly computedIcon: _angular_core.Signal<string>;
|
|
764
|
-
theme: _angular_core.InputSignal<Theme>;
|
|
765
|
-
affirmativeButton: _angular_core.InputSignal<string>;
|
|
766
|
-
cancelButton: _angular_core.InputSignal<string | undefined>;
|
|
767
|
-
constructor(modalService: ModalService);
|
|
768
|
-
onAffirmation(): void;
|
|
769
|
-
onCancel(): void;
|
|
770
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataAlertContentComponent, never>;
|
|
771
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataAlertContentComponent, "st-alert-content", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "affirmativeButton": { "alias": "affirmativeButton"; "required": true; "isSignal": true; }; "cancelButton": { "alias": "cancelButton"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
772
|
-
}
|
|
773
|
-
|
|
774
776
|
declare class StrataModalContainerComponent {
|
|
775
777
|
modalService: ModalService;
|
|
776
|
-
constructor(modalService: ModalService);
|
|
777
778
|
onBackdropClick(event: MouseEvent): void;
|
|
778
779
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataModalContainerComponent, never>;
|
|
779
780
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataModalContainerComponent, "st-modal-container", never, {}, {}, never, never, true, never>;
|