@skyux/layout 14.6.0 → 14.6.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/fesm2022/skyux-layout.mjs +138 -168
- package/fesm2022/skyux-layout.mjs.map +1 -1
- package/package.json +11 -11
- package/types/skyux-layout.d.ts +11 -96
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/layout",
|
|
3
|
-
"version": "14.6.
|
|
3
|
+
"version": "14.6.1",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -22,16 +22,16 @@
|
|
|
22
22
|
"@angular/forms": "^21.2.0",
|
|
23
23
|
"@angular/platform-browser": "^21.2.0",
|
|
24
24
|
"@angular/router": "^21.2.0",
|
|
25
|
-
"@skyux-sdk/testing": "14.6.
|
|
26
|
-
"@skyux/core": "14.6.
|
|
27
|
-
"@skyux/forms": "14.6.
|
|
28
|
-
"@skyux/help-inline": "14.6.
|
|
29
|
-
"@skyux/i18n": "14.6.
|
|
30
|
-
"@skyux/icon": "14.6.
|
|
31
|
-
"@skyux/indicators": "14.6.
|
|
32
|
-
"@skyux/modals": "14.6.
|
|
33
|
-
"@skyux/router": "14.6.
|
|
34
|
-
"@skyux/theme": "14.6.
|
|
25
|
+
"@skyux-sdk/testing": "14.6.1",
|
|
26
|
+
"@skyux/core": "14.6.1",
|
|
27
|
+
"@skyux/forms": "14.6.1",
|
|
28
|
+
"@skyux/help-inline": "14.6.1",
|
|
29
|
+
"@skyux/i18n": "14.6.1",
|
|
30
|
+
"@skyux/icon": "14.6.1",
|
|
31
|
+
"@skyux/indicators": "14.6.1",
|
|
32
|
+
"@skyux/modals": "14.6.1",
|
|
33
|
+
"@skyux/router": "14.6.1",
|
|
34
|
+
"@skyux/theme": "14.6.1"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"tslib": "^2.8.1"
|
package/types/skyux-layout.d.ts
CHANGED
|
@@ -1,23 +1,19 @@
|
|
|
1
1
|
import * as i7 from '@angular/router';
|
|
2
2
|
import { NavigationExtras } from '@angular/router';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
|
-
import { EventEmitter,
|
|
4
|
+
import { EventEmitter, AfterViewInit, OnDestroy, OnInit, QueryList, ElementRef, TemplateRef, AfterContentInit, OnChanges, SimpleChanges } from '@angular/core';
|
|
5
5
|
import * as i9 from '@skyux/router';
|
|
6
6
|
import { SkyHrefChange } from '@skyux/router';
|
|
7
|
-
import * as i7$1 from '@skyux/core';
|
|
8
|
-
import { SkyCoreAdapterService, SkyAppWindowRef, SkyScrollableHostService, SkyDockService, SkyLogService } from '@skyux/core';
|
|
9
7
|
import * as i1 from '@skyux/theme';
|
|
10
|
-
import { SkyThemeService } from '@skyux/theme';
|
|
11
8
|
import * as i5 from '@angular/common';
|
|
12
9
|
import * as i6 from '@angular/cdk/observers';
|
|
13
10
|
import { Observable, Subject, BehaviorSubject } from 'rxjs';
|
|
14
11
|
import * as i1$1 from '@skyux/i18n';
|
|
15
|
-
import { SkyLibResourcesService } from '@skyux/i18n';
|
|
16
12
|
import * as i5$1 from '@skyux/help-inline';
|
|
13
|
+
import * as i7$1 from '@skyux/core';
|
|
17
14
|
import * as i6$1 from '@angular/forms';
|
|
18
15
|
import * as i7$2 from '@skyux/forms';
|
|
19
16
|
import * as i4 from '@skyux/indicators';
|
|
20
|
-
import { SkyModalService } from '@skyux/modals';
|
|
21
17
|
|
|
22
18
|
/**
|
|
23
19
|
* Specifies an Angular router link with the `route` property or a direct
|
|
@@ -64,26 +60,13 @@ declare class SkyActionButtonComponent {
|
|
|
64
60
|
* Fires when users select the action button.
|
|
65
61
|
*/
|
|
66
62
|
actionClick: EventEmitter<any>;
|
|
67
|
-
constructor(changeDetector: ChangeDetectorRef);
|
|
68
63
|
buttonClicked(): void;
|
|
69
64
|
enterPress(): void;
|
|
70
65
|
onSkyHrefDisplayChange($event: SkyHrefChange): void;
|
|
71
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyActionButtonComponent,
|
|
66
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyActionButtonComponent, never>;
|
|
72
67
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyActionButtonComponent, "sky-action-button", never, { "permalink": { "alias": "permalink"; "required": false; }; }, { "actionClick": "actionClick"; }, never, ["sky-action-button-icon", "sky-action-button-header", "sky-action-button-details"], false, never>;
|
|
73
68
|
}
|
|
74
69
|
|
|
75
|
-
/**
|
|
76
|
-
* @internal
|
|
77
|
-
*/
|
|
78
|
-
declare class SkyActionButtonAdapterService {
|
|
79
|
-
#private;
|
|
80
|
-
constructor(rendererFactory: RendererFactory2);
|
|
81
|
-
getParentWidth(element: ElementRef): number | undefined;
|
|
82
|
-
setResponsiveClass(element: ElementRef, width?: number): void;
|
|
83
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyActionButtonAdapterService, never>;
|
|
84
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<SkyActionButtonAdapterService>;
|
|
85
|
-
}
|
|
86
|
-
|
|
87
70
|
type SkyActionButtonContainerAlignItemsType = 'center' | 'left';
|
|
88
71
|
|
|
89
72
|
/**
|
|
@@ -101,13 +84,12 @@ declare class SkyActionButtonContainerComponent implements AfterViewInit, OnDest
|
|
|
101
84
|
get alignItems(): SkyActionButtonContainerAlignItemsType;
|
|
102
85
|
actionButtons: QueryList<SkyActionButtonComponent> | undefined;
|
|
103
86
|
containerRef: ElementRef | undefined;
|
|
104
|
-
constructor(actionButtonAdapterService: SkyActionButtonAdapterService, changeDetector: ChangeDetectorRef, coreAdapterService: SkyCoreAdapterService, hostElRef: ElementRef, themeSvc?: SkyThemeService);
|
|
105
87
|
ngOnInit(): void;
|
|
106
88
|
ngAfterViewInit(): void;
|
|
107
89
|
ngOnDestroy(): void;
|
|
108
90
|
onContentChange(): void;
|
|
109
91
|
onWindowResize(): void;
|
|
110
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyActionButtonContainerComponent,
|
|
92
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyActionButtonContainerComponent, never>;
|
|
111
93
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyActionButtonContainerComponent, "sky-action-button-container", never, { "alignItems": { "alias": "alignItems"; "required": false; }; }, {}, ["actionButtons"], ["*"], false, [{ directive: typeof i1.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }]>;
|
|
112
94
|
}
|
|
113
95
|
|
|
@@ -172,28 +154,6 @@ declare class SkyBackToTopComponent {
|
|
|
172
154
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyBackToTopComponent, "sky-back-to-top", never, {}, {}, never, never, false, never>;
|
|
173
155
|
}
|
|
174
156
|
|
|
175
|
-
/**
|
|
176
|
-
* @internal
|
|
177
|
-
*/
|
|
178
|
-
declare class SkyBackToTopDomAdapterService implements OnDestroy {
|
|
179
|
-
#private;
|
|
180
|
-
constructor(windowRef: SkyAppWindowRef, scrollableHostService: SkyScrollableHostService);
|
|
181
|
-
ngOnDestroy(): void;
|
|
182
|
-
/**
|
|
183
|
-
* This event returns a boolean on scroll indicating whether the provided element is in view.
|
|
184
|
-
* @param elementRef The target element reference.
|
|
185
|
-
*/
|
|
186
|
-
elementInViewOnScroll(elementRef: ElementRef): Observable<boolean>;
|
|
187
|
-
/**
|
|
188
|
-
* Scrolls the window or scrollable parent to the provided element.
|
|
189
|
-
* @param elementRef The target element reference.
|
|
190
|
-
*/
|
|
191
|
-
scrollToElement(elementRef: ElementRef): void;
|
|
192
|
-
isElementScrolledInView(element: ElementRef): boolean;
|
|
193
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyBackToTopDomAdapterService, never>;
|
|
194
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<SkyBackToTopDomAdapterService>;
|
|
195
|
-
}
|
|
196
|
-
|
|
197
157
|
/**
|
|
198
158
|
* The type of message to send to the back to top component.
|
|
199
159
|
*/
|
|
@@ -240,7 +200,6 @@ declare class SkyBackToTopDirective implements AfterViewInit, OnDestroy {
|
|
|
240
200
|
* The commands respect the `SkyBackToTopMessage` type.
|
|
241
201
|
*/
|
|
242
202
|
set skyBackToTopMessageStream(value: Subject<SkyBackToTopMessage> | undefined);
|
|
243
|
-
constructor(dockService: SkyDockService, domAdapter: SkyBackToTopDomAdapterService, elementRef: ElementRef);
|
|
244
203
|
ngAfterViewInit(): void;
|
|
245
204
|
ngOnDestroy(): void;
|
|
246
205
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyBackToTopDirective, never>;
|
|
@@ -387,18 +346,6 @@ declare class SkyCardActionsComponent {
|
|
|
387
346
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyCardActionsComponent, "sky-card-actions", never, {}, {}, never, ["*"], false, [{ directive: typeof i1.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }]>;
|
|
388
347
|
}
|
|
389
348
|
|
|
390
|
-
/**
|
|
391
|
-
* @internal
|
|
392
|
-
*/
|
|
393
|
-
declare class SkyInlineDeleteAdapterService {
|
|
394
|
-
#private;
|
|
395
|
-
constructor(coreAdapterService: SkyCoreAdapterService, rendererFactory: RendererFactory2);
|
|
396
|
-
clearListeners(): void;
|
|
397
|
-
setEl(element: HTMLElement): void;
|
|
398
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyInlineDeleteAdapterService, never>;
|
|
399
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<SkyInlineDeleteAdapterService>;
|
|
400
|
-
}
|
|
401
|
-
|
|
402
349
|
/**
|
|
403
350
|
* The type of inline delete that is shown.
|
|
404
351
|
* @internal
|
|
@@ -433,7 +380,6 @@ declare class SkyInlineDeleteComponent implements OnDestroy {
|
|
|
433
380
|
type: SkyInlineDeleteType;
|
|
434
381
|
deleteButton: ElementRef | undefined;
|
|
435
382
|
protected readonly enterAnimationTrigger: i0.WritableSignal<boolean>;
|
|
436
|
-
constructor(adapterService: SkyInlineDeleteAdapterService, changeDetector: ChangeDetectorRef, elRef: ElementRef);
|
|
437
383
|
protected onAnimationEnd(): void;
|
|
438
384
|
ngOnDestroy(): void;
|
|
439
385
|
/**
|
|
@@ -494,7 +440,7 @@ declare class SkyCardComponent implements AfterContentInit, OnDestroy {
|
|
|
494
440
|
inlineDeleteComponent: QueryList<SkyInlineDeleteComponent> | undefined;
|
|
495
441
|
titleComponent: QueryList<SkyCardTitleComponent> | undefined;
|
|
496
442
|
showTitle: boolean;
|
|
497
|
-
constructor(
|
|
443
|
+
constructor();
|
|
498
444
|
ngAfterContentInit(): void;
|
|
499
445
|
contentClick(): void;
|
|
500
446
|
onCheckboxChange(newValue: boolean): void;
|
|
@@ -542,7 +488,6 @@ declare class SkyDefinitionListService {
|
|
|
542
488
|
* @deprecated Use `SkyDescriptionListComponent` instead.
|
|
543
489
|
*/
|
|
544
490
|
declare class SkyDefinitionListComponent {
|
|
545
|
-
service: SkyDefinitionListService;
|
|
546
491
|
/**
|
|
547
492
|
* The width of the label portion of the definition list.
|
|
548
493
|
* @default "90px"
|
|
@@ -554,7 +499,8 @@ declare class SkyDefinitionListComponent {
|
|
|
554
499
|
* @default "None found"
|
|
555
500
|
*/
|
|
556
501
|
set defaultValue(value: string | undefined);
|
|
557
|
-
|
|
502
|
+
readonly service: SkyDefinitionListService;
|
|
503
|
+
constructor();
|
|
558
504
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDefinitionListComponent, never>;
|
|
559
505
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyDefinitionListComponent, "sky-definition-list", never, { "labelWidth": { "alias": "labelWidth"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; }, {}, never, ["sky-definition-list-heading", "sky-definition-list-content"], false, never>;
|
|
560
506
|
}
|
|
@@ -582,9 +528,8 @@ declare class SkyDefinitionListHeadingComponent {
|
|
|
582
528
|
* @deprecated Use `SkyDescriptionListTermComponent` instead.
|
|
583
529
|
*/
|
|
584
530
|
declare class SkyDefinitionListLabelComponent {
|
|
585
|
-
service: SkyDefinitionListService;
|
|
586
531
|
labelWidth: number | undefined;
|
|
587
|
-
|
|
532
|
+
readonly service: SkyDefinitionListService;
|
|
588
533
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDefinitionListLabelComponent, never>;
|
|
589
534
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyDefinitionListLabelComponent, "sky-definition-list-label", never, {}, {}, never, ["*"], false, never>;
|
|
590
535
|
}
|
|
@@ -594,9 +539,8 @@ declare class SkyDefinitionListLabelComponent {
|
|
|
594
539
|
* @deprecated Use `SkyDescriptionListDescriptionComponent` instead.
|
|
595
540
|
*/
|
|
596
541
|
declare class SkyDefinitionListValueComponent {
|
|
597
|
-
service: SkyDefinitionListService;
|
|
598
542
|
defaultValue: string | undefined;
|
|
599
|
-
|
|
543
|
+
readonly service: SkyDefinitionListService;
|
|
600
544
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDefinitionListValueComponent, never>;
|
|
601
545
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyDefinitionListValueComponent, "sky-definition-list-value", never, {}, {}, never, ["*"], false, never>;
|
|
602
546
|
}
|
|
@@ -610,18 +554,6 @@ declare class SkyDefinitionListModule {
|
|
|
610
554
|
static ɵinj: i0.ɵɵInjectorDeclaration<SkyDefinitionListModule>;
|
|
611
555
|
}
|
|
612
556
|
|
|
613
|
-
/**
|
|
614
|
-
* @internal
|
|
615
|
-
*/
|
|
616
|
-
declare class SkyDescriptionListAdapterService {
|
|
617
|
-
#private;
|
|
618
|
-
constructor(rendererFactory: RendererFactory2);
|
|
619
|
-
getWidth(elementRef: ElementRef): number;
|
|
620
|
-
setResponsiveClass(element: ElementRef): void;
|
|
621
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDescriptionListAdapterService, never>;
|
|
622
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<SkyDescriptionListAdapterService>;
|
|
623
|
-
}
|
|
624
|
-
|
|
625
557
|
/**
|
|
626
558
|
* @internal
|
|
627
559
|
*/
|
|
@@ -639,14 +571,13 @@ declare class SkyDescriptionListService implements OnDestroy {
|
|
|
639
571
|
*/
|
|
640
572
|
declare class SkyDescriptionListDescriptionComponent implements OnDestroy, OnInit {
|
|
641
573
|
#private;
|
|
642
|
-
service: SkyDescriptionListService;
|
|
643
574
|
defaultDescription: string | undefined;
|
|
644
575
|
themeName: string | undefined;
|
|
645
576
|
templateRef: TemplateRef<unknown> | undefined;
|
|
646
|
-
|
|
577
|
+
readonly service: SkyDescriptionListService;
|
|
647
578
|
ngOnInit(): void;
|
|
648
579
|
ngOnDestroy(): void;
|
|
649
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDescriptionListDescriptionComponent,
|
|
580
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDescriptionListDescriptionComponent, never>;
|
|
650
581
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyDescriptionListDescriptionComponent, "sky-description-list-description", never, {}, {}, never, ["*"], false, never>;
|
|
651
582
|
}
|
|
652
583
|
|
|
@@ -717,7 +648,6 @@ declare class SkyDescriptionListComponent implements AfterContentInit, OnDestroy
|
|
|
717
648
|
get mode(): SkyDescriptionListModeType;
|
|
718
649
|
contentComponents: QueryList<SkyDescriptionListContentComponent> | undefined;
|
|
719
650
|
elementRef: ElementRef | undefined;
|
|
720
|
-
constructor(adapterService: SkyDescriptionListAdapterService, changeDetector: ChangeDetectorRef, descriptionListService: SkyDescriptionListService);
|
|
721
651
|
ngAfterContentInit(): void;
|
|
722
652
|
ngOnDestroy(): void;
|
|
723
653
|
onWindowResize(): void;
|
|
@@ -958,20 +888,6 @@ declare class SkyPageSummaryModule {
|
|
|
958
888
|
static ɵinj: i0.ɵɵInjectorDeclaration<SkyPageSummaryModule>;
|
|
959
889
|
}
|
|
960
890
|
|
|
961
|
-
/**
|
|
962
|
-
* @internal
|
|
963
|
-
*/
|
|
964
|
-
declare class SkyTextExpandAdapterService {
|
|
965
|
-
#private;
|
|
966
|
-
constructor(rendererFactory: RendererFactory2);
|
|
967
|
-
getContainerHeight(containerEl: ElementRef): number;
|
|
968
|
-
removeContainerMaxHeight(containerEl: ElementRef): void;
|
|
969
|
-
setContainerMaxHeight(containerEl: ElementRef, height: number): void;
|
|
970
|
-
setText(textEl: ElementRef, text: string): void;
|
|
971
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTextExpandAdapterService, never>;
|
|
972
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<SkyTextExpandAdapterService>;
|
|
973
|
-
}
|
|
974
|
-
|
|
975
891
|
declare class SkyTextExpandComponent implements AfterContentInit {
|
|
976
892
|
#private;
|
|
977
893
|
/**
|
|
@@ -1020,7 +936,6 @@ declare class SkyTextExpandComponent implements AfterContentInit {
|
|
|
1020
936
|
containerEl: ElementRef | undefined;
|
|
1021
937
|
set textEl(value: ElementRef | undefined);
|
|
1022
938
|
get textEl(): ElementRef | undefined;
|
|
1023
|
-
constructor(resources: SkyLibResourcesService, modalSvc: SkyModalService, textExpandAdapter: SkyTextExpandAdapterService);
|
|
1024
939
|
textExpand(): void;
|
|
1025
940
|
animationEnd(): void;
|
|
1026
941
|
ngAfterContentInit(): void;
|