@six-group/ui-library 0.0.0-insider.cd0cd0d → 0.0.0-insider.cd56b84

package/dist/ui-library/p-445ba5b8.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["sixAvatarCss","SixAvatar","this","handleImageError","hasError","render","h","part","class","avatar","shape","role","alt","tabIndex","initials","name","image","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-elevation-4dp);\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,w/B,MCoBRC,EAAS,M,yBAeZC,KAAAC,iBAAmB,KACzBD,KAAKE,SAAW,IAAI,E,cAfF,M,WAGJ,G,SAGF,G,cAGK,G,WAG8B,Q,CAMjDC,SACE,OACEC,EAAA,OACEC,KAAK,OACLC,MAAO,CACLC,OAAQ,KACR,iBAAkBP,KAAKQ,QAAU,SACjC,kBAAmBR,KAAKQ,QAAU,UAClC,iBAAkBR,KAAKQ,QAAU,UAEnCC,KAAK,QAAO,aACAT,KAAKU,IACjBC,SAAU,GAETX,KAAKY,WAAa,IACjBR,EAAA,OAAKC,KAAK,OAAOC,MAAM,gBACrBF,EAAA,QAAMS,KAAK,QACTT,EAAA,4BAKLJ,KAAKY,UACJR,EAAA,OAAKC,KAAK,WAAWC,MAAM,oBACxBN,KAAKY,UAITZ,KAAKc,QAAUd,KAAKE,UACnBE,EAAA,OAAKC,KAAK,QAAQC,MAAM,gBAAgBS,IAAKf,KAAKc,MAAOE,QAAShB,KAAKC,mB"}

package/dist/ui-library/p-4d408fb4.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["submitForm","element","form","closest","fakeButton","document","createElement","type","style","display","appendChild","click","remove"],"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"],"mappings":"SAAgBA,EAAWC,GACzB,MAAMC,EAAOD,EAAQE,QAAQ,QAC7B,GAAID,GAAQ,KAAM,CAIhB,MAAME,EAAaC,SAASC,cAAc,UAC1CF,EAAWG,KAAO,SAClBH,EAAWI,MAAMC,QAAU,OAC3BP,EAAKQ,YAAYN,GACjBA,EAAWO,QACXP,EAAWQ,Q,CAEf,Q"}

package/dist/ui-library/p-502ff3d3.entry.js

@@ -1,2 +0,0 @@
-import{r as i,c as t,h as s,g as a}from"./p-ac4f4d45.js";import{u as o,l as e}from"./p-eb8f05a9.js";import{h as l}from"./p-d87a6f4d.js";import{i as r,M as n}from"./p-ba74863a.js";const h=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}: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-x-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}";const d=r();let c=0;const g=class{constructor(s){i(this,s);this.sixShow=t(this,"six-dialog-show",7);this.sixAfterShow=t(this,"six-dialog-after-show",7);this.sixHide=t(this,"six-dialog-hide",7);this.sixAfterHide=t(this,"six-dialog-after-hide",7);this.sixInitialFocus=t(this,"six-dialog-initial-focus",7);this.sixOverlayDismiss=t(this,"six-dialog-overlay-dismiss",7);this.componentId=`dialog-${++c}`;this.willShow=false;this.willHide=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()}};this.hasFooter=false;this.isVisible=false;this.open=false;this.label="";this.noHeader=false}handleOpenChange(){this.open?this.show():this.hide()}connectedCallback(){this.modal=new n(this.host,{onFocusOut:()=>{var i;return(i=this.panel)===null||i===void 0?void 0:i.focus()}})}componentWillLoad(){this.handleSlotChange();if(this.open){this.show()}}disconnectedCallback(){o(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();e(this.host);if(this.open){if(d){requestAnimationFrame((()=>{const t=this.sixInitialFocus.emit();if(!t.defaultPrevented){i.focus({preventScroll:true})}}))}else{this.dialog.addEventListener("transitionend",(()=>{const t=this.sixInitialFocus.emit();if(!t.defaultPrevented){i.focus()}}),{once: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();o(this.host)}render(){return s("div",{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},s("div",{part:"overlay",class:"dialog__overlay",onClick:this.handleOverlayClick}),s("div",{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&&s("header",{part:"header",class:"dialog__header"},s("span",{part:"title",class:"dialog__title",id:`${this.componentId}-title`},s("slot",{name:"label"},this.label||String.fromCharCode(65279))),s("six-icon-button",{exportparts:"base:close-button",class:"dialog__close",name:"close",onClick:this.handleCloseClick})),s("div",{part:"body",class:"dialog__body"},s("slot",null)),s("footer",{part:"footer",class:"dialog__footer"},s("slot",{name:"footer",onSlotchange:this.handleSlotChange}))))}get host(){return a(this)}static get watchers(){return{open:["handleOpenChange"]}}};g.style=h;export{g as six_dialog};
-//# sourceMappingURL=p-502ff3d3.entry.js.map

package/dist/ui-library/p-502ff3d3.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["sixDialogCss","hasPreventScroll","isPreventScrollSupported","id","SixDialog","this","componentId","willShow","willHide","handleCloseClick","hide","handleKeyDown","event","key","handleOverlayClick","sixOverlayDismiss","emit","defaultPrevented","handleSlotChange","hasFooter","hasSlot","host","handleTransitionEnd","target","propertyName","classList","contains","isVisible","open","sixAfterShow","sixAfterHide","handleOpenChange","show","connectedCallback","modal","Modal","onFocusOut","_a","panel","focus","componentWillLoad","disconnectedCallback","unlockBodyScrolling","async","dialog","sixShow","activate","lockBodyScrolling","requestAnimationFrame","sixInitialFocus","preventScroll","addEventListener","once","sixHide","deactivate","render","h","ref","el","part","class","onKeyDown","onTransitionEnd","onClick","role","noHeader","label","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-x-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 { isPreventScrollSupported } from '../../utils/support';\nimport Modal from '../../utils/modal';\nimport { EmptyPayload } from '../../utils/types';\n\nconst hasPreventScroll = isPreventScrollSupported();\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    // 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      if (hasPreventScroll) {\n        // Wait for the next frame before setting initial focus so the dialog is technically visible\n        requestAnimationFrame(() => {\n          const sixInitialFocus = this.sixInitialFocus.emit();\n          if (!sixInitialFocus.defaultPrevented) {\n            panel.focus({ preventScroll: true });\n          }\n        });\n      } else {\n        // Once Safari supports { preventScroll: true } we can remove this nasty little hack, but until then we need to\n        // wait for the transition to complete before setting focus, otherwise the panel may render in a buggy way its\n        // out of view initially.\n        //\n        // Fiddle: https://jsfiddle.net/g6buoafq/1/\n        // Safari: https://bugs.webkit.org/show_bug.cgi?id=178583\n        //\n        this.dialog.addEventListener(\n          'transitionend',\n          () => {\n            const sixInitialFocus = this.sixInitialFocus.emit();\n            if (!sixInitialFocus.defaultPrevented) {\n              panel.focus();\n            }\n          },\n          { once: 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":"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"}

package/dist/ui-library/p-5a34c93e.entry.js

@@ -1,2 +0,0 @@
-import{r as i,c as s,h as l,g as e}from"./p-ac4f4d45.js";const o=".sc-six-file-upload-h{position:relative;box-sizing:border-box}.sc-six-file-upload-h *.sc-six-file-upload,.sc-six-file-upload-h *.sc-six-file-upload:before,.sc-six-file-upload-h *.sc-six-file-upload:after{box-sizing:inherit}.sc-six-file-upload-h{position:static;display:block}.six-file-upload.sc-six-file-upload six-card.sc-six-file-upload{box-shadow:none;padding:0;width:100%}.six-file-upload.sc-six-file-upload six-card.kyc-file-upload__container--compact.sc-six-file-upload{width:inherit}.six-file-upload__label--highlighted.sc-six-file-upload{color:var(--six-color-action-600)}.six-file-upload__container--full.sc-six-file-upload{border:dashed 1px var(--six-color-web-rock-500)}.six-file-upload__label-icon.sc-six-file-upload{margin-right:0.5rem}.six-file-upload__drop-zone.sc-six-file-upload{padding:2rem 0;display:flex;justify-content:center;width:100%;transition:background-color 0.3s}.six-file-upload__drop-zone--compact.sc-six-file-upload{padding:0}.six-file-upload__input.sc-six-file-upload{cursor:pointer;position:absolute;top:0;left:0;width:100%;user-select:none;height:100%;opacity:0;outline:none}.six-file-upload--disabled.sc-six-file-upload .six-file-upload__drop-zone.sc-six-file-upload{background-color:var(--six-color-inactive)}.six-file-upload.sc-six-file-upload:not(.six-file-upload--disabled) .six-file-upload__drop-zone.sc-six-file-upload:hover,.six-file-upload__drop-zone--hover.sc-six-file-upload{background-color:var(--six-color-action-light-to-be-defined)}.six-file-upload.sc-six-file-upload:not(.six-file-upload--disabled) .six-file-upload__drop-zone.sc-six-file-upload:hover.six-file-upload__drop-zone--compact,.six-file-upload__drop-zone--hover.six-file-upload__drop-zone--compact.sc-six-file-upload{background-color:inherit}.six-file-upload--disabled.sc-six-file-upload .six-file-upload__input.sc-six-file-upload{cursor:not-allowed}";const a=class{constructor(l){i(this,l);this.success=s(this,"six-file-upload-success",7);this.failure=s(this,"six-file-upload-failure",7);this.handleFiles=i=>{if(this.disabled||i.length===0){return}if(!this.multiple&&i.length>1){return this.failure.emit({reason:"Only one file is allowed."})}for(const s of i){if(s==null){return}let l=[];if(this.accept!=null){l=this.accept.replace(/\s/g,"").split(",")}if(l.length>0&&l.indexOf(s.type)===-1){const s=i.length>1?"One or more files have invalid MIME type.":"File has invalid MIME type.";return this.failure.emit({reason:s})}if(this.maxFileSize!=null&&s.size>this.maxFileSize){const s=i.length>1?"One or more files are too big":"File is too big.";return this.failure.emit({reason:s})}}const s=this.multiple?{files:i}:{file:i[0]};this.success.emit(s)};this.onChange=()=>{var i;if(((i=this.fileInput)===null||i===void 0?void 0:i.files)!=null){const i=this.fileInput.files;this.handleFiles(i);this.fileInput.value=""}};this.isOver=false;this.compact=false;this.label=undefined;this.disabled=false;this.accept=undefined;this.multiple=false;this.maxFileSize=undefined}dragenterHandler(){if(!this.disabled){this.isOver=true}}dragoverHandler(){if(!this.disabled){this.isOver=true}}dragleaveHandler(){if(!this.disabled){this.isOver=false}}dropHandler({dataTransfer:i}){if(!this.disabled){this.isOver=false;if(i!=null){this.handleFiles(i.files)}}}componentDidLoad(){["dragenter","dragover","dragleave","drop"].forEach((i=>{this.host.addEventListener(i,this.preventDefaults,false);document.body.addEventListener(i,this.preventDefaults,false)}))}disconnectedCallback(){["dragenter","dragover","dragleave","drop"].forEach((i=>{this.host.removeEventListener(i,this.preventDefaults,false);document.body.removeEventListener(i,this.preventDefaults,false)}))}preventDefaults(i){i.preventDefault();i.stopPropagation()}renderLabel(){var i;return(i=this.label)!==null&&i!==void 0?i:this.compact?"Upload":l("span",null,"Drop files to upload, or ",l("span",{class:"six-file-upload__label--highlighted"},"browse"))}render(){const i=this.compact?"six-button":"six-card";return l("div",{class:{"six-file-upload":true,"six-file-upload--disabled":this.disabled}},l(i,{class:{"six-file-upload__container--compact":this.compact,"six-file-upload__container--full":!this.compact}},this.compact&&l("span",{slot:"prefix"},l("six-icon",{class:"six-file-upload__label-icon"},"arrow_circle_up")),l("div",{class:{"six-file-upload__drop-zone":true,"six-file-upload__drop-zone--hover":this.isOver,"six-file-upload__drop-zone--compact":this.compact}},l("span",null,this.renderLabel()),l("input",{class:"six-file-upload__input",type:"file",name:"resume",disabled:this.disabled,accept:this.accept,multiple:this.multiple,onChange:this.onChange,ref:i=>this.fileInput=i}))))}get host(){return e(this)}};a.style=o;export{a as six_file_upload};
-//# sourceMappingURL=p-5a34c93e.entry.js.map

