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.
Files changed (45) hide show
  1. package/assets/styles/base.scss +4 -0
  2. package/assets/styles/components/action-menu.scss +2 -1
  3. package/assets/styles/components/card.scss +2 -1
  4. package/assets/styles/components/modal.scss +27 -0
  5. package/assets/styles/components/select.scss +17 -7
  6. package/assets/styles/components/tag.scss +1 -1
  7. package/assets/styles/shadows.scss +1 -0
  8. package/dist/strata/strata.css +1 -1
  9. package/fesm2022/ngx-strata.mjs +746 -554
  10. package/fesm2022/ngx-strata.mjs.map +1 -1
  11. package/package.json +5 -4
  12. package/skills/ngx-strata/SKILL.md +64 -48
  13. package/skills/ngx-strata/components/accordion.md +1 -1
  14. package/skills/ngx-strata/components/action-menu.md +1 -1
  15. package/skills/ngx-strata/components/alert.md +1 -1
  16. package/skills/ngx-strata/components/avatar.md +1 -1
  17. package/skills/ngx-strata/components/breadcrumb.md +1 -1
  18. package/skills/ngx-strata/components/button.md +1 -1
  19. package/skills/ngx-strata/components/card.md +8 -2
  20. package/skills/ngx-strata/components/checkbox.md +1 -1
  21. package/skills/ngx-strata/components/divider.md +1 -1
  22. package/skills/ngx-strata/components/icon.md +1 -1
  23. package/skills/ngx-strata/components/input-field.md +2 -2
  24. package/skills/ngx-strata/components/item.md +2 -2
  25. package/skills/ngx-strata/components/kbd.md +1 -1
  26. package/skills/ngx-strata/components/message-state.md +1 -1
  27. package/skills/ngx-strata/components/modal.md +16 -6
  28. package/skills/ngx-strata/components/notification.md +1 -1
  29. package/skills/ngx-strata/components/number-display.md +1 -1
  30. package/skills/ngx-strata/components/overlay.md +1 -1
  31. package/skills/ngx-strata/components/pagination.md +1 -1
  32. package/skills/ngx-strata/components/progress.md +2 -2
  33. package/skills/ngx-strata/components/radio.md +1 -1
  34. package/skills/ngx-strata/components/segmented-control.md +1 -1
  35. package/skills/ngx-strata/components/shell.md +3 -3
  36. package/skills/ngx-strata/components/sidemenu.md +2 -2
  37. package/skills/ngx-strata/components/single-select.md +1 -1
  38. package/skills/ngx-strata/components/slider.md +1 -1
  39. package/skills/ngx-strata/components/spinner.md +1 -1
  40. package/skills/ngx-strata/components/tabs.md +1 -1
  41. package/skills/ngx-strata/components/tag.md +1 -1
  42. package/skills/ngx-strata/components/text-stack.md +2 -2
  43. package/skills/ngx-strata/components/theming.md +2 -2
  44. package/skills/ngx-strata/components/toggle.md +1 -1
  45. package/types/ngx-strata.d.ts +24 -23
@@ -1,5 +1,5 @@
1
1
  import * as _angular_core from '@angular/core';
2
- import { OnInit, OnDestroy, AfterContentInit, ElementRef, Renderer2, EnvironmentProviders, InjectionToken, Provider, AfterViewInit, TemplateRef, OnChanges, SimpleChanges, PipeTransform, QueryList, Type, ViewContainerRef } from '@angular/core';
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
- select: _angular_core.OutputEmitterRef<void>;
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"; "select": "select"; }, never, never, true, never>;
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>;