@getflip/swirl-components 0.455.0 → 0.456.0

package/dist/components/swirl-table.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as i,Host as a,transformTag as r}from"@stencil/core/internal/client";import{g as o,c as l}from"./index2.js";import{S as n}from"./sortable.esm.js";import{d as h,i as c,q as d}from"./utils.js";import{d as b}from"./swirl-text2.js";import{d as w}from"./swirl-visually-hidden2.js";var u,p,f=o((p||(p=1,u=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=void 0,a=void 0,r=void 0,o=[];return function(){var n=function(t){return"function"==typeof t?t():t}(e),h=(new Date).getTime(),c=!i||h-i>n;i=h;for(var d=arguments.length,b=Array(d),w=0;w<d;w++)b[w]=arguments[w];if(c&&s.leading)return s.accumulate?Promise.resolve(t.call(this,[b])).then((function(t){return t[0]})):Promise.resolve(t.call.apply(t,[this].concat(b)));if(a?clearTimeout(r):a=function(){var t={};return t.promise=new Promise((function(e,s){t.resolve=e,t.reject=s})),t}(),o.push(b),r=setTimeout(l.bind(this),n),s.accumulate){var u=o.length-1;return a.promise.then((function(t){return t[u]}))}return a.promise};function l(){var e=a;clearTimeout(r),Promise.resolve(s.accumulate?t.call(this,o):t.apply(this,o[o.length-1])).then(e.resolve,e.reject),o=[],a=null}}),u));const m={end:"Dropped. Final position in table: {position} of {rowCount}.",initial:"Press space to move the row.",moved:"Current position in table: {position} of {rowCount}.",start:"Row grabbed. Current position in table: {position} of {rowCount}. Press up and down arrow keys to change position, Space to drop."},y=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.dropRow=s(this,"dropRow",7),this.dragDropInstructions=m,this.emptyStateLabel="No results found.",this.liveRegionText="",this.triggerRerender=h((async()=>{await this.updateLayout(),this.updateEmptyState()}),0,!0),this.updateLayout=f((async()=>{this.resetCellStyles(),this.resetColumnStyles(),this.resetEmptyRowStyles(),this.resetRowGroupStyles(),this.layoutEmptyRow(),this.layoutRowGroups(),this.layOutCellsAndColumns(),this.updateScrolledState()}),16,{leading:!0}),this.onScroll=()=>{this.updateScrolledState()},this.onFocus=t=>{if(this.movingViaKeyboard){const t=this.el.querySelector(".table-row--moving");t&&this.focusDragHandleOfRow(t)}const e=!!t.target?.closest(this.dragDropHandle);""===this.liveRegionText&&e&&this.updateLiveRegionText("initial")},this.onBlur=t=>{const e=t.relatedTarget,s=!!e?.closest(this.dragDropHandle);this.el.contains(e)&&s||""!==this.liveRegionText&&this.updateLiveRegionText()},this.onKeyDown=t=>{if(!this.enableDragDrop)return;const e=t.target?.closest("swirl-table-row");t.target?.closest(this.dragDropHandle)&&("Space"===t.code?(t.preventDefault(),t.stopPropagation(),this.toggleKeyboardMove(e)):"ArrowUp"===t.code?(t.preventDefault(),t.stopPropagation(),this.moveRow(e,"up")):"ArrowDown"===t.code?(t.preventDefault(),t.stopPropagation(),this.moveRow(e,"down")):"Escape"===t.code&&(t.preventDefault(),t.stopPropagation(),this.cancelKeyboardMove()))}}async componentDidLoad(){this.setupIntersectionObserver(),this.setupMutationObservers(),queueMicrotask((()=>{this.setupDragDrop()}))}disconnectedCallback(){this.intersectionObserver?.disconnect(),this.columnMutationObserver?.disconnect(),this.rowMutationObserver?.disconnect(),this.sortable?.destroy()}handleEnableDragDropChange(){queueMicrotask((()=>{this.setupDragDrop()}))}setupIntersectionObserver(){this.intersectionObserver=new IntersectionObserver(this.onVisibilityChange.bind(this),{threshold:0}),this.intersectionObserver.observe(this.container)}setupMutationObservers(){this.columnMutationObserver=new MutationObserver((t=>{t.some((t=>t.addedNodes.length||t.removedNodes.length))&&this.updateLayout()})),this.columnMutationObserver.observe(this.headerEl,{childList:!0,subtree:!0}),this.rowMutationObserver=new MutationObserver((t=>{t.some((t=>t.addedNodes.length||t.removedNodes.length))&&(this.updateEmptyState(),this.setupDragDrop())})),this.startRowMutationObserver()}startRowMutationObserver(){this.rowMutationObserver?.observe(this.bodyEl,{childList:!0,subtree:!0})}stopRowMutationObserver(){this.rowMutationObserver?.disconnect()}setupDragDrop(){if(this.sortable&&(this.sortable.destroy(),this.sortable=void 0),this.enableDragDrop){if(this.el.querySelector("swirl-table-row-group"))return void console.warn('[Swirl] Drag & drop is not yet supported for swirl-tables using the "swirl-table-row-group" component.');if(!this.dragDropHandle)return void console.warn('[Swirl] swirl-table required the "dragDropHandle" prop to be set when drag & drop is enabled.');const t=this.el.querySelector('[slot="rows"]');this.dragDropContainer="SWIRL-TABLE-ROW"!==t?.tagName?t??this.bodyEl:this.bodyEl,this.sortable=new n(this.dragDropContainer,{animation:100,direction:"vertical",handle:this.dragDropHandle,fallbackOnBody:!0,group:"swirl-table-"+(""+Math.random()).substring(2),onStart:()=>{this.stopRowMutationObserver()},onEnd:t=>{t.stopPropagation();const{to:e,newIndex:s,oldIndex:i,item:a}=t;this.dropRow.emit({newIndex:s,oldIndex:i,item:a,itemId:a.id??a.querySelector(":scope > swirl-table-row").id,newNextSiblingItemId:s<e.children.length-1?e.children[s+1].id:void 0,newPrevSiblingItemId:s>0?e.children[s-1].id:void 0}),this.startRowMutationObserver()}})}}async onVisibilityChange(t){t.some((t=>t.isIntersecting))&&setTimeout((async()=>{await this.updateLayout()}),100)}async componentDidRender(){await this.updateLayout(),this.updateEmptyState()}async onWindowResize(){await this.updateLayout()}async rerender(){this.triggerRerender()}resetEmptyRowStyles(){const t=this.el.querySelector(".table__empty-row");t&&(t.style.width="")}resetRowGroupStyles(){Array.from(this.el.querySelectorAll("swirl-table-row-group")).forEach((t=>{t.shadowRoot.querySelector(".table-row-group__header-row")&&(t.shadowRoot.querySelector(".table-row-group__header-row").style.width="")}))}resetColumnStyles(){this.getColumns().forEach((t=>{t.classList.remove("table-column--has-shadow","table-column--is-sticky","table-column--is-sticky-right"),t.style.right="",t.style.left="",t.style.position="",t.style.zIndex=""}))}resetCellStyles(){this.getCells().forEach((t=>{t.classList.remove("table-cell--has-shadow","table-cell--is-sticky","table-cell--is-sticky-right"),t.style.flex="",t.style.left="",t.style.right="",t.style.position="",t.style.zIndex=""}))}updateScrolledState(){const t=c();if(void 0===this.container)return;const e=this.container.scrollWidth>this.container.clientWidth,s=this.container.scrollLeft>0,i=Math.ceil(this.container.clientWidth+this.container.scrollLeft)>=Math.floor(this.container.scrollWidth);e!==this.scrollable&&(e&&!t?this.container.classList.add("table__container--scrollable"):this.container.classList.remove("table__container--scrollable")),s!==this.scrolled&&(s&&!t?this.container.classList.add("table__container--scrolled"):this.container.classList.remove("table__container--scrolled")),i!==this.scrolledToEnd&&(i&&!t?this.container.classList.add("table__container--scrolled-to-end"):this.container.classList.remove("table__container--scrolled-to-end"))}getColumns(){return Array.from(this.el.querySelectorAll("swirl-table-column"))}getCells(){return Array.from(this.el.querySelectorAll("swirl-table-cell"))}layoutEmptyRow(){const t=this.el.querySelector(".table__empty-row");if(!t)return;const e=this.el.querySelector(".table__container").scrollWidth+"px";t.style.width=e}layoutRowGroups(){const t=Array.from(this.el.querySelectorAll("swirl-table-row-group")),e=this.el.querySelector(".table__container")?.scrollWidth+"px";t.forEach((t=>{t.shadowRoot.querySelector(".table-row-group__header-row")&&(t.shadowRoot.querySelector(".table-row-group__header-row").style.width=e)}))}layOutCellsAndColumns(){const t=this.getColumns(),e=this.getCells();t.forEach(((s,i)=>{const a=this.getCellsForColumn(e,t,i),r=this.calculateColumnProperties(s,t,i);a.forEach((t=>this.applyCellStyles(t,s,r))),this.applyColumnStyles(s,r)}))}getCellsForColumn(t,e,s){return t.filter(((t,i)=>(s-i)%e.length==0))}calculateColumnProperties(t,e,s){return{leftOffsetForStickyColumn:t.sticky?this.getLeftOffsetForStickyColumn(e,s):0,columnWidth:t.getBoundingClientRect().width+"px",isLastColumnSticky:t.sticky&&e.length===s+1,hasShadowRight:t.sticky&&!this.hasStickyColumnsToRight(e,s)}}applyCellStyles(t,e,s){const{leftOffsetForStickyColumn:i,columnWidth:a,isLastColumnSticky:r,hasShadowRight:o}=s;t.style.flex=a?"0 0 "+a:"",c()||(e.sticky&&!r&&(t.classList.add("table-cell--is-sticky"),t.style.left=i+"px",o&&t.classList.add("table-cell--has-shadow-right")),r&&t.classList.add("table-cell--is-sticky-right","table-cell--has-shadow-left"))}applyColumnStyles(t,e){if(c())return;const{leftOffsetForStickyColumn:s,isLastColumnSticky:i,hasShadowRight:a}=e;t.sticky&&!i&&(t.classList.add("table-column--is-sticky"),t.style.left=s+"px",a&&t.classList.add("table-column--has-shadow-right")),i&&t.classList.add("table-column--is-sticky-right","table-column--has-shadow-left")}getLeftOffsetForStickyColumn(t,e){return t.slice(0,e).reduce(((t,e)=>{if(e.sticky)return t+e.getBoundingClientRect().width}),0)}hasStickyColumnsToRight(t,e){return t.slice(e+1,t.length-1).some((t=>t.sticky))}updateEmptyState(){const t=this.el.querySelector('[slot="rows"]');this.empty=!t||0===t.children.length}updateLiveRegionText(t,e={}){let s=t?this.dragDropInstructions[t]:"";for(const[t,i]of Object.entries(e??{}))s=s.replaceAll(`{${t}}`,i+"");s!==this.liveRegionText&&(this.liveRegionText=s)}toggleKeyboardMove(t){this.movingViaKeyboard?this.endKeyboardMove(t):this.startKeyboardMove(t)}startKeyboardMove(t){this.movingViaKeyboard=!0,this.positionBeforeKeyboardMove=Array.from(this.dragDropContainer.children).indexOf(t),t.classList.add("table-row--moving"),this.updateLiveRegionText("start",{position:Array.from(this.dragDropContainer.children).indexOf(t)+1,rowCount:this.dragDropContainer.children.length})}endKeyboardMove(t){this.movingViaKeyboard=!1,t.classList.remove("table-row--moving"),this.updateLiveRegionText("end",{position:Array.from(this.dragDropContainer.children).indexOf(t)+1,rowCount:this.dragDropContainer.children.length}),this.dropRow.emit({item:t,newIndex:Array.from(this.dragDropContainer.children).indexOf(t),oldIndex:this.positionBeforeKeyboardMove,itemId:t.id,newNextSiblingItemId:Array.from(this.dragDropContainer.children).indexOf(t)<this.dragDropContainer.children.length-1?this.dragDropContainer.children[Array.from(this.dragDropContainer.children).indexOf(t)+1].id:void 0,newPrevSiblingItemId:Array.from(this.dragDropContainer.children).indexOf(t)>0?this.dragDropContainer.children[Array.from(this.dragDropContainer.children).indexOf(t)-1].id:void 0}),this.positionBeforeKeyboardMove=void 0}cancelKeyboardMove(){if(!this.movingViaKeyboard)return;const t=this.el.querySelector(".table-row--moving");t&&(t.classList.remove("table-row--moving"),this.movingViaKeyboard=!1,void 0!==this.positionBeforeKeyboardMove&&this.dragDropContainer.insertBefore(t,this.dragDropContainer.children[this.positionBeforeKeyboardMove]))}moveRow(t,e){if(!this.movingViaKeyboard)return;let s;if("up"===e){const e=Array.from(this.dragDropContainer.children).indexOf(t);s=Math.max(0,e-1),this.dragDropContainer.insertBefore(t,this.dragDropContainer.children[s])}else{const e=Array.from(this.dragDropContainer.children).indexOf(t);s=Math.min(this.dragDropContainer.children.length-1,e+1),this.dragDropContainer.insertBefore(t,this.dragDropContainer.children[s+1])}this.updateLiveRegionText("moved",{position:s+1,rowCount:this.dragDropContainer.children.length}),this.focusDragHandleOfRow(t)}focusDragHandleOfRow(t){const e=d(t,this.dragDropHandle)?.[0];"BUTTON"===e.tagName?e.focus():e.querySelector("button")?.focus()}render(){const t=!!this.el.querySelector('[slot="empty"]'),e=l("table",{"table--show-empty-state":this.empty&&!this.loading,"table--keyboard-move":this.movingViaKeyboard});return i(a,{key:"6713563d8bcfaecd014d5ccc783fd97c66008012"},i("div",{key:"b168785741aa3560982d535839fa4e6657bfaacc",class:e},this.enableDragDrop&&i("swirl-visually-hidden",{key:"01d848a7a555f0cd59de1379d9144dd77f7978ff"},i("span",{key:"fad5c4258a72b5f4773665d1e49cf0c9cf2425fd","aria-live":"assertive"},this.liveRegionText)),i("div",{key:"cea73b692b544d64c4e1ab794b22cd3c520beecd",class:"table__container",onFocusin:this.onFocus,onFocusout:this.onBlur,onKeyDown:this.onKeyDown,onScroll:this.onScroll,ref:t=>this.container=t,tabIndex:-1},i("div",{key:"9de016213d0eab8abcfebbe4d8c22ff1c5f30c55","aria-describedby":this.caption?"caption":void 0,"aria-label":this.label,role:"table",class:"table__table"},this.caption&&i("swirl-visually-hidden",{key:"37511e129309ffca404a84c85370c8e4269c5d04"},i("div",{key:"8c18e6ab4bc3fc90d2a558039102a2f9af9b206e",id:"caption"},this.caption)),i("div",{key:"a4b7ac36016b3d8823849aa9c1119e623e5d2800",role:"rowgroup"},i("div",{key:"f730d694cbb541c8179101e6f32b6c55f2a2a7bd",class:"table__header",ref:t=>this.headerEl=t,role:"row"},i("slot",{key:"2ba3a5ff89e0285ce5d3525c98013e291459a209",name:"columns"}))),i("div",{key:"ecc5ef81fa7ce92c101de93ec3dcf47db034d0ec",class:"table__body",ref:t=>this.bodyEl=t},i("slot",{key:"13b4e833f51182647ad24e8ac2504a5d0b5ba9fb",name:"rows"}),i("div",{key:"de71a4fe643d1d0f1e79f78a7c829ca74d3715fe",class:"table__empty-row",role:"row"},i("div",{key:"e5c155f50575d93a238e9d628e3500f3eea33b95","aria-colspan":this.getColumns().length,class:"table__empty-row-cell",role:"cell"},i("slot",{key:"168cba4089c52914457c95d2dd6210b1db8a2122",name:"empty"}),!t&&i("swirl-text",{key:"a108652dd9ce24ad2517def4df4c157078a4f01a",align:"center",size:"sm"},this.emptyStateLabel))))))))}get el(){return this}static get watchers(){return{enableDragDrop:[{handleEnableDragDropChange:0}]}}static get style(){return".sc-swirl-table-h{--swirl-table-shadow-rgba:rgba(23, 23, 23, 0.2);position:relative;display:block}.sc-swirl-table-h *.sc-swirl-table{box-sizing:border-box}html.theme-dark.sc-swirl-table-h,html.theme-dark .sc-swirl-table-h{--swirl-table-shadow-rgba:rgba(0, 0, 0, 0.2)}.table--keyboard-move.sc-swirl-table:focus-within{--swirl-table-moving-row-border:var(--s-border-width-default) solid       var(--s-border-highlight)}.table--show-empty-state.sc-swirl-table .table__empty-row.sc-swirl-table{display:flex}.table__container.sc-swirl-table{position:relative;overflow:auto;width:100%}.table__container--scrolled.sc-swirl-table{--swirl-table-sticky-right-shadow:4px 0 16px -4px var(--swirl-table-shadow-rgba),     2px 0 4px -2px var(--swirl-table-shadow-rgba)}.table__container--scrollable.sc-swirl-table:not(.table__container--scrolled-to-end){--swirl-table-sticky-left-shadow:0px 4px 16px 0px       var(--swirl-table-shadow-rgba),     0px 1px 4px 0px var(--swirl-table-shadow-rgba)}.table__table.sc-swirl-table{width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:max(20rem, 100%)}.table__header.sc-swirl-table-s>*,.table__header .sc-swirl-table-s>*{display:flex}.table__empty-row.sc-swirl-table{display:none}.table__empty-row-cell.sc-swirl-table{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default)}.table__empty-row-cell.sc-swirl-table>*.sc-swirl-table{flex-grow:1}"}},[262,"swirl-table",{caption:[1],dragDropHandle:[1,"drag-drop-handle"],dragDropInstructions:[16],emptyStateLabel:[1,"empty-state-label"],enableDragDrop:[4,"enable-drag-drop"],label:[1],loading:[4],empty:[32],liveRegionText:[32],scrollable:[32],scrolled:[32],scrolledToEnd:[32],rerender:[64]},[[9,"resize","onWindowResize"]],{enableDragDrop:[{handleEnableDragDropChange:0}]}]),g=y,v=function(){"undefined"!=typeof customElements&&["swirl-table","swirl-text","swirl-visually-hidden"].forEach((t=>{switch(t){case"swirl-table":customElements.get(r(t))||customElements.define(r(t),y);break;case"swirl-text":customElements.get(r(t))||b();break;case"swirl-visually-hidden":customElements.get(r(t))||w()}}))};export{g as SwirlTable,v as defineCustomElement}
+import{p as t,H as e,c as s,h as i,d as a,t as r}from"./p-BIzYxcO0.js";import{g as o,c as l}from"./p-CTIzk_ki.js";import{S as n}from"./p-CMrz6687.js";import{d as h,i as c,q as d}from"./p-DRAQ9S8E.js";import{d as b}from"./p-CLL9tkCx.js";import{d as w}from"./p-g-oCTzqh.js";var p,u,f=o((u||(u=1,p=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=void 0,a=void 0,r=void 0,o=[];return function(){var n=function(t){return"function"==typeof t?t():t}(e),h=(new Date).getTime(),c=!i||h-i>n;i=h;for(var d=arguments.length,b=Array(d),w=0;w<d;w++)b[w]=arguments[w];if(c&&s.leading)return s.accumulate?Promise.resolve(t.call(this,[b])).then((function(t){return t[0]})):Promise.resolve(t.call.apply(t,[this].concat(b)));if(a?clearTimeout(r):a=function(){var t={};return t.promise=new Promise((function(e,s){t.resolve=e,t.reject=s})),t}(),o.push(b),r=setTimeout(l.bind(this),n),s.accumulate){var p=o.length-1;return a.promise.then((function(t){return t[p]}))}return a.promise};function l(){var e=a;clearTimeout(r),Promise.resolve(s.accumulate?t.call(this,o):t.apply(this,o[o.length-1])).then(e.resolve,e.reject),o=[],a=null}}),p));const m={end:"Dropped. Final position in table: {position} of {rowCount}.",initial:"Press space to move the row.",moved:"Current position in table: {position} of {rowCount}.",start:"Row grabbed. Current position in table: {position} of {rowCount}. Press up and down arrow keys to change position, Space to drop."},y=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.dropRow=s(this,"dropRow",7),this.dragDropInstructions=m,this.emptyStateLabel="No results found.",this.liveRegionText="",this.triggerRerender=h((async()=>{await this.updateLayout(),this.updateEmptyState()}),0,!0),this.updateLayout=f((async()=>{this.resetCellStyles(),this.resetColumnStyles(),this.resetEmptyRowStyles(),this.resetRowGroupStyles(),this.layoutEmptyRow(),this.layoutRowGroups(),this.layOutCellsAndColumns(),this.updateScrolledState()}),16,{leading:!0}),this.onScroll=()=>{this.updateScrolledState()},this.onFocus=t=>{if(this.movingViaKeyboard){const t=this.el.querySelector(".table-row--moving");t&&this.focusDragHandleOfRow(t)}const e=!!t.target?.closest(this.dragDropHandle);""===this.liveRegionText&&e&&this.updateLiveRegionText("initial")},this.onBlur=t=>{const e=t.relatedTarget,s=!!e?.closest(this.dragDropHandle);this.el.contains(e)&&s||""!==this.liveRegionText&&this.updateLiveRegionText()},this.onKeyDown=t=>{if(!this.enableDragDrop)return;const e=t.target?.closest("swirl-table-row");t.target?.closest(this.dragDropHandle)&&("Space"===t.code?(t.preventDefault(),t.stopPropagation(),this.toggleKeyboardMove(e)):"ArrowUp"===t.code?(t.preventDefault(),t.stopPropagation(),this.moveRow(e,"up")):"ArrowDown"===t.code?(t.preventDefault(),t.stopPropagation(),this.moveRow(e,"down")):"Escape"===t.code&&(t.preventDefault(),t.stopPropagation(),this.cancelKeyboardMove()))}}async componentDidLoad(){this.setupIntersectionObserver(),this.setupMutationObservers(),queueMicrotask((()=>{this.setupDragDrop()}))}disconnectedCallback(){this.intersectionObserver?.disconnect(),this.columnMutationObserver?.disconnect(),this.rowMutationObserver?.disconnect(),this.sortable?.destroy()}handleEnableDragDropChange(){queueMicrotask((()=>{this.setupDragDrop()}))}setupIntersectionObserver(){this.intersectionObserver=new IntersectionObserver(this.onVisibilityChange.bind(this),{threshold:0}),this.intersectionObserver.observe(this.container)}setupMutationObservers(){this.columnMutationObserver=new MutationObserver((t=>{t.some((t=>t.addedNodes.length||t.removedNodes.length))&&this.updateLayout()})),this.columnMutationObserver.observe(this.headerEl,{childList:!0,subtree:!0}),this.rowMutationObserver=new MutationObserver((t=>{t.some((t=>t.addedNodes.length||t.removedNodes.length))&&(this.updateEmptyState(),this.setupDragDrop())})),this.startRowMutationObserver()}startRowMutationObserver(){this.rowMutationObserver?.observe(this.bodyEl,{childList:!0,subtree:!0})}stopRowMutationObserver(){this.rowMutationObserver?.disconnect()}setupDragDrop(){if(this.sortable&&(this.sortable.destroy(),this.sortable=void 0),this.enableDragDrop){if(this.el.querySelector("swirl-table-row-group"))return void console.warn('[Swirl] Drag & drop is not yet supported for swirl-tables using the "swirl-table-row-group" component.');if(!this.dragDropHandle)return void console.warn('[Swirl] swirl-table required the "dragDropHandle" prop to be set when drag & drop is enabled.');const t=this.el.querySelector('[slot="rows"]');this.dragDropContainer="SWIRL-TABLE-ROW"!==t?.tagName?t??this.bodyEl:this.bodyEl,this.sortable=new n(this.dragDropContainer,{animation:100,direction:"vertical",handle:this.dragDropHandle,fallbackOnBody:!0,group:"swirl-table-"+(""+Math.random()).substring(2),onStart:()=>{this.stopRowMutationObserver()},onEnd:t=>{t.stopPropagation();const{to:e,newIndex:s,oldIndex:i,item:a}=t;this.dropRow.emit({newIndex:s,oldIndex:i,item:a,itemId:a.id??a.querySelector(":scope > swirl-table-row").id,newNextSiblingItemId:s<e.children.length-1?e.children[s+1].id:void 0,newPrevSiblingItemId:s>0?e.children[s-1].id:void 0}),this.startRowMutationObserver()}})}}async onVisibilityChange(t){t.some((t=>t.isIntersecting))&&setTimeout((async()=>{await this.updateLayout()}),100)}async componentDidRender(){await this.updateLayout(),this.updateEmptyState()}async onWindowResize(){await this.updateLayout()}async rerender(){this.triggerRerender()}resetEmptyRowStyles(){const t=this.el.querySelector(".table__empty-row");t&&(t.style.width="")}resetRowGroupStyles(){Array.from(this.el.querySelectorAll("swirl-table-row-group")).forEach((t=>{t.shadowRoot.querySelector(".table-row-group__header-row")&&(t.shadowRoot.querySelector(".table-row-group__header-row").style.width="")}))}resetColumnStyles(){this.getColumns().forEach((t=>{t.classList.remove("table-column--has-shadow","table-column--is-sticky","table-column--is-sticky-right"),t.style.right="",t.style.left="",t.style.position="",t.style.zIndex=""}))}resetCellStyles(){this.getCells().forEach((t=>{t.classList.remove("table-cell--has-shadow","table-cell--is-sticky","table-cell--is-sticky-right"),t.style.flex="",t.style.left="",t.style.right="",t.style.position="",t.style.zIndex=""}))}updateScrolledState(){const t=c();if(void 0===this.container)return;const e=this.container.scrollWidth>this.container.clientWidth,s=this.container.scrollLeft>0,i=Math.ceil(this.container.clientWidth+this.container.scrollLeft)>=Math.floor(this.container.scrollWidth);e!==this.scrollable&&(e&&!t?this.container.classList.add("table__container--scrollable"):this.container.classList.remove("table__container--scrollable")),s!==this.scrolled&&(s&&!t?this.container.classList.add("table__container--scrolled"):this.container.classList.remove("table__container--scrolled")),i!==this.scrolledToEnd&&(i&&!t?this.container.classList.add("table__container--scrolled-to-end"):this.container.classList.remove("table__container--scrolled-to-end"))}getColumns(){return Array.from(this.el.querySelectorAll("swirl-table-column"))}getCells(){return Array.from(this.el.querySelectorAll("swirl-table-cell"))}layoutEmptyRow(){const t=this.el.querySelector(".table__empty-row");if(!t)return;const e=this.el.querySelector(".table__container").scrollWidth+"px";t.style.width=e}layoutRowGroups(){const t=Array.from(this.el.querySelectorAll("swirl-table-row-group")),e=this.el.querySelector(".table__container")?.scrollWidth+"px";t.forEach((t=>{t.shadowRoot.querySelector(".table-row-group__header-row")&&(t.shadowRoot.querySelector(".table-row-group__header-row").style.width=e)}))}layOutCellsAndColumns(){const t=this.getColumns(),e=this.getCells();t.forEach(((s,i)=>{const a=this.getCellsForColumn(e,t,i),r=this.calculateColumnProperties(s,t,i);a.forEach((t=>this.applyCellStyles(t,s,r))),this.applyColumnStyles(s,r)}))}getCellsForColumn(t,e,s){return t.filter(((t,i)=>(s-i)%e.length==0))}calculateColumnProperties(t,e,s){return{leftOffsetForStickyColumn:t.sticky?this.getLeftOffsetForStickyColumn(e,s):0,columnWidth:t.getBoundingClientRect().width+"px",isLastColumnSticky:t.sticky&&e.length===s+1,hasShadowRight:t.sticky&&!this.hasStickyColumnsToRight(e,s)}}applyCellStyles(t,e,s){const{leftOffsetForStickyColumn:i,columnWidth:a,isLastColumnSticky:r,hasShadowRight:o}=s;t.style.flex=a?"0 0 "+a:"",c()||(e.sticky&&!r&&(t.classList.add("table-cell--is-sticky"),t.style.left=i+"px",o&&t.classList.add("table-cell--has-shadow-right")),r&&t.classList.add("table-cell--is-sticky-right","table-cell--has-shadow-left"))}applyColumnStyles(t,e){if(c())return;const{leftOffsetForStickyColumn:s,isLastColumnSticky:i,hasShadowRight:a}=e;t.sticky&&!i&&(t.classList.add("table-column--is-sticky"),t.style.left=s+"px",a&&t.classList.add("table-column--has-shadow-right")),i&&t.classList.add("table-column--is-sticky-right","table-column--has-shadow-left")}getLeftOffsetForStickyColumn(t,e){return t.slice(0,e).reduce(((t,e)=>{if(e.sticky)return t+e.getBoundingClientRect().width}),0)}hasStickyColumnsToRight(t,e){return t.slice(e+1,t.length-1).some((t=>t.sticky))}updateEmptyState(){const t=this.el.querySelector('[slot="rows"]');this.empty=!t||0===t.children.length}updateLiveRegionText(t,e={}){let s=t?this.dragDropInstructions[t]:"";for(const[t,i]of Object.entries(e??{}))s=s.replaceAll(`{${t}}`,i+"");s!==this.liveRegionText&&(this.liveRegionText=s)}toggleKeyboardMove(t){this.movingViaKeyboard?this.endKeyboardMove(t):this.startKeyboardMove(t)}startKeyboardMove(t){this.movingViaKeyboard=!0,this.positionBeforeKeyboardMove=Array.from(this.dragDropContainer.children).indexOf(t),t.classList.add("table-row--moving"),this.updateLiveRegionText("start",{position:Array.from(this.dragDropContainer.children).indexOf(t)+1,rowCount:this.dragDropContainer.children.length})}endKeyboardMove(t){this.movingViaKeyboard=!1,t.classList.remove("table-row--moving"),this.updateLiveRegionText("end",{position:Array.from(this.dragDropContainer.children).indexOf(t)+1,rowCount:this.dragDropContainer.children.length}),this.dropRow.emit({item:t,newIndex:Array.from(this.dragDropContainer.children).indexOf(t),oldIndex:this.positionBeforeKeyboardMove,itemId:t.id,newNextSiblingItemId:Array.from(this.dragDropContainer.children).indexOf(t)<this.dragDropContainer.children.length-1?this.dragDropContainer.children[Array.from(this.dragDropContainer.children).indexOf(t)+1].id:void 0,newPrevSiblingItemId:Array.from(this.dragDropContainer.children).indexOf(t)>0?this.dragDropContainer.children[Array.from(this.dragDropContainer.children).indexOf(t)-1].id:void 0}),this.positionBeforeKeyboardMove=void 0}cancelKeyboardMove(){if(!this.movingViaKeyboard)return;const t=this.el.querySelector(".table-row--moving");t&&(t.classList.remove("table-row--moving"),this.movingViaKeyboard=!1,void 0!==this.positionBeforeKeyboardMove&&this.dragDropContainer.insertBefore(t,this.dragDropContainer.children[this.positionBeforeKeyboardMove]))}moveRow(t,e){if(!this.movingViaKeyboard)return;let s;if("up"===e){const e=Array.from(this.dragDropContainer.children).indexOf(t);s=Math.max(0,e-1),this.dragDropContainer.insertBefore(t,this.dragDropContainer.children[s])}else{const e=Array.from(this.dragDropContainer.children).indexOf(t);s=Math.min(this.dragDropContainer.children.length-1,e+1),this.dragDropContainer.insertBefore(t,this.dragDropContainer.children[s+1])}this.updateLiveRegionText("moved",{position:s+1,rowCount:this.dragDropContainer.children.length}),this.focusDragHandleOfRow(t)}focusDragHandleOfRow(t){const e=d(t,this.dragDropHandle)?.[0];"BUTTON"===e.tagName?e.focus():e.querySelector("button")?.focus()}render(){const t=!!this.el.querySelector('[slot="empty"]'),e=l("table",{"table--show-empty-state":this.empty&&!this.loading,"table--keyboard-move":this.movingViaKeyboard});return i(a,{key:"6713563d8bcfaecd014d5ccc783fd97c66008012"},i("div",{key:"b168785741aa3560982d535839fa4e6657bfaacc",class:e},this.enableDragDrop&&i("swirl-visually-hidden",{key:"01d848a7a555f0cd59de1379d9144dd77f7978ff"},i("span",{key:"fad5c4258a72b5f4773665d1e49cf0c9cf2425fd","aria-live":"assertive"},this.liveRegionText)),i("div",{key:"cea73b692b544d64c4e1ab794b22cd3c520beecd",class:"table__container",onFocusin:this.onFocus,onFocusout:this.onBlur,onKeyDown:this.onKeyDown,onScroll:this.onScroll,ref:t=>this.container=t,tabIndex:-1},i("div",{key:"9de016213d0eab8abcfebbe4d8c22ff1c5f30c55","aria-describedby":this.caption?"caption":void 0,"aria-label":this.label,role:"table",class:"table__table"},this.caption&&i("swirl-visually-hidden",{key:"37511e129309ffca404a84c85370c8e4269c5d04"},i("div",{key:"8c18e6ab4bc3fc90d2a558039102a2f9af9b206e",id:"caption"},this.caption)),i("div",{key:"a4b7ac36016b3d8823849aa9c1119e623e5d2800",role:"rowgroup"},i("div",{key:"f730d694cbb541c8179101e6f32b6c55f2a2a7bd",class:"table__header",ref:t=>this.headerEl=t,role:"row"},i("slot",{key:"2ba3a5ff89e0285ce5d3525c98013e291459a209",name:"columns"}))),i("div",{key:"ecc5ef81fa7ce92c101de93ec3dcf47db034d0ec",class:"table__body",ref:t=>this.bodyEl=t},i("slot",{key:"13b4e833f51182647ad24e8ac2504a5d0b5ba9fb",name:"rows"}),i("div",{key:"de71a4fe643d1d0f1e79f78a7c829ca74d3715fe",class:"table__empty-row",role:"row"},i("div",{key:"e5c155f50575d93a238e9d628e3500f3eea33b95","aria-colspan":this.getColumns().length,class:"table__empty-row-cell",role:"cell"},i("slot",{key:"168cba4089c52914457c95d2dd6210b1db8a2122",name:"empty"}),!t&&i("swirl-text",{key:"a108652dd9ce24ad2517def4df4c157078a4f01a",align:"center",size:"sm"},this.emptyStateLabel))))))))}get el(){return this}static get watchers(){return{enableDragDrop:[{handleEnableDragDropChange:0}]}}static get style(){return".sc-swirl-table-h{--swirl-table-shadow-rgba:rgba(23, 23, 23, 0.2);position:relative;display:block}.sc-swirl-table-h *.sc-swirl-table{box-sizing:border-box}html.theme-dark.sc-swirl-table-h,html.theme-dark .sc-swirl-table-h{--swirl-table-shadow-rgba:rgba(0, 0, 0, 0.2)}.table--keyboard-move.sc-swirl-table:focus-within{--swirl-table-moving-row-border:var(--s-border-width-default) solid       var(--s-border-highlight)}.table--show-empty-state.sc-swirl-table .table__empty-row.sc-swirl-table{display:flex}.table__container.sc-swirl-table{position:relative;overflow:auto;width:100%}.table__container--scrolled.sc-swirl-table{--swirl-table-sticky-right-shadow:4px 0 16px -4px var(--swirl-table-shadow-rgba),     2px 0 4px -2px var(--swirl-table-shadow-rgba)}.table__container--scrollable.sc-swirl-table:not(.table__container--scrolled-to-end){--swirl-table-sticky-left-shadow:0px 4px 16px 0px       var(--swirl-table-shadow-rgba),     0px 1px 4px 0px var(--swirl-table-shadow-rgba)}.table__table.sc-swirl-table{width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:max(20rem, 100%)}.table__header.sc-swirl-table-s>*,.table__header .sc-swirl-table-s>*{display:flex}.table__empty-row.sc-swirl-table{display:none}.table__empty-row-cell.sc-swirl-table{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default)}.table__empty-row-cell.sc-swirl-table>*.sc-swirl-table{flex-grow:1}"}},[262,"swirl-table",{caption:[1],dragDropHandle:[1,"drag-drop-handle"],dragDropInstructions:[16],emptyStateLabel:[1,"empty-state-label"],enableDragDrop:[4,"enable-drag-drop"],label:[1],loading:[4],empty:[32],liveRegionText:[32],scrollable:[32],scrolled:[32],scrolledToEnd:[32],rerender:[64]},[[9,"resize","onWindowResize"]],{enableDragDrop:[{handleEnableDragDropChange:0}]}]),g=y,v=function(){"undefined"!=typeof customElements&&["swirl-table","swirl-text","swirl-visually-hidden"].forEach((t=>{switch(t){case"swirl-table":customElements.get(r(t))||customElements.define(r(t),y);break;case"swirl-text":customElements.get(r(t))||b();break;case"swirl-visually-hidden":customElements.get(r(t))||w()}}))};export{g as SwirlTable,v as defineCustomElement}

