@pine-ds/core 1.1.0 → 1.3.0

package/dist/esm/pds-checkbox_2.entry.js

@@ -1,107 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-6f0bb1b9.js';
-import { m as messageId, P as PdsLabel, a as assignDescription } from './pds-label-d7e11551.js';
-
-const pdsCheckboxCss = ":host{--border-default:var(--pine-border-width-thin) solid var(--pine-color-grey-400);--border-color-interactive-hover:var(--pine-border-width-thin) solid var(--pine-color-grey-500);--border-radius:var(--pine-border-radius-050);--box-shadow-focus:0 0 0 2px var(--pine-color-blue-200);--box-shadow-focus-invalid:0 0 0 2px var(--pine-color-red-200);--color-background:var(--pine-color-white);--color-background-disabled:var(--pine-color-grey-200);--color-background-hover:var(--pine-color-grey-100);--color-border-disabled:var(--pine-color-charcoal-100);--color-border-icon:var(--pine-color-white);--color-checked:var(--pine-color-charcoal-500);--color-disabled:var(--pine-color-grey-300);--color-invalid:var(--pine-color-red-300);--color-text-disabled:var(--pine-color-grey-500);--color-text-message:var(--pine-color-charcoal-200);--sizing-input:var(--pine-font-size-100);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}:host(.is-invalid) input{border-color:var(--color-invalid)}:host(.is-invalid) input:checked{background:var(--color-invalid)}:host(.is-invalid) input:focus-visible{-webkit-box-shadow:var(--box-shadow-focus-invalid);box-shadow:var(--box-shadow-focus-invalid);outline:none}:host(.is-invalid) label,:host(.is-invalid) .pds-checkbox__message--error{color:var(--color-invalid)}:host(.is-indeterminate) input:checked::after{border-bottom:0;-webkit-transform:rotate(87deg) translate3d(-114%, 25%, 0);transform:rotate(87deg) translate3d(-114%, 25%, 0)}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-background);border:var(--border-default);border-radius:var(--border-radius);height:var(--sizing-input);margin:0;position:relative;width:var(--sizing-input)}input:hover{background:var(--color-background-hover);border:var(--border-color-interactive-hover)}input:checked{background:var(--color-checked);border-color:var(--color-checked)}input:checked::after{border:1px solid var(--color-border-icon);border-left:0;border-top:0;content:\"\";display:block;height:7px;left:50%;position:absolute;top:50%;-webkit-transform:rotate(43deg) translate3d(-110%, -30%, 0);transform:rotate(43deg) translate3d(-110%, -30%, 0);width:4px}input:disabled{background:var(--color-background-disabled);border-color:var(--color-disabled);cursor:not-allowed}input:disabled:checked{background:var(--color-disabled);border-color:var(--color-disabled)}input:disabled:checked::after{border-color:var(--color-border-disabled)}input:disabled+label{color:var(--color-text-disabled);cursor:not-allowed}input:disabled~.pds-checkbox__message{color:var(--color-text-disabled)}input:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}label{-webkit-margin-start:10px;margin-inline-start:10px}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-checkbox__message{color:var(--color-text-message);font-size:14px;-webkit-margin-before:6px;margin-block-start:6px;-webkit-margin-start:26px;margin-inline-start:26px;width:100%}";
-const PdsCheckboxStyle0 = pdsCheckboxCss;
-
-const PdsCheckbox = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.pdsCheckboxChange = createEvent(this, "pdsCheckboxChange", 7);
-        this.handleCheckboxChange = (e) => {
-            if (this.disabled) {
-                return;
-            }
-            const target = e.target;
-            this.checked = target.checked;
-            this.pdsCheckboxChange.emit({
-                checked: target.checked,
-                value: this.value
-            });
-        };
-        this.checked = undefined;
-        this.componentId = undefined;
-        this.disabled = undefined;
-        this.errorMessage = undefined;
-        this.helperMessage = undefined;
-        this.indeterminate = undefined;
-        this.invalid = undefined;
-        this.label = undefined;
-        this.labelHidden = undefined;
-        this.name = undefined;
-        this.required = undefined;
-        this.value = undefined;
-    }
-    classNames() {
-        const classNames = [];
-        if (this.invalid) {
-            classNames.push('is-invalid');
-        }
-        if (this.indeterminate) {
-            classNames.push('is-indeterminate');
-        }
-        if (this.disabled) {
-            classNames.push('is-disabled');
-        }
-        return classNames.join('  ');
-    }
-    render() {
-        return (h(Host, { key: '6353e355fefe987180b1cb5b00af00e92c8f0c44', class: this.classNames() }, h("input", { key: '16f720ba2c5cad01f8d29456e3ecbc8e4cbb1ce8', "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, type: "checkbox", id: this.componentId, name: this.name, value: this.value, checked: this.checked, required: this.required, disabled: this.disabled, onChange: this.handleCheckboxChange }), h(PdsLabel, { key: '8de98b79b9390c392a2bf41173ac97e4e2f4d5e2', htmlFor: this.componentId, text: this.label, classNames: this.labelHidden ? 'visually-hidden' : '' }), this.helperMessage &&
-            h("div", { key: '02f61d5598e4da36f3c87cbb23863d0a485e3542', class: 'pds-checkbox__message', id: messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
-            h("div", { key: '4628f5df5aeeda30f53c327abf62d1125d3eb441', class: `pds-checkbox__message pds-checkbox__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, this.errorMessage)));
-    }
-};
-PdsCheckbox.style = PdsCheckboxStyle0;
-
-const pdsTableCellCss = ":host{--box-shadow-fixed:3px 3px 6px -2px rgba(0, 0, 0, 0.2);--color-background-fixed:var(--pine-color-white);--color-cell-default:var(--pine-color-charcoal-200);--dimension-fixed-cell-position:0;--dimension-max-width-truncated:100px;--font-size-cell-default:var(--pine-font-size-087);--number-fixed-column-index:0;--spacing-line-height-cell-default:var(--pine-line-height-125);--spacing-padding-cell-default:calc(var(--pine-spacing-300) / 2);--spacing-padding-compact:var(--pine-spacing-050);color:var(--color-cell-default);display:table-cell;font-size:var(--font-size-cell-default);line-height:var(--spacing-line-height-cell-default);padding:var(--spacing-padding-cell-default);vertical-align:inherit}:host(.is-compact){padding-block:var(--spacing-padding-compact)}:host(.is-fixed){background:var(--color-background-fixed);left:var(--dimension-fixed-cell-position);position:-webkit-sticky;position:sticky;z-index:1}:host(.has-scrolled.is-fixed){-webkit-box-shadow:var(--box-shadow-fixed);box-shadow:var(--box-shadow-fixed)}:host(.is-truncated){max-width:var(--dimension-max-width-truncated);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.has-checkbox){vertical-align:middle;width:16px}";
-const PdsTableCellStyle0 = pdsTableCellCss;
-
-const PdsTableCell = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.handleScroll = () => {
-            if (this.tableRef.scrollLeft > 0) {
-                this.tableScrolling = true;
-            }
-            else {
-                this.tableScrolling = false;
-            }
-        };
-        this.truncate = undefined;
-        this.tableScrolling = false;
-    }
-    componentWillRender() {
-        this.tableRef = this.hostElement.closest('pds-table');
-    }
-    componentDidLoad() {
-        if (this.tableRef && this.tableRef.responsive && this.tableRef.fixedColumn) {
-            this.tableRef.addEventListener('scroll', this.handleScroll);
-        }
-    }
-    classNames() {
-        const classNames = [];
-        if (this.tableRef && this.tableRef.compact) {
-            classNames.push('is-compact');
-        }
-        if (this.truncate) {
-            classNames.push('is-truncated');
-        }
-        if (this.tableRef && this.tableRef.fixedColumn && this.tableScrolling) {
-            classNames.push('has-scrolled');
-        }
-        return classNames.join(' ');
-    }
-    render() {
-        return (h(Host, { key: '7c7f228b3911eec633c6ffd817f22fbc6666be8a', class: this.classNames(), role: "gridcell", style: this.tableRef &&
-                this.tableRef.fixedColumn &&
-                this.tableRef.selectable
-                ? { '--fixed-cell-position': '40px' }
-                : {} }, h("slot", { key: '37c43f300478beffc41d2450bbb5a6e13099f58e' })));
-    }
-    get hostElement() { return getElement(this); }
-};
-PdsTableCell.style = PdsTableCellStyle0;
-
-export { PdsCheckbox as pds_checkbox, PdsTableCell as pds_table_cell };
-
-//# sourceMappingURL=pds-checkbox_2.entry.js.map

package/dist/esm/pds-checkbox_2.entry.js.map

@@ -1 +0,0 @@
-{"file":"pds-checkbox.pds-table-cell.entry.js","mappings":"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","names":[],"sources":["src/components/pds-checkbox/pds-checkbox.scss?tag=pds-checkbox&encapsulation=shadow","src/components/pds-checkbox/pds-checkbox.tsx","src/components/pds-table/pds-table-cell/pds-table-cell.scss?tag=pds-table-cell&encapsulation=shadow","src/components/pds-table/pds-table-cell/pds-table-cell.tsx"],"sourcesContent":[":host {\n  --border-default: var(--pine-border-width-thin) solid var(--pine-color-grey-400);\n\n  --border-color-interactive-hover: var(--pine-border-width-thin) solid var(--pine-color-grey-500);\n\n  --border-radius: var(--pine-border-radius-050);\n\n  --box-shadow-focus: 0 0 0 2px var(--pine-color-blue-200);\n  --box-shadow-focus-invalid: 0 0 0 2px var(--pine-color-red-200);\n\n  --color-background: var(--pine-color-white);\n  --color-background-disabled: var(--pine-color-grey-200);\n  --color-background-hover: var(--pine-color-grey-100);\n  --color-border-disabled: var(--pine-color-charcoal-100);\n  --color-border-icon: var(--pine-color-white);\n  --color-checked: var(--pine-color-charcoal-500);\n  --color-disabled: var(--pine-color-grey-300);\n  --color-invalid: var(--pine-color-red-300);\n  --color-text-disabled: var(--pine-color-grey-500);\n  --color-text-message: var(--pine-color-charcoal-200);\n\n  --sizing-input: var(--pine-font-size-100);\n\n  align-items: center;\n  display: flex;\n  flex-flow: row wrap;\n}\n\n:host(.is-invalid) {\n  input {\n    border-color: var(--color-invalid);\n\n    &:checked {\n      background: var(--color-invalid);\n    }\n\n    &:focus-visible {\n      // outline: var(--pine-border-focus); Border radius for outline does not work in Safari\n      box-shadow: var(--box-shadow-focus-invalid); // Remove when outline radius is supported in Safari\n      outline: none;\n    }\n  }\n\n  label,\n  .pds-checkbox__message--error {\n    color: var(--color-invalid);\n  }\n}\n\n:host(.is-indeterminate) {\n  input:checked {\n    &::after {\n      border-bottom: 0;\n      transform: rotate(87deg) translate3d(-114%, 25%, 0);\n    }\n  }\n}\n\ninput {\n  appearance: none;\n  background-color: var(--color-background);\n  border: var(--border-default);\n  border-radius: var(--border-radius);\n  height: var(--sizing-input);\n  margin: 0;\n  position: relative;\n  width: var(--sizing-input);\n\n  &:hover {\n    background: var(--color-background-hover);\n    border: var(--border-color-interactive-hover);\n  }\n\n  &:checked {\n    background: var(--color-checked);\n    border-color: var(--color-checked);\n\n    &::after {\n      border: 1px solid var(--color-border-icon);\n      border-left: 0;\n      border-top: 0;\n      content: \"\";\n      display: block;\n      height: 7px;\n      left: 50%;\n      position: absolute;\n      top: 50%;\n      transform: rotate(43deg) translate3d(-110%, -30%, 0);\n      width: 4px;\n    }\n  }\n\n  &:disabled {\n    background: var(--color-background-disabled);\n    border-color: var(--color-disabled);\n    cursor: not-allowed;\n\n    &:checked {\n      background: var(--color-disabled);\n      border-color: var(--color-disabled);\n\n      &::after {\n        border-color: var(--color-border-disabled);\n      }\n    }\n\n    + label {\n      color: var(--color-text-disabled);\n      cursor: not-allowed;\n    }\n\n    ~ .pds-checkbox__message {\n      color: var(--color-text-disabled);\n    }\n  }\n\n  &:focus-visible {\n    // outline: var(--pine-border-focus); Border radius for outline does not work in Safari\n    box-shadow: var(--box-shadow-focus); // Remove when outline radius is supported in Safari\n    outline: none;\n  }\n}\n\nlabel {\n  margin-inline-start: 10px;\n}\n\n.visually-hidden {\n  border: 0;\n  clip: rect(0 0 0 0);\n  clip-path: polygon(0 0, 0 0, 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n.pds-checkbox__message {\n  color: var(--color-text-message);\n  font-size: 14px;\n  margin-block-start: 6px;\n  margin-inline-start: 26px;\n  width: 100%;\n}\n","import { Component, h, Prop, Host, Event, EventEmitter } from '@stencil/core';\nimport { assignDescription, messageId } from '../../utils/form';\nimport { PdsLabel } from '../_internal/pds-label/pds-label';\nimport { CheckboxChangeEventDetail } from './checkbox-interface';\n\n@Component({\n  tag: 'pds-checkbox',\n  styleUrl: 'pds-checkbox.scss',\n  shadow: true,\n})\nexport class PdsCheckbox {\n  /**\n   * It determines whether or not the checkbox is checked.\n   */\n  @Prop({ mutable: true }) checked: boolean;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * It determines whether or not the checkbox is disabled.\n   */\n  @Prop() disabled: boolean;\n\n  /**\n   * Displays message text describing an invalid state.\n   */\n  @Prop() errorMessage: string;\n\n  /**\n   * String used for helper message below checkbox.\n   */\n  @Prop() helperMessage: string;\n\n  /**\n   * If `true`, the checkbox will visually appear as indeterminate.\n   * Only JavaScript can set the objects `indeterminate` property. See [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes).\n   */\n  @Prop() indeterminate: boolean;\n\n  /**\n   * It determines whether or not the checkbox is invalid.\n   */\n  @Prop() invalid: boolean;\n\n  /**\n   * String used for label text next to checkbox.\n   */\n  @Prop() label: string;\n\n    /**\n   * Visually hides the label text for instances where only the checkbox should be displayed. Label remains accessible to assistive technology such as screen readers.\n   */\n    @Prop() labelHidden: boolean;\n\n  /**\n   * String used for checkbox `name` attribute.\n   */\n  @Prop() name: string;\n\n  /**\n   * It determines whether or not the checkbox is required.\n   */\n  @Prop() required: boolean;\n\n  /**\n   * The value of the checkbox that is submitted with a form.\n   */\n  @Prop() value: string;\n\n  /**\n   * Event emitted that contains the `value` and `checked`.\n   */\n  @Event() pdsCheckboxChange: EventEmitter<CheckboxChangeEventDetail>;\n\n  private handleCheckboxChange = (e: Event) => {\n    if (this.disabled) {\n      return;\n    }\n\n    const target = e.target as HTMLInputElement;\n    this.checked = target.checked;\n\n    this.pdsCheckboxChange.emit({\n      checked: target.checked,\n      value: this.value\n    });\n  }\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.invalid) { classNames.push('is-invalid'); }\n    if (this.indeterminate) { classNames.push('is-indeterminate'); }\n    if (this.disabled) { classNames.push('is-disabled'); }\n\n    return classNames.join('  ');\n  }\n\n  render() {\n    return (\n      <Host class={this.classNames()}>\n        <input\n          aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n          aria-invalid={this.invalid ? \"true\" : undefined}\n          type=\"checkbox\"\n          id={this.componentId}\n          name={this.name}\n          value={this.value}\n          checked={this.checked}\n          required={this.required}\n          disabled={this.disabled}\n          onChange={this.handleCheckboxChange}\n        />\n        <PdsLabel htmlFor={this.componentId} text={this.label} classNames={this.labelHidden ? 'visually-hidden' : ''} />\n        {this.helperMessage &&\n          <div\n            class={'pds-checkbox__message'}\n            id={messageId(this.componentId, 'helper')}\n          >\n            {this.helperMessage}\n          </div>\n        }\n        {this.errorMessage &&\n          <div\n            class={`pds-checkbox__message pds-checkbox__message--error`}\n            id={messageId(this.componentId, 'error')}\n            aria-live=\"assertive\"\n          >\n            {this.errorMessage}\n          </div>\n        }\n      </Host>\n    );\n  }\n}\n",":host {\n  --box-shadow-fixed: 3px 3px 6px -2px rgba(0, 0, 0, 0.2);\n\n  --color-background-fixed: var(--pine-color-white);\n  --color-cell-default: var(--pine-color-charcoal-200);\n\n  --dimension-fixed-cell-position: 0;\n  --dimension-max-width-truncated: 100px;\n\n  --font-size-cell-default: var(--pine-font-size-087);\n\n  --number-fixed-column-index: 0;\n\n  --spacing-line-height-cell-default: var(--pine-line-height-125);\n  --spacing-padding-cell-default: calc(var(--pine-spacing-300) / 2);\n  --spacing-padding-compact: var(--pine-spacing-050);\n\n  color: var(--color-cell-default);\n  display: table-cell;\n  font-size: var(--font-size-cell-default);\n  line-height: var(--spacing-line-height-cell-default);\n  padding: var(--spacing-padding-cell-default);\n  vertical-align: inherit;\n}\n\n:host(.is-compact) {\n  padding-block: var(--spacing-padding-compact);\n}\n\n:host(.is-fixed) {\n  background: var(--color-background-fixed);\n  left: var(--dimension-fixed-cell-position);\n  position: sticky;\n  z-index: 1;\n}\n\n// box shadow when table has scrolled and cell is fixed\n:host(.has-scrolled.is-fixed) {\n  box-shadow: var(--box-shadow-fixed);\n}\n\n:host(.is-truncated) {\n  max-width: var(--dimension-max-width-truncated);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n:host(.has-checkbox) {\n  vertical-align: middle;\n  width: 16px;\n}\n","import { Component, Element, Host, Prop, State, h } from '@stencil/core';\n\n@Component({\n  tag: 'pds-table-cell',\n  styleUrl: 'pds-table-cell.scss',\n  shadow: true,\n})\nexport class PdsTableCell {\n  @Element() hostElement: HTMLPdsTableCellElement;\n  tableRef: HTMLPdsTableElement;\n\n  componentWillRender() {\n    this.tableRef = this.hostElement.closest('pds-table') as HTMLPdsTableElement;\n  }\n\n  componentDidLoad() {\n    if (this.tableRef && this.tableRef.responsive && this.tableRef.fixedColumn) {\n      this.tableRef.addEventListener('scroll', this.handleScroll);\n    }\n  }\n\n  /**\n   * Truncates content to a max width of 100px and adds an ellipsis.\n   */\n  @Prop() truncate: boolean;\n\n  @State() private tableScrolling: boolean = false;\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.tableRef && this.tableRef.compact) {\n      classNames.push('is-compact');\n    }\n\n    if (this.truncate) {\n      classNames.push('is-truncated');\n    }\n\n    if (this.tableRef && this.tableRef.fixedColumn && this.tableScrolling) {\n      classNames.push('has-scrolled');\n    }\n\n    return classNames.join(' ');\n  }\n\n  private handleScroll = () => {\n    if (this.tableRef.scrollLeft > 0) {\n      this.tableScrolling = true;\n    } else {\n      this.tableScrolling = false;\n    }\n  };\n\n  render() {\n    return (\n      <Host\n        class={this.classNames()}\n        role=\"gridcell\"\n        style={\n          this.tableRef &&\n          this.tableRef.fixedColumn &&\n          this.tableRef.selectable\n            ? { '--fixed-cell-position': '40px' }\n            : {}\n          }\n        >\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm-es5/index-6f0bb1b9.js

@@ -1,3 +0,0 @@
-import{__awaiter,__extends,__generator,__spreadArray}from"tslib";var NAMESPACE="pine-core";var BUILD={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:true,cmpWillUpdate:false,connectedCallback:true,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:true,hostListenerTargetDocument:false,hostListenerTargetParent:false,hostListenerTargetWindow:false,hotModuleReplacement:false,hydrateClientSide:true,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:false,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:true,watchCallback:true};var scopeId;var contentRef;var hostTagName;var useNativeShadowDom=false;var checkSlotFallbackVisibility=false;var checkSlotRelocate=false;var isSvgMode=false;var queuePending=false;var createTime=function(e,t){if(t===void 0){t=""}{return function(){return}}};var uniqueTime=function(e,t){{return function(){return}}};var CONTENT_REF_ID="r";var ORG_LOCATION_ID="o";var SLOT_NODE_ID="s";var TEXT_NODE_ID="t";var HYDRATE_ID="s-id";var HYDRATED_STYLE_ID="sty-id";var HYDRATE_CHILD_ID="c-id";var HYDRATED_CSS="{visibility:hidden}.hydrated{visibility:inherit}";var SLOT_FB_CSS="slot-fb{display:contents}slot-fb[hidden]{display:none}";var XLINK_NS="http://www.w3.org/1999/xlink";var EMPTY_OBJ={};var isDef=function(e){return e!=null};var isComplexType=function(e){e=typeof e;return e==="object"||e==="function"};function queryNonceMetaTagContent(e){var t,r,n;return(n=(r=(t=e.head)===null||t===void 0?void 0:t.querySelector('meta[name="csp-nonce"]'))===null||r===void 0?void 0:r.getAttribute("content"))!==null&&n!==void 0?n:undefined}var h=function(e,t){var r=[];for(var n=2;n<arguments.length;n++){r[n-2]=arguments[n]}var a=null;var i=null;var o=null;var l=false;var u=false;var f=[];var s=function(t){for(var r=0;r<t.length;r++){a=t[r];if(Array.isArray(a)){s(a)}else if(a!=null&&typeof a!=="boolean"){if(l=typeof e!=="function"&&!isComplexType(a)){a=String(a)}if(l&&u){f[f.length-1].t+=a}else{f.push(l?newVNode(null,a):a)}u=l}}};s(r);if(t){if(t.key){i=t.key}if(t.name){o=t.name}{var c=t.className||t.class;if(c){t.class=typeof c!=="object"?c:Object.keys(c).filter((function(e){return c[e]})).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,f,vdomFnUtils)}var v=newVNode(e,null);v.i=t;if(f.length>0){v.o=f}{v.l=i}{v.u=o}return v};var newVNode=function(e,t){var r={v:0,p:e,t:t,m:null,o:null};{r.i=null}{r.l=null}{r.u=null}return r};var Host={};var isHost=function(e){return e&&e.p===Host};var vdomFnUtils={forEach:function(e,t){return e.map(convertToPublic).forEach(t)},map:function(e,t){return e.map(convertToPublic).map(t).map(convertToPrivate)}};var convertToPublic=function(e){return{vattrs:e.i,vchildren:e.o,vkey:e.l,vname:e.u,vtag:e.p,vtext:e.t}};var convertToPrivate=function(e){if(typeof e.vtag==="function"){var t=Object.assign({},e.vattrs);if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return h.apply(void 0,__spreadArray([e.vtag,t],e.vchildren||[],false))}var r=newVNode(e.vtag,e.vtext);r.i=e.vattrs;r.o=e.vchildren;r.l=e.vkey;r.u=e.vname;return r};var initializeClientHydrate=function(e,t,r,n){var a=createTime("hydrateClient",t);var i=e.shadowRoot;var o=[];var l=[];var u=i?[]:null;var f=n.h=newVNode(t,null);if(!plt.S){initializeDocumentHydrate(doc.body,plt.S=new Map)}e[HYDRATE_ID]=r;e.removeAttribute(HYDRATE_ID);clientHydrate(f,o,l,u,e,e,r);o.map((function(e){var r=e.T+"."+e._;var n=plt.S.get(r);var a=e.m;if(n&&supportsShadow&&n["s-en"]===""){n.parentNode.insertBefore(a,n.nextSibling)}if(!i){a["s-hn"]=t;if(n){a["s-ol"]=n;a["s-ol"]["s-nr"]=a}}plt.S.delete(r)}));if(i){u.map((function(e){if(e){i.appendChild(e)}}))}a()};var clientHydrate=function(e,t,r,n,a,i,o){var l;var u;var f;var s;if(i.nodeType===1){l=i.getAttribute(HYDRATE_CHILD_ID);if(l){u=l.split(".");if(u[0]===o||u[0]==="0"){f={v:0,T:u[0],_:u[1],C:u[2],$:u[3],p:i.tagName.toLowerCase(),m:i,i:null,o:null,l:null,u:null,t:null};t.push(f);i.removeAttribute(HYDRATE_CHILD_ID);if(!e.o){e.o=[]}e.o[f.$]=f;e=f;if(n&&f.C==="0"){n[f.$]=f.m}}}for(s=i.childNodes.length-1;s>=0;s--){clientHydrate(e,t,r,n,a,i.childNodes[s],o)}if(i.shadowRoot){for(s=i.shadowRoot.childNodes.length-1;s>=0;s--){clientHydrate(e,t,r,n,a,i.shadowRoot.childNodes[s],o)}}}else if(i.nodeType===8){u=i.nodeValue.split(".");if(u[1]===o||u[1]==="0"){l=u[0];f={v:0,T:u[1],_:u[2],C:u[3],$:u[4],m:i,i:null,o:null,l:null,u:null,p:null,t:null};if(l===TEXT_NODE_ID){f.m=i.nextSibling;if(f.m&&f.m.nodeType===3){f.t=f.m.textContent;t.push(f);i.remove();if(!e.o){e.o=[]}e.o[f.$]=f;if(n&&f.C==="0"){n[f.$]=f.m}}}else if(f.T===o){if(l===SLOT_NODE_ID){f.p="slot";if(u[5]){i["s-sn"]=f.u=u[5]}else{i["s-sn"]=""}i["s-sr"]=true;if(n){f.m=doc.createElement(f.p);if(f.u){f.m.setAttribute("name",f.u)}i.parentNode.insertBefore(f.m,i);i.remove();if(f.C==="0"){n[f.$]=f.m}}r.push(f);if(!e.o){e.o=[]}e.o[f.$]=f}else if(l===CONTENT_REF_ID){if(n){i.remove()}else{a["s-cr"]=i;i["s-cn"]=true}}}}}else if(e&&e.p==="style"){var c=newVNode(null,i.textContent);c.m=i;c.$="0";e.o=[c]}};var initializeDocumentHydrate=function(e,t){if(e.nodeType===1){var r=0;for(;r<e.childNodes.length;r++){initializeDocumentHydrate(e.childNodes[r],t)}if(e.shadowRoot){for(r=0;r<e.shadowRoot.childNodes.length;r++){initializeDocumentHydrate(e.shadowRoot.childNodes[r],t)}}}else if(e.nodeType===8){var n=e.nodeValue.split(".");if(n[0]===ORG_LOCATION_ID){t.set(n[1]+"."+n[2],e);e.nodeValue="";e["s-en"]=n[3]}}};var parsePropertyValue=function(e,t){if(e!=null&&!isComplexType(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};var getElement=function(e){return getHostRef(e).$hostElement$};var createEvent=function(e,t,r){var n=getElement(e);return{emit:function(e){return emitEvent(n,t,{bubbles:!!(r&4),composed:!!(r&2),cancelable:!!(r&1),detail:e})}}};var emitEvent=function(e,t,r){var n=plt.ce(t,r);e.dispatchEvent(n);return n};var rootAppliedStyles=new WeakMap;var registerStyle=function(e,t,r){var n=styles.get(e);if(supportsConstructableStylesheets&&r){n=n||new CSSStyleSheet;if(typeof n==="string"){n=t}else{n.replaceSync(t)}}else{n=t}styles.set(e,n)};var addStyle=function(e,t,r){var n;var a=getScopeId(t);var i=styles.get(a);e=e.nodeType===11?e:doc;if(i){if(typeof i==="string"){e=e.head||e;var o=rootAppliedStyles.get(e);var l=void 0;if(!o){rootAppliedStyles.set(e,o=new Set)}if(!o.has(a)){if(e.host&&(l=e.querySelector("[".concat(HYDRATED_STYLE_ID,'="').concat(a,'"]')))){l.innerHTML=i}else{l=doc.createElement("style");l.innerHTML=i;var u=(n=plt.D)!==null&&n!==void 0?n:queryNonceMetaTagContent(doc);if(u!=null){l.setAttribute("nonce",u)}e.insertBefore(l,e.querySelector("link"))}if(t.v&4){l.innerHTML+=SLOT_FB_CSS}if(o){o.add(a)}}}else if(!e.adoptedStyleSheets.includes(i)){e.adoptedStyleSheets=__spreadArray(__spreadArray([],e.adoptedStyleSheets,true),[i],false)}}return a};var attachStyles=function(e){var t=e.R;var r=e.$hostElement$;var n=t.v;var a=createTime("attachStyles",t.N);var i=addStyle(r.shadowRoot?r.shadowRoot:r.getRootNode(),t);if(n&10){r["s-sc"]=i;r.classList.add(i+"-h");if(n&2){r.classList.add(i+"-s")}}a()};var getScopeId=function(e,t){return"sc-"+e.N};var convertScopedToShadow=function(e){return e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{")};var setAccessor=function(e,t,r,n,a,i){if(r!==n){var o=isMemberInElement(e,t);var l=t.toLowerCase();if(t==="class"){var u=e.classList;var f=parseClassList(r);var s=parseClassList(n);u.remove.apply(u,f.filter((function(e){return e&&!s.includes(e)})));u.add.apply(u,s.filter((function(e){return e&&!f.includes(e)})))}else if(t==="style"){{for(var c in r){if(!n||n[c]==null){if(c.includes("-")){e.style.removeProperty(c)}else{e.style[c]=""}}}}for(var c in n){if(!r||n[c]!==r[c]){if(c.includes("-")){e.style.setProperty(c,n[c])}else{e.style[c]=n[c]}}}}else if(t==="key");else if(t==="ref"){if(n){n(e)}}else if(!o&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(isMemberInElement(win,l)){t=l.slice(2)}else{t=l[2]+t.slice(3)}if(r||n){var v=t.endsWith(CAPTURE_EVENT_SUFFIX);t=t.replace(CAPTURE_EVENT_REGEX,"");if(r){plt.rel(e,t,r,v)}if(n){plt.ael(e,t,n,v)}}}else{var d=isComplexType(n);if((o||d&&n!==null)&&!a){try{if(!e.tagName.includes("-")){var p=n==null?"":n;if(t==="list"){o=false}else if(r==null||e[t]!=p){e[t]=p}}else{e[t]=n}}catch(e){}}var m=false;{if(l!==(l=l.replace(/^xlink\:?/,""))){t=l;m=true}}if(n==null||n===false){if(n!==false||e.getAttribute(t)===""){if(m){e.removeAttributeNS(XLINK_NS,t)}else{e.removeAttribute(t)}}}else if((!o||i&4||a)&&!d){n=n===true?"":n;if(m){e.setAttributeNS(XLINK_NS,t,n)}else{e.setAttribute(t,n)}}}}};var parseClassListRegex=/\s/;var parseClassList=function(e){return!e?[]:e.split(parseClassListRegex)};var CAPTURE_EVENT_SUFFIX="Capture";var CAPTURE_EVENT_REGEX=new RegExp(CAPTURE_EVENT_SUFFIX+"$");var updateElement=function(e,t,r,n){var a=t.m.nodeType===11&&t.m.host?t.m.host:t.m;var i=e&&e.i||EMPTY_OBJ;var o=t.i||EMPTY_OBJ;{for(var l=0,u=sortedAttrNames(Object.keys(i));l<u.length;l++){n=u[l];if(!(n in o)){setAccessor(a,n,i[n],undefined,r,t.v)}}}for(var f=0,s=sortedAttrNames(Object.keys(o));f<s.length;f++){n=s[f];setAccessor(a,n,i[n],o[n],r,t.v)}};function sortedAttrNames(e){return e.includes("ref")?__spreadArray(__spreadArray([],e.filter((function(e){return e!=="ref"})),true),["ref"],false):e}var createElm=function(e,t,r,n){var a;var i=t.o[r];var o=0;var l;var u;var f;if(!useNativeShadowDom){checkSlotRelocate=true;if(i.p==="slot"){if(scopeId){n.classList.add(scopeId+"-s")}i.v|=i.o?2:1}}if(i.t!==null){l=i.m=doc.createTextNode(i.t)}else if(i.v&1){l=i.m=doc.createTextNode("")}else{l=i.m=doc.createElement(i.v&2?"slot-fb":i.p);{updateElement(null,i,isSvgMode)}if(isDef(scopeId)&&l["s-si"]!==scopeId){l.classList.add(l["s-si"]=scopeId)}if(i.o){for(o=0;o<i.o.length;++o){u=createElm(e,i,o,l);if(u){l.appendChild(u)}}}}l["s-hn"]=hostTagName;{if(i.v&(2|1)){l["s-sr"]=true;l["s-cr"]=contentRef;l["s-sn"]=i.u||"";l["s-rf"]=(a=i.i)===null||a===void 0?void 0:a.ref;f=e&&e.o&&e.o[r];if(f&&f.p===i.p&&e.m){{putBackInOriginalLocation(e.m,false)}}}}return l};var putBackInOriginalLocation=function(e,t){plt.v|=1;var r=Array.from(e.childNodes);if(e["s-sr"]&&BUILD.experimentalSlotFixes){var n=e;while(n=n.nextSibling){if(n&&n["s-sn"]===e["s-sn"]&&n["s-sh"]===hostTagName){r.push(n)}}}for(var a=r.length-1;a>=0;a--){var i=r[a];if(i["s-hn"]!==hostTagName&&i["s-ol"]){parentReferenceNode(i).insertBefore(i,referenceNode(i));i["s-ol"].remove();i["s-ol"]=undefined;i["s-sh"]=undefined;checkSlotRelocate=true}if(t){putBackInOriginalLocation(i,t)}}plt.v&=~1};var addVnodes=function(e,t,r,n,a,i){var o=e["s-cr"]&&e["s-cr"].parentNode||e;var l;if(o.shadowRoot&&o.tagName===hostTagName){o=o.shadowRoot}for(;a<=i;++a){if(n[a]){l=createElm(null,r,a,e);if(l){n[a].m=l;o.insertBefore(l,referenceNode(t))}}}};var removeVnodes=function(e,t,r){for(var n=t;n<=r;++n){var a=e[n];if(a){var i=a.m;nullifyVNodeRefs(a);if(i){{checkSlotFallbackVisibility=true;if(i["s-ol"]){i["s-ol"].remove()}else{putBackInOriginalLocation(i,true)}}i.remove()}}}};var updateChildren=function(e,t,r,n,a){if(a===void 0){a=false}var i=0;var o=0;var l=0;var u=0;var f=t.length-1;var s=t[0];var c=t[f];var v=n.length-1;var d=n[0];var p=n[v];var m;var h;while(i<=f&&o<=v){if(s==null){s=t[++i]}else if(c==null){c=t[--f]}else if(d==null){d=n[++o]}else if(p==null){p=n[--v]}else if(isSameVnode(s,d,a)){patch(s,d,a);s=t[++i];d=n[++o]}else if(isSameVnode(c,p,a)){patch(c,p,a);c=t[--f];p=n[--v]}else if(isSameVnode(s,p,a)){if(s.p==="slot"||p.p==="slot"){putBackInOriginalLocation(s.m.parentNode,false)}patch(s,p,a);e.insertBefore(s.m,c.m.nextSibling);s=t[++i];p=n[--v]}else if(isSameVnode(c,d,a)){if(s.p==="slot"||p.p==="slot"){putBackInOriginalLocation(c.m.parentNode,false)}patch(c,d,a);e.insertBefore(c.m,s.m);c=t[--f];d=n[++o]}else{l=-1;{for(u=i;u<=f;++u){if(t[u]&&t[u].l!==null&&t[u].l===d.l){l=u;break}}}if(l>=0){h=t[l];if(h.p!==d.p){m=createElm(t&&t[o],r,l,e)}else{patch(h,d,a);t[l]=undefined;m=h.m}d=n[++o]}else{m=createElm(t&&t[o],r,o,e);d=n[++o]}if(m){{parentReferenceNode(s.m).insertBefore(m,referenceNode(s.m))}}}}if(i>f){addVnodes(e,n[v+1]==null?null:n[v+1].m,r,n,o,v)}else if(o>v){removeVnodes(t,i,f)}};var isSameVnode=function(e,t,r){if(r===void 0){r=false}if(e.p===t.p){if(e.p==="slot"){return e.u===t.u}if(!r){return e.l===t.l}return true}return false};var referenceNode=function(e){return e&&e["s-ol"]||e};var parentReferenceNode=function(e){return(e["s-ol"]?e["s-ol"]:e).parentNode};var patch=function(e,t,r){if(r===void 0){r=false}var n=t.m=e.m;var a=e.o;var i=t.o;var o=t.p;var l=t.t;var u;if(l===null){{if(o==="slot"&&!useNativeShadowDom);else{updateElement(e,t,isSvgMode)}}if(a!==null&&i!==null){updateChildren(n,a,t,i,r)}else if(i!==null){if(e.t!==null){n.textContent=""}addVnodes(n,null,t,i,0,i.length-1)}else if(a!==null){removeVnodes(a,0,a.length-1)}}else if(u=n["s-cr"]){u.parentNode.textContent=l}else if(e.t!==l){n.data=l}};var updateFallbackSlotVisibility=function(e){var t=e.childNodes;for(var r=0,n=t;r<n.length;r++){var a=n[r];if(a.nodeType===1){if(a["s-sr"]){var i=a["s-sn"];a.hidden=false;for(var o=0,l=t;o<l.length;o++){var u=l[o];if(u!==a){if(u["s-hn"]!==a["s-hn"]||i!==""){if(u.nodeType===1&&(i===u.getAttribute("slot")||i===u["s-sn"])){a.hidden=true;break}}else{if(u.nodeType===1||u.nodeType===3&&u.textContent.trim()!==""){a.hidden=true;break}}}}}updateFallbackSlotVisibility(a)}}};var relocateNodes=[];var markSlotContentForRelocation=function(e){var t;var r;var n;for(var a=0,i=e.childNodes;a<i.length;a++){var o=i[a];if(o["s-sr"]&&(t=o["s-cr"])&&t.parentNode){r=t.parentNode.childNodes;var l=o["s-sn"];var u=function(){t=r[n];if(!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==o["s-hn"]&&!BUILD.experimentalSlotFixes){if(isNodeLocatedInSlot(t,l)){var e=relocateNodes.find((function(e){return e.k===t}));checkSlotFallbackVisibility=true;t["s-sn"]=t["s-sn"]||l;if(e){e.k["s-sh"]=o["s-hn"];e.I=o}else{t["s-sh"]=o["s-hn"];relocateNodes.push({I:o,k:t})}if(t["s-sr"]){relocateNodes.map((function(r){if(isNodeLocatedInSlot(r.k,t["s-sn"])){e=relocateNodes.find((function(e){return e.k===t}));if(e&&!r.I){r.I=e.I}}}))}}else if(!relocateNodes.some((function(e){return e.k===t}))){relocateNodes.push({k:t})}}};for(n=r.length-1;n>=0;n--){u()}}if(o.nodeType===1){markSlotContentForRelocation(o)}}};var isNodeLocatedInSlot=function(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===""};var nullifyVNodeRefs=function(e){{e.i&&e.i.ref&&e.i.ref(null);e.o&&e.o.map(nullifyVNodeRefs)}};var renderVdom=function(e,t,r){if(r===void 0){r=false}var n,a,i,o;var l=e.$hostElement$;var u=e.R;var f=e.h||newVNode(null,null);var s=isHost(t)?t:h(null,null,t);hostTagName=l.tagName;if(u.L){s.i=s.i||{};u.L.map((function(e){var t=e[0],r=e[1];return s.i[r]=l[t]}))}if(r&&s.i){for(var c=0,v=Object.keys(s.i);c<v.length;c++){var d=v[c];if(l.hasAttribute(d)&&!["key","ref","style","class"].includes(d)){s.i[d]=l[d]}}}s.p=null;s.v|=4;e.h=s;s.m=f.m=l.shadowRoot||l;{scopeId=l["s-sc"]}useNativeShadowDom=(u.v&1)!==0;{contentRef=l["s-cr"];checkSlotFallbackVisibility=false}patch(f,s,r);{plt.v|=1;if(checkSlotRelocate){markSlotContentForRelocation(s.m);for(var p=0,m=relocateNodes;p<m.length;p++){var y=m[p];var S=y.k;if(!S["s-ol"]){var T=doc.createTextNode("");T["s-nr"]=S;S.parentNode.insertBefore(S["s-ol"]=T,S)}}for(var g=0,_=relocateNodes;g<_.length;g++){var y=_[g];var S=y.k;var C=y.I;if(C){var E=C.parentNode;var b=C.nextSibling;{var T=(n=S["s-ol"])===null||n===void 0?void 0:n.previousSibling;while(T){var $=(a=T["s-nr"])!==null&&a!==void 0?a:null;if($&&$["s-sn"]===S["s-sn"]&&E===$.parentNode){$=$.nextSibling;while($===S||($===null||$===void 0?void 0:$["s-sr"])){$=$===null||$===void 0?void 0:$.nextSibling}if(!$||!$["s-nr"]){b=$;break}}T=T.previousSibling}}if(!b&&E!==S.parentNode||S.nextSibling!==b){if(S!==b){if(!S["s-hn"]&&S["s-ol"]){S["s-hn"]=S["s-ol"].parentNode.nodeName}E.insertBefore(S,b);if(S.nodeType===1){S.hidden=(i=S["s-ih"])!==null&&i!==void 0?i:false}}}S&&typeof C["s-rf"]==="function"&&C["s-rf"](S)}else{if(S.nodeType===1){if(r){S["s-ih"]=(o=S.hidden)!==null&&o!==void 0?o:false}S.hidden=true}}}}if(checkSlotFallbackVisibility){updateFallbackSlotVisibility(s.m)}plt.v&=~1;relocateNodes.length=0}contentRef=undefined};var attachToAncestor=function(e,t){if(t&&!e.A&&t["s-p"]){t["s-p"].push(new Promise((function(t){return e.A=t})))}};var scheduleUpdate=function(e,t){{e.v|=16}if(e.v&4){e.v|=512;return}attachToAncestor(e,e.H);var r=function(){return dispatchHooks(e,t)};return writeTask(r)};var dispatchHooks=function(e,t){var r=createTime("scheduleUpdate",e.R.N);var n=e.O;var a;if(t){{e.v|=256;if(e.V){e.V.map((function(e){var t=e[0],r=e[1];return safeCall(n,t,r)}));e.V=undefined}}{a=safeCall(n,"componentWillLoad")}}{a=enqueue(a,(function(){return safeCall(n,"componentWillRender")}))}r();return enqueue(a,(function(){return updateComponent(e,n,t)}))};var enqueue=function(e,t){return isPromisey(e)?e.then(t):t()};var isPromisey=function(e){return e instanceof Promise||e&&e.then&&typeof e.then==="function"};var updateComponent=function(e,t,r){return __awaiter(void 0,void 0,void 0,(function(){var n,a,i,o,l,u,f;return __generator(this,(function(s){a=e.$hostElement$;i=createTime("update",e.R.N);o=a["s-rc"];if(r){attachStyles(e)}l=createTime("render",e.R.N);{callRender(e,t,a,r)}if(o){o.map((function(e){return e()}));a["s-rc"]=undefined}l();i();{u=(n=a["s-p"])!==null&&n!==void 0?n:[];f=function(){return postUpdateComponent(e)};if(u.length===0){f()}else{Promise.all(u).then(f);e.v|=4;u.length=0}}return[2]}))}))};var callRender=function(e,t,r,n){try{t=t.render();{e.v&=~16}{e.v|=2}{{{renderVdom(e,t,n)}}}}catch(t){consoleError(t,e.$hostElement$)}return null};var postUpdateComponent=function(e){var t=e.R.N;var r=e.$hostElement$;var n=createTime("postUpdate",t);var a=e.O;var i=e.H;{safeCall(a,"componentDidRender")}if(!(e.v&64)){e.v|=64;{addHydratedFlag(r)}{safeCall(a,"componentDidLoad")}n();{e.F(r);if(!i){appDidLoad()}}}else{{safeCall(a,"componentDidUpdate")}n()}{e.P(r)}{if(e.A){e.A();e.A=undefined}if(e.v&512){nextTick((function(){return scheduleUpdate(e,false)}))}e.v&=~(4|512)}};var appDidLoad=function(e){{addHydratedFlag(doc.documentElement)}nextTick((function(){return emitEvent(win,"appload",{detail:{namespace:NAMESPACE}})}))};var safeCall=function(e,t,r){if(e&&e[t]){try{return e[t](r)}catch(e){consoleError(e)}}return undefined};var addHydratedFlag=function(e){return e.classList.add("hydrated")};var getValue=function(e,t){return getHostRef(e).M.get(t)};var setValue=function(e,t,r,n){var a=getHostRef(e);var i=a.$hostElement$;var o=a.M.get(t);var l=a.v;var u=a.O;r=parsePropertyValue(r,n.U[t][0]);var f=Number.isNaN(o)&&Number.isNaN(r);var s=r!==o&&!f;if((!(l&8)||o===undefined)&&s){a.M.set(t,r);if(u){if(n.q&&l&128){var c=n.q[t];if(c){c.map((function(e){try{u[e](r,o,t)}catch(e){consoleError(e,i)}}))}}if((l&(2|16))===2){scheduleUpdate(a,false)}}}};var proxyComponent=function(e,t,r){var n;var a=e.prototype;if(t.U){if(e.watchers){t.q=e.watchers}var i=Object.entries(t.U);i.map((function(e){var n=e[0],i=e[1][0];if(i&31||r&2&&i&32){Object.defineProperty(a,n,{get:function(){return getValue(this,n)},set:function(e){setValue(this,n,e,t)},configurable:true,enumerable:true})}else if(r&1&&i&64){Object.defineProperty(a,n,{value:function(){var e=[];for(var t=0;t<arguments.length;t++){e[t]=arguments[t]}var r;var a=getHostRef(this);return(r=a===null||a===void 0?void 0:a.Y)===null||r===void 0?void 0:r.then((function(){var t;return(t=a.O)===null||t===void 0?void 0:t[n].apply(t,e)}))}})}}));if(r&1){var o=new Map;a.attributeChangedCallback=function(e,r,n){var i=this;plt.jmp((function(){var l;var u=o.get(e);if(i.hasOwnProperty(u)){n=i[u];delete i[u]}else if(a.hasOwnProperty(u)&&typeof i[u]==="number"&&i[u]==n){return}else if(u==null){var f=getHostRef(i);var s=f===null||f===void 0?void 0:f.v;if(s&&!(s&8)&&s&128&&n!==r){var c=f.O;var v=(l=t.q)===null||l===void 0?void 0:l[e];v===null||v===void 0?void 0:v.forEach((function(t){if(c[t]!=null){c[t].call(c,n,r,e)}}))}return}i[u]=n===null&&typeof i[u]==="boolean"?false:n}))};e.observedAttributes=Array.from(new Set(__spreadArray(__spreadArray([],Object.keys((n=t.q)!==null&&n!==void 0?n:{}),true),i.filter((function(e){var t=e[0],r=e[1];return r[0]&15})).map((function(e){var r=e[0],n=e[1];var a;var i=n[1]||r;o.set(i,r);if(n[0]&512){(a=t.L)===null||a===void 0?void 0:a.push([r,i])}return i})),true)))}}return e};var initializeComponent=function(e,t,r,n){return __awaiter(void 0,void 0,void 0,(function(){var n,a,i,o,l,u,f,s,c;return __generator(this,(function(v){switch(v.label){case 0:if(!((t.v&32)===0))return[3,5];t.v|=32;a=r.B;if(!a)return[3,3];n=loadModule(r);if(!n.then)return[3,2];i=uniqueTime();return[4,n];case 1:n=v.sent();i();v.label=2;case 2:if(!n.isProxied){{r.q=n.watchers}proxyComponent(n,r,2);n.isProxied=true}o=createTime("createInstance",r.N);{t.v|=8}try{new n(t)}catch(e){consoleError(e)}{t.v&=~8}{t.v|=128}o();fireConnectedCallback(t.O);return[3,4];case 3:n=e.constructor;customElements.whenDefined(r.N).then((function(){return t.v|=128}));v.label=4;case 4:if(n.style){l=n.style;u=getScopeId(r);if(!styles.has(u)){f=createTime("registerStyles",r.N);registerStyle(u,l,!!(r.v&1));f()}}v.label=5;case 5:s=t.H;c=function(){return scheduleUpdate(t,true)};if(s&&s["s-rc"]){s["s-rc"].push(c)}else{c()}return[2]}}))}))};var fireConnectedCallback=function(e){{safeCall(e,"connectedCallback")}};var connectedCallback=function(e){if((plt.v&1)===0){var t=getHostRef(e);var r=t.R;var n=createTime("connectedCallback",r.N);if(!(t.v&1)){t.v|=1;var a=void 0;{a=e.getAttribute(HYDRATE_ID);if(a){if(r.v&1){var i=addStyle(e.shadowRoot,r);e.classList.remove(i+"-h",i+"-s")}initializeClientHydrate(e,r.N,a,t)}}if(!a){if(r.v&(4|8)){setContentReference(e)}}{var o=e;while(o=o.parentNode||o.host){if(o.nodeType===1&&o.hasAttribute("s-id")&&o["s-p"]||o["s-p"]){attachToAncestor(t,t.H=o);break}}}if(r.U){Object.entries(r.U).map((function(t){var r=t[0],n=t[1][0];if(n&31&&e.hasOwnProperty(r)){var a=e[r];delete e[r];e[r]=a}}))}{initializeComponent(e,t,r)}}else{addHostEventListeners(e,t,r.j);if(t===null||t===void 0?void 0:t.O){fireConnectedCallback(t.O)}else if(t===null||t===void 0?void 0:t.W){t.W.then((function(){return fireConnectedCallback(t.O)}))}}n()}};var setContentReference=function(e){var t=e["s-cr"]=doc.createComment("");t["s-cn"]=true;e.insertBefore(t,e.firstChild)};var disconnectInstance=function(e){{safeCall(e,"disconnectedCallback")}};var disconnectedCallback=function(e){return __awaiter(void 0,void 0,void 0,(function(){var t;return __generator(this,(function(r){if((plt.v&1)===0){t=getHostRef(e);{if(t.X){t.X.map((function(e){return e()}));t.X=undefined}}if(t===null||t===void 0?void 0:t.O){disconnectInstance(t.O)}else if(t===null||t===void 0?void 0:t.W){t.W.then((function(){return disconnectInstance(t.O)}))}}return[2]}))}))};var bootstrapLazy=function(e,t){if(t===void 0){t={}}var r;var n=createTime();var a=[];var i=t.exclude||[];var o=win.customElements;var l=doc.head;var u=l.querySelector("meta[charset]");var f=doc.createElement("style");var s=[];var c=doc.querySelectorAll("[".concat(HYDRATED_STYLE_ID,"]"));var v;var d=true;var p=0;Object.assign(plt,t);plt.G=new URL(t.resourcesUrl||"./",doc.baseURI).href;{plt.v|=2}{for(;p<c.length;p++){registerStyle(c[p].getAttribute(HYDRATED_STYLE_ID),convertScopedToShadow(c[p].innerHTML),true)}}var m=false;e.map((function(e){e[1].map((function(t){var r;var n={v:t[0],N:t[1],U:t[2],j:t[3]};if(n.v&4){m=true}{n.U=t[2]}{n.j=t[3]}{n.L=[]}{n.q=(r=t[4])!==null&&r!==void 0?r:{}}var l=n.N;var u=function(e){__extends(t,e);function t(t){var r=e.call(this,t)||this;t=r;registerHost(t,n);if(n.v&1){{{t.attachShadow({mode:"open"})}}}return r}t.prototype.connectedCallback=function(){var e=this;if(v){clearTimeout(v);v=null}if(d){s.push(this)}else{plt.jmp((function(){return connectedCallback(e)}))}};t.prototype.disconnectedCallback=function(){var e=this;plt.jmp((function(){return disconnectedCallback(e)}))};t.prototype.componentOnReady=function(){return getHostRef(this).W};return t}(HTMLElement);n.B=e[0];if(!i.includes(l)&&!o.get(l)){a.push(l);o.define(l,proxyComponent(u,n,1))}}))}));if(a.length>0){if(m){f.textContent+=SLOT_FB_CSS}{f.textContent+=a+HYDRATED_CSS}if(f.innerHTML.length){f.setAttribute("data-styles","");var h=(r=plt.D)!==null&&r!==void 0?r:queryNonceMetaTagContent(doc);if(h!=null){f.setAttribute("nonce",h)}l.insertBefore(f,u?u.nextSibling:l.firstChild)}}d=false;if(s.length){s.map((function(e){return e.connectedCallback()}))}else{{plt.jmp((function(){return v=setTimeout(appDidLoad,30)}))}}n()};var addHostEventListeners=function(e,t,r,n){if(r){r.map((function(r){var n=r[0],a=r[1],i=r[2];var o=getHostListenerTarget(e,n);var l=hostListenerProxy(t,i);var u=hostListenerOpts(n);plt.ael(o,a,l,u);(t.X=t.X||[]).push((function(){return plt.rel(o,a,l,u)}))}))}};var hostListenerProxy=function(e,t){return function(r){try{{if(e.v&256){e.O[t](r)}else{(e.V=e.V||[]).push([t,r])}}}catch(e){consoleError(e)}}};var getHostListenerTarget=function(e,t){if(t&16)return doc.body;return e};var hostListenerOpts=function(e){return supportsListenerOptions?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0};var setNonce=function(e){return plt.D=e};var hostRefs=new WeakMap;var getHostRef=function(e){return hostRefs.get(e)};var registerInstance=function(e,t){return hostRefs.set(t.O=e,t)};var registerHost=function(e,t){var r={v:0,$hostElement$:e,R:t,M:new Map};{r.Y=new Promise((function(e){return r.P=e}))}{r.W=new Promise((function(e){return r.F=e}));e["s-p"]=[];e["s-rc"]=[]}addHostEventListeners(e,r,t.j);return hostRefs.set(e,r)};var isMemberInElement=function(e,t){return t in e};var consoleError=function(e,t){return(0,console.error)(e,t)};var cmpModules=new Map;var loadModule=function(e,t,r){var n=e.N.replace(/-/g,"_");var a=e.B;var i=cmpModules.get(a);if(i){return i[n]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import("./".concat(a,".entry.js").concat("")).then((function(e){{cmpModules.set(a,e)}return e[n]}),consoleError)};var styles=new Map;var win=typeof window!=="undefined"?window:{};var doc=win.document||{head:{}};var plt={v:0,G:"",jmp:function(e){return e()},raf:function(e){return requestAnimationFrame(e)},ael:function(e,t,r,n){return e.addEventListener(t,r,n)},rel:function(e,t,r,n){return e.removeEventListener(t,r,n)},ce:function(e,t){return new CustomEvent(e,t)}};var supportsShadow=true;var supportsListenerOptions=function(){var e=false;try{doc.addEventListener("e",null,Object.defineProperty({},"passive",{get:function(){e=true}}))}catch(e){}return e}();var promiseResolve=function(e){return Promise.resolve(e)};var supportsConstructableStylesheets=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false}();var queueDomReads=[];var queueDomWrites=[];var queueTask=function(e,t){return function(r){e.push(r);if(!queuePending){queuePending=true;if(t&&plt.v&4){nextTick(flush)}else{plt.raf(flush)}}}};var consume=function(e){for(var t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){consoleError(e)}}e.length=0};var flush=function(){consume(queueDomReads);{consume(queueDomWrites);if(queuePending=queueDomReads.length>0){plt.raf(flush)}}};var nextTick=function(e){return promiseResolve().then(e)};var writeTask=queueTask(queueDomWrites,true);export{Host as H,bootstrapLazy as b,createEvent as c,getElement as g,h,promiseResolve as p,registerInstance as r,setNonce as s};
-//# sourceMappingURL=index-6f0bb1b9.js.map