@db-ux/wc-core-components 4.12.0 → 4.13.0

package/dist/db-ux/p-a4fb4782.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,g as s,c as e}from"./p-BlbKvvUv.js";import{c as h,e as a,g as d,h as o,d as n,s as l,i as c,u as r,k as u,f as v,j as b,b as f,l as m}from"./p-fumiz06Y.js";import{l as p,f as y,g as w,h as g,j as k,k as x,b as $,a as O,m as _}from"./p-BdL-nI5y.js";import{c as C}from"./p-BihrW11j.js";const F=class{constructor(i){t(this,i),this.width="fixed",this.observer=void 0}setupObserver(t){if(!t)return;const i=t.closest("db-custom-select-dropdown");i&&!this.observer&&(this.observer=new MutationObserver((i=>{i.some((t=>{var i;const s=t.target.attributes.getNamedItem(null!==(i=t.attributeName)&&void 0!==i?i:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-custom-select-dropdown")})),this.observer.observe(i,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let e=0;e<i.length;e++){const h=i.item(e);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))h.value?t.setAttribute(h.name,h.value):t.removeAttribute(h.name),s.removeAttribute(h.name);else if(h&&["style"].includes(h.name))t.setAttribute(h.name,h.value),s.removeAttribute(h.name);else if(h&&"class"===h.name){const i=h.value.includes("hydrated"),e=h.value.replace("hydrated","").trim(),a=t.getAttribute("class");t.setAttribute(h.name,`${a||""}${e?` ${e}`:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(h.name)}}}}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-custom-select-dropdown"),this.setupObserver(this._ref)}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,s;return i("article",{key:"7720cebaaa9128aa7f12a3720aa1374a0fd689d7",class:h("db-custom-select-dropdown db-card",this.className),"data-spacing":"none",ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(s=this.propOverrides)||void 0===s?void 0:s.id,"data-width":this.width},i("slot",{key:"19d66fe8c4369630a1debf34e448c0f13ebe0be9"}))}get rootElement(){return s(this)}},I=class{constructor(i){t(this,i),this.observer=void 0}setupObserver(t){if(!t)return;const i=t.closest("db-custom-select-list");i&&!this.observer&&(this.observer=new MutationObserver((i=>{i.some((t=>{var i;const s=t.target.attributes.getNamedItem(null!==(i=t.attributeName)&&void 0!==i?i:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-custom-select-list")})),this.observer.observe(i,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let e=0;e<i.length;e++){const h=i.item(e);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))h.value?t.setAttribute(h.name,h.value):t.removeAttribute(h.name),s.removeAttribute(h.name);else if(h&&["style"].includes(h.name))t.setAttribute(h.name,h.value),s.removeAttribute(h.name);else if(h&&"class"===h.name){const i=h.value.includes("hydrated"),e=h.value.replace("hydrated","").trim(),a=t.getAttribute("class");t.setAttribute(h.name,`${a||""}${e?` ${e}`:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(h.name)}}}}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-custom-select-list"),this.setupObserver(this._ref)}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,s;return i("div",{key:"753c3016f6c9a1ed9fce2fa8c7ae00b9ff73383d",class:h("db-custom-select-list",this.className),role:this.multiple?"group":"radiogroup","aria-label":this.label,ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(s=this.propOverrides)||void 0===s?void 0:s.id},i("ul",{key:"6fce279c5ddf56f52c574e98d60335cd689d7e2c"},i("slot",{key:"667b6c5979cee0f28941fc4e62ba67d9b5878373"})))}get rootElement(){return s(this)}},L=class{constructor(i){t(this,i),this.change=e(this,"change"),this.hasDivider=!1,this.observer=void 0}handleChange(t){t.stopPropagation(),this.change&&this.change.emit(t)}getIconTrailing(){if(!this.isGroupTitle&&"checkbox"!==this.type)return a(this.checked,"checked")?"check":"x_placeholder"}setupObserver(t){if(!t)return;const i=t.closest("db-custom-select-list-item");i&&!this.observer&&(this.observer=new MutationObserver((i=>{i.some((t=>{var i;const s=t.target.attributes.getNamedItem(null!==(i=t.attributeName)&&void 0!==i?i:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-custom-select-list-item")})),this.observer.observe(i,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let e=0;e<i.length;e++){const h=i.item(e);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))h.value?t.setAttribute(h.name,h.value):t.removeAttribute(h.name),s.removeAttribute(h.name);else if(h&&["style"].includes(h.name))t.setAttribute(h.name,h.value),s.removeAttribute(h.name);else if(h&&"class"===h.name){const i=h.value.includes("hydrated"),e=h.value.replace("hydrated","").trim(),a=t.getAttribute("class");t.setAttribute(h.name,`${a||""}${e?` ${e}`:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(h.name)}}}}watch0Fn(){this.hasDivider=Boolean(this.isGroupTitle||this.showDivider)}watch0(){this.watch0Fn()}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-custom-select-list-item"),this.setupObserver(this._ref),this.watch0Fn()}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,s;return i("li",{key:"95e2aeea15f86890868013ddb33a6b365d814fc4",class:h("db-custom-select-list-item",this.className,{"db-checkbox":"checkbox"===this.type&&!this.isGroupTitle,"db-radio":"checkbox"!==this.type&&!this.isGroupTitle}),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(s=this.propOverrides)||void 0===s?void 0:s.id,"data-divider":d(this.hasDivider,"hasDivider")},this.isGroupTitle?i("span",null,this.groupTitle):i("label",{"data-icon":"checkbox"!==this.type&&this.icon?this.icon:void 0,"data-show-icon":d(this.showIcon,"showIcon"),"data-icon-trailing":this.getIconTrailing()},i("input",{class:"db-custom-select-list-item-checkbox","data-disable-focus":"true",type:this.type,name:this.name,form:this.name,checked:a(this.checked,"checked"),disabled:a(this.disabled,"disabled"),value:this.value,onChange:t=>this.handleChange(t)}),this.label?this.label:null,i("slot",null)))}get rootElement(){return s(this)}static get watchers(){return{isGroupTitle:[{watch0:0}],showDivider:[{watch0:0}]}}},D=class{constructor(i){t(this,i),this.input=e(this,"input"),this.change=e(this,"change"),this.blur=e(this,"blur"),this.focus=e(this,"focus"),this._id=void 0,this._messageId=void 0,this._validMessageId=void 0,this._invalidMessageId=void 0,this._invalidMessage=void 0,this._dataListId=void 0,this._descByIds=void 0,this._value="",this._voiceOverFallback="",this.abortController=void 0,this.observer=void 0}hasValidState(){var t;return!!(null!==(t=this.validMessage)&&void 0!==t?t:"valid"===this.validation)}handleValidation(){var t,i,s,e;(null===(t=this._ref)||void 0===t?void 0:t.validity.valid)&&"invalid"!==this.validation?this.hasValidState()&&(null===(s=this._ref)||void 0===s?void 0:s.validity.valid)&&(this.required||this.minLength||this.maxLength||this.pattern)?(this._descByIds=this._validMessageId,o()&&(this._voiceOverFallback=null!==(e=this.validMessage)&&void 0!==e?e:x,n((()=>this._voiceOverFallback=""),1e3))):this._descByIds=l(this.message,this.showMessage)?this._messageId:void 0:(this._descByIds=this._invalidMessageId,this._invalidMessage=this.invalidMessage||(null===(i=this._ref)||void 0===i?void 0:i.validationMessage)||p,o()&&(this._voiceOverFallback=this._invalidMessage,n((()=>this._voiceOverFallback=""),1e3)))}handleInput(t,i){this.input&&this.input.emit(t),this.handleValidation()}handleChange(t,i){this.change&&this.change.emit(t),this.handleValidation()}handleBlur(t){this.blur&&this.blur.emit(t)}handleFocus(t){this.focus&&this.focus.emit(t)}getDataList(){const t=this.dataList;return Array.from((c(t)?null==t?void 0:t.map((t=>({value:t,label:void 0}))):t)||[])}resetIds(){var t,i,s;const e=null!==(s=null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id)&&void 0!==s?s:`input-${r()}`;this._id=e,this._messageId=e+y,this._validMessageId=e+w,this._invalidMessageId=e+g,this._dataListId=e+k}setupObserver(t){if(!t)return;const i=t.closest("db-input");i&&!this.observer&&(this.observer=new MutationObserver((i=>{i.some((t=>{var i;const s=t.target.attributes.getNamedItem(null!==(i=t.attributeName)&&void 0!==i?i:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-input")})),this.observer.observe(i,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let e=0;e<i.length;e++){const h=i.item(e);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))h.value?t.setAttribute(h.name,h.value):t.removeAttribute(h.name),s.removeAttribute(h.name);else if(h&&["style"].includes(h.name))t.setAttribute(h.name,h.value),s.removeAttribute(h.name);else if(h&&"class"===h.name){const i=h.value.includes("hydrated"),e=h.value.replace("hydrated","").trim(),a=t.getAttribute("class");t.setAttribute(h.name,`${a||""}${e?` ${e}`:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(h.name)}}}}watch0Fn(){var t,i;(null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id)&&this.resetIds()}watch0(){this.watch0Fn()}watch1Fn(){var t;this._invalidMessage=this.invalidMessage||(null===(t=this._ref)||void 0===t?void 0:t.validationMessage)||p}watch1(){this.watch1Fn()}watch2Fn(){var t;if(this._id){const i=this._id+y;this._messageId=i,this._validMessageId=this._id+w,this._invalidMessageId=this._id+g,this._dataListId=null!==(t=this.dataListId)&&void 0!==t?t:this._id+k,l(this.message,this.showMessage)&&(this._descByIds=i),this.handleValidation()}}watch2(){this.watch2Fn()}watch3Fn(){this._value=this.value}watch3(){this.watch3Fn()}watch4Fn(){if(this._ref){const t=void 0;let i=this.abortController;i||(i=new AbortController,this.abortController=i),C(this._ref,{value:this.value,defaultValue:t},(t=>{this.handleChange(t,!0),this.handleInput(t,!0)}),i.signal)}}watch4(){this.watch4Fn()}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-input"),(()=>{this.resetIds(),this._invalidMessage=this.invalidMessage||p})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn(),this.watch4Fn()}disconnectedCallback(){var t,i;null===(t=this.abortController)||void 0===t||t.abort(),null===(i=this.observer)||void 0===i||i.disconnect()}render(){var t,s,e,o,n,c,r,p;return i("div",{key:"bfe18e425b08ee3c315f9f59eb230d5ba437407a",class:h("db-input",this.className),"data-variant":this.variant,"data-hide-label":m(this.showLabel),"data-show-icon":d(this.showIconLeading,"showIconLeading")||d(this.showIcon,"showIcon"),"data-icon":null!==(t=this.iconLeading)&&void 0!==t?t:this.icon,"data-icon-trailing":this.iconTrailing,"data-hide-asterisk":m(this.showRequiredAsterisk),"data-show-icon-trailing":d(this.showIconTrailing,"showIconTrailing")},i("label",{key:"0356f8c8e0cf5fe3d4da7857f75a6298fe39486b",htmlFor:this._id},null!==(s=this.label)&&void 0!==s?s:O),i("input",{key:"4bd3c6406df28e017ceb6f080b06e7b4ccf2df75","aria-invalid":"invalid"===this.validation,"data-custom-validity":this.validation,"data-field-sizing":this.fieldSizing,ref:t=>{this._ref=t},id:this._id,name:this.name,type:this.type||"text",multiple:a(this.multiple,"multiple"),accept:this.accept,placeholder:null!==(e=this.placeholder)&&void 0!==e?e:$,disabled:a(this.disabled,"disabled"),required:a(this.required,"required"),step:b(this.step),value:null!==(n=null!==(o=this.value)&&void 0!==o?o:this._value)&&void 0!==n?n:"",maxLength:v(this.maxLength,this.maxlength),minLength:v(this.minLength,this.minlength),max:u(this.max,this.type),min:u(this.min,this.type),readOnly:a(this.readOnly,"readOnly")||a(this.readonly,"readonly")||void 0,form:this.form,pattern:this.pattern,size:this.size,autoComplete:this.autocomplete,autoFocus:a(this.autofocus,"autofocus"),enterKeyHint:this.enterkeyhint,inputMode:this.inputmode,onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),onBlur:t=>this.handleBlur(t),onFocus:t=>this.handleFocus(t),list:this.dataList&&this._dataListId,"aria-describedby":null!==(c=this.ariaDescribedBy)&&void 0!==c?c:this._descByIds,role:["datetime-local","date","time","week","month","color"].includes(null!==(r=this.type)&&void 0!==r?r:"")&&f()?"textbox":void 0}),this.dataList?i("datalist",{id:this._dataListId},null===(p=this.getDataList())||void 0===p?void 0:p.map((t=>i("option",{key:this._dataListId+"-option-"+t.value,value:t.value},t.label)))):null,i("slot",{key:"7071e137ef966ea7ba8c0242c540ee73163e8023"}),l(this.message,this.showMessage)?i("db-infotext",{size:this.messageSize||"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?i("db-infotext",{semantic:"successful",id:this._validMessageId,size:this.validMessageSize||"small"},this.validMessage||x):null,i("db-infotext",{key:"221bc7dceacad6b0c4eb9cfd5747a8db71ff512d",semantic:"critical",id:this._invalidMessageId,size:this.invalidMessageSize||"small"},this._invalidMessage),i("span",{key:"2e376dfcacc4be02eaff503d25e219fcf78ff7a8","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}get rootElement(){return s(this)}static get watchers(){return{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],_ref:[{watch1:0},{watch4:0}],invalidMessage:[{watch1:0}],_id:[{watch2:0}],value:[{watch3:0}]}}},V=class{constructor(i){t(this,i),this.remove=e(this,"remove"),this.observer=void 0}handleRemove(t){t&&(t.stopPropagation(),this.remove&&this.remove.emit(t))}getRemoveButtonText(){return this.removeButton?this.removeButton:_}setupObserver(t){if(!t)return;const i=t.closest("db-tag");i&&!this.observer&&(this.observer=new MutationObserver((i=>{i.some((t=>{var i;const s=t.target.attributes.getNamedItem(null!==(i=t.attributeName)&&void 0!==i?i:"");return(null==s?void 0:s.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-tag")})),this.observer.observe(i,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,i){const s=null==t?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let e=0;e<i.length;e++){const h=i.item(e);if(h&&"data-density"!==h.name&&(h.name.startsWith("data-")||h.name.startsWith("aria-")))h.value?t.setAttribute(h.name,h.value):t.removeAttribute(h.name),s.removeAttribute(h.name);else if(h&&["style"].includes(h.name))t.setAttribute(h.name,h.value),s.removeAttribute(h.name);else if(h&&"class"===h.name){const i=h.value.includes("hydrated"),e=h.value.replace("hydrated","").trim(),a=t.getAttribute("class");t.setAttribute(h.name,`${a||""}${e?` ${e}`:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(h.name)}}}}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const t=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);t&&t.remove()}this.enableAttributePassing(this._ref,"db-tag"),this.setupObserver(this._ref)}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,s,e;return i("div",{key:"bf503e6e826fcb53cfc057b1f2610d062967311e",class:h("db-tag",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(s=this.propOverrides)||void 0===s?void 0:s.id,"data-semantic":this.semantic,"data-emphasis":this.emphasis,"data-icon":this.icon,"data-show-check-state":d(null===(e=this.showCheckState)||void 0===e||e,"showCheckState"),"data-show-icon":d(this.showIcon,"showIcon"),"data-no-text":d(this.noText,"noText"),"data-overflow":d(this.overflow,"overflow")},i("slot",{key:"d047f3f96e38b36f4d8f43cfb316d1571ebdd9ba",name:"content"}),this.text?this.text:null,i("slot",{key:"b2356b4e384b61ac2844bdb4a8c2f9c4e5b9f153"}),"removable"===this.behavior?i("button",{class:"db-button db-tab-remove-button","data-icon":"cross","data-size":"small","data-no-text":"true","data-variant":"ghost",type:"button",onClick:t=>this.handleRemove(t)},i("db-tooltip",{variant:"label"},this.getRemoveButtonText())):null)}get rootElement(){return s(this)}};export{F as db_custom_select_dropdown,I as db_custom_select_list,L as db_custom_select_list_item,D as db_input,V as db_tag}