@skyux/core 8.0.0-alpha.8 → 8.0.0-beta.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 (32) hide show
  1. package/documentation.json +1199 -1461
  2. package/esm2020/index.mjs +6 -1
  3. package/esm2020/lib/modules/affix/affix-config.mjs +1 -1
  4. package/esm2020/lib/modules/affix/affix-position.mjs +2 -0
  5. package/esm2020/lib/modules/affix/affix-rect.mjs +2 -0
  6. package/esm2020/lib/modules/affix/affix.directive.mjs +6 -2
  7. package/esm2020/lib/modules/affix/affixer.mjs +32 -7
  8. package/esm2020/lib/modules/live-announcer/live-announcer.service.mjs +80 -0
  9. package/esm2020/lib/modules/live-announcer/types/live-announcer-args.mjs +2 -0
  10. package/esm2020/lib/modules/live-announcer/types/live-announcer-politeness.mjs +2 -0
  11. package/esm2020/lib/modules/numeric/numeric.options.mjs +12 -1
  12. package/esm2020/lib/modules/numeric/numeric.service.mjs +23 -15
  13. package/esm2020/lib/modules/overlay/overlay-config.mjs +1 -1
  14. package/esm2020/lib/modules/overlay/overlay-position.mjs +2 -0
  15. package/esm2020/lib/modules/overlay/overlay.component.mjs +6 -3
  16. package/fesm2015/skyux-core.mjs +145 -27
  17. package/fesm2015/skyux-core.mjs.map +1 -1
  18. package/fesm2020/skyux-core.mjs +150 -27
  19. package/fesm2020/skyux-core.mjs.map +1 -1
  20. package/index.d.ts +5 -0
  21. package/lib/modules/affix/affix-config.d.ts +5 -0
  22. package/lib/modules/affix/affix-position.d.ts +1 -0
  23. package/lib/modules/affix/affix-rect.d.ts +11 -0
  24. package/lib/modules/affix/affix.directive.d.ts +6 -1
  25. package/lib/modules/live-announcer/live-announcer.service.d.ts +31 -0
  26. package/lib/modules/live-announcer/types/live-announcer-args.d.ts +8 -0
  27. package/lib/modules/live-announcer/types/live-announcer-politeness.d.ts +5 -0
  28. package/lib/modules/numeric/numeric.options.d.ts +2 -0
  29. package/lib/modules/overlay/overlay-config.d.ts +5 -0
  30. package/lib/modules/overlay/overlay-position.d.ts +1 -0
  31. package/lib/modules/overlay/overlay.component.d.ts +2 -0
  32. package/package.json +2 -2
package/index.d.ts CHANGED
@@ -8,6 +8,7 @@ export * from './lib/modules/affix/affix-offset';
8
8
  export * from './lib/modules/affix/affix-offset-change';
9
9
  export * from './lib/modules/affix/affix-placement';
10
10
  export * from './lib/modules/affix/affix-placement-change';
11
+ export * from './lib/modules/affix/affix-position';
11
12
  export * from './lib/modules/affix/affix-vertical-alignment';
12
13
  export * from './lib/modules/affix/affix.module';
13
14
  export * from './lib/modules/affix/affix.service';
@@ -26,6 +27,9 @@ export * from './lib/modules/dynamic-component/dynamic-component.service';
26
27
  export * from './lib/modules/format/app-format';
27
28
  export * from './lib/modules/id/id.module';
28
29
  export * from './lib/modules/id/id.service';
30
+ export * from './lib/modules/live-announcer/live-announcer.service';
31
+ export * from './lib/modules/live-announcer/types/live-announcer-args';
32
+ export * from './lib/modules/live-announcer/types/live-announcer-politeness';
29
33
  export * from './lib/modules/log/log.module';
30
34
  export * from './lib/modules/log/log.service';
31
35
  export * from './lib/modules/log/types/log-level';
@@ -42,6 +46,7 @@ export * from './lib/modules/numeric/numeric.pipe';
42
46
  export * from './lib/modules/numeric/numeric.service';
43
47
  export * from './lib/modules/overlay/overlay-config';
44
48
  export * from './lib/modules/overlay/overlay-instance';
49
+ export * from './lib/modules/overlay/overlay-position';
45
50
  export * from './lib/modules/overlay/overlay.module';
46
51
  export * from './lib/modules/overlay/overlay.service';
47
52
  export * from './lib/modules/percent-pipe/percent-pipe.module';
@@ -2,6 +2,7 @@ import { SkyAffixAutoFitContext } from './affix-auto-fit-context';
2
2
  import { SkyAffixHorizontalAlignment } from './affix-horizontal-alignment';
