@globalpayments/vega 2.27.0 → 2.28.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-190595cc.js → app-globals-512d84f4.js} +1 -1
- package/dist/cjs/{form-field-controller-slimmer-ee984eb2.js → form-field-controller-slimmer-223f8ee3.js} +1 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +3 -3
- package/dist/cjs/{sub-state-observer-slimmer-832a4215.js → sub-state-observer-slimmer-36660092.js} +2 -2
- package/dist/cjs/{translation-slimmer-8ebf126d.js → translation-slimmer-83577cfd.js} +1 -1
- package/dist/cjs/vega-app-header-button.cjs.entry.js +1 -1
- package/dist/cjs/vega-button-circle.cjs.entry.js +1 -1
- package/dist/cjs/vega-button-group_2.cjs.entry.js +3 -3
- package/dist/cjs/vega-button.cjs.entry.js +1 -1
- package/dist/cjs/vega-calendar_3.cjs.entry.js +937 -838
- package/dist/cjs/vega-checkbox_2.cjs.entry.js +2 -2
- package/dist/cjs/vega-chip.cjs.entry.js +1 -1
- 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 +3 -3
- package/dist/cjs/vega-dropdown_5.cjs.entry.js +3 -3
- 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-form.cjs.entry.js +2 -2
- package/dist/cjs/vega-image-uploader.cjs.entry.js +3 -3
- package/dist/cjs/vega-input-credit-card.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 +3 -3
- package/dist/cjs/vega-input.cjs.entry.js +46 -13
- package/dist/cjs/vega-pagination.cjs.entry.js +2 -2
- package/dist/cjs/vega-radio_2.cjs.entry.js +2 -2
- package/dist/cjs/vega-selection-chip_2.cjs.entry.js +3 -3
- package/dist/cjs/vega-selection-tile_2.cjs.entry.js +3 -3
- package/dist/cjs/vega-signature-capture.cjs.entry.js +3 -3
- package/dist/cjs/vega-stepper.cjs.entry.js +2 -2
- package/dist/cjs/vega-table_8.cjs.entry.js +3 -3
- package/dist/cjs/vega-textarea.cjs.entry.js +2 -2
- package/dist/cjs/vega-time-picker_2.cjs.entry.js +3 -3
- package/dist/cjs/vega-toggle-switch.cjs.entry.js +2 -2
- package/dist/cjs/vega.cjs.js +3 -3
- package/dist/collection/components/vega-app-header-button/vega-app-header-button.css +7 -1
- package/dist/collection/components/vega-button/vega-button.css +1 -0
- package/dist/collection/components/vega-button-circle/vega-button-circle.css +4 -0
- package/dist/collection/components/vega-button-group/vega-button-group-item/vega-button-group-item.css +10 -0
- package/dist/collection/components/vega-button-group/vega-button-group.css +13 -0
- package/dist/collection/components/vega-calendar/slimmers/common/controllers/vega-calendar-current-period-controller.js +17 -3
- package/dist/collection/components/vega-calendar/slimmers/common/controllers/vega-calendar-event-responsive-controller.js +1 -1
- package/dist/collection/components/vega-calendar/slimmers/common/controllers/vega-calendar-view-controller.js +3 -0
- package/dist/collection/components/vega-calendar/slimmers/common/layout/full-day-event-layout-generator.js +1 -1
- package/dist/collection/components/vega-calendar/slimmers/common/renderers/vega-calendar-switch-panel.js +4 -3
- package/dist/collection/components/vega-calendar/slimmers/common/renderers/vega-calendar-view-renderer.js +4 -1
- package/dist/collection/components/vega-calendar/slimmers/day-view/renderers/timed-event/vega-calendar-day-event-layout-renderer.js +1 -1
- package/dist/collection/components/vega-calendar/slimmers/day-view/renderers/vega-calendar-time-line-renderer.js +1 -1
- package/dist/collection/components/vega-calendar/slimmers/day-view/renderers/vega-calendar-view-with-time-renderer.js +0 -3
- package/dist/collection/components/vega-calendar/slimmers/month-view/renderers/vega-calendar-month-event-renderer.js +3 -1
- package/dist/collection/components/vega-calendar/slimmers/month-view/renderers/vega-calendar-month-view-renderer.js +0 -3
- package/dist/collection/components/vega-calendar/utils/index.js +24 -0
- package/dist/collection/components/vega-calendar/vega-calendar-event/slimmers/renderers/vega-calendar-event-renderer.js +3 -2
- package/dist/collection/components/vega-calendar/vega-calendar.css +10 -6
- package/dist/collection/components/vega-calendar/vega-calendar.js +36 -0
- package/dist/collection/components/vega-chip/vega-chip.css +4 -0
- package/dist/collection/helpers/calendar/calendar-period/calendar-period.abstract.js +8 -0
- package/dist/collection/helpers/calendar/calendar-period/day-period.js +27 -4
- package/dist/collection/helpers/calendar/calendar-period/month-period.js +4 -2
- package/dist/collection/helpers/calendar/calendar-period/week-period.js +4 -2
- package/dist/collection/helpers/calendar/calendar-view-generator/month-view-generator.js +8 -2
- package/dist/collection/helpers/calendar/calendar-view-generator/week-view-generator.js +8 -1
- package/dist/collection/helpers/calendar/test/calendar-period/day-period.test.js +16 -0
- package/dist/collection/helpers/calendar/test/calendar-view-generator/month-view-generator.test.js +50 -0
- package/dist/collection/helpers/calendar/test/calendar-view-generator/week-view-generator.test.js +15 -0
- package/dist/collection/helpers/formatter/string-formatter/number-mask-strategy.js +36 -4
- package/dist/collection/helpers/formatter/string-formatter/number-thousand-comma-strategy.js +9 -7
- package/dist/collection/helpers/formatter/test/string-formatter/number-mask-strategy.test.js +11 -2
- package/dist/collection/helpers/formatter/test/string-formatter/number-thousand-comma-mask-strategy.test.js +2 -0
- package/dist/collection/helpers/slimmers/sub-state/sub-state-observer-slimmer.js +2 -2
- package/dist/collection/helpers/slimmers/test/string-input-formatter-slimmer.test.js +20 -0
- package/dist/esm/{app-globals-d0b86358.js → app-globals-41797af8.js} +1 -1
- package/dist/esm/{form-field-controller-slimmer-2f9c871b.js → form-field-controller-slimmer-edbaaf7c.js} +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{sub-state-observer-slimmer-af28076b.js → sub-state-observer-slimmer-8eff5559.js} +2 -2
- package/dist/esm/{translation-slimmer-c740a5f3.js → translation-slimmer-79f9a9c9.js} +1 -1
- package/dist/esm/vega-app-header-button.entry.js +1 -1
- package/dist/esm/vega-button-circle.entry.js +1 -1
- package/dist/esm/vega-button-group_2.entry.js +3 -3
- package/dist/esm/vega-button.entry.js +1 -1
- package/dist/esm/vega-calendar_3.entry.js +937 -838
- package/dist/esm/vega-checkbox_2.entry.js +2 -2
- package/dist/esm/vega-chip.entry.js +1 -1
- 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 +3 -3
- package/dist/esm/vega-dropdown_5.entry.js +3 -3
- package/dist/esm/vega-env-manager-8f8dc473.js +2 -2
- package/dist/esm/vega-file-uploader.entry.js +3 -3
- package/dist/esm/vega-form.entry.js +2 -2
- package/dist/esm/vega-image-uploader.entry.js +3 -3
- package/dist/esm/vega-input-credit-card.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 +3 -3
- package/dist/esm/vega-input.entry.js +46 -13
- package/dist/esm/vega-pagination.entry.js +2 -2
- package/dist/esm/vega-radio_2.entry.js +2 -2
- package/dist/esm/vega-selection-chip_2.entry.js +3 -3
- package/dist/esm/vega-selection-tile_2.entry.js +3 -3
- package/dist/esm/vega-signature-capture.entry.js +3 -3
- package/dist/esm/vega-stepper.entry.js +2 -2
- package/dist/esm/vega-table_8.entry.js +3 -3
- package/dist/esm/vega-textarea.entry.js +2 -2
- package/dist/esm/vega-time-picker_2.entry.js +3 -3
- package/dist/esm/vega-toggle-switch.entry.js +2 -2
- package/dist/esm/vega.js +3 -3
- package/dist/types/components/vega-calendar/slimmers/common/controllers/vega-calendar-current-period-controller.d.ts +5 -0
- package/dist/types/components/vega-calendar/slimmers/common/controllers/vega-calendar-view-controller.d.ts +1 -0
- package/dist/types/components/vega-calendar/slimmers/common/renderers/vega-calendar-switch-panel.d.ts +1 -1
- package/dist/types/components/vega-calendar/slimmers/common/renderers/vega-calendar-view-renderer.d.ts +1 -0
- package/dist/types/components/vega-calendar/slimmers/day-view/renderers/vega-calendar-view-with-time-renderer.d.ts +0 -1
- package/dist/types/components/vega-calendar/slimmers/month-view/renderers/vega-calendar-month-view-renderer.d.ts +0 -1
- package/dist/types/components/vega-calendar/utils/index.d.ts +13 -0
- package/dist/types/components/vega-calendar/vega-calendar.d.ts +10 -0
- package/dist/types/components.d.ts +10 -0
- package/dist/types/helpers/calendar/calendar-period/calendar-period.abstract.d.ts +7 -0
- package/dist/types/helpers/calendar/calendar-period/day-period.d.ts +8 -1
- package/dist/types/helpers/calendar/calendar-period/month-period.d.ts +2 -1
- package/dist/types/helpers/calendar/calendar-period/week-period.d.ts +2 -1
- package/dist/types/helpers/formatter/string-formatter/number-mask-strategy.d.ts +20 -0
- package/dist/types/helpers/slimmers/sub-state/sub-state-observer-slimmer.d.ts +1 -1
- package/dist/vega/index.esm.js +1 -1
- package/dist/vega/{p-f57454a6.js → p-0120ce7a.js} +1 -1
- package/dist/vega/{p-1dc80394.entry.js → p-0395e791.entry.js} +1 -1
- package/dist/vega/{p-8a1d8b99.entry.js → p-048a97d1.entry.js} +1 -1
- package/dist/vega/{p-963e8c45.entry.js → p-0dd750b0.entry.js} +1 -1
- package/dist/vega/{p-c31002d0.entry.js → p-1b901368.entry.js} +1 -1
- package/dist/vega/p-1f38eef6.entry.js +1 -0
- package/dist/vega/{p-8912d5c9.entry.js → p-1fc5373a.entry.js} +1 -1
- package/dist/vega/{p-7f8db003.entry.js → p-22a85055.entry.js} +1 -1
- package/dist/vega/{p-351a0ea1.entry.js → p-34545d2d.entry.js} +1 -1
- package/dist/vega/{p-f37e6adf.entry.js → p-40f6add9.entry.js} +1 -1
- package/dist/vega/p-41784db1.js +1 -0
- package/dist/vega/{p-c9e3413b.entry.js → p-4bc042ec.entry.js} +1 -1
- package/dist/vega/{p-a7666db3.entry.js → p-5d231a82.entry.js} +1 -1
- package/dist/vega/p-5f377954.js +1 -1
- package/dist/vega/{p-ded47af0.entry.js → p-657df167.entry.js} +1 -1
- package/dist/vega/{p-28f6ead3.entry.js → p-6d015656.entry.js} +1 -1
- package/dist/vega/{p-8c2852c4.entry.js → p-6e3cc7f0.entry.js} +1 -1
- package/dist/vega/{p-09352107.entry.js → p-8c72aa56.entry.js} +1 -1
- package/dist/vega/{p-ba3db23b.entry.js → p-8f60c3ee.entry.js} +1 -1
- package/dist/vega/{p-bffaa859.entry.js → p-9a4ffc2c.entry.js} +1 -1
- package/dist/vega/p-9e6934fb.js +1 -0
- package/dist/vega/p-a19ae233.entry.js +1 -0
- package/dist/vega/{p-e7e19350.entry.js → p-a454acc4.entry.js} +1 -1
- package/dist/vega/{p-27b73500.entry.js → p-a8b1f19c.entry.js} +1 -1
- package/dist/vega/{p-14c0b4ea.js → p-bccacf42.js} +1 -1
- package/dist/vega/{p-8eadc60b.entry.js → p-d0a83562.entry.js} +1 -1
- package/dist/vega/{p-288b47f0.entry.js → p-d4fb2264.entry.js} +1 -1
- package/dist/vega/{p-fa78f87f.entry.js → p-d550fc66.entry.js} +1 -1
- package/dist/vega/p-d686dd96.entry.js +1 -0
- package/dist/vega/p-e0410974.entry.js +1 -0
- package/dist/vega/{p-0afaa0f3.entry.js → p-ead9a2b9.entry.js} +1 -1
- package/dist/vega/{p-54f5c773.entry.js → p-f0ad06bd.entry.js} +1 -1
- package/dist/vega/{p-8aaa9233.entry.js → p-f2019f70.entry.js} +1 -1
- package/dist/vega/{p-af71fe84.entry.js → p-fc746bae.entry.js} +1 -1
- package/dist/vega/vega.esm.js +1 -1
- package/package.json +1 -1
- package/dist/vega/p-15452727.js +0 -1
- package/dist/vega/p-38e3d50e.entry.js +0 -1
- package/dist/vega/p-8a646846.entry.js +0 -1
- package/dist/vega/p-bf557666.entry.js +0 -1
- package/dist/vega/p-d7bd2be5.entry.js +0 -1
- package/dist/vega/p-dee487f9.js +0 -1
- /package/dist/cjs/{translation-77e9ccce.js → translation-0dd74433.js} +0 -0
- /package/dist/esm/{translation-3b437b6d.js → translation-0fa7cf77.js} +0 -0
- /package/dist/vega/{p-05ebf5a3.js → p-be784f53.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,F as t,r as o,c as r,H as i,g as a}from"./p-1c298d5a.js";import{s as l}from"./p-9b797118.js";import{c as s,V as n,M as c,I as d}from"./p-6e1ab235.js";import{V as v,I as p}from"./p-61f6167c.js";import{V as h}from"./p-ac0ab38b.js";import{D as g}from"./p-6c6d86da.js";import{a as f,e as u,p as b,q as m,r as x,s as w}from"./p-3f5e44c1.js";import{g as C}from"./p-fb6c90d6.js";import{c as y}from"./p-86194314.js";import{c as j}from"./p-83af8ed7.js";import{C as F}from"./p-2d0d575f.js";import{b as R}from"./p-da86ba01.js";import{F as z}from"./p-14c0b4ea.js";import{R as L}from"./p-e2acbc60.js";import{T as V}from"./p-15452727.js";import"./p-1ea57951.js";import"./p-331a62d5.js";import"./p-4163c2c2.js";import"./p-6a334573.js";import"./p-ead1a647.js";import"./p-0bb29d98.js";import"./p-6168c1e7.js";import"./p-05ebf5a3.js";import"./p-47c87634.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-987fbbd0.js";import"./p-38d81bde.js";import"./p-ee68920f.js";import"./p-344ee7cb.js";var k=function(e,t,o,r){var i,a=arguments.length,l=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(l=(a<3?i(l):a>3?i(t,o,l):i(t,o))||l);return a>3&&l&&Object.defineProperty(t,o,l),l};class E extends n{render(){return e(t,null,e("vega-field-label",{isFieldRequired:this.required,disabled:this.disabled,label:this.label}),this.vegaFileUploaderContainerRenderer.render(),this.hint?e("vega-hint",null,this.hint):null,this.vegaFileUploaderFileListRenderer.render())}}k([s()],E.prototype,"required",void 0),k([s()],E.prototype,"disabled",void 0),k([s()],E.prototype,"label",void 0),k([s()],E.prototype,"hint",void 0),k([s()],E.prototype,"vegaFileUploaderContainerRenderer",void 0),k([s()],E.prototype,"vegaFileUploaderFileListRenderer",void 0);var I=function(e,t,o,r){var i,a=arguments.length,l=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(l=(a<3?i(l):a>3?i(t,o,l):i(t,o))||l);return a>3&&l&&Object.defineProperty(t,o,l),l};class H extends n{constructor(){super(...arguments),this.handleDropAreaClick=e=>{e.stopPropagation(),this.disabled||this.triggerFileInputClick()},this.triggerFileInputClick=()=>{this.inputElementRef.click()},this.inputChangeHandler=e=>{e.stopPropagation();const t=this.getVegaFilesFromFileList(e.target.files);this.selectFileChangeEventEmitHandler(t),this.inputElementRef.value=""},this.dropHandler=e=>{var t;if(e.preventDefault(),!this.disabled){const o=this.getVegaFilesFromFileList(this.dropFileFilterController.process(null===(t=e.dataTransfer)||void 0===t?void 0:t.files));this.selectFileChangeEventEmitHandler(o)}}}getUploaderContainerRef(){return this.uploaderContainerRef}render(){return e("div",{class:"vega-file-uploader-container",ref:e=>this.uploaderContainerRef=e},e("input",{onChange:this.inputChangeHandler,type:"file",multiple:!0,accept:this.accept,style:{display:"none"},ref:e=>this.inputElementRef=e}),"uploadButton"===this.variant?this.renderUploadButton():this.renderUploadDropArea())}renderUploadButton(){return e("vega-button",{label:"Upload Document",icon:h.getIconKey("arrow-up-from-line"),variant:"secondary",size:"small",disabled:this.disabled,ref:e=>{g.addUniqueObserverToNode(e,f,this.triggerFileInputClick)}})}renderUploadDropArea(){return e("vega-box",{class:{"vega-file-upload-area":!0,disabled:this.disabled},padding:"size-24",border:"border-input-field",borderStyle:"dashed",backgroundColor:"bg-tertiary",corners:"rounded-8",tabIndex:0,onDrop:this.dropHandler,onDragEnter:this.preventDefaultBehavior,onDragOver:this.preventDefaultBehavior,onClick:this.handleDropAreaClick,onKeyDown:y()},e("vega-flex",{gap:"size-8",alignItems:"center",justifyContent:"center"},e("vega-icon",{color:"text-link",icon:h.getIconKey("arrow-up-from-line")}),e("vega-font",{color:"text-link",variant:"font-btn-label"},this.translationSlimmer.t("Select or drop your file here"))))}preventDefaultBehavior(e){e.preventDefault()}selectFileChangeEventEmitHandler(e){e&&e.length&&(this.selectFileChangeEventEmitter.emit(e).defaultPrevented||this.vegaFileUploaderValueController.setValue(this.value&&this.value.length?(new Array).concat(this.value,e):e))}getVegaFilesFromFileList(e){const t=[];return e&&e.length&&Array.from(e).map((e=>{t.push({key:C(),name:e.name,url:e})})),t}}h.register({"arrow-up-from-line":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-128 128c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.3V208 320c0 17.7 14.3 32 32 32s32-14.3 32-32V208 141.3l73.4 73.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-128-128zM32 416c-17.7 0-32 14.3-32 32s14.3 32 32 32H352c17.7 0 32-14.3 32-32s-14.3-32-32-32H32z"/></svg>'}}),I([s()],H.prototype,"variant",void 0),I([s()],H.prototype,"accept",void 0),I([s()],H.prototype,"disabled",void 0),I([s()],H.prototype,"value",void 0),I([s()],H.prototype,"selectFileChangeEventEmitter",void 0),I([s()],H.prototype,"vegaFileUploaderValueController",void 0),I([s()],H.prototype,"dropFileFilterController",void 0),I([s()],H.prototype,"translationSlimmer",void 0);var U=function(e,t,o,r){var i,a=arguments.length,l=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(l=(a<3?i(l):a>3?i(t,o,l):i(t,o))||l);return a>3&&l&&Object.defineProperty(t,o,l),l};class O extends n{constructor(){super(...arguments),this.fileRemoveHandler=e=>{this.removeEventEmitter.emit(e).defaultPrevented||this.vegaFileUploaderValueController.setValue(this.value.filter((t=>t!==e)))},this.fileReUploadHandler=e=>{this.retryEventEmitter.emit(e)},this.filePreviewHandler=e=>{this.previewEventEmitter.emit(e)}}render(){const t=!this.value||this.value.length<1;return e("div",{class:{"vega-file-uploader-file-list":!0,"vega-file-list-hidden":t}},!t&&this.value.map((t=>e("vega-box",{key:t.key,class:"vega-file-uploader-file",padding:"size-8",corners:"rounded-8"},e("vega-flex",{alignItems:"start",justifyContent:"space-between"},e("vega-flex",{class:"vega-file-status-and-name",gap:"size-8",alignItems:"start"},e("div",{style:{paddingTop:"3px"}},this.vegaFileUploaderFileStatusRenderer.render(t.status,t.uploadingPercent)),e("vega-flex",{gap:"size-4",direction:"col"},e("vega-font",{color:"done"===t.status||"error"===t.status?"text-primary":"text-secondary",variant:"font-field-label"},t.name),"error"===t.status&&t.errorMessage&&e("vega-font",{color:"text-error",variant:"font-footnote1-short"},t.errorMessage))),e("vega-flex",{gap:"size-4",class:"vega-file-list-buttons",justifyContent:"end"},t.previewable&&e("vega-button-circle",{class:"vega-file-preview-button",variant:"icon-only",size:"small",icon:"zoom-in",iconColor:"text-secondary",label:"Preview",tooltip:{disableInteractive:!0},ref:e=>{g.addUniqueObserverToNode(e,f,(()=>{this.filePreviewHandler(t)}))}}),"error"===t.status&&e("vega-button-circle",{variant:"icon-only",size:"small",icon:h.getIconKey("arrow-rotate-right"),iconColor:"text-secondary",label:"Retry",tooltip:{disableInteractive:!0},disabled:this.disabled,ref:e=>{g.addUniqueObserverToNode(e,f,(()=>{this.fileReUploadHandler(t)}))}}),e("vega-button-circle",{variant:"icon-only",size:"small",icon:h.getIconKey("trash-can"),iconColor:"text-secondary",label:"Delete",tooltip:{disableInteractive:!0},disabled:this.disabled,ref:e=>{g.addUniqueObserverToNode(e,f,(()=>{this.fileRemoveHandler(t)}))}})))))))}}h.register({"trash-can":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M170.5 51.6L151.5 80h145l-19-28.4c-1.5-2.2-4-3.6-6.7-3.6H177.1c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80H368h48 8c13.3 0 24 10.7 24 24s-10.7 24-24 24h-8V432c0 44.2-35.8 80-80 80H112c-44.2 0-80-35.8-80-80V128H24c-13.3 0-24-10.7-24-24S10.7 80 24 80h8H80 93.8l36.7-55.1C140.9 9.4 158.4 0 177.1 0h93.7c18.7 0 36.2 9.4 46.6 24.9zM80 128V432c0 17.7 14.3 32 32 32H336c17.7 0 32-14.3 32-32V128H80zm80 64V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16z"/></svg>'},"arrow-rotate-right":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M456 224c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24s-24 10.7-24 24v80.1l-20-23.5C371 63.4 309.1 32 240 32C116.3 32 16 132.3 16 256s100.3 224 224 224c50.4 0 97-16.7 134.4-44.8c10.6-8 12.7-23 4.8-33.6s-23-12.7-33.6-4.8C316.2 418.9 279.7 432 240 432c-97.2 0-176-78.8-176-176s78.8-176 176-176c54.3 0 102.9 24.6 135.2 63.4l.1 .2 0 0L402.9 176H312c-13.3 0-24 10.7-24 24s10.7 24 24 24H456z"/></svg>'}}),U([s()],O.prototype,"value",void 0),U([s()],O.prototype,"disabled",void 0),U([s()],O.prototype,"vegaFileUploaderFileStatusRenderer",void 0),U([s()],O.prototype,"removeEventEmitter",void 0),U([s()],O.prototype,"vegaFileUploaderValueController",void 0),U([s()],O.prototype,"retryEventEmitter",void 0),U([s()],O.prototype,"previewEventEmitter",void 0);class A extends n{render(t,o){switch(t){case"uploading":return e("vega-loading-indicator",Object.assign({class:"vega-file-list-status",mode:o?"determinate":"indeterminate",size:"micro"},o?{percent:o}:{}));case"done":return e("vega-icon",{class:"vega-file-list-status",color:"text-success",icon:h.getIconKey("circle-check-regular")});case"error":return e("vega-icon",{class:"vega-file-list-status",color:"text-error",icon:h.getIconKey("circle-xmark")});default:return e("vega-loading-indicator",{class:"vega-file-list-status",mode:"determinate",size:"micro"})}}}h.register({"circle-check-regular":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M243.8 339.8C232.9 350.7 215.1 350.7 204.2 339.8L140.2 275.8C129.3 264.9 129.3 247.1 140.2 236.2C151.1 225.3 168.9 225.3 179.8 236.2L224 280.4L332.2 172.2C343.1 161.3 360.9 161.3 371.8 172.2C382.7 183.1 382.7 200.9 371.8 211.8L243.8 339.8zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 48C141.1 48 48 141.1 48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48z"/></svg>'},"circle-xmark":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M175 175C184.4 165.7 199.6 165.7 208.1 175L255.1 222.1L303 175C312.4 165.7 327.6 165.7 336.1 175C346.3 184.4 346.3 199.6 336.1 208.1L289.9 255.1L336.1 303C346.3 312.4 346.3 327.6 336.1 336.1C327.6 346.3 312.4 346.3 303 336.1L255.1 289.9L208.1 336.1C199.6 346.3 184.4 346.3 175 336.1C165.7 327.6 165.7 312.4 175 303L222.1 255.1L175 208.1C165.7 199.6 165.7 184.4 175 175V175zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 48C141.1 48 48 141.1 48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48z"/></svg>'}});var M=function(e,t,o,r){var i,a=arguments.length,l=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(l=(a<3?i(l):a>3?i(t,o,l):i(t,o))||l);return a>3&&l&&Object.defineProperty(t,o,l),l};class S extends n{valueChangeHandler(e){!e||Array.isArray(e)?(this.changeEventEmitter.emit(e),F.notify(R,{host:this.host,detail:this.value})):e&&!Array.isArray(e)&&this.setValue(null)}setValue(e){this.value=e}}M([s()],S.prototype,"host",void 0),M([s({writable:!0})],S.prototype,"value",void 0),M([s()],S.prototype,"changeEventEmitter",void 0),M([c("watchValue")],S.prototype,"valueChangeHandler",null);class D extends L{constructor(){super(...arguments),this.checkArrayItemType=e=>!(!e||"object"!=typeof e)}}class B extends n{process(e){const t=Array.from(e||[]);if(e&&this.accept&&"*"!==this.accept&&"/*"!==this.accept){const e=this.accept.split(",");return t.filter((t=>this.validateFileType(t,e)))}return t}validateFileType(e,t){const o=e.name,r=(e.type||"").toLowerCase(),i=r.replace(/\/.*$/,"");return t.some((e=>(e=e.trim().toLowerCase()).startsWith(".")?o.toLowerCase().endsWith(e):e.endsWith("/*")?i===e.replace(/\/.*$/,""):r===e))}}!function(e,t,o,r){var i,a=arguments.length,l=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(l=(a<3?i(l):a>3?i(t,o,l):i(t,o))||l);a>3&&l&&Object.defineProperty(t,o,l)}([s()],B.prototype,"accept",void 0);var P=function(e,t,o,r){var i,a=arguments.length,l=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(l=(a<3?i(l):a>3?i(t,o,l):i(t,o))||l);return a>3&&l&&Object.defineProperty(t,o,l),l};const q=class{constructor(e){o(this,e),this.vegaChange=r(this,"vegaChange",7),this.change=r(this,"change",7),this.vegaSelectedFileChange=r(this,"vegaSelectedFileChange",7),this.selectedFileChange=r(this,"selectedFileChange",7),this.vegaRemove=r(this,"vegaRemove",7),this.remove=r(this,"remove",7),this.vegaRetry=r(this,"vegaRetry",7),this.retry=r(this,"retry",7),this.vegaPreview=r(this,"vegaPreview",7),this.preview=r(this,"preview",7),this.globalSlimmers={},this.translationSlimmer=new V,this.vegaComponentUsageRuntimeMetricsSlimmer=new v,this.formFieldController=new z({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new D:null}],validationRulesName:"validationRules",defaultValue:[],attributeGetter:e=>this[e],inputContainerGetter:()=>this.vegaFileUploaderContainerRenderer.getUploaderContainerRef(),touchableAreaGetter:()=>[this.vegaFileUploaderContainerRenderer.getUploaderContainerRef()]}),this.vegaFileUploaderRenderer=new E,this.vegaFileUploaderContainerRenderer=new H,this.vegaFileUploaderFileListRenderer=new O,this.vegaFileUploaderFileStatusRenderer=new A,this.vegaFileUploaderValueController=new S,this.dropFileFilterController=new B,this.changeEventEmitter=j(q,u),this.selectFileChangeEventEmitter=j(q,b),this.removeEventEmitter=j(q,m),this.retryEventEmitter=j(q,x),this.previewEventEmitter=j(q,w),this.label="",this.variant="uploadArea",this.hint="",this.value=[],this.disabled=!1,this.required=!1,this.validationRules=[],this.autoValidation=!0,this.isValid=null}watchValue(e){}watchValidationRules(){}render(){return l(e(i,null,this.vegaFileUploaderRenderer.render()),this.host)}get host(){return a(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};P([p()],q.prototype,"globalSlimmers",void 0),P([d()],q.prototype,"translationSlimmer",void 0),P([d()],q.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),P([d()],q.prototype,"formFieldController",void 0),P([d()],q.prototype,"vegaFileUploaderRenderer",void 0),P([d()],q.prototype,"vegaFileUploaderContainerRenderer",void 0),P([d()],q.prototype,"vegaFileUploaderFileListRenderer",void 0),P([d()],q.prototype,"vegaFileUploaderFileStatusRenderer",void 0),P([d()],q.prototype,"vegaFileUploaderValueController",void 0),P([d()],q.prototype,"dropFileFilterController",void 0),P([d()],q.prototype,"changeEventEmitter",void 0),P([d()],q.prototype,"selectFileChangeEventEmitter",void 0),P([d()],q.prototype,"removeEventEmitter",void 0),P([d()],q.prototype,"retryEventEmitter",void 0),P([d()],q.prototype,"previewEventEmitter",void 0),q.style=':host{display:inline-block;text-align:left;width:100%;line-height:normal}:host .vega-file-uploader-container .vega-file-upload-area{text-align:center}:host .vega-file-uploader-container .vega-file-upload-area: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))}:host .vega-file-uploader-container .vega-file-upload-area:hover vega-icon,:host .vega-file-uploader-container .vega-file-upload-area:hover vega-font{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host .vega-file-uploader-container .vega-file-upload-area:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .vega-file-uploader-container .vega-file-upload-area:active{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1))}:host .vega-file-uploader-container .vega-file-upload-area:active vega-icon,:host .vega-file-uploader-container .vega-file-upload-area:active vega-font{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host .vega-file-uploader-container .vega-file-upload-area.disabled{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1));background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1));outline:none}:host .vega-file-uploader-container .vega-file-upload-area.disabled vega-icon,:host .vega-file-uploader-container .vega-file-upload-area.disabled vega-font{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-file-uploader-container vega-button::part(button):focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;box-shadow:0 0 0}:host .vega-file-uploader-container.error .vega-file-upload-area{border-color:rgba(var(--v-border-color-input-field-danger, 230, 50, 87, 1))}:host .vega-file-uploader-container.error .vega-file-upload-area:hover{border-color:rgba(var(--v-border-color-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-file-uploader-container.error .vega-file-upload-area:focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}:host .vega-file-uploader-container.error .vega-file-upload-area:active{border-color:rgba(var(--v-border-color-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-file-uploader-container.error vega-button::part(button),:host .vega-file-uploader-container.error vega-button::part(button):hover{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1));border-color:rgba(var(--v-border-color-danger, 230, 50, 87, 1))}:host .vega-file-uploader-container.error vega-button::part(button):hover{background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2));border-color:rgba(var(--v-border-color-danger-hover, 255, 87, 114, 1));color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}:host .vega-file-uploader-container.error vega-button::part(button):focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px;box-shadow:0 0 0}:host .vega-file-uploader-container.error vega-button::part(button):active{color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1));border-color:rgba(var(--v-border-color-danger-active, 189, 41, 71, 1));background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2))}:host .vega-file-uploader-file-list .vega-file-uploader-file .vega-file-preview-button{visibility:hidden}:host .vega-file-uploader-file-list .vega-file-uploader-file:hover{background-color:rgba(var(--v-bg-action-tertiary-hover, 4, 4, 28, 0.05))}:host .vega-file-uploader-file-list .vega-file-uploader-file:hover .vega-file-preview-button{visibility:visible}:host .vega-file-uploader-file-list .vega-file-list-buttons{margin-left:8px;flex-shrink:0}:host .vega-file-uploader-file-list .vega-file-list-status svg{width:16px;height:16px}:host .vega-file-uploader-file-list .vega-file-status-and-name{padding-top:5px}:host .vega-file-uploader-file-list .vega-file-status-and-name vega-font{word-break:break-word}:host vega-field-label{margin-bottom:8px}:host .vega-file-uploader-file-list{margin-top:8px}:host .vega-file-uploader-file-list.vega-file-list-hidden{display:none}:host .vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:8px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-hidden{display:none}';export{q as vega_file_uploader}
|
|
1
|
+
import{h as e,F as t,r as o,c as r,H as i,g as a}from"./p-1c298d5a.js";import{s as l}from"./p-9b797118.js";import{c as s,V as n,M as c,I as d}from"./p-6e1ab235.js";import{V as v,I as p}from"./p-61f6167c.js";import{V as h}from"./p-ac0ab38b.js";import{D as g}from"./p-6c6d86da.js";import{a as f,e as u,p as b,q as m,r as x,s as w}from"./p-3f5e44c1.js";import{g as C}from"./p-fb6c90d6.js";import{c as y}from"./p-86194314.js";import{c as j}from"./p-83af8ed7.js";import{C as F}from"./p-2d0d575f.js";import{b as R}from"./p-da86ba01.js";import{F as z}from"./p-bccacf42.js";import{R as L}from"./p-e2acbc60.js";import{T as V}from"./p-9e6934fb.js";import"./p-1ea57951.js";import"./p-331a62d5.js";import"./p-4163c2c2.js";import"./p-6a334573.js";import"./p-ead1a647.js";import"./p-0bb29d98.js";import"./p-6168c1e7.js";import"./p-be784f53.js";import"./p-47c87634.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-987fbbd0.js";import"./p-38d81bde.js";import"./p-ee68920f.js";import"./p-344ee7cb.js";var k=function(e,t,o,r){var i,a=arguments.length,l=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(l=(a<3?i(l):a>3?i(t,o,l):i(t,o))||l);return a>3&&l&&Object.defineProperty(t,o,l),l};class E extends n{render(){return e(t,null,e("vega-field-label",{isFieldRequired:this.required,disabled:this.disabled,label:this.label}),this.vegaFileUploaderContainerRenderer.render(),this.hint?e("vega-hint",null,this.hint):null,this.vegaFileUploaderFileListRenderer.render())}}k([s()],E.prototype,"required",void 0),k([s()],E.prototype,"disabled",void 0),k([s()],E.prototype,"label",void 0),k([s()],E.prototype,"hint",void 0),k([s()],E.prototype,"vegaFileUploaderContainerRenderer",void 0),k([s()],E.prototype,"vegaFileUploaderFileListRenderer",void 0);var I=function(e,t,o,r){var i,a=arguments.length,l=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(l=(a<3?i(l):a>3?i(t,o,l):i(t,o))||l);return a>3&&l&&Object.defineProperty(t,o,l),l};class H extends n{constructor(){super(...arguments),this.handleDropAreaClick=e=>{e.stopPropagation(),this.disabled||this.triggerFileInputClick()},this.triggerFileInputClick=()=>{this.inputElementRef.click()},this.inputChangeHandler=e=>{e.stopPropagation();const t=this.getVegaFilesFromFileList(e.target.files);this.selectFileChangeEventEmitHandler(t),this.inputElementRef.value=""},this.dropHandler=e=>{var t;if(e.preventDefault(),!this.disabled){const o=this.getVegaFilesFromFileList(this.dropFileFilterController.process(null===(t=e.dataTransfer)||void 0===t?void 0:t.files));this.selectFileChangeEventEmitHandler(o)}}}getUploaderContainerRef(){return this.uploaderContainerRef}render(){return e("div",{class:"vega-file-uploader-container",ref:e=>this.uploaderContainerRef=e},e("input",{onChange:this.inputChangeHandler,type:"file",multiple:!0,accept:this.accept,style:{display:"none"},ref:e=>this.inputElementRef=e}),"uploadButton"===this.variant?this.renderUploadButton():this.renderUploadDropArea())}renderUploadButton(){return e("vega-button",{label:"Upload Document",icon:h.getIconKey("arrow-up-from-line"),variant:"secondary",size:"small",disabled:this.disabled,ref:e=>{g.addUniqueObserverToNode(e,f,this.triggerFileInputClick)}})}renderUploadDropArea(){return e("vega-box",{class:{"vega-file-upload-area":!0,disabled:this.disabled},padding:"size-24",border:"border-input-field",borderStyle:"dashed",backgroundColor:"bg-tertiary",corners:"rounded-8",tabIndex:0,onDrop:this.dropHandler,onDragEnter:this.preventDefaultBehavior,onDragOver:this.preventDefaultBehavior,onClick:this.handleDropAreaClick,onKeyDown:y()},e("vega-flex",{gap:"size-8",alignItems:"center",justifyContent:"center"},e("vega-icon",{color:"text-link",icon:h.getIconKey("arrow-up-from-line")}),e("vega-font",{color:"text-link",variant:"font-btn-label"},this.translationSlimmer.t("Select or drop your file here"))))}preventDefaultBehavior(e){e.preventDefault()}selectFileChangeEventEmitHandler(e){e&&e.length&&(this.selectFileChangeEventEmitter.emit(e).defaultPrevented||this.vegaFileUploaderValueController.setValue(this.value&&this.value.length?(new Array).concat(this.value,e):e))}getVegaFilesFromFileList(e){const t=[];return e&&e.length&&Array.from(e).map((e=>{t.push({key:C(),name:e.name,url:e})})),t}}h.register({"arrow-up-from-line":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-128 128c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.3V208 320c0 17.7 14.3 32 32 32s32-14.3 32-32V208 141.3l73.4 73.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-128-128zM32 416c-17.7 0-32 14.3-32 32s14.3 32 32 32H352c17.7 0 32-14.3 32-32s-14.3-32-32-32H32z"/></svg>'}}),I([s()],H.prototype,"variant",void 0),I([s()],H.prototype,"accept",void 0),I([s()],H.prototype,"disabled",void 0),I([s()],H.prototype,"value",void 0),I([s()],H.prototype,"selectFileChangeEventEmitter",void 0),I([s()],H.prototype,"vegaFileUploaderValueController",void 0),I([s()],H.prototype,"dropFileFilterController",void 0),I([s()],H.prototype,"translationSlimmer",void 0);var U=function(e,t,o,r){var i,a=arguments.length,l=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(l=(a<3?i(l):a>3?i(t,o,l):i(t,o))||l);return a>3&&l&&Object.defineProperty(t,o,l),l};class O extends n{constructor(){super(...arguments),this.fileRemoveHandler=e=>{this.removeEventEmitter.emit(e).defaultPrevented||this.vegaFileUploaderValueController.setValue(this.value.filter((t=>t!==e)))},this.fileReUploadHandler=e=>{this.retryEventEmitter.emit(e)},this.filePreviewHandler=e=>{this.previewEventEmitter.emit(e)}}render(){const t=!this.value||this.value.length<1;return e("div",{class:{"vega-file-uploader-file-list":!0,"vega-file-list-hidden":t}},!t&&this.value.map((t=>e("vega-box",{key:t.key,class:"vega-file-uploader-file",padding:"size-8",corners:"rounded-8"},e("vega-flex",{alignItems:"start",justifyContent:"space-between"},e("vega-flex",{class:"vega-file-status-and-name",gap:"size-8",alignItems:"start"},e("div",{style:{paddingTop:"3px"}},this.vegaFileUploaderFileStatusRenderer.render(t.status,t.uploadingPercent)),e("vega-flex",{gap:"size-4",direction:"col"},e("vega-font",{color:"done"===t.status||"error"===t.status?"text-primary":"text-secondary",variant:"font-field-label"},t.name),"error"===t.status&&t.errorMessage&&e("vega-font",{color:"text-error",variant:"font-footnote1-short"},t.errorMessage))),e("vega-flex",{gap:"size-4",class:"vega-file-list-buttons",justifyContent:"end"},t.previewable&&e("vega-button-circle",{class:"vega-file-preview-button",variant:"icon-only",size:"small",icon:"zoom-in",iconColor:"text-secondary",label:"Preview",tooltip:{disableInteractive:!0},ref:e=>{g.addUniqueObserverToNode(e,f,(()=>{this.filePreviewHandler(t)}))}}),"error"===t.status&&e("vega-button-circle",{variant:"icon-only",size:"small",icon:h.getIconKey("arrow-rotate-right"),iconColor:"text-secondary",label:"Retry",tooltip:{disableInteractive:!0},disabled:this.disabled,ref:e=>{g.addUniqueObserverToNode(e,f,(()=>{this.fileReUploadHandler(t)}))}}),e("vega-button-circle",{variant:"icon-only",size:"small",icon:h.getIconKey("trash-can"),iconColor:"text-secondary",label:"Delete",tooltip:{disableInteractive:!0},disabled:this.disabled,ref:e=>{g.addUniqueObserverToNode(e,f,(()=>{this.fileRemoveHandler(t)}))}})))))))}}h.register({"trash-can":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M170.5 51.6L151.5 80h145l-19-28.4c-1.5-2.2-4-3.6-6.7-3.6H177.1c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80H368h48 8c13.3 0 24 10.7 24 24s-10.7 24-24 24h-8V432c0 44.2-35.8 80-80 80H112c-44.2 0-80-35.8-80-80V128H24c-13.3 0-24-10.7-24-24S10.7 80 24 80h8H80 93.8l36.7-55.1C140.9 9.4 158.4 0 177.1 0h93.7c18.7 0 36.2 9.4 46.6 24.9zM80 128V432c0 17.7 14.3 32 32 32H336c17.7 0 32-14.3 32-32V128H80zm80 64V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16z"/></svg>'},"arrow-rotate-right":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M456 224c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24s-24 10.7-24 24v80.1l-20-23.5C371 63.4 309.1 32 240 32C116.3 32 16 132.3 16 256s100.3 224 224 224c50.4 0 97-16.7 134.4-44.8c10.6-8 12.7-23 4.8-33.6s-23-12.7-33.6-4.8C316.2 418.9 279.7 432 240 432c-97.2 0-176-78.8-176-176s78.8-176 176-176c54.3 0 102.9 24.6 135.2 63.4l.1 .2 0 0L402.9 176H312c-13.3 0-24 10.7-24 24s10.7 24 24 24H456z"/></svg>'}}),U([s()],O.prototype,"value",void 0),U([s()],O.prototype,"disabled",void 0),U([s()],O.prototype,"vegaFileUploaderFileStatusRenderer",void 0),U([s()],O.prototype,"removeEventEmitter",void 0),U([s()],O.prototype,"vegaFileUploaderValueController",void 0),U([s()],O.prototype,"retryEventEmitter",void 0),U([s()],O.prototype,"previewEventEmitter",void 0);class A extends n{render(t,o){switch(t){case"uploading":return e("vega-loading-indicator",Object.assign({class:"vega-file-list-status",mode:o?"determinate":"indeterminate",size:"micro"},o?{percent:o}:{}));case"done":return e("vega-icon",{class:"vega-file-list-status",color:"text-success",icon:h.getIconKey("circle-check-regular")});case"error":return e("vega-icon",{class:"vega-file-list-status",color:"text-error",icon:h.getIconKey("circle-xmark")});default:return e("vega-loading-indicator",{class:"vega-file-list-status",mode:"determinate",size:"micro"})}}}h.register({"circle-check-regular":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M243.8 339.8C232.9 350.7 215.1 350.7 204.2 339.8L140.2 275.8C129.3 264.9 129.3 247.1 140.2 236.2C151.1 225.3 168.9 225.3 179.8 236.2L224 280.4L332.2 172.2C343.1 161.3 360.9 161.3 371.8 172.2C382.7 183.1 382.7 200.9 371.8 211.8L243.8 339.8zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 48C141.1 48 48 141.1 48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48z"/></svg>'},"circle-xmark":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M175 175C184.4 165.7 199.6 165.7 208.1 175L255.1 222.1L303 175C312.4 165.7 327.6 165.7 336.1 175C346.3 184.4 346.3 199.6 336.1 208.1L289.9 255.1L336.1 303C346.3 312.4 346.3 327.6 336.1 336.1C327.6 346.3 312.4 346.3 303 336.1L255.1 289.9L208.1 336.1C199.6 346.3 184.4 346.3 175 336.1C165.7 327.6 165.7 312.4 175 303L222.1 255.1L175 208.1C165.7 199.6 165.7 184.4 175 175V175zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 48C141.1 48 48 141.1 48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48z"/></svg>'}});var M=function(e,t,o,r){var i,a=arguments.length,l=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(l=(a<3?i(l):a>3?i(t,o,l):i(t,o))||l);return a>3&&l&&Object.defineProperty(t,o,l),l};class S extends n{valueChangeHandler(e){!e||Array.isArray(e)?(this.changeEventEmitter.emit(e),F.notify(R,{host:this.host,detail:this.value})):e&&!Array.isArray(e)&&this.setValue(null)}setValue(e){this.value=e}}M([s()],S.prototype,"host",void 0),M([s({writable:!0})],S.prototype,"value",void 0),M([s()],S.prototype,"changeEventEmitter",void 0),M([c("watchValue")],S.prototype,"valueChangeHandler",null);class D extends L{constructor(){super(...arguments),this.checkArrayItemType=e=>!(!e||"object"!=typeof e)}}class B extends n{process(e){const t=Array.from(e||[]);if(e&&this.accept&&"*"!==this.accept&&"/*"!==this.accept){const e=this.accept.split(",");return t.filter((t=>this.validateFileType(t,e)))}return t}validateFileType(e,t){const o=e.name,r=(e.type||"").toLowerCase(),i=r.replace(/\/.*$/,"");return t.some((e=>(e=e.trim().toLowerCase()).startsWith(".")?o.toLowerCase().endsWith(e):e.endsWith("/*")?i===e.replace(/\/.*$/,""):r===e))}}!function(e,t,o,r){var i,a=arguments.length,l=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(l=(a<3?i(l):a>3?i(t,o,l):i(t,o))||l);a>3&&l&&Object.defineProperty(t,o,l)}([s()],B.prototype,"accept",void 0);var P=function(e,t,o,r){var i,a=arguments.length,l=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(l=(a<3?i(l):a>3?i(t,o,l):i(t,o))||l);return a>3&&l&&Object.defineProperty(t,o,l),l};const q=class{constructor(e){o(this,e),this.vegaChange=r(this,"vegaChange",7),this.change=r(this,"change",7),this.vegaSelectedFileChange=r(this,"vegaSelectedFileChange",7),this.selectedFileChange=r(this,"selectedFileChange",7),this.vegaRemove=r(this,"vegaRemove",7),this.remove=r(this,"remove",7),this.vegaRetry=r(this,"vegaRetry",7),this.retry=r(this,"retry",7),this.vegaPreview=r(this,"vegaPreview",7),this.preview=r(this,"preview",7),this.globalSlimmers={},this.translationSlimmer=new V,this.vegaComponentUsageRuntimeMetricsSlimmer=new v,this.formFieldController=new z({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new D:null}],validationRulesName:"validationRules",defaultValue:[],attributeGetter:e=>this[e],inputContainerGetter:()=>this.vegaFileUploaderContainerRenderer.getUploaderContainerRef(),touchableAreaGetter:()=>[this.vegaFileUploaderContainerRenderer.getUploaderContainerRef()]}),this.vegaFileUploaderRenderer=new E,this.vegaFileUploaderContainerRenderer=new H,this.vegaFileUploaderFileListRenderer=new O,this.vegaFileUploaderFileStatusRenderer=new A,this.vegaFileUploaderValueController=new S,this.dropFileFilterController=new B,this.changeEventEmitter=j(q,u),this.selectFileChangeEventEmitter=j(q,b),this.removeEventEmitter=j(q,m),this.retryEventEmitter=j(q,x),this.previewEventEmitter=j(q,w),this.label="",this.variant="uploadArea",this.hint="",this.value=[],this.disabled=!1,this.required=!1,this.validationRules=[],this.autoValidation=!0,this.isValid=null}watchValue(e){}watchValidationRules(){}render(){return l(e(i,null,this.vegaFileUploaderRenderer.render()),this.host)}get host(){return a(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};P([p()],q.prototype,"globalSlimmers",void 0),P([d()],q.prototype,"translationSlimmer",void 0),P([d()],q.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),P([d()],q.prototype,"formFieldController",void 0),P([d()],q.prototype,"vegaFileUploaderRenderer",void 0),P([d()],q.prototype,"vegaFileUploaderContainerRenderer",void 0),P([d()],q.prototype,"vegaFileUploaderFileListRenderer",void 0),P([d()],q.prototype,"vegaFileUploaderFileStatusRenderer",void 0),P([d()],q.prototype,"vegaFileUploaderValueController",void 0),P([d()],q.prototype,"dropFileFilterController",void 0),P([d()],q.prototype,"changeEventEmitter",void 0),P([d()],q.prototype,"selectFileChangeEventEmitter",void 0),P([d()],q.prototype,"removeEventEmitter",void 0),P([d()],q.prototype,"retryEventEmitter",void 0),P([d()],q.prototype,"previewEventEmitter",void 0),q.style=':host{display:inline-block;text-align:left;width:100%;line-height:normal}:host .vega-file-uploader-container .vega-file-upload-area{text-align:center}:host .vega-file-uploader-container .vega-file-upload-area: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))}:host .vega-file-uploader-container .vega-file-upload-area:hover vega-icon,:host .vega-file-uploader-container .vega-file-upload-area:hover vega-font{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host .vega-file-uploader-container .vega-file-upload-area:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .vega-file-uploader-container .vega-file-upload-area:active{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1))}:host .vega-file-uploader-container .vega-file-upload-area:active vega-icon,:host .vega-file-uploader-container .vega-file-upload-area:active vega-font{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host .vega-file-uploader-container .vega-file-upload-area.disabled{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1));background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1));outline:none}:host .vega-file-uploader-container .vega-file-upload-area.disabled vega-icon,:host .vega-file-uploader-container .vega-file-upload-area.disabled vega-font{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-file-uploader-container vega-button::part(button):focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;box-shadow:0 0 0}:host .vega-file-uploader-container.error .vega-file-upload-area{border-color:rgba(var(--v-border-color-input-field-danger, 230, 50, 87, 1))}:host .vega-file-uploader-container.error .vega-file-upload-area:hover{border-color:rgba(var(--v-border-color-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-file-uploader-container.error .vega-file-upload-area:focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}:host .vega-file-uploader-container.error .vega-file-upload-area:active{border-color:rgba(var(--v-border-color-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-file-uploader-container.error vega-button::part(button),:host .vega-file-uploader-container.error vega-button::part(button):hover{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1));border-color:rgba(var(--v-border-color-danger, 230, 50, 87, 1))}:host .vega-file-uploader-container.error vega-button::part(button):hover{background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2));border-color:rgba(var(--v-border-color-danger-hover, 255, 87, 114, 1));color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}:host .vega-file-uploader-container.error vega-button::part(button):focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px;box-shadow:0 0 0}:host .vega-file-uploader-container.error vega-button::part(button):active{color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1));border-color:rgba(var(--v-border-color-danger-active, 189, 41, 71, 1));background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2))}:host .vega-file-uploader-file-list .vega-file-uploader-file .vega-file-preview-button{visibility:hidden}:host .vega-file-uploader-file-list .vega-file-uploader-file:hover{background-color:rgba(var(--v-bg-action-tertiary-hover, 4, 4, 28, 0.05))}:host .vega-file-uploader-file-list .vega-file-uploader-file:hover .vega-file-preview-button{visibility:visible}:host .vega-file-uploader-file-list .vega-file-list-buttons{margin-left:8px;flex-shrink:0}:host .vega-file-uploader-file-list .vega-file-list-status svg{width:16px;height:16px}:host .vega-file-uploader-file-list .vega-file-status-and-name{padding-top:5px}:host .vega-file-uploader-file-list .vega-file-status-and-name vega-font{word-break:break-word}:host vega-field-label{margin-bottom:8px}:host .vega-file-uploader-file-list{margin-top:8px}:host .vega-file-uploader-file-list.vega-file-list-hidden{display:none}:host .vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:8px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-hidden{display:none}';export{q as vega_file_uploader}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{h as t,H as e,F as i,r as n,c as r,g as s}from"./p-1c298d5a.js";import{s as o}from"./p-9b797118.js";import{i as a,c as h,a as d,b as c}from"./p-b5990090.js";import{c as l,V as p,M as u,L as f,I as m}from"./p-6e1ab235.js";import{V as v,I as g}from"./p-61f6167c.js";import{F as x}from"./p-14c0b4ea.js";import{a as w,g as b,D as y}from"./p-4163c2c2.js";import{D as k}from"./p-6c6d86da.js";import{a as _,e as D}from"./p-3f5e44c1.js";import{V as j}from"./p-ac0ab38b.js";import{i as M}from"./p-ee68920f.js";import{c as R}from"./p-f404aa83.js";import{I}from"./p-152393dd.js";import{b as C}from"./p-da86ba01.js";import{C as O}from"./p-2d0d575f.js";import{S as E,a as z}from"./p-db120a1e.js";import{E as S}from"./p-acf8b473.js";import{K as V}from"./p-c1dfdc13.js";import{C as L}from"./p-ed4a57a8.js";import{c as P}from"./p-83af8ed7.js";import{C as T}from"./p-5dc98104.js";import{T as A}from"./p-15452727.js";import"./p-0bb29d98.js";import"./p-331a62d5.js";import"./p-fb6c90d6.js";import"./p-6a334573.js";import"./p-6168c1e7.js";import"./p-05ebf5a3.js";import"./p-47c87634.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-987fbbd0.js";import"./p-38d81bde.js";import"./p-1ea57951.js";import"./p-344ee7cb.js";import"./p-9fbdeada.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-a5f80d35.js";import"./p-0c667d6a.js";import"./p-5453f591.js";import"./p-ead1a647.js";import"./p-5f377954.js";import"./p-319efe6c.js";class H{constructor(t){this.config=t}evaluate(t){if(!this.isAcceptedInputType(t))throw new Error(`Invalid date value ${t} for mode ${this.config.mode}`);let e;switch(this.config.mode){case"single":e=a(t);break;case"range":e=Array.isArray(t)&&2===t.length&&t.every(a)}return{isValid:e,message:e?"":"This field is required"}}canEvaluate(t,e){return e?this.isAcceptedInputType(t)&&!e.disabled&&e.visible:this.isAcceptedInputType(t)}shouldShowError(t){return!t.disabled&&t.visible&&(t.touched||t.modified)}isAcceptedInputType(t){if(null==t)return!0;if(!this.config.mode)throw new Error(`Unexpected type of mode: ${this.config.mode}`);switch(this.config.mode){case"single":return"string"==typeof t;case"range":return Array.isArray(t);default:return!1}}}class Y{canEvaluate(t,e){return e?this.isAcceptedInputType(t)&&!e.disabled&&e.visible:this.isAcceptedInputType(t)}shouldShowError(t){return!t.disabled&&t.visible&&(t.touched||t.modified)}evaluate(t){if(!this.isAcceptedInputType(t))throw new Error(`Unexpected type of input: ${typeof t}: ${t}`);const e=new Date(t[0]),i=new Date(t[1]),n=h(e,i);return{isValid:n,message:n?"":"The end date should be later than start date"}}isAcceptedInputType(t){return Array.isArray(t)&&2===t.length&&t.every(a)}}class F{constructor(t){this.evaluateSingleDate=t=>{const e=new Date(t);return this.minDate&&d(e,this.minDate)?this.invalidResult({key:"The date should be later than {0}",args:[this.config.minDate]}):this.maxDate&&c(e,this.maxDate)?this.invalidResult({key:"The date should be earlier than {0}",args:[this.config.maxDate]}):this.validResult()},this.evaluateRangeDates=t=>{const e=new Date(t[0]),i=new Date(t[1]);return this.minDate&&d(e,this.minDate)?this.invalidResult({key:"The start date should be later than {0}",args:[this.config.minDate]}):this.maxDate&&c(e,this.maxDate)?this.invalidResult({key:"The start date should be earlier than {0}",args:[this.config.maxDate]}):i&&this.maxDate&&c(i,this.maxDate)?this.invalidResult({key:"The end date should be earlier than {0}",args:[this.config.maxDate]}):this.validResult()},this.invalidResult=t=>({isValid:!1,message:t}),this.validResult=()=>({isValid:!0,message:""}),this.config=t,this.minDate=t.minDate?new Date(t.minDate):null,this.maxDate=t.maxDate?new Date(t.maxDate):null}canEvaluate(t,e){return e?this.isAcceptedInputType(t)&&!e.disabled&&e.visible:this.isAcceptedInputType(t)}evaluate(t){if(!this.isAcceptedInputType(t))throw new Error(`Unexpected type of input: ${typeof t}: ${t}`);return"string"==typeof t?this.evaluateSingleDate(t):this.evaluateRangeDates(t)}shouldShowError(t){return!t.disabled&&t.visible&&(t.touched||t.modified)}isAcceptedInputType(t){return"string"==typeof t&&a(t)||Array.isArray(t)&&2===t.length&&t.every(a)}}const N={"chevron-left":{icon:'<svg width="12" height="16" viewBox="0 0 12 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M1.2937 7.29414C0.903076 7.68477 0.903076 8.31914 1.2937 8.70977L7.2937 14.7098C7.68433 15.1004 8.3187 15.1004 8.70933 14.7098C9.09995 14.3191 9.09995 13.6848 8.70933 13.2941L3.41558 8.00039L8.7062 2.70664C9.09683 2.31602 9.09683 1.68164 8.7062 1.29102C8.31558 0.900391 7.6812 0.900391 7.29058 1.29102L1.29058 7.29102L1.2937 7.29414Z" fill="currentColor"/></svg>'},"chevron-right":{icon:'<svg width="12" height="16" viewBox="0 0 12 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M10.7063 7.29414C11.0969 7.68477 11.0969 8.31914 10.7063 8.70977L4.70627 14.7098C4.31565 15.1004 3.68127 15.1004 3.29065 14.7098C2.90002 14.3191 2.90002 13.6848 3.29065 13.2941L8.5844 8.00039L3.29377 2.70664C2.90315 2.31602 2.90315 1.68164 3.29377 1.29102C3.6844 0.900391 4.31877 0.900391 4.7094 1.29102L10.7094 7.29102L10.7063 7.29414Z" fill="currentColor"/></svg>'},calendar:{icon:'<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_41275_12898)"><path d="M5.75 2H10.25V0.75C10.25 0.335938 10.5844 0 11 0C11.4156 0 11.75 0.335938 11.75 0.75V2H13C14.1031 2 15 2.89531 15 4V14C15 15.1031 14.1031 16 13 16H3C1.89531 16 1 15.1031 1 14V4C1 2.89531 1.89531 2 3 2H4.25V0.75C4.25 0.335938 4.58437 0 5 0C5.41563 0 5.75 0.335938 5.75 0.75V2ZM2.5 7.75H5V6H2.5V7.75ZM2.5 9.25V11.25H5V9.25H2.5ZM6.5 9.25V11.25H9.5V9.25H6.5ZM11 9.25V11.25H13.5V9.25H11ZM13.5 6H11V7.75H13.5V6ZM13.5 12.75H11V14.5H13C13.275 14.5 13.5 14.275 13.5 14V12.75ZM9.5 12.75H6.5V14.5H9.5V12.75ZM5 12.75H2.5V14C2.5 14.275 2.72375 14.5 3 14.5H5V12.75ZM9.5 6H6.5V7.75H9.5V6Z" fill="currentColor"/></g><defs><clipPath id="clip0_41275_12898"><rect width="14" height="16" fill="white" transform="translate(1)"/></clipPath></defs></svg>'}};var W=function(t,e,i,n){var r,s=arguments.length,o=s<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,n);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(o=(s<3?r(o):s>3?r(e,i,o):r(e,i))||o);return s>3&&o&&Object.defineProperty(e,i,o),o};class $ extends p{constructor(){super(...arguments),this.renderInputPrefix=()=>t("div",{class:"vega-input-prefix"},t("vega-icon",{icon:j.getIconKey("calendar"),color:"text-secondary"})),this.isInputEnabled=()=>!this.readOnly&&!this.vegaDatePickerMobileController.getIsMobileDevice(),this.renderLabel=()=>this.label&&t("vega-field-label",{ref:t=>{k.addUniqueObserverToNode(t,_,(()=>{this.focusInput()}))},isFieldRequired:this.required,disabled:this.disabled,label:this.label}),this.focusInput=()=>{var t,e;null===(t=this.vegaDatePickerSingleInputRenderer.getSingleDateInputRef())||void 0===t||t.focus(),null===(e=this.vegaDatePickerRangeInputRenderer.getStartDateInputRef())||void 0===e||e.focus(),this.vegaDatePickerCalendarRenderer.getDatePicker().show()}}getDatePickerContainer(){return this.datePickerContainer}render(){const i=["vega-input-container",this.size,`${this.mode}-mode`,this.vegaDatePickerMobileController.getIsMobileDevice()?"mobile":""];return t(e,{class:{disabled:this.disabled}},this.renderLabel(),t("div",{class:w(i),ref:t=>this.datePickerContainer=t},"range"===this.mode?this.vegaDatePickerRangeInputRenderer.render():this.vegaDatePickerSingleInputRenderer.render()))}}j.register({calendar:N.calendar}),W([l()],$.prototype,"disabled",void 0),W([l()],$.prototype,"size",void 0),W([l()],$.prototype,"mode",void 0),W([l()],$.prototype,"label",void 0),W([l()],$.prototype,"required",void 0),W([l()],$.prototype,"readOnly",void 0),W([l()],$.prototype,"autoValidation",void 0),W([l()],$.prototype,"host",void 0),W([l()],$.prototype,"vegaDatePickerMobileController",void 0),W([l()],$.prototype,"vegaDatePickerSingleInputRenderer",void 0),W([l()],$.prototype,"vegaDatePickerRangeInputRenderer",void 0),W([l()],$.prototype,"vegaDatePickerCalendarRenderer",void 0);var U=function(t,e,i,n){var r,s=arguments.length,o=s<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,n);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(o=(s<3?r(o):s>3?r(e,i,o):r(e,i))||o);return s>3&&o&&Object.defineProperty(e,i,o),o};class Z extends p{constructor(){super(...arguments),this.isMobileDevice=b()===y.MOBILE}getIsMobileDevice(){return this.isMobileDevice}preventElementTouchMoveInMobile(){const t=this.host.shadowRoot.querySelector(".litepicker-backdrop");t&&(t.removeEventListener("touchmove",(t=>t.preventDefault())),t.addEventListener("touchmove",(t=>t.preventDefault()))),this.vegaDatePickerCalendarRenderer.getCalendarContainerRef().removeEventListener("touchmove",(t=>t.preventDefault())),this.vegaDatePickerCalendarRenderer.getCalendarContainerRef().addEventListener("touchmove",(t=>t.preventDefault()))}}U([l()],Z.prototype,"host",void 0),U([l()],Z.prototype,"vegaDatePickerCalendarRenderer",void 0);var B=function(t,e,i,n){var r,s=arguments.length,o=s<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,n);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(o=(s<3?r(o):s>3?r(e,i,o):r(e,i))||o);return s>3&&o&&Object.defineProperty(e,i,o),o};class G extends p{constructor(){super(...arguments),this.render=()=>t("div",{class:"date-picker-input"},this.vegaDatePickerRenderer.renderInputPrefix(),t("input",{readOnly:!this.vegaDatePickerRenderer.isInputEnabled(),placeholder:this.getSinglePlaceholder(),value:this.vegaDatePickerValueController.getValue(),ref:t=>this.singleDateInputRef=t,onChange:this.onSingleDateChange,disabled:this.disabled,onClick:()=>{this.vegaDatePickerCalendarRenderer.getDatePicker().show()}})),this.getSinglePlaceholder=()=>this.placeholder?"string"!=typeof this.placeholder?(f.warn("The placeholder should be a string"),this.format):this.placeholder:this.format,this.onSingleDateChange=t=>{const e=t.currentTarget.value;a(e)?this.vegaDatePickerValueController.setValue(this.vegaDatePickerFormatController.formatDate(e)):(this.vegaDatePickerValueController.setValue(""),this.singleDateInputRef.value="",f.warn("The date value of ${date} is invalid"))}}componentWillRender(){this.oldSingleDateInputRef=this.singleDateInputRef}getSingleDateInputRef(){return this.singleDateInputRef}getOldSingleDateInputRef(){return this.oldSingleDateInputRef}}B([l()],G.prototype,"disabled",void 0),B([l()],G.prototype,"placeholder",void 0),B([l()],G.prototype,"format",void 0),B([l()],G.prototype,"vegaDatePickerValueController",void 0),B([l()],G.prototype,"vegaDatePickerFormatController",void 0),B([l()],G.prototype,"vegaDatePickerRenderer",void 0),B([l()],G.prototype,"vegaDatePickerCalendarRenderer",void 0),B([u("componentWillRender")],G.prototype,"componentWillRender",null);var K=function(t,e,i,n){var r,s=arguments.length,o=s<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,n);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(o=(s<3?r(o):s>3?r(e,i,o):r(e,i))||o);return s>3&&o&&Object.defineProperty(e,i,o),o};class q extends p{constructor(){super(...arguments),this.render=()=>t(i,null,t("div",{class:"date-picker-input"},this.vegaDatePickerRenderer.renderInputPrefix(),t("input",{readOnly:!this.vegaDatePickerRenderer.isInputEnabled(),placeholder:this.getRangePlaceholder()[0],value:this.vegaDatePickerValueController.getValue()[0],ref:t=>this.startDateInputRef=t,onChange:this.onStartDateChange,disabled:this.disabled})),t("span",{class:{"range-input-divider":!0}}),t("div",{class:"date-picker-input"},t("input",{readOnly:!this.vegaDatePickerRenderer.isInputEnabled(),placeholder:this.getRangePlaceholder()[1],value:this.vegaDatePickerValueController.getValue()[1],ref:t=>this.endDateInputRef=t,onChange:this.onEndDateChange,disabled:this.disabled}))),this.getRangePlaceholder=()=>this.placeholder?Array.isArray(this.placeholder)&&2===this.placeholder.length?this.placeholder:(f.warn("The placeholder should be an array, including start and end placeholder"),["Start Date","End Date"].map((t=>this.translationSlimmer.t(t)))):["Start Date","End Date"].map((t=>this.translationSlimmer.t(t))),this.onStartDateChange=t=>{const e=t.currentTarget.value;a(e)?this.vegaDatePickerValueController.setValue([this.vegaDatePickerFormatController.formatDate(e),this.vegaDatePickerValueController.getValue()[1]]):(this.vegaDatePickerValueController.setValue(["",this.vegaDatePickerValueController.getValue()[1]]),this.startDateInputRef.value="",f.warn("The date value of ${date} is invalid"))},this.onEndDateChange=t=>{const e=t.currentTarget.value;a(e)?this.vegaDatePickerValueController.setValue([this.vegaDatePickerValueController.getValue()[0],this.vegaDatePickerFormatController.formatDate(e)]):(this.vegaDatePickerValueController.setValue([this.vegaDatePickerValueController.getValue()[0],""]),this.endDateInputRef.value="",f.warn("The date value of ${date} is invalid"))}}componentWillRender(){this.oldStartDateInputRef=this.startDateInputRef,this.oldEndDateInputRef=this.endDateInputRef}getStartDateInputRef(){return this.startDateInputRef}getEndDateInputRef(){return this.endDateInputRef}getOldStartDateInputRef(){return this.oldStartDateInputRef}getOldEndDateInputRef(){return this.oldEndDateInputRef}}K([l()],q.prototype,"disabled",void 0),K([l()],q.prototype,"placeholder",void 0),K([l()],q.prototype,"vegaDatePickerValueController",void 0),K([l()],q.prototype,"vegaDatePickerFormatController",void 0),K([l()],q.prototype,"vegaDatePickerRenderer",void 0),K([l()],q.prototype,"translationSlimmer",void 0),K([u("componentWillRender")],q.prototype,"componentWillRender",null);var X=function(t,e,i,n){var r,s=arguments.length,o=s<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,n);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(o=(s<3?r(o):s>3?r(e,i,o):r(e,i))||o);return s>3&&o&&Object.defineProperty(e,i,o),o};class J extends p{constructor(){super(...arguments),this.handleClear=()=>{this.vegaDatePickerCalendarRenderer.getDatePicker().clearSelection(),this.vegaDatePickerValueController.setDefaultValueByMode(),this.vegaDatePickerCalendarRenderer.getDatePicker().hide()},this.shouldUpdateCalendar=t=>{var e,i;const n=(null===(e=this.vegaDatePickerCalendarRenderer.getDatePicker().getStartDate())||void 0===e?void 0:e.format(this.format))||"",r=(null===(i=this.vegaDatePickerCalendarRenderer.getDatePicker().getEndDate())||void 0===i?void 0:i.format(this.format))||"";("single"===this.mode&&t!==n||"range"===this.mode&&!M(t,[n,r]))&&this.updateCalendar()},this.onDatePickerSelected=(t,e)=>{if("range"===this.mode){const i=t.format(this.format),n=e.format(this.format);this.vegaDatePickerRangeInputRenderer.getStartDateInputRef().value=i,this.vegaDatePickerRangeInputRenderer.getEndDateInputRef().value=n,this.vegaDatePickerValueController.syncUpValueWithCalendar()}else this.vegaDatePickerSingleInputRenderer.getSingleDateInputRef().value=t.format(this.format),this.vegaDatePickerValueController.syncUpValueWithCalendar()},this.getDefaultLitePickerConfig=()=>Object.assign(Object.assign({},this.getModeConfig()),{splitView:!1,showTooltip:!1,firstDay:0,minDate:this.minDate,maxDate:this.maxDate,allowRepick:this.allowRepick,format:this.format,plugins:[this.vegaDatePickerMobileController.getIsMobileDevice()?"mobilefriendly":null].filter(Boolean),parentEl:this.vegaDatePickerCalendarRenderer.getCalendarContainerRef()}),this.getModeConfig=()=>({singleMode:"single"===this.mode,numberOfMonths:"single"===this.mode?1:2,numberOfColumns:"single"===this.mode?1:2,startDate:"range"===this.mode?this.vegaDatePickerValueController.getValue()[0]:this.vegaDatePickerValueController.getValue(),endDate:"range"===this.mode?this.vegaDatePickerValueController.getValue()[1]:null,element:"range"===this.mode?this.vegaDatePickerRangeInputRenderer.getStartDateInputRef():this.vegaDatePickerSingleInputRenderer.getSingleDateInputRef(),elementEnd:"range"===this.mode?this.vegaDatePickerRangeInputRenderer.getEndDateInputRef():null})}watchMinDate(t){this.minDate=t?this.vegaDatePickerFormatController.formatDate(t):"",this.vegaDatePickerCalendarRenderer.getDatePicker().setOptions({minDate:this.minDate?this.minDate:null}),this.goToDate()}watchMaxDate(t){this.maxDate=t?this.vegaDatePickerFormatController.formatDate(t):"",this.vegaDatePickerCalendarRenderer.getDatePicker().setOptions({maxDate:this.maxDate?this.maxDate:null}),this.goToDate()}watchValue(){this.goToDate()}goToDate(){const t="range"===this.mode?this.vegaDatePickerValueController.getValue()[0]:this.vegaDatePickerValueController.getValue(),e=this.vegaDatePickerCalendarRenderer.getDatePicker(),i=new Date;t?e.gotoDate(t,0):this.minDate&&(d(i,new Date(this.minDate))||this.maxDate&&c(i,new Date(this.maxDate)))?e.gotoDate(this.minDate,0):this.maxDate&&c(i,new Date(this.maxDate))?e.gotoDate(this.maxDate,0):e.gotoDate(i,0)}updateCalendar(){if(this.vegaDatePickerCalendarRenderer.getDatePicker()&&("single"===this.mode&&(this.vegaDatePickerValueController.getValue()?this.vegaDatePickerCalendarRenderer.getDatePicker().setDate(this.vegaDatePickerValueController.getValue()):this.vegaDatePickerCalendarRenderer.getDatePicker().clearSelection()),"range"===this.mode)){const t=this.vegaDatePickerValueController.getValue()[0],e=this.vegaDatePickerValueController.getValue()[1];t&&e?this.vegaDatePickerCalendarRenderer.getDatePicker().setDateRange(t,e):""===t&&""===e&&this.vegaDatePickerCalendarRenderer.getDatePicker().clearSelection()}}}X([l({writable:!0})],J.prototype,"minDate",void 0),X([l({writable:!0})],J.prototype,"maxDate",void 0),X([l()],J.prototype,"allowRepick",void 0),X([l()],J.prototype,"format",void 0),X([l()],J.prototype,"mode",void 0),X([l()],J.prototype,"vegaDatePickerMobileController",void 0),X([l()],J.prototype,"vegaDatePickerValueController",void 0),X([l()],J.prototype,"vegaDatePickerFormatController",void 0),X([l()],J.prototype,"vegaDatePickerSingleInputRenderer",void 0),X([l()],J.prototype,"vegaDatePickerRangeInputRenderer",void 0),X([l()],J.prototype,"vegaDatePickerCalendarRenderer",void 0),X([u("watchMinDate")],J.prototype,"watchMinDate",null),X([u("watchMaxDate")],J.prototype,"watchMaxDate",null),X([u("watchValue")],J.prototype,"watchValue",null);var Q=R((function(t){
|
|
1
|
+
import{h as t,H as e,F as i,r as n,c as r,g as s}from"./p-1c298d5a.js";import{s as o}from"./p-9b797118.js";import{i as a,c as h,a as d,b as c}from"./p-b5990090.js";import{c as l,V as p,M as u,L as f,I as m}from"./p-6e1ab235.js";import{V as v,I as g}from"./p-61f6167c.js";import{F as x}from"./p-bccacf42.js";import{a as w,g as b,D as y}from"./p-4163c2c2.js";import{D as k}from"./p-6c6d86da.js";import{a as _,e as D}from"./p-3f5e44c1.js";import{V as j}from"./p-ac0ab38b.js";import{i as M}from"./p-ee68920f.js";import{c as R}from"./p-f404aa83.js";import{I}from"./p-152393dd.js";import{b as C}from"./p-da86ba01.js";import{C as O}from"./p-2d0d575f.js";import{S as E,a as z}from"./p-db120a1e.js";import{E as S}from"./p-acf8b473.js";import{K as V}from"./p-c1dfdc13.js";import{C as L}from"./p-ed4a57a8.js";import{c as P}from"./p-83af8ed7.js";import{C as T}from"./p-5dc98104.js";import{T as A}from"./p-9e6934fb.js";import"./p-0bb29d98.js";import"./p-331a62d5.js";import"./p-fb6c90d6.js";import"./p-6a334573.js";import"./p-6168c1e7.js";import"./p-be784f53.js";import"./p-47c87634.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-987fbbd0.js";import"./p-38d81bde.js";import"./p-1ea57951.js";import"./p-344ee7cb.js";import"./p-9fbdeada.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-a5f80d35.js";import"./p-0c667d6a.js";import"./p-5453f591.js";import"./p-ead1a647.js";import"./p-5f377954.js";import"./p-319efe6c.js";class H{constructor(t){this.config=t}evaluate(t){if(!this.isAcceptedInputType(t))throw new Error(`Invalid date value ${t} for mode ${this.config.mode}`);let e;switch(this.config.mode){case"single":e=a(t);break;case"range":e=Array.isArray(t)&&2===t.length&&t.every(a)}return{isValid:e,message:e?"":"This field is required"}}canEvaluate(t,e){return e?this.isAcceptedInputType(t)&&!e.disabled&&e.visible:this.isAcceptedInputType(t)}shouldShowError(t){return!t.disabled&&t.visible&&(t.touched||t.modified)}isAcceptedInputType(t){if(null==t)return!0;if(!this.config.mode)throw new Error(`Unexpected type of mode: ${this.config.mode}`);switch(this.config.mode){case"single":return"string"==typeof t;case"range":return Array.isArray(t);default:return!1}}}class Y{canEvaluate(t,e){return e?this.isAcceptedInputType(t)&&!e.disabled&&e.visible:this.isAcceptedInputType(t)}shouldShowError(t){return!t.disabled&&t.visible&&(t.touched||t.modified)}evaluate(t){if(!this.isAcceptedInputType(t))throw new Error(`Unexpected type of input: ${typeof t}: ${t}`);const e=new Date(t[0]),i=new Date(t[1]),n=h(e,i);return{isValid:n,message:n?"":"The end date should be later than start date"}}isAcceptedInputType(t){return Array.isArray(t)&&2===t.length&&t.every(a)}}class F{constructor(t){this.evaluateSingleDate=t=>{const e=new Date(t);return this.minDate&&d(e,this.minDate)?this.invalidResult({key:"The date should be later than {0}",args:[this.config.minDate]}):this.maxDate&&c(e,this.maxDate)?this.invalidResult({key:"The date should be earlier than {0}",args:[this.config.maxDate]}):this.validResult()},this.evaluateRangeDates=t=>{const e=new Date(t[0]),i=new Date(t[1]);return this.minDate&&d(e,this.minDate)?this.invalidResult({key:"The start date should be later than {0}",args:[this.config.minDate]}):this.maxDate&&c(e,this.maxDate)?this.invalidResult({key:"The start date should be earlier than {0}",args:[this.config.maxDate]}):i&&this.maxDate&&c(i,this.maxDate)?this.invalidResult({key:"The end date should be earlier than {0}",args:[this.config.maxDate]}):this.validResult()},this.invalidResult=t=>({isValid:!1,message:t}),this.validResult=()=>({isValid:!0,message:""}),this.config=t,this.minDate=t.minDate?new Date(t.minDate):null,this.maxDate=t.maxDate?new Date(t.maxDate):null}canEvaluate(t,e){return e?this.isAcceptedInputType(t)&&!e.disabled&&e.visible:this.isAcceptedInputType(t)}evaluate(t){if(!this.isAcceptedInputType(t))throw new Error(`Unexpected type of input: ${typeof t}: ${t}`);return"string"==typeof t?this.evaluateSingleDate(t):this.evaluateRangeDates(t)}shouldShowError(t){return!t.disabled&&t.visible&&(t.touched||t.modified)}isAcceptedInputType(t){return"string"==typeof t&&a(t)||Array.isArray(t)&&2===t.length&&t.every(a)}}const N={"chevron-left":{icon:'<svg width="12" height="16" viewBox="0 0 12 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M1.2937 7.29414C0.903076 7.68477 0.903076 8.31914 1.2937 8.70977L7.2937 14.7098C7.68433 15.1004 8.3187 15.1004 8.70933 14.7098C9.09995 14.3191 9.09995 13.6848 8.70933 13.2941L3.41558 8.00039L8.7062 2.70664C9.09683 2.31602 9.09683 1.68164 8.7062 1.29102C8.31558 0.900391 7.6812 0.900391 7.29058 1.29102L1.29058 7.29102L1.2937 7.29414Z" fill="currentColor"/></svg>'},"chevron-right":{icon:'<svg width="12" height="16" viewBox="0 0 12 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M10.7063 7.29414C11.0969 7.68477 11.0969 8.31914 10.7063 8.70977L4.70627 14.7098C4.31565 15.1004 3.68127 15.1004 3.29065 14.7098C2.90002 14.3191 2.90002 13.6848 3.29065 13.2941L8.5844 8.00039L3.29377 2.70664C2.90315 2.31602 2.90315 1.68164 3.29377 1.29102C3.6844 0.900391 4.31877 0.900391 4.7094 1.29102L10.7094 7.29102L10.7063 7.29414Z" fill="currentColor"/></svg>'},calendar:{icon:'<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_41275_12898)"><path d="M5.75 2H10.25V0.75C10.25 0.335938 10.5844 0 11 0C11.4156 0 11.75 0.335938 11.75 0.75V2H13C14.1031 2 15 2.89531 15 4V14C15 15.1031 14.1031 16 13 16H3C1.89531 16 1 15.1031 1 14V4C1 2.89531 1.89531 2 3 2H4.25V0.75C4.25 0.335938 4.58437 0 5 0C5.41563 0 5.75 0.335938 5.75 0.75V2ZM2.5 7.75H5V6H2.5V7.75ZM2.5 9.25V11.25H5V9.25H2.5ZM6.5 9.25V11.25H9.5V9.25H6.5ZM11 9.25V11.25H13.5V9.25H11ZM13.5 6H11V7.75H13.5V6ZM13.5 12.75H11V14.5H13C13.275 14.5 13.5 14.275 13.5 14V12.75ZM9.5 12.75H6.5V14.5H9.5V12.75ZM5 12.75H2.5V14C2.5 14.275 2.72375 14.5 3 14.5H5V12.75ZM9.5 6H6.5V7.75H9.5V6Z" fill="currentColor"/></g><defs><clipPath id="clip0_41275_12898"><rect width="14" height="16" fill="white" transform="translate(1)"/></clipPath></defs></svg>'}};var W=function(t,e,i,n){var r,s=arguments.length,o=s<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,n);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(o=(s<3?r(o):s>3?r(e,i,o):r(e,i))||o);return s>3&&o&&Object.defineProperty(e,i,o),o};class $ extends p{constructor(){super(...arguments),this.renderInputPrefix=()=>t("div",{class:"vega-input-prefix"},t("vega-icon",{icon:j.getIconKey("calendar"),color:"text-secondary"})),this.isInputEnabled=()=>!this.readOnly&&!this.vegaDatePickerMobileController.getIsMobileDevice(),this.renderLabel=()=>this.label&&t("vega-field-label",{ref:t=>{k.addUniqueObserverToNode(t,_,(()=>{this.focusInput()}))},isFieldRequired:this.required,disabled:this.disabled,label:this.label}),this.focusInput=()=>{var t,e;null===(t=this.vegaDatePickerSingleInputRenderer.getSingleDateInputRef())||void 0===t||t.focus(),null===(e=this.vegaDatePickerRangeInputRenderer.getStartDateInputRef())||void 0===e||e.focus(),this.vegaDatePickerCalendarRenderer.getDatePicker().show()}}getDatePickerContainer(){return this.datePickerContainer}render(){const i=["vega-input-container",this.size,`${this.mode}-mode`,this.vegaDatePickerMobileController.getIsMobileDevice()?"mobile":""];return t(e,{class:{disabled:this.disabled}},this.renderLabel(),t("div",{class:w(i),ref:t=>this.datePickerContainer=t},"range"===this.mode?this.vegaDatePickerRangeInputRenderer.render():this.vegaDatePickerSingleInputRenderer.render()))}}j.register({calendar:N.calendar}),W([l()],$.prototype,"disabled",void 0),W([l()],$.prototype,"size",void 0),W([l()],$.prototype,"mode",void 0),W([l()],$.prototype,"label",void 0),W([l()],$.prototype,"required",void 0),W([l()],$.prototype,"readOnly",void 0),W([l()],$.prototype,"autoValidation",void 0),W([l()],$.prototype,"host",void 0),W([l()],$.prototype,"vegaDatePickerMobileController",void 0),W([l()],$.prototype,"vegaDatePickerSingleInputRenderer",void 0),W([l()],$.prototype,"vegaDatePickerRangeInputRenderer",void 0),W([l()],$.prototype,"vegaDatePickerCalendarRenderer",void 0);var U=function(t,e,i,n){var r,s=arguments.length,o=s<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,n);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(o=(s<3?r(o):s>3?r(e,i,o):r(e,i))||o);return s>3&&o&&Object.defineProperty(e,i,o),o};class Z extends p{constructor(){super(...arguments),this.isMobileDevice=b()===y.MOBILE}getIsMobileDevice(){return this.isMobileDevice}preventElementTouchMoveInMobile(){const t=this.host.shadowRoot.querySelector(".litepicker-backdrop");t&&(t.removeEventListener("touchmove",(t=>t.preventDefault())),t.addEventListener("touchmove",(t=>t.preventDefault()))),this.vegaDatePickerCalendarRenderer.getCalendarContainerRef().removeEventListener("touchmove",(t=>t.preventDefault())),this.vegaDatePickerCalendarRenderer.getCalendarContainerRef().addEventListener("touchmove",(t=>t.preventDefault()))}}U([l()],Z.prototype,"host",void 0),U([l()],Z.prototype,"vegaDatePickerCalendarRenderer",void 0);var B=function(t,e,i,n){var r,s=arguments.length,o=s<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,n);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(o=(s<3?r(o):s>3?r(e,i,o):r(e,i))||o);return s>3&&o&&Object.defineProperty(e,i,o),o};class G extends p{constructor(){super(...arguments),this.render=()=>t("div",{class:"date-picker-input"},this.vegaDatePickerRenderer.renderInputPrefix(),t("input",{readOnly:!this.vegaDatePickerRenderer.isInputEnabled(),placeholder:this.getSinglePlaceholder(),value:this.vegaDatePickerValueController.getValue(),ref:t=>this.singleDateInputRef=t,onChange:this.onSingleDateChange,disabled:this.disabled,onClick:()=>{this.vegaDatePickerCalendarRenderer.getDatePicker().show()}})),this.getSinglePlaceholder=()=>this.placeholder?"string"!=typeof this.placeholder?(f.warn("The placeholder should be a string"),this.format):this.placeholder:this.format,this.onSingleDateChange=t=>{const e=t.currentTarget.value;a(e)?this.vegaDatePickerValueController.setValue(this.vegaDatePickerFormatController.formatDate(e)):(this.vegaDatePickerValueController.setValue(""),this.singleDateInputRef.value="",f.warn("The date value of ${date} is invalid"))}}componentWillRender(){this.oldSingleDateInputRef=this.singleDateInputRef}getSingleDateInputRef(){return this.singleDateInputRef}getOldSingleDateInputRef(){return this.oldSingleDateInputRef}}B([l()],G.prototype,"disabled",void 0),B([l()],G.prototype,"placeholder",void 0),B([l()],G.prototype,"format",void 0),B([l()],G.prototype,"vegaDatePickerValueController",void 0),B([l()],G.prototype,"vegaDatePickerFormatController",void 0),B([l()],G.prototype,"vegaDatePickerRenderer",void 0),B([l()],G.prototype,"vegaDatePickerCalendarRenderer",void 0),B([u("componentWillRender")],G.prototype,"componentWillRender",null);var K=function(t,e,i,n){var r,s=arguments.length,o=s<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,n);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(o=(s<3?r(o):s>3?r(e,i,o):r(e,i))||o);return s>3&&o&&Object.defineProperty(e,i,o),o};class q extends p{constructor(){super(...arguments),this.render=()=>t(i,null,t("div",{class:"date-picker-input"},this.vegaDatePickerRenderer.renderInputPrefix(),t("input",{readOnly:!this.vegaDatePickerRenderer.isInputEnabled(),placeholder:this.getRangePlaceholder()[0],value:this.vegaDatePickerValueController.getValue()[0],ref:t=>this.startDateInputRef=t,onChange:this.onStartDateChange,disabled:this.disabled})),t("span",{class:{"range-input-divider":!0}}),t("div",{class:"date-picker-input"},t("input",{readOnly:!this.vegaDatePickerRenderer.isInputEnabled(),placeholder:this.getRangePlaceholder()[1],value:this.vegaDatePickerValueController.getValue()[1],ref:t=>this.endDateInputRef=t,onChange:this.onEndDateChange,disabled:this.disabled}))),this.getRangePlaceholder=()=>this.placeholder?Array.isArray(this.placeholder)&&2===this.placeholder.length?this.placeholder:(f.warn("The placeholder should be an array, including start and end placeholder"),["Start Date","End Date"].map((t=>this.translationSlimmer.t(t)))):["Start Date","End Date"].map((t=>this.translationSlimmer.t(t))),this.onStartDateChange=t=>{const e=t.currentTarget.value;a(e)?this.vegaDatePickerValueController.setValue([this.vegaDatePickerFormatController.formatDate(e),this.vegaDatePickerValueController.getValue()[1]]):(this.vegaDatePickerValueController.setValue(["",this.vegaDatePickerValueController.getValue()[1]]),this.startDateInputRef.value="",f.warn("The date value of ${date} is invalid"))},this.onEndDateChange=t=>{const e=t.currentTarget.value;a(e)?this.vegaDatePickerValueController.setValue([this.vegaDatePickerValueController.getValue()[0],this.vegaDatePickerFormatController.formatDate(e)]):(this.vegaDatePickerValueController.setValue([this.vegaDatePickerValueController.getValue()[0],""]),this.endDateInputRef.value="",f.warn("The date value of ${date} is invalid"))}}componentWillRender(){this.oldStartDateInputRef=this.startDateInputRef,this.oldEndDateInputRef=this.endDateInputRef}getStartDateInputRef(){return this.startDateInputRef}getEndDateInputRef(){return this.endDateInputRef}getOldStartDateInputRef(){return this.oldStartDateInputRef}getOldEndDateInputRef(){return this.oldEndDateInputRef}}K([l()],q.prototype,"disabled",void 0),K([l()],q.prototype,"placeholder",void 0),K([l()],q.prototype,"vegaDatePickerValueController",void 0),K([l()],q.prototype,"vegaDatePickerFormatController",void 0),K([l()],q.prototype,"vegaDatePickerRenderer",void 0),K([l()],q.prototype,"translationSlimmer",void 0),K([u("componentWillRender")],q.prototype,"componentWillRender",null);var X=function(t,e,i,n){var r,s=arguments.length,o=s<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,n);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(o=(s<3?r(o):s>3?r(e,i,o):r(e,i))||o);return s>3&&o&&Object.defineProperty(e,i,o),o};class J extends p{constructor(){super(...arguments),this.handleClear=()=>{this.vegaDatePickerCalendarRenderer.getDatePicker().clearSelection(),this.vegaDatePickerValueController.setDefaultValueByMode(),this.vegaDatePickerCalendarRenderer.getDatePicker().hide()},this.shouldUpdateCalendar=t=>{var e,i;const n=(null===(e=this.vegaDatePickerCalendarRenderer.getDatePicker().getStartDate())||void 0===e?void 0:e.format(this.format))||"",r=(null===(i=this.vegaDatePickerCalendarRenderer.getDatePicker().getEndDate())||void 0===i?void 0:i.format(this.format))||"";("single"===this.mode&&t!==n||"range"===this.mode&&!M(t,[n,r]))&&this.updateCalendar()},this.onDatePickerSelected=(t,e)=>{if("range"===this.mode){const i=t.format(this.format),n=e.format(this.format);this.vegaDatePickerRangeInputRenderer.getStartDateInputRef().value=i,this.vegaDatePickerRangeInputRenderer.getEndDateInputRef().value=n,this.vegaDatePickerValueController.syncUpValueWithCalendar()}else this.vegaDatePickerSingleInputRenderer.getSingleDateInputRef().value=t.format(this.format),this.vegaDatePickerValueController.syncUpValueWithCalendar()},this.getDefaultLitePickerConfig=()=>Object.assign(Object.assign({},this.getModeConfig()),{splitView:!1,showTooltip:!1,firstDay:0,minDate:this.minDate,maxDate:this.maxDate,allowRepick:this.allowRepick,format:this.format,plugins:[this.vegaDatePickerMobileController.getIsMobileDevice()?"mobilefriendly":null].filter(Boolean),parentEl:this.vegaDatePickerCalendarRenderer.getCalendarContainerRef()}),this.getModeConfig=()=>({singleMode:"single"===this.mode,numberOfMonths:"single"===this.mode?1:2,numberOfColumns:"single"===this.mode?1:2,startDate:"range"===this.mode?this.vegaDatePickerValueController.getValue()[0]:this.vegaDatePickerValueController.getValue(),endDate:"range"===this.mode?this.vegaDatePickerValueController.getValue()[1]:null,element:"range"===this.mode?this.vegaDatePickerRangeInputRenderer.getStartDateInputRef():this.vegaDatePickerSingleInputRenderer.getSingleDateInputRef(),elementEnd:"range"===this.mode?this.vegaDatePickerRangeInputRenderer.getEndDateInputRef():null})}watchMinDate(t){this.minDate=t?this.vegaDatePickerFormatController.formatDate(t):"",this.vegaDatePickerCalendarRenderer.getDatePicker().setOptions({minDate:this.minDate?this.minDate:null}),this.goToDate()}watchMaxDate(t){this.maxDate=t?this.vegaDatePickerFormatController.formatDate(t):"",this.vegaDatePickerCalendarRenderer.getDatePicker().setOptions({maxDate:this.maxDate?this.maxDate:null}),this.goToDate()}watchValue(){this.goToDate()}goToDate(){const t="range"===this.mode?this.vegaDatePickerValueController.getValue()[0]:this.vegaDatePickerValueController.getValue(),e=this.vegaDatePickerCalendarRenderer.getDatePicker(),i=new Date;t?e.gotoDate(t,0):this.minDate&&(d(i,new Date(this.minDate))||this.maxDate&&c(i,new Date(this.maxDate)))?e.gotoDate(this.minDate,0):this.maxDate&&c(i,new Date(this.maxDate))?e.gotoDate(this.maxDate,0):e.gotoDate(i,0)}updateCalendar(){if(this.vegaDatePickerCalendarRenderer.getDatePicker()&&("single"===this.mode&&(this.vegaDatePickerValueController.getValue()?this.vegaDatePickerCalendarRenderer.getDatePicker().setDate(this.vegaDatePickerValueController.getValue()):this.vegaDatePickerCalendarRenderer.getDatePicker().clearSelection()),"range"===this.mode)){const t=this.vegaDatePickerValueController.getValue()[0],e=this.vegaDatePickerValueController.getValue()[1];t&&e?this.vegaDatePickerCalendarRenderer.getDatePicker().setDateRange(t,e):""===t&&""===e&&this.vegaDatePickerCalendarRenderer.getDatePicker().clearSelection()}}}X([l({writable:!0})],J.prototype,"minDate",void 0),X([l({writable:!0})],J.prototype,"maxDate",void 0),X([l()],J.prototype,"allowRepick",void 0),X([l()],J.prototype,"format",void 0),X([l()],J.prototype,"mode",void 0),X([l()],J.prototype,"vegaDatePickerMobileController",void 0),X([l()],J.prototype,"vegaDatePickerValueController",void 0),X([l()],J.prototype,"vegaDatePickerFormatController",void 0),X([l()],J.prototype,"vegaDatePickerSingleInputRenderer",void 0),X([l()],J.prototype,"vegaDatePickerRangeInputRenderer",void 0),X([l()],J.prototype,"vegaDatePickerCalendarRenderer",void 0),X([u("watchMinDate")],J.prototype,"watchMinDate",null),X([u("watchMaxDate")],J.prototype,"watchMaxDate",null),X([u("watchValue")],J.prototype,"watchValue",null);var Q=R((function(t){
|
|
2
2
|
/*!
|
|
3
3
|
*
|
|
4
4
|
* litepicker.umd.js
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as o,H as r,g as i}from"./p-1c298d5a.js";import{s as a}from"./p-9b797118.js";import{c as s,M as n,V as l,I as p}from"./p-6e1ab235.js";import{V as u,I as d}from"./p-61f6167c.js";import{c,S as h}from"./p-41784db1.js";import{c as b}from"./p-83af8ed7.js";import{a as g,b as v}from"./p-3f5e44c1.js";import{C as f}from"./p-5dc98104.js";import{D as m,d as x}from"./p-6c6d86da.js";import{f as y}from"./p-6168c1e7.js";import{C as w}from"./p-2d0d575f.js";import{f as j}from"./p-4163c2c2.js";import"./p-6a334573.js";import"./p-331a62d5.js";import"./p-ead1a647.js";import"./p-5f377954.js";import"./p-319efe6c.js";import"./p-f404aa83.js";var S=function(t,e,o,r){var i,a=arguments.length,s=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,r);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(a<3?i(s):a>3?i(e,o,s):i(e,o))||s);return a>3&&s&&Object.defineProperty(e,o,s),s};class R extends l{registerGroupClickObserver(){m.addUniqueObserverToNode(this.host,y,(t=>{this.clickEventEmitter.emit(t.detail)}))}unregisterGroupClickObserver(){m.removeUniqueObserverFromNode(this.host,y)}}S([s()],R.prototype,"host",void 0),S([s()],R.prototype,"clickEventEmitter",void 0),S([n("connectedCallback")],R.prototype,"registerGroupClickObserver",null),S([n("disconnectedCallback")],R.prototype,"unregisterGroupClickObserver",null);const k=[{payloadKey:"VARIANT_IS_PRIMARY",payloadDescription:"Specifies the visual style and prominence of the button group. It determines how the button group will be presented to the user.",payloadValue:t=>"primary"===t.variant},{payloadKey:"VARIANT_IS_SECONDARY",payloadDescription:"Specifies the visual style and prominence of the button group. It determines how the button group will be presented to the user.",payloadValue:t=>"secondary"===t.variant},{payloadKey:"VARIANT_IS_TERTIARY",payloadDescription:"Specifies the visual style and prominence of the button group. It determines how the button group will be presented to the user.",payloadValue:t=>"tertiary"===t.variant}];var A=function(t,e,o,r){var i,a=arguments.length,s=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,r);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(a<3?i(s):a>3?i(e,o,s):i(e,o))||s);return a>3&&s&&Object.defineProperty(e,o,s),s};const I=class{constructor(o){t(this,o),this.vegaClick=e(this,"vegaClick",7),this.click=e(this,"click",7),this.globalSlimmers={},this.clickEventEmitter=b(I,g),this.clickEventPrevent=new f([g],(()=>this.flexContainer)),this.buttonGroupClickController=new R,this.variantNotifySlimmer=c(I,"variant","watchVariant"),this.sizeNotifySlimmer=c(I,"size","watchSize"),this.iconAlignNotifySlimmer=c(I,"iconAlign","watchIconAlign"),this.vegaComponentUsageRuntimeMetricsSlimmer=new u(k),this.variant="primary",this.size="default",this.iconAlign="left"}watchVariant(){}watchSize(){}watchIconAlign(){}render(){return a(o(r,null,o("vega-flex",{class:`vega-button-group-container vega-button-group-${this.variant}`,direction:"row",alignItems:"tertiary"===this.variant?"center":"stretch",gap:"tertiary"!==this.variant?"size-2":"0",ref:t=>this.flexContainer=t},o("slot",null))),this.host)}get host(){return i(this)}static get watchers(){return{variant:["watchVariant"],size:["watchSize"],iconAlign:["watchIconAlign"]}}};A([d()],I.prototype,"globalSlimmers",void 0),A([p()],I.prototype,"clickEventEmitter",void 0),A([p()],I.prototype,"clickEventPrevent",void 0),A([p()],I.prototype,"buttonGroupClickController",void 0),A([p()],I.prototype,"variantNotifySlimmer",void 0),A([p()],I.prototype,"sizeNotifySlimmer",void 0),A([p()],I.prototype,"iconAlignNotifySlimmer",void 0),A([p()],I.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),I.style=":host{display:inline-block;border-radius:9999px}.vega-button-group-primary{gap:6px}.vega-button-group-container:not(.vega-button-group-tertiary){border-radius:9999px}.vega-button-group-container:not(.vega-button-group-tertiary)>::slotted(.vega-button-group-item:first-child){border-top-left-radius:9999px;border-bottom-left-radius:9999px}.vega-button-group-container:not(.vega-button-group-tertiary)>::slotted(.vega-button-group-item:last-child){border-top-right-radius:9999px;border-bottom-right-radius:9999px}.vega-button-group-tertiary>::slotted(.vega-button-group-item){padding-left:12px;padding-right:12px;border-color:rgba(var(--v-border-color-divider-secondary, 199, 217, 229, 1));border-left-width:1px;border-top-width:0px;border-bottom-width:0px;border-right-width:0px;border-style:solid}.vega-button-group-tertiary>::slotted(.vega-button-group-item:first-child){border-left-width:0px}";var O=function(t,e,o,r){var i,a=arguments.length,s=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,r);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(a<3?i(s):a>3?i(e,o,s):i(e,o))||s);return a>3&&s&&Object.defineProperty(e,o,s),s};class C extends h{constructor(){super({parent:"vega-button-group",subStates:[{subStateName:"variant",parentStateName:"variant"},{subStateName:"size",parentStateName:"size"},{subStateName:"iconAlign",parentStateName:"iconAlign"}]})}}O([s({writable:!0})],C.prototype,"size",void 0),O([s({writable:!0})],C.prototype,"variant",void 0),O([s({writable:!0})],C.prototype,"iconAlign",void 0);var z=function(t,e,o,r){var i,a=arguments.length,s=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,r);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(a<3?i(s):a>3?i(e,o,s):i(e,o))||s);return a>3&&s&&Object.defineProperty(e,o,s),s};class N extends l{constructor(){super(...arguments),this.buttonItemClickHandle=()=>{this.notifyParentGroup(this.itemKey)},this.moreDropdownItemClickHandle=t=>{this.notifyParentGroup(t.detail)}}render(){return this.dropdownSource&&this.dropdownSource.length?o("vega-dropdown",Object.assign({source:this.dropdownSource,trigger:"click"},this.dropdownProps,{ref:t=>{m.addUniqueObserverToNode(t,v,this.moreDropdownItemClickHandle)}}),this.renderButtonItemWithTooltip()):this.renderButtonItemWithTooltip()}renderButtonItemWithTooltip(){return this.iconOnly&&this.label?o("vega-tooltip",{placement:"top",text:this.label},this.renderButtonItem()):this.renderButtonItem()}renderButtonItem(){const t=this.getButtonProps();return"tertiary"===this.variant?o("vega-button-link",Object.assign({},t)):o("vega-button",Object.assign({class:`button-group-item-button-${this.variant}`,variant:this.variant},t))}notifyParentGroup(t){const e=j(this.host,"vega-button-group");e&&w.notify(x.getSubject(e,y),{host:this.host,detail:t})}getButtonProps(){return{size:this.size,icon:this.icon,label:this.iconOnly?"":this.getDefaultLabel(),iconAlign:this.iconAlign,ref:t=>{m.addUniqueObserverToNode(t,g,this.buttonItemClickHandle)}}}getDefaultLabel(){return!this.icon&&!this.label&&this.dropdownSource&&this.dropdownSource.length?"More":this.label}}z([s()],N.prototype,"host",void 0),z([s()],N.prototype,"size",void 0),z([s()],N.prototype,"icon",void 0),z([s()],N.prototype,"label",void 0),z([s()],N.prototype,"iconAlign",void 0),z([s()],N.prototype,"iconOnly",void 0),z([s()],N.prototype,"variant",void 0),z([s()],N.prototype,"itemKey",void 0),z([s()],N.prototype,"dropdownSource",void 0),z([s()],N.prototype,"dropdownProps",void 0);var V=function(t,e,o,r){var i,a=arguments.length,s=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,r);else for(var n=t.length-1;n>=0;n--)(i=t[n])&&(s=(a<3?i(s):a>3?i(e,o,s):i(e,o))||s);return a>3&&s&&Object.defineProperty(e,o,s),s};const _=class{constructor(e){t(this,e),this.globalSlimmers={},this.subStateObserverSlimmer=new C,this.buttonGroupItemRenderer=new N,this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.variant="primary",this.size="default",this.iconAlign="left",this.iconOnly=!1}render(){return a(o(r,{class:"vega-button-group-item"},this.buttonGroupItemRenderer.render()),this.host)}get host(){return i(this)}};V([d()],_.prototype,"globalSlimmers",void 0),V([p()],_.prototype,"subStateObserverSlimmer",void 0),V([p()],_.prototype,"buttonGroupItemRenderer",void 0),V([p()],_.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),_.style=":host{display:inline-block}:host>vega-tooltip,:host>vega-dropdown{height:100%}:host>vega-tooltip>vega-tooltip,:host>vega-dropdown>vega-tooltip{height:100%}:host vega-button{height:100%}:host vega-button::part(button):focus-visible{position:relative;outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;z-index:1;box-shadow:0 0 0}:host vega-button-link::part(link-border){outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border-top-left-radius:4px;border-bottom-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px;height:calc(100% + 2px);top:-1px;box-shadow:0 0 0;visibility:hidden}:host vega-button-link::part(label-container){text-decoration:none}:host vega-button-link:hover::part(label-container){text-decoration:underline}:host vega-button::part(button){margin-right:-4px}:host vega-button::part(button):focus-visible{margin-right:0px;margin-left:4px}:host(:first-child) vega-tooltip:has(vega-button),:host(:first-child) vega-dropdown:has(vega-button){border-top-left-radius:9999px;border-bottom-left-radius:9999px}:host(:first-child) vega-button::part(button){border-top-left-radius:9999px;border-bottom-left-radius:9999px}:host(:first-child) vega-button::part(button):focus-visible{margin-left:0}:host(:last-child) vega-tooltip:has(vega-button),:host(:last-child) vega-dropdown:has(vega-button){border-top-right-radius:9999px;border-bottom-right-radius:9999px}:host(:last-child) vega-button::part(button){border-top-right-radius:9999px;border-bottom-right-radius:9999px}:host(:last-child) vega-button::part(button){margin-right:0}vega-button::part(button){border-top-left-radius:0px;border-bottom-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;height:100%}";export{I as vega_button_group,_ as vega_button_group_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as t,r as e,c as i,H as a,g as n}from"./p-1c298d5a.js";import{s}from"./p-9b797118.js";import{n as o,c as r}from"./p-344ee7cb.js";import{D as g}from"./p-6c6d86da.js";import{t as p,y as h,e as l,a as m,G as c}from"./p-3f5e44c1.js";import{a as f}from"./p-4163c2c2.js";import{C as v}from"./p-5dc98104.js";import{c as d}from"./p-83af8ed7.js";import{I as u}from"./p-6e1ab235.js";import{V as x,I as w}from"./p-61f6167c.js";import{T as b}from"./p-15452727.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-ead1a647.js";import"./p-5f377954.js";import"./p-319efe6c.js";import"./p-f404aa83.js";import"./p-6a334573.js";import"./p-05ebf5a3.js";import"./p-da86ba01.js";import"./p-fb6c90d6.js";const y=({pageSize:e,current:i,total:a,translationSlimmer:n})=>{const s=a>0?e*(i-1)+1:0,o=Math.min(i*e,a);return t("vega-field-label",{label:n.t("Viewing {0}-{1} of {2}",s,o,a)})},z=({onChange:e,pageCount:i,translationSlimmer:a})=>{let n;const s=()=>{if(n.value){const t=o(r(n.value,1),1,i);e(t),n.value=""}},l=t=>{t.stopPropagation()};return t("vega-flex",{alignItems:"center",justifyContent:"center",gap:"size-8"},t("vega-field-label",{label:a.t("Go To")}),t("vega-form",{ref:t=>{g.addUniqueObserverToNode(t,p,s)}},t("vega-input",{"data-vega-form":"paginationGoTo",type:"number",size:"small",showClearIcon:!1,style:{width:"60px"},maskConfig:{type:"number",options:{allowNegative:!1,precision:0}},onVegaChange:l,onChange:l,ref:t=>{n=t,g.addUniqueObserverToNode(t,h,s)}})))},S=({pageSize:e,pageSizeSelectorOptions:i,onChange:a,translationSlimmer:n})=>{const s=i.sort(((t,e)=>t-e)),o=t=>{const e=Number(t.detail);a(e)};return t("vega-flex",{alignItems:"center",justifyContent:"center",gap:"size-8"},t("vega-field-label",{label:n.t("Show")}),t("div",null,t("vega-input-select",{size:"small",source:s.map((t=>({id:t.toString(),displayName:t.toString()}))),value:e.toString(),placeholder:"Page Size",vegaDropdownProps:{matchTargetWidth:!1,searchable:!1},ref:t=>{g.addUniqueObserverToNode(t,l,o)}})))},C=({total:e,current:i,onChange:a,pageCount:n})=>{const s=e=>{const n=i!==e;return t("li",{key:e,class:f(["vega-pagination-item",i===e?"active":""])},t("button",{onClick:()=>n&&a(e)},e))},o=(e,i,a)=>t("li",{class:f(["vega-pagination-button",i&&"disabled"])},t("vega-button-circle",{variant:"icon-only",icon:e,iconColor:"text-link",size:"small",disabled:i,ref:t=>{g.addUniqueObserverToNode(t,m,a)}}));return t("ul",{class:"vega-pagination"},o("chevron-left",0===e||1===i,(()=>{a(i-1)})),0===e?[s(1)]:((t,e,i=7)=>{if(i<7)throw new Error("Must allow at least 7 pager items");if(i%2==0)throw new Error("Must allow odd number of pager items");if(e<i)return Array(e).fill(0).map(((t,e)=>e+1));const a=Math.max(1,Math.min(e-i+1,t-Math.floor(i/2))),n=new Array(i);for(let t=0;t<i;t+=1)n[t]=t+a;return n[0]>1&&(n[0]=1,n[1]="..."),n[n.length-1]<=e-1&&(n[n.length-1]=e,n[n.length-2]="..."),n})(i,n).map((e=>"string"==typeof e?t("li",{class:"vega-pagination-item pager-ellipsis"},"..."):s(e))),o("chevron-right",0===e||i===n,(()=>{a(i+1)})))};var j=function(t,e,i,a){var n,s=arguments.length,o=s<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,a);else for(var r=t.length-1;r>=0;r--)(n=t[r])&&(o=(s<3?n(o):s>3?n(e,i,o):n(e,i))||o);return s>3&&o&&Object.defineProperty(e,i,o),o};const I=class{constructor(a){e(this,a),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.vegaPageSizeChange=i(this,"vegaPageSizeChange",7),this.pageSizeChange=i(this,"pageSizeChange",7),this.globalSlimmers={},this.translationSlimmer=new b,this.childEventPrevent=new v([p],(()=>this.host)),this.childValueChangePrevent=new v([l],(()=>this.host),!0),this.vegaChangeEventEmitter=d(I,l),this.vegaPageSizeChangeEventEmitter=d(I,c),this.vegaComponentUsageRuntimeMetricsSlimmer=new x,this.vegaPaginationItemTypes=["currentPageLabel","pageSizeSelector","pageSelector","goTo"],this.pageCount=0,this.current=1,this.total=0,this.pageSize=10,this.extensions=[["pageSelector"]],this.pageSizeSelectorOptions=[10,20,50,100],this.renderPaginationItemsWrapper=e=>t("vega-flex",{gap:"size-24",alignItems:"center",key:this.generateWrapperKey(e)},e.map((e=>t("div",{key:e},this.renderPaginationItem(e))))),this.renderPaginationItem=e=>{switch(e){case"currentPageLabel":return t(y,{total:this.total,current:this.current,pageSize:this.pageSize,translationSlimmer:this.translationSlimmer});case"pageSizeSelector":{const e=this.pageSizeSelectorOptions.includes(this.pageSize)?this.pageSizeSelectorOptions:[...this.pageSizeSelectorOptions,this.pageSize];return t(S,{pageSize:this.pageSize,pageSizeSelectorOptions:e,onChange:this.onPageSizeSelectorChange,translationSlimmer:this.translationSlimmer})}case"pageSelector":return t(C,{current:this.current,total:this.total,onChange:this.onPageSelectorChange,pageCount:this.pageCount});case"goTo":return t(z,{onChange:this.handlePaginationGoToChange,pageCount:this.pageCount,translationSlimmer:this.translationSlimmer})}},this.handlePaginationGoToChange=t=>{this.current=t},this.onPageSizeSelectorChange=t=>{this.pageSize=t,this.vegaPageSizeChangeEventEmitter.emit(this.pageSize)},this.calculatePages=()=>this.total?Math.floor((this.total-1)/this.pageSize)+1:0,this.onPageSelectorChange=t=>{this.current=t},this.removeDuplicateItems=t=>{const e=[...this.vegaPaginationItemTypes];return[...t].map((t=>t.filter(((i,a)=>{const n=e.indexOf(i);return n>=0?(e.splice(n,1),!0):(t.splice(a,1),!1)})))).filter((t=>t.length>0))},this.generateWrapperKey=t=>t.map(String).reduce(((t,e)=>`${t}-${e}`)),this.currentValueGuard=()=>{0===this.pageCount?this.current=1:this.current>this.pageCount&&(this.current=this.pageCount)}}watchPageCount(){this.currentValueGuard()}watchCurrent(){this.currentValueGuard(),this.vegaChangeEventEmitter.emit(this.current)}watchPageSize(){this.pageCount=this.calculatePages()}componentWillLoad(){this.pageCount=this.calculatePages(),this.currentValueGuard(),this.pageSizeSelectorOptions.includes(this.pageSize)||(this.pageSizeSelectorOptions=[...this.pageSizeSelectorOptions,this.pageSize])}render(){return s(t(a,null,this.removeDuplicateItems(this.extensions).map(this.renderPaginationItemsWrapper)),this.host)}get host(){return n(this)}static get watchers(){return{pageCount:["watchPageCount"],current:["watchCurrent"],total:["watchPageSize"],pageSize:["watchPageSize"]}}};j([w()],I.prototype,"globalSlimmers",void 0),j([u()],I.prototype,"translationSlimmer",void 0),j([u()],I.prototype,"childEventPrevent",void 0),j([u()],I.prototype,"childValueChangePrevent",void 0),j([u()],I.prototype,"vegaChangeEventEmitter",void 0),j([u()],I.prototype,"vegaPageSizeChangeEventEmitter",void 0),j([u()],I.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),I.style=':host{display:flex;align-items:center;justify-content:space-between;gap:20px;line-height:normal}.vega-pagination{display:flex;padding:0px;margin:0px}.vega-pagination .vega-pagination-item{list-style-type:none;display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;color:rgba(var(--v-text-link, 19, 98, 226, 1));cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-pagination .vega-pagination-item{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-pagination .vega-pagination-item{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-pagination .vega-pagination-item{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}.vega-pagination .vega-pagination-item button{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));border-width:0px;outline:2px solid transparent;outline-offset:2px;width:100%;height:100%;cursor:pointer;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;color:rgba(var(--v-text-link, 19, 98, 226, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-pagination .vega-pagination-item button{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-pagination .vega-pagination-item button{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-pagination .vega-pagination-item button{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}.vega-pagination .vega-pagination-item.pager-ellipsis{cursor:default}.vega-pagination .vega-pagination-item:not(.pager-ellipsis):not(:active):hover{text-decoration:underline;text-underline-offset:2px}.vega-pagination .vega-pagination-item button:active,.vega-pagination .vega-pagination-item.active button{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-pagination .vega-pagination-item button:active,.vega-pagination .vega-pagination-item.active button{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-pagination .vega-pagination-item button:active,.vega-pagination .vega-pagination-item.active button{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-pagination .vega-pagination-item button:active,.vega-pagination .vega-pagination-item.active button{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}.vega-pagination .vega-pagination-item button:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25));border-radius:9999px}.vega-pagination .vega-pagination-button{list-style-type:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}';export{I as vega_pagination}
|
|
1
|
+
import{h as t,r as e,c as i,H as a,g as n}from"./p-1c298d5a.js";import{s}from"./p-9b797118.js";import{n as o,c as r}from"./p-344ee7cb.js";import{D as g}from"./p-6c6d86da.js";import{t as p,y as h,e as l,a as m,G as c}from"./p-3f5e44c1.js";import{a as f}from"./p-4163c2c2.js";import{C as v}from"./p-5dc98104.js";import{c as d}from"./p-83af8ed7.js";import{I as u}from"./p-6e1ab235.js";import{V as x,I as w}from"./p-61f6167c.js";import{T as b}from"./p-9e6934fb.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-ead1a647.js";import"./p-5f377954.js";import"./p-319efe6c.js";import"./p-f404aa83.js";import"./p-6a334573.js";import"./p-be784f53.js";import"./p-da86ba01.js";import"./p-fb6c90d6.js";const y=({pageSize:e,current:i,total:a,translationSlimmer:n})=>{const s=a>0?e*(i-1)+1:0,o=Math.min(i*e,a);return t("vega-field-label",{label:n.t("Viewing {0}-{1} of {2}",s,o,a)})},z=({onChange:e,pageCount:i,translationSlimmer:a})=>{let n;const s=()=>{if(n.value){const t=o(r(n.value,1),1,i);e(t),n.value=""}},l=t=>{t.stopPropagation()};return t("vega-flex",{alignItems:"center",justifyContent:"center",gap:"size-8"},t("vega-field-label",{label:a.t("Go To")}),t("vega-form",{ref:t=>{g.addUniqueObserverToNode(t,p,s)}},t("vega-input",{"data-vega-form":"paginationGoTo",type:"number",size:"small",showClearIcon:!1,style:{width:"60px"},maskConfig:{type:"number",options:{allowNegative:!1,precision:0}},onVegaChange:l,onChange:l,ref:t=>{n=t,g.addUniqueObserverToNode(t,h,s)}})))},S=({pageSize:e,pageSizeSelectorOptions:i,onChange:a,translationSlimmer:n})=>{const s=i.sort(((t,e)=>t-e)),o=t=>{const e=Number(t.detail);a(e)};return t("vega-flex",{alignItems:"center",justifyContent:"center",gap:"size-8"},t("vega-field-label",{label:n.t("Show")}),t("div",null,t("vega-input-select",{size:"small",source:s.map((t=>({id:t.toString(),displayName:t.toString()}))),value:e.toString(),placeholder:"Page Size",vegaDropdownProps:{matchTargetWidth:!1,searchable:!1},ref:t=>{g.addUniqueObserverToNode(t,l,o)}})))},C=({total:e,current:i,onChange:a,pageCount:n})=>{const s=e=>{const n=i!==e;return t("li",{key:e,class:f(["vega-pagination-item",i===e?"active":""])},t("button",{onClick:()=>n&&a(e)},e))},o=(e,i,a)=>t("li",{class:f(["vega-pagination-button",i&&"disabled"])},t("vega-button-circle",{variant:"icon-only",icon:e,iconColor:"text-link",size:"small",disabled:i,ref:t=>{g.addUniqueObserverToNode(t,m,a)}}));return t("ul",{class:"vega-pagination"},o("chevron-left",0===e||1===i,(()=>{a(i-1)})),0===e?[s(1)]:((t,e,i=7)=>{if(i<7)throw new Error("Must allow at least 7 pager items");if(i%2==0)throw new Error("Must allow odd number of pager items");if(e<i)return Array(e).fill(0).map(((t,e)=>e+1));const a=Math.max(1,Math.min(e-i+1,t-Math.floor(i/2))),n=new Array(i);for(let t=0;t<i;t+=1)n[t]=t+a;return n[0]>1&&(n[0]=1,n[1]="..."),n[n.length-1]<=e-1&&(n[n.length-1]=e,n[n.length-2]="..."),n})(i,n).map((e=>"string"==typeof e?t("li",{class:"vega-pagination-item pager-ellipsis"},"..."):s(e))),o("chevron-right",0===e||i===n,(()=>{a(i+1)})))};var j=function(t,e,i,a){var n,s=arguments.length,o=s<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,a);else for(var r=t.length-1;r>=0;r--)(n=t[r])&&(o=(s<3?n(o):s>3?n(e,i,o):n(e,i))||o);return s>3&&o&&Object.defineProperty(e,i,o),o};const I=class{constructor(a){e(this,a),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.vegaPageSizeChange=i(this,"vegaPageSizeChange",7),this.pageSizeChange=i(this,"pageSizeChange",7),this.globalSlimmers={},this.translationSlimmer=new b,this.childEventPrevent=new v([p],(()=>this.host)),this.childValueChangePrevent=new v([l],(()=>this.host),!0),this.vegaChangeEventEmitter=d(I,l),this.vegaPageSizeChangeEventEmitter=d(I,c),this.vegaComponentUsageRuntimeMetricsSlimmer=new x,this.vegaPaginationItemTypes=["currentPageLabel","pageSizeSelector","pageSelector","goTo"],this.pageCount=0,this.current=1,this.total=0,this.pageSize=10,this.extensions=[["pageSelector"]],this.pageSizeSelectorOptions=[10,20,50,100],this.renderPaginationItemsWrapper=e=>t("vega-flex",{gap:"size-24",alignItems:"center",key:this.generateWrapperKey(e)},e.map((e=>t("div",{key:e},this.renderPaginationItem(e))))),this.renderPaginationItem=e=>{switch(e){case"currentPageLabel":return t(y,{total:this.total,current:this.current,pageSize:this.pageSize,translationSlimmer:this.translationSlimmer});case"pageSizeSelector":{const e=this.pageSizeSelectorOptions.includes(this.pageSize)?this.pageSizeSelectorOptions:[...this.pageSizeSelectorOptions,this.pageSize];return t(S,{pageSize:this.pageSize,pageSizeSelectorOptions:e,onChange:this.onPageSizeSelectorChange,translationSlimmer:this.translationSlimmer})}case"pageSelector":return t(C,{current:this.current,total:this.total,onChange:this.onPageSelectorChange,pageCount:this.pageCount});case"goTo":return t(z,{onChange:this.handlePaginationGoToChange,pageCount:this.pageCount,translationSlimmer:this.translationSlimmer})}},this.handlePaginationGoToChange=t=>{this.current=t},this.onPageSizeSelectorChange=t=>{this.pageSize=t,this.vegaPageSizeChangeEventEmitter.emit(this.pageSize)},this.calculatePages=()=>this.total?Math.floor((this.total-1)/this.pageSize)+1:0,this.onPageSelectorChange=t=>{this.current=t},this.removeDuplicateItems=t=>{const e=[...this.vegaPaginationItemTypes];return[...t].map((t=>t.filter(((i,a)=>{const n=e.indexOf(i);return n>=0?(e.splice(n,1),!0):(t.splice(a,1),!1)})))).filter((t=>t.length>0))},this.generateWrapperKey=t=>t.map(String).reduce(((t,e)=>`${t}-${e}`)),this.currentValueGuard=()=>{0===this.pageCount?this.current=1:this.current>this.pageCount&&(this.current=this.pageCount)}}watchPageCount(){this.currentValueGuard()}watchCurrent(){this.currentValueGuard(),this.vegaChangeEventEmitter.emit(this.current)}watchPageSize(){this.pageCount=this.calculatePages()}componentWillLoad(){this.pageCount=this.calculatePages(),this.currentValueGuard(),this.pageSizeSelectorOptions.includes(this.pageSize)||(this.pageSizeSelectorOptions=[...this.pageSizeSelectorOptions,this.pageSize])}render(){return s(t(a,null,this.removeDuplicateItems(this.extensions).map(this.renderPaginationItemsWrapper)),this.host)}get host(){return n(this)}static get watchers(){return{pageCount:["watchPageCount"],current:["watchCurrent"],total:["watchPageSize"],pageSize:["watchPageSize"]}}};j([w()],I.prototype,"globalSlimmers",void 0),j([u()],I.prototype,"translationSlimmer",void 0),j([u()],I.prototype,"childEventPrevent",void 0),j([u()],I.prototype,"childValueChangePrevent",void 0),j([u()],I.prototype,"vegaChangeEventEmitter",void 0),j([u()],I.prototype,"vegaPageSizeChangeEventEmitter",void 0),j([u()],I.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),I.style=':host{display:flex;align-items:center;justify-content:space-between;gap:20px;line-height:normal}.vega-pagination{display:flex;padding:0px;margin:0px}.vega-pagination .vega-pagination-item{list-style-type:none;display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;color:rgba(var(--v-text-link, 19, 98, 226, 1));cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-pagination .vega-pagination-item{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-pagination .vega-pagination-item{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-pagination .vega-pagination-item{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}.vega-pagination .vega-pagination-item button{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));border-width:0px;outline:2px solid transparent;outline-offset:2px;width:100%;height:100%;cursor:pointer;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;color:rgba(var(--v-text-link, 19, 98, 226, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-pagination .vega-pagination-item button{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-pagination .vega-pagination-item button{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-pagination .vega-pagination-item button{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}.vega-pagination .vega-pagination-item.pager-ellipsis{cursor:default}.vega-pagination .vega-pagination-item:not(.pager-ellipsis):not(:active):hover{text-decoration:underline;text-underline-offset:2px}.vega-pagination .vega-pagination-item button:active,.vega-pagination .vega-pagination-item.active button{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-pagination .vega-pagination-item button:active,.vega-pagination .vega-pagination-item.active button{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-pagination .vega-pagination-item button:active,.vega-pagination .vega-pagination-item.active button{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-pagination .vega-pagination-item button:active,.vega-pagination .vega-pagination-item.active button{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}.vega-pagination .vega-pagination-item button:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25));border-radius:9999px}.vega-pagination .vega-pagination-button{list-style-type:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}';export{I as vega_pagination}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,H as a,g as r}from"./p-1c298d5a.js";import{M as s,a as o}from"./p-64e8bb64.js";import{s as n}from"./p-9b797118.js";import{c as p,n as h}from"./p-344ee7cb.js";import{I as l}from"./p-6e1ab235.js";import{V as d,I as c}from"./p-61f6167c.js";import{F as m}from"./p-
|
|
1
|
+
import{r as t,c as e,h as i,H as a,g as r}from"./p-1c298d5a.js";import{M as s,a as o}from"./p-64e8bb64.js";import{s as n}from"./p-9b797118.js";import{c as p,n as h}from"./p-344ee7cb.js";import{I as l}from"./p-6e1ab235.js";import{V as d,I as c}from"./p-61f6167c.js";import{F as m}from"./p-bccacf42.js";import{C as f}from"./p-5dc98104.js";import{D as u}from"./p-6c6d86da.js";import{e as g,y as b,a as v}from"./p-3f5e44c1.js";import{b as y}from"./p-da86ba01.js";import{C as x}from"./p-2d0d575f.js";import{c as j}from"./p-83af8ed7.js";import{a as w}from"./p-4163c2c2.js";import"./p-0bb29d98.js";import"./p-331a62d5.js";import"./p-fb6c90d6.js";import"./p-6a334573.js";import"./p-6168c1e7.js";import"./p-be784f53.js";import"./p-47c87634.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-987fbbd0.js";import"./p-38d81bde.js";import"./p-ee68920f.js";import"./p-ead1a647.js";import"./p-5f377954.js";import"./p-319efe6c.js";import"./p-f404aa83.js";const I=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for the stepper component",payloadValue:t=>!0===t.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for the stepper component",payloadValue:t=>!1===t.autoValidation},{payloadKey:"BUTTON_VARIANT_IS_PRIMARY",payloadDescription:"Specifies the style variant for the stepper buttons.",payloadValue:t=>"primary"===t.buttonVariant},{payloadKey:"BUTTON_VARIANT_IS_SECONDARY",payloadDescription:"Specifies the style variant for the stepper buttons.",payloadValue:t=>"secondary"===t.buttonVariant}];var A=function(t,e,i,a){var r,s=arguments.length,o=s<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,a);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(o=(s<3?r(o):s>3?r(e,i,o):r(e,i))||o);return s>3&&o&&Object.defineProperty(e,i,o),o};const V=class{constructor(i){t(this,i),this.vegaChange=e(this,"vegaChange",7),this.change=e(this,"change",7),this.globalSlimmers={},this.formFieldController=new m({propertyRules:[{propertyName:"min",ruleFactory:t=>new s({minValue:t})},{propertyName:"max",ruleFactory:t=>new o({maxValue:t})}],defaultValue:0,attributeGetter:t=>this[t],touchableAreaGetter:()=>this.touchableAreaGetter(),inputContainerGetter:()=>this.stepperContainerRef}),this.changeEventEmitter=j(V,g),this.inputEventPrevent=new f([b,g],(()=>this.stepperContainerRef)),this.vegaComponentUsageRuntimeMetricsSlimmer=new d(I),this.max=9999,this.min=0,this.value=0,this.label="",this.inputDisabled=null,this.disabled=!1,this.isValid=null,this.autoValidation=!0,this.buttonVariant="primary",this.onDecrease=()=>{this.value>this.max?this.value=this.max:this.value>this.min&&(this.value-=1)},this.onIncrease=()=>{this.value<this.max&&(this.value+=1)},this.onChildInputChange=t=>{""!==t.detail&&(this.value=p(t.detail))},this.handleInputBlur=t=>{""===t.host.value&&(this.value=this.min)},this.touchableAreaGetter=()=>Array.from(this.inputRef.shadowRoot.querySelectorAll("input"))}watchValue(){const t=h(p(this.value,0),this.min,this.max);this.value=t,this.inputRef.value=t.toString(),this.changeEventEmitter.emit(this.value),x.notify(y,{host:this.host,detail:this.value})}render(){return n(i(a,{class:w(["vega-flex-shrink-0",this.inputDisabled||this.disabled?"disabled":""])},this.renderLabelDom(),i("div",{class:{"vega-stepper-container":!0,"vega-stepper-container-edited":this.inputDisabled},ref:t=>this.stepperContainerRef=t},i("vega-button-circle",{label:"Decrease",showTooltip:!1,icon:"minus-sign",ref:t=>{u.addUniqueObserverToNode(t,v,(()=>this.onDecrease()))},disabled:this.value<=this.min||this.disabled,size:"small",variant:"secondary"==this.buttonVariant?"secondary":"primary"}),i("vega-input",{size:"small",type:"number",max:this.max,min:this.min,value:`${this.value}`,disabled:this.inputDisabled||this.disabled,showClearIcon:!1,ref:t=>(u.addUniqueObserverToNode(t,b,(t=>this.handleInputBlur(t))),u.addUniqueObserverToNode(t,g,(t=>this.onChildInputChange(t))),this.inputRef=t)}),i("vega-button-circle",{label:"Increase",showTooltip:!1,ref:t=>{u.addUniqueObserverToNode(t,v,(()=>this.onIncrease()))},icon:"plus-sign",disabled:this.value>=this.max||this.disabled,size:"small",variant:"secondary"==this.buttonVariant?"secondary":"primary"}))),this.host)}renderLabelDom(){return this.label?i("label",{class:"v-text-center v-text-medium-typeset-1",htmlFor:this.stepperId},this.label):null}get host(){return r(this)}static get watchers(){return{value:["watchValue"]}}};A([c()],V.prototype,"globalSlimmers",void 0),A([l()],V.prototype,"formFieldController",void 0),A([l()],V.prototype,"changeEventEmitter",void 0),A([l()],V.prototype,"inputEventPrevent",void 0),A([l()],V.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),V.style=':host{display:inline-block;line-height:normal}:host>label{display:block;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));text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host>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>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>label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host>div{display:inline-flex;justify-content:center;align-items:center;margin-top:8px}:host div.vega-stepper-container-edited vega-input::part(container-wrapper){padding-left:0px;padding-right:0px}:host(.disabled) vega-input::part(input-container){text-align:center;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));padding:0px;border:0;box-shadow:unset}:host(.disabled) vega-input::part(input-container):hover{border:0}:host(.disabled) vega-input::part(input){background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));color:rgba(var(--v-text-primary, 32, 54, 69, 1));border:0}:host vega-input::part(input){width:48px;text-align:center;-moz-appearance:textfield}:host vega-input::part(input)::-webkit-inner-spin-button{-webkit-appearance:none}:host vega-input::part(input)::-webkit-outer-spin-button{-webkit-appearance:none}:host vega-input::part(error){display:none}:host vega-input::part(container-wrapper){padding-left:8px;padding-right:8px}:host .vega-error{display:none}:host .vega-stepper-container.error vega-input::part(input-container){border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .vega-stepper-container.error vega-input::part(input-container):hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-stepper-container.error vega-input::part(input-container):focus-within{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))}';export{V as vega_stepper}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,F as i,r as t,c as r,H as n,g as a}from"./p-1c298d5a.js";import{s as o}from"./p-9b797118.js";import{c as s,V as p,M as l,I as d}from"./p-6e1ab235.js";import{V as u,I as h}from"./p-61f6167c.js";import{c}from"./p-83af8ed7.js";import{e as g}from"./p-3f5e44c1.js";import{F as v}from"./p-14c0b4ea.js";import{i as f}from"./p-ee68920f.js";import{C as b}from"./p-2d0d575f.js";import{b as m}from"./p-da86ba01.js";import{g as x,D as w}from"./p-4163c2c2.js";import{D as y}from"./p-6c6d86da.js";import{C as j}from"./p-5dc98104.js";import{c as R}from"./p-86194314.js";import{T as I}from"./p-15452727.js";import"./p-6a334573.js";import"./p-ead1a647.js";import"./p-0bb29d98.js";import"./p-331a62d5.js";import"./p-fb6c90d6.js";import"./p-6168c1e7.js";import"./p-05ebf5a3.js";import"./p-47c87634.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-987fbbd0.js";import"./p-38d81bde.js";import"./p-344ee7cb.js";import"./p-5f377954.js";import"./p-319efe6c.js";import"./p-f404aa83.js";var C=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class V extends p{getInputRangeContainerRef(){return this.inputRangeContainerRef}render(){return e(i,null,e("vega-flex",{class:"vega-input-range-container",direction:"horizontal"!==this.stack?"col":"row",alignItems:"horizontal"!==this.stack?"start":"center",gap:"size-8",ref:e=>this.inputRangeContainerRef=e},e("vega-field-label",{onClick:this.inputRangeInputRenderer.focusFirstInput,isFieldRequired:this.required,disabled:this.disabled,label:this.label}),this.inputRangeInputRenderer.render()),this.renderHintDom())}renderHintDom(){if(this.hint)return e("label",{class:"vega-input-range-hint"},e("vega-font",{variant:"font-footnote1-short",color:"text-secondary"},this.hint))}}C([s()],V.prototype,"required",void 0),C([s()],V.prototype,"disabled",void 0),C([s()],V.prototype,"label",void 0),C([s()],V.prototype,"hint",void 0),C([s()],V.prototype,"stack",void 0),C([s()],V.prototype,"inputRangeInputRenderer",void 0);var N=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class A extends p{emitEventAndNotifyAfterValueChange(e,i){f(e,i)||(this.changeEventEmitter.emit(e),b.notify(m,{host:this.host,detail:e}))}updateValueByRangeIndex(e,i){let t=this.value;t=0===i?[e,Array.isArray(this.value)&&!isNaN(Number(this.value[1]))?this.value[1]:""]:[Array.isArray(this.value)&&!isNaN(Number(this.value[0]))?this.value[0]:"",e],f(t,this.value)||this.setValue(t)}setValue(e){this.valueGuard(e)&&(this.value=e)}valueGuard(e){return Array.isArray(e)&&2===e.length}}N([s({writable:!0})],A.prototype,"value",void 0),N([s()],A.prototype,"host",void 0),N([s()],A.prototype,"changeEventEmitter",void 0),N([l("watchValue")],A.prototype,"emitEventAndNotifyAfterValueChange",null);var E=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class k extends p{constructor(){super(...arguments),this.isMobileDevice=x()===w.MOBILE,this.focusFirstInput=()=>{this.minFieldInputRef.doFocus()},this.inputValueChange=e=>{this.valueController.updateValueByRangeIndex(e.detail,"0"===e.host.dataset.index?0:1)}}getInputRefByIndex(e){return[this.minFieldInputRef,this.maxFieldInputRef][e]}render(){return e("vega-box",{class:{"vega-input-range-input-container":!0,"input-range-disabled":this.disabled,"input-range-mobile":this.isMobileDevice,"input-range-with-clear-icon":this.showClearIcon&&!this.disabled},corners:"rounded-8",backgroundColor:this.disabled?"bg-secondary":"bg-primary"},e("vega-flex",{"align-items":"center",direction:this.isMobileDevice?"col":"row"},e("vega-input",Object.assign({prefixIcon:this.prefixIcon},this.getInputPropsByRangeIndex(0),{ref:e=>{y.addUniqueObserverToNode(e,g,this.inputValueChange),this.minFieldInputRef=e}})),e("span",{class:"vega-input-range-divider"}),e("vega-input",Object.assign({class:{"with-left-padding-in-mobile":!!this.prefixIcon&&this.isMobileDevice}},this.getInputPropsByRangeIndex(1),{ref:e=>{y.addUniqueObserverToNode(e,g,this.inputValueChange),this.maxFieldInputRef=e}}))),this.clearIconRenderer.render())}getInputPropsByRangeIndex(e){return{type:"number","data-index":e,placeholder:this.getPlaceholderByIndex(e),showClearIcon:!1,disabled:this.disabled,size:this.size,min:this.min,max:this.max,value:this.getDefaultValueByIndex(e)}}getPlaceholderByIndex(e){return this.translationSlimmer.t((this.placeholder||k.defaultPlaceholder)[e])}getDefaultValueByIndex(e){return(this.value||["",""])[e]}}k.defaultPlaceholder=["Minimum","Maximum"],E([s()],k.prototype,"value",void 0),E([s()],k.prototype,"prefixIcon",void 0),E([s()],k.prototype,"disabled",void 0),E([s()],k.prototype,"min",void 0),E([s()],k.prototype,"max",void 0),E([s()],k.prototype,"size",void 0),E([s()],k.prototype,"placeholder",void 0),E([s()],k.prototype,"showClearIcon",void 0),E([s()],k.prototype,"valueController",void 0),E([s()],k.prototype,"clearIconRenderer",void 0),E([s()],k.prototype,"translationSlimmer",void 0);class z{evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Invalid value ${e} for input range`);const i=Array.isArray(e)&&2===e.length&&e.every((e=>!!e||"0"==e));return{isValid:i,message:i?"":"This field is required"}}canEvaluate(e,i){return i?this.isAcceptedInputType(e)&&!i.disabled&&i.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return null==e||Array.isArray(e)}}class O{constructor(e){this.invalidResult=e=>({isValid:!1,message:e}),this.validResult=()=>({isValid:!0,message:""}),this.minValue=0===e.minValue||e.minValue?Number(e.minValue):null,this.maxValue=0===e.maxValue||e.maxValue?Number(e.maxValue):null}canEvaluate(e,i){return i?this.isAcceptedInputType(e)&&!i.disabled&&i.visible:this.isAcceptedInputType(e)}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Unexpected type of input: ${typeof e}: ${e}`);const i=Number(e[0]),t=Number(e[1]);return null!==this.minValue&&(""!==e[0]&&i<this.minValue||""!==e[1]&&t<this.minValue)?this.invalidResult({key:"The minimum input value is {0}",args:[this.minValue]}):null!==this.maxValue&&(""!==e[0]&&i>this.maxValue||""!==e[1]&&t>this.maxValue)?this.invalidResult({key:"The maximum input value is {0}",args:[this.maxValue]}):""!==e[0]&&""!==e[1]&&i>t?this.invalidResult("The end value should be greater than the start value"):this.validResult()}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return Array.isArray(e)&&2===e.length&&e.every((e=>"number"==typeof Number(e)))}}var F=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class S extends p{constructor(){super(...arguments),this.clearInputRangeValue=()=>{this.valueController.setValue(["",""]),this.inputRangeInputRenderer.focusFirstInput()}}render(){return e("div",{class:{"vega-input-range-clear-icon":!0,invisible:!this.shouldShowClearIcon()},"aria-label":"clear input range",role:"button",tabindex:"-1",onClick:this.clearInputRangeValue,onKeyDown:R()},e("vega-icon",{icon:"close"}))}shouldShowClearIcon(){return this.showClearIcon&&!this.disabled&&Array.isArray(this.value)&&this.value.some((e=>!!e))}}F([s()],S.prototype,"showClearIcon",void 0),F([s()],S.prototype,"value",void 0),F([s()],S.prototype,"disabled",void 0),F([s()],S.prototype,"inputRangeInputRenderer",void 0),F([s()],S.prototype,"valueController",void 0);var T=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};const M=class{constructor(e){t(this,e),this.vegaChange=r(this,"vegaChange",7),this.change=r(this,"change",7),this.globalSlimmers={},this.translationSlimmer=new I,this.formFieldController=new v({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new z:null},{propertyName:"min",ruleFactory:(e,i)=>new O({minValue:e,maxValue:i}),dependence:"max"},{propertyName:"max",ruleFactory:(e,i)=>new O({minValue:i,maxValue:e}),dependence:"min"}],validationRulesName:"validationRules",defaultValue:["",""],attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputRangeRenderer.getInputRangeContainerRef(),touchableAreaGetter:()=>[this.inputRangeInputRenderer.getInputRefByIndex(0),this.inputRangeInputRenderer.getInputRefByIndex(1)]}),this.inputRangeInputRenderer=new k,this.clearIconRenderer=new S,this.inputRangeRenderer=new V,this.valueController=new A,this.inputChangeEventPrevent=new j([g],(()=>this.inputRangeRenderer.getInputRangeContainerRef())),this.changeEventEmitter=c(M,g),this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.label="",this.value=["",""],this.showClearIcon=!0,this.min=null,this.max=null,this.required=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.size="default",this.placeholder=["Minimum","Maximum"],this.disabled=!1,this.hint="",this.stack="vertical"}watchValue(e,i){}watchValidationRules(){}render(){return o(e(n,{class:{disabled:this.disabled}},this.inputRangeRenderer.render()),this.host)}get host(){return a(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};T([h()],M.prototype,"globalSlimmers",void 0),T([d()],M.prototype,"translationSlimmer",void 0),T([d()],M.prototype,"formFieldController",void 0),T([d()],M.prototype,"inputRangeInputRenderer",void 0),T([d()],M.prototype,"clearIconRenderer",void 0),T([d()],M.prototype,"inputRangeRenderer",void 0),T([d()],M.prototype,"valueController",void 0),T([d()],M.prototype,"inputChangeEventPrevent",void 0),T([d()],M.prototype,"changeEventEmitter",void 0),T([d()],M.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),M.style=':host{display:inline-block;width:100%}.vega-input-range-input-container{position:relative;width:100%;flex:1 1 0%;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));box-sizing:border-box;min-width:50%}.vega-input-range-input-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-input-range-input-container .vega-input-range-divider{display:inline-block;width:0px;height:24px;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1));border-style:solid;border-right-width:1px;border-left-width:0px;flex-shrink:0}.vega-input-range-input-container:focus-within .vega-input-range-divider{opacity:0}.vega-input-range-input-container .vega-input-range-clear-icon{position:absolute;width:16px;height:16px;cursor:pointer;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));top:50%;right:16px;transform:translateY(-50%);z-index:2}.vega-input-range-input-container .vega-input-range-clear-icon.invisible{visibility:hidden}.vega-input-range-input-container vega-input::part(input-container){border-width:0px}.vega-input-range-input-container vega-input::part(input-container):focus-within{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));position:relative;box-shadow:0 0 0;margin:-1px;z-index:1}.vega-input-range-input-container.input-range-with-clear-icon vega-input:last-child::part(input){padding-right:24px}.vega-input-range-input-container.input-range-disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-range-input-container.input-range-disabled:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-range-input-container.input-range-disabled .vega-input-range-divider{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1))}.vega-input-range-input-container.input-range-mobile .vega-input-range-divider{width:100%;height:0px;border-right-width:0px;border-left-width:0px;border-top-width:0px;border-bottom-width:1px}.vega-input-range-input-container.input-range-mobile:focus-within .vega-input-range-divider{opacity:1}.vega-input-range-input-container.input-range-mobile .with-left-padding-in-mobile::part(input){padding-left:26px}.vega-input-range-input-container.input-range-mobile .vega-input-range-clear-icon{top:25%}.vega-input-range-input-container.input-range-mobile.input-range-with-clear-icon vega-input:first-child::part(input){padding-right:24px}.vega-input-range-input-container.input-range-mobile.input-range-with-clear-icon vega-input:last-child::part(input){padding-right:2px}.vega-input-range-container.error .vega-input-range-input-container{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-input-range-container.error .vega-input-range-input-container:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-input-range-container.error vega-input::part(input-container):focus-within{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))}.vega-input-range-hint{display:inline-block;padding-top:12px;padding-right:8px;padding-left:8px}.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){.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){.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){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}';export{M as vega_input_range}
|
|
1
|
+
import{h as e,F as i,r as t,c as r,H as n,g as a}from"./p-1c298d5a.js";import{s as o}from"./p-9b797118.js";import{c as s,V as p,M as l,I as d}from"./p-6e1ab235.js";import{V as u,I as h}from"./p-61f6167c.js";import{c}from"./p-83af8ed7.js";import{e as g}from"./p-3f5e44c1.js";import{F as v}from"./p-bccacf42.js";import{i as f}from"./p-ee68920f.js";import{C as b}from"./p-2d0d575f.js";import{b as m}from"./p-da86ba01.js";import{g as x,D as w}from"./p-4163c2c2.js";import{D as y}from"./p-6c6d86da.js";import{C as j}from"./p-5dc98104.js";import{c as R}from"./p-86194314.js";import{T as I}from"./p-9e6934fb.js";import"./p-6a334573.js";import"./p-ead1a647.js";import"./p-0bb29d98.js";import"./p-331a62d5.js";import"./p-fb6c90d6.js";import"./p-6168c1e7.js";import"./p-be784f53.js";import"./p-47c87634.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-987fbbd0.js";import"./p-38d81bde.js";import"./p-344ee7cb.js";import"./p-5f377954.js";import"./p-319efe6c.js";import"./p-f404aa83.js";var C=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class V extends p{getInputRangeContainerRef(){return this.inputRangeContainerRef}render(){return e(i,null,e("vega-flex",{class:"vega-input-range-container",direction:"horizontal"!==this.stack?"col":"row",alignItems:"horizontal"!==this.stack?"start":"center",gap:"size-8",ref:e=>this.inputRangeContainerRef=e},e("vega-field-label",{onClick:this.inputRangeInputRenderer.focusFirstInput,isFieldRequired:this.required,disabled:this.disabled,label:this.label}),this.inputRangeInputRenderer.render()),this.renderHintDom())}renderHintDom(){if(this.hint)return e("label",{class:"vega-input-range-hint"},e("vega-font",{variant:"font-footnote1-short",color:"text-secondary"},this.hint))}}C([s()],V.prototype,"required",void 0),C([s()],V.prototype,"disabled",void 0),C([s()],V.prototype,"label",void 0),C([s()],V.prototype,"hint",void 0),C([s()],V.prototype,"stack",void 0),C([s()],V.prototype,"inputRangeInputRenderer",void 0);var N=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class A extends p{emitEventAndNotifyAfterValueChange(e,i){f(e,i)||(this.changeEventEmitter.emit(e),b.notify(m,{host:this.host,detail:e}))}updateValueByRangeIndex(e,i){let t=this.value;t=0===i?[e,Array.isArray(this.value)&&!isNaN(Number(this.value[1]))?this.value[1]:""]:[Array.isArray(this.value)&&!isNaN(Number(this.value[0]))?this.value[0]:"",e],f(t,this.value)||this.setValue(t)}setValue(e){this.valueGuard(e)&&(this.value=e)}valueGuard(e){return Array.isArray(e)&&2===e.length}}N([s({writable:!0})],A.prototype,"value",void 0),N([s()],A.prototype,"host",void 0),N([s()],A.prototype,"changeEventEmitter",void 0),N([l("watchValue")],A.prototype,"emitEventAndNotifyAfterValueChange",null);var E=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class k extends p{constructor(){super(...arguments),this.isMobileDevice=x()===w.MOBILE,this.focusFirstInput=()=>{this.minFieldInputRef.doFocus()},this.inputValueChange=e=>{this.valueController.updateValueByRangeIndex(e.detail,"0"===e.host.dataset.index?0:1)}}getInputRefByIndex(e){return[this.minFieldInputRef,this.maxFieldInputRef][e]}render(){return e("vega-box",{class:{"vega-input-range-input-container":!0,"input-range-disabled":this.disabled,"input-range-mobile":this.isMobileDevice,"input-range-with-clear-icon":this.showClearIcon&&!this.disabled},corners:"rounded-8",backgroundColor:this.disabled?"bg-secondary":"bg-primary"},e("vega-flex",{"align-items":"center",direction:this.isMobileDevice?"col":"row"},e("vega-input",Object.assign({prefixIcon:this.prefixIcon},this.getInputPropsByRangeIndex(0),{ref:e=>{y.addUniqueObserverToNode(e,g,this.inputValueChange),this.minFieldInputRef=e}})),e("span",{class:"vega-input-range-divider"}),e("vega-input",Object.assign({class:{"with-left-padding-in-mobile":!!this.prefixIcon&&this.isMobileDevice}},this.getInputPropsByRangeIndex(1),{ref:e=>{y.addUniqueObserverToNode(e,g,this.inputValueChange),this.maxFieldInputRef=e}}))),this.clearIconRenderer.render())}getInputPropsByRangeIndex(e){return{type:"number","data-index":e,placeholder:this.getPlaceholderByIndex(e),showClearIcon:!1,disabled:this.disabled,size:this.size,min:this.min,max:this.max,value:this.getDefaultValueByIndex(e)}}getPlaceholderByIndex(e){return this.translationSlimmer.t((this.placeholder||k.defaultPlaceholder)[e])}getDefaultValueByIndex(e){return(this.value||["",""])[e]}}k.defaultPlaceholder=["Minimum","Maximum"],E([s()],k.prototype,"value",void 0),E([s()],k.prototype,"prefixIcon",void 0),E([s()],k.prototype,"disabled",void 0),E([s()],k.prototype,"min",void 0),E([s()],k.prototype,"max",void 0),E([s()],k.prototype,"size",void 0),E([s()],k.prototype,"placeholder",void 0),E([s()],k.prototype,"showClearIcon",void 0),E([s()],k.prototype,"valueController",void 0),E([s()],k.prototype,"clearIconRenderer",void 0),E([s()],k.prototype,"translationSlimmer",void 0);class z{evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Invalid value ${e} for input range`);const i=Array.isArray(e)&&2===e.length&&e.every((e=>!!e||"0"==e));return{isValid:i,message:i?"":"This field is required"}}canEvaluate(e,i){return i?this.isAcceptedInputType(e)&&!i.disabled&&i.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return null==e||Array.isArray(e)}}class O{constructor(e){this.invalidResult=e=>({isValid:!1,message:e}),this.validResult=()=>({isValid:!0,message:""}),this.minValue=0===e.minValue||e.minValue?Number(e.minValue):null,this.maxValue=0===e.maxValue||e.maxValue?Number(e.maxValue):null}canEvaluate(e,i){return i?this.isAcceptedInputType(e)&&!i.disabled&&i.visible:this.isAcceptedInputType(e)}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Unexpected type of input: ${typeof e}: ${e}`);const i=Number(e[0]),t=Number(e[1]);return null!==this.minValue&&(""!==e[0]&&i<this.minValue||""!==e[1]&&t<this.minValue)?this.invalidResult({key:"The minimum input value is {0}",args:[this.minValue]}):null!==this.maxValue&&(""!==e[0]&&i>this.maxValue||""!==e[1]&&t>this.maxValue)?this.invalidResult({key:"The maximum input value is {0}",args:[this.maxValue]}):""!==e[0]&&""!==e[1]&&i>t?this.invalidResult("The end value should be greater than the start value"):this.validResult()}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return Array.isArray(e)&&2===e.length&&e.every((e=>"number"==typeof Number(e)))}}var F=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class S extends p{constructor(){super(...arguments),this.clearInputRangeValue=()=>{this.valueController.setValue(["",""]),this.inputRangeInputRenderer.focusFirstInput()}}render(){return e("div",{class:{"vega-input-range-clear-icon":!0,invisible:!this.shouldShowClearIcon()},"aria-label":"clear input range",role:"button",tabindex:"-1",onClick:this.clearInputRangeValue,onKeyDown:R()},e("vega-icon",{icon:"close"}))}shouldShowClearIcon(){return this.showClearIcon&&!this.disabled&&Array.isArray(this.value)&&this.value.some((e=>!!e))}}F([s()],S.prototype,"showClearIcon",void 0),F([s()],S.prototype,"value",void 0),F([s()],S.prototype,"disabled",void 0),F([s()],S.prototype,"inputRangeInputRenderer",void 0),F([s()],S.prototype,"valueController",void 0);var T=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};const M=class{constructor(e){t(this,e),this.vegaChange=r(this,"vegaChange",7),this.change=r(this,"change",7),this.globalSlimmers={},this.translationSlimmer=new I,this.formFieldController=new v({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new z:null},{propertyName:"min",ruleFactory:(e,i)=>new O({minValue:e,maxValue:i}),dependence:"max"},{propertyName:"max",ruleFactory:(e,i)=>new O({minValue:i,maxValue:e}),dependence:"min"}],validationRulesName:"validationRules",defaultValue:["",""],attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputRangeRenderer.getInputRangeContainerRef(),touchableAreaGetter:()=>[this.inputRangeInputRenderer.getInputRefByIndex(0),this.inputRangeInputRenderer.getInputRefByIndex(1)]}),this.inputRangeInputRenderer=new k,this.clearIconRenderer=new S,this.inputRangeRenderer=new V,this.valueController=new A,this.inputChangeEventPrevent=new j([g],(()=>this.inputRangeRenderer.getInputRangeContainerRef())),this.changeEventEmitter=c(M,g),this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.label="",this.value=["",""],this.showClearIcon=!0,this.min=null,this.max=null,this.required=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.size="default",this.placeholder=["Minimum","Maximum"],this.disabled=!1,this.hint="",this.stack="vertical"}watchValue(e,i){}watchValidationRules(){}render(){return o(e(n,{class:{disabled:this.disabled}},this.inputRangeRenderer.render()),this.host)}get host(){return a(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};T([h()],M.prototype,"globalSlimmers",void 0),T([d()],M.prototype,"translationSlimmer",void 0),T([d()],M.prototype,"formFieldController",void 0),T([d()],M.prototype,"inputRangeInputRenderer",void 0),T([d()],M.prototype,"clearIconRenderer",void 0),T([d()],M.prototype,"inputRangeRenderer",void 0),T([d()],M.prototype,"valueController",void 0),T([d()],M.prototype,"inputChangeEventPrevent",void 0),T([d()],M.prototype,"changeEventEmitter",void 0),T([d()],M.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),M.style=':host{display:inline-block;width:100%}.vega-input-range-input-container{position:relative;width:100%;flex:1 1 0%;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));box-sizing:border-box;min-width:50%}.vega-input-range-input-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-input-range-input-container .vega-input-range-divider{display:inline-block;width:0px;height:24px;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1));border-style:solid;border-right-width:1px;border-left-width:0px;flex-shrink:0}.vega-input-range-input-container:focus-within .vega-input-range-divider{opacity:0}.vega-input-range-input-container .vega-input-range-clear-icon{position:absolute;width:16px;height:16px;cursor:pointer;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));top:50%;right:16px;transform:translateY(-50%);z-index:2}.vega-input-range-input-container .vega-input-range-clear-icon.invisible{visibility:hidden}.vega-input-range-input-container vega-input::part(input-container){border-width:0px}.vega-input-range-input-container vega-input::part(input-container):focus-within{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));position:relative;box-shadow:0 0 0;margin:-1px;z-index:1}.vega-input-range-input-container.input-range-with-clear-icon vega-input:last-child::part(input){padding-right:24px}.vega-input-range-input-container.input-range-disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-range-input-container.input-range-disabled:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-range-input-container.input-range-disabled .vega-input-range-divider{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1))}.vega-input-range-input-container.input-range-mobile .vega-input-range-divider{width:100%;height:0px;border-right-width:0px;border-left-width:0px;border-top-width:0px;border-bottom-width:1px}.vega-input-range-input-container.input-range-mobile:focus-within .vega-input-range-divider{opacity:1}.vega-input-range-input-container.input-range-mobile .with-left-padding-in-mobile::part(input){padding-left:26px}.vega-input-range-input-container.input-range-mobile .vega-input-range-clear-icon{top:25%}.vega-input-range-input-container.input-range-mobile.input-range-with-clear-icon vega-input:first-child::part(input){padding-right:24px}.vega-input-range-input-container.input-range-mobile.input-range-with-clear-icon vega-input:last-child::part(input){padding-right:2px}.vega-input-range-container.error .vega-input-range-input-container{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-input-range-container.error .vega-input-range-input-container:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-input-range-container.error vega-input::part(input-container):focus-within{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))}.vega-input-range-hint{display:inline-block;padding-top:12px;padding-right:8px;padding-left:8px}.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){.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){.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){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}';export{M as vega_input_range}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as i,h as t,H as a,g as r}from"./p-1c298d5a.js";import{e as n}from"./p-3f5e44c1.js";import{c as s}from"./p-83af8ed7.js";import{c as o}from"./p-86194314.js";import{s as p}from"./p-9b797118.js";import{I as l}from"./p-6e1ab235.js";import{V as d,I as h}from"./p-61f6167c.js";import{F as c}from"./p-
|
|
1
|
+
import{r as e,c as i,h as t,H as a,g as r}from"./p-1c298d5a.js";import{e as n}from"./p-3f5e44c1.js";import{c as s}from"./p-83af8ed7.js";import{c as o}from"./p-86194314.js";import{s as p}from"./p-9b797118.js";import{I as l}from"./p-6e1ab235.js";import{V as d,I as h}from"./p-61f6167c.js";import{F as c}from"./p-bccacf42.js";import{b as g}from"./p-da86ba01.js";import{C as v}from"./p-2d0d575f.js";import"./p-6a334573.js";import"./p-6c6d86da.js";import"./p-331a62d5.js";import"./p-4163c2c2.js";import"./p-ead1a647.js";import"./p-0bb29d98.js";import"./p-fb6c90d6.js";import"./p-6168c1e7.js";import"./p-be784f53.js";import"./p-47c87634.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-987fbbd0.js";import"./p-38d81bde.js";import"./p-ee68920f.js";import"./p-344ee7cb.js";class m{evaluate(e){return"boolean"==typeof e?{isValid:e,message:e?"":"This field is required"}:{isValid:!1,message:"This field is required"}}canEvaluate(e,i){return i?this.isAcceptedInputType(e)&&!i.disabled&&i.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return null==e||"boolean"==typeof e}}var b=function(e,i,t,a){var r,n=arguments.length,s=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,i,t,a);else for(var o=e.length-1;o>=0;o--)(r=e[o])&&(s=(n<3?r(s):n>3?r(i,t,s):r(i,t))||s);return n>3&&s&&Object.defineProperty(i,t,s),s};const f=class{constructor(t){e(this,t),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new d,this.formFieldController=new c({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new m:null}],validationRulesName:"validationRules",defaultValue:!1,attributeGetter:e=>this[e],inputContainerGetter:()=>this.toggleSwitchContainer,touchableAreaGetter:()=>[this.toggleSwitchContainer]}),this.changeEventEmitter=s(f,n),this.checked=!1,this.value=!1,this.size="default",this.required=!1,this.disabled=!1,this.validationRules=[],this.autoValidation=!0,this.isValid=null,this.toggleSwitch=()=>{this.disabled||(this.checked=!this.checked)},this.updateValue=e=>{this.checked=e.currentTarget.checked,e.stopPropagation()}}watchCheckedChange(){this.value=this.checked,this.changeEventEmitter.emit(this.checked),v.notify(g,{host:this.host,detail:this.value})}watchValue(e){this.checked=!0===e}watchValidationRules(){}componentWillLoad(){this.value=this.checked}render(){let e=this.checked?"vega-container vega-container-checked":"vega-container";return e+=this.disabled?" vega-container-disabled":"",e+="small"===this.size?" vega-container-small-size":"",p(t(a,null,t("vega-flex",{gap:"size-8",ref:e=>this.toggleSwitchContainer=e},t("div",{class:`${e} vega-flex-shrink-0 v-min-w-min`},t("input",{type:"checkbox",name:"switch",disabled:this.disabled,checked:this.checked,onChange:this.updateValue,"aria-label":this.label||"No label defined",role:"button",tabIndex:0,onKeyDown:o()}),t("span",{class:this.disabled?"v-bg-tertiary":"v-bg-primary"})),this.renderLabelDom())),this.host)}renderLabelDom(){return this.label?t("div",{class:"vega-flex-basis-0 vega-flex-grow"},t("vega-field-label",{onClick:this.toggleSwitch,disabled:this.disabled,label:this.label,isFieldRequired:this.required})):null}get host(){return r(this)}static get watchers(){return{checked:["watchCheckedChange"],value:["watchValue"],validationRules:["watchValidationRules"]}}};b([h()],f.prototype,"globalSlimmers",void 0),b([l()],f.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),b([l()],f.prototype,"formFieldController",void 0),b([l()],f.prototype,"changeEventEmitter",void 0),f.style=':host{display:inline-block}: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}div.vega-container{display:flex;justify-content:flex-start;align-items:center;border-radius:9999px;position:relative;box-sizing:content-box;height:24px;width:48px;padding:4px;background-color:rgba(var(--v-bg-toggle-switch, 107, 116, 125, 0.7))}div.vega-container:hover{background-color:rgba(var(--v-bg-toggle-switch-hover, 107, 116, 125, 1))}div.vega-container.vega-container-checked{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}div.vega-container.vega-container-checked:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}div.vega-container.vega-container-disabled{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}div.vega-container.vega-container-checked.vega-container-disabled{background-color:rgba(var(--v-bg-toggle-switch-selected-disabled, 153, 192, 255, 1))}div.vega-container-small-size{box-sizing:border-box;height:20px;width:32px;padding:2px}div.vega-container>span{margin-left:0px;transition-property:margin;transition-duration:0.1s;transition-timing-function:linear}div.vega-container:focus-within{box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25))}div.vega-container-checked>span{margin-left:24px}div.vega-container-checked.vega-container-small-size>span{margin-left:12px}div.vega-container>input{position:absolute;cursor:pointer;opacity:0;left:0px;top:0px;width:100%;height:100%;margin:0px;-webkit-tap-highlight-color:transparent}div.vega-container input:disabled{cursor:default}div.vega-container>span{display:inline-block;border-radius:9999px;box-shadow:var(--v-shadow-form-field, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.1));width:24px;height:24px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));box-shadow:var(--v-shadow-form-field, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.1));transition-property:margin;transition-duration:0.1s;transition-timing-function:linear}div.vega-container-small-size{height:20px}div.vega-container-small-size>span{width:16px;height:16px}div{align-self:center}';export{f as vega_toggle_switch}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{V as t,c as s,M as a}from"./p-6e1ab235.js";import{c as e}from"./p-6a334573.js";import{C as o}from"./p-2d0d575f.js";import{O as i}from"./p-331a62d5.js";import{g as c,h as n}from"./p-6168c1e7.js";import{d as h}from"./p-6c6d86da.js";import{f as l}from"./p-4163c2c2.js";class r extends t{constructor({propName:t}){super(),this.isAcceptableObserverPayload=t=>t.host===this.host&&t.stateName===this.propName,this.propName=t}connectedCallback(){this.subStateObserver=new i(this.isAcceptableObserverPayload.bind(this),(t=>{t.callback(this.propValue)})),o.register(h.getSubject(this.host,c),this.subStateObserver)}disconnectedCallback(){o.unregister(h.getSubject(this.host,c),this.subStateObserver)}subStateNotify(){o.notify(h.getSubject(this.host,n),{host:this.host,stateName:this.propName,value:this.propValue})}}function p(t,s,a){return e(t,r,[{mapFrom:"host",mapTo:"host"},{mapFrom:s,mapTo:"propValue"}],[{mapFrom:a,mapTo:"subStateNotify"},{mapFrom:"connectedCallback",mapTo:"connectedCallback"},{mapFrom:"disconnectedCallback",mapTo:"disconnectedCallback"}],[{propName:s}])}var m=function(t,s,a,e){var o,i=arguments.length,c=i<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,a):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(t,s,a,e);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(c=(i<3?o(c):i>3?o(s,a,c):o(s,a))||c);return i>3&&c&&Object.defineProperty(s,a,c),c};class d extends t{constructor(t){super(),this.isAcceptableObserverPayload=t=>"object"==typeof t&&!!t&&t.host===this.parent,this.observerEntry=t}connectedCallback(){if(this.parent=this.getParent(),!this.parent)return;const{subStates:t}=this.observerEntry;this.subStateObserver=new i(this.isAcceptableObserverPayload,(s=>{const a=t.find((t=>t.parentStateName===s.stateName));a&&this.updateState(a,s.value)})),o.register(h.getSubject(this.parent,n),this.subStateObserver),this.observerEntry.pullStatesWhenReattached&&this.host.classList.contains("hydrated")&&(this.parent=this.getParent(),this.pullStates())}disconnectedCallback(){this.parent&&o.unregister(h.getSubject(this.parent,n),this.subStateObserver)}componentWillLoad(){this.pullStates()}getParent(){return"string"==typeof this.observerEntry.parent?l(this.host,this.observerEntry.parent):this.observerEntry.parent()}updateState(t,s){t.callback?t.callback(s):this[t.subStateName]=s}pullStates(){if(!this.parent)return;const{subStates:t}=this.observerEntry;t.forEach((t=>{o.notify(h.getSubject(this.parent,c),{host:this.parent,stateName:t.parentStateName,callback:s=>{this.updateState(t,s)}})}))}}m([s()],d.prototype,"host",void 0),m([a("connectedCallback")],d.prototype,"connectedCallback",null),m([a("disconnectedCallback")],d.prototype,"disconnectedCallback",null),m([a("componentWillLoad")],d.prototype,"componentWillLoad",null);export{d as S,p as c}
|