@globalpayments/vega 2.65.0 → 2.66.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-681a0ed4.js → app-globals-ab28f910.js} +6 -6
- package/dist/cjs/{child-nodes-event-prevent-slimmer-feb072c4.js → child-nodes-event-prevent-slimmer-eb803b14.js} +1 -1
- package/dist/cjs/{code-block-961d54e8.js → code-block-ab97a0a0.js} +12 -15
- package/dist/cjs/{component-value-history-controller-slimmer.abstract-c5b8b47b.js → component-value-history-controller-slimmer.abstract-5630341e.js} +4 -4
- package/dist/cjs/{design-token-98652b67.js → design-token-847739f1.js} +1 -1
- package/dist/cjs/{dom-node-subject-observer-factory-56609e5a.js → dom-node-subject-observer-factory-f040608b.js} +5 -1
- package/dist/cjs/{dto-renderer-manager-4b9d2560.js → dto-renderer-manager-d0f0f2c0.js} +18 -33
- package/dist/cjs/{element-appender-slimmer-1f46981b.js → element-appender-slimmer-aead9bbb.js} +3 -3
- package/dist/cjs/{event-emit-slimmer-3cefb326.js → event-emit-slimmer-d21a0935.js} +2 -2
- package/dist/cjs/{form-field-controller-slimmer-1e1123ea.js → form-field-controller-slimmer-2a091912.js} +2 -2
- package/dist/cjs/{image-annotation-action-03b36f68.js → image-annotation-action-d84de785.js} +3 -3
- package/dist/cjs/{index-f2fe26a0.js → index-4b896e76.js} +1 -1
- package/dist/cjs/index-58ea899e.js +4 -0
- package/dist/cjs/index.cjs.js +11 -11
- package/dist/cjs/{inject-keyboard-manager-51033b3f.js → inject-keyboard-manager-13c66257.js} +1 -1
- package/dist/cjs/{internal-vega-event-manager-9b503f1a.js → internal-vega-event-manager-4d1ce667.js} +3 -2
- package/dist/cjs/{keyboard-manager-144907d7.js → keyboard-manager-af0d08a6.js} +7 -1
- package/dist/cjs/{keyboard-manager-slimmer-04c48756.js → keyboard-manager-slimmer-62f072cd.js} +1 -1
- package/dist/cjs/{language-extension-059d62f6.js → language-extension-d257e65d.js} +2 -2
- package/dist/cjs/loader.cjs.js +9 -9
- package/dist/cjs/{public-rules-58e0218b.js → public-rules-d2b9b8f0.js} +4 -4
- package/dist/cjs/{range-42732973.js → range-d610028e.js} +1 -1
- package/dist/cjs/{responsive-format-facade-29070d00.js → responsive-format-facade-71e7b74c.js} +3 -3
- package/dist/cjs/{rich-text-editor-required-rule-ce4dd5fb.js → rich-text-editor-required-rule-a8fe5f50.js} +1 -1
- package/dist/cjs/{string-input-formatter-slimmer-0d69ea76.js → string-input-formatter-slimmer-8236b5e1.js} +2 -2
- package/dist/cjs/{style-formatter-f6723cb3.js → style-formatter-6facb42b.js} +1 -1
- package/dist/cjs/{sub-state-notify-slimmer-066f2aa9.js → sub-state-notify-slimmer-78682046.js} +1 -1
- package/dist/cjs/{sub-state-observer-slimmer-569e3297.js → sub-state-observer-slimmer-73aecfff.js} +1 -1
- package/dist/cjs/{token-extension-260adb8a.js → token-extension-aa8d5cce.js} +7 -6
- package/dist/cjs/vega-accordion.cjs.entry.js +8 -8
- package/dist/cjs/vega-app-header-button.cjs.entry.js +9 -9
- 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 +29 -14
- package/dist/cjs/vega-button-circle.cjs.entry.js +9 -9
- package/dist/cjs/vega-button-group_2.cjs.entry.js +6 -6
- package/dist/cjs/vega-button-link.cjs.entry.js +4 -4
- package/dist/cjs/vega-button.cjs.entry.js +8 -8
- package/dist/cjs/vega-calendar_4.cjs.entry.js +6 -6
- package/dist/cjs/vega-card.cjs.entry.js +7 -7
- package/dist/cjs/vega-carousel.cjs.entry.js +7 -7
- package/dist/cjs/vega-checkbox_2.cjs.entry.js +6 -6
- package/dist/cjs/vega-chip.cjs.entry.js +9 -9
- package/dist/cjs/vega-code-block.cjs.entry.js +9 -9
- package/dist/cjs/vega-color-picker.cjs.entry.js +5 -5
- package/dist/cjs/vega-combo-box.cjs.entry.js +8 -8
- package/dist/cjs/vega-date-picker_2.cjs.entry.js +15 -15
- package/dist/cjs/vega-dialog_2.cjs.entry.js +9 -9
- package/dist/cjs/vega-divider.cjs.entry.js +7 -7
- package/dist/cjs/vega-dropdown_5.cjs.entry.js +13 -13
- package/dist/cjs/vega-env-manager-23b8b23c.js +2 -2
- package/dist/cjs/vega-field-label.cjs.entry.js +3 -3
- package/dist/cjs/vega-file-uploader.cjs.entry.js +5 -5
- package/dist/cjs/vega-flag-icon.cjs.entry.js +7 -7
- package/dist/cjs/vega-flex.cjs.entry.js +8 -8
- package/dist/cjs/vega-font.cjs.entry.js +7 -7
- package/dist/cjs/vega-form.cjs.entry.js +70 -12
- package/dist/cjs/vega-grid.cjs.entry.js +7 -7
- package/dist/cjs/vega-icon.cjs.entry.js +7 -7
- package/dist/cjs/vega-image-uploader.cjs.entry.js +10 -10
- package/dist/cjs/vega-input-credit-card.cjs.entry.js +6 -6
- package/dist/cjs/vega-input-numeric.cjs.entry.js +9 -9
- package/dist/cjs/vega-input-passcode.cjs.entry.js +724 -0
- package/dist/cjs/vega-input-phone-number.cjs.entry.js +9 -9
- package/dist/cjs/vega-input-range.cjs.entry.js +6 -6
- package/dist/cjs/vega-input-select.cjs.entry.js +10 -10
- package/dist/cjs/vega-input.cjs.entry.js +23 -8
- package/dist/cjs/vega-item-toggle.cjs.entry.js +3 -3
- package/dist/cjs/vega-left-nav_5.cjs.entry.js +10 -10
- 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 +3 -3
- package/dist/cjs/vega-pagination-page-size-selector-mobile.cjs.entry.js +1 -1
- package/dist/cjs/vega-pagination.cjs.entry.js +8 -8
- package/dist/cjs/vega-popover_2.cjs.entry.js +11 -11
- package/dist/cjs/vega-progress-tracker.cjs.entry.js +3 -3
- package/dist/cjs/vega-radio_2.cjs.entry.js +8 -8
- package/dist/cjs/vega-rich-text-content.cjs.entry.js +6 -6
- package/dist/cjs/vega-rich-text-editor_4.cjs.entry.js +16 -16
- package/dist/cjs/vega-segment-control.cjs.entry.js +3 -3
- package/dist/cjs/vega-selection-chip_2.cjs.entry.js +11 -11
- package/dist/cjs/vega-selection-tile_2.cjs.entry.js +7 -7
- package/dist/cjs/vega-sidenav_3.cjs.entry.js +9 -9
- package/dist/cjs/vega-signature-capture.cjs.entry.js +10 -10
- package/dist/cjs/vega-stepper.cjs.entry.js +6 -6
- package/dist/cjs/vega-tab-group_2.cjs.entry.js +4 -4
- package/dist/cjs/vega-table_8.cjs.entry.js +10 -10
- package/dist/cjs/vega-textarea.cjs.entry.js +6 -6
- package/dist/cjs/vega-time-picker_2.cjs.entry.js +13 -13
- package/dist/cjs/vega-toggle-switch.cjs.entry.js +5 -5
- package/dist/cjs/vega-tooltip_2.cjs.entry.js +9 -9
- package/dist/cjs/vega.cjs.js +9 -9
- package/dist/collection/collection-manifest.json +6 -0
- package/dist/collection/components/vega-breadcrumb/slimmers/renderers/vega-breadcrumb-item-renderer.js +1 -1
- package/dist/collection/components/vega-breadcrumb/slimmers/renderers/vega-breadcrumb-renderer.js +12 -8
- package/dist/collection/components/vega-breadcrumb/vega-breadcrumb.css +6 -6
- package/dist/collection/components/vega-breadcrumb/vega-breadcrumb.js +32 -0
- package/dist/collection/components/vega-form/slimmers/controllers/vega-form-submit-controller.js +62 -5
- package/dist/collection/components/vega-input/vega-input.js +72 -5
- package/dist/collection/components/vega-input-passcode/slimmers/controllers/vega-input-passcode-keyboard-controller.js +101 -0
- package/dist/collection/components/vega-input-passcode/slimmers/controllers/vega-input-passcode-value-controller.js +115 -0
- package/dist/collection/components/vega-input-passcode/slimmers/renderers/vega-input-passcode-renderer.js +166 -0
- package/dist/collection/components/vega-input-passcode/vega-input-passcode.css +90 -0
- package/dist/collection/components/vega-input-passcode/vega-input-passcode.js +513 -0
- package/dist/collection/components/vega-rich-text-editor/dto/annotations/link-group-annotation.js +1 -1
- package/dist/collection/components/vega-rich-text-editor/dto/blocks/code-block.js +2 -2
- package/dist/collection/components/vega-rich-text-editor/dto/blocks/html-block.js +3 -2
- package/dist/collection/components/vega-rich-text-editor/dto/blocks/image-block.js +3 -7
- package/dist/collection/components/vega-rich-text-editor/dto/blocks/list-block.js +3 -7
- package/dist/collection/components/vega-rich-text-editor/dto/blocks/list-item-block.js +4 -12
- package/dist/collection/components/vega-rich-text-editor/dto/blocks/text-block.js +3 -7
- package/dist/collection/components/vega-rich-text-editor/dto/content-state.js +1 -1
- package/dist/collection/components/vega-rich-text-editor/dto/nodes/code-block-node.js +3 -2
- package/dist/collection/components/vega-rich-text-editor/dto/nodes/image-node.js +2 -2
- package/dist/collection/components/vega-rich-text-editor/dto/nodes/text-node.js +2 -2
- package/dist/collection/components/vega-rich-text-editor/extensions/tokens/token-node.js +3 -2
- package/dist/collection/components/vega-rich-text-editor/test/dto/blocks/code-block.test.js +2 -2
- package/dist/collection/components/vega-rich-text-editor/test/dto/blocks/html-block.test.js +4 -0
- package/dist/collection/components/vega-rich-text-editor/test/dto/nodes/text-node.test.js +1 -1
- package/dist/collection/constants/ui.js +2 -0
- package/dist/collection/helpers/event-manager/event-id/component-event-id-map.js +3 -2
- package/dist/collection/helpers/event-manager/event-id/vega-event-id.js +3 -1
- package/dist/collection/helpers/event-manager/test/component-event-id-map.test.js +2 -1
- package/dist/collection/helpers/event-manager/test/vega-event-manager.test.js +2 -1
- package/dist/collection/helpers/immutable/immutable-array.js +133 -0
- package/dist/collection/helpers/immutable/test/immutable-array.test.js +78 -0
- package/dist/collection/helpers/keyboard/keyboard-manager.js +7 -1
- package/dist/collection/helpers/keyboard/test/keyboard-manager.test.js +4 -0
- package/dist/collection/value-model-adapters/angular-ng-model-accessor-adapter.js +1 -0
- package/dist/collection/value-model-adapters/vue-component-v-model-adaptor.js +1 -0
- package/dist/esm/{app-globals-1bacb762.js → app-globals-37a60cc1.js} +6 -6
- package/dist/esm/{child-nodes-event-prevent-slimmer-f32efdee.js → child-nodes-event-prevent-slimmer-735cb880.js} +1 -1
- package/dist/esm/{code-block-cb657afd.js → code-block-11b2bc1c.js} +12 -15
- package/dist/esm/{component-value-history-controller-slimmer.abstract-65a83eaf.js → component-value-history-controller-slimmer.abstract-16c5cb96.js} +4 -4
- package/dist/esm/{design-token-3889675a.js → design-token-297dc528.js} +1 -1
- package/dist/esm/{dom-node-subject-observer-factory-ed4b89f4.js → dom-node-subject-observer-factory-dca87b70.js} +4 -2
- package/dist/esm/{dto-renderer-manager-8cac8f0f.js → dto-renderer-manager-a1a3b6d2.js} +18 -33
- package/dist/esm/{element-appender-slimmer-31b21e1b.js → element-appender-slimmer-f7233708.js} +3 -3
- package/dist/esm/{event-emit-slimmer-000ca6a7.js → event-emit-slimmer-28fd360c.js} +2 -2
- package/dist/esm/{form-field-controller-slimmer-24dbc255.js → form-field-controller-slimmer-b23d9ff3.js} +2 -2
- package/dist/esm/{image-annotation-action-59ea166c.js → image-annotation-action-fc46c920.js} +3 -3
- package/dist/esm/index-090d31ca.js +4 -0
- package/dist/esm/{index-50b32f3d.js → index-c943d263.js} +1 -1
- package/dist/esm/index.js +11 -11
- package/dist/esm/{inject-keyboard-manager-f7d92809.js → inject-keyboard-manager-ffd351b9.js} +1 -1
- package/dist/esm/{internal-vega-event-manager-13e3ed3d.js → internal-vega-event-manager-a5a5938d.js} +3 -2
- package/dist/esm/{keyboard-manager-f4bbc452.js → keyboard-manager-5d8f3582.js} +7 -1
- package/dist/esm/{keyboard-manager-slimmer-a02cbc5f.js → keyboard-manager-slimmer-f39214e4.js} +1 -1
- package/dist/esm/{language-extension-038014ac.js → language-extension-314a2b18.js} +2 -2
- package/dist/esm/loader.js +9 -9
- package/dist/esm/{public-rules-a42e6f59.js → public-rules-c6a6946d.js} +4 -4
- package/dist/esm/{range-c08d8de1.js → range-b78254de.js} +1 -1
- package/dist/esm/{responsive-format-facade-d8ccc742.js → responsive-format-facade-a41e1be7.js} +3 -3
- package/dist/esm/{rich-text-editor-required-rule-3a8f319c.js → rich-text-editor-required-rule-d50c24da.js} +1 -1
- package/dist/esm/{string-input-formatter-slimmer-c64c7855.js → string-input-formatter-slimmer-3acd240c.js} +2 -2
- package/dist/esm/{style-formatter-ab6a9248.js → style-formatter-f7effaac.js} +1 -1
- package/dist/esm/{sub-state-notify-slimmer-8b3b15ee.js → sub-state-notify-slimmer-56380f02.js} +1 -1
- package/dist/esm/{sub-state-observer-slimmer-2b98e2c9.js → sub-state-observer-slimmer-3504e2f2.js} +1 -1
- package/dist/esm/{token-extension-f5bf06a5.js → token-extension-b690953f.js} +7 -6
- package/dist/esm/vega-accordion.entry.js +8 -8
- package/dist/esm/vega-app-header-button.entry.js +9 -9
- 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 +29 -14
- package/dist/esm/vega-button-circle.entry.js +9 -9
- package/dist/esm/vega-button-group_2.entry.js +6 -6
- package/dist/esm/vega-button-link.entry.js +4 -4
- package/dist/esm/vega-button.entry.js +8 -8
- package/dist/esm/vega-calendar_4.entry.js +6 -6
- package/dist/esm/vega-card.entry.js +7 -7
- package/dist/esm/vega-carousel.entry.js +7 -7
- package/dist/esm/vega-checkbox_2.entry.js +6 -6
- package/dist/esm/vega-chip.entry.js +9 -9
- package/dist/esm/vega-code-block.entry.js +9 -9
- package/dist/esm/vega-color-picker.entry.js +5 -5
- package/dist/esm/vega-combo-box.entry.js +8 -8
- package/dist/esm/vega-date-picker_2.entry.js +15 -15
- package/dist/esm/vega-dialog_2.entry.js +9 -9
- package/dist/esm/vega-divider.entry.js +7 -7
- package/dist/esm/vega-dropdown_5.entry.js +13 -13
- package/dist/esm/vega-env-manager-8f8dc473.js +2 -2
- package/dist/esm/vega-field-label.entry.js +3 -3
- package/dist/esm/vega-file-uploader.entry.js +5 -5
- package/dist/esm/vega-flag-icon.entry.js +7 -7
- package/dist/esm/vega-flex.entry.js +8 -8
- package/dist/esm/vega-font.entry.js +7 -7
- package/dist/esm/vega-form.entry.js +70 -12
- package/dist/esm/vega-grid.entry.js +7 -7
- package/dist/esm/vega-icon.entry.js +7 -7
- package/dist/esm/vega-image-uploader.entry.js +10 -10
- package/dist/esm/vega-input-credit-card.entry.js +6 -6
- package/dist/esm/vega-input-numeric.entry.js +9 -9
- package/dist/esm/vega-input-passcode.entry.js +720 -0
- package/dist/esm/vega-input-phone-number.entry.js +9 -9
- package/dist/esm/vega-input-range.entry.js +6 -6
- package/dist/esm/vega-input-select.entry.js +10 -10
- package/dist/esm/vega-input.entry.js +23 -8
- package/dist/esm/vega-item-toggle.entry.js +3 -3
- package/dist/esm/vega-left-nav_5.entry.js +10 -10
- 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 +3 -3
- package/dist/esm/vega-pagination-page-size-selector-mobile.entry.js +1 -1
- package/dist/esm/vega-pagination.entry.js +8 -8
- package/dist/esm/vega-popover_2.entry.js +11 -11
- package/dist/esm/vega-progress-tracker.entry.js +3 -3
- package/dist/esm/vega-radio_2.entry.js +8 -8
- package/dist/esm/vega-rich-text-content.entry.js +6 -6
- package/dist/esm/vega-rich-text-editor_4.entry.js +16 -16
- package/dist/esm/vega-segment-control.entry.js +3 -3
- package/dist/esm/vega-selection-chip_2.entry.js +11 -11
- package/dist/esm/vega-selection-tile_2.entry.js +7 -7
- package/dist/esm/vega-sidenav_3.entry.js +9 -9
- package/dist/esm/vega-signature-capture.entry.js +10 -10
- package/dist/esm/vega-stepper.entry.js +6 -6
- package/dist/esm/vega-tab-group_2.entry.js +4 -4
- package/dist/esm/vega-table_8.entry.js +10 -10
- package/dist/esm/vega-textarea.entry.js +6 -6
- package/dist/esm/vega-time-picker_2.entry.js +13 -13
- package/dist/esm/vega-toggle-switch.entry.js +5 -5
- package/dist/esm/vega-tooltip_2.entry.js +9 -9
- package/dist/esm/vega.js +9 -9
- package/dist/sri/vega-sri-manifest.json +298 -294
- package/dist/types/components/vega-breadcrumb/slimmers/renderers/vega-breadcrumb-renderer.d.ts +2 -1
- package/dist/types/components/vega-breadcrumb/types.d.ts +1 -1
- package/dist/types/components/vega-breadcrumb/vega-breadcrumb.d.ts +11 -0
- package/dist/types/components/vega-form/slimmers/controllers/vega-form-submit-controller.d.ts +17 -0
- package/dist/types/components/vega-input/types.d.ts +65 -0
- package/dist/types/components/vega-input/vega-input.d.ts +17 -2
- package/dist/types/components/vega-input-passcode/slimmers/controllers/vega-input-passcode-keyboard-controller.d.ts +25 -0
- package/dist/types/components/vega-input-passcode/slimmers/controllers/vega-input-passcode-value-controller.d.ts +47 -0
- package/dist/types/components/vega-input-passcode/slimmers/renderers/vega-input-passcode-renderer.d.ts +29 -0
- package/dist/types/components/vega-input-passcode/vega-input-passcode.d.ts +135 -0
- package/dist/types/components/vega-rich-text-editor/dto/blocks/block.abstract.d.ts +2 -1
- package/dist/types/components/vega-rich-text-editor/dto/blocks/code-block.d.ts +1 -1
- package/dist/types/components/vega-rich-text-editor/dto/blocks/html-block.d.ts +1 -1
- package/dist/types/components/vega-rich-text-editor/dto/blocks/image-block.d.ts +1 -1
- package/dist/types/components/vega-rich-text-editor/dto/blocks/list-block.d.ts +1 -1
- package/dist/types/components/vega-rich-text-editor/dto/blocks/list-item-block.d.ts +1 -1
- package/dist/types/components/vega-rich-text-editor/dto/blocks/text-block.d.ts +1 -1
- package/dist/types/components/vega-rich-text-editor/dto/nodes/code-block-node.d.ts +1 -1
- package/dist/types/components/vega-rich-text-editor/dto/nodes/image-node.d.ts +1 -1
- package/dist/types/components/vega-rich-text-editor/dto/nodes/node.abstract.d.ts +2 -1
- package/dist/types/components/vega-rich-text-editor/dto/nodes/text-node.d.ts +1 -1
- package/dist/types/components/vega-rich-text-editor/extensions/tokens/token-node.d.ts +2 -1
- package/dist/types/components.d.ts +173 -3
- package/dist/types/constants/ui.d.ts +1 -1
- package/dist/types/helpers/event-manager/event-id/vega-event-id.d.ts +2 -0
- package/dist/types/helpers/immutable/immutable-array.d.ts +86 -0
- package/dist/types/helpers/immutable/immutable-map.d.ts +1 -1
- package/dist/types/helpers/immutable/immutable.d.ts +1 -0
- package/dist/types/helpers/immutable/test/immutable-array.test.d.ts +1 -0
- package/dist/types/types/components.type.d.ts +7 -1
- package/dist/vega/index.esm.js +1 -1
- package/dist/vega/{p-6a4db686.entry.js → p-00071542.entry.js} +1 -1
- package/dist/vega/p-0113a83c.entry.js +1 -0
- package/dist/vega/{p-5e1c913d.entry.js → p-015cdbe7.entry.js} +1 -1
- package/dist/vega/p-019f7f95.js +1 -0
- package/dist/vega/{p-c12000ee.entry.js → p-03a1e82e.entry.js} +1 -1
- package/dist/vega/p-0d1eca78.entry.js +1 -0
- package/dist/vega/{p-74e684fc.entry.js → p-0ed53cce.entry.js} +1 -1
- package/dist/vega/{p-bc9484a6.js → p-129c0ce1.js} +1 -1
- package/dist/vega/p-16370cfb.js +1 -0
- package/dist/vega/p-19522949.js +1 -0
- package/dist/vega/{p-1f061725.entry.js → p-1a3cb65e.entry.js} +1 -1
- package/dist/vega/{p-85ad1c21.entry.js → p-2553031f.entry.js} +1 -1
- package/dist/vega/{p-c1fa6088.entry.js → p-276b1163.entry.js} +1 -1
- package/dist/vega/{p-9e6db93d.entry.js → p-2d430dc4.entry.js} +1 -1
- package/dist/vega/{p-299e14b4.entry.js → p-3288a65b.entry.js} +1 -1
- package/dist/vega/p-34800282.entry.js +1 -0
- package/dist/vega/{p-ebfc4323.entry.js → p-358e9800.entry.js} +1 -1
- package/dist/vega/{p-b4c25109.js → p-3925c16b.js} +1 -1
- package/dist/vega/{p-3b953a24.entry.js → p-39b9c57b.entry.js} +1 -1
- package/dist/vega/{p-63596567.entry.js → p-3a7f177a.entry.js} +1 -1
- package/dist/vega/p-41c3fcb4.js +1 -0
- package/dist/vega/p-447c7590.js +1 -0
- package/dist/vega/p-46830028.entry.js +1 -0
- package/dist/vega/p-47cae62d.entry.js +1 -0
- package/dist/vega/{p-228de113.js → p-47fa359b.js} +1 -1
- package/dist/vega/{p-c8a3fb7f.entry.js → p-4e33fff6.entry.js} +1 -1
- package/dist/vega/{p-63a5bbf4.entry.js → p-524693d8.entry.js} +1 -1
- package/dist/vega/{p-378e5881.js → p-54b62ecf.js} +1 -1
- package/dist/vega/{p-5cdcd08f.entry.js → p-59298f5e.entry.js} +1 -1
- package/dist/vega/{p-6f96dd01.entry.js → p-5a0524ab.entry.js} +1 -1
- package/dist/vega/{p-185dfdd4.entry.js → p-5e32866d.entry.js} +1 -1
- package/dist/vega/p-5f377954.js +1 -1
- package/dist/vega/{p-6d371296.entry.js → p-5f58d1da.entry.js} +1 -1
- package/dist/vega/{p-8a5c123f.entry.js → p-616cd622.entry.js} +1 -1
- package/dist/vega/{p-b68a13df.entry.js → p-65693321.entry.js} +1 -1
- package/dist/vega/p-67f159c3.js +1 -0
- package/dist/vega/{p-2f4f3744.entry.js → p-6f6ccf67.entry.js} +1 -1
- package/dist/vega/{p-ae598946.entry.js → p-6f7d42a0.entry.js} +1 -1
- package/dist/vega/{p-2033f86e.js → p-725f0a2c.js} +1 -1
- package/dist/vega/{p-833d81d0.entry.js → p-74d61782.entry.js} +1 -1
- package/dist/vega/{p-053eb64a.js → p-7b145620.js} +1 -1
- package/dist/vega/{p-5d36cc3f.entry.js → p-7c1d08db.entry.js} +1 -1
- package/dist/vega/{p-33c6fb3f.entry.js → p-7efb5ebe.entry.js} +1 -1
- package/dist/vega/{p-fee972e6.entry.js → p-7f69081b.entry.js} +1 -1
- package/dist/vega/{p-12d4488b.entry.js → p-7f9ec104.entry.js} +1 -1
- package/dist/vega/p-81105691.entry.js +1 -0
- package/dist/vega/p-822c6092.js +1 -0
- package/dist/vega/{p-7c594a9f.js → p-8350506e.js} +1 -1
- package/dist/vega/{p-99b1492c.js → p-85f9a980.js} +1 -1
- package/dist/vega/{p-d418ecc1.entry.js → p-892cbe7c.entry.js} +1 -1
- package/dist/vega/{p-78d607ca.entry.js → p-8d096fea.entry.js} +1 -1
- package/dist/vega/{p-fbc85265.entry.js → p-8d574fbd.entry.js} +1 -1
- package/dist/vega/{p-1eb5b772.entry.js → p-8d655fd2.entry.js} +1 -1
- package/dist/vega/p-8edf3513.js +1 -0
- package/dist/vega/{p-5f854901.entry.js → p-92a22562.entry.js} +1 -1
- package/dist/vega/{p-43257678.js → p-9fb6fbcc.js} +1 -1
- package/dist/vega/{p-cef9f638.js → p-a0467b83.js} +1 -1
- package/dist/vega/{p-3494a5f1.entry.js → p-a1b7a179.entry.js} +1 -1
- package/dist/vega/{p-c241f615.js → p-a7631c6b.js} +1 -1
- package/dist/vega/{p-0685cba6.entry.js → p-ab1001f5.entry.js} +1 -1
- package/dist/vega/{p-1f43f551.entry.js → p-ab8f99e9.entry.js} +1 -1
- package/dist/vega/{p-9439077d.entry.js → p-ad5393f0.entry.js} +1 -1
- package/dist/vega/{p-840c09c7.js → p-af5bfe34.js} +1 -1
- package/dist/vega/{p-ab3c4b43.entry.js → p-b2aaab66.entry.js} +1 -1
- package/dist/vega/{p-a69c9e42.entry.js → p-b431f9d5.entry.js} +1 -1
- package/dist/vega/{p-cf211582.entry.js → p-b82d3915.entry.js} +1 -1
- package/dist/vega/p-bee1cc34.entry.js +1 -0
- package/dist/vega/{p-901ff5d3.js → p-bf7f755b.js} +1 -1
- package/dist/vega/p-bf9476cd.entry.js +1 -0
- package/dist/vega/{p-676bee73.entry.js → p-c1da8328.entry.js} +1 -1
- package/dist/vega/{p-45ead9fe.js → p-c6ce2869.js} +1 -1
- package/dist/vega/{p-59d70a67.entry.js → p-cc519f53.entry.js} +1 -1
- package/dist/vega/{p-c96d28dc.entry.js → p-d006e732.entry.js} +1 -1
- package/dist/vega/p-d0e6454e.entry.js +1 -0
- package/dist/vega/{p-f83739d0.entry.js → p-d1dacaeb.entry.js} +1 -1
- package/dist/vega/{p-13c6a04c.entry.js → p-d4452dbc.entry.js} +1 -1
- package/dist/vega/{p-dabba918.entry.js → p-d5761532.entry.js} +1 -1
- package/dist/vega/{p-199dc74b.js → p-d88e88a7.js} +1 -1
- package/dist/vega/{p-303efbfe.entry.js → p-de624f7d.entry.js} +1 -1
- package/dist/vega/{p-dc92fec6.js → p-e6cccee4.js} +1 -1
- package/dist/vega/{p-9d492a46.entry.js → p-ea05a2fc.entry.js} +1 -1
- package/dist/vega/p-ed8bc4f0.entry.js +1 -0
- package/dist/vega/{p-64c3d021.js → p-f360c9ba.js} +1 -1
- package/dist/vega/{p-c682d53c.entry.js → p-fc8c5869.entry.js} +1 -1
- package/dist/vega/{p-fddca002.js → p-fde50319.js} +1 -1
- package/dist/vega/{p-ba24f7b9.entry.js → p-fe2e859f.entry.js} +1 -1
- package/dist/vega/{p-a61e2108.entry.js → p-fef846d5.entry.js} +1 -1
- package/dist/vega/{p-d3137a6e.entry.js → p-ff3bb4e2.entry.js} +1 -1
- package/dist/vega/vega.esm.js +1 -1
- package/package.json +1 -1
- package/dist/vega/p-050bb2ad.entry.js +0 -1
- package/dist/vega/p-1bd5d806.entry.js +0 -1
- package/dist/vega/p-24cb0a7e.js +0 -1
- package/dist/vega/p-2d91799a.entry.js +0 -1
- package/dist/vega/p-33837794.entry.js +0 -1
- package/dist/vega/p-39b4c838.js +0 -1
- package/dist/vega/p-3c21b875.js +0 -1
- package/dist/vega/p-5e2ef0b8.entry.js +0 -1
- package/dist/vega/p-5fec05a2.js +0 -1
- package/dist/vega/p-651fe4fc.js +0 -1
- package/dist/vega/p-852fa2d2.entry.js +0 -1
- package/dist/vega/p-a082d41b.entry.js +0 -1
- package/dist/vega/p-a4912b85.js +0 -1
- package/dist/vega/p-b510e4d7.js +0 -1
- package/dist/vega/p-d5d6dae6.js +0 -1
- package/dist/vega/p-e853105a.entry.js +0 -1
- package/dist/vega/p-fbd38139.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as t,H as n,r as e,c as o,g as r}from"./p-6b2342e0.js";import{c as s,V as i,I as a}from"./p-6e1ab235.js";import{V as c,I as l}from"./p-d849e0f5.js";import{s as b}from"./p-519a7d55.js";import{c as p}from"./p-86194314.js";import{g as h,D as d,a as f}from"./p-d9671d27.js";import{a as u}from"./p-8c9ea6f4.js";import{D as v,a as g,c as m,e as x}from"./p-3c21b875.js";import{F as w}from"./p-e77a83e4.js";import{c as y}from"./p-053eb64a.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-db8cdba6.js";import"./p-112455b1.js";import"./p-24cb0a7e.js";import"./p-b75ee3ba.js";var C=function(t,n,e,o){var r,s=arguments.length,i=s<3?n:null===o?o=Object.getOwnPropertyDescriptor(n,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,n,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(i=(s<3?r(i):s>3?r(n,e,i):r(n,e))||i);return s>3&&i&&Object.defineProperty(n,e,i),i};class j extends i{constructor(){super(...arguments),this.isMobileDevice=h()===d.MOBILE,this.space=this.isMobileDevice?"size-16":"size-24",this.handleCloseButtonClick=()=>{const t=this.closeEventEmitter.emit();t&&!t.defaultPrevented&&this.host.remove()}}render(){const e=[`banner-${this.type}`,this.isMobileDevice&&"banner-mobile",!this.isOpen&&"banner-hidden"].filter(Boolean);return t(n,{class:f(e),padding:this.space},t("vega-flex",{direction:"row",gap:this.isMobileDevice?"size-8":"size-16",justifyContent:"space-between",alignItems:"start"},this.renderPrefixIcon(),this.renderBannerContent(),this.renderCloseButton()),this.isMobileDevice?this.actionButtonRenderer.render():null)}renderBannerContent(){return t("div",{class:{"banner-content-container":!0,linear:!(this.isMobileDevice||this.content&&this.bannerTitle)}},this.renderBannerTitle(),t("div",{class:"banner-content"},t("vega-font",{variant:this.isMobileDevice?"font-footnote1-long":"font-p2-short",color:"error"===this.type?"text-primary":"text-black"},this.content),this.isMobileDevice?null:this.actionButtonRenderer.render()))}renderBannerTitle(){if(this.bannerTitle)return t("vega-font",{class:"banner-title",variant:this.isMobileDevice?"font-h6":"font-h5",color:"error"===this.type?"text-primary":"text-black"},this.bannerTitle)}renderCloseButton(){if(this.showCloseButton)return t("div",{class:"banner-close-button","aria-label":"Close Button",role:"button",tabIndex:0,onClick:this.handleCloseButtonClick,onKeyDown:p()},t("vega-icon",{size:this.isMobileDevice?"size-12":"size-16",icon:this.iconController.getCloseIcon()}))}renderPrefixIcon(){return t("div",{class:"banner-prefix-icon"},t("vega-icon",{size:this.space,icon:this.iconController.getIconByType()}))}}C([s()],j.prototype,"host",void 0),C([s()],j.prototype,"type",void 0),C([s()],j.prototype,"bannerTitle",void 0),C([s()],j.prototype,"content",void 0),C([s()],j.prototype,"showCloseButton",void 0),C([s()],j.prototype,"actionButtons",void 0),C([s()],j.prototype,"actionButtonRenderer",void 0),C([s()],j.prototype,"iconController",void 0),C([s()],j.prototype,"isOpen",void 0),C([s()],j.prototype,"closeEventEmitter",void 0);var z;!function(t){t.warning="triangle-exclamation",t.success="circle-check",t.error="circle-question",t.info="circle-info"}(z||(z={}));class k extends i{getIconByType(){return u.getIconKey(z[this.type])}getCloseIcon(){return u.getIconKey("xmark-large")}}u.register({"triangle-exclamation":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"/></svg>'},"circle-check":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>'},"circle-question":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/></svg>'},"circle-info":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>'},"xmark-large":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M393.4 41.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3L269.3 256 438.6 425.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L224 301.3 54.6 470.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L178.7 256 9.4 86.6C-3.1 74.1-3.1 53.9 9.4 41.4s32.8-12.5 45.3 0L224 210.7 393.4 41.4z"/></svg>'}}),function(t,n,e,o){var r,s=arguments.length,i=s<3?n:null===o?o=Object.getOwnPropertyDescriptor(n,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,n,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(i=(s<3?r(i):s>3?r(n,e,i):r(n,e))||i);s>3&&i&&Object.defineProperty(n,e,i)}([s()],k.prototype,"type",void 0);var B=function(t,n,e,o){var r,s=arguments.length,i=s<3?n:null===o?o=Object.getOwnPropertyDescriptor(n,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,n,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(i=(s<3?r(i):s>3?r(n,e,i):r(n,e))||i);return s>3&&i&&Object.defineProperty(n,e,i),i};class I extends i{render(){var n;if((null===(n=this.actionButtons)||void 0===n?void 0:n.length)>0)return t("div",{class:"banner-buttons"},this.actionButtons.map(((t,n)=>this.renderButtonItem(t,`${t.label}${n}`))))}renderButtonItem(n,e){return t("vega-button",{key:e,size:"small",variant:"secondary",ref:t=>{v.addUniqueObserverToNode(t,g,(()=>{w.isEnabled("VEGA_BANNER_DEPRECATED_ACTION_BUTTON_PROP_VEGA_CLICK")||"function"!=typeof n.vegaClick||n.vegaClick(n),this.actionButtonClickEventEmitter.emit(n)}))}},n.label)}}B([s()],I.prototype,"actionButtons",void 0),B([s()],I.prototype,"actionButtonClickEventEmitter",void 0);var L=function(t,n,e,o){var r,s=arguments.length,i=s<3?n:null===o?o=Object.getOwnPropertyDescriptor(n,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,n,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(i=(s<3?r(i):s>3?r(n,e,i):r(n,e))||i);return s>3&&i&&Object.defineProperty(n,e,i),i};const R=class{constructor(t){e(this,t),this.vegaClose=o(this,"vegaClose",7),this.close=o(this,"close",7),this.vegaActionButtonClick=o(this,"vegaActionButtonClick",7),this.actionButtonClick=o(this,"actionButtonClick",7),this.globalSlimmers={},this.closeEventEmitter=y(R,m),this.renderer=new j,this.actionButtonRenderer=new I,this.iconController=new k,this.vegaComponentUsageRuntimeMetricsSlimmer=new c,this.actionButtonClickEventEmitter=y(R,x),this.type="info",this.bannerTitle="",this.content="",this.actionButtons=null,this.showCloseButton=!0,this.isOpen=!0}async doClose(){this.host.remove(),this.closeEventEmitter.emit()}render(){return b(this.renderer.render(),this.host)}get host(){return r(this)}};L([l()],R.prototype,"globalSlimmers",void 0),L([a()],R.prototype,"closeEventEmitter",void 0),L([a()],R.prototype,"renderer",void 0),L([a()],R.prototype,"actionButtonRenderer",void 0),L([a()],R.prototype,"iconController",void 0),L([a()],R.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),L([a()],R.prototype,"actionButtonClickEventEmitter",void 0),R.style=':host{display:block;width:100%;padding:24px;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));box-sizing:border-box;box-shadow:var(--v-shadow-card, 0px 2px 8px 0px rgba(0, 0, 0, 0.04), 0px 2px 4px 0px rgba(0, 0, 0, 0.02));border-radius:12px;color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host .banner-prefix-icon{padding-top:4px}:host .banner-prefix-icon vega-icon{display:block}:host .banner-content-container{width:100%}:host .banner-content-container .banner-title{display:block;padding-top:2px}:host .banner-content-container .banner-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}:host .banner-content-container .banner-content>vega-font:last-child{padding-top:6px}:host .banner-content-container.linear{display:flex;justify-content:space-between}:host .banner-content-container.linear .banner-content{flex-grow:1}:host .banner-buttons{text-align:right;text-wrap:nowrap;flex:auto}:host .banner-buttons vega-button{margin-left:16px}:host .banner-buttons vega-button::part(button){padding-top:4px;padding-bottom:4px}:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-black, 32, 54, 69, 1));background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));border:2px solid rgba(var(--v-border-notification-btn-black, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}:host .banner-buttons vega-button::part(button):focus-visible{outline:2px solid;outline-offset:2px;box-shadow:0 0 0}:host .banner-close-button{padding:4px;padding-top:8px}:host .banner-close-button:focus-visible{outline:2px solid;outline-offset:0px}:host .banner-close-button vega-icon{cursor:pointer;display:block}:host(.banner-mobile){padding:16px}:host(.banner-mobile) .banner-content-container .banner-title{padding-top:0px}:host(.banner-mobile) .banner-content-container .banner-content{padding-top:2px;gap:16px}:host(.banner-mobile) .banner-content-container .banner-content>vega-font:last-child{padding-top:0px}:host(.banner-mobile) .banner-buttons vega-button{margin-left:8px;margin-top:16px}:host(.banner-mobile) .banner-close-button{padding:2px;padding-top:4px}:host(.banner-success){background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.banner-error){background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host(.banner-error) .banner-buttons vega-button::part(button),:host(.banner-error) .banner-buttons vega-button::part(button):hover{color:rgba(var(--v-text-primary, 32, 54, 69, 1));border:2px solid rgba(var(--v-border-notification-btn, 32, 54, 69, 1))}:host(.banner-error) .banner-buttons vega-button::part(button):focus-visible{outline:2px solid rgba(var(--v-border-color-notification-btn, 32, 54, 69, 1));outline-offset:2px}:host(.banner-error) .banner-close-button:focus-visible{outline:2px solid rgba(var(--v-border-color-notification-btn, 32, 54, 69, 1));outline-offset:0px}:host(.banner-info){background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}:host(.banner-warning){background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.banner-hidden){display:none}';export{R as vega_banner}
|
|
1
|
+
import{h as t,H as n,r as e,c as o,g as r}from"./p-6b2342e0.js";import{c as s,V as i,I as a}from"./p-6e1ab235.js";import{V as c,I as l}from"./p-d849e0f5.js";import{s as b}from"./p-519a7d55.js";import{c as p}from"./p-86194314.js";import{g as h,D as d,a as f}from"./p-d9671d27.js";import{a as u}from"./p-8c9ea6f4.js";import{D as v,a as g,c as m,e as x}from"./p-447c7590.js";import{F as w}from"./p-e77a83e4.js";import{c as y}from"./p-7b145620.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-db8cdba6.js";import"./p-112455b1.js";import"./p-41c3fcb4.js";import"./p-b75ee3ba.js";var C=function(t,n,e,o){var r,s=arguments.length,i=s<3?n:null===o?o=Object.getOwnPropertyDescriptor(n,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,n,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(i=(s<3?r(i):s>3?r(n,e,i):r(n,e))||i);return s>3&&i&&Object.defineProperty(n,e,i),i};class j extends i{constructor(){super(...arguments),this.isMobileDevice=h()===d.MOBILE,this.space=this.isMobileDevice?"size-16":"size-24",this.handleCloseButtonClick=()=>{const t=this.closeEventEmitter.emit();t&&!t.defaultPrevented&&this.host.remove()}}render(){const e=[`banner-${this.type}`,this.isMobileDevice&&"banner-mobile",!this.isOpen&&"banner-hidden"].filter(Boolean);return t(n,{class:f(e),padding:this.space},t("vega-flex",{direction:"row",gap:this.isMobileDevice?"size-8":"size-16",justifyContent:"space-between",alignItems:"start"},this.renderPrefixIcon(),this.renderBannerContent(),this.renderCloseButton()),this.isMobileDevice?this.actionButtonRenderer.render():null)}renderBannerContent(){return t("div",{class:{"banner-content-container":!0,linear:!(this.isMobileDevice||this.content&&this.bannerTitle)}},this.renderBannerTitle(),t("div",{class:"banner-content"},t("vega-font",{variant:this.isMobileDevice?"font-footnote1-long":"font-p2-short",color:"error"===this.type?"text-primary":"text-black"},this.content),this.isMobileDevice?null:this.actionButtonRenderer.render()))}renderBannerTitle(){if(this.bannerTitle)return t("vega-font",{class:"banner-title",variant:this.isMobileDevice?"font-h6":"font-h5",color:"error"===this.type?"text-primary":"text-black"},this.bannerTitle)}renderCloseButton(){if(this.showCloseButton)return t("div",{class:"banner-close-button","aria-label":"Close Button",role:"button",tabIndex:0,onClick:this.handleCloseButtonClick,onKeyDown:p()},t("vega-icon",{size:this.isMobileDevice?"size-12":"size-16",icon:this.iconController.getCloseIcon()}))}renderPrefixIcon(){return t("div",{class:"banner-prefix-icon"},t("vega-icon",{size:this.space,icon:this.iconController.getIconByType()}))}}C([s()],j.prototype,"host",void 0),C([s()],j.prototype,"type",void 0),C([s()],j.prototype,"bannerTitle",void 0),C([s()],j.prototype,"content",void 0),C([s()],j.prototype,"showCloseButton",void 0),C([s()],j.prototype,"actionButtons",void 0),C([s()],j.prototype,"actionButtonRenderer",void 0),C([s()],j.prototype,"iconController",void 0),C([s()],j.prototype,"isOpen",void 0),C([s()],j.prototype,"closeEventEmitter",void 0);var z;!function(t){t.warning="triangle-exclamation",t.success="circle-check",t.error="circle-question",t.info="circle-info"}(z||(z={}));class k extends i{getIconByType(){return u.getIconKey(z[this.type])}getCloseIcon(){return u.getIconKey("xmark-large")}}u.register({"triangle-exclamation":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"/></svg>'},"circle-check":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>'},"circle-question":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/></svg>'},"circle-info":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>'},"xmark-large":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M393.4 41.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3L269.3 256 438.6 425.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L224 301.3 54.6 470.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L178.7 256 9.4 86.6C-3.1 74.1-3.1 53.9 9.4 41.4s32.8-12.5 45.3 0L224 210.7 393.4 41.4z"/></svg>'}}),function(t,n,e,o){var r,s=arguments.length,i=s<3?n:null===o?o=Object.getOwnPropertyDescriptor(n,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,n,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(i=(s<3?r(i):s>3?r(n,e,i):r(n,e))||i);s>3&&i&&Object.defineProperty(n,e,i)}([s()],k.prototype,"type",void 0);var B=function(t,n,e,o){var r,s=arguments.length,i=s<3?n:null===o?o=Object.getOwnPropertyDescriptor(n,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,n,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(i=(s<3?r(i):s>3?r(n,e,i):r(n,e))||i);return s>3&&i&&Object.defineProperty(n,e,i),i};class I extends i{render(){var n;if((null===(n=this.actionButtons)||void 0===n?void 0:n.length)>0)return t("div",{class:"banner-buttons"},this.actionButtons.map(((t,n)=>this.renderButtonItem(t,`${t.label}${n}`))))}renderButtonItem(n,e){return t("vega-button",{key:e,size:"small",variant:"secondary",ref:t=>{v.addUniqueObserverToNode(t,g,(()=>{w.isEnabled("VEGA_BANNER_DEPRECATED_ACTION_BUTTON_PROP_VEGA_CLICK")||"function"!=typeof n.vegaClick||n.vegaClick(n),this.actionButtonClickEventEmitter.emit(n)}))}},n.label)}}B([s()],I.prototype,"actionButtons",void 0),B([s()],I.prototype,"actionButtonClickEventEmitter",void 0);var L=function(t,n,e,o){var r,s=arguments.length,i=s<3?n:null===o?o=Object.getOwnPropertyDescriptor(n,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,n,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(i=(s<3?r(i):s>3?r(n,e,i):r(n,e))||i);return s>3&&i&&Object.defineProperty(n,e,i),i};const R=class{constructor(t){e(this,t),this.vegaClose=o(this,"vegaClose",7),this.close=o(this,"close",7),this.vegaActionButtonClick=o(this,"vegaActionButtonClick",7),this.actionButtonClick=o(this,"actionButtonClick",7),this.globalSlimmers={},this.closeEventEmitter=y(R,m),this.renderer=new j,this.actionButtonRenderer=new I,this.iconController=new k,this.vegaComponentUsageRuntimeMetricsSlimmer=new c,this.actionButtonClickEventEmitter=y(R,x),this.type="info",this.bannerTitle="",this.content="",this.actionButtons=null,this.showCloseButton=!0,this.isOpen=!0}async doClose(){this.host.remove(),this.closeEventEmitter.emit()}render(){return b(this.renderer.render(),this.host)}get host(){return r(this)}};L([l()],R.prototype,"globalSlimmers",void 0),L([a()],R.prototype,"closeEventEmitter",void 0),L([a()],R.prototype,"renderer",void 0),L([a()],R.prototype,"actionButtonRenderer",void 0),L([a()],R.prototype,"iconController",void 0),L([a()],R.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),L([a()],R.prototype,"actionButtonClickEventEmitter",void 0),R.style=':host{display:block;width:100%;padding:24px;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));box-sizing:border-box;box-shadow:var(--v-shadow-card, 0px 2px 8px 0px rgba(0, 0, 0, 0.04), 0px 2px 4px 0px rgba(0, 0, 0, 0.02));border-radius:12px;color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host .banner-prefix-icon{padding-top:4px}:host .banner-prefix-icon vega-icon{display:block}:host .banner-content-container{width:100%}:host .banner-content-container .banner-title{display:block;padding-top:2px}:host .banner-content-container .banner-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}:host .banner-content-container .banner-content>vega-font:last-child{padding-top:6px}:host .banner-content-container.linear{display:flex;justify-content:space-between}:host .banner-content-container.linear .banner-content{flex-grow:1}:host .banner-buttons{text-align:right;text-wrap:nowrap;flex:auto}:host .banner-buttons vega-button{margin-left:16px}:host .banner-buttons vega-button::part(button){padding-top:4px;padding-bottom:4px}:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-black, 32, 54, 69, 1));background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));border:2px solid rgba(var(--v-border-notification-btn-black, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}:host .banner-buttons vega-button::part(button):focus-visible{outline:2px solid;outline-offset:2px;box-shadow:0 0 0}:host .banner-close-button{padding:4px;padding-top:8px}:host .banner-close-button:focus-visible{outline:2px solid;outline-offset:0px}:host .banner-close-button vega-icon{cursor:pointer;display:block}:host(.banner-mobile){padding:16px}:host(.banner-mobile) .banner-content-container .banner-title{padding-top:0px}:host(.banner-mobile) .banner-content-container .banner-content{padding-top:2px;gap:16px}:host(.banner-mobile) .banner-content-container .banner-content>vega-font:last-child{padding-top:0px}:host(.banner-mobile) .banner-buttons vega-button{margin-left:8px;margin-top:16px}:host(.banner-mobile) .banner-close-button{padding:2px;padding-top:4px}:host(.banner-success){background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.banner-error){background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host(.banner-error) .banner-buttons vega-button::part(button),:host(.banner-error) .banner-buttons vega-button::part(button):hover{color:rgba(var(--v-text-primary, 32, 54, 69, 1));border:2px solid rgba(var(--v-border-notification-btn, 32, 54, 69, 1))}:host(.banner-error) .banner-buttons vega-button::part(button):focus-visible{outline:2px solid rgba(var(--v-border-color-notification-btn, 32, 54, 69, 1));outline-offset:2px}:host(.banner-error) .banner-close-button:focus-visible{outline:2px solid rgba(var(--v-border-color-notification-btn, 32, 54, 69, 1));outline-offset:0px}:host(.banner-info){background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}:host(.banner-warning){background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.banner-hidden){display:none}';export{R as vega_banner}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{V as t,I as e,c as s,M as i}from"./p-6e1ab235.js";import{c as r}from"./p-02841589.js";import{C as o}from"./p-2d0d575f.js";import{O as n}from"./p-331a62d5.js";import{U as a,a as l,b as h,F as c,c as d,d as u,e as f}from"./p-a528714c.js";import{f as m,d as p}from"./p-d9671d27.js";import{i as v,g as b}from"./p-a4670e23.js";import{c as g}from"./p-6a334573.js";import{d as R,D as j}from"./p-3c21b875.js";import{f as y,d as w,g as O}from"./p-308aa2e3.js";import{V as E}from"./p-39482a1a.js";import{P as V}from"./p-7d9cd9c8.js";import{I as F}from"./p-abd7aeaa.js";import{M as I}from"./p-78a57a17.js";import{A as C}from"./p-52b8f2d2.js";import{i as S}from"./p-d27ae9ff.js";import{S as A}from"./p-fddca002.js";class k{constructor(t){this.rule=t}getStatus(t,e,s){return{canEvaluate:this.rule.canEvaluate(t,e,s),isAsync:v(this.rule.evaluate)}}shouldShowError(t,e){try{return this.rule.shouldShowError?this.rule.shouldShowError(t,e):this.defaultShouldShowError(t)}catch(t){return!1}}handle(t){try{return this.rule.evaluate(t)}catch(t){return{isValid:!0,message:""}}}defaultShouldShowError(t){return!t.disabled&&t.visible&&(t.touched||t.modified)}}class T{constructor(){this.handlers=[],this.processId=""}checkIncludesAsyncRuleHandler(t,e,s){return!!this.handlers.find((i=>{const r=i.getStatus(t,e,s);return r.canEvaluate&&r.isAsync}))}setHandlersByRules(t){this.handlers=t&&t.length?t.map((t=>new k(t))):[]}async process(t,e,s,i,r){const o=this.preProcess();let n;for(const i of this.handlers){if(o!==this.processId)break;const r=i.getStatus(t,e,s);if(!r.canEvaluate)continue;let a;if(r.isAsync)try{a=await i.handle(t)}catch(t){}else a=i.handle(t);if(a&&!a.isValid){const t=i.shouldShowError(e,s);n=Object.assign(Object.assign({},a),{shouldShowError:t});break}}return this.postProcess(o,i,n,r),n?{isValid:!1,message:n.message}:{isValid:!0,message:""}}preProcess(){const t=b();return this.processId=t,t}postProcess(t,e,s,i){this.processId===t&&i(e,s)}}class L{run(t){const e=t.nextElementSibling;return e&&e.querySelector(".vega-error")?e.querySelector(".vega-error"):null}}class M{run(t){let e=t.nextElementSibling;return e&&!e.classList.contains("vega-error")&&(e=document.createElement("label"),e.classList.add("vega-error"),e.setAttribute("part","field-error-message"),t.after(e)),e}}class D{run(t){let e=t.nextElementSibling;return e||(e=document.createElement("label"),e.classList.add("vega-error"),e.setAttribute("part","field-error-message"),t.after(e)),e}}class B extends t{getTranslatedMessage(t){return"string"==typeof t?E.t(t):E.t(t.key,...t.args||[])}}var H=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class U extends t{constructor(){super(),this.formFieldMessageTranslatorSlimmer=new B,this.fieldErrorUiControllerStrategies=[new L,new M,new D],this.initTranslationObserver()}applyInputInvalidUI(t){const e=this.getInputElementContainer();if(o.notify(R.getSubject(this.host,y),{host:this.host,showError:!0}),e&&(e.classList.add("error"),t)){this.errorMessage=t;const s=this.getErrorContainer(e);s.innerHTML=this.formFieldMessageTranslatorSlimmer.getTranslatedMessage(t),s.classList.remove("vega-hidden")}}resetInputInvalidUI(){this.errorMessage="";const t=this.getInputElementContainer();t&&(this.getErrorContainer(t).classList.add("vega-hidden"),t.classList.remove("error"),o.notify(R.getSubject(this.host,y),{host:this.host,showError:!1}))}getInputElementContainer(){return this.options&&this.options.inputContainerGetter?this.options.inputContainerGetter():null}getErrorContainer(t){for(const e of this.fieldErrorUiControllerStrategies){const s=e.run(t);if(s)return s}}initTranslationObserver(){const t=new n(this.isAcceptableTranslationObserver.bind(this),(()=>{if(!this.errorMessage)return;const t=this.getInputElementContainer();if(t){const e=this.getErrorContainer(t);e&&(e.innerHTML=this.formFieldMessageTranslatorSlimmer.getTranslatedMessage(this.errorMessage))}}));o.register(a,t)}isAcceptableTranslationObserver(){return!0}}H([e()],U.prototype,"formFieldMessageTranslatorSlimmer",void 0),H([s()],U.prototype,"host",void 0),H([s()],U.prototype,"options",void 0);var x=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class G{constructor(t,e,s,i){var r,n;this.formFieldMessageTranslatorSlimmer=new B,this.fieldErrorUIController=new U,this.resizeObserverSlimmer=g(G,V,[],[{mapFrom:"connectResizeObserver",mapTo:"connectResizeObserver"}],[{callback:t=>{const e=this.isVisible,s=t[0].contentRect.height>0;this.isVisible=s,this.isAutoValidationEnabled()&&m(this.host,"vega-form")&&e!==s&&this.valid(["visible"])},target:()=>this.host}]),this.defaultRules=[],this.additionalRules=[],this.listeners=[],this.isTouched=!1,this.isModified=!1,this.isVisible=!1,this.formFieldValidationRuleHandlerChain=new T,this.hostChildAddedBlurEventMap=new WeakMap,this.handleValidationResult=(t,e)=>{let s=!0;return e?("rule"===t?e.shouldShowError?this.fieldErrorUIController.applyInputInvalidUI(e.message):this.fieldErrorUIController.resetInputInvalidUI():t?this.fieldErrorUIController.applyInputInvalidUI(e.message):this.fieldErrorUIController.resetInputInvalidUI(),s=!1):this.fieldErrorUIController.resetInputInvalidUI(),this.invokeListeners(s),o.notify(l,{host:this.host,detail:s}),s},this.setupTouchedListener=()=>{this.getTouchableAreaElements().filter((t=>t&&!0!==this.hostChildAddedBlurEventMap.get(t))).forEach((t=>{t.addEventListener("blur",(()=>{this.updateIsTouched(!0)})),this.hostChildAddedBlurEventMap.set(t,!0)}))},this.defaultRules=t||[],this.host=e,this.defaultValue=s,this.options=i,this.initDisabledAttrObserver(),this.connectResizeObserver(),this.initFormResetObserver(),null===(n=(r=this.host).componentOnReady)||void 0===n||n.call(r).then((()=>{this.didRender()})),this.setupModifiedListener(),this.listenHostElementKeydown(),this.updateValidationHandlers()}async validate(t){return await this.valid([],t)}addListener(t){this.listeners.push(t)}getRules(){const t=[...this.additionalRules];return[...this.defaultRules.map((e=>this.overrideDefaultRuleByAdditionalRule(e,t))),...t]}setDefaultRules(t){this.defaultRules=t,this.updateValidationHandlers()}setAdditionalRules(t){this.additionalRules=t,this.updateValidationHandlers()}destroy(){o.notify(h,{host:this.host}),this.unregisterFormResetObserver(),o.unregister(c,this.hostValueChangeObserver),this.hostChildrenObserver&&this.hostChildrenObserver.disconnect()}connectResizeObserver(){}updateDisableBlurValidation(t){this.disableBlurValidation=t}updateValidationHandlers(){this.formFieldValidationRuleHandlerChain.setHandlersByRules(this.getRules())}async valid(t,e="rule"){const s=this.getStatus(),i=this.host.value;this.formFieldValidationRuleHandlerChain.checkIncludesAsyncRuleHandler(i,s,t)&&o.notify(l,{host:this.host,detail:null});const{isValid:r,message:n}=await this.formFieldValidationRuleHandlerChain.process(i,s,t,e,this.handleValidationResult);return{isValid:r,message:this.formFieldMessageTranslatorSlimmer.getTranslatedMessage(n)}}invokeListeners(t){this.listeners.forEach((e=>e.callback(t)))}getStatus(){return{touched:this.isTouched,modified:this.isModified,disabled:this.host.disabled,visible:this.isVisible}}updateIsTouched(t){const e=this.isTouched;this.isTouched=t,!this.disableBlurValidation&&this.isAutoValidationEnabled()&&this.valid(e===t?[]:["touched"])}updateIsModified(t){const e=this.isModified;this.isModified=t,this.isAutoValidationEnabled()&&this.valid(e===t?[]:["modified"])}initDisabledAttrObserver(){this.disabledAttrObserver=new MutationObserver((()=>{this.isAutoValidationEnabled()&&this.valid(["disabled"])})),this.disabledAttrObserver.observe(this.host,{attributes:!0,attributeFilter:["disabled"]})}canAcceptFormResetOperation(t){return m(this.host,"vega-form")===t.host}unregisterFormResetObserver(){o.unregister(d,this.formResetTriggeredObserver)}monitorTouchedListener(){const t=this.getInputContainerElements();t&&(this.hostChildrenObserver=new MutationObserver((()=>{this.setupTouchedListener()})),this.hostChildrenObserver.observe(t,{childList:!0,subtree:!0})),this.setupTouchedListener()}getTouchableAreaElements(){return this.options&&this.options.touchableAreaGetter?this.options.touchableAreaGetter():[]}getInputContainerElements(){return this.options&&this.options.inputContainerGetter?this.options.inputContainerGetter():null}setupModifiedListener(){this.hostValueChangeObserver=new n(this.isCurrentTarget.bind(this),(()=>this.updateIsModified(!0))),o.register(c,this.hostValueChangeObserver)}isCurrentTarget(t){return this.host===t.host}async reset(t){var e,s;if(this.shouldVisitElement(this.host,null===(e=t.option)||void 0===e?void 0:e.skipDisabled,null===(s=t.option)||void 0===s?void 0:s.skipInvisible)){const e=t.defaultValueMap,s=this.host.dataset.vegaForm,i=null==e[s]?this.getDefaultValue():e[s];"function"==typeof this.host.setValue?await this.host.setValue(i):this.host.value=i,this.isTouched=!1,this.isModified=!1,this.fieldErrorUIController.resetInputInvalidUI()}}getDefaultValue(){return this.defaultValue instanceof Function?this.defaultValue(this.host):this.defaultValue}didRender(){this.monitorTouchedListener()}initFormResetObserver(){this.formResetTriggeredObserver=new n(this.canAcceptFormResetOperation.bind(this),this.reset.bind(this)),o.register(d,this.formResetTriggeredObserver)}isAutoValidationEnabled(){return!1!==this.host.autoValidation}shouldVisitElement(t,e,s){return!(!t.dataset.vegaForm||e&&t.disabled||s&&!p(t))}listenHostElementKeydown(){this.host.addEventListener("keydown",(t=>{if(this.canSubmitFormByEvent(t)){const t=m(this.host,"vega-form",{outerMost:!0});t&&o.notify(R.getSubject(t,w),{host:this.host})}}))}canSubmitFormByEvent(t){const e="Enter"===t.key||13===t.keyCode,s=e&&t.shiftKey;switch(this.host.tagName){case"VEGA-TEXTAREA":case"VEGA-DATE-PICKER":case"VEGA-TIME-PICKER":return s&&t.preventDefault(),s;case"VEGA-RICH-TEXT-EDITOR":return!1;default:return e}}overrideDefaultRuleByAdditionalRule(t,e){if(t&&e){const s=e.findIndex((e=>e instanceof F&&e instanceof t.constructor&&e.overrideDefault));if(s>-1)return e.splice(s,1)[0]}return t}}x([e()],G.prototype,"formFieldMessageTranslatorSlimmer",void 0),x([e()],G.prototype,"fieldErrorUIController",void 0),x([e()],G.prototype,"resizeObserverSlimmer",void 0);var P=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class W extends t{constructor(){super(...arguments),this.fieldErrorUIController=new U,this.handleFieldErrorMessageUpdate=t=>{const{message:e,isValid:s}=t;s?this.fieldErrorUIController.resetInputInvalidUI():this.fieldErrorUIController.applyInputInvalidUI(e)}}handleComponentWillLoadByFieldErrorSlimmer(){this.fieldErrorMessageChangeObserver=new n(this.canAcceptFieldErrorMessageUpdate.bind(this),this.handleFieldErrorMessageUpdate),o.register(u,this.fieldErrorMessageChangeObserver)}handleUnregisterObserver(){o.unregister(u,this.fieldErrorMessageChangeObserver)}canAcceptFieldErrorMessageUpdate(t){const{host:e}=t,s=this.host.parentElement;return s&&s===e&&"VEGA-FIELD-ERROR"===s.tagName||this.host===e}}P([s()],W.prototype,"host",void 0),P([s()],W.prototype,"options",void 0),P([e()],W.prototype,"fieldErrorUIController",void 0),P([i("setInjectFormFieldHelper")],W.prototype,"handleComponentWillLoadByFieldErrorSlimmer",null),P([i("disconnectedCallback")],W.prototype,"handleUnregisterObserver",null);var z=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class K extends t{constructor(){super(...arguments),this.handleValidInvocation=async t=>{if(this.validator){void 0!==t.timerId&&clearTimeout(t.timerId);const e=await this.validator.validate(t.message);if(e){const{isValid:s,message:i}=e;"function"==typeof t.promiseResolve&&t.promiseResolve({isValid:s,message:i})}}}}registerValidInvocationObserver(){j.addUniqueObserverToNode(this.host,O,this.handleValidInvocation)}handleUnregisterObserver(){j.removeUniqueObserverFromNode(this.host,O)}}z([s()],K.prototype,"host",void 0),z([s()],K.prototype,"validator",void 0),z([i("setInjectFormFieldHelper")],K.prototype,"registerValidInvocationObserver",null),z([i("disconnectedCallback")],K.prototype,"handleUnregisterObserver",null);var N=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class X extends A{constructor(){super({parent:"vega-form",subStates:[{subStateName:"disableBlurValidation",parentStateName:"disableBlurValidation",callback:t=>{var e;null===(e=this.validator)||void 0===e||e.updateDisableBlurValidation(t)}}]})}componentWillLoad(){super.componentWillLoad()}}N([s()],X.prototype,"host",void 0),N([s()],X.prototype,"validator",void 0),N([i("setInjectFormFieldHelper")],X.prototype,"componentWillLoad",null);var q=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class J extends t{constructor(t){super(),this.fieldErrorSlimmer=new W,this.formFieldValidInvokeSlimmer=new K,this.formFormStateController=new X,this.mutationObserverCallBack=()=>{this.validator&&(this.setDefaultRules(),this.internalValidate())},this.options=t,this.setMutationObserverSlimmer()}connectedCallback(){null===this.validator&&this.setInjectFormFieldHelper()}disconnectedCallback(){this.validator&&(this.validator.destroy(),this.validator=null)}componentDidLoad(){}static isValidFormField(t){return t&&Boolean(t.getAttribute("data-vega-form"))}watchValidationRulesByFormControllerSlimmer(t,e){S(t,e,!1,((t,e)=>t===e?0:-1))||(this.setAdditionalRules(),this.internalValidate())}setInjectFormFieldHelper(){if(J.isValidFormField(this.host)){const{defaultValue:t}=this.options,e=new G(this.getPropertyRules(),this.host,t,this.options);e.addListener({callback:t=>{this.isValid!=t&&(this.isValid=t,o.notify(f,{host:this.host,detail:t}))}}),this.validator=e,this.setAdditionalRules()}}setAdditionalRules(){this.options.validationRulesName&&"validationRules"===this.options.validationRulesName&&this.validator&&this.validator.setAdditionalRules(this.validationRules||[])}setDefaultRules(){this.validator&&this.validator.setDefaultRules(this.getPropertyRules())}getPropertyRules(){const{propertyRules:t,attributeGetter:e}=this.options;return t.map((t=>{const s=t.dependence&&"string"==typeof t.dependence?[e(t.dependence)]:Array.isArray(t.dependence)?t.dependence.map((t=>e(t))):[null];return t.ruleFactory(e(t.propertyName),...s)})).filter(Boolean)}internalValidate(){!this.disabled&&this.validator&&this.validator.validate()}setMutationObserverSlimmer(){this.mutationObserverSlimmer=new I({options:{attributeFilter:this.options.propertyRules.map((t=>r(t.propertyName))),attributeOldValue:!0},mutationFilter:C(),callback:this.mutationObserverCallBack})}}q([s()],J.prototype,"host",void 0),q([s({writable:!0})],J.prototype,"validationRules",void 0),q([s()],J.prototype,"disabled",void 0),q([s()],J.prototype,"autoValidation",void 0),q([s({writable:!0})],J.prototype,"isValid",void 0),q([e()],J.prototype,"fieldErrorSlimmer",void 0),q([e()],J.prototype,"formFieldValidInvokeSlimmer",void 0),q([e()],J.prototype,"mutationObserverSlimmer",void 0),q([e()],J.prototype,"formFormStateController",void 0),q([i("connectedCallback")],J.prototype,"connectedCallback",null),q([i("disconnectedCallback")],J.prototype,"disconnectedCallback",null),q([i("componentDidLoad")],J.prototype,"componentDidLoad",null),q([i("watchValidationRules")],J.prototype,"watchValidationRulesByFormControllerSlimmer",null),q([i("componentWillLoad")],J.prototype,"setInjectFormFieldHelper",null);export{J as F}
|
|
1
|
+
import{V as t,I as e,c as s,M as i}from"./p-6e1ab235.js";import{c as r}from"./p-02841589.js";import{C as o}from"./p-2d0d575f.js";import{O as n}from"./p-331a62d5.js";import{U as a,a as l,b as h,F as c,c as d,d as u,e as f}from"./p-a528714c.js";import{f as m,d as p}from"./p-d9671d27.js";import{i as v,g as b}from"./p-a4670e23.js";import{c as g}from"./p-6a334573.js";import{d as R,D as j}from"./p-447c7590.js";import{f as y,d as w,g as O}from"./p-308aa2e3.js";import{V as E}from"./p-39482a1a.js";import{P as V}from"./p-7d9cd9c8.js";import{I as F}from"./p-abd7aeaa.js";import{M as I}from"./p-78a57a17.js";import{A as C}from"./p-52b8f2d2.js";import{i as S}from"./p-d27ae9ff.js";import{S as A}from"./p-fde50319.js";class k{constructor(t){this.rule=t}getStatus(t,e,s){return{canEvaluate:this.rule.canEvaluate(t,e,s),isAsync:v(this.rule.evaluate)}}shouldShowError(t,e){try{return this.rule.shouldShowError?this.rule.shouldShowError(t,e):this.defaultShouldShowError(t)}catch(t){return!1}}handle(t){try{return this.rule.evaluate(t)}catch(t){return{isValid:!0,message:""}}}defaultShouldShowError(t){return!t.disabled&&t.visible&&(t.touched||t.modified)}}class T{constructor(){this.handlers=[],this.processId=""}checkIncludesAsyncRuleHandler(t,e,s){return!!this.handlers.find((i=>{const r=i.getStatus(t,e,s);return r.canEvaluate&&r.isAsync}))}setHandlersByRules(t){this.handlers=t&&t.length?t.map((t=>new k(t))):[]}async process(t,e,s,i,r){const o=this.preProcess();let n;for(const i of this.handlers){if(o!==this.processId)break;const r=i.getStatus(t,e,s);if(!r.canEvaluate)continue;let a;if(r.isAsync)try{a=await i.handle(t)}catch(t){}else a=i.handle(t);if(a&&!a.isValid){const t=i.shouldShowError(e,s);n=Object.assign(Object.assign({},a),{shouldShowError:t});break}}return this.postProcess(o,i,n,r),n?{isValid:!1,message:n.message}:{isValid:!0,message:""}}preProcess(){const t=b();return this.processId=t,t}postProcess(t,e,s,i){this.processId===t&&i(e,s)}}class L{run(t){const e=t.nextElementSibling;return e&&e.querySelector(".vega-error")?e.querySelector(".vega-error"):null}}class M{run(t){let e=t.nextElementSibling;return e&&!e.classList.contains("vega-error")&&(e=document.createElement("label"),e.classList.add("vega-error"),e.setAttribute("part","field-error-message"),t.after(e)),e}}class D{run(t){let e=t.nextElementSibling;return e||(e=document.createElement("label"),e.classList.add("vega-error"),e.setAttribute("part","field-error-message"),t.after(e)),e}}class B extends t{getTranslatedMessage(t){return"string"==typeof t?E.t(t):E.t(t.key,...t.args||[])}}var H=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class U extends t{constructor(){super(),this.formFieldMessageTranslatorSlimmer=new B,this.fieldErrorUiControllerStrategies=[new L,new M,new D],this.initTranslationObserver()}applyInputInvalidUI(t){const e=this.getInputElementContainer();if(o.notify(R.getSubject(this.host,y),{host:this.host,showError:!0}),e&&(e.classList.add("error"),t)){this.errorMessage=t;const s=this.getErrorContainer(e);s.innerHTML=this.formFieldMessageTranslatorSlimmer.getTranslatedMessage(t),s.classList.remove("vega-hidden")}}resetInputInvalidUI(){this.errorMessage="";const t=this.getInputElementContainer();t&&(this.getErrorContainer(t).classList.add("vega-hidden"),t.classList.remove("error"),o.notify(R.getSubject(this.host,y),{host:this.host,showError:!1}))}getInputElementContainer(){return this.options&&this.options.inputContainerGetter?this.options.inputContainerGetter():null}getErrorContainer(t){for(const e of this.fieldErrorUiControllerStrategies){const s=e.run(t);if(s)return s}}initTranslationObserver(){const t=new n(this.isAcceptableTranslationObserver.bind(this),(()=>{if(!this.errorMessage)return;const t=this.getInputElementContainer();if(t){const e=this.getErrorContainer(t);e&&(e.innerHTML=this.formFieldMessageTranslatorSlimmer.getTranslatedMessage(this.errorMessage))}}));o.register(a,t)}isAcceptableTranslationObserver(){return!0}}H([e()],U.prototype,"formFieldMessageTranslatorSlimmer",void 0),H([s()],U.prototype,"host",void 0),H([s()],U.prototype,"options",void 0);var x=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class G{constructor(t,e,s,i){var r,n;this.formFieldMessageTranslatorSlimmer=new B,this.fieldErrorUIController=new U,this.resizeObserverSlimmer=g(G,V,[],[{mapFrom:"connectResizeObserver",mapTo:"connectResizeObserver"}],[{callback:t=>{const e=this.isVisible,s=t[0].contentRect.height>0;this.isVisible=s,this.isAutoValidationEnabled()&&m(this.host,"vega-form")&&e!==s&&this.valid(["visible"])},target:()=>this.host}]),this.defaultRules=[],this.additionalRules=[],this.listeners=[],this.isTouched=!1,this.isModified=!1,this.isVisible=!1,this.formFieldValidationRuleHandlerChain=new T,this.hostChildAddedBlurEventMap=new WeakMap,this.handleValidationResult=(t,e)=>{let s=!0;return e?("rule"===t?e.shouldShowError?this.fieldErrorUIController.applyInputInvalidUI(e.message):this.fieldErrorUIController.resetInputInvalidUI():t?this.fieldErrorUIController.applyInputInvalidUI(e.message):this.fieldErrorUIController.resetInputInvalidUI(),s=!1):this.fieldErrorUIController.resetInputInvalidUI(),this.invokeListeners(s),o.notify(l,{host:this.host,detail:s}),s},this.setupTouchedListener=()=>{this.getTouchableAreaElements().filter((t=>t&&!0!==this.hostChildAddedBlurEventMap.get(t))).forEach((t=>{t.addEventListener("blur",(()=>{this.updateIsTouched(!0)})),this.hostChildAddedBlurEventMap.set(t,!0)}))},this.defaultRules=t||[],this.host=e,this.defaultValue=s,this.options=i,this.initDisabledAttrObserver(),this.connectResizeObserver(),this.initFormResetObserver(),null===(n=(r=this.host).componentOnReady)||void 0===n||n.call(r).then((()=>{this.didRender()})),this.setupModifiedListener(),this.listenHostElementKeydown(),this.updateValidationHandlers()}async validate(t){return await this.valid([],t)}addListener(t){this.listeners.push(t)}getRules(){const t=[...this.additionalRules];return[...this.defaultRules.map((e=>this.overrideDefaultRuleByAdditionalRule(e,t))),...t]}setDefaultRules(t){this.defaultRules=t,this.updateValidationHandlers()}setAdditionalRules(t){this.additionalRules=t,this.updateValidationHandlers()}destroy(){o.notify(h,{host:this.host}),this.unregisterFormResetObserver(),o.unregister(c,this.hostValueChangeObserver),this.hostChildrenObserver&&this.hostChildrenObserver.disconnect()}connectResizeObserver(){}updateDisableBlurValidation(t){this.disableBlurValidation=t}updateValidationHandlers(){this.formFieldValidationRuleHandlerChain.setHandlersByRules(this.getRules())}async valid(t,e="rule"){const s=this.getStatus(),i=this.host.value;this.formFieldValidationRuleHandlerChain.checkIncludesAsyncRuleHandler(i,s,t)&&o.notify(l,{host:this.host,detail:null});const{isValid:r,message:n}=await this.formFieldValidationRuleHandlerChain.process(i,s,t,e,this.handleValidationResult);return{isValid:r,message:this.formFieldMessageTranslatorSlimmer.getTranslatedMessage(n)}}invokeListeners(t){this.listeners.forEach((e=>e.callback(t)))}getStatus(){return{touched:this.isTouched,modified:this.isModified,disabled:this.host.disabled,visible:this.isVisible}}updateIsTouched(t){const e=this.isTouched;this.isTouched=t,!this.disableBlurValidation&&this.isAutoValidationEnabled()&&this.valid(e===t?[]:["touched"])}updateIsModified(t){const e=this.isModified;this.isModified=t,this.isAutoValidationEnabled()&&this.valid(e===t?[]:["modified"])}initDisabledAttrObserver(){this.disabledAttrObserver=new MutationObserver((()=>{this.isAutoValidationEnabled()&&this.valid(["disabled"])})),this.disabledAttrObserver.observe(this.host,{attributes:!0,attributeFilter:["disabled"]})}canAcceptFormResetOperation(t){return m(this.host,"vega-form")===t.host}unregisterFormResetObserver(){o.unregister(d,this.formResetTriggeredObserver)}monitorTouchedListener(){const t=this.getInputContainerElements();t&&(this.hostChildrenObserver=new MutationObserver((()=>{this.setupTouchedListener()})),this.hostChildrenObserver.observe(t,{childList:!0,subtree:!0})),this.setupTouchedListener()}getTouchableAreaElements(){return this.options&&this.options.touchableAreaGetter?this.options.touchableAreaGetter():[]}getInputContainerElements(){return this.options&&this.options.inputContainerGetter?this.options.inputContainerGetter():null}setupModifiedListener(){this.hostValueChangeObserver=new n(this.isCurrentTarget.bind(this),(()=>this.updateIsModified(!0))),o.register(c,this.hostValueChangeObserver)}isCurrentTarget(t){return this.host===t.host}async reset(t){var e,s;if(this.shouldVisitElement(this.host,null===(e=t.option)||void 0===e?void 0:e.skipDisabled,null===(s=t.option)||void 0===s?void 0:s.skipInvisible)){const e=t.defaultValueMap,s=this.host.dataset.vegaForm,i=null==e[s]?this.getDefaultValue():e[s];"function"==typeof this.host.setValue?await this.host.setValue(i):this.host.value=i,this.isTouched=!1,this.isModified=!1,this.fieldErrorUIController.resetInputInvalidUI()}}getDefaultValue(){return this.defaultValue instanceof Function?this.defaultValue(this.host):this.defaultValue}didRender(){this.monitorTouchedListener()}initFormResetObserver(){this.formResetTriggeredObserver=new n(this.canAcceptFormResetOperation.bind(this),this.reset.bind(this)),o.register(d,this.formResetTriggeredObserver)}isAutoValidationEnabled(){return!1!==this.host.autoValidation}shouldVisitElement(t,e,s){return!(!t.dataset.vegaForm||e&&t.disabled||s&&!p(t))}listenHostElementKeydown(){this.host.addEventListener("keydown",(t=>{if(this.canSubmitFormByEvent(t)){const t=m(this.host,"vega-form",{outerMost:!0});t&&o.notify(R.getSubject(t,w),{host:this.host})}}))}canSubmitFormByEvent(t){const e="Enter"===t.key||13===t.keyCode,s=e&&t.shiftKey;switch(this.host.tagName){case"VEGA-TEXTAREA":case"VEGA-DATE-PICKER":case"VEGA-TIME-PICKER":return s&&t.preventDefault(),s;case"VEGA-RICH-TEXT-EDITOR":return!1;default:return e}}overrideDefaultRuleByAdditionalRule(t,e){if(t&&e){const s=e.findIndex((e=>e instanceof F&&e instanceof t.constructor&&e.overrideDefault));if(s>-1)return e.splice(s,1)[0]}return t}}x([e()],G.prototype,"formFieldMessageTranslatorSlimmer",void 0),x([e()],G.prototype,"fieldErrorUIController",void 0),x([e()],G.prototype,"resizeObserverSlimmer",void 0);var P=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class W extends t{constructor(){super(...arguments),this.fieldErrorUIController=new U,this.handleFieldErrorMessageUpdate=t=>{const{message:e,isValid:s}=t;s?this.fieldErrorUIController.resetInputInvalidUI():this.fieldErrorUIController.applyInputInvalidUI(e)}}handleComponentWillLoadByFieldErrorSlimmer(){this.fieldErrorMessageChangeObserver=new n(this.canAcceptFieldErrorMessageUpdate.bind(this),this.handleFieldErrorMessageUpdate),o.register(u,this.fieldErrorMessageChangeObserver)}handleUnregisterObserver(){o.unregister(u,this.fieldErrorMessageChangeObserver)}canAcceptFieldErrorMessageUpdate(t){const{host:e}=t,s=this.host.parentElement;return s&&s===e&&"VEGA-FIELD-ERROR"===s.tagName||this.host===e}}P([s()],W.prototype,"host",void 0),P([s()],W.prototype,"options",void 0),P([e()],W.prototype,"fieldErrorUIController",void 0),P([i("setInjectFormFieldHelper")],W.prototype,"handleComponentWillLoadByFieldErrorSlimmer",null),P([i("disconnectedCallback")],W.prototype,"handleUnregisterObserver",null);var z=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class K extends t{constructor(){super(...arguments),this.handleValidInvocation=async t=>{if(this.validator){void 0!==t.timerId&&clearTimeout(t.timerId);const e=await this.validator.validate(t.message);if(e){const{isValid:s,message:i}=e;"function"==typeof t.promiseResolve&&t.promiseResolve({isValid:s,message:i})}}}}registerValidInvocationObserver(){j.addUniqueObserverToNode(this.host,O,this.handleValidInvocation)}handleUnregisterObserver(){j.removeUniqueObserverFromNode(this.host,O)}}z([s()],K.prototype,"host",void 0),z([s()],K.prototype,"validator",void 0),z([i("setInjectFormFieldHelper")],K.prototype,"registerValidInvocationObserver",null),z([i("disconnectedCallback")],K.prototype,"handleUnregisterObserver",null);var N=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class X extends A{constructor(){super({parent:"vega-form",subStates:[{subStateName:"disableBlurValidation",parentStateName:"disableBlurValidation",callback:t=>{var e;null===(e=this.validator)||void 0===e||e.updateDisableBlurValidation(t)}}]})}componentWillLoad(){super.componentWillLoad()}}N([s()],X.prototype,"host",void 0),N([s()],X.prototype,"validator",void 0),N([i("setInjectFormFieldHelper")],X.prototype,"componentWillLoad",null);var q=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class J extends t{constructor(t){super(),this.fieldErrorSlimmer=new W,this.formFieldValidInvokeSlimmer=new K,this.formFormStateController=new X,this.mutationObserverCallBack=()=>{this.validator&&(this.setDefaultRules(),this.internalValidate())},this.options=t,this.setMutationObserverSlimmer()}connectedCallback(){null===this.validator&&this.setInjectFormFieldHelper()}disconnectedCallback(){this.validator&&(this.validator.destroy(),this.validator=null)}componentDidLoad(){}static isValidFormField(t){return t&&Boolean(t.getAttribute("data-vega-form"))}watchValidationRulesByFormControllerSlimmer(t,e){S(t,e,!1,((t,e)=>t===e?0:-1))||(this.setAdditionalRules(),this.internalValidate())}setInjectFormFieldHelper(){if(J.isValidFormField(this.host)){const{defaultValue:t}=this.options,e=new G(this.getPropertyRules(),this.host,t,this.options);e.addListener({callback:t=>{this.isValid!=t&&(this.isValid=t,o.notify(f,{host:this.host,detail:t}))}}),this.validator=e,this.setAdditionalRules()}}setAdditionalRules(){this.options.validationRulesName&&"validationRules"===this.options.validationRulesName&&this.validator&&this.validator.setAdditionalRules(this.validationRules||[])}setDefaultRules(){this.validator&&this.validator.setDefaultRules(this.getPropertyRules())}getPropertyRules(){const{propertyRules:t,attributeGetter:e}=this.options;return t.map((t=>{const s=t.dependence&&"string"==typeof t.dependence?[e(t.dependence)]:Array.isArray(t.dependence)?t.dependence.map((t=>e(t))):[null];return t.ruleFactory(e(t.propertyName),...s)})).filter(Boolean)}internalValidate(){!this.disabled&&this.validator&&this.validator.validate()}setMutationObserverSlimmer(){this.mutationObserverSlimmer=new I({options:{attributeFilter:this.options.propertyRules.map((t=>r(t.propertyName))),attributeOldValue:!0},mutationFilter:C(),callback:this.mutationObserverCallBack})}}q([s()],J.prototype,"host",void 0),q([s({writable:!0})],J.prototype,"validationRules",void 0),q([s()],J.prototype,"disabled",void 0),q([s()],J.prototype,"autoValidation",void 0),q([s({writable:!0})],J.prototype,"isValid",void 0),q([e()],J.prototype,"fieldErrorSlimmer",void 0),q([e()],J.prototype,"formFieldValidInvokeSlimmer",void 0),q([e()],J.prototype,"mutationObserverSlimmer",void 0),q([e()],J.prototype,"formFormStateController",void 0),q([i("connectedCallback")],J.prototype,"connectedCallback",null),q([i("disconnectedCallback")],J.prototype,"disconnectedCallback",null),q([i("componentDidLoad")],J.prototype,"componentDidLoad",null),q([i("watchValidationRules")],J.prototype,"watchValidationRulesByFormControllerSlimmer",null),q([i("componentWillLoad")],J.prototype,"setInjectFormFieldHelper",null);export{J as F}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{V as t}from"./p-6e1ab235.js";import{c as s}from"./p-6a334573.js";import{C as a}from"./p-2d0d575f.js";import{O as o}from"./p-331a62d5.js";import{i as m,h as p}from"./p-308aa2e3.js";import{d as i}from"./p-
|
|
1
|
+
import{V as t}from"./p-6e1ab235.js";import{c as s}from"./p-6a334573.js";import{C as a}from"./p-2d0d575f.js";import{O as o}from"./p-331a62d5.js";import{i as m,h as p}from"./p-308aa2e3.js";import{d as i}from"./p-447c7590.js";class e extends t{constructor({propName:t}){super(),this.isAcceptableObserverPayload=t=>t.host===this.host&&t.stateName===this.propName,this.propName=t}connectedCallback(){this.subStateObserver=new o(this.isAcceptableObserverPayload.bind(this),(t=>{t.callback(this.propValue)})),a.register(i.getSubject(this.host,m),this.subStateObserver)}disconnectedCallback(){a.unregister(i.getSubject(this.host,m),this.subStateObserver)}subStateNotify(){a.notify(i.getSubject(this.host,p),{host:this.host,stateName:this.propName,value:this.propValue})}}function c(t,a,o){const m=[{mapFrom:"connectedCallback",mapTo:"connectedCallback"},{mapFrom:"disconnectedCallback",mapTo:"disconnectedCallback"}];return o&&m.push({mapFrom:o,mapTo:"subStateNotify"}),s(t,e,[{mapFrom:"host",mapTo:"host"},{mapFrom:a,mapTo:"propValue"}],m,[{propName:a}])}export{c}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as i,H as a,g as r}from"./p-6b2342e0.js";import{M as n,a as s}from"./p-cdbbdcc2.js";import{R as o}from"./p-280cbcdb.js";import{s as p}from"./p-519a7d55.js";import{I as h}from"./p-6e1ab235.js";import{V as d,I as l}from"./p-d849e0f5.js";import{F as x}from"./p-43257678.js";import{F as g}from"./p-a528714c.js";import{C as f}from"./p-2d0d575f.js";import{c as m}from"./p-053eb64a.js";import{f as c,E as v}from"./p-3c21b875.js";import{C as b}from"./p-2033f86e.js";import"./p-abd7aeaa.js";import"./p-02841589.js";import"./p-331a62d5.js";import"./p-d9671d27.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-308aa2e3.js";import"./p-39482a1a.js";import"./p-7d9cd9c8.js";import"./p-74168615.js";import"./p-ed45b3b6.js";import"./p-b75ee3ba.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-d27ae9ff.js";import"./p-262ec334.js";import"./p-fddca002.js";import"./p-24cb0a7e.js";import"./p-5f377954.js";import"./p-e77a83e4.js";import"./p-db8cdba6.js";import"./p-112455b1.js";const u=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for the text area",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for the text area",payloadValue:e=>!1===e.autoValidation}];var w=function(e,t,i,a){var r,n=arguments.length,s=n<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,a);else for(var o=e.length-1;o>=0;o--)(r=e[o])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};const y=class{constructor(a){e(this,a),this.vegaChange=t(this,"vegaChange",7),this.change=t(this,"change",7),this.vegaBlur=t(this,"vegaBlur",7),this.blur=t(this,"blur",7),this.globalSlimmers={},this.formFieldController=new x({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new o:null},{propertyName:"minLength",ruleFactory:e=>e?new n({minStrLength:e}):null},{propertyName:"maxLength",ruleFactory:e=>e?new s({maxStrLength:e}):null}],validationRulesName:"validationRules",defaultValue:"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>[this.textareaRef]}),this.changeEventEmitter=m(y,c),this.blurEventEmitter=m(y,v),this.textareaEventPrevent=new b([c],(()=>this.inputContainerRef)),this.vegaComponentUsageRuntimeMetricsSlimmer=new d(u),this.currentCharCount=0,this.placeholder="",this.hint="",this.disabled=!1,this.label="",this.showCounter=!1,this.value="",this.isValid=null,this.autoValidation=!0,this.required=!1,this.maxLength=null,this.minLength=null,this.resizable=!0,this.rows=5,this.validationRules=[],this.renderTextareaContainer=()=>i("div",{class:{"vega-textarea-container":!0,"vega-textarea-not-resizable":!this.resizable},ref:e=>this.inputContainerRef=e},i("textarea",{rows:this.rows>=2?this.rows-1:4,placeholder:this.placeholder,disabled:this.disabled,required:this.required,ref:this.setTextareaRef,maxLength:this.maxLength,minLength:this.minLength,value:this.value,onBlur:this.handleTextareaBlur,"aria-label":this.label||"No label defined"}),this.showCounter&&this.renderCharacterCounter()),this.renderHintMessage=()=>i("vega-text",null,this.hint),this.renderCharacterCounter=()=>i("div",{class:{"vega-textarea-counter":!0,"counter-exceed-max-length":this.isExceedMaxLength(this.value,this.maxLength)}},i("span",{id:"current"},this.currentCharCount),null!=this.maxLength&&this.renderMaxLengthNumber()),this.renderMaxLengthNumber=()=>i("span",{id:"maximum"},"/",this.maxLength),this.setTextareaRef=e=>{e&&this.textareaRef!==e&&(this.textareaRef=e)},this.inputFocus=()=>{this.textareaRef.focus()},this.handleTextareaBlur=e=>{this.blurEventEmitter.emit(void 0,e)},this.isExceedMaxLength=(e,t)=>null!=t&&e.length>t}watchValue(e){this.changeEventEmitter.emit(e),this.textareaRef.value!==this.value&&(this.textareaRef.value=this.value),e&&(this.currentCharCount=e.length),f.notify(g,{host:this.host,detail:e})}watchValidationRules(){}componentWillLoad(){this.currentCharCount=this.value.length}handleValueTextarea(){this.value=this.textareaRef.value,this.currentCharCount=this.value.length}render(){return p(i(a,{class:{disabled:this.disabled}},this.renderLabelDom(),this.renderTextareaContainer(),this.hint&&this.renderHintMessage()),this.host)}renderLabelDom(){return i("vega-field-label",{onClick:this.inputFocus,"is-field-required":this.required,disabled:this.disabled,label:this.label})}get host(){return r(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};w([l()],y.prototype,"globalSlimmers",void 0),w([h()],y.prototype,"formFieldController",void 0),w([h()],y.prototype,"changeEventEmitter",void 0),w([h()],y.prototype,"blurEventEmitter",void 0),w([h()],y.prototype,"textareaEventPrevent",void 0),w([h()],y.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),y.style=':host{display:inline-block;width:100%;text-align:left}:host .vega-textarea-container{display:flex;position:relative;width:100%;resize:vertical;box-sizing:border-box;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;overflow:hidden;font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));min-height:50px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-textarea-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-textarea-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-textarea-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host textarea{display:block;position:relative;padding-top:12px;padding-right:16px;padding-bottom:32px;padding-left:16px;width:100%;resize:vertical;box-sizing:border-box;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:8px;outline:2px solid transparent;outline-offset:2px;border-style:none;overflow:auto;font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));min-height:48px}@media screen and (min-width: 768px) and (max-width: 1023px){:host textarea{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host textarea{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host textarea{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-textarea-container.vega-textarea-not-resizable{resize:none}:host .vega-textarea-container.vega-textarea-not-resizable textarea{resize:none}:host vega-field-label{margin-bottom:8px}:host .vega-textarea-counter{position:absolute;bottom:8px;right:8px;display:flex;padding-left:4px;padding-right:4px;padding-top:2px;padding-bottom:2px;border-radius:4px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1));background-color:rgba(var(--v-bg-textarea-count, 4, 4, 28, 0.6))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-textarea-counter{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-textarea-counter{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-textarea-counter{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-textarea-counter.counter-exceed-max-length{background-color:rgba(var(--v-bg-textarea-counter-exceed-max-length, 214, 46, 81))}:host textarea::placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}:host .vega-error{display:inline-block;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-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 vega-text{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-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-textarea-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host .vega-textarea-container:focus-within{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));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))}:host .vega-textarea-container.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .vega-textarea-container.error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-textarea-container.error:focus-within{border:1px solid rgba(var(--v-border-input-field-danger-focus, 233, 71, 104, 1));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) textarea{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(.disabled) .vega-textarea-container{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host .vega-hidden{display:none}';export{y as vega_textarea}
|
|
1
|
+
import{r as e,c as t,h as i,H as a,g as r}from"./p-6b2342e0.js";import{M as n,a as s}from"./p-cdbbdcc2.js";import{R as o}from"./p-280cbcdb.js";import{s as p}from"./p-519a7d55.js";import{I as h}from"./p-6e1ab235.js";import{V as d,I as l}from"./p-d849e0f5.js";import{F as x}from"./p-9fb6fbcc.js";import{F as g}from"./p-a528714c.js";import{C as f}from"./p-2d0d575f.js";import{c as m}from"./p-7b145620.js";import{f as c,E as v}from"./p-447c7590.js";import{C as b}from"./p-725f0a2c.js";import"./p-abd7aeaa.js";import"./p-02841589.js";import"./p-331a62d5.js";import"./p-d9671d27.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-308aa2e3.js";import"./p-39482a1a.js";import"./p-7d9cd9c8.js";import"./p-74168615.js";import"./p-ed45b3b6.js";import"./p-b75ee3ba.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-d27ae9ff.js";import"./p-262ec334.js";import"./p-fde50319.js";import"./p-41c3fcb4.js";import"./p-5f377954.js";import"./p-e77a83e4.js";import"./p-db8cdba6.js";import"./p-112455b1.js";const u=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for the text area",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for the text area",payloadValue:e=>!1===e.autoValidation}];var w=function(e,t,i,a){var r,n=arguments.length,s=n<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,a);else for(var o=e.length-1;o>=0;o--)(r=e[o])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};const y=class{constructor(a){e(this,a),this.vegaChange=t(this,"vegaChange",7),this.change=t(this,"change",7),this.vegaBlur=t(this,"vegaBlur",7),this.blur=t(this,"blur",7),this.globalSlimmers={},this.formFieldController=new x({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new o:null},{propertyName:"minLength",ruleFactory:e=>e?new n({minStrLength:e}):null},{propertyName:"maxLength",ruleFactory:e=>e?new s({maxStrLength:e}):null}],validationRulesName:"validationRules",defaultValue:"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>[this.textareaRef]}),this.changeEventEmitter=m(y,c),this.blurEventEmitter=m(y,v),this.textareaEventPrevent=new b([c],(()=>this.inputContainerRef)),this.vegaComponentUsageRuntimeMetricsSlimmer=new d(u),this.currentCharCount=0,this.placeholder="",this.hint="",this.disabled=!1,this.label="",this.showCounter=!1,this.value="",this.isValid=null,this.autoValidation=!0,this.required=!1,this.maxLength=null,this.minLength=null,this.resizable=!0,this.rows=5,this.validationRules=[],this.renderTextareaContainer=()=>i("div",{class:{"vega-textarea-container":!0,"vega-textarea-not-resizable":!this.resizable},ref:e=>this.inputContainerRef=e},i("textarea",{rows:this.rows>=2?this.rows-1:4,placeholder:this.placeholder,disabled:this.disabled,required:this.required,ref:this.setTextareaRef,maxLength:this.maxLength,minLength:this.minLength,value:this.value,onBlur:this.handleTextareaBlur,"aria-label":this.label||"No label defined"}),this.showCounter&&this.renderCharacterCounter()),this.renderHintMessage=()=>i("vega-text",null,this.hint),this.renderCharacterCounter=()=>i("div",{class:{"vega-textarea-counter":!0,"counter-exceed-max-length":this.isExceedMaxLength(this.value,this.maxLength)}},i("span",{id:"current"},this.currentCharCount),null!=this.maxLength&&this.renderMaxLengthNumber()),this.renderMaxLengthNumber=()=>i("span",{id:"maximum"},"/",this.maxLength),this.setTextareaRef=e=>{e&&this.textareaRef!==e&&(this.textareaRef=e)},this.inputFocus=()=>{this.textareaRef.focus()},this.handleTextareaBlur=e=>{this.blurEventEmitter.emit(void 0,e)},this.isExceedMaxLength=(e,t)=>null!=t&&e.length>t}watchValue(e){this.changeEventEmitter.emit(e),this.textareaRef.value!==this.value&&(this.textareaRef.value=this.value),e&&(this.currentCharCount=e.length),f.notify(g,{host:this.host,detail:e})}watchValidationRules(){}componentWillLoad(){this.currentCharCount=this.value.length}handleValueTextarea(){this.value=this.textareaRef.value,this.currentCharCount=this.value.length}render(){return p(i(a,{class:{disabled:this.disabled}},this.renderLabelDom(),this.renderTextareaContainer(),this.hint&&this.renderHintMessage()),this.host)}renderLabelDom(){return i("vega-field-label",{onClick:this.inputFocus,"is-field-required":this.required,disabled:this.disabled,label:this.label})}get host(){return r(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};w([l()],y.prototype,"globalSlimmers",void 0),w([h()],y.prototype,"formFieldController",void 0),w([h()],y.prototype,"changeEventEmitter",void 0),w([h()],y.prototype,"blurEventEmitter",void 0),w([h()],y.prototype,"textareaEventPrevent",void 0),w([h()],y.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),y.style=':host{display:inline-block;width:100%;text-align:left}:host .vega-textarea-container{display:flex;position:relative;width:100%;resize:vertical;box-sizing:border-box;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;overflow:hidden;font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));min-height:50px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-textarea-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-textarea-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-textarea-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host textarea{display:block;position:relative;padding-top:12px;padding-right:16px;padding-bottom:32px;padding-left:16px;width:100%;resize:vertical;box-sizing:border-box;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:8px;outline:2px solid transparent;outline-offset:2px;border-style:none;overflow:auto;font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));min-height:48px}@media screen and (min-width: 768px) and (max-width: 1023px){:host textarea{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host textarea{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host textarea{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-textarea-container.vega-textarea-not-resizable{resize:none}:host .vega-textarea-container.vega-textarea-not-resizable textarea{resize:none}:host vega-field-label{margin-bottom:8px}:host .vega-textarea-counter{position:absolute;bottom:8px;right:8px;display:flex;padding-left:4px;padding-right:4px;padding-top:2px;padding-bottom:2px;border-radius:4px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1));background-color:rgba(var(--v-bg-textarea-count, 4, 4, 28, 0.6))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-textarea-counter{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-textarea-counter{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-textarea-counter{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-textarea-counter.counter-exceed-max-length{background-color:rgba(var(--v-bg-textarea-counter-exceed-max-length, 214, 46, 81))}:host textarea::placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}:host .vega-error{display:inline-block;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-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 vega-text{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-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-textarea-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host .vega-textarea-container:focus-within{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));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))}:host .vega-textarea-container.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .vega-textarea-container.error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-textarea-container.error:focus-within{border:1px solid rgba(var(--v-border-input-field-danger-focus, 233, 71, 104, 1));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) textarea{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(.disabled) .vega-textarea-container{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host .vega-hidden{display:none}';export{y as vega_textarea}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{J as t,v as s,s as i}from"./p-
|
|
1
|
+
import{J as t,v as s,s as i}from"./p-822c6092.js";import{i as h}from"./p-d9671d27.js";class e{constructor(t,s,i=0,h=0,e,n,r){this._startOffset=0,this._endOffset=0,this._startContainer=t,this._endContainer=s,this._startOffset=i,this._endOffset=h,this._startNode=e,this._endNode=n,r&&(this._oldNativeRange=r)}get startContainer(){return this._startContainer}get endContainer(){return this._endContainer}get startNode(){return this._startNode}get endNode(){return this._endNode}get startOffset(){return this._startOffset}get endOffset(){return this._endOffset}updateRTERange(s,i){const{startOffset:h,endOffset:n}=s;this._startOffset=h,this._endOffset=n;const r=s.startNode,o=s.endNode;if(r instanceof t){this._startNode=r,this._endNode=o;const t=this._startNode.getRangeContainer(),s=this._startNode===this._endNode?t:this._endNode.getRangeContainer();t&&(this._startContainer=t,this._endContainer=s)}else this._startContainer=r,this._endContainer=o,this._startNode=this.getRTENodeByElement(this._startContainer),this._endNode=this._startContainer===this._endContainer?this._startNode:this.getRTENodeByElement(this._endContainer),i&&(this._oldNativeRange=i);return new e(this._startContainer,this._endContainer,this._startOffset,this._endOffset,this._startNode,this._endNode,this._oldNativeRange)}clone(){return new e(this._startContainer,this._endContainer,this._startOffset,this._endOffset,this._startNode,this._endNode,this._oldNativeRange)}toNativeRange(){let t=null;if(this._startNode){const s=this._startNode.getRangeContainer(),i=this._startNode===this._endNode?s:this._endNode.getRangeContainer();if(s&&i)return t=new Range,t.setStart(s,this._startOffset),t.setEnd(i,this._endOffset),this._startContainer=s,this._endContainer=i,this._oldNativeRange=t,t}if(!t&&this._oldNativeRange)return this._oldNativeRange}getRTENodeByElement(t){if(t){const e=t.nodeType===Node.TEXT_NODE?t.parentElement:h(t)&&s.isDecoratorNodeContainerElement(t)?s.getDecoratorNodeElement(t):t;return i.getEntityByDOM(e)}}}export{e as R}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as t,r as e,H as i,g as o}from"./p-6b2342e0.js";import{c as r,V as s,I as a}from"./p-6e1ab235.js";import{V as n,I as l}from"./p-d849e0f5.js";import{s as c}from"./p-519a7d55.js";import{D as f,y as p,E as h,a as v,d,f as m}from"./p-
|
|
1
|
+
import{h as t,r as e,H as i,g as o}from"./p-6b2342e0.js";import{c as r,V as s,I as a}from"./p-6e1ab235.js";import{V as n,I as l}from"./p-d849e0f5.js";import{s as c}from"./p-519a7d55.js";import{D as f,y as p,E as h,a as v,d,f as m}from"./p-447c7590.js";import{n as g,c as u}from"./p-262ec334.js";import{f as b}from"./p-d9671d27.js";import{C as j}from"./p-2d0d575f.js";import{o as y}from"./p-308aa2e3.js";import{C as x}from"./p-725f0a2c.js";import"./p-331a62d5.js";import"./p-41c3fcb4.js";import"./p-5f377954.js";import"./p-e77a83e4.js";import"./p-db8cdba6.js";import"./p-112455b1.js";var R=function(t,e,i,o){var r,s=arguments.length,a=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(a=(s<3?r(a):s>3?r(e,i,a):r(e,i))||a);return s>3&&a&&Object.defineProperty(e,i,a),a};class C extends s{constructor(){super(...arguments),this.handleChange=()=>{if(this.inputRef.value){const t=g(u(this.inputRef.value,1),1,this.pageCount);this.inputRef.value=t.toString(),this.prevAndNextButtonRenderer.notifyParentPagination(t.toString())}}}render(){return"pageSelectorMobile"===this.type?this.renderPageSelectorMobile():this.renderPageSelectorMobileAndGoTo()}renderPageSelectorMobile(){return t("vega-flex",{alignItems:"center",justifyContent:"center",gap:"size-8"},this.prevAndNextButtonRenderer.render("prev"),t("vega-font",{variant:"font-field-label",color:"text-primary"},this.current.toString()),t("vega-font",{variant:"font-field-label",color:"text-primary"},"/"),t("vega-font",{variant:"font-field-label",color:"text-primary"},this.pageCount.toString()),this.prevAndNextButtonRenderer.render("next"))}renderPageSelectorMobileAndGoTo(){return t("vega-flex",{alignItems:"center",justifyContent:"center",gap:"size-8"},this.prevAndNextButtonRenderer.render("prev"),t("vega-form",{ref:t=>{f.addUniqueObserverToNode(t,p,this.handleChange)}},t("vega-input",{"data-vega-form":"pageSelectorMobile_goTo",size:"small",showClearIcon:!1,style:{width:"54px"},maskConfig:{type:"number",options:{allowNegative:!1,precision:0}},value:this.current.toString(),ref:t=>{this.inputRef=t,f.addUniqueObserverToNode(t,h,this.handleChange)}})),t("vega-font",{variant:"font-field-label",color:"text-primary"},"/"),t("vega-font",{variant:"font-field-label",color:"text-primary"},this.pageCount.toString()),this.prevAndNextButtonRenderer.render("next"))}}R([r()],C.prototype,"host",void 0),R([r()],C.prototype,"type",void 0),R([r()],C.prototype,"current",void 0),R([r()],C.prototype,"pageCount",void 0),R([r()],C.prototype,"prevAndNextButtonRenderer",void 0);var w=function(t,e,i,o){var r,s=arguments.length,a=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(a=(s<3?r(a):s>3?r(e,i,a):r(e,i))||a);return s>3&&a&&Object.defineProperty(e,i,a),a};class S extends s{constructor(){super(...arguments),this.pagerButton=(e,i,o)=>t("vega-button-circle",{variant:"icon-only",icon:e,iconColor:"text-link",size:"small",disabled:i,ref:t=>{f.addUniqueObserverToNode(t,v,o)}}),this.renderPrevButton=()=>this.pagerButton("chevron-left",0===this.total||1===this.current,(()=>{this.notifyParentPagination((this.current-1).toString())})),this.renderNextButton=()=>this.pagerButton("chevron-right",0===this.total||this.current===this.pageCount,(()=>{this.notifyParentPagination((this.current+1).toString())}))}notifyParentPagination(t){const e=b(this.host,"vega-pagination");e&&j.notify(d.getSubject(e,y),{host:this.host,detail:t})}render(t){return"prev"===t?this.renderPrevButton():this.renderNextButton()}}w([r()],S.prototype,"host",void 0),w([r()],S.prototype,"current",void 0),w([r()],S.prototype,"total",void 0),w([r()],S.prototype,"pageCount",void 0);var M=function(t,e,i,o){var r,s=arguments.length,a=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(a=(s<3?r(a):s>3?r(e,i,a):r(e,i))||a);return s>3&&a&&Object.defineProperty(e,i,a),a};const O=class{constructor(t){e(this,t),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new n,this.childEventPrevent=new x([m],(()=>this.host)),this.pageSelectorMobileRenderer=new C,this.prevAndNextButtonRenderer=new S,this.pageCount=0,this.current=1,this.total=0}render(){return c(t(i,null,this.pageSelectorMobileRenderer.render()),this.host)}get host(){return o(this)}};M([l()],O.prototype,"globalSlimmers",void 0),M([a()],O.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),M([a()],O.prototype,"childEventPrevent",void 0),M([a()],O.prototype,"pageSelectorMobileRenderer",void 0),M([a()],O.prototype,"prevAndNextButtonRenderer",void 0),O.style=":host{display:inline-block}";export{O as vega_pagination_page_selector_mobile}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as t,H as e,r as n,g as r}from"./p-6b2342e0.js";import{c as i,M as o,V as s,I as a}from"./p-6e1ab235.js";import{V as c,I as l}from"./p-d849e0f5.js";import{s as h}from"./p-519a7d55.js";import{a as d}from"./p-4c192985.js";import{T as p,I as f,a as u}from"./p-45ead9fe.js";import{R as x,I as g,V as m}from"./p-d5d6dae6.js";import{s as v,u as b,Z as w,M as y,b as j,L as k,O,P as z,N as C,v as R,Q as T,T as I,q as E}from"./p-39b4c838.js";import{V as S}from"./p-a7b5f497.js";import{c as M}from"./p-86194314.js";import{D as B,f as L,l as N}from"./p-3c21b875.js";import{i as P}from"./p-b1faebe0.js";import{r as V}from"./p-308aa2e3.js";import{t as K}from"./p-b75ee3ba.js";import{S as A}from"./p-fddca002.js";import{f as U}from"./p-d9671d27.js";import{a as W}from"./p-7c594a9f.js";import"./p-a528714c.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-112455b1.js";import"./p-54ae02db.js";import"./p-8c9ea6f4.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-02841589.js";import"./p-bf19682d.js";import"./p-ed45b3b6.js";import"./p-74168615.js";import"./p-d884c644.js";import"./p-5d676a94.js";class _ extends S{registerRef(t,e){t&&v.register(t,e)}getCustomAttrs(t){var e;return(null===(e=t.getCustomAttributesAnnotation())||void 0===e?void 0:e.render())||{}}}class $ extends S{registerRef(t,e){t&&v.register(t,e)}}const D=new class extends ${render(t){const e=t.getAnnotationByType(b.INLINE_HTML),n=this.renderText(t);return e?this.renderWithWrapper(n,e):n}registerRef(t,e){if(super.registerRef(t,e),t){const n=e.getAnnotationByType("TEXT_COLOR");n&&p.register(t,n)}}renderWithWrapper(e,n){const{htmlTag:r,customStyle:i,customAttribute:o,customClass:s}=n,a=Object.assign(Object.assign({},null==o?void 0:o.render()),{style:null==i?void 0:i.renderStyle(),class:null==s?void 0:s.renderClass().join(" ")});return t(r,Object.assign({},a),n.child?this.renderWithWrapper(e,n.child):e)}renderText(e){var n,r;const i=(null===(n=e.getAnnotationByType(b.CODE))||void 0===n?void 0:n.code)?"code":"span",o=Object.assign(Object.assign({},null===(r=e.getCustomAttributesAnnotation())||void 0===r?void 0:r.render()),{key:e.id,style:e.getStyles(),class:e.getClasses(),ref:t=>this.registerRef(t,e)});return t(i,Object.assign({},o),e.text||w)}};class F extends y{constructor(t){super(),this.type=j.UNLINK_LINK_GROUP,this.groupKey=t}}const G=new class{constructor(){this.handleChange=({detail:t},e,n)=>{switch(t.action){case"link":{const{url:r,text:i}=t.payload,o=i!==e;return void n.forEach((t=>{const e=t.getAnnotationByType(b.LINK).link.groupKey,s=new k({link:{href:r,groupKey:e},newText:o?i:void 0,needMergeNode:o&&n.length>1,doSplit:!1,type:"update_link"});t.apply(s)}))}case"unlink":return void n.forEach((t=>{t.parent.apply(new F(t.annotationMap.get(b.LINK).link.groupKey)),t.deleteAnnotationByType(b.LINK)}))}}}render(e,n,{editable:r}){return this.groupNodesByLink(e).flatMap((e=>{if(this.isLinkGroup(e)){let t;return e.find((e=>{const n=e.getAnnotationByType(b.LINK);if(n)return t=n,!0})),r?this.renderLinkEditorWrapper(e,t,n):this.renderLink(e,t,n)}const i=x.getRTERenderer(e.type);if(i)return i.render(e,{editable:r},t)})).filter(P)}groupNodesByLink(t){return t.reduce(((t,e)=>{const n=e.getAnnotationByType(b.LINK),r=t[t.length-1];return P(n)?r&&this.isLinkGroup(r)&&r[0].getAnnotationByType(b.LINK).toEqual(n)?r.push(e):t.push([e]):t.push(e),t}),[])}isLinkGroup(t){return Array.isArray(t)}renderLinkEditorWrapper(e,n,r){const{href:i}=n.link,o=e.map((t=>t.text)).join("");let s;return t("span",{class:"link-editor-wrapper",role:"link",tabIndex:0,onKeyDown:M(),ref:t=>{t&&(s=t,v.removeDirtyDomRef(t))}},this.renderLink(e,n,r),t("vega-rich-text-link-editor",{record:{text:o,url:i},ref:t=>{t&&(t.target=s,B.addUniqueObserverToNode(t,L,(t=>{this.handleChange(t,o,e)})))}}))}renderLink(e,n,r){return t("a",Object.assign({},r.toJsx(n)),e.map((t=>D.render(t))))}};class X extends _{renderNodes(e,n){const r=e.getAnnotationByType(O.LINK_GROUP);return r?G.render(e.children,r,n):e.children.map((e=>{const r=x.getRTERenderer(e.type);if(r)return r.render(e,n,t)}))}}const q=new class extends X{render(e,n){const r=e.getBlockTag();return t(r,Object.assign({},this.getCustomAttrs(e),{key:e.id,ref:t=>super.registerRef(t,e),style:e.getStyles(),class:e.getClasses()}),super.renderNodes(e,n))}},H=new class extends ${constructor(){super(...arguments),this.handleChange=({detail:t},e)=>{switch(t.action){case"edit":e.apply(new f(t.payload.size,t.payload.alt));break;case"delete":{const t=new InputEvent("beforeinput",{inputType:"deleteContentBackward",bubbles:!0});setTimeout((()=>{v.getDOMByEntity(e).dispatchEvent(t)}),50);break}}}}render(e,n){const r=e.getAnnotationByType(b.IMAGE)||new g("md","");return n.editable?t("vega-rich-text-image-editor",{key:e.id,class:this.getClassesForImageEditor(e),size:r.size,alt:r.alt,ref:t=>{B.addUniqueObserverToNode(t,L,(t=>this.handleChange(t,e)))}},this.renderImage(r,e,n)):this.renderImage(r,e,n)}renderImage(e,n,r){var i;return t("img",Object.assign({},null===(i=n.getCustomAttributesAnnotation())||void 0===i?void 0:i.render({filterAttributes:["width","height"]}),{class:this.getClassesForImageNode(n,r.editable),style:Object.assign(Object.assign({},n.getStyles()),r.editable?{width:"100%"}:e.renderStyle({standalone:!0})),alt:e.alt,"data-size":e.size,src:n.url,ref:t=>super.registerRef(t,n)}))}getCommonClasses(t){const e=t.getAnnotationByType(z.CUSTOM_CLASS);return e?e.customClass.filter(P).reduce(((t,e)=>[t,e].join(" ").trim()),""):null}getClasses(t,e={standalone:!1}){return Array.from(t.annotationMap.values()).filter((t=>t instanceof C)).map((t=>t.renderClass(e))).filter(P).reduce(((t,e)=>[t,e].join(" ").trim()),"")}getClassesForImageNode(t,e){var n;return e?`${R.DECORATOR_NODE_CLASS} ${null!==(n=this.getCommonClasses(t))&&void 0!==n?n:""}`:t.getClasses()}getClassesForImageEditor(t){return`${R.DECORATOR_CONTAINER_CLASS} ${this.getClasses(t)}`}},Q=new class extends _{render(e,n){return t("div",Object.assign({},this.getCustomAttrs(e),{key:e.id,ref:t=>super.registerRef(t,e),style:e.getStyles(),class:e.getClasses()}),e.children.map((t=>H.render(t,n))))}},Z=new class extends X{render(e,n){return t("li",Object.assign({},this.getCustomAttrs(e),{key:e.id,ref:t=>super.registerRef(t,e),style:e.getStyles(),class:e.getClasses()}),super.renderNodes(e,n),this.renderChildren(e.nestList,n))}renderChildren(t,e){return null==t?void 0:t.map((t=>J.render(t,e)))}},J=new class extends _{render(e,n){const r=e.getBlockTag();return t(r,Object.assign({},this.getCustomAttrs(e),{key:e.id,ref:t=>super.registerRef(t,e),style:e.getStyles(),class:e.getClasses()}),e.children.map((t=>Z.render(t,n))))}};class Y extends y{constructor(t,e){super(),this.isFlushable=!0,this.type=j.SWITCH_OUT_FROM_CODE_BLOCK,this.content=t,this.language=e}}class tt extends y{constructor(){super(...arguments),this.isFlushable=!0,this.type=j.DELETE_CODE_BLOCK}}const et=new class extends ${render(e,n){const{text:r,language:i}=e;return t("vega-code-block",{key:e.id,value:{code:r,language:i},readOnly:!n.editable,"data-content":r,"data-language":i,ref:t=>{this.registerRef(t,e),B.addUniqueObserverToNode(t,L,(t=>this.handleCodeContentChange(t.detail,e))),B.addUniqueObserverToNode(t,N,(t=>this.handleCodeBlockRemove(t,e))),B.addUniqueObserverToNode(t,V,(t=>this.handleSelectionChange(t.detail,e)))}})}handleCodeContentChange(t,e){const{code:n,language:r}=t;if(this.shouldSwitchOutOfCodeBlock(e.text,n)){const t=new Y(n,r);e.parent.apply(t)}else e.apply(new T(n,r))}handleCodeBlockRemove(t,e){t.preventDefault(),e.parent.apply(new tt)}shouldSwitchOutOfCodeBlock(t,e){const n=e.split("\n");return e.length>t.length&&n.length>4&&""===n.slice(n.length-4).join("")}handleSelectionChange(t,e){t?e.apply(new I(null)):e.annotationMap.delete(O.SELECTION_RANGE)}},nt=new class extends _{constructor(){super(...arguments),this.preventParentDoFocus=t=>{t.stopPropagation(),"keydown"===t.type&&this.dispatchMockKeydownEvent(t)}}render(e,n){const{id:r,children:i}=e;return t("pre",{key:r,class:"code-block-container",ref:t=>this.registerRef(t,e),onKeyDown:this.preventParentDoFocus,onClick:this.preventParentDoFocus,"data-language":i[0].language},this.renderPlaceholderElement("TOP"),et.render(i[0],n),this.renderPlaceholderElement("BOTTOM"))}renderPlaceholderElement(e){return t("span",{class:E.CODE_BLOCK_PLACEHOLDER_CLASS_NAME,style:{display:"block",height:"1px",overflow:"hidden",zIndex:"1",marginTop:"BOTTOM"===e?"-1px":"0px",marginBottom:"BOTTOM"===e?"0px":"-1px"}},w)}dispatchMockKeydownEvent(t){const e=K();if(e){const{type:n,code:r,metaKey:i,ctrlKey:o,shiftKey:s}=t,a=new Event(n,{bubbles:!1,cancelable:!0});a.code=r,a.metaKey=i,a.ctrlKey=o,a.shiftKey=s,e.dispatchEvent(a)}}},rt=new class extends _{render(e,n){return t(e.htmlTag,Object.assign({},this.getCustomAttrs(e),{key:e.id,ref:t=>super.registerRef(t,e),style:e.getStyles(),class:e.getClasses()}),e.children.map((e=>x.getRTERenderer(e.type).render(e,n,t))))}},it=new class{constructor(){x.registerRTEDTORenderer("title",q),x.registerRTEDTORenderer("subtitle",q),x.registerRTEDTORenderer("paragraph",q),x.registerRTEDTORenderer("heading-1",q),x.registerRTEDTORenderer("heading-2",q),x.registerRTEDTORenderer("heading-3",q),x.registerRTEDTORenderer("heading-4",q),x.registerRTEDTORenderer("heading-5",q),x.registerRTEDTORenderer("heading-6",q),x.registerRTEDTORenderer("bullet-list",J),x.registerRTEDTORenderer("number-list",J),x.registerRTEDTORenderer("list-item",Z),x.registerRTEDTORenderer("image",Q),x.registerRTEDTORenderer("code-block",nt),x.registerRTEDTORenderer("html-block",rt),x.registerRTEDTORenderer("TEXT",D),x.registerRTEDTORenderer("IMAGE",H)}getBlockRenderer(t){return x.getRTERenderer(t)}};var ot=function(t,e,n,r){var i,o=arguments.length,s=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,n,r);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(s=(o<3?i(s):o>3?i(e,n,s):i(e,n))||s);return o>3&&s&&Object.defineProperty(e,n,s),s};class st extends s{constructor(){super(),d.registerCustomDarkModeColor(u.formatDarkModeColor())}componentWillLoad(){this.setRTEContent()}watchValueUpdate(){this.setRTEContent()}getRichTextContentRef(){return this.richTextContentRef}render(){return t(e,null,this.renderRichTextContent())}setRTEContent(){!this.content||this.content instanceof m||(this.content=m.fromJSON(this.content))}renderRichTextContent(){const e=this.shouldShowPlaceholder();return t("div",{ref:t=>this.richTextContentRef=t,class:{showPlaceholder:e,"rich-text-content":!0},"data-placeholder":this.placeholder,contenteditable:this.contentEditable},this.renderContent())}renderContent(){var e;const n={editable:this.contentEditable};return null===(e=this.content)||void 0===e?void 0:e.children.map((e=>{const r=it.getBlockRenderer(e.type);if(r)return r.render(e,n,t)}))}shouldShowPlaceholder(){var t;const e=null===(t=this.content)||void 0===t?void 0:t.children;if(e){if(e.length>1)return!1;for(const t of e)if(t.isNotEmpty())return!1}return!0}}ot([i()],st.prototype,"placeholder",void 0),ot([i()],st.prototype,"contentEditable",void 0),ot([i({writable:!0})],st.prototype,"content",void 0),ot([o("componentWillLoad")],st.prototype,"componentWillLoad",null),ot([o("watchValueUpdate")],st.prototype,"watchValueUpdate",null);var at=function(t,e,n,r){var i,o=arguments.length,s=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,n,r);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(s=(o<3?i(s):o>3?i(e,n,s):i(e,n))||s);return o>3&&s&&Object.defineProperty(e,n,s),s};class ct extends A{constructor(){super({parent:"vega-rich-text-editor",subStates:[{subStateName:"placeholder",parentStateName:"placeholder"},{subStateName:"contentEditable",parentStateName:"richTextContentEditable"}]})}}at([i()],ct.prototype,"host",void 0),at([i({writable:!0})],ct.prototype,"placeholder",void 0),at([i({writable:!0})],ct.prototype,"contentEditable",void 0);var lt=function(t,e,n,r){var i,o=arguments.length,s=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,n,r);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(s=(o<3?i(s):o>3?i(e,n,s):i(e,n))||s);return o>3&&s&&Object.defineProperty(e,n,s),s};const ht=class{constructor(t){n(this,t),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new c,this.vegaRichTextContentRenderer=new st,this.vegaRichTextContentStateController=new ct,this.contentEditable=!1,this.extensions=[]}watchValueUpdate(){}async vegaFocus(){this.vegaRichTextContentRenderer.getRichTextContentRef().focus();const t=U(this.host,"vega-rich-text-editor");t&&await W(t)}render(){return h(this.vegaRichTextContentRenderer.render(),this.host)}get host(){return r(this)}static get watchers(){return{content:["watchValueUpdate"]}}};lt([l()],ht.prototype,"globalSlimmers",void 0),lt([a()],ht.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),lt([a()],ht.prototype,"vegaRichTextContentRenderer",void 0),lt([a()],ht.prototype,"vegaRichTextContentStateController",void 0),ht.style=':host{display:flex;flex-direction:column;width:100%}:host .rich-text-content{position:relative;height:100%;outline:2px solid transparent;outline-offset:2px;font-weight:500;color:var(--v-rich-text-editor-black, #111128);overflow-wrap:break-word;white-space:pre-wrap}:host .rich-text-content.showPlaceholder::before{position:absolute;content:attr(data-placeholder);font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .rich-text-content.showPlaceholder::before{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .rich-text-content.showPlaceholder::before{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .rich-text-content.showPlaceholder::before{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .rich-text-content a.v-rte--link{color:rgba(var(--v-text-link, 19, 98, 226, 1));outline:none}:host .rich-text-content a.v-rte--link:visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}:host .rich-text-content a.v-rte--link:hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host .rich-text-content a.v-rte--link:active{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host .rich-text-content a.v-rte--link:focus-visible{color:rgba(var(--v-text-link-focus, 4, 112, 236, 1));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-radius:8px}:host .rich-text-content .v-rte--underline{text-decoration:underline}:host .rich-text-content .v-rte--strikethrough{text-decoration:line-through}:host .rich-text-content .v-rte--underline.v-rte--strikethrough{text-decoration:underline line-through}:host .rich-text-content .v-rte--horizontal-alignment-right{text-align:right}:host .rich-text-content .v-rte--horizontal-alignment-left{text-align:left}:host .rich-text-content .v-rte--horizontal-alignment-center{text-align:center}:host .rich-text-content .v-rte--horizontal-alignment-justify{text-align:justify}:host .rich-text-content .v-rte--code{font-family:"Roboto Mono";white-space:pre-wrap}:host .rich-text-content img{cursor:pointer}:host .rich-text-content ul.v-rte--list,:host .rich-text-content ol.v-rte--list{padding-left:8px;margin-left:16px}:host .rich-text-content .link-editor-wrapper{position:relative;outline:2px solid transparent;outline-offset:2px}:host .rich-text-content .link-editor-wrapper vega-rich-text-link-editor{position:absolute;bottom:0;left:0;right:0}:host .rich-text-content .code-block-container{margin-top:22px;margin-bottom:22px}:host .rich-text-content vega-code-block.focus{outline:none}:host .rich-text-content .v-rte--bold{font-weight:700}:host .rich-text-content .v-rte--italic{font-style:italic}:host .rich-text-content .v-rte--image-base img,:host .rich-text-content .v-rte--image-size-lg img,:host .rich-text-content .v-rte--image-size-md img,:host .rich-text-content .v-rte--image-size-sm img{vertical-align:bottom}:host .rich-text-content .v-rte--image-size-sm{width:25%}:host .rich-text-content .v-rte--image-size-md{width:50%}:host .rich-text-content .v-rte--image-size-lg{width:100%}:host .rich-text-content .v-rte--text-style-paragraph{font-family:"Inter";font-size:16px;line-height:22px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-title{font-family:"Inter";font-size:36px;line-height:40px;font-weight:500}:host .rich-text-content .v-rte--text-style-subtitle{font-family:"Inter";font-size:28px;line-height:32px;font-weight:500}:host .rich-text-content .v-rte--text-style-heading-1{font-family:"Inter";font-size:22px;line-height:24px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-heading-2{font-family:"Inter";font-size:20px;line-height:24px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-heading-3{font-family:"Inter";font-size:18px;line-height:22px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-heading-4{font-family:"Inter";font-size:16px;line-height:22px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-heading-5{font-family:"Inter";font-size:14px;line-height:22px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-heading-6{font-family:"Inter";font-size:12px;line-height:22px;font-weight:500;margin:0}';export{ht as vega_rich_text_content}
|
|
1
|
+
import{h as t,H as e,r as n,g as r}from"./p-6b2342e0.js";import{c as i,M as o,V as s,I as a}from"./p-6e1ab235.js";import{V as c,I as l}from"./p-d849e0f5.js";import{s as h}from"./p-519a7d55.js";import{a as d}from"./p-4c192985.js";import{T as p,I as f,a as u}from"./p-c6ce2869.js";import{R as x,I as g,V as m}from"./p-8edf3513.js";import{s as v,u as b,Z as w,M as y,b as j,L as k,O,P as z,N as C,v as R,Q as T,T as I,q as E}from"./p-822c6092.js";import{V as S}from"./p-a7b5f497.js";import{c as M}from"./p-86194314.js";import{D as B,f as L,l as N}from"./p-447c7590.js";import{i as P}from"./p-b1faebe0.js";import{r as V}from"./p-308aa2e3.js";import{t as K}from"./p-b75ee3ba.js";import{S as A}from"./p-fde50319.js";import{f as U}from"./p-d9671d27.js";import{a as W}from"./p-8350506e.js";import"./p-a528714c.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-112455b1.js";import"./p-54ae02db.js";import"./p-8c9ea6f4.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-02841589.js";import"./p-bf19682d.js";import"./p-ed45b3b6.js";import"./p-74168615.js";import"./p-d884c644.js";import"./p-5d676a94.js";class _ extends S{registerRef(t,e){t&&v.register(t,e)}getCustomAttrs(t){var e;return(null===(e=t.getCustomAttributesAnnotation())||void 0===e?void 0:e.render())||{}}}class $ extends S{registerRef(t,e){t&&v.register(t,e)}}const D=new class extends ${render(t){const e=t.getAnnotationByType(b.INLINE_HTML),n=this.renderText(t);return e?this.renderWithWrapper(n,e):n}registerRef(t,e){if(super.registerRef(t,e),t){const n=e.getAnnotationByType("TEXT_COLOR");n&&p.register(t,n)}}renderWithWrapper(e,n){const{htmlTag:r,customStyle:i,customAttribute:o,customClass:s}=n,a=Object.assign(Object.assign({},null==o?void 0:o.render()),{style:null==i?void 0:i.renderStyle(),class:null==s?void 0:s.renderClass().join(" ")});return t(r,Object.assign({},a),n.child?this.renderWithWrapper(e,n.child):e)}renderText(e){var n,r;const i=(null===(n=e.getAnnotationByType(b.CODE))||void 0===n?void 0:n.code)?"code":"span",o=Object.assign(Object.assign({},null===(r=e.getCustomAttributesAnnotation())||void 0===r?void 0:r.render()),{key:e.id,style:e.getStyles(),class:e.getClasses(),ref:t=>this.registerRef(t,e)});return t(i,Object.assign({},o),e.text||w)}};class F extends y{constructor(t){super(),this.type=j.UNLINK_LINK_GROUP,this.groupKey=t}}const G=new class{constructor(){this.handleChange=({detail:t},e,n)=>{switch(t.action){case"link":{const{url:r,text:i}=t.payload,o=i!==e;return void n.forEach((t=>{const e=t.getAnnotationByType(b.LINK).link.groupKey,s=new k({link:{href:r,groupKey:e},newText:o?i:void 0,needMergeNode:o&&n.length>1,doSplit:!1,type:"update_link"});t.apply(s)}))}case"unlink":return void n.forEach((t=>{t.parent.apply(new F(t.annotationMap.get(b.LINK).link.groupKey)),t.deleteAnnotationByType(b.LINK)}))}}}render(e,n,{editable:r}){return this.groupNodesByLink(e).flatMap((e=>{if(this.isLinkGroup(e)){let t;return e.find((e=>{const n=e.getAnnotationByType(b.LINK);if(n)return t=n,!0})),r?this.renderLinkEditorWrapper(e,t,n):this.renderLink(e,t,n)}const i=x.getRTERenderer(e.type);if(i)return i.render(e,{editable:r},t)})).filter(P)}groupNodesByLink(t){return t.reduce(((t,e)=>{const n=e.getAnnotationByType(b.LINK),r=t[t.length-1];return P(n)?r&&this.isLinkGroup(r)&&r[0].getAnnotationByType(b.LINK).toEqual(n)?r.push(e):t.push([e]):t.push(e),t}),[])}isLinkGroup(t){return Array.isArray(t)}renderLinkEditorWrapper(e,n,r){const{href:i}=n.link,o=e.map((t=>t.text)).join("");let s;return t("span",{class:"link-editor-wrapper",role:"link",tabIndex:0,onKeyDown:M(),ref:t=>{t&&(s=t,v.removeDirtyDomRef(t))}},this.renderLink(e,n,r),t("vega-rich-text-link-editor",{record:{text:o,url:i},ref:t=>{t&&(t.target=s,B.addUniqueObserverToNode(t,L,(t=>{this.handleChange(t,o,e)})))}}))}renderLink(e,n,r){return t("a",Object.assign({},r.toJsx(n)),e.map((t=>D.render(t))))}};class X extends _{renderNodes(e,n){const r=e.getAnnotationByType(O.LINK_GROUP);return r?G.render(e.children,r,n):e.children.map((e=>{const r=x.getRTERenderer(e.type);if(r)return r.render(e,n,t)}))}}const q=new class extends X{render(e,n){const r=e.getBlockTag();return t(r,Object.assign({},this.getCustomAttrs(e),{key:e.id,ref:t=>super.registerRef(t,e),style:e.getStyles(),class:e.getClasses()}),super.renderNodes(e,n))}},H=new class extends ${constructor(){super(...arguments),this.handleChange=({detail:t},e)=>{switch(t.action){case"edit":e.apply(new f(t.payload.size,t.payload.alt));break;case"delete":{const t=new InputEvent("beforeinput",{inputType:"deleteContentBackward",bubbles:!0});setTimeout((()=>{v.getDOMByEntity(e).dispatchEvent(t)}),50);break}}}}render(e,n){const r=e.getAnnotationByType(b.IMAGE)||new g("md","");return n.editable?t("vega-rich-text-image-editor",{key:e.id,class:this.getClassesForImageEditor(e),size:r.size,alt:r.alt,ref:t=>{B.addUniqueObserverToNode(t,L,(t=>this.handleChange(t,e)))}},this.renderImage(r,e,n)):this.renderImage(r,e,n)}renderImage(e,n,r){var i;return t("img",Object.assign({},null===(i=n.getCustomAttributesAnnotation())||void 0===i?void 0:i.render({filterAttributes:["width","height"]}),{class:this.getClassesForImageNode(n,r.editable),style:Object.assign(Object.assign({},n.getStyles()),r.editable?{width:"100%"}:e.renderStyle({standalone:!0})),alt:e.alt,"data-size":e.size,src:n.url,ref:t=>super.registerRef(t,n)}))}getCommonClasses(t){const e=t.getAnnotationByType(z.CUSTOM_CLASS);return e?e.customClass.filter(P).reduce(((t,e)=>[t,e].join(" ").trim()),""):null}getClasses(t,e={standalone:!1}){return Array.from(t.annotationMap.values()).filter((t=>t instanceof C)).map((t=>t.renderClass(e))).filter(P).reduce(((t,e)=>[t,e].join(" ").trim()),"")}getClassesForImageNode(t,e){var n;return e?`${R.DECORATOR_NODE_CLASS} ${null!==(n=this.getCommonClasses(t))&&void 0!==n?n:""}`:t.getClasses()}getClassesForImageEditor(t){return`${R.DECORATOR_CONTAINER_CLASS} ${this.getClasses(t)}`}},Q=new class extends _{render(e,n){return t("div",Object.assign({},this.getCustomAttrs(e),{key:e.id,ref:t=>super.registerRef(t,e),style:e.getStyles(),class:e.getClasses()}),e.children.map((t=>H.render(t,n))))}},Z=new class extends X{render(e,n){return t("li",Object.assign({},this.getCustomAttrs(e),{key:e.id,ref:t=>super.registerRef(t,e),style:e.getStyles(),class:e.getClasses()}),super.renderNodes(e,n),this.renderChildren(e.nestList,n))}renderChildren(t,e){return null==t?void 0:t.map((t=>J.render(t,e)))}},J=new class extends _{render(e,n){const r=e.getBlockTag();return t(r,Object.assign({},this.getCustomAttrs(e),{key:e.id,ref:t=>super.registerRef(t,e),style:e.getStyles(),class:e.getClasses()}),e.children.map((t=>Z.render(t,n))))}};class Y extends y{constructor(t,e){super(),this.isFlushable=!0,this.type=j.SWITCH_OUT_FROM_CODE_BLOCK,this.content=t,this.language=e}}class tt extends y{constructor(){super(...arguments),this.isFlushable=!0,this.type=j.DELETE_CODE_BLOCK}}const et=new class extends ${render(e,n){const{text:r,language:i}=e;return t("vega-code-block",{key:e.id,value:{code:r,language:i},readOnly:!n.editable,"data-content":r,"data-language":i,ref:t=>{this.registerRef(t,e),B.addUniqueObserverToNode(t,L,(t=>this.handleCodeContentChange(t.detail,e))),B.addUniqueObserverToNode(t,N,(t=>this.handleCodeBlockRemove(t,e))),B.addUniqueObserverToNode(t,V,(t=>this.handleSelectionChange(t.detail,e)))}})}handleCodeContentChange(t,e){const{code:n,language:r}=t;if(this.shouldSwitchOutOfCodeBlock(e.text,n)){const t=new Y(n,r);e.parent.apply(t)}else e.apply(new T(n,r))}handleCodeBlockRemove(t,e){t.preventDefault(),e.parent.apply(new tt)}shouldSwitchOutOfCodeBlock(t,e){const n=e.split("\n");return e.length>t.length&&n.length>4&&""===n.slice(n.length-4).join("")}handleSelectionChange(t,e){t?e.apply(new I(null)):e.annotationMap.delete(O.SELECTION_RANGE)}},nt=new class extends _{constructor(){super(...arguments),this.preventParentDoFocus=t=>{t.stopPropagation(),"keydown"===t.type&&this.dispatchMockKeydownEvent(t)}}render(e,n){const{id:r,children:i}=e;return t("pre",{key:r,class:"code-block-container",ref:t=>this.registerRef(t,e),onKeyDown:this.preventParentDoFocus,onClick:this.preventParentDoFocus,"data-language":i[0].language},this.renderPlaceholderElement("TOP"),et.render(i[0],n),this.renderPlaceholderElement("BOTTOM"))}renderPlaceholderElement(e){return t("span",{class:E.CODE_BLOCK_PLACEHOLDER_CLASS_NAME,style:{display:"block",height:"1px",overflow:"hidden",zIndex:"1",marginTop:"BOTTOM"===e?"-1px":"0px",marginBottom:"BOTTOM"===e?"0px":"-1px"}},w)}dispatchMockKeydownEvent(t){const e=K();if(e){const{type:n,code:r,metaKey:i,ctrlKey:o,shiftKey:s}=t,a=new Event(n,{bubbles:!1,cancelable:!0});a.code=r,a.metaKey=i,a.ctrlKey=o,a.shiftKey=s,e.dispatchEvent(a)}}},rt=new class extends _{render(e,n){return t(e.htmlTag,Object.assign({},this.getCustomAttrs(e),{key:e.id,ref:t=>super.registerRef(t,e),style:e.getStyles(),class:e.getClasses()}),e.children.map((e=>x.getRTERenderer(e.type).render(e,n,t))))}},it=new class{constructor(){x.registerRTEDTORenderer("title",q),x.registerRTEDTORenderer("subtitle",q),x.registerRTEDTORenderer("paragraph",q),x.registerRTEDTORenderer("heading-1",q),x.registerRTEDTORenderer("heading-2",q),x.registerRTEDTORenderer("heading-3",q),x.registerRTEDTORenderer("heading-4",q),x.registerRTEDTORenderer("heading-5",q),x.registerRTEDTORenderer("heading-6",q),x.registerRTEDTORenderer("bullet-list",J),x.registerRTEDTORenderer("number-list",J),x.registerRTEDTORenderer("list-item",Z),x.registerRTEDTORenderer("image",Q),x.registerRTEDTORenderer("code-block",nt),x.registerRTEDTORenderer("html-block",rt),x.registerRTEDTORenderer("TEXT",D),x.registerRTEDTORenderer("IMAGE",H)}getBlockRenderer(t){return x.getRTERenderer(t)}};var ot=function(t,e,n,r){var i,o=arguments.length,s=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,n,r);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(s=(o<3?i(s):o>3?i(e,n,s):i(e,n))||s);return o>3&&s&&Object.defineProperty(e,n,s),s};class st extends s{constructor(){super(),d.registerCustomDarkModeColor(u.formatDarkModeColor())}componentWillLoad(){this.setRTEContent()}watchValueUpdate(){this.setRTEContent()}getRichTextContentRef(){return this.richTextContentRef}render(){return t(e,null,this.renderRichTextContent())}setRTEContent(){!this.content||this.content instanceof m||(this.content=m.fromJSON(this.content))}renderRichTextContent(){const e=this.shouldShowPlaceholder();return t("div",{ref:t=>this.richTextContentRef=t,class:{showPlaceholder:e,"rich-text-content":!0},"data-placeholder":this.placeholder,contenteditable:this.contentEditable},this.renderContent())}renderContent(){var e;const n={editable:this.contentEditable};return null===(e=this.content)||void 0===e?void 0:e.children.map((e=>{const r=it.getBlockRenderer(e.type);if(r)return r.render(e,n,t)}))}shouldShowPlaceholder(){var t;const e=null===(t=this.content)||void 0===t?void 0:t.children;if(e){if(e.length>1)return!1;for(const t of e)if(t.isNotEmpty())return!1}return!0}}ot([i()],st.prototype,"placeholder",void 0),ot([i()],st.prototype,"contentEditable",void 0),ot([i({writable:!0})],st.prototype,"content",void 0),ot([o("componentWillLoad")],st.prototype,"componentWillLoad",null),ot([o("watchValueUpdate")],st.prototype,"watchValueUpdate",null);var at=function(t,e,n,r){var i,o=arguments.length,s=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,n,r);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(s=(o<3?i(s):o>3?i(e,n,s):i(e,n))||s);return o>3&&s&&Object.defineProperty(e,n,s),s};class ct extends A{constructor(){super({parent:"vega-rich-text-editor",subStates:[{subStateName:"placeholder",parentStateName:"placeholder"},{subStateName:"contentEditable",parentStateName:"richTextContentEditable"}]})}}at([i()],ct.prototype,"host",void 0),at([i({writable:!0})],ct.prototype,"placeholder",void 0),at([i({writable:!0})],ct.prototype,"contentEditable",void 0);var lt=function(t,e,n,r){var i,o=arguments.length,s=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,n,r);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(s=(o<3?i(s):o>3?i(e,n,s):i(e,n))||s);return o>3&&s&&Object.defineProperty(e,n,s),s};const ht=class{constructor(t){n(this,t),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new c,this.vegaRichTextContentRenderer=new st,this.vegaRichTextContentStateController=new ct,this.contentEditable=!1,this.extensions=[]}watchValueUpdate(){}async vegaFocus(){this.vegaRichTextContentRenderer.getRichTextContentRef().focus();const t=U(this.host,"vega-rich-text-editor");t&&await W(t)}render(){return h(this.vegaRichTextContentRenderer.render(),this.host)}get host(){return r(this)}static get watchers(){return{content:["watchValueUpdate"]}}};lt([l()],ht.prototype,"globalSlimmers",void 0),lt([a()],ht.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),lt([a()],ht.prototype,"vegaRichTextContentRenderer",void 0),lt([a()],ht.prototype,"vegaRichTextContentStateController",void 0),ht.style=':host{display:flex;flex-direction:column;width:100%}:host .rich-text-content{position:relative;height:100%;outline:2px solid transparent;outline-offset:2px;font-weight:500;color:var(--v-rich-text-editor-black, #111128);overflow-wrap:break-word;white-space:pre-wrap}:host .rich-text-content.showPlaceholder::before{position:absolute;content:attr(data-placeholder);font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .rich-text-content.showPlaceholder::before{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .rich-text-content.showPlaceholder::before{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .rich-text-content.showPlaceholder::before{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .rich-text-content a.v-rte--link{color:rgba(var(--v-text-link, 19, 98, 226, 1));outline:none}:host .rich-text-content a.v-rte--link:visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}:host .rich-text-content a.v-rte--link:hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host .rich-text-content a.v-rte--link:active{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host .rich-text-content a.v-rte--link:focus-visible{color:rgba(var(--v-text-link-focus, 4, 112, 236, 1));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-radius:8px}:host .rich-text-content .v-rte--underline{text-decoration:underline}:host .rich-text-content .v-rte--strikethrough{text-decoration:line-through}:host .rich-text-content .v-rte--underline.v-rte--strikethrough{text-decoration:underline line-through}:host .rich-text-content .v-rte--horizontal-alignment-right{text-align:right}:host .rich-text-content .v-rte--horizontal-alignment-left{text-align:left}:host .rich-text-content .v-rte--horizontal-alignment-center{text-align:center}:host .rich-text-content .v-rte--horizontal-alignment-justify{text-align:justify}:host .rich-text-content .v-rte--code{font-family:"Roboto Mono";white-space:pre-wrap}:host .rich-text-content img{cursor:pointer}:host .rich-text-content ul.v-rte--list,:host .rich-text-content ol.v-rte--list{padding-left:8px;margin-left:16px}:host .rich-text-content .link-editor-wrapper{position:relative;outline:2px solid transparent;outline-offset:2px}:host .rich-text-content .link-editor-wrapper vega-rich-text-link-editor{position:absolute;bottom:0;left:0;right:0}:host .rich-text-content .code-block-container{margin-top:22px;margin-bottom:22px}:host .rich-text-content vega-code-block.focus{outline:none}:host .rich-text-content .v-rte--bold{font-weight:700}:host .rich-text-content .v-rte--italic{font-style:italic}:host .rich-text-content .v-rte--image-base img,:host .rich-text-content .v-rte--image-size-lg img,:host .rich-text-content .v-rte--image-size-md img,:host .rich-text-content .v-rte--image-size-sm img{vertical-align:bottom}:host .rich-text-content .v-rte--image-size-sm{width:25%}:host .rich-text-content .v-rte--image-size-md{width:50%}:host .rich-text-content .v-rte--image-size-lg{width:100%}:host .rich-text-content .v-rte--text-style-paragraph{font-family:"Inter";font-size:16px;line-height:22px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-title{font-family:"Inter";font-size:36px;line-height:40px;font-weight:500}:host .rich-text-content .v-rte--text-style-subtitle{font-family:"Inter";font-size:28px;line-height:32px;font-weight:500}:host .rich-text-content .v-rte--text-style-heading-1{font-family:"Inter";font-size:22px;line-height:24px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-heading-2{font-family:"Inter";font-size:20px;line-height:24px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-heading-3{font-family:"Inter";font-size:18px;line-height:22px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-heading-4{font-family:"Inter";font-size:16px;line-height:22px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-heading-5{font-family:"Inter";font-size:14px;line-height:22px;font-weight:500;margin:0}:host .rich-text-content .v-rte--text-style-heading-6{font-family:"Inter";font-size:12px;line-height:22px;font-weight:500;margin:0}';export{ht as vega_rich_text_content}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,r as t,H as i,g as r}from"./p-6b2342e0.js";import{c as o,V as s,I as a}from"./p-6e1ab235.js";import{V as n,I as l}from"./p-d849e0f5.js";import{s as c}from"./p-519a7d55.js";import{T as p}from"./p-d5ff8b7f.js";import{V as d}from"./p-39482a1a.js";import{D as f,V as h,d as m}from"./p-
|
|
1
|
+
import{h as e,r as t,H as i,g as r}from"./p-6b2342e0.js";import{c as o,V as s,I as a}from"./p-6e1ab235.js";import{V as n,I as l}from"./p-d849e0f5.js";import{s as c}from"./p-519a7d55.js";import{T as p}from"./p-d5ff8b7f.js";import{V as d}from"./p-39482a1a.js";import{D as f,V as h,d as m}from"./p-447c7590.js";import{f as g}from"./p-d9671d27.js";import{C as v}from"./p-2d0d575f.js";import{n as u}from"./p-308aa2e3.js";import"./p-a528714c.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-331a62d5.js";var b=function(e,t,i,r){var o,s=arguments.length,a=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,r);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(a=(s<3?o(a):s>3?o(t,i,a):o(t,i))||a);return s>3&&a&&Object.defineProperty(t,i,a),a};class j extends s{render(){return"pageSizeSelectorMobile"===this.type?this.renderPageSizeSelectorMobile():this.renderPageSizeSelectorMobileAndCurrentPageLabel()}renderPageSizeSelectorMobile(){const e=d.tWithPreservedBlocks("Show [{0} items / page]",j.clickableReg,this.pageSize);return this.renderTranslatedMessage(e)}renderPageSizeSelectorMobileAndCurrentPageLabel(){const e=this.total>0?this.pageSize*(this.current-1)+1:0,t=Math.min(this.current*this.pageSize,this.total),i=d.tWithPreservedBlocks("Viewing [{0}-{1}] of {2}",j.clickableReg,e,t,this.total);return this.renderTranslatedMessage(i)}renderTranslatedMessage(t){return e("vega-flex",{alignItems:"center",justifyContent:"center",gap:"size-4"},t.map((t=>t.isPreserved?this.pageSizeSelectorMobileDropdownRenderer.render(e("vega-button-link",{label:t.content})):e("vega-font",{variant:"font-field-label",color:"text-primary"},t.content))))}}j.clickableReg=/(\[[^\]]*\])/g,b([o()],j.prototype,"translationSlimmer",void 0),b([o()],j.prototype,"type",void 0),b([o()],j.prototype,"pageSize",void 0),b([o()],j.prototype,"total",void 0),b([o()],j.prototype,"current",void 0),b([o()],j.prototype,"pageSizeSelectorMobileDropdownRenderer",void 0);var S=function(e,t,i,r){var o,s=arguments.length,a=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,r);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(a=(s<3?o(a):s>3?o(t,i,a):o(t,i))||a);return s>3&&a&&Object.defineProperty(t,i,a),a};class y extends s{render(t){var i;const r=(this.pageSizeSelectorOptions.includes(this.pageSize)?this.pageSizeSelectorOptions:[...this.pageSizeSelectorOptions,this.pageSize]).sort(((e,t)=>e-t)),o=this.translationSlimmer.t("Items Per Page");return e("vega-dropdown",{trigger:"click",selectType:"single",alignment:"center",minWidth:160,selectedSourceKey:this.pageSize.toString(),source:[{key:"items-per-page",label:o,children:[...r.map((e=>({key:e.toString(),label:e.toString()})))]}],ref:e=>{f.addUniqueObserverToNode(e,h,(e=>{this.notifyParentPagination(e.detail)}))},isScreenPosition:null===(i=this.dropdownProps)||void 0===i?void 0:i.isScreenPosition},t)}notifyParentPagination(e){const t=g(this.host,"vega-pagination");t&&v.notify(m.getSubject(t,u),{host:this.host,detail:e})}}S([o()],y.prototype,"host",void 0),S([o()],y.prototype,"translationSlimmer",void 0),S([o()],y.prototype,"pageSizeSelectorOptions",void 0),S([o({writable:!0})],y.prototype,"pageSize",void 0),S([o()],y.prototype,"dropdownProps",void 0);var R=function(e,t,i,r){var o,s=arguments.length,a=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,r);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(a=(s<3?o(a):s>3?o(t,i,a):o(t,i))||a);return s>3&&a&&Object.defineProperty(t,i,a),a};const w=class{constructor(e){t(this,e),this.globalSlimmers={},this.translationSlimmer=new p,this.vegaComponentUsageRuntimeMetricsSlimmer=new n,this.pageSizeSelectorMobileRenderer=new j,this.pageSizeSelectorMobileDropdownRenderer=new y,this.pageSize=10,this.pageSizeSelectorOptions=[10,20,50,100],this.total=0,this.current=1}render(){return c(e(i,null,this.pageSizeSelectorMobileRenderer.render()),this.host)}get host(){return r(this)}};R([l()],w.prototype,"globalSlimmers",void 0),R([a()],w.prototype,"translationSlimmer",void 0),R([a()],w.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),R([a()],w.prototype,"pageSizeSelectorMobileRenderer",void 0),R([a()],w.prototype,"pageSizeSelectorMobileDropdownRenderer",void 0),w.style=":host{display:inline-block}";export{w as vega_pagination_page_size_selector_mobile}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as t,I as e,V as i,L as s,M as o}from"./p-6e1ab235.js";import{f as n,d as h,b as r}from"./p-d9671d27.js";import{m as c}from"./p-64c3d021.js";import{c as l}from"./p-6a334573.js";import{P as a}from"./p-7d9cd9c8.js";import{P as d,A as u}from"./p-74168615.js";import{E as f}from"./p-b1faebe0.js";import{R as p}from"./p-228de113.js";import{C as v}from"./p-2d0d575f.js";import{S as m}from"./p-a528714c.js";import{O as g}from"./p-331a62d5.js";import{d as w,D as b}from"./p-3c21b875.js";import{u as R}from"./p-308aa2e3.js";class j{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 o,n=arguments.length,h=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(h=(n<3?o(h):n>3?o(e,i,h):o(e,i))||h);n>3&&h&&Object.defineProperty(e,i,h)}([t()],j.prototype,"showConfig",void 0);class y{canRetrieve(){return!this.showConfig.isScreenPosition}}class C extends y{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 o,n=arguments.length,h=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(h=(n<3?o(h):n>3?o(e,i,h):o(e,i))||h);n>3&&h&&Object.defineProperty(e,i,h)}([t()],C.prototype,"showConfig",void 0);class x extends y{canRetrieve(){return super.canRetrieve()&&!!n(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=n(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 o,n=arguments.length,h=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(h=(n<3?o(h):n>3?o(e,i,h):o(e,i))||h);n>3&&h&&Object.defineProperty(e,i,h)}([t({writable:!0})],x.prototype,"showConfig",void 0);class O extends y{canRetrieve(){return super.canRetrieve()&&!!n(this.showConfig.target,".vega-popover")}retrieve(){const t=n(this.showConfig.target,".vega-popover");return t.append(this.showConfig.appendableElement),t}}!function(t,e,i,s){var o,n=arguments.length,h=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(h=(n<3?o(h):n>3?o(e,i,h):o(e,i))||h);n>3&&h&&Object.defineProperty(e,i,h)}([t()],O.prototype,"showConfig",void 0);var S=function(t,e,i,s){var o,n=arguments.length,h=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(h=(n<3?o(h):n>3?o(e,i,h):o(e,i))||h);return n>3&&h&&Object.defineProperty(e,i,h),h};class E extends i{constructor(){super(...arguments),this.positionRelativeToWrapper=new C,this.vegaPopoverWrapper=new O,this.vegaModalWrapper=new x,this.defaultWrapper=new j}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]}}S([t({writable:!0})],E.prototype,"container",void 0),S([t({writable:!0})],E.prototype,"showConfig",void 0),S([e()],E.prototype,"positionRelativeToWrapper",void 0),S([e()],E.prototype,"vegaPopoverWrapper",void 0),S([e()],E.prototype,"vegaModalWrapper",void 0),S([e()],E.prototype,"defaultWrapper",void 0);class A extends i{getPositionBox(t,e){const i=t||this.getPlacements(),s=e||this.getAlignments(),o=this.getTargetBoundBox(),n=this.getElementBoundBox(),h=this.getElementScrollDimension(),r=this.getSuitablePlacement(h,n,o,i),c=this.getSuitableAlignment(h,n,o,r,s),l=this.calculatePosition(n,o,r,c),a=this.getTranslocationBox(r);return l.placement=r,l.alignment=c,l.left+=a.X,l.top+=a.Y,l}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]}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]}calculatePosition(t,e,i,s){return{top:this.calculateTop(t,e,i,s),left:this.calculateLeft(t,e,i,s)}}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(f(i)){let o=i.X,n=i.Y;(e&&["left","right"].includes(e)&&["top","bottom"].includes(t)||e&&["top","bottom"].includes(e)&&["left","right"].includes(t))&&(o=i.Y,n=i.X),["bottom","top"].includes(t)&&(s.Y="top"===t?-n:n,s.X=o),["left","right"].includes(t)&&(s.X="left"===t?-o:o,s.Y=n)}return s}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.`)}}getSuitablePlacement(t,e,i,o){const n=o[0];return o.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 ${n}\n `),n)}getSuitableAlignment(t,e,i,o,n){const h=n[0];return n.find((s=>this.hasEnoughAlignmentSpace(t,i,e,o,s)))||(s.warn(`\n No enough space found for placing element and we will keep using the defined alignment:\n ${h}\n `),h)}hasEnoughAlignmentSpace(t,e,i,s,o){if(["top","bottom"].includes(s))switch(o){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(o){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}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&&p.format(t,"translocation")}}var P=function(t,e,i,s){var o,n=arguments.length,h=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(h=(n<3?o(h):n>3?o(e,i,h):o(e,i))||h);return n>3&&h&&Object.defineProperty(e,i,h),h};class k extends A{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}}}P([t()],k.prototype,"container",void 0),P([t()],k.prototype,"showConfig",void 0);class T extends A{getPosition(t){const e=t?this.getPositionBox([this.previousPositionBox.placement],[this.previousPositionBox.alignment]):this.getPositionBox();return 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}}}!function(t,e,i,s){var o,n=arguments.length,h=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(h=(n<3?o(h):n>3?o(e,i,h):o(e,i))||h);n>3&&h&&Object.defineProperty(e,i,h)}([t()],T.prototype,"showConfig",void 0);var $=function(t,e,i,s){var o,n=arguments.length,h=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(h=(n<3?o(h):n>3?o(e,i,h):o(e,i))||h);return n>3&&h&&Object.defineProperty(e,i,h),h};class D extends i{constructor(){super(...arguments),this.bodyPositionStrategy=new k,this.screenPositionStrategy=new T}setCalculationStrategy(){this.positionStrategy=this.showConfig.isScreenPosition?this.screenPositionStrategy:this.bodyPositionStrategy}adjustPosition(t){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.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"),e.classList.remove("vega-alignment-start","vega-alignment-center","vega-alignment-end"),e.classList.add(`vega-placement-${t.placement}`),e.classList.add(`vega-alignment-${t.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=p.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`)}}$([t()],D.prototype,"container",void 0),$([t()],D.prototype,"showConfig",void 0),$([e()],D.prototype,"bodyPositionStrategy",void 0),$([e()],D.prototype,"screenPositionStrategy",void 0);var B=function(t,e,i,s){var o,n=arguments.length,h=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(h=(n<3?o(h):n>3?o(e,i,h):o(e,i))||h);return n>3&&h&&Object.defineProperty(e,i,h),h};class L{constructor(t,e){var i,s;this.resizeObserverSlimmer=l(L,a,[],[{mapFrom:"connectResizeObserver",mapTo:"connectResizeObserver"},{mapFrom:"disconnectResizeObserver",mapTo:"disconnectResizeObserver"}],[{callback:()=>{h(this.showConfig.target)&&h(this.showConfig.appendableElement)&&this.adjustPosition()},target:()=>[document.body,this.showConfig.appendableElement,this.showConfig.target]}]),this.elementAppenderContainerController=new E,this.positionCalculationController=new D,this.showConfigCallback=t,this.showConfigCallbackTarget=e;const o=this.getShowConfig();null===(i=o.appendableElement)||void 0===i||i.classList.add("vega-force-hidden"),null===(s=o.appendableElement)||void 0===s||s.classList.add("vega-element-appender-appendable")}show(){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.toggleShow(!1),this.resetContainerPosition(),c.removeZIndex(this.showConfig.appendableElement,"base"))}onScroll(){var t;const e=this.showConfig.target.getBoundingClientRect();!this.showConfig.isScreenPosition||e.left===(null===(t=this.previousTargetRect)||void 0===t?void 0:t.left)&&e.top===this.previousTargetRect.top||this.adjustPosition(!0)}destroy(){this.showConfig&&(this.removeVisibleAppendElement(this.showConfig.appendableElement),this.resetContainerPosition(),c.removeZIndex(this.showConfig.appendableElement,"base"),this.showConfig.appendableElement.remove(),this.disconnectResizeObserver())}connectResizeObserver(){}disconnectResizeObserver(){}toggleShow(t){t?(this.showConfig.appendableElement.classList.remove("vega-force-hidden"),this.saveVisibleAppendElement(this.showConfig.appendableElement)):(this.showConfig.appendableElement.classList.add("vega-force-hidden"),this.removeVisibleAppendElement(this.showConfig.appendableElement))}saveVisibleAppendElement(t){const e=L.containerMap.get(this.container);e&&e.visibleAppendElements.add(t)}removeVisibleAppendElement(t){const e=L.containerMap.get(this.container);e&&e.visibleAppendElements.delete(t)}resetContainerPosition(){const t=L.containerMap.get(this.container);if(t){const{visibleAppendElements:e,originPosition:i="static"}=t;0===e.size&&(this.container.style.position=i,L.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;L.containerMap.has(this.container)||L.containerMap.set(this.container,{visibleAppendElements:new Set,originPosition:t}),"static"===t&&(this.container.style.position="relative")}adjustPosition(t){this.positionCalculationController.adjustPosition(t)}setZIndex(){c.setZIndex(this.showConfig.appendableElement,"base")}getShowConfig(){return this.showConfigCallback instanceof Function?this.showConfigCallback(this.showConfigCallbackTarget):this.showConfigCallback}}L.containerMap=new Map,B([e()],L.prototype,"resizeObserverSlimmer",void 0),B([e()],L.prototype,"elementAppenderContainerController",void 0),B([e()],L.prototype,"positionCalculationController",void 0);var W,z=function(t,e,i,s){var o,n=arguments.length,h=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(h=(n<3?o(h):n>3?o(e,i,h):o(e,i))||h);return n>3&&h&&Object.defineProperty(e,i,h),h};!function(t){t.SHOW="show",t.HIDE="hide"}(W||(W={}));class M extends i{constructor(t){super(),this.childrenEA=[],this.currentEA=t}componentDidLoad(){this.register()}onShow(){this.notify(W.SHOW)}onHide(){this.notify(W.HIDE)}getParent(){return this.parentEA}getChildren(){return this.childrenEA}notify(t){const e=n(this.showConfig.target,".vega-element-appender-appendable");e&&v.notify(w.getSubject(e,R),{type:t,child:this.currentEA,callback:t=>{this.parentEA=t}})}register(){this.showConfig&&b.addUniqueObserverToNode(this.showConfig.appendableElement,R,(t=>{t.type===W.SHOW?this.childrenEA.push(t.child):t.type===W.HIDE&&(this.childrenEA=this.childrenEA.filter((e=>e!==t.child))),t.callback(this.currentEA)}))}}z([t()],M.prototype,"showConfig",void 0),z([o("componentDidLoad")],M.prototype,"componentDidLoad",null),z([o("show")],M.prototype,"onShow",null),z([o("hide")],M.prototype,"onHide",null);var V=function(t,e,i,s){var o,n=arguments.length,h=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(h=(n<3?o(h):n>3?o(e,i,h):o(e,i))||h);return n>3&&h&&Object.defineProperty(e,i,h),h};class F extends i{constructor(t,e,i="isDropdownShow",s=(()=>!1)){super(),this.hierarchyTreeManager=new M(this),this.registerElementAppenderListener=()=>{var t,e,i,s,o,n;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===(o=this.showConfig.appendableElement)||void 0===o||o.addEventListener("mouseenter",this.elementMouseEnterHandler),null===(n=this.showConfig.appendableElement)||void 0===n||n.addEventListener("mouseleave",this.elementMouseLeaveHandler)),window.addEventListener("mousedown",this.globalMouseDownHandler),document.addEventListener("scroll",this.globalScrollHandler,{capture:!0}),this.listenShadowRootElementScrolling()},this.targetClickHandler=()=>{this.shouldListenerWork("click")&&(this.isShowing()?this.hide():this.show())},this.targetMouseEnterHandler=()=>{this.shouldListenerWork("hover")&&(!1===this.isShowing()&&this.show(),this.clearDelayHideTimer())},this.targetMouseLeaveHandler=()=>{this.shouldListenerWork("hover")&&this.createDelayHideTimer()},this.targetFocusoutHandler=t=>{var e;r(t.relatedTarget,null===(e=this.showConfig)||void 0===e?void 0:e.appendableElement)||this.targetMouseLeaveHandler()},this.elementMouseEnterHandler=()=>{var t;null===(t=this.hierarchyTreeManager.getParent())||void 0===t||t.elementMouseEnterHandler(),this.shouldListenerWork("hover")&&!this.disableInteractiveGetter()&&this.clearDelayHideTimer()},this.elementMouseLeaveHandler=()=>{var t;null===(t=this.hierarchyTreeManager.getParent())||void 0===t||t.elementMouseLeaveHandler(),this.shouldListenerWork("hover")&&!this.disableInteractiveGetter()&&this.createDelayHideTimer()},this.globalMouseDownHandler=t=>{const e=t.composedPath()[0];!this.hierarchyTreeManager.getChildren().some((t=>t.isShowing()))&&this.shouldListenerWork("custom")&&this.isShowing()&&this.showConfig&&!r(e,this.showConfig.appendableElement)&&!r(e,this.showConfig.target)&&n(e,"vega-modal")===n(this.showConfig.target,"vega-modal")&&this.hide()},this.globalScrollHandler=()=>{var t;this.showConfig&&this.showConfig.isScreenPosition&&this.isShowing()&&(null===(t=this.elementAppender)||void 0===t||t.onScroll())},this.createDelayHideTimer=()=>{this.delayHideTimer=setTimeout((()=>{this.hide(),clearTimeout(this.delayHideTimer)}),F.DELAY_HIDE_TIME)},this.clearDelayHideTimer=()=>{this.delayHideTimer&&clearTimeout(this.delayHideTimer)},this.shouldListenerWork=t=>{const e=this.getTrigger();switch(t){case"custom":return"none"!==e;case"click":return"click"===e;case"hover":return"hover"===e}throw new Error(`Unexpected trigger: ${t}. Expected values are custom, click, or hover.`)},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}hide(){this.elementAppender&&this.elementAppender.hide(),this[this.isDropdownShowName]=!1,this.hierarchyTreeManager.getChildren().map((t=>{t.hide()}))}destroy(){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 L(this.showConfigFactory,this)}isShowing(){return this[this.isDropdownShowName]}setShowConfig(){this.showConfig=this.showConfigFactory()}unRegisterElementAppenderListener(){var t,e,i,s,o,n;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===(o=this.showConfig.appendableElement)||void 0===o||o.removeEventListener("mouseenter",this.elementMouseEnterHandler),null===(n=this.showConfig.appendableElement)||void 0===n||n.removeEventListener("mouseleave",this.elementMouseLeaveHandler)),window.removeEventListener("mousedown",this.globalMouseDownHandler),document.removeEventListener("scroll",this.globalScrollHandler),this.removeShadowRootElementScrolling()}listenShadowRootElementScrolling(){this.shadowRootElementScrollingObserver=new g(this.canAcceptShadowRootScrollEvent.bind(this),this.globalScrollHandler.bind(this)),v.register(m,this.shadowRootElementScrollingObserver)}canAcceptShadowRootScrollEvent(t){return Boolean(this.showConfig&&r(this.showConfig.target,t.host))}removeShadowRootElementScrolling(){v.unregister(m,this.shadowRootElementScrollingObserver)}}F.DELAY_HIDE_TIME=100,V([e()],F.prototype,"hierarchyTreeManager",void 0),V([o("connectedCallback")],F.prototype,"connectedCallback",null),V([o("disconnectedCallback")],F.prototype,"disconnectedCallback",null),V([o("componentDidLoad")],F.prototype,"componentDidLoad",null);export{F as E}
|
|
1
|
+
import{c as t,I as e,V as i,L as s,M as o}from"./p-6e1ab235.js";import{f as n,d as h,b as r}from"./p-d9671d27.js";import{m as c}from"./p-f360c9ba.js";import{c as l}from"./p-6a334573.js";import{P as a}from"./p-7d9cd9c8.js";import{P as d,A as u}from"./p-74168615.js";import{E as f}from"./p-b1faebe0.js";import{R as p}from"./p-47fa359b.js";import{C as v}from"./p-2d0d575f.js";import{S as m}from"./p-a528714c.js";import{O as g}from"./p-331a62d5.js";import{d as b,D as w}from"./p-447c7590.js";import{u as R}from"./p-308aa2e3.js";class j{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 o,n=arguments.length,h=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(h=(n<3?o(h):n>3?o(e,i,h):o(e,i))||h);n>3&&h&&Object.defineProperty(e,i,h)}([t()],j.prototype,"showConfig",void 0);class y{canRetrieve(){return!this.showConfig.isScreenPosition}}class C extends y{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 o,n=arguments.length,h=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(h=(n<3?o(h):n>3?o(e,i,h):o(e,i))||h);n>3&&h&&Object.defineProperty(e,i,h)}([t()],C.prototype,"showConfig",void 0);class x extends y{canRetrieve(){return super.canRetrieve()&&!!n(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=n(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 o,n=arguments.length,h=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(h=(n<3?o(h):n>3?o(e,i,h):o(e,i))||h);n>3&&h&&Object.defineProperty(e,i,h)}([t({writable:!0})],x.prototype,"showConfig",void 0);class O extends y{canRetrieve(){return super.canRetrieve()&&!!n(this.showConfig.target,".vega-popover")}retrieve(){const t=n(this.showConfig.target,".vega-popover");return t.append(this.showConfig.appendableElement),t}}!function(t,e,i,s){var o,n=arguments.length,h=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(h=(n<3?o(h):n>3?o(e,i,h):o(e,i))||h);n>3&&h&&Object.defineProperty(e,i,h)}([t()],O.prototype,"showConfig",void 0);var S=function(t,e,i,s){var o,n=arguments.length,h=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(h=(n<3?o(h):n>3?o(e,i,h):o(e,i))||h);return n>3&&h&&Object.defineProperty(e,i,h),h};class E extends i{constructor(){super(...arguments),this.positionRelativeToWrapper=new C,this.vegaPopoverWrapper=new O,this.vegaModalWrapper=new x,this.defaultWrapper=new j}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]}}S([t({writable:!0})],E.prototype,"container",void 0),S([t({writable:!0})],E.prototype,"showConfig",void 0),S([e()],E.prototype,"positionRelativeToWrapper",void 0),S([e()],E.prototype,"vegaPopoverWrapper",void 0),S([e()],E.prototype,"vegaModalWrapper",void 0),S([e()],E.prototype,"defaultWrapper",void 0);class A extends i{getPositionBox(t,e){const i=t||this.getPlacements(),s=e||this.getAlignments(),o=this.getTargetBoundBox(),n=this.getElementBoundBox(),h=this.getElementScrollDimension(),r=this.getSuitablePlacement(h,n,o,i),c=this.getSuitableAlignment(h,n,o,r,s),l=this.calculatePosition(n,o,r,c),a=this.getTranslocationBox(r);return l.placement=r,l.alignment=c,l.left+=a.X,l.top+=a.Y,l}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]}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]}calculatePosition(t,e,i,s){return{top:this.calculateTop(t,e,i,s),left:this.calculateLeft(t,e,i,s)}}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(f(i)){let o=i.X,n=i.Y;(e&&["left","right"].includes(e)&&["top","bottom"].includes(t)||e&&["top","bottom"].includes(e)&&["left","right"].includes(t))&&(o=i.Y,n=i.X),["bottom","top"].includes(t)&&(s.Y="top"===t?-n:n,s.X=o),["left","right"].includes(t)&&(s.X="left"===t?-o:o,s.Y=n)}return s}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.`)}}getSuitablePlacement(t,e,i,o){const n=o[0];return o.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 ${n}\n `),n)}getSuitableAlignment(t,e,i,o,n){const h=n[0];return n.find((s=>this.hasEnoughAlignmentSpace(t,i,e,o,s)))||(s.warn(`\n No enough space found for placing element and we will keep using the defined alignment:\n ${h}\n `),h)}hasEnoughAlignmentSpace(t,e,i,s,o){if(["top","bottom"].includes(s))switch(o){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(o){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}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&&p.format(t,"translocation")}}var P=function(t,e,i,s){var o,n=arguments.length,h=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(h=(n<3?o(h):n>3?o(e,i,h):o(e,i))||h);return n>3&&h&&Object.defineProperty(e,i,h),h};class k extends A{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}}}P([t()],k.prototype,"container",void 0),P([t()],k.prototype,"showConfig",void 0);class T extends A{getPosition(t){const e=t?this.getPositionBox([this.previousPositionBox.placement],[this.previousPositionBox.alignment]):this.getPositionBox();return 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}}}!function(t,e,i,s){var o,n=arguments.length,h=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(h=(n<3?o(h):n>3?o(e,i,h):o(e,i))||h);n>3&&h&&Object.defineProperty(e,i,h)}([t()],T.prototype,"showConfig",void 0);var $=function(t,e,i,s){var o,n=arguments.length,h=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(h=(n<3?o(h):n>3?o(e,i,h):o(e,i))||h);return n>3&&h&&Object.defineProperty(e,i,h),h};class D extends i{constructor(){super(...arguments),this.bodyPositionStrategy=new k,this.screenPositionStrategy=new T}setCalculationStrategy(){this.positionStrategy=this.showConfig.isScreenPosition?this.screenPositionStrategy:this.bodyPositionStrategy}adjustPosition(t){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.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"),e.classList.remove("vega-alignment-start","vega-alignment-center","vega-alignment-end"),e.classList.add(`vega-placement-${t.placement}`),e.classList.add(`vega-alignment-${t.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=p.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`)}}$([t()],D.prototype,"container",void 0),$([t()],D.prototype,"showConfig",void 0),$([e()],D.prototype,"bodyPositionStrategy",void 0),$([e()],D.prototype,"screenPositionStrategy",void 0);var B=function(t,e,i,s){var o,n=arguments.length,h=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(h=(n<3?o(h):n>3?o(e,i,h):o(e,i))||h);return n>3&&h&&Object.defineProperty(e,i,h),h};class L{constructor(t,e){var i,s;this.resizeObserverSlimmer=l(L,a,[],[{mapFrom:"connectResizeObserver",mapTo:"connectResizeObserver"},{mapFrom:"disconnectResizeObserver",mapTo:"disconnectResizeObserver"}],[{callback:()=>{h(this.showConfig.target)&&h(this.showConfig.appendableElement)&&this.adjustPosition()},target:()=>[document.body,this.showConfig.appendableElement,this.showConfig.target]}]),this.elementAppenderContainerController=new E,this.positionCalculationController=new D,this.showConfigCallback=t,this.showConfigCallbackTarget=e;const o=this.getShowConfig();null===(i=o.appendableElement)||void 0===i||i.classList.add("vega-force-hidden"),null===(s=o.appendableElement)||void 0===s||s.classList.add("vega-element-appender-appendable")}show(){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.toggleShow(!1),this.resetContainerPosition(),c.removeZIndex(this.showConfig.appendableElement,"base"))}onScroll(){var t;const e=this.showConfig.target.getBoundingClientRect();!this.showConfig.isScreenPosition||e.left===(null===(t=this.previousTargetRect)||void 0===t?void 0:t.left)&&e.top===this.previousTargetRect.top||this.adjustPosition(!0)}destroy(){this.showConfig&&(this.removeVisibleAppendElement(this.showConfig.appendableElement),this.resetContainerPosition(),c.removeZIndex(this.showConfig.appendableElement,"base"),this.showConfig.appendableElement.remove(),this.disconnectResizeObserver())}connectResizeObserver(){}disconnectResizeObserver(){}toggleShow(t){t?(this.showConfig.appendableElement.classList.remove("vega-force-hidden"),this.saveVisibleAppendElement(this.showConfig.appendableElement)):(this.showConfig.appendableElement.classList.add("vega-force-hidden"),this.removeVisibleAppendElement(this.showConfig.appendableElement))}saveVisibleAppendElement(t){const e=L.containerMap.get(this.container);e&&e.visibleAppendElements.add(t)}removeVisibleAppendElement(t){const e=L.containerMap.get(this.container);e&&e.visibleAppendElements.delete(t)}resetContainerPosition(){const t=L.containerMap.get(this.container);if(t){const{visibleAppendElements:e,originPosition:i="static"}=t;0===e.size&&(this.container.style.position=i,L.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;L.containerMap.has(this.container)||L.containerMap.set(this.container,{visibleAppendElements:new Set,originPosition:t}),"static"===t&&(this.container.style.position="relative")}adjustPosition(t){this.positionCalculationController.adjustPosition(t)}setZIndex(){c.setZIndex(this.showConfig.appendableElement,"base")}getShowConfig(){return this.showConfigCallback instanceof Function?this.showConfigCallback(this.showConfigCallbackTarget):this.showConfigCallback}}L.containerMap=new Map,B([e()],L.prototype,"resizeObserverSlimmer",void 0),B([e()],L.prototype,"elementAppenderContainerController",void 0),B([e()],L.prototype,"positionCalculationController",void 0);var W,z=function(t,e,i,s){var o,n=arguments.length,h=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(h=(n<3?o(h):n>3?o(e,i,h):o(e,i))||h);return n>3&&h&&Object.defineProperty(e,i,h),h};!function(t){t.SHOW="show",t.HIDE="hide"}(W||(W={}));class M extends i{constructor(t){super(),this.childrenEA=[],this.currentEA=t}componentDidLoad(){this.register()}onShow(){this.notify(W.SHOW)}onHide(){this.notify(W.HIDE)}getParent(){return this.parentEA}getChildren(){return this.childrenEA}notify(t){const e=n(this.showConfig.target,".vega-element-appender-appendable");e&&v.notify(b.getSubject(e,R),{type:t,child:this.currentEA,callback:t=>{this.parentEA=t}})}register(){this.showConfig&&w.addUniqueObserverToNode(this.showConfig.appendableElement,R,(t=>{t.type===W.SHOW?this.childrenEA.push(t.child):t.type===W.HIDE&&(this.childrenEA=this.childrenEA.filter((e=>e!==t.child))),t.callback(this.currentEA)}))}}z([t()],M.prototype,"showConfig",void 0),z([o("componentDidLoad")],M.prototype,"componentDidLoad",null),z([o("show")],M.prototype,"onShow",null),z([o("hide")],M.prototype,"onHide",null);var V=function(t,e,i,s){var o,n=arguments.length,h=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(h=(n<3?o(h):n>3?o(e,i,h):o(e,i))||h);return n>3&&h&&Object.defineProperty(e,i,h),h};class F extends i{constructor(t,e,i="isDropdownShow",s=(()=>!1)){super(),this.hierarchyTreeManager=new M(this),this.registerElementAppenderListener=()=>{var t,e,i,s,o,n;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===(o=this.showConfig.appendableElement)||void 0===o||o.addEventListener("mouseenter",this.elementMouseEnterHandler),null===(n=this.showConfig.appendableElement)||void 0===n||n.addEventListener("mouseleave",this.elementMouseLeaveHandler)),window.addEventListener("mousedown",this.globalMouseDownHandler),document.addEventListener("scroll",this.globalScrollHandler,{capture:!0}),this.listenShadowRootElementScrolling()},this.targetClickHandler=()=>{this.shouldListenerWork("click")&&(this.isShowing()?this.hide():this.show())},this.targetMouseEnterHandler=()=>{this.shouldListenerWork("hover")&&(!1===this.isShowing()&&this.show(),this.clearDelayHideTimer())},this.targetMouseLeaveHandler=()=>{this.shouldListenerWork("hover")&&this.createDelayHideTimer()},this.targetFocusoutHandler=t=>{var e;r(t.relatedTarget,null===(e=this.showConfig)||void 0===e?void 0:e.appendableElement)||this.targetMouseLeaveHandler()},this.elementMouseEnterHandler=()=>{var t;null===(t=this.hierarchyTreeManager.getParent())||void 0===t||t.elementMouseEnterHandler(),this.shouldListenerWork("hover")&&!this.disableInteractiveGetter()&&this.clearDelayHideTimer()},this.elementMouseLeaveHandler=()=>{var t;null===(t=this.hierarchyTreeManager.getParent())||void 0===t||t.elementMouseLeaveHandler(),this.shouldListenerWork("hover")&&!this.disableInteractiveGetter()&&this.createDelayHideTimer()},this.globalMouseDownHandler=t=>{const e=t.composedPath()[0];!this.hierarchyTreeManager.getChildren().some((t=>t.isShowing()))&&this.shouldListenerWork("custom")&&this.isShowing()&&this.showConfig&&!r(e,this.showConfig.appendableElement)&&!r(e,this.showConfig.target)&&n(e,"vega-modal")===n(this.showConfig.target,"vega-modal")&&this.hide()},this.globalScrollHandler=()=>{var t;this.showConfig&&this.showConfig.isScreenPosition&&this.isShowing()&&(null===(t=this.elementAppender)||void 0===t||t.onScroll())},this.createDelayHideTimer=()=>{this.delayHideTimer=setTimeout((()=>{this.hide(),clearTimeout(this.delayHideTimer)}),F.DELAY_HIDE_TIME)},this.clearDelayHideTimer=()=>{this.delayHideTimer&&clearTimeout(this.delayHideTimer)},this.shouldListenerWork=t=>{const e=this.getTrigger();switch(t){case"custom":return"none"!==e;case"click":return"click"===e;case"hover":return"hover"===e}throw new Error(`Unexpected trigger: ${t}. Expected values are custom, click, or hover.`)},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}hide(){this.elementAppender&&this.elementAppender.hide(),this[this.isDropdownShowName]=!1,this.hierarchyTreeManager.getChildren().map((t=>{t.hide()}))}destroy(){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 L(this.showConfigFactory,this)}isShowing(){return this[this.isDropdownShowName]}setShowConfig(){this.showConfig=this.showConfigFactory()}unRegisterElementAppenderListener(){var t,e,i,s,o,n;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===(o=this.showConfig.appendableElement)||void 0===o||o.removeEventListener("mouseenter",this.elementMouseEnterHandler),null===(n=this.showConfig.appendableElement)||void 0===n||n.removeEventListener("mouseleave",this.elementMouseLeaveHandler)),window.removeEventListener("mousedown",this.globalMouseDownHandler),document.removeEventListener("scroll",this.globalScrollHandler),this.removeShadowRootElementScrolling()}listenShadowRootElementScrolling(){this.shadowRootElementScrollingObserver=new g(this.canAcceptShadowRootScrollEvent.bind(this),this.globalScrollHandler.bind(this)),v.register(m,this.shadowRootElementScrollingObserver)}canAcceptShadowRootScrollEvent(t){return Boolean(this.showConfig&&r(this.showConfig.target,t.host))}removeShadowRootElementScrolling(){v.unregister(m,this.shadowRootElementScrollingObserver)}}F.DELAY_HIDE_TIME=100,V([e()],F.prototype,"hierarchyTreeManager",void 0),V([o("connectedCallback")],F.prototype,"connectedCallback",null),V([o("disconnectedCallback")],F.prototype,"disconnectedCallback",null),V([o("componentDidLoad")],F.prototype,"componentDidLoad",null);export{F as E}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,F as t,r as i,c as n,H as s,g as o}from"./p-6b2342e0.js";import{s as
|
|
1
|
+
import{h as e,F as t,r as i,c as n,H as s,g as o}from"./p-6b2342e0.js";import{s as r}from"./p-519a7d55.js";import{c as a,V as l,M as c,I as d}from"./p-6e1ab235.js";import{V as h,I as g}from"./p-d849e0f5.js";import{c as m}from"./p-7b145620.js";import{f as p}from"./p-447c7590.js";import{P as f}from"./p-7d9cd9c8.js";import"./p-6a334573.js";import"./p-2d0d575f.js";import"./p-41c3fcb4.js";import"./p-b75ee3ba.js";import"./p-331a62d5.js";import"./p-d9671d27.js";import"./p-74168615.js";import"./p-ed45b3b6.js";var v=function(e,t,i,n){var s,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,i,r):s(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r};class b extends l{render(){var t;return e("div",{class:"vega-segment-control-container"},null===(t=this.segments)||void 0===t?void 0:t.map((e=>this.segmentRenderer.render(e))))}}v([a()],b.prototype,"segments",void 0),v([a()],b.prototype,"segmentRenderer",void 0);var x=function(e,t,i,n){var s,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,i,r):s(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r};class u extends l{componentWillLoad(){this.setDefaultSelected()}watchSegments(){this.setDefaultSelected()}watchSelected(){this.changeEventEmitter.emit(this.selected)}setSelected(e){this.selected=e.key}setDefaultSelected(){var e;(null===(e=this.segments)||void 0===e?void 0:e.length)>0&&!this.segments.find((e=>e.key===this.selected))&&(this.selected=this.segments[0].key)}}x([a({writable:!0})],u.prototype,"selected",void 0),x([a()],u.prototype,"segments",void 0),x([a()],u.prototype,"changeEventEmitter",void 0),x([c("componentWillLoad")],u.prototype,"componentWillLoad",null),x([c("watchSegments")],u.prototype,"watchSegments",null),x([c("watchSelected")],u.prototype,"watchSelected",null);var w=function(e,t,i,n){var s,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,i,r):s(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r};class j extends l{watchSegments(){this.setIsOverflowBlockSegments()}watchBlock(){this.setIsOverflowBlockSegments()}watchSize(){this.setIsOverflowBlockSegments()}setIsOverflowBlockSegments(){this.isOverflowBlockSegments=this.isExceedContainerWidth()}isExceedContainerWidth(){if(this.block){const e=this.host.shadowRoot.querySelector(".vega-segment-control-container");return e.clientWidth<e.children.length*j.SEGMENTS_OVERFLOW_THRESHOLD[this.size]+4*(e.children.length-1)+5}return!1}}j.SEGMENTS_OVERFLOW_THRESHOLD={medium:101.9,small:82},w([a()],j.prototype,"host",void 0),w([a()],j.prototype,"block",void 0),w([a()],j.prototype,"size",void 0),w([a({writable:!0})],j.prototype,"isOverflowBlockSegments",void 0),w([c("watchSegments")],j.prototype,"watchSegments",null),w([c("watchBlock")],j.prototype,"watchBlock",null),w([c("watchSize")],j.prototype,"watchSize",null);var y=function(e,t,i,n){var s,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,i,r):s(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r};class S extends l{render(t){return e("button",{key:t.key,class:{"vega-segment":!0,selected:this.selected===t.key,disabled:t.disabled,[`${this.size}`]:!0},onClick:()=>this.selectedController.setSelected(t),disabled:t.disabled},this.renderSegments(t))}renderSegments(i){return e(t,null,(this.isOverflowBlockSegments||!this.isOverflowBlockSegments&&"text-only"!==this.variant)&&i.icon&&this.renderIcon(i),(this.isOverflowBlockSegments&&!i.icon||!this.isOverflowBlockSegments&&"icon-only"!==this.variant)&&i.text&&this.renderText(i))}renderIcon(t){return e("vega-tooltip",{text:t.text,trigger:t.text&&(this.isOverflowBlockSegments||!this.isOverflowBlockSegments&&"icon-only"===this.variant)?"hover":"none",placement:["bottom","top"],disableInteractive:!1},e("vega-icon",{icon:t.icon,size:"size-16"}))}renderText(t){return e("vega-text",{overflow:"ellipsis",tooltip:{placement:["bottom","top"]}},t.text)}}y([a()],S.prototype,"host",void 0),y([a()],S.prototype,"size",void 0),y([a()],S.prototype,"selected",void 0),y([a()],S.prototype,"variant",void 0),y([a()],S.prototype,"block",void 0),y([a()],S.prototype,"isOverflowBlockSegments",void 0),y([a()],S.prototype,"selectedController",void 0);var k=function(e,t,i,n){var s,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,i,r):s(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r};const R=class{constructor(e){i(this,e),this.vegaChange=n(this,"vegaChange",7),this.change=n(this,"change",7),this.globalSlimmers={},this.segmentControlRenderer=new b,this.segmentOverflowController=new j,this.segmentRenderer=new S,this.selectedController=new u,this.changeEventEmitter=m(R,p),this.pageResizeObserverSlimmer=new f({callback:()=>{this.segmentControlWidth=this.host.clientWidth,this.segmentOverflowController.setIsOverflowBlockSegments()},shouldTrigger:()=>this.host.clientWidth!==this.segmentControlWidth}),this.vegaComponentUsageRuntimeMetricsSlimmer=new h,this.segmentControlWidth=0,this.isOverflowBlockSegments=!1,this.block=!1,this.size="medium",this.segments=[],this.variant="default"}watchBlock(){}watchSize(){}watchSegments(){}watchSelected(){}componentWillLoad(){}render(){return r(e(s,{class:{"vega-segment-control-block":this.block}},this.segmentControlRenderer.render()),this.host)}get host(){return o(this)}static get watchers(){return{block:["watchBlock"],size:["watchSize"],segments:["watchSegments"],selected:["watchSelected"]}}};k([g()],R.prototype,"globalSlimmers",void 0),k([d()],R.prototype,"segmentControlRenderer",void 0),k([d()],R.prototype,"segmentOverflowController",void 0),k([d()],R.prototype,"segmentRenderer",void 0),k([d()],R.prototype,"selectedController",void 0),k([d()],R.prototype,"changeEventEmitter",void 0),k([d()],R.prototype,"pageResizeObserverSlimmer",void 0),k([d()],R.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),R.style=':host{display:inline-block}.vega-segment-control-container{display:flex;gap:4px;border-radius:9999px;background-color:rgba(var(--v-bg-segment-control, 89, 96, 99, 0.1));padding:3px}:host(.vega-segment-control-block){display:block}:host(.vega-segment-control-block) .vega-segment{flex-basis:0;flex-grow:1}.vega-segment{display:flex;align-items:center;justify-content:center;gap:8px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));border-radius:9999px;cursor:pointer;text-align:center;border-width:1px;border-style:solid;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));border-color:transparent}.vega-segment vega-icon{vertical-align:middle}.vega-segment.medium{padding-left:24px;padding-right:24px;padding-top:8px;padding-bottom:8px;font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-segment.medium{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-segment.medium{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-segment.medium{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}.vega-segment.small{padding-left:16px;padding-right:16px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;padding-top:3px;padding-bottom:3px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-segment.small{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-segment.small{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-segment.small{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}.vega-segment.disabled{color:rgba(var(--v-text-disabled, 176, 180, 181, 1));pointer-events:none}.vega-segment:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}.vega-segment:hover{background-color:rgba(var(--v-bg-segment-hover, 205, 209, 211, 1))}.vega-segment.selected{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-chip, 205, 209, 211, 1))}';export{R as vega_segment_control}
|