package/dist/ui-library/p-5a34c93e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["sixFileUploadCss","SixFileUpload","this","handleFiles","files","disabled","length","multiple","failure","emit","reason","file","acceptedTypesList","accept","replace","split","indexOf","type","maxFileSize","size","eventPayload","success","onChange","_a","fileInput","value","dragenterHandler","isOver","dragoverHandler","dragleaveHandler","dropHandler","dataTransfer","componentDidLoad","forEach","eventName","host","addEventListener","preventDefaults","document","body","disconnectedCallback","removeEventListener","e","preventDefault","stopPropagation","renderLabel","label","compact","h","class","render","Container","slot","name","ref","el"],"sources":["./src/components/six-file-upload/six-file-upload.scss?tag=six-file-upload&encapsulation=scoped","./src/components/six-file-upload/six-file-upload.tsx"],"sourcesContent":["@import 'src/global/component';\n\n$over-color: var(--six-color-action-light-to-be-defined);\n$disabled-color: var(--six-color-inactive);\n$transition: 0.3s;\n$margin: 1rem;\n\n:host {\n  position: static;\n  display: block;\n}\n\n.six-file-upload {\n  six-card {\n    box-shadow: none;\n    padding: 0;\n    width: 100%;\n\n    &.kyc-file-upload__container--compact {\n      width: inherit;\n    }\n  }\n\n  &__label {\n    &--highlighted {\n      color: var(--six-color-action-600);\n    }\n  }\n\n  &__container {\n    &--full {\n      border: dashed 1px var(--six-color-web-rock-500);\n    }\n  }\n\n  &__label-icon {\n    margin-right: 0.5rem;\n  }\n\n  &__drop-zone {\n    padding: 2rem 0;\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    transition: background-color $transition;\n\n    &--compact {\n      padding: 0;\n    }\n  }\n\n  &__input {\n    cursor: pointer;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    user-select: none;\n    height: 100%;\n    opacity: 0;\n    outline: none;\n  }\n\n  &--disabled &__drop-zone {\n    background-color: $disabled-color;\n  }\n\n  &:not(.six-file-upload--disabled) &__drop-zone:hover,\n  &__drop-zone--hover {\n    background-color: $over-color;\n\n    &.six-file-upload__drop-zone--compact {\n      background-color: inherit;\n    }\n  }\n\n  &--disabled &__input {\n    cursor: not-allowed;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Listen, Prop, State } from '@stencil/core';\n\ninterface ISingleFile {\n  file: File;\n}\n\ninterface IMultipleFiles {\n  files: FileList;\n}\n\nexport type SixFileUploadSuccessPayload = ISingleFile | IMultipleFiles;\n\nexport interface SixFileUploadFailurePayload {\n  reason: string;\n}\n\n/**\n * @since 2.0.0\n * @status experimental\n *\n */\n@Component({\n  tag: 'six-file-upload',\n  styleUrl: 'six-file-upload.scss',\n  scoped: true,\n  shadow: false,\n})\nexport class SixFileUpload {\n  @Element() readonly host!: HTMLSixFileUploadElement;\n\n  private fileInput?: HTMLInputElement;\n\n  @State() isOver = false;\n\n  /** Set to true if file control should be small. */\n  @Prop() readonly compact: boolean = false;\n\n  /** Label of the drop area. */\n  @Prop() readonly label?: string;\n\n  /** Set when button is disabled. */\n  @Prop() readonly disabled = false;\n\n  /** Accepted MIME-Types. */\n  @Prop() readonly accept?: string;\n\n  /** More than one file allowed. */\n  @Prop() readonly multiple = false;\n\n  /** Allowed max file size in bytes. */\n  @Prop() readonly maxFileSize?: number;\n\n  /** Triggers when a file is added. */\n  @Event({ eventName: 'six-file-upload-success' }) success!: EventEmitter<SixFileUploadSuccessPayload>;\n\n  /** Triggers when an uploaded file doesn't match MIME type or max file size. */\n  @Event({ eventName: 'six-file-upload-failure' }) failure!: EventEmitter<SixFileUploadFailurePayload>;\n\n  @Listen('dragenter', { capture: false })\n  dragenterHandler() {\n    if (!this.disabled) {\n      this.isOver = true;\n    }\n  }\n\n  @Listen('dragover', { capture: false })\n  dragoverHandler() {\n    if (!this.disabled) {\n      this.isOver = true;\n    }\n  }\n\n  @Listen('dragleave', { capture: false })\n  dragleaveHandler() {\n    if (!this.disabled) {\n      this.isOver = false;\n    }\n  }\n\n  @Listen('drop', { capture: false })\n  dropHandler({ dataTransfer }: DragEvent) {\n    if (!this.disabled) {\n      this.isOver = false;\n      if (dataTransfer != null) {\n        this.handleFiles(dataTransfer.files);\n      }\n    }\n  }\n\n  private handleFiles = (files: FileList) => {\n    if (this.disabled || files.length === 0) {\n      return;\n    }\n\n    if (!this.multiple && files.length > 1) {\n      return this.failure.emit({ reason: 'Only one file is allowed.' });\n    }\n\n    for (const file of files) {\n      if (file == null) {\n        return;\n      }\n\n      let acceptedTypesList: string[] = [];\n      if (this.accept != null) {\n        acceptedTypesList = this.accept.replace(/\\s/g, '').split(',');\n      }\n\n      if (acceptedTypesList.length > 0 && acceptedTypesList.indexOf(file.type) === -1) {\n        const reason = files.length > 1 ? 'One or more files have invalid MIME type.' : 'File has invalid MIME type.';\n        return this.failure.emit({ reason });\n      }\n\n      if (this.maxFileSize != null && file.size > this.maxFileSize) {\n        const reason = files.length > 1 ? 'One or more files are too big' : 'File is too big.';\n        return this.failure.emit({ reason });\n      }\n    }\n\n    const eventPayload: SixFileUploadSuccessPayload = this.multiple ? { files } : { file: files[0] };\n    this.success.emit(eventPayload);\n  };\n\n  componentDidLoad() {\n    ['dragenter', 'dragover', 'dragleave', 'drop'].forEach((eventName) => {\n      this.host.addEventListener(eventName, this.preventDefaults, false);\n      document.body.addEventListener(eventName, this.preventDefaults, false);\n    });\n  }\n\n  disconnectedCallback() {\n    ['dragenter', 'dragover', 'dragleave', 'drop'].forEach((eventName) => {\n      this.host.removeEventListener(eventName, this.preventDefaults, false);\n      document.body.removeEventListener(eventName, this.preventDefaults, false);\n    });\n  }\n\n  private preventDefaults(e: Event) {\n    e.preventDefault();\n    e.stopPropagation();\n  }\n\n  private onChange = () => {\n    if (this.fileInput?.files != null) {\n      const files = this.fileInput.files;\n      this.handleFiles(files);\n      this.fileInput.value = '';\n    }\n  };\n\n  private renderLabel() {\n    return (\n      this.label ??\n      (this.compact ? (\n        'Upload'\n      ) : (\n        <span>\n          Drop files to upload, or <span class=\"six-file-upload__label--highlighted\">browse</span>\n        </span>\n      ))\n    );\n  }\n\n  render() {\n    const Container = this.compact ? 'six-button' : 'six-card';\n\n    return (\n      <div\n        class={{\n          'six-file-upload': true,\n          'six-file-upload--disabled': this.disabled,\n        }}\n      >\n        <Container\n          class={{\n            'six-file-upload__container--compact': this.compact,\n            'six-file-upload__container--full': !this.compact,\n          }}\n        >\n          {this.compact && (\n            <span slot=\"prefix\">\n              <six-icon class=\"six-file-upload__label-icon\">arrow_circle_up</six-icon>\n            </span>\n          )}\n          <div\n            class={{\n              'six-file-upload__drop-zone': true,\n              'six-file-upload__drop-zone--hover': this.isOver,\n              'six-file-upload__drop-zone--compact': this.compact,\n            }}\n          >\n            <span>{this.renderLabel()}</span>\n            <input\n              class=\"six-file-upload__input\"\n              type=\"file\"\n              name=\"resume\"\n              disabled={this.disabled}\n              accept={this.accept}\n              multiple={this.multiple}\n              onChange={this.onChange}\n              ref={(el) => (this.fileInput = el)}\n            />\n          </div>\n        </Container>\n      </div>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/ui-library/p-60621dc6.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["EventListeners","constructor","this","eventListeners","add","el","name","listener","identifier","push","addEventListener","remove","getFilteredEventListeners","eventListener","removeByIdentifier","sameItem","foundListener","find","undefined","removeAll","length","pop","removeEventListener","filter","item","forward","from","to","host","dispatchEvent","InputEvent","bubbles","cancelable","FocusEvent"],"sources":["./src/utils/event-listeners.ts"],"sourcesContent":["interface EventListener {\n  el: DocumentAndElementEventHandlers;\n  name: string;\n  listener: EventListenerOrEventListenerObject;\n  identifier?: string | null;\n}\n\nexport class EventListeners {\n  eventListeners: EventListener[] = [];\n\n  add = <T extends DocumentAndElementEventHandlers>(\n    el: T,\n    name: string,\n    listener: EventListenerOrEventListenerObject,\n    identifier: string | null | undefined = null\n  ) => {\n    this.eventListeners.push({ el, name, listener, identifier });\n    el.addEventListener(name, listener);\n  };\n\n  remove = <T extends DocumentAndElementEventHandlers>(\n    el: T,\n    name: string,\n    listener: EventListenerOrEventListenerObject\n  ) => {\n    this.eventListeners = this.getFilteredEventListeners(\n      (eventListener: EventListener) =>\n        eventListener.listener == listener && eventListener.el === el && eventListener.name === name\n    );\n  };\n\n  removeByIdentifier = (identifier: string) => {\n    const sameItem = (el: EventListener) => el.identifier === identifier;\n    const foundListener = this.eventListeners.find(sameItem) !== undefined;\n    if (!foundListener) {\n      return;\n    }\n    this.eventListeners = this.getFilteredEventListeners(sameItem);\n  };\n\n  private getFilteredEventListeners(sameItem: (el: EventListener) => boolean) {\n    return this.eventListeners.filter((item) => {\n      if (sameItem(item)) {\n        item.el.removeEventListener(item.name, item.listener);\n        return false;\n      } else {\n        return true;\n      }\n    });\n  }\n\n  removeAll = () => {\n    while (this.eventListeners.length > 0) {\n      const eventListener: EventListener | undefined = this.eventListeners.pop();\n      if (eventListener != null) {\n        eventListener.el.removeEventListener(eventListener.name, eventListener.listener);\n      }\n    }\n  };\n\n  forward(from: string, to: 'input' | 'change' | 'blur' | 'focus', host: HTMLElement) {\n    switch (to) {\n      case 'input':\n        this.add(host, from, () => host.dispatchEvent(new InputEvent(to, { bubbles: true, cancelable: true })));\n        break;\n      case 'change':\n        this.add(host, from, () => host.dispatchEvent(new InputEvent(to, { bubbles: true, cancelable: true })));\n        break;\n      case 'blur':\n        this.add(host, from, () => host.dispatchEvent(new FocusEvent(to, { bubbles: true, cancelable: true })));\n        break;\n      case 'focus':\n        this.add(host, from, () => host.dispatchEvent(new FocusEvent(to, { bubbles: true, cancelable: true })));\n        break;\n    }\n  }\n}\n"],"mappings":"MAOaA,EAAbC,cACEC,KAAAC,eAAkC,GAElCD,KAAAE,IAAM,CACJC,EACAC,EACAC,EACAC,EAAwC,QAExCN,KAAKC,eAAeM,KAAK,CAAEJ,KAAIC,OAAMC,WAAUC,eAC/CH,EAAGK,iBAAiBJ,EAAMC,EAAS,EAGrCL,KAAAS,OAAS,CACPN,EACAC,EACAC,KAEAL,KAAKC,eAAiBD,KAAKU,2BACxBC,GACCA,EAAcN,UAAYA,GAAYM,EAAcR,KAAOA,GAAMQ,EAAcP,OAASA,GAC3F,EAGHJ,KAAAY,mBAAsBN,IACpB,MAAMO,EAAYV,GAAsBA,EAAGG,aAAeA,EAC1D,MAAMQ,EAAgBd,KAAKC,eAAec,KAAKF,KAAcG,UAC7D,IAAKF,EAAe,CAClB,M,CAEFd,KAAKC,eAAiBD,KAAKU,0BAA0BG,EAAS,EAchEb,KAAAiB,UAAY,KACV,MAAOjB,KAAKC,eAAeiB,OAAS,EAAG,CACrC,MAAMP,EAA2CX,KAAKC,eAAekB,MACrE,GAAIR,GAAiB,KAAM,CACzBA,EAAcR,GAAGiB,oBAAoBT,EAAcP,KAAMO,EAAcN,S,IAfrEK,0BAA0BG,GAChC,OAAOb,KAAKC,eAAeoB,QAAQC,IACjC,GAAIT,EAASS,GAAO,CAClBA,EAAKnB,GAAGiB,oBAAoBE,EAAKlB,KAAMkB,EAAKjB,UAC5C,OAAO,K,KACF,CACL,OAAO,I,KAcbkB,QAAQC,EAAcC,EAA2CC,GAC/D,OAAQD,GACN,IAAK,QACHzB,KAAKE,IAAIwB,EAAMF,GAAM,IAAME,EAAKC,cAAc,IAAIC,WAAWH,EAAI,CAAEI,QAAS,KAAMC,WAAY,UAC9F,MACF,IAAK,SACH9B,KAAKE,IAAIwB,EAAMF,GAAM,IAAME,EAAKC,cAAc,IAAIC,WAAWH,EAAI,CAAEI,QAAS,KAAMC,WAAY,UAC9F,MACF,IAAK,OACH9B,KAAKE,IAAIwB,EAAMF,GAAM,IAAME,EAAKC,cAAc,IAAII,WAAWN,EAAI,CAAEI,QAAS,KAAMC,WAAY,UAC9F,MACF,IAAK,QACH9B,KAAKE,IAAIwB,EAAMF,GAAM,IAAME,EAAKC,cAAc,IAAII,WAAWN,EAAI,CAAEI,QAAS,KAAMC,WAAY,UAC9F,M"}

package/dist/ui-library/p-63703ba3.entry.js

@@ -1,2 +0,0 @@
-import{r as i,h as r}from"./p-ac4f4d45.js";const s=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}: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}@-webkit-keyframes six-spinner{to{stroke-dashoffset:-444}}@keyframes six-spinner{to{stroke-dashoffset:-444}}";const e=class{constructor(r){i(this,r);this.six=false}renderSIXLogo(){return r("span",{class:"six-spinner","aria-busy":"true","aria-live":"polite"},r("div",{class:"six-spinner__container"},r("svg",{viewBox:"0 0 40 40"},r("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"}))))}renderSimple(){return r("span",{part:"base",class:"spinner","aria-busy":"true","aria-live":"polite"})}render(){return this.six?this.renderSIXLogo():this.renderSimple()}};e.style=s;export{e as six_spinner};
-//# sourceMappingURL=p-63703ba3.entry.js.map

package/dist/ui-library/p-63703ba3.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["sixSpinnerCss","SixSpinner","renderSIXLogo","h","class","viewBox","fill","stroke","d","renderSimple","part","render","this","six"],"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  @-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 */\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 logo or simple spinner. */\n  @Prop() six = false;\n\n  private renderSIXLogo() {\n    return (\n      <span class=\"six-spinner\" aria-busy=\"true\" aria-live=\"polite\">\n        <div class=\"six-spinner__container\">\n          <svg viewBox=\"0 0 40 40\">\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        </div>\n      </span>\n    );\n  }\n\n  private renderSimple() {\n    return <span part=\"base\" class=\"spinner\" aria-busy=\"true\" aria-live=\"polite\" />;\n  }\n\n  render() {\n    return this.six ? this.renderSIXLogo() : this.renderSimple();\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAgB,4vC,MCeTC,EAAU,M,kCAEP,K,CAENC,gBACN,OACEC,EAAA,QAAMC,MAAM,cAAa,YAAW,OAAM,YAAW,UACnDD,EAAA,OAAKC,MAAM,0BACTD,EAAA,OAAKE,QAAQ,aACXF,EAAA,QACEG,KAAK,OACLC,OAAO,UAAS,eACH,IAAG,iBACD,QACfC,EAAE,wH,CAQNC,eACN,OAAON,EAAA,QAAMO,KAAK,OAAON,MAAM,UAAS,YAAW,OAAM,YAAW,U,CAGtEO,SACE,OAAOC,KAAKC,IAAMD,KAAKV,gBAAkBU,KAAKH,c"}

package/dist/ui-library/p-66180e89.entry.js

@@ -1,2 +0,0 @@
-import{r as i,c as s,h as t}from"./p-ac4f4d45.js";import{s as e}from"./p-eb8f05a9.js";const o=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block;height:100%}.sidebar__container{height:100%;overflow:auto}.sidebar__container.sidebar--open{box-shadow:var(--six-elevation-1dp)}.sidebar__container:not(.sidebar--visible){position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;pointer-events:none;visibility:hidden}.sidebar--left{color:var(--six-sidebar-color);background-color:var(--six-sidebar-background-color);transition:var(--six-transition-medium) margin-left;background-size:300vw 70%;background-position:bottom;background-repeat:no-repeat}.sidebar--right{transition:var(--six-transition-medium) margin-right}.sidebar--open.sidebar--left{margin-right:2px}.sidebar--open.sidebar--right{margin-left:2px}";const n=i=>{var s;return((s=i===null||i===void 0?void 0:i.tagName)===null||s===void 0?void 0:s.toLowerCase())==="six-sidebar-item-group"};const r=class{constructor(t){i(this,t);this.sixShow=s(this,"six-sidebar-show",7);this.sixAfterShow=s(this,"six-sidebar-after-show",7);this.sixHide=s(this,"six-sidebar-hide",7);this.sixAfterHide=s(this,"six-sidebar-after-hide",7);this.sixInitialFocus=s(this,"six-sidebar-initial-focus",7);this.willShow=false;this.willHide=false;this.handleTransitionEnd=i=>{const s=i.target;if(i.type==="transitionend"&&s.classList.contains("sidebar__container")){this.resetTransitionVariables()}};this.closeSiblingDetailsOnShow=i=>{const s=i.target;if(this.sidebar!=null){e(s,this.sidebar)}const t=i=>{var t;let e=s;while(i(e)!=null){e=i(e);if(n(e)){const i=(t=e===null||e===void 0?void 0:e.shadowRoot)===null||t===void 0?void 0:t.querySelector("six-details");if(i!=null){i.open=false}}}};t((i=>i===null||i===void 0?void 0:i.previousElementSibling));t((i=>i===null||i===void 0?void 0:i.nextElementSibling))};this.isVisible=false;this.position="left";this.open=false;this.width="16rem";this.toggled=false}handleOpenChange(){this.open?this.show():this.hide()}componentWillLoad(){if(this.open){void this.show();this.resetTransitionVariables()}}componentDidRender(){this.setupTogglableMenuItems()}disconnectedCallback(){var i;(i=this.sidebar)===null||i===void 0?void 0:i.removeEventListener("six-details-show",this.closeSiblingDetailsOnShow)}setupTogglableMenuItems(){if(!this.toggled||this.sidebar==null)return;this.markAllMenuItemsAsSelectableEmpty();this.sidebar.addEventListener("six-details-show",this.closeSiblingDetailsOnShow)}markAllMenuItemsAsSelectableEmpty(){var i;const s=(i=this.sidebar)===null||i===void 0?void 0:i.querySelector("slot");const t=(s===null||s===void 0?void 0:s.assignedElements())||[];const e=[];while(t.length>0){const i=t.pop();if((i===null||i===void 0?void 0:i.shadowRoot)==null){continue}const s=i.shadowRoot.querySelectorAll("six-details");e.push(...s);const o=Array.from(i.children).filter(n);t.push(...o)}e.forEach((i=>i.selectableEmpty=true))}async toggle(){if(this.willShow||this.willHide){return}if(this.open){await this.hide()}else{await this.show()}}async show(){if(this.willShow){return}const i=this.sixShow.emit();if(i.defaultPrevented){this.open=false;return}this.willShow=true;this.isVisible=true;this.open=true}async hide(){if(this.willHide){return}const i=this.sixHide.emit();if(i.defaultPrevented){this.open=true;return}this.willHide=true;this.open=false}async selectItemByIndex(i){if(this.sidebar==null)return;const s=this.sidebar.querySelector("slot");const t=((s===null||s===void 0?void 0:s.assignedElements())||[]).flatMap((i=>{var s;const t=(s=i.shadowRoot)===null||s===void 0?void 0:s.querySelector("six-details");if(t==null){return[]}return[t]}));if(i<0||i>t.length-1){console.error(`Tried to access sidebar menu item by index, but provided index out of range. Provided index: ${i}`);return}await t[i].show()}async selectItemByName(i){var s,t,e;const o=(s=this.sidebar)===null||s===void 0?void 0:s.querySelector("slot");const n=o===null||o===void 0?void 0:o.assignedElements();if(n==null){return}const r=n.findIndex((s=>(s===null||s===void 0?void 0:s.name)===i));const a=(e=(t=n.at(r))===null||t===void 0?void 0:t.shadowRoot)===null||e===void 0?void 0:e.querySelector("six-details");await(a===null||a===void 0?void 0:a.show())}resetTransitionVariables(){this.isVisible=this.open;this.willShow=false;this.willHide=false;this.open?this.sixAfterShow.emit():this.sixAfterHide.emit()}render(){return t("host",{class:"six-sidebar"},t("div",{class:{sidebar__container:true,"sidebar--visible":this.isVisible,"sidebar--open":this.open,"sidebar--left":this.position==="left","sidebar--right":this.position==="right"},style:{width:this.width,[`margin-${this.position}`]:this.open?"0":`calc(1rem - ${this.width})`},ref:i=>this.sidebar=i,"aria-hidden":this.open?"false":"true",onTransitionEnd:this.handleTransitionEnd},t("slot",null)))}static get watchers(){return{open:["handleOpenChange"]}}};r.style=o;export{r as six_sidebar};
-//# sourceMappingURL=p-66180e89.entry.js.map

