@heartlandone/vega 2.104.0 → 2.105.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/{form-field-controller-slimmer-007d10db.js → form-field-controller-slimmer-fde2b355.js} +15 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/vega-app-footer.cjs.entry.js +20 -25
- package/dist/cjs/vega-checkbox_2.cjs.entry.js +1 -1
- package/dist/cjs/vega-color-picker.cjs.entry.js +1 -1
- package/dist/cjs/vega-color-swatch-picker.cjs.entry.js +1 -1
- package/dist/cjs/vega-combo-box.cjs.entry.js +1 -1
- package/dist/cjs/vega-date-picker_2.cjs.entry.js +1 -1
- package/dist/cjs/vega-env-manager-23b8b23c.js +2 -2
- package/dist/cjs/vega-file-uploader.cjs.entry.js +1 -1
- package/dist/cjs/vega-image-uploader.cjs.entry.js +1 -1
- package/dist/cjs/vega-input-credit-card.cjs.entry.js +1 -1
- package/dist/cjs/vega-input-numeric.cjs.entry.js +1 -1
- package/dist/cjs/vega-input-passcode.cjs.entry.js +1 -1
- package/dist/cjs/vega-input-phone-number.cjs.entry.js +1 -1
- package/dist/cjs/vega-input-range.cjs.entry.js +1 -1
- package/dist/cjs/vega-input-select.cjs.entry.js +1 -1
- package/dist/cjs/vega-input.cjs.entry.js +1 -1
- package/dist/cjs/vega-radio_2.cjs.entry.js +1 -1
- package/dist/cjs/vega-rich-text-editor_4.cjs.entry.js +50 -6
- package/dist/cjs/vega-selection-chip_2.cjs.entry.js +1 -1
- package/dist/cjs/vega-selection-tile_2.cjs.entry.js +1 -1
- package/dist/cjs/vega-signature-capture.cjs.entry.js +1 -1
- package/dist/cjs/vega-stepper.cjs.entry.js +1 -1
- package/dist/cjs/vega-textarea.cjs.entry.js +1 -1
- package/dist/cjs/vega-time-picker_2.cjs.entry.js +1 -1
- package/dist/cjs/vega-toggle-switch.cjs.entry.js +1 -1
- package/dist/cjs/vega.cjs.js +1 -1
- package/dist/collection/components/vega-app-footer/vega-app-footer.js +38 -35
- package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/vega-rich-text-editor-renderer.js +2 -2
- package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/vega-rich-text-editor-source-view-renderer.js +45 -2
- package/dist/collection/components/vega-rich-text-editor/vega-rich-text-editor.css +16 -0
- package/dist/collection/components/vega-rich-text-editor/vega-rich-text-editor.js +3 -0
- package/dist/collection/constants/misc.js +2 -4
- package/dist/collection/helpers/slimmers/form/form-field-controller-slimmer.js +12 -1
- package/dist/collection/helpers/validator/form-field-controller.js +4 -1
- package/dist/esm/{form-field-controller-slimmer-aaea8aaf.js → form-field-controller-slimmer-6f0f083f.js} +15 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/vega-app-footer.entry.js +20 -25
- package/dist/esm/vega-checkbox_2.entry.js +1 -1
- package/dist/esm/vega-color-picker.entry.js +1 -1
- package/dist/esm/vega-color-swatch-picker.entry.js +1 -1
- package/dist/esm/vega-combo-box.entry.js +1 -1
- package/dist/esm/vega-date-picker_2.entry.js +1 -1
- package/dist/esm/vega-env-manager-8f8dc473.js +2 -2
- package/dist/esm/vega-file-uploader.entry.js +1 -1
- package/dist/esm/vega-image-uploader.entry.js +1 -1
- package/dist/esm/vega-input-credit-card.entry.js +1 -1
- package/dist/esm/vega-input-numeric.entry.js +1 -1
- package/dist/esm/vega-input-passcode.entry.js +1 -1
- package/dist/esm/vega-input-phone-number.entry.js +1 -1
- package/dist/esm/vega-input-range.entry.js +1 -1
- package/dist/esm/vega-input-select.entry.js +1 -1
- package/dist/esm/vega-input.entry.js +1 -1
- package/dist/esm/vega-radio_2.entry.js +1 -1
- package/dist/esm/vega-rich-text-editor_4.entry.js +50 -6
- package/dist/esm/vega-selection-chip_2.entry.js +1 -1
- package/dist/esm/vega-selection-tile_2.entry.js +1 -1
- package/dist/esm/vega-signature-capture.entry.js +1 -1
- package/dist/esm/vega-stepper.entry.js +1 -1
- package/dist/esm/vega-textarea.entry.js +1 -1
- package/dist/esm/vega-time-picker_2.entry.js +1 -1
- package/dist/esm/vega-toggle-switch.entry.js +1 -1
- package/dist/esm/vega.js +1 -1
- package/dist/sri/vega-sri-manifest.json +97 -97
- package/dist/types/components/vega-app-footer/vega-app-footer.d.ts +14 -12
- package/dist/types/components/vega-rich-text-editor/slimmers/renderers/vega-rich-text-editor-source-view-renderer.d.ts +11 -0
- package/dist/types/components/vega-rich-text-editor/vega-rich-text-editor.d.ts +3 -2
- package/dist/types/components.d.ts +26 -22
- package/dist/types/constants/misc.d.ts +0 -2
- package/dist/types/helpers/slimmers/form/form-field-controller-slimmer.d.ts +7 -0
- package/dist/vega/{p-ea97ec60.entry.js → p-09c5aae6.entry.js} +1 -1
- package/dist/vega/{p-f5f78884.entry.js → p-185a24ed.entry.js} +1 -1
- package/dist/vega/{p-8a9e80ac.entry.js → p-1acaccd6.entry.js} +1 -1
- package/dist/vega/{p-ebc1e0da.entry.js → p-27c0c41f.entry.js} +1 -1
- package/dist/vega/{p-09ed519b.entry.js → p-2dbdd1bf.entry.js} +1 -1
- package/dist/vega/{p-892f3e98.entry.js → p-313ccf96.entry.js} +1 -1
- package/dist/vega/{p-f839e009.entry.js → p-3831f00d.entry.js} +1 -1
- package/dist/vega/{p-dcdd7098.entry.js → p-4b5591fb.entry.js} +1 -1
- package/dist/vega/{p-35de277a.entry.js → p-593a4af3.entry.js} +1 -1
- package/dist/vega/{p-06a0c795.entry.js → p-5a60c1ed.entry.js} +1 -1
- package/dist/vega/p-5f377954.js +1 -1
- package/dist/vega/p-5f589bdb.entry.js +1 -0
- package/dist/vega/{p-74b54dcc.entry.js → p-6b2da3bc.entry.js} +1 -1
- package/dist/vega/p-70a08fe5.js +1 -0
- package/dist/vega/{p-5025f7b6.entry.js → p-8a303571.entry.js} +1 -1
- package/dist/vega/{p-ab6c13d9.entry.js → p-9e51b1a8.entry.js} +1 -1
- package/dist/vega/{p-6a13ba24.entry.js → p-a222639f.entry.js} +1 -1
- package/dist/vega/{p-53838cd1.entry.js → p-a6467be2.entry.js} +1 -1
- package/dist/vega/{p-fa970e96.entry.js → p-b015a970.entry.js} +1 -1
- package/dist/vega/{p-c11b20c0.entry.js → p-bc8bc41e.entry.js} +1 -1
- package/dist/vega/{p-26fdf04e.entry.js → p-c07039d8.entry.js} +1 -1
- package/dist/vega/{p-70659d97.entry.js → p-c26c979f.entry.js} +1 -1
- package/dist/vega/{p-48470109.entry.js → p-c75c14e4.entry.js} +1 -1
- package/dist/vega/{p-88ada88b.entry.js → p-d1b8fb1d.entry.js} +1 -1
- package/dist/vega/{p-7157dd20.entry.js → p-e22a00ec.entry.js} +1 -1
- package/dist/vega/{p-c3532738.entry.js → p-ee2bd1e8.entry.js} +1 -1
- package/dist/vega/vega.esm.js +1 -1
- package/package.json +1 -1
- package/dist/vega/p-38c551a9.entry.js +0 -1
- package/dist/vega/p-fffc1f47.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,H as t,r as i,c as s,g as o}from"./p-6b2342e0.js";import{R as r}from"./p-8bc15ed0.js";import{s as n}from"./p-519a7d55.js";import{g as a}from"./p-49a2e141.js";import{c as l,V as p,M as h,L as d,I as c}from"./p-6e1ab235.js";import{a as v}from"./p-aa135628.js";import{R as u}from"./p-fc07ed1e.js";import{D as f}from"./p-36a57431.js";import{E as g,B as m,C as x,d as b,h as w,D as y,w as j,g as S,c as I,v as R,T as C,U as D}from"./p-a83cef5a.js";import{V as E,I as T}from"./p-5c8e4e8f.js";import{m as O,n as L}from"./p-53e3f259.js";import{i as P}from"./p-d27ae9ff.js";import{C as V}from"./p-2d0d575f.js";import{F as k}from"./p-cb378636.js";import{c as z}from"./p-1ec763ab.js";import{c as A}from"./p-613ddaab.js";import{V as _}from"./p-44245a36.js";import{h as N,l as M}from"./p-cc569b54.js";import{F as U}from"./p-fffc1f47.js";import{P as B}from"./p-81dd00d0.js";import{c as F}from"./p-3b6a6f08.js";import{C as G}from"./p-abad8ffd.js";import{a1 as W,a3 as K}from"./p-8e3c1c81.js";import{M as H}from"./p-78a57a17.js";import{T as $}from"./p-52b8f2d2.js";import{T as q}from"./p-a7ed55d8.js";import{I as J}from"./p-abd7aeaa.js";import{V as Q}from"./p-347d664e.js";import"./p-87a4d75f.js";import"./p-982747ef.js";import"./p-d4ea8e22.js";import"./p-ed45b3b6.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-331a62d5.js";import"./p-d1d91f1a.js";import"./p-5c285374.js";import"./p-6a334573.js";import"./p-8b5d3a52.js";import"./p-b75ee3ba.js";import"./p-02841589.js";import"./p-71909102.js";import"./p-7d3419c7.js";import"./p-29584bb5.js";import"./p-5f377954.js";import"./p-b438e68b.js";var X=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class Y extends p{constructor(){super(...arguments),this.renderErrorMessage=()=>e("div",{class:"vega-input-select-error-message"}),this.renderHelpMessage=()=>e("div",{class:"vega-input-select-hint"},this.hint),this.handleLabelButtonClick=()=>{this.labelButtonClickEventEmitter.emit()}}render(){return e(t,{class:v([this.disabled?"vega-input-select-disabled":"",u.formatCustom(this.size)])},this.renderLabel(),this.dropdownRenderer.render(),this.renderErrorMessage(),this.hint&&this.renderHelpMessage())}renderLabel(){return this.label&&e("vega-field-label",{"is-field-required":this.required,disabled:this.disabled,optional:this.optional,label:this.label,suffixButtonConfig:this.labelSuffixButtonConfig,ref:e=>{f.addUniqueObserverToNode(e,g,this.handleLabelButtonClick)}})}}X([l()],Y.prototype,"disabled",void 0),X([l()],Y.prototype,"size",void 0),X([l()],Y.prototype,"hint",void 0),X([l()],Y.prototype,"label",void 0),X([l()],Y.prototype,"required",void 0),X([l()],Y.prototype,"optional",void 0),X([l()],Y.prototype,"labelSuffixButtonConfig",void 0),X([l()],Y.prototype,"labelButtonClickEventEmitter",void 0),X([l({componentFieldName:"vegaInputSelectDropdownRenderer"})],Y.prototype,"dropdownRenderer",void 0);var Z=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class ee extends p{constructor(){super(...arguments),this.onDropdownShow=()=>{this.isDropdownShow=!0},this.onDropdownHide=()=>{this.isDropdownShow=!1}}addDropdownObserver(e){f.addUniqueObserverToNode(e,m,(e=>{this.onDropdownShow(),this.showEventEmitter.emit(e.detail)})),f.addUniqueObserverToNode(e,x,(e=>{this.onDropdownHide(),this.hideEventEmitter.emit(e.detail)})),f.addUniqueObserverToNode(e,b,(async e=>{this.vegaInputSelectValueController.setValue(await e.host.getSelection())})),f.addUniqueObserverToNode(e,w,(e=>{this.searchEventEmitter.emit(e.detail)})),f.addUniqueObserverToNode(e,y,(e=>{this.searchTriggerEventEmitter.emit(e.detail)})),f.addUniqueObserverToNode(e,j,(async e=>{this.vegaInputSelectValueController.setValue(await e.host.getSelection()),this.selectAllClickEventEmitter.emit(e.detail)})),f.addUniqueObserverToNode(e,O,(e=>{const t=Array.from(e).filter((e=>!this.source.find((t=>t.id===e.itemKey)))).map((e=>({id:e.itemKey,displayName:e.label})));this.sourceController.appendSourceItems(t)})),f.addUniqueObserverToNode(e,S,(async()=>{this.vegaInputSelectValueController.setValue("multiple"===this.selectType?[]:"")}))}}Z([l({writable:!0})],ee.prototype,"isDropdownShow",void 0),Z([l()],ee.prototype,"vegaSearch",void 0),Z([l()],ee.prototype,"searchEventEmitter",void 0),Z([l()],ee.prototype,"searchTriggerEventEmitter",void 0),Z([l()],ee.prototype,"vegaInputSelectValueController",void 0),Z([l()],ee.prototype,"sourceController",void 0),Z([l()],ee.prototype,"source",void 0),Z([l()],ee.prototype,"showEventEmitter",void 0),Z([l()],ee.prototype,"hideEventEmitter",void 0),Z([l()],ee.prototype,"vegaDropdownProps",void 0),Z([l()],ee.prototype,"selectType",void 0),Z([l()],ee.prototype,"selectAllClickEventEmitter",void 0);var te=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class ie extends p{constructor(){super(...arguments),this.handleValueChange=(e,t)=>{if("multiple"===this.selectType){let i;t=t,i=(e=e)?this.vegaDropdownProps.preserveValueIfNotInSource?e:e.filter((e=>this.sourceController.getItem(e))):[],P(i,t,!0)?P(i,e,!0)||this.setValue(i):(this.setValue(i),this.changeEventEmitter.emit(i),V.notify(k,{host:this.host,detail:i}))}else if(e!==t){const t=this.sourceController.getItem(e);this.setValue(this.vegaDropdownProps.preserveValueIfNotInSource?e:t?t.id:""),this.changeEventEmitter.emit(this.value),V.notify(k,{host:this.host,detail:this.value})}}}setValue(e){this.valueGuard(e)&&(this.value=e,this.vegaInputSelectItemController.setSelectedItem())}valueGuard(e){switch(this.selectType){case"single":return null===e||"string"==typeof e;case"multiple":return Array.isArray(e)&&e.every((e=>"string"==typeof e));default:return d.warn(`Invalid input select value ${e} for ${this.selectType} mode`),!1}}}te([l({writable:!0})],ie.prototype,"value",void 0),te([l()],ie.prototype,"selectType",void 0),te([l()],ie.prototype,"changeEventEmitter",void 0),te([l()],ie.prototype,"host",void 0),te([l()],ie.prototype,"sourceController",void 0),te([l()],ie.prototype,"vegaInputSelectItemController",void 0),te([l()],ie.prototype,"vegaDropdownProps",void 0),te([h("watchValue")],ie.prototype,"handleValueChange",void 0);var se=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class oe extends p{componentWillLoad(){this.setSelectedItem()}watchSelectType(){"multiple"===this.selectType?(this.selectedItem=[],this.vegaInputSelectValueController.setValue([])):(this.selectedItem=null,this.vegaInputSelectValueController.setValue(""))}setSelectedItem(){var e;if("multiple"===this.selectType){const e=this.value.map((e=>this.sourceController.getItem(e))),t=this.selectedItem?this.selectedItem.filter((e=>this.value.includes(null==e?void 0:e.id))):[];this.selectedItem=this.updateSelectedItemUnderMultiple(t,e)}else{const t=this.sourceController.getItem(this.value);this.value&&this.value===(null===(e=this.selectedItem)||void 0===e?void 0:e.id)||(this.selectedItem=null),t&&(this.selectedItem=t)}}updateSelectedItemUnderMultiple(e,t){const i=new Map(e.map((e=>[e.id,e])));return t.forEach((e=>{i.set(null==e?void 0:e.id,e)})),Array.from(i.values())}}se([l()],oe.prototype,"value",void 0),se([l()],oe.prototype,"selectType",void 0),se([l({writable:!0})],oe.prototype,"selectedItem",void 0),se([l()],oe.prototype,"sourceController",void 0),se([l()],oe.prototype,"vegaInputSelectValueController",void 0),se([h("componentWillLoad")],oe.prototype,"componentWillLoad",null),se([h("watchSelectType")],oe.prototype,"watchSelectType",null);var re=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class ne extends p{constructor(){super(...arguments),this.renderContainer=()=>e("div",{role:"button",class:"vega-input-select-container",ref:e=>this.inputSelectContainer=e,tabIndex:0,"aria-disabled":`${this.disabled}`,onKeyDown:this.handleTriggerKeyDown,part:"select-container"},this.renderPrefixIcon(),this.renderSelectContainer(),this.renderToggleIcon()),this.handleTriggerKeyDown=e=>{"Enter"!==e.key&&" "!==e.key||e.preventDefault(),this.disabled||"Enter"!==e.key&&" "!==e.key||e.currentTarget.dispatchEvent(new MouseEvent("click",{bubbles:!0,cancelable:!0,view:window}))},this.renderPrefixIcon=()=>this.vegaInputSelectPrefixIconRenderer.render(),this.renderToggleIcon=()=>e("div",{class:"vega-input-select-toggle-icon",part:"toggle-icon-container"},e("vega-icon",{part:"toggle-icon",icon:_.getIconKey(this.isDropdownShow?"chevron-up":"chevron-down")})),this.renderSelectContainer=()=>{var t,i;return"function"!=typeof this.selectedLabel&&((null===(t=this.selectedLabel)||void 0===t?void 0:t.single)||(this.selectedLabel.single=(e,t)=>t.displayName),(null===(i=this.selectedLabel)||void 0===i?void 0:i.multiple)||(this.selectedLabel.multiple=e=>`${e.length} Selected`)),e("div",{class:"vega-input-select-select-container"},e("div",{class:"vega-input-select-selected-box"},"multiple"===this.selectType?this.renderMultipleSelected():this.renderSingleSelected()))},this.renderMultipleSelected=()=>{if(this.value.length>0){const t="function"==typeof this.selectedLabel?this.selectedLabel(this.value):this.selectedLabel.multiple(this.value,this.selectedItem);return e("span",{class:"vega-input-select-selected"},e("vega-text",{overflow:"ellipsis",tooltip:this.getSelectedLabelTooltipProps(),text:t,key:t}))}return e("div",{class:"vega-input-select-placeholder"},this.translationSlimmer.t(this.placeholder))},this.renderSingleSelected=()=>{var t,i;const s=this.selectedItem;(null==s?void 0:s.displayName)&&(s.displayName=N.sanitize(s.displayName,M));const o=null===(i=(t=this.selectedLabel).single)||void 0===i?void 0:i.call(t,this.value,s);return"function"==typeof this.selectedLabel&&this.selectedItem||"function"!=typeof this.selectedLabel&&o?e("span",{class:"vega-input-select-selected",part:"selected-box"},e("vega-text","function"==typeof this.selectedLabel?{overflow:"ellipsis",tooltip:this.getSelectedLabelTooltipProps(),text:s.displayName,key:s.displayName}:{overflow:"ellipsis",tooltip:this.getSelectedLabelTooltipProps(),text:o,key:o})):e("div",{class:"vega-input-select-placeholder",part:"placeholder"},this.translationSlimmer.t(this.placeholder))},this.getVegaDropdownProperties=()=>{const e=Object.assign({searchable:!0,caseSensitive:!1},this.vegaDropdownProps);return this.dropdownItemTooltipProps&&Object.keys(this.dropdownItemTooltipProps).length>0&&(e.itemTooltipProps=this.dropdownItemTooltipProps),e},this.getSelectedLabelTooltipProps=()=>Object.assign({placement:"bottom"},this.selectedLabelTooltipProps)}watchVegaDropdownProps(){this.vegaDropdownProps&&void 0!==this.vegaDropdownProps.preserveValueIfNotInSource&&(this.dropdown.preserveValueIfNotInSource=this.vegaDropdownProps.preserveValueIfNotInSource,this.dropdown.selectedSourceKey=this.value)}show(){return this.dropdown.show()}hide(){return this.dropdown.hide()}getDropdownRef(){return this.dropdown}getInputSelectContainerRef(){return this.inputSelectContainer}getItemsSlotRef(){return this.itemsSlotRef}render(){return e("vega-dropdown",Object.assign({trigger:"click",source:this.getDropdownSource(),selectType:this.selectType,selectedSourceKey:this.value,matchTargetWidth:!0},this.getVegaDropdownProperties(),{ref:e=>{this.dropdown=e,this.vegaInputSelectDropdownController.addDropdownObserver(e)},isLazyLoading:this.isLazyLoading}),this.renderContainer(),this.renderItemsSlot())}renderItemsSlot(){return this.host.querySelector("[slot=items]")&&e("div",{slot:"items",ref:e=>{this.itemsSlotRef=e}})}getDropdownSource(){return this.source.map((e=>({key:e.id,label:e.displayName})))}}_.register({"chevron-up":z,"chevron-down":A}),re([l()],ne.prototype,"value",void 0),re([l()],ne.prototype,"source",void 0),re([l()],ne.prototype,"host",void 0),re([l()],ne.prototype,"selectType",void 0),re([l()],ne.prototype,"isDropdownShow",void 0),re([l()],ne.prototype,"vegaDropdownProps",void 0),re([l()],ne.prototype,"placeholder",void 0),re([l()],ne.prototype,"selectedLabel",void 0),re([l()],ne.prototype,"isLazyLoading",void 0),re([l()],ne.prototype,"vegaInputSelectDropdownController",void 0),re([l()],ne.prototype,"vegaInputSelectPrefixIconRenderer",void 0),re([l()],ne.prototype,"translationSlimmer",void 0),re([l()],ne.prototype,"disabled",void 0),re([l()],ne.prototype,"selectedItem",void 0),re([l()],ne.prototype,"selectedLabelTooltipProps",void 0),re([l()],ne.prototype,"dropdownItemTooltipProps",void 0),re([h("watchVegaDropdownProps")],ne.prototype,"watchVegaDropdownProps",null);var ae=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class le extends p{constructor(){super(...arguments),this.hasMore=!0}componentDidLoad(){const e=this.getVirtualScroll();e&&f.addUniqueObserverToNode(e,L,this.onScrollToBottom.bind(this))}getVirtualScroll(){var e,t,i;return null===(i=null===(t=null===(e=this.vegaInputSelectDropdownRenderer.getDropdownRef().shadowRoot)||void 0===e?void 0:e.querySelector("vega-dropdown-content-box"))||void 0===t?void 0:t.shadowRoot)||void 0===i?void 0:i.querySelector("vega-virtual-scroll")}async onScrollToBottom(e){if(this.sourceLazyLoadCallback&&this.hasMore){this.isLazyLoading=!0;const t=await this.sourceLazyLoadCallback(e.endIndex);this.hasMore=t.hasMore,t.items.length>0&&this.sourceController.appendSourceItems(t.items),this.isLazyLoading=!1}}}ae([l()],le.prototype,"sourceLazyLoadCallback",void 0),ae([l({writable:!0})],le.prototype,"isLazyLoading",void 0),ae([l()],le.prototype,"sourceController",void 0),ae([l()],le.prototype,"vegaInputSelectDropdownRenderer",void 0),ae([h("componentDidLoad")],le.prototype,"componentDidLoad",null);const pe=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Specifies whether the system should automatically carry out validation checks on the user's selection in real-time, ensuring that the input adheres to predefined criteria before submission or proceeding further",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Specifies whether the system should automatically carry out validation checks on the user's selection in real-time, ensuring that the input adheres to predefined criteria before submission or proceeding further",payloadValue:e=>!1===e.autoValidation},{payloadKey:"IS_USING_TEMPLATE",payloadDescription:"Contains the data records to be rendered and displayed within the input select",payloadValue:e=>0===e.source.length},{payloadKey:"IS_USING_DATA_SOURCE",payloadDescription:"Contains the data records to be rendered and displayed within the input select",payloadValue:e=>e.source.length>0}];var he=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class de extends p{constructor(){super(...arguments),this.handleSourceChange=()=>{this.host.dataset.source=JSON.stringify(this.source),this.source=W(this.source,K)?this.source:[],this.vegaInputSelectItemController.setSelectedItem()}}appendSourceItems(e){this.source=[...this.source,...e]}getItem(e){return this.source.find((t=>t.id===e))}}he([l()],de.prototype,"host",void 0),he([l({writable:!0})],de.prototype,"source",void 0),he([l()],de.prototype,"vegaInputSelectItemController",void 0),he([h("watchSource")],de.prototype,"handleSourceChange",void 0);var ce=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class ve extends p{constructor(){super(...arguments),this.mutationObserver=new H({target:()=>this.getItemsContainer()||this.host,mutationFilter:$("VEGA-DROPDOWN-ITEM"),options:{childList:!0,subtree:!0},callback:()=>this.appendHostItemsToDropdown()})}componentDidLoad(){this.appendHostItemsToDropdown()}appendHostItemsToDropdown(){const e=this.getItemsContainer(),t=this.vegaInputSelectDropdownRenderer.getItemsSlotRef(),i=this.vegaInputSelectDropdownRenderer.getDropdownRef();e&&t&&(t.remove(),i.append(e)),t&&i.syncTemplateData()}getItemsContainer(){const e=this.vegaInputSelectDropdownRenderer.getDropdownRef();return this.host.querySelector("[slot=items]")||(null==e?void 0:e.querySelector("[slot=items]"))}}ce([c()],ve.prototype,"mutationObserver",void 0),ce([l()],ve.prototype,"host",void 0),ce([l()],ve.prototype,"vegaInputSelectDropdownRenderer",void 0),ce([h("componentDidLoad")],ve.prototype,"componentDidLoad",null);var ue=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class fe extends p{checkPrefixSlotPresence(){this.hasPrefixSlot=null!==this.host.querySelector('[slot="prefix"]')}render(){return(this.hasPrefixSlot||this.prefixIcon)&&e("div",{class:"vega-input-select-prefix-icon"},this.hasPrefixSlot?e("slot",{name:"prefix"}):e("vega-icon",{icon:this.prefixIcon,size:"size-16"}))}}ue([l()],fe.prototype,"host",void 0),ue([l()],fe.prototype,"prefixIcon",void 0),ue([l({writable:!0})],fe.prototype,"hasPrefixSlot",void 0),ue([h("componentWillLoad")],fe.prototype,"checkPrefixSlotPresence",null);class ge extends J{constructor(e){super(),this.inputSelectSourceGetter=e,this.invalidResult=e=>({isValid:!1,message:e}),this.validResult=()=>({isValid:!0,message:""})}canEvaluate(e,t){return t?this.isAcceptedInputType(e)&&!t.disabled&&t.visible:this.isAcceptedInputType(e)}evaluate(e){return"string"!=typeof e||this.inputSelectSourceGetter().find((t=>t.id===e))?Array.isArray(e)&&!e.every((e=>this.inputSelectSourceGetter().find((t=>t.id===e))))?this.invalidResult("There are values that do not exist in the source"):this.validResult():this.invalidResult("The value does not exist in the source")}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return("string"==typeof e||Array.isArray(e)&&e.every((e=>"string"==typeof e)))&&e.length>0}}var me=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const xe=class{constructor(e){i(this,e),this.vegaChange=s(this,"vegaChange",7),this.change=s(this,"change",7),this.vegaSearch=s(this,"vegaSearch",7),this.search=s(this,"search",7),this.vegaSearchTrigger=s(this,"vegaSearchTrigger",7),this.searchTrigger=s(this,"searchTrigger",7),this.vegaDropdownSelectAllClick=s(this,"vegaDropdownSelectAllClick",7),this.dropdownSelectAllClick=s(this,"dropdownSelectAllClick",7),this.vegaShow=s(this,"vegaShow",7),this.vegaHide=s(this,"vegaHide",7),this.vegaLabelButtonClick=s(this,"vegaLabelButtonClick",7),this.labelButtonClick=s(this,"labelButtonClick",7),this.globalSlimmers=new Map,this.translationSlimmer=new q,this.sourceController=new de,this.vegaInputSelectRenderer=new Y,this.vegaInputSelectPrefixIconRenderer=new fe,this.vegaInputSelectDropdownController=new ee,this.vegaInputSelectValueController=new ie,this.vegaInputSelectDropdownRenderer=new ne,this.vegaInputSelectItemsSlotController=new ve,this.vegaInputSelectItemController=new oe,this.formFieldControllerSlimmer=new U({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new r:null},{propertyName:"data-source",ruleFactory:()=>new ge((()=>this.source))}],validationRulesName:"validationRules",defaultValue:e=>"multiple"===e.selectType?[]:"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.vegaInputSelectDropdownRenderer.getDropdownRef(),touchableAreaGetter:()=>[this.vegaInputSelectDropdownRenderer.getInputSelectContainerRef()]}),this.pageResizeObserverSlimmer=new B,this.lazyLoadController=new le,this.changeEventEmitter=F(xe,I),this.searchEventEmitter=F(xe,R),this.searchTriggerEventEmitter=F(xe,y),this.showEventEmitter=F(xe,C),this.hideEventEmitter=F(xe,D),this.labelButtonClickEventEmitter=F(xe,g),this.selectAllClickEventEmitter=F(xe,j),this.eventPrevent=new G([R,y,C,D],(()=>this.host),!0),this.dropdownEventPreventSelectAllClick=new G([j],(()=>this.vegaInputSelectDropdownRenderer.getDropdownRef()),{customPreventHandle:e=>{e.stopPropagation()}}),this.vegaComponentUsageRuntimeMetricsSlimmer=new E(pe),this.isDropdownShow=!1,this.currentBreakpoint=a(),this.isLazyLoading=!1,this.hasPrefixSlot=!1,this.label="",this.labelSuffixButtonConfig=null,this.required=!1,this.optional=!1,this.name="",this.selectedLabel=e=>Q.t("{0} Selected",e.length),this.selectType="single",this.source=[],this.value="multiple"===this.selectType?[]:"",this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.disabled=!1,this.placeholder="Please select",this.vegaDropdownProps={},this.selectedLabelTooltipProps={},this.dropdownItemTooltipProps={},this.size="default"}watchSelectType(){}watchSource(){}watchValue(e,t){}watchValidationRules(){}watchVegaDropdownProps(){}watchSelectedLabelTooltipProps(){}watchDropdownItemTooltipProps(){}componentWillLoad(){}async doClose(){await this.vegaInputSelectDropdownRenderer.hide()}async doOpen(){await this.vegaInputSelectDropdownRenderer.show()}async doChange(e){this.vegaInputSelectValueController.setValue(e)}render(){return n(this.vegaInputSelectRenderer.render(),this.host)}get host(){return o(this)}static get watchers(){return{selectType:["watchSelectType"],source:["watchSource"],value:["watchValue"],validationRules:["watchValidationRules"],vegaDropdownProps:["watchVegaDropdownProps"],selectedLabelTooltipProps:["watchSelectedLabelTooltipProps"],dropdownItemTooltipProps:["watchDropdownItemTooltipProps"]}}};me([T()],xe.prototype,"globalSlimmers",void 0),me([c()],xe.prototype,"translationSlimmer",void 0),me([c()],xe.prototype,"sourceController",void 0),me([c()],xe.prototype,"vegaInputSelectRenderer",void 0),me([c()],xe.prototype,"vegaInputSelectPrefixIconRenderer",void 0),me([c()],xe.prototype,"vegaInputSelectDropdownController",void 0),me([c()],xe.prototype,"vegaInputSelectValueController",void 0),me([c()],xe.prototype,"vegaInputSelectDropdownRenderer",void 0),me([c()],xe.prototype,"vegaInputSelectItemsSlotController",void 0),me([c()],xe.prototype,"vegaInputSelectItemController",void 0),me([c()],xe.prototype,"formFieldControllerSlimmer",void 0),me([c()],xe.prototype,"pageResizeObserverSlimmer",void 0),me([c()],xe.prototype,"lazyLoadController",void 0),me([c()],xe.prototype,"changeEventEmitter",void 0),me([c()],xe.prototype,"searchEventEmitter",void 0),me([c()],xe.prototype,"searchTriggerEventEmitter",void 0),me([c()],xe.prototype,"showEventEmitter",void 0),me([c()],xe.prototype,"hideEventEmitter",void 0),me([c()],xe.prototype,"labelButtonClickEventEmitter",void 0),me([c()],xe.prototype,"selectAllClickEventEmitter",void 0),me([c()],xe.prototype,"eventPrevent",void 0),me([c()],xe.prototype,"dropdownEventPreventSelectAllClick",void 0),me([c()],xe.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),xe.style=':host{display:inline-block;width:100%;min-width:0px;text-align:left;line-height:normal;vertical-align:middle}:host(.default) .vega-input-select-container{padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px}:host(.small) .vega-input-select-container{padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px}vega-field-label{margin-bottom:8px}:host .vega-input-select-container{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:8px;gap:8px;display:block;display:flex;align-items:center;cursor:pointer}:host .vega-input-select-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host .vega-input-select-container:focus{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}:host .error .vega-input-select-container{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .error .vega-input-select-container:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .error .vega-input-select-container:focus{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}:host(.vega-input-select-disabled) vega-dropdown{pointer-events:none}:host(.vega-input-select-disabled) .vega-input-select-container{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));--tw-shadow:0 0 #0000;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px}:host(.vega-input-select-disabled) .vega-input-select-container:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.vega-input-select-disabled) vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-input-select-select-container{flex-grow:1;min-width:0px}:host .vega-input-select-selected{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));display:block;min-height:24px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-selected{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-select-selected{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-select-selected{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host(.vega-input-select-disabled) .vega-input-select-selected{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host .vega-input-select-placeholder{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:24px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-placeholder{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-select-placeholder{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-select-placeholder{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-input-select-prefix-icon{text-align:center;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));font-size:0px}:host .vega-input-select-toggle-icon{width:16px;height:16px;color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host .vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-hidden{display:none}:host .vega-input-select-hint{padding-left:8px;padding-right:8px;padding-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-select-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-select-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host vega-dropdown{display:block}';export{xe as vega_input_select}
|
|
1
|
+
import{h as e,H as t,r as i,c as s,g as o}from"./p-6b2342e0.js";import{R as r}from"./p-8bc15ed0.js";import{s as n}from"./p-519a7d55.js";import{g as a}from"./p-49a2e141.js";import{c as l,V as p,M as h,L as d,I as c}from"./p-6e1ab235.js";import{a as v}from"./p-aa135628.js";import{R as u}from"./p-fc07ed1e.js";import{D as f}from"./p-36a57431.js";import{E as g,B as m,C as x,d as b,h as w,D as y,w as j,g as S,c as I,v as R,T as C,U as D}from"./p-a83cef5a.js";import{V as E,I as T}from"./p-5c8e4e8f.js";import{m as O,n as L}from"./p-53e3f259.js";import{i as P}from"./p-d27ae9ff.js";import{C as V}from"./p-2d0d575f.js";import{F as k}from"./p-cb378636.js";import{c as z}from"./p-1ec763ab.js";import{c as A}from"./p-613ddaab.js";import{V as _}from"./p-44245a36.js";import{h as N,l as M}from"./p-cc569b54.js";import{F as U}from"./p-70a08fe5.js";import{P as B}from"./p-81dd00d0.js";import{c as F}from"./p-3b6a6f08.js";import{C as G}from"./p-abad8ffd.js";import{a1 as W,a3 as K}from"./p-8e3c1c81.js";import{M as H}from"./p-78a57a17.js";import{T as $}from"./p-52b8f2d2.js";import{T as q}from"./p-a7ed55d8.js";import{I as J}from"./p-abd7aeaa.js";import{V as Q}from"./p-347d664e.js";import"./p-87a4d75f.js";import"./p-982747ef.js";import"./p-d4ea8e22.js";import"./p-ed45b3b6.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-331a62d5.js";import"./p-d1d91f1a.js";import"./p-5c285374.js";import"./p-6a334573.js";import"./p-8b5d3a52.js";import"./p-b75ee3ba.js";import"./p-02841589.js";import"./p-71909102.js";import"./p-7d3419c7.js";import"./p-29584bb5.js";import"./p-5f377954.js";import"./p-b438e68b.js";var X=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class Y extends p{constructor(){super(...arguments),this.renderErrorMessage=()=>e("div",{class:"vega-input-select-error-message"}),this.renderHelpMessage=()=>e("div",{class:"vega-input-select-hint"},this.hint),this.handleLabelButtonClick=()=>{this.labelButtonClickEventEmitter.emit()}}render(){return e(t,{class:v([this.disabled?"vega-input-select-disabled":"",u.formatCustom(this.size)])},this.renderLabel(),this.dropdownRenderer.render(),this.renderErrorMessage(),this.hint&&this.renderHelpMessage())}renderLabel(){return this.label&&e("vega-field-label",{"is-field-required":this.required,disabled:this.disabled,optional:this.optional,label:this.label,suffixButtonConfig:this.labelSuffixButtonConfig,ref:e=>{f.addUniqueObserverToNode(e,g,this.handleLabelButtonClick)}})}}X([l()],Y.prototype,"disabled",void 0),X([l()],Y.prototype,"size",void 0),X([l()],Y.prototype,"hint",void 0),X([l()],Y.prototype,"label",void 0),X([l()],Y.prototype,"required",void 0),X([l()],Y.prototype,"optional",void 0),X([l()],Y.prototype,"labelSuffixButtonConfig",void 0),X([l()],Y.prototype,"labelButtonClickEventEmitter",void 0),X([l({componentFieldName:"vegaInputSelectDropdownRenderer"})],Y.prototype,"dropdownRenderer",void 0);var Z=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class ee extends p{constructor(){super(...arguments),this.onDropdownShow=()=>{this.isDropdownShow=!0},this.onDropdownHide=()=>{this.isDropdownShow=!1}}addDropdownObserver(e){f.addUniqueObserverToNode(e,m,(e=>{this.onDropdownShow(),this.showEventEmitter.emit(e.detail)})),f.addUniqueObserverToNode(e,x,(e=>{this.onDropdownHide(),this.hideEventEmitter.emit(e.detail)})),f.addUniqueObserverToNode(e,b,(async e=>{this.vegaInputSelectValueController.setValue(await e.host.getSelection())})),f.addUniqueObserverToNode(e,w,(e=>{this.searchEventEmitter.emit(e.detail)})),f.addUniqueObserverToNode(e,y,(e=>{this.searchTriggerEventEmitter.emit(e.detail)})),f.addUniqueObserverToNode(e,j,(async e=>{this.vegaInputSelectValueController.setValue(await e.host.getSelection()),this.selectAllClickEventEmitter.emit(e.detail)})),f.addUniqueObserverToNode(e,O,(e=>{const t=Array.from(e).filter((e=>!this.source.find((t=>t.id===e.itemKey)))).map((e=>({id:e.itemKey,displayName:e.label})));this.sourceController.appendSourceItems(t)})),f.addUniqueObserverToNode(e,S,(async()=>{this.vegaInputSelectValueController.setValue("multiple"===this.selectType?[]:"")}))}}Z([l({writable:!0})],ee.prototype,"isDropdownShow",void 0),Z([l()],ee.prototype,"vegaSearch",void 0),Z([l()],ee.prototype,"searchEventEmitter",void 0),Z([l()],ee.prototype,"searchTriggerEventEmitter",void 0),Z([l()],ee.prototype,"vegaInputSelectValueController",void 0),Z([l()],ee.prototype,"sourceController",void 0),Z([l()],ee.prototype,"source",void 0),Z([l()],ee.prototype,"showEventEmitter",void 0),Z([l()],ee.prototype,"hideEventEmitter",void 0),Z([l()],ee.prototype,"vegaDropdownProps",void 0),Z([l()],ee.prototype,"selectType",void 0),Z([l()],ee.prototype,"selectAllClickEventEmitter",void 0);var te=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class ie extends p{constructor(){super(...arguments),this.handleValueChange=(e,t)=>{if("multiple"===this.selectType){let i;t=t,i=(e=e)?this.vegaDropdownProps.preserveValueIfNotInSource?e:e.filter((e=>this.sourceController.getItem(e))):[],P(i,t,!0)?P(i,e,!0)||this.setValue(i):(this.setValue(i),this.changeEventEmitter.emit(i),V.notify(k,{host:this.host,detail:i}))}else if(e!==t){const t=this.sourceController.getItem(e);this.setValue(this.vegaDropdownProps.preserveValueIfNotInSource?e:t?t.id:""),this.changeEventEmitter.emit(this.value),V.notify(k,{host:this.host,detail:this.value})}}}setValue(e){this.valueGuard(e)&&(this.value=e,this.vegaInputSelectItemController.setSelectedItem())}valueGuard(e){switch(this.selectType){case"single":return null===e||"string"==typeof e;case"multiple":return Array.isArray(e)&&e.every((e=>"string"==typeof e));default:return d.warn(`Invalid input select value ${e} for ${this.selectType} mode`),!1}}}te([l({writable:!0})],ie.prototype,"value",void 0),te([l()],ie.prototype,"selectType",void 0),te([l()],ie.prototype,"changeEventEmitter",void 0),te([l()],ie.prototype,"host",void 0),te([l()],ie.prototype,"sourceController",void 0),te([l()],ie.prototype,"vegaInputSelectItemController",void 0),te([l()],ie.prototype,"vegaDropdownProps",void 0),te([h("watchValue")],ie.prototype,"handleValueChange",void 0);var se=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class oe extends p{componentWillLoad(){this.setSelectedItem()}watchSelectType(){"multiple"===this.selectType?(this.selectedItem=[],this.vegaInputSelectValueController.setValue([])):(this.selectedItem=null,this.vegaInputSelectValueController.setValue(""))}setSelectedItem(){var e;if("multiple"===this.selectType){const e=this.value.map((e=>this.sourceController.getItem(e))),t=this.selectedItem?this.selectedItem.filter((e=>this.value.includes(null==e?void 0:e.id))):[];this.selectedItem=this.updateSelectedItemUnderMultiple(t,e)}else{const t=this.sourceController.getItem(this.value);this.value&&this.value===(null===(e=this.selectedItem)||void 0===e?void 0:e.id)||(this.selectedItem=null),t&&(this.selectedItem=t)}}updateSelectedItemUnderMultiple(e,t){const i=new Map(e.map((e=>[e.id,e])));return t.forEach((e=>{i.set(null==e?void 0:e.id,e)})),Array.from(i.values())}}se([l()],oe.prototype,"value",void 0),se([l()],oe.prototype,"selectType",void 0),se([l({writable:!0})],oe.prototype,"selectedItem",void 0),se([l()],oe.prototype,"sourceController",void 0),se([l()],oe.prototype,"vegaInputSelectValueController",void 0),se([h("componentWillLoad")],oe.prototype,"componentWillLoad",null),se([h("watchSelectType")],oe.prototype,"watchSelectType",null);var re=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class ne extends p{constructor(){super(...arguments),this.renderContainer=()=>e("div",{role:"button",class:"vega-input-select-container",ref:e=>this.inputSelectContainer=e,tabIndex:0,"aria-disabled":`${this.disabled}`,onKeyDown:this.handleTriggerKeyDown,part:"select-container"},this.renderPrefixIcon(),this.renderSelectContainer(),this.renderToggleIcon()),this.handleTriggerKeyDown=e=>{"Enter"!==e.key&&" "!==e.key||e.preventDefault(),this.disabled||"Enter"!==e.key&&" "!==e.key||e.currentTarget.dispatchEvent(new MouseEvent("click",{bubbles:!0,cancelable:!0,view:window}))},this.renderPrefixIcon=()=>this.vegaInputSelectPrefixIconRenderer.render(),this.renderToggleIcon=()=>e("div",{class:"vega-input-select-toggle-icon",part:"toggle-icon-container"},e("vega-icon",{part:"toggle-icon",icon:_.getIconKey(this.isDropdownShow?"chevron-up":"chevron-down")})),this.renderSelectContainer=()=>{var t,i;return"function"!=typeof this.selectedLabel&&((null===(t=this.selectedLabel)||void 0===t?void 0:t.single)||(this.selectedLabel.single=(e,t)=>t.displayName),(null===(i=this.selectedLabel)||void 0===i?void 0:i.multiple)||(this.selectedLabel.multiple=e=>`${e.length} Selected`)),e("div",{class:"vega-input-select-select-container"},e("div",{class:"vega-input-select-selected-box"},"multiple"===this.selectType?this.renderMultipleSelected():this.renderSingleSelected()))},this.renderMultipleSelected=()=>{if(this.value.length>0){const t="function"==typeof this.selectedLabel?this.selectedLabel(this.value):this.selectedLabel.multiple(this.value,this.selectedItem);return e("span",{class:"vega-input-select-selected"},e("vega-text",{overflow:"ellipsis",tooltip:this.getSelectedLabelTooltipProps(),text:t,key:t}))}return e("div",{class:"vega-input-select-placeholder"},this.translationSlimmer.t(this.placeholder))},this.renderSingleSelected=()=>{var t,i;const s=this.selectedItem;(null==s?void 0:s.displayName)&&(s.displayName=N.sanitize(s.displayName,M));const o=null===(i=(t=this.selectedLabel).single)||void 0===i?void 0:i.call(t,this.value,s);return"function"==typeof this.selectedLabel&&this.selectedItem||"function"!=typeof this.selectedLabel&&o?e("span",{class:"vega-input-select-selected",part:"selected-box"},e("vega-text","function"==typeof this.selectedLabel?{overflow:"ellipsis",tooltip:this.getSelectedLabelTooltipProps(),text:s.displayName,key:s.displayName}:{overflow:"ellipsis",tooltip:this.getSelectedLabelTooltipProps(),text:o,key:o})):e("div",{class:"vega-input-select-placeholder",part:"placeholder"},this.translationSlimmer.t(this.placeholder))},this.getVegaDropdownProperties=()=>{const e=Object.assign({searchable:!0,caseSensitive:!1},this.vegaDropdownProps);return this.dropdownItemTooltipProps&&Object.keys(this.dropdownItemTooltipProps).length>0&&(e.itemTooltipProps=this.dropdownItemTooltipProps),e},this.getSelectedLabelTooltipProps=()=>Object.assign({placement:"bottom"},this.selectedLabelTooltipProps)}watchVegaDropdownProps(){this.vegaDropdownProps&&void 0!==this.vegaDropdownProps.preserveValueIfNotInSource&&(this.dropdown.preserveValueIfNotInSource=this.vegaDropdownProps.preserveValueIfNotInSource,this.dropdown.selectedSourceKey=this.value)}show(){return this.dropdown.show()}hide(){return this.dropdown.hide()}getDropdownRef(){return this.dropdown}getInputSelectContainerRef(){return this.inputSelectContainer}getItemsSlotRef(){return this.itemsSlotRef}render(){return e("vega-dropdown",Object.assign({trigger:"click",source:this.getDropdownSource(),selectType:this.selectType,selectedSourceKey:this.value,matchTargetWidth:!0},this.getVegaDropdownProperties(),{ref:e=>{this.dropdown=e,this.vegaInputSelectDropdownController.addDropdownObserver(e)},isLazyLoading:this.isLazyLoading}),this.renderContainer(),this.renderItemsSlot())}renderItemsSlot(){return this.host.querySelector("[slot=items]")&&e("div",{slot:"items",ref:e=>{this.itemsSlotRef=e}})}getDropdownSource(){return this.source.map((e=>({key:e.id,label:e.displayName})))}}_.register({"chevron-up":z,"chevron-down":A}),re([l()],ne.prototype,"value",void 0),re([l()],ne.prototype,"source",void 0),re([l()],ne.prototype,"host",void 0),re([l()],ne.prototype,"selectType",void 0),re([l()],ne.prototype,"isDropdownShow",void 0),re([l()],ne.prototype,"vegaDropdownProps",void 0),re([l()],ne.prototype,"placeholder",void 0),re([l()],ne.prototype,"selectedLabel",void 0),re([l()],ne.prototype,"isLazyLoading",void 0),re([l()],ne.prototype,"vegaInputSelectDropdownController",void 0),re([l()],ne.prototype,"vegaInputSelectPrefixIconRenderer",void 0),re([l()],ne.prototype,"translationSlimmer",void 0),re([l()],ne.prototype,"disabled",void 0),re([l()],ne.prototype,"selectedItem",void 0),re([l()],ne.prototype,"selectedLabelTooltipProps",void 0),re([l()],ne.prototype,"dropdownItemTooltipProps",void 0),re([h("watchVegaDropdownProps")],ne.prototype,"watchVegaDropdownProps",null);var ae=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class le extends p{constructor(){super(...arguments),this.hasMore=!0}componentDidLoad(){const e=this.getVirtualScroll();e&&f.addUniqueObserverToNode(e,L,this.onScrollToBottom.bind(this))}getVirtualScroll(){var e,t,i;return null===(i=null===(t=null===(e=this.vegaInputSelectDropdownRenderer.getDropdownRef().shadowRoot)||void 0===e?void 0:e.querySelector("vega-dropdown-content-box"))||void 0===t?void 0:t.shadowRoot)||void 0===i?void 0:i.querySelector("vega-virtual-scroll")}async onScrollToBottom(e){if(this.sourceLazyLoadCallback&&this.hasMore){this.isLazyLoading=!0;const t=await this.sourceLazyLoadCallback(e.endIndex);this.hasMore=t.hasMore,t.items.length>0&&this.sourceController.appendSourceItems(t.items),this.isLazyLoading=!1}}}ae([l()],le.prototype,"sourceLazyLoadCallback",void 0),ae([l({writable:!0})],le.prototype,"isLazyLoading",void 0),ae([l()],le.prototype,"sourceController",void 0),ae([l()],le.prototype,"vegaInputSelectDropdownRenderer",void 0),ae([h("componentDidLoad")],le.prototype,"componentDidLoad",null);const pe=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Specifies whether the system should automatically carry out validation checks on the user's selection in real-time, ensuring that the input adheres to predefined criteria before submission or proceeding further",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Specifies whether the system should automatically carry out validation checks on the user's selection in real-time, ensuring that the input adheres to predefined criteria before submission or proceeding further",payloadValue:e=>!1===e.autoValidation},{payloadKey:"IS_USING_TEMPLATE",payloadDescription:"Contains the data records to be rendered and displayed within the input select",payloadValue:e=>0===e.source.length},{payloadKey:"IS_USING_DATA_SOURCE",payloadDescription:"Contains the data records to be rendered and displayed within the input select",payloadValue:e=>e.source.length>0}];var he=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class de extends p{constructor(){super(...arguments),this.handleSourceChange=()=>{this.host.dataset.source=JSON.stringify(this.source),this.source=W(this.source,K)?this.source:[],this.vegaInputSelectItemController.setSelectedItem()}}appendSourceItems(e){this.source=[...this.source,...e]}getItem(e){return this.source.find((t=>t.id===e))}}he([l()],de.prototype,"host",void 0),he([l({writable:!0})],de.prototype,"source",void 0),he([l()],de.prototype,"vegaInputSelectItemController",void 0),he([h("watchSource")],de.prototype,"handleSourceChange",void 0);var ce=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class ve extends p{constructor(){super(...arguments),this.mutationObserver=new H({target:()=>this.getItemsContainer()||this.host,mutationFilter:$("VEGA-DROPDOWN-ITEM"),options:{childList:!0,subtree:!0},callback:()=>this.appendHostItemsToDropdown()})}componentDidLoad(){this.appendHostItemsToDropdown()}appendHostItemsToDropdown(){const e=this.getItemsContainer(),t=this.vegaInputSelectDropdownRenderer.getItemsSlotRef(),i=this.vegaInputSelectDropdownRenderer.getDropdownRef();e&&t&&(t.remove(),i.append(e)),t&&i.syncTemplateData()}getItemsContainer(){const e=this.vegaInputSelectDropdownRenderer.getDropdownRef();return this.host.querySelector("[slot=items]")||(null==e?void 0:e.querySelector("[slot=items]"))}}ce([c()],ve.prototype,"mutationObserver",void 0),ce([l()],ve.prototype,"host",void 0),ce([l()],ve.prototype,"vegaInputSelectDropdownRenderer",void 0),ce([h("componentDidLoad")],ve.prototype,"componentDidLoad",null);var ue=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class fe extends p{checkPrefixSlotPresence(){this.hasPrefixSlot=null!==this.host.querySelector('[slot="prefix"]')}render(){return(this.hasPrefixSlot||this.prefixIcon)&&e("div",{class:"vega-input-select-prefix-icon"},this.hasPrefixSlot?e("slot",{name:"prefix"}):e("vega-icon",{icon:this.prefixIcon,size:"size-16"}))}}ue([l()],fe.prototype,"host",void 0),ue([l()],fe.prototype,"prefixIcon",void 0),ue([l({writable:!0})],fe.prototype,"hasPrefixSlot",void 0),ue([h("componentWillLoad")],fe.prototype,"checkPrefixSlotPresence",null);class ge extends J{constructor(e){super(),this.inputSelectSourceGetter=e,this.invalidResult=e=>({isValid:!1,message:e}),this.validResult=()=>({isValid:!0,message:""})}canEvaluate(e,t){return t?this.isAcceptedInputType(e)&&!t.disabled&&t.visible:this.isAcceptedInputType(e)}evaluate(e){return"string"!=typeof e||this.inputSelectSourceGetter().find((t=>t.id===e))?Array.isArray(e)&&!e.every((e=>this.inputSelectSourceGetter().find((t=>t.id===e))))?this.invalidResult("There are values that do not exist in the source"):this.validResult():this.invalidResult("The value does not exist in the source")}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return("string"==typeof e||Array.isArray(e)&&e.every((e=>"string"==typeof e)))&&e.length>0}}var me=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const xe=class{constructor(e){i(this,e),this.vegaChange=s(this,"vegaChange",7),this.change=s(this,"change",7),this.vegaSearch=s(this,"vegaSearch",7),this.search=s(this,"search",7),this.vegaSearchTrigger=s(this,"vegaSearchTrigger",7),this.searchTrigger=s(this,"searchTrigger",7),this.vegaDropdownSelectAllClick=s(this,"vegaDropdownSelectAllClick",7),this.dropdownSelectAllClick=s(this,"dropdownSelectAllClick",7),this.vegaShow=s(this,"vegaShow",7),this.vegaHide=s(this,"vegaHide",7),this.vegaLabelButtonClick=s(this,"vegaLabelButtonClick",7),this.labelButtonClick=s(this,"labelButtonClick",7),this.globalSlimmers=new Map,this.translationSlimmer=new q,this.sourceController=new de,this.vegaInputSelectRenderer=new Y,this.vegaInputSelectPrefixIconRenderer=new fe,this.vegaInputSelectDropdownController=new ee,this.vegaInputSelectValueController=new ie,this.vegaInputSelectDropdownRenderer=new ne,this.vegaInputSelectItemsSlotController=new ve,this.vegaInputSelectItemController=new oe,this.formFieldControllerSlimmer=new U({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new r:null},{propertyName:"data-source",ruleFactory:()=>new ge((()=>this.source))}],validationRulesName:"validationRules",defaultValue:e=>"multiple"===e.selectType?[]:"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.vegaInputSelectDropdownRenderer.getDropdownRef(),touchableAreaGetter:()=>[this.vegaInputSelectDropdownRenderer.getInputSelectContainerRef()]}),this.pageResizeObserverSlimmer=new B,this.lazyLoadController=new le,this.changeEventEmitter=F(xe,I),this.searchEventEmitter=F(xe,R),this.searchTriggerEventEmitter=F(xe,y),this.showEventEmitter=F(xe,C),this.hideEventEmitter=F(xe,D),this.labelButtonClickEventEmitter=F(xe,g),this.selectAllClickEventEmitter=F(xe,j),this.eventPrevent=new G([R,y,C,D],(()=>this.host),!0),this.dropdownEventPreventSelectAllClick=new G([j],(()=>this.vegaInputSelectDropdownRenderer.getDropdownRef()),{customPreventHandle:e=>{e.stopPropagation()}}),this.vegaComponentUsageRuntimeMetricsSlimmer=new E(pe),this.isDropdownShow=!1,this.currentBreakpoint=a(),this.isLazyLoading=!1,this.hasPrefixSlot=!1,this.label="",this.labelSuffixButtonConfig=null,this.required=!1,this.optional=!1,this.name="",this.selectedLabel=e=>Q.t("{0} Selected",e.length),this.selectType="single",this.source=[],this.value="multiple"===this.selectType?[]:"",this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.disabled=!1,this.placeholder="Please select",this.vegaDropdownProps={},this.selectedLabelTooltipProps={},this.dropdownItemTooltipProps={},this.size="default"}watchSelectType(){}watchSource(){}watchValue(e,t){}watchValidationRules(){}watchVegaDropdownProps(){}watchSelectedLabelTooltipProps(){}watchDropdownItemTooltipProps(){}componentWillLoad(){}async doClose(){await this.vegaInputSelectDropdownRenderer.hide()}async doOpen(){await this.vegaInputSelectDropdownRenderer.show()}async doChange(e){this.vegaInputSelectValueController.setValue(e)}render(){return n(this.vegaInputSelectRenderer.render(),this.host)}get host(){return o(this)}static get watchers(){return{selectType:["watchSelectType"],source:["watchSource"],value:["watchValue"],validationRules:["watchValidationRules"],vegaDropdownProps:["watchVegaDropdownProps"],selectedLabelTooltipProps:["watchSelectedLabelTooltipProps"],dropdownItemTooltipProps:["watchDropdownItemTooltipProps"]}}};me([T()],xe.prototype,"globalSlimmers",void 0),me([c()],xe.prototype,"translationSlimmer",void 0),me([c()],xe.prototype,"sourceController",void 0),me([c()],xe.prototype,"vegaInputSelectRenderer",void 0),me([c()],xe.prototype,"vegaInputSelectPrefixIconRenderer",void 0),me([c()],xe.prototype,"vegaInputSelectDropdownController",void 0),me([c()],xe.prototype,"vegaInputSelectValueController",void 0),me([c()],xe.prototype,"vegaInputSelectDropdownRenderer",void 0),me([c()],xe.prototype,"vegaInputSelectItemsSlotController",void 0),me([c()],xe.prototype,"vegaInputSelectItemController",void 0),me([c()],xe.prototype,"formFieldControllerSlimmer",void 0),me([c()],xe.prototype,"pageResizeObserverSlimmer",void 0),me([c()],xe.prototype,"lazyLoadController",void 0),me([c()],xe.prototype,"changeEventEmitter",void 0),me([c()],xe.prototype,"searchEventEmitter",void 0),me([c()],xe.prototype,"searchTriggerEventEmitter",void 0),me([c()],xe.prototype,"showEventEmitter",void 0),me([c()],xe.prototype,"hideEventEmitter",void 0),me([c()],xe.prototype,"labelButtonClickEventEmitter",void 0),me([c()],xe.prototype,"selectAllClickEventEmitter",void 0),me([c()],xe.prototype,"eventPrevent",void 0),me([c()],xe.prototype,"dropdownEventPreventSelectAllClick",void 0),me([c()],xe.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),xe.style=':host{display:inline-block;width:100%;min-width:0px;text-align:left;line-height:normal;vertical-align:middle}:host(.default) .vega-input-select-container{padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px}:host(.small) .vega-input-select-container{padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px}vega-field-label{margin-bottom:8px}:host .vega-input-select-container{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:8px;gap:8px;display:block;display:flex;align-items:center;cursor:pointer}:host .vega-input-select-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host .vega-input-select-container:focus{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}:host .error .vega-input-select-container{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .error .vega-input-select-container:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .error .vega-input-select-container:focus{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}:host(.vega-input-select-disabled) vega-dropdown{pointer-events:none}:host(.vega-input-select-disabled) .vega-input-select-container{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));--tw-shadow:0 0 #0000;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px}:host(.vega-input-select-disabled) .vega-input-select-container:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.vega-input-select-disabled) vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-input-select-select-container{flex-grow:1;min-width:0px}:host .vega-input-select-selected{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));display:block;min-height:24px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-selected{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-select-selected{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-select-selected{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host(.vega-input-select-disabled) .vega-input-select-selected{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host .vega-input-select-placeholder{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:24px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-placeholder{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-select-placeholder{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-select-placeholder{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-input-select-prefix-icon{text-align:center;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));font-size:0px}:host .vega-input-select-toggle-icon{width:16px;height:16px;color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host .vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-hidden{display:none}:host .vega-input-select-hint{padding-left:8px;padding-right:8px;padding-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-select-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-select-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host vega-dropdown{display:block}';export{xe as vega_input_select}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as t,f as e,r as i,c as o,H as s,g as r}from"./p-6b2342e0.js";import{V as a,I as l}from"./p-5c8e4e8f.js";import{R as n}from"./p-8bc15ed0.js";import{c as h,V as c,M as p,I as d}from"./p-6e1ab235.js";import{s as f}from"./p-519a7d55.js";import{F as u}from"./p-fffc1f47.js";import{D as v}from"./p-36a57431.js";import{a as m,V as g,b as w,c as b,O as j}from"./p-a83cef5a.js";import{c as x}from"./p-3b6a6f08.js";import{V as C}from"./p-44245a36.js";import{F as R}from"./p-cb378636.js";import{C as y}from"./p-2d0d575f.js";import{T as F}from"./p-a7ed55d8.js";import{C as S}from"./p-abad8ffd.js";import"./p-abd7aeaa.js";import"./p-87a4d75f.js";import"./p-982747ef.js";import"./p-02841589.js";import"./p-331a62d5.js";import"./p-aa135628.js";import"./p-8b5d3a52.js";import"./p-6a334573.js";import"./p-53e3f259.js";import"./p-347d664e.js";import"./p-cc569b54.js";import"./p-b75ee3ba.js";import"./p-81dd00d0.js";import"./p-49a2e141.js";import"./p-d4ea8e22.js";import"./p-ed45b3b6.js";import"./p-71909102.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-d27ae9ff.js";import"./p-262ec334.js";import"./p-7d3419c7.js";import"./p-29584bb5.js";import"./p-d1d91f1a.js";import"./p-5c285374.js";import"./p-5f377954.js";var k=function(t,e,i,o){var s,r=arguments.length,a=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(a=(r<3?s(a):r>3?s(e,i,a):s(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};class I extends c{constructor(){super(...arguments),this.handlePopoverShow=()=>{v.addUniqueObserverToNode(this.popoverRef,m,(()=>{this.isPopoverOpen=!0,this.internalColor!==this.value&&this.colorSwatchPickerValueController.updateInternalColor(this.value)}))},this.handlePopoverHide=()=>{v.addUniqueObserverToNode(this.popoverRef,g,(()=>{this.isPopoverOpen=!1}))},this.registerButtonClickHandler=t=>{v.addUniqueObserverToNode(t,w,(()=>{this.popoverRef&&this.popoverRef.hide(),this.colorSwatchPickerValueController.updateValue("clear"===t.dataset.actionType?"":this.internalColor)}))}}hidePopover(){this.popoverRef&&this.popoverRef.hide()}getContainerRef(){return this.containerRef}getLeftContainerRef(){return this.leftContainerRef}render(){const e=this.leftSlotProjection.hasSlot();return t("div",{ref:t=>this.containerRef=t,class:"swatch-picker-container"},t("vega-popover",{ref:t=>{this.popoverRef=t,this.handlePopoverShow(),this.handlePopoverHide()},class:"swatch-popover",alignment:"center",isScreenPosition:!0,trigger:"click"},t("div",{slot:"popover-content"},t("vega-color-swatch",{class:"swatch-picker-trigger","aria-expanded":this.isPopoverOpen?"true":"false","aria-haspopup":"dialog",disabled:this.disabled,color:this.value,size:"small"})),t("vega-box",{slot:"popover",class:"swatch-popover-content",width:"min-content"},t("vega-flex",{gap:"size-16"},e&&t("div",{ref:t=>this.leftContainerRef=t}),e&&t("div",null,t("vega-divider",{direction:"vertical"})),t("div",null,this.colorSwatchInputRenderer.render(),this.colorSwatchGridRenderer.render(),this.renderButtonGroup())))),t("vega-field-label",{label:this.label,disabled:this.disabled,isFieldRequired:this.required}))}renderButtonGroup(){return t("vega-flex",{gap:"size-8",justifyContent:"end",margin:{top:"size-16"}},this.showClearButton&&t("vega-button-link",{ref:this.registerButtonClickHandler,"data-action-type":"clear",label:this.translationSlimmer.t("Clear"),size:"small"}),t("vega-button-link",{ref:this.registerButtonClickHandler,"data-action-type":"apply",label:this.translationSlimmer.t("Apply"),size:"small"}))}}k([h()],I.prototype,"host",void 0),k([h()],I.prototype,"value",void 0),k([h()],I.prototype,"internalColor",void 0),k([h()],I.prototype,"label",void 0),k([h()],I.prototype,"required",void 0),k([h({writable:!0})],I.prototype,"isPopoverOpen",void 0),k([h()],I.prototype,"disabled",void 0),k([h()],I.prototype,"showClearButton",void 0),k([h()],I.prototype,"colorSwatchGridRenderer",void 0),k([h()],I.prototype,"colorSwatchInputRenderer",void 0),k([h()],I.prototype,"colorSwatchPickerValueController",void 0),k([h()],I.prototype,"translationSlimmer",void 0),k([h()],I.prototype,"leftSlotProjection",void 0);var z=function(t,e,i,o){var s,r=arguments.length,a=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(a=(r<3?s(a):r>3?s(e,i,a):s(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};class V extends c{constructor(){super(...arguments),this.handleColorSwatchClick=t=>{v.addUniqueObserverToNode(t,w,(()=>{this.colorSwatchPickerValueController.updateInternalColor(t.color)}))}}render(){return t("vega-grid",{column:this.swatchGridColumns,justifyItems:"start",gap:"size-8",style:{width:"max-content"}},this.colors.map((e=>t("vega-color-swatch",{ref:this.handleColorSwatchClick,selected:this.isColorMatched(this.internalColor,e),color:e,size:"extra-small"}))))}isColorMatched(t,e){return t&&e?t.toLowerCase()===e.toLowerCase():t===e}}z([h()],V.prototype,"colors",void 0),z([h()],V.prototype,"internalColor",void 0),z([h()],V.prototype,"swatchGridColumns",void 0),z([h()],V.prototype,"colorSwatchPickerValueController",void 0);var O=function(t,e,i,o){var s,r=arguments.length,a=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(a=(r<3?s(a):r>3?s(e,i,a):s(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};class P extends c{constructor(){super(...arguments),this.handleInputEvent=t=>{v.addUniqueObserverToNode(t,b,(()=>{const e=this.colorSwatchPickerColorFormatController.formatColor("output",t.value);e&&!this.isValidColor(e)||this.colorSwatchPickerValueController.updateInternalColor(e)})),v.addUniqueObserverToNode(t,j,(()=>{t.value&&!this.isValidColor(t.value)&&(t.value=this.colorSwatchPickerColorFormatController.formatColor("input",this.internalColor))}))}}render(){return this.showInput?t("vega-flex",{gap:"size-8",alignItems:"center",margin:{bottom:"size-16"}},t("vega-color-swatch",{color:this.internalColor,size:"extra-small"}),t("vega-input",{ref:this.handleInputEvent,size:"small",value:this.colorSwatchPickerColorFormatController.formatColor("input",this.internalColor),placeholder:this.inputPlaceholder||this.translationSlimmer.t("Enter color"),prefixIcon:this.inputPrefixIcon===P.DEFAULT_INPUT_ICON?C.getIconKey("hashtag"):this.inputPrefixIcon})):null}isValidColor(t){let e=!0;return globalThis.CSS&&"function"==typeof globalThis.CSS.supports&&(e=globalThis.CSS.supports("color",t)),e}}C.register({hashtag:{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="M188.7 32.5c13 2.6 21.4 15.2 18.8 28.2L192.5 136h111l16.9-84.7c2.6-13 15.2-21.4 28.2-18.8s21.4 15.2 18.8 28.2L352.5 136H424c13.3 0 24 10.7 24 24s-10.7 24-24 24H342.9L314.1 328H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H304.5l-16.9 84.7c-2.6 13-15.2 21.4-28.2 18.8s-21.4-15.2-18.8-28.2L255.5 376h-111l-16.9 84.7c-2.6 13-15.2 21.4-28.2 18.8s-21.4-15.2-18.8-28.2L95.5 376H24c-13.3 0-24-10.7-24-24s10.7-24 24-24h81.1l28.8-144H56c-13.3 0-24-10.7-24-24s10.7-24 24-24h87.5l16.9-84.7c2.6-13 15.2-21.4 28.2-18.8zM182.9 184L154.1 328h111l28.8-144h-111z"/></svg>'}}),P.DEFAULT_INPUT_ICON="hexColorIcon",O([h()],P.prototype,"internalColor",void 0),O([h()],P.prototype,"showInput",void 0),O([h()],P.prototype,"inputPlaceholder",void 0),O([h()],P.prototype,"inputPrefixIcon",void 0),O([h()],P.prototype,"colorSwatchPickerValueController",void 0),O([h()],P.prototype,"colorSwatchPickerColorFormatController",void 0),O([h()],P.prototype,"translationSlimmer",void 0);var L=function(t,e,i,o){var s,r=arguments.length,a=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(a=(r<3?s(a):r>3?s(e,i,a):s(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};class H extends c{updateValue(t){this.value=t}updateInternalColor(t){this.internalColor=t}initializeInternalColor(){this.internalColor=this.value}listenToValueChange(){this.internalColor=this.value,this.changeEventEmitter.emit(this.value),y.notify(R,{host:this.host,detail:this.value})}}L([h()],H.prototype,"host",void 0),L([h({writable:!0})],H.prototype,"value",void 0),L([h({writable:!0})],H.prototype,"internalColor",void 0),L([h()],H.prototype,"changeEventEmitter",void 0),L([p("componentWillLoad")],H.prototype,"initializeInternalColor",null),L([p("watchValue")],H.prototype,"listenToValueChange",null);var M=function(t,e,i,o){var s,r=arguments.length,a=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(a=(r<3?s(a):r>3?s(e,i,a):s(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};class T extends c{updateTheColor(){this.internalColor&&this.colorSwatchPickerValueController.updateInternalColor(this.formatColor("input",this.internalColor))}formatColor(t,e){return this.inputFormatter===T.DEFAULT_INPUT_FORMATTER?this.handleHexFormat(t,e):"function"==typeof this.inputFormatter?this.inputFormatter(t,e):e}handleHexFormat(t,e){return"input"===t?e.startsWith("#")?e.slice(1):e:e.startsWith("#")?e:e?`#${e}`:e}}T.DEFAULT_INPUT_FORMATTER="hexColorFormatter",M([h()],T.prototype,"inputFormatter",void 0),M([h()],T.prototype,"internalColor",void 0),M([h()],T.prototype,"colorSwatchPickerValueController",void 0),M([p("watchInputFormatter")],T.prototype,"updateTheColor",null);var D=function(t,e,i,o){var s,r=arguments.length,a=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(a=(r<3?s(a):r>3?s(e,i,a):s(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};class E extends c{constructor(t,i){super(),this.slotElement=null,this.syncSlotElementFromHost=()=>{var t;const i=this.host.querySelector(this.slotSelector());i&&(this.slotElement=i,null===(t=this.getContainerRef())||void 0===t||t.replaceChildren(i),e(this.host))},this.syncRemovedSlotElement=()=>{this.slotElement&&!this.slotElement.isConnected&&(this.slotElement=null,e(this.host))},this.slotName=t,this.getContainerRef=i}hasSlot(){return!!this.slotElement}detectSlot(){this.slotElement=this.host.querySelector(this.slotSelector()),this.hostMutationObserver=new MutationObserver(this.syncSlotElementFromHost),this.hostMutationObserver.observe(this.host,{childList:!0}),this.containerMutationObserver=new MutationObserver(this.syncRemovedSlotElement)}appendSlotContent(){const t=this.getContainerRef();t&&this.containerMutationObserver.observe(t,{childList:!0}),this.slotElement&&t&&this.slotElement.parentElement!==t&&t.appendChild(this.slotElement)}cleanup(){this.hostMutationObserver&&this.hostMutationObserver.disconnect(),this.containerMutationObserver&&this.containerMutationObserver.disconnect()}slotSelector(){return`[slot="${this.slotName}"]`}}D([h()],E.prototype,"host",void 0),D([p("componentWillLoad")],E.prototype,"detectSlot",null),D([p("componentDidRender")],E.prototype,"appendSlotContent",null),D([p("disconnectedCallback")],E.prototype,"cleanup",null);var G=function(t,e,i,o){var s,r=arguments.length,a=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(a=(r<3?s(a):r>3?s(e,i,a):s(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};const B=class{constructor(t){i(this,t),this.vegaChange=o(this,"vegaChange",7),this.change=o(this,"change",7),this.globalSlimmers=new Map,this.vegaComponentUsageRuntimeMetricsSlimmer=new a,this.formFieldController=new u({propertyRules:[{propertyName:"required",ruleFactory:t=>t?new n:null}],validationRulesName:"validationRules",defaultValue:"",attributeGetter:t=>this[t],inputContainerGetter:()=>this.colorSwatchPickerRenderer.getContainerRef(),touchableAreaGetter:()=>[]}),this.translationSlimmer=new F,this.leftSlotProjection=new E("swatch-picker-left",(()=>this.colorSwatchPickerRenderer.getLeftContainerRef())),this.colorSwatchPickerRenderer=new I,this.colorSwatchGridRenderer=new V,this.colorSwatchInputRenderer=new P,this.colorSwatchPickerValueController=new H,this.colorSwatchPickerColorFormatController=new T,this.childNodeEventPreventSlimmer=new S([b],(()=>this.colorSwatchPickerRenderer.getContainerRef())),this.changeEventEmitter=x(B,b),this.internalColor="",this.isPopoverOpen=!1,this.value="",this.label="",this.disabled=!1,this.required=!1,this.name="",this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.colors=["#73E6DC","#806BFF","#FFDC83","#FF9571","#00BBFF","#FF82C9","#259F9F","#563D82"],this.swatchGridColumns=8,this.showInput=!0,this.inputPlaceholder="",this.inputPrefixIcon=P.DEFAULT_INPUT_ICON,this.showClearButton=!1,this.inputFormatter=T.DEFAULT_INPUT_FORMATTER}watchValue(){}watchDisabled(){this.disabled&&this.colorSwatchPickerRenderer.hidePopover()}watchValidationRules(){}watchInputFormatter(){}render(){return f(t(s,{class:{disabled:this.disabled}},this.colorSwatchPickerRenderer.render(),t("div",{class:"vega-error vega-hidden",part:"field-error-message"})),this.host)}get host(){return r(this)}static get watchers(){return{value:["watchValue"],disabled:["watchDisabled"],validationRules:["watchValidationRules"],inputFormatter:["watchInputFormatter"]}}};G([l()],B.prototype,"globalSlimmers",void 0),G([d()],B.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),G([d()],B.prototype,"formFieldController",void 0),G([d()],B.prototype,"translationSlimmer",void 0),G([d()],B.prototype,"leftSlotProjection",void 0),G([d()],B.prototype,"colorSwatchPickerRenderer",void 0),G([d()],B.prototype,"colorSwatchGridRenderer",void 0),G([d()],B.prototype,"colorSwatchInputRenderer",void 0),G([d()],B.prototype,"colorSwatchPickerValueController",void 0),G([d()],B.prototype,"colorSwatchPickerColorFormatController",void 0),G([d()],B.prototype,"childNodeEventPreventSlimmer",void 0),G([d()],B.prototype,"changeEventEmitter",void 0),B.style=':host{display:inline-block}.swatch-picker-container{display:flex;flex-direction:row;align-items:center;gap:8px}.swatch-picker-container.error vega-color-swatch.swatch-picker-trigger::part(swatch){border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.swatch-picker-container.error vega-color-swatch.swatch-picker-trigger::part(swatch-container):focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}.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){.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{B as vega_color_swatch_picker}
|
|
1
|
+
import{h as t,f as e,r as i,c as o,H as s,g as r}from"./p-6b2342e0.js";import{V as a,I as l}from"./p-5c8e4e8f.js";import{R as n}from"./p-8bc15ed0.js";import{c as h,V as c,M as p,I as d}from"./p-6e1ab235.js";import{s as f}from"./p-519a7d55.js";import{F as u}from"./p-70a08fe5.js";import{D as v}from"./p-36a57431.js";import{a as m,V as g,b as w,c as b,O as j}from"./p-a83cef5a.js";import{c as x}from"./p-3b6a6f08.js";import{V as C}from"./p-44245a36.js";import{F as R}from"./p-cb378636.js";import{C as y}from"./p-2d0d575f.js";import{T as F}from"./p-a7ed55d8.js";import{C as S}from"./p-abad8ffd.js";import"./p-abd7aeaa.js";import"./p-87a4d75f.js";import"./p-982747ef.js";import"./p-02841589.js";import"./p-331a62d5.js";import"./p-aa135628.js";import"./p-8b5d3a52.js";import"./p-6a334573.js";import"./p-53e3f259.js";import"./p-347d664e.js";import"./p-cc569b54.js";import"./p-b75ee3ba.js";import"./p-81dd00d0.js";import"./p-49a2e141.js";import"./p-d4ea8e22.js";import"./p-ed45b3b6.js";import"./p-71909102.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-d27ae9ff.js";import"./p-262ec334.js";import"./p-7d3419c7.js";import"./p-29584bb5.js";import"./p-d1d91f1a.js";import"./p-5c285374.js";import"./p-5f377954.js";var k=function(t,e,i,o){var s,r=arguments.length,a=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(a=(r<3?s(a):r>3?s(e,i,a):s(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};class I extends c{constructor(){super(...arguments),this.handlePopoverShow=()=>{v.addUniqueObserverToNode(this.popoverRef,m,(()=>{this.isPopoverOpen=!0,this.internalColor!==this.value&&this.colorSwatchPickerValueController.updateInternalColor(this.value)}))},this.handlePopoverHide=()=>{v.addUniqueObserverToNode(this.popoverRef,g,(()=>{this.isPopoverOpen=!1}))},this.registerButtonClickHandler=t=>{v.addUniqueObserverToNode(t,w,(()=>{this.popoverRef&&this.popoverRef.hide(),this.colorSwatchPickerValueController.updateValue("clear"===t.dataset.actionType?"":this.internalColor)}))}}hidePopover(){this.popoverRef&&this.popoverRef.hide()}getContainerRef(){return this.containerRef}getLeftContainerRef(){return this.leftContainerRef}render(){const e=this.leftSlotProjection.hasSlot();return t("div",{ref:t=>this.containerRef=t,class:"swatch-picker-container"},t("vega-popover",{ref:t=>{this.popoverRef=t,this.handlePopoverShow(),this.handlePopoverHide()},class:"swatch-popover",alignment:"center",isScreenPosition:!0,trigger:"click"},t("div",{slot:"popover-content"},t("vega-color-swatch",{class:"swatch-picker-trigger","aria-expanded":this.isPopoverOpen?"true":"false","aria-haspopup":"dialog",disabled:this.disabled,color:this.value,size:"small"})),t("vega-box",{slot:"popover",class:"swatch-popover-content",width:"min-content"},t("vega-flex",{gap:"size-16"},e&&t("div",{ref:t=>this.leftContainerRef=t}),e&&t("div",null,t("vega-divider",{direction:"vertical"})),t("div",null,this.colorSwatchInputRenderer.render(),this.colorSwatchGridRenderer.render(),this.renderButtonGroup())))),t("vega-field-label",{label:this.label,disabled:this.disabled,isFieldRequired:this.required}))}renderButtonGroup(){return t("vega-flex",{gap:"size-8",justifyContent:"end",margin:{top:"size-16"}},this.showClearButton&&t("vega-button-link",{ref:this.registerButtonClickHandler,"data-action-type":"clear",label:this.translationSlimmer.t("Clear"),size:"small"}),t("vega-button-link",{ref:this.registerButtonClickHandler,"data-action-type":"apply",label:this.translationSlimmer.t("Apply"),size:"small"}))}}k([h()],I.prototype,"host",void 0),k([h()],I.prototype,"value",void 0),k([h()],I.prototype,"internalColor",void 0),k([h()],I.prototype,"label",void 0),k([h()],I.prototype,"required",void 0),k([h({writable:!0})],I.prototype,"isPopoverOpen",void 0),k([h()],I.prototype,"disabled",void 0),k([h()],I.prototype,"showClearButton",void 0),k([h()],I.prototype,"colorSwatchGridRenderer",void 0),k([h()],I.prototype,"colorSwatchInputRenderer",void 0),k([h()],I.prototype,"colorSwatchPickerValueController",void 0),k([h()],I.prototype,"translationSlimmer",void 0),k([h()],I.prototype,"leftSlotProjection",void 0);var z=function(t,e,i,o){var s,r=arguments.length,a=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(a=(r<3?s(a):r>3?s(e,i,a):s(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};class V extends c{constructor(){super(...arguments),this.handleColorSwatchClick=t=>{v.addUniqueObserverToNode(t,w,(()=>{this.colorSwatchPickerValueController.updateInternalColor(t.color)}))}}render(){return t("vega-grid",{column:this.swatchGridColumns,justifyItems:"start",gap:"size-8",style:{width:"max-content"}},this.colors.map((e=>t("vega-color-swatch",{ref:this.handleColorSwatchClick,selected:this.isColorMatched(this.internalColor,e),color:e,size:"extra-small"}))))}isColorMatched(t,e){return t&&e?t.toLowerCase()===e.toLowerCase():t===e}}z([h()],V.prototype,"colors",void 0),z([h()],V.prototype,"internalColor",void 0),z([h()],V.prototype,"swatchGridColumns",void 0),z([h()],V.prototype,"colorSwatchPickerValueController",void 0);var O=function(t,e,i,o){var s,r=arguments.length,a=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(a=(r<3?s(a):r>3?s(e,i,a):s(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};class P extends c{constructor(){super(...arguments),this.handleInputEvent=t=>{v.addUniqueObserverToNode(t,b,(()=>{const e=this.colorSwatchPickerColorFormatController.formatColor("output",t.value);e&&!this.isValidColor(e)||this.colorSwatchPickerValueController.updateInternalColor(e)})),v.addUniqueObserverToNode(t,j,(()=>{t.value&&!this.isValidColor(t.value)&&(t.value=this.colorSwatchPickerColorFormatController.formatColor("input",this.internalColor))}))}}render(){return this.showInput?t("vega-flex",{gap:"size-8",alignItems:"center",margin:{bottom:"size-16"}},t("vega-color-swatch",{color:this.internalColor,size:"extra-small"}),t("vega-input",{ref:this.handleInputEvent,size:"small",value:this.colorSwatchPickerColorFormatController.formatColor("input",this.internalColor),placeholder:this.inputPlaceholder||this.translationSlimmer.t("Enter color"),prefixIcon:this.inputPrefixIcon===P.DEFAULT_INPUT_ICON?C.getIconKey("hashtag"):this.inputPrefixIcon})):null}isValidColor(t){let e=!0;return globalThis.CSS&&"function"==typeof globalThis.CSS.supports&&(e=globalThis.CSS.supports("color",t)),e}}C.register({hashtag:{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="M188.7 32.5c13 2.6 21.4 15.2 18.8 28.2L192.5 136h111l16.9-84.7c2.6-13 15.2-21.4 28.2-18.8s21.4 15.2 18.8 28.2L352.5 136H424c13.3 0 24 10.7 24 24s-10.7 24-24 24H342.9L314.1 328H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H304.5l-16.9 84.7c-2.6 13-15.2 21.4-28.2 18.8s-21.4-15.2-18.8-28.2L255.5 376h-111l-16.9 84.7c-2.6 13-15.2 21.4-28.2 18.8s-21.4-15.2-18.8-28.2L95.5 376H24c-13.3 0-24-10.7-24-24s10.7-24 24-24h81.1l28.8-144H56c-13.3 0-24-10.7-24-24s10.7-24 24-24h87.5l16.9-84.7c2.6-13 15.2-21.4 28.2-18.8zM182.9 184L154.1 328h111l28.8-144h-111z"/></svg>'}}),P.DEFAULT_INPUT_ICON="hexColorIcon",O([h()],P.prototype,"internalColor",void 0),O([h()],P.prototype,"showInput",void 0),O([h()],P.prototype,"inputPlaceholder",void 0),O([h()],P.prototype,"inputPrefixIcon",void 0),O([h()],P.prototype,"colorSwatchPickerValueController",void 0),O([h()],P.prototype,"colorSwatchPickerColorFormatController",void 0),O([h()],P.prototype,"translationSlimmer",void 0);var L=function(t,e,i,o){var s,r=arguments.length,a=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(a=(r<3?s(a):r>3?s(e,i,a):s(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};class H extends c{updateValue(t){this.value=t}updateInternalColor(t){this.internalColor=t}initializeInternalColor(){this.internalColor=this.value}listenToValueChange(){this.internalColor=this.value,this.changeEventEmitter.emit(this.value),y.notify(R,{host:this.host,detail:this.value})}}L([h()],H.prototype,"host",void 0),L([h({writable:!0})],H.prototype,"value",void 0),L([h({writable:!0})],H.prototype,"internalColor",void 0),L([h()],H.prototype,"changeEventEmitter",void 0),L([p("componentWillLoad")],H.prototype,"initializeInternalColor",null),L([p("watchValue")],H.prototype,"listenToValueChange",null);var M=function(t,e,i,o){var s,r=arguments.length,a=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(a=(r<3?s(a):r>3?s(e,i,a):s(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};class T extends c{updateTheColor(){this.internalColor&&this.colorSwatchPickerValueController.updateInternalColor(this.formatColor("input",this.internalColor))}formatColor(t,e){return this.inputFormatter===T.DEFAULT_INPUT_FORMATTER?this.handleHexFormat(t,e):"function"==typeof this.inputFormatter?this.inputFormatter(t,e):e}handleHexFormat(t,e){return"input"===t?e.startsWith("#")?e.slice(1):e:e.startsWith("#")?e:e?`#${e}`:e}}T.DEFAULT_INPUT_FORMATTER="hexColorFormatter",M([h()],T.prototype,"inputFormatter",void 0),M([h()],T.prototype,"internalColor",void 0),M([h()],T.prototype,"colorSwatchPickerValueController",void 0),M([p("watchInputFormatter")],T.prototype,"updateTheColor",null);var D=function(t,e,i,o){var s,r=arguments.length,a=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(a=(r<3?s(a):r>3?s(e,i,a):s(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};class E extends c{constructor(t,i){super(),this.slotElement=null,this.syncSlotElementFromHost=()=>{var t;const i=this.host.querySelector(this.slotSelector());i&&(this.slotElement=i,null===(t=this.getContainerRef())||void 0===t||t.replaceChildren(i),e(this.host))},this.syncRemovedSlotElement=()=>{this.slotElement&&!this.slotElement.isConnected&&(this.slotElement=null,e(this.host))},this.slotName=t,this.getContainerRef=i}hasSlot(){return!!this.slotElement}detectSlot(){this.slotElement=this.host.querySelector(this.slotSelector()),this.hostMutationObserver=new MutationObserver(this.syncSlotElementFromHost),this.hostMutationObserver.observe(this.host,{childList:!0}),this.containerMutationObserver=new MutationObserver(this.syncRemovedSlotElement)}appendSlotContent(){const t=this.getContainerRef();t&&this.containerMutationObserver.observe(t,{childList:!0}),this.slotElement&&t&&this.slotElement.parentElement!==t&&t.appendChild(this.slotElement)}cleanup(){this.hostMutationObserver&&this.hostMutationObserver.disconnect(),this.containerMutationObserver&&this.containerMutationObserver.disconnect()}slotSelector(){return`[slot="${this.slotName}"]`}}D([h()],E.prototype,"host",void 0),D([p("componentWillLoad")],E.prototype,"detectSlot",null),D([p("componentDidRender")],E.prototype,"appendSlotContent",null),D([p("disconnectedCallback")],E.prototype,"cleanup",null);var G=function(t,e,i,o){var s,r=arguments.length,a=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(a=(r<3?s(a):r>3?s(e,i,a):s(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};const B=class{constructor(t){i(this,t),this.vegaChange=o(this,"vegaChange",7),this.change=o(this,"change",7),this.globalSlimmers=new Map,this.vegaComponentUsageRuntimeMetricsSlimmer=new a,this.formFieldController=new u({propertyRules:[{propertyName:"required",ruleFactory:t=>t?new n:null}],validationRulesName:"validationRules",defaultValue:"",attributeGetter:t=>this[t],inputContainerGetter:()=>this.colorSwatchPickerRenderer.getContainerRef(),touchableAreaGetter:()=>[]}),this.translationSlimmer=new F,this.leftSlotProjection=new E("swatch-picker-left",(()=>this.colorSwatchPickerRenderer.getLeftContainerRef())),this.colorSwatchPickerRenderer=new I,this.colorSwatchGridRenderer=new V,this.colorSwatchInputRenderer=new P,this.colorSwatchPickerValueController=new H,this.colorSwatchPickerColorFormatController=new T,this.childNodeEventPreventSlimmer=new S([b],(()=>this.colorSwatchPickerRenderer.getContainerRef())),this.changeEventEmitter=x(B,b),this.internalColor="",this.isPopoverOpen=!1,this.value="",this.label="",this.disabled=!1,this.required=!1,this.name="",this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.colors=["#73E6DC","#806BFF","#FFDC83","#FF9571","#00BBFF","#FF82C9","#259F9F","#563D82"],this.swatchGridColumns=8,this.showInput=!0,this.inputPlaceholder="",this.inputPrefixIcon=P.DEFAULT_INPUT_ICON,this.showClearButton=!1,this.inputFormatter=T.DEFAULT_INPUT_FORMATTER}watchValue(){}watchDisabled(){this.disabled&&this.colorSwatchPickerRenderer.hidePopover()}watchValidationRules(){}watchInputFormatter(){}render(){return f(t(s,{class:{disabled:this.disabled}},this.colorSwatchPickerRenderer.render(),t("div",{class:"vega-error vega-hidden",part:"field-error-message"})),this.host)}get host(){return r(this)}static get watchers(){return{value:["watchValue"],disabled:["watchDisabled"],validationRules:["watchValidationRules"],inputFormatter:["watchInputFormatter"]}}};G([l()],B.prototype,"globalSlimmers",void 0),G([d()],B.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),G([d()],B.prototype,"formFieldController",void 0),G([d()],B.prototype,"translationSlimmer",void 0),G([d()],B.prototype,"leftSlotProjection",void 0),G([d()],B.prototype,"colorSwatchPickerRenderer",void 0),G([d()],B.prototype,"colorSwatchGridRenderer",void 0),G([d()],B.prototype,"colorSwatchInputRenderer",void 0),G([d()],B.prototype,"colorSwatchPickerValueController",void 0),G([d()],B.prototype,"colorSwatchPickerColorFormatController",void 0),G([d()],B.prototype,"childNodeEventPreventSlimmer",void 0),G([d()],B.prototype,"changeEventEmitter",void 0),B.style=':host{display:inline-block}.swatch-picker-container{display:flex;flex-direction:row;align-items:center;gap:8px}.swatch-picker-container.error vega-color-swatch.swatch-picker-trigger::part(swatch){border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.swatch-picker-container.error vega-color-swatch.swatch-picker-trigger::part(swatch-container):focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}.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){.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{B as vega_color_swatch_picker}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as i,h as t,H as a,g as n}from"./p-6b2342e0.js";import{s as r}from"./p-519a7d55.js";import{C as o}from"./p-590fd123.js";import{C as s}from"./p-2d0d575f.js";import{C as h,g as c,F as l,h as d}from"./p-cb378636.js";import{O as p}from"./p-331a62d5.js";import{f as g,a as x}from"./p-aa135628.js";import{c as b,M as v,V as f,I as m}from"./p-6e1ab235.js";import{V as u,I as k}from"./p-5c8e4e8f.js";import{F as w}from"./p-fffc1f47.js";import{c as y}from"./p-3b6a6f08.js";import{c as j,s as z}from"./p-a83cef5a.js";import{i as C}from"./p-53e3f259.js";import{d as I}from"./p-36a57431.js";import{C as R}from"./p-abad8ffd.js";import{A as V}from"./p-68744e7e.js";import{R as O}from"./p-8bc15ed0.js";import{C as E}from"./p-75b58efe.js";import{C as D}from"./p-6eedbc4f.js";import{i as F}from"./p-d27ae9ff.js";import"./p-abd7aeaa.js";import"./p-02841589.js";import"./p-8b5d3a52.js";import"./p-6a334573.js";import"./p-347d664e.js";import"./p-cc569b54.js";import"./p-b75ee3ba.js";import"./p-81dd00d0.js";import"./p-49a2e141.js";import"./p-d4ea8e22.js";import"./p-ed45b3b6.js";import"./p-71909102.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-7d3419c7.js";import"./p-29584bb5.js";import"./p-5f377954.js";import"./p-87a4d75f.js";import"./p-982747ef.js";import"./p-262ec334.js";var A=function(e,i,t,a){var n,r=arguments.length,o=r<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(r<3?n(o):r>3?n(i,t,o):n(i,t))||o);return r>3&&o&&Object.defineProperty(i,t,o),o};class G extends f{connectedCallback(){this.checkboxGroup=g(this.host,"vega-checkbox-group")||g(this.host,"vega-selection-tile-group"),this.fieldErrorObserver=new p(this.canAcceptFieldErrorObserver.bind(this),this.fieldErrorObserverListener.bind(this)),s.register(I.getSubject(this.checkboxGroup||this.host,C),this.fieldErrorObserver)}disconnectedCallback(){s.unregister(I.getSubject(this.checkboxGroup||this.host,C),this.fieldErrorObserver)}canAcceptFieldErrorObserver(){return!0}fieldErrorObserverListener(e){this.showError=e.showError}}A([b({writable:!0})],G.prototype,"showError",void 0),A([b()],G.prototype,"host",void 0),A([v("connectedCallback")],G.prototype,"connectedCallback",null),A([v("disconnectedCallback")],G.prototype,"disconnectedCallback",null);var P=function(e,i,t,a){var n,r=arguments.length,o=r<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(r<3?n(o):r>3?n(i,t,o):n(i,t))||o);return r>3&&o&&Object.defineProperty(i,t,o),o};const U=class{constructor(t){e(this,t),this.vegaChange=i(this,"vegaChange",7),this.vegaUserChange=i(this,"vegaUserChange",7),this.userChange=i(this,"userChange",7),this.change=i(this,"change",7),this.globalSlimmers=new Map,this.vegaCheckboxShowErrorController=new G,this.ariaAttributesValueMapper=new V((()=>this.host.shadowRoot.querySelector("input")),{"aria-label":{dependency:["data-aria-label","identifier"],defaultValue:"No label defined"}}),this.formFieldController=new w({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new o:null}],defaultValue:e=>""!==e.identifier&&"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>[this.inputRef]}),this.changeEventEmitter=y(U,j),this.userChangeEventEmitter=y(U,z),this.dropdownEventPrevent=new R([j,z],(()=>this.host),{customPreventHandle:e=>{e.stopPropagation()}}),this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.labelClickPending=!1,this.isUserInteraction=!1,this.groupDisabled=!1,this.showError=!1,this.identifier="",this.value=""!==this.identifier&&"",this.checked=!1,this.indeterminate=!1,this.disabled=!1,this.size="default",this.required=!1,this.name="",this.isValid=null,this.onCheckBoxChange=e=>{this.indeterminate&&(this.indeterminate=!1),this.isUserInteraction=!0,this.checked=e.currentTarget.checked,this.isUserInteraction=!1},this.onInputKeyDown=e=>{"Enter"===e.key&&(e.preventDefault(),this.isDisabled()||(this.indeterminate&&(this.indeterminate=!1),this.isUserInteraction=!0,this.checked=!this.checked,this.isUserInteraction=!1))},this.onLabelClick=e=>{e.target!==this.inputRef?(this.labelClickPending=!0,setTimeout((()=>{this.labelClickPending=!1}),0)):this.labelClickPending&&(e.stopPropagation(),this.labelClickPending=!1)},this.onSelectedIconClick=e=>{e.stopPropagation()}}watchValueChange(e){this.checked=""!==this.identifier?e===this.identifier:!0===e}watchCheckedChange(){const e=this.isUserInteraction;this.isUserInteraction=!1,this.initValue(),this.changeEventEmitter.emit(this.value),e&&(this.userChangeEventEmitter.emit(this.value),s.notify(h,{host:this.host,detail:this.value})),s.notify(c,{host:this.host,detail:this.value}),s.notify(l,{host:this.host,detail:this.value})}disconnectedCallback(){this.unRegisterGroupDisabledObserver()}componentWillLoad(){!this.checked&&(""!==this.identifier?this.value===this.identifier:!0===this.value||"true"===this.value)&&(this.checked=!0),this.initValue(),this.initAndRegisterGroupDisabledObserver()}componentShouldUpdate(e,i,t){return"checked"!==t||e!==i}componentDidRender(){""===this.host.innerHTML.trim()&&this.labelElement.classList.add("vega-hidden"),this.syncNativeIndeterminate()}async setValue(e){this.checked=this.identifier?e===this.identifier:!0===e}render(){var e;const i="VEGA-CHECKBOX-GROUP"==(null===(e=this.host.parentElement)||void 0===e?void 0:e.nodeName);return r(t(a,{class:{"vega-flex-shrink-0 v-min-w-min":i,checked:this.checked,indeterminate:this.indeterminate,disabled:this.isDisabled()}},t("label",{class:x(["vega-checkbox-container",this.showError&&"error",this.size&&`size-${this.size}`]),ref:e=>this.inputContainerRef=e,onClick:this.onLabelClick},t("input",{ref:e=>this.inputRef=e,type:"checkbox",checked:this.checked,value:this.identifier,name:this.name,onChange:this.onCheckBoxChange,"aria-label":this.identifier||"No label defined","aria-checked":this.indeterminate?"mixed":void 0,disabled:this.isDisabled(),tabIndex:0,onKeyDown:this.onInputKeyDown}),t("span",{class:"vega-checkbox-icon",onClick:this.onSelectedIconClick,tabIndex:-1,"aria-hidden":"true"},this.renderIconDom()),t("div",{class:"vega-checkbox-label-container",ref:e=>this.labelElement=e},this.renderLabelDom(),this.renderRequireDom()))),this.host)}renderIconDom(){return this.indeterminate?t("vega-icon",{icon:"minus-sign",size:"small"===this.size?"size-12":"size-16"}):this.checked?t("vega-icon",{icon:"checkmark",size:"small"===this.size?"size-12":"size-16"}):null}renderLabelDom(){return t("span",{class:"vega-checkbox-label"},t("slot",null))}renderRequireDom(){return t("span",{class:{"vega-require":this.required}},this.required?"*":"")}initValue(){this.value=""!==this.identifier?this.checked?this.identifier:"":this.checked}syncNativeIndeterminate(){this.inputRef&&(this.inputRef.indeterminate=this.indeterminate)}isDisabled(){return this.disabled||this.groupDisabled}canAcceptGroupDisabledObserver(e){return g(this.host,"vega-checkbox-group")===e.host}groupDisabledObserverListener(e){this.groupDisabled=e.host.disabled}initAndRegisterGroupDisabledObserver(){g(this.host,"vega-checkbox-group")&&(this.groupDisabledObserver=new p(this.canAcceptGroupDisabledObserver.bind(this),this.groupDisabledObserverListener.bind(this)),s.register(d,this.groupDisabledObserver))}unRegisterGroupDisabledObserver(){this.groupDisabledObserver&&s.unregister(d,this.groupDisabledObserver)}get host(){return n(this)}static get watchers(){return{value:["watchValueChange"],checked:["watchCheckedChange"]}}};P([k()],U.prototype,"globalSlimmers",void 0),P([m()],U.prototype,"vegaCheckboxShowErrorController",void 0),P([m()],U.prototype,"ariaAttributesValueMapper",void 0),P([m()],U.prototype,"formFieldController",void 0),P([m()],U.prototype,"changeEventEmitter",void 0),P([m()],U.prototype,"userChangeEventEmitter",void 0),P([m()],U.prototype,"dropdownEventPrevent",void 0),P([m()],U.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),U.style=':host{display:inline-block;vertical-align:middle}.vega-checkbox-container{position:relative;display:flex;-webkit-tap-highlight-color:transparent}.vega-checkbox-container>input[type=checkbox]{position:absolute;left:0px;top:0px;opacity:0;width:24px;height:24px;padding:0px;margin:0px}.vega-checkbox-container>.vega-checkbox-icon{display:inline-block;box-sizing:border-box;width:24px;height:24px;border-style:solid;border-width:2px;border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1));position:relative;left:0px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:4px;min-width:24px;color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}.vega-checkbox-container>.vega-checkbox-icon:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon,:host(.indeterminate) .vega-checkbox-container>.vega-checkbox-icon{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1));display:inline-flex;align-items:center;justify-content:center}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon:hover,:host(.indeterminate) .vega-checkbox-container>.vega-checkbox-icon:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}.vega-checkbox-container>input[type=checkbox]:focus-visible+.vega-checkbox-icon{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px}.vega-checkbox-container>.vega-checkbox-icon:active{border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1))}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon:active,:host(.indeterminate) .vega-checkbox-container>.vega-checkbox-icon:active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host(.disabled) .vega-checkbox-container{cursor:not-allowed}:host(:not(.disabled)) .vega-checkbox-container{cursor:pointer}.vega-checkbox-container .vega-require{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px;vertical-align:middle}.vega-checkbox-container.error>.vega-checkbox-icon{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host(.checked) .vega-checkbox-container.error>.vega-checkbox-icon,:host(.indeterminate) .vega-checkbox-container.error>.vega-checkbox-icon{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}.vega-checkbox-container.error>.vega-checkbox-icon:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host(.checked) .vega-checkbox-container.error>.vega-checkbox-icon:hover,:host(.indeterminate) .vega-checkbox-container.error>.vega-checkbox-icon:hover{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}.vega-checkbox-container.error>input[type=checkbox]:focus-visible+.vega-checkbox-icon{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px}:host(.checked) .vega-checkbox-container.error>.vega-checkbox-icon:active,:host(.indeterminate) .vega-checkbox-container.error>.vega-checkbox-icon:active{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}.vega-checkbox-container.error>.vega-checkbox-icon:active{border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-danger-active, 189, 41, 71, 1))}:host(.disabled) .vega-checkbox-container>.vega-checkbox-icon{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.checked.disabled) .vega-checkbox-container>.vega-checkbox-icon,:host(.indeterminate.disabled) .vega-checkbox-container>.vega-checkbox-icon{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.checked.disabled) .vega-checkbox-container>.vega-checkbox-icon>vega-icon,:host(.indeterminate.disabled) .vega-checkbox-container>.vega-checkbox-icon>vega-icon{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}.vega-checkbox-container>.vega-checkbox-label-container{display:inline-block;margin-left:12px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-checkbox-container>.vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-checkbox-container>.vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-checkbox-container>.vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host(.disabled) .vega-checkbox-container>.vega-checkbox-label-container{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}.vega-error{display:block;margin-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){.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-checkbox-label-container.vega-hidden{display:none}.vega-hidden{display:none}.size-default input[type=checkbox]{width:24px;height:24px}.size-default .vega-checkbox-icon{width:24px;height:24px;min-width:24px;border-radius:4px}.size-default .vega-checkbox-label-container{margin-left:12px;font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){.size-default .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.size-default .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.size-default .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.size-small input[type=checkbox]{width:16px;height:16px}.size-small .vega-checkbox-icon{width:16px;height:16px;min-width:16px;border-radius:2px}.size-small .vega-checkbox-label-container{margin-left:8px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){.size-small .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.size-small .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.size-small .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}';var S=function(e,i,t,a){var n,r=arguments.length,o=r<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(r<3?n(o):r>3?n(i,t,o):n(i,t))||o);return r>3&&o&&Object.defineProperty(i,t,o),o};const q=class{constructor(t){e(this,t),this.vegaChange=i(this,"vegaChange",7),this.vegaUserChange=i(this,"vegaUserChange",7),this.userChange=i(this,"userChange",7),this.change=i(this,"change",7),this.globalSlimmers=new Map,this.formFieldController=new w({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new O:null}],defaultValue:[],validationRulesName:"validationRules",attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>this.touchableAreaGetter()}),this.checkboxValueChangeObserver=new D(c,(e=>this.childCheckboxValueChange(e))),this.checkboxUserInteractionObserver=new D(h,(()=>{this.userInteractionPending=!0})),this.checkboxEventPrevent=new R([j,z],(()=>this.vegaFlexElement)),this.changeEventEmitter=y(q,j),this.userChangeEventEmitter=y(q,z),this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.userInteractionPending=!1,this.label="",this.value=[],this.vegaFlexProp={},this.disabled=!1,this.required=!1,this.optional=!1,this.name="",this.hint="",this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.childCheckboxValueChange=e=>{this.syncCheckboxItemsValue(e.detail,e.host.identifier)},this.touchableAreaGetter=()=>{const e=[];return this.vegaCheckboxArray&&this.vegaCheckboxArray.forEach((async i=>{e.push(i.shadowRoot.querySelector("input"))})),e}}async watchValue(e,i){const t=this.userInteractionPending;this.userInteractionPending=!1,F(e,i,!0)||(this.initCheckboxArray(),this.changeEventEmitter.emit(this.value),t&&this.userChangeEventEmitter.emit(this.value),s.notify(l,{host:this.host,detail:this.value}))}watchVegaFlexProp(){this.setVegaFlexProperty()}async watchDisabled(){this.notifyGroupDisabledChange()}watchValidationRules(){}componentDidLoad(){this.setVegaFlexProperty(),this.initCheckboxArray(),this.notifyGroupDisabledChange()}componentShouldUpdate(e,i,t){return!("value"===t&&Array.isArray(e)&&Array.isArray(i)&&F(e,i,!0))}render(){return r(t(a,null,this.renderLabelDom(),t("div",{class:"vega-checkbox-group-container",ref:e=>this.inputContainerRef=e},t("vega-flex",{ref:e=>{this.vegaFlexElement=e}},t("slot",null))),this.renderHintDom()),this.host)}renderLabelDom(){return this.label&&t("vega-field-label",{label:this.label,isFieldRequired:this.required,optional:this.optional,disabled:this.disabled})}renderHintDom(){return this.hint&&t("div",{class:"vega-hint"},t("label",null,this.hint))}setVegaFlexProperty(){this.vegaFlexProp&&Object.assign(this.vegaFlexElement,{gap:"size-16",direction:"col"},this.vegaFlexProp)}syncCheckboxItemsValue(e,i){e&&!this.value.includes(i)?this.value=[...this.value,i]:!e&&this.value.includes(i)&&(this.value=[...this.value.filter((e=>e!==i))])}initCheckboxArray(){this.vegaCheckboxArray=Array.from(this.host.querySelectorAll("vega-checkbox")),this.vegaCheckboxArray.forEach((e=>{e.checked=!!(this.value&&this.value.length>0)&&this.value.includes(e.identifier)}))}notifyGroupDisabledChange(){s.notify(d,{host:this.host})}get host(){return n(this)}static get watchers(){return{value:["watchValue"],vegaFlexProp:["watchVegaFlexProp"],disabled:["watchDisabled"],validationRules:["watchValidationRules"]}}};S([k()],q.prototype,"globalSlimmers",void 0),S([m()],q.prototype,"formFieldController",void 0),S([m()],q.prototype,"checkboxValueChangeObserver",void 0),S([m()],q.prototype,"checkboxUserInteractionObserver",void 0),S([m()],q.prototype,"checkboxEventPrevent",void 0),S([m()],q.prototype,"changeEventEmitter",void 0),S([m()],q.prototype,"userChangeEventEmitter",void 0),S([m()],q.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),S([E()],q.prototype,"watchVegaFlexProp",null),q.style=':host{display:block;text-align:left;line-height:normal}.vega-error{display:block;margin-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){.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}vega-field-label{margin-bottom:16px;display:block}vega-field-label::part(container){font-family:"Inter", sans-serif;font-size:18px;font-weight:500;line-height:30px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){vega-field-label::part(container){font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){vega-field-label::part(container){font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){vega-field-label::part(container){font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}vega-field-label::part(label){word-break:normal}.vega-hint{padding-top:12px}.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-hint>label{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-hint>label{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-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{U as vega_checkbox,q as vega_checkbox_group}
|
|
1
|
+
import{r as e,c as i,h as t,H as a,g as n}from"./p-6b2342e0.js";import{s as r}from"./p-519a7d55.js";import{C as o}from"./p-590fd123.js";import{C as s}from"./p-2d0d575f.js";import{C as h,g as c,F as l,h as d}from"./p-cb378636.js";import{O as p}from"./p-331a62d5.js";import{f as g,a as x}from"./p-aa135628.js";import{c as b,M as v,V as f,I as m}from"./p-6e1ab235.js";import{V as u,I as k}from"./p-5c8e4e8f.js";import{F as w}from"./p-70a08fe5.js";import{c as y}from"./p-3b6a6f08.js";import{c as j,s as z}from"./p-a83cef5a.js";import{i as C}from"./p-53e3f259.js";import{d as I}from"./p-36a57431.js";import{C as R}from"./p-abad8ffd.js";import{A as V}from"./p-68744e7e.js";import{R as O}from"./p-8bc15ed0.js";import{C as E}from"./p-75b58efe.js";import{C as D}from"./p-6eedbc4f.js";import{i as F}from"./p-d27ae9ff.js";import"./p-abd7aeaa.js";import"./p-02841589.js";import"./p-8b5d3a52.js";import"./p-6a334573.js";import"./p-347d664e.js";import"./p-cc569b54.js";import"./p-b75ee3ba.js";import"./p-81dd00d0.js";import"./p-49a2e141.js";import"./p-d4ea8e22.js";import"./p-ed45b3b6.js";import"./p-71909102.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-7d3419c7.js";import"./p-29584bb5.js";import"./p-5f377954.js";import"./p-87a4d75f.js";import"./p-982747ef.js";import"./p-262ec334.js";var A=function(e,i,t,a){var n,r=arguments.length,o=r<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(r<3?n(o):r>3?n(i,t,o):n(i,t))||o);return r>3&&o&&Object.defineProperty(i,t,o),o};class G extends f{connectedCallback(){this.checkboxGroup=g(this.host,"vega-checkbox-group")||g(this.host,"vega-selection-tile-group"),this.fieldErrorObserver=new p(this.canAcceptFieldErrorObserver.bind(this),this.fieldErrorObserverListener.bind(this)),s.register(I.getSubject(this.checkboxGroup||this.host,C),this.fieldErrorObserver)}disconnectedCallback(){s.unregister(I.getSubject(this.checkboxGroup||this.host,C),this.fieldErrorObserver)}canAcceptFieldErrorObserver(){return!0}fieldErrorObserverListener(e){this.showError=e.showError}}A([b({writable:!0})],G.prototype,"showError",void 0),A([b()],G.prototype,"host",void 0),A([v("connectedCallback")],G.prototype,"connectedCallback",null),A([v("disconnectedCallback")],G.prototype,"disconnectedCallback",null);var P=function(e,i,t,a){var n,r=arguments.length,o=r<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(r<3?n(o):r>3?n(i,t,o):n(i,t))||o);return r>3&&o&&Object.defineProperty(i,t,o),o};const U=class{constructor(t){e(this,t),this.vegaChange=i(this,"vegaChange",7),this.vegaUserChange=i(this,"vegaUserChange",7),this.userChange=i(this,"userChange",7),this.change=i(this,"change",7),this.globalSlimmers=new Map,this.vegaCheckboxShowErrorController=new G,this.ariaAttributesValueMapper=new V((()=>this.host.shadowRoot.querySelector("input")),{"aria-label":{dependency:["data-aria-label","identifier"],defaultValue:"No label defined"}}),this.formFieldController=new w({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new o:null}],defaultValue:e=>""!==e.identifier&&"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>[this.inputRef]}),this.changeEventEmitter=y(U,j),this.userChangeEventEmitter=y(U,z),this.dropdownEventPrevent=new R([j,z],(()=>this.host),{customPreventHandle:e=>{e.stopPropagation()}}),this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.labelClickPending=!1,this.isUserInteraction=!1,this.groupDisabled=!1,this.showError=!1,this.identifier="",this.value=""!==this.identifier&&"",this.checked=!1,this.indeterminate=!1,this.disabled=!1,this.size="default",this.required=!1,this.name="",this.isValid=null,this.onCheckBoxChange=e=>{this.indeterminate&&(this.indeterminate=!1),this.isUserInteraction=!0,this.checked=e.currentTarget.checked,this.isUserInteraction=!1},this.onInputKeyDown=e=>{"Enter"===e.key&&(e.preventDefault(),this.isDisabled()||(this.indeterminate&&(this.indeterminate=!1),this.isUserInteraction=!0,this.checked=!this.checked,this.isUserInteraction=!1))},this.onLabelClick=e=>{e.target!==this.inputRef?(this.labelClickPending=!0,setTimeout((()=>{this.labelClickPending=!1}),0)):this.labelClickPending&&(e.stopPropagation(),this.labelClickPending=!1)},this.onSelectedIconClick=e=>{e.stopPropagation()}}watchValueChange(e){this.checked=""!==this.identifier?e===this.identifier:!0===e}watchCheckedChange(){const e=this.isUserInteraction;this.isUserInteraction=!1,this.initValue(),this.changeEventEmitter.emit(this.value),e&&(this.userChangeEventEmitter.emit(this.value),s.notify(h,{host:this.host,detail:this.value})),s.notify(c,{host:this.host,detail:this.value}),s.notify(l,{host:this.host,detail:this.value})}disconnectedCallback(){this.unRegisterGroupDisabledObserver()}componentWillLoad(){!this.checked&&(""!==this.identifier?this.value===this.identifier:!0===this.value||"true"===this.value)&&(this.checked=!0),this.initValue(),this.initAndRegisterGroupDisabledObserver()}componentShouldUpdate(e,i,t){return"checked"!==t||e!==i}componentDidRender(){""===this.host.innerHTML.trim()&&this.labelElement.classList.add("vega-hidden"),this.syncNativeIndeterminate()}async setValue(e){this.checked=this.identifier?e===this.identifier:!0===e}render(){var e;const i="VEGA-CHECKBOX-GROUP"==(null===(e=this.host.parentElement)||void 0===e?void 0:e.nodeName);return r(t(a,{class:{"vega-flex-shrink-0 v-min-w-min":i,checked:this.checked,indeterminate:this.indeterminate,disabled:this.isDisabled()}},t("label",{class:x(["vega-checkbox-container",this.showError&&"error",this.size&&`size-${this.size}`]),ref:e=>this.inputContainerRef=e,onClick:this.onLabelClick},t("input",{ref:e=>this.inputRef=e,type:"checkbox",checked:this.checked,value:this.identifier,name:this.name,onChange:this.onCheckBoxChange,"aria-label":this.identifier||"No label defined","aria-checked":this.indeterminate?"mixed":void 0,disabled:this.isDisabled(),tabIndex:0,onKeyDown:this.onInputKeyDown}),t("span",{class:"vega-checkbox-icon",onClick:this.onSelectedIconClick,tabIndex:-1,"aria-hidden":"true"},this.renderIconDom()),t("div",{class:"vega-checkbox-label-container",ref:e=>this.labelElement=e},this.renderLabelDom(),this.renderRequireDom()))),this.host)}renderIconDom(){return this.indeterminate?t("vega-icon",{icon:"minus-sign",size:"small"===this.size?"size-12":"size-16"}):this.checked?t("vega-icon",{icon:"checkmark",size:"small"===this.size?"size-12":"size-16"}):null}renderLabelDom(){return t("span",{class:"vega-checkbox-label"},t("slot",null))}renderRequireDom(){return t("span",{class:{"vega-require":this.required}},this.required?"*":"")}initValue(){this.value=""!==this.identifier?this.checked?this.identifier:"":this.checked}syncNativeIndeterminate(){this.inputRef&&(this.inputRef.indeterminate=this.indeterminate)}isDisabled(){return this.disabled||this.groupDisabled}canAcceptGroupDisabledObserver(e){return g(this.host,"vega-checkbox-group")===e.host}groupDisabledObserverListener(e){this.groupDisabled=e.host.disabled}initAndRegisterGroupDisabledObserver(){g(this.host,"vega-checkbox-group")&&(this.groupDisabledObserver=new p(this.canAcceptGroupDisabledObserver.bind(this),this.groupDisabledObserverListener.bind(this)),s.register(d,this.groupDisabledObserver))}unRegisterGroupDisabledObserver(){this.groupDisabledObserver&&s.unregister(d,this.groupDisabledObserver)}get host(){return n(this)}static get watchers(){return{value:["watchValueChange"],checked:["watchCheckedChange"]}}};P([k()],U.prototype,"globalSlimmers",void 0),P([m()],U.prototype,"vegaCheckboxShowErrorController",void 0),P([m()],U.prototype,"ariaAttributesValueMapper",void 0),P([m()],U.prototype,"formFieldController",void 0),P([m()],U.prototype,"changeEventEmitter",void 0),P([m()],U.prototype,"userChangeEventEmitter",void 0),P([m()],U.prototype,"dropdownEventPrevent",void 0),P([m()],U.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),U.style=':host{display:inline-block;vertical-align:middle}.vega-checkbox-container{position:relative;display:flex;-webkit-tap-highlight-color:transparent}.vega-checkbox-container>input[type=checkbox]{position:absolute;left:0px;top:0px;opacity:0;width:24px;height:24px;padding:0px;margin:0px}.vega-checkbox-container>.vega-checkbox-icon{display:inline-block;box-sizing:border-box;width:24px;height:24px;border-style:solid;border-width:2px;border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1));position:relative;left:0px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:4px;min-width:24px;color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}.vega-checkbox-container>.vega-checkbox-icon:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon,:host(.indeterminate) .vega-checkbox-container>.vega-checkbox-icon{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1));display:inline-flex;align-items:center;justify-content:center}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon:hover,:host(.indeterminate) .vega-checkbox-container>.vega-checkbox-icon:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}.vega-checkbox-container>input[type=checkbox]:focus-visible+.vega-checkbox-icon{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px}.vega-checkbox-container>.vega-checkbox-icon:active{border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1))}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon:active,:host(.indeterminate) .vega-checkbox-container>.vega-checkbox-icon:active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host(.disabled) .vega-checkbox-container{cursor:not-allowed}:host(:not(.disabled)) .vega-checkbox-container{cursor:pointer}.vega-checkbox-container .vega-require{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px;vertical-align:middle}.vega-checkbox-container.error>.vega-checkbox-icon{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host(.checked) .vega-checkbox-container.error>.vega-checkbox-icon,:host(.indeterminate) .vega-checkbox-container.error>.vega-checkbox-icon{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}.vega-checkbox-container.error>.vega-checkbox-icon:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host(.checked) .vega-checkbox-container.error>.vega-checkbox-icon:hover,:host(.indeterminate) .vega-checkbox-container.error>.vega-checkbox-icon:hover{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}.vega-checkbox-container.error>input[type=checkbox]:focus-visible+.vega-checkbox-icon{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px}:host(.checked) .vega-checkbox-container.error>.vega-checkbox-icon:active,:host(.indeterminate) .vega-checkbox-container.error>.vega-checkbox-icon:active{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}.vega-checkbox-container.error>.vega-checkbox-icon:active{border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-danger-active, 189, 41, 71, 1))}:host(.disabled) .vega-checkbox-container>.vega-checkbox-icon{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.checked.disabled) .vega-checkbox-container>.vega-checkbox-icon,:host(.indeterminate.disabled) .vega-checkbox-container>.vega-checkbox-icon{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.checked.disabled) .vega-checkbox-container>.vega-checkbox-icon>vega-icon,:host(.indeterminate.disabled) .vega-checkbox-container>.vega-checkbox-icon>vega-icon{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}.vega-checkbox-container>.vega-checkbox-label-container{display:inline-block;margin-left:12px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-checkbox-container>.vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-checkbox-container>.vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-checkbox-container>.vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host(.disabled) .vega-checkbox-container>.vega-checkbox-label-container{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}.vega-error{display:block;margin-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){.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-checkbox-label-container.vega-hidden{display:none}.vega-hidden{display:none}.size-default input[type=checkbox]{width:24px;height:24px}.size-default .vega-checkbox-icon{width:24px;height:24px;min-width:24px;border-radius:4px}.size-default .vega-checkbox-label-container{margin-left:12px;font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){.size-default .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.size-default .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.size-default .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.size-small input[type=checkbox]{width:16px;height:16px}.size-small .vega-checkbox-icon{width:16px;height:16px;min-width:16px;border-radius:2px}.size-small .vega-checkbox-label-container{margin-left:8px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){.size-small .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.size-small .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.size-small .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}';var S=function(e,i,t,a){var n,r=arguments.length,o=r<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(r<3?n(o):r>3?n(i,t,o):n(i,t))||o);return r>3&&o&&Object.defineProperty(i,t,o),o};const q=class{constructor(t){e(this,t),this.vegaChange=i(this,"vegaChange",7),this.vegaUserChange=i(this,"vegaUserChange",7),this.userChange=i(this,"userChange",7),this.change=i(this,"change",7),this.globalSlimmers=new Map,this.formFieldController=new w({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new O:null}],defaultValue:[],validationRulesName:"validationRules",attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>this.touchableAreaGetter()}),this.checkboxValueChangeObserver=new D(c,(e=>this.childCheckboxValueChange(e))),this.checkboxUserInteractionObserver=new D(h,(()=>{this.userInteractionPending=!0})),this.checkboxEventPrevent=new R([j,z],(()=>this.vegaFlexElement)),this.changeEventEmitter=y(q,j),this.userChangeEventEmitter=y(q,z),this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.userInteractionPending=!1,this.label="",this.value=[],this.vegaFlexProp={},this.disabled=!1,this.required=!1,this.optional=!1,this.name="",this.hint="",this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.childCheckboxValueChange=e=>{this.syncCheckboxItemsValue(e.detail,e.host.identifier)},this.touchableAreaGetter=()=>{const e=[];return this.vegaCheckboxArray&&this.vegaCheckboxArray.forEach((async i=>{e.push(i.shadowRoot.querySelector("input"))})),e}}async watchValue(e,i){const t=this.userInteractionPending;this.userInteractionPending=!1,F(e,i,!0)||(this.initCheckboxArray(),this.changeEventEmitter.emit(this.value),t&&this.userChangeEventEmitter.emit(this.value),s.notify(l,{host:this.host,detail:this.value}))}watchVegaFlexProp(){this.setVegaFlexProperty()}async watchDisabled(){this.notifyGroupDisabledChange()}watchValidationRules(){}componentDidLoad(){this.setVegaFlexProperty(),this.initCheckboxArray(),this.notifyGroupDisabledChange()}componentShouldUpdate(e,i,t){return!("value"===t&&Array.isArray(e)&&Array.isArray(i)&&F(e,i,!0))}render(){return r(t(a,null,this.renderLabelDom(),t("div",{class:"vega-checkbox-group-container",ref:e=>this.inputContainerRef=e},t("vega-flex",{ref:e=>{this.vegaFlexElement=e}},t("slot",null))),this.renderHintDom()),this.host)}renderLabelDom(){return this.label&&t("vega-field-label",{label:this.label,isFieldRequired:this.required,optional:this.optional,disabled:this.disabled})}renderHintDom(){return this.hint&&t("div",{class:"vega-hint"},t("label",null,this.hint))}setVegaFlexProperty(){this.vegaFlexProp&&Object.assign(this.vegaFlexElement,{gap:"size-16",direction:"col"},this.vegaFlexProp)}syncCheckboxItemsValue(e,i){e&&!this.value.includes(i)?this.value=[...this.value,i]:!e&&this.value.includes(i)&&(this.value=[...this.value.filter((e=>e!==i))])}initCheckboxArray(){this.vegaCheckboxArray=Array.from(this.host.querySelectorAll("vega-checkbox")),this.vegaCheckboxArray.forEach((e=>{e.checked=!!(this.value&&this.value.length>0)&&this.value.includes(e.identifier)}))}notifyGroupDisabledChange(){s.notify(d,{host:this.host})}get host(){return n(this)}static get watchers(){return{value:["watchValue"],vegaFlexProp:["watchVegaFlexProp"],disabled:["watchDisabled"],validationRules:["watchValidationRules"]}}};S([k()],q.prototype,"globalSlimmers",void 0),S([m()],q.prototype,"formFieldController",void 0),S([m()],q.prototype,"checkboxValueChangeObserver",void 0),S([m()],q.prototype,"checkboxUserInteractionObserver",void 0),S([m()],q.prototype,"checkboxEventPrevent",void 0),S([m()],q.prototype,"changeEventEmitter",void 0),S([m()],q.prototype,"userChangeEventEmitter",void 0),S([m()],q.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),S([E()],q.prototype,"watchVegaFlexProp",null),q.style=':host{display:block;text-align:left;line-height:normal}.vega-error{display:block;margin-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){.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}vega-field-label{margin-bottom:16px;display:block}vega-field-label::part(container){font-family:"Inter", sans-serif;font-size:18px;font-weight:500;line-height:30px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){vega-field-label::part(container){font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){vega-field-label::part(container){font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){vega-field-label::part(container){font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}vega-field-label::part(label){word-break:normal}.vega-hint{padding-top:12px}.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-hint>label{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-hint>label{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-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{U as vega_checkbox,q as vega_checkbox_group}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as i,h as t,H as a,g as r}from"./p-6b2342e0.js";import{c as o}from"./p-8387896e.js";import{s as n}from"./p-519a7d55.js";import{C as s}from"./p-2d0d575f.js";import{R as l,i as d,F as h}from"./p-cb378636.js";import{O as c}from"./p-331a62d5.js";import{f as p}from"./p-aa135628.js";import{c as g,M as v,V as f,I as b}from"./p-6e1ab235.js";import{V as m,I as u}from"./p-5c8e4e8f.js";import{c as x}from"./p-3b6a6f08.js";import{c as w,N as y,O as j}from"./p-a83cef5a.js";import{i as R}from"./p-53e3f259.js";import{d as k}from"./p-36a57431.js";import{R as I}from"./p-8bc15ed0.js";import{C}from"./p-75b58efe.js";import{F as O}from"./p-fffc1f47.js";import{C as E}from"./p-6eedbc4f.js";import{C as A}from"./p-abad8ffd.js";import{K as V}from"./p-a6346186.js";import{M as z}from"./p-78a57a17.js";import{T as D}from"./p-52b8f2d2.js";import"./p-6a334573.js";import"./p-29584bb5.js";import"./p-b75ee3ba.js";import"./p-abd7aeaa.js";import"./p-87a4d75f.js";import"./p-982747ef.js";import"./p-02841589.js";import"./p-8b5d3a52.js";import"./p-347d664e.js";import"./p-cc569b54.js";import"./p-81dd00d0.js";import"./p-49a2e141.js";import"./p-d4ea8e22.js";import"./p-ed45b3b6.js";import"./p-71909102.js";import"./p-d27ae9ff.js";import"./p-262ec334.js";import"./p-7d3419c7.js";import"./p-5f377954.js";import"./p-c576f76b.js";import"./p-8e3c1c81.js";import"./p-b438e68b.js";var F=function(e,i,t,a){var r,o=arguments.length,n=o<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(i,t,n):r(i,t))||n);return o>3&&n&&Object.defineProperty(i,t,n),n};class G extends f{connectedCallback(){this.radioGroup=p(this.host,"vega-radio-group")||p(this.host,"vega-selection-tile-group"),this.radioGroup&&(this.fieldErrorObserver=new c(this.canAcceptFieldErrorObserver.bind(this),this.fieldErrorObserverListener.bind(this)),s.register(k.getSubject(this.radioGroup,R),this.fieldErrorObserver))}disconnectedCallback(){this.radioGroup&&s.unregister(k.getSubject(this.radioGroup,R),this.fieldErrorObserver)}canAcceptFieldErrorObserver(e){return("VEGA-RADIO-GROUP"===e.host.tagName||"VEGA-SELECTION-TILE-GROUP"===e.host.tagName)&&this.radioGroup===e.host}fieldErrorObserverListener(e){this.showError=e.showError}}F([g({writable:!0})],G.prototype,"showError",void 0),F([g()],G.prototype,"host",void 0),F([v("connectedCallback")],G.prototype,"connectedCallback",null),F([v("disconnectedCallback")],G.prototype,"disconnectedCallback",null);var L=function(e,i,t,a){var r,o=arguments.length,n=o<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(i,t,n):r(i,t))||n);return o>3&&n&&Object.defineProperty(i,t,n),n};const N=class{constructor(t){e(this,t),this.vegaFocus=i(this,"vegaFocus",7),this.focus=i(this,"focus",7),this.vegaBlur=i(this,"vegaBlur",7),this.blur=i(this,"blur",7),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers=new Map,this.changeEventEmitter=x(N,w),this.focusEventEmitter=x(N,y),this.blurEventEmitter=x(N,j),this.vegaRadioShowErrorController=new G,this.vegaComponentUsageRuntimeMetricsSlimmer=new m,this.groupDisabled=!1,this.showError=!1,this.value="",this.checked=!1,this.disabled=!1,this.size="default",this.updateValue=e=>{this.checked=e.currentTarget.checked,e.stopPropagation()},this.handleFocus=e=>{this.focusEventEmitter.emit(e,e)},this.handleBlur=e=>{this.blurEventEmitter.emit(e,e)},this.handleClick=e=>{e.stopPropagation()}}watchCheckedChange(){this.changeEventEmitter.emit(this.checked),s.notify(l,{host:this.host,detail:this.checked})}connectedCallback(){this.ariaLabel=this.host.textContent,""==this.ariaLabel&&(this.ariaLabel=this.value)}disconnectedCallback(){this.unRegisterGroupDisabledObserver()}componentDidLoad(){""===this.host.textContent&&this.labelElement.classList.add("vega-hidden"),this.initAndRegisterGroupDisabledObserver()}render(){var e;const i="VEGA-RADIO-GROUP"==(null===(e=this.host.parentElement)||void 0===e?void 0:e.nodeName);return n(t(a,{class:{"vega-flex-shrink-0 v-min-w-min":i}},t("label",{class:{"vega-radio-container":!0,[this.size]:!0,"vega-radio-checked":this.checked,"vega-radio-disabled":this.isDisabled(),error:this.showError}},t("input",{type:"radio",name:this.name,checked:this.checked,value:this.value,onFocus:this.handleFocus,onBlur:this.handleBlur,onClick:this.handleClick,onChange:this.updateValue,"aria-label":this.ariaLabel||"No label defined",disabled:this.isDisabled(),tabIndex:this.isDisabled()?-1:0,onKeyDown:o()}),t("span",{class:"vega-radio-icon"},t("span",{class:"vega-radio-circle"})),t("div",{class:"vega-radio-label",ref:e=>this.labelElement=e},t("slot",null)))),this.host)}isDisabled(){return this.disabled||this.groupDisabled}canAcceptGroupDisabledObserver(e){return p(this.host,"vega-radio-group")===e.host}groupDisabledObserverListener(e){this.groupDisabled=e.host.disabled}initAndRegisterGroupDisabledObserver(){p(this.host,"vega-radio-group")&&(this.groupDisabledObserver=new c(this.canAcceptGroupDisabledObserver.bind(this),this.groupDisabledObserverListener.bind(this)),s.register(d,this.groupDisabledObserver))}unRegisterGroupDisabledObserver(){this.groupDisabledObserver&&s.unregister(d,this.groupDisabledObserver)}get host(){return r(this)}static get watchers(){return{checked:["watchCheckedChange"]}}};L([u()],N.prototype,"globalSlimmers",void 0),L([b()],N.prototype,"changeEventEmitter",void 0),L([b()],N.prototype,"focusEventEmitter",void 0),L([b()],N.prototype,"blurEventEmitter",void 0),L([b()],N.prototype,"vegaRadioShowErrorController",void 0),L([b()],N.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),N.style=':host{display:inline-block;box-sizing:border-box;height:24px}.vega-radio-container{position:relative;display:inline-flex;gap:8px;cursor:not-allowed}.vega-radio-container:not(.vega-radio-disabled){cursor:pointer}.vega-radio-container input{position:absolute;left:0px;top:0px;opacity:0}.vega-radio-icon{display:inline-block;box-sizing:border-box;border-style:solid;border-radius:9999px;position:relative;left:0px;flex-shrink:0;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}.vega-radio-icon:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-radio-container.default .vega-radio-icon{width:24px;height:24px;padding:5px}.vega-radio-container.small .vega-radio-icon{width:16px;height:16px;padding:4px}.vega-radio-checked:hover .vega-radio-circle{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}.vega-radio-container input[type=radio]:focus-visible+.vega-radio-icon{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px}.vega-radio-container:not(.vega-radio-disabled):active .vega-radio-icon{border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1))}.vega-radio-checked:active .vega-radio-circle{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}.vega-radio-checked .vega-radio-circle{display:block;width:100%;height:100%;border-radius:9999px;background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}.vega-radio-disabled .vega-radio-icon{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-radio-disabled .vega-radio-circle{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}.vega-radio-disabled:hover .vega-radio-circle{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}.vega-radio-container .vega-radio-label{display:inline-block;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}.vega-radio-container .vega-radio-label.vega-hidden{display:none}.vega-radio-container.default .vega-radio-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-radio-container.default .vega-radio-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-radio-container.default .vega-radio-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-radio-container.default .vega-radio-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-radio-container.small .vega-radio-label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-radio-container.small .vega-radio-label{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-radio-container.small .vega-radio-label{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-radio-container.small .vega-radio-label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}.vega-radio-disabled .vega-radio-label{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}label{-webkit-tap-highlight-color:transparent}.vega-radio-container.error .vega-radio-icon{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-radio-container.error:hover .vega-radio-icon{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-radio-container.error input[type=radio]:focus-visible+.vega-radio-icon{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px}.vega-radio-container.error:active .vega-radio-icon{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px}.vega-radio-checked.error .vega-radio-circle{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}.vega-radio-checked.error:hover .vega-radio-circle{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}.vega-radio-checked.error:active .vega-radio-circle{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}';class S extends V{constructor(){super((e=>(e.setRadioArrayTabIndex(),[{keyCode:["ArrowUp","ArrowDown"],activeElementInScope:[e.host],callback:e=>{this.updateRadioFocusStates(e)}}])))}setRadioArrayTabIndex(){const e=this.getNotDisabledRadioArray();if(e){const i=e.findIndex((e=>e.checked)),t=i>-1?i:0;e.forEach(((e,i)=>{const a=i===t?"0":"-1";e.shadowRoot.querySelector("input").setAttribute("tabIndex",a)}))}}updateRadioFocusStates(e){const i=e.key,t=this.getNotDisabledRadioArray();if(!t||0===t.length)return;t.forEach((e=>e.shadowRoot.querySelector("input").setAttribute("tabIndex","-1")));const a=t.findIndex((i=>i===e.target));let r;"ArrowDown"===i?r=a===t.length-1?t[0]:t[a+1]:"ArrowUp"===i&&(r=0===a?t[t.length-1]:t[a-1]),r&&(r.shadowRoot.querySelector("input").focus(),r.checked=!0,r.shadowRoot.querySelector("input").tabIndex=0)}getNotDisabledRadioArray(){const e=Array.from(this.host.querySelectorAll("vega-radio"));if(e.length>0)return e.filter((e=>!e.disabled))}}!function(e,i,t,a){var r,o=arguments.length,n=o<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(i,t,n):r(i,t))||n);o>3&&n&&Object.defineProperty(i,t,n)}([g()],S.prototype,"host",void 0);var P=function(e,i,t,a){var r,o=arguments.length,n=o<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(i,t,n):r(i,t))||n);return o>3&&n&&Object.defineProperty(i,t,n),n};class M extends f{emitEventAndNotifyValueChangeSubject(e){this.changeEventEmitter.emit(e),s.notify(h,{host:this.host,detail:e})}setValue(e){this.value=e}}P([g()],M.prototype,"host",void 0),P([g({writable:!0})],M.prototype,"value",void 0),P([g()],M.prototype,"changeEventEmitter",void 0),P([g()],M.prototype,"radioItemsController",void 0),P([v("watchValue")],M.prototype,"emitEventAndNotifyValueChangeSubject",null);var U=function(e,i,t,a){var r,o=arguments.length,n=o<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(i,t,n):r(i,t))||n);return o>3&&n&&Object.defineProperty(i,t,n),n};class B extends f{constructor(){super(...arguments),this.vegaRadioArray=[]}componentWillLoad(){this.syncRadioArrayAndValue()}setRadioItemName(){this.vegaRadioArray.forEach((e=>{e.name=this.name?this.name:e.getAttribute("name")}))}setRadioItemCheckedByValue(e){this.vegaRadioArray.forEach((i=>{i.checked=i.value===e}))}syncRadioItemsStatus(){this.setRadioItemCheckedByValue(this.value),this.setRadioItemName()}getRadioItemsArray(){return this.vegaRadioArray}syncRadioArrayAndValue(){this.vegaRadioArray=Array.from(this.host.querySelectorAll("vega-radio")),this.vegaRadioArray.forEach((e=>{e.checked&&this.valueController.setValue(e.value)}))}}U([g()],B.prototype,"host",void 0),U([g()],B.prototype,"value",void 0),U([g()],B.prototype,"name",void 0),U([g()],B.prototype,"valueController",void 0),U([v("componentWillLoad")],B.prototype,"componentWillLoad",null),U([v("watchName")],B.prototype,"setRadioItemName",null),U([v("watchValue")],B.prototype,"setRadioItemCheckedByValue",null),U([v("componentDidLoad")],B.prototype,"syncRadioItemsStatus",null);var T=function(e,i,t,a){var r,o=arguments.length,n=o<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(i,t,n):r(i,t))||n);return o>3&&n&&Object.defineProperty(i,t,n),n};const W=class{constructor(t){e(this,t),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers=new Map,this.formFieldController=new O({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new I:null}],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>this.radioItemsController.getRadioItemsArray().map((e=>e.shadowRoot.querySelector("input"))),defaultValue:"",attributeGetter:e=>this[e],validationRulesName:"validationRules"}),this.radioValueChangeObserver=new E(l,(e=>this.childRadioValueChange(e))),this.radioEventPrevent=new A([w],(()=>this.vegaFlexElement)),this.slotMutationObserver=new z({options:{childList:!0},mutationFilter:D("VEGA-RADIO"),callback:()=>this.radioItemsController.syncRadioArrayAndValue()}),this.changeEventEmitter=x(W,w),this.keyboardController=new S,this.radioItemsController=new B,this.valueController=new M,this.vegaComponentUsageRuntimeMetricsSlimmer=new m,this.label="",this.value="",this.name="",this.vegaFlexProp={},this.required=!1,this.optional=!1,this.hint="",this.isValid=null,this.disabled=!1,this.autoValidation=!0,this.validationRules=[],this.childRadioValueChange=e=>{e.detail&&this.valueController.setValue(e.host.value)}}async watchValue(e){}watchName(){}watchVegaFlexProp(){this.setVegaFlexProperty()}async watchDisabled(){this.notifyGroupDisabledChange()}watchValidationRules(){}componentWillLoad(){}componentDidLoad(){this.setVegaFlexProperty(),this.disabled&&this.notifyGroupDisabledChange()}render(){return n(t(a,{role:"radiogroup"},this.renderLabelDom(),t("div",{class:"vega-radio-container",ref:e=>this.inputContainerRef=e},t("vega-flex",{ref:e=>{this.vegaFlexElement=e}},t("slot",null))),this.renderHintDom()),this.host)}renderLabelDom(){return this.label&&t("vega-field-label",{label:this.label,isFieldRequired:this.required,disabled:this.disabled,optional:this.optional})}renderHintDom(){return this.hint&&t("div",{class:"vega-hint"},t("label",null,this.hint))}setVegaFlexProperty(){this.vegaFlexProp&&Object.assign(this.vegaFlexElement,{gap:"size-16",direction:"col"},this.vegaFlexProp)}notifyGroupDisabledChange(){s.notify(d,{host:this.host})}get host(){return r(this)}static get watchers(){return{value:["watchValue"],name:["watchName"],vegaFlexProp:["watchVegaFlexProp"],disabled:["watchDisabled"],validationRules:["watchValidationRules"]}}};T([u()],W.prototype,"globalSlimmers",void 0),T([b()],W.prototype,"formFieldController",void 0),T([b()],W.prototype,"radioValueChangeObserver",void 0),T([b()],W.prototype,"radioEventPrevent",void 0),T([b()],W.prototype,"slotMutationObserver",void 0),T([b()],W.prototype,"changeEventEmitter",void 0),T([b()],W.prototype,"keyboardController",void 0),T([b()],W.prototype,"radioItemsController",void 0),T([b()],W.prototype,"valueController",void 0),T([b()],W.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),T([C()],W.prototype,"watchVegaFlexProp",null),W.style=':host{display:block;text-align:left;line-height:normal}.vega-error{display:block;margin-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){.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}vega-field-label{margin-bottom:16px;display:block}vega-field-label::part(container){font-family:"Inter", sans-serif;font-size:18px;font-weight:500;line-height:30px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){vega-field-label::part(container){font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){vega-field-label::part(container){font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){vega-field-label::part(container){font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}vega-field-label::part(label){word-break:normal}.vega-hint{padding-top:12px}.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-hint>label{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-hint>label{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-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{N as vega_radio,W as vega_radio_group}
|
|
1
|
+
import{r as e,c as i,h as t,H as a,g as r}from"./p-6b2342e0.js";import{c as o}from"./p-8387896e.js";import{s as n}from"./p-519a7d55.js";import{C as s}from"./p-2d0d575f.js";import{R as l,i as d,F as h}from"./p-cb378636.js";import{O as c}from"./p-331a62d5.js";import{f as p}from"./p-aa135628.js";import{c as g,M as v,V as f,I as b}from"./p-6e1ab235.js";import{V as m,I as u}from"./p-5c8e4e8f.js";import{c as x}from"./p-3b6a6f08.js";import{c as w,N as y,O as j}from"./p-a83cef5a.js";import{i as R}from"./p-53e3f259.js";import{d as k}from"./p-36a57431.js";import{R as I}from"./p-8bc15ed0.js";import{C}from"./p-75b58efe.js";import{F as O}from"./p-70a08fe5.js";import{C as E}from"./p-6eedbc4f.js";import{C as A}from"./p-abad8ffd.js";import{K as V}from"./p-a6346186.js";import{M as z}from"./p-78a57a17.js";import{T as D}from"./p-52b8f2d2.js";import"./p-6a334573.js";import"./p-29584bb5.js";import"./p-b75ee3ba.js";import"./p-abd7aeaa.js";import"./p-87a4d75f.js";import"./p-982747ef.js";import"./p-02841589.js";import"./p-8b5d3a52.js";import"./p-347d664e.js";import"./p-cc569b54.js";import"./p-81dd00d0.js";import"./p-49a2e141.js";import"./p-d4ea8e22.js";import"./p-ed45b3b6.js";import"./p-71909102.js";import"./p-d27ae9ff.js";import"./p-262ec334.js";import"./p-7d3419c7.js";import"./p-5f377954.js";import"./p-c576f76b.js";import"./p-8e3c1c81.js";import"./p-b438e68b.js";var F=function(e,i,t,a){var r,o=arguments.length,n=o<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(i,t,n):r(i,t))||n);return o>3&&n&&Object.defineProperty(i,t,n),n};class G extends f{connectedCallback(){this.radioGroup=p(this.host,"vega-radio-group")||p(this.host,"vega-selection-tile-group"),this.radioGroup&&(this.fieldErrorObserver=new c(this.canAcceptFieldErrorObserver.bind(this),this.fieldErrorObserverListener.bind(this)),s.register(k.getSubject(this.radioGroup,R),this.fieldErrorObserver))}disconnectedCallback(){this.radioGroup&&s.unregister(k.getSubject(this.radioGroup,R),this.fieldErrorObserver)}canAcceptFieldErrorObserver(e){return("VEGA-RADIO-GROUP"===e.host.tagName||"VEGA-SELECTION-TILE-GROUP"===e.host.tagName)&&this.radioGroup===e.host}fieldErrorObserverListener(e){this.showError=e.showError}}F([g({writable:!0})],G.prototype,"showError",void 0),F([g()],G.prototype,"host",void 0),F([v("connectedCallback")],G.prototype,"connectedCallback",null),F([v("disconnectedCallback")],G.prototype,"disconnectedCallback",null);var L=function(e,i,t,a){var r,o=arguments.length,n=o<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(i,t,n):r(i,t))||n);return o>3&&n&&Object.defineProperty(i,t,n),n};const N=class{constructor(t){e(this,t),this.vegaFocus=i(this,"vegaFocus",7),this.focus=i(this,"focus",7),this.vegaBlur=i(this,"vegaBlur",7),this.blur=i(this,"blur",7),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers=new Map,this.changeEventEmitter=x(N,w),this.focusEventEmitter=x(N,y),this.blurEventEmitter=x(N,j),this.vegaRadioShowErrorController=new G,this.vegaComponentUsageRuntimeMetricsSlimmer=new m,this.groupDisabled=!1,this.showError=!1,this.value="",this.checked=!1,this.disabled=!1,this.size="default",this.updateValue=e=>{this.checked=e.currentTarget.checked,e.stopPropagation()},this.handleFocus=e=>{this.focusEventEmitter.emit(e,e)},this.handleBlur=e=>{this.blurEventEmitter.emit(e,e)},this.handleClick=e=>{e.stopPropagation()}}watchCheckedChange(){this.changeEventEmitter.emit(this.checked),s.notify(l,{host:this.host,detail:this.checked})}connectedCallback(){this.ariaLabel=this.host.textContent,""==this.ariaLabel&&(this.ariaLabel=this.value)}disconnectedCallback(){this.unRegisterGroupDisabledObserver()}componentDidLoad(){""===this.host.textContent&&this.labelElement.classList.add("vega-hidden"),this.initAndRegisterGroupDisabledObserver()}render(){var e;const i="VEGA-RADIO-GROUP"==(null===(e=this.host.parentElement)||void 0===e?void 0:e.nodeName);return n(t(a,{class:{"vega-flex-shrink-0 v-min-w-min":i}},t("label",{class:{"vega-radio-container":!0,[this.size]:!0,"vega-radio-checked":this.checked,"vega-radio-disabled":this.isDisabled(),error:this.showError}},t("input",{type:"radio",name:this.name,checked:this.checked,value:this.value,onFocus:this.handleFocus,onBlur:this.handleBlur,onClick:this.handleClick,onChange:this.updateValue,"aria-label":this.ariaLabel||"No label defined",disabled:this.isDisabled(),tabIndex:this.isDisabled()?-1:0,onKeyDown:o()}),t("span",{class:"vega-radio-icon"},t("span",{class:"vega-radio-circle"})),t("div",{class:"vega-radio-label",ref:e=>this.labelElement=e},t("slot",null)))),this.host)}isDisabled(){return this.disabled||this.groupDisabled}canAcceptGroupDisabledObserver(e){return p(this.host,"vega-radio-group")===e.host}groupDisabledObserverListener(e){this.groupDisabled=e.host.disabled}initAndRegisterGroupDisabledObserver(){p(this.host,"vega-radio-group")&&(this.groupDisabledObserver=new c(this.canAcceptGroupDisabledObserver.bind(this),this.groupDisabledObserverListener.bind(this)),s.register(d,this.groupDisabledObserver))}unRegisterGroupDisabledObserver(){this.groupDisabledObserver&&s.unregister(d,this.groupDisabledObserver)}get host(){return r(this)}static get watchers(){return{checked:["watchCheckedChange"]}}};L([u()],N.prototype,"globalSlimmers",void 0),L([b()],N.prototype,"changeEventEmitter",void 0),L([b()],N.prototype,"focusEventEmitter",void 0),L([b()],N.prototype,"blurEventEmitter",void 0),L([b()],N.prototype,"vegaRadioShowErrorController",void 0),L([b()],N.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),N.style=':host{display:inline-block;box-sizing:border-box;height:24px}.vega-radio-container{position:relative;display:inline-flex;gap:8px;cursor:not-allowed}.vega-radio-container:not(.vega-radio-disabled){cursor:pointer}.vega-radio-container input{position:absolute;left:0px;top:0px;opacity:0}.vega-radio-icon{display:inline-block;box-sizing:border-box;border-style:solid;border-radius:9999px;position:relative;left:0px;flex-shrink:0;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}.vega-radio-icon:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-radio-container.default .vega-radio-icon{width:24px;height:24px;padding:5px}.vega-radio-container.small .vega-radio-icon{width:16px;height:16px;padding:4px}.vega-radio-checked:hover .vega-radio-circle{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}.vega-radio-container input[type=radio]:focus-visible+.vega-radio-icon{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px}.vega-radio-container:not(.vega-radio-disabled):active .vega-radio-icon{border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1))}.vega-radio-checked:active .vega-radio-circle{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}.vega-radio-checked .vega-radio-circle{display:block;width:100%;height:100%;border-radius:9999px;background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}.vega-radio-disabled .vega-radio-icon{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-radio-disabled .vega-radio-circle{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}.vega-radio-disabled:hover .vega-radio-circle{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}.vega-radio-container .vega-radio-label{display:inline-block;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}.vega-radio-container .vega-radio-label.vega-hidden{display:none}.vega-radio-container.default .vega-radio-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-radio-container.default .vega-radio-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-radio-container.default .vega-radio-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-radio-container.default .vega-radio-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-radio-container.small .vega-radio-label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-radio-container.small .vega-radio-label{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-radio-container.small .vega-radio-label{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-radio-container.small .vega-radio-label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}.vega-radio-disabled .vega-radio-label{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}label{-webkit-tap-highlight-color:transparent}.vega-radio-container.error .vega-radio-icon{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-radio-container.error:hover .vega-radio-icon{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-radio-container.error input[type=radio]:focus-visible+.vega-radio-icon{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px}.vega-radio-container.error:active .vega-radio-icon{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px}.vega-radio-checked.error .vega-radio-circle{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}.vega-radio-checked.error:hover .vega-radio-circle{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}.vega-radio-checked.error:active .vega-radio-circle{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}';class S extends V{constructor(){super((e=>(e.setRadioArrayTabIndex(),[{keyCode:["ArrowUp","ArrowDown"],activeElementInScope:[e.host],callback:e=>{this.updateRadioFocusStates(e)}}])))}setRadioArrayTabIndex(){const e=this.getNotDisabledRadioArray();if(e){const i=e.findIndex((e=>e.checked)),t=i>-1?i:0;e.forEach(((e,i)=>{const a=i===t?"0":"-1";e.shadowRoot.querySelector("input").setAttribute("tabIndex",a)}))}}updateRadioFocusStates(e){const i=e.key,t=this.getNotDisabledRadioArray();if(!t||0===t.length)return;t.forEach((e=>e.shadowRoot.querySelector("input").setAttribute("tabIndex","-1")));const a=t.findIndex((i=>i===e.target));let r;"ArrowDown"===i?r=a===t.length-1?t[0]:t[a+1]:"ArrowUp"===i&&(r=0===a?t[t.length-1]:t[a-1]),r&&(r.shadowRoot.querySelector("input").focus(),r.checked=!0,r.shadowRoot.querySelector("input").tabIndex=0)}getNotDisabledRadioArray(){const e=Array.from(this.host.querySelectorAll("vega-radio"));if(e.length>0)return e.filter((e=>!e.disabled))}}!function(e,i,t,a){var r,o=arguments.length,n=o<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(i,t,n):r(i,t))||n);o>3&&n&&Object.defineProperty(i,t,n)}([g()],S.prototype,"host",void 0);var P=function(e,i,t,a){var r,o=arguments.length,n=o<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(i,t,n):r(i,t))||n);return o>3&&n&&Object.defineProperty(i,t,n),n};class M extends f{emitEventAndNotifyValueChangeSubject(e){this.changeEventEmitter.emit(e),s.notify(h,{host:this.host,detail:e})}setValue(e){this.value=e}}P([g()],M.prototype,"host",void 0),P([g({writable:!0})],M.prototype,"value",void 0),P([g()],M.prototype,"changeEventEmitter",void 0),P([g()],M.prototype,"radioItemsController",void 0),P([v("watchValue")],M.prototype,"emitEventAndNotifyValueChangeSubject",null);var U=function(e,i,t,a){var r,o=arguments.length,n=o<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(i,t,n):r(i,t))||n);return o>3&&n&&Object.defineProperty(i,t,n),n};class B extends f{constructor(){super(...arguments),this.vegaRadioArray=[]}componentWillLoad(){this.syncRadioArrayAndValue()}setRadioItemName(){this.vegaRadioArray.forEach((e=>{e.name=this.name?this.name:e.getAttribute("name")}))}setRadioItemCheckedByValue(e){this.vegaRadioArray.forEach((i=>{i.checked=i.value===e}))}syncRadioItemsStatus(){this.setRadioItemCheckedByValue(this.value),this.setRadioItemName()}getRadioItemsArray(){return this.vegaRadioArray}syncRadioArrayAndValue(){this.vegaRadioArray=Array.from(this.host.querySelectorAll("vega-radio")),this.vegaRadioArray.forEach((e=>{e.checked&&this.valueController.setValue(e.value)}))}}U([g()],B.prototype,"host",void 0),U([g()],B.prototype,"value",void 0),U([g()],B.prototype,"name",void 0),U([g()],B.prototype,"valueController",void 0),U([v("componentWillLoad")],B.prototype,"componentWillLoad",null),U([v("watchName")],B.prototype,"setRadioItemName",null),U([v("watchValue")],B.prototype,"setRadioItemCheckedByValue",null),U([v("componentDidLoad")],B.prototype,"syncRadioItemsStatus",null);var T=function(e,i,t,a){var r,o=arguments.length,n=o<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(i,t,n):r(i,t))||n);return o>3&&n&&Object.defineProperty(i,t,n),n};const W=class{constructor(t){e(this,t),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers=new Map,this.formFieldController=new O({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new I:null}],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>this.radioItemsController.getRadioItemsArray().map((e=>e.shadowRoot.querySelector("input"))),defaultValue:"",attributeGetter:e=>this[e],validationRulesName:"validationRules"}),this.radioValueChangeObserver=new E(l,(e=>this.childRadioValueChange(e))),this.radioEventPrevent=new A([w],(()=>this.vegaFlexElement)),this.slotMutationObserver=new z({options:{childList:!0},mutationFilter:D("VEGA-RADIO"),callback:()=>this.radioItemsController.syncRadioArrayAndValue()}),this.changeEventEmitter=x(W,w),this.keyboardController=new S,this.radioItemsController=new B,this.valueController=new M,this.vegaComponentUsageRuntimeMetricsSlimmer=new m,this.label="",this.value="",this.name="",this.vegaFlexProp={},this.required=!1,this.optional=!1,this.hint="",this.isValid=null,this.disabled=!1,this.autoValidation=!0,this.validationRules=[],this.childRadioValueChange=e=>{e.detail&&this.valueController.setValue(e.host.value)}}async watchValue(e){}watchName(){}watchVegaFlexProp(){this.setVegaFlexProperty()}async watchDisabled(){this.notifyGroupDisabledChange()}watchValidationRules(){}componentWillLoad(){}componentDidLoad(){this.setVegaFlexProperty(),this.disabled&&this.notifyGroupDisabledChange()}render(){return n(t(a,{role:"radiogroup"},this.renderLabelDom(),t("div",{class:"vega-radio-container",ref:e=>this.inputContainerRef=e},t("vega-flex",{ref:e=>{this.vegaFlexElement=e}},t("slot",null))),this.renderHintDom()),this.host)}renderLabelDom(){return this.label&&t("vega-field-label",{label:this.label,isFieldRequired:this.required,disabled:this.disabled,optional:this.optional})}renderHintDom(){return this.hint&&t("div",{class:"vega-hint"},t("label",null,this.hint))}setVegaFlexProperty(){this.vegaFlexProp&&Object.assign(this.vegaFlexElement,{gap:"size-16",direction:"col"},this.vegaFlexProp)}notifyGroupDisabledChange(){s.notify(d,{host:this.host})}get host(){return r(this)}static get watchers(){return{value:["watchValue"],name:["watchName"],vegaFlexProp:["watchVegaFlexProp"],disabled:["watchDisabled"],validationRules:["watchValidationRules"]}}};T([u()],W.prototype,"globalSlimmers",void 0),T([b()],W.prototype,"formFieldController",void 0),T([b()],W.prototype,"radioValueChangeObserver",void 0),T([b()],W.prototype,"radioEventPrevent",void 0),T([b()],W.prototype,"slotMutationObserver",void 0),T([b()],W.prototype,"changeEventEmitter",void 0),T([b()],W.prototype,"keyboardController",void 0),T([b()],W.prototype,"radioItemsController",void 0),T([b()],W.prototype,"valueController",void 0),T([b()],W.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),T([C()],W.prototype,"watchVegaFlexProp",null),W.style=':host{display:block;text-align:left;line-height:normal}.vega-error{display:block;margin-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){.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}vega-field-label{margin-bottom:16px;display:block}vega-field-label::part(container){font-family:"Inter", sans-serif;font-size:18px;font-weight:500;line-height:30px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){vega-field-label::part(container){font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){vega-field-label::part(container){font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){vega-field-label::part(container){font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}vega-field-label::part(label){word-break:normal}.vega-hint{padding-top:12px}.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-hint>label{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-hint>label{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-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{N as vega_radio,W as vega_radio_group}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,H as a,g as r}from"./p-6b2342e0.js";import{M as s,a as p}from"./p-f0ff4463.js";import{s as o}from"./p-519a7d55.js";import{c as n,n as h}from"./p-262ec334.js";import{I as l}from"./p-6e1ab235.js";import{V as d,I as m}from"./p-5c8e4e8f.js";import{F as c}from"./p-
|
|
1
|
+
import{r as t,c as e,h as i,H as a,g as r}from"./p-6b2342e0.js";import{M as s,a as p}from"./p-f0ff4463.js";import{s as o}from"./p-519a7d55.js";import{c as n,n as h}from"./p-262ec334.js";import{I as l}from"./p-6e1ab235.js";import{V as d,I as m}from"./p-5c8e4e8f.js";import{F as c}from"./p-70a08fe5.js";import{C as u}from"./p-abad8ffd.js";import{D as f}from"./p-36a57431.js";import{c as b,O as g,b as v}from"./p-a83cef5a.js";import{F as x}from"./p-cb378636.js";import{C as y}from"./p-2d0d575f.js";import{c as j}from"./p-3b6a6f08.js";import{a as w}from"./p-aa135628.js";import"./p-abd7aeaa.js";import"./p-02841589.js";import"./p-331a62d5.js";import"./p-8b5d3a52.js";import"./p-6a334573.js";import"./p-53e3f259.js";import"./p-347d664e.js";import"./p-cc569b54.js";import"./p-b75ee3ba.js";import"./p-81dd00d0.js";import"./p-49a2e141.js";import"./p-d4ea8e22.js";import"./p-ed45b3b6.js";import"./p-71909102.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-d27ae9ff.js";import"./p-7d3419c7.js";import"./p-29584bb5.js";import"./p-5f377954.js";import"./p-87a4d75f.js";import"./p-982747ef.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,p=s<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(t,e,i,a);else for(var o=t.length-1;o>=0;o--)(r=t[o])&&(p=(s<3?r(p):s>3?r(e,i,p):r(e,i))||p);return s>3&&p&&Object.defineProperty(e,i,p),p};const V=class{constructor(i){t(this,i),this.vegaChange=e(this,"vegaChange",7),this.change=e(this,"change",7),this.globalSlimmers=new Map,this.formFieldController=new c({propertyRules:[{propertyName:"min",ruleFactory:t=>"number"==typeof t?new s({minValue:t}):null},{propertyName:"max",ruleFactory:t=>"number"==typeof t?new p({maxValue:t}):null}],defaultValue:0,attributeGetter:t=>this[t],touchableAreaGetter:()=>this.touchableAreaGetter(),inputContainerGetter:()=>this.stepperContainerRef}),this.changeEventEmitter=j(V,b),this.inputEventPrevent=new u([g,b],(()=>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.name="",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=n(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(n(this.value,0),this.min,this.max);this.value=t,this.inputRef.value=t.toString(),this.changeEventEmitter.emit(this.value),y.notify(x,{host:this.host,detail:this.value})}render(){return o(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=>{f.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,name:this.name,showClearIcon:!1,ref:t=>(f.addUniqueObserverToNode(t,g,(t=>this.handleInputBlur(t))),f.addUniqueObserverToNode(t,b,(t=>this.onChildInputChange(t))),this.inputRef=t),"data-aria-label":this.label||"stepper"}),i("vega-button-circle",{label:"Increase",showTooltip:!1,ref:t=>{f.addUniqueObserverToNode(t,v,(()=>this.onIncrease()))},icon:"plus-sign",disabled:this.value>=this.max||this.disabled,size:"small",variant:"secondary"==this.buttonVariant?"secondary":"primary"})),i("div",{class:"aria-announcement","aria-live":"polite","aria-atomic":"true"},`${this.label||"stepper"}: ${this.value}`)),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([m()],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}:host>label+div{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:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}.aria-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}';export{V as vega_stepper}
|