@six-group/ui-library 0.0.0-insider.c4e8588 → 0.0.0-insider.c8fa9a3

package/dist/ui-library/p-b8db5638.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as t,g as l}from"./p-D0Go1Zjj.js";import{F as r}from"./p-IBmarOIS.js";import{h as e}from"./p-j3oIB5oT.js";const s=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control .form-control__error-text{display:none;text-align:left}.form-control--has-label .form-control__label{display:inline-block;color:var(--six-input-label-color);font-weight:var(--six-font-weight-bold);margin-bottom:var(--six-spacing-x-small)}.form-control--has-label .form-control__label__required::after{color:var(--six-color-danger-800);content:"*";transform:scale(1.1);margin-left:var(--six-spacing-xxx-small);position:absolute}.form-control--has-label.form-control--small .form-control__label{font-size:var(--six-input-label-font-size-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--six-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control_label{font-size:var(--six-input-label-font-size-large)}.form-control--has-help-text .form-control__help-text{display:block;color:var(--six-input-help-text-color);margin-top:var(--six-spacing-x-small)}.form-control--has-help-text .form-control__help-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--has-error-text .form-control__error-text{display:block;margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text .form-control__error-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text.form-control--small .form-control__error-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-error-text.form-control--medium .form-control__error-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-error-text.form-control--large .form-control__error-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--disabled .form-control__help-text{color:var(--six-input-help-text-color-disabled)}.form-control--disabled .form-control__label{color:var(--six-input-label-color-disabled)}.form-control--invalid:not(.form-control--disabled) .form-control__label{color:var(--six-input-label-color)}:host{display:block}';let i=0;const a=class{constructor(t){o(this,t);this.wrapperLabelId=`label-${++i}`;this.labelId=`label-label-${i}`;this.helpTextId=`label-help-text-${i}`;this.hasHelpTextSlot=false;this.hasLabelSlot=false;this.size="medium";this.label="";this.helpText="";this.disabled=false;this.required=false;this.handleSlotChange=()=>{this.hasLabelSlot=e(this.host,"label");this.hasHelpTextSlot=e(this.host,"help-text")}}handleLabelChange(){this.handleSlotChange()}connectedCallback(){var o;(o=this.host.shadowRoot)===null||o===void 0?void 0:o.addEventListener("slotchange",this.handleSlotChange)}componentWillLoad(){this.handleSlotChange()}disconnectedCallback(){var o;(o=this.host.shadowRoot)===null||o===void 0?void 0:o.removeEventListener("slotchange",this.handleSlotChange)}render(){return t(r,{key:"2bdb482e336b09325fe0bfc30cd3082846cbce6a",inputId:this.wrapperLabelId,label:this.label,labelId:this.labelId,hasLabelSlot:this.hasLabelSlot,helpTextId:this.helpTextId,helpText:this.helpText,hasHelpTextSlot:this.hasHelpTextSlot,size:this.size,disabled:this.disabled,required:this.required},t("slot",{key:"cd79f08e30f7059290c81d83bb00e5b9f68a1181"}))}get host(){return l(this)}static get watchers(){return{helpText:["handleLabelChange"],label:["handleLabelChange"]}}};a.style=s;export{a as six_group_label};
+//# sourceMappingURL=p-b8db5638.entry.js.map

package/dist/ui-library/p-b8db5638.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixGroupLabelCss","id","SixGroupLabel","constructor","hostRef","this","wrapperLabelId","labelId","helpTextId","hasHelpTextSlot","hasLabelSlot","size","label","helpText","disabled","required","handleSlotChange","hasSlot","host","handleLabelChange","connectedCallback","_a","shadowRoot","addEventListener","componentWillLoad","disconnectedCallback","removeEventListener","render","h","FormControl","key","inputId"],"sources":["src/components/six-group-label/six-group-label.scss?tag=six-group-label&encapsulation=shadow","src/components/six-group-label/six-group-label.tsx"],"sourcesContent":["@import 'src/global/component';\n@import '../../functional-components/form-control/form-control';\n\n:host {\n  display: block;\n}\n","import { Component, Element, h, Prop, State, Watch } from '@stencil/core';\nimport FormControl from '../../functional-components/form-control/form-control';\nimport { hasSlot } from '../../utils/slot';\n\nlet id = 0;\n\n/**\n * @since 1.1\n * @status stable\n *\n * @slot label - The wrapped component's label. Alternatively, you can use the label prop.\n * @slot help-text - Help text that describes how to use the input.\n * @slot error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text prop.\n *\n * @part base - The component's base wrapper.\n * @part form-control - The form control that wraps the label, textarea, and help text.\n * @part label - The label of wrapped component.\n * @part help-text - The help text of the wrapped component.\n */\n@Component({\n  tag: 'six-group-label',\n  styleUrl: 'six-group-label.scss',\n  shadow: true,\n})\nexport class SixGroupLabel {\n  private wrapperLabelId = `label-${++id}`;\n  private labelId = `label-label-${id}`;\n  private helpTextId = `label-help-text-${id}`;\n\n  @Element() host!: HTMLSixGroupLabelElement;\n\n  @State() hasHelpTextSlot = false;\n  @State() hasLabelSlot = false;\n\n  /** The label's size. */\n  @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** The wrapper label's label. Alternatively, you can use the label slot. */\n  @Prop() label = '';\n\n  /** The wrapper label's help text. Alternatively, you can use the help-text slot. */\n  @Prop() helpText = '';\n\n  /** Set to true to disable the label. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Set to true to show an asterisk beneath the label. */\n  @Prop() required = false;\n\n  @Watch('helpText')\n  @Watch('label')\n  handleLabelChange() {\n    this.handleSlotChange();\n  }\n\n  connectedCallback() {\n    this.host.shadowRoot?.addEventListener('slotchange', this.handleSlotChange);\n  }\n\n  componentWillLoad() {\n    this.handleSlotChange();\n  }\n\n  disconnectedCallback() {\n    this.host.shadowRoot?.removeEventListener('slotchange', this.handleSlotChange);\n  }\n\n  private handleSlotChange = () => {\n    this.hasLabelSlot = hasSlot(this.host, 'label');\n    this.hasHelpTextSlot = hasSlot(this.host, 'help-text');\n  };\n\n  render() {\n    return (\n      <FormControl\n        inputId={this.wrapperLabelId}\n        label={this.label}\n        labelId={this.labelId}\n        hasLabelSlot={this.hasLabelSlot}\n        helpTextId={this.helpTextId}\n        helpText={this.helpText}\n        hasHelpTextSlot={this.hasHelpTextSlot}\n        size={this.size}\n        disabled={this.disabled}\n        required={this.required}\n      >\n        <slot></slot>\n      </FormControl>\n    );\n  }\n}\n"],"mappings":"0HAAA,MAAMA,EAAmB,mnFCIzB,IAAIC,EAAK,E,MAoBIC,EAAa,MAL1B,WAAAC,CAAAC,G,UAMUC,KAAAC,eAAiB,WAAWL,IAC5BI,KAAAE,QAAU,eAAeN,IACzBI,KAAAG,WAAa,mBAAmBP,IAI/BI,KAAeI,gBAAG,MAClBJ,KAAYK,aAAG,MAGCL,KAAIM,KAAiC,SAGtDN,KAAKO,MAAG,GAGRP,KAAQQ,SAAG,GAGMR,KAAQS,SAAG,MAG5BT,KAAQU,SAAG,MAoBXV,KAAgBW,iBAAG,KACzBX,KAAKK,aAAeO,EAAQZ,KAAKa,KAAM,SACvCb,KAAKI,gBAAkBQ,EAAQZ,KAAKa,KAAM,YAAY,CAqBzD,CAvCC,iBAAAC,GACEd,KAAKW,kB,CAGP,iBAAAI,G,OACEC,EAAAhB,KAAKa,KAAKI,cAAY,MAAAD,SAAA,SAAAA,EAAAE,iBAAiB,aAAclB,KAAKW,iB,CAG5D,iBAAAQ,GACEnB,KAAKW,kB,CAGP,oBAAAS,G,OACEJ,EAAAhB,KAAKa,KAAKI,cAAY,MAAAD,SAAA,SAAAA,EAAAK,oBAAoB,aAAcrB,KAAKW,iB,CAQ/D,MAAAW,GACE,OACEC,EAACC,EAAW,CAAAC,IAAA,2CACVC,QAAS1B,KAAKC,eACdM,MAAOP,KAAKO,MACZL,QAASF,KAAKE,QACdG,aAAcL,KAAKK,aACnBF,WAAYH,KAAKG,WACjBK,SAAUR,KAAKQ,SACfJ,gBAAiBJ,KAAKI,gBACtBE,KAAMN,KAAKM,KACXG,SAAUT,KAAKS,SACfC,SAAUV,KAAKU,UAEfa,EAAa,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/ui-library/p-ba68b30c.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as e,h as t,g as s}from"./p-D0Go1Zjj.js";import{h as l,g as a}from"./p-j3oIB5oT.js";const o=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:inline-block}.tile{min-height:var(--tile-size);width:var(--tile-size);background-color:var(--six-color-clay-50);display:inline-grid;grid-template-columns:100%;grid-template-areas:"header" "middle" "footer"}.tile--small{--tile-size:80px;--tile-padding-size:var(--six-spacing-medium)}.tile--medium{--tile-size:120px;--tile-padding-size:var(--six-spacing-large)}.tile--large{--tile-size:160px;--tile-padding-size:var(--six-spacing-x-large)}.tile:not(.tile--visible){visibility:hidden}.tile--elevated{border:0;box-shadow:var(--six-shadow-medium)}.tile__header{grid-area:header;height:5%;justify-self:right;display:flex;justify-content:right;opacity:0;transition:var(--six-transition-fast) opacity}.tile:hover>.tile__header{opacity:1}.tile__header--hidden{visibility:hidden}.tile__header six-icon-button{margin-top:-6px;margin-right:-6px;margin-bottom:-16px}.tile__body,.tile__body--large,.tile__body--medium,.tile__body--small{grid-area:middle;display:grid;place-items:center;cursor:pointer;padding-left:var(--tile-padding-size);padding-right:var(--tile-padding-size)}.tile__body six-icon::part(base),.tile__body--large six-icon::part(base),.tile__body--medium six-icon::part(base),.tile__body--small six-icon::part(base){padding:0}.tile__body--small{--tile-padding-size:var(--six-spacing-medium)}.tile__body--medium{--tile-padding-size:var(--six-spacing-large)}.tile__body--large{--tile-padding-size:var(--six-spacing-x-large)}.tile__footer,.tile__footer--large,.tile__footer--medium,.tile__footer--small{grid-area:footer;display:flex;justify-content:center;cursor:pointer;font-weight:var(--six-font-weight-normal);color:var(--six-color-web-rock-900)}.tile__footer--small{font-size:var(--six-font-size-xxx-small)}.tile__footer--medium{font-size:var(--six-font-size-xx-small)}.tile__footer--large{font-size:var(--six-font-size-small)}.tile__footer .label__footer,.tile__footer--small .label__footer,.tile__footer--medium .label__footer,.tile__footer--large .label__footer{overflow:hidden;text-overflow:ellipsis;width:calc(var(--tile-size) - 2em);text-align:center}';const r=class{constructor(t){i(this,t);this.sixTileClose=e(this,"six-tile-closed");this.sixTileSelected=e(this,"six-tile-selected");this.label="";this.closeable=true;this.elevated=false;this.disableTooltip=true;this.disabled=false;this.size="medium";this.visible=true;this.hasIconSlot=false;this.hasLabelSlot=false;this.handleSlotChange=()=>{this.hasIconSlot=l(this.host,"icon");this.hasLabelSlot=l(this.host,"label");if(this.hasIconSlot){const i=a(this.host,"icon");i===null||i===void 0?void 0:i.addEventListener("click",this.handleClickEvent)}if(this.hasLabelSlot){const i=a(this.host,"label");i===null||i===void 0?void 0:i.addEventListener("click",this.handleClickEvent)}};this.handleCloseClickEvent=()=>{this.visible=false;this.sixTileClose.emit()};this.handleClickEvent=()=>{this.sixTileSelected.emit()}}async hide(){this.visible=false}async show(){this.visible=true}componentWillLoad(){this.handleSlotChange()}render(){return t("six-tooltip",{key:"8bab8c04079d331d563099673f512ae71d6f1286",disabled:this.disableTooltip||this.label==="",content:this.label},t("div",{key:"449bfabf58a6aeba71a1e0b755cf05c5e25b34fe",part:"base",class:{tile:true,"tile--visible":this.visible,"tile--small":this.size==="small","tile--medium":this.size==="medium","tile--large":this.size==="large","tile--elevated":this.elevated}},t("div",{key:"56d729edf7027563b7172f3f9b18345906e50dff",part:"header",class:"tile__header"},t("six-icon-button",{key:"7cd9016baa63f562c3b1d0972b3b222c55f9f555",class:{"tile__header--hidden":!this.closeable},name:"close",size:d(this.size),onClick:this.handleCloseClickEvent})),t("div",{key:"2e6d7d3e708360a4018db6dab1daee7a13cd671b",part:"body",class:"tile__body"},this.iconName&&t("six-icon",{key:"2e0d64a50d9064909c3a0f41a8d8052df6ce1941",onClick:this.handleClickEvent,size:h(this.size)},this.iconName),this.hasIconSlot&&t("slot",{key:"84c53bc538cfedda0b1365cafb64c86feaf1d5f3",name:"icon"})),t("div",{key:"46e70b405a6d28c09bd6d3a2a9530fcb0415595c",part:"footer",class:{"tile__footer--small":this.size==="small","tile__footer--medium":this.size==="medium","tile__footer--large":this.size==="large"}},this.label&&t("div",{key:"35774ca3faf7192113f5550375ff895a2873bc1f",class:{".label__footer":true},onClick:this.handleClickEvent},this.label),this.hasLabelSlot&&t("slot",{key:"8c1ce8e5e504e6d33f41c0a9f38862fdddd619b1",name:"label"}))))}get host(){return s(this)}};const d=i=>({small:"xxSmall",medium:"medium",large:"medium"}[i]);const h=i=>({small:"xLarge",medium:"xxLarge",large:"xxxLarge"}[i]);r.style=o;export{r as six_tile};
+//# sourceMappingURL=p-ba68b30c.entry.js.map

package/dist/ui-library/p-ba68b30c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixTileCss","SixTile","constructor","hostRef","this","label","closeable","elevated","disableTooltip","disabled","size","visible","hasIconSlot","hasLabelSlot","handleSlotChange","hasSlot","host","slot","getSlot","addEventListener","handleClickEvent","handleCloseClickEvent","sixTileClose","emit","sixTileSelected","hide","show","componentWillLoad","render","h","key","content","part","class","tile","name","closeIconSize","onClick","iconName","iconSize","small","medium","large"],"sources":["src/components/six-tile/six-tile.scss?tag=six-tile&encapsulation=shadow","src/components/six-tile/six-tile.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: inline-block;\n}\n\n.tile {\n  &--small {\n    --tile-size: 80px;\n    --tile-padding-size: var(--six-spacing-medium);\n  }\n\n  &--medium {\n    --tile-size: 120px;\n    --tile-padding-size: var(--six-spacing-large);\n  }\n\n  &--large {\n    --tile-size: 160px;\n    --tile-padding-size: var(--six-spacing-x-large);\n  }\n\n  min-height: var(--tile-size);\n  width: var(--tile-size);\n\n  background-color: var(--six-color-clay-50);\n\n  display: inline-grid;\n  grid-template-columns: 100%;\n  grid-template-areas:\n    'header'\n    'middle'\n    'footer';\n\n  &:not(.tile--visible) {\n    visibility: hidden;\n  }\n\n  &--elevated {\n    border: 0;\n    box-shadow: var(--six-shadow-medium);\n  }\n}\n\n.tile__header {\n  grid-area: header;\n  height: 5%;\n  justify-self: right;\n  display: flex;\n  justify-content: right;\n  opacity: 0;\n  transition: var(--six-transition-fast) opacity;\n\n  .tile:hover > & {\n    opacity: 1;\n  }\n\n  &--hidden {\n    visibility: hidden;\n  }\n\n  six-icon-button {\n    margin-top: -6px;\n    margin-right: -6px;\n    margin-bottom: -16px;\n  }\n}\n\n.tile__body {\n  grid-area: middle;\n  display: grid;\n  place-items: center;\n  cursor: pointer;\n\n  six-icon::part(base) {\n    padding: 0;\n  }\n\n  &--small {\n    @extend .tile__body;\n    --tile-padding-size: var(--six-spacing-medium);\n  }\n\n  &--medium {\n    @extend .tile__body;\n    --tile-padding-size: var(--six-spacing-large);\n  }\n\n  &--large {\n    @extend .tile__body;\n    --tile-padding-size: var(--six-spacing-x-large);\n  }\n\n  padding-left: var(--tile-padding-size);\n  padding-right: var(--tile-padding-size);\n}\n\n.tile__footer {\n  grid-area: footer;\n  display: flex;\n  justify-content: center;\n  cursor: pointer;\n  font-weight: var(--six-font-weight-normal);\n  color: var(--six-color-web-rock-900);\n\n  &--small {\n    @extend .tile__footer;\n    font-size: var(--six-font-size-xxx-small);\n  }\n\n  &--medium {\n    @extend .tile__footer;\n    font-size: var(--six-font-size-xx-small);\n  }\n\n  &--large {\n    @extend .tile__footer;\n    font-size: var(--six-font-size-small);\n  }\n\n  .label__footer {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    width: calc(var(--tile-size) - 2em);\n    text-align: center;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State } from '@stencil/core';\nimport { EmptyPayload } from '../../utils/types';\nimport { getSlot, hasSlot } from '../../utils/slot';\n\n/**\n * @since 1.0\n * @status stable\n */\n\n@Component({\n  tag: 'six-tile',\n  styleUrl: 'six-tile.scss',\n  shadow: true,\n})\nexport class SixTile {\n  @Element() host!: HTMLSixTileElement;\n\n  /** The tile's label. */\n  @Prop() label = '';\n\n  /** The icon's name. */\n  @Prop() iconName?: string;\n\n  /** Flag, whether the tile is closeable. */\n  // eslint-disable-next-line @stencil-community/ban-default-true\n  @Prop() closeable = true;\n\n  /** Flag, whether the tile should cast a shadow. */\n  @Prop() elevated = false;\n\n  /** Enables tile tooltip for tiles */\n  // eslint-disable-next-line @stencil-community/ban-default-true\n  @Prop() disableTooltip = true;\n\n  /** Set to true to disable the tile. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** The tile's size. */\n  @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  @State() visible = true;\n\n  /** Emitted when the tile was closed. */\n  @Event({ eventName: 'six-tile-closed' }) sixTileClose!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the tile is selected. */\n  @Event({ eventName: 'six-tile-selected' }) sixTileSelected!: EventEmitter<EmptyPayload>;\n\n  /** Hides the tile */\n  @Method()\n  async hide() {\n    this.visible = false;\n  }\n\n  /** Shows the tile */\n  @Method()\n  async show() {\n    this.visible = true;\n  }\n\n  @State() hasIconSlot = false;\n\n  @State() hasLabelSlot = false;\n\n  componentWillLoad() {\n    this.handleSlotChange();\n  }\n\n  private handleSlotChange = () => {\n    this.hasIconSlot = hasSlot(this.host, 'icon');\n    this.hasLabelSlot = hasSlot(this.host, 'label');\n\n    if (this.hasIconSlot) {\n      const slot = getSlot(this.host, 'icon');\n      slot?.addEventListener('click', this.handleClickEvent);\n    }\n\n    if (this.hasLabelSlot) {\n      const slot = getSlot(this.host, 'label');\n      slot?.addEventListener('click', this.handleClickEvent);\n    }\n  };\n\n  render() {\n    return (\n      <six-tooltip disabled={this.disableTooltip || this.label === ''} content={this.label}>\n        <div\n          part=\"base\"\n          class={{\n            tile: true,\n            'tile--visible': this.visible,\n            'tile--small': this.size === 'small',\n            'tile--medium': this.size === 'medium',\n            'tile--large': this.size === 'large',\n            'tile--elevated': this.elevated,\n          }}\n        >\n          <div part=\"header\" class=\"tile__header\">\n            <six-icon-button\n              class={{\n                'tile__header--hidden': !this.closeable,\n              }}\n              name=\"close\"\n              size={closeIconSize(this.size)}\n              onClick={this.handleCloseClickEvent}\n            />\n          </div>\n\n          <div part=\"body\" class=\"tile__body\">\n            {this.iconName && (\n              <six-icon onClick={this.handleClickEvent} size={iconSize(this.size)}>\n                {this.iconName}\n              </six-icon>\n            )}\n            {this.hasIconSlot && <slot name=\"icon\"></slot>}\n          </div>\n\n          <div\n            part=\"footer\"\n            class={{\n              'tile__footer--small': this.size === 'small',\n              'tile__footer--medium': this.size === 'medium',\n              'tile__footer--large': this.size === 'large',\n            }}\n          >\n            {this.label && (\n              <div\n                class={{\n                  '.label__footer': true,\n                }}\n                onClick={this.handleClickEvent}\n              >\n                {this.label}\n              </div>\n            )}\n            {this.hasLabelSlot && <slot name=\"label\"></slot>}\n          </div>\n        </div>\n      </six-tooltip>\n    );\n  }\n\n  private handleCloseClickEvent = () => {\n    this.visible = false;\n    this.sixTileClose.emit();\n  };\n\n  private handleClickEvent = () => {\n    this.sixTileSelected.emit();\n  };\n}\n\nconst closeIconSize = (size: string) => {\n  return {\n    small: 'xxSmall',\n    medium: 'medium',\n    large: 'medium',\n  }[size] as 'xSmall' | 'medium';\n};\n\nconst iconSize = (size: string) => {\n  return {\n    small: 'xLarge',\n    medium: 'xxLarge',\n    large: 'xxxLarge',\n  }[size] as 'xLarge' | 'xxLarge' | 'xxxLarge';\n};\n"],"mappings":"oGAAA,MAAMA,EAAa,iwE,MCcNC,EAAO,MALpB,WAAAC,CAAAC,G,uGASUC,KAAKC,MAAG,GAORD,KAASE,UAAG,KAGZF,KAAQG,SAAG,MAIXH,KAAcI,eAAG,KAGAJ,KAAQK,SAAG,MAGXL,KAAIM,KAAiC,SAErDN,KAAOO,QAAG,KAoBVP,KAAWQ,YAAG,MAEdR,KAAYS,aAAG,MAMhBT,KAAgBU,iBAAG,KACzBV,KAAKQ,YAAcG,EAAQX,KAAKY,KAAM,QACtCZ,KAAKS,aAAeE,EAAQX,KAAKY,KAAM,SAEvC,GAAIZ,KAAKQ,YAAa,CACpB,MAAMK,EAAOC,EAAQd,KAAKY,KAAM,QAChCC,IAAA,MAAAA,SAAA,SAAAA,EAAME,iBAAiB,QAASf,KAAKgB,iB,CAGvC,GAAIhB,KAAKS,aAAc,CACrB,MAAMI,EAAOC,EAAQd,KAAKY,KAAM,SAChCC,IAAA,MAAAA,SAAA,SAAAA,EAAME,iBAAiB,QAASf,KAAKgB,iB,GA+DjChB,KAAqBiB,sBAAG,KAC9BjB,KAAKO,QAAU,MACfP,KAAKkB,aAAaC,MAAM,EAGlBnB,KAAgBgB,iBAAG,KACzBhB,KAAKoB,gBAAgBD,MAAM,CAE9B,CApGC,UAAME,GACJrB,KAAKO,QAAU,K,CAKjB,UAAMe,GACJtB,KAAKO,QAAU,I,CAOjB,iBAAAgB,GACEvB,KAAKU,kB,CAkBP,MAAAc,GACE,OACEC,EAAa,eAAAC,IAAA,2CAAArB,SAAUL,KAAKI,gBAAkBJ,KAAKC,QAAU,GAAI0B,QAAS3B,KAAKC,OAC7EwB,EAAA,OAAAC,IAAA,2CACEE,KAAK,OACLC,MAAO,CACLC,KAAM,KACN,gBAAiB9B,KAAKO,QACtB,cAAeP,KAAKM,OAAS,QAC7B,eAAgBN,KAAKM,OAAS,SAC9B,cAAeN,KAAKM,OAAS,QAC7B,iBAAkBN,KAAKG,WAGzBsB,EAAA,OAAAC,IAAA,2CAAKE,KAAK,SAASC,MAAM,gBACvBJ,EAAA,mBAAAC,IAAA,2CACEG,MAAO,CACL,wBAAyB7B,KAAKE,WAEhC6B,KAAK,QACLzB,KAAM0B,EAAchC,KAAKM,MACzB2B,QAASjC,KAAKiB,yBAIlBQ,EAAA,OAAAC,IAAA,2CAAKE,KAAK,OAAOC,MAAM,cACpB7B,KAAKkC,UACJT,EAAA,YAAAC,IAAA,2CAAUO,QAASjC,KAAKgB,iBAAkBV,KAAM6B,EAASnC,KAAKM,OAC3DN,KAAKkC,UAGTlC,KAAKQ,aAAeiB,EAAA,QAAAC,IAAA,2CAAMK,KAAK,UAGlCN,EAAA,OAAAC,IAAA,2CACEE,KAAK,SACLC,MAAO,CACL,sBAAuB7B,KAAKM,OAAS,QACrC,uBAAwBN,KAAKM,OAAS,SACtC,sBAAuBN,KAAKM,OAAS,UAGtCN,KAAKC,OACJwB,EAAA,OAAAC,IAAA,2CACEG,MAAO,CACL,iBAAkB,MAEpBI,QAASjC,KAAKgB,kBAEbhB,KAAKC,OAGTD,KAAKS,cAAgBgB,EAAA,QAAAC,IAAA,2CAAMK,KAAK,Y,6BAiB7C,MAAMC,EAAiB1B,IACd,CACL8B,MAAO,UACPC,OAAQ,SACRC,MAAO,UACPhC,IAGJ,MAAM6B,EAAY7B,IACT,CACL8B,MAAO,SACPC,OAAQ,UACRC,MAAO,YACPhC,I","ignoreList":[]}

package/dist/ui-library/p-baf698e1.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as r,H as s}from"./p-D0Go1Zjj.js";const i=":host{position:relative;isolation:isolate;height:100%;display:flex;align-items:center;box-sizing:border-box;padding:0 var(--six-spacing-large);border-bottom:solid var(--six-header-border-height) transparent;border-top:solid var(--six-header-border-height) transparent}:host(.six-header-item--active){border-bottom:solid var(--six-header-border-height) var(--six-header-border-color-open)}";const o=class{constructor(r){e(this,r);this.active=false}render(){return r(s,{key:"c53b61e12c5df9a806e3b3fb9d5d5398dd7d928f",class:{"six-header-item--active":this.active}},r("slot",{key:"92e5a89e4a4bcb795c3bfc9f3e076d267be01153"}))}};o.style=i;export{o as six_header_item};
+//# sourceMappingURL=p-baf698e1.entry.js.map

package/dist/ui-library/p-baf698e1.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixHeaderItemCss","SixHeaderItem","constructor","hostRef","this","active","render","h","Host","key","class"],"sources":["src/components/six-header-item/six-header-item.scss?tag=six-header-item&encapsulation=shadow","src/components/six-header-item/six-header-item.tsx"],"sourcesContent":[":host {\n  position: relative;\n  isolation: isolate;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  padding: 0 var(--six-spacing-large);\n  border-bottom: solid var(--six-header-border-height) transparent;\n  border-top: solid var(--six-header-border-height) transparent;\n}\n\n:host(.six-header-item--active) {\n  border-bottom: solid var(--six-header-border-height) var(--six-header-border-color-open);\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n/**\n * @since 4.2.7\n * @status stable\n */\n\n@Component({\n  tag: 'six-header-item',\n  styleUrl: 'six-header-item.scss',\n  shadow: true,\n})\nexport class SixHeaderItem {\n  /**\n   * Indicates whether the item is styled as active.\n   * When set to `true`, a border is displayed below the trigger element.\n   *\n   * Use <code>six-header-dropdown-item</code> to automatically set the active\n   * state for dropdowns.\n   */\n  @Prop({ reflect: true }) active = false;\n\n  render() {\n    return (\n      <Host class={{ 'six-header-item--active': this.active }}>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAmB,uY,MCYZC,EAAa,MAL1B,WAAAC,CAAAC,G,UAa2BC,KAAMC,OAAG,KASnC,CAPC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,CAAE,0BAA2BN,KAAKC,SAC7CE,EAAQ,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/ui-library/p-c04affa2.entry.js

@@ -0,0 +1,2 @@
+import{r as a,c as i,h as r}from"./p-D0Go1Zjj.js";import{a as s}from"./p-j3oIB5oT.js";import{d as t}from"./p-ltzGzaAu.js";const o=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:inline-block;overflow:hidden}.tag{display:flex;align-items:center;border:solid 1px;font-family:var(--six-font-family);line-height:1;white-space:nowrap;user-select:none;cursor:default}.tag__content{text-overflow:ellipsis;overflow:hidden}.tag__clear::part(base){color:inherit;padding:0}.tag--info{color:var(--six-color-white);background-color:var(--six-color-web-rock-900);border-color:var(--six-color-web-rock-900)}.tag--success{color:var(--six-color-web-rock-900);border-color:var(--six-color-success-500);background-color:var(--six-color-success-500)}.tag--primary{color:var(--six-color-web-rock-900);border-color:var(--six-color-clay-50);background-color:var(--six-color-clay-50)}.tag--warning{color:var(--six-color-web-rock-900);border-color:var(--six-color-warning-700);background-color:var(--six-color-warning-700)}.tag--danger{color:var(--six-color-white);border-color:var(--six-color-danger-800);background-color:var(--six-color-danger-800)}.tag--action{color:var(--six-color-white);border-color:var(--six-color-action-500);background-color:var(--six-color-action-500)}.tag--small{font-size:var(--six-button-font-size-small);height:calc(var(--six-height-small) * 0.8);line-height:calc(var(--six-height-small) - var(--six-border-width) * 2);border-radius:var(--six-input-border-radius-small);padding:0 var(--six-spacing-x-small)}.tag--small .tag__clear{margin-left:var(--six-spacing-xx-small);margin-right:calc(-1 * var(--six-spacing-xxx-small))}.tag--medium{font-size:var(--six-button-font-size-medium);height:calc(var(--six-height-medium) * 0.8);line-height:calc(var(--six-height-medium) - var(--six-border-width) * 2);border-radius:var(--six-input-border-radius-medium);padding:0 var(--six-spacing-small)}.tag--medium .tag__clear{margin-left:var(--six-spacing-xx-small);margin-right:calc(-1 * var(--six-spacing-xx-small))}.tag--large{font-size:var(--six-button-font-size-large);height:calc(var(--six-height-large) * 0.8);line-height:calc(var(--six-height-large) - var(--six-border-width) * 2);border-radius:var(--six-input-border-radius-large);padding:0 var(--six-spacing-medium)}.tag--large .tag__clear{margin-left:var(--six-spacing-xx-small);margin-right:calc(-1 * var(--six-spacing-x-small))}.tag--pill{border-radius:var(--six-border-radius-pill)}";const e=class{constructor(r){a(this,r);this.sixClear=i(this,"six-tag-clear");this.type="primary";this.size="medium";this.pill=false;this.clearable=false;this.resizeObserver=new ResizeObserver(t((()=>this.updateTooltip())));this.updateTooltip=()=>{if(this.tooltipElement!=null&&this.contentSlotElement!=null&&this.contentElement!=null){this.tooltipElement.content=s(this.contentSlotElement);this.tooltipElement.disabled=!(this.contentElement.offsetWidth<this.contentElement.scrollWidth)}};this.handleClearClick=()=>{this.sixClear.emit()}}connectedCallback(){if(this.contentElement!=null){this.resizeObserver.observe(this.contentElement)}}componentDidLoad(){if(this.contentElement!=null){this.resizeObserver.observe(this.contentElement)}}disconnectedCallback(){this.resizeObserver.disconnect()}render(){return r("span",{key:"6d436b39d9a220ad7e764afb2a61db3c15052bd8",part:"base",class:{tag:true,"tag--primary":this.type==="primary","tag--success":this.type==="success","tag--info":this.type==="info","tag--warning":this.type==="warning","tag--danger":this.type==="danger","tag--action":this.type==="action","tag--text":this.type==="text","tag--small":this.size==="small","tag--medium":this.size==="medium","tag--large":this.size==="large","tag--pill":this.pill,"tag--clear":this.clearable}},r("six-tooltip",{key:"12faec51f7e0ac427c47037b815564ff6509fa5b",ref:a=>this.tooltipElement=a},r("span",{key:"38d9b9a805f423491334d8c91463ec7f5c4a5460",ref:a=>this.contentElement=a,part:"content",class:"tag__content"},r("slot",{key:"1dce2aee10cb11b41ea4ff2a3691a7ed6050e3b9",ref:a=>this.contentSlotElement=a}))),this.clearable&&r("six-icon-button",{key:"d31750ec14c421b44ddc7a2f62db6dfd4ac19dd1",exportparts:"base:clear-button",size:"xSmall",name:"clear",class:"tag__clear",onClick:this.handleClearClick}))}};e.style=o;export{e as six_tag};
+//# sourceMappingURL=p-c04affa2.entry.js.map

package/dist/ui-library/p-c04affa2.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixTagCss","SixTag","constructor","hostRef","this","type","size","pill","clearable","resizeObserver","ResizeObserver","debounce","updateTooltip","tooltipElement","contentSlotElement","contentElement","content","getTextContent","disabled","offsetWidth","scrollWidth","handleClearClick","sixClear","emit","connectedCallback","observe","componentDidLoad","disconnectedCallback","disconnect","render","h","key","part","class","tag","ref","el","exportparts","name","onClick"],"sources":["src/components/six-tag/six-tag.scss?tag=six-tag&encapsulation=shadow","src/components/six-tag/six-tag.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: inline-block;\n  overflow: hidden;\n}\n\n.tag {\n  display: flex;\n  align-items: center;\n  border: solid 1px;\n  font-family: var(--six-font-family);\n  line-height: 1;\n  white-space: nowrap;\n  user-select: none;\n  cursor: default;\n}\n\n.tag__content {\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.tag__clear::part(base) {\n  color: inherit;\n  padding: 0;\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Type modifiers\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.tag--info {\n  color: var(--six-color-white);\n  background-color: var(--six-color-web-rock-900);\n  border-color: var(--six-color-web-rock-900);\n}\n\n.tag--success {\n  color: var(--six-color-web-rock-900);\n  border-color: var(--six-color-success-500);\n  background-color: var(--six-color-success-500);\n}\n\n.tag--primary {\n  color: var(--six-color-web-rock-900);\n  border-color: var(--six-color-clay-50);\n  background-color: var(--six-color-clay-50);\n}\n\n.tag--warning {\n  color: var(--six-color-web-rock-900);\n  border-color: var(--six-color-warning-700);\n  background-color: var(--six-color-warning-700);\n}\n\n.tag--danger {\n  color: var(--six-color-white);\n  border-color: var(--six-color-danger-800);\n  background-color: var(--six-color-danger-800);\n}\n\n.tag--action {\n  color: var(--six-color-white);\n  border-color: var(--six-color-action-500);\n  background-color: var(--six-color-action-500);\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Size modifiers\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.tag--small {\n  font-size: var(--six-button-font-size-small);\n  height: calc(var(--six-height-small) * 0.8);\n  line-height: calc(var(--six-height-small) - var(--six-border-width) * 2);\n  border-radius: var(--six-input-border-radius-small);\n  padding: 0 var(--six-spacing-x-small);\n\n  .tag__clear {\n    margin-left: var(--six-spacing-xx-small);\n    margin-right: calc(-1 * var(--six-spacing-xxx-small));\n  }\n}\n\n.tag--medium {\n  font-size: var(--six-button-font-size-medium);\n  height: calc(var(--six-height-medium) * 0.8);\n  line-height: calc(var(--six-height-medium) - var(--six-border-width) * 2);\n  border-radius: var(--six-input-border-radius-medium);\n  padding: 0 var(--six-spacing-small);\n\n  .tag__clear {\n    margin-left: var(--six-spacing-xx-small);\n    margin-right: calc(-1 * var(--six-spacing-xx-small));\n  }\n}\n\n.tag--large {\n  font-size: var(--six-button-font-size-large);\n  height: calc(var(--six-height-large) * 0.8);\n  line-height: calc(var(--six-height-large) - var(--six-border-width) * 2);\n  border-radius: var(--six-input-border-radius-large);\n  padding: 0 var(--six-spacing-medium);\n\n  .tag__clear {\n    margin-left: var(--six-spacing-xx-small);\n    margin-right: calc(-1 * var(--six-spacing-x-small));\n  }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Pill modifier\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.tag--pill {\n  border-radius: var(--six-border-radius-pill);\n}\n","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { EmptyPayload } from '../../utils/types';\nimport { getTextContent } from '../../utils/slot';\nimport { debounce } from '../../utils/execution-control';\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot - The tag's content.\n *\n * @part base - The component's base wrapper.\n * @part content - The tag content.\n * @part clear-button - The clear button.\n */\n\n@Component({\n  tag: 'six-tag',\n  styleUrl: 'six-tag.scss',\n  shadow: true,\n})\nexport class SixTag {\n  /** The tag's type. */\n  @Prop({ reflect: true }) type: 'primary' | 'success' | 'info' | 'warning' | 'danger' | 'action' | 'text' = 'primary';\n\n  /** The tag's size. */\n  @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Set to true to draw a pill-style tag with rounded edges. */\n  @Prop({ reflect: true }) pill = false;\n\n  /** Set to true to make the tag clearable. */\n  @Prop({ reflect: true }) clearable = false;\n\n  /** Emitted when the clear button is activated. */\n  @Event({ eventName: 'six-tag-clear' }) sixClear!: EventEmitter<EmptyPayload>;\n\n  private contentSlotElement: HTMLSlotElement | undefined;\n  private tooltipElement: HTMLSixTooltipElement | undefined;\n  private contentElement: HTMLElement | undefined;\n  private resizeObserver = new ResizeObserver(debounce(() => this.updateTooltip()));\n\n  connectedCallback() {\n    if (this.contentElement != null) {\n      this.resizeObserver.observe(this.contentElement);\n    }\n  }\n\n  componentDidLoad() {\n    if (this.contentElement != null) {\n      this.resizeObserver.observe(this.contentElement);\n    }\n  }\n\n  disconnectedCallback() {\n    this.resizeObserver.disconnect();\n  }\n\n  private updateTooltip = () => {\n    if (this.tooltipElement != null && this.contentSlotElement != null && this.contentElement != null) {\n      this.tooltipElement.content = getTextContent(this.contentSlotElement);\n      this.tooltipElement.disabled = !(this.contentElement.offsetWidth < this.contentElement.scrollWidth);\n    }\n  };\n\n  private handleClearClick = () => {\n    this.sixClear.emit();\n  };\n\n  render() {\n    return (\n      <span\n        part=\"base\"\n        class={{\n          tag: true,\n\n          // Types\n          'tag--primary': this.type === 'primary',\n          'tag--success': this.type === 'success',\n          'tag--info': this.type === 'info',\n          'tag--warning': this.type === 'warning',\n          'tag--danger': this.type === 'danger',\n          'tag--action': this.type === 'action',\n          'tag--text': this.type === 'text',\n\n          // Sizes\n          'tag--small': this.size === 'small',\n          'tag--medium': this.size === 'medium',\n          'tag--large': this.size === 'large',\n\n          // Modifers\n          'tag--pill': this.pill,\n          'tag--clear': this.clearable,\n        }}\n      >\n        <six-tooltip ref={(el) => (this.tooltipElement = el)}>\n          <span ref={(el) => (this.contentElement = el)} part=\"content\" class=\"tag__content\">\n            <slot ref={(el) => (this.contentSlotElement = el as HTMLSlotElement)} />\n          </span>\n        </six-tooltip>\n\n        {this.clearable && (\n          <six-icon-button\n            exportparts=\"base:clear-button\"\n            size=\"xSmall\"\n            name=\"clear\"\n            class=\"tag__clear\"\n            onClick={this.handleClearClick}\n          />\n        )}\n      </span>\n    );\n  }\n}\n"],"mappings":"0HAAA,MAAMA,EAAY,w8E,MCuBLC,EAAM,MALnB,WAAAC,CAAAC,G,gDAO2BC,KAAIC,KAA8E,UAGlFD,KAAIE,KAAiC,SAGrCF,KAAIG,KAAG,MAGPH,KAASI,UAAG,MAQ7BJ,KAAAK,eAAiB,IAAIC,eAAeC,GAAS,IAAMP,KAAKQ,mBAkBxDR,KAAaQ,cAAG,KACtB,GAAIR,KAAKS,gBAAkB,MAAQT,KAAKU,oBAAsB,MAAQV,KAAKW,gBAAkB,KAAM,CACjGX,KAAKS,eAAeG,QAAUC,EAAeb,KAAKU,oBAClDV,KAAKS,eAAeK,WAAad,KAAKW,eAAeI,YAAcf,KAAKW,eAAeK,Y,GAInFhB,KAAgBiB,iBAAG,KACzBjB,KAAKkB,SAASC,MAAM,CA+CvB,CAvEC,iBAAAC,GACE,GAAIpB,KAAKW,gBAAkB,KAAM,CAC/BX,KAAKK,eAAegB,QAAQrB,KAAKW,e,EAIrC,gBAAAW,GACE,GAAItB,KAAKW,gBAAkB,KAAM,CAC/BX,KAAKK,eAAegB,QAAQrB,KAAKW,e,EAIrC,oBAAAY,GACEvB,KAAKK,eAAemB,Y,CActB,MAAAC,GACE,OACEC,EACE,QAAAC,IAAA,2CAAAC,KAAK,OACLC,MAAO,CACLC,IAAK,KAGL,eAAgB9B,KAAKC,OAAS,UAC9B,eAAgBD,KAAKC,OAAS,UAC9B,YAAaD,KAAKC,OAAS,OAC3B,eAAgBD,KAAKC,OAAS,UAC9B,cAAeD,KAAKC,OAAS,SAC7B,cAAeD,KAAKC,OAAS,SAC7B,YAAaD,KAAKC,OAAS,OAG3B,aAAcD,KAAKE,OAAS,QAC5B,cAAeF,KAAKE,OAAS,SAC7B,aAAcF,KAAKE,OAAS,QAG5B,YAAaF,KAAKG,KAClB,aAAcH,KAAKI,YAGrBsB,EAAA,eAAAC,IAAA,2CAAaI,IAAMC,GAAQhC,KAAKS,eAAiBuB,GAC/CN,EAAM,QAAAC,IAAA,2CAAAI,IAAMC,GAAQhC,KAAKW,eAAiBqB,EAAKJ,KAAK,UAAUC,MAAM,gBAClEH,EAAA,QAAAC,IAAA,2CAAMI,IAAMC,GAAQhC,KAAKU,mBAAqBsB,MAIjDhC,KAAKI,WACJsB,EACE,mBAAAC,IAAA,2CAAAM,YAAY,oBACZ/B,KAAK,SACLgC,KAAK,QACLL,MAAM,aACNM,QAASnC,KAAKiB,mB","ignoreList":[]}

package/dist/ui-library/p-c2ec443c.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as i}from"./p-D0Go1Zjj.js";const r=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:grid}.center-content{display:grid;align-self:center;justify-self:center;grid-gap:5px;grid-auto-flow:column}.align-item{margin:auto}.indicator,.indicator--acceptance,.indicator--etu,.indicator--dev,.indicator--itu{font-family:var(--six-font-family);font-size:14px;font-weight:var(--six-font-weight-bold);display:grid;align-content:center;width:100%;height:24px}.indicator--itu{background-color:var(--six-color-success-600);color:var(--six-color-web-rock-900)}.indicator--dev{background-color:var(--six-color-web-rock-900);color:var(--six-color-white)}.indicator--etu{background-color:var(--six-color-action-600);color:var(--six-color-white)}.indicator--acceptance{background-color:var(--six-color-warning-800);color:var(--six-color-web-rock-900)}";const t=class{constructor(i){o(this,i);this.stage=null}render(){return this.stage==null||this.stage=="PROD"?null:i("div",{class:`indicator--${this.stage.toLowerCase()}`},i("div",{class:"center-content"},i("six-icon",{class:"align-item",size:"small"},"error_outline"),i("span",{class:"align-item"},i("slot",null))))}};t.style=r;export{t as six_stage_indicator};
+//# sourceMappingURL=p-c2ec443c.entry.js.map

package/dist/ui-library/p-c2ec443c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixStageIndicatorCss","SixStageIndicator","constructor","hostRef","this","stage","render","h","class","toLowerCase","size"],"sources":["src/components/six-stage-indicator/six-stage-indicator.scss?tag=six-stage-indicator&encapsulation=shadow","src/components/six-stage-indicator/six-stage-indicator.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: grid;\n}\n\n.center-content {\n  display: grid;\n  align-self: center;\n  justify-self: center;\n  grid-gap: 5px;\n  grid-auto-flow: column;\n}\n\n.align-item {\n  margin: auto;\n}\n\n.indicator {\n  font-family: var(--six-font-family);\n  font-size: 14px;\n  font-weight: var(--six-font-weight-bold);\n  display: grid;\n  align-content: center;\n  width: 100%;\n  height: 24px;\n\n  &--itu {\n    @extend .indicator;\n    background-color: var(--six-color-success-600);\n    color: var(--six-color-web-rock-900);\n  }\n\n  &--dev {\n    @extend .indicator;\n    background-color: var(--six-color-web-rock-900);\n    color: var(--six-color-white);\n  }\n\n  &--etu {\n    @extend .indicator;\n    background-color: var(--six-color-action-600);\n    color: var(--six-color-white);\n  }\n\n  &--acceptance {\n    @extend .indicator;\n    background-color: var(--six-color-warning-800);\n    color: var(--six-color-web-rock-900);\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\nexport type StageType = 'DEV' | 'ITU' | 'ETU' | 'ACCEPTANCE' | 'PROD' | null;\n\n@Component({\n  tag: 'six-stage-indicator',\n  styleUrl: 'six-stage-indicator.scss',\n  shadow: true,\n})\nexport class SixStageIndicator {\n  /** The indicators value attribute */\n  @Prop() stage: StageType = null;\n\n  render() {\n    return this.stage == null || this.stage == 'PROD' ? null : (\n      <div class={`indicator--${this.stage.toLowerCase()}`}>\n        <div class=\"center-content\">\n          <six-icon class=\"align-item\" size=\"small\">\n            error_outline\n          </six-icon>\n          <span class={'align-item'}>\n            <slot />\n          </span>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAuB,89B,MCShBC,EAAiB,MAL9B,WAAAC,CAAAC,G,UAOUC,KAAKC,MAAc,IAgB5B,CAdC,MAAAC,GACE,OAAOF,KAAKC,OAAS,MAAQD,KAAKC,OAAS,OAAS,KAClDE,EAAA,OAAKC,MAAO,cAAcJ,KAAKC,MAAMI,iBACnCF,EAAK,OAAAC,MAAM,kBACTD,EAAA,YAAUC,MAAM,aAAaE,KAAK,SAEvB,iBACXH,EAAM,QAAAC,MAAO,cACXD,EAAA,e","ignoreList":[]}

package/dist/ui-library/p-cc44af70.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as o,h as i,g as r}from"./p-D0Go1Zjj.js";import{E as s}from"./p-C4h4qpGl.js";import{F as e}from"./p-IBmarOIS.js";import{h as l}from"./p-j3oIB5oT.js";const a=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control .form-control__error-text{display:none;text-align:left}.form-control--has-label .form-control__label{display:inline-block;color:var(--six-input-label-color);font-weight:var(--six-font-weight-bold);margin-bottom:var(--six-spacing-x-small)}.form-control--has-label .form-control__label__required::after{color:var(--six-color-danger-800);content:"*";transform:scale(1.1);margin-left:var(--six-spacing-xxx-small);position:absolute}.form-control--has-label.form-control--small .form-control__label{font-size:var(--six-input-label-font-size-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--six-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control_label{font-size:var(--six-input-label-font-size-large)}.form-control--has-help-text .form-control__help-text{display:block;color:var(--six-input-help-text-color);margin-top:var(--six-spacing-x-small)}.form-control--has-help-text .form-control__help-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--has-error-text .form-control__error-text{display:block;margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text .form-control__error-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text.form-control--small .form-control__error-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-error-text.form-control--medium .form-control__error-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-error-text.form-control--large .form-control__error-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--disabled .form-control__help-text{color:var(--six-input-help-text-color-disabled)}.form-control--disabled .form-control__label{color:var(--six-input-label-color-disabled)}.form-control--invalid:not(.form-control--disabled) .form-control__label{color:var(--six-input-label-color)}:host{--height:var(--six-selection-control-toggle-size);--thumb-size:calc(var(--six-selection-control-toggle-size) - 4px);--width:calc(var(--height) * 2);display:inline-block}.switch{display:inline-flex;align-items:center;font-family:var(--six-font-family);font-size:var(--six-input-font-size-medium);font-weight:var(--six-input-font-weight);color:var(--six-input-color);vertical-align:middle;cursor:pointer}.switch__control{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--width);height:var(--height);background-color:var(--six-selection-control-color-disabled);border-radius:var(--height);transition:var(--six-transition-fast) border-color, var(--six-transition-fast) background-color}.switch__control .switch__thumb{width:var(--thumb-size);height:var(--thumb-size);background-color:var(--six-input-background-color);border-radius:50%;transform:translateX(calc(var(--width) / -2 + var(--thumb-size) / 2 - (var(--thumb-size) - var(--height)) / 2));transition:var(--six-transition-fast) transform ease, var(--six-transition-fast) background-color, var(--six-transition-fast) border-color, var(--six-transition-fast) box-shadow}.switch__control input[type=checkbox]{position:absolute;opacity:0;padding:0;margin:0;pointer-events:none}.switch:not(.switch--checked):not(.switch--disabled) .switch__control:hover{background-color:var(--six-input-border-color-hover)}.switch--checked .switch__control{background-color:var(--six-selection-control-color)}.switch--checked .switch__control .switch__thumb{background-color:var(--six-color-white);transform:translateX(calc(var(--width) / 2 - var(--thumb-size) / 2 + (var(--thumb-size) - var(--height)) / 2))}.switch.switch--checked:not(.switch--disabled) .switch__control:hover{background-color:var(--six-input-border-color-focus)}.switch--disabled{cursor:not-allowed;color:var(--six-selection-control-color-disabled)}.switch--disabled .switch__control{background-color:var(--six-selection-control-color-disabled)}.switch--disabled.switch--checked .switch__control{background-color:var(--six-selection-control-color-disabled)}.switch__label{line-height:var(--height);margin-left:0.5em;user-select:none}';let c=0;const n=class{constructor(i){t(this,i);this.sixBlur=o(this,"six-switch-blur");this.sixChange=o(this,"six-switch-change");this.sixFocus=o(this,"six-switch-focus");this.switchId=`switch-${++c}`;this.labelId=`switch-label-${c}`;this.errorTextId=`input-error-text-${c}`;this.eventListeners=new s;this.hasFocus=false;this.hasErrorTextSlot=false;this.name="";this.value="on";this.disabled=false;this.required=false;this.checked=false;this.label="";this.errorText="";this.invalid=false;this.handleSlotChange=()=>{this.hasErrorTextSlot=l(this.host,"error-text")};this.handleClick=()=>{if(this.inputElement!=null){this.checked=this.inputElement.checked;this.sixChange.emit(this.checked)}};this.handleBlur=()=>{this.hasFocus=false;this.sixBlur.emit(this.checked)};this.handleFocus=()=>{this.hasFocus=true;this.sixFocus.emit()};this.handleKeyDown=t=>{if(t.key==="ArrowLeft"){t.preventDefault();this.checked=false;this.sixChange.emit(this.checked)}if(t.key==="ArrowRight"){t.preventDefault();this.checked=true;this.sixChange.emit(this.checked)}};this.handleMouseDown=t=>{var o;t.preventDefault();(o=this.inputElement)===null||o===void 0?void 0:o.focus()}}componentWillLoad(){this.handleSlotChange()}handleCheckedChange(){if(this.inputElement!=null){this.inputElement.checked=this.checked;this.checked=this.inputElement.checked}}connectedCallback(){var t;(t=this.host.shadowRoot)===null||t===void 0?void 0:t.addEventListener("slotchange",this.handleSlotChange);this.eventListeners.forward("six-switch-change","change",this.host);this.eventListeners.forward("six-switch-blur","blur",this.host);this.eventListeners.forward("six-switch-focus","focus",this.host)}disconnectedCallback(){var t;(t=this.host.shadowRoot)===null||t===void 0?void 0:t.removeEventListener("slotchange",this.handleSlotChange);this.eventListeners.removeAll()}handleLabelChange(){this.handleSlotChange()}async setFocus(t){var o;(o=this.inputElement)===null||o===void 0?void 0:o.focus(t)}async removeFocus(){var t;(t=this.inputElement)===null||t===void 0?void 0:t.blur()}render(){return i(e,{key:"a358f086b57322b8e3225f4775b09506e766c968",inputId:this.switchId,label:this.label,labelId:this.labelId,hasLabelSlot:false,errorTextId:this.errorTextId,errorText:this.errorText,errorTextCount:this.errorTextCount,hasErrorTextSlot:this.hasErrorTextSlot,size:"medium",disabled:this.disabled,required:this.required,displayError:this.invalid},i("label",{key:"7b87b1d45026bb79c0c1ce5c0cf2e969ee0d0ca7",part:"base",htmlFor:this.switchId,class:{switch:true,"switch--checked":this.checked,"switch--disabled":this.disabled,"switch--focused":this.hasFocus},onMouseDown:this.handleMouseDown},i("span",{key:"35bd92fabfb1b177a048789e9f0f9d68499b7bd0",part:"control",class:"switch__control"},i("span",{key:"0c85de3b5d75b3d083554931a5648be5ba26f7fc",part:"thumb",class:"switch__thumb"}),i("input",{key:"5c807156b356962f347820301050cd096ba67330",ref:t=>this.inputElement=t,id:this.switchId,type:"checkbox",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,required:this.required,role:"switch","aria-checked":this.checked?"true":"false","aria-labelledby":this.labelId,onClick:this.handleClick,onBlur:this.handleBlur,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown})),i("span",{key:"923235545aec3ccb5c04aec3316fd8e5a2d027e2",part:"label",id:this.labelId,class:"switch__label"},i("slot",{key:"53e2689b7efaac1a93954d02eb7d6b1cdadc8c73"}))))}get host(){return r(this)}static get watchers(){return{checked:["handleCheckedChange"],errorText:["handleLabelChange"],label:["handleLabelChange"]}}};n.style=a;export{n as six_switch};
+//# sourceMappingURL=p-cc44af70.entry.js.map

package/dist/ui-library/p-cc44af70.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixSwitchCss","id","SixSwitch","constructor","hostRef","this","switchId","labelId","errorTextId","eventListeners","EventListeners","hasFocus","hasErrorTextSlot","name","value","disabled","required","checked","label","errorText","invalid","handleSlotChange","hasSlot","host","handleClick","inputElement","sixChange","emit","handleBlur","sixBlur","handleFocus","sixFocus","handleKeyDown","event","key","preventDefault","handleMouseDown","_a","focus","componentWillLoad","handleCheckedChange","connectedCallback","shadowRoot","addEventListener","forward","disconnectedCallback","removeEventListener","removeAll","handleLabelChange","setFocus","options","removeFocus","blur","render","h","FormControl","inputId","hasLabelSlot","errorTextCount","size","displayError","part","htmlFor","class","switch","onMouseDown","ref","el","type","role","onClick","onBlur","onFocus","onKeyDown"],"sources":["src/components/six-switch/six-switch.scss?tag=six-switch&encapsulation=shadow","src/components/six-switch/six-switch.tsx"],"sourcesContent":["@import 'src/global/component';\n@import '../../functional-components/form-control/form-control';\n\n/**\n * @prop --width: The width of the switch.\n * @prop --height: The height of the switch.\n * @prop --thumb-size: The size of the thumb.\n */\n:host {\n  --height: var(--six-selection-control-toggle-size);\n  --thumb-size: calc(var(--six-selection-control-toggle-size) - 4px);\n  --width: calc(var(--height) * 2);\n\n  display: inline-block;\n}\n\n.switch {\n  display: inline-flex;\n  align-items: center;\n  font-family: var(--six-font-family);\n  font-size: var(--six-input-font-size-medium);\n  font-weight: var(--six-input-font-weight);\n  color: var(--six-input-color);\n  vertical-align: middle;\n  cursor: pointer;\n}\n\n.switch__control {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--width);\n  height: var(--height);\n  background-color: var(--six-selection-control-color-disabled);\n  border-radius: var(--height);\n  transition:\n    var(--six-transition-fast) border-color,\n    var(--six-transition-fast) background-color;\n\n  .switch__thumb {\n    width: var(--thumb-size);\n    height: var(--thumb-size);\n    background-color: var(--six-input-background-color);\n    border-radius: 50%;\n    transform: translateX(calc(var(--width) / -2 + var(--thumb-size) / 2 - (var(--thumb-size) - var(--height)) / 2));\n    transition:\n      var(--six-transition-fast) transform ease,\n      var(--six-transition-fast) background-color,\n      var(--six-transition-fast) border-color,\n      var(--six-transition-fast) box-shadow;\n  }\n\n  input[type='checkbox'] {\n    position: absolute;\n    opacity: 0;\n    padding: 0;\n    margin: 0;\n    pointer-events: none;\n  }\n}\n\n// Hover\n.switch:not(.switch--checked):not(.switch--disabled) .switch__control:hover {\n  background-color: var(--six-input-border-color-hover);\n}\n\n// Checked\n.switch--checked .switch__control {\n  background-color: var(--six-selection-control-color);\n\n  .switch__thumb {\n    background-color: var(--six-color-white);\n    transform: translateX(calc(var(--width) / 2 - var(--thumb-size) / 2 + (var(--thumb-size) - var(--height)) / 2));\n  }\n}\n\n// Checked + hover\n.switch.switch--checked:not(.switch--disabled) .switch__control:hover {\n  background-color: var(--six-input-border-color-focus);\n}\n\n// Disabled\n.switch--disabled {\n  cursor: not-allowed;\n  color: var(--six-selection-control-color-disabled);\n\n  .switch__control {\n    background-color: var(--six-selection-control-color-disabled);\n  }\n\n  &.switch--checked .switch__control {\n    background-color: var(--six-selection-control-color-disabled);\n  }\n}\n\n.switch__label {\n  line-height: var(--height);\n  margin-left: 0.5em;\n  user-select: none;\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { EmptyPayload } from '../../utils/types';\nimport { EventListeners } from '../../utils/event-listeners';\nimport FormControl from '../../functional-components/form-control/form-control';\nimport { hasSlot } from '../../utils/slot';\n\nlet id = 0;\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot - The switch's label.\n * @slot error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text prop.\n *\n * @part base - The component's base wrapper.\n * @part control - The switch control.\n * @part thumb - The switch position indicator.\n * @part label - The switch label.\n */\n\n@Component({\n  tag: 'six-switch',\n  styleUrl: 'six-switch.scss',\n  shadow: true,\n})\nexport class SixSwitch {\n  private switchId = `switch-${++id}`;\n  private labelId = `switch-label-${id}`;\n  private errorTextId = `input-error-text-${id}`;\n\n  private inputElement?: HTMLInputElement;\n  private eventListeners = new EventListeners();\n\n  @Element() host!: HTMLSixSwitchElement;\n\n  @State() hasFocus = false;\n  @State() hasErrorTextSlot = false;\n\n  /** The switch's name attribute. */\n  @Prop() name = '';\n\n  /** The switch's value attribute. */\n  @Prop() value = 'on';\n\n  /** Set to true to disable the switch. */\n  @Prop() disabled = false;\n\n  /** Set to true to show an asterisk beneath the label. */\n  @Prop() required = false;\n\n  /** Set to true to draw the switch in a checked state. */\n  @Prop({ mutable: true, reflect: true }) checked = false;\n\n  /** The label text. */\n  @Prop() label = '';\n\n  /** The error message shown, if `invalid` is set to true.  */\n  @Prop() errorText: string | string[] = '';\n\n  /** The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 */\n  @Prop() errorTextCount?: number;\n\n  /** If this property is set to true and an error message is provided by `errorText`, the error message is displayed.  */\n  @Prop({ reflect: true }) invalid = false;\n\n  componentWillLoad() {\n    this.handleSlotChange();\n  }\n\n  @Watch('checked')\n  handleCheckedChange() {\n    if (this.inputElement != null) {\n      this.inputElement.checked = this.checked;\n      this.checked = this.inputElement.checked;\n    }\n  }\n\n  /** Emitted when the control loses focus. */\n  @Event({ eventName: 'six-switch-blur' }) sixBlur!: EventEmitter<boolean>;\n\n  /** Emitted when the control's checked state changes. */\n  @Event({ eventName: 'six-switch-change' }) sixChange!: EventEmitter<boolean>;\n\n  /** Emitted when the control gains focus. */\n  @Event({ eventName: 'six-switch-focus' }) sixFocus!: EventEmitter<EmptyPayload>;\n\n  connectedCallback() {\n    this.host.shadowRoot?.addEventListener('slotchange', this.handleSlotChange);\n    this.eventListeners.forward('six-switch-change', 'change', this.host);\n    this.eventListeners.forward('six-switch-blur', 'blur', this.host);\n    this.eventListeners.forward('six-switch-focus', 'focus', this.host);\n  }\n\n  disconnectedCallback() {\n    this.host.shadowRoot?.removeEventListener('slotchange', this.handleSlotChange);\n    this.eventListeners.removeAll();\n  }\n\n  @Watch('errorText')\n  @Watch('label')\n  handleLabelChange() {\n    this.handleSlotChange();\n  }\n\n  private handleSlotChange = () => {\n    this.hasErrorTextSlot = hasSlot(this.host, 'error-text');\n  };\n\n  /** Sets focus on the switch. */\n  @Method()\n  async setFocus(options?: FocusOptions) {\n    this.inputElement?.focus(options);\n  }\n\n  /** Removes focus from the switch. */\n  @Method()\n  async removeFocus() {\n    this.inputElement?.blur();\n  }\n\n  private handleClick = () => {\n    if (this.inputElement != null) {\n      this.checked = this.inputElement.checked;\n      this.sixChange.emit(this.checked);\n    }\n  };\n\n  private handleBlur = () => {\n    this.hasFocus = false;\n    this.sixBlur.emit(this.checked);\n  };\n\n  private handleFocus = () => {\n    this.hasFocus = true;\n    this.sixFocus.emit();\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'ArrowLeft') {\n      event.preventDefault();\n      this.checked = false;\n      this.sixChange.emit(this.checked);\n    }\n\n    if (event.key === 'ArrowRight') {\n      event.preventDefault();\n      this.checked = true;\n      this.sixChange.emit(this.checked);\n    }\n  };\n\n  private handleMouseDown = (event: MouseEvent) => {\n    // Prevent clicks on the label from briefly blurring the input\n    event.preventDefault();\n    this.inputElement?.focus();\n  };\n\n  render() {\n    return (\n      <FormControl\n        inputId={this.switchId}\n        label={this.label}\n        labelId={this.labelId}\n        hasLabelSlot={false}\n        errorTextId={this.errorTextId}\n        errorText={this.errorText}\n        errorTextCount={this.errorTextCount}\n        hasErrorTextSlot={this.hasErrorTextSlot}\n        size=\"medium\"\n        disabled={this.disabled}\n        required={this.required}\n        displayError={this.invalid}\n      >\n        <label\n          part=\"base\"\n          htmlFor={this.switchId}\n          class={{\n            switch: true,\n            'switch--checked': this.checked,\n            'switch--disabled': this.disabled,\n            'switch--focused': this.hasFocus,\n          }}\n          onMouseDown={this.handleMouseDown}\n        >\n          <span part=\"control\" class=\"switch__control\">\n            <span part=\"thumb\" class=\"switch__thumb\" />\n\n            <input\n              ref={(el) => (this.inputElement = el)}\n              id={this.switchId}\n              type=\"checkbox\"\n              name={this.name}\n              value={this.value}\n              checked={this.checked}\n              disabled={this.disabled}\n              required={this.required}\n              role=\"switch\"\n              aria-checked={this.checked ? 'true' : 'false'}\n              aria-labelledby={this.labelId}\n              onClick={this.handleClick}\n              onBlur={this.handleBlur}\n              onFocus={this.handleFocus}\n              onKeyDown={this.handleKeyDown}\n            />\n          </span>\n\n          <span part=\"label\" id={this.labelId} class=\"switch__label\">\n            <slot />\n          </span>\n        </label>\n      </FormControl>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ui-library/p-d1bd67af.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as a,H as o,g as s}from"./p-D0Go1Zjj.js";const e=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:flex}.tab{display:inline-flex;align-items:center;font-family:var(--six-font-family);font-size:var(--six-font-size-small);font-weight:var(--six-font-weight-semibold);color:var(--six-tab-color);padding:var(--six-spacing-medium) var(--six-spacing-large);white-space:nowrap;user-select:none;cursor:pointer;width:100%}.tab:focus{outline:none}.tab:focus-visible{outline:var(--six-focus-ring);outline-offset:calc(-1 * var(--six-focus-ring-width) - var(--six-focus-ring-offset))}.tab.tab--active:not(.tab--disabled){color:var(--six-tab-color-active);font-weight:var(--six-font-weight-bold)}.tab.tab--closable{padding-right:var(--six-spacing-small)}.tab.tab--disabled{color:var(--six-tab-color-disabled);cursor:not-allowed}.tab:hover:not(.tab--disabled){color:var(--six-tab-color-hover)}.tab__close-button{font-size:var(--six-font-size-large);margin-left:var(--six-spacing-xx-small)}.tab__close-button::part(base){padding:var(--six-spacing-xxx-small)}.tab__indicator{position:absolute}.tab__indicator.tab__indicator--active{background-color:var(--six-tab-border-color-active)}.tab--top{margin-bottom:var(--six-spacing-xxx-small)}.tab__indicator--top{width:100%;bottom:0;height:var(--six-tab-border-width)}.tab--bottom{margin-top:var(--six-spacing-xxx-small)}.tab__indicator--bottom{width:100%;top:0;height:var(--six-tab-border-width)}.tab--left{margin-right:var(--six-spacing-xxx-small)}.tab__indicator--left{height:100%;right:0;top:0;width:var(--six-tab-border-width)}.tab--right{margin-left:var(--six-spacing-xxx-small)}.tab__indicator--right{height:100%;left:0;top:0;width:var(--six-tab-border-width)}";let r=0;const b=class{constructor(a){t(this,a);this.sixClose=i(this,"six-tab-close");this.componentId=`tab-${++r}`;this.panel="";this.active=false;this.closable=false;this.disabled=false}connectedCallback(){this.handleCloseClick=this.handleCloseClick.bind(this)}async setFocus(t){var i;(i=this.tab)===null||i===void 0?void 0:i.focus(t)}async removeFocus(){var t;(t=this.tab)===null||t===void 0?void 0:t.blur()}handleCloseClick(){this.sixClose.emit()}render(){var t;const i=this.host.closest("six-tab-group");const s=(t=i===null||i===void 0?void 0:i.placement)!==null&&t!==void 0?t:"top";return a(o,{key:"6b59af3a0794c9ea26b362fa1ea1c0d7513babea",id:this.host.id||this.componentId},a("div",{key:"fdb3e8ffb5523a1e6c0f07287925169a0f5fd07f",part:"base",ref:t=>this.tab=t,class:{tab:true,"tab--top":s==="top","tab--bottom":s==="bottom","tab--left":s==="left","tab--right":s==="right","tab--active":this.active,"tab--closable":this.closable,"tab--disabled":this.disabled},role:"tab","aria-disabled":this.disabled?"true":"false","aria-selected":this.active?"true":"false",tabindex:this.disabled||!this.active?"-1":"0"},a("slot",{key:"907db4032971efbd5a4cfe145db3347404dba051"}),this.closable&&a("six-icon-button",{key:"117fbf10c199b315c8df0f4469b45b63956e156b",name:"close",size:"xSmall",exportparts:"base:close-button",class:"tab__close-button",onClick:this.handleCloseClick,tabIndex:-1,"aria-hidden":"true"})),a("div",{key:"0227ba2ba257cd478488d2b2d6f580bc5e95340b",part:this.active?"active-tab-indicator":"",class:{tab__indicator:true,"tab__indicator--active":this.active,"tab__indicator--top":s==="top","tab__indicator--bottom":s==="bottom","tab__indicator--left":s==="left","tab__indicator--right":s==="right"}}))}get host(){return s(this)}};b.style=e;export{b as six_tab};
+//# sourceMappingURL=p-d1bd67af.entry.js.map

package/dist/ui-library/p-d1bd67af.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixTabCss","id","SixTab","constructor","hostRef","this","componentId","panel","active","closable","disabled","connectedCallback","handleCloseClick","bind","setFocus","options","_a","tab","focus","removeFocus","blur","sixClose","emit","render","tabGroup","host","closest","placement","h","Host","key","part","ref","el","class","role","tabindex","name","size","exportparts","onClick","tabIndex","tab__indicator"],"sources":["src/components/six-tab/six-tab.scss?tag=six-tab&encapsulation=shadow","src/components/six-tab/six-tab.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: flex;\n}\n\n.tab {\n  display: inline-flex;\n  align-items: center;\n  font-family: var(--six-font-family);\n  font-size: var(--six-font-size-small);\n  font-weight: var(--six-font-weight-semibold);\n  color: var(--six-tab-color);\n  padding: var(--six-spacing-medium) var(--six-spacing-large);\n  white-space: nowrap;\n  user-select: none;\n  cursor: pointer;\n  width: 100%;\n\n  &:focus {\n    outline: none;\n  }\n\n  &:focus-visible {\n    outline: var(--six-focus-ring);\n    outline-offset: calc(-1 * var(--six-focus-ring-width) - var(--six-focus-ring-offset));\n  }\n\n  &.tab--active:not(.tab--disabled) {\n    color: var(--six-tab-color-active);\n    font-weight: var(--six-font-weight-bold);\n  }\n\n  &.tab--closable {\n    padding-right: var(--six-spacing-small);\n  }\n\n  &.tab--disabled {\n    color: var(--six-tab-color-disabled);\n    cursor: not-allowed;\n  }\n\n  &:hover:not(.tab--disabled) {\n    color: var(--six-tab-color-hover);\n  }\n}\n\n.tab__close-button {\n  font-size: var(--six-font-size-large);\n  margin-left: var(--six-spacing-xx-small);\n\n  &::part(base) {\n    padding: var(--six-spacing-xxx-small);\n  }\n}\n\n// TAB INDICATOR\n.tab__indicator {\n  position: absolute;\n  &.tab__indicator--active {\n    background-color: var(--six-tab-border-color-active);\n  }\n}\n\n// TOP\n.tab--top {\n  margin-bottom: var(--six-spacing-xxx-small);\n}\n\n.tab__indicator--top {\n  width: 100%;\n  bottom: 0;\n  height: var(--six-tab-border-width);\n}\n\n// BOTTOM\n.tab--bottom {\n  margin-top: var(--six-spacing-xxx-small);\n}\n\n.tab__indicator--bottom {\n  width: 100%;\n  top: 0;\n  height: var(--six-tab-border-width);\n}\n\n// LEFT\n.tab--left {\n  margin-right: var(--six-spacing-xxx-small);\n}\n\n.tab__indicator--left {\n  height: 100%;\n  right: 0;\n  top: 0;\n  width: var(--six-tab-border-width);\n}\n\n// RIGHT\n.tab--right {\n  margin-left: var(--six-spacing-xxx-small);\n}\n\n.tab__indicator--right {\n  height: 100%;\n  left: 0;\n  top: 0;\n  width: var(--six-tab-border-width);\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop } from '@stencil/core';\nimport { EmptyPayload } from '../../utils/types';\n\nlet id = 0;\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot - The tab's label.\n *\n * @part base - The component's base wrapper.\n * @part close-button - The close button, which is the icon button's base wrapper.\n */\n\n@Component({\n  tag: 'six-tab',\n  styleUrl: 'six-tab.scss',\n  shadow: true,\n})\nexport class SixTab {\n  private componentId = `tab-${++id}`;\n  private tab?: HTMLElement;\n\n  @Element() host!: HTMLSixTabElement;\n\n  /** The name of the tab panel the tab will control. The panel must be located in the same tab group. */\n  @Prop({ reflect: true }) panel = '';\n\n  /** Set to true to draw the tab in an active state. */\n  @Prop({ reflect: true }) active = false;\n\n  /** When true, the tab will be rendered with a close icon. */\n  @Prop() closable = false;\n\n  /** Set to true to draw the tab in a disabled state. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Emitted when the tab is closable and the close button is activated. */\n  @Event({ eventName: 'six-tab-close' }) sixClose!: EventEmitter<EmptyPayload>;\n\n  connectedCallback() {\n    this.handleCloseClick = this.handleCloseClick.bind(this);\n  }\n\n  /** Sets focus to the tab. */\n  @Method()\n  async setFocus(options?: FocusOptions) {\n    this.tab?.focus(options);\n  }\n\n  /** Removes focus from the tab. */\n  @Method()\n  async removeFocus() {\n    this.tab?.blur();\n  }\n\n  private handleCloseClick() {\n    this.sixClose.emit();\n  }\n\n  render() {\n    const tabGroup: HTMLSixTabGroupElement | null = this.host.closest('six-tab-group');\n    const placement = tabGroup?.placement ?? 'top';\n    return (\n      // If the user didn't provide an ID, we'll set one, so we can link tabs and tab panels with aria labels\n      <Host id={this.host.id || this.componentId}>\n        <div\n          part=\"base\"\n          ref={(el) => (this.tab = el)}\n          class={{\n            tab: true,\n\n            // Placements\n            'tab--top': placement === 'top',\n            'tab--bottom': placement === 'bottom',\n            'tab--left': placement === 'left',\n            'tab--right': placement === 'right',\n\n            // States\n            'tab--active': this.active,\n            'tab--closable': this.closable,\n            'tab--disabled': this.disabled,\n          }}\n          role=\"tab\"\n          aria-disabled={this.disabled ? 'true' : 'false'}\n          aria-selected={this.active ? 'true' : 'false'}\n          tabindex={this.disabled || !this.active ? '-1' : '0'}\n        >\n          <slot />\n          {this.closable && (\n            <six-icon-button\n              name=\"close\"\n              size=\"xSmall\"\n              exportparts=\"base:close-button\"\n              class=\"tab__close-button\"\n              onClick={this.handleCloseClick}\n              tabIndex={-1}\n              aria-hidden=\"true\"\n            />\n          )}\n        </div>\n        <div\n          part={this.active ? 'active-tab-indicator' : ''}\n          class={{\n            tab__indicator: true,\n            'tab__indicator--active': this.active,\n\n            // Placements\n            'tab__indicator--top': placement === 'top',\n            'tab__indicator--bottom': placement === 'bottom',\n            'tab__indicator--left': placement === 'left',\n            'tab__indicator--right': placement === 'right',\n          }}\n        ></div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAY,gzDCGlB,IAAIC,EAAK,E,MAmBIC,EAAM,MALnB,WAAAC,CAAAC,G,gDAMUC,KAAAC,YAAc,SAASL,IAMNI,KAAKE,MAAG,GAGRF,KAAMG,OAAG,MAG1BH,KAAQI,SAAG,MAGMJ,KAAQK,SAAG,KAkFrC,CA7EC,iBAAAC,GACEN,KAAKO,iBAAmBP,KAAKO,iBAAiBC,KAAKR,K,CAKrD,cAAMS,CAASC,G,OACbC,EAAAX,KAAKY,OAAG,MAAAD,SAAA,SAAAA,EAAEE,MAAMH,E,CAKlB,iBAAMI,G,OACJH,EAAAX,KAAKY,OAAK,MAAAD,SAAA,SAAAA,EAAAI,M,CAGJ,gBAAAR,GACNP,KAAKgB,SAASC,M,CAGhB,MAAAC,G,MACE,MAAMC,EAA0CnB,KAAKoB,KAAKC,QAAQ,iBAClE,MAAMC,GAAYX,EAAAQ,IAAA,MAAAA,SAAA,SAAAA,EAAUG,aAAa,MAAAX,SAAA,EAAAA,EAAA,MACzC,OAEEY,EAACC,EAAI,CAAAC,IAAA,2CAAC7B,GAAII,KAAKoB,KAAKxB,IAAMI,KAAKC,aAC7BsB,EACE,OAAAE,IAAA,2CAAAC,KAAK,OACLC,IAAMC,GAAQ5B,KAAKY,IAAMgB,EACzBC,MAAO,CACLjB,IAAK,KAGL,WAAYU,IAAc,MAC1B,cAAeA,IAAc,SAC7B,YAAaA,IAAc,OAC3B,aAAcA,IAAc,QAG5B,cAAetB,KAAKG,OACpB,gBAAiBH,KAAKI,SACtB,gBAAiBJ,KAAKK,UAExByB,KAAK,MAAK,gBACK9B,KAAKK,SAAW,OAAS,QAAO,gBAChCL,KAAKG,OAAS,OAAS,QACtC4B,SAAU/B,KAAKK,WAAaL,KAAKG,OAAS,KAAO,KAEjDoB,EAAQ,QAAAE,IAAA,6CACPzB,KAAKI,UACJmB,EAAA,mBAAAE,IAAA,2CACEO,KAAK,QACLC,KAAK,SACLC,YAAY,oBACZL,MAAM,oBACNM,QAASnC,KAAKO,iBACd6B,UAAU,EAAE,cACA,UAIlBb,EAAA,OAAAE,IAAA,2CACEC,KAAM1B,KAAKG,OAAS,uBAAyB,GAC7C0B,MAAO,CACLQ,eAAgB,KAChB,yBAA0BrC,KAAKG,OAG/B,sBAAuBmB,IAAc,MACrC,yBAA0BA,IAAc,SACxC,uBAAwBA,IAAc,OACtC,wBAAyBA,IAAc,W","ignoreList":[]}

package/dist/ui-library/p-d7616f27.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as s,h as t}from"./p-D0Go1Zjj.js";const a=".language-switcher__container{display:flex}.language-switcher__separator{padding:0 0.25rem}.language-switcher__label{cursor:pointer}.language-switcher__label:hover{color:var(--six-color-web-rock-600)}.language-switcher__label:focus-visible{outline:var(--six-focus-ring);outline-offset:var(--six-focus-ring-offset)}.language-switcher__label--selected{color:var(--six-color-black);text-decoration:underline}";const i=["EN","DE","ES"];const r=class{constructor(t){e(this,t);this.sixChange=s(this,"six-language-switcher-change");this.languages=i;this.handleLanguageSwitching=(e,s)=>()=>{if(s!==undefined){this.sixChange.emit(s)}else{this.sixChange.emit(e)}this.selected=e}}handleChangesLanguages(e){if(!Array.isArray(e)){throw new Error("languages is expected to be an array")}this.updateSelectedLanguage()}componentWillLoad(){if(this.selected===undefined){this.updateSelectedLanguage()}}updateSelectedLanguage(){const e=this.languages[0];if(typeof e==="string"){this.selected=e;this.sixChange.emit(this.selected)}else{this.selected=e.key;this.sixChange.emit(e.value)}}render(){return t("div",{key:"74112069d8765f735c938e7f18810bd7156c2fdd",part:"container",class:"language-switcher__container"},this.languages.map(((e,s)=>{const a=typeof e==="string"?e:e.key;return t("div",{onClick:this.handleLanguageSwitching(a,typeof e==="string"?e:e.value),onKeyDown:s=>{if(s.key==="Enter"||s.key===" "){this.handleLanguageSwitching(a,typeof e==="string"?e:e.value)()}}},t("span",{part:"label",tabindex:"0",class:{"language-switcher__label":true,"language-switcher__label--selected":this.selected===a}},a),s<this.languages.length-1&&t("span",{part:"separator",class:"language-switcher__separator"},"|"))})))}static get watchers(){return{languages:["handleChangesLanguages"]}}};r.style=a;export{r as six_language_switcher};
+//# sourceMappingURL=p-d7616f27.entry.js.map

package/dist/ui-library/p-d7616f27.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixLanguageSwitcherCss","DEFAULT_LANGUAGES","SixLanguageSwitcher","constructor","hostRef","this","languages","handleLanguageSwitching","newLanguage","languageValue","undefined","sixChange","emit","selected","handleChangesLanguages","newValue","Array","isArray","Error","updateSelectedLanguage","componentWillLoad","selectedLanguage","key","value","render","h","part","class","map","lang","index","language","onClick","onKeyDown","e","tabindex","length"],"sources":["src/components/six-language-switcher/six-language-switcher.scss?tag=six-language-switcher&encapsulation=shadow","src/components/six-language-switcher/six-language-switcher.tsx"],"sourcesContent":[".language-switcher {\n  &__container {\n    display: flex;\n  }\n\n  &__separator {\n    padding: 0 0.25rem;\n  }\n\n  &__label {\n    cursor: pointer;\n\n    &:hover {\n      color: var(--six-color-web-rock-600);\n    }\n\n    &:focus-visible {\n      outline: var(--six-focus-ring);\n      outline-offset: var(--six-focus-ring-offset);\n    }\n\n    &--selected {\n      color: var(--six-color-black);\n      text-decoration: underline;\n    }\n  }\n}\n","import { Component, Event, EventEmitter, h, Prop, Watch } from '@stencil/core';\n\n/**\n * @since 2.1.0\n * @status experimental\n **/\n\nexport interface SixLanguageSwitcherInput {\n  key: string;\n  value: string;\n}\nexport type SixLanguageSwitcherChangePayload = string;\n\nconst DEFAULT_LANGUAGES = ['EN', 'DE', 'ES'];\n\n/*\n * @since 2.2.0\n * @status experimental\n * @part container - The whole component container\n * @part label - The language label\n * @part separator - The separator between the language labels\n */\n@Component({\n  tag: 'six-language-switcher',\n  styleUrl: 'six-language-switcher.scss',\n  shadow: true,\n})\nexport class SixLanguageSwitcher {\n  /** The language which should be shown as selected */\n  @Prop({ mutable: true, reflect: true }) selected?: string;\n\n  /** The languages which should be selectable options. */\n  @Prop() languages: string[] | SixLanguageSwitcherInput[] = DEFAULT_LANGUAGES;\n\n  @Watch('languages')\n  handleChangesLanguages(newValue: string[]) {\n    if (!Array.isArray(newValue)) {\n      throw new Error('languages is expected to be an array');\n    }\n\n    this.updateSelectedLanguage();\n  }\n  /**\n   * Emitted when the language switchers value changes\n   */\n  @Event({ eventName: 'six-language-switcher-change' }) sixChange!: EventEmitter<SixLanguageSwitcherChangePayload>;\n\n  componentWillLoad() {\n    if (this.selected === undefined) {\n      this.updateSelectedLanguage();\n    }\n  }\n\n  private updateSelectedLanguage() {\n    const selectedLanguage = this.languages[0];\n    if (typeof selectedLanguage === 'string') {\n      this.selected = selectedLanguage;\n      this.sixChange.emit(this.selected);\n    } else {\n      this.selected = selectedLanguage.key;\n      this.sixChange.emit(selectedLanguage.value);\n    }\n  }\n\n  private handleLanguageSwitching = (newLanguage: string, languageValue?: string) => () => {\n    if (languageValue !== undefined) {\n      this.sixChange.emit(languageValue);\n    } else {\n      this.sixChange.emit(newLanguage);\n    }\n    this.selected = newLanguage;\n  };\n\n  render() {\n    return (\n      <div part=\"container\" class=\"language-switcher__container\">\n        {this.languages.map((lang, index) => {\n          const language = typeof lang === 'string' ? lang : lang.key;\n          return (\n            <div\n              onClick={this.handleLanguageSwitching(language, typeof lang === 'string' ? lang : lang.value)}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  this.handleLanguageSwitching(language, typeof lang === 'string' ? lang : lang.value)();\n                }\n              }}\n            >\n              <span\n                part=\"label\"\n                tabindex=\"0\"\n                class={{\n                  'language-switcher__label': true,\n                  'language-switcher__label--selected': this.selected === language,\n                }}\n              >\n                {language}\n              </span>\n\n              {index < this.languages.length - 1 && (\n                <span part=\"separator\" class=\"language-switcher__separator\">\n                  |\n                </span>\n              )}\n            </div>\n          );\n        })}\n      </div>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAyB,wZCa/B,MAAMC,EAAoB,CAAC,KAAM,KAAM,M,MAc1BC,EAAmB,MALhC,WAAAC,CAAAC,G,gEAUUC,KAASC,UAA0CL,EAgCnDI,KAAuBE,wBAAG,CAACC,EAAqBC,IAA2B,KACjF,GAAIA,IAAkBC,UAAW,CAC/BL,KAAKM,UAAUC,KAAKH,E,KACf,CACLJ,KAAKM,UAAUC,KAAKJ,E,CAEtBH,KAAKQ,SAAWL,CAAW,CAuC9B,CA1EC,sBAAAM,CAAuBC,GACrB,IAAKC,MAAMC,QAAQF,GAAW,CAC5B,MAAM,IAAIG,MAAM,uC,CAGlBb,KAAKc,wB,CAOP,iBAAAC,GACE,GAAIf,KAAKQ,WAAaH,UAAW,CAC/BL,KAAKc,wB,EAID,sBAAAA,GACN,MAAME,EAAmBhB,KAAKC,UAAU,GACxC,UAAWe,IAAqB,SAAU,CACxChB,KAAKQ,SAAWQ,EAChBhB,KAAKM,UAAUC,KAAKP,KAAKQ,S,KACpB,CACLR,KAAKQ,SAAWQ,EAAiBC,IACjCjB,KAAKM,UAAUC,KAAKS,EAAiBE,M,EAazC,MAAAC,GACE,OACEC,EAAA,OAAAH,IAAA,2CAAKI,KAAK,YAAYC,MAAM,gCACzBtB,KAAKC,UAAUsB,KAAI,CAACC,EAAMC,KACzB,MAAMC,SAAkBF,IAAS,SAAWA,EAAOA,EAAKP,IACxD,OACEG,EAAA,OACEO,QAAS3B,KAAKE,wBAAwBwB,SAAiBF,IAAS,SAAWA,EAAOA,EAAKN,OACvFU,UAAYC,IACV,GAAIA,EAAEZ,MAAQ,SAAWY,EAAEZ,MAAQ,IAAK,CACtCjB,KAAKE,wBAAwBwB,SAAiBF,IAAS,SAAWA,EAAOA,EAAKN,MAA9ElB,E,IAIJoB,EACE,QAAAC,KAAK,QACLS,SAAS,IACTR,MAAO,CACL,2BAA4B,KAC5B,qCAAsCtB,KAAKQ,WAAakB,IAGzDA,GAGFD,EAAQzB,KAAKC,UAAU8B,OAAS,GAC/BX,EAAA,QAAMC,KAAK,YAAYC,MAAM,gCAEtB,KAEL,I","ignoreList":[]}

package/dist/ui-library/p-df05b23b.entry.js

@@ -0,0 +1,2 @@
+import{r as i,h as e}from"./p-D0Go1Zjj.js";const s=":host{display:block}a{text-decoration:none;display:block}.sidebar-item{padding:var(--six-spacing-small) var(--six-spacing-medium);color:var(--six-sidebar-color);cursor:pointer;font-family:var(--six-font-family);margin-left:var(--six-spacing-xx-small);display:flex;align-items:center}.sidebar-item:hover:not(.sidebar-item--disabled){color:var(--six-color-web-rock-600)}.sidebar-item.sidebar-item--disabled{outline:none;color:var(--six-input-color-disabled);cursor:not-allowed}.sidebar-item.sidebar-item--selected{font-weight:var(--six-font-weight-bold)}.sidebar-item:focus{outline:none}.sidebar-item:focus-visible{outline:var(--six-focus-ring);outline-offset:var(--six-focus-ring-offset)}.six-sidebar-item__icon{margin-right:var(--six-spacing-medium)}";const a=class{constructor(e){i(this,e);this.value="";this.selected=false;this.disabled=false;this.icon=""}render(){const i=this.href!=null?"a":"div";return e(i,{key:"d36654ad6af78000c79191da18b9af02d582dde1",class:{"sidebar-item":true,"sidebar-item--selected":this.selected,"sidebar-item--disabled":this.disabled},role:"menuitem",href:this.href,"aria-selected":this.selected?"true":"false","aria-disabled":this.disabled?"true":"false"},this.icon&&e("six-icon",{key:"8664269ee064fa6abd7529ddf92bfcd62e1fe83d",class:"six-sidebar-item__icon"},this.icon),e("slot",{key:"528d1bd9d6b2e329292a90b7f21412f441dce27b"}))}};a.style=s;export{a as six_sidebar_item};
+//# sourceMappingURL=p-df05b23b.entry.js.map

package/dist/ui-library/p-df05b23b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixSidebarItemCss","SixSidebarItem","constructor","hostRef","this","value","selected","disabled","icon","render","Tag","href","h","key","class","role"],"sources":["src/components/six-sidebar-item/six-sidebar-item.scss?tag=six-sidebar-item&encapsulation=shadow","src/components/six-sidebar-item/six-sidebar-item.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\na {\n  text-decoration: none;\n  display: block;\n}\n\n.sidebar-item {\n  padding: var(--six-spacing-small) var(--six-spacing-medium);\n  color: var(--six-sidebar-color);\n  cursor: pointer;\n  font-family: var(--six-font-family);\n  margin-left: var(--six-spacing-xx-small);\n  display: flex;\n  align-items: center;\n\n  &:hover:not(.sidebar-item--disabled) {\n    color: var(--six-color-web-rock-600);\n  }\n\n  &.sidebar-item--disabled {\n    outline: none;\n    color: var(--six-input-color-disabled);\n    cursor: not-allowed;\n  }\n\n  &.sidebar-item--selected {\n    font-weight: var(--six-font-weight-bold);\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:focus-visible {\n    outline: var(--six-focus-ring);\n    outline-offset: var(--six-focus-ring-offset);\n  }\n}\n\n.six-sidebar-item__icon {\n  margin-right: var(--six-spacing-medium);\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * @slot - Used to define the nested displayed text of the item.\n */\n\n@Component({\n  tag: 'six-sidebar-item',\n  styleUrl: 'six-sidebar-item.scss',\n  shadow: true,\n})\nexport class SixSidebarItem {\n  /** A unique value to store in the sidebar item. This can be used as a way to identify sidebar items when selected. */\n  @Prop({ reflect: true }) value = '';\n\n  /** Set to true to draw the item in a selected state. */\n  @Prop({ reflect: true }) selected = false;\n\n  /** Set to true to draw the sidebar item in a disabled state. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Icon of the item */\n  @Prop() icon = '';\n\n  /**\n   * Provide if the item should be rendered as anchor tag.\n   * Note, that the href is added automatically when using routerLink in Angular.\n   */\n  @Prop({ reflect: true }) href: string | undefined;\n\n  render() {\n    const Tag = this.href != null ? 'a' : 'div';\n    return (\n      <Tag\n        class={{\n          'sidebar-item': true,\n          'sidebar-item--selected': this.selected,\n          'sidebar-item--disabled': this.disabled,\n        }}\n        role=\"menuitem\"\n        href={this.href}\n        aria-selected={this.selected ? 'true' : 'false'}\n        aria-disabled={this.disabled ? 'true' : 'false'}\n      >\n        {this.icon && <six-icon class=\"six-sidebar-item__icon\">{this.icon}</six-icon>}\n        <slot></slot>\n      </Tag>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAoB,ivB,MCcbC,EAAc,MAL3B,WAAAC,CAAAC,G,UAO2BC,KAAKC,MAAG,GAGRD,KAAQE,SAAG,MAGXF,KAAQG,SAAG,MAG5BH,KAAII,KAAG,EA2BhB,CAnBC,MAAAC,GACE,MAAMC,EAAMN,KAAKO,MAAQ,KAAO,IAAM,MACtC,OACEC,EAACF,EAAG,CAAAG,IAAA,2CACFC,MAAO,CACL,eAAgB,KAChB,yBAA0BV,KAAKE,SAC/B,yBAA0BF,KAAKG,UAEjCQ,KAAK,WACLJ,KAAMP,KAAKO,KACI,gBAAAP,KAAKE,SAAW,OAAS,QAAO,gBAChCF,KAAKG,SAAW,OAAS,SAEvCH,KAAKI,MAAQI,EAAU,YAAAC,IAAA,2CAAAC,MAAM,0BAA0BV,KAAKI,MAC7DI,EAAa,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/ui-library/p-f0c10d20.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as o,h as i,g as r}from"./p-D0Go1Zjj.js";import{s}from"./p-BY6hIEFX.js";function e(t,o,i={duration:150,easing:"ease",fill:"both"}){const r=o.getBoundingClientRect();const s=t.getBoundingClientRect();const e=r.left-s.left;const a=r.top-s.top;const l=r.width/s.width;const n=r.height/s.height;t.animate([{transformOrigin:"top left",transform:`translate(${e}px, ${a}px) scale(${l}, ${n})`},{transformOrigin:"top left",transform:"none"}],i)}const a=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:block}.tab-group{display:flex;border:solid 1px transparent;border-radius:0}.tab-group .tab-group__tabs{display:flex;position:relative}.tab-group--has-scroll-controls .tab-group__nav-container{position:relative;padding:0 var(--six-spacing-x-large)}.tab-group__scroll-button{display:flex;align-items:center;justify-content:center;position:absolute;top:0;bottom:0;width:var(--six-spacing-x-large)}.tab-group__scroll-button--left{left:0}.tab-group__scroll-button--right{right:0}.tab-group--top{flex-direction:column}.tab-group--top .tab-group__nav-container{order:1}.tab-group--top .tab-group__nav{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-group--top .tab-group__nav::-webkit-scrollbar{width:0;height:0}.tab-group--top .tab-group__tabs{flex:1 1 auto;position:relative;flex-direction:row}.tab-group--top .tab-group__body{order:2}.tab-group--bottom{flex-direction:column}.tab-group--bottom .tab-group__nav-container{order:2}.tab-group--bottom .tab-group__nav{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-group--bottom .tab-group__nav::-webkit-scrollbar{width:0;height:0}.tab-group--bottom .tab-group__tabs{flex:1 1 auto;position:relative;flex-direction:row}.tab-group--bottom .tab-group__body{order:1}.tab-group--left{flex-direction:row}.tab-group--left .tab-group__nav-container{order:1}.tab-group--left .tab-group__tabs{flex:0 0 auto;flex-direction:column}.tab-group--left .tab-group__body{flex:1 1 auto;order:2}.tab-group--right{flex-direction:row}.tab-group--right .tab-group__nav-container{order:2}.tab-group--right .tab-group__tabs{flex:0 0 auto;flex-direction:column}.tab-group--right .tab-group__body{flex:1 1 auto;order:1}";const l=class{constructor(i){t(this,i);this.sixTabShow=o(this,"six-tab-show");this.sixTabHide=o(this,"six-tab-hide");this.hasLeftControl=false;this.hasRightControl=false;this.placement="top";this.noScrollControls=false;this.handleClick=t=>{const o=t.target;const i=o.closest("six-tab");const r=i===null||i===void 0?void 0:i.closest("six-tab-group");if(r!==this.host){return false}if(i!=null){this.setActiveTab(i)}};this.handleKeyDown=t=>{if(this.nav==null)return;const o=t.target;const i=o.closest("six-tab");const r=i===null||i===void 0?void 0:i.closest("six-tab-group");if(r!==this.host){return false}if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key)){const o=document.activeElement;if(o&&o.tagName.toLowerCase()==="six-tab"){const i=this.getAllTabs();let r=i.indexOf(o);if(t.key==="Home"){r=0}else if(t.key==="End"){r=i.length-1}else if(t.key==="ArrowLeft"){r=Math.max(0,r-1)}else if(t.key==="ArrowRight"){r=Math.min(i.length-1,r+1)}i[r].setFocus({preventScroll:true});this.setActiveTab(i[r]);if(["top","bottom"].includes(this.placement)){s(i[r],this.nav,"horizontal")}t.preventDefault()}}};this.handleScrollLeft=()=>{if(this.nav==null)return;this.nav.scroll({left:this.nav.scrollLeft-this.nav.clientWidth,behavior:"smooth"})};this.handleScrollRight=()=>{if(this.nav==null)return;this.nav.scroll({left:this.nav.scrollLeft+this.nav.clientWidth,behavior:"smooth"})}}handleNoScrollControlsChange(){this.updateScrollControls()}componentDidLoad(){if(this.tabGroup==null||this.nav==null)return;const t=new IntersectionObserver(((t,o)=>{if(t[0].intersectionRatio>0){this.setAriaLabels();this.setActiveTab(this.getActiveTab()||this.getAllTabs()[0],false);o.unobserve(t[0].target)}}));t.observe(this.host);this.resizeObserver=new ResizeObserver((()=>this.updateScrollControls()));this.resizeObserver.observe(this.nav);requestAnimationFrame((()=>this.updateScrollControls()));this.nav.addEventListener("scroll",(()=>{if(this.nav==null){return}this.hasRightControl=this.calculateRightControlVisibility();this.hasLeftControl=this.calculateLeftControlVisibility()}));this.mutationObserver=new MutationObserver((t=>{if(t.some((t=>{var o;return!["aria-labelledby","aria-controls"].includes((o=t.attributeName)!==null&&o!==void 0?o:"")}))){setTimeout((()=>this.setAriaLabels()))}}));this.mutationObserver.observe(this.host,{attributes:true,childList:true,subtree:true})}disconnectedCallback(){if(this.mutationObserver==null||this.tabGroup==null||this.nav==null||this.resizeObserver==null){return}this.mutationObserver.disconnect();this.resizeObserver.unobserve(this.nav)}async show(t){const o=this.getAllTabs();const i=o.find((o=>o.panel===t));if(i!=null){this.setActiveTab(i)}}getAllTabs(t=false){var o;const i=(o=this.tabs)===null||o===void 0?void 0:o.querySelector("slot");if(i==null)return[];return[...i.assignedElements()].filter((o=>t?o.tagName.toLowerCase()==="six-tab":o.tagName.toLowerCase()==="six-tab"&&!o.disabled))}getAllPanels(){var t;const o=(t=this.body)===null||t===void 0?void 0:t.querySelector("slot");if(o==null)return[];return[...o.assignedElements()].filter((t=>t.tagName.toLowerCase()==="six-tab-panel"))}getActiveTab(){return this.getAllTabs().find((t=>t.active))}calculateRightControlVisibility(){var t,o,i;if(this.nav==null){return false}return Math.abs((t=this.nav)===null||t===void 0?void 0:t.scrollLeft)+((o=this.nav)===null||o===void 0?void 0:o.clientWidth)<((i=this.nav)===null||i===void 0?void 0:i.scrollWidth)-1}calculateLeftControlVisibility(){var t;if(this.nav==null){return false}return Math.abs((t=this.nav)===null||t===void 0?void 0:t.scrollLeft)>0}updateScrollControls(){if(this.nav==null)return;this.hasRightControl=this.noScrollControls?false:["top","bottom"].includes(this.placement)&&this.calculateRightControlVisibility();this.hasLeftControl=this.noScrollControls?false:["top","bottom"].includes(this.placement)&&this.calculateLeftControlVisibility()}setActiveTab(t,o=true){var i,r,a;if(this.nav==null)return;const l=(i=t===null||t===void 0?void 0:t.shadowRoot)===null||i===void 0?void 0:i.querySelector(".tab__indicator");const n=(a=(r=this.getActiveTab())===null||r===void 0?void 0:r.shadowRoot)===null||a===void 0?void 0:a.querySelector(".tab__indicator");if(n!=null&&l!=null){e(l,n)}if(t!==this.activeTab&&!t.disabled){const i=this.activeTab;this.activeTab=t;this.getAllTabs().map((t=>t.active=t===this.activeTab));this.getAllPanels().map((t=>{var o;return t.active=t.name===((o=this.activeTab)===null||o===void 0?void 0:o.panel)}));if(["top","bottom"].includes(this.placement)){s(this.activeTab,this.nav,"horizontal")}if(o){if(i!=null){this.sixTabHide.emit({name:i.panel})}this.sixTabShow.emit({name:this.activeTab.panel})}}}setAriaLabels(){const t=this.getAllTabs();const o=this.getAllPanels();t.map((t=>{var i,r;const s=o.find((o=>o.name===t.panel));if(s!=null){t.setAttribute("aria-controls",(i=s.getAttribute("id"))!==null&&i!==void 0?i:"");s.setAttribute("aria-labelledby",(r=t.getAttribute("id"))!==null&&r!==void 0?r:"")}}))}render(){return i("div",{key:"8e1680692b65ef2cf91d3dc3ab9dd76cb8359823",part:"base",ref:t=>this.tabGroup=t,class:{"tab-group":true,"tab-group--top":this.placement==="top","tab-group--bottom":this.placement==="bottom","tab-group--left":this.placement==="left","tab-group--right":this.placement==="right","tab-group--has-scroll-controls":this.hasRightControl||this.hasLeftControl},onClick:this.handleClick,onKeyDown:this.handleKeyDown},i("div",{key:"bedb1b223b85cd4cf918a3b396fa7e1867016ca6",class:"tab-group__nav-container"},this.hasLeftControl&&i("six-icon-button",{key:"04a855b42c6258daa8c8759191530be013e6d894",class:"tab-group__scroll-button tab-group__scroll-button--left",exportparts:"base:scroll-button",name:"chevron_left",onClick:this.handleScrollLeft}),i("div",{ref:t=>this.nav=t,key:"nav",part:"nav",class:"tab-group__nav"},i("div",{key:"a7d11be622d317e5d1145f196228f6113c0b50ed",ref:t=>this.tabs=t,part:"tabs",class:"tab-group__tabs",role:"tablist"},i("slot",{key:"5a669e6d813efc6c5416ebf5f281539842d63e02",name:"nav"}))),this.hasRightControl&&i("six-icon-button",{key:"31d61731441ecef93f315153de71d2ea10f5e58b",class:"tab-group__scroll-button tab-group__scroll-button--right",exportparts:"base:scroll-button",name:"chevron_right",onClick:this.handleScrollRight})),i("div",{key:"68bbdc3b94ee2119fa58d3c6a13a9b135bc941ed",ref:t=>this.body=t,part:"body",class:"tab-group__body"},i("slot",{key:"17de99799e669ae5c18afb6da7e2a23c5c3064e5"})))}get host(){return r(this)}static get watchers(){return{noScrollControls:["handleNoScrollControlsChange"]}}};l.style=a;export{l as six_tab_group};
+//# sourceMappingURL=p-f0c10d20.entry.js.map

package/dist/ui-library/p-f0c10d20.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["flipAnimate","element","fromElement","options","duration","easing","fill","dimensionsTo","getBoundingClientRect","dimensionsFrom","deltaX","left","deltaY","top","deltaW","width","deltaH","height","animate","transformOrigin","transform","sixTabGroupCss","SixTabGroup","constructor","hostRef","this","hasLeftControl","hasRightControl","placement","noScrollControls","handleClick","event","target","tab","closest","tabGroup","host","setActiveTab","handleKeyDown","nav","includes","key","activeEl","document","activeElement","tagName","toLowerCase","tabs","getAllTabs","index","indexOf","length","Math","max","min","setFocus","preventScroll","scrollIntoView","preventDefault","handleScrollLeft","scroll","scrollLeft","clientWidth","behavior","handleScrollRight","handleNoScrollControlsChange","updateScrollControls","componentDidLoad","observer","IntersectionObserver","entries","intersectionRatio","setAriaLabels","getActiveTab","unobserve","observe","resizeObserver","ResizeObserver","requestAnimationFrame","addEventListener","calculateRightControlVisibility","calculateLeftControlVisibility","mutationObserver","MutationObserver","mutations","some","mutation","_a","attributeName","setTimeout","attributes","childList","subtree","disconnectedCallback","disconnect","show","panel","find","el","includeDisabled","slot","querySelector","assignedElements","filter","disabled","getAllPanels","body","active","abs","_b","_c","scrollWidth","emitEvents","newIndicator","shadowRoot","oldIndicator","activeTab","previousTab","map","name","sixTabHide","emit","sixTabShow","panels","setAttribute","getAttribute","render","h","part","ref","class","onClick","onKeyDown","exportparts","role"],"sources":["src/utils/animation.ts","src/components/six-tab-group/six-tab-group.scss?tag=six-tab-group&encapsulation=shadow","src/components/six-tab-group/six-tab-group.tsx"],"sourcesContent":["/**\n * Animates a given `element` from the position and dimension of `fromElement` to\n * its current position and dimension. Can be useful to implement the FLIP animation technique.\n *\n * @see {@link https://css-tricks.com/animating-layouts-with-the-flip-technique/} for details on the FLIP technique.\n *\n * @param {Element} element - The element to animate.\n * @param {Element} fromElement - The element representing the initial position and dimensions.\n * @param {KeyframeAnimationOptions} [options={ duration: 150, easing: 'ease', fill: 'both' }] - Optional animation parameters.\n *\n */\nexport function flipAnimate(\n  element: Element,\n  fromElement: Element,\n  options: KeyframeAnimationOptions = {\n    duration: 150,\n    easing: 'ease',\n    fill: 'both',\n  }\n) {\n  const dimensionsTo = fromElement.getBoundingClientRect();\n  const dimensionsFrom = element.getBoundingClientRect();\n\n  const deltaX = dimensionsTo.left - dimensionsFrom.left;\n  const deltaY = dimensionsTo.top - dimensionsFrom.top;\n  const deltaW = dimensionsTo.width / dimensionsFrom.width;\n  const deltaH = dimensionsTo.height / dimensionsFrom.height;\n\n  element.animate(\n    [\n      {\n        transformOrigin: 'top left',\n        transform: `translate(${deltaX}px, ${deltaY}px) scale(${deltaW}, ${deltaH})`,\n      },\n      {\n        transformOrigin: 'top left',\n        transform: 'none',\n      },\n    ],\n    options\n  );\n}\n","@import 'src/global/component';\n@import 'src/global/mixins/hide-scrollbar';\n\n:host {\n  display: block;\n}\n\n.tab-group {\n  display: flex;\n  border: solid 1px transparent;\n  border-radius: 0;\n\n  .tab-group__tabs {\n    display: flex;\n    position: relative;\n  }\n}\n\n.tab-group--has-scroll-controls .tab-group__nav-container {\n  position: relative;\n  padding: 0 var(--six-spacing-x-large);\n}\n\n.tab-group__scroll-button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: var(--six-spacing-x-large);\n}\n\n.tab-group__scroll-button--left {\n  left: 0;\n}\n\n.tab-group__scroll-button--right {\n  right: 0;\n}\n\n// TOP\n.tab-group--top {\n  flex-direction: column;\n\n  .tab-group__nav-container {\n    order: 1;\n  }\n\n  .tab-group__nav {\n    display: flex;\n    overflow-x: auto;\n    @include hide-scrollbar();\n  }\n\n  .tab-group__tabs {\n    flex: 1 1 auto;\n    position: relative;\n    flex-direction: row;\n  }\n\n  .tab-group__body {\n    order: 2;\n  }\n}\n\n// Bottom\n.tab-group--bottom {\n  flex-direction: column;\n\n  .tab-group__nav-container {\n    order: 2;\n  }\n\n  .tab-group__nav {\n    display: flex;\n    overflow-x: auto;\n    @include hide-scrollbar();\n  }\n\n  .tab-group__tabs {\n    flex: 1 1 auto;\n    position: relative;\n    flex-direction: row;\n  }\n\n  .tab-group__body {\n    order: 1;\n  }\n}\n\n// Left\n\n.tab-group--left {\n  flex-direction: row;\n\n  .tab-group__nav-container {\n    order: 1;\n  }\n\n  .tab-group__tabs {\n    flex: 0 0 auto;\n    flex-direction: column;\n  }\n\n  .tab-group__body {\n    flex: 1 1 auto;\n    order: 2;\n  }\n}\n\n// Right\n.tab-group--right {\n  flex-direction: row;\n\n  .tab-group__nav-container {\n    order: 2;\n  }\n\n  .tab-group__tabs {\n    flex: 0 0 auto;\n    flex-direction: column;\n  }\n\n  .tab-group__body {\n    flex: 1 1 auto;\n    order: 1;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { scrollIntoView } from '../../utils/scroll';\nimport { flipAnimate } from '../../utils/animation';\n\nexport interface SixTabShowPayload {\n  name: string;\n}\n\nexport interface SixTabHidePayload {\n  name: string;\n}\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot nav - Used for grouping tabs in the tab group.\n * @slot - Used for grouping tab panels in the tab group.\n *\n * @part base - The component's base wrapper.\n * @part nav - The tab group navigation container.\n * @part tabs - The container that wraps the slotted tabs.\n * @part active-tab-indicator - An element that displays the currently selected tab. This is a child of the tab's container.\n * @part body - The tab group body where tab panels are slotted in.\n * @part scroll-button - The previous and next scroll buttons that appear when tabs are scrollable.\n */\n@Component({\n  tag: 'six-tab-group',\n  styleUrl: 'six-tab-group.scss',\n  shadow: true,\n})\nexport class SixTabGroup {\n  private activeTab?: HTMLSixTabElement;\n  private body?: HTMLElement;\n  private mutationObserver?: MutationObserver;\n  private nav?: HTMLElement;\n  private resizeObserver?: ResizeObserver;\n  private tabGroup?: HTMLElement;\n  private tabs?: HTMLElement;\n\n  @Element() host!: HTMLSixTabGroupElement;\n\n  @State() hasLeftControl = false;\n  @State() hasRightControl = false;\n\n  /** The placement of the tabs. */\n  @Prop() placement: 'top' | 'bottom' | 'left' | 'right' = 'top';\n\n  /** Disables the scroll arrows that appear when tabs overflow. */\n  @Prop() noScrollControls = false;\n\n  @Watch('noScrollControls')\n  handleNoScrollControlsChange() {\n    this.updateScrollControls();\n  }\n\n  /** Emitted when a tab is shown. */\n  @Event({ eventName: 'six-tab-show' }) sixTabShow!: EventEmitter<SixTabShowPayload>;\n\n  /** Emitted when a tab is hidden. */\n  @Event({ eventName: 'six-tab-hide' }) sixTabHide!: EventEmitter<SixTabHidePayload>;\n\n  componentDidLoad() {\n    if (this.tabGroup == null || this.nav == null) return;\n\n    // Set initial tab state when the tabs first become visible\n    const observer = new IntersectionObserver((entries, observer) => {\n      if (entries[0].intersectionRatio > 0) {\n        this.setAriaLabels();\n        this.setActiveTab(this.getActiveTab() || this.getAllTabs()[0], false);\n        observer.unobserve(entries[0].target);\n      }\n    });\n    observer.observe(this.host);\n    this.resizeObserver = new ResizeObserver(() => this.updateScrollControls());\n    this.resizeObserver.observe(this.nav);\n    requestAnimationFrame(() => this.updateScrollControls());\n\n    this.nav.addEventListener('scroll', () => {\n      if (this.nav == null) {\n        return;\n      }\n      this.hasRightControl = this.calculateRightControlVisibility();\n\n      this.hasLeftControl = this.calculateLeftControlVisibility();\n    });\n\n    // Update aria labels if the DOM changes\n    this.mutationObserver = new MutationObserver((mutations) => {\n      if (\n        mutations.some((mutation) => {\n          return !['aria-labelledby', 'aria-controls'].includes(mutation.attributeName ?? '');\n        })\n      ) {\n        setTimeout(() => this.setAriaLabels());\n      }\n    });\n    this.mutationObserver.observe(this.host, { attributes: true, childList: true, subtree: true });\n  }\n\n  disconnectedCallback() {\n    if (this.mutationObserver == null || this.tabGroup == null || this.nav == null || this.resizeObserver == null) {\n      return;\n    }\n    this.mutationObserver.disconnect();\n    this.resizeObserver.unobserve(this.nav);\n  }\n\n  /** Shows the specified tab panel. */\n  @Method()\n  async show(panel: string) {\n    const tabs = this.getAllTabs();\n    const tab = tabs.find((el) => el.panel === panel);\n\n    if (tab != null) {\n      this.setActiveTab(tab);\n    }\n  }\n\n  private getAllTabs(includeDisabled = false): HTMLSixTabElement[] {\n    const slot = this.tabs?.querySelector('slot');\n    if (slot == null) return [];\n\n    return [...slot.assignedElements()].filter((el: Element) => {\n      return includeDisabled\n        ? el.tagName.toLowerCase() === 'six-tab'\n        : el.tagName.toLowerCase() === 'six-tab' && !(el as HTMLSixTabElement).disabled;\n    }) as [HTMLSixTabElement];\n  }\n\n  private getAllPanels(): HTMLSixTabPanelElement[] {\n    const slot = this.body?.querySelector('slot');\n    if (slot == null) return [];\n    return [...slot.assignedElements()].filter((el: Element) => el.tagName.toLowerCase() === 'six-tab-panel') as [\n      HTMLSixTabPanelElement,\n    ];\n  }\n\n  private getActiveTab() {\n    return this.getAllTabs().find((el) => el.active);\n  }\n\n  private handleClick = (event: MouseEvent) => {\n    const target = event.target as HTMLElement;\n    const tab = target.closest('six-tab');\n    const tabGroup = tab?.closest('six-tab-group');\n\n    // Ensure the target tab is in this tab group\n    if (tabGroup !== this.host) {\n      return false;\n    }\n\n    if (tab != null) {\n      this.setActiveTab(tab);\n    }\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (this.nav == null) return;\n\n    const target = event.target as HTMLElement;\n    const tab = target.closest('six-tab');\n    const tabGroup = tab?.closest('six-tab-group');\n\n    // Ensure the target tab is in this tab group\n    if (tabGroup !== this.host) {\n      return false;\n    }\n\n    // Move focus left or right\n    if (['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Home', 'End'].includes(event.key)) {\n      const activeEl = document.activeElement as HTMLSixTabElement;\n\n      if (activeEl && activeEl.tagName.toLowerCase() === 'six-tab') {\n        const tabs = this.getAllTabs();\n        let index = tabs.indexOf(activeEl);\n\n        if (event.key === 'Home') {\n          index = 0;\n        } else if (event.key === 'End') {\n          index = tabs.length - 1;\n        } else if (event.key === 'ArrowLeft') {\n          index = Math.max(0, index - 1);\n        } else if (event.key === 'ArrowRight') {\n          index = Math.min(tabs.length - 1, index + 1);\n        }\n\n        tabs[index].setFocus({ preventScroll: true });\n        this.setActiveTab(tabs[index]);\n\n        if (['top', 'bottom'].includes(this.placement)) {\n          scrollIntoView(tabs[index], this.nav, 'horizontal');\n        }\n\n        event.preventDefault();\n      }\n    }\n  };\n\n  private handleScrollLeft = () => {\n    if (this.nav == null) return;\n\n    this.nav.scroll({\n      left: this.nav.scrollLeft - this.nav.clientWidth,\n      behavior: 'smooth',\n    });\n  };\n\n  private handleScrollRight = () => {\n    if (this.nav == null) return;\n\n    this.nav.scroll({\n      left: this.nav.scrollLeft + this.nav.clientWidth,\n      behavior: 'smooth',\n    });\n  };\n\n  private calculateRightControlVisibility() {\n    if (this.nav == null) {\n      return false;\n    }\n    return Math.abs(this.nav?.scrollLeft) + this.nav?.clientWidth < this.nav?.scrollWidth - 1;\n  }\n\n  private calculateLeftControlVisibility() {\n    if (this.nav == null) {\n      return false;\n    }\n    return Math.abs(this.nav?.scrollLeft) > 0;\n  }\n\n  private updateScrollControls() {\n    if (this.nav == null) return;\n\n    this.hasRightControl = this.noScrollControls\n      ? false\n      : ['top', 'bottom'].includes(this.placement) && this.calculateRightControlVisibility();\n\n    this.hasLeftControl = this.noScrollControls\n      ? false\n      : ['top', 'bottom'].includes(this.placement) && this.calculateLeftControlVisibility();\n  }\n\n  private setActiveTab(tab: HTMLSixTabElement, emitEvents = true) {\n    if (this.nav == null) return;\n\n    const newIndicator = tab?.shadowRoot?.querySelector('.tab__indicator');\n    const oldIndicator = this.getActiveTab()?.shadowRoot?.querySelector('.tab__indicator');\n\n    if (oldIndicator != null && newIndicator != null) {\n      flipAnimate(newIndicator, oldIndicator);\n    }\n\n    if (tab !== this.activeTab && !tab.disabled) {\n      const previousTab = this.activeTab;\n      this.activeTab = tab;\n\n      // Sync tabs and panels\n      this.getAllTabs().map((el) => (el.active = el === this.activeTab));\n      this.getAllPanels().map((el) => (el.active = el.name === this.activeTab?.panel));\n\n      if (['top', 'bottom'].includes(this.placement)) {\n        scrollIntoView(this.activeTab, this.nav, 'horizontal');\n      }\n\n      // Emit events\n      if (emitEvents) {\n        if (previousTab != null) {\n          this.sixTabHide.emit({ name: previousTab.panel });\n        }\n\n        this.sixTabShow.emit({ name: this.activeTab.panel });\n      }\n    }\n  }\n\n  private setAriaLabels() {\n    const tabs = this.getAllTabs();\n    const panels = this.getAllPanels();\n\n    // Link each tab with its corresponding panel\n    tabs.map((tab) => {\n      const panel = panels.find((el) => el.name === tab.panel);\n      if (panel != null) {\n        tab.setAttribute('aria-controls', panel.getAttribute('id') ?? '');\n        panel.setAttribute('aria-labelledby', tab.getAttribute('id') ?? '');\n      }\n    });\n  }\n\n  render() {\n    return (\n      <div\n        part=\"base\"\n        ref={(el) => (this.tabGroup = el)}\n        class={{\n          'tab-group': true,\n\n          // Placements\n          'tab-group--top': this.placement === 'top',\n          'tab-group--bottom': this.placement === 'bottom',\n          'tab-group--left': this.placement === 'left',\n          'tab-group--right': this.placement === 'right',\n\n          'tab-group--has-scroll-controls': this.hasRightControl || this.hasLeftControl,\n        }}\n        onClick={this.handleClick}\n        onKeyDown={this.handleKeyDown}\n      >\n        <div class=\"tab-group__nav-container\">\n          {this.hasLeftControl && (\n            <six-icon-button\n              class=\"tab-group__scroll-button tab-group__scroll-button--left\"\n              exportparts=\"base:scroll-button\"\n              name=\"chevron_left\"\n              onClick={this.handleScrollLeft}\n            />\n          )}\n          <div ref={(el) => (this.nav = el)} key=\"nav\" part=\"nav\" class=\"tab-group__nav\">\n            <div ref={(el) => (this.tabs = el)} part=\"tabs\" class=\"tab-group__tabs\" role=\"tablist\">\n              <slot name=\"nav\" />\n            </div>\n          </div>\n          {this.hasRightControl && (\n            <six-icon-button\n              class=\"tab-group__scroll-button tab-group__scroll-button--right\"\n              exportparts=\"base:scroll-button\"\n              name=\"chevron_right\"\n              onClick={this.handleScrollRight}\n            />\n          )}\n        </div>\n\n        <div ref={(el) => (this.body = el)} part=\"body\" class=\"tab-group__body\">\n          <slot />\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ui-library/p-f4e2ddfc.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as e,H as t,g as c}from"./p-D0Go1Zjj.js";const r=":host{display:flex;flex-wrap:nowrap;min-width:fit-content}.left-margin,.right-margin{flex:1 6 10rem;min-width:var(--six-spacing-xxx-large)}.content{flex:6 1 60rem;min-width:48rem;max-width:100rem}.content--padded{padding:var(--six-spacing-xxx-large) 0}";const i=class{constructor(e){a(this,e);this.padded=true}render(){return e(t,{key:"6a58c3bf1117f6d8ec771b10b9bb5eeca8f75d38"},e("div",{key:"709e6b3c0f6b915cdb02b6231b8475a32aaef821",part:"left-margin",class:"left-margin"}),e("div",{key:"8bca7342d56b444696b39e3b4e03b69fc7a8724a",part:"content",class:{content:true,"content--padded":this.padded}},e("slot",{key:"8cae2e164ec3d6370b2d481bc62f4c2af2b194c5"})),e("div",{key:"5c4a7ecbbaff6cd381ba7a3253ccbc20a72e90cc",part:"right-margin",class:"right-margin"}))}get host(){return c(this)}};i.style=r;export{i as six_main_container};
+//# sourceMappingURL=p-f4e2ddfc.entry.js.map

package/dist/ui-library/p-f4e2ddfc.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixMainContainerCss","SixMainContainer","constructor","hostRef","this","padded","render","h","Host","key","part","class","content"],"sources":["src/components/six-main-container/six-main-container.scss?tag=six-main-container&encapsulation=shadow","src/components/six-main-container/six-main-container.tsx"],"sourcesContent":["$margin-default-width: 10rem;\n$content-default-width: 60rem;\n$content-min-width: 48rem;\n$content-max-width: 100rem;\n\n:host {\n  display: flex;\n  flex-wrap: nowrap;\n  min-width: fit-content;\n}\n\n.left-margin,\n.right-margin {\n  flex: 1 6 $margin-default-width;\n  min-width: var(--six-spacing-xxx-large);\n}\n\n.content {\n  flex: 6 1 $content-default-width;\n  min-width: $content-min-width;\n  max-width: $content-max-width;\n  &--padded {\n    padding: var(--six-spacing-xxx-large) 0;\n  }\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n/**\n * @since 1.01\n * @status stable\n *\n * @slot - The main container's content.\n *\n * @part left-margin  - The component's left margin area.\n * @part content      - The component's content area.\n * @part right-margin - The component's right margin area.\n */\n\n@Component({\n  tag: 'six-main-container',\n  styleUrl: 'six-main-container.scss',\n  shadow: true,\n})\nexport class SixMainContainer {\n  @Element() host!: HTMLSixMainContainerElement;\n\n  /** Set to false to remove top and bottom padding.  */\n  // eslint-disable-next-line @stencil-community/ban-default-true\n  @Prop() padded = true;\n\n  render() {\n    return (\n      <Host>\n        <div part=\"left-margin\" class=\"left-margin\" />\n        <div part=\"content\" class={{ content: true, 'content--padded': this.padded }}>\n          <slot />\n        </div>\n        <div part=\"right-margin\" class=\"right-margin\" />\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAsB,+P,MCkBfC,EAAgB,MAL7B,WAAAC,CAAAC,G,UAUUC,KAAMC,OAAG,IAalB,CAXC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,KAAK,cAAcC,MAAM,gBAC9BJ,EAAA,OAAAE,IAAA,2CAAKC,KAAK,UAAUC,MAAO,CAAEC,QAAS,KAAM,kBAAmBR,KAAKC,SAClEE,EAAA,QAAAE,IAAA,8CAEFF,EAAK,OAAAE,IAAA,2CAAAC,KAAK,eAAeC,MAAM,iB","ignoreList":[]}

package/dist/ui-library/p-f52715e8.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as s,H as i}from"./p-D0Go1Zjj.js";const e=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:inline-block;box-shadow:var(--six-shadow-medium);border:1px solid var(--six-color-web-rock-100);padding:var(--six-spacing-medium)}";const r=class{constructor(s){o(this,s)}render(){return s(i,{key:"d2459e12a9f8274f095a3d09a077c59a7f091dea"},s("slot",{key:"1619a201af796250d6808a0974047644e7fb6a69"}))}};r.style=e;export{r as six_card};
+//# sourceMappingURL=p-f52715e8.entry.js.map

package/dist/ui-library/p-f52715e8.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixCardCss","SixCard","render","h","Host","key"],"sources":["src/components/six-card/six-card.scss?tag=six-card&encapsulation=shadow","src/components/six-card/six-card.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: inline-block;\n  box-shadow: var(--six-shadow-medium);\n  border: 1px solid var(--six-color-web-rock-100);\n  padding: var(--six-spacing-medium);\n}\n","import { Component, h, Host } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * @slot - Used to define the content of the card.\n */\n\n@Component({\n  tag: 'six-card',\n  styleUrl: 'six-card.scss',\n  shadow: true,\n})\nexport class SixCard {\n  render() {\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAa,uX,MCcNC,EAAO,M,yBAClB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAQ,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/ui-library/p-f585a5ab.entry.js

@@ -0,0 +1,2 @@
+import{r as s,h as e}from"./p-D0Go1Zjj.js";const i=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{--track-color:var(--six-progress-track-color);--indicator-color:var(--six-progress-indicator-color);--stroke-width:2px;display:inline-flex}.spinner{display:inline-block;width:1em;height:1em;border-radius:50%;border:solid var(--stroke-width) var(--track-color);border-top-color:var(--indicator-color);border-right-color:var(--indicator-color);animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.six-spinner{width:auto;height:auto;position:relative}.six-spinner .six-spinner__container{margin:0;transform:translateX(0)}.six-spinner .six-spinner__container svg{transform:translateX(0)}.six-spinner__container{position:relative;margin:0 auto;top:calc(50% - 20px);z-index:1}.six-spinner__container,.six-spinner__container svg{width:40px;height:40px;display:block;transform:translateX(40px)}.six-spinner path{stroke-dashoffset:70px;stroke-dasharray:70, 444;-webkit-animation:six-spinner 2s cubic-bezier(0.56, 0.39, 0.51, 0.96) infinite;animation:six-spinner 2s cubic-bezier(0.56, 0.39, 0.51, 0.96) infinite}.six-spinner polygon{stroke-dasharray:310;stroke-dashoffset:310;animation:big-polygon-draw 2s ease-in-out infinite;-webkit-animation:big-polygon-draw 2s ease-in-out infinite}.six-spinner polygon:nth-child(2),.six-spinner polygon:nth-child(3){stroke-dasharray:110;stroke-dashoffset:110;animation:small-polygon-draw 2s ease-in-out infinite;-webkit-animation:small-polygon-draw 2s ease-in-out infinite}@keyframes big-polygon-draw{0%,100%{stroke-dashoffset:310}50%{stroke-dashoffset:140}}@-webkit-keyframes big-polygon-draw{0%,100%{stroke-dashoffset:310}50%{stroke-dashoffset:140}}@keyframes small-polygon-draw{0%,100%{stroke-dashoffset:110}50%{stroke-dashoffset:50}}@-webkit-keyframes small-polygon-draw{0%,100%{stroke-dashoffset:110}50%{stroke-dashoffset:50}}@-webkit-keyframes six-spinner{to{stroke-dashoffset:-444}}@keyframes six-spinner{to{stroke-dashoffset:-444}}";const r=class{constructor(e){s(this,e)}renderWrapper(s){return e("span",{class:"six-spinner","aria-busy":"true","aria-live":"polite"},e("div",{class:"six-spinner__container"},s))}renderSIXLogo(){const s=e("svg",{viewBox:"0 0 40 40",part:"svg"},e("path",{fill:"none",stroke:"#de3919","stroke-width":"5","stroke-linecap":"round",d:"M 35 5 V 35 H 5 T 5 5 H 35 V 35 H 5 V 5 H 35 V 35 H -34 V 30 H 7 A 9 8 0 0 0 14 27 L 27 14 A 8 6 0 0 1 33 12 H 42"}));return this.renderWrapper(s)}renderBMELogo(){const s=e("svg",{viewBox:"0 0 45 55",part:"svg"},e("polygon",{fill:"none",stroke:"black","stroke-width":"2","stroke-linecap":"round",points:"4.42 51.96 17.02 31.473 2 31.473 2 22.486 17.02 22.486 4.42 2 15.404 2 30.289 26.98 14.763 51.96 4.42 51.96"}),e("polygon",{fill:"none",stroke:"black","stroke-width":"2","stroke-linecap":"round",points:"42 51.96 31.655 51.96 24.598 40.498 29.831 32.073 42 51.96"}),e("polygon",{fill:"none",stroke:"black","stroke-width":"2","stroke-linecap":"round",points:"24.518 12.719 31.014 2 42 2 29.831 21.637 24.518 12.719"}));return this.renderWrapper(s)}renderSimpleSpinner(){return e("span",{part:"base",class:"spinner","aria-busy":"true","aria-live":"polite"})}render(){if(this.six){console.warn('The "six" prop is deprecated. Use "logo=\'six\'" instead.');return this.renderSIXLogo()}switch(this.logo){case"six":return this.renderSIXLogo();case"bme":return this.renderBMELogo();default:return this.renderSimpleSpinner()}}};r.style=i;export{r as six_spinner};
+//# sourceMappingURL=p-f585a5ab.entry.js.map

package/dist/ui-library/p-f585a5ab.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixSpinnerCss","SixSpinner","renderWrapper","content","h","class","renderSIXLogo","sixLogo","viewBox","part","fill","stroke","d","this","renderBMELogo","bmeLogo","points","renderSimpleSpinner","render","six","console","warn","logo"],"sources":["src/components/six-spinner/six-spinner.scss?tag=six-spinner&encapsulation=shadow","src/components/six-spinner/six-spinner.tsx"],"sourcesContent":["@import 'src/global/component';\n\n/**\n * @prop --track-color: The color of the spinner's track.\n * @prop --indicator-color: The color of the spinner's indicator.\n * @prop --stroke-width: The width of the indicator.\n */\n:host {\n  --track-color: var(--six-progress-track-color);\n  --indicator-color: var(--six-progress-indicator-color);\n  --stroke-width: 2px;\n\n  display: inline-flex;\n}\n\n.spinner {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border-radius: 50%;\n  border: solid var(--stroke-width) var(--track-color);\n  border-top-color: var(--indicator-color);\n  border-right-color: var(--indicator-color);\n  animation: 1s linear infinite spin;\n}\n\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n$color-six-spinner-background: rgba(255, 255, 255, 0.7);\n\n.six-spinner {\n  width: auto;\n  height: auto;\n  position: relative;\n\n  .six-spinner__container {\n    margin: 0;\n    transform: translateX(0);\n  }\n\n  .six-spinner__container svg {\n    transform: translateX(0);\n  }\n\n  &__container {\n    position: relative;\n    margin: 0 auto;\n    top: calc(50% - 20px);\n    z-index: 1;\n  }\n\n  &__container,\n  &__container svg {\n    width: 40px;\n    height: 40px;\n    display: block;\n    transform: translateX(40px);\n  }\n\n  path {\n    stroke-dashoffset: 70px;\n    stroke-dasharray: 70, 444;\n    -webkit-animation: six-spinner 2s cubic-bezier(0.56, 0.39, 0.51, 0.96) infinite;\n    animation: six-spinner 2s cubic-bezier(0.56, 0.39, 0.51, 0.96) infinite;\n  }\n\n  polygon {\n    stroke-dasharray: 310;\n    stroke-dashoffset: 310;\n    animation: big-polygon-draw 2s ease-in-out infinite;\n    -webkit-animation: big-polygon-draw 2s ease-in-out infinite;\n  }\n\n  polygon:nth-child(2),\n  polygon:nth-child(3) {\n    stroke-dasharray: 110;\n    stroke-dashoffset: 110;\n    animation: small-polygon-draw 2s ease-in-out infinite;\n    -webkit-animation: small-polygon-draw 2s ease-in-out infinite;\n  }\n\n  @keyframes big-polygon-draw {\n    0%,\n    100% {\n      stroke-dashoffset: 310;\n    }\n    50% {\n      stroke-dashoffset: 140;\n    }\n  }\n\n  @-webkit-keyframes big-polygon-draw {\n    0%,\n    100% {\n      stroke-dashoffset: 310;\n    }\n    50% {\n      stroke-dashoffset: 140;\n    }\n  }\n\n  @keyframes small-polygon-draw {\n    0%,\n    100% {\n      stroke-dashoffset: 110;\n    }\n    50% {\n      stroke-dashoffset: 50;\n    }\n  }\n\n  @-webkit-keyframes small-polygon-draw {\n    0%,\n    100% {\n      stroke-dashoffset: 110;\n    }\n    50% {\n      stroke-dashoffset: 50;\n    }\n  }\n\n  @-webkit-keyframes six-spinner {\n    to {\n      stroke-dashoffset: -444;\n    }\n  }\n\n  @keyframes six-spinner {\n    to {\n      stroke-dashoffset: -444;\n    }\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @part base - The component's base wrapper.\n * @part svg - The spinner icon.\n */\n@Component({\n  tag: 'six-spinner',\n  styleUrl: 'six-spinner.scss',\n  shadow: true,\n})\nexport class SixSpinner {\n  /** Indicates if the spinner is shown as animated SIX or BME logo or a simple spinner. */\n  @Prop() logo?: 'six' | 'bme';\n  /**\n   * **@deprecated** Use `logo=\"six\"` instead.\n   *\n   * If set to true, the spinner displays the SIX logo.\n   */\n  @Prop() six?: boolean;\n\n  /**\n   * Renders a container with a given SVG content.\n   */\n  private renderWrapper(content: SVGElement) {\n    return (\n      <span class=\"six-spinner\" aria-busy=\"true\" aria-live=\"polite\">\n        <div class=\"six-spinner__container\">{content}</div>\n      </span>\n    );\n  }\n\n  /**\n   * Renders the SIX logo spinner.\n   */\n  private renderSIXLogo() {\n    const sixLogo = (\n      <svg viewBox=\"0 0 40 40\" part=\"svg\">\n        <path\n          fill=\"none\"\n          stroke=\"#de3919\"\n          stroke-width=\"5\"\n          stroke-linecap=\"round\"\n          d=\"M 35 5 V 35 H 5 T 5 5 H 35 V 35 H 5 V 5 H 35 V 35 H -34 V 30 H 7 A 9 8 0 0 0 14 27 L 27 14 A 8 6 0 0 1 33 12 H 42\"\n        ></path>\n      </svg>\n    );\n    return this.renderWrapper(sixLogo);\n  }\n\n  /**\n   * Renders the BME logo spinner.\n   */\n  private renderBMELogo() {\n    const bmeLogo = (\n      <svg viewBox=\"0 0 45 55\" part=\"svg\">\n        <polygon\n          fill=\"none\"\n          stroke=\"black\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          points=\"4.42 51.96 17.02 31.473 2 31.473 2 22.486 17.02 22.486 4.42 2 15.404 2 30.289 26.98 14.763 51.96 4.42 51.96\"\n        />\n        <polygon\n          fill=\"none\"\n          stroke=\"black\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          points=\"42 51.96 31.655 51.96 24.598 40.498 29.831 32.073 42 51.96\"\n        />\n        <polygon\n          fill=\"none\"\n          stroke=\"black\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          points=\"24.518 12.719 31.014 2 42 2 29.831 21.637 24.518 12.719\"\n        />\n      </svg>\n    );\n    return this.renderWrapper(bmeLogo);\n  }\n\n  /**\n   * Renders a simple spinner.\n   */\n  private renderSimpleSpinner() {\n    return <span part=\"base\" class=\"spinner\" aria-busy=\"true\" aria-live=\"polite\" />;\n  }\n\n  render() {\n    // Check the deprecated `six` property first\n    if (this.six) {\n      console.warn('The \"six\" prop is deprecated. Use \"logo=\\'six\\'\" instead.');\n      return this.renderSIXLogo();\n    }\n\n    switch (this.logo) {\n      case 'six':\n        return this.renderSIXLogo();\n      case 'bme':\n        return this.renderBMELogo();\n      default:\n        return this.renderSimpleSpinner();\n    }\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAgB,+mE,MCgBTC,EAAU,M,yBAab,aAAAC,CAAcC,GACpB,OACEC,EAAA,QAAMC,MAAM,cAAwB,mBAAM,YAAW,UACnDD,EAAK,OAAAC,MAAM,0BAA0BF,G,CAQnC,aAAAG,GACN,MAAMC,EACJH,EAAK,OAAAI,QAAQ,YAAYC,KAAK,OAC5BL,EAAA,QACEM,KAAK,OACLC,OAAO,UACM,mBACE,yBACfC,EAAE,uHAIR,OAAOC,KAAKX,cAAcK,E,CAMpB,aAAAO,GACN,MAAMC,EACJX,EAAK,OAAAI,QAAQ,YAAYC,KAAK,OAC5BL,EAAA,WACEM,KAAK,OACLC,OAAO,QACM,mBAAG,iBACD,QACfK,OAAO,gHAETZ,EAAA,WACEM,KAAK,OACLC,OAAO,QACM,mBAAG,iBACD,QACfK,OAAO,+DAETZ,EAAA,WACEM,KAAK,OACLC,OAAO,QACM,mBACE,yBACfK,OAAO,6DAIb,OAAOH,KAAKX,cAAca,E,CAMpB,mBAAAE,GACN,OAAOb,EAAM,QAAAK,KAAK,OAAOJ,MAAM,UAAoB,mBAAiB,sB,CAGtE,MAAAa,GAEE,GAAIL,KAAKM,IAAK,CACZC,QAAQC,KAAK,6DACb,OAAOR,KAAKP,e,CAGd,OAAQO,KAAKS,MACX,IAAK,MACH,OAAOT,KAAKP,gBACd,IAAK,MACH,OAAOO,KAAKC,gBACd,QACE,OAAOD,KAAKI,sB","ignoreList":[]}

package/dist/ui-library/p-j3oIB5oT.js

@@ -0,0 +1,2 @@
+function n(n){const r=n!=null?n.assignedNodes({flatten:true}):[];let t="";[...r].map((n=>{if(n.nodeType===Node.TEXT_NODE){t+=n.textContent}}));return t}function r(n,r){if(r!=null&&r!==""){return n.querySelector(`[slot="${r}"]`)!==null}return Array.from(n.childNodes).some((n=>{var r;if(n.nodeType===n.TEXT_NODE&&((r=n.textContent)===null||r===void 0?void 0:r.trim())!==""){return true}if(n.nodeType===n.ELEMENT_NODE){const r=n;if(!r.hasAttribute("slot")){return true}}return false}))}function t(n,r){if(n==null)return null;return n.querySelector(`[slot="${r}"]`)}export{n as a,t as g,r as h};
+//# sourceMappingURL=p-j3oIB5oT.js.map

package/dist/ui-library/p-j3oIB5oT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-j3oIB5oT.js","sources":["src/utils/slot.ts"],"sourcesContent":["//\n// Given a slot, this function iterates over all of its assigned text nodes and returns the concatenated text as a\n// string. This is useful because we can't use slot.textContent as an alternative.\n//\nexport function getTextContent(slot?: HTMLSlotElement): string {\n  const nodes = slot != null ? slot.assignedNodes({ flatten: true }) : [];\n  let text = '';\n\n  [...nodes].map((node) => {\n    if (node.nodeType === Node.TEXT_NODE) {\n      text += node.textContent;\n    }\n  });\n\n  return text;\n}\n\n//\n// Determines whether an element has a slot. If name is specified, the function will look for a corresponding named\n// slot, otherwise it will look for a \"default\" slot (e.g. a non-empty text node or an element with no slot attribute).\n//\nexport function hasSlot(el: HTMLElement, name?: string): boolean {\n  // Look for a named slot\n  if (name != null && name !== '') {\n    return el.querySelector(`[slot=\"${name}\"]`) !== null;\n  }\n\n  // Look for a default slot\n  return Array.from(el.childNodes).some((node) => {\n    if (node.nodeType === node.TEXT_NODE && node.textContent?.trim() !== '') {\n      return true;\n    }\n\n    if (node.nodeType === node.ELEMENT_NODE) {\n      const el = node as HTMLElement;\n      if (!el.hasAttribute('slot')) {\n        return true;\n      }\n    }\n\n    return false;\n  });\n}\n\nexport function getSlot(element: ParentNode | null | undefined, slotName: string): HTMLElement | null {\n  if (element == null) return null;\n  return element.querySelector(`[slot=\"${slotName}\"]`);\n}\n"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACM,SAAU,cAAc,CAAC,IAAsB,EAAA;IACnD,MAAM,KAAK,GAAG,IAAI,IAAI,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,GAAG,EAAE;IACvE,IAAI,IAAI,GAAG,EAAE;IAEb,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAI;QACtB,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS,EAAE;AACpC,YAAA,IAAI,IAAI,IAAI,CAAC,WAAW;;AAE5B,KAAC,CAAC;AAEF,IAAA,OAAO,IAAI;AACb;AAEA;AACA;AACA;AACA;AACgB,SAAA,OAAO,CAAC,EAAe,EAAE,IAAa,EAAA;;IAEpD,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,EAAE,EAAE;QAC/B,OAAO,EAAE,CAAC,aAAa,CAAC,CAAA,OAAA,EAAU,IAAI,CAAI,EAAA,CAAA,CAAC,KAAK,IAAI;;;AAItD,IAAA,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAI;;AAC7C,QAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS,IAAI,CAAA,MAAA,IAAI,CAAC,WAAW,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAI,EAAE,MAAK,EAAE,EAAE;AACvE,YAAA,OAAO,IAAI;;QAGb,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE;YACvC,MAAM,EAAE,GAAG,IAAmB;YAC9B,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE;AAC5B,gBAAA,OAAO,IAAI;;;AAIf,QAAA,OAAO,KAAK;AACd,KAAC,CAAC;AACJ;AAEgB,SAAA,OAAO,CAAC,OAAsC,EAAE,QAAgB,EAAA;IAC9E,IAAI,OAAO,IAAI,IAAI;AAAE,QAAA,OAAO,IAAI;IAChC,OAAO,OAAO,CAAC,aAAa,CAAC,UAAU,QAAQ,CAAA,EAAA,CAAI,CAAC;AACtD;;;;"}

package/dist/ui-library/p-kHci8ddv.js

@@ -0,0 +1,2 @@
+var r="top";var t="bottom";var n="right";var e="left";var a="auto";var i=[r,t,n,e];var o="start";var v="end";var f="clippingParents";var u="viewport";var s="popper";var c="reference";var l=i.reduce((function(r,t){return r.concat([t+"-"+o,t+"-"+v])}),[]);var d=[].concat(i,[a]).reduce((function(r,t){return r.concat([t,t+"-"+o,t+"-"+v])}),[]);var p="beforeRead";var h="read";var b="afterRead";var m="beforeMain";var y="main";var x="afterMain";var w="beforeWrite";var O="write";var g="afterWrite";var j=[p,h,b,m,y,x,w,O,g];function A(r){return r?(r.nodeName||"").toLowerCase():null}function k(r){if(r==null){return window}if(r.toString()!=="[object Window]"){var t=r.ownerDocument;return t?t.defaultView||window:window}return r}function M(r){var t=k(r).Element;return r instanceof t||r instanceof Element}function E(r){var t=k(r).HTMLElement;return r instanceof t||r instanceof HTMLElement}function P(r){if(typeof ShadowRoot==="undefined"){return false}var t=k(r).ShadowRoot;return r instanceof t||r instanceof ShadowRoot}function q(r){var t=r.state;Object.keys(t.elements).forEach((function(r){var n=t.styles[r]||{};var e=t.attributes[r]||{};var a=t.elements[r];if(!E(a)||!A(a)){return}Object.assign(a.style,n);Object.keys(e).forEach((function(r){var t=e[r];if(t===false){a.removeAttribute(r)}else{a.setAttribute(r,t===true?"":t)}}))}))}function B(r){var t=r.state;var n={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(t.elements.popper.style,n.popper);t.styles=n;if(t.elements.arrow){Object.assign(t.elements.arrow.style,n.arrow)}return function(){Object.keys(t.elements).forEach((function(r){var e=t.elements[r];var a=t.attributes[r]||{};var i=Object.keys(t.styles.hasOwnProperty(r)?t.styles[r]:n[r]);var o=i.reduce((function(r,t){r[t]="";return r}),{});if(!E(e)||!A(e)){return}Object.assign(e.style,o);Object.keys(a).forEach((function(r){e.removeAttribute(r)}))}))}}var S={name:"applyStyles",enabled:true,phase:"write",fn:q,effect:B,requires:["computeStyles"]};function T(r){return r.split("-")[0]}var R=Math.max;var W=Math.min;var H=Math.round;function L(){var r=navigator.userAgentData;if(r!=null&&r.brands&&Array.isArray(r.brands)){return r.brands.map((function(r){return r.brand+"/"+r.version})).join(" ")}return navigator.userAgent}function F(){return!/^((?!chrome|android).)*safari/i.test(L())}function I(r,t,n){if(t===void 0){t=false}if(n===void 0){n=false}var e=r.getBoundingClientRect();var a=1;var i=1;if(t&&E(r)){a=r.offsetWidth>0?H(e.width)/r.offsetWidth||1:1;i=r.offsetHeight>0?H(e.height)/r.offsetHeight||1:1}var o=M(r)?k(r):window,v=o.visualViewport;var f=!F()&&n;var u=(e.left+(f&&v?v.offsetLeft:0))/a;var s=(e.top+(f&&v?v.offsetTop:0))/i;var c=e.width/a;var l=e.height/i;return{width:c,height:l,top:s,right:u+c,bottom:s+l,left:u,x:u,y:s}}function C(r){var t=I(r);var n=r.offsetWidth;var e=r.offsetHeight;if(Math.abs(t.width-n)<=1){n=t.width}if(Math.abs(t.height-e)<=1){e=t.height}return{x:r.offsetLeft,y:r.offsetTop,width:n,height:e}}function z(r,t){var n=t.getRootNode&&t.getRootNode();if(r.contains(t)){return true}else if(n&&P(n)){var e=t;do{if(e&&r.isSameNode(e)){return true}e=e.parentNode||e.host}while(e)}return false}function D(r){return k(r).getComputedStyle(r)}function U(r){return["table","td","th"].indexOf(A(r))>=0}function V(r){return((M(r)?r.ownerDocument:r.document)||window.document).documentElement}function _(r){if(A(r)==="html"){return r}return r.assignedSlot||r.parentNode||(P(r)?r.host:null)||V(r)}function G(r){if(!E(r)||D(r).position==="fixed"){return null}return r.offsetParent}function J(r){var t=/firefox/i.test(L());var n=/Trident/i.test(L());if(n&&E(r)){var e=D(r);if(e.position==="fixed"){return null}}var a=_(r);if(P(a)){a=a.host}while(E(a)&&["html","body"].indexOf(A(a))<0){var i=D(a);if(i.transform!=="none"||i.perspective!=="none"||i.contain==="paint"||["transform","perspective"].indexOf(i.willChange)!==-1||t&&i.willChange==="filter"||t&&i.filter&&i.filter!=="none"){return a}else{a=a.parentNode}}return null}function K(r){var t=k(r);var n=G(r);while(n&&U(n)&&D(n).position==="static"){n=G(n)}if(n&&(A(n)==="html"||A(n)==="body"&&D(n).position==="static")){return t}return n||J(r)||t}function N(r){return["top","bottom"].indexOf(r)>=0?"x":"y"}function Q(r,t,n){return R(r,W(t,n))}function X(r,t,n){var e=Q(r,t,n);return e>n?n:e}function Y(){return{top:0,right:0,bottom:0,left:0}}function Z(r){return Object.assign({},Y(),r)}function $(r,t){return t.reduce((function(t,n){t[n]=r;return t}),{})}var rr=function r(t,n){t=typeof t==="function"?t(Object.assign({},n.rects,{placement:n.placement})):t;return Z(typeof t!=="number"?t:$(t,i))};function tr(a){var i;var o=a.state,v=a.name,f=a.options;var u=o.elements.arrow;var s=o.modifiersData.popperOffsets;var c=T(o.placement);var l=N(c);var d=[e,n].indexOf(c)>=0;var p=d?"height":"width";if(!u||!s){return}var h=rr(f.padding,o);var b=C(u);var m=l==="y"?r:e;var y=l==="y"?t:n;var x=o.rects.reference[p]+o.rects.reference[l]-s[l]-o.rects.popper[p];var w=s[l]-o.rects.reference[l];var O=K(u);var g=O?l==="y"?O.clientHeight||0:O.clientWidth||0:0;var j=x/2-w/2;var A=h[m];var k=g-b[p]-h[y];var M=g/2-b[p]/2+j;var E=Q(A,M,k);var P=l;o.modifiersData[v]=(i={},i[P]=E,i.centerOffset=E-M,i)}function nr(r){var t=r.state,n=r.options;var e=n.element,a=e===void 0?"[data-popper-arrow]":e;if(a==null){return}if(typeof a==="string"){a=t.elements.popper.querySelector(a);if(!a){return}}if(!z(t.elements.popper,a)){return}t.elements.arrow=a}var er={name:"arrow",enabled:true,phase:"main",fn:tr,effect:nr,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function ar(r){return r.split("-")[1]}var ir={top:"auto",right:"auto",bottom:"auto",left:"auto"};function or(r,t){var n=r.x,e=r.y;var a=t.devicePixelRatio||1;return{x:H(n*a)/a||0,y:H(e*a)/a||0}}function vr(a){var i;var o=a.popper,f=a.popperRect,u=a.placement,s=a.variation,c=a.offsets,l=a.position,d=a.gpuAcceleration,p=a.adaptive,h=a.roundOffsets,b=a.isFixed;var m=c.x,y=m===void 0?0:m,x=c.y,w=x===void 0?0:x;var O=typeof h==="function"?h({x:y,y:w}):{x:y,y:w};y=O.x;w=O.y;var g=c.hasOwnProperty("x");var j=c.hasOwnProperty("y");var A=e;var M=r;var E=window;if(p){var P=K(o);var q="clientHeight";var B="clientWidth";if(P===k(o)){P=V(o);if(D(P).position!=="static"&&l==="absolute"){q="scrollHeight";B="scrollWidth"}}P=P;if(u===r||(u===e||u===n)&&s===v){M=t;var S=b&&P===E&&E.visualViewport?E.visualViewport.height:P[q];w-=S-f.height;w*=d?1:-1}if(u===e||(u===r||u===t)&&s===v){A=n;var T=b&&P===E&&E.visualViewport?E.visualViewport.width:P[B];y-=T-f.width;y*=d?1:-1}}var R=Object.assign({position:l},p&&ir);var W=h===true?or({x:y,y:w},k(o)):{x:y,y:w};y=W.x;w=W.y;if(d){var H;return Object.assign({},R,(H={},H[M]=j?"0":"",H[A]=g?"0":"",H.transform=(E.devicePixelRatio||1)<=1?"translate("+y+"px, "+w+"px)":"translate3d("+y+"px, "+w+"px, 0)",H))}return Object.assign({},R,(i={},i[M]=j?w+"px":"",i[A]=g?y+"px":"",i.transform="",i))}function fr(r){var t=r.state,n=r.options;var e=n.gpuAcceleration,a=e===void 0?true:e,i=n.adaptive,o=i===void 0?true:i,v=n.roundOffsets,f=v===void 0?true:v;var u={placement:T(t.placement),variation:ar(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:a,isFixed:t.options.strategy==="fixed"};if(t.modifiersData.popperOffsets!=null){t.styles.popper=Object.assign({},t.styles.popper,vr(Object.assign({},u,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:o,roundOffsets:f})))}if(t.modifiersData.arrow!=null){t.styles.arrow=Object.assign({},t.styles.arrow,vr(Object.assign({},u,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:f})))}t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}var ur={name:"computeStyles",enabled:true,phase:"beforeWrite",fn:fr,data:{}};var sr={passive:true};function cr(r){var t=r.state,n=r.instance,e=r.options;var a=e.scroll,i=a===void 0?true:a,o=e.resize,v=o===void 0?true:o;var f=k(t.elements.popper);var u=[].concat(t.scrollParents.reference,t.scrollParents.popper);if(i){u.forEach((function(r){r.addEventListener("scroll",n.update,sr)}))}if(v){f.addEventListener("resize",n.update,sr)}return function(){if(i){u.forEach((function(r){r.removeEventListener("scroll",n.update,sr)}))}if(v){f.removeEventListener("resize",n.update,sr)}}}var lr={name:"eventListeners",enabled:true,phase:"write",fn:function r(){},effect:cr,data:{}};var dr={left:"right",right:"left",bottom:"top",top:"bottom"};function pr(r){return r.replace(/left|right|bottom|top/g,(function(r){return dr[r]}))}var hr={start:"end",end:"start"};function br(r){return r.replace(/start|end/g,(function(r){return hr[r]}))}function mr(r){var t=k(r);var n=t.pageXOffset;var e=t.pageYOffset;return{scrollLeft:n,scrollTop:e}}function yr(r){return I(V(r)).left+mr(r).scrollLeft}function xr(r,t){var n=k(r);var e=V(r);var a=n.visualViewport;var i=e.clientWidth;var o=e.clientHeight;var v=0;var f=0;if(a){i=a.width;o=a.height;var u=F();if(u||!u&&t==="fixed"){v=a.offsetLeft;f=a.offsetTop}}return{width:i,height:o,x:v+yr(r),y:f}}function wr(r){var t;var n=V(r);var e=mr(r);var a=(t=r.ownerDocument)==null?void 0:t.body;var i=R(n.scrollWidth,n.clientWidth,a?a.scrollWidth:0,a?a.clientWidth:0);var o=R(n.scrollHeight,n.clientHeight,a?a.scrollHeight:0,a?a.clientHeight:0);var v=-e.scrollLeft+yr(r);var f=-e.scrollTop;if(D(a||n).direction==="rtl"){v+=R(n.clientWidth,a?a.clientWidth:0)-i}return{width:i,height:o,x:v,y:f}}function Or(r){var t=D(r),n=t.overflow,e=t.overflowX,a=t.overflowY;return/auto|scroll|overlay|hidden/.test(n+a+e)}function gr(r){if(["html","body","#document"].indexOf(A(r))>=0){return r.ownerDocument.body}if(E(r)&&Or(r)){return r}return gr(_(r))}function jr(r,t){var n;if(t===void 0){t=[]}var e=gr(r);var a=e===((n=r.ownerDocument)==null?void 0:n.body);var i=k(e);var o=a?[i].concat(i.visualViewport||[],Or(e)?e:[]):e;var v=t.concat(o);return a?v:v.concat(jr(_(o)))}function Ar(r){return Object.assign({},r,{left:r.x,top:r.y,right:r.x+r.width,bottom:r.y+r.height})}function kr(r,t){var n=I(r,false,t==="fixed");n.top=n.top+r.clientTop;n.left=n.left+r.clientLeft;n.bottom=n.top+r.clientHeight;n.right=n.left+r.clientWidth;n.width=r.clientWidth;n.height=r.clientHeight;n.x=n.left;n.y=n.top;return n}function Mr(r,t,n){return t===u?Ar(xr(r,n)):M(t)?kr(t,n):Ar(wr(V(r)))}function Er(r){var t=jr(_(r));var n=["absolute","fixed"].indexOf(D(r).position)>=0;var e=n&&E(r)?K(r):r;if(!M(e)){return[]}return t.filter((function(r){return M(r)&&z(r,e)&&A(r)!=="body"}))}function Pr(r,t,n,e){var a=t==="clippingParents"?Er(r):[].concat(t);var i=[].concat(a,[n]);var o=i[0];var v=i.reduce((function(t,n){var a=Mr(r,n,e);t.top=R(a.top,t.top);t.right=W(a.right,t.right);t.bottom=W(a.bottom,t.bottom);t.left=R(a.left,t.left);return t}),Mr(r,o,e));v.width=v.right-v.left;v.height=v.bottom-v.top;v.x=v.left;v.y=v.top;return v}function qr(a){var i=a.reference,f=a.element,u=a.placement;var s=u?T(u):null;var c=u?ar(u):null;var l=i.x+i.width/2-f.width/2;var d=i.y+i.height/2-f.height/2;var p;switch(s){case r:p={x:l,y:i.y-f.height};break;case t:p={x:l,y:i.y+i.height};break;case n:p={x:i.x+i.width,y:d};break;case e:p={x:i.x-f.width,y:d};break;default:p={x:i.x,y:i.y}}var h=s?N(s):null;if(h!=null){var b=h==="y"?"height":"width";switch(c){case o:p[h]=p[h]-(i[b]/2-f[b]/2);break;case v:p[h]=p[h]+(i[b]/2-f[b]/2);break}}return p}function Br(e,a){if(a===void 0){a={}}var o=a,v=o.placement,l=v===void 0?e.placement:v,d=o.strategy,p=d===void 0?e.strategy:d,h=o.boundary,b=h===void 0?f:h,m=o.rootBoundary,y=m===void 0?u:m,x=o.elementContext,w=x===void 0?s:x,O=o.altBoundary,g=O===void 0?false:O,j=o.padding,A=j===void 0?0:j;var k=Z(typeof A!=="number"?A:$(A,i));var E=w===s?c:s;var P=e.rects.popper;var q=e.elements[g?E:w];var B=Pr(M(q)?q:q.contextElement||V(e.elements.popper),b,y,p);var S=I(e.elements.reference);var T=qr({reference:S,element:P,placement:l});var R=Ar(Object.assign({},P,T));var W=w===s?R:S;var H={top:B.top-W.top+k.top,bottom:W.bottom-B.bottom+k.bottom,left:B.left-W.left+k.left,right:W.right-B.right+k.right};var L=e.modifiersData.offset;if(w===s&&L){var F=L[l];Object.keys(H).forEach((function(e){var a=[n,t].indexOf(e)>=0?1:-1;var i=[r,t].indexOf(e)>=0?"y":"x";H[e]+=F[i]*a}))}return H}function Sr(r,t){if(t===void 0){t={}}var n=t,e=n.placement,a=n.boundary,o=n.rootBoundary,v=n.padding,f=n.flipVariations,u=n.allowedAutoPlacements,s=u===void 0?d:u;var c=ar(e);var p=c?f?l:l.filter((function(r){return ar(r)===c})):i;var h=p.filter((function(r){return s.indexOf(r)>=0}));if(h.length===0){h=p}var b=h.reduce((function(t,n){t[n]=Br(r,{placement:n,boundary:a,rootBoundary:o,padding:v})[T(n)];return t}),{});return Object.keys(b).sort((function(r,t){return b[r]-b[t]}))}function Tr(r){if(T(r)===a){return[]}var t=pr(r);return[br(r),t,br(t)]}function Rr(i){var v=i.state,f=i.options,u=i.name;if(v.modifiersData[u]._skip){return}var s=f.mainAxis,c=s===void 0?true:s,l=f.altAxis,d=l===void 0?true:l,p=f.fallbackPlacements,h=f.padding,b=f.boundary,m=f.rootBoundary,y=f.altBoundary,x=f.flipVariations,w=x===void 0?true:x,O=f.allowedAutoPlacements;var g=v.options.placement;var j=T(g);var A=j===g;var k=p||(A||!w?[pr(g)]:Tr(g));var M=[g].concat(k).reduce((function(r,t){return r.concat(T(t)===a?Sr(v,{placement:t,boundary:b,rootBoundary:m,padding:h,flipVariations:w,allowedAutoPlacements:O}):t)}),[]);var E=v.rects.reference;var P=v.rects.popper;var q=new Map;var B=true;var S=M[0];for(var R=0;R<M.length;R++){var W=M[R];var H=T(W);var L=ar(W)===o;var F=[r,t].indexOf(H)>=0;var I=F?"width":"height";var C=Br(v,{placement:W,boundary:b,rootBoundary:m,altBoundary:y,padding:h});var z=F?L?n:e:L?t:r;if(E[I]>P[I]){z=pr(z)}var D=pr(z);var U=[];if(c){U.push(C[H]<=0)}if(d){U.push(C[z]<=0,C[D]<=0)}if(U.every((function(r){return r}))){S=W;B=false;break}q.set(W,U)}if(B){var V=w?3:1;var _=function r(t){var n=M.find((function(r){var n=q.get(r);if(n){return n.slice(0,t).every((function(r){return r}))}}));if(n){S=n;return"break"}};for(var G=V;G>0;G--){var J=_(G);if(J==="break")break}}if(v.placement!==S){v.modifiersData[u]._skip=true;v.placement=S;v.reset=true}}var Wr={name:"flip",enabled:true,phase:"main",fn:Rr,requiresIfExists:["offset"],data:{_skip:false}};function Hr(r,t,n){if(n===void 0){n={x:0,y:0}}return{top:r.top-t.height-n.y,right:r.right-t.width+n.x,bottom:r.bottom-t.height+n.y,left:r.left-t.width-n.x}}function Lr(a){return[r,n,t,e].some((function(r){return a[r]>=0}))}function Fr(r){var t=r.state,n=r.name;var e=t.rects.reference;var a=t.rects.popper;var i=t.modifiersData.preventOverflow;var o=Br(t,{elementContext:"reference"});var v=Br(t,{altBoundary:true});var f=Hr(o,e);var u=Hr(v,a,i);var s=Lr(f);var c=Lr(u);t.modifiersData[n]={referenceClippingOffsets:f,popperEscapeOffsets:u,isReferenceHidden:s,hasPopperEscaped:c};t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":s,"data-popper-escaped":c})}var Ir={name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:Fr};function Cr(t,a,i){var o=T(t);var v=[e,r].indexOf(o)>=0?-1:1;var f=typeof i==="function"?i(Object.assign({},a,{placement:t})):i,u=f[0],s=f[1];u=u||0;s=(s||0)*v;return[e,n].indexOf(o)>=0?{x:s,y:u}:{x:u,y:s}}function zr(r){var t=r.state,n=r.options,e=r.name;var a=n.offset,i=a===void 0?[0,0]:a;var o=d.reduce((function(r,n){r[n]=Cr(n,t.rects,i);return r}),{});var v=o[t.placement],f=v.x,u=v.y;if(t.modifiersData.popperOffsets!=null){t.modifiersData.popperOffsets.x+=f;t.modifiersData.popperOffsets.y+=u}t.modifiersData[e]=o}var Dr={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:zr};function Ur(r){var t=r.state,n=r.name;t.modifiersData[n]=qr({reference:t.rects.reference,element:t.rects.popper,placement:t.placement})}var Vr={name:"popperOffsets",enabled:true,phase:"read",fn:Ur,data:{}};function _r(r){return r==="x"?"y":"x"}function Gr(a){var i=a.state,v=a.options,f=a.name;var u=v.mainAxis,s=u===void 0?true:u,c=v.altAxis,l=c===void 0?false:c,d=v.boundary,p=v.rootBoundary,h=v.altBoundary,b=v.padding,m=v.tether,y=m===void 0?true:m,x=v.tetherOffset,w=x===void 0?0:x;var O=Br(i,{boundary:d,rootBoundary:p,padding:b,altBoundary:h});var g=T(i.placement);var j=ar(i.placement);var A=!j;var k=N(g);var M=_r(k);var E=i.modifiersData.popperOffsets;var P=i.rects.reference;var q=i.rects.popper;var B=typeof w==="function"?w(Object.assign({},i.rects,{placement:i.placement})):w;var S=typeof B==="number"?{mainAxis:B,altAxis:B}:Object.assign({mainAxis:0,altAxis:0},B);var H=i.modifiersData.offset?i.modifiersData.offset[i.placement]:null;var L={x:0,y:0};if(!E){return}if(s){var F;var I=k==="y"?r:e;var z=k==="y"?t:n;var D=k==="y"?"height":"width";var U=E[k];var V=U+O[I];var _=U-O[z];var G=y?-q[D]/2:0;var J=j===o?P[D]:q[D];var Z=j===o?-q[D]:-P[D];var $=i.elements.arrow;var rr=y&&$?C($):{width:0,height:0};var tr=i.modifiersData["arrow#persistent"]?i.modifiersData["arrow#persistent"].padding:Y();var nr=tr[I];var er=tr[z];var ir=Q(0,P[D],rr[D]);var or=A?P[D]/2-G-ir-nr-S.mainAxis:J-ir-nr-S.mainAxis;var vr=A?-P[D]/2+G+ir+er+S.mainAxis:Z+ir+er+S.mainAxis;var fr=i.elements.arrow&&K(i.elements.arrow);var ur=fr?k==="y"?fr.clientTop||0:fr.clientLeft||0:0;var sr=(F=H==null?void 0:H[k])!=null?F:0;var cr=U+or-sr-ur;var lr=U+vr-sr;var dr=Q(y?W(V,cr):V,U,y?R(_,lr):_);E[k]=dr;L[k]=dr-U}if(l){var pr;var hr=k==="x"?r:e;var br=k==="x"?t:n;var mr=E[M];var yr=M==="y"?"height":"width";var xr=mr+O[hr];var wr=mr-O[br];var Or=[r,e].indexOf(g)!==-1;var gr=(pr=H==null?void 0:H[M])!=null?pr:0;var jr=Or?xr:mr-P[yr]-q[yr]-gr+S.altAxis;var Ar=Or?mr+P[yr]+q[yr]-gr-S.altAxis:wr;var kr=y&&Or?X(jr,mr,Ar):Q(y?jr:xr,mr,y?Ar:wr);E[M]=kr;L[M]=kr-mr}i.modifiersData[f]=L}var Jr={name:"preventOverflow",enabled:true,phase:"main",fn:Gr,requiresIfExists:["offset"]};function Kr(r){return{scrollLeft:r.scrollLeft,scrollTop:r.scrollTop}}function Nr(r){if(r===k(r)||!E(r)){return mr(r)}else{return Kr(r)}}function Qr(r){var t=r.getBoundingClientRect();var n=H(t.width)/r.offsetWidth||1;var e=H(t.height)/r.offsetHeight||1;return n!==1||e!==1}function Xr(r,t,n){if(n===void 0){n=false}var e=E(t);var a=E(t)&&Qr(t);var i=V(t);var o=I(r,a,n);var v={scrollLeft:0,scrollTop:0};var f={x:0,y:0};if(e||!e&&!n){if(A(t)!=="body"||Or(i)){v=Nr(t)}if(E(t)){f=I(t,true);f.x+=t.clientLeft;f.y+=t.clientTop}else if(i){f.x=yr(i)}}return{x:o.left+v.scrollLeft-f.x,y:o.top+v.scrollTop-f.y,width:o.width,height:o.height}}function Yr(r){var t=new Map;var n=new Set;var e=[];r.forEach((function(r){t.set(r.name,r)}));function a(r){n.add(r.name);var i=[].concat(r.requires||[],r.requiresIfExists||[]);i.forEach((function(r){if(!n.has(r)){var e=t.get(r);if(e){a(e)}}}));e.push(r)}r.forEach((function(r){if(!n.has(r.name)){a(r)}}));return e}function Zr(r){var t=Yr(r);return j.reduce((function(r,n){return r.concat(t.filter((function(r){return r.phase===n})))}),[])}function $r(r){var t;return function(){if(!t){t=new Promise((function(n){Promise.resolve().then((function(){t=undefined;n(r())}))}))}return t}}function rt(r){var t=r.reduce((function(r,t){var n=r[t.name];r[t.name]=n?Object.assign({},n,t,{options:Object.assign({},n.options,t.options),data:Object.assign({},n.data,t.data)}):t;return r}),{});return Object.keys(t).map((function(r){return t[r]}))}var tt={placement:"bottom",modifiers:[],strategy:"absolute"};function nt(){for(var r=arguments.length,t=new Array(r),n=0;n<r;n++){t[n]=arguments[n]}return!t.some((function(r){return!(r&&typeof r.getBoundingClientRect==="function")}))}function et(r){if(r===void 0){r={}}var t=r,n=t.defaultModifiers,e=n===void 0?[]:n,a=t.defaultOptions,i=a===void 0?tt:a;return function r(t,n,a){if(a===void 0){a=i}var o={placement:"bottom",orderedModifiers:[],options:Object.assign({},tt,i),modifiersData:{},elements:{reference:t,popper:n},attributes:{},styles:{}};var v=[];var f=false;var u={state:o,setOptions:function r(a){var v=typeof a==="function"?a(o.options):a;c();o.options=Object.assign({},i,o.options,v);o.scrollParents={reference:M(t)?jr(t):t.contextElement?jr(t.contextElement):[],popper:jr(n)};var f=Zr(rt([].concat(e,o.options.modifiers)));o.orderedModifiers=f.filter((function(r){return r.enabled}));s();return u.update()},forceUpdate:function r(){if(f){return}var t=o.elements,n=t.reference,e=t.popper;if(!nt(n,e)){return}o.rects={reference:Xr(n,K(e),o.options.strategy==="fixed"),popper:C(e)};o.reset=false;o.placement=o.options.placement;o.orderedModifiers.forEach((function(r){return o.modifiersData[r.name]=Object.assign({},r.data)}));for(var a=0;a<o.orderedModifiers.length;a++){if(o.reset===true){o.reset=false;a=-1;continue}var i=o.orderedModifiers[a],v=i.fn,s=i.options,c=s===void 0?{}:s,l=i.name;if(typeof v==="function"){o=v({state:o,options:c,name:l,instance:u})||o}}},update:$r((function(){return new Promise((function(r){u.forceUpdate();r(o)}))})),destroy:function r(){c();f=true}};if(!nt(t,n)){return u}u.setOptions(a).then((function(r){if(!f&&a.onFirstUpdate){a.onFirstUpdate(r)}}));function s(){o.orderedModifiers.forEach((function(r){var t=r.name,n=r.options,e=n===void 0?{}:n,a=r.effect;if(typeof a==="function"){var i=a({state:o,name:t,instance:u,options:e});var f=function r(){};v.push(i||f)}}))}function c(){v.forEach((function(r){return r()}));v=[]}return u}}var at=[lr,Vr,ur,S,Dr,Wr,Jr,er,Ir];var it=et({defaultModifiers:at});class ot{constructor(r,t,n){this.handleTransitionEnd=this.handleTransitionEnd.bind(this);this.anchor=r;this.popover=t;this.options=Object.assign({skidding:0,distance:0,placement:"bottom-start",strategy:"absolute",transitionElement:this.popover,visibleClass:"popover-visible",onAfterShow:()=>Promise,onAfterHide:()=>Promise,onTransitionEnd:()=>Promise},n);this.isVisible=false;this.popover.hidden=true;if(this.options.visibleClass!=null){this.popover.classList.remove(this.options.visibleClass)}this.popover.addEventListener("transitionend",this.handleTransitionEnd)}handleTransitionEnd(r){var t,n;const e=r.target;if(e===this.options.transitionElement){(t=this.options.onTransitionEnd)===null||t===void 0?void 0:t.call(this,r);if(!this.isVisible&&!this.popover.hidden){this.popover.hidden=true;if(this.options.visibleClass!=null){this.popover.classList.remove(this.options.visibleClass)}(n=this.options.onAfterHide)===null||n===void 0?void 0:n.call(this)}}}destroy(){this.popover.removeEventListener("transitionend",this.handleTransitionEnd);if(this.popper){this.popper.destroy();this.popper=undefined}}show(){this.isVisible=true;this.popover.hidden=false;requestAnimationFrame((()=>{if(this.options.visibleClass!=null){this.popover.classList.add(this.options.visibleClass)}}));if(this.popper){this.popper.destroy()}this.popper=it(this.anchor,this.popover,{placement:this.options.placement,strategy:this.options.strategy,modifiers:[{name:"flip",options:{boundary:"viewport"}},{name:"offset",options:{offset:[this.options.skidding,this.options.distance]}}]});this.popover.addEventListener("transitionend",(()=>{var r;return(r=this.options.onAfterShow)===null||r===void 0?void 0:r.call(this)}),{once:true});requestAnimationFrame((()=>{var r;return(r=this.popper)===null||r===void 0?void 0:r.update()}))}reposition(){var r;(r=this.popper)===null||r===void 0?void 0:r.update()}hide(){this.isVisible=false;if(this.options.visibleClass!=null){this.popover.classList.remove(this.options.visibleClass)}}setOptions(r){this.options=Object.assign(this.options,r);if(this.options.visibleClass!=null){this.isVisible?this.popover.classList.add(this.options.visibleClass):this.popover.classList.remove(this.options.visibleClass)}if(this.popper!=null){void this.popper.setOptions({placement:this.options.placement,strategy:this.options.strategy});requestAnimationFrame((()=>{var r;return(r=this.popper)===null||r===void 0?void 0:r.update()}))}}}export{ot as P};
+//# sourceMappingURL=p-kHci8ddv.js.map