@skyux/layout 11.30.1 → 12.0.0-alpha.0
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 +1552 -1445
- package/fesm2022/skyux-layout.mjs +275 -269
- package/fesm2022/skyux-layout.mjs.map +1 -1
- package/lib/modules/definition-list/definition-list-content.component.d.ts +1 -0
- package/lib/modules/definition-list/definition-list-heading.component.d.ts +1 -0
- package/lib/modules/definition-list/definition-list-label.component.d.ts +1 -0
- package/lib/modules/definition-list/definition-list-value.component.d.ts +1 -0
- package/lib/modules/definition-list/definition-list.component.d.ts +1 -0
- package/package.json +19 -23
- package/esm2022/index.mjs +0 -64
- package/esm2022/lib/modules/action-button/action-button-adapter-service.mjs +0 -44
- package/esm2022/lib/modules/action-button/action-button-container.component.mjs +0 -139
- package/esm2022/lib/modules/action-button/action-button-details.component.mjs +0 -14
- package/esm2022/lib/modules/action-button/action-button-header.component.mjs +0 -16
- package/esm2022/lib/modules/action-button/action-button-icon.component.mjs +0 -30
- package/esm2022/lib/modules/action-button/action-button-permalink.mjs +0 -2
- package/esm2022/lib/modules/action-button/action-button.component.mjs +0 -50
- package/esm2022/lib/modules/action-button/action-button.module.mjs +0 -64
- package/esm2022/lib/modules/action-button/types/action-button-container-align-items-type.mjs +0 -2
- package/esm2022/lib/modules/action-button/types/action-button-container-align-items.mjs +0 -2
- package/esm2022/lib/modules/back-to-top/back-to-top-adapter.service.mjs +0 -84
- package/esm2022/lib/modules/back-to-top/back-to-top.component.mjs +0 -25
- package/esm2022/lib/modules/back-to-top/back-to-top.directive.mjs +0 -119
- package/esm2022/lib/modules/back-to-top/back-to-top.module.mjs +0 -20
- package/esm2022/lib/modules/back-to-top/models/back-to-top-message-type.mjs +0 -11
- package/esm2022/lib/modules/back-to-top/models/back-to-top-message.mjs +0 -2
- package/esm2022/lib/modules/back-to-top/models/back-to-top-options.mjs +0 -2
- package/esm2022/lib/modules/box/box-content.component.mjs +0 -14
- package/esm2022/lib/modules/box/box-controls.component.mjs +0 -28
- package/esm2022/lib/modules/box/box-header-id-token.mjs +0 -3
- package/esm2022/lib/modules/box/box-header.component.mjs +0 -25
- package/esm2022/lib/modules/box/box-heading-level.mjs +0 -2
- package/esm2022/lib/modules/box/box-heading-style.mjs +0 -2
- package/esm2022/lib/modules/box/box.component.mjs +0 -115
- package/esm2022/lib/modules/box/box.module.mjs +0 -39
- package/esm2022/lib/modules/card/card-actions.component.mjs +0 -15
- package/esm2022/lib/modules/card/card-content.component.mjs +0 -15
- package/esm2022/lib/modules/card/card-title.component.mjs +0 -15
- package/esm2022/lib/modules/card/card.component.mjs +0 -107
- package/esm2022/lib/modules/card/card.module.mjs +0 -58
- package/esm2022/lib/modules/definition-list/definition-list-content.component.mjs +0 -14
- package/esm2022/lib/modules/definition-list/definition-list-heading.component.mjs +0 -14
- package/esm2022/lib/modules/definition-list/definition-list-label.component.mjs +0 -19
- package/esm2022/lib/modules/definition-list/definition-list-value.component.mjs +0 -20
- package/esm2022/lib/modules/definition-list/definition-list.component.mjs +0 -44
- package/esm2022/lib/modules/definition-list/definition-list.module.mjs +0 -46
- package/esm2022/lib/modules/definition-list/definition-list.service.mjs +0 -18
- package/esm2022/lib/modules/description-list/description-list-adapter-service.mjs +0 -44
- package/esm2022/lib/modules/description-list/description-list-content.component.mjs +0 -28
- package/esm2022/lib/modules/description-list/description-list-description.component.mjs +0 -52
- package/esm2022/lib/modules/description-list/description-list-term.component.mjs +0 -30
- package/esm2022/lib/modules/description-list/description-list.component.mjs +0 -95
- package/esm2022/lib/modules/description-list/description-list.module.mjs +0 -58
- package/esm2022/lib/modules/description-list/description-list.service.mjs +0 -24
- package/esm2022/lib/modules/description-list/types/description-list-mode-type.mjs +0 -2
- package/esm2022/lib/modules/description-list/types/description-list-mode.mjs +0 -24
- package/esm2022/lib/modules/fluid-grid/column.component.mjs +0 -66
- package/esm2022/lib/modules/fluid-grid/fluid-grid.component.mjs +0 -40
- package/esm2022/lib/modules/fluid-grid/fluid-grid.module.mjs +0 -20
- package/esm2022/lib/modules/fluid-grid/row.component.mjs +0 -25
- package/esm2022/lib/modules/fluid-grid/types/fluid-grid-gutter-size-type.mjs +0 -2
- package/esm2022/lib/modules/format/format-item.mjs +0 -2
- package/esm2022/lib/modules/format/format.component.mjs +0 -64
- package/esm2022/lib/modules/format/format.module.mjs +0 -18
- package/esm2022/lib/modules/inline-delete/inline-delete-adapter.service.mjs +0 -123
- package/esm2022/lib/modules/inline-delete/inline-delete-type.mjs +0 -16
- package/esm2022/lib/modules/inline-delete/inline-delete.component.mjs +0 -164
- package/esm2022/lib/modules/inline-delete/inline-delete.module.mjs +0 -19
- package/esm2022/lib/modules/page/page-layout-type.mjs +0 -2
- package/esm2022/lib/modules/page/page-theme-adapter.service.mjs +0 -40
- package/esm2022/lib/modules/page/page.component.mjs +0 -49
- package/esm2022/lib/modules/page/page.module.mjs +0 -21
- package/esm2022/lib/modules/page-summary/page-summary-adapter.service.mjs +0 -23
- package/esm2022/lib/modules/page-summary/page-summary-alert.component.mjs +0 -18
- package/esm2022/lib/modules/page-summary/page-summary-content.component.mjs +0 -17
- package/esm2022/lib/modules/page-summary/page-summary-image.component.mjs +0 -18
- package/esm2022/lib/modules/page-summary/page-summary-key-info.component.mjs +0 -16
- package/esm2022/lib/modules/page-summary/page-summary-status.component.mjs +0 -18
- package/esm2022/lib/modules/page-summary/page-summary-subtitle.component.mjs +0 -17
- package/esm2022/lib/modules/page-summary/page-summary-title.component.mjs +0 -17
- package/esm2022/lib/modules/page-summary/page-summary.component.mjs +0 -35
- package/esm2022/lib/modules/page-summary/page-summary.module.mjs +0 -60
- package/esm2022/lib/modules/shared/sky-layout-resources.module.mjs +0 -44
- package/esm2022/lib/modules/text-expand/text-expand-adapter.service.mjs +0 -26
- package/esm2022/lib/modules/text-expand/text-expand-modal-context-token.mjs +0 -6
- package/esm2022/lib/modules/text-expand/text-expand-modal-context.mjs +0 -2
- package/esm2022/lib/modules/text-expand/text-expand-modal.component.mjs +0 -29
- package/esm2022/lib/modules/text-expand/text-expand.component.mjs +0 -314
- package/esm2022/lib/modules/text-expand/text-expand.module.mjs +0 -16
- package/esm2022/lib/modules/text-expand-repeater/text-expand-repeater-adapter.service.mjs +0 -32
- package/esm2022/lib/modules/text-expand-repeater/text-expand-repeater.component.mjs +0 -216
- package/esm2022/lib/modules/text-expand-repeater/text-expand-repeater.module.mjs +0 -19
- package/esm2022/lib/modules/text-expand-repeater/types/text-expand-repeater-list-style-type.mjs +0 -2
- package/esm2022/lib/modules/toolbar/toolbar-item.component.mjs +0 -14
- package/esm2022/lib/modules/toolbar/toolbar-section.component.mjs +0 -14
- package/esm2022/lib/modules/toolbar/toolbar-view-actions.component.mjs +0 -15
- package/esm2022/lib/modules/toolbar/toolbar.component.mjs +0 -39
- package/esm2022/lib/modules/toolbar/toolbar.module.mjs +0 -37
- package/esm2022/skyux-layout.mjs +0 -5
- package/esm2022/testing/legacy/action-button-fixture.mjs +0 -48
- package/esm2022/testing/legacy/card-fixture.mjs +0 -65
- package/esm2022/testing/legacy/page-summary-fixture.mjs +0 -31
- package/esm2022/testing/modules/box/box-harness.filters.mjs +0 -2
- package/esm2022/testing/modules/box/box-harness.mjs +0 -109
- package/esm2022/testing/modules/fluid-grid/column-harness-filters.mjs +0 -2
- package/esm2022/testing/modules/fluid-grid/column-harness.mjs +0 -61
- package/esm2022/testing/modules/fluid-grid/fluid-grid-harness-filters.mjs +0 -2
- package/esm2022/testing/modules/fluid-grid/fluid-grid-harness.mjs +0 -50
- package/esm2022/testing/modules/fluid-grid/row-harness-filters.mjs +0 -2
- package/esm2022/testing/modules/fluid-grid/row-harness.mjs +0 -35
- package/esm2022/testing/modules/text-expand/text-expand-harness-filters.mjs +0 -2
- package/esm2022/testing/modules/text-expand/text-expand-harness.mjs +0 -69
- package/esm2022/testing/modules/text-expand/text-expand-modal-harness.mjs +0 -33
- package/esm2022/testing/public-api.mjs +0 -10
- package/esm2022/testing/skyux-layout-testing.mjs +0 -5
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { Component, EventEmitter, HostBinding, Input, Output, SkipSelf, ViewEncapsulation, } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
import * as i2 from "@angular/router";
|
|
5
|
-
import * as i3 from "@skyux/router";
|
|
6
|
-
import * as i4 from "@skyux/theme";
|
|
7
|
-
/**
|
|
8
|
-
* Creates a button to present users with an option to move forward with tasks.
|
|
9
|
-
*/
|
|
10
|
-
export class SkyActionButtonComponent {
|
|
11
|
-
#changeDetector;
|
|
12
|
-
constructor(changeDetector) {
|
|
13
|
-
this.hidden = false;
|
|
14
|
-
/**
|
|
15
|
-
* Fires when users select the action button.
|
|
16
|
-
*/
|
|
17
|
-
this.actionClick = new EventEmitter();
|
|
18
|
-
this.#changeDetector = changeDetector;
|
|
19
|
-
}
|
|
20
|
-
buttonClicked() {
|
|
21
|
-
this.actionClick.emit();
|
|
22
|
-
}
|
|
23
|
-
enterPress() {
|
|
24
|
-
this.actionClick.emit();
|
|
25
|
-
}
|
|
26
|
-
onSkyHrefDisplayChange($event) {
|
|
27
|
-
if (this.hidden === $event.userHasAccess) {
|
|
28
|
-
setTimeout(() => {
|
|
29
|
-
this.hidden = !$event.userHasAccess;
|
|
30
|
-
this.#changeDetector.markForCheck();
|
|
31
|
-
});
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyActionButtonComponent, deps: [{ token: i0.ChangeDetectorRef, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
35
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SkyActionButtonComponent, selector: "sky-action-button", inputs: { permalink: "permalink" }, outputs: { actionClick: "actionClick" }, host: { properties: { "hidden": "this.hidden" } }, ngImport: i0, template: "@if (!!permalink?.route?.commands) {\n <a\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n [fragment]=\"permalink?.route?.extras?.fragment\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n [queryParams]=\"permalink?.route?.extras?.queryParams\"\n [queryParamsHandling]=\"permalink?.route?.extras?.queryParamsHandling\"\n [routerLink]=\"permalink?.route?.commands\"\n >\n <ng-container *ngTemplateOutlet=\"actionButtonContent\" />\n </a>\n} @else if (!permalink?.route && permalink?.url) {\n @if (\n !permalink?.url?.includes('://') || permalink?.url?.startsWith('https://')\n ) {\n <a\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n [href]=\"permalink?.url\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n >\n <ng-container *ngTemplateOutlet=\"actionButtonContent\" />\n </a>\n } @else {\n <a\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n [skyHref]=\"permalink?.url\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n (skyHrefChange)=\"onSkyHrefDisplayChange($event)\"\n >\n <ng-container *ngTemplateOutlet=\"actionButtonContent\" />\n </a>\n }\n} @else {\n <div\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n role=\"button\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n (click)=\"buttonClicked()\"\n (keydown.enter)=\"enterPress()\"\n >\n <ng-container *ngTemplateOutlet=\"actionButtonContent\" />\n </div>\n}\n\n<ng-template #actionButtonContent>\n <ng-container *skyThemeIf=\"'default'\">\n <div class=\"sky-action-button-icon-header-container\">\n <ng-container *ngTemplateOutlet=\"icon\" />\n <ng-container *ngTemplateOutlet=\"header\" />\n </div>\n <ng-container *ngTemplateOutlet=\"details\" />\n </ng-container>\n\n <ng-container *skyThemeIf=\"'modern'\">\n <ng-container *ngTemplateOutlet=\"icon\" />\n <div class=\"sky-action-button-content\">\n <ng-container *ngTemplateOutlet=\"header\" />\n <div\n class=\"sky-action-button-details\"\n [skyThemeClass]=\"{\n 'sky-font-deemphasized': 'modern'\n }\"\n >\n <ng-container *ngTemplateOutlet=\"details\" />\n </div>\n </div>\n </ng-container>\n</ng-template>\n\n<ng-template #icon>\n <ng-content select=\"sky-action-button-icon\" />\n</ng-template>\n\n<ng-template #header>\n <ng-content select=\"sky-action-button-header\" />\n</ng-template>\n\n<ng-template #details>\n <ng-content select=\"sky-action-button-details\" />\n</ng-template>\n", styles: [".sky-action-button:not(.sky-theme-modern *){--sky-action-button-padding: 20px 20px 30px;--sky-action-button-max-width: none;--sky-action-button-margin-bottom: 20px;--sky-action-button-icon-header-container-flex-direction: unset;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;cursor:pointer;text-align:center;text-decoration:none!important;display:block;padding:var(--sky-action-button-padding);max-width:var(--sky-action-button-max-width)}.sky-action-button:not(.sky-theme-modern *):hover{border-color:#c2c4c6}.sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container{display:flex;flex-direction:var(--sky-action-button-icon-header-container-flex-direction);justify-content:center;margin-bottom:var(--sky-action-button-margin-bottom)}.sky-responsive-container-xs .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-sm .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-md .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-lg .sky-action-button:not(.sky-theme-modern *){--sky-action-button-padding: 20px 20px 30px;--sky-action-button-max-width: none;--sky-action-button-margin-bottom: 20px;--sky-action-button-icon-header-container-flex-direction: unset;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;cursor:pointer;text-align:center;text-decoration:none!important;display:block;padding:var(--sky-action-button-padding);max-width:var(--sky-action-button-max-width)}.sky-responsive-container-xs .sky-action-button:not(.sky-theme-modern *):hover,.sky-responsive-container-sm .sky-action-button:not(.sky-theme-modern *):hover,.sky-responsive-container-md .sky-action-button:not(.sky-theme-modern *):hover,.sky-responsive-container-lg .sky-action-button:not(.sky-theme-modern *):hover{border-color:#c2c4c6}.sky-responsive-container-xs .sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container,.sky-responsive-container-sm .sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container{display:flex;flex-direction:var(--sky-action-button-icon-header-container-flex-direction);justify-content:center;margin-bottom:var(--sky-action-button-margin-bottom)}@media (min-width: 768px){.sky-action-button:not(.sky-theme-modern *){--sky-action-button-padding: 30px 20px;--sky-action-button-max-width: 236px;--sky-action-button-margin-bottom: 0;--sky-action-button-icon-header-container-flex-direction: column}}.sky-responsive-container-sm .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-md .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-lg .sky-action-button:not(.sky-theme-modern *){--sky-action-button-padding: 30px 20px;--sky-action-button-max-width: 236px;--sky-action-button-margin-bottom: 0;--sky-action-button-icon-header-container-flex-direction: column}\n", ".sky-theme-modern .sky-action-button{--sky-action-button-margin-bottom: 20px;--sky-action-button-icon-header-container-flex-direction: unset;cursor:pointer;text-decoration:none!important;max-width:446px;display:flex;flex-flow:row nowrap;padding:30px;text-align:left;border:none;margin:0}.sky-theme-modern .sky-action-button:hover{border-color:#c2c4c6}.sky-theme-modern .sky-action-button .sky-action-button-content{flex:1 1 auto;margin:0 10px 0 0;white-space:initial}.sky-theme-modern .sky-action-button .sky-action-button-icon-header-container{display:flex;flex-direction:var(--sky-action-button-icon-header-container-flex-direction);justify-content:center;margin-bottom:var(--sky-action-button-margin-bottom)}.sky-responsive-container-xs .sky-theme-modern .sky-action-button,.sky-responsive-container-sm .sky-theme-modern .sky-action-button,.sky-responsive-container-md .sky-theme-modern .sky-action-button,.sky-responsive-container-lg .sky-theme-modern .sky-action-button{--sky-action-button-margin-bottom: 20px;--sky-action-button-icon-header-container-flex-direction: unset;cursor:pointer;text-decoration:none!important;max-width:446px;display:flex;flex-flow:row nowrap;padding:30px;text-align:left;border:none;margin:0}.sky-responsive-container-xs .sky-theme-modern .sky-action-button:hover,.sky-responsive-container-sm .sky-theme-modern .sky-action-button:hover,.sky-responsive-container-md .sky-theme-modern .sky-action-button:hover,.sky-responsive-container-lg .sky-theme-modern .sky-action-button:hover{border-color:#c2c4c6}.sky-responsive-container-xs .sky-theme-modern .sky-action-button .sky-action-button-content,.sky-responsive-container-sm .sky-theme-modern .sky-action-button .sky-action-button-content,.sky-responsive-container-md .sky-theme-modern .sky-action-button .sky-action-button-content,.sky-responsive-container-lg .sky-theme-modern .sky-action-button .sky-action-button-content{flex:1 1 auto;margin:0 10px 0 0;white-space:initial}.sky-responsive-container-xs .sky-theme-modern .sky-action-button .sky-action-button-icon-header-container,.sky-responsive-container-sm .sky-theme-modern .sky-action-button .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-theme-modern .sky-action-button .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-theme-modern .sky-action-button .sky-action-button-icon-header-container{display:flex;flex-direction:var(--sky-action-button-icon-header-container-flex-direction);justify-content:center;margin-bottom:var(--sky-action-button-margin-bottom)}@media (min-width: 768px){.sky-theme-modern .sky-action-button{--sky-action-button-margin-bottom: 0;--sky-action-button-icon-header-container-flex-direction: column}}.sky-responsive-container-sm .sky-theme-modern .sky-action-button,.sky-responsive-container-md .sky-theme-modern .sky-action-button,.sky-responsive-container-lg .sky-theme-modern .sky-action-button{--sky-action-button-margin-bottom: 0;--sky-action-button-icon-header-container-flex-direction: column}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.λ1, selector: "[skyHref]", inputs: ["skyHref", "queryParams", "skyHrefElse"], outputs: ["skyHrefChange"] }, { kind: "directive", type: i4.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "directive", type: i4.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
36
|
-
}
|
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyActionButtonComponent, decorators: [{
|
|
38
|
-
type: Component,
|
|
39
|
-
args: [{ selector: 'sky-action-button', encapsulation: ViewEncapsulation.None, template: "@if (!!permalink?.route?.commands) {\n <a\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n [fragment]=\"permalink?.route?.extras?.fragment\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n [queryParams]=\"permalink?.route?.extras?.queryParams\"\n [queryParamsHandling]=\"permalink?.route?.extras?.queryParamsHandling\"\n [routerLink]=\"permalink?.route?.commands\"\n >\n <ng-container *ngTemplateOutlet=\"actionButtonContent\" />\n </a>\n} @else if (!permalink?.route && permalink?.url) {\n @if (\n !permalink?.url?.includes('://') || permalink?.url?.startsWith('https://')\n ) {\n <a\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n [href]=\"permalink?.url\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n >\n <ng-container *ngTemplateOutlet=\"actionButtonContent\" />\n </a>\n } @else {\n <a\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n [skyHref]=\"permalink?.url\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n (skyHrefChange)=\"onSkyHrefDisplayChange($event)\"\n >\n <ng-container *ngTemplateOutlet=\"actionButtonContent\" />\n </a>\n }\n} @else {\n <div\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n role=\"button\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n (click)=\"buttonClicked()\"\n (keydown.enter)=\"enterPress()\"\n >\n <ng-container *ngTemplateOutlet=\"actionButtonContent\" />\n </div>\n}\n\n<ng-template #actionButtonContent>\n <ng-container *skyThemeIf=\"'default'\">\n <div class=\"sky-action-button-icon-header-container\">\n <ng-container *ngTemplateOutlet=\"icon\" />\n <ng-container *ngTemplateOutlet=\"header\" />\n </div>\n <ng-container *ngTemplateOutlet=\"details\" />\n </ng-container>\n\n <ng-container *skyThemeIf=\"'modern'\">\n <ng-container *ngTemplateOutlet=\"icon\" />\n <div class=\"sky-action-button-content\">\n <ng-container *ngTemplateOutlet=\"header\" />\n <div\n class=\"sky-action-button-details\"\n [skyThemeClass]=\"{\n 'sky-font-deemphasized': 'modern'\n }\"\n >\n <ng-container *ngTemplateOutlet=\"details\" />\n </div>\n </div>\n </ng-container>\n</ng-template>\n\n<ng-template #icon>\n <ng-content select=\"sky-action-button-icon\" />\n</ng-template>\n\n<ng-template #header>\n <ng-content select=\"sky-action-button-header\" />\n</ng-template>\n\n<ng-template #details>\n <ng-content select=\"sky-action-button-details\" />\n</ng-template>\n", styles: [".sky-action-button:not(.sky-theme-modern *){--sky-action-button-padding: 20px 20px 30px;--sky-action-button-max-width: none;--sky-action-button-margin-bottom: 20px;--sky-action-button-icon-header-container-flex-direction: unset;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;cursor:pointer;text-align:center;text-decoration:none!important;display:block;padding:var(--sky-action-button-padding);max-width:var(--sky-action-button-max-width)}.sky-action-button:not(.sky-theme-modern *):hover{border-color:#c2c4c6}.sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container{display:flex;flex-direction:var(--sky-action-button-icon-header-container-flex-direction);justify-content:center;margin-bottom:var(--sky-action-button-margin-bottom)}.sky-responsive-container-xs .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-sm .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-md .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-lg .sky-action-button:not(.sky-theme-modern *){--sky-action-button-padding: 20px 20px 30px;--sky-action-button-max-width: none;--sky-action-button-margin-bottom: 20px;--sky-action-button-icon-header-container-flex-direction: unset;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;cursor:pointer;text-align:center;text-decoration:none!important;display:block;padding:var(--sky-action-button-padding);max-width:var(--sky-action-button-max-width)}.sky-responsive-container-xs .sky-action-button:not(.sky-theme-modern *):hover,.sky-responsive-container-sm .sky-action-button:not(.sky-theme-modern *):hover,.sky-responsive-container-md .sky-action-button:not(.sky-theme-modern *):hover,.sky-responsive-container-lg .sky-action-button:not(.sky-theme-modern *):hover{border-color:#c2c4c6}.sky-responsive-container-xs .sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container,.sky-responsive-container-sm .sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container{display:flex;flex-direction:var(--sky-action-button-icon-header-container-flex-direction);justify-content:center;margin-bottom:var(--sky-action-button-margin-bottom)}@media (min-width: 768px){.sky-action-button:not(.sky-theme-modern *){--sky-action-button-padding: 30px 20px;--sky-action-button-max-width: 236px;--sky-action-button-margin-bottom: 0;--sky-action-button-icon-header-container-flex-direction: column}}.sky-responsive-container-sm .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-md .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-lg .sky-action-button:not(.sky-theme-modern *){--sky-action-button-padding: 30px 20px;--sky-action-button-max-width: 236px;--sky-action-button-margin-bottom: 0;--sky-action-button-icon-header-container-flex-direction: column}\n", ".sky-theme-modern .sky-action-button{--sky-action-button-margin-bottom: 20px;--sky-action-button-icon-header-container-flex-direction: unset;cursor:pointer;text-decoration:none!important;max-width:446px;display:flex;flex-flow:row nowrap;padding:30px;text-align:left;border:none;margin:0}.sky-theme-modern .sky-action-button:hover{border-color:#c2c4c6}.sky-theme-modern .sky-action-button .sky-action-button-content{flex:1 1 auto;margin:0 10px 0 0;white-space:initial}.sky-theme-modern .sky-action-button .sky-action-button-icon-header-container{display:flex;flex-direction:var(--sky-action-button-icon-header-container-flex-direction);justify-content:center;margin-bottom:var(--sky-action-button-margin-bottom)}.sky-responsive-container-xs .sky-theme-modern .sky-action-button,.sky-responsive-container-sm .sky-theme-modern .sky-action-button,.sky-responsive-container-md .sky-theme-modern .sky-action-button,.sky-responsive-container-lg .sky-theme-modern .sky-action-button{--sky-action-button-margin-bottom: 20px;--sky-action-button-icon-header-container-flex-direction: unset;cursor:pointer;text-decoration:none!important;max-width:446px;display:flex;flex-flow:row nowrap;padding:30px;text-align:left;border:none;margin:0}.sky-responsive-container-xs .sky-theme-modern .sky-action-button:hover,.sky-responsive-container-sm .sky-theme-modern .sky-action-button:hover,.sky-responsive-container-md .sky-theme-modern .sky-action-button:hover,.sky-responsive-container-lg .sky-theme-modern .sky-action-button:hover{border-color:#c2c4c6}.sky-responsive-container-xs .sky-theme-modern .sky-action-button .sky-action-button-content,.sky-responsive-container-sm .sky-theme-modern .sky-action-button .sky-action-button-content,.sky-responsive-container-md .sky-theme-modern .sky-action-button .sky-action-button-content,.sky-responsive-container-lg .sky-theme-modern .sky-action-button .sky-action-button-content{flex:1 1 auto;margin:0 10px 0 0;white-space:initial}.sky-responsive-container-xs .sky-theme-modern .sky-action-button .sky-action-button-icon-header-container,.sky-responsive-container-sm .sky-theme-modern .sky-action-button .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-theme-modern .sky-action-button .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-theme-modern .sky-action-button .sky-action-button-icon-header-container{display:flex;flex-direction:var(--sky-action-button-icon-header-container-flex-direction);justify-content:center;margin-bottom:var(--sky-action-button-margin-bottom)}@media (min-width: 768px){.sky-theme-modern .sky-action-button{--sky-action-button-margin-bottom: 0;--sky-action-button-icon-header-container-flex-direction: column}}.sky-responsive-container-sm .sky-theme-modern .sky-action-button,.sky-responsive-container-md .sky-theme-modern .sky-action-button,.sky-responsive-container-lg .sky-theme-modern .sky-action-button{--sky-action-button-margin-bottom: 0;--sky-action-button-icon-header-container-flex-direction: column}\n"] }]
|
|
40
|
-
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef, decorators: [{
|
|
41
|
-
type: SkipSelf
|
|
42
|
-
}] }], propDecorators: { hidden: [{
|
|
43
|
-
type: HostBinding,
|
|
44
|
-
args: ['hidden']
|
|
45
|
-
}], permalink: [{
|
|
46
|
-
type: Input
|
|
47
|
-
}], actionClick: [{
|
|
48
|
-
type: Output
|
|
49
|
-
}] } });
|
|
50
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9saWIvbW9kdWxlcy9hY3Rpb24tYnV0dG9uL2FjdGlvbi1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xheW91dC9zcmMvbGliL21vZHVsZXMvYWN0aW9uLWJ1dHRvbi9hY3Rpb24tYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLFdBQVcsRUFDWCxLQUFLLEVBQ0wsTUFBTSxFQUNOLFFBQVEsRUFDUixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7Ozs7OztBQUt2Qjs7R0FFRztBQVVILE1BQU0sT0FBTyx3QkFBd0I7SUFnQm5DLGVBQWUsQ0FBb0I7SUFFbkMsWUFBd0IsY0FBaUM7UUFoQmxELFdBQU0sR0FBRyxLQUFLLENBQUM7UUFRdEI7O1dBRUc7UUFFSSxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFLM0MsSUFBSSxDQUFDLGVBQWUsR0FBRyxjQUFjLENBQUM7SUFDeEMsQ0FBQztJQUVNLGFBQWE7UUFDbEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRU0sVUFBVTtRQUNmLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVNLHNCQUFzQixDQUFDLE1BQXFCO1FBQ2pELElBQUksSUFBSSxDQUFDLE1BQU0sS0FBSyxNQUFNLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDekMsVUFBVSxDQUFDLEdBQUcsRUFBRTtnQkFDZCxJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQztnQkFDcEMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUN0QyxDQUFDLENBQUMsQ0FBQztRQUNMLENBQUM7SUFDSCxDQUFDOytHQXJDVSx3QkFBd0I7bUdBQXhCLHdCQUF3Qix5TEMxQnJDLDBzRkE0RkE7OzRGRGxFYSx3QkFBd0I7a0JBVHBDLFNBQVM7K0JBQ0UsbUJBQW1CLGlCQU1kLGlCQUFpQixDQUFDLElBQUk7OzBCQW9CeEIsUUFBUTt5Q0FoQmQsTUFBTTtzQkFEWixXQUFXO3VCQUFDLFFBQVE7Z0JBT2QsU0FBUztzQkFEZixLQUFLO2dCQU9DLFdBQVc7c0JBRGpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBTa2lwU2VsZixcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2t5SHJlZkNoYW5nZSB9IGZyb20gJ0Bza3l1eC9yb3V0ZXInO1xuXG5pbXBvcnQgeyBTa3lBY3Rpb25CdXR0b25QZXJtYWxpbmsgfSBmcm9tICcuL2FjdGlvbi1idXR0b24tcGVybWFsaW5rJztcblxuLyoqXG4gKiBDcmVhdGVzIGEgYnV0dG9uIHRvIHByZXNlbnQgdXNlcnMgd2l0aCBhbiBvcHRpb24gdG8gbW92ZSBmb3J3YXJkIHdpdGggdGFza3MuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1hY3Rpb24tYnV0dG9uJyxcbiAgc3R5bGVVcmxzOiBbXG4gICAgJy4vYWN0aW9uLWJ1dHRvbi5kZWZhdWx0LmNvbXBvbmVudC5zY3NzJyxcbiAgICAnLi9hY3Rpb24tYnV0dG9uLm1vZGVybi5jb21wb25lbnQuc2NzcycsXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9hY3Rpb24tYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5QWN0aW9uQnV0dG9uQ29tcG9uZW50IHtcbiAgQEhvc3RCaW5kaW5nKCdoaWRkZW4nKVxuICBwdWJsaWMgaGlkZGVuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFRoZSBsaW5rIGZvciB0aGUgYWN0aW9uIGJ1dHRvbi5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBwZXJtYWxpbms6IFNreUFjdGlvbkJ1dHRvblBlcm1hbGluayB8IHVuZGVmaW5lZDtcblxuICAvKipcbiAgICogRmlyZXMgd2hlbiB1c2VycyBzZWxlY3QgdGhlIGFjdGlvbiBidXR0b24uXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcHVibGljIGFjdGlvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgI2NoYW5nZURldGVjdG9yOiBDaGFuZ2VEZXRlY3RvclJlZjtcblxuICBjb25zdHJ1Y3RvcihAU2tpcFNlbGYoKSBjaGFuZ2VEZXRlY3RvcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcbiAgICB0aGlzLiNjaGFuZ2VEZXRlY3RvciA9IGNoYW5nZURldGVjdG9yO1xuICB9XG5cbiAgcHVibGljIGJ1dHRvbkNsaWNrZWQoKSB7XG4gICAgdGhpcy5hY3Rpb25DbGljay5lbWl0KCk7XG4gIH1cblxuICBwdWJsaWMgZW50ZXJQcmVzcygpIHtcbiAgICB0aGlzLmFjdGlvbkNsaWNrLmVtaXQoKTtcbiAgfVxuXG4gIHB1YmxpYyBvblNreUhyZWZEaXNwbGF5Q2hhbmdlKCRldmVudDogU2t5SHJlZkNoYW5nZSkge1xuICAgIGlmICh0aGlzLmhpZGRlbiA9PT0gJGV2ZW50LnVzZXJIYXNBY2Nlc3MpIHtcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICB0aGlzLmhpZGRlbiA9ICEkZXZlbnQudXNlckhhc0FjY2VzcztcbiAgICAgICAgdGhpcy4jY2hhbmdlRGV0ZWN0b3IubWFya0ZvckNoZWNrKCk7XG4gICAgICB9KTtcbiAgICB9XG4gIH1cbn1cbiIsIkBpZiAoISFwZXJtYWxpbms/LnJvdXRlPy5jb21tYW5kcykge1xuICA8YVxuICAgIGNsYXNzPVwic2t5LWFjdGlvbi1idXR0b24gc2t5LWJ0bi1kZWZhdWx0IHNreS1yb3VuZGVkLWNvcm5lcnNcIlxuICAgIHRhYmluZGV4PVwiMFwiXG4gICAgW2ZyYWdtZW50XT1cInBlcm1hbGluaz8ucm91dGU/LmV4dHJhcz8uZnJhZ21lbnRcIlxuICAgIFtza3lUaGVtZUNsYXNzXT1cIntcbiAgICAgICdza3ktYnRuIHNreS1ib3gnOiAnbW9kZXJuJ1xuICAgIH1cIlxuICAgIFtxdWVyeVBhcmFtc109XCJwZXJtYWxpbms/LnJvdXRlPy5leHRyYXM/LnF1ZXJ5UGFyYW1zXCJcbiAgICBbcXVlcnlQYXJhbXNIYW5kbGluZ109XCJwZXJtYWxpbms/LnJvdXRlPy5leHRyYXM/LnF1ZXJ5UGFyYW1zSGFuZGxpbmdcIlxuICAgIFtyb3V0ZXJMaW5rXT1cInBlcm1hbGluaz8ucm91dGU/LmNvbW1hbmRzXCJcbiAgPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJhY3Rpb25CdXR0b25Db250ZW50XCIgLz5cbiAgPC9hPlxufSBAZWxzZSBpZiAoIXBlcm1hbGluaz8ucm91dGUgJiYgcGVybWFsaW5rPy51cmwpIHtcbiAgQGlmIChcbiAgICAhcGVybWFsaW5rPy51cmw/LmluY2x1ZGVzKCc6Ly8nKSB8fCBwZXJtYWxpbms/LnVybD8uc3RhcnRzV2l0aCgnaHR0cHM6Ly8nKVxuICApIHtcbiAgICA8YVxuICAgICAgY2xhc3M9XCJza3ktYWN0aW9uLWJ1dHRvbiBza3ktYnRuLWRlZmF1bHQgc2t5LXJvdW5kZWQtY29ybmVyc1wiXG4gICAgICB0YWJpbmRleD1cIjBcIlxuICAgICAgW2hyZWZdPVwicGVybWFsaW5rPy51cmxcIlxuICAgICAgW3NreVRoZW1lQ2xhc3NdPVwie1xuICAgICAgICAnc2t5LWJ0biBza3ktYm94JzogJ21vZGVybidcbiAgICAgIH1cIlxuICAgID5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJhY3Rpb25CdXR0b25Db250ZW50XCIgLz5cbiAgICA8L2E+XG4gIH0gQGVsc2Uge1xuICAgIDxhXG4gICAgICBjbGFzcz1cInNreS1hY3Rpb24tYnV0dG9uIHNreS1idG4tZGVmYXVsdCBza3ktcm91bmRlZC1jb3JuZXJzXCJcbiAgICAgIHRhYmluZGV4PVwiMFwiXG4gICAgICBbc2t5SHJlZl09XCJwZXJtYWxpbms/LnVybFwiXG4gICAgICBbc2t5VGhlbWVDbGFzc109XCJ7XG4gICAgICAgICdza3ktYnRuIHNreS1ib3gnOiAnbW9kZXJuJ1xuICAgICAgfVwiXG4gICAgICAoc2t5SHJlZkNoYW5nZSk9XCJvblNreUhyZWZEaXNwbGF5Q2hhbmdlKCRldmVudClcIlxuICAgID5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJhY3Rpb25CdXR0b25Db250ZW50XCIgLz5cbiAgICA8L2E+XG4gIH1cbn0gQGVsc2Uge1xuICA8ZGl2XG4gICAgY2xhc3M9XCJza3ktYWN0aW9uLWJ1dHRvbiBza3ktYnRuLWRlZmF1bHQgc2t5LXJvdW5kZWQtY29ybmVyc1wiXG4gICAgdGFiaW5kZXg9XCIwXCJcbiAgICByb2xlPVwiYnV0dG9uXCJcbiAgICBbc2t5VGhlbWVDbGFzc109XCJ7XG4gICAgICAnc2t5LWJ0biBza3ktYm94JzogJ21vZGVybidcbiAgICB9XCJcbiAgICAoY2xpY2spPVwiYnV0dG9uQ2xpY2tlZCgpXCJcbiAgICAoa2V5ZG93bi5lbnRlcik9XCJlbnRlclByZXNzKClcIlxuICA+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImFjdGlvbkJ1dHRvbkNvbnRlbnRcIiAvPlxuICA8L2Rpdj5cbn1cblxuPG5nLXRlbXBsYXRlICNhY3Rpb25CdXR0b25Db250ZW50PlxuICA8bmctY29udGFpbmVyICpza3lUaGVtZUlmPVwiJ2RlZmF1bHQnXCI+XG4gICAgPGRpdiBjbGFzcz1cInNreS1hY3Rpb24tYnV0dG9uLWljb24taGVhZGVyLWNvbnRhaW5lclwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImljb25cIiAvPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImhlYWRlclwiIC8+XG4gICAgPC9kaXY+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImRldGFpbHNcIiAvPlxuICA8L25nLWNvbnRhaW5lcj5cblxuICA8bmctY29udGFpbmVyICpza3lUaGVtZUlmPVwiJ21vZGVybidcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaWNvblwiIC8+XG4gICAgPGRpdiBjbGFzcz1cInNreS1hY3Rpb24tYnV0dG9uLWNvbnRlbnRcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJoZWFkZXJcIiAvPlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cInNreS1hY3Rpb24tYnV0dG9uLWRldGFpbHNcIlxuICAgICAgICBbc2t5VGhlbWVDbGFzc109XCJ7XG4gICAgICAgICAgJ3NreS1mb250LWRlZW1waGFzaXplZCc6ICdtb2Rlcm4nXG4gICAgICAgIH1cIlxuICAgICAgPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiZGV0YWlsc1wiIC8+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9uZy1jb250YWluZXI+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI2ljb24+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cInNreS1hY3Rpb24tYnV0dG9uLWljb25cIiAvPlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICNoZWFkZXI+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cInNreS1hY3Rpb24tYnV0dG9uLWhlYWRlclwiIC8+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI2RldGFpbHM+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cInNreS1hY3Rpb24tYnV0dG9uLWRldGFpbHNcIiAvPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import { ObserversModule } from '@angular/cdk/observers';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { NgModule } from '@angular/core';
|
|
4
|
-
import { RouterModule } from '@angular/router';
|
|
5
|
-
import { SkyIconModule } from '@skyux/icon';
|
|
6
|
-
import { SkyHrefModule } from '@skyux/router';
|
|
7
|
-
import { SkyThemeModule } from '@skyux/theme';
|
|
8
|
-
import { SkyActionButtonContainerComponent } from './action-button-container.component';
|
|
9
|
-
import { SkyActionButtonDetailsComponent } from './action-button-details.component';
|
|
10
|
-
import { SkyActionButtonHeaderComponent } from './action-button-header.component';
|
|
11
|
-
import { SkyActionButtonIconComponent } from './action-button-icon.component';
|
|
12
|
-
import { SkyActionButtonComponent } from './action-button.component';
|
|
13
|
-
import * as i0 from "@angular/core";
|
|
14
|
-
export class SkyActionButtonModule {
|
|
15
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyActionButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
16
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SkyActionButtonModule, declarations: [SkyActionButtonComponent,
|
|
17
|
-
SkyActionButtonContainerComponent,
|
|
18
|
-
SkyActionButtonDetailsComponent,
|
|
19
|
-
SkyActionButtonHeaderComponent,
|
|
20
|
-
SkyActionButtonIconComponent], imports: [CommonModule,
|
|
21
|
-
ObserversModule,
|
|
22
|
-
RouterModule,
|
|
23
|
-
SkyHrefModule,
|
|
24
|
-
SkyIconModule,
|
|
25
|
-
SkyThemeModule], exports: [SkyActionButtonComponent,
|
|
26
|
-
SkyActionButtonContainerComponent,
|
|
27
|
-
SkyActionButtonDetailsComponent,
|
|
28
|
-
SkyActionButtonHeaderComponent,
|
|
29
|
-
SkyActionButtonIconComponent] }); }
|
|
30
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyActionButtonModule, imports: [CommonModule,
|
|
31
|
-
ObserversModule,
|
|
32
|
-
RouterModule,
|
|
33
|
-
SkyHrefModule,
|
|
34
|
-
SkyIconModule,
|
|
35
|
-
SkyThemeModule] }); }
|
|
36
|
-
}
|
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyActionButtonModule, decorators: [{
|
|
38
|
-
type: NgModule,
|
|
39
|
-
args: [{
|
|
40
|
-
declarations: [
|
|
41
|
-
SkyActionButtonComponent,
|
|
42
|
-
SkyActionButtonContainerComponent,
|
|
43
|
-
SkyActionButtonDetailsComponent,
|
|
44
|
-
SkyActionButtonHeaderComponent,
|
|
45
|
-
SkyActionButtonIconComponent,
|
|
46
|
-
],
|
|
47
|
-
imports: [
|
|
48
|
-
CommonModule,
|
|
49
|
-
ObserversModule,
|
|
50
|
-
RouterModule,
|
|
51
|
-
SkyHrefModule,
|
|
52
|
-
SkyIconModule,
|
|
53
|
-
SkyThemeModule,
|
|
54
|
-
],
|
|
55
|
-
exports: [
|
|
56
|
-
SkyActionButtonComponent,
|
|
57
|
-
SkyActionButtonContainerComponent,
|
|
58
|
-
SkyActionButtonDetailsComponent,
|
|
59
|
-
SkyActionButtonHeaderComponent,
|
|
60
|
-
SkyActionButtonIconComponent,
|
|
61
|
-
],
|
|
62
|
-
}]
|
|
63
|
-
}] });
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9saWIvbW9kdWxlcy9hY3Rpb24tYnV0dG9uL2FjdGlvbi1idXR0b24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUM1QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFFOUMsT0FBTyxFQUFFLGlDQUFpQyxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDeEYsT0FBTyxFQUFFLCtCQUErQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDcEYsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDbEYsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDOUUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBMEJyRSxNQUFNLE9BQU8scUJBQXFCOytHQUFyQixxQkFBcUI7Z0hBQXJCLHFCQUFxQixpQkF0QjlCLHdCQUF3QjtZQUN4QixpQ0FBaUM7WUFDakMsK0JBQStCO1lBQy9CLDhCQUE4QjtZQUM5Qiw0QkFBNEIsYUFHNUIsWUFBWTtZQUNaLGVBQWU7WUFDZixZQUFZO1lBQ1osYUFBYTtZQUNiLGFBQWE7WUFDYixjQUFjLGFBR2Qsd0JBQXdCO1lBQ3hCLGlDQUFpQztZQUNqQywrQkFBK0I7WUFDL0IsOEJBQThCO1lBQzlCLDRCQUE0QjtnSEFHbkIscUJBQXFCLFlBZjlCLFlBQVk7WUFDWixlQUFlO1lBQ2YsWUFBWTtZQUNaLGFBQWE7WUFDYixhQUFhO1lBQ2IsY0FBYzs7NEZBVUwscUJBQXFCO2tCQXhCakMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osd0JBQXdCO3dCQUN4QixpQ0FBaUM7d0JBQ2pDLCtCQUErQjt3QkFDL0IsOEJBQThCO3dCQUM5Qiw0QkFBNEI7cUJBQzdCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGVBQWU7d0JBQ2YsWUFBWTt3QkFDWixhQUFhO3dCQUNiLGFBQWE7d0JBQ2IsY0FBYztxQkFDZjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asd0JBQXdCO3dCQUN4QixpQ0FBaUM7d0JBQ2pDLCtCQUErQjt3QkFDL0IsOEJBQThCO3dCQUM5Qiw0QkFBNEI7cUJBQzdCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgT2JzZXJ2ZXJzTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL29ic2VydmVycyc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBTa3lJY29uTW9kdWxlIH0gZnJvbSAnQHNreXV4L2ljb24nO1xuaW1wb3J0IHsgU2t5SHJlZk1vZHVsZSB9IGZyb20gJ0Bza3l1eC9yb3V0ZXInO1xuaW1wb3J0IHsgU2t5VGhlbWVNb2R1bGUgfSBmcm9tICdAc2t5dXgvdGhlbWUnO1xuXG5pbXBvcnQgeyBTa3lBY3Rpb25CdXR0b25Db250YWluZXJDb21wb25lbnQgfSBmcm9tICcuL2FjdGlvbi1idXR0b24tY29udGFpbmVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTa3lBY3Rpb25CdXR0b25EZXRhaWxzQ29tcG9uZW50IH0gZnJvbSAnLi9hY3Rpb24tYnV0dG9uLWRldGFpbHMuY29tcG9uZW50JztcbmltcG9ydCB7IFNreUFjdGlvbkJ1dHRvbkhlYWRlckNvbXBvbmVudCB9IGZyb20gJy4vYWN0aW9uLWJ1dHRvbi1oZWFkZXIuY29tcG9uZW50JztcbmltcG9ydCB7IFNreUFjdGlvbkJ1dHRvbkljb25Db21wb25lbnQgfSBmcm9tICcuL2FjdGlvbi1idXR0b24taWNvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2t5QWN0aW9uQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9hY3Rpb24tYnV0dG9uLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIFNreUFjdGlvbkJ1dHRvbkNvbXBvbmVudCxcbiAgICBTa3lBY3Rpb25CdXR0b25Db250YWluZXJDb21wb25lbnQsXG4gICAgU2t5QWN0aW9uQnV0dG9uRGV0YWlsc0NvbXBvbmVudCxcbiAgICBTa3lBY3Rpb25CdXR0b25IZWFkZXJDb21wb25lbnQsXG4gICAgU2t5QWN0aW9uQnV0dG9uSWNvbkNvbXBvbmVudCxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBPYnNlcnZlcnNNb2R1bGUsXG4gICAgUm91dGVyTW9kdWxlLFxuICAgIFNreUhyZWZNb2R1bGUsXG4gICAgU2t5SWNvbk1vZHVsZSxcbiAgICBTa3lUaGVtZU1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIFNreUFjdGlvbkJ1dHRvbkNvbXBvbmVudCxcbiAgICBTa3lBY3Rpb25CdXR0b25Db250YWluZXJDb21wb25lbnQsXG4gICAgU2t5QWN0aW9uQnV0dG9uRGV0YWlsc0NvbXBvbmVudCxcbiAgICBTa3lBY3Rpb25CdXR0b25IZWFkZXJDb21wb25lbnQsXG4gICAgU2t5QWN0aW9uQnV0dG9uSWNvbkNvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5QWN0aW9uQnV0dG9uTW9kdWxlIHt9XG4iXX0=
|
package/esm2022/lib/modules/action-button/types/action-button-container-align-items-type.mjs
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbi1jb250YWluZXItYWxpZ24taXRlbXMtdHlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9sYXlvdXQvc3JjL2xpYi9tb2R1bGVzL2FjdGlvbi1idXR0b24vdHlwZXMvYWN0aW9uLWJ1dHRvbi1jb250YWluZXItYWxpZ24taXRlbXMtdHlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgU2t5QWN0aW9uQnV0dG9uQ29udGFpbmVyQWxpZ25JdGVtc1R5cGUgPSAnY2VudGVyJyB8ICdsZWZ0JztcbiJdfQ==
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbi1jb250YWluZXItYWxpZ24taXRlbXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9saWIvbW9kdWxlcy9hY3Rpb24tYnV0dG9uL3R5cGVzL2FjdGlvbi1idXR0b24tY29udGFpbmVyLWFsaWduLWl0ZW1zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEBkZXByZWNhdGVkIFVzZSBgU2t5QWN0aW9uQnV0dG9uQ29udGFpbmVyQWxpZ25JdGVtc1R5cGVgIGluc3RlYWQuXG4gKiBAaW50ZXJuYWxcbiAqL1xuZXhwb3J0IGNvbnN0IGVudW0gU2t5QWN0aW9uQnV0dG9uQ29udGFpbmVyQWxpZ25JdGVtcyB7XG4gIC8qKlxuICAgKiBEaXNwbGF5cyB0aGUgYWN0aW9uIGJ1dHRvbnMgYXMgY2VudGVyLWFsaWduZWQuXG4gICAqL1xuICBDZW50ZXIgPSAnY2VudGVyJyxcblxuICAvKipcbiAgICogRGlzcGxheXMgdGhlIGFjdGlvbiBidXR0b25zIGFzIGxlZnQtYWxpZ25lZC5cbiAgICovXG4gIExlZnQgPSAnbGVmdCcsXG59XG4iXX0=
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import { Injectable } from '@angular/core';
|
|
2
|
-
import { BehaviorSubject, Subject } from 'rxjs';
|
|
3
|
-
import { takeUntil } from 'rxjs/operators';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@skyux/core";
|
|
6
|
-
/**
|
|
7
|
-
* @internal
|
|
8
|
-
*/
|
|
9
|
-
export class SkyBackToTopDomAdapterService {
|
|
10
|
-
#ngUnsubscribe = new Subject();
|
|
11
|
-
#scrollableHostScrollEventUnsubscribe = new Subject();
|
|
12
|
-
#scrollableHostService;
|
|
13
|
-
#windowRef;
|
|
14
|
-
constructor(windowRef, scrollableHostService) {
|
|
15
|
-
this.#windowRef = windowRef;
|
|
16
|
-
this.#scrollableHostService = scrollableHostService;
|
|
17
|
-
}
|
|
18
|
-
ngOnDestroy() {
|
|
19
|
-
this.#ngUnsubscribe.next();
|
|
20
|
-
this.#ngUnsubscribe.complete();
|
|
21
|
-
this.#scrollableHostScrollEventUnsubscribe.next();
|
|
22
|
-
this.#scrollableHostScrollEventUnsubscribe.complete();
|
|
23
|
-
}
|
|
24
|
-
/**
|
|
25
|
-
* This event returns a boolean on scroll indicating whether the provided element is in view.
|
|
26
|
-
* @param elementRef The target element reference.
|
|
27
|
-
*/
|
|
28
|
-
elementInViewOnScroll(elementRef) {
|
|
29
|
-
const scrollableHostObservable = this.#scrollableHostService.watchScrollableHostScrollEvents(elementRef);
|
|
30
|
-
const isInitiallyInView = this.isElementScrolledInView(elementRef);
|
|
31
|
-
const returnedObservable = new BehaviorSubject(isInitiallyInView);
|
|
32
|
-
scrollableHostObservable
|
|
33
|
-
.pipe(takeUntil(this.#scrollableHostScrollEventUnsubscribe))
|
|
34
|
-
.subscribe(() => {
|
|
35
|
-
const isInView = this.isElementScrolledInView(elementRef);
|
|
36
|
-
returnedObservable.next(isInView);
|
|
37
|
-
});
|
|
38
|
-
return returnedObservable;
|
|
39
|
-
}
|
|
40
|
-
/**
|
|
41
|
-
* Scrolls the window or scrollable parent to the provided element.
|
|
42
|
-
* @param elementRef The target element reference.
|
|
43
|
-
*/
|
|
44
|
-
scrollToElement(elementRef) {
|
|
45
|
-
/* sanity check */
|
|
46
|
-
/* istanbul ignore if */
|
|
47
|
-
if (!elementRef || !elementRef.nativeElement) {
|
|
48
|
-
return;
|
|
49
|
-
}
|
|
50
|
-
const scrollableHost = this.#scrollableHostService.getScrollableHost(elementRef);
|
|
51
|
-
if (scrollableHost instanceof Window) {
|
|
52
|
-
// Scroll to top of window, but account for the body margin that allows for the omnibar if it exists.
|
|
53
|
-
const bodyMarginOffset = parseInt(getComputedStyle(document.body).marginTop, 10);
|
|
54
|
-
const newOffsetTop = elementRef.nativeElement.offsetTop - bodyMarginOffset;
|
|
55
|
-
this.#windowRef.nativeWindow.scrollTo(elementRef.nativeElement.offsetLeft, newOffsetTop);
|
|
56
|
-
}
|
|
57
|
-
else {
|
|
58
|
-
// Scroll to top of parent element.
|
|
59
|
-
scrollableHost.scrollTop =
|
|
60
|
-
scrollableHost.offsetTop - elementRef.nativeElement.offsetTop;
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
isElementScrolledInView(element) {
|
|
64
|
-
const parentElement = this.#scrollableHostService.getScrollableHost(element);
|
|
65
|
-
if (!element.nativeElement.offsetParent) {
|
|
66
|
-
return true;
|
|
67
|
-
}
|
|
68
|
-
const buffer = 25;
|
|
69
|
-
const elementRect = element.nativeElement.getBoundingClientRect();
|
|
70
|
-
if (parentElement instanceof HTMLElement) {
|
|
71
|
-
const parentRect = parentElement.getBoundingClientRect();
|
|
72
|
-
return elementRect.top > parentRect.top - buffer;
|
|
73
|
-
}
|
|
74
|
-
else {
|
|
75
|
-
return elementRect.top > -buffer;
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyBackToTopDomAdapterService, deps: [{ token: i1.SkyAppWindowRef }, { token: i1.SkyScrollableHostService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
79
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyBackToTopDomAdapterService }); }
|
|
80
|
-
}
|
|
81
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyBackToTopDomAdapterService, decorators: [{
|
|
82
|
-
type: Injectable
|
|
83
|
-
}], ctorParameters: () => [{ type: i1.SkyAppWindowRef }, { type: i1.SkyScrollableHostService }] });
|
|
84
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFjay10by10b3AtYWRhcHRlci5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xheW91dC9zcmMvbGliL21vZHVsZXMvYmFjay10by10b3AvYmFjay10by10b3AtYWRhcHRlci5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBYyxVQUFVLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFHbEUsT0FBTyxFQUFFLGVBQWUsRUFBYyxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDNUQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7QUFFM0M7O0dBRUc7QUFFSCxNQUFNLE9BQU8sNkJBQTZCO0lBQ3hDLGNBQWMsR0FBRyxJQUFJLE9BQU8sRUFBUSxDQUFDO0lBQ3JDLHFDQUFxQyxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7SUFDNUQsc0JBQXNCLENBQTJCO0lBQ2pELFVBQVUsQ0FBa0I7SUFFNUIsWUFDRSxTQUEwQixFQUMxQixxQkFBK0M7UUFFL0MsSUFBSSxDQUFDLFVBQVUsR0FBRyxTQUFTLENBQUM7UUFDNUIsSUFBSSxDQUFDLHNCQUFzQixHQUFHLHFCQUFxQixDQUFDO0lBQ3RELENBQUM7SUFFTSxXQUFXO1FBQ2hCLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDM0IsSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUMvQixJQUFJLENBQUMscUNBQXFDLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDbEQsSUFBSSxDQUFDLHFDQUFxQyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ3hELENBQUM7SUFFRDs7O09BR0c7SUFDSSxxQkFBcUIsQ0FBQyxVQUFzQjtRQUNqRCxNQUFNLHdCQUF3QixHQUM1QixJQUFJLENBQUMsc0JBQXNCLENBQUMsK0JBQStCLENBQUMsVUFBVSxDQUFDLENBQUM7UUFFMUUsTUFBTSxpQkFBaUIsR0FBRyxJQUFJLENBQUMsdUJBQXVCLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDbkUsTUFBTSxrQkFBa0IsR0FBRyxJQUFJLGVBQWUsQ0FBVSxpQkFBaUIsQ0FBQyxDQUFDO1FBRTNFLHdCQUF3QjthQUNyQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxxQ0FBcUMsQ0FBQyxDQUFDO2FBQzNELFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDZCxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsdUJBQXVCLENBQUMsVUFBVSxDQUFDLENBQUM7WUFDMUQsa0JBQWtCLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3BDLENBQUMsQ0FBQyxDQUFDO1FBRUwsT0FBTyxrQkFBa0IsQ0FBQztJQUM1QixDQUFDO0lBRUQ7OztPQUdHO0lBQ0ksZUFBZSxDQUFDLFVBQXNCO1FBQzNDLGtCQUFrQjtRQUNsQix3QkFBd0I7UUFDeEIsSUFBSSxDQUFDLFVBQVUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUM3QyxPQUFPO1FBQ1QsQ0FBQztRQUVELE1BQU0sY0FBYyxHQUNsQixJQUFJLENBQUMsc0JBQXNCLENBQUMsaUJBQWlCLENBQUMsVUFBVSxDQUFDLENBQUM7UUFFNUQsSUFBSSxjQUFjLFlBQVksTUFBTSxFQUFFLENBQUM7WUFDckMscUdBQXFHO1lBQ3JHLE1BQU0sZ0JBQWdCLEdBQUcsUUFBUSxDQUMvQixnQkFBZ0IsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUMsU0FBUyxFQUN6QyxFQUFFLENBQ0gsQ0FBQztZQUNGLE1BQU0sWUFBWSxHQUNoQixVQUFVLENBQUMsYUFBYSxDQUFDLFNBQVMsR0FBRyxnQkFBZ0IsQ0FBQztZQUN4RCxJQUFJLENBQUMsVUFBVSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQ25DLFVBQVUsQ0FBQyxhQUFhLENBQUMsVUFBVSxFQUNuQyxZQUFZLENBQ2IsQ0FBQztRQUNKLENBQUM7YUFBTSxDQUFDO1lBQ04sbUNBQW1DO1lBQ25DLGNBQWMsQ0FBQyxTQUFTO2dCQUN0QixjQUFjLENBQUMsU0FBUyxHQUFHLFVBQVUsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDO1FBQ2xFLENBQUM7SUFDSCxDQUFDO0lBRU0sdUJBQXVCLENBQUMsT0FBbUI7UUFDaEQsTUFBTSxhQUFhLEdBQ2pCLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxpQkFBaUIsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUV6RCxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUN4QyxPQUFPLElBQUksQ0FBQztRQUNkLENBQUM7UUFDRCxNQUFNLE1BQU0sR0FBRyxFQUFFLENBQUM7UUFDbEIsTUFBTSxXQUFXLEdBQUcsT0FBTyxDQUFDLGFBQWEsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1FBRWxFLElBQUksYUFBYSxZQUFZLFdBQVcsRUFBRSxDQUFDO1lBQ3pDLE1BQU0sVUFBVSxHQUFHLGFBQWEsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1lBQ3pELE9BQU8sV0FBVyxDQUFDLEdBQUcsR0FBRyxVQUFVLENBQUMsR0FBRyxHQUFHLE1BQU0sQ0FBQztRQUNuRCxDQUFDO2FBQU0sQ0FBQztZQUNOLE9BQU8sV0FBVyxDQUFDLEdBQUcsR0FBRyxDQUFDLE1BQU0sQ0FBQztRQUNuQyxDQUFDO0lBQ0gsQ0FBQzsrR0EzRlUsNkJBQTZCO21IQUE3Qiw2QkFBNkI7OzRGQUE3Qiw2QkFBNkI7a0JBRHpDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBFbGVtZW50UmVmLCBJbmplY3RhYmxlLCBPbkRlc3Ryb3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNreUFwcFdpbmRvd1JlZiwgU2t5U2Nyb2xsYWJsZUhvc3RTZXJ2aWNlIH0gZnJvbSAnQHNreXV4L2NvcmUnO1xuXG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QsIE9ic2VydmFibGUsIFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuLyoqXG4gKiBAaW50ZXJuYWxcbiAqL1xuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIFNreUJhY2tUb1RvcERvbUFkYXB0ZXJTZXJ2aWNlIGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgI25nVW5zdWJzY3JpYmUgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuICAjc2Nyb2xsYWJsZUhvc3RTY3JvbGxFdmVudFVuc3Vic2NyaWJlID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcbiAgI3Njcm9sbGFibGVIb3N0U2VydmljZTogU2t5U2Nyb2xsYWJsZUhvc3RTZXJ2aWNlO1xuICAjd2luZG93UmVmOiBTa3lBcHBXaW5kb3dSZWY7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgd2luZG93UmVmOiBTa3lBcHBXaW5kb3dSZWYsXG4gICAgc2Nyb2xsYWJsZUhvc3RTZXJ2aWNlOiBTa3lTY3JvbGxhYmxlSG9zdFNlcnZpY2UsXG4gICkge1xuICAgIHRoaXMuI3dpbmRvd1JlZiA9IHdpbmRvd1JlZjtcbiAgICB0aGlzLiNzY3JvbGxhYmxlSG9zdFNlcnZpY2UgPSBzY3JvbGxhYmxlSG9zdFNlcnZpY2U7XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy4jbmdVbnN1YnNjcmliZS5uZXh0KCk7XG4gICAgdGhpcy4jbmdVbnN1YnNjcmliZS5jb21wbGV0ZSgpO1xuICAgIHRoaXMuI3Njcm9sbGFibGVIb3N0U2Nyb2xsRXZlbnRVbnN1YnNjcmliZS5uZXh0KCk7XG4gICAgdGhpcy4jc2Nyb2xsYWJsZUhvc3RTY3JvbGxFdmVudFVuc3Vic2NyaWJlLmNvbXBsZXRlKCk7XG4gIH1cblxuICAvKipcbiAgICogVGhpcyBldmVudCByZXR1cm5zIGEgYm9vbGVhbiBvbiBzY3JvbGwgaW5kaWNhdGluZyB3aGV0aGVyIHRoZSBwcm92aWRlZCBlbGVtZW50IGlzIGluIHZpZXcuXG4gICAqIEBwYXJhbSBlbGVtZW50UmVmIFRoZSB0YXJnZXQgZWxlbWVudCByZWZlcmVuY2UuXG4gICAqL1xuICBwdWJsaWMgZWxlbWVudEluVmlld09uU2Nyb2xsKGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpOiBPYnNlcnZhYmxlPGJvb2xlYW4+IHtcbiAgICBjb25zdCBzY3JvbGxhYmxlSG9zdE9ic2VydmFibGUgPVxuICAgICAgdGhpcy4jc2Nyb2xsYWJsZUhvc3RTZXJ2aWNlLndhdGNoU2Nyb2xsYWJsZUhvc3RTY3JvbGxFdmVudHMoZWxlbWVudFJlZik7XG5cbiAgICBjb25zdCBpc0luaXRpYWxseUluVmlldyA9IHRoaXMuaXNFbGVtZW50U2Nyb2xsZWRJblZpZXcoZWxlbWVudFJlZik7XG4gICAgY29uc3QgcmV0dXJuZWRPYnNlcnZhYmxlID0gbmV3IEJlaGF2aW9yU3ViamVjdDxib29sZWFuPihpc0luaXRpYWxseUluVmlldyk7XG5cbiAgICBzY3JvbGxhYmxlSG9zdE9ic2VydmFibGVcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLiNzY3JvbGxhYmxlSG9zdFNjcm9sbEV2ZW50VW5zdWJzY3JpYmUpKVxuICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgIGNvbnN0IGlzSW5WaWV3ID0gdGhpcy5pc0VsZW1lbnRTY3JvbGxlZEluVmlldyhlbGVtZW50UmVmKTtcbiAgICAgICAgcmV0dXJuZWRPYnNlcnZhYmxlLm5leHQoaXNJblZpZXcpO1xuICAgICAgfSk7XG5cbiAgICByZXR1cm4gcmV0dXJuZWRPYnNlcnZhYmxlO1xuICB9XG5cbiAgLyoqXG4gICAqIFNjcm9sbHMgdGhlIHdpbmRvdyBvciBzY3JvbGxhYmxlIHBhcmVudCB0byB0aGUgcHJvdmlkZWQgZWxlbWVudC5cbiAgICogQHBhcmFtIGVsZW1lbnRSZWYgVGhlIHRhcmdldCBlbGVtZW50IHJlZmVyZW5jZS5cbiAgICovXG4gIHB1YmxpYyBzY3JvbGxUb0VsZW1lbnQoZWxlbWVudFJlZjogRWxlbWVudFJlZik6IHZvaWQge1xuICAgIC8qIHNhbml0eSBjaGVjayAqL1xuICAgIC8qIGlzdGFuYnVsIGlnbm9yZSBpZiAqL1xuICAgIGlmICghZWxlbWVudFJlZiB8fCAhZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50KSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3Qgc2Nyb2xsYWJsZUhvc3QgPVxuICAgICAgdGhpcy4jc2Nyb2xsYWJsZUhvc3RTZXJ2aWNlLmdldFNjcm9sbGFibGVIb3N0KGVsZW1lbnRSZWYpO1xuXG4gICAgaWYgKHNjcm9sbGFibGVIb3N0IGluc3RhbmNlb2YgV2luZG93KSB7XG4gICAgICAvLyBTY3JvbGwgdG8gdG9wIG9mIHdpbmRvdywgYnV0IGFjY291bnQgZm9yIHRoZSBib2R5IG1hcmdpbiB0aGF0IGFsbG93cyBmb3IgdGhlIG9tbmliYXIgaWYgaXQgZXhpc3RzLlxuICAgICAgY29uc3QgYm9keU1hcmdpbk9mZnNldCA9IHBhcnNlSW50KFxuICAgICAgICBnZXRDb21wdXRlZFN0eWxlKGRvY3VtZW50LmJvZHkpLm1hcmdpblRvcCxcbiAgICAgICAgMTAsXG4gICAgICApO1xuICAgICAgY29uc3QgbmV3T2Zmc2V0VG9wID1cbiAgICAgICAgZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50Lm9mZnNldFRvcCAtIGJvZHlNYXJnaW5PZmZzZXQ7XG4gICAgICB0aGlzLiN3aW5kb3dSZWYubmF0aXZlV2luZG93LnNjcm9sbFRvKFxuICAgICAgICBlbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQub2Zmc2V0TGVmdCxcbiAgICAgICAgbmV3T2Zmc2V0VG9wLFxuICAgICAgKTtcbiAgICB9IGVsc2Uge1xuICAgICAgLy8gU2Nyb2xsIHRvIHRvcCBvZiBwYXJlbnQgZWxlbWVudC5cbiAgICAgIHNjcm9sbGFibGVIb3N0LnNjcm9sbFRvcCA9XG4gICAgICAgIHNjcm9sbGFibGVIb3N0Lm9mZnNldFRvcCAtIGVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5vZmZzZXRUb3A7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIGlzRWxlbWVudFNjcm9sbGVkSW5WaWV3KGVsZW1lbnQ6IEVsZW1lbnRSZWYpOiBib29sZWFuIHtcbiAgICBjb25zdCBwYXJlbnRFbGVtZW50ID1cbiAgICAgIHRoaXMuI3Njcm9sbGFibGVIb3N0U2VydmljZS5nZXRTY3JvbGxhYmxlSG9zdChlbGVtZW50KTtcblxuICAgIGlmICghZWxlbWVudC5uYXRpdmVFbGVtZW50Lm9mZnNldFBhcmVudCkge1xuICAgICAgcmV0dXJuIHRydWU7XG4gICAgfVxuICAgIGNvbnN0IGJ1ZmZlciA9IDI1O1xuICAgIGNvbnN0IGVsZW1lbnRSZWN0ID0gZWxlbWVudC5uYXRpdmVFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuXG4gICAgaWYgKHBhcmVudEVsZW1lbnQgaW5zdGFuY2VvZiBIVE1MRWxlbWVudCkge1xuICAgICAgY29uc3QgcGFyZW50UmVjdCA9IHBhcmVudEVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgICByZXR1cm4gZWxlbWVudFJlY3QudG9wID4gcGFyZW50UmVjdC50b3AgLSBidWZmZXI7XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiBlbGVtZW50UmVjdC50b3AgPiAtYnVmZmVyO1xuICAgIH1cbiAgfVxufVxuIl19
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
2
|
-
import { Subject } from 'rxjs';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@skyux/theme";
|
|
5
|
-
import * as i2 from "@skyux/i18n";
|
|
6
|
-
/**
|
|
7
|
-
* @internal
|
|
8
|
-
*/
|
|
9
|
-
export class SkyBackToTopComponent {
|
|
10
|
-
get scrollToTopClick() {
|
|
11
|
-
return this.#_scrollToTopClick.asObservable();
|
|
12
|
-
}
|
|
13
|
-
#_scrollToTopClick = new Subject();
|
|
14
|
-
onScrollToTopClick() {
|
|
15
|
-
this.#_scrollToTopClick.next();
|
|
16
|
-
this.#_scrollToTopClick.complete();
|
|
17
|
-
}
|
|
18
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyBackToTopComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SkyBackToTopComponent, selector: "sky-back-to-top", ngImport: i0, template: "<div\n class=\"sky-back-to-top\"\n [skyThemeClass]=\"{\n 'sky-shadow': 'default',\n 'sky-elevation-3': 'modern'\n }\"\n>\n <button\n class=\"sky-btn sky-btn-link-inline\"\n type=\"button\"\n (click)=\"onScrollToTopClick()\"\n >\n {{ 'skyux_back_to_top' | skyLibResources }}\n </button>\n</div>\n", styles: [".sky-back-to-top{display:flex;align-items:center;width:100%;background-color:#fff;padding:var(--sky-margin-stacked-sm) var(--sky-margin-inline-lg)}:host-context(.sky-theme-modern) .sky-back-to-top{padding:var(--sky-margin-stacked-sm) var(--sky-margin-inline-xl)}.sky-theme-modern .sky-back-to-top{padding:var(--sky-margin-stacked-sm) var(--sky-margin-inline-xl)}\n"], dependencies: [{ kind: "directive", type: i1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "pipe", type: i2.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
20
|
-
}
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyBackToTopComponent, decorators: [{
|
|
22
|
-
type: Component,
|
|
23
|
-
args: [{ selector: 'sky-back-to-top', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"sky-back-to-top\"\n [skyThemeClass]=\"{\n 'sky-shadow': 'default',\n 'sky-elevation-3': 'modern'\n }\"\n>\n <button\n class=\"sky-btn sky-btn-link-inline\"\n type=\"button\"\n (click)=\"onScrollToTopClick()\"\n >\n {{ 'skyux_back_to_top' | skyLibResources }}\n </button>\n</div>\n", styles: [".sky-back-to-top{display:flex;align-items:center;width:100%;background-color:#fff;padding:var(--sky-margin-stacked-sm) var(--sky-margin-inline-lg)}:host-context(.sky-theme-modern) .sky-back-to-top{padding:var(--sky-margin-stacked-sm) var(--sky-margin-inline-xl)}.sky-theme-modern .sky-back-to-top{padding:var(--sky-margin-stacked-sm) var(--sky-margin-inline-xl)}\n"] }]
|
|
24
|
-
}] });
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFjay10by10b3AuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xheW91dC9zcmMvbGliL21vZHVsZXMvYmFjay10by10b3AvYmFjay10by10b3AuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xheW91dC9zcmMvbGliL21vZHVsZXMvYmFjay10by10b3AvYmFjay10by10b3AuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVuRSxPQUFPLEVBQWMsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7O0FBRTNDOztHQUVHO0FBT0gsTUFBTSxPQUFPLHFCQUFxQjtJQUNoQyxJQUFXLGdCQUFnQjtRQUN6QixPQUFPLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUNoRCxDQUFDO0lBRUQsa0JBQWtCLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztJQUVsQyxrQkFBa0I7UUFDdkIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksRUFBRSxDQUFDO1FBQy9CLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNyQyxDQUFDOytHQVZVLHFCQUFxQjttR0FBckIscUJBQXFCLHVEQ2JsQyxpVUFlQTs7NEZERmEscUJBQXFCO2tCQU5qQyxTQUFTOytCQUNFLGlCQUFpQixtQkFHVix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBPYnNlcnZhYmxlLCBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5cbi8qKlxuICogQGludGVybmFsXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1iYWNrLXRvLXRvcCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9iYWNrLXRvLXRvcC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2JhY2stdG8tdG9wLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lCYWNrVG9Ub3BDb21wb25lbnQge1xuICBwdWJsaWMgZ2V0IHNjcm9sbFRvVG9wQ2xpY2soKTogT2JzZXJ2YWJsZTx2b2lkPiB7XG4gICAgcmV0dXJuIHRoaXMuI19zY3JvbGxUb1RvcENsaWNrLmFzT2JzZXJ2YWJsZSgpO1xuICB9XG5cbiAgI19zY3JvbGxUb1RvcENsaWNrID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcblxuICBwdWJsaWMgb25TY3JvbGxUb1RvcENsaWNrKCk6IHZvaWQge1xuICAgIHRoaXMuI19zY3JvbGxUb1RvcENsaWNrLm5leHQoKTtcbiAgICB0aGlzLiNfc2Nyb2xsVG9Ub3BDbGljay5jb21wbGV0ZSgpO1xuICB9XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwic2t5LWJhY2stdG8tdG9wXCJcbiAgW3NreVRoZW1lQ2xhc3NdPVwie1xuICAgICdza3ktc2hhZG93JzogJ2RlZmF1bHQnLFxuICAgICdza3ktZWxldmF0aW9uLTMnOiAnbW9kZXJuJ1xuICB9XCJcbj5cbiAgPGJ1dHRvblxuICAgIGNsYXNzPVwic2t5LWJ0biBza3ktYnRuLWxpbmstaW5saW5lXCJcbiAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAoY2xpY2spPVwib25TY3JvbGxUb1RvcENsaWNrKClcIlxuICA+XG4gICAge3sgJ3NreXV4X2JhY2tfdG9fdG9wJyB8IHNreUxpYlJlc291cmNlcyB9fVxuICA8L2J1dHRvbj5cbjwvZGl2PlxuIl19
|
|
@@ -1,119 +0,0 @@
|
|
|
1
|
-
import { Directive, Input, } from '@angular/core';
|
|
2
|
-
import { Subject } from 'rxjs';
|
|
3
|
-
import { takeUntil } from 'rxjs/operators';
|
|
4
|
-
import { SkyBackToTopDomAdapterService } from './back-to-top-adapter.service';
|
|
5
|
-
import { SkyBackToTopComponent } from './back-to-top.component';
|
|
6
|
-
import { SkyBackToTopMessageType } from './models/back-to-top-message-type';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
import * as i1 from "@skyux/core";
|
|
9
|
-
import * as i2 from "./back-to-top-adapter.service";
|
|
10
|
-
/**
|
|
11
|
-
* Associates a button with an element on the page and displays that button
|
|
12
|
-
* to return to the element after users scroll away.
|
|
13
|
-
*/
|
|
14
|
-
export class SkyBackToTopDirective {
|
|
15
|
-
/**
|
|
16
|
-
* Configuration options for the back to top component.
|
|
17
|
-
*/
|
|
18
|
-
set skyBackToTop(value) {
|
|
19
|
-
this.#buttonHidden = !!(value && value?.buttonHidden);
|
|
20
|
-
this.#handleBackToTopButton(this.#elementInView);
|
|
21
|
-
}
|
|
22
|
-
/**
|
|
23
|
-
* The observable to send commands to the back to top component.
|
|
24
|
-
* The commands respect the `SkyBackToTopMessage` type.
|
|
25
|
-
*/
|
|
26
|
-
set skyBackToTopMessageStream(value) {
|
|
27
|
-
if (this.#_skyBackToTopMessageStream) {
|
|
28
|
-
this.#_skyBackToTopMessageStream.unsubscribe();
|
|
29
|
-
}
|
|
30
|
-
this.#_skyBackToTopMessageStream = value;
|
|
31
|
-
this.#_skyBackToTopMessageStream
|
|
32
|
-
?.pipe(takeUntil(this.#ngUnsubscribe))
|
|
33
|
-
.subscribe((message) => this.#handleIncomingMessages(message));
|
|
34
|
-
}
|
|
35
|
-
#buttonHidden = false;
|
|
36
|
-
#dockItem;
|
|
37
|
-
#dockService;
|
|
38
|
-
#domAdapter;
|
|
39
|
-
#elementInView = false;
|
|
40
|
-
#elementRef;
|
|
41
|
-
#ngUnsubscribe = new Subject();
|
|
42
|
-
#_skyBackToTopMessageStream;
|
|
43
|
-
constructor(dockService, domAdapter, elementRef) {
|
|
44
|
-
this.#dockService = dockService;
|
|
45
|
-
this.#domAdapter = domAdapter;
|
|
46
|
-
this.#elementRef = elementRef;
|
|
47
|
-
}
|
|
48
|
-
ngAfterViewInit() {
|
|
49
|
-
this.#elementInView = this.#domAdapter.isElementScrolledInView(this.#elementRef);
|
|
50
|
-
this.#handleBackToTopButton(this.#elementInView);
|
|
51
|
-
this.#setBackToTopListeners();
|
|
52
|
-
}
|
|
53
|
-
ngOnDestroy() {
|
|
54
|
-
if (this.#dockItem) {
|
|
55
|
-
this.#dockItem.destroy();
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
#handleBackToTopButton(elementInView) {
|
|
59
|
-
// Add back to top button if user scrolls down and button is not hidden.
|
|
60
|
-
if (!this.#dockItem &&
|
|
61
|
-
elementInView !== undefined &&
|
|
62
|
-
!elementInView &&
|
|
63
|
-
!this.#buttonHidden) {
|
|
64
|
-
this.#addBackToTop();
|
|
65
|
-
}
|
|
66
|
-
// Remove back to top button if user scrolls back up.
|
|
67
|
-
if (elementInView || this.#buttonHidden) {
|
|
68
|
-
this.#destroyBackToTop();
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
#addBackToTop() {
|
|
72
|
-
this.#dockItem = this.#dockService.insertComponent(SkyBackToTopComponent);
|
|
73
|
-
// Listen for clicks on the "back to top" button so we know when to scroll up.
|
|
74
|
-
this.#dockItem.componentInstance.scrollToTopClick
|
|
75
|
-
.pipe(takeUntil(this.#ngUnsubscribe))
|
|
76
|
-
.subscribe(() => {
|
|
77
|
-
this.#domAdapter.scrollToElement(this.#elementRef);
|
|
78
|
-
});
|
|
79
|
-
}
|
|
80
|
-
#handleIncomingMessages(message) {
|
|
81
|
-
/* istanbul ignore else */
|
|
82
|
-
if (message.type === SkyBackToTopMessageType.BackToTop) {
|
|
83
|
-
this.#domAdapter.scrollToElement(this.#elementRef);
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
#setBackToTopListeners() {
|
|
87
|
-
/* istanbul ignore else */
|
|
88
|
-
if (this.#elementRef) {
|
|
89
|
-
this.#domAdapter
|
|
90
|
-
.elementInViewOnScroll(this.#elementRef)
|
|
91
|
-
.pipe(takeUntil(this.#ngUnsubscribe))
|
|
92
|
-
.subscribe((elementInView) => {
|
|
93
|
-
this.#elementInView = elementInView;
|
|
94
|
-
this.#handleBackToTopButton(elementInView);
|
|
95
|
-
});
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
#destroyBackToTop() {
|
|
99
|
-
/* istanbul ignore else */
|
|
100
|
-
if (this.#dockItem) {
|
|
101
|
-
this.#dockItem.destroy();
|
|
102
|
-
this.#dockItem = undefined;
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyBackToTopDirective, deps: [{ token: i1.SkyDockService }, { token: i2.SkyBackToTopDomAdapterService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
106
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: SkyBackToTopDirective, selector: "[skyBackToTop]", inputs: { skyBackToTop: "skyBackToTop", skyBackToTopMessageStream: "skyBackToTopMessageStream" }, providers: [SkyBackToTopDomAdapterService], ngImport: i0 }); }
|
|
107
|
-
}
|
|
108
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyBackToTopDirective, decorators: [{
|
|
109
|
-
type: Directive,
|
|
110
|
-
args: [{
|
|
111
|
-
selector: '[skyBackToTop]',
|
|
112
|
-
providers: [SkyBackToTopDomAdapterService],
|
|
113
|
-
}]
|
|
114
|
-
}], ctorParameters: () => [{ type: i1.SkyDockService }, { type: i2.SkyBackToTopDomAdapterService }, { type: i0.ElementRef }], propDecorators: { skyBackToTop: [{
|
|
115
|
-
type: Input
|
|
116
|
-
}], skyBackToTopMessageStream: [{
|
|
117
|
-
type: Input
|
|
118
|
-
}] } });
|
|
119
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFjay10by10b3AuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xheW91dC9zcmMvbGliL21vZHVsZXMvYmFjay10by10b3AvYmFjay10by10b3AuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBRVQsS0FBSyxHQUVOLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0IsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRTNDLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzlFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRWhFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOzs7O0FBRzVFOzs7R0FHRztBQUtILE1BQU0sT0FBTyxxQkFBcUI7SUFDaEM7O09BRUc7SUFDSCxJQUNXLFlBQVksQ0FBQyxLQUEyQztRQUNqRSxJQUFJLENBQUMsYUFBYSxHQUFHLENBQUMsQ0FBQyxDQUFDLEtBQUssSUFBSSxLQUFLLEVBQUUsWUFBWSxDQUFDLENBQUM7UUFFdEQsSUFBSSxDQUFDLHNCQUFzQixDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztJQUNuRCxDQUFDO0lBRUQ7OztPQUdHO0lBQ0gsSUFDVyx5QkFBeUIsQ0FDbEMsS0FBK0M7UUFFL0MsSUFBSSxJQUFJLENBQUMsMkJBQTJCLEVBQUUsQ0FBQztZQUNyQyxJQUFJLENBQUMsMkJBQTJCLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDakQsQ0FBQztRQUNELElBQUksQ0FBQywyQkFBMkIsR0FBRyxLQUFLLENBQUM7UUFDekMsSUFBSSxDQUFDLDJCQUEyQjtZQUM5QixFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO2FBQ3JDLFNBQVMsQ0FBQyxDQUFDLE9BQTRCLEVBQUUsRUFBRSxDQUMxQyxJQUFJLENBQUMsdUJBQXVCLENBQUMsT0FBTyxDQUFDLENBQ3RDLENBQUM7SUFDTixDQUFDO0lBRUQsYUFBYSxHQUFHLEtBQUssQ0FBQztJQUN0QixTQUFTLENBQWlEO0lBQzFELFlBQVksQ0FBaUI7SUFDN0IsV0FBVyxDQUFnQztJQUMzQyxjQUFjLEdBQUcsS0FBSyxDQUFDO0lBQ3ZCLFdBQVcsQ0FBYTtJQUV4QixjQUFjLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztJQUNyQywyQkFBMkIsQ0FBMkM7SUFFdEUsWUFDRSxXQUEyQixFQUMzQixVQUF5QyxFQUN6QyxVQUFzQjtRQUV0QixJQUFJLENBQUMsWUFBWSxHQUFHLFdBQVcsQ0FBQztRQUNoQyxJQUFJLENBQUMsV0FBVyxHQUFHLFVBQVUsQ0FBQztRQUM5QixJQUFJLENBQUMsV0FBVyxHQUFHLFVBQVUsQ0FBQztJQUNoQyxDQUFDO0lBRU0sZUFBZTtRQUNwQixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsdUJBQXVCLENBQzVELElBQUksQ0FBQyxXQUFXLENBQ2pCLENBQUM7UUFFRixJQUFJLENBQUMsc0JBQXNCLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQ2pELElBQUksQ0FBQyxzQkFBc0IsRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFTSxXQUFXO1FBQ2hCLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxFQUFFLENBQUM7UUFDM0IsQ0FBQztJQUNILENBQUM7SUFFRCxzQkFBc0IsQ0FBQyxhQUFzQjtRQUMzQyx3RUFBd0U7UUFDeEUsSUFDRSxDQUFDLElBQUksQ0FBQyxTQUFTO1lBQ2YsYUFBYSxLQUFLLFNBQVM7WUFDM0IsQ0FBQyxhQUFhO1lBQ2QsQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUNuQixDQUFDO1lBQ0QsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQ3ZCLENBQUM7UUFDRCxxREFBcUQ7UUFDckQsSUFBSSxhQUFhLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQ3hDLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQzNCLENBQUM7SUFDSCxDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxlQUFlLENBQUMscUJBQXFCLENBQUMsQ0FBQztRQUUxRSw4RUFBOEU7UUFDOUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxpQkFBaUIsQ0FBQyxnQkFBZ0I7YUFDOUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7YUFDcEMsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxXQUFXLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUNyRCxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCx1QkFBdUIsQ0FBQyxPQUE0QjtRQUNsRCwwQkFBMEI7UUFDMUIsSUFBSSxPQUFPLENBQUMsSUFBSSxLQUFLLHVCQUF1QixDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ3ZELElBQUksQ0FBQyxXQUFXLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUNyRCxDQUFDO0lBQ0gsQ0FBQztJQUVELHNCQUFzQjtRQUNwQiwwQkFBMEI7UUFDMUIsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDckIsSUFBSSxDQUFDLFdBQVc7aUJBQ2IscUJBQXFCLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQztpQkFDdkMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7aUJBQ3BDLFNBQVMsQ0FBQyxDQUFDLGFBQXNCLEVBQUUsRUFBRTtnQkFDcEMsSUFBSSxDQUFDLGNBQWMsR0FBRyxhQUFhLENBQUM7Z0JBRXBDLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxhQUFhLENBQUMsQ0FBQztZQUM3QyxDQUFDLENBQUMsQ0FBQztRQUNQLENBQUM7SUFDSCxDQUFDO0lBRUQsaUJBQWlCO1FBQ2YsMEJBQTBCO1FBQzFCLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDekIsSUFBSSxDQUFDLFNBQVMsR0FBRyxTQUFTLENBQUM7UUFDN0IsQ0FBQztJQUNILENBQUM7K0dBdkhVLHFCQUFxQjttR0FBckIscUJBQXFCLDJJQUZyQixDQUFDLDZCQUE2QixDQUFDOzs0RkFFL0IscUJBQXFCO2tCQUpqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLFNBQVMsRUFBRSxDQUFDLDZCQUE2QixDQUFDO2lCQUMzQzt3SkFNWSxZQUFZO3NCQUR0QixLQUFLO2dCQVlLLHlCQUF5QjtzQkFEbkMsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIERpcmVjdGl2ZSxcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG4gIE9uRGVzdHJveSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa3lEb2NrSXRlbSwgU2t5RG9ja1NlcnZpY2UgfSBmcm9tICdAc2t5dXgvY29yZSc7XG5cbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuaW1wb3J0IHsgU2t5QmFja1RvVG9wRG9tQWRhcHRlclNlcnZpY2UgfSBmcm9tICcuL2JhY2stdG8tdG9wLWFkYXB0ZXIuc2VydmljZSc7XG5pbXBvcnQgeyBTa3lCYWNrVG9Ub3BDb21wb25lbnQgfSBmcm9tICcuL2JhY2stdG8tdG9wLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTa3lCYWNrVG9Ub3BNZXNzYWdlIH0gZnJvbSAnLi9tb2RlbHMvYmFjay10by10b3AtbWVzc2FnZSc7XG5pbXBvcnQgeyBTa3lCYWNrVG9Ub3BNZXNzYWdlVHlwZSB9IGZyb20gJy4vbW9kZWxzL2JhY2stdG8tdG9wLW1lc3NhZ2UtdHlwZSc7XG5pbXBvcnQgeyBTa3lCYWNrVG9Ub3BPcHRpb25zIH0gZnJvbSAnLi9tb2RlbHMvYmFjay10by10b3Atb3B0aW9ucyc7XG5cbi8qKlxuICogQXNzb2NpYXRlcyBhIGJ1dHRvbiB3aXRoIGFuIGVsZW1lbnQgb24gdGhlIHBhZ2UgYW5kIGRpc3BsYXlzIHRoYXQgYnV0dG9uXG4gKiB0byByZXR1cm4gdG8gdGhlIGVsZW1lbnQgYWZ0ZXIgdXNlcnMgc2Nyb2xsIGF3YXkuXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tza3lCYWNrVG9Ub3BdJyxcbiAgcHJvdmlkZXJzOiBbU2t5QmFja1RvVG9wRG9tQWRhcHRlclNlcnZpY2VdLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lCYWNrVG9Ub3BEaXJlY3RpdmUgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xuICAvKipcbiAgICogQ29uZmlndXJhdGlvbiBvcHRpb25zIGZvciB0aGUgYmFjayB0byB0b3AgY29tcG9uZW50LlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHNldCBza3lCYWNrVG9Ub3AodmFsdWU6IFNreUJhY2tUb1RvcE9wdGlvbnMgfCAnJyB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMuI2J1dHRvbkhpZGRlbiA9ICEhKHZhbHVlICYmIHZhbHVlPy5idXR0b25IaWRkZW4pO1xuXG4gICAgdGhpcy4jaGFuZGxlQmFja1RvVG9wQnV0dG9uKHRoaXMuI2VsZW1lbnRJblZpZXcpO1xuICB9XG5cbiAgLyoqXG4gICAqIFRoZSBvYnNlcnZhYmxlIHRvIHNlbmQgY29tbWFuZHMgdG8gdGhlIGJhY2sgdG8gdG9wIGNvbXBvbmVudC5cbiAgICogVGhlIGNvbW1hbmRzIHJlc3BlY3QgdGhlIGBTa3lCYWNrVG9Ub3BNZXNzYWdlYCB0eXBlLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHNldCBza3lCYWNrVG9Ub3BNZXNzYWdlU3RyZWFtKFxuICAgIHZhbHVlOiBTdWJqZWN0PFNreUJhY2tUb1RvcE1lc3NhZ2U+IHwgdW5kZWZpbmVkLFxuICApIHtcbiAgICBpZiAodGhpcy4jX3NreUJhY2tUb1RvcE1lc3NhZ2VTdHJlYW0pIHtcbiAgICAgIHRoaXMuI19za3lCYWNrVG9Ub3BNZXNzYWdlU3RyZWFtLnVuc3Vic2NyaWJlKCk7XG4gICAgfVxuICAgIHRoaXMuI19za3lCYWNrVG9Ub3BNZXNzYWdlU3RyZWFtID0gdmFsdWU7XG4gICAgdGhpcy4jX3NreUJhY2tUb1RvcE1lc3NhZ2VTdHJlYW1cbiAgICAgID8ucGlwZSh0YWtlVW50aWwodGhpcy4jbmdVbnN1YnNjcmliZSkpXG4gICAgICAuc3Vic2NyaWJlKChtZXNzYWdlOiBTa3lCYWNrVG9Ub3BNZXNzYWdlKSA9PlxuICAgICAgICB0aGlzLiNoYW5kbGVJbmNvbWluZ01lc3NhZ2VzKG1lc3NhZ2UpLFxuICAgICAgKTtcbiAgfVxuXG4gICNidXR0b25IaWRkZW4gPSBmYWxzZTtcbiAgI2RvY2tJdGVtOiBTa3lEb2NrSXRlbTxTa3lCYWNrVG9Ub3BDb21wb25lbnQ+IHwgdW5kZWZpbmVkO1xuICAjZG9ja1NlcnZpY2U6IFNreURvY2tTZXJ2aWNlO1xuICAjZG9tQWRhcHRlcjogU2t5QmFja1RvVG9wRG9tQWRhcHRlclNlcnZpY2U7XG4gICNlbGVtZW50SW5WaWV3ID0gZmFsc2U7XG4gICNlbGVtZW50UmVmOiBFbGVtZW50UmVmO1xuXG4gICNuZ1Vuc3Vic2NyaWJlID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcbiAgI19za3lCYWNrVG9Ub3BNZXNzYWdlU3RyZWFtOiBTdWJqZWN0PFNreUJhY2tUb1RvcE1lc3NhZ2U+IHwgdW5kZWZpbmVkO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIGRvY2tTZXJ2aWNlOiBTa3lEb2NrU2VydmljZSxcbiAgICBkb21BZGFwdGVyOiBTa3lCYWNrVG9Ub3BEb21BZGFwdGVyU2VydmljZSxcbiAgICBlbGVtZW50UmVmOiBFbGVtZW50UmVmLFxuICApIHtcbiAgICB0aGlzLiNkb2NrU2VydmljZSA9IGRvY2tTZXJ2aWNlO1xuICAgIHRoaXMuI2RvbUFkYXB0ZXIgPSBkb21BZGFwdGVyO1xuICAgIHRoaXMuI2VsZW1lbnRSZWYgPSBlbGVtZW50UmVmO1xuICB9XG5cbiAgcHVibGljIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLiNlbGVtZW50SW5WaWV3ID0gdGhpcy4jZG9tQWRhcHRlci5pc0VsZW1lbnRTY3JvbGxlZEluVmlldyhcbiAgICAgIHRoaXMuI2VsZW1lbnRSZWYsXG4gICAgKTtcblxuICAgIHRoaXMuI2hhbmRsZUJhY2tUb1RvcEJ1dHRvbih0aGlzLiNlbGVtZW50SW5WaWV3KTtcbiAgICB0aGlzLiNzZXRCYWNrVG9Ub3BMaXN0ZW5lcnMoKTtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy4jZG9ja0l0ZW0pIHtcbiAgICAgIHRoaXMuI2RvY2tJdGVtLmRlc3Ryb3koKTtcbiAgICB9XG4gIH1cblxuICAjaGFuZGxlQmFja1RvVG9wQnV0dG9uKGVsZW1lbnRJblZpZXc6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICAvLyBBZGQgYmFjayB0byB0b3AgYnV0dG9uIGlmIHVzZXIgc2Nyb2xscyBkb3duIGFuZCBidXR0b24gaXMgbm90IGhpZGRlbi5cbiAgICBpZiAoXG4gICAgICAhdGhpcy4jZG9ja0l0ZW0gJiZcbiAgICAgIGVsZW1lbnRJblZpZXcgIT09IHVuZGVmaW5lZCAmJlxuICAgICAgIWVsZW1lbnRJblZpZXcgJiZcbiAgICAgICF0aGlzLiNidXR0b25IaWRkZW5cbiAgICApIHtcbiAgICAgIHRoaXMuI2FkZEJhY2tUb1RvcCgpO1xuICAgIH1cbiAgICAvLyBSZW1vdmUgYmFjayB0byB0b3AgYnV0dG9uIGlmIHVzZXIgc2Nyb2xscyBiYWNrIHVwLlxuICAgIGlmIChlbGVtZW50SW5WaWV3IHx8IHRoaXMuI2J1dHRvbkhpZGRlbikge1xuICAgICAgdGhpcy4jZGVzdHJveUJhY2tUb1RvcCgpO1xuICAgIH1cbiAgfVxuXG4gICNhZGRCYWNrVG9Ub3AoKTogdm9pZCB7XG4gICAgdGhpcy4jZG9ja0l0ZW0gPSB0aGlzLiNkb2NrU2VydmljZS5pbnNlcnRDb21wb25lbnQoU2t5QmFja1RvVG9wQ29tcG9uZW50KTtcblxuICAgIC8vIExpc3RlbiBmb3IgY2xpY2tzIG9uIHRoZSBcImJhY2sgdG8gdG9wXCIgYnV0dG9uIHNvIHdlIGtub3cgd2hlbiB0byBzY3JvbGwgdXAuXG4gICAgdGhpcy4jZG9ja0l0ZW0uY29tcG9uZW50SW5zdGFuY2Uuc2Nyb2xsVG9Ub3BDbGlja1xuICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMuI25nVW5zdWJzY3JpYmUpKVxuICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgIHRoaXMuI2RvbUFkYXB0ZXIuc2Nyb2xsVG9FbGVtZW50KHRoaXMuI2VsZW1lbnRSZWYpO1xuICAgICAgfSk7XG4gIH1cblxuICAjaGFuZGxlSW5jb21pbmdNZXNzYWdlcyhtZXNzYWdlOiBTa3lCYWNrVG9Ub3BNZXNzYWdlKTogdm9pZCB7XG4gICAgLyogaXN0YW5idWwgaWdub3JlIGVsc2UgKi9cbiAgICBpZiAobWVzc2FnZS50eXBlID09PSBTa3lCYWNrVG9Ub3BNZXNzYWdlVHlwZS5CYWNrVG9Ub3ApIHtcbiAgICAgIHRoaXMuI2RvbUFkYXB0ZXIuc2Nyb2xsVG9FbGVtZW50KHRoaXMuI2VsZW1lbnRSZWYpO1xuICAgIH1cbiAgfVxuXG4gICNzZXRCYWNrVG9Ub3BMaXN0ZW5lcnMoKTogdm9pZCB7XG4gICAgLyogaXN0YW5idWwgaWdub3JlIGVsc2UgKi9cbiAgICBpZiAodGhpcy4jZWxlbWVudFJlZikge1xuICAgICAgdGhpcy4jZG9tQWRhcHRlclxuICAgICAgICAuZWxlbWVudEluVmlld09uU2Nyb2xsKHRoaXMuI2VsZW1lbnRSZWYpXG4gICAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLiNuZ1Vuc3Vic2NyaWJlKSlcbiAgICAgICAgLnN1YnNjcmliZSgoZWxlbWVudEluVmlldzogYm9vbGVhbikgPT4ge1xuICAgICAgICAgIHRoaXMuI2VsZW1lbnRJblZpZXcgPSBlbGVtZW50SW5WaWV3O1xuXG4gICAgICAgICAgdGhpcy4jaGFuZGxlQmFja1RvVG9wQnV0dG9uKGVsZW1lbnRJblZpZXcpO1xuICAgICAgICB9KTtcbiAgICB9XG4gIH1cblxuICAjZGVzdHJveUJhY2tUb1RvcCgpOiB2b2lkIHtcbiAgICAvKiBpc3RhbmJ1bCBpZ25vcmUgZWxzZSAqL1xuICAgIGlmICh0aGlzLiNkb2NrSXRlbSkge1xuICAgICAgdGhpcy4jZG9ja0l0ZW0uZGVzdHJveSgpO1xuICAgICAgdGhpcy4jZG9ja0l0ZW0gPSB1bmRlZmluZWQ7XG4gICAgfVxuICB9XG59XG4iXX0=
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { SkyThemeModule } from '@skyux/theme';
|
|
3
|
-
import { SkyLayoutResourcesModule } from '../shared/sky-layout-resources.module';
|
|
4
|
-
import { SkyBackToTopComponent } from './back-to-top.component';
|
|
5
|
-
import { SkyBackToTopDirective } from './back-to-top.directive';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
export class SkyBackToTopModule {
|
|
8
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyBackToTopModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SkyBackToTopModule, declarations: [SkyBackToTopComponent, SkyBackToTopDirective], imports: [SkyLayoutResourcesModule, SkyThemeModule], exports: [SkyBackToTopComponent, SkyBackToTopDirective] }); }
|
|
10
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyBackToTopModule, imports: [SkyLayoutResourcesModule, SkyThemeModule] }); }
|
|
11
|
-
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyBackToTopModule, decorators: [{
|
|
13
|
-
type: NgModule,
|
|
14
|
-
args: [{
|
|
15
|
-
declarations: [SkyBackToTopComponent, SkyBackToTopDirective],
|
|
16
|
-
imports: [SkyLayoutResourcesModule, SkyThemeModule],
|
|
17
|
-
exports: [SkyBackToTopComponent, SkyBackToTopDirective],
|
|
18
|
-
}]
|
|
19
|
-
}] });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFjay10by10b3AubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xheW91dC9zcmMvbGliL21vZHVsZXMvYmFjay10by10b3AvYmFjay10by10b3AubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUU5QyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUVqRixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNoRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFPaEUsTUFBTSxPQUFPLGtCQUFrQjsrR0FBbEIsa0JBQWtCO2dIQUFsQixrQkFBa0IsaUJBSmQscUJBQXFCLEVBQUUscUJBQXFCLGFBQ2pELHdCQUF3QixFQUFFLGNBQWMsYUFDeEMscUJBQXFCLEVBQUUscUJBQXFCO2dIQUUzQyxrQkFBa0IsWUFIbkIsd0JBQXdCLEVBQUUsY0FBYzs7NEZBR3ZDLGtCQUFrQjtrQkFMOUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxxQkFBcUIsRUFBRSxxQkFBcUIsQ0FBQztvQkFDNUQsT0FBTyxFQUFFLENBQUMsd0JBQXdCLEVBQUUsY0FBYyxDQUFDO29CQUNuRCxPQUFPLEVBQUUsQ0FBQyxxQkFBcUIsRUFBRSxxQkFBcUIsQ0FBQztpQkFDeEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2t5VGhlbWVNb2R1bGUgfSBmcm9tICdAc2t5dXgvdGhlbWUnO1xuXG5pbXBvcnQgeyBTa3lMYXlvdXRSZXNvdXJjZXNNb2R1bGUgfSBmcm9tICcuLi9zaGFyZWQvc2t5LWxheW91dC1yZXNvdXJjZXMubW9kdWxlJztcblxuaW1wb3J0IHsgU2t5QmFja1RvVG9wQ29tcG9uZW50IH0gZnJvbSAnLi9iYWNrLXRvLXRvcC5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2t5QmFja1RvVG9wRGlyZWN0aXZlIH0gZnJvbSAnLi9iYWNrLXRvLXRvcC5kaXJlY3RpdmUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtTa3lCYWNrVG9Ub3BDb21wb25lbnQsIFNreUJhY2tUb1RvcERpcmVjdGl2ZV0sXG4gIGltcG9ydHM6IFtTa3lMYXlvdXRSZXNvdXJjZXNNb2R1bGUsIFNreVRoZW1lTW9kdWxlXSxcbiAgZXhwb3J0czogW1NreUJhY2tUb1RvcENvbXBvbmVudCwgU2t5QmFja1RvVG9wRGlyZWN0aXZlXSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5QmFja1RvVG9wTW9kdWxlIHt9XG4iXX0=
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* The type of message to send to the back to top component.
|
|
3
|
-
*/
|
|
4
|
-
export var SkyBackToTopMessageType;
|
|
5
|
-
(function (SkyBackToTopMessageType) {
|
|
6
|
-
/**
|
|
7
|
-
* Scrolls the element back to the top.
|
|
8
|
-
*/
|
|
9
|
-
SkyBackToTopMessageType[SkyBackToTopMessageType["BackToTop"] = 0] = "BackToTop";
|
|
10
|
-
})(SkyBackToTopMessageType || (SkyBackToTopMessageType = {}));
|
|
11
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFjay10by10b3AtbWVzc2FnZS10eXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xheW91dC9zcmMvbGliL21vZHVsZXMvYmFjay10by10b3AvbW9kZWxzL2JhY2stdG8tdG9wLW1lc3NhZ2UtdHlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBTixJQUFZLHVCQUtYO0FBTEQsV0FBWSx1QkFBdUI7SUFDakM7O09BRUc7SUFDSCwrRUFBYSxDQUFBO0FBQ2YsQ0FBQyxFQUxXLHVCQUF1QixLQUF2Qix1QkFBdUIsUUFLbEMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIFRoZSB0eXBlIG9mIG1lc3NhZ2UgdG8gc2VuZCB0byB0aGUgYmFjayB0byB0b3AgY29tcG9uZW50LlxuICovXG5leHBvcnQgZW51bSBTa3lCYWNrVG9Ub3BNZXNzYWdlVHlwZSB7XG4gIC8qKlxuICAgKiBTY3JvbGxzIHRoZSBlbGVtZW50IGJhY2sgdG8gdGhlIHRvcC5cbiAgICovXG4gIEJhY2tUb1RvcCA9IDAsXG59XG4iXX0=
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFjay10by10b3AtbWVzc2FnZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9sYXlvdXQvc3JjL2xpYi9tb2R1bGVzL2JhY2stdG8tdG9wL21vZGVscy9iYWNrLXRvLXRvcC1tZXNzYWdlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTa3lCYWNrVG9Ub3BNZXNzYWdlVHlwZSB9IGZyb20gJy4vYmFjay10by10b3AtbWVzc2FnZS10eXBlJztcblxuLyoqXG4gKiBTcGVjaWZpZXMgbWVzc2FnZXMgdG8gc2VuZCB0byB0aGUgYmFjayB0byB0b3AgY29tcG9uZW50LlxuICovXG5leHBvcnQgaW50ZXJmYWNlIFNreUJhY2tUb1RvcE1lc3NhZ2Uge1xuICAvKipcbiAgICogVGhlIHR5cGUgb2YgbWVzc2FnZSB0byBzZW5kLlxuICAgKi9cbiAgdHlwZT86IFNreUJhY2tUb1RvcE1lc3NhZ2VUeXBlO1xufVxuIl19
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFjay10by10b3Atb3B0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9sYXlvdXQvc3JjL2xpYi9tb2R1bGVzL2JhY2stdG8tdG9wL21vZGVscy9iYWNrLXRvLXRvcC1vcHRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIFNwZWNpZmllcyBvcHRpb25zIGZvciB0aGUgYmFjayB0byB0b3AgY29tcG9uZW50LlxuICovXG5leHBvcnQgaW50ZXJmYWNlIFNreUJhY2tUb1RvcE9wdGlvbnMge1xuICAvKipcbiAgICogV2hldGhlciB0byBoaWRlIHRoZSBiYWNrIHRvIHRvcCBidXR0b24uXG4gICAqIEBkZWZhdWx0IGZhbHNlXG4gICAqL1xuICBidXR0b25IaWRkZW4/OiBib29sZWFuO1xufVxuIl19
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
/**
|
|
4
|
-
* Specifies the body content to display inside the box and provides padding around that content.
|
|
5
|
-
*/
|
|
6
|
-
export class SkyBoxContentComponent {
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyBoxContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SkyBoxContentComponent, selector: "sky-box-content", ngImport: i0, template: "<div class=\"sky-box-content\">\n <ng-content />\n</div>\n" }); }
|
|
9
|
-
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyBoxContentComponent, decorators: [{
|
|
11
|
-
type: Component,
|
|
12
|
-
args: [{ selector: 'sky-box-content', template: "<div class=\"sky-box-content\">\n <ng-content />\n</div>\n" }]
|
|
13
|
-
}] });
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94LWNvbnRlbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xheW91dC9zcmMvbGliL21vZHVsZXMvYm94L2JveC1jb250ZW50LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9sYXlvdXQvc3JjL2xpYi9tb2R1bGVzL2JveC9ib3gtY29udGVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUUxQzs7R0FFRztBQUtILE1BQU0sT0FBTyxzQkFBc0I7K0dBQXRCLHNCQUFzQjttR0FBdEIsc0JBQXNCLHVEQ1RuQyw2REFHQTs7NEZETWEsc0JBQXNCO2tCQUpsQyxTQUFTOytCQUNFLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIFNwZWNpZmllcyB0aGUgYm9keSBjb250ZW50IHRvIGRpc3BsYXkgaW5zaWRlIHRoZSBib3ggYW5kIHByb3ZpZGVzIHBhZGRpbmcgYXJvdW5kIHRoYXQgY29udGVudC5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LWJveC1jb250ZW50JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JveC1jb250ZW50LmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgU2t5Qm94Q29udGVudENvbXBvbmVudCB7fVxuIiwiPGRpdiBjbGFzcz1cInNreS1ib3gtY29udGVudFwiPlxuICA8bmctY29udGVudCAvPlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { Component, inject } from '@angular/core';
|
|
2
|
-
import { SkyContentInfoProvider } from '@skyux/core';
|
|
3
|
-
import { SKY_BOX_HEADER_ID } from './box-header-id-token';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
/**
|
|
6
|
-
* Specifies the controls to display in upper right corner of the box. These buttons typically let users edit the box content.
|
|
7
|
-
*/
|
|
8
|
-
export class SkyBoxControlsComponent {
|
|
9
|
-
boxHasHeader(value) {
|
|
10
|
-
if (value) {
|
|
11
|
-
this.#contentInfoProvider.patchInfo({
|
|
12
|
-
descriptor: { type: 'elementId', value: this.#boxHeaderId },
|
|
13
|
-
});
|
|
14
|
-
}
|
|
15
|
-
else {
|
|
16
|
-
this.#contentInfoProvider.patchInfo({ descriptor: undefined });
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
#contentInfoProvider = inject(SkyContentInfoProvider);
|
|
20
|
-
#boxHeaderId = inject(SKY_BOX_HEADER_ID);
|
|
21
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyBoxControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SkyBoxControlsComponent, selector: "sky-box-controls", providers: [SkyContentInfoProvider], ngImport: i0, template: "<div class=\"sky-box-controls\">\n <ng-content />\n</div>\n" }); }
|
|
23
|
-
}
|
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyBoxControlsComponent, decorators: [{
|
|
25
|
-
type: Component,
|
|
26
|
-
args: [{ selector: 'sky-box-controls', providers: [SkyContentInfoProvider], template: "<div class=\"sky-box-controls\">\n <ng-content />\n</div>\n" }]
|
|
27
|
-
}] });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94LWNvbnRyb2xzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9sYXlvdXQvc3JjL2xpYi9tb2R1bGVzL2JveC9ib3gtY29udHJvbHMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xheW91dC9zcmMvbGliL21vZHVsZXMvYm94L2JveC1jb250cm9scy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFFckQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7O0FBRTFEOztHQUVHO0FBTUgsTUFBTSxPQUFPLHVCQUF1QjtJQUMzQixZQUFZLENBQUMsS0FBYztRQUNoQyxJQUFJLEtBQUssRUFBRSxDQUFDO1lBQ1YsSUFBSSxDQUFDLG9CQUFvQixDQUFDLFNBQVMsQ0FBQztnQkFDbEMsVUFBVSxFQUFFLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLFlBQVksRUFBRTthQUM1RCxDQUFDLENBQUM7UUFDTCxDQUFDO2FBQU0sQ0FBQztZQUNOLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxTQUFTLENBQUMsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLENBQUMsQ0FBQztRQUNqRSxDQUFDO0lBQ0gsQ0FBQztJQUVRLG9CQUFvQixHQUFHLE1BQU0sQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO0lBQ3RELFlBQVksR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQzsrR0FadkMsdUJBQXVCO21HQUF2Qix1QkFBdUIsMkNBRnZCLENBQUMsc0JBQXNCLENBQUMsMEJDWHJDLDhEQUdBOzs0RkRVYSx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0Usa0JBQWtCLGFBRWpCLENBQUMsc0JBQXNCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2t5Q29udGVudEluZm9Qcm92aWRlciB9IGZyb20gJ0Bza3l1eC9jb3JlJztcblxuaW1wb3J0IHsgU0tZX0JPWF9IRUFERVJfSUQgfSBmcm9tICcuL2JveC1oZWFkZXItaWQtdG9rZW4nO1xuXG4vKipcbiAqIFNwZWNpZmllcyB0aGUgY29udHJvbHMgdG8gZGlzcGxheSBpbiB1cHBlciByaWdodCBjb3JuZXIgb2YgdGhlIGJveC4gVGhlc2UgYnV0dG9ucyB0eXBpY2FsbHkgbGV0IHVzZXJzIGVkaXQgdGhlIGJveCBjb250ZW50LlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktYm94LWNvbnRyb2xzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JveC1jb250cm9scy5jb21wb25lbnQuaHRtbCcsXG4gIHByb3ZpZGVyczogW1NreUNvbnRlbnRJbmZvUHJvdmlkZXJdLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lCb3hDb250cm9sc0NvbXBvbmVudCB7XG4gIHB1YmxpYyBib3hIYXNIZWFkZXIodmFsdWU6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICBpZiAodmFsdWUpIHtcbiAgICAgIHRoaXMuI2NvbnRlbnRJbmZvUHJvdmlkZXIucGF0Y2hJbmZvKHtcbiAgICAgICAgZGVzY3JpcHRvcjogeyB0eXBlOiAnZWxlbWVudElkJywgdmFsdWU6IHRoaXMuI2JveEhlYWRlcklkIH0sXG4gICAgICB9KTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy4jY29udGVudEluZm9Qcm92aWRlci5wYXRjaEluZm8oeyBkZXNjcmlwdG9yOiB1bmRlZmluZWQgfSk7XG4gICAgfVxuICB9XG5cbiAgcmVhZG9ubHkgI2NvbnRlbnRJbmZvUHJvdmlkZXIgPSBpbmplY3QoU2t5Q29udGVudEluZm9Qcm92aWRlcik7XG4gIHJlYWRvbmx5ICNib3hIZWFkZXJJZCA9IGluamVjdChTS1lfQk9YX0hFQURFUl9JRCk7XG59XG4iLCI8ZGl2IGNsYXNzPVwic2t5LWJveC1jb250cm9sc1wiPlxuICA8bmctY29udGVudCAvPlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import { InjectionToken } from '@angular/core';
|
|
2
|
-
export const SKY_BOX_HEADER_ID = new InjectionToken('SKY_BOX_HEADER_ID');
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94LWhlYWRlci1pZC10b2tlbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9sYXlvdXQvc3JjL2xpYi9tb2R1bGVzL2JveC9ib3gtaGVhZGVyLWlkLXRva2VuLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFL0MsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQUcsSUFBSSxjQUFjLENBQ2pELG1CQUFtQixDQUNwQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0aW9uVG9rZW4gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IGNvbnN0IFNLWV9CT1hfSEVBREVSX0lEID0gbmV3IEluamVjdGlvblRva2VuPHN0cmluZz4oXG4gICdTS1lfQk9YX0hFQURFUl9JRCcsXG4pO1xuIl19
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { Component, ViewEncapsulation, inject } from '@angular/core';
|
|
2
|
-
import { SkyLogService } from '@skyux/core';
|
|
3
|
-
import { SKY_BOX_HEADER_ID } from './box-header-id-token';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@skyux/core";
|
|
6
|
-
/**
|
|
7
|
-
* Specifies a header for the box.
|
|
8
|
-
* @deprecated Use `headingText` input on the `sky-box` component instead.
|
|
9
|
-
*/
|
|
10
|
-
export class SkyBoxHeaderComponent {
|
|
11
|
-
constructor() {
|
|
12
|
-
this.boxHeaderId = inject(SKY_BOX_HEADER_ID);
|
|
13
|
-
inject(SkyLogService).deprecated('SkyBoxHeaderComponent', {
|
|
14
|
-
deprecationMajorVersion: 10,
|
|
15
|
-
replacementRecommendation: 'To add a header to box, use the `headerText` input on the box component instead.',
|
|
16
|
-
});
|
|
17
|
-
}
|
|
18
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyBoxHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SkyBoxHeaderComponent, selector: "sky-box-header", ngImport: i0, template: "<div class=\"sky-box-header\">\n <span skyTrim [id]=\"boxHeaderId\"><ng-content /></span\n ><span class=\"sky-control-help-container\"\n ><ng-content select=\".sky-control-help\"></ng-content\n ></span>\n</div>\n", styles: ["sky-box:not(.sky-theme-modern *){--sky-override-box-header-padding-right: var(--sky-margin-inline-xl)}.sky-theme-modern:not(.sky-theme-brand-blackbaud) sky-box{--sky-override-box-header-padding-right: var(--sky-margin-inline-xl)}sky-box-header{flex:1 0}sky-box-header .sky-box-header{padding-right:var(--sky-override-box-header-padding-right, var(--sky-space-gap-text_action-l))}sky-box-header .sky-box-header h1,sky-box-header .sky-box-header h2,sky-box-header .sky-box-header h3,sky-box-header .sky-box-header h4,sky-box-header .sky-box-header h5,sky-box-header .sky-box-header h6{display:inline;margin:0}\n"], dependencies: [{ kind: "directive", type: i1.λ4, selector: "[skyTrim]" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
20
|
-
}
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyBoxHeaderComponent, decorators: [{
|
|
22
|
-
type: Component,
|
|
23
|
-
args: [{ selector: 'sky-box-header', encapsulation: ViewEncapsulation.None, template: "<div class=\"sky-box-header\">\n <span skyTrim [id]=\"boxHeaderId\"><ng-content /></span\n ><span class=\"sky-control-help-container\"\n ><ng-content select=\".sky-control-help\"></ng-content\n ></span>\n</div>\n", styles: ["sky-box:not(.sky-theme-modern *){--sky-override-box-header-padding-right: var(--sky-margin-inline-xl)}.sky-theme-modern:not(.sky-theme-brand-blackbaud) sky-box{--sky-override-box-header-padding-right: var(--sky-margin-inline-xl)}sky-box-header{flex:1 0}sky-box-header .sky-box-header{padding-right:var(--sky-override-box-header-padding-right, var(--sky-space-gap-text_action-l))}sky-box-header .sky-box-header h1,sky-box-header .sky-box-header h2,sky-box-header .sky-box-header h3,sky-box-header .sky-box-header h4,sky-box-header .sky-box-header h5,sky-box-header .sky-box-header h6{display:inline;margin:0}\n"] }]
|
|
24
|
-
}], ctorParameters: () => [] });
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94LWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9saWIvbW9kdWxlcy9ib3gvYm94LWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9saWIvbW9kdWxlcy9ib3gvYm94LWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNyRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRTVDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7QUFFMUQ7OztHQUdHO0FBT0gsTUFBTSxPQUFPLHFCQUFxQjtJQUdoQztRQUZtQixnQkFBVyxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBR3pELE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQyxVQUFVLENBQUMsdUJBQXVCLEVBQUU7WUFDeEQsdUJBQXVCLEVBQUUsRUFBRTtZQUMzQix5QkFBeUIsRUFDdkIsa0ZBQWtGO1NBQ3JGLENBQUMsQ0FBQztJQUNMLENBQUM7K0dBVFUscUJBQXFCO21HQUFyQixxQkFBcUIsc0RDZmxDLDROQU1BOzs0RkRTYSxxQkFBcUI7a0JBTmpDLFNBQVM7K0JBQ0UsZ0JBQWdCLGlCQUdYLGlCQUFpQixDQUFDLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9uLCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNreUxvZ1NlcnZpY2UgfSBmcm9tICdAc2t5dXgvY29yZSc7XG5cbmltcG9ydCB7IFNLWV9CT1hfSEVBREVSX0lEIH0gZnJvbSAnLi9ib3gtaGVhZGVyLWlkLXRva2VuJztcblxuLyoqXG4gKiBTcGVjaWZpZXMgYSBoZWFkZXIgZm9yIHRoZSBib3guXG4gKiBAZGVwcmVjYXRlZCBVc2UgYGhlYWRpbmdUZXh0YCBpbnB1dCBvbiB0aGUgYHNreS1ib3hgIGNvbXBvbmVudCBpbnN0ZWFkLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktYm94LWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9ib3gtaGVhZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYm94LWhlYWRlci5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lCb3hIZWFkZXJDb21wb25lbnQge1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgYm94SGVhZGVySWQgPSBpbmplY3QoU0tZX0JPWF9IRUFERVJfSUQpO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIGluamVjdChTa3lMb2dTZXJ2aWNlKS5kZXByZWNhdGVkKCdTa3lCb3hIZWFkZXJDb21wb25lbnQnLCB7XG4gICAgICBkZXByZWNhdGlvbk1ham9yVmVyc2lvbjogMTAsXG4gICAgICByZXBsYWNlbWVudFJlY29tbWVuZGF0aW9uOlxuICAgICAgICAnVG8gYWRkIGEgaGVhZGVyIHRvIGJveCwgdXNlIHRoZSBgaGVhZGVyVGV4dGAgaW5wdXQgb24gdGhlIGJveCBjb21wb25lbnQgaW5zdGVhZC4nLFxuICAgIH0pO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2t5LWJveC1oZWFkZXJcIj5cbiAgPHNwYW4gc2t5VHJpbSBbaWRdPVwiYm94SGVhZGVySWRcIj48bmctY29udGVudCAvPjwvc3BhblxuICA+PHNwYW4gY2xhc3M9XCJza3ktY29udHJvbC1oZWxwLWNvbnRhaW5lclwiXG4gICAgPjxuZy1jb250ZW50IHNlbGVjdD1cIi5za3ktY29udHJvbC1oZWxwXCI+PC9uZy1jb250ZW50XG4gID48L3NwYW4+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94LWhlYWRpbmctbGV2ZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9saWIvbW9kdWxlcy9ib3gvYm94LWhlYWRpbmctbGV2ZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB0eXBlIFNreUJveEhlYWRpbmdMZXZlbCA9IDIgfCAzIHwgNCB8IDU7XG4iXX0=
|