@getflip/swirl-components 0.446.0 → 0.448.0

package/dist/swirl-components/p-ff391c26.entry.js

@@ -1 +0,0 @@
-import{r as e,h as r,F as a}from"./p-Dj_4Fda9.js";import{c}from"./p-orsBiyT_.js";const o=class{constructor(r){e(this,r),this.size=24}render(){const e=20===this.size?24:this.size,o={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},d=c("swirl-icon",`swirl-icon--size-${this.size}`);return r("svg",{key:"f6ef8c984f22bc6545d482e8a26f19f2c0412d56","aria-hidden":"true",class:d,fill:"none",height:this.size,part:"icon",style:o,viewBox:`0 0 ${e} ${e}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&r(a,{key:"af432c0d8a3830e337bb4506c502b89db83743fa"},r("path",{key:"c1e0e886242dde9a2e88c97ace7d629ae3872436",d:"M2 3.33333C2 2.59695 2.59695 2 3.33333 2H6C6.73638 2 7.33333 2.59695 7.33333 3.33333V6C7.33333 6.73638 6.73638 7.33333 6 7.33333H3.33333C2.59695 7.33333 2 6.73638 2 6V3.33333Z",fill:"currentColor"}),r("path",{key:"7158c6a23e2f61be434033f7d01e268e9bd8d24a",d:"M2 10C2 9.26362 2.59695 8.66667 3.33333 8.66667H6C6.73638 8.66667 7.33333 9.26362 7.33333 10V12.6667C7.33333 13.403 6.73638 14 6 14H3.33333C2.59695 14 2 13.403 2 12.6667V10Z",fill:"currentColor"}),r("path",{key:"718cdf87353b328fe5fc6bca99f32c6fc576dca3",d:"M8.66667 3.33333C8.66667 2.59695 9.26362 2 10 2H12.6667C13.403 2 14 2.59695 14 3.33333V6C14 6.73638 13.403 7.33333 12.6667 7.33333H10C9.26362 7.33333 8.66667 6.73638 8.66667 6V3.33333Z",fill:"currentColor"}),r("path",{key:"d771aa3afdae5d36819b13fd8309db9f48a111de",d:"M8.66667 10C8.66667 9.26362 9.26362 8.66667 10 8.66667H12.6667C13.403 8.66667 14 9.26362 14 10V12.6667C14 13.403 13.403 14 12.6667 14H10C9.26362 14 8.66667 13.403 8.66667 12.6667V10Z",fill:"currentColor"})),(20===this.size||24===this.size)&&r(a,{key:"ef77aa3263b062afe9d0dee150f036725a464b5c"},r("path",{key:"5947ddf1b62b1ea9ce39d935281b8333761aecb4",d:"M3 5C3 3.89543 3.89543 3 5 3H9C10.1046 3 11 3.89543 11 5V9C11 10.1046 10.1046 11 9 11H5C3.89543 11 3 10.1046 3 9V5Z",fill:"currentColor"}),r("path",{key:"fe177d619aaa404b31c34f2c559336ae90158ede",d:"M3 15C3 13.8954 3.89543 13 5 13H9C10.1046 13 11 13.8954 11 15V19C11 20.1046 10.1046 21 9 21H5C3.89543 21 3 20.1046 3 19V15Z",fill:"currentColor"}),r("path",{key:"b2bd473e23daf1ca3fb3baaaa7971830bbb5eb0c",d:"M13 5C13 3.89543 13.8954 3 15 3H19C20.1046 3 21 3.89543 21 5V9C21 10.1046 20.1046 11 19 11H15C13.8954 11 13 10.1046 13 9V5Z",fill:"currentColor"}),r("path",{key:"e3b408c265df49d25ce6ee2c6b895eb34e8aaead",d:"M13 15C13 13.8954 13.8954 13 15 13H19C20.1046 13 21 13.8954 21 15V19C21 20.1046 20.1046 21 19 21H15C13.8954 21 13 20.1046 13 19V15Z",fill:"currentColor"})),28===this.size&&r(a,{key:"a321a693c4ee62bd31f3c08ba6d3b774fecd2fff"},r("path",{key:"4ea7ad83ad3fe75d639b51a188a6de3ce843e23d",d:"M3.5 5.83333C3.5 4.54467 4.54467 3.5 5.83333 3.5H10.5C11.7887 3.5 12.8333 4.54467 12.8333 5.83333V10.5C12.8333 11.7887 11.7887 12.8333 10.5 12.8333H5.83333C4.54467 12.8333 3.5 11.7887 3.5 10.5V5.83333Z",fill:"currentColor"}),r("path",{key:"da81b5761c4d091927644bfff09cc87a9a99528c",d:"M3.5 17.5C3.5 16.2113 4.54467 15.1667 5.83333 15.1667H10.5C11.7887 15.1667 12.8333 16.2113 12.8333 17.5V22.1667C12.8333 23.4553 11.7887 24.5 10.5 24.5H5.83333C4.54467 24.5 3.5 23.4553 3.5 22.1667V17.5Z",fill:"currentColor"}),r("path",{key:"7bc2f4bf72b7f8c12489f87b940c1bf904030544",d:"M15.1667 5.83333C15.1667 4.54467 16.2113 3.5 17.5 3.5H22.1667C23.4553 3.5 24.5 4.54467 24.5 5.83333V10.5C24.5 11.7887 23.4553 12.8333 22.1667 12.8333H17.5C16.2113 12.8333 15.1667 11.7887 15.1667 10.5V5.83333Z",fill:"currentColor"}),r("path",{key:"5acd393ee1bf0ce21982916a3be0d2827360d144",d:"M15.1667 17.5C15.1667 16.2113 16.2113 15.1667 17.5 15.1667H22.1667C23.4553 15.1667 24.5 16.2113 24.5 17.5V22.1667C24.5 23.4553 23.4553 24.5 22.1667 24.5H17.5C16.2113 24.5 15.1667 23.4553 15.1667 22.1667V17.5Z",fill:"currentColor"})))}};o.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}.icon-wrapper{display:inline-flex;justify-content:center;align-items:center;border-radius:var(--s-border-radius-full-round);background-color:var(--s-surface-raised-default)}.icon-wrapper--size-xs{width:16px;height:16px}.icon-wrapper--size-s{width:20px;height:20px}.icon-wrapper--size-m{width:24px;height:24px}.icon-wrapper--size-l{width:28px;height:28px}.icon-wrapper--size-xl{width:32px;height:32px}.icon-wrapper--size-2xl{width:40px;height:40px}.icon-wrapper--background-color-neutral{background-color:var(--s-surface-raised-default);color:var(--s-icon-default)}.icon-wrapper--background-color-banana{background-color:var(--s-decorative-banana-surface-subdued);color:var(--s-decorative-banana-text)}.icon-wrapper--background-color-blueberry{background-color:var(--s-decorative-blueberry-surface-subdued);color:var(--s-decorative-blueberry-text)}.icon-wrapper--background-color-chilli{background-color:var(--s-decorative-chilli-surface-subdued);color:var(--s-decorative-chilli-text)}.icon-wrapper--background-color-grape{background-color:var(--s-decorative-grape-surface-subdued);color:var(--s-decorative-grape-text)}.icon-wrapper--background-color-kiwi{background-color:var(--s-decorative-kiwi-surface-subdued);color:var(--s-decorative-kiwi-text)}.icon-wrapper--background-color-pumpkin{background-color:var(--s-decorative-pumpkin-surface-subdued);color:var(--s-decorative-pumpkin-text)}.icon-wrapper--background-color-radish{background-color:var(--s-decorative-radish-surface-subdued);color:var(--s-decorative-radish-text)}";export{o as swirl_icon_menu_filled}

package/dist/swirl-components/p-ffd7be6a.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as s,H as e,d as o}from"./p-Dj_4Fda9.js";import{S as l}from"./p-CMrz6687.js";import{l as n,q as a}from"./p-Dn2SWlGn.js";import{v as r}from"./p-DD3477fe.js";import{c as h}from"./p-orsBiyT_.js";import{D as c}from"./p-BgQjWdvs.js";const d=class{constructor(s){i(this,s),this.itemDrop=t(this,"itemDrop",7),this.valueChange=t(this,"valueChange",7),this.allowDeselect=!0,this.assistiveTextItemGrabbed="Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.",this.assistiveTextItemMoving="Current position:",this.assistiveTextItemMoved="Item moved. New position:",this.selectAllLabel="Select all",this.value=[],this.selectAllState=!1,this.selectAllValue=r(),this.onClick=i=>{i.preventDefault();const t=i.target,s=t?.closest("swirl-option-list-item"),e=i.composedPath()[0],o=Boolean(n(e,'[role="option"]'));if(Boolean(s)&&o)if(s.value===this.selectAllValue)this.selectAllChanged();else{const i=this.items.findIndex((i=>i.value===s.value));this.focusItem(i),this.selectItem(i)}else i.preventDefault()},this.onKeyDown=i=>{if("ArrowDown"===i.code)i.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemDown():this.focusNextItem();else if("ArrowUp"===i.code)i.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemUp():this.focusPreviousItem();else if("Space"===i.code||"Enter"===i.code){if(!i.target.classList.contains("option-list-item__drag-handle")&&Boolean(this.dragging))return i.preventDefault(),void this.stopDrag(this.dragging);const t=i.composedPath()[0],s=Boolean(n(t,'[role="option"]')),e=t?.closest("swirl-option-list-item")?.value===this.selectAllValue;if(!s&&!e)return;i.preventDefault(),Boolean(this.dragging)?this.stopDrag(this.dragging):e?this.selectAllChanged():this.selectFocusedItem()}else"Home"===i.code?(i.preventDefault(),this.showSelectAll?this.focusSelectAll():this.focusItem(0)):"End"===i.code?(i.preventDefault(),this.focusItem(this.items.length-1)):"KeyA"===i.code&&(i.metaKey||i.ctrlKey)&&this.multiSelect?(i.preventDefault(),this.selectAllItems()):"Tab"===i.code&&Boolean(this.dragging)&&i.preventDefault()},this.resetTabIndex=()=>{this.removeItemsTabIndex(),this.focusedItem=void 0;const i=this.items[0]?.querySelector('[role="option"]'),t=this.selectAllEl?.querySelector('[role="option"]');(t||i)?.setAttribute("tabIndex","0")},this.selectAllChanged=()=>{if(this.disabled)return;const i=this.items?.length||0;this.updateValue((this.value?.length||0)===i?[]:this.items.map((i=>i.value)))},this.toggleDrag=i=>{const t=i.detail;Boolean(this.dragging)?this.stopDrag(t):this.startDrag(t)},this.startDrag=i=>{this.dragging=i,this.draggingStartIndex=this.getItemIndex(this.dragging),i.setAttribute("dragging","true");const t=this.getItemIndex(this.dragging);this.focusItem(t),this.assistiveText=this.assistiveTextItemGrabbed},this.stopDrag=i=>{this.dragging=void 0,i.removeAttribute("dragging");const t=this.getActiveItemIndex();this.assistiveText=`${this.assistiveTextItemMoved} ${t+1}`,this.itemDrop.emit({item:i,oldIndex:this.draggingStartIndex,newIndex:t}),this.draggingStartIndex=void 0,this.focusItem(t)}}componentDidLoad(){this.updateItems(),this.observeSlotChanges(),this.setItemAllowDragState(),this.setItemDisabledState(),this.setItemContext(),this.syncItemsWithValue(),this.setupDragDrop(),this.setSectionSeparator(),this.setSelectAllState(),this.subscribeToSwirlPopover()}componentDidRender(){this.setupDragDrop()}disconnectedCallback(){this.unsubscribeFromSwirlPopover(),this.observer?.disconnect(),this.sortable?.destroy()}watchAllowDrag(){this.setItemAllowDragState(),this.setupDragDrop()}watchDisabled(){this.setItemDisabledState()}watchMultiSelect(){this.setItemContext()}watchValue(){this.syncItemsWithValue(),this.setSelectAllState()}observeSlotChanges(){this.observer=new MutationObserver((()=>{this.updateItems(),this.setItemAllowDragState(),this.setItemDisabledState(),this.setItemContext(),this.syncItemsWithValue(),this.setSelectAllState()})),this.observer.observe(this.listboxEl,{childList:!0,subtree:!0})}setSelectAllState(){const i=this.items?.length||0,t=this.value?.length||0;this.selectAllState=0!==i&&0!==t&&(t===i||"indeterminate")}updateItems(){this.items=a(this.el,"swirl-option-list-item").filter((i=>i.value!==this.selectAllValue)),this.selectAllEl?.querySelector('[tabindex="0"]')||this.items.some((i=>i.querySelector('[tabindex="0"]')))||this.resetTabIndex()}removeItemsTabIndex(){this.selectAllEl?.querySelector('[role="option"]')?.removeAttribute("tabIndex"),this.items.forEach((i=>i.querySelector('[role="option"]')?.removeAttribute("tabIndex")))}setItemDisabledState(){this.disabled&&this.items.forEach((i=>i.disabled=!0))}setItemContext(){this.multiSelect?this.items.forEach((i=>i.context="multi-select")):(this.items.forEach((i=>i.context="single-select")),this.value.length>1&&this.updateValue([this.value[0]]))}setupDragDrop(){Boolean(this.sortable)&&this.sortable.destroy(),this.allowDrag&&(this.sortable=l.create(this.listboxEl,{animation:150,draggable:'swirl-option-list-item[allow-drag="true"]',handle:".option-list-item__drag-handle",onEnd:i=>{this.itemDrop.emit({item:i.item,oldIndex:i.oldIndex,newIndex:i.newIndex})}}))}setItemAllowDragState(){if(this.allowDrag&&!this.multiSelect)return void console.error("[SwirlOptionList] Drag can only be allowed for multi select lists.");const i=a(this.el,"swirl-option-list-section");this.allowDrag&&i.length>0?console.error("[SwirlOptionList] Drag can only be allowed for lists without sections."):this.items.forEach(this.allowDrag?i=>{i.setAttribute("allow-drag","true"),i.addEventListener("toggleDrag",this.toggleDrag)}:i=>{i.removeAttribute("allow-drag"),i.removeEventListener("toggleDrag",this.toggleDrag)})}selectItem(i){if(this.disabled)return;const t=this.items[i];if(t.disabled)return;const s=this.value.includes(t.value);s&&!this.allowDeselect||(this.multiSelect||(this.value=[]),this.updateValue(s?this.value.filter((i=>i!==t.value)):[...this.value,t.value]))}updateValue(i){this.value=i,this.valueChange.emit(this.value)}selectFocusedItem(){this.disabled||-1===this.getActiveItemIndex()||this.selectItem(this.getActiveItemIndex())}selectAllItems(){if(this.disabled)return;const i=this.items.every((i=>this.value.includes(i.value)));this.updateValue(i?[]:this.items.map((i=>i.value)))}syncItemsWithValue(){this.items?.forEach((i=>i.selected=this.value.includes(i.value)))}focusItem(i){if(this.disabled)return;this.removeItemsTabIndex();const t=this.items[i]?.querySelector('[role="option"]');Boolean(t)&&(t.setAttribute("tabIndex","0"),t.focus(),this.focusedItem=t)}focusNextItem(){if(this.disabled)return;const i=this.getActiveItemIndex(),t=Math.min(i+1,this.items.length-1);this.focusItem(t)}focusPreviousItem(){const i=this.getActiveItemIndex();if(i<=0&&this.showSelectAll)this.focusSelectAll();else{const t=Math.max(i-1,0);this.focusItem(t)}}focusSelectAll(){const i=this.selectAllEl?.querySelector('[role="option"]');i&&(this.removeItemsTabIndex(),i.setAttribute("tabIndex","0"),i.focus(),this.focusedItem=void 0)}getActiveItemIndex(){return Boolean(this.focusedItem)?this.items.map((i=>i.querySelector('[role="option"]'))).findIndex((i=>i===this.focusedItem)):Boolean(this.selectAllEl)?-1:0}getItemIndex(i){return this.items.map((i=>i)).findIndex((t=>t===i))}moveDraggedItemDown(){const i=this.dragging.nextElementSibling;Boolean(i)&&(i.after(this.dragging),this.updateItems(),this.listboxEl.focus(),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getActiveItemIndex()+1}`)}moveDraggedItemUp(){const i=this.dragging.previousElementSibling;Boolean(i)&&i!==this.selectAllEl&&(i.before(this.dragging),this.updateItems(),this.listboxEl.focus(),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}setSectionSeparator(){this.el&&Array.from(this.el.querySelectorAll("swirl-option-list-section")).filter((i=>i.isConnected)).forEach(((i,t)=>{0===t&&"SWIRL-OPTION-LIST-ITEM"!==i.previousElementSibling?.tagName&&(i.hasSeparator=!1)}))}subscribeToSwirlPopover(){this.swirlPopover=n(this.el,"swirl-popover"),this.swirlPopover?.addEventListener("popoverClose",this.resetTabIndex)}unsubscribeFromSwirlPopover(){this.swirlPopover?.removeEventListener("popoverClose",this.resetTabIndex)}render(){const i=this.multiSelect?"true":void 0,t=Boolean(this.dragging)?0:void 0,o=this.multiSelect&&this.showSelectAll;return s(e,{key:"fbc9efc1813550022e07c5f310b6ba9c6a78697b"},s("swirl-visually-hidden",{key:"6438aecf8ba6d2abb0a14c840b56d1d77f5e1737",role:"alert"},this.assistiveText),s("div",{key:"45554c3bbb4b3c1a78e1884ca429ab849f96e6a0","aria-label":this.label,"aria-multiselectable":i,class:"option-list",id:this.optionListId,onClick:this.onClick,onKeyDown:this.onKeyDown,ref:i=>this.listboxEl=i,role:"listbox",tabIndex:t},o&&s("swirl-option-list-item",{key:"7711273aa75bf1ebae219d1c73d005613ec59a9d",ref:i=>this.selectAllEl=i,label:this.selectAllLabel,disabled:this.disabled,context:"multi-select",selected:!0===this.selectAllState,indeterminate:"indeterminate"===this.selectAllState,value:this.selectAllValue}),s("slot",{key:"66820f827a3cddd05fa9fb297ae75c234a2335d3",onSlotchange:this.setSectionSeparator})))}get el(){return o(this)}static get watchers(){return{allowDrag:["watchAllowDrag"],disabled:["watchDisabled"],multiSelect:["watchMultiSelect"],value:["watchValue"]}}};d.style=".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}";const p=class{constructor(s){i(this,s),this.toggleDrag=t(this,"toggleDrag",7),this.context="single-select",this.dragHandleDescription="Press spacebar to toggle grab",this.dragHandleLabel="Move option",this.selected=!1,this.indeterminate=!1,this.swirlAriaRole="option",this.truncateLabel=!0,this.iconSize=24,this.elementId=r(),this.mediaQueryUnsubscribe=()=>{},this.onDragHandleKeyDown=i=>{"Space"!==i.code&&"Enter"!==i.code||(i.preventDefault(),this.toggleDrag.emit(this.el))},this.onBlur=()=>{this.focused=!1},this.onFocus=()=>{this.focused=!0}}componentDidLoad(){this.mediaQueryUnsubscribe=c.subscribe((i=>{this.forceIconProps(i),this.updateIconSize(i)}))}disconnectedCallback(){this.mediaQueryUnsubscribe()}forceIconProps(i){const t=this.iconEl?.children[0];t?.setAttribute("size",i?"20":"24")}updateIconSize(i){this.iconSize=i?20:24}render(){const i=this.disabled?"true":void 0,t=this.indeterminate?void 0:String(this.selected),o="multi-select"===this.context,l=Boolean(this.icon)&&"single-select"===this.context,n=Boolean(this.iconBadge),a=this.el.querySelector('[slot="avatar"]'),r=this.selected&&"single-select"===this.context,c=h("option-list-item",`option-list-item--context-${this.context}`,{"option-list-item--disabled":this.disabled,"option-list-item--draggable":this.allowDrag,"option-list-item--dragging":this.dragging,"option-list-item--selected":this.selected,"option-list-item--indeterminate":this.indeterminate&&!this.selected,"option-list-item--show-avatar":a});return s(e,{key:"0ef7fa87e2b185bc43c0bdaa8d89bffac409753c"},s("div",{key:"5346d8e95a1b7233eb1d6a16aff02266f800c155","aria-checked":"menuitemradio"===this.swirlAriaRole?t:void 0,"aria-describedby":Boolean(this.description)?`option-list-item-${this.elementId}-description`:void 0,"aria-disabled":i,"aria-labelledby":`option-list-item-${this.elementId}-label`,"aria-selected":"option"===this.swirlAriaRole?t:void 0,class:c,id:`option-list-item-${this.elementId}`,onBlur:this.onBlur,onFocus:this.onFocus,part:"option-list-item",role:this.swirlAriaRole},l&&s("span",{key:"2c291e3c0c3b3eeffc2a2fe2fca1ef9f925769c3",class:"option-list-item__icon",innerHTML:this.icon,ref:i=>this.iconEl=i},n&&s("span",{key:"f95a76f9456f0f2ed37be9250f2db10c92a069f0",class:"option-list-item__icon-badge",innerHTML:this.iconBadge})),o&&s("span",{key:"e4e5ef1aa7b436caa47353d92cde40919e6f87a9",class:"option-list-item__checkbox"},s("span",{key:"addd1f758a85fdf403cf918ecaabf486272bd985",class:"option-list-item__checkbox-box"},this.selected&&s("swirl-icon-check-strong",{key:"25024fa4f50684c029a6732eed64e7022c5e75cd",class:"option-list-item__checkbox-icon",size:16}),!this.selected&&this.indeterminate&&s("span",{key:"feff528b463516a17f0310e8ba8533261b7a6c42",class:"option-list-item__checkbox-indeterminate-icon"}))),s("span",{key:"cef4cec15530fa87d6e13fbbb4bf720fdf298b56",class:"option-list-item__avatar"},s("slot",{key:"9034a78c585824f2f5c2b68259072e785166c681",name:"avatar"})),s("span",{key:"2699b5d0c71cda51b2f50b2f327eb299f3261ea2",class:"option-list-item__label-container"},s("span",{key:"8483470ed6246ba4c88d708a97e27f98f43a5fec",class:"option-list-item__label",style:{whiteSpace:this.truncateLabel?"nowrap":"normal"},id:`option-list-item-${this.elementId}-label`,part:"option-list-item__label"},this.label),this.description&&s("span",{key:"f4a0077c1b6774e53a3027142315846452f0c4ae",class:"option-list-item__description",id:`option-list-item-${this.elementId}-description`},this.description)),r&&s("span",{key:"f268abc30bcc0bdf899d372487ff9b76fdca8003",class:"option-list-item__selection-icon"},s("swirl-icon-check-small",{key:"cb77d7434f495a4a49d577ffdecb0298bc672317",size:this.iconSize}))),this.allowDrag&&s("button",{key:"2621dfa8abdf469fe79c00452c5eacdeb730c480","aria-describedby":this.dragHandleDescription,"aria-label":`${this.dragHandleLabel} "${this.label}"`,class:"option-list-item__drag-handle",onKeyDown:this.onDragHandleKeyDown,tabIndex:this.focused?0:-1,type:"button"},s("swirl-icon-drag-handle",{key:"6483864aca555e2cf66ff750428252370aa43b9f",size:this.iconSize})))}get el(){return o(this)}};p.style='.sc-swirl-option-list-item-h{position:relative;display:block;width:100%}.sc-swirl-option-list-item-h *.sc-swirl-option-list-item{box-sizing:border-box}.option-list-item.sc-swirl-option-list-item{display:inline-flex;position:relative;width:100%;min-width:15rem;min-height:3rem;padding:var(--s-space-12) var(--s-space-16);border-radius:var(--s-border-radius-sm);align-items:center;background-color:var(--s-surface-overlay-default);cursor:pointer;gap:var(--s-space-12)}.option-list-item.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-hovered)}.option-list-item.sc-swirl-option-list-item:active:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.option-list-item.sc-swirl-option-list-item:focus{outline:none}.option-list-item.sc-swirl-option-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered);outline-color:var(--s-focus-default);outline-style:solid;outline-width:0.125rem;z-index:1}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item.sc-swirl-option-list-item{min-height:0;padding:var(--s-space-8) var(--s-space-12);gap:var(--s-space-8)}}.option-list-item--draggable.sc-swirl-option-list-item .option-list-item__label-container.sc-swirl-option-list-item{padding-right:calc(var(--s-space-16) + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item--draggable.sc-swirl-option-list-item .option-list-item__label-container.sc-swirl-option-list-item{padding-right:calc(var(--s-space-16) + 1rem)}}.option-list-item--dragging.sc-swirl-option-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),\n    0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.option-list-item--dragging.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item{color:var(--s-icon-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item,.option-list-item--indeterminate.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.option-list-item--disabled.sc-swirl-option-list-item{cursor:default}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{background-color:var(--s-icon-disabled)}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-text-on-status)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__description.sc-swirl-option-list-item{color:var(--s-text-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__selection-icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-icon-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-surface-overlay-default)}.option-list-item--disabled.option-list-item--indeterminate.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-disabled);color:var(--s-text-on-status);background-color:var(--s-icon-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__avatar.sc-swirl-option-list-item{filter:grayscale(100%)}.option-list-item--show-avatar.sc-swirl-option-list-item .option-list-item__avatar.sc-swirl-option-list-item{display:inline-flex}.option-list-item__label-container.sc-swirl-option-list-item{display:flex;flex-grow:1;flex-direction:column;overflow:hidden}.option-list-item__label-container.sc-swirl-option-list-item>*.sc-swirl-option-list-item{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-default);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__label.sc-swirl-option-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.option-list-item__description.sc-swirl-option-list-item{color:var(--s-text-subdued);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__description.sc-swirl-option-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.option-list-item__avatar.sc-swirl-option-list-item{display:none;flex-shrink:0}.option-list-item__icon.sc-swirl-option-list-item{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){.option-list-item__icon.sc-swirl-option-list-item{width:1.25rem;height:1.25rem}}.option-list-item__icon-badge.sc-swirl-option-list-item{position:absolute;display:grid;bottom:0;right:0}.option-list-item__selection-icon.sc-swirl-option-list-item{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}.option-list-item__checkbox.sc-swirl-option-list-item{display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__checkbox.sc-swirl-option-list-item{width:1.375rem;height:1.375rem}}.option-list-item__checkbox-box.sc-swirl-option-list-item{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.option-list-item__checkbox-icon.sc-swirl-option-list-item{display:inline-flex}.option-list-item__checkbox-indeterminate-icon.sc-swirl-option-list-item{position:relative;width:100%;height:100%}.option-list-item__checkbox-indeterminate-icon.sc-swirl-option-list-item:after{position:absolute;top:50%;left:50%;width:0.625rem;height:0.125rem;border-radius:0.0625rem;background-color:currentColor;content:"";transform:translate3d(-50%, -50%, 0)}.option-list-item__drag-handle.sc-swirl-option-list-item{position:absolute;z-index:1;top:50%;right:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.option-list-item__drag-handle.sc-swirl-option-list-item:active{cursor:grabbing}.option-list-item__drag-handle.sc-swirl-option-list-item:focus:not(:focus-visible){outline:none}.option-list-item__drag-handle.sc-swirl-option-list-item:focus-visible{outline-color:var(--s-focus-default)}';export{d as swirl_option_list,p as swirl_option_list_item}