package/dist/ui-library/p-66180e89.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["sixSidebarCss","isSidebarItemGroup","node","_a","tagName","toLowerCase","SixSidebar","this","willShow","willHide","handleTransitionEnd","event","target","type","classList","contains","resetTransitionVariables","closeSiblingDetailsOnShow","clickedMenuItem","sidebar","scrollIntoView","closeAllSiblingsBySiblingProperty","getSibling","detailsElement","shadowRoot","querySelector","open","previousElementSibling","nextElementSibling","handleOpenChange","show","hide","componentWillLoad","componentDidRender","setupTogglableMenuItems","disconnectedCallback","removeEventListener","toggled","markAllMenuItemsAsSelectableEmpty","addEventListener","slot","nodes","assignedElements","menuItems","length","pop","menuItemsForCurrentNode","querySelectorAll","push","newItemGroups","Array","from","children","filter","forEach","details","selectableEmpty","async","sixShow","emit","defaultPrevented","isVisible","sixHide","index","menuItemsOnRootLevel","flatMap","el","console","error","value","sidebarItemGroups","indexOfSelectedElement","findIndex","name","selectedItem","_c","_b","at","sixAfterShow","sixAfterHide","render","h","class","sidebar__container","position","style","width","ref","onTransitionEnd"],"sources":["./src/components/six-sidebar/six-sidebar.scss?tag=six-sidebar&encapsulation=shadow","./src/components/six-sidebar/six-sidebar.tsx"],"sourcesContent":["@import 'src/global/component';\n@import 'src/global/mixins/hidden';\n@import 'src/global/mixins/scrollbar';\n\n:host {\n  display: block;\n  height: 100%;\n}\n\n.sidebar {\n  &__container {\n    // scroll\n    height: 100%;\n    overflow: auto;\n\n    &.sidebar--open {\n      box-shadow: var(--six-elevation-1dp);\n    }\n\n    &:not(.sidebar--visible) {\n      @include hidden;\n    }\n  }\n\n  &--left {\n    color: var(--six-sidebar-color);\n    background-color: var(--six-sidebar-background-color);\n    // collapse\n    transition: var(--six-transition-medium) margin-left;\n    // six background\n    background-size: 300vw 70%;\n    background-position: bottom;\n    background-repeat: no-repeat;\n  }\n\n  &--right {\n    // collapse\n    transition: var(--six-transition-medium) margin-right;\n  }\n\n  // if the sidebar is embedded within six-root it cuts-off the border styling, for thus we need to guarante a margin\n  &--open {\n    &.sidebar--left {\n      margin-right: 2px;\n    }\n\n    &.sidebar--right {\n      margin-left: 2px;\n    }\n  }\n}\n","import { Component, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { EmptyPayload } from '../../utils/types';\nimport { scrollIntoView } from '../../utils/scroll';\n\nconst isSidebarItemGroup = (node?: Element | null): boolean =>\n  node?.tagName?.toLowerCase() === 'six-sidebar-item-group';\n\n/**\n * @since 1.0\n * @status stable\n *\n * @slot - Used to define the nested side bar [group] items.\n */\n\n@Component({\n  tag: 'six-sidebar',\n  styleUrl: 'six-sidebar.scss',\n  shadow: true,\n})\nexport class SixSidebar {\n  private willShow = false;\n  private willHide = false;\n\n  private sidebar?: HTMLElement;\n\n  @State() isVisible = false;\n\n  /** Sidebar position */\n  @Prop() position: 'left' | 'right' = 'left';\n\n  /** Indicates whether the sidebar is open. You can use this in lieu of the show/hide methods. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /** Sidebar width */\n  @Prop() width = '16rem';\n\n  /** Define whether sidebar is toggled meaning only one menu can be open at the same time*/\n  @Prop() toggled = false;\n\n  /** Emitted when the sidebar opens. Calling `event.preventDefault()` will prevent it from being opened. */\n  @Event({ eventName: 'six-sidebar-show' }) sixShow!: EventEmitter<EmptyPayload>;\n\n  /** Emitted after the sidebar opens and all transitions are complete. */\n  @Event({ eventName: 'six-sidebar-after-show' }) sixAfterShow!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the sidebar closes. Calling `event.preventDefault()` will prevent it from being closed. */\n  @Event({ eventName: 'six-sidebar-hide' }) sixHide!: EventEmitter<EmptyPayload>;\n\n  /** Emitted after the sidebar closes and all transitions are complete. */\n  @Event({ eventName: 'six-sidebar-after-hide' }) sixAfterHide!: EventEmitter<EmptyPayload>;\n\n  /**\n   * Emitted when the sidebar 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 sidebar, such as an input or button.\n   */\n  @Event({ eventName: 'six-sidebar-initial-focus' }) sixInitialFocus!: EventEmitter<EmptyPayload>;\n\n  @Watch('open')\n  handleOpenChange() {\n    this.open ? this.show() : this.hide();\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.type === 'transitionend' && target.classList.contains('sidebar__container')) {\n      this.resetTransitionVariables();\n    }\n  };\n\n  componentWillLoad() {\n    // Show on init if open\n    if (this.open) {\n      void this.show();\n      // if the sidebar is open by default we need to manually reset the\n      // transition variables since there will be no transition event\n      this.resetTransitionVariables();\n    }\n  }\n\n  componentDidRender() {\n    this.setupTogglableMenuItems();\n  }\n\n  disconnectedCallback() {\n    this.sidebar?.removeEventListener('six-details-show', this.closeSiblingDetailsOnShow);\n  }\n\n  private closeSiblingDetailsOnShow = (event: Event) => {\n    const clickedMenuItem = event.target as HTMLElement;\n    if (this.sidebar != null) {\n      scrollIntoView(clickedMenuItem, this.sidebar);\n    }\n\n    const closeAllSiblingsBySiblingProperty = (\n      getSibling: (node: Element | null | undefined) => Element | null | undefined\n    ) => {\n      let node: Element | null | undefined = clickedMenuItem;\n      while (getSibling(node) != null) {\n        node = getSibling(node);\n        if (isSidebarItemGroup(node)) {\n          const detailsElement = node?.shadowRoot?.querySelector('six-details');\n          if (detailsElement != null) {\n            detailsElement.open = false;\n          }\n        }\n      }\n    };\n\n    // close all previous siblings\n    closeAllSiblingsBySiblingProperty((node) => node?.previousElementSibling);\n    // close all further siblings\n    closeAllSiblingsBySiblingProperty((node) => node?.nextElementSibling);\n  };\n\n  private setupTogglableMenuItems() {\n    if (!this.toggled || this.sidebar == null) return;\n    this.markAllMenuItemsAsSelectableEmpty();\n    this.sidebar.addEventListener('six-details-show', this.closeSiblingDetailsOnShow);\n  }\n\n  private markAllMenuItemsAsSelectableEmpty() {\n    // when you have a toggled menu you also want to close other menu items when you click on an item without children\n    // nice benefit this item will then also be highlighted\n    const slot = this.sidebar?.querySelector('slot');\n    const nodes = slot?.assignedElements() || [];\n\n    // since we don't just want to make the top level empty menuItems selectable in toggled mode,\n    // but also nested items we need to traverse the whole menu item tree\n    const menuItems = [];\n    while (nodes.length > 0) {\n      const node = nodes.pop();\n      if (node?.shadowRoot == null) {\n        continue;\n      }\n\n      // collect six-details in the current shadowDOM\n      const menuItemsForCurrentNode = node.shadowRoot.querySelectorAll('six-details');\n      menuItems.push(...menuItemsForCurrentNode);\n\n      // collect all six-sidebar-item-group children of the current node to afterwards check their shadowDOM too\n      const newItemGroups = Array.from(node.children).filter(isSidebarItemGroup);\n      nodes.push(...newItemGroups);\n    }\n\n    menuItems.forEach((details) => (details.selectableEmpty = true));\n  }\n\n  /** Toggles whether the sidebar should be shown or hidden */\n  @Method()\n  async toggle() {\n    if (this.willShow || this.willHide) {\n      return;\n    }\n\n    if (this.open) {\n      await this.hide();\n    } else {\n      await this.show();\n    }\n  }\n\n  /** Shows the sidebar */\n  @Method()\n  async show() {\n    if (this.willShow) {\n      return;\n    }\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  }\n\n  /** Hides the sidebar */\n  @Method()\n  async hide() {\n    if (this.willHide) {\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  }\n\n  /** Allows to select a menu item programmatically by index */\n  @Method()\n  async selectItemByIndex(index: number) {\n    if (this.sidebar == null) return;\n\n    const slot = this.sidebar.querySelector('slot');\n    const menuItemsOnRootLevel: HTMLSixDetailsElement[] = (slot?.assignedElements() || []).flatMap((el) => {\n      const detailsElement = el.shadowRoot?.querySelector('six-details');\n      if (detailsElement == null) {\n        return [];\n      }\n      return [detailsElement];\n    });\n    if (index < 0 || index > menuItemsOnRootLevel.length - 1) {\n      console.error(\n        `Tried to access sidebar menu item by index, but provided index out of range. Provided index: ${index}`\n      );\n      return;\n    }\n    await menuItemsOnRootLevel[index].show();\n  }\n\n  /** Allows to select a menu item programmatically by name */\n  @Method()\n  async selectItemByName(value: string) {\n    const slot = this.sidebar?.querySelector('slot');\n    const sidebarItemGroups = slot?.assignedElements() as HTMLSixSidebarItemGroupElement[];\n    if (sidebarItemGroups == null) {\n      return;\n    }\n\n    const indexOfSelectedElement = sidebarItemGroups.findIndex((el) => el?.name === value);\n    const selectedItem = sidebarItemGroups.at(indexOfSelectedElement)?.shadowRoot?.querySelector('six-details');\n    await selectedItem?.show();\n  }\n\n  private resetTransitionVariables() {\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  render() {\n    return (\n      <host class=\"six-sidebar\">\n        <div\n          class={{\n            sidebar__container: true,\n            'sidebar--visible': this.isVisible,\n            'sidebar--open': this.open,\n            'sidebar--left': this.position === 'left',\n            'sidebar--right': this.position === 'right',\n          }}\n          style={{\n            width: this.width,\n            [`margin-${this.position}`]: this.open ? '0' : `calc(1rem - ${this.width})`,\n          }}\n          ref={(el) => (this.sidebar = el)}\n          aria-hidden={this.open ? 'false' : 'true'}\n          onTransitionEnd={this.handleTransitionEnd}\n        >\n          <slot />\n        </div>\n      </host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/ui-library/p-686b12ec.entry.js

@@ -1,2 +0,0 @@
-import{h as t,r as e,c as i,g as s}from"./p-ac4f4d45.js";import{E as r}from"./p-60621dc6.js";import{D as n,d as o,a}from"./p-8cf72af6.js";import{h}from"./p-d87a6f4d.js";import{m as l,c as d,a as c,b as u}from"./p-0fe78f9b.js";const p=t=>typeof t==="string";const m=t=>t==null;const f={en:{months:["January","February","March","April","May","June","July","August","September","October","November","December"],monthsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],monthsShortGrouped:[["Jan","Feb","Mar","Apr"],["May","Jun","Jul","Aug"],["Sep","Oct","Nov","Dec"]],weekdays:["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],weekdaysShort:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],weekdaysMin:["Mo","Tu","We","Th","Fr","Sa","Su"]},de:{months:["Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"],monthsShort:["Jan.","Feb.","März","Apr.","Mai","Juni","Juli","Aug.","Sep.","Okt.","Nov.","Dez."],monthsShortGrouped:[["Jan.","Feb.","März","Apr."],["Mai","Juni","Juli","Aug."],["Sep.","Okt.","Nov.","Dez."]],weekdays:["Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag","Sonntag"],weekdaysShort:["Mo.","Di.","Mi.","Do.","Fr.","Sa.","So."],weekdaysMin:["Mo","Di","Mi","Do","Fr","Sa","So"]},fr:{months:["janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre"],monthsShort:["janv.","févr.","mars","avr.","mai","juin","juil.","août","sept.","oct.","nov.","déc."],monthsShortGrouped:[["janv.","févr.","mars","avr."],["mai","juin","juil.","août"],["sept.","oct.","nov.","déc."]],weekdays:["lundi","mardi","mercredi","jeudi","vendredi","samedi","dimanche"],weekdaysShort:["lun.","mar.","mer.","jeu.","ven.","sam.","dim."],weekdaysMin:["lu","ma","me","je","ve","sa","di"]},it:{months:["gennaio","febbraio","marzo","aprile","maggio","giugno","luglio","agosto","settembre","ottobre","novembre","dicembre"],monthsShort:["gen","feb","mar","apr","mag","giu","lug","ago","set","ott","nov","dic"],monthsShortGrouped:[["gen","feb","mar","apr"],["mag","giu","lug","ago"],["set","ott","nov","dic"]],weekdays:["lunedì","martedì","mercoledì","giovedì","venerdì","sabato","domenica"],weekdaysShort:["lun","mar","mer","gio","ven","sab","dom"],weekdaysMin:["lu","ma","me","gi","ve","sa","do"]}};const y=()=>new Date;const b=t=>new Date(t.getFullYear(),t.getMonth(),t.getDate());const v=t=>t instanceof Date&&!isNaN(t.getTime())&&new Date(t).toString()!=="Invalid Date";const k=t=>{if(t&&v(t)){return t.getFullYear()}throw new Error("Not a valid date")};const g=t=>{if(t&&v(t)){return t.getMonth()}throw new Error("Not a valid date")};const w=t=>{if(t&&v(t)){return t.getDate()}throw new Error("Not a valid date")};const _=t=>{if(t&&v(t)){return t.getHours()}throw new Error("Not a valid date")};const x=t=>{if(t&&v(t)){return t.getMinutes()}throw new Error("Not a valid date")};const M=t=>{if(t&&v(t)){return t.getSeconds()}throw new Error("Not a valid date")};const D=t=>{const e=[6,0,1,2,3,4,5];const i=new Date(t);i.setDate(i.getDate()-e[i.getDay()]);return i};const S=(t,e)=>(t===null||t===void 0?void 0:t.getFullYear())===(e===null||e===void 0?void 0:e.getFullYear());const j=(t,e)=>S(t,e)&&(t===null||t===void 0?void 0:t.getMonth())===(e===null||e===void 0?void 0:e.getMonth());const C=(t,e)=>j(t,e)&&(t===null||t===void 0?void 0:t.getDate())===(e===null||e===void 0?void 0:e.getDate());const O=(t,e)=>C(D(t),D(e));const z=(t,e)=>{if(!p(t)||!p(e)){return false}if(t.length<6||e.length<6){return false}const{day:i,month:s}=U(t,e);if(i>31||s>11||i<=0||s<0){return false}const r=X(t,e);if(m(r)){return false}return r.toString()!=="Invalid Date"};const F=(t,e,i)=>{if(!t){return true}if(e&&t<e){return false}if(i&&i<t){return false}return true};const J=(t,e,i,s=2)=>{const r=s-1;const n=e.charAt(t+r)===i;const o=t+r<e.length;return o&&n};const N=(t,e)=>{let i=String(t);while(i.length<e){i="0"+i}return i};const A=(t,e)=>{if(t==null){return""}let i="";for(let s=0;s<e.length;s++){switch(e.charAt(s)){case"d":if(J(s,e,"d")){i+=N(t.getDate(),2);s++}else{i+=String(t.getDate())}break;case"m":if(J(s,e,"m")){i+=N(t.getMonth()+1,2);s++}else{i+=String(t.getMonth()+1)}break;case"y":if(J(s,e,"y",4)){s+=3;i+=t.getFullYear()}else{i+=(t.getFullYear()%100<10?"0":"")+t.getFullYear()%100;s++}break;case"h":if(J(s,e,"h")){i+=N(t.getHours(),2);s++}else{i+=String(t.getHours())}break;case"M":if(J(s,e,"M")){i+=N(t.getMinutes(),2);s++}else{i+=String(t.getMinutes())}break;case"s":if(J(s,e,"s")){i+=N(t.getSeconds(),2);s++}else{i+=String(t.getSeconds())}break;default:i+=e.charAt(s)}}return i};const E=/(\[[^\[]*\])|(mm|dd|yyyy|yy|hh|MM|ss|.)/g;const P=/\d\d/;const B=/\d{4}/;const G=/[^0-9]/g;const I="year";const L="month";const T="day";const Y="hour";const H="minute";const W="second";const q={};const R=(t,e,i)=>{const s=Array.isArray(t)?t:[t];let r;if(typeof i==="string"){r=t=>{const e=parseInt(t,10);return{[i]:e}}}else{r=i}s.forEach((t=>{q[t]=[e,r]}))};R("yy",P,(t=>{const e=(new Date).getFullYear();const i=Math.floor(e/100);let s=parseInt(t,10);s=(s>68?i-1:i)*100+s;return{[I]:s}}));R("yyyy",B,I);R("mm",P,(t=>({[L]:parseInt(t,10)-1})));R("dd",P,T);R("hh",P,Y);R("MM",P,H);R("ss",P,W);const V=(t,e=new Date)=>{const i=[0,0,1,0,0,0];const s=[e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds()];let r=true;for(let e=0;e<7;e++){if(t[e]===undefined){i[e]=r?s[e]:i[e]}else{i[e]=t[e];r=false}}return i};const $=(t,e,i,s,r,n)=>{if(!(t<100&&t>=0)){return new Date(t,e,i,s,r,n)}const o=new Date(t+400,e,i,s,r,n);if(isFinite(o.getFullYear())){o.setFullYear(t)}return o};const K=(t,e)=>{const i=e.match(E);if(!i){throw new Error}const{length:s}=i;let r={};for(let e=0;e<s;e+=1){const s=i[e];const n=q[s];if(!n){const e=s.replace(/^\[|\]$/g,"");if(t.indexOf(e)===0){t=t.substr(e.length)}else{throw new Error("not match")}}else{const e=n[0];const i=n[1];const s=(e.exec(t)||[])[0];const o=i(s);r=Object.assign(Object.assign({},r),o);t=t.replace(s,"")}}return r};const Q=(t,e)=>{if(t.length===e.length){return t}const i=t.match(G)[0];return t.split(i).map((t=>t.length===1?"0"+t:t)).join(i)};const U=(t,e)=>{const i=Q(t,e);return K(i,e)};const X=(t,e)=>{try{const{backupDate:i=new Date}={};const{year:s,month:r,day:n,hour:o,minute:a,second:h,date:l}=U(t,e);if(l!=null){return l}const d=[s,r,n,o,a,h];const c=V(d,i);return $(...c)}catch(t){return new Date(NaN)}};const Z=t=>{const{firstDateOfBox:e,allowedDates:i,dateFormat:s,selectedDate:r,minDate:n,maxDate:o,pointerDate:a}=t;const h=new Date(e);const l=new Date(e);let d=[];do{let t=[];do{t=[...t,{date:new Date(l),display:A(l,s),dateString:A(l,s),label:w(l).toString(),isToday:C(l,y()),isSelected:r&&C(l,r),isDisabled:!i(l)||!F(l,n,o),isOutdated:a.month!==l.getMonth()||!F(l,n,o)}];l.setDate(l.getDate()+1)}while(O(l,h));d=[...d,t];h.setDate(h.getDate()+7)}while(j(new Date(a.year,a.month,a.day),l));return d};function tt(t,e){const i=5;return[...Array(e).keys()].map((i=>i+t-Math.floor(e/2))).reduce(((t,e,s)=>{if(s%i===0){t.push([])}t[t.length-1].push(e);return t}),[])}var et;(function(t){t["DDMMYYY_DOT"]="dd.mm.yyyy";t["YYYYMMDD_DASH"]="yyyy-mm-dd";t["DDMMYYYY_DASH"]="dd-mm-yyyy";t["DDMMYYYY_SLASH"]="dd/mm/yyyy";t["YYYYMMDD_SLASH"]="yyyy/mm/dd";t["DDMMYY_DOT"]="dd.mm.yy";t["YYMMDD_DASH"]="yy-mm-dd";t["DDMMYY_DASH"]="dd-mm-yy";t["DDMMYY_SLASH"]="dd/mm/yy";t["YYMMDD_SLASH"]="yy/mm/dd";t["DDMMYYY_DOT_TIME"]="dd.mm.yyyy hh:MM:ss";t["YYYYMMDD_DASH_TIME"]="yyyy-mm-dd hh:MM:ss";t["DDMMYYYY_DASH_TIME"]="dd-mm-yyyy hh:MM:ss";t["DDMMYYYY_SLASH_TIME"]="dd/mm/yyyy hh:MM:ss";t["YYYYMMDD_SLASH_TIME"]="yyyy/mm/dd hh:MM:ss";t["DDMMYY_DOT_TIME"]="dd.mm.yy hh:MM:ss";t["YYMMDD_DASH_TIME"]="yy-mm-dd hh:MM:ss";t["DDMMYY_DASH_TIME"]="dd-mm-yy hh:MM:ss";t["DDMMYY_SLASH_TIME"]="dd/mm/yy hh:MM:ss";t["YYMMDD_SLASH_TIME"]="yy/mm/dd hh:MM:ss"})(et||(et={}));const it=e=>{const i=e.locale;const s=t=>i.monthsShort[y().getMonth()]===t;const r=t=>{var s;return((s=e.selectedDate)===null||s===void 0?void 0:s.getMonth())===i.monthsShort.findIndex((e=>e===t))};return t("table",{class:"datepicker-table",part:"month-selection"},t("tbody",null,i.monthsShortGrouped.map((i=>t("tr",{class:"datepicker-table__row"},i.map((i=>t("td",{onClick:()=>e.onClickMonthCell(i),class:{"datepicker-table__cell":true,"datepicker-table__cell--is-today":s(i),"datepicker-table__cell--is-selected":r(i)}},i))))))))};const st=e=>t("table",{class:"datepicker-table",part:"day-selection"},t("thead",{part:"weekday-header"},e.locale.weekdaysMin.map((e=>t("th",{class:"datepicker__cell"},e)))),t("tbody",null,e.calendarGrid.map((i=>t("tr",{class:"datepicker-table__row"},i.map((i=>t("td",{"data-date":i.dateString,onClick:()=>e.onClickDateCell(i),class:{"datepicker-table__cell":true,"datepicker-table__cell--is-today":i.isToday,"datepicker-table__cell--is-selected":i.isSelected,"datepicker-table__cell--is-outdated":i.isOutdated,"datepicker-table__cell--is-disabled":i.isDisabled,"datepicker-table__cell--is-selectable":!i.isDisabled}},i.label))))))));const rt=e=>t("table",{class:"datepicker-table",part:"year-selection"},t("tbody",null,e.yearSelection.map((i=>t("tr",{class:"datepicker-table__row"},i.map((i=>{var s;return t("td",{onClick:()=>e.onClickYearCell(i),class:{"datepicker-table__cell":true,"datepicker-table__cell--is-today":y().getFullYear()===i,"datepicker-table__cell--is-selected":((s=e.selectedDate)===null||s===void 0?void 0:s.getFullYear())===i}},i)})))))));const nt=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block;font-family:var(--six-font-family)}.datepicker__container{position:relative}.datepicker__popup{min-width:400px;background-color:white;padding:0.5em 0.5em 1.5em;box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);user-select:none;position:absolute;z-index:var(--six-z-index-dropdown);right:0;left:0}.datepicker__popup--is-up{bottom:100%;min-height:382px}.datepicker__popup--is-inline{position:initial;box-shadow:none;border:1px solid var(--six-color-web-rock-400)}.datepicker-header{display:flex;justify-content:space-between;border-bottom:1px solid var(--six-color-web-rock-400);padding:0.5em;margin-bottom:1em}.datepicker-header svg{fill:var(--six-color-web-rock-900);stroke:none}.datepicker-header__btn{cursor:pointer;width:2.5em;height:2.5em;display:flex;vertical-align:middle;align-items:center;justify-content:center}.datepicker-header__btn:hover{background-color:var(--six-color-web-rock-100);border-radius:100%}.datepicker-header__label{display:flex}.datepicker-header__label>div{cursor:pointer;padding:0.5em;display:flex;vertical-align:middle;align-items:center;justify-content:center}.datepicker-header__label>div:hover{background-color:var(--six-color-web-rock-100)}.datepicker-table{width:100%}.datepicker-table__cell{text-align:center;width:2.5rem;height:2.5rem;cursor:pointer}.datepicker-table__cell:hover{background-color:var(--six-color-web-rock-100)}.datepicker-table__cell--is-today{border:1px solid var(--six-color-web-rock-400)}.datepicker-table__cell--is-selected{background-color:var(--six-color-red);color:var(--six-color-white)}.datepicker-table__cell--is-disabled{background-color:var(--six-color-web-rock-200);cursor:initial}.datepicker-table__cell--is-disabled:hover{background-color:var(--six-color-web-rock-200)}.datepicker-table__cell--is-outdated{color:var(--six-color-web-rock-400)}.datepicker-clear{display:inline-flex;align-items:center;font-size:inherit;color:var(--six-input-icon-color);border:none;background:none;padding:0;transition:var(--six-transition-fast) color;cursor:pointer}.datepicker-clear:hover{color:var(--six-input-icon-color-hover)}.datepicker-clear:focus{outline:none}.datepicker-clear--right{right:0;position:absolute}.datepicker-clear--left{right:35px;position:absolute}.input--empty .datepicker-clear{visibility:hidden}.prefix{cursor:pointer}.prefix--right{right:0;display:inline-flex;position:absolute;font-size:inherit;color:var(--six-input-icon-color);border:none;background:none;margin-right:var(--six-input-spacing-medium);transition:var(--six-transition-fast) color}six-timepicker::part(popup){border:none;padding:0.5em 0.5em 0;min-height:0}";const ot=25;const at=400;var ht;(function(t){t["DAY"]="day";t["MONTH"]="month";t["YEAR"]="year"})(ht||(ht={}));const lt=class{constructor(t){e(this,t);this.sixSelect=i(this,"six-datepicker-select",7);this.sixClear=i(this,"six-datepicker-clear",7);this.sixBlur=i(this,"six-datepicker-blur",7);this.eventListeners=new r;this.previousUnit=()=>{if(this.selectionMode===ht.DAY){this.previousMonth()}else if(this.selectionMode===ht.MONTH){this.previousYear()}else if(this.selectionMode===ht.YEAR){this.previousYearGroup()}};this.nextUnit=()=>{if(this.selectionMode===ht.DAY){this.nextMonth()}else if(this.selectionMode===ht.MONTH){this.nextYear()}else if(this.selectionMode===ht.YEAR){this.nextYearGroup()}};this.handleDocumentKeyDown=t=>{var e;const i=t;if(this.open&&i.key==="Escape"){i.stopPropagation();this.closePopup();void((e=this.inputElement)===null||e===void 0?void 0:e.setFocus())}if(i.key==="Tab"){this.closePopup()}};this.handleDocumentMouseDown=t=>{const e=t.composedPath();if(!e.includes(this.container)){this.closePopup();return}};this.handleClearClick=async t=>{t.stopPropagation();await this.select(undefined);this.sixClear.emit()};this.onTimepickerChange=t=>{const e=t.detail.value;const i=new Date;if(this.selectedDate!=null){i.setFullYear(this.selectedDate.getFullYear(),this.selectedDate.getMonth(),this.selectedDate.getDate())}if(e!=null){const t=e.hours;const s=e.minutes;const r=e.seconds;if(t!=null){i.setHours(t,s,r)}}this.updateValue(i);this.updatePointerDates()};this.onClickDateCell=t=>{if(!t.isDisabled){void this.select(t.dateString)}};this.onClickMonthCell=t=>{const e=f[this.locale].monthsShort.findIndex((e=>e===t));this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{month:e});this.selectionMode=ht.DAY};this.onClickYearCell=t=>{this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{year:t});this.selectionMode=ht.DAY};this.handleInputChange=t=>{if(this.inputElement==null){return}t.stopPropagation();const e=this.inputElement.value;if(!z(e,this.dateFormat)){return}const i=X(e,this.dateFormat);if(i===undefined){return}this.updateIfChanged(i);const s=e.replace(/[^\d]/g,"");if(s.length>=6){const t=X(e,this.dateFormat);const i=A(t,this.dateFormat);if(z(i,this.dateFormat)){this.selectedDate=X(i,this.dateFormat);this.updatePointerDates();this.updateValue(this.selectedDate)}}};this.handleOnBlur=t=>{var e,i;if(((e=this.inputElement)===null||e===void 0?void 0:e.value)===""&&v(this.value)){this.value=undefined}t.stopPropagation();const s=(i=this.inputElement)===null||i===void 0?void 0:i.value;const r=X(s,this.dateFormat);const n=A(this.value,this.dateFormat);if(this.inputElement!=null&&r!=null&&s!==n){this.inputElement.value=n}this.sixBlur.emit(this.value)};this.pointerDate=lt.getCurrentDateAsPointer();this.selectionMode=ht.DAY;this.isDropDownContentUp=false;this.type="date";this.locale="en";this.open=false;this.inline=false;this.readonly=false;this.disabled=false;this.allowedDates=()=>true;this.min=undefined;this.max=undefined;this.closeOnSelect=this.type==="date";this.placement=undefined;this.size="medium";this.required=false;this.defaultDate=undefined;this.placeholder=undefined;this.value=undefined;this.label="";this.errorText="";this.invalid=false;this.containingElement=undefined;this.dateFormat=et.DDMMYYY_DOT;this.debounce=n;this.name="";this.clearable=false;this.iconPosition="left";this.hoist=false}debounceChanged(){this.sixSelect=o(this.sixSelect,this.debounce)}invalidChanged(t){if(this.inputElement){this.inputElement.invalid=t}}valueChanged(){if(this.value!=null&&!v(this.value)){console.warn("invalid date value: ",this.value);this.value=undefined}this.selectedDate=this.value;this.updatePointerDates();this.sixSelect.emit(this.value)}async resizeHandler(){this.updateDropdownDirection();this.moveOpenHoistedPopup();this.adjustPopupPosition()}async scrollHandler(){this.updateDropdownDirection();this.moveOpenHoistedPopup()}moveOpenHoistedPopup(){l(this.hoist,this.open,this.popup,this.inputElement,this.wrapper,at)}get container(){return this.containingElement||this.host}get firstDateOfBox(){const t=new Date(this.pointerDate.year,this.pointerDate.month,1);return D(t)}async setFocus(t){var e;(e=this.inputElement)===null||e===void 0?void 0:e.setFocus(t)}get calendarGrid(){return Z({firstDateOfBox:this.firstDateOfBox,allowedDates:this.allowedDates,dateFormat:this.dateFormat,locale:this.locale,selectedDate:this.selectedDate,minDate:this.min,maxDate:this.max,pointerDate:this.pointerDate})}updateDropdownDirection(){if(this.inputElement==null||this.wrapper==null){return}this.isDropDownContentUp=d(this.inputElement,this.wrapper,at)}getMonthStringForIndex(t){return f[this.locale].months[t]}previousYear(){this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{year:this.pointerDate.year-1})}previousYearGroup(){this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{year:this.pointerDate.year-ot})}previousMonth(){if(this.pointerDate.month===0){this.pointerDate={year:this.pointerDate.year-1,month:11,day:1,hours:0,minutes:0,seconds:0}}else{this.pointerDate={year:this.pointerDate.year,month:this.pointerDate.month-1,day:1,hours:0,minutes:0,seconds:0}}}nextMonth(){if(this.pointerDate.month===11){this.pointerDate={year:this.pointerDate.year+1,month:0,day:1,hours:0,minutes:0,seconds:0}}else{this.pointerDate={year:this.pointerDate.year,month:this.pointerDate.month+1,day:1,hours:0,minutes:0,seconds:0}}}nextYear(){this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{year:this.pointerDate.year+1})}nextYearGroup(){this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{year:this.pointerDate.year+ot})}openCalendar(){if(!this.open&&!this.disabled){this.open=true;this.setupEventListenersForOpenPopup()}}setupEventListenersForOpenPopup(){this.eventListeners.add(document,"keydown",this.handleDocumentKeyDown);this.eventListeners.add(document,"mousedown",this.handleDocumentMouseDown)}closePopup(){if(this.inline){return}this.open=false;this.eventListeners.remove(document,"keydown",this.handleDocumentKeyDown);this.eventListeners.remove(document,"mousedown",this.handleDocumentMouseDown);this.selectionMode=ht.DAY}updatePointerDates(){const t=this.getPointerDate();if(this.differsFromPointerDate(t)){this.pointerDate={year:k(t),month:g(t),day:w(t),hours:_(t),minutes:x(t),seconds:M(t)}}}differsFromPointerDate(t){return this.pointerDate.day!==w(t)||this.pointerDate.month!==g(t)||this.pointerDate.year!==k(t)||this.pointerDate.hours!==_(t)||this.pointerDate.minutes!==x(t)||this.pointerDate.seconds!==M(t)}getPointerDate(){if(this.selectedDate!==undefined&&this.selectedDate!==null){return this.selectedDate}if(this.defaultDate==null){return this.type==="date"?b(y()):y()}else{return X(this.defaultDate,this.dateFormat)}}updateValue(t){this.updateIfChanged(t)}updateIfChanged(t){var e;if(((e=this.value)===null||e===void 0?void 0:e.getTime())===(t===null||t===void 0?void 0:t.getTime())){return}this.value=t}async select(t){if(t==null){this.updateValue(undefined)}else{const e=X(t,this.dateFormat);e===null||e===void 0?void 0:e.setHours(this.pointerDate.hours,this.pointerDate.minutes,this.pointerDate.seconds);this.updateValue(e)}this.updatePointerDates();if(this.closeOnSelect){this.closePopup()}}componentWillLoad(){this.selectedDate=this.value;this.updatePointerDates();this.updateValue(this.value);if(this.inline){this.open=true}if(this.open){this.setupEventListenersForOpenPopup()}}componentDidLoad(){if(this.inputElement!=null){this.eventListeners.add(this.inputElement,"six-input-input",a(this.handleInputChange,this.debounce));this.eventListeners.add(this.inputElement,"six-input-blur",this.handleOnBlur)}}componentDidRender(){this.adjustPopupPosition()}renderHeader(){return t("header",{class:"datepicker-header",part:"header"},t("div",{class:"datepicker-header__btn prev",onClick:this.previousUnit},t("svg",{viewBox:"0 5 13 13",width:"14",height:"23"},t("path",{d:"M11.67 3.87L9.9 2.1 0 12l9.9 9.9 1.77-1.77L3.54 12z"}))),t("div",{class:"datepicker-header__label"},this.selectionMode===ht.DAY&&t("div",{onClick:()=>this.selectionMode=ht.MONTH},t("span",{class:"datepicker-header__label-month"},this.getMonthStringForIndex(this.pointerDate.month)),t("span",null,t("svg",{viewBox:"-3 -4 24 24",width:"20",height:"20"},t("polyline",{points:"6 9 12 15 18 9"})))),this.selectionMode!==ht.YEAR&&t("div",{onClick:()=>this.selectionMode=ht.YEAR},t("span",{class:"datepicker-header__label-year"},this.pointerDate.year),t("span",null,t("svg",{viewBox:"-3 -4 24 24",width:"20",height:"20"},t("polyline",{points:"6 9 12 15 18 9"})))),this.selectionMode===ht.YEAR&&t("div",null,this.pointerDate.year-Math.floor(ot/2)," –"," ",this.pointerDate.year+Math.floor(ot/2))),t("div",{class:"datepicker-header__btn next",onClick:this.nextUnit},t("svg",{viewBox:"5 5 13 13",width:"14",height:"23"},t("path",{d:"M5.88 4.12L13.76 12l-7.88 7.88L8 22l10-10L8 2z"}))))}renderBody(){switch(this.selectionMode){case ht.DAY:return t(st,{locale:f[this.locale],calendarGrid:this.calendarGrid,onClickDateCell:this.onClickDateCell});case ht.MONTH:return t(it,{locale:f[this.locale],selectedDate:this.selectedDate,onClickMonthCell:this.onClickMonthCell});case ht.YEAR:return t(rt,{selectedDate:this.selectedDate,yearSelection:tt(this.pointerDate.year,ot),onClickYearCell:this.onClickYearCell})}}renderCustomIcon(){const e=h(this.host,"custom-icon")?t("slot",{name:"custom-icon"}):t("six-icon",{size:this.size==="large"?"medium":this.size},"today");return t("span",{slot:"prefix",part:"icon",class:{prefix:true,"prefix--right":this.iconPosition==="right"}},e)}renderClearable(){return this.clearable&&t("button",{slot:"suffix",class:{"datepicker-clear":true,"datepicker-clear--right":this.iconPosition==="left","datepicker-clear--left":this.iconPosition==="right"},type:"button",onClick:this.handleClearClick,tabindex:"-1"},t("six-icon",{size:"small"},"clear"))}render(){var e,i,s;this.adjustPopupPosition();return t("div",{ref:t=>this.wrapper=t,class:"datepicker__container"},t("six-input",{part:"base",value:A(this.value,this.dateFormat),ref:t=>this.inputElement=t,placeholder:this.placeholder,readonly:this.readonly,disabled:this.disabled,name:this.name,label:this.label,required:this.required,"error-text":this.errorText,onClick:()=>this.openCalendar(),size:this.size,class:{"input--empty":this.value==null}},this.renderCustomIcon(),this.renderClearable(),h(this.host,"label")?t("span",{slot:"label"},t("slot",{name:"label"})):null),this.open&&t("div",{part:"popup",ref:t=>this.popup=t,class:{datepicker__popup:true,"datepicker__popup--is-up":this.placement!=null?this.placement==="top":this.isDropDownContentUp,"datepicker__popup--is-inline":this.inline}},this.renderHeader(),this.renderBody(),this.type==="date-time"&&t("six-timepicker",{inline:true,"onSix-timepicker-change-debounced":t=>this.onTimepickerChange(t),value:((e=this.selectedDate)===null||e===void 0?void 0:e.getHours())+":"+((i=this.selectedDate)===null||i===void 0?void 0:i.getMinutes())+":"+((s=this.selectedDate)===null||s===void 0?void 0:s.getSeconds())}),t("div",{class:"datepicker__footer"},t("slot",null))))}adjustPopupPosition(){c(this.hoist,this.popup,this.inputElement,this.wrapper,at,(t=>this.isDropDownContentUp=t));u(this.popup)}connectedCallback(){this.eventListeners.forward("six-datepicker-select","change",this.host);this.eventListeners.forward("six-datepicker-blur","blur",this.host)}disconnectedCallback(){this.eventListeners.removeAll()}static getCurrentDateAsPointer(){return{year:k(y()),month:g(y()),day:w(y()),hours:_(y()),minutes:x(y()),seconds:M(y())}}get host(){return s(this)}static get watchers(){return{debounce:["debounceChanged"],invalid:["invalidChanged"],value:["valueChanged"]}}};lt.style=nt;export{lt as six_datepicker};
-//# sourceMappingURL=p-686b12ec.entry.js.map

