@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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"description-list-term.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/description-list/description-list-term.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/description-list/description-list-term.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,WAAW,EACX,SAAS,GACV,MAAM,eAAe,CAAC;;AAEvB;;GAEG;AAMH,MAAM,OAAO,+BAA+B;;6HAA/B,+BAA+B;iHAA/B,+BAA+B,4JAElC,WAAW,2CCjBrB,+EAGA;4FDYa,+BAA+B;kBAL3C,SAAS;mBAAC;oBACT,QAAQ,EAAE,2BAA2B;oBACrC,WAAW,EAAE,wCAAwC;oBACrD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;8BAMQ,WAAW;sBAJjB,SAAS;uBAAC,iBAAiB,EAAE;wBAC5B,IAAI,EAAE,WAAW;wBACjB,MAAM,EAAE,IAAI;qBACb","sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n TemplateRef,\n ViewChild,\n} from '@angular/core';\n\n/**\n * Specifies the term in a term-description pair.\n */\n@Component({\n selector: 'sky-description-list-term',\n templateUrl: './description-list-term.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyDescriptionListTermComponent {\n @ViewChild('termTemplateRef', {\n read: TemplateRef,\n static: true,\n })\n public templateRef: TemplateRef<any>;\n}\n","<ng-template #termTemplateRef>\n <ng-content></ng-content>\n</ng-template>\n"]}
|
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, ElementRef, HostListener, Input, QueryList, ViewChild, } from '@angular/core';
|
|
2
|
-
import { MutationObserverService } from '@skyux/core';
|
|
3
|
-
import { Subject } from 'rxjs';
|
|
4
|
-
import { takeUntil } from 'rxjs/operators';
|
|
5
|
-
import { SkyDescriptionListAdapterService } from './description-list-adapter-service';
|
|
6
|
-
import { SkyDescriptionListContentComponent } from './description-list-content.component';
|
|
7
|
-
import { SkyDescriptionListService } from './description-list.service';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
import * as i1 from "./description-list-adapter-service";
|
|
10
|
-
import * as i2 from "./description-list.service";
|
|
11
|
-
import * as i3 from "@skyux/core";
|
|
12
|
-
import * as i4 from "@angular/common";
|
|
13
|
-
/**
|
|
14
|
-
* Creates a description list to display term-description pairs.
|
|
15
|
-
*/
|
|
16
|
-
export class SkyDescriptionListComponent {
|
|
17
|
-
constructor(adapterService, changeDetector, descriptionListService, mutationSvc) {
|
|
18
|
-
this.adapterService = adapterService;
|
|
19
|
-
this.changeDetector = changeDetector;
|
|
20
|
-
this.descriptionListService = descriptionListService;
|
|
21
|
-
this.mutationSvc = mutationSvc;
|
|
22
|
-
this.ngUnsubscribe = new Subject();
|
|
23
|
-
}
|
|
24
|
-
/**
|
|
25
|
-
* Specifies a default description to display when no description is provided
|
|
26
|
-
* for a term-description pair.
|
|
27
|
-
* @default "None found"
|
|
28
|
-
*/
|
|
29
|
-
set defaultDescription(value) {
|
|
30
|
-
this.descriptionListService.updateDefaultDescription(value);
|
|
31
|
-
}
|
|
32
|
-
/**
|
|
33
|
-
* Specifies how to display term-description pairs within the description list.
|
|
34
|
-
* Options include `"horizontal"`, `"longDescription"`, and `"vertical"`.
|
|
35
|
-
* @default "vertical"
|
|
36
|
-
*/
|
|
37
|
-
set mode(value) {
|
|
38
|
-
this._mode = value;
|
|
39
|
-
}
|
|
40
|
-
get mode() {
|
|
41
|
-
return this._mode || 'vertical';
|
|
42
|
-
}
|
|
43
|
-
ngAfterContentInit() {
|
|
44
|
-
// Wait for all content to render before detecting parent width.
|
|
45
|
-
setTimeout(() => {
|
|
46
|
-
this.updateResponsiveClass();
|
|
47
|
-
});
|
|
48
|
-
this.contentComponents.changes
|
|
49
|
-
.pipe(takeUntil(this.ngUnsubscribe))
|
|
50
|
-
.subscribe(() => {
|
|
51
|
-
this.changeDetector.markForCheck();
|
|
52
|
-
});
|
|
53
|
-
}
|
|
54
|
-
ngAfterViewInit() {
|
|
55
|
-
this.contentObserver = this.mutationSvc.create(() => {
|
|
56
|
-
this.changeDetector.markForCheck();
|
|
57
|
-
});
|
|
58
|
-
this.contentObserver.observe(this.elementRef.nativeElement, {
|
|
59
|
-
childList: true,
|
|
60
|
-
characterData: true,
|
|
61
|
-
subtree: true,
|
|
62
|
-
});
|
|
63
|
-
}
|
|
64
|
-
ngOnDestroy() {
|
|
65
|
-
this.ngUnsubscribe.next();
|
|
66
|
-
this.ngUnsubscribe.complete();
|
|
67
|
-
this.contentObserver.disconnect();
|
|
68
|
-
}
|
|
69
|
-
onWindowResize() {
|
|
70
|
-
this.updateResponsiveClass();
|
|
71
|
-
}
|
|
72
|
-
updateResponsiveClass() {
|
|
73
|
-
this.adapterService.setResponsiveClass(this.elementRef);
|
|
74
|
-
this.changeDetector.markForCheck();
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
SkyDescriptionListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListComponent, deps: [{ token: i1.SkyDescriptionListAdapterService }, { token: i0.ChangeDetectorRef }, { token: i2.SkyDescriptionListService }, { token: i3.MutationObserverService }], target: i0.ɵɵFactoryTarget.Component });
|
|
78
|
-
SkyDescriptionListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDescriptionListComponent, selector: "sky-description-list", inputs: { defaultDescription: "defaultDescription", listItemWidth: "listItemWidth", mode: "mode" }, host: { listeners: { "window:resize": "onWindowResize()" } }, providers: [SkyDescriptionListAdapterService, SkyDescriptionListService], queries: [{ propertyName: "contentComponents", predicate: SkyDescriptionListContentComponent }], viewQueries: [{ propertyName: "elementRef", first: true, predicate: ["descriptionListElement"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<dl\n class=\"sky-description-list\"\n [ngClass]=\"{\n 'sky-description-list-long-description-mode': mode === 'longDescription',\n 'sky-description-list-vertical-mode': mode === 'vertical',\n 'sky-description-list-horizontal-mode': mode === 'horizontal'\n }\"\n #descriptionListElement\n>\n <!--\n Wrapping div is for horizontal flexing. Also injecting children's templateRef directly\n to avoid adding non-semantic HTML tags to DOM\n -->\n <div\n *ngFor=\"let contentComponent of contentComponents\"\n class=\"sky-description-list-content\"\n [style.width]=\"mode === 'horizontal' ? listItemWidth : ''\"\n >\n <dt *ngFor=\"let termComponent of contentComponent?.termComponents\">\n <ng-container\n *ngTemplateOutlet=\"termComponent.templateRef\"\n ></ng-container>\n </dt>\n <dd\n *ngFor=\"\n let descriptionComponent of contentComponent?.descriptionComponents\n \"\n >\n <ng-container\n *ngTemplateOutlet=\"descriptionComponent.templateRef\"\n ></ng-container>\n </dd>\n </div>\n</dl>\n", styles: [".sky-description-list{margin:0;padding:0}.sky-description-list dt{color:#686c73;font-size:14px;font-weight:400;margin:0 0 3px;padding:0}.sky-description-list dd{margin:0;padding:0}.sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 15px;width:auto}.sky-description-list.sky-description-list-horizontal-mode{display:flex;flex-wrap:wrap}.sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 15px;padding:0 60px 0 0;min-width:100px;width:auto}.sky-description-list.sky-description-list-horizontal-mode.sky-responsive-container-xs .sky-description-list-content,.sky-description-list.sky-description-list-horizontal-mode.sky-responsive-container-sm .sky-description-list-content{width:50%}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content{display:flex}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content:not(:last-child){margin:0 0 10px}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content dt{color:#212327;font-size:16px;font-weight:600;margin:0 20px 0 0;width:25%;word-break:break-word}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content dd{flex:1}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content{flex-direction:column}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content dt{margin:0 0 3px;width:100%}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content dd{margin:0 0 10px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode dt{color:#686c73;font-size:14px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode dd{font-size:16px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-horizontal-mode{margin:0 0 -20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode dt{color:inherit;font-weight:700;font-size:inherit}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode dd{font-size:16px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dt{margin:0 0 5px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dd{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode dt{color:#686c73;font-size:14px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode dd{font-size:16px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-horizontal-mode{margin:0 0 -20px}.sky-theme-modern .sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode dt{color:inherit;font-weight:700;font-size:inherit}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode dd{font-size:16px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dt{margin:0 0 5px}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dd{margin:0 0 20px}\n"], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
79
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListComponent, decorators: [{
|
|
80
|
-
type: Component,
|
|
81
|
-
args: [{
|
|
82
|
-
selector: 'sky-description-list',
|
|
83
|
-
templateUrl: './description-list.component.html',
|
|
84
|
-
styleUrls: ['./description-list.component.scss'],
|
|
85
|
-
providers: [SkyDescriptionListAdapterService, SkyDescriptionListService],
|
|
86
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
87
|
-
}]
|
|
88
|
-
}], ctorParameters: function () { return [{ type: i1.SkyDescriptionListAdapterService }, { type: i0.ChangeDetectorRef }, { type: i2.SkyDescriptionListService }, { type: i3.MutationObserverService }]; }, propDecorators: { defaultDescription: [{
|
|
89
|
-
type: Input
|
|
90
|
-
}], listItemWidth: [{
|
|
91
|
-
type: Input
|
|
92
|
-
}], mode: [{
|
|
93
|
-
type: Input
|
|
94
|
-
}], contentComponents: [{
|
|
95
|
-
type: ContentChildren,
|
|
96
|
-
args: [SkyDescriptionListContentComponent]
|
|
97
|
-
}], elementRef: [{
|
|
98
|
-
type: ViewChild,
|
|
99
|
-
args: ['descriptionListElement', {
|
|
100
|
-
read: ElementRef,
|
|
101
|
-
static: true,
|
|
102
|
-
}]
|
|
103
|
-
}], onWindowResize: [{
|
|
104
|
-
type: HostListener,
|
|
105
|
-
args: ['window:resize']
|
|
106
|
-
}] } });
|
|
107
|
-
//# sourceMappingURL=description-list.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"description-list.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/description-list/description-list.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/description-list/description-list.component.html"],"names":[],"mappings":"AAAA,OAAO,EAGL,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,EACT,eAAe,EACf,UAAU,EACV,YAAY,EACZ,KAAK,EAEL,SAAS,EACT,SAAS,GACV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAEtD,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAE,gCAAgC,EAAE,MAAM,oCAAoC,CAAC;AACtF,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;;;;;;AAGvE;;GAEG;AAQH,MAAM,OAAO,2BAA2B;IAiDtC,YACU,cAAgD,EAChD,cAAiC,EACjC,sBAAiD,EACjD,WAAoC;QAHpC,mBAAc,GAAd,cAAc,CAAkC;QAChD,mBAAc,GAAd,cAAc,CAAmB;QACjC,2BAAsB,GAAtB,sBAAsB,CAA2B;QACjD,gBAAW,GAAX,WAAW,CAAyB;QARtC,kBAAa,GAAG,IAAI,OAAO,EAAQ,CAAC;IASzC,CAAC;IAnDJ;;;;OAIG;IACH,IACW,kBAAkB,CAAC,KAAa;QACzC,IAAI,CAAC,sBAAsB,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;IAC9D,CAAC;IASD;;;;OAIG;IACH,IACW,IAAI,CAAC,KAAiC;QAC/C,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACrB,CAAC;IAED,IAAW,IAAI;QACb,OAAO,IAAI,CAAC,KAAK,IAAI,UAAU,CAAC;IAClC,CAAC;IAwBM,kBAAkB;QACvB,gEAAgE;QAChE,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC/B,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,iBAAiB,CAAC,OAAO;aAC3B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;aACnC,SAAS,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;QACrC,CAAC,CAAC,CAAC;IACP,CAAC;IAEM,eAAe;QACpB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,EAAE;YAClD,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;QACrC,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE;YAC1D,SAAS,EAAE,IAAI;YACf,aAAa,EAAE,IAAI;YACnB,OAAO,EAAE,IAAI;SACd,CAAC,CAAC;IACL,CAAC;IAEM,WAAW;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QAC1B,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC;QAC9B,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE,CAAC;IACpC,CAAC;IAGM,cAAc;QACnB,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAC/B,CAAC;IAEO,qBAAqB;QAC3B,IAAI,CAAC,cAAc,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACxD,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;IACrC,CAAC;;yHA9FU,2BAA2B;6GAA3B,2BAA2B,iNAH3B,CAAC,gCAAgC,EAAE,yBAAyB,CAAC,4DAqCvD,kCAAkC,8HAM3C,UAAU,2CC1EpB,ikCAkCA;4FDAa,2BAA2B;kBAPvC,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,WAAW,EAAE,mCAAmC;oBAChD,SAAS,EAAE,CAAC,mCAAmC,CAAC;oBAChD,SAAS,EAAE,CAAC,gCAAgC,EAAE,yBAAyB,CAAC;oBACxE,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;qOAUY,kBAAkB;sBAD5B,KAAK;gBAUC,aAAa;sBADnB,KAAK;gBASK,IAAI;sBADd,KAAK;gBAUC,iBAAiB;sBADvB,eAAe;uBAAC,kCAAkC;gBAS3C,UAAU;sBAJjB,SAAS;uBAAC,wBAAwB,EAAE;wBACnC,IAAI,EAAE,UAAU;wBAChB,MAAM,EAAE,IAAI;qBACb;gBA6CM,cAAc;sBADpB,YAAY;uBAAC,eAAe","sourcesContent":["import {\n AfterContentInit,\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChildren,\n ElementRef,\n HostListener,\n Input,\n OnDestroy,\n QueryList,\n ViewChild,\n} from '@angular/core';\nimport { MutationObserverService } from '@skyux/core';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyDescriptionListAdapterService } from './description-list-adapter-service';\nimport { SkyDescriptionListContentComponent } from './description-list-content.component';\nimport { SkyDescriptionListService } from './description-list.service';\nimport { SkyDescriptionListModeType } from './types/description-list-mode-type';\n\n/**\n * Creates a description list to display term-description pairs.\n */\n@Component({\n selector: 'sky-description-list',\n templateUrl: './description-list.component.html',\n styleUrls: ['./description-list.component.scss'],\n providers: [SkyDescriptionListAdapterService, SkyDescriptionListService],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyDescriptionListComponent\n implements AfterContentInit, AfterViewInit, OnDestroy\n{\n /**\n * Specifies a default description to display when no description is provided\n * for a term-description pair.\n * @default \"None found\"\n */\n @Input()\n public set defaultDescription(value: string) {\n this.descriptionListService.updateDefaultDescription(value);\n }\n\n /**\n * Specifies the width of term-description pairs when `mode` is set to `\"horizontal\"`. By default,\n * the width is responsive based on the width of the container element.\n */\n @Input()\n public listItemWidth: string;\n\n /**\n * Specifies how to display term-description pairs within the description list.\n * Options include `\"horizontal\"`, `\"longDescription\"`, and `\"vertical\"`.\n * @default \"vertical\"\n */\n @Input()\n public set mode(value: SkyDescriptionListModeType) {\n this._mode = value;\n }\n\n public get mode(): SkyDescriptionListModeType {\n return this._mode || 'vertical';\n }\n\n @ContentChildren(SkyDescriptionListContentComponent)\n public contentComponents: QueryList<SkyDescriptionListContentComponent>;\n\n private contentObserver: MutationObserver;\n\n @ViewChild('descriptionListElement', {\n read: ElementRef,\n static: true,\n })\n private elementRef: ElementRef;\n\n private ngUnsubscribe = new Subject<void>();\n\n private _mode: SkyDescriptionListModeType;\n\n constructor(\n private adapterService: SkyDescriptionListAdapterService,\n private changeDetector: ChangeDetectorRef,\n private descriptionListService: SkyDescriptionListService,\n private mutationSvc: MutationObserverService\n ) {}\n\n public ngAfterContentInit(): void {\n // Wait for all content to render before detecting parent width.\n setTimeout(() => {\n this.updateResponsiveClass();\n });\n\n this.contentComponents.changes\n .pipe(takeUntil(this.ngUnsubscribe))\n .subscribe(() => {\n this.changeDetector.markForCheck();\n });\n }\n\n public ngAfterViewInit(): void {\n this.contentObserver = this.mutationSvc.create(() => {\n this.changeDetector.markForCheck();\n });\n this.contentObserver.observe(this.elementRef.nativeElement, {\n childList: true,\n characterData: true,\n subtree: true,\n });\n }\n\n public ngOnDestroy(): void {\n this.ngUnsubscribe.next();\n this.ngUnsubscribe.complete();\n this.contentObserver.disconnect();\n }\n\n @HostListener('window:resize')\n public onWindowResize(): void {\n this.updateResponsiveClass();\n }\n\n private updateResponsiveClass(): void {\n this.adapterService.setResponsiveClass(this.elementRef);\n this.changeDetector.markForCheck();\n }\n}\n","<dl\n class=\"sky-description-list\"\n [ngClass]=\"{\n 'sky-description-list-long-description-mode': mode === 'longDescription',\n 'sky-description-list-vertical-mode': mode === 'vertical',\n 'sky-description-list-horizontal-mode': mode === 'horizontal'\n }\"\n #descriptionListElement\n>\n <!--\n Wrapping div is for horizontal flexing. Also injecting children's templateRef directly\n to avoid adding non-semantic HTML tags to DOM\n -->\n <div\n *ngFor=\"let contentComponent of contentComponents\"\n class=\"sky-description-list-content\"\n [style.width]=\"mode === 'horizontal' ? listItemWidth : ''\"\n >\n <dt *ngFor=\"let termComponent of contentComponent?.termComponents\">\n <ng-container\n *ngTemplateOutlet=\"termComponent.templateRef\"\n ></ng-container>\n </dt>\n <dd\n *ngFor=\"\n let descriptionComponent of contentComponent?.descriptionComponents\n \"\n >\n <ng-container\n *ngTemplateOutlet=\"descriptionComponent.templateRef\"\n ></ng-container>\n </dd>\n </div>\n</dl>\n"]}
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { NgModule } from '@angular/core';
|
|
3
|
-
import { SkyI18nModule } from '@skyux/i18n';
|
|
4
|
-
import { SkyThemeModule } from '@skyux/theme';
|
|
5
|
-
import { SkyLayoutResourcesModule } from '../shared/sky-layout-resources.module';
|
|
6
|
-
import { SkyDescriptionListContentComponent } from './description-list-content.component';
|
|
7
|
-
import { SkyDescriptionListDescriptionComponent } from './description-list-description.component';
|
|
8
|
-
import { SkyDescriptionListTermComponent } from './description-list-term.component';
|
|
9
|
-
import { SkyDescriptionListComponent } from './description-list.component';
|
|
10
|
-
import * as i0 from "@angular/core";
|
|
11
|
-
export class SkyDescriptionListModule {
|
|
12
|
-
}
|
|
13
|
-
SkyDescriptionListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
14
|
-
SkyDescriptionListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListModule, declarations: [SkyDescriptionListComponent,
|
|
15
|
-
SkyDescriptionListContentComponent,
|
|
16
|
-
SkyDescriptionListTermComponent,
|
|
17
|
-
SkyDescriptionListDescriptionComponent], imports: [CommonModule,
|
|
18
|
-
SkyI18nModule,
|
|
19
|
-
SkyLayoutResourcesModule,
|
|
20
|
-
SkyThemeModule], exports: [SkyDescriptionListComponent,
|
|
21
|
-
SkyDescriptionListContentComponent,
|
|
22
|
-
SkyDescriptionListTermComponent,
|
|
23
|
-
SkyDescriptionListDescriptionComponent] });
|
|
24
|
-
SkyDescriptionListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListModule, imports: [[
|
|
25
|
-
CommonModule,
|
|
26
|
-
SkyI18nModule,
|
|
27
|
-
SkyLayoutResourcesModule,
|
|
28
|
-
SkyThemeModule,
|
|
29
|
-
]] });
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListModule, decorators: [{
|
|
31
|
-
type: NgModule,
|
|
32
|
-
args: [{
|
|
33
|
-
declarations: [
|
|
34
|
-
SkyDescriptionListComponent,
|
|
35
|
-
SkyDescriptionListContentComponent,
|
|
36
|
-
SkyDescriptionListTermComponent,
|
|
37
|
-
SkyDescriptionListDescriptionComponent,
|
|
38
|
-
],
|
|
39
|
-
imports: [
|
|
40
|
-
CommonModule,
|
|
41
|
-
SkyI18nModule,
|
|
42
|
-
SkyLayoutResourcesModule,
|
|
43
|
-
SkyThemeModule,
|
|
44
|
-
],
|
|
45
|
-
exports: [
|
|
46
|
-
SkyDescriptionListComponent,
|
|
47
|
-
SkyDescriptionListContentComponent,
|
|
48
|
-
SkyDescriptionListTermComponent,
|
|
49
|
-
SkyDescriptionListDescriptionComponent,
|
|
50
|
-
],
|
|
51
|
-
}]
|
|
52
|
-
}] });
|
|
53
|
-
//# sourceMappingURL=description-list.module.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"description-list.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/description-list/description-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;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAC;AAEjF,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,sCAAsC,EAAE,MAAM,0CAA0C,CAAC;AAClG,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AACpF,OAAO,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC;;AAsB3E,MAAM,OAAO,wBAAwB;;sHAAxB,wBAAwB;uHAAxB,wBAAwB,iBAlBjC,2BAA2B;QAC3B,kCAAkC;QAClC,+BAA+B;QAC/B,sCAAsC,aAGtC,YAAY;QACZ,aAAa;QACb,wBAAwB;QACxB,cAAc,aAGd,2BAA2B;QAC3B,kCAAkC;QAClC,+BAA+B;QAC/B,sCAAsC;uHAG7B,wBAAwB,YAb1B;YACP,YAAY;YACZ,aAAa;YACb,wBAAwB;YACxB,cAAc;SACf;4FAQU,wBAAwB;kBApBpC,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,2BAA2B;wBAC3B,kCAAkC;wBAClC,+BAA+B;wBAC/B,sCAAsC;qBACvC;oBACD,OAAO,EAAE;wBACP,YAAY;wBACZ,aAAa;wBACb,wBAAwB;wBACxB,cAAc;qBACf;oBACD,OAAO,EAAE;wBACP,2BAA2B;wBAC3B,kCAAkC;wBAClC,+BAA+B;wBAC/B,sCAAsC;qBACvC;iBACF","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyI18nModule } from '@skyux/i18n';\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyLayoutResourcesModule } from '../shared/sky-layout-resources.module';\n\nimport { SkyDescriptionListContentComponent } from './description-list-content.component';\nimport { SkyDescriptionListDescriptionComponent } from './description-list-description.component';\nimport { SkyDescriptionListTermComponent } from './description-list-term.component';\nimport { SkyDescriptionListComponent } from './description-list.component';\n\n@NgModule({\n declarations: [\n SkyDescriptionListComponent,\n SkyDescriptionListContentComponent,\n SkyDescriptionListTermComponent,\n SkyDescriptionListDescriptionComponent,\n ],\n imports: [\n CommonModule,\n SkyI18nModule,\n SkyLayoutResourcesModule,\n SkyThemeModule,\n ],\n exports: [\n SkyDescriptionListComponent,\n SkyDescriptionListContentComponent,\n SkyDescriptionListTermComponent,\n SkyDescriptionListDescriptionComponent,\n ],\n})\nexport class SkyDescriptionListModule {}\n"]}
|
|
@@ -1,26 +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 SkyDescriptionListService {
|
|
8
|
-
constructor() {
|
|
9
|
-
this._defaultDescription = new BehaviorSubject('');
|
|
10
|
-
}
|
|
11
|
-
get defaultDescription() {
|
|
12
|
-
return this._defaultDescription.asObservable();
|
|
13
|
-
}
|
|
14
|
-
ngOnDestroy() {
|
|
15
|
-
this._defaultDescription.complete();
|
|
16
|
-
}
|
|
17
|
-
updateDefaultDescription(value) {
|
|
18
|
-
this._defaultDescription.next(value);
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
SkyDescriptionListService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
22
|
-
SkyDescriptionListService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListService });
|
|
23
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDescriptionListService, decorators: [{
|
|
24
|
-
type: Injectable
|
|
25
|
-
}] });
|
|
26
|
-
//# sourceMappingURL=description-list.service.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"description-list.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/description-list/description-list.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,eAAe,EAAc,MAAM,MAAM,CAAC;;AAEnD;;GAEG;AAEH,MAAM,OAAO,yBAAyB;IADtC;QAMU,wBAAmB,GAAG,IAAI,eAAe,CAAS,EAAE,CAAC,CAAC;KAS/D;IAbC,IAAW,kBAAkB;QAC3B,OAAO,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,CAAC;IACjD,CAAC;IAIM,WAAW;QAChB,IAAI,CAAC,mBAAmB,CAAC,QAAQ,EAAE,CAAC;IACtC,CAAC;IAEM,wBAAwB,CAAC,KAAa;QAC3C,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC;;uHAbU,yBAAyB;2HAAzB,yBAAyB;4FAAzB,yBAAyB;kBADrC,UAAU","sourcesContent":["import { Injectable, OnDestroy } from '@angular/core';\n\nimport { BehaviorSubject, Observable } from 'rxjs';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyDescriptionListService implements OnDestroy {\n public get defaultDescription(): Observable<string> {\n return this._defaultDescription.asObservable();\n }\n\n private _defaultDescription = new BehaviorSubject<string>('');\n\n public ngOnDestroy(): void {\n this._defaultDescription.complete();\n }\n\n public updateDefaultDescription(value: string): void {\n this._defaultDescription.next(value);\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"description-list-mode-type.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/layout/src/lib/modules/description-list/types/description-list-mode-type.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Specifies how to display the term-description pairs within a description list.\n */\nexport type SkyDescriptionListModeType =\n | 'horizontal'\n | 'longDescription'\n | 'vertical';\n"]}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @deprecated Use `SkyDescriptionListModeType` instead.
|
|
3
|
-
* @internal
|
|
4
|
-
* Specifies how to display the term-description pairs within a description list.
|
|
5
|
-
*/
|
|
6
|
-
export var SkyDescriptionListMode;
|
|
7
|
-
(function (SkyDescriptionListMode) {
|
|
8
|
-
/**
|
|
9
|
-
* Displays term-description pairs side by side in a horizontal list.
|
|
10
|
-
* This mode provides a responsive layout.
|
|
11
|
-
*/
|
|
12
|
-
SkyDescriptionListMode["horizontal"] = "horizontal";
|
|
13
|
-
/**
|
|
14
|
-
* Displays terms and descriptions side by side with the term on the left and the description
|
|
15
|
-
* on the right. This mode includes room for long descriptions and uses a responsive layout
|
|
16
|
-
* that stacks term-description pairs vertically.
|
|
17
|
-
*/
|
|
18
|
-
SkyDescriptionListMode["longDescription"] = "longDescription";
|
|
19
|
-
/**
|
|
20
|
-
* Displays term-description pairs in a vertical list.
|
|
21
|
-
*/
|
|
22
|
-
SkyDescriptionListMode["vertical"] = "vertical";
|
|
23
|
-
})(SkyDescriptionListMode || (SkyDescriptionListMode = {}));
|
|
24
|
-
//# sourceMappingURL=description-list-mode.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"description-list-mode.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/layout/src/lib/modules/description-list/types/description-list-mode.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAN,IAAY,sBAkBX;AAlBD,WAAY,sBAAsB;IAChC;;;OAGG;IACH,mDAAyB,CAAA;IAEzB;;;;OAIG;IACH,6DAAmC,CAAA;IAEnC;;OAEG;IACH,+CAAqB,CAAA;AACvB,CAAC,EAlBW,sBAAsB,KAAtB,sBAAsB,QAkBjC","sourcesContent":["/**\n * @deprecated Use `SkyDescriptionListModeType` instead.\n * @internal\n * Specifies how to display the term-description pairs within a description list.\n */\nexport enum SkyDescriptionListMode {\n /**\n * Displays term-description pairs side by side in a horizontal list.\n * This mode provides a responsive layout.\n */\n horizontal = 'horizontal',\n\n /**\n * Displays terms and descriptions side by side with the term on the left and the description\n * on the right. This mode includes room for long descriptions and uses a responsive layout\n * that stacks term-description pairs vertically.\n */\n longDescription = 'longDescription',\n\n /**\n * Displays term-description pairs in a vertical list.\n */\n vertical = 'vertical',\n}\n"]}
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import { Component, HostBinding, Input, ViewEncapsulation, } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
/**
|
|
4
|
-
* Displays a column within a row of the fluid grid.
|
|
5
|
-
*/
|
|
6
|
-
export class SkyColumnComponent {
|
|
7
|
-
ngOnChanges(changes) {
|
|
8
|
-
/* istanbul ignore else */
|
|
9
|
-
if (changes.screenXSmall ||
|
|
10
|
-
changes.screenSmall ||
|
|
11
|
-
changes.screenMedium ||
|
|
12
|
-
changes.screenLarge) {
|
|
13
|
-
this.classnames = this.getClassNames();
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
getClassNames() {
|
|
17
|
-
const classnames = ['sky-column'];
|
|
18
|
-
if (this.screenXSmall) {
|
|
19
|
-
classnames.push(`sky-column-xs-${this.screenXSmall}`);
|
|
20
|
-
}
|
|
21
|
-
if (this.screenSmall) {
|
|
22
|
-
classnames.push(`sky-column-sm-${this.screenSmall}`);
|
|
23
|
-
}
|
|
24
|
-
if (this.screenMedium) {
|
|
25
|
-
classnames.push(`sky-column-md-${this.screenMedium}`);
|
|
26
|
-
}
|
|
27
|
-
if (this.screenLarge) {
|
|
28
|
-
classnames.push(`sky-column-lg-${this.screenLarge}`);
|
|
29
|
-
}
|
|
30
|
-
return classnames.join(' ');
|
|
31
|
-
}
|
|
32
|
-
ngOnInit() {
|
|
33
|
-
this.classnames = this.getClassNames();
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
SkyColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
37
|
-
SkyColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyColumnComponent, selector: "sky-column", inputs: { screenXSmall: "screenXSmall", screenSmall: "screenSmall", screenMedium: "screenMedium", screenLarge: "screenLarge" }, host: { properties: { "class": "this.classnames" } }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["sky-column.sky-column{padding-right:15px;padding-left:15px;width:100%;min-height:1px}.sky-theme-modern sky-column.sky-column{padding-right:30px;padding-left:30px}.sky-fluid-grid-gutter-size-small sky-column.sky-column{padding-right:5px;padding-left:5px}.sky-fluid-grid-gutter-size-medium sky-column.sky-column{padding-right:10px;padding-left:10px}.sky-theme-modern .sky-fluid-grid-gutter-size-small sky-column.sky-column{padding-right:10px;padding-left:10px}.sky-theme-modern .sky-fluid-grid-gutter-size-medium sky-column.sky-column{padding-right:15px;padding-left:15px}sky-column.sky-column-xs-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-xs-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-xs-3{width:calc(3 / 12 * 100%)}sky-column.sky-column-xs-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-xs-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-xs-6{width:calc(6 / 12 * 100%)}sky-column.sky-column-xs-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-xs-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-xs-9{width:calc(9 / 12 * 100%)}sky-column.sky-column-xs-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-xs-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-xs-12{width:calc(12 / 12 * 100%)}sky-column:not([class*=sky-column-xs-]){width:100%}.sky-responsive-container-xs sky-column.sky-column-xs-1,.sky-responsive-container-sm sky-column.sky-column-xs-1,.sky-responsive-container-md sky-column.sky-column-xs-1,.sky-responsive-container-lg sky-column.sky-column-xs-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-2,.sky-responsive-container-sm sky-column.sky-column-xs-2,.sky-responsive-container-md sky-column.sky-column-xs-2,.sky-responsive-container-lg sky-column.sky-column-xs-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-3,.sky-responsive-container-sm sky-column.sky-column-xs-3,.sky-responsive-container-md sky-column.sky-column-xs-3,.sky-responsive-container-lg sky-column.sky-column-xs-3{width:calc(3 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-4,.sky-responsive-container-sm sky-column.sky-column-xs-4,.sky-responsive-container-md sky-column.sky-column-xs-4,.sky-responsive-container-lg sky-column.sky-column-xs-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-5,.sky-responsive-container-sm sky-column.sky-column-xs-5,.sky-responsive-container-md sky-column.sky-column-xs-5,.sky-responsive-container-lg sky-column.sky-column-xs-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-6,.sky-responsive-container-sm sky-column.sky-column-xs-6,.sky-responsive-container-md sky-column.sky-column-xs-6,.sky-responsive-container-lg sky-column.sky-column-xs-6{width:calc(6 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-7,.sky-responsive-container-sm sky-column.sky-column-xs-7,.sky-responsive-container-md sky-column.sky-column-xs-7,.sky-responsive-container-lg sky-column.sky-column-xs-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-8,.sky-responsive-container-sm sky-column.sky-column-xs-8,.sky-responsive-container-md sky-column.sky-column-xs-8,.sky-responsive-container-lg sky-column.sky-column-xs-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-9,.sky-responsive-container-sm sky-column.sky-column-xs-9,.sky-responsive-container-md sky-column.sky-column-xs-9,.sky-responsive-container-lg sky-column.sky-column-xs-9{width:calc(9 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-10,.sky-responsive-container-sm sky-column.sky-column-xs-10,.sky-responsive-container-md sky-column.sky-column-xs-10,.sky-responsive-container-lg sky-column.sky-column-xs-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-11,.sky-responsive-container-sm sky-column.sky-column-xs-11,.sky-responsive-container-md sky-column.sky-column-xs-11,.sky-responsive-container-lg sky-column.sky-column-xs-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-12,.sky-responsive-container-sm sky-column.sky-column-xs-12,.sky-responsive-container-md sky-column.sky-column-xs-12,.sky-responsive-container-lg sky-column.sky-column-xs-12{width:calc(12 / 12 * 100%)}.sky-responsive-container-xs sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-sm sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-md sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-lg sky-column:not([class*=sky-column-xs-]){width:100%}@media (min-width: 768px){sky-column.sky-column-sm-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-sm-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-sm-3{width:calc(3 / 12 * 100%)}sky-column.sky-column-sm-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-sm-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-sm-6{width:calc(6 / 12 * 100%)}sky-column.sky-column-sm-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-sm-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-sm-9{width:calc(9 / 12 * 100%)}sky-column.sky-column-sm-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-sm-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-sm-12{width:calc(12 / 12 * 100%)}}.sky-responsive-container-sm sky-column.sky-column-sm-1,.sky-responsive-container-md sky-column.sky-column-sm-1,.sky-responsive-container-lg sky-column.sky-column-sm-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-2,.sky-responsive-container-md sky-column.sky-column-sm-2,.sky-responsive-container-lg sky-column.sky-column-sm-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-3,.sky-responsive-container-md sky-column.sky-column-sm-3,.sky-responsive-container-lg sky-column.sky-column-sm-3{width:calc(3 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-4,.sky-responsive-container-md sky-column.sky-column-sm-4,.sky-responsive-container-lg sky-column.sky-column-sm-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-5,.sky-responsive-container-md sky-column.sky-column-sm-5,.sky-responsive-container-lg sky-column.sky-column-sm-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-6,.sky-responsive-container-md sky-column.sky-column-sm-6,.sky-responsive-container-lg sky-column.sky-column-sm-6{width:calc(6 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-7,.sky-responsive-container-md sky-column.sky-column-sm-7,.sky-responsive-container-lg sky-column.sky-column-sm-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-8,.sky-responsive-container-md sky-column.sky-column-sm-8,.sky-responsive-container-lg sky-column.sky-column-sm-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-9,.sky-responsive-container-md sky-column.sky-column-sm-9,.sky-responsive-container-lg sky-column.sky-column-sm-9{width:calc(9 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-10,.sky-responsive-container-md sky-column.sky-column-sm-10,.sky-responsive-container-lg sky-column.sky-column-sm-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-11,.sky-responsive-container-md sky-column.sky-column-sm-11,.sky-responsive-container-lg sky-column.sky-column-sm-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-12,.sky-responsive-container-md sky-column.sky-column-sm-12,.sky-responsive-container-lg sky-column.sky-column-sm-12{width:calc(12 / 12 * 100%)}@media (min-width: 992px){sky-column.sky-column-md-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-md-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-md-3{width:calc(3 / 12 * 100%)}sky-column.sky-column-md-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-md-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-md-6{width:calc(6 / 12 * 100%)}sky-column.sky-column-md-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-md-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-md-9{width:calc(9 / 12 * 100%)}sky-column.sky-column-md-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-md-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-md-12{width:calc(12 / 12 * 100%)}}.sky-responsive-container-md sky-column.sky-column-md-1,.sky-responsive-container-lg sky-column.sky-column-md-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-2,.sky-responsive-container-lg sky-column.sky-column-md-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-3,.sky-responsive-container-lg sky-column.sky-column-md-3{width:calc(3 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-4,.sky-responsive-container-lg sky-column.sky-column-md-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-5,.sky-responsive-container-lg sky-column.sky-column-md-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-6,.sky-responsive-container-lg sky-column.sky-column-md-6{width:calc(6 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-7,.sky-responsive-container-lg sky-column.sky-column-md-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-8,.sky-responsive-container-lg sky-column.sky-column-md-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-9,.sky-responsive-container-lg sky-column.sky-column-md-9{width:calc(9 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-10,.sky-responsive-container-lg sky-column.sky-column-md-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-11,.sky-responsive-container-lg sky-column.sky-column-md-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-12,.sky-responsive-container-lg sky-column.sky-column-md-12{width:calc(12 / 12 * 100%)}@media (min-width: 1200px){sky-column.sky-column-lg-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-lg-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-lg-3{width:calc(3 / 12 * 100%)}sky-column.sky-column-lg-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-lg-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-lg-6{width:calc(6 / 12 * 100%)}sky-column.sky-column-lg-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-lg-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-lg-9{width:calc(9 / 12 * 100%)}sky-column.sky-column-lg-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-lg-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-lg-12{width:calc(12 / 12 * 100%)}}.sky-responsive-container-lg sky-column.sky-column-lg-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-3{width:calc(3 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-6{width:calc(6 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-9{width:calc(9 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-12{width:calc(12 / 12 * 100%)}\n"], encapsulation: i0.ViewEncapsulation.None });
|
|
38
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyColumnComponent, decorators: [{
|
|
39
|
-
type: Component,
|
|
40
|
-
args: [{
|
|
41
|
-
selector: 'sky-column',
|
|
42
|
-
templateUrl: './column.component.html',
|
|
43
|
-
styleUrls: ['./column.component.scss'],
|
|
44
|
-
encapsulation: ViewEncapsulation.None,
|
|
45
|
-
}]
|
|
46
|
-
}], propDecorators: { screenXSmall: [{
|
|
47
|
-
type: Input
|
|
48
|
-
}], screenSmall: [{
|
|
49
|
-
type: Input
|
|
50
|
-
}], screenMedium: [{
|
|
51
|
-
type: Input
|
|
52
|
-
}], screenLarge: [{
|
|
53
|
-
type: Input
|
|
54
|
-
}], classnames: [{
|
|
55
|
-
type: HostBinding,
|
|
56
|
-
args: ['class']
|
|
57
|
-
}] } });
|
|
58
|
-
//# sourceMappingURL=column.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"column.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/fluid-grid/column.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/fluid-grid/column.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,WAAW,EACX,KAAK,EAIL,iBAAiB,GAClB,MAAM,eAAe,CAAC;;AAEvB;;GAEG;AAOH,MAAM,OAAO,kBAAkB;IAqCtB,WAAW,CAAC,OAAsB;QACvC,0BAA0B;QAC1B,IACE,OAAO,CAAC,YAAY;YACpB,OAAO,CAAC,WAAW;YACnB,OAAO,CAAC,YAAY;YACpB,OAAO,CAAC,WAAW,EACnB;YACA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;SACxC;IACH,CAAC;IAEM,aAAa;QAClB,MAAM,UAAU,GAAG,CAAC,YAAY,CAAC,CAAC;QAElC,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,UAAU,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;SACvD;QAED,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,UAAU,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;SACtD;QAED,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,UAAU,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;SACvD;QAED,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,UAAU,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;SACtD;QAED,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC9B,CAAC;IAEM,QAAQ;QACb,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;IACzC,CAAC;;gHAzEU,kBAAkB;oGAAlB,kBAAkB,6PCnB/B,6BACA;4FDkBa,kBAAkB;kBAN9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,YAAY;oBACtB,WAAW,EAAE,yBAAyB;oBACtC,SAAS,EAAE,CAAC,yBAAyB,CAAC;oBACtC,aAAa,EAAE,iBAAiB,CAAC,IAAI;iBACtC;8BASQ,YAAY;sBADlB,KAAK;gBASC,WAAW;sBADjB,KAAK;gBASC,YAAY;sBADlB,KAAK;gBASC,WAAW;sBADjB,KAAK;gBAIC,UAAU;sBADhB,WAAW;uBAAC,OAAO","sourcesContent":["import {\n Component,\n HostBinding,\n Input,\n OnChanges,\n OnInit,\n SimpleChanges,\n ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * Displays a column within a row of the fluid grid.\n */\n@Component({\n selector: 'sky-column',\n templateUrl: './column.component.html',\n styleUrls: ['./column.component.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class SkyColumnComponent implements OnInit, OnChanges {\n /**\n * Specifies the number of columns (1-12) to use on extra-small screens\n * (less than 768px). If you do not specify a value, the fluid grid displays\n * the column at the full width of the screen.\n * @default 12\n */\n @Input()\n public screenXSmall: number;\n\n /**\n * Specifies the number of columns (1-12) to use on small screens\n * (768-991px). If you do not specify a value, the column inherits\n * the `screenXSmall` value.\n */\n @Input()\n public screenSmall: number;\n\n /**\n * Specifies the number of columns (1-12) to use on medium screens\n * (992-1199px). If you do not specify a value, the column inherits\n * the `screenSmall` value.\n */\n @Input()\n public screenMedium: number;\n\n /**\n * Specifies the number of columns (1-12) to use on large screens\n * (more than 1200px). If you do not specify a value, the column\n * inherits the `screenMedium` value.\n */\n @Input()\n public screenLarge: number;\n\n @HostBinding('class')\n public classnames: string;\n\n public ngOnChanges(changes: SimpleChanges) {\n /* istanbul ignore else */\n if (\n changes.screenXSmall ||\n changes.screenSmall ||\n changes.screenMedium ||\n changes.screenLarge\n ) {\n this.classnames = this.getClassNames();\n }\n }\n\n public getClassNames(): string {\n const classnames = ['sky-column'];\n\n if (this.screenXSmall) {\n classnames.push(`sky-column-xs-${this.screenXSmall}`);\n }\n\n if (this.screenSmall) {\n classnames.push(`sky-column-sm-${this.screenSmall}`);\n }\n\n if (this.screenMedium) {\n classnames.push(`sky-column-md-${this.screenMedium}`);\n }\n\n if (this.screenLarge) {\n classnames.push(`sky-column-lg-${this.screenLarge}`);\n }\n\n return classnames.join(' ');\n }\n\n public ngOnInit(): void {\n this.classnames = this.getClassNames();\n }\n}\n","<ng-content></ng-content>\n"]}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @deprecated Use `SkyFluidGridGutterSizeType` instead.
|
|
3
|
-
* @internal
|
|
4
|
-
*/
|
|
5
|
-
export var SkyFluidGridGutterSize;
|
|
6
|
-
(function (SkyFluidGridGutterSize) {
|
|
7
|
-
/**
|
|
8
|
-
* Specifies a small gutter.
|
|
9
|
-
*/
|
|
10
|
-
SkyFluidGridGutterSize[SkyFluidGridGutterSize["Small"] = 0] = "Small";
|
|
11
|
-
/**
|
|
12
|
-
* Specifies a medium gutter.
|
|
13
|
-
*/
|
|
14
|
-
SkyFluidGridGutterSize[SkyFluidGridGutterSize["Medium"] = 1] = "Medium";
|
|
15
|
-
/**
|
|
16
|
-
* Specifies a large gutter.
|
|
17
|
-
*/
|
|
18
|
-
SkyFluidGridGutterSize[SkyFluidGridGutterSize["Large"] = 2] = "Large";
|
|
19
|
-
})(SkyFluidGridGutterSize || (SkyFluidGridGutterSize = {}));
|
|
20
|
-
//# sourceMappingURL=fluid-grid-gutter-size.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fluid-grid-gutter-size.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/fluid-grid/fluid-grid-gutter-size.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAN,IAAY,sBAaX;AAbD,WAAY,sBAAsB;IAChC;;OAEG;IACH,qEAAK,CAAA;IACL;;OAEG;IACH,uEAAM,CAAA;IACN;;OAEG;IACH,qEAAK,CAAA;AACP,CAAC,EAbW,sBAAsB,KAAtB,sBAAsB,QAajC","sourcesContent":["/**\n * @deprecated Use `SkyFluidGridGutterSizeType` instead.\n * @internal\n */\nexport enum SkyFluidGridGutterSize {\n /**\n * Specifies a small gutter.\n */\n Small,\n /**\n * Specifies a medium gutter.\n */\n Medium,\n /**\n * Specifies a large gutter.\n */\n Large,\n}\n"]}
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import { SkyFluidGridGutterSize } from './fluid-grid-gutter-size';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/common";
|
|
5
|
-
/**
|
|
6
|
-
* Wraps the fluid grid to ensure proper spacing. Without the wrapper, the
|
|
7
|
-
* alignment, padding, and margins do not behave as expected.
|
|
8
|
-
*/
|
|
9
|
-
export class SkyFluidGridComponent {
|
|
10
|
-
/**
|
|
11
|
-
* Disables the outer left and right margin of the fluid grid container.
|
|
12
|
-
* @default false
|
|
13
|
-
*/
|
|
14
|
-
set disableMargin(value) {
|
|
15
|
-
this._disableMargin = value;
|
|
16
|
-
}
|
|
17
|
-
get disableMargin() {
|
|
18
|
-
return this._disableMargin || false;
|
|
19
|
-
}
|
|
20
|
-
/**
|
|
21
|
-
* Specifies a `SkyFluidGridGutterSizeType` to define the size of the padding
|
|
22
|
-
* between columns. Options include: `any`, `1`, `2`, `"small"`, `"medium"`, and `"large"`.
|
|
23
|
-
* @default "large"
|
|
24
|
-
*/
|
|
25
|
-
set gutterSize(value) {
|
|
26
|
-
this._gutterSize = value;
|
|
27
|
-
}
|
|
28
|
-
get gutterSize() {
|
|
29
|
-
return this._gutterSize === undefined ? 'large' : this._gutterSize;
|
|
30
|
-
}
|
|
31
|
-
/**
|
|
32
|
-
* @internal
|
|
33
|
-
*/
|
|
34
|
-
get gutterSizeResolved() {
|
|
35
|
-
// Before this change, the template did a `==` comparison, implicitly converting numerical
|
|
36
|
-
// string values to their numeric values before comparing them. Checking for the numerical
|
|
37
|
-
// string value in addition to the values allowed by the type maintains this behavior.
|
|
38
|
-
switch (this.gutterSize) {
|
|
39
|
-
case 'medium':
|
|
40
|
-
case SkyFluidGridGutterSize.Medium:
|
|
41
|
-
case SkyFluidGridGutterSize.Medium.toString():
|
|
42
|
-
return 'medium';
|
|
43
|
-
case 'small':
|
|
44
|
-
case SkyFluidGridGutterSize.Small:
|
|
45
|
-
case SkyFluidGridGutterSize.Small.toString():
|
|
46
|
-
return 'small';
|
|
47
|
-
default:
|
|
48
|
-
return 'large';
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
SkyFluidGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFluidGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
53
|
-
SkyFluidGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyFluidGridComponent, selector: "sky-fluid-grid", inputs: { disableMargin: "disableMargin", gutterSize: "gutterSize" }, ngImport: i0, template: "<div\n class=\"sky-fluid-grid\"\n [ngClass]=\"{\n 'sky-fluid-grid-gutter-size-small': gutterSizeResolved === 'small',\n 'sky-fluid-grid-gutter-size-medium': gutterSizeResolved === 'medium',\n 'sky-fluid-grid-gutter-size-large': gutterSizeResolved === 'large',\n 'sky-fluid-grid-no-margin': disableMargin\n }\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".sky-fluid-grid-gutter-size-small{padding-left:5px;padding-right:5px}.sky-fluid-grid-gutter-size-medium{padding-left:10px;padding-right:10px}.sky-fluid-grid-gutter-size-large{padding-left:15px;padding-right:15px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-small{padding-left:10px;padding-right:10px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-medium{padding-left:15px;padding-right:15px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-large{padding-left:30px;padding-right:30px}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
54
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFluidGridComponent, decorators: [{
|
|
55
|
-
type: Component,
|
|
56
|
-
args: [{
|
|
57
|
-
selector: 'sky-fluid-grid',
|
|
58
|
-
templateUrl: './fluid-grid.component.html',
|
|
59
|
-
styleUrls: ['./fluid-grid.component.scss'],
|
|
60
|
-
}]
|
|
61
|
-
}], propDecorators: { disableMargin: [{
|
|
62
|
-
type: Input
|
|
63
|
-
}], gutterSize: [{
|
|
64
|
-
type: Input
|
|
65
|
-
}] } });
|
|
66
|
-
//# sourceMappingURL=fluid-grid.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fluid-grid.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/fluid-grid/fluid-grid.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/fluid-grid/fluid-grid.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;;;AAGlE;;;GAGG;AAMH,MAAM,OAAO,qBAAqB;IAChC;;;OAGG;IACH,IACW,aAAa,CAAC,KAAc;QACrC,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;IAC9B,CAAC;IAED,IAAW,aAAa;QACtB,OAAO,IAAI,CAAC,cAAc,IAAI,KAAK,CAAC;IACtC,CAAC;IAED;;;;OAIG;IACH,IACW,UAAU,CAAC,KAAiC;QACrD,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;IAC3B,CAAC;IAED,IAAW,UAAU;QACnB,OAAO,IAAI,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC;IACrE,CAAC;IAED;;OAEG;IACH,IAAW,kBAAkB;QAC3B,0FAA0F;QAC1F,0FAA0F;QAC1F,sFAAsF;QACtF,QAAQ,IAAI,CAAC,UAAU,EAAE;YACvB,KAAK,QAAQ,CAAC;YACd,KAAK,sBAAsB,CAAC,MAAM,CAAC;YACnC,KAAK,sBAAsB,CAAC,MAAM,CAAC,QAAQ,EAAE;gBAC3C,OAAO,QAAQ,CAAC;YAClB,KAAK,OAAO,CAAC;YACb,KAAK,sBAAsB,CAAC,KAAK,CAAC;YAClC,KAAK,sBAAsB,CAAC,KAAK,CAAC,QAAQ,EAAE;gBAC1C,OAAO,OAAO,CAAC;YACjB;gBACE,OAAO,OAAO,CAAC;SAClB;IACH,CAAC;;mHA/CU,qBAAqB;uGAArB,qBAAqB,4HCdlC,gXAWA;4FDGa,qBAAqB;kBALjC,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,WAAW,EAAE,6BAA6B;oBAC1C,SAAS,EAAE,CAAC,6BAA6B,CAAC;iBAC3C;8BAOY,aAAa;sBADvB,KAAK;gBAeK,UAAU;sBADpB,KAAK","sourcesContent":["import { Component, Input } from '@angular/core';\n\nimport { SkyFluidGridGutterSize } from './fluid-grid-gutter-size';\nimport { SkyFluidGridGutterSizeType } from './types/fluid-grid-gutter-size-type';\n\n/**\n * Wraps the fluid grid to ensure proper spacing. Without the wrapper, the\n * alignment, padding, and margins do not behave as expected.\n */\n@Component({\n selector: 'sky-fluid-grid',\n templateUrl: './fluid-grid.component.html',\n styleUrls: ['./fluid-grid.component.scss'],\n})\nexport class SkyFluidGridComponent {\n /**\n * Disables the outer left and right margin of the fluid grid container.\n * @default false\n */\n @Input()\n public set disableMargin(value: boolean) {\n this._disableMargin = value;\n }\n\n public get disableMargin(): boolean {\n return this._disableMargin || false;\n }\n\n /**\n * Specifies a `SkyFluidGridGutterSizeType` to define the size of the padding\n * between columns. Options include: `any`, `1`, `2`, `\"small\"`, `\"medium\"`, and `\"large\"`.\n * @default \"large\"\n */\n @Input()\n public set gutterSize(value: SkyFluidGridGutterSizeType) {\n this._gutterSize = value;\n }\n\n public get gutterSize(): SkyFluidGridGutterSizeType {\n return this._gutterSize === undefined ? 'large' : this._gutterSize;\n }\n\n /**\n * @internal\n */\n public get gutterSizeResolved(): SkyFluidGridGutterSizeType {\n // Before this change, the template did a `==` comparison, implicitly converting numerical\n // string values to their numeric values before comparing them. Checking for the numerical\n // string value in addition to the values allowed by the type maintains this behavior.\n switch (this.gutterSize) {\n case 'medium':\n case SkyFluidGridGutterSize.Medium:\n case SkyFluidGridGutterSize.Medium.toString():\n return 'medium';\n case 'small':\n case SkyFluidGridGutterSize.Small:\n case SkyFluidGridGutterSize.Small.toString():\n return 'small';\n default:\n return 'large';\n }\n }\n\n private _disableMargin: boolean;\n\n private _gutterSize: SkyFluidGridGutterSizeType;\n}\n","<div\n class=\"sky-fluid-grid\"\n [ngClass]=\"{\n 'sky-fluid-grid-gutter-size-small': gutterSizeResolved === 'small',\n 'sky-fluid-grid-gutter-size-medium': gutterSizeResolved === 'medium',\n 'sky-fluid-grid-gutter-size-large': gutterSizeResolved === 'large',\n 'sky-fluid-grid-no-margin': disableMargin\n }\"\n>\n <ng-content></ng-content>\n</div>\n"]}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { NgModule } from '@angular/core';
|
|
3
|
-
import { SkyColumnComponent } from './column.component';
|
|
4
|
-
import { SkyFluidGridComponent } from './fluid-grid.component';
|
|
5
|
-
import { SkyRowComponent } from './row.component';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
export class SkyFluidGridModule {
|
|
8
|
-
}
|
|
9
|
-
SkyFluidGridModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFluidGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10
|
-
SkyFluidGridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFluidGridModule, declarations: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent], imports: [CommonModule], exports: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent] });
|
|
11
|
-
SkyFluidGridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFluidGridModule, imports: [[CommonModule]] });
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFluidGridModule, decorators: [{
|
|
13
|
-
type: NgModule,
|
|
14
|
-
args: [{
|
|
15
|
-
imports: [CommonModule],
|
|
16
|
-
declarations: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent],
|
|
17
|
-
exports: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent],
|
|
18
|
-
}]
|
|
19
|
-
}] });
|
|
20
|
-
//# sourceMappingURL=fluid-grid.module.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fluid-grid.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/fluid-grid/fluid-grid.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;;AAOlD,MAAM,OAAO,kBAAkB;;gHAAlB,kBAAkB;iHAAlB,kBAAkB,iBAHd,eAAe,EAAE,kBAAkB,EAAE,qBAAqB,aAD/D,YAAY,aAEZ,eAAe,EAAE,kBAAkB,EAAE,qBAAqB;iHAEzD,kBAAkB,YAJpB,CAAC,YAAY,CAAC;4FAIZ,kBAAkB;kBAL9B,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,YAAY,EAAE,CAAC,eAAe,EAAE,kBAAkB,EAAE,qBAAqB,CAAC;oBAC1E,OAAO,EAAE,CAAC,eAAe,EAAE,kBAAkB,EAAE,qBAAqB,CAAC;iBACtE","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { SkyColumnComponent } from './column.component';\nimport { SkyFluidGridComponent } from './fluid-grid.component';\nimport { SkyRowComponent } from './row.component';\n\n@NgModule({\n imports: [CommonModule],\n declarations: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent],\n exports: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent],\n})\nexport class SkyFluidGridModule {}\n"]}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
/**
|
|
5
|
-
* Displays a row within the `sky-fluid-grid` wrapper. Previously, you could display a row
|
|
6
|
-
* without a wrapper, but we no longer officially support that option.
|
|
7
|
-
*/
|
|
8
|
-
export class SkyRowComponent {
|
|
9
|
-
constructor() {
|
|
10
|
-
/**
|
|
11
|
-
* Indicates whether to reverse the display order for columns in the row.
|
|
12
|
-
* @default false
|
|
13
|
-
*/
|
|
14
|
-
this.reverseColumnOrder = false;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
SkyRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
-
SkyRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyRowComponent, selector: "sky-row", inputs: { reverseColumnOrder: "reverseColumnOrder" }, ngImport: i0, template: "<div class=\"sky-row\" [ngClass]=\"{ 'sky-row-reverse': reverseColumnOrder }\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-row{display:flex;flex-direction:row;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}:host-context(.sky-fluid-grid-gutter-size-small) .sky-row{margin-left:-5px;margin-right:-5px}:host-context(.sky-fluid-grid-gutter-size-small.sky-fluid-grid-no-margin) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-fluid-grid-gutter-size-medium) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-fluid-grid-gutter-size-medium.sky-fluid-grid-no-margin) .sky-row{margin-left:-20px;margin-right:-20px}:host-context(.sky-fluid-grid-gutter-size-large) .sky-row{margin-left:-15px;margin-right:-15px}:host-context(.sky-fluid-grid-gutter-size-large.sky-fluid-grid-no-margin) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-small) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-small.sky-fluid-grid-no-margin) .sky-row{margin-left:-20px;margin-right:-20px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-medium) .sky-row{margin-left:-15px;margin-right:-15px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-medium.sky-fluid-grid-no-margin) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-large) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-large.sky-fluid-grid-no-margin) .sky-row{margin-left:-60px;margin-right:-60px}:host .sky-row.sky-row-reverse{flex-direction:row}:host-context(.sky-responsive-container-xs) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-sm) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-md) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-lg) .sky-row.sky-row-reverse{flex-direction:row}@media (min-width: 768px){:host .sky-row.sky-row-reverse{flex-direction:row-reverse}}:host-context(.sky-responsive-container-sm) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-md) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-lg) .sky-row.sky-row-reverse{flex-direction:row-reverse}:host-context(.sky-theme-modern) .sky-row{margin-left:-30px;margin-right:-30px}.sky-theme-modern .sky-row{margin-left:-30px;margin-right:-30px}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyRowComponent, decorators: [{
|
|
20
|
-
type: Component,
|
|
21
|
-
args: [{
|
|
22
|
-
selector: 'sky-row',
|
|
23
|
-
templateUrl: './row.component.html',
|
|
24
|
-
styleUrls: ['./row.component.scss'],
|
|
25
|
-
}]
|
|
26
|
-
}], propDecorators: { reverseColumnOrder: [{
|
|
27
|
-
type: Input
|
|
28
|
-
}] } });
|
|
29
|
-
//# sourceMappingURL=row.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"row.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/fluid-grid/row.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/fluid-grid/row.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;;AAEjD;;;GAGG;AAMH,MAAM,OAAO,eAAe;IAL5B;QAME;;;WAGG;QAEI,uBAAkB,GAAG,KAAK,CAAC;KACnC;;6GAPY,eAAe;iGAAf,eAAe,qGCX5B,wHAGA;4FDQa,eAAe;kBAL3B,SAAS;mBAAC;oBACT,QAAQ,EAAE,SAAS;oBACnB,WAAW,EAAE,sBAAsB;oBACnC,SAAS,EAAE,CAAC,sBAAsB,CAAC;iBACpC;8BAOQ,kBAAkB;sBADxB,KAAK","sourcesContent":["import { Component, Input } from '@angular/core';\n\n/**\n * Displays a row within the `sky-fluid-grid` wrapper. Previously, you could display a row\n * without a wrapper, but we no longer officially support that option.\n */\n@Component({\n selector: 'sky-row',\n templateUrl: './row.component.html',\n styleUrls: ['./row.component.scss'],\n})\nexport class SkyRowComponent {\n /**\n * Indicates whether to reverse the display order for columns in the row.\n * @default false\n */\n @Input()\n public reverseColumnOrder = false;\n}\n","<div class=\"sky-row\" [ngClass]=\"{ 'sky-row-reverse': reverseColumnOrder }\">\n <ng-content></ng-content>\n</div>\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fluid-grid-gutter-size-type.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/layout/src/lib/modules/fluid-grid/types/fluid-grid-gutter-size-type.ts"],"names":[],"mappings":"","sourcesContent":["export type SkyFluidGridGutterSizeType =\n | 0\n | 1\n | 2\n | 'small'\n | 'medium'\n | 'large';\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"format-item.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/format/format-item.ts"],"names":[],"mappings":"","sourcesContent":["import { TemplateRef } from '@angular/core';\n\n/**\n * @internal\n */\nexport interface SkyFormatItem {\n text?: string;\n\n templateRef?: TemplateRef<any>;\n}\n"]}
|