@skyux/layout 4.7.0 → 4.7.4
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/CHANGELOG.md +17 -0
- package/bundles/skyux-layout.umd.js +17 -9
- package/bundles/skyux-layout.umd.js.map +1 -1
- package/bundles/skyux-layout.umd.min.js +2 -2
- package/bundles/skyux-layout.umd.min.js.map +1 -1
- package/esm2015/modules/action-button/action-button-header.component.js +1 -1
- package/esm2015/modules/action-button/action-button-icon.component.js +1 -1
- package/esm2015/modules/description-list/description-list.component.js +1 -1
- package/esm2015/modules/fluid-grid/fluid-grid.component.js +5 -1
- package/esm2015/modules/fluid-grid/row.component.js +6 -2
- package/esm2015/modules/toolbar/toolbar-item.component.js +1 -1
- package/esm2015/modules/toolbar/toolbar-section.component.js +1 -1
- package/esm2015/modules/toolbar/toolbar-view-actions.component.js +1 -1
- package/esm2015/modules/toolbar/toolbar.component.js +1 -1
- package/esm2015/plugin-resources/layout-resources-provider.js +2 -2
- package/esm5/modules/action-button/action-button-header.component.js +1 -1
- package/esm5/modules/action-button/action-button-icon.component.js +1 -1
- package/esm5/modules/description-list/description-list.component.js +1 -1
- package/esm5/modules/fluid-grid/fluid-grid.component.js +5 -1
- package/esm5/modules/fluid-grid/row.component.js +6 -2
- package/esm5/modules/toolbar/toolbar-item.component.js +1 -1
- package/esm5/modules/toolbar/toolbar-section.component.js +1 -1
- package/esm5/modules/toolbar/toolbar-view-actions.component.js +1 -1
- package/esm5/modules/toolbar/toolbar.component.js +1 -1
- package/esm5/plugin-resources/layout-resources-provider.js +2 -2
- package/fesm2015/skyux-layout.js +17 -9
- package/fesm2015/skyux-layout.js.map +1 -1
- package/fesm5/skyux-layout.js +17 -9
- package/fesm5/skyux-layout.js.map +1 -1
- package/modules/fluid-grid/fluid-grid.component.d.ts +4 -0
- package/modules/fluid-grid/row.component.d.ts +4 -0
- package/package.json +2 -1
- package/skyux-layout.metadata.json +1 -1
- package/src/assets/locales/resources_en_US.json +2 -2
|
@@ -9,7 +9,7 @@ SkyActionButtonHeaderComponent = __decorate([
|
|
|
9
9
|
Component({
|
|
10
10
|
selector: 'sky-action-button-header',
|
|
11
11
|
template: "<div\n class=\"sky-action-button-header\"\n [skyThemeClass]=\"{\n 'sky-headline' : 'modern',\n 'sky-section-heading' : 'default'\n }\"\n>\n <ng-content></ng-content>\n</div>\n",
|
|
12
|
-
styles: [":host .sky-action-button-header{margin:0 5px}:host-context(.sky-responsive-container-lg) .sky-action-button-header,:host-context(.sky-responsive-container-md) .sky-action-button-header,:host-context(.sky-responsive-container-sm) .sky-action-button-header,:host-context(.sky-responsive-container-xs) .sky-action-button-header{margin:0 5px}@media (min-width:768px){:host .sky-action-button-header{margin:0 0 20px}}:host-context(.sky-responsive-container-lg) .sky-action-button-header,:host-context(.sky-responsive-container-md) .sky-action-button-header,:host-context(.sky-responsive-container-sm) .sky-action-button-header{margin:0 0 20px}.sky-theme-modern .sky-action-button-header
|
|
12
|
+
styles: [":host .sky-action-button-header{margin:0 5px}:host-context(.sky-responsive-container-lg) .sky-action-button-header,:host-context(.sky-responsive-container-md) .sky-action-button-header,:host-context(.sky-responsive-container-sm) .sky-action-button-header,:host-context(.sky-responsive-container-xs) .sky-action-button-header{margin:0 5px}@media (min-width:768px){:host .sky-action-button-header{margin:0 0 20px}}:host-context(.sky-responsive-container-lg) .sky-action-button-header,:host-context(.sky-responsive-container-md) .sky-action-button-header,:host-context(.sky-responsive-container-sm) .sky-action-button-header{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-action-button-header{margin:0 0 10px}.sky-theme-modern .sky-action-button-header{margin:0 0 10px}"]
|
|
13
13
|
})
|
|
14
14
|
], SkyActionButtonHeaderComponent);
|
|
15
15
|
export { SkyActionButtonHeaderComponent };
|
|
@@ -37,7 +37,7 @@ SkyActionButtonIconComponent = __decorate([
|
|
|
37
37
|
Component({
|
|
38
38
|
selector: 'sky-action-button-icon',
|
|
39
39
|
template: "<div\n aria-hidden=\"true\"\n class=\"sky-action-button-icon-container\"\n>\n <sky-icon\n class=\"sky-action-button-icon\"\n [icon]=\"iconType\"\n [size]=\"fontSizeClass\"\n ></sky-icon>\n</div>\n",
|
|
40
|
-
styles: [":host .sky-action-button-icon-container{margin:0 5px}:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container,:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container,:host-context(.sky-responsive-container-xs) .sky-action-button-icon-container{margin:0 5px}@media (min-width:768px){:host .sky-action-button-icon-container{margin:0 0 20px}}:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container,:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container{margin:0 0 20px}.sky-action-button-icon{color:#0974a1}
|
|
40
|
+
styles: [":host .sky-action-button-icon-container{margin:0 5px}:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container,:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container,:host-context(.sky-responsive-container-xs) .sky-action-button-icon-container{margin:0 5px}@media (min-width:768px){:host .sky-action-button-icon-container{margin:0 0 20px}}:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container,:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container{margin:0 0 20px}.sky-action-button-icon{color:#0974a1}:host-context(.sky-theme-modern) .sky-action-button-icon-container{color:#0974a1;background:#e8f8ff;margin:0 20px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}:host-context(.sky-theme-modern) .sky-action-button-icon-container ::ng-deep .sky-icon{font-size:24px!important}.sky-theme-modern .sky-action-button-icon-container{color:#0974a1;background:#e8f8ff;margin:0 20px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.sky-theme-modern .sky-action-button-icon-container ::ng-deep .sky-icon{font-size:24px!important}"]
|
|
41
41
|
})
|
|
42
42
|
], SkyActionButtonIconComponent);
|
|
43
43
|
export { SkyActionButtonIconComponent };
|
|
@@ -103,7 +103,7 @@ SkyDescriptionListComponent = __decorate([
|
|
|
103
103
|
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 *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 *ngTemplateOutlet=\"termComponent.templateRef\"></ng-container>\n </dt>\n <dd *ngFor=\"let descriptionComponent of contentComponent?.descriptionComponents\">\n <ng-container *ngTemplateOutlet=\"descriptionComponent.templateRef\"></ng-container>\n </dd>\n </div>\n</dl>\n",
|
|
104
104
|
providers: [SkyDescriptionListService],
|
|
105
105
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
106
|
-
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-sm .sky-description-list-content,.sky-description-list.sky-description-list-horizontal-mode.sky-responsive-container-xs .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}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode .sky-description-list-content
|
|
106
|
+
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-sm .sky-description-list-content,.sky-description-list.sky-description-list-horizontal-mode.sky-responsive-container-xs .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}"]
|
|
107
107
|
})
|
|
108
108
|
], SkyDescriptionListComponent);
|
|
109
109
|
export { SkyDescriptionListComponent };
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
import { Component, Input } from '@angular/core';
|
|
3
3
|
import { SkyFluidGridGutterSize } from './fluid-grid-gutter-size';
|
|
4
|
+
/**
|
|
5
|
+
* Wraps the fluid grid to ensure proper spacing. Without the wrapper, the
|
|
6
|
+
* alignment, padding, and margins do not behave as expected.
|
|
7
|
+
*/
|
|
4
8
|
let SkyFluidGridComponent = class SkyFluidGridComponent {
|
|
5
9
|
constructor() {
|
|
6
10
|
/**
|
|
@@ -45,4 +49,4 @@ SkyFluidGridComponent = __decorate([
|
|
|
45
49
|
})
|
|
46
50
|
], SkyFluidGridComponent);
|
|
47
51
|
export { SkyFluidGridComponent };
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmx1aWQtZ3JpZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2t5dXgvbGF5b3V0LyIsInNvdXJjZXMiOlsibW9kdWxlcy9mbHVpZC1ncmlkL2ZsdWlkLWdyaWQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFDTixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQ0wsc0JBQXNCLEVBQ3ZCLE1BQU0sMEJBQTBCLENBQUM7QUFFbEM7OztHQUdHO0FBUUgsSUFBYSxxQkFBcUIsR0FBbEMsTUFBYSxxQkFBcUI7SUFBbEM7UUE2QkU7OztXQUdHO1FBQ0ksb0JBQWUsR0FBRyxzQkFBc0IsQ0FBQztJQU1sRCxDQUFDO0lBckNDOzs7T0FHRztJQUVILElBQVcsYUFBYSxDQUFDLEtBQWM7UUFDckMsSUFBSSxDQUFDLGNBQWMsR0FBRyxLQUFLLENBQUM7SUFDOUIsQ0FBQztJQUVELElBQVcsYUFBYTtRQUN0QixPQUFPLElBQUksQ0FBQyxjQUFjLElBQUksS0FBSyxDQUFDO0lBQ3RDLENBQUM7SUFFRDs7OztPQUlHO0lBRUgsSUFBVyxVQUFVLENBQUMsS0FBNkI7UUFDakQsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7SUFDM0IsQ0FBQztJQUVELElBQVcsVUFBVTtRQUNuQixPQUFPLElBQUksQ0FBQyxXQUFXLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FBQyxzQkFBc0IsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDMUYsQ0FBQztDQVlGLENBQUE7QUFoQ0M7SUFEQyxLQUFLLEVBQUU7MERBR1A7QUFZRDtJQURDLEtBQUssRUFBRTt1REFHUDtBQXZCVSxxQkFBcUI7SUFQakMsU0FBUyxDQUFDO1FBQ1QsUUFBUSxFQUFFLGdCQUFnQjtRQUMxQiw2WUFBMEM7O0tBSTNDLENBQUM7R0FDVyxxQkFBcUIsQ0F1Q2pDO1NBdkNZLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gIFNreUZsdWlkR3JpZEd1dHRlclNpemVcbn0gZnJvbSAnLi9mbHVpZC1ncmlkLWd1dHRlci1zaXplJztcblxuLyoqXG4gKiBXcmFwcyB0aGUgZmx1aWQgZ3JpZCB0byBlbnN1cmUgcHJvcGVyIHNwYWNpbmcuIFdpdGhvdXQgdGhlIHdyYXBwZXIsIHRoZVxuICogYWxpZ25tZW50LCBwYWRkaW5nLCBhbmQgbWFyZ2lucyBkbyBub3QgYmVoYXZlIGFzIGV4cGVjdGVkLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktZmx1aWQtZ3JpZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9mbHVpZC1ncmlkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbXG4gICAgJy4vZmx1aWQtZ3JpZC5jb21wb25lbnQuc2NzcydcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBTa3lGbHVpZEdyaWRDb21wb25lbnQge1xuXG4gIC8qKlxuICAgKiBEaXNhYmxlcyB0aGUgb3V0ZXIgbGVmdCBhbmQgcmlnaHQgbWFyZ2luIG9mIHRoZSBmbHVpZCBncmlkIGNvbnRhaW5lci5cbiAgICogQGRlZmF1bHQgZmFsc2VcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgZGlzYWJsZU1hcmdpbih2YWx1ZTogYm9vbGVhbikge1xuICAgIHRoaXMuX2Rpc2FibGVNYXJnaW4gPSB2YWx1ZTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgZGlzYWJsZU1hcmdpbigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fZGlzYWJsZU1hcmdpbiB8fCBmYWxzZTtcbiAgfVxuXG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgYSBgU2t5Rmx1aWRHcmlkR3V0dGVyU2l6ZWAgZW51bSB0byBkZWZpbmUgdGhlIHNpemUgb2YgdGhlIHBhZGRpbmdcbiAgICogYmV0d2VlbiBjb2x1bW5zLlxuICAgKiBAZGVmYXVsdCBTa3lGbHVpZEdyaWRHdXR0ZXJTaXplLkxhcmdlXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IGd1dHRlclNpemUodmFsdWU6IFNreUZsdWlkR3JpZEd1dHRlclNpemUpIHtcbiAgICB0aGlzLl9ndXR0ZXJTaXplID0gdmFsdWU7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGd1dHRlclNpemUoKTogU2t5Rmx1aWRHcmlkR3V0dGVyU2l6ZSB7XG4gICAgcmV0dXJuIHRoaXMuX2d1dHRlclNpemUgPT09IHVuZGVmaW5lZCA/IFNreUZsdWlkR3JpZEd1dHRlclNpemUuTGFyZ2UgOiB0aGlzLl9ndXR0ZXJTaXplO1xuICB9XG5cbiAgLyoqXG4gICAqIEBpbnRlcm5hbFxuICAgKiBVc2VkIGZvciByZXNvbHV0aW9uIG9mIGVudW0gdmFsdWVzIGluIHRoZSB0ZW1wbGF0ZS5cbiAgICovXG4gIHB1YmxpYyBndXR0ZXJTaXplVHlwZXMgPSBTa3lGbHVpZEdyaWRHdXR0ZXJTaXplO1xuXG4gIHByaXZhdGUgX2Rpc2FibGVNYXJnaW46IGJvb2xlYW47XG5cbiAgcHJpdmF0ZSBfZ3V0dGVyU2l6ZTogU2t5Rmx1aWRHcmlkR3V0dGVyU2l6ZTtcblxufVxuIl19
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
import { Component, Input } from '@angular/core';
|
|
3
|
+
/**
|
|
4
|
+
* Displays a row within the `sky-fluid-grid` wrapper. Previously, you could display a row
|
|
5
|
+
* without a wrapper, but we no longer officially support that option.
|
|
6
|
+
*/
|
|
3
7
|
let SkyRowComponent = class SkyRowComponent {
|
|
4
8
|
constructor() {
|
|
5
9
|
/**
|
|
@@ -16,8 +20,8 @@ SkyRowComponent = __decorate([
|
|
|
16
20
|
Component({
|
|
17
21
|
selector: 'sky-row',
|
|
18
22
|
template: "<div class=\"sky-row\" \n [ngClass]=\"{ 'sky-row-reverse': reverseColumnOrder }\">\n <ng-content></ng-content>\n</div>\n",
|
|
19
|
-
styles: [".sky-row{display:flex;flex-direction:row;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}:host-context(.sky-fluid-grid-gutter-size-small) .sky-row{margin-left:-5px;margin-right:-5px}:host-context(.sky-fluid-grid-gutter-size-small.sky-fluid-grid-no-margin) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-fluid-grid-gutter-size-medium) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-fluid-grid-gutter-size-medium.sky-fluid-grid-no-margin) .sky-row{margin-left:-20px;margin-right:-20px}:host-context(.sky-fluid-grid-gutter-size-large) .sky-row{margin-left:-15px;margin-right:-15px}:host-context(.sky-fluid-grid-gutter-size-large.sky-fluid-grid-no-margin) .sky-row{margin-left:-30px;margin-right:-30px}\n:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-small) .sky-row {\n margin-left: -10px;\n margin-right: -10px;\n}\n\n:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-small.sky-fluid-grid-no-margin) .sky-row {\n margin-left: -20px;\n margin-right: -20px;\n}\n\n\n:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-medium) .sky-row {\n margin-left: -15px;\n margin-right: -15px;\n}\n\n:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-medium.sky-fluid-grid-no-margin) .sky-row {\n margin-left: -30px;\n margin-right: -30px;\n}\n\n\n:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-large) .sky-row {\n margin-left: -30px;\n margin-right: -30px;\n}\n\n:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-large.sky-fluid-grid-no-margin) .sky-row {\n margin-left: -60px;\n margin-right: -60px;\n}\n\n:host .sky-row.sky-row-reverse{flex-direction:row}:host-context(.sky-responsive-container-lg) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-md) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-sm) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-xs) .sky-row.sky-row-reverse{flex-direction:row}@media (min-width:768px){:host .sky-row.sky-row-reverse{flex-direction:row-reverse}}:host-context(.sky-responsive-container-lg) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-md) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-sm) .sky-row.sky-row-reverse{flex-direction:row-reverse}.sky-theme-modern .sky-row
|
|
23
|
+
styles: [".sky-row{display:flex;flex-direction:row;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}:host-context(.sky-fluid-grid-gutter-size-small) .sky-row{margin-left:-5px;margin-right:-5px}:host-context(.sky-fluid-grid-gutter-size-small.sky-fluid-grid-no-margin) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-fluid-grid-gutter-size-medium) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-fluid-grid-gutter-size-medium.sky-fluid-grid-no-margin) .sky-row{margin-left:-20px;margin-right:-20px}:host-context(.sky-fluid-grid-gutter-size-large) .sky-row{margin-left:-15px;margin-right:-15px}:host-context(.sky-fluid-grid-gutter-size-large.sky-fluid-grid-no-margin) .sky-row{margin-left:-30px;margin-right:-30px}\n:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-small) .sky-row {\n margin-left: -10px;\n margin-right: -10px;\n}\n\n:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-small.sky-fluid-grid-no-margin) .sky-row {\n margin-left: -20px;\n margin-right: -20px;\n}\n\n\n:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-medium) .sky-row {\n margin-left: -15px;\n margin-right: -15px;\n}\n\n:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-medium.sky-fluid-grid-no-margin) .sky-row {\n margin-left: -30px;\n margin-right: -30px;\n}\n\n\n:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-large) .sky-row {\n margin-left: -30px;\n margin-right: -30px;\n}\n\n:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-large.sky-fluid-grid-no-margin) .sky-row {\n margin-left: -60px;\n margin-right: -60px;\n}\n\n:host .sky-row.sky-row-reverse{flex-direction:row}:host-context(.sky-responsive-container-lg) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-md) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-sm) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-xs) .sky-row.sky-row-reverse{flex-direction:row}@media (min-width:768px){:host .sky-row.sky-row-reverse{flex-direction:row-reverse}}:host-context(.sky-responsive-container-lg) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-md) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-sm) .sky-row.sky-row-reverse{flex-direction:row-reverse}:host-context(.sky-theme-modern) .sky-row{margin-left:-30px;margin-right:-30px}.sky-theme-modern .sky-row{margin-left:-30px;margin-right:-30px}"]
|
|
20
24
|
})
|
|
21
25
|
], SkyRowComponent);
|
|
22
26
|
export { SkyRowComponent };
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm93LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0Bza3l1eC9sYXlvdXQvIiwic291cmNlcyI6WyJtb2R1bGVzL2ZsdWlkLWdyaWQvcm93LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFakQ7OztHQUdHO0FBTUgsSUFBYSxlQUFlLEdBQTVCLE1BQWEsZUFBZTtJQUE1QjtRQUNFOzs7V0FHRztRQUVJLHVCQUFrQixHQUFZLEtBQUssQ0FBQztJQUM3QyxDQUFDO0NBQUEsQ0FBQTtBQURDO0lBREMsS0FBSyxFQUFFOzJEQUNtQztBQU5oQyxlQUFlO0lBTDNCLFNBQVMsQ0FBQztRQUNULFFBQVEsRUFBRSxTQUFTO1FBQ25CLHNJQUFtQzs7S0FFcEMsQ0FBQztHQUNXLGVBQWUsQ0FPM0I7U0FQWSxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIERpc3BsYXlzIGEgcm93IHdpdGhpbiB0aGUgYHNreS1mbHVpZC1ncmlkYCB3cmFwcGVyLiBQcmV2aW91c2x5LCB5b3UgY291bGQgZGlzcGxheSBhIHJvd1xuICogd2l0aG91dCBhIHdyYXBwZXIsIGJ1dCB3ZSBubyBsb25nZXIgb2ZmaWNpYWxseSBzdXBwb3J0IHRoYXQgb3B0aW9uLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktcm93JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3Jvdy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3Jvdy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFNreVJvd0NvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgd2hldGhlciB0byByZXZlcnNlIHRoZSBkaXNwbGF5IG9yZGVyIGZvciBjb2x1bW5zIGluIHRoZSByb3cuXG4gICAqIEBkZWZhdWx0IGZhbHNlXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgcmV2ZXJzZUNvbHVtbk9yZGVyOiBib29sZWFuID0gZmFsc2U7XG59XG4iXX0=
|
|
@@ -9,7 +9,7 @@ SkyToolbarItemComponent = __decorate([
|
|
|
9
9
|
Component({
|
|
10
10
|
selector: 'sky-toolbar-item',
|
|
11
11
|
template: "<div class=\"sky-toolbar-item\">\n <ng-content></ng-content>\n</div>\n",
|
|
12
|
-
styles: [".sky-toolbar-item{margin-right:5px;margin-bottom:5px}
|
|
12
|
+
styles: [".sky-toolbar-item{margin-right:5px;margin-bottom:5px}:host-context(.sky-theme-modern) .sky-toolbar-item{margin-top:5px;margin-bottom:5px;margin-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-item ::ng-deep .sky-btn{padding-left:10px;padding-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default{background-color:transparent;border:none}:host-context(.sky-theme-modern) .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}.sky-theme-modern .sky-toolbar-item{margin-top:5px;margin-bottom:5px;margin-right:10px}.sky-theme-modern .sky-toolbar-item ::ng-deep .sky-btn{padding-left:10px;padding-right:10px}.sky-theme-modern .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default{background-color:transparent;border:none}.sky-theme-modern .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}"]
|
|
13
13
|
})
|
|
14
14
|
], SkyToolbarItemComponent);
|
|
15
15
|
export { SkyToolbarItemComponent };
|
|
@@ -9,7 +9,7 @@ SkyToolbarSectionComponent = __decorate([
|
|
|
9
9
|
Component({
|
|
10
10
|
selector: 'sky-toolbar-section',
|
|
11
11
|
template: "<div class=\"sky-toolbar-section\">\n <div class=\"sky-toolbar-section-items\">\n <ng-content></ng-content>\n </div>\n <ng-content select=\"sky-toolbar-view-actions\"></ng-content>\n</div>\n",
|
|
12
|
-
styles: [".sky-toolbar-section{display:flex;flex-wrap:nowrap;padding:5px 10px 0;min-height:49px;align-items:center;position:relative;overflow-x:auto}.sky-toolbar-section-items{display:flex;flex-wrap:wrap;align-items:center}.sky-theme-modern .sky-toolbar-section
|
|
12
|
+
styles: [".sky-toolbar-section{display:flex;flex-wrap:nowrap;padding:5px 10px 0;min-height:49px;align-items:center;position:relative;overflow-x:auto}.sky-toolbar-section-items{display:flex;flex-wrap:wrap;align-items:center}:host-context(.sky-theme-modern) .sky-toolbar-section{padding:10px 0}.sky-theme-modern .sky-toolbar-section{padding:10px 0}"]
|
|
13
13
|
})
|
|
14
14
|
], SkyToolbarSectionComponent);
|
|
15
15
|
export { SkyToolbarSectionComponent };
|
|
@@ -11,7 +11,7 @@ SkyToolbarViewActionsComponent = __decorate([
|
|
|
11
11
|
selector: 'sky-toolbar-view-actions',
|
|
12
12
|
template: "<div\n class=\"sky-toolbar-view-actions\"\n>\n <ng-content></ng-content>\n</div>\n",
|
|
13
13
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
14
|
-
styles: [":host{margin-left:auto}.sky-toolbar-view-actions{display:flex;align-items:center;margin-bottom:5px}.sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-right:5px}
|
|
14
|
+
styles: [":host{margin-left:auto}.sky-toolbar-view-actions{display:flex;align-items:center;margin-bottom:5px}.sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-right:5px}:host-context(.sky-theme-modern) .sky-toolbar-view-actions{margin-bottom:0}:host-context(.sky-theme-modern) .sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-top:5px;margin-bottom:5px;margin-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-view-actions ::ng-deep .sky-btn{background-color:transparent;border:none;padding-left:10px;padding-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-view-actions ::ng-deep .sky-btn:not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}.sky-theme-modern .sky-toolbar-view-actions{margin-bottom:0}.sky-theme-modern .sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-top:5px;margin-bottom:5px;margin-right:10px}.sky-theme-modern .sky-toolbar-view-actions ::ng-deep .sky-btn{background-color:transparent;border:none;padding-left:10px;padding-right:10px}.sky-theme-modern .sky-toolbar-view-actions ::ng-deep .sky-btn:not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}"]
|
|
15
15
|
})
|
|
16
16
|
], SkyToolbarViewActionsComponent);
|
|
17
17
|
export { SkyToolbarViewActionsComponent };
|
|
@@ -19,7 +19,7 @@ SkyToolbarComponent = __decorate([
|
|
|
19
19
|
Component({
|
|
20
20
|
selector: 'sky-toolbar',
|
|
21
21
|
template: "<div\n class=\"sky-toolbar-container\"\n [ngClass]=\"{ 'sky-toolbar-sectioned': hasSections }\"\n>\n <ng-content select=\"sky-toolbar-section\"></ng-content>\n <div class=\"sky-toolbar-items\">\n <ng-content></ng-content>\n </div>\n <ng-content select=\"sky-toolbar-view-actions\"></ng-content>\n</div>\n",
|
|
22
|
-
styles: [".sky-toolbar-container{min-height:49px;background-color:#fff;padding:5px 10px 0;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;display:flex;flex-wrap:wrap;align-items:center;position:relative}.sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #cdcfd2}.sky-toolbar-container:not(.sky-toolbar-sectioned){flex-wrap:nowrap}.sky-toolbar-sectioned{display:block;padding:0}.sky-toolbar-items{display:flex;flex-wrap:wrap;align-items:center}\n:host-context(.sky-theme-modern .sky-viewkeeper-fixed) .sky-toolbar-container {\n background-color: #fcfcfc;\n}\n\n:host-context(.sky-theme-modern.sky-theme-mode-dark .sky-viewkeeper-fixed) .sky-toolbar-container {\n background-color: #121212;\n}\n\n
|
|
22
|
+
styles: [".sky-toolbar-container{min-height:49px;background-color:#fff;padding:5px 10px 0;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;display:flex;flex-wrap:wrap;align-items:center;position:relative}.sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #cdcfd2}.sky-toolbar-container:not(.sky-toolbar-sectioned){flex-wrap:nowrap}.sky-toolbar-sectioned{display:block;padding:0}.sky-toolbar-items{display:flex;flex-wrap:wrap;align-items:center}\n:host-context(.sky-theme-modern .sky-viewkeeper-fixed) .sky-toolbar-container {\n background-color: #fcfcfc;\n}\n\n:host-context(.sky-theme-modern.sky-theme-mode-dark .sky-viewkeeper-fixed) .sky-toolbar-container {\n background-color: #121212;\n}\n\n:host-context(.sky-theme-modern) .sky-toolbar-container{background-color:transparent;border:none;padding:10px 0}:host-context(.sky-theme-modern) .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#fcfcfc}:host-context(.sky-theme-modern) .sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #d2d2d2}:host-context(.sky-theme-modern) .sky-toolbar-sectioned{padding:0}.sky-theme-modern .sky-toolbar-container{background-color:transparent;border:none;padding:10px 0}.sky-theme-modern .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#fcfcfc}.sky-theme-modern .sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #d2d2d2}.sky-theme-modern .sky-toolbar-sectioned{padding:0}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#121212}"]
|
|
23
23
|
})
|
|
24
24
|
], SkyToolbarComponent);
|
|
25
25
|
export { SkyToolbarComponent };
|
|
@@ -3,7 +3,7 @@ import { Injectable } from '@angular/core';
|
|
|
3
3
|
import { getStringForLocale } from '@skyux/i18n';
|
|
4
4
|
let SkyLayoutResourcesProvider = class SkyLayoutResourcesProvider {
|
|
5
5
|
constructor() {
|
|
6
|
-
this.resources = { "EN-US": { "skyux_back_to_top": "Back to top", "skyux_card_checkbox_label": "Select card", "skyux_definition_list_none_found": "None found", "skyux_description_list_none_found": "None found", "skyux_inline_delete_assistive_text": "Are you sure you want to delete this item?", "skyux_inline_delete_cancel": "Cancel", "skyux_inline_delete_confirm_deletion": "Confirm deletion", "skyux_inline_delete_delete": "Delete", "skyux_text_expand_close_text": "Close", "skyux_text_expand_modal_title": "Expanded view", "skyux_text_expand_see_less": "See less", "skyux_text_expand_see_more": "See more" } };
|
|
6
|
+
this.resources = { "EN-US": { "skyux_back_to_top": "Back to top", "skyux_card_checkbox_label": "Select card", "skyux_definition_list_none_found": "None found.", "skyux_description_list_none_found": "None found.", "skyux_inline_delete_assistive_text": "Are you sure you want to delete this item?", "skyux_inline_delete_cancel": "Cancel", "skyux_inline_delete_confirm_deletion": "Confirm deletion", "skyux_inline_delete_delete": "Delete", "skyux_text_expand_close_text": "Close", "skyux_text_expand_modal_title": "Expanded view", "skyux_text_expand_see_less": "See less", "skyux_text_expand_see_more": "See more" } };
|
|
7
7
|
}
|
|
8
8
|
getString(localeInfo, name) {
|
|
9
9
|
return getStringForLocale(this.resources, localeInfo.locale, name);
|
|
@@ -13,4 +13,4 @@ SkyLayoutResourcesProvider = __decorate([
|
|
|
13
13
|
Injectable()
|
|
14
14
|
], SkyLayoutResourcesProvider);
|
|
15
15
|
export { SkyLayoutResourcesProvider };
|
|
16
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LXJlc291cmNlcy1wcm92aWRlci5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0Bza3l1eC9sYXlvdXQvIiwic291cmNlcyI6WyJwbHVnaW4tcmVzb3VyY2VzL2xheW91dC1yZXNvdXJjZXMtcHJvdmlkZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBLE9BQU8sRUFDTCxVQUFVLEVBQ1gsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUNMLGtCQUFrQixFQUduQixNQUFNLGFBQWEsQ0FBQztBQUdyQixJQUFhLDBCQUEwQixHQUF2QyxNQUFhLDBCQUEwQjtJQUF2QztRQUNVLGNBQVMsR0FBUSxFQUFDLE9BQU8sRUFBQyxFQUFDLG1CQUFtQixFQUFDLGFBQWEsRUFBQywyQkFBMkIsRUFBQyxhQUFhLEVBQUMsa0NBQWtDLEVBQUMsYUFBYSxFQUFDLG1DQUFtQyxFQUFDLGFBQWEsRUFBQyxvQ0FBb0MsRUFBQyw0Q0FBNEMsRUFBQyw0QkFBNEIsRUFBQyxRQUFRLEVBQUMsc0NBQXNDLEVBQUMsa0JBQWtCLEVBQUMsNEJBQTRCLEVBQUMsUUFBUSxFQUFDLDhCQUE4QixFQUFDLE9BQU8sRUFBQywrQkFBK0IsRUFBQyxlQUFlLEVBQUMsNEJBQTRCLEVBQUMsVUFBVSxFQUFDLDRCQUE0QixFQUFDLFVBQVUsRUFBQyxFQUFDLENBQUM7SUFLcmxCLENBQUM7SUFIUSxTQUFTLENBQUMsVUFBNEIsRUFBRSxJQUFZO1FBQ3pELE9BQU8sa0JBQWtCLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxVQUFVLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQ3JFLENBQUM7Q0FDRixDQUFBO0FBTlksMEJBQTBCO0lBRHRDLFVBQVUsRUFBRTtHQUNBLDBCQUEwQixDQU10QztTQU5ZLDBCQUEwQiIsInNvdXJjZXNDb250ZW50IjpbIlxuaW1wb3J0IHtcbiAgSW5qZWN0YWJsZVxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtcbiAgZ2V0U3RyaW5nRm9yTG9jYWxlLFxuICBTa3lBcHBMb2NhbGVJbmZvLFxuICBTa3lMaWJSZXNvdXJjZXNQcm92aWRlclxufSBmcm9tICdAc2t5dXgvaTE4bic7XG5cbkBJbmplY3RhYmxlKClcbmV4cG9ydCBjbGFzcyBTa3lMYXlvdXRSZXNvdXJjZXNQcm92aWRlciBpbXBsZW1lbnRzIFNreUxpYlJlc291cmNlc1Byb3ZpZGVyIHtcbiAgcHJpdmF0ZSByZXNvdXJjZXM6IGFueSA9IHtcIkVOLVVTXCI6e1wic2t5dXhfYmFja190b190b3BcIjpcIkJhY2sgdG8gdG9wXCIsXCJza3l1eF9jYXJkX2NoZWNrYm94X2xhYmVsXCI6XCJTZWxlY3QgY2FyZFwiLFwic2t5dXhfZGVmaW5pdGlvbl9saXN0X25vbmVfZm91bmRcIjpcIk5vbmUgZm91bmQuXCIsXCJza3l1eF9kZXNjcmlwdGlvbl9saXN0X25vbmVfZm91bmRcIjpcIk5vbmUgZm91bmQuXCIsXCJza3l1eF9pbmxpbmVfZGVsZXRlX2Fzc2lzdGl2ZV90ZXh0XCI6XCJBcmUgeW91IHN1cmUgeW91IHdhbnQgdG8gZGVsZXRlIHRoaXMgaXRlbT9cIixcInNreXV4X2lubGluZV9kZWxldGVfY2FuY2VsXCI6XCJDYW5jZWxcIixcInNreXV4X2lubGluZV9kZWxldGVfY29uZmlybV9kZWxldGlvblwiOlwiQ29uZmlybSBkZWxldGlvblwiLFwic2t5dXhfaW5saW5lX2RlbGV0ZV9kZWxldGVcIjpcIkRlbGV0ZVwiLFwic2t5dXhfdGV4dF9leHBhbmRfY2xvc2VfdGV4dFwiOlwiQ2xvc2VcIixcInNreXV4X3RleHRfZXhwYW5kX21vZGFsX3RpdGxlXCI6XCJFeHBhbmRlZCB2aWV3XCIsXCJza3l1eF90ZXh0X2V4cGFuZF9zZWVfbGVzc1wiOlwiU2VlIGxlc3NcIixcInNreXV4X3RleHRfZXhwYW5kX3NlZV9tb3JlXCI6XCJTZWUgbW9yZVwifX07XG5cbiAgcHVibGljIGdldFN0cmluZyhsb2NhbGVJbmZvOiBTa3lBcHBMb2NhbGVJbmZvLCBuYW1lOiBzdHJpbmcpOiBzdHJpbmcge1xuICAgIHJldHVybiBnZXRTdHJpbmdGb3JMb2NhbGUodGhpcy5yZXNvdXJjZXMsIGxvY2FsZUluZm8ubG9jYWxlLCBuYW1lKTtcbiAgfVxufVxuIl19
|
|
@@ -10,7 +10,7 @@ var SkyActionButtonHeaderComponent = /** @class */ (function () {
|
|
|
10
10
|
Component({
|
|
11
11
|
selector: 'sky-action-button-header',
|
|
12
12
|
template: "<div\n class=\"sky-action-button-header\"\n [skyThemeClass]=\"{\n 'sky-headline' : 'modern',\n 'sky-section-heading' : 'default'\n }\"\n>\n <ng-content></ng-content>\n</div>\n",
|
|
13
|
-
styles: [":host .sky-action-button-header{margin:0 5px}:host-context(.sky-responsive-container-lg) .sky-action-button-header,:host-context(.sky-responsive-container-md) .sky-action-button-header,:host-context(.sky-responsive-container-sm) .sky-action-button-header,:host-context(.sky-responsive-container-xs) .sky-action-button-header{margin:0 5px}@media (min-width:768px){:host .sky-action-button-header{margin:0 0 20px}}:host-context(.sky-responsive-container-lg) .sky-action-button-header,:host-context(.sky-responsive-container-md) .sky-action-button-header,:host-context(.sky-responsive-container-sm) .sky-action-button-header{margin:0 0 20px}.sky-theme-modern .sky-action-button-header
|
|
13
|
+
styles: [":host .sky-action-button-header{margin:0 5px}:host-context(.sky-responsive-container-lg) .sky-action-button-header,:host-context(.sky-responsive-container-md) .sky-action-button-header,:host-context(.sky-responsive-container-sm) .sky-action-button-header,:host-context(.sky-responsive-container-xs) .sky-action-button-header{margin:0 5px}@media (min-width:768px){:host .sky-action-button-header{margin:0 0 20px}}:host-context(.sky-responsive-container-lg) .sky-action-button-header,:host-context(.sky-responsive-container-md) .sky-action-button-header,:host-context(.sky-responsive-container-sm) .sky-action-button-header{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-action-button-header{margin:0 0 10px}.sky-theme-modern .sky-action-button-header{margin:0 0 10px}"]
|
|
14
14
|
})
|
|
15
15
|
], SkyActionButtonHeaderComponent);
|
|
16
16
|
return SkyActionButtonHeaderComponent;
|
|
@@ -37,7 +37,7 @@ var SkyActionButtonIconComponent = /** @class */ (function () {
|
|
|
37
37
|
Component({
|
|
38
38
|
selector: 'sky-action-button-icon',
|
|
39
39
|
template: "<div\n aria-hidden=\"true\"\n class=\"sky-action-button-icon-container\"\n>\n <sky-icon\n class=\"sky-action-button-icon\"\n [icon]=\"iconType\"\n [size]=\"fontSizeClass\"\n ></sky-icon>\n</div>\n",
|
|
40
|
-
styles: [":host .sky-action-button-icon-container{margin:0 5px}:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container,:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container,:host-context(.sky-responsive-container-xs) .sky-action-button-icon-container{margin:0 5px}@media (min-width:768px){:host .sky-action-button-icon-container{margin:0 0 20px}}:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container,:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container{margin:0 0 20px}.sky-action-button-icon{color:#0974a1}
|
|
40
|
+
styles: [":host .sky-action-button-icon-container{margin:0 5px}:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container,:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container,:host-context(.sky-responsive-container-xs) .sky-action-button-icon-container{margin:0 5px}@media (min-width:768px){:host .sky-action-button-icon-container{margin:0 0 20px}}:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container,:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container{margin:0 0 20px}.sky-action-button-icon{color:#0974a1}:host-context(.sky-theme-modern) .sky-action-button-icon-container{color:#0974a1;background:#e8f8ff;margin:0 20px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}:host-context(.sky-theme-modern) .sky-action-button-icon-container ::ng-deep .sky-icon{font-size:24px!important}.sky-theme-modern .sky-action-button-icon-container{color:#0974a1;background:#e8f8ff;margin:0 20px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.sky-theme-modern .sky-action-button-icon-container ::ng-deep .sky-icon{font-size:24px!important}"]
|
|
41
41
|
})
|
|
42
42
|
], SkyActionButtonIconComponent);
|
|
43
43
|
return SkyActionButtonIconComponent;
|
|
@@ -112,7 +112,7 @@ var SkyDescriptionListComponent = /** @class */ (function () {
|
|
|
112
112
|
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 *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 *ngTemplateOutlet=\"termComponent.templateRef\"></ng-container>\n </dt>\n <dd *ngFor=\"let descriptionComponent of contentComponent?.descriptionComponents\">\n <ng-container *ngTemplateOutlet=\"descriptionComponent.templateRef\"></ng-container>\n </dd>\n </div>\n</dl>\n",
|
|
113
113
|
providers: [SkyDescriptionListService],
|
|
114
114
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
115
|
-
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-sm .sky-description-list-content,.sky-description-list.sky-description-list-horizontal-mode.sky-responsive-container-xs .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}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode .sky-description-list-content
|
|
115
|
+
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-sm .sky-description-list-content,.sky-description-list.sky-description-list-horizontal-mode.sky-responsive-container-xs .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}"]
|
|
116
116
|
})
|
|
117
117
|
], SkyDescriptionListComponent);
|
|
118
118
|
return SkyDescriptionListComponent;
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
import { Component, Input } from '@angular/core';
|
|
3
3
|
import { SkyFluidGridGutterSize } from './fluid-grid-gutter-size';
|
|
4
|
+
/**
|
|
5
|
+
* Wraps the fluid grid to ensure proper spacing. Without the wrapper, the
|
|
6
|
+
* alignment, padding, and margins do not behave as expected.
|
|
7
|
+
*/
|
|
4
8
|
var SkyFluidGridComponent = /** @class */ (function () {
|
|
5
9
|
function SkyFluidGridComponent() {
|
|
6
10
|
/**
|
|
@@ -54,4 +58,4 @@ var SkyFluidGridComponent = /** @class */ (function () {
|
|
|
54
58
|
return SkyFluidGridComponent;
|
|
55
59
|
}());
|
|
56
60
|
export { SkyFluidGridComponent };
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmx1aWQtZ3JpZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2t5dXgvbGF5b3V0LyIsInNvdXJjZXMiOlsibW9kdWxlcy9mbHVpZC1ncmlkL2ZsdWlkLWdyaWQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFDTixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQ0wsc0JBQXNCLEVBQ3ZCLE1BQU0sMEJBQTBCLENBQUM7QUFFbEM7OztHQUdHO0FBUUg7SUFBQTtRQTZCRTs7O1dBR0c7UUFDSSxvQkFBZSxHQUFHLHNCQUFzQixDQUFDO0lBTWxELENBQUM7SUFoQ0Msc0JBQVcsZ0RBQWE7YUFJeEI7WUFDRSxPQUFPLElBQUksQ0FBQyxjQUFjLElBQUksS0FBSyxDQUFDO1FBQ3RDLENBQUM7UUFYRDs7O1dBR0c7YUFFSCxVQUF5QixLQUFjO1lBQ3JDLElBQUksQ0FBQyxjQUFjLEdBQUcsS0FBSyxDQUFDO1FBQzlCLENBQUM7OztPQUFBO0lBWUQsc0JBQVcsNkNBQVU7YUFJckI7WUFDRSxPQUFPLElBQUksQ0FBQyxXQUFXLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FBQyxzQkFBc0IsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUM7UUFDMUYsQ0FBQztRQVpEOzs7O1dBSUc7YUFFSCxVQUFzQixLQUE2QjtZQUNqRCxJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztRQUMzQixDQUFDOzs7T0FBQTtJQWhCRDtRQURDLEtBQUssRUFBRTs4REFHUDtJQVlEO1FBREMsS0FBSyxFQUFFOzJEQUdQO0lBdkJVLHFCQUFxQjtRQVBqQyxTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUsZ0JBQWdCO1lBQzFCLDZZQUEwQzs7U0FJM0MsQ0FBQztPQUNXLHFCQUFxQixDQXVDakM7SUFBRCw0QkFBQztDQUFBLEFBdkNELElBdUNDO1NBdkNZLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gIFNreUZsdWlkR3JpZEd1dHRlclNpemVcbn0gZnJvbSAnLi9mbHVpZC1ncmlkLWd1dHRlci1zaXplJztcblxuLyoqXG4gKiBXcmFwcyB0aGUgZmx1aWQgZ3JpZCB0byBlbnN1cmUgcHJvcGVyIHNwYWNpbmcuIFdpdGhvdXQgdGhlIHdyYXBwZXIsIHRoZVxuICogYWxpZ25tZW50LCBwYWRkaW5nLCBhbmQgbWFyZ2lucyBkbyBub3QgYmVoYXZlIGFzIGV4cGVjdGVkLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktZmx1aWQtZ3JpZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9mbHVpZC1ncmlkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbXG4gICAgJy4vZmx1aWQtZ3JpZC5jb21wb25lbnQuc2NzcydcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBTa3lGbHVpZEdyaWRDb21wb25lbnQge1xuXG4gIC8qKlxuICAgKiBEaXNhYmxlcyB0aGUgb3V0ZXIgbGVmdCBhbmQgcmlnaHQgbWFyZ2luIG9mIHRoZSBmbHVpZCBncmlkIGNvbnRhaW5lci5cbiAgICogQGRlZmF1bHQgZmFsc2VcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgZGlzYWJsZU1hcmdpbih2YWx1ZTogYm9vbGVhbikge1xuICAgIHRoaXMuX2Rpc2FibGVNYXJnaW4gPSB2YWx1ZTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgZGlzYWJsZU1hcmdpbigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fZGlzYWJsZU1hcmdpbiB8fCBmYWxzZTtcbiAgfVxuXG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgYSBgU2t5Rmx1aWRHcmlkR3V0dGVyU2l6ZWAgZW51bSB0byBkZWZpbmUgdGhlIHNpemUgb2YgdGhlIHBhZGRpbmdcbiAgICogYmV0d2VlbiBjb2x1bW5zLlxuICAgKiBAZGVmYXVsdCBTa3lGbHVpZEdyaWRHdXR0ZXJTaXplLkxhcmdlXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IGd1dHRlclNpemUodmFsdWU6IFNreUZsdWlkR3JpZEd1dHRlclNpemUpIHtcbiAgICB0aGlzLl9ndXR0ZXJTaXplID0gdmFsdWU7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGd1dHRlclNpemUoKTogU2t5Rmx1aWRHcmlkR3V0dGVyU2l6ZSB7XG4gICAgcmV0dXJuIHRoaXMuX2d1dHRlclNpemUgPT09IHVuZGVmaW5lZCA/IFNreUZsdWlkR3JpZEd1dHRlclNpemUuTGFyZ2UgOiB0aGlzLl9ndXR0ZXJTaXplO1xuICB9XG5cbiAgLyoqXG4gICAqIEBpbnRlcm5hbFxuICAgKiBVc2VkIGZvciByZXNvbHV0aW9uIG9mIGVudW0gdmFsdWVzIGluIHRoZSB0ZW1wbGF0ZS5cbiAgICovXG4gIHB1YmxpYyBndXR0ZXJTaXplVHlwZXMgPSBTa3lGbHVpZEdyaWRHdXR0ZXJTaXplO1xuXG4gIHByaXZhdGUgX2Rpc2FibGVNYXJnaW46IGJvb2xlYW47XG5cbiAgcHJpdmF0ZSBfZ3V0dGVyU2l6ZTogU2t5Rmx1aWRHcmlkR3V0dGVyU2l6ZTtcblxufVxuIl19
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
import { Component, Input } from '@angular/core';
|
|
3
|
+
/**
|
|
4
|
+
* Displays a row within the `sky-fluid-grid` wrapper. Previously, you could display a row
|
|
5
|
+
* without a wrapper, but we no longer officially support that option.
|
|
6
|
+
*/
|
|
3
7
|
var SkyRowComponent = /** @class */ (function () {
|
|
4
8
|
function SkyRowComponent() {
|
|
5
9
|
/**
|
|
@@ -15,10 +19,10 @@ var SkyRowComponent = /** @class */ (function () {
|
|
|
15
19
|
Component({
|
|
16
20
|
selector: 'sky-row',
|
|
17
21
|
template: "<div class=\"sky-row\" \n [ngClass]=\"{ 'sky-row-reverse': reverseColumnOrder }\">\n <ng-content></ng-content>\n</div>\n",
|
|
18
|
-
styles: [".sky-row{display:flex;flex-direction:row;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}:host-context(.sky-fluid-grid-gutter-size-small) .sky-row{margin-left:-5px;margin-right:-5px}:host-context(.sky-fluid-grid-gutter-size-small.sky-fluid-grid-no-margin) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-fluid-grid-gutter-size-medium) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-fluid-grid-gutter-size-medium.sky-fluid-grid-no-margin) .sky-row{margin-left:-20px;margin-right:-20px}:host-context(.sky-fluid-grid-gutter-size-large) .sky-row{margin-left:-15px;margin-right:-15px}:host-context(.sky-fluid-grid-gutter-size-large.sky-fluid-grid-no-margin) .sky-row{margin-left:-30px;margin-right:-30px}\n:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-small) .sky-row {\n margin-left: -10px;\n margin-right: -10px;\n}\n\n:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-small.sky-fluid-grid-no-margin) .sky-row {\n margin-left: -20px;\n margin-right: -20px;\n}\n\n\n:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-medium) .sky-row {\n margin-left: -15px;\n margin-right: -15px;\n}\n\n:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-medium.sky-fluid-grid-no-margin) .sky-row {\n margin-left: -30px;\n margin-right: -30px;\n}\n\n\n:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-large) .sky-row {\n margin-left: -30px;\n margin-right: -30px;\n}\n\n:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-large.sky-fluid-grid-no-margin) .sky-row {\n margin-left: -60px;\n margin-right: -60px;\n}\n\n:host .sky-row.sky-row-reverse{flex-direction:row}:host-context(.sky-responsive-container-lg) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-md) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-sm) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-xs) .sky-row.sky-row-reverse{flex-direction:row}@media (min-width:768px){:host .sky-row.sky-row-reverse{flex-direction:row-reverse}}:host-context(.sky-responsive-container-lg) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-md) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-sm) .sky-row.sky-row-reverse{flex-direction:row-reverse}.sky-theme-modern .sky-row
|
|
22
|
+
styles: [".sky-row{display:flex;flex-direction:row;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}:host-context(.sky-fluid-grid-gutter-size-small) .sky-row{margin-left:-5px;margin-right:-5px}:host-context(.sky-fluid-grid-gutter-size-small.sky-fluid-grid-no-margin) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-fluid-grid-gutter-size-medium) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-fluid-grid-gutter-size-medium.sky-fluid-grid-no-margin) .sky-row{margin-left:-20px;margin-right:-20px}:host-context(.sky-fluid-grid-gutter-size-large) .sky-row{margin-left:-15px;margin-right:-15px}:host-context(.sky-fluid-grid-gutter-size-large.sky-fluid-grid-no-margin) .sky-row{margin-left:-30px;margin-right:-30px}\n:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-small) .sky-row {\n margin-left: -10px;\n margin-right: -10px;\n}\n\n:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-small.sky-fluid-grid-no-margin) .sky-row {\n margin-left: -20px;\n margin-right: -20px;\n}\n\n\n:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-medium) .sky-row {\n margin-left: -15px;\n margin-right: -15px;\n}\n\n:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-medium.sky-fluid-grid-no-margin) .sky-row {\n margin-left: -30px;\n margin-right: -30px;\n}\n\n\n:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-large) .sky-row {\n margin-left: -30px;\n margin-right: -30px;\n}\n\n:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-large.sky-fluid-grid-no-margin) .sky-row {\n margin-left: -60px;\n margin-right: -60px;\n}\n\n:host .sky-row.sky-row-reverse{flex-direction:row}:host-context(.sky-responsive-container-lg) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-md) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-sm) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-xs) .sky-row.sky-row-reverse{flex-direction:row}@media (min-width:768px){:host .sky-row.sky-row-reverse{flex-direction:row-reverse}}:host-context(.sky-responsive-container-lg) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-md) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-sm) .sky-row.sky-row-reverse{flex-direction:row-reverse}:host-context(.sky-theme-modern) .sky-row{margin-left:-30px;margin-right:-30px}.sky-theme-modern .sky-row{margin-left:-30px;margin-right:-30px}"]
|
|
19
23
|
})
|
|
20
24
|
], SkyRowComponent);
|
|
21
25
|
return SkyRowComponent;
|
|
22
26
|
}());
|
|
23
27
|
export { SkyRowComponent };
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm93LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0Bza3l1eC9sYXlvdXQvIiwic291cmNlcyI6WyJtb2R1bGVzL2ZsdWlkLWdyaWQvcm93LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFakQ7OztHQUdHO0FBTUg7SUFBQTtRQUNFOzs7V0FHRztRQUVJLHVCQUFrQixHQUFZLEtBQUssQ0FBQztJQUM3QyxDQUFDO0lBREM7UUFEQyxLQUFLLEVBQUU7K0RBQ21DO0lBTmhDLGVBQWU7UUFMM0IsU0FBUyxDQUFDO1lBQ1QsUUFBUSxFQUFFLFNBQVM7WUFDbkIsc0lBQW1DOztTQUVwQyxDQUFDO09BQ1csZUFBZSxDQU8zQjtJQUFELHNCQUFDO0NBQUEsQUFQRCxJQU9DO1NBUFksZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBEaXNwbGF5cyBhIHJvdyB3aXRoaW4gdGhlIGBza3ktZmx1aWQtZ3JpZGAgd3JhcHBlci4gUHJldmlvdXNseSwgeW91IGNvdWxkIGRpc3BsYXkgYSByb3dcbiAqIHdpdGhvdXQgYSB3cmFwcGVyLCBidXQgd2Ugbm8gbG9uZ2VyIG9mZmljaWFsbHkgc3VwcG9ydCB0aGF0IG9wdGlvbi5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LXJvdycsXG4gIHRlbXBsYXRlVXJsOiAnLi9yb3cuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9yb3cuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBTa3lSb3dDb21wb25lbnQge1xuICAvKipcbiAgICogSW5kaWNhdGVzIHdoZXRoZXIgdG8gcmV2ZXJzZSB0aGUgZGlzcGxheSBvcmRlciBmb3IgY29sdW1ucyBpbiB0aGUgcm93LlxuICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHJldmVyc2VDb2x1bW5PcmRlcjogYm9vbGVhbiA9IGZhbHNlO1xufVxuIl19
|
|
@@ -10,7 +10,7 @@ var SkyToolbarItemComponent = /** @class */ (function () {
|
|
|
10
10
|
Component({
|
|
11
11
|
selector: 'sky-toolbar-item',
|
|
12
12
|
template: "<div class=\"sky-toolbar-item\">\n <ng-content></ng-content>\n</div>\n",
|
|
13
|
-
styles: [".sky-toolbar-item{margin-right:5px;margin-bottom:5px}
|
|
13
|
+
styles: [".sky-toolbar-item{margin-right:5px;margin-bottom:5px}:host-context(.sky-theme-modern) .sky-toolbar-item{margin-top:5px;margin-bottom:5px;margin-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-item ::ng-deep .sky-btn{padding-left:10px;padding-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default{background-color:transparent;border:none}:host-context(.sky-theme-modern) .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}.sky-theme-modern .sky-toolbar-item{margin-top:5px;margin-bottom:5px;margin-right:10px}.sky-theme-modern .sky-toolbar-item ::ng-deep .sky-btn{padding-left:10px;padding-right:10px}.sky-theme-modern .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default{background-color:transparent;border:none}.sky-theme-modern .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}"]
|
|
14
14
|
})
|
|
15
15
|
], SkyToolbarItemComponent);
|
|
16
16
|
return SkyToolbarItemComponent;
|
|
@@ -10,7 +10,7 @@ var SkyToolbarSectionComponent = /** @class */ (function () {
|
|
|
10
10
|
Component({
|
|
11
11
|
selector: 'sky-toolbar-section',
|
|
12
12
|
template: "<div class=\"sky-toolbar-section\">\n <div class=\"sky-toolbar-section-items\">\n <ng-content></ng-content>\n </div>\n <ng-content select=\"sky-toolbar-view-actions\"></ng-content>\n</div>\n",
|
|
13
|
-
styles: [".sky-toolbar-section{display:flex;flex-wrap:nowrap;padding:5px 10px 0;min-height:49px;align-items:center;position:relative;overflow-x:auto}.sky-toolbar-section-items{display:flex;flex-wrap:wrap;align-items:center}.sky-theme-modern .sky-toolbar-section
|
|
13
|
+
styles: [".sky-toolbar-section{display:flex;flex-wrap:nowrap;padding:5px 10px 0;min-height:49px;align-items:center;position:relative;overflow-x:auto}.sky-toolbar-section-items{display:flex;flex-wrap:wrap;align-items:center}:host-context(.sky-theme-modern) .sky-toolbar-section{padding:10px 0}.sky-theme-modern .sky-toolbar-section{padding:10px 0}"]
|
|
14
14
|
})
|
|
15
15
|
], SkyToolbarSectionComponent);
|
|
16
16
|
return SkyToolbarSectionComponent;
|
|
@@ -12,7 +12,7 @@ var SkyToolbarViewActionsComponent = /** @class */ (function () {
|
|
|
12
12
|
selector: 'sky-toolbar-view-actions',
|
|
13
13
|
template: "<div\n class=\"sky-toolbar-view-actions\"\n>\n <ng-content></ng-content>\n</div>\n",
|
|
14
14
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
15
|
-
styles: [":host{margin-left:auto}.sky-toolbar-view-actions{display:flex;align-items:center;margin-bottom:5px}.sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-right:5px}
|
|
15
|
+
styles: [":host{margin-left:auto}.sky-toolbar-view-actions{display:flex;align-items:center;margin-bottom:5px}.sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-right:5px}:host-context(.sky-theme-modern) .sky-toolbar-view-actions{margin-bottom:0}:host-context(.sky-theme-modern) .sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-top:5px;margin-bottom:5px;margin-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-view-actions ::ng-deep .sky-btn{background-color:transparent;border:none;padding-left:10px;padding-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-view-actions ::ng-deep .sky-btn:not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}.sky-theme-modern .sky-toolbar-view-actions{margin-bottom:0}.sky-theme-modern .sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-top:5px;margin-bottom:5px;margin-right:10px}.sky-theme-modern .sky-toolbar-view-actions ::ng-deep .sky-btn{background-color:transparent;border:none;padding-left:10px;padding-right:10px}.sky-theme-modern .sky-toolbar-view-actions ::ng-deep .sky-btn:not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}"]
|
|
16
16
|
})
|
|
17
17
|
], SkyToolbarViewActionsComponent);
|
|
18
18
|
return SkyToolbarViewActionsComponent;
|
|
@@ -18,7 +18,7 @@ var SkyToolbarComponent = /** @class */ (function () {
|
|
|
18
18
|
Component({
|
|
19
19
|
selector: 'sky-toolbar',
|
|
20
20
|
template: "<div\n class=\"sky-toolbar-container\"\n [ngClass]=\"{ 'sky-toolbar-sectioned': hasSections }\"\n>\n <ng-content select=\"sky-toolbar-section\"></ng-content>\n <div class=\"sky-toolbar-items\">\n <ng-content></ng-content>\n </div>\n <ng-content select=\"sky-toolbar-view-actions\"></ng-content>\n</div>\n",
|
|
21
|
-
styles: [".sky-toolbar-container{min-height:49px;background-color:#fff;padding:5px 10px 0;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;display:flex;flex-wrap:wrap;align-items:center;position:relative}.sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #cdcfd2}.sky-toolbar-container:not(.sky-toolbar-sectioned){flex-wrap:nowrap}.sky-toolbar-sectioned{display:block;padding:0}.sky-toolbar-items{display:flex;flex-wrap:wrap;align-items:center}\n:host-context(.sky-theme-modern .sky-viewkeeper-fixed) .sky-toolbar-container {\n background-color: #fcfcfc;\n}\n\n:host-context(.sky-theme-modern.sky-theme-mode-dark .sky-viewkeeper-fixed) .sky-toolbar-container {\n background-color: #121212;\n}\n\n
|
|
21
|
+
styles: [".sky-toolbar-container{min-height:49px;background-color:#fff;padding:5px 10px 0;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;display:flex;flex-wrap:wrap;align-items:center;position:relative}.sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #cdcfd2}.sky-toolbar-container:not(.sky-toolbar-sectioned){flex-wrap:nowrap}.sky-toolbar-sectioned{display:block;padding:0}.sky-toolbar-items{display:flex;flex-wrap:wrap;align-items:center}\n:host-context(.sky-theme-modern .sky-viewkeeper-fixed) .sky-toolbar-container {\n background-color: #fcfcfc;\n}\n\n:host-context(.sky-theme-modern.sky-theme-mode-dark .sky-viewkeeper-fixed) .sky-toolbar-container {\n background-color: #121212;\n}\n\n:host-context(.sky-theme-modern) .sky-toolbar-container{background-color:transparent;border:none;padding:10px 0}:host-context(.sky-theme-modern) .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#fcfcfc}:host-context(.sky-theme-modern) .sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #d2d2d2}:host-context(.sky-theme-modern) .sky-toolbar-sectioned{padding:0}.sky-theme-modern .sky-toolbar-container{background-color:transparent;border:none;padding:10px 0}.sky-theme-modern .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#fcfcfc}.sky-theme-modern .sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #d2d2d2}.sky-theme-modern .sky-toolbar-sectioned{padding:0}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#121212}"]
|
|
22
22
|
})
|
|
23
23
|
], SkyToolbarComponent);
|
|
24
24
|
return SkyToolbarComponent;
|
|
@@ -3,7 +3,7 @@ import { Injectable } from '@angular/core';
|
|
|
3
3
|
import { getStringForLocale } from '@skyux/i18n';
|
|
4
4
|
var SkyLayoutResourcesProvider = /** @class */ (function () {
|
|
5
5
|
function SkyLayoutResourcesProvider() {
|
|
6
|
-
this.resources = { "EN-US": { "skyux_back_to_top": "Back to top", "skyux_card_checkbox_label": "Select card", "skyux_definition_list_none_found": "None found", "skyux_description_list_none_found": "None found", "skyux_inline_delete_assistive_text": "Are you sure you want to delete this item?", "skyux_inline_delete_cancel": "Cancel", "skyux_inline_delete_confirm_deletion": "Confirm deletion", "skyux_inline_delete_delete": "Delete", "skyux_text_expand_close_text": "Close", "skyux_text_expand_modal_title": "Expanded view", "skyux_text_expand_see_less": "See less", "skyux_text_expand_see_more": "See more" } };
|
|
6
|
+
this.resources = { "EN-US": { "skyux_back_to_top": "Back to top", "skyux_card_checkbox_label": "Select card", "skyux_definition_list_none_found": "None found.", "skyux_description_list_none_found": "None found.", "skyux_inline_delete_assistive_text": "Are you sure you want to delete this item?", "skyux_inline_delete_cancel": "Cancel", "skyux_inline_delete_confirm_deletion": "Confirm deletion", "skyux_inline_delete_delete": "Delete", "skyux_text_expand_close_text": "Close", "skyux_text_expand_modal_title": "Expanded view", "skyux_text_expand_see_less": "See less", "skyux_text_expand_see_more": "See more" } };
|
|
7
7
|
}
|
|
8
8
|
SkyLayoutResourcesProvider.prototype.getString = function (localeInfo, name) {
|
|
9
9
|
return getStringForLocale(this.resources, localeInfo.locale, name);
|
|
@@ -14,4 +14,4 @@ var SkyLayoutResourcesProvider = /** @class */ (function () {
|
|
|
14
14
|
return SkyLayoutResourcesProvider;
|
|
15
15
|
}());
|
|
16
16
|
export { SkyLayoutResourcesProvider };
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LXJlc291cmNlcy1wcm92aWRlci5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0Bza3l1eC9sYXlvdXQvIiwic291cmNlcyI6WyJwbHVnaW4tcmVzb3VyY2VzL2xheW91dC1yZXNvdXJjZXMtcHJvdmlkZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBLE9BQU8sRUFDTCxVQUFVLEVBQ1gsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUNMLGtCQUFrQixFQUduQixNQUFNLGFBQWEsQ0FBQztBQUdyQjtJQUFBO1FBQ1UsY0FBUyxHQUFRLEVBQUMsT0FBTyxFQUFDLEVBQUMsbUJBQW1CLEVBQUMsYUFBYSxFQUFDLDJCQUEyQixFQUFDLGFBQWEsRUFBQyxrQ0FBa0MsRUFBQyxhQUFhLEVBQUMsbUNBQW1DLEVBQUMsYUFBYSxFQUFDLG9DQUFvQyxFQUFDLDRDQUE0QyxFQUFDLDRCQUE0QixFQUFDLFFBQVEsRUFBQyxzQ0FBc0MsRUFBQyxrQkFBa0IsRUFBQyw0QkFBNEIsRUFBQyxRQUFRLEVBQUMsOEJBQThCLEVBQUMsT0FBTyxFQUFDLCtCQUErQixFQUFDLGVBQWUsRUFBQyw0QkFBNEIsRUFBQyxVQUFVLEVBQUMsNEJBQTRCLEVBQUMsVUFBVSxFQUFDLEVBQUMsQ0FBQztJQUtybEIsQ0FBQztJQUhRLDhDQUFTLEdBQWhCLFVBQWlCLFVBQTRCLEVBQUUsSUFBWTtRQUN6RCxPQUFPLGtCQUFrQixDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsVUFBVSxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsQ0FBQztJQUNyRSxDQUFDO0lBTFUsMEJBQTBCO1FBRHRDLFVBQVUsRUFBRTtPQUNBLDBCQUEwQixDQU10QztJQUFELGlDQUFDO0NBQUEsQUFORCxJQU1DO1NBTlksMEJBQTBCIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQge1xuICBJbmplY3RhYmxlXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge1xuICBnZXRTdHJpbmdGb3JMb2NhbGUsXG4gIFNreUFwcExvY2FsZUluZm8sXG4gIFNreUxpYlJlc291cmNlc1Byb3ZpZGVyXG59IGZyb20gJ0Bza3l1eC9pMThuJztcblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIFNreUxheW91dFJlc291cmNlc1Byb3ZpZGVyIGltcGxlbWVudHMgU2t5TGliUmVzb3VyY2VzUHJvdmlkZXIge1xuICBwcml2YXRlIHJlc291cmNlczogYW55ID0ge1wiRU4tVVNcIjp7XCJza3l1eF9iYWNrX3RvX3RvcFwiOlwiQmFjayB0byB0b3BcIixcInNreXV4X2NhcmRfY2hlY2tib3hfbGFiZWxcIjpcIlNlbGVjdCBjYXJkXCIsXCJza3l1eF9kZWZpbml0aW9uX2xpc3Rfbm9uZV9mb3VuZFwiOlwiTm9uZSBmb3VuZC5cIixcInNreXV4X2Rlc2NyaXB0aW9uX2xpc3Rfbm9uZV9mb3VuZFwiOlwiTm9uZSBmb3VuZC5cIixcInNreXV4X2lubGluZV9kZWxldGVfYXNzaXN0aXZlX3RleHRcIjpcIkFyZSB5b3Ugc3VyZSB5b3Ugd2FudCB0byBkZWxldGUgdGhpcyBpdGVtP1wiLFwic2t5dXhfaW5saW5lX2RlbGV0ZV9jYW5jZWxcIjpcIkNhbmNlbFwiLFwic2t5dXhfaW5saW5lX2RlbGV0ZV9jb25maXJtX2RlbGV0aW9uXCI6XCJDb25maXJtIGRlbGV0aW9uXCIsXCJza3l1eF9pbmxpbmVfZGVsZXRlX2RlbGV0ZVwiOlwiRGVsZXRlXCIsXCJza3l1eF90ZXh0X2V4cGFuZF9jbG9zZV90ZXh0XCI6XCJDbG9zZVwiLFwic2t5dXhfdGV4dF9leHBhbmRfbW9kYWxfdGl0bGVcIjpcIkV4cGFuZGVkIHZpZXdcIixcInNreXV4X3RleHRfZXhwYW5kX3NlZV9sZXNzXCI6XCJTZWUgbGVzc1wiLFwic2t5dXhfdGV4dF9leHBhbmRfc2VlX21vcmVcIjpcIlNlZSBtb3JlXCJ9fTtcblxuICBwdWJsaWMgZ2V0U3RyaW5nKGxvY2FsZUluZm86IFNreUFwcExvY2FsZUluZm8sIG5hbWU6IHN0cmluZyk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGdldFN0cmluZ0ZvckxvY2FsZSh0aGlzLnJlc291cmNlcywgbG9jYWxlSW5mby5sb2NhbGUsIG5hbWUpO1xuICB9XG59XG4iXX0=
|