@globalpayments/vega 2.43.0 → 2.44.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-e80a14da.js → app-globals-c23133a1.js} +3 -3
- package/dist/cjs/{content-state-7b418b83.js → content-state-5659cad7.js} +1 -13
- package/dist/cjs/{design-token-622f55de.js → design-token-02d1846e.js} +1 -1
- package/dist/cjs/{element-appender-slimmer-f704b06d.js → element-appender-slimmer-040db7e3.js} +1 -1
- package/dist/cjs/{form-field-controller-slimmer-9ea504a7.js → form-field-controller-slimmer-2d4a4f40.js} +1 -1
- package/dist/cjs/{image-annotation-action-46632b22.js → image-annotation-action-64f0e28c.js} +1 -1
- package/dist/cjs/index.cjs.js +5 -5
- package/dist/cjs/loader.cjs.js +4 -4
- package/dist/cjs/{public-rules-ba486ffa.js → public-rules-a23c74a9.js} +2 -2
- package/dist/cjs/{responsive-format-facade-23588691.js → responsive-format-facade-22eb285c.js} +2 -2
- package/dist/cjs/{rich-text-editor-required-rule-792fede0.js → rich-text-editor-required-rule-cdc2e15e.js} +1 -1
- package/dist/cjs/{style-formatter-42a4e762.js → style-formatter-0536214a.js} +1 -1
- package/dist/cjs/{translation-2c8a32bb.js → translation-648b7910.js} +27 -0
- package/dist/cjs/{translation-slimmer-593b92fe.js → translation-slimmer-8eeb1c99.js} +1 -1
- package/dist/cjs/vega-accordion.cjs.entry.js +4 -4
- package/dist/cjs/vega-app-header-button.cjs.entry.js +4 -4
- package/dist/cjs/vega-box.cjs.entry.js +5 -5
- package/dist/cjs/vega-button-circle.cjs.entry.js +4 -4
- package/dist/cjs/vega-button.cjs.entry.js +3 -3
- package/dist/cjs/vega-calendar_3.cjs.entry.js +2 -2
- package/dist/cjs/vega-card.cjs.entry.js +4 -4
- package/dist/cjs/vega-carousel.cjs.entry.js +3 -3
- package/dist/cjs/vega-checkbox_2.cjs.entry.js +2 -2
- package/dist/cjs/vega-chip.cjs.entry.js +4 -4
- package/dist/cjs/vega-color-picker.cjs.entry.js +2 -2
- package/dist/cjs/vega-combo-box.cjs.entry.js +2 -2
- package/dist/cjs/vega-date-picker_2.cjs.entry.js +6 -6
- package/dist/cjs/vega-dialog_2.cjs.entry.js +80 -5
- package/dist/cjs/vega-divider.cjs.entry.js +4 -4
- package/dist/cjs/vega-dropdown_5.cjs.entry.js +5 -5
- package/dist/cjs/vega-env-manager-23b8b23c.js +2 -2
- package/dist/cjs/vega-file-uploader.cjs.entry.js +3 -3
- package/dist/cjs/vega-flex.cjs.entry.js +5 -5
- package/dist/cjs/vega-font.cjs.entry.js +4 -4
- package/dist/cjs/vega-form.cjs.entry.js +2 -2
- package/dist/cjs/vega-grid.cjs.entry.js +4 -4
- package/dist/cjs/vega-icon.cjs.entry.js +4 -4
- package/dist/cjs/vega-image-uploader.cjs.entry.js +5 -5
- package/dist/cjs/vega-input-credit-card.cjs.entry.js +2 -2
- package/dist/cjs/vega-input-numeric.cjs.entry.js +2 -2
- package/dist/cjs/vega-input-phone-number.cjs.entry.js +2 -2
- package/dist/cjs/vega-input-range.cjs.entry.js +3 -3
- package/dist/cjs/vega-input-select.cjs.entry.js +5 -5
- package/dist/cjs/vega-input.cjs.entry.js +2 -2
- package/dist/cjs/vega-left-nav_5.cjs.entry.js +13 -6
- package/dist/cjs/vega-loader-wrapper_2.cjs.entry.js +3 -3
- package/dist/cjs/vega-pagination-page-size-selector-mobile.cjs.entry.js +17 -9
- package/dist/cjs/vega-pagination.cjs.entry.js +4 -4
- package/dist/cjs/vega-popover_2.cjs.entry.js +4 -4
- package/dist/cjs/vega-radio_2.cjs.entry.js +2 -2
- package/dist/cjs/vega-rich-text-content.cjs.entry.js +2 -2
- package/dist/cjs/vega-rich-text-editor_4.cjs.entry.js +5 -5
- package/dist/cjs/vega-selection-chip_2.cjs.entry.js +4 -4
- package/dist/cjs/vega-selection-tile_2.cjs.entry.js +2 -2
- package/dist/cjs/vega-sidenav_3.cjs.entry.js +3 -3
- package/dist/cjs/vega-signature-capture.cjs.entry.js +6 -6
- package/dist/cjs/vega-stepper.cjs.entry.js +2 -2
- package/dist/cjs/vega-table_8.cjs.entry.js +4 -4
- package/dist/cjs/vega-textarea.cjs.entry.js +2 -2
- package/dist/cjs/vega-time-picker_2.cjs.entry.js +6 -6
- package/dist/cjs/vega-toggle-switch.cjs.entry.js +2 -2
- package/dist/cjs/vega-tooltip_2.cjs.entry.js +4 -4
- package/dist/cjs/vega.cjs.js +4 -4
- package/dist/collection/components/vega-modal/slimmers/controllers/vega-modal-open-state-controller.js +62 -1
- package/dist/collection/components/vega-modal/vega-modal.js +28 -0
- package/dist/collection/components/vega-nav/slimmers/renderers/vega-nav-list-renderer.js +1 -1
- package/dist/collection/components/vega-nav/vega-left-nav-group/slimmers/renderers/vega-left-nav-group-renderer.js +4 -1
- package/dist/collection/components/vega-nav/vega-left-nav-group/vega-left-nav-group.js +25 -0
- package/dist/collection/components/vega-pagination/vega-pagination-page-size-selector-mobile/slimmers/renderers/page-size-selector-mobile-renderer.js +16 -7
- package/dist/collection/components/vega-rich-text-editor/dto/blocks/list-block.js +1 -2
- package/dist/collection/components/vega-rich-text-editor/dto/blocks/list-item-block.js +0 -11
- package/dist/collection/components/vega-rich-text-editor/test/dto/blocks/list-block.test.js +4 -4
- package/dist/collection/helpers/translation/internal-translation-controller.js +25 -0
- package/dist/collection/helpers/translation/locales/en.js +2 -0
- package/dist/collection/helpers/translation/tests/internal-translation-controller.test.js +14 -0
- package/dist/collection/helpers/validator/test/rules/rich-text-editor-required-rule.test.js +4 -4
- package/dist/esm/{app-globals-f767f6be.js → app-globals-e6203355.js} +3 -3
- package/dist/esm/{content-state-2b4fdc4f.js → content-state-7e9f3421.js} +1 -13
- package/dist/esm/{design-token-9a3c1dc5.js → design-token-e1b56333.js} +1 -1
- package/dist/esm/{element-appender-slimmer-8adfc578.js → element-appender-slimmer-9d5d4108.js} +1 -1
- package/dist/esm/{form-field-controller-slimmer-75f525f4.js → form-field-controller-slimmer-16f7a11b.js} +1 -1
- package/dist/esm/{image-annotation-action-aea4f430.js → image-annotation-action-1e675348.js} +1 -1
- package/dist/esm/index.js +5 -5
- package/dist/esm/loader.js +4 -4
- package/dist/esm/{public-rules-20db9763.js → public-rules-596db5ba.js} +2 -2
- package/dist/esm/{responsive-format-facade-175aee98.js → responsive-format-facade-6e639588.js} +2 -2
- package/dist/esm/{rich-text-editor-required-rule-ed41bdd9.js → rich-text-editor-required-rule-ef25c4da.js} +1 -1
- package/dist/esm/{style-formatter-99ad38cd.js → style-formatter-f454626b.js} +1 -1
- package/dist/esm/{translation-a18bc15e.js → translation-fd7a290a.js} +27 -0
- package/dist/esm/{translation-slimmer-a8c20249.js → translation-slimmer-7c37f252.js} +1 -1
- package/dist/esm/vega-accordion.entry.js +4 -4
- package/dist/esm/vega-app-header-button.entry.js +4 -4
- package/dist/esm/vega-box.entry.js +5 -5
- package/dist/esm/vega-button-circle.entry.js +4 -4
- package/dist/esm/vega-button.entry.js +3 -3
- package/dist/esm/vega-calendar_3.entry.js +2 -2
- package/dist/esm/vega-card.entry.js +4 -4
- package/dist/esm/vega-carousel.entry.js +3 -3
- package/dist/esm/vega-checkbox_2.entry.js +2 -2
- package/dist/esm/vega-chip.entry.js +4 -4
- package/dist/esm/vega-color-picker.entry.js +2 -2
- package/dist/esm/vega-combo-box.entry.js +2 -2
- package/dist/esm/vega-date-picker_2.entry.js +6 -6
- package/dist/esm/vega-dialog_2.entry.js +80 -5
- package/dist/esm/vega-divider.entry.js +4 -4
- package/dist/esm/vega-dropdown_5.entry.js +5 -5
- package/dist/esm/vega-env-manager-8f8dc473.js +2 -2
- package/dist/esm/vega-file-uploader.entry.js +3 -3
- package/dist/esm/vega-flex.entry.js +5 -5
- package/dist/esm/vega-font.entry.js +4 -4
- package/dist/esm/vega-form.entry.js +2 -2
- package/dist/esm/vega-grid.entry.js +4 -4
- package/dist/esm/vega-icon.entry.js +4 -4
- package/dist/esm/vega-image-uploader.entry.js +5 -5
- package/dist/esm/vega-input-credit-card.entry.js +2 -2
- package/dist/esm/vega-input-numeric.entry.js +2 -2
- package/dist/esm/vega-input-phone-number.entry.js +2 -2
- package/dist/esm/vega-input-range.entry.js +3 -3
- package/dist/esm/vega-input-select.entry.js +5 -5
- package/dist/esm/vega-input.entry.js +2 -2
- package/dist/esm/vega-left-nav_5.entry.js +13 -6
- package/dist/esm/vega-loader-wrapper_2.entry.js +3 -3
- package/dist/esm/vega-pagination-page-size-selector-mobile.entry.js +17 -9
- package/dist/esm/vega-pagination.entry.js +4 -4
- package/dist/esm/vega-popover_2.entry.js +4 -4
- package/dist/esm/vega-radio_2.entry.js +2 -2
- package/dist/esm/vega-rich-text-content.entry.js +2 -2
- package/dist/esm/vega-rich-text-editor_4.entry.js +5 -5
- package/dist/esm/vega-selection-chip_2.entry.js +4 -4
- package/dist/esm/vega-selection-tile_2.entry.js +2 -2
- package/dist/esm/vega-sidenav_3.entry.js +3 -3
- package/dist/esm/vega-signature-capture.entry.js +6 -6
- package/dist/esm/vega-stepper.entry.js +2 -2
- package/dist/esm/vega-table_8.entry.js +4 -4
- package/dist/esm/vega-textarea.entry.js +2 -2
- package/dist/esm/vega-time-picker_2.entry.js +6 -6
- package/dist/esm/vega-toggle-switch.entry.js +2 -2
- package/dist/esm/vega-tooltip_2.entry.js +4 -4
- package/dist/esm/vega.js +4 -4
- package/dist/types/components/vega-modal/slimmers/controllers/vega-modal-open-state-controller.d.ts +25 -0
- package/dist/types/components/vega-modal/vega-modal.d.ts +10 -0
- package/dist/types/components/vega-nav/interface.d.ts +1 -0
- package/dist/types/components/vega-nav/vega-left-nav-group/slimmers/renderers/vega-left-nav-group-renderer.d.ts +1 -0
- package/dist/types/components/vega-nav/vega-left-nav-group/vega-left-nav-group.d.ts +4 -0
- package/dist/types/components/vega-pagination/vega-pagination-page-size-selector-mobile/slimmers/renderers/page-size-selector-mobile-renderer.d.ts +2 -0
- package/dist/types/components/vega-rich-text-editor/dto/blocks/list-item-block.d.ts +0 -4
- package/dist/types/components.d.ts +10 -0
- package/dist/types/helpers/translation/interface.d.ts +7 -0
- package/dist/types/helpers/translation/internal-translation-controller.d.ts +10 -1
- package/dist/vega/index.esm.js +1 -1
- package/dist/vega/p-01d4c679.js +1 -0
- package/dist/vega/p-02603c02.js +1 -0
- package/dist/vega/{p-fcfc7b00.entry.js → p-05b7d047.entry.js} +1 -1
- package/dist/vega/{p-502f523c.entry.js → p-09279679.entry.js} +1 -1
- package/dist/vega/{p-f61c9513.entry.js → p-0a30fcaf.entry.js} +1 -1
- package/dist/vega/{p-30d56b87.entry.js → p-0c57091c.entry.js} +1 -1
- package/dist/vega/{p-97950866.entry.js → p-0cb40df0.entry.js} +1 -1
- package/dist/vega/{p-d293df16.entry.js → p-0eedb5a8.entry.js} +1 -1
- package/dist/vega/{p-b129beb6.js → p-12a10bdf.js} +1 -1
- package/dist/vega/{p-9c4271d9.entry.js → p-16194709.entry.js} +1 -1
- package/dist/vega/{p-502dcacc.entry.js → p-184f3b15.entry.js} +1 -1
- package/dist/vega/{p-40239f3f.entry.js → p-1917b593.entry.js} +1 -1
- package/dist/vega/{p-1040bac6.js → p-19f33816.js} +1 -1
- package/dist/vega/{p-d3a815a7.entry.js → p-1d8f86f9.entry.js} +1 -1
- package/dist/vega/{p-31c88532.entry.js → p-21b34b8b.entry.js} +1 -1
- package/dist/vega/{p-058f2c79.entry.js → p-2796fa10.entry.js} +1 -1
- package/dist/vega/{p-d924d6d4.entry.js → p-2aba65ab.entry.js} +1 -1
- package/dist/vega/{p-150f8194.entry.js → p-3291b8f9.entry.js} +1 -1
- package/dist/vega/{p-8bc506e0.entry.js → p-359e08ea.entry.js} +1 -1
- package/dist/vega/{p-c5ddea92.entry.js → p-391d6370.entry.js} +1 -1
- package/dist/vega/{p-5e38f071.entry.js → p-3c236410.entry.js} +1 -1
- package/dist/vega/p-40c77aa8.entry.js +1 -0
- package/dist/vega/{p-3bcd66e9.entry.js → p-4e9df296.entry.js} +1 -1
- package/dist/vega/{p-eb87d418.entry.js → p-4f3cce8d.entry.js} +1 -1
- package/dist/vega/{p-1edaa1cc.entry.js → p-54be441e.entry.js} +1 -1
- package/dist/vega/{p-265f6155.entry.js → p-5558ab9c.entry.js} +1 -1
- package/dist/vega/{p-3fcf766c.entry.js → p-5dbf9c42.entry.js} +1 -1
- package/dist/vega/p-5f377954.js +1 -1
- package/dist/vega/{p-eac0f7ff.js → p-5f5bfd9c.js} +1 -1
- package/dist/vega/{p-91ec1b58.entry.js → p-6465cb2d.entry.js} +1 -1
- package/dist/vega/{p-9721f1ea.entry.js → p-758e6e80.entry.js} +1 -1
- package/dist/vega/{p-e3d6e626.entry.js → p-759137be.entry.js} +1 -1
- package/dist/vega/{p-a194988c.entry.js → p-7644a589.entry.js} +1 -1
- package/dist/vega/{p-1538cafa.entry.js → p-765469bf.entry.js} +1 -1
- package/dist/vega/p-7f9e7ca2.js +1 -0
- package/dist/vega/{p-607ba0e0.entry.js → p-8de75077.entry.js} +1 -1
- package/dist/vega/{p-251315ac.entry.js → p-8fe6ded4.entry.js} +1 -1
- package/dist/vega/{p-ac91b1b5.entry.js → p-944fb238.entry.js} +1 -1
- package/dist/vega/{p-9fdb3ef8.js → p-99289273.js} +1 -1
- package/dist/vega/{p-2940fa99.entry.js → p-a22c9906.entry.js} +1 -1
- package/dist/vega/p-a34d2aab.entry.js +1 -0
- package/dist/vega/{p-56926f06.entry.js → p-a37f9db6.entry.js} +1 -1
- package/dist/vega/{p-3c235627.entry.js → p-a53359f4.entry.js} +1 -1
- package/dist/vega/p-a7abd309.entry.js +1 -0
- package/dist/vega/{p-b845ea28.js → p-ad86f6da.js} +1 -1
- package/dist/vega/{p-15d40cb5.entry.js → p-b1bc88d7.entry.js} +1 -1
- package/dist/vega/{p-60e678ea.entry.js → p-c838c746.entry.js} +1 -1
- package/dist/vega/{p-b82b01fa.entry.js → p-c8f159d9.entry.js} +1 -1
- package/dist/vega/{p-c76024af.entry.js → p-ca6ef342.entry.js} +1 -1
- package/dist/vega/{p-e3820e5b.js → p-cd53bde4.js} +1 -1
- package/dist/vega/p-cda9bca2.js +1 -0
- package/dist/vega/{p-8f6c028b.entry.js → p-cdc7d8cf.entry.js} +1 -1
- package/dist/vega/{p-c531d2f3.js → p-d2e11032.js} +1 -1
- package/dist/vega/{p-ffe7cf8b.entry.js → p-dd63dbae.entry.js} +1 -1
- package/dist/vega/p-e437c58a.entry.js +1 -0
- package/dist/vega/{p-ca52f952.entry.js → p-eaa6417d.entry.js} +1 -1
- package/dist/vega/{p-15d7a049.js → p-f0e9c75e.js} +1 -1
- package/dist/vega/{p-d13704a2.entry.js → p-f4fd6f84.entry.js} +1 -1
- package/dist/vega/{p-da6d71ed.entry.js → p-fb48539c.entry.js} +1 -1
- package/dist/vega/{p-6008c0c0.entry.js → p-ffca3a50.entry.js} +1 -1
- package/dist/vega/vega.esm.js +1 -1
- package/package.json +1 -1
- package/dist/vega/p-1b6a38ab.js +0 -1
- package/dist/vega/p-31ba6562.entry.js +0 -1
- package/dist/vega/p-76076b46.js +0 -1
- package/dist/vega/p-7e1e319d.entry.js +0 -1
- package/dist/vega/p-c89c01b4.entry.js +0 -1
- package/dist/vega/p-d920b18c.js +0 -1
- package/dist/vega/p-e44c5f70.entry.js +0 -1
- package/dist/vega/p-f4931a1f.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as t,r as e,c as i,H as s,g as o}from"./p-1c298d5a.js";import{s as r}from"./p-9b797118.js";import{c as a,V as n,M as p,I as l}from"./p-6e1ab235.js";import{V as c,I as h}from"./p-4387d550.js";import{D as f}from"./p-59c9de55.js";import{f as m}from"./p-c8408c13.js";import{C as d}from"./p-179887da.js";import{c as u}from"./p-c8f914d2.js";import{b as v}from"./p-a247e073.js";import{C as
|
|
1
|
+
import{h as t,r as e,c as i,H as s,g as o}from"./p-1c298d5a.js";import{s as r}from"./p-9b797118.js";import{c as a,V as n,M as p,I as l}from"./p-6e1ab235.js";import{V as c,I as h}from"./p-4387d550.js";import{D as f}from"./p-59c9de55.js";import{f as m}from"./p-c8408c13.js";import{C as d}from"./p-179887da.js";import{c as u}from"./p-c8f914d2.js";import{b as v}from"./p-a247e073.js";import{C as j}from"./p-2d0d575f.js";import{K as b}from"./p-80c86d79.js";import{c as w,b as x}from"./p-262ec334.js";import{F as y}from"./p-cd53bde4.js";import{R}from"./p-280cbcdb.js";import{c as C}from"./p-c66b55f8.js";import"./p-bf953152.js";import"./p-619fdde5.js";import"./p-5f377954.js";import"./p-1e940ce8.js";import"./p-7a40e033.js";import"./p-112455b1.js";import"./p-6a334573.js";import"./p-2e65e175.js";import"./p-0bb29d98.js";import"./p-37b05e0b.js";import"./p-e06361df.js";import"./p-02603c02.js";import"./p-c0291e2e.js";import"./p-74168615.js";import"./p-ed45b3b6.js";import"./p-abd7aeaa.js";import"./p-987fbbd0.js";import"./p-b5f5a5e0.js";import"./p-3647d61d.js";var g=function(t,e,i,s){var o,r=arguments.length,a=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,s);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(a=(r<3?o(a):r>3?o(e,i,a):o(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};class I extends n{constructor(){super(...arguments),this.onInputChange=t=>{this.valueController.updateValue(t.detail)}}getInputRef(){return this.vegaInputRef.shadowRoot.querySelector("input")}getContainerRef(){return this.vegaInputRef.shadowRoot.querySelector(".vega-input-container")}render(){const e={thousandComma:this.thousandComma};return this.integerOnly&&(e.precision=0),t("vega-input",{value:this.value||"",showClearIcon:!0,disabled:this.disabled,label:this.label,hint:this.hint,required:this.required,type:"number",placeholder:this.placeholder,size:"small"===this.size?"small":"default",prefixIcon:this.prefixIcon,ref:t=>{this.vegaInputRef=t,f.addUniqueObserverToNode(t,m,(t=>this.onInputChange(t)))},maskConfig:{type:"number",options:e}})}}g([a()],I.prototype,"prefixIcon",void 0),g([a()],I.prototype,"value",void 0),g([a()],I.prototype,"size",void 0),g([a()],I.prototype,"disabled",void 0),g([a()],I.prototype,"placeholder",void 0),g([a()],I.prototype,"label",void 0),g([a()],I.prototype,"hint",void 0),g([a()],I.prototype,"required",void 0),g([a()],I.prototype,"thousandComma",void 0),g([a()],I.prototype,"integerOnly",void 0),g([a()],I.prototype,"valueController",void 0);var T=function(t,e,i,s){var o,r=arguments.length,a=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,s);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(a=(r<3?o(a):r>3?o(e,i,a):o(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};class V extends n{watchValue(){this.changeEventEmitter.emit(this.value),j.notify(v,{host:this.host,detail:this.value})}updateValue(t){this.value=t}}T([a()],V.prototype,"host",void 0),T([a({writable:!0})],V.prototype,"value",void 0),T([a()],V.prototype,"changeEventEmitter",void 0),T([p("watchValue")],V.prototype,"watchValue",null);var S=function(t,e,i,s){var o,r=arguments.length,a=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,s);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(a=(r<3?o(a):r>3?o(e,i,a):o(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};class O extends b{constructor(){super((t=>[{keyCode:["ArrowUp","ArrowDown"],activeElementInScope:[t.host],callback:t.onArrowUpOrDown},{keyCode:["ArrowUp"],eventName:"keydown",activeElementInScope:[t.host],callback:t=>{t.preventDefault()}}])),this.onArrowUpOrDown=t=>{const e=t.shiftKey?this.majorIncrement:this.minorIncrement,i=w(this.value.replace(/,/g,""))||0,s=Math.max(x(i),x(e));"ArrowUp"===t.code?this.valueController.updateValue(`${(i+e).toFixed(s)}`):"ArrowDown"===t.code&&this.valueController.updateValue(`${(i-e).toFixed(s)}`)}}}S([a()],O.prototype,"host",void 0),S([a()],O.prototype,"value",void 0),S([a()],O.prototype,"minorIncrement",void 0),S([a()],O.prototype,"majorIncrement",void 0),S([a()],O.prototype,"valueController",void 0);var k=function(t,e,i,s){var o,r=arguments.length,a=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,s);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(a=(r<3?o(a):r>3?o(e,i,a):o(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};const E=class{constructor(t){e(this,t),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.valueController=new V,this.keyboardController=new O,this.renderer=new I,this.changeEventEmitter=u(E,m),this.inputEventPrevent=new d([m],(()=>this.host),{useCapture:!0}),this.formFieldController=new y({propertyRules:[{propertyName:"required",ruleFactory:t=>t?new R:null}],validationRulesName:"validationRules",inputContainerGetter:()=>this.renderer.getContainerRef(),touchableAreaGetter:()=>[this.renderer.getInputRef()],defaultValue:"",attributeGetter:t=>this[t]}),this.prefixTextNotifySlimmer=C(E,"prefixText","watchPrefixText"),this.suffixTextNotifySlimmer=C(E,"suffixText","watchSuffixText"),this.isCompactInputWidthNotifySlimmer=C(E,"isCompactInputWidth"),this.vegaComponentUsageRuntimeMetricsSlimmer=new c,this.isCompactInputWidth=!0,this.prefixText="",this.value="",this.size="medium",this.thousandComma=!1,this.integerOnly=!1,this.disabled=!1,this.minorIncrement=1,this.majorIncrement=10,this.label="",this.validationRules=[],this.isValid=null,this.autoValidation=!0}watchPrefixText(){}watchSuffixText(){}watchValue(){}watchValidationRules(){}render(){return r(t(s,null,this.renderer.render()),this.host)}get host(){return o(this)}static get watchers(){return{prefixText:["watchPrefixText"],suffixText:["watchSuffixText"],value:["watchValue"],validationRules:["watchValidationRules"]}}};k([h()],E.prototype,"globalSlimmers",void 0),k([l()],E.prototype,"valueController",void 0),k([l()],E.prototype,"keyboardController",void 0),k([l()],E.prototype,"renderer",void 0),k([l()],E.prototype,"changeEventEmitter",void 0),k([l()],E.prototype,"inputEventPrevent",void 0),k([l()],E.prototype,"formFieldController",void 0),k([l()],E.prototype,"prefixTextNotifySlimmer",void 0),k([l()],E.prototype,"suffixTextNotifySlimmer",void 0),k([l()],E.prototype,"isCompactInputWidthNotifySlimmer",void 0),k([l()],E.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),E.style=":host{display:inline-block;width:100%}";export{E as vega_input_numeric}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,H as t,r as i,c as s,g as o}from"./p-1c298d5a.js";import{R as r}from"./p-280cbcdb.js";import{s as n}from"./p-9b797118.js";import{P as a,g as l}from"./p-c0291e2e.js";import{c as p,V as d,M as h,L as c,I as v}from"./p-6e1ab235.js";import{a as f}from"./p-bf953152.js";import{R as g}from"./p-c531d2f3.js";import{V as u,I as m}from"./p-4387d550.js";import{D as x}from"./p-59c9de55.js";import{m as b,n as w,b as y,o as j,p as I,f as S,l as R,C as D,D as z}from"./p-c8408c13.js";import{e as O,g as C}from"./p-e06361df.js";import{i as E}from"./p-3647d61d.js";import{C as L}from"./p-2d0d575f.js";import{b as T}from"./p-a247e073.js";import{c as V}from"./p-86194314.js";import{c as k}from"./p-1ec763ab.js";import{c as A}from"./p-613ddaab.js";import{V as _}from"./p-b54328c6.js";import{F as N}from"./p-e3820e5b.js";import{c as G}from"./p-c8f914d2.js";import{C as P}from"./p-179887da.js";import{N as U,P as F}from"./p-b1f65b13.js";import{M as K}from"./p-987fbbd0.js";import{T as M}from"./p-b5f5a5e0.js";import{T as q}from"./p-b129beb6.js";import"./p-abd7aeaa.js";import"./p-74168615.js";import"./p-ed45b3b6.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-5f377954.js";import"./p-f1e0e7d4.js";import"./p-37b05e0b.js";import"./p-6a334573.js";import"./p-619fdde5.js";import"./p-1e940ce8.js";import"./p-7a40e033.js";import"./p-112455b1.js";import"./p-76076b46.js";import"./p-cc63e827.js";import"./p-0fd6c35b.js";import"./p-d920b18c.js";import"./p-0bb29d98.js";import"./p-3a0a4d15.js";import"./p-d884c644.js";var B=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class H extends d{constructor(){super(...arguments),this.renderLabel=()=>this.label&&e("div",{class:"vega-input-select-label"},e("span",null,this.label),this.required&&e("span",{class:"vega-input-select-required"},"*")),this.renderErrorMessage=()=>e("div",{class:"vega-input-select-error-message"}),this.renderHelpMessage=()=>e("div",{class:"vega-input-select-hint"},this.hint)}render(){return e(t,{class:f([this.disabled?"vega-input-select-disabled":"",g.formatCustom(this.size)])},this.renderLabel(),this.dropdownRenderer.render(),this.renderErrorMessage(),this.hint&&this.renderHelpMessage())}}B([p()],H.prototype,"disabled",void 0),B([p()],H.prototype,"size",void 0),B([p()],H.prototype,"hint",void 0),B([p()],H.prototype,"label",void 0),B([p()],H.prototype,"required",void 0),B([p({componentFieldName:"vegaInputSelectDropdownRenderer"})],H.prototype,"dropdownRenderer",void 0);var W=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class $ extends d{constructor(){super(...arguments),this.onDropdownShow=()=>{this.isDropdownShow=!0},this.onDropdownHide=()=>{this.isDropdownShow=!1}}addDropdownObserver(e){x.addUniqueObserverToNode(e,b,(e=>{this.onDropdownShow(),this.showEventEmitter.emit(e.detail)})),x.addUniqueObserverToNode(e,w,(e=>{this.onDropdownHide(),this.hideEventEmitter.emit(e.detail)})),x.addUniqueObserverToNode(e,y,(async e=>{this.vegaInputSelectValueController.setValue(await e.host.getSelection())})),x.addUniqueObserverToNode(e,j,(e=>{this.searchEventEmitter.emit(e.detail)})),x.addUniqueObserverToNode(e,I,(e=>{this.searchTriggerEventEmitter.emit(e.detail)})),x.addUniqueObserverToNode(e,O,(e=>{const t=Array.from(e).filter((e=>!this.source.find((t=>t.id===e.itemKey)))).map((e=>({id:e.itemKey,displayName:e.label})));this.sourceController.appendSourceItems(t)}))}}W([p({writable:!0})],$.prototype,"isDropdownShow",void 0),W([p()],$.prototype,"vegaSearch",void 0),W([p()],$.prototype,"searchEventEmitter",void 0),W([p()],$.prototype,"searchTriggerEventEmitter",void 0),W([p()],$.prototype,"vegaInputSelectValueController",void 0),W([p()],$.prototype,"sourceController",void 0),W([p()],$.prototype,"source",void 0),W([p()],$.prototype,"showEventEmitter",void 0),W([p()],$.prototype,"hideEventEmitter",void 0);var J=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class Q extends d{constructor(){super(...arguments),this.handleValueChange=(e,t)=>{if("multiple"===this.selectType){t=t;const i=(e=e)?e.filter((e=>this.sourceController.getItem(e))):[];E(i,t,!0)?E(i,e,!0)||this.setValue(i):(this.setValue(i),this.changeEventEmitter.emit(i),L.notify(T,{host:this.host,detail:i}))}else if(e!==t){const t=this.sourceController.getItem(e);this.setValue(t?t.id:""),this.changeEventEmitter.emit(this.value),L.notify(T,{host:this.host,detail:this.value})}}}setValue(e){this.valueGuard(e)&&(this.value=e)}valueGuard(e){switch(this.selectType){case"single":return null===e||"string"==typeof e;case"multiple":return Array.isArray(e)&&e.every((e=>"string"==typeof e));default:return c.warn(`Invalid input select value ${e} for ${this.selectType} mode`),!1}}}J([p({writable:!0})],Q.prototype,"value",void 0),J([p()],Q.prototype,"selectType",void 0),J([p()],Q.prototype,"changeEventEmitter",void 0),J([p()],Q.prototype,"host",void 0),J([p()],Q.prototype,"sourceController",void 0),J([h("watchValue")],Q.prototype,"handleValueChange",void 0);var X=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class Y extends d{constructor(){super(...arguments),this.renderContainer=()=>e("div",{role:"button",class:"vega-input-select-container",ref:e=>this.inputSelectContainer=e,tabIndex:0,onKeyDown:V(),onBlur:this.preventBlur},this.renderPrefixIcon(),this.renderSelectContainer(),this.renderToggleIcon()),this.renderPrefixIcon=()=>this.prefixIcon&&e("div",{class:"vega-input-select-prefix-icon"},e("vega-icon",{icon:this.prefixIcon,size:"size-16"})),this.renderToggleIcon=()=>e("div",{class:"vega-input-select-toggle-icon"},e("vega-icon",{icon:_.getIconKey(this.isDropdownShow?"chevron-up":"chevron-down")})),this.renderSelectContainer=()=>e("div",{class:"vega-input-select-select-container"},e("div",{class:"vega-input-select-selected-box"},"multiple"===this.selectType?this.renderMultipleSelected():this.renderSingleSelected())),this.renderMultipleSelected=()=>this.value.length>0?e("span",{class:"vega-input-select-selected"},this.selectedLabel(this.value)):e("div",{class:"vega-input-select-placeholder"},this.translationSlimmer.t(this.placeholder)),this.renderSingleSelected=()=>{const t=this.sourceController.getItem(this.value);return t?e("span",{class:"vega-input-select-selected"},t.displayName):e("div",{class:"vega-input-select-placeholder"},this.translationSlimmer.t(this.placeholder))},this.getVegaDropdownProperties=()=>Object.assign({searchable:!0,caseSensitive:!1},this.vegaDropdownProps)}show(){return this.dropdown.show()}hide(){return this.dropdown.hide()}getDropdownRef(){return this.dropdown}getInputSelectContainerRef(){return this.inputSelectContainer}getItemsSlotRef(){return this.itemsSlotRef}render(){return e("vega-dropdown",Object.assign({trigger:"click",source:this.getDropdownSource(),selectType:this.selectType,selectedSourceKey:this.value,matchTargetWidth:!0},this.getVegaDropdownProperties(),{ref:e=>{this.dropdown=e,this.vegaInputSelectDropdownController.addDropdownObserver(e)},isLazyLoading:this.isLazyLoading}),this.renderContainer(),this.renderItemsSlot())}renderItemsSlot(){return this.host.querySelector("[slot=items]")&&e("div",{slot:"items",ref:e=>{this.itemsSlotRef=e}})}preventBlur(e){e.stopImmediatePropagation()}getDropdownSource(){return this.source.map((e=>({key:e.id,label:e.displayName})))}}_.register({"chevron-up":k,"chevron-down":A}),X([p()],Y.prototype,"value",void 0),X([p()],Y.prototype,"source",void 0),X([p()],Y.prototype,"host",void 0),X([p()],Y.prototype,"selectType",void 0),X([p()],Y.prototype,"isDropdownShow",void 0),X([p()],Y.prototype,"vegaDropdownProps",void 0),X([p()],Y.prototype,"prefixIcon",void 0),X([p()],Y.prototype,"placeholder",void 0),X([p()],Y.prototype,"selectedLabel",void 0),X([p()],Y.prototype,"isLazyLoading",void 0),X([p()],Y.prototype,"vegaInputSelectDropdownController",void 0),X([p()],Y.prototype,"sourceController",void 0),X([p()],Y.prototype,"translationSlimmer",void 0);var Z=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class ee extends d{constructor(){super(...arguments),this.hasMore=!0}componentDidLoad(){const e=this.getVirtualScroll();e&&x.addUniqueObserverToNode(e,C,this.onScrollToBottom.bind(this))}getVirtualScroll(){var e,t,i;return null===(i=null===(t=null===(e=this.vegaInputSelectDropdownRenderer.getDropdownRef().shadowRoot)||void 0===e?void 0:e.querySelector("vega-dropdown-content-box"))||void 0===t?void 0:t.shadowRoot)||void 0===i?void 0:i.querySelector("vega-virtual-scroll")}async onScrollToBottom(e){if(this.sourceLazyLoadCallback&&this.hasMore){this.isLazyLoading=!0;const t=await this.sourceLazyLoadCallback(e.endIndex);this.hasMore=t.hasMore,t.items.length>0&&this.sourceController.appendSourceItems(t.items),this.isLazyLoading=!1}}}Z([p()],ee.prototype,"sourceLazyLoadCallback",void 0),Z([p({writable:!0})],ee.prototype,"isLazyLoading",void 0),Z([p()],ee.prototype,"sourceController",void 0),Z([p()],ee.prototype,"vegaInputSelectDropdownRenderer",void 0),Z([h("componentDidLoad")],ee.prototype,"componentDidLoad",null);const te=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Specifies whether the system should automatically carry out validation checks on the user's selection in real-time, ensuring that the input adheres to predefined criteria before submission or proceeding further",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Specifies whether the system should automatically carry out validation checks on the user's selection in real-time, ensuring that the input adheres to predefined criteria before submission or proceeding further",payloadValue:e=>!1===e.autoValidation},{payloadKey:"IS_USING_TEMPLATE",payloadDescription:"Contains the data records to be rendered and displayed within the input select",payloadValue:e=>0===e.source.length},{payloadKey:"IS_USING_DATA_SOURCE",payloadDescription:"Contains the data records to be rendered and displayed within the input select",payloadValue:e=>e.source.length>0}];var ie=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class se extends d{constructor(){super(...arguments),this.handleSourceChange=()=>{this.source=U(this.source,F)?this.source:[]}}appendSourceItems(e){this.source=[...this.source,...e]}getItem(e){return this.source.find((t=>t.id===e))}}ie([p({writable:!0})],se.prototype,"source",void 0),ie([h("watchSource")],se.prototype,"handleSourceChange",void 0);var oe=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class re extends d{constructor(){super(...arguments),this.mutationObserver=new K({mutationFilter:M("VEGA-DROPDOWN-ITEM"),options:{childList:!0,subtree:!0},callback:()=>this.appendHostItemsToDropdown()})}componentDidLoad(){this.appendHostItemsToDropdown()}appendHostItemsToDropdown(){const e=this.host.querySelector("[slot=items]"),t=this.vegaInputSelectDropdownRenderer.getItemsSlotRef();e&&t&&(t.remove(),this.vegaInputSelectDropdownRenderer.getDropdownRef().append(e))}}oe([v()],re.prototype,"mutationObserver",void 0),oe([p()],re.prototype,"host",void 0),oe([p()],re.prototype,"vegaInputSelectDropdownRenderer",void 0),oe([h("componentDidLoad")],re.prototype,"componentDidLoad",null);var ne=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const ae=class{constructor(e){i(this,e),this.vegaChange=s(this,"vegaChange",7),this.change=s(this,"change",7),this.vegaSearch=s(this,"vegaSearch",7),this.search=s(this,"search",7),this.vegaSearchTrigger=s(this,"vegaSearchTrigger",7),this.searchTrigger=s(this,"searchTrigger",7),this.vegaShow=s(this,"vegaShow",7),this.vegaHide=s(this,"vegaHide",7),this.globalSlimmers={},this.translationSlimmer=new q,this.sourceController=new se,this.vegaInputSelectRenderer=new H,this.vegaInputSelectDropdownController=new $,this.vegaInputSelectValueController=new Q,this.vegaInputSelectDropdownRenderer=new Y,this.vegaInputSelectItemsSlotController=new re,this.formFieldControllerSlimmer=new N({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new r:null}],validationRulesName:"validationRules",defaultValue:e=>"multiple"===e.selectType?[]:"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.vegaInputSelectDropdownRenderer.getDropdownRef(),touchableAreaGetter:()=>[this.vegaInputSelectDropdownRenderer.getInputSelectContainerRef()]}),this.pageResizeObserverSlimmer=new a,this.lazyLoadController=new ee,this.changeEventEmitter=G(ae,S),this.searchEventEmitter=G(ae,R),this.searchTriggerEventEmitter=G(ae,I),this.showEventEmitter=G(ae,D),this.hideEventEmitter=G(ae,z),this.eventPrevent=new P([R,I,D,z],(()=>this.host),!0),this.vegaComponentUsageRuntimeMetricsSlimmer=new u(te),this.isDropdownShow=!1,this.currentBreakpoint=l(),this.isLazyLoading=!1,this.label="",this.required=!1,this.selectedLabel=e=>`${e.length} Selected`,this.selectType="single",this.source=[],this.value="multiple"===this.selectType?[]:"",this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.disabled=!1,this.placeholder="Please select",this.vegaDropdownProps={},this.size="default"}watchSource(){}watchValue(e,t){}watchValidationRules(){}componentWillLoad(){}async doClose(){await this.vegaInputSelectDropdownRenderer.hide()}async doOpen(){await this.vegaInputSelectDropdownRenderer.show()}async doChange(e){this.vegaInputSelectValueController.setValue(e)}render(){return n(this.vegaInputSelectRenderer.render(),this.host)}get host(){return o(this)}static get watchers(){return{source:["watchSource"],value:["watchValue"],validationRules:["watchValidationRules"]}}};ne([m()],ae.prototype,"globalSlimmers",void 0),ne([v()],ae.prototype,"translationSlimmer",void 0),ne([v()],ae.prototype,"sourceController",void 0),ne([v()],ae.prototype,"vegaInputSelectRenderer",void 0),ne([v()],ae.prototype,"vegaInputSelectDropdownController",void 0),ne([v()],ae.prototype,"vegaInputSelectValueController",void 0),ne([v()],ae.prototype,"vegaInputSelectDropdownRenderer",void 0),ne([v()],ae.prototype,"vegaInputSelectItemsSlotController",void 0),ne([v()],ae.prototype,"formFieldControllerSlimmer",void 0),ne([v()],ae.prototype,"pageResizeObserverSlimmer",void 0),ne([v()],ae.prototype,"lazyLoadController",void 0),ne([v()],ae.prototype,"changeEventEmitter",void 0),ne([v()],ae.prototype,"searchEventEmitter",void 0),ne([v()],ae.prototype,"searchTriggerEventEmitter",void 0),ne([v()],ae.prototype,"showEventEmitter",void 0),ne([v()],ae.prototype,"hideEventEmitter",void 0),ne([v()],ae.prototype,"eventPrevent",void 0),ne([v()],ae.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),ae.style=':host{display:inline-block;width:100%;min-width:0px;text-align:left;line-height:normal}:host(.default) .vega-input-select-container{padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px}:host(.small) .vega-input-select-container{padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px}:host .vega-input-select-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));padding-bottom:8px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-label{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){:host .vega-input-select-label{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){:host .vega-input-select-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-input-select-label .vega-input-select-required{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}:host .vega-input-select-container{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:8px;gap:8px;display:block;display:flex;align-items:center;cursor:pointer}:host .vega-input-select-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host .vega-input-select-container:focus{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}:host .error .vega-input-select-container{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .error .vega-input-select-container:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .error .vega-input-select-container:focus{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}:host(.vega-input-select-disabled) .vega-input-select-label{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host(.vega-input-select-disabled) vega-dropdown{pointer-events:none}:host(.vega-input-select-disabled) .vega-input-select-container{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));--tw-shadow:0 0 #0000;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px}:host(.vega-input-select-disabled) .vega-input-select-container:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.vega-input-select-disabled) vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-input-select-select-container{flex-grow:1;min-width:0px}:host .vega-input-select-selected{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));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;min-height:24px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-selected{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-input-select-selected{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-input-select-selected{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host(.vega-input-select-disabled) .vega-input-select-selected{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host .vega-input-select-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));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:24px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-placeholder{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-input-select-placeholder{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-input-select-placeholder{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-input-select-prefix-icon{text-align:center;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));font-size:0px}:host .vega-input-select-toggle-icon{width:16px;height:16px;color:rgba(var(--v-text-link, 19, 98, 226, 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-hidden{display:none}:host .vega-input-select-hint{padding-left:8px;padding-right:8px;padding-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-select-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-select-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host vega-dropdown{display:block}';export{ae as vega_input_select}
|
|
1
|
+
import{h as e,H as t,r as i,c as s,g as o}from"./p-1c298d5a.js";import{R as r}from"./p-280cbcdb.js";import{s as n}from"./p-9b797118.js";import{P as a,g as l}from"./p-c0291e2e.js";import{c as p,V as d,M as h,L as c,I as v}from"./p-6e1ab235.js";import{a as f}from"./p-bf953152.js";import{R as g}from"./p-d2e11032.js";import{V as u,I as m}from"./p-4387d550.js";import{D as x}from"./p-59c9de55.js";import{m as b,n as w,b as y,o as j,p as I,f as S,l as R,C as D,D as z}from"./p-c8408c13.js";import{e as O,g as C}from"./p-e06361df.js";import{i as E}from"./p-3647d61d.js";import{C as L}from"./p-2d0d575f.js";import{b as T}from"./p-a247e073.js";import{c as V}from"./p-86194314.js";import{c as k}from"./p-1ec763ab.js";import{c as A}from"./p-613ddaab.js";import{V as _}from"./p-b54328c6.js";import{F as N}from"./p-cd53bde4.js";import{c as G}from"./p-c8f914d2.js";import{C as P}from"./p-179887da.js";import{N as U,P as F}from"./p-b1f65b13.js";import{M as K}from"./p-987fbbd0.js";import{T as M}from"./p-b5f5a5e0.js";import{T as q}from"./p-12a10bdf.js";import"./p-abd7aeaa.js";import"./p-74168615.js";import"./p-ed45b3b6.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-5f377954.js";import"./p-f1e0e7d4.js";import"./p-37b05e0b.js";import"./p-6a334573.js";import"./p-619fdde5.js";import"./p-1e940ce8.js";import"./p-7a40e033.js";import"./p-112455b1.js";import"./p-01d4c679.js";import"./p-cc63e827.js";import"./p-0fd6c35b.js";import"./p-02603c02.js";import"./p-0bb29d98.js";import"./p-3a0a4d15.js";import"./p-d884c644.js";var B=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class H extends d{constructor(){super(...arguments),this.renderLabel=()=>this.label&&e("div",{class:"vega-input-select-label"},e("span",null,this.label),this.required&&e("span",{class:"vega-input-select-required"},"*")),this.renderErrorMessage=()=>e("div",{class:"vega-input-select-error-message"}),this.renderHelpMessage=()=>e("div",{class:"vega-input-select-hint"},this.hint)}render(){return e(t,{class:f([this.disabled?"vega-input-select-disabled":"",g.formatCustom(this.size)])},this.renderLabel(),this.dropdownRenderer.render(),this.renderErrorMessage(),this.hint&&this.renderHelpMessage())}}B([p()],H.prototype,"disabled",void 0),B([p()],H.prototype,"size",void 0),B([p()],H.prototype,"hint",void 0),B([p()],H.prototype,"label",void 0),B([p()],H.prototype,"required",void 0),B([p({componentFieldName:"vegaInputSelectDropdownRenderer"})],H.prototype,"dropdownRenderer",void 0);var W=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class $ extends d{constructor(){super(...arguments),this.onDropdownShow=()=>{this.isDropdownShow=!0},this.onDropdownHide=()=>{this.isDropdownShow=!1}}addDropdownObserver(e){x.addUniqueObserverToNode(e,b,(e=>{this.onDropdownShow(),this.showEventEmitter.emit(e.detail)})),x.addUniqueObserverToNode(e,w,(e=>{this.onDropdownHide(),this.hideEventEmitter.emit(e.detail)})),x.addUniqueObserverToNode(e,y,(async e=>{this.vegaInputSelectValueController.setValue(await e.host.getSelection())})),x.addUniqueObserverToNode(e,j,(e=>{this.searchEventEmitter.emit(e.detail)})),x.addUniqueObserverToNode(e,I,(e=>{this.searchTriggerEventEmitter.emit(e.detail)})),x.addUniqueObserverToNode(e,O,(e=>{const t=Array.from(e).filter((e=>!this.source.find((t=>t.id===e.itemKey)))).map((e=>({id:e.itemKey,displayName:e.label})));this.sourceController.appendSourceItems(t)}))}}W([p({writable:!0})],$.prototype,"isDropdownShow",void 0),W([p()],$.prototype,"vegaSearch",void 0),W([p()],$.prototype,"searchEventEmitter",void 0),W([p()],$.prototype,"searchTriggerEventEmitter",void 0),W([p()],$.prototype,"vegaInputSelectValueController",void 0),W([p()],$.prototype,"sourceController",void 0),W([p()],$.prototype,"source",void 0),W([p()],$.prototype,"showEventEmitter",void 0),W([p()],$.prototype,"hideEventEmitter",void 0);var J=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class Q extends d{constructor(){super(...arguments),this.handleValueChange=(e,t)=>{if("multiple"===this.selectType){t=t;const i=(e=e)?e.filter((e=>this.sourceController.getItem(e))):[];E(i,t,!0)?E(i,e,!0)||this.setValue(i):(this.setValue(i),this.changeEventEmitter.emit(i),L.notify(T,{host:this.host,detail:i}))}else if(e!==t){const t=this.sourceController.getItem(e);this.setValue(t?t.id:""),this.changeEventEmitter.emit(this.value),L.notify(T,{host:this.host,detail:this.value})}}}setValue(e){this.valueGuard(e)&&(this.value=e)}valueGuard(e){switch(this.selectType){case"single":return null===e||"string"==typeof e;case"multiple":return Array.isArray(e)&&e.every((e=>"string"==typeof e));default:return c.warn(`Invalid input select value ${e} for ${this.selectType} mode`),!1}}}J([p({writable:!0})],Q.prototype,"value",void 0),J([p()],Q.prototype,"selectType",void 0),J([p()],Q.prototype,"changeEventEmitter",void 0),J([p()],Q.prototype,"host",void 0),J([p()],Q.prototype,"sourceController",void 0),J([h("watchValue")],Q.prototype,"handleValueChange",void 0);var X=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class Y extends d{constructor(){super(...arguments),this.renderContainer=()=>e("div",{role:"button",class:"vega-input-select-container",ref:e=>this.inputSelectContainer=e,tabIndex:0,onKeyDown:V(),onBlur:this.preventBlur},this.renderPrefixIcon(),this.renderSelectContainer(),this.renderToggleIcon()),this.renderPrefixIcon=()=>this.prefixIcon&&e("div",{class:"vega-input-select-prefix-icon"},e("vega-icon",{icon:this.prefixIcon,size:"size-16"})),this.renderToggleIcon=()=>e("div",{class:"vega-input-select-toggle-icon"},e("vega-icon",{icon:_.getIconKey(this.isDropdownShow?"chevron-up":"chevron-down")})),this.renderSelectContainer=()=>e("div",{class:"vega-input-select-select-container"},e("div",{class:"vega-input-select-selected-box"},"multiple"===this.selectType?this.renderMultipleSelected():this.renderSingleSelected())),this.renderMultipleSelected=()=>this.value.length>0?e("span",{class:"vega-input-select-selected"},this.selectedLabel(this.value)):e("div",{class:"vega-input-select-placeholder"},this.translationSlimmer.t(this.placeholder)),this.renderSingleSelected=()=>{const t=this.sourceController.getItem(this.value);return t?e("span",{class:"vega-input-select-selected"},t.displayName):e("div",{class:"vega-input-select-placeholder"},this.translationSlimmer.t(this.placeholder))},this.getVegaDropdownProperties=()=>Object.assign({searchable:!0,caseSensitive:!1},this.vegaDropdownProps)}show(){return this.dropdown.show()}hide(){return this.dropdown.hide()}getDropdownRef(){return this.dropdown}getInputSelectContainerRef(){return this.inputSelectContainer}getItemsSlotRef(){return this.itemsSlotRef}render(){return e("vega-dropdown",Object.assign({trigger:"click",source:this.getDropdownSource(),selectType:this.selectType,selectedSourceKey:this.value,matchTargetWidth:!0},this.getVegaDropdownProperties(),{ref:e=>{this.dropdown=e,this.vegaInputSelectDropdownController.addDropdownObserver(e)},isLazyLoading:this.isLazyLoading}),this.renderContainer(),this.renderItemsSlot())}renderItemsSlot(){return this.host.querySelector("[slot=items]")&&e("div",{slot:"items",ref:e=>{this.itemsSlotRef=e}})}preventBlur(e){e.stopImmediatePropagation()}getDropdownSource(){return this.source.map((e=>({key:e.id,label:e.displayName})))}}_.register({"chevron-up":k,"chevron-down":A}),X([p()],Y.prototype,"value",void 0),X([p()],Y.prototype,"source",void 0),X([p()],Y.prototype,"host",void 0),X([p()],Y.prototype,"selectType",void 0),X([p()],Y.prototype,"isDropdownShow",void 0),X([p()],Y.prototype,"vegaDropdownProps",void 0),X([p()],Y.prototype,"prefixIcon",void 0),X([p()],Y.prototype,"placeholder",void 0),X([p()],Y.prototype,"selectedLabel",void 0),X([p()],Y.prototype,"isLazyLoading",void 0),X([p()],Y.prototype,"vegaInputSelectDropdownController",void 0),X([p()],Y.prototype,"sourceController",void 0),X([p()],Y.prototype,"translationSlimmer",void 0);var Z=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class ee extends d{constructor(){super(...arguments),this.hasMore=!0}componentDidLoad(){const e=this.getVirtualScroll();e&&x.addUniqueObserverToNode(e,C,this.onScrollToBottom.bind(this))}getVirtualScroll(){var e,t,i;return null===(i=null===(t=null===(e=this.vegaInputSelectDropdownRenderer.getDropdownRef().shadowRoot)||void 0===e?void 0:e.querySelector("vega-dropdown-content-box"))||void 0===t?void 0:t.shadowRoot)||void 0===i?void 0:i.querySelector("vega-virtual-scroll")}async onScrollToBottom(e){if(this.sourceLazyLoadCallback&&this.hasMore){this.isLazyLoading=!0;const t=await this.sourceLazyLoadCallback(e.endIndex);this.hasMore=t.hasMore,t.items.length>0&&this.sourceController.appendSourceItems(t.items),this.isLazyLoading=!1}}}Z([p()],ee.prototype,"sourceLazyLoadCallback",void 0),Z([p({writable:!0})],ee.prototype,"isLazyLoading",void 0),Z([p()],ee.prototype,"sourceController",void 0),Z([p()],ee.prototype,"vegaInputSelectDropdownRenderer",void 0),Z([h("componentDidLoad")],ee.prototype,"componentDidLoad",null);const te=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Specifies whether the system should automatically carry out validation checks on the user's selection in real-time, ensuring that the input adheres to predefined criteria before submission or proceeding further",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Specifies whether the system should automatically carry out validation checks on the user's selection in real-time, ensuring that the input adheres to predefined criteria before submission or proceeding further",payloadValue:e=>!1===e.autoValidation},{payloadKey:"IS_USING_TEMPLATE",payloadDescription:"Contains the data records to be rendered and displayed within the input select",payloadValue:e=>0===e.source.length},{payloadKey:"IS_USING_DATA_SOURCE",payloadDescription:"Contains the data records to be rendered and displayed within the input select",payloadValue:e=>e.source.length>0}];var ie=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class se extends d{constructor(){super(...arguments),this.handleSourceChange=()=>{this.source=U(this.source,F)?this.source:[]}}appendSourceItems(e){this.source=[...this.source,...e]}getItem(e){return this.source.find((t=>t.id===e))}}ie([p({writable:!0})],se.prototype,"source",void 0),ie([h("watchSource")],se.prototype,"handleSourceChange",void 0);var oe=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class re extends d{constructor(){super(...arguments),this.mutationObserver=new K({mutationFilter:M("VEGA-DROPDOWN-ITEM"),options:{childList:!0,subtree:!0},callback:()=>this.appendHostItemsToDropdown()})}componentDidLoad(){this.appendHostItemsToDropdown()}appendHostItemsToDropdown(){const e=this.host.querySelector("[slot=items]"),t=this.vegaInputSelectDropdownRenderer.getItemsSlotRef();e&&t&&(t.remove(),this.vegaInputSelectDropdownRenderer.getDropdownRef().append(e))}}oe([v()],re.prototype,"mutationObserver",void 0),oe([p()],re.prototype,"host",void 0),oe([p()],re.prototype,"vegaInputSelectDropdownRenderer",void 0),oe([h("componentDidLoad")],re.prototype,"componentDidLoad",null);var ne=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const ae=class{constructor(e){i(this,e),this.vegaChange=s(this,"vegaChange",7),this.change=s(this,"change",7),this.vegaSearch=s(this,"vegaSearch",7),this.search=s(this,"search",7),this.vegaSearchTrigger=s(this,"vegaSearchTrigger",7),this.searchTrigger=s(this,"searchTrigger",7),this.vegaShow=s(this,"vegaShow",7),this.vegaHide=s(this,"vegaHide",7),this.globalSlimmers={},this.translationSlimmer=new q,this.sourceController=new se,this.vegaInputSelectRenderer=new H,this.vegaInputSelectDropdownController=new $,this.vegaInputSelectValueController=new Q,this.vegaInputSelectDropdownRenderer=new Y,this.vegaInputSelectItemsSlotController=new re,this.formFieldControllerSlimmer=new N({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new r:null}],validationRulesName:"validationRules",defaultValue:e=>"multiple"===e.selectType?[]:"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.vegaInputSelectDropdownRenderer.getDropdownRef(),touchableAreaGetter:()=>[this.vegaInputSelectDropdownRenderer.getInputSelectContainerRef()]}),this.pageResizeObserverSlimmer=new a,this.lazyLoadController=new ee,this.changeEventEmitter=G(ae,S),this.searchEventEmitter=G(ae,R),this.searchTriggerEventEmitter=G(ae,I),this.showEventEmitter=G(ae,D),this.hideEventEmitter=G(ae,z),this.eventPrevent=new P([R,I,D,z],(()=>this.host),!0),this.vegaComponentUsageRuntimeMetricsSlimmer=new u(te),this.isDropdownShow=!1,this.currentBreakpoint=l(),this.isLazyLoading=!1,this.label="",this.required=!1,this.selectedLabel=e=>`${e.length} Selected`,this.selectType="single",this.source=[],this.value="multiple"===this.selectType?[]:"",this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.disabled=!1,this.placeholder="Please select",this.vegaDropdownProps={},this.size="default"}watchSource(){}watchValue(e,t){}watchValidationRules(){}componentWillLoad(){}async doClose(){await this.vegaInputSelectDropdownRenderer.hide()}async doOpen(){await this.vegaInputSelectDropdownRenderer.show()}async doChange(e){this.vegaInputSelectValueController.setValue(e)}render(){return n(this.vegaInputSelectRenderer.render(),this.host)}get host(){return o(this)}static get watchers(){return{source:["watchSource"],value:["watchValue"],validationRules:["watchValidationRules"]}}};ne([m()],ae.prototype,"globalSlimmers",void 0),ne([v()],ae.prototype,"translationSlimmer",void 0),ne([v()],ae.prototype,"sourceController",void 0),ne([v()],ae.prototype,"vegaInputSelectRenderer",void 0),ne([v()],ae.prototype,"vegaInputSelectDropdownController",void 0),ne([v()],ae.prototype,"vegaInputSelectValueController",void 0),ne([v()],ae.prototype,"vegaInputSelectDropdownRenderer",void 0),ne([v()],ae.prototype,"vegaInputSelectItemsSlotController",void 0),ne([v()],ae.prototype,"formFieldControllerSlimmer",void 0),ne([v()],ae.prototype,"pageResizeObserverSlimmer",void 0),ne([v()],ae.prototype,"lazyLoadController",void 0),ne([v()],ae.prototype,"changeEventEmitter",void 0),ne([v()],ae.prototype,"searchEventEmitter",void 0),ne([v()],ae.prototype,"searchTriggerEventEmitter",void 0),ne([v()],ae.prototype,"showEventEmitter",void 0),ne([v()],ae.prototype,"hideEventEmitter",void 0),ne([v()],ae.prototype,"eventPrevent",void 0),ne([v()],ae.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),ae.style=':host{display:inline-block;width:100%;min-width:0px;text-align:left;line-height:normal}:host(.default) .vega-input-select-container{padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px}:host(.small) .vega-input-select-container{padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px}:host .vega-input-select-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));padding-bottom:8px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-label{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){:host .vega-input-select-label{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){:host .vega-input-select-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-input-select-label .vega-input-select-required{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}:host .vega-input-select-container{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:8px;gap:8px;display:block;display:flex;align-items:center;cursor:pointer}:host .vega-input-select-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host .vega-input-select-container:focus{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}:host .error .vega-input-select-container{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .error .vega-input-select-container:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .error .vega-input-select-container:focus{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}:host(.vega-input-select-disabled) .vega-input-select-label{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host(.vega-input-select-disabled) vega-dropdown{pointer-events:none}:host(.vega-input-select-disabled) .vega-input-select-container{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));--tw-shadow:0 0 #0000;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px}:host(.vega-input-select-disabled) .vega-input-select-container:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.vega-input-select-disabled) vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-input-select-select-container{flex-grow:1;min-width:0px}:host .vega-input-select-selected{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));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;min-height:24px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-selected{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-input-select-selected{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-input-select-selected{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host(.vega-input-select-disabled) .vega-input-select-selected{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host .vega-input-select-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));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:24px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-placeholder{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-input-select-placeholder{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-input-select-placeholder{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-input-select-prefix-icon{text-align:center;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));font-size:0px}:host .vega-input-select-toggle-icon{width:16px;height:16px;color:rgba(var(--v-text-link, 19, 98, 226, 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-hidden{display:none}:host .vega-input-select-hint{padding-left:8px;padding-right:8px;padding-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-select-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-select-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host vega-dropdown{display:block}';export{ae as vega_input_select}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as m,h as i,H as s,g as t}from"./p-1c298d5a.js";import{s as e}from"./p-9b797118.js";import{c as v,V as r,I as o}from"./p-6e1ab235.js";import{V as z,I as p}from"./p-4387d550.js";import{R as g}from"./p-c531d2f3.js";import{h as x}from"./p-b1f65b13.js";import{f as a}from"./p-15d7a049.js";import{P as n,g as h}from"./p-c0291e2e.js";import"./p-262ec334.js";import"./p-74168615.js";import"./p-0c667d6a.js";import"./p-ed45b3b6.js";import"./p-3647d61d.js";import"./p-5f377954.js";import"./p-f1e0e7d4.js";import"./p-37b05e0b.js";import"./p-6a334573.js";import"./p-bf953152.js";import"./p-619fdde5.js";import"./p-c8408c13.js";import"./p-1e940ce8.js";import"./p-7a40e033.js";import"./p-112455b1.js";import"./p-76076b46.js";import"./p-2d0d575f.js";import"./p-e06361df.js";import"./p-a247e073.js";import"./p-cc63e827.js";import"./p-0fd6c35b.js";import"./p-d920b18c.js";import"./p-3a0a4d15.js";import"./p-d884c644.js";import"./p-2205ee4c.js";var L=function(m,i,s,t){var e,v=arguments.length,r=v<3?i:null===t?t=Object.getOwnPropertyDescriptor(i,s):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(m,i,s,t);else for(var o=m.length-1;o>=0;o--)(e=m[o])&&(r=(v<3?e(r):v>3?e(i,s,r):e(i,s))||r);return v>3&&r&&Object.defineProperty(i,s,r),r};class l extends r{getSize(){const m={},i=g.formatCustom(this.direction),s=g.formatCustom(this.margin);return"vertical"===i?m.height=`calc(100% - ${this.getDirectionMargin(s,"top")}px - ${this.getDirectionMargin(s,"bottom")}px)`:m.width=`calc(100% - ${this.getDirectionMargin(s,"left")}px - ${this.getDirectionMargin(s,"right")}px)`,m}getDirectionMargin(m,i){const s="string"==typeof m?m:["top","bottom"].includes(i)?m.y||m[i]:m.x||m[i];return s?x[s]:0}}L([v()],l.prototype,"host",void 0),L([v()],l.prototype,"direction",void 0),L([v()],l.prototype,"margin",void 0);var b=function(m,i,s,t){var e,v=arguments.length,r=v<3?i:null===t?t=Object.getOwnPropertyDescriptor(i,s):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(m,i,s,t);else for(var o=m.length-1;o>=0;o--)(e=m[o])&&(r=(v<3?e(r):v>3?e(i,s,r):e(i,s))||r);return v>3&&r&&Object.defineProperty(i,s,r),r};const S=class{constructor(i){m(this,i),this.globalSlimmers={},this.pageResizeObserverSlimmer=new n,this.sizeController=new l,this.vegaComponentUsageRuntimeMetricsSlimmer=new z,this.currentBreakpoint=h(),this.direction="horizontal",this.variant="primary",this.margin="0"}render(){return e(i(s,{class:{[`vega-divider-${g.formatCustom(this.direction)}`]:!0,[`vega-divider-${this.variant}`]:!0,[a(this.margin,"margin")]:!0},style:this.sizeController.getSize()}),this.host)}get host(){return t(this)}};b([p()],S.prototype,"globalSlimmers",void 0),b([o()],S.prototype,"pageResizeObserverSlimmer",void 0),b([o()],S.prototype,"sizeController",void 0),b([o()],S.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),S.style=":host(.v-m-0),.v-m-0{margin:0px}:host(.v-mx-0),.v-mx-0{margin-left:0px;margin-right:0px}:host(.v-my-0),.v-my-0{margin-top:0px;margin-bottom:0px}:host(.v-mt-0),.v-mt-0{margin-top:0px}:host(.v-mb-0),.v-mb-0{margin-bottom:0px}:host(.v-mr-0),.v-mr-0{margin-right:0px}:host(.v-ml-0),.v-ml-0{margin-left:0px}:host(.v-m-size-0),.v-m-size-0{margin:0px}:host(.v-mx-size-0),.v-mx-size-0{margin-left:0px;margin-right:0px}:host(.v-my-size-0),.v-my-size-0{margin-top:0px;margin-bottom:0px}:host(.v-mt-size-0),.v-mt-size-0{margin-top:0px}:host(.v-mb-size-0),.v-mb-size-0{margin-bottom:0px}:host(.v-mr-size-0),.v-mr-size-0{margin-right:0px}:host(.v-ml-size-0),.v-ml-size-0{margin-left:0px}:host(.v-m-size-4),.v-m-size-4{margin:4px}:host(.v-mx-size-4),.v-mx-size-4{margin-left:4px;margin-right:4px}:host(.v-my-size-4),.v-my-size-4{margin-top:4px;margin-bottom:4px}:host(.v-mt-size-4),.v-mt-size-4{margin-top:4px}:host(.v-mb-size-4),.v-mb-size-4{margin-bottom:4px}:host(.v-mr-size-4),.v-mr-size-4{margin-right:4px}:host(.v-ml-size-4),.v-ml-size-4{margin-left:4px}:host(.v-m-size-8),.v-m-size-8{margin:8px}:host(.v-mx-size-8),.v-mx-size-8{margin-left:8px;margin-right:8px}:host(.v-my-size-8),.v-my-size-8{margin-top:8px;margin-bottom:8px}:host(.v-mt-size-8),.v-mt-size-8{margin-top:8px}:host(.v-mb-size-8),.v-mb-size-8{margin-bottom:8px}:host(.v-mr-size-8),.v-mr-size-8{margin-right:8px}:host(.v-ml-size-8),.v-ml-size-8{margin-left:8px}:host(.v-m-size-12),.v-m-size-12{margin:12px}:host(.v-mx-size-12),.v-mx-size-12{margin-left:12px;margin-right:12px}:host(.v-my-size-12),.v-my-size-12{margin-top:12px;margin-bottom:12px}:host(.v-mt-size-12),.v-mt-size-12{margin-top:12px}:host(.v-mb-size-12),.v-mb-size-12{margin-bottom:12px}:host(.v-mr-size-12),.v-mr-size-12{margin-right:12px}:host(.v-ml-size-12),.v-ml-size-12{margin-left:12px}:host(.v-m-size-16),.v-m-size-16{margin:16px}:host(.v-mx-size-16),.v-mx-size-16{margin-left:16px;margin-right:16px}:host(.v-my-size-16),.v-my-size-16{margin-top:16px;margin-bottom:16px}:host(.v-mt-size-16),.v-mt-size-16{margin-top:16px}:host(.v-mb-size-16),.v-mb-size-16{margin-bottom:16px}:host(.v-mr-size-16),.v-mr-size-16{margin-right:16px}:host(.v-ml-size-16),.v-ml-size-16{margin-left:16px}:host(.v-m-size-20),.v-m-size-20{margin:20px}:host(.v-mx-size-20),.v-mx-size-20{margin-left:20px;margin-right:20px}:host(.v-my-size-20),.v-my-size-20{margin-top:20px;margin-bottom:20px}:host(.v-mt-size-20),.v-mt-size-20{margin-top:20px}:host(.v-mb-size-20),.v-mb-size-20{margin-bottom:20px}:host(.v-mr-size-20),.v-mr-size-20{margin-right:20px}:host(.v-ml-size-20),.v-ml-size-20{margin-left:20px}:host(.v-m-size-24),.v-m-size-24{margin:24px}:host(.v-mx-size-24),.v-mx-size-24{margin-left:24px;margin-right:24px}:host(.v-my-size-24),.v-my-size-24{margin-top:24px;margin-bottom:24px}:host(.v-mt-size-24),.v-mt-size-24{margin-top:24px}:host(.v-mb-size-24),.v-mb-size-24{margin-bottom:24px}:host(.v-mr-size-24),.v-mr-size-24{margin-right:24px}:host(.v-ml-size-24),.v-ml-size-24{margin-left:24px}:host(.v-m-size-32),.v-m-size-32{margin:32px}:host(.v-mx-size-32),.v-mx-size-32{margin-left:32px;margin-right:32px}:host(.v-my-size-32),.v-my-size-32{margin-top:32px;margin-bottom:32px}:host(.v-mt-size-32),.v-mt-size-32{margin-top:32px}:host(.v-mb-size-32),.v-mb-size-32{margin-bottom:32px}:host(.v-mr-size-32),.v-mr-size-32{margin-right:32px}:host(.v-ml-size-32),.v-ml-size-32{margin-left:32px}:host(.v-m-size-40),.v-m-size-40{margin:40px}:host(.v-mx-size-40),.v-mx-size-40{margin-left:40px;margin-right:40px}:host(.v-my-size-40),.v-my-size-40{margin-top:40px;margin-bottom:40px}:host(.v-mt-size-40),.v-mt-size-40{margin-top:40px}:host(.v-mb-size-40),.v-mb-size-40{margin-bottom:40px}:host(.v-mr-size-40),.v-mr-size-40{margin-right:40px}:host(.v-ml-size-40),.v-ml-size-40{margin-left:40px}:host(.v-m-size-48),.v-m-size-48{margin:48px}:host(.v-mx-size-48),.v-mx-size-48{margin-left:48px;margin-right:48px}:host(.v-my-size-48),.v-my-size-48{margin-top:48px;margin-bottom:48px}:host(.v-mt-size-48),.v-mt-size-48{margin-top:48px}:host(.v-mb-size-48),.v-mb-size-48{margin-bottom:48px}:host(.v-mr-size-48),.v-mr-size-48{margin-right:48px}:host(.v-ml-size-48),.v-ml-size-48{margin-left:48px}:host(.v-m-size-64),.v-m-size-64{margin:64px}:host(.v-mx-size-64),.v-mx-size-64{margin-left:64px;margin-right:64px}:host(.v-my-size-64),.v-my-size-64{margin-top:64px;margin-bottom:64px}:host(.v-mt-size-64),.v-mt-size-64{margin-top:64px}:host(.v-mb-size-64),.v-mb-size-64{margin-bottom:64px}:host(.v-mr-size-64),.v-mr-size-64{margin-right:64px}:host(.v-ml-size-64),.v-ml-size-64{margin-left:64px}:host(.v-m-size-72),.v-m-size-72{margin:72px}:host(.v-mx-size-72),.v-mx-size-72{margin-left:72px;margin-right:72px}:host(.v-my-size-72),.v-my-size-72{margin-top:72px;margin-bottom:72px}:host(.v-mt-size-72),.v-mt-size-72{margin-top:72px}:host(.v-mb-size-72),.v-mb-size-72{margin-bottom:72px}:host(.v-mr-size-72),.v-mr-size-72{margin-right:72px}:host(.v-ml-size-72),.v-ml-size-72{margin-left:72px}:host(.v-m-size-80),.v-m-size-80{margin:80px}:host(.v-mx-size-80),.v-mx-size-80{margin-left:80px;margin-right:80px}:host(.v-my-size-80),.v-my-size-80{margin-top:80px;margin-bottom:80px}:host(.v-mt-size-80),.v-mt-size-80{margin-top:80px}:host(.v-mb-size-80),.v-mb-size-80{margin-bottom:80px}:host(.v-mr-size-80),.v-mr-size-80{margin-right:80px}:host(.v-ml-size-80),.v-ml-size-80{margin-left:80px}:host(.v-m-size-112),.v-m-size-112{margin:112px}:host(.v-mx-size-112),.v-mx-size-112{margin-left:112px;margin-right:112px}:host(.v-my-size-112),.v-my-size-112{margin-top:112px;margin-bottom:112px}:host(.v-mt-size-112),.v-mt-size-112{margin-top:112px}:host(.v-mb-size-112),.v-mb-size-112{margin-bottom:112px}:host(.v-mr-size-112),.v-mr-size-112{margin-right:112px}:host(.v-ml-size-112),.v-ml-size-112{margin-left:112px}:host(.v-m-size-2),.v-m-size-2{margin:2px}:host(.v-mx-size-2),.v-mx-size-2{margin-left:2px;margin-right:2px}:host(.v-my-size-2),.v-my-size-2{margin-top:2px;margin-bottom:2px}:host(.v-mt-size-2),.v-mt-size-2{margin-top:2px}:host(.v-mb-size-2),.v-mb-size-2{margin-bottom:2px}:host(.v-mr-size-2),.v-mr-size-2{margin-right:2px}:host(.v-ml-size-2),.v-ml-size-2{margin-left:2px}@media (min-width: 320px){:host(.S\\:v-m-0),.S\\:v-m-0{margin:0px}:host(.S\\:v-mx-0),.S\\:v-mx-0{margin-left:0px;margin-right:0px}:host(.S\\:v-my-0),.S\\:v-my-0{margin-top:0px;margin-bottom:0px}:host(.S\\:v-mt-0),.S\\:v-mt-0{margin-top:0px}:host(.S\\:v-mb-0),.S\\:v-mb-0{margin-bottom:0px}:host(.S\\:v-mr-0),.S\\:v-mr-0{margin-right:0px}:host(.S\\:v-ml-0),.S\\:v-ml-0{margin-left:0px}:host(.S\\:v-m-size-0),.S\\:v-m-size-0{margin:0px}:host(.S\\:v-mx-size-0),.S\\:v-mx-size-0{margin-left:0px;margin-right:0px}:host(.S\\:v-my-size-0),.S\\:v-my-size-0{margin-top:0px;margin-bottom:0px}:host(.S\\:v-mt-size-0),.S\\:v-mt-size-0{margin-top:0px}:host(.S\\:v-mb-size-0),.S\\:v-mb-size-0{margin-bottom:0px}:host(.S\\:v-mr-size-0),.S\\:v-mr-size-0{margin-right:0px}:host(.S\\:v-ml-size-0),.S\\:v-ml-size-0{margin-left:0px}:host(.S\\:v-m-size-4),.S\\:v-m-size-4{margin:4px}:host(.S\\:v-mx-size-4),.S\\:v-mx-size-4{margin-left:4px;margin-right:4px}:host(.S\\:v-my-size-4),.S\\:v-my-size-4{margin-top:4px;margin-bottom:4px}:host(.S\\:v-mt-size-4),.S\\:v-mt-size-4{margin-top:4px}:host(.S\\:v-mb-size-4),.S\\:v-mb-size-4{margin-bottom:4px}:host(.S\\:v-mr-size-4),.S\\:v-mr-size-4{margin-right:4px}:host(.S\\:v-ml-size-4),.S\\:v-ml-size-4{margin-left:4px}:host(.S\\:v-m-size-8),.S\\:v-m-size-8{margin:8px}:host(.S\\:v-mx-size-8),.S\\:v-mx-size-8{margin-left:8px;margin-right:8px}:host(.S\\:v-my-size-8),.S\\:v-my-size-8{margin-top:8px;margin-bottom:8px}:host(.S\\:v-mt-size-8),.S\\:v-mt-size-8{margin-top:8px}:host(.S\\:v-mb-size-8),.S\\:v-mb-size-8{margin-bottom:8px}:host(.S\\:v-mr-size-8),.S\\:v-mr-size-8{margin-right:8px}:host(.S\\:v-ml-size-8),.S\\:v-ml-size-8{margin-left:8px}:host(.S\\:v-m-size-12),.S\\:v-m-size-12{margin:12px}:host(.S\\:v-mx-size-12),.S\\:v-mx-size-12{margin-left:12px;margin-right:12px}:host(.S\\:v-my-size-12),.S\\:v-my-size-12{margin-top:12px;margin-bottom:12px}:host(.S\\:v-mt-size-12),.S\\:v-mt-size-12{margin-top:12px}:host(.S\\:v-mb-size-12),.S\\:v-mb-size-12{margin-bottom:12px}:host(.S\\:v-mr-size-12),.S\\:v-mr-size-12{margin-right:12px}:host(.S\\:v-ml-size-12),.S\\:v-ml-size-12{margin-left:12px}:host(.S\\:v-m-size-16),.S\\:v-m-size-16{margin:16px}:host(.S\\:v-mx-size-16),.S\\:v-mx-size-16{margin-left:16px;margin-right:16px}:host(.S\\:v-my-size-16),.S\\:v-my-size-16{margin-top:16px;margin-bottom:16px}:host(.S\\:v-mt-size-16),.S\\:v-mt-size-16{margin-top:16px}:host(.S\\:v-mb-size-16),.S\\:v-mb-size-16{margin-bottom:16px}:host(.S\\:v-mr-size-16),.S\\:v-mr-size-16{margin-right:16px}:host(.S\\:v-ml-size-16),.S\\:v-ml-size-16{margin-left:16px}:host(.S\\:v-m-size-20),.S\\:v-m-size-20{margin:20px}:host(.S\\:v-mx-size-20),.S\\:v-mx-size-20{margin-left:20px;margin-right:20px}:host(.S\\:v-my-size-20),.S\\:v-my-size-20{margin-top:20px;margin-bottom:20px}:host(.S\\:v-mt-size-20),.S\\:v-mt-size-20{margin-top:20px}:host(.S\\:v-mb-size-20),.S\\:v-mb-size-20{margin-bottom:20px}:host(.S\\:v-mr-size-20),.S\\:v-mr-size-20{margin-right:20px}:host(.S\\:v-ml-size-20),.S\\:v-ml-size-20{margin-left:20px}:host(.S\\:v-m-size-24),.S\\:v-m-size-24{margin:24px}:host(.S\\:v-mx-size-24),.S\\:v-mx-size-24{margin-left:24px;margin-right:24px}:host(.S\\:v-my-size-24),.S\\:v-my-size-24{margin-top:24px;margin-bottom:24px}:host(.S\\:v-mt-size-24),.S\\:v-mt-size-24{margin-top:24px}:host(.S\\:v-mb-size-24),.S\\:v-mb-size-24{margin-bottom:24px}:host(.S\\:v-mr-size-24),.S\\:v-mr-size-24{margin-right:24px}:host(.S\\:v-ml-size-24),.S\\:v-ml-size-24{margin-left:24px}:host(.S\\:v-m-size-32),.S\\:v-m-size-32{margin:32px}:host(.S\\:v-mx-size-32),.S\\:v-mx-size-32{margin-left:32px;margin-right:32px}:host(.S\\:v-my-size-32),.S\\:v-my-size-32{margin-top:32px;margin-bottom:32px}:host(.S\\:v-mt-size-32),.S\\:v-mt-size-32{margin-top:32px}:host(.S\\:v-mb-size-32),.S\\:v-mb-size-32{margin-bottom:32px}:host(.S\\:v-mr-size-32),.S\\:v-mr-size-32{margin-right:32px}:host(.S\\:v-ml-size-32),.S\\:v-ml-size-32{margin-left:32px}:host(.S\\:v-m-size-40),.S\\:v-m-size-40{margin:40px}:host(.S\\:v-mx-size-40),.S\\:v-mx-size-40{margin-left:40px;margin-right:40px}:host(.S\\:v-my-size-40),.S\\:v-my-size-40{margin-top:40px;margin-bottom:40px}:host(.S\\:v-mt-size-40),.S\\:v-mt-size-40{margin-top:40px}:host(.S\\:v-mb-size-40),.S\\:v-mb-size-40{margin-bottom:40px}:host(.S\\:v-mr-size-40),.S\\:v-mr-size-40{margin-right:40px}:host(.S\\:v-ml-size-40),.S\\:v-ml-size-40{margin-left:40px}:host(.S\\:v-m-size-48),.S\\:v-m-size-48{margin:48px}:host(.S\\:v-mx-size-48),.S\\:v-mx-size-48{margin-left:48px;margin-right:48px}:host(.S\\:v-my-size-48),.S\\:v-my-size-48{margin-top:48px;margin-bottom:48px}:host(.S\\:v-mt-size-48),.S\\:v-mt-size-48{margin-top:48px}:host(.S\\:v-mb-size-48),.S\\:v-mb-size-48{margin-bottom:48px}:host(.S\\:v-mr-size-48),.S\\:v-mr-size-48{margin-right:48px}:host(.S\\:v-ml-size-48),.S\\:v-ml-size-48{margin-left:48px}:host(.S\\:v-m-size-64),.S\\:v-m-size-64{margin:64px}:host(.S\\:v-mx-size-64),.S\\:v-mx-size-64{margin-left:64px;margin-right:64px}:host(.S\\:v-my-size-64),.S\\:v-my-size-64{margin-top:64px;margin-bottom:64px}:host(.S\\:v-mt-size-64),.S\\:v-mt-size-64{margin-top:64px}:host(.S\\:v-mb-size-64),.S\\:v-mb-size-64{margin-bottom:64px}:host(.S\\:v-mr-size-64),.S\\:v-mr-size-64{margin-right:64px}:host(.S\\:v-ml-size-64),.S\\:v-ml-size-64{margin-left:64px}:host(.S\\:v-m-size-72),.S\\:v-m-size-72{margin:72px}:host(.S\\:v-mx-size-72),.S\\:v-mx-size-72{margin-left:72px;margin-right:72px}:host(.S\\:v-my-size-72),.S\\:v-my-size-72{margin-top:72px;margin-bottom:72px}:host(.S\\:v-mt-size-72),.S\\:v-mt-size-72{margin-top:72px}:host(.S\\:v-mb-size-72),.S\\:v-mb-size-72{margin-bottom:72px}:host(.S\\:v-mr-size-72),.S\\:v-mr-size-72{margin-right:72px}:host(.S\\:v-ml-size-72),.S\\:v-ml-size-72{margin-left:72px}:host(.S\\:v-m-size-80),.S\\:v-m-size-80{margin:80px}:host(.S\\:v-mx-size-80),.S\\:v-mx-size-80{margin-left:80px;margin-right:80px}:host(.S\\:v-my-size-80),.S\\:v-my-size-80{margin-top:80px;margin-bottom:80px}:host(.S\\:v-mt-size-80),.S\\:v-mt-size-80{margin-top:80px}:host(.S\\:v-mb-size-80),.S\\:v-mb-size-80{margin-bottom:80px}:host(.S\\:v-mr-size-80),.S\\:v-mr-size-80{margin-right:80px}:host(.S\\:v-ml-size-80),.S\\:v-ml-size-80{margin-left:80px}:host(.S\\:v-m-size-112),.S\\:v-m-size-112{margin:112px}:host(.S\\:v-mx-size-112),.S\\:v-mx-size-112{margin-left:112px;margin-right:112px}:host(.S\\:v-my-size-112),.S\\:v-my-size-112{margin-top:112px;margin-bottom:112px}:host(.S\\:v-mt-size-112),.S\\:v-mt-size-112{margin-top:112px}:host(.S\\:v-mb-size-112),.S\\:v-mb-size-112{margin-bottom:112px}:host(.S\\:v-mr-size-112),.S\\:v-mr-size-112{margin-right:112px}:host(.S\\:v-ml-size-112),.S\\:v-ml-size-112{margin-left:112px}:host(.S\\:v-m-size-2),.S\\:v-m-size-2{margin:2px}:host(.S\\:v-mx-size-2),.S\\:v-mx-size-2{margin-left:2px;margin-right:2px}:host(.S\\:v-my-size-2),.S\\:v-my-size-2{margin-top:2px;margin-bottom:2px}:host(.S\\:v-mt-size-2),.S\\:v-mt-size-2{margin-top:2px}:host(.S\\:v-mb-size-2),.S\\:v-mb-size-2{margin-bottom:2px}:host(.S\\:v-mr-size-2),.S\\:v-mr-size-2{margin-right:2px}:host(.S\\:v-ml-size-2),.S\\:v-ml-size-2{margin-left:2px}}@media (min-width: 768px){:host(.M\\:v-m-0),.M\\:v-m-0{margin:0px}:host(.M\\:v-mx-0),.M\\:v-mx-0{margin-left:0px;margin-right:0px}:host(.M\\:v-my-0),.M\\:v-my-0{margin-top:0px;margin-bottom:0px}:host(.M\\:v-mt-0),.M\\:v-mt-0{margin-top:0px}:host(.M\\:v-mb-0),.M\\:v-mb-0{margin-bottom:0px}:host(.M\\:v-mr-0),.M\\:v-mr-0{margin-right:0px}:host(.M\\:v-ml-0),.M\\:v-ml-0{margin-left:0px}:host(.M\\:v-m-size-0),.M\\:v-m-size-0{margin:0px}:host(.M\\:v-mx-size-0),.M\\:v-mx-size-0{margin-left:0px;margin-right:0px}:host(.M\\:v-my-size-0),.M\\:v-my-size-0{margin-top:0px;margin-bottom:0px}:host(.M\\:v-mt-size-0),.M\\:v-mt-size-0{margin-top:0px}:host(.M\\:v-mb-size-0),.M\\:v-mb-size-0{margin-bottom:0px}:host(.M\\:v-mr-size-0),.M\\:v-mr-size-0{margin-right:0px}:host(.M\\:v-ml-size-0),.M\\:v-ml-size-0{margin-left:0px}:host(.M\\:v-m-size-4),.M\\:v-m-size-4{margin:4px}:host(.M\\:v-mx-size-4),.M\\:v-mx-size-4{margin-left:4px;margin-right:4px}:host(.M\\:v-my-size-4),.M\\:v-my-size-4{margin-top:4px;margin-bottom:4px}:host(.M\\:v-mt-size-4),.M\\:v-mt-size-4{margin-top:4px}:host(.M\\:v-mb-size-4),.M\\:v-mb-size-4{margin-bottom:4px}:host(.M\\:v-mr-size-4),.M\\:v-mr-size-4{margin-right:4px}:host(.M\\:v-ml-size-4),.M\\:v-ml-size-4{margin-left:4px}:host(.M\\:v-m-size-8),.M\\:v-m-size-8{margin:8px}:host(.M\\:v-mx-size-8),.M\\:v-mx-size-8{margin-left:8px;margin-right:8px}:host(.M\\:v-my-size-8),.M\\:v-my-size-8{margin-top:8px;margin-bottom:8px}:host(.M\\:v-mt-size-8),.M\\:v-mt-size-8{margin-top:8px}:host(.M\\:v-mb-size-8),.M\\:v-mb-size-8{margin-bottom:8px}:host(.M\\:v-mr-size-8),.M\\:v-mr-size-8{margin-right:8px}:host(.M\\:v-ml-size-8),.M\\:v-ml-size-8{margin-left:8px}:host(.M\\:v-m-size-12),.M\\:v-m-size-12{margin:12px}:host(.M\\:v-mx-size-12),.M\\:v-mx-size-12{margin-left:12px;margin-right:12px}:host(.M\\:v-my-size-12),.M\\:v-my-size-12{margin-top:12px;margin-bottom:12px}:host(.M\\:v-mt-size-12),.M\\:v-mt-size-12{margin-top:12px}:host(.M\\:v-mb-size-12),.M\\:v-mb-size-12{margin-bottom:12px}:host(.M\\:v-mr-size-12),.M\\:v-mr-size-12{margin-right:12px}:host(.M\\:v-ml-size-12),.M\\:v-ml-size-12{margin-left:12px}:host(.M\\:v-m-size-16),.M\\:v-m-size-16{margin:16px}:host(.M\\:v-mx-size-16),.M\\:v-mx-size-16{margin-left:16px;margin-right:16px}:host(.M\\:v-my-size-16),.M\\:v-my-size-16{margin-top:16px;margin-bottom:16px}:host(.M\\:v-mt-size-16),.M\\:v-mt-size-16{margin-top:16px}:host(.M\\:v-mb-size-16),.M\\:v-mb-size-16{margin-bottom:16px}:host(.M\\:v-mr-size-16),.M\\:v-mr-size-16{margin-right:16px}:host(.M\\:v-ml-size-16),.M\\:v-ml-size-16{margin-left:16px}:host(.M\\:v-m-size-20),.M\\:v-m-size-20{margin:20px}:host(.M\\:v-mx-size-20),.M\\:v-mx-size-20{margin-left:20px;margin-right:20px}:host(.M\\:v-my-size-20),.M\\:v-my-size-20{margin-top:20px;margin-bottom:20px}:host(.M\\:v-mt-size-20),.M\\:v-mt-size-20{margin-top:20px}:host(.M\\:v-mb-size-20),.M\\:v-mb-size-20{margin-bottom:20px}:host(.M\\:v-mr-size-20),.M\\:v-mr-size-20{margin-right:20px}:host(.M\\:v-ml-size-20),.M\\:v-ml-size-20{margin-left:20px}:host(.M\\:v-m-size-24),.M\\:v-m-size-24{margin:24px}:host(.M\\:v-mx-size-24),.M\\:v-mx-size-24{margin-left:24px;margin-right:24px}:host(.M\\:v-my-size-24),.M\\:v-my-size-24{margin-top:24px;margin-bottom:24px}:host(.M\\:v-mt-size-24),.M\\:v-mt-size-24{margin-top:24px}:host(.M\\:v-mb-size-24),.M\\:v-mb-size-24{margin-bottom:24px}:host(.M\\:v-mr-size-24),.M\\:v-mr-size-24{margin-right:24px}:host(.M\\:v-ml-size-24),.M\\:v-ml-size-24{margin-left:24px}:host(.M\\:v-m-size-32),.M\\:v-m-size-32{margin:32px}:host(.M\\:v-mx-size-32),.M\\:v-mx-size-32{margin-left:32px;margin-right:32px}:host(.M\\:v-my-size-32),.M\\:v-my-size-32{margin-top:32px;margin-bottom:32px}:host(.M\\:v-mt-size-32),.M\\:v-mt-size-32{margin-top:32px}:host(.M\\:v-mb-size-32),.M\\:v-mb-size-32{margin-bottom:32px}:host(.M\\:v-mr-size-32),.M\\:v-mr-size-32{margin-right:32px}:host(.M\\:v-ml-size-32),.M\\:v-ml-size-32{margin-left:32px}:host(.M\\:v-m-size-40),.M\\:v-m-size-40{margin:40px}:host(.M\\:v-mx-size-40),.M\\:v-mx-size-40{margin-left:40px;margin-right:40px}:host(.M\\:v-my-size-40),.M\\:v-my-size-40{margin-top:40px;margin-bottom:40px}:host(.M\\:v-mt-size-40),.M\\:v-mt-size-40{margin-top:40px}:host(.M\\:v-mb-size-40),.M\\:v-mb-size-40{margin-bottom:40px}:host(.M\\:v-mr-size-40),.M\\:v-mr-size-40{margin-right:40px}:host(.M\\:v-ml-size-40),.M\\:v-ml-size-40{margin-left:40px}:host(.M\\:v-m-size-48),.M\\:v-m-size-48{margin:48px}:host(.M\\:v-mx-size-48),.M\\:v-mx-size-48{margin-left:48px;margin-right:48px}:host(.M\\:v-my-size-48),.M\\:v-my-size-48{margin-top:48px;margin-bottom:48px}:host(.M\\:v-mt-size-48),.M\\:v-mt-size-48{margin-top:48px}:host(.M\\:v-mb-size-48),.M\\:v-mb-size-48{margin-bottom:48px}:host(.M\\:v-mr-size-48),.M\\:v-mr-size-48{margin-right:48px}:host(.M\\:v-ml-size-48),.M\\:v-ml-size-48{margin-left:48px}:host(.M\\:v-m-size-64),.M\\:v-m-size-64{margin:64px}:host(.M\\:v-mx-size-64),.M\\:v-mx-size-64{margin-left:64px;margin-right:64px}:host(.M\\:v-my-size-64),.M\\:v-my-size-64{margin-top:64px;margin-bottom:64px}:host(.M\\:v-mt-size-64),.M\\:v-mt-size-64{margin-top:64px}:host(.M\\:v-mb-size-64),.M\\:v-mb-size-64{margin-bottom:64px}:host(.M\\:v-mr-size-64),.M\\:v-mr-size-64{margin-right:64px}:host(.M\\:v-ml-size-64),.M\\:v-ml-size-64{margin-left:64px}:host(.M\\:v-m-size-72),.M\\:v-m-size-72{margin:72px}:host(.M\\:v-mx-size-72),.M\\:v-mx-size-72{margin-left:72px;margin-right:72px}:host(.M\\:v-my-size-72),.M\\:v-my-size-72{margin-top:72px;margin-bottom:72px}:host(.M\\:v-mt-size-72),.M\\:v-mt-size-72{margin-top:72px}:host(.M\\:v-mb-size-72),.M\\:v-mb-size-72{margin-bottom:72px}:host(.M\\:v-mr-size-72),.M\\:v-mr-size-72{margin-right:72px}:host(.M\\:v-ml-size-72),.M\\:v-ml-size-72{margin-left:72px}:host(.M\\:v-m-size-80),.M\\:v-m-size-80{margin:80px}:host(.M\\:v-mx-size-80),.M\\:v-mx-size-80{margin-left:80px;margin-right:80px}:host(.M\\:v-my-size-80),.M\\:v-my-size-80{margin-top:80px;margin-bottom:80px}:host(.M\\:v-mt-size-80),.M\\:v-mt-size-80{margin-top:80px}:host(.M\\:v-mb-size-80),.M\\:v-mb-size-80{margin-bottom:80px}:host(.M\\:v-mr-size-80),.M\\:v-mr-size-80{margin-right:80px}:host(.M\\:v-ml-size-80),.M\\:v-ml-size-80{margin-left:80px}:host(.M\\:v-m-size-112),.M\\:v-m-size-112{margin:112px}:host(.M\\:v-mx-size-112),.M\\:v-mx-size-112{margin-left:112px;margin-right:112px}:host(.M\\:v-my-size-112),.M\\:v-my-size-112{margin-top:112px;margin-bottom:112px}:host(.M\\:v-mt-size-112),.M\\:v-mt-size-112{margin-top:112px}:host(.M\\:v-mb-size-112),.M\\:v-mb-size-112{margin-bottom:112px}:host(.M\\:v-mr-size-112),.M\\:v-mr-size-112{margin-right:112px}:host(.M\\:v-ml-size-112),.M\\:v-ml-size-112{margin-left:112px}:host(.M\\:v-m-size-2),.M\\:v-m-size-2{margin:2px}:host(.M\\:v-mx-size-2),.M\\:v-mx-size-2{margin-left:2px;margin-right:2px}:host(.M\\:v-my-size-2),.M\\:v-my-size-2{margin-top:2px;margin-bottom:2px}:host(.M\\:v-mt-size-2),.M\\:v-mt-size-2{margin-top:2px}:host(.M\\:v-mb-size-2),.M\\:v-mb-size-2{margin-bottom:2px}:host(.M\\:v-mr-size-2),.M\\:v-mr-size-2{margin-right:2px}:host(.M\\:v-ml-size-2),.M\\:v-ml-size-2{margin-left:2px}}@media (min-width: 1024px){:host(.L\\:v-m-0),.L\\:v-m-0{margin:0px}:host(.L\\:v-mx-0),.L\\:v-mx-0{margin-left:0px;margin-right:0px}:host(.L\\:v-my-0),.L\\:v-my-0{margin-top:0px;margin-bottom:0px}:host(.L\\:v-mt-0),.L\\:v-mt-0{margin-top:0px}:host(.L\\:v-mb-0),.L\\:v-mb-0{margin-bottom:0px}:host(.L\\:v-mr-0),.L\\:v-mr-0{margin-right:0px}:host(.L\\:v-ml-0),.L\\:v-ml-0{margin-left:0px}:host(.L\\:v-m-size-0),.L\\:v-m-size-0{margin:0px}:host(.L\\:v-mx-size-0),.L\\:v-mx-size-0{margin-left:0px;margin-right:0px}:host(.L\\:v-my-size-0),.L\\:v-my-size-0{margin-top:0px;margin-bottom:0px}:host(.L\\:v-mt-size-0),.L\\:v-mt-size-0{margin-top:0px}:host(.L\\:v-mb-size-0),.L\\:v-mb-size-0{margin-bottom:0px}:host(.L\\:v-mr-size-0),.L\\:v-mr-size-0{margin-right:0px}:host(.L\\:v-ml-size-0),.L\\:v-ml-size-0{margin-left:0px}:host(.L\\:v-m-size-4),.L\\:v-m-size-4{margin:4px}:host(.L\\:v-mx-size-4),.L\\:v-mx-size-4{margin-left:4px;margin-right:4px}:host(.L\\:v-my-size-4),.L\\:v-my-size-4{margin-top:4px;margin-bottom:4px}:host(.L\\:v-mt-size-4),.L\\:v-mt-size-4{margin-top:4px}:host(.L\\:v-mb-size-4),.L\\:v-mb-size-4{margin-bottom:4px}:host(.L\\:v-mr-size-4),.L\\:v-mr-size-4{margin-right:4px}:host(.L\\:v-ml-size-4),.L\\:v-ml-size-4{margin-left:4px}:host(.L\\:v-m-size-8),.L\\:v-m-size-8{margin:8px}:host(.L\\:v-mx-size-8),.L\\:v-mx-size-8{margin-left:8px;margin-right:8px}:host(.L\\:v-my-size-8),.L\\:v-my-size-8{margin-top:8px;margin-bottom:8px}:host(.L\\:v-mt-size-8),.L\\:v-mt-size-8{margin-top:8px}:host(.L\\:v-mb-size-8),.L\\:v-mb-size-8{margin-bottom:8px}:host(.L\\:v-mr-size-8),.L\\:v-mr-size-8{margin-right:8px}:host(.L\\:v-ml-size-8),.L\\:v-ml-size-8{margin-left:8px}:host(.L\\:v-m-size-12),.L\\:v-m-size-12{margin:12px}:host(.L\\:v-mx-size-12),.L\\:v-mx-size-12{margin-left:12px;margin-right:12px}:host(.L\\:v-my-size-12),.L\\:v-my-size-12{margin-top:12px;margin-bottom:12px}:host(.L\\:v-mt-size-12),.L\\:v-mt-size-12{margin-top:12px}:host(.L\\:v-mb-size-12),.L\\:v-mb-size-12{margin-bottom:12px}:host(.L\\:v-mr-size-12),.L\\:v-mr-size-12{margin-right:12px}:host(.L\\:v-ml-size-12),.L\\:v-ml-size-12{margin-left:12px}:host(.L\\:v-m-size-16),.L\\:v-m-size-16{margin:16px}:host(.L\\:v-mx-size-16),.L\\:v-mx-size-16{margin-left:16px;margin-right:16px}:host(.L\\:v-my-size-16),.L\\:v-my-size-16{margin-top:16px;margin-bottom:16px}:host(.L\\:v-mt-size-16),.L\\:v-mt-size-16{margin-top:16px}:host(.L\\:v-mb-size-16),.L\\:v-mb-size-16{margin-bottom:16px}:host(.L\\:v-mr-size-16),.L\\:v-mr-size-16{margin-right:16px}:host(.L\\:v-ml-size-16),.L\\:v-ml-size-16{margin-left:16px}:host(.L\\:v-m-size-20),.L\\:v-m-size-20{margin:20px}:host(.L\\:v-mx-size-20),.L\\:v-mx-size-20{margin-left:20px;margin-right:20px}:host(.L\\:v-my-size-20),.L\\:v-my-size-20{margin-top:20px;margin-bottom:20px}:host(.L\\:v-mt-size-20),.L\\:v-mt-size-20{margin-top:20px}:host(.L\\:v-mb-size-20),.L\\:v-mb-size-20{margin-bottom:20px}:host(.L\\:v-mr-size-20),.L\\:v-mr-size-20{margin-right:20px}:host(.L\\:v-ml-size-20),.L\\:v-ml-size-20{margin-left:20px}:host(.L\\:v-m-size-24),.L\\:v-m-size-24{margin:24px}:host(.L\\:v-mx-size-24),.L\\:v-mx-size-24{margin-left:24px;margin-right:24px}:host(.L\\:v-my-size-24),.L\\:v-my-size-24{margin-top:24px;margin-bottom:24px}:host(.L\\:v-mt-size-24),.L\\:v-mt-size-24{margin-top:24px}:host(.L\\:v-mb-size-24),.L\\:v-mb-size-24{margin-bottom:24px}:host(.L\\:v-mr-size-24),.L\\:v-mr-size-24{margin-right:24px}:host(.L\\:v-ml-size-24),.L\\:v-ml-size-24{margin-left:24px}:host(.L\\:v-m-size-32),.L\\:v-m-size-32{margin:32px}:host(.L\\:v-mx-size-32),.L\\:v-mx-size-32{margin-left:32px;margin-right:32px}:host(.L\\:v-my-size-32),.L\\:v-my-size-32{margin-top:32px;margin-bottom:32px}:host(.L\\:v-mt-size-32),.L\\:v-mt-size-32{margin-top:32px}:host(.L\\:v-mb-size-32),.L\\:v-mb-size-32{margin-bottom:32px}:host(.L\\:v-mr-size-32),.L\\:v-mr-size-32{margin-right:32px}:host(.L\\:v-ml-size-32),.L\\:v-ml-size-32{margin-left:32px}:host(.L\\:v-m-size-40),.L\\:v-m-size-40{margin:40px}:host(.L\\:v-mx-size-40),.L\\:v-mx-size-40{margin-left:40px;margin-right:40px}:host(.L\\:v-my-size-40),.L\\:v-my-size-40{margin-top:40px;margin-bottom:40px}:host(.L\\:v-mt-size-40),.L\\:v-mt-size-40{margin-top:40px}:host(.L\\:v-mb-size-40),.L\\:v-mb-size-40{margin-bottom:40px}:host(.L\\:v-mr-size-40),.L\\:v-mr-size-40{margin-right:40px}:host(.L\\:v-ml-size-40),.L\\:v-ml-size-40{margin-left:40px}:host(.L\\:v-m-size-48),.L\\:v-m-size-48{margin:48px}:host(.L\\:v-mx-size-48),.L\\:v-mx-size-48{margin-left:48px;margin-right:48px}:host(.L\\:v-my-size-48),.L\\:v-my-size-48{margin-top:48px;margin-bottom:48px}:host(.L\\:v-mt-size-48),.L\\:v-mt-size-48{margin-top:48px}:host(.L\\:v-mb-size-48),.L\\:v-mb-size-48{margin-bottom:48px}:host(.L\\:v-mr-size-48),.L\\:v-mr-size-48{margin-right:48px}:host(.L\\:v-ml-size-48),.L\\:v-ml-size-48{margin-left:48px}:host(.L\\:v-m-size-64),.L\\:v-m-size-64{margin:64px}:host(.L\\:v-mx-size-64),.L\\:v-mx-size-64{margin-left:64px;margin-right:64px}:host(.L\\:v-my-size-64),.L\\:v-my-size-64{margin-top:64px;margin-bottom:64px}:host(.L\\:v-mt-size-64),.L\\:v-mt-size-64{margin-top:64px}:host(.L\\:v-mb-size-64),.L\\:v-mb-size-64{margin-bottom:64px}:host(.L\\:v-mr-size-64),.L\\:v-mr-size-64{margin-right:64px}:host(.L\\:v-ml-size-64),.L\\:v-ml-size-64{margin-left:64px}:host(.L\\:v-m-size-72),.L\\:v-m-size-72{margin:72px}:host(.L\\:v-mx-size-72),.L\\:v-mx-size-72{margin-left:72px;margin-right:72px}:host(.L\\:v-my-size-72),.L\\:v-my-size-72{margin-top:72px;margin-bottom:72px}:host(.L\\:v-mt-size-72),.L\\:v-mt-size-72{margin-top:72px}:host(.L\\:v-mb-size-72),.L\\:v-mb-size-72{margin-bottom:72px}:host(.L\\:v-mr-size-72),.L\\:v-mr-size-72{margin-right:72px}:host(.L\\:v-ml-size-72),.L\\:v-ml-size-72{margin-left:72px}:host(.L\\:v-m-size-80),.L\\:v-m-size-80{margin:80px}:host(.L\\:v-mx-size-80),.L\\:v-mx-size-80{margin-left:80px;margin-right:80px}:host(.L\\:v-my-size-80),.L\\:v-my-size-80{margin-top:80px;margin-bottom:80px}:host(.L\\:v-mt-size-80),.L\\:v-mt-size-80{margin-top:80px}:host(.L\\:v-mb-size-80),.L\\:v-mb-size-80{margin-bottom:80px}:host(.L\\:v-mr-size-80),.L\\:v-mr-size-80{margin-right:80px}:host(.L\\:v-ml-size-80),.L\\:v-ml-size-80{margin-left:80px}:host(.L\\:v-m-size-112),.L\\:v-m-size-112{margin:112px}:host(.L\\:v-mx-size-112),.L\\:v-mx-size-112{margin-left:112px;margin-right:112px}:host(.L\\:v-my-size-112),.L\\:v-my-size-112{margin-top:112px;margin-bottom:112px}:host(.L\\:v-mt-size-112),.L\\:v-mt-size-112{margin-top:112px}:host(.L\\:v-mb-size-112),.L\\:v-mb-size-112{margin-bottom:112px}:host(.L\\:v-mr-size-112),.L\\:v-mr-size-112{margin-right:112px}:host(.L\\:v-ml-size-112),.L\\:v-ml-size-112{margin-left:112px}:host(.L\\:v-m-size-2),.L\\:v-m-size-2{margin:2px}:host(.L\\:v-mx-size-2),.L\\:v-mx-size-2{margin-left:2px;margin-right:2px}:host(.L\\:v-my-size-2),.L\\:v-my-size-2{margin-top:2px;margin-bottom:2px}:host(.L\\:v-mt-size-2),.L\\:v-mt-size-2{margin-top:2px}:host(.L\\:v-mb-size-2),.L\\:v-mb-size-2{margin-bottom:2px}:host(.L\\:v-mr-size-2),.L\\:v-mr-size-2{margin-right:2px}:host(.L\\:v-ml-size-2),.L\\:v-ml-size-2{margin-left:2px}}@media (min-width: 1440px){:host(.XL\\:v-m-0),.XL\\:v-m-0{margin:0px}:host(.XL\\:v-mx-0),.XL\\:v-mx-0{margin-left:0px;margin-right:0px}:host(.XL\\:v-my-0),.XL\\:v-my-0{margin-top:0px;margin-bottom:0px}:host(.XL\\:v-mt-0),.XL\\:v-mt-0{margin-top:0px}:host(.XL\\:v-mb-0),.XL\\:v-mb-0{margin-bottom:0px}:host(.XL\\:v-mr-0),.XL\\:v-mr-0{margin-right:0px}:host(.XL\\:v-ml-0),.XL\\:v-ml-0{margin-left:0px}:host(.XL\\:v-m-size-0),.XL\\:v-m-size-0{margin:0px}:host(.XL\\:v-mx-size-0),.XL\\:v-mx-size-0{margin-left:0px;margin-right:0px}:host(.XL\\:v-my-size-0),.XL\\:v-my-size-0{margin-top:0px;margin-bottom:0px}:host(.XL\\:v-mt-size-0),.XL\\:v-mt-size-0{margin-top:0px}:host(.XL\\:v-mb-size-0),.XL\\:v-mb-size-0{margin-bottom:0px}:host(.XL\\:v-mr-size-0),.XL\\:v-mr-size-0{margin-right:0px}:host(.XL\\:v-ml-size-0),.XL\\:v-ml-size-0{margin-left:0px}:host(.XL\\:v-m-size-4),.XL\\:v-m-size-4{margin:4px}:host(.XL\\:v-mx-size-4),.XL\\:v-mx-size-4{margin-left:4px;margin-right:4px}:host(.XL\\:v-my-size-4),.XL\\:v-my-size-4{margin-top:4px;margin-bottom:4px}:host(.XL\\:v-mt-size-4),.XL\\:v-mt-size-4{margin-top:4px}:host(.XL\\:v-mb-size-4),.XL\\:v-mb-size-4{margin-bottom:4px}:host(.XL\\:v-mr-size-4),.XL\\:v-mr-size-4{margin-right:4px}:host(.XL\\:v-ml-size-4),.XL\\:v-ml-size-4{margin-left:4px}:host(.XL\\:v-m-size-8),.XL\\:v-m-size-8{margin:8px}:host(.XL\\:v-mx-size-8),.XL\\:v-mx-size-8{margin-left:8px;margin-right:8px}:host(.XL\\:v-my-size-8),.XL\\:v-my-size-8{margin-top:8px;margin-bottom:8px}:host(.XL\\:v-mt-size-8),.XL\\:v-mt-size-8{margin-top:8px}:host(.XL\\:v-mb-size-8),.XL\\:v-mb-size-8{margin-bottom:8px}:host(.XL\\:v-mr-size-8),.XL\\:v-mr-size-8{margin-right:8px}:host(.XL\\:v-ml-size-8),.XL\\:v-ml-size-8{margin-left:8px}:host(.XL\\:v-m-size-12),.XL\\:v-m-size-12{margin:12px}:host(.XL\\:v-mx-size-12),.XL\\:v-mx-size-12{margin-left:12px;margin-right:12px}:host(.XL\\:v-my-size-12),.XL\\:v-my-size-12{margin-top:12px;margin-bottom:12px}:host(.XL\\:v-mt-size-12),.XL\\:v-mt-size-12{margin-top:12px}:host(.XL\\:v-mb-size-12),.XL\\:v-mb-size-12{margin-bottom:12px}:host(.XL\\:v-mr-size-12),.XL\\:v-mr-size-12{margin-right:12px}:host(.XL\\:v-ml-size-12),.XL\\:v-ml-size-12{margin-left:12px}:host(.XL\\:v-m-size-16),.XL\\:v-m-size-16{margin:16px}:host(.XL\\:v-mx-size-16),.XL\\:v-mx-size-16{margin-left:16px;margin-right:16px}:host(.XL\\:v-my-size-16),.XL\\:v-my-size-16{margin-top:16px;margin-bottom:16px}:host(.XL\\:v-mt-size-16),.XL\\:v-mt-size-16{margin-top:16px}:host(.XL\\:v-mb-size-16),.XL\\:v-mb-size-16{margin-bottom:16px}:host(.XL\\:v-mr-size-16),.XL\\:v-mr-size-16{margin-right:16px}:host(.XL\\:v-ml-size-16),.XL\\:v-ml-size-16{margin-left:16px}:host(.XL\\:v-m-size-20),.XL\\:v-m-size-20{margin:20px}:host(.XL\\:v-mx-size-20),.XL\\:v-mx-size-20{margin-left:20px;margin-right:20px}:host(.XL\\:v-my-size-20),.XL\\:v-my-size-20{margin-top:20px;margin-bottom:20px}:host(.XL\\:v-mt-size-20),.XL\\:v-mt-size-20{margin-top:20px}:host(.XL\\:v-mb-size-20),.XL\\:v-mb-size-20{margin-bottom:20px}:host(.XL\\:v-mr-size-20),.XL\\:v-mr-size-20{margin-right:20px}:host(.XL\\:v-ml-size-20),.XL\\:v-ml-size-20{margin-left:20px}:host(.XL\\:v-m-size-24),.XL\\:v-m-size-24{margin:24px}:host(.XL\\:v-mx-size-24),.XL\\:v-mx-size-24{margin-left:24px;margin-right:24px}:host(.XL\\:v-my-size-24),.XL\\:v-my-size-24{margin-top:24px;margin-bottom:24px}:host(.XL\\:v-mt-size-24),.XL\\:v-mt-size-24{margin-top:24px}:host(.XL\\:v-mb-size-24),.XL\\:v-mb-size-24{margin-bottom:24px}:host(.XL\\:v-mr-size-24),.XL\\:v-mr-size-24{margin-right:24px}:host(.XL\\:v-ml-size-24),.XL\\:v-ml-size-24{margin-left:24px}:host(.XL\\:v-m-size-32),.XL\\:v-m-size-32{margin:32px}:host(.XL\\:v-mx-size-32),.XL\\:v-mx-size-32{margin-left:32px;margin-right:32px}:host(.XL\\:v-my-size-32),.XL\\:v-my-size-32{margin-top:32px;margin-bottom:32px}:host(.XL\\:v-mt-size-32),.XL\\:v-mt-size-32{margin-top:32px}:host(.XL\\:v-mb-size-32),.XL\\:v-mb-size-32{margin-bottom:32px}:host(.XL\\:v-mr-size-32),.XL\\:v-mr-size-32{margin-right:32px}:host(.XL\\:v-ml-size-32),.XL\\:v-ml-size-32{margin-left:32px}:host(.XL\\:v-m-size-40),.XL\\:v-m-size-40{margin:40px}:host(.XL\\:v-mx-size-40),.XL\\:v-mx-size-40{margin-left:40px;margin-right:40px}:host(.XL\\:v-my-size-40),.XL\\:v-my-size-40{margin-top:40px;margin-bottom:40px}:host(.XL\\:v-mt-size-40),.XL\\:v-mt-size-40{margin-top:40px}:host(.XL\\:v-mb-size-40),.XL\\:v-mb-size-40{margin-bottom:40px}:host(.XL\\:v-mr-size-40),.XL\\:v-mr-size-40{margin-right:40px}:host(.XL\\:v-ml-size-40),.XL\\:v-ml-size-40{margin-left:40px}:host(.XL\\:v-m-size-48),.XL\\:v-m-size-48{margin:48px}:host(.XL\\:v-mx-size-48),.XL\\:v-mx-size-48{margin-left:48px;margin-right:48px}:host(.XL\\:v-my-size-48),.XL\\:v-my-size-48{margin-top:48px;margin-bottom:48px}:host(.XL\\:v-mt-size-48),.XL\\:v-mt-size-48{margin-top:48px}:host(.XL\\:v-mb-size-48),.XL\\:v-mb-size-48{margin-bottom:48px}:host(.XL\\:v-mr-size-48),.XL\\:v-mr-size-48{margin-right:48px}:host(.XL\\:v-ml-size-48),.XL\\:v-ml-size-48{margin-left:48px}:host(.XL\\:v-m-size-64),.XL\\:v-m-size-64{margin:64px}:host(.XL\\:v-mx-size-64),.XL\\:v-mx-size-64{margin-left:64px;margin-right:64px}:host(.XL\\:v-my-size-64),.XL\\:v-my-size-64{margin-top:64px;margin-bottom:64px}:host(.XL\\:v-mt-size-64),.XL\\:v-mt-size-64{margin-top:64px}:host(.XL\\:v-mb-size-64),.XL\\:v-mb-size-64{margin-bottom:64px}:host(.XL\\:v-mr-size-64),.XL\\:v-mr-size-64{margin-right:64px}:host(.XL\\:v-ml-size-64),.XL\\:v-ml-size-64{margin-left:64px}:host(.XL\\:v-m-size-72),.XL\\:v-m-size-72{margin:72px}:host(.XL\\:v-mx-size-72),.XL\\:v-mx-size-72{margin-left:72px;margin-right:72px}:host(.XL\\:v-my-size-72),.XL\\:v-my-size-72{margin-top:72px;margin-bottom:72px}:host(.XL\\:v-mt-size-72),.XL\\:v-mt-size-72{margin-top:72px}:host(.XL\\:v-mb-size-72),.XL\\:v-mb-size-72{margin-bottom:72px}:host(.XL\\:v-mr-size-72),.XL\\:v-mr-size-72{margin-right:72px}:host(.XL\\:v-ml-size-72),.XL\\:v-ml-size-72{margin-left:72px}:host(.XL\\:v-m-size-80),.XL\\:v-m-size-80{margin:80px}:host(.XL\\:v-mx-size-80),.XL\\:v-mx-size-80{margin-left:80px;margin-right:80px}:host(.XL\\:v-my-size-80),.XL\\:v-my-size-80{margin-top:80px;margin-bottom:80px}:host(.XL\\:v-mt-size-80),.XL\\:v-mt-size-80{margin-top:80px}:host(.XL\\:v-mb-size-80),.XL\\:v-mb-size-80{margin-bottom:80px}:host(.XL\\:v-mr-size-80),.XL\\:v-mr-size-80{margin-right:80px}:host(.XL\\:v-ml-size-80),.XL\\:v-ml-size-80{margin-left:80px}:host(.XL\\:v-m-size-112),.XL\\:v-m-size-112{margin:112px}:host(.XL\\:v-mx-size-112),.XL\\:v-mx-size-112{margin-left:112px;margin-right:112px}:host(.XL\\:v-my-size-112),.XL\\:v-my-size-112{margin-top:112px;margin-bottom:112px}:host(.XL\\:v-mt-size-112),.XL\\:v-mt-size-112{margin-top:112px}:host(.XL\\:v-mb-size-112),.XL\\:v-mb-size-112{margin-bottom:112px}:host(.XL\\:v-mr-size-112),.XL\\:v-mr-size-112{margin-right:112px}:host(.XL\\:v-ml-size-112),.XL\\:v-ml-size-112{margin-left:112px}:host(.XL\\:v-m-size-2),.XL\\:v-m-size-2{margin:2px}:host(.XL\\:v-mx-size-2),.XL\\:v-mx-size-2{margin-left:2px;margin-right:2px}:host(.XL\\:v-my-size-2),.XL\\:v-my-size-2{margin-top:2px;margin-bottom:2px}:host(.XL\\:v-mt-size-2),.XL\\:v-mt-size-2{margin-top:2px}:host(.XL\\:v-mb-size-2),.XL\\:v-mb-size-2{margin-bottom:2px}:host(.XL\\:v-mr-size-2),.XL\\:v-mr-size-2{margin-right:2px}:host(.XL\\:v-ml-size-2),.XL\\:v-ml-size-2{margin-left:2px}}:host(.vega-divider-horizontal){display:block;height:1px;width:100%}:host(.vega-divider-vertical){display:inline-block;width:1px;height:100%}:host(.vega-divider-primary){background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1))}:host(.vega-divider-secondary){background-color:rgba(var(--v-bg-divider-secondary, 199, 217, 229, 1))}";export{S as vega_divider}
|
|
1
|
+
import{r as m,h as i,H as s,g as t}from"./p-1c298d5a.js";import{s as e}from"./p-9b797118.js";import{c as v,V as r,I as o}from"./p-6e1ab235.js";import{V as z,I as p}from"./p-4387d550.js";import{R as g}from"./p-d2e11032.js";import{h as x}from"./p-b1f65b13.js";import{f as a}from"./p-f0e9c75e.js";import{P as n,g as h}from"./p-c0291e2e.js";import"./p-262ec334.js";import"./p-74168615.js";import"./p-0c667d6a.js";import"./p-ed45b3b6.js";import"./p-3647d61d.js";import"./p-5f377954.js";import"./p-f1e0e7d4.js";import"./p-37b05e0b.js";import"./p-6a334573.js";import"./p-bf953152.js";import"./p-619fdde5.js";import"./p-c8408c13.js";import"./p-1e940ce8.js";import"./p-7a40e033.js";import"./p-112455b1.js";import"./p-01d4c679.js";import"./p-2d0d575f.js";import"./p-e06361df.js";import"./p-a247e073.js";import"./p-cc63e827.js";import"./p-0fd6c35b.js";import"./p-02603c02.js";import"./p-3a0a4d15.js";import"./p-d884c644.js";import"./p-2205ee4c.js";var L=function(m,i,s,t){var e,v=arguments.length,r=v<3?i:null===t?t=Object.getOwnPropertyDescriptor(i,s):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(m,i,s,t);else for(var o=m.length-1;o>=0;o--)(e=m[o])&&(r=(v<3?e(r):v>3?e(i,s,r):e(i,s))||r);return v>3&&r&&Object.defineProperty(i,s,r),r};class l extends r{getSize(){const m={},i=g.formatCustom(this.direction),s=g.formatCustom(this.margin);return"vertical"===i?m.height=`calc(100% - ${this.getDirectionMargin(s,"top")}px - ${this.getDirectionMargin(s,"bottom")}px)`:m.width=`calc(100% - ${this.getDirectionMargin(s,"left")}px - ${this.getDirectionMargin(s,"right")}px)`,m}getDirectionMargin(m,i){const s="string"==typeof m?m:["top","bottom"].includes(i)?m.y||m[i]:m.x||m[i];return s?x[s]:0}}L([v()],l.prototype,"host",void 0),L([v()],l.prototype,"direction",void 0),L([v()],l.prototype,"margin",void 0);var b=function(m,i,s,t){var e,v=arguments.length,r=v<3?i:null===t?t=Object.getOwnPropertyDescriptor(i,s):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(m,i,s,t);else for(var o=m.length-1;o>=0;o--)(e=m[o])&&(r=(v<3?e(r):v>3?e(i,s,r):e(i,s))||r);return v>3&&r&&Object.defineProperty(i,s,r),r};const S=class{constructor(i){m(this,i),this.globalSlimmers={},this.pageResizeObserverSlimmer=new n,this.sizeController=new l,this.vegaComponentUsageRuntimeMetricsSlimmer=new z,this.currentBreakpoint=h(),this.direction="horizontal",this.variant="primary",this.margin="0"}render(){return e(i(s,{class:{[`vega-divider-${g.formatCustom(this.direction)}`]:!0,[`vega-divider-${this.variant}`]:!0,[a(this.margin,"margin")]:!0},style:this.sizeController.getSize()}),this.host)}get host(){return t(this)}};b([p()],S.prototype,"globalSlimmers",void 0),b([o()],S.prototype,"pageResizeObserverSlimmer",void 0),b([o()],S.prototype,"sizeController",void 0),b([o()],S.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),S.style=":host(.v-m-0),.v-m-0{margin:0px}:host(.v-mx-0),.v-mx-0{margin-left:0px;margin-right:0px}:host(.v-my-0),.v-my-0{margin-top:0px;margin-bottom:0px}:host(.v-mt-0),.v-mt-0{margin-top:0px}:host(.v-mb-0),.v-mb-0{margin-bottom:0px}:host(.v-mr-0),.v-mr-0{margin-right:0px}:host(.v-ml-0),.v-ml-0{margin-left:0px}:host(.v-m-size-0),.v-m-size-0{margin:0px}:host(.v-mx-size-0),.v-mx-size-0{margin-left:0px;margin-right:0px}:host(.v-my-size-0),.v-my-size-0{margin-top:0px;margin-bottom:0px}:host(.v-mt-size-0),.v-mt-size-0{margin-top:0px}:host(.v-mb-size-0),.v-mb-size-0{margin-bottom:0px}:host(.v-mr-size-0),.v-mr-size-0{margin-right:0px}:host(.v-ml-size-0),.v-ml-size-0{margin-left:0px}:host(.v-m-size-4),.v-m-size-4{margin:4px}:host(.v-mx-size-4),.v-mx-size-4{margin-left:4px;margin-right:4px}:host(.v-my-size-4),.v-my-size-4{margin-top:4px;margin-bottom:4px}:host(.v-mt-size-4),.v-mt-size-4{margin-top:4px}:host(.v-mb-size-4),.v-mb-size-4{margin-bottom:4px}:host(.v-mr-size-4),.v-mr-size-4{margin-right:4px}:host(.v-ml-size-4),.v-ml-size-4{margin-left:4px}:host(.v-m-size-8),.v-m-size-8{margin:8px}:host(.v-mx-size-8),.v-mx-size-8{margin-left:8px;margin-right:8px}:host(.v-my-size-8),.v-my-size-8{margin-top:8px;margin-bottom:8px}:host(.v-mt-size-8),.v-mt-size-8{margin-top:8px}:host(.v-mb-size-8),.v-mb-size-8{margin-bottom:8px}:host(.v-mr-size-8),.v-mr-size-8{margin-right:8px}:host(.v-ml-size-8),.v-ml-size-8{margin-left:8px}:host(.v-m-size-12),.v-m-size-12{margin:12px}:host(.v-mx-size-12),.v-mx-size-12{margin-left:12px;margin-right:12px}:host(.v-my-size-12),.v-my-size-12{margin-top:12px;margin-bottom:12px}:host(.v-mt-size-12),.v-mt-size-12{margin-top:12px}:host(.v-mb-size-12),.v-mb-size-12{margin-bottom:12px}:host(.v-mr-size-12),.v-mr-size-12{margin-right:12px}:host(.v-ml-size-12),.v-ml-size-12{margin-left:12px}:host(.v-m-size-16),.v-m-size-16{margin:16px}:host(.v-mx-size-16),.v-mx-size-16{margin-left:16px;margin-right:16px}:host(.v-my-size-16),.v-my-size-16{margin-top:16px;margin-bottom:16px}:host(.v-mt-size-16),.v-mt-size-16{margin-top:16px}:host(.v-mb-size-16),.v-mb-size-16{margin-bottom:16px}:host(.v-mr-size-16),.v-mr-size-16{margin-right:16px}:host(.v-ml-size-16),.v-ml-size-16{margin-left:16px}:host(.v-m-size-20),.v-m-size-20{margin:20px}:host(.v-mx-size-20),.v-mx-size-20{margin-left:20px;margin-right:20px}:host(.v-my-size-20),.v-my-size-20{margin-top:20px;margin-bottom:20px}:host(.v-mt-size-20),.v-mt-size-20{margin-top:20px}:host(.v-mb-size-20),.v-mb-size-20{margin-bottom:20px}:host(.v-mr-size-20),.v-mr-size-20{margin-right:20px}:host(.v-ml-size-20),.v-ml-size-20{margin-left:20px}:host(.v-m-size-24),.v-m-size-24{margin:24px}:host(.v-mx-size-24),.v-mx-size-24{margin-left:24px;margin-right:24px}:host(.v-my-size-24),.v-my-size-24{margin-top:24px;margin-bottom:24px}:host(.v-mt-size-24),.v-mt-size-24{margin-top:24px}:host(.v-mb-size-24),.v-mb-size-24{margin-bottom:24px}:host(.v-mr-size-24),.v-mr-size-24{margin-right:24px}:host(.v-ml-size-24),.v-ml-size-24{margin-left:24px}:host(.v-m-size-32),.v-m-size-32{margin:32px}:host(.v-mx-size-32),.v-mx-size-32{margin-left:32px;margin-right:32px}:host(.v-my-size-32),.v-my-size-32{margin-top:32px;margin-bottom:32px}:host(.v-mt-size-32),.v-mt-size-32{margin-top:32px}:host(.v-mb-size-32),.v-mb-size-32{margin-bottom:32px}:host(.v-mr-size-32),.v-mr-size-32{margin-right:32px}:host(.v-ml-size-32),.v-ml-size-32{margin-left:32px}:host(.v-m-size-40),.v-m-size-40{margin:40px}:host(.v-mx-size-40),.v-mx-size-40{margin-left:40px;margin-right:40px}:host(.v-my-size-40),.v-my-size-40{margin-top:40px;margin-bottom:40px}:host(.v-mt-size-40),.v-mt-size-40{margin-top:40px}:host(.v-mb-size-40),.v-mb-size-40{margin-bottom:40px}:host(.v-mr-size-40),.v-mr-size-40{margin-right:40px}:host(.v-ml-size-40),.v-ml-size-40{margin-left:40px}:host(.v-m-size-48),.v-m-size-48{margin:48px}:host(.v-mx-size-48),.v-mx-size-48{margin-left:48px;margin-right:48px}:host(.v-my-size-48),.v-my-size-48{margin-top:48px;margin-bottom:48px}:host(.v-mt-size-48),.v-mt-size-48{margin-top:48px}:host(.v-mb-size-48),.v-mb-size-48{margin-bottom:48px}:host(.v-mr-size-48),.v-mr-size-48{margin-right:48px}:host(.v-ml-size-48),.v-ml-size-48{margin-left:48px}:host(.v-m-size-64),.v-m-size-64{margin:64px}:host(.v-mx-size-64),.v-mx-size-64{margin-left:64px;margin-right:64px}:host(.v-my-size-64),.v-my-size-64{margin-top:64px;margin-bottom:64px}:host(.v-mt-size-64),.v-mt-size-64{margin-top:64px}:host(.v-mb-size-64),.v-mb-size-64{margin-bottom:64px}:host(.v-mr-size-64),.v-mr-size-64{margin-right:64px}:host(.v-ml-size-64),.v-ml-size-64{margin-left:64px}:host(.v-m-size-72),.v-m-size-72{margin:72px}:host(.v-mx-size-72),.v-mx-size-72{margin-left:72px;margin-right:72px}:host(.v-my-size-72),.v-my-size-72{margin-top:72px;margin-bottom:72px}:host(.v-mt-size-72),.v-mt-size-72{margin-top:72px}:host(.v-mb-size-72),.v-mb-size-72{margin-bottom:72px}:host(.v-mr-size-72),.v-mr-size-72{margin-right:72px}:host(.v-ml-size-72),.v-ml-size-72{margin-left:72px}:host(.v-m-size-80),.v-m-size-80{margin:80px}:host(.v-mx-size-80),.v-mx-size-80{margin-left:80px;margin-right:80px}:host(.v-my-size-80),.v-my-size-80{margin-top:80px;margin-bottom:80px}:host(.v-mt-size-80),.v-mt-size-80{margin-top:80px}:host(.v-mb-size-80),.v-mb-size-80{margin-bottom:80px}:host(.v-mr-size-80),.v-mr-size-80{margin-right:80px}:host(.v-ml-size-80),.v-ml-size-80{margin-left:80px}:host(.v-m-size-112),.v-m-size-112{margin:112px}:host(.v-mx-size-112),.v-mx-size-112{margin-left:112px;margin-right:112px}:host(.v-my-size-112),.v-my-size-112{margin-top:112px;margin-bottom:112px}:host(.v-mt-size-112),.v-mt-size-112{margin-top:112px}:host(.v-mb-size-112),.v-mb-size-112{margin-bottom:112px}:host(.v-mr-size-112),.v-mr-size-112{margin-right:112px}:host(.v-ml-size-112),.v-ml-size-112{margin-left:112px}:host(.v-m-size-2),.v-m-size-2{margin:2px}:host(.v-mx-size-2),.v-mx-size-2{margin-left:2px;margin-right:2px}:host(.v-my-size-2),.v-my-size-2{margin-top:2px;margin-bottom:2px}:host(.v-mt-size-2),.v-mt-size-2{margin-top:2px}:host(.v-mb-size-2),.v-mb-size-2{margin-bottom:2px}:host(.v-mr-size-2),.v-mr-size-2{margin-right:2px}:host(.v-ml-size-2),.v-ml-size-2{margin-left:2px}@media (min-width: 320px){:host(.S\\:v-m-0),.S\\:v-m-0{margin:0px}:host(.S\\:v-mx-0),.S\\:v-mx-0{margin-left:0px;margin-right:0px}:host(.S\\:v-my-0),.S\\:v-my-0{margin-top:0px;margin-bottom:0px}:host(.S\\:v-mt-0),.S\\:v-mt-0{margin-top:0px}:host(.S\\:v-mb-0),.S\\:v-mb-0{margin-bottom:0px}:host(.S\\:v-mr-0),.S\\:v-mr-0{margin-right:0px}:host(.S\\:v-ml-0),.S\\:v-ml-0{margin-left:0px}:host(.S\\:v-m-size-0),.S\\:v-m-size-0{margin:0px}:host(.S\\:v-mx-size-0),.S\\:v-mx-size-0{margin-left:0px;margin-right:0px}:host(.S\\:v-my-size-0),.S\\:v-my-size-0{margin-top:0px;margin-bottom:0px}:host(.S\\:v-mt-size-0),.S\\:v-mt-size-0{margin-top:0px}:host(.S\\:v-mb-size-0),.S\\:v-mb-size-0{margin-bottom:0px}:host(.S\\:v-mr-size-0),.S\\:v-mr-size-0{margin-right:0px}:host(.S\\:v-ml-size-0),.S\\:v-ml-size-0{margin-left:0px}:host(.S\\:v-m-size-4),.S\\:v-m-size-4{margin:4px}:host(.S\\:v-mx-size-4),.S\\:v-mx-size-4{margin-left:4px;margin-right:4px}:host(.S\\:v-my-size-4),.S\\:v-my-size-4{margin-top:4px;margin-bottom:4px}:host(.S\\:v-mt-size-4),.S\\:v-mt-size-4{margin-top:4px}:host(.S\\:v-mb-size-4),.S\\:v-mb-size-4{margin-bottom:4px}:host(.S\\:v-mr-size-4),.S\\:v-mr-size-4{margin-right:4px}:host(.S\\:v-ml-size-4),.S\\:v-ml-size-4{margin-left:4px}:host(.S\\:v-m-size-8),.S\\:v-m-size-8{margin:8px}:host(.S\\:v-mx-size-8),.S\\:v-mx-size-8{margin-left:8px;margin-right:8px}:host(.S\\:v-my-size-8),.S\\:v-my-size-8{margin-top:8px;margin-bottom:8px}:host(.S\\:v-mt-size-8),.S\\:v-mt-size-8{margin-top:8px}:host(.S\\:v-mb-size-8),.S\\:v-mb-size-8{margin-bottom:8px}:host(.S\\:v-mr-size-8),.S\\:v-mr-size-8{margin-right:8px}:host(.S\\:v-ml-size-8),.S\\:v-ml-size-8{margin-left:8px}:host(.S\\:v-m-size-12),.S\\:v-m-size-12{margin:12px}:host(.S\\:v-mx-size-12),.S\\:v-mx-size-12{margin-left:12px;margin-right:12px}:host(.S\\:v-my-size-12),.S\\:v-my-size-12{margin-top:12px;margin-bottom:12px}:host(.S\\:v-mt-size-12),.S\\:v-mt-size-12{margin-top:12px}:host(.S\\:v-mb-size-12),.S\\:v-mb-size-12{margin-bottom:12px}:host(.S\\:v-mr-size-12),.S\\:v-mr-size-12{margin-right:12px}:host(.S\\:v-ml-size-12),.S\\:v-ml-size-12{margin-left:12px}:host(.S\\:v-m-size-16),.S\\:v-m-size-16{margin:16px}:host(.S\\:v-mx-size-16),.S\\:v-mx-size-16{margin-left:16px;margin-right:16px}:host(.S\\:v-my-size-16),.S\\:v-my-size-16{margin-top:16px;margin-bottom:16px}:host(.S\\:v-mt-size-16),.S\\:v-mt-size-16{margin-top:16px}:host(.S\\:v-mb-size-16),.S\\:v-mb-size-16{margin-bottom:16px}:host(.S\\:v-mr-size-16),.S\\:v-mr-size-16{margin-right:16px}:host(.S\\:v-ml-size-16),.S\\:v-ml-size-16{margin-left:16px}:host(.S\\:v-m-size-20),.S\\:v-m-size-20{margin:20px}:host(.S\\:v-mx-size-20),.S\\:v-mx-size-20{margin-left:20px;margin-right:20px}:host(.S\\:v-my-size-20),.S\\:v-my-size-20{margin-top:20px;margin-bottom:20px}:host(.S\\:v-mt-size-20),.S\\:v-mt-size-20{margin-top:20px}:host(.S\\:v-mb-size-20),.S\\:v-mb-size-20{margin-bottom:20px}:host(.S\\:v-mr-size-20),.S\\:v-mr-size-20{margin-right:20px}:host(.S\\:v-ml-size-20),.S\\:v-ml-size-20{margin-left:20px}:host(.S\\:v-m-size-24),.S\\:v-m-size-24{margin:24px}:host(.S\\:v-mx-size-24),.S\\:v-mx-size-24{margin-left:24px;margin-right:24px}:host(.S\\:v-my-size-24),.S\\:v-my-size-24{margin-top:24px;margin-bottom:24px}:host(.S\\:v-mt-size-24),.S\\:v-mt-size-24{margin-top:24px}:host(.S\\:v-mb-size-24),.S\\:v-mb-size-24{margin-bottom:24px}:host(.S\\:v-mr-size-24),.S\\:v-mr-size-24{margin-right:24px}:host(.S\\:v-ml-size-24),.S\\:v-ml-size-24{margin-left:24px}:host(.S\\:v-m-size-32),.S\\:v-m-size-32{margin:32px}:host(.S\\:v-mx-size-32),.S\\:v-mx-size-32{margin-left:32px;margin-right:32px}:host(.S\\:v-my-size-32),.S\\:v-my-size-32{margin-top:32px;margin-bottom:32px}:host(.S\\:v-mt-size-32),.S\\:v-mt-size-32{margin-top:32px}:host(.S\\:v-mb-size-32),.S\\:v-mb-size-32{margin-bottom:32px}:host(.S\\:v-mr-size-32),.S\\:v-mr-size-32{margin-right:32px}:host(.S\\:v-ml-size-32),.S\\:v-ml-size-32{margin-left:32px}:host(.S\\:v-m-size-40),.S\\:v-m-size-40{margin:40px}:host(.S\\:v-mx-size-40),.S\\:v-mx-size-40{margin-left:40px;margin-right:40px}:host(.S\\:v-my-size-40),.S\\:v-my-size-40{margin-top:40px;margin-bottom:40px}:host(.S\\:v-mt-size-40),.S\\:v-mt-size-40{margin-top:40px}:host(.S\\:v-mb-size-40),.S\\:v-mb-size-40{margin-bottom:40px}:host(.S\\:v-mr-size-40),.S\\:v-mr-size-40{margin-right:40px}:host(.S\\:v-ml-size-40),.S\\:v-ml-size-40{margin-left:40px}:host(.S\\:v-m-size-48),.S\\:v-m-size-48{margin:48px}:host(.S\\:v-mx-size-48),.S\\:v-mx-size-48{margin-left:48px;margin-right:48px}:host(.S\\:v-my-size-48),.S\\:v-my-size-48{margin-top:48px;margin-bottom:48px}:host(.S\\:v-mt-size-48),.S\\:v-mt-size-48{margin-top:48px}:host(.S\\:v-mb-size-48),.S\\:v-mb-size-48{margin-bottom:48px}:host(.S\\:v-mr-size-48),.S\\:v-mr-size-48{margin-right:48px}:host(.S\\:v-ml-size-48),.S\\:v-ml-size-48{margin-left:48px}:host(.S\\:v-m-size-64),.S\\:v-m-size-64{margin:64px}:host(.S\\:v-mx-size-64),.S\\:v-mx-size-64{margin-left:64px;margin-right:64px}:host(.S\\:v-my-size-64),.S\\:v-my-size-64{margin-top:64px;margin-bottom:64px}:host(.S\\:v-mt-size-64),.S\\:v-mt-size-64{margin-top:64px}:host(.S\\:v-mb-size-64),.S\\:v-mb-size-64{margin-bottom:64px}:host(.S\\:v-mr-size-64),.S\\:v-mr-size-64{margin-right:64px}:host(.S\\:v-ml-size-64),.S\\:v-ml-size-64{margin-left:64px}:host(.S\\:v-m-size-72),.S\\:v-m-size-72{margin:72px}:host(.S\\:v-mx-size-72),.S\\:v-mx-size-72{margin-left:72px;margin-right:72px}:host(.S\\:v-my-size-72),.S\\:v-my-size-72{margin-top:72px;margin-bottom:72px}:host(.S\\:v-mt-size-72),.S\\:v-mt-size-72{margin-top:72px}:host(.S\\:v-mb-size-72),.S\\:v-mb-size-72{margin-bottom:72px}:host(.S\\:v-mr-size-72),.S\\:v-mr-size-72{margin-right:72px}:host(.S\\:v-ml-size-72),.S\\:v-ml-size-72{margin-left:72px}:host(.S\\:v-m-size-80),.S\\:v-m-size-80{margin:80px}:host(.S\\:v-mx-size-80),.S\\:v-mx-size-80{margin-left:80px;margin-right:80px}:host(.S\\:v-my-size-80),.S\\:v-my-size-80{margin-top:80px;margin-bottom:80px}:host(.S\\:v-mt-size-80),.S\\:v-mt-size-80{margin-top:80px}:host(.S\\:v-mb-size-80),.S\\:v-mb-size-80{margin-bottom:80px}:host(.S\\:v-mr-size-80),.S\\:v-mr-size-80{margin-right:80px}:host(.S\\:v-ml-size-80),.S\\:v-ml-size-80{margin-left:80px}:host(.S\\:v-m-size-112),.S\\:v-m-size-112{margin:112px}:host(.S\\:v-mx-size-112),.S\\:v-mx-size-112{margin-left:112px;margin-right:112px}:host(.S\\:v-my-size-112),.S\\:v-my-size-112{margin-top:112px;margin-bottom:112px}:host(.S\\:v-mt-size-112),.S\\:v-mt-size-112{margin-top:112px}:host(.S\\:v-mb-size-112),.S\\:v-mb-size-112{margin-bottom:112px}:host(.S\\:v-mr-size-112),.S\\:v-mr-size-112{margin-right:112px}:host(.S\\:v-ml-size-112),.S\\:v-ml-size-112{margin-left:112px}:host(.S\\:v-m-size-2),.S\\:v-m-size-2{margin:2px}:host(.S\\:v-mx-size-2),.S\\:v-mx-size-2{margin-left:2px;margin-right:2px}:host(.S\\:v-my-size-2),.S\\:v-my-size-2{margin-top:2px;margin-bottom:2px}:host(.S\\:v-mt-size-2),.S\\:v-mt-size-2{margin-top:2px}:host(.S\\:v-mb-size-2),.S\\:v-mb-size-2{margin-bottom:2px}:host(.S\\:v-mr-size-2),.S\\:v-mr-size-2{margin-right:2px}:host(.S\\:v-ml-size-2),.S\\:v-ml-size-2{margin-left:2px}}@media (min-width: 768px){:host(.M\\:v-m-0),.M\\:v-m-0{margin:0px}:host(.M\\:v-mx-0),.M\\:v-mx-0{margin-left:0px;margin-right:0px}:host(.M\\:v-my-0),.M\\:v-my-0{margin-top:0px;margin-bottom:0px}:host(.M\\:v-mt-0),.M\\:v-mt-0{margin-top:0px}:host(.M\\:v-mb-0),.M\\:v-mb-0{margin-bottom:0px}:host(.M\\:v-mr-0),.M\\:v-mr-0{margin-right:0px}:host(.M\\:v-ml-0),.M\\:v-ml-0{margin-left:0px}:host(.M\\:v-m-size-0),.M\\:v-m-size-0{margin:0px}:host(.M\\:v-mx-size-0),.M\\:v-mx-size-0{margin-left:0px;margin-right:0px}:host(.M\\:v-my-size-0),.M\\:v-my-size-0{margin-top:0px;margin-bottom:0px}:host(.M\\:v-mt-size-0),.M\\:v-mt-size-0{margin-top:0px}:host(.M\\:v-mb-size-0),.M\\:v-mb-size-0{margin-bottom:0px}:host(.M\\:v-mr-size-0),.M\\:v-mr-size-0{margin-right:0px}:host(.M\\:v-ml-size-0),.M\\:v-ml-size-0{margin-left:0px}:host(.M\\:v-m-size-4),.M\\:v-m-size-4{margin:4px}:host(.M\\:v-mx-size-4),.M\\:v-mx-size-4{margin-left:4px;margin-right:4px}:host(.M\\:v-my-size-4),.M\\:v-my-size-4{margin-top:4px;margin-bottom:4px}:host(.M\\:v-mt-size-4),.M\\:v-mt-size-4{margin-top:4px}:host(.M\\:v-mb-size-4),.M\\:v-mb-size-4{margin-bottom:4px}:host(.M\\:v-mr-size-4),.M\\:v-mr-size-4{margin-right:4px}:host(.M\\:v-ml-size-4),.M\\:v-ml-size-4{margin-left:4px}:host(.M\\:v-m-size-8),.M\\:v-m-size-8{margin:8px}:host(.M\\:v-mx-size-8),.M\\:v-mx-size-8{margin-left:8px;margin-right:8px}:host(.M\\:v-my-size-8),.M\\:v-my-size-8{margin-top:8px;margin-bottom:8px}:host(.M\\:v-mt-size-8),.M\\:v-mt-size-8{margin-top:8px}:host(.M\\:v-mb-size-8),.M\\:v-mb-size-8{margin-bottom:8px}:host(.M\\:v-mr-size-8),.M\\:v-mr-size-8{margin-right:8px}:host(.M\\:v-ml-size-8),.M\\:v-ml-size-8{margin-left:8px}:host(.M\\:v-m-size-12),.M\\:v-m-size-12{margin:12px}:host(.M\\:v-mx-size-12),.M\\:v-mx-size-12{margin-left:12px;margin-right:12px}:host(.M\\:v-my-size-12),.M\\:v-my-size-12{margin-top:12px;margin-bottom:12px}:host(.M\\:v-mt-size-12),.M\\:v-mt-size-12{margin-top:12px}:host(.M\\:v-mb-size-12),.M\\:v-mb-size-12{margin-bottom:12px}:host(.M\\:v-mr-size-12),.M\\:v-mr-size-12{margin-right:12px}:host(.M\\:v-ml-size-12),.M\\:v-ml-size-12{margin-left:12px}:host(.M\\:v-m-size-16),.M\\:v-m-size-16{margin:16px}:host(.M\\:v-mx-size-16),.M\\:v-mx-size-16{margin-left:16px;margin-right:16px}:host(.M\\:v-my-size-16),.M\\:v-my-size-16{margin-top:16px;margin-bottom:16px}:host(.M\\:v-mt-size-16),.M\\:v-mt-size-16{margin-top:16px}:host(.M\\:v-mb-size-16),.M\\:v-mb-size-16{margin-bottom:16px}:host(.M\\:v-mr-size-16),.M\\:v-mr-size-16{margin-right:16px}:host(.M\\:v-ml-size-16),.M\\:v-ml-size-16{margin-left:16px}:host(.M\\:v-m-size-20),.M\\:v-m-size-20{margin:20px}:host(.M\\:v-mx-size-20),.M\\:v-mx-size-20{margin-left:20px;margin-right:20px}:host(.M\\:v-my-size-20),.M\\:v-my-size-20{margin-top:20px;margin-bottom:20px}:host(.M\\:v-mt-size-20),.M\\:v-mt-size-20{margin-top:20px}:host(.M\\:v-mb-size-20),.M\\:v-mb-size-20{margin-bottom:20px}:host(.M\\:v-mr-size-20),.M\\:v-mr-size-20{margin-right:20px}:host(.M\\:v-ml-size-20),.M\\:v-ml-size-20{margin-left:20px}:host(.M\\:v-m-size-24),.M\\:v-m-size-24{margin:24px}:host(.M\\:v-mx-size-24),.M\\:v-mx-size-24{margin-left:24px;margin-right:24px}:host(.M\\:v-my-size-24),.M\\:v-my-size-24{margin-top:24px;margin-bottom:24px}:host(.M\\:v-mt-size-24),.M\\:v-mt-size-24{margin-top:24px}:host(.M\\:v-mb-size-24),.M\\:v-mb-size-24{margin-bottom:24px}:host(.M\\:v-mr-size-24),.M\\:v-mr-size-24{margin-right:24px}:host(.M\\:v-ml-size-24),.M\\:v-ml-size-24{margin-left:24px}:host(.M\\:v-m-size-32),.M\\:v-m-size-32{margin:32px}:host(.M\\:v-mx-size-32),.M\\:v-mx-size-32{margin-left:32px;margin-right:32px}:host(.M\\:v-my-size-32),.M\\:v-my-size-32{margin-top:32px;margin-bottom:32px}:host(.M\\:v-mt-size-32),.M\\:v-mt-size-32{margin-top:32px}:host(.M\\:v-mb-size-32),.M\\:v-mb-size-32{margin-bottom:32px}:host(.M\\:v-mr-size-32),.M\\:v-mr-size-32{margin-right:32px}:host(.M\\:v-ml-size-32),.M\\:v-ml-size-32{margin-left:32px}:host(.M\\:v-m-size-40),.M\\:v-m-size-40{margin:40px}:host(.M\\:v-mx-size-40),.M\\:v-mx-size-40{margin-left:40px;margin-right:40px}:host(.M\\:v-my-size-40),.M\\:v-my-size-40{margin-top:40px;margin-bottom:40px}:host(.M\\:v-mt-size-40),.M\\:v-mt-size-40{margin-top:40px}:host(.M\\:v-mb-size-40),.M\\:v-mb-size-40{margin-bottom:40px}:host(.M\\:v-mr-size-40),.M\\:v-mr-size-40{margin-right:40px}:host(.M\\:v-ml-size-40),.M\\:v-ml-size-40{margin-left:40px}:host(.M\\:v-m-size-48),.M\\:v-m-size-48{margin:48px}:host(.M\\:v-mx-size-48),.M\\:v-mx-size-48{margin-left:48px;margin-right:48px}:host(.M\\:v-my-size-48),.M\\:v-my-size-48{margin-top:48px;margin-bottom:48px}:host(.M\\:v-mt-size-48),.M\\:v-mt-size-48{margin-top:48px}:host(.M\\:v-mb-size-48),.M\\:v-mb-size-48{margin-bottom:48px}:host(.M\\:v-mr-size-48),.M\\:v-mr-size-48{margin-right:48px}:host(.M\\:v-ml-size-48),.M\\:v-ml-size-48{margin-left:48px}:host(.M\\:v-m-size-64),.M\\:v-m-size-64{margin:64px}:host(.M\\:v-mx-size-64),.M\\:v-mx-size-64{margin-left:64px;margin-right:64px}:host(.M\\:v-my-size-64),.M\\:v-my-size-64{margin-top:64px;margin-bottom:64px}:host(.M\\:v-mt-size-64),.M\\:v-mt-size-64{margin-top:64px}:host(.M\\:v-mb-size-64),.M\\:v-mb-size-64{margin-bottom:64px}:host(.M\\:v-mr-size-64),.M\\:v-mr-size-64{margin-right:64px}:host(.M\\:v-ml-size-64),.M\\:v-ml-size-64{margin-left:64px}:host(.M\\:v-m-size-72),.M\\:v-m-size-72{margin:72px}:host(.M\\:v-mx-size-72),.M\\:v-mx-size-72{margin-left:72px;margin-right:72px}:host(.M\\:v-my-size-72),.M\\:v-my-size-72{margin-top:72px;margin-bottom:72px}:host(.M\\:v-mt-size-72),.M\\:v-mt-size-72{margin-top:72px}:host(.M\\:v-mb-size-72),.M\\:v-mb-size-72{margin-bottom:72px}:host(.M\\:v-mr-size-72),.M\\:v-mr-size-72{margin-right:72px}:host(.M\\:v-ml-size-72),.M\\:v-ml-size-72{margin-left:72px}:host(.M\\:v-m-size-80),.M\\:v-m-size-80{margin:80px}:host(.M\\:v-mx-size-80),.M\\:v-mx-size-80{margin-left:80px;margin-right:80px}:host(.M\\:v-my-size-80),.M\\:v-my-size-80{margin-top:80px;margin-bottom:80px}:host(.M\\:v-mt-size-80),.M\\:v-mt-size-80{margin-top:80px}:host(.M\\:v-mb-size-80),.M\\:v-mb-size-80{margin-bottom:80px}:host(.M\\:v-mr-size-80),.M\\:v-mr-size-80{margin-right:80px}:host(.M\\:v-ml-size-80),.M\\:v-ml-size-80{margin-left:80px}:host(.M\\:v-m-size-112),.M\\:v-m-size-112{margin:112px}:host(.M\\:v-mx-size-112),.M\\:v-mx-size-112{margin-left:112px;margin-right:112px}:host(.M\\:v-my-size-112),.M\\:v-my-size-112{margin-top:112px;margin-bottom:112px}:host(.M\\:v-mt-size-112),.M\\:v-mt-size-112{margin-top:112px}:host(.M\\:v-mb-size-112),.M\\:v-mb-size-112{margin-bottom:112px}:host(.M\\:v-mr-size-112),.M\\:v-mr-size-112{margin-right:112px}:host(.M\\:v-ml-size-112),.M\\:v-ml-size-112{margin-left:112px}:host(.M\\:v-m-size-2),.M\\:v-m-size-2{margin:2px}:host(.M\\:v-mx-size-2),.M\\:v-mx-size-2{margin-left:2px;margin-right:2px}:host(.M\\:v-my-size-2),.M\\:v-my-size-2{margin-top:2px;margin-bottom:2px}:host(.M\\:v-mt-size-2),.M\\:v-mt-size-2{margin-top:2px}:host(.M\\:v-mb-size-2),.M\\:v-mb-size-2{margin-bottom:2px}:host(.M\\:v-mr-size-2),.M\\:v-mr-size-2{margin-right:2px}:host(.M\\:v-ml-size-2),.M\\:v-ml-size-2{margin-left:2px}}@media (min-width: 1024px){:host(.L\\:v-m-0),.L\\:v-m-0{margin:0px}:host(.L\\:v-mx-0),.L\\:v-mx-0{margin-left:0px;margin-right:0px}:host(.L\\:v-my-0),.L\\:v-my-0{margin-top:0px;margin-bottom:0px}:host(.L\\:v-mt-0),.L\\:v-mt-0{margin-top:0px}:host(.L\\:v-mb-0),.L\\:v-mb-0{margin-bottom:0px}:host(.L\\:v-mr-0),.L\\:v-mr-0{margin-right:0px}:host(.L\\:v-ml-0),.L\\:v-ml-0{margin-left:0px}:host(.L\\:v-m-size-0),.L\\:v-m-size-0{margin:0px}:host(.L\\:v-mx-size-0),.L\\:v-mx-size-0{margin-left:0px;margin-right:0px}:host(.L\\:v-my-size-0),.L\\:v-my-size-0{margin-top:0px;margin-bottom:0px}:host(.L\\:v-mt-size-0),.L\\:v-mt-size-0{margin-top:0px}:host(.L\\:v-mb-size-0),.L\\:v-mb-size-0{margin-bottom:0px}:host(.L\\:v-mr-size-0),.L\\:v-mr-size-0{margin-right:0px}:host(.L\\:v-ml-size-0),.L\\:v-ml-size-0{margin-left:0px}:host(.L\\:v-m-size-4),.L\\:v-m-size-4{margin:4px}:host(.L\\:v-mx-size-4),.L\\:v-mx-size-4{margin-left:4px;margin-right:4px}:host(.L\\:v-my-size-4),.L\\:v-my-size-4{margin-top:4px;margin-bottom:4px}:host(.L\\:v-mt-size-4),.L\\:v-mt-size-4{margin-top:4px}:host(.L\\:v-mb-size-4),.L\\:v-mb-size-4{margin-bottom:4px}:host(.L\\:v-mr-size-4),.L\\:v-mr-size-4{margin-right:4px}:host(.L\\:v-ml-size-4),.L\\:v-ml-size-4{margin-left:4px}:host(.L\\:v-m-size-8),.L\\:v-m-size-8{margin:8px}:host(.L\\:v-mx-size-8),.L\\:v-mx-size-8{margin-left:8px;margin-right:8px}:host(.L\\:v-my-size-8),.L\\:v-my-size-8{margin-top:8px;margin-bottom:8px}:host(.L\\:v-mt-size-8),.L\\:v-mt-size-8{margin-top:8px}:host(.L\\:v-mb-size-8),.L\\:v-mb-size-8{margin-bottom:8px}:host(.L\\:v-mr-size-8),.L\\:v-mr-size-8{margin-right:8px}:host(.L\\:v-ml-size-8),.L\\:v-ml-size-8{margin-left:8px}:host(.L\\:v-m-size-12),.L\\:v-m-size-12{margin:12px}:host(.L\\:v-mx-size-12),.L\\:v-mx-size-12{margin-left:12px;margin-right:12px}:host(.L\\:v-my-size-12),.L\\:v-my-size-12{margin-top:12px;margin-bottom:12px}:host(.L\\:v-mt-size-12),.L\\:v-mt-size-12{margin-top:12px}:host(.L\\:v-mb-size-12),.L\\:v-mb-size-12{margin-bottom:12px}:host(.L\\:v-mr-size-12),.L\\:v-mr-size-12{margin-right:12px}:host(.L\\:v-ml-size-12),.L\\:v-ml-size-12{margin-left:12px}:host(.L\\:v-m-size-16),.L\\:v-m-size-16{margin:16px}:host(.L\\:v-mx-size-16),.L\\:v-mx-size-16{margin-left:16px;margin-right:16px}:host(.L\\:v-my-size-16),.L\\:v-my-size-16{margin-top:16px;margin-bottom:16px}:host(.L\\:v-mt-size-16),.L\\:v-mt-size-16{margin-top:16px}:host(.L\\:v-mb-size-16),.L\\:v-mb-size-16{margin-bottom:16px}:host(.L\\:v-mr-size-16),.L\\:v-mr-size-16{margin-right:16px}:host(.L\\:v-ml-size-16),.L\\:v-ml-size-16{margin-left:16px}:host(.L\\:v-m-size-20),.L\\:v-m-size-20{margin:20px}:host(.L\\:v-mx-size-20),.L\\:v-mx-size-20{margin-left:20px;margin-right:20px}:host(.L\\:v-my-size-20),.L\\:v-my-size-20{margin-top:20px;margin-bottom:20px}:host(.L\\:v-mt-size-20),.L\\:v-mt-size-20{margin-top:20px}:host(.L\\:v-mb-size-20),.L\\:v-mb-size-20{margin-bottom:20px}:host(.L\\:v-mr-size-20),.L\\:v-mr-size-20{margin-right:20px}:host(.L\\:v-ml-size-20),.L\\:v-ml-size-20{margin-left:20px}:host(.L\\:v-m-size-24),.L\\:v-m-size-24{margin:24px}:host(.L\\:v-mx-size-24),.L\\:v-mx-size-24{margin-left:24px;margin-right:24px}:host(.L\\:v-my-size-24),.L\\:v-my-size-24{margin-top:24px;margin-bottom:24px}:host(.L\\:v-mt-size-24),.L\\:v-mt-size-24{margin-top:24px}:host(.L\\:v-mb-size-24),.L\\:v-mb-size-24{margin-bottom:24px}:host(.L\\:v-mr-size-24),.L\\:v-mr-size-24{margin-right:24px}:host(.L\\:v-ml-size-24),.L\\:v-ml-size-24{margin-left:24px}:host(.L\\:v-m-size-32),.L\\:v-m-size-32{margin:32px}:host(.L\\:v-mx-size-32),.L\\:v-mx-size-32{margin-left:32px;margin-right:32px}:host(.L\\:v-my-size-32),.L\\:v-my-size-32{margin-top:32px;margin-bottom:32px}:host(.L\\:v-mt-size-32),.L\\:v-mt-size-32{margin-top:32px}:host(.L\\:v-mb-size-32),.L\\:v-mb-size-32{margin-bottom:32px}:host(.L\\:v-mr-size-32),.L\\:v-mr-size-32{margin-right:32px}:host(.L\\:v-ml-size-32),.L\\:v-ml-size-32{margin-left:32px}:host(.L\\:v-m-size-40),.L\\:v-m-size-40{margin:40px}:host(.L\\:v-mx-size-40),.L\\:v-mx-size-40{margin-left:40px;margin-right:40px}:host(.L\\:v-my-size-40),.L\\:v-my-size-40{margin-top:40px;margin-bottom:40px}:host(.L\\:v-mt-size-40),.L\\:v-mt-size-40{margin-top:40px}:host(.L\\:v-mb-size-40),.L\\:v-mb-size-40{margin-bottom:40px}:host(.L\\:v-mr-size-40),.L\\:v-mr-size-40{margin-right:40px}:host(.L\\:v-ml-size-40),.L\\:v-ml-size-40{margin-left:40px}:host(.L\\:v-m-size-48),.L\\:v-m-size-48{margin:48px}:host(.L\\:v-mx-size-48),.L\\:v-mx-size-48{margin-left:48px;margin-right:48px}:host(.L\\:v-my-size-48),.L\\:v-my-size-48{margin-top:48px;margin-bottom:48px}:host(.L\\:v-mt-size-48),.L\\:v-mt-size-48{margin-top:48px}:host(.L\\:v-mb-size-48),.L\\:v-mb-size-48{margin-bottom:48px}:host(.L\\:v-mr-size-48),.L\\:v-mr-size-48{margin-right:48px}:host(.L\\:v-ml-size-48),.L\\:v-ml-size-48{margin-left:48px}:host(.L\\:v-m-size-64),.L\\:v-m-size-64{margin:64px}:host(.L\\:v-mx-size-64),.L\\:v-mx-size-64{margin-left:64px;margin-right:64px}:host(.L\\:v-my-size-64),.L\\:v-my-size-64{margin-top:64px;margin-bottom:64px}:host(.L\\:v-mt-size-64),.L\\:v-mt-size-64{margin-top:64px}:host(.L\\:v-mb-size-64),.L\\:v-mb-size-64{margin-bottom:64px}:host(.L\\:v-mr-size-64),.L\\:v-mr-size-64{margin-right:64px}:host(.L\\:v-ml-size-64),.L\\:v-ml-size-64{margin-left:64px}:host(.L\\:v-m-size-72),.L\\:v-m-size-72{margin:72px}:host(.L\\:v-mx-size-72),.L\\:v-mx-size-72{margin-left:72px;margin-right:72px}:host(.L\\:v-my-size-72),.L\\:v-my-size-72{margin-top:72px;margin-bottom:72px}:host(.L\\:v-mt-size-72),.L\\:v-mt-size-72{margin-top:72px}:host(.L\\:v-mb-size-72),.L\\:v-mb-size-72{margin-bottom:72px}:host(.L\\:v-mr-size-72),.L\\:v-mr-size-72{margin-right:72px}:host(.L\\:v-ml-size-72),.L\\:v-ml-size-72{margin-left:72px}:host(.L\\:v-m-size-80),.L\\:v-m-size-80{margin:80px}:host(.L\\:v-mx-size-80),.L\\:v-mx-size-80{margin-left:80px;margin-right:80px}:host(.L\\:v-my-size-80),.L\\:v-my-size-80{margin-top:80px;margin-bottom:80px}:host(.L\\:v-mt-size-80),.L\\:v-mt-size-80{margin-top:80px}:host(.L\\:v-mb-size-80),.L\\:v-mb-size-80{margin-bottom:80px}:host(.L\\:v-mr-size-80),.L\\:v-mr-size-80{margin-right:80px}:host(.L\\:v-ml-size-80),.L\\:v-ml-size-80{margin-left:80px}:host(.L\\:v-m-size-112),.L\\:v-m-size-112{margin:112px}:host(.L\\:v-mx-size-112),.L\\:v-mx-size-112{margin-left:112px;margin-right:112px}:host(.L\\:v-my-size-112),.L\\:v-my-size-112{margin-top:112px;margin-bottom:112px}:host(.L\\:v-mt-size-112),.L\\:v-mt-size-112{margin-top:112px}:host(.L\\:v-mb-size-112),.L\\:v-mb-size-112{margin-bottom:112px}:host(.L\\:v-mr-size-112),.L\\:v-mr-size-112{margin-right:112px}:host(.L\\:v-ml-size-112),.L\\:v-ml-size-112{margin-left:112px}:host(.L\\:v-m-size-2),.L\\:v-m-size-2{margin:2px}:host(.L\\:v-mx-size-2),.L\\:v-mx-size-2{margin-left:2px;margin-right:2px}:host(.L\\:v-my-size-2),.L\\:v-my-size-2{margin-top:2px;margin-bottom:2px}:host(.L\\:v-mt-size-2),.L\\:v-mt-size-2{margin-top:2px}:host(.L\\:v-mb-size-2),.L\\:v-mb-size-2{margin-bottom:2px}:host(.L\\:v-mr-size-2),.L\\:v-mr-size-2{margin-right:2px}:host(.L\\:v-ml-size-2),.L\\:v-ml-size-2{margin-left:2px}}@media (min-width: 1440px){:host(.XL\\:v-m-0),.XL\\:v-m-0{margin:0px}:host(.XL\\:v-mx-0),.XL\\:v-mx-0{margin-left:0px;margin-right:0px}:host(.XL\\:v-my-0),.XL\\:v-my-0{margin-top:0px;margin-bottom:0px}:host(.XL\\:v-mt-0),.XL\\:v-mt-0{margin-top:0px}:host(.XL\\:v-mb-0),.XL\\:v-mb-0{margin-bottom:0px}:host(.XL\\:v-mr-0),.XL\\:v-mr-0{margin-right:0px}:host(.XL\\:v-ml-0),.XL\\:v-ml-0{margin-left:0px}:host(.XL\\:v-m-size-0),.XL\\:v-m-size-0{margin:0px}:host(.XL\\:v-mx-size-0),.XL\\:v-mx-size-0{margin-left:0px;margin-right:0px}:host(.XL\\:v-my-size-0),.XL\\:v-my-size-0{margin-top:0px;margin-bottom:0px}:host(.XL\\:v-mt-size-0),.XL\\:v-mt-size-0{margin-top:0px}:host(.XL\\:v-mb-size-0),.XL\\:v-mb-size-0{margin-bottom:0px}:host(.XL\\:v-mr-size-0),.XL\\:v-mr-size-0{margin-right:0px}:host(.XL\\:v-ml-size-0),.XL\\:v-ml-size-0{margin-left:0px}:host(.XL\\:v-m-size-4),.XL\\:v-m-size-4{margin:4px}:host(.XL\\:v-mx-size-4),.XL\\:v-mx-size-4{margin-left:4px;margin-right:4px}:host(.XL\\:v-my-size-4),.XL\\:v-my-size-4{margin-top:4px;margin-bottom:4px}:host(.XL\\:v-mt-size-4),.XL\\:v-mt-size-4{margin-top:4px}:host(.XL\\:v-mb-size-4),.XL\\:v-mb-size-4{margin-bottom:4px}:host(.XL\\:v-mr-size-4),.XL\\:v-mr-size-4{margin-right:4px}:host(.XL\\:v-ml-size-4),.XL\\:v-ml-size-4{margin-left:4px}:host(.XL\\:v-m-size-8),.XL\\:v-m-size-8{margin:8px}:host(.XL\\:v-mx-size-8),.XL\\:v-mx-size-8{margin-left:8px;margin-right:8px}:host(.XL\\:v-my-size-8),.XL\\:v-my-size-8{margin-top:8px;margin-bottom:8px}:host(.XL\\:v-mt-size-8),.XL\\:v-mt-size-8{margin-top:8px}:host(.XL\\:v-mb-size-8),.XL\\:v-mb-size-8{margin-bottom:8px}:host(.XL\\:v-mr-size-8),.XL\\:v-mr-size-8{margin-right:8px}:host(.XL\\:v-ml-size-8),.XL\\:v-ml-size-8{margin-left:8px}:host(.XL\\:v-m-size-12),.XL\\:v-m-size-12{margin:12px}:host(.XL\\:v-mx-size-12),.XL\\:v-mx-size-12{margin-left:12px;margin-right:12px}:host(.XL\\:v-my-size-12),.XL\\:v-my-size-12{margin-top:12px;margin-bottom:12px}:host(.XL\\:v-mt-size-12),.XL\\:v-mt-size-12{margin-top:12px}:host(.XL\\:v-mb-size-12),.XL\\:v-mb-size-12{margin-bottom:12px}:host(.XL\\:v-mr-size-12),.XL\\:v-mr-size-12{margin-right:12px}:host(.XL\\:v-ml-size-12),.XL\\:v-ml-size-12{margin-left:12px}:host(.XL\\:v-m-size-16),.XL\\:v-m-size-16{margin:16px}:host(.XL\\:v-mx-size-16),.XL\\:v-mx-size-16{margin-left:16px;margin-right:16px}:host(.XL\\:v-my-size-16),.XL\\:v-my-size-16{margin-top:16px;margin-bottom:16px}:host(.XL\\:v-mt-size-16),.XL\\:v-mt-size-16{margin-top:16px}:host(.XL\\:v-mb-size-16),.XL\\:v-mb-size-16{margin-bottom:16px}:host(.XL\\:v-mr-size-16),.XL\\:v-mr-size-16{margin-right:16px}:host(.XL\\:v-ml-size-16),.XL\\:v-ml-size-16{margin-left:16px}:host(.XL\\:v-m-size-20),.XL\\:v-m-size-20{margin:20px}:host(.XL\\:v-mx-size-20),.XL\\:v-mx-size-20{margin-left:20px;margin-right:20px}:host(.XL\\:v-my-size-20),.XL\\:v-my-size-20{margin-top:20px;margin-bottom:20px}:host(.XL\\:v-mt-size-20),.XL\\:v-mt-size-20{margin-top:20px}:host(.XL\\:v-mb-size-20),.XL\\:v-mb-size-20{margin-bottom:20px}:host(.XL\\:v-mr-size-20),.XL\\:v-mr-size-20{margin-right:20px}:host(.XL\\:v-ml-size-20),.XL\\:v-ml-size-20{margin-left:20px}:host(.XL\\:v-m-size-24),.XL\\:v-m-size-24{margin:24px}:host(.XL\\:v-mx-size-24),.XL\\:v-mx-size-24{margin-left:24px;margin-right:24px}:host(.XL\\:v-my-size-24),.XL\\:v-my-size-24{margin-top:24px;margin-bottom:24px}:host(.XL\\:v-mt-size-24),.XL\\:v-mt-size-24{margin-top:24px}:host(.XL\\:v-mb-size-24),.XL\\:v-mb-size-24{margin-bottom:24px}:host(.XL\\:v-mr-size-24),.XL\\:v-mr-size-24{margin-right:24px}:host(.XL\\:v-ml-size-24),.XL\\:v-ml-size-24{margin-left:24px}:host(.XL\\:v-m-size-32),.XL\\:v-m-size-32{margin:32px}:host(.XL\\:v-mx-size-32),.XL\\:v-mx-size-32{margin-left:32px;margin-right:32px}:host(.XL\\:v-my-size-32),.XL\\:v-my-size-32{margin-top:32px;margin-bottom:32px}:host(.XL\\:v-mt-size-32),.XL\\:v-mt-size-32{margin-top:32px}:host(.XL\\:v-mb-size-32),.XL\\:v-mb-size-32{margin-bottom:32px}:host(.XL\\:v-mr-size-32),.XL\\:v-mr-size-32{margin-right:32px}:host(.XL\\:v-ml-size-32),.XL\\:v-ml-size-32{margin-left:32px}:host(.XL\\:v-m-size-40),.XL\\:v-m-size-40{margin:40px}:host(.XL\\:v-mx-size-40),.XL\\:v-mx-size-40{margin-left:40px;margin-right:40px}:host(.XL\\:v-my-size-40),.XL\\:v-my-size-40{margin-top:40px;margin-bottom:40px}:host(.XL\\:v-mt-size-40),.XL\\:v-mt-size-40{margin-top:40px}:host(.XL\\:v-mb-size-40),.XL\\:v-mb-size-40{margin-bottom:40px}:host(.XL\\:v-mr-size-40),.XL\\:v-mr-size-40{margin-right:40px}:host(.XL\\:v-ml-size-40),.XL\\:v-ml-size-40{margin-left:40px}:host(.XL\\:v-m-size-48),.XL\\:v-m-size-48{margin:48px}:host(.XL\\:v-mx-size-48),.XL\\:v-mx-size-48{margin-left:48px;margin-right:48px}:host(.XL\\:v-my-size-48),.XL\\:v-my-size-48{margin-top:48px;margin-bottom:48px}:host(.XL\\:v-mt-size-48),.XL\\:v-mt-size-48{margin-top:48px}:host(.XL\\:v-mb-size-48),.XL\\:v-mb-size-48{margin-bottom:48px}:host(.XL\\:v-mr-size-48),.XL\\:v-mr-size-48{margin-right:48px}:host(.XL\\:v-ml-size-48),.XL\\:v-ml-size-48{margin-left:48px}:host(.XL\\:v-m-size-64),.XL\\:v-m-size-64{margin:64px}:host(.XL\\:v-mx-size-64),.XL\\:v-mx-size-64{margin-left:64px;margin-right:64px}:host(.XL\\:v-my-size-64),.XL\\:v-my-size-64{margin-top:64px;margin-bottom:64px}:host(.XL\\:v-mt-size-64),.XL\\:v-mt-size-64{margin-top:64px}:host(.XL\\:v-mb-size-64),.XL\\:v-mb-size-64{margin-bottom:64px}:host(.XL\\:v-mr-size-64),.XL\\:v-mr-size-64{margin-right:64px}:host(.XL\\:v-ml-size-64),.XL\\:v-ml-size-64{margin-left:64px}:host(.XL\\:v-m-size-72),.XL\\:v-m-size-72{margin:72px}:host(.XL\\:v-mx-size-72),.XL\\:v-mx-size-72{margin-left:72px;margin-right:72px}:host(.XL\\:v-my-size-72),.XL\\:v-my-size-72{margin-top:72px;margin-bottom:72px}:host(.XL\\:v-mt-size-72),.XL\\:v-mt-size-72{margin-top:72px}:host(.XL\\:v-mb-size-72),.XL\\:v-mb-size-72{margin-bottom:72px}:host(.XL\\:v-mr-size-72),.XL\\:v-mr-size-72{margin-right:72px}:host(.XL\\:v-ml-size-72),.XL\\:v-ml-size-72{margin-left:72px}:host(.XL\\:v-m-size-80),.XL\\:v-m-size-80{margin:80px}:host(.XL\\:v-mx-size-80),.XL\\:v-mx-size-80{margin-left:80px;margin-right:80px}:host(.XL\\:v-my-size-80),.XL\\:v-my-size-80{margin-top:80px;margin-bottom:80px}:host(.XL\\:v-mt-size-80),.XL\\:v-mt-size-80{margin-top:80px}:host(.XL\\:v-mb-size-80),.XL\\:v-mb-size-80{margin-bottom:80px}:host(.XL\\:v-mr-size-80),.XL\\:v-mr-size-80{margin-right:80px}:host(.XL\\:v-ml-size-80),.XL\\:v-ml-size-80{margin-left:80px}:host(.XL\\:v-m-size-112),.XL\\:v-m-size-112{margin:112px}:host(.XL\\:v-mx-size-112),.XL\\:v-mx-size-112{margin-left:112px;margin-right:112px}:host(.XL\\:v-my-size-112),.XL\\:v-my-size-112{margin-top:112px;margin-bottom:112px}:host(.XL\\:v-mt-size-112),.XL\\:v-mt-size-112{margin-top:112px}:host(.XL\\:v-mb-size-112),.XL\\:v-mb-size-112{margin-bottom:112px}:host(.XL\\:v-mr-size-112),.XL\\:v-mr-size-112{margin-right:112px}:host(.XL\\:v-ml-size-112),.XL\\:v-ml-size-112{margin-left:112px}:host(.XL\\:v-m-size-2),.XL\\:v-m-size-2{margin:2px}:host(.XL\\:v-mx-size-2),.XL\\:v-mx-size-2{margin-left:2px;margin-right:2px}:host(.XL\\:v-my-size-2),.XL\\:v-my-size-2{margin-top:2px;margin-bottom:2px}:host(.XL\\:v-mt-size-2),.XL\\:v-mt-size-2{margin-top:2px}:host(.XL\\:v-mb-size-2),.XL\\:v-mb-size-2{margin-bottom:2px}:host(.XL\\:v-mr-size-2),.XL\\:v-mr-size-2{margin-right:2px}:host(.XL\\:v-ml-size-2),.XL\\:v-ml-size-2{margin-left:2px}}:host(.vega-divider-horizontal){display:block;height:1px;width:100%}:host(.vega-divider-vertical){display:inline-block;width:1px;height:100%}:host(.vega-divider-primary){background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1))}:host(.vega-divider-secondary){background-color:rgba(var(--v-bg-divider-secondary, 199, 217, 229, 1))}";export{S as vega_divider}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,H as t,r as i,c as o,g as a}from"./p-1c298d5a.js";import{s as r}from"./p-9b797118.js";import{R as n}from"./p-280cbcdb.js";import{c as s,V as l,M as d,I as p}from"./p-6e1ab235.js";import{R as c}from"./p-c531d2f3.js";import{m as h}from"./p-6bd5c49b.js";import{V as g,I as v}from"./p-4387d550.js";import{D as m}from"./p-59c9de55.js";import{a as u,f,s as b,y as x}from"./p-c8408c13.js";import{b as w}from"./p-a247e073.js";import{C as y}from"./p-2d0d575f.js";import{c as j}from"./p-86194314.js";import{b as R}from"./p-f1e0e7d4.js";import{F as I}from"./p-e3820e5b.js";import{f as C,d as k}from"./p-bf953152.js";import{C as U}from"./p-179887da.js";import{c as O}from"./p-c8f914d2.js";import{T as z}from"./p-b129beb6.js";import"./p-abd7aeaa.js";import"./p-b1f65b13.js";import"./p-ed45b3b6.js";import"./p-74168615.js";import"./p-3a0a4d15.js";import"./p-d884c644.js";import"./p-c0291e2e.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-3647d61d.js";import"./p-5f377954.js";import"./p-1e940ce8.js";import"./p-7a40e033.js";import"./p-112455b1.js";import"./p-76076b46.js";import"./p-e06361df.js";import"./p-37b05e0b.js";import"./p-6a334573.js";import"./p-cc63e827.js";import"./p-0fd6c35b.js";import"./p-d920b18c.js";import"./p-619fdde5.js";import"./p-0bb29d98.js";import"./p-987fbbd0.js";import"./p-b5f5a5e0.js";var V=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class F extends l{getImageUploaderContainer(){return this.imageUploaderContainerRef}render(){return e(t,{class:{disabled:this.disabled}},this.renderLabelDom(),e("div",{ref:e=>this.imageUploaderContainerRef=e,class:{"vega-image-uploader-select":!0,"disabled-border":this.disabled&&!this.value},style:{width:this.getSize(this.width),height:this.getSize(this.height)}},this.renderContentByStatus()),this.inputRenderer.render(),this.renderHint())}renderLabelDom(){return e("vega-field-label",{"is-field-required":this.required,disabled:this.disabled,label:this.label})}renderContentByStatus(){if("uploading"===this.status)return this.uploadingContentRenderer.render();{const e=this.previewController.getImagePreviewURL();return e?this.previewContentRenderer.render(e):this.defaultContentRenderer.render()}}renderHint(){return this.hint&&e("div",{class:"vega-hint"},e("label",null,this.hint))}getSize(e){if(e){const t=c.format(e,"size");return"number"==typeof t?`${t}px`:`${t}`}}}V([s({componentFieldName:"vegaImageUploaderInputRenderer"})],F.prototype,"inputRenderer",void 0),V([s({componentFieldName:"vegaImageUploaderDefaultContentRenderer"})],F.prototype,"defaultContentRenderer",void 0),V([s({componentFieldName:"vegaImageUploaderPreviewContentRenderer"})],F.prototype,"previewContentRenderer",void 0),V([s({componentFieldName:"vegaImageUploaderUploadingContentRenderer"})],F.prototype,"uploadingContentRenderer",void 0),V([s({componentFieldName:"vegaImageUploaderPreviewController"})],F.prototype,"previewController",void 0),V([s()],F.prototype,"value",void 0),V([s()],F.prototype,"disabled",void 0),V([s()],F.prototype,"status",void 0),V([s()],F.prototype,"label",void 0),V([s()],F.prototype,"required",void 0),V([s()],F.prototype,"width",void 0),V([s()],F.prototype,"height",void 0),V([s()],F.prototype,"hint",void 0);var N=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class D extends l{constructor(){super(...arguments),this.handleFileInputChange=e=>{e.stopPropagation();const t=e.target;t.files.length&&this.valueController.setValue(t.files[0])}}getFileInputRef(){return this.fileInputRef}render(){return e("input",{type:"file",accept:this.accept,class:"v-hidden",ref:e=>this.fileInputRef=e,onChange:this.handleFileInputChange})}}N([s({componentFieldName:"vegaImageUploaderValueController"})],D.prototype,"valueController",void 0),N([s()],D.prototype,"accept",void 0);var E=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class A extends l{triggerInputClick(){this.disabled||this.inputRenderer.getFileInputRef().click()}resetInput(){this.inputRenderer.getFileInputRef().value=""}}E([s({componentFieldName:"vegaImageUploaderInputRenderer"})],A.prototype,"inputRenderer",void 0),E([s()],A.prototype,"disabled",void 0);var P=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class S extends l{constructor(){super(...arguments),this.renderActionButton=t=>{const i=this.getButtonOptions(t);return e("vega-button-circle",Object.assign({size:"small",variant:"icon-only",iconColor:"text-inverted-primary",role:"menuitem",ref:e=>{m.addUniqueObserverToNode(e,u,(()=>{this.handleClick(t)}))}},i))}}handleClick(e){switch(e){case"Preview":this.previewController.showPreview();break;case"Delete":this.removeController.showRemoveDialog();break;case"Replace":this.inputController.triggerInputClick()}}render(){return this.showRemoveButton||this.showPreviewButton||this.showReplaceButton?e("span",{class:"actions"},this.showPreviewButton&&this.renderActionButton("Preview"),this.showReplaceButton&&!this.disabled&&this.renderActionButton("Replace"),this.showRemoveButton&&!this.disabled&&this.renderActionButton("Delete")):null}getButtonOptions(e){let t;switch(e){case"Preview":t={icon:"zoom-in",label:e};break;case"Delete":t={icon:"delete-bin",label:e};break;case"Replace":t={icon:"photo",label:e}}return t}}P([s({componentFieldName:"vegaImageUploaderInputController"})],S.prototype,"inputController",void 0),P([s({componentFieldName:"vegaImageUploaderValueController"})],S.prototype,"valueController",void 0),P([s({componentFieldName:"vegaImageUploaderPreviewController"})],S.prototype,"previewController",void 0),P([s({componentFieldName:"vegaImageUploaderRemoveController"})],S.prototype,"removeController",void 0),P([s()],S.prototype,"disabled",void 0),P([s()],S.prototype,"showPreviewButton",void 0),P([s()],S.prototype,"showRemoveButton",void 0),P([s()],S.prototype,"showReplaceButton",void 0),P([s()],S.prototype,"removeEventEmitter",void 0);var L=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class T extends l{handleValueChange(){this.value||this.inputController.resetInput(),this.changeEventEmitter.emit(this.value),y.notify(w,{host:this.host,detail:this.value})}setValue(e){this.value=e}}L([s({writable:!0})],T.prototype,"value",void 0),L([s()],T.prototype,"changeEventEmitter",void 0),L([s()],T.prototype,"host",void 0),L([s({componentFieldName:"vegaImageUploaderInputController"})],T.prototype,"inputController",void 0),L([d("watchValue")],T.prototype,"handleValueChange",null);var _=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class B extends l{constructor(){super(...arguments),this.getImagePreviewURL=e=>{if(e=e||this.value)return e.url||URL.createObjectURL(e)},this.generatePreviewModal=e=>{const t=document.createElement("vega-modal");return this.value&&this.value.name&&(t.modalTitle=this.value.name),t.innerHTML=`\n <div style='text-align: center'>\n <img style='width: 100%' class="preview-image" src="${e}" alt="" />\n </div>\n `,this.previewModalRef=t,document.body.append(t),t}}disconnectedCallback(){var e;null===(e=this.previewModalRef)||void 0===e||e.remove()}showPreview(){const e=this.getImagePreviewURL();if(this.previewModalRef){const t=this.previewModalRef.querySelector(".preview-image");t&&e&&(t.src=e),this.value&&this.value.name&&(this.previewModalRef.modalTitle=this.value.name),this.previewModalRef.modal("show")}else this.generatePreviewModal(e).modal("show")}}_([s()],B.prototype,"value",void 0),_([d("disconnectedCallback")],B.prototype,"disconnectedCallback",null),_([d("getContentURL")],B.prototype,"getImagePreviewURL",void 0);class K extends l{render(t){const i=this.actionsRenderer.render();return e("div",{class:{"image-preview-container":!0,"actions-backdrop":!!i},tabIndex:0,role:"menu"},e("img",{src:t,alt:""}),i)}}!function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);r>3&&n&&Object.defineProperty(t,i,n)}([s({componentFieldName:"vegaImageUploaderActionsRenderer"})],K.prototype,"actionsRenderer",void 0);var $=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class q extends l{constructor(){super(...arguments),this.handleCancelUploading=e=>{e.stopPropagation(),this.status=void 0,this.removeController.handleRemoveFile(),this.cancelEventEmitter.emit()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleCancelUploading,onKeyDown:j()},e("span",{class:"action-loading"}),e("div",{class:"vega-image-uploader-text cancel-action"},"Cancel"))}}$([s({componentFieldName:"vegaImageUploaderRemoveController"})],q.prototype,"removeController",void 0),$([s({writable:!0})],q.prototype,"status",void 0),$([s()],q.prototype,"cancelEventEmitter",void 0);var G=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class H extends l{constructor(){super(...arguments),this.handleUploaderClick=e=>{e.stopPropagation(),this.inputController.triggerInputClick()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleUploaderClick,onKeyDown:j()},e("vega-icon",{icon:"plus-sign",size:"size-24"}),e("div",{class:"vega-image-uploader-text"},this.translationSlimmer.t(this.actionTitle)),this.renderSubtitle())}renderSubtitle(){return this.actionSubTitle&&e("div",{class:"sub-title"},this.actionSubTitle)}}G([s({componentFieldName:"vegaImageUploaderInputController"})],H.prototype,"inputController",void 0),G([s()],H.prototype,"actionTitle",void 0),G([s()],H.prototype,"actionSubTitle",void 0),G([s()],H.prototype,"translationSlimmer",void 0);var M=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class J extends l{constructor(){super(...arguments),this.showRemoveDialog=()=>{this.removeDialogRef=R.open({type:"danger",title:"Delete Image",content:"Are you sure you want to delete this image?",handleOk:()=>(this.handleRemoveFile(),!0),okButton:{label:"Delete"}})},this.handleRemoveFile=()=>{this.valueController.setValue(null),this.removeEventEmitter.emit()}}disconnectedCallback(){var e;null===(e=this.removeDialogRef)||void 0===e||e.remove()}}M([s({componentFieldName:"vegaImageUploaderValueController"})],J.prototype,"valueController",void 0),M([s()],J.prototype,"removeEventEmitter",void 0),M([d("disconnectedCallback")],J.prototype,"disconnectedCallback",null);var Q=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class W extends l{handleValueChange(){this.value&&this.hideBackDropAndActions()}hideBackDropAndActions(){const e=k();e&&C(e,"vega-image-uploader")===this.host&&e.blur()}}Q([s()],W.prototype,"host",void 0),Q([s()],W.prototype,"value",void 0),Q([d("watchValue")],W.prototype,"handleValueChange",null);const X=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!1===e.autoValidation}];var Y=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const Z=["jpg","png","jpeg"],ee=class{constructor(e){i(this,e),this.vegaChange=o(this,"vegaChange",7),this.change=o(this,"change",7),this.vegaRemove=o(this,"vegaRemove",7),this.remove=o(this,"remove",7),this.vegaCancel=o(this,"vegaCancel",7),this.cancel=o(this,"cancel",7),this.globalSlimmers={},this.translationSlimmer=new z,this.vegaImageUploaderRenderer=new F,this.vegaImageUploaderUploadingContentRenderer=new q,this.vegaImageUploaderPreviewContentRenderer=new K,this.vegaImageUploaderDefaultContentRenderer=new H,this.vegaImageUploaderInputRenderer=new D,this.vegaImageUploaderActionsRenderer=new S,this.vegaImageUploaderInputController=new A,this.vegaImageUploaderValueController=new T,this.vegaImageUploaderPreviewController=new B,this.vegaImageUploaderRemoveController=new J,this.actionsVisibilityController=new W,this.formFieldController=new I({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new n:null}],validationRulesName:"validationRules",defaultValue:null,attributeGetter:e=>this[e],inputContainerGetter:()=>this.vegaImageUploaderRenderer.getImageUploaderContainer(),touchableAreaGetter:()=>[this.vegaImageUploaderInputRenderer.getFileInputRef()]}),this.changeEventEmitter=O(ee,f),this.removeEventEmitter=O(ee,b),this.cancelEventEmitter=O(ee,x),this.buttonCircleEventPrevent=new U([u],(()=>this.vegaImageUploaderRenderer.getImageUploaderContainer())),this.vegaComponentUsageRuntimeMetricsSlimmer=new g(X),this.value=null,this.accept=Z.map((e=>`.${e}`)).join(","),this.showPreviewButton=!0,this.showRemoveButton=!0,this.showReplaceButton=!0,this.disabled=!1,this.required=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.label="",this.actionTitle="Upload",this.width=120,this.height=120}watchValue(){}watchValidationRules(){}disconnectedCallback(){}async getContentURL(e){return h(e)}render(){return r(this.vegaImageUploaderRenderer.render(),this.host)}get host(){return a(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};Y([v()],ee.prototype,"globalSlimmers",void 0),Y([p()],ee.prototype,"translationSlimmer",void 0),Y([p()],ee.prototype,"vegaImageUploaderRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderUploadingContentRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderPreviewContentRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderDefaultContentRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderInputRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderActionsRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderInputController",void 0),Y([p()],ee.prototype,"vegaImageUploaderValueController",void 0),Y([p()],ee.prototype,"vegaImageUploaderPreviewController",void 0),Y([p()],ee.prototype,"vegaImageUploaderRemoveController",void 0),Y([p()],ee.prototype,"actionsVisibilityController",void 0),Y([p()],ee.prototype,"formFieldController",void 0),Y([p()],ee.prototype,"changeEventEmitter",void 0),Y([p()],ee.prototype,"removeEventEmitter",void 0),Y([p()],ee.prototype,"cancelEventEmitter",void 0),Y([p()],ee.prototype,"buttonCircleEventPrevent",void 0),Y([p()],ee.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),ee.style=':host{display:inline-block;vertical-align:middle}:host .vega-image-uploader-select{box-sizing:border-box;background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1));border-radius:8px;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1));display:flex;flex-direction:row;align-items:center;border-width:1px;border-style:dashed;min-width:120px;min-height:120px}:host .vega-image-uploader-select .action-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;width:100%;height:100%;padding:12px;box-sizing:border-box;cursor:pointer;flex-grow:1;outline:none}:host(.disabled) .vega-image-uploader-select.disabled-border{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border-color:rgba(var(--v-border-color-input-field-hover, 115, 160, 190, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover .vega-image-uploader-text{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(:not(.disabled)) .vega-image-uploader-select .action-wrapper:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(:not(.disabled)) .vega-image-uploader-select .actions-backdrop:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(:not(.disabled)) .vega-image-uploader-select .error .action-wrapper:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host(.disabled) .vega-image-uploader-select .action-wrapper{cursor:not-allowed}:host(.disabled) .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.disabled) .vega-image-uploader-select .action-wrapper .vega-image-uploader-text{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-image-uploader-select .vega-image-uploader-text{padding-top:20px;color:rgba(var(--v-text-link, 19, 98, 226, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(:not(.disabled)) .vega-image-uploader-select:not(.error):focus-within{border-color:rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}:host .image-preview-container{display:flex;align-items:center;justify-content:center;position:relative;height:100%;width:100%;border-radius:8px;outline:none}:host .image-preview-container img{width:100%;height:100%;border-radius:8px;object-fit:contain}:host .image-preview-container.actions-backdrop::before{width:100%;height:100%;border-radius:8px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;background-color:rgba(0, 0, 0, 0.6);content:" "}:host .vega-image-uploader-select .actions{position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;display:flex;align-items:center;justify-content:center;gap:2px;pointer-events:none}:host .image-preview-container.actions-backdrop:hover::before{opacity:1;pointer-events:auto}:host .image-preview-container:hover .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .action-loading{position:relative;display:inline-block;width:24px;height:24px}:host .vega-image-uploader-select .action-loading::before{content:" ";display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;border:4px solid rgb(229, 239, 255)}:host .vega-image-uploader-select .action-loading::after{display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;content:" ";border-style:solid;border-width:4px;border-color:rgb(153, 192, 255) transparent transparent transparent;animation:loading 1.2s linear infinite}@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host .vega-image-uploader-select .action-wrapper .cancel-action{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host vega-input{display:none}:host input[type=file]{display:none}:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select.error{border-color:rgba(var(--v-border-color-input-field-danger, 230, 50, 87, 1))}:host .vega-image-uploader-select.error:hover{border-color:rgba(var(--v-border-color-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-image-uploader-select.error .action-wrapper:focus-within{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host .vega-image-uploader-select.error .actions-backdrop:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host .vega-hidden{display:none}:host vega-field-label{margin-bottom:8px}:host .sub-title{padding-top:4px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}:host .vega-hint{padding-left:8px;padding-right:8px;padding-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{ee as vega_image_uploader}
|
|
1
|
+
import{h as e,H as t,r as i,c as o,g as a}from"./p-1c298d5a.js";import{s as r}from"./p-9b797118.js";import{R as n}from"./p-280cbcdb.js";import{c as s,V as l,M as d,I as p}from"./p-6e1ab235.js";import{R as c}from"./p-d2e11032.js";import{m as h}from"./p-6bd5c49b.js";import{V as g,I as v}from"./p-4387d550.js";import{D as m}from"./p-59c9de55.js";import{a as u,f,s as b,y as x}from"./p-c8408c13.js";import{b as w}from"./p-a247e073.js";import{C as y}from"./p-2d0d575f.js";import{c as j}from"./p-86194314.js";import{b as R}from"./p-f1e0e7d4.js";import{F as I}from"./p-cd53bde4.js";import{f as C,d as k}from"./p-bf953152.js";import{C as U}from"./p-179887da.js";import{c as O}from"./p-c8f914d2.js";import{T as z}from"./p-12a10bdf.js";import"./p-abd7aeaa.js";import"./p-b1f65b13.js";import"./p-ed45b3b6.js";import"./p-74168615.js";import"./p-3a0a4d15.js";import"./p-d884c644.js";import"./p-c0291e2e.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-3647d61d.js";import"./p-5f377954.js";import"./p-1e940ce8.js";import"./p-7a40e033.js";import"./p-112455b1.js";import"./p-01d4c679.js";import"./p-e06361df.js";import"./p-37b05e0b.js";import"./p-6a334573.js";import"./p-cc63e827.js";import"./p-0fd6c35b.js";import"./p-02603c02.js";import"./p-619fdde5.js";import"./p-0bb29d98.js";import"./p-987fbbd0.js";import"./p-b5f5a5e0.js";var V=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class F extends l{getImageUploaderContainer(){return this.imageUploaderContainerRef}render(){return e(t,{class:{disabled:this.disabled}},this.renderLabelDom(),e("div",{ref:e=>this.imageUploaderContainerRef=e,class:{"vega-image-uploader-select":!0,"disabled-border":this.disabled&&!this.value},style:{width:this.getSize(this.width),height:this.getSize(this.height)}},this.renderContentByStatus()),this.inputRenderer.render(),this.renderHint())}renderLabelDom(){return e("vega-field-label",{"is-field-required":this.required,disabled:this.disabled,label:this.label})}renderContentByStatus(){if("uploading"===this.status)return this.uploadingContentRenderer.render();{const e=this.previewController.getImagePreviewURL();return e?this.previewContentRenderer.render(e):this.defaultContentRenderer.render()}}renderHint(){return this.hint&&e("div",{class:"vega-hint"},e("label",null,this.hint))}getSize(e){if(e){const t=c.format(e,"size");return"number"==typeof t?`${t}px`:`${t}`}}}V([s({componentFieldName:"vegaImageUploaderInputRenderer"})],F.prototype,"inputRenderer",void 0),V([s({componentFieldName:"vegaImageUploaderDefaultContentRenderer"})],F.prototype,"defaultContentRenderer",void 0),V([s({componentFieldName:"vegaImageUploaderPreviewContentRenderer"})],F.prototype,"previewContentRenderer",void 0),V([s({componentFieldName:"vegaImageUploaderUploadingContentRenderer"})],F.prototype,"uploadingContentRenderer",void 0),V([s({componentFieldName:"vegaImageUploaderPreviewController"})],F.prototype,"previewController",void 0),V([s()],F.prototype,"value",void 0),V([s()],F.prototype,"disabled",void 0),V([s()],F.prototype,"status",void 0),V([s()],F.prototype,"label",void 0),V([s()],F.prototype,"required",void 0),V([s()],F.prototype,"width",void 0),V([s()],F.prototype,"height",void 0),V([s()],F.prototype,"hint",void 0);var N=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class D extends l{constructor(){super(...arguments),this.handleFileInputChange=e=>{e.stopPropagation();const t=e.target;t.files.length&&this.valueController.setValue(t.files[0])}}getFileInputRef(){return this.fileInputRef}render(){return e("input",{type:"file",accept:this.accept,class:"v-hidden",ref:e=>this.fileInputRef=e,onChange:this.handleFileInputChange})}}N([s({componentFieldName:"vegaImageUploaderValueController"})],D.prototype,"valueController",void 0),N([s()],D.prototype,"accept",void 0);var E=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class A extends l{triggerInputClick(){this.disabled||this.inputRenderer.getFileInputRef().click()}resetInput(){this.inputRenderer.getFileInputRef().value=""}}E([s({componentFieldName:"vegaImageUploaderInputRenderer"})],A.prototype,"inputRenderer",void 0),E([s()],A.prototype,"disabled",void 0);var P=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class S extends l{constructor(){super(...arguments),this.renderActionButton=t=>{const i=this.getButtonOptions(t);return e("vega-button-circle",Object.assign({size:"small",variant:"icon-only",iconColor:"text-inverted-primary",role:"menuitem",ref:e=>{m.addUniqueObserverToNode(e,u,(()=>{this.handleClick(t)}))}},i))}}handleClick(e){switch(e){case"Preview":this.previewController.showPreview();break;case"Delete":this.removeController.showRemoveDialog();break;case"Replace":this.inputController.triggerInputClick()}}render(){return this.showRemoveButton||this.showPreviewButton||this.showReplaceButton?e("span",{class:"actions"},this.showPreviewButton&&this.renderActionButton("Preview"),this.showReplaceButton&&!this.disabled&&this.renderActionButton("Replace"),this.showRemoveButton&&!this.disabled&&this.renderActionButton("Delete")):null}getButtonOptions(e){let t;switch(e){case"Preview":t={icon:"zoom-in",label:e};break;case"Delete":t={icon:"delete-bin",label:e};break;case"Replace":t={icon:"photo",label:e}}return t}}P([s({componentFieldName:"vegaImageUploaderInputController"})],S.prototype,"inputController",void 0),P([s({componentFieldName:"vegaImageUploaderValueController"})],S.prototype,"valueController",void 0),P([s({componentFieldName:"vegaImageUploaderPreviewController"})],S.prototype,"previewController",void 0),P([s({componentFieldName:"vegaImageUploaderRemoveController"})],S.prototype,"removeController",void 0),P([s()],S.prototype,"disabled",void 0),P([s()],S.prototype,"showPreviewButton",void 0),P([s()],S.prototype,"showRemoveButton",void 0),P([s()],S.prototype,"showReplaceButton",void 0),P([s()],S.prototype,"removeEventEmitter",void 0);var L=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class T extends l{handleValueChange(){this.value||this.inputController.resetInput(),this.changeEventEmitter.emit(this.value),y.notify(w,{host:this.host,detail:this.value})}setValue(e){this.value=e}}L([s({writable:!0})],T.prototype,"value",void 0),L([s()],T.prototype,"changeEventEmitter",void 0),L([s()],T.prototype,"host",void 0),L([s({componentFieldName:"vegaImageUploaderInputController"})],T.prototype,"inputController",void 0),L([d("watchValue")],T.prototype,"handleValueChange",null);var _=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class B extends l{constructor(){super(...arguments),this.getImagePreviewURL=e=>{if(e=e||this.value)return e.url||URL.createObjectURL(e)},this.generatePreviewModal=e=>{const t=document.createElement("vega-modal");return this.value&&this.value.name&&(t.modalTitle=this.value.name),t.innerHTML=`\n <div style='text-align: center'>\n <img style='width: 100%' class="preview-image" src="${e}" alt="" />\n </div>\n `,this.previewModalRef=t,document.body.append(t),t}}disconnectedCallback(){var e;null===(e=this.previewModalRef)||void 0===e||e.remove()}showPreview(){const e=this.getImagePreviewURL();if(this.previewModalRef){const t=this.previewModalRef.querySelector(".preview-image");t&&e&&(t.src=e),this.value&&this.value.name&&(this.previewModalRef.modalTitle=this.value.name),this.previewModalRef.modal("show")}else this.generatePreviewModal(e).modal("show")}}_([s()],B.prototype,"value",void 0),_([d("disconnectedCallback")],B.prototype,"disconnectedCallback",null),_([d("getContentURL")],B.prototype,"getImagePreviewURL",void 0);class K extends l{render(t){const i=this.actionsRenderer.render();return e("div",{class:{"image-preview-container":!0,"actions-backdrop":!!i},tabIndex:0,role:"menu"},e("img",{src:t,alt:""}),i)}}!function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);r>3&&n&&Object.defineProperty(t,i,n)}([s({componentFieldName:"vegaImageUploaderActionsRenderer"})],K.prototype,"actionsRenderer",void 0);var $=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class q extends l{constructor(){super(...arguments),this.handleCancelUploading=e=>{e.stopPropagation(),this.status=void 0,this.removeController.handleRemoveFile(),this.cancelEventEmitter.emit()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleCancelUploading,onKeyDown:j()},e("span",{class:"action-loading"}),e("div",{class:"vega-image-uploader-text cancel-action"},"Cancel"))}}$([s({componentFieldName:"vegaImageUploaderRemoveController"})],q.prototype,"removeController",void 0),$([s({writable:!0})],q.prototype,"status",void 0),$([s()],q.prototype,"cancelEventEmitter",void 0);var G=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class H extends l{constructor(){super(...arguments),this.handleUploaderClick=e=>{e.stopPropagation(),this.inputController.triggerInputClick()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleUploaderClick,onKeyDown:j()},e("vega-icon",{icon:"plus-sign",size:"size-24"}),e("div",{class:"vega-image-uploader-text"},this.translationSlimmer.t(this.actionTitle)),this.renderSubtitle())}renderSubtitle(){return this.actionSubTitle&&e("div",{class:"sub-title"},this.actionSubTitle)}}G([s({componentFieldName:"vegaImageUploaderInputController"})],H.prototype,"inputController",void 0),G([s()],H.prototype,"actionTitle",void 0),G([s()],H.prototype,"actionSubTitle",void 0),G([s()],H.prototype,"translationSlimmer",void 0);var M=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class J extends l{constructor(){super(...arguments),this.showRemoveDialog=()=>{this.removeDialogRef=R.open({type:"danger",title:"Delete Image",content:"Are you sure you want to delete this image?",handleOk:()=>(this.handleRemoveFile(),!0),okButton:{label:"Delete"}})},this.handleRemoveFile=()=>{this.valueController.setValue(null),this.removeEventEmitter.emit()}}disconnectedCallback(){var e;null===(e=this.removeDialogRef)||void 0===e||e.remove()}}M([s({componentFieldName:"vegaImageUploaderValueController"})],J.prototype,"valueController",void 0),M([s()],J.prototype,"removeEventEmitter",void 0),M([d("disconnectedCallback")],J.prototype,"disconnectedCallback",null);var Q=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class W extends l{handleValueChange(){this.value&&this.hideBackDropAndActions()}hideBackDropAndActions(){const e=k();e&&C(e,"vega-image-uploader")===this.host&&e.blur()}}Q([s()],W.prototype,"host",void 0),Q([s()],W.prototype,"value",void 0),Q([d("watchValue")],W.prototype,"handleValueChange",null);const X=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!1===e.autoValidation}];var Y=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const Z=["jpg","png","jpeg"],ee=class{constructor(e){i(this,e),this.vegaChange=o(this,"vegaChange",7),this.change=o(this,"change",7),this.vegaRemove=o(this,"vegaRemove",7),this.remove=o(this,"remove",7),this.vegaCancel=o(this,"vegaCancel",7),this.cancel=o(this,"cancel",7),this.globalSlimmers={},this.translationSlimmer=new z,this.vegaImageUploaderRenderer=new F,this.vegaImageUploaderUploadingContentRenderer=new q,this.vegaImageUploaderPreviewContentRenderer=new K,this.vegaImageUploaderDefaultContentRenderer=new H,this.vegaImageUploaderInputRenderer=new D,this.vegaImageUploaderActionsRenderer=new S,this.vegaImageUploaderInputController=new A,this.vegaImageUploaderValueController=new T,this.vegaImageUploaderPreviewController=new B,this.vegaImageUploaderRemoveController=new J,this.actionsVisibilityController=new W,this.formFieldController=new I({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new n:null}],validationRulesName:"validationRules",defaultValue:null,attributeGetter:e=>this[e],inputContainerGetter:()=>this.vegaImageUploaderRenderer.getImageUploaderContainer(),touchableAreaGetter:()=>[this.vegaImageUploaderInputRenderer.getFileInputRef()]}),this.changeEventEmitter=O(ee,f),this.removeEventEmitter=O(ee,b),this.cancelEventEmitter=O(ee,x),this.buttonCircleEventPrevent=new U([u],(()=>this.vegaImageUploaderRenderer.getImageUploaderContainer())),this.vegaComponentUsageRuntimeMetricsSlimmer=new g(X),this.value=null,this.accept=Z.map((e=>`.${e}`)).join(","),this.showPreviewButton=!0,this.showRemoveButton=!0,this.showReplaceButton=!0,this.disabled=!1,this.required=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.label="",this.actionTitle="Upload",this.width=120,this.height=120}watchValue(){}watchValidationRules(){}disconnectedCallback(){}async getContentURL(e){return h(e)}render(){return r(this.vegaImageUploaderRenderer.render(),this.host)}get host(){return a(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};Y([v()],ee.prototype,"globalSlimmers",void 0),Y([p()],ee.prototype,"translationSlimmer",void 0),Y([p()],ee.prototype,"vegaImageUploaderRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderUploadingContentRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderPreviewContentRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderDefaultContentRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderInputRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderActionsRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderInputController",void 0),Y([p()],ee.prototype,"vegaImageUploaderValueController",void 0),Y([p()],ee.prototype,"vegaImageUploaderPreviewController",void 0),Y([p()],ee.prototype,"vegaImageUploaderRemoveController",void 0),Y([p()],ee.prototype,"actionsVisibilityController",void 0),Y([p()],ee.prototype,"formFieldController",void 0),Y([p()],ee.prototype,"changeEventEmitter",void 0),Y([p()],ee.prototype,"removeEventEmitter",void 0),Y([p()],ee.prototype,"cancelEventEmitter",void 0),Y([p()],ee.prototype,"buttonCircleEventPrevent",void 0),Y([p()],ee.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),ee.style=':host{display:inline-block;vertical-align:middle}:host .vega-image-uploader-select{box-sizing:border-box;background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1));border-radius:8px;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1));display:flex;flex-direction:row;align-items:center;border-width:1px;border-style:dashed;min-width:120px;min-height:120px}:host .vega-image-uploader-select .action-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;width:100%;height:100%;padding:12px;box-sizing:border-box;cursor:pointer;flex-grow:1;outline:none}:host(.disabled) .vega-image-uploader-select.disabled-border{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border-color:rgba(var(--v-border-color-input-field-hover, 115, 160, 190, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover .vega-image-uploader-text{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(:not(.disabled)) .vega-image-uploader-select .action-wrapper:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(:not(.disabled)) .vega-image-uploader-select .actions-backdrop:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(:not(.disabled)) .vega-image-uploader-select .error .action-wrapper:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host(.disabled) .vega-image-uploader-select .action-wrapper{cursor:not-allowed}:host(.disabled) .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.disabled) .vega-image-uploader-select .action-wrapper .vega-image-uploader-text{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-image-uploader-select .vega-image-uploader-text{padding-top:20px;color:rgba(var(--v-text-link, 19, 98, 226, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(:not(.disabled)) .vega-image-uploader-select:not(.error):focus-within{border-color:rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}:host .image-preview-container{display:flex;align-items:center;justify-content:center;position:relative;height:100%;width:100%;border-radius:8px;outline:none}:host .image-preview-container img{width:100%;height:100%;border-radius:8px;object-fit:contain}:host .image-preview-container.actions-backdrop::before{width:100%;height:100%;border-radius:8px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;background-color:rgba(0, 0, 0, 0.6);content:" "}:host .vega-image-uploader-select .actions{position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;display:flex;align-items:center;justify-content:center;gap:2px;pointer-events:none}:host .image-preview-container.actions-backdrop:hover::before{opacity:1;pointer-events:auto}:host .image-preview-container:hover .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .action-loading{position:relative;display:inline-block;width:24px;height:24px}:host .vega-image-uploader-select .action-loading::before{content:" ";display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;border:4px solid rgb(229, 239, 255)}:host .vega-image-uploader-select .action-loading::after{display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;content:" ";border-style:solid;border-width:4px;border-color:rgb(153, 192, 255) transparent transparent transparent;animation:loading 1.2s linear infinite}@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host .vega-image-uploader-select .action-wrapper .cancel-action{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host vega-input{display:none}:host input[type=file]{display:none}:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select.error{border-color:rgba(var(--v-border-color-input-field-danger, 230, 50, 87, 1))}:host .vega-image-uploader-select.error:hover{border-color:rgba(var(--v-border-color-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-image-uploader-select.error .action-wrapper:focus-within{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host .vega-image-uploader-select.error .actions-backdrop:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host .vega-hidden{display:none}:host vega-field-label{margin-bottom:8px}:host .sub-title{padding-top:4px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}:host .vega-hint{padding-left:8px;padding-right:8px;padding-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{ee as vega_image_uploader}
|