@verdocs/web-sdk 6.2.2 → 6.2.5

package/dist/verdocs-web-sdk/{p-TeE_49wp.system.js.map → p-D-jNdMbp.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-TeE_49wp.system.js","sources":["src/components/controls/verdocs-pagination/verdocs-pagination.scss?tag=verdocs-pagination","src/components/controls/verdocs-pagination/verdocs-pagination.tsx","src/components/controls/verdocs-quick-filter/verdocs-quick-filter.scss?tag=verdocs-quick-filter","src/components/controls/verdocs-quick-filter/verdocs-quick-filter.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-pagination {\n  gap: 8px;\n  display: flex;\n  flex-direction: row;\n  font-family: $primary-font;\n\n  .page-button {\n    height: 38px;\n    display: flex;\n    flex: 0 0 38px;\n    cursor: pointer;\n    font-size: 16px;\n    font-weight: 600;\n    border-radius: 4px;\n    align-items: center;\n    justify-content: center;\n    color: $verdocs-dark-blue;\n    border: 1px solid $verdocs-purple;\n\n    svg {\n      width: 18px;\n      height: 18px;\n    }\n\n    &.selected {\n      cursor: default;\n      color: $verdocs-grey-4;\n      background: $verdocs-purple;\n    }\n  }\n\n  .ellipsis {\n    width: 38px;\n    height: 38px;\n    display: flex;\n    flex: 0 0 38px;\n    line-height: 32px;\n    justify-content: center;\n    color: $verdocs-dark-blue;\n  }\n}\n","import {integerSequence} from '@verdocs/js-sdk';\nimport {Host, FunctionalComponent} from '@stencil/core';\nimport {Component, Prop, Element, h, Event, EventEmitter} from '@stencil/core';\n\nconst ChevronDoubleLeft = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18.75 19.5l-7.5-7.5 7.5-7.5m-6 15L5.25 12l7.5-7.5\" /></svg>`;\n\nconst ChevronDoubleRight = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11.25 4.5l7.5 7.5-7.5 7.5m-6-15l7.5 7.5-7.5 7.5\" /></svg>`;\n\ntype TPageNumber = number | 'first' | 'last';\n\nconst VISIBLE_PAGES = 5;\n\nconst PageButton: FunctionalComponent<{page: TPageNumber; selected: number; onClick: (page: TPageNumber) => void}> = ({page, selected, onClick}) => {\n  let label;\n  if (page === 'first') {\n    label = ChevronDoubleLeft;\n  } else if (page === 'last') {\n    label = ChevronDoubleRight;\n  } else {\n    label = String(page + 1);\n  }\n\n  return <div class={`page-button ${page === selected ? 'selected' : ''}`} onClick={() => onClick(page)} innerHTML={label} />;\n};\n\n/**\n * Display a simple pagination control with individual buttons to move through the data set.\n *\n * ```ts\n * <verdocs-pagination\n *   selectedPage={1}\n *   itemCount={50}\n *   perPage={10}\n *   onSelectPage={(e) => {setSelectedpage(e.detail.selectedPage)}}\n * />\n * ```\n */\n@Component({\n  tag: 'verdocs-pagination',\n  styleUrl: 'verdocs-pagination.scss',\n})\nexport class VerdocsQuickFilter {\n  @Element()\n  el: HTMLElement;\n\n  /**\n   * The currently selected page.\n   */\n  @Prop({mutable: true, reflect: true}) selectedPage: number = 0;\n\n  /**\n   * The total number of items.\n   */\n  @Prop() itemCount: number = 1;\n\n  /**\n   * The number of displayed per page.\n   */\n  @Prop() perPage: number = 10;\n\n  /**\n   * Event fired when the selected page changes. The new page number is included in the event.\n   */\n  @Event({composed: true}) selectPage: EventEmitter<{selectedPage: number}>;\n\n  handleSelectPage(page: number) {\n    this.selectedPage = page;\n    this.selectPage?.emit({selectedPage: page});\n  }\n\n  render() {\n    const firstPage = Math.max(0, this.selectedPage - 2);\n    const numPages = this.itemCount > 0 ? Math.ceil(this.itemCount / this.perPage) : 0;\n    const pagesToDisplay = integerSequence(0, Math.ceil(this.itemCount / this.perPage)).slice(firstPage, firstPage + VISIBLE_PAGES);\n\n    return (\n      <Host>\n        {this.selectedPage > 0 && <PageButton page={'first'} selected={this.selectedPage} onClick={() => this.handleSelectPage(0)} />}\n\n        {firstPage > 0 && <div class=\"ellipsis\">...</div>}\n\n        {pagesToDisplay.map(pageNumber => (\n          <PageButton page={pageNumber} selected={this.selectedPage} onClick={page => this.handleSelectPage(+page)} />\n        ))}\n\n        {this.selectedPage < numPages - 1 && <div class=\"ellipsis\">...</div>}\n\n        {this.selectedPage < numPages - 1 && <PageButton page={'last'} selected={this.selectedPage} onClick={() => this.handleSelectPage(numPages - 1)} />}\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-quick-filter {\n  position: relative;\n  font-family: $primary-font;\n\n  .control {\n    outline: 0;\n    height: 34px;\n    display: flex;\n    cursor: pointer;\n    border-radius: 4px;\n    align-items: center;\n    flex-direction: row;\n    box-sizing: border-box;\n    background: $verdocs-grey-4;\n    transition: all 100ms ease 0s;\n    border: 1px solid $verdocs-bg-1;\n  }\n\n  .title {\n    padding: 0 8px;\n    font-size: 14px;\n    max-width: 100%;\n    overflow: hidden;\n    color: $label-color;\n    white-space: nowrap;\n    box-sizing: border-box;\n    text-overflow: ellipsis;\n\n    .prefix {\n      display: inline;\n      font-weight: 700;\n      margin: 0 7px 0 0;\n      color: $secondary-color;\n    }\n  }\n\n  .arrow {\n    width: 32px;\n    height: 32px;\n    border: none;\n    outline: none;\n    cursor: pointer;\n    align-items: center;\n    display: inline-flex;\n    justify-content: center;\n    background: $verdocs-grey-4;\n    transition: color 150ms ease 0s;\n\n    svg {\n      transition: 0.3s;\n      fill: $verdocs-bg-1;\n    }\n  }\n\n  .separator {\n    width: 1px;\n    display: block;\n    margin-top: 8px;\n    margin-bottom: 8px;\n    align-self: stretch;\n    box-sizing: border-box;\n    background-color: $verdocs-bg-1;\n  }\n\n  .items {\n    display: none;\n    z-index: 10000;\n    position: absolute;\n    border-radius: 4px;\n    background: $verdocs-grey-4;\n    box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px;\n  }\n\n  .items[data-show] {\n    display: block;\n  }\n\n  .option {\n    width: 100%;\n    border: none;\n    display: block;\n    font-size: 14px;\n    text-align: left;\n    background: none;\n    padding: 10px 20px;\n    color: $verdocs-bg-5;\n  }\n\n  .option:hover {\n    cursor: pointer;\n    background: #4c56cb3f;\n  }\n\n  .option[disabled] {\n    color: $light-disabled-color;\n  }\n\n  .option[disabled]:hover {\n    cursor: inherit;\n    background: transparent;\n    color: $light-disabled-color;\n  }\n\n  &.open {\n    .items {\n      display: block;\n    }\n\n    .arrow svg {\n      transform: scaleY(-1);\n    }\n  }\n}\n","import {Host} from '@stencil/core';\nimport {createPopper, Instance} from '@popperjs/core';\nimport {Component, Prop, Element, State, h, Event, EventEmitter} from '@stencil/core';\nimport {renderedTextWidth} from '../../../utils/utils';\n\nconst DropdownArrow = `<svg height=\"20\" width=\"20\" viewBox=\"0 0 20 20\" aria-hidden=\"true\" focusable=\"false\" class=\"css-8mmkcg\"><path d=\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\"></path></svg>`;\n\nexport interface IFilterOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\n/**\n * Display a drop-down menu of quick filter options.\n *\n * ```ts\n * <verdocs-quick-filter options={[...options]} value={1} label=\"Filter\" placeholder=\"All\" />\n * ```\n */\n@Component({\n  tag: 'verdocs-quick-filter',\n  styleUrl: 'verdocs-quick-filter.scss',\n})\nexport class VerdocsQuickFilter {\n  @Element()\n  el: HTMLElement;\n\n  private dropdownButton?: HTMLElement;\n  private dropdownMenu?: HTMLDivElement;\n  private popper?: Instance;\n\n  /**\n   * The menu options to display.\n   */\n  @Prop() options: IFilterOption[] = [];\n\n  @Prop()\n  label: string = 'Filter';\n\n  @Prop({reflect: true, mutable: true})\n  value: string = '';\n\n  @Prop()\n  placeholder: string = 'Select...';\n\n  /**\n   * Event fired when a menu option is clicked.\n   * Web Component events need to be \"composed\" to cross the Shadow DOM and be received by parent frameworks.\n   */\n  @Event({composed: true}) optionSelected: EventEmitter<IFilterOption>;\n\n  @State() open: boolean;\n\n  // We need to do this to reliably disconnect the click-away listener\n  clickListenerSymbol = new AbortController();\n  componentDidLoad() {\n    this.popper = createPopper(this.dropdownButton, this.dropdownMenu, {placement: 'bottom-start', modifiers: [{name: 'offset', options: {offset: [-1, 14]}}]});\n\n    window.addEventListener('click', this.clickListener.bind(this), {signal: this.clickListenerSymbol.signal});\n  }\n\n  disconnectedCallback() {\n    this.clickListenerSymbol.abort();\n  }\n\n  clickListener(e: any) {\n    const outside = !(e.target == this.el || this.el.contains(e.target));\n    if (outside) {\n      this.hide();\n    }\n  }\n\n  handleSelectOption(e: any, option: IFilterOption) {\n    e.stopPropagation();\n    this.optionSelected.emit(option);\n    this.value = option.value;\n    this.hide();\n  }\n\n  // See https://popper.js.org/docs/v2/tutorial/\n  // What we're doing here is clearing event listeners when they aren't needed, to increase performance in lists\n  showDropdown() {\n    this.open = true;\n    this.dropdownMenu.setAttribute('data-show', '');\n    this.dropdownMenu.removeAttribute('aria-hidden');\n\n    this.popper\n      ?.setOptions(options => ({\n        ...options,\n        modifiers: [...options.modifiers, {name: 'eventListeners', enabled: true}],\n      }))\n      .catch(() => {});\n\n    this.popper?.update().catch(() => {});\n  }\n\n  handleHideDropdown(e: any) {\n    if (e?.target?.localName === 'button' && e?.target?.className === 'arrow') {\n      // This event is fired when a menu element is clicked because the button \"loses focus\" then too\n      return;\n    }\n\n    this.hide();\n  }\n\n  toggleDropdown(e: any) {\n    e.stopPropagation();\n\n    if (this.open) {\n      this.hide();\n    } else {\n      this.showDropdown();\n    }\n  }\n\n  hide() {\n    this.open = false;\n    this.dropdownMenu.removeAttribute('data-show');\n    this.dropdownMenu.setAttribute('aria-hidden', 'true');\n    this.popper\n      ?.setOptions(options => ({\n        ...options,\n        modifiers: [...options.modifiers, {name: 'eventListeners', enabled: false}],\n      }))\n      .catch(() => {});\n  }\n\n  render() {\n    const selectedOption = this.options?.find(option => option.value === this.value);\n    const longestOption = this.options?.reduce((prev, curr) => (prev.label.length > curr.label.length ? prev : curr));\n    const longestLabelWidth = renderedTextWidth(longestOption?.label || 'FILLER', '14px Inter, Barlow, sans-serif');\n    const prefixWidth = renderedTextWidth(this.label, '14px Inter, Barlow, sans-serif');\n    const minWidth = `${longestLabelWidth + prefixWidth + 40}px`;\n\n    return (\n      <Host class={{open: !!this.open}} style={{minWidth, display: 'inline-block'}}>\n        <div class=\"control\" onClick={e => this.toggleDropdown(e)} onBlur={e => this.handleHideDropdown(e)}>\n          <div class=\"title\" ref={el => (this.dropdownButton = el as HTMLElement)}>\n            <span class=\"prefix\">{this.label}:</span>\n            {selectedOption ? selectedOption.label : this.placeholder}\n          </div>\n\n          <div style={{flex: '1'}} />\n\n          <div class=\"separator\" />\n\n          <div class=\"arrow\" innerHTML={DropdownArrow} aria-label=\"Open Menu\" />\n        </div>\n\n        <div class=\"items\" aria-hidden={!this.open} ref={el => (this.dropdownMenu = el as HTMLDivElement)} style={{minWidth}}>\n          {this.options?.map(option =>\n            option.label ? (\n              <button onClick={e => this.handleSelectOption(e, option)} class={`option ${option.value === this.value ? 'selected' : ''}`} disabled={option.disabled}>\n                {option.label}\n              </button>\n            ) : (\n              <div class=\"separator\" />\n            ),\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["VerdocsQuickFilter"],"mappings":"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"}
+{"version":3,"file":"p-D-jNdMbp.system.js","sources":["src/components/controls/verdocs-pagination/verdocs-pagination.scss?tag=verdocs-pagination","src/components/controls/verdocs-pagination/verdocs-pagination.tsx","src/components/controls/verdocs-quick-filter/verdocs-quick-filter.scss?tag=verdocs-quick-filter","src/components/controls/verdocs-quick-filter/verdocs-quick-filter.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-pagination {\n  gap: 8px;\n  display: flex;\n  flex-direction: row;\n  font-family: $primary-font;\n\n  .page-button {\n    height: 38px;\n    display: flex;\n    flex: 0 0 38px;\n    cursor: pointer;\n    font-size: 16px;\n    font-weight: 600;\n    border-radius: 4px;\n    align-items: center;\n    justify-content: center;\n    color: $verdocs-dark-blue;\n    border: 1px solid $verdocs-purple;\n\n    svg {\n      width: 18px;\n      height: 18px;\n    }\n\n    &.selected {\n      cursor: default;\n      color: $verdocs-grey-4;\n      background: $verdocs-purple;\n    }\n  }\n\n  .ellipsis {\n    width: 38px;\n    height: 38px;\n    display: flex;\n    flex: 0 0 38px;\n    line-height: 32px;\n    justify-content: center;\n    color: $verdocs-dark-blue;\n  }\n}\n","import {integerSequence} from '@verdocs/js-sdk';\nimport {Host, FunctionalComponent} from '@stencil/core';\nimport {Component, Prop, Element, h, Event, EventEmitter} from '@stencil/core';\n\nconst ChevronDoubleLeft = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18.75 19.5l-7.5-7.5 7.5-7.5m-6 15L5.25 12l7.5-7.5\" /></svg>`;\n\nconst ChevronDoubleRight = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11.25 4.5l7.5 7.5-7.5 7.5m-6-15l7.5 7.5-7.5 7.5\" /></svg>`;\n\ntype TPageNumber = number | 'first' | 'last';\n\nconst VISIBLE_PAGES = 5;\n\nconst PageButton: FunctionalComponent<{page: TPageNumber; selected: number; onClick: (page: TPageNumber) => void}> = ({page, selected, onClick}) => {\n  let label;\n  if (page === 'first') {\n    label = ChevronDoubleLeft;\n  } else if (page === 'last') {\n    label = ChevronDoubleRight;\n  } else {\n    label = String(page + 1);\n  }\n\n  return <div class={`page-button ${page === selected ? 'selected' : ''}`} onClick={() => onClick(page)} innerHTML={label} />;\n};\n\n/**\n * Display a simple pagination control with individual buttons to move through the data set.\n *\n * ```ts\n * <verdocs-pagination\n *   selectedPage={1}\n *   itemCount={50}\n *   perPage={10}\n *   onSelectPage={(e) => {setSelectedpage(e.detail.selectedPage)}}\n * />\n * ```\n */\n@Component({\n  tag: 'verdocs-pagination',\n  styleUrl: 'verdocs-pagination.scss',\n})\nexport class VerdocsQuickFilter {\n  @Element()\n  el: HTMLElement;\n\n  /**\n   * The currently selected page.\n   */\n  @Prop({mutable: true, reflect: true}) selectedPage: number = 0;\n\n  /**\n   * The total number of items.\n   */\n  @Prop() itemCount: number = 1;\n\n  /**\n   * The number of displayed per page.\n   */\n  @Prop() perPage: number = 10;\n\n  /**\n   * Event fired when the selected page changes. The new page number is included in the event.\n   */\n  @Event({composed: true}) selectPage: EventEmitter<{selectedPage: number}>;\n\n  handleSelectPage(page: number) {\n    this.selectedPage = page;\n    this.selectPage?.emit({selectedPage: page});\n  }\n\n  render() {\n    const firstPage = Math.max(0, this.selectedPage - 2);\n    const numPages = this.itemCount > 0 ? Math.ceil(this.itemCount / this.perPage) : 0;\n    const pagesToDisplay = integerSequence(0, Math.ceil(this.itemCount / this.perPage)).slice(firstPage, firstPage + VISIBLE_PAGES);\n\n    return (\n      <Host>\n        {this.selectedPage > 0 && <PageButton page={'first'} selected={this.selectedPage} onClick={() => this.handleSelectPage(0)} />}\n\n        {firstPage > 0 && <div class=\"ellipsis\">...</div>}\n\n        {pagesToDisplay.map(pageNumber => (\n          <PageButton page={pageNumber} selected={this.selectedPage} onClick={page => this.handleSelectPage(+page)} />\n        ))}\n\n        {this.selectedPage < numPages - 1 && <div class=\"ellipsis\">...</div>}\n\n        {this.selectedPage < numPages - 1 && <PageButton page={'last'} selected={this.selectedPage} onClick={() => this.handleSelectPage(numPages - 1)} />}\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-quick-filter {\n  position: relative;\n  font-family: $primary-font;\n\n  .control {\n    outline: 0;\n    height: 34px;\n    display: flex;\n    cursor: pointer;\n    border-radius: 4px;\n    align-items: center;\n    flex-direction: row;\n    box-sizing: border-box;\n    background: $verdocs-grey-4;\n    transition: all 100ms ease 0s;\n    border: 1px solid $verdocs-bg-1;\n  }\n\n  .title {\n    padding: 0 8px;\n    font-size: 14px;\n    max-width: 100%;\n    overflow: hidden;\n    color: $label-color;\n    white-space: nowrap;\n    box-sizing: border-box;\n    text-overflow: ellipsis;\n\n    .prefix {\n      display: inline;\n      font-weight: 700;\n      margin: 0 7px 0 0;\n      color: $secondary-color;\n    }\n  }\n\n  .arrow {\n    width: 32px;\n    height: 32px;\n    border: none;\n    outline: none;\n    cursor: pointer;\n    align-items: center;\n    display: inline-flex;\n    justify-content: center;\n    background: $verdocs-grey-4;\n    transition: color 150ms ease 0s;\n\n    svg {\n      transition: 0.3s;\n      fill: $verdocs-bg-1;\n    }\n  }\n\n  .separator {\n    width: 1px;\n    display: block;\n    margin-top: 8px;\n    margin-bottom: 8px;\n    align-self: stretch;\n    box-sizing: border-box;\n    background-color: $verdocs-bg-1;\n  }\n\n  .items {\n    display: none;\n    z-index: 10000;\n    position: absolute;\n    border-radius: 4px;\n    background: $verdocs-grey-4;\n    box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px;\n  }\n\n  .items[data-show] {\n    display: block;\n  }\n\n  .option {\n    width: 100%;\n    border: none;\n    display: block;\n    font-size: 14px;\n    text-align: left;\n    background: none;\n    padding: 10px 20px;\n    color: $verdocs-bg-5;\n  }\n\n  .option:hover {\n    cursor: pointer;\n    background: #4c56cb3f;\n  }\n\n  .option[disabled] {\n    color: $light-disabled-color;\n  }\n\n  .option[disabled]:hover {\n    cursor: inherit;\n    background: transparent;\n    color: $light-disabled-color;\n  }\n\n  &.open {\n    .items {\n      display: block;\n    }\n\n    .arrow svg {\n      transform: scaleY(-1);\n    }\n  }\n}\n","import {Host} from '@stencil/core';\nimport {createPopper, Instance} from '@popperjs/core';\nimport {Component, Prop, Element, State, h, Event, EventEmitter} from '@stencil/core';\nimport {renderedTextWidth} from '../../../utils/utils';\n\nconst DropdownArrow = `<svg height=\"20\" width=\"20\" viewBox=\"0 0 20 20\" aria-hidden=\"true\" focusable=\"false\" class=\"css-8mmkcg\"><path d=\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\"></path></svg>`;\n\nexport interface IFilterOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\n/**\n * Display a drop-down menu of quick filter options.\n *\n * ```ts\n * <verdocs-quick-filter options={[...options]} value={1} label=\"Filter\" placeholder=\"All\" />\n * ```\n */\n@Component({\n  tag: 'verdocs-quick-filter',\n  styleUrl: 'verdocs-quick-filter.scss',\n})\nexport class VerdocsQuickFilter {\n  @Element()\n  el: HTMLElement;\n\n  private dropdownButton?: HTMLElement;\n  private dropdownMenu?: HTMLDivElement;\n  private popper?: Instance;\n\n  /**\n   * The menu options to display.\n   */\n  @Prop() options: IFilterOption[] = [];\n\n  @Prop()\n  label: string = 'Filter';\n\n  @Prop({reflect: true, mutable: true})\n  value: string = '';\n\n  @Prop()\n  placeholder: string = 'Select...';\n\n  /**\n   * Event fired when a menu option is clicked.\n   * Web Component events need to be \"composed\" to cross the Shadow DOM and be received by parent frameworks.\n   */\n  @Event({composed: true}) optionSelected: EventEmitter<IFilterOption>;\n\n  @State() open: boolean;\n\n  // We need to do this to reliably disconnect the click-away listener\n  clickListenerSymbol = new AbortController();\n  componentDidLoad() {\n    this.popper = createPopper(this.dropdownButton, this.dropdownMenu, {placement: 'bottom-start', modifiers: [{name: 'offset', options: {offset: [-1, 14]}}]});\n\n    window.addEventListener('click', this.clickListener.bind(this), {signal: this.clickListenerSymbol.signal});\n  }\n\n  disconnectedCallback() {\n    this.clickListenerSymbol.abort();\n  }\n\n  clickListener(e: any) {\n    const outside = !(e.target == this.el || this.el.contains(e.target));\n    if (outside) {\n      this.hide();\n    }\n  }\n\n  handleSelectOption(e: any, option: IFilterOption) {\n    e.stopPropagation();\n    this.optionSelected.emit(option);\n    this.value = option.value;\n    this.hide();\n  }\n\n  // See https://popper.js.org/docs/v2/tutorial/\n  // What we're doing here is clearing event listeners when they aren't needed, to increase performance in lists\n  showDropdown() {\n    this.open = true;\n    this.dropdownMenu.setAttribute('data-show', '');\n    this.dropdownMenu.removeAttribute('aria-hidden');\n\n    this.popper\n      ?.setOptions(options => ({\n        ...options,\n        modifiers: [...options.modifiers, {name: 'eventListeners', enabled: true}],\n      }))\n      .catch(() => {});\n\n    this.popper?.update().catch(() => {});\n  }\n\n  handleHideDropdown(e: any) {\n    if (e?.target?.localName === 'button' && e?.target?.className === 'arrow') {\n      // This event is fired when a menu element is clicked because the button \"loses focus\" then too\n      return;\n    }\n\n    this.hide();\n  }\n\n  toggleDropdown(e: any) {\n    e.stopPropagation();\n\n    if (this.open) {\n      this.hide();\n    } else {\n      this.showDropdown();\n    }\n  }\n\n  hide() {\n    this.open = false;\n    this.dropdownMenu.removeAttribute('data-show');\n    this.dropdownMenu.setAttribute('aria-hidden', 'true');\n    this.popper\n      ?.setOptions(options => ({\n        ...options,\n        modifiers: [...options.modifiers, {name: 'eventListeners', enabled: false}],\n      }))\n      .catch(() => {});\n  }\n\n  render() {\n    const selectedOption = this.options?.find(option => option.value === this.value);\n    const longestOption = this.options?.reduce((prev, curr) => (prev.label.length > curr.label.length ? prev : curr));\n    const longestLabelWidth = renderedTextWidth(longestOption?.label || 'FILLER', '14px Inter, Barlow, sans-serif');\n    const prefixWidth = renderedTextWidth(this.label, '14px Inter, Barlow, sans-serif');\n    const minWidth = `${longestLabelWidth + prefixWidth + 40}px`;\n\n    return (\n      <Host class={{open: !!this.open}} style={{minWidth, display: 'inline-block'}}>\n        <div class=\"control\" onClick={e => this.toggleDropdown(e)} onBlur={e => this.handleHideDropdown(e)}>\n          <div class=\"title\" ref={el => (this.dropdownButton = el as HTMLElement)}>\n            <span class=\"prefix\">{this.label}:</span>\n            {selectedOption ? selectedOption.label : this.placeholder}\n          </div>\n\n          <div style={{flex: '1'}} />\n\n          <div class=\"separator\" />\n\n          <div class=\"arrow\" innerHTML={DropdownArrow} aria-label=\"Open Menu\" />\n        </div>\n\n        <div class=\"items\" aria-hidden={!this.open} ref={el => (this.dropdownMenu = el as HTMLDivElement)} style={{minWidth}}>\n          {this.options?.map(option =>\n            option.label ? (\n              <button onClick={e => this.handleSelectOption(e, option)} class={`option ${option.value === this.value ? 'selected' : ''}`} disabled={option.disabled}>\n                {option.label}\n              </button>\n            ) : (\n              <div class=\"separator\" />\n            ),\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["VerdocsQuickFilter"],"mappings":"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"}

package/dist/verdocs-web-sdk/{p-4OWnEogw.system.js.map → p-D2J4BqZ5.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-4OWnEogw.system.js","sources":["src/components/envelopes/verdocs-envelope-recipient-summary/verdocs-envelope-recipient-summary.scss?tag=verdocs-envelope-recipient-summary","src/components/envelopes/verdocs-envelope-recipient-summary/verdocs-envelope-recipient-summary.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-envelope-recipient-summary {\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  z-index: 100000;\n  position: fixed;\n  align-items: center;\n  justify-content: center;\n  font-family: $primary-font;\n  background-color: #0000007f;\n\n  .summary-content {\n    width: 600px;\n    display: flex;\n    max-width: 90%;\n    font-size: 18px;\n    flex: 0 0 600px;\n    border-radius: 6px;\n    background: #ffffff;\n    flex-direction: column;\n    padding: 30px 20px 20px;\n\n    .summary-title {\n      font-size: 20px;\n      font-weight: 700;\n      margin: 0 0 10px 0;\n      color: $verdocs-dark-blue;\n    }\n  }\n\n  .summary-recipient {\n    display: flex;\n    color: $verdocs-grey-1;\n    margin: 8px 0 24px 0;\n    flex-direction: column;\n\n    .role-name {\n      flex: 1;\n      display: flex;\n      font-size: 14px;\n      font-weight: 600;\n      margin: 0 0 8px 0;\n      color: $verdocs-grey-0;\n    }\n\n    .role-details {\n    }\n\n    .role-info {\n      gap: 5px;\n      display: flex;\n      flex-direction: row;\n      align-items: flex-end;\n    }\n\n    .role-full-name {\n      flex: 1;\n      height: 34px;\n      display: flex;\n      font-size: 16px;\n      padding: 0 12px;\n      border-radius: 4px;\n      align-items: center;\n      border: 1px solid #cccccc;\n      background: rgb(249, 250, 251);\n    }\n\n    .recipient-link {\n      width: 120px;\n      padding: 0 16px;\n      font-weight: 500;\n      margin: 0 0 0 8px;\n      text-align: center;\n      font-size: 0.875rem;\n      border-radius: 100%;\n      color: rgb(55, 65, 81);\n      line-height: 1.25rem;\n      background-color: #d8d8d8;\n      border: 2px solid rgb(156, 163, 175);\n    }\n\n    .link-wrapper {\n      gap: 5px;\n      display: flex;\n      margin: 4px 0 0 0;\n      flex-direction: row;\n\n      .link {\n        flex: 1;\n        height: 34px;\n        display: flex;\n        font-size: 16px;\n        padding: 0 12px;\n        overflow: hidden;\n        border-radius: 4px;\n        align-items: center;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        border: 1px solid #cccccc;\n        background: rgb(249, 250, 251);\n      }\n    }\n  }\n\n  .buttons {\n    display: flex;\n    column-gap: 15px;\n    margin: 10px 0 0 0;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n\n    verdocs-button {\n      flex: 0 0 120px;\n      margin-left: 10px;\n      white-space: nowrap;\n\n      button {\n        width: 100%;\n      }\n    }\n  }\n}\n","import {formatFullName, getEnvelope, getInPersonLink, getRecipientsWithActions, IEnvelope, IRecipient, recipientCanAct, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, Prop, Host, h, State, Event, EventEmitter} from '@stencil/core';\n// import {VerdocsToast} from '../../../utils/Toast';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\n/**\n * Displays a list of recipients with options to get in-person signing links for each one.\n */\n@Component({\n  tag: 'verdocs-envelope-recipient-summary',\n  styleUrl: 'verdocs-envelope-recipient-summary.scss',\n})\nexport class VerdocsEnvelopeRecipientSummary {\n  private envelopeListenerId = null;\n\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * The envelope ID to edit.\n   */\n  @Prop() envelopeId: string = '';\n\n  /**\n   * Enable or disable the Send Another button.\n   */\n  @Prop() canSendAnother = true;\n\n  /**\n   * Enable or disable the View button.\n   */\n  @Prop() canView = true;\n\n  /**\n   * Enable or disable the Done button.\n   */\n  @Prop() canDone = true;\n\n  /**\n   * Event fired when the user clicks Send Another to proceed. It is up to the host application\n   * to redirect the user to the appropriate next workflow step.\n   */\n  @Event({composed: true}) another: EventEmitter<{envelope: IEnvelope}>;\n\n  /**\n   * Event fired when the user clicks Send Another to proceed. It is up to the host application\n   * to redirect the user to the appropriate next workflow step.\n   */\n  @Event({composed: true}) view: EventEmitter<{envelope: IEnvelope}>;\n\n  /**\n   * Event fired when the user clicks Done to proceed. It is up to the host application\n   * to redirect the user to the appropriate next workflow step.\n   */\n  @Event({composed: true}) next: EventEmitter<{envelope: IEnvelope}>;\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  @State() isOpen: boolean;\n  @State() recipientStatusIcons = [];\n  @State() containerId = `verdocs-status-indicator-${Math.random().toString(36).substring(2, 11)}`;\n  @State() gettingLinks: Record<string, boolean> = {};\n  @State() links: Record<string, string> = {};\n\n  @State() loading = true;\n  @State() envelope: IEnvelope | null = null;\n\n  async componentWillLoad() {\n    try {\n      this.endpoint.loadSession();\n\n      if (!this.envelopeId) {\n        console.log(`[RECIPIENTS] Missing required envelope ID ${this.envelopeId}`);\n        return;\n      }\n\n      if (!this.endpoint.session) {\n        console.log('[RECIPIENTS] Unable to start session, must be authenticated');\n        return;\n      }\n\n      this.listenToEnvelope();\n    } catch (e) {\n      console.log('[RECIPIENTS] Error loading envelope', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  disconnectedCallback() {\n    this.unlistenToEnvelope();\n  }\n\n  async listenToEnvelope() {\n    console.log('[SIDEBAR] Loading envelope', this.envelopeId);\n    this.unlistenToEnvelope();\n    Store.subscribe(\n      'envelopes',\n      this.envelopeId,\n      () => getEnvelope(this.endpoint, this.envelopeId),\n      false,\n      (envelope: IEnvelope) => {\n        this.envelope = envelope;\n        this.loading = false;\n\n        this.sortEnvelopeRecipients();\n      },\n    );\n  }\n\n  unlistenToEnvelope() {\n    if (this.envelopeListenerId) {\n      Store.store.delListener(this.envelopeListenerId);\n      this.envelopeListenerId = null;\n    }\n  }\n\n  sortEnvelopeRecipients() {\n    (this.envelope?.recipients || []).sort((a, b) => {\n      return a.sequence === b.sequence ? a.order - b.order : a.sequence - b.sequence;\n    });\n  }\n\n  handleAnother(e: any) {\n    e.preventDefault();\n    this.another?.emit({envelope: this.envelope});\n  }\n\n  handleView(e: any) {\n    e.preventDefault();\n    this.view?.emit({envelope: this.envelope});\n  }\n\n  handleDone(e: any) {\n    e.preventDefault();\n    this.next?.emit({envelope: this.envelope});\n  }\n\n  copyLink(link: string) {\n    navigator.clipboard\n      .writeText(link)\n      .then(() => {\n        // VerdocsToast('Link copied to clipboard!', {style: 'success', duration: 3000});\n      })\n      .catch(e => {\n        console.warn('[RECIPIENTS] Error copying to clipboard', e);\n        this.sdkError?.emit(e);\n        // VerdocsToast(`Unable to copy to clipboard: ${e.message}`, {style: 'error'});\n      });\n  }\n\n  getLink(recipient: IRecipient) {\n    this.gettingLinks = {...this.gettingLinks, [recipient.role_name]: true};\n    getInPersonLink(this.endpoint, recipient.envelope_id, recipient.role_name)\n      .then(response => {\n        this.gettingLinks = {...this.gettingLinks, [recipient.role_name]: false};\n        this.links = {...this.links, [recipient.role_name]: response.link};\n        this.copyLink(response.link);\n      })\n      .catch(e => {\n        this.gettingLinks = {...this.gettingLinks, [recipient.role_name]: false};\n        console.log('[RECIPIENTS] Error getting link', e);\n        this.sdkError?.emit(e);\n        // VerdocsToast('Unable to get link: ' + e.message, {style: 'error'});\n      });\n  }\n\n  render() {\n    if (this.loading) {\n      return <Host />;\n    }\n\n    return (\n      <Host>\n        <div class=\"summary-content\">\n          <h1 class=\"summary-title\">Recipient Summary</h1>\n          <div class=\"summary-rows\">\n            {(this.envelope?.recipients || []).map(recipient => {\n              const recipientsWithActions = getRecipientsWithActions(this.envelope);\n              const showLinkButton = recipientCanAct(recipient, recipientsWithActions);\n              const link = this.links[recipient.role_name];\n              const gettingLink = this.gettingLinks[recipient.role_name];\n              const fullName = formatFullName(recipient);\n\n              return (\n                <div class=\"summary-recipient\">\n                  <div class=\"role-name\">{recipient.role_name}</div>\n                  <div class=\"role-details\">\n                    <div class=\"role-info\">\n                      <div class=\"role-full-name\">\n                        {fullName} ({recipient.email || recipient.phone})\n                      </div>\n                      {showLinkButton && !link && <verdocs-button size=\"small\" variant=\"outline\" label=\"Get Link\" disabled={gettingLink} onClick={() => this.getLink(recipient)} />}\n                    </div>\n\n                    {link && (\n                      <div class=\"link-wrapper\">\n                        <div class=\"link\">{link}</div>\n                        <verdocs-button size=\"small\" variant=\"outline\" label=\"Copy\" onClick={() => this.copyLink(link)} />\n                      </div>\n                    )}\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n\n          {(this.canSendAnother || this.canView || this.canDone) && (\n            <div class=\"buttons\">\n              {this.canSendAnother && <verdocs-button size=\"small\" label=\"Send Another\" onClick={e => this.handleAnother(e)} />}\n              {this.canView && <verdocs-button size=\"small\" label=\"View Now\" onClick={e => this.handleView(e)} />}\n              {this.canDone && <verdocs-button size=\"small\" label=\"Done\" onClick={e => this.handleDone(e)} />}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"p-D2J4BqZ5.system.js","sources":["src/components/envelopes/verdocs-envelope-recipient-summary/verdocs-envelope-recipient-summary.scss?tag=verdocs-envelope-recipient-summary","src/components/envelopes/verdocs-envelope-recipient-summary/verdocs-envelope-recipient-summary.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-envelope-recipient-summary {\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  z-index: 100000;\n  position: fixed;\n  align-items: center;\n  justify-content: center;\n  font-family: $primary-font;\n  background-color: #0000007f;\n\n  .summary-content {\n    width: 600px;\n    display: flex;\n    max-width: 90%;\n    font-size: 18px;\n    flex: 0 0 600px;\n    border-radius: 6px;\n    background: #ffffff;\n    flex-direction: column;\n    padding: 30px 20px 20px;\n\n    .summary-title {\n      font-size: 20px;\n      font-weight: 700;\n      margin: 0 0 10px 0;\n      color: $verdocs-dark-blue;\n    }\n  }\n\n  .summary-recipient {\n    display: flex;\n    color: $verdocs-grey-1;\n    margin: 8px 0 24px 0;\n    flex-direction: column;\n\n    .role-name {\n      flex: 1;\n      display: flex;\n      font-size: 14px;\n      font-weight: 600;\n      margin: 0 0 8px 0;\n      color: $verdocs-grey-0;\n    }\n\n    .role-details {\n    }\n\n    .role-info {\n      gap: 5px;\n      display: flex;\n      flex-direction: row;\n      align-items: flex-end;\n    }\n\n    .role-full-name {\n      flex: 1;\n      height: 34px;\n      display: flex;\n      font-size: 16px;\n      padding: 0 12px;\n      border-radius: 4px;\n      align-items: center;\n      border: 1px solid #cccccc;\n      background: rgb(249, 250, 251);\n    }\n\n    .recipient-link {\n      width: 120px;\n      padding: 0 16px;\n      font-weight: 500;\n      margin: 0 0 0 8px;\n      text-align: center;\n      font-size: 0.875rem;\n      border-radius: 100%;\n      color: rgb(55, 65, 81);\n      line-height: 1.25rem;\n      background-color: #d8d8d8;\n      border: 2px solid rgb(156, 163, 175);\n    }\n\n    .link-wrapper {\n      gap: 5px;\n      display: flex;\n      margin: 4px 0 0 0;\n      flex-direction: row;\n\n      .link {\n        flex: 1;\n        height: 34px;\n        display: flex;\n        font-size: 16px;\n        padding: 0 12px;\n        overflow: hidden;\n        border-radius: 4px;\n        align-items: center;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        border: 1px solid #cccccc;\n        background: rgb(249, 250, 251);\n      }\n    }\n  }\n\n  .buttons {\n    display: flex;\n    column-gap: 15px;\n    margin: 10px 0 0 0;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n\n    verdocs-button {\n      flex: 0 0 120px;\n      margin-left: 10px;\n      white-space: nowrap;\n\n      button {\n        width: 100%;\n      }\n    }\n  }\n}\n","import {formatFullName, getEnvelope, getInPersonLink, getRecipientsWithActions, IEnvelope, IRecipient, recipientCanAct, VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, Prop, Host, h, State, Event, EventEmitter} from '@stencil/core';\n// import {VerdocsToast} from '../../../utils/Toast';\nimport {SDKError} from '../../../utils/errors';\nimport {Store} from '../../../utils/Datastore';\n\n/**\n * Displays a list of recipients with options to get in-person signing links for each one.\n */\n@Component({\n  tag: 'verdocs-envelope-recipient-summary',\n  styleUrl: 'verdocs-envelope-recipient-summary.scss',\n})\nexport class VerdocsEnvelopeRecipientSummary {\n  private envelopeListenerId = null;\n\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * The envelope ID to edit.\n   */\n  @Prop() envelopeId: string = '';\n\n  /**\n   * Enable or disable the Send Another button.\n   */\n  @Prop() canSendAnother = true;\n\n  /**\n   * Enable or disable the View button.\n   */\n  @Prop() canView = true;\n\n  /**\n   * Enable or disable the Done button.\n   */\n  @Prop() canDone = true;\n\n  /**\n   * Event fired when the user clicks Send Another to proceed. It is up to the host application\n   * to redirect the user to the appropriate next workflow step.\n   */\n  @Event({composed: true}) another: EventEmitter<{envelope: IEnvelope}>;\n\n  /**\n   * Event fired when the user clicks Send Another to proceed. It is up to the host application\n   * to redirect the user to the appropriate next workflow step.\n   */\n  @Event({composed: true}) view: EventEmitter<{envelope: IEnvelope}>;\n\n  /**\n   * Event fired when the user clicks Done to proceed. It is up to the host application\n   * to redirect the user to the appropriate next workflow step.\n   */\n  @Event({composed: true}) next: EventEmitter<{envelope: IEnvelope}>;\n\n  /**\n   * Event fired if an error occurs. The event details will contain information about the error. Most errors will\n   * terminate the process, and the calling application should correct the condition and re-render the component.\n   */\n  @Event({composed: true}) sdkError: EventEmitter<SDKError>;\n\n  @State() isOpen: boolean;\n  @State() recipientStatusIcons = [];\n  @State() containerId = `verdocs-status-indicator-${Math.random().toString(36).substring(2, 11)}`;\n  @State() gettingLinks: Record<string, boolean> = {};\n  @State() links: Record<string, string> = {};\n\n  @State() loading = true;\n  @State() envelope: IEnvelope | null = null;\n\n  async componentWillLoad() {\n    try {\n      this.endpoint.loadSession();\n\n      if (!this.envelopeId) {\n        console.log(`[RECIPIENTS] Missing required envelope ID ${this.envelopeId}`);\n        return;\n      }\n\n      if (!this.endpoint.session) {\n        console.log('[RECIPIENTS] Unable to start session, must be authenticated');\n        return;\n      }\n\n      this.listenToEnvelope();\n    } catch (e) {\n      console.log('[RECIPIENTS] Error loading envelope', e);\n      this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n    }\n  }\n\n  disconnectedCallback() {\n    this.unlistenToEnvelope();\n  }\n\n  async listenToEnvelope() {\n    console.log('[SIDEBAR] Loading envelope', this.envelopeId);\n    this.unlistenToEnvelope();\n    Store.subscribe(\n      'envelopes',\n      this.envelopeId,\n      () => getEnvelope(this.endpoint, this.envelopeId),\n      false,\n      (envelope: IEnvelope) => {\n        this.envelope = envelope;\n        this.loading = false;\n\n        this.sortEnvelopeRecipients();\n      },\n    );\n  }\n\n  unlistenToEnvelope() {\n    if (this.envelopeListenerId) {\n      Store.store.delListener(this.envelopeListenerId);\n      this.envelopeListenerId = null;\n    }\n  }\n\n  sortEnvelopeRecipients() {\n    (this.envelope?.recipients || []).sort((a, b) => {\n      return a.sequence === b.sequence ? a.order - b.order : a.sequence - b.sequence;\n    });\n  }\n\n  handleAnother(e: any) {\n    e.preventDefault();\n    this.another?.emit({envelope: this.envelope});\n  }\n\n  handleView(e: any) {\n    e.preventDefault();\n    this.view?.emit({envelope: this.envelope});\n  }\n\n  handleDone(e: any) {\n    e.preventDefault();\n    this.next?.emit({envelope: this.envelope});\n  }\n\n  copyLink(link: string) {\n    navigator.clipboard\n      .writeText(link)\n      .then(() => {\n        // VerdocsToast('Link copied to clipboard!', {style: 'success', duration: 3000});\n      })\n      .catch(e => {\n        console.warn('[RECIPIENTS] Error copying to clipboard', e);\n        this.sdkError?.emit(e);\n        // VerdocsToast(`Unable to copy to clipboard: ${e.message}`, {style: 'error'});\n      });\n  }\n\n  getLink(recipient: IRecipient) {\n    this.gettingLinks = {...this.gettingLinks, [recipient.role_name]: true};\n    getInPersonLink(this.endpoint, recipient.envelope_id, recipient.role_name)\n      .then(response => {\n        this.gettingLinks = {...this.gettingLinks, [recipient.role_name]: false};\n        this.links = {...this.links, [recipient.role_name]: response.link};\n        this.copyLink(response.link);\n      })\n      .catch(e => {\n        this.gettingLinks = {...this.gettingLinks, [recipient.role_name]: false};\n        console.log('[RECIPIENTS] Error getting link', e);\n        this.sdkError?.emit(e);\n        // VerdocsToast('Unable to get link: ' + e.message, {style: 'error'});\n      });\n  }\n\n  render() {\n    if (this.loading) {\n      return <Host />;\n    }\n\n    return (\n      <Host>\n        <div class=\"summary-content\">\n          <h1 class=\"summary-title\">Recipient Summary</h1>\n          <div class=\"summary-rows\">\n            {(this.envelope?.recipients || []).map(recipient => {\n              const recipientsWithActions = getRecipientsWithActions(this.envelope);\n              const showLinkButton = recipientCanAct(recipient, recipientsWithActions);\n              const link = this.links[recipient.role_name];\n              const gettingLink = this.gettingLinks[recipient.role_name];\n              const fullName = formatFullName(recipient);\n\n              return (\n                <div class=\"summary-recipient\">\n                  <div class=\"role-name\">{recipient.role_name}</div>\n                  <div class=\"role-details\">\n                    <div class=\"role-info\">\n                      <div class=\"role-full-name\">\n                        {fullName} ({recipient.email || recipient.phone})\n                      </div>\n                      {showLinkButton && !link && <verdocs-button size=\"small\" variant=\"outline\" label=\"Get Link\" disabled={gettingLink} onClick={() => this.getLink(recipient)} />}\n                    </div>\n\n                    {link && (\n                      <div class=\"link-wrapper\">\n                        <div class=\"link\">{link}</div>\n                        <verdocs-button size=\"small\" variant=\"outline\" label=\"Copy\" onClick={() => this.copyLink(link)} />\n                      </div>\n                    )}\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n\n          {(this.canSendAnother || this.canView || this.canDone) && (\n            <div class=\"buttons\">\n              {this.canSendAnother && <verdocs-button size=\"small\" label=\"Send Another\" onClick={e => this.handleAnother(e)} />}\n              {this.canView && <verdocs-button size=\"small\" label=\"View Now\" onClick={e => this.handleView(e)} />}\n              {this.canDone && <verdocs-button size=\"small\" label=\"Done\" onClick={e => this.handleDone(e)} />}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/verdocs-web-sdk/{p-D8jwiOjp.system.js.map → p-D5jBjbqb.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-D8jwiOjp.system.js","sources":["src/components/controls/verdocs-table/verdocs-table.scss?tag=verdocs-table","src/components/controls/verdocs-table/verdocs-table.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-table {\n  width: 100%;\n  display: block;\n  margin: 0 0 10px 0;\n  box-sizing: border-box;\n  font-family: $primary-font;\n\n  .table-wrapper {\n    margin: 10px 0;\n    padding: 0;\n  }\n\n  .table {\n    width: 100%;\n    border: none;\n    border-collapse: collapse;\n  }\n\n  .row {\n    &.header-row {\n    }\n\n    &.data-row {\n      border: 1px solid #d4d4d8;\n      background-color: #ffffff;\n    }\n  }\n\n  .header-col {\n    color: #5c6575;\n    font-weight: 600;\n    text-align: left;\n    padding: 8px 16px;\n  }\n\n  .data-col {\n    font-weight: 400;\n    padding: 8px 16px;\n  }\n}\n","import {Component, Prop, Host, h, Event, EventEmitter} from '@stencil/core';\n\nexport interface IColumn {\n  id: string;\n  header?: string;\n  renderHeader?: (col: IColumn) => any;\n  renderCell?: (col: IColumn, row: any) => any;\n}\n\n/**\n * Display a simple table of data. Columns and data cells may have custom renderers defined to\n * support creating interactive table layouts.\n *\n * ```ts\n * <verdocs-table columns={[...columns]} data={[...data]} />\n * ```\n */\n@Component({\n  tag: 'verdocs-table',\n  styleUrl: 'verdocs-table.scss',\n})\nexport class VerdocsTable {\n  /**\n   * The columns to display\n   */\n  @Prop() columns: IColumn[] = [];\n\n  /**\n   * The rows to display\n   */\n  @Prop() data: any[] = [];\n\n  /**\n   * Event fired when the user clicks a column header. This may be used to manage sorting options.\n   */\n  @Event({composed: true}) colHeaderClick: EventEmitter<{col: IColumn}>;\n\n  /**\n   * Event fired when the user clicks a row.\n   */\n  @Event({composed: true}) rowClick: EventEmitter<{row: any}>;\n\n  render() {\n    return (\n      <Host class=\"table-wrapper\">\n        <table class=\"table\">\n          <thead>\n            <tr class=\"row header-row\">\n              {this.columns.map((col, i) => {\n                return (\n                  <th\n                    class={`col header-col col-${i} col-${col.id}`}\n                    onClick={() => this.colHeaderClick?.emit({col})}\n                    innerHTML={col.renderHeader ? col.renderHeader(col) : col.header || col.id}\n                  />\n                );\n              })}\n            </tr>\n          </thead>\n\n          <tbody>\n            {this.data.map(row => (\n              <tr class=\"row data-row\" onClick={() => this.rowClick?.emit({row})}>\n                {this.columns.map((col, i) => {\n                  return col.renderCell ? (\n                    <td class={`col data-col col-${i} col-${col.id}`} innerHTML={col.renderCell(col, row)} />\n                  ) : (\n                    <td class={`col data-col col-${i} col-${col.id}`}>{row[col.id]}</td>\n                  );\n                })}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;MAAA,MAAM,eAAe,GAAG,+yBAA+yB;;YCqB1zB,YAAY,4BAAA,MAAA;MAJzB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;MAKE;;MAEG;MACK,QAAA,IAAO,CAAA,OAAA,GAAc,EAAE;MAE/B;;MAEG;MACK,QAAA,IAAI,CAAA,IAAA,GAAU,EAAE;MA+CzB;UAnCC,MAAM,GAAA;MACJ,QAAA,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACzB,CAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,OAAO,EAAA,EAClB,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,KAAK,EAAC,gBAAgB,EAAA,EACvB,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,KAAI;MAC3B,YAAA,QACE,CACE,CAAA,IAAA,EAAA,EAAA,KAAK,EAAE,CAAA,mBAAA,EAAsB,CAAC,CAAA,KAAA,EAAQ,GAAG,CAAC,EAAE,EAAE,EAC9C,OAAO,EAAE,MAAK,EAAA,IAAA,EAAA,CAAA,CAAC,OAAA,CAAA,EAAA,GAAA,IAAI,CAAC,cAAc,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,CAAC,EAAC,GAAG,EAAC,CAAC,CAAA,EAAA,EAC/C,SAAS,EAAE,GAAG,CAAC,YAAY,GAAG,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,EAC1E,CAAA;MAEN,SAAC,CAAC,CACC,CACC,EAER,CACG,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,KAChB,CAAI,CAAA,IAAA,EAAA,EAAA,KAAK,EAAC,cAAc,EAAC,OAAO,EAAE,MAAK,EAAA,IAAA,EAAA,CAAA,CAAC,OAAA,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,0CAAE,IAAI,CAAC,EAAC,GAAG,EAAC,CAAC,CAAA,EAAA,EAAA,EAC/D,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,KAAI;MAC3B,YAAA,OAAO,GAAG,CAAC,UAAU,IACnB,CAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAE,CAAoB,iBAAA,EAAA,CAAC,CAAQ,KAAA,EAAA,GAAG,CAAC,EAAE,CAAE,CAAA,EAAE,SAAS,EAAE,GAAG,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,EAAA,CAAI,KAEzF,CAAI,CAAA,IAAA,EAAA,EAAA,KAAK,EAAE,CAAoB,iBAAA,EAAA,CAAC,CAAQ,KAAA,EAAA,GAAG,CAAC,EAAE,CAAE,CAAA,EAAA,EAAG,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAM,CACrE;eACF,CAAC,CACC,CACN,CAAC,CACI,CACF,CACH;;;;;;;;;;;"}
+{"version":3,"file":"p-D5jBjbqb.system.js","sources":["src/components/controls/verdocs-table/verdocs-table.scss?tag=verdocs-table","src/components/controls/verdocs-table/verdocs-table.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-table {\n  width: 100%;\n  display: block;\n  margin: 0 0 10px 0;\n  box-sizing: border-box;\n  font-family: $primary-font;\n\n  .table-wrapper {\n    margin: 10px 0;\n    padding: 0;\n  }\n\n  .table {\n    width: 100%;\n    border: none;\n    border-collapse: collapse;\n  }\n\n  .row {\n    &.header-row {\n    }\n\n    &.data-row {\n      border: 1px solid #d4d4d8;\n      background-color: #ffffff;\n    }\n  }\n\n  .header-col {\n    color: #5c6575;\n    font-weight: 600;\n    text-align: left;\n    padding: 8px 16px;\n  }\n\n  .data-col {\n    font-weight: 400;\n    padding: 8px 16px;\n  }\n}\n","import {Component, Prop, Host, h, Event, EventEmitter} from '@stencil/core';\n\nexport interface IColumn {\n  id: string;\n  header?: string;\n  renderHeader?: (col: IColumn) => any;\n  renderCell?: (col: IColumn, row: any) => any;\n}\n\n/**\n * Display a simple table of data. Columns and data cells may have custom renderers defined to\n * support creating interactive table layouts.\n *\n * ```ts\n * <verdocs-table columns={[...columns]} data={[...data]} />\n * ```\n */\n@Component({\n  tag: 'verdocs-table',\n  styleUrl: 'verdocs-table.scss',\n})\nexport class VerdocsTable {\n  /**\n   * The columns to display\n   */\n  @Prop() columns: IColumn[] = [];\n\n  /**\n   * The rows to display\n   */\n  @Prop() data: any[] = [];\n\n  /**\n   * Event fired when the user clicks a column header. This may be used to manage sorting options.\n   */\n  @Event({composed: true}) colHeaderClick: EventEmitter<{col: IColumn}>;\n\n  /**\n   * Event fired when the user clicks a row.\n   */\n  @Event({composed: true}) rowClick: EventEmitter<{row: any}>;\n\n  render() {\n    return (\n      <Host class=\"table-wrapper\">\n        <table class=\"table\">\n          <thead>\n            <tr class=\"row header-row\">\n              {this.columns.map((col, i) => {\n                return (\n                  <th\n                    class={`col header-col col-${i} col-${col.id}`}\n                    onClick={() => this.colHeaderClick?.emit({col})}\n                    innerHTML={col.renderHeader ? col.renderHeader(col) : col.header || col.id}\n                  />\n                );\n              })}\n            </tr>\n          </thead>\n\n          <tbody>\n            {this.data.map(row => (\n              <tr class=\"row data-row\" onClick={() => this.rowClick?.emit({row})}>\n                {this.columns.map((col, i) => {\n                  return col.renderCell ? (\n                    <td class={`col data-col col-${i} col-${col.id}`} innerHTML={col.renderCell(col, row)} />\n                  ) : (\n                    <td class={`col data-col col-${i} col-${col.id}`}>{row[col.id]}</td>\n                  );\n                })}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;MAAA,MAAM,eAAe,GAAG,+yBAA+yB;;YCqB1zB,YAAY,4BAAA,MAAA;MAJzB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;MAKE;;MAEG;MACK,QAAA,IAAO,CAAA,OAAA,GAAc,EAAE;MAE/B;;MAEG;MACK,QAAA,IAAI,CAAA,IAAA,GAAU,EAAE;MA+CzB;UAnCC,MAAM,GAAA;MACJ,QAAA,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACzB,CAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,OAAO,EAAA,EAClB,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,KAAK,EAAC,gBAAgB,EAAA,EACvB,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,KAAI;MAC3B,YAAA,QACE,CACE,CAAA,IAAA,EAAA,EAAA,KAAK,EAAE,CAAA,mBAAA,EAAsB,CAAC,CAAA,KAAA,EAAQ,GAAG,CAAC,EAAE,EAAE,EAC9C,OAAO,EAAE,MAAK,EAAA,IAAA,EAAA,CAAA,CAAC,OAAA,CAAA,EAAA,GAAA,IAAI,CAAC,cAAc,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,CAAC,EAAC,GAAG,EAAC,CAAC,CAAA,EAAA,EAC/C,SAAS,EAAE,GAAG,CAAC,YAAY,GAAG,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,EAC1E,CAAA;MAEN,SAAC,CAAC,CACC,CACC,EAER,CACG,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,KAChB,CAAI,CAAA,IAAA,EAAA,EAAA,KAAK,EAAC,cAAc,EAAC,OAAO,EAAE,MAAK,EAAA,IAAA,EAAA,CAAA,CAAC,OAAA,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,0CAAE,IAAI,CAAC,EAAC,GAAG,EAAC,CAAC,CAAA,EAAA,EAAA,EAC/D,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,KAAI;MAC3B,YAAA,OAAO,GAAG,CAAC,UAAU,IACnB,CAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAE,CAAoB,iBAAA,EAAA,CAAC,CAAQ,KAAA,EAAA,GAAG,CAAC,EAAE,CAAE,CAAA,EAAE,SAAS,EAAE,GAAG,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,EAAA,CAAI,KAEzF,CAAI,CAAA,IAAA,EAAA,EAAA,KAAK,EAAE,CAAoB,iBAAA,EAAA,CAAC,CAAQ,KAAA,EAAA,GAAG,CAAC,EAAE,CAAE,CAAA,EAAA,EAAG,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAM,CACrE;eACF,CAAC,CACC,CACN,CAAC,CACI,CACF,CACH;;;;;;;;;;;"}

package/dist/verdocs-web-sdk/{p-6RyuOyOJ.system.js.map → p-D6lkIXxV.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-6RyuOyOJ.system.js","sources":["src/components/templates/verdocs-template-card/verdocs-template-card.scss?tag=verdocs-template-card","src/components/templates/verdocs-template-card/verdocs-template-card.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-template-card {\n  font-family: $primary-font;\n  width: 320px;\n  height: 320px;\n  display: flex;\n  padding: 25px;\n  flex-wrap: nowrap;\n  box-sizing: border-box;\n  flex-direction: column;\n  background-color: $verdocs-grey-4;\n  box-shadow: 2px 2px 5px rgba(51, 54, 75, 0.05);\n\n  .thumbnail {\n    width: 272px;\n    height: 158px;\n    object-fit: cover;\n    margin-bottom: 22px;\n    object-position: -20% 0;\n  }\n\n  .name {\n    font-size: 18px;\n    font-weight: 700;\n    margin-bottom: 7px;\n  }\n\n  .org-name {\n    font-size: 14px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n\n  hr {\n    width: 100%;\n    margin-bottom: 17px;\n    background-color: $icon-color;\n  }\n\n  .controls {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: space-between;\n    text-align: center;\n    font-size: 16px;\n\n    .control {\n      flex: 1;\n      display: flex;\n      margin-right: 8px;\n      align-items: flex-start;\n      border-right: 1px solid $icon-color;\n\n      &.secondary {\n        justify-content: center;\n      }\n\n      svg {\n        fill: $icon-color;\n        height: 16px;\n        max-width: 16px;\n        margin: 0 8px -2px 0;\n      }\n    }\n  }\n\n  .additional-controls svg {\n    margin-right: 0;\n    fill: $verdocs-purple;\n  }\n}\n","import {Component, Prop, h, Host} from '@stencil/core';\nimport {ITemplate} from '@verdocs/js-sdk';\n\nconst ActionsIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\"/></svg>`;\n\nconst EmailIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6zm-2 0l-8 5-8-5h16zm0 12H4V8l8 5 8-5v10z\"/></svg>`;\n\nconst PagesIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4H8c-1.1 0-1.99.9-1.99 2L6 21c0 1.1.89 2 1.99 2H19c1.1 0 2-.9 2-2V11l-6-6zM8 21V7h6v5h5v9H8z\"/></svg>`;\n\nconst StarIcon = `<svg width=\"31\" height=\"29\" viewBox=\"0 0 31 29\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#clip0_31553_1553)\"><path d=\"M30.886 11.4917C30.8916 11.0917 30.753 10.7034 30.4962 10.3993C30.2394 10.0953 29.882 9.8964 29.4908 9.83995L29.5182 9.65005L29.4908 9.83995L21.0938 8.60261L17.3412 0.912551C17.2067 0.638179 16.9992 0.407285 16.7421 0.245866C16.485 0.0844465 16.1885 -0.00111389 15.886 -0.00111389C15.5835 -0.00111389 15.287 0.0844465 15.0299 0.245866C14.7728 0.407285 14.5653 0.638179 14.4308 0.912551L10.6781 8.60261L2.28121 9.8392C1.89206 9.89475 1.53611 10.0916 1.2796 10.3931C1.02308 10.6945 0.88348 11.08 0.886776 11.4779C0.886447 11.6961 0.929977 11.912 1.01472 12.1125C1.09946 12.3131 1.22363 12.4941 1.37968 12.6445L7.45563 18.5744L6.01943 27.0241C6.00289 27.1258 5.99449 27.2287 5.99435 27.3317C5.99313 27.7717 6.16395 28.1943 6.4695 28.5071C6.77505 28.82 7.19045 28.9976 7.62496 29.0013C7.88846 29.0008 8.14779 28.9345 8.37992 28.8083L15.8883 24.8217L23.3967 28.8114C23.6287 28.9361 23.8873 29.0015 24.15 29.002C24.5752 28.9998 24.9832 28.8318 25.2893 28.5329C25.4452 28.3832 25.5695 28.2029 25.6544 28.003C25.7392 27.8031 25.783 27.5878 25.783 27.3702C25.7827 27.2731 25.7743 27.176 25.7579 27.0803L24.3209 18.6296L30.3931 12.7022C30.7094 12.3809 30.8867 11.9454 30.886 11.4917ZM22.0759 17.53L21.9437 17.3916L22.0759 17.53C22.0072 17.5977 21.9525 17.6787 21.9152 17.7681C21.8779 17.8575 21.8587 17.9536 21.8587 18.0506L21.8693 18.1737L23.2037 26.0237L16.2164 22.3148C16.1136 22.2602 15.9994 22.2317 15.8833 22.2317C15.7673 22.2317 15.653 22.2602 15.5503 22.3148L8.57132 26.0245L9.90651 18.1745L9.91712 18.0506C9.91696 17.9536 9.89768 17.8576 9.86038 17.7682C9.82308 17.6788 9.76851 17.5978 9.6999 17.53L4.05538 11.9724L11.8576 10.8258C11.9725 10.8088 12.0816 10.7638 12.1755 10.6947C12.2695 10.6256 12.3454 10.5344 12.3969 10.429L15.886 3.27721L19.3797 10.429C19.4313 10.5344 19.5074 10.6256 19.6014 10.6948C19.6955 10.7639 19.8047 10.8088 19.9197 10.8258L27.7197 11.9747L22.0759 17.53Z\" fill=\"#ADB6BD\"/></g><defs><clipPath id=\"clip0_31553_1553\"><rect width=\"30\" height=\"29\" fill=\"white\" transform=\"translate(0.886719)\"/></clipPath></defs></svg>`;\n\n/**\n * Displays a summary of a template\n */\n@Component({\n  tag: 'verdocs-template-card',\n  styleUrl: 'verdocs-template-card.scss',\n  shadow: false,\n})\nexport class VerdocsTemplateCard {\n  /**\n   * The template for which the card will be rendered.\n   */\n  @Prop() template: ITemplate;\n\n  render() {\n    return (\n      <Host>\n        {/* TODO */}\n        {/*<img src={this.template?.documents?.thumbnail_url || ''} alt=\"Template Thumbnail\" class=\"thumbnail\" />*/}\n\n        <span class=\"name\">{this.template.name}</span>\n        <span class=\"org-name\">{this.template.organization?.name || 'Public'}</span>\n\n        <hr />\n\n        <div class=\"controls\">\n          <div class=\"control\">\n            <span class=\"icon\" innerHTML={StarIcon} />\n            <span class=\"value\">{this.template.star_counter}</span>\n          </div>\n\n          <div class=\"control secondary\">\n            <span class=\"icon\" innerHTML={PagesIcon} />\n            <span class=\"value\">{this.template?.documents?.[0]?.pages || 1}</span>\n          </div>\n\n          <div class=\"control secondary\">\n            <span class=\"icon\" innerHTML={EmailIcon} />\n            <span class=\"value\">{this.template.counter}</span>\n          </div>\n\n          <span class=\"additional-controls\" innerHTML={ActionsIcon} />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;MAAA,MAAM,sBAAsB,GAAG,8wDAA8wD;;MCG7yD,MAAM,WAAW,GAAG,CAAA,gTAAA,CAAkT;MAEtU,MAAM,SAAS,GAAG,CAAA,kRAAA,CAAoR;MAEtS,MAAM,SAAS,GAAG,CAAA,mSAAA,CAAqS;MAEvT,MAAM,QAAQ,GAAG,CAAA,soEAAA,CAAwoE;YAU5oE,mBAAmB,oCAAA,MAAA;;;;UAM9B,MAAM,GAAA;;MACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAIH,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAA,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAQ,EAC9C,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,UAAU,EAAA,EAAE,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,KAAI,QAAQ,CAAQ,EAE5E,CAAM,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,UAAU,EAAA,EACnB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,QAAQ,EAAI,CAAA,EAC1C,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,OAAO,EAAE,EAAA,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAQ,CACnD,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAC5B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,EAAI,CAAA,EAC3C,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,OAAO,EAAA,EAAE,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,IAAI,CAAC,QAAQ,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,SAAS,0CAAG,CAAC,CAAC,0CAAE,KAAK,KAAI,CAAC,CAAQ,CAClE,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAC5B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,EAAI,CAAA,EAC3C,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,OAAO,EAAE,EAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAQ,CAC9C,EAEN,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAC,SAAS,EAAE,WAAW,EAAI,CAAA,CACxD,CACD;;;;;;;;;;;"}
+{"version":3,"file":"p-D6lkIXxV.system.js","sources":["src/components/templates/verdocs-template-card/verdocs-template-card.scss?tag=verdocs-template-card","src/components/templates/verdocs-template-card/verdocs-template-card.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-template-card {\n  font-family: $primary-font;\n  width: 320px;\n  height: 320px;\n  display: flex;\n  padding: 25px;\n  flex-wrap: nowrap;\n  box-sizing: border-box;\n  flex-direction: column;\n  background-color: $verdocs-grey-4;\n  box-shadow: 2px 2px 5px rgba(51, 54, 75, 0.05);\n\n  .thumbnail {\n    width: 272px;\n    height: 158px;\n    object-fit: cover;\n    margin-bottom: 22px;\n    object-position: -20% 0;\n  }\n\n  .name {\n    font-size: 18px;\n    font-weight: 700;\n    margin-bottom: 7px;\n  }\n\n  .org-name {\n    font-size: 14px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n\n  hr {\n    width: 100%;\n    margin-bottom: 17px;\n    background-color: $icon-color;\n  }\n\n  .controls {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: space-between;\n    text-align: center;\n    font-size: 16px;\n\n    .control {\n      flex: 1;\n      display: flex;\n      margin-right: 8px;\n      align-items: flex-start;\n      border-right: 1px solid $icon-color;\n\n      &.secondary {\n        justify-content: center;\n      }\n\n      svg {\n        fill: $icon-color;\n        height: 16px;\n        max-width: 16px;\n        margin: 0 8px -2px 0;\n      }\n    }\n  }\n\n  .additional-controls svg {\n    margin-right: 0;\n    fill: $verdocs-purple;\n  }\n}\n","import {Component, Prop, h, Host} from '@stencil/core';\nimport {ITemplate} from '@verdocs/js-sdk';\n\nconst ActionsIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\"/></svg>`;\n\nconst EmailIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6zm-2 0l-8 5-8-5h16zm0 12H4V8l8 5 8-5v10z\"/></svg>`;\n\nconst PagesIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4H8c-1.1 0-1.99.9-1.99 2L6 21c0 1.1.89 2 1.99 2H19c1.1 0 2-.9 2-2V11l-6-6zM8 21V7h6v5h5v9H8z\"/></svg>`;\n\nconst StarIcon = `<svg width=\"31\" height=\"29\" viewBox=\"0 0 31 29\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#clip0_31553_1553)\"><path d=\"M30.886 11.4917C30.8916 11.0917 30.753 10.7034 30.4962 10.3993C30.2394 10.0953 29.882 9.8964 29.4908 9.83995L29.5182 9.65005L29.4908 9.83995L21.0938 8.60261L17.3412 0.912551C17.2067 0.638179 16.9992 0.407285 16.7421 0.245866C16.485 0.0844465 16.1885 -0.00111389 15.886 -0.00111389C15.5835 -0.00111389 15.287 0.0844465 15.0299 0.245866C14.7728 0.407285 14.5653 0.638179 14.4308 0.912551L10.6781 8.60261L2.28121 9.8392C1.89206 9.89475 1.53611 10.0916 1.2796 10.3931C1.02308 10.6945 0.88348 11.08 0.886776 11.4779C0.886447 11.6961 0.929977 11.912 1.01472 12.1125C1.09946 12.3131 1.22363 12.4941 1.37968 12.6445L7.45563 18.5744L6.01943 27.0241C6.00289 27.1258 5.99449 27.2287 5.99435 27.3317C5.99313 27.7717 6.16395 28.1943 6.4695 28.5071C6.77505 28.82 7.19045 28.9976 7.62496 29.0013C7.88846 29.0008 8.14779 28.9345 8.37992 28.8083L15.8883 24.8217L23.3967 28.8114C23.6287 28.9361 23.8873 29.0015 24.15 29.002C24.5752 28.9998 24.9832 28.8318 25.2893 28.5329C25.4452 28.3832 25.5695 28.2029 25.6544 28.003C25.7392 27.8031 25.783 27.5878 25.783 27.3702C25.7827 27.2731 25.7743 27.176 25.7579 27.0803L24.3209 18.6296L30.3931 12.7022C30.7094 12.3809 30.8867 11.9454 30.886 11.4917ZM22.0759 17.53L21.9437 17.3916L22.0759 17.53C22.0072 17.5977 21.9525 17.6787 21.9152 17.7681C21.8779 17.8575 21.8587 17.9536 21.8587 18.0506L21.8693 18.1737L23.2037 26.0237L16.2164 22.3148C16.1136 22.2602 15.9994 22.2317 15.8833 22.2317C15.7673 22.2317 15.653 22.2602 15.5503 22.3148L8.57132 26.0245L9.90651 18.1745L9.91712 18.0506C9.91696 17.9536 9.89768 17.8576 9.86038 17.7682C9.82308 17.6788 9.76851 17.5978 9.6999 17.53L4.05538 11.9724L11.8576 10.8258C11.9725 10.8088 12.0816 10.7638 12.1755 10.6947C12.2695 10.6256 12.3454 10.5344 12.3969 10.429L15.886 3.27721L19.3797 10.429C19.4313 10.5344 19.5074 10.6256 19.6014 10.6948C19.6955 10.7639 19.8047 10.8088 19.9197 10.8258L27.7197 11.9747L22.0759 17.53Z\" fill=\"#ADB6BD\"/></g><defs><clipPath id=\"clip0_31553_1553\"><rect width=\"30\" height=\"29\" fill=\"white\" transform=\"translate(0.886719)\"/></clipPath></defs></svg>`;\n\n/**\n * Displays a summary of a template\n */\n@Component({\n  tag: 'verdocs-template-card',\n  styleUrl: 'verdocs-template-card.scss',\n  shadow: false,\n})\nexport class VerdocsTemplateCard {\n  /**\n   * The template for which the card will be rendered.\n   */\n  @Prop() template: ITemplate;\n\n  render() {\n    return (\n      <Host>\n        {/* TODO */}\n        {/*<img src={this.template?.documents?.thumbnail_url || ''} alt=\"Template Thumbnail\" class=\"thumbnail\" />*/}\n\n        <span class=\"name\">{this.template.name}</span>\n        <span class=\"org-name\">{this.template.organization?.name || 'Public'}</span>\n\n        <hr />\n\n        <div class=\"controls\">\n          <div class=\"control\">\n            <span class=\"icon\" innerHTML={StarIcon} />\n            <span class=\"value\">{this.template.star_counter}</span>\n          </div>\n\n          <div class=\"control secondary\">\n            <span class=\"icon\" innerHTML={PagesIcon} />\n            <span class=\"value\">{this.template?.documents?.[0]?.pages || 1}</span>\n          </div>\n\n          <div class=\"control secondary\">\n            <span class=\"icon\" innerHTML={EmailIcon} />\n            <span class=\"value\">{this.template.counter}</span>\n          </div>\n\n          <span class=\"additional-controls\" innerHTML={ActionsIcon} />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;MAAA,MAAM,sBAAsB,GAAG,8wDAA8wD;;MCG7yD,MAAM,WAAW,GAAG,CAAA,gTAAA,CAAkT;MAEtU,MAAM,SAAS,GAAG,CAAA,kRAAA,CAAoR;MAEtS,MAAM,SAAS,GAAG,CAAA,mSAAA,CAAqS;MAEvT,MAAM,QAAQ,GAAG,CAAA,soEAAA,CAAwoE;YAU5oE,mBAAmB,oCAAA,MAAA;;;;UAM9B,MAAM,GAAA;;MACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAIH,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAA,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAQ,EAC9C,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,UAAU,EAAA,EAAE,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,KAAI,QAAQ,CAAQ,EAE5E,CAAM,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,UAAU,EAAA,EACnB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,QAAQ,EAAI,CAAA,EAC1C,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,OAAO,EAAE,EAAA,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAQ,CACnD,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAC5B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,EAAI,CAAA,EAC3C,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,OAAO,EAAA,EAAE,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,IAAI,CAAC,QAAQ,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,SAAS,0CAAG,CAAC,CAAC,0CAAE,KAAK,KAAI,CAAC,CAAQ,CAClE,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAC5B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,EAAI,CAAA,EAC3C,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,OAAO,EAAE,EAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAQ,CAC9C,EAEN,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAC,SAAS,EAAE,WAAW,EAAI,CAAA,CACxD,CACD;;;;;;;;;;;"}

package/dist/verdocs-web-sdk/{p-CEj4NLjk.system.js.map → p-DC4mn44e.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-CEj4NLjk.system.js","sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = async (win, options) => {\n  if (typeof window === 'undefined') return undefined;\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAGY,YAAC,oBAAoB,mCAAG,OAAO,GAAG,EAAE,OAAO,KAAK;MAC5D,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,SAAS;MACrD,EAAE,MAAM,aAAa,EAAE;MACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;MAC7D;;;;;;;;"}
+{"version":3,"file":"p-DC4mn44e.system.js","sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = async (win, options) => {\n  if (typeof window === 'undefined') return undefined;\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAGY,YAAC,oBAAoB,mCAAG,OAAO,GAAG,EAAE,OAAO,KAAK;MAC5D,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,SAAS;MACrD,EAAE,MAAM,aAAa,EAAE;MACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;MAC7D;;;;;;;;"}

package/dist/verdocs-web-sdk/{p-DAtE-bHb.system.js.map → p-DIFMCsR8.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-DAtE-bHb.system.js","sources":["src/components/elements/verdocs-search-tabs/verdocs-search-tabs.scss?tag=verdocs-search-tabs","src/components/elements/verdocs-search-tabs/verdocs-search-tabs.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-search-tabs {\n  font-family: $verdocs-primary-font;\n  display: block;\n}\n","import {Component, h, State} from '@stencil/core';\n\nexport type TContentType = 'all' | 'document' | 'template' | 'organization';\n\n@Component({\n  tag: 'verdocs-search-tabs',\n  styleUrl: 'verdocs-search-tabs.scss',\n  shadow: false,\n})\nexport class VerdocsSearchTabs {\n  @State() selected: TContentType = 'all';\n\n  render() {\n    return <div>&nbsp;</div>;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;MAAA,MAAM,oBAAoB,GAAG,2bAA2b;;YCS3c,iBAAiB,kCAAA,MAAA;MAL9B,IAAA,WAAA,CAAA,OAAA,EAAA;;MAMW,QAAA,IAAQ,CAAA,QAAA,GAAiB,KAAK;MAKxC;UAHC,MAAM,GAAA;MACJ,QAAA,OAAO,uEAAiB;;;;;;;;;;;"}
+{"version":3,"file":"p-DIFMCsR8.system.js","sources":["src/components/elements/verdocs-search-tabs/verdocs-search-tabs.scss?tag=verdocs-search-tabs","src/components/elements/verdocs-search-tabs/verdocs-search-tabs.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-search-tabs {\n  font-family: $verdocs-primary-font;\n  display: block;\n}\n","import {Component, h, State} from '@stencil/core';\n\nexport type TContentType = 'all' | 'document' | 'template' | 'organization';\n\n@Component({\n  tag: 'verdocs-search-tabs',\n  styleUrl: 'verdocs-search-tabs.scss',\n  shadow: false,\n})\nexport class VerdocsSearchTabs {\n  @State() selected: TContentType = 'all';\n\n  render() {\n    return <div>&nbsp;</div>;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;MAAA,MAAM,oBAAoB,GAAG,2bAA2b;;YCS3c,iBAAiB,kCAAA,MAAA;MAL9B,IAAA,WAAA,CAAA,OAAA,EAAA;;MAMW,QAAA,IAAQ,CAAA,QAAA,GAAiB,KAAK;MAKxC;UAHC,MAAM,GAAA;MACJ,QAAA,OAAO,uEAAiB;;;;;;;;;;;"}

package/dist/verdocs-web-sdk/{p-C3FrKBlJ.system.js.map → p-DN26hbJo.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-C3FrKBlJ.system.js","sources":["src/components/elements/verdocs-search-box/verdocs-search-box.scss?tag=verdocs-search-box","src/components/elements/verdocs-search-box/verdocs-search-box.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-search-box {\n  font-family: $verdocs-primary-font;\n\n  form {\n    display: flex;\n    flex-direction: row;\n    height: 45px;\n    box-sizing: border-box;\n    margin: 5px 0 0;\n    border-radius: 5px;\n    align-items: center;\n    background-color: #fff;\n    padding: 0 8px;\n    border-width: 1px;\n    border-style: solid;\n    border-color: $verdocs-light-blue;\n\n    input {\n      box-sizing: border-box;\n      height: 43px;\n      width: 100%;\n      font-size: 18px;\n      border: none;\n\n      &:focus {\n        outline: none;\n      }\n    }\n\n    button.search {\n      cursor: pointer;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      box-sizing: border-box;\n      border-radius: 4px;\n      border: none;\n      width: 100px;\n      height: 28px;\n      font-weight: 700;\n      font-size: 10px;\n      letter-spacing: 1px;\n      background-color: $verdocs-green;\n      text-transform: uppercase;\n      color: #fff;\n    }\n\n    .type {\n      background-color: $verdocs-light-blue;\n      height: 30px;\n      display: inline-flex;\n      padding: 1px 0 2px 10px;\n      font-size: 13px;\n      line-height: 16px;\n      border-radius: 4px;\n      justify-content: center;\n      text-transform: uppercase;\n      align-items: center;\n      flex-direction: row;\n      color: #fff;\n      margin-right: 10px;\n\n      button {\n        border: none;\n        color: #fff;\n        margin: 5px 0 0 8px;\n        background: transparent;\n      }\n    }\n\n    svg {\n      width: 12px;\n      height: 12px;\n      margin-right: 6px;\n    }\n  }\n\n  ::placeholder {\n    color: $verdocs-grey-2;\n  }\n}\n","import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, h, Event, EventEmitter, Prop, Method} from '@stencil/core';\n\nconst SearchIcon = `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M23.4809 20.7176L17.9111 15.2536C19.0961 13.6368 19.727 11.6926 19.7128 9.70131C19.7201 7.53345 18.9846 5.42606 17.6244 3.71753C16.2642 2.009 14.3581 0.798456 12.2123 0.280282C10.0665 -0.237892 7.80552 -0.0336342 5.79227 0.86026C3.77902 1.75415 2.13038 3.28582 1.1111 5.20931C0.0918114 7.1328 -0.238985 9.33652 0.171813 11.4666C0.582612 13.5967 1.71117 15.5296 3.37628 16.9548C5.0414 18.3801 7.14646 19.2151 9.35344 19.3257C11.5604 19.4364 13.7413 18.8162 15.5458 17.5649L21.1372 23.05L21.1563 23.0663C21.4841 23.3487 21.9039 23.507 22.3401 23.5128C22.7823 23.5125 23.2063 23.3402 23.5191 23.0337V23.0337C23.6749 22.8812 23.7979 22.6995 23.8804 22.4993C23.963 22.2991 24.0036 22.0847 23.9997 21.8688C23.9959 21.6529 23.9477 21.44 23.858 21.2428C23.7683 21.0456 23.639 20.8682 23.4778 20.7212L23.4809 20.7176ZM14.5167 14.1975C13.4564 15.2349 12.0623 15.8797 10.5719 16.022C9.08145 16.1644 7.58681 15.7955 6.34249 14.9781C5.09816 14.1608 4.18109 12.9456 3.74751 11.5395C3.31393 10.1334 3.39064 8.6233 3.96455 7.26643C4.53846 5.90955 5.57409 4.7898 6.89507 4.09787C8.21606 3.40594 9.74071 3.18461 11.2093 3.4716C12.678 3.75858 13.9998 4.53612 14.9497 5.6718C15.8996 6.80748 16.4188 8.23105 16.4189 9.7001C16.4196 10.5357 16.2519 11.3632 15.9254 12.135C15.599 12.9069 15.1202 13.6078 14.5167 14.1975V14.1975Z\" fill=\"white\"/></svg>`;\n\nconst CloseIcon = `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M14.0739 11.7565L19.7127 6.23228C20.0875 5.85692 20.0875 5.25309 19.7127 4.87773L19.0213 4.20046C18.6382 3.82511 18.0219 3.82511 17.6387 4.20046L12 9.72472L6.36127 4.20046C5.97814 3.82511 5.36179 3.82511 4.97866 4.20046L4.28735 4.87773C3.90422 5.25309 3.90422 5.85692 4.28735 6.23228L9.92608 11.7565L4.28735 17.2808C3.90422 17.6561 3.90422 18.26 4.28735 18.6353L4.97866 19.3126C5.36179 19.688 5.97814 19.688 6.36127 19.3126L12 13.7883L17.6387 19.3126C18.0219 19.688 18.6382 19.688 19.0213 19.3126L19.7127 18.6353C20.0958 18.26 20.0958 17.6561 19.7127 17.2808L14.0739 11.7565Z\" fill=\"white\"/></svg>`;\n\nexport type TContentType = 'all' | 'document' | 'template' | 'organization';\n\nexport interface ISearchEvent {\n  query: string;\n  type: TContentType;\n}\n\n/**\n * Displays a customizable input box for search queries.\n *\n * Authentication is required to demonstrate this Element. You may do this in Storybook by using the Auth\n * embed. This Element will reuse the same session produced by logging in via that Embed.\n */\n@Component({\n  tag: 'verdocs-search-box',\n  styleUrl: 'verdocs-search-box.scss',\n  shadow: false,\n})\nexport class VerdocsSearchBox {\n  private inputEl: HTMLInputElement;\n\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * The placeholder to display in the input field.\n   */\n  @Prop() placeholder = 'Search envelopes, templates, organizations...';\n\n  /**\n   * If set to a value other than 'all', a removeable filter indicator will be displayed.\n   */\n  @Prop() type: TContentType = 'all';\n\n  /**\n   * The text search string entered by the user.\n   */\n  @Prop() query = '';\n\n  /**\n   * If set, the input field will attempt to \"grab\" focus after being rendered.\n   */\n  @Prop() grabsFocus = false;\n\n  /**\n   * Event fired when the user changes the type.\n   */\n  @Event({composed: true}) searchClicked: EventEmitter<ISearchEvent>;\n\n  /**\n   * Event fired when the user changes the type.\n   */\n  @Event({composed: true}) typeChanged: EventEmitter<TContentType>;\n\n  /**\n   * Event fired when the user changes the query string.\n   */\n  @Event({composed: true}) queryChanged: EventEmitter<string>;\n\n  @Method() async focusField() {\n    this.inputEl.focus();\n  }\n\n  componentDidRender() {\n    if (this.grabsFocus) {\n      this.inputEl.focus();\n    }\n  }\n\n  handleSearch(e) {\n    this.searchClicked.emit({type: this.type, query: this.query});\n    e.preventDefault();\n    return false;\n  }\n\n  handleChange(e) {\n    this.queryChanged.emit(e.target.value);\n  }\n\n  handleClearFilter() {\n    this.typeChanged.emit('all');\n  }\n\n  handleKeyUp(e) {\n    if (e.key === 'Enter') {\n      this.searchClicked.emit({type: this.type, query: this.query});\n    }\n  }\n\n  render() {\n    return (\n      <form onSubmit={e => this.handleSearch(e)}>\n        {this.type !== undefined && this.type !== 'all' && (\n          <span class=\"type\">\n            {this.type}s <button class=\"remove\" innerHTML={CloseIcon} onClick={() => this.handleClearFilter()} />\n          </span>\n        )}\n        <input\n          type=\"text\"\n          value={this.query}\n          placeholder={this.placeholder}\n          onInput={e => this.handleChange(e)}\n          onKeyUp={e => this.handleKeyUp(e)}\n          ref={el => (this.inputEl = el)}\n        />\n        <button onClick={e => this.handleSearch(e)} class=\"search\">\n          <span innerHTML={SearchIcon} />\n          Search\n        </button>\n      </form>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"p-DN26hbJo.system.js","sources":["src/components/elements/verdocs-search-box/verdocs-search-box.scss?tag=verdocs-search-box","src/components/elements/verdocs-search-box/verdocs-search-box.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-search-box {\n  font-family: $verdocs-primary-font;\n\n  form {\n    display: flex;\n    flex-direction: row;\n    height: 45px;\n    box-sizing: border-box;\n    margin: 5px 0 0;\n    border-radius: 5px;\n    align-items: center;\n    background-color: #fff;\n    padding: 0 8px;\n    border-width: 1px;\n    border-style: solid;\n    border-color: $verdocs-light-blue;\n\n    input {\n      box-sizing: border-box;\n      height: 43px;\n      width: 100%;\n      font-size: 18px;\n      border: none;\n\n      &:focus {\n        outline: none;\n      }\n    }\n\n    button.search {\n      cursor: pointer;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      box-sizing: border-box;\n      border-radius: 4px;\n      border: none;\n      width: 100px;\n      height: 28px;\n      font-weight: 700;\n      font-size: 10px;\n      letter-spacing: 1px;\n      background-color: $verdocs-green;\n      text-transform: uppercase;\n      color: #fff;\n    }\n\n    .type {\n      background-color: $verdocs-light-blue;\n      height: 30px;\n      display: inline-flex;\n      padding: 1px 0 2px 10px;\n      font-size: 13px;\n      line-height: 16px;\n      border-radius: 4px;\n      justify-content: center;\n      text-transform: uppercase;\n      align-items: center;\n      flex-direction: row;\n      color: #fff;\n      margin-right: 10px;\n\n      button {\n        border: none;\n        color: #fff;\n        margin: 5px 0 0 8px;\n        background: transparent;\n      }\n    }\n\n    svg {\n      width: 12px;\n      height: 12px;\n      margin-right: 6px;\n    }\n  }\n\n  ::placeholder {\n    color: $verdocs-grey-2;\n  }\n}\n","import {VerdocsEndpoint} from '@verdocs/js-sdk';\nimport {Component, h, Event, EventEmitter, Prop, Method} from '@stencil/core';\n\nconst SearchIcon = `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M23.4809 20.7176L17.9111 15.2536C19.0961 13.6368 19.727 11.6926 19.7128 9.70131C19.7201 7.53345 18.9846 5.42606 17.6244 3.71753C16.2642 2.009 14.3581 0.798456 12.2123 0.280282C10.0665 -0.237892 7.80552 -0.0336342 5.79227 0.86026C3.77902 1.75415 2.13038 3.28582 1.1111 5.20931C0.0918114 7.1328 -0.238985 9.33652 0.171813 11.4666C0.582612 13.5967 1.71117 15.5296 3.37628 16.9548C5.0414 18.3801 7.14646 19.2151 9.35344 19.3257C11.5604 19.4364 13.7413 18.8162 15.5458 17.5649L21.1372 23.05L21.1563 23.0663C21.4841 23.3487 21.9039 23.507 22.3401 23.5128C22.7823 23.5125 23.2063 23.3402 23.5191 23.0337V23.0337C23.6749 22.8812 23.7979 22.6995 23.8804 22.4993C23.963 22.2991 24.0036 22.0847 23.9997 21.8688C23.9959 21.6529 23.9477 21.44 23.858 21.2428C23.7683 21.0456 23.639 20.8682 23.4778 20.7212L23.4809 20.7176ZM14.5167 14.1975C13.4564 15.2349 12.0623 15.8797 10.5719 16.022C9.08145 16.1644 7.58681 15.7955 6.34249 14.9781C5.09816 14.1608 4.18109 12.9456 3.74751 11.5395C3.31393 10.1334 3.39064 8.6233 3.96455 7.26643C4.53846 5.90955 5.57409 4.7898 6.89507 4.09787C8.21606 3.40594 9.74071 3.18461 11.2093 3.4716C12.678 3.75858 13.9998 4.53612 14.9497 5.6718C15.8996 6.80748 16.4188 8.23105 16.4189 9.7001C16.4196 10.5357 16.2519 11.3632 15.9254 12.135C15.599 12.9069 15.1202 13.6078 14.5167 14.1975V14.1975Z\" fill=\"white\"/></svg>`;\n\nconst CloseIcon = `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M14.0739 11.7565L19.7127 6.23228C20.0875 5.85692 20.0875 5.25309 19.7127 4.87773L19.0213 4.20046C18.6382 3.82511 18.0219 3.82511 17.6387 4.20046L12 9.72472L6.36127 4.20046C5.97814 3.82511 5.36179 3.82511 4.97866 4.20046L4.28735 4.87773C3.90422 5.25309 3.90422 5.85692 4.28735 6.23228L9.92608 11.7565L4.28735 17.2808C3.90422 17.6561 3.90422 18.26 4.28735 18.6353L4.97866 19.3126C5.36179 19.688 5.97814 19.688 6.36127 19.3126L12 13.7883L17.6387 19.3126C18.0219 19.688 18.6382 19.688 19.0213 19.3126L19.7127 18.6353C20.0958 18.26 20.0958 17.6561 19.7127 17.2808L14.0739 11.7565Z\" fill=\"white\"/></svg>`;\n\nexport type TContentType = 'all' | 'document' | 'template' | 'organization';\n\nexport interface ISearchEvent {\n  query: string;\n  type: TContentType;\n}\n\n/**\n * Displays a customizable input box for search queries.\n *\n * Authentication is required to demonstrate this Element. You may do this in Storybook by using the Auth\n * embed. This Element will reuse the same session produced by logging in via that Embed.\n */\n@Component({\n  tag: 'verdocs-search-box',\n  styleUrl: 'verdocs-search-box.scss',\n  shadow: false,\n})\nexport class VerdocsSearchBox {\n  private inputEl: HTMLInputElement;\n\n  /**\n   * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.\n   */\n  @Prop() endpoint: VerdocsEndpoint = VerdocsEndpoint.getDefault();\n\n  /**\n   * The placeholder to display in the input field.\n   */\n  @Prop() placeholder = 'Search envelopes, templates, organizations...';\n\n  /**\n   * If set to a value other than 'all', a removeable filter indicator will be displayed.\n   */\n  @Prop() type: TContentType = 'all';\n\n  /**\n   * The text search string entered by the user.\n   */\n  @Prop() query = '';\n\n  /**\n   * If set, the input field will attempt to \"grab\" focus after being rendered.\n   */\n  @Prop() grabsFocus = false;\n\n  /**\n   * Event fired when the user changes the type.\n   */\n  @Event({composed: true}) searchClicked: EventEmitter<ISearchEvent>;\n\n  /**\n   * Event fired when the user changes the type.\n   */\n  @Event({composed: true}) typeChanged: EventEmitter<TContentType>;\n\n  /**\n   * Event fired when the user changes the query string.\n   */\n  @Event({composed: true}) queryChanged: EventEmitter<string>;\n\n  @Method() async focusField() {\n    this.inputEl.focus();\n  }\n\n  componentDidRender() {\n    if (this.grabsFocus) {\n      this.inputEl.focus();\n    }\n  }\n\n  handleSearch(e) {\n    this.searchClicked.emit({type: this.type, query: this.query});\n    e.preventDefault();\n    return false;\n  }\n\n  handleChange(e) {\n    this.queryChanged.emit(e.target.value);\n  }\n\n  handleClearFilter() {\n    this.typeChanged.emit('all');\n  }\n\n  handleKeyUp(e) {\n    if (e.key === 'Enter') {\n      this.searchClicked.emit({type: this.type, query: this.query});\n    }\n  }\n\n  render() {\n    return (\n      <form onSubmit={e => this.handleSearch(e)}>\n        {this.type !== undefined && this.type !== 'all' && (\n          <span class=\"type\">\n            {this.type}s <button class=\"remove\" innerHTML={CloseIcon} onClick={() => this.handleClearFilter()} />\n          </span>\n        )}\n        <input\n          type=\"text\"\n          value={this.query}\n          placeholder={this.placeholder}\n          onInput={e => this.handleChange(e)}\n          onKeyUp={e => this.handleKeyUp(e)}\n          ref={el => (this.inputEl = el)}\n        />\n        <button onClick={e => this.handleSearch(e)} class=\"search\">\n          <span innerHTML={SearchIcon} />\n          Search\n        </button>\n      </form>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/verdocs-web-sdk/{p-C05sDUVN.js → p-DjAHH4ih.js}

@@ -1,3 +1,3 @@
-const e="verdocs-web-sdk";const t={hydratedSelectorName:"hydrated",lazyLoad:true,propChangeCallback:true,shadowDom:false,slotRelocation:true,updatable:true};var n=Object.defineProperty;var r=(e,t)=>{for(var r in t)n(e,r,{get:t[r],enumerable:true})};var i="http://www.w3.org/2000/svg";var l="http://www.w3.org/1999/xhtml";var o=e=>{if(e.__stencil__getHostRef){return e.__stencil__getHostRef()}return void 0};var s=(e,t)=>{if(!t)return;e.__stencil__getHostRef=()=>t;t.t=e};var f=(e,t)=>{const n={i:0,$hostElement$:e,l:t,o:new Map,u:new Map};{n.v=new Promise((e=>n.h=e))}{n.p=new Promise((e=>n.m=e));e["s-p"]=[];e["s-rc"]=[]}{n.$=[]}const r=n;e.__stencil__getHostRef=()=>r;return r};var a=(e,t)=>t in e;var c=(e,t)=>(0,console.error)(e,t);var u=new Map;var v=(e,t,n)=>{const r=e.S.replace(/-/g,"_");const i=e.j;if(!i){return void 0}const l=u.get(i);if(l){return l[r]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${i}.entry.js${""}`).then((e=>{{u.set(i,e)}return e[r]}),(e=>{c(e,t.$hostElement$)}))};var d=new Map;var h="{visibility:hidden}.hydrated{visibility:inherit}";var p="slot-fb{display:contents}slot-fb[hidden]{display:none}";var m=typeof window!=="undefined"?window:{};var y={i:0,O:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,r)=>e.addEventListener(t,n,r),rel:(e,t,n,r)=>e.removeEventListener(t,n,r),ce:(e,t)=>new CustomEvent(e,t)};var w=t.shadowDom;var b=(()=>{var e;let t=false;try{(e=m.document)==null?void 0:e.addEventListener("e",null,Object.defineProperty({},"passive",{get(){t=true}}))}catch(e){}return t})();var g=e=>Promise.resolve(e);var $=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var S=$?(()=>!!m.document&&Object.getOwnPropertyDescriptor(m.document.adoptedStyleSheets,"length").writable)():false;var j=false;var O=[];var k=[];var C=(e,t)=>n=>{e.push(n);if(!j){j=true;if(t&&y.i&4){N(M)}else{y.raf(M)}}};var E=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){c(e)}}e.length=0};var M=()=>{E(O);{E(k);if(j=O.length>0){y.raf(M)}}};var N=e=>g().then(e);var R=C(k,true);var x=e=>{e=typeof e;return e==="object"||e==="function"};function P(e){var t,n,r;return(r=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?r:void 0}var T=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");var F={};r(F,{err:()=>D,map:()=>U,ok:()=>L,unwrap:()=>A,unwrapErr:()=>W});var L=e=>({isOk:true,isErr:false,value:e});var D=e=>({isOk:false,isErr:true,value:e});function U(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>L(e)))}else{return L(n)}}if(e.isErr){const t=e.value;return D(t)}throw"should never get here"}var A=e=>{if(e.isOk){return e.value}else{throw e.value}};var W=e=>{if(e.isErr){return e.value}else{throw e.value}};var _=e=>{const t=Y(e,"childNodes");if(e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&e.tagName!=="SLOT-FB"){H(t,e.tagName).forEach((e=>{if(e.nodeType===1&&e.tagName==="SLOT-FB"){if(B(e,V(e),false).length){e.hidden=true}else{e.hidden=false}}}))}let n=0;for(n=0;n<t.length;n++){const e=t[n];if(e.nodeType===1&&Y(e,"childNodes").length){_(e)}}};var z=e=>{const t=[];for(let n=0;n<e.length;n++){const r=e[n]["s-nr"]||void 0;if(r&&r.isConnected){t.push(r)}}return t};function H(e,t,n){let r=0;let i=[];let l;for(;r<e.length;r++){l=e[r];if(l["s-sr"]&&(!t||l["s-hn"]===t)&&n===void 0){i.push(l)}i=[...i,...H(l.childNodes,t,n)]}return i}var B=(e,t,n=true)=>{const r=[];if(n&&e["s-sr"]||!e["s-sr"])r.push(e);let i=e;while(i=i.nextSibling){if(V(i)===t&&(n||!i["s-sr"]))r.push(i)}return r};var I=(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 V=e=>typeof e["s-sn"]==="string"?e["s-sn"]:e.nodeType===1&&e.getAttribute("slot")||void 0;function q(e){if(e.assignedElements||e.assignedNodes||!e["s-sr"])return;const t=t=>function(e){const n=[];const r=this["s-sn"];if(e==null?void 0:e.flatten){console.error(`\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use \`.childNodes\` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        `)}const i=this["s-cr"].parentElement;const l=i.__childNodes?i.childNodes:z(i.childNodes);l.forEach((e=>{if(r===V(e)){n.push(e)}}));if(t){return n.filter((e=>e.nodeType===1))}return n}.bind(e);e.assignedElements=t(true);e.assignedNodes=t(false)}function Y(e,t){if("__"+t in e){const n=e["__"+t];if(typeof n!=="function")return n;return n.bind(e)}else{if(typeof e[t]!=="function")return e[t];return e[t].bind(e)}}var G=(e,t="")=>{{return()=>{}}};var J=(e,t)=>{{return()=>{}}};var K=new WeakMap;var Q=(e,t,n)=>{let r=d.get(e);if($&&n){r=r||new CSSStyleSheet;if(typeof r==="string"){r=t}else{r.replaceSync(t)}}else{r=t}d.set(e,r)};var X=(e,t,n)=>{var r;const i=ee(t);const l=d.get(i);if(!m.document){return i}e=e.nodeType===11?e:m.document;if(l){if(typeof l==="string"){e=e.head||e;let n=K.get(e);let o;if(!n){K.set(e,n=new Set)}if(!n.has(i)){{o=m.document.createElement("style");o.innerHTML=l;const n=(r=y.k)!=null?r:P(m.document);if(n!=null){o.setAttribute("nonce",n)}if(!(t.i&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(o,(n==null?void 0:n.parentNode)===e?n:null)}else if("host"in e){if($){const t=new CSSStyleSheet;t.replaceSync(l);if(S){e.adoptedStyleSheets.unshift(t)}else{e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}}else{const t=e.querySelector("style");if(t){t.innerHTML=l+t.innerHTML}else{e.prepend(o)}}}else{e.append(o)}}if(t.i&1){e.insertBefore(o,null)}}if(t.i&4){o.innerHTML+=p}if(n){n.add(i)}}}else if(!e.adoptedStyleSheets.includes(l)){if(S){e.adoptedStyleSheets.push(l)}else{e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]}}}return i};var Z=e=>{const t=e.l;const n=e.$hostElement$;const r=G("attachStyles",t.S);X(n.getRootNode(),t);r()};var ee=(e,t)=>"sc-"+e.S;var te=(e,t,...n)=>{let r=null;let i=null;let l=null;let o=false;let s=false;const f=[];const a=t=>{for(let n=0;n<t.length;n++){r=t[n];if(Array.isArray(r)){a(r)}else if(r!=null&&typeof r!=="boolean"){if(o=typeof e!=="function"&&!x(r)){r=String(r)}if(o&&s){f[f.length-1].C+=r}else{f.push(o?ne(null,r):r)}s=o}}};a(n);if(t){if(t.key){i=t.key}if(t.name){l=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,le)}const c=ne(e,null);c.M=t;if(f.length>0){c.N=f}{c.R=i}{c.P=l}return c};var ne=(e,t)=>{const n={i:0,T:e,C:t,F:null,N:null};{n.M=null}{n.R=null}{n.P=null}return n};var re={};var ie=e=>e&&e.T===re;var le={forEach:(e,t)=>e.map(oe).forEach(t),map:(e,t)=>e.map(oe).map(t).map(se)};var oe=e=>({vattrs:e.M,vchildren:e.N,vkey:e.R,vname:e.P,vtag:e.T,vtext:e.C});var se=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return te(e.vtag,t,...e.vchildren||[])}const t=ne(e.vtag,e.vtext);t.M=e.vattrs;t.N=e.vchildren;t.R=e.vkey;t.P=e.vname;return t};var fe=e=>{const t=T(e);return new RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${t}))(${t}\\b)`,"g")};fe("::slotted");fe(":host");fe(":host-context");var ae=(e,t,n)=>{if(e!=null&&!x(e)){if(t&4){{return e==="false"?false:e===""||!!e}}if(t&2){return typeof e==="string"?parseFloat(e):typeof e==="number"?e:NaN}if(t&1){return String(e)}return e}return e};var ce=e=>{var t;return(t=o(e))==null?void 0:t.$hostElement$};var ue=(e,t,n)=>{const r=ce(e);return{emit:e=>ve(r,t,{bubbles:true,composed:true,cancelable:true,detail:e})}};var ve=(e,t,n)=>{const r=y.ce(t,n);e.dispatchEvent(r);return r};var de=(e,t,n,r,i,l,o)=>{if(n===r){return}let s=a(e,t);let f=t.toLowerCase();if(t==="class"){const t=e.classList;const i=pe(n);let l=pe(r);{t.remove(...i.filter((e=>e&&!l.includes(e))));t.add(...l.filter((e=>e&&!i.includes(e))))}}else if(t==="style"){{for(const t in n){if(!r||r[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in r){if(!n||r[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,r[t])}else{e.style[t]=r[t]}}}}else if(t==="key");else if(t==="ref"){if(r){r(e)}}else if(!s&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(a(m,f)){t=f.slice(2)}else{t=f[2]+t.slice(3)}if(n||r){const i=t.endsWith(me);t=t.replace(ye,"");if(n){y.rel(e,t,n,i)}if(r){y.ael(e,t,r,i)}}}else{const o=x(r);if((s||o&&r!==null)&&!i){try{if(!e.tagName.includes("-")){const i=r==null?"":r;if(t==="list"){s=false}else if(n==null||e[t]!=i){if(typeof e.__lookupSetter__(t)==="function"){e[t]=i}else{e.setAttribute(t,i)}}}else if(e[t]!==r){e[t]=r}}catch(e){}}if(r==null||r===false){if(r!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!s||l&4||i)&&!o&&e.nodeType===1){r=r===true?"":r;{e.setAttribute(t,r)}}}};var he=/\s/;var pe=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(he)};var me="Capture";var ye=new RegExp(me+"$");var we=(e,t,n,r)=>{const i=t.F.nodeType===11&&t.F.host?t.F.host:t.F;const l=e&&e.M||{};const o=t.M||{};{for(const e of be(Object.keys(l))){if(!(e in o)){de(i,e,l[e],void 0,n,t.i)}}}for(const e of be(Object.keys(o))){de(i,e,l[e],o[e],n,t.i)}};function be(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var ge;var $e;var Se=false;var je=false;var Oe=false;var ke=false;var Ce=(e,n,r)=>{var o;const s=n.N[r];let f=0;let a;let c;let u;if(!Se){Oe=true;if(s.T==="slot"){s.i|=s.N?2:1}}if(s.C!==null){a=s.F=m.document.createTextNode(s.C)}else if(s.i&1){a=s.F=m.document.createTextNode("");{we(null,s,ke)}}else{if(!ke){ke=s.T==="svg"}if(!m.document){throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.")}a=s.F=m.document.createElementNS(ke?i:l,!Se&&t.slotRelocation&&s.i&2?"slot-fb":s.T);if(ke&&s.T==="foreignObject"){ke=false}{we(null,s,ke)}if(s.N){for(f=0;f<s.N.length;++f){c=Ce(e,s,f);if(c){a.appendChild(c)}}}{if(s.T==="svg"){ke=false}else if(a.tagName==="foreignObject"){ke=true}}}a["s-hn"]=$e;{if(s.i&(2|1)){a["s-sr"]=true;a["s-cr"]=ge;a["s-sn"]=s.P||"";a["s-rf"]=(o=s.M)==null?void 0:o.ref;q(a);u=e&&e.N&&e.N[r];if(u&&u.T===s.T&&e.F){{Ee(e.F,false)}}}}return a};var Ee=(e,t)=>{y.i|=1;const n=Array.from(e.__childNodes||e.childNodes);for(let e=n.length-1;e>=0;e--){const r=n[e];if(r["s-hn"]!==$e&&r["s-ol"]){Ue(Pe(r).parentNode,r,Pe(r));r["s-ol"].remove();r["s-ol"]=void 0;r["s-sh"]=void 0;Oe=true}if(t){Ee(r,t)}}y.i&=-2};var Me=(e,t,n,r,i,l)=>{let o=e["s-cr"]&&e["s-cr"].parentNode||e;let s;for(;i<=l;++i){if(r[i]){s=Ce(null,n,i);if(s){r[i].F=s;Ue(o,s,Pe(t))}}}};var Ne=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.F;De(t);if(e){{je=true;if(e["s-ol"]){e["s-ol"].remove()}else{Ee(e,true)}}e.remove()}}}};var Re=(e,t,n,r,i=false)=>{let l=0;let o=0;let s=0;let f=0;let a=t.length-1;let c=t[0];let u=t[a];let v=r.length-1;let d=r[0];let h=r[v];let p;let m;while(l<=a&&o<=v){if(c==null){c=t[++l]}else if(u==null){u=t[--a]}else if(d==null){d=r[++o]}else if(h==null){h=r[--v]}else if(xe(c,d,i)){Te(c,d,i);c=t[++l];d=r[++o]}else if(xe(u,h,i)){Te(u,h,i);u=t[--a];h=r[--v]}else if(xe(c,h,i)){if(c.T==="slot"||h.T==="slot"){Ee(c.F.parentNode,false)}Te(c,h,i);Ue(e,c.F,u.F.nextSibling);c=t[++l];h=r[--v]}else if(xe(u,d,i)){if(c.T==="slot"||h.T==="slot"){Ee(u.F.parentNode,false)}Te(u,d,i);Ue(e,u.F,c.F);u=t[--a];d=r[++o]}else{s=-1;{for(f=l;f<=a;++f){if(t[f]&&t[f].R!==null&&t[f].R===d.R){s=f;break}}}if(s>=0){m=t[s];if(m.T!==d.T){p=Ce(t&&t[o],n,s)}else{Te(m,d,i);t[s]=void 0;p=m.F}d=r[++o]}else{p=Ce(t&&t[o],n,o);d=r[++o]}if(p){{Ue(Pe(c.F).parentNode,p,Pe(c.F))}}}}if(l>a){Me(e,r[v+1]==null?null:r[v+1].F,n,r,o,v)}else if(o>v){Ne(t,l,a)}};var xe=(e,t,n=false)=>{if(e.T===t.T){if(e.T==="slot"){return e.P===t.P}if(!n){return e.R===t.R}if(n&&!e.R&&t.R){e.R=t.R}return true}return false};var Pe=e=>e&&e["s-ol"]||e;var Te=(e,n,r=false)=>{const i=n.F=e.F;const l=e.N;const o=n.N;const s=n.T;const f=n.C;let a;if(f===null){{ke=s==="svg"?true:s==="foreignObject"?false:ke}{we(e,n,ke)}if(l!==null&&o!==null){Re(i,l,n,o,r)}else if(o!==null){if(e.C!==null){i.textContent=""}Me(i,null,n,o,0,o.length-1)}else if(!r&&t.updatable&&l!==null){Ne(l,0,l.length-1)}else;if(ke&&s==="svg"){ke=false}}else if(a=i["s-cr"]){a.parentNode.textContent=f}else if(e.C!==f){i.data=f}};var Fe=[];var Le=e=>{let t;let n;let r;const i=e.__childNodes||e.childNodes;for(const e of i){if(e["s-sr"]&&(t=e["s-cr"])&&t.parentNode){n=t.parentNode.__childNodes||t.parentNode.childNodes;const i=e["s-sn"];for(r=n.length-1;r>=0;r--){t=n[r];if(!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==e["s-hn"]&&true){if(I(t,i)){let n=Fe.find((e=>e.L===t));je=true;t["s-sn"]=t["s-sn"]||i;if(n){n.L["s-sh"]=e["s-hn"];n.D=e}else{t["s-sh"]=e["s-hn"];Fe.push({D:e,L:t})}if(t["s-sr"]){Fe.map((e=>{if(I(e.L,t["s-sn"])){n=Fe.find((e=>e.L===t));if(n&&!e.D){e.D=n.D}}}))}}else if(!Fe.some((e=>e.L===t))){Fe.push({L:t})}}}}if(e.nodeType===1){Le(e)}}};var De=e=>{{e.M&&e.M.ref&&e.M.ref(null);e.N&&e.N.map(De)}};var Ue=(e,t,n)=>{{return e==null?void 0:e.insertBefore(t,n)}};var Ae=(e,t,n=false)=>{var r,i,l,o;const s=e.$hostElement$;const f=e.l;const a=e.U||ne(null,null);const c=ie(t);const u=c?t:te(null,null,t);$e=s.tagName;if(f.A){u.M=u.M||{};f.A.forEach((([e,t])=>{{u.M[t]=s[e]}}))}if(n&&u.M){for(const e of Object.keys(u.M)){if(s.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){u.M[e]=s[e]}}}u.T=null;u.i|=4;e.U=u;u.F=a.F=s;Se=w;{ge=s["s-cr"];je=false}Te(a,u,n);{y.i|=1;if(Oe){Le(u.F);for(const e of Fe){const t=e.L;if(!t["s-ol"]&&m.document){const e=m.document.createTextNode("");e["s-nr"]=t;Ue(t.parentNode,t["s-ol"]=e,t)}}for(const e of Fe){const t=e.L;const s=e.D;if(s){const e=s.parentNode;let n=s.nextSibling;{let l=(r=t["s-ol"])==null?void 0:r.previousSibling;while(l){let r=(i=l["s-nr"])!=null?i:null;if(r&&r["s-sn"]===t["s-sn"]&&e===(r.__parentNode||r.parentNode)){r=r.nextSibling;while(r===t||(r==null?void 0:r["s-sr"])){r=r==null?void 0:r.nextSibling}if(!r||!r["s-nr"]){n=r;break}}l=l.previousSibling}}const o=t.__parentNode||t.parentNode;const f=t.__nextSibling||t.nextSibling;if(!n&&e!==o||f!==n){if(t!==n){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}Ue(e,t,n);if(t.nodeType===1&&t.tagName!=="SLOT-FB"){t.hidden=(l=t["s-ih"])!=null?l:false}}}t&&typeof s["s-rf"]==="function"&&s["s-rf"](s)}else{if(t.nodeType===1){if(n){t["s-ih"]=(o=t.hidden)!=null?o:false}t.hidden=true}}}}if(je){_(u.F)}y.i&=-2;Fe.length=0}ge=void 0};var We=(e,t)=>{if(t&&!e.W&&t["s-p"]){const n=t["s-p"].push(new Promise((r=>e.W=()=>{t["s-p"].splice(n-1,1);r()})))}};var _e=(e,t)=>{{e.i|=16}if(e.i&4){e.i|=512;return}We(e,e._);const n=()=>ze(e,t);if(t){queueMicrotask((()=>{n()}));return}return R(n)};var ze=(e,t)=>{const n=e.$hostElement$;const r=G("scheduleUpdate",e.l.S);const i=e.t;if(!i){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let l;if(t){{{e.i|=256;if(e.H){e.H.map((([e,t])=>Ge(i,e,t,n)));e.H=void 0}}if(e.$.length){e.$.forEach((e=>e(n)))}}l=Ge(i,"componentWillLoad",void 0,n)}else{l=Ge(i,"componentWillUpdate",void 0,n)}l=He(l,(()=>Ge(i,"componentWillRender",void 0,n)));r();return He(l,(()=>Ie(e,i,t)))};var He=(e,t)=>Be(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var Be=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var Ie=async(e,t,n)=>{var r;const i=e.$hostElement$;const l=G("update",e.l.S);const o=i["s-rc"];if(n){Z(e)}const s=G("render",e.l.S);{Ve(e,t,i,n)}if(o){o.map((e=>e()));i["s-rc"]=void 0}s();l();{const t=(r=i["s-p"])!=null?r:[];const n=()=>qe(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.i|=4;t.length=0}}};var Ve=(e,t,n,r)=>{try{t=t.render();{e.i&=-17}{e.i|=2}{{{Ae(e,t,r)}}}}catch(t){c(t,e.$hostElement$)}return null};var qe=e=>{const t=e.l.S;const n=e.$hostElement$;const r=G("postUpdate",t);const i=e.t;const l=e._;Ge(i,"componentDidRender",void 0,n);if(!(e.i&64)){e.i|=64;{Je(n)}Ge(i,"componentDidLoad",void 0,n);r();{e.m(n);if(!l){Ye()}}}else{Ge(i,"componentDidUpdate",void 0,n);r()}{e.h(n)}{if(e.W){e.W();e.W=void 0}if(e.i&512){N((()=>_e(e,false)))}e.i&=-517}};var Ye=t=>{N((()=>ve(m,"appload",{detail:{namespace:e}})))};var Ge=(e,t,n,r)=>{if(e&&e[t]){try{return e[t](n)}catch(e){c(e,r)}}return void 0};var Je=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var Ke=(e,t)=>o(e).o.get(t);var Qe=(e,t,n,r)=>{const i=o(e);if(!i){return}if(!i){throw new Error(`Couldn't find host element for "${r.S}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`)}const l=i.$hostElement$;const s=i.o.get(t);const f=i.i;const a=i.t;n=ae(n,r.B[t][0]);const u=Number.isNaN(s)&&Number.isNaN(n);const v=n!==s&&!u;if((!(f&8)||s===void 0)&&v){i.o.set(t,n);if(a){if(r.I&&f&128){const e=r.I[t];if(e){e.map((e=>{try{a[e](n,s,t)}catch(e){c(e,l)}}))}}if((f&(2|16))===2){if(a.componentShouldUpdate){if(a.componentShouldUpdate(n,s,t)===false){return}}_e(i,false)}}}};var Xe=(e,n,r)=>{var i,l;const s=e.prototype;if(n.B||t.propChangeCallback){{if(e.watchers&&!n.I){n.I=e.watchers}if(e.deserializers&&!n.V){n.V=e.deserializers}if(e.serializers&&!n.q){n.q=e.serializers}}const f=Object.entries((i=n.B)!=null?i:{});f.map((([e,[t]])=>{if(t&31||r&2&&t&32){const{get:i,set:l}=Object.getOwnPropertyDescriptor(s,e)||{};if(i)n.B[e][0]|=2048;if(l)n.B[e][0]|=4096;if(r&1||!i){Object.defineProperty(s,e,{get(){{if((n.B[e][0]&2048)===0){return Ke(this,e)}const t=o(this);const r=t?t.t:s;if(!r)return;return r[e]}},configurable:true,enumerable:true})}Object.defineProperty(s,e,{set(i){const s=o(this);if(!s){return}if(l){const r=t&32?this[e]:s.$hostElement$[e];if(typeof r==="undefined"&&s.o.get(e)){i=s.o.get(e)}l.apply(this,[ae(i,t)]);i=t&32?this[e]:s.$hostElement$[e];Qe(this,e,i,n);return}{if((r&1)===0||(n.B[e][0]&4096)===0){Qe(this,e,i,n);if(r&1&&!s.t){s.$.push((()=>{if(n.B[e][0]&4096&&s.t[e]!==s.o.get(e)){s.t[e]=i}}))}return}const l=()=>{const r=s.t[e];if(!s.o.get(e)&&r){s.o.set(e,r)}s.t[e]=ae(i,t);Qe(this,e,s.t[e],n)};if(s.t){l()}else{s.$.push((()=>{l()}))}}}})}else if(r&1&&t&64){Object.defineProperty(s,e,{value(...t){var n;const r=o(this);return(n=r==null?void 0:r.v)==null?void 0:n.then((()=>{var n;return(n=r.t)==null?void 0:n[e](...t)}))}})}}));if(r&1){const r=new Map;s.attributeChangedCallback=function(e,i,l){y.jmp((()=>{var f;const a=r.get(e);const c=o(this);if(this.hasOwnProperty(a)&&t.lazyLoad){l=this[a];delete this[a]}if(s.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==l){return}else if(a==null){const t=c==null?void 0:c.i;if(c&&t&&!(t&8)&&t&128&&l!==i){const t=c.t;const r=(f=n.I)==null?void 0:f[e];r==null?void 0:r.forEach((n=>{if(t[n]!=null){t[n].call(t,l,i,e)}}))}return}const u=Object.getOwnPropertyDescriptor(s,a);l=l===null&&typeof this[a]==="boolean"?false:l;if(l!=this[a]&&(!u.get||!!u.set)){this[a]=l}}))};e.observedAttributes=Array.from(new Set([...Object.keys((l=n.I)!=null?l:{}),...f.filter((([e,t])=>t[0]&31)).map((([e,t])=>{var i;const l=t[1]||e;r.set(l,e);if(t[0]&512){(i=n.A)==null?void 0:i.push([e,l])}return l}))]))}}return e};var Ze=async(e,t,n,r)=>{let i;if((t.i&32)===0){t.i|=32;const r=n.j;if(r){const r=v(n,t);if(r&&"then"in r){const e=J();i=await r;e()}else{i=r}if(!i){throw new Error(`Constructor for "${n.S}#${t.Y}" was not found`)}if(!i.isProxied){{n.I=i.watchers;n.q=i.serializers;n.V=i.deserializers}Xe(i,n,2);i.isProxied=true}const l=G("createInstance",n.S);{t.i|=8}try{new i(t)}catch(t){c(t,e)}{t.i&=-9}{t.i|=128}l();et(t.t,e)}else{i=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.i|=128))}if(i&&i.style){let e;if(typeof i.style==="string"){e=i.style}const t=ee(n);if(!d.has(t)){const r=G("registerStyles",n.S);Q(t,e,!!(n.i&1));r()}}}const l=t._;const o=()=>_e(t,true);if(l&&l["s-rc"]){l["s-rc"].push(o)}else{o()}};var et=(e,t)=>{{Ge(e,"connectedCallback",void 0,t)}};var tt=e=>{if((y.i&1)===0){const t=o(e);if(!t){return}const n=t.l;const r=G("connectedCallback",n.S);if(!(t.i&1)){t.i|=1;{if(n.i&(4|8)){nt(e)}}{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){We(t,t._=n);break}}}if(n.B){Object.entries(n.B).map((([t,[n]])=>{if(n&31&&t in e&&e[t]!==Object.prototype[t]){const n=e[t];delete e[t];e[t]=n}}))}{Ze(e,t,n)}}else{st(e,t,n.G);if(t==null?void 0:t.t){et(t.t,e)}else if(t==null?void 0:t.p){t.p.then((()=>et(t.t,e)))}}r()}};var nt=e=>{if(!m.document){return}const t=e["s-cr"]=m.document.createComment("");t["s-cn"]=true;Ue(e,t,e.firstChild)};var rt=(e,t)=>{{Ge(e,"disconnectedCallback",void 0,t||e)}};var it=async e=>{if((y.i&1)===0){const t=o(e);{if(t==null?void 0:t.J){t.J.map((e=>e()));t.J=void 0}}if(t==null?void 0:t.t){rt(t.t,e)}else if(t==null?void 0:t.p){t.p.then((()=>rt(t.t,e)))}}if(K.has(e)){K.delete(e)}if(e.shadowRoot&&K.has(e.shadowRoot)){K.delete(e.shadowRoot)}};var lt=(e,t={})=>{var n;if(!m.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const r=G();const i=[];const l=t.exclude||[];const s=m.customElements;const a=m.document.head;const c=a.querySelector("meta[charset]");const u=m.document.createElement("style");const v=[];let d;let w=true;Object.assign(y,t);y.O=new URL(t.resourcesUrl||"./",m.document.baseURI).href;let b=false;e.map((e=>{e[1].map((t=>{var n,r,a;const c={i:t[0],S:t[1],B:t[2],G:t[3]};if(c.i&4){b=true}{c.B=t[2]}{c.G=t[3]}{c.A=[]}{c.I=(n=t[4])!=null?n:{};c.q=(r=t[5])!=null?r:{};c.V=(a=t[6])!=null?a:{}}const u=c.S;const h=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;f(e,c)}connectedCallback(){const e=o(this);if(!e){return}if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;st(this,e,c.G)}if(d){clearTimeout(d);d=null}if(w){v.push(this)}else{y.jmp((()=>tt(this)))}}disconnectedCallback(){y.jmp((()=>it(this)));y.raf((()=>{var e;const t=o(this);if(!t){return}const n=v.findIndex((e=>e===this));if(n>-1){v.splice(n,1)}if(((e=t==null?void 0:t.U)==null?void 0:e.F)instanceof Node&&!t.U.F.isConnected){delete t.U.F}}))}componentOnReady(){var e;return(e=o(this))==null?void 0:e.p}};c.j=e[0];if(!l.includes(u)&&!s.get(u)){i.push(u);s.define(u,Xe(h,c,1))}}))}));if(i.length>0){if(b){u.textContent+=p}{u.textContent+=i.sort()+h}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=y.k)!=null?n:P(m.document);if(e!=null){u.setAttribute("nonce",e)}a.insertBefore(u,c?c.nextSibling:a.firstChild)}}w=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{y.jmp((()=>d=setTimeout(Ye,30)))}}r()};var ot=(e,t)=>t;var st=(e,t,n,r)=>{if(n&&m.document){n.map((([n,r,i])=>{const l=at(m.document,e,n);const o=ft(t,i);const s=ct(n);y.ael(l,r,o,s);(t.J=t.J||[]).push((()=>y.rel(l,r,o,s)))}))}};var ft=(e,t)=>n=>{var r;try{{if(e.i&256){(r=e.t)==null?void 0:r[t](n)}else{(e.H=e.H||[]).push([t,n])}}}catch(t){c(t,e.$hostElement$)}};var at=(e,t,n)=>{if(n&4){return e}if(n&8){return m}return t};var ct=e=>b?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var ut=e=>y.k=e;export{ot as F,re as H,lt as b,ue as c,ce as g,te as h,g as p,s as r,ut as s};
-//# sourceMappingURL=p-C05sDUVN.js.map
+const e="verdocs-web-sdk";const t={hydratedSelectorName:"hydrated",lazyLoad:true,propChangeCallback:true,shadowDom:false,slotRelocation:true,updatable:true};var n=Object.defineProperty;var r=(e,t)=>{for(var r in t)n(e,r,{get:t[r],enumerable:true})};var i="http://www.w3.org/2000/svg";var l="http://www.w3.org/1999/xhtml";var s=e=>{if(e.__stencil__getHostRef){return e.__stencil__getHostRef()}return void 0};var o=(e,t)=>{if(!t)return;e.__stencil__getHostRef=()=>t;t.t=e};var f=(e,t)=>{const n={i:0,$hostElement$:e,l:t,o:new Map,u:new Map};{n.v=new Promise((e=>n.h=e))}{n.p=new Promise((e=>n.m=e));e["s-p"]=[];e["s-rc"]=[]}{n.$=[]}const r=n;e.__stencil__getHostRef=()=>r;return r};var a=(e,t)=>t in e;var c=(e,t)=>(0,console.error)(e,t);var u=new Map;var v=(e,t,n)=>{const r=e.S.replace(/-/g,"_");const i=e.j;if(!i){return void 0}const l=u.get(i);if(l){return l[r]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${i}.entry.js${""}`).then((e=>{{u.set(i,e)}return e[r]}),(e=>{c(e,t.$hostElement$)}))};var d=new Map;var h="{visibility:hidden}.hydrated{visibility:inherit}";var p="slot-fb{display:contents}slot-fb[hidden]{display:none}";var m=typeof window!=="undefined"?window:{};var y={i:0,O:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,r)=>e.addEventListener(t,n,r),rel:(e,t,n,r)=>e.removeEventListener(t,n,r),ce:(e,t)=>new CustomEvent(e,t)};var w=t.shadowDom;var b=(()=>{var e;let t=false;try{(e=m.document)==null?void 0:e.addEventListener("e",null,Object.defineProperty({},"passive",{get(){t=true}}))}catch(e){}return t})();var g=e=>Promise.resolve(e);var $=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var S=$?(()=>!!m.document&&Object.getOwnPropertyDescriptor(m.document.adoptedStyleSheets,"length").writable)():false;var j=false;var O=[];var k=[];var C=(e,t)=>n=>{e.push(n);if(!j){j=true;if(t&&y.i&4){N(M)}else{y.raf(M)}}};var E=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){c(e)}}e.length=0};var M=()=>{E(O);{E(k);if(j=O.length>0){y.raf(M)}}};var N=e=>g().then(e);var R=C(k,true);var x=e=>{e=typeof e;return e==="object"||e==="function"};function P(e){var t,n,r;return(r=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?r:void 0}var T=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");var F={};r(F,{err:()=>D,map:()=>U,ok:()=>L,unwrap:()=>A,unwrapErr:()=>W});var L=e=>({isOk:true,isErr:false,value:e});var D=e=>({isOk:false,isErr:true,value:e});function U(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>L(e)))}else{return L(n)}}if(e.isErr){const t=e.value;return D(t)}throw"should never get here"}var A=e=>{if(e.isOk){return e.value}else{throw e.value}};var W=e=>{if(e.isErr){return e.value}else{throw e.value}};var _=e=>{const t=Y(e,"childNodes");if(e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&e.tagName!=="SLOT-FB"){H(t,e.tagName).forEach((e=>{if(e.nodeType===1&&e.tagName==="SLOT-FB"){if(B(e,V(e),false).length){e.hidden=true}else{e.hidden=false}}}))}let n=0;for(n=0;n<t.length;n++){const e=t[n];if(e.nodeType===1&&Y(e,"childNodes").length){_(e)}}};var z=e=>{const t=[];for(let n=0;n<e.length;n++){const r=e[n]["s-nr"]||void 0;if(r&&r.isConnected){t.push(r)}}return t};function H(e,t,n){let r=0;let i=[];let l;for(;r<e.length;r++){l=e[r];if(l["s-sr"]&&(!t||l["s-hn"]===t)&&n===void 0){i.push(l)}i=[...i,...H(l.childNodes,t,n)]}return i}var B=(e,t,n=true)=>{const r=[];if(n&&e["s-sr"]||!e["s-sr"])r.push(e);let i=e;while(i=i.nextSibling){if(V(i)===t&&(n||!i["s-sr"]))r.push(i)}return r};var I=(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 V=e=>typeof e["s-sn"]==="string"?e["s-sn"]:e.nodeType===1&&e.getAttribute("slot")||void 0;function q(e){if(e.assignedElements||e.assignedNodes||!e["s-sr"])return;const t=t=>function(e){const n=[];const r=this["s-sn"];if(e==null?void 0:e.flatten){console.error(`\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use \`.childNodes\` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        `)}const i=this["s-cr"].parentElement;const l=i.__childNodes?i.childNodes:z(i.childNodes);l.forEach((e=>{if(r===V(e)){n.push(e)}}));if(t){return n.filter((e=>e.nodeType===1))}return n}.bind(e);e.assignedElements=t(true);e.assignedNodes=t(false)}function Y(e,t){if("__"+t in e){const n=e["__"+t];if(typeof n!=="function")return n;return n.bind(e)}else{if(typeof e[t]!=="function")return e[t];return e[t].bind(e)}}var G=(e,t="")=>{{return()=>{}}};var J=(e,t)=>{{return()=>{}}};var K=new WeakMap;var Q=(e,t,n)=>{let r=d.get(e);if($&&n){r=r||new CSSStyleSheet;if(typeof r==="string"){r=t}else{r.replaceSync(t)}}else{r=t}d.set(e,r)};var X=(e,t,n)=>{var r;const i=ee(t);const l=d.get(i);if(!m.document){return i}e=e.nodeType===11?e:m.document;if(l){if(typeof l==="string"){e=e.head||e;let n=K.get(e);let s;if(!n){K.set(e,n=new Set)}if(!n.has(i)){{s=m.document.createElement("style");s.innerHTML=l;const n=(r=y.k)!=null?r:P(m.document);if(n!=null){s.setAttribute("nonce",n)}if(!(t.i&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(s,(n==null?void 0:n.parentNode)===e?n:null)}else if("host"in e){if($){const t=new CSSStyleSheet;t.replaceSync(l);if(S){e.adoptedStyleSheets.unshift(t)}else{e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}}else{const t=e.querySelector("style");if(t){t.innerHTML=l+t.innerHTML}else{e.prepend(s)}}}else{e.append(s)}}if(t.i&1){e.insertBefore(s,null)}}if(t.i&4){s.innerHTML+=p}if(n){n.add(i)}}}else if(!e.adoptedStyleSheets.includes(l)){if(S){e.adoptedStyleSheets.push(l)}else{e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]}}}return i};var Z=e=>{const t=e.l;const n=e.$hostElement$;const r=G("attachStyles",t.S);X(n.getRootNode(),t);r()};var ee=(e,t)=>"sc-"+e.S;var te=(e,t,...n)=>{let r=null;let i=null;let l=null;let s=false;let o=false;const f=[];const a=t=>{for(let n=0;n<t.length;n++){r=t[n];if(Array.isArray(r)){a(r)}else if(r!=null&&typeof r!=="boolean"){if(s=typeof e!=="function"&&!x(r)){r=String(r)}if(s&&o){f[f.length-1].C+=r}else{f.push(s?ne(null,r):r)}o=s}}};a(n);if(t){if(t.key){i=t.key}if(t.name){l=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,le)}const c=ne(e,null);c.M=t;if(f.length>0){c.N=f}{c.R=i}{c.P=l}return c};var ne=(e,t)=>{const n={i:0,T:e,C:t,F:null,N:null};{n.M=null}{n.R=null}{n.P=null}return n};var re={};var ie=e=>e&&e.T===re;var le={forEach:(e,t)=>e.map(se).forEach(t),map:(e,t)=>e.map(se).map(t).map(oe)};var se=e=>({vattrs:e.M,vchildren:e.N,vkey:e.R,vname:e.P,vtag:e.T,vtext:e.C});var oe=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return te(e.vtag,t,...e.vchildren||[])}const t=ne(e.vtag,e.vtext);t.M=e.vattrs;t.N=e.vchildren;t.R=e.vkey;t.P=e.vname;return t};var fe=e=>{const t=T(e);return new RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${t}))(${t}\\b)`,"g")};fe("::slotted");fe(":host");fe(":host-context");var ae=(e,t,n)=>{if(e!=null&&!x(e)){if(t&4){{return e==="false"?false:e===""||!!e}}if(t&2){return typeof e==="string"?parseFloat(e):typeof e==="number"?e:NaN}if(t&1){return String(e)}return e}return e};var ce=e=>{var t;return(t=s(e))==null?void 0:t.$hostElement$};var ue=(e,t,n)=>{const r=ce(e);return{emit:e=>ve(r,t,{bubbles:true,composed:true,cancelable:true,detail:e})}};var ve=(e,t,n)=>{const r=y.ce(t,n);e.dispatchEvent(r);return r};var de=(e,t,n,r,i,l,s)=>{if(n===r){return}let o=a(e,t);let f=t.toLowerCase();if(t==="class"){const t=e.classList;const i=pe(n);let l=pe(r);{t.remove(...i.filter((e=>e&&!l.includes(e))));t.add(...l.filter((e=>e&&!i.includes(e))))}}else if(t==="style"){{for(const t in n){if(!r||r[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in r){if(!n||r[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,r[t])}else{e.style[t]=r[t]}}}}else if(t==="key");else if(t==="ref"){if(r){r(e)}}else if(!o&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(a(m,f)){t=f.slice(2)}else{t=f[2]+t.slice(3)}if(n||r){const i=t.endsWith(me);t=t.replace(ye,"");if(n){y.rel(e,t,n,i)}if(r){y.ael(e,t,r,i)}}}else{const s=x(r);if((o||s&&r!==null)&&!i){try{if(!e.tagName.includes("-")){const i=r==null?"":r;if(t==="list"){o=false}else if(n==null||e[t]!=i){if(typeof e.__lookupSetter__(t)==="function"){e[t]=i}else{e.setAttribute(t,i)}}}else if(e[t]!==r){e[t]=r}}catch(e){}}if(r==null||r===false){if(r!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!o||l&4||i)&&!s&&e.nodeType===1){r=r===true?"":r;{e.setAttribute(t,r)}}}};var he=/\s/;var pe=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(he)};var me="Capture";var ye=new RegExp(me+"$");var we=(e,t,n,r)=>{const i=t.F.nodeType===11&&t.F.host?t.F.host:t.F;const l=e&&e.M||{};const s=t.M||{};{for(const e of be(Object.keys(l))){if(!(e in s)){de(i,e,l[e],void 0,n,t.i)}}}for(const e of be(Object.keys(s))){de(i,e,l[e],s[e],n,t.i)}};function be(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var ge;var $e;var Se=false;var je=false;var Oe=false;var ke=false;var Ce=(e,n,r)=>{var s;const o=n.N[r];let f=0;let a;let c;let u;if(!Se){Oe=true;if(o.T==="slot"){o.i|=o.N?2:1}}if(o.C!==null){a=o.F=m.document.createTextNode(o.C)}else if(o.i&1){a=o.F=m.document.createTextNode("");{we(null,o,ke)}}else{if(!ke){ke=o.T==="svg"}if(!m.document){throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.")}a=o.F=m.document.createElementNS(ke?i:l,!Se&&t.slotRelocation&&o.i&2?"slot-fb":o.T);if(ke&&o.T==="foreignObject"){ke=false}{we(null,o,ke)}if(o.N){for(f=0;f<o.N.length;++f){c=Ce(e,o,f);if(c){a.appendChild(c)}}}{if(o.T==="svg"){ke=false}else if(a.tagName==="foreignObject"){ke=true}}}a["s-hn"]=$e;{if(o.i&(2|1)){a["s-sr"]=true;a["s-cr"]=ge;a["s-sn"]=o.P||"";a["s-rf"]=(s=o.M)==null?void 0:s.ref;q(a);u=e&&e.N&&e.N[r];if(u&&u.T===o.T&&e.F){{Ee(e.F,false)}}}}return a};var Ee=(e,t)=>{y.i|=1;const n=Array.from(e.__childNodes||e.childNodes);for(let e=n.length-1;e>=0;e--){const r=n[e];if(r["s-hn"]!==$e&&r["s-ol"]){Ue(Pe(r).parentNode,r,Pe(r));r["s-ol"].remove();r["s-ol"]=void 0;r["s-sh"]=void 0;Oe=true}if(t){Ee(r,t)}}y.i&=-2};var Me=(e,t,n,r,i,l)=>{let s=e["s-cr"]&&e["s-cr"].parentNode||e;let o;for(;i<=l;++i){if(r[i]){o=Ce(null,n,i);if(o){r[i].F=o;Ue(s,o,Pe(t))}}}};var Ne=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.F;De(t);if(e){{je=true;if(e["s-ol"]){e["s-ol"].remove()}else{Ee(e,true)}}e.remove()}}}};var Re=(e,t,n,r,i=false)=>{let l=0;let s=0;let o=0;let f=0;let a=t.length-1;let c=t[0];let u=t[a];let v=r.length-1;let d=r[0];let h=r[v];let p;let m;while(l<=a&&s<=v){if(c==null){c=t[++l]}else if(u==null){u=t[--a]}else if(d==null){d=r[++s]}else if(h==null){h=r[--v]}else if(xe(c,d,i)){Te(c,d,i);c=t[++l];d=r[++s]}else if(xe(u,h,i)){Te(u,h,i);u=t[--a];h=r[--v]}else if(xe(c,h,i)){if(c.T==="slot"||h.T==="slot"){Ee(c.F.parentNode,false)}Te(c,h,i);Ue(e,c.F,u.F.nextSibling);c=t[++l];h=r[--v]}else if(xe(u,d,i)){if(c.T==="slot"||h.T==="slot"){Ee(u.F.parentNode,false)}Te(u,d,i);Ue(e,u.F,c.F);u=t[--a];d=r[++s]}else{o=-1;{for(f=l;f<=a;++f){if(t[f]&&t[f].R!==null&&t[f].R===d.R){o=f;break}}}if(o>=0){m=t[o];if(m.T!==d.T){p=Ce(t&&t[s],n,o)}else{Te(m,d,i);t[o]=void 0;p=m.F}d=r[++s]}else{p=Ce(t&&t[s],n,s);d=r[++s]}if(p){{Ue(Pe(c.F).parentNode,p,Pe(c.F))}}}}if(l>a){Me(e,r[v+1]==null?null:r[v+1].F,n,r,s,v)}else if(s>v){Ne(t,l,a)}};var xe=(e,t,n=false)=>{if(e.T===t.T){if(e.T==="slot"){return e.P===t.P}if(!n){return e.R===t.R}if(n&&!e.R&&t.R){e.R=t.R}return true}return false};var Pe=e=>e&&e["s-ol"]||e;var Te=(e,n,r=false)=>{const i=n.F=e.F;const l=e.N;const s=n.N;const o=n.T;const f=n.C;let a;if(f===null){{ke=o==="svg"?true:o==="foreignObject"?false:ke}{we(e,n,ke)}if(l!==null&&s!==null){Re(i,l,n,s,r)}else if(s!==null){if(e.C!==null){i.textContent=""}Me(i,null,n,s,0,s.length-1)}else if(!r&&t.updatable&&l!==null){Ne(l,0,l.length-1)}else;if(ke&&o==="svg"){ke=false}}else if(a=i["s-cr"]){a.parentNode.textContent=f}else if(e.C!==f){i.data=f}};var Fe=[];var Le=e=>{let t;let n;let r;const i=e.__childNodes||e.childNodes;for(const e of i){if(e["s-sr"]&&(t=e["s-cr"])&&t.parentNode){n=t.parentNode.__childNodes||t.parentNode.childNodes;const i=e["s-sn"];for(r=n.length-1;r>=0;r--){t=n[r];if(!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==e["s-hn"]&&true){if(I(t,i)){let n=Fe.find((e=>e.L===t));je=true;t["s-sn"]=t["s-sn"]||i;if(n){n.L["s-sh"]=e["s-hn"];n.D=e}else{t["s-sh"]=e["s-hn"];Fe.push({D:e,L:t})}if(t["s-sr"]){Fe.map((e=>{if(I(e.L,t["s-sn"])){n=Fe.find((e=>e.L===t));if(n&&!e.D){e.D=n.D}}}))}}else if(!Fe.some((e=>e.L===t))){Fe.push({L:t})}}}}if(e.nodeType===1){Le(e)}}};var De=e=>{{e.M&&e.M.ref&&e.M.ref(null);e.N&&e.N.map(De)}};var Ue=(e,t,n)=>{{return e==null?void 0:e.insertBefore(t,n)}};var Ae=(e,t,n=false)=>{var r,i,l,s;const o=e.$hostElement$;const f=e.l;const a=e.U||ne(null,null);const c=ie(t);const u=c?t:te(null,null,t);$e=o.tagName;if(f.A){u.M=u.M||{};f.A.forEach((([e,t])=>{{u.M[t]=o[e]}}))}if(n&&u.M){for(const e of Object.keys(u.M)){if(o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){u.M[e]=o[e]}}}u.T=null;u.i|=4;e.U=u;u.F=a.F=o;Se=w;{ge=o["s-cr"];je=false}Te(a,u,n);{y.i|=1;if(Oe){Le(u.F);for(const e of Fe){const t=e.L;if(!t["s-ol"]&&m.document){const e=m.document.createTextNode("");e["s-nr"]=t;Ue(t.parentNode,t["s-ol"]=e,t)}}for(const e of Fe){const t=e.L;const o=e.D;if(o){const e=o.parentNode;let n=o.nextSibling;{let l=(r=t["s-ol"])==null?void 0:r.previousSibling;while(l){let r=(i=l["s-nr"])!=null?i:null;if(r&&r["s-sn"]===t["s-sn"]&&e===(r.__parentNode||r.parentNode)){r=r.nextSibling;while(r===t||(r==null?void 0:r["s-sr"])){r=r==null?void 0:r.nextSibling}if(!r||!r["s-nr"]){n=r;break}}l=l.previousSibling}}const s=t.__parentNode||t.parentNode;const f=t.__nextSibling||t.nextSibling;if(!n&&e!==s||f!==n){if(t!==n){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}Ue(e,t,n);if(t.nodeType===1&&t.tagName!=="SLOT-FB"){t.hidden=(l=t["s-ih"])!=null?l:false}}}t&&typeof o["s-rf"]==="function"&&o["s-rf"](o)}else{if(t.nodeType===1){if(n){t["s-ih"]=(s=t.hidden)!=null?s:false}t.hidden=true}}}}if(je){_(u.F)}y.i&=-2;Fe.length=0}ge=void 0};var We=(e,t)=>{if(t&&!e.W&&t["s-p"]){const n=t["s-p"].push(new Promise((r=>e.W=()=>{t["s-p"].splice(n-1,1);r()})))}};var _e=(e,t)=>{{e.i|=16}if(e.i&4){e.i|=512;return}We(e,e._);const n=()=>ze(e,t);if(t){queueMicrotask((()=>{n()}));return}return R(n)};var ze=(e,t)=>{const n=e.$hostElement$;const r=G("scheduleUpdate",e.l.S);const i=e.t;if(!i){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let l;if(t){{{e.i|=256;if(e.H){e.H.map((([e,t])=>Ge(i,e,t,n)));e.H=void 0}}if(e.$.length){e.$.forEach((e=>e(n)))}}l=Ge(i,"componentWillLoad",void 0,n)}else{l=Ge(i,"componentWillUpdate",void 0,n)}l=He(l,(()=>Ge(i,"componentWillRender",void 0,n)));r();return He(l,(()=>Ie(e,i,t)))};var He=(e,t)=>Be(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var Be=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var Ie=async(e,t,n)=>{var r;const i=e.$hostElement$;const l=G("update",e.l.S);const s=i["s-rc"];if(n){Z(e)}const o=G("render",e.l.S);{Ve(e,t,i,n)}if(s){s.map((e=>e()));i["s-rc"]=void 0}o();l();{const t=(r=i["s-p"])!=null?r:[];const n=()=>qe(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.i|=4;t.length=0}}};var Ve=(e,t,n,r)=>{try{t=t.render();{e.i&=-17}{e.i|=2}{{{Ae(e,t,r)}}}}catch(t){c(t,e.$hostElement$)}return null};var qe=e=>{const t=e.l.S;const n=e.$hostElement$;const r=G("postUpdate",t);const i=e.t;const l=e._;Ge(i,"componentDidRender",void 0,n);if(!(e.i&64)){e.i|=64;{Je(n)}Ge(i,"componentDidLoad",void 0,n);r();{e.m(n);if(!l){Ye()}}}else{Ge(i,"componentDidUpdate",void 0,n);r()}{e.h(n)}{if(e.W){e.W();e.W=void 0}if(e.i&512){N((()=>_e(e,false)))}e.i&=-517}};var Ye=t=>{N((()=>ve(m,"appload",{detail:{namespace:e}})))};var Ge=(e,t,n,r)=>{if(e&&e[t]){try{return e[t](n)}catch(e){c(e,r)}}return void 0};var Je=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var Ke=(e,t)=>s(e).o.get(t);var Qe=(e,t,n,r)=>{const i=s(e);if(!i){return}if(!i){throw new Error(`Couldn't find host element for "${r.S}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`)}const l=i.$hostElement$;const o=i.o.get(t);const f=i.i;const a=i.t;n=ae(n,r.B[t][0]);const u=Number.isNaN(o)&&Number.isNaN(n);const v=n!==o&&!u;if((!(f&8)||o===void 0)&&v){i.o.set(t,n);if(a){if(r.I&&f&128){const e=r.I[t];if(e){e.map((e=>{try{a[e](n,o,t)}catch(e){c(e,l)}}))}}if((f&(2|16))===2){if(a.componentShouldUpdate){if(a.componentShouldUpdate(n,o,t)===false){return}}_e(i,false)}}}};var Xe=(e,n,r)=>{var i,l;const o=e.prototype;if(n.B||t.propChangeCallback){{if(e.watchers&&!n.I){n.I=e.watchers}if(e.deserializers&&!n.V){n.V=e.deserializers}if(e.serializers&&!n.q){n.q=e.serializers}}const f=Object.entries((i=n.B)!=null?i:{});f.map((([e,[t]])=>{if(t&31||r&2&&t&32){const{get:i,set:l}=Object.getOwnPropertyDescriptor(o,e)||{};if(i)n.B[e][0]|=2048;if(l)n.B[e][0]|=4096;if(r&1||!i){Object.defineProperty(o,e,{get(){{if((n.B[e][0]&2048)===0){return Ke(this,e)}const t=s(this);const r=t?t.t:o;if(!r)return;return r[e]}},configurable:true,enumerable:true})}Object.defineProperty(o,e,{set(i){const o=s(this);if(!o){return}if(l){const r=t&32?this[e]:o.$hostElement$[e];if(typeof r==="undefined"&&o.o.get(e)){i=o.o.get(e)}l.apply(this,[ae(i,t)]);i=t&32?this[e]:o.$hostElement$[e];Qe(this,e,i,n);return}{if((r&1)===0||(n.B[e][0]&4096)===0){Qe(this,e,i,n);if(r&1&&!o.t){o.$.push((()=>{if(n.B[e][0]&4096&&o.t[e]!==o.o.get(e)){o.t[e]=i}}))}return}const l=()=>{const r=o.t[e];if(!o.o.get(e)&&r){o.o.set(e,r)}o.t[e]=ae(i,t);Qe(this,e,o.t[e],n)};if(o.t){l()}else{o.$.push((()=>{l()}))}}}})}else if(r&1&&t&64){Object.defineProperty(o,e,{value(...t){var n;const r=s(this);return(n=r==null?void 0:r.v)==null?void 0:n.then((()=>{var n;return(n=r.t)==null?void 0:n[e](...t)}))}})}}));if(r&1){const r=new Map;o.attributeChangedCallback=function(e,i,l){y.jmp((()=>{var a;const c=r.get(e);const u=s(this);if(this.hasOwnProperty(c)&&t.lazyLoad){l=this[c];delete this[c]}if(o.hasOwnProperty(c)&&typeof this[c]==="number"&&this[c]==l){return}else if(c==null){const t=u==null?void 0:u.i;if(u&&t&&!(t&8)&&t&128&&l!==i){const t=u.t;const r=(a=n.I)==null?void 0:a[e];r==null?void 0:r.forEach((n=>{if(t[n]!=null){t[n].call(t,l,i,e)}}))}return}const v=f.find((([e])=>e===c));if(v&&v[1][0]&4){l=l===null||l==="false"?false:true}const d=Object.getOwnPropertyDescriptor(o,c);if(l!=this[c]&&(!d.get||!!d.set)){this[c]=l}}))};e.observedAttributes=Array.from(new Set([...Object.keys((l=n.I)!=null?l:{}),...f.filter((([e,t])=>t[0]&31)).map((([e,t])=>{var i;const l=t[1]||e;r.set(l,e);if(t[0]&512){(i=n.A)==null?void 0:i.push([e,l])}return l}))]))}}return e};var Ze=async(e,t,n,r)=>{let i;if((t.i&32)===0){t.i|=32;const r=n.j;if(r){const r=v(n,t);if(r&&"then"in r){const e=J();i=await r;e()}else{i=r}if(!i){throw new Error(`Constructor for "${n.S}#${t.Y}" was not found`)}if(!i.isProxied){{n.I=i.watchers;n.q=i.serializers;n.V=i.deserializers}Xe(i,n,2);i.isProxied=true}const l=G("createInstance",n.S);{t.i|=8}try{new i(t)}catch(t){c(t,e)}{t.i&=-9}{t.i|=128}l();et(t.t,e)}else{i=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.i|=128))}if(i&&i.style){let e;if(typeof i.style==="string"){e=i.style}const t=ee(n);if(!d.has(t)){const r=G("registerStyles",n.S);Q(t,e,!!(n.i&1));r()}}}const l=t._;const s=()=>_e(t,true);if(l&&l["s-rc"]){l["s-rc"].push(s)}else{s()}};var et=(e,t)=>{{Ge(e,"connectedCallback",void 0,t)}};var tt=e=>{if((y.i&1)===0){const t=s(e);if(!t){return}const n=t.l;const r=G("connectedCallback",n.S);if(!(t.i&1)){t.i|=1;{if(n.i&(4|8)){nt(e)}}{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){We(t,t._=n);break}}}if(n.B){Object.entries(n.B).map((([t,[n]])=>{if(n&31&&t in e&&e[t]!==Object.prototype[t]){const n=e[t];delete e[t];e[t]=n}}))}{Ze(e,t,n)}}else{ot(e,t,n.G);if(t==null?void 0:t.t){et(t.t,e)}else if(t==null?void 0:t.p){t.p.then((()=>et(t.t,e)))}}r()}};var nt=e=>{if(!m.document){return}const t=e["s-cr"]=m.document.createComment("");t["s-cn"]=true;Ue(e,t,e.firstChild)};var rt=(e,t)=>{{Ge(e,"disconnectedCallback",void 0,t||e)}};var it=async e=>{if((y.i&1)===0){const t=s(e);{if(t==null?void 0:t.J){t.J.map((e=>e()));t.J=void 0}}if(t==null?void 0:t.t){rt(t.t,e)}else if(t==null?void 0:t.p){t.p.then((()=>rt(t.t,e)))}}if(K.has(e)){K.delete(e)}if(e.shadowRoot&&K.has(e.shadowRoot)){K.delete(e.shadowRoot)}};var lt=(e,t={})=>{var n;if(!m.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const r=G();const i=[];const l=t.exclude||[];const o=m.customElements;const a=m.document.head;const c=a.querySelector("meta[charset]");const u=m.document.createElement("style");const v=[];let d;let w=true;Object.assign(y,t);y.O=new URL(t.resourcesUrl||"./",m.document.baseURI).href;let b=false;e.map((e=>{e[1].map((t=>{var n,r,a;const c={i:t[0],S:t[1],B:t[2],G:t[3]};if(c.i&4){b=true}{c.B=t[2]}{c.G=t[3]}{c.A=[]}{c.I=(n=t[4])!=null?n:{};c.q=(r=t[5])!=null?r:{};c.V=(a=t[6])!=null?a:{}}const u=c.S;const h=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;f(e,c)}connectedCallback(){const e=s(this);if(!e){return}if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;ot(this,e,c.G)}if(d){clearTimeout(d);d=null}if(w){v.push(this)}else{y.jmp((()=>tt(this)))}}disconnectedCallback(){y.jmp((()=>it(this)));y.raf((()=>{var e;const t=s(this);if(!t){return}const n=v.findIndex((e=>e===this));if(n>-1){v.splice(n,1)}if(((e=t==null?void 0:t.U)==null?void 0:e.F)instanceof Node&&!t.U.F.isConnected){delete t.U.F}}))}componentOnReady(){var e;return(e=s(this))==null?void 0:e.p}};c.j=e[0];if(!l.includes(u)&&!o.get(u)){i.push(u);o.define(u,Xe(h,c,1))}}))}));if(i.length>0){if(b){u.textContent+=p}{u.textContent+=i.sort()+h}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=y.k)!=null?n:P(m.document);if(e!=null){u.setAttribute("nonce",e)}a.insertBefore(u,c?c.nextSibling:a.firstChild)}}w=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{y.jmp((()=>d=setTimeout(Ye,30)))}}r()};var st=(e,t)=>t;var ot=(e,t,n,r)=>{if(n&&m.document){n.map((([n,r,i])=>{const l=at(m.document,e,n);const s=ft(t,i);const o=ct(n);y.ael(l,r,s,o);(t.J=t.J||[]).push((()=>y.rel(l,r,s,o)))}))}};var ft=(e,t)=>n=>{var r;try{{if(e.i&256){(r=e.t)==null?void 0:r[t](n)}else{(e.H=e.H||[]).push([t,n])}}}catch(t){c(t,e.$hostElement$)}};var at=(e,t,n)=>{if(n&4){return e}if(n&8){return m}return t};var ct=e=>b?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var ut=e=>y.k=e;export{st as F,re as H,lt as b,ue as c,ce as g,te as h,g as p,o as r,ut as s};
+//# sourceMappingURL=p-DjAHH4ih.js.map