@six-group/ui-library 0.0.0-insider.f37af2a → 0.0.0-insider.f8f39e7

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

@@ -0,0 +1 @@
+{"version":3,"names":["sixButtonCss","SixButton","this","handleSlotChange","hasLabel","hasSlot","host","hasPrefix","hasSuffix","handleBlur","hasFocus","sixBlur","emit","handleFocus","sixFocus","handleClick","event","disabled","loading","preventDefault","stopPropagation","submit","submitForm","componentWillLoad","setFocus","options","_a","nativeButton","focus","removeFocus","blur","render","isLink","href","isButton","Button","h","onClick","class","ref","el","part","button","type","size","caret","circle","pill","undefined","tabindex","reset","name","value","target","download","rel","onBlur","onFocus","onSlotchange","viewBox","fill","stroke","points"],"sources":["src/components/six-button/six-button.scss?tag=six-button&encapsulation=shadow","src/components/six-button/six-button.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: inline-block;\n  width: auto;\n  cursor: pointer;\n}\n\n.button {\n  display: inline-flex;\n  align-items: stretch;\n  justify-content: center;\n  width: 100%;\n  border-style: solid;\n  border-width: var(--six-border-width);\n  border-radius: 0;\n  font-family: var(--six-font-family);\n  font-weight: var(--six-font-weight-semibold);\n  text-decoration: none;\n  user-select: none;\n  white-space: nowrap;\n  vertical-align: middle;\n  padding: 0;\n  transition: var(--six-transition-fast) background-color, var(--six-transition-fast) color,\n    var(--six-transition-fast) border, var(--six-transition-fast) box-shadow;\n  cursor: inherit;\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &.button--disabled {\n    pointer-events: none;\n  }\n\n  ::slotted(six-icon) {\n    // Clicks on icons shouldn't prevent the button from gaining focus\n    pointer-events: none;\n    transform: translateY(-1.5px);\n  }\n}\n\n.button-wrapper--disabled {\n  cursor: not-allowed;\n}\n\n.button__prefix,\n.button__suffix {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Standard buttons\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.button {\n  &:focus-visible {\n    outline: var(--six-focus-ring);\n    outline-offset: var(--six-focus-ring-offset);\n  }\n\n  &.button--secondary {\n    background-color: var(--six-color-white);\n    border-color: var(--six-color-web-rock-900);\n    color: var(--six-color-web-rock-900);\n\n    &.button--disabled {\n      background-color: var(--six-color-web-rock-400);\n      border-color: var(--six-color-web-rock-400);\n      color: var(--six-color-web-rock-700);\n    }\n\n    &:hover:not(.button--disabled) {\n      background-color: var(--six-color-web-rock-100);\n    }\n\n    &:focus:not(.button--disabled) {\n      background-color: var(--six-color-web-rock-100);\n      border-color: var(--six-color-web-rock-400);\n    }\n\n    &:active:not(.button--disabled) {\n      background-color: var(--six-color-web-rock-300);\n      border-color: var(--six-color-web-rock-900);\n      border-width: 1px;\n    }\n  }\n\n  &.button--primary {\n    background-color: var(--six-color-web-rock-900);\n    border-color: var(--six-color-web-rock-900);\n    color: var(--six-color-white);\n\n    &.button--disabled {\n      background-color: var(--six-color-web-rock-400);\n      border-color: var(--six-color-web-rock-400);\n      color: var(--six-color-web-rock-700);\n    }\n\n    &:hover:not(.button--disabled) {\n      background-color: var(--six-color-web-rock-800);\n      border-color: var(--six-color-web-rock-800);\n    }\n\n    &:active:not(.button--disabled) {\n      background-color: var(--six-color-web-rock-900);\n      border-color: var(--six-color-web-rock-900);\n      opacity: 70%;\n    }\n  }\n\n  &.button--link {\n    background-color: transparent;\n    border-color: transparent;\n    color: var(--six-color-action-500);\n\n    &.button--disabled {\n      color: var(--six-color-web-rock-400);\n    }\n\n    &:hover:not(.button--disabled) {\n      color: var(--six-color-action-600);\n    }\n\n    &:active:not(.button--disabled) {\n      color: var(--six-color-action-light-to-be-defined);\n    }\n  }\n\n  &.button--danger {\n    background-color: var(--six-color-danger-800);\n    border-color: var(--six-color-danger-800);\n    color: var(--six-color-white);\n\n    &.button--disabled {\n      background-color: var(--six-color-web-rock-400);\n      border-color: var(--six-color-web-rock-400);\n      color: var(--six-color-web-rock-700);\n    }\n\n    &:hover:not(.button--disabled) {\n      background-color: var(--six-color-danger-900);\n      border-color: var(--six-color-danger-900);\n    }\n\n    &:active:not(.button--disabled) {\n      background-color: var(--six-color-danger-800);\n      border-color: var(--six-color-danger-800);\n      opacity: 70%;\n    }\n  }\n\n  &.button--warning {\n    background-color: var(--six-color-warning-700);\n    border-color: var(--six-color-warning-700);\n    color: var(--six-color-web-rock-900);\n\n    &.button--disabled {\n      background-color: var(--six-color-web-rock-400);\n      border-color: var(--six-color-web-rock-400);\n      color: var(--six-color-web-rock-700);\n    }\n\n    &:hover:not(.button--disabled) {\n      background-color: var(--six-color-warning-800);\n      border-color: var(--six-color-warning-800);\n    }\n\n    &:active:not(.button--disabled) {\n      background-color: var(--six-color-warning-700);\n      border-color: var(--six-color-warning-700);\n      opacity: 70%;\n    }\n  }\n\n  &.button--success {\n    background-color: var(--six-color-success-500);\n    border-color: var(--six-color-success-500);\n    color: var(--six-color-web-rock-900);\n\n    &.button--disabled {\n      background-color: var(--six-color-web-rock-400);\n      border-color: var(--six-color-web-rock-400);\n      color: var(--six-color-web-rock-700);\n    }\n\n    &:hover:not(.button--disabled) {\n      background-color: var(--six-color-success-600);\n      border-color: var(--six-color-success-600);\n    }\n\n    &:active:not(.button--disabled) {\n      background-color: var(--six-color-success-500);\n      border-color: var(--six-color-success-500);\n      opacity: 70%;\n    }\n  }\n\n  &.button--action {\n    background-color: var(--six-color-action-500);\n    border-color: var(--six-color-action-500);\n    color: var(--six-color-white);\n\n    &.button--disabled {\n      background-color: var(--six-color-web-rock-400);\n      border-color: var(--six-color-web-rock-400);\n      color: var(--six-color-web-rock-700);\n    }\n\n    &:hover:not(.button--disabled) {\n      background-color: var(--six-color-action-600);\n      border-color: var(--six-color-action-600);\n    }\n\n    &:active:not(.button--disabled) {\n      background-color: var(--six-color-action-500);\n      border-color: var(--six-color-action-500);\n      opacity: 70%;\n    }\n  }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Size modifiers\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.button--small {\n  font-size: var(--six-button-font-size-small);\n  height: var(--six-height-small);\n  line-height: calc(var(--six-height-small) - var(--six-border-width) * 2);\n}\n\n.button--medium {\n  font-size: var(--six-button-font-size-medium);\n  height: var(--six-height-medium);\n  line-height: calc(var(--six-height-medium) - var(--six-border-width) * 2);\n}\n\n.button--large {\n  font-size: var(--six-button-font-size-large);\n  height: var(--six-height-large);\n  line-height: calc(var(--six-height-large) - var(--six-border-width) * 2);\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Pill modifier\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.button--pill {\n  &.button--small {\n    border-radius: var(--six-height-small);\n  }\n\n  &.button--medium {\n    border-radius: var(--six-height-medium);\n  }\n\n  &.button--large {\n    border-radius: var(--six-height-large);\n  }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Circle modifier\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.button--circle {\n  padding-left: 0;\n  padding-right: 0;\n  font-size: revert;\n\n  &.button--small {\n    width: var(--six-height-small);\n    border-radius: 50%;\n  }\n\n  &.button--medium {\n    width: var(--six-height-medium);\n    border-radius: 50%;\n  }\n\n  &.button--large {\n    width: var(--six-height-large);\n    border-radius: 50%;\n  }\n\n  .button__prefix,\n  .button__suffix,\n  .button__caret {\n    display: none;\n\n    svg {\n      color: var(--six-color-web-rock-900);\n    }\n  }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Caret modifier\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.button--caret {\n  .button__suffix {\n    display: none;\n  }\n\n  .button__caret {\n    display: flex;\n    align-items: center;\n\n    svg {\n      color: var(--six-color-web-rock-900);\n      width: 1em;\n      height: 1em;\n    }\n  }\n}\n\n.button--primary,\n.button--action,\n.button--danger {\n  .button__caret {\n    svg {\n      color: var(--six-color-white);\n    }\n  }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Loading modifier\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.button--loading {\n  position: relative;\n  cursor: wait;\n\n  .button__prefix,\n  .button__label,\n  .button__suffix,\n  .button__caret {\n    visibility: hidden;\n  }\n\n  six-spinner {\n    --indicator-color: currentColor;\n    position: absolute;\n    height: 1em;\n    width: 1em;\n    top: calc(50% - 0.5em);\n    left: calc(50% - 0.5em);\n  }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Badges\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.button ::slotted(six-badge) {\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translateY(-50%) translateX(50%);\n  pointer-events: none;\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Button spacing\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.button--has-label {\n  &.button--small .button__label {\n    padding: 0 var(--six-spacing-small);\n  }\n\n  &.button--medium .button__label {\n    padding: 0 var(--six-spacing-medium);\n  }\n\n  &.button--large .button__label {\n    padding: 0 var(--six-spacing-large);\n  }\n}\n\n.button--has-prefix {\n  &.button--small {\n    padding-left: var(--six-spacing-x-small);\n\n    .button__label {\n      padding-left: var(--six-spacing-x-small);\n    }\n  }\n\n  &.button--medium {\n    padding-left: var(--six-spacing-small);\n\n    .button__label {\n      padding-left: var(--six-spacing-small);\n    }\n  }\n\n  &.button--large {\n    padding-left: var(--six-spacing-small);\n\n    .button__label {\n      padding-left: var(--six-spacing-small);\n    }\n  }\n}\n\n.button--has-suffix,\n.button--caret {\n  &.button--small {\n    padding-right: var(--six-spacing-x-small);\n\n    .button__label {\n      padding-right: var(--six-spacing-x-small);\n    }\n  }\n\n  &.button--medium {\n    padding-right: var(--six-spacing-small);\n\n    .button__label {\n      padding-right: var(--six-spacing-small);\n    }\n  }\n\n  &.button--large {\n    padding-right: var(--six-spacing-small);\n\n    .button__label {\n      padding-right: var(--six-spacing-small);\n    }\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State } from '@stencil/core';\nimport { hasSlot } from '../../utils/slot';\nimport { EmptyPayload } from '../../utils/types';\nimport { submitForm } from '../../utils/form';\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 button's label.\n * @slot prefix - Used to prepend an icon or similar element to the button.\n * @slot suffix - Used to append an icon or similar element to the button.\n *\n * @part base - The component's base wrapper.\n * @part prefix - The prefix container.\n * @part label - The button's label.\n * @part suffix - The suffix container.\n * @part caret - The button's caret.\n */\n\n@Component({\n  tag: 'six-button',\n  styleUrl: 'six-button.scss',\n  shadow: true,\n})\nexport class SixButton {\n  private nativeButton?: HTMLButtonElement | HTMLAnchorElement;\n\n  @Element() host!: HTMLSixButtonElement;\n\n  @State() hasFocus = false;\n  @State() hasLabel = false;\n  @State() hasPrefix = false;\n  @State() hasSuffix = false;\n\n  /** The button's type. */\n  @Prop({ reflect: true }) type: 'secondary' | 'primary' | 'link' | 'success' | 'warning' | 'danger' | 'action' =\n    'primary';\n\n  /** The button's size. */\n  @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Set to true to draw the button with a caret for use with dropdowns, popovers, etc. */\n  @Prop() caret = false;\n\n  /** Set to true to disable the button. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Set to true to draw the button in a loading state. */\n  @Prop({ reflect: true }) loading = false;\n\n  /** Set to true to draw a pill-style button with rounded edges. */\n  @Prop({ reflect: true }) pill = false;\n\n  /** Set to true to draw a circle button. */\n  @Prop({ reflect: true }) circle = false;\n\n  /** Indicates if activating the button should submit the form. Ignored when `href` is set. */\n  @Prop({ reflect: true }) submit = false;\n\n  /** Indicates if activating the button should reset the form. */\n  @Prop({ reflect: true }) reset = false;\n\n  /** An optional name for the button. Ignored when `href` is set. */\n  @Prop() name = '';\n\n  /** An optional value for the button. Ignored when `href` is set. */\n  @Prop() value = '';\n\n  /** When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`. */\n  @Prop() href?: string;\n\n  /** Tells the browser where to open the link. Only used when `href` is set. */\n  @Prop() target?: '_blank' | '_parent' | '_self' | '_top';\n\n  /** Tells the browser to download the linked file as this filename. Only used when `href` is set. */\n  @Prop() download?: string;\n\n  /** Emitted when the button loses focus. */\n  @Event({ eventName: 'six-button-blur' }) sixBlur!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the button gains focus. */\n  @Event({ eventName: 'six-button-focus' }) sixFocus!: EventEmitter<EmptyPayload>;\n\n  componentWillLoad() {\n    this.handleSlotChange();\n  }\n\n  /** Sets focus on the button. */\n  @Method()\n  async setFocus(options?: FocusOptions) {\n    this.nativeButton?.focus(options);\n  }\n\n  /** Removes focus from the button. */\n  @Method()\n  async removeFocus() {\n    this.nativeButton?.blur();\n  }\n\n  private handleSlotChange = () => {\n    this.hasLabel = hasSlot(this.host);\n    this.hasPrefix = hasSlot(this.host, 'prefix');\n    this.hasSuffix = hasSlot(this.host, 'suffix');\n  };\n\n  private handleBlur = () => {\n    this.hasFocus = false;\n    this.sixBlur.emit();\n  };\n\n  private handleFocus = () => {\n    this.hasFocus = true;\n    this.sixFocus.emit();\n  };\n\n  private handleClick = (event: MouseEvent) => {\n    if (this.disabled || this.loading) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    if (this.submit) {\n      event.preventDefault();\n      submitForm(this.host);\n    }\n  };\n\n  render() {\n    const isLink = this.href != null;\n    const isButton = !isLink;\n    const Button = isLink ? 'a' : 'button';\n\n    return (\n      <div onClick={this.handleClick} class={{ 'button-wrapper--disabled': this.disabled }}>\n        <Button\n          ref={(el) => (this.nativeButton = el)}\n          part=\"base\"\n          class={{\n            button: true,\n\n            // Types\n            'button--secondary': this.type === 'secondary',\n            'button--primary': this.type === 'primary',\n            'button--link': this.type === 'link',\n            'button--success': this.type === 'success',\n            'button--warning': this.type === 'warning',\n            'button--danger': this.type === 'danger',\n            'button--action': this.type === 'action',\n\n            // Sizes\n            'button--small': this.size === 'small',\n            'button--medium': this.size === 'medium',\n            'button--large': this.size === 'large',\n\n            // Modifiers\n            'button--caret': this.caret,\n            'button--circle': this.circle,\n            'button--disabled': this.disabled,\n            'button--focused': this.hasFocus,\n            'button--loading': this.loading,\n            'button--pill': this.pill,\n            'button--has-label': this.hasLabel,\n            'button--has-prefix': this.hasPrefix,\n            'button--has-suffix': this.hasSuffix,\n          }}\n          disabled={isButton ? this.disabled : undefined}\n          tabindex={this.disabled ? '-1' : undefined}\n          type={isButton ? (this.submit ? 'submit' : this.reset ? 'reset' : 'button') : undefined}\n          name={isButton ? this.name : undefined}\n          value={isButton ? this.value : undefined}\n          href={isLink ? this.href : undefined}\n          target={isLink && this.target != null ? this.target : undefined}\n          download={isLink && this.download != null ? this.download : undefined}\n          rel={isLink && this.target != null ? 'noreferrer noopener' : undefined}\n          onBlur={this.handleBlur}\n          onFocus={this.handleFocus}\n          data-testid=\"button\"\n        >\n          <span part=\"prefix\" class=\"button__prefix\">\n            <slot onSlotchange={this.handleSlotChange} name=\"prefix\" />\n          </span>\n          <span part=\"label\" class=\"button__label\">\n            <slot onSlotchange={this.handleSlotChange} />\n          </span>\n          <span part=\"suffix\" class=\"button__suffix\">\n            <slot onSlotchange={this.handleSlotChange} name=\"suffix\" />\n          </span>\n          {this.caret && (\n            <span part=\"caret\" class=\"button__caret\">\n              <svg\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              >\n                <polyline points=\"6 9 12 15 18 9\" />\n              </svg>\n            </span>\n          )}\n\n          {this.loading && <six-spinner />}\n        </Button>\n      </div>\n    );\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+const e="ui-library";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:true,cmpDidRender:true,cmpDidUnload:false,cmpDidUpdate:true,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:false,cmpWillUpdate:false,connectedCallback:true,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:false,hostListenerTargetDocument:false,hostListenerTargetParent:false,hostListenerTargetWindow:true,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:true,scoped:true,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:true,state:true,style:true,svg:true,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:false,watchCallback:true};let n;let s;let l;let o=false;let i=false;let c=false;let f=false;let r=false;const u=(e,t="")=>{{return()=>{}}};const a=(e,t)=>{{return()=>{}}};const d="{visibility:hidden}.hydrated{visibility:inherit}";const v="slot-fb{display:contents}slot-fb[hidden]{display:none}";const p={};const m="http://www.w3.org/2000/svg";const h="http://www.w3.org/1999/xhtml";const y=e=>e!=null;const b=e=>{e=typeof e;return e==="object"||e==="function"};function g(e){var t,n,s;return(s=(n=(t=e.head)===null||t===void 0?void 0:t.querySelector('meta[name="csp-nonce"]'))===null||n===void 0?void 0:n.getAttribute("content"))!==null&&s!==void 0?s:undefined}const $=(e,t,...n)=>{let s=null;let l=null;let o=null;let i=false;let c=false;const f=[];const r=t=>{for(let n=0;n<t.length;n++){s=t[n];if(Array.isArray(s)){r(s)}else if(s!=null&&typeof s!=="boolean"){if(i=typeof e!=="function"&&!b(s)){s=String(s)}if(i&&c){f[f.length-1].t+=s}else{f.push(i?w(null,s):s)}c=i}}};r(n);if(t){if(t.key){l=t.key}if(t.name){o=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,f,C)}const u=w(e,null);u.l=t;if(f.length>0){u.o=f}{u.i=l}{u.u=o}return u};const w=(e,t)=>{const n={v:0,p:e,t,m:null,o:null};{n.l=null}{n.i=null}{n.u=null}return n};const S={};const k=e=>e&&e.p===S;const C={forEach:(e,t)=>e.map(j).forEach(t),map:(e,t)=>e.map(j).map(t).map(O)};const j=e=>({vattrs:e.l,vchildren:e.o,vkey:e.i,vname:e.u,vtag:e.p,vtext:e.t});const O=e=>{if(typeof e.vtag==="function"){const t=Object.assign({},e.vattrs);if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return $(e.vtag,t,...e.vchildren||[])}const t=w(e.vtag,e.vtext);t.l=e.vattrs;t.o=e.vchildren;t.i=e.vkey;t.u=e.vname;return t};const T=(e,t)=>{if(e!=null&&!b(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};const x=e=>Re(e).$hostElement$;const L=(e,t,n)=>{const s=x(e);return{emit:e=>R(s,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};const R=(e,t,n)=>{const s=ze.ce(t,n);e.dispatchEvent(s);return s};const D=new WeakMap;const F=(e,t,n)=>{let s=Ue.get(e);if(He&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=t}else{s.replaceSync(t)}}else{s=t}Ue.set(e,s)};const M=(e,t,n)=>{var s;const l=N(t);const o=Ue.get(l);e=e.nodeType===11?e:Ee;if(o){if(typeof o==="string"){e=e.head||e;let n=D.get(e);let i;if(!n){D.set(e,n=new Set)}if(!n.has(l)){{i=Ee.createElement("style");i.innerHTML=o;const t=(s=ze.h)!==null&&s!==void 0?s:g(Ee);if(t!=null){i.setAttribute("nonce",t)}e.insertBefore(i,e.querySelector("link"))}if(t.v&4){i.innerHTML+=v}if(n){n.add(l)}}}else if(!e.adoptedStyleSheets.includes(o)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]}}return l};const A=e=>{const t=e.$;const n=e.$hostElement$;const s=t.v;const l=u("attachStyles",t.S);const o=M(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(s&10){n["s-sc"]=o;n.classList.add(o+"-h");if(s&2){n.classList.add(o+"-s")}}l()};const N=(e,t)=>"sc-"+e.S;const P=(e,t,n,s,l,o)=>{if(n!==s){let i=Me(e,t);let c=t.toLowerCase();if(t==="class"){const t=e.classList;const l=W(n);const o=W(s);t.remove(...l.filter((e=>e&&!o.includes(e))));t.add(...o.filter((e=>e&&!l.includes(e))))}else if(t==="style"){{for(const t in n){if(!s||s[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in s){if(!n||s[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,s[t])}else{e.style[t]=s[t]}}}}else if(t==="key");else if(t==="ref"){if(s){s(e)}}else if(!i&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(Me(We,c)){t=c.slice(2)}else{t=c[2]+t.slice(3)}if(n||s){const l=t.endsWith(E);t=t.replace(z,"");if(n){ze.rel(e,t,n,l)}if(s){ze.ael(e,t,s,l)}}}else{const c=b(s);if((i||c&&s!==null)&&!l){try{if(!e.tagName.includes("-")){const l=s==null?"":s;if(t==="list"){i=false}else if(n==null||e[t]!=l){e[t]=l}}else{e[t]=s}}catch(e){}}if(s==null||s===false){if(s!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!i||o&4||l)&&!c){s=s===true?"":s;{e.setAttribute(t,s)}}}}};const U=/\s/;const W=e=>!e?[]:e.split(U);const E="Capture";const z=new RegExp(E+"$");const B=(e,t,n,s)=>{const l=t.m.nodeType===11&&t.m.host?t.m.host:t.m;const o=e&&e.l||p;const i=t.l||p;{for(s in o){if(!(s in i)){P(l,s,o[s],undefined,n,t.v)}}}for(s in i){P(l,s,o[s],i[s],n,t.v)}};const H=(e,t,i,r)=>{var u;const a=t.o[i];let d=0;let v;let p;let b;if(!o){c=true;if(a.p==="slot"){if(n){r.classList.add(n+"-s")}a.v|=a.o?2:1}}if(a.t!==null){v=a.m=Ee.createTextNode(a.t)}else if(a.v&1){v=a.m=Ee.createTextNode("")}else{if(!f){f=a.p==="svg"}v=a.m=Ee.createElementNS(f?m:h,a.v&2?"slot-fb":a.p);if(f&&a.p==="foreignObject"){f=false}{B(null,a,f)}if(y(n)&&v["s-si"]!==n){v.classList.add(v["s-si"]=n)}if(a.o){for(d=0;d<a.o.length;++d){p=H(e,a,d,v);if(p){v.appendChild(p)}}}{if(a.p==="svg"){f=false}else if(v.tagName==="foreignObject"){f=true}}}v["s-hn"]=l;{if(a.v&(2|1)){v["s-sr"]=true;v["s-fs"]=(u=a.l)===null||u===void 0?void 0:u.slot;v["s-cr"]=s;v["s-sn"]=a.u||"";b=e&&e.o&&e.o[i];if(b&&b.p===a.p&&e.m){{Q(e.m,false)}}}}return v};const Q=(e,t)=>{var n;ze.v|=1;const s=e.childNodes;for(let e=s.length-1;e>=0;e--){const o=s[e];if(o["s-hn"]!==l&&o["s-ol"]){_(o).insertBefore(o,X(o));o["s-ol"].remove();o["s-ol"]=undefined;o["s-sh"]=undefined;if(o.nodeType===1){o.setAttribute("slot",(n=o["s-sn"])!==null&&n!==void 0?n:"")}c=true}if(t){Q(o,t)}}ze.v&=~1};const q=(e,t,n,s,o,i)=>{let c=e["s-cr"]&&e["s-cr"].parentNode||e;let f;if(c.shadowRoot&&c.tagName===l){c=c.shadowRoot}for(;o<=i;++o){if(s[o]){f=H(null,n,o,e);if(f){s[o].m=f;c.insertBefore(f,X(t))}}}};const I=(e,t,n)=>{for(let s=t;s<=n;++s){const t=e[s];if(t){const e=t.m;te(t);if(e){{i=true;if(e["s-ol"]){e["s-ol"].remove()}else{Q(e,true)}}e.remove()}}}};const K=(e,t,n,s,l=false)=>{let o=0;let i=0;let c=0;let f=0;let r=t.length-1;let u=t[0];let a=t[r];let d=s.length-1;let v=s[0];let p=s[d];let m;let h;while(o<=r&&i<=d){if(u==null){u=t[++o]}else if(a==null){a=t[--r]}else if(v==null){v=s[++i]}else if(p==null){p=s[--d]}else if(V(u,v,l)){G(u,v,l);u=t[++o];v=s[++i]}else if(V(a,p,l)){G(a,p,l);a=t[--r];p=s[--d]}else if(V(u,p,l)){if(u.p==="slot"||p.p==="slot"){Q(u.m.parentNode,false)}G(u,p,l);e.insertBefore(u.m,a.m.nextSibling);u=t[++o];p=s[--d]}else if(V(a,v,l)){if(u.p==="slot"||p.p==="slot"){Q(a.m.parentNode,false)}G(a,v,l);e.insertBefore(a.m,u.m);a=t[--r];v=s[++i]}else{c=-1;{for(f=o;f<=r;++f){if(t[f]&&t[f].i!==null&&t[f].i===v.i){c=f;break}}}if(c>=0){h=t[c];if(h.p!==v.p){m=H(t&&t[i],n,c,e)}else{G(h,v,l);t[c]=undefined;m=h.m}v=s[++i]}else{m=H(t&&t[i],n,i,e);v=s[++i]}if(m){{_(u.m).insertBefore(m,X(u.m))}}}}if(o>r){q(e,s[d+1]==null?null:s[d+1].m,n,s,i,d)}else if(i>d){I(t,o,r)}};const V=(e,t,n=false)=>{if(e.p===t.p){if(e.p==="slot"){return e.u===t.u}if(!n){return e.i===t.i}return true}return false};const X=e=>e&&e["s-ol"]||e;const _=e=>(e["s-ol"]?e["s-ol"]:e).parentNode;const G=(e,t,n=false)=>{const s=t.m=e.m;const l=e.o;const o=t.o;const i=t.p;const c=t.t;let r;if(c===null){{f=i==="svg"?true:i==="foreignObject"?false:f}{if(i==="slot");else{B(e,t,f)}}if(l!==null&&o!==null){K(s,l,t,o,n)}else if(o!==null){if(e.t!==null){s.textContent=""}q(s,null,t,o,0,o.length-1)}else if(l!==null){I(l,0,l.length-1)}if(f&&i==="svg"){f=false}}else if(r=s["s-cr"]){r.parentNode.textContent=c}else if(e.t!==c){s.data=c}};const J=e=>{const t=e.childNodes;for(const e of t){if(e.nodeType===1){if(e["s-sr"]){const n=e["s-sn"];e.hidden=false;for(const s of t){if(s!==e){if(s["s-hn"]!==e["s-hn"]||n!==""){if(s.nodeType===1&&(n===s.getAttribute("slot")||n===s["s-sn"])){e.hidden=true;break}}else{if(s.nodeType===1||s.nodeType===3&&s.textContent.trim()!==""){e.hidden=true;break}}}}}J(e)}}};const Y=[];const Z=e=>{let n;let s;let l;for(const o of e.childNodes){if(o["s-sr"]&&(n=o["s-cr"])&&n.parentNode){s=n.parentNode.childNodes;const e=o["s-sn"];for(l=s.length-1;l>=0;l--){n=s[l];if(!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==o["s-hn"]&&!t.experimentalSlotFixes){if(ee(n,e)){let t=Y.find((e=>e.k===n));i=true;n["s-sn"]=n["s-sn"]||e;if(t){t.k["s-sh"]=o["s-hn"];t.C=o}else{n["s-sh"]=o["s-hn"];Y.push({C:o,k:n})}if(n["s-sr"]){Y.map((e=>{if(ee(e.k,n["s-sn"])){t=Y.find((e=>e.k===n));if(t&&!e.C){e.C=t.C}}}))}}else if(!Y.some((e=>e.k===n))){Y.push({k:n})}}}}if(o.nodeType===1){Z(o)}}};const ee=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};const te=e=>{{e.l&&e.l.ref&&e.l.ref(null);e.o&&e.o.map(te)}};const ne=(e,t,f=false)=>{var r,u,a,d;const v=e.$hostElement$;const p=e.$;const m=e.j||w(null,null);const h=k(t)?t:$(null,null,t);l=v.tagName;if(p.O){h.l=h.l||{};p.O.map((([e,t])=>h.l[t]=v[e]))}if(f&&h.l){for(const e of Object.keys(h.l)){if(v.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){h.l[e]=v[e]}}}h.p=null;h.v|=4;e.j=h;h.m=m.m=v.shadowRoot||v;{n=v["s-sc"]}{s=v["s-cr"];o=(p.v&1)!==0;i=false}G(m,h,f);{ze.v|=1;if(c){Z(h.m);for(const e of Y){const t=e.k;if(!t["s-ol"]){const e=Ee.createTextNode("");e["s-nr"]=t;t.parentNode.insertBefore(t["s-ol"]=e,t)}}for(const e of Y){const t=e.k;const n=e.C;if(n){const e=n.parentNode;let s=n.nextSibling;{let n=(r=t["s-ol"])===null||r===void 0?void 0:r.previousSibling;while(n){let l=(u=n["s-nr"])!==null&&u!==void 0?u:null;if(l&&l["s-sn"]===t["s-sn"]&&e===l.parentNode){l=l.nextSibling;if(!l||!l["s-nr"]){s=l;break}}n=n.previousSibling}}if(!s&&e!==t.parentNode||t.nextSibling!==s){if(t!==s){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}e.insertBefore(t,s);if(t.nodeType===1){t.hidden=(a=t["s-ih"])!==null&&a!==void 0?a:false}}}}else{if(t.nodeType===1){if(f){t["s-ih"]=(d=t.hidden)!==null&&d!==void 0?d:false}t.hidden=true}}}}if(i){J(h.m)}ze.v&=~1;Y.length=0}};const se=(e,t)=>{if(t&&!e.T&&t["s-p"]){t["s-p"].push(new Promise((t=>e.T=t)))}};const le=(e,t)=>{{e.v|=16}if(e.v&4){e.v|=512;return}se(e,e.L);const n=()=>oe(e,t);return _e(n)};const oe=(e,t)=>{const n=u("scheduleUpdate",e.$.S);const s=e.R;let l;if(t){{e.v|=256;if(e.D){e.D.map((([e,t])=>de(s,e,t)));e.D=undefined}}{l=de(s,"componentWillLoad")}}n();return ie(l,(()=>fe(e,s,t)))};const ie=(e,t)=>ce(e)?e.then(t):t();const ce=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";const fe=async(e,t,n)=>{var s;const l=e.$hostElement$;const o=u("update",e.$.S);const i=l["s-rc"];if(n){A(e)}const c=u("render",e.$.S);{re(e,t,l,n)}if(i){i.map((e=>e()));l["s-rc"]=undefined}c();o();{const t=(s=l["s-p"])!==null&&s!==void 0?s:[];const n=()=>ue(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.v|=4;t.length=0}}};const re=(e,t,n,s)=>{try{t=t.render();{e.v&=~16}{e.v|=2}{{{ne(e,t,s)}}}}catch(t){Ae(t,e.$hostElement$)}return null};const ue=e=>{const t=e.$.S;const n=e.$hostElement$;const s=u("postUpdate",t);const l=e.R;const o=e.L;{de(l,"componentDidRender")}if(!(e.v&64)){e.v|=64;{ve(n)}{de(l,"componentDidLoad")}s();{e.F(n);if(!o){ae()}}}else{{de(l,"componentDidUpdate")}s()}{e.M(n)}{if(e.T){e.T();e.T=undefined}if(e.v&512){Xe((()=>le(e,false)))}e.v&=~(4|512)}};const ae=t=>{{ve(Ee.documentElement)}Xe((()=>R(We,"appload",{detail:{namespace:e}})))};const de=(e,t,n)=>{if(e&&e[t]){try{return e[t](n)}catch(e){Ae(e)}}return undefined};const ve=e=>e.classList.add("hydrated");const pe=(e,t)=>Re(e).A.get(t);const me=(e,t,n,s)=>{const l=Re(e);const o=l.$hostElement$;const i=l.A.get(t);const c=l.v;const f=l.R;n=T(n,s.N[t][0]);const r=Number.isNaN(i)&&Number.isNaN(n);const u=n!==i&&!r;if((!(c&8)||i===undefined)&&u){l.A.set(t,n);if(f){if(s.P&&c&128){const e=s.P[t];if(e){e.map((e=>{try{f[e](n,i,t)}catch(e){Ae(e,o)}}))}}if((c&(2|16))===2){le(l,false)}}}};const he=(e,t,n)=>{var s;const l=e.prototype;if(t.N){if(e.watchers){t.P=e.watchers}const o=Object.entries(t.N);o.map((([e,[s]])=>{if(s&31||n&2&&s&32){Object.defineProperty(l,e,{get(){return pe(this,e)},set(n){me(this,e,n,t)},configurable:true,enumerable:true})}else if(n&1&&s&64){Object.defineProperty(l,e,{value(...t){var n;const s=Re(this);return(n=s===null||s===void 0?void 0:s.U)===null||n===void 0?void 0:n.then((()=>{var n;return(n=s.R)===null||n===void 0?void 0:n[e](...t)}))}})}}));if(n&1){const n=new Map;l.attributeChangedCallback=function(e,s,o){ze.jmp((()=>{var i;const c=n.get(e);if(this.hasOwnProperty(c)){o=this[c];delete this[c]}else if(l.hasOwnProperty(c)&&typeof this[c]==="number"&&this[c]==o){return}else if(c==null){const n=Re(this);const l=n===null||n===void 0?void 0:n.v;if(l&&!(l&8)&&l&128&&o!==s){const l=n.R;const c=(i=t.P)===null||i===void 0?void 0:i[e];c===null||c===void 0?void 0:c.forEach((t=>{if(l[t]!=null){l[t].call(l,o,s,e)}}))}return}this[c]=o===null&&typeof this[c]==="boolean"?false:o}))};e.observedAttributes=Array.from(new Set([...Object.keys((s=t.P)!==null&&s!==void 0?s:{}),...o.filter((([e,t])=>t[0]&15)).map((([e,s])=>{var l;const o=s[1]||e;n.set(o,e);if(s[0]&512){(l=t.O)===null||l===void 0?void 0:l.push([e,o])}return o}))]))}}return e};const ye=async(e,t,n,s)=>{let l;if((t.v&32)===0){t.v|=32;{l=Pe(n);if(l.then){const e=a();l=await l;e()}if(!l.isProxied){{n.P=l.watchers}he(l,n,2);l.isProxied=true}const e=u("createInstance",n.S);{t.v|=8}try{new l(t)}catch(e){Ae(e)}{t.v&=~8}{t.v|=128}e();be(t.R)}if(l.style){let e=l.style;const t=N(n);if(!Ue.has(t)){const s=u("registerStyles",n.S);F(t,e,!!(n.v&1));s()}}}const o=t.L;const i=()=>le(t,true);if(o&&o["s-rc"]){o["s-rc"].push(i)}else{i()}};const be=e=>{{de(e,"connectedCallback")}};const ge=e=>{if((ze.v&1)===0){const t=Re(e);const n=t.$;const s=u("connectedCallback",n.S);if(!(t.v&1)){t.v|=1;{if(n.v&(4|8)){$e(e)}}{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){se(t,t.L=n);break}}}if(n.N){Object.entries(n.N).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{ye(e,t,n)}}else{Ce(e,t,n.W);if(t===null||t===void 0?void 0:t.R){be(t.R)}else if(t===null||t===void 0?void 0:t.B){t.B.then((()=>be(t.R)))}}s()}};const $e=e=>{const t=e["s-cr"]=Ee.createComment("");t["s-cn"]=true;e.insertBefore(t,e.firstChild)};const we=e=>{{de(e,"disconnectedCallback")}};const Se=async e=>{if((ze.v&1)===0){const t=Re(e);{if(t.H){t.H.map((e=>e()));t.H=undefined}}if(t===null||t===void 0?void 0:t.R){we(t.R)}else if(t===null||t===void 0?void 0:t.B){t.B.then((()=>we(t.R)))}}};const ke=(e,t={})=>{var n;const s=u();const l=[];const o=t.exclude||[];const i=We.customElements;const c=Ee.head;const f=c.querySelector("meta[charset]");const r=Ee.createElement("style");const a=[];let p;let m=true;Object.assign(ze,t);ze.q=new URL(t.resourcesUrl||"./",Ee.baseURI).href;let h=false;e.map((e=>{e[1].map((t=>{var n;const s={v:t[0],S:t[1],N:t[2],W:t[3]};if(s.v&4){h=true}{s.N=t[2]}{s.W=t[3]}{s.O=[]}{s.P=(n=t[4])!==null&&n!==void 0?n:{}}const c=s.S;const f=class extends HTMLElement{constructor(e){super(e);e=this;Fe(e,s);if(s.v&1){{{e.attachShadow({mode:"open"})}}}}connectedCallback(){if(p){clearTimeout(p);p=null}if(m){a.push(this)}else{ze.jmp((()=>ge(this)))}}disconnectedCallback(){ze.jmp((()=>Se(this)))}componentOnReady(){return Re(this).B}};s.I=e[0];if(!o.includes(c)&&!i.get(c)){l.push(c);i.define(c,he(f,s,1))}}))}));if(h){r.innerHTML+=v}{r.innerHTML+=l+d}if(r.innerHTML.length){r.setAttribute("data-styles","");const e=(n=ze.h)!==null&&n!==void 0?n:g(Ee);if(e!=null){r.setAttribute("nonce",e)}c.insertBefore(r,f?f.nextSibling:c.firstChild)}m=false;if(a.length){a.map((e=>e.connectedCallback()))}else{{ze.jmp((()=>p=setTimeout(ae,30)))}}s()};const Ce=(e,t,n,s)=>{if(n){n.map((([n,s,l])=>{const o=Oe(e,n);const i=je(t,l);const c=Te(n);ze.ael(o,s,i,c);(t.H=t.H||[]).push((()=>ze.rel(o,s,i,c)))}))}};const je=(e,t)=>n=>{try{{if(e.v&256){e.R[t](n)}else{(e.D=e.D||[]).push([t,n])}}}catch(e){Ae(e)}};const Oe=(e,t)=>{if(t&8)return We;return e};const Te=e=>(e&2)!==0;const xe=e=>ze.h=e;const Le=new WeakMap;const Re=e=>Le.get(e);const De=(e,t)=>Le.set(t.R=e,t);const Fe=(e,t)=>{const n={v:0,$hostElement$:e,$:t,A:new Map};{n.U=new Promise((e=>n.M=e))}{n.B=new Promise((e=>n.F=e));e["s-p"]=[];e["s-rc"]=[]}Ce(e,n,t.W);return Le.set(e,n)};const Me=(e,t)=>t in e;const Ae=(e,t)=>(0,console.error)(e,t);const Ne=new Map;const Pe=(e,t,n)=>{const s=e.S.replace(/-/g,"_");const l=e.I;const o=Ne.get(l);if(o){return o[s]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((e=>{{Ne.set(l,e)}return e[s]}),Ae)};const Ue=new Map;const We=typeof window!=="undefined"?window:{};const Ee=We.document||{head:{}};const ze={v:0,q:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,s)=>e.addEventListener(t,n,s),rel:(e,t,n,s)=>e.removeEventListener(t,n,s),ce:(e,t)=>new CustomEvent(e,t)};const Be=e=>Promise.resolve(e);const He=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();const Qe=[];const qe=[];const Ie=(e,t)=>n=>{e.push(n);if(!r){r=true;if(t&&ze.v&4){Xe(Ve)}else{ze.raf(Ve)}}};const Ke=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){Ae(e)}}e.length=0};const Ve=()=>{Ke(Qe);{Ke(qe);if(r=Qe.length>0){ze.raf(Ve)}}};const Xe=e=>Be().then(e);const _e=Ie(qe,true);export{S as H,ke as b,L as c,x as g,$ as h,Be as p,De as r,xe as s};
+//# sourceMappingURL=p-ca63a6fa.js.map