@leanix/components 0.2.228 → 0.2.231
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} +453 -638
- package/fesm2015/leanix-components.mjs.map +1 -0
- package/fesm2020/leanix-components.mjs +6207 -0
- package/fesm2020/leanix-components.mjs.map +1 -0
- package/lib/core-ui/functions/core-css.helpers.d.ts +7 -0
- package/package.json +23 -9
- package/bundles/leanix-components.umd.js +0 -7352
- 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 -23
- 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,279 +0,0 @@
|
|
1
|
-
import { Component, ContentChild, EventEmitter, forwardRef, Input, Output, TemplateRef, ViewChild } from '@angular/core';
|
2
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
3
|
-
import { get, includes, isEqual } from 'lodash/fp';
|
4
|
-
import { fromEvent, Subject } from 'rxjs';
|
5
|
-
import { distinctUntilChanged, filter, map, takeUntil, tap } from 'rxjs/operators';
|
6
|
-
import { SelectDropdownDirective } from '../../directives/select-dropdown.directive';
|
7
|
-
import { SelectedOptionDirective } from '../../directives/selected-option.directive';
|
8
|
-
import { ARROW_LEFT, ARROW_RIGHT, BACKSPACE, ESCAPE, TAB } from '../../helpers/key-codes.constants';
|
9
|
-
import { getKeyboardNavigationEvents } from '../../helpers/keyboard-navigation.helpers';
|
10
|
-
import { BaseSelectDirective } from '../../models/base-select.directive';
|
11
|
-
import { BasicDropdownComponent } from '../basic-dropdown/basic-dropdown.component';
|
12
|
-
import { KeyboardSelectAction } from '../keyboard-select.directive';
|
13
|
-
import * as i0 from "@angular/core";
|
14
|
-
import * as i1 from "@angular/common";
|
15
|
-
import * as i2 from "../../directives/mark-invalid.directive";
|
16
|
-
import * as i3 from "@angular/forms";
|
17
|
-
export class SingleSelectComponent extends BaseSelectDirective {
|
18
|
-
constructor(cd) {
|
19
|
-
super();
|
20
|
-
this.cd = cd;
|
21
|
-
this.selectionBackground = 'white';
|
22
|
-
this.size = 'default';
|
23
|
-
this.dropdownWidthScale = '1x';
|
24
|
-
this.padding = 'default';
|
25
|
-
this.selectionChange = new EventEmitter();
|
26
|
-
this.blur = new EventEmitter();
|
27
|
-
this.allowClear = true;
|
28
|
-
this.tabIndex = 0;
|
29
|
-
this.markInvalid = false;
|
30
|
-
this.destroyed$ = new Subject();
|
31
|
-
}
|
32
|
-
static calculateNewCursorPostionOnKeyboardNavigation(cursorPosition, keyCode) {
|
33
|
-
switch (keyCode) {
|
34
|
-
case ARROW_LEFT:
|
35
|
-
cursorPosition--;
|
36
|
-
break;
|
37
|
-
case ARROW_RIGHT:
|
38
|
-
cursorPosition++;
|
39
|
-
break;
|
40
|
-
}
|
41
|
-
return cursorPosition;
|
42
|
-
}
|
43
|
-
static getKeyboardSelectAction(cursorPosition, keyCode) {
|
44
|
-
if (cursorPosition <= -1 && keyCode === ARROW_RIGHT) {
|
45
|
-
return KeyboardSelectAction.NEXT;
|
46
|
-
}
|
47
|
-
if (cursorPosition === -1 && keyCode === ARROW_LEFT) {
|
48
|
-
return KeyboardSelectAction.LAST;
|
49
|
-
}
|
50
|
-
if (cursorPosition < -1 && keyCode === ARROW_LEFT) {
|
51
|
-
return KeyboardSelectAction.PREV;
|
52
|
-
}
|
53
|
-
if (cursorPosition <= -1 && keyCode === BACKSPACE) {
|
54
|
-
return KeyboardSelectAction.EXECUTE;
|
55
|
-
}
|
56
|
-
return undefined;
|
57
|
-
}
|
58
|
-
get selectedOptionTmpl() {
|
59
|
-
return this.explicitSelectedOption || this.implicitSelectedOption;
|
60
|
-
}
|
61
|
-
get dropdownTmpl() {
|
62
|
-
return this.explicitDropdown || this.implicitDropdown;
|
63
|
-
}
|
64
|
-
get cursorStyle() {
|
65
|
-
if (this.disabled) {
|
66
|
-
return 'default';
|
67
|
-
}
|
68
|
-
else if (this.allowQuery) {
|
69
|
-
return 'text';
|
70
|
-
}
|
71
|
-
else {
|
72
|
-
return 'pointer';
|
73
|
-
}
|
74
|
-
}
|
75
|
-
get dropdownWidth() {
|
76
|
-
switch (this.dropdownWidthScale) {
|
77
|
-
case '1x':
|
78
|
-
return undefined;
|
79
|
-
case '1.5x':
|
80
|
-
return '150%';
|
81
|
-
case '2x':
|
82
|
-
return '200%';
|
83
|
-
}
|
84
|
-
}
|
85
|
-
resetInput() {
|
86
|
-
this.queryControl.reset('', { emitEvent: false });
|
87
|
-
}
|
88
|
-
focus() {
|
89
|
-
this.queryInput.nativeElement.focus();
|
90
|
-
}
|
91
|
-
focusAndOpen() {
|
92
|
-
this.queryInput.nativeElement.focus();
|
93
|
-
this.open.next(true);
|
94
|
-
}
|
95
|
-
ngOnDestroy() {
|
96
|
-
super.ngOnDestroy();
|
97
|
-
this.destroyed$.next();
|
98
|
-
}
|
99
|
-
ngAfterViewInit() {
|
100
|
-
super.ngAfterViewInit();
|
101
|
-
this.open
|
102
|
-
.pipe(distinctUntilChanged(), filter((open) => open && !!this.dropdownComponent), map(() => this.selection), takeUntil(this.destroyed$))
|
103
|
-
.subscribe((selection) => {
|
104
|
-
if (selection) {
|
105
|
-
const index = this.determineHighlightIndex(this.dropdownComponent.options, selection, this.dropdownComponent.itemKey);
|
106
|
-
if (index > -1) {
|
107
|
-
this.dropdownComponent.select(index);
|
108
|
-
}
|
109
|
-
else {
|
110
|
-
this.selectFirstOption();
|
111
|
-
}
|
112
|
-
}
|
113
|
-
else {
|
114
|
-
this.selectFirstOption();
|
115
|
-
}
|
116
|
-
});
|
117
|
-
// keyboard event handling
|
118
|
-
const sourceElement = this.queryInput.nativeElement;
|
119
|
-
// handle keyboard navigation for the selection
|
120
|
-
fromEvent(sourceElement, 'keydown')
|
121
|
-
.pipe(map((event) => this.mapToEventSet(event, sourceElement, this.virtualCursorPosition)), tap((eventSet) => {
|
122
|
-
if (!this.allowQuery && eventSet.event.keyCode !== BACKSPACE) {
|
123
|
-
if (eventSet.event.keyCode !== TAB) {
|
124
|
-
// if querying is disabled, only the tab key press event will be propagated, so that you can still defocus.
|
125
|
-
eventSet.event.preventDefault();
|
126
|
-
}
|
127
|
-
return;
|
128
|
-
}
|
129
|
-
if (eventSet.virtualCursorPosition === 0 &&
|
130
|
-
eventSet.inputCursorPosition === 0 &&
|
131
|
-
eventSet.event.keyCode === BACKSPACE &&
|
132
|
-
this.selection &&
|
133
|
-
this.allowClear) {
|
134
|
-
this.removeSelection();
|
135
|
-
eventSet.inputCursorPosition = undefined; // set to null to prevent continuing in the stream
|
136
|
-
}
|
137
|
-
if (typeof eventSet.inputCursorPosition === 'number' && eventSet.inputCursorPosition > 0) {
|
138
|
-
this.virtualCursorPosition = 0;
|
139
|
-
}
|
140
|
-
else if (eventSet.virtualCursorPosition === -1 && eventSet.event.keyCode === ARROW_RIGHT) {
|
141
|
-
eventSet.event.preventDefault();
|
142
|
-
this.selectionKeyboardSelectAction$.next(KeyboardSelectAction.UNSELECT);
|
143
|
-
this.virtualCursorPosition = 0;
|
144
|
-
eventSet.inputCursorPosition = undefined; // set to null to prevent continuing in the stream
|
145
|
-
}
|
146
|
-
}), filter((eventSet) => this.allowQuery && eventSet.inputCursorPosition === 0), map((eventSet) => eventSet.event), filter((event) => includes(event.keyCode, [ARROW_RIGHT, ARROW_LEFT, BACKSPACE])), map((event) => {
|
147
|
-
this.virtualCursorPosition = SingleSelectComponent.calculateNewCursorPostionOnKeyboardNavigation(this.virtualCursorPosition, event.keyCode);
|
148
|
-
return {
|
149
|
-
cursorPosition: this.virtualCursorPosition,
|
150
|
-
event
|
151
|
-
};
|
152
|
-
}), map((positionSet) => {
|
153
|
-
const action = SingleSelectComponent.getKeyboardSelectAction(positionSet.cursorPosition, positionSet.event.keyCode);
|
154
|
-
if (action === KeyboardSelectAction.NEXT) {
|
155
|
-
// prevent cursor from moving in the input field, while we are still in the selection items
|
156
|
-
positionSet.event.preventDefault();
|
157
|
-
}
|
158
|
-
return action;
|
159
|
-
}), takeUntil(this.destroyed$))
|
160
|
-
.subscribe(this.selectionKeyboardSelectAction$);
|
161
|
-
const keyboardEvents = getKeyboardNavigationEvents(sourceElement, this.destroyed$);
|
162
|
-
keyboardEvents.verticalNavigation$.subscribe((event) => {
|
163
|
-
event.preventDefault();
|
164
|
-
});
|
165
|
-
keyboardEvents.close$.subscribe((event) => {
|
166
|
-
if (event.keyCode === ESCAPE && this.dropdownOpen) {
|
167
|
-
event.preventDefault();
|
168
|
-
event.stopImmediatePropagation();
|
169
|
-
}
|
170
|
-
this.open.next(false);
|
171
|
-
});
|
172
|
-
keyboardEvents.dropdownKeyboardEvent$.subscribe(this.optionsKeyboardSelectAction$);
|
173
|
-
keyboardEvents.enter$.subscribe(() => this.open.next(!this.dropdownOpen));
|
174
|
-
keyboardEvents.space$.pipe(filter(() => !this.allowQuery)).subscribe(() => {
|
175
|
-
if (this.dropdownOpen) {
|
176
|
-
this.optionsKeyboardSelectAction$.next(KeyboardSelectAction.EXECUTE);
|
177
|
-
}
|
178
|
-
this.open.next(!this.dropdownOpen);
|
179
|
-
});
|
180
|
-
keyboardEvents.openOnArrowDown$.subscribe(() => this.open.next(true));
|
181
|
-
}
|
182
|
-
selectOption(option) {
|
183
|
-
this.selection = option;
|
184
|
-
this.selectionChange.emit(option);
|
185
|
-
this.propagateChange(option);
|
186
|
-
this.resetSelectState();
|
187
|
-
// This timeout makes sure that the dropdown will be closed at the end
|
188
|
-
// of all the callbacks in the open subscriptions.
|
189
|
-
setTimeout(() => {
|
190
|
-
this.open.next(false);
|
191
|
-
});
|
192
|
-
}
|
193
|
-
removeSelection() {
|
194
|
-
this.selection = null;
|
195
|
-
this.cd.markForCheck();
|
196
|
-
this.cd.detectChanges();
|
197
|
-
this.selectionChange.emit(this.selection);
|
198
|
-
this.propagateChange(this.selection);
|
199
|
-
this.resetSelectState();
|
200
|
-
}
|
201
|
-
propagateChange(_value) { }
|
202
|
-
writeValue(newSelection) {
|
203
|
-
this.selection = newSelection;
|
204
|
-
}
|
205
|
-
setDisabledState(isDisabled) {
|
206
|
-
this.disabled = isDisabled;
|
207
|
-
}
|
208
|
-
registerOnChange(fn) {
|
209
|
-
this.propagateChange = fn;
|
210
|
-
}
|
211
|
-
registerOnTouched(_fn) { }
|
212
|
-
determineHighlightIndex(options, selection, itemKey) {
|
213
|
-
return itemKey
|
214
|
-
? options.findIndex((option) => isEqual(get(itemKey, selection), get(itemKey, option)) || isEqual(selection, get(itemKey, option)))
|
215
|
-
: options.findIndex((option) => isEqual(selection, option));
|
216
|
-
}
|
217
|
-
}
|
218
|
-
SingleSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: SingleSelectComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
219
|
-
SingleSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.4", type: SingleSelectComponent, selector: "lx-single-select", inputs: { selection: "selection", selectionBackground: "selectionBackground", size: "size", dropdownWidthScale: "dropdownWidthScale", padding: "padding", allowClear: "allowClear", tabIndex: "tabIndex", markInvalid: "markInvalid" }, outputs: { selectionChange: "selectionChange", blur: "blur" }, providers: [
|
220
|
-
{
|
221
|
-
provide: NG_VALUE_ACCESSOR,
|
222
|
-
multi: true,
|
223
|
-
useExisting: forwardRef(() => SingleSelectComponent)
|
224
|
-
}
|
225
|
-
], queries: [{ propertyName: "explicitDropdown", first: true, predicate: SelectDropdownDirective, descendants: true, read: TemplateRef, static: true }, { propertyName: "explicitSelectedOption", first: true, predicate: SelectedOptionDirective, descendants: true, read: TemplateRef, static: true }, { propertyName: "dropdownComponent", first: true, predicate: BasicDropdownComponent, descendants: true }], viewQueries: [{ propertyName: "implicitSelectedOption", first: true, predicate: ["selectedOption"], descendants: true, static: true }, { propertyName: "implicitDropdown", first: true, predicate: ["dropdown"], descendants: true, static: true }, { propertyName: "queryInput", first: true, predicate: ["queryInput"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"dropdownOpen\" class=\"backdrop\" (click)=\"handleBackdropClick($event)\"></div>\n<div\n [lxMarkInvalid]=\"markInvalid\"\n class=\"selectContainer {{ padding }}Padding\"\n [class.open]=\"dropdownOpen\"\n [class.top]=\"(dropdownDirection$ | async) === 'TOP'\"\n [class.bottom]=\"(dropdownDirection$ | async) === 'BOTTOM'\"\n [class.disabled]=\"disabled\"\n [class.grayBackground]=\"selectionBackground === 'gray'\"\n [class.defaultSize]=\"size === 'default'\"\n [class.smallSize]=\"size === 'small'\"\n [class.select2Size]=\"size === 'select2'\"\n [class.largeSize]=\"size === 'large'\"\n [style.cursor]=\"cursorStyle\"\n [class.focused]=\"isInputFocused\"\n (click)=\"handleClick($event.target === toggle)\"\n>\n <div class=\"selectionContainer\">\n <div class=\"inputContainer\">\n <div *ngIf=\"!selection && !queryInput?.value\" class=\"placeholder\" [attr.title]=\"placeholder\">\n {{ placeholder }}\n </div>\n <div\n *ngIf=\"!allowQuery || !queryInput?.value\"\n class=\"selection\"\n [class.lowerOpacity]=\"allowQuery && !queryInput?.value && dropdownOpen\"\n [class.lightgrayColor]=\"!allowQuery && dropdownOpen\"\n (click)=\"$event.stopPropagation(); focus()\"\n >\n <ng-container *ngTemplateOutlet=\"selectedOptionTmpl\"></ng-container>\n </div>\n <input\n #queryInput\n class=\"queryInput\"\n type=\"text\"\n [class.isHidden]=\"!allowQuery\"\n (keydown.enter)=\"$event.preventDefault()\"\n (focus)=\"isInputFocused = true\"\n (blur)=\"isInputFocused = false; blur.emit()\"\n [tabIndex]=\"disabled ? -1 : tabIndex\"\n [formControl]=\"queryControl\"\n [readOnly]=\"!allowQuery\"\n />\n </div>\n <div class=\"iconContainer\">\n <i *ngIf=\"selection && allowClear\" class=\"far fa-times\" (click)=\"!disabled && removeSelection()\"></i>\n <i #toggle class=\"fas fa-angle-down\" aria-hidden=\"true\"></i>\n </div>\n </div>\n <div class=\"optionsContainer\" [style.width]=\"dropdownWidth\" #optionsContainer>\n <ng-container *ngIf=\"dropdownOpen\">\n <ng-container *ngTemplateOutlet=\"dropdownTmpl\"></ng-container>\n </ng-container>\n </div>\n</div>\n\n<ng-template #selectedOption>\n <ng-content select=\".selectedOption\"></ng-content>\n</ng-template>\n<ng-template #dropdown>\n <ng-content select=\".dropdownComponent\"></ng-content>\n</ng-template>\n", styles: [":host ::ng-deep .selectedOption{overflow:hidden;text-overflow:ellipsis}.selectContainer{position:relative;height:auto;padding:0;box-sizing:border-box;background:#fff;border:1px solid #99a5bb;box-shadow:inset 0 1px 1px rgba(0,0,0,.07);border-radius:3px}.selectContainer.grayBackground{background:#eaedf1;border-color:#eaedf1;box-shadow:none}.selectContainer.open{z-index:1052;background:#fff;border:1px solid #e1e5eb}.selectContainer.open.bottom{box-shadow:0 6px 6px 0 rgba(33,37,41,.2);border-bottom-color:#fff;border-bottom-left-radius:0;border-bottom-right-radius:0}.selectContainer.open.bottom .optionsContainer{box-shadow:0 6px 6px 0 rgba(33,37,41,.2);top:100%;border:1px solid #e1e5eb;border-top:0;border-top-left-radius:0;border-top-right-radius:0}.selectContainer.open.top{box-shadow:0 -4px 6px 0 rgba(33,37,41,.2);border-top:0;border-top-left-radius:0;border-top-right-radius:0}.selectContainer.open.top .optionsContainer{border-left:1px solid #e1e5eb;border-right:1px solid #e1e5eb;box-shadow:0 -4px 6px 0 rgba(33,37,41,.2);margin-bottom:0;border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;top:none;bottom:100%}.selectContainer:not(.open).focused{outline:0;border:1px solid #59f}.selectContainer.disabled{background-color:#eaedf1;cursor:not-allowed!important}.selectContainer.defaultPadding .selectionContainer{padding-left:12px}.selectContainer.narrowPadding .selectionContainer{padding-left:4px}.selectContainer .lightgrayColor{color:#8594ad}.selectionContainer{display:flex}.inputContainer{flex:1;position:relative;white-space:nowrap}.queryInput{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding-left:0;background:transparent;position:relative;cursor:inherit}.queryInput::-ms-clear{display:none}.queryInput:focus{outline:0}.queryInput.isHidden{opacity:0}.placeholder{position:absolute;width:100%;text-align:left;color:#8594ad;overflow:hidden;word-break:break-all;white-space:nowrap;text-overflow:ellipsis}.iconContainer{display:flex;align-items:center;text-align:center}.iconContainer .far,.iconContainer .fas{width:10px;cursor:pointer}.disabled .iconContainer .far,.disabled .iconContainer .fas{cursor:inherit}.iconContainer .fa-angle-down{margin:0 12px}.iconContainer .fa-times{margin-left:4px}.selection{width:100%;position:absolute;display:flex;align-items:center}.selection.lowerOpacity{opacity:.7}.backdrop{position:fixed;top:0;bottom:0;left:0;right:0;z-index:1051}.optionsContainer{position:absolute;left:-1px;right:-1px;padding:0;border-radius:3px;background:#fff;z-index:1001}.defaultSize .iconContainer,.defaultSize .inputContainer,.defaultSize .queryInput,.defaultSize .selection{height:29px}.defaultSize .inputContainer{line-height:29px}.defaultSize .selectionContainer{min-height:29px}.smallSize .iconContainer,.smallSize .inputContainer,.smallSize .queryInput,.smallSize .selection{height:22px}.smallSize .inputContainer{line-height:22px}.smallSize .selectionContainer{min-height:22px}.select2Size .iconContainer,.select2Size .inputContainer,.select2Size .queryInput,.select2Size .selection{height:26px}.select2Size .inputContainer{line-height:26px}.select2Size .selectionContainer{min-height:26px}.largeSize .iconContainer,.largeSize .inputContainer,.largeSize .queryInput,.largeSize .selection{height:40px}.largeSize .inputContainer{line-height:40px}.largeSize .selectionContainer{min-height:40px}"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.MarkInvalidDirective, selector: "[lxMarkInvalid]", inputs: ["lxMarkInvalid"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { 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.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], pipes: { "async": i1.AsyncPipe } });
|
226
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: SingleSelectComponent, decorators: [{
|
227
|
-
type: Component,
|
228
|
-
args: [{
|
229
|
-
selector: 'lx-single-select',
|
230
|
-
templateUrl: 'single-select.component.html',
|
231
|
-
styleUrls: ['single-select.component.scss'],
|
232
|
-
providers: [
|
233
|
-
{
|
234
|
-
provide: NG_VALUE_ACCESSOR,
|
235
|
-
multi: true,
|
236
|
-
useExisting: forwardRef(() => SingleSelectComponent)
|
237
|
-
}
|
238
|
-
]
|
239
|
-
}]
|
240
|
-
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { selection: [{
|
241
|
-
type: Input
|
242
|
-
}], selectionBackground: [{
|
243
|
-
type: Input
|
244
|
-
}], size: [{
|
245
|
-
type: Input
|
246
|
-
}], dropdownWidthScale: [{
|
247
|
-
type: Input
|
248
|
-
}], padding: [{
|
249
|
-
type: Input
|
250
|
-
}], selectionChange: [{
|
251
|
-
type: Output
|
252
|
-
}], blur: [{
|
253
|
-
type: Output
|
254
|
-
}], explicitDropdown: [{
|
255
|
-
type: ContentChild,
|
256
|
-
args: [SelectDropdownDirective, { read: TemplateRef, static: true }]
|
257
|
-
}], explicitSelectedOption: [{
|
258
|
-
type: ContentChild,
|
259
|
-
args: [SelectedOptionDirective, { read: TemplateRef, static: true }]
|
260
|
-
}], dropdownComponent: [{
|
261
|
-
type: ContentChild,
|
262
|
-
args: [BasicDropdownComponent, { static: false }]
|
263
|
-
}], implicitSelectedOption: [{
|
264
|
-
type: ViewChild,
|
265
|
-
args: ['selectedOption', { static: true }]
|
266
|
-
}], implicitDropdown: [{
|
267
|
-
type: ViewChild,
|
268
|
-
args: ['dropdown', { static: true }]
|
269
|
-
}], allowClear: [{
|
270
|
-
type: Input
|
271
|
-
}], tabIndex: [{
|
272
|
-
type: Input
|
273
|
-
}], markInvalid: [{
|
274
|
-
type: Input
|
275
|
-
}], queryInput: [{
|
276
|
-
type: ViewChild,
|
277
|
-
args: ['queryInput', { static: true }]
|
278
|
-
}] } });
|
279
|
-
//# sourceMappingURL=../../../../../../../../libs/components/src/lib/forms-ui/components/single-select/single-select.component.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"single-select.component.js","sourceRoot":"","sources":["single-select.component.ts","single-select.component.html"],"names":[],"mappings":"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"}
|
@@ -1,47 +0,0 @@
|
|
1
|
-
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
import * as i1 from "@angular/common";
|
4
|
-
export class SliderToggleComponent {
|
5
|
-
constructor() {
|
6
|
-
this.size = 'small';
|
7
|
-
this.disabled = false;
|
8
|
-
this.labelInFront = true;
|
9
|
-
this.toggle = new EventEmitter();
|
10
|
-
}
|
11
|
-
onToggle() {
|
12
|
-
this.toggle.emit(!this.value);
|
13
|
-
}
|
14
|
-
get id() {
|
15
|
-
return this.elementId ? `tour${this.elementId}` : null;
|
16
|
-
}
|
17
|
-
focus(checkbox) {
|
18
|
-
// without a delay the checkbox will not be focused again
|
19
|
-
setTimeout(() => checkbox.focus(), 150);
|
20
|
-
}
|
21
|
-
}
|
22
|
-
SliderToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: SliderToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
23
|
-
SliderToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.4", type: SliderToggleComponent, selector: "lx-slider-toggle", inputs: { value: "value", size: "size", disabled: "disabled", label: "label", labelInFront: "labelInFront", elementId: "elementId" }, outputs: { toggle: "toggle" }, ngImport: i0, template: "<div\n class=\"wrapper\"\n [class.withLabel]=\"label\"\n [class.withLabelBehind]=\"label && !labelInFront\"\n [class.disabled]=\"disabled\"\n [attr.id]=\"id\"\n [class.small]=\"size === 'small'\"\n>\n <span *ngIf=\"label\" class=\"labelText\" [class.off]=\"!value\">{{ label }}</span>\n <label class=\"checkbox\" [class.small]=\"size === 'small'\">\n <input\n #inputRef\n type=\"checkbox\"\n [checked]=\"value\"\n [disabled]=\"disabled\"\n (click)=\"inputRef.blur()\"\n (change)=\"onToggle()\"\n (keydown.space)=\"focus(inputRef)\"\n (keydown.enter)=\"onToggle()\"\n />\n <span class=\"slider\"></span>\n </label>\n</div>\n", styles: [":host{display:block}.wrapper{display:inline-block}.wrapper.withLabel{display:block}.wrapper.withLabel .checkbox{float:right;margin-top:1px}.wrapper.withLabelBehind .checkbox{float:left;margin-right:2px}.disabled{opacity:.5}.disabled .slider{cursor:default}.checkbox{position:relative;display:inline-block;margin:0}.labelText{color:#2a303d}.labelText.off{color:#526179}input{opacity:0;width:0;height:0;margin:0;padding:0}.small.checkbox{width:22px;height:14px}.small.wrapper:not(.withLabel){height:14px}.small .labelText{font-size:12px}.small .slider{border-radius:7px}.small .slider:before{height:12px;width:12px;left:1px;bottom:1px}.small input:checked+.slider:before{transform:translateX(8px)}input:focus+.slider:before{box-shadow:0 0 0 6px rgba(0,0,0,.2);transition:box-shadow .2s ease}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#b2bccc}.slider,.slider:before{position:absolute;transition:transform .2s}.slider:before{content:\"\";border-radius:50%;background-color:#fff}input:checked+.slider{background-color:#33cc58}"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: SliderToggleComponent, decorators: [{
|
25
|
-
type: Component,
|
26
|
-
args: [{
|
27
|
-
selector: 'lx-slider-toggle',
|
28
|
-
templateUrl: 'slider-toggle.component.html',
|
29
|
-
styleUrls: ['./slider-toggle.component.scss'],
|
30
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
31
|
-
}]
|
32
|
-
}], propDecorators: { value: [{
|
33
|
-
type: Input
|
34
|
-
}], size: [{
|
35
|
-
type: Input
|
36
|
-
}], disabled: [{
|
37
|
-
type: Input
|
38
|
-
}], label: [{
|
39
|
-
type: Input
|
40
|
-
}], labelInFront: [{
|
41
|
-
type: Input
|
42
|
-
}], elementId: [{
|
43
|
-
type: Input
|
44
|
-
}], toggle: [{
|
45
|
-
type: Output
|
46
|
-
}] } });
|
47
|
-
//# sourceMappingURL=../../../../../../../../libs/components/src/lib/forms-ui/components/slider-toggle/slider-toggle.component.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"slider-toggle.component.js","sourceRoot":"","sources":["slider-toggle.component.ts","slider-toggle.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;;AAQhG,MAAM,OAAO,qBAAqB;IANlC;QAQkB,SAAI,GAAY,OAAO,CAAC;QACxB,aAAQ,GAAG,KAAK,CAAC;QAEjB,iBAAY,GAAG,IAAI,CAAC;QAEnB,WAAM,GAAG,IAAI,YAAY,EAAW,CAAC;KAcvD;IAZC,QAAQ;QACN,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC;IAED,IAAI,EAAE;QACJ,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACzD,CAAC;IAED,KAAK,CAAC,QAA0B;QAC9B,yDAAyD;QACzD,UAAU,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,EAAE,EAAE,GAAG,CAAC,CAAC;IAC1C,CAAC;;kHApBU,qBAAqB;sGAArB,qBAAqB,6NCRlC,2qBAuBA;2FDfa,qBAAqB;kBANjC,SAAS;mBAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,WAAW,EAAE,8BAA8B;oBAC3C,SAAS,EAAE,CAAC,gCAAgC,CAAC;oBAC7C,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;8BAEiB,KAAK;sBAApB,KAAK;gBACU,IAAI;sBAAnB,KAAK;gBACU,QAAQ;sBAAvB,KAAK;gBACU,KAAK;sBAApB,KAAK;gBACU,YAAY;sBAA3B,KAAK;gBACU,SAAS;sBAAxB,KAAK;gBACW,MAAM;sBAAtB,MAAM"}
|
@@ -1,56 +0,0 @@
|
|
1
|
-
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
import * as i1 from "../options-dropdown/options-dropdown.component";
|
4
|
-
import * as i2 from "../sorting-dropdown-trigger/sorting-dropdown-trigger.component";
|
5
|
-
import * as i3 from "../option-group/option-group.component";
|
6
|
-
import * as i4 from "../option/option.component";
|
7
|
-
import * as i5 from "@angular/common";
|
8
|
-
import * as i6 from "../../directives/keyboard-action-source.directive";
|
9
|
-
import * as i7 from "@ngx-translate/core";
|
10
|
-
export class SortingDropdownComponent {
|
11
|
-
constructor() {
|
12
|
-
this.sortingOptions = [];
|
13
|
-
this.apply = new EventEmitter();
|
14
|
-
this.NAME = 'SortingDropdownComponent';
|
15
|
-
this.sortingDirections = ['asc', 'desc'];
|
16
|
-
}
|
17
|
-
ngOnInit() {
|
18
|
-
if (!this.currentSorting) {
|
19
|
-
this.currentSorting = this.sortingOptions[0] ? { key: this.sortingOptions[0].key, order: this.sortingOptions[0].order } : null;
|
20
|
-
}
|
21
|
-
}
|
22
|
-
applySortingMode(sort) {
|
23
|
-
this.apply.emit({
|
24
|
-
key: sort.key,
|
25
|
-
order: sort.order
|
26
|
-
});
|
27
|
-
}
|
28
|
-
applySortingDirection(sortDirection) {
|
29
|
-
if (this.currentSorting) {
|
30
|
-
this.apply.emit({
|
31
|
-
key: this.currentSorting.key,
|
32
|
-
order: sortDirection
|
33
|
-
});
|
34
|
-
}
|
35
|
-
}
|
36
|
-
getSortLabel(key) {
|
37
|
-
return key ? `sorting.${key}.label` : '';
|
38
|
-
}
|
39
|
-
}
|
40
|
-
SortingDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: SortingDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
41
|
-
SortingDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.4", type: SortingDropdownComponent, selector: "lx-sorting-dropdown", inputs: { currentSorting: "currentSorting", sortingOptions: "sortingOptions" }, outputs: { apply: "apply" }, ngImport: i0, template: "<lx-options-dropdown *ngIf=\"currentSorting\">\n <lx-sorting-dropdown-trigger\n lxKeyboardActionSource\n [label]=\"NAME + '.sortBy' | translate\"\n [currentSortingLabel]=\"getSortLabel(currentSorting?.key) | translate\"\n >\n </lx-sorting-dropdown-trigger>\n <lx-option-group (select)=\"applySortingMode($event)\">\n <lx-option *ngFor=\"let option of sortingOptions\" [value]=\"option\" [selected]=\"option.key === currentSorting?.key\">\n {{ getSortLabel(option?.key) | translate }}\n </lx-option>\n </lx-option-group>\n <lx-option-group (select)=\"applySortingDirection($event)\">\n <lx-option *ngFor=\"let sortDirection of sortingDirections\" [value]=\"sortDirection\" [selected]=\"sortDirection === currentSorting?.order\">\n {{ 'sorting.' + currentSorting?.key + '.' + sortDirection | translate }}\n </lx-option>\n </lx-option-group>\n</lx-options-dropdown>\n", styles: [""], components: [{ type: i1.OptionsDropdownComponent, selector: "lx-options-dropdown", inputs: ["align", "closeOnScroll", "disabled", "maxHeight", "closeOnSelect"] }, { type: i2.SortingDropdownTriggerComponent, selector: "lx-sorting-dropdown-trigger", inputs: ["label", "currentSortingLabel", "disabled"] }, { type: i3.OptionGroupComponent, selector: "lx-option-group", inputs: ["hasSelectedState", "label"], outputs: ["select"] }, { type: i4.OptionComponent, selector: "lx-option", inputs: ["selected", "isHighlighted", "disabled", "value", "hasSelectedState"], outputs: ["select", "highlight", "selectedClick"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.KeyboardActionSourceDirective, selector: "[lxKeyboardActionSource]", exportAs: ["keyboardActionSource"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": i7.TranslatePipe } });
|
42
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: SortingDropdownComponent, decorators: [{
|
43
|
-
type: Component,
|
44
|
-
args: [{
|
45
|
-
selector: 'lx-sorting-dropdown',
|
46
|
-
templateUrl: 'sorting-dropdown.component.html',
|
47
|
-
styleUrls: ['sorting-dropdown.component.scss']
|
48
|
-
}]
|
49
|
-
}], propDecorators: { currentSorting: [{
|
50
|
-
type: Input
|
51
|
-
}], sortingOptions: [{
|
52
|
-
type: Input
|
53
|
-
}], apply: [{
|
54
|
-
type: Output
|
55
|
-
}] } });
|
56
|
-
//# sourceMappingURL=../../../../../../../../libs/components/src/lib/forms-ui/components/sorting-dropdown/sorting-dropdown.component.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"sorting-dropdown.component.js","sourceRoot":"","sources":["sorting-dropdown.component.ts","sorting-dropdown.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAU,MAAM,EAAE,MAAM,eAAe,CAAC;;;;;;;;;AAQ/E,MAAM,OAAO,wBAAwB;IALrC;QAOW,mBAAc,GAAc,EAAE,CAAC;QACvB,UAAK,GAAG,IAAI,YAAY,EAAW,CAAC;QAC5C,SAAI,GAAG,0BAA0B,CAAC;QAClC,sBAAiB,GAAmB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;KA2B9D;IAzBC,QAAQ;QACN,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;YACxB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;SAChI;IACH,CAAC;IAED,gBAAgB,CAAC,IAAa;QAC5B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;YACd,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,KAAK,EAAE,IAAI,CAAC,KAAK;SAClB,CAAC,CAAC;IACL,CAAC;IAED,qBAAqB,CAAC,aAA2B;QAC/C,IAAI,IAAI,CAAC,cAAc,EAAE;YACvB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;gBACd,GAAG,EAAE,IAAI,CAAC,cAAc,CAAC,GAAG;gBAC5B,KAAK,EAAE,aAAa;aACrB,CAAC,CAAC;SACJ;IACH,CAAC;IAED,YAAY,CAAC,GAAuB;QAClC,OAAO,GAAG,CAAC,CAAC,CAAC,WAAW,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3C,CAAC;;qHA/BU,wBAAwB;yGAAxB,wBAAwB,wKCRrC,w4BAkBA;2FDVa,wBAAwB;kBALpC,SAAS;mBAAC;oBACT,QAAQ,EAAE,qBAAqB;oBAC/B,WAAW,EAAE,iCAAiC;oBAC9C,SAAS,EAAE,CAAC,iCAAiC,CAAC;iBAC/C;8BAEU,cAAc;sBAAtB,KAAK;gBACG,cAAc;sBAAtB,KAAK;gBACW,KAAK;sBAArB,MAAM"}
|
@@ -1,25 +0,0 @@
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
import * as i1 from "../../../core-ui/components/button/button.component";
|
4
|
-
export class SortingDropdownTriggerComponent {
|
5
|
-
constructor() {
|
6
|
-
this.disabled = false;
|
7
|
-
}
|
8
|
-
}
|
9
|
-
SortingDropdownTriggerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: SortingDropdownTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
10
|
-
SortingDropdownTriggerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.4", type: SortingDropdownTriggerComponent, selector: "lx-sorting-dropdown-trigger", inputs: { label: "label", currentSortingLabel: "currentSortingLabel", disabled: "disabled" }, ngImport: i0, template: "<button lx-button mode=\"link\" [disabled]=\"disabled\">\n {{ label ? label + ': ' : '' }}{{ currentSortingLabel }}<i class=\"far fa-angle-down lx-margin-left\"></i>\n</button>\n", styles: [""], components: [{ type: i1.ButtonComponent, selector: "button[lx-button]", inputs: ["size", "color", "mode", "pressed", "selected", "square", "circle", "disabled", "showSpinner"] }] });
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: SortingDropdownTriggerComponent, decorators: [{
|
12
|
-
type: Component,
|
13
|
-
args: [{
|
14
|
-
selector: 'lx-sorting-dropdown-trigger',
|
15
|
-
templateUrl: 'sorting-dropdown-trigger.component.html',
|
16
|
-
styleUrls: ['sorting-dropdown-trigger.component.scss']
|
17
|
-
}]
|
18
|
-
}], propDecorators: { label: [{
|
19
|
-
type: Input
|
20
|
-
}], currentSortingLabel: [{
|
21
|
-
type: Input
|
22
|
-
}], disabled: [{
|
23
|
-
type: Input
|
24
|
-
}] } });
|
25
|
-
//# sourceMappingURL=../../../../../../../../libs/components/src/lib/forms-ui/components/sorting-dropdown-trigger/sorting-dropdown-trigger.component.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"sorting-dropdown-trigger.component.js","sourceRoot":"","sources":["sorting-dropdown-trigger.component.ts","sorting-dropdown-trigger.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;;AAOjD,MAAM,OAAO,+BAA+B;IAL5C;QAQW,aAAQ,GAAY,KAAK,CAAC;KACpC;;4HAJY,+BAA+B;gHAA/B,+BAA+B,iKCP5C,qLAGA;2FDIa,+BAA+B;kBAL3C,SAAS;mBAAC;oBACT,QAAQ,EAAE,6BAA6B;oBACvC,WAAW,EAAE,yCAAyC;oBACtD,SAAS,EAAE,CAAC,yCAAyC,CAAC;iBACvD;8BAEU,KAAK;sBAAb,KAAK;gBACG,mBAAmB;sBAA3B,KAAK;gBACG,QAAQ;sBAAhB,KAAK"}
|
@@ -1,111 +0,0 @@
|
|
1
|
-
import { Directive, Host, Inject, InjectionToken, Input, Optional, Self } from '@angular/core';
|
2
|
-
import { curry } from 'lodash';
|
3
|
-
import { combineLatest, of } from 'rxjs';
|
4
|
-
import { map, startWith } from 'rxjs/operators';
|
5
|
-
import { ErrorMessageComponent } from '../components/error-message/error-message.component';
|
6
|
-
import * as i0 from "@angular/core";
|
7
|
-
import * as i1 from "@angular/forms";
|
8
|
-
import * as i2 from "./form-submit.directive";
|
9
|
-
export const FORM_CONTROL_ERROR_NAMESPACE = new InjectionToken('FORM_CONTROL_ERROR_NAMESPACE');
|
10
|
-
export const FORM_CONTROL_ERROR_DISPLAY_STRATEGY = new InjectionToken('FORM_CONTROL_ERROR_DISPLAY_STRATEGY');
|
11
|
-
export const provideFormControlErrorNamespace = (namespace) => ({
|
12
|
-
provide: FORM_CONTROL_ERROR_NAMESPACE,
|
13
|
-
useValue: namespace
|
14
|
-
});
|
15
|
-
export const provideFormControlErrorDisplayStrategy = (fn) => ({
|
16
|
-
provide: FORM_CONTROL_ERROR_DISPLAY_STRATEGY,
|
17
|
-
useValue: fn
|
18
|
-
});
|
19
|
-
export class FormErrorDirective {
|
20
|
-
constructor(viewContainer, componentFactoryResolver, ngControl, formSubmitDirective, namespace, strategy) {
|
21
|
-
this.viewContainer = viewContainer;
|
22
|
-
this.componentFactoryResolver = componentFactoryResolver;
|
23
|
-
this.ngControl = ngControl;
|
24
|
-
this.formSubmitDirective = formSubmitDirective;
|
25
|
-
this.namespace = namespace;
|
26
|
-
this.strategy = strategy;
|
27
|
-
}
|
28
|
-
get control() {
|
29
|
-
var _a;
|
30
|
-
return ((_a = this.ngControl) === null || _a === void 0 ? void 0 : _a.control) || this.ctrl || null;
|
31
|
-
}
|
32
|
-
get name() {
|
33
|
-
var _a;
|
34
|
-
return ((_a = this.ngControl) === null || _a === void 0 ? void 0 : _a.name) || this.controlName;
|
35
|
-
}
|
36
|
-
get formSubmitted() {
|
37
|
-
return this.formSubmitDirective ? this.formSubmitDirective.submitted$ : of(undefined);
|
38
|
-
}
|
39
|
-
ngOnInit() {
|
40
|
-
const control = this.control;
|
41
|
-
if (isAbstractControl(control)) {
|
42
|
-
this.subscritpion = combineLatest([control.valueChanges.pipe(startWith(control.value)), this.formSubmitted])
|
43
|
-
.pipe(map(([, submitted]) => submitted), map(resolveStrategy(this.strategy, control)))
|
44
|
-
.subscribe((display) => {
|
45
|
-
const { errors } = control;
|
46
|
-
if (errors && display) {
|
47
|
-
const firstErrorKey = Object.keys(errors)[0];
|
48
|
-
const translationKey = this.buildTranslationKey(firstErrorKey);
|
49
|
-
this.setError(translationKey);
|
50
|
-
}
|
51
|
-
else if (this.ref) {
|
52
|
-
this.setError();
|
53
|
-
}
|
54
|
-
});
|
55
|
-
}
|
56
|
-
}
|
57
|
-
buildTranslationKey(errorKey) {
|
58
|
-
if (this.control) {
|
59
|
-
return `${this.namespace || 'form'}.errors.${this.name ? `${this.name}.` : ''}${errorKey}`;
|
60
|
-
}
|
61
|
-
else {
|
62
|
-
return '';
|
63
|
-
}
|
64
|
-
}
|
65
|
-
setError(key) {
|
66
|
-
if (!this.ref) {
|
67
|
-
const factory = this.componentFactoryResolver.resolveComponentFactory(ErrorMessageComponent);
|
68
|
-
this.ref = this.viewContainer.createComponent(factory);
|
69
|
-
}
|
70
|
-
this.ref.instance.key = key;
|
71
|
-
}
|
72
|
-
ngOnDestroy() {
|
73
|
-
if (this.subscritpion) {
|
74
|
-
this.subscritpion.unsubscribe();
|
75
|
-
}
|
76
|
-
}
|
77
|
-
}
|
78
|
-
FormErrorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: FormErrorDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }, { token: i1.NgControl, optional: true, self: true }, { token: i2.FormSubmitDirective, host: true, optional: true }, { token: FORM_CONTROL_ERROR_NAMESPACE, optional: true }, { token: FORM_CONTROL_ERROR_DISPLAY_STRATEGY, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
79
|
-
FormErrorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.1.4", type: FormErrorDirective, selector: "[lxFormError]", inputs: { ctrl: ["lxFormError", "ctrl"], controlName: "controlName" }, ngImport: i0 });
|
80
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: FormErrorDirective, decorators: [{
|
81
|
-
type: Directive,
|
82
|
-
args: [{
|
83
|
-
selector: '[lxFormError]'
|
84
|
-
}]
|
85
|
-
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.ComponentFactoryResolver }, { type: i1.NgControl, decorators: [{
|
86
|
-
type: Optional
|
87
|
-
}, {
|
88
|
-
type: Self
|
89
|
-
}] }, { type: i2.FormSubmitDirective, decorators: [{
|
90
|
-
type: Optional
|
91
|
-
}, {
|
92
|
-
type: Host
|
93
|
-
}] }, { type: undefined, decorators: [{
|
94
|
-
type: Optional
|
95
|
-
}, {
|
96
|
-
type: Inject,
|
97
|
-
args: [FORM_CONTROL_ERROR_NAMESPACE]
|
98
|
-
}] }, { type: undefined, decorators: [{
|
99
|
-
type: Optional
|
100
|
-
}, {
|
101
|
-
type: Inject,
|
102
|
-
args: [FORM_CONTROL_ERROR_DISPLAY_STRATEGY]
|
103
|
-
}] }]; }, propDecorators: { ctrl: [{
|
104
|
-
type: Input,
|
105
|
-
args: ['lxFormError']
|
106
|
-
}], controlName: [{
|
107
|
-
type: Input
|
108
|
-
}] } });
|
109
|
-
const isAbstractControl = (ctrl) => !!ctrl;
|
110
|
-
const resolveStrategy = curry((strategy, control, submitted) => strategy ? strategy({ control, submitted }) : true);
|
111
|
-
//# sourceMappingURL=../../../../../../../libs/components/src/lib/forms-ui/directives/form-error.directive.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"form-error.directive.js","sourceRoot":"","sources":["form-error.directive.ts"],"names":[],"mappings":"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"}
|
@@ -1,28 +0,0 @@
|
|
1
|
-
import { Directive } from '@angular/core';
|
2
|
-
import { BehaviorSubject, fromEvent } from 'rxjs';
|
3
|
-
import { take } from 'rxjs/operators';
|
4
|
-
import * as i0 from "@angular/core";
|
5
|
-
export class FormSubmitDirective {
|
6
|
-
constructor(elementRef) {
|
7
|
-
this.elementRef = elementRef;
|
8
|
-
this.submitted$ = new BehaviorSubject(false);
|
9
|
-
this.subscription = fromEvent(this.elementRef.nativeElement, 'submit')
|
10
|
-
.pipe(take(1))
|
11
|
-
.subscribe(() => this.submitted$.next(true));
|
12
|
-
}
|
13
|
-
ngOnDestroy() {
|
14
|
-
if (this.subscription) {
|
15
|
-
this.subscription.unsubscribe();
|
16
|
-
}
|
17
|
-
}
|
18
|
-
}
|
19
|
-
FormSubmitDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: FormSubmitDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
20
|
-
FormSubmitDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.1.4", type: FormSubmitDirective, selector: "form", ngImport: i0 });
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0, type: FormSubmitDirective, decorators: [{
|
22
|
-
type: Directive,
|
23
|
-
args: [{
|
24
|
-
// eslint-disable-next-line @angular-eslint/directive-selector
|
25
|
-
selector: 'form'
|
26
|
-
}]
|
27
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
|
28
|
-
//# sourceMappingURL=../../../../../../../libs/components/src/lib/forms-ui/directives/form-submit.directive.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"form-submit.directive.js","sourceRoot":"","sources":["form-submit.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAyB,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AAElD,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;;AAMtC,MAAM,OAAO,mBAAmB;IAI9B,YAAoB,UAAsB;QAAtB,eAAU,GAAV,UAAU,CAAY;QAH1C,eAAU,GAAG,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC;QAItC,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,QAAQ,CAAC;aACnE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;aACb,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACjD,CAAC;IAED,WAAW;QACT,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;SACjC;IACH,CAAC;;gHAdU,mBAAmB;oGAAnB,mBAAmB;2FAAnB,mBAAmB;kBAJ/B,SAAS;mBAAC;oBACT,8DAA8D;oBAC9D,QAAQ,EAAE,MAAM;iBACjB"}
|