@skyux/layout 7.0.0-beta.1 → 7.0.0-beta.2
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 +1355 -781
- package/esm2020/index.mjs +1 -2
- package/esm2020/lib/modules/action-button/action-button-container.component.mjs +2 -2
- package/esm2020/lib/modules/card/card.component.mjs +38 -11
- package/esm2020/lib/modules/definition-list/definition-list-label.component.mjs +1 -1
- package/esm2020/lib/modules/definition-list/definition-list-value.component.mjs +3 -3
- package/esm2020/lib/modules/definition-list/definition-list.component.mjs +1 -1
- package/esm2020/lib/modules/definition-list/definition-list.service.mjs +1 -1
- package/esm2020/lib/modules/description-list/description-list-adapter-service.mjs +26 -22
- package/esm2020/lib/modules/description-list/description-list-content.component.mjs +2 -2
- package/esm2020/lib/modules/description-list/description-list-description.component.mjs +16 -11
- package/esm2020/lib/modules/description-list/description-list-term.component.mjs +1 -1
- package/esm2020/lib/modules/description-list/description-list.component.mjs +25 -16
- package/esm2020/lib/modules/fluid-grid/column.component.mjs +19 -1
- package/esm2020/lib/modules/fluid-grid/fluid-grid.component.mjs +15 -35
- package/esm2020/lib/modules/fluid-grid/row.component.mjs +1 -1
- package/esm2020/lib/modules/fluid-grid/types/fluid-grid-gutter-size-type.mjs +1 -1
- package/esm2020/lib/modules/format/format.component.mjs +34 -26
- package/esm2020/lib/modules/inline-delete/inline-delete-adapter.service.mjs +91 -83
- package/esm2020/lib/modules/inline-delete/inline-delete.component.mjs +15 -9
- package/esm2020/lib/modules/page/page-theme-adapter.service.mjs +14 -8
- package/esm2020/lib/modules/page/page.component.mjs +8 -4
- package/esm2020/lib/modules/page-summary/page-summary-adapter.service.mjs +1 -1
- package/esm2020/lib/modules/page-summary/page-summary.component.mjs +40 -16
- package/esm2020/lib/modules/text-expand/text-expand-adapter.service.mjs +8 -10
- package/esm2020/lib/modules/text-expand/text-expand-modal-context-token.mjs +6 -0
- package/esm2020/lib/modules/text-expand/text-expand-modal-context.mjs +2 -6
- package/esm2020/lib/modules/text-expand/text-expand-modal.component.mjs +12 -10
- package/esm2020/lib/modules/text-expand/text-expand.component.mjs +188 -127
- package/esm2020/lib/modules/text-expand-repeater/text-expand-repeater-adapter.service.mjs +10 -12
- package/esm2020/lib/modules/text-expand-repeater/text-expand-repeater.component.mjs +139 -95
- package/esm2020/lib/modules/toolbar/toolbar.component.mjs +2 -2
- package/esm2020/testing/action-button-fixture.mjs +12 -6
- package/esm2020/testing/card-fixture.mjs +19 -16
- package/esm2020/testing/page-summary-fixture.mjs +9 -5
- package/fesm2015/skyux-layout-testing.mjs +35 -24
- package/fesm2015/skyux-layout-testing.mjs.map +1 -1
- package/fesm2015/skyux-layout.mjs +675 -506
- package/fesm2015/skyux-layout.mjs.map +1 -1
- package/fesm2020/skyux-layout-testing.mjs +35 -24
- package/fesm2020/skyux-layout-testing.mjs.map +1 -1
- package/fesm2020/skyux-layout.mjs +669 -506
- package/fesm2020/skyux-layout.mjs.map +1 -1
- package/index.d.ts +0 -1
- package/lib/modules/card/card.component.d.ts +7 -6
- package/lib/modules/definition-list/definition-list-label.component.d.ts +1 -1
- package/lib/modules/definition-list/definition-list-value.component.d.ts +1 -1
- package/lib/modules/definition-list/definition-list.component.d.ts +2 -2
- package/lib/modules/definition-list/definition-list.service.d.ts +2 -2
- package/lib/modules/description-list/description-list-adapter-service.d.ts +1 -2
- package/lib/modules/description-list/description-list-content.component.d.ts +2 -2
- package/lib/modules/description-list/description-list-description.component.d.ts +5 -7
- package/lib/modules/description-list/description-list-term.component.d.ts +1 -1
- package/lib/modules/description-list/description-list.component.d.ts +6 -7
- package/lib/modules/fluid-grid/column.component.d.ts +7 -5
- package/lib/modules/fluid-grid/fluid-grid.component.d.ts +3 -9
- package/lib/modules/fluid-grid/row.component.d.ts +1 -1
- package/lib/modules/fluid-grid/types/fluid-grid-gutter-size-type.d.ts +1 -1
- package/lib/modules/format/format.component.d.ts +5 -7
- package/lib/modules/inline-delete/inline-delete-adapter.service.d.ts +1 -11
- package/lib/modules/inline-delete/inline-delete.component.d.ts +3 -5
- package/lib/modules/page/page-theme-adapter.service.d.ts +1 -1
- package/lib/modules/page/page.component.d.ts +1 -1
- package/lib/modules/page-summary/page-summary.component.d.ts +8 -9
- package/lib/modules/text-expand/text-expand-adapter.service.d.ts +3 -4
- package/lib/modules/text-expand/text-expand-modal-context-token.d.ts +6 -0
- package/lib/modules/text-expand/text-expand-modal-context.d.ts +1 -1
- package/lib/modules/text-expand/text-expand.component.d.ts +18 -25
- package/lib/modules/text-expand-repeater/text-expand-repeater-adapter.service.d.ts +4 -5
- package/lib/modules/text-expand-repeater/text-expand-repeater.component.d.ts +13 -21
- package/package.json +9 -9
- package/testing/action-button-fixture.d.ts +4 -4
- package/testing/card-fixture.d.ts +3 -5
- package/testing/page-summary-fixture.d.ts +4 -4
- package/esm2020/lib/modules/fluid-grid/fluid-grid-gutter-size.mjs +0 -20
- package/lib/modules/fluid-grid/fluid-grid-gutter-size.d.ts +0 -18
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
var _SkyDescriptionListComponent_ngUnsubscribe, _SkyDescriptionListComponent__mode;
|
|
2
|
+
import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
|
|
3
|
+
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, ElementRef, HostListener, Input, ViewChild, } from '@angular/core';
|
|
2
4
|
import { Subject } from 'rxjs';
|
|
3
5
|
import { takeUntil } from 'rxjs/operators';
|
|
4
6
|
import { SkyDescriptionListAdapterService } from './description-list-adapter-service';
|
|
@@ -16,7 +18,8 @@ export class SkyDescriptionListComponent {
|
|
|
16
18
|
this.adapterService = adapterService;
|
|
17
19
|
this.changeDetector = changeDetector;
|
|
18
20
|
this.descriptionListService = descriptionListService;
|
|
19
|
-
this
|
|
21
|
+
_SkyDescriptionListComponent_ngUnsubscribe.set(this, new Subject());
|
|
22
|
+
_SkyDescriptionListComponent__mode.set(this, 'vertical');
|
|
20
23
|
}
|
|
21
24
|
/**
|
|
22
25
|
* Specifies a default description to display when no description is provided
|
|
@@ -32,39 +35,45 @@ export class SkyDescriptionListComponent {
|
|
|
32
35
|
* @default "vertical"
|
|
33
36
|
*/
|
|
34
37
|
set mode(value) {
|
|
35
|
-
this
|
|
38
|
+
__classPrivateFieldSet(this, _SkyDescriptionListComponent__mode, value || 'vertical', "f");
|
|
36
39
|
}
|
|
37
40
|
get mode() {
|
|
38
|
-
return this
|
|
41
|
+
return __classPrivateFieldGet(this, _SkyDescriptionListComponent__mode, "f");
|
|
39
42
|
}
|
|
40
43
|
ngAfterContentInit() {
|
|
41
44
|
// Wait for all content to render before detecting parent width.
|
|
42
45
|
setTimeout(() => {
|
|
43
46
|
this.updateResponsiveClass();
|
|
44
47
|
});
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
.
|
|
48
|
-
|
|
49
|
-
|
|
48
|
+
// istanbul ignore else
|
|
49
|
+
if (this.contentComponents) {
|
|
50
|
+
this.contentComponents.changes
|
|
51
|
+
.pipe(takeUntil(__classPrivateFieldGet(this, _SkyDescriptionListComponent_ngUnsubscribe, "f")))
|
|
52
|
+
.subscribe(() => {
|
|
53
|
+
this.changeDetector.markForCheck();
|
|
54
|
+
});
|
|
55
|
+
}
|
|
50
56
|
}
|
|
51
57
|
ngOnDestroy() {
|
|
52
|
-
this.
|
|
53
|
-
this.
|
|
58
|
+
__classPrivateFieldGet(this, _SkyDescriptionListComponent_ngUnsubscribe, "f").next();
|
|
59
|
+
__classPrivateFieldGet(this, _SkyDescriptionListComponent_ngUnsubscribe, "f").complete();
|
|
54
60
|
}
|
|
55
61
|
onWindowResize() {
|
|
56
62
|
this.updateResponsiveClass();
|
|
57
63
|
}
|
|
58
64
|
updateResponsiveClass() {
|
|
59
|
-
|
|
60
|
-
|
|
65
|
+
if (this.elementRef) {
|
|
66
|
+
this.adapterService.setResponsiveClass(this.elementRef);
|
|
67
|
+
this.changeDetector.markForCheck();
|
|
68
|
+
}
|
|
61
69
|
}
|
|
62
70
|
}
|
|
71
|
+
_SkyDescriptionListComponent_ngUnsubscribe = new WeakMap(), _SkyDescriptionListComponent__mode = new WeakMap();
|
|
63
72
|
SkyDescriptionListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyDescriptionListComponent, deps: [{ token: i1.SkyDescriptionListAdapterService }, { token: i0.ChangeDetectorRef }, { token: i2.SkyDescriptionListService }], target: i0.ɵɵFactoryTarget.Component });
|
|
64
|
-
SkyDescriptionListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", 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\n *ngTemplateOutlet=\"termComponent.templateRef\"\n
|
|
73
|
+
SkyDescriptionListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", 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: [".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{margin:0 0 15px;width:auto}.sky-description-list.sky-description-list-horizontal-mode{display:flex;flex-wrap:wrap}.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{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{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 });
|
|
65
74
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyDescriptionListComponent, decorators: [{
|
|
66
75
|
type: Component,
|
|
67
|
-
args: [{ selector: 'sky-description-list', providers: [SkyDescriptionListAdapterService, SkyDescriptionListService], changeDetection: ChangeDetectionStrategy.OnPush, 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\n *ngTemplateOutlet=\"termComponent.templateRef\"\n
|
|
76
|
+
args: [{ selector: 'sky-description-list', providers: [SkyDescriptionListAdapterService, SkyDescriptionListService], changeDetection: ChangeDetectionStrategy.OnPush, 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: [".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{margin:0 0 15px;width:auto}.sky-description-list.sky-description-list-horizontal-mode{display:flex;flex-wrap:wrap}.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{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{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"] }]
|
|
68
77
|
}], ctorParameters: function () { return [{ type: i1.SkyDescriptionListAdapterService }, { type: i0.ChangeDetectorRef }, { type: i2.SkyDescriptionListService }]; }, propDecorators: { defaultDescription: [{
|
|
69
78
|
type: Input
|
|
70
79
|
}], listItemWidth: [{
|
|
@@ -84,4 +93,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
|
|
|
84
93
|
type: HostListener,
|
|
85
94
|
args: ['window:resize']
|
|
86
95
|
}] } });
|
|
87
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
96
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVzY3JpcHRpb24tbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9saWIvbW9kdWxlcy9kZXNjcmlwdGlvbi1saXN0L2Rlc2NyaXB0aW9uLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xheW91dC9zcmMvbGliL21vZHVsZXMvZGVzY3JpcHRpb24tbGlzdC9kZXNjcmlwdGlvbi1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUVMLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUNULGVBQWUsRUFDZixVQUFVLEVBQ1YsWUFBWSxFQUNaLEtBQUssRUFHTCxTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMvQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFM0MsT0FBTyxFQUFFLGdDQUFnQyxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDdEYsT0FBTyxFQUFFLGtDQUFrQyxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDMUYsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7O0FBR3ZFOztHQUVHO0FBUUgsTUFBTSxPQUFPLDJCQUEyQjtJQWdEdEMsWUFDVSxjQUFnRCxFQUNoRCxjQUFpQyxFQUNqQyxzQkFBaUQ7UUFGakQsbUJBQWMsR0FBZCxjQUFjLENBQWtDO1FBQ2hELG1CQUFjLEdBQWQsY0FBYyxDQUFtQjtRQUNqQywyQkFBc0IsR0FBdEIsc0JBQXNCLENBQTJCO1FBTjNELHFEQUFpQixJQUFJLE9BQU8sRUFBUSxFQUFDO1FBQ3JDLDZDQUFxQyxVQUFVLEVBQUM7SUFNN0MsQ0FBQztJQWpESjs7OztPQUlHO0lBQ0gsSUFDVyxrQkFBa0IsQ0FBQyxLQUFhO1FBQ3pDLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyx3QkFBd0IsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM5RCxDQUFDO0lBU0Q7Ozs7T0FJRztJQUNILElBQ1csSUFBSSxDQUFDLEtBQTZDO1FBQzNELHVCQUFBLElBQUksc0NBQVUsS0FBSyxJQUFJLFVBQVUsTUFBQSxDQUFDO0lBQ3BDLENBQUM7SUFFRCxJQUFXLElBQUk7UUFDYixPQUFPLHVCQUFBLElBQUksMENBQU8sQ0FBQztJQUNyQixDQUFDO0lBc0JNLGtCQUFrQjtRQUN2QixnRUFBZ0U7UUFDaEUsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1FBQy9CLENBQUMsQ0FBQyxDQUFDO1FBRUgsdUJBQXVCO1FBQ3ZCLElBQUksSUFBSSxDQUFDLGlCQUFpQixFQUFFO1lBQzFCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxPQUFPO2lCQUMzQixJQUFJLENBQUMsU0FBUyxDQUFDLHVCQUFBLElBQUksa0RBQWUsQ0FBQyxDQUFDO2lCQUNwQyxTQUFTLENBQUMsR0FBRyxFQUFFO2dCQUNkLElBQUksQ0FBQyxjQUFjLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDckMsQ0FBQyxDQUFDLENBQUM7U0FDTjtJQUNILENBQUM7SUFFTSxXQUFXO1FBQ2hCLHVCQUFBLElBQUksa0RBQWUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUMzQix1QkFBQSxJQUFJLGtEQUFlLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDakMsQ0FBQztJQUdNLGNBQWM7UUFDbkIsSUFBSSxDQUFDLHFCQUFxQixFQUFFLENBQUM7SUFDL0IsQ0FBQztJQUVPLHFCQUFxQjtRQUMzQixJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDbkIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7WUFDeEQsSUFBSSxDQUFDLGNBQWMsQ0FBQyxZQUFZLEVBQUUsQ0FBQztTQUNwQztJQUNILENBQUM7Ozt3SEFyRlUsMkJBQTJCOzRHQUEzQiwyQkFBMkIsaU5BSDNCLENBQUMsZ0NBQWdDLEVBQUUseUJBQXlCLENBQUMsNERBcUN2RCxrQ0FBa0MsOEhBTTNDLFVBQVUsMkNDeEVwQixzdkNBc0NBOzJGRE5hLDJCQUEyQjtrQkFQdkMsU0FBUzsrQkFDRSxzQkFBc0IsYUFHckIsQ0FBQyxnQ0FBZ0MsRUFBRSx5QkFBeUIsQ0FBQyxtQkFDdkQsdUJBQXVCLENBQUMsTUFBTTsrTEFXcEMsa0JBQWtCO3NCQUQ1QixLQUFLO2dCQVVDLGFBQWE7c0JBRG5CLEtBQUs7Z0JBU0ssSUFBSTtzQkFEZCxLQUFLO2dCQVVDLGlCQUFpQjtzQkFEdkIsZUFBZTt1QkFBQyxrQ0FBa0M7Z0JBUzVDLFVBQVU7c0JBSmhCLFNBQVM7dUJBQUMsd0JBQXdCLEVBQUU7d0JBQ25DLElBQUksRUFBRSxVQUFVO3dCQUNoQixNQUFNLEVBQUUsSUFBSTtxQkFDYjtnQkFrQ00sY0FBYztzQkFEcEIsWUFBWTt1QkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgRWxlbWVudFJlZixcbiAgSG9zdExpc3RlbmVyLFxuICBJbnB1dCxcbiAgT25EZXN0cm95LFxuICBRdWVyeUxpc3QsXG4gIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuaW1wb3J0IHsgU2t5RGVzY3JpcHRpb25MaXN0QWRhcHRlclNlcnZpY2UgfSBmcm9tICcuL2Rlc2NyaXB0aW9uLWxpc3QtYWRhcHRlci1zZXJ2aWNlJztcbmltcG9ydCB7IFNreURlc2NyaXB0aW9uTGlzdENvbnRlbnRDb21wb25lbnQgfSBmcm9tICcuL2Rlc2NyaXB0aW9uLWxpc3QtY29udGVudC5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2t5RGVzY3JpcHRpb25MaXN0U2VydmljZSB9IGZyb20gJy4vZGVzY3JpcHRpb24tbGlzdC5zZXJ2aWNlJztcbmltcG9ydCB7IFNreURlc2NyaXB0aW9uTGlzdE1vZGVUeXBlIH0gZnJvbSAnLi90eXBlcy9kZXNjcmlwdGlvbi1saXN0LW1vZGUtdHlwZSc7XG5cbi8qKlxuICogQ3JlYXRlcyBhIGRlc2NyaXB0aW9uIGxpc3QgdG8gZGlzcGxheSB0ZXJtLWRlc2NyaXB0aW9uIHBhaXJzLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktZGVzY3JpcHRpb24tbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9kZXNjcmlwdGlvbi1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZGVzY3JpcHRpb24tbGlzdC5jb21wb25lbnQuc2NzcyddLFxuICBwcm92aWRlcnM6IFtTa3lEZXNjcmlwdGlvbkxpc3RBZGFwdGVyU2VydmljZSwgU2t5RGVzY3JpcHRpb25MaXN0U2VydmljZV0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lEZXNjcmlwdGlvbkxpc3RDb21wb25lbnRcbiAgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0LCBPbkRlc3Ryb3lcbntcbiAgLyoqXG4gICAqIFNwZWNpZmllcyBhIGRlZmF1bHQgZGVzY3JpcHRpb24gdG8gZGlzcGxheSB3aGVuIG5vIGRlc2NyaXB0aW9uIGlzIHByb3ZpZGVkXG4gICAqIGZvciBhIHRlcm0tZGVzY3JpcHRpb24gcGFpci5cbiAgICogQGRlZmF1bHQgXCJOb25lIGZvdW5kXCJcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgZGVmYXVsdERlc2NyaXB0aW9uKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLmRlc2NyaXB0aW9uTGlzdFNlcnZpY2UudXBkYXRlRGVmYXVsdERlc2NyaXB0aW9uKHZhbHVlKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIHdpZHRoIG9mIHRlcm0tZGVzY3JpcHRpb24gcGFpcnMgd2hlbiBgbW9kZWAgaXMgc2V0IHRvIGBcImhvcml6b250YWxcImAuIEJ5IGRlZmF1bHQsXG4gICAqIHRoZSB3aWR0aCBpcyByZXNwb25zaXZlIGJhc2VkIG9uIHRoZSB3aWR0aCBvZiB0aGUgY29udGFpbmVyIGVsZW1lbnQuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgbGlzdEl0ZW1XaWR0aDogc3RyaW5nIHwgdW5kZWZpbmVkO1xuXG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgaG93IHRvIGRpc3BsYXkgdGVybS1kZXNjcmlwdGlvbiBwYWlycyB3aXRoaW4gdGhlIGRlc2NyaXB0aW9uIGxpc3QuXG4gICAqIE9wdGlvbnMgaW5jbHVkZSBgXCJob3Jpem9udGFsXCJgLCBgXCJsb25nRGVzY3JpcHRpb25cImAsIGFuZCBgXCJ2ZXJ0aWNhbFwiYC5cbiAgICogQGRlZmF1bHQgXCJ2ZXJ0aWNhbFwiXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IG1vZGUodmFsdWU6IFNreURlc2NyaXB0aW9uTGlzdE1vZGVUeXBlIHwgdW5kZWZpbmVkKSB7XG4gICAgdGhpcy4jX21vZGUgPSB2YWx1ZSB8fCAndmVydGljYWwnO1xuICB9XG5cbiAgcHVibGljIGdldCBtb2RlKCk6IFNreURlc2NyaXB0aW9uTGlzdE1vZGVUeXBlIHtcbiAgICByZXR1cm4gdGhpcy4jX21vZGU7XG4gIH1cblxuICBAQ29udGVudENoaWxkcmVuKFNreURlc2NyaXB0aW9uTGlzdENvbnRlbnRDb21wb25lbnQpXG4gIHB1YmxpYyBjb250ZW50Q29tcG9uZW50czpcbiAgICB8IFF1ZXJ5TGlzdDxTa3lEZXNjcmlwdGlvbkxpc3RDb250ZW50Q29tcG9uZW50PlxuICAgIHwgdW5kZWZpbmVkO1xuXG4gIEBWaWV3Q2hpbGQoJ2Rlc2NyaXB0aW9uTGlzdEVsZW1lbnQnLCB7XG4gICAgcmVhZDogRWxlbWVudFJlZixcbiAgICBzdGF0aWM6IHRydWUsXG4gIH0pXG4gIHB1YmxpYyBlbGVtZW50UmVmOiBFbGVtZW50UmVmIHwgdW5kZWZpbmVkO1xuXG4gICNuZ1Vuc3Vic2NyaWJlID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcbiAgI19tb2RlOiBTa3lEZXNjcmlwdGlvbkxpc3RNb2RlVHlwZSA9ICd2ZXJ0aWNhbCc7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBhZGFwdGVyU2VydmljZTogU2t5RGVzY3JpcHRpb25MaXN0QWRhcHRlclNlcnZpY2UsXG4gICAgcHJpdmF0ZSBjaGFuZ2VEZXRlY3RvcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgcHJpdmF0ZSBkZXNjcmlwdGlvbkxpc3RTZXJ2aWNlOiBTa3lEZXNjcmlwdGlvbkxpc3RTZXJ2aWNlXG4gICkge31cblxuICBwdWJsaWMgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuICAgIC8vIFdhaXQgZm9yIGFsbCBjb250ZW50IHRvIHJlbmRlciBiZWZvcmUgZGV0ZWN0aW5nIHBhcmVudCB3aWR0aC5cbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHRoaXMudXBkYXRlUmVzcG9uc2l2ZUNsYXNzKCk7XG4gICAgfSk7XG5cbiAgICAvLyBpc3RhbmJ1bCBpZ25vcmUgZWxzZVxuICAgIGlmICh0aGlzLmNvbnRlbnRDb21wb25lbnRzKSB7XG4gICAgICB0aGlzLmNvbnRlbnRDb21wb25lbnRzLmNoYW5nZXNcbiAgICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMuI25nVW5zdWJzY3JpYmUpKVxuICAgICAgICAuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgICB0aGlzLmNoYW5nZURldGVjdG9yLm1hcmtGb3JDaGVjaygpO1xuICAgICAgICB9KTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy4jbmdVbnN1YnNjcmliZS5uZXh0KCk7XG4gICAgdGhpcy4jbmdVbnN1YnNjcmliZS5jb21wbGV0ZSgpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignd2luZG93OnJlc2l6ZScpXG4gIHB1YmxpYyBvbldpbmRvd1Jlc2l6ZSgpOiB2b2lkIHtcbiAgICB0aGlzLnVwZGF0ZVJlc3BvbnNpdmVDbGFzcygpO1xuICB9XG5cbiAgcHJpdmF0ZSB1cGRhdGVSZXNwb25zaXZlQ2xhc3MoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZWxlbWVudFJlZikge1xuICAgICAgdGhpcy5hZGFwdGVyU2VydmljZS5zZXRSZXNwb25zaXZlQ2xhc3ModGhpcy5lbGVtZW50UmVmKTtcbiAgICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3IubWFya0ZvckNoZWNrKCk7XG4gICAgfVxuICB9XG59XG4iLCI8ZGxcbiAgY2xhc3M9XCJza3ktZGVzY3JpcHRpb24tbGlzdFwiXG4gIFtuZ0NsYXNzXT1cIntcbiAgICAnc2t5LWRlc2NyaXB0aW9uLWxpc3QtbG9uZy1kZXNjcmlwdGlvbi1tb2RlJzogbW9kZSA9PT0gJ2xvbmdEZXNjcmlwdGlvbicsXG4gICAgJ3NreS1kZXNjcmlwdGlvbi1saXN0LXZlcnRpY2FsLW1vZGUnOiBtb2RlID09PSAndmVydGljYWwnLFxuICAgICdza3ktZGVzY3JpcHRpb24tbGlzdC1ob3Jpem9udGFsLW1vZGUnOiBtb2RlID09PSAnaG9yaXpvbnRhbCdcbiAgfVwiXG4gICNkZXNjcmlwdGlvbkxpc3RFbGVtZW50XG4+XG4gIDwhLS1cbiAgICBXcmFwcGluZyBkaXYgaXMgZm9yIGhvcml6b250YWwgZmxleGluZy4gQWxzbyBpbmplY3RpbmcgY2hpbGRyZW4ncyB0ZW1wbGF0ZVJlZiBkaXJlY3RseVxuICAgIHRvIGF2b2lkIGFkZGluZyBub24tc2VtYW50aWMgSFRNTCB0YWdzIHRvIERPTVxuICAtLT5cbiAgPGRpdlxuICAgICpuZ0Zvcj1cImxldCBjb250ZW50Q29tcG9uZW50IG9mIGNvbnRlbnRDb21wb25lbnRzXCJcbiAgICBjbGFzcz1cInNreS1kZXNjcmlwdGlvbi1saXN0LWNvbnRlbnRcIlxuICAgIFtzdHlsZS53aWR0aF09XCJtb2RlID09PSAnaG9yaXpvbnRhbCcgPyBsaXN0SXRlbVdpZHRoIDogJydcIlxuICA+XG4gICAgPGR0ICpuZ0Zvcj1cImxldCB0ZXJtQ29tcG9uZW50IG9mIGNvbnRlbnRDb21wb25lbnQ/LnRlcm1Db21wb25lbnRzXCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidGVybUNvbXBvbmVudC50ZW1wbGF0ZVJlZlwiPlxuICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZXJtQ29tcG9uZW50LnRlbXBsYXRlUmVmXCJcbiAgICAgICAgPjwvbmctY29udGFpbmVyPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9kdD5cbiAgICA8ZGRcbiAgICAgICpuZ0Zvcj1cIlxuICAgICAgICBsZXQgZGVzY3JpcHRpb25Db21wb25lbnQgb2YgY29udGVudENvbXBvbmVudD8uZGVzY3JpcHRpb25Db21wb25lbnRzXG4gICAgICBcIlxuICAgID5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJkZXNjcmlwdGlvbkNvbXBvbmVudC50ZW1wbGF0ZVJlZlwiPlxuICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJkZXNjcmlwdGlvbkNvbXBvbmVudC50ZW1wbGF0ZVJlZlwiXG4gICAgICAgID48L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvZGQ+XG4gIDwvZGl2PlxuPC9kbD5cbiJdfQ==
|
|
@@ -1,9 +1,26 @@
|
|
|
1
|
+
var _SkyColumnComponent__screenXSmall;
|
|
2
|
+
import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
|
|
1
3
|
import { Component, HostBinding, Input, ViewEncapsulation, } from '@angular/core';
|
|
2
4
|
import * as i0 from "@angular/core";
|
|
3
5
|
/**
|
|
4
6
|
* Displays a column within a row of the fluid grid.
|
|
5
7
|
*/
|
|
6
8
|
export class SkyColumnComponent {
|
|
9
|
+
constructor() {
|
|
10
|
+
_SkyColumnComponent__screenXSmall.set(this, 12);
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* Specifies the number of columns (1-12) to use on extra-small screens
|
|
14
|
+
* (less than 768px). If you do not specify a value, the fluid grid displays
|
|
15
|
+
* the column at the full width of the screen.
|
|
16
|
+
* @default 12
|
|
17
|
+
*/
|
|
18
|
+
set screenXSmall(value) {
|
|
19
|
+
__classPrivateFieldSet(this, _SkyColumnComponent__screenXSmall, value ?? 12, "f");
|
|
20
|
+
}
|
|
21
|
+
get screenXSmall() {
|
|
22
|
+
return __classPrivateFieldGet(this, _SkyColumnComponent__screenXSmall, "f");
|
|
23
|
+
}
|
|
7
24
|
ngOnChanges(changes) {
|
|
8
25
|
/* istanbul ignore else */
|
|
9
26
|
if (changes.screenXSmall ||
|
|
@@ -33,6 +50,7 @@ export class SkyColumnComponent {
|
|
|
33
50
|
this.classnames = this.getClassNames();
|
|
34
51
|
}
|
|
35
52
|
}
|
|
53
|
+
_SkyColumnComponent__screenXSmall = new WeakMap();
|
|
36
54
|
SkyColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
37
55
|
SkyColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: SkyColumnComponent, selector: "sky-column", inputs: { screenXSmall: "screenXSmall", screenSmall: "screenSmall", screenMedium: "screenMedium", screenLarge: "screenLarge" }, host: { properties: { "class": "this.classnames" } }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["sky-column.sky-column{padding-right:15px;padding-left:15px;width:100%;min-height:1px}.sky-theme-modern sky-column.sky-column{padding-right:30px;padding-left:30px}.sky-fluid-grid-gutter-size-small sky-column.sky-column{padding-right:5px;padding-left:5px}.sky-fluid-grid-gutter-size-medium sky-column.sky-column{padding-right:10px;padding-left:10px}.sky-theme-modern .sky-fluid-grid-gutter-size-small sky-column.sky-column{padding-right:10px;padding-left:10px}.sky-theme-modern .sky-fluid-grid-gutter-size-medium sky-column.sky-column{padding-right:15px;padding-left:15px}sky-column.sky-column-xs-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-xs-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-xs-3{width:25%}sky-column.sky-column-xs-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-xs-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-xs-6{width:50%}sky-column.sky-column-xs-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-xs-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-xs-9{width:75%}sky-column.sky-column-xs-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-xs-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-xs-12{width:100%}sky-column:not([class*=sky-column-xs-]){width:100%}.sky-responsive-container-xs sky-column.sky-column-xs-1,.sky-responsive-container-sm sky-column.sky-column-xs-1,.sky-responsive-container-md sky-column.sky-column-xs-1,.sky-responsive-container-lg sky-column.sky-column-xs-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-2,.sky-responsive-container-sm sky-column.sky-column-xs-2,.sky-responsive-container-md sky-column.sky-column-xs-2,.sky-responsive-container-lg sky-column.sky-column-xs-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-3,.sky-responsive-container-sm sky-column.sky-column-xs-3,.sky-responsive-container-md sky-column.sky-column-xs-3,.sky-responsive-container-lg sky-column.sky-column-xs-3{width:25%}.sky-responsive-container-xs sky-column.sky-column-xs-4,.sky-responsive-container-sm sky-column.sky-column-xs-4,.sky-responsive-container-md sky-column.sky-column-xs-4,.sky-responsive-container-lg sky-column.sky-column-xs-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-5,.sky-responsive-container-sm sky-column.sky-column-xs-5,.sky-responsive-container-md sky-column.sky-column-xs-5,.sky-responsive-container-lg sky-column.sky-column-xs-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-6,.sky-responsive-container-sm sky-column.sky-column-xs-6,.sky-responsive-container-md sky-column.sky-column-xs-6,.sky-responsive-container-lg sky-column.sky-column-xs-6{width:50%}.sky-responsive-container-xs sky-column.sky-column-xs-7,.sky-responsive-container-sm sky-column.sky-column-xs-7,.sky-responsive-container-md sky-column.sky-column-xs-7,.sky-responsive-container-lg sky-column.sky-column-xs-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-8,.sky-responsive-container-sm sky-column.sky-column-xs-8,.sky-responsive-container-md sky-column.sky-column-xs-8,.sky-responsive-container-lg sky-column.sky-column-xs-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-9,.sky-responsive-container-sm sky-column.sky-column-xs-9,.sky-responsive-container-md sky-column.sky-column-xs-9,.sky-responsive-container-lg sky-column.sky-column-xs-9{width:75%}.sky-responsive-container-xs sky-column.sky-column-xs-10,.sky-responsive-container-sm sky-column.sky-column-xs-10,.sky-responsive-container-md sky-column.sky-column-xs-10,.sky-responsive-container-lg sky-column.sky-column-xs-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-11,.sky-responsive-container-sm sky-column.sky-column-xs-11,.sky-responsive-container-md sky-column.sky-column-xs-11,.sky-responsive-container-lg sky-column.sky-column-xs-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-12,.sky-responsive-container-sm sky-column.sky-column-xs-12,.sky-responsive-container-md sky-column.sky-column-xs-12,.sky-responsive-container-lg sky-column.sky-column-xs-12{width:100%}.sky-responsive-container-xs sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-sm sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-md sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-lg sky-column:not([class*=sky-column-xs-]){width:100%}@media (min-width: 768px){sky-column.sky-column-sm-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-sm-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-sm-3{width:25%}sky-column.sky-column-sm-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-sm-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-sm-6{width:50%}sky-column.sky-column-sm-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-sm-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-sm-9{width:75%}sky-column.sky-column-sm-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-sm-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-sm-12{width:100%}}.sky-responsive-container-sm sky-column.sky-column-sm-1,.sky-responsive-container-md sky-column.sky-column-sm-1,.sky-responsive-container-lg sky-column.sky-column-sm-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-2,.sky-responsive-container-md sky-column.sky-column-sm-2,.sky-responsive-container-lg sky-column.sky-column-sm-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-3,.sky-responsive-container-md sky-column.sky-column-sm-3,.sky-responsive-container-lg sky-column.sky-column-sm-3{width:25%}.sky-responsive-container-sm sky-column.sky-column-sm-4,.sky-responsive-container-md sky-column.sky-column-sm-4,.sky-responsive-container-lg sky-column.sky-column-sm-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-5,.sky-responsive-container-md sky-column.sky-column-sm-5,.sky-responsive-container-lg sky-column.sky-column-sm-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-6,.sky-responsive-container-md sky-column.sky-column-sm-6,.sky-responsive-container-lg sky-column.sky-column-sm-6{width:50%}.sky-responsive-container-sm sky-column.sky-column-sm-7,.sky-responsive-container-md sky-column.sky-column-sm-7,.sky-responsive-container-lg sky-column.sky-column-sm-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-8,.sky-responsive-container-md sky-column.sky-column-sm-8,.sky-responsive-container-lg sky-column.sky-column-sm-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-9,.sky-responsive-container-md sky-column.sky-column-sm-9,.sky-responsive-container-lg sky-column.sky-column-sm-9{width:75%}.sky-responsive-container-sm sky-column.sky-column-sm-10,.sky-responsive-container-md sky-column.sky-column-sm-10,.sky-responsive-container-lg sky-column.sky-column-sm-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-11,.sky-responsive-container-md sky-column.sky-column-sm-11,.sky-responsive-container-lg sky-column.sky-column-sm-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-12,.sky-responsive-container-md sky-column.sky-column-sm-12,.sky-responsive-container-lg sky-column.sky-column-sm-12{width:100%}@media (min-width: 992px){sky-column.sky-column-md-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-md-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-md-3{width:25%}sky-column.sky-column-md-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-md-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-md-6{width:50%}sky-column.sky-column-md-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-md-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-md-9{width:75%}sky-column.sky-column-md-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-md-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-md-12{width:100%}}.sky-responsive-container-md sky-column.sky-column-md-1,.sky-responsive-container-lg sky-column.sky-column-md-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-2,.sky-responsive-container-lg sky-column.sky-column-md-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-3,.sky-responsive-container-lg sky-column.sky-column-md-3{width:25%}.sky-responsive-container-md sky-column.sky-column-md-4,.sky-responsive-container-lg sky-column.sky-column-md-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-5,.sky-responsive-container-lg sky-column.sky-column-md-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-6,.sky-responsive-container-lg sky-column.sky-column-md-6{width:50%}.sky-responsive-container-md sky-column.sky-column-md-7,.sky-responsive-container-lg sky-column.sky-column-md-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-8,.sky-responsive-container-lg sky-column.sky-column-md-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-9,.sky-responsive-container-lg sky-column.sky-column-md-9{width:75%}.sky-responsive-container-md sky-column.sky-column-md-10,.sky-responsive-container-lg sky-column.sky-column-md-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-11,.sky-responsive-container-lg sky-column.sky-column-md-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-12,.sky-responsive-container-lg sky-column.sky-column-md-12{width:100%}@media (min-width: 1200px){sky-column.sky-column-lg-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-lg-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-lg-3{width:25%}sky-column.sky-column-lg-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-lg-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-lg-6{width:50%}sky-column.sky-column-lg-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-lg-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-lg-9{width:75%}sky-column.sky-column-lg-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-lg-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-lg-12{width:100%}}.sky-responsive-container-lg sky-column.sky-column-lg-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-3{width:25%}.sky-responsive-container-lg sky-column.sky-column-lg-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-6{width:50%}.sky-responsive-container-lg sky-column.sky-column-lg-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-9{width:75%}.sky-responsive-container-lg sky-column.sky-column-lg-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-12{width:100%}\n"], encapsulation: i0.ViewEncapsulation.None });
|
|
38
56
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyColumnComponent, decorators: [{
|
|
@@ -50,4 +68,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
|
|
|
50
68
|
type: HostBinding,
|
|
51
69
|
args: ['class']
|
|
52
70
|
}] } });
|
|
53
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
71
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9sYXlvdXQvc3JjL2xpYi9tb2R1bGVzL2ZsdWlkLWdyaWQvY29sdW1uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9sYXlvdXQvc3JjL2xpYi9tb2R1bGVzL2ZsdWlkLWdyaWQvY29sdW1uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxFQUlMLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQzs7QUFFdkI7O0dBRUc7QUFPSCxNQUFNLE9BQU8sa0JBQWtCO0lBTi9CO1FBaURFLDRDQUFpQixFQUFFLEVBQUM7S0F1Q3JCO0lBakZDOzs7OztPQUtHO0lBQ0gsSUFDVyxZQUFZLENBQUMsS0FBeUI7UUFDL0MsdUJBQUEsSUFBSSxxQ0FBa0IsS0FBSyxJQUFJLEVBQUUsTUFBQSxDQUFDO0lBQ3BDLENBQUM7SUFFRCxJQUFXLFlBQVk7UUFDckIsT0FBTyx1QkFBQSxJQUFJLHlDQUFlLENBQUM7SUFDN0IsQ0FBQztJQStCTSxXQUFXLENBQUMsT0FBc0I7UUFDdkMsMEJBQTBCO1FBQzFCLElBQ0UsT0FBTyxDQUFDLFlBQVk7WUFDcEIsT0FBTyxDQUFDLFdBQVc7WUFDbkIsT0FBTyxDQUFDLFlBQVk7WUFDcEIsT0FBTyxDQUFDLFdBQVcsRUFDbkI7WUFDQSxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztTQUN4QztJQUNILENBQUM7SUFFTSxhQUFhO1FBQ2xCLE1BQU0sVUFBVSxHQUFHLENBQUMsWUFBWSxDQUFDLENBQUM7UUFFbEMsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFO1lBQ3JCLFVBQVUsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQyxDQUFDO1NBQ3ZEO1FBRUQsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ3BCLFVBQVUsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDO1NBQ3REO1FBRUQsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFO1lBQ3JCLFVBQVUsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQyxDQUFDO1NBQ3ZEO1FBRUQsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ3BCLFVBQVUsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDO1NBQ3REO1FBRUQsT0FBTyxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzlCLENBQUM7SUFFTSxRQUFRO1FBQ2IsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDekMsQ0FBQzs7OytHQWpGVSxrQkFBa0I7bUdBQWxCLGtCQUFrQiw2UENuQi9CLDZCQUNBOzJGRGtCYSxrQkFBa0I7a0JBTjlCLFNBQVM7K0JBQ0UsWUFBWSxpQkFHUCxpQkFBaUIsQ0FBQyxJQUFJOzhCQVUxQixZQUFZO3NCQUR0QixLQUFLO2dCQWVDLFdBQVc7c0JBRGpCLEtBQUs7Z0JBU0MsWUFBWTtzQkFEbEIsS0FBSztnQkFTQyxXQUFXO3NCQURqQixLQUFLO2dCQUlDLFVBQVU7c0JBRGhCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE9uSW5pdCxcbiAgU2ltcGxlQ2hhbmdlcyxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIERpc3BsYXlzIGEgY29sdW1uIHdpdGhpbiBhIHJvdyBvZiB0aGUgZmx1aWQgZ3JpZC5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LWNvbHVtbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb2x1bW4uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb2x1bW4uY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5Q29sdW1uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuICAvKipcbiAgICogU3BlY2lmaWVzIHRoZSBudW1iZXIgb2YgY29sdW1ucyAoMS0xMikgdG8gdXNlIG9uIGV4dHJhLXNtYWxsIHNjcmVlbnNcbiAgICogKGxlc3MgdGhhbiA3NjhweCkuIElmIHlvdSBkbyBub3Qgc3BlY2lmeSBhIHZhbHVlLCB0aGUgZmx1aWQgZ3JpZCBkaXNwbGF5c1xuICAgKiB0aGUgY29sdW1uIGF0IHRoZSBmdWxsIHdpZHRoIG9mIHRoZSBzY3JlZW4uXG4gICAqIEBkZWZhdWx0IDEyXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IHNjcmVlblhTbWFsbCh2YWx1ZTogbnVtYmVyIHwgdW5kZWZpbmVkKSB7XG4gICAgdGhpcy4jX3NjcmVlblhTbWFsbCA9IHZhbHVlID8/IDEyO1xuICB9XG5cbiAgcHVibGljIGdldCBzY3JlZW5YU21hbGwoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gdGhpcy4jX3NjcmVlblhTbWFsbDtcbiAgfVxuXG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIG51bWJlciBvZiBjb2x1bW5zICgxLTEyKSB0byB1c2Ugb24gc21hbGwgc2NyZWVuc1xuICAgKiAoNzY4LTk5MXB4KS4gSWYgeW91IGRvIG5vdCBzcGVjaWZ5IGEgdmFsdWUsIHRoZSBjb2x1bW4gaW5oZXJpdHNcbiAgICogdGhlIGBzY3JlZW5YU21hbGxgIHZhbHVlLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHNjcmVlblNtYWxsOiBudW1iZXIgfCB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIFNwZWNpZmllcyB0aGUgbnVtYmVyIG9mIGNvbHVtbnMgKDEtMTIpIHRvIHVzZSBvbiBtZWRpdW0gc2NyZWVuc1xuICAgKiAoOTkyLTExOTlweCkuIElmIHlvdSBkbyBub3Qgc3BlY2lmeSBhIHZhbHVlLCB0aGUgY29sdW1uIGluaGVyaXRzXG4gICAqIHRoZSBgc2NyZWVuU21hbGxgIHZhbHVlLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHNjcmVlbk1lZGl1bTogbnVtYmVyIHwgdW5kZWZpbmVkO1xuXG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIG51bWJlciBvZiBjb2x1bW5zICgxLTEyKSB0byB1c2Ugb24gbGFyZ2Ugc2NyZWVuc1xuICAgKiAobW9yZSB0aGFuIDEyMDBweCkuIElmIHlvdSBkbyBub3Qgc3BlY2lmeSBhIHZhbHVlLCB0aGUgY29sdW1uXG4gICAqIGluaGVyaXRzIHRoZSBgc2NyZWVuTWVkaXVtYCB2YWx1ZS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzY3JlZW5MYXJnZTogbnVtYmVyIHwgdW5kZWZpbmVkO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwdWJsaWMgY2xhc3NuYW1lczogc3RyaW5nIHwgdW5kZWZpbmVkO1xuXG4gICNfc2NyZWVuWFNtYWxsID0gMTI7XG5cbiAgcHVibGljIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICAvKiBpc3RhbmJ1bCBpZ25vcmUgZWxzZSAqL1xuICAgIGlmIChcbiAgICAgIGNoYW5nZXMuc2NyZWVuWFNtYWxsIHx8XG4gICAgICBjaGFuZ2VzLnNjcmVlblNtYWxsIHx8XG4gICAgICBjaGFuZ2VzLnNjcmVlbk1lZGl1bSB8fFxuICAgICAgY2hhbmdlcy5zY3JlZW5MYXJnZVxuICAgICkge1xuICAgICAgdGhpcy5jbGFzc25hbWVzID0gdGhpcy5nZXRDbGFzc05hbWVzKCk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIGdldENsYXNzTmFtZXMoKTogc3RyaW5nIHtcbiAgICBjb25zdCBjbGFzc25hbWVzID0gWydza3ktY29sdW1uJ107XG5cbiAgICBpZiAodGhpcy5zY3JlZW5YU21hbGwpIHtcbiAgICAgIGNsYXNzbmFtZXMucHVzaChgc2t5LWNvbHVtbi14cy0ke3RoaXMuc2NyZWVuWFNtYWxsfWApO1xuICAgIH1cblxuICAgIGlmICh0aGlzLnNjcmVlblNtYWxsKSB7XG4gICAgICBjbGFzc25hbWVzLnB1c2goYHNreS1jb2x1bW4tc20tJHt0aGlzLnNjcmVlblNtYWxsfWApO1xuICAgIH1cblxuICAgIGlmICh0aGlzLnNjcmVlbk1lZGl1bSkge1xuICAgICAgY2xhc3NuYW1lcy5wdXNoKGBza3ktY29sdW1uLW1kLSR7dGhpcy5zY3JlZW5NZWRpdW19YCk7XG4gICAgfVxuXG4gICAgaWYgKHRoaXMuc2NyZWVuTGFyZ2UpIHtcbiAgICAgIGNsYXNzbmFtZXMucHVzaChgc2t5LWNvbHVtbi1sZy0ke3RoaXMuc2NyZWVuTGFyZ2V9YCk7XG4gICAgfVxuXG4gICAgcmV0dXJuIGNsYXNzbmFtZXMuam9pbignICcpO1xuICB9XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuY2xhc3NuYW1lcyA9IHRoaXMuZ2V0Q2xhc3NOYW1lcygpO1xuICB9XG59XG4iLCI8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4iXX0=
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
var _SkyFluidGridComponent__gutterSize;
|
|
2
|
+
import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
|
|
1
3
|
import { Component, Input } from '@angular/core';
|
|
2
|
-
import { SkyFluidGridGutterSize } from './fluid-grid-gutter-size';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
import * as i1 from "@angular/common";
|
|
5
6
|
/**
|
|
@@ -7,15 +8,13 @@ import * as i1 from "@angular/common";
|
|
|
7
8
|
* alignment, padding, and margins do not behave as expected.
|
|
8
9
|
*/
|
|
9
10
|
export class SkyFluidGridComponent {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
this.
|
|
16
|
-
|
|
17
|
-
get disableMargin() {
|
|
18
|
-
return this._disableMargin || false;
|
|
11
|
+
constructor() {
|
|
12
|
+
/**
|
|
13
|
+
* Disables the outer left and right margin of the fluid grid container.
|
|
14
|
+
* @default false
|
|
15
|
+
*/
|
|
16
|
+
this.disableMargin = false;
|
|
17
|
+
_SkyFluidGridComponent__gutterSize.set(this, 'large');
|
|
19
18
|
}
|
|
20
19
|
/**
|
|
21
20
|
* Specifies a `SkyFluidGridGutterSizeType` to define the size of the padding
|
|
@@ -23,40 +22,21 @@ export class SkyFluidGridComponent {
|
|
|
23
22
|
* @default "large"
|
|
24
23
|
*/
|
|
25
24
|
set gutterSize(value) {
|
|
26
|
-
this
|
|
25
|
+
__classPrivateFieldSet(this, _SkyFluidGridComponent__gutterSize, value ?? 'large', "f");
|
|
27
26
|
}
|
|
28
27
|
get gutterSize() {
|
|
29
|
-
return this
|
|
30
|
-
}
|
|
31
|
-
/**
|
|
32
|
-
* @internal
|
|
33
|
-
*/
|
|
34
|
-
get gutterSizeResolved() {
|
|
35
|
-
// Before this change, the template did a `==` comparison, implicitly converting numerical
|
|
36
|
-
// string values to their numeric values before comparing them. Checking for the numerical
|
|
37
|
-
// string value in addition to the values allowed by the type maintains this behavior.
|
|
38
|
-
switch (this.gutterSize) {
|
|
39
|
-
case 'medium':
|
|
40
|
-
case SkyFluidGridGutterSize.Medium:
|
|
41
|
-
case SkyFluidGridGutterSize.Medium.toString():
|
|
42
|
-
return 'medium';
|
|
43
|
-
case 'small':
|
|
44
|
-
case SkyFluidGridGutterSize.Small:
|
|
45
|
-
case SkyFluidGridGutterSize.Small.toString():
|
|
46
|
-
return 'small';
|
|
47
|
-
default:
|
|
48
|
-
return 'large';
|
|
49
|
-
}
|
|
28
|
+
return __classPrivateFieldGet(this, _SkyFluidGridComponent__gutterSize, "f");
|
|
50
29
|
}
|
|
51
30
|
}
|
|
31
|
+
_SkyFluidGridComponent__gutterSize = new WeakMap();
|
|
52
32
|
SkyFluidGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyFluidGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
53
|
-
SkyFluidGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: SkyFluidGridComponent, selector: "sky-fluid-grid", inputs: { disableMargin: "disableMargin", gutterSize: "gutterSize" }, ngImport: i0, template: "<div\n class=\"sky-fluid-grid\"\n [ngClass]=\"{\n 'sky-fluid-grid-gutter-size-small':
|
|
33
|
+
SkyFluidGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: SkyFluidGridComponent, selector: "sky-fluid-grid", inputs: { disableMargin: "disableMargin", gutterSize: "gutterSize" }, ngImport: i0, template: "<div\n class=\"sky-fluid-grid\"\n [ngClass]=\"{\n 'sky-fluid-grid-gutter-size-small': gutterSize === 'small',\n 'sky-fluid-grid-gutter-size-medium': gutterSize === 'medium',\n 'sky-fluid-grid-gutter-size-large': gutterSize === 'large',\n 'sky-fluid-grid-no-margin': disableMargin\n }\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".sky-fluid-grid-gutter-size-small{padding-left:5px;padding-right:5px}.sky-fluid-grid-gutter-size-medium{padding-left:10px;padding-right:10px}.sky-fluid-grid-gutter-size-large{padding-left:15px;padding-right:15px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-small{padding-left:10px;padding-right:10px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-medium{padding-left:15px;padding-right:15px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-large{padding-left:30px;padding-right:30px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
54
34
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyFluidGridComponent, decorators: [{
|
|
55
35
|
type: Component,
|
|
56
|
-
args: [{ selector: 'sky-fluid-grid', template: "<div\n class=\"sky-fluid-grid\"\n [ngClass]=\"{\n 'sky-fluid-grid-gutter-size-small':
|
|
36
|
+
args: [{ selector: 'sky-fluid-grid', template: "<div\n class=\"sky-fluid-grid\"\n [ngClass]=\"{\n 'sky-fluid-grid-gutter-size-small': gutterSize === 'small',\n 'sky-fluid-grid-gutter-size-medium': gutterSize === 'medium',\n 'sky-fluid-grid-gutter-size-large': gutterSize === 'large',\n 'sky-fluid-grid-no-margin': disableMargin\n }\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".sky-fluid-grid-gutter-size-small{padding-left:5px;padding-right:5px}.sky-fluid-grid-gutter-size-medium{padding-left:10px;padding-right:10px}.sky-fluid-grid-gutter-size-large{padding-left:15px;padding-right:15px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-small{padding-left:10px;padding-right:10px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-medium{padding-left:15px;padding-right:15px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-large{padding-left:30px;padding-right:30px}\n"] }]
|
|
57
37
|
}], propDecorators: { disableMargin: [{
|
|
58
38
|
type: Input
|
|
59
39
|
}], gutterSize: [{
|
|
60
40
|
type: Input
|
|
61
41
|
}] } });
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmx1aWQtZ3JpZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9saWIvbW9kdWxlcy9mbHVpZC1ncmlkL2ZsdWlkLWdyaWQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xheW91dC9zcmMvbGliL21vZHVsZXMvZmx1aWQtZ3JpZC9mbHVpZC1ncmlkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQUlqRDs7O0dBR0c7QUFNSCxNQUFNLE9BQU8scUJBQXFCO0lBTGxDO1FBTUU7OztXQUdHO1FBRUksa0JBQWEsR0FBd0IsS0FBSyxDQUFDO1FBZ0JsRCw2Q0FBMkMsT0FBTyxFQUFDO0tBQ3BEO0lBZkM7Ozs7T0FJRztJQUNILElBQ1csVUFBVSxDQUFDLEtBQTZDO1FBQ2pFLHVCQUFBLElBQUksc0NBQWdCLEtBQUssSUFBSSxPQUFPLE1BQUEsQ0FBQztJQUN2QyxDQUFDO0lBRUQsSUFBVyxVQUFVO1FBQ25CLE9BQU8sdUJBQUEsSUFBSSwwQ0FBYSxDQUFDO0lBQzNCLENBQUM7OztrSEFwQlUscUJBQXFCO3NHQUFyQixxQkFBcUIsNEhDYmxDLHdWQVdBOzJGREVhLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxnQkFBZ0I7OEJBVW5CLGFBQWE7c0JBRG5CLEtBQUs7Z0JBU0ssVUFBVTtzQkFEcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU2t5Rmx1aWRHcmlkR3V0dGVyU2l6ZVR5cGUgfSBmcm9tICcuL3R5cGVzL2ZsdWlkLWdyaWQtZ3V0dGVyLXNpemUtdHlwZSc7XG5cbi8qKlxuICogV3JhcHMgdGhlIGZsdWlkIGdyaWQgdG8gZW5zdXJlIHByb3BlciBzcGFjaW5nLiBXaXRob3V0IHRoZSB3cmFwcGVyLCB0aGVcbiAqIGFsaWdubWVudCwgcGFkZGluZywgYW5kIG1hcmdpbnMgZG8gbm90IGJlaGF2ZSBhcyBleHBlY3RlZC5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LWZsdWlkLWdyaWQnLFxuICB0ZW1wbGF0ZVVybDogJy4vZmx1aWQtZ3JpZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ZsdWlkLWdyaWQuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5Rmx1aWRHcmlkQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIERpc2FibGVzIHRoZSBvdXRlciBsZWZ0IGFuZCByaWdodCBtYXJnaW4gb2YgdGhlIGZsdWlkIGdyaWQgY29udGFpbmVyLlxuICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGRpc2FibGVNYXJnaW46IGJvb2xlYW4gfCB1bmRlZmluZWQgPSBmYWxzZTtcblxuICAvKipcbiAgICogU3BlY2lmaWVzIGEgYFNreUZsdWlkR3JpZEd1dHRlclNpemVUeXBlYCB0byBkZWZpbmUgdGhlIHNpemUgb2YgdGhlIHBhZGRpbmdcbiAgICogYmV0d2VlbiBjb2x1bW5zLlxuICAgKiBAZGVmYXVsdCBcImxhcmdlXCJcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgZ3V0dGVyU2l6ZSh2YWx1ZTogU2t5Rmx1aWRHcmlkR3V0dGVyU2l6ZVR5cGUgfCB1bmRlZmluZWQpIHtcbiAgICB0aGlzLiNfZ3V0dGVyU2l6ZSA9IHZhbHVlID8/ICdsYXJnZSc7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGd1dHRlclNpemUoKTogU2t5Rmx1aWRHcmlkR3V0dGVyU2l6ZVR5cGUge1xuICAgIHJldHVybiB0aGlzLiNfZ3V0dGVyU2l6ZTtcbiAgfVxuXG4gICNfZ3V0dGVyU2l6ZTogU2t5Rmx1aWRHcmlkR3V0dGVyU2l6ZVR5cGUgPSAnbGFyZ2UnO1xufVxuIiwiPGRpdlxuICBjbGFzcz1cInNreS1mbHVpZC1ncmlkXCJcbiAgW25nQ2xhc3NdPVwie1xuICAgICdza3ktZmx1aWQtZ3JpZC1ndXR0ZXItc2l6ZS1zbWFsbCc6IGd1dHRlclNpemUgPT09ICdzbWFsbCcsXG4gICAgJ3NreS1mbHVpZC1ncmlkLWd1dHRlci1zaXplLW1lZGl1bSc6IGd1dHRlclNpemUgPT09ICdtZWRpdW0nLFxuICAgICdza3ktZmx1aWQtZ3JpZC1ndXR0ZXItc2l6ZS1sYXJnZSc6IGd1dHRlclNpemUgPT09ICdsYXJnZScsXG4gICAgJ3NreS1mbHVpZC1ncmlkLW5vLW1hcmdpbic6IGRpc2FibGVNYXJnaW5cbiAgfVwiXG4+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19
|
|
@@ -22,4 +22,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
|
|
|
22
22
|
}], propDecorators: { reverseColumnOrder: [{
|
|
23
23
|
type: Input
|
|
24
24
|
}] } });
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm93LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9sYXlvdXQvc3JjL2xpYi9tb2R1bGVzL2ZsdWlkLWdyaWQvcm93LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9sYXlvdXQvc3JjL2xpYi9tb2R1bGVzL2ZsdWlkLWdyaWQvcm93LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFFakQ7OztHQUdHO0FBTUgsTUFBTSxPQUFPLGVBQWU7SUFMNUI7UUFNRTs7O1dBR0c7UUFFSSx1QkFBa0IsR0FBd0IsS0FBSyxDQUFDO0tBQ3hEOzs0R0FQWSxlQUFlO2dHQUFmLGVBQWUscUdDWDVCLHdIQUdBOzJGRFFhLGVBQWU7a0JBTDNCLFNBQVM7K0JBQ0UsU0FBUzs4QkFVWixrQkFBa0I7c0JBRHhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogRGlzcGxheXMgYSByb3cgd2l0aGluIHRoZSBgc2t5LWZsdWlkLWdyaWRgIHdyYXBwZXIuIFByZXZpb3VzbHksIHlvdSBjb3VsZCBkaXNwbGF5IGEgcm93XG4gKiB3aXRob3V0IGEgd3JhcHBlciwgYnV0IHdlIG5vIGxvbmdlciBvZmZpY2lhbGx5IHN1cHBvcnQgdGhhdCBvcHRpb24uXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1yb3cnLFxuICB0ZW1wbGF0ZVVybDogJy4vcm93LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcm93LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNreVJvd0NvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgd2hldGhlciB0byByZXZlcnNlIHRoZSBkaXNwbGF5IG9yZGVyIGZvciBjb2x1bW5zIGluIHRoZSByb3cuXG4gICAqIEBkZWZhdWx0IGZhbHNlXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgcmV2ZXJzZUNvbHVtbk9yZGVyOiBib29sZWFuIHwgdW5kZWZpbmVkID0gZmFsc2U7XG59XG4iLCI8ZGl2IGNsYXNzPVwic2t5LXJvd1wiIFtuZ0NsYXNzXT1cInsgJ3NreS1yb3ctcmV2ZXJzZSc6IHJldmVyc2VDb2x1bW5PcmRlciB9XCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmx1aWQtZ3JpZC1ndXR0ZXItc2l6ZS10eXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xheW91dC9zcmMvbGliL21vZHVsZXMvZmx1aWQtZ3JpZC90eXBlcy9mbHVpZC1ncmlkLWd1dHRlci1zaXplLXR5cGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB0eXBlIFNreUZsdWlkR3JpZEd1dHRlclNpemVUeXBlID0gJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJztcbiJdfQ==
|
|
@@ -1,59 +1,67 @@
|
|
|
1
|
+
var _SkyFormatComponent_instances, _SkyFormatComponent__text, _SkyFormatComponent__args, _SkyFormatComponent_updateItemsForDisplay;
|
|
2
|
+
import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
|
|
1
3
|
import { ChangeDetectionStrategy, Component, Input, } from '@angular/core';
|
|
2
4
|
import * as i0 from "@angular/core";
|
|
3
5
|
import * as i1 from "@angular/common";
|
|
4
6
|
const tokenRegex = /(\{\d+\})/;
|
|
5
7
|
export class SkyFormatComponent {
|
|
8
|
+
constructor() {
|
|
9
|
+
_SkyFormatComponent_instances.add(this);
|
|
10
|
+
this.itemsForDisplay = [];
|
|
11
|
+
_SkyFormatComponent__text.set(this, void 0);
|
|
12
|
+
_SkyFormatComponent__args.set(this, void 0);
|
|
13
|
+
}
|
|
6
14
|
/**
|
|
7
15
|
* The tokenized string that represents the template. Tokens use the `{n}` notation
|
|
8
16
|
* where `n` is the ordinal of the item to replace the token.
|
|
9
17
|
*/
|
|
10
18
|
set text(value) {
|
|
11
|
-
this
|
|
12
|
-
this.
|
|
19
|
+
__classPrivateFieldSet(this, _SkyFormatComponent__text, value, "f");
|
|
20
|
+
__classPrivateFieldGet(this, _SkyFormatComponent_instances, "m", _SkyFormatComponent_updateItemsForDisplay).call(this);
|
|
13
21
|
}
|
|
14
22
|
get text() {
|
|
15
|
-
return this
|
|
23
|
+
return __classPrivateFieldGet(this, _SkyFormatComponent__text, "f");
|
|
16
24
|
}
|
|
17
25
|
/**
|
|
18
26
|
* An array of `TemplateRef` objects to be placed in the template, where the `nth`
|
|
19
27
|
* item is placed at the `{n}` location in the template.
|
|
20
28
|
*/
|
|
21
29
|
set args(value) {
|
|
22
|
-
this
|
|
23
|
-
this.
|
|
30
|
+
__classPrivateFieldSet(this, _SkyFormatComponent__args, value, "f");
|
|
31
|
+
__classPrivateFieldGet(this, _SkyFormatComponent_instances, "m", _SkyFormatComponent_updateItemsForDisplay).call(this);
|
|
24
32
|
}
|
|
25
33
|
get args() {
|
|
26
|
-
return this
|
|
34
|
+
return __classPrivateFieldGet(this, _SkyFormatComponent__args, "f");
|
|
27
35
|
}
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
this.itemsForDisplay.push(item);
|
|
36
|
+
}
|
|
37
|
+
_SkyFormatComponent__text = new WeakMap(), _SkyFormatComponent__args = new WeakMap(), _SkyFormatComponent_instances = new WeakSet(), _SkyFormatComponent_updateItemsForDisplay = function _SkyFormatComponent_updateItemsForDisplay() {
|
|
38
|
+
this.itemsForDisplay = [];
|
|
39
|
+
if (this.text && this.args) {
|
|
40
|
+
const textParts = this.text.split(tokenRegex);
|
|
41
|
+
for (const textPart of textParts) {
|
|
42
|
+
// Disregard empty strings.
|
|
43
|
+
if (textPart) {
|
|
44
|
+
const item = {};
|
|
45
|
+
if (tokenRegex.test(textPart)) {
|
|
46
|
+
const valueIndex = +textPart.substring(1, textPart.length - 1);
|
|
47
|
+
item.templateRef = this.args[valueIndex];
|
|
48
|
+
}
|
|
49
|
+
else {
|
|
50
|
+
item.text = textPart;
|
|
44
51
|
}
|
|
52
|
+
this.itemsForDisplay.push(item);
|
|
45
53
|
}
|
|
46
54
|
}
|
|
47
55
|
}
|
|
48
|
-
}
|
|
56
|
+
};
|
|
49
57
|
SkyFormatComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyFormatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
50
|
-
SkyFormatComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: SkyFormatComponent, selector: "sky-format", inputs: { text: "text", args: "args" }, ngImport: i0, template: "<ng-container *ngFor=\"let item of itemsForDisplay\">\n
|
|
58
|
+
SkyFormatComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: SkyFormatComponent, selector: "sky-format", inputs: { text: "text", args: "args" }, ngImport: i0, template: "<ng-container *ngFor=\"let item of itemsForDisplay\">\n <ng-container *ngIf=\"item.text\">{{ item.text }}</ng-container>\n <ng-container *ngIf=\"!item.text && item.templateRef\">\n <ng-container *ngTemplateOutlet=\"item.templateRef\"></ng-container>\n </ng-container>\n</ng-container>\n", dependencies: [{ 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 });
|
|
51
59
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyFormatComponent, decorators: [{
|
|
52
60
|
type: Component,
|
|
53
|
-
args: [{ selector: 'sky-format', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngFor=\"let item of itemsForDisplay\">\n
|
|
61
|
+
args: [{ selector: 'sky-format', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngFor=\"let item of itemsForDisplay\">\n <ng-container *ngIf=\"item.text\">{{ item.text }}</ng-container>\n <ng-container *ngIf=\"!item.text && item.templateRef\">\n <ng-container *ngTemplateOutlet=\"item.templateRef\"></ng-container>\n </ng-container>\n</ng-container>\n" }]
|
|
54
62
|
}], propDecorators: { text: [{
|
|
55
63
|
type: Input
|
|
56
64
|
}], args: [{
|
|
57
65
|
type: Input
|
|
58
66
|
}] } });
|
|
59
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
67
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybWF0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9sYXlvdXQvc3JjL2xpYi9tb2R1bGVzL2Zvcm1hdC9mb3JtYXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xheW91dC9zcmMvbGliL21vZHVsZXMvZm9ybWF0L2Zvcm1hdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssR0FFTixNQUFNLGVBQWUsQ0FBQzs7O0FBSXZCLE1BQU0sVUFBVSxHQUFHLFdBQVcsQ0FBQztBQU8vQixNQUFNLE9BQU8sa0JBQWtCO0lBTC9COztRQU1TLG9CQUFlLEdBQW9CLEVBQUUsQ0FBQztRQThCN0MsNENBQTJCO1FBRTNCLDRDQUF1QztLQTBCeEM7SUF4REM7OztPQUdHO0lBQ0gsSUFDVyxJQUFJLENBQUMsS0FBeUI7UUFDdkMsdUJBQUEsSUFBSSw2QkFBVSxLQUFLLE1BQUEsQ0FBQztRQUNwQix1QkFBQSxJQUFJLGdGQUF1QixNQUEzQixJQUFJLENBQXlCLENBQUM7SUFDaEMsQ0FBQztJQUVELElBQVcsSUFBSTtRQUNiLE9BQU8sdUJBQUEsSUFBSSxpQ0FBTyxDQUFDO0lBQ3JCLENBQUM7SUFFRDs7O09BR0c7SUFDSCxJQUNXLElBQUksQ0FBQyxLQUFxQztRQUNuRCx1QkFBQSxJQUFJLDZCQUFVLEtBQUssTUFBQSxDQUFDO1FBQ3BCLHVCQUFBLElBQUksZ0ZBQXVCLE1BQTNCLElBQUksQ0FBeUIsQ0FBQztJQUNoQyxDQUFDO0lBRUQsSUFBVyxJQUFJO1FBQ2IsT0FBTyx1QkFBQSxJQUFJLGlDQUFPLENBQUM7SUFDckIsQ0FBQzs7O0lBT0MsSUFBSSxDQUFDLGVBQWUsR0FBRyxFQUFFLENBQUM7SUFFMUIsSUFBSSxJQUFJLENBQUMsSUFBSSxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUU7UUFDMUIsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLENBQUM7UUFFOUMsS0FBSyxNQUFNLFFBQVEsSUFBSSxTQUFTLEVBQUU7WUFDaEMsMkJBQTJCO1lBQzNCLElBQUksUUFBUSxFQUFFO2dCQUNaLE1BQU0sSUFBSSxHQUFrQixFQUFFLENBQUM7Z0JBRS9CLElBQUksVUFBVSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBRTtvQkFDN0IsTUFBTSxVQUFVLEdBQUcsQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLENBQUMsRUFBRSxRQUFRLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDO29CQUUvRCxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7aUJBQzFDO3FCQUFNO29CQUNMLElBQUksQ0FBQyxJQUFJLEdBQUcsUUFBUSxDQUFDO2lCQUN0QjtnQkFFRCxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQzthQUNqQztTQUNGO0tBQ0Y7QUFDSCxDQUFDOytHQTFEVSxrQkFBa0I7bUdBQWxCLGtCQUFrQiwwRkNoQi9CLHNTQU1BOzJGRFVhLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDRSxZQUFZLG1CQUVMLHVCQUF1QixDQUFDLE1BQU07OEJBVXBDLElBQUk7c0JBRGQsS0FBSztnQkFlSyxJQUFJO3NCQURkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgVGVtcGxhdGVSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBTa3lGb3JtYXRJdGVtIH0gZnJvbSAnLi9mb3JtYXQtaXRlbSc7XG5cbmNvbnN0IHRva2VuUmVnZXggPSAvKFxce1xcZCtcXH0pLztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LWZvcm1hdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9mb3JtYXQuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU2t5Rm9ybWF0Q29tcG9uZW50IHtcbiAgcHVibGljIGl0ZW1zRm9yRGlzcGxheTogU2t5Rm9ybWF0SXRlbVtdID0gW107XG5cbiAgLyoqXG4gICAqIFRoZSB0b2tlbml6ZWQgc3RyaW5nIHRoYXQgcmVwcmVzZW50cyB0aGUgdGVtcGxhdGUuIFRva2VucyB1c2UgdGhlIGB7bn1gIG5vdGF0aW9uXG4gICAqIHdoZXJlIGBuYCBpcyB0aGUgb3JkaW5hbCBvZiB0aGUgaXRlbSB0byByZXBsYWNlIHRoZSB0b2tlbi5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgdGV4dCh2YWx1ZTogc3RyaW5nIHwgdW5kZWZpbmVkKSB7XG4gICAgdGhpcy4jX3RleHQgPSB2YWx1ZTtcbiAgICB0aGlzLiN1cGRhdGVJdGVtc0ZvckRpc3BsYXkoKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgdGV4dCgpOiBzdHJpbmcgfCB1bmRlZmluZWQge1xuICAgIHJldHVybiB0aGlzLiNfdGV4dDtcbiAgfVxuXG4gIC8qKlxuICAgKiBBbiBhcnJheSBvZiBgVGVtcGxhdGVSZWZgIG9iamVjdHMgdG8gYmUgcGxhY2VkIGluIHRoZSB0ZW1wbGF0ZSwgd2hlcmUgdGhlIGBudGhgXG4gICAqIGl0ZW0gaXMgcGxhY2VkIGF0IHRoZSBge259YCBsb2NhdGlvbiBpbiB0aGUgdGVtcGxhdGUuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IGFyZ3ModmFsdWU6IFRlbXBsYXRlUmVmPGFueT5bXSB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMuI19hcmdzID0gdmFsdWU7XG4gICAgdGhpcy4jdXBkYXRlSXRlbXNGb3JEaXNwbGF5KCk7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGFyZ3MoKTogVGVtcGxhdGVSZWY8YW55PltdIHwgdW5kZWZpbmVkIHtcbiAgICByZXR1cm4gdGhpcy4jX2FyZ3M7XG4gIH1cblxuICAjX3RleHQ6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICAjX2FyZ3M6IFRlbXBsYXRlUmVmPGFueT5bXSB8IHVuZGVmaW5lZDtcblxuICAjdXBkYXRlSXRlbXNGb3JEaXNwbGF5KCk6IHZvaWQge1xuICAgIHRoaXMuaXRlbXNGb3JEaXNwbGF5ID0gW107XG5cbiAgICBpZiAodGhpcy50ZXh0ICYmIHRoaXMuYXJncykge1xuICAgICAgY29uc3QgdGV4dFBhcnRzID0gdGhpcy50ZXh0LnNwbGl0KHRva2VuUmVnZXgpO1xuXG4gICAgICBmb3IgKGNvbnN0IHRleHRQYXJ0IG9mIHRleHRQYXJ0cykge1xuICAgICAgICAvLyBEaXNyZWdhcmQgZW1wdHkgc3RyaW5ncy5cbiAgICAgICAgaWYgKHRleHRQYXJ0KSB7XG4gICAgICAgICAgY29uc3QgaXRlbTogU2t5Rm9ybWF0SXRlbSA9IHt9O1xuXG4gICAgICAgICAgaWYgKHRva2VuUmVnZXgudGVzdCh0ZXh0UGFydCkpIHtcbiAgICAgICAgICAgIGNvbnN0IHZhbHVlSW5kZXggPSArdGV4dFBhcnQuc3Vic3RyaW5nKDEsIHRleHRQYXJ0Lmxlbmd0aCAtIDEpO1xuXG4gICAgICAgICAgICBpdGVtLnRlbXBsYXRlUmVmID0gdGhpcy5hcmdzW3ZhbHVlSW5kZXhdO1xuICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBpdGVtLnRleHQgPSB0ZXh0UGFydDtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICB0aGlzLml0ZW1zRm9yRGlzcGxheS5wdXNoKGl0ZW0pO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zRm9yRGlzcGxheVwiPlxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiaXRlbS50ZXh0XCI+e3sgaXRlbS50ZXh0IH19PC9uZy1jb250YWluZXI+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCIhaXRlbS50ZXh0ICYmIGl0ZW0udGVtcGxhdGVSZWZcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaXRlbS50ZW1wbGF0ZVJlZlwiPjwvbmctY29udGFpbmVyPlxuICA8L25nLWNvbnRhaW5lcj5cbjwvbmctY29udGFpbmVyPlxuIl19
|