@leanix/components 0.2.229 → 0.2.230
Sign up to get free protection for your applications and to get access to all the features.
- package/esm2020/index.mjs +119 -0
- package/esm2020/leanix-components.mjs +5 -0
- package/esm2020/lib/core-ui/annotations/required.mjs +33 -0
- package/esm2020/lib/core-ui/components/badge/badge.component.mjs +25 -0
- package/esm2020/lib/core-ui/components/button/button.component.mjs +72 -0
- package/esm2020/lib/core-ui/components/button-group/button-group.component.mjs +28 -0
- package/esm2020/lib/core-ui/components/card/card.component.mjs +19 -0
- package/esm2020/lib/core-ui/components/collapsible/collapsible.component.mjs +53 -0
- package/esm2020/lib/core-ui/components/colored-label/colored-label.component.mjs +34 -0
- package/esm2020/lib/core-ui/components/ellipsis/ellipsis.component.mjs +70 -0
- package/esm2020/lib/core-ui/components/icon-scale/icon-scale.component.mjs +40 -0
- package/esm2020/lib/core-ui/components/spinner/spinner.component.mjs +26 -0
- package/esm2020/lib/core-ui/components/table/table-header/table-header.component.mjs +55 -0
- package/esm2020/lib/core-ui/components/table/table.component.mjs +69 -0
- package/esm2020/lib/core-ui/components/tiny-spinner/tiny-spinner.component.mjs +11 -0
- package/esm2020/lib/core-ui/core-ui.constants.mjs +13 -0
- package/esm2020/lib/core-ui/core-ui.module.mjs +177 -0
- package/esm2020/lib/core-ui/directives/after-view-init.directive.mjs +30 -0
- package/esm2020/lib/core-ui/directives/autoclose-group.service.mjs +38 -0
- package/esm2020/lib/core-ui/directives/autoclose.directive.mjs +40 -0
- package/esm2020/lib/core-ui/directives/autofocus.directive.mjs +27 -0
- package/esm2020/lib/core-ui/directives/html.directive.mjs +29 -0
- package/esm2020/lib/core-ui/functions/core-css.helpers.mjs +35 -0
- package/esm2020/lib/core-ui/pipes/br.pipe.mjs +23 -0
- package/esm2020/lib/core-ui/pipes/contrast-color.pipe.mjs +20 -0
- package/esm2020/lib/core-ui/pipes/custom-date.pipe.mjs +27 -0
- package/esm2020/lib/core-ui/pipes/highlight-range.pipe.mjs +21 -0
- package/esm2020/lib/core-ui/pipes/highlight-term.pipe.mjs +38 -0
- package/esm2020/lib/core-ui/pipes/lx-is-uuid.pipe.mjs +21 -0
- package/esm2020/lib/core-ui/pipes/lx-time-ago.pipe.mjs +25 -0
- package/esm2020/lib/core-ui/pipes/lx-translate.pipe.mjs +45 -0
- package/esm2020/lib/core-ui/pipes/markdown.pipe.mjs +29 -0
- package/esm2020/lib/core-ui/pipes/nbsp.pipe.mjs +14 -0
- package/esm2020/lib/core-ui/pipes/sort.pipe.mjs +52 -0
- package/esm2020/lib/core-ui/pipes/translation-after.pipe.mjs +28 -0
- package/esm2020/lib/core-ui/pipes/translation-before.pipe.mjs +53 -0
- package/esm2020/lib/core-ui/pipes/translation-between.pipe.mjs +67 -0
- package/esm2020/lib/core-ui/pipes/unescape-curly-braces.pipe.mjs +16 -0
- package/esm2020/lib/core-ui/tooltip/to-cdk-position.function.mjs +74 -0
- package/esm2020/lib/core-ui/tooltip/tooltip-position.interface.mjs +7 -0
- package/esm2020/lib/core-ui/tooltip/tooltip.component.mjs +26 -0
- package/esm2020/lib/core-ui/tooltip/tooltip.directive.mjs +102 -0
- package/esm2020/lib/core-ui/tooltip/tooltip.module.mjs +21 -0
- package/esm2020/lib/forms-ui/components/basic-dropdown/basic-dropdown.component.mjs +103 -0
- package/esm2020/lib/forms-ui/components/basic-dropdown-item/basic-dropdown-item.component.mjs +33 -0
- package/esm2020/lib/forms-ui/components/cdk-options-dropdown/cdk-options-dropdown.component.mjs +216 -0
- package/esm2020/lib/forms-ui/components/cdk-options-sub-dropdown/cdk-options-sub-dropdown.component.mjs +136 -0
- package/esm2020/lib/forms-ui/components/currency/currency-input.component.mjs +141 -0
- package/esm2020/lib/forms-ui/components/currency/currency-symbol-map.constant.mjs +105 -0
- package/esm2020/lib/forms-ui/components/currency/currency-symbol.component.mjs +25 -0
- package/esm2020/lib/forms-ui/components/date-input/date-input.component.mjs +270 -0
- package/esm2020/lib/forms-ui/components/drag-and-drop-list/constants.mjs +5 -0
- package/esm2020/lib/forms-ui/components/drag-and-drop-list/drag-and-drop-list-item/drag-and-drop-list-item.component.mjs +49 -0
- package/esm2020/lib/forms-ui/components/drag-and-drop-list/drag-and-drop-list.component.mjs +102 -0
- package/esm2020/lib/forms-ui/components/drag-and-drop-list/drag-and-drop-list.module.mjs +25 -0
- package/esm2020/lib/forms-ui/components/drag-and-drop-list/keyboard-sortable-item/keyboard-sortable-item.directive.mjs +133 -0
- package/esm2020/lib/forms-ui/components/drag-and-drop-list/keyboard-sortable-list/keyboard-sortable-list.directive.mjs +37 -0
- package/esm2020/lib/forms-ui/components/error-message/error-message.component.mjs +24 -0
- package/esm2020/lib/forms-ui/components/form-error/form-error.component.mjs +40 -0
- package/esm2020/lib/forms-ui/components/icon/icon.component.mjs +44 -0
- package/esm2020/lib/forms-ui/components/input/input.component.mjs +44 -0
- package/esm2020/lib/forms-ui/components/keyboard-select.directive.mjs +116 -0
- package/esm2020/lib/forms-ui/components/multi-select/multi-select.component.mjs +251 -0
- package/esm2020/lib/forms-ui/components/option/option.component.mjs +81 -0
- package/esm2020/lib/forms-ui/components/option-group/option-group.component.mjs +29 -0
- package/esm2020/lib/forms-ui/components/option-group-dropdown/option-group-dropdown.component.mjs +100 -0
- package/esm2020/lib/forms-ui/components/options-dropdown/options-dropdown.component.mjs +163 -0
- package/esm2020/lib/forms-ui/components/options-sub-dropdown/options-sub-dropdown.component.mjs +92 -0
- package/esm2020/lib/forms-ui/components/picker/picker-trigger.directive.mjs +36 -0
- package/esm2020/lib/forms-ui/components/picker/picker.component.mjs +201 -0
- package/esm2020/lib/forms-ui/components/picker-option/picker-option.component.mjs +118 -0
- package/esm2020/lib/forms-ui/components/pill-item/pill-item.component.mjs +33 -0
- package/esm2020/lib/forms-ui/components/pill-list/pill-list.component.mjs +59 -0
- package/esm2020/lib/forms-ui/components/responsive-input/responsive-input.component.mjs +97 -0
- package/esm2020/lib/forms-ui/components/single-select/single-select.component.mjs +274 -0
- package/esm2020/lib/forms-ui/components/slider-toggle/slider-toggle.component.mjs +42 -0
- package/esm2020/lib/forms-ui/components/sorting-dropdown/sorting-dropdown.component.mjs +52 -0
- package/esm2020/lib/forms-ui/components/sorting-dropdown-trigger/sorting-dropdown-trigger.component.mjs +21 -0
- package/esm2020/lib/forms-ui/directives/form-error.directive.mjs +109 -0
- package/esm2020/lib/forms-ui/directives/form-submit.directive.mjs +28 -0
- package/esm2020/lib/forms-ui/directives/keyboard-action-source.directive.mjs +53 -0
- package/esm2020/lib/forms-ui/directives/mark-invalid.directive.mjs +38 -0
- package/esm2020/lib/forms-ui/directives/select-dropdown.directive.mjs +31 -0
- package/esm2020/lib/forms-ui/directives/selectable-item.directive.mjs +33 -0
- package/esm2020/lib/forms-ui/directives/selected-option.directive.mjs +26 -0
- package/esm2020/lib/forms-ui/forms-ui.module.mjs +236 -0
- package/esm2020/lib/forms-ui/helpers/key-codes.constants.mjs +11 -0
- package/esm2020/lib/forms-ui/helpers/keyboard-navigation.helpers.mjs +38 -0
- package/esm2020/lib/forms-ui/models/base-select.directive.mjs +148 -0
- package/esm2020/lib/forms-ui/models/dropdown-item.interface.mjs +2 -0
- package/esm2020/lib/forms-ui/models/single-select-padding.interface.mjs +2 -0
- package/esm2020/lib/forms-ui/models/sorting.interface.mjs +7 -0
- package/esm2020/lib/forms-ui/pipes/filter-selection.pipe.mjs +30 -0
- package/esm2020/lib/forms-ui/pipes/filter-term.pipe.mjs +26 -0
- package/esm2020/lib/forms-ui/pipes/format-number.pipe.mjs +65 -0
- package/esm2020/lib/forms-ui/validators/date-in-foreseeable-future.validator.mjs +26 -0
- package/esm2020/lib/modal-ui/components/modal/modal.component.mjs +205 -0
- package/esm2020/lib/modal-ui/components/modal-footer/modal-footer.component.mjs +11 -0
- package/esm2020/lib/modal-ui/components/modal-header/modal-header.component.mjs +23 -0
- package/esm2020/lib/modal-ui/directives/modal-content.directive.mjs +13 -0
- package/esm2020/lib/modal-ui/modal.constants.mjs +3 -0
- package/esm2020/lib/modal-ui/modal.module.mjs +26 -0
- package/esm2020/lib/popover-ui/components/popover/popover.component.mjs +199 -0
- package/esm2020/lib/popover-ui/directives/popover-click.directive.mjs +51 -0
- package/esm2020/lib/popover-ui/directives/popover-content.directive.mjs +16 -0
- package/esm2020/lib/popover-ui/directives/popover-hover.directive.mjs +87 -0
- package/esm2020/lib/popover-ui/popover-ui.module.mjs +22 -0
- package/esm2020/lib/shared/date-helpers.mjs +35 -0
- package/esm2020/lib/shared/misc-helpers.mjs +34 -0
- package/esm2020/lib/shared/observe.mjs +40 -0
- package/esm2020/lib/tab-ui/components/tab/tab.component.mjs +70 -0
- package/esm2020/lib/tab-ui/components/tab-group/tab-group.component.mjs +71 -0
- package/esm2020/lib/tab-ui/tab-ui.module.mjs +22 -0
- package/fesm2015/{leanix-components.js → leanix-components.mjs} +436 -633
- package/fesm2015/leanix-components.mjs.map +1 -0
- package/fesm2020/leanix-components.mjs +6207 -0
- package/fesm2020/leanix-components.mjs.map +1 -0
- package/package.json +23 -9
- package/bundles/leanix-components.umd.js +0 -7364
- package/bundles/leanix-components.umd.js.map +0 -1
- package/esm2015/index.js +0 -119
- package/esm2015/index.js.map +0 -1
- package/esm2015/leanix-components.js +0 -5
- package/esm2015/leanix-components.js.map +0 -1
- package/esm2015/lib/core-ui/annotations/required.js +0 -33
- package/esm2015/lib/core-ui/annotations/required.js.map +0 -1
- package/esm2015/lib/core-ui/components/badge/badge.component.js +0 -29
- package/esm2015/lib/core-ui/components/badge/badge.component.js.map +0 -1
- package/esm2015/lib/core-ui/components/button/button.component.js +0 -78
- package/esm2015/lib/core-ui/components/button/button.component.js.map +0 -1
- package/esm2015/lib/core-ui/components/button-group/button-group.component.js +0 -32
- package/esm2015/lib/core-ui/components/button-group/button-group.component.js.map +0 -1
- package/esm2015/lib/core-ui/components/card/card.component.js +0 -23
- package/esm2015/lib/core-ui/components/card/card.component.js.map +0 -1
- package/esm2015/lib/core-ui/components/collapsible/collapsible.component.js +0 -58
- package/esm2015/lib/core-ui/components/collapsible/collapsible.component.js.map +0 -1
- package/esm2015/lib/core-ui/components/colored-label/colored-label.component.js +0 -39
- package/esm2015/lib/core-ui/components/colored-label/colored-label.component.js.map +0 -1
- package/esm2015/lib/core-ui/components/ellipsis/ellipsis.component.js +0 -74
- package/esm2015/lib/core-ui/components/ellipsis/ellipsis.component.js.map +0 -1
- package/esm2015/lib/core-ui/components/icon-scale/icon-scale.component.js +0 -46
- package/esm2015/lib/core-ui/components/icon-scale/icon-scale.component.js.map +0 -1
- package/esm2015/lib/core-ui/components/spinner/spinner.component.js +0 -30
- package/esm2015/lib/core-ui/components/spinner/spinner.component.js.map +0 -1
- package/esm2015/lib/core-ui/components/table/table-header/table-header.component.js +0 -60
- package/esm2015/lib/core-ui/components/table/table-header/table-header.component.js.map +0 -1
- package/esm2015/lib/core-ui/components/table/table.component.js +0 -70
- package/esm2015/lib/core-ui/components/table/table.component.js.map +0 -1
- package/esm2015/lib/core-ui/components/tiny-spinner/tiny-spinner.component.js +0 -14
- package/esm2015/lib/core-ui/components/tiny-spinner/tiny-spinner.component.js.map +0 -1
- package/esm2015/lib/core-ui/core-ui.constants.js +0 -13
- package/esm2015/lib/core-ui/core-ui.constants.js.map +0 -1
- package/esm2015/lib/core-ui/core-ui.module.js +0 -177
- package/esm2015/lib/core-ui/core-ui.module.js.map +0 -1
- package/esm2015/lib/core-ui/directives/after-view-init.directive.js +0 -30
- package/esm2015/lib/core-ui/directives/after-view-init.directive.js.map +0 -1
- package/esm2015/lib/core-ui/directives/autoclose-group.service.js +0 -38
- package/esm2015/lib/core-ui/directives/autoclose-group.service.js.map +0 -1
- package/esm2015/lib/core-ui/directives/autoclose.directive.js +0 -40
- package/esm2015/lib/core-ui/directives/autoclose.directive.js.map +0 -1
- package/esm2015/lib/core-ui/directives/autofocus.directive.js +0 -27
- package/esm2015/lib/core-ui/directives/autofocus.directive.js.map +0 -1
- package/esm2015/lib/core-ui/directives/html.directive.js +0 -30
- package/esm2015/lib/core-ui/directives/html.directive.js.map +0 -1
- package/esm2015/lib/core-ui/functions/core-css.helpers.js +0 -35
- package/esm2015/lib/core-ui/functions/core-css.helpers.js.map +0 -1
- package/esm2015/lib/core-ui/pipes/br.pipe.js +0 -23
- package/esm2015/lib/core-ui/pipes/br.pipe.js.map +0 -1
- package/esm2015/lib/core-ui/pipes/contrast-color.pipe.js +0 -20
- package/esm2015/lib/core-ui/pipes/contrast-color.pipe.js.map +0 -1
- package/esm2015/lib/core-ui/pipes/custom-date.pipe.js +0 -27
- package/esm2015/lib/core-ui/pipes/custom-date.pipe.js.map +0 -1
- package/esm2015/lib/core-ui/pipes/highlight-range.pipe.js +0 -21
- package/esm2015/lib/core-ui/pipes/highlight-range.pipe.js.map +0 -1
- package/esm2015/lib/core-ui/pipes/highlight-term.pipe.js +0 -38
- package/esm2015/lib/core-ui/pipes/highlight-term.pipe.js.map +0 -1
- package/esm2015/lib/core-ui/pipes/lx-is-uuid.pipe.js +0 -21
- package/esm2015/lib/core-ui/pipes/lx-is-uuid.pipe.js.map +0 -1
- package/esm2015/lib/core-ui/pipes/lx-time-ago.pipe.js +0 -25
- package/esm2015/lib/core-ui/pipes/lx-time-ago.pipe.js.map +0 -1
- package/esm2015/lib/core-ui/pipes/lx-translate.pipe.js +0 -46
- package/esm2015/lib/core-ui/pipes/lx-translate.pipe.js.map +0 -1
- package/esm2015/lib/core-ui/pipes/markdown.pipe.js +0 -29
- package/esm2015/lib/core-ui/pipes/markdown.pipe.js.map +0 -1
- package/esm2015/lib/core-ui/pipes/nbsp.pipe.js +0 -14
- package/esm2015/lib/core-ui/pipes/nbsp.pipe.js.map +0 -1
- package/esm2015/lib/core-ui/pipes/sort.pipe.js +0 -52
- package/esm2015/lib/core-ui/pipes/sort.pipe.js.map +0 -1
- package/esm2015/lib/core-ui/pipes/translation-after.pipe.js +0 -28
- package/esm2015/lib/core-ui/pipes/translation-after.pipe.js.map +0 -1
- package/esm2015/lib/core-ui/pipes/translation-before.pipe.js +0 -53
- package/esm2015/lib/core-ui/pipes/translation-before.pipe.js.map +0 -1
- package/esm2015/lib/core-ui/pipes/translation-between.pipe.js +0 -67
- package/esm2015/lib/core-ui/pipes/translation-between.pipe.js.map +0 -1
- package/esm2015/lib/core-ui/pipes/unescape-curly-braces.pipe.js +0 -16
- package/esm2015/lib/core-ui/pipes/unescape-curly-braces.pipe.js.map +0 -1
- package/esm2015/lib/core-ui/tooltip/to-cdk-position.function.js +0 -74
- package/esm2015/lib/core-ui/tooltip/to-cdk-position.function.js.map +0 -1
- package/esm2015/lib/core-ui/tooltip/tooltip-position.interface.js +0 -7
- package/esm2015/lib/core-ui/tooltip/tooltip-position.interface.js.map +0 -1
- package/esm2015/lib/core-ui/tooltip/tooltip.component.js +0 -30
- package/esm2015/lib/core-ui/tooltip/tooltip.component.js.map +0 -1
- package/esm2015/lib/core-ui/tooltip/tooltip.directive.js +0 -107
- package/esm2015/lib/core-ui/tooltip/tooltip.directive.js.map +0 -1
- package/esm2015/lib/core-ui/tooltip/tooltip.module.js +0 -21
- package/esm2015/lib/core-ui/tooltip/tooltip.module.js.map +0 -1
- package/esm2015/lib/forms-ui/components/basic-dropdown/basic-dropdown.component.js +0 -108
- package/esm2015/lib/forms-ui/components/basic-dropdown/basic-dropdown.component.js.map +0 -1
- package/esm2015/lib/forms-ui/components/basic-dropdown-item/basic-dropdown-item.component.js +0 -38
- package/esm2015/lib/forms-ui/components/basic-dropdown-item/basic-dropdown-item.component.js.map +0 -1
- package/esm2015/lib/forms-ui/components/cdk-options-dropdown/cdk-options-dropdown.component.js +0 -223
- package/esm2015/lib/forms-ui/components/cdk-options-dropdown/cdk-options-dropdown.component.js.map +0 -1
- package/esm2015/lib/forms-ui/components/cdk-options-sub-dropdown/cdk-options-sub-dropdown.component.js +0 -140
- package/esm2015/lib/forms-ui/components/cdk-options-sub-dropdown/cdk-options-sub-dropdown.component.js.map +0 -1
- package/esm2015/lib/forms-ui/components/currency/currency-input.component.js +0 -147
- package/esm2015/lib/forms-ui/components/currency/currency-input.component.js.map +0 -1
- package/esm2015/lib/forms-ui/components/currency/currency-symbol-map.constant.js +0 -105
- package/esm2015/lib/forms-ui/components/currency/currency-symbol-map.constant.js.map +0 -1
- package/esm2015/lib/forms-ui/components/currency/currency-symbol.component.js +0 -28
- package/esm2015/lib/forms-ui/components/currency/currency-symbol.component.js.map +0 -1
- package/esm2015/lib/forms-ui/components/date-input/date-input.component.js +0 -276
- package/esm2015/lib/forms-ui/components/date-input/date-input.component.js.map +0 -1
- package/esm2015/lib/forms-ui/components/drag-and-drop-list/constants.js +0 -5
- package/esm2015/lib/forms-ui/components/drag-and-drop-list/constants.js.map +0 -1
- package/esm2015/lib/forms-ui/components/drag-and-drop-list/drag-and-drop-list-item/drag-and-drop-list-item.component.js +0 -54
- package/esm2015/lib/forms-ui/components/drag-and-drop-list/drag-and-drop-list-item/drag-and-drop-list-item.component.js.map +0 -1
- package/esm2015/lib/forms-ui/components/drag-and-drop-list/drag-and-drop-list.component.js +0 -107
- package/esm2015/lib/forms-ui/components/drag-and-drop-list/drag-and-drop-list.component.js.map +0 -1
- package/esm2015/lib/forms-ui/components/drag-and-drop-list/drag-and-drop-list.module.js +0 -25
- package/esm2015/lib/forms-ui/components/drag-and-drop-list/drag-and-drop-list.module.js.map +0 -1
- package/esm2015/lib/forms-ui/components/drag-and-drop-list/keyboard-sortable-item/keyboard-sortable-item.directive.js +0 -133
- package/esm2015/lib/forms-ui/components/drag-and-drop-list/keyboard-sortable-item/keyboard-sortable-item.directive.js.map +0 -1
- package/esm2015/lib/forms-ui/components/drag-and-drop-list/keyboard-sortable-list/keyboard-sortable-list.directive.js +0 -37
- package/esm2015/lib/forms-ui/components/drag-and-drop-list/keyboard-sortable-list/keyboard-sortable-list.directive.js.map +0 -1
- package/esm2015/lib/forms-ui/components/error-message/error-message.component.js +0 -29
- package/esm2015/lib/forms-ui/components/error-message/error-message.component.js.map +0 -1
- package/esm2015/lib/forms-ui/components/form-error/form-error.component.js +0 -44
- package/esm2015/lib/forms-ui/components/form-error/form-error.component.js.map +0 -1
- package/esm2015/lib/forms-ui/components/icon/icon.component.js +0 -49
- package/esm2015/lib/forms-ui/components/icon/icon.component.js.map +0 -1
- package/esm2015/lib/forms-ui/components/input/input.component.js +0 -51
- package/esm2015/lib/forms-ui/components/input/input.component.js.map +0 -1
- package/esm2015/lib/forms-ui/components/keyboard-select.directive.js +0 -117
- package/esm2015/lib/forms-ui/components/keyboard-select.directive.js.map +0 -1
- package/esm2015/lib/forms-ui/components/multi-select/multi-select.component.js +0 -257
- package/esm2015/lib/forms-ui/components/multi-select/multi-select.component.js.map +0 -1
- package/esm2015/lib/forms-ui/components/option/option.component.js +0 -85
- package/esm2015/lib/forms-ui/components/option/option.component.js.map +0 -1
- package/esm2015/lib/forms-ui/components/option-group/option-group.component.js +0 -34
- package/esm2015/lib/forms-ui/components/option-group/option-group.component.js.map +0 -1
- package/esm2015/lib/forms-ui/components/option-group-dropdown/option-group-dropdown.component.js +0 -105
- package/esm2015/lib/forms-ui/components/option-group-dropdown/option-group-dropdown.component.js.map +0 -1
- package/esm2015/lib/forms-ui/components/options-dropdown/options-dropdown.component.js +0 -169
- package/esm2015/lib/forms-ui/components/options-dropdown/options-dropdown.component.js.map +0 -1
- package/esm2015/lib/forms-ui/components/options-sub-dropdown/options-sub-dropdown.component.js +0 -96
- package/esm2015/lib/forms-ui/components/options-sub-dropdown/options-sub-dropdown.component.js.map +0 -1
- package/esm2015/lib/forms-ui/components/picker/picker-trigger.directive.js +0 -36
- package/esm2015/lib/forms-ui/components/picker/picker-trigger.directive.js.map +0 -1
- package/esm2015/lib/forms-ui/components/picker/picker.component.js +0 -210
- package/esm2015/lib/forms-ui/components/picker/picker.component.js.map +0 -1
- package/esm2015/lib/forms-ui/components/picker-option/picker-option.component.js +0 -124
- package/esm2015/lib/forms-ui/components/picker-option/picker-option.component.js.map +0 -1
- package/esm2015/lib/forms-ui/components/pill-item/pill-item.component.js +0 -37
- package/esm2015/lib/forms-ui/components/pill-item/pill-item.component.js.map +0 -1
- package/esm2015/lib/forms-ui/components/pill-list/pill-list.component.js +0 -64
- package/esm2015/lib/forms-ui/components/pill-list/pill-list.component.js.map +0 -1
- package/esm2015/lib/forms-ui/components/responsive-input/responsive-input.component.js +0 -104
- package/esm2015/lib/forms-ui/components/responsive-input/responsive-input.component.js.map +0 -1
- package/esm2015/lib/forms-ui/components/single-select/single-select.component.js +0 -279
- package/esm2015/lib/forms-ui/components/single-select/single-select.component.js.map +0 -1
- package/esm2015/lib/forms-ui/components/slider-toggle/slider-toggle.component.js +0 -47
- package/esm2015/lib/forms-ui/components/slider-toggle/slider-toggle.component.js.map +0 -1
- package/esm2015/lib/forms-ui/components/sorting-dropdown/sorting-dropdown.component.js +0 -56
- package/esm2015/lib/forms-ui/components/sorting-dropdown/sorting-dropdown.component.js.map +0 -1
- package/esm2015/lib/forms-ui/components/sorting-dropdown-trigger/sorting-dropdown-trigger.component.js +0 -25
- package/esm2015/lib/forms-ui/components/sorting-dropdown-trigger/sorting-dropdown-trigger.component.js.map +0 -1
- package/esm2015/lib/forms-ui/directives/form-error.directive.js +0 -111
- package/esm2015/lib/forms-ui/directives/form-error.directive.js.map +0 -1
- package/esm2015/lib/forms-ui/directives/form-submit.directive.js +0 -28
- package/esm2015/lib/forms-ui/directives/form-submit.directive.js.map +0 -1
- package/esm2015/lib/forms-ui/directives/keyboard-action-source.directive.js +0 -53
- package/esm2015/lib/forms-ui/directives/keyboard-action-source.directive.js.map +0 -1
- package/esm2015/lib/forms-ui/directives/mark-invalid.directive.js +0 -38
- package/esm2015/lib/forms-ui/directives/mark-invalid.directive.js.map +0 -1
- package/esm2015/lib/forms-ui/directives/select-dropdown.directive.js +0 -31
- package/esm2015/lib/forms-ui/directives/select-dropdown.directive.js.map +0 -1
- package/esm2015/lib/forms-ui/directives/selectable-item.directive.js +0 -33
- package/esm2015/lib/forms-ui/directives/selectable-item.directive.js.map +0 -1
- package/esm2015/lib/forms-ui/directives/selected-option.directive.js +0 -26
- package/esm2015/lib/forms-ui/directives/selected-option.directive.js.map +0 -1
- package/esm2015/lib/forms-ui/forms-ui.module.js +0 -236
- package/esm2015/lib/forms-ui/forms-ui.module.js.map +0 -1
- package/esm2015/lib/forms-ui/helpers/key-codes.constants.js +0 -11
- package/esm2015/lib/forms-ui/helpers/key-codes.constants.js.map +0 -1
- package/esm2015/lib/forms-ui/helpers/keyboard-navigation.helpers.js +0 -38
- package/esm2015/lib/forms-ui/helpers/keyboard-navigation.helpers.js.map +0 -1
- package/esm2015/lib/forms-ui/models/base-select.directive.js +0 -148
- package/esm2015/lib/forms-ui/models/base-select.directive.js.map +0 -1
- package/esm2015/lib/forms-ui/models/dropdown-item.interface.js +0 -2
- package/esm2015/lib/forms-ui/models/dropdown-item.interface.js.map +0 -1
- package/esm2015/lib/forms-ui/models/single-select-padding.interface.js +0 -2
- package/esm2015/lib/forms-ui/models/single-select-padding.interface.js.map +0 -1
- package/esm2015/lib/forms-ui/models/sorting.interface.js +0 -7
- package/esm2015/lib/forms-ui/models/sorting.interface.js.map +0 -1
- package/esm2015/lib/forms-ui/pipes/filter-selection.pipe.js +0 -30
- package/esm2015/lib/forms-ui/pipes/filter-selection.pipe.js.map +0 -1
- package/esm2015/lib/forms-ui/pipes/filter-term.pipe.js +0 -26
- package/esm2015/lib/forms-ui/pipes/filter-term.pipe.js.map +0 -1
- package/esm2015/lib/forms-ui/pipes/format-number.pipe.js +0 -65
- package/esm2015/lib/forms-ui/pipes/format-number.pipe.js.map +0 -1
- package/esm2015/lib/forms-ui/validators/date-in-foreseeable-future.validator.js +0 -26
- package/esm2015/lib/forms-ui/validators/date-in-foreseeable-future.validator.js.map +0 -1
- package/esm2015/lib/modal-ui/components/modal/modal.component.js +0 -214
- package/esm2015/lib/modal-ui/components/modal/modal.component.js.map +0 -1
- package/esm2015/lib/modal-ui/components/modal-footer/modal-footer.component.js +0 -15
- package/esm2015/lib/modal-ui/components/modal-footer/modal-footer.component.js.map +0 -1
- package/esm2015/lib/modal-ui/components/modal-header/modal-header.component.js +0 -27
- package/esm2015/lib/modal-ui/components/modal-header/modal-header.component.js.map +0 -1
- package/esm2015/lib/modal-ui/directives/modal-content.directive.js +0 -13
- package/esm2015/lib/modal-ui/directives/modal-content.directive.js.map +0 -1
- package/esm2015/lib/modal-ui/modal.constants.js +0 -3
- package/esm2015/lib/modal-ui/modal.constants.js.map +0 -1
- package/esm2015/lib/modal-ui/modal.module.js +0 -26
- package/esm2015/lib/modal-ui/modal.module.js.map +0 -1
- package/esm2015/lib/popover-ui/components/popover/popover.component.js +0 -203
- package/esm2015/lib/popover-ui/components/popover/popover.component.js.map +0 -1
- package/esm2015/lib/popover-ui/directives/popover-click.directive.js +0 -51
- package/esm2015/lib/popover-ui/directives/popover-click.directive.js.map +0 -1
- package/esm2015/lib/popover-ui/directives/popover-content.directive.js +0 -16
- package/esm2015/lib/popover-ui/directives/popover-content.directive.js.map +0 -1
- package/esm2015/lib/popover-ui/directives/popover-hover.directive.js +0 -87
- package/esm2015/lib/popover-ui/directives/popover-hover.directive.js.map +0 -1
- package/esm2015/lib/popover-ui/popover-ui.module.js +0 -22
- package/esm2015/lib/popover-ui/popover-ui.module.js.map +0 -1
- package/esm2015/lib/shared/date-helpers.js +0 -35
- package/esm2015/lib/shared/date-helpers.js.map +0 -1
- package/esm2015/lib/shared/misc-helpers.js +0 -34
- package/esm2015/lib/shared/misc-helpers.js.map +0 -1
- package/esm2015/lib/shared/observe.js +0 -40
- package/esm2015/lib/shared/observe.js.map +0 -1
- package/esm2015/lib/tab-ui/components/tab/tab.component.js +0 -75
- package/esm2015/lib/tab-ui/components/tab/tab.component.js.map +0 -1
- package/esm2015/lib/tab-ui/components/tab-group/tab-group.component.js +0 -78
- package/esm2015/lib/tab-ui/components/tab-group/tab-group.component.js.map +0 -1
- package/esm2015/lib/tab-ui/tab-ui.module.js +0 -22
- package/esm2015/lib/tab-ui/tab-ui.module.js.map +0 -1
- package/fesm2015/leanix-components.js.map +0 -1
@@ -1,105 +0,0 @@
|
|
1
|
-
// Currency symbol map extracted from: http://symbologic.info/currency.htm
|
2
|
-
// Using custom symbology since Angular 2 currency pipe does not support all currency symbols:
|
3
|
-
// https://github.com/angular/angular/issues/6724
|
4
|
-
export const CURRENCY_SYMBOL_MAP = {
|
5
|
-
AFA: '؋',
|
6
|
-
AWG: 'ƒ',
|
7
|
-
AUD: 'AU$',
|
8
|
-
ARS: 'ARS',
|
9
|
-
AZN: 'ман',
|
10
|
-
BSD: 'B$',
|
11
|
-
BDT: '৳',
|
12
|
-
BBD: 'Bds$',
|
13
|
-
BYR: 'Br',
|
14
|
-
BOB: 'Bs.',
|
15
|
-
BRL: 'R$',
|
16
|
-
GBP: '£',
|
17
|
-
BGN: 'лв',
|
18
|
-
KHR: '៛',
|
19
|
-
CAD: 'CA$',
|
20
|
-
KYD: 'KY$',
|
21
|
-
CLP: '$',
|
22
|
-
CNY: 'CN¥',
|
23
|
-
COP: 'COP',
|
24
|
-
CRC: '₡',
|
25
|
-
HRK: 'kn',
|
26
|
-
CPY: 'CPY',
|
27
|
-
CZK: 'Kč',
|
28
|
-
DKK: 'DKK',
|
29
|
-
DOP: 'RD$',
|
30
|
-
XCD: 'EC$',
|
31
|
-
EGP: 'E£',
|
32
|
-
ERN: 'Nfa',
|
33
|
-
EEK: 'EEK',
|
34
|
-
EUR: '€',
|
35
|
-
GEL: 'ლ',
|
36
|
-
GHC: 'GHC',
|
37
|
-
GIP: 'GIP',
|
38
|
-
GTQ: 'Q',
|
39
|
-
HNL: 'L',
|
40
|
-
HKD: 'HK$',
|
41
|
-
HUF: 'Ft',
|
42
|
-
ISK: 'ISK',
|
43
|
-
INR: '₹',
|
44
|
-
IDR: 'Rp',
|
45
|
-
ILS: '₪',
|
46
|
-
JMD: 'J$',
|
47
|
-
JPY: '¥',
|
48
|
-
KZT: '₸',
|
49
|
-
KES: 'KSh',
|
50
|
-
KWD: 'د.ك',
|
51
|
-
LVL: 'Ls',
|
52
|
-
LBP: 'L£',
|
53
|
-
LTL: 'Lt',
|
54
|
-
MOP: 'P',
|
55
|
-
MKD: 'ден',
|
56
|
-
MGA: 'Ar',
|
57
|
-
MYR: 'RM',
|
58
|
-
BAM: 'KM',
|
59
|
-
MUR: 'Ɍs',
|
60
|
-
MXN: 'MX$',
|
61
|
-
MZM: 'MT',
|
62
|
-
NPR: 'NɌs',
|
63
|
-
ANG: 'ƒ',
|
64
|
-
TWD: 'NT$',
|
65
|
-
NZD: 'NZ$',
|
66
|
-
NIO: 'C$',
|
67
|
-
NGN: '₦',
|
68
|
-
KPW: '₩',
|
69
|
-
NOK: 'NOK',
|
70
|
-
OMR: 'ر.ع.',
|
71
|
-
PKR: 'Ɍs',
|
72
|
-
PYG: '₲',
|
73
|
-
PEN: 'S/.',
|
74
|
-
PHP: '₱',
|
75
|
-
QAR: 'ر.ق',
|
76
|
-
RON: 'L',
|
77
|
-
RUB: 'руб',
|
78
|
-
SAR: 'ر.س',
|
79
|
-
CSD: 'CSD',
|
80
|
-
SCR: 'Ɍs',
|
81
|
-
SGD: 'S$',
|
82
|
-
SKK: 'SKK',
|
83
|
-
SIT: 'SIT',
|
84
|
-
ZAR: 'R',
|
85
|
-
KRW: 'KRW',
|
86
|
-
LKR: 'Ɍs',
|
87
|
-
SRD: '$',
|
88
|
-
SEK: 'SEK',
|
89
|
-
CHF: 'Fr',
|
90
|
-
TZS: 'TSh',
|
91
|
-
THB: '฿',
|
92
|
-
TTD: 'TT$',
|
93
|
-
TRY: 'TL',
|
94
|
-
AED: 'د.إ',
|
95
|
-
USD: '$',
|
96
|
-
UGX: 'USh',
|
97
|
-
UAH: '₴',
|
98
|
-
UYU: '$U',
|
99
|
-
UZS: 'лв',
|
100
|
-
VEB: 'VEB',
|
101
|
-
VND: '₫',
|
102
|
-
AMK: 'AMK',
|
103
|
-
ZWD: 'ZWD'
|
104
|
-
};
|
105
|
-
//# sourceMappingURL=../../../../../../../../libs/components/src/lib/forms-ui/components/currency/currency-symbol-map.constant.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"currency-symbol-map.constant.js","sourceRoot":"","sources":["currency-symbol-map.constant.ts"],"names":[],"mappings":"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"}
|
@@ -1,28 +0,0 @@
|
|
1
|
-
import { __decorate } from "tslib";
|
2
|
-
import { Component, Input } from '@angular/core';
|
3
|
-
import { map } from 'rxjs/operators';
|
4
|
-
import { Observe } from '../../../shared/observe';
|
5
|
-
import { CURRENCY_SYMBOL_MAP } from './currency-symbol-map.constant';
|
6
|
-
import * as i0 from "@angular/core";
|
7
|
-
import * as i1 from "../../../core-ui/directives/html.directive";
|
8
|
-
import * as i2 from "@angular/common";
|
9
|
-
export class CurrencySymbolComponent {
|
10
|
-
ngOnInit() {
|
11
|
-
this.currency$ = this.code$.pipe(map((code) => CURRENCY_SYMBOL_MAP[code] || code));
|
12
|
-
}
|
13
|
-
}
|
14
|
-
CurrencySymbolComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: CurrencySymbolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
15
|
-
CurrencySymbolComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.4", type: CurrencySymbolComponent, selector: "lx-currency-symbol", inputs: { code: "code" }, ngImport: i0, template: "<span [lxHtml]=\"currency$ | async\"></span>\n", directives: [{ type: i1.HtmlDirective, selector: "[lxHtml]", inputs: ["lxHtml"] }], pipes: { "async": i2.AsyncPipe } });
|
16
|
-
__decorate([
|
17
|
-
Observe('code')
|
18
|
-
], CurrencySymbolComponent.prototype, "code$", void 0);
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: CurrencySymbolComponent, decorators: [{
|
20
|
-
type: Component,
|
21
|
-
args: [{
|
22
|
-
selector: 'lx-currency-symbol',
|
23
|
-
templateUrl: 'currency-symbol.component.html'
|
24
|
-
}]
|
25
|
-
}], propDecorators: { code: [{
|
26
|
-
type: Input
|
27
|
-
}], code$: [] } });
|
28
|
-
//# sourceMappingURL=../../../../../../../../libs/components/src/lib/forms-ui/components/currency/currency-symbol.component.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"currency-symbol.component.js","sourceRoot":"","sources":["currency-symbol.component.ts","currency-symbol.component.html"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;AAEzD,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;;;;AAMrE,MAAM,OAAO,uBAAuB;IAKlC,QAAQ;QACN,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC;IACrF,CAAC;;oHAPU,uBAAuB;wGAAvB,uBAAuB,oFCVpC,gDACA;ADWmB;IAAhB,OAAO,CAAC,MAAM,CAAC;sDAA4B;2FAFjC,uBAAuB;kBAJnC,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,WAAW,EAAE,gCAAgC;iBAC9C;8BAEU,IAAI;sBAAZ,KAAK;gBACW,KAAK"}
|
@@ -1,276 +0,0 @@
|
|
1
|
-
import { __decorate } from "tslib";
|
2
|
-
import { Component, EventEmitter, forwardRef, Inject, Input, Optional, Output, ViewChild } from '@angular/core';
|
3
|
-
import { NG_VALIDATORS, NG_VALUE_ACCESSOR } from '@angular/forms';
|
4
|
-
import { format, startOfDay } from 'date-fns';
|
5
|
-
import { DateFormatter, DatePickerComponent } from 'ngx-bootstrap/datepicker';
|
6
|
-
import { Subject } from 'rxjs';
|
7
|
-
import { takeUntil } from 'rxjs/operators';
|
8
|
-
import { DATE_FN_LOCALE, DATE_FORMATS } from '../../../core-ui/core-ui.constants';
|
9
|
-
import { convertDateToLocaleDateString, createDateFromDateString, isValidDateString } from '../../../shared/date-helpers';
|
10
|
-
import { Observe } from '../../../shared/observe';
|
11
|
-
import * as i0 from "@angular/core";
|
12
|
-
import * as i1 from "ngx-bootstrap/datepicker";
|
13
|
-
import * as i2 from "@angular/common";
|
14
|
-
import * as i3 from "@angular/forms";
|
15
|
-
import * as i4 from "../../../core-ui/pipes/custom-date.pipe";
|
16
|
-
const DEFAULT_MIN_DATE = new Date('0000-01-01');
|
17
|
-
const DEFAULT_MAX_DATE = new Date('9999-12-31');
|
18
|
-
export class DateInputComponent {
|
19
|
-
constructor(cd, dateFormatsProvider, getDateFnLocale) {
|
20
|
-
this.cd = cd;
|
21
|
-
this.dateFormatsProvider = dateFormatsProvider;
|
22
|
-
this.getDateFnLocale = getDateFnLocale;
|
23
|
-
this.date = null; // main date input; this is also the one used for ngModel & formControl!
|
24
|
-
this.dateChange = new EventEmitter(); // triggered whenever the date changes
|
25
|
-
this.dateString = null; // secondary, alternative input with date string
|
26
|
-
this.dateStringChange = new EventEmitter(); // triggered whenever the date changes
|
27
|
-
// Determine whether formGroup's value accessor is accessing the selected IDs or the selected objects
|
28
|
-
this.valueAccessor = 'date';
|
29
|
-
this.inputId = ''; // id to be set on input to correspond to outside label
|
30
|
-
this.renderingStyle = 'INPUT';
|
31
|
-
this.placeholder = 'yyyy-mm-dd';
|
32
|
-
//--- Inputs replicated from datepicker; (selectionDone) is not needed, as (dateChange) is equivalen
|
33
|
-
this.datepickerMode = 'day'; // sets datepicker mode, supports: day, month, year
|
34
|
-
this.minDate = DEFAULT_MIN_DATE; // oldest selectable date
|
35
|
-
this.maxDate = DEFAULT_MAX_DATE; // latest selectable date
|
36
|
-
this.minMode = 'day'; // set lower datepicker mode, supports: day, month, year
|
37
|
-
this.maxMode = 'year'; // sets upper datepicker mode, supports: day, month, year
|
38
|
-
this.showWeeks = true; // if false week numbers will be hidden
|
39
|
-
this.formatDay = 'DD'; // format of day in month
|
40
|
-
this.formatMonth = 'MMMM'; // format of month in year
|
41
|
-
this.formatYear = 'YYYY'; // format of year in year range
|
42
|
-
this.formatDayHeader = 'dd'; // format of day in week header
|
43
|
-
this.formatDayTitle = 'MMMM YYYY'; // format of title when selecting day
|
44
|
-
this.formatMonthTitle = 'YYYY'; // format of title when selecting month
|
45
|
-
this.startingDay = 0; // starting day of the week from 0-6 (0=Sunday, ..., 6=Saturday) public
|
46
|
-
this.yearRange = 20; // number of years displayed in year selection
|
47
|
-
this.onlyCurrentMonth = false; // if true only dates from the currently displayed month will be shown
|
48
|
-
this.shortcutPropagation = false; // if true shortcut`s event propagation will be disabled
|
49
|
-
this.customClass = []; // array of custom css classes to be applied to
|
50
|
-
this.dateDisabled = []; // array of disabled dates if mode is day, or years, etc.
|
51
|
-
this.showDatepicker = false;
|
52
|
-
this.destroyed$ = new Subject();
|
53
|
-
this.hasError = false;
|
54
|
-
this.propagateChange = (_date) => { };
|
55
|
-
this.dateFormat = this.dateFormatsProvider.getDateFormat();
|
56
|
-
// Patch DatePicker until https://github.com/valor-software/ng2-bootstrap/issues/1385 is resolved
|
57
|
-
const writeValue = DatePickerComponent.prototype.writeValue;
|
58
|
-
DatePickerComponent.prototype.writeValue = function (value) {
|
59
|
-
if (value !== null) {
|
60
|
-
return writeValue.apply(this, arguments);
|
61
|
-
}
|
62
|
-
};
|
63
|
-
// Somehow datepicker does use a separate moment instance than we do. That one runs on locale en by default.
|
64
|
-
// So we patch the format function here to use our moment instance.
|
65
|
-
// Maybe it will be fixed with: https://github.com/valor-software/ngx-bootstrap/issues/455
|
66
|
-
const locale = this.getDateFnLocale ? this.getDateFnLocale() : null;
|
67
|
-
DateFormatter.prototype.format = function (date, f) {
|
68
|
-
return format(date, f, { locale });
|
69
|
-
};
|
70
|
-
}
|
71
|
-
ngOnInit() {
|
72
|
-
this.initDateString$.pipe(takeUntil(this.destroyed$)).subscribe((date) => {
|
73
|
-
var _a;
|
74
|
-
this.initDate = (_a = createDateFromDateString(date)) !== null && _a !== void 0 ? _a : startOfDay(new Date());
|
75
|
-
});
|
76
|
-
}
|
77
|
-
ngOnChanges(changes) {
|
78
|
-
if (changes['date']) {
|
79
|
-
this.dateString = this.date ? convertDateToLocaleDateString(this.date) : null;
|
80
|
-
}
|
81
|
-
else if (changes['dateString']) {
|
82
|
-
this.onDateStringChange(this.dateString, false);
|
83
|
-
}
|
84
|
-
}
|
85
|
-
ngOnDestroy() {
|
86
|
-
this.destroyed$.next();
|
87
|
-
}
|
88
|
-
focus() {
|
89
|
-
this.input.nativeElement.focus();
|
90
|
-
}
|
91
|
-
showPopup() {
|
92
|
-
this.showDatepicker = true;
|
93
|
-
this.cd.detectChanges();
|
94
|
-
}
|
95
|
-
togglePopup() {
|
96
|
-
this.showDatepicker = !this.showDatepicker;
|
97
|
-
}
|
98
|
-
hidePopup() {
|
99
|
-
if (this.showDatepicker) {
|
100
|
-
this.showDatepicker = false;
|
101
|
-
}
|
102
|
-
}
|
103
|
-
onTab(forward) {
|
104
|
-
if (forward && this.showDatepicker) {
|
105
|
-
this.hidePopup();
|
106
|
-
return false; // Prevent tab for now as ng2-bootstrap datepicker has a tabstop: 2 tabs needed to navigate for now
|
107
|
-
// TODO: Check again in new version
|
108
|
-
}
|
109
|
-
this.hidePopup();
|
110
|
-
return true;
|
111
|
-
}
|
112
|
-
onDateStringChange(newDateString, emit = true) {
|
113
|
-
if (isValidDateString(newDateString)) {
|
114
|
-
const date = createDateFromDateString(newDateString);
|
115
|
-
this.updateDate(date, emit);
|
116
|
-
}
|
117
|
-
else if (newDateString === null || newDateString === '') {
|
118
|
-
this.updateDate(null, emit);
|
119
|
-
}
|
120
|
-
else {
|
121
|
-
this.hasError = true;
|
122
|
-
if (this.formControl) {
|
123
|
-
this.formControl.updateValueAndValidity();
|
124
|
-
}
|
125
|
-
}
|
126
|
-
}
|
127
|
-
onSelectionDone(newDate) {
|
128
|
-
this.updateDate(newDate);
|
129
|
-
this.hidePopup();
|
130
|
-
}
|
131
|
-
onBlur() {
|
132
|
-
if (this.onTouched) {
|
133
|
-
this.onTouched();
|
134
|
-
}
|
135
|
-
}
|
136
|
-
updateDate(date, emit = true) {
|
137
|
-
this.date = date;
|
138
|
-
this.dateString = this.date ? convertDateToLocaleDateString(this.date) : '';
|
139
|
-
if (emit) {
|
140
|
-
this.dateChange.emit(date);
|
141
|
-
this.dateStringChange.emit(this.dateString);
|
142
|
-
}
|
143
|
-
this.propagateChange(date);
|
144
|
-
this.recheckErrors();
|
145
|
-
}
|
146
|
-
recheckErrors() {
|
147
|
-
this.hasError = false;
|
148
|
-
if (this.formControl) {
|
149
|
-
this.formControl.updateValueAndValidity();
|
150
|
-
}
|
151
|
-
}
|
152
|
-
//--- Implement ControlValueAccessor
|
153
|
-
/** Write a new value to the element. */
|
154
|
-
writeValue(newDate) {
|
155
|
-
if (this.valueAccessor === 'date') {
|
156
|
-
this.date = newDate;
|
157
|
-
this.dateString = convertDateToLocaleDateString(this.date);
|
158
|
-
}
|
159
|
-
else {
|
160
|
-
this.dateString = newDate;
|
161
|
-
this.onDateStringChange(this.dateString, false);
|
162
|
-
}
|
163
|
-
}
|
164
|
-
/** Set the function to be called when the control receives a change event. */
|
165
|
-
registerOnChange(fn) {
|
166
|
-
if (this.valueAccessor === 'date') {
|
167
|
-
this.dateChange.pipe(takeUntil(this.destroyed$)).subscribe(fn);
|
168
|
-
}
|
169
|
-
else if (this.valueAccessor === 'dateString') {
|
170
|
-
this.dateStringChange.pipe(takeUntil(this.destroyed$)).subscribe(fn);
|
171
|
-
}
|
172
|
-
}
|
173
|
-
/** Set the function to be called when the control receives a touch event. */
|
174
|
-
registerOnTouched(fn) {
|
175
|
-
this.onTouched = fn;
|
176
|
-
}
|
177
|
-
validate(c) {
|
178
|
-
this.formControl = c;
|
179
|
-
return this.hasError
|
180
|
-
? {
|
181
|
-
dateFormatError: {
|
182
|
-
given: this.dateString,
|
183
|
-
format: 'yyyy-mm-dd'
|
184
|
-
}
|
185
|
-
}
|
186
|
-
: null;
|
187
|
-
}
|
188
|
-
}
|
189
|
-
DateInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: DateInputComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: DATE_FORMATS }, { token: DATE_FN_LOCALE, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
190
|
-
DateInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.4", type: DateInputComponent, selector: "lx-date-input", inputs: { date: "date", dateString: "dateString", valueAccessor: "valueAccessor", inputId: "inputId", renderingStyle: "renderingStyle", placeholder: "placeholder", datepickerMode: "datepickerMode", initDateString: "initDateString", minDate: "minDate", maxDate: "maxDate", minMode: "minMode", maxMode: "maxMode", showWeeks: "showWeeks", formatDay: "formatDay", formatMonth: "formatMonth", formatYear: "formatYear", formatDayHeader: "formatDayHeader", formatDayTitle: "formatDayTitle", formatMonthTitle: "formatMonthTitle", startingDay: "startingDay", yearRange: "yearRange", onlyCurrentMonth: "onlyCurrentMonth", shortcutPropagation: "shortcutPropagation", customClass: "customClass", disabled: "disabled", dateDisabled: "dateDisabled" }, outputs: { dateChange: "dateChange", dateStringChange: "dateStringChange" }, providers: [
|
191
|
-
{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => DateInputComponent), multi: true },
|
192
|
-
{ provide: NG_VALIDATORS, useExisting: forwardRef(() => DateInputComponent), multi: true }
|
193
|
-
], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"backdrop\" *ngIf=\"showDatepicker\" (click)=\"hidePopup()\"></div>\n<span class=\"wrapper\" [class.forLink]=\"renderingStyle === 'LINK'\" [class.has-error]=\"hasError\">\n <input\n #input\n class=\"form-control dateControl\"\n placeholder=\"{{ placeholder }}\"\n [id]=\"inputId\"\n [(ngModel)]=\"dateString\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"onDateStringChange($event)\"\n (focus)=\"showPopup()\"\n (blur)=\"onBlur()\"\n (keydown.enter)=\"hidePopup()\"\n (keydown.escape)=\"hidePopup()\"\n (keydown.tab)=\"onTab(true)\"\n (keydown.shift.tab)=\"onTab(false)\"\n [class.text-danger]=\"hasError\"\n *ngIf=\"renderingStyle === 'INPUT'\"\n />\n <a class=\"dateControl\" (click)=\"togglePopup()\" *ngIf=\"renderingStyle === 'LINK'\">{{ date | lxDate: dateFormat }}</a>\n <div class=\"datepickerContainer\">\n <div class=\"calendar\">\n <datepicker\n class=\"popup\"\n *ngIf=\"showDatepicker\"\n (selectionDone)=\"onSelectionDone($event)\"\n [ngModel]=\"date\"\n [datepickerMode]=\"datepickerMode\"\n [initDate]=\"initDate\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n [minMode]=\"minMode\"\n [maxMode]=\"maxMode\"\n [showWeeks]=\"showWeeks\"\n [formatDay]=\"formatDay\"\n [formatMonth]=\"formatMonth\"\n [formatYear]=\"formatYear\"\n [formatDayHeader]=\"formatDayHeader\"\n [formatDayTitle]=\"formatDayTitle\"\n [formatMonthTitle]=\"formatMonthTitle\"\n [startingDay]=\"startingDay\"\n [yearRange]=\"yearRange\"\n [onlyCurrentMonth]=\"onlyCurrentMonth\"\n [shortcutPropagation]=\"shortcutPropagation\"\n [customClass]=\"customClass\"\n [dateDisabled]=\"dateDisabled\"\n >\n </datepicker>\n </div>\n </div>\n</span>\n", styles: [".backdrop{position:fixed;top:0;right:0;bottom:0;left:0}.datepickerContainer{position:absolute;z-index:700}.wrapper .forLink .popup{top:15px}.calendar,.dateControl,.popup{position:relative}.popup{left:0;z-index:700;border-radius:3px}.popup ::ng-deep .text-info{color:#2a303d}.popup ::ng-deep .text-muted{color:#99a5bb}.popup ::ng-deep .btn.active,.popup ::ng-deep .btn.active .text-info{color:#fff;background-color:#2a303d}.popup ::ng-deep .well{margin:0;border:1px solid #2a303d}:host-context(.input-group) .datepickerContainer{top:100%}"], components: [{ type: i1.DatePickerComponent, selector: "datepicker", inputs: ["datepickerMode", "showWeeks", "activeDate", "initDate", "minDate", "maxDate", "minMode", "maxMode", "formatDay", "formatMonth", "formatYear", "formatDayHeader", "formatDayTitle", "formatMonthTitle", "startingDay", "yearRange", "onlyCurrentMonth", "shortcutPropagation", "monthColLimit", "yearColLimit", "customClass", "dateDisabled", "dayDisabled"], outputs: ["selectionDone", "activeDateChange"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: { "lxDate": i4.CustomDatePipe } });
|
194
|
-
__decorate([
|
195
|
-
Observe('initDateString')
|
196
|
-
], DateInputComponent.prototype, "initDateString$", void 0);
|
197
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: DateInputComponent, decorators: [{
|
198
|
-
type: Component,
|
199
|
-
args: [{
|
200
|
-
selector: 'lx-date-input',
|
201
|
-
templateUrl: 'date-input.component.html',
|
202
|
-
styleUrls: ['date-input.component.scss'],
|
203
|
-
providers: [
|
204
|
-
{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => DateInputComponent), multi: true },
|
205
|
-
{ provide: NG_VALIDATORS, useExisting: forwardRef(() => DateInputComponent), multi: true }
|
206
|
-
]
|
207
|
-
}]
|
208
|
-
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
|
209
|
-
type: Inject,
|
210
|
-
args: [DATE_FORMATS]
|
211
|
-
}] }, { type: Function, decorators: [{
|
212
|
-
type: Optional
|
213
|
-
}, {
|
214
|
-
type: Inject,
|
215
|
-
args: [DATE_FN_LOCALE]
|
216
|
-
}] }]; }, propDecorators: { date: [{
|
217
|
-
type: Input
|
218
|
-
}], dateChange: [{
|
219
|
-
type: Output
|
220
|
-
}], dateString: [{
|
221
|
-
type: Input
|
222
|
-
}], dateStringChange: [{
|
223
|
-
type: Output
|
224
|
-
}], valueAccessor: [{
|
225
|
-
type: Input
|
226
|
-
}], inputId: [{
|
227
|
-
type: Input
|
228
|
-
}], renderingStyle: [{
|
229
|
-
type: Input
|
230
|
-
}], placeholder: [{
|
231
|
-
type: Input
|
232
|
-
}], datepickerMode: [{
|
233
|
-
type: Input
|
234
|
-
}], initDateString: [{
|
235
|
-
type: Input
|
236
|
-
}], initDateString$: [], minDate: [{
|
237
|
-
type: Input
|
238
|
-
}], maxDate: [{
|
239
|
-
type: Input
|
240
|
-
}], minMode: [{
|
241
|
-
type: Input
|
242
|
-
}], maxMode: [{
|
243
|
-
type: Input
|
244
|
-
}], showWeeks: [{
|
245
|
-
type: Input
|
246
|
-
}], formatDay: [{
|
247
|
-
type: Input
|
248
|
-
}], formatMonth: [{
|
249
|
-
type: Input
|
250
|
-
}], formatYear: [{
|
251
|
-
type: Input
|
252
|
-
}], formatDayHeader: [{
|
253
|
-
type: Input
|
254
|
-
}], formatDayTitle: [{
|
255
|
-
type: Input
|
256
|
-
}], formatMonthTitle: [{
|
257
|
-
type: Input
|
258
|
-
}], startingDay: [{
|
259
|
-
type: Input
|
260
|
-
}], yearRange: [{
|
261
|
-
type: Input
|
262
|
-
}], onlyCurrentMonth: [{
|
263
|
-
type: Input
|
264
|
-
}], shortcutPropagation: [{
|
265
|
-
type: Input
|
266
|
-
}], customClass: [{
|
267
|
-
type: Input
|
268
|
-
}], disabled: [{
|
269
|
-
type: Input
|
270
|
-
}], dateDisabled: [{
|
271
|
-
type: Input
|
272
|
-
}], input: [{
|
273
|
-
type: ViewChild,
|
274
|
-
args: ['input']
|
275
|
-
}] } });
|
276
|
-
//# sourceMappingURL=../../../../../../../../libs/components/src/lib/forms-ui/components/date-input/date-input.component.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"date-input.component.js","sourceRoot":"","sources":["date-input.component.ts","date-input.component.html"],"names":[],"mappings":"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"}
|
@@ -1,5 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Used in the DragAndDropListComponent and KeyboardSortableListDirective
|
3
|
-
*/
|
4
|
-
export const DRAG_AND_DROP_LIST_TRANSLATION_NAME = 'DragAndDropListComponent';
|
5
|
-
//# sourceMappingURL=../../../../../../../../libs/components/src/lib/forms-ui/components/drag-and-drop-list/constants.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"constants.js","sourceRoot":"","sources":["constants.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,MAAM,mCAAmC,GAAG,0BAA0B,CAAC"}
|
@@ -1,54 +0,0 @@
|
|
1
|
-
import { ChangeDetectionStrategy, Component, ContentChild, EventEmitter, HostBinding, Input, Output } from '@angular/core';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
import * as i1 from "../../../../core-ui/components/button/button.component";
|
4
|
-
import * as i2 from "@angular/common";
|
5
|
-
export class DragAndDropListItemComponent {
|
6
|
-
constructor(element) {
|
7
|
-
this.element = element;
|
8
|
-
this.NAME = 'DragAndDropListItemComponent';
|
9
|
-
this.draggable = true;
|
10
|
-
this.action = new EventEmitter();
|
11
|
-
this.customTemplateRef = null;
|
12
|
-
}
|
13
|
-
get draggingDisabled() {
|
14
|
-
return !this.draggable;
|
15
|
-
}
|
16
|
-
get hasCustomTemplate() {
|
17
|
-
return !!this.customTemplateRef;
|
18
|
-
}
|
19
|
-
trackByAction(_index, action) {
|
20
|
-
return action.id;
|
21
|
-
}
|
22
|
-
focus() {
|
23
|
-
this.element.nativeElement.focus();
|
24
|
-
}
|
25
|
-
}
|
26
|
-
DragAndDropListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: DragAndDropListItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
27
|
-
DragAndDropListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.4", type: DragAndDropListItemComponent, selector: "lx-drag-and-drop-list-item", inputs: { item: "item", draggable: "draggable", actions: "actions" }, outputs: { action: "action" }, host: { properties: { "class.draggingDisabled": "this.draggingDisabled", "class.customTemplate": "this.hasCustomTemplate" } }, queries: [{ propertyName: "customTemplateRef", first: true, predicate: ["customTemplate"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"customTemplateRef; else defaultTemplate\">\n <ng-container *ngTemplateOutlet=\"customTemplateRef\"></ng-container>\n</ng-container>\n<ng-template #defaultTemplate>\n <div class=\"drag-item-wrappper\">\n <i *ngIf=\"draggable\" class=\"far fa-bars drag-handle\"></i>\n <span [attr.title]=\"item\" class=\"itemWrapperForTruncation truncate\">{{ item }}</span>\n </div>\n <div class=\"left-button-container\" align=\"left\">\n <div class=\"action-buttons-wrapper\" *ngIf=\"!!actions\">\n <button\n lx-button\n *ngFor=\"let act of actions; trackBy: trackByAction\"\n (click)=\"action.emit({ actionId: act.id, item: item })\"\n [title]=\"act.label\"\n [square]=\"true\"\n mode=\"ghost\"\n size=\"small\"\n class=\"action-button\"\n [class.show-on-hover-button]=\"act.showOnlyOnHover ? true : false\"\n >\n <i class=\"far {{ act.icon }} actionIcon\"></i>\n </button>\n </div>\n </div>\n</ng-template>\n", styles: [":host:not(.customTemplate){padding:6px 8px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;background:#fff;border-radius:3px}:host:not(.customTemplate):hover .show-on-hover-button{opacity:1}:host.draggingDisabled{background:#eaedf1}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drag-handle{padding-right:4px}.actionIcon{padding:0 2px}.drag-item-wrappper{display:flex;min-width:0;align-items:baseline}.action-buttons-wrapper,.left-button-container{display:flex;flex-direction:row;flex-wrap:nowrap}.show-on-hover-button{opacity:0}.show-on-hover-button:focus{opacity:1}lx-option i{margin-right:8px}"], components: [{ type: i1.ButtonComponent, selector: "button[lx-button]", inputs: ["size", "color", "mode", "pressed", "selected", "square", "circle", "disabled", "showSpinner"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
28
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: DragAndDropListItemComponent, decorators: [{
|
29
|
-
type: Component,
|
30
|
-
args: [{
|
31
|
-
selector: 'lx-drag-and-drop-list-item',
|
32
|
-
templateUrl: 'drag-and-drop-list-item.component.html',
|
33
|
-
styleUrls: ['drag-and-drop-list-item.component.scss'],
|
34
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
35
|
-
}]
|
36
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { item: [{
|
37
|
-
type: Input
|
38
|
-
}], draggable: [{
|
39
|
-
type: Input
|
40
|
-
}], actions: [{
|
41
|
-
type: Input
|
42
|
-
}], action: [{
|
43
|
-
type: Output
|
44
|
-
}], draggingDisabled: [{
|
45
|
-
type: HostBinding,
|
46
|
-
args: ['class.draggingDisabled']
|
47
|
-
}], hasCustomTemplate: [{
|
48
|
-
type: HostBinding,
|
49
|
-
args: ['class.customTemplate']
|
50
|
-
}], customTemplateRef: [{
|
51
|
-
type: ContentChild,
|
52
|
-
args: ['customTemplate']
|
53
|
-
}] } });
|
54
|
-
//# sourceMappingURL=../../../../../../../../../libs/components/src/lib/forms-ui/components/drag-and-drop-list/drag-and-drop-list-item/drag-and-drop-list-item.component.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"drag-and-drop-list-item.component.js","sourceRoot":"","sources":["drag-and-drop-list-item.component.ts","drag-and-drop-list-item.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,YAAY,EAEZ,YAAY,EACZ,WAAW,EACX,KAAK,EACL,MAAM,EAEP,MAAM,eAAe,CAAC;;;;AAoBvB,MAAM,OAAO,4BAA4B;IAsBvC,YAAoB,OAAmB;QAAnB,YAAO,GAAP,OAAO,CAAY;QArB9B,SAAI,GAAG,8BAA8B,CAAC;QAGtC,cAAS,GAAY,IAAI,CAAC;QAMzB,WAAM,GAAG,IAAI,YAAY,EAA8B,CAAC;QAUlC,sBAAiB,GAA4B,IAAI,CAAC;IAExC,CAAC;IAV3C,IAA2C,gBAAgB;QACzD,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC;IACzB,CAAC;IAED,IAAyC,iBAAiB;QACxD,OAAO,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC;IAClC,CAAC;IAMD,aAAa,CAAC,MAAc,EAAE,MAA6B;QACzD,OAAO,MAAM,CAAC,EAAE,CAAC;IACnB,CAAC;IAED,KAAK;QACH,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;IACrC,CAAC;;yHA9BU,4BAA4B;6GAA5B,4BAA4B,uZC9BzC,6/BA0BA;2FDIa,4BAA4B;kBANxC,SAAS;mBAAC;oBACT,QAAQ,EAAE,4BAA4B;oBACtC,WAAW,EAAE,wCAAwC;oBACrD,SAAS,EAAE,CAAC,wCAAwC,CAAC;oBACrD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;iGAIU,IAAI;sBAAZ,KAAK;gBACG,SAAS;sBAAjB,KAAK;gBAKG,OAAO;sBAAf,KAAK;gBACI,MAAM;sBAAf,MAAM;gBAEoC,gBAAgB;sBAA1D,WAAW;uBAAC,wBAAwB;gBAII,iBAAiB;sBAAzD,WAAW;uBAAC,sBAAsB;gBAIH,iBAAiB;sBAAhD,YAAY;uBAAC,gBAAgB"}
|
@@ -1,107 +0,0 @@
|
|
1
|
-
import { moveItemInArray } from '@angular/cdk/drag-drop';
|
2
|
-
import { Component, ContentChildren, EventEmitter, HostBinding, Input, Output, ViewChildren } from '@angular/core';
|
3
|
-
import { map, startWith } from 'rxjs/operators';
|
4
|
-
import { DRAG_AND_DROP_LIST_TRANSLATION_NAME } from './constants';
|
5
|
-
import { DragAndDropListItemComponent } from './drag-and-drop-list-item/drag-and-drop-list-item.component';
|
6
|
-
import { KeyboardSortableItemDirective } from './keyboard-sortable-item/keyboard-sortable-item.directive';
|
7
|
-
import * as i0 from "@angular/core";
|
8
|
-
import * as i1 from "./drag-and-drop-list-item/drag-and-drop-list-item.component";
|
9
|
-
import * as i2 from "@angular/common";
|
10
|
-
import * as i3 from "@angular/cdk/drag-drop";
|
11
|
-
import * as i4 from "./keyboard-sortable-list/keyboard-sortable-list.directive";
|
12
|
-
import * as i5 from "./keyboard-sortable-item/keyboard-sortable-item.directive";
|
13
|
-
import * as i6 from "@ngx-translate/core";
|
14
|
-
export class DragAndDropListComponent {
|
15
|
-
constructor() {
|
16
|
-
this.NAME = DRAG_AND_DROP_LIST_TRANSLATION_NAME;
|
17
|
-
/**
|
18
|
-
* Override the global label font weight of 700
|
19
|
-
*/
|
20
|
-
this.labelFontWeight = 700;
|
21
|
-
this.color = 'light';
|
22
|
-
this.fontSize = 'normal';
|
23
|
-
/**
|
24
|
-
* Use the moveToIndex Output in favor of moveItem,
|
25
|
-
* when moving is restricted to one item through this.draggableItem.
|
26
|
-
*/
|
27
|
-
this.moveToIndex = new EventEmitter();
|
28
|
-
this.moveItem = new EventEmitter();
|
29
|
-
/**
|
30
|
-
* TODO: extract state about keyboard sorting into KeyboardSortableListDirective
|
31
|
-
*/
|
32
|
-
this.isSortingByKeyboard = false;
|
33
|
-
this.keyboardItemBeingSorted = undefined;
|
34
|
-
this.allItemsData = [];
|
35
|
-
}
|
36
|
-
ngAfterContentInit() {
|
37
|
-
this.items$ = this._items.changes.pipe(startWith(this._items), map((items) => items.toArray()));
|
38
|
-
this.allItemsData$ = this.items$.pipe(map((itemComponents) => itemComponents.map((itemComponent) => itemComponent.item)));
|
39
|
-
}
|
40
|
-
ngAfterViewInit() {
|
41
|
-
this.keyboardSortableItems$ = this._keyboardSortableItems.changes.pipe(startWith(this._keyboardSortableItems), map((items) => items.toArray()));
|
42
|
-
}
|
43
|
-
emitContentChildAction(action) {
|
44
|
-
var _a;
|
45
|
-
(_a = this._items.find((itemComponent) => itemComponent.item === action.item)) === null || _a === void 0 ? void 0 : _a.action.emit(action);
|
46
|
-
}
|
47
|
-
/**
|
48
|
-
* From the Angular cdk drag and drop documentation:
|
49
|
-
* Note that this will not update your data model;
|
50
|
-
* you can listen to the cdkDropListDropped event to update the data model
|
51
|
-
* once the user finishes dragging.
|
52
|
-
* https://material.angular.io/cdk/drag-drop/overview
|
53
|
-
*
|
54
|
-
* You're supposed to update the data in the parent and pass the new items as input.
|
55
|
-
*/
|
56
|
-
drop(event) {
|
57
|
-
this.sortItems(event.container.data, event.item.data, event.previousIndex, event.currentIndex);
|
58
|
-
}
|
59
|
-
dropToIndexAfterArrowKey(item, previousIndex, currentIndex) {
|
60
|
-
if (this.isSortingByKeyboard) {
|
61
|
-
this.sortItems(this._items, item, previousIndex, currentIndex);
|
62
|
-
}
|
63
|
-
}
|
64
|
-
sortItems(items, item, previousIndex, currentIndex) {
|
65
|
-
moveItemInArray(items, previousIndex, currentIndex);
|
66
|
-
this.moveToIndex.emit({ index: currentIndex, previous: previousIndex });
|
67
|
-
this.moveItem.emit({ item, index: currentIndex });
|
68
|
-
}
|
69
|
-
trackByItem(_index, item) {
|
70
|
-
return item.item;
|
71
|
-
}
|
72
|
-
}
|
73
|
-
DragAndDropListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: DragAndDropListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
74
|
-
DragAndDropListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.4", type: DragAndDropListComponent, selector: "lx-drag-and-drop-list", inputs: { label: "label", labelFontWeight: "labelFontWeight", color: "color", fontSize: "fontSize" }, outputs: { moveToIndex: "moveToIndex", moveItem: "moveItem" }, host: { properties: { "attr.color": "this.color", "attr.fontSize": "this.fontSize" } }, queries: [{ propertyName: "_items", predicate: DragAndDropListItemComponent }], viewQueries: [{ propertyName: "_keyboardSortableItems", predicate: KeyboardSortableItemDirective, descendants: true }], ngImport: i0, template: "<label *ngIf=\"label\" [style.font-weight]=\"labelFontWeight\">{{ label }}</label>\n<p class=\"sr-only\">{{ NAME + '.helpTooltip' | translate }}</p>\n<ul\n cdkDropList\n class=\"list\"\n role=\"listbox\"\n lxKeyboardSortableList\n [keyboardSortableItems]=\"keyboardSortableItems$ | async\"\n [cdkDropListData]=\"items$ | async\"\n (cdkDropListDropped)=\"drop($event)\"\n>\n <li\n *ngFor=\"let itemComponent of items$ | async; trackBy: trackByItem\"\n #listItemParent\n class=\"item\"\n cdkDrag\n cdkDragLockAxis=\"y\"\n [cdkDragData]=\"itemComponent.item\"\n [cdkDragDisabled]=\"!itemComponent.draggable\"\n [class.dark]=\"color === 'dark'\"\n [class.big]=\"fontSize === 'big'\"\n [tabIndex]=\"itemComponent.draggable === false ? -1 : 0\"\n [lxKeyboardSortableItem]=\"allItemsData$ | async\"\n [lxKeyboardItemData]=\"itemComponent.item\"\n [(isSortingByKeyboard)]=\"isSortingByKeyboard\"\n [(lxKeyboardItemBeingSorted)]=\"keyboardItemBeingSorted\"\n (sortItemsWithKeyboard)=\"dropToIndexAfterArrowKey(itemComponent.item, $event.previousIndex, $event.currentIndex)\"\n >\n <lx-drag-and-drop-list-item\n class=\"dragAndDropItem\"\n [item]=\"itemComponent.item\"\n [draggable]=\"itemComponent.draggable\"\n [actions]=\"itemComponent.actions\"\n (action)=\"emitContentChildAction($event)\"\n >\n <ng-template *ngIf=\"itemComponent.customTemplateRef\" #customTemplate>\n <ng-container *ngTemplateOutlet=\"itemComponent.customTemplateRef\"></ng-container>\n </ng-template>\n </lx-drag-and-drop-list-item>\n </li>\n</ul>\n", styles: ["@-webkit-keyframes subtleScaleUpKeyFrames{0%{transform:scale(.95);opacity:0}}@keyframes subtleScaleUpKeyFrames{0%{transform:scale(.95);opacity:0}}:host{display:block}.list{list-style-type:none;width:100%;display:block;padding:0;color:#526179}.item.cdk-drag-disabled{background:#eaedf1;cursor:default}.item{position:relative;cursor:move;border:1px solid #99a5bb;margin-bottom:4px;border-radius:3px}.item:focus{outline:1px auto #1666ee}.cdk-drag-preview{box-sizing:border-box;border-radius:3px;list-style:none;border:1px solid #99a5bb!important;box-shadow:0 3px 4px hsla(0,0%,45%,.3)}.cdk-drag-placeholder{opacity:.5}.cdk-drag-placeholder i{opacity:0}.cdk-drag-animating,.list.cdk-drop-list-dragging .item:not(.cdk-drag-placeholder){transition:transform .18s;transition-delay:0s;transition-timing-function:ease}:host[color=dark] lx-drag-and-drop-list-item{background-color:#f0f2f5;color:#526179;border-radius:3px}:host[color=dark] .item,:host[color=dark] .list{border:0}:host[color=dark] .item.cdk-drag-disabled lx-drag-and-drop-list-item{background:#fff;color:#99a5bb;border:1px solid #99a5bb}:host[fontSize=big] .item{text-transform:uppercase;font-weight:700}.cdk-drag-preview.dark{border:0!important}.cdk-drag-preview.dark lx-drag-and-drop-list-item{background-color:#f0f2f5;color:#526179;border-radius:3px}.cdk-drag-preview.big{text-transform:uppercase;font-weight:700}.isBeingSortedByKeyboard{box-shadow:0 6px 24px 0 #b2bccc;z-index:1}"], components: [{ type: i1.DragAndDropListItemComponent, selector: "lx-drag-and-drop-list-item", inputs: ["item", "draggable", "actions"], outputs: ["action"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "id", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListAutoScrollDisabled", "cdkDropListOrientation", "cdkDropListLockAxis", "cdkDropListData", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { type: i4.KeyboardSortableListDirective, selector: "[lxKeyboardSortableList]", inputs: ["keyboardSortableItems"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragDisabled", "cdkDragStartDelay", "cdkDragLockAxis", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragBoundary", "cdkDragRootElement", "cdkDragPreviewContainer", "cdkDragData", "cdkDragFreeDragPosition"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { type: i5.KeyboardSortableItemDirective, selector: "[lxKeyboardSortableItem]", inputs: ["lxKeyboardSortableItem", "lxKeyboardItemData", "isSortingByKeyboard", "lxKeyboardItemBeingSorted"], outputs: ["isSortingByKeyboardChange", "lxKeyboardItemBeingSortedChange", "sortItemsWithKeyboard", "focusWithKeyboard"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "translate": i6.TranslatePipe, "async": i2.AsyncPipe } });
|
75
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: DragAndDropListComponent, decorators: [{
|
76
|
-
type: Component,
|
77
|
-
args: [{
|
78
|
-
selector: 'lx-drag-and-drop-list',
|
79
|
-
templateUrl: 'drag-and-drop-list.component.html',
|
80
|
-
styleUrls: ['drag-and-drop-list.component.scss']
|
81
|
-
}]
|
82
|
-
}], propDecorators: { label: [{
|
83
|
-
type: Input
|
84
|
-
}], labelFontWeight: [{
|
85
|
-
type: Input
|
86
|
-
}], color: [{
|
87
|
-
type: Input
|
88
|
-
}, {
|
89
|
-
type: HostBinding,
|
90
|
-
args: ['attr.color']
|
91
|
-
}], fontSize: [{
|
92
|
-
type: Input
|
93
|
-
}, {
|
94
|
-
type: HostBinding,
|
95
|
-
args: ['attr.fontSize']
|
96
|
-
}], moveToIndex: [{
|
97
|
-
type: Output
|
98
|
-
}], moveItem: [{
|
99
|
-
type: Output
|
100
|
-
}], _items: [{
|
101
|
-
type: ContentChildren,
|
102
|
-
args: [DragAndDropListItemComponent]
|
103
|
-
}], _keyboardSortableItems: [{
|
104
|
-
type: ViewChildren,
|
105
|
-
args: [KeyboardSortableItemDirective]
|
106
|
-
}] } });
|
107
|
-
//# sourceMappingURL=../../../../../../../../libs/components/src/lib/forms-ui/components/drag-and-drop-list/drag-and-drop-list.component.js.map
|