@trendyol/baklava 3.0.0-beta.2 → 3.0.0-beta.21
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/README.md +3 -3
- package/dist/assets/credit_card.svg +4 -0
- package/dist/assets/door_open.svg +3 -0
- package/dist/assets/sorting_asc.svg +4 -0
- package/dist/assets/sorting_desc.svg +4 -0
- package/dist/baklava-react.d.ts +69 -0
- package/dist/baklava-react.d.ts.map +1 -1
- package/dist/baklava-react.js +1 -1
- package/dist/baklava-react.js.map +3 -3
- package/dist/baklava-vue.d.ts +9 -0
- package/dist/baklava.d.ts +9 -0
- package/dist/baklava.d.ts.map +1 -1
- package/dist/baklava.js +1 -1
- package/dist/{chunk-MACM4RPG.js → chunk-2GQCCDR3.js} +2 -2
- package/dist/{chunk-3QXRSN5E.js → chunk-4BZSILLM.js} +2 -2
- package/dist/{chunk-JZ3S4JFA.js → chunk-4T26H7PC.js} +2 -2
- package/dist/{chunk-X2KXJYXQ.js → chunk-5MOOXA2X.js} +6 -6
- package/dist/{chunk-X2KXJYXQ.js.map → chunk-5MOOXA2X.js.map} +2 -2
- package/dist/{chunk-LYOZ36IH.js → chunk-5TPDRTCU.js} +2 -2
- package/dist/chunk-73GEFGEG.js +2 -0
- package/dist/chunk-73GEFGEG.js.map +7 -0
- package/dist/{chunk-QXFCLEZB.js → chunk-73RGV4UX.js} +2 -2
- package/dist/chunk-7QNX2GPS.js +24 -0
- package/dist/chunk-7QNX2GPS.js.map +7 -0
- package/dist/chunk-ASB5S6J4.js +8 -0
- package/dist/chunk-ASB5S6J4.js.map +7 -0
- package/dist/chunk-EG7U7PM3.js +11 -0
- package/dist/chunk-EG7U7PM3.js.map +7 -0
- package/dist/{chunk-MG23TBA3.js → chunk-FQBDGFMR.js} +4 -4
- package/dist/{chunk-VXYXKLNG.js → chunk-FVBGMXMC.js} +2 -2
- package/dist/chunk-H5K6KEKD.js +20 -0
- package/dist/chunk-H5K6KEKD.js.map +7 -0
- package/dist/chunk-HZ6A5QFC.js +2 -0
- package/dist/chunk-HZ6A5QFC.js.map +7 -0
- package/dist/chunk-IWBCUOHE.js +34 -0
- package/dist/chunk-IWBCUOHE.js.map +7 -0
- package/dist/{chunk-PWZJTYMH.js → chunk-IZTTP5LH.js} +2 -2
- package/dist/chunk-LIW32ZGE.js +2 -0
- package/dist/chunk-LIW32ZGE.js.map +7 -0
- package/dist/chunk-LPHOBDYM.js +11 -0
- package/dist/chunk-LPHOBDYM.js.map +7 -0
- package/dist/{chunk-2YD3I4BZ.js → chunk-LXYK2N4C.js} +2 -2
- package/dist/{chunk-OSNB4BPE.js → chunk-MND5TXTF.js} +2 -2
- package/dist/{chunk-Q7LYRUYQ.js → chunk-N6FMS7MM.js} +4 -4
- package/dist/chunk-NGJM4NWA.js +4 -0
- package/dist/chunk-NGJM4NWA.js.map +7 -0
- package/dist/chunk-OB455JKN.js +30 -0
- package/dist/chunk-OB455JKN.js.map +7 -0
- package/dist/chunk-P4FHU5BE.js +16 -0
- package/dist/chunk-P4FHU5BE.js.map +7 -0
- package/dist/chunk-PACDVPAB.js +26 -0
- package/dist/chunk-PACDVPAB.js.map +7 -0
- package/dist/{chunk-YCHZB54C.js → chunk-Q6MAW2EF.js} +2 -2
- package/dist/{chunk-XLRX2X2I.js → chunk-QF4LGACD.js} +2 -2
- package/dist/{chunk-HULHLSIH.js → chunk-RQEU3SZQ.js} +4 -4
- package/dist/{chunk-L6BUT2FV.js → chunk-U752J5IG.js} +2 -2
- package/dist/chunk-UCLJCOUS.js +5 -0
- package/dist/chunk-UCLJCOUS.js.map +7 -0
- package/dist/chunk-WH6MQCKK.js +63 -0
- package/dist/chunk-WH6MQCKK.js.map +7 -0
- package/dist/{chunk-57IOXMBV.js → chunk-WQTBAXMP.js} +5 -5
- package/dist/{chunk-PLUCMBSD.js → chunk-WXWKIQAK.js} +2 -2
- package/dist/{chunk-UERDT3VQ.js → chunk-X67Z2G2H.js} +4 -4
- package/dist/chunk-XDJ3G3LW.js +111 -0
- package/dist/chunk-XDJ3G3LW.js.map +7 -0
- package/dist/chunk-XDUIVR6I.js +2 -0
- package/dist/chunk-XDUIVR6I.js.map +7 -0
- package/dist/chunk-Y3PONRYW.js +2 -0
- package/dist/chunk-Y3PONRYW.js.map +7 -0
- package/dist/components/accordion-group/accordion/bl-accordion.d.ts +41 -0
- package/dist/components/accordion-group/accordion/bl-accordion.d.ts.map +1 -0
- package/dist/components/accordion-group/accordion/bl-accordion.js +2 -0
- package/dist/components/accordion-group/accordion/bl-accordion.js.map +7 -0
- package/dist/components/accordion-group/accordion/bl-accordion.test.d.ts +2 -0
- package/dist/components/accordion-group/accordion/bl-accordion.test.d.ts.map +1 -0
- package/dist/components/accordion-group/bl-accordion-group.d.ts +14 -0
- package/dist/components/accordion-group/bl-accordion-group.d.ts.map +1 -0
- package/dist/components/accordion-group/bl-accordion-group.js +2 -0
- package/dist/components/accordion-group/bl-accordion-group.js.map +7 -0
- package/dist/components/accordion-group/bl-accordion-group.test.d.ts +2 -0
- package/dist/components/accordion-group/bl-accordion-group.test.d.ts.map +1 -0
- package/dist/components/alert/bl-alert.js +1 -1
- package/dist/components/badge/bl-badge.js +1 -1
- package/dist/components/button/bl-button.js +1 -1
- package/dist/components/checkbox-group/bl-checkbox-group.d.ts +29 -2
- package/dist/components/checkbox-group/bl-checkbox-group.d.ts.map +1 -1
- package/dist/components/checkbox-group/bl-checkbox-group.js +1 -1
- package/dist/components/checkbox-group/checkbox/bl-checkbox.d.ts +16 -1
- package/dist/components/checkbox-group/checkbox/bl-checkbox.d.ts.map +1 -1
- package/dist/components/checkbox-group/checkbox/bl-checkbox.js +1 -1
- package/dist/components/dialog/bl-dialog.d.ts +4 -0
- package/dist/components/dialog/bl-dialog.d.ts.map +1 -1
- package/dist/components/dialog/bl-dialog.js +1 -1
- package/dist/components/dialog/bl-dialog.stories.d.ts +3 -0
- package/dist/components/dialog/bl-dialog.stories.d.ts.map +1 -1
- package/dist/components/dialog/bl-dialog.stories.js +11 -8
- package/dist/components/dialog/bl-dialog.stories.js.map +3 -3
- package/dist/components/drawer/bl-drawer.d.ts +6 -0
- package/dist/components/drawer/bl-drawer.d.ts.map +1 -1
- package/dist/components/drawer/bl-drawer.js +1 -1
- package/dist/components/dropdown/bl-dropdown.js +1 -1
- package/dist/components/dropdown/group/bl-dropdown-group.js +1 -1
- package/dist/components/dropdown/item/bl-dropdown-item.d.ts +1 -0
- package/dist/components/dropdown/item/bl-dropdown-item.d.ts.map +1 -1
- package/dist/components/dropdown/item/bl-dropdown-item.js +1 -1
- package/dist/components/icon/bl-icon.js +1 -1
- package/dist/components/icon/icon-list.d.ts +1 -1
- package/dist/components/icon/icon-list.d.ts.map +1 -1
- package/dist/components/icon/icon-list.js +1 -1
- package/dist/components/icon/icon-list.js.map +2 -2
- package/dist/components/input/bl-input.js +1 -1
- package/dist/components/notification/bl-notification.js +1 -1
- package/dist/components/notification/card/bl-notification-card.js +1 -1
- package/dist/components/pagination/bl-pagination.js +1 -1
- package/dist/components/popover/bl-popover.d.ts.map +1 -1
- package/dist/components/popover/bl-popover.js +1 -1
- package/dist/components/progress-indicator/bl-progress-indicator.js +1 -1
- package/dist/components/radio-group/bl-radio-group.js +1 -1
- package/dist/components/radio-group/radio/bl-radio.js +1 -1
- package/dist/components/select/bl-select.d.ts +4 -0
- package/dist/components/select/bl-select.d.ts.map +1 -1
- package/dist/components/select/bl-select.js +1 -1
- package/dist/components/select/option/bl-select-option.js +1 -1
- package/dist/components/split-button/bl-split-button.d.ts +103 -0
- package/dist/components/split-button/bl-split-button.d.ts.map +1 -0
- package/dist/components/split-button/bl-split-button.js +2 -0
- package/dist/components/split-button/bl-split-button.js.map +7 -0
- package/dist/components/split-button/bl-split-button.test.d.ts +2 -0
- package/dist/components/split-button/bl-split-button.test.d.ts.map +1 -0
- package/dist/components/switch/bl-switch.js +1 -1
- package/dist/components/tab-group/bl-tab-group.js +1 -1
- package/dist/components/tab-group/tab/bl-tab.js +1 -1
- package/dist/components/tab-group/tab-panel/bl-tab-panel.js +1 -1
- package/dist/components/table/bl-table.d.ts +120 -0
- package/dist/components/table/bl-table.d.ts.map +1 -0
- package/dist/components/table/bl-table.js +2 -0
- package/dist/components/table/bl-table.js.map +7 -0
- package/dist/components/table/bl-table.test.d.ts +6 -0
- package/dist/components/table/bl-table.test.d.ts.map +1 -0
- package/dist/components/table/table-body/bl-table-body.d.ts +19 -0
- package/dist/components/table/table-body/bl-table-body.d.ts.map +1 -0
- package/dist/components/table/table-body/bl-table-body.js +2 -0
- package/dist/components/table/table-body/bl-table-body.js.map +7 -0
- package/dist/components/table/table-body/bl-table-body.test.d.ts +2 -0
- package/dist/components/table/table-body/bl-table-body.test.d.ts.map +1 -0
- package/dist/components/table/table-cell/bl-table-cell.d.ts +35 -0
- package/dist/components/table/table-cell/bl-table-cell.d.ts.map +1 -0
- package/dist/components/table/table-cell/bl-table-cell.js +2 -0
- package/dist/components/table/table-cell/bl-table-cell.js.map +7 -0
- package/dist/components/table/table-cell/bl-table-cell.test.d.ts +2 -0
- package/dist/components/table/table-cell/bl-table-cell.test.d.ts.map +1 -0
- package/dist/components/table/table-header/bl-table-header.d.ts +22 -0
- package/dist/components/table/table-header/bl-table-header.d.ts.map +1 -0
- package/dist/components/table/table-header/bl-table-header.js +2 -0
- package/dist/components/table/table-header/bl-table-header.js.map +7 -0
- package/dist/components/table/table-header/bl-table-header.test.d.ts +2 -0
- package/dist/components/table/table-header/bl-table-header.test.d.ts.map +1 -0
- package/dist/components/table/table-header-cell/bl-table-header-cell.d.ts +43 -0
- package/dist/components/table/table-header-cell/bl-table-header-cell.d.ts.map +1 -0
- package/dist/components/table/table-header-cell/bl-table-header-cell.js +2 -0
- package/dist/components/table/table-header-cell/bl-table-header-cell.js.map +7 -0
- package/dist/components/table/table-header-cell/bl-table-header-cell.test.d.ts +2 -0
- package/dist/components/table/table-header-cell/bl-table-header-cell.test.d.ts.map +1 -0
- package/dist/components/table/table-row/bl-table-row.d.ts +31 -0
- package/dist/components/table/table-row/bl-table-row.d.ts.map +1 -0
- package/dist/components/table/table-row/bl-table-row.js +2 -0
- package/dist/components/table/table-row/bl-table-row.js.map +7 -0
- package/dist/components/table/table-row/bl-table-row.test.d.ts +2 -0
- package/dist/components/table/table-row/bl-table-row.test.d.ts.map +1 -0
- package/dist/components/textarea/bl-textarea.js +1 -1
- package/dist/components/tooltip/bl-tooltip.d.ts +7 -1
- package/dist/components/tooltip/bl-tooltip.d.ts.map +1 -1
- package/dist/components/tooltip/bl-tooltip.js +1 -1
- package/dist/custom-elements.json +972 -7
- package/dist/utilities/elements.d.ts +1 -0
- package/dist/utilities/elements.d.ts.map +1 -1
- package/dist/utilities/style-to-px-converter.test.d.ts +2 -0
- package/dist/utilities/style-to-px-converter.test.d.ts.map +1 -0
- package/dist/utilities/style-to-px.converter.d.ts +2 -0
- package/dist/utilities/style-to-px.converter.d.ts.map +1 -0
- package/package.json +1 -1
- package/dist/chunk-3B64VOWB.js +0 -2
- package/dist/chunk-3B64VOWB.js.map +0 -7
- package/dist/chunk-6H54TTNK.js +0 -20
- package/dist/chunk-6H54TTNK.js.map +0 -7
- package/dist/chunk-A4RJP5R7.js +0 -23
- package/dist/chunk-A4RJP5R7.js.map +0 -7
- package/dist/chunk-AAGDUS7G.js +0 -11
- package/dist/chunk-AAGDUS7G.js.map +0 -7
- package/dist/chunk-DJOD4BTL.js +0 -2
- package/dist/chunk-DJOD4BTL.js.map +0 -7
- package/dist/chunk-L42A6DU2.js +0 -107
- package/dist/chunk-L42A6DU2.js.map +0 -7
- package/dist/chunk-QY5DKRF5.js +0 -26
- package/dist/chunk-QY5DKRF5.js.map +0 -7
- package/dist/chunk-UP2BMLLI.js +0 -33
- package/dist/chunk-UP2BMLLI.js.map +0 -7
- package/dist/chunk-WPMIVZ4A.js +0 -23
- package/dist/chunk-WPMIVZ4A.js.map +0 -7
- package/dist/chunk-YML6L24Q.js +0 -5
- package/dist/chunk-YML6L24Q.js.map +0 -7
- /package/dist/{chunk-MACM4RPG.js.map → chunk-2GQCCDR3.js.map} +0 -0
- /package/dist/{chunk-3QXRSN5E.js.map → chunk-4BZSILLM.js.map} +0 -0
- /package/dist/{chunk-JZ3S4JFA.js.map → chunk-4T26H7PC.js.map} +0 -0
- /package/dist/{chunk-LYOZ36IH.js.map → chunk-5TPDRTCU.js.map} +0 -0
- /package/dist/{chunk-QXFCLEZB.js.map → chunk-73RGV4UX.js.map} +0 -0
- /package/dist/{chunk-MG23TBA3.js.map → chunk-FQBDGFMR.js.map} +0 -0
- /package/dist/{chunk-VXYXKLNG.js.map → chunk-FVBGMXMC.js.map} +0 -0
- /package/dist/{chunk-PWZJTYMH.js.map → chunk-IZTTP5LH.js.map} +0 -0
- /package/dist/{chunk-2YD3I4BZ.js.map → chunk-LXYK2N4C.js.map} +0 -0
- /package/dist/{chunk-OSNB4BPE.js.map → chunk-MND5TXTF.js.map} +0 -0
- /package/dist/{chunk-Q7LYRUYQ.js.map → chunk-N6FMS7MM.js.map} +0 -0
- /package/dist/{chunk-YCHZB54C.js.map → chunk-Q6MAW2EF.js.map} +0 -0
- /package/dist/{chunk-XLRX2X2I.js.map → chunk-QF4LGACD.js.map} +0 -0
- /package/dist/{chunk-HULHLSIH.js.map → chunk-RQEU3SZQ.js.map} +0 -0
- /package/dist/{chunk-L6BUT2FV.js.map → chunk-U752J5IG.js.map} +0 -0
- /package/dist/{chunk-57IOXMBV.js.map → chunk-WQTBAXMP.js.map} +0 -0
- /package/dist/{chunk-PLUCMBSD.js.map → chunk-WXWKIQAK.js.map} +0 -0
- /package/dist/{chunk-UERDT3VQ.js.map → chunk-X67Z2G2H.js.map} +0 -0
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
(function(){"use strict";let m=new WeakMap,w=new WeakMap,g=new WeakMap,u=new WeakMap,x=new WeakMap,Q=new WeakMap,T=new WeakMap,f=new WeakMap,X=new WeakMap,b=new WeakMap,L=new WeakMap,N=new WeakMap,O=new WeakMap,R=new WeakMap,E=new WeakMap,v={ariaAtomic:"aria-atomic",ariaAutoComplete:"aria-autocomplete",ariaBusy:"aria-busy",ariaChecked:"aria-checked",ariaColCount:"aria-colcount",ariaColIndex:"aria-colindex",ariaColIndexText:"aria-colindextext",ariaColSpan:"aria-colspan",ariaCurrent:"aria-current",ariaDisabled:"aria-disabled",ariaExpanded:"aria-expanded",ariaHasPopup:"aria-haspopup",ariaHidden:"aria-hidden",ariaInvalid:"aria-invalid",ariaKeyShortcuts:"aria-keyshortcuts",ariaLabel:"aria-label",ariaLevel:"aria-level",ariaLive:"aria-live",ariaModal:"aria-modal",ariaMultiLine:"aria-multiline",ariaMultiSelectable:"aria-multiselectable",ariaOrientation:"aria-orientation",ariaPlaceholder:"aria-placeholder",ariaPosInSet:"aria-posinset",ariaPressed:"aria-pressed",ariaReadOnly:"aria-readonly",ariaRelevant:"aria-relevant",ariaRequired:"aria-required",ariaRoleDescription:"aria-roledescription",ariaRowCount:"aria-rowcount",ariaRowIndex:"aria-rowindex",ariaRowIndexText:"aria-rowindextext",ariaRowSpan:"aria-rowspan",ariaSelected:"aria-selected",ariaSetSize:"aria-setsize",ariaSort:"aria-sort",ariaValueMax:"aria-valuemax",ariaValueMin:"aria-valuemin",ariaValueNow:"aria-valuenow",ariaValueText:"aria-valuetext",role:"role"},Y=(e,t)=>{for(let a in v){t[a]=null;let r=null,i=v[a];Object.defineProperty(t,a,{get(){return r},set(s){r=s,e.isConnected?e.setAttribute(i,s):b.set(e,t)}})}};function H(e){let t=u.get(e),{form:a}=t;U(e,a,t),z(e,t.labels)}let D=(e,t=!1)=>{let a=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode(s){return u.has(s)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}}),r=a.nextNode(),i=!t||e.disabled;for(;r;)r.formDisabledCallback&&i&&S(r,e.disabled),r=a.nextNode()},P={attributes:!0,attributeFilter:["disabled"]},W=new MutationObserver(e=>{for(let t of e){let a=t.target;a.constructor.formAssociated?S(a,a.hasAttribute("disabled")):a.localName==="fieldset"&&D(a)}});function F(e){e.forEach(t=>{let{addedNodes:a,removedNodes:r}=t,i=Array.from(a),s=Array.from(r);i.forEach(n=>{if(u.has(n)&&n.constructor.formAssociated&&H(n),b.has(n)){let l=b.get(n);Object.keys(v).filter(o=>l[o]!==null).forEach(o=>{n.setAttribute(v[o],l[o])}),b.delete(n)}if(E.has(n)){let l=E.get(n);n.setAttribute("internals-valid",l.validity.valid.toString()),n.setAttribute("internals-invalid",(!l.validity.valid).toString()),n.setAttribute("aria-invalid",(!l.validity.valid).toString()),E.delete(n)}if(n.localName==="form"){let l=f.get(n),d=document.createTreeWalker(n,NodeFilter.SHOW_ELEMENT,{acceptNode(c){return u.has(c)&&!(l&&l.has(c))?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}}),o=d.nextNode();for(;o;)H(o),o=d.nextNode()}n.localName==="fieldset"&&(W.observe(n,P),D(n,!0))}),s.forEach(n=>{let l=u.get(n);l&&g.get(l)&&_(l),T.has(n)&&T.get(n).disconnect()})})}function Z(e){e.forEach(t=>{let{removedNodes:a}=t;a.forEach(r=>{let i=O.get(t.target);u.has(r)&&q(r),i.disconnect()})})}let j=e=>{let t=new MutationObserver(Z);t.observe(e,{childList:!0}),O.set(e,t)};new MutationObserver(F);let C={childList:!0,subtree:!0},S=(e,t)=>{e.toggleAttribute("internals-disabled",t),t?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled"),e.formDisabledCallback&&e.formDisabledCallback.apply(e,[t])},_=e=>{g.get(e).forEach(a=>{a.remove()}),g.set(e,[])},$=(e,t)=>{let a=document.createElement("input");return a.type="hidden",a.name=e.getAttribute("name"),e.after(a),g.get(t).push(a),a},tt=(e,t)=>{g.set(t,[]),W.observe(e,P)},z=(e,t)=>{if(t.length){Array.from(t).forEach(r=>r.addEventListener("click",e.click.bind(e)));let a=t[0].id;t[0].id||(a=`${t[0].htmlFor}_Label`,t[0].id=a),e.setAttribute("aria-labelledby",a)}},M=e=>{let t=Array.from(e.elements).filter(s=>!s.tagName.includes("-")&&s.validity).map(s=>s.validity.valid),a=f.get(e)||[],r=Array.from(a).filter(s=>s.isConnected).map(s=>u.get(s).validity.valid),i=[...t,...r].includes(!1);e.toggleAttribute("internals-invalid",i),e.toggleAttribute("internals-valid",!i)},et=e=>{M(I(e.target))},at=e=>{M(I(e.target))},rt=e=>{let t=":is(:is(button, input)[type=submit], button:not([type])):not([disabled])",a=`${t}:not([form])`;e.id&&(a+=`,${t}[form='${e.id}']`),e.addEventListener("click",r=>{if(r.target.closest(a)){let s=f.get(e);if(e.noValidate)return;s.size&&Array.from(s).reverse().map(d=>u.get(d).reportValidity()).includes(!1)&&r.preventDefault()}})},it=e=>{let t=f.get(e.target);t&&t.size&&t.forEach(a=>{a.constructor.formAssociated&&a.formResetCallback&&a.formResetCallback.apply(a)})},U=(e,t,a)=>{if(t){let r=f.get(t);if(r)r.add(e);else{let i=new Set;i.add(e),f.set(t,i),rt(t),t.addEventListener("reset",it),t.addEventListener("input",et),t.addEventListener("change",at)}Q.set(t,{ref:e,internals:a}),e.constructor.formAssociated&&e.formAssociatedCallback&&setTimeout(()=>{e.formAssociatedCallback.apply(e,[t])},0),M(t)}},I=e=>{let t=e.parentNode;return t&&t.tagName!=="FORM"&&(t=I(t)),t},h=(e,t,a=DOMException)=>{if(!e.constructor.formAssociated)throw new a(t)},K=(e,t,a)=>{let r=f.get(e);return r&&r.size&&r.forEach(i=>{u.get(i)[a]()||(t=!1)}),t},q=e=>{if(e.constructor.formAssociated){let t=u.get(e),{labels:a,form:r}=t;z(e,a),U(e,r,t)}};class nt{constructor(){this.badInput=!1,this.customError=!1,this.patternMismatch=!1,this.rangeOverflow=!1,this.rangeUnderflow=!1,this.stepMismatch=!1,this.tooLong=!1,this.tooShort=!1,this.typeMismatch=!1,this.valid=!0,this.valueMissing=!1,Object.seal(this)}}let st=e=>(e.badInput=!1,e.customError=!1,e.patternMismatch=!1,e.rangeOverflow=!1,e.rangeUnderflow=!1,e.stepMismatch=!1,e.tooLong=!1,e.tooShort=!1,e.typeMismatch=!1,e.valid=!0,e.valueMissing=!1,e),ot=(e,t,a)=>(e.valid=lt(t),Object.keys(t).forEach(r=>e[r]=t[r]),a&&M(a),e),lt=e=>{let t=!0;for(let a in e)a!=="valid"&&e[a]!==!1&&(t=!1);return t},V=new WeakMap;class k extends Set{static get isPolyfilled(){return!0}constructor(t){if(super(),!t||!t.tagName||t.tagName.indexOf("-")===-1)throw new TypeError("Illegal constructor");V.set(this,t)}add(t){if(!/^--/.test(t)||typeof t!="string")throw new DOMException(`Failed to execute 'add' on 'CustomStateSet': The specified value ${t} must start with '--'.`);let a=super.add(t),r=V.get(this);return r.toggleAttribute(`state${t}`,!0),r.part&&r.part.add(`state${t}`),a}clear(){for(let[t]of this.entries())this.delete(t);super.clear()}delete(t){let a=super.delete(t),r=V.get(this);return r.toggleAttribute(`state${t}`,!1),r.part&&r.part.remove(`state${t}`),a}}function B(e,t,a,r){if(a==="a"&&!r)throw new TypeError("Private accessor was defined without a getter");if(typeof t=="function"?e!==t||!r:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return a==="m"?r:a==="a"?r.call(e):r?r.value:t.get(e)}function ct(e,t,a,r,i){if(r==="m")throw new TypeError("Private method is not writable");if(r==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof t=="function"?e!==t||!i:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return r==="a"?i.call(e,a):i?i.value=a:t.set(e,a),a}var y;class dt{constructor(t){y.set(this,void 0),ct(this,y,t,"f");for(let a=0;a<t.length;a++){let r=t[a];this[a]=r,r.hasAttribute("name")&&(this[r.getAttribute("name")]=r)}Object.freeze(this)}get length(){return B(this,y,"f").length}[(y=new WeakMap,Symbol.iterator)](){return B(this,y,"f")[Symbol.iterator]()}item(t){return this[t]==null?null:this[t]}namedItem(t){return this[t]==null?null:this[t]}}class G{static get isPolyfilled(){return!0}constructor(t){if(!t||!t.tagName||t.tagName.indexOf("-")===-1)throw new TypeError("Illegal constructor");let a=t.getRootNode(),r=new nt;this.states=new k(t),m.set(this,t),w.set(this,r),u.set(t,this),Y(t,this),tt(t,this),Object.seal(this),q(t),a instanceof DocumentFragment&&j(a)}checkValidity(){let t=m.get(this);if(h(t,"Failed to execute 'checkValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!this.willValidate)return!0;let a=w.get(this);if(!a.valid){let r=new Event("invalid",{bubbles:!1,cancelable:!0,composed:!1});t.dispatchEvent(r)}return a.valid}get form(){let t=m.get(this);h(t,"Failed to read the 'form' property from 'ElementInternals': The target element is not a form-associated custom element.");let a;return t.constructor.formAssociated===!0&&(a=I(t)),a}get labels(){let t=m.get(this);h(t,"Failed to read the 'labels' property from 'ElementInternals': The target element is not a form-associated custom element.");let a=t.getAttribute("id"),r=t.getRootNode();return r&&a?r.querySelectorAll(`[for="${a}"]`):[]}reportValidity(){let t=m.get(this);if(h(t,"Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!this.willValidate)return!0;let a=this.checkValidity(),r=N.get(this);if(r&&!t.constructor.formAssociated)throw new DOMException("Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element.");return!a&&r&&(t.focus(),r.focus()),a}setFormValue(t){let a=m.get(this);if(h(a,"Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element."),_(this),t!=null&&!(t instanceof FormData)){if(a.getAttribute("name")){let r=$(a,this);r.value=t}}else t!=null&&t instanceof FormData&&Array.from(t).reverse().forEach(([r,i])=>{if(typeof i=="string"){let s=$(a,this);s.name=r,s.value=i}});X.set(a,t)}setValidity(t,a,r){let i=m.get(this);if(h(i,"Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!t)throw new TypeError("Failed to execute 'setValidity' on 'ElementInternals': 1 argument required, but only 0 present.");N.set(this,r);let s=w.get(this),n={};for(let o in t)n[o]=t[o];Object.keys(n).length===0&&st(s);let l={...s,...n};delete l.valid;let{valid:d}=ot(s,l,this.form);if(!d&&!a)throw new DOMException("Failed to execute 'setValidity' on 'ElementInternals': The second argument should not be empty if one or more flags in the first argument are true.");x.set(this,d?"":a),i.isConnected?(i.toggleAttribute("internals-invalid",!d),i.toggleAttribute("internals-valid",d),i.setAttribute("aria-invalid",`${!d}`)):E.set(i,this)}get shadowRoot(){let t=m.get(this),a=L.get(t);return a||null}get validationMessage(){let t=m.get(this);return h(t,"Failed to read the 'validationMessage' property from 'ElementInternals': The target element is not a form-associated custom element."),x.get(this)}get validity(){let t=m.get(this);return h(t,"Failed to read the 'validity' property from 'ElementInternals': The target element is not a form-associated custom element."),w.get(this)}get willValidate(){let t=m.get(this);return h(t,"Failed to read the 'willValidate' property from 'ElementInternals': The target element is not a form-associated custom element."),!(t.disabled||t.hasAttribute("disabled")||t.hasAttribute("readonly"))}}function ut(){if(!window.ElementInternals||!HTMLElement.prototype.attachInternals)return!1;class e extends HTMLElement{constructor(){super(),this.internals=this.attachInternals()}}let t=`element-internals-feature-detection-${Math.random().toString(36).replace(/[^a-z]+/g,"")}`;customElements.define(t,e);let a=new e;return["shadowRoot","form","willValidate","validity","validationMessage","labels","setFormValue","setValidity","checkValidity","reportValidity"].every(r=>r in a.internals)}if(ut()){if(!window.CustomStateSet){window.CustomStateSet=k;let e=HTMLElement.prototype.attachInternals;HTMLElement.prototype.attachInternals=function(...t){let a=e.call(this,t);return a.states=new k(this),a}}}else{let t=function(...o){let c=i.apply(this,o),p=new MutationObserver(F);return L.set(this,c),window.ShadyDOM?p.observe(this,C):p.observe(c,C),T.set(this,p),c},a=function(...o){let c=n.apply(this,o);return K(this,c,"checkValidity")},r=function(...o){let c=l.apply(this,o);return K(this,c,"reportValidity")};window.ElementInternals=G;let e=customElements.define;customElements.define=function(o,c,p){if(c.formAssociated){let A=c.prototype.connectedCallback;c.prototype.connectedCallback=function(){R.has(this)||(R.set(this,!0),this.hasAttribute("disabled")&&S(this,!0)),A!=null&&A.apply(this)}}e.apply(customElements,[o,c,p])},HTMLElement.prototype.attachInternals=function(){if(this.tagName){if(this.tagName.indexOf("-")===-1)throw new Error("Failed to execute 'attachInternals' on 'HTMLElement': Unable to attach ElementInternals to non-custom elements.")}else return{};if(u.has(this))throw new DOMException("DOMException: Failed to execute 'attachInternals' on 'HTMLElement': ElementInternals for the specified element was already attached.");return new G(this)};let i=Element.prototype.attachShadow;Element.prototype.attachShadow=t,new MutationObserver(F).observe(document.documentElement,C);let n=HTMLFormElement.prototype.checkValidity;HTMLFormElement.prototype.checkValidity=a;let l=HTMLFormElement.prototype.reportValidity;HTMLFormElement.prototype.reportValidity=r;let{get:d}=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get(...o){let c=d.call(this,...o),p=Array.from(f.get(this)||[]);if(p.length===0)return c;let A=Array.from(c).concat(p).sort((J,mt)=>J.compareDocumentPosition?J.compareDocumentPosition(mt)&2?1:-1:0);return new dt(A)}}),window.CustomStateSet||(window.CustomStateSet=k)}})();
|
|
2
|
+
//# sourceMappingURL=chunk-HZ6A5QFC.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../node_modules/element-internals-polyfill/dist/index.js"],
|
|
4
|
+
"sourcesContent": ["(function () {\n 'use strict';\n\n const refMap = new WeakMap();\n const validityMap = new WeakMap();\n const hiddenInputMap = new WeakMap();\n const internalsMap = new WeakMap();\n const validationMessageMap = new WeakMap();\n const formsMap = new WeakMap();\n const shadowHostsMap = new WeakMap();\n const formElementsMap = new WeakMap();\n const refValueMap = new WeakMap();\n const upgradeMap = new WeakMap();\n const shadowRootMap = new WeakMap();\n const validationAnchorMap = new WeakMap();\n const documentFragmentMap = new WeakMap();\n const connectedCallbackMap = new WeakMap();\n const validityUpgradeMap = new WeakMap();\n\n const aom = {\n ariaAtomic: 'aria-atomic',\n ariaAutoComplete: 'aria-autocomplete',\n ariaBusy: 'aria-busy',\n ariaChecked: 'aria-checked',\n ariaColCount: 'aria-colcount',\n ariaColIndex: 'aria-colindex',\n ariaColIndexText: 'aria-colindextext',\n ariaColSpan: 'aria-colspan',\n ariaCurrent: 'aria-current',\n ariaDisabled: 'aria-disabled',\n ariaExpanded: 'aria-expanded',\n ariaHasPopup: 'aria-haspopup',\n ariaHidden: 'aria-hidden',\n ariaInvalid: 'aria-invalid',\n ariaKeyShortcuts: 'aria-keyshortcuts',\n ariaLabel: 'aria-label',\n ariaLevel: 'aria-level',\n ariaLive: 'aria-live',\n ariaModal: 'aria-modal',\n ariaMultiLine: 'aria-multiline',\n ariaMultiSelectable: 'aria-multiselectable',\n ariaOrientation: 'aria-orientation',\n ariaPlaceholder: 'aria-placeholder',\n ariaPosInSet: 'aria-posinset',\n ariaPressed: 'aria-pressed',\n ariaReadOnly: 'aria-readonly',\n ariaRelevant: 'aria-relevant',\n ariaRequired: 'aria-required',\n ariaRoleDescription: 'aria-roledescription',\n ariaRowCount: 'aria-rowcount',\n ariaRowIndex: 'aria-rowindex',\n ariaRowIndexText: 'aria-rowindextext',\n ariaRowSpan: 'aria-rowspan',\n ariaSelected: 'aria-selected',\n ariaSetSize: 'aria-setsize',\n ariaSort: 'aria-sort',\n ariaValueMax: 'aria-valuemax',\n ariaValueMin: 'aria-valuemin',\n ariaValueNow: 'aria-valuenow',\n ariaValueText: 'aria-valuetext',\n role: 'role'\n };\n const initAom = (ref, internals) => {\n for (let key in aom) {\n internals[key] = null;\n let closureValue = null;\n const attributeName = aom[key];\n Object.defineProperty(internals, key, {\n get() {\n return closureValue;\n },\n set(value) {\n closureValue = value;\n if (ref.isConnected) {\n ref.setAttribute(attributeName, value);\n }\n else {\n upgradeMap.set(ref, internals);\n }\n }\n });\n }\n };\n\n function initNode(node) {\n const internals = internalsMap.get(node);\n const { form } = internals;\n initForm(node, form, internals);\n initLabels(node, internals.labels);\n }\n const walkFieldset = (node, firstRender = false) => {\n const walker = document.createTreeWalker(node, NodeFilter.SHOW_ELEMENT, {\n acceptNode(node) {\n return internalsMap.has(node) ?\n NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;\n }\n });\n let current = walker.nextNode();\n const isCallNecessary = (!firstRender || node.disabled);\n while (current) {\n if (current.formDisabledCallback && isCallNecessary) {\n setDisabled(current, node.disabled);\n }\n current = walker.nextNode();\n }\n };\n const disabledObserverConfig = { attributes: true, attributeFilter: ['disabled'] };\n const disabledObserver = new MutationObserver((mutationsList) => {\n for (const mutation of mutationsList) {\n const target = mutation.target;\n if (target.constructor['formAssociated']) {\n setDisabled(target, target.hasAttribute('disabled'));\n }\n else if (target.localName === 'fieldset') {\n walkFieldset(target);\n }\n }\n });\n function observerCallback(mutationList) {\n mutationList.forEach(mutationRecord => {\n const { addedNodes, removedNodes } = mutationRecord;\n const added = Array.from(addedNodes);\n const removed = Array.from(removedNodes);\n added.forEach(node => {\n if (internalsMap.has(node) && node.constructor['formAssociated']) {\n initNode(node);\n }\n if (upgradeMap.has(node)) {\n const internals = upgradeMap.get(node);\n const aomKeys = Object.keys(aom);\n aomKeys\n .filter(key => internals[key] !== null)\n .forEach(key => {\n node.setAttribute(aom[key], internals[key]);\n });\n upgradeMap.delete(node);\n }\n if (validityUpgradeMap.has(node)) {\n const internals = validityUpgradeMap.get(node);\n node.setAttribute('internals-valid', internals.validity.valid.toString());\n node.setAttribute('internals-invalid', (!internals.validity.valid).toString());\n node.setAttribute('aria-invalid', (!internals.validity.valid).toString());\n validityUpgradeMap.delete(node);\n }\n if (node.localName === 'form') {\n const formElements = formElementsMap.get(node);\n const walker = document.createTreeWalker(node, NodeFilter.SHOW_ELEMENT, {\n acceptNode(node) {\n return internalsMap.has(node) && !(formElements && formElements.has(node)) ?\n NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;\n }\n });\n let current = walker.nextNode();\n while (current) {\n initNode(current);\n current = walker.nextNode();\n }\n }\n if (node.localName === 'fieldset') {\n disabledObserver.observe(node, disabledObserverConfig);\n walkFieldset(node, true);\n }\n });\n removed.forEach(node => {\n const internals = internalsMap.get(node);\n if (internals && hiddenInputMap.get(internals)) {\n removeHiddenInputs(internals);\n }\n if (shadowHostsMap.has(node)) {\n const observer = shadowHostsMap.get(node);\n observer.disconnect();\n }\n });\n });\n }\n function fragmentObserverCallback(mutationList) {\n mutationList.forEach(mutation => {\n const { removedNodes } = mutation;\n removedNodes.forEach(node => {\n const observer = documentFragmentMap.get(mutation.target);\n if (internalsMap.has(node)) {\n upgradeInternals(node);\n }\n observer.disconnect();\n });\n });\n }\n const deferUpgrade = (fragment) => {\n const observer = new MutationObserver(fragmentObserverCallback);\n observer.observe(fragment, { childList: true });\n documentFragmentMap.set(fragment, observer);\n };\n new MutationObserver(observerCallback);\n const observerConfig = {\n childList: true,\n subtree: true\n };\n\n const setDisabled = (ref, disabled) => {\n ref.toggleAttribute('internals-disabled', disabled);\n if (disabled) {\n ref.setAttribute('aria-disabled', 'true');\n }\n else {\n ref.removeAttribute('aria-disabled');\n }\n if (ref.formDisabledCallback) {\n ref.formDisabledCallback.apply(ref, [disabled]);\n }\n };\n const removeHiddenInputs = (internals) => {\n const hiddenInputs = hiddenInputMap.get(internals);\n hiddenInputs.forEach(hiddenInput => {\n hiddenInput.remove();\n });\n hiddenInputMap.set(internals, []);\n };\n const createHiddenInput = (ref, internals) => {\n const input = document.createElement('input');\n input.type = 'hidden';\n input.name = ref.getAttribute('name');\n ref.after(input);\n hiddenInputMap.get(internals).push(input);\n return input;\n };\n const initRef = (ref, internals) => {\n hiddenInputMap.set(internals, []);\n disabledObserver.observe(ref, disabledObserverConfig);\n };\n const initLabels = (ref, labels) => {\n if (labels.length) {\n Array.from(labels).forEach(label => label.addEventListener('click', ref.click.bind(ref)));\n let firstLabelId = labels[0].id;\n if (!labels[0].id) {\n firstLabelId = `${labels[0].htmlFor}_Label`;\n labels[0].id = firstLabelId;\n }\n ref.setAttribute('aria-labelledby', firstLabelId);\n }\n };\n const setFormValidity = (form) => {\n const nativeControlValidity = Array.from(form.elements)\n .filter((element) => !element.tagName.includes('-') && element.validity)\n .map((element) => element.validity.valid);\n const polyfilledElements = formElementsMap.get(form) || [];\n const polyfilledValidity = Array.from(polyfilledElements)\n .filter(control => control.isConnected)\n .map((control) => internalsMap.get(control).validity.valid);\n const hasInvalid = [...nativeControlValidity, ...polyfilledValidity].includes(false);\n form.toggleAttribute('internals-invalid', hasInvalid);\n form.toggleAttribute('internals-valid', !hasInvalid);\n };\n const formInputCallback = (event) => {\n setFormValidity(findParentForm(event.target));\n };\n const formChangeCallback = (event) => {\n setFormValidity(findParentForm(event.target));\n };\n const wireSubmitLogic = (form) => {\n const SUBMIT_BUTTON_SELECTOR = ':is(:is(button, input)[type=submit], button:not([type])):not([disabled])';\n let submitButtonSelector = `${SUBMIT_BUTTON_SELECTOR}:not([form])`;\n if (form.id) {\n submitButtonSelector += `,${SUBMIT_BUTTON_SELECTOR}[form='${form.id}']`;\n }\n form.addEventListener('click', event => {\n const target = event.target;\n if (target.closest(submitButtonSelector)) {\n const elements = formElementsMap.get(form);\n if (form.noValidate) {\n return;\n }\n if (elements.size) {\n const nodes = Array.from(elements);\n const validityList = nodes\n .reverse()\n .map(node => {\n const internals = internalsMap.get(node);\n return internals.reportValidity();\n });\n if (validityList.includes(false)) {\n event.preventDefault();\n }\n }\n }\n });\n };\n const formResetCallback = (event) => {\n const elements = formElementsMap.get(event.target);\n if (elements && elements.size) {\n elements.forEach(element => {\n if (element.constructor.formAssociated && element.formResetCallback) {\n element.formResetCallback.apply(element);\n }\n });\n }\n };\n const initForm = (ref, form, internals) => {\n if (form) {\n const formElements = formElementsMap.get(form);\n if (formElements) {\n formElements.add(ref);\n }\n else {\n const initSet = new Set();\n initSet.add(ref);\n formElementsMap.set(form, initSet);\n wireSubmitLogic(form);\n form.addEventListener('reset', formResetCallback);\n form.addEventListener('input', formInputCallback);\n form.addEventListener('change', formChangeCallback);\n }\n formsMap.set(form, { ref, internals });\n if (ref.constructor['formAssociated'] && ref.formAssociatedCallback) {\n setTimeout(() => {\n ref.formAssociatedCallback.apply(ref, [form]);\n }, 0);\n }\n setFormValidity(form);\n }\n };\n const findParentForm = (elem) => {\n let parent = elem.parentNode;\n if (parent && parent.tagName !== 'FORM') {\n parent = findParentForm(parent);\n }\n return parent;\n };\n const throwIfNotFormAssociated = (ref, message, ErrorType = DOMException) => {\n if (!ref.constructor['formAssociated']) {\n throw new ErrorType(message);\n }\n };\n const overrideFormMethod = (form, returnValue, method) => {\n const elements = formElementsMap.get(form);\n if (elements && elements.size) {\n elements.forEach(element => {\n const internals = internalsMap.get(element);\n const valid = internals[method]();\n if (!valid) {\n returnValue = false;\n }\n });\n }\n return returnValue;\n };\n const upgradeInternals = (ref) => {\n if (ref.constructor['formAssociated']) {\n const internals = internalsMap.get(ref);\n const { labels, form } = internals;\n initLabels(ref, labels);\n initForm(ref, form, internals);\n }\n };\n\n class ValidityState {\n constructor() {\n this.badInput = false;\n this.customError = false;\n this.patternMismatch = false;\n this.rangeOverflow = false;\n this.rangeUnderflow = false;\n this.stepMismatch = false;\n this.tooLong = false;\n this.tooShort = false;\n this.typeMismatch = false;\n this.valid = true;\n this.valueMissing = false;\n Object.seal(this);\n }\n }\n const setValid = (validityObject) => {\n validityObject.badInput = false;\n validityObject.customError = false;\n validityObject.patternMismatch = false;\n validityObject.rangeOverflow = false;\n validityObject.rangeUnderflow = false;\n validityObject.stepMismatch = false;\n validityObject.tooLong = false;\n validityObject.tooShort = false;\n validityObject.typeMismatch = false;\n validityObject.valid = true;\n validityObject.valueMissing = false;\n return validityObject;\n };\n const reconcileValidity = (validityObject, newState, form) => {\n validityObject.valid = isValid(newState);\n Object.keys(newState).forEach(key => validityObject[key] = newState[key]);\n if (form) {\n setFormValidity(form);\n }\n return validityObject;\n };\n const isValid = (validityState) => {\n let valid = true;\n for (let key in validityState) {\n if (key !== 'valid' && validityState[key] !== false) {\n valid = false;\n }\n }\n return valid;\n };\n\n const customStateMap = new WeakMap();\n class CustomStateSet extends Set {\n static get isPolyfilled() {\n return true;\n }\n constructor(ref) {\n super();\n if (!ref || !ref.tagName || ref.tagName.indexOf('-') === -1) {\n throw new TypeError('Illegal constructor');\n }\n customStateMap.set(this, ref);\n }\n add(state) {\n if (!/^--/.test(state) || typeof state !== 'string') {\n throw new DOMException(`Failed to execute 'add' on 'CustomStateSet': The specified value ${state} must start with '--'.`);\n }\n const result = super.add(state);\n const ref = customStateMap.get(this);\n ref.toggleAttribute(`state${state}`, true);\n if (ref.part) {\n ref.part.add(`state${state}`);\n }\n return result;\n }\n clear() {\n for (let [entry] of this.entries()) {\n this.delete(entry);\n }\n super.clear();\n }\n delete(state) {\n const result = super.delete(state);\n const ref = customStateMap.get(this);\n ref.toggleAttribute(`state${state}`, false);\n if (ref.part) {\n ref.part.remove(`state${state}`);\n }\n return result;\n }\n }\n\n function __classPrivateFieldGet(receiver, state, kind, f) {\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\n }\n function __classPrivateFieldSet(receiver, state, value, kind, f) {\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\n }\n\n var _HTMLFormControlsCollection_elements;\n class HTMLFormControlsCollection {\n constructor(elements) {\n _HTMLFormControlsCollection_elements.set(this, void 0);\n __classPrivateFieldSet(this, _HTMLFormControlsCollection_elements, elements, \"f\");\n for (let i = 0; i < elements.length; i++) {\n let element = elements[i];\n this[i] = element;\n if (element.hasAttribute('name')) {\n this[element.getAttribute('name')] = element;\n }\n }\n Object.freeze(this);\n }\n get length() {\n return __classPrivateFieldGet(this, _HTMLFormControlsCollection_elements, \"f\").length;\n }\n [(_HTMLFormControlsCollection_elements = new WeakMap(), Symbol.iterator)]() {\n return __classPrivateFieldGet(this, _HTMLFormControlsCollection_elements, \"f\")[Symbol.iterator]();\n }\n item(i) {\n return this[i] == null ? null : this[i];\n }\n namedItem(name) {\n return this[name] == null ? null : this[name];\n }\n }\n\n class ElementInternals {\n static get isPolyfilled() {\n return true;\n }\n constructor(ref) {\n if (!ref || !ref.tagName || ref.tagName.indexOf('-') === -1) {\n throw new TypeError('Illegal constructor');\n }\n const rootNode = ref.getRootNode();\n const validity = new ValidityState();\n this.states = new CustomStateSet(ref);\n refMap.set(this, ref);\n validityMap.set(this, validity);\n internalsMap.set(ref, this);\n initAom(ref, this);\n initRef(ref, this);\n Object.seal(this);\n upgradeInternals(ref);\n if (rootNode instanceof DocumentFragment) {\n deferUpgrade(rootNode);\n }\n }\n checkValidity() {\n const ref = refMap.get(this);\n throwIfNotFormAssociated(ref, `Failed to execute 'checkValidity' on 'ElementInternals': The target element is not a form-associated custom element.`);\n if (!this.willValidate) {\n return true;\n }\n const validity = validityMap.get(this);\n if (!validity.valid) {\n const validityEvent = new Event('invalid', {\n bubbles: false,\n cancelable: true,\n composed: false\n });\n ref.dispatchEvent(validityEvent);\n }\n return validity.valid;\n }\n get form() {\n const ref = refMap.get(this);\n throwIfNotFormAssociated(ref, `Failed to read the 'form' property from 'ElementInternals': The target element is not a form-associated custom element.`);\n let form;\n if (ref.constructor['formAssociated'] === true) {\n form = findParentForm(ref);\n }\n return form;\n }\n get labels() {\n const ref = refMap.get(this);\n throwIfNotFormAssociated(ref, `Failed to read the 'labels' property from 'ElementInternals': The target element is not a form-associated custom element.`);\n const id = ref.getAttribute('id');\n const hostRoot = ref.getRootNode();\n if (hostRoot && id) {\n return hostRoot.querySelectorAll(`[for=\"${id}\"]`);\n }\n return [];\n }\n reportValidity() {\n const ref = refMap.get(this);\n throwIfNotFormAssociated(ref, `Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element.`);\n if (!this.willValidate) {\n return true;\n }\n const valid = this.checkValidity();\n const anchor = validationAnchorMap.get(this);\n if (anchor && !ref.constructor['formAssociated']) {\n throw new DOMException(`Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element.`);\n }\n if (!valid && anchor) {\n ref.focus();\n anchor.focus();\n }\n return valid;\n }\n setFormValue(value) {\n const ref = refMap.get(this);\n throwIfNotFormAssociated(ref, `Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element.`);\n removeHiddenInputs(this);\n if (value != null && !(value instanceof FormData)) {\n if (ref.getAttribute('name')) {\n const hiddenInput = createHiddenInput(ref, this);\n hiddenInput.value = value;\n }\n }\n else if (value != null && value instanceof FormData) {\n Array.from(value).reverse().forEach(([formDataKey, formDataValue]) => {\n if (typeof formDataValue === 'string') {\n const hiddenInput = createHiddenInput(ref, this);\n hiddenInput.name = formDataKey;\n hiddenInput.value = formDataValue;\n }\n });\n }\n refValueMap.set(ref, value);\n }\n setValidity(validityChanges, validationMessage, anchor) {\n const ref = refMap.get(this);\n throwIfNotFormAssociated(ref, `Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element.`);\n if (!validityChanges) {\n throw new TypeError('Failed to execute \\'setValidity\\' on \\'ElementInternals\\': 1 argument required, but only 0 present.');\n }\n validationAnchorMap.set(this, anchor);\n const validity = validityMap.get(this);\n const validityChangesObj = {};\n for (const key in validityChanges) {\n validityChangesObj[key] = validityChanges[key];\n }\n if (Object.keys(validityChangesObj).length === 0) {\n setValid(validity);\n }\n const check = { ...validity, ...validityChangesObj };\n delete check.valid;\n const { valid } = reconcileValidity(validity, check, this.form);\n if (!valid && !validationMessage) {\n throw new DOMException(`Failed to execute 'setValidity' on 'ElementInternals': The second argument should not be empty if one or more flags in the first argument are true.`);\n }\n validationMessageMap.set(this, valid ? '' : validationMessage);\n if (ref.isConnected) {\n ref.toggleAttribute('internals-invalid', !valid);\n ref.toggleAttribute('internals-valid', valid);\n ref.setAttribute('aria-invalid', `${!valid}`);\n }\n else {\n validityUpgradeMap.set(ref, this);\n }\n }\n get shadowRoot() {\n const ref = refMap.get(this);\n const shadowRoot = shadowRootMap.get(ref);\n if (shadowRoot) {\n return shadowRoot;\n }\n return null;\n }\n get validationMessage() {\n const ref = refMap.get(this);\n throwIfNotFormAssociated(ref, `Failed to read the 'validationMessage' property from 'ElementInternals': The target element is not a form-associated custom element.`);\n return validationMessageMap.get(this);\n }\n get validity() {\n const ref = refMap.get(this);\n throwIfNotFormAssociated(ref, `Failed to read the 'validity' property from 'ElementInternals': The target element is not a form-associated custom element.`);\n const validity = validityMap.get(this);\n return validity;\n }\n get willValidate() {\n const ref = refMap.get(this);\n throwIfNotFormAssociated(ref, `Failed to read the 'willValidate' property from 'ElementInternals': The target element is not a form-associated custom element.`);\n if ((ref.disabled || ref.hasAttribute('disabled')) ||\n ref.hasAttribute('readonly')) {\n return false;\n }\n return true;\n }\n }\n function isElementInternalsSupported() {\n if (!window.ElementInternals || !HTMLElement.prototype.attachInternals) {\n return false;\n }\n class ElementInternalsFeatureDetection extends HTMLElement {\n constructor() {\n super();\n this.internals = this.attachInternals();\n }\n }\n const randomName = `element-internals-feature-detection-${Math.random().toString(36).replace(/[^a-z]+/g, '')}`;\n customElements.define(randomName, ElementInternalsFeatureDetection);\n const featureDetectionElement = new ElementInternalsFeatureDetection();\n return [\n 'shadowRoot',\n 'form',\n 'willValidate',\n 'validity',\n 'validationMessage',\n 'labels',\n 'setFormValue',\n 'setValidity',\n 'checkValidity',\n 'reportValidity'\n ].every(prop => prop in featureDetectionElement.internals);\n }\n if (!isElementInternalsSupported()) {\n window.ElementInternals = ElementInternals;\n const define = customElements.define;\n customElements.define = function (name, constructor, options) {\n if (constructor.formAssociated) {\n const connectedCallback = constructor.prototype.connectedCallback;\n constructor.prototype.connectedCallback = function () {\n if (!connectedCallbackMap.has(this)) {\n connectedCallbackMap.set(this, true);\n if (this.hasAttribute('disabled')) {\n setDisabled(this, true);\n }\n }\n if (connectedCallback != null) {\n connectedCallback.apply(this);\n }\n };\n }\n define.apply(customElements, [name, constructor, options]);\n };\n function attachShadowObserver(...args) {\n const shadowRoot = attachShadow.apply(this, args);\n const observer = new MutationObserver(observerCallback);\n shadowRootMap.set(this, shadowRoot);\n if (window.ShadyDOM) {\n observer.observe(this, observerConfig);\n }\n else {\n observer.observe(shadowRoot, observerConfig);\n }\n shadowHostsMap.set(this, observer);\n return shadowRoot;\n }\n function checkValidityOverride(...args) {\n let returnValue = checkValidity.apply(this, args);\n return overrideFormMethod(this, returnValue, 'checkValidity');\n }\n function reportValidityOverride(...args) {\n let returnValue = reportValidity.apply(this, args);\n return overrideFormMethod(this, returnValue, 'reportValidity');\n }\n HTMLElement.prototype.attachInternals = function () {\n if (!this.tagName) {\n return {};\n }\n else if (this.tagName.indexOf('-') === -1) {\n throw new Error(`Failed to execute 'attachInternals' on 'HTMLElement': Unable to attach ElementInternals to non-custom elements.`);\n }\n if (internalsMap.has(this)) {\n throw new DOMException(`DOMException: Failed to execute 'attachInternals' on 'HTMLElement': ElementInternals for the specified element was already attached.`);\n }\n return new ElementInternals(this);\n };\n const attachShadow = Element.prototype.attachShadow;\n Element.prototype.attachShadow = attachShadowObserver;\n const documentObserver = new MutationObserver(observerCallback);\n documentObserver.observe(document.documentElement, observerConfig);\n const checkValidity = HTMLFormElement.prototype.checkValidity;\n HTMLFormElement.prototype.checkValidity = checkValidityOverride;\n const reportValidity = HTMLFormElement.prototype.reportValidity;\n HTMLFormElement.prototype.reportValidity = reportValidityOverride;\n const { get } = Object.getOwnPropertyDescriptor(HTMLFormElement.prototype, 'elements');\n Object.defineProperty(HTMLFormElement.prototype, 'elements', {\n get(...args) {\n const elements = get.call(this, ...args);\n const polyfilledElements = Array.from(formElementsMap.get(this) || []);\n if (polyfilledElements.length === 0) {\n return elements;\n }\n const orderedElements = Array.from(elements).concat(polyfilledElements).sort((a, b) => {\n if (a.compareDocumentPosition) {\n return a.compareDocumentPosition(b) & 2 ? 1 : -1;\n }\n return 0;\n });\n return new HTMLFormControlsCollection(orderedElements);\n },\n });\n if (!window.CustomStateSet) {\n window.CustomStateSet = CustomStateSet;\n }\n }\n else if (!window.CustomStateSet) {\n window.CustomStateSet = CustomStateSet;\n const attachInternals = HTMLElement.prototype.attachInternals;\n HTMLElement.prototype.attachInternals = function (...args) {\n const internals = attachInternals.call(this, args);\n internals.states = new CustomStateSet(this);\n return internals;\n };\n }\n\n})();\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["refMap", "validityMap", "hiddenInputMap", "internalsMap", "validationMessageMap", "formsMap", "shadowHostsMap", "formElementsMap", "refValueMap", "upgradeMap", "shadowRootMap", "validationAnchorMap", "documentFragmentMap", "connectedCallbackMap", "validityUpgradeMap", "aom", "initAom", "ref", "internals", "key", "closureValue", "attributeName", "value", "initNode", "node", "form", "initForm", "initLabels", "walkFieldset", "firstRender", "walker", "current", "isCallNecessary", "setDisabled", "disabledObserverConfig", "disabledObserver", "mutationsList", "mutation", "target", "observerCallback", "mutationList", "mutationRecord", "addedNodes", "removedNodes", "added", "removed", "formElements", "removeHiddenInputs", "fragmentObserverCallback", "observer", "upgradeInternals", "deferUpgrade", "fragment", "observerConfig", "disabled", "hiddenInput", "createHiddenInput", "input", "initRef", "labels", "label", "firstLabelId", "setFormValidity", "nativeControlValidity", "element", "polyfilledElements", "polyfilledValidity", "control", "hasInvalid", "formInputCallback", "event", "findParentForm", "formChangeCallback", "wireSubmitLogic", "SUBMIT_BUTTON_SELECTOR", "submitButtonSelector", "elements", "formResetCallback", "initSet", "elem", "parent", "throwIfNotFormAssociated", "message", "ErrorType", "overrideFormMethod", "returnValue", "method", "ValidityState", "setValid", "validityObject", "reconcileValidity", "newState", "isValid", "validityState", "valid", "customStateMap", "CustomStateSet", "state", "result", "entry", "__classPrivateFieldGet", "receiver", "kind", "f", "__classPrivateFieldSet", "_HTMLFormControlsCollection_elements", "HTMLFormControlsCollection", "i", "name", "ElementInternals", "rootNode", "validity", "validityEvent", "id", "hostRoot", "anchor", "formDataKey", "formDataValue", "validityChanges", "validationMessage", "validityChangesObj", "check", "shadowRoot", "isElementInternalsSupported", "ElementInternalsFeatureDetection", "randomName", "featureDetectionElement", "prop", "attachInternals", "args", "attachShadowObserver", "attachShadow", "checkValidityOverride", "checkValidity", "reportValidityOverride", "reportValidity", "define", "constructor", "options", "connectedCallback", "get", "orderedElements", "a", "b"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import{a as g,c as w}from"./chunk-EG7U7PM3.js";import{a as f}from"./chunk-XDUIVR6I.js";import{a as b}from"./chunk-6LT7O7T2.js";import{a as E}from"./chunk-DINNT5P2.js";import{a as d}from"./chunk-GRL4DWKG.js";import{a as p,b as r,c as m,e as u}from"./chunk-5MOOXA2X.js";import{a as v,b as o,f as h}from"./chunk-4OT5AMS5.js";import{d as t}from"./chunk-IZ2LK5GK.js";var S=v`:host{display:flex;flex-direction:row}fieldset{border:none;padding:0}legend{font:var(--bl-font-title-3-medium);color:var(--bl-color-neutral-darker)}.options{display:flex;flex-flow:var(--bl-checkbox-direction, column) wrap;gap:var(--bl-size-m);margin-block:var(--bl-size-xs)}.dirty.invalid .options{margin-bottom:var(--bl-size-3xs)}.hint{display:none;font:var(--bl-font-body-text-3)}.hint p{padding:0;margin:0}.invalid-text{display:none;color:var(--bl-color-danger)}.dirty.invalid .hint{display:block}.dirty.invalid .invalid-text{display:block}`,O=S;var k="bl-checkbox-group",x="bl-checkbox-group-change",l=class extends f(h){constructor(){super(...arguments);this.required=!1;this.dirty=!1;this.focusedOptionIndex=0}static get styles(){return[O]}get options(){return[...this.querySelectorAll(y)]}get checkedOptions(){return this.options.filter(e=>e.checked).map(e=>e.value)}get availableOptions(){return this.options.filter(e=>!e.disabled)}connectedCallback(){var e;super.connectedCallback(),this.tabIndex=0,this.addEventListener("focus",this.handleFocus),this.addEventListener("keydown",this.handleKeyDown),(e=this.form)==null||e.addEventListener("submit",i=>this.handleSubmit(i))}disconnectedCallback(){var e;super.disconnectedCallback(),this.removeEventListener("focus",this.handleFocus),this.removeEventListener("keydown",this.handleKeyDown),(e=this.form)==null||e.removeEventListener("submit",i=>this.handleSubmit(i))}firstUpdated(){this.required&&!this.value&&(this.setValue(null),this.onInvalid(this.internals.validity))}async updated(e){e.has("value")&&(this.setFormValue(),this.checkOptionsValidity(),this.value!==null&&this.onChange(this.value),await this.validationComplete,this.checkValidity()||this.onInvalid(this.internals.validity),this.requestUpdate())}setFormValue(){var e,i;if(this.value!==null&&this.value.length>0){let s=new FormData;(e=this.value)==null||e.forEach(n=>s.append(this.name,`${n}`)),this.setValue(s)}else((i=this.value)==null?void 0:i.length)===0&&this.setValue(null)}handleOptionChecked(){this.dirty=!0,this.value=this.checkedOptions}handleKeyDown(e){if(["ArrowDown","ArrowRight"].includes(e.key))this.focusedOptionIndex++;else if(["ArrowUp","ArrowLeft"].includes(e.key))this.focusedOptionIndex--;else if(e.key==="Tab"){if(e.shiftKey?this.focusedOptionIndex--:this.focusedOptionIndex++,this.focusedOptionIndex===this.availableOptions.length){this.tabIndex=0,this.focusedOptionIndex=0;return}}else return;this.focusedOptionIndex=Math.max(0,Math.min(this.focusedOptionIndex,this.availableOptions.length-1)),this.availableOptions[this.focusedOptionIndex].focus(),e.preventDefault()}handleFocus(){this.availableOptions[this.focusedOptionIndex].focus()}handleSubmit(e){this.reportValidity()||(this.onInvalid(this.internals.validity),e.preventDefault()),this.checkOptionsValidity()}checkOptionsValidity(){var e,i;this.checkValidity()?(e=this.options)==null||e.forEach(s=>{var n,c;return(c=(n=s==null?void 0:s.shadowRoot)==null?void 0:n.querySelector("div"))==null?void 0:c.classList.remove("dirty","invalid")}):this.checkValidity()||(i=this.options)==null||i.forEach(s=>{var n,c;return(c=(n=s==null?void 0:s.shadowRoot)==null?void 0:n.querySelector("div"))==null?void 0:c.classList.add("dirty","invalid")})}validityCallback(){return this.customInvalidText?this.customInvalidText:this.validationMessage}reportValidity(){return this.dirty=!0,this.checkValidity()}render(){let e=this.checkValidity()?"":o`<p id="errorMessage" aria-live="polite" class="invalid-text">
|
|
2
|
+
${this.validationMessage}
|
|
3
|
+
</p>`,i={dirty:this.dirty,invalid:!this.validity.valid};return o`<div class=${b(i)}>
|
|
4
|
+
<fieldset
|
|
5
|
+
role="group"
|
|
6
|
+
aria-labelledby="label"
|
|
7
|
+
aria-required=${this.required}
|
|
8
|
+
tabindex=${this.tabIndex}
|
|
9
|
+
>
|
|
10
|
+
<legend id="label">${this.label}</legend>
|
|
11
|
+
<div class="options" @bl-checkbox-change=${this.handleOptionChecked}>
|
|
12
|
+
<slot></slot>
|
|
13
|
+
</div>
|
|
14
|
+
<div class="hint">${e}</div>
|
|
15
|
+
</fieldset>
|
|
16
|
+
</div>`}};l.shadowRootOptions={...h.shadowRootOptions,delegatesFocus:!0},l.formControlValidators=[g],t([u("fieldset")],l.prototype,"validationTarget",2),t([r()],l.prototype,"name",2),t([r({type:String})],l.prototype,"label",2),t([r({type:Array,reflect:!0})],l.prototype,"value",2),t([r({type:Boolean,reflect:!0})],l.prototype,"required",2),t([r({type:String,attribute:"invalid-text",reflect:!0})],l.prototype,"customInvalidText",2),t([m()],l.prototype,"dirty",2),t([d("bl-checkbox-group-change")],l.prototype,"onChange",2),t([d("bl-checkbox-group-invalid")],l.prototype,"onInvalid",2),l=t([p(k)],l);var M=v`:host{display:inline-block;vertical-align:middle}:host *{outline:none}label{display:flex;gap:var(--bl-size-2xs);color:var(--bl-color-neutral-darker);font:var(--bl-font-title-3);cursor:pointer;user-select:none}.label{overflow-wrap:anywhere}.dirty.invalid label{margin-bottom:var(--bl-size-3xs)}input[type="checkbox"]{appearance:none;outline:none;margin:0;box-sizing:border-box;border:1px solid var(--bl-color-neutral-lighter);border-radius:var(--bl-border-radius-xs);width:var(--bl-size-m);height:var(--bl-size-m);min-width:var(--bl-size-m);min-height:var(--bl-size-m);max-width:var(--bl-size-m);max-height:var(--bl-size-m)}.check-mark{position:absolute;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bl-size-m);height:var(--bl-size-m);min-width:var(--bl-size-m);min-height:var(--bl-size-m);max-width:var(--bl-size-m);max-height:var(--bl-size-m);border:1px solid var(--bl-color-neutral-lighter);border-radius:var(--bl-border-radius-xs);color:var(--bl-color-neutral-full);font-size:var(--bl-font-size-2xs);background-color:var(--bl-color-neutral-full)}.required-suffix{color:var(--bl-color-danger);margin-left:calc(var(--bl-size-2xs) * -1)}.dirty.invalid .check-mark{border-color:var(--bl-color-danger)}.hint{display:none;font:var(--bl-font-body-text-3)}.hint p{padding:0;margin:0}.dirty.invalid .hint{display:block}.invalid-text{display:none;color:var(--bl-color-danger)}.dirty.invalid .invalid-text{display:block}:host([checked]) .label,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .label,:host(:hover) .label{color:var(--bl-color-primary)}:host(:is([checked], [indeterminate])) .check-mark{background-color:var(--bl-color-primary);border:none}:host([disabled]){cursor:not-allowed;pointer-events:none}:host([disabled]) .check-mark,:host([disabled]) .label{color:var(--bl-color-neutral-light);border:1px solid var(--bl-color-neutral-lighter)}:host([disabled]) .check-mark{background-color:var(--bl-color-neutral-lightest)}:host(:not([disabled])) input:focus-visible + .check-mark{box-shadow:0 0 0 1px white,0 0 0 3px var(--bl-color-primary)}`,V=M;var y="bl-checkbox",a=class extends f(h){constructor(){super(...arguments);this.checked=!1;this.required=!1;this.disabled=!1;this.indeterminate=!1;this.dirty=!1;this.handleFieldValueChange=e=>{this.checked=e.detail.includes(this.value)}}static get styles(){return[V]}connectedCallback(){var e,i;super.connectedCallback(),this.field=this.closest(k),(e=this.field)==null||e.addEventListener(x,this.handleFieldValueChange),(i=this.form)==null||i.addEventListener("submit",s=>this.handleSubmit(s))}reportValidity(){return this.dirty=!0,this.checkValidity()}disconnectedCallback(){var e,i;super.disconnectedCallback(),(e=this.field)==null||e.removeEventListener(x,this.handleFieldValueChange),(i=this.form)==null||i.removeEventListener("submit",s=>this.handleSubmit(s))}firstUpdated(e){e.has("checked")&&this.checked&&(this.value="on",this.setValue(this.value))}async updated(e){e.has("checked")&&this.required&&(this.checked?this.setValue(this.value):this.checked||this.setValue(""),await this.validationComplete,this.checkValidity()||this.onInvalid(this.internals.validity),this.requestUpdate())}update(e){super.update(e),this.indeterminate&&this.checked&&(this.checked=!1,this.requestUpdate("checked",!0))}validityCallback(){var e;return this.customInvalidText||((e=this.validationTarget)==null?void 0:e.validationMessage)}focus(){this.checkboxElement.tabIndex=0,this.checkboxElement.focus(),this.onFocus(this.value)}blur(){this.onBlur(this.value),this.field&&(this.checkboxElement.tabIndex=-1)}handleSubmit(e){this.reportValidity()||(this.onInvalid(this.internals.validity),e.preventDefault())}async handleChange(e){let i=e.target;this.dirty=!0,this.checked=i.checked,this.onChange(i.checked),this.indeterminate=!1}render(){let e="";this.checked&&(e="check"),this.indeterminate&&(e="minus");let i=this.checkValidity()?"":o`<p class="invalid-text">${this.validationMessage}</p>`,s=this.required?o`<span class="required-suffix">*</span>`:"",n={dirty:this.dirty,invalid:!this.checkValidity()};return o`<div class=${b(n)}>
|
|
17
|
+
<label>
|
|
18
|
+
<input
|
|
19
|
+
type="checkbox"
|
|
20
|
+
.checked=${w(this.checked)}
|
|
21
|
+
?disabled=${this.disabled}
|
|
22
|
+
aria-required=${this.required}
|
|
23
|
+
aria-readonly=${this.disabled}
|
|
24
|
+
.indeterminate=${this.indeterminate}
|
|
25
|
+
@change=${this.handleChange}
|
|
26
|
+
value=${E(this.value)}
|
|
27
|
+
@blur=${this.blur}
|
|
28
|
+
/>
|
|
29
|
+
<div class="check-mark">${e?o`<bl-icon name="${e}"></bl-icon>`:null}</div>
|
|
30
|
+
<slot class="label"></slot>${s}
|
|
31
|
+
</label>
|
|
32
|
+
<div class="hint">${i}</div>
|
|
33
|
+
</div> `}};a.shadowRootOptions={...h.shadowRootOptions,delegatesFocus:!1},a.formControlValidators=[g],t([u("input")],a.prototype,"validationTarget",2),t([r({type:Boolean,reflect:!0})],a.prototype,"checked",2),t([r()],a.prototype,"value",2),t([r({type:Boolean,reflect:!0})],a.prototype,"required",2),t([r({type:String,attribute:"invalid-text",reflect:!0})],a.prototype,"customInvalidText",2),t([r({type:Boolean,reflect:!0})],a.prototype,"disabled",2),t([r({type:Boolean,reflect:!0})],a.prototype,"indeterminate",2),t([d("bl-checkbox-change")],a.prototype,"onChange",2),t([d("bl-focus")],a.prototype,"onFocus",2),t([d("bl-blur")],a.prototype,"onBlur",2),t([d("bl-checkbox-invalid")],a.prototype,"onInvalid",2),t([u("[type=checkbox]")],a.prototype,"checkboxElement",2),t([m()],a.prototype,"dirty",2),a=t([p(y)],a);export{y as a,a as b,k as c,x as d,l as e};
|
|
34
|
+
//# sourceMappingURL=chunk-IWBCUOHE.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/components/checkbox-group/bl-checkbox-group.css", "../src/components/checkbox-group/bl-checkbox-group.ts", "../src/components/checkbox-group/checkbox/bl-checkbox.css", "../src/components/checkbox-group/checkbox/bl-checkbox.ts"],
|
|
4
|
+
"sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:flex;flex-direction:row}fieldset{border:none;padding:0}legend{font:var(--bl-font-title-3-medium);color:var(--bl-color-neutral-darker)}.options{display:flex;flex-flow:var(--bl-checkbox-direction, column) wrap;gap:var(--bl-size-m);margin-block:var(--bl-size-xs)}.dirty.invalid .options{margin-bottom:var(--bl-size-3xs)}.hint{display:none;font:var(--bl-font-body-text-3)}.hint p{padding:0;margin:0}.invalid-text{display:none;color:var(--bl-color-danger)}.dirty.invalid .hint{display:block}.dirty.invalid .invalid-text{display:block}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from \"lit\";\nimport { customElement, property, query, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { FormControlMixin, requiredValidator } from \"@open-wc/form-control\";\nimport \"element-internals-polyfill\";\nimport { event, EventDispatcher } from \"../../utilities/event\";\nimport style from \"./bl-checkbox-group.css\";\nimport BlCheckbox, { blCheckboxTag } from \"./checkbox/bl-checkbox\";\n\nexport const blCheckboxGroupTag = \"bl-checkbox-group\";\n\nexport const blChangeEventName = \"bl-checkbox-group-change\";\n\n/**\n * @tag bl-checkbox-group\n * @summary Baklava Button component\n *\n * @cssproperty [--bl-checkbox-direction=row] Can be used for showing checkbox options as columns instead of rows. Options are `row` or `column`\n */\n@customElement(blCheckboxGroupTag)\nexport default class BlCheckboxGroup extends FormControlMixin(LitElement) {\n static get styles(): CSSResultGroup {\n return [style];\n }\n static shadowRootOptions = { ...LitElement.shadowRootOptions, delegatesFocus: true };\n\n static formControlValidators = [requiredValidator];\n\n @query(\"fieldset\")\n validationTarget: HTMLElement;\n\n /**\n * Sets name of the checkbox group\n */\n @property()\n name: string;\n\n /**\n * Sets the checkbox group label\n */\n @property({ type: String })\n label: string;\n\n /**\n * Set and gets the actual value of the field\n */\n @property({ type: Array, reflect: true })\n value: string[] | null;\n\n /**\n * Sets option as required\n */\n @property({ type: Boolean, reflect: true })\n required = false;\n\n /**\n * Set custom error message\n */\n @property({ type: String, attribute: \"invalid-text\", reflect: true })\n customInvalidText?: string;\n\n @state()\n private dirty = false;\n\n get options(): BlCheckbox[] {\n return [...this.querySelectorAll(blCheckboxTag)];\n }\n\n get checkedOptions(): string[] {\n return this.options.filter(opt => opt.checked).map(opt => opt.value);\n }\n\n get availableOptions(): BlCheckbox[] {\n return this.options.filter(option => !option.disabled);\n }\n\n connectedCallback(): void {\n super.connectedCallback();\n this.tabIndex = 0;\n this.addEventListener(\"focus\", this.handleFocus);\n this.addEventListener(\"keydown\", this.handleKeyDown);\n\n this.form?.addEventListener(\"submit\", (e: SubmitEvent) => this.handleSubmit(e));\n }\n\n disconnectedCallback(): void {\n super.disconnectedCallback();\n this.removeEventListener(\"focus\", this.handleFocus);\n this.removeEventListener(\"keydown\", this.handleKeyDown);\n this.form?.removeEventListener(\"submit\", (e: SubmitEvent) => this.handleSubmit(e));\n }\n\n protected firstUpdated() {\n if (this.required && !this.value) {\n this.setValue(null);\n this.onInvalid(this.internals.validity);\n }\n }\n\n protected async updated(changedProperties: Map<string, unknown>): Promise<void> {\n if (changedProperties.has(\"value\")) {\n this.setFormValue();\n this.checkOptionsValidity();\n\n if (this.value !== null) this.onChange(this.value);\n\n await this.validationComplete;\n\n if (!this.checkValidity()) {\n this.onInvalid(this.internals.validity);\n }\n\n this.requestUpdate();\n }\n }\n\n private setFormValue() {\n if (this.value !== null && this.value.length > 0) {\n const formData = new FormData();\n\n this.value?.forEach(checkbox => formData.append(this.name, `${checkbox}`));\n this.setValue(formData);\n } else if (this.value?.length === 0) {\n this.setValue(null);\n }\n }\n\n /**\n * Fires when checkbox group value changed\n */\n @event(\"bl-checkbox-group-change\") private onChange: EventDispatcher<string[]>;\n\n /**\n * Fires when checkbox group is invalid\n */\n @event(\"bl-checkbox-group-invalid\") private onInvalid: EventDispatcher<ValidityState>;\n\n private focusedOptionIndex = 0;\n\n private handleOptionChecked() {\n this.dirty = true;\n this.value = this.checkedOptions;\n }\n\n private handleKeyDown(event: KeyboardEvent) {\n // Next option\n if ([\"ArrowDown\", \"ArrowRight\"].includes(event.key)) {\n this.focusedOptionIndex++;\n\n // Previous option\n } else if ([\"ArrowUp\", \"ArrowLeft\"].includes(event.key)) {\n this.focusedOptionIndex--;\n\n // next or previous option with tab / hold shift & tab\n } else if (event.key === \"Tab\") {\n event.shiftKey ? this.focusedOptionIndex-- : this.focusedOptionIndex++;\n\n if (this.focusedOptionIndex === this.availableOptions.length) {\n this.tabIndex = 0;\n this.focusedOptionIndex = 0;\n return;\n }\n } else {\n // Other keys are not our interest here\n return;\n }\n\n // Don't exceed array indexes\n this.focusedOptionIndex = Math.max(\n 0,\n Math.min(this.focusedOptionIndex, this.availableOptions.length - 1)\n );\n\n this.availableOptions[this.focusedOptionIndex].focus();\n\n event.preventDefault();\n }\n\n private handleFocus() {\n this.availableOptions[this.focusedOptionIndex].focus();\n }\n\n private handleSubmit(e: SubmitEvent) {\n if (!this.reportValidity()) {\n this.onInvalid(this.internals.validity);\n e.preventDefault();\n }\n this.checkOptionsValidity();\n }\n\n checkOptionsValidity() {\n if (this.checkValidity()) {\n this.options?.forEach(option =>\n option?.shadowRoot?.querySelector(\"div\")?.classList.remove(...[\"dirty\", \"invalid\"])\n );\n } else if (!this.checkValidity()) {\n this.options?.forEach(option =>\n option?.shadowRoot?.querySelector(\"div\")?.classList.add(...[\"dirty\", \"invalid\"])\n );\n }\n }\n\n validityCallback() {\n if (this.customInvalidText) {\n return this.customInvalidText;\n }\n return this.validationMessage;\n }\n\n reportValidity() {\n this.dirty = true;\n return this.checkValidity();\n }\n\n render(): TemplateResult {\n const invalidMessage = !this.checkValidity()\n ? html`<p id=\"errorMessage\" aria-live=\"polite\" class=\"invalid-text\">\n ${this.validationMessage}\n </p>`\n : \"\";\n\n const classes = {\n \"dirty\": this.dirty,\n \"invalid\": !this.validity.valid,\n };\n\n return html`<div class=${classMap(classes)}>\n <fieldset\n role=\"group\"\n aria-labelledby=\"label\"\n aria-required=${this.required}\n tabindex=${this.tabIndex}\n >\n <legend id=\"label\">${this.label}</legend>\n <div class=\"options\" @bl-checkbox-change=${this.handleOptionChecked}>\n <slot></slot>\n </div>\n <div class=\"hint\">${invalidMessage}</div>\n </fieldset>\n </div>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [blCheckboxGroupTag]: BlCheckboxGroup;\n }\n interface HTMLElementEventMap {\n [blChangeEventName]: CustomEvent<string[]>;\n }\n}\n", "import {css} from 'lit';\nexport const styles = css`:host{display:inline-block;vertical-align:middle}:host *{outline:none}label{display:flex;gap:var(--bl-size-2xs);color:var(--bl-color-neutral-darker);font:var(--bl-font-title-3);cursor:pointer;user-select:none}.label{overflow-wrap:anywhere}.dirty.invalid label{margin-bottom:var(--bl-size-3xs)}input[type=\"checkbox\"]{appearance:none;outline:none;margin:0;box-sizing:border-box;border:1px solid var(--bl-color-neutral-lighter);border-radius:var(--bl-border-radius-xs);width:var(--bl-size-m);height:var(--bl-size-m);min-width:var(--bl-size-m);min-height:var(--bl-size-m);max-width:var(--bl-size-m);max-height:var(--bl-size-m)}.check-mark{position:absolute;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bl-size-m);height:var(--bl-size-m);min-width:var(--bl-size-m);min-height:var(--bl-size-m);max-width:var(--bl-size-m);max-height:var(--bl-size-m);border:1px solid var(--bl-color-neutral-lighter);border-radius:var(--bl-border-radius-xs);color:var(--bl-color-neutral-full);font-size:var(--bl-font-size-2xs);background-color:var(--bl-color-neutral-full)}.required-suffix{color:var(--bl-color-danger);margin-left:calc(var(--bl-size-2xs) * -1)}.dirty.invalid .check-mark{border-color:var(--bl-color-danger)}.hint{display:none;font:var(--bl-font-body-text-3)}.hint p{padding:0;margin:0}.dirty.invalid .hint{display:block}.invalid-text{display:none;color:var(--bl-color-danger)}.dirty.invalid .invalid-text{display:block}:host([checked]) .label,:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .label,:host(:hover) .label{color:var(--bl-color-primary)}:host(:is([checked], [indeterminate])) .check-mark{background-color:var(--bl-color-primary);border:none}:host([disabled]){cursor:not-allowed;pointer-events:none}:host([disabled]) .check-mark,:host([disabled]) .label{color:var(--bl-color-neutral-light);border:1px solid var(--bl-color-neutral-lighter)}:host([disabled]) .check-mark{background-color:var(--bl-color-neutral-lightest)}:host(:not([disabled])) input:focus-visible + .check-mark{box-shadow:0 0 0 1px white,0 0 0 3px var(--bl-color-primary)}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from \"lit\";\nimport { customElement, property, query, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { live } from \"lit/directives/live.js\";\nimport { FormControlMixin, requiredValidator } from \"@open-wc/form-control\";\nimport \"element-internals-polyfill\";\nimport { event, EventDispatcher } from \"../../../utilities/event\";\nimport \"../../icon/bl-icon\";\nimport type BlCheckboxGroup from \"../bl-checkbox-group\";\nimport { blCheckboxGroupTag, blChangeEventName } from \"../bl-checkbox-group\";\nimport style from \"./bl-checkbox.css\";\n\nexport const blCheckboxTag = \"bl-checkbox\";\n\n/**\n * @tag bl-checkbox\n * @summary Baklava Checkbox component\n */\n@customElement(blCheckboxTag)\nexport default class BlCheckbox extends FormControlMixin(LitElement) {\n static get styles(): CSSResultGroup {\n return [style];\n }\n static shadowRootOptions = { ...LitElement.shadowRootOptions, delegatesFocus: false };\n\n static formControlValidators = [requiredValidator];\n\n @query(\"input\")\n validationTarget: HTMLInputElement;\n\n /**\n * Sets the checked state for checkbox\n */\n @property({ type: Boolean, reflect: true })\n checked = false;\n\n /**\n * Sets the checkbox value\n */\n @property()\n value: string;\n\n /**\n * Sets checkbox as required\n */\n @property({ type: Boolean, reflect: true })\n required = false;\n\n /**\n * Set custom error message\n */\n @property({ type: String, attribute: \"invalid-text\", reflect: true })\n customInvalidText?: string;\n\n /**\n * Sets the disabled state for checkbox\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * Sets the indeterminate state for checkbox\n */\n @property({ type: Boolean, reflect: true })\n indeterminate = false;\n\n /**\n * Fires whenever user change the value of the checkbox.\n */\n @event(\"bl-checkbox-change\") private onChange: EventDispatcher<boolean>;\n\n /**\n * Fires when checkbox is focused\n */\n @event(\"bl-focus\") private onFocus: EventDispatcher<string>;\n\n /**\n * Fires when checkbox is blurred\n */\n @event(\"bl-blur\") private onBlur: EventDispatcher<string>;\n\n /**\n * Fires when checkbox is invalid\n */\n @event(\"bl-checkbox-invalid\") private onInvalid: EventDispatcher<ValidityState>;\n\n @query(\"[type=checkbox]\") checkboxElement: HTMLElement;\n\n @state()\n private dirty = false;\n\n protected field: BlCheckboxGroup | null;\n\n connectedCallback(): void {\n super.connectedCallback();\n\n this.field = this.closest<BlCheckboxGroup>(blCheckboxGroupTag);\n this.field?.addEventListener(blChangeEventName, this.handleFieldValueChange);\n\n this.form?.addEventListener(\"submit\", e => this.handleSubmit(e));\n }\n\n reportValidity() {\n this.dirty = true;\n return this.checkValidity();\n }\n\n disconnectedCallback(): void {\n super.disconnectedCallback();\n this.field?.removeEventListener(blChangeEventName, this.handleFieldValueChange);\n this.form?.removeEventListener(\"submit\", e => this.handleSubmit(e));\n }\n\n protected firstUpdated(changedProperties: Map<string, unknown>) {\n if (changedProperties.has(\"checked\") && this.checked) {\n this.value = \"on\";\n this.setValue(this.value);\n }\n }\n\n protected async updated(changedProperties: Map<string, unknown>): Promise<void> {\n if (changedProperties.has(\"checked\") && this.required) {\n if (this.checked) {\n this.setValue(this.value);\n } else if (!this.checked) {\n this.setValue(\"\");\n }\n\n await this.validationComplete;\n if (!this.checkValidity()) {\n this.onInvalid(this.internals.validity);\n }\n this.requestUpdate();\n }\n }\n\n update(changedProperties: Map<string, unknown>) {\n super.update(changedProperties);\n if (this.indeterminate && this.checked) {\n this.checked = false;\n this.requestUpdate(\"checked\", true);\n }\n }\n\n validityCallback(): string | void {\n return this.customInvalidText || this.validationTarget?.validationMessage;\n }\n\n /**\n * Focuses this option\n */\n focus() {\n this.checkboxElement.tabIndex = 0;\n this.checkboxElement.focus();\n this.onFocus(this.value);\n }\n\n /**\n * Blurs from this option\n */\n blur() {\n this.onBlur(this.value);\n if (!this.field) return;\n this.checkboxElement.tabIndex = -1;\n }\n\n private handleSubmit(e: SubmitEvent) {\n if (!this.reportValidity()) {\n this.onInvalid(this.internals.validity);\n e.preventDefault();\n }\n }\n\n private async handleChange(event: CustomEvent) {\n const target = event.target as HTMLInputElement;\n\n this.dirty = true;\n this.checked = target.checked;\n this.onChange(target.checked);\n this.indeterminate = false;\n }\n\n private handleFieldValueChange = (event: CustomEvent<Array<string>>) => {\n this.checked = event.detail.includes(this.value);\n };\n\n render(): TemplateResult {\n let icon = \"\";\n\n if (this.checked) icon = \"check\";\n if (this.indeterminate) icon = \"minus\";\n\n const invalidMessage = !this.checkValidity()\n ? html`<p class=\"invalid-text\">${this.validationMessage}</p>`\n : \"\";\n\n const requiredSuffix = this.required ? html`<span class=\"required-suffix\">*</span>` : \"\";\n\n const classes = {\n \"dirty\": this.dirty,\n \"invalid\": !this.checkValidity(),\n };\n\n return html`<div class=${classMap(classes)}>\n <label>\n <input\n type=\"checkbox\"\n .checked=${live(this.checked)}\n ?disabled=${this.disabled}\n aria-required=${this.required}\n aria-readonly=${this.disabled}\n .indeterminate=${this.indeterminate}\n @change=${this.handleChange}\n value=${ifDefined(this.value)}\n @blur=${this.blur}\n />\n <div class=\"check-mark\">${icon ? html`<bl-icon name=\"${icon}\"></bl-icon>` : null}</div>\n <slot class=\"label\"></slot>${requiredSuffix}\n </label>\n <div class=\"hint\">${invalidMessage}</div>\n </div> `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [blCheckboxTag]: BlCheckbox;\n }\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["styles", "i", "bl_checkbox_group_default", "blCheckboxGroupTag", "blChangeEventName", "BlCheckboxGroup", "FormControlMixin", "s", "bl_checkbox_group_default", "blCheckboxTag", "opt", "option", "_a", "e", "changedProperties", "_b", "formData", "checkbox", "event", "invalidMessage", "x", "classes", "o", "requiredValidator", "__decorateClass", "i", "t", "styles", "i", "bl_checkbox_default", "blCheckboxTag", "BlCheckbox", "FormControlMixin", "s", "event", "bl_checkbox_default", "_a", "_b", "blCheckboxGroupTag", "blChangeEventName", "e", "changedProperties", "target", "icon", "invalidMessage", "x", "requiredSuffix", "classes", "o", "l", "requiredValidator", "__decorateClass", "i", "t"]
|
|
7
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{b as k}from"./chunk-
|
|
1
|
+
import{b as k}from"./chunk-MND5TXTF.js";import{c as $}from"./chunk-EG7U7PM3.js";import{a as z}from"./chunk-XDUIVR6I.js";import{a as w}from"./chunk-6LT7O7T2.js";import{a as s}from"./chunk-DINNT5P2.js";import{a as c}from"./chunk-GRL4DWKG.js";import{a as f,b as y,c as x}from"./chunk-7GK5LKBV.js";import{a as b,b as a,c as u,e as m}from"./chunk-5MOOXA2X.js";import{a as v,b as d,c as g,f as p}from"./chunk-4OT5AMS5.js";import{d as r}from"./chunk-IZ2LK5GK.js";var C="important",I=" !"+C,S=y(class extends x{constructor(o){var l;if(super(o),o.type!==f.ATTRIBUTE||o.name!=="style"||((l=o.strings)===null||l===void 0?void 0:l.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(o){return Object.keys(o).reduce((l,e)=>{let i=o[e];return i==null?l:l+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${i};`},"")}update(o,[l]){let{style:e}=o.element;if(this.ht===void 0){this.ht=new Set;for(let i in l)this.ht.add(i);return this.render(l)}this.ht.forEach(i=>{l[i]==null&&(this.ht.delete(i),i.includes("-")?e.removeProperty(i):e[i]="")});for(let i in l){let n=l[i];if(n!=null){this.ht.add(i);let h=typeof n=="string"&&n.endsWith(I);i.includes("-")||h?e.setProperty(i,h?n.slice(0,-11):n,h?C:""):e[i]=n}}return g}});var L=v`:host{display:inline-block;width:200px;position:relative}.wrapper{--row-count:1;--maxrow-count: ;--line-height:var(--bl-font-title-3-line-height);--scroll-height:var(--line-height);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-xs);--label-padding:var(--bl-size-3xs);--border-size:1px;--default-scroll-height:calc((var(--row-count) * var(--line-height)) + var(--padding-vertical));--height:max(var(--scroll-height), var(--default-scroll-height));--input-font:var(--bl-font-body-text-2);--border-radius:var(--bl-size-3xs);--border-color:var(--bl-color-neutral-lighter);--background-color:var(--bl-color-neutral-full);display:flex;flex-direction:column;position:relative;gap:var(--bl-size-3xs)}.input-wrapper{border:solid var(--border-size) var(--border-color);border-radius:var(--border-radius);padding:0 calc(var(--padding-horizontal) - var(--label-padding) - var(--border-size));padding-top:var(--padding-vertical);display:flex;box-sizing:border-box;background-color:var(--background-color);margin:0;width:0;min-width:100%}textarea{--parent-padding:calc(var(--padding-horizontal) - var(--label-padding) - var(--border-size));width:100%;align-self:stretch;outline:none;font:var(--input-font);padding:0 calc(var(--padding-horizontal) - var(--border-size));padding-bottom:var(--padding-vertical);margin:0 calc(-1 * var(--parent-padding));border:none;border-radius:var(--border-radius);color:var(--bl-color-neutral-darker);resize:vertical;background-color:transparent;display:block}:host([size="large"]) .wrapper{--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-m)}:host([size="small"]) .wrapper{--padding-vertical:var(--bl-size-3xs);--padding-horizontal:var(--bl-size-xs);--input-font:var(--bl-font-body-text-3);--line-height:var(--bl-font-title-4-line-height)}textarea:disabled{background-color:var(--bl-color-neutral-lightest);color:var(--bl-color-neutral-light);cursor:not-allowed}:host([disabled]) .wrapper{--background-color:var(--bl-color-neutral-lightest)}:host([expand]) textarea{overflow:hidden;resize:none;height:var(--height)}:host([expand][max-rows]) textarea{--maxrow-height:calc((var(--maxrow-count) * var(--line-height)) + var(--padding-vertical));overflow-y:scroll;height:min(var(--height), var(--maxrow-height))}.wrapper:focus-within{--border-color:var(--bl-color-primary)}.dirty.max-len-invalid,.dirty.invalid{--border-color:var(--bl-color-danger)}:host([label]) ::placeholder{color:transparent;transition:color ease-out 0.4s}.input-wrapper legend,label{padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}label{max-width:max-content;position:absolute;transition:all ease-in 0.1s;font:var(--bl-font-title-3-regular);top:var(--padding-vertical);left:var(--padding-horizontal);right:var(--padding-horizontal);pointer-events:none;color:var(--bl-color-neutral-light)}.input-wrapper legend{height:0;visibility:hidden;display:none}.input-wrapper legend span{padding:0 var(--label-padding);display:inline-block;opacity:0;visibility:visible}:where(.wrapper:focus-within, .wrapper.has-value) label{top:0;left:var(--padding-horizontal);transform:translateY(-50%);font:var(--bl-font-caption);color:var(--bl-color-neutral-dark);pointer-events:initial;z-index:var(--bl-index-base)}:host([label]) :where(.wrapper:focus-within, .wrapper.has-value) legend{max-width:100%;font:var(--bl-font-caption);display:block}:host ::placeholder,:host([label-fixed]) ::placeholder{color:var(--bl-color-neutral-light)}:host([label-fixed]) label{position:static;transition:none;transform:none;pointer-events:initial;font:var(--bl-font-caption);color:var(--bl-color-neutral-dark);background-color:initial;padding:0}:host([label-fixed]) legend{display:none}.hint{display:none;font:var(--bl-font-body-text-3)}:host([character-counter]) .hint,:host([help-text]) .hint,.dirty.invalid .hint{display:flex;gap:var(--bl-size-3xs)}.hint > *{margin:0;padding:0}.help-text,.invalid-text{flex:1}.counter-text{color:var(--bl-color-neutral-dark);margin-left:auto}:where(.max-len-invalid, .dirty.invalid) .hint > .counter-text{color:var(--bl-color-danger)}.dirty.invalid label{color:var(--bl-color-danger)}.invalid-text{display:none;color:var(--bl-color-danger)}.help-text{color:var(--bl-color-neutral-dark)}:where(.dirty.max-len-invalid, .dirty.invalid) .hint > .invalid-text{display:inline-block}.dirty.invalid .hint > .help-text{display:none}`,E=L;var t=class extends z(p){constructor(){super(...arguments);this.name="";this.required=!1;this.disabled=!1;this.expand=!1;this.size="medium";this.labelFixed=!1;this.characterCounter=!1;this.value="";this.rows=4;this.autofocus=!1;this.spellchecker="false";this.customScrollHeight=null;this.inputId=Math.random().toString(36).substring(2);this.onError=()=>{this.onInvalid(this.internals.validity)};this.dirty=!1}static get styles(){return[E]}connectedCallback(){var e;super.connectedCallback(),(e=this.internals.form)==null||e.addEventListener("submit",()=>{this.reportValidity()})}inputHandler(e){this.autoResize();let i=e.target.value;this.value=i,this.onInput(i)}changeHandler(e){let i=e.target.value;this.dirty=!0,this.value=i,this.onChange(i)}firstUpdated(){this.setValue(this.value),this.autoResize()}async updated(e){e.has("rows")&&this.autoResize(),e.has("value")&&(this.setValue(this.value),await this.validationComplete,this.requestUpdate())}reportValidity(){return this.dirty=!0,this.checkValidity()}valueChangedCallback(e){this.value=e}validityCallback(){var e;return this.customInvalidText||((e=this.validationTarget)==null?void 0:e.validationMessage)}autoResize(){if(!this.expand)return;this.validationTarget.style.height="auto";let e=this.validationTarget.scrollHeight;this.customScrollHeight=`${e}px`,this.validationTarget.style.removeProperty("height")}render(){let e=this.internals.validity.tooLong,i=this.checkValidity()?"":d`<p class="invalid-text">${this.validationMessage}</p>`,n=this.helpText?d`<p class="help-text">${this.helpText}</p>`:"",h=this.label?d`<label for="${this.inputId}">${this.label}</label>`:"",M=this.characterCounter&&this.maxlength?`${this.value.length}/${this.maxlength}`:this.characterCounter?`${this.value.length}`:"",R=this.characterCounter?d`<p class="counter-text">${M}</p>`:"",H={wrapper:!0,"has-value":this.value!==null&&this.value!=="",dirty:this.dirty,"max-len-invalid":e,invalid:!this.checkValidity()},V={"--row-count":`${this.rows}`,"--maxrow-count":this.maxRows?`${this.maxRows}`:null,"--scroll-height":this.customScrollHeight};return d`
|
|
2
2
|
<div style=${S(V)} class=${w(H)}>
|
|
3
3
|
${h}
|
|
4
4
|
<fieldset class="input-wrapper">
|
|
@@ -34,4 +34,4 @@ lit-html/directives/style-map.js:
|
|
|
34
34
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
35
35
|
*)
|
|
36
36
|
*/
|
|
37
|
-
//# sourceMappingURL=chunk-
|
|
37
|
+
//# sourceMappingURL=chunk-IZTTP5LH.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{a as i}from"./chunk-ASB5S6J4.js";import{a as r,b as a}from"./chunk-5MOOXA2X.js";import{a as o,b as l,f as s}from"./chunk-4OT5AMS5.js";import{d as e}from"./chunk-IZ2LK5GK.js";var n=o`:host{display:table-header-group}:host([sticky]){position:sticky;top:0;left:0;right:0;z-index:3;transition:top 0.05s ease;box-shadow:0 8px 16px 0 rgb(39 49 66 / 10%)}:host([sticky])::after{content:"";display:block;position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--bl-color-neutral-lighter)}`,p=n;var b="bl-table-header",t=class extends s{constructor(){super(...arguments);this.sticky=!1}static get styles(){return[p]}connectedCallback(){super.connectedCallback(),this.closest(i)||console.warn("bl-table-header is designed to be used inside a bl-table",this)}render(){return l`<slot></slot> `}};e([a({type:Boolean,reflect:!0})],t.prototype,"sticky",2),t=e([r(b)],t);export{b as a,t as b};
|
|
2
|
+
//# sourceMappingURL=chunk-LIW32ZGE.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/components/table/table-header/bl-table-header.css", "../src/components/table/table-header/bl-table-header.ts"],
|
|
4
|
+
"sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:table-header-group}:host([sticky]){position:sticky;top:0;left:0;right:0;z-index:3;transition:top 0.05s ease;box-shadow:0 8px 16px 0 rgb(39 49 66 / 10%)}:host([sticky])::after{content:\"\";display:block;position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--bl-color-neutral-lighter)}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport \"element-internals-polyfill\";\nimport { blTableTag } from \"../bl-table\";\nimport type BlTable from \"../bl-table\";\nimport style from \"../table-header/bl-table-header.css\";\n\nexport const blTableHeaderTag = \"bl-table-header\";\n\n/**\n * @tag bl-table-header\n * @summary Baklava Table component\n */\n@customElement(blTableHeaderTag)\nexport default class BlTableHeader extends LitElement {\n static get styles(): CSSResultGroup {\n return [style];\n }\n /**\n * Set table header as sticky\n */\n @property({ type: Boolean, reflect: true })\n sticky = false;\n\n connectedCallback(): void {\n super.connectedCallback();\n if (!this.closest<BlTable>(blTableTag)) {\n console.warn(\"bl-table-header is designed to be used inside a bl-table\", this);\n }\n }\n\n render(): TemplateResult {\n return html`<slot></slot> `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [blTableHeaderTag]: BlTableHeader;\n }\n}\n"],
|
|
5
|
+
"mappings": "qLACO,IAAMA,EAASC,0TACfC,EAAQF,ECKR,IAAMG,EAAmB,kBAOXC,EAArB,cAA2C,CAAW,CAAtD,kCAQE,YAAS,GAPT,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAOA,mBAA0B,CACxB,MAAM,kBAAkB,EACnB,KAAK,QAAiBC,CAAU,GACnC,QAAQ,KAAK,2DAA4D,IAAI,CAEjF,CAEA,QAAyB,CACvB,OAAOC,iBACT,CACF,EAZEC,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAPvBL,EAQnB,sBARmBA,EAArBI,EAAA,CADCC,EAAcN,CAAgB,GACVC",
|
|
6
|
+
"names": ["styles", "i", "bl_table_header_default", "blTableHeaderTag", "BlTableHeader", "bl_table_header_default", "blTableTag", "x", "__decorateClass", "e"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import{a as b}from"./chunk-Y3PONRYW.js";import{a as s,b as n}from"./chunk-5MOOXA2X.js";import{a as i,b as o,f as a}from"./chunk-4OT5AMS5.js";import{d as l}from"./chunk-IZ2LK5GK.js";var d=i`:host{display:table-cell;border:1px solid var(--bl-color-neutral-lighter);padding:var(--bl-size-m);font:var(--bl-font-title-3-regular);color:var(--bl-color-neutral-darker);box-sizing:border-box;vertical-align:middle;word-break:break-word;background-color:var(--bl-color-neutral-full);background-clip:padding-box;border-top:none;border-right:none}.table-cell{display:flex;align-items:center}.table-cell.shadow-right::before{content:"";position:absolute;right:-1px;top:0;width:16px;height:100%;z-index:-1;border-right:1px solid var(--bl-color-neutral-lighter);box-shadow:8px 0 16px 0 rgb(39 49 66 / 10%)}.table-cell.shadow-left::before{content:"";position:absolute;left:-1px;top:0;width:16px;height:100%;z-index:-1;border-left:1px solid var(--bl-color-neutral-lighter);box-shadow:-8px 0 16px 0 rgb(39 49 66 / 10%)}bl-checkbox{margin-right:var(--bl-size-m)}`,c=d;var h="bl-table-cell",t=class extends a{constructor(){super(...arguments);this.disableSelection=!1}static get styles(){return[c]}get _table(){return this.closest("bl-table")}get _tableRow(){return this.closest("bl-table-row")}get disabled(){return this.disableSelection}get selectable(){var e;return this.index===0&&!!((e=this._table)!=null&&e.isSelectable(!1))&&this.selectionKey}get index(){let e=this.parentNode;return e?[...e.children].indexOf(this):-1}get selectionKey(){return this._tableRow?this._tableRow.selectionKey:""}get checked(){var e;return!!((e=this._tableRow)!=null&&e.checked)}get shadowRight(){var e;return!!((e=this._tableRow)!=null&&e.stickyFirstColumn)&&this.index===0}get shadowLeft(){var e;return!!((e=this._tableRow)!=null&&e.stickyLastColumn)&&this.nextElementSibling===null}connectedCallback(){super.connectedCallback(),this.closest(b)||console.warn("bl-table-cell is designed to be used inside a bl-table-row",this)}onChange(e){var r;(r=this._table)==null||r.onSelectionChange(!1,e.detail,this.selectionKey)}_renderCheckbox(){return this.selectable?o`<bl-checkbox
|
|
2
|
+
?checked=${this.checked}
|
|
3
|
+
?disabled=${this.disabled}
|
|
4
|
+
value="row"
|
|
5
|
+
@bl-checkbox-change=${this.onChange}
|
|
6
|
+
>
|
|
7
|
+
</bl-checkbox>`:null}render(){let e=this.shadowRight?"shadow-right":this.shadowLeft?"shadow-left":"";return o`<div class="table-cell ${e}">
|
|
8
|
+
${this._renderCheckbox()}
|
|
9
|
+
<slot></slot>
|
|
10
|
+
</div>`}};l([n({type:Boolean,reflect:!0,attribute:"disabled"})],t.prototype,"disableSelection",2),t=l([s(h)],t);export{h as a,t as b};
|
|
11
|
+
//# sourceMappingURL=chunk-LPHOBDYM.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/components/table/table-cell/bl-table-cell.css", "../src/components/table/table-cell/bl-table-cell.ts"],
|
|
4
|
+
"sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:table-cell;border:1px solid var(--bl-color-neutral-lighter);padding:var(--bl-size-m);font:var(--bl-font-title-3-regular);color:var(--bl-color-neutral-darker);box-sizing:border-box;vertical-align:middle;word-break:break-word;background-color:var(--bl-color-neutral-full);background-clip:padding-box;border-top:none;border-right:none}.table-cell{display:flex;align-items:center}.table-cell.shadow-right::before{content:\"\";position:absolute;right:-1px;top:0;width:16px;height:100%;z-index:-1;border-right:1px solid var(--bl-color-neutral-lighter);box-shadow:8px 0 16px 0 rgb(39 49 66 / 10%)}.table-cell.shadow-left::before{content:\"\";position:absolute;left:-1px;top:0;width:16px;height:100%;z-index:-1;border-left:1px solid var(--bl-color-neutral-lighter);box-shadow:-8px 0 16px 0 rgb(39 49 66 / 10%)}bl-checkbox{margin-right:var(--bl-size-m)}`;\nexport default styles;\n", "import { html, LitElement, TemplateResult } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport { CSSResultGroup } from \"lit/development\";\nimport \"element-internals-polyfill\";\nimport \"../../checkbox-group/checkbox/bl-checkbox\";\nimport style from \"../table-cell/bl-table-cell.css\";\nimport BlTableRow, { blTableRowTag } from \"../table-row/bl-table-row\";\n\nexport const blTableCellTag = \"bl-table-cell\";\n/**\n * @tag bl-table-cell\n * @summary Baklava Table component\n */\n@customElement(blTableCellTag)\nexport default class BlTableCell extends LitElement {\n static get styles(): CSSResultGroup {\n return [style];\n }\n\n /**\n * Disable selection\n */\n @property({ type: Boolean, reflect: true, attribute: \"disabled\" })\n disableSelection = false;\n\n private get _table() {\n return this.closest(\"bl-table\");\n }\n private get _tableRow() {\n return this.closest(\"bl-table-row\");\n }\n get disabled() {\n return this.disableSelection;\n }\n get selectable() {\n return this.index === 0 && !!this._table?.isSelectable(false) && this.selectionKey;\n }\n get index() {\n const parent = this.parentNode;\n\n if (!parent) {\n return -1;\n }\n return [...parent.children].indexOf(this);\n }\n get selectionKey(): string {\n return this._tableRow ? this._tableRow.selectionKey : \"\";\n }\n get checked() {\n return !!this._tableRow?.checked;\n }\n get shadowRight() {\n return !!this._tableRow?.stickyFirstColumn && this.index === 0;\n }\n get shadowLeft() {\n return !!this._tableRow?.stickyLastColumn && this.nextElementSibling === null;\n }\n\n connectedCallback(): void {\n super.connectedCallback();\n if (!this.closest<BlTableRow>(blTableRowTag)) {\n console.warn(\"bl-table-cell is designed to be used inside a bl-table-row\", this);\n }\n }\n\n onChange(event: CustomEvent) {\n this._table?.onSelectionChange(false, event.detail, this.selectionKey);\n }\n\n private _renderCheckbox() {\n return this.selectable\n ? html`<bl-checkbox\n ?checked=${this.checked}\n ?disabled=${this.disabled}\n value=\"row\"\n @bl-checkbox-change=${this.onChange}\n >\n </bl-checkbox>`\n : null;\n }\n render(): TemplateResult {\n const className = this.shadowRight ? \"shadow-right\" : this.shadowLeft ? \"shadow-left\" : \"\";\n\n return html`<div class=\"table-cell ${className}\">\n ${this._renderCheckbox()}\n <slot></slot>\n </div>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [blTableCellTag]: BlTableCell;\n }\n}\n"],
|
|
5
|
+
"mappings": "qLACO,IAAMA,EAAS,01BACfC,EAAQD,ECMR,IAAME,EAAiB,gBAMTC,EAArB,cAAyCC,CAAW,CAApD,kCASE,sBAAmB,GARnB,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAQA,IAAY,QAAS,CACnB,OAAO,KAAK,QAAQ,UAAU,CAChC,CACA,IAAY,WAAY,CACtB,OAAO,KAAK,QAAQ,cAAc,CACpC,CACA,IAAI,UAAW,CACb,OAAO,KAAK,gBACd,CACA,IAAI,YAAa,CAlCnB,IAAAC,EAmCI,OAAO,KAAK,QAAU,GAAK,CAAC,GAACA,EAAA,KAAK,SAAL,MAAAA,EAAa,aAAa,MAAU,KAAK,YACxE,CACA,IAAI,OAAQ,CACV,IAAMC,EAAS,KAAK,WAEpB,OAAKA,EAGE,CAAC,GAAGA,EAAO,QAAQ,EAAE,QAAQ,IAAI,EAF/B,EAGX,CACA,IAAI,cAAuB,CACzB,OAAO,KAAK,UAAY,KAAK,UAAU,aAAe,EACxD,CACA,IAAI,SAAU,CAhDhB,IAAAD,EAiDI,MAAO,CAAC,GAACA,EAAA,KAAK,YAAL,MAAAA,EAAgB,QAC3B,CACA,IAAI,aAAc,CAnDpB,IAAAA,EAoDI,MAAO,CAAC,GAACA,EAAA,KAAK,YAAL,MAAAA,EAAgB,oBAAqB,KAAK,QAAU,CAC/D,CACA,IAAI,YAAa,CAtDnB,IAAAA,EAuDI,MAAO,CAAC,GAACA,EAAA,KAAK,YAAL,MAAAA,EAAgB,mBAAoB,KAAK,qBAAuB,IAC3E,CAEA,mBAA0B,CACxB,MAAM,kBAAkB,EACnB,KAAK,QAAoBE,CAAa,GACzC,QAAQ,KAAK,6DAA8D,IAAI,CAEnF,CAEA,SAASC,EAAoB,CAjE/B,IAAAH,GAkEIA,EAAA,KAAK,SAAL,MAAAA,EAAa,kBAAkB,GAAOG,EAAM,OAAQ,KAAK,aAC3D,CAEQ,iBAAkB,CACxB,OAAO,KAAK,WACRC;AAAA,qBACa,KAAK;AAAA,sBACJ,KAAK;AAAA;AAAA,gCAEK,KAAK;AAAA;AAAA,wBAG7B,IACN,CACA,QAAyB,CACvB,IAAMC,EAAY,KAAK,YAAc,eAAiB,KAAK,WAAa,cAAgB,GAExF,OAAOD,2BAA8BC;AAAA,QACjC,KAAK,gBAAgB;AAAA;AAAA,WAG3B,CACF,EAjEEC,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,GAAM,UAAW,UAAW,CAAC,GAR9CV,EASnB,gCATmBA,EAArBS,EAAA,CADCC,EAAcX,CAAc,GACRC",
|
|
6
|
+
"names": ["styles", "bl_table_cell_default", "blTableCellTag", "BlTableCell", "s", "bl_table_cell_default", "_a", "parent", "blTableRowTag", "event", "x", "className", "__decorateClass", "e"]
|
|
7
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as f}from"./chunk-
|
|
1
|
+
import{a as f}from"./chunk-MND5TXTF.js";import{c as m}from"./chunk-EG7U7PM3.js";import{a as g}from"./chunk-XDUIVR6I.js";import{a as u}from"./chunk-N6FMS7MM.js";import{a as p}from"./chunk-6LT7O7T2.js";import{a as r}from"./chunk-DINNT5P2.js";import{a as n}from"./chunk-GRL4DWKG.js";import{a as v,b as i,c,e as b}from"./chunk-5MOOXA2X.js";import{a as h,b as l,f as d}from"./chunk-4OT5AMS5.js";import{d as t}from"./chunk-IZ2LK5GK.js";var S=h`:host{display:inline-block;width:200px;position:relative}.wrapper{--border-color:var(--bl-color-neutral-lighter);--icon-color:var(--bl-color-neutral-light);--text-color:var(--bl-color-neutral-darker);--height:var(--bl-size-2xl);--input-font:var(--bl-font-body-text-2);--line-height:var(--bl-font-body-text-2-line-height);--icon-size:var(--line-height);--icon-gap:var(--bl-size-xs);--padding-vertical:calc((var(--height) - var(--line-height)) / 2);--padding-horizontal:var(--bl-size-xs);--autofill-bg-color:var(--bl-color-primary-contrast);--label-padding:var(--bl-size-3xs);--background-color:var(--bl-color-neutral-full);display:grid;position:relative;gap:var(--bl-size-3xs)}.wrapper:focus-within{--border-color:var(--bl-color-primary);--icon-color:var(--bl-color-primary)}.wrapper.dirty.invalid{--border-color:var(--bl-color-danger);--icon-color:var(--bl-color-danger)}:host([size="large"]) .wrapper{--height:var(--bl-size-3xl);--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-m);--icon-gap:var(--bl-size-m)}:host([size="small"]) .wrapper{--height:var(--bl-size-xl);--input-font:var(--bl-font-body-text-3);--padding-vertical:var(--bl-size-3xs);--icon-size:var(--bl-font-body-text-3-line-height);--icon-gap:var(--bl-size-2xs)}.input-wrapper{--border-size:1px;outline:none;display:flex;box-sizing:border-box;gap:var(--padding-vertical);height:var(--height);border:solid var(--border-size) var(--border-color);padding:0 calc(
|
|
2
2
|
var(--bl-input-padding-end, var(--padding-horizontal)) - var(--label-padding) -
|
|
3
3
|
var(--border-size)
|
|
4
4
|
) 0 calc(
|
|
@@ -60,4 +60,4 @@ import{a as f}from"./chunk-OSNB4BPE.js";import{a as m}from"./chunk-AAGDUS7G.js";
|
|
|
60
60
|
</fieldset>
|
|
61
61
|
<div class="hint">${a} ${o}</div>
|
|
62
62
|
</div>`}};e.shadowRootOptions={...d.shadowRootOptions,delegatesFocus:!0},e.formControlValidators=f,t([b("input")],e.prototype,"validationTarget",2),t([i({reflect:!0})],e.prototype,"name",2),t([i({reflect:!0})],e.prototype,"type",2),t([i({reflect:!0})],e.prototype,"label",2),t([i({reflect:!0})],e.prototype,"placeholder",2),t([i({reflect:!0})],e.prototype,"value",2),t([i({type:Boolean,reflect:!0})],e.prototype,"required",2),t([i({type:Number,reflect:!0})],e.prototype,"minlength",2),t([i({type:Number,reflect:!0})],e.prototype,"maxlength",2),t([i({reflect:!0})],e.prototype,"min",2),t([i({reflect:!0})],e.prototype,"max",2),t([i({type:String,reflect:!0})],e.prototype,"pattern",2),t([i({type:Number,reflect:!0})],e.prototype,"step",2),t([i({type:String,reflect:!0})],e.prototype,"autocomplete",2),t([i({type:String,reflect:!0})],e.prototype,"inputmode",2),t([i({type:Boolean,reflect:!0})],e.prototype,"autofocus",2),t([i({type:String,reflect:!0})],e.prototype,"icon",2),t([i({type:String,reflect:!0})],e.prototype,"size",2),t([i({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([i({type:Boolean,reflect:!0})],e.prototype,"readonly",2),t([i({type:Boolean,attribute:"label-fixed",reflect:!0})],e.prototype,"labelFixed",2),t([i({type:String,attribute:"invalid-text",reflect:!0})],e.prototype,"customInvalidText",1),t([i({type:String,attribute:"help-text",reflect:!0})],e.prototype,"helpText",2),t([n("bl-change")],e.prototype,"onChange",2),t([n("bl-input")],e.prototype,"onInput",2),t([n("bl-invalid")],e.prototype,"onInvalid",2),t([c()],e.prototype,"dirty",2),t([c()],e.prototype,"passwordVisible",2),e=t([v("bl-input")],e);export{e as a};
|
|
63
|
-
//# sourceMappingURL=chunk-
|
|
63
|
+
//# sourceMappingURL=chunk-LXYK2N4C.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{b as e}from"./chunk-
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import{b as e}from"./chunk-EG7U7PM3.js";var r=["valueMissing","typeMismatch","tooLong","tooShort","rangeUnderflow","rangeOverflow","stepMismatch","badInput","patternMismatch","customError"],i=r.map(t=>({key:t,isValid(a){return a.validationTarget?!a.validationTarget.validity[t]:!0}})),o={...e,isValid(t){return t.validationTarget&&t.getAttribute("maxlength")?Number(t.getAttribute("maxlength"))>=t.validationTarget.value.length:!0}},n=[...i,o];export{i as a,n as b};
|
|
2
|
+
//# sourceMappingURL=chunk-MND5TXTF.js.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{a as
|
|
2
|
-
<bl-icon class="close" name="arrow_down"></bl-icon>`}_handleClick(){if(this.type==="submit"){let r;this.form instanceof HTMLFormElement?r=this.form:typeof this.form=="string"?r=document.getElementById(this.form):r=this.closest("form"),r&&x(r)}this.onClick("Click event fired!")}focus(){this.button.focus()}get _hasIconSlot(){return this.querySelector(':scope > [slot="icon"]')!==null}get _hasDefaultSlot(){return[...this.childNodes].some(i=>{var c;let s=i.nodeType;return s===i.TEXT_NODE&&((c=i.textContent)==null?void 0:c.trim())!==""||s===i.ELEMENT_NODE&&!i.hasAttribute("slot")})}render(){let r=this.loading||this.disabled,i=this.loading&&this.loadingLabel?this.loadingLabel:a`<slot></slot>`,s=!!this.href,c=this.icon?a`<bl-icon name=${this.icon}></bl-icon>`:"",b=this.loading?a`<bl-icon class="loading-icon" name="loading"></bl-icon>`:"",h=a`<slot name="icon">${c}</slot> <span class="label">${i}</span>`,E=this.dropdown?this.caretTemplate():"",u=
|
|
1
|
+
import{a as y}from"./chunk-6LT7O7T2.js";import{a as n}from"./chunk-DINNT5P2.js";import{a as _}from"./chunk-GRL4DWKG.js";import{a as m,b as e,c as g,e as f}from"./chunk-5MOOXA2X.js";import{a as p,b as a,f as v}from"./chunk-4OT5AMS5.js";import{d as o}from"./chunk-IZ2LK5GK.js";var x=l=>{if(!(!l.noValidate&&!l.reportValidity())){let d=new SubmitEvent("submit",{bubbles:!0,cancelable:!0});l.dispatchEvent(d),d.defaultPrevented||l.submit()}};var z=p`@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}:host{display:var(--bl-button-display, inline-block);max-width:100%;position:relative}.button{--main-color:var(--bl-color-primary);--main-hover-color:var(--bl-color-primary-highlight);--text-hover-color:var(--bl-color-neutral-lightest);--content-color:var(--bl-color-neutral-full);--bg-color:var(--main-color);--border-color:var(--main-color);--padding-vertical:var(--bl-size-2xs);--padding-horizontal:var(--bl-size-m);--margin-icon:var(--padding-vertical);--icon-size:var(--bl-size-m);--font:var(--bl-font-title-3-medium);--height:var(--bl-size-2xl);display:flex;gap:var(--margin-icon);justify-content:var(--bl-button-justify, center);align-items:center;box-sizing:border-box;width:100%;height:var(--height);border:solid 1px var(--border-color);border-radius:var(--bl-border-radius-m);text-decoration:none;padding:var(--padding-vertical) var(--padding-horizontal);cursor:pointer;background-color:var(--bg-color);color:var(--content-color);font:var(--font);font-kerning:none;user-select:none}:host(.__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .button,:host(:hover) .button{--bg-color:var(--main-hover-color);--border-color:var(--main-hover-color)}.label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([size="small"]) .button{--font:var(--bl-font-title-4-medium);--padding-vertical:var(--bl-size-3xs);--padding-horizontal:var(--bl-size-2xs);--icon-size:var(--bl-size-s);--height:var(--bl-size-xl)}:host([size="large"]) .button{--font:var(--bl-font-title-3-medium);--padding-vertical:var(--bl-size-xs);--padding-horizontal:var(--bl-size-xl);--margin-icon:var(--bl-size-2xs);--height:var(--bl-size-3xl)}.button:focus{outline:none}.button:focus-visible{position:relative;outline:none}.button:focus-visible::after{border:2px solid var(--main-color);border-radius:var(--bl-border-radius-l);content:"";position:absolute;inset:-4px}.loading-icon{animation:spin 1s linear infinite;font-size:var(--icon-size)}:host ::slotted(bl-icon){font-size:var(--icon-size)}:host([loading]) ::slotted(bl-icon){display:none}:host .has-icon:not(.has-content){--padding-horizontal:var(--padding-vertical);--margin-icon:0}:host([variant="secondary"]) .button{--bg-color:transparent;--content-color:var(--main-color)}:host([variant="tertiary"]) .button{--content-color:var(--main-color);--border-color:transparent;--bg-color:transparent}:host([kind="neutral"]) .button{--main-color:var(--bl-color-neutral-darker);--main-hover-color:var(--bl-color-neutral-darkest)}:host([kind="success"]) .button{--main-color:var(--bl-color-success);--main-hover-color:var(--bl-color-success-highlight)}:host([kind="danger"]) .button{--main-color:var(--bl-color-danger);--main-hover-color:var(--bl-color-danger-highlight)}:host([disabled]){cursor:not-allowed}:host([loading]){cursor:wait}:host([loading]) bl-icon:not(.loading-icon){display:none}:host .button[aria-disabled="true"]{--main-color:var(--bl-color-neutral-lightest);--main-hover-color:var(--bl-color-neutral-lightest);--content-color:var(--bl-color-neutral-lighter);--bg-color:var(--main-color);pointer-events:none;text-decoration:none}:host([variant="tertiary"]) .button[aria-disabled="true"]{--main-color:transparent}:host([variant="secondary"].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .button[aria-disabled="false"],:host([variant="secondary"]:hover) .button[aria-disabled="false"]{--content-color:var(--bl-color-neutral-full);--bg-color:var(--main-hover-color)}:host([variant="tertiary"].__ONLY_FOR_STORYBOOK_DEMONSTRATION_HOVER__) .button[aria-disabled="false"],:host([variant="tertiary"]:hover) .button[aria-disabled="false"]{--content-color:var(--main-hover-color);--bg-color:var(--text-hover-color)}:host([dropdown]) .open{display:none}:host([dropdown]) .active .open{display:inline-block}:host([dropdown]) .active .close{display:none}:host .active.button{--bg-color:var(--main-hover-color);--border-color:var(--main-hover-color)}:host([variant="secondary"]) .active.button{--content-color:var(--bl-color-neutral-full);--bg-color:var(--main-hover-color)}:host([variant="tertiary"]) .active.button{--content-color:var(--main-color);--bg-color:var(--bl-color-neutral-lightest);--border-color:transparent}`,T=z;var t=class extends v{constructor(){super(...arguments);this.variant="primary";this.kind="default";this.size="medium";this.loading=!1;this.disabled=!1;this.target="_self";this.dropdown=!1;this.autofocus=!1;this.active=!1}static get styles(){return[T]}get _isActive(){return this.active}connectedCallback(){super.connectedCallback()}caretTemplate(){return a` <bl-icon class="open" name="arrow_up"></bl-icon>
|
|
2
|
+
<bl-icon class="close" name="arrow_down"></bl-icon>`}_handleClick(){if(this.type==="submit"){let r;this.form instanceof HTMLFormElement?r=this.form:typeof this.form=="string"?r=document.getElementById(this.form):r=this.closest("form"),r&&x(r)}this.onClick("Click event fired!")}focus(){this.button.focus()}get _hasIconSlot(){return this.querySelector(':scope > [slot="icon"]')!==null}get _hasDefaultSlot(){return[...this.childNodes].some(i=>{var c;let s=i.nodeType;return s===i.TEXT_NODE&&((c=i.textContent)==null?void 0:c.trim())!==""||s===i.ELEMENT_NODE&&!i.hasAttribute("slot")})}render(){let r=this.loading||this.disabled,i=this.loading&&this.loadingLabel?this.loadingLabel:a`<slot></slot>`,s=!!this.href,c=this.icon?a`<bl-icon name=${this.icon}></bl-icon>`:"",b=this.loading?a`<bl-icon class="loading-icon" name="loading"></bl-icon>`:"",h=a`<slot name="icon">${c}</slot> <span class="label">${i}</span>`,E=this.dropdown?this.caretTemplate():"",u=y({button:!0,"has-icon":this.icon||this._hasIconSlot,"has-content":this._hasDefaultSlot,active:!s&&this._isActive});return s?a`<a
|
|
3
3
|
class=${u}
|
|
4
4
|
?autofocus=${this.autofocus}
|
|
5
5
|
aria-disabled="${n(r)}"
|
|
@@ -17,5 +17,5 @@ import{a as _}from"./chunk-6LT7O7T2.js";import{a as n}from"./chunk-DINNT5P2.js";
|
|
|
17
17
|
@click="${this._handleClick}"
|
|
18
18
|
>
|
|
19
19
|
${b} ${h} ${E}
|
|
20
|
-
</button>`}};o([e({type:String,reflect:!0})],t.prototype,"variant",2),o([e({type:String,reflect:!0})],t.prototype,"kind",2),o([e({type:String,reflect:!0})],t.prototype,"size",2),o([e({type:String})],t.prototype,"label",2),o([e({type:String,attribute:"loading-label"})],t.prototype,"loadingLabel",2),o([e({type:Boolean,reflect:!0})],t.prototype,"loading",2),o([e({type:Boolean,reflect:!0})],t.prototype,"disabled",2),o([e({type:String})],t.prototype,"href",2),o([e({type:String})],t.prototype,"icon",2),o([e({type:String})],t.prototype,"target",2),o([e({type:String})],t.prototype,"type",2),o([e({type:Boolean})],t.prototype,"dropdown",2),o([e({type:Boolean,reflect:!0})],t.prototype,"autofocus",2),o([e({type:String})],t.prototype,"form",2),o([g({})],t.prototype,"active",2),o([f(".button")],t.prototype,"button",2),o([
|
|
21
|
-
//# sourceMappingURL=chunk-
|
|
20
|
+
</button>`}};o([e({type:String,reflect:!0})],t.prototype,"variant",2),o([e({type:String,reflect:!0})],t.prototype,"kind",2),o([e({type:String,reflect:!0})],t.prototype,"size",2),o([e({type:String})],t.prototype,"label",2),o([e({type:String,attribute:"loading-label"})],t.prototype,"loadingLabel",2),o([e({type:Boolean,reflect:!0})],t.prototype,"loading",2),o([e({type:Boolean,reflect:!0})],t.prototype,"disabled",2),o([e({type:String})],t.prototype,"href",2),o([e({type:String})],t.prototype,"icon",2),o([e({type:String})],t.prototype,"target",2),o([e({type:String})],t.prototype,"type",2),o([e({type:Boolean})],t.prototype,"dropdown",2),o([e({type:Boolean,reflect:!0})],t.prototype,"autofocus",2),o([e({type:String})],t.prototype,"form",2),o([g({})],t.prototype,"active",2),o([f(".button")],t.prototype,"button",2),o([_("bl-click")],t.prototype,"onClick",2),t=o([m("bl-button")],t);export{x as a,t as b};
|
|
21
|
+
//# sourceMappingURL=chunk-N6FMS7MM.js.map
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import{a as s,b as a,g as d}from"./chunk-5MOOXA2X.js";import{a as e,b as i,f as c}from"./chunk-4OT5AMS5.js";import{d as t}from"./chunk-IZ2LK5GK.js";var p=e`.accordion-group{display:flex;flex-direction:column;gap:0}.accordion-group ::slotted(bl-accordion:first-child){--bl-accordion-radius-bottom-right:0;--bl-accordion-radius-bottom-left:0;--bl-accordion-border-bottom:0}.accordion-group ::slotted(bl-accordion:not(:last-child, :first-child)){--bl-accordion-radius-bottom-right:0;--bl-accordion-radius-bottom-left:0;--bl-accordion-radius-top-left:0;--bl-accordion-radius-top-right:0;--bl-accordion-border-bottom:0}.accordion-group ::slotted(bl-accordion:last-child){--bl-accordion-radius-top-right:0;--bl-accordion-radius-top-left:0}`,n=p;var o=class extends c{constructor(){super(...arguments);this.multiple=!1}static get styles(){return[n]}handleToggleAccordions(r){let m=r.target;!this.multiple&&r.detail&&this.accordions.forEach(l=>{m!==l&&l.collapse()})}render(){return i`<div class="accordion-group" @bl-toggle=${this.handleToggleAccordions}>
|
|
2
|
+
<slot></slot>
|
|
3
|
+
</div>`}};t([a({reflect:!0,type:Boolean})],o.prototype,"multiple",2),t([d({selector:"bl-accordion"})],o.prototype,"accordions",2),o=t([s("bl-accordion-group")],o);export{o as a};
|
|
4
|
+
//# sourceMappingURL=chunk-NGJM4NWA.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/components/accordion-group/bl-accordion-group.css", "../src/components/accordion-group/bl-accordion-group.ts"],
|
|
4
|
+
"sourcesContent": ["import {css} from 'lit';\nexport const styles = css`.accordion-group{display:flex;flex-direction:column;gap:0}.accordion-group ::slotted(bl-accordion:first-child){--bl-accordion-radius-bottom-right:0;--bl-accordion-radius-bottom-left:0;--bl-accordion-border-bottom:0}.accordion-group ::slotted(bl-accordion:not(:last-child, :first-child)){--bl-accordion-radius-bottom-right:0;--bl-accordion-radius-bottom-left:0;--bl-accordion-radius-top-left:0;--bl-accordion-radius-top-right:0;--bl-accordion-border-bottom:0}.accordion-group ::slotted(bl-accordion:last-child){--bl-accordion-radius-top-right:0;--bl-accordion-radius-top-left:0}`;\nexport default styles;\n", "import { html, LitElement, TemplateResult } from \"lit\";\nimport { customElement, property, queryAssignedElements } from \"lit/decorators.js\";\nimport { CSSResultGroup } from \"lit/development\";\nimport { BlAccordion } from \"../../baklava\";\nimport style from \"./bl-accordion-group.css\";\n\n@customElement(\"bl-accordion-group\")\nexport default class BlAccordionGroup extends LitElement {\n /**\n * Allow multiple accordions to be open at once\n */\n @property({ reflect: true, type: Boolean })\n multiple = false;\n\n @queryAssignedElements({ selector: \"bl-accordion\" })\n accordions: BlAccordion[];\n\n static get styles(): CSSResultGroup {\n return [style];\n }\n\n handleToggleAccordions(e: CustomEvent<boolean>) {\n const target = e.target as BlAccordion;\n\n if (!this.multiple && e.detail) {\n this.accordions.forEach(a => {\n if (target !== a) {\n a.collapse();\n }\n });\n }\n }\n\n render(): TemplateResult {\n return html`<div class=\"accordion-group\" @bl-toggle=${this.handleToggleAccordions}>\n <slot></slot>\n </div>`;\n }\n}\n"],
|
|
5
|
+
"mappings": "oJACO,IAAMA,EAASC,qkBACfC,EAAQF,ECKf,IAAqBG,EAArB,cAA8CC,CAAW,CAAzD,kCAKE,cAAW,GAKX,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAEA,uBAAuBC,EAAyB,CAC9C,IAAMC,EAASD,EAAE,OAEb,CAAC,KAAK,UAAYA,EAAE,QACtB,KAAK,WAAW,QAAQE,GAAK,CACvBD,IAAWC,GACbA,EAAE,SAAS,CAEf,CAAC,CAEL,CAEA,QAAyB,CACvB,OAAOC,4CAA+C,KAAK;AAAA;AAAA,WAG7D,CACF,EA1BEC,EAAA,CADCJ,EAAS,CAAE,QAAS,GAAM,KAAM,OAAQ,CAAC,GAJvBH,EAKnB,wBAGAO,EAAA,CADCC,EAAsB,CAAE,SAAU,cAAe,CAAC,GAPhCR,EAQnB,0BARmBA,EAArBO,EAAA,CADCJ,EAAc,oBAAoB,GACdH",
|
|
6
|
+
"names": ["styles", "i", "bl_accordion_group_default", "BlAccordionGroup", "s", "bl_accordion_group_default", "e", "target", "a", "x", "__decorateClass", "l"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import{a as x}from"./chunk-6LT7O7T2.js";import{a as h}from"./chunk-GRL4DWKG.js";import{a as y,b as d,e as c}from"./chunk-5MOOXA2X.js";import{a as m,b as r,f as w}from"./chunk-4OT5AMS5.js";import{d as o}from"./chunk-IZ2LK5GK.js";var k=m`:host{display:contents}.container{--background-color:var(--bl-color-neutral-full);display:flex;flex-direction:column;background:var(--background-color);max-width:calc(100vw - var(--bl-size-4xl));max-height:calc(100vh - var(--bl-size-4xl));min-width:424px;padding:0;border:0;border-radius:var(--bl-border-radius-l)}.dialog,.dialog-polyfill .container{padding:0;border:0;border-radius:var(--bl-border-radius-l)}.dialog-polyfill .container{position:fixed;z-index:var(--bl-index-dialog)}.dialog::backdrop{background-color:#273142b3}.dialog-polyfill{display:none;position:fixed;left:0;top:0;width:100vw;height:100vh;align-items:center;justify-content:center;z-index:var(--bl-index-dialog);background-color:#273142b3}:host([open]) .dialog-polyfill{display:flex}header{display:flex;justify-content:space-between;align-items:center;gap:var(--bl-size-2xs);padding:var(--bl-size-xl) var(--bl-size-xl) 0 var(--bl-size-xl)}header bl-button{margin-left:auto}header h2{font:var(--bl-font-title-1-medium);color:var(--bl-color-neutral-darker);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;padding:0}.content{padding:var(--bl-size-xl);overflow:auto}.container.has-footer .content{padding-bottom:0}footer{padding:var(--bl-size-xl);display:flex;flex-flow:row-reverse wrap;gap:var(--bl-size-m)}footer.shadow{/* FIXME: Use variables for sizes */box-shadow:0 -4px 15px #27314226}@media only screen and (max-width: 471px){.container{max-width:calc(100vw - var(--bl-size-2xl));max-height:calc(100vh - var(--bl-size-2xl));min-width:auto;min-height:auto}footer{flex-flow:column wrap}}`,E=k;var t=class extends w{constructor(){super(...arguments);this.open=!1;this.critical=!1;this.polyfilled=!0;this.clickOutsideHandler=e=>{if(this.critical)return;e.composedPath().includes(this.container)||this.closeDialog("backdrop")};this.onKeydown=e=>{e.code==="Escape"&&this.open&&!this.critical&&(e.preventDefault(),this.closeDialog("keyboard"))};this.toggleFooterShadow=()=>{var l,n,s,p,f,b,g;let e=(l=this.content)==null?void 0:l.scrollTop,i=(n=this.content)==null?void 0:n.scrollHeight,a=(s=this.content)==null?void 0:s.clientHeight;e+a>=i?(f=(p=this.footer)==null?void 0:p.classList)==null||f.remove("shadow"):(g=(b=this.footer)==null?void 0:b.classList)==null||g.add("shadow")}}static get styles(){return[E]}updated(e){(e.has("open")||e.has("polyfilled"))&&this.toggleDialogHandler()}get _hasFooter(){return[...this.childNodes].some(e=>e.nodeName==="BL-BUTTON")}toggleDialogHandler(){var e,i,a,l,n,s;this.open?((i=(e=this.dialog)==null?void 0:e.showModal)==null||i.call(e),this.onOpen({isOpen:!0}),document.body.style.overflow="hidden",this.toggleFooterShadow(),window==null||window.addEventListener("keydown",p=>this.onKeydown(p)),window==null||window.addEventListener("resize",this.toggleFooterShadow),(a=this.content)==null||a.addEventListener("scroll",this.toggleFooterShadow)):((n=(l=this.dialog)==null?void 0:l.close)==null||n.call(l),this.onClose({isOpen:!1},{bubbles:!1}),document.body.style.overflow="auto",window==null||window.removeEventListener("keydown",this.onKeydown),window==null||window.removeEventListener("resize",this.toggleFooterShadow),(s=this.content)==null||s.removeEventListener("scroll",this.toggleFooterShadow))}closeDialog(e){this.onRequestClose({source:e},{cancelable:!0}).defaultPrevented||(this.open=!1)}renderFooter(){return this._hasFooter?r`<footer>
|
|
2
|
+
<slot name="primary-action"></slot>
|
|
3
|
+
<slot name="secondary-action"></slot>
|
|
4
|
+
<slot name="tertiary-action"></slot>
|
|
5
|
+
</footer>`:""}renderContainer(){let e=this.caption?r`<h2 id="dialog-caption">${this.caption}</h2>`:"",i=this.critical?null:r`<bl-button
|
|
6
|
+
@click="${()=>this.closeDialog("close-button")}"
|
|
7
|
+
icon="close"
|
|
8
|
+
variant="tertiary"
|
|
9
|
+
kind="neutral"
|
|
10
|
+
></bl-button>`,a={container:!0,"has-footer":this._hasFooter};return r` <div class="${x(a)}">
|
|
11
|
+
<header>${e} ${i}</header>
|
|
12
|
+
<section class="content"><slot></slot></section>
|
|
13
|
+
${this.renderFooter()}
|
|
14
|
+
</div>`}render(){return this.polyfilled||!window.HTMLDialogElement?r`<div
|
|
15
|
+
class="dialog-polyfill"
|
|
16
|
+
role="dialog"
|
|
17
|
+
aria-labelledby="dialog-caption"
|
|
18
|
+
@click=${this.clickOutsideHandler}
|
|
19
|
+
>
|
|
20
|
+
${this.renderContainer()}
|
|
21
|
+
</div>`:r`
|
|
22
|
+
<dialog
|
|
23
|
+
class="dialog"
|
|
24
|
+
aria-labelledby="dialog-caption"
|
|
25
|
+
@click=${this.clickOutsideHandler}
|
|
26
|
+
>
|
|
27
|
+
${this.renderContainer()}
|
|
28
|
+
</dialog>
|
|
29
|
+
`}};o([d({type:Boolean,reflect:!0,hasChanged(u,v){return u===!1&&v===void 0?!1:u!==v}})],t.prototype,"open",2),o([d({type:String})],t.prototype,"caption",2),o([d({type:Boolean,reflect:!0})],t.prototype,"critical",2),o([d({type:Boolean,reflect:!0})],t.prototype,"polyfilled",2),o([c(".dialog")],t.prototype,"dialog",2),o([c("footer")],t.prototype,"footer",2),o([c(".container")],t.prototype,"container",2),o([c(".content")],t.prototype,"content",2),o([h("bl-dialog-open")],t.prototype,"onOpen",2),o([h("bl-dialog-request-close")],t.prototype,"onRequestClose",2),o([h("bl-dialog-close")],t.prototype,"onClose",2),t=o([y("bl-dialog")],t);export{t as a};
|
|
30
|
+
//# sourceMappingURL=chunk-OB455JKN.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/components/dialog/bl-dialog.css", "../src/components/dialog/bl-dialog.ts"],
|
|
4
|
+
"sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:contents}.container{--background-color:var(--bl-color-neutral-full);display:flex;flex-direction:column;background:var(--background-color);max-width:calc(100vw - var(--bl-size-4xl));max-height:calc(100vh - var(--bl-size-4xl));min-width:424px;padding:0;border:0;border-radius:var(--bl-border-radius-l)}.dialog,.dialog-polyfill .container{padding:0;border:0;border-radius:var(--bl-border-radius-l)}.dialog-polyfill .container{position:fixed;z-index:var(--bl-index-dialog)}.dialog::backdrop{background-color:#273142b3}.dialog-polyfill{display:none;position:fixed;left:0;top:0;width:100vw;height:100vh;align-items:center;justify-content:center;z-index:var(--bl-index-dialog);background-color:#273142b3}:host([open]) .dialog-polyfill{display:flex}header{display:flex;justify-content:space-between;align-items:center;gap:var(--bl-size-2xs);padding:var(--bl-size-xl) var(--bl-size-xl) 0 var(--bl-size-xl)}header bl-button{margin-left:auto}header h2{font:var(--bl-font-title-1-medium);color:var(--bl-color-neutral-darker);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;padding:0}.content{padding:var(--bl-size-xl);overflow:auto}.container.has-footer .content{padding-bottom:0}footer{padding:var(--bl-size-xl);display:flex;flex-flow:row-reverse wrap;gap:var(--bl-size-m)}footer.shadow{/* FIXME: Use variables for sizes */box-shadow:0 -4px 15px #27314226}@media only screen and (max-width: 471px){.container{max-width:calc(100vw - var(--bl-size-2xl));max-height:calc(100vh - var(--bl-size-2xl));min-width:auto;min-height:auto}footer{flex-flow:column wrap}}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, PropertyValues, TemplateResult } from \"lit\";\nimport { customElement, property, query } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { event, EventDispatcher } from \"../../utilities/event\";\nimport \"../button/bl-button\";\nimport style from \"./bl-dialog.css\";\n\ntype DialogElement = {\n showModal: () => void;\n close: () => void;\n};\n\n/**\n * @tag bl-dialog\n * @summary Baklava Dialog component\n */\n@customElement(\"bl-dialog\")\nexport default class BlDialog extends LitElement {\n static get styles(): CSSResultGroup {\n return [style];\n }\n\n /**\n * Sets dialog open-close status\n */\n @property({\n type: Boolean,\n reflect: true,\n hasChanged(newVal: boolean, oldVal: boolean | undefined) {\n if (newVal === false && oldVal === undefined) {\n // Assume that the initial value is false\n return false;\n }\n return newVal !== oldVal;\n },\n })\n open = false;\n\n /**\n * Sets the dialog title\n */\n @property({ type: String })\n caption?: string;\n\n /**\n * Determines if the dialog is critical, which disables closing through keyboard, backdrop, and close button interactions.\n */\n @property({ type: Boolean, reflect: true })\n critical = false;\n\n /**\n * Determines if dialog currently uses polyfilled version instead of native HTML Dialog. By\n * default, it uses native Dialog if the browser supports it, otherwise polyfills. You can force\n * using polyfill by setting this to true in some cases like to show some content on top of dialog\n * in case you are not able to use Popover API. Be aware that, polyfilled version can cause some\n * inconsistencies in terms of accessibility and stacking context. So use it with extra caution.\n *\n * As of the current implementation, you can render above the dialog HTML element using the Popover API. However,\n * it will block any actions on the Popover element. This issue was encountered during the development of the `bl-notification` component.\n * As a result, we decided to enable the polyfill for the `bl-dialog` component by default. If you prefer to use the native dialog, you can set\n * this property to false. Please note, doing so will cause notifications to render under the dialog backdrop.\n * For more information, refer to the comment linked below:\n *\n * https://github.com/Trendyol/baklava/issues/141#issuecomment-1810301413\n */\n @property({ type: Boolean, reflect: true })\n polyfilled = true;\n\n @query(\".dialog\")\n private dialog: HTMLDialogElement & DialogElement;\n\n @query(\"footer\")\n private footer: HTMLElement;\n\n @query(\".container\")\n private container: HTMLElement;\n\n @query(\".content\")\n private content: HTMLElement;\n\n /**\n * Fires when the dialog is opened\n */\n @event(\"bl-dialog-open\") private onOpen: EventDispatcher<object>;\n\n /**\n * Fires before the dialog is closed with internal actions like clicking close button,\n * pressing Escape key or clicking backdrop. Can be prevented by calling `event.preventDefault()`\n */\n @event(\"bl-dialog-request-close\") private onRequestClose: EventDispatcher<{\n source: \"close-button\" | \"keyboard\" | \"backdrop\";\n }>;\n\n /**\n * Fires when the dialog is closed\n */\n @event(\"bl-dialog-close\") private onClose: EventDispatcher<object>;\n\n updated(changedProperties: PropertyValues<this>) {\n if (changedProperties.has(\"open\") || changedProperties.has(\"polyfilled\")) {\n this.toggleDialogHandler();\n }\n }\n\n private get _hasFooter() {\n return [...this.childNodes].some(node => node.nodeName === \"BL-BUTTON\");\n }\n\n private toggleDialogHandler() {\n if (this.open) {\n this.dialog?.showModal?.();\n this.onOpen({ isOpen: true });\n document.body.style.overflow = \"hidden\";\n this.toggleFooterShadow();\n window?.addEventListener(\"keydown\", event => this.onKeydown(event));\n window?.addEventListener(\"resize\", this.toggleFooterShadow);\n this.content?.addEventListener(\"scroll\", this.toggleFooterShadow);\n } else {\n this.dialog?.close?.();\n this.onClose({ isOpen: false }, { bubbles: false });\n document.body.style.overflow = \"auto\";\n window?.removeEventListener(\"keydown\", this.onKeydown);\n window?.removeEventListener(\"resize\", this.toggleFooterShadow);\n this.content?.removeEventListener(\"scroll\", this.toggleFooterShadow);\n }\n }\n\n private closeDialog(source: \"close-button\" | \"keyboard\" | \"backdrop\") {\n const requestCloseEvent = this.onRequestClose({ source }, { cancelable: true });\n\n if (requestCloseEvent.defaultPrevented) {\n return;\n }\n\n this.open = false;\n }\n\n private clickOutsideHandler = (event: MouseEvent) => {\n if (this.critical) return;\n\n const eventPath = event.composedPath() as HTMLElement[];\n\n if (!eventPath.includes(this.container)) {\n this.closeDialog(\"backdrop\");\n }\n };\n\n private onKeydown = (event: KeyboardEvent): void => {\n if (event.code === \"Escape\" && this.open && !this.critical) {\n event.preventDefault();\n this.closeDialog(\"keyboard\");\n }\n };\n\n private toggleFooterShadow = () => {\n const scrollTop = this.content?.scrollTop;\n const scrollHeight = this.content?.scrollHeight;\n const clientHeight = this.content?.clientHeight;\n\n if (scrollTop + clientHeight >= scrollHeight) {\n this.footer?.classList?.remove(\"shadow\");\n } else {\n this.footer?.classList?.add(\"shadow\");\n }\n };\n\n private renderFooter() {\n return this._hasFooter\n ? html`<footer>\n <slot name=\"primary-action\"></slot>\n <slot name=\"secondary-action\"></slot>\n <slot name=\"tertiary-action\"></slot>\n </footer>`\n : \"\";\n }\n\n private renderContainer() {\n const title = this.caption ? html`<h2 id=\"dialog-caption\">${this.caption}</h2>` : \"\";\n const closeButton = !this.critical\n ? html`<bl-button\n @click=\"${() => this.closeDialog(\"close-button\")}\"\n icon=\"close\"\n variant=\"tertiary\"\n kind=\"neutral\"\n ></bl-button>`\n : null;\n\n const classes = {\n \"container\": true,\n \"has-footer\": this._hasFooter,\n };\n\n return html` <div class=\"${classMap(classes)}\">\n <header>${title} ${closeButton}</header>\n <section class=\"content\"><slot></slot></section>\n ${this.renderFooter()}\n </div>`;\n }\n\n render(): TemplateResult {\n return this.polyfilled || !window.HTMLDialogElement\n ? html`<div\n class=\"dialog-polyfill\"\n role=\"dialog\"\n aria-labelledby=\"dialog-caption\"\n @click=${this.clickOutsideHandler}\n >\n ${this.renderContainer()}\n </div>`\n : html`\n <dialog\n class=\"dialog\"\n aria-labelledby=\"dialog-caption\"\n @click=${this.clickOutsideHandler}\n >\n ${this.renderContainer()}\n </dialog>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"bl-dialog\": BlDialog;\n }\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["styles", "i", "bl_dialog_default", "BlDialog", "s", "event", "_a", "_b", "_c", "_d", "_e", "_f", "_g", "scrollTop", "scrollHeight", "clientHeight", "bl_dialog_default", "changedProperties", "node", "source", "x", "title", "closeButton", "classes", "o", "__decorateClass", "e", "newVal", "oldVal", "i"]
|
|
7
|
+
}
|