@getflip/swirl-components 0.87.2 → 0.87.3

package/dist/esm/swirl-option-list_2.entry.js

@@ -10,19 +10,6 @@ const SwirlOptionList = class {
     registerInstance(this, hostRef);
     this.itemDrop = createEvent(this, "itemDrop", 7);
     this.valueChange = createEvent(this, "valueChange", 7);
-    this.onFocus = async (event) => {
-      if (this.listboxEl.contains(event.relatedTarget)) {
-        return;
-      }
-      // prevent focus from canceling the drag event in Safari
-      await new Promise((resolve) => setTimeout(resolve));
-      if (Boolean(this.focusedItem)) {
-        this.focusItem(this.getActiveItemIndex());
-      }
-      else {
-        this.focusItem(0);
-      }
-    };
     this.onClick = (event) => {
       event.preventDefault();
       const target = event.target;
@@ -55,6 +42,12 @@ const SwirlOptionList = class {
         }
       }
       else if (event.code === "Space" || event.code === "Enter") {
+        const startingDrag = event.target.classList.contains("option-list-item__drag-handle");
+        if (!startingDrag && Boolean(this.dragging)) {
+          event.preventDefault();
+          this.stopDrag(this.dragging);
+          return;
+        }
         const target = event.composedPath()[0];
         const optionFocused = Boolean(closestPassShadow(target, '[role="option"]'));
         if (!optionFocused) {
@@ -112,6 +105,7 @@ const SwirlOptionList = class {
       this.assistiveText = `${this.assistiveTextItemMoved} ${newIndex + 1}`;
       this.itemDrop.emit({ item, oldIndex: this.draggingStartIndex, newIndex });
       this.draggingStartIndex = undefined;
+      this.focusItem(newIndex);
     };
     this.allowDeselect = true;
     this.allowDrag = undefined;
@@ -134,6 +128,9 @@ const SwirlOptionList = class {
     this.syncItemsWithValue();
     this.setupDragDrop();
   }
+  componentDidRender() {
+    this.setupDragDrop();
+  }
   disconnectedCallback() {
     this.observer?.disconnect();
     this.sortable?.destroy();
@@ -158,12 +155,17 @@ const SwirlOptionList = class {
       this.setItemDisabledState();
       this.setItemContext();
       this.syncItemsWithValue();
-      this.setupDragDrop();
     });
     this.observer.observe(this.listboxEl, { childList: true });
   }
   updateItems() {
     this.items = querySelectorAllDeep(this.el, "swirl-option-list-item");
+    this.items.forEach((item) => item.querySelector('[role="option"]')?.removeAttribute("tabIndex"));
+    const item = this.items[0]?.querySelector('[role="option"]');
+    if (!Boolean(item)) {
+      return;
+    }
+    item.setAttribute("tabIndex", "0");
   }
   setItemDisabledState() {
     if (this.disabled) {
@@ -245,6 +247,7 @@ const SwirlOptionList = class {
     else {
       this.updateValue(this.value.filter((v) => v !== item.value));
     }
+    this.focusItem(index);
   }
   updateValue(value) {
     this.value = value;
@@ -327,8 +330,8 @@ const SwirlOptionList = class {
   }
   render() {
     const ariaMultiselectable = this.multiSelect ? "true" : undefined;
-    const tabIndex = this.disabled ? -1 : 0;
-    return (h(Host, null, h("swirl-visually-hidden", { role: "alert" }, this.assistiveText), h("div", { "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, h("slot", null))));
+    const tabIndex = Boolean(this.dragging) ? 0 : undefined;
+    return (h(Host, null, h("swirl-visually-hidden", { role: "alert" }, this.assistiveText), h("div", { "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, h("slot", null))));
   }
   get el() { return getElement(this); }
   static get watchers() { return {

package/dist/swirl-components/p-1f3ce187.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as s,H as e,g as o}from"./p-3fca9a05.js";import{a,c as h,o as l}from"./p-ecb8b7f5.js";import{c as n}from"./p-b7898321.js";import{d as r}from"./p-646e00de.js";const c=class{constructor(s){t(this,s),this.valueChange=i(this,"valueChange",7),this.onChange=t=>{t.stopPropagation(),this.updateTerm(t)},this.updateTerm=r((async t=>{this.updateSuggestions(t.detail),this.open(),this.multiSelect||Boolean(t.detail)&&""!==t.detail||(this.value=void 0,this.valueChange.emit(this.value))}),250,!1),this.onSelect=async t=>{if(t.stopPropagation(),this.multiSelect){const i=t.detail,s=this.suggestions.filter((t=>!i.includes(t.id))).map((t=>t.id));this.value=[...this.value.filter((t=>!s.includes(t.id))),...this.suggestions.filter((t=>i.includes(t.id)&&!this.value.some((i=>i.id===t.id))))],this.valueChange.emit(this.value),this.inputEl.querySelector("input")?.focus(),await this.updateSuggestions(this.inputEl.querySelector("input").value)}else if(Boolean(t.detail[0])){const i=t.detail[0],s=this.suggestions.find((t=>t.id===i));if(!Boolean(s))return;this.value=s,this.valueChange.emit(this.value),queueMicrotask((()=>{this.inputEl.querySelector("input")?.focus(),this.close()}))}},this.onRemoveValue=t=>{Array.isArray(this.value)&&(this.value=this.value.filter((i=>i.id!==t)),this.valueChange.emit(this.value))},this.onFocusOut=t=>{const i=t.relatedTarget;Boolean(i)&&!this.el.contains(i)&&this.close()},this.onFocus=()=>{this.updateSuggestions(),this.open()},this.onKeyDown=t=>{"Escape"===t.code&&(t.preventDefault(),t.stopPropagation(),this.inputEl.querySelector("input").focus(),this.close())},this.onInputKeyDown=t=>{"ArrowDown"===t.code&&(t.preventDefault(),this.listboxEl.querySelector('[role="listbox"]').querySelector('[tabIndex="0"]')?.focus())},this.autoSelect=void 0,this.clearable=!0,this.clearButtonLabel="Clear input",this.disabled=void 0,this.generateSuggestions=async()=>[],this.inline=void 0,this.invalid=void 0,this.maxLength=void 0,this.menuLabel="Suggestions",this.mode=void 0,this.multiSelect=void 0,this.placeholder=void 0,this.required=void 0,this.spellCheck=void 0,this.swirlAriaDescribedby=void 0,this.value=void 0,this.active=!1,this.loading=!1,this.position=void 0,this.suggestions=[]}componentWillLoad(){const t=document.querySelectorAll("swirl-datepicker").length;this.id=`autocomplete-${t}`,this.handleInitialValue()}onWindowClick(t){this.el.contains(t.target)||this.close()}watchMultiSelect(){this.handleInitialValue()}async close(){if(!this.active)return;this.disableAutoUpdate&&this.disableAutoUpdate();const t=this.inputEl.querySelector("input");Boolean(t)&&(t.value=this.multiSelect?"":this.value?.label||""),this.active=!1}async open(){this.active||(this.active=!0,requestAnimationFrame((async()=>{await this.reposition(),this.disableAutoUpdate&&this.disableAutoUpdate(),this.disableAutoUpdate=a(this.inputEl,this.listboxContainerEl,this.reposition.bind(this),{animationFrame:!0}),this.listboxContainerEl.scrollTop=0,this.updateSuggestions(this.inputEl.querySelector("input").value)})))}async reposition(){Boolean(this.listboxContainerEl)&&(this.position=await h(this.inputEl,this.listboxContainerEl,{middleware:[l({crossAxis:-16,mainAxis:16})],placement:"bottom-start",strategy:"fixed"}))}async updateSuggestions(t){this.loading=!0,this.suggestions=[],this.suggestions=await this.generateSuggestions(t),this.loading=!1}handleInitialValue(){this.multiSelect&&!Array.isArray(this.value)&&(this.value=[]),!this.multiSelect&&Array.isArray(this.value)&&(this.value=void 0)}render(){const t=`${this.id}-suggestions`,i=this.clearable&&!this.multiSelect,o=this.multiSelect?this.value.map((t=>t.id)):Boolean(this.value)?[this.value.id]:[],a=this.multiSelect?void 0:this.value?.label||"",h=n("autocomplete",{"autocomplete--inactive":!this.active});return s(e,null,s("div",{class:h,onFocusout:this.onFocusOut,onKeyDown:this.onKeyDown},this.multiSelect&&Array.isArray(this.value)&&this.value.length>0&&s("div",{class:"autocomplete__multi-select-tags"},s("swirl-stack",{orientation:"horizontal",spacing:"8",wrap:!0},this.value.map((t=>s("swirl-tag",{key:t.id,label:t.label,onRemove:()=>this.onRemoveValue(t.id),removable:!this.disabled}))))),s("swirl-text-input",{autoSelect:this.autoSelect,class:"autocomplete__input",clearable:i,clearButtonLabel:this.clearButtonLabel,disabled:this.disabled,disableDynamicWidth:!0,id:this.id,inline:this.inline,invalid:this.invalid,onInputFocus:this.onFocus,onKeyDown:this.onInputKeyDown,onValueChange:this.onChange,maxLength:this.maxLength,mode:this.mode,placeholder:this.placeholder,ref:t=>this.inputEl=t,required:this.required,spellCheck:this.spellCheck,swirlAriaAutocomplete:"list",swirlAriaControls:t,swirlAriaDescribedby:this.swirlAriaDescribedby,swirlAriaExpanded:String(this.active),swirlRole:"combobox",value:a}),s("div",{class:"autocomplete__listbox-container",ref:t=>this.listboxContainerEl=t,style:{top:Boolean(this.position)?`${this.position?.y}px`:"",left:Boolean(this.position)?`${this.position?.x}px`:"",width:`${this.inputEl?.getBoundingClientRect().width+32}px`}},this.loading&&s("div",{class:"autocomplete__spinner"},s("swirl-spinner",null)),this.suggestions.length>0&&s("swirl-option-list",{allowDeselect:!0===this.multiSelect,label:this.menuLabel,multiSelect:this.multiSelect,onValueChange:this.onSelect,optionListId:t,ref:t=>this.listboxEl=t,value:o},this.suggestions.map((t=>s("swirl-option-list-item",{selected:Array.isArray(this.value)?this.value.some((i=>i.id===t.id)):this.value?.id===t.id,key:t.id,disabled:t.disabled,label:t.label,value:t.id})))))))}get el(){return o(this)}static get watchers(){return{multiSelect:["watchMultiSelect"]}}};c.style=".sc-swirl-autocomplete-h{display:block}.sc-swirl-autocomplete-h *.sc-swirl-autocomplete{box-sizing:border-box}.autocomplete--inactive.sc-swirl-autocomplete .autocomplete__listbox-container.sc-swirl-autocomplete{display:none}.autocomplete__listbox-container.sc-swirl-autocomplete{position:fixed;z-index:var(--s-z-40);overflow-x:hidden;overflow-y:auto;max-height:18rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface-overlay-default);animation:autocomplete-enter 0.1s;box-shadow:var(--s-shadow-level-1)}.autocomplete__listbox-container.sc-swirl-autocomplete:empty{display:none}.autocomplete__spinner.sc-swirl-autocomplete{display:flex;padding:var(--s-space-16);justify-content:center;align-items:center}.autocomplete__multi-select-tags.sc-swirl-autocomplete{margin-top:var(--swirl-autocomplete-tags-margin-top);margin-bottom:var(--s-space-4)}@keyframes autocomplete-enter{from{opacity:0}to{opacity:1}}";export{c as swirl_autocomplete}

package/dist/swirl-components/p-4bec5f4c.entry.js

@@ -0,0 +1 @@
+import{r as i,h as t,F as s,c as o,H as e,g as l}from"./p-3fca9a05.js";import{c as r}from"./p-b7898321.js";import{g as n}from"./p-646e00de.js";const c=class{constructor(t){i(this,t),this.size=24}render(){const i=20===this.size?24:this.size,o=r("swirl-icon",`swirl-icon--size-${this.size}`);return t("svg",{class:o,fill:"none",height:this.size,part:"icon",viewBox:`0 0 ${i} ${i}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&t(s,null,t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M12.4142 4.91924C12.8047 5.30976 12.8047 5.94293 12.4142 6.33345L7.08086 11.6667C6.69033 12.0572 6.05717 12.0572 5.66664 11.6667L3.70711 9.70707C3.31658 9.31655 3.31658 8.68338 3.70711 8.29286C4.09763 7.90233 4.7308 7.90233 5.12132 8.29286L6.37375 9.54539L11 4.91924C11.3905 4.52871 12.0237 4.52871 12.4142 4.91924Z",fill:"currentColor"})),(20===this.size||24===this.size)&&t(s,null,t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M18.6213 7.37879C19.2071 7.96458 19.2071 8.91433 18.6213 9.50011L10.6213 17.5C10.0355 18.0858 9.08577 18.0858 8.49998 17.5L5.56068 14.5605C4.97489 13.9748 4.97489 13.025 5.56068 12.4392C6.14646 11.8534 7.09621 11.8534 7.682 12.4392L9.56064 14.318L16.5 7.37879C17.0858 6.79301 18.0355 6.79301 18.6213 7.37879Z",fill:"currentColor"})),28===this.size&&t(s,null,t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M21.7248 8.60863C22.4083 9.29205 22.4083 10.4001 21.7248 11.0835L12.3915 20.4167C11.7081 21.1001 10.6001 21.1001 9.91663 20.4167L6.48744 16.9873C5.80403 16.3039 5.80403 15.1959 6.48744 14.5125C7.17086 13.8291 8.2789 13.8291 8.96232 14.5125L11.1541 16.7044L19.25 8.60863C19.9334 7.92521 21.0414 7.92521 21.7248 8.60863Z",fill:"currentColor"})))}};c.style=":host{display:inline-flex}";const a=class{constructor(t){i(this,t),this.size=24}render(){const i=20===this.size?24:this.size,o=r("swirl-icon",`swirl-icon--size-${this.size}`);return t("svg",{class:o,fill:"none",height:this.size,part:"icon",viewBox:`0 0 ${i} ${i}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&t(s,null,t("rect",{x:"9",y:"3",width:"2",height:"2",rx:"1",fill:"currentColor"}),t("rect",{x:"9",y:"7",width:"2",height:"2",rx:"1",fill:"currentColor"}),t("rect",{x:"9",y:"11",width:"2",height:"2",rx:"1",fill:"currentColor"}),t("rect",{x:"5",y:"3",width:"2",height:"2",rx:"1",fill:"currentColor"}),t("rect",{x:"5",y:"7",width:"2",height:"2",rx:"1",fill:"currentColor"}),t("rect",{x:"5",y:"11",width:"2",height:"2",rx:"1",fill:"currentColor"})),(20===this.size||24===this.size)&&t(s,null,t("rect",{x:"13.5",y:"4.5",width:"3",height:"3",rx:"1.5",fill:"currentColor"}),t("rect",{x:"13.5",y:"10.5",width:"3",height:"3",rx:"1.5",fill:"currentColor"}),t("rect",{x:"13.5",y:"16.5",width:"3",height:"3",rx:"1.5",fill:"currentColor"}),t("rect",{x:"7.5",y:"4.5",width:"3",height:"3",rx:"1.5",fill:"currentColor"}),t("rect",{x:"7.5",y:"10.5",width:"3",height:"3",rx:"1.5",fill:"currentColor"}),t("rect",{x:"7.5",y:"16.5",width:"3",height:"3",rx:"1.5",fill:"currentColor"})),28===this.size&&t(s,null,t("rect",{x:"15.75",y:"5.25",width:"3.5",height:"3.5",rx:"1.75",fill:"currentColor"}),t("rect",{x:"15.75",y:"12.25",width:"3.5",height:"3.5",rx:"1.75",fill:"currentColor"}),t("rect",{x:"15.75",y:"19.25",width:"3.5",height:"3.5",rx:"1.75",fill:"currentColor"}),t("rect",{x:"8.75",y:"5.25",width:"3.5",height:"3.5",rx:"1.75",fill:"currentColor"}),t("rect",{x:"8.75",y:"12.25",width:"3.5",height:"3.5",rx:"1.75",fill:"currentColor"}),t("rect",{x:"8.75",y:"19.25",width:"3.5",height:"3.5",rx:"1.75",fill:"currentColor"})))}};a.style=":host{display:inline-flex}";const h=class{constructor(t){i(this,t),this.toggleDrag=o(this,"toggleDrag",7),this.desktopMediaQuery=n(),this.desktopMediaQueryHandler=i=>{this.forceIconProps(i.matches),this.updateIconSize(i.matches)},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},this.allowDrag=void 0,this.context="single-select",this.disabled=void 0,this.dragging=void 0,this.dragHandleDescription="Press spacebar to toggle grab",this.dragHandleLabel="Move option",this.icon=void 0,this.label=void 0,this.selected=!1,this.swirlAriaRole="option",this.value=void 0,this.iconSize=24,this.focused=void 0}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.updateIconSize(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}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,s=String(this.selected),o="multi-select"===this.context,l=Boolean(this.icon)&&"single-select"===this.context,n=this.selected&&"single-select"===this.context,c=r("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});return t(e,null,t("div",{"aria-checked":"menuitemradio"===this.swirlAriaRole?s:void 0,"aria-disabled":i,"aria-selected":"option"===this.swirlAriaRole?s:void 0,class:c,onBlur:this.onBlur,onFocus:this.onFocus,part:"option-list-item",role:this.swirlAriaRole},l&&t("span",{class:"option-list-item__icon",innerHTML:this.icon,ref:i=>this.iconEl=i}),o&&t("span",{class:"option-list-item__checkbox"},t("span",{class:"option-list-item__checkbox-box"},this.selected&&t("swirl-icon-check-strong",{class:"option-list-item__checkbox-icon",size:16}))),t("span",{class:"option-list-item__label",part:"option-list-item__label"},this.label),n&&t("span",{class:"option-list-item__selection-icon"},t("swirl-icon-check-small",{size:this.iconSize}))),this.allowDrag&&t("button",{"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"},t("swirl-icon-drag-handle",{size:this.iconSize})))}get el(){return l(this)}};h.style=".sc-swirl-option-list-item-h{position:relative;display:inline-flex;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;width:100%;min-width:15rem;min-height:3rem;padding:var(--s-space-12) var(--s-space-16);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)}@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.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.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{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{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__label.sc-swirl-option-list-item{flex-grow:1;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__icon.sc-swirl-option-list-item{display:inline-flex;flex-shrink:0;color:var(--s-icon-default)}.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)}@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__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{c as swirl_icon_check_small,a as swirl_icon_drag_handle,h as swirl_option_list_item}

package/dist/swirl-components/p-89898ac6.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as s,H as o,g as e}from"./p-3fca9a05.js";import{c as a,q as n}from"./p-646e00de.js";import{S as h}from"./p-1486d7ea.js";import{c as r}from"./p-b7898321.js";const l=class{constructor(s){t(this,s),this.itemDrop=i(this,"itemDrop",7),this.valueChange=i(this,"valueChange",7),this.onClick=t=>{t.preventDefault();const i=t.target,s=i?.closest("swirl-option-list-item"),o=t.composedPath()[0],e=Boolean(a(o,'[role="option"]'));Boolean(s)&&e?this.selectItem(this.items.findIndex((t=>t.value===s.value))):t.preventDefault()},this.onKeyDown=t=>{if("ArrowDown"===t.code)t.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemDown():this.focusNextItem();else if("ArrowUp"===t.code)t.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemUp():this.focusPreviousItem();else if("Space"===t.code||"Enter"===t.code){if(!t.target.classList.contains("option-list-item__drag-handle")&&Boolean(this.dragging))return t.preventDefault(),void this.stopDrag(this.dragging);const i=t.composedPath()[0];if(!Boolean(a(i,'[role="option"]')))return;t.preventDefault(),Boolean(this.dragging)?this.stopDrag(this.dragging):this.selectFocusedItem()}else"Home"===t.code?(t.preventDefault(),this.focusItem(0)):"End"===t.code?(t.preventDefault(),this.focusItem(this.items.length-1)):"KeyA"===t.code&&(t.metaKey||t.ctrlKey)&&this.multiSelect?(t.preventDefault(),this.selectAllItems()):"Tab"===t.code&&Boolean(this.dragging)&&t.preventDefault()},this.toggleDrag=t=>{const i=t.detail;Boolean(this.dragging)?this.stopDrag(i):this.startDrag(i)},this.startDrag=t=>{this.dragging=t,this.draggingStartIndex=this.getItemIndex(this.dragging),t.setAttribute("dragging","true");const i=this.getItemIndex(this.dragging);this.focusItem(i),this.assistiveText=this.assistiveTextItemGrabbed},this.stopDrag=t=>{this.dragging=void 0,t.removeAttribute("dragging");const i=this.getActiveItemIndex();this.assistiveText=`${this.assistiveTextItemMoved} ${i+1}`,this.itemDrop.emit({item:t,oldIndex:this.draggingStartIndex,newIndex:i}),this.draggingStartIndex=void 0,this.focusItem(i)},this.allowDeselect=!0,this.allowDrag=void 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.disabled=void 0,this.label=void 0,this.optionListId=void 0,this.multiSelect=void 0,this.value=[],this.assistiveText=void 0}componentDidLoad(){this.updateItems(),this.observeSlotChanges(),this.setItemAllowDragState(),this.setItemDisabledState(),this.setItemContext(),this.syncItemsWithValue(),this.setupDragDrop()}componentDidRender(){this.setupDragDrop()}disconnectedCallback(){this.observer?.disconnect(),this.sortable?.destroy()}watchAllowDrag(){this.setItemAllowDragState(),this.setupDragDrop()}watchDisabled(){this.setItemDisabledState()}watchMultiSelect(){this.setItemContext()}watchValue(){this.syncItemsWithValue()}observeSlotChanges(){this.observer=new MutationObserver((()=>{this.updateItems(),this.setItemAllowDragState(),this.setItemDisabledState(),this.setItemContext(),this.syncItemsWithValue()})),this.observer.observe(this.listboxEl,{childList:!0})}updateItems(){this.items=n(this.el,"swirl-option-list-item"),this.items.forEach((t=>t.querySelector('[role="option"]')?.removeAttribute("tabIndex")));const t=this.items[0]?.querySelector('[role="option"]');Boolean(t)&&t.setAttribute("tabIndex","0")}setItemDisabledState(){this.disabled&&this.items.forEach((t=>t.disabled=!0))}setItemContext(){this.multiSelect?this.items.forEach((t=>t.context="multi-select")):(this.items.forEach((t=>t.context="single-select")),this.value.length>1&&this.updateValue([this.value[0]]))}setupDragDrop(){Boolean(this.sortable)&&this.sortable.destroy(),this.allowDrag&&(this.sortable=h.create(this.listboxEl,{animation:150,draggable:"swirl-option-list-item",handle:".option-list-item__drag-handle",onEnd:t=>{this.itemDrop.emit({item:t.item,oldIndex:t.oldIndex,newIndex:t.newIndex})}}))}setItemAllowDragState(){if(this.allowDrag&&!this.multiSelect)return void console.error("[SwirlOptionList] Drag can only be allowed for multi select lists.");const t=n(this.el,"swirl-option-list-section");this.allowDrag&&t.length>0?console.error("[SwirlOptionList] Drag can only be allowed for lists without sections."):this.items.forEach(this.allowDrag?t=>{t.setAttribute("allow-drag","true"),t.addEventListener("toggleDrag",this.toggleDrag)}:t=>{t.removeAttribute("allow-drag"),t.removeEventListener("toggleDrag",this.toggleDrag)})}selectItem(t){if(this.disabled)return;const i=this.items[t];if(i.disabled)return;const s=this.value.includes(i.value);s&&!this.allowDeselect||(this.multiSelect||(this.value=[]),this.updateValue(s?this.value.filter((t=>t!==i.value)):[...this.value,i.value]),this.focusItem(t))}updateValue(t){this.value=t,this.valueChange.emit(this.value)}selectFocusedItem(){this.disabled||-1===this.getActiveItemIndex()||this.selectItem(this.getActiveItemIndex())}selectAllItems(){if(this.disabled)return;const t=this.items.every((t=>this.value.includes(t.value)));this.updateValue(t?[]:this.items.map((t=>t.value)))}syncItemsWithValue(){this.items?.forEach((t=>t.selected=this.value.includes(t.value)))}focusItem(t){if(this.disabled)return;this.items.forEach((t=>t.querySelector('[role="option"]').removeAttribute("tabIndex")));const i=this.items[t]?.querySelector('[role="option"]');Boolean(i)&&(i.setAttribute("tabIndex","0"),i.focus(),this.focusedItem=i)}focusNextItem(){if(this.disabled)return;const t=this.getActiveItemIndex(),i=Math.min(t+1,this.items.length-1);this.focusItem(i)}focusPreviousItem(){const t=this.getActiveItemIndex(),i=Math.max(t-1,0);this.focusItem(i)}getActiveItemIndex(){return this.items.map((t=>t.querySelector('[role="option"]'))).findIndex((t=>t===this.focusedItem))}getItemIndex(t){return this.items.map((t=>t)).findIndex((i=>i===t))}moveDraggedItemDown(){const t=this.dragging.nextElementSibling;Boolean(t)&&(t.after(this.dragging),this.updateItems(),this.listboxEl.focus(),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getActiveItemIndex()+1}`)}moveDraggedItemUp(){const t=this.dragging.previousElementSibling;Boolean(t)&&(t.before(this.dragging),this.updateItems(),this.listboxEl.focus(),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}render(){const t=this.multiSelect?"true":void 0,i=Boolean(this.dragging)?0:void 0;return s(o,null,s("swirl-visually-hidden",{role:"alert"},this.assistiveText),s("div",{"aria-label":this.label,"aria-multiselectable":t,class:"option-list",id:this.optionListId,onClick:this.onClick,onKeyDown:this.onKeyDown,ref:t=>this.listboxEl=t,role:"listbox",tabIndex:i},s("slot",null)))}get el(){return e(this)}static get watchers(){return{allowDrag:["watchAllowDrag"],disabled:["watchDisabled"],multiSelect:["watchMultiSelect"],value:["watchValue"]}}};l.style=".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}";const c=class{constructor(s){t(this,s),this.remove=i(this,"remove",7),this.onRemove=t=>{this.remove?.emit(t)},this.intent="default",this.label=void 0,this.removable=void 0,this.removalButtonLabel="Remove"}render(){const t=r("tag",`tag--intent-${this.intent}`);return s(o,null,s("span",{class:t,part:"tag"},s("span",{class:"tag__label"},this.label),this.removable&&s("button",{"aria-label":this.removalButtonLabel,class:"tag__removal-button",onClick:this.onRemove,tabIndex:"true"===this.el.ariaHidden?-1:void 0,type:"button"},s("swirl-icon-close",{size:16}))))}get el(){return e(this)}};c.style=":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.tag{display:inline-flex;max-width:100%;padding:var(--s-space-2) var(--s-space-8);align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-default);background-color:var(--s-surface-neutral-subdued);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;gap:var(--s-space-4)}.tag--intent-info{color:var(--s-text-info);background-color:var(--s-surface-info-subdued)}.tag--intent-info .tag__removal-button{color:var(--icon-info)}.tag--intent-critical{color:var(--s-text-critical);background-color:var(--s-surface-critical-subdued)}.tag--intent-critical .tag__removal-button{color:var(--icon-critical)}.tag--intent-warning{color:var(--s-text-warning);background-color:var(--s-surface-warning-subdued)}.tag--intent-warning .tag__removal-button{color:var(--icon-warning)}.tag--intent-success{color:var(--s-text-success);background-color:var(--s-surface-success-subdued)}.tag--intent-success .tag__removal-button{color:var(--icon-success)}.tag__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis}.tag__removal-button{display:inline-flex;margin-right:calc(-1 * var(--s-space-4));padding:0;border:none;color:var(--s-icon-strong);background-color:transparent;cursor:pointer}.tag__removal-button:focus:not(:focus-visible){outline:none}.tag__removal-button:focus-visible{outline-color:var(--s-focus-default)}";export{l as swirl_option_list,c as swirl_tag}

package/dist/swirl-components/swirl-components.esm.js

@@ -1 +1 @@
-import{p as e,b as i}from"./p-3fca9a05.js";export{s as setNonce}from"./p-3fca9a05.js";(()=>{const i=import.meta.url,l={};return""!==i&&(l.resourcesUrl=new URL(".",i).href),e(l)})().then((e=>i(JSON.parse('[["p-684170ee",[[1,"file-manager",{"selectedDirectory":[32],"selectedFile":[32],"sortMenu":[32]}]]],["p-bf317ae5",[[1,"swirl-pdf-reader",{"autoZoomLabel":[1,"auto-zoom-label"],"closeButtonLabel":[1,"close-button-label"],"downloadButtonLabel":[1,"download-button-label"],"file":[1],"fileTypeLabel":[1,"file-type-label"],"label":[1],"menuLabel":[1,"menu-label"],"menuTriggerLabel":[1,"menu-trigger-label"],"printButtonLabel":[1,"print-button-label"],"sideBySideButtonLabel":[1,"side-by-side-button-label"],"thumbnailButtonLabel":[1,"thumbnail-button-label"],"thumbnailsButtonLabel":[1,"thumbnails-button-label"],"thumbnailsLabel":[1,"thumbnails-label"],"zoomInButtonLabel":[1,"zoom-in-button-label"],"zoomOutButtonLabel":[1,"zoom-out-button-label"],"zoomSelectLabel":[1,"zoom-select-label"],"active":[32],"closing":[32],"downloading":[32],"thumbnails":[32],"showThumbnails":[32],"viewMode":[32],"visiblePages":[32],"zoom":[32],"zoomSteps":[32],"open":[64],"close":[64]},[[9,"resize","onWindowResize"]]]]],["p-f7f2f11c",[[2,"swirl-autocomplete",{"autoSelect":[4,"auto-select"],"clearable":[4],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"generateSuggestions":[1040],"inline":[4],"invalid":[4],"maxLength":[2,"max-length"],"menuLabel":[1,"menu-label"],"mode":[1],"multiSelect":[4,"multi-select"],"placeholder":[1],"required":[4],"spellCheck":[4,"spell-check"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1040],"active":[32],"loading":[32],"position":[32],"suggestions":[32]},[[8,"click","onWindowClick"]]]]],["p-9ca9ee83",[[1,"swirl-lightbox",{"closeButtonLabel":[1,"close-button-label"],"downloadButtonLabel":[1,"download-button-label"],"hideMenu":[4,"hide-menu"],"label":[1],"menuLabel":[1,"menu-label"],"menuTriggerLabel":[1,"menu-trigger-label"],"nextSlideButtonLabel":[1,"next-slide-button-label"],"previousSlideButtonLabel":[1,"previous-slide-button-label"],"activeSlideIndex":[32],"closing":[32],"slides":[32],"open":[64],"close":[64],"activateSlide":[64]}]]],["p-bf258885",[[6,"swirl-select",{"allowDeselect":[4,"allow-deselect"],"disabled":[4],"inline":[4],"invalid":[4],"label":[1],"multiSelect":[4,"multi-select"],"required":[4],"selectId":[1,"select-id"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1040],"options":[32],"open":[32],"placement":[32]},[[8,"focusin","onWindowFocusIn"]]]]],["p-bb2cb504",[[2,"swirl-date-input",{"autoFocus":[4,"auto-focus"],"autoSelect":[4,"auto-select"],"datePickerLabel":[1,"date-picker-label"],"datePickerTriggerLabel":[1,"date-picker-trigger-label"],"disabled":[4],"format":[1],"inline":[4],"invalid":[4],"labels":[16],"locale":[1],"placeholder":[1],"required":[4],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537],"iconSize":[32]}]]],["p-b30e36e0",[[1,"swirl-inline-notification",{"heading":[1],"importance":[1],"intent":[1]}]]],["p-a8dc02be",[[1,"swirl-menu-item",{"description":[1],"disabled":[4],"expanded":[4],"icon":[1],"intent":[1],"label":[1],"value":[1],"parentMenu":[32],"subMenu":[32],"getSubMenu":[64],"getParentMenu":[64]}]]],["p-8cd7b164",[[1,"swirl-pagination",{"firstPageButtonLabel":[1,"first-page-button-label"],"lastPageButtonLabel":[1,"last-page-button-label"],"label":[1],"nextButtonLabel":[1,"next-button-label"],"page":[2],"pageLabel":[1,"page-label"],"pages":[2],"pageSelectLabel":[1,"page-select-label"],"pageSize":[2,"page-size"],"pageSizeOptions":[16],"pageSizeSelectLabel":[1,"page-size-select-label"],"prevButtonLabel":[1,"prev-button-label"],"showPageSizeSelect":[4,"show-page-size-select"],"variant":[1]}]]],["p-4dafdcee",[[2,"swirl-resource-list-file-item",{"description":[1],"errorMessage":[1,"error-message"],"icon":[1],"label":[1],"loading":[4],"removable":[4],"removeButtonLabel":[1,"remove-button-label"]}]]],["p-d1edd738",[[4,"swirl-modal",{"closable":[4],"closeButtonLabel":[1,"close-button-label"],"hideCloseButton":[4,"hide-close-button"],"hideLabel":[4,"hide-label"],"label":[1],"maxHeight":[1,"max-height"],"maxWidth":[1,"max-width"],"padded":[4],"primaryActionLabel":[1,"primary-action-label"],"secondaryActionLabel":[1,"secondary-action-label"],"variant":[1],"isOpen":[32],"closing":[32],"hasCustomHeader":[32],"hasCustomFooter":[32],"hasHeaderTools":[32],"scrollable":[32],"scrolled":[32],"scrolledDown":[32],"open":[64],"close":[64]},[[9,"resize","onWindowResize"]]]]],["p-e4819964",[[1,"swirl-console-layout",{"appName":[1,"app-name"],"backButonLabel":[1,"back-buton-label"],"heading":[1],"helpButonLabel":[1,"help-buton-label"],"hideNavigationButtonLabel":[1,"hide-navigation-button-label"],"logoText":[1,"logo-text"],"navigationLabel":[1,"navigation-label"],"maxContentWidth":[1,"max-content-width"],"showBackButton":[4,"show-back-button"],"showHelpButton":[4,"show-help-button"],"showNavigationButtonLabel":[1,"show-navigation-button-label"],"subheading":[1],"sidebarActive":[32],"toggleSidebar":[64],"showSidebar":[64],"hideSidebar":[64]},[[9,"resize","onWindowResize"]]]]],["p-5fcf5a79",[[1,"swirl-dialog",{"hideLabel":[4,"hide-label"],"intent":[1],"label":[1],"primaryActionLabel":[1,"primary-action-label"],"secondaryActionLabel":[1,"secondary-action-label"],"closing":[32],"open":[64],"close":[64]}]]],["p-d403f973",[[1,"swirl-toast-provider",{"globalDuration":[2,"global-duration"],"toasts":[32],"clearAll":[64],"dismiss":[64],"toast":[64]}]]],["p-2c44a1cb",[[2,"swirl-checkbox",{"checked":[1032],"description":[1],"disabled":[4],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"swirlAriaLabel":[1,"swirl-aria-label"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"invalid":[4],"label":[1],"labelWeight":[1,"label-weight"],"value":[1]}]]],["p-62f1aaae",[[1,"swirl-chip",{"borderRadius":[1,"border-radius"],"icon":[1],"iconColor":[1,"icon-color"],"intent":[1],"interactive":[4],"label":[1],"progress":[2],"progressBarLabel":[1,"progress-bar-label"],"removable":[4],"removeButtonLabel":[1,"remove-button-label"],"size":[1],"variant":[1]}]]],["p-6d57eb56",[[2,"swirl-file-uploader",{"accept":[1],"ctaLabel":[1,"cta-label"],"description":[1],"disabled":[4],"dragDropLabel":[1,"drag-drop-label"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"multiple":[4],"showDropzone":[4,"show-dropzone"],"uploadButtonLabel":[1,"upload-button-label"],"reset":[64]}]]],["p-8153cd85",[[6,"swirl-form-control",{"description":[1],"disabled":[4],"errorMessage":[1,"error-message"],"hideLabel":[4,"hide-label"],"inline":[4],"invalid":[4],"label":[1],"labelPosition":[1,"label-position"],"hasFocus":[32],"inputValue":[32]},[[8,"click","onWindowClick"]]]]],["p-e86c79d8",[[1,"swirl-menu",{"active":[1028],"label":[1],"level":[1026],"mobileBackButtonLabel":[1,"mobile-back-button-label"],"mobileCloseMenuButtonLabel":[1,"mobile-close-menu-button-label"],"mobileDoneButtonLabel":[1,"mobile-done-button-label"],"value":[1],"variant":[1],"activeLevel":[32],"mobile":[32],"position":[32],"activateMenuItem":[64],"close":[64],"goBack":[64],"focusFirstItem":[64],"focusItemAtIndex":[64],"updateSelection":[64]}]]],["p-d14846f2",[[2,"swirl-search",{"autoFocus":[4,"auto-focus"],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"inputName":[1,"input-name"],"inputId":[1,"input-id"],"label":[1],"placeholder":[1],"value":[1025],"variant":[1]},[[8,"keydown","onKeyDown"]]]]],["p-e9cefe04",[[1,"swirl-table",{"caption":[1],"emptyStateLabel":[1,"empty-state-label"],"label":[1],"empty":[32],"scrollable":[32],"scrolled":[32],"scrolledToEnd":[32],"rerender":[64]},[[9,"resize","onWindowResize"]]]]],["p-81067ba3",[[1,"swirl-table-column",{"sort":[1],"sortable":[4],"maxWidth":[1,"max-width"],"minWidth":[1,"min-width"],"sticky":[4],"width":[1]}]]],["p-723f12cd",[[1,"swirl-app-bar",{"backButtonLabel":[1,"back-button-label"],"closeButtonLabel":[1,"close-button-label"],"stepUpButtonLabel":[1,"step-up-button-label"],"stepDownButtonLabel":[1,"step-down-button-label"],"showBackButton":[4,"show-back-button"],"showCloseButton":[4,"show-close-button"],"showStepperControls":[4,"show-stepper-controls"],"hasCta":[32]}]]],["p-2117cbc6",[[1,"swirl-avatar",{"badge":[1],"badgePosition":[1,"badge-position"],"color":[1],"icon":[1],"initials":[1],"interactive":[4],"label":[1],"showLabel":[4,"show-label"],"size":[1],"src":[1],"variant":[1],"imageAvailable":[32]}]]],["p-baf3c630",[[1,"swirl-banner",{"actionLabel":[1,"action-label"],"content":[1],"dismissable":[4],"dismissLabel":[1,"dismiss-label"],"importance":[1],"intent":[1],"showIcon":[4,"show-icon"],"size":[1]}]]],["p-7e90107b",[[1,"swirl-carousel",{"label":[1],"nextSlideButtonLabel":[1,"next-slide-button-label"],"previousSlideButtonLabel":[1,"previous-slide-button-label"],"loopAround":[4,"loop-around"],"isAtEnd":[32],"isAtStart":[32],"isScrollable":[32],"scrollToSlide":[64]},[[9,"resize","onWindowResize"]]]]],["p-d6034b86",[[2,"swirl-radio",{"checked":[1032],"description":[1],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"invalid":[4],"label":[1],"value":[1]}]]],["p-fdfeb16a",[[1,"swirl-shell-layout",{"hideSidebar":[4,"hide-sidebar"],"mainNavigationLabel":[1,"main-navigation-label"],"sidebarToggleLabel":[1,"sidebar-toggle-label"],"collapsedSidebar":[32],"collapsing":[32],"sidebarHovered":[32],"collapseSidebar":[64],"extendSidebar":[64]}]]],["p-ca78767e",[[1,"swirl-shell-navigation-item",{"active":[4],"badgeLabel":[1,"badge-label"],"label":[1]}]]],["p-4867b806",[[2,"swirl-switch",{"checked":[1028],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"size":[1],"value":[1]},[[9,"pointerup","onWindowPointerUp"]]]]],["p-0f979ef7",[[6,"swirl-tabs",{"initialTab":[1,"initial-tab"],"label":[1],"activeTab":[32],"tabBarTabs":[32],"activateTab":[64]}]]],["p-d3c3cb10",[[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],"iconSize":[32]}]]],["p-1540a826",[[1,"swirl-video-thumbnail",{"durationLabel":[1,"duration-label"],"duration":[1],"label":[1],"src":[1]}]]],["p-f262d020",[[1,"swirl-action-list-section",{"label":[1]}]]],["p-97668c59",[[1,"swirl-app-icon",{"icon":[1],"src":[1],"hideBorder":[4,"hide-border"],"imageAvailable":[32]}]]],["p-9c70b38e",[[1,"swirl-avatar-group",{"badge":[1]}]]],["p-fbc7f835",[[1,"swirl-card",{"as":[1],"borderRadius":[1,"border-radius"],"elevated":[4],"height":[1],"highlighted":[4],"href":[1],"imageAspectRatio":[1,"image-aspect-ratio"],"intent":[1],"isBorderless":[4,"is-borderless"],"interactive":[4],"justifyContent":[1,"justify-content"],"linkTarget":[1,"link-target"],"padding":[1],"paddingBlockEnd":[1,"padding-block-end"],"paddingBlockStart":[1,"padding-block-start"],"paddingInlineEnd":[1,"padding-inline-end"],"paddingInlineStart":[1,"padding-inline-start"],"swirlAriaLabel":[1,"swirl-aria-label"]}]]],["p-06464dcf",[[1,"swirl-carousel-slide",{"label":[1],"minHeight":[1,"min-height"],"width":[1]}]]],["p-7a3ac3f0",[[1,"swirl-columns",{"columns":[1],"spacing":[1]}]]],["p-6cf1cf56",[[1,"swirl-description-list"]]],["p-34dcadc5",[[1,"swirl-description-list-item",{"bordered":[4],"orientation":[1],"term":[1]}]]],["p-eb3c6b4d",[[1,"swirl-emoji",{"label":[1],"name":[1],"size":[2]}]]],["p-e1daecf5",[[1,"swirl-emoji-clap",{"label":[1],"size":[2]}]]],["p-cfbfb7be",[[1,"swirl-emoji-happy",{"label":[1],"size":[2]}]]],["p-3a430e14",[[1,"swirl-emoji-idea",{"label":[1],"size":[2]}]]],["p-377f7d35",[[1,"swirl-emoji-love",{"label":[1],"size":[2]}]]],["p-e9b2ed15",[[1,"swirl-emoji-sad",{"label":[1],"size":[2]}]]],["p-2d16eca4",[[1,"swirl-emoji-thumbs-up",{"label":[1],"size":[2]}]]],["p-0a0579a1",[[6,"swirl-form-group",{"orientation":[1]}]]],["p-e0ed9959",[[1,"swirl-icon",{"glyph":[1],"size":[2]}]]],["p-41b0e3c6",[[1,"swirl-icon-add-photo",{"size":[2]}]]],["p-604ad286",[[1,"swirl-icon-admin-panel-settings",{"size":[2]}]]],["p-51197252",[[1,"swirl-icon-ai",{"size":[2]}]]],["p-be2cf7ee",[[1,"swirl-icon-arrow-back",{"size":[2]}]]],["p-54e4ff0b",[[1,"swirl-icon-arrow-forward",{"size":[2]}]]],["p-139ba3c3",[[1,"swirl-icon-arrow-right-small",{"size":[2]}]]],["p-727138c7",[[1,"swirl-icon-attachment",{"size":[2]}]]],["p-23d65342",[[1,"swirl-icon-bar-chart",{"size":[2]}]]],["p-5c715462",[[1,"swirl-icon-block",{"size":[2]}]]],["p-ddb7d14a",[[1,"swirl-icon-bookmark",{"size":[2]}]]],["p-3bc109d8",[[1,"swirl-icon-chat-bubble",{"size":[2]}]]],["p-7703719d",[[1,"swirl-icon-chats-filled",{"size":[2]}]]],["p-5ca498c5",[[1,"swirl-icon-chats-outlined",{"size":[2]}]]],["p-f5211f9f",[[1,"swirl-icon-check",{"size":[2]}]]],["p-f24cdd03",[[1,"swirl-icon-chevron-left",{"size":[2]}]]],["p-e5719add",[[1,"swirl-icon-chevron-right",{"size":[2]}]]],["p-0fe425c2",[[1,"swirl-icon-close-small",{"size":[2]}]]],["p-95d11a66",[[1,"swirl-icon-column",{"size":[2]}]]],["p-785957ad",[[1,"swirl-icon-comment",{"size":[2]}]]],["p-d650f1ea",[[1,"swirl-icon-copy",{"size":[2]}]]],["p-a68fdc2b",[[1,"swirl-icon-date-range",{"size":[2]}]]],["p-91ceb19a",[[1,"swirl-icon-delete",{"size":[2]}]]],["p-e217fb71",[[1,"swirl-icon-description",{"size":[2]}]]],["p-5da3a9a8",[[1,"swirl-icon-double-arrow-left",{"size":[2]}]]],["p-f83a0b0f",[[1,"swirl-icon-double-arrow-right",{"size":[2]}]]],["p-18b02f63",[[1,"swirl-icon-download",{"size":[2]}]]],["p-3f489eb8",[[1,"swirl-icon-edit",{"size":[2]}]]],["p-ed6e8f91",[[1,"swirl-icon-emoji-mood",{"size":[2]}]]],["p-ddcaea53",[[1,"swirl-icon-emoji-satisfied",{"size":[2]}]]],["p-7faaefc8",[[1,"swirl-icon-filter",{"size":[2]}]]],["p-ceef4a6c",[[1,"swirl-icon-folder",{"size":[2]}]]],["p-a506a82f",[[1,"swirl-icon-format-h-one",{"size":[2]}]]],["p-d20e7ee0",[[1,"swirl-icon-gif",{"size":[2]}]]],["p-e998142c",[[1,"swirl-icon-group-assign",{"size":[2]}]]],["p-03bb0b1d",[[1,"swirl-icon-groups",{"size":[2]}]]],["p-ba65fbe6",[[1,"swirl-icon-groups-custom",{"size":[2]}]]],["p-d2438d40",[[1,"swirl-icon-groups-filled",{"size":[2]}]]],["p-109c3cb9",[[1,"swirl-icon-groups-outlined",{"size":[2]}]]],["p-4c083b59",[[1,"swirl-icon-help",{"size":[2]}]]],["p-5e27f39b",[[1,"swirl-icon-highlight",{"size":[2]}]]],["p-ce7bae0f",[[1,"swirl-icon-home",{"size":[2]}]]],["p-330c11dc",[[1,"swirl-icon-image",{"size":[2]}]]],["p-7acd49ab",[[1,"swirl-icon-improve-text",{"size":[2]}]]],["p-bbe849b2",[[1,"swirl-icon-insert-below",{"size":[2]}]]],["p-859205f2",[[1,"swirl-icon-insert-on-top",{"size":[2]}]]],["p-d42d7db3",[[1,"swirl-icon-inventory",{"size":[2]}]]],["p-505c51dc",[[1,"swirl-icon-like",{"size":[2]}]]],["p-9d85109d",[[1,"swirl-icon-link",{"size":[2]}]]],["p-39d295f9",[[1,"swirl-icon-lock",{"size":[2]}]]],["p-52e07ada",[[1,"swirl-icon-lock-person",{"size":[2]}]]],["p-b4871661",[[1,"swirl-icon-logout",{"size":[2]}]]],["p-fc101b66",[[1,"swirl-icon-long-text",{"size":[2]}]]],["p-1831c9c8",[[1,"swirl-icon-mail",{"size":[2]}]]],["p-33b9e68a",[[1,"swirl-icon-manage-accounts",{"size":[2]}]]],["p-439091ac",[[1,"swirl-icon-mark-chat-read",{"size":[2]}]]],["p-7e8add69",[[1,"swirl-icon-mark-chat-unread",{"size":[2]}]]],["p-ff6f4d39",[[1,"swirl-icon-mention",{"size":[2]}]]],["p-3a2abee9",[[1,"swirl-icon-menu",{"size":[2]}]]],["p-4e3bd9d6",[[1,"swirl-icon-menu-filled",{"size":[2]}]]],["p-7fc5ff4d",[[1,"swirl-icon-menu-outlined",{"size":[2]}]]],["p-2c6100ac",[[1,"swirl-icon-message",{"size":[2]}]]],["p-3056c429",[[1,"swirl-icon-mic",{"size":[2]}]]],["p-1d12f61c",[[1,"swirl-icon-more-horizontal",{"size":[2]}]]],["p-5195b896",[[1,"swirl-icon-news-filled",{"size":[2]}]]],["p-087e391f",[[1,"swirl-icon-news-outlined",{"size":[2]}]]],["p-04cd78a8",[[1,"swirl-icon-notifications",{"size":[2]}]]],["p-343790d2",[[1,"swirl-icon-notifications-active",{"size":[2]}]]],["p-f9bc902e",[[1,"swirl-icon-notifications-off",{"size":[2]}]]],["p-57b8a4b5",[[1,"swirl-icon-open-in-full",{"size":[2]}]]],["p-907fd135",[[1,"swirl-icon-open-in-new",{"size":[2]}]]],["p-91113cd1",[[1,"swirl-icon-pause",{"size":[2]}]]],["p-af180d4d",[[1,"swirl-icon-pause-circle",{"size":[2]}]]],["p-ad41b229",[[1,"swirl-icon-people-alt",{"size":[2]}]]],["p-51a5ed48",[[1,"swirl-icon-person-off",{"size":[2]}]]],["p-b029dd03",[[1,"swirl-icon-phone",{"size":[2]}]]],["p-fbda1d9c",[[1,"swirl-icon-play-arrow",{"size":[2]}]]],["p-1e200dcb",[[1,"swirl-icon-poll",{"size":[2]}]]],["p-af1145c9",[[1,"swirl-icon-print",{"size":[2]}]]],["p-b69bae24",[[1,"swirl-icon-recieved",{"size":[2]}]]],["p-40afc2c1",[[1,"swirl-icon-reply",{"size":[2]}]]],["p-21164ff1",[[1,"swirl-icon-report",{"size":[2]}]]],["p-0b639fd8",[[1,"swirl-icon-roadmap",{"size":[2]}]]],["p-6bbe4989",[[1,"swirl-icon-search-strong",{"size":[2]}]]],["p-5c1b3721",[[1,"swirl-icon-send",{"size":[2]}]]],["p-d4550c07",[[1,"swirl-icon-settings",{"size":[2]}]]],["p-48c6e06f",[[1,"swirl-icon-short-text",{"size":[2]}]]],["p-69f7cb0f",[[1,"swirl-icon-simplify",{"size":[2]}]]],["p-ef0cc35b",[[1,"swirl-icon-spellcheck",{"size":[2]}]]],["p-4d89e91b",[[1,"swirl-icon-stop",{"size":[2]}]]],["p-d4b74b0e",[[1,"swirl-icon-sync",{"size":[2]}]]],["p-658a97e5",[[1,"swirl-icon-tasks-filled",{"size":[2]}]]],["p-8b57359c",[[1,"swirl-icon-tasks-outlined",{"size":[2]}]]],["p-7d934fc3",[[1,"swirl-icon-time-filled",{"size":[2]}]]],["p-006b10e2",[[1,"swirl-icon-translate",{"size":[2]}]]],["p-c7567d2c",[[1,"swirl-icon-undo",{"size":[2]}]]],["p-bb1d6075",[[1,"swirl-icon-unlock-person",{"size":[2]}]]],["p-de789313",[[1,"swirl-icon-user-assign",{"size":[2]}]]],["p-dacec55b",[[1,"swirl-icon-video-camera",{"size":[2]}]]],["p-886142ab",[[1,"swirl-icon-video-library",{"size":[2]}]]],["p-b6731f4a",[[1,"swirl-icon-voice",{"size":[2]}]]],["p-4345e137",[[1,"swirl-image-grid",{"aspectRatio":[1,"aspect-ratio"],"items":[32]}]]],["p-39ee319c",[[1,"swirl-image-grid-item",{"alt":[1],"icon":[1],"interactive":[4],"overlay":[1],"src":[1]}]]],["p-d3e39e06",[[1,"swirl-inline-status",{"icon":[1],"intent":[1],"message":[1],"size":[1],"iconSize":[32]}]]],["p-3295936c",[[1,"swirl-link",{"color":[1],"href":[1],"label":[1],"target":[1]}]]],["p-3d7cfd21",[[4,"swirl-list"]]],["p-45bdead7",[[1,"swirl-option-list-section",{"label":[1]}]]],["p-19268db2",[[6,"swirl-radio-group",{"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537]}]]],["p-0165bc2c",[[1,"swirl-skeleton-box",{"animated":[4],"aspectRatio":[1,"aspect-ratio"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1]}]]],["p-2d0559a4",[[1,"swirl-skeleton-text",{"animated":[4],"lines":[2],"size":[1]}]]],["p-577b93b8",[[1,"swirl-status-indicator",{"intent":[1],"label":[1]}]]],["p-986d7367",[[1,"swirl-symbol",{"glyph":[1],"size":[2]}]]],["p-92f852fa",[[1,"swirl-symbol-account-circle",{"size":[2]}]]],["p-bc8b9565",[[1,"swirl-symbol-alternate-email",{"size":[2]}]]],["p-dda24691",[[1,"swirl-symbol-android",{"size":[2]}]]],["p-315daff2",[[1,"swirl-symbol-announcement",{"size":[2]}]]],["p-5c605e17",[[1,"swirl-symbol-backup",{"size":[2]}]]],["p-f5c215af",[[1,"swirl-symbol-beach-access",{"size":[2]}]]],["p-445ee376",[[1,"swirl-symbol-bookmark",{"size":[2]}]]],["p-2d21024a",[[1,"swirl-symbol-cloud",{"size":[2]}]]],["p-5e79b69a",[[1,"swirl-symbol-coronavirus",{"size":[2]}]]],["p-0006edb6",[[1,"swirl-symbol-desktop-windows",{"size":[2]}]]],["p-a79c0b19",[[1,"swirl-symbol-directions-car-filled",{"size":[2]}]]],["p-cc0667b4",[[1,"swirl-symbol-edit-calendar",{"size":[2]}]]],["p-e6de8c1c",[[1,"swirl-symbol-email",{"size":[2]}]]],["p-adcad037",[[1,"swirl-symbol-emoji-food-beverage",{"size":[2]}]]],["p-2319abb3",[[1,"swirl-symbol-event-menu",{"size":[2]}]]],["p-baabdee3",[[1,"swirl-symbol-facebook",{"size":[2]}]]],["p-c3be2de3",[[1,"swirl-symbol-favorite",{"size":[2]}]]],["p-9f04773c",[[1,"swirl-symbol-fitness-center",{"size":[2]}]]],["p-ea336530",[[1,"swirl-symbol-flag",{"size":[2]}]]],["p-244dcddc",[[1,"swirl-symbol-folder",{"size":[2]}]]],["p-9873c8cc",[[1,"swirl-symbol-globe",{"size":[2]}]]],["p-37368d80",[[1,"swirl-symbol-groups",{"size":[2]}]]],["p-e3cd6084",[[1,"swirl-symbol-help",{"size":[2]}]]],["p-14a8163f",[[1,"swirl-symbol-image",{"size":[2]}]]],["p-e3dcd8cb",[[1,"swirl-symbol-info-menu",{"size":[2]}]]],["p-dae62dba",[[1,"swirl-symbol-instagram",{"size":[2]}]]],["p-b375930d",[[1,"swirl-symbol-ios",{"size":[2]}]]],["p-80cfe95f",[[1,"swirl-symbol-language",{"size":[2]}]]],["p-eb498a9d",[[1,"swirl-symbol-leaderboard",{"size":[2]}]]],["p-99dba438",[[1,"swirl-symbol-lightbulb",{"size":[2]}]]],["p-2dbf6b2e",[[1,"swirl-symbol-linkedin",{"size":[2]}]]],["p-67c23250",[[1,"swirl-symbol-location-on",{"size":[2]}]]],["p-75a53c30",[[1,"swirl-symbol-loyalty",{"size":[2]}]]],["p-735c9dfb",[[1,"swirl-symbol-maps-home-work",{"size":[2]}]]],["p-54cbb50a",[[1,"swirl-symbol-notifications",{"size":[2]}]]],["p-2d28adb8",[[1,"swirl-symbol-open-in-new",{"size":[2]}]]],["p-cefa3863",[[1,"swirl-symbol-pedal-bike",{"size":[2]}]]],["p-09d788b5",[[1,"swirl-symbol-pinterest",{"size":[2]}]]],["p-742e31fa",[[1,"swirl-symbol-policy",{"size":[2]}]]],["p-95a45e70",[[1,"swirl-symbol-push-pin",{"size":[2]}]]],["p-634d2ae6",[[1,"swirl-symbol-redeem",{"size":[2]}]]],["p-3caaea7e",[[1,"swirl-symbol-report-problem",{"size":[2]}]]],["p-b0cef5ac",[[1,"swirl-symbol-restaurant",{"size":[2]}]]],["p-57a672d3",[[1,"swirl-symbol-roadmap",{"size":[2]}]]],["p-749e38ba",[[1,"swirl-symbol-room",{"size":[2]}]]],["p-8dfb5cc0",[[1,"swirl-symbol-savings",{"size":[2]}]]],["p-c7a23faf",[[1,"swirl-symbol-settings-voice",{"size":[2]}]]],["p-cfa7eb3c",[[1,"swirl-symbol-shopping-cart",{"size":[2]}]]],["p-cf48fc7a",[[1,"swirl-symbol-smartphone",{"size":[2]}]]],["p-720daf1f",[[1,"swirl-symbol-star",{"size":[2]}]]],["p-c960c854",[[1,"swirl-symbol-supervisor-account",{"size":[2]}]]],["p-89ef1658",[[1,"swirl-symbol-thumbs-up-down",{"size":[2]}]]],["p-8ebb05ef",[[1,"swirl-symbol-twitter",{"size":[2]}]]],["p-7a424fe9",[[1,"swirl-symbol-wb-sunny",{"size":[2]}]]],["p-e54f8edb",[[1,"swirl-symbol-wechat",{"size":[2]}]]],["p-dbe4a8e4",[[1,"swirl-symbol-weibo",{"size":[2]}]]],["p-150b3c64",[[1,"swirl-symbol-work",{"size":[2]}]]],["p-47fb3d5a",[[1,"swirl-symbol-xing",{"size":[2]}]]],["p-b135aadb",[[1,"swirl-symbol-youtube",{"size":[2]}]]],["p-b5be788e",[[1,"swirl-tab",{"active":[4],"icon":[1],"label":[1],"tabId":[1,"tab-id"]}]]],["p-2e9a07ae",[[1,"swirl-table-cell"]]],["p-8e5e6c16",[[1,"swirl-table-row",{"highlighted":[4],"index":[2]}]]],["p-670ef40a",[[1,"swirl-table-row-group",{"label":[1]}]]],["p-1a4c6557",[[6,"swirl-theme-provider",{"config":[16],"getActiveTheme":[64],"getPreferredTheme":[64],"setPreferredTheme":[64],"resetPreferredTheme":[64]}]]],["p-f6698af0",[[1,"swirl-tooltip",{"content":[1],"delay":[2],"position":[1],"actualPosition":[32],"visible":[32]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[9,"resize","onWindowResize"],[9,"scroll","onWindowScroll"]]]]],["p-796ecc1f",[[1,"swirl-tree-navigation-item",{"active":[4],"icon":[1],"label":[1]}]]],["p-e9e6bea8",[[2,"swirl-text-input",{"autoComplete":[1,"auto-complete"],"autoFocus":[4,"auto-focus"],"autoGrow":[4,"auto-grow"],"autoSelect":[4,"auto-select"],"clearable":[4],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"disableDynamicWidth":[4,"disable-dynamic-width"],"swirlAriaAutocomplete":[1,"swirl-aria-autocomplete"],"swirlAriaControls":[1,"swirl-aria-controls"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"swirlAriaExpanded":[1,"swirl-aria-expanded"],"swirlRole":[1,"swirl-role"],"inline":[4],"invalid":[4],"maxLength":[2,"max-length"],"max":[2],"min":[2],"mode":[1],"placeholder":[1],"prefixLabel":[1,"prefix-label"],"required":[4],"rows":[2],"showCharacterCounter":[4,"show-character-counter"],"spellCheck":[4,"spell-check"],"suffixLabel":[1,"suffix-label"],"step":[2],"passwordToggleLabel":[1,"password-toggle-label"],"type":[1],"value":[1537],"iconSize":[32],"showPassword":[32]}]]],["p-3da6d23a",[[1,"swirl-toast",{"accessibleDismissLabel":[1,"accessible-dismiss-label"],"content":[1],"dismissLabel":[1,"dismiss-label"],"duration":[2],"icon":[1],"intent":[1],"toastId":[1,"toast-id"]}]]],["p-c4d4a99d",[[1,"swirl-badge",{"icon":[1],"intent":[1],"label":[1],"size":[1],"variant":[1]}]]],["p-0e96e546",[[1,"swirl-icon-cloud-upload",{"size":[2]}]]],["p-96ec37c9",[[1,"swirl-icon-person",{"size":[2]}]]],["p-408910d8",[[1,"swirl-icon-search",{"size":[2]}]]],["p-61832d88",[[1,"swirl-icon-time-outlined",{"size":[2]}]]],["p-66551e51",[[2,"swirl-tab-bar",{"disableTabSemantics":[4,"disable-tab-semantics"],"label":[1],"tabs":[16]}]]],["p-067f8845",[[1,"swirl-date-picker",{"labels":[16],"locale":[1],"range":[4],"startDate":[16],"value":[1040]}],[1,"swirl-icon-today",{"size":[2]}]]],["p-dc7c3fec",[[1,"swirl-button-group",{"orientation":[1],"segmented":[4],"stretch":[4],"wrap":[4]}]]],["p-37785348",[[1,"swirl-icon-arrow-downward",{"size":[2]}],[1,"swirl-icon-arrow-upward",{"size":[2]}]]],["p-6e72e129",[[2,"wc-datepicker",{"clearButtonContent":[1,"clear-button-content"],"disabled":[4],"disableDate":[16],"elementClassName":[1,"element-class-name"],"firstDayOfWeek":[2,"first-day-of-week"],"range":[4],"labels":[16],"locale":[1],"nextMonthButtonContent":[1,"next-month-button-content"],"nextYearButtonContent":[1,"next-year-button-content"],"previousMonthButtonContent":[1,"previous-month-button-content"],"previousYearButtonContent":[1,"previous-year-button-content"],"showClearButton":[4,"show-clear-button"],"showMonthStepper":[4,"show-month-stepper"],"showTodayButton":[4,"show-today-button"],"showYearStepper":[4,"show-year-stepper"],"startDate":[1,"start-date"],"todayButtonContent":[1,"today-button-content"],"value":[1040],"currentDate":[32],"hoveredDate":[32],"weekdays":[32]}]]],["p-28e0f48a",[[1,"swirl-icon-check-circle",{"size":[2]}],[1,"swirl-icon-info",{"size":[2]}],[1,"swirl-icon-warning",{"size":[2]}]]],["p-71ab7686",[[1,"swirl-progress-indicator",{"label":[1],"size":[1],"value":[2],"variant":[1]}]]],["p-d0f3a47a",[[1,"swirl-thumbnail",{"alt":[1],"format":[1],"progress":[2],"progressLabel":[1,"progress-label"],"removeButtonLabel":[1,"remove-button-label"],"showRemoveButton":[4,"show-remove-button"],"size":[1],"src":[1],"timestamp":[1]}],[1,"swirl-icon-arrow-left",{"size":[2]}],[1,"swirl-icon-arrow-right",{"size":[2]}],[1,"swirl-icon-more-vertikal",{"size":[2]}]]],["p-7dafac36",[[1,"swirl-tag",{"intent":[1],"label":[1],"removable":[4],"removalButtonLabel":[1,"removal-button-label"]}],[6,"swirl-option-list",{"allowDeselect":[4,"allow-deselect"],"allowDrag":[4,"allow-drag"],"assistiveTextItemGrabbed":[1,"assistive-text-item-grabbed"],"assistiveTextItemMoving":[1,"assistive-text-item-moving"],"assistiveTextItemMoved":[1,"assistive-text-item-moved"],"disabled":[4],"label":[1],"optionListId":[1,"option-list-id"],"multiSelect":[4,"multi-select"],"value":[1040],"assistiveText":[32]}]]],["p-90456714",[[1,"swirl-icon-expand-more",{"size":[2]}]]],["p-b4066441",[[1,"swirl-icon-add",{"size":[2]}],[1,"swirl-icon-file-copy",{"size":[2]}],[1,"swirl-icon-fullscreen",{"size":[2]}],[1,"swirl-icon-fullscreen-exit",{"size":[2]}],[1,"swirl-icon-menu-book",{"size":[2]}],[1,"swirl-icon-remove",{"size":[2]}]]],["p-d7af31e3",[[2,"swirl-heading",{"align":[1],"as":[1],"balance":[4],"headingId":[1,"heading-id"],"level":[2],"lines":[2],"text":[1],"truncate":[4]},[[9,"resize","onWindowResize"]]]]],["p-c8503c60",[[1,"swirl-icon-check-strong",{"size":[2]}]]],["p-1047e988",[[1,"swirl-icon-close",{"size":[2]}]]],["p-7a957c85",[[6,"swirl-text",{"align":[1],"as":[1],"balance":[4],"color":[1],"fontFamily":[1,"font-family"],"fontStyle":[1,"font-style"],"lines":[2],"size":[1],"truncate":[4],"weight":[1]},[[9,"resize","onWindowResize"]]]]],["p-e9d96bc0",[[1,"swirl-stack",{"align":[1],"as":[1],"justify":[1],"orientation":[1],"spacing":[1],"wrap":[4]}]]],["p-1f3c35bd",[[1,"swirl-popover",{"animation":[1],"disableScrollLock":[4,"disable-scroll-lock"],"enableFlip":[4,"enable-flip"],"fullscreenBottomSheet":[4,"fullscreen-bottom-sheet"],"label":[1],"maxHeight":[1,"max-height"],"offset":[2],"popoverId":[1,"popover-id"],"placement":[1],"trigger":[1],"triggerContainer":[16],"useContainerWidth":[8,"use-container-width"],"active":[32],"closing":[32],"position":[32],"close":[64],"open":[64]},[[8,"focusin","onWindowFocusIn"],[8,"click","onWindowClick"]]],[6,"swirl-popover-trigger",{"popover":[1],"setAriaAttributes":[4,"set-aria-attributes"]}]]],["p-07957b9a",[[2,"swirl-option-list-item",{"allowDrag":[4,"allow-drag"],"context":[1025],"disabled":[4],"dragging":[4],"dragHandleDescription":[1,"drag-handle-description"],"dragHandleLabel":[1,"drag-handle-label"],"icon":[1],"label":[1],"selected":[1028],"swirlAriaRole":[1,"swirl-aria-role"],"value":[1],"iconSize":[32]}],[1,"swirl-icon-check-small",{"size":[2]}],[1,"swirl-icon-drag-handle",{"size":[2]}]]],["p-6131ad72",[[2,"swirl-button",{"disabled":[4],"download":[1],"swirlAriaControls":[1,"swirl-aria-controls"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"swirlAriaExpanded":[1,"swirl-aria-expanded"],"swirlAriaHaspopup":[1,"swirl-aria-haspopup"],"swirlAriaLabel":[1,"swirl-aria-label"],"form":[1],"hideLabel":[4,"hide-label"],"href":[1],"icon":[1],"iconPosition":[1,"icon-position"],"intent":[1],"label":[1],"name":[1],"pill":[4],"size":[1],"target":[1],"type":[1],"value":[1],"variant":[1]}]]],["p-645a878c",[[1,"swirl-visually-hidden"]]],["p-c8870a5b",[[6,"swirl-resource-list-item",{"active":[4],"allowDrag":[4,"allow-drag"],"checked":[1028],"description":[1],"disabled":[4],"dragging":[4],"dragHandleDescription":[1,"drag-handle-description"],"dragHandleLabel":[1,"drag-handle-label"],"hideDivider":[4,"hide-divider"],"href":[1],"interactive":[4],"label":[1],"labelWeight":[1,"label-weight"],"menuTriggerId":[1,"menu-trigger-id"],"menuTriggerLabel":[1,"menu-trigger-label"],"meta":[1],"selectable":[4],"value":[1],"hasMedia":[32],"iconSize":[32]}],[1,"swirl-app-layout",{"appName":[1,"app-name"],"backToNavigationViewButtonLabel":[1,"back-to-navigation-view-button-label"],"ctaIcon":[1,"cta-icon"],"ctaLabel":[1,"cta-label"],"navigationBackButtonLabel":[1,"navigation-back-button-label"],"navigationLabel":[1,"navigation-label"],"showNavigationBackButton":[4,"show-navigation-back-button"],"sidebarCloseButtonLabel":[1,"sidebar-close-button-label"],"sidebarHeading":[1,"sidebar-heading"],"transitionStyle":[1,"transition-style"],"hasNavigation":[32],"hasSidebar":[32],"mobileView":[32],"sidebarActive":[32],"sidebarClosing":[32],"transitioningFrom":[32],"transitioningTo":[32],"showSidebar":[64],"hideSidebar":[64],"toggleSidebar":[64],"changeMobileView":[64]}],[1,"swirl-empty-state",{"heading":[1],"illustration":[1]}],[6,"swirl-resource-list",{"allowDrag":[4,"allow-drag"],"assistiveTextItemGrabbed":[1,"assistive-text-item-grabbed"],"assistiveTextItemMoving":[1,"assistive-text-item-moving"],"assistiveTextItemMoved":[1,"assistive-text-item-moved"],"label":[1],"assistiveText":[32]}],[1,"swirl-box",{"bordered":[4],"centerBlock":[4,"center-block"],"centerInline":[4,"center-inline"],"cover":[4],"maxWidth":[1,"max-width"],"overflow":[1],"padding":[1],"paddingBlockEnd":[1,"padding-block-end"],"paddingBlockStart":[1,"padding-block-start"],"paddingInlineEnd":[1,"padding-inline-end"],"paddingInlineStart":[1,"padding-inline-start"]}],[1,"swirl-icon-file",{"size":[2]}],[1,"swirl-icon-folder-shared",{"size":[2]}]]],["p-56fa872b",[[1,"swirl-action-list"],[1,"swirl-separator",{"orientation":[1],"spacing":[1]}],[1,"swirl-action-list-item",{"badge":[1],"disabled":[4],"description":[1],"icon":[1],"intent":[1],"label":[1],"size":[1],"swirlAriaExpanded":[1,"swirl-aria-expanded"],"swirlAriaHaspopup":[1,"swirl-aria-haspopup"],"suffix":[1]}]]],["p-04ced452",[[1,"swirl-icon-visibility",{"size":[2]}],[1,"swirl-icon-visibility-off",{"size":[2]}],[1,"swirl-icon-cancel",{"size":[2]}],[1,"swirl-icon-expand-less",{"size":[2]}]]],["p-44196449",[[1,"swirl-inline-error",{"message":[1],"size":[1]}],[1,"swirl-spinner",{"label":[1],"size":[8]}],[1,"swirl-icon-error",{"size":[2]}]]],["p-7c9311c4",[[1,"swirl-file-viewer",{"active":[4],"autoplay":[4],"description":[1],"errorMessage":[1,"error-message"],"file":[1],"thumbnailUrl":[1,"thumbnail-url"],"type":[1],"typeUnsupportedMessage":[1,"type-unsupported-message"],"viewMode":[1,"view-mode"],"zoom":[8],"download":[64],"print":[64]}],[1,"swirl-file-viewer-csv",{"errorMessage":[1,"error-message"],"file":[1],"data":[32],"error":[32],"loading":[32]}],[1,"swirl-file-viewer-image",{"description":[1],"errorMessage":[1,"error-message"],"file":[1],"maxZoom":[2,"max-zoom"],"error":[32],"loading":[32],"getZoom":[64],"resetZoom":[64]}],[1,"swirl-file-viewer-pdf",{"errorMessage":[1,"error-message"],"file":[1],"singlePageMode":[4,"single-page-mode"],"viewMode":[1,"view-mode"],"zoom":[8],"doc":[32],"error":[32],"loading":[32],"renderedPages":[32],"scrolledDown":[32],"singlePageModePage":[32],"visiblePages":[32],"getThumbnails":[64],"print":[64],"nextPage":[64],"previousPage":[64],"setPage":[64]},[[9,"resize","onWindowResize"]]],[1,"swirl-file-viewer-text",{"errorMessage":[1,"error-message"],"file":[1],"error":[32],"loading":[32],"text":[32]}],[1,"swirl-file-viewer-audio",{"autoplay":[4],"file":[1],"type":[1]}],[1,"swirl-file-viewer-video",{"autoplay":[4],"file":[1],"type":[1]}]]]]'),e)));
+import{p as e,b as i}from"./p-3fca9a05.js";export{s as setNonce}from"./p-3fca9a05.js";(()=>{const i=import.meta.url,l={};return""!==i&&(l.resourcesUrl=new URL(".",i).href),e(l)})().then((e=>i(JSON.parse('[["p-684170ee",[[1,"file-manager",{"selectedDirectory":[32],"selectedFile":[32],"sortMenu":[32]}]]],["p-bf317ae5",[[1,"swirl-pdf-reader",{"autoZoomLabel":[1,"auto-zoom-label"],"closeButtonLabel":[1,"close-button-label"],"downloadButtonLabel":[1,"download-button-label"],"file":[1],"fileTypeLabel":[1,"file-type-label"],"label":[1],"menuLabel":[1,"menu-label"],"menuTriggerLabel":[1,"menu-trigger-label"],"printButtonLabel":[1,"print-button-label"],"sideBySideButtonLabel":[1,"side-by-side-button-label"],"thumbnailButtonLabel":[1,"thumbnail-button-label"],"thumbnailsButtonLabel":[1,"thumbnails-button-label"],"thumbnailsLabel":[1,"thumbnails-label"],"zoomInButtonLabel":[1,"zoom-in-button-label"],"zoomOutButtonLabel":[1,"zoom-out-button-label"],"zoomSelectLabel":[1,"zoom-select-label"],"active":[32],"closing":[32],"downloading":[32],"thumbnails":[32],"showThumbnails":[32],"viewMode":[32],"visiblePages":[32],"zoom":[32],"zoomSteps":[32],"open":[64],"close":[64]},[[9,"resize","onWindowResize"]]]]],["p-1f3ce187",[[2,"swirl-autocomplete",{"autoSelect":[4,"auto-select"],"clearable":[4],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"generateSuggestions":[1040],"inline":[4],"invalid":[4],"maxLength":[2,"max-length"],"menuLabel":[1,"menu-label"],"mode":[1],"multiSelect":[4,"multi-select"],"placeholder":[1],"required":[4],"spellCheck":[4,"spell-check"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1040],"active":[32],"loading":[32],"position":[32],"suggestions":[32]},[[8,"click","onWindowClick"]]]]],["p-9ca9ee83",[[1,"swirl-lightbox",{"closeButtonLabel":[1,"close-button-label"],"downloadButtonLabel":[1,"download-button-label"],"hideMenu":[4,"hide-menu"],"label":[1],"menuLabel":[1,"menu-label"],"menuTriggerLabel":[1,"menu-trigger-label"],"nextSlideButtonLabel":[1,"next-slide-button-label"],"previousSlideButtonLabel":[1,"previous-slide-button-label"],"activeSlideIndex":[32],"closing":[32],"slides":[32],"open":[64],"close":[64],"activateSlide":[64]}]]],["p-bf258885",[[6,"swirl-select",{"allowDeselect":[4,"allow-deselect"],"disabled":[4],"inline":[4],"invalid":[4],"label":[1],"multiSelect":[4,"multi-select"],"required":[4],"selectId":[1,"select-id"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1040],"options":[32],"open":[32],"placement":[32]},[[8,"focusin","onWindowFocusIn"]]]]],["p-bb2cb504",[[2,"swirl-date-input",{"autoFocus":[4,"auto-focus"],"autoSelect":[4,"auto-select"],"datePickerLabel":[1,"date-picker-label"],"datePickerTriggerLabel":[1,"date-picker-trigger-label"],"disabled":[4],"format":[1],"inline":[4],"invalid":[4],"labels":[16],"locale":[1],"placeholder":[1],"required":[4],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537],"iconSize":[32]}]]],["p-b30e36e0",[[1,"swirl-inline-notification",{"heading":[1],"importance":[1],"intent":[1]}]]],["p-a8dc02be",[[1,"swirl-menu-item",{"description":[1],"disabled":[4],"expanded":[4],"icon":[1],"intent":[1],"label":[1],"value":[1],"parentMenu":[32],"subMenu":[32],"getSubMenu":[64],"getParentMenu":[64]}]]],["p-8cd7b164",[[1,"swirl-pagination",{"firstPageButtonLabel":[1,"first-page-button-label"],"lastPageButtonLabel":[1,"last-page-button-label"],"label":[1],"nextButtonLabel":[1,"next-button-label"],"page":[2],"pageLabel":[1,"page-label"],"pages":[2],"pageSelectLabel":[1,"page-select-label"],"pageSize":[2,"page-size"],"pageSizeOptions":[16],"pageSizeSelectLabel":[1,"page-size-select-label"],"prevButtonLabel":[1,"prev-button-label"],"showPageSizeSelect":[4,"show-page-size-select"],"variant":[1]}]]],["p-4dafdcee",[[2,"swirl-resource-list-file-item",{"description":[1],"errorMessage":[1,"error-message"],"icon":[1],"label":[1],"loading":[4],"removable":[4],"removeButtonLabel":[1,"remove-button-label"]}]]],["p-d1edd738",[[4,"swirl-modal",{"closable":[4],"closeButtonLabel":[1,"close-button-label"],"hideCloseButton":[4,"hide-close-button"],"hideLabel":[4,"hide-label"],"label":[1],"maxHeight":[1,"max-height"],"maxWidth":[1,"max-width"],"padded":[4],"primaryActionLabel":[1,"primary-action-label"],"secondaryActionLabel":[1,"secondary-action-label"],"variant":[1],"isOpen":[32],"closing":[32],"hasCustomHeader":[32],"hasCustomFooter":[32],"hasHeaderTools":[32],"scrollable":[32],"scrolled":[32],"scrolledDown":[32],"open":[64],"close":[64]},[[9,"resize","onWindowResize"]]]]],["p-e4819964",[[1,"swirl-console-layout",{"appName":[1,"app-name"],"backButonLabel":[1,"back-buton-label"],"heading":[1],"helpButonLabel":[1,"help-buton-label"],"hideNavigationButtonLabel":[1,"hide-navigation-button-label"],"logoText":[1,"logo-text"],"navigationLabel":[1,"navigation-label"],"maxContentWidth":[1,"max-content-width"],"showBackButton":[4,"show-back-button"],"showHelpButton":[4,"show-help-button"],"showNavigationButtonLabel":[1,"show-navigation-button-label"],"subheading":[1],"sidebarActive":[32],"toggleSidebar":[64],"showSidebar":[64],"hideSidebar":[64]},[[9,"resize","onWindowResize"]]]]],["p-5fcf5a79",[[1,"swirl-dialog",{"hideLabel":[4,"hide-label"],"intent":[1],"label":[1],"primaryActionLabel":[1,"primary-action-label"],"secondaryActionLabel":[1,"secondary-action-label"],"closing":[32],"open":[64],"close":[64]}]]],["p-d403f973",[[1,"swirl-toast-provider",{"globalDuration":[2,"global-duration"],"toasts":[32],"clearAll":[64],"dismiss":[64],"toast":[64]}]]],["p-2c44a1cb",[[2,"swirl-checkbox",{"checked":[1032],"description":[1],"disabled":[4],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"swirlAriaLabel":[1,"swirl-aria-label"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"invalid":[4],"label":[1],"labelWeight":[1,"label-weight"],"value":[1]}]]],["p-62f1aaae",[[1,"swirl-chip",{"borderRadius":[1,"border-radius"],"icon":[1],"iconColor":[1,"icon-color"],"intent":[1],"interactive":[4],"label":[1],"progress":[2],"progressBarLabel":[1,"progress-bar-label"],"removable":[4],"removeButtonLabel":[1,"remove-button-label"],"size":[1],"variant":[1]}]]],["p-6d57eb56",[[2,"swirl-file-uploader",{"accept":[1],"ctaLabel":[1,"cta-label"],"description":[1],"disabled":[4],"dragDropLabel":[1,"drag-drop-label"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"multiple":[4],"showDropzone":[4,"show-dropzone"],"uploadButtonLabel":[1,"upload-button-label"],"reset":[64]}]]],["p-8153cd85",[[6,"swirl-form-control",{"description":[1],"disabled":[4],"errorMessage":[1,"error-message"],"hideLabel":[4,"hide-label"],"inline":[4],"invalid":[4],"label":[1],"labelPosition":[1,"label-position"],"hasFocus":[32],"inputValue":[32]},[[8,"click","onWindowClick"]]]]],["p-e86c79d8",[[1,"swirl-menu",{"active":[1028],"label":[1],"level":[1026],"mobileBackButtonLabel":[1,"mobile-back-button-label"],"mobileCloseMenuButtonLabel":[1,"mobile-close-menu-button-label"],"mobileDoneButtonLabel":[1,"mobile-done-button-label"],"value":[1],"variant":[1],"activeLevel":[32],"mobile":[32],"position":[32],"activateMenuItem":[64],"close":[64],"goBack":[64],"focusFirstItem":[64],"focusItemAtIndex":[64],"updateSelection":[64]}]]],["p-d14846f2",[[2,"swirl-search",{"autoFocus":[4,"auto-focus"],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"inputName":[1,"input-name"],"inputId":[1,"input-id"],"label":[1],"placeholder":[1],"value":[1025],"variant":[1]},[[8,"keydown","onKeyDown"]]]]],["p-e9cefe04",[[1,"swirl-table",{"caption":[1],"emptyStateLabel":[1,"empty-state-label"],"label":[1],"empty":[32],"scrollable":[32],"scrolled":[32],"scrolledToEnd":[32],"rerender":[64]},[[9,"resize","onWindowResize"]]]]],["p-81067ba3",[[1,"swirl-table-column",{"sort":[1],"sortable":[4],"maxWidth":[1,"max-width"],"minWidth":[1,"min-width"],"sticky":[4],"width":[1]}]]],["p-723f12cd",[[1,"swirl-app-bar",{"backButtonLabel":[1,"back-button-label"],"closeButtonLabel":[1,"close-button-label"],"stepUpButtonLabel":[1,"step-up-button-label"],"stepDownButtonLabel":[1,"step-down-button-label"],"showBackButton":[4,"show-back-button"],"showCloseButton":[4,"show-close-button"],"showStepperControls":[4,"show-stepper-controls"],"hasCta":[32]}]]],["p-2117cbc6",[[1,"swirl-avatar",{"badge":[1],"badgePosition":[1,"badge-position"],"color":[1],"icon":[1],"initials":[1],"interactive":[4],"label":[1],"showLabel":[4,"show-label"],"size":[1],"src":[1],"variant":[1],"imageAvailable":[32]}]]],["p-baf3c630",[[1,"swirl-banner",{"actionLabel":[1,"action-label"],"content":[1],"dismissable":[4],"dismissLabel":[1,"dismiss-label"],"importance":[1],"intent":[1],"showIcon":[4,"show-icon"],"size":[1]}]]],["p-7e90107b",[[1,"swirl-carousel",{"label":[1],"nextSlideButtonLabel":[1,"next-slide-button-label"],"previousSlideButtonLabel":[1,"previous-slide-button-label"],"loopAround":[4,"loop-around"],"isAtEnd":[32],"isAtStart":[32],"isScrollable":[32],"scrollToSlide":[64]},[[9,"resize","onWindowResize"]]]]],["p-d6034b86",[[2,"swirl-radio",{"checked":[1032],"description":[1],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"invalid":[4],"label":[1],"value":[1]}]]],["p-fdfeb16a",[[1,"swirl-shell-layout",{"hideSidebar":[4,"hide-sidebar"],"mainNavigationLabel":[1,"main-navigation-label"],"sidebarToggleLabel":[1,"sidebar-toggle-label"],"collapsedSidebar":[32],"collapsing":[32],"sidebarHovered":[32],"collapseSidebar":[64],"extendSidebar":[64]}]]],["p-ca78767e",[[1,"swirl-shell-navigation-item",{"active":[4],"badgeLabel":[1,"badge-label"],"label":[1]}]]],["p-4867b806",[[2,"swirl-switch",{"checked":[1028],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"size":[1],"value":[1]},[[9,"pointerup","onWindowPointerUp"]]]]],["p-0f979ef7",[[6,"swirl-tabs",{"initialTab":[1,"initial-tab"],"label":[1],"activeTab":[32],"tabBarTabs":[32],"activateTab":[64]}]]],["p-d3c3cb10",[[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],"iconSize":[32]}]]],["p-1540a826",[[1,"swirl-video-thumbnail",{"durationLabel":[1,"duration-label"],"duration":[1],"label":[1],"src":[1]}]]],["p-f262d020",[[1,"swirl-action-list-section",{"label":[1]}]]],["p-97668c59",[[1,"swirl-app-icon",{"icon":[1],"src":[1],"hideBorder":[4,"hide-border"],"imageAvailable":[32]}]]],["p-9c70b38e",[[1,"swirl-avatar-group",{"badge":[1]}]]],["p-fbc7f835",[[1,"swirl-card",{"as":[1],"borderRadius":[1,"border-radius"],"elevated":[4],"height":[1],"highlighted":[4],"href":[1],"imageAspectRatio":[1,"image-aspect-ratio"],"intent":[1],"isBorderless":[4,"is-borderless"],"interactive":[4],"justifyContent":[1,"justify-content"],"linkTarget":[1,"link-target"],"padding":[1],"paddingBlockEnd":[1,"padding-block-end"],"paddingBlockStart":[1,"padding-block-start"],"paddingInlineEnd":[1,"padding-inline-end"],"paddingInlineStart":[1,"padding-inline-start"],"swirlAriaLabel":[1,"swirl-aria-label"]}]]],["p-06464dcf",[[1,"swirl-carousel-slide",{"label":[1],"minHeight":[1,"min-height"],"width":[1]}]]],["p-7a3ac3f0",[[1,"swirl-columns",{"columns":[1],"spacing":[1]}]]],["p-6cf1cf56",[[1,"swirl-description-list"]]],["p-34dcadc5",[[1,"swirl-description-list-item",{"bordered":[4],"orientation":[1],"term":[1]}]]],["p-eb3c6b4d",[[1,"swirl-emoji",{"label":[1],"name":[1],"size":[2]}]]],["p-e1daecf5",[[1,"swirl-emoji-clap",{"label":[1],"size":[2]}]]],["p-cfbfb7be",[[1,"swirl-emoji-happy",{"label":[1],"size":[2]}]]],["p-3a430e14",[[1,"swirl-emoji-idea",{"label":[1],"size":[2]}]]],["p-377f7d35",[[1,"swirl-emoji-love",{"label":[1],"size":[2]}]]],["p-e9b2ed15",[[1,"swirl-emoji-sad",{"label":[1],"size":[2]}]]],["p-2d16eca4",[[1,"swirl-emoji-thumbs-up",{"label":[1],"size":[2]}]]],["p-0a0579a1",[[6,"swirl-form-group",{"orientation":[1]}]]],["p-e0ed9959",[[1,"swirl-icon",{"glyph":[1],"size":[2]}]]],["p-41b0e3c6",[[1,"swirl-icon-add-photo",{"size":[2]}]]],["p-604ad286",[[1,"swirl-icon-admin-panel-settings",{"size":[2]}]]],["p-51197252",[[1,"swirl-icon-ai",{"size":[2]}]]],["p-be2cf7ee",[[1,"swirl-icon-arrow-back",{"size":[2]}]]],["p-54e4ff0b",[[1,"swirl-icon-arrow-forward",{"size":[2]}]]],["p-139ba3c3",[[1,"swirl-icon-arrow-right-small",{"size":[2]}]]],["p-727138c7",[[1,"swirl-icon-attachment",{"size":[2]}]]],["p-23d65342",[[1,"swirl-icon-bar-chart",{"size":[2]}]]],["p-5c715462",[[1,"swirl-icon-block",{"size":[2]}]]],["p-ddb7d14a",[[1,"swirl-icon-bookmark",{"size":[2]}]]],["p-3bc109d8",[[1,"swirl-icon-chat-bubble",{"size":[2]}]]],["p-7703719d",[[1,"swirl-icon-chats-filled",{"size":[2]}]]],["p-5ca498c5",[[1,"swirl-icon-chats-outlined",{"size":[2]}]]],["p-f5211f9f",[[1,"swirl-icon-check",{"size":[2]}]]],["p-f24cdd03",[[1,"swirl-icon-chevron-left",{"size":[2]}]]],["p-e5719add",[[1,"swirl-icon-chevron-right",{"size":[2]}]]],["p-0fe425c2",[[1,"swirl-icon-close-small",{"size":[2]}]]],["p-95d11a66",[[1,"swirl-icon-column",{"size":[2]}]]],["p-785957ad",[[1,"swirl-icon-comment",{"size":[2]}]]],["p-d650f1ea",[[1,"swirl-icon-copy",{"size":[2]}]]],["p-a68fdc2b",[[1,"swirl-icon-date-range",{"size":[2]}]]],["p-91ceb19a",[[1,"swirl-icon-delete",{"size":[2]}]]],["p-e217fb71",[[1,"swirl-icon-description",{"size":[2]}]]],["p-5da3a9a8",[[1,"swirl-icon-double-arrow-left",{"size":[2]}]]],["p-f83a0b0f",[[1,"swirl-icon-double-arrow-right",{"size":[2]}]]],["p-18b02f63",[[1,"swirl-icon-download",{"size":[2]}]]],["p-3f489eb8",[[1,"swirl-icon-edit",{"size":[2]}]]],["p-ed6e8f91",[[1,"swirl-icon-emoji-mood",{"size":[2]}]]],["p-ddcaea53",[[1,"swirl-icon-emoji-satisfied",{"size":[2]}]]],["p-7faaefc8",[[1,"swirl-icon-filter",{"size":[2]}]]],["p-ceef4a6c",[[1,"swirl-icon-folder",{"size":[2]}]]],["p-a506a82f",[[1,"swirl-icon-format-h-one",{"size":[2]}]]],["p-d20e7ee0",[[1,"swirl-icon-gif",{"size":[2]}]]],["p-e998142c",[[1,"swirl-icon-group-assign",{"size":[2]}]]],["p-03bb0b1d",[[1,"swirl-icon-groups",{"size":[2]}]]],["p-ba65fbe6",[[1,"swirl-icon-groups-custom",{"size":[2]}]]],["p-d2438d40",[[1,"swirl-icon-groups-filled",{"size":[2]}]]],["p-109c3cb9",[[1,"swirl-icon-groups-outlined",{"size":[2]}]]],["p-4c083b59",[[1,"swirl-icon-help",{"size":[2]}]]],["p-5e27f39b",[[1,"swirl-icon-highlight",{"size":[2]}]]],["p-ce7bae0f",[[1,"swirl-icon-home",{"size":[2]}]]],["p-330c11dc",[[1,"swirl-icon-image",{"size":[2]}]]],["p-7acd49ab",[[1,"swirl-icon-improve-text",{"size":[2]}]]],["p-bbe849b2",[[1,"swirl-icon-insert-below",{"size":[2]}]]],["p-859205f2",[[1,"swirl-icon-insert-on-top",{"size":[2]}]]],["p-d42d7db3",[[1,"swirl-icon-inventory",{"size":[2]}]]],["p-505c51dc",[[1,"swirl-icon-like",{"size":[2]}]]],["p-9d85109d",[[1,"swirl-icon-link",{"size":[2]}]]],["p-39d295f9",[[1,"swirl-icon-lock",{"size":[2]}]]],["p-52e07ada",[[1,"swirl-icon-lock-person",{"size":[2]}]]],["p-b4871661",[[1,"swirl-icon-logout",{"size":[2]}]]],["p-fc101b66",[[1,"swirl-icon-long-text",{"size":[2]}]]],["p-1831c9c8",[[1,"swirl-icon-mail",{"size":[2]}]]],["p-33b9e68a",[[1,"swirl-icon-manage-accounts",{"size":[2]}]]],["p-439091ac",[[1,"swirl-icon-mark-chat-read",{"size":[2]}]]],["p-7e8add69",[[1,"swirl-icon-mark-chat-unread",{"size":[2]}]]],["p-ff6f4d39",[[1,"swirl-icon-mention",{"size":[2]}]]],["p-3a2abee9",[[1,"swirl-icon-menu",{"size":[2]}]]],["p-4e3bd9d6",[[1,"swirl-icon-menu-filled",{"size":[2]}]]],["p-7fc5ff4d",[[1,"swirl-icon-menu-outlined",{"size":[2]}]]],["p-2c6100ac",[[1,"swirl-icon-message",{"size":[2]}]]],["p-3056c429",[[1,"swirl-icon-mic",{"size":[2]}]]],["p-1d12f61c",[[1,"swirl-icon-more-horizontal",{"size":[2]}]]],["p-5195b896",[[1,"swirl-icon-news-filled",{"size":[2]}]]],["p-087e391f",[[1,"swirl-icon-news-outlined",{"size":[2]}]]],["p-04cd78a8",[[1,"swirl-icon-notifications",{"size":[2]}]]],["p-343790d2",[[1,"swirl-icon-notifications-active",{"size":[2]}]]],["p-f9bc902e",[[1,"swirl-icon-notifications-off",{"size":[2]}]]],["p-57b8a4b5",[[1,"swirl-icon-open-in-full",{"size":[2]}]]],["p-907fd135",[[1,"swirl-icon-open-in-new",{"size":[2]}]]],["p-91113cd1",[[1,"swirl-icon-pause",{"size":[2]}]]],["p-af180d4d",[[1,"swirl-icon-pause-circle",{"size":[2]}]]],["p-ad41b229",[[1,"swirl-icon-people-alt",{"size":[2]}]]],["p-51a5ed48",[[1,"swirl-icon-person-off",{"size":[2]}]]],["p-b029dd03",[[1,"swirl-icon-phone",{"size":[2]}]]],["p-fbda1d9c",[[1,"swirl-icon-play-arrow",{"size":[2]}]]],["p-1e200dcb",[[1,"swirl-icon-poll",{"size":[2]}]]],["p-af1145c9",[[1,"swirl-icon-print",{"size":[2]}]]],["p-b69bae24",[[1,"swirl-icon-recieved",{"size":[2]}]]],["p-40afc2c1",[[1,"swirl-icon-reply",{"size":[2]}]]],["p-21164ff1",[[1,"swirl-icon-report",{"size":[2]}]]],["p-0b639fd8",[[1,"swirl-icon-roadmap",{"size":[2]}]]],["p-6bbe4989",[[1,"swirl-icon-search-strong",{"size":[2]}]]],["p-5c1b3721",[[1,"swirl-icon-send",{"size":[2]}]]],["p-d4550c07",[[1,"swirl-icon-settings",{"size":[2]}]]],["p-48c6e06f",[[1,"swirl-icon-short-text",{"size":[2]}]]],["p-69f7cb0f",[[1,"swirl-icon-simplify",{"size":[2]}]]],["p-ef0cc35b",[[1,"swirl-icon-spellcheck",{"size":[2]}]]],["p-4d89e91b",[[1,"swirl-icon-stop",{"size":[2]}]]],["p-d4b74b0e",[[1,"swirl-icon-sync",{"size":[2]}]]],["p-658a97e5",[[1,"swirl-icon-tasks-filled",{"size":[2]}]]],["p-8b57359c",[[1,"swirl-icon-tasks-outlined",{"size":[2]}]]],["p-7d934fc3",[[1,"swirl-icon-time-filled",{"size":[2]}]]],["p-006b10e2",[[1,"swirl-icon-translate",{"size":[2]}]]],["p-c7567d2c",[[1,"swirl-icon-undo",{"size":[2]}]]],["p-bb1d6075",[[1,"swirl-icon-unlock-person",{"size":[2]}]]],["p-de789313",[[1,"swirl-icon-user-assign",{"size":[2]}]]],["p-dacec55b",[[1,"swirl-icon-video-camera",{"size":[2]}]]],["p-886142ab",[[1,"swirl-icon-video-library",{"size":[2]}]]],["p-b6731f4a",[[1,"swirl-icon-voice",{"size":[2]}]]],["p-4345e137",[[1,"swirl-image-grid",{"aspectRatio":[1,"aspect-ratio"],"items":[32]}]]],["p-39ee319c",[[1,"swirl-image-grid-item",{"alt":[1],"icon":[1],"interactive":[4],"overlay":[1],"src":[1]}]]],["p-d3e39e06",[[1,"swirl-inline-status",{"icon":[1],"intent":[1],"message":[1],"size":[1],"iconSize":[32]}]]],["p-3295936c",[[1,"swirl-link",{"color":[1],"href":[1],"label":[1],"target":[1]}]]],["p-3d7cfd21",[[4,"swirl-list"]]],["p-45bdead7",[[1,"swirl-option-list-section",{"label":[1]}]]],["p-19268db2",[[6,"swirl-radio-group",{"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"value":[1537]}]]],["p-0165bc2c",[[1,"swirl-skeleton-box",{"animated":[4],"aspectRatio":[1,"aspect-ratio"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1]}]]],["p-2d0559a4",[[1,"swirl-skeleton-text",{"animated":[4],"lines":[2],"size":[1]}]]],["p-577b93b8",[[1,"swirl-status-indicator",{"intent":[1],"label":[1]}]]],["p-986d7367",[[1,"swirl-symbol",{"glyph":[1],"size":[2]}]]],["p-92f852fa",[[1,"swirl-symbol-account-circle",{"size":[2]}]]],["p-bc8b9565",[[1,"swirl-symbol-alternate-email",{"size":[2]}]]],["p-dda24691",[[1,"swirl-symbol-android",{"size":[2]}]]],["p-315daff2",[[1,"swirl-symbol-announcement",{"size":[2]}]]],["p-5c605e17",[[1,"swirl-symbol-backup",{"size":[2]}]]],["p-f5c215af",[[1,"swirl-symbol-beach-access",{"size":[2]}]]],["p-445ee376",[[1,"swirl-symbol-bookmark",{"size":[2]}]]],["p-2d21024a",[[1,"swirl-symbol-cloud",{"size":[2]}]]],["p-5e79b69a",[[1,"swirl-symbol-coronavirus",{"size":[2]}]]],["p-0006edb6",[[1,"swirl-symbol-desktop-windows",{"size":[2]}]]],["p-a79c0b19",[[1,"swirl-symbol-directions-car-filled",{"size":[2]}]]],["p-cc0667b4",[[1,"swirl-symbol-edit-calendar",{"size":[2]}]]],["p-e6de8c1c",[[1,"swirl-symbol-email",{"size":[2]}]]],["p-adcad037",[[1,"swirl-symbol-emoji-food-beverage",{"size":[2]}]]],["p-2319abb3",[[1,"swirl-symbol-event-menu",{"size":[2]}]]],["p-baabdee3",[[1,"swirl-symbol-facebook",{"size":[2]}]]],["p-c3be2de3",[[1,"swirl-symbol-favorite",{"size":[2]}]]],["p-9f04773c",[[1,"swirl-symbol-fitness-center",{"size":[2]}]]],["p-ea336530",[[1,"swirl-symbol-flag",{"size":[2]}]]],["p-244dcddc",[[1,"swirl-symbol-folder",{"size":[2]}]]],["p-9873c8cc",[[1,"swirl-symbol-globe",{"size":[2]}]]],["p-37368d80",[[1,"swirl-symbol-groups",{"size":[2]}]]],["p-e3cd6084",[[1,"swirl-symbol-help",{"size":[2]}]]],["p-14a8163f",[[1,"swirl-symbol-image",{"size":[2]}]]],["p-e3dcd8cb",[[1,"swirl-symbol-info-menu",{"size":[2]}]]],["p-dae62dba",[[1,"swirl-symbol-instagram",{"size":[2]}]]],["p-b375930d",[[1,"swirl-symbol-ios",{"size":[2]}]]],["p-80cfe95f",[[1,"swirl-symbol-language",{"size":[2]}]]],["p-eb498a9d",[[1,"swirl-symbol-leaderboard",{"size":[2]}]]],["p-99dba438",[[1,"swirl-symbol-lightbulb",{"size":[2]}]]],["p-2dbf6b2e",[[1,"swirl-symbol-linkedin",{"size":[2]}]]],["p-67c23250",[[1,"swirl-symbol-location-on",{"size":[2]}]]],["p-75a53c30",[[1,"swirl-symbol-loyalty",{"size":[2]}]]],["p-735c9dfb",[[1,"swirl-symbol-maps-home-work",{"size":[2]}]]],["p-54cbb50a",[[1,"swirl-symbol-notifications",{"size":[2]}]]],["p-2d28adb8",[[1,"swirl-symbol-open-in-new",{"size":[2]}]]],["p-cefa3863",[[1,"swirl-symbol-pedal-bike",{"size":[2]}]]],["p-09d788b5",[[1,"swirl-symbol-pinterest",{"size":[2]}]]],["p-742e31fa",[[1,"swirl-symbol-policy",{"size":[2]}]]],["p-95a45e70",[[1,"swirl-symbol-push-pin",{"size":[2]}]]],["p-634d2ae6",[[1,"swirl-symbol-redeem",{"size":[2]}]]],["p-3caaea7e",[[1,"swirl-symbol-report-problem",{"size":[2]}]]],["p-b0cef5ac",[[1,"swirl-symbol-restaurant",{"size":[2]}]]],["p-57a672d3",[[1,"swirl-symbol-roadmap",{"size":[2]}]]],["p-749e38ba",[[1,"swirl-symbol-room",{"size":[2]}]]],["p-8dfb5cc0",[[1,"swirl-symbol-savings",{"size":[2]}]]],["p-c7a23faf",[[1,"swirl-symbol-settings-voice",{"size":[2]}]]],["p-cfa7eb3c",[[1,"swirl-symbol-shopping-cart",{"size":[2]}]]],["p-cf48fc7a",[[1,"swirl-symbol-smartphone",{"size":[2]}]]],["p-720daf1f",[[1,"swirl-symbol-star",{"size":[2]}]]],["p-c960c854",[[1,"swirl-symbol-supervisor-account",{"size":[2]}]]],["p-89ef1658",[[1,"swirl-symbol-thumbs-up-down",{"size":[2]}]]],["p-8ebb05ef",[[1,"swirl-symbol-twitter",{"size":[2]}]]],["p-7a424fe9",[[1,"swirl-symbol-wb-sunny",{"size":[2]}]]],["p-e54f8edb",[[1,"swirl-symbol-wechat",{"size":[2]}]]],["p-dbe4a8e4",[[1,"swirl-symbol-weibo",{"size":[2]}]]],["p-150b3c64",[[1,"swirl-symbol-work",{"size":[2]}]]],["p-47fb3d5a",[[1,"swirl-symbol-xing",{"size":[2]}]]],["p-b135aadb",[[1,"swirl-symbol-youtube",{"size":[2]}]]],["p-b5be788e",[[1,"swirl-tab",{"active":[4],"icon":[1],"label":[1],"tabId":[1,"tab-id"]}]]],["p-2e9a07ae",[[1,"swirl-table-cell"]]],["p-8e5e6c16",[[1,"swirl-table-row",{"highlighted":[4],"index":[2]}]]],["p-670ef40a",[[1,"swirl-table-row-group",{"label":[1]}]]],["p-1a4c6557",[[6,"swirl-theme-provider",{"config":[16],"getActiveTheme":[64],"getPreferredTheme":[64],"setPreferredTheme":[64],"resetPreferredTheme":[64]}]]],["p-f6698af0",[[1,"swirl-tooltip",{"content":[1],"delay":[2],"position":[1],"actualPosition":[32],"visible":[32]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[9,"resize","onWindowResize"],[9,"scroll","onWindowScroll"]]]]],["p-796ecc1f",[[1,"swirl-tree-navigation-item",{"active":[4],"icon":[1],"label":[1]}]]],["p-e9e6bea8",[[2,"swirl-text-input",{"autoComplete":[1,"auto-complete"],"autoFocus":[4,"auto-focus"],"autoGrow":[4,"auto-grow"],"autoSelect":[4,"auto-select"],"clearable":[4],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"disableDynamicWidth":[4,"disable-dynamic-width"],"swirlAriaAutocomplete":[1,"swirl-aria-autocomplete"],"swirlAriaControls":[1,"swirl-aria-controls"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"swirlAriaExpanded":[1,"swirl-aria-expanded"],"swirlRole":[1,"swirl-role"],"inline":[4],"invalid":[4],"maxLength":[2,"max-length"],"max":[2],"min":[2],"mode":[1],"placeholder":[1],"prefixLabel":[1,"prefix-label"],"required":[4],"rows":[2],"showCharacterCounter":[4,"show-character-counter"],"spellCheck":[4,"spell-check"],"suffixLabel":[1,"suffix-label"],"step":[2],"passwordToggleLabel":[1,"password-toggle-label"],"type":[1],"value":[1537],"iconSize":[32],"showPassword":[32]}]]],["p-3da6d23a",[[1,"swirl-toast",{"accessibleDismissLabel":[1,"accessible-dismiss-label"],"content":[1],"dismissLabel":[1,"dismiss-label"],"duration":[2],"icon":[1],"intent":[1],"toastId":[1,"toast-id"]}]]],["p-c4d4a99d",[[1,"swirl-badge",{"icon":[1],"intent":[1],"label":[1],"size":[1],"variant":[1]}]]],["p-0e96e546",[[1,"swirl-icon-cloud-upload",{"size":[2]}]]],["p-96ec37c9",[[1,"swirl-icon-person",{"size":[2]}]]],["p-408910d8",[[1,"swirl-icon-search",{"size":[2]}]]],["p-61832d88",[[1,"swirl-icon-time-outlined",{"size":[2]}]]],["p-66551e51",[[2,"swirl-tab-bar",{"disableTabSemantics":[4,"disable-tab-semantics"],"label":[1],"tabs":[16]}]]],["p-067f8845",[[1,"swirl-date-picker",{"labels":[16],"locale":[1],"range":[4],"startDate":[16],"value":[1040]}],[1,"swirl-icon-today",{"size":[2]}]]],["p-dc7c3fec",[[1,"swirl-button-group",{"orientation":[1],"segmented":[4],"stretch":[4],"wrap":[4]}]]],["p-37785348",[[1,"swirl-icon-arrow-downward",{"size":[2]}],[1,"swirl-icon-arrow-upward",{"size":[2]}]]],["p-6e72e129",[[2,"wc-datepicker",{"clearButtonContent":[1,"clear-button-content"],"disabled":[4],"disableDate":[16],"elementClassName":[1,"element-class-name"],"firstDayOfWeek":[2,"first-day-of-week"],"range":[4],"labels":[16],"locale":[1],"nextMonthButtonContent":[1,"next-month-button-content"],"nextYearButtonContent":[1,"next-year-button-content"],"previousMonthButtonContent":[1,"previous-month-button-content"],"previousYearButtonContent":[1,"previous-year-button-content"],"showClearButton":[4,"show-clear-button"],"showMonthStepper":[4,"show-month-stepper"],"showTodayButton":[4,"show-today-button"],"showYearStepper":[4,"show-year-stepper"],"startDate":[1,"start-date"],"todayButtonContent":[1,"today-button-content"],"value":[1040],"currentDate":[32],"hoveredDate":[32],"weekdays":[32]}]]],["p-28e0f48a",[[1,"swirl-icon-check-circle",{"size":[2]}],[1,"swirl-icon-info",{"size":[2]}],[1,"swirl-icon-warning",{"size":[2]}]]],["p-71ab7686",[[1,"swirl-progress-indicator",{"label":[1],"size":[1],"value":[2],"variant":[1]}]]],["p-d0f3a47a",[[1,"swirl-thumbnail",{"alt":[1],"format":[1],"progress":[2],"progressLabel":[1,"progress-label"],"removeButtonLabel":[1,"remove-button-label"],"showRemoveButton":[4,"show-remove-button"],"size":[1],"src":[1],"timestamp":[1]}],[1,"swirl-icon-arrow-left",{"size":[2]}],[1,"swirl-icon-arrow-right",{"size":[2]}],[1,"swirl-icon-more-vertikal",{"size":[2]}]]],["p-89898ac6",[[1,"swirl-tag",{"intent":[1],"label":[1],"removable":[4],"removalButtonLabel":[1,"removal-button-label"]}],[6,"swirl-option-list",{"allowDeselect":[4,"allow-deselect"],"allowDrag":[4,"allow-drag"],"assistiveTextItemGrabbed":[1,"assistive-text-item-grabbed"],"assistiveTextItemMoving":[1,"assistive-text-item-moving"],"assistiveTextItemMoved":[1,"assistive-text-item-moved"],"disabled":[4],"label":[1],"optionListId":[1,"option-list-id"],"multiSelect":[4,"multi-select"],"value":[1040],"assistiveText":[32]}]]],["p-90456714",[[1,"swirl-icon-expand-more",{"size":[2]}]]],["p-b4066441",[[1,"swirl-icon-add",{"size":[2]}],[1,"swirl-icon-file-copy",{"size":[2]}],[1,"swirl-icon-fullscreen",{"size":[2]}],[1,"swirl-icon-fullscreen-exit",{"size":[2]}],[1,"swirl-icon-menu-book",{"size":[2]}],[1,"swirl-icon-remove",{"size":[2]}]]],["p-d7af31e3",[[2,"swirl-heading",{"align":[1],"as":[1],"balance":[4],"headingId":[1,"heading-id"],"level":[2],"lines":[2],"text":[1],"truncate":[4]},[[9,"resize","onWindowResize"]]]]],["p-c8503c60",[[1,"swirl-icon-check-strong",{"size":[2]}]]],["p-1047e988",[[1,"swirl-icon-close",{"size":[2]}]]],["p-7a957c85",[[6,"swirl-text",{"align":[1],"as":[1],"balance":[4],"color":[1],"fontFamily":[1,"font-family"],"fontStyle":[1,"font-style"],"lines":[2],"size":[1],"truncate":[4],"weight":[1]},[[9,"resize","onWindowResize"]]]]],["p-e9d96bc0",[[1,"swirl-stack",{"align":[1],"as":[1],"justify":[1],"orientation":[1],"spacing":[1],"wrap":[4]}]]],["p-1f3c35bd",[[1,"swirl-popover",{"animation":[1],"disableScrollLock":[4,"disable-scroll-lock"],"enableFlip":[4,"enable-flip"],"fullscreenBottomSheet":[4,"fullscreen-bottom-sheet"],"label":[1],"maxHeight":[1,"max-height"],"offset":[2],"popoverId":[1,"popover-id"],"placement":[1],"trigger":[1],"triggerContainer":[16],"useContainerWidth":[8,"use-container-width"],"active":[32],"closing":[32],"position":[32],"close":[64],"open":[64]},[[8,"focusin","onWindowFocusIn"],[8,"click","onWindowClick"]]],[6,"swirl-popover-trigger",{"popover":[1],"setAriaAttributes":[4,"set-aria-attributes"]}]]],["p-4bec5f4c",[[2,"swirl-option-list-item",{"allowDrag":[4,"allow-drag"],"context":[1025],"disabled":[4],"dragging":[4],"dragHandleDescription":[1,"drag-handle-description"],"dragHandleLabel":[1,"drag-handle-label"],"icon":[1],"label":[1],"selected":[1028],"swirlAriaRole":[1,"swirl-aria-role"],"value":[1],"iconSize":[32],"focused":[32]}],[1,"swirl-icon-check-small",{"size":[2]}],[1,"swirl-icon-drag-handle",{"size":[2]}]]],["p-6131ad72",[[2,"swirl-button",{"disabled":[4],"download":[1],"swirlAriaControls":[1,"swirl-aria-controls"],"swirlAriaDescribedby":[1,"swirl-aria-describedby"],"swirlAriaExpanded":[1,"swirl-aria-expanded"],"swirlAriaHaspopup":[1,"swirl-aria-haspopup"],"swirlAriaLabel":[1,"swirl-aria-label"],"form":[1],"hideLabel":[4,"hide-label"],"href":[1],"icon":[1],"iconPosition":[1,"icon-position"],"intent":[1],"label":[1],"name":[1],"pill":[4],"size":[1],"target":[1],"type":[1],"value":[1],"variant":[1]}]]],["p-645a878c",[[1,"swirl-visually-hidden"]]],["p-c8870a5b",[[6,"swirl-resource-list-item",{"active":[4],"allowDrag":[4,"allow-drag"],"checked":[1028],"description":[1],"disabled":[4],"dragging":[4],"dragHandleDescription":[1,"drag-handle-description"],"dragHandleLabel":[1,"drag-handle-label"],"hideDivider":[4,"hide-divider"],"href":[1],"interactive":[4],"label":[1],"labelWeight":[1,"label-weight"],"menuTriggerId":[1,"menu-trigger-id"],"menuTriggerLabel":[1,"menu-trigger-label"],"meta":[1],"selectable":[4],"value":[1],"hasMedia":[32],"iconSize":[32]}],[1,"swirl-app-layout",{"appName":[1,"app-name"],"backToNavigationViewButtonLabel":[1,"back-to-navigation-view-button-label"],"ctaIcon":[1,"cta-icon"],"ctaLabel":[1,"cta-label"],"navigationBackButtonLabel":[1,"navigation-back-button-label"],"navigationLabel":[1,"navigation-label"],"showNavigationBackButton":[4,"show-navigation-back-button"],"sidebarCloseButtonLabel":[1,"sidebar-close-button-label"],"sidebarHeading":[1,"sidebar-heading"],"transitionStyle":[1,"transition-style"],"hasNavigation":[32],"hasSidebar":[32],"mobileView":[32],"sidebarActive":[32],"sidebarClosing":[32],"transitioningFrom":[32],"transitioningTo":[32],"showSidebar":[64],"hideSidebar":[64],"toggleSidebar":[64],"changeMobileView":[64]}],[1,"swirl-empty-state",{"heading":[1],"illustration":[1]}],[6,"swirl-resource-list",{"allowDrag":[4,"allow-drag"],"assistiveTextItemGrabbed":[1,"assistive-text-item-grabbed"],"assistiveTextItemMoving":[1,"assistive-text-item-moving"],"assistiveTextItemMoved":[1,"assistive-text-item-moved"],"label":[1],"assistiveText":[32]}],[1,"swirl-box",{"bordered":[4],"centerBlock":[4,"center-block"],"centerInline":[4,"center-inline"],"cover":[4],"maxWidth":[1,"max-width"],"overflow":[1],"padding":[1],"paddingBlockEnd":[1,"padding-block-end"],"paddingBlockStart":[1,"padding-block-start"],"paddingInlineEnd":[1,"padding-inline-end"],"paddingInlineStart":[1,"padding-inline-start"]}],[1,"swirl-icon-file",{"size":[2]}],[1,"swirl-icon-folder-shared",{"size":[2]}]]],["p-56fa872b",[[1,"swirl-action-list"],[1,"swirl-separator",{"orientation":[1],"spacing":[1]}],[1,"swirl-action-list-item",{"badge":[1],"disabled":[4],"description":[1],"icon":[1],"intent":[1],"label":[1],"size":[1],"swirlAriaExpanded":[1,"swirl-aria-expanded"],"swirlAriaHaspopup":[1,"swirl-aria-haspopup"],"suffix":[1]}]]],["p-04ced452",[[1,"swirl-icon-visibility",{"size":[2]}],[1,"swirl-icon-visibility-off",{"size":[2]}],[1,"swirl-icon-cancel",{"size":[2]}],[1,"swirl-icon-expand-less",{"size":[2]}]]],["p-44196449",[[1,"swirl-inline-error",{"message":[1],"size":[1]}],[1,"swirl-spinner",{"label":[1],"size":[8]}],[1,"swirl-icon-error",{"size":[2]}]]],["p-7c9311c4",[[1,"swirl-file-viewer",{"active":[4],"autoplay":[4],"description":[1],"errorMessage":[1,"error-message"],"file":[1],"thumbnailUrl":[1,"thumbnail-url"],"type":[1],"typeUnsupportedMessage":[1,"type-unsupported-message"],"viewMode":[1,"view-mode"],"zoom":[8],"download":[64],"print":[64]}],[1,"swirl-file-viewer-csv",{"errorMessage":[1,"error-message"],"file":[1],"data":[32],"error":[32],"loading":[32]}],[1,"swirl-file-viewer-image",{"description":[1],"errorMessage":[1,"error-message"],"file":[1],"maxZoom":[2,"max-zoom"],"error":[32],"loading":[32],"getZoom":[64],"resetZoom":[64]}],[1,"swirl-file-viewer-pdf",{"errorMessage":[1,"error-message"],"file":[1],"singlePageMode":[4,"single-page-mode"],"viewMode":[1,"view-mode"],"zoom":[8],"doc":[32],"error":[32],"loading":[32],"renderedPages":[32],"scrolledDown":[32],"singlePageModePage":[32],"visiblePages":[32],"getThumbnails":[64],"print":[64],"nextPage":[64],"previousPage":[64],"setPage":[64]},[[9,"resize","onWindowResize"]]],[1,"swirl-file-viewer-text",{"errorMessage":[1,"error-message"],"file":[1],"error":[32],"loading":[32],"text":[32]}],[1,"swirl-file-viewer-audio",{"autoplay":[4],"file":[1],"type":[1]}],[1,"swirl-file-viewer-video",{"autoplay":[4],"file":[1],"type":[1]}]]]]'),e)));

package/dist/types/components/swirl-option-list/swirl-option-list.d.ts

@@ -27,12 +27,12 @@ export declare class SwirlOptionList implements SwirlFormInput<string[]> {
   private observer;
   private sortable;
   componentDidLoad(): void;
+  componentDidRender(): void;
   disconnectedCallback(): void;
   watchAllowDrag(): void;
   watchDisabled(): void;
   watchMultiSelect(): void;
   watchValue(): void;
-  private onFocus;
   private onClick;
   private onKeyDown;
   private observeSlotChanges;

package/dist/types/components/swirl-option-list-item/swirl-option-list-item.d.ts

@@ -16,6 +16,7 @@ export declare class SwirlOptionListItem {
   value: string;
   toggleDrag: EventEmitter<HTMLSwirlOptionListItemElement>;
   iconSize: 20 | 24;
+  focused: boolean;
   private desktopMediaQuery;
   private iconEl;
   componentDidLoad(): void;
@@ -24,5 +25,7 @@ export declare class SwirlOptionListItem {
   private forceIconProps;
   private updateIconSize;
   private onDragHandleKeyDown;
+  private onBlur;
+  private onFocus;
   render(): any;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components",
-  "version": "0.87.2",
+  "version": "0.87.3",
   "description": "Swirl Design System Web Component Library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/swirl-components/p-07957b9a.entry.js

@@ -1 +0,0 @@
-import{r as i,h as t,F as s,c as o,H as e,g as l}from"./p-3fca9a05.js";import{c as r}from"./p-b7898321.js";import{g as n}from"./p-646e00de.js";const c=class{constructor(t){i(this,t),this.size=24}render(){const i=20===this.size?24:this.size,o=r("swirl-icon",`swirl-icon--size-${this.size}`);return t("svg",{class:o,fill:"none",height:this.size,part:"icon",viewBox:`0 0 ${i} ${i}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&t(s,null,t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M12.4142 4.91924C12.8047 5.30976 12.8047 5.94293 12.4142 6.33345L7.08086 11.6667C6.69033 12.0572 6.05717 12.0572 5.66664 11.6667L3.70711 9.70707C3.31658 9.31655 3.31658 8.68338 3.70711 8.29286C4.09763 7.90233 4.7308 7.90233 5.12132 8.29286L6.37375 9.54539L11 4.91924C11.3905 4.52871 12.0237 4.52871 12.4142 4.91924Z",fill:"currentColor"})),(20===this.size||24===this.size)&&t(s,null,t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M18.6213 7.37879C19.2071 7.96458 19.2071 8.91433 18.6213 9.50011L10.6213 17.5C10.0355 18.0858 9.08577 18.0858 8.49998 17.5L5.56068 14.5605C4.97489 13.9748 4.97489 13.025 5.56068 12.4392C6.14646 11.8534 7.09621 11.8534 7.682 12.4392L9.56064 14.318L16.5 7.37879C17.0858 6.79301 18.0355 6.79301 18.6213 7.37879Z",fill:"currentColor"})),28===this.size&&t(s,null,t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M21.7248 8.60863C22.4083 9.29205 22.4083 10.4001 21.7248 11.0835L12.3915 20.4167C11.7081 21.1001 10.6001 21.1001 9.91663 20.4167L6.48744 16.9873C5.80403 16.3039 5.80403 15.1959 6.48744 14.5125C7.17086 13.8291 8.2789 13.8291 8.96232 14.5125L11.1541 16.7044L19.25 8.60863C19.9334 7.92521 21.0414 7.92521 21.7248 8.60863Z",fill:"currentColor"})))}};c.style=":host{display:inline-flex}";const a=class{constructor(t){i(this,t),this.size=24}render(){const i=20===this.size?24:this.size,o=r("swirl-icon",`swirl-icon--size-${this.size}`);return t("svg",{class:o,fill:"none",height:this.size,part:"icon",viewBox:`0 0 ${i} ${i}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&t(s,null,t("rect",{x:"9",y:"3",width:"2",height:"2",rx:"1",fill:"currentColor"}),t("rect",{x:"9",y:"7",width:"2",height:"2",rx:"1",fill:"currentColor"}),t("rect",{x:"9",y:"11",width:"2",height:"2",rx:"1",fill:"currentColor"}),t("rect",{x:"5",y:"3",width:"2",height:"2",rx:"1",fill:"currentColor"}),t("rect",{x:"5",y:"7",width:"2",height:"2",rx:"1",fill:"currentColor"}),t("rect",{x:"5",y:"11",width:"2",height:"2",rx:"1",fill:"currentColor"})),(20===this.size||24===this.size)&&t(s,null,t("rect",{x:"13.5",y:"4.5",width:"3",height:"3",rx:"1.5",fill:"currentColor"}),t("rect",{x:"13.5",y:"10.5",width:"3",height:"3",rx:"1.5",fill:"currentColor"}),t("rect",{x:"13.5",y:"16.5",width:"3",height:"3",rx:"1.5",fill:"currentColor"}),t("rect",{x:"7.5",y:"4.5",width:"3",height:"3",rx:"1.5",fill:"currentColor"}),t("rect",{x:"7.5",y:"10.5",width:"3",height:"3",rx:"1.5",fill:"currentColor"}),t("rect",{x:"7.5",y:"16.5",width:"3",height:"3",rx:"1.5",fill:"currentColor"})),28===this.size&&t(s,null,t("rect",{x:"15.75",y:"5.25",width:"3.5",height:"3.5",rx:"1.75",fill:"currentColor"}),t("rect",{x:"15.75",y:"12.25",width:"3.5",height:"3.5",rx:"1.75",fill:"currentColor"}),t("rect",{x:"15.75",y:"19.25",width:"3.5",height:"3.5",rx:"1.75",fill:"currentColor"}),t("rect",{x:"8.75",y:"5.25",width:"3.5",height:"3.5",rx:"1.75",fill:"currentColor"}),t("rect",{x:"8.75",y:"12.25",width:"3.5",height:"3.5",rx:"1.75",fill:"currentColor"}),t("rect",{x:"8.75",y:"19.25",width:"3.5",height:"3.5",rx:"1.75",fill:"currentColor"})))}};a.style=":host{display:inline-flex}";const h=class{constructor(t){i(this,t),this.toggleDrag=o(this,"toggleDrag",7),this.desktopMediaQuery=n(),this.desktopMediaQueryHandler=i=>{this.forceIconProps(i.matches),this.updateIconSize(i.matches)},this.onDragHandleKeyDown=i=>{"Space"!==i.code&&"Enter"!==i.code||(i.preventDefault(),this.toggleDrag.emit(this.el))},this.allowDrag=void 0,this.context="single-select",this.disabled=void 0,this.dragging=void 0,this.dragHandleDescription="Press spacebar to toggle grab",this.dragHandleLabel="Move option",this.icon=void 0,this.label=void 0,this.selected=!1,this.swirlAriaRole="option",this.value=void 0,this.iconSize=24}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.updateIconSize(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}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,s=String(this.selected),o="multi-select"===this.context,l=Boolean(this.icon)&&"single-select"===this.context,n=this.selected&&"single-select"===this.context,c=r("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});return t(e,null,t("div",{"aria-checked":"menuitemradio"===this.swirlAriaRole?s:void 0,"aria-disabled":i,"aria-selected":"option"===this.swirlAriaRole?s:void 0,class:c,part:"option-list-item",role:this.swirlAriaRole},l&&t("span",{class:"option-list-item__icon",innerHTML:this.icon,ref:i=>this.iconEl=i}),o&&t("span",{class:"option-list-item__checkbox"},t("span",{class:"option-list-item__checkbox-box"},this.selected&&t("swirl-icon-check-strong",{class:"option-list-item__checkbox-icon",size:16}))),t("span",{class:"option-list-item__label",part:"option-list-item__label"},this.label),n&&t("span",{class:"option-list-item__selection-icon"},t("swirl-icon-check-small",{size:this.iconSize}))),this.allowDrag&&t("button",{"aria-describedby":this.dragHandleDescription,"aria-label":`${this.dragHandleLabel} "${this.label}"`,class:"option-list-item__drag-handle",onKeyDown:this.onDragHandleKeyDown,type:"button"},t("swirl-icon-drag-handle",{size:this.iconSize})))}get el(){return l(this)}};h.style=".sc-swirl-option-list-item-h{position:relative;display:inline-flex;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;width:100%;min-width:15rem;min-height:3rem;padding:var(--s-space-12) var(--s-space-16);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)}@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.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.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{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{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__label.sc-swirl-option-list-item{flex-grow:1;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__icon.sc-swirl-option-list-item{display:inline-flex;flex-shrink:0;color:var(--s-icon-default)}.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)}@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__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{c as swirl_icon_check_small,a as swirl_icon_drag_handle,h as swirl_option_list_item}

package/dist/swirl-components/p-7dafac36.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as i,H as e,g as o}from"./p-3fca9a05.js";import{c as a,q as h}from"./p-646e00de.js";import{S as n}from"./p-1486d7ea.js";import{c as r}from"./p-b7898321.js";const l=class{constructor(i){t(this,i),this.itemDrop=s(this,"itemDrop",7),this.valueChange=s(this,"valueChange",7),this.onFocus=async t=>{this.listboxEl.contains(t.relatedTarget)||(await new Promise((t=>setTimeout(t))),Boolean(this.focusedItem)?this.focusItem(this.getActiveItemIndex()):this.focusItem(0))},this.onClick=t=>{t.preventDefault();const s=t.target,i=s?.closest("swirl-option-list-item"),e=t.composedPath()[0],o=Boolean(a(e,'[role="option"]'));Boolean(i)&&o?this.selectItem(this.items.findIndex((t=>t.value===i.value))):t.preventDefault()},this.onKeyDown=t=>{if("ArrowDown"===t.code)t.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemDown():this.focusNextItem();else if("ArrowUp"===t.code)t.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemUp():this.focusPreviousItem();else if("Space"===t.code||"Enter"===t.code){const s=t.composedPath()[0];if(!Boolean(a(s,'[role="option"]')))return;t.preventDefault(),Boolean(this.dragging)?this.stopDrag(this.dragging):this.selectFocusedItem()}else"Home"===t.code?(t.preventDefault(),this.focusItem(0)):"End"===t.code?(t.preventDefault(),this.focusItem(this.items.length-1)):"KeyA"===t.code&&(t.metaKey||t.ctrlKey)&&this.multiSelect?(t.preventDefault(),this.selectAllItems()):"Tab"===t.code&&Boolean(this.dragging)&&t.preventDefault()},this.toggleDrag=t=>{const s=t.detail;Boolean(this.dragging)?this.stopDrag(s):this.startDrag(s)},this.startDrag=t=>{this.dragging=t,this.draggingStartIndex=this.getItemIndex(this.dragging),t.setAttribute("dragging","true");const s=this.getItemIndex(this.dragging);this.focusItem(s),this.assistiveText=this.assistiveTextItemGrabbed},this.stopDrag=t=>{this.dragging=void 0,t.removeAttribute("dragging");const s=this.getActiveItemIndex();this.assistiveText=`${this.assistiveTextItemMoved} ${s+1}`,this.itemDrop.emit({item:t,oldIndex:this.draggingStartIndex,newIndex:s}),this.draggingStartIndex=void 0},this.allowDeselect=!0,this.allowDrag=void 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.disabled=void 0,this.label=void 0,this.optionListId=void 0,this.multiSelect=void 0,this.value=[],this.assistiveText=void 0}componentDidLoad(){this.updateItems(),this.observeSlotChanges(),this.setItemAllowDragState(),this.setItemDisabledState(),this.setItemContext(),this.syncItemsWithValue(),this.setupDragDrop()}disconnectedCallback(){this.observer?.disconnect(),this.sortable?.destroy()}watchAllowDrag(){this.setItemAllowDragState(),this.setupDragDrop()}watchDisabled(){this.setItemDisabledState()}watchMultiSelect(){this.setItemContext()}watchValue(){this.syncItemsWithValue()}observeSlotChanges(){this.observer=new MutationObserver((()=>{this.updateItems(),this.setItemAllowDragState(),this.setItemDisabledState(),this.setItemContext(),this.syncItemsWithValue(),this.setupDragDrop()})),this.observer.observe(this.listboxEl,{childList:!0})}updateItems(){this.items=h(this.el,"swirl-option-list-item")}setItemDisabledState(){this.disabled&&this.items.forEach((t=>t.disabled=!0))}setItemContext(){this.multiSelect?this.items.forEach((t=>t.context="multi-select")):(this.items.forEach((t=>t.context="single-select")),this.value.length>1&&this.updateValue([this.value[0]]))}setupDragDrop(){Boolean(this.sortable)&&this.sortable.destroy(),this.allowDrag&&(this.sortable=n.create(this.listboxEl,{animation:150,draggable:"swirl-option-list-item",handle:".option-list-item__drag-handle",onEnd:t=>{this.itemDrop.emit({item:t.item,oldIndex:t.oldIndex,newIndex:t.newIndex})}}))}setItemAllowDragState(){if(this.allowDrag&&!this.multiSelect)return void console.error("[SwirlOptionList] Drag can only be allowed for multi select lists.");const t=h(this.el,"swirl-option-list-section");this.allowDrag&&t.length>0?console.error("[SwirlOptionList] Drag can only be allowed for lists without sections."):this.items.forEach(this.allowDrag?t=>{t.setAttribute("allow-drag","true"),t.addEventListener("toggleDrag",this.toggleDrag)}:t=>{t.removeAttribute("allow-drag"),t.removeEventListener("toggleDrag",this.toggleDrag)})}selectItem(t){if(this.disabled)return;const s=this.items[t];if(s.disabled)return;const i=this.value.includes(s.value);i&&!this.allowDeselect||(this.multiSelect||(this.value=[]),this.updateValue(i?this.value.filter((t=>t!==s.value)):[...this.value,s.value]))}updateValue(t){this.value=t,this.valueChange.emit(this.value)}selectFocusedItem(){this.disabled||-1===this.getActiveItemIndex()||this.selectItem(this.getActiveItemIndex())}selectAllItems(){if(this.disabled)return;const t=this.items.every((t=>this.value.includes(t.value)));this.updateValue(t?[]:this.items.map((t=>t.value)))}syncItemsWithValue(){this.items?.forEach((t=>t.selected=this.value.includes(t.value)))}focusItem(t){if(this.disabled)return;this.items.forEach((t=>t.querySelector('[role="option"]').removeAttribute("tabIndex")));const s=this.items[t]?.querySelector('[role="option"]');Boolean(s)&&(s.setAttribute("tabIndex","0"),s.focus(),this.focusedItem=s)}focusNextItem(){if(this.disabled)return;const t=this.getActiveItemIndex(),s=Math.min(t+1,this.items.length-1);this.focusItem(s)}focusPreviousItem(){const t=this.getActiveItemIndex(),s=Math.max(t-1,0);this.focusItem(s)}getActiveItemIndex(){return this.items.map((t=>t.querySelector('[role="option"]'))).findIndex((t=>t===this.focusedItem))}getItemIndex(t){return this.items.map((t=>t)).findIndex((s=>s===t))}moveDraggedItemDown(){const t=this.dragging.nextElementSibling;Boolean(t)&&(t.after(this.dragging),this.updateItems(),this.listboxEl.focus(),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getActiveItemIndex()+1}`)}moveDraggedItemUp(){const t=this.dragging.previousElementSibling;Boolean(t)&&(t.before(this.dragging),this.updateItems(),this.listboxEl.focus(),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}render(){const t=this.multiSelect?"true":void 0,s=this.disabled?-1:0;return i(e,null,i("swirl-visually-hidden",{role:"alert"},this.assistiveText),i("div",{"aria-label":this.label,"aria-multiselectable":t,class:"option-list",id:this.optionListId,onClick:this.onClick,onFocus:this.onFocus,onKeyDown:this.onKeyDown,ref:t=>this.listboxEl=t,role:"listbox",tabIndex:s},i("slot",null)))}get el(){return o(this)}static get watchers(){return{allowDrag:["watchAllowDrag"],disabled:["watchDisabled"],multiSelect:["watchMultiSelect"],value:["watchValue"]}}};l.style=".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}";const c=class{constructor(i){t(this,i),this.remove=s(this,"remove",7),this.onRemove=t=>{this.remove?.emit(t)},this.intent="default",this.label=void 0,this.removable=void 0,this.removalButtonLabel="Remove"}render(){const t=r("tag",`tag--intent-${this.intent}`);return i(e,null,i("span",{class:t,part:"tag"},i("span",{class:"tag__label"},this.label),this.removable&&i("button",{"aria-label":this.removalButtonLabel,class:"tag__removal-button",onClick:this.onRemove,tabIndex:"true"===this.el.ariaHidden?-1:void 0,type:"button"},i("swirl-icon-close",{size:16}))))}get el(){return o(this)}};c.style=":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.tag{display:inline-flex;max-width:100%;padding:var(--s-space-2) var(--s-space-8);align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-default);background-color:var(--s-surface-neutral-subdued);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;gap:var(--s-space-4)}.tag--intent-info{color:var(--s-text-info);background-color:var(--s-surface-info-subdued)}.tag--intent-info .tag__removal-button{color:var(--icon-info)}.tag--intent-critical{color:var(--s-text-critical);background-color:var(--s-surface-critical-subdued)}.tag--intent-critical .tag__removal-button{color:var(--icon-critical)}.tag--intent-warning{color:var(--s-text-warning);background-color:var(--s-surface-warning-subdued)}.tag--intent-warning .tag__removal-button{color:var(--icon-warning)}.tag--intent-success{color:var(--s-text-success);background-color:var(--s-surface-success-subdued)}.tag--intent-success .tag__removal-button{color:var(--icon-success)}.tag__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis}.tag__removal-button{display:inline-flex;margin-right:calc(-1 * var(--s-space-4));padding:0;border:none;color:var(--s-icon-strong);background-color:transparent;cursor:pointer}.tag__removal-button:focus:not(:focus-visible){outline:none}.tag__removal-button:focus-visible{outline-color:var(--s-focus-default)}";export{l as swirl_option_list,c as swirl_tag}

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

@@ -1 +0,0 @@
-import{r as t,c as i,h as s,H as e,g as o}from"./p-3fca9a05.js";import{a,c as h,o as l}from"./p-ecb8b7f5.js";import{c as n}from"./p-b7898321.js";import{d as r}from"./p-646e00de.js";const c=class{constructor(s){t(this,s),this.valueChange=i(this,"valueChange",7),this.onChange=t=>{t.stopPropagation(),this.updateTerm(t)},this.updateTerm=r((async t=>{this.updateSuggestions(t.detail),this.open(),this.multiSelect||Boolean(t.detail)&&""!==t.detail||(this.value=void 0,this.valueChange.emit(this.value))}),250,!1),this.onSelect=async t=>{if(t.stopPropagation(),this.multiSelect){const i=t.detail,s=this.suggestions.filter((t=>!i.includes(t.id))).map((t=>t.id));this.value=[...this.value.filter((t=>!s.includes(t.id))),...this.suggestions.filter((t=>i.includes(t.id)&&!this.value.some((i=>i.id===t.id))))],this.valueChange.emit(this.value),this.inputEl.querySelector("input")?.focus(),await this.updateSuggestions(this.inputEl.querySelector("input").value)}else if(Boolean(t.detail[0])){const i=t.detail[0],s=this.suggestions.find((t=>t.id===i));if(!Boolean(s))return;this.value=s,this.valueChange.emit(this.value),this.inputEl.querySelector("input")?.focus(),this.close()}},this.onRemoveValue=t=>{Array.isArray(this.value)&&(this.value=this.value.filter((i=>i.id!==t)),this.valueChange.emit(this.value))},this.onFocusOut=t=>{const i=t.relatedTarget;Boolean(i)&&!this.el.contains(i)&&this.close()},this.onFocus=()=>{this.updateSuggestions(),this.open()},this.onKeyDown=t=>{"Escape"===t.code&&(t.preventDefault(),t.stopPropagation(),this.inputEl.querySelector("input").focus(),this.close())},this.onInputKeyDown=t=>{"ArrowDown"===t.code&&(t.preventDefault(),this.listboxEl.querySelector('[role="listbox"]').focus())},this.autoSelect=void 0,this.clearable=!0,this.clearButtonLabel="Clear input",this.disabled=void 0,this.generateSuggestions=async()=>[],this.inline=void 0,this.invalid=void 0,this.maxLength=void 0,this.menuLabel="Suggestions",this.mode=void 0,this.multiSelect=void 0,this.placeholder=void 0,this.required=void 0,this.spellCheck=void 0,this.swirlAriaDescribedby=void 0,this.value=void 0,this.active=!1,this.loading=!1,this.position=void 0,this.suggestions=[]}componentWillLoad(){const t=document.querySelectorAll("swirl-datepicker").length;this.id=`autocomplete-${t}`,this.handleInitialValue()}onWindowClick(t){this.el.contains(t.target)||this.close()}watchMultiSelect(){this.handleInitialValue()}async close(){if(!this.active)return;this.disableAutoUpdate&&this.disableAutoUpdate();const t=this.inputEl.querySelector("input");Boolean(t)&&(t.value=this.multiSelect?"":this.value?.label||""),this.active=!1}async open(){this.active||(this.active=!0,requestAnimationFrame((async()=>{await this.reposition(),this.disableAutoUpdate&&this.disableAutoUpdate(),this.disableAutoUpdate=a(this.inputEl,this.listboxContainerEl,this.reposition.bind(this),{animationFrame:!0}),this.listboxContainerEl.scrollTop=0,this.updateSuggestions(this.inputEl.querySelector("input").value)})))}async reposition(){Boolean(this.listboxContainerEl)&&(this.position=await h(this.inputEl,this.listboxContainerEl,{middleware:[l({crossAxis:-16,mainAxis:16})],placement:"bottom-start",strategy:"fixed"}))}async updateSuggestions(t){this.loading=!0,this.suggestions=[],this.suggestions=await this.generateSuggestions(t),this.loading=!1}handleInitialValue(){this.multiSelect&&!Array.isArray(this.value)&&(this.value=[]),!this.multiSelect&&Array.isArray(this.value)&&(this.value=void 0)}render(){const t=`${this.id}-suggestions`,i=this.clearable&&!this.multiSelect,o=this.multiSelect?this.value.map((t=>t.id)):Boolean(this.value)?[this.value.id]:[],a=this.multiSelect?void 0:this.value?.label||"",h=n("autocomplete",{"autocomplete--inactive":!this.active});return s(e,null,s("div",{class:h,onFocusout:this.onFocusOut,onKeyDown:this.onKeyDown},this.multiSelect&&Array.isArray(this.value)&&this.value.length>0&&s("div",{class:"autocomplete__multi-select-tags"},s("swirl-stack",{orientation:"horizontal",spacing:"8",wrap:!0},this.value.map((t=>s("swirl-tag",{key:t.id,label:t.label,onRemove:()=>this.onRemoveValue(t.id),removable:!this.disabled}))))),s("swirl-text-input",{autoSelect:this.autoSelect,class:"autocomplete__input",clearable:i,clearButtonLabel:this.clearButtonLabel,disabled:this.disabled,disableDynamicWidth:!0,id:this.id,inline:this.inline,invalid:this.invalid,onInputFocus:this.onFocus,onKeyDown:this.onInputKeyDown,onValueChange:this.onChange,maxLength:this.maxLength,mode:this.mode,placeholder:this.placeholder,ref:t=>this.inputEl=t,required:this.required,spellCheck:this.spellCheck,swirlAriaAutocomplete:"list",swirlAriaControls:t,swirlAriaDescribedby:this.swirlAriaDescribedby,swirlAriaExpanded:String(this.active),swirlRole:"combobox",value:a}),s("div",{class:"autocomplete__listbox-container",ref:t=>this.listboxContainerEl=t,style:{top:Boolean(this.position)?`${this.position?.y}px`:"",left:Boolean(this.position)?`${this.position?.x}px`:"",width:`${this.inputEl?.getBoundingClientRect().width+32}px`}},this.loading&&s("div",{class:"autocomplete__spinner"},s("swirl-spinner",null)),this.suggestions.length>0&&s("swirl-option-list",{allowDeselect:!0===this.multiSelect,label:this.menuLabel,multiSelect:this.multiSelect,onValueChange:this.onSelect,optionListId:t,ref:t=>this.listboxEl=t,value:o},this.suggestions.map((t=>s("swirl-option-list-item",{selected:Array.isArray(this.value)?this.value.some((i=>i.id===t.id)):this.value?.id===t.id,key:t.id,disabled:t.disabled,label:t.label,value:t.id})))))))}get el(){return o(this)}static get watchers(){return{multiSelect:["watchMultiSelect"]}}};c.style=".sc-swirl-autocomplete-h{display:block}.sc-swirl-autocomplete-h *.sc-swirl-autocomplete{box-sizing:border-box}.autocomplete--inactive.sc-swirl-autocomplete .autocomplete__listbox-container.sc-swirl-autocomplete{display:none}.autocomplete__listbox-container.sc-swirl-autocomplete{position:fixed;z-index:var(--s-z-40);overflow-x:hidden;overflow-y:auto;max-height:18rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface-overlay-default);animation:autocomplete-enter 0.1s;box-shadow:var(--s-shadow-level-1)}.autocomplete__listbox-container.sc-swirl-autocomplete:empty{display:none}.autocomplete__spinner.sc-swirl-autocomplete{display:flex;padding:var(--s-space-16);justify-content:center;align-items:center}.autocomplete__multi-select-tags.sc-swirl-autocomplete{margin-top:var(--swirl-autocomplete-tags-margin-top);margin-bottom:var(--s-space-4)}@keyframes autocomplete-enter{from{opacity:0}to{opacity:1}}";export{c as swirl_autocomplete}