package/dist/ui-library/p-686b12ec.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["isString","value","isNil","i18nDate","en","months","monthsShort","monthsShortGrouped","weekdays","weekdaysShort","weekdaysMin","de","fr","it","now","Date","removeTime","date","getFullYear","getMonth","getDate","isValidDate","isNaN","getTime","toString","year","Error","month","day","hours","getHours","minutes","getMinutes","seconds","getSeconds","getFirstDayOfTheWeek","weekdayDiff","setDate","getDay","isSameYear","a","b","isSameMonth","isSameDay","isSameWeek","isValidDateString","datestring","format","length","getDateParts","toDate","isInRange","minDate","maxDate","lookAhead","iFormat","match","increment","followingCharacterMatches","charAt","hasProperLength","formatNumber","len","num","String","formatDate","output","FORMATTING_TOKENS","TWO_NUMERICS_REGEX","FOUR_NUMERICS_REGEX","NON_NUMERIC_REGEX","YEAR","MONTH","DAY","HOUR","MINUTE","SECOND","parseFlags","addParseFlag","token","regex","callback","tokens","Array","isArray","func","input","parseInt","forEach","key","cent","Math","floor","getFullInputArray","backupDate","result","backupArr","useBackup","i","undefined","createDate","hour","minute","second","isFinite","setFullYear","makeParser","dateString","mark","parseTo","word","replace","indexOf","substr","parser","exec","obj","Object","assign","getCleanDateString","dirtyDateString","separator","split","map","s","join","inputArray","e","NaN","createCalendarGrid","calendarGridArguments","firstDateOfBox","allowedDates","dateFormat","selectedDate","pointerDate","weekDatePointer","dayDatePointer","calendar","row","display","label","isToday","isSelected","isDisabled","isOutdated","rangeAround","number","range","itemsPerGroup","keys","n","reduce","curr","item","index","push","SixDateFormats","MonthSelection","monthSelectionParams","locale","isSelectedMonth","_a","findIndex","m","h","class","part","onClick","onClickMonthCell","DaySelection","daySelectionParams","weekday","calendarGrid","cell","onClickDateCell","YearSelection","yearSelectionParams","yearSelection","onClickYearCell","sixDatepickerCss","NUMBER_OF_YEARS_SHOWN","MIN_POPUP_HEIGHT","SelectionMode","SixDatepicker","this","eventListeners","EventListeners","previousUnit","selectionMode","previousMonth","previousYear","previousYearGroup","nextUnit","nextMonth","nextYear","nextYearGroup","handleDocumentKeyDown","event","keyboardEvent","open","stopPropagation","closePopup","inputElement","setFocus","handleDocumentMouseDown","path","composedPath","includes","container","handleClearClick","async","select","sixClear","emit","onTimepickerChange","sixTimepickerChange","time","detail","newDate","setHours","updateValue","updatePointerDates","selectedMonth","monthShort","handleInputChange","inputValue","inputValueDate","updateIfChanged","datesOnly","dateAsString","handleOnBlur","_b","formattedDate","sixBlur","getCurrentDateAsPointer","type","DDMMYYY_DOT","DEFAULT_DEBOUNCE_FAST","debounceChanged","sixSelect","debounceEvent","debounce","invalidChanged","invalid","valueChanged","console","warn","updateDropdownDirection","moveOpenHoistedPopup","adjustPopupPosition","movePopup","hoist","popup","wrapper","containingElement","host","options","min","max","isDropDownContentUp","calcIsDropDownContentUp","getMonthStringForIndex","openCalendar","disabled","setupEventListenersForOpenPopup","add","document","inline","remove","getPointerDate","differsFromPointerDate","defaultDate","closeOnSelect","componentWillLoad","componentDidLoad","componentDidRender","renderHeader","viewBox","width","height","d","points","renderBody","renderCustomIcon","icon","hasSlot","name","size","slot","prefix","iconPosition","renderClearable","clearable","tabindex","render","ref","el","placeholder","readonly","required","errorText","datepicker__popup","placement","_c","adjustPopupForHoisting","isUp","adjustPopupForSmallScreens","connectedCallback","forward","disconnectedCallback","removeAll","static"],"sources":["./src/utils/type-check.ts","./src/utils/date-util.ts","./src/components/six-datepicker/six-date-formats.tsx","./src/components/six-datepicker/components/month-selection.tsx","./src/components/six-datepicker/components/day-selection.tsx","./src/components/six-datepicker/components/year-selection.tsx","./src/components/six-datepicker/six-datepicker.scss?tag=six-datepicker&encapsulation=shadow","./src/components/six-datepicker/six-datepicker.tsx"],"sourcesContent":["export const isString = (value: unknown): value is string => typeof value === 'string';\n\n// only use '==' instead of '===' to also catch undefined and void\nexport const isNil = (value: unknown): value is undefined | null => value == null;\n\nexport const isDate = (value: unknown): value is Date => value instanceof Date;\n","/* eslint-disable */\n// @ts-nocheck\n\nimport { isDate, isNil, isString } from './type-check';\nimport { SixDateFormats } from '../components/six-datepicker/six-date-formats';\nimport { CalendarCell } from '../components/six-datepicker/six-datepicker';\n\nexport type DateLocale = typeof i18nDate.en;\nexport const i18nDate = {\n  en: {\n    months: [\n      'January',\n      'February',\n      'March',\n      'April',\n      'May',\n      'June',\n      'July',\n      'August',\n      'September',\n      'October',\n      'November',\n      'December',\n    ],\n    monthsShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],\n    monthsShortGrouped: [\n      ['Jan', 'Feb', 'Mar', 'Apr'],\n      ['May', 'Jun', 'Jul', 'Aug'],\n      ['Sep', 'Oct', 'Nov', 'Dec'],\n    ],\n    weekdays: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'],\n    weekdaysShort: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],\n    weekdaysMin: ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'],\n  },\n  de: {\n    months: [\n      'Januar',\n      'Februar',\n      'März',\n      'April',\n      'Mai',\n      'Juni',\n      'Juli',\n      'August',\n      'September',\n      'Oktober',\n      'November',\n      'Dezember',\n    ],\n    monthsShort: ['Jan.', 'Feb.', 'März', 'Apr.', 'Mai', 'Juni', 'Juli', 'Aug.', 'Sep.', 'Okt.', 'Nov.', 'Dez.'],\n    monthsShortGrouped: [\n      ['Jan.', 'Feb.', 'März', 'Apr.'],\n      ['Mai', 'Juni', 'Juli', 'Aug.'],\n      ['Sep.', 'Okt.', 'Nov.', 'Dez.'],\n    ],\n    weekdays: ['Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag', 'Sonntag'],\n    weekdaysShort: ['Mo.', 'Di.', 'Mi.', 'Do.', 'Fr.', 'Sa.', 'So.'],\n    weekdaysMin: ['Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa', 'So'],\n  },\n  fr: {\n    months: [\n      'janvier',\n      'février',\n      'mars',\n      'avril',\n      'mai',\n      'juin',\n      'juillet',\n      'août',\n      'septembre',\n      'octobre',\n      'novembre',\n      'décembre',\n    ],\n    monthsShort: ['janv.', 'févr.', 'mars', 'avr.', 'mai', 'juin', 'juil.', 'août', 'sept.', 'oct.', 'nov.', 'déc.'],\n    monthsShortGrouped: [\n      ['janv.', 'févr.', 'mars', 'avr.'],\n      ['mai', 'juin', 'juil.', 'août'],\n      ['sept.', 'oct.', 'nov.', 'déc.'],\n    ],\n    weekdays: ['lundi', 'mardi', 'mercredi', 'jeudi', 'vendredi', 'samedi', 'dimanche'],\n    weekdaysShort: ['lun.', 'mar.', 'mer.', 'jeu.', 'ven.', 'sam.', 'dim.'],\n    weekdaysMin: ['lu', 'ma', 'me', 'je', 've', 'sa', 'di'],\n  },\n  it: {\n    months: [\n      'gennaio',\n      'febbraio',\n      'marzo',\n      'aprile',\n      'maggio',\n      'giugno',\n      'luglio',\n      'agosto',\n      'settembre',\n      'ottobre',\n      'novembre',\n      'dicembre',\n    ],\n    monthsShort: ['gen', 'feb', 'mar', 'apr', 'mag', 'giu', 'lug', 'ago', 'set', 'ott', 'nov', 'dic'],\n    monthsShortGrouped: [\n      ['gen', 'feb', 'mar', 'apr'],\n      ['mag', 'giu', 'lug', 'ago'],\n      ['set', 'ott', 'nov', 'dic'],\n    ],\n    weekdays: ['lunedì', 'martedì', 'mercoledì', 'giovedì', 'venerdì', 'sabato', 'domenica'],\n    weekdaysShort: ['lun', 'mar', 'mer', 'gio', 'ven', 'sab', 'dom'],\n    weekdaysMin: ['lu', 'ma', 'me', 'gi', 've', 'sa', 'do'],\n  },\n};\n\n/**\n * Returns a JS Date instance of the exact moment\n *\n * ```typescript\n * const date = now()\n * // Wed Mar 10 2021 20:30:32 GMT+0100 (Central European Standard Time)\n * ```\n */\nexport const now = () => new Date();\n\nexport const removeTime = (date: Date) => new Date(date.getFullYear(), date.getMonth(), date.getDate());\n\nexport const pad = (value: number) => String(value).padStart(2, '0');\n\n/**\n * Returns `true` if the given date is valid\n */\nexport const isValidDate = (value: unknown): boolean => {\n  return value instanceof Date && !isNaN(value.getTime()) && new Date(value).toString() !== 'Invalid Date';\n};\n\n/**\n * Returns the year number of the given date\n *\n * ```typescript\n * year(new Date(2020, 0, 1)) // 2020\n * ```\n */\nexport const year = (date: Date | undefined): number => {\n  if (date && isValidDate(date)) {\n    return date.getFullYear();\n  }\n  throw new Error('Not a valid date');\n};\n\n/**\n * Returns the month number of the given date\n *\n * ```typescript\n * month(new Date(2020, 0, 1)) // 0\n * ```\n */\nexport const month = (date: Date | undefined): number => {\n  if (date && isValidDate(date)) {\n    return date.getMonth();\n  }\n  throw new Error('Not a valid date');\n};\n\n/**\n * Returns the day number of the given date\n *\n * ```typescript\n * day(new Date(2020, 0, 1)) // 1\n * ```\n */\nexport const day = (date: Date | undefined): number => {\n  if (date && isValidDate(date)) {\n    return date.getDate();\n  }\n  throw new Error('Not a valid date');\n};\n\n/**\n * Returns the hours of the given date\n */\nexport const hours = (date: Date | undefined): number => {\n  if (date && isValidDate(date)) {\n    return date.getHours();\n  }\n  throw new Error('Not a valid date');\n};\n\n/**\n * Returns the minutes of the given date\n */\nexport const minutes = (date: Date | undefined): number => {\n  if (date && isValidDate(date)) {\n    return date.getMinutes();\n  }\n  throw new Error('Not a valid date');\n};\n\n/**\n * Returns the seconds of the given date\n */\nexport const seconds = (date: Date | undefined): number => {\n  if (date && isValidDate(date)) {\n    return date.getSeconds();\n  }\n  throw new Error('Not a valid date');\n};\n\n/**\n * Returns the first day of the week of the given date.\n */\nexport const getFirstDayOfTheWeek = (date: Date) => {\n  const weekdayDiff = [6, 0, 1, 2, 3, 4, 5];\n  const day = new Date(date);\n  day.setDate(day.getDate() - weekdayDiff[day.getDay()]);\n  return day;\n};\n\n/**\n * Returns `true` when the year of the dates are the same\n */\nexport const isSameYear = (a: Date | undefined, b: Date | undefined) => a?.getFullYear() === b?.getFullYear();\n\n/**\n * Returns `true` when the month of the dates are the same\n */\nexport const isSameMonth = (a: Date | undefined, b: Date | undefined) =>\n  isSameYear(a, b) && a?.getMonth() === b?.getMonth();\n\n/**\n * Returns `true` when the day of the dates are the same\n */\nexport const isSameDay = (a: Date | undefined, b: Date | undefined) =>\n  isSameMonth(a, b) && a?.getDate() === b?.getDate();\n\n/**\n * Returns `true` when the week of the dates are the same\n */\nexport const isSameWeek = (a: Date, b: Date) => isSameDay(getFirstDayOfTheWeek(a), getFirstDayOfTheWeek(b));\n\nconst localDatetime = (date: Date) => new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()));\n\n/**\n * Returns the ISO string `yyyy-mm-dd` of the given date\n *\n * ```typescript\n * isoString(new Date(2020, 0, 13)) // '2020-01-13'\n * ```\n */\nexport const isoString = (date: Date | undefined): string => {\n  if (isNil(date) || Date.toString() === 'Invalid Date') {\n    return '';\n  }\n\n  return `${year(date)}-${pad(month(date) + 1)}-${pad(day(date))}`;\n};\n\n/**\n * Returns the ISO string `yyyy-mm-dd` of the given parameters year, month and day\n *\n * ```typescript\n * newDateString(2020, 0, 13) // '2020-01-13'\n * or\n * newDateString(new Date(2020, 0, 13)) // '2020-01-13'\n * ```\n */\nexport const newDateString = (yearOrDate: Date | number, month?: number, day?: number): string => {\n  let date;\n  if (isDate(yearOrDate)) {\n    date = localDatetime(yearOrDate);\n  } else {\n    date = new Date(Date.UTC(yearOrDate, (month as number) - 1, day as number));\n  }\n\n  return isoString(date);\n};\n\n/**\n * Returns `true` if the given datestring is valid\n */\nexport const isValidDateString = (datestring: string | undefined, format: string) => {\n  if (!isString(datestring) || !isString(format)) {\n    return false;\n  }\n\n  if (datestring.length < 6 || format.length < 6) {\n    return false;\n  }\n\n  const { day, month } = getDateParts(datestring, format);\n\n  if (day > 31 || month > 11 || day <= 0 || month < 0) {\n    return false;\n  }\n\n  const date = toDate(datestring, format);\n\n  if (isNil(date)) {\n    return false;\n  }\n\n  return date.toString() !== 'Invalid Date';\n};\n\n/**\n * Returns `true` when the given date is not smaller than the minDate and not bigger than the maxDate.\n *\n * ```typescript\n * isInRange(new Date(2020, 1, 1), new Date(2020, 0, 1), new Date(2020, 2, 1)) // true\n * ```\n */\nexport const isInRange = (date: Date | undefined, minDate: Date | undefined, maxDate: Date | undefined): boolean => {\n  if (!date) {\n    return true;\n  }\n\n  if (minDate && date < minDate) {\n    return false;\n  }\n\n  if (maxDate && maxDate < date) {\n    return false;\n  }\n\n  return true;\n};\n\nconst validateTwoDates = (\n  first: any,\n  second: Date | string | undefined,\n  validateFn: (irst: Date, second: Date) => boolean\n) => {\n  if (isNil(first) && isNil(second)) {\n    return false;\n  }\n\n  const _first: Date = new Date(first as string | Date);\n  const _second: Date = new Date(second as string | Date);\n\n  if (!isValidDate(_first) || !isValidDate(_second)) {\n    return false;\n  }\n\n  return validateFn(_first, _second);\n};\n\n/**\n * Returns `true` when the given date is not smaller than the before date.\n *\n * ```typescript\n * isBefore(new Date(2020, 1, 1), new Date(2020, 3, 1)) // true\n * ```\n */\nexport const isBefore = (date: any, beforeDate: Date | string | undefined): boolean =>\n  validateTwoDates(date, beforeDate, (first, second) => first < second);\n\n/**\n * Returns `true` when the given date is not smaller than the before date.\n *\n * ```typescript\n * isAfter(new Date(2020, 5, 1), new Date(2020, 3, 1)) // true\n * ```\n */\nexport const isAfter = (date: any, afterDate: Date | string | undefined): boolean =>\n  validateTwoDates(date, afterDate, (first, second) => first > second);\n\n/**\n * Increases the year of a date and retunrs the result\n *\n * ```typescript\n * increaseYear(new Date(2020, 0, 1), 1) // 2021\n * ```\n */\nexport const increaseYear = (date: Date, years: number): number => year(date) + years;\n\n/**\n * Decreases the year of a date and retunrs the result\n *\n * ```typescript\n * decreaseYear(new Date(2020, 0, 1), 1) // 2019\n * ```\n */\nexport const decreaseYear = (date: Date, years: number): number => year(date) - years;\n\nconst lookAhead = (iFormat: number, format: string, match: string, length = 2) => {\n  const increment = length - 1;\n  const followingCharacterMatches = format.charAt(iFormat + increment) === match;\n  const hasProperLength = iFormat + increment < format.length;\n  return hasProperLength && followingCharacterMatches;\n};\n\nconst formatNumber = (value, len) => {\n  let num = String(value);\n\n  while (num.length < len) {\n    num = '0' + num;\n  }\n\n  return num;\n};\n\nexport const formatDate = (date: Date | undefined | null, format: string): string => {\n  if (date == null) {\n    return '';\n  }\n\n  let output = '';\n\n  for (let iFormat = 0; iFormat < format.length; iFormat++) {\n    switch (format.charAt(iFormat)) {\n      case 'd':\n        if (lookAhead(iFormat, format, 'd')) {\n          output += formatNumber(date.getDate(), 2);\n          iFormat++;\n        } else {\n          output += String(date.getDate());\n        }\n        break;\n      case 'm':\n        if (lookAhead(iFormat, format, 'm')) {\n          output += formatNumber(date.getMonth() + 1, 2);\n          iFormat++;\n        } else {\n          output += String(date.getMonth() + 1);\n        }\n        break;\n      case 'y':\n        if (lookAhead(iFormat, format, 'y', 4)) {\n          iFormat += 3;\n          output += date.getFullYear();\n        } else {\n          output += (date.getFullYear() % 100 < 10 ? '0' : '') + (date.getFullYear() % 100);\n          iFormat++;\n        }\n        break;\n      case 'h':\n        if (lookAhead(iFormat, format, 'h')) {\n          output += formatNumber(date.getHours(), 2);\n          iFormat++;\n        } else {\n          output += String(date.getHours());\n        }\n        break;\n      case 'M':\n        if (lookAhead(iFormat, format, 'M')) {\n          output += formatNumber(date.getMinutes(), 2);\n          iFormat++;\n        } else {\n          output += String(date.getMinutes());\n        }\n        break;\n      case 's':\n        if (lookAhead(iFormat, format, 's')) {\n          output += formatNumber(date.getSeconds(), 2);\n          iFormat++;\n        } else {\n          output += String(date.getSeconds());\n        }\n        break;\n      default:\n        output += format.charAt(iFormat);\n    }\n  }\n  return output;\n};\n\nconst daylightSavingAdjust = (date): Date => {\n  if (!date) {\n    return null;\n  }\n\n  date.setHours(date.getHours() > 12 ? date.getHours() + 2 : 0);\n\n  return date;\n};\n\nconst getDaysCountInMonth = (month: number, year: number) =>\n  32 - daylightSavingAdjust(new Date(year, month, 32)).getDate();\n\nexport const parseDate = (value: any, format: string, locale: string): Date => {\n  if (format == null || value == null) {\n    throw 'Invalid arguments';\n  }\n\n  value = typeof value === 'object' ? value.toString() : value + '';\n  if (value === '') {\n    return null;\n  }\n\n  let iFormat;\n  let dim;\n  let extra;\n  let iValue = 0;\n  let shortYearCutoff = 100;\n  let year = -1;\n  let month = -1;\n  let day = -1;\n  let doy = -1;\n  let literal = false;\n  let date: Date;\n  let lookAhead = (match: string, len = 2) => {\n    const increment = len - 1;\n    let matches = iFormat + increment < format.length && format.charAt(iFormat + increment) === match;\n    if (matches) {\n      iFormat += increment;\n    }\n    return matches;\n  };\n  let getNumber = (match, len = 2) => {\n    let isDoubled = lookAhead(match, len),\n      size = match === '@' ? 14 : match === '!' ? 20 : match === 'y' && isDoubled ? 4 : match === 'o' ? 3 : 2,\n      minSize = match === 'y' ? size : 1,\n      digits = new RegExp('^\\\\d{' + minSize + ',' + size + '}'),\n      num = value.substring(iValue).match(digits);\n    if (!num) {\n      throw 'Missing number at position ' + iValue;\n    }\n    iValue += num[0].length;\n    return parseInt(num[0], 10);\n  };\n  let getName = (match, shortNames, longNames) => {\n    let index = -1;\n    let arr = lookAhead(match) ? longNames : shortNames;\n    let names = [];\n\n    for (let i = 0; i < arr.length; i++) {\n      names.push([i, arr[i]]);\n    }\n    names.sort((a, b) => {\n      return -(a[1].length - b[1].length);\n    });\n\n    for (let i = 0; i < names.length; i++) {\n      let name = names[i][1];\n      if (value.substr(iValue, name.length).toLowerCase() === name.toLowerCase()) {\n        index = names[i][0];\n        iValue += name.length;\n        break;\n      }\n    }\n\n    if (index !== -1) {\n      return index + 1;\n    } else {\n      throw 'Unknown name at position ' + iValue;\n    }\n  };\n  let checkLiteral = () => {\n    if (value.charAt(iValue) !== format.charAt(iFormat)) {\n      throw 'Unexpected literal at position ' + iValue;\n    }\n    iValue++;\n  };\n\n  for (iFormat = 0; iFormat < format.length; iFormat++) {\n    if (literal) {\n      if (format.charAt(iFormat) === \"'\" && !lookAhead(\"'\")) {\n        literal = false;\n      } else {\n        checkLiteral();\n      }\n    } else {\n      switch (format.charAt(iFormat)) {\n        case 'd':\n          day = getNumber('d');\n          break;\n        case 'D':\n          getName('D', i18nDate[locale].weekdaysShort, i18nDate[locale].weekdays);\n          break;\n        case 'm':\n          month = getNumber('m');\n          break;\n        case 'M':\n          month = getName('M', i18nDate[locale].monthsShort, i18nDate[locale].months);\n          break;\n        case 'y':\n          year = getNumber('y', 4);\n          break;\n        default:\n          checkLiteral();\n      }\n    }\n  }\n\n  if (iValue < value.length) {\n    extra = value.substr(iValue);\n    if (!/^\\s+/.test(extra)) {\n      throw 'Extra/unparsed characters found in date: ' + extra;\n    }\n  }\n\n  if (year === -1) {\n    year = new Date().getFullYear();\n  } else if (year < 100) {\n    year += new Date().getFullYear() - (new Date().getFullYear() % 100) + (year <= shortYearCutoff ? 0 : -100);\n  }\n\n  if (doy > -1) {\n    month = 1;\n    day = doy;\n    do {\n      dim = getDaysCountInMonth(year, month - 1);\n      if (day <= dim) {\n        break;\n      }\n      month++;\n      day -= dim;\n    } while (true);\n  }\n\n  date = daylightSavingAdjust(new Date(year, month - 1, day));\n  if (date.getFullYear() !== year || date.getMonth() + 1 !== month || date.getDate() !== day) {\n    throw 'Invalid date'; // E.g. 31/02/00\n  }\n\n  return date;\n};\n\nconst FORMATTING_TOKENS = /(\\[[^\\[]*\\])|(mm|dd|yyyy|yy|hh|MM|ss|.)/g;\n\nconst TWO_NUMERICS_REGEX = /\\d\\d/; // 00 - 99\nconst FOUR_NUMERICS_REGEX = /\\d{4}/; // 0000 - 9999\nconst NON_NUMERIC_REGEX = /[^0-9]/g;\n\nconst YEAR = 'year';\nconst MONTH = 'month';\nconst DAY = 'day';\nconst HOUR = 'hour';\nconst MINUTE = 'minute';\nconst SECOND = 'second';\n\ninterface ParseFlagMark {\n  year: number;\n  month: number;\n  day: number;\n  hour: number;\n  minute: number;\n  second: number;\n  date: Date;\n}\n\ntype ParseFlagCallBackReturn = any;\n\ntype ParseFlagRegExp = RegExp | ((locale: any) => RegExp);\ntype ParseFlagCallBack = (input: string) => ParseFlagCallBackReturn;\n\ninterface ParseFlag {\n  [key: string]: [ParseFlagRegExp, ParseFlagCallBack];\n}\n\nconst parseFlags: ParseFlag = {};\n\nconst addParseFlag = (token: string | string[], regex: ParseFlagRegExp, callback) => {\n  const tokens = Array.isArray(token) ? token : [token];\n  let func: ParseFlagCallBack;\n  if (typeof callback === 'string') {\n    func = (input) => {\n      const value = parseInt(input, 10);\n      return { [callback]: value };\n    };\n  } else {\n    func = callback;\n  }\n  tokens.forEach((key) => {\n    parseFlags[key] = [regex, func];\n  });\n};\n\naddParseFlag('yy', TWO_NUMERICS_REGEX, (input) => {\n  const year = new Date().getFullYear();\n  const cent = Math.floor(year / 100);\n  let value = parseInt(input, 10);\n  value = (value > 68 ? cent - 1 : cent) * 100 + value;\n  return { [YEAR]: value };\n});\naddParseFlag('yyyy', FOUR_NUMERICS_REGEX, YEAR);\naddParseFlag('mm', TWO_NUMERICS_REGEX, (input) => ({ [MONTH]: parseInt(input, 10) - 1 }));\naddParseFlag('dd', TWO_NUMERICS_REGEX, DAY);\naddParseFlag('hh', TWO_NUMERICS_REGEX, HOUR);\naddParseFlag('MM', TWO_NUMERICS_REGEX, MINUTE);\naddParseFlag('ss', TWO_NUMERICS_REGEX, SECOND);\n\ntype DateArgs = [number, number, number, number, number, number];\n\nconst getFullInputArray = (input: Array<number | undefined>, backupDate = new Date()) => {\n  const result: DateArgs = [0, 0, 1, 0, 0, 0];\n  const backupArr = [\n    backupDate.getFullYear(),\n    backupDate.getMonth(),\n    backupDate.getDate(),\n    backupDate.getHours(),\n    backupDate.getMinutes(),\n    backupDate.getSeconds(),\n  ];\n\n  let useBackup = true;\n  for (let i = 0; i < 7; i++) {\n    if (input[i] === undefined) {\n      result[i] = useBackup ? backupArr[i] : result[i];\n    } else {\n      result[i] = input[i]!;\n      useBackup = false;\n    }\n  }\n  return result;\n};\n\nconst createDate = (year: number, month: number, day: number, hour: number, minute: number, second: number): Date => {\n  if (!(year < 100 && year >= 0)) {\n    return new Date(year, month, day, hour, minute, second);\n  }\n\n  const date = new Date(year + 400, month, day, hour, minute, second);\n  if (isFinite(date.getFullYear())) {\n    date.setFullYear(year);\n  }\n  return date;\n};\n\nconst makeParser = (dateString: string, format: string) => {\n  const tokens = format.match(FORMATTING_TOKENS);\n  if (!tokens) {\n    throw new Error();\n  }\n  const { length } = tokens;\n  let mark: Partial<ParseFlagMark> = {};\n  for (let i = 0; i < length; i += 1) {\n    const token = tokens[i];\n    const parseTo = parseFlags[token];\n    if (!parseTo) {\n      const word = token.replace(/^\\[|\\]$/g, '');\n      if (dateString.indexOf(word) === 0) {\n        dateString = dateString.substr(word.length);\n      } else {\n        throw new Error('not match');\n      }\n    } else {\n      const regex = parseTo[0] as RegExp;\n      const parser = parseTo[1];\n      const value = (regex.exec(dateString) || [])[0];\n      const obj = parser(value);\n      mark = { ...mark, ...obj };\n      dateString = dateString.replace(value, '');\n    }\n  }\n  return mark;\n};\n\nconst getCleanDateString = (dirtyDateString: string, format: string) => {\n  if (dirtyDateString.length === format.length) {\n    return dirtyDateString;\n  }\n\n  const separator = dirtyDateString.match(NON_NUMERIC_REGEX)[0];\n\n  // pad signle digits to follow supported dateformats\n  return dirtyDateString\n    .split(separator)\n    .map((s) => (s.length === 1 ? '0' + s : s))\n    .join(separator);\n};\n\nconst getDateParts: (dirtyDateString: string, format: string) => Partial<ParseFlagMark> = (\n  dirtyDateString: string,\n  format: string\n) => {\n  const dateString = getCleanDateString(dirtyDateString, format);\n\n  return makeParser(dateString, format);\n};\n\nexport const toDate = (dirtyDateString: string | undefined, format: string): Date | undefined => {\n  try {\n    const { backupDate = new Date() } = {};\n    const { year, month, day, hour, minute, second, date } = getDateParts(dirtyDateString, format);\n    if (date != null) {\n      return date;\n    }\n    const inputArray = [year, month, day, hour, minute, second];\n    const result = getFullInputArray(inputArray, backupDate);\n    return createDate(...result);\n  } catch (e) {\n    return new Date(NaN);\n  }\n};\n\nexport interface PointerDate {\n  year: number;\n  month: number;\n  day: number;\n  hours: number;\n  minutes: number;\n  seconds: number;\n}\n\nexport interface CalendarGridArgs {\n  firstDateOfBox: Date;\n  minDate?: Date;\n  maxDate?: Date;\n  dateFormat: SixDateFormats;\n  pointerDate: { month: number; year: number; day: number };\n  allowedDates: (date: Date) => boolean;\n  locale: 'en' | 'de' | 'fr' | 'it';\n  selectedDate?: Date;\n}\n\nexport const createCalendarGrid: (calendarGridArguments: CalendarGridArgs) => CalendarCell[][] = (\n  calendarGridArguments: CalendarGridArgs\n) => {\n  const { firstDateOfBox, allowedDates, dateFormat, selectedDate, minDate, maxDate, pointerDate } =\n    calendarGridArguments;\n\n  const weekDatePointer = new Date(firstDateOfBox);\n  const dayDatePointer = new Date(firstDateOfBox);\n\n  let calendar: CalendarCell[][] = [];\n\n  do {\n    let row: CalendarCell[] = [];\n    do {\n      row = [\n        ...row,\n        {\n          date: new Date(dayDatePointer),\n          display: formatDate(dayDatePointer, dateFormat),\n          dateString: formatDate(dayDatePointer, dateFormat),\n          label: day(dayDatePointer).toString(),\n          isToday: isSameDay(dayDatePointer, now()),\n          isSelected: selectedDate && isSameDay(dayDatePointer, selectedDate),\n          isDisabled: !allowedDates(dayDatePointer) || !isInRange(dayDatePointer, minDate, maxDate),\n          isOutdated: pointerDate.month !== dayDatePointer.getMonth() || !isInRange(dayDatePointer, minDate, maxDate),\n        },\n      ];\n      dayDatePointer.setDate(dayDatePointer.getDate() + 1);\n    } while (isSameWeek(dayDatePointer, weekDatePointer));\n    calendar = [...calendar, row];\n    weekDatePointer.setDate(weekDatePointer.getDate() + 7);\n  } while (isSameMonth(new Date(pointerDate.year, pointerDate.month, pointerDate.day), dayDatePointer));\n  return calendar;\n};\n\n/**\n * Returns a range of numbers around the given number grouped into buckets of 5.\n * @param number the given number around which you want to get the other numbers\n * @param range range of numbers to include in the result\n */\nexport function rangeAround(number: number, range: number): number[][] {\n  const itemsPerGroup = 5;\n  return [...Array(range).keys()]\n    .map((n) => n + number - Math.floor(range / 2))\n    .reduce((curr, item, index) => {\n      if (index % itemsPerGroup === 0) {\n        curr.push([]);\n      }\n      curr[curr.length - 1].push(item);\n      return curr;\n    }, [] as number[][]);\n}\n","export enum SixDateFormats {\n  DDMMYYY_DOT = 'dd.mm.yyyy',\n  YYYYMMDD_DASH = 'yyyy-mm-dd',\n  DDMMYYYY_DASH = 'dd-mm-yyyy',\n  DDMMYYYY_SLASH = 'dd/mm/yyyy',\n  YYYYMMDD_SLASH = 'yyyy/mm/dd',\n  DDMMYY_DOT = 'dd.mm.yy',\n  YYMMDD_DASH = 'yy-mm-dd',\n  DDMMYY_DASH = 'dd-mm-yy',\n  DDMMYY_SLASH = 'dd/mm/yy',\n  YYMMDD_SLASH = 'yy/mm/dd',\n\n  DDMMYYY_DOT_TIME = 'dd.mm.yyyy hh:MM:ss',\n  YYYYMMDD_DASH_TIME = 'yyyy-mm-dd hh:MM:ss',\n  DDMMYYYY_DASH_TIME = 'dd-mm-yyyy hh:MM:ss',\n  DDMMYYYY_SLASH_TIME = 'dd/mm/yyyy hh:MM:ss',\n  YYYYMMDD_SLASH_TIME = 'yyyy/mm/dd hh:MM:ss',\n  DDMMYY_DOT_TIME = 'dd.mm.yy hh:MM:ss',\n  YYMMDD_DASH_TIME = 'yy-mm-dd hh:MM:ss',\n  DDMMYY_DASH_TIME = 'dd-mm-yy hh:MM:ss',\n  DDMMYY_SLASH_TIME = 'dd/mm/yy hh:MM:ss',\n  YYMMDD_SLASH_TIME = 'yy/mm/dd hh:MM:ss',\n}\n","import { h } from '@stencil/core';\nimport { DateLocale, now } from '../../../utils/date-util';\n\ninterface MonthSelectionParams {\n  locale: DateLocale;\n  selectedDate?: Date;\n  onClickMonthCell: (month: string) => void;\n}\nexport const MonthSelection = (monthSelectionParams: MonthSelectionParams) => {\n  const locale = monthSelectionParams.locale;\n  const isToday = (value: string) => locale.monthsShort[now().getMonth()] === value;\n\n  const isSelectedMonth = (value: string) =>\n    monthSelectionParams.selectedDate?.getMonth() === locale.monthsShort.findIndex((m) => m === value);\n\n  return (\n    <table class=\"datepicker-table\" part=\"month-selection\">\n      <tbody>\n        {locale.monthsShortGrouped.map((row: string[]) => (\n          <tr class=\"datepicker-table__row\">\n            {row.map((month) => (\n              <td\n                onClick={() => monthSelectionParams.onClickMonthCell(month)}\n                class={{\n                  'datepicker-table__cell': true,\n                  'datepicker-table__cell--is-today': isToday(month),\n                  'datepicker-table__cell--is-selected': isSelectedMonth(month),\n                }}\n              >\n                {month}\n              </td>\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n};\n","import { h } from '@stencil/core';\nimport { DateLocale } from '../../../utils/date-util';\nimport { CalendarCell } from '../six-datepicker';\n\ninterface DaySelectionParams {\n  locale: DateLocale;\n  calendarGrid: CalendarCell[][];\n  onClickDateCell: (cell: CalendarCell) => void;\n}\nexport const DaySelection = (daySelectionParams: DaySelectionParams) => {\n  return (\n    <table class=\"datepicker-table\" part=\"day-selection\">\n      <thead part=\"weekday-header\">\n        {daySelectionParams.locale.weekdaysMin.map((weekday) => (\n          <th class=\"datepicker__cell\">{weekday}</th>\n        ))}\n      </thead>\n      <tbody>\n        {daySelectionParams.calendarGrid.map((row) => (\n          <tr class=\"datepicker-table__row\">\n            {row.map((cell) => (\n              <td\n                data-date={cell.dateString}\n                onClick={() => daySelectionParams.onClickDateCell(cell)}\n                class={{\n                  'datepicker-table__cell': true,\n                  'datepicker-table__cell--is-today': cell.isToday,\n                  'datepicker-table__cell--is-selected': cell.isSelected,\n                  'datepicker-table__cell--is-outdated': cell.isOutdated,\n                  'datepicker-table__cell--is-disabled': cell.isDisabled,\n                  'datepicker-table__cell--is-selectable': !cell.isDisabled,\n                }}\n              >\n                {cell.label}\n              </td>\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n};\n","import { now } from '../../../utils/date-util';\nimport { h } from '@stencil/core';\n\ninterface YearSelectionParams {\n  selectedDate?: Date;\n  yearSelection: number[][];\n  onClickYearCell: (year: number) => void;\n}\nexport const YearSelection = (yearSelectionParams: YearSelectionParams) => {\n  return (\n    <table class=\"datepicker-table\" part=\"year-selection\">\n      <tbody>\n        {yearSelectionParams.yearSelection.map((row) => (\n          <tr class=\"datepicker-table__row\">\n            {row.map((year) => (\n              <td\n                onClick={() => yearSelectionParams.onClickYearCell(year)}\n                class={{\n                  'datepicker-table__cell': true,\n                  'datepicker-table__cell--is-today': now().getFullYear() === year,\n                  'datepicker-table__cell--is-selected': yearSelectionParams.selectedDate?.getFullYear() === year,\n                }}\n              >\n                {year}\n              </td>\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n};\n","@import 'src/global/component';\n\n:host {\n  display: block;\n  font-family: var(--six-font-family);\n}\n\n.datepicker {\n  &__container {\n    position: relative;\n  }\n\n  &__popup {\n    min-width: 400px;\n    background-color: white;\n    padding: 0.5em 0.5em 1.5em;\n    box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);\n    user-select: none;\n    position: absolute;\n    z-index: var(--six-z-index-dropdown);\n    right: 0;\n    left: 0;\n\n    &--is-up {\n      bottom: 100%;\n      // fix problem where you would need to jump around with the cursor when switching months and\n      // its a dropup since not all months have the same height\n      min-height: 382px;\n    }\n\n    &--is-inline {\n      position: initial;\n      box-shadow: none;\n      border: 1px solid var(--six-color-web-rock-400);\n    }\n  }\n}\n\n.datepicker-header {\n  display: flex;\n  justify-content: space-between;\n  border-bottom: 1px solid var(--six-color-web-rock-400);\n  padding: 0.5em;\n  margin-bottom: 1em;\n\n  & svg {\n    fill: var(--six-color-web-rock-900);\n    stroke: none;\n  }\n\n  &__btn {\n    cursor: pointer;\n    width: 2.5em;\n    height: 2.5em;\n    display: flex;\n    vertical-align: middle;\n    align-items: center;\n    justify-content: center;\n\n    &:hover {\n      background-color: var(--six-color-web-rock-100);\n      border-radius: 100%;\n    }\n  }\n\n  &__label {\n    display: flex;\n\n    & > div {\n      cursor: pointer;\n      padding: 0.5em;\n      display: flex;\n      vertical-align: middle;\n      align-items: center;\n      justify-content: center;\n\n      &:hover {\n        background-color: var(--six-color-web-rock-100);\n      }\n    }\n  }\n}\n\n.datepicker-table {\n  width: 100%;\n\n  &__cell {\n    text-align: center;\n    width: 2.5rem;\n    height: 2.5rem;\n    cursor: pointer;\n\n    &:hover {\n      background-color: var(--six-color-web-rock-100);\n    }\n\n    &--is-today {\n      border: 1px solid var(--six-color-web-rock-400);\n    }\n\n    &--is-selected {\n      background-color: var(--six-color-red);\n      color: var(--six-color-white);\n    }\n\n    &--is-disabled {\n      background-color: var(--six-color-web-rock-200);\n      cursor: initial;\n\n      &:hover {\n        background-color: var(--six-color-web-rock-200);\n      }\n    }\n\n    &--is-outdated {\n      color: var(--six-color-web-rock-400);\n    }\n  }\n}\n\n// Clearable\n.datepicker-clear {\n  display: inline-flex;\n  align-items: center;\n  font-size: inherit;\n  color: var(--six-input-icon-color);\n  border: none;\n  background: none;\n  padding: 0;\n  transition: var(--six-transition-fast) color;\n  cursor: pointer;\n\n  &:hover {\n    color: var(--six-input-icon-color-hover);\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &--right {\n    right: 0;\n    position: absolute;\n  }\n\n  &--left {\n    right: 35px;\n    position: absolute;\n  }\n}\n\n.input--empty .datepicker-clear {\n  visibility: hidden;\n}\n\n// Icon position\n.prefix {\n  cursor: pointer;\n\n  &--right {\n    right: 0;\n    display: inline-flex;\n    position: absolute;\n    font-size: inherit;\n    color: var(--six-input-icon-color);\n    border: none;\n    background: none;\n    margin-right: var(--six-input-spacing-medium);\n    transition: var(--six-transition-fast) color;\n  }\n}\n\n// time-picker\nsix-timepicker::part(popup) {\n  border: none;\n  padding: 0.5em 0.5em 0;\n  min-height: 0;\n}\n","import { Component, Element, Event, EventEmitter, h, Listen, Method, Prop, State, Watch } from '@stencil/core';\nimport {\n  createCalendarGrid,\n  day,\n  formatDate,\n  getFirstDayOfTheWeek,\n  hours,\n  i18nDate,\n  isValidDate,\n  isValidDateString,\n  minutes,\n  month,\n  now,\n  PointerDate,\n  rangeAround,\n  removeTime,\n  seconds,\n  toDate,\n  year,\n} from '../../utils/date-util';\nimport { EventListeners } from '../../utils/event-listeners';\nimport { debounce, debounceEvent, DEFAULT_DEBOUNCE_FAST } from '../../utils/execution-control';\nimport { hasSlot } from '../../utils/slot';\nimport { EmptyPayload } from '../../utils/types';\nimport { SixDateFormats } from './six-date-formats';\nimport { MonthSelection } from './components/month-selection';\nimport { DaySelection } from './components/day-selection';\nimport { YearSelection } from './components/year-selection';\nimport { SixTimepickerChange } from '../six-timepicker/six-timepicker';\nimport {\n  adjustPopupForHoisting,\n  adjustPopupForSmallScreens,\n  calcIsDropDownContentUp,\n  movePopup,\n} from '../../utils/popup';\n\nconst NUMBER_OF_YEARS_SHOWN = 25;\n\nconst MIN_POPUP_HEIGHT = 400;\n\nexport type SixDatepickerSelectPayload = Date | undefined | null;\n\nexport interface CalendarCell {\n  date: Date;\n  dateString: string;\n  display: string;\n  isDisabled: boolean;\n  isOutdated: boolean;\n  isSelected: boolean;\n  isToday: boolean;\n  label: string;\n}\n\nenum SelectionMode {\n  DAY = 'day',\n  MONTH = 'month',\n  YEAR = 'year',\n}\n\n/**\n * @since 1.0\n * @status stable\n *\n * @slot - Used to define a footer for the date picker.\n */\n@Component({\n  tag: 'six-datepicker',\n  styleUrl: 'six-datepicker.scss',\n  shadow: true,\n})\nexport class SixDatepicker {\n  private eventListeners = new EventListeners();\n  private inputElement?: HTMLSixInputElement;\n  private popup?: HTMLElement;\n  private wrapper?: HTMLElement;\n  private selectedDate?: Date;\n\n  @Element() host!: HTMLSixDatepickerElement;\n\n  @State() private pointerDate = SixDatepicker.getCurrentDateAsPointer();\n  @State() selectionMode: SelectionMode = SelectionMode.DAY;\n  @State() isDropDownContentUp = false;\n\n  /**\n   * Set the type.\n   */\n  @Prop() type: 'date' | 'date-time' = 'date';\n\n  /**\n   * The language used to render the weekdays and months.\n   */\n  @Prop() locale: 'en' | 'de' | 'fr' | 'it' = 'en';\n\n  /** Indicates whether or not the calendar dropdown is open on startup. You can use this in lieu of the show/hide methods. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /** Indicates whether or not the calendar should be shown as an inline (always open) component */\n  @Prop({ reflect: true }) inline = false;\n\n  /**\n   * If `true` the user can only select a date via the component in the popup, but not directly edit the input field.\n   */\n  @Prop() readonly = false;\n\n  /**\n   * If `true` the component is disabled.\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Callback to determine which date in the datepicker should be selectable.\n   * the callback function will get a datestring as an argument, e.g. '2021-07-04'\n   *\n   * Usage e.g.:\n   * const datepicker = document.getElementById('allowed-date-picker');\n   * datepicker.allowedDates = datestring => parseInt(datestring.split('-')[2], 10) % 2 === 0;\n   */\n  @Prop() allowedDates: (date: Date) => boolean = () => true;\n\n  /**\n   * The minimum datetime allowed. Value must be a date object\n   */\n  @Prop() min?: Date;\n\n  /**\n   * The maximum datetime allowed. Value must be a date object\n   */\n  @Prop() max?: Date;\n\n  /**\n   * Closes the datepicker dropdown after selection\n   */\n  @Prop() closeOnSelect = this.type === 'date';\n\n  /**\n   * The enforced placement of the dropdown panel.\n   */\n  @Prop() placement?: 'top' | 'bottom';\n\n  /** Datepicker size. */\n  @Prop() size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Set to true to show an asterisk beneath the label. */\n  @Prop() required = false;\n\n  /**\n   * The date to defines where the datepicker popup starts. The prop accepts ISO 8601 date strings (YYYY-MM-DD).\n   */\n  @Prop() defaultDate?: string;\n\n  /**\n   * The placeholder defines what text to be shown on the input element\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * The value of the form field, which accepts a date object.\n   */\n  @Prop({ mutable: true }) value?: Date;\n\n  /** The label text. */\n  @Prop() label = '';\n\n  /** The error message shown, if `invalid` is set to true.  */\n  @Prop() errorText = '';\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 dropdown will close when the user interacts outside of this element (e.g. clicking). */\n  @Prop() containingElement?: HTMLElement;\n\n  /** Define the dateFormat. Valid formats are:\n   * 'dd.mm.yyyy'\n   * 'yyyy-mm-dd'\n   * 'dd-mm-yyyy'\n   * 'dd/mm/yyyy'\n   * 'yyyy/mm/dd'\n   * 'dd.mm.yy'\n   * 'yy-mm-dd'\n   * 'dd-mm-yy'\n   * 'dd/mm/yy'\n   * 'yy/mm/dd'\n   * */\n  @Prop() dateFormat: SixDateFormats = SixDateFormats.DDMMYYY_DOT;\n\n  /**\n   * Set the amount of time, in milliseconds, to wait to trigger the `dateChange` event after each keystroke.\n   */\n  @Prop() debounce = DEFAULT_DEBOUNCE_FAST;\n\n  /** The input's name attribute. */\n  @Prop({ reflect: true }) name = '';\n\n  /** Set to true to add a clear button when the input is populated. */\n  @Prop() clearable = false;\n\n  /** Set the position of the icon */\n  @Prop() iconPosition: 'left' | 'right' = 'left';\n\n  /**\n   * Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n   * `overflow: auto|scroll`.\n   */\n  @Prop() hoist = false;\n\n  @Watch('debounce')\n  protected debounceChanged() {\n    this.sixSelect = debounceEvent(this.sixSelect, this.debounce);\n  }\n\n  @Watch('invalid')\n  protected invalidChanged(invalid: boolean) {\n    if (this.inputElement) {\n      this.inputElement.invalid = invalid;\n    }\n  }\n\n  /**\n   * Update the native input element when the value changes\n   */\n  @Watch('value')\n  protected valueChanged() {\n    if (this.value != null && !isValidDate(this.value)) {\n      console.warn('invalid date value: ', this.value);\n      this.value = undefined;\n    }\n    this.selectedDate = this.value;\n    this.updatePointerDates();\n    this.sixSelect.emit(this.value);\n  }\n\n  /**\n   * Emitted when a option got selected.\n   */\n  @Event({ eventName: 'six-datepicker-select' }) sixSelect!: EventEmitter<SixDatepickerSelectPayload>;\n\n  /**\n   * Emitted when the clear button is activated.\n   */\n  @Event({ eventName: 'six-datepicker-clear' }) sixClear!: EventEmitter<EmptyPayload>;\n\n  /**\n   * Emitted when a option got selected.\n   */\n  @Event({ eventName: 'six-datepicker-blur' }) sixBlur!: EventEmitter<SixDatepickerSelectPayload>;\n\n  @Listen('resize', { target: 'window' })\n  async resizeHandler() {\n    this.updateDropdownDirection();\n    this.moveOpenHoistedPopup();\n    this.adjustPopupPosition();\n  }\n\n  @Listen('scroll', { target: 'window' })\n  async scrollHandler() {\n    this.updateDropdownDirection();\n    this.moveOpenHoistedPopup();\n  }\n\n  private moveOpenHoistedPopup() {\n    movePopup(this.hoist, this.open, this.popup, this.inputElement, this.wrapper, MIN_POPUP_HEIGHT);\n  }\n\n  get container() {\n    return this.containingElement || this.host;\n  }\n\n  get firstDateOfBox(): Date {\n    const date = new Date(this.pointerDate.year, this.pointerDate.month, 1);\n    return getFirstDayOfTheWeek(date);\n  }\n\n  /** Sets focus on the datepickers input. */\n  @Method()\n  async setFocus(options?: FocusOptions) {\n    this.inputElement?.setFocus(options);\n  }\n\n  get calendarGrid() {\n    return createCalendarGrid({\n      firstDateOfBox: this.firstDateOfBox,\n      allowedDates: this.allowedDates,\n      dateFormat: this.dateFormat,\n      locale: this.locale,\n      selectedDate: this.selectedDate,\n      minDate: this.min,\n      maxDate: this.max,\n      pointerDate: this.pointerDate,\n    });\n  }\n\n  private updateDropdownDirection() {\n    if (this.inputElement == null || this.wrapper == null) {\n      return;\n    }\n    this.isDropDownContentUp = calcIsDropDownContentUp(this.inputElement, this.wrapper, MIN_POPUP_HEIGHT);\n  }\n\n  private getMonthStringForIndex(index: number) {\n    return i18nDate[this.locale].months[index];\n  }\n\n  private previousUnit = () => {\n    if (this.selectionMode === SelectionMode.DAY) {\n      this.previousMonth();\n    } else if (this.selectionMode === SelectionMode.MONTH) {\n      this.previousYear();\n    } else if (this.selectionMode === SelectionMode.YEAR) {\n      this.previousYearGroup();\n    }\n  };\n\n  private previousYear() {\n    this.pointerDate = { ...this.pointerDate, year: this.pointerDate.year - 1 };\n  }\n\n  private previousYearGroup() {\n    this.pointerDate = { ...this.pointerDate, year: this.pointerDate.year - NUMBER_OF_YEARS_SHOWN };\n  }\n\n  private previousMonth() {\n    if (this.pointerDate.month === 0) {\n      this.pointerDate = { year: this.pointerDate.year - 1, month: 11, day: 1, hours: 0, minutes: 0, seconds: 0 };\n    } else {\n      this.pointerDate = {\n        year: this.pointerDate.year,\n        month: this.pointerDate.month - 1,\n        day: 1,\n        hours: 0,\n        minutes: 0,\n        seconds: 0,\n      };\n    }\n  }\n\n  private nextUnit = () => {\n    if (this.selectionMode === SelectionMode.DAY) {\n      this.nextMonth();\n    } else if (this.selectionMode === SelectionMode.MONTH) {\n      this.nextYear();\n    } else if (this.selectionMode === SelectionMode.YEAR) {\n      this.nextYearGroup();\n    }\n  };\n\n  private nextMonth() {\n    if (this.pointerDate.month === 11) {\n      this.pointerDate = { year: this.pointerDate.year + 1, month: 0, day: 1, hours: 0, minutes: 0, seconds: 0 };\n    } else {\n      this.pointerDate = {\n        year: this.pointerDate.year,\n        month: this.pointerDate.month + 1,\n        day: 1,\n        hours: 0,\n        minutes: 0,\n        seconds: 0,\n      };\n    }\n  }\n\n  private nextYear() {\n    this.pointerDate = { ...this.pointerDate, year: this.pointerDate.year + 1 };\n  }\n\n  private nextYearGroup() {\n    this.pointerDate = { ...this.pointerDate, year: this.pointerDate.year + NUMBER_OF_YEARS_SHOWN };\n  }\n\n  private openCalendar() {\n    if (!this.open && !this.disabled) {\n      this.open = true;\n      this.setupEventListenersForOpenPopup();\n    }\n  }\n\n  private setupEventListenersForOpenPopup() {\n    this.eventListeners.add(document, 'keydown', this.handleDocumentKeyDown);\n    this.eventListeners.add(document, 'mousedown', this.handleDocumentMouseDown);\n  }\n\n  private handleDocumentKeyDown = (event: Event) => {\n    const keyboardEvent = event as KeyboardEvent;\n    // Close when escape is pressed\n    if (this.open && keyboardEvent.key === 'Escape') {\n      keyboardEvent.stopPropagation();\n      this.closePopup();\n      void this.inputElement?.setFocus();\n    }\n\n    // Handle tabbing\n    if (keyboardEvent.key === 'Tab') {\n      this.closePopup();\n    }\n  };\n\n  private handleDocumentMouseDown = (event: Event) => {\n    // Close when clicking outside the containing element\n    const path = event.composedPath() as EventTarget[];\n    if (!path.includes(this.container)) {\n      this.closePopup();\n      return;\n    }\n  };\n\n  private handleClearClick = async (event: MouseEvent) => {\n    event.stopPropagation();\n    await this.select(undefined);\n    this.sixClear.emit();\n  };\n\n  private closePopup() {\n    if (this.inline) {\n      return;\n    }\n\n    this.open = false;\n    this.eventListeners.remove(document, 'keydown', this.handleDocumentKeyDown);\n    this.eventListeners.remove(document, 'mousedown', this.handleDocumentMouseDown);\n    this.selectionMode = SelectionMode.DAY;\n  }\n\n  private updatePointerDates() {\n    const date = this.getPointerDate();\n    if (this.differsFromPointerDate(date)) {\n      this.pointerDate = {\n        year: year(date),\n        month: month(date),\n        day: day(date),\n        hours: hours(date),\n        minutes: minutes(date),\n        seconds: seconds(date),\n      };\n    }\n  }\n\n  private differsFromPointerDate(date?: Date): boolean {\n    return (\n      this.pointerDate.day !== day(date) ||\n      this.pointerDate.month !== month(date) ||\n      this.pointerDate.year !== year(date) ||\n      this.pointerDate.hours !== hours(date) ||\n      this.pointerDate.minutes !== minutes(date) ||\n      this.pointerDate.seconds !== seconds(date)\n    );\n  }\n\n  private getPointerDate(): Date | undefined {\n    if (this.selectedDate !== undefined && this.selectedDate !== null) {\n      return this.selectedDate;\n    }\n    if (this.defaultDate == null) {\n      return this.type === 'date' ? removeTime(now()) : now();\n    } else {\n      return toDate(this.defaultDate, this.dateFormat);\n    }\n  }\n\n  private updateValue(newDate?: Date) {\n    this.updateIfChanged(newDate);\n  }\n\n  private updateIfChanged(newDate?: Date) {\n    if (this.value?.getTime() === newDate?.getTime()) {\n      return;\n    }\n    this.value = newDate;\n  }\n\n  /**\n   * Selects an option\n   */\n  @Method()\n  async select(datestring?: string) {\n    if (datestring == null) {\n      this.updateValue(undefined);\n    } else {\n      const newDate = toDate(datestring, this.dateFormat);\n      newDate?.setHours(this.pointerDate.hours, this.pointerDate.minutes, this.pointerDate.seconds);\n      this.updateValue(newDate);\n    }\n\n    this.updatePointerDates();\n\n    if (this.closeOnSelect) {\n      this.closePopup();\n    }\n  }\n\n  private onTimepickerChange = (sixTimepickerChange: CustomEvent<SixTimepickerChange>) => {\n    const time = sixTimepickerChange.detail.value;\n    const newDate = new Date();\n\n    if (this.selectedDate != null) {\n      newDate.setFullYear(this.selectedDate.getFullYear(), this.selectedDate.getMonth(), this.selectedDate.getDate());\n    }\n\n    if (time != null) {\n      const hours = time.hours;\n      const minutes = time.minutes;\n      const seconds = time.seconds;\n      if (hours != null) {\n        newDate.setHours(hours, minutes, seconds);\n      }\n    }\n\n    this.updateValue(newDate);\n    this.updatePointerDates();\n  };\n\n  private onClickDateCell = (cell: CalendarCell) => {\n    if (!cell.isDisabled) {\n      void this.select(cell.dateString);\n    }\n  };\n\n  private onClickMonthCell = (selectedMonth: string) => {\n    const month = i18nDate[this.locale].monthsShort.findIndex((monthShort) => monthShort === selectedMonth);\n    this.pointerDate = { ...this.pointerDate, month };\n    this.selectionMode = SelectionMode.DAY;\n  };\n\n  private onClickYearCell = (year: number) => {\n    this.pointerDate = { ...this.pointerDate, year };\n    this.selectionMode = SelectionMode.DAY;\n  };\n\n  private handleInputChange = (event: Event) => {\n    if (this.inputElement == null) {\n      return;\n    }\n    event.stopPropagation();\n\n    const inputValue = this.inputElement.value;\n    if (!isValidDateString(inputValue, this.dateFormat)) {\n      return;\n    }\n\n    const inputValueDate = toDate(inputValue, this.dateFormat);\n\n    if (inputValueDate === undefined) {\n      return;\n    }\n\n    this.updateIfChanged(inputValueDate);\n    const datesOnly = inputValue.replace(/[^\\d]/g, '');\n    if (datesOnly.length >= 6) {\n      const date = toDate(inputValue, this.dateFormat);\n      const dateAsString = formatDate(date, this.dateFormat);\n      if (isValidDateString(dateAsString, this.dateFormat)) {\n        this.selectedDate = toDate(dateAsString, this.dateFormat);\n        this.updatePointerDates();\n        this.updateValue(this.selectedDate);\n      }\n    }\n  };\n\n  private handleOnBlur = (event: Event) => {\n    // clear the value if the user deleted the date\n    if (this.inputElement?.value === '' && isValidDate(this.value)) {\n      this.value = undefined;\n    }\n\n    event.stopPropagation();\n    const inputValue = this.inputElement?.value;\n    const inputValueDate = toDate(inputValue, this.dateFormat);\n    const formattedDate = formatDate(this.value, this.dateFormat);\n\n    if (this.inputElement != null && inputValueDate != null && inputValue !== formattedDate) {\n      // properly format date if necessary\n      this.inputElement.value = formattedDate;\n    }\n\n    this.sixBlur.emit(this.value);\n  };\n\n  componentWillLoad() {\n    this.selectedDate = this.value;\n    this.updatePointerDates();\n    this.updateValue(this.value);\n\n    if (this.inline) {\n      this.open = true;\n    }\n\n    if (this.open) {\n      this.setupEventListenersForOpenPopup();\n    }\n  }\n\n  componentDidLoad() {\n    if (this.inputElement != null) {\n      this.eventListeners.add(this.inputElement, 'six-input-input', debounce(this.handleInputChange, this.debounce));\n      this.eventListeners.add(this.inputElement, 'six-input-blur', this.handleOnBlur);\n    }\n  }\n\n  componentDidRender() {\n    this.adjustPopupPosition();\n  }\n\n  private renderHeader() {\n    return (\n      <header class=\"datepicker-header\" part=\"header\">\n        <div class=\"datepicker-header__btn prev\" onClick={this.previousUnit}>\n          <svg viewBox=\"0 5 13 13\" width=\"14\" height=\"23\">\n            <path d=\"M11.67 3.87L9.9 2.1 0 12l9.9 9.9 1.77-1.77L3.54 12z\" />\n          </svg>\n        </div>\n\n        <div class=\"datepicker-header__label\">\n          {this.selectionMode === SelectionMode.DAY && (\n            <div onClick={() => (this.selectionMode = SelectionMode.MONTH)}>\n              <span class=\"datepicker-header__label-month\">{this.getMonthStringForIndex(this.pointerDate.month)}</span>\n              <span>\n                <svg viewBox=\"-3 -4 24 24\" width=\"20\" height=\"20\">\n                  <polyline points=\"6 9 12 15 18 9\" />\n                </svg>\n              </span>\n            </div>\n          )}\n\n          {this.selectionMode !== SelectionMode.YEAR && (\n            <div onClick={() => (this.selectionMode = SelectionMode.YEAR)}>\n              <span class=\"datepicker-header__label-year\">{this.pointerDate.year}</span>\n              <span>\n                <svg viewBox=\"-3 -4 24 24\" width=\"20\" height=\"20\">\n                  <polyline points=\"6 9 12 15 18 9\" />\n                </svg>\n              </span>\n            </div>\n          )}\n\n          {this.selectionMode === SelectionMode.YEAR && (\n            <div>\n              {this.pointerDate.year - Math.floor(NUMBER_OF_YEARS_SHOWN / 2)} –{' '}\n              {this.pointerDate.year + Math.floor(NUMBER_OF_YEARS_SHOWN / 2)}\n            </div>\n          )}\n        </div>\n\n        <div class=\"datepicker-header__btn next\" onClick={this.nextUnit}>\n          <svg viewBox=\"5 5 13 13\" width=\"14\" height=\"23\">\n            <path d=\"M5.88 4.12L13.76 12l-7.88 7.88L8 22l10-10L8 2z\" />\n          </svg>\n        </div>\n      </header>\n    );\n  }\n\n  private renderBody() {\n    switch (this.selectionMode) {\n      case SelectionMode.DAY:\n        return (\n          <DaySelection\n            locale={i18nDate[this.locale]}\n            calendarGrid={this.calendarGrid}\n            onClickDateCell={this.onClickDateCell}\n          />\n        );\n      case SelectionMode.MONTH:\n        return (\n          <MonthSelection\n            locale={i18nDate[this.locale]}\n            selectedDate={this.selectedDate}\n            onClickMonthCell={this.onClickMonthCell}\n          />\n        );\n      case SelectionMode.YEAR:\n        return (\n          <YearSelection\n            selectedDate={this.selectedDate}\n            yearSelection={rangeAround(this.pointerDate.year, NUMBER_OF_YEARS_SHOWN)}\n            onClickYearCell={this.onClickYearCell}\n          />\n        );\n    }\n  }\n\n  private renderCustomIcon() {\n    const icon = hasSlot(this.host, 'custom-icon') ? (\n      <slot name=\"custom-icon\"></slot>\n    ) : (\n      <six-icon size={this.size === 'large' ? 'medium' : this.size}>today</six-icon>\n    );\n\n    return (\n      <span\n        slot=\"prefix\"\n        part=\"icon\"\n        class={{\n          prefix: true,\n          'prefix--right': this.iconPosition === 'right',\n        }}\n      >\n        {icon}\n      </span>\n    );\n  }\n\n  private renderClearable() {\n    return (\n      this.clearable && (\n        <button\n          slot=\"suffix\"\n          class={{\n            'datepicker-clear': true,\n            'datepicker-clear--right': this.iconPosition === 'left',\n            'datepicker-clear--left': this.iconPosition === 'right',\n          }}\n          type=\"button\"\n          onClick={this.handleClearClick}\n          tabindex=\"-1\"\n        >\n          <six-icon size=\"small\">clear</six-icon>\n        </button>\n      )\n    );\n  }\n\n  render() {\n    this.adjustPopupPosition();\n\n    return (\n      <div ref={(el) => (this.wrapper = el)} class=\"datepicker__container\">\n        <six-input\n          part=\"base\"\n          value={formatDate(this.value, this.dateFormat)}\n          ref={(el) => (this.inputElement = el)}\n          placeholder={this.placeholder}\n          readonly={this.readonly}\n          disabled={this.disabled}\n          name={this.name}\n          label={this.label}\n          required={this.required}\n          error-text={this.errorText}\n          onClick={() => this.openCalendar()}\n          size={this.size}\n          class={{ 'input--empty': this.value == null }}\n        >\n          {this.renderCustomIcon()}\n          {this.renderClearable()}\n          {hasSlot(this.host, 'label') ? (\n            <span slot=\"label\">\n              <slot name=\"label\" />\n            </span>\n          ) : null}\n        </six-input>\n        {this.open && (\n          <div\n            part=\"popup\"\n            ref={(el) => (this.popup = el)}\n            class={{\n              datepicker__popup: true,\n              'datepicker__popup--is-up': this.placement != null ? this.placement === 'top' : this.isDropDownContentUp,\n              'datepicker__popup--is-inline': this.inline,\n            }}\n          >\n            {this.renderHeader()}\n            {this.renderBody()}\n            {this.type === 'date-time' && (\n              <six-timepicker\n                inline={true}\n                onSix-timepicker-change-debounced={(event) => this.onTimepickerChange(event)}\n                value={\n                  this.selectedDate?.getHours() +\n                  ':' +\n                  this.selectedDate?.getMinutes() +\n                  ':' +\n                  this.selectedDate?.getSeconds()\n                }\n              ></six-timepicker>\n            )}\n            <div class=\"datepicker__footer\">\n              <slot />\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  private adjustPopupPosition() {\n    adjustPopupForHoisting(\n      this.hoist,\n      this.popup,\n      this.inputElement,\n      this.wrapper,\n      MIN_POPUP_HEIGHT,\n      (isUp) => (this.isDropDownContentUp = isUp)\n    );\n    adjustPopupForSmallScreens(this.popup);\n  }\n\n  connectedCallback() {\n    this.eventListeners.forward('six-datepicker-select', 'change', this.host);\n    this.eventListeners.forward('six-datepicker-blur', 'blur', this.host);\n  }\n\n  disconnectedCallback() {\n    this.eventListeners.removeAll();\n  }\n\n  private static getCurrentDateAsPointer(): PointerDate {\n    return {\n      year: year(now()),\n      month: month(now()),\n      day: day(now()),\n      hours: hours(now()),\n      minutes: minutes(now()),\n      seconds: seconds(now()),\n    };\n  }\n}\n"],"mappings":"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"}

