@six-group/ui-library 0.0.0-insider.b13c699 → 0.0.0-insider.b2db78f

package/dist/ui-library/p-6183f4c8.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as i}from"./p-BF09Gr5y.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-6183f4c8.entry.js.map

package/dist/ui-library/p-6183f4c8.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-696590b3.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as e}from"./p-BF09Gr5y.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{display:inline-block;--size:2rem}.avatar{display:inline-flex;align-items:center;justify-content:center;position:relative;width:var(--size);height:var(--size);background-color:var(--six-avatar-background-color);font-family:var(--six-font-sans);font-size:calc(var(--size) * 0.5);font-weight:var(--six-font-weight-normal);color:var(--six-avatar-color);overflow:hidden;user-select:none;vertical-align:middle;cursor:pointer;outline:none}.avatar:hover{box-shadow:var(--six-shadow-medium)}.avatar--circle{border-radius:var(--six-border-radius-circle)}.avatar--rounded{border-radius:var(--six-border-radius-medium)}.avatar--square{border-radius:0}.avatar__icon{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%}.avatar__initials{line-height:1;text-transform:uppercase}.avatar__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}";const t=class{constructor(e){a(this,e);this.hasError=false;this.image="";this.alt="";this.initials="";this.shape="circle";this.handleImageError=()=>{this.hasError=true}}render(){return e("div",{key:"1aaade211fdffbe4e64a03942be0f2dc045f2ba5",part:"base",class:{avatar:true,"avatar--circle":this.shape==="circle","avatar--rounded":this.shape==="rounded","avatar--square":this.shape==="square"},role:"image","aria-label":this.alt,tabIndex:0},this.initials===""&&e("div",{key:"08f51e38d5961efe8a1edd229b19173a76773fac",part:"icon",class:"avatar__icon"},e("slot",{key:"93a72971ee8e0e0cc700341520f456e8284b76e6",name:"icon"},e("six-icon",{key:"bc3fcbdde635da80270e3ea545b11113ee6512c1"},"person"))),this.initials&&e("div",{key:"0531c544e1400e170161de648afeb1a27ddcbfb6",part:"initials",class:"avatar__initials"},this.initials),this.image&&!this.hasError&&e("img",{key:"aae3851a20d505d4ee266828ac777a2518bdaf6e",part:"image",class:"avatar__image",src:this.image,onError:this.handleImageError}))}};t.style=i;export{t as six_avatar};
+//# sourceMappingURL=p-696590b3.entry.js.map

package/dist/ui-library/p-696590b3.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixAvatarCss","SixAvatar","constructor","hostRef","this","hasError","image","alt","initials","shape","handleImageError","render","h","key","part","class","avatar","role","tabIndex","name","src","onError"],"sources":["src/components/six-avatar/six-avatar.scss?tag=six-avatar&encapsulation=shadow","src/components/six-avatar/six-avatar.tsx"],"sourcesContent":["@import 'src/global/component';\n\n/**\n * @prop --size: The size of the avatar.\n */\n:host {\n  display: inline-block;\n\n  --size: 2rem;\n}\n\n.avatar {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  width: var(--size);\n  height: var(--size);\n  background-color: var(--six-avatar-background-color);\n  font-family: var(--six-font-sans);\n  font-size: calc(var(--size) * 0.5);\n  font-weight: var(--six-font-weight-normal);\n  color: var(--six-avatar-color);\n  overflow: hidden;\n  user-select: none;\n  vertical-align: middle;\n  cursor: pointer;\n  outline: none;\n\n  &:hover {\n    box-shadow: var(--six-shadow-medium);\n  }\n}\n\n.avatar--circle {\n  border-radius: var(--six-border-radius-circle);\n}\n\n.avatar--rounded {\n  border-radius: var(--six-border-radius-medium);\n}\n\n.avatar--square {\n  border-radius: 0;\n}\n\n.avatar__icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.avatar__initials {\n  line-height: 1;\n  text-transform: uppercase;\n}\n\n.avatar__image {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n","import { Component, h, Prop, State } 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 * @slot icon - The default icon to use when no image or initials are present.\n *\n * @part base - The component's base wrapper.\n * @part icon - The container that wraps the avatar icon.\n * @part initials - The container that wraps the avatar initials.\n * @part image - The avatar image.\n */\n@Component({\n  tag: 'six-avatar',\n  styleUrl: 'six-avatar.scss',\n  shadow: true,\n})\nexport class SixAvatar {\n  @State() hasError = false;\n\n  /** The image source to use for the avatar. */\n  @Prop() image = '';\n\n  /** Alternative text for the image. */\n  @Prop() alt = '';\n\n  /** Initials to use as a fallback when no image is available (1-2 characters max recommended). */\n  @Prop() initials = '';\n\n  /** The shape of the avatar. */\n  @Prop() shape: 'circle' | 'square' | 'rounded' = 'circle';\n\n  private handleImageError = () => {\n    this.hasError = true;\n  };\n\n  render() {\n    return (\n      <div\n        part=\"base\"\n        class={{\n          avatar: true,\n          'avatar--circle': this.shape === 'circle',\n          'avatar--rounded': this.shape === 'rounded',\n          'avatar--square': this.shape === 'square',\n        }}\n        role=\"image\"\n        aria-label={this.alt}\n        tabIndex={0}\n      >\n        {this.initials === '' && (\n          <div part=\"icon\" class=\"avatar__icon\">\n            <slot name=\"icon\">\n              <six-icon>person</six-icon>\n            </slot>\n          </div>\n        )}\n\n        {this.initials && (\n          <div part=\"initials\" class=\"avatar__initials\">\n            {this.initials}\n          </div>\n        )}\n\n        {this.image && !this.hasError && (\n          <img part=\"image\" class=\"avatar__image\" src={this.image} onError={this.handleImageError} />\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAe,snC,MCoBRC,EAAS,MALtB,WAAAC,CAAAC,G,UAMWC,KAAQC,SAAG,MAGZD,KAAKE,MAAG,GAGRF,KAAGG,IAAG,GAGNH,KAAQI,SAAG,GAGXJ,KAAKK,MAAoC,SAEzCL,KAAgBM,iBAAG,KACzBN,KAAKC,SAAW,IAAI,CAqCvB,CAlCC,MAAAM,GACE,OACEC,EACE,OAAAC,IAAA,2CAAAC,KAAK,OACLC,MAAO,CACLC,OAAQ,KACR,iBAAkBZ,KAAKK,QAAU,SACjC,kBAAmBL,KAAKK,QAAU,UAClC,iBAAkBL,KAAKK,QAAU,UAEnCQ,KAAK,QACO,aAAAb,KAAKG,IACjBW,SAAU,GAETd,KAAKI,WAAa,IACjBI,EAAK,OAAAC,IAAA,2CAAAC,KAAK,OAAOC,MAAM,gBACrBH,EAAM,QAAAC,IAAA,2CAAAM,KAAK,QACTP,EAA2B,YAAAC,IAAA,wDAKhCT,KAAKI,UACJI,EAAA,OAAAC,IAAA,2CAAKC,KAAK,WAAWC,MAAM,oBACxBX,KAAKI,UAITJ,KAAKE,QAAUF,KAAKC,UACnBO,EAAK,OAAAC,IAAA,2CAAAC,KAAK,QAAQC,MAAM,gBAAgBK,IAAKhB,KAAKE,MAAOe,QAASjB,KAAKM,mB","ignoreList":[]}

package/dist/ui-library/p-7722c3c9.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as t,g as l}from"./p-BF09Gr5y.js";import{F as r}from"./p-tWZJdnMN.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-7722c3c9.entry.js.map

package/dist/ui-library/p-7722c3c9.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-7b269878.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as a,g as s}from"./p-BF09Gr5y.js";import{u as e,l as o}from"./p-BY6hIEFX.js";import{h as l}from"./p-j3oIB5oT.js";import{M as r}from"./p-CfIoyvm-.js";const n=":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{--width:31rem;display:contents}.dialog{display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--six-z-index-dialog);color:var(--six-color-web-rock-900)}.dialog:not(.dialog--visible){position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;pointer-events:none;visibility:hidden}.dialog__panel{display:flex;flex-direction:column;z-index:2;width:var(--width);max-width:calc(100% - var(--six-spacing-xx-large));max-height:calc(100% - var(--six-spacing-xx-large));background-color:var(--six-panel-background-color);border-radius:var(--six-border-radius-medium);box-shadow:var(--six-shadow-large);opacity:0;transform:scale(0.8);transition:var(--six-transition-medium) opacity, var(--six-transition-medium) transform}.dialog__panel:focus{outline:none}@media screen and (max-width: 420px){.dialog__panel{max-height:80vh}}.dialog--open .dialog__panel{display:flex;opacity:1;transform:none}.dialog__header{flex:0 0 auto;display:flex}.dialog__title{flex:1 1 auto;font-size:var(--six-font-size-x-large);font-weight:var(--six-font-weight-bold);line-height:var(--six-line-height-dense);padding:var(--six-spacing-large) var(--six-spacing-large) var(--six-spacing-small)}.dialog__close{flex:0 0 auto;display:flex;align-items:center;font-size:var(--six-font-size-x-large);padding:0 var(--six-spacing-x-small)}.dialog__body{flex:1 1 auto;padding:var(--six-spacing-small) var(--six-spacing-large) var(--six-spacing-large);overflow:auto;-webkit-overflow-scrolling:touch}.dialog__footer{flex:0 0 auto;text-align:right;padding:var(--six-spacing-large)}.dialog__footer ::slotted(six-button:not(:first-of-type)){margin-left:var(--six-spacing-xx-small)}.dialog:not(.dialog--has-footer) .dialog__footer{display:none}.dialog__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--six-overlay-background-color);opacity:0;transition:var(--six-transition-medium) opacity}.dialog--open .dialog__overlay{opacity:0.8}";let d=0;const h=class{constructor(a){i(this,a);this.sixShow=t(this,"six-dialog-show");this.sixAfterShow=t(this,"six-dialog-after-show");this.sixHide=t(this,"six-dialog-hide");this.sixAfterHide=t(this,"six-dialog-after-hide");this.sixInitialFocus=t(this,"six-dialog-initial-focus");this.sixOverlayDismiss=t(this,"six-dialog-overlay-dismiss");this.componentId=`dialog-${++d}`;this.willShow=false;this.willHide=false;this.hasFooter=false;this.isVisible=false;this.open=false;this.label="";this.noHeader=false;this.handleCloseClick=()=>{this.hide()};this.handleKeyDown=i=>{if(i.key==="Escape"){this.hide()}};this.handleOverlayClick=()=>{const i=this.sixOverlayDismiss.emit();if(!i.defaultPrevented){this.hide()}};this.handleSlotChange=()=>{this.hasFooter=l(this.host,"footer")};this.handleTransitionEnd=i=>{const t=i.target;if(i.propertyName==="opacity"&&t.classList.contains("dialog__panel")){this.isVisible=this.open;this.willShow=false;this.willHide=false;this.open?this.sixAfterShow.emit():this.sixAfterHide.emit()}}}handleOpenChange(){this.open?this.show():this.hide()}connectedCallback(){this.modal=new r(this.host,{onFocusOut:()=>{var i;return(i=this.panel)===null||i===void 0?void 0:i.focus()}})}componentWillLoad(){this.handleSlotChange()}componentDidLoad(){if(this.open){this.show()}}disconnectedCallback(){e(this.host)}async show(){if(this.willShow||this.modal==null||this.panel==null||this.dialog==null){return}const i=this.panel;const t=this.sixShow.emit();if(t.defaultPrevented){this.open=false;return}this.willShow=true;this.isVisible=true;this.open=true;this.modal.activate();o(this.host);if(this.open){requestAnimationFrame((()=>{const t=this.sixInitialFocus.emit();if(!t.defaultPrevented){i.focus({preventScroll:true})}}))}}async hide(){if(this.willHide||this.modal==null){return}const i=this.sixHide.emit();if(i.defaultPrevented){this.open=true;return}this.willHide=true;this.open=false;this.modal.deactivate();e(this.host)}render(){return a("div",{key:"4fb15d0b1b8cb52082d6faadd337f92c51d4a6ba",ref:i=>this.dialog=i,part:"base",class:{dialog:true,"dialog--open":this.open,"dialog--visible":this.isVisible,"dialog--has-footer":this.hasFooter},onKeyDown:this.handleKeyDown,onTransitionEnd:this.handleTransitionEnd},a("div",{key:"f1f7f2f0c69dda4f3a9fe464aef1880a3ccc8435",part:"overlay",class:"dialog__overlay",onClick:this.handleOverlayClick}),a("div",{key:"988baac44c75d2299f55e4dd848155ac535679cc",ref:i=>this.panel=i,part:"panel",class:"dialog__panel",role:"dialog","aria-modal":"true","aria-hidden":this.open?"false":"true","aria-label":this.noHeader?this.label:null,"aria-labelledby":!this.noHeader?`${this.componentId}-title`:null,tabIndex:0},!this.noHeader&&a("header",{key:"a167200e75358f3b7b778f7475ca437f23a58797",part:"header",class:"dialog__header"},a("span",{key:"3c3edc39e39eb0bda2c745719476278b8db86037",part:"title",class:"dialog__title",id:`${this.componentId}-title`},a("slot",{key:"3cd726aaebef3f72bcfda02cbd98c16c38fd6d6e",name:"label"},this.label||String.fromCharCode(65279))),a("six-icon-button",{key:"e1110789a7bdb41cef385814d53bbed678aa99e8",exportparts:"base:close-button",class:"dialog__close",name:"close",onClick:this.handleCloseClick})),a("div",{key:"7c0c4a8388d2e6ff53e8dffce614314c327c311d",part:"body",class:"dialog__body"},a("slot",{key:"ed90c7246c3922ef3ee0cea389879ff52c910120"})),a("footer",{key:"cbc879ecfe209e9be681bbc8d34d2defb1cc6f45",part:"footer",class:"dialog__footer"},a("slot",{key:"0d86102a449cef6ebaaf1c7738fd444e249bbe86",name:"footer",onSlotchange:this.handleSlotChange}))))}get host(){return s(this)}static get watchers(){return{open:["handleOpenChange"]}}};h.style=n;export{h as six_dialog};
+//# sourceMappingURL=p-7b269878.entry.js.map