package/dist/components/swirl-tabs.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as a,createEvent as i,h as s,Host as e,transformTag as b}from"@stencil/core/internal/client";import{o as r}from"./utils.js";import{d as n}from"./swirl-tab-bar2.js";const h=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.tabActivated=i(this,"tabActivated",7),this.tabBarVariant="default",this.tabBarTabs=[],this.tabs=[],this.onActivateNextTab=()=>{this.activateNextTab()},this.onActivatePreviousTab=()=>{this.activatePreviousTab()},this.onActivateTab=t=>{this.activateTab(t.detail)}}componentWillLoad(){this.collectTabs(),this.updateTabBarTabs()}async activateTab(t){if(this.activeTab===t)return;this.activeTab=t,this.tabs.forEach((t=>t.active=!1));const a=this.tabs.find((a=>a.tabId===t));a&&(a.active=!0,this.tabActivated.emit(a),this.updateTabBarTabs())}activateNextTab(){const t=this.tabs.findIndex((t=>t.tabId===this.activeTab)),a=r(t+1,this.tabs.length);this.activateTab(this.tabs[a].tabId),requestAnimationFrame((()=>{this.el.querySelector(".tabs__tab--active")?.focus()}))}activatePreviousTab(){const t=this.tabs.findIndex((t=>t.tabId===this.activeTab)),a=r(t-1,this.tabs.length);this.activateTab(this.tabs[a].tabId),requestAnimationFrame((()=>{this.el.querySelector(".tabs__tab--active")?.focus()}))}collectTabs(){if(this.tabs=Array.from(this.el.querySelectorAll("swirl-tab")),0===this.tabs.length)return;const t=this.tabs.find((t=>t.tabId===this.initialTab));this.activateTab(t?t.tabId:this.tabs[0].tabId)}updateTabBarTabs(){this.tabBarTabs=this.tabs.map((t=>({icon:t.icon,id:t.tabId,label:t.label,active:this.activeTab===t.tabId})))}render(){return s(e,{key:"3c69bacc381913038ae39788bd65279ae3b05f99"},s("div",{key:"8b55e1b9b78f29b93d1ce75b734dd1548dc12d06",class:"tabs"},s("swirl-tab-bar",{key:"440a595970ac38aae0982224c3fe9f43cb75a323",label:this.label,onActivateNextTab:this.onActivateNextTab,onActivatePreviousTab:this.onActivatePreviousTab,onActivateTab:this.onActivateTab,tabs:this.tabBarTabs,justify:this.justifyTabBar,paddingBlockEnd:this.tabBarPaddingBlockEnd,paddingBlockStart:this.tabBarPaddingBlockStart,paddingInlineEnd:this.tabBarPaddingInlineEnd,paddingInlineStart:this.tabBarPaddingInlineStart,variant:this.tabBarVariant})),s("slot",{key:"0877159e63c802bad45f93016ff7247878578100"}))}get el(){return this}static get style(){return".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl-tabs{box-sizing:border-box}.tabs.sc-swirl-tabs{width:100%}"}},[262,"swirl-tabs",{initialTab:[1,"initial-tab"],label:[1],justifyTabBar:[1,"justify-tab-bar"],tabBarPaddingBlockEnd:[1,"tab-bar-padding-block-end"],tabBarPaddingBlockStart:[1,"tab-bar-padding-block-start"],tabBarPaddingInlineEnd:[1,"tab-bar-padding-inline-end"],tabBarPaddingInlineStart:[1,"tab-bar-padding-inline-start"],tabBarVariant:[1,"tab-bar-variant"],activeTab:[32],tabBarTabs:[32],activateTab:[64]}]),c=h,d=function(){"undefined"!=typeof customElements&&["swirl-tabs","swirl-tab-bar"].forEach((t=>{switch(t){case"swirl-tabs":customElements.get(b(t))||customElements.define(b(t),h);break;case"swirl-tab-bar":customElements.get(b(t))||n()}}))};export{c as SwirlTabs,d as defineCustomElement}
+import{p as t,H as a,c as i,h as s,d as e,t as b}from"./p-BIzYxcO0.js";import{o as r}from"./p-DRAQ9S8E.js";import{d as n}from"./p-BNVjmTgJ.js";const h=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.tabActivated=i(this,"tabActivated",7),this.tabBarVariant="default",this.tabBarTabs=[],this.tabs=[],this.onActivateNextTab=()=>{this.activateNextTab()},this.onActivatePreviousTab=()=>{this.activatePreviousTab()},this.onActivateTab=t=>{this.activateTab(t.detail)}}componentWillLoad(){this.collectTabs(),this.updateTabBarTabs()}async activateTab(t){if(this.activeTab===t)return;this.activeTab=t,this.tabs.forEach((t=>t.active=!1));const a=this.tabs.find((a=>a.tabId===t));a&&(a.active=!0,this.tabActivated.emit(a),this.updateTabBarTabs())}activateNextTab(){const t=this.tabs.findIndex((t=>t.tabId===this.activeTab)),a=r(t+1,this.tabs.length);this.activateTab(this.tabs[a].tabId),requestAnimationFrame((()=>{this.el.querySelector(".tabs__tab--active")?.focus()}))}activatePreviousTab(){const t=this.tabs.findIndex((t=>t.tabId===this.activeTab)),a=r(t-1,this.tabs.length);this.activateTab(this.tabs[a].tabId),requestAnimationFrame((()=>{this.el.querySelector(".tabs__tab--active")?.focus()}))}collectTabs(){if(this.tabs=Array.from(this.el.querySelectorAll("swirl-tab")),0===this.tabs.length)return;const t=this.tabs.find((t=>t.tabId===this.initialTab));this.activateTab(t?t.tabId:this.tabs[0].tabId)}updateTabBarTabs(){this.tabBarTabs=this.tabs.map((t=>({icon:t.icon,id:t.tabId,label:t.label,active:this.activeTab===t.tabId})))}render(){return s(e,{key:"3c69bacc381913038ae39788bd65279ae3b05f99"},s("div",{key:"8b55e1b9b78f29b93d1ce75b734dd1548dc12d06",class:"tabs"},s("swirl-tab-bar",{key:"440a595970ac38aae0982224c3fe9f43cb75a323",label:this.label,onActivateNextTab:this.onActivateNextTab,onActivatePreviousTab:this.onActivatePreviousTab,onActivateTab:this.onActivateTab,tabs:this.tabBarTabs,justify:this.justifyTabBar,paddingBlockEnd:this.tabBarPaddingBlockEnd,paddingBlockStart:this.tabBarPaddingBlockStart,paddingInlineEnd:this.tabBarPaddingInlineEnd,paddingInlineStart:this.tabBarPaddingInlineStart,variant:this.tabBarVariant})),s("slot",{key:"0877159e63c802bad45f93016ff7247878578100"}))}get el(){return this}static get style(){return".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl-tabs{box-sizing:border-box}.tabs.sc-swirl-tabs{width:100%}"}},[262,"swirl-tabs",{initialTab:[1,"initial-tab"],label:[1],justifyTabBar:[1,"justify-tab-bar"],tabBarPaddingBlockEnd:[1,"tab-bar-padding-block-end"],tabBarPaddingBlockStart:[1,"tab-bar-padding-block-start"],tabBarPaddingInlineEnd:[1,"tab-bar-padding-inline-end"],tabBarPaddingInlineStart:[1,"tab-bar-padding-inline-start"],tabBarVariant:[1,"tab-bar-variant"],activeTab:[32],tabBarTabs:[32],activateTab:[64]}]),c=h,d=function(){"undefined"!=typeof customElements&&["swirl-tabs","swirl-tab-bar"].forEach((t=>{switch(t){case"swirl-tabs":customElements.get(b(t))||customElements.define(b(t),h);break;case"swirl-tab-bar":customElements.get(b(t))||n()}}))};export{c as SwirlTabs,d as defineCustomElement}

package/dist/components/swirl-tag.js

@@ -1 +1 @@
-import{S as s,d as o}from"./swirl-tag2.js";const r=s,t=o;export{r as SwirlTag,t as defineCustomElement}
+import{S as o,d as s}from"./p-D4WZ6faV.js";const a=o,p=s;export{a as SwirlTag,p as defineCustomElement}

package/dist/components/swirl-text-input.js

@@ -1 +1 @@
-import{S as t,d as s}from"./swirl-text-input2.js";const o=t,r=s;export{o as SwirlTextInput,r as defineCustomElement}
+import{S as o,d as r}from"./p-BTRrW2qG.js";const s=o,p=r;export{s as SwirlTextInput,p as defineCustomElement}

package/dist/components/swirl-text.js

@@ -1 +1 @@
-import{S as s,d as t}from"./swirl-text2.js";const o=s,r=t;export{o as SwirlText,r as defineCustomElement}
+import{S as o,d as s}from"./p-CLL9tkCx.js";const t=o,p=s;export{t as SwirlText,p as defineCustomElement}