package/dist/ui-library/p-6d75f216.entry.js

@@ -1,2 +0,0 @@
-import{r as s,h as i}from"./p-ac4f4d45.js";const a=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block}.menu-label{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);color:var(--six-input-label-color);padding:var(--six-spacing-xx-small) var(--six-spacing-small);user-select:none}";const e=class{constructor(i){s(this,i)}render(){return i("div",{part:"base",class:"menu-label"},i("slot",null))}};e.style=a;export{e as six_menu_label};
-//# sourceMappingURL=p-6d75f216.entry.js.map

package/dist/ui-library/p-6d75f216.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["sixMenuLabelCss","SixMenuLabel","render","h","part","class"],"sources":["./src/components/six-menu-label/six-menu-label.scss?tag=six-menu-label&encapsulation=shadow","./src/components/six-menu-label/six-menu-label.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: block;\n}\n\n.menu-label {\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  color: var(--six-input-label-color);\n  padding: var(--six-spacing-xx-small) var(--six-spacing-small);\n  user-select: none;\n}\n","import { Component, h } 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 - The menu label's content.\n *\n * @part base - The component's base wrapper.\n */\n\n@Component({\n  tag: 'six-menu-label',\n  styleUrl: 'six-menu-label.scss',\n  shadow: true,\n})\nexport class SixMenuLabel {\n  render() {\n    return (\n      <div part=\"base\" class=\"menu-label\">\n        <slot />\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAkB,oc,MCkBXC,EAAY,M,yBACvBC,SACE,OACEC,EAAA,OAAKC,KAAK,OAAOC,MAAM,cACrBF,EAAA,a"}

