@db-ux/wc-core-components 4.13.1-angular-signal-forms13-577b861 → 4.14.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/CHANGELOG.md +14 -0
- package/bundle/db-badge.js +1 -1
- package/bundle/db-brand.js +1 -1
- package/bundle/db-checkbox.js +1 -1
- package/bundle/db-custom-select.js +1 -1
- package/bundle/db-drawer.js +1 -1
- package/bundle/db-header.js +1 -1
- package/bundle/db-input.js +1 -1
- package/bundle/db-navigation-item.js +1 -1
- package/bundle/db-notification.js +1 -1
- package/bundle/db-popover.js +1 -1
- package/bundle/db-select.js +1 -1
- package/bundle/db-switch.js +1 -1
- package/bundle/db-tabs.js +1 -1
- package/bundle/db-tag.js +1 -1
- package/bundle/db-textarea.js +1 -1
- package/bundle/db-tooltip.js +1 -1
- package/bundle/index.js +1 -1
- package/bundle/p-BXHP_qH1.js +1 -0
- package/bundle/{p-Be1wVxvg.js → p-Bl3Nkowh.js} +1 -1
- package/bundle/p-Bsv9xU74.js +1 -0
- package/bundle/p-C3D_kjdU.js +1 -0
- package/bundle/p-Cm3dPtkD.js +1 -0
- package/bundle/{p-By8B0zRG.js → p-Cmc3AFmy.js} +1 -1
- package/bundle/{p-C_qYW0Kh.js → p-DmKfvZy3.js} +1 -1
- package/bundle/p-DzJeNSBs.js +1 -0
- package/bundle/{p-Dd85RhMq.js → p-OXsRLHzG.js} +1 -1
- package/dist/cjs/{constants-bMY2_d8A.js → constants-Dy7QIUQi.js} +5 -1
- package/dist/cjs/db-badge.cjs.entry.js +1 -1
- package/dist/cjs/db-brand.cjs.entry.js +1 -1
- package/dist/cjs/db-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/db-custom-select-dropdown_5.cjs.entry.js +1 -1
- package/dist/cjs/db-custom-select.cjs.entry.js +40 -25
- package/dist/cjs/db-drawer.cjs.entry.js +1 -1
- package/dist/cjs/db-header.cjs.entry.js +3 -3
- package/dist/cjs/db-navigation-item.cjs.entry.js +3 -3
- package/dist/cjs/db-notification.cjs.entry.js +1 -1
- package/dist/cjs/db-popover.cjs.entry.js +50 -23
- package/dist/cjs/db-select.cjs.entry.js +1 -1
- package/dist/cjs/db-switch.cjs.entry.js +1 -1
- package/dist/cjs/db-tabs.cjs.entry.js +22 -17
- package/dist/cjs/db-textarea.cjs.entry.js +1 -1
- package/dist/cjs/db-tooltip.cjs.entry.js +40 -28
- package/dist/cjs/db-ux.cjs.js +1 -1
- package/dist/cjs/{document-click-listener-Bt1Iysz5.js → document-click-listener-DyO00UZC.js} +5 -9
- package/dist/cjs/{floating-components-SpHkZuLA.js → floating-components-Ns3Jt7dw.js} +161 -106
- package/dist/cjs/index.cjs.js +9 -6
- package/dist/cjs/intersection-observer-listener-BBUA6END.js +101 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{navigation-DUTSDY4q.js → navigation-fsWSnlKn.js} +1 -1
- package/dist/cjs/resize-observer-listener-B1uhHzqv.js +103 -0
- package/dist/collection/components/custom-select/custom-select.js +37 -20
- package/dist/collection/components/popover/popover.js +75 -46
- package/dist/collection/components/tabs/tabs.js +75 -18
- package/dist/collection/components/tooltip/tooltip.js +63 -49
- package/dist/collection/shared/constants.js +3 -1
- package/dist/collection/utils/abstract-document-listener.js +23 -0
- package/dist/collection/utils/abstract-observer-listener.js +61 -0
- package/dist/collection/utils/document-click-listener.js +5 -9
- package/dist/collection/utils/document-scroll-listener.js +5 -9
- package/dist/collection/utils/floating-components.js +161 -106
- package/dist/collection/utils/intersection-observer-listener.js +36 -0
- package/dist/collection/utils/resize-observer-listener.js +36 -0
- package/dist/custom-elements.json +232 -257
- package/dist/db-ux/db-ux.esm.js +1 -1
- package/dist/db-ux/index.esm.js +1 -1
- package/dist/db-ux/{p-d40a44ca.entry.js → p-1006233c.entry.js} +1 -1
- package/dist/db-ux/p-24767117.entry.js +1 -0
- package/dist/db-ux/{p-c83a359f.entry.js → p-40e78127.entry.js} +1 -1
- package/dist/db-ux/p-4a1282b9.entry.js +1 -0
- package/dist/db-ux/p-5b4ad0fd.entry.js +1 -0
- package/dist/db-ux/{p-dfc9ad26.entry.js → p-6a77f198.entry.js} +1 -1
- package/dist/db-ux/{p-1f740a3b.entry.js → p-6dfb57d0.entry.js} +1 -1
- package/dist/db-ux/p-775ef2b5.entry.js +1 -0
- package/dist/db-ux/p-78b4f191.entry.js +1 -0
- package/dist/db-ux/{p-2e66b25f.entry.js → p-7c26be27.entry.js} +1 -1
- package/dist/db-ux/{p-f4eb1ad4.entry.js → p-7fb6bf32.entry.js} +1 -1
- package/dist/db-ux/p-Bn4tE1v7.js +1 -0
- package/dist/db-ux/p-C3D_kjdU.js +1 -0
- package/dist/db-ux/p-Cm3dPtkD.js +1 -0
- package/dist/db-ux/{p-C_qYW0Kh.js → p-DmKfvZy3.js} +1 -1
- package/dist/db-ux/p-MhMqbaAW.js +1 -0
- package/dist/db-ux/p-aClGBxfA.js +1 -0
- package/dist/db-ux/{p-3649de37.entry.js → p-bfaec517.entry.js} +1 -1
- package/dist/db-ux/{p-3b9d4cc3.entry.js → p-c9b6ae8f.entry.js} +1 -1
- package/dist/db-ux/{p-c33fe9e0.entry.js → p-e8d5f721.entry.js} +1 -1
- package/dist/db-ux/{p-e35b2f5d.entry.js → p-fbb85f89.entry.js} +1 -1
- package/dist/esm/{constants-BdL-nI5y.js → constants-Cm3dPtkD.js} +4 -2
- package/dist/esm/db-badge.entry.js +1 -1
- package/dist/esm/db-brand.entry.js +1 -1
- package/dist/esm/db-checkbox.entry.js +1 -1
- package/dist/esm/db-custom-select-dropdown_5.entry.js +1 -1
- package/dist/esm/db-custom-select.entry.js +38 -23
- package/dist/esm/db-drawer.entry.js +1 -1
- package/dist/esm/db-header.entry.js +3 -3
- package/dist/esm/db-navigation-item.entry.js +3 -3
- package/dist/esm/db-notification.entry.js +1 -1
- package/dist/esm/db-popover.entry.js +48 -21
- package/dist/esm/db-select.entry.js +1 -1
- package/dist/esm/db-switch.entry.js +1 -1
- package/dist/esm/db-tabs.entry.js +22 -17
- package/dist/esm/db-textarea.entry.js +1 -1
- package/dist/esm/db-tooltip.entry.js +37 -25
- package/dist/esm/db-ux.js +1 -1
- package/dist/esm/{document-click-listener-B9qg-hEl.js → document-click-listener-Cqaqu5Jn.js} +5 -9
- package/dist/esm/{floating-components-C0q9XJSc.js → floating-components-C3D_kjdU.js} +162 -107
- package/dist/esm/index.js +6 -5
- package/dist/esm/intersection-observer-listener-DNd-fDFa.js +97 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{navigation-Cd7KZ6E2.js → navigation-BET7zThU.js} +1 -1
- package/dist/esm/resize-observer-listener-ed-nCkCj.js +100 -0
- package/dist/types/components/custom-select/custom-select.d.ts +3 -2
- package/dist/types/components/custom-select/model.d.ts +5 -1
- package/dist/types/components/popover/popover.d.ts +3 -2
- package/dist/types/components/tabs/model.d.ts +4 -12
- package/dist/types/components/tabs/tabs.d.ts +3 -1
- package/dist/types/components/tooltip/tooltip.d.ts +3 -2
- package/dist/types/components.d.ts +8 -2
- package/dist/types/shared/constants.d.ts +2 -0
- package/dist/types/shared/model.d.ts +27 -4
- package/dist/types/utils/abstract-document-listener.d.ts +18 -0
- package/dist/types/utils/abstract-observer-listener.d.ts +39 -0
- package/dist/types/utils/document-click-listener.d.ts +3 -3
- package/dist/types/utils/document-scroll-listener.d.ts +3 -3
- package/dist/types/utils/floating-components.d.ts +29 -6
- package/dist/types/utils/intersection-observer-listener.d.ts +15 -0
- package/dist/types/utils/resize-observer-listener.d.ts +15 -0
- package/dist/vscode.html-custom-data.json +29 -19
- package/dist/web-types.json +82 -75
- package/package.json +3 -3
- package/bundle/p-BdL-nI5y.js +0 -1
- package/bundle/p-C0q9XJSc.js +0 -1
- package/bundle/p-CTkfdjBp.js +0 -1
- package/bundle/p-LpyedXhR.js +0 -1
- package/dist/cjs/document-scroll-listener-Dd_hGebZ.js +0 -43
- package/dist/db-ux/p-177f3aeb.entry.js +0 -1
- package/dist/db-ux/p-2aee37e2.entry.js +0 -1
- package/dist/db-ux/p-550bd66a.entry.js +0 -1
- package/dist/db-ux/p-91d7fcc4.entry.js +0 -1
- package/dist/db-ux/p-B-HK8lhm.js +0 -1
- package/dist/db-ux/p-BdL-nI5y.js +0 -1
- package/dist/db-ux/p-C0q9XJSc.js +0 -1
- package/dist/db-ux/p-Z7eYHp_l.js +0 -1
- package/dist/db-ux/p-bc835df4.entry.js +0 -1
- package/dist/esm/document-scroll-listener-ewGU9bif.js +0 -41
package/bundle/db-textarea.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{y as
|
|
1
|
+
import{y as t,H as i,A as s,h as e,f as a,p as h,u as d,z as l,l as n,k as o,o as r,d as c,t as v}from"./p-BygObMH8.js";import{l as u,f as m,g as b,h as f,k as w,b as g,t as p,a as y}from"./p-Cm3dPtkD.js";import{c as x}from"./p-Bpe95kXk.js";import{d as k}from"./p-DY4zD5g8.js";const z=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.input=s(this,"input"),this.change=s(this,"change"),this.blur=s(this,"blur"),this.focus=s(this,"focus"),this._id=void 0,this._messageId=void 0,this._validMessageId=void 0,this._invalidMessageId=void 0,this._invalidMessage=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,d;(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._descByIds=this._validMessageId,e()&&(this._voiceOverFallback=null!==(d=this.validMessage)&&void 0!==d?d:w,a((()=>this._voiceOverFallback=""),1e3))):this._descByIds=h(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)||u,e()&&(this._voiceOverFallback=this._invalidMessage,a((()=>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)}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:"textarea-"+d();this._id=e,this._messageId=e+m,this._validMessageId=e+b,this._invalidMessageId=e+f}setupObserver(t){if(!t)return;const i=t.closest("db-textarea");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-textarea")})),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 a=i.item(e);if(a&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))a.value?t.setAttribute(a.name,a.value):t.removeAttribute(a.name),s.removeAttribute(a.name);else if(a&&["style"].includes(a.name))t.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"class"===a.name){const i=a.value.includes("hydrated"),e=a.value.replace("hydrated","").trim(),h=t.getAttribute("class");t.setAttribute(a.name,`${h||""}${e?" "+e:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(a.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)||u}watch1(){this.watch1Fn()}watch2Fn(){if(this._id){const t=this._id+m;this._messageId=t,this._validMessageId=this._id+b,this._invalidMessageId=this._id+f,h(this.message,this.showMessage)&&(this._descByIds=t),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),x(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-textarea"),(()=>{this.resetIds(),this._invalidMessage=this.invalidMessage||u})(),(()=>{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,i,s,e,a,d;return l("div",{key:"cf9afaea12a18dbe916bf11e4cfeed5721833f96",class:c("db-textarea",this.className),"data-variant":this.variant,"data-hide-asterisk":r(this.showRequiredAsterisk),"data-hide-label":r(this.showLabel)},l("label",{key:"fd7444fe2963eabdb755d2bc9d0b664103813493",htmlFor:this._id},null!==(t=this.label)&&void 0!==t?t:y),l("textarea",{key:"282e969c036a0cd079a77cd6373103084dd5e75b","aria-invalid":"invalid"===this.validation,"data-custom-validity":this.validation,"data-field-sizing":this.fieldSizing,ref:t=>{this._ref=t},id:this._id,"data-resize":this.resize,"data-hide-resizer":r(null===(i=this.showResizer)||void 0===i||i),disabled:o(this.disabled,"disabled"),required:o(this.required,"required"),readOnly:o(this.readOnly,"readOnly")||o(this.readonly,"readonly")||void 0,form:this.form,maxLength:n(this.maxLength,this.maxlength),minLength:n(this.minLength,this.minlength),name:this.name,wrap:this.wrap,spellcheck:this.spellCheck,autocomplete:this.autocomplete,onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),onBlur:t=>this.handleBlur(t),onFocus:t=>this.handleFocus(t),value:null!==(e=null!==(s=this.value)&&void 0!==s?s:this._value)&&void 0!==e?e:"","aria-describedby":null!==(a=this.ariaDescribedBy)&&void 0!==a?a:this._descByIds,placeholder:null!==(d=this.placeholder)&&void 0!==d?d:g,rows:n(this.rows,p),cols:n(this.cols)}),h(this.message,this.showMessage)?l("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?l("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||w):null,l("db-infotext",{key:"07e6585b6a89335004382796a9c06da736260028",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),l("span",{key:"6a8394ae7d62809422e54a810e75cf0628327223","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}get rootElement(){return 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}]}}},[0,"db-textarea",{invalidMessage:[1,"invalid-message"],id:[1],propOverrides:[16],message:[1],showMessage:[8,"show-message"],value:[8],validMessage:[1,"valid-message"],validation:[1],required:[8],minLength:[8,"min-length"],maxLength:[8,"max-length"],className:[1,"classname"],variant:[1],showRequiredAsterisk:[8,"show-required-asterisk"],showLabel:[8,"show-label"],label:[1],fieldSizing:[1,"field-sizing"],resize:[1],showResizer:[8,"show-resizer"],disabled:[8],readOnly:[8,"read-only"],readonly:[8],form:[1],maxlength:[8],minlength:[8],name:[1],wrap:[1],spellCheck:[4,"spell-check"],autocomplete:[1],ariaDescribedBy:[1,"aria-described-by"],placeholder:[1],rows:[8],cols:[8],messageIcon:[1,"message-icon"],_id:[32],_messageId:[32],_validMessageId:[32],_invalidMessageId:[32],_invalidMessage:[32],_descByIds:[32],_value:[32],_voiceOverFallback:[32],abortController:[32],observer:[32]},void 0,{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],_ref:[{watch1:0},{watch4:0}],invalidMessage:[{watch1:0}],_id:[{watch2:0}],value:[{watch3:0}]}]),_=z,O=function(){"undefined"!=typeof customElements&&["db-textarea","db-infotext"].forEach((t=>{switch(t){case"db-textarea":customElements.get(v(t))||customElements.define(v(t),z);break;case"db-infotext":customElements.get(v(t))||k()}}))};export{_ as DbTextarea,O as defineCustomElement}
|
package/bundle/db-tooltip.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{D as
|
|
1
|
+
import{D as s,d as o}from"./p-DzJeNSBs.js";const p=s,r=o;export{p as DbTooltip,r as defineCustomElement}
|
package/bundle/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as _}from"./p-BygObMH8.js";export{c as addAttributeToChildren,d as cls,f as delay,g as getAssetPath,k as getBoolean,j as getBooleanAsString,o as getHideProp,n as getInputValue,x as getNotificationRole,l as getNumber,v as getOptionKey,q as getSearchInput,m as getStep,h as hasVoiceOver,i as isArrayOfStrings,e as isIOSSafari,w as isKeyboardEvent,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions,p as stringPropVisible,u as uuid}from"./p-BygObMH8.js";import{DbAccordion as L}from"./db-accordion.js";import{DbAccordionItem as
|
|
1
|
+
import{t as _}from"./p-BygObMH8.js";export{c as addAttributeToChildren,d as cls,f as delay,g as getAssetPath,k as getBoolean,j as getBooleanAsString,o as getHideProp,n as getInputValue,x as getNotificationRole,l as getNumber,v as getOptionKey,q as getSearchInput,m as getStep,h as hasVoiceOver,i as isArrayOfStrings,e as isIOSSafari,w as isKeyboardEvent,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions,p as stringPropVisible,u as uuid}from"./p-BygObMH8.js";import{DbAccordion as L}from"./db-accordion.js";import{DbAccordionItem as O}from"./db-accordion-item.js";import{DbBadge as U}from"./db-badge.js";import{DbBrand as R}from"./db-brand.js";import{DbButton as P}from"./db-button.js";import{DbCard as M}from"./db-card.js";import{DbCheckbox as V}from"./db-checkbox.js";import{DbCustomButton as X}from"./db-custom-button.js";import{DbCustomSelect as K}from"./db-custom-select.js";export{D as DocumentClickListener}from"./db-custom-select.js";import{DbCustomSelectDropdown as W}from"./db-custom-select-dropdown.js";import{DbCustomSelectFormField as Y}from"./db-custom-select-form-field.js";import{DbCustomSelectList as Z}from"./db-custom-select-list.js";import{DbCustomSelectListItem as J}from"./db-custom-select-list-item.js";import{DbDivider as Q}from"./db-divider.js";import{DbDrawer as $}from"./db-drawer.js";import{DbHeader as ee}from"./db-header.js";import{DbIcon as te}from"./db-icon.js";import{DbInfotext as oe}from"./db-infotext.js";import{DbInput as ae}from"./db-input.js";import{DbLink as re}from"./db-link.js";import{DbNavigation as se}from"./db-navigation.js";import{DbNavigationItem as ie}from"./db-navigation-item.js";import{DbNotification as ne}from"./db-notification.js";import{DbPage as me}from"./db-page.js";import{DbPopover as le}from"./db-popover.js";import{DbRadio as de}from"./db-radio.js";import{DbSection as ce}from"./db-section.js";import{DbSelect as pe}from"./db-select.js";import{DbStack as fe}from"./db-stack.js";import{DbSwitch as be}from"./db-switch.js";import{DbTabItem as Ee}from"./db-tab-item.js";import{DbTabList as ge}from"./db-tab-list.js";import{DbTabPanel as ue}from"./db-tab-panel.js";import{DbTable as _e}from"./db-table.js";import{DbTableBody as Le}from"./db-table-body.js";import{DbTableCaption as je}from"./db-table-caption.js";import{DbTableDataCell as De}from"./db-table-data-cell.js";import{DbTableFooter as Ae}from"./db-table-footer.js";import{DbTableHead as Se}from"./db-table-head.js";import{DbTableHeaderCell as Te}from"./db-table-header-cell.js";import{DbTableRow as he}from"./db-table-row.js";import{DbTabs as Fe}from"./db-tabs.js";import{DbTag as Ie}from"./db-tag.js";import{DbTextarea as xe}from"./db-textarea.js";import{DbTooltip as Oe}from"./db-tooltip.js";export{z as COLOR,A as COLORS,B as COLORS_SIMPLE,C as COLOR_CONST,y as COLOR_SIMPLE,H as DB_UX_LOCAL_STORAGE_FRAMEWORK,I as DB_UX_LOCAL_STORAGE_MODE,n as DEFAULT_BACK,r as DEFAULT_BURGER_MENU,u as DEFAULT_CLOSE_BUTTON,j as DEFAULT_DATALIST_ID_SUFFIX,s as DEFAULT_ICON,D as DEFAULT_ID,l as DEFAULT_INVALID_MESSAGE,h as DEFAULT_INVALID_MESSAGE_ID_SUFFIX,a as DEFAULT_LABEL,d as DEFAULT_LABEL_ID_SUFFIX,c as DEFAULT_MESSAGE,f as DEFAULT_MESSAGE_ID_SUFFIX,b as DEFAULT_PLACEHOLDER,i as DEFAULT_PLACEHOLDER_ID_SUFFIX,m as DEFAULT_REMOVE,t as DEFAULT_ROWS,p as DEFAULT_SCROLL_LEFT,q as DEFAULT_SCROLL_RIGHT,o as DEFAULT_SELECTED,e as DEFAULT_SELECT_ID_SUFFIX,k as DEFAULT_VALID_MESSAGE,g as DEFAULT_VALID_MESSAGE_ID_SUFFIX,F as DEFAULT_VIEWPORT,x as DENSITIES,w as DENSITY,v as DENSITY_CONST,G as DESKTOP_VIEWPORT,S as SEMANTIC,E as SEMANTICS,T as TESTING_VIEWPORTS}from"./p-Cm3dPtkD.js";export{D as DocumentScrollListener}from"./p-BXHP_qH1.js";export{g as getFloatingProps,b as handleDataOutside,h as handleFixedDropdown,a as handleFixedPopover}from"./p-C3D_kjdU.js";import"./p-Bsv9xU74.js";export{N as NavigationItemSafeTriangle,i as isEventTargetNavigationItem}from"./p-DmKfvZy3.js";const ve=["divider","card"],Ue=["multiple","single"],we=["inline","corner-top-left","corner-top-right","corner-center-left","corner-center-right","corner-bottom-left","corner-bottom-right"],ye=["outlined","brand","filled","ghost"],Ce=["button","reset","submit"],Re=["static","interactive"],Ne=["1","2","3"],ke=["fixed","auto","full"],Pe=["checkbox","radio"],Me=["amount","text","tag"],Be=["none","_"],Ge=["horizontal","vertical"],Ve=["none","strong","weak","invisible"],Xe=["left","right","up","down"],ze=["modal","inside"],He=["fixed","absolute"],Ke=["16","20","24","32","48","64"],We=["color","date","datetime-local","email","file","hidden","month","number","password","range","search","tel","text","time","url","week"],qe=["adaptive","brand","inline"],Ye=["medium","small"],Ze=["external","internal"],Je=["docked","standalone","overlay"],Qe=["block","inline"],$e=["assertive","polite","off"],et=["auto","fixed"],tt=["hidden","auto"],ot=["simple","divider"],at=["row","column"],rt=["stretch","start","end","center"],st=["space-between","start","end","center"],it=["row","col","rowgroup","colgroup"],nt=["none","weak","strong"],mt=["x-small","small","medium","large"],lt=["flat","zebra","spaced"],dt=["none","both","horizontal","vertical"],ct=["table","list"],pt=["none","both","horizontal","vertical"],ft=["auto","1fr","min-content","max-content"],bt=["scrollbar","arrows"],Et=["auto","manually"],gt=["static","removable"],ut=["none","both","horizontal","vertical"],_t=["hard","soft","off"],Lt=["description","label"],jt=["adaptive","neutral","critical","informational","warning","successful"],Dt=["medium","small","large","none"],At=["medium","small","large","none"],St=["left","right","left-start","left-end","right-start","right-end"],Tt=["top","bottom","top-start","top-end","bottom-start","bottom-end"],ht=[...St,...Tt],Ft=["none","3x-large","2x-large","x-large","large","medium","small","x-small","2x-small","3x-small"],It=["horizontal","vertical"],xt=["full","auto"],Ot=["full","medium","large","small"],vt=["none","slow","fast"],Ut=["auto","fixed"],wt=["small","medium"],yt=["weak","strong"],Ct=["invalid","valid","no-validation"],Rt=["fixed","content"],Nt=["above","floating"],kt=["leading","trailing"],Pt=["off","on","name","honorific-prefix","given-name","additional-name","family-name","honorific-suffix","nickname","email","username","new-password","current-password","one-time-code","organization-title","organization","street-address","shipping","billing","address-line1","address-line2","address-line3","address-level4","address-level3","address-level2","address-level1","country","country-name","postal-code","cc-name","cc-given-name","cc-additional-name","cc-family-name","cc-number","cc-exp","cc-exp-month","cc-exp-year","cc-csc","cc-type","transaction-currency","transaction-amount","language","bday","bday-day","bday-month","bday-year","sex","tel","tel-country-code","tel-national","tel-area-code","tel-local","tel-extension","impp","url","photo","webauthn"],Mt=["_self","_blank","_parent","_top"],Bt=["no-referrer","no-referrer-when-downgrade","origin","origin-when-cross-origin","same-origin","strict-origin","strict-origin-when-cross-origin","unsafe-url"],Gt=["start","center","end"],Vt=e=>{"undefined"!=typeof customElements&&[L,O,U,R,P,M,V,X,K,W,Y,Z,J,Q,$,ee,te,oe,ae,re,se,ie,ne,me,le,de,ce,pe,fe,be,Ee,ge,ue,_e,Le,je,De,Ae,Se,Te,he,Fe,Ie,xe,Oe].forEach((t=>{customElements.get(_(t.is))||customElements.define(_(t.is),t,e)}))};export{Ue as AccordionBehaviorList,ve as AccordionVariantList,Gt as AlignmentList,Pt as AutoCompleteList,we as BadgePlacementList,Ce as ButtonTypeList,ye as ButtonVariantList,Re as CardBehaviorList,Ne as CardElevationLevelList,ke as CustomSelectDropdownWidthList,Pe as CustomSelectListItemTypeList,ft as DBTableColumnsSizeList,dt as DBTableDividerList,it as DBTableHeaderCellScopeList,ct as DBTableMobileVariantList,mt as DBTableRowSizeList,nt as DBTableRowSubHeaderEmphasisList,pt as DBTableStickyHeaderList,lt as DBTableVariantList,Be as DividerMarginList,Ge as DividerVariantList,Ve as DrawerBackdropList,Xe as DrawerDirectionList,He as DrawerPositionList,ze as DrawerVariantList,yt as EmphasisList,Rt as FieldSizingList,Ft as GapSpacingList,Ke as IconWeightList,We as InputTypeList,kt as LabelVariantHorizontalList,Nt as LabelVariantList,Ze as LinkContentList,Bt as LinkReferrerPolicyList,Ye as LinkSizeList,Mt as LinkTargetList,qe as LinkVariantList,At as MarginList,Ot as MaxWidthList,$e as NotificationAriaLiveList,Qe as NotificationLinkVariantList,Je as NotificationVariantList,It as OrientationList,tt as PageDocumentOverflowList,et as PageVariantList,St as PlacementHorizontalList,ht as PlacementList,Tt as PlacementVerticalList,vt as PopoverDelayList,Ut as PopoverWidthList,Me as SelectedTypeList,jt as SemanticList,wt as SizeList,Dt as SpacingList,rt as StackAlignmentList,at as StackDirectionList,st as StackJustifyContentList,ot as StackVariantList,bt as TabsBehaviorList,Et as TabsInitialSelectedModeList,gt as TagBehaviorList,ut as TextareaResizeList,_t as TextareaWrapList,Lt as TooltipVariantList,Ct as ValidationList,xt as WidthList,Vt as defineCustomElements}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{u as e}from"./p-BygObMH8.js";import{A as t}from"./p-Bsv9xU74.js";class s{addCallback(t){const s=e();return this.getCallbacks()[s]=t,s}removeCallback(e){delete this.getCallbacks()[e]}}class r extends s{static runCallbacks(e){for(const t of Object.values(r.callbacks))"function"==typeof t&&t(e)}constructor(){if(super(),this.ticking=!1,r._instance)return r._instance;r._instance=this,self.document&&self.document.addEventListener("scroll",(e=>{this.ticking||(window.requestAnimationFrame((()=>{r.runCallbacks(e),this.ticking=!1})),this.ticking=!0)}),!0)}getCallbacks(){return r.callbacks}}r.callbacks={},r._instance=null;class n extends t{constructor(){if(super(),n._instance)return n._instance;n._instance=this,"undefined"!=typeof window&&"IntersectionObserver"in window&&(n.observer=new IntersectionObserver((e=>{for(const t of e)this.dispatchEntry(t.target,t)})))}getCallbacksByElement(){return n.callbacksByElement}getIdToElement(){return n.idToElement}getObserver(){return n.observer}observeElement(e,t){e.observe(t)}unobserveElement(e,t){e.unobserve(t)}}n._instance=null,n.callbacksByElement=new Map,n.idToElement=new Map,n.observer=null;export{s as A,r as D,n as I}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{y as i,H as t,A as s,h as e,f as a,p as h,i as d,u as n,z as l,k as o,n as c,l as r,m as u,e as v,j as m,o as f,d as b,t as g}from"./p-BygObMH8.js";import{l as p,f as w,g as y,h as k,j as
|
|
1
|
+
import{y as i,H as t,A as s,h as e,f as a,p as h,i as d,u as n,z as l,k as o,n as c,l as r,m as u,e as v,j as m,o as f,d as b,t as g}from"./p-BygObMH8.js";import{l as p,f as w,g as y,h as k,j as x,k as z,b as I,a as L}from"./p-Cm3dPtkD.js";import{c as M}from"./p-Bpe95kXk.js";import{d as _}from"./p-DY4zD5g8.js";const O=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.input=s(this,"input"),this.change=s(this,"change"),this.blur=s(this,"blur"),this.focus=s(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 i;return!!(null!==(i=this.validMessage)&&void 0!==i?i:"valid"===this.validation)}handleValidation(){var i,t,s,d;(null===(i=this._ref)||void 0===i?void 0:i.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,e()&&(this._voiceOverFallback=null!==(d=this.validMessage)&&void 0!==d?d:z,a((()=>this._voiceOverFallback=""),1e3))):this._descByIds=h(this.message,this.showMessage)?this._messageId:void 0:(this._descByIds=this._invalidMessageId,this._invalidMessage=this.invalidMessage||(null===(t=this._ref)||void 0===t?void 0:t.validationMessage)||p,e()&&(this._voiceOverFallback=this._invalidMessage,a((()=>this._voiceOverFallback=""),1e3)))}handleInput(i,t){this.input&&this.input.emit(i),this.handleValidation()}handleChange(i,t){this.change&&this.change.emit(i),this.handleValidation()}handleBlur(i){this.blur&&this.blur.emit(i)}handleFocus(i){this.focus&&this.focus.emit(i)}getDataList(){const i=this.dataList;return Array.from((d(i)?null==i?void 0:i.map((i=>({value:i,label:void 0}))):i)||[])}resetIds(){var i,t,s;const e=null!==(s=null!==(i=this.id)&&void 0!==i?i:null===(t=this.propOverrides)||void 0===t?void 0:t.id)&&void 0!==s?s:`input-${n()}`;this._id=e,this._messageId=e+w,this._validMessageId=e+y,this._invalidMessageId=e+k,this._dataListId=e+x}setupObserver(i){if(!i)return;const t=i.closest("db-input");t&&!this.observer&&(this.observer=new MutationObserver((t=>{t.some((i=>{var t;const s=i.target.attributes.getNamedItem(null!==(t=i.attributeName)&&void 0!==t?t:"");return(null==s?void 0:s.value)!==i.oldValue}))&&this.enableAttributePassing(i,"db-input")})),this.observer.observe(t,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(i,t){const s=null==i?void 0:i.closest(t);if(i&&s){const t=s.attributes;for(let e=0;e<t.length;e++){const a=t.item(e);if(a&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))a.value?i.setAttribute(a.name,a.value):i.removeAttribute(a.name),s.removeAttribute(a.name);else if(a&&["style"].includes(a.name))i.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"class"===a.name){const t=a.value.includes("hydrated"),e=a.value.replace("hydrated","").trim(),h=i.getAttribute("class");i.setAttribute(a.name,`${h||""}${e?` ${e}`:""}`),t?s.setAttribute("class","hydrated"):s.removeAttribute(a.name)}}}}watch0Fn(){var i,t;(null!==(i=this.id)&&void 0!==i?i:null===(t=this.propOverrides)||void 0===t?void 0:t.id)&&this.resetIds()}watch0(){this.watch0Fn()}watch1Fn(){var i;this._invalidMessage=this.invalidMessage||(null===(i=this._ref)||void 0===i?void 0:i.validationMessage)||p}watch1(){this.watch1Fn()}watch2Fn(){var i;if(this._id){const t=this._id+w;this._messageId=t,this._validMessageId=this._id+y,this._invalidMessageId=this._id+k,this._dataListId=null!==(i=this.dataListId)&&void 0!==i?i:this._id+x,h(this.message,this.showMessage)&&(this._descByIds=t),this.handleValidation()}}watch2(){this.watch2Fn()}watch3Fn(){this._value=this.value}watch3(){this.watch3Fn()}watch4Fn(){if(this._ref){const i=void 0;let t=this.abortController;t||(t=new AbortController,this.abortController=t),M(this._ref,{value:this.value,defaultValue:i},(i=>{this.handleChange(i,!0),this.handleInput(i,!0)}),t.signal)}}watch4(){this.watch4Fn()}componentDidLoad(){if("undefined"!=typeof document&&this.rootElement&&this.rootElement.dataset.connect){const i=document.querySelector(`[data-connect-id="${this.rootElement.dataset.connect}"]`);i&&i.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 i,t;null===(i=this.abortController)||void 0===i||i.abort(),null===(t=this.observer)||void 0===t||t.disconnect()}render(){var i,t,s,e,a,d,n,g;return l("div",{key:"bfe18e425b08ee3c315f9f59eb230d5ba437407a",class:b("db-input",this.className),"data-variant":this.variant,"data-hide-label":f(this.showLabel),"data-show-icon":m(this.showIconLeading,"showIconLeading")||m(this.showIcon,"showIcon"),"data-icon":null!==(i=this.iconLeading)&&void 0!==i?i:this.icon,"data-icon-trailing":this.iconTrailing,"data-hide-asterisk":f(this.showRequiredAsterisk),"data-show-icon-trailing":m(this.showIconTrailing,"showIconTrailing")},l("label",{key:"0356f8c8e0cf5fe3d4da7857f75a6298fe39486b",htmlFor:this._id},null!==(t=this.label)&&void 0!==t?t:L),l("input",{key:"4bd3c6406df28e017ceb6f080b06e7b4ccf2df75","aria-invalid":"invalid"===this.validation,"data-custom-validity":this.validation,"data-field-sizing":this.fieldSizing,ref:i=>{this._ref=i},id:this._id,name:this.name,type:this.type||"text",multiple:o(this.multiple,"multiple"),accept:this.accept,placeholder:null!==(s=this.placeholder)&&void 0!==s?s:I,disabled:o(this.disabled,"disabled"),required:o(this.required,"required"),step:u(this.step),value:null!==(a=null!==(e=this.value)&&void 0!==e?e:this._value)&&void 0!==a?a:"",maxLength:r(this.maxLength,this.maxlength),minLength:r(this.minLength,this.minlength),max:c(this.max,this.type),min:c(this.min,this.type),readOnly:o(this.readOnly,"readOnly")||o(this.readonly,"readonly")||void 0,form:this.form,pattern:this.pattern,size:this.size,autoComplete:this.autocomplete,autoFocus:o(this.autofocus,"autofocus"),enterKeyHint:this.enterkeyhint,inputMode:this.inputmode,onInput:i=>this.handleInput(i),onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i),list:this.dataList&&this._dataListId,"aria-describedby":null!==(d=this.ariaDescribedBy)&&void 0!==d?d:this._descByIds,role:["datetime-local","date","time","week","month","color"].includes(null!==(n=this.type)&&void 0!==n?n:"")&&v()?"textbox":void 0}),this.dataList?l("datalist",{id:this._dataListId},null===(g=this.getDataList())||void 0===g?void 0:g.map((i=>l("option",{key:this._dataListId+"-option-"+i.value,value:i.value},i.label)))):null,l("slot",{key:"7071e137ef966ea7ba8c0242c540ee73163e8023"}),h(this.message,this.showMessage)?l("db-infotext",{size:this.messageSize||"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?l("db-infotext",{semantic:"successful",id:this._validMessageId,size:this.validMessageSize||"small"},this.validMessage||z):null,l("db-infotext",{key:"221bc7dceacad6b0c4eb9cfd5747a8db71ff512d",semantic:"critical",id:this._invalidMessageId,size:this.invalidMessageSize||"small"},this._invalidMessage),l("span",{key:"2e376dfcacc4be02eaff503d25e219fcf78ff7a8","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}get rootElement(){return 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}]}}},[260,"db-input",{invalidMessage:[1,"invalid-message"],id:[1],propOverrides:[16],dataListId:[1,"data-list-id"],message:[1],showMessage:[8,"show-message"],value:[8],validMessage:[1,"valid-message"],validation:[1],required:[8],minLength:[8,"min-length"],maxLength:[8,"max-length"],pattern:[1],dataList:[16],className:[1,"classname"],variant:[1],showLabel:[8,"show-label"],showIconLeading:[8,"show-icon-leading"],showIcon:[8,"show-icon"],iconLeading:[1,"icon-leading"],icon:[1],iconTrailing:[1,"icon-trailing"],showRequiredAsterisk:[8,"show-required-asterisk"],showIconTrailing:[8,"show-icon-trailing"],label:[1],fieldSizing:[1,"field-sizing"],name:[1],type:[1],multiple:[8],accept:[1],placeholder:[1],disabled:[8],step:[8],maxlength:[8],minlength:[8],max:[8],min:[8],readOnly:[8,"read-only"],readonly:[8],form:[1],size:[2],autocomplete:[1],autofocus:[8],enterkeyhint:[1],inputmode:[1],ariaDescribedBy:[1,"aria-described-by"],messageSize:[1,"message-size"],messageIcon:[1,"message-icon"],validMessageSize:[1,"valid-message-size"],invalidMessageSize:[1,"invalid-message-size"],_id:[32],_messageId:[32],_validMessageId:[32],_invalidMessageId:[32],_invalidMessage:[32],_dataListId:[32],_descByIds:[32],_value:[32],_voiceOverFallback:[32],abortController:[32],observer:[32]},void 0,{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],_ref:[{watch1:0},{watch4:0}],invalidMessage:[{watch1:0}],_id:[{watch2:0}],value:[{watch3:0}]}]);function F(){"undefined"!=typeof customElements&&["db-input","db-infotext"].forEach((i=>{switch(i){case"db-input":customElements.get(g(i))||customElements.define(g(i),O);break;case"db-infotext":customElements.get(g(i))||_()}}))}export{O as D,F as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{u as e}from"./p-BygObMH8.js";class t{observe(t,s){const n=this.getObserver();if(!n)return;const r=e(),i=this.getCallbacksByElement(),o=this.getIdToElement();let u=i.get(t);return u||(u=new Map,i.set(t,u),this.observeElement(n,t)),u.set(r,s),o.set(r,t),r}unobserve(e){const t=this.getCallbacksByElement(),s=this.getIdToElement(),n=this.getObserver(),r=s.get(e);if(!r||!n)return;const i=t.get(r);i&&(i.delete(e),0===i.size&&(t.delete(r),this.unobserveElement(n,r))),s.delete(e)}dispatchEntry(e,t){const s=this.getCallbacksByElement().get(e);s&&s.forEach((e=>{e(t)}))}}class s extends t{constructor(){if(super(),s._instance)return s._instance;s._instance=this,"undefined"!=typeof window&&"ResizeObserver"in window&&(s.observer=new ResizeObserver((e=>{for(const t of e)this.dispatchEntry(t.target,t)})))}getCallbacksByElement(){return s.callbacksByElement}getIdToElement(){return s.idToElement}getObserver(){return s.observer}observeElement(e,t){e.observe(t)}unobserveElement(e,t){e.unobserve(t)}}s._instance=null,s.callbacksByElement=new Map,s.idToElement=new Map,s.observer=null;export{t as A,s as R}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const t=(t,e,i)=>{if(!t||!e)return;const l="full"===t.dataset.width,n="auto"===t.dataset.width;t.style.inlineSize="",t.style.minInlineSize="";const r=getComputedStyle(t);if("9999"===r.zIndex||"fixed"!==r.position&&"absolute"!==r.position)return;const{top:d,bottom:h,childHeight:p,childWidth:a,width:s,right:c,left:f,correctedPlacement:u,innerWidth:b}=o(t,e,i);let m=s;if(n){const o=parseFloat(getComputedStyle(t).maxInlineSize);!isNaN(o)&&o>0&&(m=Math.min(s,o))}l?t.style.inlineSize=`${s}px`:n&&(t.style.minInlineSize=`${m}px`);let g=a;n?g=Math.max(a,m):l&&(g=s);let $=u;n&&("top"===$||"bottom"===$||"top-start"===$||"bottom-start"===$)&&f+g>b&&($=$.startsWith("top")?"top-end":"bottom-end"),"top"===$||"bottom"===$||"top-start"===$||"bottom-start"===$?t.style.insetInlineStart=`${f}px`:"top-end"!==$&&"bottom-end"!==$||(t.style.insetInlineStart=`${Math.max(c-g,0)}px`),(null==$?void 0:$.startsWith("top"))?t.style.insetBlockStart=d-p+"px":(null==$?void 0:$.startsWith("bottom"))&&(t.style.insetBlockStart=`${h}px`),t.style.position="fixed"},o=(t,o,e)=>{if(!t||!o)return{top:0,bottom:0,right:0,height:0,width:0,left:0,childHeight:0,childWidth:0,correctedPlacement:e,innerWidth:window.innerWidth,innerHeight:window.innerHeight};const i=t.getBoundingClientRect(),{top:l,height:n,bottom:r,right:d,left:h,width:p}=o.getBoundingClientRect(),{innerHeight:a,innerWidth:s}=window;let c=i.height,f=i.width;"bottom"!==e&&"top"!==e||(f=p>f?0:f/2),"left"!==e&&"right"!==e||(c=n>c?0:c/2);const u=Math.floor(r+c)>a,b=Math.ceil(l-c)<0,m=Math.ceil(h-f)<0,g=Math.floor(d+f)>s;let $=e;return e.startsWith("bottom")?u?b?m?$="bottom-start":g&&($="bottom-end"):($=null==e?void 0:e.replace("bottom","top"),m&&g?$="top":m?$="top-start":g&&($="top-end")):m&&g?$="bottom":m?$="bottom-start":g&&($="bottom-end"):e.startsWith("top")?b?u?m?$="top-start":g&&($="top-end"):($=null==e?void 0:e.replace("top","bottom"),m&&g?$="bottom":m?$="bottom-start":g&&($="bottom-end")):m&&g?$="top":m?$="top-start":g&&($="top-end"):e.startsWith("left")?m?g||($=null==e?void 0:e.replace("left","right"),u&&b?$="right":u?$="right-end":b&&($="right-start")):u&&b?$="left":u?$="left-end":b&&($="left-start"):$.startsWith("right")&&(g?m||($=null==e?void 0:e.replace("right","left"),u&&b?$="left":u?$="left-end":b&&($="left-start")):u&&b?$="right":u?$="right-end":b&&($="right-start")),{top:l,bottom:r,right:d,height:n,width:p,left:h,childHeight:i.height,childWidth:i.width,correctedPlacement:$,innerWidth:s,innerHeight:a,outsideYBoth:b&&u}},e=new WeakMap,i=(t,i,n)=>{var r,d,h;if(!t||!i)return;const p=getComputedStyle(i),a=["absolute","fixed"].includes(p.position),s=(t=>{if(e.has(t))return e.get(t);let o=t.parentElement,i=0;for(;o&&i<10;){if(o.dataset.correctedPlacement)return e.set(t,o),o;o=o.parentElement,i+=1}return e.set(t,null),null})(t),c=!s&&!a,f=getComputedStyle(t);if("fixed"!==f.position&&"absolute"!==f.position)return;let u=f.getPropertyValue("--db-popover-distance");u.length||(u="0px");const b=null!==(h=null!==(d=null===(r=null==t?void 0:t.dataset)||void 0===r?void 0:r.placement)&&void 0!==d?d:n)&&void 0!==h?h:"bottom";let{top:m,height:g,width:$,childHeight:x,childWidth:v,right:w,left:M,bottom:W,correctedPlacement:H,innerWidth:y,innerHeight:k,outsideYBoth:B}=o(t,i,b);if(s){const t=s.getBoundingClientRect();M=Math.abs(M-t.left),w=1.5*($+Math.abs(w-t.right)),m=Math.abs(m-t.top),W=1.5*(g+Math.abs(W-t.bottom))}if(a&&(M=0,w=$,m=0,W=g,["auto","inherit","0"].includes(p.zIndex)&&(i.style.zIndex="1")),v>$&&(H.startsWith("bottom")||H.startsWith("top"))){const o=$/2/v*100;H.endsWith("start")?t.style.setProperty("--db-tooltip-arrow-inline-start",`${o}%`):H.endsWith("end")?t.style.setProperty("--db-tooltip-arrow-inline-start",100-o+"%"):t.style.setProperty("--db-tooltip-arrow-inline-start","50%")}if(x>g&&(H.startsWith("left")||H.startsWith("bottom"))){const o=g/2/x*100;H.endsWith("start")?t.style.setProperty("--db-tooltip-arrow-block-start",`${o}%`):H.endsWith("end")?t.style.setProperty("--db-tooltip-arrow-block-start",100-o+"%"):t.style.setProperty("--db-tooltip-arrow-block-start","50%")}if(t.style.insetBlock="",t.style.insetInline="","right"===H||"left"===H)t.style.insetBlockStart=`${m+g/2}px`;else if("right-start"===H||"left-start"===H){const o=m+x;t.style.insetBlockStart=`${m}px`,t.style.insetBlockEnd=`${!a&&o>k?k:o}px`}else if("right-end"===H||"left-end"===H){const o=W-x;t.style.insetBlockStart=`${!a&&o<0?0:o}px`,t.style.insetBlockEnd=`${W}px`}else if("top"===H||"bottom"===H)t.style.insetInlineStart=`${M+$/2}px`;else if("top-start"===H||"bottom-start"===H){const o=M+v;t.style.insetInlineStart=`${M}px`,t.style.insetInlineEnd=`${!a&&o>y?y:o}px`}else if("top-end"===H||"bottom-end"===H){const o=w-v;t.style.insetInlineStart=`${!a&&o<0?0:o}px`,t.style.insetInlineEnd=`${w}px`}if(null==H?void 0:H.startsWith("right")){const o=w+v;t.style.insetInlineStart=`calc(${w}px + ${u})`,t.style.insetInlineEnd=`calc(${c&&o>y?y:o}px + ${u})`}else if(null==H?void 0:H.startsWith("left")){const o=M-v;t.style.insetInlineStart=`calc(${c&&o<0?0:o}px - ${u})`,t.style.insetInlineEnd=`calc(${w}px - ${u})`}else if(null==H?void 0:H.startsWith("top")){const o=m-x;t.style.insetBlockStart=`calc(${c&&o<0?0:o}px - ${u})`,t.style.insetBlockEnd=`calc(${a?o:W}px - ${u})`}else if(null==H?void 0:H.startsWith("bottom")){const o=W+x;t.style.insetBlockStart=`calc(${a?o:W}px + ${u})`,t.style.insetBlockEnd=`calc(${c&&o>k?k:o}px + ${u})`}B?(t.style.overflow="hidden auto",t.style.insetBlock=u,t.style.maxBlockSize=`calc(${k}px - 2 * ${u})`):(t.style.overflow="",t.style.maxBlockSize=""),t.style.position="fixed",t.dataset.correctedPlacement=H,l(t)},l=t=>{const{outTop:o,outBottom:e,outLeft:i,outRight:l}=n(t);let r={};return o||e?(r={vy:o?"top":"bottom"},t.dataset.outsideVy=r.vy):delete t.dataset.outsideVy,i||l?(r=Object.assign(Object.assign({},r),{vx:l?"right":"left"}),t.dataset.outsideVx=r.vx):delete t.dataset.outsideVx,r},n=t=>{var o;const{top:e,bottom:i,left:l,right:n}=t.getBoundingClientRect(),{innerHeight:r,innerWidth:d}=window;let h=e<0,p=i>r,a=l<0,s=n>d;const c=t.dataset.outsideVy,f=t.dataset.outsideVx,u=null===(o=null==t?void 0:t.parentElement)||void 0===o?void 0:o.getBoundingClientRect();return u&&(c&&("top"===t.dataset.outsideVy?h=u.top-(i-u.bottom)<0:p=u.bottom+(u.top-e)>r),f&&("left"===t.dataset.outsideVx?a=u.left-(n-u.right)<0:s=u.right+(u.left-l)>d)),{outTop:h,outBottom:p,outLeft:a,outRight:s}};export{i as a,l as b,o as g,t as h}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const a="OVERWRITE_DEFAULT_ID",s="LABEL SHOULD BE SET",e=" ",l="MESSAGE SHOULD BE SET",i="-label",n="-select",b="-message",c="-valid-message",t="-invalid-message",r="-placeholder",g="-datalist",o="TODO: Add a validMessage",u="TODO: Add an invalidMessage",v="Remove",d="Back",f="Selected",m="Scroll left",p="Scroll right",O="Open navigation menu",h="brand",w=4,E="Close",S="density",j="color";var D;!function(a){a.FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive"}(D||(D={}));const T=Object.entries(D).map((([,a])=>a));var A,x;!function(a){a.PRIMARY="primary"}(A||(A={})),function(a){a.NEUTRAL_BG_LEVEL_1="neutral-bg-basic-level-1",a.NEUTRAL_BG_LEVEL_2="neutral-bg-basic-level-2",a.NEUTRAL_BG_LEVEL_3="neutral-bg-basic-level-3",a.NEUTRAL_BG_TRANSPARENT_SEMI="neutral-bg-basic-transparent-semi",a.NEUTRAL_BG_TRANSPARENT_FULL="neutral-bg-basic-transparent-full",a.BRAND_BG_LEVEL_1="brand-bg-basic-level-1",a.BRAND_BG_LEVEL_2="brand-bg-basic-level-2",a.BRAND_BG_LEVEL_3="brand-bg-basic-level-3",a.BRAND_BG_TRANSPARENT_SEMI="brand-bg-basic-transparent-semi",a.BRAND_BG_TRANSPARENT_FULL="brand-bg-basic-transparent-full",a.SUCCESSFUL_BG_LEVEL_1="successful-bg-basic-level-1",a.SUCCESSFUL_BG_LEVEL_2="successful-bg-basic-level-2",a.SUCCESSFUL_BG_LEVEL_3="successful-bg-basic-level-3",a.SUCCESSFUL_BG_TRANSPARENT_SEMI="successful-bg-basic-transparent-semi",a.SUCCESSFUL_BG_TRANSPARENT_FULL="successful-bg-basic-transparent-full",a.CRITICAL_BG_LEVEL_1="critical-bg-basic-level-1",a.CRITICAL_BG_LEVEL_2="critical-bg-basic-level-2",a.CRITICAL_BG_LEVEL_3="critical-bg-basic-level-3",a.CRITICAL_BG_TRANSPARENT_SEMI="critical-bg-basic-transparent-semi",a.CRITICAL_BG_TRANSPARENT_Full="critical-bg-basic-transparent-full",a.WARNING_BG_LEVEL_1="warning-bg-basic-level-1",a.WARNING_BG_LEVEL_2="warning-bg-basic-level-2",a.WARNING_BG_LEVEL_3="warning-bg-basic-level-3",a.WARNING_BG_TRANSPARENT_SEMI="warning-bg-basic-transparent-semi",a.WARNING_BG_TRANSPARENT_FULL="warning-bg-basic-transparent-full",a.INFORMATIONAL_BG_LEVEL_1="informational-bg-basic-level-1",a.INFORMATIONAL_BG_LEVEL_2="informational-bg-basic-level-2",a.INFORMATIONAL_BG_LEVEL_3="informational-bg-basic-level-3",a.INFORMATIONAL_BG_TRANSPARENT_SEMI="informational-bg-basic-transparent-semi",a.INFORMATIONAL_BG_TRANSPARENT_FULL="informational-bg-basic-transparent-full"}(x||(x={}));const B=Object.entries(x).map((([,a])=>a)),L=Object.entries(A).map((([,a])=>a));var k;!function(a){a.CRITICAL="critical",a.INFORMATIONAL="informational",a.WARNING="warning",a.SUCCESSFUL="successful"}(k||(k={}));const y=Object.entries(k).map((([,a])=>a)),H={width:390,height:884},I={width:1920,height:1280},M=[Object.assign({name:"desktop"},I),{name:"tablet",width:768,height:1024},Object.assign({name:"mobile"},H)],R="db-ux-framework",U="db-ux-mode";export{B as A,L as B,j as C,a as D,y as E,H as F,I as G,R as H,U as I,k as S,M as T,s as a,e as b,l as c,i as d,n as e,b as f,c as g,t as h,r as i,g as j,o as k,u as l,v as m,d as n,f as o,m as p,p as q,O as r,h as s,w as t,E as u,S as v,D as w,T as x,A as y,x as z}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{y as t,H as s,A as i,w as e,k as a,f as d,z as o,j as n,d as r,t as h}from"./p-BygObMH8.js";import{
|
|
1
|
+
import{y as t,H as s,A as i,w as e,k as a,f as d,z as o,j as n,d as r,t as h}from"./p-BygObMH8.js";import{u as c}from"./p-Cm3dPtkD.js";import{d as l}from"./p-BEk7DV7j.js";const b=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.close=i(this,"close"),this.initialized=!1,this.backdropPointerDown=!1,this.observer=void 0}isNotModal(){return"absolute"===this.position||"none"===this.backdrop||"inside"===this.variant}handleBackdropPointerDown(t){var s;this.backdropPointerDown="DIALOG"===(null===(s=null==t?void 0:t.target)||void 0===s?void 0:s.nodeName)}handleClose(t,s){var i;t&&(e(t)?"Escape"===t.key&&(t.preventDefault(),this.close&&this.close.emit(t)):(s&&(t.stopPropagation(),this.close&&this.close.emit(t)),"DIALOG"===(null===(i=t.target)||void 0===i?void 0:i.nodeName)&&"click"===t.type&&"none"!==this.backdrop&&this.backdropPointerDown&&this.close&&this.close.emit(t),this.backdropPointerDown=!1))}handleDialogOpen(){if(this._ref){const t=a(this.open,"open");t&&!this._ref.open&&(this.dialogContainerRef&&this.dialogContainerRef.removeAttribute("data-transition"),this.isNotModal()?this._ref.show():(this._ref.setAttribute("closedby","any"),this._ref.showModal()),d((()=>{this.dialogContainerRef&&(this.dialogContainerRef.dataset.transition="open")}),1)),!t&&this._ref.open&&(this.dialogContainerRef&&(this.dialogContainerRef.dataset.transition="close"),d((()=>{var t;null===(t=this._ref)||void 0===t||t.close()}),401))}}setupObserver(t){if(!t)return;const s=t.closest("db-drawer");s&&!this.observer&&(this.observer=new MutationObserver((s=>{s.some((t=>{var s;const i=t.target.attributes.getNamedItem(null!==(s=t.attributeName)&&void 0!==s?s:"");return(null==i?void 0:i.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-drawer")})),this.observer.observe(s,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,s){const i=null==t?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let e=0;e<s.length;e++){const a=s.item(e);if(a&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))a.value?t.setAttribute(a.name,a.value):t.removeAttribute(a.name),i.removeAttribute(a.name);else if(a&&["style"].includes(a.name))t.setAttribute(a.name,a.value),i.removeAttribute(a.name);else if(a&&"class"===a.name){const s=a.value.includes("hydrated"),e=a.value.replace("hydrated","").trim(),d=t.getAttribute("class");t.setAttribute(a.name,`${d||""}${e?` ${e}`:""}`),s?i.setAttribute("class","hydrated"):i.removeAttribute(a.name)}}}}watch0Fn(){this.handleDialogOpen()}watch0(){this.watch0Fn()}watch1Fn(){if(this._ref&&this.initialized&&"absolute"===this.position){const t=this._ref.parentElement;t&&(t.style.position="relative")}}watch1(){this.watch1Fn()}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-drawer"),(()=>{this.handleDialogOpen(),this.initialized=!0})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn(),this.watch1Fn()}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,s,i;return o("dialog",{key:"c03126193778f601b7ff3aeeeff508c8920e67a7",class:"db-drawer",id:null!==(t=this.id)&&void 0!==t?t:null===(s=this.propOverrides)||void 0===s?void 0:s.id,ref:t=>{this._ref=t},onClick:t=>this.handleClose(t),onMouseDown:t=>this.handleBackdropPointerDown(t),onKeyDown:t=>this.handleClose(t),"data-position":this.position,"data-backdrop":this.backdrop,"data-direction":this.direction,"data-variant":this.variant},o("article",{key:"64661349d858bf5be872d664b44bc6fa829014e6",class:r("db-drawer-container",this.className),ref:t=>{this.dialogContainerRef=t},"data-spacing":this.spacing,"data-width":this.width,"data-direction":this.direction,"data-rounded":n(this.rounded,"rounded")},o("header",{key:"b758a538b1337573090305aadcf3bc3befef1bf3",class:"db-drawer-header"},o("div",{key:"235f2be7afc9c968b9270178c2720a5a50436123",class:"db-drawer-header-text"},o("slot",{key:"26787a5e103d2d34785ce1eccd0ff73b6733fce8",name:"drawerHeader"})),o("db-button",{key:"1d22b406c4e235e91bc9bfc3265a0aaa9c7f8e8c",class:"button-close-drawer",icon:"cross",variant:"ghost",id:this.closeButtonId,noText:!0,onClick:t=>this.handleClose(t,!0)},null!==(i=this.closeButtonText)&&void 0!==i?i:c)),o("div",{key:"0e338b2e11c8582ba59595f34d8fc4911db7025e",class:"db-drawer-content"},o("slot",{key:"c761758ada4d1602878a58de6003e01cf5b5d075"}))))}get rootElement(){return this}static get watchers(){return{open:[{watch0:0}],_ref:[{watch1:0}],initialized:[{watch1:0}],position:[{watch1:0}]}}},[260,"db-drawer",{open:[8],position:[1],backdrop:[1],variant:[1],id:[1],propOverrides:[16],direction:[1],className:[1,"classname"],spacing:[1],width:[1],rounded:[8],closeButtonId:[1,"close-button-id"],closeButtonText:[1,"close-button-text"],initialized:[32],backdropPointerDown:[32],observer:[32]},void 0,{open:[{watch0:0}],_ref:[{watch1:0}],initialized:[{watch1:0}],position:[{watch1:0}]}]);function u(){"undefined"!=typeof customElements&&["db-drawer","db-button"].forEach((t=>{switch(t){case"db-drawer":customElements.get(h(t))||customElements.define(h(t),b);break;case"db-button":customElements.get(h(t))||l()}}))}export{b as D,u as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{b as i}from"./p-C3D_kjdU.js";const t=i=>{var t,s;const{target:h}=i;return Boolean(!(null===(t=null==h?void 0:h.classList)||void 0===t?void 0:t.contains("db-navigation-item-expand-button"))&&(null===(s=null==h?void 0:h.parentElement)||void 0===s?void 0:s.classList.contains("db-navigation-item")))};class s{constructor(i,t){var s;this.parentSubNavigation=null,this.initialized=!1,this.mouseX=0,this.mouseY=0,this.element=i,this.subNavigation=t,this.element&&this.subNavigation&&(this.parentSubNavigation=null===(s=this.element)||void 0===s?void 0:s.closest(".db-sub-navigation"),this.parentSubNavigation&&!this.element.closest(".db-drawer")&&this.init())}init(){var i,t,s;const h=null!==(t=null===(i=this.parentSubNavigation)||void 0===i?void 0:i.getBoundingClientRect().width)&&void 0!==t?t:0;null===(s=this.element)||void 0===s||s.style.setProperty("--db-navigation-item-inline-size",`${h}px`),this.initialized=!0}enableFollow(){var t,s;if(!this.initialized||this.triangleData||!this.element||!this.subNavigation)return;const h=i(this.subNavigation),n=this.element.getBoundingClientRect(),o=null!==(s=null===(t=this.parentSubNavigation)||void 0===t?void 0:t.getBoundingClientRect().width)&&void 0!==s?s:0;this.triangleData={itemRect:n,parentElementWidth:o,subNavigationHeight:this.subNavigation.getBoundingClientRect().height,padding:(o-n.width)/2,outsideVX:h.vx,outsideVY:h.vy}}disableFollow(){this.triangleData=void 0}getTriangleTipX(){return this.triangleData?"right"===this.triangleData.outsideVX?this.triangleData.itemRect.width-this.mouseX:Math.min(this.mouseX,.75*this.triangleData.itemRect.width):0}getTriangleTipY(){if(!this.triangleData)return 0;const i=Math.max(Math.min(this.mouseY,this.triangleData.itemRect.height),0)+this.triangleData.padding;return"bottom"===this.triangleData.outsideVY?i+(this.triangleData.subNavigationHeight-2*this.triangleData.padding-this.triangleData.itemRect.height):i}hasMouseEnteredSubNavigation(){if(!this.triangleData)return!1;const i="right"===this.triangleData.outsideVX;return!!(i&&this.mouseX<-1*this.triangleData.padding)||!i&&this.mouseX>this.triangleData.parentElementWidth-this.triangleData.padding}getTriangleCoordinates(i){if(!this.triangleData)return;if("fill-gap"===i){const i=`${this.triangleData.itemRect.height+2*this.triangleData.padding}px`,t=this.triangleData.parentElementWidth-this.triangleData.padding+"px";return{lb:`${t} ${i}`,lt:`${t} 0`,rt:"100% 0",rb:`100% ${i}`}}const t=this.getTriangleTipX(),s=this.getTriangleTipY();return{lb:`${t}px ${s}px`,lt:`${t}px ${s}px`,rt:"100% 0",rb:"100% 100%"}}followByMouseEvent(i){if(!(this.initialized&&this.triangleData&&this.element&&this.subNavigation))return;this.mouseX=i.clientX-this.triangleData.itemRect.left,this.mouseY=i.clientY-this.triangleData.itemRect.top;const t=this.hasMouseEnteredSubNavigation(),s=this.getTriangleCoordinates(t?"fill-gap":"safe-triangle");s&&(this.element.style.setProperty("--db-navigation-item-clip-path",`polygon(${s.lb}, ${s.lt}, ${s.rt}, ${s.rb})`),t&&(this.triangleData=void 0))}}export{s as N,t as i}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{y as t,H as i,f as s,u as e,z as a,j as h,d as o,t as d}from"./p-BygObMH8.js";import{D as n}from"./p-Cm3dPtkD.js";import{D as l,I as r}from"./p-BXHP_qH1.js";import{a as c}from"./p-C3D_kjdU.js";import{R as u}from"./p-Bsv9xU74.js";const v=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this._id=n,this.initialized=!1,this._documentScrollListenerCallbackId=void 0,this._intersectionObserverCallbackId=void 0,this._resizeObserverCallbackId=void 0,this._attachedParent=void 0,this._attachedId=void 0,this._activeTriggerCount=0,this._boundListeners=[],this.observer=void 0}handleClick(t){t.stopPropagation()}handleEscape(t){t&&"Escape"!==t.key||!this._ref||"visible"!==getComputedStyle(this._ref).visibility||this.getParent().blur()}getParent(){let t=this._ref.parentElement;return t&&t.localName.includes("tooltip")&&(t=t.parentElement),t}handleAutoPlacement(t){t&&this._ref&&s((()=>{this._ref&&c(this._ref,t)}),1)}handleDocumentScroll(t,i){var s,e;(null===(s=null==t?void 0:t.target)||void 0===s?void 0:s.contains)&&(null===(e=null==t?void 0:t.target)||void 0===e?void 0:e.contains(this._ref))&&this.handleAutoPlacement(i)}handleLeave(){var t,i;this._activeTriggerCount=Math.max((null!==(t=this._activeTriggerCount)&&void 0!==t?t:0)-1,0),(null!==(i=this._activeTriggerCount)&&void 0!==i?i:0)>0||(this._documentScrollListenerCallbackId&&((new l).removeCallback(this._documentScrollListenerCallbackId),this._documentScrollListenerCallbackId=void 0),this._resizeObserverCallbackId&&((new u).unobserve(this._resizeObserverCallbackId),this._resizeObserverCallbackId=void 0),this._intersectionObserverCallbackId&&((new r).unobserve(this._intersectionObserverCallbackId),this._intersectionObserverCallbackId=void 0))}handleEnter(t){var i;this._activeTriggerCount=(null!==(i=this._activeTriggerCount)&&void 0!==i?i:0)+1,1===this._activeTriggerCount&&(this._documentScrollListenerCallbackId=(new l).addCallback((i=>this.handleDocumentScroll(i,t))),this._resizeObserverCallbackId=(new u).observe(document.documentElement,(()=>this.handleAutoPlacement(t))),this._intersectionObserverCallbackId=(new r).observe(this.getParent(),(t=>{t.isIntersecting||this.handleEscape(!1)}))),this.handleAutoPlacement(t)}resetIds(){var t,i,s;this._id=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:"tooltip-"+e()}_detachListeners(){var t,i;const s=this._documentScrollListenerCallbackId;s&&((new l).removeCallback(s),this._documentScrollListenerCallbackId=void 0),this._resizeObserverCallbackId&&((new u).unobserve(this._resizeObserverCallbackId),this._resizeObserverCallbackId=void 0),this._intersectionObserverCallbackId&&((new r).unobserve(this._intersectionObserverCallbackId),this._intersectionObserverCallbackId=void 0),this._activeTriggerCount=0,(null!==(t=this._boundListeners)&&void 0!==t?t:[]).forEach((t=>{t.parent.removeEventListener(t.type,t.fn)})),this._boundListeners=[];const e=this._attachedParent;if(e){const t=null!==(i=this._attachedId)&&void 0!==i?i:this._id,s=e.querySelectorAll(".db-tooltip"),a=Array.from(s).some((t=>t!==this._ref));"true"!==e.dataset.hasTooltip||a||delete e.dataset.hasTooltip,e.getAttribute("aria-labelledby")===t&&e.removeAttribute("aria-labelledby"),e.getAttribute("aria-describedby")===t&&e.removeAttribute("aria-describedby"),this._attachedParent=void 0,this._attachedId=void 0}}setupObserver(t){if(!t)return;const i=t.closest("db-tooltip");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-tooltip")})),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 a=i.item(e);if(a&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))a.value?t.setAttribute(a.name,a.value):t.removeAttribute(a.name),s.removeAttribute(a.name);else if(a&&["style"].includes(a.name))t.setAttribute(a.name,a.value),s.removeAttribute(a.name);else if(a&&"class"===a.name){const i=a.value.includes("hydrated"),e=a.value.replace("hydrated","").trim(),h=t.getAttribute("class");t.setAttribute(a.name,`${h||""}${e?` ${e}`:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(a.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;if(this._ref&&this.initialized&&this._id){const i=this.getParent();if(i){this.handleAutoPlacement(i);const s=()=>this.handleEnter(i),e=()=>this.handleLeave(),a=t=>this.handleEscape(t);i.addEventListener("mouseenter",s),i.addEventListener("focusin",s),i.addEventListener("keydown",a),i.addEventListener("mouseleave",e),i.addEventListener("focusout",e),this._boundListeners=[...null!==(t=this._boundListeners)&&void 0!==t?t:[],{parent:i,type:"mouseenter",fn:s},{parent:i,type:"focusin",fn:s},{parent:i,type:"keydown",fn:a},{parent:i,type:"mouseleave",fn:e},{parent:i,type:"focusout",fn:e}],i.dataset.hasTooltip="true",i.setAttribute("label"===this.variant?"aria-labelledby":"aria-describedby",this._id),this._attachedParent=i,this._attachedId=this._id}this.initialized=!1}}watch1(){this.watch1Fn()}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-tooltip"),(()=>{this.resetIds(),this.initialized=!0})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn(),this.watch1Fn()}disconnectedCallback(){var t;this._detachListeners(),null===(t=this.observer)||void 0===t||t.disconnect()}render(){var t,i;return a("i",{key:"326304e82ffcd0b203a89b26770c5ce31a37b409",class:o("db-tooltip",this.className),role:"tooltip","aria-hidden":"true","data-gap":"true",ref:t=>{this._ref=t},id:this._id,"data-emphasis":this.emphasis,"data-wrap":h(this.wrap,"wrap"),"data-animation":h(null===(t=this.animation)||void 0===t||t,"animation"),"data-delay":this.delay,"data-width":this.width,"data-show-arrow":h(null===(i=this.showArrow)||void 0===i||i,"showArrow"),"data-placement":this.placement,onClick:t=>this.handleClick(t)},this.text?this.text:null,a("slot",{key:"b85ec92d00150a21204c5afaa5e0e21933eb89c4"}))}get rootElement(){return this}static get watchers(){return{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],_ref:[{watch1:0}],initialized:[{watch1:0}],_id:[{watch1:0}]}}},[260,"db-tooltip",{id:[1],propOverrides:[16],variant:[1],className:[1,"classname"],emphasis:[1],wrap:[8],animation:[8],delay:[1],width:[1],showArrow:[8,"show-arrow"],placement:[1],text:[1],_id:[32],initialized:[32],_documentScrollListenerCallbackId:[32],_intersectionObserverCallbackId:[32],_resizeObserverCallbackId:[32],_attachedParent:[32],_attachedId:[32],_activeTriggerCount:[32],_boundListeners:[32],observer:[32]},void 0,{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],_ref:[{watch1:0}],initialized:[{watch1:0}],_id:[{watch1:0}]}]);function p(){"undefined"!=typeof customElements&&["db-tooltip"].forEach((t=>{"db-tooltip"===t&&(customElements.get(d(t))||customElements.define(d(t),v))}))}export{v as D,p as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{y as t,H as s,A as e,z as o,j as a,d as i,t as n}from"./p-BygObMH8.js";import{m as d}from"./p-
|
|
1
|
+
import{y as t,H as s,A as e,z as o,j as a,d as i,t as n}from"./p-BygObMH8.js";import{m as d}from"./p-Cm3dPtkD.js";import{d as c}from"./p-DzJeNSBs.js";const h=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),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:d}setupObserver(t){if(!t)return;const s=t.closest("db-tag");s&&!this.observer&&(this.observer=new MutationObserver((s=>{s.some((t=>{var s;const e=t.target.attributes.getNamedItem(null!==(s=t.attributeName)&&void 0!==s?s:"");return(null==e?void 0:e.value)!==t.oldValue}))&&this.enableAttributePassing(t,"db-tag")})),this.observer.observe(s,{attributes:!0,attributeOldValue:!0}))}enableAttributePassing(t,s){const e=null==t?void 0:t.closest(s);if(t&&e){const s=e.attributes;for(let o=0;o<s.length;o++){const a=s.item(o);if(a&&"data-density"!==a.name&&(a.name.startsWith("data-")||a.name.startsWith("aria-")))a.value?t.setAttribute(a.name,a.value):t.removeAttribute(a.name),e.removeAttribute(a.name);else if(a&&["style"].includes(a.name))t.setAttribute(a.name,a.value),e.removeAttribute(a.name);else if(a&&"class"===a.name){const s=a.value.includes("hydrated"),o=a.value.replace("hydrated","").trim(),i=t.getAttribute("class");t.setAttribute(a.name,`${i||""}${o?` ${o}`:""}`),s?e.setAttribute("class","hydrated"):e.removeAttribute(a.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 o("div",{key:"bf503e6e826fcb53cfc057b1f2610d062967311e",class:i("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":a(null===(e=this.showCheckState)||void 0===e||e,"showCheckState"),"data-show-icon":a(this.showIcon,"showIcon"),"data-no-text":a(this.noText,"noText"),"data-overflow":a(this.overflow,"overflow")},o("slot",{key:"d047f3f96e38b36f4d8f43cfb316d1571ebdd9ba",name:"content"}),this.text?this.text:null,o("slot",{key:"b2356b4e384b61ac2844bdb4a8c2f9c4e5b9f153"}),"removable"===this.behavior?o("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)},o("db-tooltip",{variant:"label"},this.getRemoveButtonText())):null)}get rootElement(){return this}},[260,"db-tag",{removeButton:[1,"remove-button"],id:[1],propOverrides:[16],className:[1,"classname"],semantic:[1],emphasis:[1],icon:[1],showCheckState:[8,"show-check-state"],showIcon:[8,"show-icon"],noText:[8,"no-text"],overflow:[8],text:[1],behavior:[1],observer:[32]}]);function r(){"undefined"!=typeof customElements&&["db-tag","db-tooltip"].forEach((t=>{switch(t){case"db-tag":customElements.get(n(t))||customElements.define(n(t),h);break;case"db-tooltip":customElements.get(n(t))||c()}}))}export{h as D,r as d}
|
|
@@ -16,7 +16,9 @@ const DEFAULT_INVALID_MESSAGE = 'TODO: Add an invalidMessage';
|
|
|
16
16
|
const DEFAULT_REMOVE = 'Remove';
|
|
17
17
|
const DEFAULT_BACK = 'Back';
|
|
18
18
|
const DEFAULT_SELECTED = 'Selected';
|
|
19
|
-
const
|
|
19
|
+
const DEFAULT_SCROLL_LEFT = 'Scroll left';
|
|
20
|
+
const DEFAULT_SCROLL_RIGHT = 'Scroll right';
|
|
21
|
+
const DEFAULT_BURGER_MENU = 'Open navigation menu';
|
|
20
22
|
const DEFAULT_ICON = 'brand';
|
|
21
23
|
const DEFAULT_ROWS = 4;
|
|
22
24
|
const DEFAULT_CLOSE_BUTTON = 'Close';
|
|
@@ -116,6 +118,8 @@ exports.DEFAULT_PLACEHOLDER = DEFAULT_PLACEHOLDER;
|
|
|
116
118
|
exports.DEFAULT_PLACEHOLDER_ID_SUFFIX = DEFAULT_PLACEHOLDER_ID_SUFFIX;
|
|
117
119
|
exports.DEFAULT_REMOVE = DEFAULT_REMOVE;
|
|
118
120
|
exports.DEFAULT_ROWS = DEFAULT_ROWS;
|
|
121
|
+
exports.DEFAULT_SCROLL_LEFT = DEFAULT_SCROLL_LEFT;
|
|
122
|
+
exports.DEFAULT_SCROLL_RIGHT = DEFAULT_SCROLL_RIGHT;
|
|
119
123
|
exports.DEFAULT_SELECTED = DEFAULT_SELECTED;
|
|
120
124
|
exports.DEFAULT_SELECT_ID_SUFFIX = DEFAULT_SELECT_ID_SUFFIX;
|
|
121
125
|
exports.DEFAULT_VALID_MESSAGE = DEFAULT_VALID_MESSAGE;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-C313bRqJ.js');
|
|
4
|
-
var constants = require('./constants-
|
|
4
|
+
var constants = require('./constants-Dy7QIUQi.js');
|
|
5
5
|
var index$1 = require('./index-BmNxQ4GI.js');
|
|
6
6
|
var formComponents = require('./form-components-oFHK6vKb.js');
|
|
7
7
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var index = require('./index-C313bRqJ.js');
|
|
4
4
|
var index$1 = require('./index-BmNxQ4GI.js');
|
|
5
|
-
var constants = require('./constants-
|
|
5
|
+
var constants = require('./constants-Dy7QIUQi.js');
|
|
6
6
|
var formComponents = require('./form-components-oFHK6vKb.js');
|
|
7
7
|
|
|
8
8
|
const DBCustomSelectDropdown = class {
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-C313bRqJ.js');
|
|
4
|
-
var constants = require('./constants-
|
|
4
|
+
var constants = require('./constants-Dy7QIUQi.js');
|
|
5
5
|
var index$1 = require('./index-BmNxQ4GI.js');
|
|
6
|
-
var documentClickListener = require('./document-click-listener-
|
|
7
|
-
var
|
|
8
|
-
var floatingComponents = require('./floating-components-
|
|
6
|
+
var documentClickListener = require('./document-click-listener-DyO00UZC.js');
|
|
7
|
+
var intersectionObserverListener = require('./intersection-observer-listener-BBUA6END.js');
|
|
8
|
+
var floatingComponents = require('./floating-components-Ns3Jt7dw.js');
|
|
9
9
|
var formComponents = require('./form-components-oFHK6vKb.js');
|
|
10
|
+
var resizeObserverListener = require('./resize-observer-listener-B1uhHzqv.js');
|
|
10
11
|
|
|
11
12
|
const DBCustomSelect = class {
|
|
12
13
|
constructor(hostRef) {
|
|
@@ -44,7 +45,8 @@ const DBCustomSelect = class {
|
|
|
44
45
|
this._documentClickListenerCallbackId = undefined;
|
|
45
46
|
this._internalChangeTimestamp = 0;
|
|
46
47
|
this._documentScrollListenerCallbackId = undefined;
|
|
47
|
-
this.
|
|
48
|
+
this._intersectionObserverCallbackId = undefined;
|
|
49
|
+
this._resizeObserverCallbackId = undefined;
|
|
48
50
|
this._searchValue = undefined;
|
|
49
51
|
this.selectAllChecked = false;
|
|
50
52
|
this.selectAllIndeterminate = false;
|
|
@@ -104,7 +106,6 @@ const DBCustomSelect = class {
|
|
|
104
106
|
}
|
|
105
107
|
}
|
|
106
108
|
handleDropdownToggle(event) {
|
|
107
|
-
var _a, _b;
|
|
108
109
|
if (this.dropdownToggle) {
|
|
109
110
|
event.stopPropagation();
|
|
110
111
|
this.dropdownToggle.emit(event);
|
|
@@ -113,9 +114,15 @@ const DBCustomSelect = class {
|
|
|
113
114
|
this._documentClickListenerCallbackId =
|
|
114
115
|
new documentClickListener.DocumentClickListener().addCallback((event) => this.handleDocumentClose(event));
|
|
115
116
|
this._documentScrollListenerCallbackId =
|
|
116
|
-
new
|
|
117
|
+
new intersectionObserverListener.DocumentScrollListener().addCallback((event) => this.handleDocumentScroll(event));
|
|
117
118
|
this.handleAutoPlacement();
|
|
118
|
-
|
|
119
|
+
this._resizeObserverCallbackId = new resizeObserverListener.ResizeObserverListener().observe(document.documentElement, () => this.handleAutoPlacement());
|
|
120
|
+
this._intersectionObserverCallbackId =
|
|
121
|
+
new intersectionObserverListener.IntersectionObserverListener().observe(this.detailsRef, (entry) => {
|
|
122
|
+
if (!entry.isIntersecting && this.detailsRef.open) {
|
|
123
|
+
this.detailsRef.open = false;
|
|
124
|
+
}
|
|
125
|
+
});
|
|
119
126
|
if (!event.target.dataset["test"]) {
|
|
120
127
|
// We need this workaround for snapshot testing
|
|
121
128
|
this.handleOpenByKeyboardFocus();
|
|
@@ -126,9 +133,14 @@ const DBCustomSelect = class {
|
|
|
126
133
|
new documentClickListener.DocumentClickListener().removeCallback(this._documentClickListenerCallbackId);
|
|
127
134
|
}
|
|
128
135
|
if (this._documentScrollListenerCallbackId) {
|
|
129
|
-
new
|
|
136
|
+
new intersectionObserverListener.DocumentScrollListener().removeCallback(this._documentScrollListenerCallbackId);
|
|
137
|
+
}
|
|
138
|
+
if (this._resizeObserverCallbackId) {
|
|
139
|
+
new resizeObserverListener.ResizeObserverListener().unobserve(this._resizeObserverCallbackId);
|
|
140
|
+
}
|
|
141
|
+
if (this._intersectionObserverCallbackId) {
|
|
142
|
+
new intersectionObserverListener.IntersectionObserverListener().unobserve(this._intersectionObserverCallbackId);
|
|
130
143
|
}
|
|
131
|
-
(_b = this._observer) === null || _b === void 0 ? void 0 : _b.unobserve(this.detailsRef);
|
|
132
144
|
}
|
|
133
145
|
}
|
|
134
146
|
getNativeSelectValue() {
|
|
@@ -799,16 +811,6 @@ const DBCustomSelect = class {
|
|
|
799
811
|
const onMountHook_0 = () => {
|
|
800
812
|
this.resetIds();
|
|
801
813
|
this._invalidMessage = this.invalidMessage || constants.DEFAULT_INVALID_MESSAGE;
|
|
802
|
-
if (typeof window !== "undefined" && "IntersectionObserver" in window) {
|
|
803
|
-
this._observer = new IntersectionObserver((payload) => {
|
|
804
|
-
if (this.detailsRef) {
|
|
805
|
-
const entry = payload.find(({ target }) => target === this.detailsRef);
|
|
806
|
-
if (entry && !entry.isIntersecting && this.detailsRef.open) {
|
|
807
|
-
this.detailsRef.open = false;
|
|
808
|
-
}
|
|
809
|
-
}
|
|
810
|
-
});
|
|
811
|
-
}
|
|
812
814
|
};
|
|
813
815
|
onMountHook_0();
|
|
814
816
|
const onMountHook_1 = () => {
|
|
@@ -838,23 +840,36 @@ const DBCustomSelect = class {
|
|
|
838
840
|
disconnectedCallback() {
|
|
839
841
|
var _a, _b;
|
|
840
842
|
(_a = this.abortController) === null || _a === void 0 ? void 0 : _a.abort();
|
|
843
|
+
// Clean up singleton observers if dropdown was open when unmounting
|
|
844
|
+
if (this._documentClickListenerCallbackId) {
|
|
845
|
+
new documentClickListener.DocumentClickListener().removeCallback(this._documentClickListenerCallbackId);
|
|
846
|
+
}
|
|
847
|
+
if (this._documentScrollListenerCallbackId) {
|
|
848
|
+
new intersectionObserverListener.DocumentScrollListener().removeCallback(this._documentScrollListenerCallbackId);
|
|
849
|
+
}
|
|
850
|
+
if (this._resizeObserverCallbackId) {
|
|
851
|
+
new resizeObserverListener.ResizeObserverListener().unobserve(this._resizeObserverCallbackId);
|
|
852
|
+
}
|
|
853
|
+
if (this._intersectionObserverCallbackId) {
|
|
854
|
+
new intersectionObserverListener.IntersectionObserverListener().unobserve(this._intersectionObserverCallbackId);
|
|
855
|
+
}
|
|
841
856
|
(_b = this.observer) === null || _b === void 0 ? void 0 : _b.disconnect();
|
|
842
857
|
}
|
|
843
858
|
render() {
|
|
844
859
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
|
|
845
|
-
return (index.h("div", { key: '
|
|
860
|
+
return (index.h("div", { key: 'bda216afb16404d7d1b75bd2ff88fdc526aaed51', class: index$1.cls("db-custom-select", this.className), id: this._id, ref: (el) => {
|
|
846
861
|
this._ref = el;
|
|
847
862
|
}, "aria-invalid": this._validity === "invalid", "data-custom-validity": this._validity, "data-width": this.formFieldWidth, "data-variant": this.variant === "floating" &&
|
|
848
863
|
this.selectedType === "tag" &&
|
|
849
864
|
this.multiple
|
|
850
865
|
? "above"
|
|
851
|
-
: this.variant, "data-required": index$1.getBooleanAsString(this.required, "required"), "data-hide-asterisk": index$1.getHideProp(this.showRequiredAsterisk), "data-placement": this.placement, "data-selected-type": this.multiple ? this.selectedType : "text", "data-hide-label": index$1.getHideProp(this.showLabel), "data-icon": this.icon, "data-show-icon": index$1.getBooleanAsString(this.showIcon, "showIcon") }, index.h("label", { key: '
|
|
866
|
+
: this.variant, "data-required": index$1.getBooleanAsString(this.required, "required"), "data-hide-asterisk": index$1.getHideProp(this.showRequiredAsterisk), "data-placement": this.placement, "data-selected-type": this.multiple ? this.selectedType : "text", "data-hide-label": index$1.getHideProp(this.showLabel), "data-icon": this.icon, "data-show-icon": index$1.getBooleanAsString(this.showIcon, "showIcon") }, index.h("label", { key: 'b03e2a77f30db9e04582dfc0436ea7a01fa76630', id: this._labelId }, (_a = this.label) !== null && _a !== void 0 ? _a : constants.DEFAULT_LABEL, index.h("select", { key: '9199d84585ab6ab4ba2d5301abcc9b04167af19a', role: "none", hidden: true, id: this._selectId, tabIndex: -1, ref: (el) => {
|
|
852
867
|
this.selectRef = el;
|
|
853
868
|
}, form: this.form, name: this.name, "data-custom-validity": this._validity, multiple: index$1.getBoolean(this.multiple, "multiple"), disabled: index$1.getBoolean(this.disabled, "disabled"), required: index$1.getBoolean(this.required, "required"), onChange: (event) => this.satisfyReact(event) }, ((_b = this.options) === null || _b === void 0 ? void 0 : _b.length)
|
|
854
869
|
? (_c = this.options) === null || _c === void 0 ? void 0 : _c.map((option) => (index.h("option", { disabled: option.disabled, value: option.value, key: undefined }, this.getOptionLabel(option))))
|
|
855
|
-
: null)), index.h("details", { key: '
|
|
870
|
+
: null)), index.h("details", { key: '51d1fa7a7babfe3186626426ba24d0d9e3f1dc37', ref: (el) => {
|
|
856
871
|
this.detailsRef = el;
|
|
857
|
-
}, open: this.open, onToggle: (event) => this.handleDropdownToggle(event), onKeyDown: (event) => this.handleKeyboardPress(event) }, index.h("slot", { key: '
|
|
872
|
+
}, open: this.open, onToggle: (event) => this.handleDropdownToggle(event), onKeyDown: (event) => this.handleKeyboardPress(event) }, index.h("slot", { key: '43e42b641ff32aaebb69f19e18aa691aa45d51bb' }), this.options ? (index.h(index.Fragment, null, index.h("summary", { class: "db-custom-select-form-field", id: this._summaryId, "aria-disabled": index$1.getBooleanAsString(this.disabled, "disabled"), tabIndex: this.disabled ? -1 : undefined, "aria-labelledby": this._labelId }, ((_d = this._selectedLabels) === null || _d === void 0 ? void 0 : _d.length) ? (index.h("span", { "data-visually-hidden": index$1.getBooleanAsString(this.selectedType === "tag", "selectedType"), id: this._selectedLabelsId }, this.selectedPrefix ? (index.h("span", { "data-visually-hidden": "true" }, this.selectedPrefix)) : null, this._selectedLabels)) : null, this.selectedType === "tag" ? (index.h("div", null, (_e = this._selectedOptions) === null || _e === void 0 ? void 0 : _e.map((option) => (index.h("db-tag", { emphasis: "strong", behavior: "removable", removeButton: this.getTagRemoveLabel(option), onRemove: (event) => this.handleTagRemove(option, event), key: undefined }, this.getOptionLabel(option)))))) : null), index.h("db-custom-select-dropdown", { width: this.dropdownWidth }, this.searchEnabled ? (index.h("div", null, index.h("db-input", { type: "search", ref: (el) => {
|
|
858
873
|
this.searchInputRef = el;
|
|
859
874
|
}, name: this._id, form: this._id, showLabel: false, value: this._searchValue, label: (_f = this.searchLabel) !== null && _f !== void 0 ? _f : constants.DEFAULT_LABEL, placeholder: (_g = this.searchPlaceholder) !== null && _g !== void 0 ? _g : this.searchLabel, ariaDescribedBy: this._hasNoOptions || this.showLoading
|
|
860
875
|
? this._infoTextId
|
|
@@ -864,7 +879,7 @@ const DBCustomSelect = class {
|
|
|
864
879
|
this.selectAllRef = el;
|
|
865
880
|
}, form: this._id, checked: this.selectAllChecked, onChange: (event) => this.handleSelectAll(event) }), this.getSelectAllLabel())))) : null, index.h("db-custom-select-list", { multiple: index$1.getBoolean(this.multiple, "multiple"), label: (_k = (_j = this.listLabel) !== null && _j !== void 0 ? _j : this.label) !== null && _k !== void 0 ? _k : constants.DEFAULT_LABEL }, (_l = this._options) === null || _l === void 0 ? void 0 : _l.map((option) => (index.h("db-custom-select-list-item", { type: this.multiple ? "checkbox" : "radio", showDivider: option.showDivider, icon: option.icon, isGroupTitle: option.isGroupTitle, groupTitle: this.getOptionLabel(option), name: this._id, checked: this.getOptionChecked(option.value), disabled: option.disabled, value: option.value, onChange: () => this.handleSelect(option.value), key: undefined }, !option.isGroupTitle
|
|
866
881
|
? this.getOptionLabel(option)
|
|
867
|
-
: null)))))), index.h("div", null, index.h("db-button", { variant: "ghost", width: "full", icon: "cross", size: "small", name: this._id, form: this._id, onClick: () => this.handleClose(undefined, true) }, (_m = this.mobileCloseButtonText) !== null && _m !== void 0 ? _m : constants.DEFAULT_CLOSE_BUTTON))))) : null), ((_o = this.showClearSelection) !== null && _o !== void 0 ? _o : true) && ((_p = this._values) === null || _p === void 0 ? void 0 : _p.length) ? (index.h("db-button", { icon: "cross", variant: "ghost", size: "small", noText: true, name: this._id, form: this._id, disabled: index$1.getBoolean(this.disabled, "disabled"), onClick: (event) => this.handleClearAll(event) }, this.clearSelectionText, index.h("db-tooltip", { placement: "top" }, this.clearSelectionText))) : null, index.h("span", { key: '
|
|
882
|
+
: null)))))), index.h("div", null, index.h("db-button", { variant: "ghost", width: "full", icon: "cross", size: "small", name: this._id, form: this._id, onClick: () => this.handleClose(undefined, true) }, (_m = this.mobileCloseButtonText) !== null && _m !== void 0 ? _m : constants.DEFAULT_CLOSE_BUTTON))))) : null), ((_o = this.showClearSelection) !== null && _o !== void 0 ? _o : true) && ((_p = this._values) === null || _p === void 0 ? void 0 : _p.length) ? (index.h("db-button", { icon: "cross", variant: "ghost", size: "small", noText: true, name: this._id, form: this._id, disabled: index$1.getBoolean(this.disabled, "disabled"), onClick: (event) => this.handleClearAll(event) }, this.clearSelectionText, index.h("db-tooltip", { placement: "top" }, this.clearSelectionText))) : null, index.h("span", { key: 'be8bfd29257ff0a1704521328ca89859aa90316c', class: "db-custom-select-placeholder", "aria-hidden": "true", id: this._placeholderId }, (_q = this.placeholder) !== null && _q !== void 0 ? _q : this.label), index$1.stringPropVisible(this.message, this.showMessage) ? (index.h("db-infotext", { size: "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, this.hasValidState() ? (index.h("db-infotext", { size: "small", semantic: "successful", id: this._validMessageId }, this.validMessage || constants.DEFAULT_VALID_MESSAGE)) : null, index.h("db-infotext", { key: '2f4a7d001908b0d869a6e0a791ff5850e4424973', size: "small", semantic: "critical", id: this._invalidMessageId }, this._invalidMessage), index.h("span", { key: 'fbf4b18e031650164d4fda62c2a94fe14b753f9b', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
|
|
868
883
|
}
|
|
869
884
|
get rootElement() { return index.getElement(this); }
|
|
870
885
|
static get watchers() { return {
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-C313bRqJ.js');
|
|
4
|
-
var constants = require('./constants-
|
|
4
|
+
var constants = require('./constants-Dy7QIUQi.js');
|
|
5
5
|
var index$1 = require('./index-BmNxQ4GI.js');
|
|
6
|
-
var navigation = require('./navigation-
|
|
7
|
-
require('./floating-components-
|
|
6
|
+
var navigation = require('./navigation-fsWSnlKn.js');
|
|
7
|
+
require('./floating-components-Ns3Jt7dw.js');
|
|
8
8
|
|
|
9
9
|
const DBHeader = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-C313bRqJ.js');
|
|
4
|
-
var constants = require('./constants-
|
|
4
|
+
var constants = require('./constants-Dy7QIUQi.js');
|
|
5
5
|
var index$1 = require('./index-BmNxQ4GI.js');
|
|
6
|
-
var navigation = require('./navigation-
|
|
7
|
-
require('./floating-components-
|
|
6
|
+
var navigation = require('./navigation-fsWSnlKn.js');
|
|
7
|
+
require('./floating-components-Ns3Jt7dw.js');
|
|
8
8
|
|
|
9
9
|
const DBNavigationItem = class {
|
|
10
10
|
constructor(hostRef) {
|