@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/p-LpyedXhR.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{y as t,H as i,f as s,u as e,z as a,j as o,d as h,t as d}from"./p-BygObMH8.js";import{D as n}from"./p-BdL-nI5y.js";import{D as l}from"./p-CTkfdjBp.js";import{b as r}from"./p-C0q9XJSc.js";const c=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this._id=n,this.initialized=!1,this._documentScrollListenerCallbackId=void 0,this._observer=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((()=>{var i;this._ref&&r(this._ref,t,null!==(i=this.placement)&&void 0!==i?i:"bottom")}),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,s;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),null===(s=this._observer)||void 0===s||s.unobserve(this.getParent()))}handleEnter(t){var i,s;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))),null===(s=this._observer)||void 0===s||s.observe(this.getParent())),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,s;const e=this._documentScrollListenerCallbackId;e&&((new l).removeCallback(e),this._documentScrollListenerCallbackId=void 0),null===(t=this._observer)||void 0===t||t.disconnect(),this._observer=void 0,this._activeTriggerCount=0,(null!==(i=this._boundListeners)&&void 0!==i?i:[]).forEach((t=>{t.parent.removeEventListener(t.type,t.fn)})),this._boundListeners=[];const a=this._attachedParent;if(a){const t=null!==(s=this._attachedId)&&void 0!==s?s:this._id,i=a.querySelectorAll(".db-tooltip"),e=Array.from(i).some((t=>t!==this._ref));"true"!==a.dataset.hasTooltip||e||delete a.dataset.hasTooltip,a.getAttribute("aria-labelledby")===t&&a.removeAttribute("aria-labelledby"),a.getAttribute("aria-describedby")===t&&a.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(),o=t.getAttribute("class");t.setAttribute(a.name,`${o||""}${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}"undefined"!=typeof window&&"IntersectionObserver"in window&&(this._observer=new IntersectionObserver((t=>{const i=t.find((({target:t})=>t===this.getParent()));i&&!i.isIntersecting&&this.handleEscape(!1)}))),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:"a35fc9349a599145e2ea2287aa6467500854fadd",class:h("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":o(this.wrap,"wrap"),"data-animation":o(null===(t=this.animation)||void 0===t||t,"animation"),"data-delay":this.delay,"data-width":this.width,"data-show-arrow":o(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:"63d102dc8c4c4022c2dc3bad582f0167635adcb2"}))}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],placement:[1],className:[1,"classname"],emphasis:[1],wrap:[8],animation:[8],delay:[1],width:[1],showArrow:[8,"show-arrow"],text:[1],_id:[32],initialized:[32],_documentScrollListenerCallbackId:[32],_observer:[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 u(){"undefined"!=typeof customElements&&["db-tooltip"].forEach((t=>{"db-tooltip"===t&&(customElements.get(d(t))||customElements.define(d(t),c))}))}export{c as D,u as d}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var index = require('./index-BmNxQ4GI.js');
|
|
4
|
-
|
|
5
|
-
class DocumentScrollListener {
|
|
6
|
-
static runCallbacks(event) {
|
|
7
|
-
for (const callback of Object.values(DocumentScrollListener.callbacks)) {
|
|
8
|
-
if (typeof callback === 'function') {
|
|
9
|
-
callback(event);
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
constructor() {
|
|
14
|
-
this.ticking = false;
|
|
15
|
-
if (DocumentScrollListener._instance) {
|
|
16
|
-
return DocumentScrollListener._instance;
|
|
17
|
-
}
|
|
18
|
-
DocumentScrollListener._instance = this;
|
|
19
|
-
if (self.document) {
|
|
20
|
-
self.document.addEventListener('scroll', event => {
|
|
21
|
-
if (!this.ticking) {
|
|
22
|
-
window.requestAnimationFrame(() => {
|
|
23
|
-
DocumentScrollListener.runCallbacks(event);
|
|
24
|
-
this.ticking = false;
|
|
25
|
-
});
|
|
26
|
-
this.ticking = true;
|
|
27
|
-
}
|
|
28
|
-
}, true);
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
addCallback(callback) {
|
|
32
|
-
const callbackID = index.uuid();
|
|
33
|
-
DocumentScrollListener.callbacks[callbackID] = callback;
|
|
34
|
-
return callbackID;
|
|
35
|
-
}
|
|
36
|
-
removeCallback(id) {
|
|
37
|
-
delete DocumentScrollListener.callbacks[id];
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
DocumentScrollListener.callbacks = {};
|
|
41
|
-
DocumentScrollListener._instance = null;
|
|
42
|
-
|
|
43
|
-
exports.DocumentScrollListener = DocumentScrollListener;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as i,g as s}from"./p-BlbKvvUv.js";import{d as e,g as o,c as a}from"./p-BiyJ0WOE.js";import{D as n}from"./p-Z7eYHp_l.js";import{b as h}from"./p-C0q9XJSc.js";const d=class{constructor(i){t(this,i),this.initialized=!1,this.isExpanded=!1,this._documentScrollListenerCallbackId=void 0,this._observer=void 0,this.observer=void 0}handleEscape(t){if(!t||"Escape"===t.key)for(const t of Array.from(this._ref.children))t.blur()}handleAutoPlacement(){if(!this._ref)return;const t=this._ref.querySelector("article");t&&e((()=>{var i;h(t,this._ref,null!==(i=this.placement)&&void 0!==i?i:"bottom")}),1)}handleDocumentScroll(t){var i,s;(null===(i=null==t?void 0:t.target)||void 0===i?void 0:i.contains)&&(null===(s=null==t?void 0:t.target)||void 0===s?void 0:s.contains(this._ref))&&this.handleAutoPlacement()}handleEnter(){var t;this.isExpanded=!0,this._documentScrollListenerCallbackId=(new n).addCallback((t=>this.handleDocumentScroll(t))),this.handleAutoPlacement();const i=this.getTrigger();i&&(null===(t=this._observer)||void 0===t||t.observe(i))}handleLeave(t){var i;const s=null==t?void 0:t.target;if(!(null==s?void 0:s.parentNode)||s.parentNode.querySelector(":focus")!==s&&s.parentNode.querySelector(":focus-within")!==s&&s.parentNode.querySelector(":hover")!==s){this.isExpanded=!1,this._documentScrollListenerCallbackId&&(new n).removeCallback(this._documentScrollListenerCallbackId);const t=this.getTrigger();t&&(null===(i=this._observer)||void 0===i||i.unobserve(t))}}getTrigger(){var t;if(this._ref){const i=Array.from(this._ref.children);if(i.length>=2){const s=i[0];return s.tagName.includes("-")?(null===(t=s.children)||void 0===t?void 0:t.length)>0?s.children[0]:null:s}}return null}setupObserver(t){if(!t)return;const i=t.closest("db-popover");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-popover")})),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 o=i.item(e);if(o&&"data-density"!==o.name&&(o.name.startsWith("data-")||o.name.startsWith("aria-")))o.value?t.setAttribute(o.name,o.value):t.removeAttribute(o.name),s.removeAttribute(o.name);else if(o&&["style"].includes(o.name))t.setAttribute(o.name,o.value),s.removeAttribute(o.name);else if(o&&"class"===o.name){const i=o.value.includes("hydrated"),e=o.value.replace("hydrated","").trim(),a=t.getAttribute("class");t.setAttribute(o.name,`${a||""}${e?` ${e}`:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(o.name)}}}}watch0Fn(){if(this._ref&&this.initialized){this.initialized=!1;const t=this.getTrigger();t&&(t.ariaHasPopup="true"),this.handleAutoPlacement(),this._ref.addEventListener("keydown",(t=>this.handleEscape(t))),["mouseenter","focusin"].forEach((t=>{this._ref.addEventListener(t,(()=>this.handleEnter()))})),["mouseleave","focusout"].forEach((t=>{this._ref.addEventListener(t,(()=>this.handleLeave()))})),"undefined"!=typeof window&&"IntersectionObserver"in window&&(this._observer=new IntersectionObserver((t=>{const i=t.find((({target:t})=>t===this.getTrigger()));i&&!i.isIntersecting&&this.handleEscape(!1)})))}}watch0(){this.watch0Fn()}watch1Fn(){if(this._ref){const t=this.getTrigger();t&&(t.ariaExpanded=Boolean(this.isExpanded).toString())}}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-popover"),(()=>{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,e;return i("div",{key:"6c495cb9c8f329dd2cf07bfc55b56eb9aa524fb9",class:a("db-popover",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},i("slot",{key:"f74be440cae4d35f76ff2899bae864fc9e3e5c8a",name:"trigger"}),i("article",{key:"efec32b56bf7267aed0f0723306398f9e5f66c75",class:"db-popover-content","data-spacing":this.spacing,"data-gap":o(this.gap,"gap"),"data-animation":o(null===(e=this.animation)||void 0===e||e,"animation"),"data-open":o(this.open,"open"),"data-delay":this.delay,"data-width":this.width,"data-placement":this.placement},i("slot",{key:"2a1957f512ad0c9eca6e9e5f50721dda1ce56cf3"})))}get rootElement(){return s(this)}static get watchers(){return{_ref:[{watch0:0},{watch1:0}],initialized:[{watch0:0}],isExpanded:[{watch1:0}]}}};export{d as db_popover}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as s,F as a,g as n}from"./p-BlbKvvUv.js";import{c as o,u as e}from"./p-BiyJ0WOE.js";const h=class{constructor(s){t(this,s),this.indexChange=i(this,"indexChange"),this.tabSelect=i(this,"tabSelect"),this._name="",this.initialized=!1,this.showScrollLeft=!1,this.showScrollRight=!1,this.scrollContainer=null,this._resizeObserver=void 0,this.observer=void 0}convertTabs(){try{return"string"==typeof this.tabs?JSON.parse(this.tabs):this.tabs}catch(t){console.error(t)}return[]}evaluateScrollButtons(t){const i=t.scrollWidth>t.clientWidth;this.showScrollLeft=i&&t.scrollLeft>1,this.showScrollRight=i&&t.scrollLeft<t.scrollWidth-t.clientWidth}scroll(t){var i;let s=Number(this.arrowScrollDistance)||100;t&&(s*=-1),null===(i=this.scrollContainer)||void 0===i||i.scrollBy({top:0,left:s,behavior:"smooth"})}initTabList(){if(this._ref){const t=this._ref.querySelector(".db-tab-list");if(t){const i=t.querySelector('[role="tablist"]');if(i&&(i.setAttribute("aria-orientation",this.orientation||"horizontal"),"arrows"===this.behavior&&(this.scrollContainer=i,this.evaluateScrollButtons(i),i.addEventListener("scroll",(()=>{this.evaluateScrollButtons(i)})),!this._resizeObserver))){const t=new ResizeObserver((()=>{this.evaluateScrollButtons(i)}));t.observe(i),this._resizeObserver=t}}}}initTabs(t){if(this._ref){const i=Array.from(this._ref.getElementsByClassName("db-tab-item")),s=Array.from(this._ref.querySelectorAll(":is(:scope > .db-tab-panel, :scope > db-tab-panel > .db-tab-panel)"));for(const a of i){const n=i.indexOf(a),o=a.querySelector("label"),e=a.querySelector("input");if(e&&o){if(!e.id){const t=`${this._name}-tab-${n}`;o.setAttribute("for",t),e.id=t,e.setAttribute("name",this._name),s.length>n&&e.setAttribute("aria-controls",`${this._name}-tab-panel-${n}`)}if(t){const t=!this.initialSelectedMode||"auto"===this.initialSelectedMode,i=null==this.initialSelectedIndex&&0===n||Number(this.initialSelectedIndex)===n;t&&i&&e.click()}}}for(const t of s){if(t.id)continue;const i=s.indexOf(t);t.id=`${this._name}-tab-panel-${i}`,t.setAttribute("aria-labelledby",`${this._name}-tab-${i}`)}}}handleChange(t){var i;if(t.stopPropagation(),t.target){const s=t.target.parentElement;if(s&&s.parentElement&&"LI"===(null===(i=s.parentElement)||void 0===i?void 0:i.nodeName)){const i=s.parentElement.parentElement;if(i){const s=i.parentElement;if(s){const a=Array.from(s.children).indexOf(i);this.indexChange&&this.indexChange.emit(a),this.tabSelect&&this.tabSelect.emit(t)}}}}}setupObserver(t){if(!t)return;const i=t.closest("db-tabs");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-tabs")})),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 a=0;a<i.length;a++){const n=i.item(a);if(n&&"data-density"!==n.name&&(n.name.startsWith("data-")||n.name.startsWith("aria-")))n.value?t.setAttribute(n.name,n.value):t.removeAttribute(n.name),s.removeAttribute(n.name);else if(n&&["style"].includes(n.name))t.setAttribute(n.name,n.value),s.removeAttribute(n.name);else if(n&&"class"===n.name){const i=n.value.includes("hydrated"),a=n.value.replace("hydrated","").trim(),o=t.getAttribute("class");t.setAttribute(n.name,`${o||""}${a?` ${a}`:""}`),i?s.setAttribute("class","hydrated"):s.removeAttribute(n.name)}}}}watch0Fn(){if(this._ref&&this.initialized){this.initTabList(),this.initTabs(!0);const t=this._ref.querySelector(".db-tab-list");t&&new MutationObserver((t=>{t.forEach((t=>{(t.removedNodes.length||t.addedNodes.length)&&(this.initTabList(),this.initTabs())}))})).observe(t,{childList:!0,subtree:!0}),this.initialized=!1}}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-tabs"),(()=>{this._name=`tabs-${this.name||e()}`,this.initialized=!0})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn()}disconnectedCallback(){var t,i;null===(t=this._resizeObserver)||void 0===t||t.disconnect(),this._resizeObserver=void 0,null===(i=this.observer)||void 0===i||i.disconnect()}render(){var t,i,n,e,h,l;return s("div",{key:"4ea02dd31be437dd343d13cac953658f1799762f",class:o("db-tabs",this.className),ref:t=>{this._ref=t},id:null!==(t=this.id)&&void 0!==t?t:null===(i=this.propOverrides)||void 0===i?void 0:i.id,"data-orientation":this.orientation,"data-scroll-behavior":this.behavior,"data-alignment":null!==(n=this.alignment)&&void 0!==n?n:"start","data-width":null!==(e=this.width)&&void 0!==e?e:"auto",onInput:t=>this.handleChange(t),onChange:t=>this.handleChange(t)},this.showScrollLeft?s("db-button",{class:"tabs-scroll-left",variant:"ghost",icon:"chevron_left",type:"button",noText:!0,onClick:()=>this.scroll(!0)},"Scroll left"):null,this.tabs?s(a,null,s("db-tab-list",null,null===(h=this.convertTabs())||void 0===h?void 0:h.map(((t,i)=>s("db-tab-item",{key:this.name+"tab-item"+i,active:t.active,label:t.label,iconTrailing:t.iconTrailing,icon:t.icon,noText:t.noText})))),null===(l=this.convertTabs())||void 0===l?void 0:l.map(((t,i)=>s("db-tab-panel",{key:this.name+"tab-panel"+i,content:t.content},t.children)))):null,this.showScrollRight?s("db-button",{class:"tabs-scroll-right",variant:"ghost",icon:"chevron_right",type:"button",noText:!0,onClick:()=>this.scroll()},"Scroll right"):null,s("slot",{key:"c7b47c275a5784b8658e9c8b339445e083bc40d6"}))}get rootElement(){return n(this)}static get watchers(){return{_ref:[{watch0:0}],initialized:[{watch0:0}]}}};export{h as db_tabs}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as s,g as h}from"./p-BlbKvvUv.js";import{l as a,f as e,g as d,h as l,k as n,b as o,r,a as c}from"./p-BdL-nI5y.js";import{h as v,d as u,s as f,u as b,f as m,e as p,l as w,c as y}from"./p-BiyJ0WOE.js";import{c as g}from"./p-BXROp_k8.js";const x=class{constructor(s){t(this,s),this.input=i(this,"input"),this.change=i(this,"change"),this.blur=i(this,"blur"),this.focus=i(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,h;(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,v()&&(this._voiceOverFallback=null!==(h=this.validMessage)&&void 0!==h?h:n,u((()=>this._voiceOverFallback=""),1e3))):this._descByIds=f(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)||a,v()&&(this._voiceOverFallback=this._invalidMessage,u((()=>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 h=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-${b()}`;this._id=h,this._messageId=h+e,this._validMessageId=h+d,this._invalidMessageId=h+l}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 h=0;h<i.length;h++){const a=i.item(h);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"),h=a.value.replace("hydrated","").trim(),e=t.getAttribute("class");t.setAttribute(a.name,`${e||""}${h?` ${h}`:""}`),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)||a}watch1(){this.watch1Fn()}watch2Fn(){if(this._id){const t=this._id+e;this._messageId=t,this._validMessageId=this._id+d,this._invalidMessageId=this._id+l,f(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),g(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||a})(),(()=>{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,h,a,e,d;return s("div",{key:"cf9afaea12a18dbe916bf11e4cfeed5721833f96",class:y("db-textarea",this.className),"data-variant":this.variant,"data-hide-asterisk":w(this.showRequiredAsterisk),"data-hide-label":w(this.showLabel)},s("label",{key:"fd7444fe2963eabdb755d2bc9d0b664103813493",htmlFor:this._id},null!==(t=this.label)&&void 0!==t?t:c),s("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":w(null===(i=this.showResizer)||void 0===i||i),disabled:p(this.disabled,"disabled"),required:p(this.required,"required"),readOnly:p(this.readOnly,"readOnly")||p(this.readonly,"readonly")||void 0,form:this.form,maxLength:m(this.maxLength,this.maxlength),minLength:m(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!==(a=null!==(h=this.value)&&void 0!==h?h:this._value)&&void 0!==a?a:"","aria-describedby":null!==(e=this.ariaDescribedBy)&&void 0!==e?e:this._descByIds,placeholder:null!==(d=this.placeholder)&&void 0!==d?d:o,rows:m(this.rows,r),cols:m(this.cols)}),f(this.message,this.showMessage)?s("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?s("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||n):null,s("db-infotext",{key:"07e6585b6a89335004382796a9c06da736260028",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),s("span",{key:"6a8394ae7d62809422e54a810e75cf0628327223","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}get rootElement(){return h(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}]}}};export{x as db_textarea}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as i,g as s}from"./p-BlbKvvUv.js";import{D as e}from"./p-BdL-nI5y.js";import{d as a,u as h,g as o,c as d}from"./p-BiyJ0WOE.js";import{D as n}from"./p-Z7eYHp_l.js";import{b as l}from"./p-C0q9XJSc.js";const r=class{constructor(i){t(this,i),this._id=e,this.initialized=!1,this._documentScrollListenerCallbackId=void 0,this._observer=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&&a((()=>{var i;this._ref&&l(this._ref,t,null!==(i=this.placement)&&void 0!==i?i:"bottom")}),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,s;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 n).removeCallback(this._documentScrollListenerCallbackId),this._documentScrollListenerCallbackId=void 0),null===(s=this._observer)||void 0===s||s.unobserve(this.getParent()))}handleEnter(t){var i,s;this._activeTriggerCount=(null!==(i=this._activeTriggerCount)&&void 0!==i?i:0)+1,1===this._activeTriggerCount&&(this._documentScrollListenerCallbackId=(new n).addCallback((i=>this.handleDocumentScroll(i,t))),null===(s=this._observer)||void 0===s||s.observe(this.getParent())),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-"+h()}_detachListeners(){var t,i,s;const e=this._documentScrollListenerCallbackId;e&&((new n).removeCallback(e),this._documentScrollListenerCallbackId=void 0),null===(t=this._observer)||void 0===t||t.disconnect(),this._observer=void 0,this._activeTriggerCount=0,(null!==(i=this._boundListeners)&&void 0!==i?i:[]).forEach((t=>{t.parent.removeEventListener(t.type,t.fn)})),this._boundListeners=[];const a=this._attachedParent;if(a){const t=null!==(s=this._attachedId)&&void 0!==s?s:this._id,i=a.querySelectorAll(".db-tooltip"),e=Array.from(i).some((t=>t!==this._ref));"true"!==a.dataset.hasTooltip||e||delete a.dataset.hasTooltip,a.getAttribute("aria-labelledby")===t&&a.removeAttribute("aria-labelledby"),a.getAttribute("aria-describedby")===t&&a.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}"undefined"!=typeof window&&"IntersectionObserver"in window&&(this._observer=new IntersectionObserver((t=>{const i=t.find((({target:t})=>t===this.getParent()));i&&!i.isIntersecting&&this.handleEscape(!1)}))),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,s;return i("i",{key:"a35fc9349a599145e2ea2287aa6467500854fadd",class:d("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":o(this.wrap,"wrap"),"data-animation":o(null===(t=this.animation)||void 0===t||t,"animation"),"data-delay":this.delay,"data-width":this.width,"data-show-arrow":o(null===(s=this.showArrow)||void 0===s||s,"showArrow"),"data-placement":this.placement,onClick:t=>this.handleClick(t)},this.text?this.text:null,i("slot",{key:"63d102dc8c4c4022c2dc3bad582f0167635adcb2"}))}get rootElement(){return s(this)}static get watchers(){return{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],_ref:[{watch1:0}],initialized:[{watch1:0}],_id:[{watch1:0}]}}};export{r as db_tooltip}
|
package/dist/db-ux/p-B-HK8lhm.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{u as t}from"./p-BiyJ0WOE.js";class c{static runCallbacks(t){for(const l of Object.values(c.callbacks))"function"==typeof l&&l(t)}constructor(){if(c._instance)return c._instance;c._instance=this,self.document&&self.document.addEventListener("click",(t=>c.runCallbacks(t)))}addCallback(l){const s=t();return c.callbacks[s]=l,s}removeCallback(t){delete c.callbacks[t]}}c.callbacks={},c._instance=null;export{c as D}
|
package/dist/db-ux/p-BdL-nI5y.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const a="OVERWRITE_DEFAULT_ID",s="LABEL SHOULD BE SET",e=" ",i="MESSAGE SHOULD BE SET",l="-label",n="-select",b="-message",c="-valid-message",t="-invalid-message",r="-placeholder",g="-datalist",u="TODO: Add a validMessage",o="TODO: Add an invalidMessage",v="Remove",d="Back",f="Selected",m="BurgerMenu",p="brand",O=4,h="Close",w="density",E="color";var S;!function(a){a.FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive"}(S||(S={}));const j=Object.entries(S).map((([,a])=>a));var D,T;!function(a){a.PRIMARY="primary"}(D||(D={})),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"}(T||(T={}));const A=Object.entries(T).map((([,a])=>a)),B=Object.entries(D).map((([,a])=>a));var x;!function(a){a.CRITICAL="critical",a.INFORMATIONAL="informational",a.WARNING="warning",a.SUCCESSFUL="successful"}(x||(x={}));const L=Object.entries(x).map((([,a])=>a)),k={width:390,height:884},M={width:1920,height:1280},y=[Object.assign({name:"desktop"},M),{name:"tablet",width:768,height:1024},Object.assign({name:"mobile"},k)],R="db-ux-framework",U="db-ux-mode";export{L as A,k as B,E as C,a as D,M as E,R as F,U as G,x as S,y as T,s as a,e as b,i as c,l as d,n as e,b as f,c as g,t as h,r as i,g as j,u as k,o 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,S as u,j as v,D as w,T as x,A as y,B as z}
|
package/dist/db-ux/p-C0q9XJSc.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const t=t=>{const{outTop:o,outBottom:e,outLeft:i,outRight:l}=(t=>{var o;const{top:e,bottom:i,left:l,right:n}=t.getBoundingClientRect(),{innerHeight:r,innerWidth:d}=window;let p=e<0,h=i>r,a=l<0,c=n>d;const s=t.dataset.outsideVy,f=t.dataset.outsideVx,b=null===(o=null==t?void 0:t.parentElement)||void 0===o?void 0:o.getBoundingClientRect();return b&&(s&&("top"===t.dataset.outsideVy?p=b.top-(i-b.bottom)<0:h=b.bottom+(b.top-e)>r),f&&("left"===t.dataset.outsideVx?a=b.left-(n-b.right)<0:c=b.right+(b.left-l)>d)),{outTop:p,outBottom:h,outLeft:a,outRight:c}})(t);let n={};return o||e?(n={vy:o?"top":"bottom"},t.dataset.outsideVy=n.vy):delete t.dataset.outsideVy,i||l?(n=Object.assign(Object.assign({},n),{vx:l?"right":"left"}),t.dataset.outsideVx=n.vx):delete t.dataset.outsideVx,n},o=(t,o,i)=>{if(!t||!o)return;const l="full"===t.dataset.width,n="auto"===t.dataset.width;if(t.style.inlineSize="",t.style.minInlineSize="","9999"===getComputedStyle(t).zIndex)return;const{top:r,bottom:d,childHeight:p,childWidth:h,width:a,right:c,left:s,correctedPlacement:f,innerWidth:b}=e(t,o,i);let u=a;if(n){const o=parseFloat(getComputedStyle(t).maxInlineSize);!isNaN(o)&&o>0&&(u=Math.min(a,o))}l?t.style.inlineSize=`${a}px`:n&&(t.style.minInlineSize=`${u}px`);let g=h;n?g=Math.max(h,u):l&&(g=a);let m=f;n&&("top"===m||"bottom"===m||"top-start"===m||"bottom-start"===m)&&s+g>b&&(m=m.startsWith("top")?"top-end":"bottom-end"),"top"===m||"bottom"===m||"top-start"===m||"bottom-start"===m?t.style.insetInlineStart=`${s}px`:"top-end"!==m&&"bottom-end"!==m||(t.style.insetInlineStart=`${Math.max(c-g,0)}px`),(null==m?void 0:m.startsWith("top"))?t.style.insetBlockStart=r-p+"px":(null==m?void 0:m.startsWith("bottom"))&&(t.style.insetBlockStart=`${d}px`),t.style.position="fixed"},e=(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:p,width:h}=o.getBoundingClientRect(),{innerHeight:a,innerWidth:c}=window;let s=i.height,f=i.width;"bottom"!==e&&"top"!==e||(f/=2),"left"!==e&&"right"!==e||(s/=2);const b=r+s>a,u=l-s<0,g=p-f<0,m=d+f>c;let $=e;return e.startsWith("bottom")?b?($=null==e?void 0:e.replace("bottom","top"),g&&m?$="top":g?$="top-start":m&&($="top-end")):g&&m?$="bottom":g?$="bottom-start":m&&($="bottom-end"):e.startsWith("top")?u?($=null==e?void 0:e.replace("top","bottom"),g&&m?$="bottom":g?$="bottom-start":m&&($="bottom-end")):g&&m?$="top":g?$="top-start":m&&($="top-end"):e.startsWith("left")?g?($=null==e?void 0:e.replace("left","right"),b&&u?$="right":b?$="right-end":u&&($="right-start")):b&&u?$="left":b?$="left-end":u&&($="left-start"):$.startsWith("right")&&(m?($=null==e?void 0:e.replace("right","left"),b&&u?$="left":b?$="left-end":u&&($="left-start")):b&&u?$="right":b?$="right-end":u&&($="right-start")),{top:l,bottom:r,right:d,height:n,width:h,left:p,childHeight:i.height,childWidth:i.width,correctedPlacement:$,innerWidth:c,innerHeight:a}},i=new WeakMap,l=(t,o,l)=>{var n,r;if(!t||!o)return;const d=getComputedStyle(o),p=["absolute","fixed"].includes(d.position),h=(t=>{if(i.has(t))return i.get(t);let o=t.parentElement,e=0;for(;o&&e<10;){if(o.dataset.correctedPlacement)return i.set(t,o),o;o=o.parentElement,e+=1}return i.set(t,null),null})(t),a=!h&&!p,c=null!==(r=null===(n=getComputedStyle(t))||void 0===n?void 0:n.getPropertyValue("--db-popover-distance"))&&void 0!==r?r:"0px";let{top:s,height:f,width:b,childHeight:u,childWidth:g,right:m,left:$,bottom:x,correctedPlacement:v,innerWidth:w,innerHeight:W}=e(t,o,l);if(h){const t=h.getBoundingClientRect();$=Math.abs($-t.left),m=1.5*(b+Math.abs(m-t.right)),s=Math.abs(s-t.top),x=1.5*(f+Math.abs(x-t.bottom))}if(p&&($=0,m=b,s=0,x=f,["auto","inherit","0"].includes(d.zIndex)&&(o.style.zIndex="1")),g>b&&(v.startsWith("bottom")||v.startsWith("top"))){const o=b/2/g*100;v.endsWith("start")?t.style.setProperty("--db-tooltip-arrow-inline-start",`${o}%`):v.endsWith("end")?t.style.setProperty("--db-tooltip-arrow-inline-start",100-o+"%"):t.style.setProperty("--db-tooltip-arrow-inline-start","50%")}if(u>f&&(v.startsWith("left")||v.startsWith("bottom"))){const o=f/2/u*100;v.endsWith("start")?t.style.setProperty("--db-tooltip-arrow-block-start",`${o}%`):v.endsWith("end")?t.style.setProperty("--db-tooltip-arrow-block-start",100-o+"%"):t.style.setProperty("--db-tooltip-arrow-block-start","50%")}if("right"===v||"left"===v)t.style.insetBlockStart=`${s+f/2}px`;else if("right-start"===v||"left-start"===v){const o=s+u;t.style.insetBlockStart=`${s}px`,t.style.insetBlockEnd=`${!p&&o>W?W:o}px`}else if("right-end"===v||"left-end"===v){const o=x-u;t.style.insetBlockStart=`${!p&&o<0?0:o}px`,t.style.insetBlockEnd=`${x}px`}else if("top"===v||"bottom"===v)t.style.insetInlineStart=`${$+b/2}px`;else if("top-start"===v||"bottom-start"===v){const o=$+g;t.style.insetInlineStart=`${$}px`,t.style.insetInlineEnd=`${!p&&o>w?w:o}px`}else if("top-end"===v||"bottom-end"===v){const o=m-g;t.style.insetInlineStart=`${!p&&o<0?0:o}px`,t.style.insetInlineEnd=`${m}px`}if(null==v?void 0:v.startsWith("right")){const o=m+g;t.style.insetInlineStart=`calc(${m}px + ${c})`,t.style.insetInlineEnd=`calc(${a&&o>w?w:o}px + ${c})`}else if(null==v?void 0:v.startsWith("left")){const o=$-g;t.style.insetInlineStart=`calc(${a&&o<0?0:o}px - ${c})`,t.style.insetInlineEnd=`calc(${m}px - ${c})`}else if(null==v?void 0:v.startsWith("top")){const o=s-u;t.style.insetBlockStart=`calc(${a&&o<0?0:o}px - ${c})`,t.style.insetBlockEnd=`calc(${p?o:x}px - ${c})`}else if(null==v?void 0:v.startsWith("bottom")){const o=x+u;t.style.insetBlockStart=`calc(${p?o:x}px + ${c})`,t.style.insetBlockEnd=`calc(${a&&o>W?W:o}px + ${c})`}t.style.position="fixed",t.dataset.correctedPlacement=v};export{o as a,l as b,e as g,t as h}
|
package/dist/db-ux/p-Z7eYHp_l.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{u as t}from"./p-BiyJ0WOE.js";class s{static runCallbacks(t){for(const l of Object.values(s.callbacks))"function"==typeof l&&l(t)}constructor(){if(this.ticking=!1,s._instance)return s._instance;s._instance=this,self.document&&self.document.addEventListener("scroll",(t=>{this.ticking||(window.requestAnimationFrame((()=>{s.runCallbacks(t),this.ticking=!1})),this.ticking=!0)}),!0)}addCallback(l){const o=t();return s.callbacks[o]=l,o}removeCallback(t){delete s.callbacks[t]}}s.callbacks={},s._instance=null;export{s as D}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,c as t,h as s,F as h,g as e}from"./p-BlbKvvUv.js";import{l,a as o,m as a,f as d,g as n,h as c,e as v,d as r,i as u,o as w,k as f,c as b,s as m}from"./p-BdL-nI5y.js";import{h as p,d as y,s as g,m as k,u as F,e as A,g as x,l as D,c as C}from"./p-BiyJ0WOE.js";import{D as O}from"./p-B-HK8lhm.js";import{D as S}from"./p-Z7eYHp_l.js";import{a as B}from"./p-C0q9XJSc.js";import{b as L}from"./p-BXROp_k8.js";const T=class{constructor(s){i(this,s),this.amountChange=t(this,"amountChange"),this.dropdownToggle=t(this,"dropdownToggle"),this.optionSelected=t(this,"optionSelected"),this.search=t(this,"search"),this.showClearSelection=!0,this.clearSelectionText="Clear selection",this._id=void 0,this._messageId=void 0,this._validMessageId=void 0,this._invalidMessageId=void 0,this._invalidMessage=void 0,this._selectId=void 0,this._labelId=void 0,this._summaryId=void 0,this._placeholderId=void 0,this._infoTextId=void 0,this._validity="no-validation",this._userInteraction=!1,this.abortController=void 0,this._descByIds=void 0,this._selectedLabels="",this._selectedLabelsId=void 0,this._voiceOverFallback="",this._selectedOptions=[],this.selectAllEnabled=!1,this.searchEnabled=!1,this.amountOptions=0,this._values=[],this._options=[],this._hasNoOptions=!1,this._documentClickListenerCallbackId=void 0,this._internalChangeTimestamp=0,this._documentScrollListenerCallbackId=void 0,this._observer=void 0,this._searchValue=void 0,this.selectAllChecked=!1,this.selectAllIndeterminate=!1,this.observer=void 0,this.satisfyReact=function(i){i.stopPropagation()}}handleDocumentScroll(i){var t,s;(null===(t=null==i?void 0:i.target)||void 0===t?void 0:t.contains)&&(null===(s=null==i?void 0:i.target)||void 0===s?void 0:s.contains(this.detailsRef))&&this.handleAutoPlacement()}hasValidState(){var i;return!!(null!==(i=this.validMessage)&&void 0!==i?i:"valid"===this.validation)}handleValidation(){var i,t,s,h,e,o,a,d;this.selectRef&&(this.selectRef.value=this.getNativeSelectValue()),(null===(i=this.selectRef)||void 0===i?void 0:i.validity.valid)&&"invalid"!==this.validation?this.hasValidState()&&(null===(h=this.selectRef)||void 0===h?void 0:h.validity.valid)&&this.required?(this.setDescById(this._validMessageId),p()&&(this._voiceOverFallback=null!==(e=this.validMessage)&&void 0!==e?e:f,y((()=>this._voiceOverFallback=""),1e3)),this._validity=null!==(o=this.validation)&&void 0!==o?o:"valid"):g(this.message,this.showMessage)?(this.setDescById(this._messageId),this._validity=null!==(a=this.validation)&&void 0!==a?a:"no-validation"):(this.setDescById(this._placeholderId),this._validity=null!==(d=this.validation)&&void 0!==d?d:"no-validation"):(this.setDescById(this._invalidMessageId),this._invalidMessage=this.invalidMessage||(null===(t=this.selectRef)||void 0===t?void 0:t.validationMessage)||l,p()&&(this._voiceOverFallback=this._invalidMessage,y((()=>this._voiceOverFallback=""),1e3)),this._userInteraction&&(this._validity=null!==(s=this.validation)&&void 0!==s?s:"invalid"))}handleDropdownToggle(i){var t,s;this.dropdownToggle&&(i.stopPropagation(),this.dropdownToggle.emit(i)),i.target instanceof HTMLDetailsElement&&i.target.open?(this._documentClickListenerCallbackId=(new O).addCallback((i=>this.handleDocumentClose(i))),this._documentScrollListenerCallbackId=(new S).addCallback((i=>this.handleDocumentScroll(i))),this.handleAutoPlacement(),null===(t=this._observer)||void 0===t||t.observe(this.detailsRef),i.target.dataset.test||this.handleOpenByKeyboardFocus()):(this._documentClickListenerCallbackId&&(new O).removeCallback(this._documentClickListenerCallbackId),this._documentScrollListenerCallbackId&&(new S).removeCallback(this._documentScrollListenerCallbackId),null===(s=this._observer)||void 0===s||s.unobserve(this.detailsRef))}getNativeSelectValue(){var i,t;return(null===(i=this._values)||void 0===i?void 0:i.length)&&null!==(t=this._values.at(0))&&void 0!==t?t:""}setDescById(i){var t;const s=[];i&&s.push(i),this._selectedLabelsId&&(null===(t=this._selectedLabels)||void 0===t?void 0:t.length)&&s.push(this._selectedLabelsId),this._descByIds=s.join(" ")}getSelectAllLabel(){var i;return null!==(i=this.selectAllLabel)&&void 0!==i?i:o}getOptionLabel(i){var t,s,h;return null!==(h=null!==(t=i.label)&&void 0!==t?t:null===(s=i.value)||void 0===s?void 0:s.toString())&&void 0!==h?h:""}getOptionChecked(i){var t,s;return!(!i||!(null===(t=this._values)||void 0===t?void 0:t.includes))&&(null===(s=this._values)||void 0===s?void 0:s.includes(i))}getTagRemoveLabel(i){const t=this.removeTagsTexts,s=this.options;if(t&&s){const h=s.findIndex((t=>t.value===i.value));if(h>=0&&h<t.length)return t[h]}return`${a} ${this.getOptionLabel(i)}`}handleTagRemove(i,t){t&&t.stopPropagation(),this.handleSelect(i.value),this.handleSummaryFocus()}handleAutoPlacement(){if(this.detailsRef){const i=this.detailsRef.querySelector("article");i&&y((()=>{var t;B(i,this.detailsRef,null!==(t=this.placement)&&void 0!==t?t:"bottom")}),1)}}handleArrowDownUp(i){var t,s,h;if(null===(t=this.detailsRef)||void 0===t?void 0:t.open){if(self.document){const t=self.document.activeElement;if(t)if("checkbox"===t.getAttribute("type")||"radio"===t.getAttribute("type")){const e=null==t?void 0:t.closest("li");if("ArrowDown"===i.key||"ArrowRight"===i.key){let i=null==e?void 0:e.nextElementSibling;for(;i;){const t=i.querySelector("input");if(t){t.focus();break}i=i.nextElementSibling}i||this.handleFocusFirstDropdownCheckbox(t)}else{let i=null==e?void 0:e.previousElementSibling;for(;i;){const t=i.querySelector("input");if(t){t.focus();break}i=i.previousElementSibling}if(!i){const i=this.detailsRef.querySelector('input[type="checkbox"]');if(i&&i!==t)this.handleFocusFirstDropdownCheckbox(t);else{const i=k(this.detailsRef);if(i)y((()=>{i.focus()}),100);else{const i=Array.from(null===(s=this.detailsRef)||void 0===s?void 0:s.querySelectorAll('input[type="checkbox"],input[type="radio"]'));i.length&&(null===(h=i.at(-1))||void 0===h||h.focus())}}}}}else"search"!==t.getAttribute("type")||"ArrowUp"!==i.key&&"ArrowLeft"!==i.key?this.handleFocusFirstDropdownCheckbox(t):(this.handleClose(void 0,!0),this.handleSummaryFocus())}}else"ArrowDown"!==i.key&&"ArrowRight"!==i.key||(this.handleAutoPlacement(),this.detailsRef&&(this.detailsRef.open=!0),this.handleOpenByKeyboardFocus());i.stopPropagation(),i.preventDefault()}handleKeyboardPress(i){var t,s,h;if(i.stopPropagation(),"Escape"===i.key&&(null===(t=this.detailsRef)||void 0===t?void 0:t.open))this.handleClose(void 0,!0),this.handleSummaryFocus();else if("Enter"===i.key&&(null===(s=this.detailsRef)||void 0===s?void 0:s.open)){if(self.document){const t=self.document.activeElement;if(["checkbox","radio"].includes(t.getAttribute("type")||""))t.click(),i.preventDefault();else if("search"===t.getAttribute("type")){const t=null===(h=this._options)||void 0===h?void 0:h.find((i=>!i.isGroupTitle&&!i.disabled));(null==t?void 0:t.value)&&(this.handleSelect(t.value),i.preventDefault())}}}else"ArrowDown"!==i.key&&"ArrowUp"!==i.key&&"ArrowLeft"!==i.key&&"ArrowRight"!==i.key||this.handleArrowDownUp(i)}handleClose(i,t){if(this.detailsRef)if(t)this.detailsRef.open=!1,this.handleSummaryFocus();else if(this.detailsRef.open&&i&&i.relatedTarget){const t=i.relatedTarget;this.detailsRef.contains(t)||"dialog"===t.localName||y((()=>this.detailsRef.open=!1),1)}}handleDocumentClose(i){var t,s;if(i){const h="number"==typeof i.detail?i.target:null===(t=i.detail)||void 0===t?void 0:t.target;(null===(s=this.detailsRef)||void 0===s?void 0:s.open)&&!this.detailsRef.contains(h)&&(this.detailsRef.open=!1)}}handleOptionSelected(i){(new Date).getTime()-this._internalChangeTimestamp<200||(this._values=i,this._userInteraction=!0,this.optionSelected&&this.optionSelected.emit(null!=i?i:[]),this._internalChangeTimestamp=(new Date).getTime())}handleSelect(i){var t;i&&(this.multiple?(null===(t=this._values)||void 0===t?void 0:t.includes(i))?this.handleOptionSelected(this._values.filter((t=>t!==i))):this.handleOptionSelected([...this._values||[],i]):(this.handleOptionSelected([i]),this.handleClose(void 0,!0)))}handleSelectAll(i){var t;if(i.stopPropagation(),(null===(t=this._values)||void 0===t?void 0:t.length)===this.amountOptions)this.handleOptionSelected([]);else{const i=this.searchEnabled&&this.searchInputRef?this.searchInputRef.value:void 0;this.handleOptionSelected(this.options?this.options.filter((t=>{var s;return!t.isGroupTitle&&(!i||(null===(s=t.value)||void 0===s?void 0:s.toLowerCase().includes(i.toLowerCase())))})).map((i=>{var t;return null!==(t=i.value)&&void 0!==t?t:""})):[])}}handleFocusFirstDropdownCheckbox(i){if(this.detailsRef){const t=Array.from(this.detailsRef.querySelectorAll('input[type="checkbox"],input[type="radio"]'));if(t.length){const s=t.at(0),h=s===i&&t.length>1?t.at(1):s;h&&y((()=>{h.focus()}),1)}}}handleOpenByKeyboardFocus(){if(this.detailsRef){const i=k(this.detailsRef);i?y((()=>{i.focus()}),1):this.handleFocusFirstDropdownCheckbox()}}handleSearch(i){var t;if(void 0===i)return;let s;if("string"==typeof i)s=i;else{const t=i;t.stopPropagation(),this.search&&this.search.emit(t),s=t.target.value,this._searchValue=s}this._options=this.options&&s&&0!==s.length?this.options.filter(this.searchFilter?i=>this.searchFilter(i,s):i=>!i.isGroupTitle&&this.getOptionLabel(i).toLowerCase().includes(s.toLowerCase())):this.options,(null===(t=this.detailsRef)||void 0===t?void 0:t.open)&&this.handleAutoPlacement()}handleClearAll(i){i.stopPropagation(),this.handleOptionSelected([]),this.handleSummaryFocus()}handleSummaryFocus(){var i;this.detailsRef&&(null===(i=this.detailsRef.querySelector("summary"))||void 0===i||i.focus())}resetIds(){var i,t,s;const h=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:`custom-select-${F()}`;this._id=h,this._messageId=h+d,this._validMessageId=h+n,this._invalidMessageId=h+c,this._selectId=h+v,this._labelId=h+r,this._summaryId=h+"-summary",this._placeholderId=h+u,this._selectedLabelsId=h+"-selected-labels",this._infoTextId=h+"-info"}setupObserver(i){if(!i)return;const t=i.closest("db-custom-select");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-custom-select")})),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 h=0;h<t.length;h++){const e=t.item(h);if(e&&"data-density"!==e.name&&(e.name.startsWith("data-")||e.name.startsWith("aria-")))e.value?i.setAttribute(e.name,e.value):i.removeAttribute(e.name),s.removeAttribute(e.name);else if(e&&["style"].includes(e.name))i.setAttribute(e.name,e.value),s.removeAttribute(e.name);else if(e&&"class"===e.name){const t=e.value.includes("hydrated"),h=e.value.replace("hydrated","").trim(),l=i.getAttribute("class");i.setAttribute(e.name,`${l||""}${h?` ${h}`:""}`),t?s.setAttribute("class","hydrated"):s.removeAttribute(e.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(){this.detailsRef&&this.detailsRef.addEventListener("focusout",(i=>this.handleClose(i)))}watch1(){this.watch1Fn()}watch2Fn(){if(this._id){const i=this._id+d;this._labelId=this._id+r,this._selectId=this._id+v,this._validMessageId=this._id+n,this._invalidMessageId=this._id+c,this._placeholderId=this._id+u,g(this.message,this.showMessage)?this.setDescById(i):this.setDescById()}}watch2(){this.watch2Fn()}watch3Fn(){var i;if(this.detailsRef){const t=this.detailsRef.querySelector("summary");t&&t.setAttribute("aria-describedby",null!==(i=this.ariaDescribedBy)&&void 0!==i?i:this._descByIds||"")}}watch3(){this.watch3Fn()}watch4Fn(){void 0!==this.showNoResults?this._hasNoOptions=this.showNoResults:this._options&&(this._hasNoOptions=0===this._options.length)}watch4(){this.watch4Fn()}watch5Fn(){var i;this.selectAllEnabled=Boolean(this.multiple&&(null!==(i=this.showSelectAll)&&void 0!==i?i:this.amountOptions>5))}watch5(){this.watch5Fn()}watch6Fn(){var i;this.searchEnabled=null!==(i=this.showSearch)&&void 0!==i?i:this.amountOptions>9}watch6(){this.watch6Fn()}watch7Fn(){var i;const t=this.values;Array.isArray(t)?this._values!==t&&(this._values=t):null==t&&0!==(null===(i=this._values)||void 0===i?void 0:i.length)&&(this._values=[])}watch7(){this.watch7Fn()}watch8Fn(){this.selectRef&&this.handleValidation()}watch8(){this.watch8Fn()}watch9Fn(){if(this.selectRef){let i=this.abortController;i||(i=new AbortController,this.abortController=i);const t=this.values;L(this.selectRef,(()=>{this.handleOptionSelected(t||(this.selectRef.value?[this.selectRef.value]:[])),this.handleValidation()}),i.signal)}}watch9(){this.watch9Fn()}watch10Fn(){this._validity=this.validation}watch10(){this.watch10Fn()}watch11Fn(){var i,t;0===(null===(i=this._values)||void 0===i?void 0:i.length)?(this.selectAllChecked=!1,this.selectAllIndeterminate=!1):(null===(t=this._values)||void 0===t?void 0:t.length)===this.amountOptions?(this.selectAllIndeterminate=!1,this.selectAllChecked=!0):this._values&&(this.selectAllIndeterminate=!0)}watch11(){this.watch11Fn()}watch12Fn(){var i,t,s;this._options=this.options,this.amountOptions=null!==(t=null===(i=this.options)||void 0===i?void 0:i.filter((i=>!i.isGroupTitle)).length)&&void 0!==t?t:0,(null===(s=this.detailsRef)||void 0===s?void 0:s.open)&&this.handleAutoPlacement()}watch12(){this.watch12Fn()}watch13Fn(){this._searchValue=this.searchValue,this.searchValue&&this.handleSearch(this.searchValue)}watch13(){this.watch13Fn()}watch14Fn(){var i,t;(null===(i=this.options)||void 0===i?void 0:i.length)&&(this._selectedOptions=null===(t=this.options)||void 0===t?void 0:t.filter((i=>{var t,s;return!(!i.value||!(null===(t=this._values)||void 0===t?void 0:t.includes))&&!i.isGroupTitle&&(null===(s=this._values)||void 0===s?void 0:s.includes(i.value))})))}watch14(){this.watch14Fn()}watch15Fn(){var i,t,s;if(this.selectedLabels)this._selectedLabels=this.selectedLabels;else if(null===(i=this._selectedOptions)||void 0===i?void 0:i.length){if(this.transformSelectedLabels)return void(this._selectedLabels=(0,this.transformSelectedLabels)(this._selectedOptions));this._selectedLabels="amount"===this.selectedType?this.amountText?this.amountText:`${null===(t=this._selectedOptions)||void 0===t?void 0:t.length} ${w}`:null===(s=this._selectedOptions)||void 0===s?void 0:s.map((i=>this.getOptionLabel(i))).join(", ")}else this._selectedLabels=""}watch15(){this.watch15Fn()}watch16Fn(){var i,t;this.amountChange&&this.amountChange.emit(null!==(t=null===(i=this._selectedOptions)||void 0===i?void 0:i.length)&&void 0!==t?t:0)}watch16(){this.watch16Fn()}watch17Fn(){this.selectAllRef&&(this.selectAllRef.indeterminate=Boolean(this.selectAllIndeterminate))}watch17(){this.watch17Fn()}watch18Fn(){var i;this._invalidMessage=this.invalidMessage||(null===(i=this.selectRef)||void 0===i?void 0:i.validationMessage)||l}watch18(){this.watch18Fn()}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-custom-select"),(()=>{this.resetIds(),this._invalidMessage=this.invalidMessage||l,"undefined"!=typeof window&&"IntersectionObserver"in window&&(this._observer=new IntersectionObserver((i=>{if(this.detailsRef){const t=i.find((({target:i})=>i===this.detailsRef));t&&!t.isIntersecting&&this.detailsRef.open&&(this.detailsRef.open=!1)}})))})(),(()=>{this.setupObserver(this._ref)})(),this.watch0Fn(),this.watch1Fn(),this.watch2Fn(),this.watch3Fn(),this.watch4Fn(),this.watch5Fn(),this.watch6Fn(),this.watch7Fn(),this.watch8Fn(),this.watch9Fn(),this.watch10Fn(),this.watch11Fn(),this.watch12Fn(),this.watch13Fn(),this.watch14Fn(),this.watch15Fn(),this.watch16Fn(),this.watch17Fn(),this.watch18Fn()}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,e,l,a,d,n,c,v,r,u,w,p,y,k;return s("div",{key:"9f804bd057ef9cde5cc83263e5b1e3a477ad5d2e",class:C("db-custom-select",this.className),id:this._id,ref:i=>{this._ref=i},"aria-invalid":"invalid"===this._validity,"data-custom-validity":this._validity,"data-width":this.formFieldWidth,"data-variant":"floating"===this.variant&&"tag"===this.selectedType&&this.multiple?"above":this.variant,"data-required":x(this.required,"required"),"data-hide-asterisk":D(this.showRequiredAsterisk),"data-placement":this.placement,"data-selected-type":this.multiple?this.selectedType:"text","data-hide-label":D(this.showLabel),"data-icon":this.icon,"data-show-icon":x(this.showIcon,"showIcon")},s("label",{key:"1ce826237b63c3abfad8b55068c25fdc4acc2d7a",id:this._labelId},null!==(i=this.label)&&void 0!==i?i:o,s("select",{key:"9f16da6b3d9e633e4ce70e8654925df86a901074",role:"none",hidden:!0,id:this._selectId,tabIndex:-1,ref:i=>{this.selectRef=i},form:this.form,name:this.name,"data-custom-validity":this._validity,multiple:A(this.multiple,"multiple"),disabled:A(this.disabled,"disabled"),required:A(this.required,"required"),onChange:i=>this.satisfyReact(i)},(null===(t=this.options)||void 0===t?void 0:t.length)?null===(e=this.options)||void 0===e?void 0:e.map((i=>s("option",{disabled:i.disabled,value:i.value,key:void 0},this.getOptionLabel(i)))):null)),s("details",{key:"6a88c236898236ee539bced6fa3b3918be8f693d",ref:i=>{this.detailsRef=i},open:this.open,onToggle:i=>this.handleDropdownToggle(i),onKeyDown:i=>this.handleKeyboardPress(i)},s("slot",{key:"c9dd3e30dd094da51de1b2064749a211fef6eb36"}),this.options?s(h,null,s("summary",{class:"db-custom-select-form-field",id:this._summaryId,"aria-disabled":x(this.disabled,"disabled"),tabIndex:this.disabled?-1:void 0,"aria-labelledby":this._labelId},(null===(l=this._selectedLabels)||void 0===l?void 0:l.length)?s("span",{"data-visually-hidden":x("tag"===this.selectedType,"selectedType"),id:this._selectedLabelsId},this.selectedPrefix?s("span",{"data-visually-hidden":"true"},this.selectedPrefix):null,this._selectedLabels):null,"tag"===this.selectedType?s("div",null,null===(a=this._selectedOptions)||void 0===a?void 0:a.map((i=>s("db-tag",{emphasis:"strong",behavior:"removable",removeButton:this.getTagRemoveLabel(i),onRemove:t=>this.handleTagRemove(i,t),key:void 0},this.getOptionLabel(i))))):null),s("db-custom-select-dropdown",{width:this.dropdownWidth},this.searchEnabled?s("div",null,s("db-input",{type:"search",ref:i=>{this.searchInputRef=i},name:this._id,form:this._id,showLabel:!1,value:this._searchValue,label:null!==(d=this.searchLabel)&&void 0!==d?d:o,placeholder:null!==(n=this.searchPlaceholder)&&void 0!==n?n:this.searchLabel,ariaDescribedBy:this._hasNoOptions||this.showLoading?this._infoTextId:void 0,onInput:i=>this.handleSearch(i)})):null,this._hasNoOptions||this.showLoading?s("db-infotext",{id:this._infoTextId,icon:this.showLoading?"circular_arrows":void 0,semantic:this.showLoading?"informational":"warning"},null!==(c=this.showLoading?this.loadingText:this.noResultsText)&&void 0!==c?c:b):s(h,null,this.selectAllEnabled?s("div",null,s("div",{class:"db-checkbox db-custom-select-list-item"},s("label",null,s("input",{type:"checkbox",value:"select-all",ref:i=>{this.selectAllRef=i},form:this._id,checked:this.selectAllChecked,onChange:i=>this.handleSelectAll(i)}),this.getSelectAllLabel()))):null,s("db-custom-select-list",{multiple:A(this.multiple,"multiple"),label:null!==(r=null!==(v=this.listLabel)&&void 0!==v?v:this.label)&&void 0!==r?r:o},null===(u=this._options)||void 0===u?void 0:u.map((i=>s("db-custom-select-list-item",{type:this.multiple?"checkbox":"radio",showDivider:i.showDivider,icon:i.icon,isGroupTitle:i.isGroupTitle,groupTitle:this.getOptionLabel(i),name:this._id,checked:this.getOptionChecked(i.value),disabled:i.disabled,value:i.value,onChange:()=>this.handleSelect(i.value),key:void 0},i.isGroupTitle?null:this.getOptionLabel(i)))))),s("div",null,s("db-button",{variant:"ghost",width:"full",icon:"cross",size:"small",name:this._id,form:this._id,onClick:()=>this.handleClose(void 0,!0)},null!==(w=this.mobileCloseButtonText)&&void 0!==w?w:m)))):null),(null===(p=this.showClearSelection)||void 0===p||p)&&(null===(y=this._values)||void 0===y?void 0:y.length)?s("db-button",{icon:"cross",variant:"ghost",size:"small",noText:!0,name:this._id,form:this._id,disabled:A(this.disabled,"disabled"),onClick:i=>this.handleClearAll(i)},this.clearSelectionText,s("db-tooltip",{placement:"top"},this.clearSelectionText)):null,s("span",{key:"3210abcd9df6f8232346aa78def9e3bd078f35db",class:"db-custom-select-placeholder","aria-hidden":"true",id:this._placeholderId},null!==(k=this.placeholder)&&void 0!==k?k:this.label),g(this.message,this.showMessage)?s("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?s("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||f):null,s("db-infotext",{key:"a552df2b93f899230e80623e2014691e411c3b40",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),s("span",{key:"b29045acf1f702b90b434dc4aa9d589c0c6c57f5","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}get rootElement(){return e(this)}static get watchers(){return{id:[{watch0:0}],"propOverrides?.id":[{watch0:0}],detailsRef:[{watch1:0},{watch3:0}],_id:[{watch2:0}],_descByIds:[{watch3:0}],showNoResults:[{watch4:0}],showLoading:[{watch4:0}],_options:[{watch4:0}],showSelectAll:[{watch5:0}],amountOptions:[{watch5:0},{watch6:0},{watch11:0}],multiple:[{watch5:0}],showSearch:[{watch6:0}],values:[{watch7:0}],_values:[{watch8:0},{watch11:0},{watch14:0}],selectRef:[{watch8:0},{watch9:0},{watch18:0}],validation:[{watch10:0}],options:[{watch12:0},{watch14:0}],searchValue:[{watch13:0}],_selectedOptions:[{watch15:0},{watch16:0}],selectedType:[{watch15:0}],amountText:[{watch15:0}],selectedLabels:[{watch15:0}],transformSelectedLabels:[{watch15:0}],selectAllIndeterminate:[{watch17:0}],selectAllRef:[{watch17:0}],invalidMessage:[{watch18:0}]}}};export{T as db_custom_select}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { u as uuid } from './index-BiyJ0WOE.js';
|
|
2
|
-
|
|
3
|
-
class DocumentScrollListener {
|
|
4
|
-
static runCallbacks(event) {
|
|
5
|
-
for (const callback of Object.values(DocumentScrollListener.callbacks)) {
|
|
6
|
-
if (typeof callback === 'function') {
|
|
7
|
-
callback(event);
|
|
8
|
-
}
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
constructor() {
|
|
12
|
-
this.ticking = false;
|
|
13
|
-
if (DocumentScrollListener._instance) {
|
|
14
|
-
return DocumentScrollListener._instance;
|
|
15
|
-
}
|
|
16
|
-
DocumentScrollListener._instance = this;
|
|
17
|
-
if (self.document) {
|
|
18
|
-
self.document.addEventListener('scroll', event => {
|
|
19
|
-
if (!this.ticking) {
|
|
20
|
-
window.requestAnimationFrame(() => {
|
|
21
|
-
DocumentScrollListener.runCallbacks(event);
|
|
22
|
-
this.ticking = false;
|
|
23
|
-
});
|
|
24
|
-
this.ticking = true;
|
|
25
|
-
}
|
|
26
|
-
}, true);
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
addCallback(callback) {
|
|
30
|
-
const callbackID = uuid();
|
|
31
|
-
DocumentScrollListener.callbacks[callbackID] = callback;
|
|
32
|
-
return callbackID;
|
|
33
|
-
}
|
|
34
|
-
removeCallback(id) {
|
|
35
|
-
delete DocumentScrollListener.callbacks[id];
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
DocumentScrollListener.callbacks = {};
|
|
39
|
-
DocumentScrollListener._instance = null;
|
|
40
|
-
|
|
41
|
-
export { DocumentScrollListener as D };
|