@getflip/swirl-components 0.3.1 → 0.5.0

package/dist/swirl-components/p-f9c75666.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/flip-form-group/flip-form-group.css?tag=flip-form-group&encapsulation=scoped","src/components/flip-form-group/flip-form-group.tsx"],"names":["flipFormGroupCss","FlipFormGroup","[object Object]","hostRef","this","orientation","className","classnames","h","Host","class"],"mappings":"8GAAA,MAAMA,EAAmB,sYCiBZC,EAAa,MAZ1BC,YAAAC,aAaUC,KAAAC,YAAwC,WAEhDH,SACE,MAAMI,EAAYC,EAChB,aACA,2BAA2BH,KAAKC,eAGlC,OACEG,EAACC,EAAI,KACHD,EAAA,MAAA,CAAKE,MAAOJ,GACVE,EAAA,OAAA","sourcesContent":["@import \"../../styles/media-queries.css\";\n\n:host {\n  display: block;\n  width: 100%;\n\n  & * {\n    box-sizing: border-box;\n  }\n}\n\n.form-group {\n  display: flex;\n  flex-direction: column;\n  gap: var(--s-space-24);\n\n  @media (--from-tablet) {\n    gap: var(--s-space-32);\n  }\n}\n\n.form-group--orientation-horizontal {\n  @media (--from-tablet) {\n    flex-direction: row;\n  }\n}\n","import { Component, h, Host, Prop } from \"@stencil/core\";\nimport classnames from \"classnames\";\n\nexport type FlipFormGroupOrientation = \"horizontal\" | \"vertical\";\n\n@Component({\n  /**\n   * Form controls in shadow dom can still not be associated with labels in the\n   * light dom, cross browser. So for now we disable shadow dom for form\n   * controls (inputs, buttons, selects, etc.). Instead we use Stencil's scoping.\n   * https://caniuse.com/?search=attachInternals\n   */\n  scoped: true,\n  shadow: false,\n  styleUrl: \"flip-form-group.css\",\n  tag: \"flip-form-group\",\n})\nexport class FlipFormGroup {\n  @Prop() orientation: FlipFormGroupOrientation = \"vertical\";\n\n  render() {\n    const className = classnames(\n      \"form-group\",\n      `form-group--orientation-${this.orientation}`\n    );\n\n    return (\n      <Host>\n        <div class={className}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1,2 +0,0 @@
-import{r as t,h as s,H as i,g as e}from"./p-9fe00e8a.js";const o=":host{display:block;width:100%}:host *{box-sizing:border-box}";const r=class{constructor(s){t(this,s);this.focusedIndex=0;this.onFocus=()=>{this.focusItemAtIndex(this.focusedIndex)};this.onKeyDown=t=>{if(t.key==="ArrowDown"){t.preventDefault();this.focusItemAtIndex((this.focusedIndex+1)%this.items.length)}else if(t.key==="ArrowUp"){t.preventDefault();const s=this.focusedIndex===0?this.items.length-1:this.focusedIndex-1;this.focusItemAtIndex(s)}else if(t.key==="Home"){t.preventDefault();this.focusItemAtIndex(0)}else if(t.key==="End"){t.preventDefault();this.focusItemAtIndex(this.items.length-1)}}}componentDidLoad(){this.collectItems();this.removeItemsFromTabOrder()}collectItems(){this.items=Array.from(this.el.querySelectorAll("flip-resource-list-item, flip-resource-list-file-item"))}removeItemsFromTabOrder(){this.items.forEach((t=>{var s,i;return(i=(s=t.shadowRoot)===null||s===void 0?void 0:s.querySelector(".resource-list-item__content, .resource-list-file-item"))===null||i===void 0?void 0:i.setAttribute("tabIndex","-1")}))}focusItemAtIndex(t){this.removeItemsFromTabOrder();const s=this.items[t];if(!Boolean(s)){return}const i=s.shadowRoot.querySelector(".resource-list-item__content, .resource-list-file-item");i.setAttribute("tabIndex","0");i.focus();this.focusedIndex=t}render(){return s(i,{onKeyDown:this.onKeyDown},s("flip-stack",{"aria-label":this.label,onFocus:this.onFocus,role:"grid",tabIndex:0},s("slot",null)))}get el(){return e(this)}};r.style=o;export{r as flip_resource_list};
-//# sourceMappingURL=p-fa75bf89.entry.js.map

