@skyux/layout 6.0.0-beta.1 → 6.0.0-beta.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/documentation.json +14 -14
- package/esm2020/lib/modules/action-button/action-button-adapter-service.mjs +3 -3
- package/esm2020/lib/modules/action-button/action-button-container.component.mjs +3 -3
- package/esm2020/lib/modules/action-button/action-button-details.component.mjs +3 -3
- package/esm2020/lib/modules/action-button/action-button-header.component.mjs +3 -3
- package/esm2020/lib/modules/action-button/action-button-icon.component.mjs +3 -3
- package/esm2020/lib/modules/action-button/action-button.component.mjs +3 -3
- package/esm2020/lib/modules/action-button/action-button.module.mjs +4 -4
- package/esm2020/lib/modules/back-to-top/back-to-top-adapter.service.mjs +3 -3
- package/esm2020/lib/modules/back-to-top/back-to-top.component.mjs +3 -3
- package/esm2020/lib/modules/back-to-top/back-to-top.directive.mjs +3 -3
- package/esm2020/lib/modules/back-to-top/back-to-top.module.mjs +4 -4
- package/esm2020/lib/modules/box/box-content.component.mjs +3 -3
- package/esm2020/lib/modules/box/box-controls.component.mjs +3 -3
- package/esm2020/lib/modules/box/box-header.component.mjs +3 -3
- package/esm2020/lib/modules/box/box.component.mjs +3 -3
- package/esm2020/lib/modules/box/box.module.mjs +4 -4
- package/esm2020/lib/modules/card/card-actions.component.mjs +3 -3
- package/esm2020/lib/modules/card/card-content.component.mjs +3 -3
- package/esm2020/lib/modules/card/card-title.component.mjs +3 -3
- package/esm2020/lib/modules/card/card.component.mjs +3 -3
- package/esm2020/lib/modules/card/card.module.mjs +4 -4
- package/esm2020/lib/modules/definition-list/definition-list-content.component.mjs +3 -3
- package/esm2020/lib/modules/definition-list/definition-list-heading.component.mjs +3 -3
- package/esm2020/lib/modules/definition-list/definition-list-label.component.mjs +3 -3
- package/esm2020/lib/modules/definition-list/definition-list-value.component.mjs +3 -3
- package/esm2020/lib/modules/definition-list/definition-list.component.mjs +3 -3
- package/esm2020/lib/modules/definition-list/definition-list.module.mjs +4 -4
- package/esm2020/lib/modules/definition-list/definition-list.service.mjs +3 -3
- package/esm2020/lib/modules/description-list/description-list-adapter-service.mjs +3 -3
- package/esm2020/lib/modules/description-list/description-list-content.component.mjs +3 -3
- package/esm2020/lib/modules/description-list/description-list-description.component.mjs +3 -3
- package/esm2020/lib/modules/description-list/description-list-term.component.mjs +3 -3
- package/esm2020/lib/modules/description-list/description-list.component.mjs +3 -3
- package/esm2020/lib/modules/description-list/description-list.module.mjs +4 -4
- package/esm2020/lib/modules/description-list/description-list.service.mjs +3 -3
- package/esm2020/lib/modules/fluid-grid/column.component.mjs +3 -3
- package/esm2020/lib/modules/fluid-grid/fluid-grid.component.mjs +3 -3
- package/esm2020/lib/modules/fluid-grid/fluid-grid.module.mjs +4 -4
- package/esm2020/lib/modules/fluid-grid/row.component.mjs +3 -3
- package/esm2020/lib/modules/format/format.component.mjs +3 -3
- package/esm2020/lib/modules/format/format.module.mjs +4 -4
- package/esm2020/lib/modules/inline-delete/inline-delete-adapter.service.mjs +3 -3
- package/esm2020/lib/modules/inline-delete/inline-delete.component.mjs +3 -3
- package/esm2020/lib/modules/inline-delete/inline-delete.module.mjs +4 -4
- package/esm2020/lib/modules/page/page-theme-adapter.service.mjs +3 -3
- package/esm2020/lib/modules/page/page.component.mjs +3 -3
- package/esm2020/lib/modules/page/page.module.mjs +4 -4
- package/esm2020/lib/modules/page-summary/page-summary-adapter.service.mjs +3 -3
- package/esm2020/lib/modules/page-summary/page-summary-alert.component.mjs +3 -3
- package/esm2020/lib/modules/page-summary/page-summary-content.component.mjs +3 -3
- package/esm2020/lib/modules/page-summary/page-summary-image.component.mjs +3 -3
- package/esm2020/lib/modules/page-summary/page-summary-key-info.component.mjs +3 -3
- package/esm2020/lib/modules/page-summary/page-summary-status.component.mjs +3 -3
- package/esm2020/lib/modules/page-summary/page-summary-subtitle.component.mjs +3 -3
- package/esm2020/lib/modules/page-summary/page-summary-title.component.mjs +3 -3
- package/esm2020/lib/modules/page-summary/page-summary.component.mjs +3 -3
- package/esm2020/lib/modules/page-summary/page-summary.module.mjs +4 -4
- package/esm2020/lib/modules/shared/sky-layout-resources.module.mjs +4 -4
- package/esm2020/lib/modules/text-expand/text-expand-adapter.service.mjs +3 -3
- package/esm2020/lib/modules/text-expand/text-expand-modal.component.mjs +3 -3
- package/esm2020/lib/modules/text-expand/text-expand.component.mjs +3 -3
- package/esm2020/lib/modules/text-expand/text-expand.module.mjs +4 -4
- package/esm2020/lib/modules/text-expand-repeater/text-expand-repeater-adapter.service.mjs +3 -3
- package/esm2020/lib/modules/text-expand-repeater/text-expand-repeater.component.mjs +3 -3
- package/esm2020/lib/modules/text-expand-repeater/text-expand-repeater.module.mjs +4 -4
- package/esm2020/lib/modules/toolbar/toolbar-item.component.mjs +3 -3
- package/esm2020/lib/modules/toolbar/toolbar-section.component.mjs +3 -3
- package/esm2020/lib/modules/toolbar/toolbar-view-actions.component.mjs +3 -3
- package/esm2020/lib/modules/toolbar/toolbar.component.mjs +3 -3
- package/esm2020/lib/modules/toolbar/toolbar.module.mjs +4 -4
- package/fesm2015/skyux-layout.mjs +225 -225
- package/fesm2020/skyux-layout.mjs +225 -225
- package/package.json +30 -27
package/documentation.json
CHANGED
|
@@ -8353,7 +8353,7 @@
|
|
|
8353
8353
|
{
|
|
8354
8354
|
"fileName": "action-button-demo.component.ts",
|
|
8355
8355
|
"filePath": "/projects/layout/documentation/code-examples/action-button/permalink/action-button-demo.component.ts",
|
|
8356
|
-
"rawContents": "import { Component } from '@angular/core';\nimport { SkyActionButtonPermalink } from '@skyux/layout';\n\n@Component({\n selector: 'app-action-button-demo',\n templateUrl: './action-button-demo.component.html',\n})\nexport class ActionButtonDemoComponent {\n public routerlink: SkyActionButtonPermalink = {\n route: {\n commands: [],\n extras: {\n queryParams: {\n component: 'MyComponent',\n },\n },\n },\n };\n\n public url: SkyActionButtonPermalink = {\n url: 'https://
|
|
8356
|
+
"rawContents": "import { Component } from '@angular/core';\nimport { SkyActionButtonPermalink } from '@skyux/layout';\n\n@Component({\n selector: 'app-action-button-demo',\n templateUrl: './action-button-demo.component.html',\n})\nexport class ActionButtonDemoComponent {\n public routerlink: SkyActionButtonPermalink = {\n route: {\n commands: [],\n extras: {\n queryParams: {\n component: 'MyComponent',\n },\n },\n },\n };\n\n public url: SkyActionButtonPermalink = {\n url: 'https://www.stackblitz.com',\n };\n}\n"
|
|
8357
8357
|
},
|
|
8358
8358
|
{
|
|
8359
8359
|
"fileName": "action-button-demo.module.ts",
|
|
@@ -8423,12 +8423,12 @@
|
|
|
8423
8423
|
{
|
|
8424
8424
|
"fileName": "card-demo.component.html",
|
|
8425
8425
|
"filePath": "/projects/layout/documentation/code-examples/card/basic/card-demo.component.html",
|
|
8426
|
-
"rawContents": "<sky-card [selectable]=\"showCheckbox\">\n <sky-card-title *ngIf=\"showTitle\"> Large card </sky-card-title>\n <sky-card-content *ngIf=\"showContent\">\n This card demonstrates the amount of space that is available for a card that\n uses the default large size. If the content does not require this much\n space, you can set the card size to small. The type of content to display in\n the body of a card varies based on what the card represents and whether it\n prompts users to action.\n </sky-card-content>\n <sky-card-actions *ngIf=\"showAction\">\n <button
|
|
8426
|
+
"rawContents": "<sky-card [selectable]=\"showCheckbox\">\n <sky-card-title *ngIf=\"showTitle\"> Large card </sky-card-title>\n <sky-card-content *ngIf=\"showContent\">\n This card demonstrates the amount of space that is available for a card that\n uses the default large size. If the content does not require this much\n space, you can set the card size to small. The type of content to display in\n the body of a card varies based on what the card represents and whether it\n prompts users to action.\n </sky-card-content>\n <sky-card-actions *ngIf=\"showAction\">\n <button\n class=\"sky-btn sky-btn-default\"\n type=\"button\"\n (click)=\"triggerAlert()\"\n >\n Action\n </button>\n </sky-card-actions>\n</sky-card>\n<sky-card size=\"small\" [selectable]=\"showCheckbox\">\n <sky-card-title *ngIf=\"showTitle\"> Small card </sky-card-title>\n <sky-card-content *ngIf=\"showContent\">\n This card demonstrates the reduced amount of space that is available when\n you set the card size to small.\n </sky-card-content>\n <sky-card-actions *ngIf=\"showAction\">\n <sky-dropdown buttonType=\"context-menu\">\n <sky-dropdown-menu>\n <sky-dropdown-item>\n <button type=\"button\" (click)=\"triggerAlert()\">Action</button>\n </sky-dropdown-item>\n </sky-dropdown-menu>\n </sky-dropdown>\n </sky-card-actions>\n</sky-card>\n\n<ul class=\"sky-list-unstyled\">\n <li>\n <sky-checkbox [(ngModel)]=\"showTitle\">\n <sky-checkbox-label>Show title</sky-checkbox-label>\n </sky-checkbox>\n </li>\n <li>\n <sky-checkbox [(ngModel)]=\"showContent\">\n <sky-checkbox-label>Show content</sky-checkbox-label>\n </sky-checkbox>\n </li>\n <li>\n <sky-checkbox [(ngModel)]=\"showAction\">\n <sky-checkbox-label>Show action</sky-checkbox-label>\n </sky-checkbox>\n </li>\n <li>\n <sky-checkbox [(ngModel)]=\"showCheckbox\">\n <sky-checkbox-label>Show checkbox</sky-checkbox-label>\n </sky-checkbox>\n </li>\n</ul>\n"
|
|
8427
8427
|
},
|
|
8428
8428
|
{
|
|
8429
8429
|
"fileName": "card-demo.component.ts",
|
|
8430
8430
|
"filePath": "/projects/layout/documentation/code-examples/card/basic/card-demo.component.ts",
|
|
8431
|
-
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-card-demo',\n templateUrl: './card-demo.component.html',\n})\nexport class CardDemoComponent {\n public showAction = true;\n\n public showCheckbox = true;\n\n public showContent = true;\n\n public showTitle = true;\n}\n"
|
|
8431
|
+
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-card-demo',\n templateUrl: './card-demo.component.html',\n})\nexport class CardDemoComponent {\n public showAction = true;\n\n public showCheckbox = true;\n\n public showContent = true;\n\n public showTitle = true;\n\n public triggerAlert(): void {\n alert('Action clicked!');\n }\n}\n"
|
|
8432
8432
|
},
|
|
8433
8433
|
{
|
|
8434
8434
|
"fileName": "card-demo.module.ts",
|
|
@@ -8498,7 +8498,7 @@
|
|
|
8498
8498
|
{
|
|
8499
8499
|
"fileName": "fluid-grid-demo.component.html",
|
|
8500
8500
|
"filePath": "/projects/layout/documentation/code-examples/fluid-grid/fluid-grid-demo.component.html",
|
|
8501
|
-
"rawContents": "<div class=\"highlight-columns\">\n <sky-fluid-grid>\n <sky-row>\n <sky-column screenSmall=\"1\">
|
|
8501
|
+
"rawContents": "<div class=\"highlight-columns\">\n <sky-fluid-grid>\n <sky-row>\n <sky-column [screenSmall]=\"1\"> [screenSmall]=\"1\" </sky-column>\n <sky-column [screenSmall]=\"1\"> [screenSmall]=\"1\" </sky-column>\n <sky-column [screenSmall]=\"1\"> [screenSmall]=\"1\" </sky-column>\n <sky-column [screenSmall]=\"1\"> [screenSmall]=\"1\" </sky-column>\n <sky-column [screenSmall]=\"1\"> [screenSmall]=\"1\" </sky-column>\n <sky-column [screenSmall]=\"1\"> [screenSmall]=\"1\" </sky-column>\n <sky-column [screenSmall]=\"1\"> [screenSmall]=\"1\" </sky-column>\n <sky-column [screenSmall]=\"1\"> [screenSmall]=\"1\" </sky-column>\n <sky-column [screenSmall]=\"1\"> [screenSmall]=\"1\" </sky-column>\n <sky-column [screenSmall]=\"1\"> [screenSmall]=\"1\" </sky-column>\n <sky-column [screenSmall]=\"1\"> [screenSmall]=\"1\" </sky-column>\n <sky-column [screenSmall]=\"1\"> [screenSmall]=\"1\" </sky-column>\n </sky-row>\n\n <sky-row>\n <sky-column [screenSmall]=\"2\"> [screenSmall]=\"2\" </sky-column>\n <sky-column [screenSmall]=\"2\"> [screenSmall]=\"2\" </sky-column>\n <sky-column [screenSmall]=\"2\"> [screenSmall]=\"2\" </sky-column>\n <sky-column [screenSmall]=\"2\"> [screenSmall]=\"2\" </sky-column>\n <sky-column [screenSmall]=\"2\"> [screenSmall]=\"2\" </sky-column>\n <sky-column [screenSmall]=\"2\"> [screenSmall]=\"2\" </sky-column>\n </sky-row>\n\n <sky-row>\n <sky-column [screenSmall]=\"3\"> [screenSmall]=\"3\" </sky-column>\n <sky-column [screenSmall]=\"3\"> [screenSmall]=\"3\" </sky-column>\n <sky-column [screenSmall]=\"3\"> [screenSmall]=\"3\" </sky-column>\n <sky-column [screenSmall]=\"3\"> [screenSmall]=\"3\" </sky-column>\n </sky-row>\n\n <sky-row>\n <sky-column [screenSmall]=\"4\"> [screenSmall]=\"4\" </sky-column>\n <sky-column [screenSmall]=\"4\"> [screenSmall]=\"4\" </sky-column>\n <sky-column [screenSmall]=\"4\"> [screenSmall]=\"4\" </sky-column>\n </sky-row>\n\n <sky-row>\n <sky-column [screenSmall]=\"5\"> [screenSmall]=\"5\" </sky-column>\n <sky-column [screenSmall]=\"7\"> [screenSmall]=\"7\" </sky-column>\n </sky-row>\n\n <sky-row>\n <sky-column [screenSmall]=\"6\"> [screenSmall]=\"6\" </sky-column>\n <sky-column [screenSmall]=\"6\"> [screenSmall]=\"6\" </sky-column>\n </sky-row>\n\n <sky-row>\n <sky-column [screenSmall]=\"8\"> [screenSmall]=\"8\" </sky-column>\n <sky-column [screenSmall]=\"4\"> [screenSmall]=\"4\" </sky-column>\n </sky-row>\n\n <sky-row>\n <sky-column [screenSmall]=\"9\"> [screenSmall]=\"9\" </sky-column>\n <sky-column [screenSmall]=\"3\"> [screenSmall]=\"3\" </sky-column>\n </sky-row>\n\n <sky-row>\n <sky-column [screenSmall]=\"10\"> [screenSmall]=\"10\" </sky-column>\n <sky-column [screenSmall]=\"2\"> [screenSmall]=\"2\" </sky-column>\n </sky-row>\n\n <sky-row>\n <sky-column [screenSmall]=\"11\"> [screenSmall]=\"11\" </sky-column>\n <sky-column [screenSmall]=\"1\"> [screenSmall]=\"1\" </sky-column>\n </sky-row>\n\n <sky-row>\n <sky-column\n [screenXSmall]=\"6\"\n [screenSmall]=\"8\"\n [screenMedium]=\"9\"\n [screenLarge]=\"10\"\n >\n [screenXSmall]=\"6\" [screenSmall]=\"8\" [screenMedium]=\"9\"\n [screenLarge]=\"10\"\n </sky-column>\n <sky-column\n [screenXSmall]=\"6\"\n [screenSmall]=\"4\"\n [screenMedium]=\"3\"\n [screenLarge]=\"2\"\n >\n [screenXSmall]=\"6\" [screenSmall]=\"4\" [screenMedium]=\"3\"\n [screenLarge]=\"2\"\n </sky-column>\n </sky-row>\n\n <sky-row [reverseColumnOrder]=\"true\">\n <sky-column [screenSmall]=\"4\"> First column </sky-column>\n <sky-column [screenSmall]=\"4\"> Second column </sky-column>\n <sky-column [screenSmall]=\"4\"> Third column </sky-column>\n </sky-row>\n </sky-fluid-grid>\n</div>\n"
|
|
8502
8502
|
},
|
|
8503
8503
|
{
|
|
8504
8504
|
"fileName": "fluid-grid-demo.component.ts",
|
|
@@ -8538,7 +8538,7 @@
|
|
|
8538
8538
|
{
|
|
8539
8539
|
"fileName": "inline-delete-card-demo.component.ts",
|
|
8540
8540
|
"filePath": "/projects/layout/documentation/code-examples/inline-delete/card/inline-delete-card-demo.component.ts",
|
|
8541
|
-
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-inline-delete-card-demo',\n templateUrl: './inline-delete-card-demo.component.html',\n})\nexport class InlineDeleteCardDemoComponent {\n public deleting = false;\n\n public pending = false;\n\n public deleteItem(): void {\n this.deleting = true;\n }\n\n public onCancelTriggered(): void {\n this.deleting = false;\n }\n\n public onDeleteTriggered(): void {\n setTimeout(() => {\n this.pending = false;\n this.deleting = false;\n }, 3000);\n\n this.pending = true;\n }\n}\n"
|
|
8541
|
+
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-inline-delete-card-demo',\n templateUrl: './inline-delete-card-demo.component.html',\n})\nexport class InlineDeleteCardDemoComponent {\n public deleting = false;\n\n public pending = false;\n\n public deleteItem(): void {\n this.deleting = true;\n }\n\n public onCancelTriggered(): void {\n this.deleting = false;\n }\n\n public onDeleteTriggered(): void {\n setTimeout(() => {\n this.pending = false;\n this.deleting = false;\n alert(\n 'Card element deletion was triggered. In a real scenario the item would be removed. Item was not removed just for demo purposes.'\n );\n }, 3000);\n\n this.pending = true;\n }\n}\n"
|
|
8542
8542
|
},
|
|
8543
8543
|
{
|
|
8544
8544
|
"fileName": "inline-delete-card-demo.module.ts",
|
|
@@ -8548,12 +8548,12 @@
|
|
|
8548
8548
|
{
|
|
8549
8549
|
"fileName": "inilne-delete-demo.component.ts",
|
|
8550
8550
|
"filePath": "/projects/layout/documentation/code-examples/inline-delete/custom/inilne-delete-demo.component.ts",
|
|
8551
|
-
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-inline-delete-demo',\n templateUrl: './inline-delete-demo.component.html',\n styleUrls: ['./inline-delete-demo.component.scss'],\n})\nexport class InlineDeleteDemoComponent {\n public deleting = false;\n\n public pending = false;\n\n public deleteItem(): void {\n this.deleting = true;\n }\n\n public onCancelTriggered(): void {\n this.deleting = false;\n }\n\n public onDeleteTriggered(): void {\n setTimeout(() => {\n this.pending = false;\n }, 3000);\n\n this.pending = true;\n
|
|
8551
|
+
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-inline-delete-demo',\n templateUrl: './inline-delete-demo.component.html',\n styleUrls: ['./inline-delete-demo.component.scss'],\n})\nexport class InlineDeleteDemoComponent {\n public deleting = false;\n\n public pending = false;\n\n public deleteItem(): void {\n this.deleting = true;\n }\n\n public onCancelTriggered(): void {\n this.deleting = false;\n }\n\n public onDeleteTriggered(): void {\n setTimeout(() => {\n this.pending = false;\n this.deleting = false;\n\n alert(\n 'Custom element deletion was triggered. In a real scenario the item would be removed. Item was not removed just for demo purposes.'\n );\n }, 3000);\n\n this.pending = true;\n }\n}\n"
|
|
8552
8552
|
},
|
|
8553
8553
|
{
|
|
8554
8554
|
"fileName": "inline-delete-demo.component.html",
|
|
8555
8555
|
"filePath": "/projects/layout/documentation/code-examples/inline-delete/custom/inline-delete-demo.component.html",
|
|
8556
|
-
"rawContents": "<div id=\"inline-delete-container\">\n <div>\n <button\n class=\"sky-btn sky-btn-danger\"\n id=\"inline-delete-trigger\"\n type=\"button\"\n (click)=\"deleteItem()\"\n >\n <sky-icon icon=\"trash\"></sky-icon>\n </button>\n </div>\n <sky-inline-delete\n *ngIf=\"deleting\"\n [pending]=\"pending\"\n (cancelTriggered)=\"onCancelTriggered()\"\n (deleteTriggered)=\"onDeleteTriggered()\"\n ></sky-inline-delete>\n</div>\n"
|
|
8556
|
+
"rawContents": "<div id=\"inline-delete-container\">\n <strong>Custom content</strong>\n <div>\n <button\n class=\"sky-btn sky-btn-danger\"\n id=\"inline-delete-trigger\"\n type=\"button\"\n (click)=\"deleteItem()\"\n >\n <sky-icon icon=\"trash\"></sky-icon>\n </button>\n </div>\n <sky-inline-delete\n *ngIf=\"deleting\"\n [pending]=\"pending\"\n (cancelTriggered)=\"onCancelTriggered()\"\n (deleteTriggered)=\"onDeleteTriggered()\"\n ></sky-inline-delete>\n</div>\n"
|
|
8557
8557
|
},
|
|
8558
8558
|
{
|
|
8559
8559
|
"fileName": "inline-delete-demo.component.scss",
|
|
@@ -8618,7 +8618,7 @@
|
|
|
8618
8618
|
{
|
|
8619
8619
|
"fileName": "text-expand-demo.component.ts",
|
|
8620
8620
|
"filePath": "/projects/layout/documentation/code-examples/text-expand/inline/text-expand-demo.component.ts",
|
|
8621
|
-
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-text-expand-demo',\n templateUrl: './text-expand-demo.component.html',\n})\nexport class TextExpandDemoComponent {\n
|
|
8621
|
+
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-text-expand-demo',\n templateUrl: './text-expand-demo.component.html',\n})\nexport class TextExpandDemoComponent {\n public longText =\n 'The text expand component truncates long blocks of text with an ellipsis and a link to expand the text. Users select the link to expand the full text inline unless it exceeds limits on text characters or newline characters. If the text exceeds those limits, then it expands in a modal view instead. The component does not truncate text that is shorter than a specified threshold, and by default, it removes newline characters from truncated text.';\n}\n"
|
|
8622
8622
|
},
|
|
8623
8623
|
{
|
|
8624
8624
|
"fileName": "text-expand-demo.module.ts",
|
|
@@ -8633,7 +8633,7 @@
|
|
|
8633
8633
|
{
|
|
8634
8634
|
"fileName": "text-expand-demo.component.ts",
|
|
8635
8635
|
"filePath": "/projects/layout/documentation/code-examples/text-expand/modal/text-expand-demo.component.ts",
|
|
8636
|
-
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-text-expand-demo',\n templateUrl: './text-expand-demo.component.html',\n})\nexport class TextExpandDemoComponent {\n
|
|
8636
|
+
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-text-expand-demo',\n templateUrl: './text-expand-demo.component.html',\n})\nexport class TextExpandDemoComponent {\n public longText =\n 'The text expand component truncates long blocks of text with an ellipsis and a link to expand the text. Users select the link to expand the full text inline unless it exceeds limits on text characters or newline characters. If the text exceeds those limits, then it expands in a modal view instead. The component does not truncate text that is shorter than a specified threshold, and by default, it removes newline characters from truncated text.';\n}\n"
|
|
8637
8637
|
},
|
|
8638
8638
|
{
|
|
8639
8639
|
"fileName": "text-expand-demo.module.ts",
|
|
@@ -8648,7 +8648,7 @@
|
|
|
8648
8648
|
{
|
|
8649
8649
|
"fileName": "text-expand-demo.component.ts",
|
|
8650
8650
|
"filePath": "/projects/layout/documentation/code-examples/text-expand/newline/text-expand-demo.component.ts",
|
|
8651
|
-
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-text-expand-demo',\n templateUrl: './text-expand-demo.component.html',\n})\nexport class TextExpandDemoComponent {\n
|
|
8651
|
+
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-text-expand-demo',\n templateUrl: './text-expand-demo.component.html',\n})\nexport class TextExpandDemoComponent {\n public newlinesText =\n 'The text expand component truncates long blocks of text with an ellipsis and a link to expand the text.\\nUsers select the link to expand the full text inline unless it exceeds limits on text characters or newline characters.\\nIf the text exceeds those limits, then it expands in a modal view instead.\\nThe component does not truncate text that is shorter than a specified threshold, and by default, it removes newline characters from truncated text.';\n}\n"
|
|
8652
8652
|
},
|
|
8653
8653
|
{
|
|
8654
8654
|
"fileName": "text-expand-demo.module.ts",
|
|
@@ -8658,12 +8658,12 @@
|
|
|
8658
8658
|
{
|
|
8659
8659
|
"fileName": "toolbar-demo.component.html",
|
|
8660
8660
|
"filePath": "/projects/layout/documentation/code-examples/toolbar/basic/toolbar-demo.component.html",
|
|
8661
|
-
"rawContents": "<sky-toolbar>\n <sky-toolbar-item>\n <button
|
|
8661
|
+
"rawContents": "<sky-toolbar>\n <sky-toolbar-item>\n <button\n class=\"sky-btn sky-btn-primary\"\n type=\"button\"\n (click)=\"onButtonClicked('Button 1')\"\n >\n Button 1\n </button>\n </sky-toolbar-item>\n <sky-toolbar-item>\n <button\n class=\"sky-btn sky-btn-default\"\n type=\"button\"\n (click)=\"onButtonClicked('Button 2')\"\n >\n Button 2\n </button>\n </sky-toolbar-item>\n <sky-toolbar-view-actions>\n <button\n class=\"sky-btn sky-btn-default sky-btn-icon\"\n title=\"Sort descending\"\n type=\"button\"\n (click)=\"onButtonClicked('Expand')\"\n >\n <sky-icon icon=\"angle-double-down\"></sky-icon>\n </button>\n <button\n class=\"sky-btn sky-btn-default sky-btn-icon\"\n title=\"Sort ascending\"\n type=\"button\"\n (click)=\"onButtonClicked('Collapse')\"\n >\n <sky-icon icon=\"angle-double-up\"></sky-icon>\n </button>\n </sky-toolbar-view-actions>\n</sky-toolbar>\n"
|
|
8662
8662
|
},
|
|
8663
8663
|
{
|
|
8664
8664
|
"fileName": "toolbar-demo.component.ts",
|
|
8665
8665
|
"filePath": "/projects/layout/documentation/code-examples/toolbar/basic/toolbar-demo.component.ts",
|
|
8666
|
-
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-toolbar-demo',\n templateUrl: './toolbar-demo.component.html',\n})\nexport class ToolbarDemoComponent {}\n"
|
|
8666
|
+
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-toolbar-demo',\n templateUrl: './toolbar-demo.component.html',\n})\nexport class ToolbarDemoComponent {\n public onButtonClicked(buttonText: string): void {\n alert(buttonText + ' clicked!');\n }\n}\n"
|
|
8667
8667
|
},
|
|
8668
8668
|
{
|
|
8669
8669
|
"fileName": "toolbar-demo.module.ts",
|
|
@@ -8673,12 +8673,12 @@
|
|
|
8673
8673
|
{
|
|
8674
8674
|
"fileName": "toolbar-demo.component.html",
|
|
8675
8675
|
"filePath": "/projects/layout/documentation/code-examples/toolbar/sectioned/toolbar-demo.component.html",
|
|
8676
|
-
"rawContents": "<sky-toolbar>\n <sky-toolbar-section>\n <sky-toolbar-item>\n <button
|
|
8676
|
+
"rawContents": "<sky-toolbar>\n <sky-toolbar-section>\n <sky-toolbar-item>\n <button\n class=\"sky-btn sky-btn-primary\"\n type=\"button\"\n (click)=\"onButtonClicked('Button 1')\"\n >\n Button 1\n </button>\n </sky-toolbar-item>\n <sky-toolbar-item>\n <button\n class=\"sky-btn sky-btn-default\"\n type=\"button\"\n (click)=\"onButtonClicked('Button 2')\"\n >\n Button 2\n </button>\n </sky-toolbar-item>\n <sky-toolbar-view-actions>\n <button\n class=\"sky-btn sky-btn-default sky-btn-icon\"\n title=\"Sort descending\"\n type=\"button\"\n (click)=\"onButtonClicked('Expand')\"\n >\n <sky-icon icon=\"angle-double-down\"></sky-icon>\n </button>\n <button\n class=\"sky-btn sky-btn-default sky-btn-icon\"\n title=\"Sort ascending\"\n type=\"button\"\n (click)=\"onButtonClicked('Collapse')\"\n >\n <sky-icon icon=\"angle-double-up\"></sky-icon>\n </button>\n </sky-toolbar-view-actions>\n </sky-toolbar-section>\n <sky-toolbar-section>\n <sky-toolbar-item>\n <button\n class=\"sky-btn sky-btn-default\"\n type=\"button\"\n (click)=\"onButtonClicked('Sort')\"\n >\n <sky-icon icon=\"sort\"></sky-icon>\n </button>\n </sky-toolbar-item>\n <sky-toolbar-item>\n <button\n class=\"sky-btn sky-btn-default\"\n type=\"button\"\n (click)=\"onButtonClicked('Filter')\"\n >\n <sky-icon icon=\"filter\"></sky-icon>\n </button>\n </sky-toolbar-item>\n </sky-toolbar-section>\n</sky-toolbar>\n"
|
|
8677
8677
|
},
|
|
8678
8678
|
{
|
|
8679
8679
|
"fileName": "toolbar-demo.component.ts",
|
|
8680
8680
|
"filePath": "/projects/layout/documentation/code-examples/toolbar/sectioned/toolbar-demo.component.ts",
|
|
8681
|
-
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-toolbar-demo',\n templateUrl: './toolbar-demo.component.html',\n})\nexport class ToolbarDemoComponent {}\n"
|
|
8681
|
+
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-toolbar-demo',\n templateUrl: './toolbar-demo.component.html',\n})\nexport class ToolbarDemoComponent {\n public onButtonClicked(buttonText: string): void {\n alert(buttonText + ' clicked!');\n }\n}\n"
|
|
8682
8682
|
},
|
|
8683
8683
|
{
|
|
8684
8684
|
"fileName": "toolbar-demo.module.ts",
|
|
@@ -35,9 +35,9 @@ export class SkyActionButtonAdapterService {
|
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
|
-
SkyActionButtonAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
|
39
|
-
SkyActionButtonAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
|
38
|
+
SkyActionButtonAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionButtonAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
39
|
+
SkyActionButtonAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionButtonAdapterService });
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionButtonAdapterService, decorators: [{
|
|
41
41
|
type: Injectable
|
|
42
42
|
}], ctorParameters: function () { return [{ type: i0.RendererFactory2 }]; } });
|
|
43
43
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbi1hZGFwdGVyLXNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9saWIvbW9kdWxlcy9hY3Rpb24tYnV0dG9uL2FjdGlvbi1idXR0b24tYWRhcHRlci1zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxVQUFVLEVBRVYsZ0JBQWdCLEdBQ2pCLE1BQU0sZUFBZSxDQUFDOztBQUV2QixNQUFNLG1CQUFtQixHQUFHLGdDQUFnQyxDQUFDO0FBQzdELE1BQU0sbUJBQW1CLEdBQUcsZ0NBQWdDLENBQUM7QUFDN0QsTUFBTSxtQkFBbUIsR0FBRyxnQ0FBZ0MsQ0FBQztBQUU3RCxNQUFNLGFBQWEsR0FBRyxHQUFHLENBQUM7QUFDMUIsTUFBTSxhQUFhLEdBQUcsSUFBSSxDQUFDO0FBRTNCOztHQUVHO0FBRUgsTUFBTSxPQUFPLDZCQUE2QjtJQUd4QyxZQUFZLGVBQWlDO1FBQzNDLElBQUksQ0FBQyxRQUFRLEdBQUcsZUFBZSxDQUFDLGNBQWMsQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDLENBQUM7SUFDdkUsQ0FBQztJQUVNLGNBQWMsQ0FBQyxPQUFtQjtRQUN2QyxPQUFPLE9BQU8sQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLHFCQUFxQixFQUFFLENBQUMsS0FBSyxDQUFDO0lBQ3hFLENBQUM7SUFFTSxrQkFBa0IsQ0FBQyxPQUFtQixFQUFFLEtBQWE7UUFDMUQsTUFBTSxFQUFFLEdBQVEsT0FBTyxDQUFDLGFBQWEsQ0FBQztRQUN0QyxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsc0JBQXNCLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFckQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsRUFBRSxFQUFFLG1CQUFtQixDQUFDLENBQUM7UUFDbkQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsRUFBRSxFQUFFLG1CQUFtQixDQUFDLENBQUM7UUFDbkQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsRUFBRSxFQUFFLG1CQUFtQixDQUFDLENBQUM7UUFFbkQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsRUFBRSxFQUFFLFNBQVMsQ0FBQyxDQUFDO0lBQ3hDLENBQUM7SUFFTyxzQkFBc0IsQ0FBQyxLQUFhO1FBQzFDLElBQUksS0FBSyxHQUFHLGFBQWEsRUFBRTtZQUN6QixPQUFPLG1CQUFtQixDQUFDO1NBQzVCO2FBQU0sSUFBSSxLQUFLLEdBQUcsYUFBYSxJQUFJLEtBQUssR0FBRyxhQUFhLEVBQUU7WUFDekQsT0FBTyxtQkFBbUIsQ0FBQztTQUM1QjthQUFNO1lBQ0wsT0FBTyxtQkFBbUIsQ0FBQztTQUM1QjtJQUNILENBQUM7OzBIQTlCVSw2QkFBNkI7OEhBQTdCLDZCQUE2QjsyRkFBN0IsNkJBQTZCO2tCQUR6QyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgRWxlbWVudFJlZixcbiAgSW5qZWN0YWJsZSxcbiAgUmVuZGVyZXIyLFxuICBSZW5kZXJlckZhY3RvcnkyLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuY29uc3QgUkVTUE9OU0lWRV9DTEFTU19TTSA9ICdza3ktYWN0aW9uLWJ1dHRvbi1jb250YWluZXItc20nO1xuY29uc3QgUkVTUE9OU0lWRV9DTEFTU19NRCA9ICdza3ktYWN0aW9uLWJ1dHRvbi1jb250YWluZXItbWQnO1xuY29uc3QgUkVTUE9OU0lWRV9DTEFTU19MRyA9ICdza3ktYWN0aW9uLWJ1dHRvbi1jb250YWluZXItbGcnO1xuXG5jb25zdCBCUkVBS1BPSU5UX01EID0gOTEyO1xuY29uc3QgQlJFQUtQT0lOVF9MRyA9IDEzNzg7XG5cbi8qKlxuICogQGludGVybmFsXG4gKi9cbkBJbmplY3RhYmxlKClcbmV4cG9ydCBjbGFzcyBTa3lBY3Rpb25CdXR0b25BZGFwdGVyU2VydmljZSB7XG4gIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMjtcblxuICBjb25zdHJ1Y3RvcihyZW5kZXJlckZhY3Rvcnk6IFJlbmRlcmVyRmFjdG9yeTIpIHtcbiAgICB0aGlzLnJlbmRlcmVyID0gcmVuZGVyZXJGYWN0b3J5LmNyZWF0ZVJlbmRlcmVyKHVuZGVmaW5lZCwgdW5kZWZpbmVkKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXRQYXJlbnRXaWR0aChlbGVtZW50OiBFbGVtZW50UmVmKTogbnVtYmVyIHtcbiAgICByZXR1cm4gZWxlbWVudC5uYXRpdmVFbGVtZW50LnBhcmVudE5vZGUuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGg7XG4gIH1cblxuICBwdWJsaWMgc2V0UmVzcG9uc2l2ZUNsYXNzKGVsZW1lbnQ6IEVsZW1lbnRSZWYsIHdpZHRoOiBudW1iZXIpOiB2b2lkIHtcbiAgICBjb25zdCBlbDogYW55ID0gZWxlbWVudC5uYXRpdmVFbGVtZW50O1xuICAgIGNvbnN0IGNsYXNzTmFtZSA9IHRoaXMuZ2V0UmVzcG9uc2l2ZUNsYXNzTmFtZSh3aWR0aCk7XG5cbiAgICB0aGlzLnJlbmRlcmVyLnJlbW92ZUNsYXNzKGVsLCBSRVNQT05TSVZFX0NMQVNTX1NNKTtcbiAgICB0aGlzLnJlbmRlcmVyLnJlbW92ZUNsYXNzKGVsLCBSRVNQT05TSVZFX0NMQVNTX01EKTtcbiAgICB0aGlzLnJlbmRlcmVyLnJlbW92ZUNsYXNzKGVsLCBSRVNQT05TSVZFX0NMQVNTX0xHKTtcblxuICAgIHRoaXMucmVuZGVyZXIuYWRkQ2xhc3MoZWwsIGNsYXNzTmFtZSk7XG4gIH1cblxuICBwcml2YXRlIGdldFJlc3BvbnNpdmVDbGFzc05hbWUod2lkdGg6IG51bWJlcik6IHN0cmluZyB7XG4gICAgaWYgKHdpZHRoIDwgQlJFQUtQT0lOVF9NRCkge1xuICAgICAgcmV0dXJuIFJFU1BPTlNJVkVfQ0xBU1NfU007XG4gICAgfSBlbHNlIGlmICh3aWR0aCA+IEJSRUFLUE9JTlRfTUQgJiYgd2lkdGggPCBCUkVBS1BPSU5UX0xHKSB7XG4gICAgICByZXR1cm4gUkVTUE9OU0lWRV9DTEFTU19NRDtcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuIFJFU1BPTlNJVkVfQ0xBU1NfTEc7XG4gICAgfVxuICB9XG59XG4iXX0=
|
|
@@ -114,9 +114,9 @@ export class SkyActionButtonContainerComponent {
|
|
|
114
114
|
this.actionButtonAdapterService.setResponsiveClass(this.containerRef, parentWidth);
|
|
115
115
|
}
|
|
116
116
|
}
|
|
117
|
-
SkyActionButtonContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
|
118
|
-
SkyActionButtonContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2
|
|
119
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
|
117
|
+
SkyActionButtonContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionButtonContainerComponent, deps: [{ token: i1.SkyActionButtonAdapterService }, { token: i0.ChangeDetectorRef }, { token: i2.SkyCoreAdapterService }, { token: i0.ElementRef }, { token: i2.MutationObserverService }, { token: i0.NgZone }, { token: i3.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
118
|
+
SkyActionButtonContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyActionButtonContainerComponent, selector: "sky-action-button-container", inputs: { alignItems: "alignItems" }, host: { listeners: { "window:resize": "onWindowResize()" } }, providers: [SkyActionButtonAdapterService], queries: [{ propertyName: "actionButtons", predicate: SkyActionButtonComponent }], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div class=\"sky-action-button-container\" #container>\n <div\n class=\"sky-action-button-flex\"\n [ngClass]=\"{\n 'sky-action-button-flex-align-left': alignItems === 'left',\n 'sky-action-button-flex-align-center': alignItems === 'center'\n }\"\n >\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [":host{display:block}.sky-action-button-flex sky-action-button{display:block}.sky-action-button-flex .sky-action-button{height:100%;min-width:236px;margin-left:10px;margin-right:10px}.sky-action-button-flex{display:block;padding:0}.sky-action-button-flex sky-action-button{margin:20px 0}.sky-responsive-container-xs .sky-action-button-flex,.sky-responsive-container-sm .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-flex{display:block;padding:0}.sky-responsive-container-xs .sky-action-button-flex sky-action-button,.sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:20px 0}@media (min-width: 768px){.sky-action-button-flex{display:flex;flex-flow:row wrap;padding:10px 0}.sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-action-button-flex sky-action-button{margin:10px 0}}.sky-responsive-container-sm .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:10px 0}.sky-responsive-container-sm .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-md .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-lg .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-responsive-container-sm .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-md .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-lg .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:10px 0}.sky-theme-modern .sky-action-button-container{margin:0 auto}.sky-theme-modern .sky-action-button-container.sky-action-button-container-sm{max-width:446px}.sky-theme-modern .sky-action-button-container.sky-action-button-container-md{max-width:912px}.sky-theme-modern .sky-action-button-container.sky-action-button-container-lg{max-width:1378px}.sky-theme-modern .sky-action-button-container .sky-action-button-flex .sky-action-button{height:auto;min-width:auto;margin:0}.sky-theme-modern .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-theme-modern .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-sm .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-md .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-lg .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}\n"], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
119
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionButtonContainerComponent, decorators: [{
|
|
120
120
|
type: Component,
|
|
121
121
|
args: [{ selector: 'sky-action-button-container', providers: [SkyActionButtonAdapterService], encapsulation: ViewEncapsulation.None, template: "<div class=\"sky-action-button-container\" #container>\n <div\n class=\"sky-action-button-flex\"\n [ngClass]=\"{\n 'sky-action-button-flex-align-left': alignItems === 'left',\n 'sky-action-button-flex-align-center': alignItems === 'center'\n }\"\n >\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [":host{display:block}.sky-action-button-flex sky-action-button{display:block}.sky-action-button-flex .sky-action-button{height:100%;min-width:236px;margin-left:10px;margin-right:10px}.sky-action-button-flex{display:block;padding:0}.sky-action-button-flex sky-action-button{margin:20px 0}.sky-responsive-container-xs .sky-action-button-flex,.sky-responsive-container-sm .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-flex{display:block;padding:0}.sky-responsive-container-xs .sky-action-button-flex sky-action-button,.sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:20px 0}@media (min-width: 768px){.sky-action-button-flex{display:flex;flex-flow:row wrap;padding:10px 0}.sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-action-button-flex sky-action-button{margin:10px 0}}.sky-responsive-container-sm .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:10px 0}.sky-responsive-container-sm .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-md .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-lg .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-responsive-container-sm .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-md .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-lg .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:10px 0}.sky-theme-modern .sky-action-button-container{margin:0 auto}.sky-theme-modern .sky-action-button-container.sky-action-button-container-sm{max-width:446px}.sky-theme-modern .sky-action-button-container.sky-action-button-container-md{max-width:912px}.sky-theme-modern .sky-action-button-container.sky-action-button-container-lg{max-width:1378px}.sky-theme-modern .sky-action-button-container .sky-action-button-flex .sky-action-button{height:auto;min-width:auto;margin:0}.sky-theme-modern .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-theme-modern .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-sm .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-md .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-lg .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}\n"] }]
|
|
122
122
|
}], ctorParameters: function () { return [{ type: i1.SkyActionButtonAdapterService }, { type: i0.ChangeDetectorRef }, { type: i2.SkyCoreAdapterService }, { type: i0.ElementRef }, { type: i2.MutationObserverService }, { type: i0.NgZone }, { type: i3.SkyThemeService, decorators: [{
|
|
@@ -5,9 +5,9 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
*/
|
|
6
6
|
export class SkyActionButtonDetailsComponent {
|
|
7
7
|
}
|
|
8
|
-
SkyActionButtonDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
|
9
|
-
SkyActionButtonDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
|
8
|
+
SkyActionButtonDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionButtonDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
+
SkyActionButtonDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyActionButtonDetailsComponent, selector: "sky-action-button-details", ngImport: i0, template: "<ng-content></ng-content>\n" });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionButtonDetailsComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
12
|
args: [{ selector: 'sky-action-button-details', template: "<ng-content></ng-content>\n" }]
|
|
13
13
|
}] });
|
|
@@ -6,9 +6,9 @@ import * as i1 from "@skyux/theme";
|
|
|
6
6
|
*/
|
|
7
7
|
export class SkyActionButtonHeaderComponent {
|
|
8
8
|
}
|
|
9
|
-
SkyActionButtonHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
|
10
|
-
SkyActionButtonHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
|
9
|
+
SkyActionButtonHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionButtonHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
+
SkyActionButtonHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyActionButtonHeaderComponent, selector: "sky-action-button-header", ngImport: i0, template: "<div\n class=\"sky-action-button-header\"\n [skyThemeClass]=\"{\n 'sky-headline': 'modern',\n 'sky-section-heading': 'default'\n }\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [":host .sky-action-button-header{margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-header,:host-context(.sky-responsive-container-sm) .sky-action-button-header,:host-context(.sky-responsive-container-md) .sky-action-button-header,:host-context(.sky-responsive-container-lg) .sky-action-button-header{margin:0 5px}@media (min-width: 768px){:host .sky-action-button-header{margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-header,:host-context(.sky-responsive-container-md) .sky-action-button-header,:host-context(.sky-responsive-container-lg) .sky-action-button-header{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-action-button-header{margin:0 0 10px}.sky-theme-modern .sky-action-button-header{margin:0 0 10px}\n"], directives: [{ type: i1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }] });
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionButtonHeaderComponent, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
13
|
args: [{ selector: 'sky-action-button-header', template: "<div\n class=\"sky-action-button-header\"\n [skyThemeClass]=\"{\n 'sky-headline': 'modern',\n 'sky-section-heading': 'default'\n }\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [":host .sky-action-button-header{margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-header,:host-context(.sky-responsive-container-sm) .sky-action-button-header,:host-context(.sky-responsive-container-md) .sky-action-button-header,:host-context(.sky-responsive-container-lg) .sky-action-button-header{margin:0 5px}@media (min-width: 768px){:host .sky-action-button-header{margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-header,:host-context(.sky-responsive-container-md) .sky-action-button-header,:host-context(.sky-responsive-container-lg) .sky-action-button-header{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-action-button-header{margin:0 0 10px}.sky-theme-modern .sky-action-button-header{margin:0 0 10px}\n"] }]
|
|
14
14
|
}] });
|
|
@@ -29,9 +29,9 @@ export class SkyActionButtonIconComponent {
|
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
|
-
SkyActionButtonIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
|
33
|
-
SkyActionButtonIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2
|
|
34
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
|
32
|
+
SkyActionButtonIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionButtonIconComponent, deps: [{ token: i1.SkyMediaQueryService }], target: i0.ɵɵFactoryTarget.Component });
|
|
33
|
+
SkyActionButtonIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyActionButtonIconComponent, selector: "sky-action-button-icon", inputs: { iconType: "iconType" }, ngImport: i0, template: "<div aria-hidden=\"true\" class=\"sky-action-button-icon-container\">\n <sky-icon\n class=\"sky-action-button-icon\"\n [icon]=\"iconType\"\n [size]=\"fontSizeClass\"\n ></sky-icon>\n</div>\n", styles: [":host .sky-action-button-icon-container{margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-icon-container,:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container,:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container{margin:0 5px}@media (min-width: 768px){:host .sky-action-button-icon-container{margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container,:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container{margin:0 0 20px}.sky-action-button-icon{color:#0974a1}:host-context(.sky-theme-modern) .sky-action-button-icon-container{color:#0974a1;background:#e8f8ff;margin:0 20px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}:host-context(.sky-theme-modern) .sky-action-button-icon-container ::ng-deep .sky-icon{font-size:24px!important}.sky-theme-modern .sky-action-button-icon-container{color:#0974a1;background:#e8f8ff;margin:0 20px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.sky-theme-modern .sky-action-button-icon-container ::ng-deep .sky-icon{font-size:24px!important}\n"], components: [{ type: i2.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }] });
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionButtonIconComponent, decorators: [{
|
|
35
35
|
type: Component,
|
|
36
36
|
args: [{ selector: 'sky-action-button-icon', template: "<div aria-hidden=\"true\" class=\"sky-action-button-icon-container\">\n <sky-icon\n class=\"sky-action-button-icon\"\n [icon]=\"iconType\"\n [size]=\"fontSizeClass\"\n ></sky-icon>\n</div>\n", styles: [":host .sky-action-button-icon-container{margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-icon-container,:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container,:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container{margin:0 5px}@media (min-width: 768px){:host .sky-action-button-icon-container{margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container,:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container{margin:0 0 20px}.sky-action-button-icon{color:#0974a1}:host-context(.sky-theme-modern) .sky-action-button-icon-container{color:#0974a1;background:#e8f8ff;margin:0 20px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}:host-context(.sky-theme-modern) .sky-action-button-icon-container ::ng-deep .sky-icon{font-size:24px!important}.sky-theme-modern .sky-action-button-icon-container{color:#0974a1;background:#e8f8ff;margin:0 20px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.sky-theme-modern .sky-action-button-icon-container ::ng-deep .sky-icon{font-size:24px!important}\n"] }]
|
|
37
37
|
}], ctorParameters: function () { return [{ type: i1.SkyMediaQueryService }]; }, propDecorators: { iconType: [{
|
|
@@ -21,9 +21,9 @@ export class SkyActionButtonComponent {
|
|
|
21
21
|
this.actionClick.emit();
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
|
-
SkyActionButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
|
25
|
-
SkyActionButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2
|
|
26
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
|
24
|
+
SkyActionButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
+
SkyActionButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyActionButtonComponent, selector: "sky-action-button", inputs: { permalink: "permalink" }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<a\n *ngIf=\"permalink && permalink.route\"\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\"> </ng-container>\n</a>\n\n<a\n *ngIf=\"permalink && !permalink.route\"\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>\n <ng-container *ngTemplateOutlet=\"actionButtonContent\"> </ng-container>\n</a>\n\n<div\n *ngIf=\"!permalink\"\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\"> </ng-container>\n</div>\n\n<ng-template #actionButtonContent>\n <ng-container *skyThemeIf=\"'default'\">\n <div class=\"sky-action-button-icon-header-container\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </div>\n <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n </ng-container>\n\n <ng-container *skyThemeIf=\"'modern'\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n <div class=\"sky-action-button-content\">\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n <div\n class=\"sky-action-button-details\"\n [skyThemeClass]=\"{\n 'sky-font-deemphasized': 'modern'\n }\"\n >\n <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n </div>\n </div>\n </ng-container>\n</ng-template>\n\n<ng-template #icon>\n <ng-content select=\"sky-action-button-icon\"></ng-content>\n</ng-template>\n\n<ng-template #header>\n <ng-content select=\"sky-action-button-header\"></ng-content>\n</ng-template>\n\n<ng-template #details>\n <ng-content select=\"sky-action-button-details\"></ng-content>\n</ng-template>\n", styles: [".sky-action-button{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}.sky-action-button:hover{border-color:#c2c4c6}.sky-action-button-icon-header-container{display:flex;justify-content:center}.sky-action-button{padding:20px 20px 30px;margin:0 15px}.sky-action-button-icon-header-container{margin-bottom:20px}.sky-responsive-container-xs .sky-action-button,.sky-responsive-container-sm .sky-action-button,.sky-responsive-container-md .sky-action-button,.sky-responsive-container-lg .sky-action-button{padding:20px 20px 30px;margin:0 15px}.sky-responsive-container-xs .sky-action-button-icon-header-container,.sky-responsive-container-sm .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-action-button-icon-header-container{margin-bottom:20px}@media (min-width: 768px){.sky-action-button{padding:30px 20px;margin:0;max-width:236px}.sky-action-button-icon-header-container{margin-bottom:0;flex-direction:column}}.sky-responsive-container-sm .sky-action-button,.sky-responsive-container-md .sky-action-button,.sky-responsive-container-lg .sky-action-button{padding:30px 20px;margin:0;max-width:236px}.sky-responsive-container-sm .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-action-button-icon-header-container{margin-bottom:0;flex-direction:column}.sky-theme-modern .sky-action-button{display:flex;flex-flow:row nowrap;padding:30px;text-align:left;border:none}.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-theme-modern .sky-responsive-container-xs .sky-action-button,.sky-theme-modern .sky-responsive-container-sm .sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button{padding:30px;margin:0;max-width:446px}@media (min-width: 768px){.sky-theme-modern .sky-action-button{padding:30px;margin:0}}.sky-theme-modern .sky-responsive-container-sm .sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button{padding:30px;margin:0}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i3.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"] }, { type: i3.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionButtonComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
28
|
args: [{ selector: 'sky-action-button', encapsulation: ViewEncapsulation.None, template: "<a\n *ngIf=\"permalink && permalink.route\"\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\"> </ng-container>\n</a>\n\n<a\n *ngIf=\"permalink && !permalink.route\"\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>\n <ng-container *ngTemplateOutlet=\"actionButtonContent\"> </ng-container>\n</a>\n\n<div\n *ngIf=\"!permalink\"\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\"> </ng-container>\n</div>\n\n<ng-template #actionButtonContent>\n <ng-container *skyThemeIf=\"'default'\">\n <div class=\"sky-action-button-icon-header-container\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </div>\n <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n </ng-container>\n\n <ng-container *skyThemeIf=\"'modern'\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n <div class=\"sky-action-button-content\">\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n <div\n class=\"sky-action-button-details\"\n [skyThemeClass]=\"{\n 'sky-font-deemphasized': 'modern'\n }\"\n >\n <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n </div>\n </div>\n </ng-container>\n</ng-template>\n\n<ng-template #icon>\n <ng-content select=\"sky-action-button-icon\"></ng-content>\n</ng-template>\n\n<ng-template #header>\n <ng-content select=\"sky-action-button-header\"></ng-content>\n</ng-template>\n\n<ng-template #details>\n <ng-content select=\"sky-action-button-details\"></ng-content>\n</ng-template>\n", styles: [".sky-action-button{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}.sky-action-button:hover{border-color:#c2c4c6}.sky-action-button-icon-header-container{display:flex;justify-content:center}.sky-action-button{padding:20px 20px 30px;margin:0 15px}.sky-action-button-icon-header-container{margin-bottom:20px}.sky-responsive-container-xs .sky-action-button,.sky-responsive-container-sm .sky-action-button,.sky-responsive-container-md .sky-action-button,.sky-responsive-container-lg .sky-action-button{padding:20px 20px 30px;margin:0 15px}.sky-responsive-container-xs .sky-action-button-icon-header-container,.sky-responsive-container-sm .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-action-button-icon-header-container{margin-bottom:20px}@media (min-width: 768px){.sky-action-button{padding:30px 20px;margin:0;max-width:236px}.sky-action-button-icon-header-container{margin-bottom:0;flex-direction:column}}.sky-responsive-container-sm .sky-action-button,.sky-responsive-container-md .sky-action-button,.sky-responsive-container-lg .sky-action-button{padding:30px 20px;margin:0;max-width:236px}.sky-responsive-container-sm .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-action-button-icon-header-container{margin-bottom:0;flex-direction:column}.sky-theme-modern .sky-action-button{display:flex;flex-flow:row nowrap;padding:30px;text-align:left;border:none}.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-theme-modern .sky-responsive-container-xs .sky-action-button,.sky-theme-modern .sky-responsive-container-sm .sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button{padding:30px;margin:0;max-width:446px}@media (min-width: 768px){.sky-theme-modern .sky-action-button{padding:30px;margin:0}}.sky-theme-modern .sky-responsive-container-sm .sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button{padding:30px;margin:0}\n"] }]
|
|
29
29
|
}], propDecorators: { permalink: [{
|
|
@@ -12,8 +12,8 @@ import { SkyActionButtonComponent } from './action-button.component';
|
|
|
12
12
|
import * as i0 from "@angular/core";
|
|
13
13
|
export class SkyActionButtonModule {
|
|
14
14
|
}
|
|
15
|
-
SkyActionButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
|
16
|
-
SkyActionButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2
|
|
15
|
+
SkyActionButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
16
|
+
SkyActionButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionButtonModule, declarations: [SkyActionButtonComponent,
|
|
17
17
|
SkyActionButtonContainerComponent,
|
|
18
18
|
SkyActionButtonDetailsComponent,
|
|
19
19
|
SkyActionButtonHeaderComponent,
|
|
@@ -26,14 +26,14 @@ SkyActionButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", v
|
|
|
26
26
|
SkyActionButtonDetailsComponent,
|
|
27
27
|
SkyActionButtonHeaderComponent,
|
|
28
28
|
SkyActionButtonIconComponent] });
|
|
29
|
-
SkyActionButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2
|
|
29
|
+
SkyActionButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionButtonModule, imports: [[
|
|
30
30
|
CommonModule,
|
|
31
31
|
RouterModule,
|
|
32
32
|
SkyHrefModule,
|
|
33
33
|
SkyIconModule,
|
|
34
34
|
SkyThemeModule,
|
|
35
35
|
]] });
|
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionButtonModule, decorators: [{
|
|
37
37
|
type: NgModule,
|
|
38
38
|
args: [{
|
|
39
39
|
declarations: [
|
|
@@ -76,9 +76,9 @@ export class SkyBackToTopDomAdapterService {
|
|
|
76
76
|
}
|
|
77
77
|
}
|
|
78
78
|
}
|
|
79
|
-
SkyBackToTopDomAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
|
80
|
-
SkyBackToTopDomAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2
|
|
81
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
|
79
|
+
SkyBackToTopDomAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyBackToTopDomAdapterService, deps: [{ token: i1.SkyAppWindowRef }, { token: i1.SkyScrollableHostService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
80
|
+
SkyBackToTopDomAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyBackToTopDomAdapterService });
|
|
81
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyBackToTopDomAdapterService, decorators: [{
|
|
82
82
|
type: Injectable
|
|
83
83
|
}], ctorParameters: function () { return [{ type: i1.SkyAppWindowRef }, { type: i1.SkyScrollableHostService }]; } });
|
|
84
84
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFjay10by10b3AtYWRhcHRlci5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xheW91dC9zcmMvbGliL21vZHVsZXMvYmFjay10by10b3AvYmFjay10by10b3AtYWRhcHRlci5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBYyxVQUFVLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFDbEUsT0FBTyxFQUFFLGVBQWUsRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUV4RSxPQUFPLEVBQUUsZUFBZSxFQUFjLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUM1RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQUUzQzs7R0FFRztBQUVILE1BQU0sT0FBTyw2QkFBNkI7SUFJeEMsWUFDVSxTQUEwQixFQUMxQixxQkFBK0M7UUFEL0MsY0FBUyxHQUFULFNBQVMsQ0FBaUI7UUFDMUIsMEJBQXFCLEdBQXJCLHFCQUFxQixDQUEwQjtRQUxqRCxrQkFBYSxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7UUFDcEMseUNBQW9DLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztJQUtoRSxDQUFDO0lBRUcsV0FBVztRQUNoQixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQzFCLElBQUksQ0FBQyxhQUFhLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDOUIsSUFBSSxDQUFDLG9DQUFvQyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ2pELElBQUksQ0FBQyxvQ0FBb0MsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUN2RCxDQUFDO0lBRUQ7OztPQUdHO0lBQ0kscUJBQXFCLENBQUMsVUFBc0I7UUFDakQsTUFBTSx3QkFBd0IsR0FDNUIsSUFBSSxDQUFDLHFCQUFxQixDQUFDLCtCQUErQixDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBRXpFLE1BQU0saUJBQWlCLEdBQUcsSUFBSSxDQUFDLHVCQUF1QixDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ25FLE1BQU0sa0JBQWtCLEdBQUcsSUFBSSxlQUFlLENBQVUsaUJBQWlCLENBQUMsQ0FBQztRQUUzRSx3QkFBd0I7YUFDckIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsb0NBQW9DLENBQUMsQ0FBQzthQUMxRCxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ2QsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLHVCQUF1QixDQUFDLFVBQVUsQ0FBQyxDQUFDO1lBQzFELGtCQUFrQixDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUNwQyxDQUFDLENBQUMsQ0FBQztRQUVMLE9BQU8sa0JBQWtCLENBQUM7SUFDNUIsQ0FBQztJQUVEOzs7T0FHRztJQUNJLGVBQWUsQ0FBQyxVQUFzQjtRQUMzQyxrQkFBa0I7UUFDbEIsd0JBQXdCO1FBQ3hCLElBQUksQ0FBQyxVQUFVLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFO1lBQzVDLE9BQU87U0FDUjtRQUVELE1BQU0sY0FBYyxHQUNsQixJQUFJLENBQUMscUJBQXFCLENBQUMsaUJBQWlCLENBQUMsVUFBVSxDQUFDLENBQUM7UUFFM0QsSUFBSSxjQUFjLFlBQVksTUFBTSxFQUFFO1lBQ3BDLHFHQUFxRztZQUNyRyxNQUFNLGdCQUFnQixHQUFHLFFBQVEsQ0FDL0IsZ0JBQWdCLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDLFNBQVMsRUFDekMsRUFBRSxDQUNILENBQUM7WUFDRixNQUFNLFlBQVksR0FDaEIsVUFBVSxDQUFDLGFBQWEsQ0FBQyxTQUFTLEdBQUcsZ0JBQWdCLENBQUM7WUFDeEQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUNsQyxVQUFVLENBQUMsYUFBYSxDQUFDLFVBQVUsRUFDbkMsWUFBWSxDQUNiLENBQUM7U0FDSDthQUFNO1lBQ0wsbUNBQW1DO1lBQ25DLGNBQWMsQ0FBQyxTQUFTO2dCQUN0QixjQUFjLENBQUMsU0FBUyxHQUFHLFVBQVUsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDO1NBQ2pFO0lBQ0gsQ0FBQztJQUVNLHVCQUF1QixDQUFDLE9BQW1CO1FBQ2hELE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxpQkFBaUIsQ0FDaEUsT0FBTyxDQUFDLGFBQWEsQ0FDdEIsQ0FBQztRQUNGLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLFlBQVksRUFBRTtZQUN2QyxPQUFPLElBQUksQ0FBQztTQUNiO1FBQ0QsTUFBTSxNQUFNLEdBQUcsRUFBRSxDQUFDO1FBQ2xCLE1BQU0sV0FBVyxHQUFHLE9BQU8sQ0FBQyxhQUFhLENBQUMscUJBQXFCLEVBQUUsQ0FBQztRQUVsRSwwQkFBMEI7UUFDMUIsSUFBSSxhQUFhLFlBQVksV0FBVyxFQUFFO1lBQ3hDLE1BQU0sVUFBVSxHQUFHLGFBQWEsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1lBQ3pELE9BQU8sV0FBVyxDQUFDLEdBQUcsR0FBRyxVQUFVLENBQUMsR0FBRyxHQUFHLE1BQU0sQ0FBQztTQUNsRDthQUFNO1lBQ0wsT0FBTyxXQUFXLENBQUMsR0FBRyxHQUFHLENBQUMsTUFBTSxDQUFDO1NBQ2xDO0lBQ0gsQ0FBQzs7MEhBdkZVLDZCQUE2Qjs4SEFBN0IsNkJBQTZCOzJGQUE3Qiw2QkFBNkI7a0JBRHpDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBFbGVtZW50UmVmLCBJbmplY3RhYmxlLCBPbkRlc3Ryb3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNreUFwcFdpbmRvd1JlZiwgU2t5U2Nyb2xsYWJsZUhvc3RTZXJ2aWNlIH0gZnJvbSAnQHNreXV4L2NvcmUnO1xuXG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QsIE9ic2VydmFibGUsIFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuLyoqXG4gKiBAaW50ZXJuYWxcbiAqL1xuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIFNreUJhY2tUb1RvcERvbUFkYXB0ZXJTZXJ2aWNlIGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgcHJpdmF0ZSBuZ1Vuc3Vic2NyaWJlID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcbiAgcHJpdmF0ZSBzY3JvbGxhYmxlSG9zdFNjcm9sbEV2ZW50VW5zdWJzY3JpYmUgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgd2luZG93UmVmOiBTa3lBcHBXaW5kb3dSZWYsXG4gICAgcHJpdmF0ZSBzY3JvbGxhYmxlSG9zdFNlcnZpY2U6IFNreVNjcm9sbGFibGVIb3N0U2VydmljZVxuICApIHt9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMubmdVbnN1YnNjcmliZS5uZXh0KCk7XG4gICAgdGhpcy5uZ1Vuc3Vic2NyaWJlLmNvbXBsZXRlKCk7XG4gICAgdGhpcy5zY3JvbGxhYmxlSG9zdFNjcm9sbEV2ZW50VW5zdWJzY3JpYmUubmV4dCgpO1xuICAgIHRoaXMuc2Nyb2xsYWJsZUhvc3RTY3JvbGxFdmVudFVuc3Vic2NyaWJlLmNvbXBsZXRlKCk7XG4gIH1cblxuICAvKipcbiAgICogVGhpcyBldmVudCByZXR1cm5zIGEgYm9vbGVhbiBvbiBzY3JvbGwgaW5kaWNhdGluZyB3aGV0aGVyIHRoZSBwcm92aWRlZCBlbGVtZW50IGlzIGluIHZpZXcuXG4gICAqIEBwYXJhbSBlbGVtZW50UmVmIFRoZSB0YXJnZXQgZWxlbWVudCByZWZlcmVuY2UuXG4gICAqL1xuICBwdWJsaWMgZWxlbWVudEluVmlld09uU2Nyb2xsKGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpOiBPYnNlcnZhYmxlPGJvb2xlYW4+IHtcbiAgICBjb25zdCBzY3JvbGxhYmxlSG9zdE9ic2VydmFibGUgPVxuICAgICAgdGhpcy5zY3JvbGxhYmxlSG9zdFNlcnZpY2Uud2F0Y2hTY3JvbGxhYmxlSG9zdFNjcm9sbEV2ZW50cyhlbGVtZW50UmVmKTtcblxuICAgIGNvbnN0IGlzSW5pdGlhbGx5SW5WaWV3ID0gdGhpcy5pc0VsZW1lbnRTY3JvbGxlZEluVmlldyhlbGVtZW50UmVmKTtcbiAgICBjb25zdCByZXR1cm5lZE9ic2VydmFibGUgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PGJvb2xlYW4+KGlzSW5pdGlhbGx5SW5WaWV3KTtcblxuICAgIHNjcm9sbGFibGVIb3N0T2JzZXJ2YWJsZVxuICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMuc2Nyb2xsYWJsZUhvc3RTY3JvbGxFdmVudFVuc3Vic2NyaWJlKSlcbiAgICAgIC5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICBjb25zdCBpc0luVmlldyA9IHRoaXMuaXNFbGVtZW50U2Nyb2xsZWRJblZpZXcoZWxlbWVudFJlZik7XG4gICAgICAgIHJldHVybmVkT2JzZXJ2YWJsZS5uZXh0KGlzSW5WaWV3KTtcbiAgICAgIH0pO1xuXG4gICAgcmV0dXJuIHJldHVybmVkT2JzZXJ2YWJsZTtcbiAgfVxuXG4gIC8qKlxuICAgKiBTY3JvbGxzIHRoZSB3aW5kb3cgb3Igc2Nyb2xsYWJsZSBwYXJlbnQgdG8gdGhlIHByb3ZpZGVkIGVsZW1lbnQuXG4gICAqIEBwYXJhbSBlbGVtZW50UmVmIFRoZSB0YXJnZXQgZWxlbWVudCByZWZlcmVuY2UuXG4gICAqL1xuICBwdWJsaWMgc2Nyb2xsVG9FbGVtZW50KGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpOiB2b2lkIHtcbiAgICAvKiBzYW5pdHkgY2hlY2sgKi9cbiAgICAvKiBpc3RhbmJ1bCBpZ25vcmUgaWYgKi9cbiAgICBpZiAoIWVsZW1lbnRSZWYgfHwgIWVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IHNjcm9sbGFibGVIb3N0ID1cbiAgICAgIHRoaXMuc2Nyb2xsYWJsZUhvc3RTZXJ2aWNlLmdldFNjcm9sbGFibGVIb3N0KGVsZW1lbnRSZWYpO1xuXG4gICAgaWYgKHNjcm9sbGFibGVIb3N0IGluc3RhbmNlb2YgV2luZG93KSB7XG4gICAgICAvLyBTY3JvbGwgdG8gdG9wIG9mIHdpbmRvdywgYnV0IGFjY291bnQgZm9yIHRoZSBib2R5IG1hcmdpbiB0aGF0IGFsbG93cyBmb3IgdGhlIG9tbmliYXIgaWYgaXQgZXhpc3RzLlxuICAgICAgY29uc3QgYm9keU1hcmdpbk9mZnNldCA9IHBhcnNlSW50KFxuICAgICAgICBnZXRDb21wdXRlZFN0eWxlKGRvY3VtZW50LmJvZHkpLm1hcmdpblRvcCxcbiAgICAgICAgMTBcbiAgICAgICk7XG4gICAgICBjb25zdCBuZXdPZmZzZXRUb3AgPVxuICAgICAgICBlbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQub2Zmc2V0VG9wIC0gYm9keU1hcmdpbk9mZnNldDtcbiAgICAgIHRoaXMud2luZG93UmVmLm5hdGl2ZVdpbmRvdy5zY3JvbGxUbyhcbiAgICAgICAgZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50Lm9mZnNldExlZnQsXG4gICAgICAgIG5ld09mZnNldFRvcFxuICAgICAgKTtcbiAgICB9IGVsc2Uge1xuICAgICAgLy8gU2Nyb2xsIHRvIHRvcCBvZiBwYXJlbnQgZWxlbWVudC5cbiAgICAgIHNjcm9sbGFibGVIb3N0LnNjcm9sbFRvcCA9XG4gICAgICAgIHNjcm9sbGFibGVIb3N0Lm9mZnNldFRvcCAtIGVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5vZmZzZXRUb3A7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIGlzRWxlbWVudFNjcm9sbGVkSW5WaWV3KGVsZW1lbnQ6IEVsZW1lbnRSZWYpOiBib29sZWFuIHtcbiAgICBjb25zdCBwYXJlbnRFbGVtZW50ID0gdGhpcy5zY3JvbGxhYmxlSG9zdFNlcnZpY2UuZ2V0U2Nyb2xsYWJsZUhvc3QoXG4gICAgICBlbGVtZW50Lm5hdGl2ZUVsZW1lbnRcbiAgICApO1xuICAgIGlmICghZWxlbWVudC5uYXRpdmVFbGVtZW50Lm9mZnNldFBhcmVudCkge1xuICAgICAgcmV0dXJuIHRydWU7XG4gICAgfVxuICAgIGNvbnN0IGJ1ZmZlciA9IDI1O1xuICAgIGNvbnN0IGVsZW1lbnRSZWN0ID0gZWxlbWVudC5uYXRpdmVFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuXG4gICAgLyogaXN0YW5idWwgaWdub3JlIGVsc2UgKi9cbiAgICBpZiAocGFyZW50RWxlbWVudCBpbnN0YW5jZW9mIEhUTUxFbGVtZW50KSB7XG4gICAgICBjb25zdCBwYXJlbnRSZWN0ID0gcGFyZW50RWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICAgIHJldHVybiBlbGVtZW50UmVjdC50b3AgPiBwYXJlbnRSZWN0LnRvcCAtIGJ1ZmZlcjtcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuIGVsZW1lbnRSZWN0LnRvcCA+IC1idWZmZXI7XG4gICAgfVxuICB9XG59XG4iXX0=
|
|
@@ -17,9 +17,9 @@ export class SkyBackToTopComponent {
|
|
|
17
17
|
this._scrollToTopClick.complete();
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
|
-
SkyBackToTopComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
|
21
|
-
SkyBackToTopComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
|
20
|
+
SkyBackToTopComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyBackToTopComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
21
|
+
SkyBackToTopComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyBackToTopComponent, selector: "sky-back-to-top", ngImport: i0, template: "<div class=\"sky-back-to-top sky-padding-squish-large\">\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;box-shadow:0 -3px 3px #cdcfd2}\n"], pipes: { "skyLibResources": i1.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyBackToTopComponent, decorators: [{
|
|
23
23
|
type: Component,
|
|
24
24
|
args: [{ selector: 'sky-back-to-top', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sky-back-to-top sky-padding-squish-large\">\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;box-shadow:0 -3px 3px #cdcfd2}\n"] }]
|
|
25
25
|
}] });
|
|
@@ -98,9 +98,9 @@ export class SkyBackToTopDirective {
|
|
|
98
98
|
}
|
|
99
99
|
}
|
|
100
100
|
}
|
|
101
|
-
SkyBackToTopDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
|
102
|
-
SkyBackToTopDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2
|
|
103
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
|
101
|
+
SkyBackToTopDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyBackToTopDirective, deps: [{ token: i1.SkyDockService }, { token: i2.SkyBackToTopDomAdapterService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
102
|
+
SkyBackToTopDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: SkyBackToTopDirective, selector: "[skyBackToTop]", inputs: { skyBackToTop: "skyBackToTop", skyBackToTopMessageStream: "skyBackToTopMessageStream" }, providers: [SkyBackToTopDomAdapterService], ngImport: i0 });
|
|
103
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyBackToTopDirective, decorators: [{
|
|
104
104
|
type: Directive,
|
|
105
105
|
args: [{
|
|
106
106
|
selector: '[skyBackToTop]',
|
|
@@ -8,18 +8,18 @@ import { SkyBackToTopDirective } from './back-to-top.directive';
|
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
export class SkyBackToTopModule {
|
|
10
10
|
}
|
|
11
|
-
SkyBackToTopModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
|
12
|
-
SkyBackToTopModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2
|
|
11
|
+
SkyBackToTopModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyBackToTopModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
12
|
+
SkyBackToTopModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyBackToTopModule, declarations: [SkyBackToTopComponent, SkyBackToTopDirective], imports: [CommonModule,
|
|
13
13
|
SkyDockModule,
|
|
14
14
|
SkyI18nModule,
|
|
15
15
|
SkyLayoutResourcesModule], exports: [SkyBackToTopComponent, SkyBackToTopDirective] });
|
|
16
|
-
SkyBackToTopModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2
|
|
16
|
+
SkyBackToTopModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyBackToTopModule, imports: [[
|
|
17
17
|
CommonModule,
|
|
18
18
|
SkyDockModule,
|
|
19
19
|
SkyI18nModule,
|
|
20
20
|
SkyLayoutResourcesModule,
|
|
21
21
|
]] });
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyBackToTopModule, decorators: [{
|
|
23
23
|
type: NgModule,
|
|
24
24
|
args: [{
|
|
25
25
|
declarations: [SkyBackToTopComponent, SkyBackToTopDirective],
|
|
@@ -6,9 +6,9 @@ import * as i1 from "@skyux/theme";
|
|
|
6
6
|
*/
|
|
7
7
|
export class SkyBoxContentComponent {
|
|
8
8
|
}
|
|
9
|
-
SkyBoxContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
|
10
|
-
SkyBoxContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
|
9
|
+
SkyBoxContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyBoxContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
+
SkyBoxContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyBoxContentComponent, selector: "sky-box-content", ngImport: i0, template: "<div\n class=\"sky-box-content\"\n [skyThemeClass]=\"{\n 'sky-padding-even-large': 'default',\n 'sky-padding-even-xl': 'modern'\n }\"\n>\n <ng-content></ng-content>\n</div>\n", directives: [{ type: i1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }] });
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyBoxContentComponent, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
13
|
args: [{ selector: 'sky-box-content', template: "<div\n class=\"sky-box-content\"\n [skyThemeClass]=\"{\n 'sky-padding-even-large': 'default',\n 'sky-padding-even-xl': 'modern'\n }\"\n>\n <ng-content></ng-content>\n</div>\n" }]
|
|
14
14
|
}] });
|
|
@@ -5,9 +5,9 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
*/
|
|
6
6
|
export class SkyBoxControlsComponent {
|
|
7
7
|
}
|
|
8
|
-
SkyBoxControlsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
|
9
|
-
SkyBoxControlsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
|
8
|
+
SkyBoxControlsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyBoxControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
+
SkyBoxControlsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyBoxControlsComponent, selector: "sky-box-controls", ngImport: i0, template: "<div class=\"sky-box-controls\">\n <ng-content></ng-content>\n</div>\n" });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyBoxControlsComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
12
|
args: [{ selector: 'sky-box-controls', template: "<div class=\"sky-box-controls\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
13
13
|
}] });
|
|
@@ -5,9 +5,9 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
*/
|
|
6
6
|
export class SkyBoxHeaderComponent {
|
|
7
7
|
}
|
|
8
|
-
SkyBoxHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
|
9
|
-
SkyBoxHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
|
8
|
+
SkyBoxHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyBoxHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
+
SkyBoxHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyBoxHeaderComponent, selector: "sky-box-header", ngImport: i0, template: "<div class=\"sky-box-header\">\n <ng-content></ng-content>\n</div>\n" });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyBoxHeaderComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
12
|
args: [{ selector: 'sky-box-header', template: "<div class=\"sky-box-header\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
13
13
|
}] });
|
|
@@ -6,9 +6,9 @@ import * as i1 from "@skyux/theme";
|
|
|
6
6
|
*/
|
|
7
7
|
export class SkyBoxComponent {
|
|
8
8
|
}
|
|
9
|
-
SkyBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
|
10
|
-
SkyBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
|
9
|
+
SkyBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
+
SkyBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyBoxComponent, selector: "sky-box", inputs: { ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", ariaRole: "ariaRole" }, ngImport: i0, template: "<section\n class=\"sky-box\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.role]=\"ariaRole\"\n [skyThemeClass]=\"{\n 'sky-shadow sky-border-dark': 'default',\n 'sky-elevation-1-bordered': 'modern'\n }\"\n>\n <div class=\"sky-box-header-content\">\n <ng-content select=\"sky-box-header\"></ng-content>\n <ng-content select=\"sky-box-controls\"></ng-content>\n </div>\n <ng-content></ng-content>\n</section>\n", styles: [".sky-box{background-color:#fff}.sky-box .sky-box-header-content{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;padding:20px 20px 0}.sky-box .sky-box-header-content:empty{display:none}.sky-box .sky-box-header-content sky-box-header{flex:1 0;order:0}.sky-box .sky-box-header-content sky-box-header .sky-box-header{padding:0 20px 0 0}.sky-box .sky-box-header-content sky-box-header .sky-box-header h1,.sky-box .sky-box-header-content sky-box-header .sky-box-header h2,.sky-box .sky-box-header-content sky-box-header .sky-box-header h3,.sky-box .sky-box-header-content sky-box-header .sky-box-header h4,.sky-box .sky-box-header-content sky-box-header .sky-box-header h5,.sky-box .sky-box-header-content sky-box-header .sky-box-header h6{margin:0}.sky-box .sky-box-header-content sky-box-controls{order:1}.sky-box .sky-box-header-content sky-box-controls .sky-box-controls{position:relative;top:-2px}.sky-box sky-box-content{flex:0 1 100%;order:2}.sky-box sky-box-content .sky-box-content{padding:20px}.sky-theme-modern .sky-box{border-radius:6px;overflow:hidden}.sky-theme-modern .sky-box .sky-box-header-content{padding:30px 30px 0}.sky-theme-modern .sky-box .sky-box-header-content sky-box-header .sky-box-header{padding:0 30px 0 0}.sky-theme-modern .sky-box sky-box-content .sky-box-content{padding:30px}\n"], directives: [{ type: i1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyBoxComponent, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
13
|
args: [{ selector: 'sky-box', encapsulation: ViewEncapsulation.None, template: "<section\n class=\"sky-box\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.role]=\"ariaRole\"\n [skyThemeClass]=\"{\n 'sky-shadow sky-border-dark': 'default',\n 'sky-elevation-1-bordered': 'modern'\n }\"\n>\n <div class=\"sky-box-header-content\">\n <ng-content select=\"sky-box-header\"></ng-content>\n <ng-content select=\"sky-box-controls\"></ng-content>\n </div>\n <ng-content></ng-content>\n</section>\n", styles: [".sky-box{background-color:#fff}.sky-box .sky-box-header-content{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;padding:20px 20px 0}.sky-box .sky-box-header-content:empty{display:none}.sky-box .sky-box-header-content sky-box-header{flex:1 0;order:0}.sky-box .sky-box-header-content sky-box-header .sky-box-header{padding:0 20px 0 0}.sky-box .sky-box-header-content sky-box-header .sky-box-header h1,.sky-box .sky-box-header-content sky-box-header .sky-box-header h2,.sky-box .sky-box-header-content sky-box-header .sky-box-header h3,.sky-box .sky-box-header-content sky-box-header .sky-box-header h4,.sky-box .sky-box-header-content sky-box-header .sky-box-header h5,.sky-box .sky-box-header-content sky-box-header .sky-box-header h6{margin:0}.sky-box .sky-box-header-content sky-box-controls{order:1}.sky-box .sky-box-header-content sky-box-controls .sky-box-controls{position:relative;top:-2px}.sky-box sky-box-content{flex:0 1 100%;order:2}.sky-box sky-box-content .sky-box-content{padding:20px}.sky-theme-modern .sky-box{border-radius:6px;overflow:hidden}.sky-theme-modern .sky-box .sky-box-header-content{padding:30px 30px 0}.sky-theme-modern .sky-box .sky-box-header-content sky-box-header .sky-box-header{padding:0 30px 0 0}.sky-theme-modern .sky-box sky-box-content .sky-box-content{padding:30px}\n"] }]
|
|
14
14
|
}], propDecorators: { ariaLabel: [{
|