package/dist/components/swirl-theme-provider.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as s,Host as h,transformTag as r}from"@stencil/core/internal/client";const n="swirl-preferred-theme",a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.appThemeUpdated=i(this,"appThemeUpdated",7),this.themeChange=i(this,"themeChange",7),this.darkThemeMediaQuery=window.matchMedia("(prefers-color-scheme: dark)"),this.setDesignTokens=[],this.osThemeChangeHandler=e=>{this.osTheme=e.matches?"dark":"light",this.updateAppTheme()}}componentWillLoad(){this.resolveConfig(),this.determineOSTheme(),this.updateAppTheme()}disconnectedCallback(){this.darkThemeMediaQuery.removeEventListener("change",this.osThemeChangeHandler)}watchConfig(){this.resolveConfig(),this.determineOSTheme(),this.updateAppTheme()}async getActiveOSTheme(){return this.appOSTheme}async getPreferredOSTheme(){if(this.resolvedConfig.storage)return this.resolvedConfig.storage.getItem(n)}async setPreferredOSTheme(e){this.resolvedConfig.storage&&this.resolvedConfig.enabledThemes.includes(e)&&(this.resolvedConfig.storage.setItem(n,e),this.updateAppTheme())}async resetPreferredOSTheme(){this.resolvedConfig.storage&&(this.resolvedConfig.storage.removeItem(n),this.updateAppTheme())}resolveConfig(){if(this.resolvedConfig={...this.config||{},enabledThemes:this.config?.enabledThemes||["light","dark"],rootElement:this.config?.rootElement||document.documentElement,storage:this.config?.storage||window?.localStorage},!this.resolvedConfig.enabledThemes.includes("light"))throw Error("[Swirl Theme Provider] Light theme must be enabled.")}determineOSTheme(){window.matchMedia?(this.osTheme=this.darkThemeMediaQuery.matches?"dark":"light",this.darkThemeMediaQuery.removeEventListener("change",this.osThemeChangeHandler),this.darkThemeMediaQuery.addEventListener("change",this.osThemeChangeHandler)):this.osTheme="light"}async updateAppTheme(){const e=await this.getPreferredOSTheme()||this.osTheme;this.appOSTheme=this.resolvedConfig.enabledThemes.includes(e)?e:"light","dark"===this.appOSTheme?(document.documentElement.classList.remove("theme-light"),document.documentElement.classList.add("theme-dark")):(document.documentElement.classList.remove("theme-dark"),document.documentElement.classList.add("theme-light")),this.updateTenantVariables(),this.updateTenantAssets();const t={activeTheme:await this.getActiveOSTheme(),preferredTheme:await this.getPreferredOSTheme()};this.recentOSThemeChangeEventData&&t.activeTheme===this.recentOSThemeChangeEventData.activeTheme&&t.preferredTheme===this.recentOSThemeChangeEventData.preferredTheme||(this.recentOSThemeChangeEventData=t,this.themeChange.emit(this.recentOSThemeChangeEventData)),this.appThemeUpdated.emit()}updateTenantAssets(){const e=this.resolvedConfig?.themes?.[this.appOSTheme];e&&document.head.querySelector('link[rel="icon"]')?.setAttribute("href",e.favicon.link)}updateTenantVariables(){const e=this.resolvedConfig?.themes?.[this.appOSTheme];if(!e)return void this.resetTenantVariables();const t=this.resolvedConfig.rootElement;this.setDesignTokens=[],e.design_tokens.forEach((e=>{const i="--s-"+e.id;t.style.setProperty(i,`rgba(${e.color.r}, ${e.color.g}, ${e.color.b}, ${e.color.a})`),this.setDesignTokens.push(i)}))}resetTenantVariables(){const e=this.resolvedConfig.rootElement;this.setDesignTokens.forEach((t=>{e.style.removeProperty(t)})),this.setDesignTokens=[]}render(){return s(h,{key:"fefdc5cefaea45d80da429da2abc4b370a162c7e"},s("slot",{key:"354717bed5f64caf726803a8eb6362eb5247ff4f"}))}static get watchers(){return{config:[{watchConfig:0}]}}static get style(){return".sc-swirl-theme-provider-h{display:unset}"}},[262,"swirl-theme-provider",{config:[16],getActiveOSTheme:[64],getPreferredOSTheme:[64],setPreferredOSTheme:[64],resetPreferredOSTheme:[64]},void 0,{config:[{watchConfig:0}]}]),c=a,o=function(){"undefined"!=typeof customElements&&["swirl-theme-provider"].forEach((e=>{"swirl-theme-provider"===e&&(customElements.get(r(e))||customElements.define(r(e),a))}))};export{c as SwirlThemeProvider,o as defineCustomElement}
+import{p as e,H as t,c as s,h as i,d as h,t as r}from"./p-BIzYxcO0.js";const n="swirl-preferred-theme",a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.appThemeUpdated=s(this,"appThemeUpdated",7),this.themeChange=s(this,"themeChange",7),this.darkThemeMediaQuery=window.matchMedia("(prefers-color-scheme: dark)"),this.setDesignTokens=[],this.osThemeChangeHandler=e=>{this.osTheme=e.matches?"dark":"light",this.updateAppTheme()}}componentWillLoad(){this.resolveConfig(),this.determineOSTheme(),this.updateAppTheme()}disconnectedCallback(){this.darkThemeMediaQuery.removeEventListener("change",this.osThemeChangeHandler)}watchConfig(){this.resolveConfig(),this.determineOSTheme(),this.updateAppTheme()}async getActiveOSTheme(){return this.appOSTheme}async getPreferredOSTheme(){if(this.resolvedConfig.storage)return this.resolvedConfig.storage.getItem(n)}async setPreferredOSTheme(e){this.resolvedConfig.storage&&this.resolvedConfig.enabledThemes.includes(e)&&(this.resolvedConfig.storage.setItem(n,e),this.updateAppTheme())}async resetPreferredOSTheme(){this.resolvedConfig.storage&&(this.resolvedConfig.storage.removeItem(n),this.updateAppTheme())}resolveConfig(){if(this.resolvedConfig={...this.config||{},enabledThemes:this.config?.enabledThemes||["light","dark"],rootElement:this.config?.rootElement||document.documentElement,storage:this.config?.storage||window?.localStorage},!this.resolvedConfig.enabledThemes.includes("light"))throw Error("[Swirl Theme Provider] Light theme must be enabled.")}determineOSTheme(){window.matchMedia?(this.osTheme=this.darkThemeMediaQuery.matches?"dark":"light",this.darkThemeMediaQuery.removeEventListener("change",this.osThemeChangeHandler),this.darkThemeMediaQuery.addEventListener("change",this.osThemeChangeHandler)):this.osTheme="light"}async updateAppTheme(){const e=await this.getPreferredOSTheme()||this.osTheme;this.appOSTheme=this.resolvedConfig.enabledThemes.includes(e)?e:"light","dark"===this.appOSTheme?(document.documentElement.classList.remove("theme-light"),document.documentElement.classList.add("theme-dark")):(document.documentElement.classList.remove("theme-dark"),document.documentElement.classList.add("theme-light")),this.updateTenantVariables(),this.updateTenantAssets();const t={activeTheme:await this.getActiveOSTheme(),preferredTheme:await this.getPreferredOSTheme()};this.recentOSThemeChangeEventData&&t.activeTheme===this.recentOSThemeChangeEventData.activeTheme&&t.preferredTheme===this.recentOSThemeChangeEventData.preferredTheme||(this.recentOSThemeChangeEventData=t,this.themeChange.emit(this.recentOSThemeChangeEventData)),this.appThemeUpdated.emit()}updateTenantAssets(){const e=this.resolvedConfig?.themes?.[this.appOSTheme];e&&document.head.querySelector('link[rel="icon"]')?.setAttribute("href",e.favicon.link)}updateTenantVariables(){const e=this.resolvedConfig?.themes?.[this.appOSTheme];if(!e)return void this.resetTenantVariables();const t=this.resolvedConfig.rootElement;this.setDesignTokens=[],e.design_tokens.forEach((e=>{const s="--s-"+e.id;t.style.setProperty(s,`rgba(${e.color.r}, ${e.color.g}, ${e.color.b}, ${e.color.a})`),this.setDesignTokens.push(s)}))}resetTenantVariables(){const e=this.resolvedConfig.rootElement;this.setDesignTokens.forEach((t=>{e.style.removeProperty(t)})),this.setDesignTokens=[]}render(){return i(h,{key:"fefdc5cefaea45d80da429da2abc4b370a162c7e"},i("slot",{key:"354717bed5f64caf726803a8eb6362eb5247ff4f"}))}static get watchers(){return{config:[{watchConfig:0}]}}static get style(){return".sc-swirl-theme-provider-h{display:unset}"}},[262,"swirl-theme-provider",{config:[16],getActiveOSTheme:[64],getPreferredOSTheme:[64],setPreferredOSTheme:[64],resetPreferredOSTheme:[64]},void 0,{config:[{watchConfig:0}]}]),c=a,o=function(){"undefined"!=typeof customElements&&["swirl-theme-provider"].forEach((e=>{"swirl-theme-provider"===e&&(customElements.get(r(e))||customElements.define(r(e),a))}))};export{c as SwirlThemeProvider,o as defineCustomElement}

package/dist/components/swirl-thumbnail.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as s,Host as a,transformTag as r}from"@stencil/core/internal/client";import{c as o}from"./index2.js";import{d as n}from"./swirl-button2.js";import{d as l}from"./swirl-button-group2.js";import{d as b}from"./swirl-progress-indicator2.js";import{d as h}from"./swirl-stack2.js";const m=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.edit=e(this,"edit",7),this.remove=e(this,"remove",7),this.thumbnailClick=e(this,"thumbnailClick",7),this.editButtonIcon="<swirl-icon-crop></swirl-icon-crop>",this.editButtonLabel="Edit",this.format="landscape",this.progressLabel="Loading progress",this.removeButtonLabel="Remove",this.size="m"}render(){const t=("xl"===this.size||"2xl"===this.size)&&"square"===this.format,i=this.showRemoveButton&&t,e=this.showEditButton&&t&&!("xl"===this.size&&i),r=e||i,n=!!this.timestamp&&t,l=this.interactive?"button":"span",b=o("thumbnail","thumbnail--format-"+this.format,"thumbnail--size-"+this.size,{"thumbnail--interactive":this.interactive,"thumbnail--has-progress":void 0!==this.progress});return s(a,{key:"60fd36e9353a9a86a70d1b35b745a32151a09bfa"},s("span",{key:"b9f3c84e30a8c03bfa2c6ce15698938af3b900be",class:b,role:"group"},s(l,{key:"ddc9b7af21b039f28885dc1bf41ff5d60606c4f8",class:"thumbnail__image-wrapper",onClick:this.thumbnailClick.emit,type:this.interactive?"button":void 0},s("img",{key:"f0fa51d8a133fd468f869e87fd47d0774ba6ecbe",alt:this.alt,class:"thumbnail__image",loading:"lazy",src:this.src})),void 0!==this.progress&&s("span",{key:"ffc442f88d1275a776599903c92ef409b793f70c",class:"thumbnail__progress-indicator"},s("swirl-progress-indicator",{key:"1c48d20c34404dde48a155c19dad06fe663e75ab",label:this.progressLabel,value:this.progress})),r&&s("swirl-button-group",{key:"4a95ec501ba7044a5412a587f409b9e7f0ac43ee",class:"thumbnail__buttons",segmented:e&&i},e&&s("span",{key:"044a398b54e024274fe3f221ac547385247ba1be"},s("swirl-button",{key:"a36fe962cfe305b2a72d4e9d830b36699f506ef8",hideLabel:!0,icon:this.editButtonIcon,label:this.editButtonLabel,onClick:this.edit.emit,pill:"xl"===this.size,variant:"on-image"})),i&&s("span",{key:"3703ecf16bc15af27753e91ec1a44b850d2273a5"},s("swirl-button",{key:"034d623775210846466ae6b233e3b3fb101ed001",hideLabel:!0,icon:"<swirl-icon-delete></swirl-icon-delete>",label:this.removeButtonLabel,onClick:this.remove.emit,pill:"xl"===this.size,variant:"on-image"}))),n&&s("span",{key:"b38746e0e4ff3d9e1505c16da8393b24cd8a4d6d",class:"thumbnail__timestamp"},this.timestamp)))}static get style(){return':host{display:inline-flex}:host *{box-sizing:border-box}.thumbnail{position:relative;display:inline-flex;overflow:hidden;padding:0.0625rem;border-radius:var(--s-border-radius-s)}.thumbnail--size-s{--swirl-thumbnail-size:2.5rem}.thumbnail--size-m{--swirl-thumbnail-size:3rem}.thumbnail--size-l{--swirl-thumbnail-size:4rem}.thumbnail--size-xl{--swirl-thumbnail-size:5rem;border-radius:var(--s-border-radius-sm)}.thumbnail--size-xl .thumbnail__buttons{transform:scale(0.75)}.thumbnail--size-2xl{--swirl-thumbnail-size:7.5rem;border-radius:var(--s-border-radius-sm)}.thumbnail--format-landscape{width:var(--swirl-thumbnail-size);aspect-ratio:4 / 3}.thumbnail--format-portrait{height:var(--swirl-thumbnail-size);aspect-ratio:3 / 4}.thumbnail--format-square{width:var(--swirl-thumbnail-size);height:var(--swirl-thumbnail-size)}.thumbnail--has-progress .thumbnail__timestamp{bottom:var(--s-space-8)}.thumbnail--interactive .thumbnail__image-wrapper{position:relative;padding:0;border:none;background-color:transparent;cursor:pointer}.thumbnail--interactive .thumbnail__image-wrapper:hover:after{position:absolute;background-color:rgba(0, 0, 0, 0.15);content:"";inset:0}.thumbnail--interactive .thumbnail__image-wrapper:active:after{position:absolute;background-color:rgba(0, 0, 0, 0.3);content:"";inset:0}.thumbnail__image-wrapper{overflow:hidden;width:100%;height:100%;border-radius:var(--s-border-radius-s);box-shadow:inset 0 0 0 0.03125rem rgba(0, 0, 0, 0.1)}.thumbnail__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.thumbnail__progress-indicator{position:absolute;z-index:1;right:0;bottom:0;left:0}.thumbnail__buttons{position:absolute;z-index:1;top:var(--s-space-4);right:var(--s-space-4)}@media (hover: hover){.thumbnail__buttons{opacity:0}.thumbnail:hover .thumbnail__buttons{opacity:1}}.thumbnail__timestamp{position:absolute;z-index:1;bottom:var(--s-space-4);left:var(--s-space-4);display:block;overflow:hidden;max-width:calc(100% - 2 * var(--s-space-4));height:1.5rem;padding-right:var(--s-space-8);padding-left:var(--s-space-8);align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.6);font-size:var(--s-font-size-sm);line-height:1.5rem;white-space:nowrap;text-overflow:ellipsis}'}},[1,"swirl-thumbnail",{alt:[1],editButtonIcon:[1,"edit-button-icon"],editButtonLabel:[1,"edit-button-label"],format:[1],interactive:[4],progress:[2],progressLabel:[1,"progress-label"],removeButtonLabel:[1,"remove-button-label"],showEditButton:[4,"show-edit-button"],showRemoveButton:[4,"show-remove-button"],size:[1],src:[1],timestamp:[1]}]),c=m,u=function(){"undefined"!=typeof customElements&&["swirl-thumbnail","swirl-button","swirl-button-group","swirl-progress-indicator","swirl-stack"].forEach((t=>{switch(t){case"swirl-thumbnail":customElements.get(r(t))||customElements.define(r(t),m);break;case"swirl-button":customElements.get(r(t))||n();break;case"swirl-button-group":customElements.get(r(t))||l();break;case"swirl-progress-indicator":customElements.get(r(t))||b();break;case"swirl-stack":customElements.get(r(t))||h()}}))};export{c as SwirlThumbnail,u as defineCustomElement}
+import{p as t,H as i,c as e,h as s,d as a,t as r}from"./p-BIzYxcO0.js";import{c as o}from"./p-CTIzk_ki.js";import{d as n}from"./p-DWVJBU8l.js";import{d as l}from"./p-DCxwPw77.js";import{d as b}from"./p-DXnY4CJZ.js";import{d as h}from"./p-BGcNhzCf.js";const m=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.edit=e(this,"edit",7),this.remove=e(this,"remove",7),this.thumbnailClick=e(this,"thumbnailClick",7),this.editButtonIcon="<swirl-icon-crop></swirl-icon-crop>",this.editButtonLabel="Edit",this.format="landscape",this.progressLabel="Loading progress",this.removeButtonLabel="Remove",this.size="m"}render(){const t=("xl"===this.size||"2xl"===this.size)&&"square"===this.format,i=this.showRemoveButton&&t,e=this.showEditButton&&t&&!("xl"===this.size&&i),r=e||i,n=!!this.timestamp&&t,l=this.interactive?"button":"span",b=o("thumbnail","thumbnail--format-"+this.format,"thumbnail--size-"+this.size,{"thumbnail--interactive":this.interactive,"thumbnail--has-progress":void 0!==this.progress});return s(a,{key:"60fd36e9353a9a86a70d1b35b745a32151a09bfa"},s("span",{key:"b9f3c84e30a8c03bfa2c6ce15698938af3b900be",class:b,role:"group"},s(l,{key:"ddc9b7af21b039f28885dc1bf41ff5d60606c4f8",class:"thumbnail__image-wrapper",onClick:this.thumbnailClick.emit,type:this.interactive?"button":void 0},s("img",{key:"f0fa51d8a133fd468f869e87fd47d0774ba6ecbe",alt:this.alt,class:"thumbnail__image",loading:"lazy",src:this.src})),void 0!==this.progress&&s("span",{key:"ffc442f88d1275a776599903c92ef409b793f70c",class:"thumbnail__progress-indicator"},s("swirl-progress-indicator",{key:"1c48d20c34404dde48a155c19dad06fe663e75ab",label:this.progressLabel,value:this.progress})),r&&s("swirl-button-group",{key:"4a95ec501ba7044a5412a587f409b9e7f0ac43ee",class:"thumbnail__buttons",segmented:e&&i},e&&s("span",{key:"044a398b54e024274fe3f221ac547385247ba1be"},s("swirl-button",{key:"a36fe962cfe305b2a72d4e9d830b36699f506ef8",hideLabel:!0,icon:this.editButtonIcon,label:this.editButtonLabel,onClick:this.edit.emit,pill:"xl"===this.size,variant:"on-image"})),i&&s("span",{key:"3703ecf16bc15af27753e91ec1a44b850d2273a5"},s("swirl-button",{key:"034d623775210846466ae6b233e3b3fb101ed001",hideLabel:!0,icon:"<swirl-icon-delete></swirl-icon-delete>",label:this.removeButtonLabel,onClick:this.remove.emit,pill:"xl"===this.size,variant:"on-image"}))),n&&s("span",{key:"b38746e0e4ff3d9e1505c16da8393b24cd8a4d6d",class:"thumbnail__timestamp"},this.timestamp)))}static get style(){return':host{display:inline-flex}:host *{box-sizing:border-box}.thumbnail{position:relative;display:inline-flex;overflow:hidden;padding:0.0625rem;border-radius:var(--s-border-radius-s)}.thumbnail--size-s{--swirl-thumbnail-size:2.5rem}.thumbnail--size-m{--swirl-thumbnail-size:3rem}.thumbnail--size-l{--swirl-thumbnail-size:4rem}.thumbnail--size-xl{--swirl-thumbnail-size:5rem;border-radius:var(--s-border-radius-sm)}.thumbnail--size-xl .thumbnail__buttons{transform:scale(0.75)}.thumbnail--size-2xl{--swirl-thumbnail-size:7.5rem;border-radius:var(--s-border-radius-sm)}.thumbnail--format-landscape{width:var(--swirl-thumbnail-size);aspect-ratio:4 / 3}.thumbnail--format-portrait{height:var(--swirl-thumbnail-size);aspect-ratio:3 / 4}.thumbnail--format-square{width:var(--swirl-thumbnail-size);height:var(--swirl-thumbnail-size)}.thumbnail--has-progress .thumbnail__timestamp{bottom:var(--s-space-8)}.thumbnail--interactive .thumbnail__image-wrapper{position:relative;padding:0;border:none;background-color:transparent;cursor:pointer}.thumbnail--interactive .thumbnail__image-wrapper:hover:after{position:absolute;background-color:rgba(0, 0, 0, 0.15);content:"";inset:0}.thumbnail--interactive .thumbnail__image-wrapper:active:after{position:absolute;background-color:rgba(0, 0, 0, 0.3);content:"";inset:0}.thumbnail__image-wrapper{overflow:hidden;width:100%;height:100%;border-radius:var(--s-border-radius-s);box-shadow:inset 0 0 0 0.03125rem rgba(0, 0, 0, 0.1)}.thumbnail__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.thumbnail__progress-indicator{position:absolute;z-index:1;right:0;bottom:0;left:0}.thumbnail__buttons{position:absolute;z-index:1;top:var(--s-space-4);right:var(--s-space-4)}@media (hover: hover){.thumbnail__buttons{opacity:0}.thumbnail:hover .thumbnail__buttons{opacity:1}}.thumbnail__timestamp{position:absolute;z-index:1;bottom:var(--s-space-4);left:var(--s-space-4);display:block;overflow:hidden;max-width:calc(100% - 2 * var(--s-space-4));height:1.5rem;padding-right:var(--s-space-8);padding-left:var(--s-space-8);align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.6);font-size:var(--s-font-size-sm);line-height:1.5rem;white-space:nowrap;text-overflow:ellipsis}'}},[1,"swirl-thumbnail",{alt:[1],editButtonIcon:[1,"edit-button-icon"],editButtonLabel:[1,"edit-button-label"],format:[1],interactive:[4],progress:[2],progressLabel:[1,"progress-label"],removeButtonLabel:[1,"remove-button-label"],showEditButton:[4,"show-edit-button"],showRemoveButton:[4,"show-remove-button"],size:[1],src:[1],timestamp:[1]}]),c=m,u=function(){"undefined"!=typeof customElements&&["swirl-thumbnail","swirl-button","swirl-button-group","swirl-progress-indicator","swirl-stack"].forEach((t=>{switch(t){case"swirl-thumbnail":customElements.get(r(t))||customElements.define(r(t),m);break;case"swirl-button":customElements.get(r(t))||n();break;case"swirl-button-group":customElements.get(r(t))||l();break;case"swirl-progress-indicator":customElements.get(r(t))||b();break;case"swirl-stack":customElements.get(r(t))||h()}}))};export{c as SwirlThumbnail,u as defineCustomElement}

package/dist/components/swirl-time-input.js

