@skyux/layout 5.2.2 → 5.5.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/README.md +6 -4
- package/bundles/skyux-layout.umd.js +264 -243
- package/documentation.json +413 -64
- package/esm2015/index.js +74 -0
- package/esm2015/index.js.map +1 -0
- package/esm2015/lib/modules/action-button/action-button-adapter-service.js +43 -0
- package/esm2015/lib/modules/action-button/action-button-adapter-service.js.map +1 -0
- package/esm2015/lib/modules/action-button/action-button-container.component.js +145 -0
- package/esm2015/lib/modules/action-button/action-button-container.component.js.map +1 -0
- package/esm2015/lib/modules/action-button/action-button-details.component.js +17 -0
- package/esm2015/lib/modules/action-button/action-button-details.component.js.map +1 -0
- package/esm2015/{modules → lib/modules}/action-button/action-button-header.component.js +4 -4
- package/esm2015/lib/modules/action-button/action-button-header.component.js.map +1 -0
- package/esm2015/lib/modules/action-button/action-button-icon.component.js +44 -0
- package/esm2015/lib/modules/action-button/action-button-icon.component.js.map +1 -0
- package/esm2015/lib/modules/action-button/action-button-permalink.js +2 -0
- package/esm2015/lib/modules/action-button/action-button-permalink.js.map +1 -0
- package/esm2015/{modules → lib/modules}/action-button/action-button.component.js +4 -4
- package/esm2015/lib/modules/action-button/action-button.component.js.map +1 -0
- package/esm2015/lib/modules/action-button/action-button.module.js +62 -0
- package/esm2015/lib/modules/action-button/action-button.module.js.map +1 -0
- package/esm2015/lib/modules/action-button/types/action-button-container-align-items-type.js +2 -0
- package/esm2015/lib/modules/action-button/types/action-button-container-align-items-type.js.map +1 -0
- package/esm2015/lib/modules/action-button/types/action-button-container-align-items.js +2 -0
- package/esm2015/lib/modules/action-button/types/action-button-container-align-items.js.map +1 -0
- package/esm2015/lib/modules/back-to-top/back-to-top-adapter.service.js +89 -0
- package/esm2015/lib/modules/back-to-top/back-to-top-adapter.service.js.map +1 -0
- package/esm2015/lib/modules/back-to-top/back-to-top.component.js +31 -0
- package/esm2015/lib/modules/back-to-top/back-to-top.component.js.map +1 -0
- package/esm2015/lib/modules/back-to-top/back-to-top.directive.js +115 -0
- package/esm2015/lib/modules/back-to-top/back-to-top.directive.js.map +1 -0
- package/esm2015/lib/modules/back-to-top/back-top-top.module.js +36 -0
- package/esm2015/lib/modules/back-to-top/back-top-top.module.js.map +1 -0
- package/esm2015/lib/modules/back-to-top/models/back-to-top-message-type.js +11 -0
- package/esm2015/lib/modules/back-to-top/models/back-to-top-message-type.js.map +1 -0
- package/esm2015/lib/modules/back-to-top/models/back-to-top-message.js +2 -0
- package/esm2015/lib/modules/back-to-top/models/back-to-top-message.js.map +1 -0
- package/esm2015/lib/modules/back-to-top/models/back-to-top-options.js +2 -0
- package/esm2015/lib/modules/back-to-top/models/back-to-top-options.js.map +1 -0
- package/esm2015/lib/modules/box/box-content.component.js +18 -0
- package/esm2015/lib/modules/box/box-content.component.js.map +1 -0
- package/esm2015/lib/modules/box/box-controls.component.js +17 -0
- package/esm2015/lib/modules/box/box-controls.component.js.map +1 -0
- package/esm2015/lib/modules/box/box-header.component.js +17 -0
- package/esm2015/lib/modules/box/box-header.component.js.map +1 -0
- package/esm2015/lib/modules/box/box.component.js +26 -0
- package/esm2015/lib/modules/box/box.component.js.map +1 -0
- package/esm2015/lib/modules/box/box.module.js +38 -0
- package/esm2015/lib/modules/box/box.module.js.map +1 -0
- package/esm2015/lib/modules/card/card-actions.component.js +18 -0
- package/esm2015/lib/modules/card/card-actions.component.js.map +1 -0
- package/esm2015/lib/modules/card/card-content.component.js +17 -0
- package/esm2015/lib/modules/card/card-content.component.js.map +1 -0
- package/esm2015/lib/modules/card/card-title.component.js +17 -0
- package/esm2015/lib/modules/card/card-title.component.js.map +1 -0
- package/esm2015/lib/modules/card/card.component.js +79 -0
- package/esm2015/lib/modules/card/card.component.js.map +1 -0
- package/esm2015/lib/modules/card/card.module.js +61 -0
- package/esm2015/lib/modules/card/card.module.js.map +1 -0
- package/esm2015/lib/modules/definition-list/definition-list-content.component.js +19 -0
- package/esm2015/lib/modules/definition-list/definition-list-content.component.js.map +1 -0
- package/esm2015/lib/modules/definition-list/definition-list-heading.component.js +19 -0
- package/esm2015/lib/modules/definition-list/definition-list-heading.component.js.map +1 -0
- package/esm2015/lib/modules/definition-list/definition-list-label.component.js +25 -0
- package/esm2015/lib/modules/definition-list/definition-list-label.component.js.map +1 -0
- package/esm2015/lib/modules/definition-list/definition-list-value.component.js +25 -0
- package/esm2015/lib/modules/definition-list/definition-list-value.component.js.map +1 -0
- package/esm2015/lib/modules/definition-list/definition-list.component.js +44 -0
- package/esm2015/lib/modules/definition-list/definition-list.component.js.map +1 -0
- package/esm2015/lib/modules/definition-list/definition-list.module.js +44 -0
- package/esm2015/lib/modules/definition-list/definition-list.module.js.map +1 -0
- package/esm2015/lib/modules/definition-list/definition-list.service.js +18 -0
- package/esm2015/lib/modules/definition-list/definition-list.service.js.map +1 -0
- package/esm2015/lib/modules/description-list/description-list-adapter-service.js +43 -0
- package/esm2015/lib/modules/description-list/description-list-adapter-service.js.map +1 -0
- package/esm2015/lib/modules/description-list/description-list-content.component.js +25 -0
- package/esm2015/lib/modules/description-list/description-list-content.component.js.map +1 -0
- package/esm2015/lib/modules/description-list/description-list-description.component.js +53 -0
- package/esm2015/lib/modules/description-list/description-list-description.component.js.map +1 -0
- package/esm2015/lib/modules/description-list/description-list-term.component.js +24 -0
- package/esm2015/lib/modules/description-list/description-list-term.component.js.map +1 -0
- package/esm2015/lib/modules/description-list/description-list.component.js +107 -0
- package/esm2015/lib/modules/description-list/description-list.component.js.map +1 -0
- package/esm2015/lib/modules/description-list/description-list.module.js +53 -0
- package/esm2015/lib/modules/description-list/description-list.module.js.map +1 -0
- package/esm2015/lib/modules/description-list/description-list.service.js +26 -0
- package/esm2015/lib/modules/description-list/description-list.service.js.map +1 -0
- package/esm2015/lib/modules/description-list/types/description-list-mode-type.js +2 -0
- package/esm2015/lib/modules/description-list/types/description-list-mode-type.js.map +1 -0
- package/esm2015/lib/modules/description-list/types/description-list-mode.js +24 -0
- package/esm2015/lib/modules/description-list/types/description-list-mode.js.map +1 -0
- package/esm2015/{modules → lib/modules}/fluid-grid/column.component.js +4 -4
- package/esm2015/lib/modules/fluid-grid/column.component.js.map +1 -0
- package/esm2015/lib/modules/fluid-grid/fluid-grid-gutter-size.js +20 -0
- package/esm2015/lib/modules/fluid-grid/fluid-grid-gutter-size.js.map +1 -0
- package/esm2015/lib/modules/fluid-grid/fluid-grid.component.js +66 -0
- package/esm2015/lib/modules/fluid-grid/fluid-grid.component.js.map +1 -0
- package/esm2015/lib/modules/fluid-grid/fluid-grid.module.js +20 -0
- package/esm2015/lib/modules/fluid-grid/fluid-grid.module.js.map +1 -0
- package/esm2015/{modules → lib/modules}/fluid-grid/row.component.js +4 -4
- package/esm2015/lib/modules/fluid-grid/row.component.js.map +1 -0
- package/esm2015/lib/modules/fluid-grid/types/fluid-grid-gutter-size-type.js +2 -0
- package/esm2015/lib/modules/fluid-grid/types/fluid-grid-gutter-size-type.js.map +1 -0
- package/esm2015/lib/modules/format/format-item.js +2 -0
- package/esm2015/lib/modules/format/format-item.js.map +1 -0
- package/esm2015/lib/modules/format/format.component.js +63 -0
- package/esm2015/lib/modules/format/format.component.js.map +1 -0
- package/esm2015/lib/modules/format/format.module.js +18 -0
- package/esm2015/lib/modules/format/format.module.js.map +1 -0
- package/esm2015/lib/modules/inline-delete/inline-delete-adapter.service.js +115 -0
- package/esm2015/lib/modules/inline-delete/inline-delete-adapter.service.js.map +1 -0
- package/esm2015/lib/modules/inline-delete/inline-delete-type.js +16 -0
- package/esm2015/lib/modules/inline-delete/inline-delete-type.js.map +1 -0
- package/esm2015/lib/modules/inline-delete/inline-delete.component.js +167 -0
- package/esm2015/lib/modules/inline-delete/inline-delete.component.js.map +1 -0
- package/esm2015/lib/modules/inline-delete/inline-delete.module.js +34 -0
- package/esm2015/lib/modules/inline-delete/inline-delete.module.js.map +1 -0
- package/esm2015/lib/modules/page/page-theme-adapter.service.js +26 -0
- package/esm2015/lib/modules/page/page-theme-adapter.service.js.map +1 -0
- package/esm2015/lib/modules/page/page.component.js +31 -0
- package/esm2015/lib/modules/page/page.component.js.map +1 -0
- package/esm2015/lib/modules/page/page.module.js +16 -0
- package/esm2015/lib/modules/page/page.module.js.map +1 -0
- package/esm2015/lib/modules/page-summary/page-summary-adapter.service.js +23 -0
- package/esm2015/lib/modules/page-summary/page-summary-adapter.service.js.map +1 -0
- package/esm2015/lib/modules/page-summary/page-summary-alert.component.js +21 -0
- package/esm2015/lib/modules/page-summary/page-summary-alert.component.js.map +1 -0
- package/esm2015/lib/modules/page-summary/page-summary-content.component.js +20 -0
- package/esm2015/lib/modules/page-summary/page-summary-content.component.js.map +1 -0
- package/esm2015/{modules → lib/modules}/page-summary/page-summary-image.component.js +4 -4
- package/esm2015/lib/modules/page-summary/page-summary-image.component.js.map +1 -0
- package/esm2015/{modules → lib/modules}/page-summary/page-summary-key-info.component.js +4 -4
- package/esm2015/lib/modules/page-summary/page-summary-key-info.component.js.map +1 -0
- package/esm2015/lib/modules/page-summary/page-summary-status.component.js +21 -0
- package/esm2015/lib/modules/page-summary/page-summary-status.component.js.map +1 -0
- package/esm2015/lib/modules/page-summary/page-summary-subtitle.component.js +20 -0
- package/esm2015/lib/modules/page-summary/page-summary-subtitle.component.js.map +1 -0
- package/esm2015/lib/modules/page-summary/page-summary-title.component.js +20 -0
- package/esm2015/lib/modules/page-summary/page-summary-title.component.js.map +1 -0
- package/esm2015/{modules → lib/modules}/page-summary/page-summary.component.js +6 -6
- package/esm2015/lib/modules/page-summary/page-summary.component.js.map +1 -0
- package/esm2015/lib/modules/page-summary/page-summary.module.js +57 -0
- package/esm2015/lib/modules/page-summary/page-summary.module.js.map +1 -0
- package/esm2015/lib/modules/shared/sky-layout-resources.module.js +60 -0
- package/esm2015/lib/modules/shared/sky-layout-resources.module.js.map +1 -0
- package/esm2015/lib/modules/text-expand/text-expand-adapter.service.js +31 -0
- package/esm2015/lib/modules/text-expand/text-expand-adapter.service.js.map +1 -0
- package/esm2015/lib/modules/text-expand/text-expand-modal-context.js +6 -0
- package/esm2015/lib/modules/text-expand/text-expand-modal-context.js.map +1 -0
- package/esm2015/lib/modules/text-expand/text-expand-modal.component.js +30 -0
- package/esm2015/lib/modules/text-expand/text-expand-modal.component.js.map +1 -0
- package/esm2015/lib/modules/text-expand/text-expand.component.js +252 -0
- package/esm2015/lib/modules/text-expand/text-expand.component.js.map +1 -0
- package/esm2015/lib/modules/text-expand/text-expand.module.js +36 -0
- package/esm2015/lib/modules/text-expand/text-expand.module.js.map +1 -0
- package/esm2015/lib/modules/text-expand-repeater/text-expand-repeater-adapter.service.js +37 -0
- package/esm2015/lib/modules/text-expand-repeater/text-expand-repeater-adapter.service.js.map +1 -0
- package/esm2015/lib/modules/text-expand-repeater/text-expand-repeater.component.js +176 -0
- package/esm2015/lib/modules/text-expand-repeater/text-expand-repeater.component.js.map +1 -0
- package/esm2015/lib/modules/text-expand-repeater/text-expand-repeater.module.js +20 -0
- package/esm2015/lib/modules/text-expand-repeater/text-expand-repeater.module.js.map +1 -0
- package/esm2015/lib/modules/text-expand-repeater/types/text-expand-repeater-list-style-type.js +2 -0
- package/esm2015/lib/modules/text-expand-repeater/types/text-expand-repeater-list-style-type.js.map +1 -0
- package/esm2015/{modules → lib/modules}/toolbar/toolbar-item.component.js +4 -4
- package/esm2015/lib/modules/toolbar/toolbar-item.component.js.map +1 -0
- package/esm2015/lib/modules/toolbar/toolbar-section.component.js +18 -0
- package/esm2015/lib/modules/toolbar/toolbar-section.component.js.map +1 -0
- package/esm2015/{modules → lib/modules}/toolbar/toolbar-view-actions.component.js +4 -4
- package/esm2015/lib/modules/toolbar/toolbar-view-actions.component.js.map +1 -0
- package/esm2015/{modules → lib/modules}/toolbar/toolbar.component.js +5 -5
- package/esm2015/lib/modules/toolbar/toolbar.component.js.map +1 -0
- package/esm2015/lib/modules/toolbar/toolbar.module.js +37 -0
- package/esm2015/lib/modules/toolbar/toolbar.module.js.map +1 -0
- package/esm2015/skyux-layout.js +2 -2
- package/esm2015/skyux-layout.js.map +1 -0
- package/esm2015/testing/action-button-fixture.js +1 -1
- package/esm2015/testing/action-button-fixture.js.map +1 -0
- package/esm2015/testing/card-fixture.js +1 -1
- package/esm2015/testing/card-fixture.js.map +1 -0
- package/esm2015/testing/page-summary-fixture.js +1 -1
- package/esm2015/testing/page-summary-fixture.js.map +1 -0
- package/esm2015/testing/public-api.js +1 -1
- package/esm2015/testing/public-api.js.map +1 -0
- package/esm2015/testing/skyux-layout-testing.js +1 -1
- package/esm2015/testing/skyux-layout-testing.js.map +1 -0
- package/fesm2015/skyux-layout-testing.js.map +1 -1
- package/fesm2015/skyux-layout.js +264 -243
- package/fesm2015/skyux-layout.js.map +1 -1
- package/index.d.ts +71 -0
- package/{modules → lib/modules}/action-button/action-button-adapter-service.d.ts +0 -0
- package/{modules → lib/modules}/action-button/action-button-container.component.d.ts +2 -1
- package/{modules → lib/modules}/action-button/action-button-details.component.d.ts +0 -0
- package/{modules → lib/modules}/action-button/action-button-header.component.d.ts +0 -0
- package/{modules → lib/modules}/action-button/action-button-icon.component.d.ts +1 -1
- package/{modules → lib/modules}/action-button/action-button-permalink.d.ts +0 -0
- package/{modules → lib/modules}/action-button/action-button.component.d.ts +0 -0
- package/{modules → lib/modules}/action-button/action-button.module.d.ts +0 -0
- package/{modules → lib/modules}/action-button/types/action-button-container-align-items-type.d.ts +0 -0
- package/{modules → lib/modules}/action-button/types/action-button-container-align-items.d.ts +0 -0
- package/{modules → lib/modules}/back-to-top/back-to-top-adapter.service.d.ts +0 -0
- package/{modules → lib/modules}/back-to-top/back-to-top.component.d.ts +0 -0
- package/{modules → lib/modules}/back-to-top/back-to-top.directive.d.ts +0 -0
- package/{modules → lib/modules}/back-to-top/back-top-top.module.d.ts +0 -0
- package/{modules → lib/modules}/back-to-top/models/back-to-top-message-type.d.ts +0 -0
- package/{modules → lib/modules}/back-to-top/models/back-to-top-message.d.ts +0 -0
- package/{modules → lib/modules}/back-to-top/models/back-to-top-options.d.ts +0 -0
- package/{modules → lib/modules}/box/box-content.component.d.ts +0 -0
- package/{modules → lib/modules}/box/box-controls.component.d.ts +0 -0
- package/{modules → lib/modules}/box/box-header.component.d.ts +0 -0
- package/{modules → lib/modules}/box/box.component.d.ts +0 -0
- package/{modules → lib/modules}/box/box.module.d.ts +0 -0
- package/{modules → lib/modules}/card/card-actions.component.d.ts +0 -0
- package/{modules → lib/modules}/card/card-content.component.d.ts +0 -0
- package/{modules → lib/modules}/card/card-title.component.d.ts +0 -0
- package/{modules → lib/modules}/card/card.component.d.ts +2 -2
- package/{modules → lib/modules}/card/card.module.d.ts +0 -0
- package/{modules → lib/modules}/definition-list/definition-list-content.component.d.ts +0 -0
- package/{modules → lib/modules}/definition-list/definition-list-heading.component.d.ts +0 -0
- package/{modules → lib/modules}/definition-list/definition-list-label.component.d.ts +0 -0
- package/{modules → lib/modules}/definition-list/definition-list-value.component.d.ts +0 -0
- package/{modules → lib/modules}/definition-list/definition-list.component.d.ts +2 -2
- package/{modules → lib/modules}/definition-list/definition-list.module.d.ts +0 -0
- package/{modules → lib/modules}/definition-list/definition-list.service.d.ts +0 -0
- package/{modules → lib/modules}/description-list/description-list-adapter-service.d.ts +0 -0
- package/{modules → lib/modules}/description-list/description-list-content.component.d.ts +0 -0
- package/{modules → lib/modules}/description-list/description-list-description.component.d.ts +0 -0
- package/{modules → lib/modules}/description-list/description-list-term.component.d.ts +0 -0
- package/{modules → lib/modules}/description-list/description-list.component.d.ts +4 -3
- package/{modules → lib/modules}/description-list/description-list.module.d.ts +0 -0
- package/{modules → lib/modules}/description-list/description-list.service.d.ts +0 -0
- package/{modules → lib/modules}/description-list/types/description-list-mode-type.d.ts +0 -0
- package/{modules → lib/modules}/description-list/types/description-list-mode.d.ts +0 -0
- package/{modules → lib/modules}/fluid-grid/column.component.d.ts +0 -0
- package/{modules → lib/modules}/fluid-grid/fluid-grid-gutter-size.d.ts +0 -0
- package/{modules → lib/modules}/fluid-grid/fluid-grid.component.d.ts +2 -2
- package/{modules → lib/modules}/fluid-grid/fluid-grid.module.d.ts +0 -0
- package/{modules → lib/modules}/fluid-grid/row.component.d.ts +0 -0
- package/{modules → lib/modules}/fluid-grid/types/fluid-grid-gutter-size-type.d.ts +0 -0
- package/{modules → lib/modules}/format/format-item.d.ts +0 -0
- package/{modules → lib/modules}/format/format.component.d.ts +0 -0
- package/{modules → lib/modules}/format/format.module.d.ts +0 -0
- package/{modules → lib/modules}/inline-delete/inline-delete-adapter.service.d.ts +0 -0
- package/{modules → lib/modules}/inline-delete/inline-delete-type.d.ts +0 -0
- package/{modules → lib/modules}/inline-delete/inline-delete.component.d.ts +1 -1
- package/{modules → lib/modules}/inline-delete/inline-delete.module.d.ts +0 -0
- package/{modules → lib/modules}/page/page-theme-adapter.service.d.ts +0 -0
- package/{modules → lib/modules}/page/page.component.d.ts +0 -0
- package/{modules → lib/modules}/page/page.module.d.ts +0 -0
- package/{modules → lib/modules}/page-summary/page-summary-adapter.service.d.ts +0 -0
- package/{modules → lib/modules}/page-summary/page-summary-alert.component.d.ts +1 -1
- package/{modules → lib/modules}/page-summary/page-summary-content.component.d.ts +0 -0
- package/{modules → lib/modules}/page-summary/page-summary-image.component.d.ts +0 -0
- package/{modules → lib/modules}/page-summary/page-summary-key-info.component.d.ts +0 -0
- package/{modules → lib/modules}/page-summary/page-summary-status.component.d.ts +0 -0
- package/{modules → lib/modules}/page-summary/page-summary-subtitle.component.d.ts +0 -0
- package/{modules → lib/modules}/page-summary/page-summary-title.component.d.ts +0 -0
- package/{modules → lib/modules}/page-summary/page-summary.component.d.ts +0 -0
- package/{modules → lib/modules}/page-summary/page-summary.module.d.ts +0 -0
- package/{modules → lib/modules}/shared/sky-layout-resources.module.d.ts +0 -0
- package/{modules → lib/modules}/text-expand/text-expand-adapter.service.d.ts +0 -0
- package/{modules → lib/modules}/text-expand/text-expand-modal-context.d.ts +0 -0
- package/{modules → lib/modules}/text-expand/text-expand-modal.component.d.ts +0 -0
- package/{modules → lib/modules}/text-expand/text-expand.component.d.ts +1 -1
- package/{modules → lib/modules}/text-expand/text-expand.module.d.ts +0 -0
- package/{modules → lib/modules}/text-expand-repeater/text-expand-repeater-adapter.service.d.ts +0 -0
- package/{modules → lib/modules}/text-expand-repeater/text-expand-repeater.component.d.ts +1 -1
- package/{modules → lib/modules}/text-expand-repeater/text-expand-repeater.module.d.ts +0 -0
- package/{modules → lib/modules}/text-expand-repeater/types/text-expand-repeater-list-style-type.d.ts +0 -0
- package/{modules → lib/modules}/toolbar/toolbar-item.component.d.ts +0 -0
- package/{modules → lib/modules}/toolbar/toolbar-section.component.d.ts +0 -0
- package/{modules → lib/modules}/toolbar/toolbar-view-actions.component.d.ts +0 -0
- package/{modules → lib/modules}/toolbar/toolbar.component.d.ts +0 -0
- package/{modules → lib/modules}/toolbar/toolbar.module.d.ts +0 -0
- package/package.json +12 -12
- package/skyux-layout.d.ts +1 -1
- package/LICENSE +0 -21
- package/esm2015/modules/action-button/action-button-adapter-service.js +0 -43
- package/esm2015/modules/action-button/action-button-container.component.js +0 -142
- package/esm2015/modules/action-button/action-button-details.component.js +0 -17
- package/esm2015/modules/action-button/action-button-icon.component.js +0 -44
- package/esm2015/modules/action-button/action-button-permalink.js +0 -2
- package/esm2015/modules/action-button/action-button.module.js +0 -62
- package/esm2015/modules/action-button/types/action-button-container-align-items-type.js +0 -2
- package/esm2015/modules/action-button/types/action-button-container-align-items.js +0 -2
- package/esm2015/modules/back-to-top/back-to-top-adapter.service.js +0 -88
- package/esm2015/modules/back-to-top/back-to-top.component.js +0 -31
- package/esm2015/modules/back-to-top/back-to-top.directive.js +0 -114
- package/esm2015/modules/back-to-top/back-top-top.module.js +0 -36
- package/esm2015/modules/back-to-top/models/back-to-top-message-type.js +0 -11
- package/esm2015/modules/back-to-top/models/back-to-top-message.js +0 -2
- package/esm2015/modules/back-to-top/models/back-to-top-options.js +0 -2
- package/esm2015/modules/box/box-content.component.js +0 -18
- package/esm2015/modules/box/box-controls.component.js +0 -17
- package/esm2015/modules/box/box-header.component.js +0 -17
- package/esm2015/modules/box/box.component.js +0 -26
- package/esm2015/modules/box/box.module.js +0 -38
- package/esm2015/modules/card/card-actions.component.js +0 -18
- package/esm2015/modules/card/card-content.component.js +0 -17
- package/esm2015/modules/card/card-title.component.js +0 -17
- package/esm2015/modules/card/card.component.js +0 -79
- package/esm2015/modules/card/card.module.js +0 -61
- package/esm2015/modules/definition-list/definition-list-content.component.js +0 -19
- package/esm2015/modules/definition-list/definition-list-heading.component.js +0 -19
- package/esm2015/modules/definition-list/definition-list-label.component.js +0 -24
- package/esm2015/modules/definition-list/definition-list-value.component.js +0 -24
- package/esm2015/modules/definition-list/definition-list.component.js +0 -44
- package/esm2015/modules/definition-list/definition-list.module.js +0 -44
- package/esm2015/modules/definition-list/definition-list.service.js +0 -18
- package/esm2015/modules/description-list/description-list-adapter-service.js +0 -43
- package/esm2015/modules/description-list/description-list-content.component.js +0 -25
- package/esm2015/modules/description-list/description-list-description.component.js +0 -51
- package/esm2015/modules/description-list/description-list-term.component.js +0 -24
- package/esm2015/modules/description-list/description-list.component.js +0 -105
- package/esm2015/modules/description-list/description-list.module.js +0 -53
- package/esm2015/modules/description-list/description-list.service.js +0 -26
- package/esm2015/modules/description-list/types/description-list-mode-type.js +0 -2
- package/esm2015/modules/description-list/types/description-list-mode.js +0 -24
- package/esm2015/modules/fluid-grid/fluid-grid-gutter-size.js +0 -20
- package/esm2015/modules/fluid-grid/fluid-grid.component.js +0 -66
- package/esm2015/modules/fluid-grid/fluid-grid.module.js +0 -20
- package/esm2015/modules/fluid-grid/types/fluid-grid-gutter-size-type.js +0 -2
- package/esm2015/modules/format/format-item.js +0 -2
- package/esm2015/modules/format/format.component.js +0 -63
- package/esm2015/modules/format/format.module.js +0 -18
- package/esm2015/modules/inline-delete/inline-delete-adapter.service.js +0 -114
- package/esm2015/modules/inline-delete/inline-delete-type.js +0 -16
- package/esm2015/modules/inline-delete/inline-delete.component.js +0 -167
- package/esm2015/modules/inline-delete/inline-delete.module.js +0 -34
- package/esm2015/modules/page/page-theme-adapter.service.js +0 -26
- package/esm2015/modules/page/page.component.js +0 -31
- package/esm2015/modules/page/page.module.js +0 -16
- package/esm2015/modules/page-summary/page-summary-adapter.service.js +0 -23
- package/esm2015/modules/page-summary/page-summary-alert.component.js +0 -21
- package/esm2015/modules/page-summary/page-summary-content.component.js +0 -20
- package/esm2015/modules/page-summary/page-summary-status.component.js +0 -21
- package/esm2015/modules/page-summary/page-summary-subtitle.component.js +0 -20
- package/esm2015/modules/page-summary/page-summary-title.component.js +0 -20
- package/esm2015/modules/page-summary/page-summary.module.js +0 -57
- package/esm2015/modules/shared/sky-layout-resources.module.js +0 -41
- package/esm2015/modules/text-expand/text-expand-adapter.service.js +0 -31
- package/esm2015/modules/text-expand/text-expand-modal-context.js +0 -6
- package/esm2015/modules/text-expand/text-expand-modal.component.js +0 -28
- package/esm2015/modules/text-expand/text-expand.component.js +0 -250
- package/esm2015/modules/text-expand/text-expand.module.js +0 -36
- package/esm2015/modules/text-expand-repeater/text-expand-repeater-adapter.service.js +0 -37
- package/esm2015/modules/text-expand-repeater/text-expand-repeater.component.js +0 -175
- package/esm2015/modules/text-expand-repeater/text-expand-repeater.module.js +0 -20
- package/esm2015/modules/text-expand-repeater/types/text-expand-repeater-list-style-type.js +0 -2
- package/esm2015/modules/toolbar/toolbar-section.component.js +0 -18
- package/esm2015/modules/toolbar/toolbar.module.js +0 -37
- package/esm2015/public-api.js +0 -74
- package/public-api.d.ts +0 -71
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"action-button.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/action-button/action-button.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,iCAAiC,EAAE,MAAM,qCAAqC,CAAC;AAExF,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AAEpF,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAElF,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAE9E,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;;AAyBrE,MAAM,OAAO,qBAAqB;;mHAArB,qBAAqB;oHAArB,qBAAqB,iBArB9B,wBAAwB;QACxB,iCAAiC;QACjC,+BAA+B;QAC/B,8BAA8B;QAC9B,4BAA4B,aAG5B,YAAY;QACZ,YAAY;QACZ,aAAa;QACb,aAAa;QACb,cAAc,aAGd,wBAAwB;QACxB,iCAAiC;QACjC,+BAA+B;QAC/B,8BAA8B;QAC9B,4BAA4B;oHAGnB,qBAAqB,YAfvB;YACP,YAAY;YACZ,YAAY;YACZ,aAAa;YACb,aAAa;YACb,cAAc;SACf;4FASU,qBAAqB;kBAvBjC,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,wBAAwB;wBACxB,iCAAiC;wBACjC,+BAA+B;wBAC/B,8BAA8B;wBAC9B,4BAA4B;qBAC7B;oBACD,OAAO,EAAE;wBACP,YAAY;wBACZ,YAAY;wBACZ,aAAa;wBACb,aAAa;wBACb,cAAc;qBACf;oBACD,OAAO,EAAE;wBACP,wBAAwB;wBACxB,iCAAiC;wBACjC,+BAA+B;wBAC/B,8BAA8B;wBAC9B,4BAA4B;qBAC7B;iBACF","sourcesContent":["import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { RouterModule } from '@angular/router';\n\nimport { SkyIconModule } from '@skyux/indicators';\n\nimport { SkyHrefModule } from '@skyux/router';\n\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyActionButtonContainerComponent } from './action-button-container.component';\n\nimport { SkyActionButtonDetailsComponent } from './action-button-details.component';\n\nimport { SkyActionButtonHeaderComponent } from './action-button-header.component';\n\nimport { SkyActionButtonIconComponent } from './action-button-icon.component';\n\nimport { SkyActionButtonComponent } from './action-button.component';\n\n@NgModule({\n declarations: [\n SkyActionButtonComponent,\n SkyActionButtonContainerComponent,\n SkyActionButtonDetailsComponent,\n SkyActionButtonHeaderComponent,\n SkyActionButtonIconComponent,\n ],\n imports: [\n CommonModule,\n RouterModule,\n SkyHrefModule,\n SkyIconModule,\n SkyThemeModule,\n ],\n exports: [\n SkyActionButtonComponent,\n SkyActionButtonContainerComponent,\n SkyActionButtonDetailsComponent,\n SkyActionButtonHeaderComponent,\n SkyActionButtonIconComponent,\n ],\n})\nexport class SkyActionButtonModule {}\n"]}
|
package/esm2015/lib/modules/action-button/types/action-button-container-align-items-type.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"action-button-container-align-items-type.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/layout/src/lib/modules/action-button/types/action-button-container-align-items-type.ts"],"names":[],"mappings":"","sourcesContent":["export type SkyActionButtonContainerAlignItemsType = 'center' | 'left';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"action-button-container-align-items.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/layout/src/lib/modules/action-button/types/action-button-container-align-items.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * @deprecated Use `SkyActionButtonContainerAlignItemsType` instead.\n * @internal\n */\nexport const enum SkyActionButtonContainerAlignItems {\n /**\n * Displays the action buttons as center-aligned.\n */\n Center = 'center',\n\n /**\n * Displays the action buttons as left-aligned.\n */\n Left = 'left',\n}\n"]}
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import { Injectable } from '@angular/core';
|
|
2
|
+
import { SkyAppWindowRef } from '@skyux/core';
|
|
3
|
+
import { fromEvent, Subject } from 'rxjs';
|
|
4
|
+
import { map, takeUntil } from 'rxjs/operators';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@skyux/core";
|
|
7
|
+
/**
|
|
8
|
+
* @internal
|
|
9
|
+
*/
|
|
10
|
+
export class SkyBackToTopDomAdapterService {
|
|
11
|
+
constructor(windowRef) {
|
|
12
|
+
this.windowRef = windowRef;
|
|
13
|
+
this.ngUnsubscribe = new Subject();
|
|
14
|
+
}
|
|
15
|
+
ngOnDestroy() {
|
|
16
|
+
this.ngUnsubscribe.next();
|
|
17
|
+
this.ngUnsubscribe.complete();
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* This event returns a boolean on scroll indicating whether the provided element is in view.
|
|
21
|
+
* @param elementRef The target element reference.
|
|
22
|
+
*/
|
|
23
|
+
elementInViewOnScroll(elementRef) {
|
|
24
|
+
const parent = this.findScrollableParent(elementRef.nativeElement);
|
|
25
|
+
return fromEvent(parent, 'scroll').pipe(takeUntil(this.ngUnsubscribe), map(() => {
|
|
26
|
+
const isInView = this.isElementScrolledInView(elementRef.nativeElement, parent);
|
|
27
|
+
return isInView;
|
|
28
|
+
}));
|
|
29
|
+
}
|
|
30
|
+
/**
|
|
31
|
+
* Scrolls the window or scrollable parent to the provided element.
|
|
32
|
+
* @param elementRef The target element reference.
|
|
33
|
+
*/
|
|
34
|
+
scrollToElement(elementRef) {
|
|
35
|
+
/* sanity check */
|
|
36
|
+
/* istanbul ignore if */
|
|
37
|
+
if (!elementRef || !elementRef.nativeElement) {
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
40
|
+
const windowObj = this.windowRef.nativeWindow;
|
|
41
|
+
const parent = this.findScrollableParent(elementRef.nativeElement);
|
|
42
|
+
if (parent === windowObj) {
|
|
43
|
+
// Scroll to top of window, but account for the body margin that allows for the omnibar if it exists.
|
|
44
|
+
const bodyMarginOffset = parseInt(getComputedStyle(document.body).marginTop, 10);
|
|
45
|
+
const newOffsetTop = elementRef.nativeElement.offsetTop - bodyMarginOffset;
|
|
46
|
+
this.windowRef.nativeWindow.scrollTo(elementRef.nativeElement.offsetLeft, newOffsetTop);
|
|
47
|
+
}
|
|
48
|
+
else {
|
|
49
|
+
// Scroll to top of parent element.
|
|
50
|
+
parent.scrollTop = parent.offsetTop - elementRef.nativeElement.offsetTop;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
findScrollableParent(element) {
|
|
54
|
+
const regex = /(auto|scroll)/;
|
|
55
|
+
const windowObj = this.windowRef.nativeWindow;
|
|
56
|
+
const bodyObj = windowObj.document.body;
|
|
57
|
+
let style = windowObj.getComputedStyle(element);
|
|
58
|
+
let parent = element;
|
|
59
|
+
do {
|
|
60
|
+
parent = parent.parentNode;
|
|
61
|
+
style = windowObj.getComputedStyle(parent);
|
|
62
|
+
} while (!regex.test(style.overflow) &&
|
|
63
|
+
!regex.test(style.overflowY) &&
|
|
64
|
+
parent !== bodyObj);
|
|
65
|
+
if (parent === bodyObj) {
|
|
66
|
+
return windowObj;
|
|
67
|
+
}
|
|
68
|
+
return parent;
|
|
69
|
+
}
|
|
70
|
+
isElementScrolledInView(element, parentElement) {
|
|
71
|
+
const buffer = 25;
|
|
72
|
+
const windowObj = this.windowRef.nativeWindow;
|
|
73
|
+
const elementRect = element.getBoundingClientRect();
|
|
74
|
+
/* istanbul ignore else */
|
|
75
|
+
if (parentElement === windowObj) {
|
|
76
|
+
return elementRect.top > -buffer;
|
|
77
|
+
}
|
|
78
|
+
else {
|
|
79
|
+
const parentRect = parentElement.getBoundingClientRect();
|
|
80
|
+
return elementRect.top > parentRect.top - buffer;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
SkyBackToTopDomAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyBackToTopDomAdapterService, deps: [{ token: i1.SkyAppWindowRef }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
85
|
+
SkyBackToTopDomAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyBackToTopDomAdapterService });
|
|
86
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyBackToTopDomAdapterService, decorators: [{
|
|
87
|
+
type: Injectable
|
|
88
|
+
}], ctorParameters: function () { return [{ type: i1.SkyAppWindowRef }]; } });
|
|
89
|
+
//# sourceMappingURL=back-to-top-adapter.service.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"back-to-top-adapter.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/back-to-top/back-to-top-adapter.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,UAAU,EAAa,MAAM,eAAe,CAAC;AAElE,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAc,OAAO,EAAE,MAAM,MAAM,CAAC;AAEtD,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;;;AAEhD;;GAEG;AAEH,MAAM,OAAO,6BAA6B;IAGxC,YAAoB,SAA0B;QAA1B,cAAS,GAAT,SAAS,CAAiB;QAFtC,kBAAa,GAAG,IAAI,OAAO,EAAQ,CAAC;IAEK,CAAC;IAE3C,WAAW;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QAC1B,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC;IAED;;;OAGG;IACI,qBAAqB,CAAC,UAAsB;QACjD,MAAM,MAAM,GAAG,IAAI,CAAC,oBAAoB,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;QAEnE,OAAO,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,IAAI,CACrC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,EAC7B,GAAG,CAAC,GAAG,EAAE;YACP,MAAM,QAAQ,GAAG,IAAI,CAAC,uBAAuB,CAC3C,UAAU,CAAC,aAAa,EACxB,MAAM,CACP,CAAC;YACF,OAAO,QAAQ,CAAC;QAClB,CAAC,CAAC,CACH,CAAC;IACJ,CAAC;IAED;;;OAGG;IACI,eAAe,CAAC,UAAsB;QAC3C,kBAAkB;QAClB,wBAAwB;QACxB,IAAI,CAAC,UAAU,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE;YAC5C,OAAO;SACR;QAED,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC;QAC9C,MAAM,MAAM,GAAG,IAAI,CAAC,oBAAoB,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;QAEnE,IAAI,MAAM,KAAK,SAAS,EAAE;YACxB,qGAAqG;YACrG,MAAM,gBAAgB,GAAG,QAAQ,CAC/B,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,SAAS,EACzC,EAAE,CACH,CAAC;YACF,MAAM,YAAY,GAChB,UAAU,CAAC,aAAa,CAAC,SAAS,GAAG,gBAAgB,CAAC;YACxD,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,QAAQ,CAClC,UAAU,CAAC,aAAa,CAAC,UAAU,EACnC,YAAY,CACb,CAAC;SACH;aAAM;YACL,mCAAmC;YACnC,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,GAAG,UAAU,CAAC,aAAa,CAAC,SAAS,CAAC;SAC1E;IACH,CAAC;IAEM,oBAAoB,CAAC,OAAY;QACtC,MAAM,KAAK,GAAG,eAAe,CAAC;QAC9B,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC;QAC9C,MAAM,OAAO,GAAG,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC;QAExC,IAAI,KAAK,GAAG,SAAS,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;QAChD,IAAI,MAAM,GAAG,OAAO,CAAC;QAErB,GAAG;YACD,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC;YAC3B,KAAK,GAAG,SAAS,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;SAC5C,QACC,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;YAC3B,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;YAC5B,MAAM,KAAK,OAAO,EAClB;QAEF,IAAI,MAAM,KAAK,OAAO,EAAE;YACtB,OAAO,SAAS,CAAC;SAClB;QAED,OAAO,MAAM,CAAC;IAChB,CAAC;IAEM,uBAAuB,CAAC,OAAY,EAAE,aAAkB;QAC7D,MAAM,MAAM,GAAG,EAAE,CAAC;QAClB,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC;QAC9C,MAAM,WAAW,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAEpD,0BAA0B;QAC1B,IAAI,aAAa,KAAK,SAAS,EAAE;YAC/B,OAAO,WAAW,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC;SAClC;aAAM;YACL,MAAM,UAAU,GAAG,aAAa,CAAC,qBAAqB,EAAE,CAAC;YACzD,OAAO,WAAW,CAAC,GAAG,GAAG,UAAU,CAAC,GAAG,GAAG,MAAM,CAAC;SAClD;IACH,CAAC;;2HAjGU,6BAA6B;+HAA7B,6BAA6B;4FAA7B,6BAA6B;kBADzC,UAAU","sourcesContent":["import { ElementRef, Injectable, OnDestroy } from '@angular/core';\n\nimport { SkyAppWindowRef } from '@skyux/core';\n\nimport { fromEvent, Observable, Subject } from 'rxjs';\n\nimport { map, takeUntil } from 'rxjs/operators';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyBackToTopDomAdapterService implements OnDestroy {\n private ngUnsubscribe = new Subject<void>();\n\n constructor(private windowRef: SkyAppWindowRef) {}\n\n public ngOnDestroy(): void {\n this.ngUnsubscribe.next();\n this.ngUnsubscribe.complete();\n }\n\n /**\n * This event returns a boolean on scroll indicating whether the provided element is in view.\n * @param elementRef The target element reference.\n */\n public elementInViewOnScroll(elementRef: ElementRef): Observable<boolean> {\n const parent = this.findScrollableParent(elementRef.nativeElement);\n\n return fromEvent(parent, 'scroll').pipe(\n takeUntil(this.ngUnsubscribe),\n map(() => {\n const isInView = this.isElementScrolledInView(\n elementRef.nativeElement,\n parent\n );\n return isInView;\n })\n );\n }\n\n /**\n * Scrolls the window or scrollable parent to the provided element.\n * @param elementRef The target element reference.\n */\n public scrollToElement(elementRef: ElementRef): void {\n /* sanity check */\n /* istanbul ignore if */\n if (!elementRef || !elementRef.nativeElement) {\n return;\n }\n\n const windowObj = this.windowRef.nativeWindow;\n const parent = this.findScrollableParent(elementRef.nativeElement);\n\n if (parent === windowObj) {\n // Scroll to top of window, but account for the body margin that allows for the omnibar if it exists.\n const bodyMarginOffset = parseInt(\n getComputedStyle(document.body).marginTop,\n 10\n );\n const newOffsetTop =\n elementRef.nativeElement.offsetTop - bodyMarginOffset;\n this.windowRef.nativeWindow.scrollTo(\n elementRef.nativeElement.offsetLeft,\n newOffsetTop\n );\n } else {\n // Scroll to top of parent element.\n parent.scrollTop = parent.offsetTop - elementRef.nativeElement.offsetTop;\n }\n }\n\n public findScrollableParent(element: any): any {\n const regex = /(auto|scroll)/;\n const windowObj = this.windowRef.nativeWindow;\n const bodyObj = windowObj.document.body;\n\n let style = windowObj.getComputedStyle(element);\n let parent = element;\n\n do {\n parent = parent.parentNode;\n style = windowObj.getComputedStyle(parent);\n } while (\n !regex.test(style.overflow) &&\n !regex.test(style.overflowY) &&\n parent !== bodyObj\n );\n\n if (parent === bodyObj) {\n return windowObj;\n }\n\n return parent;\n }\n\n public isElementScrolledInView(element: any, parentElement: any): boolean {\n const buffer = 25;\n const windowObj = this.windowRef.nativeWindow;\n const elementRect = element.getBoundingClientRect();\n\n /* istanbul ignore else */\n if (parentElement === windowObj) {\n return elementRect.top > -buffer;\n } else {\n const parentRect = parentElement.getBoundingClientRect();\n return elementRect.top > parentRect.top - buffer;\n }\n }\n}\n"]}
|
|
@@ -0,0 +1,31 @@
|
|
|
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/i18n";
|
|
5
|
+
/**
|
|
6
|
+
* @internal
|
|
7
|
+
*/
|
|
8
|
+
export class SkyBackToTopComponent {
|
|
9
|
+
constructor() {
|
|
10
|
+
this._scrollToTopClick = new Subject();
|
|
11
|
+
}
|
|
12
|
+
get scrollToTopClick() {
|
|
13
|
+
return this._scrollToTopClick.asObservable();
|
|
14
|
+
}
|
|
15
|
+
onScrollToTopClick() {
|
|
16
|
+
this._scrollToTopClick.next();
|
|
17
|
+
this._scrollToTopClick.complete();
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
SkyBackToTopComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyBackToTopComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
21
|
+
SkyBackToTopComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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: "12.2.16", ngImport: i0, type: SkyBackToTopComponent, decorators: [{
|
|
23
|
+
type: Component,
|
|
24
|
+
args: [{
|
|
25
|
+
selector: 'sky-back-to-top',
|
|
26
|
+
templateUrl: './back-to-top.component.html',
|
|
27
|
+
styleUrls: ['./back-to-top.component.scss'],
|
|
28
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
29
|
+
}]
|
|
30
|
+
}] });
|
|
31
|
+
//# sourceMappingURL=back-to-top.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"back-to-top.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/back-to-top/back-to-top.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/back-to-top/back-to-top.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAEnE,OAAO,EAAc,OAAO,EAAE,MAAM,MAAM,CAAC;;;AAE3C;;GAEG;AAOH,MAAM,OAAO,qBAAqB;IANlC;QAWU,sBAAiB,GAAG,IAAI,OAAO,EAAQ,CAAC;KAMjD;IAVC,IAAW,gBAAgB;QACzB,OAAO,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,CAAC;IAC/C,CAAC;IAIM,kBAAkB;QACvB,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;QAC9B,IAAI,CAAC,iBAAiB,CAAC,QAAQ,EAAE,CAAC;IACpC,CAAC;;mHAVU,qBAAqB;uGAArB,qBAAqB,uDCblC,wPASA;4FDIa,qBAAqB;kBANjC,SAAS;mBAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,WAAW,EAAE,8BAA8B;oBAC3C,SAAS,EAAE,CAAC,8BAA8B,CAAC;oBAC3C,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\nimport { Observable, Subject } from 'rxjs';\n\n/**\n * @internal\n */\n@Component({\n selector: 'sky-back-to-top',\n templateUrl: './back-to-top.component.html',\n styleUrls: ['./back-to-top.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyBackToTopComponent {\n public get scrollToTopClick(): Observable<void> {\n return this._scrollToTopClick.asObservable();\n }\n\n private _scrollToTopClick = new Subject<void>();\n\n public onScrollToTopClick(): void {\n this._scrollToTopClick.next();\n this._scrollToTopClick.complete();\n }\n}\n","<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"]}
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
import { Directive, ElementRef, Input, } from '@angular/core';
|
|
2
|
+
import { SkyDockService } from '@skyux/core';
|
|
3
|
+
import { Subject } from 'rxjs';
|
|
4
|
+
import { takeUntil } from 'rxjs/operators';
|
|
5
|
+
import { SkyBackToTopDomAdapterService } from './back-to-top-adapter.service';
|
|
6
|
+
import { SkyBackToTopComponent } from './back-to-top.component';
|
|
7
|
+
import { SkyBackToTopMessageType } from './models/back-to-top-message-type';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
import * as i1 from "@skyux/core";
|
|
10
|
+
import * as i2 from "./back-to-top-adapter.service";
|
|
11
|
+
/**
|
|
12
|
+
* Associates a button with an element on the page and displays that button
|
|
13
|
+
* to return to the element after users scroll away.
|
|
14
|
+
*/
|
|
15
|
+
export class SkyBackToTopDirective {
|
|
16
|
+
constructor(dockService, domAdapter, element) {
|
|
17
|
+
this.dockService = dockService;
|
|
18
|
+
this.domAdapter = domAdapter;
|
|
19
|
+
this.element = element;
|
|
20
|
+
this.buttonHidden = false;
|
|
21
|
+
this.ngUnsubscribe = new Subject();
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* Specifies configuration options for the back to top component.
|
|
25
|
+
*/
|
|
26
|
+
set skyBackToTop(value) {
|
|
27
|
+
this.buttonHidden = !!(value === null || value === void 0 ? void 0 : value.buttonHidden);
|
|
28
|
+
this.handleBackToTopButton(this.elementInView);
|
|
29
|
+
}
|
|
30
|
+
/**
|
|
31
|
+
* Provides an observable to send commands to the back to top component.
|
|
32
|
+
* The commands respect the `SkyBackToTopMessage` type.
|
|
33
|
+
*/
|
|
34
|
+
set skyBackToTopMessageStream(value) {
|
|
35
|
+
if (this._skyBackToTopMessageStream) {
|
|
36
|
+
this._skyBackToTopMessageStream.unsubscribe();
|
|
37
|
+
}
|
|
38
|
+
this._skyBackToTopMessageStream = value;
|
|
39
|
+
this._skyBackToTopMessageStream
|
|
40
|
+
.pipe(takeUntil(this.ngUnsubscribe))
|
|
41
|
+
.subscribe((message) => this.handleIncomingMessages(message));
|
|
42
|
+
}
|
|
43
|
+
ngAfterViewInit() {
|
|
44
|
+
const scrollableParent = this.domAdapter.findScrollableParent(this.element.nativeElement);
|
|
45
|
+
this.elementInView = this.domAdapter.isElementScrolledInView(this.element.nativeElement, scrollableParent);
|
|
46
|
+
this.handleBackToTopButton(this.elementInView);
|
|
47
|
+
this.setBackToTopListeners();
|
|
48
|
+
}
|
|
49
|
+
ngOnDestroy() {
|
|
50
|
+
if (this.dockItem) {
|
|
51
|
+
this.dockItem.destroy();
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
handleBackToTopButton(elementInView) {
|
|
55
|
+
// Add back to top button if user scrolls down and button is not hidden.
|
|
56
|
+
if (!this.dockItem &&
|
|
57
|
+
elementInView !== undefined &&
|
|
58
|
+
!elementInView &&
|
|
59
|
+
!this.buttonHidden) {
|
|
60
|
+
this.addBackToTop();
|
|
61
|
+
}
|
|
62
|
+
// Remove back to top button if user scrolls back up.
|
|
63
|
+
if (elementInView || this.buttonHidden) {
|
|
64
|
+
this.destroyBackToTop();
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
addBackToTop() {
|
|
68
|
+
this.dockItem = this.dockService.insertComponent(SkyBackToTopComponent);
|
|
69
|
+
// Listen for clicks on the "back to top" button so we know when to scroll up.
|
|
70
|
+
this.dockItem.componentInstance.scrollToTopClick
|
|
71
|
+
.pipe(takeUntil(this.ngUnsubscribe))
|
|
72
|
+
.subscribe(() => {
|
|
73
|
+
this.domAdapter.scrollToElement(this.element);
|
|
74
|
+
});
|
|
75
|
+
}
|
|
76
|
+
handleIncomingMessages(message) {
|
|
77
|
+
/* istanbul ignore else */
|
|
78
|
+
if (message.type === SkyBackToTopMessageType.BackToTop) {
|
|
79
|
+
this.domAdapter.scrollToElement(this.element);
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
setBackToTopListeners() {
|
|
83
|
+
/* istanbul ignore else */
|
|
84
|
+
if (this.element) {
|
|
85
|
+
this.domAdapter
|
|
86
|
+
.elementInViewOnScroll(this.element)
|
|
87
|
+
.pipe(takeUntil(this.ngUnsubscribe))
|
|
88
|
+
.subscribe((elementInView) => {
|
|
89
|
+
this.elementInView = elementInView;
|
|
90
|
+
this.handleBackToTopButton(elementInView);
|
|
91
|
+
});
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
destroyBackToTop() {
|
|
95
|
+
/* istanbul ignore else */
|
|
96
|
+
if (this.dockItem) {
|
|
97
|
+
this.dockItem.destroy();
|
|
98
|
+
this.dockItem = undefined;
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
SkyBackToTopDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyBackToTopDirective, deps: [{ token: i1.SkyDockService }, { token: i2.SkyBackToTopDomAdapterService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
103
|
+
SkyBackToTopDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SkyBackToTopDirective, selector: "[skyBackToTop]", inputs: { skyBackToTop: "skyBackToTop", skyBackToTopMessageStream: "skyBackToTopMessageStream" }, providers: [SkyBackToTopDomAdapterService], ngImport: i0 });
|
|
104
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyBackToTopDirective, decorators: [{
|
|
105
|
+
type: Directive,
|
|
106
|
+
args: [{
|
|
107
|
+
selector: '[skyBackToTop]',
|
|
108
|
+
providers: [SkyBackToTopDomAdapterService],
|
|
109
|
+
}]
|
|
110
|
+
}], ctorParameters: function () { return [{ type: i1.SkyDockService }, { type: i2.SkyBackToTopDomAdapterService }, { type: i0.ElementRef }]; }, propDecorators: { skyBackToTop: [{
|
|
111
|
+
type: Input
|
|
112
|
+
}], skyBackToTopMessageStream: [{
|
|
113
|
+
type: Input
|
|
114
|
+
}] } });
|
|
115
|
+
//# sourceMappingURL=back-to-top.directive.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"back-to-top.directive.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/back-to-top/back-to-top.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n AfterViewInit,\n Directive,\n ElementRef,\n Input,\n OnDestroy,\n} from '@angular/core';\n\nimport { SkyDockItem, SkyDockService } from '@skyux/core';\n\nimport { Subject } from 'rxjs';\n\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyBackToTopDomAdapterService } from './back-to-top-adapter.service';\n\nimport { SkyBackToTopComponent } from './back-to-top.component';\n\nimport { SkyBackToTopMessage } from './models/back-to-top-message';\n\nimport { SkyBackToTopMessageType } from './models/back-to-top-message-type';\n\nimport { SkyBackToTopOptions } from './models/back-to-top-options';\n\n/**\n * Associates a button with an element on the page and displays that button\n * to return to the element after users scroll away.\n */\n@Directive({\n selector: '[skyBackToTop]',\n providers: [SkyBackToTopDomAdapterService],\n})\nexport class SkyBackToTopDirective implements AfterViewInit, OnDestroy {\n /**\n * Specifies configuration options for the back to top component.\n */\n @Input()\n public set skyBackToTop(value: SkyBackToTopOptions) {\n this.buttonHidden = !!value?.buttonHidden;\n\n this.handleBackToTopButton(this.elementInView);\n }\n\n /**\n * Provides an observable to send commands to the back to top component.\n * The commands respect the `SkyBackToTopMessage` type.\n */\n @Input()\n public set skyBackToTopMessageStream(value: Subject<SkyBackToTopMessage>) {\n if (this._skyBackToTopMessageStream) {\n this._skyBackToTopMessageStream.unsubscribe();\n }\n this._skyBackToTopMessageStream = value;\n this._skyBackToTopMessageStream\n .pipe(takeUntil(this.ngUnsubscribe))\n .subscribe((message: SkyBackToTopMessage) =>\n this.handleIncomingMessages(message)\n );\n }\n\n private buttonHidden = false;\n private dockItem: SkyDockItem<SkyBackToTopComponent>;\n private elementInView: boolean;\n\n private ngUnsubscribe = new Subject<void>();\n private _skyBackToTopMessageStream: Subject<SkyBackToTopMessage>;\n\n constructor(\n private dockService: SkyDockService,\n private domAdapter: SkyBackToTopDomAdapterService,\n private element: ElementRef\n ) {}\n\n public ngAfterViewInit(): void {\n const scrollableParent = this.domAdapter.findScrollableParent(\n this.element.nativeElement\n );\n this.elementInView = this.domAdapter.isElementScrolledInView(\n this.element.nativeElement,\n scrollableParent\n );\n\n this.handleBackToTopButton(this.elementInView);\n this.setBackToTopListeners();\n }\n\n public ngOnDestroy(): void {\n if (this.dockItem) {\n this.dockItem.destroy();\n }\n }\n\n private handleBackToTopButton(elementInView: boolean): void {\n // Add back to top button if user scrolls down and button is not hidden.\n if (\n !this.dockItem &&\n elementInView !== undefined &&\n !elementInView &&\n !this.buttonHidden\n ) {\n this.addBackToTop();\n }\n // Remove back to top button if user scrolls back up.\n if (elementInView || this.buttonHidden) {\n this.destroyBackToTop();\n }\n }\n\n private addBackToTop(): void {\n this.dockItem = this.dockService.insertComponent(SkyBackToTopComponent);\n\n // Listen for clicks on the \"back to top\" button so we know when to scroll up.\n this.dockItem.componentInstance.scrollToTopClick\n .pipe(takeUntil(this.ngUnsubscribe))\n .subscribe(() => {\n this.domAdapter.scrollToElement(this.element);\n });\n }\n\n private handleIncomingMessages(message: SkyBackToTopMessage): void {\n /* istanbul ignore else */\n if (message.type === SkyBackToTopMessageType.BackToTop) {\n this.domAdapter.scrollToElement(this.element);\n }\n }\n\n private setBackToTopListeners(): void {\n /* istanbul ignore else */\n if (this.element) {\n this.domAdapter\n .elementInViewOnScroll(this.element)\n .pipe(takeUntil(this.ngUnsubscribe))\n .subscribe((elementInView: boolean) => {\n this.elementInView = elementInView;\n\n this.handleBackToTopButton(elementInView);\n });\n }\n }\n\n private destroyBackToTop(): void {\n /* istanbul ignore else */\n if (this.dockItem) {\n this.dockItem.destroy();\n this.dockItem = undefined;\n }\n }\n}\n"]}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { SkyDockModule } from '@skyux/core';
|
|
4
|
+
import { SkyI18nModule } from '@skyux/i18n';
|
|
5
|
+
import { SkyBackToTopDirective } from './back-to-top.directive';
|
|
6
|
+
import { SkyBackToTopComponent } from './back-to-top.component';
|
|
7
|
+
import { SkyLayoutResourcesModule } from '../shared/sky-layout-resources.module';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
export class SkyBackToTopModule {
|
|
10
|
+
}
|
|
11
|
+
SkyBackToTopModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyBackToTopModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
12
|
+
SkyBackToTopModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyBackToTopModule, declarations: [SkyBackToTopComponent, SkyBackToTopDirective], imports: [CommonModule,
|
|
13
|
+
SkyDockModule,
|
|
14
|
+
SkyI18nModule,
|
|
15
|
+
SkyLayoutResourcesModule], exports: [SkyBackToTopComponent, SkyBackToTopDirective] });
|
|
16
|
+
SkyBackToTopModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyBackToTopModule, imports: [[
|
|
17
|
+
CommonModule,
|
|
18
|
+
SkyDockModule,
|
|
19
|
+
SkyI18nModule,
|
|
20
|
+
SkyLayoutResourcesModule,
|
|
21
|
+
]] });
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyBackToTopModule, decorators: [{
|
|
23
|
+
type: NgModule,
|
|
24
|
+
args: [{
|
|
25
|
+
declarations: [SkyBackToTopComponent, SkyBackToTopDirective],
|
|
26
|
+
imports: [
|
|
27
|
+
CommonModule,
|
|
28
|
+
SkyDockModule,
|
|
29
|
+
SkyI18nModule,
|
|
30
|
+
SkyLayoutResourcesModule,
|
|
31
|
+
],
|
|
32
|
+
exports: [SkyBackToTopComponent, SkyBackToTopDirective],
|
|
33
|
+
entryComponents: [SkyBackToTopComponent],
|
|
34
|
+
}]
|
|
35
|
+
}] });
|
|
36
|
+
//# sourceMappingURL=back-top-top.module.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"back-top-top.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/back-to-top/back-top-top.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAC;;AAajF,MAAM,OAAO,kBAAkB;;gHAAlB,kBAAkB;iHAAlB,kBAAkB,iBAVd,qBAAqB,EAAE,qBAAqB,aAEzD,YAAY;QACZ,aAAa;QACb,aAAa;QACb,wBAAwB,aAEhB,qBAAqB,EAAE,qBAAqB;iHAG3C,kBAAkB,YATpB;YACP,YAAY;YACZ,aAAa;YACb,aAAa;YACb,wBAAwB;SACzB;4FAIU,kBAAkB;kBAX9B,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,qBAAqB,EAAE,qBAAqB,CAAC;oBAC5D,OAAO,EAAE;wBACP,YAAY;wBACZ,aAAa;wBACb,aAAa;wBACb,wBAAwB;qBACzB;oBACD,OAAO,EAAE,CAAC,qBAAqB,EAAE,qBAAqB,CAAC;oBACvD,eAAe,EAAE,CAAC,qBAAqB,CAAC;iBACzC","sourcesContent":["import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyDockModule } from '@skyux/core';\n\nimport { SkyI18nModule } from '@skyux/i18n';\n\nimport { SkyBackToTopDirective } from './back-to-top.directive';\n\nimport { SkyBackToTopComponent } from './back-to-top.component';\nimport { SkyLayoutResourcesModule } from '../shared/sky-layout-resources.module';\n\n@NgModule({\n declarations: [SkyBackToTopComponent, SkyBackToTopDirective],\n imports: [\n CommonModule,\n SkyDockModule,\n SkyI18nModule,\n SkyLayoutResourcesModule,\n ],\n exports: [SkyBackToTopComponent, SkyBackToTopDirective],\n entryComponents: [SkyBackToTopComponent],\n})\nexport class SkyBackToTopModule {}\n"]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Specifies 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=back-to-top-message-type.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"back-to-top-message-type.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/layout/src/lib/modules/back-to-top/models/back-to-top-message-type.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAN,IAAY,uBAKX;AALD,WAAY,uBAAuB;IACjC;;OAEG;IACH,+EAAa,CAAA;AACf,CAAC,EALW,uBAAuB,KAAvB,uBAAuB,QAKlC","sourcesContent":["/**\n * Specifies the type of message to send to the back to top component.\n */\nexport enum SkyBackToTopMessageType {\n /**\n * Scrolls the element back to the top.\n */\n BackToTop = 0,\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"back-to-top-message.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/layout/src/lib/modules/back-to-top/models/back-to-top-message.ts"],"names":[],"mappings":"","sourcesContent":["import { SkyBackToTopMessageType } from './back-to-top-message-type';\n\n/**\n * Specifies messages to send to the back to top component.\n */\nexport interface SkyBackToTopMessage {\n /**\n * Specifies the type of message to send.\n */\n type?: SkyBackToTopMessageType;\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"back-to-top-options.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/layout/src/lib/modules/back-to-top/models/back-to-top-options.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Specifies options for the back to top component.\n */\nexport interface SkyBackToTopOptions {\n /**\n * Indicates whether to hide the back to top button.\n * @default false\n */\n buttonHidden?: boolean;\n}\n"]}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@skyux/theme";
|
|
4
|
+
/**
|
|
5
|
+
* Specifies the body content to display inside the box and provides padding around that content.
|
|
6
|
+
*/
|
|
7
|
+
export class SkyBoxContentComponent {
|
|
8
|
+
}
|
|
9
|
+
SkyBoxContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyBoxContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
+
SkyBoxContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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: "12.2.16", ngImport: i0, type: SkyBoxContentComponent, decorators: [{
|
|
12
|
+
type: Component,
|
|
13
|
+
args: [{
|
|
14
|
+
selector: 'sky-box-content',
|
|
15
|
+
templateUrl: './box-content.component.html',
|
|
16
|
+
}]
|
|
17
|
+
}] });
|
|
18
|
+
//# sourceMappingURL=box-content.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"box-content.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/box/box-content.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/box/box-content.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;;AAE1C;;GAEG;AAKH,MAAM,OAAO,sBAAsB;;oHAAtB,sBAAsB;wGAAtB,sBAAsB,uDCTnC,0LASA;4FDAa,sBAAsB;kBAJlC,SAAS;mBAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,WAAW,EAAE,8BAA8B;iBAC5C","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Specifies the body content to display inside the box and provides padding around that content.\n */\n@Component({\n selector: 'sky-box-content',\n templateUrl: './box-content.component.html',\n})\nexport class SkyBoxContentComponent {}\n","<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"]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* Specifies the controls to display in upper right corner of the box. These buttons typically let users edit the box content.
|
|
5
|
+
*/
|
|
6
|
+
export class SkyBoxControlsComponent {
|
|
7
|
+
}
|
|
8
|
+
SkyBoxControlsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyBoxControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
+
SkyBoxControlsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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: "12.2.16", ngImport: i0, type: SkyBoxControlsComponent, decorators: [{
|
|
11
|
+
type: Component,
|
|
12
|
+
args: [{
|
|
13
|
+
selector: 'sky-box-controls',
|
|
14
|
+
templateUrl: './box-controls.component.html',
|
|
15
|
+
}]
|
|
16
|
+
}] });
|
|
17
|
+
//# sourceMappingURL=box-controls.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"box-controls.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/box/box-controls.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/box/box-controls.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAE1C;;GAEG;AAKH,MAAM,OAAO,uBAAuB;;qHAAvB,uBAAuB;yGAAvB,uBAAuB,wDCTpC,yEAGA;4FDMa,uBAAuB;kBAJnC,SAAS;mBAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,WAAW,EAAE,+BAA+B;iBAC7C","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Specifies the controls to display in upper right corner of the box. These buttons typically let users edit the box content.\n */\n@Component({\n selector: 'sky-box-controls',\n templateUrl: './box-controls.component.html',\n})\nexport class SkyBoxControlsComponent {}\n","<div class=\"sky-box-controls\">\n <ng-content></ng-content>\n</div>\n"]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* Specifies a header for the box.
|
|
5
|
+
*/
|
|
6
|
+
export class SkyBoxHeaderComponent {
|
|
7
|
+
}
|
|
8
|
+
SkyBoxHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyBoxHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
+
SkyBoxHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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: "12.2.16", ngImport: i0, type: SkyBoxHeaderComponent, decorators: [{
|
|
11
|
+
type: Component,
|
|
12
|
+
args: [{
|
|
13
|
+
selector: 'sky-box-header',
|
|
14
|
+
templateUrl: './box-header.component.html',
|
|
15
|
+
}]
|
|
16
|
+
}] });
|
|
17
|
+
//# sourceMappingURL=box-header.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"box-header.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/box/box-header.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/box/box-header.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAE1C;;GAEG;AAKH,MAAM,OAAO,qBAAqB;;mHAArB,qBAAqB;uGAArB,qBAAqB,sDCTlC,uEAGA;4FDMa,qBAAqB;kBAJjC,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,WAAW,EAAE,6BAA6B;iBAC3C","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Specifies a header for the box.\n */\n@Component({\n selector: 'sky-box-header',\n templateUrl: './box-header.component.html',\n})\nexport class SkyBoxHeaderComponent {}\n","<div class=\"sky-box-header\">\n <ng-content></ng-content>\n</div>\n"]}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Component, Input, ViewEncapsulation } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@skyux/theme";
|
|
4
|
+
/**
|
|
5
|
+
* Provides a common look-and-feel for box content with options to display a common box header, specify body content, and display common box controls.
|
|
6
|
+
*/
|
|
7
|
+
export class SkyBoxComponent {
|
|
8
|
+
}
|
|
9
|
+
SkyBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
+
SkyBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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: "12.2.16", ngImport: i0, type: SkyBoxComponent, decorators: [{
|
|
12
|
+
type: Component,
|
|
13
|
+
args: [{
|
|
14
|
+
selector: 'sky-box',
|
|
15
|
+
templateUrl: './box.component.html',
|
|
16
|
+
styleUrls: ['./box.component.scss'],
|
|
17
|
+
encapsulation: ViewEncapsulation.None,
|
|
18
|
+
}]
|
|
19
|
+
}], propDecorators: { ariaLabel: [{
|
|
20
|
+
type: Input
|
|
21
|
+
}], ariaLabelledBy: [{
|
|
22
|
+
type: Input
|
|
23
|
+
}], ariaRole: [{
|
|
24
|
+
type: Input
|
|
25
|
+
}] } });
|
|
26
|
+
//# sourceMappingURL=box.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"box.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/box/box.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/box/box.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;;;AAEpE;;GAEG;AAOH,MAAM,OAAO,eAAe;;6GAAf,eAAe;iGAAf,eAAe,2ICX5B,udAgBA;4FDLa,eAAe;kBAN3B,SAAS;mBAAC;oBACT,QAAQ,EAAE,SAAS;oBACnB,WAAW,EAAE,sBAAsB;oBACnC,SAAS,EAAE,CAAC,sBAAsB,CAAC;oBACnC,aAAa,EAAE,iBAAiB,CAAC,IAAI;iBACtC;8BAQQ,SAAS;sBADf,KAAK;gBAUC,cAAc;sBADpB,KAAK;gBAWC,QAAQ;sBADd,KAAK","sourcesContent":["import { Component, Input, ViewEncapsulation } from '@angular/core';\n\n/**\n * Provides a common look-and-feel for box content with options to display a common box header, specify body content, and display common box controls.\n */\n@Component({\n selector: 'sky-box',\n templateUrl: './box.component.html',\n styleUrls: ['./box.component.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class SkyBoxComponent {\n /**\n * Specifies an ARIA label for the box. This sets the box's `aria-label` attribute\n * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\n * If the box includes a visible label, use `ariaLabelledBy` instead.\n */\n @Input()\n public ariaLabel: string;\n\n /**\n * Specifies the HTML element ID (without the leading `#`) of the element that labels\n * the box. This sets the box's `aria-labelledby` attribute\n * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\n * If the box does not include a visible label, use `ariaLabel` instead.\n */\n @Input()\n public ariaLabelledBy: string;\n\n /**\n * Specifies an ARIA role for the box\n * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)\n * by indicating what the box contains. For information about\n * how an ARIA role indicates what an item represents on a web page,\n * see the [WAI-ARIA roles model](https://www.w3.org/WAI/PF/aria/roles).\n */\n @Input()\n public ariaRole: string;\n}\n","<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"]}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { NgModule } from '@angular/core';
|
|
3
|
+
import { SkyThemeModule } from '@skyux/theme';
|
|
4
|
+
import { SkyBoxContentComponent } from './box-content.component';
|
|
5
|
+
import { SkyBoxControlsComponent } from './box-controls.component';
|
|
6
|
+
import { SkyBoxHeaderComponent } from './box-header.component';
|
|
7
|
+
import { SkyBoxComponent } from './box.component';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
export class SkyBoxModule {
|
|
10
|
+
}
|
|
11
|
+
SkyBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
12
|
+
SkyBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyBoxModule, declarations: [SkyBoxComponent,
|
|
13
|
+
SkyBoxHeaderComponent,
|
|
14
|
+
SkyBoxContentComponent,
|
|
15
|
+
SkyBoxControlsComponent], imports: [CommonModule, SkyThemeModule], exports: [SkyBoxComponent,
|
|
16
|
+
SkyBoxHeaderComponent,
|
|
17
|
+
SkyBoxContentComponent,
|
|
18
|
+
SkyBoxControlsComponent] });
|
|
19
|
+
SkyBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyBoxModule, imports: [[CommonModule, SkyThemeModule]] });
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyBoxModule, decorators: [{
|
|
21
|
+
type: NgModule,
|
|
22
|
+
args: [{
|
|
23
|
+
declarations: [
|
|
24
|
+
SkyBoxComponent,
|
|
25
|
+
SkyBoxHeaderComponent,
|
|
26
|
+
SkyBoxContentComponent,
|
|
27
|
+
SkyBoxControlsComponent,
|
|
28
|
+
],
|
|
29
|
+
imports: [CommonModule, SkyThemeModule],
|
|
30
|
+
exports: [
|
|
31
|
+
SkyBoxComponent,
|
|
32
|
+
SkyBoxHeaderComponent,
|
|
33
|
+
SkyBoxContentComponent,
|
|
34
|
+
SkyBoxControlsComponent,
|
|
35
|
+
],
|
|
36
|
+
}]
|
|
37
|
+
}] });
|
|
38
|
+
//# sourceMappingURL=box.module.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"box.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/box/box.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;;AAiBlD,MAAM,OAAO,YAAY;;0GAAZ,YAAY;2GAAZ,YAAY,iBAbrB,eAAe;QACf,qBAAqB;QACrB,sBAAsB;QACtB,uBAAuB,aAEf,YAAY,EAAE,cAAc,aAEpC,eAAe;QACf,qBAAqB;QACrB,sBAAsB;QACtB,uBAAuB;2GAGd,YAAY,YARd,CAAC,YAAY,EAAE,cAAc,CAAC;4FAQ5B,YAAY;kBAfxB,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,eAAe;wBACf,qBAAqB;wBACrB,sBAAsB;wBACtB,uBAAuB;qBACxB;oBACD,OAAO,EAAE,CAAC,YAAY,EAAE,cAAc,CAAC;oBACvC,OAAO,EAAE;wBACP,eAAe;wBACf,qBAAqB;wBACrB,sBAAsB;wBACtB,uBAAuB;qBACxB;iBACF","sourcesContent":["import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\nimport { SkyThemeModule } from '@skyux/theme';\nimport { SkyBoxContentComponent } from './box-content.component';\nimport { SkyBoxControlsComponent } from './box-controls.component';\nimport { SkyBoxHeaderComponent } from './box-header.component';\nimport { SkyBoxComponent } from './box.component';\n\n@NgModule({\n declarations: [\n SkyBoxComponent,\n SkyBoxHeaderComponent,\n SkyBoxContentComponent,\n SkyBoxControlsComponent,\n ],\n imports: [CommonModule, SkyThemeModule],\n exports: [\n SkyBoxComponent,\n SkyBoxHeaderComponent,\n SkyBoxContentComponent,\n SkyBoxControlsComponent,\n ],\n})\nexport class SkyBoxModule {}\n"]}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* Specifies an action that users can perform on the card.
|
|
5
|
+
*/
|
|
6
|
+
export class SkyCardActionsComponent {
|
|
7
|
+
}
|
|
8
|
+
SkyCardActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyCardActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
+
SkyCardActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyCardActionsComponent, selector: "sky-card-actions", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block;border-top:1px solid #e2e3e4;padding:7px 0}\n"] });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyCardActionsComponent, decorators: [{
|
|
11
|
+
type: Component,
|
|
12
|
+
args: [{
|
|
13
|
+
selector: 'sky-card-actions',
|
|
14
|
+
templateUrl: './card-actions.component.html',
|
|
15
|
+
styleUrls: ['./card-actions.component.scss'],
|
|
16
|
+
}]
|
|
17
|
+
}] });
|
|
18
|
+
//# sourceMappingURL=card-actions.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card-actions.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/card/card-actions.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/card/card-actions.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAE1C;;GAEG;AAMH,MAAM,OAAO,uBAAuB;;qHAAvB,uBAAuB;yGAAvB,uBAAuB,wDCVpC,6BACA;4FDSa,uBAAuB;kBALnC,SAAS;mBAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,WAAW,EAAE,+BAA+B;oBAC5C,SAAS,EAAE,CAAC,+BAA+B,CAAC;iBAC7C","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Specifies an action that users can perform on the card.\n */\n@Component({\n selector: 'sky-card-actions',\n templateUrl: './card-actions.component.html',\n styleUrls: ['./card-actions.component.scss'],\n})\nexport class SkyCardActionsComponent {}\n","<ng-content></ng-content>\n"]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* Specifies the content to display in the body of the card.
|
|
5
|
+
*/
|
|
6
|
+
export class SkyCardContentComponent {
|
|
7
|
+
}
|
|
8
|
+
SkyCardContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyCardContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
+
SkyCardContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyCardContentComponent, selector: "sky-card-content", ngImport: i0, template: "<ng-content></ng-content>\n" });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyCardContentComponent, decorators: [{
|
|
11
|
+
type: Component,
|
|
12
|
+
args: [{
|
|
13
|
+
selector: 'sky-card-content',
|
|
14
|
+
templateUrl: './card-content.component.html',
|
|
15
|
+
}]
|
|
16
|
+
}] });
|
|
17
|
+
//# sourceMappingURL=card-content.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card-content.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/card/card-content.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/card/card-content.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAE1C;;GAEG;AAKH,MAAM,OAAO,uBAAuB;;qHAAvB,uBAAuB;yGAAvB,uBAAuB,wDCTpC,6BACA;4FDQa,uBAAuB;kBAJnC,SAAS;mBAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,WAAW,EAAE,+BAA+B;iBAC7C","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Specifies the content to display in the body of the card.\n */\n@Component({\n selector: 'sky-card-content',\n templateUrl: './card-content.component.html',\n})\nexport class SkyCardContentComponent {}\n","<ng-content></ng-content>\n"]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* Specifies a title to identify what the card represents.
|
|
5
|
+
*/
|
|
6
|
+
export class SkyCardTitleComponent {
|
|
7
|
+
}
|
|
8
|
+
SkyCardTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyCardTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
+
SkyCardTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyCardTitleComponent, selector: "sky-card-title", ngImport: i0, template: "<ng-content></ng-content>\n" });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyCardTitleComponent, decorators: [{
|
|
11
|
+
type: Component,
|
|
12
|
+
args: [{
|
|
13
|
+
selector: 'sky-card-title',
|
|
14
|
+
templateUrl: './card-title.component.html',
|
|
15
|
+
}]
|
|
16
|
+
}] });
|
|
17
|
+
//# sourceMappingURL=card-title.component.js.map
|