3
3
  import { SkyAffixOffset } from './affix-offset';
4
4
  import { SkyAffixPlacement } from './affix-placement';
5
+ import { SkyAffixPosition } from './affix-position';
5
6
  import { SkyAffixVerticalAlignment } from './affix-vertical-alignment';
6
7
  export interface SkyAffixConfig {
7
8
  /**
@@ -38,4 +39,8 @@ export interface SkyAffixConfig {
38
39
  * The vertical alignment of the affixed element to the base element.
39
40
  */
40
41
  verticalAlignment?: SkyAffixVerticalAlignment;
42
+ /**
43
+ * The position of the element being affixed.
44
+ */
45
+ position?: SkyAffixPosition;
41
46
  }
@@ -0,0 +1 @@
1
+ export type SkyAffixPosition = 'absolute' | 'fixed';
@@ -0,0 +1,11 @@
1
+ /**
2
+ * @internal
3
+ */
4
+ export interface AffixRect {
5
+ bottom: number;
6
+ top: number;
7
+ left: number;
8
+ right: number;
9
+ width: number;
10
+ height: number;
11
+ }
@@ -5,6 +5,7 @@ import { SkyAffixOffset } from './affix-offset';
5
5
  import { SkyAffixOffsetChange } from './affix-offset-change';
6
6
  import { SkyAffixPlacement } from './affix-placement';
7
7
  import { SkyAffixPlacementChange } from './affix-placement-change';
8
+ import { SkyAffixPosition } from './affix-position';
8
9
  import { SkyAffixVerticalAlignment } from './affix-vertical-alignment';
9
10
  import { SkyAffixService } from './affix.service';
10
11
  import * as i0 from "@angular/core";