@@ -1 +1 @@
-import{proxyCustomElement as i,HTMLElement as t,createEvent as e,h as s,Host as n,transformTag as a}from"@stencil/core/internal/client";import{c as r}from"./index2.js";import{p as o,i as h,f as m,I as c}from"./index3.js";import{D as l}from"./media-query.service.js";const d="HH:mm:ss",u=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.inputBlur=e(this,"inputBlur",7),this.inputFocus=e(this,"inputFocus",7),this.valueChange=e(this,"valueChange",7),this.format="HH:mm",this.placeholder="hh:mm",this.iconSize=24,this.mediaQueryUnsubscribe=()=>{},this.onBlur=i=>{this.inputBlur.emit(i)},this.onClick=i=>{i.preventDefault()},this.onFocus=i=>{this.inputFocus.emit(i),this.handleAutoSelect(i)}}componentWillLoad(){const i=Array.from(document.querySelectorAll("swirl-time-input")).indexOf(this.el);this.id="swirl-time-input-"+i}componentDidLoad(){this.setupMask(),this.mediaQueryUnsubscribe=l.subscribe((i=>{this.updateIconSize(i)})),this.autoFocus&&setTimeout((()=>{this.inputEl.focus()}))}disconnectedCallback(){this.mask?.destroy(),this.mediaQueryUnsubscribe()}watchFormat(){this.setupMask()}watchValue(i,t){if(i!==t)if(this.valueChange.emit(i),this.mask&&i){const t=this.getPattern();let e=o(i,d,new Date);if(h(e)||(e=o(i,t,new Date)),h(e)){const i=m(e,t);this.mask.value=i}}else this.mask&&!i&&(this.mask.value="")}updateIconSize(i){this.iconSize=i?20:24}getPattern(){return this.format.replace(/(?<!H)H(?!H)/g,"HH").replace(/(?<!h)h(?!h)/g,"hh").replace(/(?<!m)m(?!m)/g,"mm").replace(/(?<!s)s(?!s)/g,"ss").replace(/(?<!a)a(?!a)/g,"aa")}handleAutoSelect(i){this.autoSelect?i.target&&i.target instanceof HTMLInputElement&&i.target.select():setTimeout((()=>{i.target&&i.target instanceof HTMLInputElement&&i.target.setSelectionRange&&i.target.setSelectionRange(0,0)}))}setupMask(){this.mask?.destroy();const i=this.getPattern();if(this.mask=c(this.inputEl,{mask:Date,pattern:i.replace(/([^A-Za-z0-9])/g,"$1`"),autofix:"pad",lazy:!0,overwrite:!0,eager:"append",prepareChar:i=>i.toUpperCase(),blocks:{HH:{mask:c.MaskedRange,from:0,to:23,maxLength:2},hh:{mask:c.MaskedRange,from:1,to:12,maxLength:2},mm:{mask:c.MaskedRange,from:0,to:59,maxLength:2},ss:{mask:c.MaskedRange,from:0,to:59,maxLength:2},aa:{mask:c.MaskedEnum,enum:["AM","PM"],maxLength:2}},format:t=>h(t)?(this.value=m(t,d),m(t,i)):"",parse:t=>o(t,i,new Date)}),this.value){const t=o(this.value,d,new Date);if(h(t)){const e=m(t,i);this.mask.value=e}}}render(){const i=!0===this.invalid||!1===this.invalid?this.invalid+"":void 0,t=r("time-input",{"time-input--inline":this.inline});return s(n,{key:"43058ce1fa97dbc5cf73086a5acd828a88328aa5"},s("div",{key:"a4e1bbb9fc7eb6606dda7188d1e72a21102107c8",class:t},s("input",{key:"1ad135fe74ea2b1b689fb6ba1de56d559cad7d0a","aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":i,autoFocus:this.autoFocus,class:"time-input__input",disabled:this.disabled,id:this.id,inputmode:"numeric",onBlur:this.onBlur,onClick:this.onClick,onFocus:this.onFocus,placeholder:this.placeholder,ref:i=>this.inputEl=i,required:this.required,type:"text",readonly:this.readonly}),s("span",{key:"d066aca8ce3c3f094062b0bb2a3956eb9e08409e",class:"time-input__icon"},s("swirl-icon-time-outlined",{key:"e15099d26bfea37c564b12bc070d0a0748569e9b",size:this.iconSize}))))}get el(){return this}static get watchers(){return{format:[{watchFormat:0}],value:[{watchValue:0}]}}static get style(){return".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h *.sc-swirl-time-input{box-sizing:border-box}.time-input.sc-swirl-time-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:0}}.time-input__input.sc-swirl-time-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.time-input__input.sc-swirl-time-input:focus{outline:none}.time-input__input.sc-swirl-time-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__input.sc-swirl-time-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.time-input__icon.sc-swirl-time-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__icon.sc-swirl-time-input{top:-0.625rem}}"}},[2,"swirl-time-input",{autoFocus:[4,"auto-focus"],autoSelect:[4,"auto-select"],disabled:[4],format:[1],inline:[4],invalid:[4],placeholder:[1],required:[4],swirlAriaDescribedby:[1,"swirl-aria-describedby"],value:[1537],readonly:[4],iconSize:[32]},void 0,{format:[{watchFormat:0}],value:[{watchValue:0}]}]),p=u,f=function(){"undefined"!=typeof customElements&&["swirl-time-input"].forEach((i=>{"swirl-time-input"===i&&(customElements.get(a(i))||customElements.define(a(i),u))}))};export{p as SwirlTimeInput,f as defineCustomElement}
+import{p as t,H as i,c as e,h as s,d as a,t as n}from"./p-BIzYxcO0.js";import{c as r}from"./p-CTIzk_ki.js";import{p as o,i as h,f as m,I as c}from"./p-D3UoejeY.js";import{D as l}from"./p-WUxuIVzT.js";const p="HH:mm:ss",u=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.inputBlur=e(this,"inputBlur",7),this.inputFocus=e(this,"inputFocus",7),this.valueChange=e(this,"valueChange",7),this.format="HH:mm",this.placeholder="hh:mm",this.iconSize=24,this.mediaQueryUnsubscribe=()=>{},this.onBlur=t=>{this.inputBlur.emit(t)},this.onClick=t=>{t.preventDefault()},this.onFocus=t=>{this.inputFocus.emit(t),this.handleAutoSelect(t)}}componentWillLoad(){const t=Array.from(document.querySelectorAll("swirl-time-input")).indexOf(this.el);this.id="swirl-time-input-"+t}componentDidLoad(){this.setupMask(),this.mediaQueryUnsubscribe=l.subscribe((t=>{this.updateIconSize(t)})),this.autoFocus&&setTimeout((()=>{this.inputEl.focus()}))}disconnectedCallback(){this.mask?.destroy(),this.mediaQueryUnsubscribe()}watchFormat(){this.setupMask()}watchValue(t,i){if(t!==i)if(this.valueChange.emit(t),this.mask&&t){const i=this.getPattern();let e=o(t,p,new Date);if(h(e)||(e=o(t,i,new Date)),h(e)){const t=m(e,i);this.mask.value=t}}else this.mask&&!t&&(this.mask.value="")}updateIconSize(t){this.iconSize=t?20:24}getPattern(){return this.format.replace(/(?<!H)H(?!H)/g,"HH").replace(/(?<!h)h(?!h)/g,"hh").replace(/(?<!m)m(?!m)/g,"mm").replace(/(?<!s)s(?!s)/g,"ss").replace(/(?<!a)a(?!a)/g,"aa")}handleAutoSelect(t){this.autoSelect?t.target&&t.target instanceof HTMLInputElement&&t.target.select():setTimeout((()=>{t.target&&t.target instanceof HTMLInputElement&&t.target.setSelectionRange&&t.target.setSelectionRange(0,0)}))}setupMask(){this.mask?.destroy();const t=this.getPattern();if(this.mask=c(this.inputEl,{mask:Date,pattern:t.replace(/([^A-Za-z0-9])/g,"$1`"),autofix:"pad",lazy:!0,overwrite:!0,eager:"append",prepareChar:t=>t.toUpperCase(),blocks:{HH:{mask:c.MaskedRange,from:0,to:23,maxLength:2},hh:{mask:c.MaskedRange,from:1,to:12,maxLength:2},mm:{mask:c.MaskedRange,from:0,to:59,maxLength:2},ss:{mask:c.MaskedRange,from:0,to:59,maxLength:2},aa:{mask:c.MaskedEnum,enum:["AM","PM"],maxLength:2}},format:i=>h(i)?(this.value=m(i,p),m(i,t)):"",parse:i=>o(i,t,new Date)}),this.value){const i=o(this.value,p,new Date);if(h(i)){const e=m(i,t);this.mask.value=e}}}render(){const t=!0===this.invalid||!1===this.invalid?this.invalid+"":void 0,i=r("time-input",{"time-input--inline":this.inline});return s(a,{key:"43058ce1fa97dbc5cf73086a5acd828a88328aa5"},s("div",{key:"a4e1bbb9fc7eb6606dda7188d1e72a21102107c8",class:i},s("input",{key:"1ad135fe74ea2b1b689fb6ba1de56d559cad7d0a","aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":t,autoFocus:this.autoFocus,class:"time-input__input",disabled:this.disabled,id:this.id,inputmode:"numeric",onBlur:this.onBlur,onClick:this.onClick,onFocus:this.onFocus,placeholder:this.placeholder,ref:t=>this.inputEl=t,required:this.required,type:"text",readonly:this.readonly}),s("span",{key:"d066aca8ce3c3f094062b0bb2a3956eb9e08409e",class:"time-input__icon"},s("swirl-icon-time-outlined",{key:"e15099d26bfea37c564b12bc070d0a0748569e9b",size:this.iconSize}))))}get el(){return this}static get watchers(){return{format:[{watchFormat:0}],value:[{watchValue:0}]}}static get style(){return".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h *.sc-swirl-time-input{box-sizing:border-box}.time-input.sc-swirl-time-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:0}}.time-input__input.sc-swirl-time-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.time-input__input.sc-swirl-time-input:focus{outline:none}.time-input__input.sc-swirl-time-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__input.sc-swirl-time-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.time-input__icon.sc-swirl-time-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__icon.sc-swirl-time-input{top:-0.625rem}}"}},[2,"swirl-time-input",{autoFocus:[4,"auto-focus"],autoSelect:[4,"auto-select"],disabled:[4],format:[1],inline:[4],invalid:[4],placeholder:[1],required:[4],swirlAriaDescribedby:[1,"swirl-aria-describedby"],value:[1537],readonly:[4],iconSize:[32]},void 0,{format:[{watchFormat:0}],value:[{watchValue:0}]}]),d=u,f=function(){"undefined"!=typeof customElements&&["swirl-time-input"].forEach((t=>{"swirl-time-input"===t&&(customElements.get(n(t))||customElements.define(n(t),u))}))};export{d as SwirlTimeInput,f as defineCustomElement}

package/dist/components/swirl-toast-provider.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as s,h as i,Host as o,transformTag as e}from"@stencil/core/internal/client";import{d as a}from"./swirl-button2.js";import{d as n}from"./swirl-icon-close2.js";import{d as r}from"./swirl-stack2.js";import{d as c}from"./swirl-toast2.js";const l=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.toasts=[],this.activeDialogStack=[],this.originalParent=null,this.onAction=t=>{const s=this.toasts.find((({toastId:s})=>s===t.detail));s&&(s.onAction?.(s.toastId),s.dismissOnAction&&this.dismiss(t.detail))},this.onDismiss=t=>{this.dismiss(t.detail)}}async clearAll(){this.toasts=[]}async dismiss(t){const s=this.toasts.find((s=>t===s.toastId));s&&(s.onDismiss?.(s.toastId),this.toasts=[...this.toasts].filter((s=>s.toastId!==t)))}async toast(t){if(this.toasts.some((s=>s.toastId===t.toastId)))return;const s={...t,createdAt:new Date,duration:t.duration||this.globalDuration||void 0,toastId:t.toastId||Math.round(1e4*Math.random())+""};return this.toasts=[...this.toasts,s],s}componentWillLoad(){this.originalParent=this.el.parentElement}disconnectedCallback(){this.el.isConnected||(this.activeDialogStack=this.activeDialogStack.filter((t=>t.isConnected)),this.ensureCorrectPosition())}handleDialogToggle(t){const{newState:s,dialog:i}=t.detail;"open"===s?this.onDialogOpen(i):this.onDialogClose(i)}onToastsChange(){this.toasts.length>0?this.ensureCorrectPosition():this.popoverEl.hidePopover()}onDialogOpen(t){this.activeDialogStack.includes(t)||this.activeDialogStack.push(t),this.toasts.length>0&&this.ensureCorrectPosition()}onDialogClose(t){this.activeDialogStack=this.activeDialogStack.filter((s=>s!=t)),this.toasts.length>0&&this.ensureCorrectPosition()}ensureCorrectPosition(){const t=this.activeDialogStack[this.activeDialogStack.length-1]||this.originalParent;this.el.parentElement!==t&&t.appendChild(this.el),this.popoverEl.hidePopover(),this.popoverEl.showPopover()}render(){return i(o,{key:"45be26d34ad00323d7ac8fa60d893b051ae5e73a",role:"status"},i("swirl-stack",{key:"9b4a13d53d6cbf870fbcaf7bf79767529e40abc0",class:"toast-provider__stack",part:"toast-provider__stack",popover:"manual",spacing:"12",align:"center",ref:t=>this.popoverEl=t},this.toasts.map((t=>{const s={...t,content:void 0,onDismiss:void 0,onAction:void 0};return i("swirl-toast",{key:t.toastId,...s,onDismiss:this.onDismiss,onAction:this.onAction},t.content)}))))}get el(){return this}static get watchers(){return{toasts:[{onToastsChange:0}]}}static get style(){return".toast-provider__stack{position:fixed;inset:unset;bottom:var(--s-space-16);left:0;right:0;pointer-events:none;margin:0 var(--s-space-24);border:none;padding:0;background:none;width:auto;overflow:unset}.toast-provider__stack::backdrop{display:none}.toast-provider__stack>*{width:auto;pointer-events:auto}"}},[1,"swirl-toast-provider",{globalDuration:[2,"global-duration"],toasts:[32],clearAll:[64],dismiss:[64],toast:[64]},[[4,"toggleDialog","handleDialogToggle"]],{toasts:[{onToastsChange:0}]}]),h=l,d=function(){"undefined"!=typeof customElements&&["swirl-toast-provider","swirl-button","swirl-icon-close","swirl-stack","swirl-toast"].forEach((t=>{switch(t){case"swirl-toast-provider":customElements.get(e(t))||customElements.define(e(t),l);break;case"swirl-button":customElements.get(e(t))||a();break;case"swirl-icon-close":customElements.get(e(t))||n();break;case"swirl-stack":customElements.get(e(t))||r();break;case"swirl-toast":customElements.get(e(t))||c()}}))};export{h as SwirlToastProvider,d as defineCustomElement}
+import{p as t,H as s,h as i,d as o,t as e}from"./p-BIzYxcO0.js";import{d as a}from"./p-DWVJBU8l.js";import{d as n}from"./p-Cz9YHhEr.js";import{d as r}from"./p-BGcNhzCf.js";import{d as c}from"./p-DUOOPGWB.js";const h=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.toasts=[],this.activeDialogStack=[],this.originalParent=null,this.onAction=t=>{const s=this.toasts.find((({toastId:s})=>s===t.detail));s&&(s.onAction?.(s.toastId),s.dismissOnAction&&this.dismiss(t.detail))},this.onDismiss=t=>{this.dismiss(t.detail)}}async clearAll(){this.toasts=[]}async dismiss(t){const s=this.toasts.find((s=>t===s.toastId));s&&(s.onDismiss?.(s.toastId),this.toasts=[...this.toasts].filter((s=>s.toastId!==t)))}async toast(t){if(this.toasts.some((s=>s.toastId===t.toastId)))return;const s={...t,createdAt:new Date,duration:t.duration||this.globalDuration||void 0,toastId:t.toastId||Math.round(1e4*Math.random())+""};return this.toasts=[...this.toasts,s],s}componentWillLoad(){this.originalParent=this.el.parentElement}disconnectedCallback(){this.el.isConnected||(this.activeDialogStack=this.activeDialogStack.filter((t=>t.isConnected)),this.ensureCorrectPosition())}handleDialogToggle(t){const{newState:s,dialog:i}=t.detail;"open"===s?this.onDialogOpen(i):this.onDialogClose(i)}onToastsChange(){this.toasts.length>0?this.ensureCorrectPosition():this.popoverEl.hidePopover()}onDialogOpen(t){this.activeDialogStack.includes(t)||this.activeDialogStack.push(t),this.toasts.length>0&&this.ensureCorrectPosition()}onDialogClose(t){this.activeDialogStack=this.activeDialogStack.filter((s=>s!=t)),this.toasts.length>0&&this.ensureCorrectPosition()}ensureCorrectPosition(){const t=this.activeDialogStack[this.activeDialogStack.length-1]||this.originalParent;this.el.parentElement!==t&&t.appendChild(this.el),this.popoverEl.hidePopover(),this.popoverEl.showPopover()}render(){return i(o,{key:"45be26d34ad00323d7ac8fa60d893b051ae5e73a",role:"status"},i("swirl-stack",{key:"9b4a13d53d6cbf870fbcaf7bf79767529e40abc0",class:"toast-provider__stack",part:"toast-provider__stack",popover:"manual",spacing:"12",align:"center",ref:t=>this.popoverEl=t},this.toasts.map((t=>{const s={...t,content:void 0,onDismiss:void 0,onAction:void 0};return i("swirl-toast",{key:t.toastId,...s,onDismiss:this.onDismiss,onAction:this.onAction},t.content)}))))}get el(){return this}static get watchers(){return{toasts:[{onToastsChange:0}]}}static get style(){return".toast-provider__stack{position:fixed;inset:unset;bottom:var(--s-space-16);left:0;right:0;pointer-events:none;margin:0 var(--s-space-24);border:none;padding:0;background:none;width:auto;overflow:unset}.toast-provider__stack::backdrop{display:none}.toast-provider__stack>*{width:auto;pointer-events:auto}"}},[1,"swirl-toast-provider",{globalDuration:[2,"global-duration"],toasts:[32],clearAll:[64],dismiss:[64],toast:[64]},[[4,"toggleDialog","handleDialogToggle"]],{toasts:[{onToastsChange:0}]}]),l=h,d=function(){"undefined"!=typeof customElements&&["swirl-toast-provider","swirl-button","swirl-icon-close","swirl-stack","swirl-toast"].forEach((t=>{switch(t){case"swirl-toast-provider":customElements.get(e(t))||customElements.define(e(t),h);break;case"swirl-button":customElements.get(e(t))||a();break;case"swirl-icon-close":customElements.get(e(t))||n();break;case"swirl-stack":customElements.get(e(t))||r();break;case"swirl-toast":customElements.get(e(t))||c()}}))};export{l as SwirlToastProvider,d as defineCustomElement}

package/dist/components/swirl-toast.js

@@ -1 +1 @@
-import{S as s,d as o}from"./swirl-toast2.js";const t=s,r=o;export{t as SwirlToast,r as defineCustomElement}
+import{S as o,d as s}from"./p-DUOOPGWB.js";const p=o,r=s;export{p as SwirlToast,r as defineCustomElement}

package/dist/components/swirl-toggle-button.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as o,transformTag as s}from"@stencil/core/internal/client";import{c as i}from"./index2.js";import{d as n}from"./swirl-icon2.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isPressed=!1,this.onClick=()=>{this.isPressed=!0}}render(){const t=i("button",{"button--pressed":this.isPressed});return o("button",{key:"52ab21d13cc1c06a88384fd740a5b420df848033",class:t,type:"button","aria-pressed":this.isPressed?"true":"false",onClick:this.onClick},this.icon&&o("swirl-icon",{key:"91cbb63a08101376eb94fcd69345324e58bdd7fa",class:"button__icon",glyph:this.icon}),o("span",{key:"60dcfc3d532b8132c2f6b0eff07d4a67a27c0316",class:"button__label"},this.label))}static get style(){return":host{display:inline-block}:host *{box-sizing:border-box}.button{display:inline-flex;gap:var(--s-space-8);width:100%;padding:0.375rem var(--s-space-8);justify-content:center;align-items:center;border:none;border-radius:0.375rem;color:var(--s-text-default);background-color:var(--s-surface-sunken-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer}.button:hover{background-color:var(--s-surface-sunken-hovered)}.button:active{background-color:var(--s-surface-sunken-pressed)}.button:focus:not(:focus-visible){outline:none}.button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.button.button--pressed{background-color:var(--s-surface-default);color:var(--s-text-highlight);box-shadow:var(--s-shadow-level-1)}.button.button--pressed .button__icon{color:var(--s-icon-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}}.button__label{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}.button__icon{width:1.5rem;height:1.5rem;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button__icon{width:1.25rem;height:1.25rem}}"}},[1,"swirl-toggle-button",{identifier:[1],label:[1],icon:[1],isPressed:[1028,"is-pressed"]}]),a=r,c=function(){"undefined"!=typeof customElements&&["swirl-toggle-button","swirl-icon"].forEach((t=>{switch(t){case"swirl-toggle-button":customElements.get(s(t))||customElements.define(s(t),r);break;case"swirl-icon":customElements.get(s(t))||n()}}))};export{a as SwirlToggleButton,c as defineCustomElement}
+import{p as t,H as e,h as s,t as o}from"./p-BIzYxcO0.js";import{c as i}from"./p-CTIzk_ki.js";import{d as n}from"./p-B0WN1rps.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isPressed=!1,this.onClick=()=>{this.isPressed=!0}}render(){const t=i("button",{"button--pressed":this.isPressed});return s("button",{key:"52ab21d13cc1c06a88384fd740a5b420df848033",class:t,type:"button","aria-pressed":this.isPressed?"true":"false",onClick:this.onClick},this.icon&&s("swirl-icon",{key:"91cbb63a08101376eb94fcd69345324e58bdd7fa",class:"button__icon",glyph:this.icon}),s("span",{key:"60dcfc3d532b8132c2f6b0eff07d4a67a27c0316",class:"button__label"},this.label))}static get style(){return":host{display:inline-block}:host *{box-sizing:border-box}.button{display:inline-flex;gap:var(--s-space-8);width:100%;padding:0.375rem var(--s-space-8);justify-content:center;align-items:center;border:none;border-radius:0.375rem;color:var(--s-text-default);background-color:var(--s-surface-sunken-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer}.button:hover{background-color:var(--s-surface-sunken-hovered)}.button:active{background-color:var(--s-surface-sunken-pressed)}.button:focus:not(:focus-visible){outline:none}.button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.button.button--pressed{background-color:var(--s-surface-default);color:var(--s-text-highlight);box-shadow:var(--s-shadow-level-1)}.button.button--pressed .button__icon{color:var(--s-icon-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}}.button__label{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}.button__icon{width:1.5rem;height:1.5rem;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button__icon{width:1.25rem;height:1.25rem}}"}},[1,"swirl-toggle-button",{identifier:[1],label:[1],icon:[1],isPressed:[1028,"is-pressed"]}]),a=r,c=function(){"undefined"!=typeof customElements&&["swirl-toggle-button","swirl-icon"].forEach((t=>{switch(t){case"swirl-toggle-button":customElements.get(o(t))||customElements.define(o(t),r);break;case"swirl-icon":customElements.get(o(t))||n()}}))};export{a as SwirlToggleButton,c as defineCustomElement}

package/dist/components/swirl-toggle-group.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as s,h as o,transformTag as i}from"@stencil/core/internal/client";import{c as l}from"./index2.js";import{d as r}from"./swirl-stack2.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.selectedToggleChange=s(this,"selectedToggleChange",7),this.variant="flat",this.toggleButtons=[],this.onSlotChange=()=>{this.toggleButtons=Array.from(this.el.querySelectorAll("swirl-toggle-button")),this.setTogglePressedStates()}}watchSelectedToggleId(e,t){e!==t&&(this.selectedToggleChange.emit(e),this.setTogglePressedStates())}onClick(e){const t=e.target;"SWIRL-TOGGLE-BUTTON"===t?.tagName&&(e.stopPropagation(),this.selectedToggleId=t.identifier)}setTogglePressedStates(){this.toggleButtons?.length&&(this.selectedToggleId&&this.toggleButtons.some((e=>e.identifier===this.selectedToggleId))?this.toggleButtonWithId(this.selectedToggleId):this.toggleButtonWithId(this.toggleButtons[0].identifier))}toggleButtonWithId(e){this.toggleButtons?.length&&this.toggleButtons.forEach((t=>{t.isPressed=t.identifier===e}))}render(){const e=l("toggle-group","toggle-group--variant-"+this.variant,{"toggle-group--elevated":this.elevated});return o("swirl-stack",{key:"d7d63a7cc5ae1b951bb5ecf1a92ae284cfd03ee9",class:e,"aria-label":this.swirlAriaLabel,spacing:"4",orientation:"horizontal",align:"center",role:"group"},o("slot",{key:"dab02efe5e0c516088452c64eab6fff4da4111f2",onSlotchange:this.onSlotChange}))}get el(){return this}static get watchers(){return{selectedToggleId:[{watchSelectedToggleId:0}]}}static get style(){return":host{display:inline-block}:host *{box-sizing:border-box}.toggle-group{padding:var(--s-space-2);background-color:var(--s-surface-sunken-default);border-radius:var(--s-space-8);transition:box-shadow 0.3s}.toggle-group--elevated{box-shadow:var(--s-shadow-level-2)}.toggle-group--variant-outline{outline:var(--s-border-width-default) solid var(--s-border-strong);outline-offset:calc(var(--s-border-width-default) * -1)}"}},[257,"swirl-toggle-group",{elevated:[4],variant:[1],swirlAriaLabel:[1,"swirl-aria-label"],selectedToggleId:[1025,"selected-toggle-id"]},[[0,"click","onClick"]],{selectedToggleId:[{watchSelectedToggleId:0}]}]),g=a,c=function(){"undefined"!=typeof customElements&&["swirl-toggle-group","swirl-stack"].forEach((e=>{switch(e){case"swirl-toggle-group":customElements.get(i(e))||customElements.define(i(e),a);break;case"swirl-stack":customElements.get(i(e))||r()}}))};export{g as SwirlToggleGroup,c as defineCustomElement}
+import{p as e,H as t,c as s,h as o,t as i}from"./p-BIzYxcO0.js";import{c as r}from"./p-CTIzk_ki.js";import{d as l}from"./p-BGcNhzCf.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.selectedToggleChange=s(this,"selectedToggleChange",7),this.variant="flat",this.toggleButtons=[],this.onSlotChange=()=>{this.toggleButtons=Array.from(this.el.querySelectorAll("swirl-toggle-button")),this.setTogglePressedStates()}}watchSelectedToggleId(e,t){e!==t&&(this.selectedToggleChange.emit(e),this.setTogglePressedStates())}onClick(e){const t=e.target;"SWIRL-TOGGLE-BUTTON"===t?.tagName&&(e.stopPropagation(),this.selectedToggleId=t.identifier)}setTogglePressedStates(){this.toggleButtons?.length&&(this.selectedToggleId&&this.toggleButtons.some((e=>e.identifier===this.selectedToggleId))?this.toggleButtonWithId(this.selectedToggleId):this.toggleButtonWithId(this.toggleButtons[0].identifier))}toggleButtonWithId(e){this.toggleButtons?.length&&this.toggleButtons.forEach((t=>{t.isPressed=t.identifier===e}))}render(){const e=r("toggle-group","toggle-group--variant-"+this.variant,{"toggle-group--elevated":this.elevated});return o("swirl-stack",{key:"d7d63a7cc5ae1b951bb5ecf1a92ae284cfd03ee9",class:e,"aria-label":this.swirlAriaLabel,spacing:"4",orientation:"horizontal",align:"center",role:"group"},o("slot",{key:"dab02efe5e0c516088452c64eab6fff4da4111f2",onSlotchange:this.onSlotChange}))}get el(){return this}static get watchers(){return{selectedToggleId:[{watchSelectedToggleId:0}]}}static get style(){return":host{display:inline-block}:host *{box-sizing:border-box}.toggle-group{padding:var(--s-space-2);background-color:var(--s-surface-sunken-default);border-radius:var(--s-space-8);transition:box-shadow 0.3s}.toggle-group--elevated{box-shadow:var(--s-shadow-level-2)}.toggle-group--variant-outline{outline:var(--s-border-width-default) solid var(--s-border-strong);outline-offset:calc(var(--s-border-width-default) * -1)}"}},[257,"swirl-toggle-group",{elevated:[4],variant:[1],swirlAriaLabel:[1,"swirl-aria-label"],selectedToggleId:[1025,"selected-toggle-id"]},[[0,"click","onClick"]],{selectedToggleId:[{watchSelectedToggleId:0}]}]),g=a,c=function(){"undefined"!=typeof customElements&&["swirl-toggle-group","swirl-stack"].forEach((e=>{switch(e){case"swirl-toggle-group":customElements.get(i(e))||customElements.define(i(e),a);break;case"swirl-stack":customElements.get(i(e))||l()}}))};export{g as SwirlToggleGroup,c as defineCustomElement}

package/dist/components/swirl-toolbar.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as s,h as o,Host as e,transformTag as i}from"@stencil/core/internal/client";import{k as r}from"./utils.js";import{d as n}from"./swirl-stack2.js";const c=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.orientation="horizontal",this.onKeyDown=t=>{"ArrowDown"===t.code||"ArrowRight"===t.code?(t.preventDefault(),this.focusNextItem()):"ArrowUp"!==t.code&&"ArrowLeft"!==t.code||(t.preventDefault(),this.focusPreviousItem())}}componentDidLoad(){const t=this.getItems();this.deactivateTabIndexes(t);const s=t[0]?.querySelector("button");s&&(s.tabIndex=0)}getItems(){return Array.from(this.el.querySelectorAll("swirl-button, swirl-chip"))}focusNextItem(){const t=this.getItems(),s=this.getActiveItemIndex(t);this.focusItem(t[(s+1)%t.length])}focusPreviousItem(){const t=this.getItems(),s=this.getActiveItemIndex(t);this.focusItem(t[0===s?t.length-1:s-1])}getActiveItemIndex(t){const s=r();return t.findIndex((t=>t===s?.closest("swirl-button, swirl-chip")))}focusItem(t){const s=this.getItems();if(this.deactivateTabIndexes(s),!t)return;const o=t.querySelector("button");o&&(o.tabIndex=0,o.focus())}deactivateTabIndexes(t){t.forEach((t=>{const s=t.querySelector("button");s&&(s.tabIndex=-1)}))}render(){return o(e,{key:"c35364063a026fa37b25062bb3d2b3c428a48883"},o("swirl-stack",{key:"4f098ba2e2ab10c84a163da9f7d2d6b602f5d2cd",align:"center","aria-label":this.label,"aria-orientation":this.orientation,role:"toolbar",onKeyDown:this.onKeyDown,orientation:this.orientation,spacing:"8",wrap:!0},o("slot",{key:"5c9b3c4494d6732cc95f59675768ac66c6a5e0e8"})))}get el(){return this}static get style(){return":host{display:block}:host *{box-sizing:border-box}"}},[257,"swirl-toolbar",{label:[1],orientation:[1]}]),a=c,l=function(){"undefined"!=typeof customElements&&["swirl-toolbar","swirl-stack"].forEach((t=>{switch(t){case"swirl-toolbar":customElements.get(i(t))||customElements.define(i(t),c);break;case"swirl-stack":customElements.get(i(t))||n()}}))};export{a as SwirlToolbar,l as defineCustomElement}
+import{p as t,H as s,h as o,d as e,t as i}from"./p-BIzYxcO0.js";import{k as r}from"./p-DRAQ9S8E.js";import{d as n}from"./p-BGcNhzCf.js";const c=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.orientation="horizontal",this.onKeyDown=t=>{"ArrowDown"===t.code||"ArrowRight"===t.code?(t.preventDefault(),this.focusNextItem()):"ArrowUp"!==t.code&&"ArrowLeft"!==t.code||(t.preventDefault(),this.focusPreviousItem())}}componentDidLoad(){const t=this.getItems();this.deactivateTabIndexes(t);const s=t[0]?.querySelector("button");s&&(s.tabIndex=0)}getItems(){return Array.from(this.el.querySelectorAll("swirl-button, swirl-chip"))}focusNextItem(){const t=this.getItems(),s=this.getActiveItemIndex(t);this.focusItem(t[(s+1)%t.length])}focusPreviousItem(){const t=this.getItems(),s=this.getActiveItemIndex(t);this.focusItem(t[0===s?t.length-1:s-1])}getActiveItemIndex(t){const s=r();return t.findIndex((t=>t===s?.closest("swirl-button, swirl-chip")))}focusItem(t){const s=this.getItems();if(this.deactivateTabIndexes(s),!t)return;const o=t.querySelector("button");o&&(o.tabIndex=0,o.focus())}deactivateTabIndexes(t){t.forEach((t=>{const s=t.querySelector("button");s&&(s.tabIndex=-1)}))}render(){return o(e,{key:"c35364063a026fa37b25062bb3d2b3c428a48883"},o("swirl-stack",{key:"4f098ba2e2ab10c84a163da9f7d2d6b602f5d2cd",align:"center","aria-label":this.label,"aria-orientation":this.orientation,role:"toolbar",onKeyDown:this.onKeyDown,orientation:this.orientation,spacing:"8",wrap:!0},o("slot",{key:"5c9b3c4494d6732cc95f59675768ac66c6a5e0e8"})))}get el(){return this}static get style(){return":host{display:block}:host *{box-sizing:border-box}"}},[257,"swirl-toolbar",{label:[1],orientation:[1]}]),a=c,l=function(){"undefined"!=typeof customElements&&["swirl-toolbar","swirl-stack"].forEach((t=>{switch(t){case"swirl-toolbar":customElements.get(i(t))||customElements.define(i(t),c);break;case"swirl-stack":customElements.get(i(t))||n()}}))};export{a as SwirlToolbar,l as defineCustomElement}