package/dist/ui-library/p-71035abf.entry.js

@@ -1,2 +0,0 @@
-import{r as s,h as i,g as t}from"./p-ac4f4d45.js";import{h as e}from"./p-d87a6f4d.js";const r=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block}.six-sidebar-item-group--childless::part(content){padding:0 !important}.six-sidebar-item-group--subgroup::part(header){background-color:transparent !important}.six-sidebar-item-group__header-icon{margin-left:16px;transform:translate(0px, -3px)}.six-sidebar-details__header{display:flex}.six-sidebar-details__header-icon{margin-right:1em}";const a=class{constructor(t){s(this,t);this.provideSlot=s=>{if(this.summaryIconHasContent){return i("div",{slot:s},i("slot",{name:s}))}return i("slot",{name:s,onSlotchange:()=>{var i;const t=(i=this.host.shadowRoot)===null||i===void 0?void 0:i.querySelector(`slot[name="${s}"]`);if(t!=null){this.summaryIconHasContent=t.assignedNodes().length>0}}})};this.hasItems=false;this.name="";this.icon="";this.value="";this.open=false;this.summaryIcon=undefined;this.summaryIconHasContent=false}connectedCallback(){this.handleSlotChange=this.handleSlotChange.bind(this)}componentWillLoad(){this.handleSlotChange()}handleSlotChange(){this.hasItems=e(this.host)}isSubgroup(){var s;return((s=this.host.parentElement)===null||s===void 0?void 0:s.closest("six-sidebar-item-group"))!=null}render(){return i("six-details",{class:{"six-sidebar-item-group--childless":!this.hasItems,"six-sidebar-item-group--subgroup":this.isSubgroup()},inline:true,open:this.open,"summary-icon":this.summaryIcon,hasContent:this.hasItems},i("div",{slot:"summary"},i("div",{class:"six-sidebar-details__header"},this.icon&&i("six-icon",{class:"six-sidebar-details__header-icon"},this.icon),this.name)),this.provideSlot("summary-icon"),i("slot",null))}get host(){return t(this)}};a.style=r;export{a as six_sidebar_item_group};
-//# sourceMappingURL=p-71035abf.entry.js.map

