@mozaic-ds/web-components 0.16.1-beta.0 → 0.17.1
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/package.json +1 -1
- package/public/DataTableUtilities-f652653f.js +2 -0
- package/public/DataTableUtilities-f652653f.js.map +1 -0
- package/public/adeo/DataTableUtilities-f652653f.js +2 -0
- package/public/adeo/DataTableUtilities-f652653f.js.map +1 -0
- package/public/adeo/bundle.js +5 -0
- package/public/adeo/components/autocomplete/Autocomplete.js +1 -1
- package/public/adeo/components/autocomplete/Autocomplete.js.map +1 -1
- package/public/adeo/components/autocomplete/Autocomplete.svelte +2 -0
- package/public/adeo/components/button/ButtonSlot.js +2 -0
- package/public/adeo/components/button/ButtonSlot.js.map +1 -0
- package/public/adeo/components/buttonslot/ButtonSlot.svelte +148 -0
- package/public/adeo/components/datatable/DataTable.js +1 -1
- package/public/adeo/components/datatable/datatable-default-action.nested.js +1 -1
- package/public/adeo/components/datatable/datatable-default-edtion.nested.js +1 -1
- package/public/adeo/components/datatable/datatable-default-filter-tags.nested.js +1 -1
- package/public/adeo/components/datatable/datatable-default-footer.nested.js +1 -1
- package/public/adeo/components/dropdown/Dropdown.js +1 -1
- package/public/adeo/components/dropdown/Dropdown.js.map +1 -1
- package/public/adeo/components/dropdown/Dropdown.svelte +2 -0
- package/public/adeo/components/header/Header.js +1 -1
- package/public/adeo/components/header/Header.js.map +1 -1
- package/public/adeo/components/header/Header.svelte +2 -0
- package/public/adeo/components/progressbar/ProgressBar.js +1 -1
- package/public/adeo/components/progressbar/ProgressBar.js.map +1 -1
- package/public/adeo/components/progressbar/ProgressBar.svelte +7 -11
- package/public/adeo/components/stepper/Stepper.js +1 -1
- package/public/adeo/components/stepper/Stepper.js.map +1 -1
- package/public/adeo/components/stepper/Stepper.svelte +9 -0
- package/public/adeo/components/tabs/Tabs.js +1 -1
- package/public/adeo/components/tabs/Tabs.js.map +1 -1
- package/public/adeo/components/tabs/Tabs.nested.js +1 -1
- package/public/adeo/components/tabs/Tabs.nested.js.map +1 -1
- package/public/adeo/components/tabs/Tabs.nested.svelte +64 -28
- package/public/adeo/components/tabs/Tabs.svelte +28 -0
- package/public/adeo/components/tabs/tabs.types.d.ts +2 -0
- package/public/adeo/components/tabs/tabs.types.d.ts.map +1 -1
- package/public/adeo/icons-storybook.js +8 -0
- package/public/adeo/main.d.ts +1 -0
- package/public/adeo/main.d.ts.map +1 -1
- package/public/adeo/utilities/DataTableUtilities.d.ts.map +1 -1
- package/public/adeo/utilities/DataTableUtilities.ts +3 -1
- package/public/adeo/utilities/components/tabs/tabs.types.d.ts +2 -0
- package/public/adeo/utilities/components/tabs/tabs.types.d.ts.map +1 -1
- package/public/adeo/utilities/main.d.ts +1 -0
- package/public/adeo/utilities/main.d.ts.map +1 -1
- package/public/adeo/utilities/stories/accordion/Accordion.stories.d.ts.map +1 -1
- package/public/adeo/utilities/stories/button/ButtonSlot.stories.d.ts +10 -0
- package/public/adeo/utilities/stories/button/ButtonSlot.stories.d.ts.map +1 -0
- package/public/adeo/utilities/stories/stepper/Stepper.stories.d.ts.map +1 -1
- package/public/adeo/utilities/stories/tabs/Tabs.stories.d.ts.map +1 -1
- package/public/adeo/utilities/utilities/DataTableUtilities.d.ts.map +1 -1
- package/public/bricoman/DataTableUtilities-f652653f.js +2 -0
- package/public/bricoman/DataTableUtilities-f652653f.js.map +1 -0
- package/public/bricoman/bundle.js +5 -0
- package/public/bricoman/components/autocomplete/Autocomplete.js +1 -1
- package/public/bricoman/components/autocomplete/Autocomplete.js.map +1 -1
- package/public/bricoman/components/autocomplete/Autocomplete.svelte +2 -0
- package/public/bricoman/components/button/ButtonSlot.js +2 -0
- package/public/bricoman/components/button/ButtonSlot.js.map +1 -0
- package/public/bricoman/components/buttonslot/ButtonSlot.svelte +148 -0
- package/public/bricoman/components/datatable/DataTable.js +1 -1
- package/public/bricoman/components/datatable/datatable-default-action.nested.js +1 -1
- package/public/bricoman/components/datatable/datatable-default-edtion.nested.js +1 -1
- package/public/bricoman/components/datatable/datatable-default-filter-tags.nested.js +1 -1
- package/public/bricoman/components/datatable/datatable-default-footer.nested.js +1 -1
- package/public/bricoman/components/dropdown/Dropdown.js +1 -1
- package/public/bricoman/components/dropdown/Dropdown.js.map +1 -1
- package/public/bricoman/components/dropdown/Dropdown.svelte +2 -0
- package/public/bricoman/components/header/Header.js +1 -1
- package/public/bricoman/components/header/Header.js.map +1 -1
- package/public/bricoman/components/header/Header.svelte +2 -0
- package/public/bricoman/components/progressbar/ProgressBar.js +1 -1
- package/public/bricoman/components/progressbar/ProgressBar.js.map +1 -1
- package/public/bricoman/components/progressbar/ProgressBar.svelte +7 -11
- package/public/bricoman/components/stepper/Stepper.js +1 -1
- package/public/bricoman/components/stepper/Stepper.js.map +1 -1
- package/public/bricoman/components/stepper/Stepper.svelte +9 -0
- package/public/bricoman/components/tabs/Tabs.js +1 -1
- package/public/bricoman/components/tabs/Tabs.js.map +1 -1
- package/public/bricoman/components/tabs/Tabs.nested.js +1 -1
- package/public/bricoman/components/tabs/Tabs.nested.js.map +1 -1
- package/public/bricoman/components/tabs/Tabs.nested.svelte +64 -28
- package/public/bricoman/components/tabs/Tabs.svelte +28 -0
- package/public/bricoman/components/tabs/tabs.types.d.ts +2 -0
- package/public/bricoman/components/tabs/tabs.types.d.ts.map +1 -1
- package/public/bricoman/icons-storybook.js +8 -0
- package/public/bricoman/main.d.ts +1 -0
- package/public/bricoman/main.d.ts.map +1 -1
- package/public/bricoman/utilities/DataTableUtilities.d.ts.map +1 -1
- package/public/bricoman/utilities/DataTableUtilities.ts +3 -1
- package/public/bricoman/utilities/components/tabs/tabs.types.d.ts +2 -0
- package/public/bricoman/utilities/components/tabs/tabs.types.d.ts.map +1 -1
- package/public/bricoman/utilities/main.d.ts +1 -0
- package/public/bricoman/utilities/main.d.ts.map +1 -1
- package/public/bricoman/utilities/stories/accordion/Accordion.stories.d.ts.map +1 -1
- package/public/bricoman/utilities/stories/button/ButtonSlot.stories.d.ts +10 -0
- package/public/bricoman/utilities/stories/button/ButtonSlot.stories.d.ts.map +1 -0
- package/public/bricoman/utilities/stories/stepper/Stepper.stories.d.ts.map +1 -1
- package/public/bricoman/utilities/stories/tabs/Tabs.stories.d.ts.map +1 -1
- package/public/bricoman/utilities/utilities/DataTableUtilities.d.ts.map +1 -1
- package/public/bundle.js +5 -0
- package/public/components/autocomplete/Autocomplete.js +1 -1
- package/public/components/autocomplete/Autocomplete.js.map +1 -1
- package/public/components/autocomplete/Autocomplete.svelte +2 -0
- package/public/components/button/ButtonSlot.js +2 -0
- package/public/components/button/ButtonSlot.js.map +1 -0
- package/public/components/buttonslot/ButtonSlot.svelte +148 -0
- package/public/components/datatable/DataTable.js +1 -1
- package/public/components/datatable/datatable-default-action.nested.js +1 -1
- package/public/components/datatable/datatable-default-edtion.nested.js +1 -1
- package/public/components/datatable/datatable-default-filter-tags.nested.js +1 -1
- package/public/components/datatable/datatable-default-footer.nested.js +1 -1
- package/public/components/dropdown/Dropdown.js +1 -1
- package/public/components/dropdown/Dropdown.js.map +1 -1
- package/public/components/dropdown/Dropdown.svelte +2 -0
- package/public/components/header/Header.js +1 -1
- package/public/components/header/Header.js.map +1 -1
- package/public/components/header/Header.svelte +2 -0
- package/public/components/progressbar/ProgressBar.js +1 -1
- package/public/components/progressbar/ProgressBar.js.map +1 -1
- package/public/components/progressbar/ProgressBar.svelte +7 -11
- package/public/components/stepper/Stepper.js +1 -1
- package/public/components/stepper/Stepper.js.map +1 -1
- package/public/components/stepper/Stepper.svelte +9 -0
- package/public/components/tabs/Tabs.js +1 -1
- package/public/components/tabs/Tabs.js.map +1 -1
- package/public/components/tabs/Tabs.nested.js +1 -1
- package/public/components/tabs/Tabs.nested.js.map +1 -1
- package/public/components/tabs/Tabs.nested.svelte +64 -28
- package/public/components/tabs/Tabs.svelte +28 -0
- package/public/components/tabs/tabs.types.d.ts +2 -0
- package/public/components/tabs/tabs.types.d.ts.map +1 -1
- package/public/icons-storybook.js +8 -0
- package/public/main.d.ts +1 -0
- package/public/main.d.ts.map +1 -1
- package/public/utilities/DataTableUtilities.d.ts.map +1 -1
- package/public/utilities/DataTableUtilities.ts +3 -1
- package/public/utilities/components/tabs/tabs.types.d.ts +2 -0
- package/public/utilities/components/tabs/tabs.types.d.ts.map +1 -1
- package/public/utilities/main.d.ts +1 -0
- package/public/utilities/main.d.ts.map +1 -1
- package/public/utilities/stories/accordion/Accordion.stories.d.ts.map +1 -1
- package/public/utilities/stories/button/ButtonSlot.stories.d.ts +10 -0
- package/public/utilities/stories/button/ButtonSlot.stories.d.ts.map +1 -0
- package/public/utilities/stories/stepper/Stepper.stories.d.ts.map +1 -1
- package/public/utilities/stories/tabs/Tabs.stories.d.ts.map +1 -1
- package/public/utilities/utilities/DataTableUtilities.d.ts.map +1 -1
- package/public/DataTableUtilities-190a23f3.js +0 -2
- package/public/DataTableUtilities-190a23f3.js.map +0 -1
- package/public/adeo/DataTableUtilities-190a23f3.js +0 -2
- package/public/adeo/DataTableUtilities-190a23f3.js.map +0 -1
- package/public/bricoman/DataTableUtilities-190a23f3.js +0 -2
- package/public/bricoman/DataTableUtilities-190a23f3.js.map +0 -1
package/package.json
CHANGED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
const e=(e,l,t)=>{switch(e){case"Text":default:return l;case"CustomText":return(e=>{let l="";return e.map((e=>l+=`<div class="custom-text" ${e.style?`style="${e.style}"`:""}> ${e.text}</div>`)),l})(l);case"Number":return null!=(n=l)?`<span style="display: flex; justify-content: end;"> ${Number(n)} </span>`:"";case"Image":return`<img style="${(c=l).style||"width: 35px; height: 35px; margin-right: 8px;"}" src="${c.src||"/assets/no-picture.svg"}"/>`;case"Badge":return`<div class="mc-badge mc-badge--${(i=l).theme||"info"}">${i.content}</div>`;case"Link":return`<a class="mc-link" href=${(s=l).href} >${s.text}</a>`;case"FileFormat":return((e,l)=>`<div class="mc-tooltip mc-tooltip--top">\n <span id="tooltipTop" class="mc-tooltip__content" role="tooltip">\n ${e.documentNameTooltip}\n </span>\n <span class="mc-link" id=cell-file-${l} style="${e.style}"> ${e.documentName}</span>\n </div>`)(l,t);case"LinkWithoutRedirect":return((e,l)=>`<a class="mc-link" id=cell-link-${l} href=${e.href} onclick="return false;">${e.text}</a>`)(l,t);case"ProgressBar":return!0===l.branded?(d=l).labelOnLeft?`<div style="float: left;"><span>${d.value}%</span></div> \n <div style="margin-top: 0.4em;margin-left: 2.7em;"><m-progressbar value=${d.value} size='m' branded=${d.branded}></m-progressbar></div>`:`<m-progressbar value=${d.value} displaypercentage=${d.displaypercentage} size='${d.size}' branded=${d.branded}></m-progressbar>`:(e=>e.labelOnLeft?`<div style="float: left;"><span>${e.value}%</span></div> \n <div style="margin-top: 0.4em;margin-left: 2.7em;"><m-progressbar value=${e.value} size='m'></m-progressbar></div>`:`<m-progressbar value=${e.value} displaypercentage=${e.displaypercentage} size='${e.size}'></m-progressbar>`)(l);case"Button":return((e,l)=>{let t=`<m-button\n id=cell-button-${l}\n label="${e.label}"\n theme=${e.theme}\n iconname=${e.iconname}\n iconmode=${e.iconmode}\n size=${e.size} `;return e.bordered&&(t+=`bordered=${e.bordered} `),e.disabled&&(t+=`disabled=${e.disabled}`),t+="></m-button>",t})(l,t);case"InputText":return((e,l)=>{const t=document.createElement("m-textinput");return t.setAttribute("id",`cell-input-${l}`),t.setAttribute("size","s"),t.setAttribute("placeholder",`${e.placeholder}`),t.setAttribute("type",e.type?`${e.type}`:"text"),t.setAttribute("value",e.value?`${e.value}`:""),e.min&&t.setAttribute("min",`${e.min}`),e.max&&t.setAttribute("max",`${e.max}`),e.rightalign&&t.setAttribute("rightalign",`${e.rightalign}`),e.isvalid&&t.setAttribute("isvalid",`${e.isvalid}`),e.isinvalid&&t.setAttribute("isinvalid",`${e.isinvalid}`),e.disabled&&t.setAttribute("disabled",`${e.disabled}`),t.outerHTML})(l,t)}var d,s,i,c,n},l=(l,t)=>{const d=null==t?void 0:t.cells[l.id];return d||0===Number(d)?e(l.cellsFormat,d,t.id):""},t=(e,l)=>e?{[`data-${e||""}`]:l}:{},d=e=>e.filter((e=>!e.disableSelection)).filter((e=>!0===e.selected)).length===e.filter((e=>!e.disableSelection)).length&&e.filter((e=>!e.disableSelection)).length>0,s=e=>{let l=!1;return e.forEach((e=>{"subRow"in e&&(l=!0)})),l},i=e=>{let l;switch(e){case"na":l="desc";break;case"desc":default:l="asc";break;case"asc":l="na"}return l},c=(e,l,t,d)=>{let s;switch(t){default:case"Text":"asc"===d?s=(e,t)=>e.cells[l]>t.cells[l]?1:-1:"desc"===d&&(s=(e,t)=>e.cells[l]>t.cells[l]?-1:1);break;case"Badge":"asc"===d?s=(e,t)=>{var d,s;return((null===(d=e.cells[l])||void 0===d?void 0:d.content)||"0")>((null===(s=t.cells[l])||void 0===s?void 0:s.content)||"0")?1:-1}:"desc"===d&&(s=(e,t)=>{var d,s;return((null===(d=e.cells[l])||void 0===d?void 0:d.content)||"0")>((null===(s=t.cells[l])||void 0===s?void 0:s.content)||"0")?-1:1});break;case"Link":"asc"===d?s=(e,t)=>{var d,s;return((null===(d=e.cells[l])||void 0===d?void 0:d.text)||"0")>((null===(s=t.cells[l])||void 0===s?void 0:s.text)||"0")?1:-1}:"desc"===d&&(s=(e,t)=>{var d,s;return((null===(d=e.cells[l])||void 0===d?void 0:d.text)||"0")>((null===(s=t.cells[l])||void 0===s?void 0:s.text)||"0")?-1:1});break;case"CustomText":"asc"===d?s=(e,t)=>(e.cells[l][0].text||"0")>(t.cells[l][0].text||"0")?1:-1:"desc"===d&&(s=(e,t)=>(e.cells[l][0].text||"0")>(t.cells[l][0].text||"0")?-1:1)}return e.sort(s)},n=(e,l,t)=>{if(e<=10||t)return Array.from({length:e},((e,l)=>l+1));{const t=[1,2,3];t.includes(l-1)||l-1==0||t.push(l-1),t.includes(l)||t.push(l),t.includes(l+1)||l==e||t.push(l+1),t.push(e-2,e-1,e);const d=[...new Set(t)];return d.sort(((e,l)=>e-l)),d}},a=(e,l,t)=>(t&&null!=l&&(l.allSelected?e.selected?(l.excludedIdsFromSelection=[...l.excludedIdsFromSelection,e.id],l.excludedIdsFromSelection.length===l.totalItems&&(l.excludedIdsFromSelection=[],l.allSelected=!1)):l.excludedIdsFromSelection=[...l.excludedIdsFromSelection.filter((l=>l!==e.id))]:e.selected?l.idsSelected=[...l.idsSelected.filter((l=>l!==e.id))]:(l.idsSelected=[...l.idsSelected,e.id],l.idsSelected.length===l.totalItems&&(l.idsSelected=[],l.allSelected=!0))),l),r=(e,l,t,d,s)=>(t&&null!=l&&((null==l?void 0:l.allSelected)?d?(e.filter((e=>!e.disableSelection)).filter((e=>!((null==l?void 0:l.idsSelected)||[]).includes(e.id))).forEach((e=>{null!=l&&(l.idsSelected=[...l.idsSelected,e.id])})),e.filter((e=>!e.disableSelection)).forEach((e=>{if(null!=l){const t=l.excludedIdsFromSelection.indexOf(e.id,0);t>-1&&(l.excludedIdsFromSelection.splice(t,1),l.excludedIdsFromSelection=[...l.excludedIdsFromSelection])}})),l.idsSelected.length===l.totalItems&&(l.allSelected=!0,l.idsSelected=[])):(l.excludedIdsFromSelection=[...l.excludedIdsFromSelection,...e.filter((e=>!e.disableSelection)).map((e=>e.id))],l.excludedIdsFromSelection.length===l.totalItems&&(l.allSelected=!1,l.idsSelected=[],l.excludedIdsFromSelection=[])):s?(e.filter((e=>!e.disableSelection)).filter((e=>!((null==l?void 0:l.idsSelected)||[]).includes(e.id))).forEach((e=>{null!=l&&(l.idsSelected=[...l.idsSelected,e.id])})),l.idsSelected.length===l.totalItems&&(l.allSelected=!0,l.idsSelected=[])):e.filter((e=>!e.disableSelection)).forEach((e=>{null!=l&&(l.idsSelected=[...l.idsSelected.filter((l=>l!==e.id))])}))),l),o=e=>(null!=e&&(e.excludedIdsFromSelection=[],e.idsSelected=[],e.allSelected=!1),e),u=e=>(null!=e&&(e.excludedIdsFromSelection=[],e.idsSelected=[],e.allSelected=!0),e),m=(e,l,t)=>null!=l&&null!=t&&!(!l.allSelected&&e.filter((e=>!e.disableSelection)).map((e=>e.id)).every((e=>((null==l?void 0:l.idsSelected)||[]).includes(e)))||!l.allSelected&&0===l.idsSelected.length||l.allSelected&&!e.map((e=>e.id)).some((e=>((null==l?void 0:l.excludedIdsFromSelection)||[]).includes(e)))||l.allSelected&&0===l.excludedIdsFromSelection.length);var S;!function(e){e.ENTER="Enter"}(S||(S={}));export{d as a,i as b,s as c,r as d,o as e,l as f,t as g,a as h,m as i,n as j,S as k,c as o,u as s};
|
|
2
|
+
//# sourceMappingURL=DataTableUtilities-f652653f.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DataTableUtilities-f652653f.js","sources":["../src/utilities/DataTableUtilities.ts"],"sourcesContent":[null],"names":["getFormattedCell","headerFormat","cellValue","id","customText","customTextHtml","map","item","style","text","customTextFormatter","number","Number","image","src","badge","theme","content","link","href","file","documentNameTooltip","documentName","fileFormatter","linkWithoutRedirectFormatter","branded","progressBar","labelOnLeft","value","displaypercentage","size","progressBarFormatter","button","buttonText","label","iconname","iconmode","bordered","disabled","buttonFormatterBranded","input","myInput","document","createElement","setAttribute","placeholder","type","min","max","rightalign","isvalid","isinvalid","outerHTML","inputFormatter","getCellContent","headData","bodyData","cells","cellsFormat","getDataAttribute","attributeSuffix","areAllItemsSelected","items","filter","disableSelection","selected","length","checkSubRow","result","forEach","getSortDirection","initialSortDirection","sortDirection","onePageSort","columnId","compareFunction","a","b","_a","_b","sort","getPageSelectOptionsArray","totalPages","currentPage","showAllPages","Array","from","_","i","pagesArray","includes","push","optionsArray","Set","handleCountItemSelection","selectionParams","showSelectionCount","allSelected","excludedIdsFromSelection","totalItems","itemDeselected","idsSelected","idSelected","handleCountAllSelection","indeterminate","allItems","undefined","index","indexOf","splice","clearSelection","selectAll","isHeaderSelectCheckboxIndeterminate","every","some","keyboardsKeys"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
const e=(e,l,t)=>{switch(e){case"Text":default:return l;case"CustomText":return(e=>{let l="";return e.map((e=>l+=`<div class="custom-text" ${e.style?`style="${e.style}"`:""}> ${e.text}</div>`)),l})(l);case"Number":return null!=(n=l)?`<span style="display: flex; justify-content: end;"> ${Number(n)} </span>`:"";case"Image":return`<img style="${(c=l).style||"width: 35px; height: 35px; margin-right: 8px;"}" src="${c.src||"/assets/no-picture.svg"}"/>`;case"Badge":return`<div class="mc-badge mc-badge--${(i=l).theme||"info"}">${i.content}</div>`;case"Link":return`<a class="mc-link" href=${(s=l).href} >${s.text}</a>`;case"FileFormat":return((e,l)=>`<div class="mc-tooltip mc-tooltip--top">\n <span id="tooltipTop" class="mc-tooltip__content" role="tooltip">\n ${e.documentNameTooltip}\n </span>\n <span class="mc-link" id=cell-file-${l} style="${e.style}"> ${e.documentName}</span>\n </div>`)(l,t);case"LinkWithoutRedirect":return((e,l)=>`<a class="mc-link" id=cell-link-${l} href=${e.href} onclick="return false;">${e.text}</a>`)(l,t);case"ProgressBar":return!0===l.branded?(d=l).labelOnLeft?`<div style="float: left;"><span>${d.value}%</span></div> \n <div style="margin-top: 0.4em;margin-left: 2.7em;"><m-progressbar value=${d.value} size='m' branded=${d.branded}></m-progressbar></div>`:`<m-progressbar value=${d.value} displaypercentage=${d.displaypercentage} size='${d.size}' branded=${d.branded}></m-progressbar>`:(e=>e.labelOnLeft?`<div style="float: left;"><span>${e.value}%</span></div> \n <div style="margin-top: 0.4em;margin-left: 2.7em;"><m-progressbar value=${e.value} size='m'></m-progressbar></div>`:`<m-progressbar value=${e.value} displaypercentage=${e.displaypercentage} size='${e.size}'></m-progressbar>`)(l);case"Button":return((e,l)=>{let t=`<m-button\n id=cell-button-${l}\n label="${e.label}"\n theme=${e.theme}\n iconname=${e.iconname}\n iconmode=${e.iconmode}\n size=${e.size} `;return e.bordered&&(t+=`bordered=${e.bordered} `),e.disabled&&(t+=`disabled=${e.disabled}`),t+="></m-button>",t})(l,t);case"InputText":return((e,l)=>{const t=document.createElement("m-textinput");return t.setAttribute("id",`cell-input-${l}`),t.setAttribute("size","s"),t.setAttribute("placeholder",`${e.placeholder}`),t.setAttribute("type",e.type?`${e.type}`:"text"),t.setAttribute("value",e.value?`${e.value}`:""),e.min&&t.setAttribute("min",`${e.min}`),e.max&&t.setAttribute("max",`${e.max}`),e.rightalign&&t.setAttribute("rightalign",`${e.rightalign}`),e.isvalid&&t.setAttribute("isvalid",`${e.isvalid}`),e.isinvalid&&t.setAttribute("isinvalid",`${e.isinvalid}`),e.disabled&&t.setAttribute("disabled",`${e.disabled}`),t.outerHTML})(l,t)}var d,s,i,c,n},l=(l,t)=>{const d=null==t?void 0:t.cells[l.id];return d||0===Number(d)?e(l.cellsFormat,d,t.id):""},t=(e,l)=>e?{[`data-${e||""}`]:l}:{},d=e=>e.filter((e=>!e.disableSelection)).filter((e=>!0===e.selected)).length===e.filter((e=>!e.disableSelection)).length&&e.filter((e=>!e.disableSelection)).length>0,s=e=>{let l=!1;return e.forEach((e=>{"subRow"in e&&(l=!0)})),l},i=e=>{let l;switch(e){case"na":l="desc";break;case"desc":default:l="asc";break;case"asc":l="na"}return l},c=(e,l,t,d)=>{let s;switch(t){default:case"Text":"asc"===d?s=(e,t)=>e.cells[l]>t.cells[l]?1:-1:"desc"===d&&(s=(e,t)=>e.cells[l]>t.cells[l]?-1:1);break;case"Badge":"asc"===d?s=(e,t)=>{var d,s;return((null===(d=e.cells[l])||void 0===d?void 0:d.content)||"0")>((null===(s=t.cells[l])||void 0===s?void 0:s.content)||"0")?1:-1}:"desc"===d&&(s=(e,t)=>{var d,s;return((null===(d=e.cells[l])||void 0===d?void 0:d.content)||"0")>((null===(s=t.cells[l])||void 0===s?void 0:s.content)||"0")?-1:1});break;case"Link":"asc"===d?s=(e,t)=>{var d,s;return((null===(d=e.cells[l])||void 0===d?void 0:d.text)||"0")>((null===(s=t.cells[l])||void 0===s?void 0:s.text)||"0")?1:-1}:"desc"===d&&(s=(e,t)=>{var d,s;return((null===(d=e.cells[l])||void 0===d?void 0:d.text)||"0")>((null===(s=t.cells[l])||void 0===s?void 0:s.text)||"0")?-1:1});break;case"CustomText":"asc"===d?s=(e,t)=>(e.cells[l][0].text||"0")>(t.cells[l][0].text||"0")?1:-1:"desc"===d&&(s=(e,t)=>(e.cells[l][0].text||"0")>(t.cells[l][0].text||"0")?-1:1)}return e.sort(s)},n=(e,l,t)=>{if(e<=10||t)return Array.from({length:e},((e,l)=>l+1));{const t=[1,2,3];t.includes(l-1)||l-1==0||t.push(l-1),t.includes(l)||t.push(l),t.includes(l+1)||l==e||t.push(l+1),t.push(e-2,e-1,e);const d=[...new Set(t)];return d.sort(((e,l)=>e-l)),d}},a=(e,l,t)=>(t&&null!=l&&(l.allSelected?e.selected?(l.excludedIdsFromSelection=[...l.excludedIdsFromSelection,e.id],l.excludedIdsFromSelection.length===l.totalItems&&(l.excludedIdsFromSelection=[],l.allSelected=!1)):l.excludedIdsFromSelection=[...l.excludedIdsFromSelection.filter((l=>l!==e.id))]:e.selected?l.idsSelected=[...l.idsSelected.filter((l=>l!==e.id))]:(l.idsSelected=[...l.idsSelected,e.id],l.idsSelected.length===l.totalItems&&(l.idsSelected=[],l.allSelected=!0))),l),r=(e,l,t,d,s)=>(t&&null!=l&&((null==l?void 0:l.allSelected)?d?(e.filter((e=>!e.disableSelection)).filter((e=>!((null==l?void 0:l.idsSelected)||[]).includes(e.id))).forEach((e=>{null!=l&&(l.idsSelected=[...l.idsSelected,e.id])})),e.filter((e=>!e.disableSelection)).forEach((e=>{if(null!=l){const t=l.excludedIdsFromSelection.indexOf(e.id,0);t>-1&&(l.excludedIdsFromSelection.splice(t,1),l.excludedIdsFromSelection=[...l.excludedIdsFromSelection])}})),l.idsSelected.length===l.totalItems&&(l.allSelected=!0,l.idsSelected=[])):(l.excludedIdsFromSelection=[...l.excludedIdsFromSelection,...e.filter((e=>!e.disableSelection)).map((e=>e.id))],l.excludedIdsFromSelection.length===l.totalItems&&(l.allSelected=!1,l.idsSelected=[],l.excludedIdsFromSelection=[])):s?(e.filter((e=>!e.disableSelection)).filter((e=>!((null==l?void 0:l.idsSelected)||[]).includes(e.id))).forEach((e=>{null!=l&&(l.idsSelected=[...l.idsSelected,e.id])})),l.idsSelected.length===l.totalItems&&(l.allSelected=!0,l.idsSelected=[])):e.filter((e=>!e.disableSelection)).forEach((e=>{null!=l&&(l.idsSelected=[...l.idsSelected.filter((l=>l!==e.id))])}))),l),o=e=>(null!=e&&(e.excludedIdsFromSelection=[],e.idsSelected=[],e.allSelected=!1),e),u=e=>(null!=e&&(e.excludedIdsFromSelection=[],e.idsSelected=[],e.allSelected=!0),e),m=(e,l,t)=>null!=l&&null!=t&&!(!l.allSelected&&e.filter((e=>!e.disableSelection)).map((e=>e.id)).every((e=>((null==l?void 0:l.idsSelected)||[]).includes(e)))||!l.allSelected&&0===l.idsSelected.length||l.allSelected&&!e.map((e=>e.id)).some((e=>((null==l?void 0:l.excludedIdsFromSelection)||[]).includes(e)))||l.allSelected&&0===l.excludedIdsFromSelection.length);var S;!function(e){e.ENTER="Enter"}(S||(S={}));export{d as a,i as b,s as c,r as d,o as e,l as f,t as g,a as h,m as i,n as j,S as k,c as o,u as s};
|
|
2
|
+
//# sourceMappingURL=DataTableUtilities-f652653f.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DataTableUtilities-f652653f.js","sources":["../../../src/utilities/DataTableUtilities.ts"],"sourcesContent":[null],"names":["getFormattedCell","headerFormat","cellValue","id","customText","customTextHtml","map","item","style","text","customTextFormatter","number","Number","image","src","badge","theme","content","link","href","file","documentNameTooltip","documentName","fileFormatter","linkWithoutRedirectFormatter","branded","progressBar","labelOnLeft","value","displaypercentage","size","progressBarFormatter","button","buttonText","label","iconname","iconmode","bordered","disabled","buttonFormatterBranded","input","myInput","document","createElement","setAttribute","placeholder","type","min","max","rightalign","isvalid","isinvalid","outerHTML","inputFormatter","getCellContent","headData","bodyData","cells","cellsFormat","getDataAttribute","attributeSuffix","areAllItemsSelected","items","filter","disableSelection","selected","length","checkSubRow","result","forEach","getSortDirection","initialSortDirection","sortDirection","onePageSort","columnId","compareFunction","a","b","_a","_b","sort","getPageSelectOptionsArray","totalPages","currentPage","showAllPages","Array","from","_","i","pagesArray","includes","push","optionsArray","Set","handleCountItemSelection","selectionParams","showSelectionCount","allSelected","excludedIdsFromSelection","totalItems","itemDeselected","idsSelected","idSelected","handleCountAllSelection","indeterminate","allItems","undefined","index","indexOf","splice","clearSelection","selectAll","isHeaderSelectCheckboxIndeterminate","every","some","keyboardsKeys"],"mappings":"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"}
|
package/public/adeo/bundle.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import Accordion from './components/accordion/Accordion.js';
|
|
2
2
|
import Autocomplete from './components/autocomplete/Autocomplete.js';
|
|
3
3
|
import Button from './components/button/Button.js';
|
|
4
|
+
import ButtonSlot from './components/button/ButtonSlot.js';
|
|
4
5
|
import Card from './components/card/Card.js';
|
|
5
6
|
import Breadcrumb from './components/breadcrumb/Breadcrumb.js';
|
|
6
7
|
import Checkbox from './components/checkbox/Checkbox.js';
|
|
@@ -72,6 +73,10 @@ if (!customElements.get('m-button')) {
|
|
|
72
73
|
customElements.define('m-button', Button);
|
|
73
74
|
}
|
|
74
75
|
|
|
76
|
+
if (!customElements.get('m-button-slot')) {
|
|
77
|
+
customElements.define('m-button-slot', ButtonSlot);
|
|
78
|
+
}
|
|
79
|
+
|
|
75
80
|
if (!customElements.get('m-card')) {
|
|
76
81
|
customElements.define('m-card', Card);
|
|
77
82
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{S as t,i as e,a as l,b as a,f as i,s,H as n,I as o,c as r,e as c,d,B as u,n as m,g as p,J as h,h as g,v as $,j as f,C as x,K as b,l as w,y as v,w as y,x as _,L as k,m as z,o as q,D as j,M as S,p as C,q as N,r as O,u as T,N as J,O as E,P as L,A as H,z as M,Q as R,R as Y}from"../../index-9ffad6d0.js";import{E as A}from"../../EventHandler-f7ee47ca.js";import{c as U}from"../../ClickOutside-63071e7a.js";import B from"../tag/Tag.nested.js";import D from"../loader/Loader.nested.js";import I from"../textinput/Textinput.nested.js";import K from"../listbox/Listbox.nested.js";function P(t,e,l){const a=t.slice();return a[72]=e[l],a}function Q(t,e,l){const a=t.slice();return a[72]=e[l],a[76]=l,a}function W(t){let e,l,a={id:t[1]?t[1]:`autocompleteTag-${t[32]}`,class:"mc-autocomplete__tag",label:t[31](),size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",value:"",selected:!1};return e=new B({props:a}),t[51](e),e.$on("tag-removed",t[33]),{c(){u(e.$$.fragment)},m(t,a){x(e,t,a),l=!0},p(t,l){const a={};2&l[0]&&(a.id=t[1]?t[1]:`autocompleteTag-${t[32]}`),1&l[1]&&(a.label=t[31]()),e.$set(a)},i(t){l||(v(e.$$.fragment,t),l=!0)},o(t){y(e.$$.fragment,t),l=!1},d(l){t[51](null),j(e,l)}}}function F(t){let e,l;return e=new D({props:{size:"s",theme:"primary",text:"",class:"mc-autocomplete__loader"}}),{c(){u(e.$$.fragment)},m(t,a){x(e,t,a),l=!0},i(t){l||(v(e.$$.fragment,t),l=!0)},o(t){y(e.$$.fragment,t),l=!1},d(t){j(e,t)}}}function G(t){let e,l,i;return{c(){e=c("button"),e.innerHTML='<navigation-control-tag--cross-24px></navigation-control-tag--cross-24px> \n <span class="mc-autocomplete__clear-text">Clear</span>',p(e,"class","mc-autocomplete__clear"),p(e,"type","button")},m(s,n){a(s,e,n),l||(i=w(e,"click",J(t[56])),l=!0)},p:m,d(t){t&&q(e),l=!1,i()}}}function V(t){let e,l,i=t[27],s=[];for(let e=0;e<i.length;e+=1)s[e]=et(Q(t,i,e));let n=t[19].length>t[15]&<(t);return{c(){e=c("div");for(let t=0;t<s.length;t+=1)s[t].c();l=d(),n&&n.c(),p(e,"class","tags-selected")},m(t,i){a(t,e,i);for(let t=0;t<s.length;t+=1)s[t]&&s[t].m(e,null);f(e,l),n&&n.m(e,null)},p(t,a){if(134250504&a[0]|1024&a[1]){let n;for(i=t[27],n=0;n<i.length;n+=1){const o=Q(t,i,n);s[n]?s[n].p(o,a):(s[n]=et(o),s[n].c(),s[n].m(e,l))}for(;n<s.length;n+=1)s[n].d(1);s.length=i.length}t[19].length>t[15]?n?n.p(t,a):(n=lt(t),n.c(),n.m(e,null)):n&&(n.d(1),n=null)},d(t){t&&q(e),E(s,t),n&&n.d()}}}function X(t){let e;function l(t,e){return t[3]?tt:Z}let i=l(t),s=i(t);return{c(){e=c("div"),s.c(),p(e,"class","tag-selected")},m(t,l){a(t,e,l),s.m(e,null)},p(t,a){i===(i=l(t))&&s?s.p(t,a):(s.d(1),s=i(t),s&&(s.c(),s.m(e,null)))},d(t){t&&q(e),s.d()}}}function Z(t){let e,l,i,s,n;function o(){return t[58](t[72])}return{c(){e=c("m-tag"),H(e,"id",l=t[72].id),H(e,"label",i=t[72].label),H(e,"size","s"),H(e,"type","removable")},m(t,l){a(t,e,l),s||(n=w(e,"tag-removed",o),s=!0)},p(a,s){t=a,134217728&s[0]&&l!==(l=t[72].id)&&H(e,"id",l),134217728&s[0]&&i!==(i=t[72].label)&&H(e,"label",i)},d(t){t&&q(e),s=!1,n()}}}function tt(t){let e,l,i;return{c(){e=c("m-tag"),H(e,"type","link"),H(e,"id",l=t[72].id),H(e,"label",i=t[72].label),H(e,"size","s"),H(e,"dark",!0)},m(t,l){a(t,e,l)},p(t,a){134217728&a[0]&&l!==(l=t[72].id)&&H(e,"id",l),134217728&a[0]&&i!==(i=t[72].label)&&H(e,"label",i)},d(t){t&&q(e)}}}function et(t){let e,l=t[76]<t[15]&&X(t);return{c(){l&&l.c(),e=L()},m(t,i){l&&l.m(t,i),a(t,e,i)},p(t,a){t[76]<t[15]?l?l.p(t,a):(l=X(t),l.c(),l.m(e.parentNode,e)):l&&(l.d(1),l=null)},d(t){l&&l.d(t),t&&q(e)}}}function lt(t){let e,l,i,s,n;return{c(){e=c("div"),l=c("m-tag"),H(l,"id","id-tag"),H(l,"label",i="("+t[19].length+") "+t[14]+" "),H(l,"size","s"),H(l,"type","link"),p(e,"class","tag-selected")},m(i,o){a(i,e,o),f(e,l),s||(n=w(e,"click",t[59]),s=!0)},p(t,e){540672&e[0]&&i!==(i="("+t[19].length+") "+t[14]+" ")&&H(l,"label",i)},d(t){t&&q(e),s=!1,n()}}}function at(t){let e,l,i,s,n,o,r=t[27],d=[];for(let e=0;e<r.length;e+=1)d[e]=nt(P(t,r,e));return{c(){e=c("div"),l=c("m-layer"),i=c("small"),s=c("div");for(let t=0;t<d.length;t+=1)d[t].c();p(s,"class","tags-selected"),p(i,"slot","content"),H(l,"title",t[13]),H(l,"layertitletag","h3"),H(l,"isopen",t[28])},m(r,c){a(r,e,c),f(e,l),f(l,i),f(i,s);for(let t=0;t<d.length;t+=1)d[t]&&d[t].m(s,null);n||(o=w(l,"layer-closed",t[61]),n=!0)},p(t,e){if(134217736&e[0]|1024&e[1]){let l;for(r=t[27],l=0;l<r.length;l+=1){const a=P(t,r,l);d[l]?d[l].p(a,e):(d[l]=nt(a),d[l].c(),d[l].m(s,null))}for(;l<d.length;l+=1)d[l].d(1);d.length=r.length}8192&e[0]&&H(l,"title",t[13]),268435456&e[0]&&H(l,"isopen",t[28])},d(t){t&&q(e),E(d,t),n=!1,o()}}}function it(t){let e,l,i,s,n;function o(){return t[60](t[72])}return{c(){e=c("m-tag"),H(e,"id",l=t[72].id),H(e,"label",i=t[72].label),H(e,"size","s"),H(e,"type","removable")},m(t,l){a(t,e,l),s||(n=w(e,"tag-removed",o),s=!0)},p(a,s){t=a,134217728&s[0]&&l!==(l=t[72].id)&&H(e,"id",l),134217728&s[0]&&i!==(i=t[72].label)&&H(e,"label",i)},d(t){t&&q(e),s=!1,n()}}}function st(t){let e,l,i;return{c(){e=c("m-tag"),H(e,"type","text"),H(e,"id",l=t[72].id),H(e,"label",i=t[72].label),H(e,"size","s")},m(t,l){a(t,e,l)},p(t,a){134217728&a[0]&&l!==(l=t[72].id)&&H(e,"id",l),134217728&a[0]&&i!==(i=t[72].label)&&H(e,"label",i)},d(t){t&&q(e)}}}function nt(t){let e,l;function i(t,e){return t[3]?st:it}let s=i(t),n=s(t);return{c(){e=c("div"),n.c(),l=d(),p(e,"class","tag-selected")},m(t,i){a(t,e,i),n.m(e,null),f(e,l)},p(t,a){s===(s=i(t))&&n?n.p(t,a):(n.d(1),n=s(t),n&&(n.c(),n.m(e,l)))},d(t){t&&q(e),n.d()}}}function ot(t){let e,l,i,s,C,N,O,T,J,E,L,H,R,Y,A,B,D,P,Q,X,Z,tt=t[9]&&t[19].length>0&&!t[16]&&W(t);function et(e){t[52](e)}let lt={classinput:"mc-autocomplete__trigger",name:t[6],placeholder:t[2],inputtype:"text",isinvalid:t[5],disabled:t[3],size:t[4],required:t[8],iconname:"navigation-display-search-24px",rightalign:!1,isvalid:!1,min:"",max:""};void 0!==t[29]&&(lt.value=t[29]),s=new I({props:lt}),n.push((()=>o(s,"value",et))),s.$on("input",t[38]),s.$on("click",t[53]),s.$on("change",t[54]),s.$on("blur",t[55]);let it=t[7]&&F(),st=null!=t[29]&&""!=t[29]&&!t[3]&&G(t);function nt(e){t[57](e)}let ot={items:JSON.stringify(t[30]),open:t[21],multiple:t[9],isfiltered:t[26],emptysearchlabel:t[10],maxwidth:t[0],datatextexpr:t[11],datavalueexpr:t[12],selectall:t[17],labelselectall:t[18]};void 0!==t[19]&&(ot.value=t[19]),E=new K({props:ot}),n.push((()=>o(E,"value",nt))),E.$on("change",t[35]),E.$on("scrollend",t[39]),E.$on("select-all",t[40]);let rt=t[9]&&t[16]&&V(t),ct=t[9]&&t[16]&&at(t),dt=[{class:"mc-autocomplete"},{style:P="--autocomplete-tag-width: "+t[25]+"; --autocomplete-width: "+t[0]+";"},t[22]],ut={};for(let t=0;t<dt.length;t+=1)ut=r(ut,dt[t]);return{c(){e=c("div"),l=c("div"),tt&&tt.c(),i=d(),u(s.$$.fragment),N=d(),O=c("div"),it&&it.c(),T=d(),st&&st.c(),J=d(),u(E.$$.fragment),H=d(),rt&&rt.c(),R=d(),Y=c("span"),A=d(),B=c("span"),D=d(),ct&&ct.c(),this.c=m,p(O,"class","mc-autocomplete__tools"),p(l,"class","mc-autocomplete__main"),p(Y,"class","mc-autocomplete__loader"),h(Y,"display","none"),p(B,"class","mc-text-input mc-autocomplete__trigger"),h(B,"display","none"),g(e,ut),$(e,"mc-autocomplete--multi",t[9])},m(n,o){a(n,e,o),f(e,l),tt&&tt.m(l,null),f(l,i),x(s,l,null),f(l,N),f(l,O),it&&it.m(O,null),f(O,T),st&&st.m(O,null),f(e,J),x(E,e,null),f(e,H),rt&&rt.m(e,null),f(e,R),f(e,Y),f(e,A),f(e,B),f(e,D),ct&&ct.m(e,null),t[62](e),Q=!0,X||(Z=[b(U.call(null,e)),w(e,"outclick",t[34])],X=!0)},p(t,a){t[9]&&t[19].length>0&&!t[16]?tt?(tt.p(t,a),590336&a[0]&&v(tt,1)):(tt=W(t),tt.c(),v(tt,1),tt.m(l,i)):tt&&(M(),y(tt,1,1,(()=>{tt=null})),_());const n={};64&a[0]&&(n.name=t[6]),4&a[0]&&(n.placeholder=t[2]),32&a[0]&&(n.isinvalid=t[5]),8&a[0]&&(n.disabled=t[3]),16&a[0]&&(n.size=t[4]),256&a[0]&&(n.required=t[8]),!C&&536870912&a[0]&&(C=!0,n.value=t[29],k((()=>C=!1))),s.$set(n),t[7]?it?128&a[0]&&v(it,1):(it=F(),it.c(),v(it,1),it.m(O,T)):it&&(M(),y(it,1,1,(()=>{it=null})),_()),null==t[29]||""==t[29]||t[3]?st&&(st.d(1),st=null):st?st.p(t,a):(st=G(t),st.c(),st.m(O,null));const o={};1073741824&a[0]&&(o.items=JSON.stringify(t[30])),2097152&a[0]&&(o.open=t[21]),512&a[0]&&(o.multiple=t[9]),67108864&a[0]&&(o.isfiltered=t[26]),1024&a[0]&&(o.emptysearchlabel=t[10]),1&a[0]&&(o.maxwidth=t[0]),2048&a[0]&&(o.datatextexpr=t[11]),4096&a[0]&&(o.datavalueexpr=t[12]),131072&a[0]&&(o.selectall=t[17]),262144&a[0]&&(o.labelselectall=t[18]),!L&&524288&a[0]&&(L=!0,o.value=t[19],k((()=>L=!1))),E.$set(o),t[9]&&t[16]?rt?rt.p(t,a):(rt=V(t),rt.c(),rt.m(e,R)):rt&&(rt.d(1),rt=null),t[9]&&t[16]?ct?ct.p(t,a):(ct=at(t),ct.c(),ct.m(e,null)):ct&&(ct.d(1),ct=null),g(e,ut=z(dt,[{class:"mc-autocomplete"},(!Q||33554433&a[0]&&P!==(P="--autocomplete-tag-width: "+t[25]+"; --autocomplete-width: "+t[0]+";"))&&{style:P},4194304&a[0]&&t[22]])),$(e,"mc-autocomplete--multi",t[9])},i(t){Q||(v(tt),v(s.$$.fragment,t),v(it),v(E.$$.fragment,t),Q=!0)},o(t){y(tt),y(s.$$.fragment,t),y(it),y(E.$$.fragment,t),Q=!1},d(l){l&&q(e),tt&&tt.d(),j(s),it&&it.d(),st&&st.d(),j(E),rt&&rt.d(),ct&&ct.d(),t[62](null),X=!1,S(Z)}}}function rt(t,e,l){let a,i,s,o,c,d,u;const m=["maxwidth","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","id","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"];let p,h=C(e,m),{maxwidth:g="100%"}=e,{tagid:$}=e,{taglabel:f=""}=e,{placeholder:x}=e,{filter:b=!0}=e,{nofilter:w=!1}=e,{disabled:v=!1}=e,{size:y="m"}=e,{isinvalid:_}=e,{inputvalue:k}=e,{id:z}=e,{loading:q=!1}=e,{required:j=!1}=e,{items:S}=e,{value:J}=e,{open:E=!1}=e,{multiple:L=!1}=e,{emptysearchlabel:H="No results found"}=e,{datatextexpr:M="label"}=e,{datavalueexpr:U="value"}=e,{nosort:B=!1}=e,{layertitle:D="Title layer"}=e,{showmoretagslabel:I="Show more"}=e,{maxnumbertoshowtags:K=12}=e,{alltags:P=!1}=e,{selectall:Q=!1}=e,{labelselectall:W="Select all"}=e;const F=Math.random();let G,V,X,Z=new A(N(),O()),tt="0px",et=!1,lt=[],at=null;function it(){v||(l(19,o=L?[]:""),st(),Z.dispatch("clear",!0))}function st(){l(21,d=!1),L&&!B?function(){X=i;const t=nt();X.sort(((e,l)=>{const a=t.includes(e),i=t.includes(l);return a===i?e[U]-l[U]:a<i?1:-1})),l(30,s=X)}():l(30,s=i)}function nt(t){const e=t||o;return i.filter((t=>L?e.includes(t[U]):e===t[U]))}function ot(){l(28,at=!0)}function rt(){l(28,at=null)}function ct(t){l(19,o=o.filter((e=>e!==t))),Z.dispatch("onchange",o)}return t.$$set=t=>{e=r(r({},e),T(t)),l(71,h=C(e,m)),"maxwidth"in t&&l(0,g=t.maxwidth),"tagid"in t&&l(1,$=t.tagid),"taglabel"in t&&l(42,f=t.taglabel),"placeholder"in t&&l(2,x=t.placeholder),"filter"in t&&l(43,b=t.filter),"nofilter"in t&&l(44,w=t.nofilter),"disabled"in t&&l(3,v=t.disabled),"size"in t&&l(4,y=t.size),"isinvalid"in t&&l(5,_=t.isinvalid),"inputvalue"in t&&l(45,k=t.inputvalue),"id"in t&&l(6,z=t.id),"loading"in t&&l(7,q=t.loading),"required"in t&&l(8,j=t.required),"items"in t&&l(46,S=t.items),"value"in t&&l(47,J=t.value),"open"in t&&l(48,E=t.open),"multiple"in t&&l(9,L=t.multiple),"emptysearchlabel"in t&&l(10,H=t.emptysearchlabel),"datatextexpr"in t&&l(11,M=t.datatextexpr),"datavalueexpr"in t&&l(12,U=t.datavalueexpr),"nosort"in t&&l(49,B=t.nosort),"layertitle"in t&&l(13,D=t.layertitle),"showmoretagslabel"in t&&l(14,I=t.showmoretagslabel),"maxnumbertoshowtags"in t&&l(15,K=t.maxnumbertoshowtags),"alltags"in t&&l(16,P=t.alltags),"selectall"in t&&l(17,Q=t.selectall),"labelselectall"in t&&l(18,W=t.labelselectall)},t.$$.update=()=>{if(16384&t.$$.dirty[1]&&l(29,a=k),32768&t.$$.dirty[1]&&l(20,i=S?JSON.parse(S):[]),1048576&t.$$.dirty[0]&&l(30,s=i),512&t.$$.dirty[0]|65536&t.$$.dirty[1]&&l(19,o=!J&&L?[]:J?JSON.parse(J):J),524288&t.$$.dirty[0]|2048&t.$$.dirty[1]&&l(31,c=()=>o.length.toString()+" "+f),524288&t.$$.dirty[0]&&async function(t){try{if(await R(),l(27,lt=nt(t)),L)l(50,V=t);else{const t=lt.map((t=>t[M]));l(29,a=t.join(", "))}}catch(t){console.error(t)}}(o),524288&t.$$.dirty[1]&&async function(t){var e;try{await R(),l(25,tt=G&&t&&t.length?`${null===(e=null==p?void 0:p.querySelector(".mc-tag-removable"))||void 0===e?void 0:e.clientWidth}px`:"0px")}catch(t){console.error(t)}}(V),131072&t.$$.dirty[1]&&l(21,d=E),2097152&t.$$.dirty[0]){const t=d?"open":"close";Z.dispatch(t,d)}l(22,u=Object.assign({},h)),4194304&t.$$.dirty[0]&&delete u.class},[g,$,x,v,y,_,z,q,j,L,H,M,U,D,I,K,P,Q,W,o,i,d,u,p,G,tt,et,lt,at,a,s,c,F,it,st,function(){Z.dispatch("onchange",o),L||st()},ot,rt,function(t){const e=t.target.value;!function(t){Z.dispatch("oninput",t)}(e),function(t){!w&&b&&(t.length?l(30,s=i.filter((e=>e[M].toUpperCase().includes(t.toUpperCase())))):l(30,s=i),l(26,et=!s.length),Z.dispatch("onfilter",s))}(e)},function(){Z.dispatch("scrollend",!0)},function(t){Z.dispatch("select-all",t.detail)},ct,f,b,w,k,S,J,E,B,V,function(t){n[t?"unshift":"push"]((()=>{G=t,l(24,G)}))},function(t){a=t,l(29,a),l(45,k)},()=>l(21,d=!0),function(e){Y.call(this,t,e)},function(e){Y.call(this,t,e)},()=>{l(29,a=""),l(30,s=i),l(26,et=!1),L||it()},function(t){o=t,l(19,o),l(47,J),l(9,L)},t=>ct(t.id),()=>ot(),t=>ct(t.id),()=>rt(),function(t){n[t?"unshift":"push"]((()=>{p=t,l(23,p)}))}]}class ct extends t{constructor(t){super();const n=document.createElement("style");n.textContent=".mc-autocomplete{-ms-flex-item-align:start;align-self:start;position:relative;min-width:18rem;max-width:var(--autocomplete-width, auto);width:100%}.mc-autocomplete__main{position:relative}.mc-autocomplete__tag,.mc-autocomplete__tools{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.mc-autocomplete__tag{left:2.75rem}.mc-autocomplete__trigger{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.mc-autocomplete__tools{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;right:0.75rem}.mc-autocomplete__clear{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;-webkit-transition:-webkit-box-shadow 150ms ease;transition:-webkit-box-shadow 150ms ease;-o-transition:box-shadow 150ms ease;transition:box-shadow 150ms ease;transition:box-shadow 150ms ease, -webkit-box-shadow 150ms ease;background:none;border-radius:50%}.mc-autocomplete__clear:focus{-webkit-box-shadow:0 0 0 2px #758992;box-shadow:0 0 0 2px #758992}.mc-autocomplete__clear,.mc-autocomplete__clear-icon{height:1.5rem;width:1.5rem}.mc-autocomplete__clear-icon{fill:#666666}.mc-autocomplete__clear-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-autocomplete__error{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width, 0px))}.mc-autocomplete__tag{position:absolute !important}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width)) !important}.tags-selected{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.tag-selected{margin-top:1em;margin-left:5px;margin-right:5px}",this.shadowRoot.appendChild(n),e(this,{target:this.shadowRoot,props:l(this.attributes),customElement:!0},rt,ot,s,{maxwidth:0,tagid:1,taglabel:42,placeholder:2,filter:43,nofilter:44,disabled:3,size:4,isinvalid:5,inputvalue:45,id:6,loading:7,required:8,items:46,value:47,open:48,multiple:9,emptysearchlabel:10,datatextexpr:11,datavalueexpr:12,nosort:49,layertitle:13,showmoretagslabel:14,maxnumbertoshowtags:15,alltags:16,selectall:17,labelselectall:18},null,[-1,-1,-1]),t&&(t.target&&a(t.target,this,t.anchor),t.props&&(this.$set(t.props),i()))}static get observedAttributes(){return["maxwidth","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","id","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"]}get maxwidth(){return this.$$.ctx[0]}set maxwidth(t){this.$$set({maxwidth:t}),i()}get tagid(){return this.$$.ctx[1]}set tagid(t){this.$$set({tagid:t}),i()}get taglabel(){return this.$$.ctx[42]}set taglabel(t){this.$$set({taglabel:t}),i()}get placeholder(){return this.$$.ctx[2]}set placeholder(t){this.$$set({placeholder:t}),i()}get filter(){return this.$$.ctx[43]}set filter(t){this.$$set({filter:t}),i()}get nofilter(){return this.$$.ctx[44]}set nofilter(t){this.$$set({nofilter:t}),i()}get disabled(){return this.$$.ctx[3]}set disabled(t){this.$$set({disabled:t}),i()}get size(){return this.$$.ctx[4]}set size(t){this.$$set({size:t}),i()}get isinvalid(){return this.$$.ctx[5]}set isinvalid(t){this.$$set({isinvalid:t}),i()}get inputvalue(){return this.$$.ctx[45]}set inputvalue(t){this.$$set({inputvalue:t}),i()}get id(){return this.$$.ctx[6]}set id(t){this.$$set({id:t}),i()}get loading(){return this.$$.ctx[7]}set loading(t){this.$$set({loading:t}),i()}get required(){return this.$$.ctx[8]}set required(t){this.$$set({required:t}),i()}get items(){return this.$$.ctx[46]}set items(t){this.$$set({items:t}),i()}get value(){return this.$$.ctx[47]}set value(t){this.$$set({value:t}),i()}get open(){return this.$$.ctx[48]}set open(t){this.$$set({open:t}),i()}get multiple(){return this.$$.ctx[9]}set multiple(t){this.$$set({multiple:t}),i()}get emptysearchlabel(){return this.$$.ctx[10]}set emptysearchlabel(t){this.$$set({emptysearchlabel:t}),i()}get datatextexpr(){return this.$$.ctx[11]}set datatextexpr(t){this.$$set({datatextexpr:t}),i()}get datavalueexpr(){return this.$$.ctx[12]}set datavalueexpr(t){this.$$set({datavalueexpr:t}),i()}get nosort(){return this.$$.ctx[49]}set nosort(t){this.$$set({nosort:t}),i()}get layertitle(){return this.$$.ctx[13]}set layertitle(t){this.$$set({layertitle:t}),i()}get showmoretagslabel(){return this.$$.ctx[14]}set showmoretagslabel(t){this.$$set({showmoretagslabel:t}),i()}get maxnumbertoshowtags(){return this.$$.ctx[15]}set maxnumbertoshowtags(t){this.$$set({maxnumbertoshowtags:t}),i()}get alltags(){return this.$$.ctx[16]}set alltags(t){this.$$set({alltags:t}),i()}get selectall(){return this.$$.ctx[17]}set selectall(t){this.$$set({selectall:t}),i()}get labelselectall(){return this.$$.ctx[18]}set labelselectall(t){this.$$set({labelselectall:t}),i()}}export{ct as default};
|
|
1
|
+
import{S as t,i as e,a as l,b as a,f as i,s,H as n,I as o,c as r,e as c,d,B as u,n as m,g as p,J as h,h as g,v as $,j as f,C as x,K as b,l as w,y as v,w as y,x as _,L as k,m as z,o as q,D as j,M as S,p as C,q as N,r as O,u as T,N as J,O as E,P as L,A as H,z as M,Q as R,R as Y}from"../../index-9ffad6d0.js";import{E as A}from"../../EventHandler-f7ee47ca.js";import{c as U}from"../../ClickOutside-63071e7a.js";import B from"../tag/Tag.nested.js";import D from"../loader/Loader.nested.js";import I from"../textinput/Textinput.nested.js";import K from"../listbox/Listbox.nested.js";function P(t,e,l){const a=t.slice();return a[72]=e[l],a}function Q(t,e,l){const a=t.slice();return a[72]=e[l],a[76]=l,a}function W(t){let e,l,a={id:t[1]?t[1]:`autocompleteTag-${t[32]}`,class:"mc-autocomplete__tag",label:t[31](),size:"s",type:"removable",dark:!1,disabled:!1,href:"",name:"",value:"",selected:!1};return e=new B({props:a}),t[51](e),e.$on("tag-removed",t[33]),{c(){u(e.$$.fragment)},m(t,a){x(e,t,a),l=!0},p(t,l){const a={};2&l[0]&&(a.id=t[1]?t[1]:`autocompleteTag-${t[32]}`),1&l[1]&&(a.label=t[31]()),e.$set(a)},i(t){l||(v(e.$$.fragment,t),l=!0)},o(t){y(e.$$.fragment,t),l=!1},d(l){t[51](null),j(e,l)}}}function F(t){let e,l;return e=new D({props:{size:"s",theme:"primary",text:"",class:"mc-autocomplete__loader"}}),{c(){u(e.$$.fragment)},m(t,a){x(e,t,a),l=!0},i(t){l||(v(e.$$.fragment,t),l=!0)},o(t){y(e.$$.fragment,t),l=!1},d(t){j(e,t)}}}function G(t){let e,l,i;return{c(){e=c("button"),e.innerHTML='<navigation-control-tag--cross-24px></navigation-control-tag--cross-24px> \n <span class="mc-autocomplete__clear-text">Clear</span>',p(e,"class","mc-autocomplete__clear"),p(e,"type","button")},m(s,n){a(s,e,n),l||(i=w(e,"click",J(t[56])),l=!0)},p:m,d(t){t&&q(e),l=!1,i()}}}function V(t){let e,l,i=t[27],s=[];for(let e=0;e<i.length;e+=1)s[e]=et(Q(t,i,e));let n=t[19].length>t[15]&<(t);return{c(){e=c("div");for(let t=0;t<s.length;t+=1)s[t].c();l=d(),n&&n.c(),p(e,"class","tags-selected")},m(t,i){a(t,e,i);for(let t=0;t<s.length;t+=1)s[t]&&s[t].m(e,null);f(e,l),n&&n.m(e,null)},p(t,a){if(134250504&a[0]|1024&a[1]){let n;for(i=t[27],n=0;n<i.length;n+=1){const o=Q(t,i,n);s[n]?s[n].p(o,a):(s[n]=et(o),s[n].c(),s[n].m(e,l))}for(;n<s.length;n+=1)s[n].d(1);s.length=i.length}t[19].length>t[15]?n?n.p(t,a):(n=lt(t),n.c(),n.m(e,null)):n&&(n.d(1),n=null)},d(t){t&&q(e),E(s,t),n&&n.d()}}}function X(t){let e;function l(t,e){return t[3]?tt:Z}let i=l(t),s=i(t);return{c(){e=c("div"),s.c(),p(e,"class","tag-selected")},m(t,l){a(t,e,l),s.m(e,null)},p(t,a){i===(i=l(t))&&s?s.p(t,a):(s.d(1),s=i(t),s&&(s.c(),s.m(e,null)))},d(t){t&&q(e),s.d()}}}function Z(t){let e,l,i,s,n;function o(){return t[58](t[72])}return{c(){e=c("m-tag"),H(e,"id",l=t[72].id),H(e,"label",i=t[72].label),H(e,"size","s"),H(e,"type","removable")},m(t,l){a(t,e,l),s||(n=w(e,"tag-removed",o),s=!0)},p(a,s){t=a,134217728&s[0]&&l!==(l=t[72].id)&&H(e,"id",l),134217728&s[0]&&i!==(i=t[72].label)&&H(e,"label",i)},d(t){t&&q(e),s=!1,n()}}}function tt(t){let e,l,i;return{c(){e=c("m-tag"),H(e,"type","link"),H(e,"id",l=t[72].id),H(e,"label",i=t[72].label),H(e,"size","s"),H(e,"dark",!0)},m(t,l){a(t,e,l)},p(t,a){134217728&a[0]&&l!==(l=t[72].id)&&H(e,"id",l),134217728&a[0]&&i!==(i=t[72].label)&&H(e,"label",i)},d(t){t&&q(e)}}}function et(t){let e,l=t[76]<t[15]&&X(t);return{c(){l&&l.c(),e=L()},m(t,i){l&&l.m(t,i),a(t,e,i)},p(t,a){t[76]<t[15]?l?l.p(t,a):(l=X(t),l.c(),l.m(e.parentNode,e)):l&&(l.d(1),l=null)},d(t){l&&l.d(t),t&&q(e)}}}function lt(t){let e,l,i,s,n;return{c(){e=c("div"),l=c("m-tag"),H(l,"id","id-tag"),H(l,"label",i="("+t[19].length+") "+t[14]+" "),H(l,"size","s"),H(l,"type","link"),p(e,"class","tag-selected")},m(i,o){a(i,e,o),f(e,l),s||(n=w(e,"click",t[59]),s=!0)},p(t,e){540672&e[0]&&i!==(i="("+t[19].length+") "+t[14]+" ")&&H(l,"label",i)},d(t){t&&q(e),s=!1,n()}}}function at(t){let e,l,i,s,n,o,r=t[27],d=[];for(let e=0;e<r.length;e+=1)d[e]=nt(P(t,r,e));return{c(){e=c("div"),l=c("m-layer"),i=c("small"),s=c("div");for(let t=0;t<d.length;t+=1)d[t].c();p(s,"class","tags-selected"),p(i,"slot","content"),H(l,"title",t[13]),H(l,"layertitletag","h3"),H(l,"isopen",t[28])},m(r,c){a(r,e,c),f(e,l),f(l,i),f(i,s);for(let t=0;t<d.length;t+=1)d[t]&&d[t].m(s,null);n||(o=w(l,"layer-closed",t[61]),n=!0)},p(t,e){if(134217736&e[0]|1024&e[1]){let l;for(r=t[27],l=0;l<r.length;l+=1){const a=P(t,r,l);d[l]?d[l].p(a,e):(d[l]=nt(a),d[l].c(),d[l].m(s,null))}for(;l<d.length;l+=1)d[l].d(1);d.length=r.length}8192&e[0]&&H(l,"title",t[13]),268435456&e[0]&&H(l,"isopen",t[28])},d(t){t&&q(e),E(d,t),n=!1,o()}}}function it(t){let e,l,i,s,n;function o(){return t[60](t[72])}return{c(){e=c("m-tag"),H(e,"id",l=t[72].id),H(e,"label",i=t[72].label),H(e,"size","s"),H(e,"type","removable")},m(t,l){a(t,e,l),s||(n=w(e,"tag-removed",o),s=!0)},p(a,s){t=a,134217728&s[0]&&l!==(l=t[72].id)&&H(e,"id",l),134217728&s[0]&&i!==(i=t[72].label)&&H(e,"label",i)},d(t){t&&q(e),s=!1,n()}}}function st(t){let e,l,i;return{c(){e=c("m-tag"),H(e,"type","text"),H(e,"id",l=t[72].id),H(e,"label",i=t[72].label),H(e,"size","s")},m(t,l){a(t,e,l)},p(t,a){134217728&a[0]&&l!==(l=t[72].id)&&H(e,"id",l),134217728&a[0]&&i!==(i=t[72].label)&&H(e,"label",i)},d(t){t&&q(e)}}}function nt(t){let e,l;function i(t,e){return t[3]?st:it}let s=i(t),n=s(t);return{c(){e=c("div"),n.c(),l=d(),p(e,"class","tag-selected")},m(t,i){a(t,e,i),n.m(e,null),f(e,l)},p(t,a){s===(s=i(t))&&n?n.p(t,a):(n.d(1),n=s(t),n&&(n.c(),n.m(e,l)))},d(t){t&&q(e),n.d()}}}function ot(t){let e,l,i,s,C,N,O,T,J,E,L,H,R,Y,A,B,D,P,Q,X,Z,tt=t[9]&&t[19].length>0&&!t[16]&&W(t);function et(e){t[52](e)}let lt={classinput:"mc-autocomplete__trigger",name:t[6],placeholder:t[2],inputtype:"text",isinvalid:t[5],disabled:t[3],size:t[4],required:t[8],iconname:"navigation-display-search-24px",rightalign:!1,isvalid:!1,min:"",max:""};void 0!==t[29]&&(lt.value=t[29]),s=new I({props:lt}),n.push((()=>o(s,"value",et))),s.$on("input",t[38]),s.$on("click",t[53]),s.$on("change",t[54]),s.$on("blur",t[55]);let it=t[7]&&F(),st=null!=t[29]&&""!=t[29]&&!t[3]&&G(t);function nt(e){t[57](e)}let ot={items:JSON.stringify(t[30]),open:t[21],multiple:t[9],isfiltered:t[26],emptysearchlabel:t[10],maxwidth:t[0],datatextexpr:t[11],datavalueexpr:t[12],selectall:t[17],labelselectall:t[18]};void 0!==t[19]&&(ot.value=t[19]),E=new K({props:ot}),n.push((()=>o(E,"value",nt))),E.$on("change",t[35]),E.$on("scrollend",t[39]),E.$on("select-all",t[40]);let rt=t[9]&&t[16]&&V(t),ct=t[9]&&t[16]&&at(t),dt=[{class:"mc-autocomplete"},{style:P="--autocomplete-tag-width: "+t[25]+"; --autocomplete-width: "+t[0]+";"},t[22]],ut={};for(let t=0;t<dt.length;t+=1)ut=r(ut,dt[t]);return{c(){e=c("div"),l=c("div"),tt&&tt.c(),i=d(),u(s.$$.fragment),N=d(),O=c("div"),it&&it.c(),T=d(),st&&st.c(),J=d(),u(E.$$.fragment),H=d(),rt&&rt.c(),R=d(),Y=c("span"),A=d(),B=c("span"),D=d(),ct&&ct.c(),this.c=m,p(O,"class","mc-autocomplete__tools"),p(l,"class","mc-autocomplete__main"),p(Y,"class","mc-autocomplete__loader"),h(Y,"display","none"),p(B,"class","mc-text-input mc-autocomplete__trigger"),h(B,"display","none"),g(e,ut),$(e,"mc-autocomplete--multi",t[9])},m(n,o){a(n,e,o),f(e,l),tt&&tt.m(l,null),f(l,i),x(s,l,null),f(l,N),f(l,O),it&&it.m(O,null),f(O,T),st&&st.m(O,null),f(e,J),x(E,e,null),f(e,H),rt&&rt.m(e,null),f(e,R),f(e,Y),f(e,A),f(e,B),f(e,D),ct&&ct.m(e,null),t[62](e),Q=!0,X||(Z=[b(U.call(null,e)),w(e,"outclick",t[34])],X=!0)},p(t,a){t[9]&&t[19].length>0&&!t[16]?tt?(tt.p(t,a),590336&a[0]&&v(tt,1)):(tt=W(t),tt.c(),v(tt,1),tt.m(l,i)):tt&&(M(),y(tt,1,1,(()=>{tt=null})),_());const n={};64&a[0]&&(n.name=t[6]),4&a[0]&&(n.placeholder=t[2]),32&a[0]&&(n.isinvalid=t[5]),8&a[0]&&(n.disabled=t[3]),16&a[0]&&(n.size=t[4]),256&a[0]&&(n.required=t[8]),!C&&536870912&a[0]&&(C=!0,n.value=t[29],k((()=>C=!1))),s.$set(n),t[7]?it?128&a[0]&&v(it,1):(it=F(),it.c(),v(it,1),it.m(O,T)):it&&(M(),y(it,1,1,(()=>{it=null})),_()),null==t[29]||""==t[29]||t[3]?st&&(st.d(1),st=null):st?st.p(t,a):(st=G(t),st.c(),st.m(O,null));const o={};1073741824&a[0]&&(o.items=JSON.stringify(t[30])),2097152&a[0]&&(o.open=t[21]),512&a[0]&&(o.multiple=t[9]),67108864&a[0]&&(o.isfiltered=t[26]),1024&a[0]&&(o.emptysearchlabel=t[10]),1&a[0]&&(o.maxwidth=t[0]),2048&a[0]&&(o.datatextexpr=t[11]),4096&a[0]&&(o.datavalueexpr=t[12]),131072&a[0]&&(o.selectall=t[17]),262144&a[0]&&(o.labelselectall=t[18]),!L&&524288&a[0]&&(L=!0,o.value=t[19],k((()=>L=!1))),E.$set(o),t[9]&&t[16]?rt?rt.p(t,a):(rt=V(t),rt.c(),rt.m(e,R)):rt&&(rt.d(1),rt=null),t[9]&&t[16]?ct?ct.p(t,a):(ct=at(t),ct.c(),ct.m(e,null)):ct&&(ct.d(1),ct=null),g(e,ut=z(dt,[{class:"mc-autocomplete"},(!Q||33554433&a[0]&&P!==(P="--autocomplete-tag-width: "+t[25]+"; --autocomplete-width: "+t[0]+";"))&&{style:P},4194304&a[0]&&t[22]])),$(e,"mc-autocomplete--multi",t[9])},i(t){Q||(v(tt),v(s.$$.fragment,t),v(it),v(E.$$.fragment,t),Q=!0)},o(t){y(tt),y(s.$$.fragment,t),y(it),y(E.$$.fragment,t),Q=!1},d(l){l&&q(e),tt&&tt.d(),j(s),it&&it.d(),st&&st.d(),j(E),rt&&rt.d(),ct&&ct.d(),t[62](null),X=!1,S(Z)}}}function rt(t,e,l){let a,i,s,o,c,d,u;const m=["maxwidth","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","id","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"];let p,h=C(e,m),{maxwidth:g="100%"}=e,{tagid:$}=e,{taglabel:f=""}=e,{placeholder:x}=e,{filter:b=!0}=e,{nofilter:w=!1}=e,{disabled:v=!1}=e,{size:y="m"}=e,{isinvalid:_}=e,{inputvalue:k}=e,{id:z}=e,{loading:q=!1}=e,{required:j=!1}=e,{items:S}=e,{value:J}=e,{open:E=!1}=e,{multiple:L=!1}=e,{emptysearchlabel:H="No results found"}=e,{datatextexpr:M="label"}=e,{datavalueexpr:U="value"}=e,{nosort:B=!1}=e,{layertitle:D="Title layer"}=e,{showmoretagslabel:I="Show more"}=e,{maxnumbertoshowtags:K=12}=e,{alltags:P=!1}=e,{selectall:Q=!1}=e,{labelselectall:W="Select all"}=e;const F=Math.random();let G,V,X,Z=new A(N(),O()),tt="0px",et=!1,lt=[],at=null;function it(){v||(l(19,o=L?[]:""),st(),Z.dispatch("clear",!0))}function st(){l(21,d=!1),L&&!B?function(){X=i;const t=nt();X.sort(((e,l)=>{const a=t.includes(e),i=t.includes(l);return a===i?e[U]-l[U]:a<i?1:-1})),l(30,s=X)}():l(30,s=i)}function nt(t){const e=t||o;return i.filter((t=>L?e.includes(t[U]):e===t[U]))}function ot(){l(28,at=!0)}function rt(){l(28,at=null)}function ct(t){l(19,o=o.filter((e=>e!==t))),Z.dispatch("onchange",o)}return t.$$set=t=>{e=r(r({},e),T(t)),l(71,h=C(e,m)),"maxwidth"in t&&l(0,g=t.maxwidth),"tagid"in t&&l(1,$=t.tagid),"taglabel"in t&&l(42,f=t.taglabel),"placeholder"in t&&l(2,x=t.placeholder),"filter"in t&&l(43,b=t.filter),"nofilter"in t&&l(44,w=t.nofilter),"disabled"in t&&l(3,v=t.disabled),"size"in t&&l(4,y=t.size),"isinvalid"in t&&l(5,_=t.isinvalid),"inputvalue"in t&&l(45,k=t.inputvalue),"id"in t&&l(6,z=t.id),"loading"in t&&l(7,q=t.loading),"required"in t&&l(8,j=t.required),"items"in t&&l(46,S=t.items),"value"in t&&l(47,J=t.value),"open"in t&&l(48,E=t.open),"multiple"in t&&l(9,L=t.multiple),"emptysearchlabel"in t&&l(10,H=t.emptysearchlabel),"datatextexpr"in t&&l(11,M=t.datatextexpr),"datavalueexpr"in t&&l(12,U=t.datavalueexpr),"nosort"in t&&l(49,B=t.nosort),"layertitle"in t&&l(13,D=t.layertitle),"showmoretagslabel"in t&&l(14,I=t.showmoretagslabel),"maxnumbertoshowtags"in t&&l(15,K=t.maxnumbertoshowtags),"alltags"in t&&l(16,P=t.alltags),"selectall"in t&&l(17,Q=t.selectall),"labelselectall"in t&&l(18,W=t.labelselectall)},t.$$.update=()=>{if(16384&t.$$.dirty[1]&&l(29,a=k),32768&t.$$.dirty[1]&&l(20,i=S?JSON.parse(S):[]),1048576&t.$$.dirty[0]&&l(30,s=i),512&t.$$.dirty[0]|65536&t.$$.dirty[1]&&l(19,o=!J&&L?[]:J?JSON.parse(J):J),524288&t.$$.dirty[0]|2048&t.$$.dirty[1]&&l(31,c=()=>o.length.toString()+" "+f),524288&t.$$.dirty[0]&&async function(t){try{if(await R(),l(27,lt=nt(t)),L)l(50,V=t);else{const t=lt.map((t=>t[M]));l(29,a=t.join(", "))}}catch(t){console.error(t)}}(o),524288&t.$$.dirty[1]&&async function(t){var e;try{await R(),l(25,tt=G&&t&&t.length?`${null===(e=null==p?void 0:p.querySelector(".mc-tag-removable"))||void 0===e?void 0:e.clientWidth}px`:"0px")}catch(t){console.error(t)}}(V),131072&t.$$.dirty[1]&&l(21,d=E),2097152&t.$$.dirty[0]){const t=d?"open":"close";Z.dispatch(t,d)}l(22,u=Object.assign({},h)),4194304&t.$$.dirty[0]&&delete u.class},[g,$,x,v,y,_,z,q,j,L,H,M,U,D,I,K,P,Q,W,o,i,d,u,p,G,tt,et,lt,at,a,s,c,F,it,st,function(){Z.dispatch("onchange",o),L||st()},ot,rt,function(t){const e=t.target.value;!function(t){Z.dispatch("oninput",t)}(e),function(t){!w&&b&&(t.length?l(30,s=i.filter((e=>e[M].toUpperCase().includes(t.toUpperCase())))):l(30,s=i),l(26,et=!s.length),Z.dispatch("onfilter",s))}(e)},function(){Z.dispatch("scrollend",!0)},function(t){Z.dispatch("select-all",t.detail)},ct,f,b,w,k,S,J,E,B,V,function(t){n[t?"unshift":"push"]((()=>{G=t,l(24,G)}))},function(t){a=t,l(29,a),l(45,k)},()=>l(21,d=!0),function(e){Y.call(this,t,e)},function(e){Y.call(this,t,e)},()=>{l(29,a=""),l(30,s=i),l(26,et=!1),L||it()},function(t){o=t,l(19,o),l(47,J),l(9,L)},t=>ct(t.id),()=>ot(),t=>ct(t.id),()=>rt(),function(t){n[t?"unshift":"push"]((()=>{p=t,l(23,p)}))}]}class ct extends t{constructor(t){super();const n=document.createElement("style");n.textContent=".mc-autocomplete{-ms-flex-item-align:start;align-self:start;position:relative;min-width:18rem;max-width:var(--autocomplete-width, auto);width:100%}.mc-autocomplete__main{position:relative}.mc-autocomplete__tag,.mc-autocomplete__tools{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.mc-autocomplete__tag{left:2.75rem}.mc-autocomplete__trigger{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.mc-autocomplete__tools{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;right:0.75rem}.mc-autocomplete__clear{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;-webkit-transition:-webkit-box-shadow 150ms ease;transition:-webkit-box-shadow 150ms ease;-o-transition:box-shadow 150ms ease;transition:box-shadow 150ms ease;transition:box-shadow 150ms ease, -webkit-box-shadow 150ms ease;background:none;border-radius:50%}.mc-autocomplete__clear:focus{-webkit-box-shadow:0 0 0 2px #758992;box-shadow:0 0 0 2px #758992}.mc-autocomplete__clear,.mc-autocomplete__clear-icon{height:1.5rem;width:1.5rem}.mc-autocomplete__clear-icon{fill:#666666}.mc-autocomplete__clear-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mc-autocomplete__error{font-size:0.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:0.25rem}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width, 0px))}.mc-autocomplete{min-width:auto}.mc-autocomplete__tag{position:absolute !important}.mc-autocomplete--multi .mc-autocomplete__trigger{padding-left:calc(2.9375rem + var(--autocomplete-tag-width)) !important}.tags-selected{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.tag-selected{margin-top:1em;margin-left:5px;margin-right:5px}",this.shadowRoot.appendChild(n),e(this,{target:this.shadowRoot,props:l(this.attributes),customElement:!0},rt,ot,s,{maxwidth:0,tagid:1,taglabel:42,placeholder:2,filter:43,nofilter:44,disabled:3,size:4,isinvalid:5,inputvalue:45,id:6,loading:7,required:8,items:46,value:47,open:48,multiple:9,emptysearchlabel:10,datatextexpr:11,datavalueexpr:12,nosort:49,layertitle:13,showmoretagslabel:14,maxnumbertoshowtags:15,alltags:16,selectall:17,labelselectall:18},null,[-1,-1,-1]),t&&(t.target&&a(t.target,this,t.anchor),t.props&&(this.$set(t.props),i()))}static get observedAttributes(){return["maxwidth","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","id","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall"]}get maxwidth(){return this.$$.ctx[0]}set maxwidth(t){this.$$set({maxwidth:t}),i()}get tagid(){return this.$$.ctx[1]}set tagid(t){this.$$set({tagid:t}),i()}get taglabel(){return this.$$.ctx[42]}set taglabel(t){this.$$set({taglabel:t}),i()}get placeholder(){return this.$$.ctx[2]}set placeholder(t){this.$$set({placeholder:t}),i()}get filter(){return this.$$.ctx[43]}set filter(t){this.$$set({filter:t}),i()}get nofilter(){return this.$$.ctx[44]}set nofilter(t){this.$$set({nofilter:t}),i()}get disabled(){return this.$$.ctx[3]}set disabled(t){this.$$set({disabled:t}),i()}get size(){return this.$$.ctx[4]}set size(t){this.$$set({size:t}),i()}get isinvalid(){return this.$$.ctx[5]}set isinvalid(t){this.$$set({isinvalid:t}),i()}get inputvalue(){return this.$$.ctx[45]}set inputvalue(t){this.$$set({inputvalue:t}),i()}get id(){return this.$$.ctx[6]}set id(t){this.$$set({id:t}),i()}get loading(){return this.$$.ctx[7]}set loading(t){this.$$set({loading:t}),i()}get required(){return this.$$.ctx[8]}set required(t){this.$$set({required:t}),i()}get items(){return this.$$.ctx[46]}set items(t){this.$$set({items:t}),i()}get value(){return this.$$.ctx[47]}set value(t){this.$$set({value:t}),i()}get open(){return this.$$.ctx[48]}set open(t){this.$$set({open:t}),i()}get multiple(){return this.$$.ctx[9]}set multiple(t){this.$$set({multiple:t}),i()}get emptysearchlabel(){return this.$$.ctx[10]}set emptysearchlabel(t){this.$$set({emptysearchlabel:t}),i()}get datatextexpr(){return this.$$.ctx[11]}set datatextexpr(t){this.$$set({datatextexpr:t}),i()}get datavalueexpr(){return this.$$.ctx[12]}set datavalueexpr(t){this.$$set({datavalueexpr:t}),i()}get nosort(){return this.$$.ctx[49]}set nosort(t){this.$$set({nosort:t}),i()}get layertitle(){return this.$$.ctx[13]}set layertitle(t){this.$$set({layertitle:t}),i()}get showmoretagslabel(){return this.$$.ctx[14]}set showmoretagslabel(t){this.$$set({showmoretagslabel:t}),i()}get maxnumbertoshowtags(){return this.$$.ctx[15]}set maxnumbertoshowtags(t){this.$$set({maxnumbertoshowtags:t}),i()}get alltags(){return this.$$.ctx[16]}set alltags(t){this.$$set({alltags:t}),i()}get selectall(){return this.$$.ctx[17]}set selectall(t){this.$$set({selectall:t}),i()}get labelselectall(){return this.$$.ctx[18]}set labelselectall(t){this.$$set({labelselectall:t}),i()}}export{ct as default};
|
|
2
2
|
//# sourceMappingURL=Autocomplete.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.js","sources":["../../../../src/components/autocomplete/Autocomplete.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { tick } from 'svelte';\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n import { EventHandler } from '../../utilities/EventHandler';\n import { clickOutside } from '../../utilities/ClickOutside';\n import type { ListboxItems } from '../listbox/listbox.types';\n import type { TextInputSize } from '../textinput/textinput.types';\n\n import Tag from '../tag/Tag.nested.svelte';\n import Loader from '../loader/Loader.nested.svelte';\n import TextInput from '../textinput/Textinput.nested.svelte';\n import Listbox from '../listbox/Listbox.nested.svelte';\n\n export let maxwidth = '100%';\n export let tagid: string;\n export let taglabel = '';\n export let placeholder: string;\n export let filter = true;\n export let nofilter = false;\n export let disabled = false;\n export let size: TextInputSize = 'm';\n export let isinvalid: boolean;\n export let inputvalue: string;\n export let id: string;\n export let loading = false;\n export let required = false;\n export let items: string;\n export let value: any;\n export let open = false;\n export let multiple = false;\n export let emptysearchlabel = 'No results found';\n export let datatextexpr = 'label';\n export let datavalueexpr = 'value';\n export let nosort = false;\n export let layertitle = 'Title layer';\n export let showmoretagslabel = 'Show more';\n export let maxnumbertoshowtags = 12;\n export let alltags = false;\n export let selectall = false;\n export let labelselectall = 'Select all';\n\n let component: HTMLDivElement;\n const uuid = Math.random();\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n let tag: any;\n let tagWidth = '0px';\n let tagValue: any;\n let sortedListItems: any;\n let isfiltered = false;\n let selectedItems: ListboxItems[] = [];\n let openLayer: any = null;\n\n $: localInputValue = inputvalue;\n $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];\n $: localItems = parsedItems;\n $: listboxValue = !value && multiple ? [] : value ? JSON.parse(value) : value;\n $: setTagLabel = () => {\n return listboxValue.length.toString() + ' ' + taglabel;\n };\n $: watchListboxValue(listboxValue);\n $: setTagWidth(tagValue);\n $: openState = open;\n $: {\n const eventName = openState ? 'open' : 'close';\n eventHandler.dispatch(eventName, openState);\n }\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function clearListbox() {\n if (!disabled) {\n listboxValue = multiple ? [] : '';\n closeListBox();\n eventHandler.dispatch('clear', true);\n }\n }\n\n function closeListBox() {\n openState = false;\n\n if (multiple && !nosort) {\n sortItems();\n } else {\n localItems = parsedItems;\n }\n }\n\n function onChange() {\n eventHandler.dispatch('onchange', listboxValue);\n\n if (!multiple) {\n closeListBox();\n }\n }\n\n function getSelectedItems(val?: string) {\n const value = val ? val : listboxValue;\n\n const selectedItems = parsedItems.filter((item: ListboxItems) => {\n return multiple\n ? value.includes(item[datavalueexpr])\n : value === item[datavalueexpr];\n });\n return selectedItems;\n }\n\n function sortItems() {\n sortedListItems = parsedItems;\n const selectedItems = getSelectedItems();\n\n sortedListItems.sort((a: any, b: any) => {\n const hasItemA = selectedItems.includes(a);\n const hasItemB = selectedItems.includes(b);\n\n if (hasItemA === hasItemB) {\n return a[datavalueexpr] - b[datavalueexpr];\n } else if (hasItemA < hasItemB) {\n return 1;\n } else {\n return -1;\n }\n });\n\n localItems = sortedListItems;\n }\n\n function openLayerFn() {\n openLayer = true;\n }\n\n function closeLayerFn() {\n openLayer = null;\n }\n\n function handleInputValue(value: any) {\n eventHandler.dispatch('oninput', value);\n }\n\n function filterListbox(value: any) {\n if (nofilter || !filter) {\n return;\n }\n\n if (value.length) {\n localItems = parsedItems.filter((item: any) =>\n item[datatextexpr].toUpperCase().includes(value.toUpperCase()),\n );\n } else {\n localItems = parsedItems;\n }\n\n isfiltered = !localItems.length;\n\n eventHandler.dispatch('onfilter', localItems);\n }\n\n function onInput(e: Event) {\n const value = (e.target as HTMLInputElement).value;\n handleInputValue(value);\n filterListbox(value);\n }\n\n function onScrollEnd() {\n eventHandler.dispatch('scrollend', true);\n }\n\n function onSelectAll(e: CustomEvent) {\n eventHandler.dispatch('select-all', e.detail);\n }\n\n function removeTagSelected(itemSelectedId: any) {\n listboxValue = listboxValue.filter(\n (value: any) => value !== itemSelectedId,\n );\n eventHandler.dispatch('onchange', listboxValue);\n }\n\n // Watch Functions\n async function watchListboxValue(value: any) {\n try {\n await tick();\n selectedItems = getSelectedItems(value);\n if (!multiple) {\n const seletedLabels = selectedItems.map((item) => item[datatextexpr]);\n localInputValue = seletedLabels.join(', ');\n } else {\n tagValue = value;\n }\n } catch (e) {\n console.error(e);\n }\n }\n\n async function setTagWidth(tagValue: any) {\n try {\n await tick();\n\n tagWidth =\n tag && tagValue && tagValue.length\n ? `${component?.querySelector('.mc-tag-removable')?.clientWidth}px`\n : '0px';\n } catch (e) {\n console.error(e);\n }\n }\n</script>\n\n<div\n class=\"mc-autocomplete\"\n class:mc-autocomplete--multi={multiple}\n style=\"--autocomplete-tag-width: {tagWidth}; --autocomplete-width: {maxwidth};\"\n use:clickOutside\n on:outclick={closeListBox}\n {...attributes}\n bind:this={component}\n>\n <div class=\"mc-autocomplete__main\">\n <!-- TAG REMOVABLE -->\n {#if multiple && listboxValue.length > 0 && !alltags}\n <Tag\n id={tagid ? tagid : `autocompleteTag-${uuid}`}\n class=\"mc-autocomplete__tag\"\n label={setTagLabel()}\n size=\"s\"\n type=\"removable\"\n dark={false}\n disabled={false}\n href=\"\"\n name=\"\"\n value=\"\"\n selected={false}\n bind:this={tag}\n on:tag-removed={clearListbox}\n />\n {/if}\n\n <!-- TEXT INPUT -->\n <TextInput\n classinput=\"mc-autocomplete__trigger\"\n name={id}\n bind:value={localInputValue}\n {placeholder}\n inputtype=\"text\"\n {isinvalid}\n {disabled}\n {size}\n {required}\n iconname=\"navigation-display-search-24px\"\n rightalign={false}\n isvalid={false}\n min=\"\"\n max=\"\"\n on:input={onInput}\n on:click={() => (openState = true)}\n on:change\n on:blur\n />\n\n <div class=\"mc-autocomplete__tools\">\n <!-- LOADER -->\n {#if loading}\n <Loader\n size=\"s\"\n theme=\"primary\"\n text=\"\"\n class=\"mc-autocomplete__loader\"\n />\n {/if}\n\n <!-- CLEAR BUTTON -->\n {#if localInputValue != null && localInputValue != '' && !disabled}\n <button\n class=\"mc-autocomplete__clear\"\n type=\"button\"\n on:click|stopPropagation={() => {\n localInputValue = '';\n localItems = parsedItems;\n isfiltered = false;\n if (!multiple) {\n clearListbox();\n }\n }}\n >\n <navigation-control-tag--cross-24px />\n <span class=\"mc-autocomplete__clear-text\">Clear</span>\n </button>\n {/if}\n </div>\n </div>\n\n <!-- LISTBOX -->\n <Listbox\n items={JSON.stringify(localItems)}\n open={openState}\n {multiple}\n {isfiltered}\n {emptysearchlabel}\n {maxwidth}\n {datatextexpr}\n {datavalueexpr}\n {selectall}\n {labelselectall}\n bind:value={listboxValue}\n on:change={onChange}\n on:scrollend={onScrollEnd}\n on:select-all={onSelectAll}\n />\n\n {#if multiple && alltags}\n <div class=\"tags-selected\">\n {#each selectedItems as selectedItem, index}\n {#if index < maxnumbertoshowtags}\n <div class=\"tag-selected\">\n {#if disabled}\n <m-tag\n type=\"link\"\n id={selectedItem.id}\n label={selectedItem.label}\n size=\"s\"\n dark={true}\n />\n {:else}\n <m-tag\n id={selectedItem.id}\n label={selectedItem.label}\n size=\"s\"\n type=\"removable\"\n on:tag-removed={() => removeTagSelected(selectedItem.id)}\n />\n {/if}\n </div>\n {/if}\n {/each}\n {#if listboxValue.length > maxnumbertoshowtags}\n <!-- svelte-ignore a11y-click-events-have-key-events -->\n <div class=\"tag-selected\" on:click={() => openLayerFn()}>\n <m-tag\n id=\"id-tag\"\n label=\"({listboxValue.length}) {showmoretagslabel} \"\n size=\"s\"\n type=\"link\"\n />\n </div>\n {/if}\n </div>\n {/if}\n\n <!-- <span class=\"mc-autocomplete__tag\" style=\"display:none;\" /> -->\n <span class=\"mc-autocomplete__loader\" style=\"display:none;\" />\n <span class=\"mc-text-input mc-autocomplete__trigger\" style=\"display:none;\" />\n\n {#if multiple && alltags}\n <div>\n <m-layer\n title={layertitle}\n layertitletag=\"h3\"\n isopen={openLayer}\n on:layer-closed={() => closeLayerFn()}\n >\n <small slot=\"content\">\n <div class=\"tags-selected\">\n {#each selectedItems as selectedItem}\n <div class=\"tag-selected\">\n {#if disabled}\n <m-tag\n type=\"text\"\n id={selectedItem.id}\n label={selectedItem.label}\n size=\"s\"\n />\n {:else}\n <m-tag\n id={selectedItem.id}\n label={selectedItem.label}\n size=\"s\"\n type=\"removable\"\n on:tag-removed={() => removeTagSelected(selectedItem.id)}\n />\n {/if}\n </div>\n {/each}\n </div>\n </small>\n </m-layer>\n </div>\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.autocomplete';\n\n // Autocomplete\n // NOTE: These styles with the \"!important\" allow to overload the edge effects\n // due to the scoping applied by Svelte on the CSS selectors\n .mc-autocomplete {\n &__tag {\n position: absolute !important; // due to the Svelte CSS scope\n }\n\n &--multi {\n .mc-autocomplete__trigger {\n padding-left: calc(\n 2.9375rem + var(--autocomplete-tag-width)\n ) !important;\n }\n }\n }\n\n // Selected Tags\n .tags-selected {\n display: flex;\n flex-wrap: wrap;\n }\n\n .tag-selected {\n margin-top: 1em;\n margin-left: 5px;\n margin-right: 5px;\n }\n</style>\n"],"names":["ctx","insert","target","button","anchor","length","i","create_if_block_3","div","create_if_block_5","set_custom_element_data","m_tag","m_tag_id_value","id","m_tag_label_value","label","dirty","if_block","create_if_block_4","append","div1","m_layer","small","div0","create_if_block_1","if_block0","create_if_block_8","create_if_block_7","if_block2","create_if_block_6","JSON","stringify","if_block3","create_if_block_2","if_block4","create_if_block","style","div2_style_value","div2","span0","span1","current","component","maxwidth","$$props","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall","uuid","Math","random","tag","tagValue","sortedListItems","eventHandler","EventHandler","get_current_component","createEventDispatcher","tagWidth","isfiltered","selectedItems","openLayer","clearListbox","listboxValue","closeListBox","dispatch","$$invalidate","openState","parsedItems","getSelectedItems","sort","a","b","hasItemA","includes","hasItemB","localItems","sortItems","val","item","openLayerFn","closeLayerFn","removeTagSelected","itemSelectedId","localInputValue","parse","setTagLabel","toString","async","tick","seletedLabels","map","join","e","console","error","watchListboxValue","_a","querySelector","clientWidth","setTagWidth","eventName","attributes","Object","assign","$$restProps","class","handleInputValue","toUpperCase","filterListbox","detail","$$value","value$1","selectedItem"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Autocomplete.js","sources":["../../../../src/components/autocomplete/Autocomplete.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { tick } from 'svelte';\n import {\n get_current_component,\n createEventDispatcher,\n } from 'svelte/internal';\n import { EventHandler } from '../../utilities/EventHandler';\n import { clickOutside } from '../../utilities/ClickOutside';\n import type { ListboxItems } from '../listbox/listbox.types';\n import type { TextInputSize } from '../textinput/textinput.types';\n\n import Tag from '../tag/Tag.nested.svelte';\n import Loader from '../loader/Loader.nested.svelte';\n import TextInput from '../textinput/Textinput.nested.svelte';\n import Listbox from '../listbox/Listbox.nested.svelte';\n\n export let maxwidth = '100%';\n export let tagid: string;\n export let taglabel = '';\n export let placeholder: string;\n export let filter = true;\n export let nofilter = false;\n export let disabled = false;\n export let size: TextInputSize = 'm';\n export let isinvalid: boolean;\n export let inputvalue: string;\n export let id: string;\n export let loading = false;\n export let required = false;\n export let items: string;\n export let value: any;\n export let open = false;\n export let multiple = false;\n export let emptysearchlabel = 'No results found';\n export let datatextexpr = 'label';\n export let datavalueexpr = 'value';\n export let nosort = false;\n export let layertitle = 'Title layer';\n export let showmoretagslabel = 'Show more';\n export let maxnumbertoshowtags = 12;\n export let alltags = false;\n export let selectall = false;\n export let labelselectall = 'Select all';\n\n let component: HTMLDivElement;\n const uuid = Math.random();\n let eventHandler = new EventHandler(\n get_current_component(),\n createEventDispatcher(),\n );\n let tag: any;\n let tagWidth = '0px';\n let tagValue: any;\n let sortedListItems: any;\n let isfiltered = false;\n let selectedItems: ListboxItems[] = [];\n let openLayer: any = null;\n\n $: localInputValue = inputvalue;\n $: parsedItems = items ? (JSON.parse(items) as ListboxItems[]) : [];\n $: localItems = parsedItems;\n $: listboxValue = !value && multiple ? [] : value ? JSON.parse(value) : value;\n $: setTagLabel = () => {\n return listboxValue.length.toString() + ' ' + taglabel;\n };\n $: watchListboxValue(listboxValue);\n $: setTagWidth(tagValue);\n $: openState = open;\n $: {\n const eventName = openState ? 'open' : 'close';\n eventHandler.dispatch(eventName, openState);\n }\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function clearListbox() {\n if (!disabled) {\n listboxValue = multiple ? [] : '';\n closeListBox();\n eventHandler.dispatch('clear', true);\n }\n }\n\n function closeListBox() {\n openState = false;\n\n if (multiple && !nosort) {\n sortItems();\n } else {\n localItems = parsedItems;\n }\n }\n\n function onChange() {\n eventHandler.dispatch('onchange', listboxValue);\n\n if (!multiple) {\n closeListBox();\n }\n }\n\n function getSelectedItems(val?: string) {\n const value = val ? val : listboxValue;\n\n const selectedItems = parsedItems.filter((item: ListboxItems) => {\n return multiple\n ? value.includes(item[datavalueexpr])\n : value === item[datavalueexpr];\n });\n return selectedItems;\n }\n\n function sortItems() {\n sortedListItems = parsedItems;\n const selectedItems = getSelectedItems();\n\n sortedListItems.sort((a: any, b: any) => {\n const hasItemA = selectedItems.includes(a);\n const hasItemB = selectedItems.includes(b);\n\n if (hasItemA === hasItemB) {\n return a[datavalueexpr] - b[datavalueexpr];\n } else if (hasItemA < hasItemB) {\n return 1;\n } else {\n return -1;\n }\n });\n\n localItems = sortedListItems;\n }\n\n function openLayerFn() {\n openLayer = true;\n }\n\n function closeLayerFn() {\n openLayer = null;\n }\n\n function handleInputValue(value: any) {\n eventHandler.dispatch('oninput', value);\n }\n\n function filterListbox(value: any) {\n if (nofilter || !filter) {\n return;\n }\n\n if (value.length) {\n localItems = parsedItems.filter((item: any) =>\n item[datatextexpr].toUpperCase().includes(value.toUpperCase()),\n );\n } else {\n localItems = parsedItems;\n }\n\n isfiltered = !localItems.length;\n\n eventHandler.dispatch('onfilter', localItems);\n }\n\n function onInput(e: Event) {\n const value = (e.target as HTMLInputElement).value;\n handleInputValue(value);\n filterListbox(value);\n }\n\n function onScrollEnd() {\n eventHandler.dispatch('scrollend', true);\n }\n\n function onSelectAll(e: CustomEvent) {\n eventHandler.dispatch('select-all', e.detail);\n }\n\n function removeTagSelected(itemSelectedId: any) {\n listboxValue = listboxValue.filter(\n (value: any) => value !== itemSelectedId,\n );\n eventHandler.dispatch('onchange', listboxValue);\n }\n\n // Watch Functions\n async function watchListboxValue(value: any) {\n try {\n await tick();\n selectedItems = getSelectedItems(value);\n if (!multiple) {\n const seletedLabels = selectedItems.map((item) => item[datatextexpr]);\n localInputValue = seletedLabels.join(', ');\n } else {\n tagValue = value;\n }\n } catch (e) {\n console.error(e);\n }\n }\n\n async function setTagWidth(tagValue: any) {\n try {\n await tick();\n\n tagWidth =\n tag && tagValue && tagValue.length\n ? `${component?.querySelector('.mc-tag-removable')?.clientWidth}px`\n : '0px';\n } catch (e) {\n console.error(e);\n }\n }\n</script>\n\n<div\n class=\"mc-autocomplete\"\n class:mc-autocomplete--multi={multiple}\n style=\"--autocomplete-tag-width: {tagWidth}; --autocomplete-width: {maxwidth};\"\n use:clickOutside\n on:outclick={closeListBox}\n {...attributes}\n bind:this={component}\n>\n <div class=\"mc-autocomplete__main\">\n <!-- TAG REMOVABLE -->\n {#if multiple && listboxValue.length > 0 && !alltags}\n <Tag\n id={tagid ? tagid : `autocompleteTag-${uuid}`}\n class=\"mc-autocomplete__tag\"\n label={setTagLabel()}\n size=\"s\"\n type=\"removable\"\n dark={false}\n disabled={false}\n href=\"\"\n name=\"\"\n value=\"\"\n selected={false}\n bind:this={tag}\n on:tag-removed={clearListbox}\n />\n {/if}\n\n <!-- TEXT INPUT -->\n <TextInput\n classinput=\"mc-autocomplete__trigger\"\n name={id}\n bind:value={localInputValue}\n {placeholder}\n inputtype=\"text\"\n {isinvalid}\n {disabled}\n {size}\n {required}\n iconname=\"navigation-display-search-24px\"\n rightalign={false}\n isvalid={false}\n min=\"\"\n max=\"\"\n on:input={onInput}\n on:click={() => (openState = true)}\n on:change\n on:blur\n />\n\n <div class=\"mc-autocomplete__tools\">\n <!-- LOADER -->\n {#if loading}\n <Loader\n size=\"s\"\n theme=\"primary\"\n text=\"\"\n class=\"mc-autocomplete__loader\"\n />\n {/if}\n\n <!-- CLEAR BUTTON -->\n {#if localInputValue != null && localInputValue != '' && !disabled}\n <button\n class=\"mc-autocomplete__clear\"\n type=\"button\"\n on:click|stopPropagation={() => {\n localInputValue = '';\n localItems = parsedItems;\n isfiltered = false;\n if (!multiple) {\n clearListbox();\n }\n }}\n >\n <navigation-control-tag--cross-24px />\n <span class=\"mc-autocomplete__clear-text\">Clear</span>\n </button>\n {/if}\n </div>\n </div>\n\n <!-- LISTBOX -->\n <Listbox\n items={JSON.stringify(localItems)}\n open={openState}\n {multiple}\n {isfiltered}\n {emptysearchlabel}\n {maxwidth}\n {datatextexpr}\n {datavalueexpr}\n {selectall}\n {labelselectall}\n bind:value={listboxValue}\n on:change={onChange}\n on:scrollend={onScrollEnd}\n on:select-all={onSelectAll}\n />\n\n {#if multiple && alltags}\n <div class=\"tags-selected\">\n {#each selectedItems as selectedItem, index}\n {#if index < maxnumbertoshowtags}\n <div class=\"tag-selected\">\n {#if disabled}\n <m-tag\n type=\"link\"\n id={selectedItem.id}\n label={selectedItem.label}\n size=\"s\"\n dark={true}\n />\n {:else}\n <m-tag\n id={selectedItem.id}\n label={selectedItem.label}\n size=\"s\"\n type=\"removable\"\n on:tag-removed={() => removeTagSelected(selectedItem.id)}\n />\n {/if}\n </div>\n {/if}\n {/each}\n {#if listboxValue.length > maxnumbertoshowtags}\n <!-- svelte-ignore a11y-click-events-have-key-events -->\n <div class=\"tag-selected\" on:click={() => openLayerFn()}>\n <m-tag\n id=\"id-tag\"\n label=\"({listboxValue.length}) {showmoretagslabel} \"\n size=\"s\"\n type=\"link\"\n />\n </div>\n {/if}\n </div>\n {/if}\n\n <!-- <span class=\"mc-autocomplete__tag\" style=\"display:none;\" /> -->\n <span class=\"mc-autocomplete__loader\" style=\"display:none;\" />\n <span class=\"mc-text-input mc-autocomplete__trigger\" style=\"display:none;\" />\n\n {#if multiple && alltags}\n <div>\n <m-layer\n title={layertitle}\n layertitletag=\"h3\"\n isopen={openLayer}\n on:layer-closed={() => closeLayerFn()}\n >\n <small slot=\"content\">\n <div class=\"tags-selected\">\n {#each selectedItems as selectedItem}\n <div class=\"tag-selected\">\n {#if disabled}\n <m-tag\n type=\"text\"\n id={selectedItem.id}\n label={selectedItem.label}\n size=\"s\"\n />\n {:else}\n <m-tag\n id={selectedItem.id}\n label={selectedItem.label}\n size=\"s\"\n type=\"removable\"\n on:tag-removed={() => removeTagSelected(selectedItem.id)}\n />\n {/if}\n </div>\n {/each}\n </div>\n </small>\n </m-layer>\n </div>\n {/if}\n</div>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/all-settings';\n @import '@mozaic-ds/styles/components/c.autocomplete';\n\n // Autocomplete\n // NOTE: These styles with the \"!important\" allow to overload the edge effects\n // due to the scoping applied by Svelte on the CSS selectors\n .mc-autocomplete {\n min-width: auto;\n\n &__tag {\n position: absolute !important; // due to the Svelte CSS scope\n }\n\n &--multi {\n .mc-autocomplete__trigger {\n padding-left: calc(\n 2.9375rem + var(--autocomplete-tag-width)\n ) !important;\n }\n }\n }\n\n // Selected Tags\n .tags-selected {\n display: flex;\n flex-wrap: wrap;\n }\n\n .tag-selected {\n margin-top: 1em;\n margin-left: 5px;\n margin-right: 5px;\n }\n</style>\n"],"names":["ctx","insert","target","button","anchor","length","i","create_if_block_3","div","create_if_block_5","set_custom_element_data","m_tag","m_tag_id_value","id","m_tag_label_value","label","dirty","if_block","create_if_block_4","append","div1","m_layer","small","div0","create_if_block_1","if_block0","create_if_block_8","create_if_block_7","if_block2","create_if_block_6","JSON","stringify","if_block3","create_if_block_2","if_block4","create_if_block","style","div2_style_value","div2","span0","span1","current","component","maxwidth","$$props","tagid","taglabel","placeholder","filter","nofilter","disabled","size","isinvalid","inputvalue","loading","required","items","value","open","multiple","emptysearchlabel","datatextexpr","datavalueexpr","nosort","layertitle","showmoretagslabel","maxnumbertoshowtags","alltags","selectall","labelselectall","uuid","Math","random","tag","tagValue","sortedListItems","eventHandler","EventHandler","get_current_component","createEventDispatcher","tagWidth","isfiltered","selectedItems","openLayer","clearListbox","listboxValue","closeListBox","dispatch","$$invalidate","openState","parsedItems","getSelectedItems","sort","a","b","hasItemA","includes","hasItemB","localItems","sortItems","val","item","openLayerFn","closeLayerFn","removeTagSelected","itemSelectedId","localInputValue","parse","setTagLabel","toString","async","tick","seletedLabels","map","join","e","console","error","watchListboxValue","_a","querySelector","clientWidth","setTagWidth","eventName","attributes","Object","assign","$$restProps","class","handleInputValue","toUpperCase","filterListbox","detail","$$value","value$1","selectedItem"],"mappings":"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"}
|
|
@@ -402,6 +402,8 @@
|
|
|
402
402
|
// NOTE: These styles with the "!important" allow to overload the edge effects
|
|
403
403
|
// due to the scoping applied by Svelte on the CSS selectors
|
|
404
404
|
.mc-autocomplete {
|
|
405
|
+
min-width: auto;
|
|
406
|
+
|
|
405
407
|
&__tag {
|
|
406
408
|
position: absolute !important; // due to the Svelte CSS scope
|
|
407
409
|
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{S as t,i as o,a as e,b as i,f as n,s as r,c as m,e as c,d as l,n as d,h as s,v as a,j as b,K as u,y as h,w as f,x as g,m as p,o as x,p as w,q as _,u as $,g as y,z as v,B as k,C as z,D as j,P as q}from"../../index-9ffad6d0.js";import{c as C}from"../../EventForward-24fc0272.js";import E from"../loader/Loader.nested.js";function N(t){let o,e,n,r;const m=[L,R],l=[];function d(t,o){return t[11]&&"left"===t[10]?0:1}return e=d(t),n=l[e]=m[e](t),{c(){o=c("span"),n.c(),y(o,"class","mc-button__icon")},m(t,n){i(t,o,n),l[e].m(o,null),r=!0},p(t,i){let r=e;e=d(t),e===r?l[e].p(t,i):(v(),f(l[r],1,1,(()=>{l[r]=null})),g(),n=l[e],n?n.p(t,i):(n=l[e]=m[e](t),n.c()),h(n,1),n.m(o,null))},i(t){r||(h(n),r=!0)},o(t){f(n),r=!1},d(t){t&&x(o),l[e].d()}}}function R(t){let o;return{c(){o=c("slot"),y(o,"name","icon")},m(t,e){i(t,o,e)},p:d,i:d,o:d,d(t){t&&x(o)}}}function L(t){let o,e;return o=new E({props:{size:"s",theme:t[9],text:""}}),{c(){k(o.$$.fragment)},m(t,i){z(o,t,i),e=!0},p(t,e){const i={};512&e&&(i.theme=t[9]),o.$set(i)},i(t){e||(h(o.$$.fragment,t),e=!0)},o(t){f(o.$$.fragment,t),e=!1},d(t){j(o,t)}}}function O(t){let o,e,n,r,m,d=t[11]&&"left"===t[10]&&!t[4]&&A(t),s=t[11]&&"right"===t[10]&&!t[4]&&B(t);return{c(){d&&d.c(),o=l(),e=c("span"),e.innerHTML="<slot></slot>",n=l(),s&&s.c(),r=q(),y(e,"class","mc-button__label")},m(t,c){d&&d.m(t,c),i(t,o,c),i(t,e,c),i(t,n,c),s&&s.m(t,c),i(t,r,c),m=!0},p(t,e){t[11]&&"left"===t[10]&&!t[4]?d?(d.p(t,e),3088&e&&h(d,1)):(d=A(t),d.c(),h(d,1),d.m(o.parentNode,o)):d&&(v(),f(d,1,1,(()=>{d=null})),g()),t[11]&&"right"===t[10]&&!t[4]?s?(s.p(t,e),3088&e&&h(s,1)):(s=B(t),s.c(),h(s,1),s.m(r.parentNode,r)):s&&(v(),f(s,1,1,(()=>{s=null})),g())},i(t){m||(h(d),h(s),m=!0)},o(t){f(d),f(s),m=!1},d(t){d&&d.d(t),t&&x(o),t&&x(e),t&&x(n),s&&s.d(t),t&&x(r)}}}function S(t){let o,e,n,r;const m=[F,D],l=[];function d(t,o){return t[11]?0:1}return e=d(t),n=l[e]=m[e](t),{c(){o=c("span"),n.c(),y(o,"class","mc-button__icon")},m(t,n){i(t,o,n),l[e].m(o,null),r=!0},p(t,i){let r=e;e=d(t),e===r?l[e].p(t,i):(v(),f(l[r],1,1,(()=>{l[r]=null})),g(),n=l[e],n?n.p(t,i):(n=l[e]=m[e](t),n.c()),h(n,1),n.m(o,null))},i(t){r||(h(n),r=!0)},o(t){f(n),r=!1},d(t){t&&x(o),l[e].d()}}}function A(t){let o,e,n;return e=new E({props:{size:"s",theme:t[9],text:""}}),{c(){o=c("span"),k(e.$$.fragment),y(o,"class","mc-button__icon")},m(t,r){i(t,o,r),z(e,o,null),n=!0},p(t,o){const i={};512&o&&(i.theme=t[9]),e.$set(i)},i(t){n||(h(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){t&&x(o),j(e)}}}function B(t){let o,e,n;return e=new E({props:{size:"s",theme:t[9],text:""}}),{c(){o=c("span"),k(e.$$.fragment),y(o,"class","mc-button__icon")},m(t,r){i(t,o,r),z(e,o,null),n=!0},p(t,o){const i={};512&o&&(i.theme=t[9]),e.$set(i)},i(t){n||(h(e.$$.fragment,t),n=!0)},o(t){f(e.$$.fragment,t),n=!1},d(t){t&&x(o),j(e)}}}function D(t){let o;return{c(){o=c("slot"),y(o,"name","icon")},m(t,e){i(t,o,e)},p:d,i:d,o:d,d(t){t&&x(o)}}}function F(t){let o,e;return o=new E({props:{size:"m",theme:t[9],text:""}}),{c(){k(o.$$.fragment)},m(t,i){z(o,t,i),e=!0},p(t,e){const i={};512&e&&(i.theme=t[9]),o.$set(i)},i(t){e||(h(o.$$.fragment,t),e=!0)},o(t){f(o.$$.fragment,t),e=!1},d(t){j(o,t)}}}function H(t){let o,e,n,r;const m=[K,J],l=[];function d(t,o){return t[11]&&"right"===t[10]?0:1}return e=d(t),n=l[e]=m[e](t),{c(){o=c("span"),n.c(),y(o,"class","mc-button__icon")},m(t,n){i(t,o,n),l[e].m(o,null),r=!0},p(t,i){let r=e;e=d(t),e===r?l[e].p(t,i):(v(),f(l[r],1,1,(()=>{l[r]=null})),g(),n=l[e],n?n.p(t,i):(n=l[e]=m[e](t),n.c()),h(n,1),n.m(o,null))},i(t){r||(h(n),r=!0)},o(t){f(n),r=!1},d(t){t&&x(o),l[e].d()}}}function J(t){let o;return{c(){o=c("slot"),y(o,"name","icon")},m(t,e){i(t,o,e)},p:d,i:d,o:d,d(t){t&&x(o)}}}function K(t){let o,e;return o=new E({props:{size:"s",theme:t[9],text:""}}),{c(){k(o.$$.fragment)},m(t,i){z(o,t,i),e=!0},p(t,e){const i={};512&e&&(i.theme=t[9]),o.$set(i)},i(t){e||(h(o.$$.fragment,t),e=!0)},o(t){f(o.$$.fragment,t),e=!1},d(t){j(o,t)}}}function M(t){let o,e,n,r,w,_,$,y,k,z="left"===t[4]&&N(t);const j=[S,O],q=[];function C(t,o){return"only"===t[4]?0:1}n=C(t),r=q[n]=j[n](t);let E="right"===t[4]&&H(t),R=[{type:t[6]},{class:_=t[13](t[1],t[0],t[2],t[3])+" "+t[8]},{disabled:t[5]},t[7]],L={};for(let t=0;t<R.length;t+=1)L=m(L,R[t]);return{c(){o=c("button"),z&&z.c(),e=l(),r.c(),w=l(),E&&E.c(),this.c=d,s(o,L),a(o,"mc-button--square","only"===t[4])},m(r,m){i(r,o,m),z&&z.m(o,null),b(o,e),q[n].m(o,null),b(o,w),E&&E.m(o,null),o.autofocus&&o.focus(),$=!0,y||(k=u(t[12].call(null,o)),y=!0)},p(t,[i]){"left"===t[4]?z?(z.p(t,i),16&i&&h(z,1)):(z=N(t),z.c(),h(z,1),z.m(o,e)):z&&(v(),f(z,1,1,(()=>{z=null})),g());let m=n;n=C(t),n===m?q[n].p(t,i):(v(),f(q[m],1,1,(()=>{q[m]=null})),g(),r=q[n],r?r.p(t,i):(r=q[n]=j[n](t),r.c()),h(r,1),r.m(o,w)),"right"===t[4]?E?(E.p(t,i),16&i&&h(E,1)):(E=H(t),E.c(),h(E,1),E.m(o,null)):E&&(v(),f(E,1,1,(()=>{E=null})),g()),s(o,L=p(R,[(!$||64&i)&&{type:t[6]},(!$||271&i&&_!==(_=t[13](t[1],t[0],t[2],t[3])+" "+t[8]))&&{class:_},(!$||32&i)&&{disabled:t[5]},128&i&&t[7]])),a(o,"mc-button--square","only"===t[4])},i(t){$||(h(z),h(r),h(E),$=!0)},o(t){f(z),f(r),f(E),$=!1},d(t){t&&x(o),z&&z.d(),q[n].d(),E&&E.d(),y=!1,k()}}}function P(t,o,e){let i,n,r,c,l,d;const s=["bordered","theme","size","full","iconmode","disabled","responsivesize","responsivewidth","type","loader"];let a=w(o,s);var b,u,h;let{bordered:f=!1}=o,{theme:g}=o,{size:p="m"}=o,{full:x=!1}=o,{iconmode:y}=o,{disabled:v=!1}=o,{responsivesize:k}=o,{responsivewidth:z}=o,{type:j="button"}=o,{loader:q}=o;const E=C(_());return t.$$set=t=>{e(22,o=m(m({},o),$(t))),e(21,a=w(o,s)),"bordered"in t&&e(0,f=t.bordered),"theme"in t&&e(1,g=t.theme),"size"in t&&e(2,p=t.size),"full"in t&&e(3,x=t.full),"iconmode"in t&&e(4,y=t.iconmode),"disabled"in t&&e(5,v=t.disabled),"responsivesize"in t&&e(14,k=t.responsivesize),"responsivewidth"in t&&e(15,z=t.responsivewidth),"type"in t&&e(6,j=t.type),"loader"in t&&e(16,q=t.loader)},t.$$.update=()=>{65536&t.$$.dirty&&e(20,i=q?JSON.parse(q):void 0),1179648&t.$$.dirty&&e(11,n=null!==e(17,b=null==i?void 0:i.enabled)&&void 0!==b&&b),1310720&t.$$.dirty&&e(10,r=null!==e(18,u=null==i?void 0:i.position)&&void 0!==u?u:"left"),1572864&t.$$.dirty&&e(9,c=null!==e(19,h=null==i?void 0:i.theme)&&void 0!==h?h:"primary"),e(8,l=o.class),e(7,d=Object.assign({},a)),128&t.$$.dirty&&delete d.class},o=$(o),[f,g,p,x,y,v,j,d,l,c,r,n,E,function(t,o,e,i){const n=["mc-button"],r=function(t,o){if(!o&&!t)return"";const e=o?"bordered":"solid";return t?`mc-button--${e}-${t}`:`mc-button--${e}`}(t,o);return r&&n.push(r),e&&n.push(`mc-button--${e}`),i?n.push("mc-button--full"):n.push("mc-button--fit"),"only"===y&&n.push("mc-button--square"),k&&n.push(`mc-button--${k}`),z&&n.push(`mc-button--${z}`),n.join(" ")},k,z,q,b,u,h,i]}class T extends t{constructor(t){super();const m=document.createElement("style");m.textContent='.mc-button{margin:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;color:#ffffff;background-color:#007f8c;font-family:"Roboto", sans-serif;font-weight:700;font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;-webkit-transition:all ease 200ms;-o-transition:all ease 200ms;transition:all ease 200ms;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;fill:currentColor}.mc-button.is-hover,.mc-button:hover{background-color:#006974;color:#ffffff}.mc-button.is-active,.mc-button:active{background-color:#006974}.mc-button:disabled,.mc-button.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button .mc-button__icon:first-child,.mc-button .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button.is-focus,.mc-button:focus{-webkit-box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992}.mc-button--s{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s .mc-button__icon:first-child,.mc-button--s .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:first-child,.mc-button--m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:first-child,.mc-button--l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:0;padding:0}.mc-button__icon{-ms-flex-negative:0;flex-shrink:0}.mc-button__icon:last-child{margin-left:0.5rem;margin-right:-0.25rem}.mc-button__icon:first-child{margin-right:0.5rem;margin-left:-0.25rem}.mc-button__icon:only-child{margin:0}.mc-button__label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:none}.mc-button--solid-primary-02{background-color:#6a7081}.mc-button--solid-primary-02.is-hover,.mc-button--solid-primary-02:hover{background-color:#242938}.mc-button--solid-primary-02.is-active,.mc-button--solid-primary-02:active{background-color:#171b26}.mc-button--solid-primary-02:disabled,.mc-button--solid-primary-02.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-neutral{background-color:#333333}.mc-button--solid-neutral.is-hover,.mc-button--solid-neutral:hover{background-color:#191919}.mc-button--solid-neutral.is-active,.mc-button--solid-neutral:active{background-color:#333333}.mc-button--solid-neutral:disabled,.mc-button--solid-neutral.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--solid-danger{background-color:#c61112}.mc-button--solid-danger.is-hover,.mc-button--solid-danger:hover{background-color:#8c0003}.mc-button--solid-danger.is-active,.mc-button--solid-danger:active{background-color:#8c0003}.mc-button--solid-danger:disabled,.mc-button--solid-danger.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered{color:#007f8c;border-color:#007f8c;background-color:#ffffff}.mc-button--bordered.is-hover,.mc-button--bordered:hover{background-color:#d9f0f3;color:#006974}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#91d5db;color:#004e57}.mc-button--bordered.is-active,.mc-button--bordered:active{background-color:#91d5db;color:#004e57}.mc-button--bordered:disabled,.mc-button--bordered.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-primary-02{color:#6a7081;border-color:#6a7081;background-color:#ffffff}.mc-button--bordered-primary-02.is-hover,.mc-button--bordered-primary-02:hover{background-color:#eeeff1;color:#6a7081}.mc-button--bordered-primary-02.is-active,.mc-button--bordered-primary-02:active{background-color:#cfd2d8}.mc-button--bordered-primary-02:disabled,.mc-button--bordered-primary-02.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-neutral{color:#333333;border-color:#333333;background-color:#ffffff}.mc-button--bordered-neutral.is-hover,.mc-button--bordered-neutral:hover{background-color:#e6e6e6;color:#333333}.mc-button--bordered-neutral.is-active,.mc-button--bordered-neutral:active{background-color:#cccccc}.mc-button--bordered-neutral:disabled,.mc-button--bordered-neutral.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}.mc-button--bordered-danger{color:#c61112;border-color:#c61112;background-color:#ffffff}.mc-button--bordered-danger.is-hover,.mc-button--bordered-danger:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger.is-active,.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:disabled,.mc-button--bordered-danger.is-disabled{background-color:#cccccc;border-color:transparent;color:#666666;cursor:not-allowed}@media screen and (min-width: 680px){.mc-button--s\\@from-m{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-m .mc-button__icon:first-child,.mc-button--s\\@from-m .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-m{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-m .mc-button__icon:first-child,.mc-button--m\\@from-m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-m{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-m .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-m .mc-button__icon:first-child,.mc-button--l\\@from-m .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-m{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-m{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-m{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1024px){.mc-button--s\\@from-l{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-l .mc-button__icon:first-child,.mc-button--s\\@from-l .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-l{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-l .mc-button__icon:first-child,.mc-button--m\\@from-l .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-l{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-l .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-l .mc-button__icon:first-child,.mc-button--l\\@from-l .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-l{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-l{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-l{width:-webkit-fill-available;width:-moz-available;width:stretch}}.mc-button--square{padding:0}}@media screen and (min-width: 1280px){.mc-button--s\\@from-xl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xl .mc-button__icon:first-child,.mc-button--s\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl .mc-button__icon:first-child,.mc-button--m\\@from-xl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xl .mc-button__icon:first-child,.mc-button--l\\@from-xl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1920px){.mc-button--s\\@from-xxl{font-size:0.875rem;line-height:1.2857142857;padding:0.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xxl .mc-button__icon:first-child,.mc-button--s\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.1875rem;margin-top:-0.1875rem}.mc-button--s\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl{font-size:1rem;line-height:1.375;padding:0.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl .mc-button__icon:first-child,.mc-button--m\\@from-xxl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--l\\@from-xxl{font-size:1.125rem;line-height:1.3333333333;padding:0.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xxl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xxl .mc-button__icon:first-child,.mc-button--l\\@from-xxl .mc-button__icon:last-child{margin-bottom:-0.25rem;margin-top:-0.25rem}.mc-button--l\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button--fit\\@from-xxl{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.mc-button--full\\@from-xxl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}@supports (width: -webkit-fill-available) or (width: -moz-available) or (width: stretch){.mc-button--full\\@from-xxl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}.mc-button__icon{pointer-events:none}',this.shadowRoot.appendChild(m),o(this,{target:this.shadowRoot,props:e(this.attributes),customElement:!0},P,M,r,{bordered:0,theme:1,size:2,full:3,iconmode:4,disabled:5,responsivesize:14,responsivewidth:15,type:6,loader:16},null),t&&(t.target&&i(t.target,this,t.anchor),t.props&&(this.$set(t.props),n()))}static get observedAttributes(){return["bordered","theme","size","full","iconmode","disabled","responsivesize","responsivewidth","type","loader"]}get bordered(){return this.$$.ctx[0]}set bordered(t){this.$$set({bordered:t}),n()}get theme(){return this.$$.ctx[1]}set theme(t){this.$$set({theme:t}),n()}get size(){return this.$$.ctx[2]}set size(t){this.$$set({size:t}),n()}get full(){return this.$$.ctx[3]}set full(t){this.$$set({full:t}),n()}get iconmode(){return this.$$.ctx[4]}set iconmode(t){this.$$set({iconmode:t}),n()}get disabled(){return this.$$.ctx[5]}set disabled(t){this.$$set({disabled:t}),n()}get responsivesize(){return this.$$.ctx[14]}set responsivesize(t){this.$$set({responsivesize:t}),n()}get responsivewidth(){return this.$$.ctx[15]}set responsivewidth(t){this.$$set({responsivewidth:t}),n()}get type(){return this.$$.ctx[6]}set type(t){this.$$set({type:t}),n()}get loader(){return this.$$.ctx[16]}set loader(t){this.$$set({loader:t}),n()}}export{T as default};
|
|
2
|
+
//# sourceMappingURL=ButtonSlot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonSlot.js","sources":["../../../../src/components/button/ButtonSlot.svelte"],"sourcesContent":["<svelte:options tag={null} />\n\n<script lang=\"ts\">\n import { get_current_component } from 'svelte/internal';\n import { createEventForwarder } from '../../utilities/EventForward';\n import Loader from '../loader/Loader.nested.svelte';\n import type {\n ButtonIconMode,\n ButtonSize,\n ButtonTheme,\n ButtonResponsiveSize,\n ButtonResponsiveWidth,\n ButtonType,\n ButtonLoader,\n } from './button.types';\n\n export let bordered = false;\n export let theme: ButtonTheme | undefined = undefined;\n export let size: ButtonSize = 'm';\n export let full = false;\n export let iconmode: ButtonIconMode | undefined;\n export let disabled = false;\n export let responsivesize: ButtonResponsiveSize = undefined;\n export let responsivewidth: ButtonResponsiveWidth = undefined;\n export let type: ButtonType = 'button';\n export let loader: string;\n\n const forwardEvents = createEventForwarder(get_current_component());\n\n $: loaderOpts = loader ? (JSON.parse(loader) as ButtonLoader) : undefined;\n $: isLoading = loaderOpts?.enabled ?? false;\n $: loaderPosition = loaderOpts?.position ?? 'left';\n $: loaderTheme = loaderOpts?.theme ?? 'primary';\n $: userClass = $$props.class;\n $: attributes = { ...$$restProps };\n $: delete attributes.class;\n\n function getAppearanceClass(theme: ButtonTheme, isBordered: boolean): string {\n if (!isBordered && !theme) {\n return '';\n }\n\n const type = isBordered ? 'bordered' : 'solid';\n\n if (theme) {\n return `mc-button--${type}-${theme}`;\n }\n return `mc-button--${type}`;\n }\n\n function getClasses(\n theme: ButtonTheme,\n isBordered: boolean,\n size: ButtonSize,\n isFull: boolean,\n ): string {\n const classes = ['mc-button'];\n\n const appearanceClass = getAppearanceClass(theme, isBordered);\n if (appearanceClass) {\n classes.push(appearanceClass);\n }\n\n if (size) {\n classes.push(`mc-button--${size}`);\n }\n\n if (isFull) {\n classes.push(`mc-button--full`);\n } else {\n classes.push(`mc-button--fit`);\n }\n\n if (iconmode === 'only') {\n classes.push('mc-button--square');\n }\n\n if (responsivesize) {\n classes.push(`mc-button--${responsivesize}`);\n }\n\n if (responsivewidth) {\n classes.push(`mc-button--${responsivewidth}`);\n }\n\n return classes.join(' ');\n }\n</script>\n\n<button\n use:forwardEvents\n {type}\n class=\"{getClasses(theme, bordered, size, full)} {userClass}\"\n class:mc-button--square={iconmode === 'only'}\n {disabled}\n {...attributes}\n>\n {#if iconmode === 'left'}\n <span class=\"mc-button__icon\">\n {#if isLoading && loaderPosition === 'left'}\n <Loader size=\"s\" theme={loaderTheme} text=\"\" />\n {:else}\n <slot name=\"icon\" />\n {/if}\n </span>\n {/if}\n\n {#if iconmode === 'only'}\n <span class=\"mc-button__icon\">\n {#if isLoading}\n <Loader size=\"m\" theme={loaderTheme} text=\"\" />\n {:else}\n <slot name=\"icon\" />\n {/if}\n </span>\n {:else}\n {#if isLoading && loaderPosition === 'left' && !iconmode}\n <span class=\"mc-button__icon\">\n <Loader size=\"s\" theme={loaderTheme} text=\"\" />\n </span>\n {/if}\n <span class=\"mc-button__label\"><slot/></span>\n {#if isLoading && loaderPosition === 'right' && !iconmode}\n <span class=\"mc-button__icon\">\n <Loader size=\"s\" theme={loaderTheme} text=\"\" />\n </span>\n {/if}\n {/if}\n\n {#if iconmode === 'right'}\n <span class=\"mc-button__icon\">\n {#if isLoading && loaderPosition === 'right'}\n <Loader size=\"s\" theme={loaderTheme} text=\"\" />\n {:else}\n <slot name=\"icon\" />\n {/if}\n </span>\n {/if}\n</button>\n\n<style lang=\"scss\">\n @import '@mozaic-ds/styles/settings-tools/_all-settings';\n @import '@mozaic-ds/styles/components/c.button';\n\n .mc-button__icon {\n pointer-events: none;\n }\n</style>\n"],"names":["ctx","insert","target","span","anchor","slot","if_block0","create_if_block_5","if_block1","create_if_block_4","create_if_block_6","if_block2","create_if_block","toggle_class","button","class","button_class_value","_a","_b","_c","bordered","$$props","theme","size","full","iconmode","disabled","responsivesize","responsivewidth","type","loader","forwardEvents","createEventForwarder","get_current_component","$$invalidate","loaderOpts","JSON","parse","undefined","isLoading","enabled","loaderPosition","position","loaderTheme","userClass","attributes","Object","assign","$$restProps","isBordered","isFull","classes","appearanceClass","getAppearanceClass","push","join"],"mappings":"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"}
|
|
@@ -0,0 +1,148 @@
|
|
|
1
|
+
<svelte:options tag={null} />
|
|
2
|
+
|
|
3
|
+
<script lang="ts">
|
|
4
|
+
import { get_current_component } from 'svelte/internal';
|
|
5
|
+
import { createEventForwarder } from '../../utilities/EventForward';
|
|
6
|
+
import Loader from '../loader/Loader.nested.svelte';
|
|
7
|
+
import type {
|
|
8
|
+
ButtonIconMode,
|
|
9
|
+
ButtonSize,
|
|
10
|
+
ButtonTheme,
|
|
11
|
+
ButtonResponsiveSize,
|
|
12
|
+
ButtonResponsiveWidth,
|
|
13
|
+
ButtonType,
|
|
14
|
+
ButtonLoader,
|
|
15
|
+
} from './button.types';
|
|
16
|
+
|
|
17
|
+
export let bordered = false;
|
|
18
|
+
export let theme: ButtonTheme | undefined = undefined;
|
|
19
|
+
export let size: ButtonSize = 'm';
|
|
20
|
+
export let full = false;
|
|
21
|
+
export let iconmode: ButtonIconMode | undefined;
|
|
22
|
+
export let disabled = false;
|
|
23
|
+
export let responsivesize: ButtonResponsiveSize = undefined;
|
|
24
|
+
export let responsivewidth: ButtonResponsiveWidth = undefined;
|
|
25
|
+
export let type: ButtonType = 'button';
|
|
26
|
+
export let loader: string;
|
|
27
|
+
|
|
28
|
+
const forwardEvents = createEventForwarder(get_current_component());
|
|
29
|
+
|
|
30
|
+
$: loaderOpts = loader ? (JSON.parse(loader) as ButtonLoader) : undefined;
|
|
31
|
+
$: isLoading = loaderOpts?.enabled ?? false;
|
|
32
|
+
$: loaderPosition = loaderOpts?.position ?? 'left';
|
|
33
|
+
$: loaderTheme = loaderOpts?.theme ?? 'primary';
|
|
34
|
+
$: userClass = $$props.class;
|
|
35
|
+
$: attributes = { ...$$restProps };
|
|
36
|
+
$: delete attributes.class;
|
|
37
|
+
|
|
38
|
+
function getAppearanceClass(theme: ButtonTheme, isBordered: boolean): string {
|
|
39
|
+
if (!isBordered && !theme) {
|
|
40
|
+
return '';
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
const type = isBordered ? 'bordered' : 'solid';
|
|
44
|
+
|
|
45
|
+
if (theme) {
|
|
46
|
+
return `mc-button--${type}-${theme}`;
|
|
47
|
+
}
|
|
48
|
+
return `mc-button--${type}`;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
function getClasses(
|
|
52
|
+
theme: ButtonTheme,
|
|
53
|
+
isBordered: boolean,
|
|
54
|
+
size: ButtonSize,
|
|
55
|
+
isFull: boolean,
|
|
56
|
+
): string {
|
|
57
|
+
const classes = ['mc-button'];
|
|
58
|
+
|
|
59
|
+
const appearanceClass = getAppearanceClass(theme, isBordered);
|
|
60
|
+
if (appearanceClass) {
|
|
61
|
+
classes.push(appearanceClass);
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
if (size) {
|
|
65
|
+
classes.push(`mc-button--${size}`);
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
if (isFull) {
|
|
69
|
+
classes.push(`mc-button--full`);
|
|
70
|
+
} else {
|
|
71
|
+
classes.push(`mc-button--fit`);
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
if (iconmode === 'only') {
|
|
75
|
+
classes.push('mc-button--square');
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
if (responsivesize) {
|
|
79
|
+
classes.push(`mc-button--${responsivesize}`);
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
if (responsivewidth) {
|
|
83
|
+
classes.push(`mc-button--${responsivewidth}`);
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
return classes.join(' ');
|
|
87
|
+
}
|
|
88
|
+
</script>
|
|
89
|
+
|
|
90
|
+
<button
|
|
91
|
+
use:forwardEvents
|
|
92
|
+
{type}
|
|
93
|
+
class="{getClasses(theme, bordered, size, full)} {userClass}"
|
|
94
|
+
class:mc-button--square={iconmode === 'only'}
|
|
95
|
+
{disabled}
|
|
96
|
+
{...attributes}
|
|
97
|
+
>
|
|
98
|
+
{#if iconmode === 'left'}
|
|
99
|
+
<span class="mc-button__icon">
|
|
100
|
+
{#if isLoading && loaderPosition === 'left'}
|
|
101
|
+
<Loader size="s" theme={loaderTheme} text="" />
|
|
102
|
+
{:else}
|
|
103
|
+
<slot name="icon" />
|
|
104
|
+
{/if}
|
|
105
|
+
</span>
|
|
106
|
+
{/if}
|
|
107
|
+
|
|
108
|
+
{#if iconmode === 'only'}
|
|
109
|
+
<span class="mc-button__icon">
|
|
110
|
+
{#if isLoading}
|
|
111
|
+
<Loader size="m" theme={loaderTheme} text="" />
|
|
112
|
+
{:else}
|
|
113
|
+
<slot name="icon" />
|
|
114
|
+
{/if}
|
|
115
|
+
</span>
|
|
116
|
+
{:else}
|
|
117
|
+
{#if isLoading && loaderPosition === 'left' && !iconmode}
|
|
118
|
+
<span class="mc-button__icon">
|
|
119
|
+
<Loader size="s" theme={loaderTheme} text="" />
|
|
120
|
+
</span>
|
|
121
|
+
{/if}
|
|
122
|
+
<span class="mc-button__label"><slot/></span>
|
|
123
|
+
{#if isLoading && loaderPosition === 'right' && !iconmode}
|
|
124
|
+
<span class="mc-button__icon">
|
|
125
|
+
<Loader size="s" theme={loaderTheme} text="" />
|
|
126
|
+
</span>
|
|
127
|
+
{/if}
|
|
128
|
+
{/if}
|
|
129
|
+
|
|
130
|
+
{#if iconmode === 'right'}
|
|
131
|
+
<span class="mc-button__icon">
|
|
132
|
+
{#if isLoading && loaderPosition === 'right'}
|
|
133
|
+
<Loader size="s" theme={loaderTheme} text="" />
|
|
134
|
+
{:else}
|
|
135
|
+
<slot name="icon" />
|
|
136
|
+
{/if}
|
|
137
|
+
</span>
|
|
138
|
+
{/if}
|
|
139
|
+
</button>
|
|
140
|
+
|
|
141
|
+
<style lang="scss">
|
|
142
|
+
@import '@mozaic-ds/styles/settings-tools/_all-settings';
|
|
143
|
+
@import '@mozaic-ds/styles/components/c.button';
|
|
144
|
+
|
|
145
|
+
.mc-button__icon {
|
|
146
|
+
pointer-events: none;
|
|
147
|
+
}
|
|
148
|
+
</style>
|