package/dist/swirl-components/p-fa75bf89.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/flip-resource-list/flip-resource-list.css?tag=flip-resource-list&encapsulation=shadow","src/components/flip-resource-list/flip-resource-list.tsx"],"names":["flipResourceListCss","FlipResourceList","[object Object]","hostRef","this","focusedIndex","onFocus","focusItemAtIndex","onKeyDown","event","key","preventDefault","items","length","prevIndex","collectItems","removeItemsFromTabOrder","Array","from","el","querySelectorAll","forEach","item","_b","_a","shadowRoot","querySelector","setAttribute","index","Boolean","interactiveElement","focus","h","Host","aria-label","label","role","tabIndex"],"mappings":"yDAAA,MAAMA,EAAsB,sECOfC,EAAgB,MAL7BC,YAAAC,aAUUC,KAAAC,aAAe,EA6CfD,KAAAE,QAAU,KAChBF,KAAKG,iBAAiBH,KAAKC,eAGrBD,KAAAI,UAAaC,IACnB,GAAIA,EAAMC,MAAQ,YAAa,CAC7BD,EAAME,iBACNP,KAAKG,kBAAkBH,KAAKC,aAAe,GAAKD,KAAKQ,MAAMC,aACtD,GAAIJ,EAAMC,MAAQ,UAAW,CAClCD,EAAME,iBAEN,MAAMG,EACJV,KAAKC,eAAiB,EAAID,KAAKQ,MAAMC,OAAS,EAAIT,KAAKC,aAAe,EAExED,KAAKG,iBAAiBO,QACjB,GAAIL,EAAMC,MAAQ,OAAQ,CAC/BD,EAAME,iBAENP,KAAKG,iBAAiB,QACjB,GAAIE,EAAMC,MAAQ,MAAO,CAC9BD,EAAME,iBAENP,KAAKG,iBAAiBH,KAAKQ,MAAMC,OAAS,KAhE9CX,mBACEE,KAAKW,eACLX,KAAKY,0BAGCd,eACNE,KAAKQ,MAAQK,MAAMC,KACjBd,KAAKe,GAAGC,iBACN,0DAKElB,0BACNE,KAAKQ,MAAMS,SAASC,YAClB,OAAAC,GAAAC,EAAAF,EAAKG,cAAU,MAAAD,SAAA,OAAA,EAAAA,EACXE,cACA,6DACD,MAAAH,SAAA,OAAA,EAAAA,EACCI,aAAa,WAAY,SAIzBzB,iBAAiB0B,GACvBxB,KAAKY,0BAEL,MAAMM,EAAOlB,KAAKQ,MAAMgB,GAExB,IAAKC,QAAQP,GAAO,CAClB,OAGF,MAAMQ,EAAqBR,EAAKG,WAAWC,cACzC,0DAGFI,EAAmBH,aAAa,WAAY,KAC5CG,EAAmBC,QAEnB3B,KAAKC,aAAeuB,EA6BtB1B,SACE,OACE8B,EAACC,EAAI,CAACzB,UAAWJ,KAAKI,WACpBwB,EAAA,aAAA,CAAAE,aACc9B,KAAK+B,MACjB7B,QAASF,KAAKE,QACd8B,KAAK,OACLC,SAAU,GAEVL,EAAA,OAAA","sourcesContent":[":host {\n  display: block;\n  width: 100%;\n\n  & * {\n    box-sizing: border-box;\n  }\n}\n","import { Component, Element, h, Host, Prop } from \"@stencil/core\";\n\n@Component({\n  shadow: true,\n  styleUrl: \"flip-resource-list.css\",\n  tag: \"flip-resource-list\",\n})\nexport class FlipResourceList {\n  @Element() el: HTMLElement;\n\n  @Prop() label?: string;\n\n  private focusedIndex = 0;\n  private items: HTMLFlipResourceListItemElement[];\n\n  componentDidLoad() {\n    this.collectItems();\n    this.removeItemsFromTabOrder();\n  }\n\n  private collectItems() {\n    this.items = Array.from(\n      this.el.querySelectorAll(\n        \"flip-resource-list-item, flip-resource-list-file-item\"\n      )\n    );\n  }\n\n  private removeItemsFromTabOrder() {\n    this.items.forEach((item) =>\n      item.shadowRoot\n        ?.querySelector(\n          \".resource-list-item__content, .resource-list-file-item\"\n        )\n        ?.setAttribute(\"tabIndex\", \"-1\")\n    );\n  }\n\n  private focusItemAtIndex(index: number) {\n    this.removeItemsFromTabOrder();\n\n    const item = this.items[index];\n\n    if (!Boolean(item)) {\n      return;\n    }\n\n    const interactiveElement = item.shadowRoot.querySelector<HTMLElement>(\n      \".resource-list-item__content, .resource-list-file-item\"\n    );\n\n    interactiveElement.setAttribute(\"tabIndex\", \"0\");\n    interactiveElement.focus();\n\n    this.focusedIndex = index;\n  }\n\n  private onFocus = () => {\n    this.focusItemAtIndex(this.focusedIndex);\n  };\n\n  private onKeyDown = (event: KeyboardEvent) => {\n    if (event.key === \"ArrowDown\") {\n      event.preventDefault();\n      this.focusItemAtIndex((this.focusedIndex + 1) % this.items.length);\n    } else if (event.key === \"ArrowUp\") {\n      event.preventDefault();\n\n      const prevIndex =\n        this.focusedIndex === 0 ? this.items.length - 1 : this.focusedIndex - 1;\n\n      this.focusItemAtIndex(prevIndex);\n    } else if (event.key === \"Home\") {\n      event.preventDefault();\n\n      this.focusItemAtIndex(0);\n    } else if (event.key === \"End\") {\n      event.preventDefault();\n\n      this.focusItemAtIndex(this.items.length - 1);\n    }\n  };\n\n  render() {\n    return (\n      <Host onKeyDown={this.onKeyDown}>\n        <flip-stack\n          aria-label={this.label}\n          onFocus={this.onFocus}\n          role=\"grid\"\n          tabIndex={0}\n        >\n          <slot></slot>\n        </flip-stack>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1,2 +0,0 @@
-import{r as s,c as e,h as a,H as r}from"./p-9fe00e8a.js";import{c}from"./p-efffd297.js";import"./p-86bd3473.js";const i=".sc-flip-search-h{display:flex;width:100%}.sc-flip-search-h *.sc-flip-search{box-sizing:border-box}.search.sc-flip-search{position:relative;display:flex;width:100%}.search--disabled.sc-flip-search .search__icon.sc-flip-search{color:var(--s-icon-disabled)}.search--disabled.sc-flip-search .search__input.sc-flip-search{color:var(--s-text-disabled)}.search--disabled.sc-flip-search .search__input.sc-flip-search::-moz-placeholder{color:var(--s-text-disabled)}.search--disabled.sc-flip-search .search__input.sc-flip-search::placeholder{color:var(--s-text-disabled)}.search__icon.sc-flip-search{position:absolute;top:50%;left:var(--s-space-12);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}.search__input.sc-flip-search{width:100%;height:2.5rem;padding-top:var(--s-space-8);padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));border:none;border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-raised-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.search__input.sc-flip-search:focus{outline-color:var(--s-focus-default)}.search__input.sc-flip-search::-moz-placeholder{color:var(--s-text-subdued)}.search__input.sc-flip-search::placeholder{color:var(--s-text-subdued)}.search__input.sc-flip-search::-webkit-search-decoration,.search__input.sc-flip-search::-webkit-search-cancel-button,.search__input.sc-flip-search::-webkit-search-results-button,.search__input.sc-flip-search::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.search__input.sc-flip-search:not(:-moz-placeholder-shown)+.search__clear-button.sc-flip-search{display:inline-flex}.search__input.sc-flip-search:not(:placeholder-shown)+.search__clear-button.sc-flip-search{display:inline-flex}.search__clear-button.sc-flip-search{position:absolute;top:50%;right:var(--s-space-12);display:none;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer;transform:translateY(-50%)}";const t=class{constructor(a){s(this,a);this.inputBlur=e(this,"inputBlur",7);this.inputFocus=e(this,"inputFocus",7);this.valueChange=e(this,"valueChange",7);this.clearButtonLabel="Clear search term";this.placeholder="Search …";this.clear=()=>{this.input.value="";this.input.focus()};this.onBlur=s=>{this.inputBlur.emit(s)};this.onChange=s=>{this.valueChange.emit(s.target.value)};this.onFocus=s=>{this.inputFocus.emit(s)}}onKeyDown(s){if((s.code==="KeyK"||s.code==="Slash")&&(s.ctrlKey||s.metaKey)){this.input.focus()}}render(){const s=c("search",{"search--disabled":this.disabled});return a(r,null,a("span",{class:s},a("flip-icon-search",{class:"search__icon"}),a("input",{"aria-disabled":this.disabled?"true":undefined,"aria-label":this.label,autoComplete:"off",autoFocus:this.autoFocus,class:"search__input",disabled:this.disabled,id:this.inputId,inputMode:"search",name:this.inputName,onBlur:this.onBlur,onChange:this.onChange,onFocus:this.onFocus,placeholder:this.placeholder,ref:s=>this.input=s,type:"search",value:this.value}),!this.disabled&&a("button",{"aria-label":this.clearButtonLabel,class:"search__clear-button",onClick:this.clear,type:"button"},a("flip-icon-cancel",null))))}};t.style=i;export{t as flip_search};
-//# sourceMappingURL=p-fbd99e40.entry.js.map