package/dist/components/swirl-tooltip.js

@@ -1 +1 @@
-import{S as o,d as s}from"./swirl-tooltip2.js";const t=o,r=s;export{t as SwirlTooltip,r as defineCustomElement}
+import{S as o,d as r}from"./p-BPrIUuuy.js";const s=o,p=r;export{s as SwirlTooltip,p as defineCustomElement}

package/dist/components/swirl-tree-navigation-item.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as i,createEvent as t,h as a,Host as n,transformTag as r}from"@stencil/core/internal/client";import{c as s}from"./index2.js";import{d as o}from"./swirl-icon2.js";import{d as l}from"./swirl-icon-chevron-right2.js";import{d as c}from"./swirl-icon-open-in-new2.js";const d=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.expansionChange=t(this,"expansionChange",7),this.level=1,this.expandable=!0,this.external=!1,this.expanded=!1,this.hasChildren=!1,this.childrenHeight="0",this.buttonId=this.navigationItemId+"-button",this.childrenId=this.navigationItemId+"-children",this.onKeyDown=e=>{switch(e.key){case" ":e.preventDefault(),this.toggleExpanded(e);break;case"ArrowRight":e.preventDefault(),!this.expanded&&this.hasChildren&&this.expand();break;case"ArrowLeft":e.preventDefault(),this.expanded&&this.collapse()}},this.toggleExpanded=e=>{this.expandable&&this.hasChildren&&!this.href&&(e.preventDefault(),e.stopPropagation(),this.expanded?this.collapse():this.expand())}}componentWillLoad(){this.checkForChildren()}componentDidLoad(){this.hasChildren&&this.expanded&&this.updateChildrenHeight()}updateChildrenHeight(){this.childrenRef&&(this.childrenHeight=this.expanded?this.childrenRef.scrollHeight+"px":"0")}handleExpandedChange(){this.expansionChange.emit(this.expanded),this.updateChildrenHeight()}checkForChildren(){this.hasChildren=!!this.el.querySelector("swirl-tree-navigation-item")}async expand(){!this.expanded&&this.expandable&&this.hasChildren&&(this.expanded=!0)}async collapse(){this.expanded&&this.expandable&&this.hasChildren&&(this.expanded=!1)}render(){const e=!!this.href,i=e?"a":"button",t=s("tree-navigation-item__link",{"tree-navigation-item__link--active":this.active,"tree-navigation-item__link--has-icon":!!this.icon});return a(n,{key:"e31790f85ddc51c583a78ee97f11b61afc9aa297",role:"none"},a("li",{key:"afff0a187478350500669ee61460d61f139d656d",class:{"tree-navigation-item":!0,"tree-navigation-item--expanded":this.expanded},role:"treeitem","aria-expanded":this.hasChildren?this.expanded:void 0,"aria-level":this.level},a(i,{key:"ff2e63fed47e0706613c587651f9724615e03aec",onClick:this.toggleExpanded,onKeyDown:this.onKeyDown,class:t,href:this.href,target:this.target,type:e?void 0:"button",id:this.buttonId,"aria-current":this.active?"page":void 0,"aria-controls":this.hasChildren?this.childrenId:void 0,"aria-expanded":this.hasChildren?this.expanded:void 0},a("span",{key:"4fd8fa042c5767f4815b3531c25fb27df778a5be",class:"tree-navigation-item__content"},this.icon&&a("swirl-icon",{key:"7818b0dcaa8a7322a857c6b6e6d3625750899e89",class:"tree-navigation-item__icon",glyph:this.icon,size:20,"aria-hidden":"true",role:"img","aria-label":this.label+" icon"}),a("span",{key:"1dade3a94256cc382532bec5e52b1147dadeaa9e",class:"tree-navigation-item__label"},a("span",{key:"945671b0430d240f1f60a3706b97617d41f86735",class:"tree-navigation-item__label-text"},this.label),this.expandable&&this.hasChildren&&!this.external&&a("span",{key:"031d2f44a8c4784964c862fd776fb40cc27d1d86",class:"tree-navigation-item__toggle-icon","aria-hidden":"true"},a("swirl-icon-chevron-right",{key:"f0c598f79ea12dcfd05821569f1d2ec975ee5bbd",size:16,role:"img","aria-label":"Expand"})),this.external&&a("span",{key:"1563fd9956a23818ccd6d6ab913b6b0f61627cc1",class:"tree-navigation-item__external-icon","aria-hidden":"true"},a("swirl-icon-open-in-new",{key:"fecf85b61e3aa49c51231a855e90131011b8d6a9",size:16,role:"img","aria-label":"External link"}))))),this.hasChildren&&a("ul",{key:"3ebe7d3c9ee4cc9c23cd06f4cb90dd1d9c9217fe",class:"tree-navigation-item__children",id:this.childrenId,role:"group","aria-label":this.label+" submenu",ref:e=>this.childrenRef=e,style:{height:this.childrenHeight}},a("slot",{key:"083e638c4416e16f8aee007d73ae953bb6b41bd1"}))))}get el(){return this}static get watchers(){return{expanded:[{handleExpandedChange:0}]}}static get style(){return":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.tree-navigation-item{width:100%;list-style:none;border-radius:var(--s-border-radius-base)}.tree-navigation-item__link{display:inline-flex;align-items:center;width:100%;height:3rem;padding:0 var(--s-space-12) 0 var(--tree-nav-item-padding, var(--s-space-12));margin-bottom:var(--s-space-2);gap:calc(var(--s-space-4) - var(--s-space-2));min-width:0;border:none;background-color:transparent;color:var(--s-text-default);cursor:pointer;text-decoration:none;font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--tree-nav-item-label-weight, var(--s-font-weight-medium));line-height:var(--s-line-height-sm);border-radius:var(--s-border-radius-base)}.tree-navigation-item__link:hover{background-color:var(--s-background-hovered)}.tree-navigation-item__link:active{background-color:var(--s-background-pressed)}.tree-navigation-item__link:focus{outline:none}.tree-navigation-item__link:focus-visible .tree-navigation-item__label{border-radius:var(--s-border-radius-xs);box-shadow:0 0 0 0.125rem var(--s-focus-default)}.tree-navigation-item__link--active{background-color:var(--s-background-hovered);color:var(--s-text-highlight);--tree-nav-item-label-weight:var(--s-font-weight-medium)}.tree-navigation-item__link--active:hover{background-color:var(--s-background-pressed)}.tree-navigation-item__link--active:active{background-color:var(--s-background-pressed)}.tree-navigation-item--expanded{height:100%}.tree-navigation-item__content{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__icon{display:inline-flex;flex-shrink:0;padding-right:var(--s-space-8)}.tree-navigation-item__toggle-icon{flex-shrink:0;max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4)}.tree-navigation-item__external-icon{max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4)}.tree-navigation-item__label{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-navigation-item__toggle-icon,.tree-navigation-item__external-icon{flex:0 0 auto;margin-left:var(--s-space-4)}.tree-navigation-item__children{display:flex;flex-direction:column;margin:0;padding:0;overflow:hidden;height:0;transition:height 0.3s ease-out}.tree-navigation-item__children>::slotted(swirl-tree-navigation-item){--tree-nav-item-padding:2.25rem;--tree-nav-item-label-weight:var(--s-font-weight-normal)}.tree-navigation-item__children>::slotted(*){opacity:1}.tree-navigation-item__toggle-icon{transition:transform 0.3s ease}.tree-navigation-item--expanded .tree-navigation-item__toggle-icon{transform:rotate(90deg)}"}},[257,"swirl-tree-navigation-item",{active:[4],href:[1],icon:[1],label:[1],target:[1],navigationItemId:[1,"navigation-item-id"],level:[2],expandable:[4],external:[4],expanded:[32],hasChildren:[32],childrenHeight:[32],expand:[64],collapse:[64]},void 0,{expanded:[{handleExpandedChange:0}]}]),h=d,g=function(){"undefined"!=typeof customElements&&["swirl-tree-navigation-item","swirl-icon","swirl-icon-chevron-right","swirl-icon-open-in-new"].forEach((e=>{switch(e){case"swirl-tree-navigation-item":customElements.get(r(e))||customElements.define(r(e),d);break;case"swirl-icon":customElements.get(r(e))||o();break;case"swirl-icon-chevron-right":customElements.get(r(e))||l();break;case"swirl-icon-open-in-new":customElements.get(r(e))||c()}}))};export{h as SwirlTreeNavigationItem,g as defineCustomElement}
+import{p as e,H as i,c as t,h as a,d as n,t as s}from"./p-BIzYxcO0.js";import{c as r}from"./p-CTIzk_ki.js";import{d as o}from"./p-B0WN1rps.js";import{d as l}from"./p-Df474Rg3.js";import{d}from"./p-DBkxhNQs.js";const c=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.expansionChange=t(this,"expansionChange",7),this.level=1,this.expandable=!0,this.external=!1,this.expanded=!1,this.hasChildren=!1,this.childrenHeight="0",this.buttonId=this.navigationItemId+"-button",this.childrenId=this.navigationItemId+"-children",this.onKeyDown=e=>{switch(e.key){case" ":e.preventDefault(),this.toggleExpanded(e);break;case"ArrowRight":e.preventDefault(),!this.expanded&&this.hasChildren&&this.expand();break;case"ArrowLeft":e.preventDefault(),this.expanded&&this.collapse()}},this.toggleExpanded=e=>{this.expandable&&this.hasChildren&&!this.href&&(e.preventDefault(),e.stopPropagation(),this.expanded?this.collapse():this.expand())}}componentWillLoad(){this.checkForChildren()}componentDidLoad(){this.hasChildren&&this.expanded&&this.updateChildrenHeight()}updateChildrenHeight(){this.childrenRef&&(this.childrenHeight=this.expanded?this.childrenRef.scrollHeight+"px":"0")}handleExpandedChange(){this.expansionChange.emit(this.expanded),this.updateChildrenHeight()}checkForChildren(){this.hasChildren=!!this.el.querySelector("swirl-tree-navigation-item")}async expand(){!this.expanded&&this.expandable&&this.hasChildren&&(this.expanded=!0)}async collapse(){this.expanded&&this.expandable&&this.hasChildren&&(this.expanded=!1)}render(){const e=!!this.href,i=e?"a":"button",t=r("tree-navigation-item__link",{"tree-navigation-item__link--active":this.active,"tree-navigation-item__link--has-icon":!!this.icon});return a(n,{key:"e31790f85ddc51c583a78ee97f11b61afc9aa297",role:"none"},a("li",{key:"afff0a187478350500669ee61460d61f139d656d",class:{"tree-navigation-item":!0,"tree-navigation-item--expanded":this.expanded},role:"treeitem","aria-expanded":this.hasChildren?this.expanded:void 0,"aria-level":this.level},a(i,{key:"ff2e63fed47e0706613c587651f9724615e03aec",onClick:this.toggleExpanded,onKeyDown:this.onKeyDown,class:t,href:this.href,target:this.target,type:e?void 0:"button",id:this.buttonId,"aria-current":this.active?"page":void 0,"aria-controls":this.hasChildren?this.childrenId:void 0,"aria-expanded":this.hasChildren?this.expanded:void 0},a("span",{key:"4fd8fa042c5767f4815b3531c25fb27df778a5be",class:"tree-navigation-item__content"},this.icon&&a("swirl-icon",{key:"7818b0dcaa8a7322a857c6b6e6d3625750899e89",class:"tree-navigation-item__icon",glyph:this.icon,size:20,"aria-hidden":"true",role:"img","aria-label":this.label+" icon"}),a("span",{key:"1dade3a94256cc382532bec5e52b1147dadeaa9e",class:"tree-navigation-item__label"},a("span",{key:"945671b0430d240f1f60a3706b97617d41f86735",class:"tree-navigation-item__label-text"},this.label),this.expandable&&this.hasChildren&&!this.external&&a("span",{key:"031d2f44a8c4784964c862fd776fb40cc27d1d86",class:"tree-navigation-item__toggle-icon","aria-hidden":"true"},a("swirl-icon-chevron-right",{key:"f0c598f79ea12dcfd05821569f1d2ec975ee5bbd",size:16,role:"img","aria-label":"Expand"})),this.external&&a("span",{key:"1563fd9956a23818ccd6d6ab913b6b0f61627cc1",class:"tree-navigation-item__external-icon","aria-hidden":"true"},a("swirl-icon-open-in-new",{key:"fecf85b61e3aa49c51231a855e90131011b8d6a9",size:16,role:"img","aria-label":"External link"}))))),this.hasChildren&&a("ul",{key:"3ebe7d3c9ee4cc9c23cd06f4cb90dd1d9c9217fe",class:"tree-navigation-item__children",id:this.childrenId,role:"group","aria-label":this.label+" submenu",ref:e=>this.childrenRef=e,style:{height:this.childrenHeight}},a("slot",{key:"083e638c4416e16f8aee007d73ae953bb6b41bd1"}))))}get el(){return this}static get watchers(){return{expanded:[{handleExpandedChange:0}]}}static get style(){return":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.tree-navigation-item{width:100%;list-style:none;border-radius:var(--s-border-radius-base)}.tree-navigation-item__link{display:inline-flex;align-items:center;width:100%;height:3rem;padding:0 var(--s-space-12) 0 var(--tree-nav-item-padding, var(--s-space-12));margin-bottom:var(--s-space-2);gap:calc(var(--s-space-4) - var(--s-space-2));min-width:0;border:none;background-color:transparent;color:var(--s-text-default);cursor:pointer;text-decoration:none;font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--tree-nav-item-label-weight, var(--s-font-weight-medium));line-height:var(--s-line-height-sm);border-radius:var(--s-border-radius-base)}.tree-navigation-item__link:hover{background-color:var(--s-background-hovered)}.tree-navigation-item__link:active{background-color:var(--s-background-pressed)}.tree-navigation-item__link:focus{outline:none}.tree-navigation-item__link:focus-visible .tree-navigation-item__label{border-radius:var(--s-border-radius-xs);box-shadow:0 0 0 0.125rem var(--s-focus-default)}.tree-navigation-item__link--active{background-color:var(--s-background-hovered);color:var(--s-text-highlight);--tree-nav-item-label-weight:var(--s-font-weight-medium)}.tree-navigation-item__link--active:hover{background-color:var(--s-background-pressed)}.tree-navigation-item__link--active:active{background-color:var(--s-background-pressed)}.tree-navigation-item--expanded{height:100%}.tree-navigation-item__content{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__icon{display:inline-flex;flex-shrink:0;padding-right:var(--s-space-8)}.tree-navigation-item__toggle-icon{flex-shrink:0;max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4)}.tree-navigation-item__external-icon{max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4)}.tree-navigation-item__label{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-navigation-item__toggle-icon,.tree-navigation-item__external-icon{flex:0 0 auto;margin-left:var(--s-space-4)}.tree-navigation-item__children{display:flex;flex-direction:column;margin:0;padding:0;overflow:hidden;height:0;transition:height 0.3s ease-out}.tree-navigation-item__children>::slotted(swirl-tree-navigation-item){--tree-nav-item-padding:2.25rem;--tree-nav-item-label-weight:var(--s-font-weight-normal)}.tree-navigation-item__children>::slotted(*){opacity:1}.tree-navigation-item__toggle-icon{transition:transform 0.3s ease}.tree-navigation-item--expanded .tree-navigation-item__toggle-icon{transform:rotate(90deg)}"}},[257,"swirl-tree-navigation-item",{active:[4],href:[1],icon:[1],label:[1],target:[1],navigationItemId:[1,"navigation-item-id"],level:[2],expandable:[4],external:[4],expanded:[32],hasChildren:[32],childrenHeight:[32],expand:[64],collapse:[64]},void 0,{expanded:[{handleExpandedChange:0}]}]),h=c,g=function(){"undefined"!=typeof customElements&&["swirl-tree-navigation-item","swirl-icon","swirl-icon-chevron-right","swirl-icon-open-in-new"].forEach((e=>{switch(e){case"swirl-tree-navigation-item":customElements.get(s(e))||customElements.define(s(e),c);break;case"swirl-icon":customElements.get(s(e))||o();break;case"swirl-icon-chevron-right":customElements.get(s(e))||l();break;case"swirl-icon-open-in-new":customElements.get(s(e))||d()}}))};export{h as SwirlTreeNavigationItem,g as defineCustomElement}

