@skyux/layout 7.1.1 → 7.1.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/documentation.json +347 -347
- package/esm2020/lib/modules/card/card.component.mjs +1 -1
- package/esm2020/lib/modules/description-list/description-list.component.mjs +19 -16
- package/esm2020/lib/modules/description-list/description-list.service.mjs +8 -5
- package/fesm2015/skyux-layout.mjs +25 -20
- package/fesm2015/skyux-layout.mjs.map +1 -1
- package/fesm2020/skyux-layout.mjs +25 -20
- package/fesm2020/skyux-layout.mjs.map +1 -1
- package/lib/modules/description-list/description-list.component.d.ts +0 -4
- package/lib/modules/description-list/description-list.service.d.ts +1 -1
- package/package.json +9 -9
|
@@ -87,7 +87,7 @@ export class SkyCardComponent {
|
|
|
87
87
|
}
|
|
88
88
|
_SkyCardComponent_subscription = new WeakMap(), _SkyCardComponent__size = new WeakMap();
|
|
89
89
|
SkyCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyCardComponent, deps: [{ token: i1.SkyLogService }], target: i0.ɵɵFactoryTarget.Component });
|
|
90
|
-
SkyCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: SkyCardComponent, selector: "sky-card", inputs: { size: "size", selectable: "selectable", selected: "selected" }, outputs: { selectedChange: "selectedChange" }, queries: [{ propertyName: "inlineDeleteComponent", predicate: SkyInlineDeleteComponent }, { propertyName: "titleComponent", predicate: SkyCardTitleComponent }], ngImport: i0, template: "<section\n class=\"sky-card sky-shadow\"\n [ngClass]=\"\n {\n 'sky-card-small': size === 'small',\n 'sky-card-selectable': selectable,\n 'sky-card-selected': selectable && selected\n }\"\n>\n <ng-content select=\"sky-inline-delete\"></ng-content>\n <header>\n <div\n *ngIf=\"selectable || showTitle\"\n class=\"sky-card-header\"\n (click)=\"contentClick()\"\n >\n <div class=\"sky-card-heading-middle\">\n <h1 *ngIf=\"showTitle\" class=\"sky-card-title sky-section-heading\">\n <ng-content select=\"sky-card-title\"></ng-content>\n </h1>\n </div>\n <div *ngIf=\"selectable\" class=\"sky-card-check\">\n <sky-checkbox\n [label]=\"'skyux_card_checkbox_label' | skyLibResources\"\n [ngModel]=\"selected\"\n (click)=\"$event.stopPropagation()\"\n (ngModelChange)=\"onCheckboxChange($event)\"\n ></sky-checkbox>\n </div>\n </div>\n </header>\n <div\n class=\"sky-card-content sky-padding-even-default\"\n (click)=\"contentClick()\"\n >\n <ng-content select=\"sky-card-content\"></ng-content>\n </div>\n <div\n class=\"sky-card-actions\"\n [hidden]=\"actionsEl.children.length === 0\"\n #actionsEl\n >\n <ng-content select=\"sky-card-actions\"></ng-content>\n </div>\n</section>\n", styles: [".sky-card{background-color:#fff;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;display:inline-flex;flex-direction:column;height:350px;margin:0 10px 10px 0;transition:background-color .15s;vertical-align:top;width:350px;position:relative}.sky-card-small{height:250px;width:225px}.sky-card-selectable .sky-card-header,.sky-card-selectable .sky-card-content{cursor:pointer}.sky-card-selected{background-color:#f1eef6;transition:background-color .15s}.sky-card-header{align-items:center;display:flex;flex-shrink:0;margin:0;padding:10px 0 0}.sky-card-heading-left,.sky-card-heading-right{font-weight:400;max-width:34px}.sky-card-heading-left{padding-left:10px}.sky-card-heading-right{padding-right:10px}.sky-card-heading-middle{flex-grow:1;padding:0 10px;overflow:hidden}.sky-card-title{margin:0;line-height:1.428571429}.sky-card-check{flex-shrink:0;padding-right:10px}.sky-card-check .sky-check-wrapper{margin-bottom:2px}.sky-card-content{flex-grow:1;font-weight:400;margin:0;overflow:hidden}.sky-card-actions{bottom:0;flex-shrink:0;text-align:center}.sky-card-actions .sky-context-menu-btn{height:32px;width:32px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }, { kind: "pipe", type: i5.SkyLibResourcesPipe, name: "skyLibResources" }] });
|
|
90
|
+
SkyCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: SkyCardComponent, selector: "sky-card", inputs: { size: "size", selectable: "selectable", selected: "selected" }, outputs: { selectedChange: "selectedChange" }, queries: [{ propertyName: "inlineDeleteComponent", predicate: SkyInlineDeleteComponent }, { propertyName: "titleComponent", predicate: SkyCardTitleComponent }], ngImport: i0, template: "<section\n class=\"sky-card sky-shadow\"\n [ngClass]=\"\n {\n 'sky-card-small': size === 'small',\n 'sky-card-selectable': selectable,\n 'sky-card-selected': selectable && selected\n }\"\n>\n <ng-content select=\"sky-inline-delete\"></ng-content>\n <header>\n <div\n *ngIf=\"selectable || showTitle\"\n class=\"sky-card-header\"\n (click)=\"contentClick()\"\n >\n <div class=\"sky-card-heading-middle\">\n <h1 *ngIf=\"showTitle\" class=\"sky-card-title sky-section-heading\">\n <ng-content select=\"sky-card-title\"></ng-content>\n </h1>\n </div>\n <div *ngIf=\"selectable\" class=\"sky-card-check\">\n <sky-checkbox\n [label]=\"'skyux_card_checkbox_label' | skyLibResources\"\n [ngModel]=\"selected\"\n (click)=\"$event.stopPropagation()\"\n (ngModelChange)=\"onCheckboxChange($event)\"\n ></sky-checkbox>\n </div>\n </div>\n </header>\n <div\n class=\"sky-card-content sky-padding-even-default\"\n (click)=\"contentClick()\"\n >\n <ng-content select=\"sky-card-content\"></ng-content>\n </div>\n <div\n class=\"sky-card-actions\"\n [hidden]=\"actionsEl.children.length === 0\"\n #actionsEl\n >\n <ng-content select=\"sky-card-actions\"></ng-content>\n </div>\n</section>\n", styles: [".sky-card{background-color:#fff;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;display:inline-flex;flex-direction:column;height:350px;margin:0 10px 10px 0;transition:background-color .15s;vertical-align:top;width:350px;position:relative}.sky-card-small{height:250px;width:225px}.sky-card-selectable .sky-card-header,.sky-card-selectable .sky-card-content{cursor:pointer}.sky-card-selected{background-color:#f1eef6;transition:background-color .15s}.sky-card-header{align-items:center;display:flex;flex-shrink:0;margin:0;padding:10px 0 0}.sky-card-heading-left,.sky-card-heading-right{font-weight:400;max-width:34px}.sky-card-heading-left{padding-left:10px}.sky-card-heading-right{padding-right:10px}.sky-card-heading-middle{flex-grow:1;padding:0 10px;overflow:hidden}.sky-card-title{margin:0;line-height:1.428571429}.sky-card-check{flex-shrink:0;padding-right:10px}.sky-card-check .sky-check-wrapper{margin-bottom:2px}.sky-card-content{flex-grow:1;font-weight:400;margin:0;overflow:hidden}.sky-card-actions{bottom:0;flex-shrink:0;text-align:center}.sky-card-actions .sky-context-menu-btn{height:32px;width:32px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "indeterminate", "required"], outputs: ["change", "checkedChange", "disabledChange", "indeterminateChange"] }, { kind: "pipe", type: i5.SkyLibResourcesPipe, name: "skyLibResources" }] });
|
|
91
91
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyCardComponent, decorators: [{
|
|
92
92
|
type: Component,
|
|
93
93
|
args: [{ selector: 'sky-card', template: "<section\n class=\"sky-card sky-shadow\"\n [ngClass]=\"\n {\n 'sky-card-small': size === 'small',\n 'sky-card-selectable': selectable,\n 'sky-card-selected': selectable && selected\n }\"\n>\n <ng-content select=\"sky-inline-delete\"></ng-content>\n <header>\n <div\n *ngIf=\"selectable || showTitle\"\n class=\"sky-card-header\"\n (click)=\"contentClick()\"\n >\n <div class=\"sky-card-heading-middle\">\n <h1 *ngIf=\"showTitle\" class=\"sky-card-title sky-section-heading\">\n <ng-content select=\"sky-card-title\"></ng-content>\n </h1>\n </div>\n <div *ngIf=\"selectable\" class=\"sky-card-check\">\n <sky-checkbox\n [label]=\"'skyux_card_checkbox_label' | skyLibResources\"\n [ngModel]=\"selected\"\n (click)=\"$event.stopPropagation()\"\n (ngModelChange)=\"onCheckboxChange($event)\"\n ></sky-checkbox>\n </div>\n </div>\n </header>\n <div\n class=\"sky-card-content sky-padding-even-default\"\n (click)=\"contentClick()\"\n >\n <ng-content select=\"sky-card-content\"></ng-content>\n </div>\n <div\n class=\"sky-card-actions\"\n [hidden]=\"actionsEl.children.length === 0\"\n #actionsEl\n >\n <ng-content select=\"sky-card-actions\"></ng-content>\n </div>\n</section>\n", styles: [".sky-card{background-color:#fff;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;display:inline-flex;flex-direction:column;height:350px;margin:0 10px 10px 0;transition:background-color .15s;vertical-align:top;width:350px;position:relative}.sky-card-small{height:250px;width:225px}.sky-card-selectable .sky-card-header,.sky-card-selectable .sky-card-content{cursor:pointer}.sky-card-selected{background-color:#f1eef6;transition:background-color .15s}.sky-card-header{align-items:center;display:flex;flex-shrink:0;margin:0;padding:10px 0 0}.sky-card-heading-left,.sky-card-heading-right{font-weight:400;max-width:34px}.sky-card-heading-left{padding-left:10px}.sky-card-heading-right{padding-right:10px}.sky-card-heading-middle{flex-grow:1;padding:0 10px;overflow:hidden}.sky-card-title{margin:0;line-height:1.428571429}.sky-card-check{flex-shrink:0;padding-right:10px}.sky-card-check .sky-check-wrapper{margin-bottom:2px}.sky-card-content{flex-grow:1;font-weight:400;margin:0;overflow:hidden}.sky-card-actions{bottom:0;flex-shrink:0;text-align:center}.sky-card-actions .sky-context-menu-btn{height:32px;width:32px}\n"] }]
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _SkyDescriptionListComponent_ngUnsubscribe, _SkyDescriptionListComponent__mode;
|
|
1
|
+
var _SkyDescriptionListComponent_instances, _SkyDescriptionListComponent_ngUnsubscribe, _SkyDescriptionListComponent__mode, _SkyDescriptionListComponent_adapterService, _SkyDescriptionListComponent_changeDetector, _SkyDescriptionListComponent_descriptionListService, _SkyDescriptionListComponent_updateResponsiveClass;
|
|
2
2
|
import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
|
|
3
3
|
import { ChangeDetectionStrategy, Component, ContentChildren, ElementRef, HostListener, Input, ViewChild, } from '@angular/core';
|
|
4
4
|
import { Subject } from 'rxjs';
|
|
@@ -15,11 +15,15 @@ import * as i3 from "@angular/common";
|
|
|
15
15
|
*/
|
|
16
16
|
export class SkyDescriptionListComponent {
|
|
17
17
|
constructor(adapterService, changeDetector, descriptionListService) {
|
|
18
|
-
this
|
|
19
|
-
this.changeDetector = changeDetector;
|
|
20
|
-
this.descriptionListService = descriptionListService;
|
|
18
|
+
_SkyDescriptionListComponent_instances.add(this);
|
|
21
19
|
_SkyDescriptionListComponent_ngUnsubscribe.set(this, new Subject());
|
|
22
20
|
_SkyDescriptionListComponent__mode.set(this, 'vertical');
|
|
21
|
+
_SkyDescriptionListComponent_adapterService.set(this, void 0);
|
|
22
|
+
_SkyDescriptionListComponent_changeDetector.set(this, void 0);
|
|
23
|
+
_SkyDescriptionListComponent_descriptionListService.set(this, void 0);
|
|
24
|
+
__classPrivateFieldSet(this, _SkyDescriptionListComponent_adapterService, adapterService, "f");
|
|
25
|
+
__classPrivateFieldSet(this, _SkyDescriptionListComponent_changeDetector, changeDetector, "f");
|
|
26
|
+
__classPrivateFieldSet(this, _SkyDescriptionListComponent_descriptionListService, descriptionListService, "f");
|
|
23
27
|
}
|
|
24
28
|
/**
|
|
25
29
|
* Specifies a default description to display when no description is provided
|
|
@@ -27,7 +31,7 @@ export class SkyDescriptionListComponent {
|
|
|
27
31
|
* @default "None found"
|
|
28
32
|
*/
|
|
29
33
|
set defaultDescription(value) {
|
|
30
|
-
this.
|
|
34
|
+
__classPrivateFieldGet(this, _SkyDescriptionListComponent_descriptionListService, "f").updateDefaultDescription(value);
|
|
31
35
|
}
|
|
32
36
|
/**
|
|
33
37
|
* Specifies how to display term-description pairs within the description list.
|
|
@@ -43,14 +47,14 @@ export class SkyDescriptionListComponent {
|
|
|
43
47
|
ngAfterContentInit() {
|
|
44
48
|
// Wait for all content to render before detecting parent width.
|
|
45
49
|
setTimeout(() => {
|
|
46
|
-
this.
|
|
50
|
+
__classPrivateFieldGet(this, _SkyDescriptionListComponent_instances, "m", _SkyDescriptionListComponent_updateResponsiveClass).call(this);
|
|
47
51
|
});
|
|
48
52
|
// istanbul ignore else
|
|
49
53
|
if (this.contentComponents) {
|
|
50
54
|
this.contentComponents.changes
|
|
51
55
|
.pipe(takeUntil(__classPrivateFieldGet(this, _SkyDescriptionListComponent_ngUnsubscribe, "f")))
|
|
52
56
|
.subscribe(() => {
|
|
53
|
-
this.
|
|
57
|
+
__classPrivateFieldGet(this, _SkyDescriptionListComponent_changeDetector, "f").markForCheck();
|
|
54
58
|
});
|
|
55
59
|
}
|
|
56
60
|
}
|
|
@@ -59,16 +63,15 @@ export class SkyDescriptionListComponent {
|
|
|
59
63
|
__classPrivateFieldGet(this, _SkyDescriptionListComponent_ngUnsubscribe, "f").complete();
|
|
60
64
|
}
|
|
61
65
|
onWindowResize() {
|
|
62
|
-
this.
|
|
63
|
-
}
|
|
64
|
-
updateResponsiveClass() {
|
|
65
|
-
if (this.elementRef) {
|
|
66
|
-
this.adapterService.setResponsiveClass(this.elementRef);
|
|
67
|
-
this.changeDetector.markForCheck();
|
|
68
|
-
}
|
|
66
|
+
__classPrivateFieldGet(this, _SkyDescriptionListComponent_instances, "m", _SkyDescriptionListComponent_updateResponsiveClass).call(this);
|
|
69
67
|
}
|
|
70
68
|
}
|
|
71
|
-
_SkyDescriptionListComponent_ngUnsubscribe = new WeakMap(), _SkyDescriptionListComponent__mode = new WeakMap()
|
|
69
|
+
_SkyDescriptionListComponent_ngUnsubscribe = new WeakMap(), _SkyDescriptionListComponent__mode = new WeakMap(), _SkyDescriptionListComponent_adapterService = new WeakMap(), _SkyDescriptionListComponent_changeDetector = new WeakMap(), _SkyDescriptionListComponent_descriptionListService = new WeakMap(), _SkyDescriptionListComponent_instances = new WeakSet(), _SkyDescriptionListComponent_updateResponsiveClass = function _SkyDescriptionListComponent_updateResponsiveClass() {
|
|
70
|
+
if (this.elementRef) {
|
|
71
|
+
__classPrivateFieldGet(this, _SkyDescriptionListComponent_adapterService, "f").setResponsiveClass(this.elementRef);
|
|
72
|
+
__classPrivateFieldGet(this, _SkyDescriptionListComponent_changeDetector, "f").markForCheck();
|
|
73
|
+
}
|
|
74
|
+
};
|
|
72
75
|
SkyDescriptionListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyDescriptionListComponent, deps: [{ token: i1.SkyDescriptionListAdapterService }, { token: i0.ChangeDetectorRef }, { token: i2.SkyDescriptionListService }], target: i0.ɵɵFactoryTarget.Component });
|
|
73
76
|
SkyDescriptionListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: SkyDescriptionListComponent, selector: "sky-description-list", inputs: { defaultDescription: "defaultDescription", listItemWidth: "listItemWidth", mode: "mode" }, host: { listeners: { "window:resize": "onWindowResize()" } }, providers: [SkyDescriptionListAdapterService, SkyDescriptionListService], queries: [{ propertyName: "contentComponents", predicate: SkyDescriptionListContentComponent }], viewQueries: [{ propertyName: "elementRef", first: true, predicate: ["descriptionListElement"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<dl\n class=\"sky-description-list\"\n [ngClass]=\"{\n 'sky-description-list-long-description-mode': mode === 'longDescription',\n 'sky-description-list-vertical-mode': mode === 'vertical',\n 'sky-description-list-horizontal-mode': mode === 'horizontal'\n }\"\n #descriptionListElement\n>\n <!--\n Wrapping div is for horizontal flexing. Also injecting children's templateRef directly\n to avoid adding non-semantic HTML tags to DOM\n -->\n <div\n *ngFor=\"let contentComponent of contentComponents\"\n class=\"sky-description-list-content\"\n [style.width]=\"mode === 'horizontal' ? listItemWidth : ''\"\n >\n <dt *ngFor=\"let termComponent of contentComponent?.termComponents\">\n <ng-container *ngIf=\"termComponent.templateRef\">\n <ng-container\n *ngTemplateOutlet=\"termComponent.templateRef\"\n ></ng-container>\n </ng-container>\n </dt>\n <dd\n *ngFor=\"\n let descriptionComponent of contentComponent?.descriptionComponents\n \"\n >\n <ng-container *ngIf=\"descriptionComponent.templateRef\">\n <ng-container\n *ngTemplateOutlet=\"descriptionComponent.templateRef\"\n ></ng-container>\n </ng-container>\n </dd>\n </div>\n</dl>\n", styles: [":host{display:block}.sky-description-list{margin:0;padding:0}.sky-description-list dt{color:#686c73;font-size:14px;font-weight:400;margin:0 0 3px;padding:0}.sky-description-list dd{margin:0;padding:0}.sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{width:auto}.sky-description-list.sky-description-list-vertical-mode .sky-description-list-content:not(:last-child){margin:0 0 15px}.sky-description-list.sky-description-list-horizontal-mode{display:flex;flex-wrap:wrap;margin:0 0 var(--sky-compat-description-list-margin-bottom, -15px) 0}.sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 15px;padding:0 60px 0 0;min-width:100px;width:auto}.sky-description-list.sky-description-list-horizontal-mode.sky-responsive-container-xs .sky-description-list-content,.sky-description-list.sky-description-list-horizontal-mode.sky-responsive-container-sm .sky-description-list-content{width:50%}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content{display:flex}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content:not(:last-child){margin:0 0 10px}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content dt{color:#212327;font-size:16px;font-weight:600;margin:0 20px 0 0;width:25%;word-break:break-word}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content dd{flex:1}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content{flex-direction:column}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content dt{margin:0 0 3px;width:100%}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content dd{margin:0 0 10px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode .sky-description-list-content:not(:last-child){margin:0 0 20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode dt{color:#686c73;font-size:14px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode dd{font-size:16px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-horizontal-mode{margin:0 0 -20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode dt{color:inherit;font-weight:700;font-size:inherit}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode dd{font-size:16px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dt{margin:0 0 5px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dd{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode .sky-description-list-content:not(:last-child){margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode dt{color:#686c73;font-size:14px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode dd{font-size:16px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-horizontal-mode{margin:0 0 -20px}.sky-theme-modern .sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode dt{color:inherit;font-weight:700;font-size:inherit}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode dd{font-size:16px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dt{margin:0 0 5px}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dd{margin:0 0 20px}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
74
77
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyDescriptionListComponent, decorators: [{
|
|
@@ -93,4 +96,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImpo
|
|
|
93
96
|
type: HostListener,
|
|
94
97
|
args: ['window:resize']
|
|
95
98
|
}] } });
|
|
96
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
99
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVzY3JpcHRpb24tbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9saWIvbW9kdWxlcy9kZXNjcmlwdGlvbi1saXN0L2Rlc2NyaXB0aW9uLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xheW91dC9zcmMvbGliL21vZHVsZXMvZGVzY3JpcHRpb24tbGlzdC9kZXNjcmlwdGlvbi1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUVMLHVCQUF1QixFQUV2QixTQUFTLEVBQ1QsZUFBZSxFQUNmLFVBQVUsRUFDVixZQUFZLEVBQ1osS0FBSyxFQUdMLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUUzQyxPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUN0RixPQUFPLEVBQUUsa0NBQWtDLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUMxRixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7Ozs7QUFHdkU7O0dBRUc7QUFRSCxNQUFNLE9BQU8sMkJBQTJCO0lBb0R0QyxZQUNFLGNBQWdELEVBQ2hELGNBQWlDLEVBQ2pDLHNCQUFpRDs7UUFWbkQscURBQWlCLElBQUksT0FBTyxFQUFRLEVBQUM7UUFDckMsNkNBQXFDLFVBQVUsRUFBQztRQUVoRCw4REFBa0Q7UUFDbEQsOERBQW1DO1FBQ25DLHNFQUFtRDtRQU9qRCx1QkFBQSxJQUFJLCtDQUFtQixjQUFjLE1BQUEsQ0FBQztRQUN0Qyx1QkFBQSxJQUFJLCtDQUFtQixjQUFjLE1BQUEsQ0FBQztRQUN0Qyx1QkFBQSxJQUFJLHVEQUEyQixzQkFBc0IsTUFBQSxDQUFDO0lBQ3hELENBQUM7SUF6REQ7Ozs7T0FJRztJQUNILElBQ1csa0JBQWtCLENBQUMsS0FBYTtRQUN6Qyx1QkFBQSxJQUFJLDJEQUF3QixDQUFDLHdCQUF3QixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9ELENBQUM7SUFTRDs7OztPQUlHO0lBQ0gsSUFDVyxJQUFJLENBQUMsS0FBNkM7UUFDM0QsdUJBQUEsSUFBSSxzQ0FBVSxLQUFLLElBQUksVUFBVSxNQUFBLENBQUM7SUFDcEMsQ0FBQztJQUVELElBQVcsSUFBSTtRQUNiLE9BQU8sdUJBQUEsSUFBSSwwQ0FBTyxDQUFDO0lBQ3JCLENBQUM7SUE4Qk0sa0JBQWtCO1FBQ3ZCLGdFQUFnRTtRQUNoRSxVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsdUJBQUEsSUFBSSxrR0FBdUIsTUFBM0IsSUFBSSxDQUF5QixDQUFDO1FBQ2hDLENBQUMsQ0FBQyxDQUFDO1FBRUgsdUJBQXVCO1FBQ3ZCLElBQUksSUFBSSxDQUFDLGlCQUFpQixFQUFFO1lBQzFCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxPQUFPO2lCQUMzQixJQUFJLENBQUMsU0FBUyxDQUFDLHVCQUFBLElBQUksa0RBQWUsQ0FBQyxDQUFDO2lCQUNwQyxTQUFTLENBQUMsR0FBRyxFQUFFO2dCQUNkLHVCQUFBLElBQUksbURBQWdCLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDdEMsQ0FBQyxDQUFDLENBQUM7U0FDTjtJQUNILENBQUM7SUFFTSxXQUFXO1FBQ2hCLHVCQUFBLElBQUksa0RBQWUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUMzQix1QkFBQSxJQUFJLGtEQUFlLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDakMsQ0FBQztJQUdNLGNBQWM7UUFDbkIsdUJBQUEsSUFBSSxrR0FBdUIsTUFBM0IsSUFBSSxDQUF5QixDQUFDO0lBQ2hDLENBQUM7OztJQUdDLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRTtRQUNuQix1QkFBQSxJQUFJLG1EQUFnQixDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUN6RCx1QkFBQSxJQUFJLG1EQUFnQixDQUFDLFlBQVksRUFBRSxDQUFDO0tBQ3JDO0FBQ0gsQ0FBQzt5SEE3RlUsMkJBQTJCOzZHQUEzQiwyQkFBMkIsaU5BSDNCLENBQUMsZ0NBQWdDLEVBQUUseUJBQXlCLENBQUMsNERBcUN2RCxrQ0FBa0MsOEhBTTNDLFVBQVUsMkNDeEVwQixzdkNBc0NBOzRGRE5hLDJCQUEyQjtrQkFQdkMsU0FBUzsrQkFDRSxzQkFBc0IsYUFHckIsQ0FBQyxnQ0FBZ0MsRUFBRSx5QkFBeUIsQ0FBQyxtQkFDdkQsdUJBQXVCLENBQUMsTUFBTTsrTEFXcEMsa0JBQWtCO3NCQUQ1QixLQUFLO2dCQVVDLGFBQWE7c0JBRG5CLEtBQUs7Z0JBU0ssSUFBSTtzQkFEZCxLQUFLO2dCQVVDLGlCQUFpQjtzQkFEdkIsZUFBZTt1QkFBQyxrQ0FBa0M7Z0JBUzVDLFVBQVU7c0JBSmhCLFNBQVM7dUJBQUMsd0JBQXdCLEVBQUU7d0JBQ25DLElBQUksRUFBRSxVQUFVO3dCQUNoQixNQUFNLEVBQUUsSUFBSTtxQkFDYjtnQkEwQ00sY0FBYztzQkFEcEIsWUFBWTt1QkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgRWxlbWVudFJlZixcbiAgSG9zdExpc3RlbmVyLFxuICBJbnB1dCxcbiAgT25EZXN0cm95LFxuICBRdWVyeUxpc3QsXG4gIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuaW1wb3J0IHsgU2t5RGVzY3JpcHRpb25MaXN0QWRhcHRlclNlcnZpY2UgfSBmcm9tICcuL2Rlc2NyaXB0aW9uLWxpc3QtYWRhcHRlci1zZXJ2aWNlJztcbmltcG9ydCB7IFNreURlc2NyaXB0aW9uTGlzdENvbnRlbnRDb21wb25lbnQgfSBmcm9tICcuL2Rlc2NyaXB0aW9uLWxpc3QtY29udGVudC5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2t5RGVzY3JpcHRpb25MaXN0U2VydmljZSB9IGZyb20gJy4vZGVzY3JpcHRpb24tbGlzdC5zZXJ2aWNlJztcbmltcG9ydCB7IFNreURlc2NyaXB0aW9uTGlzdE1vZGVUeXBlIH0gZnJvbSAnLi90eXBlcy9kZXNjcmlwdGlvbi1saXN0LW1vZGUtdHlwZSc7XG5cbi8qKlxuICogQ3JlYXRlcyBhIGRlc2NyaXB0aW9uIGxpc3QgdG8gZGlzcGxheSB0ZXJtLWRlc2NyaXB0aW9uIHBhaXJzLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktZGVzY3JpcHRpb24tbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9kZXNjcmlwdGlvbi1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZGVzY3JpcHRpb24tbGlzdC5jb21wb25lbnQuc2NzcyddLFxuICBwcm92aWRlcnM6IFtTa3lEZXNjcmlwdGlvbkxpc3RBZGFwdGVyU2VydmljZSwgU2t5RGVzY3JpcHRpb25MaXN0U2VydmljZV0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lEZXNjcmlwdGlvbkxpc3RDb21wb25lbnRcbiAgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0LCBPbkRlc3Ryb3lcbntcbiAgLyoqXG4gICAqIFNwZWNpZmllcyBhIGRlZmF1bHQgZGVzY3JpcHRpb24gdG8gZGlzcGxheSB3aGVuIG5vIGRlc2NyaXB0aW9uIGlzIHByb3ZpZGVkXG4gICAqIGZvciBhIHRlcm0tZGVzY3JpcHRpb24gcGFpci5cbiAgICogQGRlZmF1bHQgXCJOb25lIGZvdW5kXCJcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgZGVmYXVsdERlc2NyaXB0aW9uKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLiNkZXNjcmlwdGlvbkxpc3RTZXJ2aWNlLnVwZGF0ZURlZmF1bHREZXNjcmlwdGlvbih2YWx1ZSk7XG4gIH1cblxuICAvKipcbiAgICogU3BlY2lmaWVzIHRoZSB3aWR0aCBvZiB0ZXJtLWRlc2NyaXB0aW9uIHBhaXJzIHdoZW4gYG1vZGVgIGlzIHNldCB0byBgXCJob3Jpem9udGFsXCJgLiBCeSBkZWZhdWx0LFxuICAgKiB0aGUgd2lkdGggaXMgcmVzcG9uc2l2ZSBiYXNlZCBvbiB0aGUgd2lkdGggb2YgdGhlIGNvbnRhaW5lciBlbGVtZW50LlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGxpc3RJdGVtV2lkdGg6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICAvKipcbiAgICogU3BlY2lmaWVzIGhvdyB0byBkaXNwbGF5IHRlcm0tZGVzY3JpcHRpb24gcGFpcnMgd2l0aGluIHRoZSBkZXNjcmlwdGlvbiBsaXN0LlxuICAgKiBPcHRpb25zIGluY2x1ZGUgYFwiaG9yaXpvbnRhbFwiYCwgYFwibG9uZ0Rlc2NyaXB0aW9uXCJgLCBhbmQgYFwidmVydGljYWxcImAuXG4gICAqIEBkZWZhdWx0IFwidmVydGljYWxcIlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHNldCBtb2RlKHZhbHVlOiBTa3lEZXNjcmlwdGlvbkxpc3RNb2RlVHlwZSB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMuI19tb2RlID0gdmFsdWUgfHwgJ3ZlcnRpY2FsJztcbiAgfVxuXG4gIHB1YmxpYyBnZXQgbW9kZSgpOiBTa3lEZXNjcmlwdGlvbkxpc3RNb2RlVHlwZSB7XG4gICAgcmV0dXJuIHRoaXMuI19tb2RlO1xuICB9XG5cbiAgQENvbnRlbnRDaGlsZHJlbihTa3lEZXNjcmlwdGlvbkxpc3RDb250ZW50Q29tcG9uZW50KVxuICBwdWJsaWMgY29udGVudENvbXBvbmVudHM6XG4gICAgfCBRdWVyeUxpc3Q8U2t5RGVzY3JpcHRpb25MaXN0Q29udGVudENvbXBvbmVudD5cbiAgICB8IHVuZGVmaW5lZDtcblxuICBAVmlld0NoaWxkKCdkZXNjcmlwdGlvbkxpc3RFbGVtZW50Jywge1xuICAgIHJlYWQ6IEVsZW1lbnRSZWYsXG4gICAgc3RhdGljOiB0cnVlLFxuICB9KVxuICBwdWJsaWMgZWxlbWVudFJlZjogRWxlbWVudFJlZiB8IHVuZGVmaW5lZDtcblxuICAjbmdVbnN1YnNjcmliZSA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG4gICNfbW9kZTogU2t5RGVzY3JpcHRpb25MaXN0TW9kZVR5cGUgPSAndmVydGljYWwnO1xuXG4gICNhZGFwdGVyU2VydmljZTogU2t5RGVzY3JpcHRpb25MaXN0QWRhcHRlclNlcnZpY2U7XG4gICNjaGFuZ2VEZXRlY3RvcjogQ2hhbmdlRGV0ZWN0b3JSZWY7XG4gICNkZXNjcmlwdGlvbkxpc3RTZXJ2aWNlOiBTa3lEZXNjcmlwdGlvbkxpc3RTZXJ2aWNlO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIGFkYXB0ZXJTZXJ2aWNlOiBTa3lEZXNjcmlwdGlvbkxpc3RBZGFwdGVyU2VydmljZSxcbiAgICBjaGFuZ2VEZXRlY3RvcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgZGVzY3JpcHRpb25MaXN0U2VydmljZTogU2t5RGVzY3JpcHRpb25MaXN0U2VydmljZVxuICApIHtcbiAgICB0aGlzLiNhZGFwdGVyU2VydmljZSA9IGFkYXB0ZXJTZXJ2aWNlO1xuICAgIHRoaXMuI2NoYW5nZURldGVjdG9yID0gY2hhbmdlRGV0ZWN0b3I7XG4gICAgdGhpcy4jZGVzY3JpcHRpb25MaXN0U2VydmljZSA9IGRlc2NyaXB0aW9uTGlzdFNlcnZpY2U7XG4gIH1cblxuICBwdWJsaWMgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuICAgIC8vIFdhaXQgZm9yIGFsbCBjb250ZW50IHRvIHJlbmRlciBiZWZvcmUgZGV0ZWN0aW5nIHBhcmVudCB3aWR0aC5cbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHRoaXMuI3VwZGF0ZVJlc3BvbnNpdmVDbGFzcygpO1xuICAgIH0pO1xuXG4gICAgLy8gaXN0YW5idWwgaWdub3JlIGVsc2VcbiAgICBpZiAodGhpcy5jb250ZW50Q29tcG9uZW50cykge1xuICAgICAgdGhpcy5jb250ZW50Q29tcG9uZW50cy5jaGFuZ2VzXG4gICAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLiNuZ1Vuc3Vic2NyaWJlKSlcbiAgICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgICAgdGhpcy4jY2hhbmdlRGV0ZWN0b3IubWFya0ZvckNoZWNrKCk7XG4gICAgICAgIH0pO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLiNuZ1Vuc3Vic2NyaWJlLm5leHQoKTtcbiAgICB0aGlzLiNuZ1Vuc3Vic2NyaWJlLmNvbXBsZXRlKCk7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCd3aW5kb3c6cmVzaXplJylcbiAgcHVibGljIG9uV2luZG93UmVzaXplKCk6IHZvaWQge1xuICAgIHRoaXMuI3VwZGF0ZVJlc3BvbnNpdmVDbGFzcygpO1xuICB9XG5cbiAgI3VwZGF0ZVJlc3BvbnNpdmVDbGFzcygpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5lbGVtZW50UmVmKSB7XG4gICAgICB0aGlzLiNhZGFwdGVyU2VydmljZS5zZXRSZXNwb25zaXZlQ2xhc3ModGhpcy5lbGVtZW50UmVmKTtcbiAgICAgIHRoaXMuI2NoYW5nZURldGVjdG9yLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cbiAgfVxufVxuIiwiPGRsXG4gIGNsYXNzPVwic2t5LWRlc2NyaXB0aW9uLWxpc3RcIlxuICBbbmdDbGFzc109XCJ7XG4gICAgJ3NreS1kZXNjcmlwdGlvbi1saXN0LWxvbmctZGVzY3JpcHRpb24tbW9kZSc6IG1vZGUgPT09ICdsb25nRGVzY3JpcHRpb24nLFxuICAgICdza3ktZGVzY3JpcHRpb24tbGlzdC12ZXJ0aWNhbC1tb2RlJzogbW9kZSA9PT0gJ3ZlcnRpY2FsJyxcbiAgICAnc2t5LWRlc2NyaXB0aW9uLWxpc3QtaG9yaXpvbnRhbC1tb2RlJzogbW9kZSA9PT0gJ2hvcml6b250YWwnXG4gIH1cIlxuICAjZGVzY3JpcHRpb25MaXN0RWxlbWVudFxuPlxuICA8IS0tXG4gICAgV3JhcHBpbmcgZGl2IGlzIGZvciBob3Jpem9udGFsIGZsZXhpbmcuIEFsc28gaW5qZWN0aW5nIGNoaWxkcmVuJ3MgdGVtcGxhdGVSZWYgZGlyZWN0bHlcbiAgICB0byBhdm9pZCBhZGRpbmcgbm9uLXNlbWFudGljIEhUTUwgdGFncyB0byBET01cbiAgLS0+XG4gIDxkaXZcbiAgICAqbmdGb3I9XCJsZXQgY29udGVudENvbXBvbmVudCBvZiBjb250ZW50Q29tcG9uZW50c1wiXG4gICAgY2xhc3M9XCJza3ktZGVzY3JpcHRpb24tbGlzdC1jb250ZW50XCJcbiAgICBbc3R5bGUud2lkdGhdPVwibW9kZSA9PT0gJ2hvcml6b250YWwnID8gbGlzdEl0ZW1XaWR0aCA6ICcnXCJcbiAgPlxuICAgIDxkdCAqbmdGb3I9XCJsZXQgdGVybUNvbXBvbmVudCBvZiBjb250ZW50Q29tcG9uZW50Py50ZXJtQ29tcG9uZW50c1wiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInRlcm1Db21wb25lbnQudGVtcGxhdGVSZWZcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwidGVybUNvbXBvbmVudC50ZW1wbGF0ZVJlZlwiXG4gICAgICAgID48L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvZHQ+XG4gICAgPGRkXG4gICAgICAqbmdGb3I9XCJcbiAgICAgICAgbGV0IGRlc2NyaXB0aW9uQ29tcG9uZW50IG9mIGNvbnRlbnRDb21wb25lbnQ/LmRlc2NyaXB0aW9uQ29tcG9uZW50c1xuICAgICAgXCJcbiAgICA+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZGVzY3JpcHRpb25Db21wb25lbnQudGVtcGxhdGVSZWZcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiZGVzY3JpcHRpb25Db21wb25lbnQudGVtcGxhdGVSZWZcIlxuICAgICAgICA+PC9uZy1jb250YWluZXI+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L2RkPlxuICA8L2Rpdj5cbjwvZGw+XG4iXX0=
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
var _SkyDescriptionListService__defaultDescription;
|
|
2
|
+
import { __classPrivateFieldGet } from "tslib";
|
|
1
3
|
import { Injectable } from '@angular/core';
|
|
2
4
|
import { BehaviorSubject } from 'rxjs';
|
|
3
5
|
import * as i0 from "@angular/core";
|
|
@@ -6,21 +8,22 @@ import * as i0 from "@angular/core";
|
|
|
6
8
|
*/
|
|
7
9
|
export class SkyDescriptionListService {
|
|
8
10
|
constructor() {
|
|
9
|
-
this
|
|
11
|
+
_SkyDescriptionListService__defaultDescription.set(this, new BehaviorSubject(''));
|
|
10
12
|
}
|
|
11
13
|
get defaultDescription() {
|
|
12
|
-
return this.
|
|
14
|
+
return __classPrivateFieldGet(this, _SkyDescriptionListService__defaultDescription, "f").asObservable();
|
|
13
15
|
}
|
|
14
16
|
ngOnDestroy() {
|
|
15
|
-
this.
|
|
17
|
+
__classPrivateFieldGet(this, _SkyDescriptionListService__defaultDescription, "f").complete();
|
|
16
18
|
}
|
|
17
19
|
updateDefaultDescription(value) {
|
|
18
|
-
this.
|
|
20
|
+
__classPrivateFieldGet(this, _SkyDescriptionListService__defaultDescription, "f").next(value);
|
|
19
21
|
}
|
|
20
22
|
}
|
|
23
|
+
_SkyDescriptionListService__defaultDescription = new WeakMap();
|
|
21
24
|
SkyDescriptionListService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyDescriptionListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
22
25
|
SkyDescriptionListService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyDescriptionListService });
|
|
23
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyDescriptionListService, decorators: [{
|
|
24
27
|
type: Injectable
|
|
25
28
|
}] });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVzY3JpcHRpb24tbGlzdC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xheW91dC9zcmMvbGliL21vZHVsZXMvZGVzY3JpcHRpb24tbGlzdC9kZXNjcmlwdGlvbi1saXN0LnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFhLE1BQU0sZUFBZSxDQUFDO0FBRXRELE9BQU8sRUFBRSxlQUFlLEVBQWMsTUFBTSxNQUFNLENBQUM7O0FBRW5EOztHQUVHO0FBRUgsTUFBTSxPQUFPLHlCQUF5QjtJQUR0QztRQU1FLHlEQUF1QixJQUFJLGVBQWUsQ0FBUyxFQUFFLENBQUMsRUFBQztLQVN4RDtJQWJDLElBQVcsa0JBQWtCO1FBQzNCLE9BQU8sdUJBQUEsSUFBSSxzREFBcUIsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUNsRCxDQUFDO0lBSU0sV0FBVztRQUNoQix1QkFBQSxJQUFJLHNEQUFxQixDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ3ZDLENBQUM7SUFFTSx3QkFBd0IsQ0FBQyxLQUFhO1FBQzNDLHVCQUFBLElBQUksc0RBQXFCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3hDLENBQUM7Ozt1SEFiVSx5QkFBeUI7MkhBQXpCLHlCQUF5Qjs0RkFBekIseUJBQXlCO2tCQURyQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSwgT25EZXN0cm95IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuXG4vKipcbiAqIEBpbnRlcm5hbFxuICovXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgU2t5RGVzY3JpcHRpb25MaXN0U2VydmljZSBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XG4gIHB1YmxpYyBnZXQgZGVmYXVsdERlc2NyaXB0aW9uKCk6IE9ic2VydmFibGU8c3RyaW5nPiB7XG4gICAgcmV0dXJuIHRoaXMuI19kZWZhdWx0RGVzY3JpcHRpb24uYXNPYnNlcnZhYmxlKCk7XG4gIH1cblxuICAjX2RlZmF1bHREZXNjcmlwdGlvbiA9IG5ldyBCZWhhdmlvclN1YmplY3Q8c3RyaW5nPignJyk7XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuI19kZWZhdWx0RGVzY3JpcHRpb24uY29tcGxldGUoKTtcbiAgfVxuXG4gIHB1YmxpYyB1cGRhdGVEZWZhdWx0RGVzY3JpcHRpb24odmFsdWU6IHN0cmluZyk6IHZvaWQge1xuICAgIHRoaXMuI19kZWZhdWx0RGVzY3JpcHRpb24ubmV4dCh2YWx1ZSk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -1186,7 +1186,7 @@ class SkyCardComponent {
|
|
|
1186
1186
|
}
|
|
1187
1187
|
_SkyCardComponent_subscription = new WeakMap(), _SkyCardComponent__size = new WeakMap();
|
|
1188
1188
|
SkyCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyCardComponent, deps: [{ token: i1$1.SkyLogService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1189
|
-
SkyCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: SkyCardComponent, selector: "sky-card", inputs: { size: "size", selectable: "selectable", selected: "selected" }, outputs: { selectedChange: "selectedChange" }, queries: [{ propertyName: "inlineDeleteComponent", predicate: SkyInlineDeleteComponent }, { propertyName: "titleComponent", predicate: SkyCardTitleComponent }], ngImport: i0, template: "<section\n class=\"sky-card sky-shadow\"\n [ngClass]=\"\n {\n 'sky-card-small': size === 'small',\n 'sky-card-selectable': selectable,\n 'sky-card-selected': selectable && selected\n }\"\n>\n <ng-content select=\"sky-inline-delete\"></ng-content>\n <header>\n <div\n *ngIf=\"selectable || showTitle\"\n class=\"sky-card-header\"\n (click)=\"contentClick()\"\n >\n <div class=\"sky-card-heading-middle\">\n <h1 *ngIf=\"showTitle\" class=\"sky-card-title sky-section-heading\">\n <ng-content select=\"sky-card-title\"></ng-content>\n </h1>\n </div>\n <div *ngIf=\"selectable\" class=\"sky-card-check\">\n <sky-checkbox\n [label]=\"'skyux_card_checkbox_label' | skyLibResources\"\n [ngModel]=\"selected\"\n (click)=\"$event.stopPropagation()\"\n (ngModelChange)=\"onCheckboxChange($event)\"\n ></sky-checkbox>\n </div>\n </div>\n </header>\n <div\n class=\"sky-card-content sky-padding-even-default\"\n (click)=\"contentClick()\"\n >\n <ng-content select=\"sky-card-content\"></ng-content>\n </div>\n <div\n class=\"sky-card-actions\"\n [hidden]=\"actionsEl.children.length === 0\"\n #actionsEl\n >\n <ng-content select=\"sky-card-actions\"></ng-content>\n </div>\n</section>\n", styles: [".sky-card{background-color:#fff;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;display:inline-flex;flex-direction:column;height:350px;margin:0 10px 10px 0;transition:background-color .15s;vertical-align:top;width:350px;position:relative}.sky-card-small{height:250px;width:225px}.sky-card-selectable .sky-card-header,.sky-card-selectable .sky-card-content{cursor:pointer}.sky-card-selected{background-color:#f1eef6;transition:background-color .15s}.sky-card-header{align-items:center;display:flex;flex-shrink:0;margin:0;padding:10px 0 0}.sky-card-heading-left,.sky-card-heading-right{font-weight:400;max-width:34px}.sky-card-heading-left{padding-left:10px}.sky-card-heading-right{padding-right:10px}.sky-card-heading-middle{flex-grow:1;padding:0 10px;overflow:hidden}.sky-card-title{margin:0;line-height:1.428571429}.sky-card-check{flex-shrink:0;padding-right:10px}.sky-card-check .sky-check-wrapper{margin-bottom:2px}.sky-card-content{flex-grow:1;font-weight:400;margin:0;overflow:hidden}.sky-card-actions{bottom:0;flex-shrink:0;text-align:center}.sky-card-actions .sky-context-menu-btn{height:32px;width:32px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }, { kind: "pipe", type: i1$2.SkyLibResourcesPipe, name: "skyLibResources" }] });
|
|
1189
|
+
SkyCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: SkyCardComponent, selector: "sky-card", inputs: { size: "size", selectable: "selectable", selected: "selected" }, outputs: { selectedChange: "selectedChange" }, queries: [{ propertyName: "inlineDeleteComponent", predicate: SkyInlineDeleteComponent }, { propertyName: "titleComponent", predicate: SkyCardTitleComponent }], ngImport: i0, template: "<section\n class=\"sky-card sky-shadow\"\n [ngClass]=\"\n {\n 'sky-card-small': size === 'small',\n 'sky-card-selectable': selectable,\n 'sky-card-selected': selectable && selected\n }\"\n>\n <ng-content select=\"sky-inline-delete\"></ng-content>\n <header>\n <div\n *ngIf=\"selectable || showTitle\"\n class=\"sky-card-header\"\n (click)=\"contentClick()\"\n >\n <div class=\"sky-card-heading-middle\">\n <h1 *ngIf=\"showTitle\" class=\"sky-card-title sky-section-heading\">\n <ng-content select=\"sky-card-title\"></ng-content>\n </h1>\n </div>\n <div *ngIf=\"selectable\" class=\"sky-card-check\">\n <sky-checkbox\n [label]=\"'skyux_card_checkbox_label' | skyLibResources\"\n [ngModel]=\"selected\"\n (click)=\"$event.stopPropagation()\"\n (ngModelChange)=\"onCheckboxChange($event)\"\n ></sky-checkbox>\n </div>\n </div>\n </header>\n <div\n class=\"sky-card-content sky-padding-even-default\"\n (click)=\"contentClick()\"\n >\n <ng-content select=\"sky-card-content\"></ng-content>\n </div>\n <div\n class=\"sky-card-actions\"\n [hidden]=\"actionsEl.children.length === 0\"\n #actionsEl\n >\n <ng-content select=\"sky-card-actions\"></ng-content>\n </div>\n</section>\n", styles: [".sky-card{background-color:#fff;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;display:inline-flex;flex-direction:column;height:350px;margin:0 10px 10px 0;transition:background-color .15s;vertical-align:top;width:350px;position:relative}.sky-card-small{height:250px;width:225px}.sky-card-selectable .sky-card-header,.sky-card-selectable .sky-card-content{cursor:pointer}.sky-card-selected{background-color:#f1eef6;transition:background-color .15s}.sky-card-header{align-items:center;display:flex;flex-shrink:0;margin:0;padding:10px 0 0}.sky-card-heading-left,.sky-card-heading-right{font-weight:400;max-width:34px}.sky-card-heading-left{padding-left:10px}.sky-card-heading-right{padding-right:10px}.sky-card-heading-middle{flex-grow:1;padding:0 10px;overflow:hidden}.sky-card-title{margin:0;line-height:1.428571429}.sky-card-check{flex-shrink:0;padding-right:10px}.sky-card-check .sky-check-wrapper{margin-bottom:2px}.sky-card-content{flex-grow:1;font-weight:400;margin:0;overflow:hidden}.sky-card-actions{bottom:0;flex-shrink:0;text-align:center}.sky-card-actions .sky-context-menu-btn{height:32px;width:32px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "indeterminate", "required"], outputs: ["change", "checkedChange", "disabledChange", "indeterminateChange"] }, { kind: "pipe", type: i1$2.SkyLibResourcesPipe, name: "skyLibResources" }] });
|
|
1190
1190
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyCardComponent, decorators: [{
|
|
1191
1191
|
type: Component,
|
|
1192
1192
|
args: [{ selector: 'sky-card', template: "<section\n class=\"sky-card sky-shadow\"\n [ngClass]=\"\n {\n 'sky-card-small': size === 'small',\n 'sky-card-selectable': selectable,\n 'sky-card-selected': selectable && selected\n }\"\n>\n <ng-content select=\"sky-inline-delete\"></ng-content>\n <header>\n <div\n *ngIf=\"selectable || showTitle\"\n class=\"sky-card-header\"\n (click)=\"contentClick()\"\n >\n <div class=\"sky-card-heading-middle\">\n <h1 *ngIf=\"showTitle\" class=\"sky-card-title sky-section-heading\">\n <ng-content select=\"sky-card-title\"></ng-content>\n </h1>\n </div>\n <div *ngIf=\"selectable\" class=\"sky-card-check\">\n <sky-checkbox\n [label]=\"'skyux_card_checkbox_label' | skyLibResources\"\n [ngModel]=\"selected\"\n (click)=\"$event.stopPropagation()\"\n (ngModelChange)=\"onCheckboxChange($event)\"\n ></sky-checkbox>\n </div>\n </div>\n </header>\n <div\n class=\"sky-card-content sky-padding-even-default\"\n (click)=\"contentClick()\"\n >\n <ng-content select=\"sky-card-content\"></ng-content>\n </div>\n <div\n class=\"sky-card-actions\"\n [hidden]=\"actionsEl.children.length === 0\"\n #actionsEl\n >\n <ng-content select=\"sky-card-actions\"></ng-content>\n </div>\n</section>\n", styles: [".sky-card{background-color:#fff;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;display:inline-flex;flex-direction:column;height:350px;margin:0 10px 10px 0;transition:background-color .15s;vertical-align:top;width:350px;position:relative}.sky-card-small{height:250px;width:225px}.sky-card-selectable .sky-card-header,.sky-card-selectable .sky-card-content{cursor:pointer}.sky-card-selected{background-color:#f1eef6;transition:background-color .15s}.sky-card-header{align-items:center;display:flex;flex-shrink:0;margin:0;padding:10px 0 0}.sky-card-heading-left,.sky-card-heading-right{font-weight:400;max-width:34px}.sky-card-heading-left{padding-left:10px}.sky-card-heading-right{padding-right:10px}.sky-card-heading-middle{flex-grow:1;padding:0 10px;overflow:hidden}.sky-card-title{margin:0;line-height:1.428571429}.sky-card-check{flex-shrink:0;padding-right:10px}.sky-card-check .sky-check-wrapper{margin-bottom:2px}.sky-card-content{flex-grow:1;font-weight:400;margin:0;overflow:hidden}.sky-card-actions{bottom:0;flex-shrink:0;text-align:center}.sky-card-actions .sky-context-menu-btn{height:32px;width:32px}\n"] }]
|
|
@@ -1401,23 +1401,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImpo
|
|
|
1401
1401
|
}]
|
|
1402
1402
|
}] });
|
|
1403
1403
|
|
|
1404
|
+
var _SkyDescriptionListService__defaultDescription;
|
|
1404
1405
|
/**
|
|
1405
1406
|
* @internal
|
|
1406
1407
|
*/
|
|
1407
1408
|
class SkyDescriptionListService {
|
|
1408
1409
|
constructor() {
|
|
1409
|
-
this
|
|
1410
|
+
_SkyDescriptionListService__defaultDescription.set(this, new BehaviorSubject(''));
|
|
1410
1411
|
}
|
|
1411
1412
|
get defaultDescription() {
|
|
1412
|
-
return this.
|
|
1413
|
+
return __classPrivateFieldGet(this, _SkyDescriptionListService__defaultDescription, "f").asObservable();
|
|
1413
1414
|
}
|
|
1414
1415
|
ngOnDestroy() {
|
|
1415
|
-
this.
|
|
1416
|
+
__classPrivateFieldGet(this, _SkyDescriptionListService__defaultDescription, "f").complete();
|
|
1416
1417
|
}
|
|
1417
1418
|
updateDefaultDescription(value) {
|
|
1418
|
-
this.
|
|
1419
|
+
__classPrivateFieldGet(this, _SkyDescriptionListService__defaultDescription, "f").next(value);
|
|
1419
1420
|
}
|
|
1420
1421
|
}
|
|
1422
|
+
_SkyDescriptionListService__defaultDescription = new WeakMap();
|
|
1421
1423
|
SkyDescriptionListService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyDescriptionListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1422
1424
|
SkyDescriptionListService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyDescriptionListService });
|
|
1423
1425
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyDescriptionListService, decorators: [{
|
|
@@ -1553,17 +1555,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImpo
|
|
|
1553
1555
|
type: Injectable
|
|
1554
1556
|
}], ctorParameters: function () { return [{ type: i0.RendererFactory2 }]; } });
|
|
1555
1557
|
|
|
1556
|
-
var _SkyDescriptionListComponent_ngUnsubscribe, _SkyDescriptionListComponent__mode;
|
|
1558
|
+
var _SkyDescriptionListComponent_instances, _SkyDescriptionListComponent_ngUnsubscribe, _SkyDescriptionListComponent__mode, _SkyDescriptionListComponent_adapterService, _SkyDescriptionListComponent_changeDetector, _SkyDescriptionListComponent_descriptionListService, _SkyDescriptionListComponent_updateResponsiveClass;
|
|
1557
1559
|
/**
|
|
1558
1560
|
* Creates a description list to display term-description pairs.
|
|
1559
1561
|
*/
|
|
1560
1562
|
class SkyDescriptionListComponent {
|
|
1561
1563
|
constructor(adapterService, changeDetector, descriptionListService) {
|
|
1562
|
-
this
|
|
1563
|
-
this.changeDetector = changeDetector;
|
|
1564
|
-
this.descriptionListService = descriptionListService;
|
|
1564
|
+
_SkyDescriptionListComponent_instances.add(this);
|
|
1565
1565
|
_SkyDescriptionListComponent_ngUnsubscribe.set(this, new Subject());
|
|
1566
1566
|
_SkyDescriptionListComponent__mode.set(this, 'vertical');
|
|
1567
|
+
_SkyDescriptionListComponent_adapterService.set(this, void 0);
|
|
1568
|
+
_SkyDescriptionListComponent_changeDetector.set(this, void 0);
|
|
1569
|
+
_SkyDescriptionListComponent_descriptionListService.set(this, void 0);
|
|
1570
|
+
__classPrivateFieldSet(this, _SkyDescriptionListComponent_adapterService, adapterService, "f");
|
|
1571
|
+
__classPrivateFieldSet(this, _SkyDescriptionListComponent_changeDetector, changeDetector, "f");
|
|
1572
|
+
__classPrivateFieldSet(this, _SkyDescriptionListComponent_descriptionListService, descriptionListService, "f");
|
|
1567
1573
|
}
|
|
1568
1574
|
/**
|
|
1569
1575
|
* Specifies a default description to display when no description is provided
|
|
@@ -1571,7 +1577,7 @@ class SkyDescriptionListComponent {
|
|
|
1571
1577
|
* @default "None found"
|
|
1572
1578
|
*/
|
|
1573
1579
|
set defaultDescription(value) {
|
|
1574
|
-
this.
|
|
1580
|
+
__classPrivateFieldGet(this, _SkyDescriptionListComponent_descriptionListService, "f").updateDefaultDescription(value);
|
|
1575
1581
|
}
|
|
1576
1582
|
/**
|
|
1577
1583
|
* Specifies how to display term-description pairs within the description list.
|
|
@@ -1587,14 +1593,14 @@ class SkyDescriptionListComponent {
|
|
|
1587
1593
|
ngAfterContentInit() {
|
|
1588
1594
|
// Wait for all content to render before detecting parent width.
|
|
1589
1595
|
setTimeout(() => {
|
|
1590
|
-
this.
|
|
1596
|
+
__classPrivateFieldGet(this, _SkyDescriptionListComponent_instances, "m", _SkyDescriptionListComponent_updateResponsiveClass).call(this);
|
|
1591
1597
|
});
|
|
1592
1598
|
// istanbul ignore else
|
|
1593
1599
|
if (this.contentComponents) {
|
|
1594
1600
|
this.contentComponents.changes
|
|
1595
1601
|
.pipe(takeUntil(__classPrivateFieldGet(this, _SkyDescriptionListComponent_ngUnsubscribe, "f")))
|
|
1596
1602
|
.subscribe(() => {
|
|
1597
|
-
this.
|
|
1603
|
+
__classPrivateFieldGet(this, _SkyDescriptionListComponent_changeDetector, "f").markForCheck();
|
|
1598
1604
|
});
|
|
1599
1605
|
}
|
|
1600
1606
|
}
|
|
@@ -1603,16 +1609,15 @@ class SkyDescriptionListComponent {
|
|
|
1603
1609
|
__classPrivateFieldGet(this, _SkyDescriptionListComponent_ngUnsubscribe, "f").complete();
|
|
1604
1610
|
}
|
|
1605
1611
|
onWindowResize() {
|
|
1606
|
-
this.
|
|
1607
|
-
}
|
|
1608
|
-
updateResponsiveClass() {
|
|
1609
|
-
if (this.elementRef) {
|
|
1610
|
-
this.adapterService.setResponsiveClass(this.elementRef);
|
|
1611
|
-
this.changeDetector.markForCheck();
|
|
1612
|
-
}
|
|
1612
|
+
__classPrivateFieldGet(this, _SkyDescriptionListComponent_instances, "m", _SkyDescriptionListComponent_updateResponsiveClass).call(this);
|
|
1613
1613
|
}
|
|
1614
1614
|
}
|
|
1615
|
-
_SkyDescriptionListComponent_ngUnsubscribe = new WeakMap(), _SkyDescriptionListComponent__mode = new WeakMap()
|
|
1615
|
+
_SkyDescriptionListComponent_ngUnsubscribe = new WeakMap(), _SkyDescriptionListComponent__mode = new WeakMap(), _SkyDescriptionListComponent_adapterService = new WeakMap(), _SkyDescriptionListComponent_changeDetector = new WeakMap(), _SkyDescriptionListComponent_descriptionListService = new WeakMap(), _SkyDescriptionListComponent_instances = new WeakSet(), _SkyDescriptionListComponent_updateResponsiveClass = function _SkyDescriptionListComponent_updateResponsiveClass() {
|
|
1616
|
+
if (this.elementRef) {
|
|
1617
|
+
__classPrivateFieldGet(this, _SkyDescriptionListComponent_adapterService, "f").setResponsiveClass(this.elementRef);
|
|
1618
|
+
__classPrivateFieldGet(this, _SkyDescriptionListComponent_changeDetector, "f").markForCheck();
|
|
1619
|
+
}
|
|
1620
|
+
};
|
|
1616
1621
|
SkyDescriptionListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyDescriptionListComponent, deps: [{ token: SkyDescriptionListAdapterService }, { token: i0.ChangeDetectorRef }, { token: SkyDescriptionListService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1617
1622
|
SkyDescriptionListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.11", type: SkyDescriptionListComponent, selector: "sky-description-list", inputs: { defaultDescription: "defaultDescription", listItemWidth: "listItemWidth", mode: "mode" }, host: { listeners: { "window:resize": "onWindowResize()" } }, providers: [SkyDescriptionListAdapterService, SkyDescriptionListService], queries: [{ propertyName: "contentComponents", predicate: SkyDescriptionListContentComponent }], viewQueries: [{ propertyName: "elementRef", first: true, predicate: ["descriptionListElement"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<dl\n class=\"sky-description-list\"\n [ngClass]=\"{\n 'sky-description-list-long-description-mode': mode === 'longDescription',\n 'sky-description-list-vertical-mode': mode === 'vertical',\n 'sky-description-list-horizontal-mode': mode === 'horizontal'\n }\"\n #descriptionListElement\n>\n <!--\n Wrapping div is for horizontal flexing. Also injecting children's templateRef directly\n to avoid adding non-semantic HTML tags to DOM\n -->\n <div\n *ngFor=\"let contentComponent of contentComponents\"\n class=\"sky-description-list-content\"\n [style.width]=\"mode === 'horizontal' ? listItemWidth : ''\"\n >\n <dt *ngFor=\"let termComponent of contentComponent?.termComponents\">\n <ng-container *ngIf=\"termComponent.templateRef\">\n <ng-container\n *ngTemplateOutlet=\"termComponent.templateRef\"\n ></ng-container>\n </ng-container>\n </dt>\n <dd\n *ngFor=\"\n let descriptionComponent of contentComponent?.descriptionComponents\n \"\n >\n <ng-container *ngIf=\"descriptionComponent.templateRef\">\n <ng-container\n *ngTemplateOutlet=\"descriptionComponent.templateRef\"\n ></ng-container>\n </ng-container>\n </dd>\n </div>\n</dl>\n", styles: [":host{display:block}.sky-description-list{margin:0;padding:0}.sky-description-list dt{color:#686c73;font-size:14px;font-weight:400;margin:0 0 3px;padding:0}.sky-description-list dd{margin:0;padding:0}.sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{width:auto}.sky-description-list.sky-description-list-vertical-mode .sky-description-list-content:not(:last-child){margin:0 0 15px}.sky-description-list.sky-description-list-horizontal-mode{display:flex;flex-wrap:wrap;margin:0 0 var(--sky-compat-description-list-margin-bottom, -15px) 0}.sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 15px;padding:0 60px 0 0;min-width:100px;width:auto}.sky-description-list.sky-description-list-horizontal-mode.sky-responsive-container-xs .sky-description-list-content,.sky-description-list.sky-description-list-horizontal-mode.sky-responsive-container-sm .sky-description-list-content{width:50%}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content{display:flex}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content:not(:last-child){margin:0 0 10px}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content dt{color:#212327;font-size:16px;font-weight:600;margin:0 20px 0 0;width:25%;word-break:break-word}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content dd{flex:1}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content{flex-direction:column}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content dt{margin:0 0 3px;width:100%}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content dd{margin:0 0 10px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode .sky-description-list-content:not(:last-child){margin:0 0 20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode dt{color:#686c73;font-size:14px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode dd{font-size:16px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-horizontal-mode{margin:0 0 -20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode dt{color:inherit;font-weight:700;font-size:inherit}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode dd{font-size:16px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dt{margin:0 0 5px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dd{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode .sky-description-list-content:not(:last-child){margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode dt{color:#686c73;font-size:14px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode dd{font-size:16px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-horizontal-mode{margin:0 0 -20px}.sky-theme-modern .sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode dt{color:inherit;font-weight:700;font-size:inherit}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode dd{font-size:16px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dt{margin:0 0 5px}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dd{margin:0 0 20px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1618
1623
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImport: i0, type: SkyDescriptionListComponent, decorators: [{
|