package/dist/swirl-components/p-fbd99e40.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/flip-search/flip-search.css?tag=flip-search&encapsulation=scoped","src/components/flip-search/flip-search.tsx"],"names":["flipSearchCss","FlipSearch","[object Object]","hostRef","this","clearButtonLabel","placeholder","clear","input","value","focus","onBlur","event","inputBlur","emit","onChange","valueChange","target","onFocus","inputFocus","code","ctrlKey","metaKey","className","classnames","search--disabled","disabled","h","Host","class","aria-disabled","undefined","aria-label","label","autoComplete","autoFocus","id","inputId","inputMode","name","inputName","ref","el","type","onClick"],"mappings":"gHAAA,MAAMA,EAAgB,8lECuBTC,EAAU,MAZvBC,YAAAC,kIAcUC,KAAAC,iBAA4B,oBAK5BD,KAAAE,YAAuB,WAmBvBF,KAAAG,MAAQ,KACdH,KAAKI,MAAMC,MAAQ,GACnBL,KAAKI,MAAME,SAGLN,KAAAO,OAAUC,IAChBR,KAAKS,UAAUC,KAAKF,IAGdR,KAAAW,SAAYH,IAClBR,KAAKY,YAAYF,KAAMF,EAAMK,OAA4BR,QAGnDL,KAAAc,QAAWN,IACjBR,KAAKe,WAAWL,KAAKF,IAvBvBV,UAAUU,GACR,IACGA,EAAMQ,OAAS,QAAUR,EAAMQ,OAAS,WACxCR,EAAMS,SAAWT,EAAMU,SACxB,CACAlB,KAAKI,MAAME,SAqBfR,SACE,MAAMqB,EAAYC,EAAW,SAAU,CACrCC,mBAAoBrB,KAAKsB,WAG3B,OACEC,EAACC,EAAI,KACHD,EAAA,OAAA,CAAME,MAAON,GACXI,EAAA,mBAAA,CAAkBE,MAAM,iBACxBF,EAAA,QAAA,CAAAG,gBACiB1B,KAAKsB,SAAW,OAASK,UAASC,aACrC5B,KAAK6B,MACjBC,aAAa,MACbC,UAAW/B,KAAK+B,UAChBN,MAAM,gBACNH,SAAUtB,KAAKsB,SACfU,GAAIhC,KAAKiC,QACTC,UAAU,SACVC,KAAMnC,KAAKoC,UACX7B,OAAQP,KAAKO,OACbI,SAAUX,KAAKW,SACfG,QAASd,KAAKc,QACdZ,YAAaF,KAAKE,YAClBmC,IAAMC,GAAQtC,KAAKI,MAAQkC,EAC3BC,KAAK,SACLlC,MAAOL,KAAKK,SAEZL,KAAKsB,UACLC,EAAA,SAAA,CAAAK,aACc5B,KAAKC,iBACjBwB,MAAM,uBACNe,QAASxC,KAAKG,MACdoC,KAAK,UAELhB,EAAA,mBAAA","sourcesContent":[":host {\n  display: flex;\n  width: 100%;\n\n  & * {\n    box-sizing: border-box;\n  }\n}\n\n.search {\n  position: relative;\n  display: flex;\n  width: 100%;\n}\n\n.search--disabled {\n  & .search__icon {\n    color: var(--s-icon-disabled);\n  }\n\n  & .search__input {\n    color: var(--s-text-disabled);\n\n    &::placeholder {\n      color: var(--s-text-disabled);\n    }\n  }\n}\n\n.search__icon {\n  position: absolute;\n  top: 50%;\n  left: var(--s-space-12);\n  display: inline-flex;\n  color: var(--s-icon-default);\n  transform: translateY(-50%);\n}\n\n.search__input {\n  width: 100%;\n  height: 2.5rem;\n  padding-top: var(--s-space-8);\n  padding-right: calc(var(--s-space-12) + 1.5rem + var(--s-space-8));\n  padding-bottom: var(--s-space-8);\n  padding-left: calc(var(--s-space-12) + 1.5rem + var(--s-space-8));\n  border: none;\n  border-radius: var(--s-border-radius-base);\n  color: var(--s-text-default);\n  background-color: var(--s-surface-raised-default);\n  font: inherit;\n  line-height: var(--s-line-height-base);\n  caret-color: var(--s-border-highlight);\n\n  &:focus {\n    outline-color: var(--s-focus-default);\n  }\n\n  &::placeholder {\n    color: var(--s-text-subdued);\n  }\n\n  &::-webkit-search-decoration,\n  &::-webkit-search-cancel-button,\n  &::-webkit-search-results-button,\n  &::-webkit-search-results-decoration {\n    appearance: none;\n  }\n\n  &:not(:placeholder-shown) {\n    & + .search__clear-button {\n      display: inline-flex;\n    }\n  }\n}\n\n.search__clear-button {\n  position: absolute;\n  top: 50%;\n  right: var(--s-space-12);\n  display: none;\n  padding: 0;\n  border: none;\n  color: var(--s-icon-default);\n  background-color: transparent;\n  cursor: pointer;\n  transform: translateY(-50%);\n}\n","import {\n  Component,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n} from \"@stencil/core\";\nimport classnames from \"classnames\";\n\n@Component({\n  /**\n   * Form controls in shadow dom can still not be associated with labels in the\n   * light dom, cross browser. So for now we disable shadow dom for form\n   * controls (inputs, buttons, selects, etc.). Instead we use Stencil's scoping.\n   * https://caniuse.com/?search=attachInternals\n   */\n  scoped: true,\n  shadow: false,\n  styleUrl: \"flip-search.css\",\n  tag: \"flip-search\",\n})\nexport class FlipSearch {\n  @Prop() autoFocus?: boolean;\n  @Prop() clearButtonLabel?: string = \"Clear search term\";\n  @Prop() disabled?: boolean;\n  @Prop() inputName?: string;\n  @Prop() inputId?: string;\n  @Prop() label?: string;\n  @Prop() placeholder?: string = \"Search …\";\n  @Prop({ mutable: true }) value?: string;\n\n  @Event() inputBlur: EventEmitter<FocusEvent>;\n  @Event() inputFocus: EventEmitter<FocusEvent>;\n  @Event() valueChange: EventEmitter<string>;\n\n  private input: HTMLInputElement;\n\n  @Listen(\"keydown\", { target: \"window\" })\n  onKeyDown(event: KeyboardEvent) {\n    if (\n      (event.code === \"KeyK\" || event.code === \"Slash\") &&\n      (event.ctrlKey || event.metaKey)\n    ) {\n      this.input.focus();\n    }\n  }\n\n  private clear = () => {\n    this.input.value = \"\";\n    this.input.focus();\n  };\n\n  private onBlur = (event: FocusEvent) => {\n    this.inputBlur.emit(event);\n  };\n\n  private onChange = (event: Event) => {\n    this.valueChange.emit((event.target as HTMLInputElement).value);\n  };\n\n  private onFocus = (event: FocusEvent) => {\n    this.inputFocus.emit(event);\n  };\n\n  render() {\n    const className = classnames(\"search\", {\n      \"search--disabled\": this.disabled,\n    });\n\n    return (\n      <Host>\n        <span class={className}>\n          <flip-icon-search class=\"search__icon\"></flip-icon-search>\n          <input\n            aria-disabled={this.disabled ? \"true\" : undefined}\n            aria-label={this.label}\n            autoComplete=\"off\"\n            autoFocus={this.autoFocus}\n            class=\"search__input\"\n            disabled={this.disabled}\n            id={this.inputId}\n            inputMode=\"search\"\n            name={this.inputName}\n            onBlur={this.onBlur}\n            onChange={this.onChange}\n            onFocus={this.onFocus}\n            placeholder={this.placeholder}\n            ref={(el) => (this.input = el)}\n            type=\"search\"\n            value={this.value}\n          />\n          {!this.disabled && (\n            <button\n              aria-label={this.clearButtonLabel}\n              class=\"search__clear-button\"\n              onClick={this.clear}\n              type=\"button\"\n            >\n              <flip-icon-cancel></flip-icon-cancel>\n            </button>\n          )}\n        </span>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1,2 +0,0 @@
-import{r as C,h as t,F as l}from"./p-9fe00e8a.js";const i=":host{display:inline-flex}";const s=class{constructor(t){C(this,t);this.size=24}render(){return t("svg",{class:"flip-icon",fill:"none",height:this.size,part:"icon",viewBox:`0 0 ${this.size} ${this.size}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},this.size===16&&t(l,null,t("path",{d:"M4.33333 13.3333C3.32222 13.3333 2.45844 12.9833 1.742 12.2833C1.02511 11.5833 0.666664 10.7277 0.666664 9.71663C0.666664 8.84996 0.927775 8.07774 1.45 7.39996C1.97222 6.72218 2.65555 6.28885 3.5 6.09996C3.77778 5.07774 4.33333 4.24996 5.16666 3.61663C6 2.98329 6.94444 2.66663 8 2.66663C9.3 2.66663 10.4027 3.11929 11.308 4.02463C12.2138 4.9304 12.6667 6.03329 12.6667 7.33329C13.4333 7.42218 14.0696 7.75263 14.5753 8.32463C15.0807 8.89707 15.3333 9.56663 15.3333 10.3333C15.3333 11.1666 15.0418 11.8751 14.4587 12.4586C13.8751 13.0417 13.1667 13.3333 12.3333 13.3333H8.66666V8.56663L9.26666 9.14996C9.38889 9.27218 9.54178 9.33329 9.72533 9.33329C9.90844 9.33329 10.0667 9.26663 10.2 9.13329C10.3222 9.01107 10.3833 8.85552 10.3833 8.66663C10.3833 8.47774 10.3222 8.32218 10.2 8.19996L8.46666 6.46663C8.33333 6.33329 8.17778 6.26663 8 6.26663C7.82222 6.26663 7.66666 6.33329 7.53333 6.46663L5.8 8.19996C5.67778 8.32218 5.614 8.47485 5.60866 8.65796C5.60289 8.84152 5.66666 8.99996 5.8 9.13329C5.92222 9.25551 6.07489 9.31952 6.258 9.32529C6.44155 9.33063 6.6 9.27218 6.73333 9.14996L7.33333 8.56663V13.3333H4.33333Z",fill:"currentColor"})),this.size===24&&t(l,null,t("path",{d:"M6.5 20C4.98333 20 3.68767 19.475 2.613 18.425C1.53767 17.375 1 16.0917 1 14.575C1 13.275 1.39167 12.1167 2.175 11.1C2.95833 10.0833 3.98333 9.43333 5.25 9.15C5.66667 7.61667 6.5 6.375 7.75 5.425C9 4.475 10.4167 4 12 4C13.95 4 15.604 4.679 16.962 6.037C18.3207 7.39567 19 9.05 19 11C20.15 11.1333 21.1043 11.629 21.863 12.487C22.621 13.3457 23 14.35 23 15.5C23 16.75 22.5627 17.8127 21.688 18.688C20.8127 19.5627 19.75 20 18.5 20H13V12.85L13.9 13.725C14.0833 13.9083 14.3127 14 14.588 14C14.8627 14 15.1 13.9 15.3 13.7C15.4833 13.5167 15.575 13.2833 15.575 13C15.575 12.7167 15.4833 12.4833 15.3 12.3L12.7 9.7C12.5 9.5 12.2667 9.4 12 9.4C11.7333 9.4 11.5 9.5 11.3 9.7L8.7 12.3C8.51667 12.4833 8.421 12.7123 8.413 12.987C8.40433 13.2623 8.5 13.5 8.7 13.7C8.88333 13.8833 9.11233 13.9793 9.387 13.988C9.66233 13.996 9.9 13.9083 10.1 13.725L11 12.85V20H6.5Z",fill:"currentColor"})),this.size===28&&t(l,null,t("path",{d:"M7.58333 23.3333C5.81389 23.3333 4.30227 22.7208 3.0485 21.4958C1.79394 20.2708 1.16666 18.7736 1.16666 17.0041C1.16666 15.4875 1.62361 14.1361 2.5375 12.95C3.45139 11.7638 4.64722 11.0055 6.125 10.675C6.61111 8.88607 7.58333 7.43746 9.04166 6.32913C10.5 5.22079 12.1528 4.66663 14 4.66663C16.275 4.66663 18.2047 5.45879 19.789 7.04313C21.3741 8.62824 22.1667 10.5583 22.1667 12.8333C23.5083 12.9888 24.6217 13.5671 25.5068 14.5681C26.3912 15.5699 26.8333 16.7416 26.8333 18.0833C26.8333 19.5416 26.3231 20.7814 25.3027 21.8026C24.2814 22.8231 23.0417 23.3333 21.5833 23.3333H15.1667V14.9916L16.2167 16.0125C16.4306 16.2263 16.6981 16.3333 17.0193 16.3333C17.3398 16.3333 17.6167 16.2166 17.85 15.9833C18.0639 15.7694 18.1708 15.4972 18.1708 15.1666C18.1708 14.8361 18.0639 14.5638 17.85 14.35L14.8167 11.3166C14.5833 11.0833 14.3111 10.9666 14 10.9666C13.6889 10.9666 13.4167 11.0833 13.1833 11.3166L10.15 14.35C9.93611 14.5638 9.8245 14.831 9.81516 15.1515C9.80505 15.4727 9.91666 15.75 10.15 15.9833C10.3639 16.1972 10.6311 16.3092 10.9515 16.3193C11.2727 16.3286 11.55 16.2263 11.7833 16.0125L12.8333 14.9916V23.3333H7.58333Z",fill:"currentColor"})))}};s.style=i;export{s as flip_icon_cloud_upload};
-//# sourceMappingURL=p-fbff69cd.entry.js.map

package/dist/swirl-components/p-fbff69cd.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/flip-icon/flip-icon.css?tag=flip-icon-cloud-upload&encapsulation=shadow","src/components/flip-icon/icons/flip-icon-cloud-upload.tsx"],"names":["flipIconCss","FlipIconCloudUpload","[object Object]","hostRef","this","size","h","class","fill","height","part","viewBox","width","xmlns","Fragment","d"],"mappings":"kDAAA,MAAMA,EAAc,mCCUPC,EAAmB,MALhCC,YAAAC,aAMUC,KAAAC,KAAqB,GAE7BH,SACE,OACEI,EAAA,MAAA,CACEC,MAAM,YACNC,KAAK,OACLC,OAAQL,KAAKC,KACbK,KAAK,OACLC,QAAS,OAAOP,KAAKC,QAAQD,KAAKC,OAClCO,MAAOR,KAAKC,KACZQ,MAAM,8BAELT,KAAKC,OAAS,IACbC,EAACQ,EAAQ,KACPR,EAAA,OAAA,CACES,EAAE,imCACFP,KAAK,kBAIVJ,KAAKC,OAAS,IACbC,EAACQ,EAAQ,KACPR,EAAA,OAAA,CACES,EAAE,y1BACFP,KAAK,kBAIVJ,KAAKC,OAAS,IACbC,EAACQ,EAAQ,KACPR,EAAA,OAAA,CACES,EAAE,4mCACFP,KAAK","sourcesContent":[":host {\n  display: inline-flex;\n}\n","// DO NOT EDIT. THIS FILE GETS GENERATED VIA \"yarn generate\".\n\nimport { Component, Fragment, h, Prop } from \"@stencil/core\";\nimport { FlipIconSize } from \"../flip-icon.types\";\n\n@Component({\n  shadow: true,\n  styleUrl: \"../flip-icon.css\",\n  tag: \"flip-icon-cloud-upload\",\n})\nexport class FlipIconCloudUpload {\n  @Prop() size: FlipIconSize = 24;\n\n  render() {\n    return (\n      <svg\n        class=\"flip-icon\"\n        fill=\"none\"\n        height={this.size}\n        part=\"icon\"\n        viewBox={`0 0 ${this.size} ${this.size}`}\n        width={this.size}\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        {this.size === 16 && (\n          <Fragment>\n            <path\n              d=\"M4.33333 13.3333C3.32222 13.3333 2.45844 12.9833 1.742 12.2833C1.02511 11.5833 0.666664 10.7277 0.666664 9.71663C0.666664 8.84996 0.927775 8.07774 1.45 7.39996C1.97222 6.72218 2.65555 6.28885 3.5 6.09996C3.77778 5.07774 4.33333 4.24996 5.16666 3.61663C6 2.98329 6.94444 2.66663 8 2.66663C9.3 2.66663 10.4027 3.11929 11.308 4.02463C12.2138 4.9304 12.6667 6.03329 12.6667 7.33329C13.4333 7.42218 14.0696 7.75263 14.5753 8.32463C15.0807 8.89707 15.3333 9.56663 15.3333 10.3333C15.3333 11.1666 15.0418 11.8751 14.4587 12.4586C13.8751 13.0417 13.1667 13.3333 12.3333 13.3333H8.66666V8.56663L9.26666 9.14996C9.38889 9.27218 9.54178 9.33329 9.72533 9.33329C9.90844 9.33329 10.0667 9.26663 10.2 9.13329C10.3222 9.01107 10.3833 8.85552 10.3833 8.66663C10.3833 8.47774 10.3222 8.32218 10.2 8.19996L8.46666 6.46663C8.33333 6.33329 8.17778 6.26663 8 6.26663C7.82222 6.26663 7.66666 6.33329 7.53333 6.46663L5.8 8.19996C5.67778 8.32218 5.614 8.47485 5.60866 8.65796C5.60289 8.84152 5.66666 8.99996 5.8 9.13329C5.92222 9.25551 6.07489 9.31952 6.258 9.32529C6.44155 9.33063 6.6 9.27218 6.73333 9.14996L7.33333 8.56663V13.3333H4.33333Z\"\n              fill=\"currentColor\"\n            />\n          </Fragment>\n        )}\n        {this.size === 24 && (\n          <Fragment>\n            <path\n              d=\"M6.5 20C4.98333 20 3.68767 19.475 2.613 18.425C1.53767 17.375 1 16.0917 1 14.575C1 13.275 1.39167 12.1167 2.175 11.1C2.95833 10.0833 3.98333 9.43333 5.25 9.15C5.66667 7.61667 6.5 6.375 7.75 5.425C9 4.475 10.4167 4 12 4C13.95 4 15.604 4.679 16.962 6.037C18.3207 7.39567 19 9.05 19 11C20.15 11.1333 21.1043 11.629 21.863 12.487C22.621 13.3457 23 14.35 23 15.5C23 16.75 22.5627 17.8127 21.688 18.688C20.8127 19.5627 19.75 20 18.5 20H13V12.85L13.9 13.725C14.0833 13.9083 14.3127 14 14.588 14C14.8627 14 15.1 13.9 15.3 13.7C15.4833 13.5167 15.575 13.2833 15.575 13C15.575 12.7167 15.4833 12.4833 15.3 12.3L12.7 9.7C12.5 9.5 12.2667 9.4 12 9.4C11.7333 9.4 11.5 9.5 11.3 9.7L8.7 12.3C8.51667 12.4833 8.421 12.7123 8.413 12.987C8.40433 13.2623 8.5 13.5 8.7 13.7C8.88333 13.8833 9.11233 13.9793 9.387 13.988C9.66233 13.996 9.9 13.9083 10.1 13.725L11 12.85V20H6.5Z\"\n              fill=\"currentColor\"\n            />\n          </Fragment>\n        )}\n        {this.size === 28 && (\n          <Fragment>\n            <path\n              d=\"M7.58333 23.3333C5.81389 23.3333 4.30227 22.7208 3.0485 21.4958C1.79394 20.2708 1.16666 18.7736 1.16666 17.0041C1.16666 15.4875 1.62361 14.1361 2.5375 12.95C3.45139 11.7638 4.64722 11.0055 6.125 10.675C6.61111 8.88607 7.58333 7.43746 9.04166 6.32913C10.5 5.22079 12.1528 4.66663 14 4.66663C16.275 4.66663 18.2047 5.45879 19.789 7.04313C21.3741 8.62824 22.1667 10.5583 22.1667 12.8333C23.5083 12.9888 24.6217 13.5671 25.5068 14.5681C26.3912 15.5699 26.8333 16.7416 26.8333 18.0833C26.8333 19.5416 26.3231 20.7814 25.3027 21.8026C24.2814 22.8231 23.0417 23.3333 21.5833 23.3333H15.1667V14.9916L16.2167 16.0125C16.4306 16.2263 16.6981 16.3333 17.0193 16.3333C17.3398 16.3333 17.6167 16.2166 17.85 15.9833C18.0639 15.7694 18.1708 15.4972 18.1708 15.1666C18.1708 14.8361 18.0639 14.5638 17.85 14.35L14.8167 11.3166C14.5833 11.0833 14.3111 10.9666 14 10.9666C13.6889 10.9666 13.4167 11.0833 13.1833 11.3166L10.15 14.35C9.93611 14.5638 9.8245 14.831 9.81516 15.1515C9.80505 15.4727 9.91666 15.75 10.15 15.9833C10.3639 16.1972 10.6311 16.3092 10.9515 16.3193C11.2727 16.3286 11.55 16.2263 11.7833 16.0125L12.8333 14.9916V23.3333H7.58333Z\"\n              fill=\"currentColor\"\n            />\n          </Fragment>\n        )}\n      </svg>\n    );\n  }\n}\n"]}

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

@@ -1,2 +0,0 @@
-import{r as C,h as t,F as i}from"./p-9fe00e8a.js";const l=":host{display:inline-flex}";const s=class{constructor(t){C(this,t);this.size=24}render(){return t("svg",{class:"flip-icon",fill:"none",height:this.size,part:"icon",viewBox:`0 0 ${this.size} ${this.size}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},this.size===16&&t(i,null,t("path",{d:"M1.81666 14C1.5611 14 1.37221 13.8889 1.24999 13.6667C1.12777 13.4444 1.12777 13.2222 1.24999 13L7.41666 2.33333C7.53888 2.11111 7.73333 2 7.99999 2C8.26666 2 8.4611 2.11111 8.58333 2.33333L14.75 13C14.8722 13.2222 14.8722 13.4444 14.75 13.6667C14.6278 13.8889 14.4389 14 14.1833 14H1.81666ZM7.99999 6.66667C7.8111 6.66667 7.65288 6.73044 7.52533 6.858C7.39733 6.986 7.33333 7.14444 7.33333 7.33333V9.33333C7.33333 9.52222 7.39733 9.68044 7.52533 9.808C7.65288 9.936 7.8111 10 7.99999 10C8.18888 10 8.34733 9.936 8.47533 9.808C8.60288 9.68044 8.66666 9.52222 8.66666 9.33333V7.33333C8.66666 7.14444 8.60288 6.986 8.47533 6.858C8.34733 6.73044 8.18888 6.66667 7.99999 6.66667ZM7.99999 12C8.18888 12 8.34733 11.936 8.47533 11.808C8.60288 11.6804 8.66666 11.5222 8.66666 11.3333C8.66666 11.1444 8.60288 10.9862 8.47533 10.8587C8.34733 10.7307 8.18888 10.6667 7.99999 10.6667C7.8111 10.6667 7.65288 10.7307 7.52533 10.8587C7.39733 10.9862 7.33333 11.1444 7.33333 11.3333C7.33333 11.5222 7.39733 11.6804 7.52533 11.808C7.65288 11.936 7.8111 12 7.99999 12Z",fill:"currentColor"})),this.size===24&&t(i,null,t("path",{d:"M2.72499 21C2.34165 21 2.05832 20.8333 1.87499 20.5C1.69165 20.1667 1.69165 19.8333 1.87499 19.5L11.125 3.5C11.3083 3.16667 11.6 3 12 3C12.4 3 12.6917 3.16667 12.875 3.5L22.125 19.5C22.3083 19.8333 22.3083 20.1667 22.125 20.5C21.9417 20.8333 21.6583 21 21.275 21H2.72499ZM12 10C11.7167 10 11.4793 10.0957 11.288 10.287C11.096 10.479 11 10.7167 11 11V14C11 14.2833 11.096 14.5207 11.288 14.712C11.4793 14.904 11.7167 15 12 15C12.2833 15 12.521 14.904 12.713 14.712C12.9043 14.5207 13 14.2833 13 14V11C13 10.7167 12.9043 10.479 12.713 10.287C12.521 10.0957 12.2833 10 12 10ZM12 18C12.2833 18 12.521 17.904 12.713 17.712C12.9043 17.5207 13 17.2833 13 17C13 16.7167 12.9043 16.4793 12.713 16.288C12.521 16.096 12.2833 16 12 16C11.7167 16 11.4793 16.096 11.288 16.288C11.096 16.4793 11 16.7167 11 17C11 17.2833 11.096 17.5207 11.288 17.712C11.4793 17.904 11.7167 18 12 18Z",fill:"currentColor"})),this.size===28&&t(i,null,t("path",{d:"M3.17915 24.5C2.73193 24.5 2.40137 24.3056 2.18749 23.9167C1.9736 23.5278 1.9736 23.1389 2.18749 22.75L12.9792 4.08333C13.193 3.69444 13.5333 3.5 14 3.5C14.4667 3.5 14.8069 3.69444 15.0208 4.08333L25.8125 22.75C26.0264 23.1389 26.0264 23.5278 25.8125 23.9167C25.5986 24.3056 25.268 24.5 24.8208 24.5H3.17915ZM14 11.6667C13.6694 11.6667 13.3925 11.7783 13.1693 12.0015C12.9453 12.2255 12.8333 12.5028 12.8333 12.8333V16.3333C12.8333 16.6639 12.9453 16.9408 13.1693 17.164C13.3925 17.388 13.6694 17.5 14 17.5C14.3305 17.5 14.6078 17.388 14.8318 17.164C15.055 16.9408 15.1667 16.6639 15.1667 16.3333V12.8333C15.1667 12.5028 15.055 12.2255 14.8318 12.0015C14.6078 11.7783 14.3305 11.6667 14 11.6667ZM14 21C14.3305 21 14.6078 20.888 14.8318 20.664C15.055 20.4408 15.1667 20.1639 15.1667 19.8333C15.1667 19.5028 15.055 19.2259 14.8318 19.0027C14.6078 18.7787 14.3305 18.6667 14 18.6667C13.6694 18.6667 13.3925 18.7787 13.1693 19.0027C12.9453 19.2259 12.8333 19.5028 12.8333 19.8333C12.8333 20.1639 12.9453 20.4408 13.1693 20.664C13.3925 20.888 13.6694 21 14 21Z",fill:"currentColor"})))}};s.style=l;export{s as flip_icon_warning};
-//# sourceMappingURL=p-fd4addce.entry.js.map