@@ -41,6 +42,10 @@ export declare class SkyAffixDirective implements OnInit, OnChanges, OnDestroy {
41
42
  * Sets the `placement` property of [[SkyAffixConfig]].
42
43
  */
43
44
  affixPlacement: SkyAffixPlacement | undefined;
45
+ /**
46
+ * Sets the `position` property of [[SkyAffixConfig]].
47
+ */
48
+ affixPosition: SkyAffixPosition | undefined;
44
49
  /**
45
50
  * Sets the `verticalAlignment` property of [[SkyAffixConfig]].
46
51
  */
@@ -62,5 +67,5 @@ export declare class SkyAffixDirective implements OnInit, OnChanges, OnDestroy {
62
67
  ngOnChanges(changes: SimpleChanges): void;
63
68
  ngOnDestroy(): void;
64
69
  static ɵfac: i0.ɵɵFactoryDeclaration<SkyAffixDirective, never>;
65
- static ɵdir: i0.ɵɵDirectiveDeclaration<SkyAffixDirective, "[skyAffixTo]", never, { "skyAffixTo": "skyAffixTo"; "affixAutoFitContext": "affixAutoFitContext"; "affixAutoFitOverflowOffset": "affixAutoFitOverflowOffset"; "affixEnableAutoFit": "affixEnableAutoFit"; "affixHorizontalAlignment": "affixHorizontalAlignment"; "affixIsSticky": "affixIsSticky"; "affixPlacement": "affixPlacement"; "affixVerticalAlignment": "affixVerticalAlignment"; }, { "affixOffsetChange": "affixOffsetChange"; "affixOverflowScroll": "affixOverflowScroll"; "affixPlacementChange": "affixPlacementChange"; }, never, never, false, never>;
70
+ static ɵdir: i0.ɵɵDirectiveDeclaration<SkyAffixDirective, "[skyAffixTo]", never, { "skyAffixTo": "skyAffixTo"; "affixAutoFitContext": "affixAutoFitContext"; "affixAutoFitOverflowOffset": "affixAutoFitOverflowOffset"; "affixEnableAutoFit": "affixEnableAutoFit"; "affixHorizontalAlignment": "affixHorizontalAlignment"; "affixIsSticky": "affixIsSticky"; "affixPlacement": "affixPlacement"; "affixPosition": "affixPosition"; "affixVerticalAlignment": "affixVerticalAlignment"; }, { "affixOffsetChange": "affixOffsetChange"; "affixOverflowScroll": "affixOverflowScroll"; "affixPlacementChange": "affixPlacementChange"; }, never, never, false, never>;
66
71
  }
@@ -0,0 +1,31 @@
1
+ import { OnDestroy } from '@angular/core';
2
+ import { ReplaySubject } from 'rxjs';
3
+ import { SkyLiveAnnouncerArgs } from './types/live-announcer-args';
4
+ import * as i0 from "@angular/core";
5
+ /**
6
+ * Allows for announcing messages to screen reader users through the use of a common `aria-live` element.
7
+ * @internal
8
+ */
9
+ export declare class SkyLiveAnnouncerService implements OnDestroy {
10
+ #private;
11
+ announcerElementChanged: ReplaySubject<HTMLElement | undefined>;
12
+ constructor();
13
+ /**
14
+ * Announces a message to screen readers.
15
+ * @param message Message to be announced to the screen reader.
16
+ * @param args Options for the announcement of the message.
17
+ */
18
+ announce(message: string, args?: SkyLiveAnnouncerArgs): void;
19
+ /**
20
+ * Clears the current text from the announcer element. Can be used to prevent
21
+ * screen readers from reading the text out again while the user is going
22
+ * through the page landmarks.
23
+ */
24
+ clear(): void;
25
+ /**
26
+ * @internal
27
+ */
28
+ ngOnDestroy(): void;
29
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyLiveAnnouncerService, never>;
30
+ static ɵprov: i0.ɵɵInjectableDeclaration<SkyLiveAnnouncerService>;
31
+ }
@@ -0,0 +1,8 @@
1
+ import { SkyLiveAnnouncerPoliteness } from './live-announcer-politeness';
2
+ /**
3
+ * Options used when announcing messages to screen readers via the `SkyLiveAnnouncerService`
4
+ * @internal
5
+ */
6
+ export interface SkyLiveAnnouncerArgs {
7
+ politeness?: SkyLiveAnnouncerPoliteness;
8
+ }
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Possible politeness levels for messages announced via the `SkyLiveAnnouncerService`.
3
+ * @internal
4
+ */
5
+ export type SkyLiveAnnouncerPoliteness = 'off' | 'polite' | 'assertive';
@@ -41,6 +41,7 @@ export interface SkyNumericOptions {
41
41
  /**
42
42
  * Provides arguments for the number to format.
43
43
  * @deprecated Use the `SkyNumericOptions` interface instead.
44
+ * @internal
44
45
  */
45
46
  export declare class NumericOptions implements SkyNumericOptions {
46
47
  digits?: number;
@@ -51,4 +52,5 @@ export declare class NumericOptions implements SkyNumericOptions {
51
52
  minDigits?: number;
52
53
  truncate?: boolean;
53
54
  truncateAfter?: number;
55
+ constructor();
54
56
  }
@@ -1,3 +1,4 @@
1
+ import { SkyOverlayPosition } from './overlay-position';
1
2
  export interface SkyOverlayConfig {
2
3
  /**
3
4
  * Whether the overlay closes after a navigation change.
@@ -23,4 +24,8 @@ export interface SkyOverlayConfig {
23
24
  * Extra CSS classes to add to the overlay's wrapper element.
24
25
  */
25
26
  wrapperClass?: string;
27
+ /**
28
+ * The position of the overlay instance.
29
+ */
30
+ position?: SkyOverlayPosition;
26
31
  }
@@ -0,0 +1 @@
1
+ export type SkyOverlayPosition = 'absolute' | 'fixed';
@@ -4,6 +4,7 @@ import { Observable, ReplaySubject } from 'rxjs';
4
4
  import { SkyCoreAdapterService } from '../adapter-service/adapter.service';
5
5
  import { SkyIdService } from '../id/id.service';
6
6
  import { SkyOverlayContext } from './overlay-context';
7
+ import { SkyOverlayPosition } from './overlay-position';
7
8
  import * as i0 from "@angular/core";
8
9
  /**
9
10
  * @internal
@@ -18,6 +19,7 @@ export declare class SkyOverlayComponent implements OnInit, OnDestroy {
18
19
  showBackdrop: boolean;
19
20
  zIndex: string;
20
21
  protected clipPath$: ReplaySubject<string | undefined>;
22
+ protected position: SkyOverlayPosition;
21
23
  overlayContentRef: ElementRef | undefined;
22
24
  overlayRef: ElementRef | undefined;
23
25
  targetRef: ViewContainerRef | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyux/core",
3
- "version": "8.0.0-alpha.8",
3
+ "version": "8.0.0-beta.0",
4
4
  "author": "Blackbaud, Inc.",
5
5
  "keywords": [
6
6
  "blackbaud",
@@ -45,7 +45,7 @@
45
45
  "@angular/core": "^15.2.1",
46
46
  "@angular/platform-browser": "^15.2.1",
47
47
  "@angular/router": "^15.2.1",
48
- "@skyux/i18n": "8.0.0-alpha.8"
48
+ "@skyux/i18n": "8.0.0-beta.0"
49
49
  },
50
50
  "dependencies": {
51
51
  "tslib": "^2.5.0"