package/dist/components/swirl-tree-navigation.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as a,Host as n,transformTag as i}from"@stencil/core/internal/client";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return a(n,{key:"822dbb6a9d4e0ccaf55382b5261eb2f83b4efca3"},a("ul",{key:"ea95a444de28843f4216e652eb13fa6a4dab9e9c","aria-label":this.label,class:"tree-navigation",role:"tree"},a("slot",{key:"02f11c6c69c9a6aecd5a71ad2deb1225c2d59256"})))}static get style(){return":host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}"}},[257,"swirl-tree-navigation",{label:[1]}]),s=r,o=function(){"undefined"!=typeof customElements&&["swirl-tree-navigation"].forEach((e=>{"swirl-tree-navigation"===e&&(customElements.get(i(e))||customElements.define(i(e),r))}))};export{s as SwirlTreeNavigation,o as defineCustomElement}
+import{p as e,H as t,h as a,d as s,t as i}from"./p-BIzYxcO0.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return a(s,{key:"822dbb6a9d4e0ccaf55382b5261eb2f83b4efca3"},a("ul",{key:"ea95a444de28843f4216e652eb13fa6a4dab9e9c","aria-label":this.label,class:"tree-navigation",role:"tree"},a("slot",{key:"02f11c6c69c9a6aecd5a71ad2deb1225c2d59256"})))}static get style(){return":host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}"}},[257,"swirl-tree-navigation",{label:[1]}]),r=n,o=function(){"undefined"!=typeof customElements&&["swirl-tree-navigation"].forEach((e=>{"swirl-tree-navigation"===e&&(customElements.get(i(e))||customElements.define(i(e),n))}))};export{r as SwirlTreeNavigation,o as defineCustomElement}

package/dist/components/swirl-tree-view-item.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as i,createEvent as t,forceUpdate as r,h as s,Host as o,Fragment as a,transformTag as n}from"@stencil/core/internal/client";import{c as d}from"./index2.js";import{S as h}from"./sortable.esm.js";import{t as c}from"./swirl-tree-view.config.js";import{d as l}from"./swirl-icon2.js";import{d as m}from"./swirl-icon-chevron-right2.js";import{d as v}from"./swirl-icon-drag-handle2.js";import{d as w}from"./swirl-icon-expand-more2.js";const p=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.dropTreeViewItem=t(this,"dropTreeViewItem",7),this.expandedChange=t(this,"expandedChange",7),this.itemSelected=t(this,"itemSelected",7),this.startKeyboardMoveEvent=t(this,"startKeyboardMove",7),this.endKeyboardMoveEvent=t(this,"endKeyboardMove",7),this.keyboardMoveEvent=t(this,"keyboardMove",7),this.expandable=!0,this.cannotKeyboardDropInCurrentPosition=!1,this.dragDropItemSelector="swirl-tree-view-item",this.enableDragDrop=!1,this.expanded=!1,this.level=0,this.movingViaKeyboard=!1,this.selected=!1,this.onFocus=()=>{this.selected||"tree"!==this.getSemantics()||this.select()},this.onKeyDown=e=>{if("Space"===e.code)return e.preventDefault(),void this.toggleKeyboardMove();this.movingViaKeyboard&&("ArrowDown"===e.code?(e.preventDefault(),e.stopPropagation(),this.moveItem("down")):"ArrowUp"===e.code&&(e.preventDefault(),e.stopPropagation(),this.moveItem("up")))},this.onClickCollapse=e=>{e.preventDefault(),e.stopPropagation(),this.collapse()},this.onClickExpand=e=>{e.preventDefault(),e.stopPropagation(),this.expand()}}componentWillLoad(){this.updateLevel();const e=this.el.closest("swirl-tree-view");this.enableDragDrop=e?.enableDragDrop,this.canDrop=e?.canDrop,this.dragDropItemSelector=e?.dragDropItemSelector}componentDidLoad(){this.setUpDragDrop()}async expand(){!this.expanded&&this.expandable&&"tree"===this.getSemantics()&&(this.expanded=!0,this.expandedChange.emit(this.expanded))}async collapse(){this.expanded&&this.expandable&&"tree"===this.getSemantics()&&(this.expanded=!1,this.expandedChange.emit(this.expanded))}async select(e){"tree"===this.getSemantics()&&(this.selected=!0,e&&this.link?.focus(),this.itemSelected.emit(this.el))}async unselect(){"tree"===this.getSemantics()&&(this.selected=!1)}setUpDragDrop(){this.sortable&&(this.sortable.destroy(),this.sortable=void 0),this.enableDragDrop&&this.childList&&(this.sortable=new h(this.childList,{...c,draggable:this.dragDropItemSelector,onMove:e=>"function"!=typeof this.canDrop||this.canDrop({parentId:e.to.closest("swirl-tree-view-item")?.itemId,position:Math.max(Array.from(e.to.children).indexOf(e.related),0)}),onStart:e=>{c.onStart?.(e)},onEnd:e=>{e.stopPropagation(),c.onEnd?.(e);const{from:i,to:t,newIndex:r,oldIndex:s,item:o}=e,a=i.closest("swirl-tree-view-item")?.itemId,n=t.closest("swirl-tree-view-item")?.itemId;this.dropTreeViewItem.emit({newIndex:r,oldIndex:s,item:o,itemId:o.id??o.querySelector(":scope > swirl-tree-view-item").id,newNextSiblingItemId:r<t.children.length-1?t.children[r+1].id:void 0,newPrevSiblingItemId:r>0?t.children[r-1].id:void 0,sourceParentItemId:a,targetParentItemId:n})}}))}updateLevel(){let e=this.el.parentElement?.closest("swirl-tree-view-item");for(;e;)this.level+=1,e=e.parentElement?.closest("swirl-tree-view-item")}getItemContext(){const e=this.getParentTreeViewItem()??this.el.closest("swirl-tree-view"),i=Array.from(e.querySelectorAll(`\n        :scope > .tree-view-item > .tree-view-item__children > ${this.dragDropItemSelector},\n        :scope > .tree-view > ${this.dragDropItemSelector}\n      `));return{canDrop:!this.cannotKeyboardDropInCurrentPosition,parent:e,position:i.indexOf(this.el),siblingCount:i.length}}getParentItem(){return this.getElementToMove().parentElement.closest(this.dragDropItemSelector)}getParentTreeViewItem(){return this.el.parentElement.closest("swirl-tree-view-item")}getElementToMove(){return this.dragDropItemSelector?this.el.closest(this.dragDropItemSelector):this.el}getKeyboardMoveEventData(){const{canDrop:e,parent:i,position:t,siblingCount:r}=this.getItemContext();if(i)return{canDrop:e,parentLabel:i.label,childrenCount:r,itemLabel:this.label,position:t}}toggleKeyboardMove(){this.movingViaKeyboard?this.endKeyboardMove():this.startKeyboardMove()}endKeyboardMove(){const{parent:e,position:i}=this.getItemContext();if("function"==typeof this.canDrop&&!this.canDrop({parentId:e.id,position:i}))return;this.movingViaKeyboard=!1;const t=this.getKeyboardMoveEventData();t&&(this.endKeyboardMoveEvent.emit(t),this.dropTreeViewItem.emit({item:this.getElementToMove(),itemId:this.itemId,newIndex:i,oldIndex:this.positionBeforeKeyboardMove.position,newNextSiblingItemId:t.position<t.childrenCount-1?this.getElementToMove().nextElementSibling?.id:void 0,newPrevSiblingItemId:t.position>0?this.getElementToMove().previousElementSibling?.id:void 0,sourceParentItemId:this.positionBeforeKeyboardMove.parent.id??void 0,targetParentItemId:this.getParentItem()?.id}))}startKeyboardMove(){if(this.disableDrag)return;const{parent:e,position:i}=this.getItemContext();this.positionBeforeKeyboardMove={parent:e,position:i},this.movingViaKeyboard=!0;const t=this.getKeyboardMoveEventData();t&&this.startKeyboardMoveEvent.emit(t)}moveItem(e){const i=this.getElementToMove(),t=this.getParentItem(),s=this.getParentTreeViewItem();if("down"===e){const e=i.nextElementSibling;if(e){e.querySelector(".tree-view-item__children").prepend(i),s&&r(s);const t="SWIRL-TREE-VIEW-ITEM"===e.tagName?e:e.querySelector("swirl-tree-view-item");r(t),t.expand()}else t&&(t.parentElement.insertBefore(i,t.nextElementSibling),s&&r(s))}else if("up"===e){const e=i.previousElementSibling;if(e){e.querySelector(".tree-view-item__children").appendChild(i),s&&r(s);const t="SWIRL-TREE-VIEW-ITEM"===e.tagName?e:e.querySelector("swirl-tree-view-item");r(t),t.expand()}else t&&(t.parentElement.insertBefore(i,t),s&&r(s))}requestAnimationFrame((()=>{this.link.focus()})),this.checkKeyboardDropStatus();const o=this.getKeyboardMoveEventData();o&&this.keyboardMoveEvent.emit(o)}checkKeyboardDropStatus(){const{parent:e,position:i}=this.getItemContext();if("function"!=typeof this.canDrop)this.cannotKeyboardDropInCurrentPosition=!1;else{const t=this.canDrop({parentId:e.id,position:i});this.cannotKeyboardDropInCurrentPosition=!t}}getSemantics(){return this.el.closest('[role="tree"]')?"tree":"list"}render(){const e=!!this.el.querySelector("swirl-tree-view-item"),i=!!this.el.querySelector('[slot="tags"]'),t=!!this.icon&&/\p{Extended_Pictographic}/u.test(this.icon),r=this.enableDragDrop&&!e,n=this.getSemantics(),h=this.expanded||"tree"!==n,c="tree"===n?this.selected?0:-1:void 0,l="tree"===n?"li":"div",m=d("tree-view-item",{"tree-view-item--active":this.active,"tree-view-item--cannot-keyboard-drop":this.cannotKeyboardDropInCurrentPosition,"tree-view-item--moving-via-keyboard":this.movingViaKeyboard,"tree-view-item--disable-drag":this.disableDrag,"tree-view-item--has-tags":i});return s(o,{key:"8cf5abd381089d2d67b4d04f8c7dd37c9a425104",id:this.itemId,role:"tree"===n?"none":"listitem"},s(l,{key:"16fb5ddaa65f23ee06debfdd263c189b06b64d9f",class:m,role:"tree"===n?"none":void 0},s("a",{key:"1005cc3067fac785b700879793ec97070fe48f18","aria-current":this.active?"page":void 0,"aria-expanded":e&&"tree"===n?h+"":void 0,"aria-level":"tree"===n?this.level+1:void 0,"aria-owns":e&&"tree"===n?this.itemId+"-children":void 0,"aria-selected":"tree"===n?this.selected+"":void 0,class:"tree-view-item__link",href:this.href,onFocus:this.onFocus,onKeyDown:this.onKeyDown,ref:e=>this.link=e,role:"tree"===n?"treeitem":void 0,tabIndex:c},!this.disableDrag&&this.enableDragDrop&&s("span",{key:"ccff29b00833ca770971896ad880fafc014f1ad9",class:"tree-view-item__drag-handle"},s("swirl-icon-drag-handle",{key:"8134fba6fd6ca02497ee416550a2dc219133f03b",size:20})),this.expandable&&"tree"===n&&s("span",{key:"e97db02e7f4cbf30d70880c749f21d423b72f390",class:"tree-view-item__toggle-icon"},e&&s(a,{key:"2d8b864460e55ac130f11ee594fab5b74e064bf3"},h?s("swirl-icon-expand-more",{onClick:this.onClickCollapse,size:24}):s("swirl-icon-chevron-right",{onClick:this.onClickExpand,size:24}))),!!this.icon&&s(a,{key:"ff85d76dd08e91a4f0feb0e3a7429cf3f2f25f89"},s("span",{key:"cee8cdca04d0a79d30af132aac01e3a7a93c7aa0",class:"tree-view-item__icon"},t?this.icon:s("swirl-icon",{glyph:this.icon,size:24,color:this.iconColor}))),s("span",{key:"c047c655f57ddd32b25e53ed2895ee3a59387eb0",class:"tree-view-item__label"},this.label),s("span",{key:"ad951c79736e6a770bfae5d4eb0966d58d7bed12",class:"tree-view-item__tags"},s("slot",{key:"15b80f3681a66f14e9fb86d81ad71d1c7e57a4c8",name:"tags"}))),s("ul",{key:"b4ecc45f07511851c56c44c1f4c7c02ac94adf7e","aria-label":this.label,class:"tree-view-item__children "+(r?"tree-view-item__children--drop-zone":""),id:this.itemId+"-children",ref:e=>this.childList=e,role:"tree"===n?"group":void 0,style:{display:h&&e||r?void 0:"none"}},s("slot",{key:"beb970cb39949293f27bdf215a56e9361cd12ee9"}))))}get el(){return this}static get style(){return"swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *{box-sizing:border-box}.tree-view-item{list-style:none}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost){border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-3)}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost) .tree-view-item__link{background-color:var(--s-background-default)}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost) .tree-view-item__link:hover .tree-view-item__drag-handle{opacity:0}.tree-view-item--ghost{border:var(--s-border-width-default) solid var(--s-border-highlight);border-radius:var(--s-border-radius-sm)}.tree-view-item--ghost .tree-view-item__link:hover .tree-view-item__drag-handle{opacity:0}.tree-view-item--moving-via-keyboard{position:relative;z-index:1;border:var(--s-border-width-default) solid var(--s-border-highlight);border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-3)}.tree-view-item--moving-via-keyboard .tree-view-item__link{background-color:var(--s-background-default)}.tree-view-item--moving-via-keyboard .tree-view-item__link:focus-visible{outline:none}.tree-view-item--cannot-keyboard-drop{opacity:0.5}.tree-view-item--active>.tree-view-item__link{background-color:var(--s-background-hovered)}.tree-view-item--has-tags .tree-view-item__tags{display:flex}.tree-view-item__children{display:flex;margin:0;padding:0 0 0 var(--s-space-12);padding-top:var(--s-space-2);flex-direction:column;gap:var(--s-space-2)}.tree-view-item__children--drop-zone{min-height:0.5rem;margin-top:-0.5rem}.tree-view-item__link{display:flex;height:2.25rem;padding:var(--s-space-4) var(--s-space-8);align-items:center;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--s-background-default);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);text-decoration:none;gap:var(--s-space-4)}.tree-view-item__link:hover{background-color:var(--s-background-hovered)}.tree-view-item__link:hover .tree-view-item__drag-handle{opacity:1}.tree-view-item__link:active{background-color:var(--s-background-pressed)}.tree-view-item__link:focus:not(:focus-visible){outline:none}.tree-view-item__link:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__link{font-size:var(--s-font-size-sm)}}.tree-view-item__drag-handle{display:inline-flex;flex-shrink:0;cursor:grab;opacity:0}.tree-view-item__drag-handle:active{cursor:grabbing}.tree-view-item__icon{display:block;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);flex-grow:0;flex-shrink:0;color:var(--s-icon-default);font-size:var(--s-font-size-lg)}.tree-view-item__icon ::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__icon{width:1.25rem;height:1.25rem;font-size:var(--s-font-size-base)}}.tree-view-item__toggle-icon{display:block;width:1.5rem;height:1.5rem;flex-grow:0;flex-shrink:0;color:var(--s-icon-default)}.tree-view-item__toggle-icon ::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__toggle-icon{width:1.25rem;height:1.25rem}}.tree-view-item__label{overflow:hidden;min-width:5rem;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.tree-view-item__tags{display:none;padding-left:var(--s-space-4);align-items:center;gap:var(--s-space-4)}"}},[260,"swirl-tree-view-item",{active:[4],disableDrag:[4,"disable-drag"],expandable:[4],href:[1],icon:[1],iconColor:[1,"icon-color"],itemId:[1,"item-id"],label:[1],canDrop:[32],cannotKeyboardDropInCurrentPosition:[32],dragDropItemSelector:[32],enableDragDrop:[32],expanded:[32],level:[32],movingViaKeyboard:[32],selected:[32],expand:[64],collapse:[64],select:[64],unselect:[64]}]),g=p,f=function(){"undefined"!=typeof customElements&&["swirl-tree-view-item","swirl-icon","swirl-icon-chevron-right","swirl-icon-drag-handle","swirl-icon-expand-more"].forEach((e=>{switch(e){case"swirl-tree-view-item":customElements.get(n(e))||customElements.define(n(e),p);break;case"swirl-icon":customElements.get(n(e))||l();break;case"swirl-icon-chevron-right":customElements.get(n(e))||m();break;case"swirl-icon-drag-handle":customElements.get(n(e))||v();break;case"swirl-icon-expand-more":customElements.get(n(e))||w()}}))};export{g as SwirlTreeViewItem,f as defineCustomElement}
+import{p as e,H as i,c as t,f as r,h as s,F as o,d as a,t as n}from"./p-BIzYxcO0.js";import{c as d}from"./p-CTIzk_ki.js";import{S as h}from"./p-CMrz6687.js";import{t as c}from"./p-BkSXzL50.js";import{d as l}from"./p-B0WN1rps.js";import{d as m}from"./p-Df474Rg3.js";import{d as v}from"./p-D3r-p-AU.js";import{d as w}from"./p-BEO_Ur1m.js";const p=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.dropTreeViewItem=t(this,"dropTreeViewItem",7),this.expandedChange=t(this,"expandedChange",7),this.itemSelected=t(this,"itemSelected",7),this.startKeyboardMoveEvent=t(this,"startKeyboardMove",7),this.endKeyboardMoveEvent=t(this,"endKeyboardMove",7),this.keyboardMoveEvent=t(this,"keyboardMove",7),this.expandable=!0,this.cannotKeyboardDropInCurrentPosition=!1,this.dragDropItemSelector="swirl-tree-view-item",this.enableDragDrop=!1,this.expanded=!1,this.level=0,this.movingViaKeyboard=!1,this.selected=!1,this.onFocus=()=>{this.selected||"tree"!==this.getSemantics()||this.select()},this.onKeyDown=e=>{if("Space"===e.code)return e.preventDefault(),void this.toggleKeyboardMove();this.movingViaKeyboard&&("ArrowDown"===e.code?(e.preventDefault(),e.stopPropagation(),this.moveItem("down")):"ArrowUp"===e.code&&(e.preventDefault(),e.stopPropagation(),this.moveItem("up")))},this.onClickCollapse=e=>{e.preventDefault(),e.stopPropagation(),this.collapse()},this.onClickExpand=e=>{e.preventDefault(),e.stopPropagation(),this.expand()}}componentWillLoad(){this.updateLevel();const e=this.el.closest("swirl-tree-view");this.enableDragDrop=e?.enableDragDrop,this.canDrop=e?.canDrop,this.dragDropItemSelector=e?.dragDropItemSelector}componentDidLoad(){this.setUpDragDrop()}async expand(){!this.expanded&&this.expandable&&"tree"===this.getSemantics()&&(this.expanded=!0,this.expandedChange.emit(this.expanded))}async collapse(){this.expanded&&this.expandable&&"tree"===this.getSemantics()&&(this.expanded=!1,this.expandedChange.emit(this.expanded))}async select(e){"tree"===this.getSemantics()&&(this.selected=!0,e&&this.link?.focus(),this.itemSelected.emit(this.el))}async unselect(){"tree"===this.getSemantics()&&(this.selected=!1)}setUpDragDrop(){this.sortable&&(this.sortable.destroy(),this.sortable=void 0),this.enableDragDrop&&this.childList&&(this.sortable=new h(this.childList,{...c,draggable:this.dragDropItemSelector,onMove:e=>"function"!=typeof this.canDrop||this.canDrop({parentId:e.to.closest("swirl-tree-view-item")?.itemId,position:Math.max(Array.from(e.to.children).indexOf(e.related),0)}),onStart:e=>{c.onStart?.(e)},onEnd:e=>{e.stopPropagation(),c.onEnd?.(e);const{from:i,to:t,newIndex:r,oldIndex:s,item:o}=e,a=i.closest("swirl-tree-view-item")?.itemId,n=t.closest("swirl-tree-view-item")?.itemId;this.dropTreeViewItem.emit({newIndex:r,oldIndex:s,item:o,itemId:o.id??o.querySelector(":scope > swirl-tree-view-item").id,newNextSiblingItemId:r<t.children.length-1?t.children[r+1].id:void 0,newPrevSiblingItemId:r>0?t.children[r-1].id:void 0,sourceParentItemId:a,targetParentItemId:n})}}))}updateLevel(){let e=this.el.parentElement?.closest("swirl-tree-view-item");for(;e;)this.level+=1,e=e.parentElement?.closest("swirl-tree-view-item")}getItemContext(){const e=this.getParentTreeViewItem()??this.el.closest("swirl-tree-view"),i=Array.from(e.querySelectorAll(`\n        :scope > .tree-view-item > .tree-view-item__children > ${this.dragDropItemSelector},\n        :scope > .tree-view > ${this.dragDropItemSelector}\n      `));return{canDrop:!this.cannotKeyboardDropInCurrentPosition,parent:e,position:i.indexOf(this.el),siblingCount:i.length}}getParentItem(){return this.getElementToMove().parentElement.closest(this.dragDropItemSelector)}getParentTreeViewItem(){return this.el.parentElement.closest("swirl-tree-view-item")}getElementToMove(){return this.dragDropItemSelector?this.el.closest(this.dragDropItemSelector):this.el}getKeyboardMoveEventData(){const{canDrop:e,parent:i,position:t,siblingCount:r}=this.getItemContext();if(i)return{canDrop:e,parentLabel:i.label,childrenCount:r,itemLabel:this.label,position:t}}toggleKeyboardMove(){this.movingViaKeyboard?this.endKeyboardMove():this.startKeyboardMove()}endKeyboardMove(){const{parent:e,position:i}=this.getItemContext();if("function"==typeof this.canDrop&&!this.canDrop({parentId:e.id,position:i}))return;this.movingViaKeyboard=!1;const t=this.getKeyboardMoveEventData();t&&(this.endKeyboardMoveEvent.emit(t),this.dropTreeViewItem.emit({item:this.getElementToMove(),itemId:this.itemId,newIndex:i,oldIndex:this.positionBeforeKeyboardMove.position,newNextSiblingItemId:t.position<t.childrenCount-1?this.getElementToMove().nextElementSibling?.id:void 0,newPrevSiblingItemId:t.position>0?this.getElementToMove().previousElementSibling?.id:void 0,sourceParentItemId:this.positionBeforeKeyboardMove.parent.id??void 0,targetParentItemId:this.getParentItem()?.id}))}startKeyboardMove(){if(this.disableDrag)return;const{parent:e,position:i}=this.getItemContext();this.positionBeforeKeyboardMove={parent:e,position:i},this.movingViaKeyboard=!0;const t=this.getKeyboardMoveEventData();t&&this.startKeyboardMoveEvent.emit(t)}moveItem(e){const i=this.getElementToMove(),t=this.getParentItem(),s=this.getParentTreeViewItem();if("down"===e){const e=i.nextElementSibling;if(e){e.querySelector(".tree-view-item__children").prepend(i),s&&r(s);const t="SWIRL-TREE-VIEW-ITEM"===e.tagName?e:e.querySelector("swirl-tree-view-item");r(t),t.expand()}else t&&(t.parentElement.insertBefore(i,t.nextElementSibling),s&&r(s))}else if("up"===e){const e=i.previousElementSibling;if(e){e.querySelector(".tree-view-item__children").appendChild(i),s&&r(s);const t="SWIRL-TREE-VIEW-ITEM"===e.tagName?e:e.querySelector("swirl-tree-view-item");r(t),t.expand()}else t&&(t.parentElement.insertBefore(i,t),s&&r(s))}requestAnimationFrame((()=>{this.link.focus()})),this.checkKeyboardDropStatus();const o=this.getKeyboardMoveEventData();o&&this.keyboardMoveEvent.emit(o)}checkKeyboardDropStatus(){const{parent:e,position:i}=this.getItemContext();if("function"!=typeof this.canDrop)this.cannotKeyboardDropInCurrentPosition=!1;else{const t=this.canDrop({parentId:e.id,position:i});this.cannotKeyboardDropInCurrentPosition=!t}}getSemantics(){return this.el.closest('[role="tree"]')?"tree":"list"}render(){const e=!!this.el.querySelector("swirl-tree-view-item"),i=!!this.el.querySelector('[slot="tags"]'),t=!!this.icon&&/\p{Extended_Pictographic}/u.test(this.icon),r=this.enableDragDrop&&!e,n=this.getSemantics(),h=this.expanded||"tree"!==n,c="tree"===n?this.selected?0:-1:void 0,l="tree"===n?"li":"div",m=d("tree-view-item",{"tree-view-item--active":this.active,"tree-view-item--cannot-keyboard-drop":this.cannotKeyboardDropInCurrentPosition,"tree-view-item--moving-via-keyboard":this.movingViaKeyboard,"tree-view-item--disable-drag":this.disableDrag,"tree-view-item--has-tags":i});return s(a,{key:"8cf5abd381089d2d67b4d04f8c7dd37c9a425104",id:this.itemId,role:"tree"===n?"none":"listitem"},s(l,{key:"16fb5ddaa65f23ee06debfdd263c189b06b64d9f",class:m,role:"tree"===n?"none":void 0},s("a",{key:"1005cc3067fac785b700879793ec97070fe48f18","aria-current":this.active?"page":void 0,"aria-expanded":e&&"tree"===n?h+"":void 0,"aria-level":"tree"===n?this.level+1:void 0,"aria-owns":e&&"tree"===n?this.itemId+"-children":void 0,"aria-selected":"tree"===n?this.selected+"":void 0,class:"tree-view-item__link",href:this.href,onFocus:this.onFocus,onKeyDown:this.onKeyDown,ref:e=>this.link=e,role:"tree"===n?"treeitem":void 0,tabIndex:c},!this.disableDrag&&this.enableDragDrop&&s("span",{key:"ccff29b00833ca770971896ad880fafc014f1ad9",class:"tree-view-item__drag-handle"},s("swirl-icon-drag-handle",{key:"8134fba6fd6ca02497ee416550a2dc219133f03b",size:20})),this.expandable&&"tree"===n&&s("span",{key:"e97db02e7f4cbf30d70880c749f21d423b72f390",class:"tree-view-item__toggle-icon"},e&&s(o,{key:"2d8b864460e55ac130f11ee594fab5b74e064bf3"},h?s("swirl-icon-expand-more",{onClick:this.onClickCollapse,size:24}):s("swirl-icon-chevron-right",{onClick:this.onClickExpand,size:24}))),!!this.icon&&s(o,{key:"ff85d76dd08e91a4f0feb0e3a7429cf3f2f25f89"},s("span",{key:"cee8cdca04d0a79d30af132aac01e3a7a93c7aa0",class:"tree-view-item__icon"},t?this.icon:s("swirl-icon",{glyph:this.icon,size:24,color:this.iconColor}))),s("span",{key:"c047c655f57ddd32b25e53ed2895ee3a59387eb0",class:"tree-view-item__label"},this.label),s("span",{key:"ad951c79736e6a770bfae5d4eb0966d58d7bed12",class:"tree-view-item__tags"},s("slot",{key:"15b80f3681a66f14e9fb86d81ad71d1c7e57a4c8",name:"tags"}))),s("ul",{key:"b4ecc45f07511851c56c44c1f4c7c02ac94adf7e","aria-label":this.label,class:"tree-view-item__children "+(r?"tree-view-item__children--drop-zone":""),id:this.itemId+"-children",ref:e=>this.childList=e,role:"tree"===n?"group":void 0,style:{display:h&&e||r?void 0:"none"}},s("slot",{key:"beb970cb39949293f27bdf215a56e9361cd12ee9"}))))}get el(){return this}static get style(){return"swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *{box-sizing:border-box}.tree-view-item{list-style:none}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost){border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-3)}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost) .tree-view-item__link{background-color:var(--s-background-default)}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost) .tree-view-item__link:hover .tree-view-item__drag-handle{opacity:0}.tree-view-item--ghost{border:var(--s-border-width-default) solid var(--s-border-highlight);border-radius:var(--s-border-radius-sm)}.tree-view-item--ghost .tree-view-item__link:hover .tree-view-item__drag-handle{opacity:0}.tree-view-item--moving-via-keyboard{position:relative;z-index:1;border:var(--s-border-width-default) solid var(--s-border-highlight);border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-3)}.tree-view-item--moving-via-keyboard .tree-view-item__link{background-color:var(--s-background-default)}.tree-view-item--moving-via-keyboard .tree-view-item__link:focus-visible{outline:none}.tree-view-item--cannot-keyboard-drop{opacity:0.5}.tree-view-item--active>.tree-view-item__link{background-color:var(--s-background-hovered)}.tree-view-item--has-tags .tree-view-item__tags{display:flex}.tree-view-item__children{display:flex;margin:0;padding:0 0 0 var(--s-space-12);padding-top:var(--s-space-2);flex-direction:column;gap:var(--s-space-2)}.tree-view-item__children--drop-zone{min-height:0.5rem;margin-top:-0.5rem}.tree-view-item__link{display:flex;height:2.25rem;padding:var(--s-space-4) var(--s-space-8);align-items:center;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--s-background-default);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);text-decoration:none;gap:var(--s-space-4)}.tree-view-item__link:hover{background-color:var(--s-background-hovered)}.tree-view-item__link:hover .tree-view-item__drag-handle{opacity:1}.tree-view-item__link:active{background-color:var(--s-background-pressed)}.tree-view-item__link:focus:not(:focus-visible){outline:none}.tree-view-item__link:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__link{font-size:var(--s-font-size-sm)}}.tree-view-item__drag-handle{display:inline-flex;flex-shrink:0;cursor:grab;opacity:0}.tree-view-item__drag-handle:active{cursor:grabbing}.tree-view-item__icon{display:block;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);flex-grow:0;flex-shrink:0;color:var(--s-icon-default);font-size:var(--s-font-size-lg)}.tree-view-item__icon ::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__icon{width:1.25rem;height:1.25rem;font-size:var(--s-font-size-base)}}.tree-view-item__toggle-icon{display:block;width:1.5rem;height:1.5rem;flex-grow:0;flex-shrink:0;color:var(--s-icon-default)}.tree-view-item__toggle-icon ::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__toggle-icon{width:1.25rem;height:1.25rem}}.tree-view-item__label{overflow:hidden;min-width:5rem;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.tree-view-item__tags{display:none;padding-left:var(--s-space-4);align-items:center;gap:var(--s-space-4)}"}},[260,"swirl-tree-view-item",{active:[4],disableDrag:[4,"disable-drag"],expandable:[4],href:[1],icon:[1],iconColor:[1,"icon-color"],itemId:[1,"item-id"],label:[1],canDrop:[32],cannotKeyboardDropInCurrentPosition:[32],dragDropItemSelector:[32],enableDragDrop:[32],expanded:[32],level:[32],movingViaKeyboard:[32],selected:[32],expand:[64],collapse:[64],select:[64],unselect:[64]}]),g=p,f=function(){"undefined"!=typeof customElements&&["swirl-tree-view-item","swirl-icon","swirl-icon-chevron-right","swirl-icon-drag-handle","swirl-icon-expand-more"].forEach((e=>{switch(e){case"swirl-tree-view-item":customElements.get(n(e))||customElements.define(n(e),p);break;case"swirl-icon":customElements.get(n(e))||l();break;case"swirl-icon-chevron-right":customElements.get(n(e))||m();break;case"swirl-icon-drag-handle":customElements.get(n(e))||v();break;case"swirl-icon-expand-more":customElements.get(n(e))||w()}}))};export{g as SwirlTreeViewItem,f as defineCustomElement}