package/dist/swirl-components/p-fd4addce.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/flip-icon/flip-icon.css?tag=flip-icon-warning&encapsulation=shadow","src/components/flip-icon/icons/flip-icon-warning.tsx"],"names":["flipIconCss","FlipIconWarning","[object Object]","hostRef","this","size","h","class","fill","height","part","viewBox","width","xmlns","Fragment","d"],"mappings":"kDAAA,MAAMA,EAAc,mCCUPC,EAAe,MAL5BC,YAAAC,aAMUC,KAAAC,KAAqB,GAE7BH,SACE,OACEI,EAAA,MAAA,CACEC,MAAM,YACNC,KAAK,OACLC,OAAQL,KAAKC,KACbK,KAAK,OACLC,QAAS,OAAOP,KAAKC,QAAQD,KAAKC,OAClCO,MAAOR,KAAKC,KACZQ,MAAM,8BAELT,KAAKC,OAAS,IACbC,EAACQ,EAAQ,KACPR,EAAA,OAAA,CACES,EAAE,6hCACFP,KAAK,kBAIVJ,KAAKC,OAAS,IACbC,EAACQ,EAAQ,KACPR,EAAA,OAAA,CACES,EAAE,s2BACFP,KAAK,kBAIVJ,KAAKC,OAAS,IACbC,EAACQ,EAAQ,KACPR,EAAA,OAAA,CACES,EAAE,kiCACFP,KAAK","sourcesContent":[":host {\n  display: inline-flex;\n}\n","// DO NOT EDIT. THIS FILE GETS GENERATED VIA \"yarn generate\".\n\nimport { Component, Fragment, h, Prop } from \"@stencil/core\";\nimport { FlipIconSize } from \"../flip-icon.types\";\n\n@Component({\n  shadow: true,\n  styleUrl: \"../flip-icon.css\",\n  tag: \"flip-icon-warning\",\n})\nexport class FlipIconWarning {\n  @Prop() size: FlipIconSize = 24;\n\n  render() {\n    return (\n      <svg\n        class=\"flip-icon\"\n        fill=\"none\"\n        height={this.size}\n        part=\"icon\"\n        viewBox={`0 0 ${this.size} ${this.size}`}\n        width={this.size}\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        {this.size === 16 && (\n          <Fragment>\n            <path\n              d=\"M1.81666 14C1.5611 14 1.37221 13.8889 1.24999 13.6667C1.12777 13.4444 1.12777 13.2222 1.24999 13L7.41666 2.33333C7.53888 2.11111 7.73333 2 7.99999 2C8.26666 2 8.4611 2.11111 8.58333 2.33333L14.75 13C14.8722 13.2222 14.8722 13.4444 14.75 13.6667C14.6278 13.8889 14.4389 14 14.1833 14H1.81666ZM7.99999 6.66667C7.8111 6.66667 7.65288 6.73044 7.52533 6.858C7.39733 6.986 7.33333 7.14444 7.33333 7.33333V9.33333C7.33333 9.52222 7.39733 9.68044 7.52533 9.808C7.65288 9.936 7.8111 10 7.99999 10C8.18888 10 8.34733 9.936 8.47533 9.808C8.60288 9.68044 8.66666 9.52222 8.66666 9.33333V7.33333C8.66666 7.14444 8.60288 6.986 8.47533 6.858C8.34733 6.73044 8.18888 6.66667 7.99999 6.66667ZM7.99999 12C8.18888 12 8.34733 11.936 8.47533 11.808C8.60288 11.6804 8.66666 11.5222 8.66666 11.3333C8.66666 11.1444 8.60288 10.9862 8.47533 10.8587C8.34733 10.7307 8.18888 10.6667 7.99999 10.6667C7.8111 10.6667 7.65288 10.7307 7.52533 10.8587C7.39733 10.9862 7.33333 11.1444 7.33333 11.3333C7.33333 11.5222 7.39733 11.6804 7.52533 11.808C7.65288 11.936 7.8111 12 7.99999 12Z\"\n              fill=\"currentColor\"\n            />\n          </Fragment>\n        )}\n        {this.size === 24 && (\n          <Fragment>\n            <path\n              d=\"M2.72499 21C2.34165 21 2.05832 20.8333 1.87499 20.5C1.69165 20.1667 1.69165 19.8333 1.87499 19.5L11.125 3.5C11.3083 3.16667 11.6 3 12 3C12.4 3 12.6917 3.16667 12.875 3.5L22.125 19.5C22.3083 19.8333 22.3083 20.1667 22.125 20.5C21.9417 20.8333 21.6583 21 21.275 21H2.72499ZM12 10C11.7167 10 11.4793 10.0957 11.288 10.287C11.096 10.479 11 10.7167 11 11V14C11 14.2833 11.096 14.5207 11.288 14.712C11.4793 14.904 11.7167 15 12 15C12.2833 15 12.521 14.904 12.713 14.712C12.9043 14.5207 13 14.2833 13 14V11C13 10.7167 12.9043 10.479 12.713 10.287C12.521 10.0957 12.2833 10 12 10ZM12 18C12.2833 18 12.521 17.904 12.713 17.712C12.9043 17.5207 13 17.2833 13 17C13 16.7167 12.9043 16.4793 12.713 16.288C12.521 16.096 12.2833 16 12 16C11.7167 16 11.4793 16.096 11.288 16.288C11.096 16.4793 11 16.7167 11 17C11 17.2833 11.096 17.5207 11.288 17.712C11.4793 17.904 11.7167 18 12 18Z\"\n              fill=\"currentColor\"\n            />\n          </Fragment>\n        )}\n        {this.size === 28 && (\n          <Fragment>\n            <path\n              d=\"M3.17915 24.5C2.73193 24.5 2.40137 24.3056 2.18749 23.9167C1.9736 23.5278 1.9736 23.1389 2.18749 22.75L12.9792 4.08333C13.193 3.69444 13.5333 3.5 14 3.5C14.4667 3.5 14.8069 3.69444 15.0208 4.08333L25.8125 22.75C26.0264 23.1389 26.0264 23.5278 25.8125 23.9167C25.5986 24.3056 25.268 24.5 24.8208 24.5H3.17915ZM14 11.6667C13.6694 11.6667 13.3925 11.7783 13.1693 12.0015C12.9453 12.2255 12.8333 12.5028 12.8333 12.8333V16.3333C12.8333 16.6639 12.9453 16.9408 13.1693 17.164C13.3925 17.388 13.6694 17.5 14 17.5C14.3305 17.5 14.6078 17.388 14.8318 17.164C15.055 16.9408 15.1667 16.6639 15.1667 16.3333V12.8333C15.1667 12.5028 15.055 12.2255 14.8318 12.0015C14.6078 11.7783 14.3305 11.6667 14 11.6667ZM14 21C14.3305 21 14.6078 20.888 14.8318 20.664C15.055 20.4408 15.1667 20.1639 15.1667 19.8333C15.1667 19.5028 15.055 19.2259 14.8318 19.0027C14.6078 18.7787 14.3305 18.6667 14 18.6667C13.6694 18.6667 13.3925 18.7787 13.1693 19.0027C12.9453 19.2259 12.8333 19.5028 12.8333 19.8333C12.8333 20.1639 12.9453 20.4408 13.1693 20.664C13.3925 20.888 13.6694 21 14 21Z\"\n              fill=\"currentColor\"\n            />\n          </Fragment>\n        )}\n      </svg>\n    );\n  }\n}\n"]}

