@heartlandone/vega 2.77.1 → 2.78.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{app-globals-1021e33e.js → app-globals-55e26945.js} +6 -6
- package/dist/cjs/{breakpoints-751d433a.js → breakpoints-a8ff22f0.js} +1 -1
- package/dist/cjs/{child-nodes-event-prevent-slimmer-cc6d2919.js → child-nodes-event-prevent-slimmer-dd0bb8b6.js} +1 -1
- package/dist/cjs/{code-block-f9b86a25.js → code-block-1a5fafed.js} +2 -2
- package/dist/cjs/{component-value-history-controller-slimmer.abstract-6bcff70b.js → component-value-history-controller-slimmer.abstract-42683f23.js} +4 -4
- package/dist/cjs/{date-required-rule-d3c2d088.js → date-required-rule-ad536cb5.js} +1 -1
- package/dist/cjs/{design-token-b21879b6.js → design-token-45ebd5e4.js} +3 -3
- package/dist/cjs/{dto-renderer-manager-e2823eb8.js → dto-renderer-manager-7557d562.js} +3 -3
- package/dist/cjs/{element-appender-slimmer-40d39bba.js → element-appender-slimmer-16ec8591.js} +5 -5
- package/dist/cjs/{event-emit-slimmer-062cdcb8.js → event-emit-slimmer-c84121c8.js} +1 -1
- package/dist/cjs/{form-field-controller-slimmer-1b3a1388.js → form-field-controller-slimmer-73f5849e.js} +4 -4
- package/dist/cjs/{image-annotation-action-b83283d4.js → image-annotation-action-f275863e.js} +3 -3
- package/dist/cjs/index.cjs.js +18 -18
- package/dist/cjs/{inject-keyboard-manager-ea5c598e.js → inject-keyboard-manager-6667c0f1.js} +1 -1
- package/dist/cjs/{internal-translation-controller-1f84ab0a.js → internal-translation-controller-24df468f.js} +1 -0
- package/dist/cjs/{internal-vega-event-manager-f7ecf3d4.js → internal-vega-event-manager-cc0f511c.js} +2 -2
- package/dist/cjs/{keyboard-manager-16494c34.js → keyboard-manager-7de7ecfd.js} +1 -1
- package/dist/cjs/{keyboard-manager-slimmer-5b8fa209.js → keyboard-manager-slimmer-b44f0dc9.js} +1 -1
- package/dist/cjs/loader.cjs.js +13 -13
- package/dist/cjs/{month-view-generator-1a57578d.js → month-view-generator-36c42772.js} +1 -1
- package/dist/cjs/{page-resize-observer-slimmer-7f065ee1.js → page-resize-observer-slimmer-e050cd26.js} +1 -1
- package/dist/cjs/{public-rules-5bd1624d.js → public-rules-6c6cb4ac.js} +9 -9
- package/dist/cjs/{range-7a038973.js → range-e298d4aa.js} +1 -1
- package/dist/cjs/{responsive-format-facade-0b65ce4a.js → responsive-format-facade-bddac47c.js} +3 -3
- package/dist/cjs/{rich-text-editor-required-rule-d984c0b6.js → rich-text-editor-required-rule-6346a888.js} +1 -1
- package/dist/cjs/{string-format-strategy.abstract-714bfad2.js → string-format-strategy.abstract-814d66c4.js} +1 -1
- package/dist/cjs/{string-input-formatter-slimmer-9ef2ec7a.js → string-input-formatter-slimmer-749e3cfe.js} +3 -3
- package/dist/cjs/{string-mask-strategy-bd2c18df.js → string-mask-strategy-d00871c2.js} +2 -2
- package/dist/cjs/{style-formatter-7a4e9811.js → style-formatter-94c1a1ff.js} +2 -2
- package/dist/cjs/{sub-state-notify-slimmer-58121111.js → sub-state-notify-slimmer-ac1dae32.js} +1 -1
- package/dist/cjs/{sub-state-observer-slimmer-1dfbc4c3.js → sub-state-observer-slimmer-e692d849.js} +1 -1
- package/dist/cjs/{time-required-rule-50784b9f.js → time-required-rule-f1f3c8c2.js} +1 -1
- package/dist/cjs/{token-extension-5a1c473e.js → token-extension-1e98ddf3.js} +7 -7
- package/dist/cjs/{translation-slimmer-2c207e34.js → translation-slimmer-3fa03d81.js} +1 -1
- package/dist/cjs/{type-guard-cd0376d4.js → type-guard-a0d9ff1f.js} +2 -2
- package/dist/cjs/{ui-32e69595.js → ui-024696c0.js} +8 -1
- package/dist/cjs/{valid-credit-card-number-rule-3f8dc897.js → valid-credit-card-number-rule-cba7d66a.js} +1 -1
- package/dist/cjs/vega-accordion.cjs.entry.js +9 -9
- package/dist/cjs/vega-app-header-button.cjs.entry.js +11 -11
- package/dist/cjs/vega-banner.cjs.entry.js +3 -3
- package/dist/cjs/vega-box.cjs.entry.js +8 -8
- package/dist/cjs/vega-breadcrumb.cjs.entry.js +4 -4
- package/dist/cjs/vega-button-circle.cjs.entry.js +11 -11
- package/dist/cjs/vega-button-group_2.cjs.entry.js +7 -7
- package/dist/cjs/vega-button-link.cjs.entry.js +4 -4
- package/dist/cjs/vega-button.cjs.entry.js +11 -11
- package/dist/cjs/vega-calendar_4.cjs.entry.js +14 -14
- package/dist/cjs/vega-card.cjs.entry.js +6 -6
- package/dist/cjs/vega-carousel.cjs.entry.js +9 -9
- package/dist/cjs/vega-checkbox_2.cjs.entry.js +11 -11
- package/dist/cjs/vega-chip.cjs.entry.js +11 -11
- package/dist/cjs/vega-code-block.cjs.entry.js +16 -15
- package/dist/cjs/vega-color-picker.cjs.entry.js +10 -10
- package/dist/cjs/vega-combo-box.cjs.entry.js +14 -14
- package/dist/cjs/vega-date-picker_2.cjs.entry.js +23 -23
- package/dist/cjs/vega-dialog_2.cjs.entry.js +11 -11
- package/dist/cjs/vega-divider.cjs.entry.js +7 -7
- package/dist/cjs/vega-dropdown_5.cjs.entry.js +17 -17
- package/dist/cjs/vega-env-manager-23b8b23c.js +2 -2
- package/dist/cjs/{vega-event-id-ee01d8dd.js → vega-event-id-c08ce3d3.js} +2 -0
- package/dist/cjs/vega-field-label.cjs.entry.js +3 -3
- package/dist/cjs/vega-file-uploader.cjs.entry.js +11 -11
- package/dist/cjs/vega-flag-icon.cjs.entry.js +6 -6
- package/dist/cjs/vega-flex.cjs.entry.js +9 -9
- package/dist/cjs/vega-font.cjs.entry.js +7 -7
- package/dist/cjs/vega-form.cjs.entry.js +13 -13
- package/dist/cjs/vega-grid.cjs.entry.js +6 -6
- package/dist/cjs/vega-icon.cjs.entry.js +6 -6
- package/dist/cjs/vega-image-uploader.cjs.entry.js +14 -14
- package/dist/cjs/vega-input-credit-card.cjs.entry.js +16 -16
- package/dist/cjs/vega-input-numeric.cjs.entry.js +102 -42
- package/dist/cjs/vega-input-passcode.cjs.entry.js +77 -34
- package/dist/cjs/vega-input-phone-number.cjs.entry.js +91 -41
- package/dist/cjs/vega-input-range.cjs.entry.js +27 -12
- package/dist/cjs/vega-input-select.cjs.entry.js +17 -17
- package/dist/cjs/vega-input.cjs.entry.js +201 -69
- package/dist/cjs/{vega-internal-event-id-f2465f1b.js → vega-internal-event-id-e0aeac45.js} +2 -0
- package/dist/cjs/vega-item-toggle.cjs.entry.js +4 -4
- package/dist/cjs/vega-left-nav_5.cjs.entry.js +13 -13
- package/dist/cjs/vega-loader-wrapper_2.cjs.entry.js +6 -6
- package/dist/cjs/vega-page-notification_2.cjs.entry.js +1 -1
- package/dist/cjs/vega-pagination-page-selector-mobile.cjs.entry.js +4 -4
- package/dist/cjs/vega-pagination-page-size-selector-mobile.cjs.entry.js +4 -4
- package/dist/cjs/vega-pagination.cjs.entry.js +12 -12
- package/dist/cjs/vega-popover_2.cjs.entry.js +14 -14
- package/dist/cjs/vega-progress-tracker_2.cjs.entry.js +12 -12
- package/dist/cjs/vega-radio_2.cjs.entry.js +14 -14
- package/dist/cjs/vega-rich-text-content.cjs.entry.js +10 -10
- package/dist/cjs/vega-rich-text-editor_4.cjs.entry.js +474 -379
- package/dist/cjs/vega-segment-control.cjs.entry.js +6 -6
- package/dist/cjs/vega-selection-chip_2.cjs.entry.js +14 -14
- package/dist/cjs/vega-selection-tile_2.cjs.entry.js +12 -12
- package/dist/cjs/vega-sidenav_3.cjs.entry.js +12 -12
- package/dist/cjs/vega-signature-capture.cjs.entry.js +14 -14
- package/dist/cjs/vega-stepper.cjs.entry.js +12 -12
- package/dist/cjs/vega-tab-group_2.cjs.entry.js +7 -7
- package/dist/cjs/vega-table_11.cjs.entry.js +14 -14
- package/dist/cjs/vega-text.cjs.entry.js +3 -3
- package/dist/cjs/vega-textarea.cjs.entry.js +110 -42
- package/dist/cjs/vega-time-picker_2.cjs.entry.js +18 -18
- package/dist/cjs/vega-toggle-switch.cjs.entry.js +10 -10
- package/dist/cjs/vega-tooltip_2.cjs.entry.js +10 -10
- package/dist/cjs/vega.cjs.js +13 -13
- package/dist/cjs/{wait-for-component-did-render-70a01bf9.js → wait-for-component-did-render-cbebfc33.js} +1 -1
- package/dist/collection/components/vega-checkbox/vega-checkbox-group/vega-checkbox-group.js +1 -1
- package/dist/collection/components/vega-code-block/slimmers/renderers/vega-code-block-content-renderer.js +4 -0
- package/dist/collection/components/vega-flex/vega-flex.css +32 -0
- package/dist/collection/components/vega-flex/vega-flex.js +1 -1
- package/dist/collection/components/vega-grid/vega-grid.js +2 -2
- package/dist/collection/components/vega-input/slimmers/renderers/vega-input-input-container-renderer.js +1 -1
- package/dist/collection/components/vega-input/slimmers/renderers/vega-input-prefix-slot-renderer.js +1 -1
- package/dist/collection/components/vega-input/vega-input.js +358 -100
- package/dist/collection/components/vega-input-credit-card/vega-input-credit-card.js +1 -1
- package/dist/collection/components/vega-input-numeric/vega-input-numeric.js +175 -49
- package/dist/collection/components/vega-input-passcode/vega-input-passcode.js +123 -35
- package/dist/collection/components/vega-input-phone-number/vega-input-phone-number.js +145 -56
- package/dist/collection/components/vega-input-range/slimmers/renderers/vega-input-range-input-renderer.js +15 -0
- package/dist/collection/components/vega-input-select/vega-input-select.js +6 -5
- package/dist/collection/components/vega-radio/vega-radio-group/vega-radio-group.js +1 -1
- package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/tools/source-edit-toolbar-button-slimmer.js +2 -2
- package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/vega-rich-text-editor-renderer.js +4 -17
- package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/vega-rich-text-editor-source-view-renderer.js +102 -0
- package/dist/collection/components/vega-rich-text-editor/vega-rich-text-editor.js +49 -1
- package/dist/collection/components/vega-stepper/vega-stepper.js +1 -1
- package/dist/collection/components/vega-textarea/vega-textarea.js +183 -52
- package/dist/collection/constants/ui.js +9 -1
- package/dist/collection/helpers/event-manager/event-id/component-event-id-map.js +2 -2
- package/dist/collection/helpers/event-manager/event-id/vega-event-id.js +1 -0
- package/dist/collection/helpers/event-manager/event-id/vega-internal-event-id.js +1 -0
- package/dist/collection/helpers/translation/locales/en.js +1 -0
- package/dist/collection/helpers/translation/tests/internal-translation-controller.test.js +2 -0
- package/dist/collection/helpers/translation/tests/translation.test.js +14 -0
- package/dist/esm/{app-globals-0b3b7111.js → app-globals-3b97bb20.js} +6 -6
- package/dist/esm/{breakpoints-56e5407b.js → breakpoints-13353e09.js} +1 -1
- package/dist/esm/{child-nodes-event-prevent-slimmer-331312b8.js → child-nodes-event-prevent-slimmer-4feabae0.js} +1 -1
- package/dist/esm/{code-block-2408a812.js → code-block-d65bab61.js} +2 -2
- package/dist/esm/{component-value-history-controller-slimmer.abstract-ac40820f.js → component-value-history-controller-slimmer.abstract-556fcf2a.js} +4 -4
- package/dist/esm/{date-required-rule-09d5aa16.js → date-required-rule-4ffd9cae.js} +1 -1
- package/dist/esm/{design-token-7dec1eab.js → design-token-b518a2aa.js} +3 -3
- package/dist/esm/{dto-renderer-manager-d413de1e.js → dto-renderer-manager-73df5cbe.js} +3 -3
- package/dist/esm/{element-appender-slimmer-5d573612.js → element-appender-slimmer-36b7a572.js} +5 -5
- package/dist/esm/{event-emit-slimmer-ffaecb9a.js → event-emit-slimmer-f879fd58.js} +1 -1
- package/dist/esm/{form-field-controller-slimmer-e1a5a884.js → form-field-controller-slimmer-9a880420.js} +4 -4
- package/dist/esm/{image-annotation-action-54936eaa.js → image-annotation-action-eb3dcad5.js} +3 -3
- package/dist/esm/index.js +18 -18
- package/dist/esm/{inject-keyboard-manager-9339bba8.js → inject-keyboard-manager-e5481833.js} +1 -1
- package/dist/esm/{internal-translation-controller-113a6288.js → internal-translation-controller-0787a7a7.js} +1 -0
- package/dist/esm/{internal-vega-event-manager-32a3d848.js → internal-vega-event-manager-3aebbe55.js} +2 -2
- package/dist/esm/{keyboard-manager-f9bfa678.js → keyboard-manager-4dfc625f.js} +1 -1
- package/dist/esm/{keyboard-manager-slimmer-c8898843.js → keyboard-manager-slimmer-87bf68f1.js} +1 -1
- package/dist/esm/loader.js +13 -13
- package/dist/esm/{month-view-generator-160a9feb.js → month-view-generator-94134ec5.js} +1 -1
- package/dist/esm/{page-resize-observer-slimmer-d6af0d86.js → page-resize-observer-slimmer-e0505250.js} +1 -1
- package/dist/esm/{public-rules-41561e6e.js → public-rules-49912d52.js} +9 -9
- package/dist/esm/{range-a5d78e69.js → range-0a22b512.js} +1 -1
- package/dist/esm/{responsive-format-facade-2a36c54a.js → responsive-format-facade-b3799ff9.js} +3 -3
- package/dist/esm/{rich-text-editor-required-rule-b09039da.js → rich-text-editor-required-rule-d86e3a51.js} +1 -1
- package/dist/esm/{string-format-strategy.abstract-944f759b.js → string-format-strategy.abstract-e40a0df7.js} +1 -1
- package/dist/esm/{string-input-formatter-slimmer-2508d88b.js → string-input-formatter-slimmer-076764fc.js} +3 -3
- package/dist/esm/{string-mask-strategy-f9e252a2.js → string-mask-strategy-df1f5707.js} +2 -2
- package/dist/esm/{style-formatter-6db1e890.js → style-formatter-95255392.js} +2 -2
- package/dist/esm/{sub-state-notify-slimmer-5133f1a8.js → sub-state-notify-slimmer-f4b3b0b9.js} +1 -1
- package/dist/esm/{sub-state-observer-slimmer-478c9f41.js → sub-state-observer-slimmer-058feaf0.js} +1 -1
- package/dist/esm/{time-required-rule-c7cfb257.js → time-required-rule-b4af75ae.js} +1 -1
- package/dist/esm/{token-extension-25df8dbb.js → token-extension-ffd98170.js} +7 -7
- package/dist/esm/{translation-slimmer-9f0339aa.js → translation-slimmer-e788cae4.js} +1 -1
- package/dist/esm/{type-guard-af324dcd.js → type-guard-f69d2935.js} +2 -2
- package/dist/esm/{ui-28fd4193.js → ui-41f725b7.js} +8 -1
- package/dist/esm/{valid-credit-card-number-rule-099dba7d.js → valid-credit-card-number-rule-c023326d.js} +1 -1
- package/dist/esm/vega-accordion.entry.js +9 -9
- package/dist/esm/vega-app-header-button.entry.js +11 -11
- package/dist/esm/vega-banner.entry.js +3 -3
- package/dist/esm/vega-box.entry.js +8 -8
- package/dist/esm/vega-breadcrumb.entry.js +4 -4
- package/dist/esm/vega-button-circle.entry.js +11 -11
- package/dist/esm/vega-button-group_2.entry.js +7 -7
- package/dist/esm/vega-button-link.entry.js +4 -4
- package/dist/esm/vega-button.entry.js +11 -11
- package/dist/esm/vega-calendar_4.entry.js +14 -14
- package/dist/esm/vega-card.entry.js +6 -6
- package/dist/esm/vega-carousel.entry.js +9 -9
- package/dist/esm/vega-checkbox_2.entry.js +11 -11
- package/dist/esm/vega-chip.entry.js +11 -11
- package/dist/esm/vega-code-block.entry.js +16 -15
- package/dist/esm/vega-color-picker.entry.js +10 -10
- package/dist/esm/vega-combo-box.entry.js +14 -14
- package/dist/esm/vega-date-picker_2.entry.js +23 -23
- package/dist/esm/vega-dialog_2.entry.js +11 -11
- package/dist/esm/vega-divider.entry.js +7 -7
- package/dist/esm/vega-dropdown_5.entry.js +17 -17
- package/dist/esm/vega-env-manager-8f8dc473.js +2 -2
- package/dist/esm/{vega-event-id-38aa77a0.js → vega-event-id-fdc58a67.js} +2 -1
- package/dist/esm/vega-field-label.entry.js +3 -3
- package/dist/esm/vega-file-uploader.entry.js +11 -11
- package/dist/esm/vega-flag-icon.entry.js +6 -6
- package/dist/esm/vega-flex.entry.js +9 -9
- package/dist/esm/vega-font.entry.js +7 -7
- package/dist/esm/vega-form.entry.js +13 -13
- package/dist/esm/vega-grid.entry.js +6 -6
- package/dist/esm/vega-icon.entry.js +6 -6
- package/dist/esm/vega-image-uploader.entry.js +14 -14
- package/dist/esm/vega-input-credit-card.entry.js +16 -16
- package/dist/esm/vega-input-numeric.entry.js +102 -42
- package/dist/esm/vega-input-passcode.entry.js +77 -34
- package/dist/esm/vega-input-phone-number.entry.js +91 -41
- package/dist/esm/vega-input-range.entry.js +27 -12
- package/dist/esm/vega-input-select.entry.js +17 -17
- package/dist/esm/vega-input.entry.js +201 -69
- package/dist/esm/{vega-internal-event-id-799d012e.js → vega-internal-event-id-12783594.js} +2 -1
- package/dist/esm/vega-item-toggle.entry.js +4 -4
- package/dist/esm/vega-left-nav_5.entry.js +13 -13
- package/dist/esm/vega-loader-wrapper_2.entry.js +6 -6
- package/dist/esm/vega-page-notification_2.entry.js +1 -1
- package/dist/esm/vega-pagination-page-selector-mobile.entry.js +4 -4
- package/dist/esm/vega-pagination-page-size-selector-mobile.entry.js +4 -4
- package/dist/esm/vega-pagination.entry.js +12 -12
- package/dist/esm/vega-popover_2.entry.js +14 -14
- package/dist/esm/vega-progress-tracker_2.entry.js +12 -12
- package/dist/esm/vega-radio_2.entry.js +14 -14
- package/dist/esm/vega-rich-text-content.entry.js +10 -10
- package/dist/esm/vega-rich-text-editor_4.entry.js +474 -379
- package/dist/esm/vega-segment-control.entry.js +6 -6
- package/dist/esm/vega-selection-chip_2.entry.js +14 -14
- package/dist/esm/vega-selection-tile_2.entry.js +12 -12
- package/dist/esm/vega-sidenav_3.entry.js +12 -12
- package/dist/esm/vega-signature-capture.entry.js +14 -14
- package/dist/esm/vega-stepper.entry.js +12 -12
- package/dist/esm/vega-tab-group_2.entry.js +7 -7
- package/dist/esm/vega-table_11.entry.js +14 -14
- package/dist/esm/vega-text.entry.js +3 -3
- package/dist/esm/vega-textarea.entry.js +110 -42
- package/dist/esm/vega-time-picker_2.entry.js +18 -18
- package/dist/esm/vega-toggle-switch.entry.js +10 -10
- package/dist/esm/vega-tooltip_2.entry.js +10 -10
- package/dist/esm/vega.js +13 -13
- package/dist/esm/{wait-for-component-did-render-b08ef07b.js → wait-for-component-did-render-4d0a3428.js} +1 -1
- package/dist/sri/vega-sri-manifest.json +345 -345
- package/dist/types/components/vega-input/vega-input.d.ts +317 -79
- package/dist/types/components/vega-input-numeric/vega-input-numeric.d.ts +117 -42
- package/dist/types/components/vega-input-passcode/vega-input-passcode.d.ts +82 -28
- package/dist/types/components/vega-input-phone-number/vega-input-phone-number.d.ts +99 -34
- package/dist/types/components/vega-input-range/slimmers/renderers/vega-input-range-input-renderer.d.ts +8 -0
- package/dist/types/components/vega-input-select/vega-input-select.d.ts +2 -2
- package/dist/types/components/vega-rich-text-editor/slimmers/renderers/tools/source-edit-toolbar-button-slimmer.d.ts +1 -1
- package/dist/types/components/vega-rich-text-editor/slimmers/renderers/vega-rich-text-editor-renderer.d.ts +1 -3
- package/dist/types/components/vega-rich-text-editor/slimmers/renderers/vega-rich-text-editor-source-view-renderer.d.ts +37 -0
- package/dist/types/components/vega-rich-text-editor/vega-rich-text-editor.d.ts +16 -0
- package/dist/types/components/vega-textarea/vega-textarea.d.ts +123 -41
- package/dist/types/components.d.ts +418 -218
- package/dist/types/constants/ui.d.ts +2 -2
- package/dist/types/helpers/event-manager/event-id/vega-event-id.d.ts +1 -0
- package/dist/types/helpers/event-manager/event-id/vega-internal-event-id.d.ts +1 -0
- package/dist/types/helpers/translation/interface.d.ts +2 -1
- package/dist/types/types/type-guard.d.ts +3 -3
- package/dist/vega/index.esm.js +1 -1
- package/dist/vega/p-0009e0bc.entry.js +1 -0
- package/dist/vega/{p-1a9b361b.js → p-02976501.js} +1 -1
- package/dist/vega/{p-bf6fc19f.entry.js → p-03280f85.entry.js} +1 -1
- package/dist/vega/{p-a79fdf2f.js → p-03b1e442.js} +1 -1
- package/dist/vega/{p-33f9ad94.entry.js → p-0681ffee.entry.js} +1 -1
- package/dist/vega/{p-e4c99b72.entry.js → p-093aa0cb.entry.js} +1 -1
- package/dist/vega/{p-3b9fc697.entry.js → p-1828f9e6.entry.js} +1 -1
- package/dist/vega/{p-d70e1b75.entry.js → p-19883e27.entry.js} +1 -1
- package/dist/vega/p-1e015382.js +1 -0
- package/dist/vega/{p-eab9d999.entry.js → p-1ff45314.entry.js} +1 -1
- package/dist/vega/{p-9a3a5b9e.js → p-24b4c64f.js} +1 -1
- package/dist/vega/{p-c7a9960f.entry.js → p-2e7ec8e0.entry.js} +1 -1
- package/dist/vega/{p-0ac9a732.entry.js → p-309b5016.entry.js} +1 -1
- package/dist/vega/{p-c871619c.entry.js → p-3592a26d.entry.js} +1 -1
- package/dist/vega/{p-b35bb4a2.entry.js → p-383e235a.entry.js} +1 -1
- package/dist/vega/p-3992038a.js +1 -0
- package/dist/vega/{p-02c9796a.js → p-3a537cd0.js} +1 -1
- package/dist/vega/{p-e0fb1f60.entry.js → p-3b7ad04b.entry.js} +1 -1
- package/dist/vega/{p-d0975995.entry.js → p-3d4b8066.entry.js} +1 -1
- package/dist/vega/{p-7d7aaff9.entry.js → p-3e484d99.entry.js} +1 -1
- package/dist/vega/{p-70444f6f.entry.js → p-3fd3861c.entry.js} +1 -1
- package/dist/vega/{p-600f7d6c.js → p-4079e932.js} +1 -1
- package/dist/vega/{p-5eb7f382.js → p-43df17a1.js} +1 -1
- package/dist/vega/{p-e1c017d1.entry.js → p-473ceda5.entry.js} +1 -1
- package/dist/vega/{p-ffb3e479.entry.js → p-474b97cf.entry.js} +1 -1
- package/dist/vega/{p-242fbcad.entry.js → p-47c202eb.entry.js} +1 -1
- package/dist/vega/p-4e0344bc.entry.js +1 -0
- package/dist/vega/{p-ed9ad4fd.entry.js → p-4efe9cd8.entry.js} +1 -1
- package/dist/vega/{p-36a09524.entry.js → p-536ad3d7.entry.js} +1 -1
- package/dist/vega/{p-3237be8b.entry.js → p-53e0b2bd.entry.js} +1 -1
- package/dist/vega/p-57180993.entry.js +1 -0
- package/dist/vega/{p-e827d56d.js → p-5b238c6d.js} +1 -1
- package/dist/vega/p-5ba34330.js +1 -0
- package/dist/vega/{p-acbb96b3.entry.js → p-5e1d0f21.entry.js} +1 -1
- package/dist/vega/{p-cf6bfac7.js → p-5ed5aa26.js} +1 -1
- package/dist/vega/p-5f377954.js +1 -1
- package/dist/vega/{p-d64fab3d.js → p-5f81beae.js} +1 -1
- package/dist/vega/{p-ef603656.entry.js → p-6a8ac66d.entry.js} +1 -1
- package/dist/vega/{p-051bbce6.js → p-6b3776ec.js} +1 -1
- package/dist/vega/{p-aaf9b39f.entry.js → p-6b4021f0.entry.js} +1 -1
- package/dist/vega/{p-4f146dae.js → p-6cf28c27.js} +1 -1
- package/dist/vega/{p-0037068c.entry.js → p-71cd1d9e.entry.js} +1 -1
- package/dist/vega/{p-ddce3e0e.entry.js → p-7440325c.entry.js} +1 -1
- package/dist/vega/p-764425e4.entry.js +1 -0
- package/dist/vega/{p-ff287001.entry.js → p-77908e45.entry.js} +1 -1
- package/dist/vega/{p-4c060ba9.js → p-7ade785e.js} +1 -1
- package/dist/vega/{p-c857e6e2.js → p-7db5e003.js} +1 -1
- package/dist/vega/{p-021d4ae4.js → p-7db918f4.js} +1 -1
- package/dist/vega/{p-ea96b0f9.entry.js → p-7f398d23.entry.js} +1 -1
- package/dist/vega/{p-1ccba615.entry.js → p-7f665911.entry.js} +1 -1
- package/dist/vega/{p-9466619f.entry.js → p-840f156e.entry.js} +1 -1
- package/dist/vega/{p-a17312a6.js → p-87379d3c.js} +1 -1
- package/dist/vega/{p-638d30a5.entry.js → p-87ed06cd.entry.js} +1 -1
- package/dist/vega/{p-fc049028.js → p-882a220c.js} +1 -1
- package/dist/vega/p-898bcb24.js +1 -0
- package/dist/vega/{p-d07f5d5a.entry.js → p-8fbb677e.entry.js} +1 -1
- package/dist/vega/p-9493d87a.js +1 -0
- package/dist/vega/{p-c7b9b7c2.js → p-951c0172.js} +1 -1
- package/dist/vega/p-95919581.entry.js +1 -0
- package/dist/vega/{p-7c39ce96.js → p-95d1b547.js} +1 -1
- package/dist/vega/{p-c086529c.entry.js → p-99c8f9a4.entry.js} +1 -1
- package/dist/vega/{p-7127f966.js → p-9c713bc0.js} +1 -1
- package/dist/vega/{p-da0fd3dc.entry.js → p-9dc77b66.entry.js} +1 -1
- package/dist/vega/{p-4d7d5583.js → p-9f467a59.js} +1 -1
- package/dist/vega/p-a113fd15.entry.js +1 -0
- package/dist/vega/{p-a0e69236.entry.js → p-a253e791.entry.js} +1 -1
- package/dist/vega/{p-4d4bf82a.entry.js → p-a3272850.entry.js} +1 -1
- package/dist/vega/{p-27b0af38.entry.js → p-a432708d.entry.js} +1 -1
- package/dist/vega/p-a57a7ab8.entry.js +1 -0
- package/dist/vega/{p-f65cb0b6.entry.js → p-a58bd510.entry.js} +1 -1
- package/dist/vega/{p-6188e783.js → p-a957e15f.js} +1 -1
- package/dist/vega/{p-38e850c3.js → p-abb81b7b.js} +1 -1
- package/dist/vega/{p-67b0ccdc.entry.js → p-ae6ed091.entry.js} +1 -1
- package/dist/vega/{p-2c2193f2.entry.js → p-b5e31243.entry.js} +1 -1
- package/dist/vega/{p-718c74ba.js → p-b88ca09b.js} +1 -1
- package/dist/vega/{p-a800bf6d.js → p-b901d624.js} +1 -1
- package/dist/vega/p-ba475520.entry.js +1 -0
- package/dist/vega/{p-ffd080db.js → p-bf04ff19.js} +1 -1
- package/dist/vega/{p-1a51bf6f.js → p-c208a3b7.js} +1 -1
- package/dist/vega/{p-c61bcd92.entry.js → p-c25577ae.entry.js} +1 -1
- package/dist/vega/{p-cbeb47be.entry.js → p-c2560608.entry.js} +1 -1
- package/dist/vega/{p-10e51081.js → p-c2df94f6.js} +1 -1
- package/dist/vega/{p-9feaac4b.entry.js → p-c3eec160.entry.js} +1 -1
- package/dist/vega/{p-f5fcd13e.entry.js → p-c6031d3f.entry.js} +1 -1
- package/dist/vega/{p-da552ddf.entry.js → p-c87cf96a.entry.js} +1 -1
- package/dist/vega/{p-19270396.entry.js → p-cc243e62.entry.js} +1 -1
- package/dist/vega/{p-af2110fc.entry.js → p-cd3d177b.entry.js} +1 -1
- package/dist/vega/{p-be1a210b.js → p-d0687ec0.js} +1 -1
- package/dist/vega/{p-7cde8489.js → p-d25db724.js} +1 -1
- package/dist/vega/{p-dfb12762.js → p-d42dbe39.js} +1 -1
- package/dist/vega/{p-1033e4c4.entry.js → p-d5570331.entry.js} +1 -1
- package/dist/vega/p-d5797747.js +1 -0
- package/dist/vega/{p-9adfcd47.entry.js → p-d7434f44.entry.js} +1 -1
- package/dist/vega/p-db92453f.entry.js +1 -0
- package/dist/vega/{p-0a3a285b.entry.js → p-e5be807b.entry.js} +1 -1
- package/dist/vega/p-e6f0097f.js +1 -0
- package/dist/vega/{p-e8775a56.entry.js → p-e7a8b61e.entry.js} +1 -1
- package/dist/vega/{p-d2ee5711.entry.js → p-f46f6679.entry.js} +1 -1
- package/dist/vega/{p-41d14339.entry.js → p-f49e8cc5.entry.js} +1 -1
- package/dist/vega/{p-9863e7a1.entry.js → p-f5b6059d.entry.js} +1 -1
- package/dist/vega/{p-68846f0d.js → p-fb40a829.js} +1 -1
- package/dist/vega/vega.esm.js +1 -1
- package/package.json +3 -2
- package/dist/vega/p-15335b69.entry.js +0 -1
- package/dist/vega/p-22f3d35c.entry.js +0 -1
- package/dist/vega/p-23427f6a.entry.js +0 -1
- package/dist/vega/p-2466316a.js +0 -1
- package/dist/vega/p-40f39194.js +0 -1
- package/dist/vega/p-77167587.entry.js +0 -1
- package/dist/vega/p-78ecfea0.entry.js +0 -1
- package/dist/vega/p-999950d1.js +0 -1
- package/dist/vega/p-9e36f7ff.entry.js +0 -1
- package/dist/vega/p-9f9d9a53.entry.js +0 -1
- package/dist/vega/p-ab834f06.js +0 -1
- package/dist/vega/p-b7f3221f.js +0 -1
- package/dist/vega/p-b8c10187.js +0 -1
- package/dist/vega/p-d2fc470e.entry.js +0 -1
- package/dist/vega/p-e841c1fe.entry.js +0 -1
- package/dist/vega/p-faa9a3bd.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as t,F as e,r as n,c as o,H as i,g as r}from"./p-6b2342e0.js";import{c as s,V as a,M as c,I as l}from"./p-6e1ab235.js";import{V as d,I as p}from"./p-4415ad28.js";import{s as u}from"./p-519a7d55.js";import{V as h}from"./p-e1fbfd20.js";import{t as f}from"./p-aacf6920.js";import{D as v,d as b}from"./p-31ac7386.js";import{f as g,a as m,l as y}from"./p-5f81beae.js";import{Q as x}from"./p-7ade785e.js";import{a as C}from"./p-6c170474.js";import{C as w}from"./p-2d0d575f.js";import{v as j,u as k}from"./p-95d1b547.js";import{c as R}from"./p-3a537cd0.js";import{d as O}from"./p-bf19682d.js";import{T as E}from"./p-898bcb24.js";import{A as S,S as F,a as $,C as L}from"./p-02976501.js";import{d as A}from"./p-1bc5b3bc.js";import{C as T}from"./p-c208a3b7.js";import{C as D}from"./p-2bb5a232.js";import"./p-e6adf829.js";import"./p-593e0f80.js";import"./p-6a334573.js";import"./p-8b5d3a52.js";import"./p-331a62d5.js";import"./p-02841589.js";import"./p-9f467a59.js";import"./p-ed45b3b6.js";import"./p-1e015382.js";import"./p-d884c644.js";import"./p-fb40a829.js";import"./p-a528714c.js";import"./p-8ac2d165.js";import"./p-4866e390.js";import"./p-b75ee3ba.js";import"./p-f0e828d8.js";import"./p-9493d87a.js";import"./p-9c713bc0.js";import"./p-1fb56e14.js";import"./p-c2df94f6.js";import"./p-87379d3c.js";import"./p-5f377954.js";import"./p-18e8d9b7.js";import"./p-5a25014f.js";var H=function(t,e,n,o){var i,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,n,o);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(s=(r<3?i(s):r>3?i(e,n,s):i(e,n))||s);return r>3&&s&&Object.defineProperty(e,n,s),s};class P extends a{constructor(){super(...arguments),this.languageDropdownProps={searchable:!1},this.languageOptions=Object.keys(x).map((t=>({id:x[t],displayName:t}))),this.handleLanguageChange=t=>{v.addUniqueObserverToNode(t,g,(t=>{var e;this.valueController.updateValue(null===(e=this.value)||void 0===e?void 0:e.code,t.detail)}))},this.handleDeleteClick=t=>{v.addUniqueObserverToNode(t,m,(()=>{this.removeEventEmitter.emit().defaultPrevented||this.host.remove()}))}}getToolbarContainerRef(){return this.toolbarContainerRef}render(){return t(e,null,t("div",{part:"editor-toolbar",contenteditable:!1,class:{"editor-toolbar":!this.readOnly,"copy-button-container":this.showCopyButton&&this.readOnly},ref:t=>this.toolbarContainerRef=t},this.renderEditorToolbar(),this.copyButtonRenderer.render()),this.contentRenderer.render())}renderEditorToolbar(){var n,o;if(!this.readOnly)return t(e,null,t("vega-input-select",{source:this.languageOptions,value:null!==(o=null===(n=this.value)||void 0===n?void 0:n.language)&&void 0!==o?o:"",disabled:this.disabled,placeholder:this.translationSlimmer.t("Select Language"),size:"small",vegaDropdownProps:this.languageDropdownProps,exportparts:"select-container, selected-box, placeholder, toggle-icon-container, toggle-icon",ref:this.handleLanguageChange}),t("vega-button-circle",{key:"delete-button",disabled:this.disabled,label:this.translationSlimmer.t("Delete Code"),icon:h.getIconKey("trash-can"),iconColor:"text-secondary",variant:"icon-only",size:"extra-small",ref:this.handleDeleteClick}))}}h.register({"trash-can":f}),H([s()],P.prototype,"readOnly",void 0),H([s()],P.prototype,"host",void 0),H([s()],P.prototype,"disabled",void 0),H([s()],P.prototype,"showCopyButton",void 0),H([s()],P.prototype,"value",void 0),H([s()],P.prototype,"contentRenderer",void 0),H([s()],P.prototype,"valueController",void 0),H([s()],P.prototype,"removeEventEmitter",void 0),H([s()],P.prototype,"translationSlimmer",void 0),H([s()],P.prototype,"copyButtonRenderer",void 0);var N=function(t,e,n,o){var i,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,n,o);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(s=(r<3?i(s):r>3?i(e,n,s):i(e,n))||s);return r>3&&s&&Object.defineProperty(e,n,s),s};class _ extends a{constructor(){super(...arguments),this.handleFocus=()=>{this.readOnly||this.disabled||this.host.classList.add("focus")},this.handleBlur=()=>{this.host.classList.remove("focus"),w.notify(b.getSubject(this.host,j),null)}}getCodeContentContainerRef(){return this.codeContentContainerRef}registerEventListener(){this.codeContentContainerRef&&(this.codeContentContainerRef.addEventListener("focusin",this.handleFocus),this.codeContentContainerRef.addEventListener("focusout",this.handleBlur))}unregisterEventListener(){this.codeContentContainerRef&&(this.codeContentContainerRef.removeEventListener("focusin",this.handleFocus),this.codeContentContainerRef.removeEventListener("focusout",this.handleBlur))}render(){var n;const o=this.contentParseController.parseCode(),i=(null===(n=this.value)||void 0===n?void 0:n.language)||"";return t(e,null,t("style",null,this.getLineNumberStyleVariable(o)),t("code",{role:"textbox",tabIndex:0,spellcheck:!1,ref:t=>this.codeContentContainerRef=t,contenteditable:!this.readOnly&&!this.disabled,"data-language":i,innerHTML:o.map((t=>this.renderCodeNode(t))).join("")}))}renderCodeNode(t){const{key:e,className:n,mark:o,text:i}=t;return`<span key='${e}' class='${n}' data-mark='${o}' data-index='${e}'>${i}</span>`}getLineNumberStyleVariable(t){const e=10*(t.filter((t=>"\n"===t.text)).length+1).toString().length;return`code{--v-code-line-number-width:${e}px;--v-code-line-number-ml:-${e+16}px;--v-code-block-pl:${e+16}px}`}}N([s()],_.prototype,"host",void 0),N([s()],_.prototype,"readOnly",void 0),N([s()],_.prototype,"disabled",void 0),N([s()],_.prototype,"value",void 0),N([s()],_.prototype,"contentParseController",void 0),N([c("componentDidLoad")],_.prototype,"registerEventListener",null),N([c("disconnectedCallback")],_.prototype,"unregisterEventListener",null);var z=function(t,e,n,o){var i,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,n,o);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(s=(r<3?i(s):r>3?i(e,n,s):i(e,n))||s);return r>3&&s&&Object.defineProperty(e,n,s),s};class B extends a{updateValue(t,e,n){this.value&&this.value.code===t&&this.value.language===e||(this.value={language:e,code:t},this.changeEventEmitter.emit(this.value),n&&n.recordHistory&&this.historyController.registerHistory({value:this.value,offset:n.offset}))}initialValue(){this.value||(this.value={code:"",language:"plainText"})}}z([s({writable:!0})],B.prototype,"value",void 0),z([s()],B.prototype,"changeEventEmitter",void 0),z([s()],B.prototype,"historyController",void 0),z([c("connectedCallback")],B.prototype,"initialValue",null);var I=function(t,e,n,o){var i,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,n,o);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(s=(r<3?i(s):r>3?i(e,n,s):i(e,n))||s);return r>3&&s&&Object.defineProperty(e,n,s),s};class M extends a{constructor(){super(...arguments),this.codeNodes=[]}getCurrentCodeNodes(){return this.codeNodes}parseCode(){const t=[this.prismCodeHighlightParser,this.defaultCodeHighlightParser];let e=[];for(const n of t)if(n.canParse()){e=n.parse();break}return this.codeNodes=e,e}}I([s()],M.prototype,"prismCodeHighlightParser",void 0),I([s()],M.prototype,"defaultCodeHighlightParser",void 0);class V{constructor(t){this.contentOffset=0,this.selectedText="",this.codeContainerRef=t}updateRange(t,e,n,o=""){const i=new V(this.codeContainerRef);return i.selectedText=o,i.contentOffset=i.getContentOffset(t,e,n),i}updateContentOffset(t){return this.contentOffset=Math.max(0,t),this.selectedText="",this.contentOffset}createNativeRange(t){const{nodeIndex:e,offset:n}=this.getFocusNodeState(t,this.contentOffset),o=new Range,i=this.codeContainerRef.querySelector(`span[data-index="${e}"]`);if(i){const t=Math.min(i.firstChild.textContent.length,n);return o.setStart(i.firstChild,t),o.setEnd(i.firstChild,t),o}}getContentOffset(t,e,n){let o=t.nodeType===Node.TEXT_NODE?t.parentElement:t;if("CODE"===o.nodeName&&o.childNodes&&o.childNodes.length&&(o=o.childNodes[Math.min(e,o.childNodes.length-1)],e=0),o&&o.hasAttribute("data-index")){const t=Number(o.dataset.index);let i="";for(let e=0;e<t;e++)i+=n[e].text;return i.length+e}return 0}getFocusNodeState(t,e){const n=this.getCodeContent(t),o={nodeIndex:0,offset:0};if(!n||e>=n.length)o.nodeIndex=t.length-1,o.offset=t[o.nodeIndex].text.length;else{let n="";for(let i=0;i<t.length;i++)if(n+=t[i].text,n.length>=e){o.offset=Math.max(0,t[i].text.length-(n.length-e)),o.nodeIndex=i;break}}return"\n"===t[o.nodeIndex].text&&o.offset>0&&t[o.nodeIndex+1]&&(o.nodeIndex+=1,o.offset=0),o}getCodeContent(t){return t.map((t=>t.text)).join("")}}var Z=function(t,e,n,o){var i,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,n,o);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(s=(r<3?i(s):r>3?i(e,n,s):i(e,n))||s);return r>3&&s&&Object.defineProperty(e,n,s),s};class U extends S{constructor(){super(1),this.handleSelectionWithDebounce=A(this.handleSelectionChange,U.SELECTION_CHANGE_DEBOUNCE_TIME,this),this.doTask=async()=>{await Promise.resolve();const t=this.getSelection(),e=this.codeBlockRange.createNativeRange(this.contentParseController.getCurrentCodeNodes());t&&e&&(t.removeAllRanges(),t.addRange(e))}}getCurrentRange(){return this.codeBlockRange}setNextCodeBlockRange(t,e=!1){this.codeBlockRange.updateContentOffset(t),super.enqueueTheTaskIntoQueue(e)}addSelectionChangeEventListener(){this.codeBlockRange=new V(this.contentRenderer.getCodeContentContainerRef()),document.addEventListener("selectionchange",this.handleSelectionWithDebounce)}removeSelectionChangeEventListener(){document.removeEventListener("selectionchange",this.handleSelectionWithDebounce)}getSelection(){return F.getSelection(this.host.shadowRoot)}handleSelectionChange(){const t=this.getSelection();t&&t.rangeCount>0?(this.syncCodeRangeByNativeRange(),w.notify(b.getSubject(this.host,k),{detail:!0})):w.notify(b.getSubject(this.host,k),{detail:!1})}syncCodeRangeByNativeRange(){const t=this.getSelection();if(this.isCodeBlockActive()&&0===this.autoRunTaskQueue.queue.length&&!this.insertCompositionTextController.isComposing()){const e=t.getRangeAt(0),{startContainer:n,startOffset:o}=e;this.codeBlockRange=this.codeBlockRange.updateRange(n,o,this.contentParseController.getCurrentCodeNodes(),e.toString())}}isCodeBlockActive(){return this.host&&this.host.classList.contains("focus")}}U.SELECTION_CHANGE_DEBOUNCE_TIME=Math.min($.SELECTION_CHANGE_DEBOUNCE_TIME,40),Z([s()],U.prototype,"host",void 0),Z([s()],U.prototype,"contentRenderer",void 0),Z([s()],U.prototype,"contentParseController",void 0),Z([s()],U.prototype,"insertCompositionTextController",void 0),Z([c("componentDidLoad")],U.prototype,"addSelectionChangeEventListener",null),Z([c("disconnectedCallback")],U.prototype,"removeSelectionChangeEventListener",null);class Y extends a{deleteSelectedText(t,e,n){return n>=t.length?"":t.slice(0,e)+t.slice(e+n)}getCodeNodesContent(t){return t.map((t=>t.text)).join("")}stopEventPropagation(t){t&&"function"==typeof t.stopPropagation&&t.stopPropagation()}reCalculateRangeAndContent(t,e,n){let o=t.contentOffset,i=e;return t&&(t.selectedText.length&&(i=this.deleteSelectedText(i,t.contentOffset,t.selectedText.length)),i=i.slice(0,t.contentOffset)+n+i.slice(t.contentOffset),o=t.contentOffset+n.length),{nextOffset:o,updatedContent:i}}}var G=function(t,e,n,o){var i,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,n,o);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(s=(r<3?i(s):r>3?i(e,n,s):i(e,n))||s);return r>3&&s&&Object.defineProperty(e,n,s),s};class q extends Y{constructor(){super(...arguments),this.handleInputEvent=t=>{this.stopEventPropagation(t),this.updateCodeContent()},this.handleBeforeInput=t=>{switch(t.stopPropagation(),t.inputType){case"deleteContentBackward":return void(this.value&&this.value.code&&""!==this.value.code?this.handleDeleteAction(t):t.preventDefault());case"historyUndo":case"historyRedo":return void t.preventDefault()}this.updateCodeBlockRange(t)}}registerInputEvent(){const t=this.contentRenderer.getCodeContentContainerRef();t&&(t.addEventListener("beforeinput",this.handleBeforeInput),t.addEventListener("input",this.handleInputEvent))}unregisterEventListener(){const t=this.contentRenderer.getCodeContentContainerRef();t&&(t.removeEventListener("beforeinput",this.handleBeforeInput),t.removeEventListener("input",this.handleInputEvent))}handleDeleteAction(t){const e=this.selectionController.getCurrentRange();if(e){t.preventDefault();const n=e.contentOffset,o=this.contentParseController.getCurrentCodeNodes();let i=this.getCodeNodesContent(o),r=n;e.selectedText.length?i=this.deleteSelectedText(i,n,e.selectedText.length):n>0&&(i=i.slice(0,n-1)+i.slice(n),r-=1),this.selectionController.setNextCodeBlockRange(r),this.valueController.updateValue(i,this.value.language,{recordHistory:!0,offset:r})}}updateCodeBlockRange(t){const e=this.selectionController.getCurrentRange();!this.insertCompositionTextController.isComposing()&&e&&this.selectionController.setNextCodeBlockRange(e.contentOffset+this.getInsertDataLength(t))}getInsertDataLength(t){const{data:e,inputType:n}=t;switch(n){case"insertText":return e.length;case"insertParagraph":case"insertLineBreak":return 1;default:return 0}}updateCodeContent(){var t;if(!this.insertCompositionTextController.isComposing()){let e=this.contentRenderer.getCodeContentContainerRef().innerText;this.isInsertLineBreakInLowVersionFirefox(e)&&(e+="\n"),this.valueController.updateValue(e,null===(t=this.value)||void 0===t?void 0:t.language,{recordHistory:!0,offset:this.selectionController.getCurrentRange().contentOffset})}}isInsertLineBreakInLowVersionFirefox(t){var e;const n=(null===(e=this.value)||void 0===e?void 0:e.code)||"";return!n.endsWith("\n")&&t===n+"\n"}}G([s()],q.prototype,"selectionController",void 0),G([s()],q.prototype,"contentRenderer",void 0),G([s()],q.prototype,"valueController",void 0),G([s()],q.prototype,"contentParseController",void 0),G([s()],q.prototype,"insertCompositionTextController",void 0),G([s()],q.prototype,"value",void 0),G([c("componentDidLoad")],q.prototype,"registerInputEvent",null),G([c("disconnectedCallback")],q.prototype,"unregisterEventListener",null);var W=function(t,e,n,o){var i,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,n,o);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(s=(r<3?i(s):r>3?i(e,n,s):i(e,n))||s);return r>3&&s&&Object.defineProperty(e,n,s),s};class Q extends a{focusAndUpdateSelection(){if(!this.disabled&&!this.readOnly){const t=this.contentRenderer.getCodeContentContainerRef();t&&(t.focus(),this.selectionController.setNextCodeBlockRange(this.value&&this.value.code&&" "!==this.value.code?this.value.code.length:0,!0))}}removeFocusAfterDisabled(){(this.disabled||this.readOnly)&&this.host.classList.remove("focus")}}W([s()],Q.prototype,"host",void 0),W([s()],Q.prototype,"value",void 0),W([s()],Q.prototype,"readOnly",void 0),W([s()],Q.prototype,"disabled",void 0),W([s()],Q.prototype,"contentRenderer",void 0),W([s()],Q.prototype,"selectionController",void 0),W([c("doFocus")],Q.prototype,"focusAndUpdateSelection",null),W([c("watchEditableChange")],Q.prototype,"removeFocusAfterDisabled",null);var X=function(t,e,n,o){var i,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,n,o);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(s=(r<3?i(s):r>3?i(e,n,s):i(e,n))||s);return r>3&&s&&Object.defineProperty(e,n,s),s};class J extends a{constructor(){super(...arguments),this.handleCopyClick=t=>{v.addUniqueObserverToNode(t,m,(async()=>{var e;const n=(null===(e=this.value)||void 0===e?void 0:e.code)||"";if(n&&globalThis.navigator&&globalThis.navigator.clipboard){clearTimeout(this.updateLabelTimer),await globalThis.navigator.clipboard.writeText(n);const e=t.label;t.label=this.translationSlimmer.t("Copied"),this.updateLabelTimer=setTimeout((()=>{t&&(t.label=e)}),J.RESET_TOOLTIP_TIME)}}))}}render(){if(this.showCopyButton&&this.readOnly)return t("vega-button-circle",{key:"copy-button",label:this.translationSlimmer.t("Copy Code"),class:"copy-code-button",icon:h.getIconKey("copy"),iconColor:"text-secondary",variant:"icon-only",size:"extra-small",ref:this.handleCopyClick})}}function K(t,e){if(!t||!e)return[t];const n=[t];return function(t,e){const n=[],o=[];for(const t of Object.keys(e)){const i=e[t],r=Array.isArray(i)?i:[i];for(const e of r)e.greedy?n.push({tokenType:t,patternDef:e}):o.push({tokenType:t,patternDef:e})}n.length>0&&function(t,e){for(let n=0;n<t.length;n++){const o=t[n];if("string"!=typeof o)continue;const i=o;let r=i;const s=[];for(const{tokenType:t,patternDef:n}of e){const{pattern:e,lookbehind:o,inside:a}=n,c=new RegExp(e.source,e.flags.replace(/g/g,"")+"g");let l;for(;null!==(l=c.exec(r));){let e=l.index,n=l[0];if(0===n.length){c.lastIndex++;continue}if(-1!==n.indexOf("\0GREEDY_PLACEHOLDER\0"))continue;if(o&&l[1]){const t=l[1].length;e+=t,n=n.slice(t)}const d=e+n.length;s.push({tokenType:t,matchStart:e,matchEnd:d,matchText:i.slice(e,d),inside:a}),r=r.slice(0,e)+"\0GREEDY_PLACEHOLDER\0".repeat(n.length).slice(0,n.length)+r.slice(d)}}if(0===s.length)continue;s.sort(((t,e)=>t.matchStart-e.matchStart));const a=[];let c=0;for(const t of s){t.matchStart>c&&a.push(i.slice(c,t.matchStart));let e=t.matchText;if(t.inside){const n=K(t.matchText,t.inside);e=1===n.length?n[0]:n}a.push({type:t.tokenType,content:e}),c=t.matchEnd}c<i.length&&a.push(i.slice(c)),t.splice(n,1,...a),n+=a.length-1}}(t,n);for(const{tokenType:e,patternDef:n}of o)tt(t,e,n)}(n,e),n}function tt(t,e,n){for(let o=0;o<t.length;o++){const i=t[o];if("string"!=typeof i)continue;const r=et(i,e,n);1===r.length&&"string"==typeof r[0]||(t.splice(o,1,...r),o+=r.length-1)}}function et(t,e,n){const{pattern:o,lookbehind:i,inside:r}=n,s=new RegExp(o.source,o.flags.replace(/g/g,"")+"g"),a=[];let c,l=0;for(;null!==(c=s.exec(t));){let n=c.index,o=c[0];if(0===o.length){s.lastIndex++;continue}if(i&&c[1]){const t=c[1].length;n+=t,o=o.slice(t)}n>l&&a.push(t.slice(l,n));let d=o;if(r){const t=K(o,r);d=1===t.length?t[0]:t}a.push({type:e,content:d}),l=n+o.length}return l<t.length&&a.push(t.slice(l)),0===a.length?[t]:a}h.register({copy:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><g clip-path="url(#clip0_70002_574)"><path fill="currentColor" d="M11.7794 1.65539L10.3439 0.219844C10.2044 0.0790078 10.0122 0 9.81303 0H5.97865C5.15014 0 4.47865 0.671719 4.47865 1.5L4.47911 7.5C4.49975 8.32969 5.1724 9 5.99975 9H10.4997C11.3247 9 11.9997 8.325 11.9997 7.5V2.18555C11.9997 1.9868 11.9201 1.79602 11.7794 1.65539ZM10.8747 7.5C10.8747 7.70709 10.7068 7.875 10.4997 7.875H5.97865C5.77151 7.875 5.60365 7.70709 5.60365 7.5V1.50305C5.60365 1.29595 5.77156 1.12805 5.97865 1.12805H8.97865L8.99975 2.25C8.99975 2.66414 9.33561 3 9.74975 3H10.8537V7.5H10.8747ZM6.37475 10.5C6.37475 10.7071 6.20684 10.875 5.99975 10.875H1.47865C1.27151 10.875 1.10365 10.7071 1.10365 10.5L1.12428 4.50234C1.12428 4.29525 1.29218 4.12734 1.49928 4.12734H3.74975V3H1.49951C0.670996 3 -0.000488281 3.67148 -0.000488281 4.5L-0.000258594 10.5C-0.000207031 11.3273 0.671465 12 1.49975 12H5.99975C6.82475 12 7.49975 11.325 7.49975 10.5V9.75H6.39584L6.37475 10.5Z"/></g><defs><clipPath id="clip0_70002_574"><rect width="12" height="12" fill="currentColor"/></clipPath></defs></svg>'}}),J.RESET_TOOLTIP_TIME=1e3,X([s()],J.prototype,"value",void 0),X([s()],J.prototype,"readOnly",void 0),X([s()],J.prototype,"showCopyButton",void 0),X([s()],J.prototype,"translationSlimmer",void 0);const nt={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"']|"[^"]*"|'[^']*')+(?:>|$)/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0},punctuation:{pattern:/^<!|>$|[[\]]/},"doctype-tag":{pattern:/^DOCTYPE/i},name:{pattern:/[^\s<>'"/]+/},string:{pattern:/("|')[\s\S]*?\1/,greedy:!0}}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>/=$<%]+(?:\s(?:\s*[^\s>/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>/]+/,inside:{punctuation:{pattern:/^<\/?/},namespace:{pattern:/^[^\s>/:]+:/}}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:{pattern:/\/?>/},"attr-name":{pattern:/[^\s>/]+/,inside:{namespace:{pattern:/^[^\s>/:]+:/}}}}},entity:[{pattern:/&[\da-z]{1,8};/i},{pattern:/&#x?[\da-f]{1,8};/i}]},ot={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:[{pattern:/(["'])(?:\\[\s\S]|(?!\1)[^\\\r\n])*\1/,greedy:!0}],"template-string":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/},interpolation:{pattern:/\$\{(?:[^{}]|\{(?:[^{}]|\{[^{}]*\})*\})*\}/,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/}}},string:{pattern:/[\s\S]+/}}},regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[.\r\n,;:})\]]|\/\/))/,lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0},"regex-delimiter":{pattern:/^\/|\/$/},"regex-flags":{pattern:/^[a-z]+$/}}},"class-name":[{pattern:/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,lookbehind:!0,inside:{punctuation:{pattern:/[.\\]/}}}],keyword:[{pattern:/\b(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/}],boolean:{pattern:/\b(?:false|true)\b/},number:{pattern:/\b(?:(?:0[xX][\dA-Fa-f](?:_[\dA-Fa-f])*|0[bB][01](?:_[01])*|0[oO][0-7](?:_[0-7])*)n?|(?:\d(?:_\d)*\.?\d*|\.\d+)(?:[Ee][+-]?\d(?:_\d)*)?n?|NaN|Infinity)\b/},function:{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/},operator:{pattern:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%|&^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/},punctuation:{pattern:/[{}[\];(),.:]/},constant:{pattern:/\b[A-Z](?:[A-Z_]|\dx)*\b/}};const{function:it,punctuation:rt}=ot,st=function(t,e){var n={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&e.indexOf(o)<0&&(n[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(o=Object.getOwnPropertySymbols(t);i<o.length;i++)e.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(t,o[i])&&(n[o[i]]=t[o[i]])}return n}(ot,["keyword","function","operator","punctuation"]),at=Object.assign(Object.assign({},st),{"class-name":[{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:{punctuation:{pattern:/[<>.,]/}}}],builtin:{pattern:/\b(?:Array|Boolean|Date|Function|Map|Number|Object|Promise|RegExp|Set|String|WeakMap|WeakSet|bigint|boolean|never|null|number|string|symbol|undefined|unknown|void)\b/},keyword:[{pattern:/\b(?:abstract|as|asserts|async|await|break|case|catch|class|const|constructor|continue|debugger|declare|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|infer|instanceof|interface|is|keyof|let|module|namespace|new|null|of|package|private|protected|public|readonly|return|require|set|static|super|switch|this|throw|try|type|typeof|undefined|var|void|while|with|yield)\b/}],function:it,"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:{pattern:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/},generic:{pattern:/<[\s\S]+/,inside:{punctuation:{pattern:/[<>(),.]/},keyword:{pattern:/\b(?:extends|infer|keyof)\b/},builtin:{pattern:/\b(?:boolean|never|null|number|string|symbol|undefined|unknown|void)\b/}}}}},operator:{pattern:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%|&^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]|!(?=\s*[^=])/},punctuation:rt}),ct=Object.assign(Object.assign({tag:{pattern:/<\/?(?:[\w.:-]+(?:\s+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])+\}))?|\{\.{3}[a-z_$][\w$]*(?:\.[\w$]+)*\}))*\s*\/?)?>/i,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>/]*/,inside:{punctuation:{pattern:/^<\/?/},namespace:{pattern:/^[^\s>/:]+:/}}},"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])+\})/,inside:{punctuation:[{pattern:/^=/},{pattern:/^(\s*)["'{]|[}"']$/,lookbehind:!0}],script:{pattern:/[\s\S]+/,inside:ot}}},spread:{pattern:/\{\.{3}[a-z_$][\w$]*(?:\.[\w$]+)*\}/,inside:{punctuation:{pattern:/^\{\.{3}|\}$/},"attr-name":{pattern:/[\s\S]+/}}},"attr-name":{pattern:/[^\s>/]+/,inside:{namespace:{pattern:/^[^\s>/:]+:/}}},punctuation:{pattern:/\/?>/}}}},ot),{entity:nt.entity}),lt={css:{comment:{pattern:/\/\*[\s\S]*?\*\//,greedy:!0},string:{pattern:/("|')(?:\\[\s\S]|(?!\1)[^\\\n\r])*\1/,greedy:!0},atrule:[{pattern:/@[\w-](?:[^;{\s]|\s+(?![\s{]))*(?:;|(?=\s*\{))/,inside:{rule:{pattern:/^@[\w-]+/},"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0},punctuation:{pattern:/[;:(){}]/}}}],url:{pattern:/\burl\((?:("|')(?:\\[\s\S]|(?!\1)[^\\\n\r])*\1|(?:[^\\\r\n()"']|\\[\s\S])*)\)/i,greedy:!0,inside:{function:{pattern:/^url/i},punctuation:{pattern:/^\(|\)$/},string:{pattern:/^("|')[\s\S]+(?=\1$)/,lookbehind:!0}}},selector:{pattern:/(?=\S)[^@;{}()]?(?:[^@;{}()\s]|\s+(?![\s{])|\((?:[^()]|\([^()]*\))*\))*(?=\s*\{)/,inside:{"pseudo-element":{pattern:/(?:::)[\w-]+/},"pseudo-class":{pattern:/(?::)[\w-]+/},class:{pattern:/\.[\w-]+/},id:{pattern:/#[\w-]+/},attribute:{pattern:/\[(?:[^[\]"']|("|')(?:\\[\s\S]|(?!\1)[^\\\n\r])*\1)*\]/,greedy:!0,inside:{punctuation:{pattern:/^\[|\]$/},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\u00B7\u00C0-\u024F])+/i,lookbehind:!0},"attr-value":[{pattern:/(=\s*)(?:"[^"]*"|'[^']*'|[^\s'"=]+)/,lookbehind:!0}],operator:{pattern:/[|~*^$]?=/}}}}},property:{pattern:/(?!\s)[-_a-z\u00B7\u00C0-\u024F][-\w\u00B7\u00C0-\u024F]*(?=\s*:)/i},important:{pattern:/!important\b/i},function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},number:{pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)(?:e[+-]?\d+)?/i,lookbehind:!0},unit:{pattern:/(\b\d+)(?:%|[a-z]+)/,lookbehind:!0},punctuation:{pattern:/[(){};:,]/},operator:{pattern:/[+\-*/=><~^|]+/}},html:nt,markup:nt,javascript:ot,js:ot,typescript:at,ts:at,jsx:ct,tsx:Object.assign(Object.assign({tag:ct.tag},at),{entity:ct.entity}),c:ot,clike:ot};const dt=Object.values(x);class pt extends a{splitTag(t){if(!this.hasSpecialCharacter(t)||t.length<2)return[t];{const e=[],n=t.split("");let o=0;return n.forEach((t=>{"<"===t||">"===t||"/"===t?(e.push(t),o=e.length):e[o]=e[o]?e[o]+t:t})),e}}isHighlightLanguage(t){return"plainText"!==t&&dt.includes(t)}markLineNumberNodes(t){0===t.length&&t.push({text:"\n",key:"0",className:""});let e=0;return t.map(((n,o)=>{let i=n.className;return 0!==o&&"\n"!==t[o-1].text||(e++,i=`v-code-line-number ${n.className}`),{text:n.text,key:`${o}`,className:i,mark:`${e}`}}))}hasSpecialCharacter(t){return/[<|>|\\/]/.test(t)}}!function(t,e,n,o){var i,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,n,o);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(s=(r<3?i(s):r>3?i(e,n,s):i(e,n))||s);r>3&&s&&Object.defineProperty(e,n,s)}([s()],pt.prototype,"value",void 0);class ut extends pt{canParse(){const{code:t,language:e}=this.value||{code:""};return t&&e&&this.isHighlightLanguage(e)}parse(){const{code:t,language:e}=this.value;let n=[];const o=K(t,function(t){return lt[t]}(e));return n=this.getHighlightNodes(o),this.markLineNumberNodes(n)}getHighlightNodes(t,e){const n=[];for(const o of t)if("string"==typeof o){const t=o.split(/(\n|\t)/),i=t.length;for(let o=0;o<i;o++){const i=t[o];if(i){const t=this.splitTag(i);n.push(...t.map((t=>this.createCodeNode(t,e))))}}}else{const{content:t}=o;"string"==typeof t?n.push(...this.getHighlightNodes([t],o.type)):Array.isArray(t)&&n.push(...this.getHighlightNodes(t,o.type))}return n}createCodeNode(t,e){return{text:t,key:"",className:`token ${e||""}`,mark:""}}}class ht extends pt{canParse(){const{code:t,language:e}=this.value||{code:""};return!t||!e||"plainText"===e||!this.isHighlightLanguage(e)}parse(){var t,e;const n=(null!==(e=null===(t=this.value)||void 0===t?void 0:t.code)&&void 0!==e?e:"").split(/(\n)/);let o=[];return n.forEach((t=>{if(t){const e=this.splitTag(t);o.push(...e.map((t=>({text:t,key:"",className:""}))))}})),o=this.markLineNumberNodes(o),o}}var ft=function(t,e,n,o){var i,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,n,o);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(s=(r<3?i(s):r>3?i(e,n,s):i(e,n))||s);return r>3&&s&&Object.defineProperty(e,n,s),s};class vt extends a{constructor(){super(...arguments),this.insertCompositionTextEndFlag=!0,this.handleCompositionStart=t=>{this.insertCompositionTextEndFlag=!1,this.stopEventPropagation(t)},this.handleCompositionEnd=t=>{var e;this.insertCompositionTextEndFlag=!0,this.stopEventPropagation(t);const n=this.selectionController.getCurrentRange();n&&this.selectionController.setNextCodeBlockRange(n.contentOffset+t.data.length);const o=this.contentRenderer.getCodeContentContainerRef().innerText;this.valueController.updateValue(o,null===(e=this.value)||void 0===e?void 0:e.language)}}isComposing(){return!this.insertCompositionTextEndFlag}registerInputEvent(){const t=this.contentRenderer.getCodeContentContainerRef();t&&(t.addEventListener("compositionstart",this.handleCompositionStart),t.addEventListener("compositionend",this.handleCompositionEnd))}unregisterEventListener(){const t=this.contentRenderer.getCodeContentContainerRef();t&&(t.removeEventListener("compositionstart",this.handleCompositionStart),t.removeEventListener("compositionend",this.handleCompositionEnd))}stopEventPropagation(t){t.stopPropagation()}}ft([s()],vt.prototype,"selectionController",void 0),ft([s()],vt.prototype,"contentRenderer",void 0),ft([s()],vt.prototype,"valueController",void 0),ft([s()],vt.prototype,"contentParseController",void 0),ft([s()],vt.prototype,"value",void 0),ft([c("componentDidLoad")],vt.prototype,"registerInputEvent",null),ft([c("disconnectedCallback")],vt.prototype,"unregisterEventListener",null);var bt=function(t,e,n,o){var i,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,n,o);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(s=(r<3?i(s):r>3?i(e,n,s):i(e,n))||s);return r>3&&s&&Object.defineProperty(e,n,s),s};class gt extends L{constructor(){super(...arguments),this.getEffectiveTargets=()=>[this.contentRenderer.getCodeContentContainerRef()]}async undo(){if(this.undoStack.length>1){const t=this.undoStack.pop();this.redoStack.push(t);const e=this.undoStack[this.undoStack.length-1];e&&await this.restoreState(e)}}async redo(){const t=this.redoStack.pop();this.undoStack.push(t),await this.restoreState(t)}initialHistory(){this.registerHistory({value:this.value,offset:this.value.code.length},!0)}getIneffectiveTargets(){return[]}async restoreState(t){const{value:e,offset:n}=t;this.selectionController.setNextCodeBlockRange(n),this.valueController.updateValue(e.code,e.language)}}bt([s()],gt.prototype,"contentRenderer",void 0),bt([s()],gt.prototype,"value",void 0),bt([s()],gt.prototype,"valueController",void 0),bt([s()],gt.prototype,"selectionController",void 0),bt([c("componentDidLoad")],gt.prototype,"initialHistory",null);var mt=function(t,e,n,o){var i,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,n,o);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(s=(r<3?i(s):r>3?i(e,n,s):i(e,n))||s);return r>3&&s&&Object.defineProperty(e,n,s),s};class yt extends Y{constructor(){super(...arguments),this.handlePasteEvent=t=>{var e,n;t.preventDefault(),this.stopEventPropagation(t);const o=t.clipboardData;if(null===(e=null==o?void 0:o.files)||void 0===e?void 0:e.length)return;const i=null!==(n=null==o?void 0:o.getData("text/plain"))&&void 0!==n?n:"";i&&this.updateCodeBlockRangeAndContent(i)}}registerInputEvent(){const t=this.contentRenderer.getCodeContentContainerRef();t&&t.addEventListener("paste",this.handlePasteEvent)}unregisterEventListener(){const t=this.contentRenderer.getCodeContentContainerRef();t&&t.removeEventListener("paste",this.handlePasteEvent)}updateCodeBlockRangeAndContent(t){const{nextOffset:e,updatedContent:n}=this.getLatestRangeAndContent(t);this.selectionController.setNextCodeBlockRange(e),this.valueController.updateValue(n,this.value.language,{recordHistory:!0,offset:this.selectionController.getCurrentRange().contentOffset})}getLatestRangeAndContent(t){const e=this.selectionController.getCurrentRange(),n=this.contentParseController.getCurrentCodeNodes(),o=this.getCodeNodesContent(n);return this.reCalculateRangeAndContent(e,o,t)}}mt([s()],yt.prototype,"host",void 0),mt([s()],yt.prototype,"valueController",void 0),mt([s()],yt.prototype,"contentRenderer",void 0),mt([s()],yt.prototype,"value",void 0),mt([s()],yt.prototype,"selectionController",void 0),mt([s()],yt.prototype,"contentParseController",void 0),mt([s()],yt.prototype,"inputController",void 0),mt([c("componentDidLoad")],yt.prototype,"registerInputEvent",null),mt([c("disconnectedCallback")],yt.prototype,"unregisterEventListener",null);var xt=function(t,e,n,o){var i,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,n,o);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(s=(r<3?i(s):r>3?i(e,n,s):i(e,n))||s);return r>3&&s&&Object.defineProperty(e,n,s),s};const Ct=class{constructor(t){n(this,t),this.vegaChange=o(this,"vegaChange",7),this.change=o(this,"change",7),this.vegaRemove=o(this,"vegaRemove",7),this.remove=o(this,"remove",7),this.globalSlimmers={},this.componentGlobalStyleSlimmer=new D(":root{--code-orange:#cd3e00;--code-green:#007e7e;--code-purple:#6851f5;--code-gray:#67727e;--code-neutral:rgb(15, 36, 51);--code-neutral-8:rgba(15, 36, 51, 0.8);--code-neutral-7:rgba(15, 36, 51, 0.7)}.dark{--code-orange:#ff9571;--code-green:#73e6dc;--code-purple:#c7bdff;--code-gray:#8b959f;--code-neutral:rgb(252, 252, 252);--code-neutral-8:rgba(252, 252, 252, 0.8);--code-neutral-7:rgba(252, 252, 252, 0.7)}"),this.translationSlimmer=new E,this.vegaComponentUsageRuntimeMetricsSlimmer=new d,this.codeBlockRenderer=new P,this.contentRenderer=new _,this.copyButtonRenderer=new J,this.valueController=new B,this.contentParseController=new M,this.prismCodeHighlightParser=new ut,this.defaultCodeHighlightParser=new ht,this.selectionController=new U,this.inputController=new q,this.insertCompositionTextController=new vt,this.focusController=new Q,this.historyController=new gt,this.changeEventEmitter=R(Ct,g),this.removeEventEmitter=R(Ct,y),this.codeBlockPasteController=new yt,this.eventPreventSlimmer=new T([g],(()=>this.codeBlockRenderer.getToolbarContainerRef())),this.readOnly=!1,this.disabled=!1,this.showCopyButton=!0,this.showLineNumber=!0}watchEditableChange(){}componentShouldUpdate(t,e,n){return"value"!==n||!O(t,e)}async doFocus(){}render(){const e=C([this.readOnly?"readonly":"",this.disabled?"disabled":"",this.showLineNumber?"show-line-number":"",this.prismCodeHighlightParser.canParse()?"highlight":""]);return u(t(i,{contenteditable:!1,class:e},this.codeBlockRenderer.render()),this.host)}get host(){return r(this)}static get watchers(){return{readOnly:["watchEditableChange"],disabled:["watchEditableChange"]}}};xt([p()],Ct.prototype,"globalSlimmers",void 0),xt([l()],Ct.prototype,"componentGlobalStyleSlimmer",void 0),xt([l()],Ct.prototype,"translationSlimmer",void 0),xt([l()],Ct.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),xt([l()],Ct.prototype,"codeBlockRenderer",void 0),xt([l()],Ct.prototype,"contentRenderer",void 0),xt([l()],Ct.prototype,"copyButtonRenderer",void 0),xt([l()],Ct.prototype,"valueController",void 0),xt([l()],Ct.prototype,"contentParseController",void 0),xt([l()],Ct.prototype,"prismCodeHighlightParser",void 0),xt([l()],Ct.prototype,"defaultCodeHighlightParser",void 0),xt([l()],Ct.prototype,"selectionController",void 0),xt([l()],Ct.prototype,"inputController",void 0),xt([l()],Ct.prototype,"insertCompositionTextController",void 0),xt([l()],Ct.prototype,"focusController",void 0),xt([l()],Ct.prototype,"historyController",void 0),xt([l()],Ct.prototype,"changeEventEmitter",void 0),xt([l()],Ct.prototype,"removeEventEmitter",void 0),xt([l()],Ct.prototype,"codeBlockPasteController",void 0),xt([l()],Ct.prototype,"eventPreventSlimmer",void 0),Ct.style=':host{display:block;border-radius:2px;background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));padding-left:12px;padding-right:12px;padding-top:12px;padding-bottom:12px}:host code{display:block;box-sizing:border-box;color:rgba(var(--v-text-primary, 32, 54, 69, 1));text-align:left;font-family:"Roboto Mono";font-weight:400;line-height:22px;font-size:16px;white-space:pre-wrap;min-height:22px;tab-size:2px;word-break:break-word}:host code:focus-visible{outline:none}:host .editor-toolbar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:12px;border:1px solid rgba(var(--v-border-divider-secondary, 199, 217, 229, 1));border-top-width:0px;border-left-width:0px;border-right-width:0px;margin-bottom:12px;user-select:none}:host .editor-toolbar vega-input-select{width:auto;min-width:161px}:host(.show-line-number) code .v-code-line-number::before{content:attr(data-mark);width:var(--v-code-line-number-width);margin-left:var(--v-code-line-number-ml);padding-right:16px;text-align:right;user-select:none;font-style:normal;word-break:keep-all;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));display:inline-block}:host(.show-line-number) code{padding-left:var(--v-code-block-pl)}:host::part(select-container){padding-top:0px;padding-bottom:0px;padding-left:8px;padding-right:8px;border-radius:4px}:host::part(selected-box),:host::part(placeholder){font-size:14px;user-select:none}:host::part(toggle-icon-container){width:12px;height:12px;line-height:12px}:host::part(toggle-icon){width:12px;height:12px}:host(.readonly) .copy-button-container{position:relative}:host(.readonly) .copy-button-container .copy-code-button{position:absolute;top:0px;right:0px}:host(.disabled:not(.highlight)) code{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host(.disabled.highlight){opacity:0.5}:host(.focus:not(.disabled,.readonly)){outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host(.highlight) code{color:var(--code-neutral)}code .comment,code .prolog,code .doctype,code .cdata{color:var(--code-gray);font-style:italic}code .namespace{color:var(--code-neutral-7)}code .string,code .attr-value,code .builtin{color:var(--code-green)}code .punctuation,code .operator,code .attr-equals{color:var(--code-gray)}code .entity,code .url,code .symbol,code .number,code .boolean,code .variable,code .constant,code .property,code .regex,code .inserted{color:var(--code-neutral-8)}code .atrule,code .function,code .attr-name{color:var(--code-orange)}code .deleted{color:var(--code-neutral)}code .function-variable{color:#ff0000}code .tag,code .selector,code .keyword{color:var(--code-purple)}';export{Ct as vega_code_block}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as t,I as e,V as i,L as s,M as n}from"./p-6e1ab235.js";import{f as o,d as r,b as h}from"./p-6c170474.js";import{I as a}from"./p-781fd6e0.js";import{c as l}from"./p-6a334573.js";import{P as c}from"./p-021d4ae4.js";import{A as u,P as d}from"./p-40f39194.js";import{H as p,i as f,a4 as v}from"./p-4d7d5583.js";import{R as m}from"./p-600f7d6c.js";import{t as g}from"./p-b75ee3ba.js";import{F as w}from"./p-18e8d9b7.js";import{C as b}from"./p-2d0d575f.js";import{S as R}from"./p-a528714c.js";import{O as j}from"./p-331a62d5.js";import{d as E,D as y}from"./p-31ac7386.js";import{x as A}from"./p-7c39ce96.js";class O{canRetrieve(){return!0}retrieve(){const t=document.body;return this.showConfig.appendableElement.parentElement!==t&&t.append(this.showConfig.appendableElement),t}}!function(t,e,i,s){var n,o=arguments.length,r=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var h=t.length-1;h>=0;h--)(n=t[h])&&(r=(o<3?n(r):o>3?n(e,i,r):n(e,i))||r);o>3&&r&&Object.defineProperty(e,i,r)}([t()],O.prototype,"showConfig",void 0);class S{canRetrieve(){return!this.showConfig.isScreenPosition}}class x extends S{canRetrieve(){return super.canRetrieve()&&!!this.showConfig.positionRelativeTo&&!!document.querySelector(this.showConfig.positionRelativeTo)}retrieve(){const t=document.querySelector(this.showConfig.positionRelativeTo);return this.showConfig.appendableElement.parentElement!==t&&t.append(this.showConfig.appendableElement),t}}!function(t,e,i,s){var n,o=arguments.length,r=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var h=t.length-1;h>=0;h--)(n=t[h])&&(r=(o<3?n(r):o>3?n(e,i,r):n(e,i))||r);o>3&&r&&Object.defineProperty(e,i,r)}([t()],x.prototype,"showConfig",void 0);class C extends S{canRetrieve(){return super.canRetrieve()&&!!o(this.showConfig.target,"vega-modal")}retrieve(){return this.getVegaModalShowConfigContainer()}setElementSlot(t,e){var i;const s=null===(i=Array.from(t.children).find((t=>{const e=t.getAttribute("slot");return e&&["content","modal-content"].includes(e)})))||void 0===i?void 0:i.getAttribute("slot");s&&e.setAttribute("slot",s)}getVegaModalShowConfigContainer(){const t=o(this.showConfig.target,"vega-modal"),e=t.shadowRoot.querySelector(".vega-modal-content-with-scroll"),i=t.shadowRoot.querySelector(".modal-dialog");return this.setElementSlot(t,this.showConfig.appendableElement),t.append(this.showConfig.appendableElement),e||i}}!function(t,e,i,s){var n,o=arguments.length,r=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var h=t.length-1;h>=0;h--)(n=t[h])&&(r=(o<3?n(r):o>3?n(e,i,r):n(e,i))||r);o>3&&r&&Object.defineProperty(e,i,r)}([t({writable:!0})],C.prototype,"showConfig",void 0);class P extends S{canRetrieve(){return super.canRetrieve()&&!!o(this.showConfig.target,".vega-popover")}retrieve(){const t=o(this.showConfig.target,".vega-popover");return t.append(this.showConfig.appendableElement),t}}!function(t,e,i,s){var n,o=arguments.length,r=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var h=t.length-1;h>=0;h--)(n=t[h])&&(r=(o<3?n(r):o>3?n(e,i,r):n(e,i))||r);o>3&&r&&Object.defineProperty(e,i,r)}([t()],P.prototype,"showConfig",void 0);var k=function(t,e,i,s){var n,o=arguments.length,r=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var h=t.length-1;h>=0;h--)(n=t[h])&&(r=(o<3?n(r):o>3?n(e,i,r):n(e,i))||r);return o>3&&r&&Object.defineProperty(e,i,r),r};class T extends i{constructor(){super(...arguments),this.positionRelativeToWrapper=new x,this.vegaPopoverWrapper=new P,this.vegaModalWrapper=new C,this.defaultWrapper=new O}setContainer(){this.setContainerRetrievers();for(const t of this.containerRetrievers)if(t.canRetrieve())return void(this.container=t.retrieve())}setContainerRetrievers(){this.containerRetrievers=[this.positionRelativeToWrapper,this.vegaPopoverWrapper,this.vegaModalWrapper,this.defaultWrapper]}}k([t({writable:!0})],T.prototype,"container",void 0),k([t({writable:!0})],T.prototype,"showConfig",void 0),k([e()],T.prototype,"positionRelativeToWrapper",void 0),k([e()],T.prototype,"vegaPopoverWrapper",void 0),k([e()],T.prototype,"vegaModalWrapper",void 0),k([e()],T.prototype,"defaultWrapper",void 0);class V extends i{shouldAdjustPosition(){return!0}getPositionBox(t,e){const i=t&&t.length>0?t:this.getPlacements(),s=e&&e.length>0?e:this.getAlignments(),n=this.getTargetBoundBox(),o=this.getElementBoundBox(),r=this.getElementScrollDimension(),h=this.getSuitablePlacement(r,o,n,i),a=h||i[0],l=this.getSuitableAlignment(r,o,n,a,s),c=this.calculatePosition(o,n,a,l||s[0]),u=this.getTranslocationBox(a);return c.placement=h,c.alignment=l,c.left+=u.X,c.top+=u.Y,this.showConfig.positionRelativeTo||this.adjustPositionForViewport(c,o,n,a),c}hasEnoughAlignmentSpace(t,e,i,s,n){if(["top","bottom"].includes(s))switch(n){case"start":return e.left+i.width<=t.width;case"center":return e.left>=(i.width-e.width)/2&&e.left+e.width/2+i.width/2<=t.width;case"end":return e.left+e.width>=i.width}if(["right","left"].includes(s))switch(n){case"start":return e.top+i.height<=t.height;case"center":return e.top>=(i.height-e.height)/2&&e.top+e.height/2+i.height/2<=t.height;case"end":return e.top+e.height>=i.height}return!1}calculateLeft(t,e,i,s){switch(i){case"top":case"bottom":return"end"===s?e.left+e.width-t.width:"center"===s?e.left-(t.width-e.width)/2:e.left;case"left":return e.left-t.width;case"right":return e.left+e.width;default:throw new Error(`Unexpected placement: ${i}. Expected values are top, bottom, left, or right.`)}}calculateTop(t,e,i,s){switch(i){case"left":case"right":return"end"===s?e.top+e.height-t.height:"center"===s?e.top-(t.height-e.height)/2:e.top;case"top":return e.top-t.height;case"bottom":return e.top+e.height;default:throw new Error(`Unexpected placement: ${i}. Expected values are top, bottom, left, or right.`)}}getAlignments(){const t=this.showConfig.alignment;if("string"==typeof t){const e=u.filter((e=>e!==t));return[t,...e]}return Array.isArray(t)?t:[...u]}getSuitablePlacement(t,e,i,n){const o=n[0];return n.find((s=>this.hasEnoughSpace(t,s,i,e)))||(s.warn(`\n No enough space found for placing element and we will keep using the defined placement:\n ${o}\n `),null)}getElementBoundBox(){const t=this.showConfig.appendableElement,e=t.classList.contains("vega-force-hidden");e&&t.classList.remove("vega-force-hidden");const i=t.getBoundingClientRect();return e&&t.classList.add("vega-force-hidden"),{width:i.width,height:i.height,left:i.left,top:i.top}}getPlacements(){const t=this.showConfig.placement;if("string"==typeof t){const e=d.filter((e=>e!==t));return[t,...e]}return Array.isArray(t)?t:[...d]}calculatePosition(t,e,i,s){return{top:this.calculateTop(t,e,i,s),left:this.calculateLeft(t,e,i,s)}}keepVerticallyInView(t,e){return Math.max(0,Math.min(t,window.innerHeight-e))}keepHorizontallyInView(t,e){return Math.max(0,Math.min(t,window.innerWidth-e))}isTargetInView(t){const e=window.innerHeight,i=window.innerWidth;return t.top<=e&&t.top+t.height>=0&&t.left<=i&&t.left+t.width>=0}adjustPositionForViewport(t,e,i,s){this.isTargetInView(i)&&("top"===s||"bottom"===s?t.top=this.adjustForVerticalOverflow(t.top,e.height,i.height):"left"!==s&&"right"!==s||(t.left=this.adjustForHorizontalOverflow(t.left,e.width,i.width)),t.top=this.keepVerticallyInView(t.top,e.height),t.left=this.keepHorizontallyInView(t.left,e.width))}adjustForVerticalOverflow(t,e,i){const s=t+e-window.innerHeight,n=-t;return s>0&&s<i?t-s:n>0&&n<i?t+n:t}adjustForHorizontalOverflow(t,e,i){const s=t+e-window.innerWidth,n=-t;return s>0&&s<i?t-s:n>0&&n<i?t+n:t}getTranslocationBox(t){const e=Array.isArray(this.showConfig.placement)?this.showConfig.placement[0]:this.showConfig.placement,i=this.getTranslocation(),s={X:0,Y:0};if(p(i)){let n=i.X,o=i.Y;(e&&["left","right"].includes(e)&&["top","bottom"].includes(t)||e&&["top","bottom"].includes(e)&&["left","right"].includes(t))&&(n=i.Y,o=i.X),["bottom","top"].includes(t)&&(s.Y="top"===t?-o:o,s.X=n),["left","right"].includes(t)&&(s.X="left"===t?-n:n,s.Y=o)}return s}getSuitableAlignment(t,e,i,n,o){const r=o[0];return o.find((s=>this.hasEnoughAlignmentSpace(t,i,e,n,s)))||(s.warn(`\n No enough space found for placing element and we will keep using the defined alignment:\n ${r}\n `),null)}hasEnoughSpace(t,e,i,s){switch(e){case"top":return i.top>=s.height;case"bottom":return t.height-i.top-i.height>=s.height;case"left":return i.left>=s.width;case"right":return t.width-i.left-i.width>=s.width;default:return!1}}getTranslocation(){const t=this.showConfig.translocation;return t&&m.format(t,"translocation")}}var M=function(t,e,i,s){var n,o=arguments.length,r=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var h=t.length-1;h>=0;h--)(n=t[h])&&(r=(o<3?n(r):o>3?n(e,i,r):n(e,i))||r);return o>3&&r&&Object.defineProperty(e,i,r),r};class L extends V{getPosition(){return"relative"!==window.getComputedStyle(this.container).position&&s.warn("Calculate position should make container as 'position: relative', otherwise the result might not be accurate."),this.getPositionBox()}getTargetBoundBox(){const t=this.container.getBoundingClientRect(),e=this.showConfig.target.getBoundingClientRect();return{width:e.width,height:e.height,top:e.top-t.top+this.container.scrollTop,left:e.left-t.left+this.container.scrollLeft}}getElementScrollDimension(){return{width:this.container.scrollWidth,height:this.container.scrollHeight}}}M([t()],L.prototype,"container",void 0),M([t()],L.prototype,"showConfig",void 0);class D{constructor(){this.viewportWidth=window.innerWidth,this.viewportHeight=window.innerHeight}shouldUpdatePosition(t){const{previousTargetRect:e,currentTargetRect:i,appendableRect:s,viewportWidth:n,viewportHeight:o}=t;this.viewportWidth=n,this.viewportHeight=o;const r=!e||i.left!==e.left||i.top!==e.top,h=!this.isRectOutsideViewport(i),a=!this.isRectEntirelyWithinViewport(s);return{shouldUpdate:r&&h&&a}}isRectEntirelyWithinViewport(t){return t.left>=0&&t.top>=0&&t.right<=this.viewportWidth&&t.bottom<=this.viewportHeight}isRectOutsideViewport(t){return t.right<=0||t.bottom<=0||t.left>=this.viewportWidth||t.top>=this.viewportHeight}}class F extends V{constructor(){super(...arguments),this.scrollFrameRequestId=null,this.usePreviousPlacement=!1,this.scrollPositionUpdateStrategy=new D}shouldAdjustPosition(){return null===this.scrollFrameRequestId&&(w.isEnabled("VEGA_ELEMENT_APPENDER.AUTO_PLACEMENT")?this.previousTargetRect?(this.scrollFrameRequestId=requestAnimationFrame((()=>{var t;this.scrollFrameRequestId=null;let e=window.innerWidth,i=window.innerHeight;if(this.showConfig.positionRelativeTo){const s=null===(t=g())||void 0===t?void 0:t.querySelector(this.showConfig.positionRelativeTo);s&&(e=s.getBoundingClientRect().width,i=s.getBoundingClientRect().height)}const s=this.showConfig.target.getBoundingClientRect(),n=this.showConfig.appendableElement.getBoundingClientRect(),{shouldUpdate:o}=this.scrollPositionUpdateStrategy.shouldUpdatePosition({currentTargetRect:s,previousTargetRect:this.previousTargetRect,appendableRect:n,viewportWidth:e,viewportHeight:i});this.usePreviousPlacement=!o,this.previousTargetRect=s})),!0):(this.previousTargetRect=this.showConfig.target.getBoundingClientRect(),this.usePreviousPlacement=!1,!0):(this.usePreviousPlacement=!0,!0))}clearScrollFrame(){null!==this.scrollFrameRequestId&&(cancelAnimationFrame(this.scrollFrameRequestId),this.scrollFrameRequestId=null)}getPosition(t){let e;return t&&this.usePreviousPlacement?(e=this.getPositionBox([this.previousPositionBox.placement].filter(f),[this.previousPositionBox.alignment].filter(f)),w.isEnabled("VEGA_ELEMENT_APPENDER.AUTO_PLACEMENT")||(e.placement=this.previousPositionBox.placement,e.alignment=this.previousPositionBox.alignment)):e=this.getPositionBox(),this.previousPositionBox=e,e}getTargetBoundBox(){const t=this.showConfig.target.getBoundingClientRect();return{width:t.width,height:t.height,top:t.top,left:t.left}}getElementScrollDimension(){return{width:window.innerWidth,height:window.innerHeight}}hasEnoughAlignmentSpace(t,e,i,s,n){const o=this.calculateLeft(i,e,s,n),r=this.calculateTop(i,e,s,n);return o>=0&&r>=0&&o+i.width<=t.width&&r+i.height<=t.height}getSuitablePlacement(t,e,i,s){const n=this.getAlignments();return s.find((s=>n.some((n=>this.hasEnoughAlignmentSpace(t,i,e,s,n)))))||super.getSuitablePlacement(t,e,i,s)}}!function(t,e,i,s){var n,o=arguments.length,r=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var h=t.length-1;h>=0;h--)(n=t[h])&&(r=(o<3?n(r):o>3?n(e,i,r):n(e,i))||r);o>3&&r&&Object.defineProperty(e,i,r)}([t()],F.prototype,"showConfig",void 0);var W=function(t,e,i,s){var n,o=arguments.length,r=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var h=t.length-1;h>=0;h--)(n=t[h])&&(r=(o<3?n(r):o>3?n(e,i,r):n(e,i))||r);return o>3&&r&&Object.defineProperty(e,i,r),r};class $ extends i{constructor(){super(...arguments),this.bodyPositionStrategy=new L,this.screenPositionStrategy=new F}clearScreenPositionScrollFrame(){this.screenPositionStrategy.clearScrollFrame()}setCalculationStrategy(){this.positionStrategy=this.showConfig.isScreenPosition?this.screenPositionStrategy:this.bodyPositionStrategy}adjustPosition(t){this.positionStrategy.shouldAdjustPosition()&&(this.adjustWidth(),this.adjustHeight(),this.applyPosition(this.positionStrategy.getPosition(t)))}applyPosition(t){const e=this.showConfig.appendableElement;this.showConfig.isScreenPosition?e.style.position="fixed":e.classList.contains("date-picker-content-box")&&(e.style.position="absolute"),e.style.left=`${t.left}px`,e.style.top=`${t.top}px`,e.classList.remove("vega-placement-left","vega-placement-right","vega-placement-top","vega-placement-bottom","vega-no-suitable-placement"),e.classList.remove("vega-alignment-start","vega-alignment-center","vega-alignment-end","vega-no-suitable-alignment"),e.classList.add(t.placement?`vega-placement-${t.placement}`:"vega-no-suitable-placement"),e.classList.add(t.alignment?`vega-alignment-${t.alignment}`:"vega-no-suitable-alignment")}adjustWidth(){if(this.showConfig.matchTargetWidth){const{width:t}=this.showConfig.target.getBoundingClientRect();this.setRelatedWidth("width",t)}else this.setRelatedWidth("width",this.showConfig.size),this.setRelatedWidth("minWidth",this.showConfig.minWidth),this.setRelatedWidth("maxWidth",this.showConfig.maxWidth)}setRelatedWidth(t,e){if(!e)return;const i=m.format(e,"size");i&&(this.showConfig.appendableElement.style[t]="number"==typeof i?`${i}px`:i)}adjustHeight(){if(this.showConfig.matchContainerHeight&&!this.showConfig.isScreenPosition){const{height:t}=this.showConfig.target.getBoundingClientRect();let e=this.container.scrollHeight-this.showConfig.target.offsetTop-t;this.showConfig.maxHeight&&(e=Math.min(e,this.showConfig.maxHeight)),this.showConfig.appendableElement.style.maxHeight=`${e}px`}else this.showConfig.maxHeight&&(this.showConfig.appendableElement.style.maxHeight=`${this.showConfig.maxHeight}px`)}}W([t()],$.prototype,"container",void 0),W([t()],$.prototype,"showConfig",void 0),W([e()],$.prototype,"bodyPositionStrategy",void 0),W([e()],$.prototype,"screenPositionStrategy",void 0);var z=function(t,e,i,s){var n,o=arguments.length,r=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var h=t.length-1;h>=0;h--)(n=t[h])&&(r=(o<3?n(r):o>3?n(e,i,r):n(e,i))||r);return o>3&&r&&Object.defineProperty(e,i,r),r};class N{constructor(t,e){var i;this.resizeObserverSlimmer=l(N,c,[],[{mapFrom:"connectResizeObserver",mapTo:"connectResizeObserver"},{mapFrom:"disconnectResizeObserver",mapTo:"disconnectResizeObserver"}],[{callback:()=>{r(this.showConfig.target)&&r(this.showConfig.appendableElement)&&this.adjustPosition()},target:()=>[document.body,this.showConfig.appendableElement,this.showConfig.target]}]),this.elementAppenderContainerController=new T,this.positionCalculationController=new $,this.showConfigCallback=t,this.showConfigCallbackTarget=e;const s=this.getShowConfig();this.hideElementAppender(s.appendableElement),null===(i=s.appendableElement)||void 0===i||i.classList.add("vega-element-appender-appendable")}show(){this.positionCalculationController.clearScreenPositionScrollFrame(),this.setShowConfig(),this.showConfig.target?this.showConfig.appendableElement?(this.prepareShow(),this.adjustPosition(),this.setZIndex(),this.toggleShow(!0),this.connectResizeObserver()):s.error("No appendable element found, please add it at new elementAppender."):s.error("No target element found, please add it at new elementAppender.")}hide(){this.showConfig&&(this.positionCalculationController.clearScreenPositionScrollFrame(),this.toggleShow(!1),this.resetContainerPosition(),a.removeZIndex(this.showConfig.appendableElement,"base"))}onScroll(){this.showConfig.isScreenPosition&&this.adjustPosition(!0)}destroy(){this.showConfig&&(this.positionCalculationController.clearScreenPositionScrollFrame(),this.removeVisibleAppendElement(this.showConfig.appendableElement),this.resetContainerPosition(),a.removeZIndex(this.showConfig.appendableElement,"base"),this.showConfig.appendableElement.remove(),this.disconnectResizeObserver())}connectResizeObserver(){}disconnectResizeObserver(){}toggleShow(t){t?(this.showElementAppender(this.showConfig.appendableElement),this.saveVisibleAppendElement(this.showConfig.appendableElement)):(this.hideElementAppender(this.showConfig.appendableElement),this.removeVisibleAppendElement(this.showConfig.appendableElement))}showElementAppender(t){t.classList.contains("date-picker-content-box")?t.style.display="block":t.classList.remove("vega-force-hidden")}hideElementAppender(t){t&&(t.classList.contains("date-picker-content-box")?t.style.display="none":t.classList.add("vega-force-hidden"))}saveVisibleAppendElement(t){const e=N.containerMap.get(this.container);e&&e.visibleAppendElements.add(t)}removeVisibleAppendElement(t){const e=N.containerMap.get(this.container);e&&e.visibleAppendElements.delete(t)}resetContainerPosition(){const t=N.containerMap.get(this.container);if(t){const{visibleAppendElements:e,originPosition:i="static"}=t;0===e.size&&(this.container.style.position=i,N.containerMap.delete(this.container))}}setShowConfig(){this.showConfig=this.getShowConfig(),this.showConfig=Object.assign({matchTargetWidth:!1,matchContainerHeight:!1},this.showConfig),this.showConfig.target&&this.showConfig.appendableElement&&this.elementAppenderContainerController.setContainer()}prepareShow(){this.showConfig.isScreenPosition||this.initVisibleAppendElement(),this.showConfig.appendableElement.style.boxSizing="border-box",this.positionCalculationController.setCalculationStrategy()}initVisibleAppendElement(){const t=window.getComputedStyle(this.container).position;N.containerMap.has(this.container)||N.containerMap.set(this.container,{visibleAppendElements:new Set,originPosition:t}),"static"===t&&(this.container.style.position="relative")}adjustPosition(t){this.positionCalculationController.adjustPosition(t)}setZIndex(){a.setZIndex(this.showConfig.appendableElement,"base")}getShowConfig(){return this.showConfigCallback instanceof Function?this.showConfigCallback(this.showConfigCallbackTarget):this.showConfigCallback}}N.containerMap=new Map,z([e()],N.prototype,"resizeObserverSlimmer",void 0),z([e()],N.prototype,"elementAppenderContainerController",void 0),z([e()],N.prototype,"positionCalculationController",void 0);var B,H=function(t,e,i,s){var n,o=arguments.length,r=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var h=t.length-1;h>=0;h--)(n=t[h])&&(r=(o<3?n(r):o>3?n(e,i,r):n(e,i))||r);return o>3&&r&&Object.defineProperty(e,i,r),r};!function(t){t.SHOW="show",t.HIDE="hide"}(B||(B={}));class U extends i{constructor(t){super(),this.childrenEA=[],this.currentEA=t}componentDidLoad(){this.register()}onShow(){this.notify(B.SHOW)}onHide(){this.notify(B.HIDE)}getParent(){return this.parentEA}getChildren(){return this.childrenEA}notify(t){const e=o(this.showConfig.target,".vega-element-appender-appendable");e&&b.notify(E.getSubject(e,A),{type:t,child:this.currentEA,callback:t=>{this.parentEA=t}})}register(){this.showConfig&&y.addUniqueObserverToNode(this.showConfig.appendableElement,A,(t=>{t.type===B.SHOW?this.childrenEA.push(t.child):t.type===B.HIDE&&(this.childrenEA=this.childrenEA.filter((e=>e!==t.child))),t.callback(this.currentEA)}))}}H([t()],U.prototype,"showConfig",void 0),H([n("componentDidLoad")],U.prototype,"componentDidLoad",null),H([n("show")],U.prototype,"onShow",null),H([n("hide")],U.prototype,"onHide",null);class I{canEvaluate(t){return"target-click"===t||"click-outside"===t}evaluate(t){return"target-click"===t.eventType?{nextAction:t.currentState.isVisible?"hide":"show"}:"click-outside"===t.eventType&&t.currentState.isVisible?{nextAction:"hide"}:{}}}class _{canEvaluate(t){return["target-mouseenter","target-mouseleave","element-mouseenter","element-mouseleave"].includes(t)}evaluate(t){return["target-mouseenter","element-mouseenter"].includes(t.eventType)?t.currentState.isVisible?{}:{nextAction:"show"}:["target-mouseleave","element-mouseleave"].includes(t.eventType)?{nextAction:"hide"}:{}}}class G{canEvaluate(){return!1}evaluate(){return{}}}var q=function(t,e,i,s){var n,o=arguments.length,r=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var h=t.length-1;h>=0;h--)(n=t[h])&&(r=(o<3?n(r):o>3?n(e,i,r):n(e,i))||r);return o>3&&r&&Object.defineProperty(e,i,r),r};class X extends i{constructor(t,e,i="isDropdownShow",s=(()=>!1)){super(),this.hierarchyTreeManager=new U(this),this.registerElementAppenderListener=()=>{var t,e,i,s,n,o;this.unRegisterElementAppenderListener(),this.showConfig&&(null===(t=this.showConfig.target)||void 0===t||t.addEventListener("click",this.targetClickHandler),null===(e=this.showConfig.target)||void 0===e||e.addEventListener("mouseenter",this.targetMouseEnterHandler),null===(i=this.showConfig.target)||void 0===i||i.addEventListener("mouseleave",this.targetMouseLeaveHandler),null===(s=this.showConfig.target)||void 0===s||s.addEventListener("focusout",this.targetFocusoutHandler),null===(n=this.showConfig.appendableElement)||void 0===n||n.addEventListener("mouseenter",this.elementMouseEnterHandler),null===(o=this.showConfig.appendableElement)||void 0===o||o.addEventListener("mouseleave",this.elementMouseLeaveHandler)),window.addEventListener("mousedown",this.globalMouseDownHandler),document.addEventListener("scroll",this.globalScrollHandler,{capture:!0}),this.listenShadowRootElementScrolling()},this.targetClickHandler=t=>{const e=this.getTriggerStrategy();e.canEvaluate("target-click")&&this.executeTriggerStrategy(e,t,"target-click")},this.targetMouseEnterHandler=t=>{const e=this.getTriggerStrategy();e.canEvaluate("target-mouseenter")&&(this.executeTriggerStrategy(e,t,"target-mouseenter"),this.clearDelayHideTimer())},this.targetMouseLeaveHandler=t=>{this.getTriggerStrategy().canEvaluate("target-mouseleave")&&this.createDelayHideTimer(t,"target-mouseleave")},this.targetFocusoutHandler=t=>{var e;h(t.relatedTarget,null===(e=this.showConfig)||void 0===e?void 0:e.appendableElement)||this.targetMouseLeaveHandler(t)},this.elementMouseEnterHandler=()=>{var t;null===(t=this.hierarchyTreeManager.getParent())||void 0===t||t.elementMouseEnterHandler(),this.getTriggerStrategy().canEvaluate("element-mouseenter")&&!this.disableInteractiveGetter()&&this.clearDelayHideTimer()},this.elementMouseLeaveHandler=t=>{var e;null===(e=this.hierarchyTreeManager.getParent())||void 0===e||e.elementMouseLeaveHandler(t),this.getTriggerStrategy().canEvaluate("element-mouseleave")&&!this.disableInteractiveGetter()&&this.createDelayHideTimer(t,"element-mouseleave")},this.globalMouseDownHandler=t=>{const e=t.composedPath()[0],i=this.hierarchyTreeManager.getChildren().some((t=>t.isShowing())),s=this.getTriggerStrategy();i||!s.canEvaluate("click-outside")||!this.showConfig||h(e,this.showConfig.appendableElement)||h(e,this.showConfig.target)||!this.showConfig.isScreenPosition&&o(e,"vega-modal")!==o(this.showConfig.target,"vega-modal")||this.executeTriggerStrategy(s,t,"click-outside")},this.globalScrollHandler=()=>{var t;this.showConfig&&this.showConfig.isScreenPosition&&this.isShowing()&&(null===(t=this.elementAppender)||void 0===t||t.onScroll())},this.createDelayHideTimer=(t,e)=>{const i=this.getTriggerStrategy();this.delayHideTimer=setTimeout((()=>{this.executeTriggerStrategy(i,t,e),clearTimeout(this.delayHideTimer)}),X.DELAY_HIDE_TIME)},this.clearDelayHideTimer=()=>{this.delayHideTimer&&clearTimeout(this.delayHideTimer)},this.executeTriggerStrategy=(t,e,i)=>{if(this.showConfig){const s=t.evaluate({target:this.showConfig.target,appendableElement:this.showConfig.appendableElement,htmlEvent:e,eventType:i,currentState:{isVisible:this.isShowing()}});s&&("hide"===s.nextAction&&this.hide(),"show"===s.nextAction&&this.show())}},this.showConfigFactory=t,this.getTrigger=e,this.isDropdownShowName=i,this.disableInteractiveGetter=s}connectedCallback(){null===this.elementAppender&&(this.setElementAppender(),this.registerElementAppenderListener())}disconnectedCallback(){this.unRegisterElementAppenderListener(),this.destroyElementAppender()}componentDidLoad(){this.initElementAppender()}getElementAppender(){return this.elementAppender}show(){this.elementAppender&&this.elementAppender.show(),this[this.isDropdownShowName]=!0,this.setAriaOwns()}hide(){this.elementAppender&&this.elementAppender.hide(),this[this.isDropdownShowName]=!1,this.hierarchyTreeManager.getChildren().map((t=>{t.hide()}))}destroy(){this.removeAriaOwns(),this.destroyElementAppender(),this[this.isDropdownShowName]=!1}updateShowConfigFactory(t){this.showConfigFactory=t,this.initElementAppender()}destroyElementAppender(){this.elementAppender&&(this.elementAppender.destroy(),this.elementAppender=null)}initElementAppender(){this.setShowConfig(),this.setElementAppender(),this.registerElementAppenderListener()}setElementAppender(){this.elementAppender=new N(this.showConfigFactory,this)}isShowing(){return this[this.isDropdownShowName]}setShowConfig(){this.showConfig=this.showConfigFactory()}unRegisterElementAppenderListener(){var t,e,i,s,n,o;this.showConfig&&(null===(t=this.showConfig.target)||void 0===t||t.removeEventListener("click",this.targetClickHandler),null===(e=this.showConfig.target)||void 0===e||e.removeEventListener("mouseenter",this.targetMouseEnterHandler),null===(i=this.showConfig.target)||void 0===i||i.removeEventListener("mouseleave",this.targetMouseLeaveHandler),null===(s=this.showConfig.target)||void 0===s||s.removeEventListener("focusout",this.targetMouseLeaveHandler),null===(n=this.showConfig.appendableElement)||void 0===n||n.removeEventListener("mouseenter",this.elementMouseEnterHandler),null===(o=this.showConfig.appendableElement)||void 0===o||o.removeEventListener("mouseleave",this.elementMouseLeaveHandler)),window.removeEventListener("mousedown",this.globalMouseDownHandler),document.removeEventListener("scroll",this.globalScrollHandler),this.removeShadowRootElementScrolling()}listenShadowRootElementScrolling(){this.shadowRootElementScrollingObserver=new j(this.canAcceptShadowRootScrollEvent.bind(this),this.globalScrollHandler.bind(this)),b.register(R,this.shadowRootElementScrollingObserver)}canAcceptShadowRootScrollEvent(t){return Boolean(this.showConfig&&h(this.showConfig.target,t.host))}removeShadowRootElementScrolling(){b.unregister(R,this.shadowRootElementScrollingObserver)}getTriggerStrategy(){const t=this.getTrigger();return"click"===t?new I:"hover"===t?new _:v(t)?t:new G}setAriaOwns(){if(this.showConfig){const t=this.showConfig.target,e=this.showConfig.appendableElement;t&&e&&(t.ariaOwnsElements=[e])}}removeAriaOwns(){var t;(null===(t=this.showConfig)||void 0===t?void 0:t.target)&&(this.showConfig.target.ariaOwnsElements=[])}}X.DELAY_HIDE_TIME=100,q([e()],X.prototype,"hierarchyTreeManager",void 0),q([n("connectedCallback")],X.prototype,"connectedCallback",null),q([n("disconnectedCallback")],X.prototype,"disconnectedCallback",null),q([n("componentDidLoad")],X.prototype,"componentDidLoad",null);export{X as E}
|
|
1
|
+
import{c as t,I as e,V as i,L as s,M as n}from"./p-6e1ab235.js";import{f as o,d as r,b as h}from"./p-6c170474.js";import{I as a}from"./p-781fd6e0.js";import{c as l}from"./p-6a334573.js";import{P as c}from"./p-7db918f4.js";import{A as u,P as d}from"./p-1e015382.js";import{H as p,i as f,a4 as v}from"./p-9f467a59.js";import{R as m}from"./p-4079e932.js";import{t as g}from"./p-b75ee3ba.js";import{F as w}from"./p-18e8d9b7.js";import{C as b}from"./p-2d0d575f.js";import{S as R}from"./p-a528714c.js";import{O as j}from"./p-331a62d5.js";import{d as E,D as y}from"./p-31ac7386.js";import{y as A}from"./p-95d1b547.js";class O{canRetrieve(){return!0}retrieve(){const t=document.body;return this.showConfig.appendableElement.parentElement!==t&&t.append(this.showConfig.appendableElement),t}}!function(t,e,i,s){var n,o=arguments.length,r=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var h=t.length-1;h>=0;h--)(n=t[h])&&(r=(o<3?n(r):o>3?n(e,i,r):n(e,i))||r);o>3&&r&&Object.defineProperty(e,i,r)}([t()],O.prototype,"showConfig",void 0);class S{canRetrieve(){return!this.showConfig.isScreenPosition}}class x extends S{canRetrieve(){return super.canRetrieve()&&!!this.showConfig.positionRelativeTo&&!!document.querySelector(this.showConfig.positionRelativeTo)}retrieve(){const t=document.querySelector(this.showConfig.positionRelativeTo);return this.showConfig.appendableElement.parentElement!==t&&t.append(this.showConfig.appendableElement),t}}!function(t,e,i,s){var n,o=arguments.length,r=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var h=t.length-1;h>=0;h--)(n=t[h])&&(r=(o<3?n(r):o>3?n(e,i,r):n(e,i))||r);o>3&&r&&Object.defineProperty(e,i,r)}([t()],x.prototype,"showConfig",void 0);class C extends S{canRetrieve(){return super.canRetrieve()&&!!o(this.showConfig.target,"vega-modal")}retrieve(){return this.getVegaModalShowConfigContainer()}setElementSlot(t,e){var i;const s=null===(i=Array.from(t.children).find((t=>{const e=t.getAttribute("slot");return e&&["content","modal-content"].includes(e)})))||void 0===i?void 0:i.getAttribute("slot");s&&e.setAttribute("slot",s)}getVegaModalShowConfigContainer(){const t=o(this.showConfig.target,"vega-modal"),e=t.shadowRoot.querySelector(".vega-modal-content-with-scroll"),i=t.shadowRoot.querySelector(".modal-dialog");return this.setElementSlot(t,this.showConfig.appendableElement),t.append(this.showConfig.appendableElement),e||i}}!function(t,e,i,s){var n,o=arguments.length,r=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var h=t.length-1;h>=0;h--)(n=t[h])&&(r=(o<3?n(r):o>3?n(e,i,r):n(e,i))||r);o>3&&r&&Object.defineProperty(e,i,r)}([t({writable:!0})],C.prototype,"showConfig",void 0);class P extends S{canRetrieve(){return super.canRetrieve()&&!!o(this.showConfig.target,".vega-popover")}retrieve(){const t=o(this.showConfig.target,".vega-popover");return t.append(this.showConfig.appendableElement),t}}!function(t,e,i,s){var n,o=arguments.length,r=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var h=t.length-1;h>=0;h--)(n=t[h])&&(r=(o<3?n(r):o>3?n(e,i,r):n(e,i))||r);o>3&&r&&Object.defineProperty(e,i,r)}([t()],P.prototype,"showConfig",void 0);var k=function(t,e,i,s){var n,o=arguments.length,r=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var h=t.length-1;h>=0;h--)(n=t[h])&&(r=(o<3?n(r):o>3?n(e,i,r):n(e,i))||r);return o>3&&r&&Object.defineProperty(e,i,r),r};class T extends i{constructor(){super(...arguments),this.positionRelativeToWrapper=new x,this.vegaPopoverWrapper=new P,this.vegaModalWrapper=new C,this.defaultWrapper=new O}setContainer(){this.setContainerRetrievers();for(const t of this.containerRetrievers)if(t.canRetrieve())return void(this.container=t.retrieve())}setContainerRetrievers(){this.containerRetrievers=[this.positionRelativeToWrapper,this.vegaPopoverWrapper,this.vegaModalWrapper,this.defaultWrapper]}}k([t({writable:!0})],T.prototype,"container",void 0),k([t({writable:!0})],T.prototype,"showConfig",void 0),k([e()],T.prototype,"positionRelativeToWrapper",void 0),k([e()],T.prototype,"vegaPopoverWrapper",void 0),k([e()],T.prototype,"vegaModalWrapper",void 0),k([e()],T.prototype,"defaultWrapper",void 0);class V extends i{shouldAdjustPosition(){return!0}getPositionBox(t,e){const i=t&&t.length>0?t:this.getPlacements(),s=e&&e.length>0?e:this.getAlignments(),n=this.getTargetBoundBox(),o=this.getElementBoundBox(),r=this.getElementScrollDimension(),h=this.getSuitablePlacement(r,o,n,i),a=h||i[0],l=this.getSuitableAlignment(r,o,n,a,s),c=this.calculatePosition(o,n,a,l||s[0]),u=this.getTranslocationBox(a);return c.placement=h,c.alignment=l,c.left+=u.X,c.top+=u.Y,this.showConfig.positionRelativeTo||this.adjustPositionForViewport(c,o,n,a),c}hasEnoughAlignmentSpace(t,e,i,s,n){if(["top","bottom"].includes(s))switch(n){case"start":return e.left+i.width<=t.width;case"center":return e.left>=(i.width-e.width)/2&&e.left+e.width/2+i.width/2<=t.width;case"end":return e.left+e.width>=i.width}if(["right","left"].includes(s))switch(n){case"start":return e.top+i.height<=t.height;case"center":return e.top>=(i.height-e.height)/2&&e.top+e.height/2+i.height/2<=t.height;case"end":return e.top+e.height>=i.height}return!1}calculateLeft(t,e,i,s){switch(i){case"top":case"bottom":return"end"===s?e.left+e.width-t.width:"center"===s?e.left-(t.width-e.width)/2:e.left;case"left":return e.left-t.width;case"right":return e.left+e.width;default:throw new Error(`Unexpected placement: ${i}. Expected values are top, bottom, left, or right.`)}}calculateTop(t,e,i,s){switch(i){case"left":case"right":return"end"===s?e.top+e.height-t.height:"center"===s?e.top-(t.height-e.height)/2:e.top;case"top":return e.top-t.height;case"bottom":return e.top+e.height;default:throw new Error(`Unexpected placement: ${i}. Expected values are top, bottom, left, or right.`)}}getAlignments(){const t=this.showConfig.alignment;if("string"==typeof t){const e=u.filter((e=>e!==t));return[t,...e]}return Array.isArray(t)?t:[...u]}getSuitablePlacement(t,e,i,n){const o=n[0];return n.find((s=>this.hasEnoughSpace(t,s,i,e)))||(s.warn(`\n No enough space found for placing element and we will keep using the defined placement:\n ${o}\n `),null)}getElementBoundBox(){const t=this.showConfig.appendableElement,e=t.classList.contains("vega-force-hidden");e&&t.classList.remove("vega-force-hidden");const i=t.getBoundingClientRect();return e&&t.classList.add("vega-force-hidden"),{width:i.width,height:i.height,left:i.left,top:i.top}}getPlacements(){const t=this.showConfig.placement;if("string"==typeof t){const e=d.filter((e=>e!==t));return[t,...e]}return Array.isArray(t)?t:[...d]}calculatePosition(t,e,i,s){return{top:this.calculateTop(t,e,i,s),left:this.calculateLeft(t,e,i,s)}}keepVerticallyInView(t,e){return Math.max(0,Math.min(t,window.innerHeight-e))}keepHorizontallyInView(t,e){return Math.max(0,Math.min(t,window.innerWidth-e))}isTargetInView(t){const e=window.innerHeight,i=window.innerWidth;return t.top<=e&&t.top+t.height>=0&&t.left<=i&&t.left+t.width>=0}adjustPositionForViewport(t,e,i,s){this.isTargetInView(i)&&("top"===s||"bottom"===s?t.top=this.adjustForVerticalOverflow(t.top,e.height,i.height):"left"!==s&&"right"!==s||(t.left=this.adjustForHorizontalOverflow(t.left,e.width,i.width)),t.top=this.keepVerticallyInView(t.top,e.height),t.left=this.keepHorizontallyInView(t.left,e.width))}adjustForVerticalOverflow(t,e,i){const s=t+e-window.innerHeight,n=-t;return s>0&&s<i?t-s:n>0&&n<i?t+n:t}adjustForHorizontalOverflow(t,e,i){const s=t+e-window.innerWidth,n=-t;return s>0&&s<i?t-s:n>0&&n<i?t+n:t}getTranslocationBox(t){const e=Array.isArray(this.showConfig.placement)?this.showConfig.placement[0]:this.showConfig.placement,i=this.getTranslocation(),s={X:0,Y:0};if(p(i)){let n=i.X,o=i.Y;(e&&["left","right"].includes(e)&&["top","bottom"].includes(t)||e&&["top","bottom"].includes(e)&&["left","right"].includes(t))&&(n=i.Y,o=i.X),["bottom","top"].includes(t)&&(s.Y="top"===t?-o:o,s.X=n),["left","right"].includes(t)&&(s.X="left"===t?-n:n,s.Y=o)}return s}getSuitableAlignment(t,e,i,n,o){const r=o[0];return o.find((s=>this.hasEnoughAlignmentSpace(t,i,e,n,s)))||(s.warn(`\n No enough space found for placing element and we will keep using the defined alignment:\n ${r}\n `),null)}hasEnoughSpace(t,e,i,s){switch(e){case"top":return i.top>=s.height;case"bottom":return t.height-i.top-i.height>=s.height;case"left":return i.left>=s.width;case"right":return t.width-i.left-i.width>=s.width;default:return!1}}getTranslocation(){const t=this.showConfig.translocation;return t&&m.format(t,"translocation")}}var M=function(t,e,i,s){var n,o=arguments.length,r=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var h=t.length-1;h>=0;h--)(n=t[h])&&(r=(o<3?n(r):o>3?n(e,i,r):n(e,i))||r);return o>3&&r&&Object.defineProperty(e,i,r),r};class L extends V{getPosition(){return"relative"!==window.getComputedStyle(this.container).position&&s.warn("Calculate position should make container as 'position: relative', otherwise the result might not be accurate."),this.getPositionBox()}getTargetBoundBox(){const t=this.container.getBoundingClientRect(),e=this.showConfig.target.getBoundingClientRect();return{width:e.width,height:e.height,top:e.top-t.top+this.container.scrollTop,left:e.left-t.left+this.container.scrollLeft}}getElementScrollDimension(){return{width:this.container.scrollWidth,height:this.container.scrollHeight}}}M([t()],L.prototype,"container",void 0),M([t()],L.prototype,"showConfig",void 0);class D{constructor(){this.viewportWidth=window.innerWidth,this.viewportHeight=window.innerHeight}shouldUpdatePosition(t){const{previousTargetRect:e,currentTargetRect:i,appendableRect:s,viewportWidth:n,viewportHeight:o}=t;this.viewportWidth=n,this.viewportHeight=o;const r=!e||i.left!==e.left||i.top!==e.top,h=!this.isRectOutsideViewport(i),a=!this.isRectEntirelyWithinViewport(s);return{shouldUpdate:r&&h&&a}}isRectEntirelyWithinViewport(t){return t.left>=0&&t.top>=0&&t.right<=this.viewportWidth&&t.bottom<=this.viewportHeight}isRectOutsideViewport(t){return t.right<=0||t.bottom<=0||t.left>=this.viewportWidth||t.top>=this.viewportHeight}}class F extends V{constructor(){super(...arguments),this.scrollFrameRequestId=null,this.usePreviousPlacement=!1,this.scrollPositionUpdateStrategy=new D}shouldAdjustPosition(){return null===this.scrollFrameRequestId&&(w.isEnabled("VEGA_ELEMENT_APPENDER.AUTO_PLACEMENT")?this.previousTargetRect?(this.scrollFrameRequestId=requestAnimationFrame((()=>{var t;this.scrollFrameRequestId=null;let e=window.innerWidth,i=window.innerHeight;if(this.showConfig.positionRelativeTo){const s=null===(t=g())||void 0===t?void 0:t.querySelector(this.showConfig.positionRelativeTo);s&&(e=s.getBoundingClientRect().width,i=s.getBoundingClientRect().height)}const s=this.showConfig.target.getBoundingClientRect(),n=this.showConfig.appendableElement.getBoundingClientRect(),{shouldUpdate:o}=this.scrollPositionUpdateStrategy.shouldUpdatePosition({currentTargetRect:s,previousTargetRect:this.previousTargetRect,appendableRect:n,viewportWidth:e,viewportHeight:i});this.usePreviousPlacement=!o,this.previousTargetRect=s})),!0):(this.previousTargetRect=this.showConfig.target.getBoundingClientRect(),this.usePreviousPlacement=!1,!0):(this.usePreviousPlacement=!0,!0))}clearScrollFrame(){null!==this.scrollFrameRequestId&&(cancelAnimationFrame(this.scrollFrameRequestId),this.scrollFrameRequestId=null)}getPosition(t){let e;return t&&this.usePreviousPlacement?(e=this.getPositionBox([this.previousPositionBox.placement].filter(f),[this.previousPositionBox.alignment].filter(f)),w.isEnabled("VEGA_ELEMENT_APPENDER.AUTO_PLACEMENT")||(e.placement=this.previousPositionBox.placement,e.alignment=this.previousPositionBox.alignment)):e=this.getPositionBox(),this.previousPositionBox=e,e}getTargetBoundBox(){const t=this.showConfig.target.getBoundingClientRect();return{width:t.width,height:t.height,top:t.top,left:t.left}}getElementScrollDimension(){return{width:window.innerWidth,height:window.innerHeight}}hasEnoughAlignmentSpace(t,e,i,s,n){const o=this.calculateLeft(i,e,s,n),r=this.calculateTop(i,e,s,n);return o>=0&&r>=0&&o+i.width<=t.width&&r+i.height<=t.height}getSuitablePlacement(t,e,i,s){const n=this.getAlignments();return s.find((s=>n.some((n=>this.hasEnoughAlignmentSpace(t,i,e,s,n)))))||super.getSuitablePlacement(t,e,i,s)}}!function(t,e,i,s){var n,o=arguments.length,r=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var h=t.length-1;h>=0;h--)(n=t[h])&&(r=(o<3?n(r):o>3?n(e,i,r):n(e,i))||r);o>3&&r&&Object.defineProperty(e,i,r)}([t()],F.prototype,"showConfig",void 0);var W=function(t,e,i,s){var n,o=arguments.length,r=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var h=t.length-1;h>=0;h--)(n=t[h])&&(r=(o<3?n(r):o>3?n(e,i,r):n(e,i))||r);return o>3&&r&&Object.defineProperty(e,i,r),r};class $ extends i{constructor(){super(...arguments),this.bodyPositionStrategy=new L,this.screenPositionStrategy=new F}clearScreenPositionScrollFrame(){this.screenPositionStrategy.clearScrollFrame()}setCalculationStrategy(){this.positionStrategy=this.showConfig.isScreenPosition?this.screenPositionStrategy:this.bodyPositionStrategy}adjustPosition(t){this.positionStrategy.shouldAdjustPosition()&&(this.adjustWidth(),this.adjustHeight(),this.applyPosition(this.positionStrategy.getPosition(t)))}applyPosition(t){const e=this.showConfig.appendableElement;this.showConfig.isScreenPosition?e.style.position="fixed":e.classList.contains("date-picker-content-box")&&(e.style.position="absolute"),e.style.left=`${t.left}px`,e.style.top=`${t.top}px`,e.classList.remove("vega-placement-left","vega-placement-right","vega-placement-top","vega-placement-bottom","vega-no-suitable-placement"),e.classList.remove("vega-alignment-start","vega-alignment-center","vega-alignment-end","vega-no-suitable-alignment"),e.classList.add(t.placement?`vega-placement-${t.placement}`:"vega-no-suitable-placement"),e.classList.add(t.alignment?`vega-alignment-${t.alignment}`:"vega-no-suitable-alignment")}adjustWidth(){if(this.showConfig.matchTargetWidth){const{width:t}=this.showConfig.target.getBoundingClientRect();this.setRelatedWidth("width",t)}else this.setRelatedWidth("width",this.showConfig.size),this.setRelatedWidth("minWidth",this.showConfig.minWidth),this.setRelatedWidth("maxWidth",this.showConfig.maxWidth)}setRelatedWidth(t,e){if(!e)return;const i=m.format(e,"size");i&&(this.showConfig.appendableElement.style[t]="number"==typeof i?`${i}px`:i)}adjustHeight(){if(this.showConfig.matchContainerHeight&&!this.showConfig.isScreenPosition){const{height:t}=this.showConfig.target.getBoundingClientRect();let e=this.container.scrollHeight-this.showConfig.target.offsetTop-t;this.showConfig.maxHeight&&(e=Math.min(e,this.showConfig.maxHeight)),this.showConfig.appendableElement.style.maxHeight=`${e}px`}else this.showConfig.maxHeight&&(this.showConfig.appendableElement.style.maxHeight=`${this.showConfig.maxHeight}px`)}}W([t()],$.prototype,"container",void 0),W([t()],$.prototype,"showConfig",void 0),W([e()],$.prototype,"bodyPositionStrategy",void 0),W([e()],$.prototype,"screenPositionStrategy",void 0);var z=function(t,e,i,s){var n,o=arguments.length,r=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var h=t.length-1;h>=0;h--)(n=t[h])&&(r=(o<3?n(r):o>3?n(e,i,r):n(e,i))||r);return o>3&&r&&Object.defineProperty(e,i,r),r};class N{constructor(t,e){var i;this.resizeObserverSlimmer=l(N,c,[],[{mapFrom:"connectResizeObserver",mapTo:"connectResizeObserver"},{mapFrom:"disconnectResizeObserver",mapTo:"disconnectResizeObserver"}],[{callback:()=>{r(this.showConfig.target)&&r(this.showConfig.appendableElement)&&this.adjustPosition()},target:()=>[document.body,this.showConfig.appendableElement,this.showConfig.target]}]),this.elementAppenderContainerController=new T,this.positionCalculationController=new $,this.showConfigCallback=t,this.showConfigCallbackTarget=e;const s=this.getShowConfig();this.hideElementAppender(s.appendableElement),null===(i=s.appendableElement)||void 0===i||i.classList.add("vega-element-appender-appendable")}show(){this.positionCalculationController.clearScreenPositionScrollFrame(),this.setShowConfig(),this.showConfig.target?this.showConfig.appendableElement?(this.prepareShow(),this.adjustPosition(),this.setZIndex(),this.toggleShow(!0),this.connectResizeObserver()):s.error("No appendable element found, please add it at new elementAppender."):s.error("No target element found, please add it at new elementAppender.")}hide(){this.showConfig&&(this.positionCalculationController.clearScreenPositionScrollFrame(),this.toggleShow(!1),this.resetContainerPosition(),a.removeZIndex(this.showConfig.appendableElement,"base"))}onScroll(){this.showConfig.isScreenPosition&&this.adjustPosition(!0)}destroy(){this.showConfig&&(this.positionCalculationController.clearScreenPositionScrollFrame(),this.removeVisibleAppendElement(this.showConfig.appendableElement),this.resetContainerPosition(),a.removeZIndex(this.showConfig.appendableElement,"base"),this.showConfig.appendableElement.remove(),this.disconnectResizeObserver())}connectResizeObserver(){}disconnectResizeObserver(){}toggleShow(t){t?(this.showElementAppender(this.showConfig.appendableElement),this.saveVisibleAppendElement(this.showConfig.appendableElement)):(this.hideElementAppender(this.showConfig.appendableElement),this.removeVisibleAppendElement(this.showConfig.appendableElement))}showElementAppender(t){t.classList.contains("date-picker-content-box")?t.style.display="block":t.classList.remove("vega-force-hidden")}hideElementAppender(t){t&&(t.classList.contains("date-picker-content-box")?t.style.display="none":t.classList.add("vega-force-hidden"))}saveVisibleAppendElement(t){const e=N.containerMap.get(this.container);e&&e.visibleAppendElements.add(t)}removeVisibleAppendElement(t){const e=N.containerMap.get(this.container);e&&e.visibleAppendElements.delete(t)}resetContainerPosition(){const t=N.containerMap.get(this.container);if(t){const{visibleAppendElements:e,originPosition:i="static"}=t;0===e.size&&(this.container.style.position=i,N.containerMap.delete(this.container))}}setShowConfig(){this.showConfig=this.getShowConfig(),this.showConfig=Object.assign({matchTargetWidth:!1,matchContainerHeight:!1},this.showConfig),this.showConfig.target&&this.showConfig.appendableElement&&this.elementAppenderContainerController.setContainer()}prepareShow(){this.showConfig.isScreenPosition||this.initVisibleAppendElement(),this.showConfig.appendableElement.style.boxSizing="border-box",this.positionCalculationController.setCalculationStrategy()}initVisibleAppendElement(){const t=window.getComputedStyle(this.container).position;N.containerMap.has(this.container)||N.containerMap.set(this.container,{visibleAppendElements:new Set,originPosition:t}),"static"===t&&(this.container.style.position="relative")}adjustPosition(t){this.positionCalculationController.adjustPosition(t)}setZIndex(){a.setZIndex(this.showConfig.appendableElement,"base")}getShowConfig(){return this.showConfigCallback instanceof Function?this.showConfigCallback(this.showConfigCallbackTarget):this.showConfigCallback}}N.containerMap=new Map,z([e()],N.prototype,"resizeObserverSlimmer",void 0),z([e()],N.prototype,"elementAppenderContainerController",void 0),z([e()],N.prototype,"positionCalculationController",void 0);var B,H=function(t,e,i,s){var n,o=arguments.length,r=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var h=t.length-1;h>=0;h--)(n=t[h])&&(r=(o<3?n(r):o>3?n(e,i,r):n(e,i))||r);return o>3&&r&&Object.defineProperty(e,i,r),r};!function(t){t.SHOW="show",t.HIDE="hide"}(B||(B={}));class U extends i{constructor(t){super(),this.childrenEA=[],this.currentEA=t}componentDidLoad(){this.register()}onShow(){this.notify(B.SHOW)}onHide(){this.notify(B.HIDE)}getParent(){return this.parentEA}getChildren(){return this.childrenEA}notify(t){const e=o(this.showConfig.target,".vega-element-appender-appendable");e&&b.notify(E.getSubject(e,A),{type:t,child:this.currentEA,callback:t=>{this.parentEA=t}})}register(){this.showConfig&&y.addUniqueObserverToNode(this.showConfig.appendableElement,A,(t=>{t.type===B.SHOW?this.childrenEA.push(t.child):t.type===B.HIDE&&(this.childrenEA=this.childrenEA.filter((e=>e!==t.child))),t.callback(this.currentEA)}))}}H([t()],U.prototype,"showConfig",void 0),H([n("componentDidLoad")],U.prototype,"componentDidLoad",null),H([n("show")],U.prototype,"onShow",null),H([n("hide")],U.prototype,"onHide",null);class I{canEvaluate(t){return"target-click"===t||"click-outside"===t}evaluate(t){return"target-click"===t.eventType?{nextAction:t.currentState.isVisible?"hide":"show"}:"click-outside"===t.eventType&&t.currentState.isVisible?{nextAction:"hide"}:{}}}class _{canEvaluate(t){return["target-mouseenter","target-mouseleave","element-mouseenter","element-mouseleave"].includes(t)}evaluate(t){return["target-mouseenter","element-mouseenter"].includes(t.eventType)?t.currentState.isVisible?{}:{nextAction:"show"}:["target-mouseleave","element-mouseleave"].includes(t.eventType)?{nextAction:"hide"}:{}}}class G{canEvaluate(){return!1}evaluate(){return{}}}var q=function(t,e,i,s){var n,o=arguments.length,r=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var h=t.length-1;h>=0;h--)(n=t[h])&&(r=(o<3?n(r):o>3?n(e,i,r):n(e,i))||r);return o>3&&r&&Object.defineProperty(e,i,r),r};class X extends i{constructor(t,e,i="isDropdownShow",s=(()=>!1)){super(),this.hierarchyTreeManager=new U(this),this.registerElementAppenderListener=()=>{var t,e,i,s,n,o;this.unRegisterElementAppenderListener(),this.showConfig&&(null===(t=this.showConfig.target)||void 0===t||t.addEventListener("click",this.targetClickHandler),null===(e=this.showConfig.target)||void 0===e||e.addEventListener("mouseenter",this.targetMouseEnterHandler),null===(i=this.showConfig.target)||void 0===i||i.addEventListener("mouseleave",this.targetMouseLeaveHandler),null===(s=this.showConfig.target)||void 0===s||s.addEventListener("focusout",this.targetFocusoutHandler),null===(n=this.showConfig.appendableElement)||void 0===n||n.addEventListener("mouseenter",this.elementMouseEnterHandler),null===(o=this.showConfig.appendableElement)||void 0===o||o.addEventListener("mouseleave",this.elementMouseLeaveHandler)),window.addEventListener("mousedown",this.globalMouseDownHandler),document.addEventListener("scroll",this.globalScrollHandler,{capture:!0}),this.listenShadowRootElementScrolling()},this.targetClickHandler=t=>{const e=this.getTriggerStrategy();e.canEvaluate("target-click")&&this.executeTriggerStrategy(e,t,"target-click")},this.targetMouseEnterHandler=t=>{const e=this.getTriggerStrategy();e.canEvaluate("target-mouseenter")&&(this.executeTriggerStrategy(e,t,"target-mouseenter"),this.clearDelayHideTimer())},this.targetMouseLeaveHandler=t=>{this.getTriggerStrategy().canEvaluate("target-mouseleave")&&this.createDelayHideTimer(t,"target-mouseleave")},this.targetFocusoutHandler=t=>{var e;h(t.relatedTarget,null===(e=this.showConfig)||void 0===e?void 0:e.appendableElement)||this.targetMouseLeaveHandler(t)},this.elementMouseEnterHandler=()=>{var t;null===(t=this.hierarchyTreeManager.getParent())||void 0===t||t.elementMouseEnterHandler(),this.getTriggerStrategy().canEvaluate("element-mouseenter")&&!this.disableInteractiveGetter()&&this.clearDelayHideTimer()},this.elementMouseLeaveHandler=t=>{var e;null===(e=this.hierarchyTreeManager.getParent())||void 0===e||e.elementMouseLeaveHandler(t),this.getTriggerStrategy().canEvaluate("element-mouseleave")&&!this.disableInteractiveGetter()&&this.createDelayHideTimer(t,"element-mouseleave")},this.globalMouseDownHandler=t=>{const e=t.composedPath()[0],i=this.hierarchyTreeManager.getChildren().some((t=>t.isShowing())),s=this.getTriggerStrategy();i||!s.canEvaluate("click-outside")||!this.showConfig||h(e,this.showConfig.appendableElement)||h(e,this.showConfig.target)||!this.showConfig.isScreenPosition&&o(e,"vega-modal")!==o(this.showConfig.target,"vega-modal")||this.executeTriggerStrategy(s,t,"click-outside")},this.globalScrollHandler=()=>{var t;this.showConfig&&this.showConfig.isScreenPosition&&this.isShowing()&&(null===(t=this.elementAppender)||void 0===t||t.onScroll())},this.createDelayHideTimer=(t,e)=>{const i=this.getTriggerStrategy();this.delayHideTimer=setTimeout((()=>{this.executeTriggerStrategy(i,t,e),clearTimeout(this.delayHideTimer)}),X.DELAY_HIDE_TIME)},this.clearDelayHideTimer=()=>{this.delayHideTimer&&clearTimeout(this.delayHideTimer)},this.executeTriggerStrategy=(t,e,i)=>{if(this.showConfig){const s=t.evaluate({target:this.showConfig.target,appendableElement:this.showConfig.appendableElement,htmlEvent:e,eventType:i,currentState:{isVisible:this.isShowing()}});s&&("hide"===s.nextAction&&this.hide(),"show"===s.nextAction&&this.show())}},this.showConfigFactory=t,this.getTrigger=e,this.isDropdownShowName=i,this.disableInteractiveGetter=s}connectedCallback(){null===this.elementAppender&&(this.setElementAppender(),this.registerElementAppenderListener())}disconnectedCallback(){this.unRegisterElementAppenderListener(),this.destroyElementAppender()}componentDidLoad(){this.initElementAppender()}getElementAppender(){return this.elementAppender}show(){this.elementAppender&&this.elementAppender.show(),this[this.isDropdownShowName]=!0,this.setAriaOwns()}hide(){this.elementAppender&&this.elementAppender.hide(),this[this.isDropdownShowName]=!1,this.hierarchyTreeManager.getChildren().map((t=>{t.hide()}))}destroy(){this.removeAriaOwns(),this.destroyElementAppender(),this[this.isDropdownShowName]=!1}updateShowConfigFactory(t){this.showConfigFactory=t,this.initElementAppender()}destroyElementAppender(){this.elementAppender&&(this.elementAppender.destroy(),this.elementAppender=null)}initElementAppender(){this.setShowConfig(),this.setElementAppender(),this.registerElementAppenderListener()}setElementAppender(){this.elementAppender=new N(this.showConfigFactory,this)}isShowing(){return this[this.isDropdownShowName]}setShowConfig(){this.showConfig=this.showConfigFactory()}unRegisterElementAppenderListener(){var t,e,i,s,n,o;this.showConfig&&(null===(t=this.showConfig.target)||void 0===t||t.removeEventListener("click",this.targetClickHandler),null===(e=this.showConfig.target)||void 0===e||e.removeEventListener("mouseenter",this.targetMouseEnterHandler),null===(i=this.showConfig.target)||void 0===i||i.removeEventListener("mouseleave",this.targetMouseLeaveHandler),null===(s=this.showConfig.target)||void 0===s||s.removeEventListener("focusout",this.targetMouseLeaveHandler),null===(n=this.showConfig.appendableElement)||void 0===n||n.removeEventListener("mouseenter",this.elementMouseEnterHandler),null===(o=this.showConfig.appendableElement)||void 0===o||o.removeEventListener("mouseleave",this.elementMouseLeaveHandler)),window.removeEventListener("mousedown",this.globalMouseDownHandler),document.removeEventListener("scroll",this.globalScrollHandler),this.removeShadowRootElementScrolling()}listenShadowRootElementScrolling(){this.shadowRootElementScrollingObserver=new j(this.canAcceptShadowRootScrollEvent.bind(this),this.globalScrollHandler.bind(this)),b.register(R,this.shadowRootElementScrollingObserver)}canAcceptShadowRootScrollEvent(t){return Boolean(this.showConfig&&h(this.showConfig.target,t.host))}removeShadowRootElementScrolling(){b.unregister(R,this.shadowRootElementScrollingObserver)}getTriggerStrategy(){const t=this.getTrigger();return"click"===t?new I:"hover"===t?new _:v(t)?t:new G}setAriaOwns(){if(this.showConfig){const t=this.showConfig.target,e=this.showConfig.appendableElement;t&&e&&(t.ariaOwnsElements=[e])}}removeAriaOwns(){var t;(null===(t=this.showConfig)||void 0===t?void 0:t.target)&&(this.showConfig.target.ariaOwnsElements=[])}}X.DELAY_HIDE_TIME=100,q([e()],X.prototype,"hierarchyTreeManager",void 0),q([n("connectedCallback")],X.prototype,"connectedCallback",null),q([n("disconnectedCallback")],X.prototype,"disconnectedCallback",null),q([n("componentDidLoad")],X.prototype,"componentDidLoad",null);export{X as E}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as t,M as e,V as s}from"./p-6e1ab235.js";import{i,j as n}from"./p-
|
|
1
|
+
import{c as t,M as e,V as s}from"./p-6e1ab235.js";import{i,j as n}from"./p-9493d87a.js";import{v as r}from"./p-5f377954.js";import{F as h}from"./p-18e8d9b7.js";var o=function(t,e,s,i){var n,r=arguments.length,h=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,e,s,i);else for(var o=t.length-1;o>=0;o--)(n=t[o])&&(h=(r<3?n(h):r>3?n(e,s,h):n(e,s))||h);return r>3&&h&&Object.defineProperty(e,s,h),h};class a extends s{constructor(t,e,s,i){if(super(),this.eventIds=[],this.useCapture=!1,this.isEventListenerAdded=!1,this.disabled=!1,this.preventChildEvent=t=>{const e=this.getHostElement();if(!this.shouldSkipEventPrevent())if("function"==typeof this.customPreventHandle)this.customPreventHandle(t);else{const s=t.composedPath();e===t.target&&e===s[0]||t.stopImmediatePropagation()}},this.eventIds=t,this.getHostElement=e,!0===s)this.useCapture=!0;else if(s){const{useCapture:t=!1,customPreventHandle:e}=s;this.useCapture=t,this.customPreventHandle=e}this.disabled=!0===i}setup(){this.addOrRemoveEventListener("add")}checkEventListenerStatus(){this.isEventListenerAdded||this.setup(),this.setSkipEventPreventFlag()}destroy(){this.addOrRemoveEventListener("remove")}setSkipEventPreventFlag(){h.isEnabled("VEGA_REACT.SKIP_NATIVE_EVENT_PREVENT_BY_DEFAULT")&&this.disabled&&this.host&&"react"===r.getVegaEnv().framework&&"native"===i.getSemantics(this.host).namespace&&this.getHostElement().setAttribute("data-vega-no-event-prevent","true")}addOrRemoveEventListener(t){const e=this.getHostElement();this.eventIds&&this.eventIds.length&&e&&(this.eventIds.filter((t=>this.shouldPrevent(t))).forEach((s=>{e["add"===t?"addEventListener":"removeEventListener"](this.getCurrentEventName(s),this.preventChildEvent,this.useCapture)})),this.isEventListenerAdded="add"===t)}getCurrentEventName(t){return t.getCurrentName(i.getSemantics(this.host))}shouldPrevent(t){const{namespace:e,jqueryDelegatedEvent:s}=i.getSemantics(this.host);return!("native"===e&&s&&n.isSupportDelegated(this.host,t))}shouldSkipEventPrevent(){const t=this.getHostElement();return t&&"true"===t.dataset.vegaNoEventPrevent}}o([t()],a.prototype,"host",void 0),o([e("connectedCallback")],a.prototype,"setup",null),o([e("componentDidLoad")],a.prototype,"checkEventListenerStatus",null),o([e("disconnectedCallback")],a.prototype,"destroy",null);export{a as C}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,H as t,r as i,c as o,g as r}from"./p-6b2342e0.js";import{s as a}from"./p-519a7d55.js";import{R as n}from"./p-280cbcdb.js";import{c as s,V as l,M as d,I as p}from"./p-6e1ab235.js";import{R as c}from"./p-600f7d6c.js";import{m as h}from"./p-6bd5c49b.js";import{V as v,I as g}from"./p-4415ad28.js";import{D as f}from"./p-31ac7386.js";import{a as m,f as u,l as b,C as x}from"./p-d64fab3d.js";import{F as w}from"./p-a528714c.js";import{C as y}from"./p-2d0d575f.js";import{c as j}from"./p-86194314.js";import{V as R}from"./p-c801c85d.js";import{F as I}from"./p-fc049028.js";import{f as C,e as k}from"./p-6c170474.js";import{C as U}from"./p-1a51bf6f.js";import{c as O}from"./p-02c9796a.js";import{T as z}from"./p-faa9a3bd.js";import{D as V}from"./p-a5713178.js";import{V as F}from"./p-8ac2d165.js";import"./p-abd7aeaa.js";import"./p-4d7d5583.js";import"./p-ed45b3b6.js";import"./p-40f39194.js";import"./p-d884c644.js";import"./p-68846f0d.js";import"./p-ab834f06.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-d27ae9ff.js";import"./p-18e8d9b7.js";import"./p-5a25014f.js";import"./p-331a62d5.js";import"./p-8b5d3a52.js";import"./p-593e0f80.js";import"./p-6a334573.js";import"./p-02841589.js";import"./p-7c39ce96.js";import"./p-f0e828d8.js";import"./p-b75ee3ba.js";import"./p-021d4ae4.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-5eb7f382.js";import"./p-b7f3221f.js";import"./p-5f377954.js";import"./p-4866e390.js";var D=function(e,t,i,o){var r,a=arguments.length,n=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class N extends l{getImageUploaderContainer(){return this.imageUploaderContainerRef}render(){return e(t,{class:{disabled:this.disabled}},this.renderLabelDom(),e("div",{ref:e=>this.imageUploaderContainerRef=e,class:{"vega-image-uploader-select":!0,"disabled-border":this.disabled&&!this.value},style:{width:this.getSize(this.width),height:this.getSize(this.height)}},this.renderContentByStatus()),this.inputRenderer.render(),this.renderHint())}renderLabelDom(){return e("vega-field-label",{"is-field-required":this.required,disabled:this.disabled,label:this.label})}renderContentByStatus(){if("uploading"===this.status)return this.uploadingContentRenderer.render();{const e=this.previewController.getImagePreviewURL();return e?this.previewContentRenderer.render(e):this.defaultContentRenderer.render()}}renderHint(){return this.hint&&e("div",{class:"vega-hint"},e("label",null,this.hint))}getSize(e){if(e){const t=c.format(e,"size");return"number"==typeof t?`${t}px`:`${t}`}}}D([s({componentFieldName:"vegaImageUploaderInputRenderer"})],N.prototype,"inputRenderer",void 0),D([s({componentFieldName:"vegaImageUploaderDefaultContentRenderer"})],N.prototype,"defaultContentRenderer",void 0),D([s({componentFieldName:"vegaImageUploaderPreviewContentRenderer"})],N.prototype,"previewContentRenderer",void 0),D([s({componentFieldName:"vegaImageUploaderUploadingContentRenderer"})],N.prototype,"uploadingContentRenderer",void 0),D([s({componentFieldName:"vegaImageUploaderPreviewController"})],N.prototype,"previewController",void 0),D([s()],N.prototype,"value",void 0),D([s()],N.prototype,"disabled",void 0),D([s()],N.prototype,"status",void 0),D([s()],N.prototype,"label",void 0),D([s()],N.prototype,"required",void 0),D([s()],N.prototype,"width",void 0),D([s()],N.prototype,"height",void 0),D([s()],N.prototype,"hint",void 0);var E=function(e,t,i,o){var r,a=arguments.length,n=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class A extends l{constructor(){super(...arguments),this.handleFileInputChange=e=>{e.stopPropagation();const t=e.target;t.files.length&&this.valueController.setValue(t.files[0])}}getFileInputRef(){return this.fileInputRef}render(){return e("input",{type:"file",accept:this.accept,class:"v-hidden",ref:e=>this.fileInputRef=e,onChange:this.handleFileInputChange})}}E([s({componentFieldName:"vegaImageUploaderValueController"})],A.prototype,"valueController",void 0),E([s()],A.prototype,"accept",void 0);var S=function(e,t,i,o){var r,a=arguments.length,n=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class P extends l{triggerInputClick(){this.disabled||this.inputRenderer.getFileInputRef().click()}resetInput(){this.inputRenderer.getFileInputRef().value=""}}S([s({componentFieldName:"vegaImageUploaderInputRenderer"})],P.prototype,"inputRenderer",void 0),S([s()],P.prototype,"disabled",void 0);var L=function(e,t,i,o){var r,a=arguments.length,n=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class T extends l{constructor(){super(...arguments),this.renderActionButton=t=>{const i=this.getButtonOptions(t);return e("vega-button-circle",Object.assign({size:"small",variant:"icon-only",iconColor:this.isInDarkMode?"text-primary":"text-inverted-primary",role:"menuitem",ref:e=>{f.addUniqueObserverToNode(e,m,(()=>{this.handleClick(t)}))}},i))}}handleClick(e){switch(e){case"Preview":this.previewController.showPreview();break;case"Delete":this.removeController.showRemoveDialog();break;case"Replace":this.inputController.triggerInputClick()}}render(){return this.showRemoveButton||this.showPreviewButton||this.showReplaceButton?e("span",{class:"actions"},this.showPreviewButton&&this.renderActionButton("Preview"),this.showReplaceButton&&!this.disabled&&this.renderActionButton("Replace"),this.showRemoveButton&&!this.disabled&&this.renderActionButton("Delete")):null}getButtonOptions(e){let t;switch(e){case"Preview":t={icon:"zoom-in",label:e};break;case"Delete":t={icon:"delete-bin",label:e};break;case"Replace":t={icon:"photo",label:e}}return t}}L([s({componentFieldName:"vegaImageUploaderInputController"})],T.prototype,"inputController",void 0),L([s({componentFieldName:"vegaImageUploaderValueController"})],T.prototype,"valueController",void 0),L([s({componentFieldName:"vegaImageUploaderPreviewController"})],T.prototype,"previewController",void 0),L([s({componentFieldName:"vegaImageUploaderRemoveController"})],T.prototype,"removeController",void 0),L([s()],T.prototype,"disabled",void 0),L([s()],T.prototype,"showPreviewButton",void 0),L([s()],T.prototype,"showRemoveButton",void 0),L([s()],T.prototype,"showReplaceButton",void 0),L([s()],T.prototype,"removeEventEmitter",void 0),L([s()],T.prototype,"isInDarkMode",void 0);var _=function(e,t,i,o){var r,a=arguments.length,n=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class B extends l{handleValueChange(){this.value||this.inputController.resetInput(),this.changeEventEmitter.emit(this.value),y.notify(w,{host:this.host,detail:this.value})}setValue(e){this.value=e}}_([s({writable:!0})],B.prototype,"value",void 0),_([s()],B.prototype,"changeEventEmitter",void 0),_([s()],B.prototype,"host",void 0),_([s({componentFieldName:"vegaImageUploaderInputController"})],B.prototype,"inputController",void 0),_([d("watchValue")],B.prototype,"handleValueChange",null);var K=function(e,t,i,o){var r,a=arguments.length,n=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class M extends l{constructor(){super(...arguments),this.getImagePreviewURL=e=>{if(e=e||this.value)return e.url||URL.createObjectURL(e)},this.generatePreviewModal=e=>{const t=document.createElement("vega-modal");this.value&&this.value.name&&(t.modalTitle=this.value.name);const i=document.createElement("div");i.style.textAlign="center";const o=document.createElement("img");return o.width=0,o.className="preview-image",e&&(o.src=e),o.alt="",o.style.width="100%",i.appendChild(o),t.appendChild(i),this.previewModalRef=t,document.body.append(t),t}}disconnectedCallback(){var e;null===(e=this.previewModalRef)||void 0===e||e.remove()}showPreview(){const e=this.getImagePreviewURL();if(this.previewModalRef){const t=this.previewModalRef.querySelector(".preview-image");t&&e&&(t.src=e),this.value&&this.value.name&&(this.previewModalRef.modalTitle=this.value.name),this.previewModalRef.modal("show")}else this.generatePreviewModal(e).modal("show")}}K([s()],M.prototype,"value",void 0),K([d("disconnectedCallback")],M.prototype,"disconnectedCallback",null),K([d("getContentURL")],M.prototype,"getImagePreviewURL",void 0);class q extends l{render(t){const i=this.actionsRenderer.render();return e("div",{class:{"image-preview-container":!0,"actions-backdrop":!!i},tabIndex:0,role:"menu"},e("img",{src:t,alt:""}),i)}}!function(e,t,i,o){var r,a=arguments.length,n=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);a>3&&n&&Object.defineProperty(t,i,n)}([s({componentFieldName:"vegaImageUploaderActionsRenderer"})],q.prototype,"actionsRenderer",void 0);var G=function(e,t,i,o){var r,a=arguments.length,n=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class $ extends l{constructor(){super(...arguments),this.handleCancelUploading=e=>{e.stopPropagation(),this.status=void 0,this.removeController.handleRemoveFile(),this.cancelEventEmitter.emit()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleCancelUploading,onKeyDown:j()},e("span",{class:"action-loading"}),e("div",{class:"vega-image-uploader-text cancel-action"},"Cancel"))}}G([s({componentFieldName:"vegaImageUploaderRemoveController"})],$.prototype,"removeController",void 0),G([s({writable:!0})],$.prototype,"status",void 0),G([s()],$.prototype,"cancelEventEmitter",void 0);var H=function(e,t,i,o){var r,a=arguments.length,n=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class J extends l{constructor(){super(...arguments),this.handleUploaderClick=e=>{e.stopPropagation(),this.inputController.triggerInputClick()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleUploaderClick,onKeyDown:j()},e("vega-icon",{icon:"plus-sign",size:"size-24"}),e("div",{class:"vega-image-uploader-text"},this.translationSlimmer.t(this.actionTitle)),this.renderSubtitle())}renderSubtitle(){return this.actionSubTitle&&e("div",{class:"sub-title"},this.actionSubTitle)}}H([s({componentFieldName:"vegaImageUploaderInputController"})],J.prototype,"inputController",void 0),H([s()],J.prototype,"actionTitle",void 0),H([s()],J.prototype,"actionSubTitle",void 0),H([s()],J.prototype,"translationSlimmer",void 0);var Q=function(e,t,i,o){var r,a=arguments.length,n=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class W extends l{constructor(){super(...arguments),this.showRemoveDialog=()=>{this.removeDialogRef=R.open({type:"danger",title:"Delete Image",content:"Are you sure you want to delete this image?",handleOk:()=>(this.handleRemoveFile(),!0),okButton:{label:"Delete"}})},this.handleRemoveFile=()=>{this.valueController.setValue(null),this.removeEventEmitter.emit()}}disconnectedCallback(){var e;null===(e=this.removeDialogRef)||void 0===e||e.remove()}}Q([s({componentFieldName:"vegaImageUploaderValueController"})],W.prototype,"valueController",void 0),Q([s()],W.prototype,"removeEventEmitter",void 0),Q([d("disconnectedCallback")],W.prototype,"disconnectedCallback",null);var X=function(e,t,i,o){var r,a=arguments.length,n=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class Y extends l{handleValueChange(){this.value&&this.hideBackDropAndActions()}hideBackDropAndActions(){const e=k();e&&C(e,"vega-image-uploader")===this.host&&e.blur()}}X([s()],Y.prototype,"host",void 0),X([s()],Y.prototype,"value",void 0),X([d("watchValue")],Y.prototype,"handleValueChange",null);const Z=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!1===e.autoValidation}];var ee=function(e,t,i,o){var r,a=arguments.length,n=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};const te=["jpg","png","jpeg"],ie=class{constructor(e){i(this,e),this.vegaChange=o(this,"vegaChange",7),this.change=o(this,"change",7),this.vegaRemove=o(this,"vegaRemove",7),this.remove=o(this,"remove",7),this.vegaCancel=o(this,"vegaCancel",7),this.cancel=o(this,"cancel",7),this.globalSlimmers={},this.translationSlimmer=new z,this.vegaImageUploaderRenderer=new N,this.vegaImageUploaderUploadingContentRenderer=new $,this.vegaImageUploaderPreviewContentRenderer=new q,this.vegaImageUploaderDefaultContentRenderer=new J,this.vegaImageUploaderInputRenderer=new A,this.vegaImageUploaderActionsRenderer=new T,this.vegaImageUploaderInputController=new P,this.vegaImageUploaderValueController=new B,this.vegaImageUploaderPreviewController=new M,this.vegaImageUploaderRemoveController=new W,this.actionsVisibilityController=new Y,this.darkModeStateControllerSlimmer=new V,this.formFieldController=new I({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new n:null}],validationRulesName:"validationRules",defaultValue:null,attributeGetter:e=>this[e],inputContainerGetter:()=>this.vegaImageUploaderRenderer.getImageUploaderContainer(),touchableAreaGetter:()=>[this.vegaImageUploaderInputRenderer.getFileInputRef()]}),this.changeEventEmitter=O(ie,u),this.removeEventEmitter=O(ie,b),this.cancelEventEmitter=O(ie,x),this.buttonCircleEventPrevent=new U([m],(()=>this.vegaImageUploaderRenderer.getImageUploaderContainer())),this.vegaComponentUsageRuntimeMetricsSlimmer=new v(Z),this.isInDarkMode=F.isDarkMode(),this.value=null,this.accept=te.map((e=>`.${e}`)).join(","),this.showPreviewButton=!0,this.showRemoveButton=!0,this.showReplaceButton=!0,this.disabled=!1,this.required=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.label="",this.actionTitle="Upload",this.width=120,this.height=120}watchValue(){}watchValidationRules(){}disconnectedCallback(){}async getContentURL(e){return h(e)}render(){return a(this.vegaImageUploaderRenderer.render(),this.host)}get host(){return r(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};ee([g()],ie.prototype,"globalSlimmers",void 0),ee([p()],ie.prototype,"translationSlimmer",void 0),ee([p()],ie.prototype,"vegaImageUploaderRenderer",void 0),ee([p()],ie.prototype,"vegaImageUploaderUploadingContentRenderer",void 0),ee([p()],ie.prototype,"vegaImageUploaderPreviewContentRenderer",void 0),ee([p()],ie.prototype,"vegaImageUploaderDefaultContentRenderer",void 0),ee([p()],ie.prototype,"vegaImageUploaderInputRenderer",void 0),ee([p()],ie.prototype,"vegaImageUploaderActionsRenderer",void 0),ee([p()],ie.prototype,"vegaImageUploaderInputController",void 0),ee([p()],ie.prototype,"vegaImageUploaderValueController",void 0),ee([p()],ie.prototype,"vegaImageUploaderPreviewController",void 0),ee([p()],ie.prototype,"vegaImageUploaderRemoveController",void 0),ee([p()],ie.prototype,"actionsVisibilityController",void 0),ee([p()],ie.prototype,"darkModeStateControllerSlimmer",void 0),ee([p()],ie.prototype,"formFieldController",void 0),ee([p()],ie.prototype,"changeEventEmitter",void 0),ee([p()],ie.prototype,"removeEventEmitter",void 0),ee([p()],ie.prototype,"cancelEventEmitter",void 0),ee([p()],ie.prototype,"buttonCircleEventPrevent",void 0),ee([p()],ie.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),ie.style=':host{display:inline-block;vertical-align:middle}:host .vega-image-uploader-select{box-sizing:border-box;background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1));border-radius:8px;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1));display:flex;flex-direction:row;align-items:center;border-width:1px;border-style:dashed;min-width:120px;min-height:120px}:host .vega-image-uploader-select .action-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;width:100%;height:100%;padding:12px;box-sizing:border-box;cursor:pointer;flex-grow:1;outline:none}:host(.disabled) .vega-image-uploader-select.disabled-border{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border-color:rgba(var(--v-border-color-input-field-hover, 115, 160, 190, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover .vega-image-uploader-text{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(:not(.disabled)) .vega-image-uploader-select .action-wrapper:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));border-style:none}:host(:not(.disabled)) .vega-image-uploader-select .actions-backdrop:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));border-style:none}:host(:not(.disabled)) .vega-image-uploader-select .error .action-wrapper:focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}:host(.disabled) .vega-image-uploader-select .action-wrapper{cursor:not-allowed}:host(.disabled) .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.disabled) .vega-image-uploader-select .action-wrapper .vega-image-uploader-text{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-image-uploader-select .vega-image-uploader-text{padding-top:20px;color:rgba(var(--v-text-link, 19, 98, 226, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host .image-preview-container{display:flex;align-items:center;justify-content:center;position:relative;height:100%;width:100%;border-radius:8px;outline:none}:host .image-preview-container img{width:100%;height:100%;border-radius:8px;object-fit:contain}:host .image-preview-container.actions-backdrop::before{width:100%;height:100%;border-radius:8px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;background-color:rgba(0, 0, 0, 0.6);content:" "}:host .vega-image-uploader-select .actions{position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;display:flex;align-items:center;justify-content:center;gap:2px;pointer-events:none}:host .image-preview-container.actions-backdrop:hover::before{opacity:1;pointer-events:auto}:host .image-preview-container:hover .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .action-loading{position:relative;display:inline-block;width:24px;height:24px}:host .vega-image-uploader-select .action-loading::before{content:" ";display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;border:4px solid rgb(229, 239, 255)}:host .vega-image-uploader-select .action-loading::after{display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;content:" ";border-style:solid;border-width:4px;border-color:rgb(153, 192, 255) transparent transparent transparent;animation:loading 1.2s linear infinite}@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host .vega-image-uploader-select .action-wrapper .cancel-action{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host vega-input{display:none}:host input[type=file]{display:none}:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select.error{border-color:rgba(var(--v-border-color-input-field-danger, 230, 50, 87, 1))}:host .vega-image-uploader-select.error:hover{border-color:rgba(var(--v-border-color-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-image-uploader-select.error .action-wrapper:focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1));border-style:none}:host .vega-image-uploader-select.error .actions-backdrop:focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1));border-style:none}:host .vega-hidden{display:none}:host vega-field-label{margin-bottom:8px}:host .sub-title{padding-top:4px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}:host .vega-hint{padding-left:8px;padding-right:8px;padding-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{ie as vega_image_uploader}
|
|
1
|
+
import{h as e,H as t,r as i,c as o,g as r}from"./p-6b2342e0.js";import{s as a}from"./p-519a7d55.js";import{R as n}from"./p-280cbcdb.js";import{c as s,V as l,M as d,I as p}from"./p-6e1ab235.js";import{R as c}from"./p-4079e932.js";import{m as h}from"./p-6bd5c49b.js";import{V as v,I as g}from"./p-4415ad28.js";import{D as m}from"./p-31ac7386.js";import{a as f,f as u,l as b,C as x}from"./p-5f81beae.js";import{F as w}from"./p-a528714c.js";import{C as y}from"./p-2d0d575f.js";import{c as j}from"./p-86194314.js";import{V as R}from"./p-c801c85d.js";import{F as I}from"./p-882a220c.js";import{f as C,e as k}from"./p-6c170474.js";import{C as U}from"./p-c208a3b7.js";import{c as O}from"./p-3a537cd0.js";import{T as z}from"./p-898bcb24.js";import{D as V}from"./p-a5713178.js";import{V as F}from"./p-8ac2d165.js";import"./p-abd7aeaa.js";import"./p-9f467a59.js";import"./p-ed45b3b6.js";import"./p-1e015382.js";import"./p-d884c644.js";import"./p-fb40a829.js";import"./p-e6f0097f.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-d27ae9ff.js";import"./p-18e8d9b7.js";import"./p-5a25014f.js";import"./p-331a62d5.js";import"./p-8b5d3a52.js";import"./p-593e0f80.js";import"./p-6a334573.js";import"./p-02841589.js";import"./p-95d1b547.js";import"./p-f0e828d8.js";import"./p-b75ee3ba.js";import"./p-7db918f4.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-43df17a1.js";import"./p-9493d87a.js";import"./p-5f377954.js";import"./p-4866e390.js";var D=function(e,t,i,o){var r,a=arguments.length,n=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class N extends l{getImageUploaderContainer(){return this.imageUploaderContainerRef}render(){return e(t,{class:{disabled:this.disabled}},this.renderLabelDom(),e("div",{ref:e=>this.imageUploaderContainerRef=e,class:{"vega-image-uploader-select":!0,"disabled-border":this.disabled&&!this.value},style:{width:this.getSize(this.width),height:this.getSize(this.height)}},this.renderContentByStatus()),this.inputRenderer.render(),this.renderHint())}renderLabelDom(){return e("vega-field-label",{"is-field-required":this.required,disabled:this.disabled,label:this.label})}renderContentByStatus(){if("uploading"===this.status)return this.uploadingContentRenderer.render();{const e=this.previewController.getImagePreviewURL();return e?this.previewContentRenderer.render(e):this.defaultContentRenderer.render()}}renderHint(){return this.hint&&e("div",{class:"vega-hint"},e("label",null,this.hint))}getSize(e){if(e){const t=c.format(e,"size");return"number"==typeof t?`${t}px`:`${t}`}}}D([s({componentFieldName:"vegaImageUploaderInputRenderer"})],N.prototype,"inputRenderer",void 0),D([s({componentFieldName:"vegaImageUploaderDefaultContentRenderer"})],N.prototype,"defaultContentRenderer",void 0),D([s({componentFieldName:"vegaImageUploaderPreviewContentRenderer"})],N.prototype,"previewContentRenderer",void 0),D([s({componentFieldName:"vegaImageUploaderUploadingContentRenderer"})],N.prototype,"uploadingContentRenderer",void 0),D([s({componentFieldName:"vegaImageUploaderPreviewController"})],N.prototype,"previewController",void 0),D([s()],N.prototype,"value",void 0),D([s()],N.prototype,"disabled",void 0),D([s()],N.prototype,"status",void 0),D([s()],N.prototype,"label",void 0),D([s()],N.prototype,"required",void 0),D([s()],N.prototype,"width",void 0),D([s()],N.prototype,"height",void 0),D([s()],N.prototype,"hint",void 0);var E=function(e,t,i,o){var r,a=arguments.length,n=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class A extends l{constructor(){super(...arguments),this.handleFileInputChange=e=>{e.stopPropagation();const t=e.target;t.files.length&&this.valueController.setValue(t.files[0])}}getFileInputRef(){return this.fileInputRef}render(){return e("input",{type:"file",accept:this.accept,class:"v-hidden",ref:e=>this.fileInputRef=e,onChange:this.handleFileInputChange})}}E([s({componentFieldName:"vegaImageUploaderValueController"})],A.prototype,"valueController",void 0),E([s()],A.prototype,"accept",void 0);var S=function(e,t,i,o){var r,a=arguments.length,n=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class P extends l{triggerInputClick(){this.disabled||this.inputRenderer.getFileInputRef().click()}resetInput(){this.inputRenderer.getFileInputRef().value=""}}S([s({componentFieldName:"vegaImageUploaderInputRenderer"})],P.prototype,"inputRenderer",void 0),S([s()],P.prototype,"disabled",void 0);var L=function(e,t,i,o){var r,a=arguments.length,n=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class T extends l{constructor(){super(...arguments),this.renderActionButton=t=>{const i=this.getButtonOptions(t);return e("vega-button-circle",Object.assign({size:"small",variant:"icon-only",iconColor:this.isInDarkMode?"text-primary":"text-inverted-primary",role:"menuitem",ref:e=>{m.addUniqueObserverToNode(e,f,(()=>{this.handleClick(t)}))}},i))}}handleClick(e){switch(e){case"Preview":this.previewController.showPreview();break;case"Delete":this.removeController.showRemoveDialog();break;case"Replace":this.inputController.triggerInputClick()}}render(){return this.showRemoveButton||this.showPreviewButton||this.showReplaceButton?e("span",{class:"actions"},this.showPreviewButton&&this.renderActionButton("Preview"),this.showReplaceButton&&!this.disabled&&this.renderActionButton("Replace"),this.showRemoveButton&&!this.disabled&&this.renderActionButton("Delete")):null}getButtonOptions(e){let t;switch(e){case"Preview":t={icon:"zoom-in",label:e};break;case"Delete":t={icon:"delete-bin",label:e};break;case"Replace":t={icon:"photo",label:e}}return t}}L([s({componentFieldName:"vegaImageUploaderInputController"})],T.prototype,"inputController",void 0),L([s({componentFieldName:"vegaImageUploaderValueController"})],T.prototype,"valueController",void 0),L([s({componentFieldName:"vegaImageUploaderPreviewController"})],T.prototype,"previewController",void 0),L([s({componentFieldName:"vegaImageUploaderRemoveController"})],T.prototype,"removeController",void 0),L([s()],T.prototype,"disabled",void 0),L([s()],T.prototype,"showPreviewButton",void 0),L([s()],T.prototype,"showRemoveButton",void 0),L([s()],T.prototype,"showReplaceButton",void 0),L([s()],T.prototype,"removeEventEmitter",void 0),L([s()],T.prototype,"isInDarkMode",void 0);var _=function(e,t,i,o){var r,a=arguments.length,n=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class B extends l{handleValueChange(){this.value||this.inputController.resetInput(),this.changeEventEmitter.emit(this.value),y.notify(w,{host:this.host,detail:this.value})}setValue(e){this.value=e}}_([s({writable:!0})],B.prototype,"value",void 0),_([s()],B.prototype,"changeEventEmitter",void 0),_([s()],B.prototype,"host",void 0),_([s({componentFieldName:"vegaImageUploaderInputController"})],B.prototype,"inputController",void 0),_([d("watchValue")],B.prototype,"handleValueChange",null);var K=function(e,t,i,o){var r,a=arguments.length,n=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class M extends l{constructor(){super(...arguments),this.getImagePreviewURL=e=>{if(e=e||this.value)return e.url||URL.createObjectURL(e)},this.generatePreviewModal=e=>{const t=document.createElement("vega-modal");this.value&&this.value.name&&(t.modalTitle=this.value.name);const i=document.createElement("div");i.style.textAlign="center";const o=document.createElement("img");return o.width=0,o.className="preview-image",e&&(o.src=e),o.alt="",o.style.width="100%",i.appendChild(o),t.appendChild(i),this.previewModalRef=t,document.body.append(t),t}}disconnectedCallback(){var e;null===(e=this.previewModalRef)||void 0===e||e.remove()}showPreview(){const e=this.getImagePreviewURL();if(this.previewModalRef){const t=this.previewModalRef.querySelector(".preview-image");t&&e&&(t.src=e),this.value&&this.value.name&&(this.previewModalRef.modalTitle=this.value.name),this.previewModalRef.modal("show")}else this.generatePreviewModal(e).modal("show")}}K([s()],M.prototype,"value",void 0),K([d("disconnectedCallback")],M.prototype,"disconnectedCallback",null),K([d("getContentURL")],M.prototype,"getImagePreviewURL",void 0);class q extends l{render(t){const i=this.actionsRenderer.render();return e("div",{class:{"image-preview-container":!0,"actions-backdrop":!!i},tabIndex:0,role:"menu"},e("img",{src:t,alt:""}),i)}}!function(e,t,i,o){var r,a=arguments.length,n=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);a>3&&n&&Object.defineProperty(t,i,n)}([s({componentFieldName:"vegaImageUploaderActionsRenderer"})],q.prototype,"actionsRenderer",void 0);var G=function(e,t,i,o){var r,a=arguments.length,n=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class $ extends l{constructor(){super(...arguments),this.handleCancelUploading=e=>{e.stopPropagation(),this.status=void 0,this.removeController.handleRemoveFile(),this.cancelEventEmitter.emit()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleCancelUploading,onKeyDown:j()},e("span",{class:"action-loading"}),e("div",{class:"vega-image-uploader-text cancel-action"},"Cancel"))}}G([s({componentFieldName:"vegaImageUploaderRemoveController"})],$.prototype,"removeController",void 0),G([s({writable:!0})],$.prototype,"status",void 0),G([s()],$.prototype,"cancelEventEmitter",void 0);var H=function(e,t,i,o){var r,a=arguments.length,n=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class J extends l{constructor(){super(...arguments),this.handleUploaderClick=e=>{e.stopPropagation(),this.inputController.triggerInputClick()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleUploaderClick,onKeyDown:j()},e("vega-icon",{icon:"plus-sign",size:"size-24"}),e("div",{class:"vega-image-uploader-text"},this.translationSlimmer.t(this.actionTitle)),this.renderSubtitle())}renderSubtitle(){return this.actionSubTitle&&e("div",{class:"sub-title"},this.actionSubTitle)}}H([s({componentFieldName:"vegaImageUploaderInputController"})],J.prototype,"inputController",void 0),H([s()],J.prototype,"actionTitle",void 0),H([s()],J.prototype,"actionSubTitle",void 0),H([s()],J.prototype,"translationSlimmer",void 0);var Q=function(e,t,i,o){var r,a=arguments.length,n=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class W extends l{constructor(){super(...arguments),this.showRemoveDialog=()=>{this.removeDialogRef=R.open({type:"danger",title:"Delete Image",content:"Are you sure you want to delete this image?",handleOk:()=>(this.handleRemoveFile(),!0),okButton:{label:"Delete"}})},this.handleRemoveFile=()=>{this.valueController.setValue(null),this.removeEventEmitter.emit()}}disconnectedCallback(){var e;null===(e=this.removeDialogRef)||void 0===e||e.remove()}}Q([s({componentFieldName:"vegaImageUploaderValueController"})],W.prototype,"valueController",void 0),Q([s()],W.prototype,"removeEventEmitter",void 0),Q([d("disconnectedCallback")],W.prototype,"disconnectedCallback",null);var X=function(e,t,i,o){var r,a=arguments.length,n=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class Y extends l{handleValueChange(){this.value&&this.hideBackDropAndActions()}hideBackDropAndActions(){const e=k();e&&C(e,"vega-image-uploader")===this.host&&e.blur()}}X([s()],Y.prototype,"host",void 0),X([s()],Y.prototype,"value",void 0),X([d("watchValue")],Y.prototype,"handleValueChange",null);const Z=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!1===e.autoValidation}];var ee=function(e,t,i,o){var r,a=arguments.length,n=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};const te=["jpg","png","jpeg"],ie=class{constructor(e){i(this,e),this.vegaChange=o(this,"vegaChange",7),this.change=o(this,"change",7),this.vegaRemove=o(this,"vegaRemove",7),this.remove=o(this,"remove",7),this.vegaCancel=o(this,"vegaCancel",7),this.cancel=o(this,"cancel",7),this.globalSlimmers={},this.translationSlimmer=new z,this.vegaImageUploaderRenderer=new N,this.vegaImageUploaderUploadingContentRenderer=new $,this.vegaImageUploaderPreviewContentRenderer=new q,this.vegaImageUploaderDefaultContentRenderer=new J,this.vegaImageUploaderInputRenderer=new A,this.vegaImageUploaderActionsRenderer=new T,this.vegaImageUploaderInputController=new P,this.vegaImageUploaderValueController=new B,this.vegaImageUploaderPreviewController=new M,this.vegaImageUploaderRemoveController=new W,this.actionsVisibilityController=new Y,this.darkModeStateControllerSlimmer=new V,this.formFieldController=new I({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new n:null}],validationRulesName:"validationRules",defaultValue:null,attributeGetter:e=>this[e],inputContainerGetter:()=>this.vegaImageUploaderRenderer.getImageUploaderContainer(),touchableAreaGetter:()=>[this.vegaImageUploaderInputRenderer.getFileInputRef()]}),this.changeEventEmitter=O(ie,u),this.removeEventEmitter=O(ie,b),this.cancelEventEmitter=O(ie,x),this.buttonCircleEventPrevent=new U([f],(()=>this.vegaImageUploaderRenderer.getImageUploaderContainer())),this.vegaComponentUsageRuntimeMetricsSlimmer=new v(Z),this.isInDarkMode=F.isDarkMode(),this.value=null,this.accept=te.map((e=>`.${e}`)).join(","),this.showPreviewButton=!0,this.showRemoveButton=!0,this.showReplaceButton=!0,this.disabled=!1,this.required=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.label="",this.actionTitle="Upload",this.width=120,this.height=120}watchValue(){}watchValidationRules(){}disconnectedCallback(){}async getContentURL(e){return h(e)}render(){return a(this.vegaImageUploaderRenderer.render(),this.host)}get host(){return r(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};ee([g()],ie.prototype,"globalSlimmers",void 0),ee([p()],ie.prototype,"translationSlimmer",void 0),ee([p()],ie.prototype,"vegaImageUploaderRenderer",void 0),ee([p()],ie.prototype,"vegaImageUploaderUploadingContentRenderer",void 0),ee([p()],ie.prototype,"vegaImageUploaderPreviewContentRenderer",void 0),ee([p()],ie.prototype,"vegaImageUploaderDefaultContentRenderer",void 0),ee([p()],ie.prototype,"vegaImageUploaderInputRenderer",void 0),ee([p()],ie.prototype,"vegaImageUploaderActionsRenderer",void 0),ee([p()],ie.prototype,"vegaImageUploaderInputController",void 0),ee([p()],ie.prototype,"vegaImageUploaderValueController",void 0),ee([p()],ie.prototype,"vegaImageUploaderPreviewController",void 0),ee([p()],ie.prototype,"vegaImageUploaderRemoveController",void 0),ee([p()],ie.prototype,"actionsVisibilityController",void 0),ee([p()],ie.prototype,"darkModeStateControllerSlimmer",void 0),ee([p()],ie.prototype,"formFieldController",void 0),ee([p()],ie.prototype,"changeEventEmitter",void 0),ee([p()],ie.prototype,"removeEventEmitter",void 0),ee([p()],ie.prototype,"cancelEventEmitter",void 0),ee([p()],ie.prototype,"buttonCircleEventPrevent",void 0),ee([p()],ie.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),ie.style=':host{display:inline-block;vertical-align:middle}:host .vega-image-uploader-select{box-sizing:border-box;background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1));border-radius:8px;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1));display:flex;flex-direction:row;align-items:center;border-width:1px;border-style:dashed;min-width:120px;min-height:120px}:host .vega-image-uploader-select .action-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;width:100%;height:100%;padding:12px;box-sizing:border-box;cursor:pointer;flex-grow:1;outline:none}:host(.disabled) .vega-image-uploader-select.disabled-border{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border-color:rgba(var(--v-border-color-input-field-hover, 115, 160, 190, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover .vega-image-uploader-text{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(:not(.disabled)) .vega-image-uploader-select .action-wrapper:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));border-style:none}:host(:not(.disabled)) .vega-image-uploader-select .actions-backdrop:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));border-style:none}:host(:not(.disabled)) .vega-image-uploader-select .error .action-wrapper:focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}:host(.disabled) .vega-image-uploader-select .action-wrapper{cursor:not-allowed}:host(.disabled) .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.disabled) .vega-image-uploader-select .action-wrapper .vega-image-uploader-text{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-image-uploader-select .vega-image-uploader-text{padding-top:20px;color:rgba(var(--v-text-link, 19, 98, 226, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host .image-preview-container{display:flex;align-items:center;justify-content:center;position:relative;height:100%;width:100%;border-radius:8px;outline:none}:host .image-preview-container img{width:100%;height:100%;border-radius:8px;object-fit:contain}:host .image-preview-container.actions-backdrop::before{width:100%;height:100%;border-radius:8px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;background-color:rgba(0, 0, 0, 0.6);content:" "}:host .vega-image-uploader-select .actions{position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;display:flex;align-items:center;justify-content:center;gap:2px;pointer-events:none}:host .image-preview-container.actions-backdrop:hover::before{opacity:1;pointer-events:auto}:host .image-preview-container:hover .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .action-loading{position:relative;display:inline-block;width:24px;height:24px}:host .vega-image-uploader-select .action-loading::before{content:" ";display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;border:4px solid rgb(229, 239, 255)}:host .vega-image-uploader-select .action-loading::after{display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;content:" ";border-style:solid;border-width:4px;border-color:rgb(153, 192, 255) transparent transparent transparent;animation:loading 1.2s linear infinite}@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host .vega-image-uploader-select .action-wrapper .cancel-action{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host vega-input{display:none}:host input[type=file]{display:none}:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select.error{border-color:rgba(var(--v-border-color-input-field-danger, 230, 50, 87, 1))}:host .vega-image-uploader-select.error:hover{border-color:rgba(var(--v-border-color-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-image-uploader-select.error .action-wrapper:focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1));border-style:none}:host .vega-image-uploader-select.error .actions-backdrop:focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1));border-style:none}:host .vega-hidden{display:none}:host vega-field-label{margin-bottom:8px}:host .sub-title{padding-top:4px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}:host .vega-hint{padding-left:8px;padding-right:8px;padding-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{ie as vega_image_uploader}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as i,H as r,g as o}from"./p-6b2342e0.js";import{R as
|
|
1
|
+
import{r as e,c as t,h as i,H as r,g as o}from"./p-6b2342e0.js";import{R as a}from"./p-280cbcdb.js";import{c as s}from"./p-86194314.js";import{s as n}from"./p-519a7d55.js";import{a as p,h as l,c as h}from"./p-6c170474.js";import{F as d}from"./p-882a220c.js";import{I as c}from"./p-6e1ab235.js";import{V as m,I as f}from"./p-4415ad28.js";import{F as g}from"./p-a528714c.js";import{c as x}from"./p-3a537cd0.js";import{C as b}from"./p-2d0d575f.js";import{f as v}from"./p-5f81beae.js";import"./p-abd7aeaa.js";import"./p-02841589.js";import"./p-331a62d5.js";import"./p-8b5d3a52.js";import"./p-6a334573.js";import"./p-31ac7386.js";import"./p-95d1b547.js";import"./p-fb40a829.js";import"./p-f0e828d8.js";import"./p-b75ee3ba.js";import"./p-7db918f4.js";import"./p-e6f0097f.js";import"./p-1e015382.js";import"./p-ed45b3b6.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-d27ae9ff.js";import"./p-262ec334.js";import"./p-43df17a1.js";import"./p-9493d87a.js";const u=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for the color picker when a color is selected",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for the color picker when a color is selected",payloadValue:e=>!1===e.autoValidation}];var w=function(e,t,i,r){var o,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(s=(a<3?o(s):a>3?o(t,i,s):o(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};const j=class{constructor(r){e(this,r),this.vegaChange=t(this,"vegaChange",7),this.change=t(this,"change",7),this.globalSlimmers={},this.formFieldController=new d({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new a:null}],validationRulesName:"validationRules",defaultValue:"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.colorPickerContainerRef,touchableAreaGetter:()=>[this.colorPickerTouchableAreaRef]}),this.changeEventEmitter=x(j,v),this.vegaComponentUsageRuntimeMetricsSlimmer=new m(u),this.value="",this.hint="",this.disabled=!1,this.required=!1,this.label="",this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.colors=["#73E6DC","#806BFF","#FFDC83","#FF9571","#00BBFF","#FF82C9","#259F9F","#563D82"],this.isInline=!1,this.renderColorPickerContainer=()=>i("div",{class:p([this.isInline?null:"color-picker-inline"]),ref:e=>this.colorPickerContainerRef=e},i("vega-flex",{direction:"row",gap:"size-8",alignItems:"center"},this.colors.map((e=>{const t=this.value===e;return i("div",{id:e,class:{"color-picker-inline-items":!0,selected:t},ref:e=>this.colorPickerTouchableAreaRef=e,style:{backgroundColor:e},onClick:this.updateValueProp,role:"button",tabIndex:0,"aria-label":"color",onKeyDown:s()},t?i("vega-icon",{icon:"checkmark",size:"size-16",class:{"v-text-black":this.isDarkColorCheckmark(this.value),"v-text-white":!this.isDarkColorCheckmark(this.value)}}):null)})))),this.renderHintMessage=()=>i("vega-text",null,this.hint),this.updateValueProp=async e=>{this.disabled||(this.value=String(e.currentTarget.getAttribute("id")))}}watchValue(){this.resetValueIfInvalid(),this.changeEventEmitter.emit(this.value),b.notify(g,{host:this.host,detail:this.value})}watchValidationRules(){}connectedCallback(){this.resetValueIfInvalid()}render(){return n(i(r,{class:{disabled:this.disabled}},this.renderLabelDom(),this.renderColorPickerContainer(),this.hint&&this.renderHintMessage()),this.host)}renderLabelDom(){return i("vega-field-label",{"is-field-required":this.required,disabled:this.disabled,label:this.label})}isDarkColorCheckmark(e,t="#fcfcfc",i="#203645"){const r=this.getLuminance(e),o=this.getLuminance(t),a=this.getLuminance(i);return r>Math.sqrt((o+.05)*(a+.05))-.05}getLuminance(e){const t=[l(e).r/255,l(e).g/255,l(e).b/255].map((e=>e<=.03928?e/12.92:((e+.055)/1.055)**2.4));return.2126*t[0]+.7152*t[1]+.0722*t[2]}resetValueIfInvalid(){this.colors.some((e=>h(e).toUpperCase()==h(this.value).toUpperCase()))||(this.value="")}get host(){return o(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};w([f()],j.prototype,"globalSlimmers",void 0),w([c()],j.prototype,"formFieldController",void 0),w([c()],j.prototype,"changeEventEmitter",void 0),w([c()],j.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),j.style=':host{display:inline-block;text-align:left;line-height:normal}:host vega-field-label{margin-bottom:8px}:host(.disabled) .color-picker-inline{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.disabled) .color-picker-inline-items:hover{box-shadow:none}:host(.disabled) .color-picker-inline-items:focus-within{box-shadow:none}:host .color-picker-inline{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));padding:12px;max-width:max-content}:host .color-picker-inline-items{display:flex;border:1px solid rgba(var(--v-border-chip, 205, 209, 211, 1));border-radius:4px;width:24px;height:24px;cursor:pointer;align-items:center;justify-content:center}:host .color-picker-inline-items.selected{border-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1))}:host .color-picker-inline-items:hover{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host .color-picker-inline-items:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:0px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));box-shadow:0px 0px 0px 1px rgba(var(--v-bg-primary, 252, 252, 252, 1)) inset;border:1px solid rgba(var(--v-bg-primary, 252, 252, 252, 1))}:host .checkmark-black{color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host .checkmark-white{color:rgba(var(--v-text-white, 252, 252, 252, 1))}:host vega-text{padding-left:8px;padding-right:8px;padding-top:4px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host vega-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host vega-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host vega-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:8px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .color-picker-inline.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .vega-hidden{display:none}:host vega-flex{flex-wrap:wrap;max-width:264px}';export{j as vega_color_picker}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{M as e,V as t}from"./p-6e1ab235.js";import{K as c}from"./p-
|
|
1
|
+
import{M as e,V as t}from"./p-6e1ab235.js";import{K as c}from"./p-87379d3c.js";var n=function(e,t,c,n){var o,l=arguments.length,a=l<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,c):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,c,n);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(l<3?o(a):l>3?o(t,c,a):o(t,c))||a);return l>3&&a&&Object.defineProperty(t,c,a),a};class o extends t{constructor(e){super(),this.keyboardEventListeners=[],this.listenersRetriever=e}connectedCallback(){c.register(this.keyboardEventListeners)}disconnectedCallback(){c.deregister(this.keyboardEventListeners)}componentDidLoad(){this.keyboardEventListeners=this.listenersRetriever(this),c.register(this.keyboardEventListeners)}}n([e("connectedCallback")],o.prototype,"connectedCallback",null),n([e("disconnectedCallback")],o.prototype,"disconnectedCallback",null),n([e("componentDidLoad")],o.prototype,"componentDidLoad",null);export{o as K}
|