package/dist/components/swirl-tree-view.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as i,forceUpdate as r,h as s,Host as n,transformTag as o}from"@stencil/core/internal/client";import{S as a}from"./sortable.esm.js";import{t as l}from"./swirl-tree-view.config.js";import{d}from"./swirl-visually-hidden2.js";const h={cannotBeDropped:"Cannot drop here.",end:"{itemLabel}, dropped. Parent item: {parentLabel}. Final position in list: {position} of {childrenCount}.",initial:"Press space to move items.",moved:"{itemLabel}. Parent item: {parentLabel}. Current position in list: {position} of {childrenCount}.",start:"{itemLabel}, grabbed. Parent item: {parentLabel}. Current position in list: {position} of {childrenCount}. Press up and down arrow keys to change position, Space to drop."},c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.dropItem=i(this,"dropItem",7),this.itemExpansionChanged=i(this,"itemExpansionChanged",7),this.dragDropInstructions=h,this.dragDropItemSelector="swirl-tree-view-item",this.semantics="tree",this.liveRegionText="",this.onSlotChange=()=>{this.init()},this.onFocus=()=>{""===this.liveRegionText&&this.updateLiveRegionText("initial")},this.onBlur=e=>{this.el.contains(e.relatedTarget)||""!==this.liveRegionText&&this.updateLiveRegionText()}}componentDidLoad(){this.initiallyExpandedItemIds&&this.expandItems(this.initiallyExpandedItemIds),this.init(),this.setUpDragDrop()}disconnectedCallback(){this.sortable?.destroy()}handleEnableDragDropChange(){this.setUpDragDrop()}async expandItems(e){"tree"===this.semantics&&this.getItems().filter((t=>e.includes(t.itemId))).forEach((e=>e.expand()))}onItemDrop(e){if(e.stopPropagation(),this.dropItem.emit(e.detail),e.detail.targetParentItemId){const t=this.el.querySelector(`\n        swirl-tree-view-item#${e.detail.targetParentItemId},\n        #${e.detail.targetParentItemId} > swirl-tree-view-item\n      `);t&&(r(t),t.expand())}if(e.detail.sourceParentItemId){const t=this.el.querySelector(`\n        swirl-tree-view-item#${e.detail.sourceParentItemId},\n        #${e.detail.sourceParentItemId} > swirl-tree-view-item\n      `);t&&(r(t),t.expand())}}onKeyDown(e){"tree"===this.semantics&&("ArrowDown"===e.key?(e.preventDefault(),this.selectNextItem()):"ArrowUp"===e.key?(e.preventDefault(),this.selectPreviousItem()):"ArrowRight"===e.key?(e.preventDefault(),this.expandSelectedItem()):"ArrowLeft"===e.key?(e.preventDefault(),this.collapseSelectedItem()):"Home"===e.key?(e.preventDefault(),this.selectFirstItem()):"End"===e.key&&(e.preventDefault(),this.selectLastItem()))}onItemSelected(e){this.getItems().forEach((t=>{t!==e.target&&t.unselect()}))}onExpandedChange(e){const t=e.target;"SWIRL-TREE-VIEW-ITEM"===t?.tagName&&this.itemExpansionChanged.emit({itemId:t.itemId,expanded:e.detail})}onEndKeyboardMove(e){this.updateLiveRegionText("end",e.detail)}onStartKeyboardMove(e){this.updateLiveRegionText("start",e.detail)}onKeyboardMove(e){this.updateLiveRegionText("moved",e.detail)}init(){if("tree"!==this.semantics)return;const e=this.getSelectedItem(),t=this.getItems();t.forEach((e=>e.unselect())),e?e.select():t[0]?.select()}setUpDragDrop(){this.sortable&&(this.sortable.destroy(),this.sortable=void 0),this.enableDragDrop&&(this.sortable=new a(this.listElement,{...l,draggable:this.dragDropItemSelector,onMove:e=>"function"!=typeof this.canDrop||this.canDrop({parentId:e.to.closest("swirl-tree-view-item")?.itemId,position:Math.max(Array.from(e.to.children).indexOf(e.related),0)+1}),onStart:e=>{l.onStart?.(e)},onEnd:e=>{e.stopPropagation(),l.onEnd?.(e);const{to:t,newIndex:i,oldIndex:s,item:n}=e,o=t.closest("swirl-tree-view-item");o&&(r(o),o.expand()),this.dropItem.emit({newIndex:i,oldIndex:s,item:n,itemId:n.id??n.querySelector(":scope > swirl-tree-view-item").id,newNextSiblingItemId:i<t.children.length-1?t.children[i+1].id:void 0,newPrevSiblingItemId:i>0?t.children[i-1].id:void 0,sourceParentItemId:void 0,targetParentItemId:o?.itemId})}}))}selectFirstItem(){this.unselectAllItems(),this.getItems()[0]?.select(!0)}selectLastItem(){const e=this.getItems().filter((e=>e.parentElement.closest("swirl-tree-view-item")?.querySelector(':scope > li > [aria-expanded="true"]')||!e.parentElement.closest("swirl-tree-view-item"))).pop();this.unselectAllItems(),e?.select(!0)}expandSelectedItem(){const e=this.getSelectedItem();e&&(this.isItemExpanded(e)?this.selectNextItem():e.expand())}collapseSelectedItem(){const e=this.getSelectedItem();if(e)if(this.isItemExpanded(e))e.collapse();else{const t=e.parentElement.closest("swirl-tree-view-item");if(!t)return;this.unselectAllItems(),t.select(!0)}}selectNextItem(){const e=this.getSelectedItem(),t=this.isItemExpanded(e),i=this.getNextSibling(e);let r=e.parentElement.closest("swirl-tree-view-item"),s=this.getNextSibling(r);for(;r&&!s;)r=r?.parentElement.closest("swirl-tree-view-item, swirl-tree-view"),s=this.getNextSibling(r);const n=e.querySelector("swirl-tree-view-item"),o=t?n:i||s;o&&(this.unselectAllItems(),o.select?.(!0))}selectPreviousItem(){const e=this.getItems(),t=this.getSelectedItem(),i=this.getPreviousSibling(t);if(i?.querySelector(':scope > li > [aria-expanded="true"]')){let t=i?.querySelector(":scope > li > ul > swirl-tree-view-item:last-child, :scope > li > ul > *:last-child > swirl-tree-view-item"),r=!!t?.querySelector(':scope > li > [aria-expanded="true"]');for(;r;)t=t?.querySelector(":scope > li > ul > swirl-tree-view-item:last-child, :scope > li > ul > *:last-child > swirl-tree-view-item"),r=!!t?.querySelector('[aria-expanded="true"]');return e.forEach((e=>e.unselect())),void t.select?.(!0)}const r=t.parentElement.closest("swirl-tree-view-item"),s=i||r;s&&(e.forEach((e=>e.unselect())),s.select?.(!0))}unselectAllItems(){this.getItems().forEach((e=>e.unselect()))}getItems(){return Array.from(this.el.querySelectorAll("swirl-tree-view-item"))}getSelectedItem(){return this.getItems().find((e=>"true"===e.querySelector("a")?.getAttribute("aria-selected")))}isItemExpanded(e){return!!e.querySelector(':scope > li > [aria-expanded="true"]')}getNextSibling(e){if("SWIRL-TREE-VIEW-ITEM"===e?.nextElementSibling?.tagName)return e.nextElementSibling;const t=e?.parentElement?.nextElementSibling?.querySelector("swirl-tree-view-item");return t??void 0}getPreviousSibling(e){if("SWIRL-TREE-VIEW-ITEM"===e?.previousElementSibling?.tagName)return e.previousElementSibling;const t=e?.parentElement?.previousElementSibling?.querySelector("swirl-tree-view-item");return t??void 0}updateLiveRegionText(e,t){let i=e?this.dragDropInstructions[e]:"";t?.canDrop||(i+=" "+this.dragDropInstructions.cannotBeDropped);for(const[e,r]of Object.entries(t??{}))i=i.replaceAll(`{${e}}`,r+"");i!==this.liveRegionText&&(this.liveRegionText=i)}render(){return s(n,{key:"16d74aad51e57f5fc909eec33f55ee95bee94950"},this.enableDragDrop&&s("swirl-visually-hidden",{key:"7aa7785d4b14b0b1b206fbeb4ec3406e50db7ee4"},s("span",{key:"4cb2256c612883094d69644e00095a37ed5a9b9d","aria-live":"assertive"},this.liveRegionText)),s("ul",{key:"b7085ee5c4c9a7e14d43c025019da22da00b3e6c","aria-label":this.label,class:"tree-view",onFocusin:this.onFocus,onFocusout:this.onBlur,role:"tree"===this.semantics?"tree":void 0,ref:e=>this.listElement=e,tabIndex:-1},s("slot",{key:"0cafa4fef896d51a2fbc46ccabf02cc61522e562",onSlotchange:this.onSlotChange})))}get el(){return this}static get watchers(){return{enableDragDrop:[{handleEnableDragDropChange:0}]}}static get style(){return"swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box}.tree-view{display:flex;margin:0;padding:0 0 var(--s-space-4);flex-direction:column;gap:var(--s-space-2)}.tree-view--dragging{cursor:grabbing}.tree-view--dragging .tree-view-item__link:hover,.tree-view--dragging .tree-view-item__link:active{background-color:var(--s-background-default) !important}.tree-view--dragging .tree-view-item__link:hover .tree-view-item__drag-handle,.tree-view--dragging .tree-view-item__link:active .tree-view-item__drag-handle{opacity:0}"}},[260,"swirl-tree-view",{canDrop:[16],dragDropInstructions:[16],dragDropItemSelector:[1,"drag-drop-item-selector"],enableDragDrop:[4,"enable-drag-drop"],initiallyExpandedItemIds:[16],label:[1],semantics:[1],liveRegionText:[32],expandItems:[64]},[[0,"dropTreeViewItem","onItemDrop"],[0,"keydown","onKeyDown"],[0,"itemSelected","onItemSelected"],[0,"expandedChange","onExpandedChange"],[0,"endKeyboardMove","onEndKeyboardMove"],[0,"startKeyboardMove","onStartKeyboardMove"],[0,"keyboardMove","onKeyboardMove"]],{enableDragDrop:[{handleEnableDragDropChange:0}]}]),w=c,m=function(){"undefined"!=typeof customElements&&["swirl-tree-view","swirl-visually-hidden"].forEach((e=>{switch(e){case"swirl-tree-view":customElements.get(o(e))||customElements.define(o(e),c);break;case"swirl-visually-hidden":customElements.get(o(e))||d()}}))};export{w as SwirlTreeView,m as defineCustomElement}
+import{p as e,H as t,c as i,f as r,h as s,d as n,t as o}from"./p-BIzYxcO0.js";import{S as a}from"./p-CMrz6687.js";import{t as d}from"./p-BkSXzL50.js";import{d as l}from"./p-g-oCTzqh.js";const h={cannotBeDropped:"Cannot drop here.",end:"{itemLabel}, dropped. Parent item: {parentLabel}. Final position in list: {position} of {childrenCount}.",initial:"Press space to move items.",moved:"{itemLabel}. Parent item: {parentLabel}. Current position in list: {position} of {childrenCount}.",start:"{itemLabel}, grabbed. Parent item: {parentLabel}. Current position in list: {position} of {childrenCount}. Press up and down arrow keys to change position, Space to drop."},c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.dropItem=i(this,"dropItem",7),this.itemExpansionChanged=i(this,"itemExpansionChanged",7),this.dragDropInstructions=h,this.dragDropItemSelector="swirl-tree-view-item",this.semantics="tree",this.liveRegionText="",this.onSlotChange=()=>{this.init()},this.onFocus=()=>{""===this.liveRegionText&&this.updateLiveRegionText("initial")},this.onBlur=e=>{this.el.contains(e.relatedTarget)||""!==this.liveRegionText&&this.updateLiveRegionText()}}componentDidLoad(){this.initiallyExpandedItemIds&&this.expandItems(this.initiallyExpandedItemIds),this.init(),this.setUpDragDrop()}disconnectedCallback(){this.sortable?.destroy()}handleEnableDragDropChange(){this.setUpDragDrop()}async expandItems(e){"tree"===this.semantics&&this.getItems().filter((t=>e.includes(t.itemId))).forEach((e=>e.expand()))}onItemDrop(e){if(e.stopPropagation(),this.dropItem.emit(e.detail),e.detail.targetParentItemId){const t=this.el.querySelector(`\n        swirl-tree-view-item#${e.detail.targetParentItemId},\n        #${e.detail.targetParentItemId} > swirl-tree-view-item\n      `);t&&(r(t),t.expand())}if(e.detail.sourceParentItemId){const t=this.el.querySelector(`\n        swirl-tree-view-item#${e.detail.sourceParentItemId},\n        #${e.detail.sourceParentItemId} > swirl-tree-view-item\n      `);t&&(r(t),t.expand())}}onKeyDown(e){"tree"===this.semantics&&("ArrowDown"===e.key?(e.preventDefault(),this.selectNextItem()):"ArrowUp"===e.key?(e.preventDefault(),this.selectPreviousItem()):"ArrowRight"===e.key?(e.preventDefault(),this.expandSelectedItem()):"ArrowLeft"===e.key?(e.preventDefault(),this.collapseSelectedItem()):"Home"===e.key?(e.preventDefault(),this.selectFirstItem()):"End"===e.key&&(e.preventDefault(),this.selectLastItem()))}onItemSelected(e){this.getItems().forEach((t=>{t!==e.target&&t.unselect()}))}onExpandedChange(e){const t=e.target;"SWIRL-TREE-VIEW-ITEM"===t?.tagName&&this.itemExpansionChanged.emit({itemId:t.itemId,expanded:e.detail})}onEndKeyboardMove(e){this.updateLiveRegionText("end",e.detail)}onStartKeyboardMove(e){this.updateLiveRegionText("start",e.detail)}onKeyboardMove(e){this.updateLiveRegionText("moved",e.detail)}init(){if("tree"!==this.semantics)return;const e=this.getSelectedItem(),t=this.getItems();t.forEach((e=>e.unselect())),e?e.select():t[0]?.select()}setUpDragDrop(){this.sortable&&(this.sortable.destroy(),this.sortable=void 0),this.enableDragDrop&&(this.sortable=new a(this.listElement,{...d,draggable:this.dragDropItemSelector,onMove:e=>"function"!=typeof this.canDrop||this.canDrop({parentId:e.to.closest("swirl-tree-view-item")?.itemId,position:Math.max(Array.from(e.to.children).indexOf(e.related),0)+1}),onStart:e=>{d.onStart?.(e)},onEnd:e=>{e.stopPropagation(),d.onEnd?.(e);const{to:t,newIndex:i,oldIndex:s,item:n}=e,o=t.closest("swirl-tree-view-item");o&&(r(o),o.expand()),this.dropItem.emit({newIndex:i,oldIndex:s,item:n,itemId:n.id??n.querySelector(":scope > swirl-tree-view-item").id,newNextSiblingItemId:i<t.children.length-1?t.children[i+1].id:void 0,newPrevSiblingItemId:i>0?t.children[i-1].id:void 0,sourceParentItemId:void 0,targetParentItemId:o?.itemId})}}))}selectFirstItem(){this.unselectAllItems(),this.getItems()[0]?.select(!0)}selectLastItem(){const e=this.getItems().filter((e=>e.parentElement.closest("swirl-tree-view-item")?.querySelector(':scope > li > [aria-expanded="true"]')||!e.parentElement.closest("swirl-tree-view-item"))).pop();this.unselectAllItems(),e?.select(!0)}expandSelectedItem(){const e=this.getSelectedItem();e&&(this.isItemExpanded(e)?this.selectNextItem():e.expand())}collapseSelectedItem(){const e=this.getSelectedItem();if(e)if(this.isItemExpanded(e))e.collapse();else{const t=e.parentElement.closest("swirl-tree-view-item");if(!t)return;this.unselectAllItems(),t.select(!0)}}selectNextItem(){const e=this.getSelectedItem(),t=this.isItemExpanded(e),i=this.getNextSibling(e);let r=e.parentElement.closest("swirl-tree-view-item"),s=this.getNextSibling(r);for(;r&&!s;)r=r?.parentElement.closest("swirl-tree-view-item, swirl-tree-view"),s=this.getNextSibling(r);const n=e.querySelector("swirl-tree-view-item"),o=t?n:i||s;o&&(this.unselectAllItems(),o.select?.(!0))}selectPreviousItem(){const e=this.getItems(),t=this.getSelectedItem(),i=this.getPreviousSibling(t);if(i?.querySelector(':scope > li > [aria-expanded="true"]')){let t=i?.querySelector(":scope > li > ul > swirl-tree-view-item:last-child, :scope > li > ul > *:last-child > swirl-tree-view-item"),r=!!t?.querySelector(':scope > li > [aria-expanded="true"]');for(;r;)t=t?.querySelector(":scope > li > ul > swirl-tree-view-item:last-child, :scope > li > ul > *:last-child > swirl-tree-view-item"),r=!!t?.querySelector('[aria-expanded="true"]');return e.forEach((e=>e.unselect())),void t.select?.(!0)}const r=t.parentElement.closest("swirl-tree-view-item"),s=i||r;s&&(e.forEach((e=>e.unselect())),s.select?.(!0))}unselectAllItems(){this.getItems().forEach((e=>e.unselect()))}getItems(){return Array.from(this.el.querySelectorAll("swirl-tree-view-item"))}getSelectedItem(){return this.getItems().find((e=>"true"===e.querySelector("a")?.getAttribute("aria-selected")))}isItemExpanded(e){return!!e.querySelector(':scope > li > [aria-expanded="true"]')}getNextSibling(e){if("SWIRL-TREE-VIEW-ITEM"===e?.nextElementSibling?.tagName)return e.nextElementSibling;const t=e?.parentElement?.nextElementSibling?.querySelector("swirl-tree-view-item");return t??void 0}getPreviousSibling(e){if("SWIRL-TREE-VIEW-ITEM"===e?.previousElementSibling?.tagName)return e.previousElementSibling;const t=e?.parentElement?.previousElementSibling?.querySelector("swirl-tree-view-item");return t??void 0}updateLiveRegionText(e,t){let i=e?this.dragDropInstructions[e]:"";t?.canDrop||(i+=" "+this.dragDropInstructions.cannotBeDropped);for(const[e,r]of Object.entries(t??{}))i=i.replaceAll(`{${e}}`,r+"");i!==this.liveRegionText&&(this.liveRegionText=i)}render(){return s(n,{key:"16d74aad51e57f5fc909eec33f55ee95bee94950"},this.enableDragDrop&&s("swirl-visually-hidden",{key:"7aa7785d4b14b0b1b206fbeb4ec3406e50db7ee4"},s("span",{key:"4cb2256c612883094d69644e00095a37ed5a9b9d","aria-live":"assertive"},this.liveRegionText)),s("ul",{key:"b7085ee5c4c9a7e14d43c025019da22da00b3e6c","aria-label":this.label,class:"tree-view",onFocusin:this.onFocus,onFocusout:this.onBlur,role:"tree"===this.semantics?"tree":void 0,ref:e=>this.listElement=e,tabIndex:-1},s("slot",{key:"0cafa4fef896d51a2fbc46ccabf02cc61522e562",onSlotchange:this.onSlotChange})))}get el(){return this}static get watchers(){return{enableDragDrop:[{handleEnableDragDropChange:0}]}}static get style(){return"swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box}.tree-view{display:flex;margin:0;padding:0 0 var(--s-space-4);flex-direction:column;gap:var(--s-space-2)}.tree-view--dragging{cursor:grabbing}.tree-view--dragging .tree-view-item__link:hover,.tree-view--dragging .tree-view-item__link:active{background-color:var(--s-background-default) !important}.tree-view--dragging .tree-view-item__link:hover .tree-view-item__drag-handle,.tree-view--dragging .tree-view-item__link:active .tree-view-item__drag-handle{opacity:0}"}},[260,"swirl-tree-view",{canDrop:[16],dragDropInstructions:[16],dragDropItemSelector:[1,"drag-drop-item-selector"],enableDragDrop:[4,"enable-drag-drop"],initiallyExpandedItemIds:[16],label:[1],semantics:[1],liveRegionText:[32],expandItems:[64]},[[0,"dropTreeViewItem","onItemDrop"],[0,"keydown","onKeyDown"],[0,"itemSelected","onItemSelected"],[0,"expandedChange","onExpandedChange"],[0,"endKeyboardMove","onEndKeyboardMove"],[0,"startKeyboardMove","onStartKeyboardMove"],[0,"keyboardMove","onKeyboardMove"]],{enableDragDrop:[{handleEnableDragDropChange:0}]}]),m=c,w=function(){"undefined"!=typeof customElements&&["swirl-tree-view","swirl-visually-hidden"].forEach((e=>{switch(e){case"swirl-tree-view":customElements.get(o(e))||customElements.define(o(e),c);break;case"swirl-visually-hidden":customElements.get(o(e))||l()}}))};export{m as SwirlTreeView,w as defineCustomElement}