package/dist/swirl-components/p-fe0b5250.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../node_modules/a11y-dialog/dist/a11y-dialog.esm.js"],"names":["focusableSelectors","TAB_KEY","ESCAPE_KEY","A11yDialog","element","this","_show","show","bind","_hide","hide","_maintainFocus","_bindKeypress","$el","shown","_id","getAttribute","id","_previouslyFocused","_listeners","create","prototype","setAttribute","hasAttribute","_openers","$$","forEach","opener","addEventListener","_closers","filter","closer","closest","concat","_fire","event","document","activeElement","removeAttribute","moveFocusToDialog","body","focus","removeEventListener","destroy","on","type","handler","push","off","index","indexOf","splice","listeners","domEvent","CustomEvent","detail","dispatchEvent","listener","focused","key","preventDefault","trapTabKey","target","toArray","collection","Array","slice","call","selector","context","querySelectorAll","node","querySelector","getFocusableChildren","join","child","offsetWidth","offsetHeight","getClientRects","length","focusableChildren","focusedItemIndex","shiftKey","instantiateDialogs","readyState","window","requestAnimationFrame","setTimeout"],"mappings":"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","sourcesContent":["var focusableSelectors = [\n  'a[href]:not([tabindex^=\"-\"])',\n  'area[href]:not([tabindex^=\"-\"])',\n  'input:not([type=\"hidden\"]):not([type=\"radio\"]):not([disabled]):not([tabindex^=\"-\"])',\n  'input[type=\"radio\"]:not([disabled]):not([tabindex^=\"-\"])',\n  'select:not([disabled]):not([tabindex^=\"-\"])',\n  'textarea:not([disabled]):not([tabindex^=\"-\"])',\n  'button:not([disabled]):not([tabindex^=\"-\"])',\n  'iframe:not([tabindex^=\"-\"])',\n  'audio[controls]:not([tabindex^=\"-\"])',\n  'video[controls]:not([tabindex^=\"-\"])',\n  '[contenteditable]:not([tabindex^=\"-\"])',\n  '[tabindex]:not([tabindex^=\"-\"])',\n];\n\nvar TAB_KEY = 'Tab';\nvar ESCAPE_KEY = 'Escape';\n\n/**\n * Define the constructor to instantiate a dialog\n *\n * @constructor\n * @param {Element} element\n */\nfunction A11yDialog(element) {\n  // Prebind the functions that will be bound in addEventListener and\n  // removeEventListener to avoid losing references\n  this._show = this.show.bind(this);\n  this._hide = this.hide.bind(this);\n  this._maintainFocus = this._maintainFocus.bind(this);\n  this._bindKeypress = this._bindKeypress.bind(this);\n\n  this.$el = element;\n  this.shown = false;\n  this._id = this.$el.getAttribute('data-a11y-dialog') || this.$el.id;\n  this._previouslyFocused = null;\n  this._listeners = {};\n\n  // Initialise everything needed for the dialog to work properly\n  this.create();\n}\n\n/**\n * Set up everything necessary for the dialog to be functioning\n *\n * @param {(NodeList | Element | string)} targets\n * @return {this}\n */\nA11yDialog.prototype.create = function () {\n  this.$el.setAttribute('aria-hidden', true);\n  this.$el.setAttribute('aria-modal', true);\n  this.$el.setAttribute('tabindex', -1);\n\n  if (!this.$el.hasAttribute('role')) {\n    this.$el.setAttribute('role', 'dialog');\n  }\n\n  // Keep a collection of dialog openers, each of which will be bound a click\n  // event listener to open the dialog\n  this._openers = $$('[data-a11y-dialog-show=\"' + this._id + '\"]');\n  this._openers.forEach(\n    function (opener) {\n      opener.addEventListener('click', this._show);\n    }.bind(this)\n  );\n\n  // Keep a collection of dialog closers, each of which will be bound a click\n  // event listener to close the dialog\n  const $el = this.$el;\n\n  this._closers = $$('[data-a11y-dialog-hide]', this.$el)\n    // This filter is necessary in case there are nested dialogs, so that\n    // only closers from the current dialog are retrieved and effective\n    .filter(function (closer) {\n      // Testing for `[aria-modal=\"true\"]` is not enough since this attribute\n      // and the collect of closers is done at instantation time, when nested\n      // dialogs might not have yet been instantiated. Note that if the dialogs\n      // are manually instantiated, this could still fail because none of these\n      // selectors would match; this would cause closers to close all parent\n      // dialogs instead of just the current one\n      return closer.closest('[aria-modal=\"true\"], [data-a11y-dialog]') === $el\n    })\n    .concat($$('[data-a11y-dialog-hide=\"' + this._id + '\"]'));\n\n  this._closers.forEach(\n    function (closer) {\n      closer.addEventListener('click', this._hide);\n    }.bind(this)\n  );\n\n  // Execute all callbacks registered for the `create` event\n  this._fire('create');\n\n  return this\n};\n\n/**\n * Show the dialog element, disable all the targets (siblings), trap the\n * current focus within it, listen for some specific key presses and fire all\n * registered callbacks for `show` event\n *\n * @param {CustomEvent} event\n * @return {this}\n */\nA11yDialog.prototype.show = function (event) {\n  // If the dialog is already open, abort\n  if (this.shown) {\n    return this\n  }\n\n  // Keep a reference to the currently focused element to be able to restore\n  // it later\n  this._previouslyFocused = document.activeElement;\n  this.$el.removeAttribute('aria-hidden');\n  this.shown = true;\n\n  // Set the focus to the dialog element\n  moveFocusToDialog(this.$el);\n\n  // Bind a focus event listener to the body element to make sure the focus\n  // stays trapped inside the dialog while open, and start listening for some\n  // specific key presses (TAB and ESC)\n  document.body.addEventListener('focus', this._maintainFocus, true);\n  document.addEventListener('keydown', this._bindKeypress);\n\n  // Execute all callbacks registered for the `show` event\n  this._fire('show', event);\n\n  return this\n};\n\n/**\n * Hide the dialog element, enable all the targets (siblings), restore the\n * focus to the previously active element, stop listening for some specific\n * key presses and fire all registered callbacks for `hide` event\n *\n * @param {CustomEvent} event\n * @return {this}\n */\nA11yDialog.prototype.hide = function (event) {\n  // If the dialog is already closed, abort\n  if (!this.shown) {\n    return this\n  }\n\n  this.shown = false;\n  this.$el.setAttribute('aria-hidden', 'true');\n\n  // If there was a focused element before the dialog was opened (and it has a\n  // `focus` method), restore the focus back to it\n  // See: https://github.com/KittyGiraudel/a11y-dialog/issues/108\n  if (this._previouslyFocused && this._previouslyFocused.focus) {\n    this._previouslyFocused.focus();\n  }\n\n  // Remove the focus event listener to the body element and stop listening\n  // for specific key presses\n  document.body.removeEventListener('focus', this._maintainFocus, true);\n  document.removeEventListener('keydown', this._bindKeypress);\n\n  // Execute all callbacks registered for the `hide` event\n  this._fire('hide', event);\n\n  return this\n};\n\n/**\n * Destroy the current instance (after making sure the dialog has been hidden)\n * and remove all associated listeners from dialog openers and closers\n *\n * @return {this}\n */\nA11yDialog.prototype.destroy = function () {\n  // Hide the dialog to avoid destroying an open instance\n  this.hide();\n\n  // Remove the click event listener from all dialog openers\n  this._openers.forEach(\n    function (opener) {\n      opener.removeEventListener('click', this._show);\n    }.bind(this)\n  );\n\n  // Remove the click event listener from all dialog closers\n  this._closers.forEach(\n    function (closer) {\n      closer.removeEventListener('click', this._hide);\n    }.bind(this)\n  );\n\n  // Execute all callbacks registered for the `destroy` event\n  this._fire('destroy');\n\n  // Keep an object of listener types mapped to callback functions\n  this._listeners = {};\n\n  return this\n};\n\n/**\n * Register a new callback for the given event type\n *\n * @param {string} type\n * @param {Function} handler\n */\nA11yDialog.prototype.on = function (type, handler) {\n  if (typeof this._listeners[type] === 'undefined') {\n    this._listeners[type] = [];\n  }\n\n  this._listeners[type].push(handler);\n\n  return this\n};\n\n/**\n * Unregister an existing callback for the given event type\n *\n * @param {string} type\n * @param {Function} handler\n */\nA11yDialog.prototype.off = function (type, handler) {\n  var index = (this._listeners[type] || []).indexOf(handler);\n\n  if (index > -1) {\n    this._listeners[type].splice(index, 1);\n  }\n\n  return this\n};\n\n/**\n * Iterate over all registered handlers for given type and call them all with\n * the dialog element as first argument, event as second argument (if any). Also\n * dispatch a custom event on the DOM element itself to make it possible to\n * react to the lifecycle of auto-instantiated dialogs.\n *\n * @access private\n * @param {string} type\n * @param {CustomEvent} event\n */\nA11yDialog.prototype._fire = function (type, event) {\n  var listeners = this._listeners[type] || [];\n  var domEvent = new CustomEvent(type, { detail: event });\n\n  this.$el.dispatchEvent(domEvent);\n\n  listeners.forEach(\n    function (listener) {\n      listener(this.$el, event);\n    }.bind(this)\n  );\n};\n\n/**\n * Private event handler used when listening to some specific key presses\n * (namely ESCAPE and TAB)\n *\n * @access private\n * @param {Event} event\n */\nA11yDialog.prototype._bindKeypress = function (event) {\n  // This is an escape hatch in case there are nested dialogs, so the keypresses\n  // are only reacted to for the most recent one\n  const focused = document.activeElement;\n  if (focused && focused.closest('[aria-modal=\"true\"]') !== this.$el) return\n\n  // If the dialog is shown and the ESCAPE key is being pressed, prevent any\n  // further effects from the ESCAPE key and hide the dialog, unless its role\n  // is 'alertdialog', which should be modal\n  if (\n    this.shown &&\n    event.key === ESCAPE_KEY &&\n    this.$el.getAttribute('role') !== 'alertdialog'\n  ) {\n    event.preventDefault();\n    this.hide(event);\n  }\n\n  // If the dialog is shown and the TAB key is being pressed, make sure the\n  // focus stays trapped within the dialog element\n  if (this.shown && event.key === TAB_KEY) {\n    trapTabKey(this.$el, event);\n  }\n};\n\n/**\n * Private event handler used when making sure the focus stays within the\n * currently open dialog\n *\n * @access private\n * @param {Event} event\n */\nA11yDialog.prototype._maintainFocus = function (event) {\n  // If the dialog is shown and the focus is not within a dialog element (either\n  // this one or another one in case of nested dialogs) or within an element\n  // with the `data-a11y-dialog-focus-trap-ignore` attribute, move it back to\n  // its first focusable child.\n  // See: https://github.com/KittyGiraudel/a11y-dialog/issues/177\n  if (\n    this.shown &&\n    !event.target.closest('[aria-modal=\"true\"]') &&\n    !event.target.closest('[data-a11y-dialog-ignore-focus-trap]')\n  ) {\n    moveFocusToDialog(this.$el);\n  }\n};\n\n/**\n * Convert a NodeList into an array\n *\n * @param {NodeList} collection\n * @return {Array<Element>}\n */\nfunction toArray(collection) {\n  return Array.prototype.slice.call(collection)\n}\n\n/**\n * Query the DOM for nodes matching the given selector, scoped to context (or\n * the whole document)\n *\n * @param {String} selector\n * @param {Element} [context = document]\n * @return {Array<Element>}\n */\nfunction $$(selector, context) {\n  return toArray((context || document).querySelectorAll(selector))\n}\n\n/**\n * Set the focus to the first element with `autofocus` with the element or the\n * element itself\n *\n * @param {Element} node\n */\nfunction moveFocusToDialog(node) {\n  var focused = node.querySelector('[autofocus]') || node;\n\n  focused.focus();\n}\n\n/**\n * Get the focusable children of the given element\n *\n * @param {Element} node\n * @return {Array<Element>}\n */\nfunction getFocusableChildren(node) {\n  return $$(focusableSelectors.join(','), node).filter(function (child) {\n    return !!(\n      child.offsetWidth ||\n      child.offsetHeight ||\n      child.getClientRects().length\n    )\n  })\n}\n\n/**\n * Trap the focus inside the given element\n *\n * @param {Element} node\n * @param {Event} event\n */\nfunction trapTabKey(node, event) {\n  var focusableChildren = getFocusableChildren(node);\n  var focusedItemIndex = focusableChildren.indexOf(document.activeElement);\n\n  // If the SHIFT key is being pressed while tabbing (moving backwards) and\n  // the currently focused item is the first one, move the focus to the last\n  // focusable item from the dialog element\n  if (event.shiftKey && focusedItemIndex === 0) {\n    focusableChildren[focusableChildren.length - 1].focus();\n    event.preventDefault();\n    // If the SHIFT key is not being pressed (moving forwards) and the currently\n    // focused item is the last one, move the focus to the first focusable item\n    // from the dialog element\n  } else if (\n    !event.shiftKey &&\n    focusedItemIndex === focusableChildren.length - 1\n  ) {\n    focusableChildren[0].focus();\n    event.preventDefault();\n  }\n}\n\nfunction instantiateDialogs() {\n  $$('[data-a11y-dialog]').forEach(function (node) {\n    new A11yDialog(node);\n  });\n}\n\nif (typeof document !== 'undefined') {\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', instantiateDialogs);\n  } else {\n    if (window.requestAnimationFrame) {\n      window.requestAnimationFrame(instantiateDialogs);\n    } else {\n      window.setTimeout(instantiateDialogs, 16);\n    }\n  }\n}\n\nexport { A11yDialog as default };\n"]}

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

@@ -1,2 +0,0 @@
-import{r,h as o,H as a}from"./p-9fe00e8a.js";import{c as t}from"./p-efffd297.js";import"./p-86bd3473.js";const e=":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group{position:relative;display:inline-grid;grid-template-rows:repeat(8, 1fr);grid-template-columns:repeat(8, 1fr)}.avatar-group ::slotted(*:first-of-type){z-index:1;display:inline-flex;border:0.25rem solid var(--flip-avatar-group-border-color);border-radius:50%;grid-column-start:1;grid-column-end:7;grid-row-start:3;grid-row-end:9}.avatar-group ::slotted(*:nth-of-type(2)){z-index:0;display:inline-flex;border:0.25rem solid var(--flip-avatar-group-border-color);border-radius:50%;grid-column-start:3;grid-column-end:9;grid-row-start:1;grid-row-end:7}.avatar-group__badge{position:absolute;z-index:2;right:0;bottom:0;display:inline-flex;width:1.5rem;height:1.5rem}";const i=class{constructor(o){r(this,o)}render(){const r=t("avatar-group",{"avatar-group--has-badge":Boolean(this.badge)});const e=t("avatar-group__badge");return o(a,null,o("div",{class:r,role:"group"},o("slot",null),this.badge&&o("span",{class:e,innerHTML:this.badge})))}};i.style=e;export{i as flip_avatar_group};
-//# sourceMappingURL=p-fefffb34.entry.js.map

package/dist/swirl-components/p-fefffb34.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/flip-avatar-group/flip-avatar-group.css?tag=flip-avatar-group&encapsulation=shadow","src/components/flip-avatar-group/flip-avatar-group.tsx"],"names":["flipAvatarGroupCss","FlipAvatarGroup","[object Object]","className","classnames","avatar-group--has-badge","Boolean","this","badge","badgeClassName","h","Host","class","role","innerHTML"],"mappings":"yGAAA,MAAMA,EAAqB,kuBCWdC,EAAe,+BAG1BC,SACE,MAAMC,EAAYC,EAAW,eAAgB,CAC3CC,0BAA2BC,QAAQC,KAAKC,SAG1C,MAAMC,EAAiBL,EAAW,uBAElC,OACEM,EAACC,EAAI,KACHD,EAAA,MAAA,CAAKE,MAAOT,EAAWU,KAAK,SAC1BH,EAAA,OAAA,MACCH,KAAKC,OACJE,EAAA,OAAA,CAAME,MAAOH,EAAgBK,UAAWP,KAAKC","sourcesContent":[":host {\n  display: inline-flex;\n\n  & * {\n    box-sizing: border-box;\n  }\n}\n\n.avatar-group {\n  position: relative;\n  display: inline-grid;\n  grid-template-rows: repeat(8, 1fr);\n  grid-template-columns: repeat(8, 1fr);\n\n  & ::slotted(*:first-of-type) {\n    z-index: 1;\n    display: inline-flex;\n    border: 0.25rem solid var(--flip-avatar-group-border-color);\n    border-radius: 50%;\n    grid-column-start: 1;\n    grid-column-end: 7;\n    grid-row-start: 3;\n    grid-row-end: 9;\n  }\n\n  & ::slotted(*:nth-of-type(2)) {\n    z-index: 0;\n    display: inline-flex;\n    border: 0.25rem solid var(--flip-avatar-group-border-color);\n    border-radius: 50%;\n    grid-column-start: 3;\n    grid-column-end: 9;\n    grid-row-start: 1;\n    grid-row-end: 7;\n  }\n}\n\n.avatar-group__badge {\n  position: absolute;\n  z-index: 2;\n  right: 0;\n  bottom: 0;\n  display: inline-flex;\n  width: 1.5rem;\n  height: 1.5rem;\n}\n","import { Component, h, Host, Prop } from \"@stencil/core\";\nimport classnames from \"classnames\";\n\n/**\n * @slot slot - Your avatar components\n */\n@Component({\n  shadow: true,\n  styleUrl: \"flip-avatar-group.css\",\n  tag: \"flip-avatar-group\",\n})\nexport class FlipAvatarGroup {\n  @Prop() badge?: string;\n\n  render() {\n    const className = classnames(\"avatar-group\", {\n      \"avatar-group--has-badge\": Boolean(this.badge),\n    });\n\n    const badgeClassName = classnames(\"avatar-group__badge\");\n\n    return (\n      <Host>\n        <div class={className} role=\"group\">\n          <slot></slot>\n          {this.badge && (\n            <span class={badgeClassName} innerHTML={this.badge}></span>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"names":["patchBrowser","importMeta","import","meta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","JSON","parse"],"mappings":"2CAMA,MAAMA,EAAe,KA6BjB,MAAMC,EAAaC,OAAOC,KAAKC,IAC/B,MAAMC,EAA6D,GAenE,GAAuBJ,IAAe,GAAI,CACtCI,EAAKC,aAAe,IAAIC,IAAI,IAAKN,GAAYO,KAajD,OAAOC,EAAeJ,IC9D1BL,IAAeU,MAAKC,GAEXC,EAAcC,KAAAC,MAAA,+4ZAAuCH","sourcesContent":["/*\n Stencil Client Patch Browser v2.17.3 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","import { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"]}