package/dist/ui-library/p-71035abf.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["sixSidebarItemGroupCss","SixSidebarItemGroup","this","provideSlot","name","summaryIconHasContent","h","slot","onSlotchange","_a","host","shadowRoot","querySelector","assignedNodes","length","connectedCallback","handleSlotChange","bind","componentWillLoad","hasItems","hasSlot","isSubgroup","parentElement","closest","render","class","inline","open","summaryIcon","hasContent","icon"],"sources":["./src/components/six-sidebar-item-group/six-sidebar-item-group.scss?tag=six-sidebar-item-group&encapsulation=shadow","./src/components/six-sidebar-item-group/six-sidebar-item-group.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: block;\n}\n\n.six-sidebar-item-group--childless::part(content) {\n  padding: 0 !important;\n}\n\n.six-sidebar-item-group--subgroup::part(header) {\n  background-color: transparent !important;\n}\n\n.six-sidebar-item-group__header-icon {\n  margin-left: 16px;\n  transform: translate(0px, -3px);\n}\n\n.six-sidebar-details__header {\n  display: flex;\n}\n\n.six-sidebar-details__header-icon {\n  margin-right: 1em;\n}\n","import { Component, Element, h, Prop, State } from '@stencil/core';\nimport { hasSlot } from '../../utils/slot';\n\n/**\n * @since 1.0\n * @status stable\n *\n * @slot - Used to define the nested sidebar [group] items.\n */\n\n@Component({\n  tag: 'six-sidebar-item-group',\n  styleUrl: 'six-sidebar-item-group.scss',\n  shadow: true,\n})\nexport class SixSidebarItemGroup {\n  @Element() readonly host!: HTMLSixSidebarItemGroupElement;\n\n  @State() hasItems = false;\n\n  /** Title of item group */\n  @Prop() name = '';\n\n  /** Icon of the group */\n  @Prop() icon = '';\n\n  /** A unique value to store in the sidebar item of the group label. This can be used as a way to identify sidebar items when selected. */\n  @Prop({ reflect: true }) value = '';\n\n  /** Indicates whether the sidebar is shown */\n  @Prop({ reflect: true }) open = false;\n\n  /** Custom summary icon name. */\n  @Prop() summaryIcon?: string;\n\n  @State() summaryIconHasContent = false;\n\n  connectedCallback() {\n    this.handleSlotChange = this.handleSlotChange.bind(this);\n  }\n\n  componentWillLoad() {\n    this.handleSlotChange();\n  }\n\n  private handleSlotChange() {\n    this.hasItems = hasSlot(this.host);\n  }\n\n  private isSubgroup() {\n    return this.host.parentElement?.closest('six-sidebar-item-group') != null;\n  }\n\n  private provideSlot = (name: string) => {\n    if (this.summaryIconHasContent) {\n      return (\n        <div slot={name}>\n          <slot name={name}></slot>\n        </div>\n      );\n    }\n\n    return (\n      <slot\n        name={name}\n        onSlotchange={() => {\n          const slot = this.host.shadowRoot?.querySelector<HTMLSlotElement>(`slot[name=\"${name}\"]`);\n          if (slot != null) {\n            this.summaryIconHasContent = slot.assignedNodes().length > 0;\n          }\n        }}\n      ></slot>\n    );\n  };\n\n  render() {\n    return (\n      <six-details\n        class={{\n          'six-sidebar-item-group--childless': !this.hasItems,\n          'six-sidebar-item-group--subgroup': this.isSubgroup(),\n        }}\n        inline={true}\n        open={this.open}\n        summary-icon={this.summaryIcon}\n        hasContent={this.hasItems}\n      >\n        <div slot=\"summary\">\n          <div class=\"six-sidebar-details__header\">\n            {this.icon && <six-icon class=\"six-sidebar-details__header-icon\">{this.icon}</six-icon>}\n            {this.name}\n          </div>\n        </div>\n        {this.provideSlot('summary-icon')}\n        <slot />\n      </six-details>\n    );\n  }\n}\n"],"mappings":"sFAAA,MAAMA,EAAyB,8c,MCelBC,EAAmB,M,yBAsCtBC,KAAAC,YAAeC,IACrB,GAAIF,KAAKG,sBAAuB,CAC9B,OACEC,EAAA,OAAKC,KAAMH,GACTE,EAAA,QAAMF,KAAMA,I,CAKlB,OACEE,EAAA,QACEF,KAAMA,EACNI,aAAc,K,MACZ,MAAMD,GAAOE,EAAAP,KAAKQ,KAAKC,cAAU,MAAAF,SAAA,SAAAA,EAAEG,cAA+B,cAAcR,OAChF,GAAIG,GAAQ,KAAM,CAChBL,KAAKG,sBAAwBE,EAAKM,gBAAgBC,OAAS,C,IAGzD,E,cArDQ,M,UAGL,G,UAGA,G,WAGkB,G,UAGD,M,sDAKC,K,CAEjCC,oBACEb,KAAKc,iBAAmBd,KAAKc,iBAAiBC,KAAKf,K,CAGrDgB,oBACEhB,KAAKc,kB,CAGCA,mBACNd,KAAKiB,SAAWC,EAAQlB,KAAKQ,K,CAGvBW,a,MACN,QAAOZ,EAAAP,KAAKQ,KAAKY,iBAAa,MAAAb,SAAA,SAAAA,EAAEc,QAAQ,4BAA6B,I,CAyBvEC,SACE,OACElB,EAAA,eACEmB,MAAO,CACL,qCAAsCvB,KAAKiB,SAC3C,mCAAoCjB,KAAKmB,cAE3CK,OAAQ,KACRC,KAAMzB,KAAKyB,KAAI,eACDzB,KAAK0B,YACnBC,WAAY3B,KAAKiB,UAEjBb,EAAA,OAAKC,KAAK,WACRD,EAAA,OAAKmB,MAAM,+BACRvB,KAAK4B,MAAQxB,EAAA,YAAUmB,MAAM,oCAAoCvB,KAAK4B,MACtE5B,KAAKE,OAGTF,KAAKC,YAAY,gBAClBG,EAAA,a"}

