@skyux/layout 10.37.1 → 10.37.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.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Component, TemplateRef, ViewChild, inject } from '@angular/core';
|
|
2
2
|
import { SkyDescriptionListContentComponent } from './description-list-content.component';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular/common";
|
|
@@ -16,11 +16,11 @@ export class SkyDescriptionListTermComponent {
|
|
|
16
16
|
});
|
|
17
17
|
}
|
|
18
18
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyDescriptionListTermComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: SkyDescriptionListTermComponent, selector: "sky-description-list-term", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["termTemplateRef"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<ng-template #termTemplateRef\n ><span skyTrim skyId #term=\"skyId\" class=\"description-list-term\"\n ><ng-content /></span\n ><span class=\"sky-control-help-container\"\n ><sky-help-inline\n *ngIf=\"content?.helpPopoverContent || content?.helpKey; else helpContent\"\n [labelledBy]=\"term.id\"\n [helpKey]=\"content?.helpKey\"\n [popoverTitle]=\"content?.helpPopoverTitle\"\n [popoverContent]=\"content?.helpPopoverContent\" /></span\n></ng-template>\n<ng-template #helpContent\n ><ng-content select=\".sky-control-help\"\n/></ng-template>\n", styles: ["span.description-list-term{display:contents;white-space:normal}:host-context(.sky-description-list-long-description-mode) span.description-list-term{overflow-wrap:break-word}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.λ1, selector: "sky-help-inline", inputs: ["ariaControls", "ariaExpanded", "ariaLabel", "helpKey", "labelledBy", "labelText", "popoverContent", "popoverTitle"], outputs: ["actionClick"] }, { kind: "directive", type: i3.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "directive", type: i3.λ4, selector: "[skyTrim]" }]
|
|
19
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: SkyDescriptionListTermComponent, selector: "sky-description-list-term", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["termTemplateRef"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<ng-template #termTemplateRef\n ><span skyTrim skyId #term=\"skyId\" class=\"description-list-term\"\n ><ng-content /></span\n ><span class=\"sky-control-help-container\"\n ><sky-help-inline\n *ngIf=\"content?.helpPopoverContent || content?.helpKey; else helpContent\"\n [labelledBy]=\"term.id\"\n [helpKey]=\"content?.helpKey\"\n [popoverTitle]=\"content?.helpPopoverTitle\"\n [popoverContent]=\"content?.helpPopoverContent\" /></span\n></ng-template>\n<ng-template #helpContent\n ><ng-content select=\".sky-control-help\"\n/></ng-template>\n", styles: ["span.description-list-term{display:contents;white-space:normal}:host-context(.sky-description-list-long-description-mode) span.description-list-term{overflow-wrap:break-word}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.λ1, selector: "sky-help-inline", inputs: ["ariaControls", "ariaExpanded", "ariaLabel", "helpKey", "labelledBy", "labelText", "popoverContent", "popoverTitle"], outputs: ["actionClick"] }, { kind: "directive", type: i3.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "directive", type: i3.λ4, selector: "[skyTrim]" }] }); }
|
|
20
20
|
}
|
|
21
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyDescriptionListTermComponent, decorators: [{
|
|
22
22
|
type: Component,
|
|
23
|
-
args: [{ selector: 'sky-description-list-term',
|
|
23
|
+
args: [{ selector: 'sky-description-list-term', template: "<ng-template #termTemplateRef\n ><span skyTrim skyId #term=\"skyId\" class=\"description-list-term\"\n ><ng-content /></span\n ><span class=\"sky-control-help-container\"\n ><sky-help-inline\n *ngIf=\"content?.helpPopoverContent || content?.helpKey; else helpContent\"\n [labelledBy]=\"term.id\"\n [helpKey]=\"content?.helpKey\"\n [popoverTitle]=\"content?.helpPopoverTitle\"\n [popoverContent]=\"content?.helpPopoverContent\" /></span\n></ng-template>\n<ng-template #helpContent\n ><ng-content select=\".sky-control-help\"\n/></ng-template>\n", styles: ["span.description-list-term{display:contents;white-space:normal}:host-context(.sky-description-list-long-description-mode) span.description-list-term{overflow-wrap:break-word}\n"] }]
|
|
24
24
|
}], propDecorators: { templateRef: [{
|
|
25
25
|
type: ViewChild,
|
|
26
26
|
args: ['termTemplateRef', {
|
|
@@ -28,4 +28,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
|
|
|
28
28
|
static: true,
|
|
29
29
|
}]
|
|
30
30
|
}] } });
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVzY3JpcHRpb24tbGlzdC10ZXJtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9sYXlvdXQvc3JjL2xpYi9tb2R1bGVzL2Rlc2NyaXB0aW9uLWxpc3QvZGVzY3JpcHRpb24tbGlzdC10ZXJtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9sYXlvdXQvc3JjL2xpYi9tb2R1bGVzL2Rlc2NyaXB0aW9uLWxpc3QvZGVzY3JpcHRpb24tbGlzdC10ZXJtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFMUUsT0FBTyxFQUFFLGtDQUFrQyxFQUFFLE1BQU0sc0NBQXNDLENBQUM7Ozs7O0FBRTFGOzs7O0dBSUc7QUFNSCxNQUFNLE9BQU8sK0JBQStCO0lBTDVDO1FBWXFCLFlBQU8sR0FBRyxNQUFNLENBQUMsa0NBQWtDLEVBQUU7WUFDdEUsUUFBUSxFQUFFLElBQUk7U0FDZixDQUFDLENBQUM7S0FDSjs4R0FWWSwrQkFBK0I7a0dBQS9CLCtCQUErQiw0SkFFbEMsV0FBVywyQ0NoQnJCLG1rQkFjQTs7MkZEQWEsK0JBQStCO2tCQUwzQyxTQUFTOytCQUNFLDJCQUEyQjs4QkFTOUIsV0FBVztzQkFKakIsU0FBUzt1QkFBQyxpQkFBaUIsRUFBRTt3QkFDNUIsSUFBSSxFQUFFLFdBQVc7d0JBQ2pCLE1BQU0sRUFBRSxJQUFJO3FCQUNiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBUZW1wbGF0ZVJlZiwgVmlld0NoaWxkLCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU2t5RGVzY3JpcHRpb25MaXN0Q29udGVudENvbXBvbmVudCB9IGZyb20gJy4vZGVzY3JpcHRpb24tbGlzdC1jb250ZW50LmNvbXBvbmVudCc7XG5cbi8qKlxuICogU3BlY2lmaWVzIHRoZSB0ZXJtIGluIGEgdGVybS1kZXNjcmlwdGlvbiBwYWlyLiBUbyBkaXNwbGF5IGEgaGVscCBidXR0b24gYmVzaWRlXG4gKiB0aGUgdGVybSwgaW5jbHVkZSBhIGhlbHAgYnV0dG9uIGVsZW1lbnQgaW4gdGhlIHNreS1kZXNjcmlwdGlvbi1saXN0LXRlcm0gZWxlbWVudFxuICogYW5kIGEgc2t5LWNvbnRyb2wtaGVscCBDU1MgY2xhc3Mgb24gdGhhdCBlbGVtZW50LlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktZGVzY3JpcHRpb24tbGlzdC10ZXJtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Rlc2NyaXB0aW9uLWxpc3QtdGVybS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9kZXNjcmlwdGlvbi1saXN0LXRlcm0uY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lEZXNjcmlwdGlvbkxpc3RUZXJtQ29tcG9uZW50IHtcbiAgQFZpZXdDaGlsZCgndGVybVRlbXBsYXRlUmVmJywge1xuICAgIHJlYWQ6IFRlbXBsYXRlUmVmLFxuICAgIHN0YXRpYzogdHJ1ZSxcbiAgfSlcbiAgcHVibGljIHRlbXBsYXRlUmVmOiBUZW1wbGF0ZVJlZjx1bmtub3duPiB8IHVuZGVmaW5lZDtcblxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgY29udGVudCA9IGluamVjdChTa3lEZXNjcmlwdGlvbkxpc3RDb250ZW50Q29tcG9uZW50LCB7XG4gICAgb3B0aW9uYWw6IHRydWUsXG4gIH0pO1xufVxuIiwiPG5nLXRlbXBsYXRlICN0ZXJtVGVtcGxhdGVSZWZcbiAgPjxzcGFuIHNreVRyaW0gc2t5SWQgI3Rlcm09XCJza3lJZFwiIGNsYXNzPVwiZGVzY3JpcHRpb24tbGlzdC10ZXJtXCJcbiAgICA+PG5nLWNvbnRlbnQgLz48L3NwYW5cbiAgPjxzcGFuIGNsYXNzPVwic2t5LWNvbnRyb2wtaGVscC1jb250YWluZXJcIlxuICAgID48c2t5LWhlbHAtaW5saW5lXG4gICAgICAqbmdJZj1cImNvbnRlbnQ/LmhlbHBQb3BvdmVyQ29udGVudCB8fCBjb250ZW50Py5oZWxwS2V5OyBlbHNlIGhlbHBDb250ZW50XCJcbiAgICAgIFtsYWJlbGxlZEJ5XT1cInRlcm0uaWRcIlxuICAgICAgW2hlbHBLZXldPVwiY29udGVudD8uaGVscEtleVwiXG4gICAgICBbcG9wb3ZlclRpdGxlXT1cImNvbnRlbnQ/LmhlbHBQb3BvdmVyVGl0bGVcIlxuICAgICAgW3BvcG92ZXJDb250ZW50XT1cImNvbnRlbnQ/LmhlbHBQb3BvdmVyQ29udGVudFwiIC8+PC9zcGFuXG4+PC9uZy10ZW1wbGF0ZT5cbjxuZy10ZW1wbGF0ZSAjaGVscENvbnRlbnRcbiAgPjxuZy1jb250ZW50IHNlbGVjdD1cIi5za3ktY29udHJvbC1oZWxwXCJcbi8+PC9uZy10ZW1wbGF0ZT5cbiJdfQ==
|
|
@@ -1554,11 +1554,11 @@ class SkyDescriptionListTermComponent {
|
|
|
1554
1554
|
});
|
|
1555
1555
|
}
|
|
1556
1556
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyDescriptionListTermComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1557
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: SkyDescriptionListTermComponent, selector: "sky-description-list-term", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["termTemplateRef"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<ng-template #termTemplateRef\n ><span skyTrim skyId #term=\"skyId\" class=\"description-list-term\"\n ><ng-content /></span\n ><span class=\"sky-control-help-container\"\n ><sky-help-inline\n *ngIf=\"content?.helpPopoverContent || content?.helpKey; else helpContent\"\n [labelledBy]=\"term.id\"\n [helpKey]=\"content?.helpKey\"\n [popoverTitle]=\"content?.helpPopoverTitle\"\n [popoverContent]=\"content?.helpPopoverContent\" /></span\n></ng-template>\n<ng-template #helpContent\n ><ng-content select=\".sky-control-help\"\n/></ng-template>\n", styles: ["span.description-list-term{display:contents;white-space:normal}:host-context(.sky-description-list-long-description-mode) span.description-list-term{overflow-wrap:break-word}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.λ1, selector: "sky-help-inline", inputs: ["ariaControls", "ariaExpanded", "ariaLabel", "helpKey", "labelledBy", "labelText", "popoverContent", "popoverTitle"], outputs: ["actionClick"] }, { kind: "directive", type: i1$1.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "directive", type: i1$1.λ4, selector: "[skyTrim]" }]
|
|
1557
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: SkyDescriptionListTermComponent, selector: "sky-description-list-term", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["termTemplateRef"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<ng-template #termTemplateRef\n ><span skyTrim skyId #term=\"skyId\" class=\"description-list-term\"\n ><ng-content /></span\n ><span class=\"sky-control-help-container\"\n ><sky-help-inline\n *ngIf=\"content?.helpPopoverContent || content?.helpKey; else helpContent\"\n [labelledBy]=\"term.id\"\n [helpKey]=\"content?.helpKey\"\n [popoverTitle]=\"content?.helpPopoverTitle\"\n [popoverContent]=\"content?.helpPopoverContent\" /></span\n></ng-template>\n<ng-template #helpContent\n ><ng-content select=\".sky-control-help\"\n/></ng-template>\n", styles: ["span.description-list-term{display:contents;white-space:normal}:host-context(.sky-description-list-long-description-mode) span.description-list-term{overflow-wrap:break-word}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.λ1, selector: "sky-help-inline", inputs: ["ariaControls", "ariaExpanded", "ariaLabel", "helpKey", "labelledBy", "labelText", "popoverContent", "popoverTitle"], outputs: ["actionClick"] }, { kind: "directive", type: i1$1.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "directive", type: i1$1.λ4, selector: "[skyTrim]" }] }); }
|
|
1558
1558
|
}
|
|
1559
1559
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyDescriptionListTermComponent, decorators: [{
|
|
1560
1560
|
type: Component,
|
|
1561
|
-
args: [{ selector: 'sky-description-list-term',
|
|
1561
|
+
args: [{ selector: 'sky-description-list-term', template: "<ng-template #termTemplateRef\n ><span skyTrim skyId #term=\"skyId\" class=\"description-list-term\"\n ><ng-content /></span\n ><span class=\"sky-control-help-container\"\n ><sky-help-inline\n *ngIf=\"content?.helpPopoverContent || content?.helpKey; else helpContent\"\n [labelledBy]=\"term.id\"\n [helpKey]=\"content?.helpKey\"\n [popoverTitle]=\"content?.helpPopoverTitle\"\n [popoverContent]=\"content?.helpPopoverContent\" /></span\n></ng-template>\n<ng-template #helpContent\n ><ng-content select=\".sky-control-help\"\n/></ng-template>\n", styles: ["span.description-list-term{display:contents;white-space:normal}:host-context(.sky-description-list-long-description-mode) span.description-list-term{overflow-wrap:break-word}\n"] }]
|
|
1562
1562
|
}], propDecorators: { templateRef: [{
|
|
1563
1563
|
type: ViewChild,
|
|
1564
1564
|
args: ['termTemplateRef', {
|