package/dist/components/swirl-video-thumbnail.js

@@ -1 +1 @@
-import{proxyCustomElement as i,HTMLElement as e,h as t,Host as a,transformTag as n}from"@stencil/core/internal/client";import{d as o}from"./swirl-visually-hidden2.js";const s=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.durationLabel="Duration"}render(){return t(a,{key:"87027df2147bfcbdb660b06129157e2816d21b8b"},t("button",{key:"15f418041c9b32c66b039905c413374d9d8bfa81","aria-describedby":void 0!==this.duration?"duration":void 0,"aria-label":this.label,class:"video-thumbnail",type:"button"},t("img",{key:"5ec75d23e69f3c0a95e4f71102d3e2bb6899ab16",alt:"",class:"video-thumbnail__image",loading:"lazy",src:this.src}),this.duration&&t("span",{key:"47772a4530b7cbfc249d1192f9b8c3a33352402e",class:"video-thumbnail__duration",id:"duration"},t("swirl-visually-hidden",{key:"dc84332e0f08e0ae1d7a6655f736ce905c2bae91"},this.durationLabel),this.duration),t("svg",{key:"fd9dfd33936aa50e70af003ed2dc7aac44d894f1",class:"video-thumbnail__play-icon",fill:"none",viewBox:"0 0 40 40",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"39c457651a2d4e826273b74a33c73ae291ff16b0",d:"M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z",fill:"white","fill-opacity":"0.95"}))))}static get style(){return':host{display:flex;width:100%}:host *{box-sizing:border-box}.video-thumbnail{position:relative;display:inline-flex;width:100%;margin:0;padding:0;border:none;background-color:transparent;cursor:pointer;container-type:inline-size;container-name:video-thumbnail}.video-thumbnail:after{position:absolute;background-color:rgba(0, 0, 0, 0.05);content:"";inset:0}.video-thumbnail:focus:not(:focus-visible){outline:none}.video-thumbnail:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}.video-thumbnail__image{width:100%}.video-thumbnail__duration{position:absolute;bottom:var(--s-space-8);left:var(--s-space-8);padding:var(--s-space-2) var(--s-space-8);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-image);background:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),     rgba(255, 255, 255, 0.1);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);letter-spacing:var(--s-letter-spacing-tighter)}.video-thumbnail__play-icon{position:absolute;z-index:1;top:50%;left:50%;width:2.5rem;height:2.5rem;transform:translate3d(-50%, -50%, 0)}@container video-thumbnail (min-width: 448px){.video-thumbnail__play-icon{width:3.5rem;height:4.5rem}}'}},[1,"swirl-video-thumbnail",{durationLabel:[1,"duration-label"],duration:[1],label:[1],src:[1]}]),r=s,l=function(){"undefined"!=typeof customElements&&["swirl-video-thumbnail","swirl-visually-hidden"].forEach((i=>{switch(i){case"swirl-video-thumbnail":customElements.get(n(i))||customElements.define(n(i),s);break;case"swirl-visually-hidden":customElements.get(n(i))||o()}}))};export{r as SwirlVideoThumbnail,l as defineCustomElement}
+import{p as i,H as e,h as t,d as a,t as s}from"./p-BIzYxcO0.js";import{d as o}from"./p-g-oCTzqh.js";const n=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.durationLabel="Duration"}render(){return t(a,{key:"87027df2147bfcbdb660b06129157e2816d21b8b"},t("button",{key:"15f418041c9b32c66b039905c413374d9d8bfa81","aria-describedby":void 0!==this.duration?"duration":void 0,"aria-label":this.label,class:"video-thumbnail",type:"button"},t("img",{key:"5ec75d23e69f3c0a95e4f71102d3e2bb6899ab16",alt:"",class:"video-thumbnail__image",loading:"lazy",src:this.src}),this.duration&&t("span",{key:"47772a4530b7cbfc249d1192f9b8c3a33352402e",class:"video-thumbnail__duration",id:"duration"},t("swirl-visually-hidden",{key:"dc84332e0f08e0ae1d7a6655f736ce905c2bae91"},this.durationLabel),this.duration),t("svg",{key:"fd9dfd33936aa50e70af003ed2dc7aac44d894f1",class:"video-thumbnail__play-icon",fill:"none",viewBox:"0 0 40 40",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"39c457651a2d4e826273b74a33c73ae291ff16b0",d:"M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z",fill:"white","fill-opacity":"0.95"}))))}static get style(){return':host{display:flex;width:100%}:host *{box-sizing:border-box}.video-thumbnail{position:relative;display:inline-flex;width:100%;margin:0;padding:0;border:none;background-color:transparent;cursor:pointer;container-type:inline-size;container-name:video-thumbnail}.video-thumbnail:after{position:absolute;background-color:rgba(0, 0, 0, 0.05);content:"";inset:0}.video-thumbnail:focus:not(:focus-visible){outline:none}.video-thumbnail:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}.video-thumbnail__image{width:100%}.video-thumbnail__duration{position:absolute;bottom:var(--s-space-8);left:var(--s-space-8);padding:var(--s-space-2) var(--s-space-8);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-image);background:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),     rgba(255, 255, 255, 0.1);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);letter-spacing:var(--s-letter-spacing-tighter)}.video-thumbnail__play-icon{position:absolute;z-index:1;top:50%;left:50%;width:2.5rem;height:2.5rem;transform:translate3d(-50%, -50%, 0)}@container video-thumbnail (min-width: 448px){.video-thumbnail__play-icon{width:3.5rem;height:4.5rem}}'}},[1,"swirl-video-thumbnail",{durationLabel:[1,"duration-label"],duration:[1],label:[1],src:[1]}]),r=n,d=function(){"undefined"!=typeof customElements&&["swirl-video-thumbnail","swirl-visually-hidden"].forEach((i=>{switch(i){case"swirl-video-thumbnail":customElements.get(s(i))||customElements.define(s(i),n);break;case"swirl-visually-hidden":customElements.get(s(i))||o()}}))};export{r as SwirlVideoThumbnail,d as defineCustomElement}

package/dist/components/swirl-visually-hidden.js

@@ -1 +1 @@
-import{S as s,d as i}from"./swirl-visually-hidden2.js";const o=s,r=i;export{o as SwirlVisuallyHidden,r as defineCustomElement}
+import{S as o,d as s}from"./p-g-oCTzqh.js";const p=o,r=s;export{p as SwirlVisuallyHidden,r as defineCustomElement}

package/dist/components/wc-datepicker.js

@@ -1 +1 @@
-import{W as o,d as r}from"./wc-datepicker2.js";const s=o,t=r;export{s as WcDatepicker,t as defineCustomElement}
+import{W as o,d as r}from"./p-BrFFyRJi.js";const s=o,p=r;export{s as WcDatepicker,p as defineCustomElement}

package/dist/types/index.d.ts

@@ -1,7 +1,7 @@
 export { ComputePositionReturn } from "@floating-ui/dom";
 export { WcDatepickerCustomEvent } from "wc-datepicker";
 export { MonthChangedEventDetails, WCDatepickerLabels, } from "wc-datepicker/dist/types/components/wc-datepicker/wc-datepicker";
-export { Components, JSX } from "./components";
+export * from "./components";
 export { SwirlAppLayoutMobileView, SwirlAppLayoutNavigationExpansionState, } from "./components/swirl-app-layout/swirl-app-layout";
 export { SwirlAutocompleteSuggestion, SwirlAutocompleteValue, } from "./components/swirl-autocomplete/swirl-autocomplete";
 export { SwirlTableDropRowEvent } from "./components/swirl-table/swirl-table";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components",
-  "version": "0.455.0",
+  "version": "0.456.0",
   "description": "Swirl Design System Web Component Library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -70,7 +70,7 @@
     "@stencil/angular-output-target": "1.1.0",
     "@stencil/eslint-plugin": "0.4.0",
     "@stencil/postcss": "2.1.0",
-    "@stencil/react-output-target": "0.5.3",
+    "@stencil/react-output-target": "1.4.2",
     "@storybook/addon-a11y": "10.2.11",
     "@storybook/addon-docs": "10.2.11",
     "@storybook/addon-mdx-gfm": "8.6.12",

package/dist/components/FileSaver.min.js

@@ -1 +0,0 @@
-import{a as t}from"./index2.js";var o,n,e={exports:{}},i=(o||(o=1,n=e,function(){function o(t,o,n){var e=new XMLHttpRequest;e.open("GET",t),e.responseType="blob",e.onload=function(){r(e.response,o,n)},e.onerror=function(){console.error("could not download file")},e.send()}function e(t){var o=new XMLHttpRequest;o.open("HEAD",t,!1);try{o.send()}catch(t){}return 200<=o.status&&299>=o.status}function i(t){try{t.dispatchEvent(new MouseEvent("click"))}catch(n){var o=document.createEvent("MouseEvents");o.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),t.dispatchEvent(o)}}var a="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof t&&t.global===t?t:void 0,c=a.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),r=a.saveAs||("object"!=typeof window||window!==a?function(){}:"download"in HTMLAnchorElement.prototype&&!c?function(t,n,c){var r=a.URL||a.webkitURL,f=document.createElement("a");f.download=n=n||t.name||"download",f.rel="noopener","string"==typeof t?(f.href=t,f.origin===location.origin?i(f):e(f.href)?o(t,n,c):i(f,f.target="_blank")):(f.href=r.createObjectURL(t),setTimeout((function(){r.revokeObjectURL(f.href)}),4e4),setTimeout((function(){i(f)}),0))}:"msSaveOrOpenBlob"in navigator?function(t,n,a){if(n=n||t.name||"download","string"!=typeof t)navigator.msSaveOrOpenBlob(function(t,o){return void 0===o?o={autoBom:!1}:"object"!=typeof o&&(console.warn("Deprecated: Expected third argument to be a object"),o={autoBom:!o}),o.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(t.type)?new Blob(["\ufeff",t],{type:t.type}):t}(t,a),n);else if(e(t))o(t,n,a);else{var c=document.createElement("a");c.href=t,c.target="_blank",setTimeout((function(){i(c)}))}}:function(t,n,e,i){if((i=i||open("","_blank"))&&(i.document.title=i.document.body.innerText="downloading..."),"string"==typeof t)return o(t,n,e);var r="application/octet-stream"===t.type,f=/constructor/i.test(a.HTMLElement)||a.safari,l=/CriOS\/[\d]+/.test(navigator.userAgent);if((l||r&&f||c)&&"undefined"!=typeof FileReader){var u=new FileReader;u.onloadend=function(){var t=u.result;t=l?t:t.replace(/^data:[^;]*;/,"data:attachment/file;"),i?i.location.href=t:location=t,i=null},u.readAsDataURL(t)}else{var d=a.URL||a.webkitURL,s=d.createObjectURL(t);i?i.location=s:location.href=s,i=null,setTimeout((function(){d.revokeObjectURL(s)}),4e4)}});a.saveAs=r.saveAs=r,n.exports=r}()),e.exports);export{i as F}

package/dist/components/media-query.service.js

@@ -1 +0,0 @@
-import{u as s}from"./utils.js";const t=new class{constructor(){this.listeners=new Set,this.onChange=s=>{this.listeners.forEach((t=>t(s.matches)))},this.mediaQueryList=s(),this.mediaQueryList.addEventListener("change",this.onChange)}subscribe(s){return this.listeners.add(s),s(this.mediaQueryList.matches),()=>{this.listeners.delete(s)}}};export{t as D}

package/dist/components/swirl-action-list-item2.js

@@ -1 +0,0 @@
-import{proxyCustomElement as i,HTMLElement as t,h as e,Host as a,transformTag as s}from"@stencil/core/internal/client";import{c as n}from"./index2.js";import{D as o}from"./media-query.service.js";const l=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.intent="default",this.size="m",this.truncateLabel=!0,this.mediaQueryUnsubscribe=()=>{}}componentDidLoad(){this.mediaQueryUnsubscribe=o.subscribe((i=>{this.forceIconProps(i)}))}disconnectedCallback(){this.mediaQueryUnsubscribe()}forceIconProps(i){const t=this.iconEl?.children[0],e=this.suffixEl?.children[0];t?.setAttribute("size",i?"20":"24");const a=this.iconBadgeEl?.children[0];a?.setAttribute("size","xs"),a?.setAttribute("variant","dot"),"SWIRL-TAG"!==e?.tagName&&e?.setAttribute("size",i?"20":"24")}render(){const i=Boolean(this.badge),t=Boolean(this.iconBadge),s=Boolean(this.el.querySelector('[slot="suffix"]')),o=(Boolean(this.suffix)||s)&&!this.disabled,l=n("action-list-item",`action-list-item--intent-${this.intent}`,`action-list-item--size-${this.size}`);return e(a,{key:"a8ec31c9d8234291c8379e9b3521f91c176e811e"},e("button",{key:"3018e2f041a84b321b9cef388c85c59afa518b79","aria-expanded":this.swirlAriaExpanded,"aria-haspopup":this.swirlAriaHaspopup,class:l,disabled:this.disabled,part:"action-list-item",role:"menuitem",tabIndex:-1,type:"button"},e("slot",{key:"34bebbac07562f76eb29e1b93900019a75143add",name:"avatar"}),this.icon&&e("span",{key:"15b82e7eb50d334254f1f6da7d55cecad4706475",class:"action-list-item__icon",innerHTML:this.icon,ref:i=>this.iconEl=i},t&&e("span",{key:"0c4c8fc78fd13d707cb33dab2309c85f97a4e201",class:"action-list-item__icon-badge",innerHTML:this.iconBadge,ref:i=>this.iconBadgeEl=i})),e("span",{key:"c3c1a34a74a8dfbec8a82cb3fc797ce03e6ddd55",class:"action-list-item__label-container"},e("span",{key:"9626f3a01f7c95da947b7665e7c97a9542f48cfb",class:"action-list-item__label",style:{whiteSpace:this.truncateLabel?"nowrap":"normal"}},this.label),this.description&&e("span",{key:"e002430aa42252b68c1550af4d2c75dd744f78ee",class:"action-list-item__description"},this.description)),i&&e("span",{key:"1aca4916c0f3fca1601c49db73ae72516520572f",class:"action-list-item__badge",innerHTML:this.badge}),o&&e("span",{key:"c355f7123d3d5deba0a72ca3ee1142ef3210d96e",class:"action-list-item__suffix",innerHTML:s?void 0:this.suffix,ref:i=>this.suffixEl=i},e("slot",{key:"d3d6cac336709a2592f637971f0479587cbf0dee",name:"suffix"}))))}get el(){return this}static get style(){return":host{display:block}:host *{box-sizing:border-box}.action-list-item{display:inline-flex;position:relative;width:100%;min-width:15rem;margin:0;padding:var(--s-space-12) var(--s-space-16);justify-content:flex-start;align-items:center;border:none;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;cursor:pointer;gap:var(--s-space-12)}.action-list-item:hover{background-color:var(--s-translucent-low-hovered);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.action-list-item:focus{outline:none}.action-list-item:focus-visible{background-color:var(--s-translucent-low-hovered);outline-color:var(--s-focus-default);outline-style:solid;outline-width:0.125rem;z-index:1}.action-list-item:active{background-color:var(--s-translucent-low-pressed)}.action-list-item:disabled{cursor:default}.action-list-item:disabled .action-list-item__label,.action-list-item:disabled .action-list-item__description{color:var(--s-text-disabled)}.action-list-item:disabled .action-list-item__icon{color:var(--s-icon-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-8)}}.action-list-item--size-l{padding:var(--s-space-16)}.action-list-item--intent-critical ::part(icon){color:var(--s-icon-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__label{color:var(--s-text-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__icon{color:var(--s-icon-critical)}.action-list-item__icon{display:inline-flex;position:relative;width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item__icon{width:1.25rem;height:1.25rem}}.action-list-item__icon-badge{position:absolute;display:grid;bottom:0;right:0}.action-list-item__label-container{display:inline-flex;min-width:0;flex-grow:1;flex-shrink:1;align-items:flex-start;flex-direction:column}.action-list-item__label{overflow:hidden;max-width:100%;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.action-list-item__description{color:var(--s-text-subdued)}.action-list-item__badge{overflow:hidden;min-width:4rem;padding-left:var(--s-space-8);flex-shrink:3;color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);text-align:right;white-space:nowrap;text-overflow:ellipsis}.action-list-item__suffix{display:inline-flex;flex-shrink:0;color:var(--s-icon-default)}"}},[257,"swirl-action-list-item",{badge:[1],disabled:[4],description:[1],icon:[1],iconBadge:[1,"icon-badge"],intent:[1],label:[1],size:[1],swirlAriaExpanded:[1,"swirl-aria-expanded"],swirlAriaHaspopup:[1,"swirl-aria-haspopup"],suffix:[1],truncateLabel:[4,"truncate-label"]}]);function c(){"undefined"!=typeof customElements&&["swirl-action-list-item"].forEach((i=>{"swirl-action-list-item"===i&&(customElements.get(s(i))||customElements.define(s(i),l))}))}export{l as S,c as d}

package/dist/components/swirl-action-list2.js

@@ -1 +0,0 @@
-import{proxyCustomElement as t,HTMLElement as s,h as i,Host as e,transformTag as o}from"@stencil/core/internal/client";import{q as n,k as r}from"./utils.js";const c=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.onKeyDown=t=>{"ArrowDown"===t.code||"ArrowRight"===t.code?(t.preventDefault(),t.stopPropagation(),this.focusNextItem()):"ArrowUp"!==t.code&&"ArrowLeft"!==t.code||(t.preventDefault(),t.stopPropagation(),this.focusPreviousItem())},this.onFocusOut=t=>{if(this.isInsidePopover)return;const s=t.relatedTarget,i=t.target,e="SWIRL-ACTION-LIST-ITEM"===i?.tagName,o=null===s||!this.el.contains(s);!this.isInsidePopover&&o&&e&&this.container.setAttribute("tabindex","0")},this.onFocus=()=>{if(this.isInsidePopover)return;this.container.removeAttribute("tabindex");const t=this.getItems(),s=this.getActiveItemIndex();s>-1?t[s]?.focus():t[0]?.focus()}}componentDidLoad(){queueMicrotask((()=>{this.isInsidePopover=null!==this.el.closest("swirl-popover"),this.isInsidePopover||this.container.setAttribute("tabindex","0")})),this.setSectionSeparator()}getItems(){return n(this.el,'[role="menuitem"]')}focusNextItem(){const t=this.getItems();t[(this.getActiveItemIndex()+1)%t.length].focus()}focusPreviousItem(){const t=this.getItems(),s=this.getActiveItemIndex(),i=0===s?t.length-1:s-1;t[i]?.focus()}getActiveItemIndex(){const t=this.getItems(),s=r();return t.findIndex((t=>t===s||t===s?.querySelector('[role="menuitem"]')))}setSectionSeparator(){this.el&&Array.from(this.el.querySelectorAll("swirl-action-list-section")).filter((t=>t.isConnected)).forEach(((t,s)=>{0===s&&"SWIRL-ACTION-LIST-ITEM"!==t.previousElementSibling?.tagName&&(t.hasSeparator=!1)}))}render(){return i(e,{key:"1c75c3ab32ea63fa2f841926c7796cacca0927a7"},i("div",{key:"a1d22c1d56d559dd212da3223654bd1a8d7f173d","aria-orientation":"vertical",class:"action-list",onFocusout:this.isInsidePopover?void 0:this.onFocusOut,onFocus:this.isInsidePopover?void 0:this.onFocus,onKeyDown:this.onKeyDown,part:"action-list",ref:t=>this.container=t,role:"menu"},i("slot",{key:"16ca662b99182ed96909eb5ffbee2e4373a07325",onSlotchange:this.setSectionSeparator})))}get el(){return this}static get style(){return":host{display:block;width:100%}:host *{box-sizing:border-box}"}},[257,"swirl-action-list",{isInsidePopover:[32]}]);function h(){"undefined"!=typeof customElements&&["swirl-action-list"].forEach((t=>{"swirl-action-list"===t&&(customElements.get(o(t))||customElements.define(o(t),c))}))}export{c as S,h as d}