package/dist/ui-library/p-724e154d.entry.js

@@ -1,2 +0,0 @@
-import{r as o,h as t,g as l}from"./p-ac4f4d45.js";import{F as r}from"./p-2761f908.js";import{h as e}from"./p-d87a6f4d.js";const s=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control .form-control__error-text{display:none}.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:"*"}.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;color:var(--six-color-danger-800);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.handleSlotChange=()=>{this.hasLabelSlot=e(this.host,"label");this.hasHelpTextSlot=e(this.host,"help-text")};this.hasHelpTextSlot=false;this.hasLabelSlot=false;this.size="medium";this.label="";this.helpText="";this.disabled=false;this.required=false}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,{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",null))}get host(){return l(this)}static get watchers(){return{helpText:["handleLabelChange"],label:["handleLabelChange"]}}};a.style=s;export{a as six_group_label};
-//# sourceMappingURL=p-724e154d.entry.js.map

package/dist/ui-library/p-724e154d.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["sixGroupLabelCss","id","SixGroupLabel","this","wrapperLabelId","labelId","helpTextId","handleSlotChange","hasLabelSlot","hasSlot","host","hasHelpTextSlot","handleLabelChange","connectedCallback","_a","shadowRoot","addEventListener","componentWillLoad","disconnectedCallback","removeEventListener","render","h","FormControl","inputId","label","helpText","size","disabled","required"],"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,u7ECIzB,IAAIC,EAAK,E,MAoBIC,EAAa,M,yBAChBC,KAAAC,eAAiB,WAAWH,IAC5BE,KAAAE,QAAU,eAAeJ,IACzBE,KAAAG,WAAa,mBAAmBL,IAwChCE,KAAAI,iBAAmB,KACzBJ,KAAKK,aAAeC,EAAQN,KAAKO,KAAM,SACvCP,KAAKQ,gBAAkBF,EAAQN,KAAKO,KAAM,YAAY,E,qBAtC7B,M,kBACH,M,UAGsC,S,WAG9C,G,cAGG,G,cAGiB,M,cAGjB,K,CAInBE,oBACET,KAAKI,kB,CAGPM,oB,OACEC,EAAAX,KAAKO,KAAKK,cAAU,MAAAD,SAAA,SAAAA,EAAEE,iBAAiB,aAAcb,KAAKI,iB,CAG5DU,oBACEd,KAAKI,kB,CAGPW,uB,OACEJ,EAAAX,KAAKO,KAAKK,cAAU,MAAAD,SAAA,SAAAA,EAAEK,oBAAoB,aAAchB,KAAKI,iB,CAQ/Da,SACE,OACEC,EAACC,EAAW,CACVC,QAASpB,KAAKC,eACdoB,MAAOrB,KAAKqB,MACZnB,QAASF,KAAKE,QACdG,aAAcL,KAAKK,aACnBF,WAAYH,KAAKG,WACjBmB,SAAUtB,KAAKsB,SACfd,gBAAiBR,KAAKQ,gBACtBe,KAAMvB,KAAKuB,KACXC,SAAUxB,KAAKwB,SACfC,SAAUzB,KAAKyB,UAEfP,EAAA,a"}

package/dist/ui-library/p-72ca96e1.entry.js

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