package/dist/ui-library/p-7b269878.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixDialogCss","id","SixDialog","constructor","hostRef","this","componentId","willShow","willHide","hasFooter","isVisible","open","label","noHeader","handleCloseClick","hide","handleKeyDown","event","key","handleOverlayClick","sixOverlayDismiss","emit","defaultPrevented","handleSlotChange","hasSlot","host","handleTransitionEnd","target","propertyName","classList","contains","sixAfterShow","sixAfterHide","handleOpenChange","show","connectedCallback","modal","Modal","onFocusOut","_a","panel","focus","componentWillLoad","componentDidLoad","disconnectedCallback","unlockBodyScrolling","dialog","sixShow","activate","lockBodyScrolling","requestAnimationFrame","sixInitialFocus","preventScroll","sixHide","deactivate","render","h","ref","el","part","class","onKeyDown","onTransitionEnd","onClick","role","tabIndex","name","String","fromCharCode","exportparts","onSlotchange"],"sources":["src/components/six-dialog/six-dialog.scss?tag=six-dialog&encapsulation=shadow","src/components/six-dialog/six-dialog.tsx"],"sourcesContent":["@import 'src/global/component';\n@import 'src/global/mixins/hidden';\n\n/**\n * @prop --width: The preferred width of the dialog. Note that the dialog will shrink to accommodate smaller screens.\n */\n:host {\n  --width: 31rem;\n\n  display: contents;\n}\n\n.dialog {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: var(--six-z-index-dialog);\n  color: var(--six-color-web-rock-900);\n\n  &:not(.dialog--visible) {\n    @include hidden;\n  }\n}\n\n.dialog__panel {\n  display: flex;\n  flex-direction: column;\n  z-index: 2;\n  width: var(--width);\n  max-width: calc(100% - var(--six-spacing-xx-large));\n  max-height: calc(100% - var(--six-spacing-xx-large));\n  background-color: var(--six-panel-background-color);\n  border-radius: var(--six-border-radius-medium);\n  box-shadow: var(--six-shadow-large);\n  opacity: 0;\n  transform: scale(0.8);\n  transition: var(--six-transition-medium) opacity, var(--six-transition-medium) transform;\n\n  &:focus {\n    outline: none;\n  }\n}\n\n// Ensure there's enough vertical padding for phones that don't update vh when chrome appears (e.g. iPhone)\n@media screen and (max-width: 420px) {\n  .dialog__panel {\n    max-height: 80vh;\n  }\n}\n\n.dialog--open .dialog__panel {\n  display: flex;\n  opacity: 1;\n  transform: none;\n}\n\n.dialog__header {\n  flex: 0 0 auto;\n  display: flex;\n}\n\n.dialog__title {\n  flex: 1 1 auto;\n  font-size: var(--six-font-size-x-large);\n  font-weight: var(--six-font-weight-bold);\n  line-height: var(--six-line-height-dense);\n  padding: var(--six-spacing-large) var(--six-spacing-large) var(--six-spacing-small);\n}\n\n.dialog__close {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  font-size: var(--six-font-size-x-large);\n  padding: 0 var(--six-spacing-x-small);\n}\n\n.dialog__body {\n  flex: 1 1 auto;\n  padding: var(--six-spacing-small) var(--six-spacing-large) var(--six-spacing-large);\n  overflow: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n.dialog__footer {\n  flex: 0 0 auto;\n  text-align: right;\n  padding: var(--six-spacing-large);\n\n  ::slotted(six-button:not(:first-of-type)) {\n    margin-left: var(--six-spacing-xx-small);\n  }\n}\n\n.dialog:not(.dialog--has-footer) .dialog__footer {\n  display: none;\n}\n\n.dialog__overlay {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: var(--six-overlay-background-color);\n  opacity: 0;\n  transition: var(--six-transition-medium) opacity;\n}\n\n.dialog--open .dialog__overlay {\n  opacity: 0.8;\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { lockBodyScrolling, unlockBodyScrolling } from '../../utils/scroll';\nimport { hasSlot } from '../../utils/slot';\nimport Modal from '../../utils/modal';\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 dialog's content.\n * @slot label - The dialog's label. Alternatively, you can use the label prop.\n * @slot footer - The dialog's footer, usually one or more buttons representing various options.\n *\n * @part base - The component's base wrapper.\n * @part overlay - The overlay.\n * @part panel - The dialog panel (where the dialog and its content is rendered).\n * @part header - The dialog header.\n * @part title - The dialog title.\n * @part close-button - The close button.\n * @part body - The dialog body.\n * @part footer - The dialog footer.\n *\n */\n@Component({\n  tag: 'six-dialog',\n  styleUrl: 'six-dialog.scss',\n  shadow: true,\n})\nexport class SixDialog {\n  private componentId = `dialog-${++id}`;\n  private dialog?: HTMLElement;\n  private modal?: Modal;\n  private panel?: HTMLElement;\n  private willShow = false;\n  private willHide = false;\n\n  @Element() host!: HTMLSixDialogElement;\n\n  @State() hasFooter = false;\n  @State() isVisible = false;\n\n  /** Indicates whether the dialog is open. You can use this in lieu of the show/hide methods. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /**\n   * The dialog's label as displayed in the header. You should always include a relevant label even when using\n   * `no-header`, as it is required for proper accessibility.\n   */\n  @Prop() label = '';\n\n  /**\n   * Set to true to disable the header. This will also remove the default close button, so please ensure you provide an\n   * easy, accessible way for users to dismiss the dialog.\n   */\n  @Prop() noHeader = false;\n\n  @Watch('open')\n  handleOpenChange() {\n    this.open ? this.show() : this.hide();\n  }\n\n  /** Emitted when the dialog opens. Calling `event.preventDefault()` will prevent it from being opened. */\n  @Event({ eventName: 'six-dialog-show' }) sixShow!: EventEmitter<EmptyPayload>;\n\n  /** Emitted after the dialog opens and all transitions are complete. */\n  @Event({ eventName: 'six-dialog-after-show' }) sixAfterShow!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the dialog closes. Calling `event.preventDefault()` will prevent it from being closed. */\n  @Event({ eventName: 'six-dialog-hide' }) sixHide!: EventEmitter<EmptyPayload>;\n\n  /** Emitted after the dialog closes and all transitions are complete. */\n  @Event({ eventName: 'six-dialog-after-hide' }) sixAfterHide!: EventEmitter<EmptyPayload>;\n\n  /**\n   * Emitted when the dialog opens and the panel gains focus. Calling `event.preventDefault()` will prevent focus and\n   * allow you to set it on a different element in the dialog, such as an input or button.\n   */\n  @Event({ eventName: 'six-dialog-initial-focus' }) sixInitialFocus!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the overlay is clicked. Calling `event.preventDefault()` will prevent the dialog from closing. */\n  @Event({ eventName: 'six-dialog-overlay-dismiss' }) sixOverlayDismiss!: EventEmitter<EmptyPayload>;\n\n  connectedCallback() {\n    this.modal = new Modal(this.host, {\n      onFocusOut: () => this.panel?.focus(),\n    });\n  }\n\n  componentWillLoad() {\n    this.handleSlotChange();\n  }\n\n  componentDidLoad() {\n    // Show on init if open\n    if (this.open) {\n      this.show();\n    }\n  }\n\n  disconnectedCallback() {\n    unlockBodyScrolling(this.host);\n  }\n\n  /** Shows the dialog */\n  @Method()\n  async show() {\n    if (this.willShow || this.modal == null || this.panel == null || this.dialog == null) {\n      return;\n    }\n    const panel = this.panel;\n\n    const sixShow = this.sixShow.emit();\n    if (sixShow.defaultPrevented) {\n      this.open = false;\n      return;\n    }\n\n    this.willShow = true;\n    this.isVisible = true;\n    this.open = true;\n    this.modal.activate();\n\n    lockBodyScrolling(this.host);\n\n    if (this.open) {\n      requestAnimationFrame(() => {\n        const sixInitialFocus = this.sixInitialFocus.emit();\n        if (!sixInitialFocus.defaultPrevented) {\n          panel.focus({ preventScroll: true });\n        }\n      });\n    }\n  }\n\n  /** Hides the dialog */\n  @Method()\n  async hide() {\n    if (this.willHide || this.modal == null) {\n      return;\n    }\n\n    const sixHide = this.sixHide.emit();\n    if (sixHide.defaultPrevented) {\n      this.open = true;\n      return;\n    }\n\n    this.willHide = true;\n    this.open = false;\n    this.modal.deactivate();\n\n    unlockBodyScrolling(this.host);\n  }\n\n  private handleCloseClick = () => {\n    this.hide();\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Escape') {\n      this.hide();\n    }\n  };\n\n  private handleOverlayClick = () => {\n    const sixOverlayDismiss = this.sixOverlayDismiss.emit();\n\n    if (!sixOverlayDismiss.defaultPrevented) {\n      this.hide();\n    }\n  };\n\n  private handleSlotChange = () => {\n    this.hasFooter = hasSlot(this.host, 'footer');\n  };\n\n  private handleTransitionEnd = (event: TransitionEvent) => {\n    const target = event.target as HTMLElement;\n\n    // Ensure we only emit one event when the target element is no longer visible\n    if (event.propertyName === 'opacity' && target.classList.contains('dialog__panel')) {\n      this.isVisible = this.open;\n      this.willShow = false;\n      this.willHide = false;\n      this.open ? this.sixAfterShow.emit() : this.sixAfterHide.emit();\n    }\n  };\n\n  render() {\n    return (\n      <div\n        ref={(el) => (this.dialog = el)}\n        part=\"base\"\n        class={{\n          dialog: true,\n          'dialog--open': this.open,\n          'dialog--visible': this.isVisible,\n          'dialog--has-footer': this.hasFooter,\n        }}\n        onKeyDown={this.handleKeyDown}\n        onTransitionEnd={this.handleTransitionEnd}\n      >\n        <div part=\"overlay\" class=\"dialog__overlay\" onClick={this.handleOverlayClick} />\n\n        <div\n          ref={(el) => (this.panel = el)}\n          part=\"panel\"\n          class=\"dialog__panel\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-hidden={this.open ? 'false' : 'true'}\n          aria-label={this.noHeader ? this.label : null}\n          aria-labelledby={!this.noHeader ? `${this.componentId}-title` : null}\n          tabIndex={0}\n        >\n          {!this.noHeader && (\n            <header part=\"header\" class=\"dialog__header\">\n              <span part=\"title\" class=\"dialog__title\" id={`${this.componentId}-title`}>\n                <slot name=\"label\">\n                  {/* If there's no label, use an invisible character to prevent the heading from collapsing */}\n                  {this.label || String.fromCharCode(65279)}\n                </slot>\n              </span>\n              <six-icon-button\n                exportparts=\"base:close-button\"\n                class=\"dialog__close\"\n                name=\"close\"\n                onClick={this.handleCloseClick}\n              />\n            </header>\n          )}\n\n          <div part=\"body\" class=\"dialog__body\">\n            <slot />\n          </div>\n\n          <footer part=\"footer\" class=\"dialog__footer\">\n            <slot name=\"footer\" onSlotchange={this.handleSlotChange} />\n          </footer>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"4KAAA,MAAMA,EAAe,8rECMrB,IAAIC,EAAK,E,MA2BIC,EAAS,MALtB,WAAAC,CAAAC,G,gTAMUC,KAAAC,YAAc,YAAYL,IAI1BI,KAAQE,SAAG,MACXF,KAAQG,SAAG,MAIVH,KAASI,UAAG,MACZJ,KAASK,UAAG,MAGmBL,KAAIM,KAAG,MAMvCN,KAAKO,MAAG,GAMRP,KAAQQ,SAAG,MAoGXR,KAAgBS,iBAAG,KACzBT,KAAKU,MAAM,EAGLV,KAAAW,cAAiBC,IACvB,GAAIA,EAAMC,MAAQ,SAAU,CAC1Bb,KAAKU,M,GAIDV,KAAkBc,mBAAG,KAC3B,MAAMC,EAAoBf,KAAKe,kBAAkBC,OAEjD,IAAKD,EAAkBE,iBAAkB,CACvCjB,KAAKU,M,GAIDV,KAAgBkB,iBAAG,KACzBlB,KAAKI,UAAYe,EAAQnB,KAAKoB,KAAM,SAAS,EAGvCpB,KAAAqB,oBAAuBT,IAC7B,MAAMU,EAASV,EAAMU,OAGrB,GAAIV,EAAMW,eAAiB,WAAaD,EAAOE,UAAUC,SAAS,iBAAkB,CAClFzB,KAAKK,UAAYL,KAAKM,KACtBN,KAAKE,SAAW,MAChBF,KAAKG,SAAW,MAChBH,KAAKM,KAAON,KAAK0B,aAAaV,OAAShB,KAAK2B,aAAaX,M,EA2D9D,CA1LC,gBAAAY,GACE5B,KAAKM,KAAON,KAAK6B,OAAS7B,KAAKU,M,CAwBjC,iBAAAoB,GACE9B,KAAK+B,MAAQ,IAAIC,EAAMhC,KAAKoB,KAAM,CAChCa,WAAY,KAAK,IAAAC,EAAC,OAAAA,EAAAlC,KAAKmC,SAAK,MAAAD,SAAA,SAAAA,EAAEE,OAAO,G,CAIzC,iBAAAC,GACErC,KAAKkB,kB,CAGP,gBAAAoB,GAEE,GAAItC,KAAKM,KAAM,CACbN,KAAK6B,M,EAIT,oBAAAU,GACEC,EAAoBxC,KAAKoB,K,CAK3B,UAAMS,GACJ,GAAI7B,KAAKE,UAAYF,KAAK+B,OAAS,MAAQ/B,KAAKmC,OAAS,MAAQnC,KAAKyC,QAAU,KAAM,CACpF,M,CAEF,MAAMN,EAAQnC,KAAKmC,MAEnB,MAAMO,EAAU1C,KAAK0C,QAAQ1B,OAC7B,GAAI0B,EAAQzB,iBAAkB,CAC5BjB,KAAKM,KAAO,MACZ,M,CAGFN,KAAKE,SAAW,KAChBF,KAAKK,UAAY,KACjBL,KAAKM,KAAO,KACZN,KAAK+B,MAAMY,WAEXC,EAAkB5C,KAAKoB,MAEvB,GAAIpB,KAAKM,KAAM,CACbuC,uBAAsB,KACpB,MAAMC,EAAkB9C,KAAK8C,gBAAgB9B,OAC7C,IAAK8B,EAAgB7B,iBAAkB,CACrCkB,EAAMC,MAAM,CAAEW,cAAe,M,MAQrC,UAAMrC,GACJ,GAAIV,KAAKG,UAAYH,KAAK+B,OAAS,KAAM,CACvC,M,CAGF,MAAMiB,EAAUhD,KAAKgD,QAAQhC,OAC7B,GAAIgC,EAAQ/B,iBAAkB,CAC5BjB,KAAKM,KAAO,KACZ,M,CAGFN,KAAKG,SAAW,KAChBH,KAAKM,KAAO,MACZN,KAAK+B,MAAMkB,aAEXT,EAAoBxC,KAAKoB,K,CAqC3B,MAAA8B,GACE,OACEC,EAAA,OAAAtC,IAAA,2CACEuC,IAAMC,GAAQrD,KAAKyC,OAASY,EAC5BC,KAAK,OACLC,MAAO,CACLd,OAAQ,KACR,eAAgBzC,KAAKM,KACrB,kBAAmBN,KAAKK,UACxB,qBAAsBL,KAAKI,WAE7BoD,UAAWxD,KAAKW,cAChB8C,gBAAiBzD,KAAKqB,qBAEtB8B,EAAA,OAAAtC,IAAA,2CAAKyC,KAAK,UAAUC,MAAM,kBAAkBG,QAAS1D,KAAKc,qBAE1DqC,EAAA,OAAAtC,IAAA,2CACEuC,IAAMC,GAAQrD,KAAKmC,MAAQkB,EAC3BC,KAAK,QACLC,MAAM,gBACNI,KAAK,SAAQ,aACF,OAAM,cACJ3D,KAAKM,KAAO,QAAU,OAAM,aAC7BN,KAAKQ,SAAWR,KAAKO,MAAQ,KACxB,mBAACP,KAAKQ,SAAW,GAAGR,KAAKC,oBAAsB,KAChE2D,SAAU,IAER5D,KAAKQ,UACL2C,EAAA,UAAAtC,IAAA,2CAAQyC,KAAK,SAASC,MAAM,kBAC1BJ,EAAA,QAAAtC,IAAA,2CAAMyC,KAAK,QAAQC,MAAM,gBAAgB3D,GAAI,GAAGI,KAAKC,qBACnDkD,EAAA,QAAAtC,IAAA,2CAAMgD,KAAK,SAER7D,KAAKO,OAASuD,OAAOC,aAAa,SAGvCZ,EAAA,mBAAAtC,IAAA,2CACEmD,YAAY,oBACZT,MAAM,gBACNM,KAAK,QACLH,QAAS1D,KAAKS,oBAKpB0C,EAAA,OAAAtC,IAAA,2CAAKyC,KAAK,OAAOC,MAAM,gBACrBJ,EAAA,QAAAtC,IAAA,8CAGFsC,EAAA,UAAAtC,IAAA,2CAAQyC,KAAK,SAASC,MAAM,kBAC1BJ,EAAA,QAAAtC,IAAA,2CAAMgD,KAAK,SAASI,aAAcjE,KAAKkB,qB","ignoreList":[]}

