@skyux/layout 5.7.2 → 6.0.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/documentation.json +4 -4
- package/esm2020/index.mjs +74 -0
- package/esm2020/lib/modules/action-button/action-button-adapter-service.mjs +43 -0
- package/esm2020/lib/modules/action-button/action-button-container.component.mjs +139 -0
- package/esm2020/lib/modules/action-button/action-button-details.component.mjs +14 -0
- package/esm2020/lib/modules/action-button/action-button-header.component.mjs +15 -0
- package/esm2020/lib/modules/action-button/action-button-icon.component.mjs +40 -0
- package/esm2020/lib/modules/action-button/action-button-permalink.mjs +2 -0
- package/esm2020/lib/modules/action-button/action-button.component.mjs +34 -0
- package/esm2020/lib/modules/action-button/action-button.module.mjs +62 -0
- package/esm2020/lib/modules/action-button/types/action-button-container-align-items-type.mjs +2 -0
- package/esm2020/lib/modules/action-button/types/action-button-container-align-items.mjs +2 -0
- package/esm2020/lib/modules/back-to-top/back-to-top-adapter.service.mjs +84 -0
- package/esm2020/lib/modules/back-to-top/back-to-top.component.mjs +26 -0
- package/esm2020/lib/modules/back-to-top/back-to-top.directive.mjs +114 -0
- package/esm2020/lib/modules/back-to-top/back-to-top.module.mjs +35 -0
- package/esm2020/lib/modules/back-to-top/models/back-to-top-message-type.mjs +11 -0
- package/esm2020/lib/modules/back-to-top/models/back-to-top-message.mjs +2 -0
- package/esm2020/lib/modules/back-to-top/models/back-to-top-options.mjs +2 -0
- package/esm2020/lib/modules/box/box-content.component.mjs +15 -0
- package/esm2020/lib/modules/box/box-controls.component.mjs +14 -0
- package/esm2020/lib/modules/box/box-header.component.mjs +14 -0
- package/esm2020/lib/modules/box/box.component.mjs +21 -0
- package/esm2020/lib/modules/box/box.module.mjs +38 -0
- package/esm2020/lib/modules/card/card-actions.component.mjs +14 -0
- package/esm2020/lib/modules/card/card-content.component.mjs +14 -0
- package/esm2020/lib/modules/card/card-title.component.mjs +14 -0
- package/esm2020/lib/modules/card/card.component.mjs +75 -0
- package/esm2020/lib/modules/card/card.module.mjs +61 -0
- package/esm2020/lib/modules/definition-list/definition-list-content.component.mjs +14 -0
- package/esm2020/lib/modules/definition-list/definition-list-heading.component.mjs +14 -0
- package/esm2020/lib/modules/definition-list/definition-list-label.component.mjs +20 -0
- package/esm2020/lib/modules/definition-list/definition-list-value.component.mjs +21 -0
- package/esm2020/lib/modules/definition-list/definition-list.component.mjs +38 -0
- package/esm2020/lib/modules/definition-list/definition-list.module.mjs +44 -0
- package/esm2020/lib/modules/definition-list/definition-list.service.mjs +18 -0
- package/esm2020/lib/modules/description-list/description-list-adapter-service.mjs +43 -0
- package/esm2020/lib/modules/description-list/description-list-content.component.mjs +22 -0
- package/esm2020/lib/modules/description-list/description-list-description.component.mjs +49 -0
- package/esm2020/lib/modules/description-list/description-list-term.component.mjs +20 -0
- package/esm2020/lib/modules/description-list/description-list.component.mjs +101 -0
- package/esm2020/lib/modules/description-list/description-list.module.mjs +53 -0
- package/esm2020/lib/modules/description-list/description-list.service.mjs +26 -0
- package/esm2020/lib/modules/description-list/types/description-list-mode-type.mjs +2 -0
- package/esm2020/lib/modules/description-list/types/description-list-mode.mjs +24 -0
- package/esm2020/lib/modules/fluid-grid/column.component.mjs +53 -0
- package/esm2020/lib/modules/fluid-grid/fluid-grid-gutter-size.mjs +20 -0
- package/esm2020/lib/modules/fluid-grid/fluid-grid.component.mjs +62 -0
- package/esm2020/lib/modules/fluid-grid/fluid-grid.module.mjs +20 -0
- package/esm2020/lib/modules/fluid-grid/row.component.mjs +25 -0
- package/esm2020/lib/modules/fluid-grid/types/fluid-grid-gutter-size-type.mjs +2 -0
- package/esm2020/lib/modules/format/format-item.mjs +2 -0
- package/esm2020/lib/modules/format/format.component.mjs +59 -0
- package/esm2020/lib/modules/format/format.module.mjs +18 -0
- package/esm2020/lib/modules/inline-delete/inline-delete-adapter.service.mjs +115 -0
- package/esm2020/lib/modules/inline-delete/inline-delete-type.mjs +16 -0
- package/esm2020/lib/modules/inline-delete/inline-delete.component.mjs +161 -0
- package/esm2020/lib/modules/inline-delete/inline-delete.module.mjs +34 -0
- package/esm2020/lib/modules/page/page-theme-adapter.service.mjs +26 -0
- package/esm2020/lib/modules/page/page.component.mjs +27 -0
- package/esm2020/lib/modules/page/page.module.mjs +16 -0
- package/esm2020/lib/modules/page-summary/page-summary-adapter.service.mjs +23 -0
- package/esm2020/lib/modules/page-summary/page-summary-alert.component.mjs +17 -0
- package/esm2020/lib/modules/page-summary/page-summary-content.component.mjs +16 -0
- package/esm2020/lib/modules/page-summary/page-summary-image.component.mjs +17 -0
- package/esm2020/lib/modules/page-summary/page-summary-key-info.component.mjs +15 -0
- package/esm2020/lib/modules/page-summary/page-summary-status.component.mjs +17 -0
- package/esm2020/lib/modules/page-summary/page-summary-subtitle.component.mjs +16 -0
- package/esm2020/lib/modules/page-summary/page-summary-title.component.mjs +16 -0
- package/esm2020/lib/modules/page-summary/page-summary.component.mjs +45 -0
- package/esm2020/lib/modules/page-summary/page-summary.module.mjs +57 -0
- package/esm2020/lib/modules/shared/sky-layout-resources.module.mjs +60 -0
- package/esm2020/lib/modules/text-expand/text-expand-adapter.service.mjs +31 -0
- package/esm2020/lib/modules/text-expand/text-expand-modal-context.mjs +6 -0
- package/esm2020/lib/modules/text-expand/text-expand-modal.component.mjs +26 -0
- package/esm2020/lib/modules/text-expand/text-expand.component.mjs +247 -0
- package/esm2020/lib/modules/text-expand/text-expand.module.mjs +35 -0
- package/esm2020/lib/modules/text-expand-repeater/text-expand-repeater-adapter.service.mjs +37 -0
- package/esm2020/lib/modules/text-expand-repeater/text-expand-repeater.component.mjs +171 -0
- package/esm2020/lib/modules/text-expand-repeater/text-expand-repeater.module.mjs +20 -0
- package/esm2020/lib/modules/text-expand-repeater/types/text-expand-repeater-list-style-type.mjs +2 -0
- package/esm2020/lib/modules/toolbar/toolbar-item.component.mjs +14 -0
- package/esm2020/lib/modules/toolbar/toolbar-section.component.mjs +14 -0
- package/esm2020/lib/modules/toolbar/toolbar-view-actions.component.mjs +15 -0
- package/esm2020/lib/modules/toolbar/toolbar.component.mjs +25 -0
- package/esm2020/lib/modules/toolbar/toolbar.module.mjs +37 -0
- package/esm2020/skyux-layout.mjs +5 -0
- package/esm2020/testing/action-button-fixture.mjs +44 -0
- package/esm2020/testing/card-fixture.mjs +63 -0
- package/esm2020/testing/page-summary-fixture.mjs +29 -0
- package/esm2020/testing/public-api.mjs +4 -0
- package/esm2020/testing/skyux-layout-testing.mjs +5 -0
- package/fesm2015/{skyux-layout-testing.js → skyux-layout-testing.mjs} +1 -1
- package/fesm2015/skyux-layout-testing.mjs.map +1 -0
- package/fesm2015/skyux-layout.mjs +2724 -0
- package/fesm2015/skyux-layout.mjs.map +1 -0
- package/fesm2020/skyux-layout-testing.mjs +139 -0
- package/fesm2020/skyux-layout-testing.mjs.map +1 -0
- package/fesm2020/skyux-layout.mjs +2722 -0
- package/fesm2020/skyux-layout.mjs.map +1 -0
- package/package.json +45 -21
- package/testing/package.json +5 -5
- package/bundles/skyux-layout-testing.umd.js +0 -191
- package/bundles/skyux-layout.umd.js +0 -3570
- package/esm2015/index.js +0 -74
- package/esm2015/index.js.map +0 -1
- package/esm2015/lib/modules/action-button/action-button-adapter-service.js +0 -43
- package/esm2015/lib/modules/action-button/action-button-adapter-service.js.map +0 -1
- package/esm2015/lib/modules/action-button/action-button-container.component.js +0 -145
- package/esm2015/lib/modules/action-button/action-button-container.component.js.map +0 -1
- package/esm2015/lib/modules/action-button/action-button-details.component.js +0 -17
- package/esm2015/lib/modules/action-button/action-button-details.component.js.map +0 -1
- package/esm2015/lib/modules/action-button/action-button-header.component.js +0 -19
- package/esm2015/lib/modules/action-button/action-button-header.component.js.map +0 -1
- package/esm2015/lib/modules/action-button/action-button-icon.component.js +0 -44
- package/esm2015/lib/modules/action-button/action-button-icon.component.js.map +0 -1
- package/esm2015/lib/modules/action-button/action-button-permalink.js +0 -2
- package/esm2015/lib/modules/action-button/action-button-permalink.js.map +0 -1
- package/esm2015/lib/modules/action-button/action-button.component.js +0 -39
- package/esm2015/lib/modules/action-button/action-button.component.js.map +0 -1
- package/esm2015/lib/modules/action-button/action-button.module.js +0 -62
- package/esm2015/lib/modules/action-button/action-button.module.js.map +0 -1
- package/esm2015/lib/modules/action-button/types/action-button-container-align-items-type.js +0 -2
- package/esm2015/lib/modules/action-button/types/action-button-container-align-items-type.js.map +0 -1
- package/esm2015/lib/modules/action-button/types/action-button-container-align-items.js +0 -2
- package/esm2015/lib/modules/action-button/types/action-button-container-align-items.js.map +0 -1
- package/esm2015/lib/modules/back-to-top/back-to-top-adapter.service.js +0 -84
- package/esm2015/lib/modules/back-to-top/back-to-top-adapter.service.js.map +0 -1
- package/esm2015/lib/modules/back-to-top/back-to-top.component.js +0 -31
- package/esm2015/lib/modules/back-to-top/back-to-top.component.js.map +0 -1
- package/esm2015/lib/modules/back-to-top/back-to-top.directive.js +0 -114
- package/esm2015/lib/modules/back-to-top/back-to-top.directive.js.map +0 -1
- package/esm2015/lib/modules/back-to-top/back-to-top.module.js +0 -36
- package/esm2015/lib/modules/back-to-top/back-to-top.module.js.map +0 -1
- package/esm2015/lib/modules/back-to-top/models/back-to-top-message-type.js +0 -11
- package/esm2015/lib/modules/back-to-top/models/back-to-top-message-type.js.map +0 -1
- package/esm2015/lib/modules/back-to-top/models/back-to-top-message.js +0 -2
- package/esm2015/lib/modules/back-to-top/models/back-to-top-message.js.map +0 -1
- package/esm2015/lib/modules/back-to-top/models/back-to-top-options.js +0 -2
- package/esm2015/lib/modules/back-to-top/models/back-to-top-options.js.map +0 -1
- package/esm2015/lib/modules/box/box-content.component.js +0 -18
- package/esm2015/lib/modules/box/box-content.component.js.map +0 -1
- package/esm2015/lib/modules/box/box-controls.component.js +0 -17
- package/esm2015/lib/modules/box/box-controls.component.js.map +0 -1
- package/esm2015/lib/modules/box/box-header.component.js +0 -17
- package/esm2015/lib/modules/box/box-header.component.js.map +0 -1
- package/esm2015/lib/modules/box/box.component.js +0 -26
- package/esm2015/lib/modules/box/box.component.js.map +0 -1
- package/esm2015/lib/modules/box/box.module.js +0 -38
- package/esm2015/lib/modules/box/box.module.js.map +0 -1
- package/esm2015/lib/modules/card/card-actions.component.js +0 -18
- package/esm2015/lib/modules/card/card-actions.component.js.map +0 -1
- package/esm2015/lib/modules/card/card-content.component.js +0 -17
- package/esm2015/lib/modules/card/card-content.component.js.map +0 -1
- package/esm2015/lib/modules/card/card-title.component.js +0 -17
- package/esm2015/lib/modules/card/card-title.component.js.map +0 -1
- package/esm2015/lib/modules/card/card.component.js +0 -79
- package/esm2015/lib/modules/card/card.component.js.map +0 -1
- package/esm2015/lib/modules/card/card.module.js +0 -61
- package/esm2015/lib/modules/card/card.module.js.map +0 -1
- package/esm2015/lib/modules/definition-list/definition-list-content.component.js +0 -19
- package/esm2015/lib/modules/definition-list/definition-list-content.component.js.map +0 -1
- package/esm2015/lib/modules/definition-list/definition-list-heading.component.js +0 -19
- package/esm2015/lib/modules/definition-list/definition-list-heading.component.js.map +0 -1
- package/esm2015/lib/modules/definition-list/definition-list-label.component.js +0 -25
- package/esm2015/lib/modules/definition-list/definition-list-label.component.js.map +0 -1
- package/esm2015/lib/modules/definition-list/definition-list-value.component.js +0 -25
- package/esm2015/lib/modules/definition-list/definition-list-value.component.js.map +0 -1
- package/esm2015/lib/modules/definition-list/definition-list.component.js +0 -44
- package/esm2015/lib/modules/definition-list/definition-list.component.js.map +0 -1
- package/esm2015/lib/modules/definition-list/definition-list.module.js +0 -44
- package/esm2015/lib/modules/definition-list/definition-list.module.js.map +0 -1
- package/esm2015/lib/modules/definition-list/definition-list.service.js +0 -18
- package/esm2015/lib/modules/definition-list/definition-list.service.js.map +0 -1
- package/esm2015/lib/modules/description-list/description-list-adapter-service.js +0 -43
- package/esm2015/lib/modules/description-list/description-list-adapter-service.js.map +0 -1
- package/esm2015/lib/modules/description-list/description-list-content.component.js +0 -25
- package/esm2015/lib/modules/description-list/description-list-content.component.js.map +0 -1
- package/esm2015/lib/modules/description-list/description-list-description.component.js +0 -53
- package/esm2015/lib/modules/description-list/description-list-description.component.js.map +0 -1
- package/esm2015/lib/modules/description-list/description-list-term.component.js +0 -24
- package/esm2015/lib/modules/description-list/description-list-term.component.js.map +0 -1
- package/esm2015/lib/modules/description-list/description-list.component.js +0 -107
- package/esm2015/lib/modules/description-list/description-list.component.js.map +0 -1
- package/esm2015/lib/modules/description-list/description-list.module.js +0 -53
- package/esm2015/lib/modules/description-list/description-list.module.js.map +0 -1
- package/esm2015/lib/modules/description-list/description-list.service.js +0 -26
- package/esm2015/lib/modules/description-list/description-list.service.js.map +0 -1
- package/esm2015/lib/modules/description-list/types/description-list-mode-type.js +0 -2
- package/esm2015/lib/modules/description-list/types/description-list-mode-type.js.map +0 -1
- package/esm2015/lib/modules/description-list/types/description-list-mode.js +0 -24
- package/esm2015/lib/modules/description-list/types/description-list-mode.js.map +0 -1
- package/esm2015/lib/modules/fluid-grid/column.component.js +0 -58
- package/esm2015/lib/modules/fluid-grid/column.component.js.map +0 -1
- package/esm2015/lib/modules/fluid-grid/fluid-grid-gutter-size.js +0 -20
- package/esm2015/lib/modules/fluid-grid/fluid-grid-gutter-size.js.map +0 -1
- package/esm2015/lib/modules/fluid-grid/fluid-grid.component.js +0 -66
- package/esm2015/lib/modules/fluid-grid/fluid-grid.component.js.map +0 -1
- package/esm2015/lib/modules/fluid-grid/fluid-grid.module.js +0 -20
- package/esm2015/lib/modules/fluid-grid/fluid-grid.module.js.map +0 -1
- package/esm2015/lib/modules/fluid-grid/row.component.js +0 -29
- package/esm2015/lib/modules/fluid-grid/row.component.js.map +0 -1
- package/esm2015/lib/modules/fluid-grid/types/fluid-grid-gutter-size-type.js +0 -2
- package/esm2015/lib/modules/fluid-grid/types/fluid-grid-gutter-size-type.js.map +0 -1
- package/esm2015/lib/modules/format/format-item.js +0 -2
- package/esm2015/lib/modules/format/format-item.js.map +0 -1
- package/esm2015/lib/modules/format/format.component.js +0 -63
- package/esm2015/lib/modules/format/format.component.js.map +0 -1
- package/esm2015/lib/modules/format/format.module.js +0 -18
- package/esm2015/lib/modules/format/format.module.js.map +0 -1
- package/esm2015/lib/modules/inline-delete/inline-delete-adapter.service.js +0 -115
- package/esm2015/lib/modules/inline-delete/inline-delete-adapter.service.js.map +0 -1
- package/esm2015/lib/modules/inline-delete/inline-delete-type.js +0 -16
- package/esm2015/lib/modules/inline-delete/inline-delete-type.js.map +0 -1
- package/esm2015/lib/modules/inline-delete/inline-delete.component.js +0 -167
- package/esm2015/lib/modules/inline-delete/inline-delete.component.js.map +0 -1
- package/esm2015/lib/modules/inline-delete/inline-delete.module.js +0 -34
- package/esm2015/lib/modules/inline-delete/inline-delete.module.js.map +0 -1
- package/esm2015/lib/modules/page/page-theme-adapter.service.js +0 -26
- package/esm2015/lib/modules/page/page-theme-adapter.service.js.map +0 -1
- package/esm2015/lib/modules/page/page.component.js +0 -31
- package/esm2015/lib/modules/page/page.component.js.map +0 -1
- package/esm2015/lib/modules/page/page.module.js +0 -16
- package/esm2015/lib/modules/page/page.module.js.map +0 -1
- package/esm2015/lib/modules/page-summary/page-summary-adapter.service.js +0 -23
- package/esm2015/lib/modules/page-summary/page-summary-adapter.service.js.map +0 -1
- package/esm2015/lib/modules/page-summary/page-summary-alert.component.js +0 -21
- package/esm2015/lib/modules/page-summary/page-summary-alert.component.js.map +0 -1
- package/esm2015/lib/modules/page-summary/page-summary-content.component.js +0 -20
- package/esm2015/lib/modules/page-summary/page-summary-content.component.js.map +0 -1
- package/esm2015/lib/modules/page-summary/page-summary-image.component.js +0 -21
- package/esm2015/lib/modules/page-summary/page-summary-image.component.js.map +0 -1
- package/esm2015/lib/modules/page-summary/page-summary-key-info.component.js +0 -19
- package/esm2015/lib/modules/page-summary/page-summary-key-info.component.js.map +0 -1
- package/esm2015/lib/modules/page-summary/page-summary-status.component.js +0 -21
- package/esm2015/lib/modules/page-summary/page-summary-status.component.js.map +0 -1
- package/esm2015/lib/modules/page-summary/page-summary-subtitle.component.js +0 -20
- package/esm2015/lib/modules/page-summary/page-summary-subtitle.component.js.map +0 -1
- package/esm2015/lib/modules/page-summary/page-summary-title.component.js +0 -20
- package/esm2015/lib/modules/page-summary/page-summary-title.component.js.map +0 -1
- package/esm2015/lib/modules/page-summary/page-summary.component.js +0 -50
- package/esm2015/lib/modules/page-summary/page-summary.component.js.map +0 -1
- package/esm2015/lib/modules/page-summary/page-summary.module.js +0 -57
- package/esm2015/lib/modules/page-summary/page-summary.module.js.map +0 -1
- package/esm2015/lib/modules/shared/sky-layout-resources.module.js +0 -60
- package/esm2015/lib/modules/shared/sky-layout-resources.module.js.map +0 -1
- package/esm2015/lib/modules/text-expand/text-expand-adapter.service.js +0 -31
- package/esm2015/lib/modules/text-expand/text-expand-adapter.service.js.map +0 -1
- package/esm2015/lib/modules/text-expand/text-expand-modal-context.js +0 -6
- package/esm2015/lib/modules/text-expand/text-expand-modal-context.js.map +0 -1
- package/esm2015/lib/modules/text-expand/text-expand-modal.component.js +0 -30
- package/esm2015/lib/modules/text-expand/text-expand-modal.component.js.map +0 -1
- package/esm2015/lib/modules/text-expand/text-expand.component.js +0 -252
- package/esm2015/lib/modules/text-expand/text-expand.component.js.map +0 -1
- package/esm2015/lib/modules/text-expand/text-expand.module.js +0 -36
- package/esm2015/lib/modules/text-expand/text-expand.module.js.map +0 -1
- package/esm2015/lib/modules/text-expand-repeater/text-expand-repeater-adapter.service.js +0 -37
- package/esm2015/lib/modules/text-expand-repeater/text-expand-repeater-adapter.service.js.map +0 -1
- package/esm2015/lib/modules/text-expand-repeater/text-expand-repeater.component.js +0 -176
- package/esm2015/lib/modules/text-expand-repeater/text-expand-repeater.component.js.map +0 -1
- package/esm2015/lib/modules/text-expand-repeater/text-expand-repeater.module.js +0 -20
- package/esm2015/lib/modules/text-expand-repeater/text-expand-repeater.module.js.map +0 -1
- package/esm2015/lib/modules/text-expand-repeater/types/text-expand-repeater-list-style-type.js +0 -2
- package/esm2015/lib/modules/text-expand-repeater/types/text-expand-repeater-list-style-type.js.map +0 -1
- package/esm2015/lib/modules/toolbar/toolbar-item.component.js +0 -18
- package/esm2015/lib/modules/toolbar/toolbar-item.component.js.map +0 -1
- package/esm2015/lib/modules/toolbar/toolbar-section.component.js +0 -18
- package/esm2015/lib/modules/toolbar/toolbar-section.component.js.map +0 -1
- package/esm2015/lib/modules/toolbar/toolbar-view-actions.component.js +0 -20
- package/esm2015/lib/modules/toolbar/toolbar-view-actions.component.js.map +0 -1
- package/esm2015/lib/modules/toolbar/toolbar.component.js +0 -29
- package/esm2015/lib/modules/toolbar/toolbar.component.js.map +0 -1
- package/esm2015/lib/modules/toolbar/toolbar.module.js +0 -37
- package/esm2015/lib/modules/toolbar/toolbar.module.js.map +0 -1
- package/esm2015/skyux-layout.js +0 -5
- package/esm2015/skyux-layout.js.map +0 -1
- package/esm2015/testing/action-button-fixture.js +0 -44
- package/esm2015/testing/action-button-fixture.js.map +0 -1
- package/esm2015/testing/card-fixture.js +0 -63
- package/esm2015/testing/card-fixture.js.map +0 -1
- package/esm2015/testing/page-summary-fixture.js +0 -29
- package/esm2015/testing/page-summary-fixture.js.map +0 -1
- package/esm2015/testing/public-api.js +0 -4
- package/esm2015/testing/public-api.js.map +0 -1
- package/esm2015/testing/skyux-layout-testing.js +0 -5
- package/esm2015/testing/skyux-layout-testing.js.map +0 -1
- package/fesm2015/skyux-layout-testing.js.map +0 -1
- package/fesm2015/skyux-layout.js +0 -2912
- package/fesm2015/skyux-layout.js.map +0 -1
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
import { Component, ContentChildren, EventEmitter, Input, Output, QueryList, } from '@angular/core';
|
|
2
|
-
import { SkyInlineDeleteType } from '../inline-delete/inline-delete-type';
|
|
3
|
-
import { SkyInlineDeleteComponent } from '../inline-delete/inline-delete.component';
|
|
4
|
-
import { SkyCardTitleComponent } from './card-title.component';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "@skyux/forms";
|
|
7
|
-
import * as i2 from "@angular/common";
|
|
8
|
-
import * as i3 from "@angular/forms";
|
|
9
|
-
import * as i4 from "@skyux/i18n";
|
|
10
|
-
/**
|
|
11
|
-
* Creates a a small container to highlight important information.
|
|
12
|
-
*/
|
|
13
|
-
export class SkyCardComponent {
|
|
14
|
-
constructor() {
|
|
15
|
-
/**
|
|
16
|
-
* Fires when users select or deselect the card.
|
|
17
|
-
*/
|
|
18
|
-
this.selectedChange = new EventEmitter();
|
|
19
|
-
this.showTitle = true;
|
|
20
|
-
}
|
|
21
|
-
ngAfterContentInit() {
|
|
22
|
-
this.showTitle = this.titleComponent.length > 0;
|
|
23
|
-
this.subscription = this.titleComponent.changes.subscribe(() => {
|
|
24
|
-
this.showTitle = this.titleComponent.length > 0;
|
|
25
|
-
});
|
|
26
|
-
this.inlineDeleteComponent.forEach((item) => {
|
|
27
|
-
item.setType(SkyInlineDeleteType.Card);
|
|
28
|
-
});
|
|
29
|
-
this.inlineDeleteComponent.changes.subscribe(() => {
|
|
30
|
-
this.inlineDeleteComponent.forEach((item) => {
|
|
31
|
-
item.setType(SkyInlineDeleteType.Card);
|
|
32
|
-
});
|
|
33
|
-
});
|
|
34
|
-
}
|
|
35
|
-
contentClick() {
|
|
36
|
-
if (this.selectable) {
|
|
37
|
-
this.selected = !this.selected;
|
|
38
|
-
this.selectedChange.emit(this.selected);
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
onCheckboxChange(newValue) {
|
|
42
|
-
if (this.selectable && this.selected !== newValue) {
|
|
43
|
-
this.selected = newValue;
|
|
44
|
-
this.selectedChange.emit(this.selected);
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
ngOnDestroy() {
|
|
48
|
-
/* istanbul ignore else */
|
|
49
|
-
/* sanity check */
|
|
50
|
-
if (this.subscription) {
|
|
51
|
-
this.subscription.unsubscribe();
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
SkyCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
56
|
-
SkyCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyCardComponent, selector: "sky-card", inputs: { size: "size", selectable: "selectable", selected: "selected" }, outputs: { selectedChange: "selectedChange" }, queries: [{ propertyName: "inlineDeleteComponent", predicate: SkyInlineDeleteComponent }, { propertyName: "titleComponent", predicate: SkyCardTitleComponent }], ngImport: i0, template: "<section\n class=\"sky-card sky-shadow\"\n [ngClass]=\"\n {\n 'sky-card-small': size === 'small',\n 'sky-card-selectable': selectable,\n 'sky-card-selected': selectable && selected\n }\"\n>\n <ng-content select=\"sky-inline-delete\"></ng-content>\n <header>\n <div\n *ngIf=\"selectable || showTitle\"\n class=\"sky-card-header\"\n (click)=\"contentClick()\"\n >\n <div class=\"sky-card-heading-middle\">\n <h1 *ngIf=\"showTitle\" class=\"sky-card-title sky-section-heading\">\n <ng-content select=\"sky-card-title\"></ng-content>\n </h1>\n </div>\n <div *ngIf=\"selectable\" class=\"sky-card-check\">\n <sky-checkbox\n [label]=\"'skyux_card_checkbox_label' | skyLibResources\"\n [ngModel]=\"selected\"\n (click)=\"$event.stopPropagation()\"\n (ngModelChange)=\"onCheckboxChange($event)\"\n ></sky-checkbox>\n </div>\n </div>\n </header>\n <div\n class=\"sky-card-content sky-padding-even-default\"\n (click)=\"contentClick()\"\n >\n <ng-content select=\"sky-card-content\"></ng-content>\n </div>\n <div\n class=\"sky-card-actions\"\n [hidden]=\"actionsEl.children.length === 0\"\n #actionsEl\n >\n <ng-content select=\"sky-card-actions\"></ng-content>\n </div>\n</section>\n", styles: [".sky-card{background-color:#fff;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;display:inline-flex;flex-direction:column;height:350px;margin:0 10px 10px 0;transition:background-color .15s;vertical-align:top;width:350px;position:relative}.sky-card-small{height:250px;width:225px}.sky-card-selectable .sky-card-header,.sky-card-selectable .sky-card-content{cursor:pointer}.sky-card-selected{background-color:#f1eef6;transition:background-color .15s}.sky-card-header{align-items:center;display:flex;flex-shrink:0;margin:0;padding:10px 0 0}.sky-card-heading-left,.sky-card-heading-right{font-weight:normal;max-width:34px}.sky-card-heading-left{padding-left:10px}.sky-card-heading-right{padding-right:10px}.sky-card-heading-middle{flex-grow:1;padding:0 10px;overflow:hidden}.sky-card-title{margin:0;line-height:1.428571429}.sky-card-check{flex-shrink:0;padding-right:10px}.sky-card-check .sky-check-wrapper{margin-bottom:2px}.sky-card-content{flex-grow:1;font-weight:normal;margin:0;overflow:hidden}.sky-card-actions{bottom:0;flex-shrink:0;text-align:center}.sky-card-actions .sky-context-menu-btn{height:32px;width:32px}\n"], components: [{ type: i1.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i4.SkyLibResourcesPipe } });
|
|
57
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyCardComponent, decorators: [{
|
|
58
|
-
type: Component,
|
|
59
|
-
args: [{
|
|
60
|
-
selector: 'sky-card',
|
|
61
|
-
styleUrls: ['./card.component.scss'],
|
|
62
|
-
templateUrl: './card.component.html',
|
|
63
|
-
}]
|
|
64
|
-
}], propDecorators: { size: [{
|
|
65
|
-
type: Input
|
|
66
|
-
}], selectable: [{
|
|
67
|
-
type: Input
|
|
68
|
-
}], selected: [{
|
|
69
|
-
type: Input
|
|
70
|
-
}], selectedChange: [{
|
|
71
|
-
type: Output
|
|
72
|
-
}], inlineDeleteComponent: [{
|
|
73
|
-
type: ContentChildren,
|
|
74
|
-
args: [SkyInlineDeleteComponent]
|
|
75
|
-
}], titleComponent: [{
|
|
76
|
-
type: ContentChildren,
|
|
77
|
-
args: [SkyCardTitleComponent]
|
|
78
|
-
}] } });
|
|
79
|
-
//# sourceMappingURL=card.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"card.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/card/card.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/card/card.component.html"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EACT,eAAe,EACf,YAAY,EACZ,KAAK,EAEL,MAAM,EACN,SAAS,GACV,MAAM,eAAe,CAAC;AAIvB,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,wBAAwB,EAAE,MAAM,0CAA0C,CAAC;AAEpF,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;;;;;;AAE/D;;GAEG;AAMH,MAAM,OAAO,gBAAgB;IAL7B;QA6BE;;WAEG;QAEI,mBAAc,GAAG,IAAI,YAAY,EAAW,CAAC;QAQ7C,cAAS,GAAG,IAAI,CAAC;KA2CzB;IAvCQ,kBAAkB;QACvB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;QAEhD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE;YAC7D,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;QAClD,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAC1C,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;QACzC,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE;YAChD,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC1C,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;YACzC,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,YAAY;QACjB,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC/B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SACzC;IACH,CAAC;IAEM,gBAAgB,CAAC,QAAiB;QACvC,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ,KAAK,QAAQ,EAAE;YACjD,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;YACzB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SACzC;IACH,CAAC;IAEM,WAAW;QAChB,0BAA0B;QAC1B,kBAAkB;QAClB,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;SACjC;IACH,CAAC;;8GA9EU,gBAAgB;kGAAhB,gBAAgB,+MA8BV,wBAAwB,iDAGxB,qBAAqB,6BC3DxC,g0CA6CA;4FDnBa,gBAAgB;kBAL5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,UAAU;oBACpB,SAAS,EAAE,CAAC,uBAAuB,CAAC;oBACpC,WAAW,EAAE,uBAAuB;iBACrC;8BAOQ,IAAI;sBADV,KAAK;gBASC,UAAU;sBADhB,KAAK;gBASC,QAAQ;sBADd,KAAK;gBAOC,cAAc;sBADpB,MAAM;gBAIA,qBAAqB;sBAD3B,eAAe;uBAAC,wBAAwB;gBAIlC,cAAc;sBADpB,eAAe;uBAAC,qBAAqB","sourcesContent":["import {\n AfterContentInit,\n Component,\n ContentChildren,\n EventEmitter,\n Input,\n OnDestroy,\n Output,\n QueryList,\n} from '@angular/core';\n\nimport { Subscription } from 'rxjs';\n\nimport { SkyInlineDeleteType } from '../inline-delete/inline-delete-type';\nimport { SkyInlineDeleteComponent } from '../inline-delete/inline-delete.component';\n\nimport { SkyCardTitleComponent } from './card-title.component';\n\n/**\n * Creates a a small container to highlight important information.\n */\n@Component({\n selector: 'sky-card',\n styleUrls: ['./card.component.scss'],\n templateUrl: './card.component.html',\n})\nexport class SkyCardComponent implements AfterContentInit, OnDestroy {\n /**\n * Specifies the size of the card. The valid options are `\"large\"` and `\"small\"`.\n * @default \"large\"\n */\n @Input()\n public size: string;\n\n /**\n * Indicates whether to display a checkbox to the right of the card title.\n * Users can select multiple checkboxes and perform actions on the selected cards.\n * @default false\n */\n @Input()\n public selectable: boolean;\n\n /**\n * Indicates whether the card is selected. This only applies to card where\n * `selectable` is set to `true`.\n * @default false\n */\n @Input()\n public selected: boolean;\n\n /**\n * Fires when users select or deselect the card.\n */\n @Output()\n public selectedChange = new EventEmitter<boolean>();\n\n @ContentChildren(SkyInlineDeleteComponent)\n public inlineDeleteComponent: QueryList<SkyInlineDeleteComponent>;\n\n @ContentChildren(SkyCardTitleComponent)\n public titleComponent: QueryList<SkyCardTitleComponent>;\n\n public showTitle = true;\n\n private subscription: Subscription;\n\n public ngAfterContentInit() {\n this.showTitle = this.titleComponent.length > 0;\n\n this.subscription = this.titleComponent.changes.subscribe(() => {\n this.showTitle = this.titleComponent.length > 0;\n });\n\n this.inlineDeleteComponent.forEach((item) => {\n item.setType(SkyInlineDeleteType.Card);\n });\n\n this.inlineDeleteComponent.changes.subscribe(() => {\n this.inlineDeleteComponent.forEach((item) => {\n item.setType(SkyInlineDeleteType.Card);\n });\n });\n }\n\n public contentClick() {\n if (this.selectable) {\n this.selected = !this.selected;\n this.selectedChange.emit(this.selected);\n }\n }\n\n public onCheckboxChange(newValue: boolean) {\n if (this.selectable && this.selected !== newValue) {\n this.selected = newValue;\n this.selectedChange.emit(this.selected);\n }\n }\n\n public ngOnDestroy() {\n /* istanbul ignore else */\n /* sanity check */\n if (this.subscription) {\n this.subscription.unsubscribe();\n }\n }\n}\n","<section\n class=\"sky-card sky-shadow\"\n [ngClass]=\"\n {\n 'sky-card-small': size === 'small',\n 'sky-card-selectable': selectable,\n 'sky-card-selected': selectable && selected\n }\"\n>\n <ng-content select=\"sky-inline-delete\"></ng-content>\n <header>\n <div\n *ngIf=\"selectable || showTitle\"\n class=\"sky-card-header\"\n (click)=\"contentClick()\"\n >\n <div class=\"sky-card-heading-middle\">\n <h1 *ngIf=\"showTitle\" class=\"sky-card-title sky-section-heading\">\n <ng-content select=\"sky-card-title\"></ng-content>\n </h1>\n </div>\n <div *ngIf=\"selectable\" class=\"sky-card-check\">\n <sky-checkbox\n [label]=\"'skyux_card_checkbox_label' | skyLibResources\"\n [ngModel]=\"selected\"\n (click)=\"$event.stopPropagation()\"\n (ngModelChange)=\"onCheckboxChange($event)\"\n ></sky-checkbox>\n </div>\n </div>\n </header>\n <div\n class=\"sky-card-content sky-padding-even-default\"\n (click)=\"contentClick()\"\n >\n <ng-content select=\"sky-card-content\"></ng-content>\n </div>\n <div\n class=\"sky-card-actions\"\n [hidden]=\"actionsEl.children.length === 0\"\n #actionsEl\n >\n <ng-content select=\"sky-card-actions\"></ng-content>\n </div>\n</section>\n"]}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { NgModule } from '@angular/core';
|
|
3
|
-
import { FormsModule } from '@angular/forms';
|
|
4
|
-
import { SkyCheckboxModule } from '@skyux/forms';
|
|
5
|
-
import { SkyI18nModule } from '@skyux/i18n';
|
|
6
|
-
import { SkyInlineDeleteModule } from '../inline-delete/inline-delete.module';
|
|
7
|
-
import { SkyLayoutResourcesModule } from '../shared/sky-layout-resources.module';
|
|
8
|
-
import { SkyCardActionsComponent } from './card-actions.component';
|
|
9
|
-
import { SkyCardContentComponent } from './card-content.component';
|
|
10
|
-
import { SkyCardTitleComponent } from './card-title.component';
|
|
11
|
-
import { SkyCardComponent } from './card.component';
|
|
12
|
-
import * as i0 from "@angular/core";
|
|
13
|
-
export class SkyCardModule {
|
|
14
|
-
}
|
|
15
|
-
SkyCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
16
|
-
SkyCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyCardModule, declarations: [SkyCardActionsComponent,
|
|
17
|
-
SkyCardComponent,
|
|
18
|
-
SkyCardContentComponent,
|
|
19
|
-
SkyCardTitleComponent], imports: [CommonModule,
|
|
20
|
-
FormsModule,
|
|
21
|
-
SkyCheckboxModule,
|
|
22
|
-
SkyI18nModule,
|
|
23
|
-
SkyLayoutResourcesModule,
|
|
24
|
-
SkyInlineDeleteModule], exports: [SkyCardActionsComponent,
|
|
25
|
-
SkyCardComponent,
|
|
26
|
-
SkyCardContentComponent,
|
|
27
|
-
SkyCardTitleComponent] });
|
|
28
|
-
SkyCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyCardModule, imports: [[
|
|
29
|
-
CommonModule,
|
|
30
|
-
FormsModule,
|
|
31
|
-
SkyCheckboxModule,
|
|
32
|
-
SkyI18nModule,
|
|
33
|
-
SkyLayoutResourcesModule,
|
|
34
|
-
SkyInlineDeleteModule,
|
|
35
|
-
]] });
|
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyCardModule, decorators: [{
|
|
37
|
-
type: NgModule,
|
|
38
|
-
args: [{
|
|
39
|
-
declarations: [
|
|
40
|
-
SkyCardActionsComponent,
|
|
41
|
-
SkyCardComponent,
|
|
42
|
-
SkyCardContentComponent,
|
|
43
|
-
SkyCardTitleComponent,
|
|
44
|
-
],
|
|
45
|
-
imports: [
|
|
46
|
-
CommonModule,
|
|
47
|
-
FormsModule,
|
|
48
|
-
SkyCheckboxModule,
|
|
49
|
-
SkyI18nModule,
|
|
50
|
-
SkyLayoutResourcesModule,
|
|
51
|
-
SkyInlineDeleteModule,
|
|
52
|
-
],
|
|
53
|
-
exports: [
|
|
54
|
-
SkyCardActionsComponent,
|
|
55
|
-
SkyCardComponent,
|
|
56
|
-
SkyCardContentComponent,
|
|
57
|
-
SkyCardTitleComponent,
|
|
58
|
-
],
|
|
59
|
-
}]
|
|
60
|
-
}] });
|
|
61
|
-
//# sourceMappingURL=card.module.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"card.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/card/card.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAC;AAEjF,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;;AAwBpD,MAAM,OAAO,aAAa;;2GAAb,aAAa;4GAAb,aAAa,iBApBtB,uBAAuB;QACvB,gBAAgB;QAChB,uBAAuB;QACvB,qBAAqB,aAGrB,YAAY;QACZ,WAAW;QACX,iBAAiB;QACjB,aAAa;QACb,wBAAwB;QACxB,qBAAqB,aAGrB,uBAAuB;QACvB,gBAAgB;QAChB,uBAAuB;QACvB,qBAAqB;4GAGZ,aAAa,YAff;YACP,YAAY;YACZ,WAAW;YACX,iBAAiB;YACjB,aAAa;YACb,wBAAwB;YACxB,qBAAqB;SACtB;4FAQU,aAAa;kBAtBzB,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,uBAAuB;wBACvB,gBAAgB;wBAChB,uBAAuB;wBACvB,qBAAqB;qBACtB;oBACD,OAAO,EAAE;wBACP,YAAY;wBACZ,WAAW;wBACX,iBAAiB;wBACjB,aAAa;wBACb,wBAAwB;wBACxB,qBAAqB;qBACtB;oBACD,OAAO,EAAE;wBACP,uBAAuB;wBACvB,gBAAgB;wBAChB,uBAAuB;wBACvB,qBAAqB;qBACtB;iBACF","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { SkyCheckboxModule } from '@skyux/forms';\nimport { SkyI18nModule } from '@skyux/i18n';\n\nimport { SkyInlineDeleteModule } from '../inline-delete/inline-delete.module';\nimport { SkyLayoutResourcesModule } from '../shared/sky-layout-resources.module';\n\nimport { SkyCardActionsComponent } from './card-actions.component';\nimport { SkyCardContentComponent } from './card-content.component';\nimport { SkyCardTitleComponent } from './card-title.component';\nimport { SkyCardComponent } from './card.component';\n\n@NgModule({\n declarations: [\n SkyCardActionsComponent,\n SkyCardComponent,\n SkyCardContentComponent,\n SkyCardTitleComponent,\n ],\n imports: [\n CommonModule,\n FormsModule,\n SkyCheckboxModule,\n SkyI18nModule,\n SkyLayoutResourcesModule,\n SkyInlineDeleteModule,\n ],\n exports: [\n SkyCardActionsComponent,\n SkyCardComponent,\n SkyCardContentComponent,\n SkyCardTitleComponent,\n ],\n})\nexport class SkyCardModule {}\n"]}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
/**
|
|
4
|
-
* Wraps the label-value pairs in the definition list.
|
|
5
|
-
*/
|
|
6
|
-
export class SkyDefinitionListContentComponent {
|
|
7
|
-
}
|
|
8
|
-
SkyDefinitionListContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDefinitionListContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
-
SkyDefinitionListContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDefinitionListContentComponent, selector: "sky-definition-list-content", ngImport: i0, template: "<div class=\"sky-definition-list-content\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-definition-list-content{display:flex;flex-wrap:wrap;margin-bottom:5px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDefinitionListContentComponent, decorators: [{
|
|
11
|
-
type: Component,
|
|
12
|
-
args: [{
|
|
13
|
-
selector: 'sky-definition-list-content',
|
|
14
|
-
templateUrl: './definition-list-content.component.html',
|
|
15
|
-
styleUrls: ['./definition-list-content.component.scss'],
|
|
16
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
17
|
-
}]
|
|
18
|
-
}] });
|
|
19
|
-
//# sourceMappingURL=definition-list-content.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"definition-list-content.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/definition-list/definition-list-content.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/definition-list/definition-list-content.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAEnE;;GAEG;AAOH,MAAM,OAAO,iCAAiC;;+HAAjC,iCAAiC;mHAAjC,iCAAiC,mECX9C,oFAGA;4FDQa,iCAAiC;kBAN7C,SAAS;mBAAC;oBACT,QAAQ,EAAE,6BAA6B;oBACvC,WAAW,EAAE,0CAA0C;oBACvD,SAAS,EAAE,CAAC,0CAA0C,CAAC;oBACvD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n/**\n * Wraps the label-value pairs in the definition list.\n */\n@Component({\n selector: 'sky-definition-list-content',\n templateUrl: './definition-list-content.component.html',\n styleUrls: ['./definition-list-content.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyDefinitionListContentComponent {}\n","<div class=\"sky-definition-list-content\">\n <ng-content></ng-content>\n</div>\n"]}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
/**
|
|
4
|
-
* Specifies a title for the definition list.
|
|
5
|
-
*/
|
|
6
|
-
export class SkyDefinitionListHeadingComponent {
|
|
7
|
-
}
|
|
8
|
-
SkyDefinitionListHeadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDefinitionListHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
-
SkyDefinitionListHeadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDefinitionListHeadingComponent, selector: "sky-definition-list-heading", ngImport: i0, template: "<div class=\"sky-subsection-heading sky-definition-list-heading\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-definition-list-heading{margin-bottom:5px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDefinitionListHeadingComponent, decorators: [{
|
|
11
|
-
type: Component,
|
|
12
|
-
args: [{
|
|
13
|
-
selector: 'sky-definition-list-heading',
|
|
14
|
-
templateUrl: './definition-list-heading.component.html',
|
|
15
|
-
styleUrls: ['./definition-list-heading.component.scss'],
|
|
16
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
17
|
-
}]
|
|
18
|
-
}] });
|
|
19
|
-
//# sourceMappingURL=definition-list-heading.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"definition-list-heading.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/definition-list/definition-list-heading.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/definition-list/definition-list-heading.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAEnE;;GAEG;AAOH,MAAM,OAAO,iCAAiC;;+HAAjC,iCAAiC;mHAAjC,iCAAiC,mECX9C,2GAGA;4FDQa,iCAAiC;kBAN7C,SAAS;mBAAC;oBACT,QAAQ,EAAE,6BAA6B;oBACvC,WAAW,EAAE,0CAA0C;oBACvD,SAAS,EAAE,CAAC,0CAA0C,CAAC;oBACvD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n/**\n * Specifies a title for the definition list.\n */\n@Component({\n selector: 'sky-definition-list-heading',\n templateUrl: './definition-list-heading.component.html',\n styleUrls: ['./definition-list-heading.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyDefinitionListHeadingComponent {}\n","<div class=\"sky-subsection-heading sky-definition-list-heading\">\n <ng-content></ng-content>\n</div>\n"]}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
2
|
-
import { SkyDefinitionListService } from './definition-list.service';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "./definition-list.service";
|
|
5
|
-
import * as i2 from "@angular/common";
|
|
6
|
-
/**
|
|
7
|
-
* Specifies the label in a label-value pair.
|
|
8
|
-
*/
|
|
9
|
-
export class SkyDefinitionListLabelComponent {
|
|
10
|
-
constructor(service) {
|
|
11
|
-
this.service = service;
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
SkyDefinitionListLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDefinitionListLabelComponent, deps: [{ token: i1.SkyDefinitionListService }], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
-
SkyDefinitionListLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDefinitionListLabelComponent, selector: "sky-definition-list-label", ngImport: i0, template: "<div\n class=\"sky-field-label sky-definition-list-label\"\n [ngStyle]=\"{\n width: (service.labelWidth | async) || ''\n }\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [":host{flex:0 0 90px}.sky-definition-list-label{margin-right:10px;word-wrap:break-word}\n"], directives: [{ type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDefinitionListLabelComponent, decorators: [{
|
|
17
|
-
type: Component,
|
|
18
|
-
args: [{
|
|
19
|
-
selector: 'sky-definition-list-label',
|
|
20
|
-
templateUrl: './definition-list-label.component.html',
|
|
21
|
-
styleUrls: ['./definition-list-label.component.scss'],
|
|
22
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
23
|
-
}]
|
|
24
|
-
}], ctorParameters: function () { return [{ type: i1.SkyDefinitionListService }]; } });
|
|
25
|
-
//# sourceMappingURL=definition-list-label.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"definition-list-label.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/definition-list/definition-list-label.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/definition-list/definition-list-label.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAEnE,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;;;;AAErE;;GAEG;AAOH,MAAM,OAAO,+BAA+B;IAG1C,YAAmB,OAAiC;QAAjC,YAAO,GAAP,OAAO,CAA0B;IAAG,CAAC;;6HAH7C,+BAA+B;iHAA/B,+BAA+B,iECb5C,8KAQA;4FDKa,+BAA+B;kBAN3C,SAAS;mBAAC;oBACT,QAAQ,EAAE,2BAA2B;oBACrC,WAAW,EAAE,wCAAwC;oBACrD,SAAS,EAAE,CAAC,wCAAwC,CAAC;oBACrD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\nimport { SkyDefinitionListService } from './definition-list.service';\n\n/**\n * Specifies the label in a label-value pair.\n */\n@Component({\n selector: 'sky-definition-list-label',\n templateUrl: './definition-list-label.component.html',\n styleUrls: ['./definition-list-label.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyDefinitionListLabelComponent {\n public labelWidth: number;\n\n constructor(public service: SkyDefinitionListService) {}\n}\n","<div\n class=\"sky-field-label sky-definition-list-label\"\n [ngStyle]=\"{\n width: (service.labelWidth | async) || ''\n }\"\n>\n <ng-content></ng-content>\n</div>\n"]}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import { SkyDefinitionListService } from './definition-list.service';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "./definition-list.service";
|
|
5
|
-
import * as i2 from "@angular/common";
|
|
6
|
-
import * as i3 from "@skyux/i18n";
|
|
7
|
-
/**
|
|
8
|
-
* Specifies the value in a label-value pair.
|
|
9
|
-
*/
|
|
10
|
-
export class SkyDefinitionListValueComponent {
|
|
11
|
-
constructor(service) {
|
|
12
|
-
this.service = service;
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
SkyDefinitionListValueComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDefinitionListValueComponent, deps: [{ token: i1.SkyDefinitionListService }], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
-
SkyDefinitionListValueComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDefinitionListValueComponent, selector: "sky-definition-list-value", ngImport: i0, template: "<div class=\"sky-definition-list-value\">\n <span #valueEl>\n <ng-content></ng-content>\n </span>\n <span class=\"sky-deemphasized\" *ngIf=\"!valueEl.textContent.trim()\">\n {{\n (service.defaultValue | async) ||\n ('skyux_definition_list_none_found' | skyLibResources)\n }}\n </span>\n</div>\n", styles: [":host{flex:1}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i2.AsyncPipe, "skyLibResources": i3.SkyLibResourcesPipe } });
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDefinitionListValueComponent, decorators: [{
|
|
18
|
-
type: Component,
|
|
19
|
-
args: [{
|
|
20
|
-
selector: 'sky-definition-list-value',
|
|
21
|
-
templateUrl: './definition-list-value.component.html',
|
|
22
|
-
styleUrls: ['./definition-list-value.component.scss'],
|
|
23
|
-
}]
|
|
24
|
-
}], ctorParameters: function () { return [{ type: i1.SkyDefinitionListService }]; } });
|
|
25
|
-
//# sourceMappingURL=definition-list-value.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"definition-list-value.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/definition-list/definition-list-value.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/definition-list/definition-list-value.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;;;;;AAErE;;GAEG;AAMH,MAAM,OAAO,+BAA+B;IAG1C,YAAmB,OAAiC;QAAjC,YAAO,GAAP,OAAO,CAA0B;IAAG,CAAC;;6HAH7C,+BAA+B;iHAA/B,+BAA+B,iECZ5C,iUAWA;4FDCa,+BAA+B;kBAL3C,SAAS;mBAAC;oBACT,QAAQ,EAAE,2BAA2B;oBACrC,WAAW,EAAE,wCAAwC;oBACrD,SAAS,EAAE,CAAC,wCAAwC,CAAC;iBACtD","sourcesContent":["import { Component } from '@angular/core';\n\nimport { SkyDefinitionListService } from './definition-list.service';\n\n/**\n * Specifies the value in a label-value pair.\n */\n@Component({\n selector: 'sky-definition-list-value',\n templateUrl: './definition-list-value.component.html',\n styleUrls: ['./definition-list-value.component.scss'],\n})\nexport class SkyDefinitionListValueComponent {\n public defaultValue: string;\n\n constructor(public service: SkyDefinitionListService) {}\n}\n","<div class=\"sky-definition-list-value\">\n <span #valueEl>\n <ng-content></ng-content>\n </span>\n <span class=\"sky-deemphasized\" *ngIf=\"!valueEl.textContent.trim()\">\n {{\n (service.defaultValue | async) ||\n ('skyux_definition_list_none_found' | skyLibResources)\n }}\n </span>\n</div>\n"]}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
-
import { SkyDefinitionListService } from './definition-list.service';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "./definition-list.service";
|
|
5
|
-
/**
|
|
6
|
-
* Creates a definition list to display label-value pairs.
|
|
7
|
-
*/
|
|
8
|
-
export class SkyDefinitionListComponent {
|
|
9
|
-
constructor(service) {
|
|
10
|
-
this.service = service;
|
|
11
|
-
}
|
|
12
|
-
/**
|
|
13
|
-
* Specifies the width of the label portion of the definition list.
|
|
14
|
-
* @default "90px"
|
|
15
|
-
*/
|
|
16
|
-
set labelWidth(value) {
|
|
17
|
-
this.service.labelWidth.next(value);
|
|
18
|
-
}
|
|
19
|
-
/**
|
|
20
|
-
* Specifies a default value to display when no value is provided
|
|
21
|
-
* for a label-value pair.
|
|
22
|
-
* @default "None found"
|
|
23
|
-
*/
|
|
24
|
-
set defaultValue(value) {
|
|
25
|
-
this.service.defaultValue.next(value);
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
SkyDefinitionListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDefinitionListComponent, deps: [{ token: i1.SkyDefinitionListService }], target: i0.ɵɵFactoryTarget.Component });
|
|
29
|
-
SkyDefinitionListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDefinitionListComponent, selector: "sky-definition-list", inputs: { labelWidth: "labelWidth", defaultValue: "defaultValue" }, providers: [SkyDefinitionListService], ngImport: i0, template: "<div class=\"sky-definition-list\">\n <ng-content select=\"sky-definition-list-heading\"></ng-content>\n <ng-content select=\"sky-definition-list-content\"></ng-content>\n</div>\n", styles: [".sky-definition-list{margin-right:50px;margin-bottom:20px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDefinitionListComponent, decorators: [{
|
|
31
|
-
type: Component,
|
|
32
|
-
args: [{
|
|
33
|
-
selector: 'sky-definition-list',
|
|
34
|
-
templateUrl: './definition-list.component.html',
|
|
35
|
-
styleUrls: ['./definition-list.component.scss'],
|
|
36
|
-
providers: [SkyDefinitionListService],
|
|
37
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
38
|
-
}]
|
|
39
|
-
}], ctorParameters: function () { return [{ type: i1.SkyDefinitionListService }]; }, propDecorators: { labelWidth: [{
|
|
40
|
-
type: Input
|
|
41
|
-
}], defaultValue: [{
|
|
42
|
-
type: Input
|
|
43
|
-
}] } });
|
|
44
|
-
//# sourceMappingURL=definition-list.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"definition-list.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/definition-list/definition-list.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/definition-list/definition-list.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE1E,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;;;AAErE;;GAEG;AAQH,MAAM,OAAO,0BAA0B;IAoBrC,YAAmB,OAAiC;QAAjC,YAAO,GAAP,OAAO,CAA0B;IAAG,CAAC;IAnBxD;;;OAGG;IACH,IACW,UAAU,CAAC,KAAa;QACjC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;IAED;;;;OAIG;IACH,IACW,YAAY,CAAC,KAAa;QACnC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC;;wHAlBU,0BAA0B;4GAA1B,0BAA0B,kHAH1B,CAAC,wBAAwB,CAAC,0BCXvC,uLAIA;4FDUa,0BAA0B;kBAPtC,SAAS;mBAAC;oBACT,QAAQ,EAAE,qBAAqB;oBAC/B,WAAW,EAAE,kCAAkC;oBAC/C,SAAS,EAAE,CAAC,kCAAkC,CAAC;oBAC/C,SAAS,EAAE,CAAC,wBAAwB,CAAC;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;+GAOY,UAAU;sBADpB,KAAK;gBAWK,YAAY;sBADtB,KAAK","sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\nimport { SkyDefinitionListService } from './definition-list.service';\n\n/**\n * Creates a definition list to display label-value pairs.\n */\n@Component({\n selector: 'sky-definition-list',\n templateUrl: './definition-list.component.html',\n styleUrls: ['./definition-list.component.scss'],\n providers: [SkyDefinitionListService],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyDefinitionListComponent {\n /**\n * Specifies the width of the label portion of the definition list.\n * @default \"90px\"\n */\n @Input()\n public set labelWidth(value: string) {\n this.service.labelWidth.next(value);\n }\n\n /**\n * Specifies a default value to display when no value is provided\n * for a label-value pair.\n * @default \"None found\"\n */\n @Input()\n public set defaultValue(value: string) {\n this.service.defaultValue.next(value);\n }\n\n constructor(public service: SkyDefinitionListService) {}\n}\n","<div class=\"sky-definition-list\">\n <ng-content select=\"sky-definition-list-heading\"></ng-content>\n <ng-content select=\"sky-definition-list-content\"></ng-content>\n</div>\n"]}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { NgModule } from '@angular/core';
|
|
3
|
-
import { SkyI18nModule } from '@skyux/i18n';
|
|
4
|
-
import { SkyLayoutResourcesModule } from '../shared/sky-layout-resources.module';
|
|
5
|
-
import { SkyDefinitionListContentComponent } from './definition-list-content.component';
|
|
6
|
-
import { SkyDefinitionListHeadingComponent } from './definition-list-heading.component';
|
|
7
|
-
import { SkyDefinitionListLabelComponent } from './definition-list-label.component';
|
|
8
|
-
import { SkyDefinitionListValueComponent } from './definition-list-value.component';
|
|
9
|
-
import { SkyDefinitionListComponent } from './definition-list.component';
|
|
10
|
-
import * as i0 from "@angular/core";
|
|
11
|
-
export class SkyDefinitionListModule {
|
|
12
|
-
}
|
|
13
|
-
SkyDefinitionListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDefinitionListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
14
|
-
SkyDefinitionListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDefinitionListModule, declarations: [SkyDefinitionListComponent,
|
|
15
|
-
SkyDefinitionListContentComponent,
|
|
16
|
-
SkyDefinitionListHeadingComponent,
|
|
17
|
-
SkyDefinitionListLabelComponent,
|
|
18
|
-
SkyDefinitionListValueComponent], imports: [CommonModule, SkyI18nModule, SkyLayoutResourcesModule], exports: [SkyDefinitionListComponent,
|
|
19
|
-
SkyDefinitionListContentComponent,
|
|
20
|
-
SkyDefinitionListHeadingComponent,
|
|
21
|
-
SkyDefinitionListLabelComponent,
|
|
22
|
-
SkyDefinitionListValueComponent] });
|
|
23
|
-
SkyDefinitionListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDefinitionListModule, imports: [[CommonModule, SkyI18nModule, SkyLayoutResourcesModule]] });
|
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDefinitionListModule, decorators: [{
|
|
25
|
-
type: NgModule,
|
|
26
|
-
args: [{
|
|
27
|
-
declarations: [
|
|
28
|
-
SkyDefinitionListComponent,
|
|
29
|
-
SkyDefinitionListContentComponent,
|
|
30
|
-
SkyDefinitionListHeadingComponent,
|
|
31
|
-
SkyDefinitionListLabelComponent,
|
|
32
|
-
SkyDefinitionListValueComponent,
|
|
33
|
-
],
|
|
34
|
-
imports: [CommonModule, SkyI18nModule, SkyLayoutResourcesModule],
|
|
35
|
-
exports: [
|
|
36
|
-
SkyDefinitionListComponent,
|
|
37
|
-
SkyDefinitionListContentComponent,
|
|
38
|
-
SkyDefinitionListHeadingComponent,
|
|
39
|
-
SkyDefinitionListLabelComponent,
|
|
40
|
-
SkyDefinitionListValueComponent,
|
|
41
|
-
],
|
|
42
|
-
}]
|
|
43
|
-
}] });
|
|
44
|
-
//# sourceMappingURL=definition-list.module.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"definition-list.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/definition-list/definition-list.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAC;AAEjF,OAAO,EAAE,iCAAiC,EAAE,MAAM,qCAAqC,CAAC;AACxF,OAAO,EAAE,iCAAiC,EAAE,MAAM,qCAAqC,CAAC;AACxF,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AACpF,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AACpF,OAAO,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAC;;AAmBzE,MAAM,OAAO,uBAAuB;;qHAAvB,uBAAuB;sHAAvB,uBAAuB,iBAfhC,0BAA0B;QAC1B,iCAAiC;QACjC,iCAAiC;QACjC,+BAA+B;QAC/B,+BAA+B,aAEvB,YAAY,EAAE,aAAa,EAAE,wBAAwB,aAE7D,0BAA0B;QAC1B,iCAAiC;QACjC,iCAAiC;QACjC,+BAA+B;QAC/B,+BAA+B;sHAGtB,uBAAuB,YATzB,CAAC,YAAY,EAAE,aAAa,EAAE,wBAAwB,CAAC;4FASrD,uBAAuB;kBAjBnC,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,0BAA0B;wBAC1B,iCAAiC;wBACjC,iCAAiC;wBACjC,+BAA+B;wBAC/B,+BAA+B;qBAChC;oBACD,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,EAAE,wBAAwB,CAAC;oBAChE,OAAO,EAAE;wBACP,0BAA0B;wBAC1B,iCAAiC;wBACjC,iCAAiC;wBACjC,+BAA+B;wBAC/B,+BAA+B;qBAChC;iBACF","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyI18nModule } from '@skyux/i18n';\n\nimport { SkyLayoutResourcesModule } from '../shared/sky-layout-resources.module';\n\nimport { SkyDefinitionListContentComponent } from './definition-list-content.component';\nimport { SkyDefinitionListHeadingComponent } from './definition-list-heading.component';\nimport { SkyDefinitionListLabelComponent } from './definition-list-label.component';\nimport { SkyDefinitionListValueComponent } from './definition-list-value.component';\nimport { SkyDefinitionListComponent } from './definition-list.component';\n\n@NgModule({\n declarations: [\n SkyDefinitionListComponent,\n SkyDefinitionListContentComponent,\n SkyDefinitionListHeadingComponent,\n SkyDefinitionListLabelComponent,\n SkyDefinitionListValueComponent,\n ],\n imports: [CommonModule, SkyI18nModule, SkyLayoutResourcesModule],\n exports: [\n SkyDefinitionListComponent,\n SkyDefinitionListContentComponent,\n SkyDefinitionListHeadingComponent,\n SkyDefinitionListLabelComponent,\n SkyDefinitionListValueComponent,\n ],\n})\nexport class SkyDefinitionListModule {}\n"]}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { Injectable } from '@angular/core';
|
|
2
|
-
import { BehaviorSubject } from 'rxjs';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
/**
|
|
5
|
-
* @internal
|
|
6
|
-
*/
|
|
7
|
-
export class SkyDefinitionListService {
|
|
8
|
-
constructor() {
|
|
9
|
-
this.labelWidth = new BehaviorSubject('');
|
|
10
|
-
this.defaultValue = new BehaviorSubject('');
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
SkyDefinitionListService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDefinitionListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
14
|
-
SkyDefinitionListService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDefinitionListService });
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDefinitionListService, decorators: [{
|
|
16
|
-
type: Injectable
|
|
17
|
-
}] });
|
|
18
|
-
//# sourceMappingURL=definition-list.service.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"definition-list.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/definition-list/definition-list.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,EAAE,eAAe,EAAE,MAAM,MAAM,CAAC;;AAEvC;;GAEG;AAEH,MAAM,OAAO,wBAAwB;IADrC;QAES,eAAU,GAAG,IAAI,eAAe,CAAS,EAAE,CAAC,CAAC;QAE7C,iBAAY,GAAG,IAAI,eAAe,CAAS,EAAE,CAAC,CAAC;KACvD;;sHAJY,wBAAwB;0HAAxB,wBAAwB;4FAAxB,wBAAwB;kBADpC,UAAU","sourcesContent":["import { Injectable } from '@angular/core';\n\nimport { BehaviorSubject } from 'rxjs';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyDefinitionListService {\n public labelWidth = new BehaviorSubject<string>('');\n\n public defaultValue = new BehaviorSubject<string>('');\n}\n"]}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { Injectable, RendererFactory2, } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
/**
|
|
4
|
-
* @internal
|
|
5
|
-
*/
|
|
6
|
-
export class SkyDescriptionListAdapterService {
|
|
7
|
-
constructor(rendererFactory) {
|
|
8
|
-
this.renderer = rendererFactory.createRenderer(undefined, undefined);
|
|
9
|
-
}
|
|
10
|
-
getWidth(elementRef) {
|
|
11
|
-
return elementRef.nativeElement.clientWidth;
|
|
12
|
-
}
|
|
13
|
-
setResponsiveClass(element) {
|
|
14
|
-
const nativeEl = element.nativeElement;
|
|
15
|
-
const width = this.getWidth(element);
|
|
16
|
-
const className = this.getResponsiveClassName(width);
|
|
17
|
-
this.renderer.removeClass(nativeEl, 'sky-responsive-container-xs');
|
|
18
|
-
this.renderer.removeClass(nativeEl, 'sky-responsive-container-sm');
|
|
19
|
-
this.renderer.removeClass(nativeEl, 'sky-responsive-container-md');
|
|
20
|
-
this.renderer.addClass(nativeEl, className);
|
|
21
|
-
}
|
|
22
|
-
getResponsiveClassName(width) {
|
|
23
|
-
const xsBreakpointMaxPixels = 479;
|
|
24
|
-
const smBreakpointMinPixels = 480;
|
|
25
|
-
const smBreakpointMaxPixels = 767;
|
|
26
|
-
if (width <= xsBreakpointMaxPixels) {
|
|
27
|
-
return 'sky-responsive-container-xs';
|
|
28
|
-
}
|
|
29
|
-
else if (width >= smBreakpointMinPixels &&
|
|
30
|
-
width <= smBreakpointMaxPixels) {
|
|
31
|
-
return 'sky-responsive-container-sm';
|
|
32
|
-
}
|
|
33
|
-
else {
|
|
34
|
-
return 'sky-responsive-container-md';
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
SkyDescriptionListAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
39
|
-
SkyDescriptionListAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListAdapterService });
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListAdapterService, decorators: [{
|
|
41
|
-
type: Injectable
|
|
42
|
-
}], ctorParameters: function () { return [{ type: i0.RendererFactory2 }]; } });
|
|
43
|
-
//# sourceMappingURL=description-list-adapter-service.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"description-list-adapter-service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/description-list/description-list-adapter-service.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAEV,gBAAgB,GACjB,MAAM,eAAe,CAAC;;AAEvB;;GAEG;AAEH,MAAM,OAAO,gCAAgC;IAG3C,YAAY,eAAiC;QAC3C,IAAI,CAAC,QAAQ,GAAG,eAAe,CAAC,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACvE,CAAC;IAEM,QAAQ,CAAC,UAAsB;QACpC,OAAO,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC;IAC9C,CAAC;IAEM,kBAAkB,CAAC,OAAmB;QAC3C,MAAM,QAAQ,GAAQ,OAAO,CAAC,aAAa,CAAC;QAC5C,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACrC,MAAM,SAAS,GAAG,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAErD,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,QAAQ,EAAE,6BAA6B,CAAC,CAAC;QACnE,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,QAAQ,EAAE,6BAA6B,CAAC,CAAC;QACnE,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,QAAQ,EAAE,6BAA6B,CAAC,CAAC;QAEnE,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IAC9C,CAAC;IAEO,sBAAsB,CAAC,KAAa;QAC1C,MAAM,qBAAqB,GAAG,GAAG,CAAC;QAClC,MAAM,qBAAqB,GAAG,GAAG,CAAC;QAClC,MAAM,qBAAqB,GAAG,GAAG,CAAC;QAElC,IAAI,KAAK,IAAI,qBAAqB,EAAE;YAClC,OAAO,6BAA6B,CAAC;SACtC;aAAM,IACL,KAAK,IAAI,qBAAqB;YAC9B,KAAK,IAAI,qBAAqB,EAC9B;YACA,OAAO,6BAA6B,CAAC;SACtC;aAAM;YACL,OAAO,6BAA6B,CAAC;SACtC;IACH,CAAC;;8HAtCU,gCAAgC;kIAAhC,gCAAgC;4FAAhC,gCAAgC;kBAD5C,UAAU","sourcesContent":["import {\n ElementRef,\n Injectable,\n Renderer2,\n RendererFactory2,\n} from '@angular/core';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyDescriptionListAdapterService {\n private renderer: Renderer2;\n\n constructor(rendererFactory: RendererFactory2) {\n this.renderer = rendererFactory.createRenderer(undefined, undefined);\n }\n\n public getWidth(elementRef: ElementRef): number {\n return elementRef.nativeElement.clientWidth;\n }\n\n public setResponsiveClass(element: ElementRef): void {\n const nativeEl: any = element.nativeElement;\n const width = this.getWidth(element);\n const className = this.getResponsiveClassName(width);\n\n this.renderer.removeClass(nativeEl, 'sky-responsive-container-xs');\n this.renderer.removeClass(nativeEl, 'sky-responsive-container-sm');\n this.renderer.removeClass(nativeEl, 'sky-responsive-container-md');\n\n this.renderer.addClass(nativeEl, className);\n }\n\n private getResponsiveClassName(width: number): string {\n const xsBreakpointMaxPixels = 479;\n const smBreakpointMinPixels = 480;\n const smBreakpointMaxPixels = 767;\n\n if (width <= xsBreakpointMaxPixels) {\n return 'sky-responsive-container-xs';\n } else if (\n width >= smBreakpointMinPixels &&\n width <= smBreakpointMaxPixels\n ) {\n return 'sky-responsive-container-sm';\n } else {\n return 'sky-responsive-container-md';\n }\n }\n}\n"]}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { Component, ContentChildren, QueryList } from '@angular/core';
|
|
2
|
-
import { SkyDescriptionListDescriptionComponent } from './description-list-description.component';
|
|
3
|
-
import { SkyDescriptionListTermComponent } from './description-list-term.component';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
/**
|
|
6
|
-
* Wraps the term-description pairs in the description list.
|
|
7
|
-
*/
|
|
8
|
-
export class SkyDescriptionListContentComponent {
|
|
9
|
-
}
|
|
10
|
-
SkyDescriptionListContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
-
SkyDescriptionListContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDescriptionListContentComponent, selector: "sky-description-list-content", queries: [{ propertyName: "termComponents", predicate: SkyDescriptionListTermComponent }, { propertyName: "descriptionComponents", predicate: SkyDescriptionListDescriptionComponent }], ngImport: i0, template: "<ng-content></ng-content>\n" });
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListContentComponent, decorators: [{
|
|
13
|
-
type: Component,
|
|
14
|
-
args: [{
|
|
15
|
-
selector: 'sky-description-list-content',
|
|
16
|
-
templateUrl: './description-list-content.component.html',
|
|
17
|
-
}]
|
|
18
|
-
}], propDecorators: { termComponents: [{
|
|
19
|
-
type: ContentChildren,
|
|
20
|
-
args: [SkyDescriptionListTermComponent]
|
|
21
|
-
}], descriptionComponents: [{
|
|
22
|
-
type: ContentChildren,
|
|
23
|
-
args: [SkyDescriptionListDescriptionComponent]
|
|
24
|
-
}] } });
|
|
25
|
-
//# sourceMappingURL=description-list-content.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"description-list-content.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/description-list/description-list-content.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/description-list/description-list-content.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAEtE,OAAO,EAAE,sCAAsC,EAAE,MAAM,0CAA0C,CAAC;AAClG,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;;AAEpF;;GAEG;AAKH,MAAM,OAAO,kCAAkC;;gIAAlC,kCAAkC;oHAAlC,kCAAkC,mGAC5B,+BAA+B,wDAG/B,sCAAsC,6BChBzD,6BACA;4FDWa,kCAAkC;kBAJ9C,SAAS;mBAAC;oBACT,QAAQ,EAAE,8BAA8B;oBACxC,WAAW,EAAE,2CAA2C;iBACzD;8BAGQ,cAAc;sBADpB,eAAe;uBAAC,+BAA+B;gBAIzC,qBAAqB;sBAD3B,eAAe;uBAAC,sCAAsC","sourcesContent":["import { Component, ContentChildren, QueryList } from '@angular/core';\n\nimport { SkyDescriptionListDescriptionComponent } from './description-list-description.component';\nimport { SkyDescriptionListTermComponent } from './description-list-term.component';\n\n/**\n * Wraps the term-description pairs in the description list.\n */\n@Component({\n selector: 'sky-description-list-content',\n templateUrl: './description-list-content.component.html',\n})\nexport class SkyDescriptionListContentComponent {\n @ContentChildren(SkyDescriptionListTermComponent)\n public termComponents: QueryList<SkyDescriptionListTermComponent>;\n\n @ContentChildren(SkyDescriptionListDescriptionComponent)\n public descriptionComponents: QueryList<SkyDescriptionListDescriptionComponent>;\n}\n","<ng-content></ng-content>\n"]}
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, TemplateRef, ViewChild, } from '@angular/core';
|
|
2
|
-
import { SkyThemeService } from '@skyux/theme';
|
|
3
|
-
import { Subject } from 'rxjs';
|
|
4
|
-
import { takeUntil } from 'rxjs/operators';
|
|
5
|
-
import { SkyDescriptionListService } from './description-list.service';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
import * as i1 from "./description-list.service";
|
|
8
|
-
import * as i2 from "@skyux/theme";
|
|
9
|
-
import * as i3 from "@angular/common";
|
|
10
|
-
import * as i4 from "@skyux/i18n";
|
|
11
|
-
/**
|
|
12
|
-
* Specifies the description in a term-description pair.
|
|
13
|
-
*/
|
|
14
|
-
export class SkyDescriptionListDescriptionComponent {
|
|
15
|
-
constructor(service, changeRef, themeSvc) {
|
|
16
|
-
this.service = service;
|
|
17
|
-
this.changeRef = changeRef;
|
|
18
|
-
this.themeSvc = themeSvc;
|
|
19
|
-
this.ngUnsubscribe = new Subject();
|
|
20
|
-
}
|
|
21
|
-
ngOnInit() {
|
|
22
|
-
/* istanbul ignore else */
|
|
23
|
-
if (this.themeSvc) {
|
|
24
|
-
this.themeSvc.settingsChange
|
|
25
|
-
.pipe(takeUntil(this.ngUnsubscribe))
|
|
26
|
-
.subscribe((themeSettings) => {
|
|
27
|
-
this.themeName = themeSettings.currentSettings.theme.name;
|
|
28
|
-
this.changeRef.markForCheck();
|
|
29
|
-
});
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
ngOnDestroy() {
|
|
33
|
-
this.ngUnsubscribe.next();
|
|
34
|
-
this.ngUnsubscribe.complete();
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
SkyDescriptionListDescriptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListDescriptionComponent, deps: [{ token: i1.SkyDescriptionListService }, { token: i0.ChangeDetectorRef }, { token: i2.SkyThemeService }], target: i0.ɵɵFactoryTarget.Component });
|
|
38
|
-
SkyDescriptionListDescriptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDescriptionListDescriptionComponent, selector: "sky-description-list-description", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["descriptionTemplateRef"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<ng-template #descriptionTemplateRef>\n <span #valueEl>\n <ng-content></ng-content>\n </span>\n <span\n *ngIf=\"!valueEl.textContent.trim()\"\n data-sky-id=\"sky-description-list-default-value\"\n [skyThemeClass]=\"{\n 'sky-font-deemphasized': 'modern',\n 'sky-deemphasized': 'default'\n }\"\n >\n {{\n (service.defaultDescription | async) ||\n ('skyux_description_list_none_found' | skyLibResources)\n }}\n </span>\n</ng-template>\n", directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], pipes: { "async": i3.AsyncPipe, "skyLibResources": i4.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
39
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListDescriptionComponent, decorators: [{
|
|
40
|
-
type: Component,
|
|
41
|
-
args: [{
|
|
42
|
-
selector: 'sky-description-list-description',
|
|
43
|
-
templateUrl: './description-list-description.component.html',
|
|
44
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
45
|
-
}]
|
|
46
|
-
}], ctorParameters: function () { return [{ type: i1.SkyDescriptionListService }, { type: i0.ChangeDetectorRef }, { type: i2.SkyThemeService }]; }, propDecorators: { templateRef: [{
|
|
47
|
-
type: ViewChild,
|
|
48
|
-
args: ['descriptionTemplateRef', {
|
|
49
|
-
read: TemplateRef,
|
|
50
|
-
static: true,
|
|
51
|
-
}]
|
|
52
|
-
}] } });
|
|
53
|
-
//# sourceMappingURL=description-list-description.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"description-list-description.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/description-list/description-list-description.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/description-list/description-list-description.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,EAGT,WAAW,EACX,SAAS,GACV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;;;;;;AAEvE;;GAEG;AAMH,MAAM,OAAO,sCAAsC;IAejD,YACS,OAAkC,EACjC,SAA4B,EAC5B,QAAyB;QAF1B,YAAO,GAAP,OAAO,CAA2B;QACjC,cAAS,GAAT,SAAS,CAAmB;QAC5B,aAAQ,GAAR,QAAQ,CAAiB;QAL3B,kBAAa,GAAG,IAAI,OAAO,EAAE,CAAC;IAMnC,CAAC;IAEG,QAAQ;QACb,0BAA0B;QAC1B,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,QAAQ,CAAC,cAAc;iBACzB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;iBACnC,SAAS,CAAC,CAAC,aAAa,EAAE,EAAE;gBAC3B,IAAI,CAAC,SAAS,GAAG,aAAa,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC;gBAC1D,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,CAAC;YAChC,CAAC,CAAC,CAAC;SACN;IACH,CAAC;IAEM,WAAW;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QAC1B,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC;;oIApCU,sCAAsC;wHAAtC,sCAAsC,0KAQzC,WAAW,2CChCrB,meAkBA;4FDMa,sCAAsC;kBALlD,SAAS;mBAAC;oBACT,QAAQ,EAAE,kCAAkC;oBAC5C,WAAW,EAAE,+CAA+C;oBAC5D,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;8KAYQ,WAAW;sBAJjB,SAAS;uBAAC,wBAAwB,EAAE;wBACnC,IAAI,EAAE,WAAW;wBACjB,MAAM,EAAE,IAAI;qBACb","sourcesContent":["import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n OnDestroy,\n OnInit,\n TemplateRef,\n ViewChild,\n} from '@angular/core';\nimport { SkyThemeService } from '@skyux/theme';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyDescriptionListService } from './description-list.service';\n\n/**\n * Specifies the description in a term-description pair.\n */\n@Component({\n selector: 'sky-description-list-description',\n templateUrl: './description-list-description.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyDescriptionListDescriptionComponent\n implements OnDestroy, OnInit\n{\n public defaultDescription: string;\n\n public themeName: string;\n\n @ViewChild('descriptionTemplateRef', {\n read: TemplateRef,\n static: true,\n })\n public templateRef: TemplateRef<any>;\n\n private ngUnsubscribe = new Subject();\n\n constructor(\n public service: SkyDescriptionListService,\n private changeRef: ChangeDetectorRef,\n private themeSvc: SkyThemeService\n ) {}\n\n public ngOnInit(): void {\n /* istanbul ignore else */\n if (this.themeSvc) {\n this.themeSvc.settingsChange\n .pipe(takeUntil(this.ngUnsubscribe))\n .subscribe((themeSettings) => {\n this.themeName = themeSettings.currentSettings.theme.name;\n this.changeRef.markForCheck();\n });\n }\n }\n\n public ngOnDestroy(): void {\n this.ngUnsubscribe.next();\n this.ngUnsubscribe.complete();\n }\n}\n","<ng-template #descriptionTemplateRef>\n <span #valueEl>\n <ng-content></ng-content>\n </span>\n <span\n *ngIf=\"!valueEl.textContent.trim()\"\n data-sky-id=\"sky-description-list-default-value\"\n [skyThemeClass]=\"{\n 'sky-font-deemphasized': 'modern',\n 'sky-deemphasized': 'default'\n }\"\n >\n {{\n (service.defaultDescription | async) ||\n ('skyux_description_list_none_found' | skyLibResources)\n }}\n </span>\n</ng-template>\n"]}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, TemplateRef, ViewChild, } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
/**
|
|
4
|
-
* Specifies the term in a term-description pair.
|
|
5
|
-
*/
|
|
6
|
-
export class SkyDescriptionListTermComponent {
|
|
7
|
-
}
|
|
8
|
-
SkyDescriptionListTermComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListTermComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
-
SkyDescriptionListTermComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDescriptionListTermComponent, selector: "sky-description-list-term", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["termTemplateRef"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<ng-template #termTemplateRef>\n <ng-content></ng-content>\n</ng-template>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListTermComponent, decorators: [{
|
|
11
|
-
type: Component,
|
|
12
|
-
args: [{
|
|
13
|
-
selector: 'sky-description-list-term',
|
|
14
|
-
templateUrl: './description-list-term.component.html',
|
|
15
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
16
|
-
}]
|
|
17
|
-
}], propDecorators: { templateRef: [{
|
|
18
|
-
type: ViewChild,
|
|
19
|
-
args: ['termTemplateRef', {
|
|
20
|
-
read: TemplateRef,
|
|
21
|
-
static: true,
|
|
22
|
-
}]
|
|
23
|
-
}] } });
|
|
24
|
-
//# sourceMappingURL=description-list-term.component.js.map
|