package/dist/ui-library/p-7b9de402.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as s,H as i}from"./p-BF09Gr5y.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:inline-block;box-shadow:var(--six-shadow-medium);border:1px solid var(--six-color-web-rock-100);padding:var(--six-spacing-medium)}";const e=class{constructor(s){o(this,s)}render(){return s(i,{key:"d2459e12a9f8274f095a3d09a077c59a7f091dea"},s("slot",{key:"1619a201af796250d6808a0974047644e7fb6a69"}))}};e.style=r;export{e as six_card};
+//# sourceMappingURL=p-7b9de402.entry.js.map

package/dist/ui-library/p-7b9de402.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-7cdda567.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as e,g as s}from"./p-BF09Gr5y.js";import{g as a}from"./p-j3oIB5oT.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:contents;margin:0}.alert{position:relative;display:flex;align-items:stretch;background-color:var(--six-color-white);border:solid 1px var(--six-color-web-rock-200);border-top-width:3px;border-radius:var(--six-border-radius-medium);box-shadow:var(--box-shadow);font-family:var(--six-font-sans);font-size:var(--six-font-size-small);font-weight:var(--six-font-weight-normal);line-height:1.6;color:var(--six-color-web-rock-700);opacity:0;transform:scale(0.9);transition:var(--six-transition-medium) opacity ease, var(--six-transition-medium) transform ease;margin:inherit}.alert:not(.alert--visible){position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;pointer-events:none;visibility:hidden}.alert--shadow{box-shadow:var(--six-shadow-medium)}.alert--open{opacity:1;transform:none}.alert__icon{flex:0 0 auto;display:flex;align-items:center;font-size:var(--six-font-size-large)}.alert__icon ::slotted(*){margin-left:var(--six-spacing-large)}.alert--primary{border-top-color:var(--six-color-web-rock-900)}.alert--primary .alert__icon{color:var(--six-color-web-rock-900)}.alert--success{border-top-color:var(--six-color-success-600)}.alert--success .alert__icon{color:var(--six-color-success-600)}.alert--info{border-top-color:var(--six-color-action-500)}.alert--info .alert__icon{color:var(--six-color-action-500)}.alert--warning{border-top-color:var(--six-color-warning-800)}.alert--warning .alert__icon{color:var(--six-color-warning-800)}.alert--danger{border-top-color:var(--six-color-danger-900)}.alert--danger .alert__icon{color:var(--six-color-danger-900)}.alert__message{flex:1 1 auto;padding:var(--six-spacing-large);overflow:hidden}.alert__close{flex:0 0 auto;display:flex;align-items:center;font-size:var(--six-font-size-large);padding-right:var(--six-spacing-medium)}";const o=Object.assign(document.createElement("div"),{className:"six-toast-stack"});const n=class{constructor(e){t(this,e);this.sixShow=i(this,"six-alert-show");this.sixAfterShow=i(this,"six-alert-after-show");this.sixHide=i(this,"six-alert-hide");this.sixAfterHide=i(this,"six-alert-after-hide");this.isVisible=false;this.open=false;this.closable=false;this.type="primary";this.duration=Infinity;this.handleCloseClick=()=>{this.hide()};this.handleMouseEnter=()=>{this.pauseAutoHide()};this.handleMouseLeave=()=>{this.resetAutoHide()};this.handleTransitionEnd=t=>{const i=t.target;if(t.propertyName==="opacity"&&i.classList.contains("alert")){this.isVisible=this.open;this.open?this.sixAfterShow.emit():this.sixAfterHide.emit()}}}handleOpenChange(){this.open?this.show():this.hide()}handleDurationChange(){this.restartAutoHide()}componentWillLoad(){if(this.open){this.show()}}async show(){if(this.isVisible){return}const t=this.sixShow.emit();if(t.defaultPrevented){this.open=false;return}this.isVisible=true;this.open=true;if(this.duration<Infinity){this.autoHideTimeout=window.setTimeout((()=>this.hide()),this.duration)}}async hide(){if(!this.isVisible){return}const t=this.sixHide.emit();if(t.defaultPrevented){this.open=true;return}clearTimeout(this.autoHideTimeout);this.isVisible=false;this.open=false}async toast(t=true){return new Promise((i=>{var e;if(!o.parentElement){document.body.append(o)}o.append(this.host);if(t){const t=document.querySelector("six-root");const i=a(t,"header");const s=(e=t===null||t===void 0?void 0:t.shadowRoot)===null||e===void 0?void 0:e.querySelector("host main");if(s!=null&&s instanceof HTMLElement){const t=s.offsetWidth-s.clientWidth;o.style.right=`${t}px`}if(i!=null){const t=i===null||i===void 0?void 0:i.getBoundingClientRect();o.style.top=`${t.top+t.height}px`}}else{o.style.top="0";o.style.right="0"}requestAnimationFrame((()=>this.show()));this.host.addEventListener("six-alert-after-hide",(()=>{this.host.remove();i();if(o.querySelector("six-alert")===null){o.remove()}}),{once:true})}))}pauseAutoHide(){clearTimeout(this.autoHideTimeout)}resetAutoHide(){if(this.open&&this.duration<Infinity){this.autoHideTimeout=window.setTimeout((()=>this.hide()),this.duration)}}restartAutoHide(){this.pauseAutoHide();this.resetAutoHide()}render(){const t=this.host.closest(".six-toast-stack")!=null;return e("div",{key:"cd9d14bef5923cf2ec8add1f61e92733aa9dd59f",part:"base",class:{alert:true,"alert--open":this.open,"alert--visible":this.isVisible,"alert--closable":this.closable,"alert--primary":this.type==="primary","alert--success":this.type==="success","alert--info":this.type==="info","alert--warning":this.type==="warning","alert--danger":this.type==="danger","alert--shadow":t},role:"alert","aria-live":"assertive","aria-atomic":"true","aria-hidden":this.open?"false":"true",onTransitionEnd:this.handleTransitionEnd,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},e("span",{key:"fb6e8cf52eb87ddb1a81a797482457b3afccaa98",part:"icon",class:"alert__icon"},e("slot",{key:"3d97a399ac05620214ef8a4d6a19c37a103f76a2",name:"icon"})),e("span",{key:"3984ce04838d33a688b6cfafb7827646e0e9d582",part:"message",class:"alert__message"},e("slot",{key:"f84ff31b7b74571b2ff9f074b617cb344313939e"})),this.closable&&e("span",{key:"5291d4a747001042ad9882c32427094019e16dbb",class:"alert__close"},e("six-icon-button",{key:"48a38b0a283400ae84ed95df38a43ee6a41e1fb0",name:"clear",exportparts:"base:close-button",onClick:this.handleCloseClick})))}get host(){return s(this)}static get watchers(){return{open:["handleOpenChange"],duration:["handleDurationChange"]}}};n.style=r;export{n as six_alert};
+//# sourceMappingURL=p-7cdda567.entry.js.map

package/dist/ui-library/p-7cdda567.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixAlertCss","toastStack","Object","assign","document","createElement","className","SixAlert","constructor","hostRef","this","isVisible","open","closable","type","duration","Infinity","handleCloseClick","hide","handleMouseEnter","pauseAutoHide","handleMouseLeave","resetAutoHide","handleTransitionEnd","event","target","propertyName","classList","contains","sixAfterShow","emit","sixAfterHide","handleOpenChange","show","handleDurationChange","restartAutoHide","componentWillLoad","sixShow","defaultPrevented","autoHideTimeout","window","setTimeout","sixHide","clearTimeout","toast","adjustPosition","Promise","resolve","parentElement","body","append","host","sixRoot","querySelector","headerSlot","getSlot","mainSlot","_a","shadowRoot","HTMLElement","scrollbarWidth","offsetWidth","clientWidth","style","right","rect","getBoundingClientRect","top","height","requestAnimationFrame","addEventListener","remove","once","render","asToast","closest","h","key","part","class","alert","role","onTransitionEnd","onMouseEnter","onMouseLeave","name","exportparts","onClick"],"sources":["src/components/six-alert/six-alert.scss?tag=six-alert&encapsulation=shadow","src/components/six-alert/six-alert.tsx"],"sourcesContent":["@import 'src/global/component';\n@import 'src/global/mixins/hidden';\n\n/**\n * @prop --box-shadow: The alert's box shadow.\n */\n:host {\n  display: contents;\n\n  // For better DX, we'll reset the margin here so the base part can inherit it\n  margin: 0;\n}\n\n.alert {\n  position: relative;\n  display: flex;\n  align-items: stretch;\n  background-color: var(--six-color-white);\n  border: solid 1px var(--six-color-web-rock-200);\n  border-top-width: 3px;\n  border-radius: var(--six-border-radius-medium);\n  box-shadow: var(--box-shadow);\n  font-family: var(--six-font-sans);\n  font-size: var(--six-font-size-small);\n  font-weight: var(--six-font-weight-normal);\n  line-height: 1.6;\n  color: var(--six-color-web-rock-700);\n  opacity: 0;\n  transform: scale(0.9);\n  transition: var(--six-transition-medium) opacity ease, var(--six-transition-medium) transform ease;\n  margin: inherit;\n\n  &:not(.alert--visible) {\n    @include hidden;\n  }\n}\n\n.alert--shadow {\n  box-shadow: var(--six-shadow-medium);\n}\n\n.alert--open {\n  opacity: 1;\n  transform: none;\n}\n\n.alert__icon {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  font-size: var(--six-font-size-large);\n\n  ::slotted(*) {\n    margin-left: var(--six-spacing-large);\n  }\n}\n\n.alert--primary {\n  border-top-color: var(--six-color-web-rock-900);\n\n  .alert__icon {\n    color: var(--six-color-web-rock-900);\n  }\n}\n\n.alert--success {\n  border-top-color: var(--six-color-success-600);\n\n  .alert__icon {\n    color: var(--six-color-success-600);\n  }\n}\n\n.alert--info {\n  border-top-color: var(--six-color-action-500);\n\n  .alert__icon {\n    color: var(--six-color-action-500);\n  }\n}\n\n.alert--warning {\n  border-top-color: var(--six-color-warning-800);\n\n  .alert__icon {\n    color: var(--six-color-warning-800);\n  }\n}\n\n.alert--danger {\n  border-top-color: var(--six-color-danger-900);\n\n  .alert__icon {\n    color: var(--six-color-danger-900);\n  }\n}\n\n.alert__message {\n  flex: 1 1 auto;\n  padding: var(--six-spacing-large);\n  overflow: hidden;\n}\n\n.alert__close {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  font-size: var(--six-font-size-large);\n  padding-right: var(--six-spacing-medium);\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { EmptyPayload } from '../../utils/types';\nimport { getSlot } from '../../utils/slot';\n\nconst toastStack = Object.assign(document.createElement('div'), { className: 'six-toast-stack' });\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 alert's content.\n * @slot icon - An icon to show in the alert.\n *\n * @part base - The component's base wrapper.\n * @part icon - The container that wraps the alert icon.\n * @part message - The alert message.\n * @part close-button - The close button.\n */\n\n@Component({\n  tag: 'six-alert',\n  styleUrl: 'six-alert.scss',\n  shadow: true,\n})\nexport class SixAlert {\n  private autoHideTimeout?: number;\n\n  @Element() host!: HTMLSixAlertElement;\n\n  @State() isVisible = false;\n\n  /** Indicates whether or not the alert is open. You can use this in lieu of the show/hide methods. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /** Set to true to make the alert closable. */\n  @Prop({ reflect: true }) closable = false;\n\n  /** The type of alert. */\n  @Prop({ reflect: true }) type: AlertType = 'primary';\n\n  /**\n   * The length of time, in milliseconds, the alert will show before closing itself.\n   * If the user hovers over the toast alert, the timer will pause.\n   * On leaving the element with the mouse, the timer resets.\n   */\n  @Prop() duration = Infinity;\n\n  @Watch('open')\n  handleOpenChange() {\n    this.open ? this.show() : this.hide();\n  }\n\n  @Watch('duration')\n  handleDurationChange() {\n    this.restartAutoHide();\n  }\n\n  /** Emitted when the alert opens. Calling `event.preventDefault()` will prevent it from being opened. */\n  @Event({ eventName: 'six-alert-show' }) sixShow!: EventEmitter<EmptyPayload>;\n\n  /** Emitted after the alert opens and all transitions are complete. */\n  @Event({ eventName: 'six-alert-after-show' }) sixAfterShow!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the alert closes. Calling `event.preventDefault()` will prevent it from being closed. */\n  @Event({ eventName: 'six-alert-hide' }) sixHide!: EventEmitter<EmptyPayload>;\n\n  /** Emitted after the alert closes and all transitions are complete. */\n  @Event({ eventName: 'six-alert-after-hide' }) sixAfterHide!: EventEmitter<EmptyPayload>;\n\n  componentWillLoad() {\n    // Show on init if open\n    if (this.open) {\n      this.show();\n    }\n  }\n\n  /** Shows the alert. */\n  @Method()\n  async show() {\n    // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher\n    if (this.isVisible) {\n      return;\n    }\n\n    const sixShow = this.sixShow.emit();\n    if (sixShow.defaultPrevented) {\n      this.open = false;\n      return;\n    }\n\n    this.isVisible = true;\n    this.open = true;\n\n    if (this.duration < Infinity) {\n      this.autoHideTimeout = window.setTimeout(() => this.hide(), this.duration);\n    }\n  }\n\n  /** Hides the alert */\n  @Method()\n  async hide() {\n    // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher\n    if (!this.isVisible) {\n      return;\n    }\n\n    const sixHide = this.sixHide.emit();\n    if (sixHide.defaultPrevented) {\n      this.open = true;\n      return;\n    }\n\n    clearTimeout(this.autoHideTimeout);\n    this.isVisible = false;\n    this.open = false;\n  }\n\n  /**\n   * Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\n   * dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\n   * calling this method again. The returned promise will resolve after the alert is hidden.\n   * @param adjustPosition  If true, the top and right position of the toast stack is shifted according to the\n   *                        six-root header's height and the presence of a vertical scrollbar.\n   */\n  @Method()\n  async toast(adjustPosition = true) {\n    return new Promise<void>((resolve) => {\n      if (!toastStack.parentElement) {\n        document.body.append(toastStack);\n      }\n      toastStack.append(this.host);\n\n      if (adjustPosition) {\n        const sixRoot = document.querySelector('six-root');\n        const headerSlot = getSlot(sixRoot, 'header');\n        const mainSlot = sixRoot?.shadowRoot?.querySelector('host main');\n        if (mainSlot != null && mainSlot instanceof HTMLElement) {\n          const scrollbarWidth = mainSlot.offsetWidth - mainSlot.clientWidth;\n          toastStack.style.right = `${scrollbarWidth}px`;\n        }\n        if (headerSlot != null) {\n          const rect = headerSlot?.getBoundingClientRect();\n          toastStack.style.top = `${rect.top + rect.height}px`;\n        }\n      } else {\n        toastStack.style.top = '0';\n        toastStack.style.right = '0';\n      }\n\n      requestAnimationFrame(() => this.show());\n\n      this.host.addEventListener(\n        'six-alert-after-hide',\n        () => {\n          this.host.remove();\n          resolve();\n\n          // Remove the toast stack from the DOM when there are no more alerts\n          if (toastStack.querySelector('six-alert') === null) {\n            toastStack.remove();\n          }\n        },\n        { once: true }\n      );\n    });\n  }\n\n  private pauseAutoHide() {\n    clearTimeout(this.autoHideTimeout);\n  }\n\n  private resetAutoHide() {\n    if (this.open && this.duration < Infinity) {\n      this.autoHideTimeout = window.setTimeout(() => this.hide(), this.duration);\n    }\n  }\n\n  private restartAutoHide() {\n    this.pauseAutoHide();\n    this.resetAutoHide();\n  }\n\n  private handleCloseClick = () => {\n    this.hide();\n  };\n\n  private handleMouseEnter = () => {\n    this.pauseAutoHide();\n  };\n\n  private handleMouseLeave = () => {\n    this.resetAutoHide();\n  };\n\n  private handleTransitionEnd = (event: TransitionEvent) => {\n    const target = event.target as HTMLElement;\n\n    // Ensure we only emit one event when the target element is no longer visible\n    if (event.propertyName === 'opacity' && target.classList.contains('alert')) {\n      this.isVisible = this.open;\n      this.open ? this.sixAfterShow.emit() : this.sixAfterHide.emit();\n    }\n  };\n\n  render() {\n    const asToast = this.host.closest('.six-toast-stack') != null;\n\n    return (\n      <div\n        part=\"base\"\n        class={{\n          alert: true,\n          'alert--open': this.open,\n          'alert--visible': this.isVisible,\n          'alert--closable': this.closable,\n          'alert--primary': this.type === 'primary',\n          'alert--success': this.type === 'success',\n          'alert--info': this.type === 'info',\n          'alert--warning': this.type === 'warning',\n          'alert--danger': this.type === 'danger',\n          'alert--shadow': asToast,\n        }}\n        role=\"alert\"\n        aria-live=\"assertive\"\n        aria-atomic=\"true\"\n        aria-hidden={this.open ? 'false' : 'true'}\n        onTransitionEnd={this.handleTransitionEnd}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n      >\n        <span part=\"icon\" class=\"alert__icon\">\n          <slot name=\"icon\" />\n        </span>\n\n        <span part=\"message\" class=\"alert__message\">\n          <slot />\n        </span>\n\n        {this.closable && (\n          <span class=\"alert__close\">\n            <six-icon-button\n              name=\"clear\"\n              exportparts=\"base:close-button\"\n              onClick={this.handleCloseClick}\n            ></six-icon-button>\n          </span>\n        )}\n      </div>\n    );\n  }\n}\n\nexport type AlertType = 'primary' | 'success' | 'info' | 'warning' | 'danger';\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as e,c as o,h as t,g as i}from"./p-BF09Gr5y.js";import{F as s}from"./p-tWZJdnMN.js";import{h as r,a as c}from"./p-j3oIB5oT.js";import{E as l}from"./p-C4h4qpGl.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{display:inline-block}.checkbox{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}.checkbox--focused .checkbox__control{outline:var(--six-focus-ring);outline-offset:0}.checkbox__control{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--six-selection-control-toggle-size);min-width:var(--six-selection-control-toggle-size);height:var(--six-selection-control-toggle-size);border:solid var(--six-border-width) var(--six-input-border-color);border-radius:0;background-color:var(--six-input-background-color);color:var(--six-checkbox-color);transition:var(--six-transition-fast) border-color, var(--six-transition-fast) background-color, var(--six-transition-fast) color, var(--six-transition-fast) box-shadow}.checkbox__control input[type=checkbox]{position:absolute;opacity:0;padding:0;margin:0;pointer-events:none;min-width:var(--six-selection-control-toggle-size)}.checkbox__control .checkbox__icon{display:inline-flex;width:var(--six-selection-control-toggle-size);height:var(--six-selection-control-toggle-size)}.checkbox__control .checkbox__icon svg{width:100%;height:100%}.checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__control:hover{border-color:var(--six-input-border-color-hover)}.checkbox--checked .checkbox__control,.checkbox--indeterminate .checkbox__control{border-color:var(--six-selection-control-color);background-color:var(--six-selection-control-color)}.checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__control:hover,.checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__control:hover{border-color:var(--six-input-border-color-focus);background-color:var(--six-input-border-color-focus)}.checkbox--disabled{cursor:not-allowed;color:var(--six-input-color-disabled)}.checkbox--disabled .checkbox__control{border-color:var(--six-input-border-color-disabled)}.checkbox--disabled.checkbox--checked .checkbox__control,.checkbox--disabled.checkbox--indeterminate .checkbox__control{background-color:var(--six-selection-control-color-disabled)}.checkbox--invalid:not(.checkbox--disabled) .checkbox__control{border-color:var(--six-input-border-color-danger)}.checkbox__text{line-height:var(--six-selection-control-toggle-size);margin-left:0.5em;user-select:none}';let n=0;const h=class{constructor(t){e(this,t);this.sixBlur=o(this,"six-checkbox-blur");this.sixChange=o(this,"six-checkbox-change");this.sixFocus=o(this,"six-checkbox-focus");this.inputId=`checkbox-${++n}`;this.labelId=`checkbox-label-${n}`;this.textId=`checkbox-text-${n}`;this.errorTextId=`input-error-text-${n}`;this.eventListeners=new l;this.hasFocus=false;this.hasLabelSlot=false;this.hasErrorSlot=false;this.name="";this.value="on";this.disabled=false;this.required=false;this.label="";this.errorText="";this.invalid=false;this.checked=false;this.indeterminate=false;this.handleChange=()=>{if(this.nativeInput!=null){this.checked=this.nativeInput.checked;this.indeterminate=false;this.sixChange.emit()}};this.handleBlur=()=>{this.hasFocus=false;this.sixBlur.emit()};this.handleFocus=()=>{this.hasFocus=true;this.sixFocus.emit()};this.handleMouseDown=e=>{var o;e.preventDefault();(o=this.nativeInput)===null||o===void 0?void 0:o.focus()}}handleCheckedChange(){if(this.nativeInput==null)return;this.nativeInput.checked=this.checked;this.checked=this.nativeInput.checked;this.nativeInput.indeterminate=this.indeterminate}handleLabelChange(){this.handleSlotChange()}connectedCallback(){var e;(e=this.host.shadowRoot)===null||e===void 0?void 0:e.addEventListener("slotchange",this.handleSlotChange);this.eventListeners.forward("six-checkbox-change","change",this.host);this.eventListeners.forward("six-checkbox-blur","blur",this.host);this.eventListeners.forward("six-checkbox-focus","focus",this.host)}disconnectedCallback(){var e;(e=this.host.shadowRoot)===null||e===void 0?void 0:e.removeEventListener("slotchange",this.handleSlotChange);this.eventListeners.removeAll()}componentWillLoad(){this.handleSlotChange()}componentDidLoad(){const e=this.nativeInput;if(e==null){return}e.indeterminate=this.indeterminate}async setFocus(e){var o;(o=this.nativeInput)===null||o===void 0?void 0:o.focus(e)}async removeFocus(){var e;(e=this.nativeInput)===null||e===void 0?void 0:e.blur()}handleSlotChange(){this.hasLabelSlot=r(this.host,"label");this.hasErrorSlot=r(this.host,"error-text")}render(){return t(s,{key:"fb33e858f751205c8df374f3bcca37cec9f8203b",inputId:this.inputId,label:this.label,labelId:this.labelId,hasLabelSlot:this.hasLabelSlot,errorTextId:this.errorTextId,hasErrorTextSlot:this.hasErrorSlot,errorText:this.errorText,errorTextCount:this.errorTextCount,size:"medium",disabled:this.disabled,required:this.required,displayError:this.invalid},t("label",{key:"35bfda441fe651af25cb45d75d003919c7869ae2",part:"base",class:{checkbox:true,"checkbox--checked":this.checked,"checkbox--disabled":this.disabled,"checkbox--focused":this.hasFocus,"checkbox--invalid":this.invalid,"checkbox--indeterminate":this.indeterminate},htmlFor:this.inputId,onMouseDown:this.handleMouseDown},t("span",{key:"92d31ea45a0f1f45230def64e15bd0e81c4de140",part:"control",class:"checkbox__control"},this.checked&&t("span",{key:"49501ea788463f4d39c5500349ace013c21d31c2",part:"checked-icon",class:"checkbox__icon"},t("svg",{key:"8ae0e9bfe850b13a205722a5e17e90b21ad35f26",viewBox:"0 0 16 16"},t("g",{key:"463b4761b130e5e9377efb7e26f57218ce5249ad",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd","stroke-linecap":"round"},t("g",{key:"147d4348146dcace57835e436453bc834763c464",stroke:"currentColor","stroke-width":"2"},t("g",{key:"6596f4cd75b94d8ff3bef19698acc56a6eab847a",transform:"translate(3.428571, 3.428571)"},t("path",{key:"453cfb8ae9d6d4e45f1b569e06ba79ac2a0d2b9c",d:"M0,5.71428571 L3.42857143,9.14285714"}),t("path",{key:"b650801a5ae8fde8886b9e1fb4257eca704beabd",d:"M9.14285714,0 L3.42857143,9.14285714"})))))),!this.checked&&this.indeterminate&&t("span",{key:"ab31b1999eae88b74c5bdeb1bbc1007b0459f8a8",part:"indeterminate-icon",class:"checkbox__icon"},t("svg",{key:"8d5cf52fc16243531056ba760d9c770decd593e3",viewBox:"0 0 16 16"},t("g",{key:"fb8ee93f8ec5abc82f8d982cc2ad59c4ae77fb91",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd","stroke-linecap":"round"},t("g",{key:"825161dbc71cfc395061b3ef485352762c8780c5",stroke:"currentColor","stroke-width":"2"},t("g",{key:"c5541fd6e2d69a376278cd617447a8b9bfe6a0d6",transform:"translate(2.285714, 6.857143)"},t("path",{key:"6c1f488d0572c2773b8497cd6214dcfdc64164ef",d:"M10.2857143,1.14285714 L1.14285714,1.14285714"})))))),t("input",{key:"2e8ac6e459e47708116702585a5155ee4385d021",ref:e=>this.nativeInput=e,id:this.inputId,type:"checkbox",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,required:this.required,role:"checkbox","aria-checked":this.checked?"true":"false","aria-labelledby":this.labelId,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus})),t("span",{key:"817dae0dcffedf7de011d0fa68ce3a1ca45bbd3a",part:"text",id:this.textId,class:"checkbox__text"},t("slot",{key:"e0f9b77cf11c592efd6b312888491a3b5e84bb32"}))))}get host(){return i(this)}static get watchers(){return{checked:["handleCheckedChange"],indeterminate:["handleCheckedChange"],errorText:["handleLabelChange"],label:["handleLabelChange"]}}};h.style=a;const d=":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}:focus{outline:none}.menu-item{position:relative;display:flex;align-items:stretch;font-family:var(--six-font-sans);font-size:var(--six-font-size-small);font-weight:var(--six-font-weight-normal);line-height:var(--six-line-height-normal);letter-spacing:var(--six-letter-spacing-normal);text-align:left;color:var(--six-input-color);border-radius:var(--six-border-radius-medium);padding:var(--six-spacing-x-small) var(--six-spacing-medium);transition:var(--six-transition-fast) fill;user-select:none;white-space:nowrap;cursor:pointer}.menu-item.menu-item--focused:not(.menu-item--disabled){outline:none;background-color:var(--six-menu-item-background-color)}.menu-item.menu-item--active:not(.menu-item--disabled){outline:none;background-color:var(--six-menu-item-background-color)}.menu-item.menu-item--disabled{outline:none;color:var(--six-input-color-disabled);cursor:not-allowed}.menu-item .menu-item__label{flex:1 1 auto;align-self:center}.menu-item .menu-item__prefix{flex:0 0 auto;display:flex;align-items:center}.menu-item .menu-item__prefix ::slotted(:last-child){margin-right:0.5em}.menu-item .menu-item__suffix{flex:0 0 auto;display:flex;align-items:center}.menu-item .menu-item__suffix ::slotted(:first-child){margin-left:0.5em}.menu-item .menu-item__check{flex:0 0 auto;display:flex;align-items:center;margin-left:var(--six-spacing-small);visibility:hidden;font-size:inherit}.menu-item .menu-item__checkbox{margin-top:-1px}.menu-item--checked .menu-item__check{visibility:visible}";const b=class{constructor(o){e(this,o);this.hasFocus=false;this.active=false;this.checkType="check";this.checked=false;this.value="";this.disabled=false;this.handleCheckboxChange=()=>{this.host.dispatchEvent(new Event("click",{bubbles:true,cancelable:true}))}}connectedCallback(){this.handleBlur=this.handleBlur.bind(this);this.handleFocus=this.handleFocus.bind(this);this.handleMouseEnter=this.handleMouseEnter.bind(this);this.handleMouseLeave=this.handleMouseLeave.bind(this);this.handleCheckboxChange=this.handleCheckboxChange.bind(this)}async setFocus(e){var o;(o=this.menuItem)===null||o===void 0?void 0:o.focus(e)}async removeFocus(){var e;(e=this.menuItem)===null||e===void 0?void 0:e.blur()}getTextLabel(){return Promise.resolve(c(this.defaultSlot))}handleBlur(){this.hasFocus=false}handleFocus(){this.hasFocus=true}handleMouseEnter(){this.active=true}handleMouseLeave(){this.active=false;this.hasFocus=false}render(){return t("div",{key:"1272ddcb536f11b8362d2d6050e7e022f2c57601",ref:e=>this.menuItem=e,part:"base",class:{"menu-item":true,"menu-item--checked":this.checked,"menu-item--disabled":this.disabled,"menu-item--focused":this.hasFocus,"menu-item--active":this.active},role:"menuitem","aria-disabled":this.disabled?"true":"false","aria-checked":this.checked?"true":"false",tabIndex:!this.disabled?0:undefined,onFocus:this.handleFocus,onBlur:this.handleBlur,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},this.checkType==="checkbox"&&t("span",{key:"433f8c7ea79197d6881f02d5daad580cdc45ad75",class:"menu-item__checkbox"},t("six-checkbox",{key:"a2bb3ef76de46374e058f814723ae2e601d9d12e","onSix-checkbox-change":this.handleCheckboxChange,disabled:this.disabled,checked:this.checked})),t("span",{key:"7e068c6cca0e53ecac63a461945d13b3a157e9e6",part:"prefix",class:"menu-item__prefix"},t("slot",{key:"4a8b59e044ec0d20fa96a4f2c8dabcc697e24641",name:"prefix"})),t("span",{key:"9d33d8597e12e94d6b4da75480bf034053124e34",part:"label",class:"menu-item__label"},t("slot",{key:"eb1f6a5ac3dd253c3844b7b2f1abd8eab5d8e2f7",ref:e=>this.defaultSlot=e})),t("span",{key:"dafb3d36a73291eb05e3bb53744204400f0cde66",part:"suffix",class:"menu-item__suffix"},t("slot",{key:"b544b01d90f3a5ab49a99ca39b4abc622fed87c1",name:"suffix"})),this.checkType==="check"&&t("span",{key:"f7dc2836cbd13a851db43967f9e1f4334937f19e",part:"checked-icon",class:"menu-item__check"},t("six-icon",{key:"db186867ab833a1064f091d592f4c39675a9aeeb",size:"small","aria-hidden":"true"},"check")))}get host(){return i(this)}};b.style=d;export{h as six_checkbox,b as six_menu_item};
+//# sourceMappingURL=p-83806640.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["sixCheckboxCss","id","SixCheckbox","constructor","hostRef","this","inputId","labelId","textId","errorTextId","eventListeners","EventListeners","hasFocus","hasLabelSlot","hasErrorSlot","name","value","disabled","required","label","errorText","invalid","checked","indeterminate","handleChange","nativeInput","sixChange","emit","handleBlur","sixBlur","handleFocus","sixFocus","handleMouseDown","event","preventDefault","_a","focus","handleCheckedChange","handleLabelChange","handleSlotChange","connectedCallback","host","shadowRoot","addEventListener","forward","disconnectedCallback","removeEventListener","removeAll","componentWillLoad","componentDidLoad","setFocus","options","removeFocus","blur","hasSlot","render","h","FormControl","key","hasErrorTextSlot","errorTextCount","size","displayError","part","class","checkbox","htmlFor","onMouseDown","viewBox","stroke","fill","transform","d","ref","el","type","role","onChange","onBlur","onFocus","sixMenuItemCss","SixMenuItem","active","checkType","handleCheckboxChange","dispatchEvent","Event","bubbles","cancelable","bind","handleMouseEnter","handleMouseLeave","menuItem","getTextLabel","Promise","resolve","getTextContent","defaultSlot","tabIndex","undefined","onMouseEnter","onMouseLeave"],"sources":["src/components/six-checkbox/six-checkbox.scss?tag=six-checkbox&encapsulation=shadow","src/components/six-checkbox/six-checkbox.tsx","src/components/six-menu-item/six-menu-item.scss?tag=six-menu-item&encapsulation=shadow","src/components/six-menu-item/six-menu-item.tsx"],"sourcesContent":["@import 'src/global/component';\n@import '../../functional-components/form-control/form-control';\n\n:host {\n  display: inline-block;\n}\n\n.checkbox {\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.checkbox--focused {\n  .checkbox__control {\n    outline: var(--six-focus-ring);\n    outline-offset: 0;\n  }\n}\n\n.checkbox__control {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--six-selection-control-toggle-size);\n  min-width: var(--six-selection-control-toggle-size);\n  height: var(--six-selection-control-toggle-size);\n  border: solid var(--six-border-width) var(--six-input-border-color);\n  border-radius: 0;\n  background-color: var(--six-input-background-color);\n  color: var(--six-checkbox-color);\n  transition: var(--six-transition-fast) border-color, var(--six-transition-fast) background-color,\n    var(--six-transition-fast) color, var(--six-transition-fast) box-shadow;\n\n  input[type='checkbox'] {\n    position: absolute;\n    opacity: 0;\n    padding: 0;\n    margin: 0;\n    pointer-events: none;\n    min-width: var(--six-selection-control-toggle-size);\n  }\n\n  .checkbox__icon {\n    display: inline-flex;\n    width: var(--six-selection-control-toggle-size);\n    height: var(--six-selection-control-toggle-size);\n\n    svg {\n      width: 100%;\n      height: 100%;\n    }\n  }\n}\n\n// Hover\n.checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__control:hover {\n  border-color: var(--six-input-border-color-hover);\n}\n\n// Checked/indeterminate\n.checkbox--checked .checkbox__control,\n.checkbox--indeterminate .checkbox__control {\n  border-color: var(--six-selection-control-color);\n  background-color: var(--six-selection-control-color);\n}\n\n// Checked/indeterminate + hover\n.checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__control:hover,\n.checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__control:hover {\n  border-color: var(--six-input-border-color-focus);\n  background-color: var(--six-input-border-color-focus);\n}\n\n// Disabled\n.checkbox--disabled {\n  cursor: not-allowed;\n  color: var(--six-input-color-disabled);\n\n  .checkbox__control {\n    border-color: var(--six-input-border-color-disabled);\n  }\n\n  &.checkbox--checked .checkbox__control,\n  &.checkbox--indeterminate .checkbox__control {\n    background-color: var(--six-selection-control-color-disabled);\n  }\n}\n\n// Invalid\n.checkbox--invalid:not(.checkbox--disabled) {\n  .checkbox__control {\n    border-color: var(--six-input-border-color-danger);\n  }\n}\n\n.checkbox__text {\n  line-height: var(--six-selection-control-toggle-size);\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 FormControl from '../../functional-components/form-control/form-control';\nimport { hasSlot } from '../../utils/slot';\nimport { EmptyPayload } from '../../utils/types';\nimport { EventListeners } from '../../utils/event-listeners';\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 label - The checkbox 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 checkbox control.\n * @part checked-icon - The container the wraps the checked icon.\n * @part indeterminate-icon - The container that wraps the indeterminate icon.\n * @part text - The checkbox text rendered to the right.\n */\n\n@Component({\n  tag: 'six-checkbox',\n  styleUrl: 'six-checkbox.scss',\n  shadow: true,\n})\nexport class SixCheckbox {\n  private inputId = `checkbox-${++id}`;\n  private labelId = `checkbox-label-${id}`;\n  private textId = `checkbox-text-${id}`;\n  private errorTextId = `input-error-text-${id}`;\n  private nativeInput?: HTMLInputElement;\n  private eventListeners = new EventListeners();\n\n  @Element() host!: HTMLSixCheckboxElement;\n\n  @State() hasFocus = false;\n  @State() hasLabelSlot = false;\n  @State() hasErrorSlot = false;\n\n  /** The checkbox's name attribute. */\n  @Prop() name = '';\n\n  /**\n   * The value of the checkbox does not mean if it's checked or not, use the `checked`\n   * property for that.\n   *\n   * The value of a checkbox is analogous to the value of an `<input type=\"checkbox\">`,\n   * it's only used when the checkbox participates in a native `<form>`.\n   */\n  @Prop() value = 'on';\n\n  /** Set to true to disable the checkbox. */\n  @Prop() disabled = false;\n\n  /** Set to true to show an asterisk beneath the label. */\n  @Prop() required = 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  /** Set to true to draw the checkbox in a checked state. */\n  @Prop({ mutable: true, reflect: true }) checked = false;\n\n  /** Set to true to draw the checkbox in an indeterminate state. */\n  @Prop({ mutable: true, reflect: true }) indeterminate = false;\n\n  /** Emitted when the control loses focus. */\n  @Event({ eventName: 'six-checkbox-blur' }) sixBlur!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the control's checked state changes. */\n  @Event({ eventName: 'six-checkbox-change' }) sixChange!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the control gains focus. */\n  @Event({ eventName: 'six-checkbox-focus' }) sixFocus!: EventEmitter<EmptyPayload>;\n\n  @Watch('checked')\n  @Watch('indeterminate')\n  handleCheckedChange() {\n    if (this.nativeInput == null) return;\n\n    this.nativeInput.checked = this.checked;\n    this.checked = this.nativeInput.checked;\n    this.nativeInput.indeterminate = this.indeterminate;\n  }\n\n  @Watch('errorText')\n  @Watch('label')\n  handleLabelChange() {\n    this.handleSlotChange();\n  }\n\n  connectedCallback() {\n    this.host.shadowRoot?.addEventListener('slotchange', this.handleSlotChange);\n    this.eventListeners.forward('six-checkbox-change', 'change', this.host);\n    this.eventListeners.forward('six-checkbox-blur', 'blur', this.host);\n    this.eventListeners.forward('six-checkbox-focus', 'focus', this.host);\n  }\n\n  disconnectedCallback() {\n    this.host.shadowRoot?.removeEventListener('slotchange', this.handleSlotChange);\n    this.eventListeners.removeAll();\n  }\n\n  componentWillLoad() {\n    this.handleSlotChange();\n  }\n\n  componentDidLoad() {\n    const nativeInput = this.nativeInput;\n    if (nativeInput == null) {\n      return;\n    }\n\n    nativeInput.indeterminate = this.indeterminate;\n  }\n\n  /** Sets focus on the checkbox. */\n  @Method()\n  async setFocus(options?: FocusOptions) {\n    this.nativeInput?.focus(options);\n  }\n\n  /** Removes focus from the checkbox. */\n  @Method()\n  async removeFocus() {\n    this.nativeInput?.blur();\n  }\n\n  private handleChange = () => {\n    if (this.nativeInput != null) {\n      this.checked = this.nativeInput.checked;\n      this.indeterminate = false;\n      this.sixChange.emit();\n    }\n  };\n\n  private handleBlur = () => {\n    this.hasFocus = false;\n    this.sixBlur.emit();\n  };\n\n  private handleFocus = () => {\n    this.hasFocus = true;\n    this.sixFocus.emit();\n  };\n\n  private handleMouseDown = (event: MouseEvent) => {\n    // Prevent clicks on the label from briefly blurring the input\n    event.preventDefault();\n    this.nativeInput?.focus();\n  };\n\n  private handleSlotChange() {\n    this.hasLabelSlot = hasSlot(this.host, 'label');\n    this.hasErrorSlot = hasSlot(this.host, 'error-text');\n  }\n\n  render() {\n    return (\n      <FormControl\n        inputId={this.inputId}\n        label={this.label}\n        labelId={this.labelId}\n        hasLabelSlot={this.hasLabelSlot}\n        errorTextId={this.errorTextId}\n        hasErrorTextSlot={this.hasErrorSlot}\n        errorText={this.errorText}\n        errorTextCount={this.errorTextCount}\n        size=\"medium\"\n        disabled={this.disabled}\n        required={this.required}\n        displayError={this.invalid}\n      >\n        <label\n          part=\"base\"\n          class={{\n            checkbox: true,\n            'checkbox--checked': this.checked,\n            'checkbox--disabled': this.disabled,\n            'checkbox--focused': this.hasFocus,\n            'checkbox--invalid': this.invalid,\n            'checkbox--indeterminate': this.indeterminate,\n          }}\n          htmlFor={this.inputId}\n          onMouseDown={this.handleMouseDown}\n        >\n          <span part=\"control\" class=\"checkbox__control\">\n            {this.checked && (\n              <span part=\"checked-icon\" class=\"checkbox__icon\">\n                <svg viewBox=\"0 0 16 16\">\n                  <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" stroke-linecap=\"round\">\n                    <g stroke=\"currentColor\" stroke-width=\"2\">\n                      <g transform=\"translate(3.428571, 3.428571)\">\n                        <path d=\"M0,5.71428571 L3.42857143,9.14285714\"></path>\n                        <path d=\"M9.14285714,0 L3.42857143,9.14285714\"></path>\n                      </g>\n                    </g>\n                  </g>\n                </svg>\n              </span>\n            )}\n\n            {!this.checked && this.indeterminate && (\n              <span part=\"indeterminate-icon\" class=\"checkbox__icon\">\n                <svg viewBox=\"0 0 16 16\">\n                  <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" stroke-linecap=\"round\">\n                    <g stroke=\"currentColor\" stroke-width=\"2\">\n                      <g transform=\"translate(2.285714, 6.857143)\">\n                        <path d=\"M10.2857143,1.14285714 L1.14285714,1.14285714\"></path>\n                      </g>\n                    </g>\n                  </g>\n                </svg>\n              </span>\n            )}\n\n            <input\n              ref={(el) => (this.nativeInput = el)}\n              id={this.inputId}\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=\"checkbox\"\n              aria-checked={this.checked ? 'true' : 'false'}\n              aria-labelledby={this.labelId}\n              onChange={this.handleChange}\n              onBlur={this.handleBlur}\n              onFocus={this.handleFocus}\n            />\n          </span>\n\n          <span part=\"text\" id={this.textId} class=\"checkbox__text\">\n            <slot />\n          </span>\n        </label>\n      </FormControl>\n    );\n  }\n}\n","@import 'src/global/component';\n\n:host {\n  display: block;\n}\n\n:focus {\n  outline: none;\n}\n\n.menu-item {\n  position: relative;\n  display: flex;\n  align-items: stretch;\n  font-family: var(--six-font-sans);\n  font-size: var(--six-font-size-small);\n  font-weight: var(--six-font-weight-normal);\n  line-height: var(--six-line-height-normal);\n  letter-spacing: var(--six-letter-spacing-normal);\n  text-align: left;\n  color: var(--six-input-color);\n  border-radius: var(--six-border-radius-medium);\n  padding: var(--six-spacing-x-small) var(--six-spacing-medium);\n  transition: var(--six-transition-fast) fill;\n  user-select: none;\n  white-space: nowrap;\n  cursor: pointer;\n\n  &.menu-item--focused:not(.menu-item--disabled) {\n    outline: none;\n    background-color: var(--six-menu-item-background-color);\n  }\n\n  &.menu-item--active:not(.menu-item--disabled) {\n    outline: none;\n    background-color: var(--six-menu-item-background-color);\n  }\n\n  &.menu-item--disabled {\n    outline: none;\n    color: var(--six-input-color-disabled);\n    cursor: not-allowed;\n  }\n\n  .menu-item__label {\n    flex: 1 1 auto;\n    align-self: center;\n  }\n\n  .menu-item__prefix {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n\n    ::slotted(:last-child) {\n      margin-right: 0.5em;\n    }\n  }\n\n  .menu-item__suffix {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n\n    ::slotted(:first-child) {\n      margin-left: 0.5em;\n    }\n  }\n\n  .menu-item__check {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    margin-left: var(--six-spacing-small);\n    visibility: hidden;\n    font-size: inherit;\n  }\n\n  .menu-item__checkbox {\n    margin-top: -1px;\n  }\n}\n\n.menu-item--checked .menu-item__check {\n  visibility: visible;\n}\n","import { Component, Element, h, Method, Prop, State } from '@stencil/core';\nimport { getTextContent } from '../../utils/slot';\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 menu item's label.\n * @slot prefix - Used to prepend an icon or similar element to the menu item.\n * @slot suffix - Used to append an icon or similar element to the menu item.\n *\n * @part base - The component's base wrapper.\n * @part checked-icon - The container that wraps the checked icon.\n * @part prefix - The prefix container.\n * @part label - The menu item label.\n * @part suffix - The suffix container.\n */\n\n@Component({\n  tag: 'six-menu-item',\n  styleUrl: 'six-menu-item.scss',\n  shadow: true,\n})\nexport class SixMenuItem {\n  private menuItem?: HTMLElement;\n  private defaultSlot?: HTMLSlotElement;\n\n  @Element() host!: HTMLSixMenuItemElement;\n\n  @State() hasFocus = false;\n\n  @State() active = false;\n\n  /** Defines if the checked state is displayed as a checkbox or a check-icon */\n  @Prop() checkType: 'checkbox' | 'check' = 'check';\n\n  /** Internal: Draws the item in a checked state. CheckType needs to be set to 'checkbox' or 'check' to show the\n   * checked state */\n  @Prop({ reflect: true }) checked = false;\n\n  /** A unique value to store in the menu item. This can be used as a way to identify menu items when selected. */\n  @Prop({ reflect: true }) value = '';\n\n  /** Set to true to draw the menu item in a disabled state. */\n  @Prop({ reflect: true }) disabled = false;\n\n  connectedCallback() {\n    this.handleBlur = this.handleBlur.bind(this);\n    this.handleFocus = this.handleFocus.bind(this);\n    this.handleMouseEnter = this.handleMouseEnter.bind(this);\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\n    this.handleCheckboxChange = this.handleCheckboxChange.bind(this);\n  }\n\n  /** Sets focus on the button. */\n  @Method()\n  async setFocus(options?: FocusOptions) {\n    this.menuItem?.focus(options);\n  }\n\n  /** Removes focus from the button. */\n  @Method()\n  async removeFocus() {\n    this.menuItem?.blur();\n  }\n\n  /** Returns a text label based on the contents of the menu item's default slot. */\n  @Method()\n  getTextLabel() {\n    return Promise.resolve(getTextContent(this.defaultSlot));\n  }\n\n  private handleBlur() {\n    this.hasFocus = false;\n  }\n\n  private handleFocus() {\n    this.hasFocus = true;\n  }\n\n  private handleMouseEnter() {\n    this.active = true;\n  }\n\n  private handleMouseLeave() {\n    this.active = false;\n    this.hasFocus = false;\n  }\n\n  private handleCheckboxChange = () => {\n    this.host.dispatchEvent(new Event('click', { bubbles: true, cancelable: true }));\n  };\n\n  render() {\n    return (\n      <div\n        ref={(el) => (this.menuItem = el)}\n        part=\"base\"\n        class={{\n          'menu-item': true,\n          'menu-item--checked': this.checked,\n          'menu-item--disabled': this.disabled,\n          'menu-item--focused': this.hasFocus,\n          'menu-item--active': this.active,\n        }}\n        role=\"menuitem\"\n        aria-disabled={this.disabled ? 'true' : 'false'}\n        aria-checked={this.checked ? 'true' : 'false'}\n        tabIndex={!this.disabled ? 0 : undefined}\n        onFocus={this.handleFocus}\n        onBlur={this.handleBlur}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n      >\n        {this.checkType === 'checkbox' && (\n          <span class=\"menu-item__checkbox\">\n            <six-checkbox\n              onSix-checkbox-change={this.handleCheckboxChange}\n              disabled={this.disabled}\n              checked={this.checked}\n            ></six-checkbox>\n          </span>\n        )}\n\n        <span part=\"prefix\" class=\"menu-item__prefix\">\n          <slot name=\"prefix\" />\n        </span>\n\n        <span part=\"label\" class=\"menu-item__label\">\n          <slot ref={(el) => (this.defaultSlot = el as HTMLSlotElement)} />\n        </span>\n\n        <span part=\"suffix\" class=\"menu-item__suffix\">\n          <slot name=\"suffix\" />\n        </span>\n\n        {this.checkType === 'check' && (\n          <span part=\"checked-icon\" class=\"menu-item__check\">\n            <six-icon size=\"small\" aria-hidden=\"true\">\n              check\n            </six-icon>\n          </span>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ui-library/p-8496e1cd.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t,H as s,g as a}from"./p-BF09Gr5y.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{display:block;font-family:var(--six-font-family)}.tab-panel{border:solid 1px transparent;padding:20px 20px}";let o=0;const r=class{constructor(t){e(this,t);this.componentId=`tab-panel-${++o}`;this.name="";this.active=false}render(){return t(s,{key:"2a0ab4d655a8de97585c947099381c1fab61e858",id:this.host.id||this.componentId,style:{display:this.active?"block":"none"}},t("div",{key:"7ee7661cd01b4390bea7981c4f3fad3e8bb0e6c0",part:"base",class:"tab-panel",role:"tabpanel","aria-selected":this.active?"true":"false","aria-hidden":this.active?"false":"true"},t("slot",{key:"21c8561d0a126ef557c1fa9660209f10b6cd7936"})))}get host(){return a(this)}};r.style=i;export{r as six_tab_panel};
+//# sourceMappingURL=p-8496e1cd.entry.js.map

package/dist/ui-library/p-8496e1cd.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixTabPanelCss","id","SixTabPanel","constructor","hostRef","this","componentId","name","active","render","h","Host","key","host","style","display","part","class","role"],"sources":["src/components/six-tab-panel/six-tab-panel.scss?tag=six-tab-panel&encapsulation=shadow","src/components/six-tab-panel/six-tab-panel.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: block;\n  font-family: var(--six-font-family);\n}\n\n.tab-panel {\n  border: solid 1px transparent;\n  padding: 20px 20px;\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\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 panel's content.\n *\n * @part base - The component's base wrapper.\n */\n\n@Component({\n  tag: 'six-tab-panel',\n  styleUrl: 'six-tab-panel.scss',\n  shadow: true,\n})\nexport class SixTabPanel {\n  private componentId = `tab-panel-${++id}`;\n\n  @Element() host!: HTMLSixTabPanelElement;\n\n  /** The tab panel's name. */\n  @Prop() name = '';\n\n  /** When true, the tab panel will be shown. */\n  @Prop({ reflect: true }) active = false;\n\n  render() {\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} style={{ display: this.active ? 'block' : 'none' }}>\n        <div\n          part=\"base\"\n          class=\"tab-panel\"\n          role=\"tabpanel\"\n          aria-selected={this.active ? 'true' : 'false'}\n          aria-hidden={this.active ? 'false' : 'true'}\n        >\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAiB,wVCEvB,IAAIC,EAAK,E,MAkBIC,EAAW,MALxB,WAAAC,CAAAC,G,UAMUC,KAAAC,YAAc,eAAeL,IAK7BI,KAAIE,KAAG,GAGUF,KAAMG,OAAG,KAkBnC,CAhBC,MAAAC,GACE,OAEEC,EAACC,EAAI,CAAAC,IAAA,2CAACX,GAAII,KAAKQ,KAAKZ,IAAMI,KAAKC,YAAaQ,MAAO,CAAEC,QAASV,KAAKG,OAAS,QAAU,SACpFE,EAAA,OAAAE,IAAA,2CACEI,KAAK,OACLC,MAAM,YACNC,KAAK,WAAU,gBACAb,KAAKG,OAAS,OAAS,QAAO,cAChCH,KAAKG,OAAS,QAAU,QAErCE,EAAQ,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/ui-library/p-894dd0f7.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as o,h as i,g as r}from"./p-BF09Gr5y.js";import{E as s}from"./p-C4h4qpGl.js";import{F as e}from"./p-tWZJdnMN.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-894dd0f7.entry.js.map

package/dist/ui-library/p-894dd0f7.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: var(--six-transition-fast) border-color, 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: var(--six-transition-fast) transform ease, var(--six-transition-fast) background-color,\n      var(--six-transition-fast) border-color, 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-8e5b7dbb.entry.js

@@ -0,0 +1,2 @@
+import{r as o,c as t,h as r,g as e}from"./p-BF09Gr5y.js";import{F as i}from"./p-tWZJdnMN.js";import{h as a}from"./p-j3oIB5oT.js";import{E as s}from"./p-C4h4qpGl.js";const l=':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{--thumb-size:14px;--tooltip-offset-y:10px;--track-color:var(--six-color-web-rock-900);--thumb-color:var(--six-color-web-rock-900);--track-height:3px;display:block}.range{position:relative}.range .range__control{-webkit-appearance:none;width:100%;height:var(--six-input-height-medium);background:transparent;line-height:var(--six-input-height-medium);vertical-align:middle}.range .range__control::-webkit-slider-runnable-track{width:100%;height:var(--track-height);border-radius:3px;border:none}.range .range__control::-webkit-slider-thumb{border:none;width:var(--thumb-size);height:var(--thumb-size);border-radius:50%;background-color:var(--thumb-color);-webkit-appearance:none;margin-top:calc(var(--thumb-size) / -2 + var(--track-height) / 2);transition:var(--six-transition-fast) border-color, var(--six-transition-fast) background-color, var(--six-transition-fast) color, var(--six-transition-fast) box-shadow, var(--six-transition-fast) transform;cursor:pointer}.range .range__control:not(:disabled)::-webkit-slider-thumb:hover{background-color:var(--thumb-color)}.range .range__control:not(:disabled):focus::-webkit-slider-thumb{background-color:var(--thumb-color)}.range .range__control:not(:disabled)::-webkit-slider-thumb:active{background-color:var(--thumb-color);cursor:grabbing}.range .range__control::-moz-focus-outer{border:0}.range .range__control::-moz-range-track{width:100%;height:var(--track-height);background-color:var(--six-progress-track-color);border-radius:3px;border:none}.range .range__control::-moz-range-progress{height:var(--track-height);border-radius:3px;background-color:var(--track-color);border:none}.range .range__control::-moz-range-thumb{border:none;height:var(--thumb-size);width:var(--thumb-size);border-radius:50%;background-color:var(--thumb-color);transition:var(--six-transition-fast) border-color, var(--six-transition-fast) background-color, var(--six-transition-fast) color, var(--six-transition-fast) box-shadow, var(--six-transition-fast) transform;cursor:pointer}.range .range__control:not(:disabled)::-moz-range-thumb:hover{background-color:var(--thumb-color)}.range .range__control:not(:disabled):focus::-moz-range-thumb{background-color:var(--thumb-color)}.range .range__control:not(:disabled)::-moz-range-thumb:active{background-color:var(--thumb-color);cursor:grabbing}.range .range__control:focus{outline:none}.range .range__control:disabled::-webkit-slider-thumb{cursor:not-allowed;color:var(--six-color-web-rock-300);border-color:var(--six-color-web-rock-300);background-color:var(--six-color-web-rock-300)}.range .range__control:disabled::-moz-range-thumb{cursor:not-allowed;color:var(--six-color-web-rock-300);border-color:var(--six-color-web-rock-300);background-color:var(--six-color-web-rock-300)}.range__tooltip{position:absolute;z-index:var(--six-z-index-tooltip);left:2px;border-radius:var(--six-border-radius-medium);background-color:var(--six-color-web-rock-900);font-family:var(--six-font-family);font-size:var(--six-tooltip-font-size);font-weight:var(--six-tooltip-font-weight);line-height:var(--six-tooltip-line-height);color:var(--six-color-white);opacity:0;padding:var(--six-spacing-xxx-small) var(--six-spacing-xx-small);transition:var(--six-transition-fast) opacity;pointer-events:none}.range__tooltip::after{content:"";position:absolute;width:0;height:0;left:50%;margin-left:calc(-1 * var(--six-tooltip-arrow-size))}.range--tooltip-visible .range__tooltip{opacity:1}.range--tooltip-top .range__tooltip{top:calc(-1 * var(--thumb-size) - var(--tooltip-offset-y))}.range--tooltip-top .range__tooltip::after{border-top:var(--six-tooltip-arrow-size) solid var(--six-color-web-rock-900);border-left:var(--six-tooltip-arrow-size) solid transparent;border-right:var(--six-tooltip-arrow-size) solid transparent;top:100%}.range--tooltip-bottom .range__tooltip{bottom:calc(-1 * var(--thumb-size) - var(--tooltip-offset-y))}.range--tooltip-bottom .range__tooltip::after{border-bottom:var(--six-tooltip-arrow-size) solid var(--six-color-web-rock-900);border-left:var(--six-tooltip-arrow-size) solid transparent;border-right:var(--six-tooltip-arrow-size) solid transparent;bottom:100%}';let n=0;const h=class{constructor(r){o(this,r);this.sixChange=t(this,"six-range-change");this.sixBlur=t(this,"six-range-blur");this.sixFocus=t(this,"six-range-focus");this.inputId=`input-${++n}`;this.labelId=`input-label-${n}`;this.helpTextId=`input-help-text-${n}`;this.errorTextId=`input-error-text-${n}`;this.eventListeners=new s;this.hasFocus=false;this.hasHelpTextSlot=false;this.hasErrorTextSlot=false;this.hasLabelSlot=false;this.hasTooltip=false;this.name="";this.value=0;this.required=false;this.helpText="";this.disabled=false;this.label="";this.errorText="";this.invalid=false;this.min=0;this.max=100;this.step=1;this.tooltip="top";this.tooltipFormatter=o=>o.toString();this.handleInput=()=>{if(this.nativeInput!=null){this.update(parseFloat(this.nativeInput.value))}requestAnimationFrame((()=>{this.sixChange.emit()}))};this.handleBlur=()=>{var o;this.hasFocus=false;this.hasTooltip=false;this.sixBlur.emit();if(this.nativeInput!=null){(o=this.resizeObserver)===null||o===void 0?void 0:o.unobserve(this.nativeInput)}};this.handleFocus=()=>{var o;this.hasFocus=true;this.hasTooltip=true;this.sixFocus.emit();if(this.nativeInput!=null){(o=this.resizeObserver)===null||o===void 0?void 0:o.observe(this.nativeInput)}};this.handleSlotChange=()=>{this.hasHelpTextSlot=a(this.host,"help-text");this.hasLabelSlot=a(this.host,"label");this.hasErrorTextSlot=a(this.host,"error-text")};this.handleTouchStart=()=>{this.setFocus()}}handleLabelChange(){this.handleSlotChange()}handleValueChange(){this.update()}connectedCallback(){var o;(o=this.host.shadowRoot)===null||o===void 0?void 0:o.addEventListener("slotchange",this.handleSlotChange)}componentWillLoad(){this.update();this.handleSlotChange()}componentDidLoad(){const o=this.nativeInput;if(o==null){return}this.update();this.resizeObserver=new ResizeObserver((()=>this.update()))}disconnectedCallback(){var o;(o=this.host.shadowRoot)===null||o===void 0?void 0:o.removeEventListener("slotchange",this.handleSlotChange);this.eventListeners.removeAll()}componentDidUpdate(){const{min:o,max:t}=this.getMinMax();this.syncTooltip(o,t,this.value)}getMinMax(){var o,t;const r=(o=Number(this.min))!==null&&o!==void 0?o:0;const e=(t=Number(this.max))!==null&&t!==void 0?t:0;return{min:r,max:e}}async setFocus(o){var t;(t=this.nativeInput)===null||t===void 0?void 0:t.focus(o)}async removeFocus(){var o;(o=this.nativeInput)===null||o===void 0?void 0:o.blur()}syncTooltip(o,t,r){if(this.tooltip!=="none"&&this.nativeInput!=null&&this.output!=null){const e=Math.max(0,(r-o)/(t-o));const i=this.nativeInput.offsetWidth;const a=this.output.offsetWidth;const s=getComputedStyle(this.nativeInput).getPropertyValue("--thumb-size");const l=`calc(${i*e}px - calc(calc(${e} * ${s}) - calc(${s} / 2)))`;this.output.style.transform=`translateX(${l})`;this.output.style.marginLeft=`-${a/2}px`}}isFirefox(){return navigator.userAgent.toLowerCase().indexOf("firefox")>-1}update(o){var t,r;if(o!=null){this.value=o}const e=(t=Number(this.min))!==null&&t!==void 0?t:0;const i=(r=Number(this.max))!==null&&r!==void 0?r:0;let a;const s=parseFloat(this.value);if(isNaN(s)){a=this.getDefaultValue(e,i)}else{a=s}if(this.nativeInput!=null){this.nativeInput.value=a.toString();this.value=parseFloat(this.nativeInput.value)}else{this.value=a}this.calculateColorRunnableTrack(e,i,this.value);this.syncTooltip(e,i,this.value)}getDefaultValue(o,t){return t<o?o:o+(t-o)/2}calculateColorRunnableTrack(o,t,r){if(!this.isFirefox()&&this.nativeInput!=null){const e=Math.ceil((r-o)/(t-o)*100);this.nativeInput.style.background="-webkit-linear-gradient(left, var(--track-color) 0%, var(--track-color) "+e+"%, var(--six-color-web-rock-300) "+e+"%)"}}render(){return r(i,{key:"0f53d7ccd1af680cc40ec8de87960b243c33a3be",inputId:this.inputId,label:this.label,labelId:this.labelId,hasLabelSlot:this.hasLabelSlot,helpTextId:this.helpTextId,helpText:this.helpText,hasHelpTextSlot:this.hasHelpTextSlot,size:"medium",errorTextId:this.errorTextId,errorText:this.errorText,hasErrorTextSlot:this.hasErrorTextSlot,errorTextCount:this.errorTextCount,disabled:this.disabled,required:this.required,displayError:this.invalid},r("div",{key:"d51cc4d2afde55aed2941878912eb3f741c89cf1",part:"base",class:{range:true,"range--disabled":this.disabled,"range--focused":this.hasFocus,"range--tooltip-visible":this.hasTooltip,"range--tooltip-top":this.tooltip==="top","range--tooltip-bottom":this.tooltip==="bottom"},onTouchStart:this.handleTouchStart},r("input",{key:"bfa94717d2ad6e8b5e7b513aa49697b1232e0502",part:"input",ref:o=>this.nativeInput=o,type:"range",class:"range__control",name:this.name,disabled:this.disabled,min:this.min,max:this.max,step:this.step,value:this.value,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur}),this.tooltip!=="none"&&r("output",{key:"4db780c67679a9e6d36ead8ae23e5ba6ead2a5ec",part:"tooltip",ref:o=>this.output=o,class:"range__tooltip"},this.tooltipFormatter(this.value))))}get host(){return e(this)}static get watchers(){return{label:["handleLabelChange"],errorText:["handleLabelChange"],helpText:["handleLabelChange"],value:["handleValueChange"],min:["handleValueChange"],max:["handleValueChange"]}}};h.style=l;export{h as six_range};
+//# sourceMappingURL=p-8e5b7dbb.entry.js.map

package/dist/ui-library/p-8e5b7dbb.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixRangeCss","id","SixRange","constructor","hostRef","this","inputId","labelId","helpTextId","errorTextId","eventListeners","EventListeners","hasFocus","hasHelpTextSlot","hasErrorTextSlot","hasLabelSlot","hasTooltip","name","value","required","helpText","disabled","label","errorText","invalid","min","max","step","tooltip","tooltipFormatter","toString","handleInput","nativeInput","update","parseFloat","requestAnimationFrame","sixChange","emit","handleBlur","sixBlur","_a","resizeObserver","unobserve","handleFocus","sixFocus","observe","handleSlotChange","hasSlot","host","handleTouchStart","setFocus","handleLabelChange","handleValueChange","connectedCallback","shadowRoot","addEventListener","componentWillLoad","componentDidLoad","ResizeObserver","disconnectedCallback","removeEventListener","removeAll","componentDidUpdate","getMinMax","syncTooltip","Number","_b","options","focus","removeFocus","blur","output","percent","Math","inputWidth","offsetWidth","tooltipWidth","thumbSize","getComputedStyle","getPropertyValue","x","style","transform","marginLeft","isFirefox","navigator","userAgent","toLowerCase","indexOf","updateValue","parsedValue","isNaN","getDefaultValue","calculateColorRunnableTrack","ceil","background","render","h","FormControl","key","size","errorTextCount","displayError","part","class","range","onTouchStart","ref","el","type","onInput","onFocus","onBlur"],"sources":["src/components/six-range/six-range.scss?tag=six-range&encapsulation=shadow","src/components/six-range/six-range.tsx"],"sourcesContent":["@import 'src/global/component';\n@import '../../functional-components/form-control/form-control';\n\n:host {\n  --thumb-size: 14px;\n  --tooltip-offset-y: 10px;\n  --track-color: var(--six-color-web-rock-900);\n  --thumb-color: var(--six-color-web-rock-900);\n  --track-height: 3px;\n\n  display: block;\n}\n\n.range {\n  position: relative;\n\n  .range__control {\n    -webkit-appearance: none;\n    width: 100%;\n    height: var(--six-input-height-medium);\n    background: transparent;\n    line-height: var(--six-input-height-medium);\n    vertical-align: middle;\n\n    &::-webkit-slider-runnable-track {\n      width: 100%;\n      height: var(--track-height);\n      border-radius: 3px;\n      border: none;\n    }\n\n    &::-webkit-slider-thumb {\n      border: none;\n      width: var(--thumb-size);\n      height: var(--thumb-size);\n      border-radius: 50%;\n      background-color: var(--thumb-color);\n      -webkit-appearance: none;\n      margin-top: calc(var(--thumb-size) / -2 + var(--track-height) / 2);\n      transition: var(--six-transition-fast) border-color, var(--six-transition-fast) background-color,\n        var(--six-transition-fast) color, var(--six-transition-fast) box-shadow, var(--six-transition-fast) transform;\n      cursor: pointer;\n    }\n\n    &:not(:disabled)::-webkit-slider-thumb:hover {\n      background-color: var(--thumb-color);\n    }\n\n    &:not(:disabled):focus::-webkit-slider-thumb {\n      background-color: var(--thumb-color);\n    }\n\n    &:not(:disabled)::-webkit-slider-thumb:active {\n      background-color: var(--thumb-color);\n      cursor: grabbing;\n    }\n\n    //  Firefox\n    &::-moz-focus-outer {\n      border: 0;\n    }\n\n    &::-moz-range-track {\n      width: 100%;\n      height: var(--track-height);\n      background-color: var(--six-progress-track-color);\n      border-radius: 3px;\n      border: none;\n    }\n\n    &::-moz-range-progress {\n      height: var(--track-height);\n      border-radius: 3px;\n      background-color: var(--track-color);\n      border: none;\n    }\n\n    &::-moz-range-thumb {\n      border: none;\n      height: var(--thumb-size);\n      width: var(--thumb-size);\n      border-radius: 50%;\n      background-color: var(--thumb-color);\n      transition: var(--six-transition-fast) border-color, var(--six-transition-fast) background-color,\n        var(--six-transition-fast) color, var(--six-transition-fast) box-shadow, var(--six-transition-fast) transform;\n      cursor: pointer;\n    }\n\n    &:not(:disabled)::-moz-range-thumb:hover {\n      background-color: var(--thumb-color);\n    }\n\n    &:not(:disabled):focus::-moz-range-thumb {\n      background-color: var(--thumb-color);\n    }\n\n    &:not(:disabled)::-moz-range-thumb:active {\n      background-color: var(--thumb-color);\n      cursor: grabbing;\n    }\n\n    //  States\n    &:focus {\n      outline: none;\n    }\n\n    &:disabled {\n      &::-webkit-slider-thumb {\n        cursor: not-allowed;\n        color: var(--six-color-web-rock-300);\n        border-color: var(--six-color-web-rock-300);\n        background-color: var(--six-color-web-rock-300);\n      }\n\n      &::-moz-range-thumb {\n        cursor: not-allowed;\n        color: var(--six-color-web-rock-300);\n        border-color: var(--six-color-web-rock-300);\n        background-color: var(--six-color-web-rock-300);\n      }\n    }\n  }\n}\n\n// Tooltip\n.range__tooltip {\n  position: absolute;\n  z-index: var(--six-z-index-tooltip);\n  left: 2px;\n  border-radius: var(--six-border-radius-medium);\n  background-color: var(--six-color-web-rock-900);\n  font-family: var(--six-font-family);\n  font-size: var(--six-tooltip-font-size);\n  font-weight: var(--six-tooltip-font-weight);\n  line-height: var(--six-tooltip-line-height);\n  color: var(--six-color-white);\n  opacity: 0;\n  padding: var(--six-spacing-xxx-small) var(--six-spacing-xx-small);\n  transition: var(--six-transition-fast) opacity;\n  pointer-events: none;\n\n  &::after {\n    content: '';\n    position: absolute;\n    width: 0;\n    height: 0;\n    left: 50%;\n    margin-left: calc(-1 * var(--six-tooltip-arrow-size));\n  }\n}\n\n.range--tooltip-visible .range__tooltip {\n  opacity: 1;\n}\n\n// Tooltip on top\n.range--tooltip-top .range__tooltip {\n  top: calc(-1 * var(--thumb-size) - var(--tooltip-offset-y));\n\n  &::after {\n    border-top: var(--six-tooltip-arrow-size) solid var(--six-color-web-rock-900);\n    border-left: var(--six-tooltip-arrow-size) solid transparent;\n    border-right: var(--six-tooltip-arrow-size) solid transparent;\n    top: 100%;\n  }\n}\n\n// Tooltip on bottom\n.range--tooltip-bottom .range__tooltip {\n  bottom: calc(-1 * var(--thumb-size) - var(--tooltip-offset-y));\n\n  &::after {\n    border-bottom: var(--six-tooltip-arrow-size) solid var(--six-color-web-rock-900);\n    border-left: var(--six-tooltip-arrow-size) solid transparent;\n    border-right: var(--six-tooltip-arrow-size) solid transparent;\n    bottom: 100%;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport FormControl from '../../functional-components/form-control/form-control';\nimport { hasSlot } from '../../utils/slot';\nimport { EmptyPayload } from '../../utils/types';\nimport { EventListeners } from '../../utils/event-listeners';\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 label - The input's label. Alternatively, you can use the label prop.\n * @slot help-text - Help text that describes how to use the input. Alternatively, you can use the help-text prop.\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 input - The native range input.\n * @part tooltip - The range tooltip.\n */\n@Component({\n  tag: 'six-range',\n  styleUrl: 'six-range.scss',\n  shadow: true,\n})\nexport class SixRange {\n  private inputId = `input-${++id}`;\n  private labelId = `input-label-${id}`;\n  private helpTextId = `input-help-text-${id}`;\n  private errorTextId = `input-error-text-${id}`;\n  private eventListeners = new EventListeners();\n  private resizeObserver?: ResizeObserver;\n\n  private output?: HTMLElement;\n  private nativeInput?: HTMLInputElement;\n\n  @Element() host!: HTMLSixRangeElement;\n\n  @State() hasFocus = false;\n  @State() hasHelpTextSlot = false;\n  @State() hasErrorTextSlot = false;\n  @State() hasLabelSlot = false;\n  @State() hasTooltip = false;\n\n  /** The input's name attribute. */\n  @Prop() name = '';\n\n  /** The input's value attribute. */\n  @Prop({ mutable: true }) value = 0;\n\n  /** Set to true to show an asterisk beneath the label. */\n  @Prop() required = false;\n\n  /** The range's help text. Alternatively, you can use the help-text slot. */\n  @Prop() helpText = '';\n\n  /** Set to true to disable the input. */\n  @Prop() disabled = 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  /** The input's min attribute. */\n  @Prop() min = 0;\n\n  /** The input's max attribute. */\n  @Prop() max = 100;\n\n  /** The input's step attribute. */\n  @Prop() step = 1;\n\n  /** The preferred placedment of the tooltip. */\n  @Prop() tooltip: 'top' | 'bottom' | 'none' = 'top';\n\n  /** A function used to format the tooltip's value. */\n  @Prop() tooltipFormatter = (value: number) => value.toString();\n\n  /** Emitted when the control's value changes. */\n  @Event({ eventName: 'six-range-change' }) sixChange!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the control loses focus. */\n  @Event({ eventName: 'six-range-blur' }) sixBlur!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the control gains focus. */\n  @Event({ eventName: 'six-range-focus' }) sixFocus!: EventEmitter<EmptyPayload>;\n\n  @Watch('label')\n  @Watch('errorText')\n  @Watch('helpText')\n  handleLabelChange() {\n    this.handleSlotChange();\n  }\n\n  @Watch('value')\n  @Watch('min')\n  @Watch('max')\n  handleValueChange() {\n    this.update();\n  }\n\n  connectedCallback() {\n    this.host.shadowRoot?.addEventListener('slotchange', this.handleSlotChange);\n  }\n\n  componentWillLoad() {\n    this.update();\n    this.handleSlotChange();\n  }\n\n  componentDidLoad() {\n    const nativeInput = this.nativeInput;\n    if (nativeInput == null) {\n      return;\n    }\n    this.update();\n    this.resizeObserver = new ResizeObserver(() => this.update());\n  }\n\n  disconnectedCallback() {\n    this.host.shadowRoot?.removeEventListener('slotchange', this.handleSlotChange);\n    this.eventListeners.removeAll();\n  }\n\n  componentDidUpdate() {\n    const { min, max } = this.getMinMax();\n    this.syncTooltip(min, max, this.value);\n  }\n\n  private getMinMax() {\n    const min = Number(this.min) ?? 0;\n    const max = Number(this.max) ?? 0;\n    return { min, max };\n  }\n\n  /** Sets focus on the input. */\n  @Method()\n  async setFocus(options?: FocusOptions) {\n    this.nativeInput?.focus(options);\n  }\n\n  /** Removes focus from the input. */\n  @Method()\n  async removeFocus() {\n    this.nativeInput?.blur();\n  }\n\n  private handleInput = () => {\n    if (this.nativeInput != null) {\n      this.update(parseFloat(this.nativeInput.value));\n    }\n    requestAnimationFrame(() => {\n      this.sixChange.emit();\n    });\n  };\n\n  private handleBlur = () => {\n    this.hasFocus = false;\n    this.hasTooltip = false;\n    this.sixBlur.emit();\n    if (this.nativeInput != null) {\n      this.resizeObserver?.unobserve(this.nativeInput);\n    }\n  };\n\n  private handleFocus = () => {\n    this.hasFocus = true;\n    this.hasTooltip = true;\n    this.sixFocus.emit();\n    if (this.nativeInput != null) {\n      this.resizeObserver?.observe(this.nativeInput);\n    }\n  };\n\n  private handleSlotChange = () => {\n    this.hasHelpTextSlot = hasSlot(this.host, 'help-text');\n    this.hasLabelSlot = hasSlot(this.host, 'label');\n    this.hasErrorTextSlot = hasSlot(this.host, 'error-text');\n  };\n\n  private handleTouchStart = () => {\n    this.setFocus();\n  };\n\n  private syncTooltip(min: number, max: number, value: number) {\n    if (this.tooltip !== 'none' && this.nativeInput != null && this.output != null) {\n      const percent = Math.max(0, (value - min) / (max - min));\n      const inputWidth = this.nativeInput.offsetWidth;\n      const tooltipWidth = this.output.offsetWidth;\n      const thumbSize = getComputedStyle(this.nativeInput).getPropertyValue('--thumb-size');\n      const x = `calc(${inputWidth * percent}px - calc(calc(${percent} * ${thumbSize}) - calc(${thumbSize} / 2)))`;\n      this.output.style.transform = `translateX(${x})`;\n      this.output.style.marginLeft = `-${tooltipWidth / 2}px`;\n    }\n  }\n\n  private isFirefox() {\n    return navigator.userAgent.toLowerCase().indexOf('firefox') > -1;\n  }\n\n  private update(updateValue?: number) {\n    if (updateValue != null) {\n      this.value = updateValue;\n    }\n\n    const min = Number(this.min) ?? 0;\n    const max = Number(this.max) ?? 0;\n    let value;\n    const parsedValue = parseFloat(this.value as never);\n    if (isNaN(parsedValue)) {\n      value = this.getDefaultValue(min, max);\n    } else {\n      value = parsedValue;\n    }\n\n    if (this.nativeInput != null) {\n      // The value may have constraints, so we set the native control's\n      // value and sync it back to ensure it adheres to min, max, and step\n      // properly.\n      this.nativeInput.value = value.toString();\n      this.value = parseFloat(this.nativeInput.value);\n    } else {\n      this.value = value;\n    }\n    this.calculateColorRunnableTrack(min, max, this.value);\n    this.syncTooltip(min, max, this.value);\n  }\n\n  /**\n   * from https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#value\n   */\n  private getDefaultValue(min: number, max: number): number {\n    return max < min ? min : min + (max - min) / 2;\n  }\n\n  /**\n   * For Firefox this functionality is not needed because it is supported by standard CSS.\n   */\n  private calculateColorRunnableTrack(min: number, max: number, value: number) {\n    if (!this.isFirefox() && this.nativeInput != null) {\n      const percent = Math.ceil(((value - min) / (max - min)) * 100);\n      this.nativeInput.style.background =\n        '-webkit-linear-gradient(left, var(--track-color) 0%, var(--track-color) ' +\n        percent +\n        '%, var(--six-color-web-rock-300) ' +\n        percent +\n        '%)';\n    }\n  }\n\n  render() {\n    return (\n      <FormControl\n        inputId={this.inputId}\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=\"medium\"\n        errorTextId={this.errorTextId}\n        errorText={this.errorText}\n        hasErrorTextSlot={this.hasErrorTextSlot}\n        errorTextCount={this.errorTextCount}\n        disabled={this.disabled}\n        required={this.required}\n        displayError={this.invalid}\n      >\n        <div\n          part=\"base\"\n          class={{\n            range: true,\n\n            // States\n            'range--disabled': this.disabled,\n            'range--focused': this.hasFocus,\n            'range--tooltip-visible': this.hasTooltip,\n            'range--tooltip-top': this.tooltip === 'top',\n            'range--tooltip-bottom': this.tooltip === 'bottom',\n          }}\n          onTouchStart={this.handleTouchStart}\n        >\n          <input\n            part=\"input\"\n            ref={(el) => (this.nativeInput = el)}\n            type=\"range\"\n            class=\"range__control\"\n            name={this.name}\n            disabled={this.disabled}\n            min={this.min}\n            max={this.max}\n            step={this.step}\n            value={this.value}\n            onInput={this.handleInput}\n            onFocus={this.handleFocus}\n            onBlur={this.handleBlur}\n          />\n          {this.tooltip !== 'none' && (\n            <output part=\"tooltip\" ref={(el) => (this.output = el)} class=\"range__tooltip\">\n              {this.tooltipFormatter(this.value)}\n            </output>\n          )}\n        </div>\n      </FormControl>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as s,h as i}from"./p-BF09Gr5y.js";const e=".six-files-list__container{padding:1rem}.six-files-list__container :last-child{padding-bottom:0}";const t=class{constructor(i){s(this,i)}render(){return i("div",{key:"38755b01aeafb28e3f268925a347fabdb53cac9b",class:"six-files-list__container"},i("slot",{key:"7e9e866c6b7f6dffbe26ba5b10c46b135cc1c389"}))}};t.style=e;export{t as six_file_list};
+//# sourceMappingURL=p-91511258.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["sixFileListCss","SixFileList","render","h","key","class"],"sources":["src/components/six-file-list/six-file-list.scss?tag=six-file-list&encapsulation=shadow","src/components/six-file-list/six-file-list.tsx"],"sourcesContent":[".six-files-list {\n  &__container {\n    padding: 1rem;\n\n    & :last-child {\n      padding-bottom: 0;\n    }\n  }\n}\n","import { Component, h } from '@stencil/core';\n\n/**\n * @since 2.0.0\n * @status experimental\n *\n */\n@Component({\n  tag: 'six-file-list',\n  styleUrl: 'six-file-list.scss',\n  shadow: true,\n})\nexport class SixFileList {\n  render() {\n    return (\n      <div class=\"six-files-list__container\">\n        <slot />\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAiB,mG,MCYVC,EAAW,M,yBACtB,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,6BACTF,EAAQ,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/ui-library/p-9656e941.entry.js

@@ -0,0 +1,2 @@
+import{r,h as e}from"./p-BF09Gr5y.js";const t=".six-error-container{text-align:left;color:var(--six-color-danger-800);width:100%;font-size:var(--six-input-help-text-font-size-medium)}";const o=class{constructor(e){r(this,e)}render(){return e("div",{key:"35e774adc232f29f26ed0dcc98f6befe1f2a6735",class:"six-error-container"},e("slot",{key:"3ef7bc24a95509089baaf676986a5a6c91d32274"}))}};o.style=t;export{o as six_error};
+//# sourceMappingURL=p-9656e941.entry.js.map

package/dist/ui-library/p-9656e941.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixErrorCss","SixError","render","h","key","class"],"sources":["src/components/six-error/six-error.scss?tag=six-error&encapsulation=shadow","src/components/six-error/six-error.tsx"],"sourcesContent":[".six-error-container {\n  text-align: left;\n  color: var(--six-color-danger-800);\n  width: 100%;\n  font-size: var(--six-input-help-text-font-size-medium);\n}\n","import { Component, h } from '@stencil/core';\n\n/**\n * @since 4.0\n * @status beta\n *\n * @slot default - The error's message content\n */\n\n@Component({\n  tag: 'six-error',\n  styleUrl: 'six-error.scss',\n  shadow: true,\n})\nexport class SixError {\n  render() {\n    return (\n      <div class=\"six-error-container\">\n        <slot />\n      </div>\n    );\n  }\n}\n"],"mappings":"sCAAA,MAAMA,EAAc,2I,MCcPC,EAAQ,M,yBACnB,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,uBACTF,EAAQ,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/ui-library/p-9a7aa0d7.entry.js

@@ -0,0 +1,2 @@
+import{r as s,h as e}from"./p-BF09Gr5y.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-9a7aa0d7.entry.js.map

package/dist/ui-library/p-9a7aa0d7.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-9deb70a3.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as a,g as t}from"./p-BF09Gr5y.js";const d=":host{display:block;overflow:hidden;height:inherit}.six-root{display:grid;grid-template:auto 1fr auto/auto 1fr auto;height:100%}.six-root__container--padded{padding:var(--six-spacing-xxx-large)}.six-root__left-sidebar{height:100%;overflow:scroll;grid-column:1/2}.six-root__right-sidebar{height:100%;overflow:scroll;grid-column:3/4}.six-root nav{overflow:hidden}header{grid-column:1/4;position:sticky;top:0;z-index:var(--six-z-index-header);margin-right:2px}main{height:100%;display:flex;flex-direction:column;justify-content:space-between;grid-column:2/3;overflow:auto}footer{grid-column:1/4}";const i=class{constructor(a){e(this,a);this.padded=true;this.stage=null;this.version=""}render(){return a("host",{key:"005ad5514d4137e97a862fd2a09151013e6250d0",class:"six-root"},a("header",{key:"4cde9e57f125b9ea179608c36b311d33449ab9d3",part:"header"},this.stage&&a("six-stage-indicator",{key:"9c8d9ce4ae9d7652249fd3e2bbb39431830e6813",stage:this.stage},this.version),a("slot",{key:"dd414f2b13ec59e96ebe1e1df8f2fb71de113a60",name:"header"})),a("nav",{key:"b9abf9d3eae12e6c492b64aada73bd7101a4edb1",class:"six-root__left-sidebar",part:"left-sidebar"},a("slot",{key:"d664769001501f55dd65a0c772fa6df6742ffe4c",name:"left-sidebar"})),a("main",{key:"4fb77beeed3e16ccb53a6d486d1307893d16aac3",part:"main"},a("div",{key:"587d43eedf0a41c790b184c54f41941ea12fdd37",class:{"six-root__container":true,"six-root__container--padded":this.padded},part:"container"},a("slot",{key:"66473b0c3e44effb55ce262b27f2980b668b4335",name:"main"})),a("div",{key:"b4dcc58d0fe42bcee91f2d0586e07f026b70bf5f",class:"six-root__footer"},a("slot",{key:"bf3efc6011d2cfbdd121973d77b7eba58c12c440",name:"footer"}))),a("nav",{key:"88683d098fd1c75bf35b9ecb9aaf2d2e1b8f6715",class:"six-root__right-sidebar",part:"right-sidebar"},a("slot",{key:"3e38e0f3d3c0c66075c27f305d0460f52bbf725c",name:"right-sidebar"})))}get host(){return t(this)}};i.style=d;export{i as six_root};
+//# sourceMappingURL=p-9deb70a3.entry.js.map

package/dist/ui-library/p-9deb70a3.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixRootCss","SixRoot","constructor","hostRef","this","padded","stage","version","render","h","key","class","part","name"],"sources":["src/components/six-root/six-root.scss?tag=six-root&encapsulation=shadow","src/components/six-root/six-root.tsx"],"sourcesContent":["@import 'src/global/mixins/scrollbar';\n\n:host {\n  display: block;\n  overflow: hidden;\n  height: inherit;\n}\n\n.six-root {\n  display: grid;\n  grid-template: auto 1fr auto / auto 1fr auto;\n  height: 100%;\n\n  &__container {\n    &--padded {\n      padding: var(--six-spacing-xxx-large);\n    }\n  }\n\n  &__left-sidebar {\n    height: 100%;\n    overflow: scroll;\n    grid-column: 1 / 2;\n  }\n\n  &__right-sidebar {\n    height: 100%;\n    overflow: scroll;\n    grid-column: 3 / 4;\n  }\n\n  nav {\n    overflow: hidden;\n  }\n}\n\nheader {\n  grid-column: 1 / 4;\n  position: sticky;\n  top: 0;\n  z-index: var(--six-z-index-header);\n  // border fix\n  margin-right: 2px;\n}\n\nmain {\n  height: 100%;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  grid-column: 2 / 3;\n  overflow: auto;\n}\n\nfooter {\n  grid-column: 1 / 4;\n}\n","import { Component, Element, h, Prop } from '@stencil/core';\nimport { StageType } from '../six-stage-indicator/six-stage-indicator';\n\n/**\n * @since 1.0\n * @status stable\n *\n * @slot header - Used to define the header component.\n * @slot main - Used to define the components in the main area.\n * @slot left-sidebar - Used to define the sidebar on the left side.\n * @slot right-sidebar - Used to define the sidebar on the right side.\n * @slot footer - Used to define the footer component.\n */\n\n@Component({\n  tag: 'six-root',\n  styleUrl: 'six-root.scss',\n  shadow: true,\n})\nexport class SixRoot {\n  @Element() host!: HTMLSixRootElement;\n\n  /** Defines whether the content section should be padded */\n  // eslint-disable-next-line @stencil-community/ban-default-true\n  @Prop() padded = true;\n\n  /** Defines the stage of the application*/\n  @Prop() stage: StageType = null;\n\n  /** Defines the version of the application*/\n  @Prop() version = '';\n\n  render() {\n    return (\n      <host class=\"six-root\">\n        <header part=\"header\">\n          {this.stage && <six-stage-indicator stage={this.stage}>{this.version}</six-stage-indicator>}\n          <slot name=\"header\" />\n        </header>\n        <nav class=\"six-root__left-sidebar\" part=\"left-sidebar\">\n          <slot name=\"left-sidebar\" />\n        </nav>\n        <main part=\"main\">\n          <div class={{ 'six-root__container': true, 'six-root__container--padded': this.padded }} part=\"container\">\n            <slot name=\"main\" />\n          </div>\n          <div class=\"six-root__footer\">\n            <slot name=\"footer\" />\n          </div>\n        </main>\n        <nav class=\"six-root__right-sidebar\" part=\"right-sidebar\">\n          <slot name=\"right-sidebar\" />\n        </nav>\n      </host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAa,mlB,MCmBNC,EAAO,MALpB,WAAAC,CAAAC,G,UAUUC,KAAMC,OAAG,KAGTD,KAAKE,MAAc,KAGnBF,KAAOG,QAAG,EA0BnB,CAxBC,MAAAC,GACE,OACEC,EAAA,QAAAC,IAAA,2CAAMC,MAAM,YACVF,EAAQ,UAAAC,IAAA,2CAAAE,KAAK,UACVR,KAAKE,OAASG,EAAA,uBAAAC,IAAA,2CAAqBJ,MAAOF,KAAKE,OAAQF,KAAKG,SAC7DE,EAAA,QAAAC,IAAA,2CAAMG,KAAK,YAEbJ,EAAA,OAAAC,IAAA,2CAAKC,MAAM,yBAAyBC,KAAK,gBACvCH,EAAA,QAAAC,IAAA,2CAAMG,KAAK,kBAEbJ,EAAM,QAAAC,IAAA,2CAAAE,KAAK,QACTH,EAAA,OAAAC,IAAA,2CAAKC,MAAO,CAAE,sBAAuB,KAAM,8BAA+BP,KAAKC,QAAUO,KAAK,aAC5FH,EAAA,QAAAC,IAAA,2CAAMG,KAAK,UAEbJ,EAAK,OAAAC,IAAA,2CAAAC,MAAM,oBACTF,EAAA,QAAAC,IAAA,2CAAMG,KAAK,aAGfJ,EAAA,OAAAC,IAAA,2CAAKC,MAAM,0BAA0BC,KAAK,iBACxCH,EAAA,QAAAC,IAAA,2CAAMG,KAAK,mB","ignoreList":[]}

package/dist/ui-library/{p-842b492e.js → p-B1bClJZ6.js}

@@ -1,2 +1,2 @@
 function n(n){const o=n.closest("form");if(o!=null){const n=document.createElement("button");n.type="submit";n.style.display="none";o.appendChild(n);n.click();n.remove()}}export{n as s};
-//# sourceMappingURL=p-842b492e.js.map
+//# sourceMappingURL=p-B1bClJZ6.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"p-B1bClJZ6.js","sources":["src/utils/form.ts"],"sourcesContent":["export function submitForm(element: HTMLElement) {\n  const form = element.closest('form');\n  if (form != null) {\n    // Calling form.submit() would bypass the submit event and constraint validation.\n    // To prevent this, we inject a native submit button into the form, \"click\" it,\n    // then remove it to simulate a standard form submission.\n    const fakeButton = document.createElement('button');\n    fakeButton.type = 'submit';\n    fakeButton.style.display = 'none';\n    form.appendChild(fakeButton);\n    fakeButton.click();\n    fakeButton.remove();\n  }\n}\n"],"names":[],"mappings":"AAAM,SAAU,UAAU,CAAC,OAAoB,EAAA;IAC7C,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC;AACpC,IAAA,IAAI,IAAI,IAAI,IAAI,EAAE;;;;QAIhB,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC;AACnD,QAAA,UAAU,CAAC,IAAI,GAAG,QAAQ;AAC1B,QAAA,UAAU,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM;AACjC,QAAA,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC;QAC5B,UAAU,CAAC,KAAK,EAAE;QAClB,UAAU,CAAC,MAAM,EAAE;;AAEvB;;;;"}