npm - @verdocs/web-sdk - Versions diffs - 5.3.1 → 5.3.3 - Mend

@verdocs/web-sdk 5.3.1 → 5.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (599) hide show

package/dist/verdocs-web-sdk/{p-Dt0S5N8D.system.js.map → p-C3pXyYu2.system.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"p-~~Dt0S5N8D~~.system.js","sources":["src/components/controls/verdocs-toggle-button/verdocs-toggle-button.scss?tag=verdocs-toggle-button","src/components/controls/verdocs-toggle-button/verdocs-toggle-button.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-toggle-button {\n font-family: $primary-font;\n\n button {\n border: none;\n outline: none;\n cursor: pointer;\n align-items: center;\n display: inline-flex;\n justify-content: center;\n background: $verdocs-bg-1;\n color: $verdocs-dark-blue;\n\n svg {\n max-width: 100%;\n max-height: 100%;\n fill: $verdocs-dark-blue;\n }\n\n &.active {\n background: $verdocs-green;\n color: $verdocs-grey-3;\n\n svg {\n fill: $verdocs-grey-3;\n }\n }\n\n &:focus {\n border: none;\n outline: none;\n }\n }\n\n &.size-normal button {\n width: 40px;\n height: 40px;\n padding: 6px;\n border-radius: 4px;\n }\n\n &.size-small button {\n width: 34px;\n height: 34px;\n padding: 4px;\n border-radius: 2px;\n }\n}\n","import {Component, Prop, h, State, Event, EventEmitter, Host} from '@stencil/core';\n\n/*\n Displays a single button that can be toggled on or off by clicking it.\n \n ```ts\n * <verdocs-toggle-button icon={MessageIcon} size=\"normal\" active={true} />\n * ```\n /\n@Component({\n tag: 'verdocs-toggle-button',\n styleUrl: 'verdocs-toggle-button.scss',\n})\nexport class VerdocsToggleButton {\n @Prop() active = false;\n\n /\n If set, should be an SVG object. This will be rendered as the button's visible element. If icon is supplied, label is ignored.\n /\n @Prop() icon?: string \| null = null;\n\n /\n If set, should be an SVG object. This will be rendered as the button's visible element. If icon is supplied, label is ignored.\n /\n @Prop() label?: string \| null = null;\n\n /\n How large the button should be. Small buttons are intended for dialog boxes and other smaller scale UI regions.\n /\n @Prop() size?: 'small' \| 'normal' = 'normal';\n\n /\n Event fired when the button is pressed.\n */\n @Event({composed: true}) toggle!: EventEmitter<{active: boolean}>;\n\n @State() _active = false;\n\n componentWillLoad() {\n this._active = this.active;\n }\n\n handleToggle(e: any) {\n e.stopPropagation();\n\n const newState = !this._active;\n this._active = newState;\n this.toggle?.emit({active: newState});\n }\n\n render() {\n return (\n <Host class={`size-${this.size}`}>\n {this.icon ? (\n <button innerHTML={this.icon} class={{active: this._active}} onClick={e => this.handleToggle(e)} />\n ) : (\n <button class={{active: this._active}} onClick={e => this.handleToggle(e)}>\n {this.label}\n </button>\n )}\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;MAAA,MAAM,sBAAsB,GAAG,siCAAsiC;;YCaxjC,mBAAmB,oCAAA,MAAA;MAJhC,IAAA,WAAA,CAAA,OAAA,EAAA;;;MAKU,QAAA,IAAM,CAAA,MAAA,GAAG,KAAK;MAEtB;;MAEG;MACK,QAAA,IAAI,CAAA,IAAA,GAAmB,IAAI;MAEnC;;MAEG;MACK,QAAA,IAAK,CAAA,KAAA,GAAmB,IAAI;MAEpC;;MAEG;MACK,QAAA,IAAI,CAAA,IAAA,GAAwB,QAAQ;MAOnC,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK;MA2BzB;UAzBC,iBAAiB,GAAA;MACf,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM;;MAG5B,IAAA,YAAY,CAAC,CAAM,EAAA;;cACjB,CAAC,CAAC,eAAe,EAAE;MAEnB,QAAA,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,OAAO;MAC9B,QAAA,IAAI,CAAC,OAAO,GAAG,QAAQ;MACvB,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,CAAC,EAAC,MAAM,EAAE,QAAQ,EAAC,CAAC;;UAGvC,MAAM,GAAA;cACJ,QACE,CAAC,CAAA,IAAI,qDAAC,KAAK,EAAE,CAAQ,KAAA,EAAA,IAAI,CAAC,IAAI,CAAA,CAAE,IAC7B,IAAI,CAAC,IAAI,IACR,CAAA,CAAA,QAAA,EAAA,EAAQ,SAAS,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,EAAC,MAAM,EAAE,IAAI,CAAC,OAAO,EAAC,EAAE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAI,CAAA,KAEnG,CAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAE,EAAC,MAAM,EAAE,IAAI,CAAC,OAAO,EAAC,EAAE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAA,EACtE,IAAI,CAAC,KAAK,CACJ,CACV,CACI;;;;;;;;;;;"}
1	+ {"version":3,"file":"p-C3pXyYu2.system.js","sources":["src/components/controls/verdocs-toggle-button/verdocs-toggle-button.scss?tag=verdocs-toggle-button","src/components/controls/verdocs-toggle-button/verdocs-toggle-button.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-toggle-button {\n font-family: $primary-font;\n\n button {\n border: none;\n outline: none;\n cursor: pointer;\n align-items: center;\n display: inline-flex;\n justify-content: center;\n background: $verdocs-bg-1;\n color: $verdocs-dark-blue;\n\n svg {\n max-width: 100%;\n max-height: 100%;\n fill: $verdocs-dark-blue;\n }\n\n &.active {\n background: $verdocs-green;\n color: $verdocs-grey-3;\n\n svg {\n fill: $verdocs-grey-3;\n }\n }\n\n &:focus {\n border: none;\n outline: none;\n }\n }\n\n &.size-normal button {\n width: 40px;\n height: 40px;\n padding: 6px;\n border-radius: 4px;\n }\n\n &.size-small button {\n width: 34px;\n height: 34px;\n padding: 4px;\n border-radius: 2px;\n }\n}\n","import {Component, Prop, h, State, Event, EventEmitter, Host} from '@stencil/core';\n\n/*\n Displays a single button that can be toggled on or off by clicking it.\n \n ```ts\n * <verdocs-toggle-button icon={MessageIcon} size=\"normal\" active={true} />\n * ```\n /\n@Component({\n tag: 'verdocs-toggle-button',\n styleUrl: 'verdocs-toggle-button.scss',\n})\nexport class VerdocsToggleButton {\n @Prop() active = false;\n\n /\n If set, should be an SVG object. This will be rendered as the button's visible element. If icon is supplied, label is ignored.\n /\n @Prop() icon?: string \| null = null;\n\n /\n If set, should be an SVG object. This will be rendered as the button's visible element. If icon is supplied, label is ignored.\n /\n @Prop() label?: string \| null = null;\n\n /\n How large the button should be. Small buttons are intended for dialog boxes and other smaller scale UI regions.\n /\n @Prop() size?: 'small' \| 'normal' = 'normal';\n\n /\n Event fired when the button is pressed.\n */\n @Event({composed: true}) toggle!: EventEmitter<{active: boolean}>;\n\n @State() _active = false;\n\n componentWillLoad() {\n this._active = this.active;\n }\n\n handleToggle(e: any) {\n e.stopPropagation();\n\n const newState = !this._active;\n this._active = newState;\n this.toggle?.emit({active: newState});\n }\n\n render() {\n return (\n <Host class={`size-${this.size}`}>\n {this.icon ? (\n <button innerHTML={this.icon} class={{active: this._active}} onClick={e => this.handleToggle(e)} />\n ) : (\n <button class={{active: this._active}} onClick={e => this.handleToggle(e)}>\n {this.label}\n </button>\n )}\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;MAAA,MAAM,sBAAsB,GAAG,siCAAsiC;;YCaxjC,mBAAmB,oCAAA,MAAA;MAJhC,IAAA,WAAA,CAAA,OAAA,EAAA;;;MAKU,QAAA,IAAM,CAAA,MAAA,GAAG,KAAK;MAEtB;;MAEG;MACK,QAAA,IAAI,CAAA,IAAA,GAAmB,IAAI;MAEnC;;MAEG;MACK,QAAA,IAAK,CAAA,KAAA,GAAmB,IAAI;MAEpC;;MAEG;MACK,QAAA,IAAI,CAAA,IAAA,GAAwB,QAAQ;MAOnC,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK;MA2BzB;UAzBC,iBAAiB,GAAA;MACf,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM;;MAG5B,IAAA,YAAY,CAAC,CAAM,EAAA;;cACjB,CAAC,CAAC,eAAe,EAAE;MAEnB,QAAA,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,OAAO;MAC9B,QAAA,IAAI,CAAC,OAAO,GAAG,QAAQ;MACvB,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,CAAC,EAAC,MAAM,EAAE,QAAQ,EAAC,CAAC;;UAGvC,MAAM,GAAA;cACJ,QACE,CAAC,CAAA,IAAI,qDAAC,KAAK,EAAE,CAAQ,KAAA,EAAA,IAAI,CAAC,IAAI,CAAA,CAAE,IAC7B,IAAI,CAAC,IAAI,IACR,CAAA,CAAA,QAAA,EAAA,EAAQ,SAAS,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,EAAC,MAAM,EAAE,IAAI,CAAC,OAAO,EAAC,EAAE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAI,CAAA,KAEnG,CAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAE,EAAC,MAAM,EAAE,IAAI,CAAC,OAAO,EAAC,EAAE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAA,EACtE,IAAI,CAAC,KAAK,CACJ,CACV,CACI;;;;;;;;;;;"}

package/dist/verdocs-web-sdk/{p-BqV2sLyM.system.js.map → p-C4wFtWGl.system.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"p-BqV2sLyM.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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"}
1	+ {"version":3,"file":"p-C4wFtWGl.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-C99h0Uet.system.js.map → p-CAPHli3W.system.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"p-C99h0Uet.system.js","sources":["src/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.scss?tag=verdocs-envelopes-list","src/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-envelopes-list {\n display: flex;\n padding: 10px;\n font-size: 18px;\n flex-wrap: nowrap;\n border-radius: 6px;\n color: $label-color;\n flex-direction: column;\n font-family: $primary-font;\n\n @media screen and (max-width: 800px) {\n font-size: 14px;\n }\n\n .envelope-placeholder {\n height: 48px;\n flex: 0 0 48px;\n margin: 5px 0;\n border-radius: 5px;\n background: $verdocs-grey-3;\n }\n\n .header {\n width: 100%;\n row-gap: 4px;\n display: flex;\n flex-wrap: wrap;\n column-gap: 12px;\n margin: 0 0 10px 0;\n align-items: center;\n flex-direction: row;\n\n .filter {\n width: 300px;\n }\n\n verdocs-text-input {\n margin: 0;\n\n input {\n height: 32px;\n }\n }\n }\n\n .filter {\n align-items: center;\n }\n\n .envelope {\n width: 100%;\n margin: 3px 0;\n background: $verdocs-grey-4;\n\n &:hover {\n cursor: pointer;\n background: $verdocs-grey-3;\n }\n\n .inner {\n gap: 12px;\n display: flex;\n padding: 8px 14px;\n border-radius: 5px;\n flex-direction: row;\n align-items: center;\n container-type: inline-size;\n\n svg {\n width: 24px;\n height: 24px;\n }\n }\n }\n\n .vert-spacer {\n height: 50px;\n display: flex;\n flex: 0 0 1px;\n border-right: 1px solid #dad8dd;\n\n @media screen and (max-width: 800px) {\n display: none;\n }\n }\n\n .envelope-icon {\n @media screen and (max-width: 800px) {\n display: none;\n }\n }\n\n verdocs-checkbox {\n @media screen and (max-width: 800px) {\n display: none;\n }\n }\n\n .last-modified {\n color: #444;\n display: flex;\n flex: 0 0 180px;\n flex-direction: row;\n align-items: center;\n white-space: nowrap;\n\n @media screen and (max-width: 800px) {\n display: none;\n }\n }\n\n .envelope-name {\n flex: 1;\n display: flex;\n color: #000000;\n line-height: 28px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n .envelope-recipients {\n color: #4b5563;\n font-weight: 700;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n .empty-text {\n text-align: center;\n margin: 16px 0 0 0;\n padding: 80px 80px;\n border: 2px solid #ccc;\n }\n\n .containing {\n gap: 12px;\n display: flex;\n align-items: center;\n flex-direction: row;\n }\n\n verdocs-status-indicator {\n @media screen and (max-width: 800px) {\n font-size: 14px;\n }\n }\n}\n","import {Component, Prop, Host, h, State, Event, EventEmitter, Watch} from '@stencil/core';\nimport {userCanCancelEnvelope, userCanAct, cancelEnvelope, integerSequence, formatFullName} from '@verdocs/js-sdk';\nimport {IEnvelope, IListEnvelopesParams, TEnvelopeStatus, VerdocsEndpoint, getEnvelopes, getRecipientsWithActions} from '@verdocs/js-sdk';\nimport {IFilterOption} from '../../controls/verdocs-quick-filter/verdocs-quick-filter';\nimport {saveEnvelopesAsZip} from '../../../utils/utils';\nimport {VerdocsToast} from '../../../utils/Toast';\nimport {SDKError} from '../../../utils/errors';\n\nconst DocumentIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"#000000\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z\" /></svg>`;\n\nconst ViewFilters: IFilterOption[] = [\n {value: 'all', label: 'All'},\n {value: 'inbox', label: 'Inbox'},\n {value: 'sent', label: 'Sent'},\n {value: 'completed', label: 'Completed'},\n {value: 'action', label: 'Action Required'},\n {value: 'waiting', label: 'Waiting on Others'},\n];\n\nconst StatusFilters: IFilterOption[] = [\n {value: 'all', label: 'All'},\n {value: 'pending', label: 'Pending'},\n {value: 'in progress', label: 'In Progress'},\n {value: 'complete', label: 'Completed'},\n {value: 'declined', label: 'Declined'},\n {value: 'canceled', label: 'Canceled'},\n];\n\nconst SortFilters: IFilterOption[] = [\n {value: 'created_at', label: 'Created'},\n {value: 'updated_at', label: 'Updated'},\n {value: 'canceled_at', label: 'Canceled'},\n {value: 'envelope_name', label: 'Name'},\n {value: 'envelope_status', label: 'Status'},\n];\n\n/*\n Displays a list of envelopes matching specified conditions.\n /\n@Component({\n tag: 'verdocs-envelopes-list',\n styleUrl: 'verdocs-envelopes-list.scss',\n})\nexport class VerdocsEnvelopesList {\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 filtered view to display. \"completed\" will show envelopes that have been submitted. \"action\" will\n * show envelopes where the user is a recipient and the envelope is not completed. \"waiting\" will show\n * only envelopes where the user is the sender and the envelope is not completed.\n /\n @Prop({reflect: true, mutable: true}) view?: 'all' \| 'inbox' \| 'sent' \| 'completed' \| 'action' \| 'waiting' = undefined;\n\n /\n The status value to filter by\n /\n @Prop({reflect: true, mutable: true}) status: TEnvelopeStatus \| 'all' = 'all';\n\n /\n The sort field to use\n /\n @Prop({reflect: true, mutable: true}) sort: 'name' \| 'created_at' \| 'updated_at' \| 'canceled_at' \| 'status' = 'created_at';\n\n /\n If set, filter envelopes by the specified string.\n /\n @Prop({reflect: true, mutable: true}) match: string = '';\n\n /\n If set, filter envelopes by the specified \"containing\" value.\n /\n // @Prop({reflect: true, mutable: true}) containing: string = '';\n\n /\n Whether or not pagination should be enabled.\n /\n @Prop() showPagination = true;\n\n /\n The number of rows to display per page.\n /\n @Prop() rowsPerPage = 10;\n\n /\n The initial page number to select. Pagination is internally controlled but may be overriden by the\n * host applicaiton.\n /\n @Prop() selectedPage = 0;\n\n /\n Event fired when the user changes their view. Host applications can use this to save the user's preferences.\n /\n @Event({composed: true}) changeView: EventEmitter<'all' \| 'inbox' \| 'sent' \| 'completed' \| 'action' \| 'waiting'>;\n\n /\n Event fired when the user changes their status filter. Host applications can use this to save the user's preferences.\n /\n @Event({composed: true}) changeStatus: EventEmitter<TEnvelopeStatus \| 'all'>;\n\n /\n Event fired when the user changes their sort order. Host applications can use this to save the user's preferences.\n /\n @Event({composed: true}) changeSort: EventEmitter<'name' \| 'created_at' \| 'updated_at' \| 'canceled_at' \| 'status'>;\n\n /\n Event fired when the user changes the match filter. This is fired for every inputChange event (every character\n * typed). This event is provided for balance with the other events, but host applications should generally not\n * save this value. Users might appreciate applications remembering their sorting or filtering preferences, but\n * probably not their search terms.\n /\n @Event({composed: true}) changeMatch: EventEmitter<string>;\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 /\n Event fired when the user clicks an activity entry. Typically the host application will use this to navigate\n * to the envelope detail view.\n /\n @Event({composed: true}) viewEnvelope: EventEmitter<{endpoint: VerdocsEndpoint; envelope: IEnvelope}>;\n\n /\n Event fired when the user clicks to finish the envelope.\n /\n @Event({composed: true}) finishEnvelope: EventEmitter<{endpoint: VerdocsEndpoint; envelope: IEnvelope}>;\n\n @State() count = 0;\n @State() initiallyLoaded = false;\n @State() loading = true;\n @State() selectedEnvelopes: IEnvelope[] = [];\n @State() envelopes: IEnvelope[] = [];\n\n @Watch('view')\n handleViewUpdated() {\n return this.queryEnvelopes();\n }\n\n @Watch('status')\n handleStatusUpdated() {\n return this.queryEnvelopes();\n }\n\n @Watch('sort')\n handleSortUpdated() {\n return this.queryEnvelopes();\n }\n\n @Watch('match')\n handleMatchUpdated() {\n return this.queryEnvelopes();\n }\n\n // @Watch('containing')\n // handleContainingUpdated() {\n // return this.queryEnvelopes();\n // }\n\n @Watch('selectedPage')\n handlePageUpdated() {\n return this.queryEnvelopes();\n }\n\n componentWillLoad() {\n this.endpoint.onSessionChanged((_, session, profile) => {\n console.log('[ENVELOPES_LIST] onSessionChanged', session, profile);\n });\n this.endpoint.loadSession();\n }\n\n async componentDidLoad() {\n await this.queryEnvelopes();\n this.initiallyLoaded = true;\n }\n\n async queryEnvelopes() {\n try {\n this.loading = true;\n let queryParams: IListEnvelopesParams = {\n page: this.selectedPage,\n // sort: this.sort,\n rows: this.rowsPerPage,\n };\n\n switch (this.view) {\n case 'all':\n queryParams = {\n ...queryParams,\n // sort: this.sort,\n // direction: this.sort === 'name' ? 'asc' : 'desc',\n status: (this.status === 'all' ? ['pending', 'in progress', 'complete', 'declined', 'canceled'] : [this.status]) as TEnvelopeStatus[],\n };\n break;\n\n case 'inbox':\n queryParams = {\n ...queryParams,\n // is_recipient: true,\n // sort: 'updated_at',\n // recipient_status: ['invited', 'declined', 'opened', 'signed', 'submitted', 'canceled'],\n };\n break;\n\n case 'sent':\n queryParams = {\n ...queryParams,\n // FIXME\n // is_owner: true,\n // sort: 'updated_at',\n };\n break;\n\n case 'action':\n queryParams = {\n ...queryParams,\n // sort: 'updated_at',\n // is_recipient: true,\n status: ['pending', 'in progress'],\n // recipient_status: ['invited', 'opened', 'signed'],\n };\n break;\n\n case 'waiting':\n queryParams = {\n ...queryParams,\n // FIXME\n // is_owner: true,\n // sort: 'updated_at',\n // direction: 'desc',\n status: ['pending', 'in progress'],\n };\n break;\n\n case 'completed':\n queryParams = {\n ...queryParams,\n // sort: 'updated_at',\n // direction: 'desc',\n status: ['complete'],\n };\n break;\n\n default:\n queryParams = {\n ...queryParams,\n // sort: 'updated_at',\n // direction: 'desc',\n status: (this.status === 'all' ? ['pending', 'in progress', 'complete', 'declined', 'canceled'] : [this.status]) as TEnvelopeStatus[],\n };\n }\n\n // These filters should only be applied in \"View All\" mode. Otherwise the user could have set them to something\n // then changed the view e.g. to Inbox and the filter could break the view (e.g. View:Inbox, Status:Declined\n // would never return anything).\n if (this.view === 'all') {\n if (this.status !== 'all') {\n queryParams.status = [this.status as TEnvelopeStatus];\n }\n }\n\n if (this.sort !== 'updated_at') {\n // queryParams.sort = this.sort;\n // queryParams.direction = this.sort === 'name' ? 'asc' : 'desc';\n }\n\n if (this.match.trim()) {\n // queryParams.match = this.match.trim();\n }\n\n // if (this.containing.trim()) {\n // queryParams.field_value = this.containing.trim();\n // }\n\n const response = await getEnvelopes(this.endpoint, queryParams);\n this.envelopes = response.envelopes;\n this.count = response.count;\n this.loading = false;\n } catch (e) {\n this.loading = false;\n console.log('[ENVELOPES] Error listing envelopes', e);\n this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n }\n }\n\n handleDownload() {\n saveEnvelopesAsZip(this.endpoint, this.selectedEnvelopes)\n .then(() => {\n this.selectedEnvelopes = [];\n })\n .catch(e => {\n console.log('[ENVELOPES] Download error', e);\n VerdocsToast('Download error: ' + e.message, {style: 'error'});\n });\n }\n\n downloadEnvelope(envelope: IEnvelope) {\n saveEnvelopesAsZip(this.endpoint, [envelope]).catch(e => {\n console.log('[ENVELOPES] Download error', e);\n VerdocsToast('Download error: ' + e.message, {style: 'error'});\n });\n }\n\n render() {\n return (\n <Host>\n <div class=\"header\">\n <div class=\"filter\">\n <verdocs-text-input\n id=\"verdocs-filter-name\"\n value={this.match}\n clearable={true}\n autocomplete=\"off\"\n placeholder=\"Filter by Name, Recipient, or Field...\"\n onFocusout={(e: any) => {\n // We don't locally filter envelopes because there are too many fields to match against efficiently.\n this.match = e.target.value.trim();\n this.changeMatch?.emit(this.match);\n }}\n />\n </div>\n\n <verdocs-quick-filter\n label=\"View\"\n value={this.view}\n options={ViewFilters}\n onOptionSelected={e => {\n this.view = e.detail.value as any;\n }}\n />\n\n {this.view === 'all' && (\n <verdocs-quick-filter\n label=\"Status\"\n value={this.status}\n options={StatusFilters}\n onOptionSelected={e => {\n this.status = e.detail.value as any;\n }}\n />\n )}\n\n {this.view === 'all' && (\n <verdocs-quick-filter\n label=\"Sort By\"\n value={this.sort}\n options={SortFilters}\n onOptionSelected={e => {\n this.sort = e.detail.value as any;\n }}\n />\n )}\n\n {/<div class=\"containing\">/}\n {/ <div class=\"filter\">/}\n {/ <verdocs-text-input/}\n {/ id=\"verdocs-filter-containing\"/}\n {/ value={this.containing}/}\n {/ autocomplete=\"off\"/}\n {/ placeholder=\"Fields Containing...\"/}\n {/ onInput={(e: any) => {/}\n {/ this.containing = e.target.value;/}\n {/ }}/}\n {/ />/}\n {/ </div>/}\n {/</div>*/}\n\n {this.loading && <verdocs-spinner mode=\"dark\" size={24} />}\n\n <div style={{display: 'flex', flex: '1'}} />\n\n {this.selectedEnvelopes.length > 0 && <verdocs-button label={`Download (${this.selectedEnvelopes.length})`} onClick={() => this.handleDownload()} />}\n </div>\n\n {this.envelopes.map(envelope => {\n const recipientsWithActions = getRecipientsWithActions(envelope);\n const userCanCancel = userCanCancelEnvelope(this.endpoint.profile, envelope);\n const userRole = recipientsWithActions.find(recipient => recipient.email === this.endpoint.session?.email \|\| '');\n const userCanFinish = userRole && userCanCancel && userCanAct(this.endpoint.session?.email \|\| '', recipientsWithActions);\n\n const menuOptions = [\n {label: 'View Envelope', id: 'view'},\n {label: 'Finish Envelope', id: 'finish', disabled: !userCanFinish},\n {label: 'Download', id: 'download'},\n {label: 'Cancel', id: 'cancel', disabled: !userCanCancel},\n ];\n\n return (\n <div class=\"envelope\" key={envelope.id} onClick={() => this.viewEnvelope?.emit({endpoint: this.endpoint, envelope})}>\n <div class=\"inner\">\n <verdocs-checkbox\n checked={this.selectedEnvelopes.findIndex(e => e.id === envelope.id) !== -1}\n onClick={e => e.stopPropagation()} // So this doesn't trigger navigation\n onInput={(e: any) => {\n if (e.target.checked) {\n this.selectedEnvelopes = [...this.selectedEnvelopes, envelope];\n } else {\n this.selectedEnvelopes = this.selectedEnvelopes.filter(e => e.id !== envelope.id);\n }\n }}\n />\n\n <div class=\"vert-spacer\" />\n <span innerHTML={DocumentIcon} class=\"envelope-icon\" />\n\n <div class=\"envelope-name\">\n {envelope.name}:  <div class=\"envelope-recipients\">{envelope.recipients.map(r => formatFullName(r))}</div>\n </div>\n\n <div class=\"vert-spacer\" />\n <verdocs-status-indicator envelope={envelope} style={{width: '125px'}} />\n\n <div class=\"vert-spacer\" />\n <div class=\"last-modified\">{new Date(envelope.updated_at).toLocaleString()}</div>\n\n <div class=\"vert-spacer\" />\n <verdocs-dropdown\n options={menuOptions}\n onOptionSelected={e => {\n switch (e.detail.id) {\n case 'view':\n this.viewEnvelope?.emit({endpoint: this.endpoint, envelope});\n break;\n case 'finish':\n this.finishEnvelope?.emit({endpoint: this.endpoint, envelope});\n break;\n case 'download':\n this.downloadEnvelope(envelope);\n break;\n case 'cancel':\n if (window.confirm('Are you sure you want to cancel this envelope?')) {\n cancelEnvelope(this.endpoint, envelope.id)\n .then(() => VerdocsToast('Envelope canceled'))\n .catch(e => VerdocsToast('Unable to cancel envelope: ' + e.messabge, {style: 'error'}));\n this.queryEnvelopes().catch(() => {});\n }\n break;\n }\n }}\n />\n </div>\n </div>\n );\n })}\n\n {!this.initiallyLoaded && (\n <div style={{width: '100%'}}>\n {integerSequence(0, this.rowsPerPage).map(() => (\n <div class=\"envelope-placeholder\" />\n ))}\n </div>\n )}\n\n {this.initiallyLoaded && !this.envelopes.length && <div class=\"empty-text\">No matching envelopes found. Please adjust your filters and try again.</div>}\n\n {this.initiallyLoaded && this.envelopes.length && this.showPagination ? (\n <div style={{marginTop: '20px'}}>\n <verdocs-pagination\n selectedPage={this.selectedPage}\n perPage={this.rowsPerPage}\n itemCount={this.count}\n onSelectPage={e => {\n this.selectedPage = e.detail.selectedPage;\n }}\n />\n </div>\n ) : (\n <div />\n )}\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"p-CAPHli3W.system.js","sources":["src/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.scss?tag=verdocs-envelopes-list","src/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-envelopes-list {\n display: flex;\n padding: 10px;\n font-size: 18px;\n flex-wrap: nowrap;\n border-radius: 6px;\n color: $label-color;\n flex-direction: column;\n font-family: $primary-font;\n\n @media screen and (max-width: 800px) {\n font-size: 14px;\n }\n\n .envelope-placeholder {\n height: 48px;\n flex: 0 0 48px;\n margin: 5px 0;\n border-radius: 5px;\n background: $verdocs-grey-3;\n }\n\n .header {\n width: 100%;\n row-gap: 4px;\n display: flex;\n flex-wrap: wrap;\n column-gap: 12px;\n margin: 0 0 10px 0;\n align-items: center;\n flex-direction: row;\n\n .filter {\n width: 300px;\n }\n\n verdocs-text-input {\n margin: 0;\n\n input {\n height: 32px;\n }\n }\n }\n\n .filter {\n align-items: center;\n }\n\n .envelope {\n width: 100%;\n margin: 3px 0;\n background: $verdocs-grey-4;\n\n &:hover {\n cursor: pointer;\n background: $verdocs-grey-3;\n }\n\n .inner {\n gap: 12px;\n display: flex;\n padding: 8px 14px;\n border-radius: 5px;\n flex-direction: row;\n align-items: center;\n container-type: inline-size;\n\n svg {\n width: 24px;\n height: 24px;\n }\n }\n }\n\n .vert-spacer {\n height: 50px;\n display: flex;\n flex: 0 0 1px;\n border-right: 1px solid #dad8dd;\n\n @media screen and (max-width: 800px) {\n display: none;\n }\n }\n\n .envelope-icon {\n @media screen and (max-width: 800px) {\n display: none;\n }\n }\n\n verdocs-checkbox {\n @media screen and (max-width: 800px) {\n display: none;\n }\n }\n\n .last-modified {\n color: #444;\n display: flex;\n flex: 0 0 180px;\n flex-direction: row;\n align-items: center;\n white-space: nowrap;\n\n @media screen and (max-width: 800px) {\n display: none;\n }\n }\n\n .envelope-name {\n flex: 1;\n display: flex;\n color: #000000;\n line-height: 28px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n .envelope-recipients {\n color: #4b5563;\n font-weight: 700;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n .empty-text {\n text-align: center;\n margin: 16px 0 0 0;\n padding: 80px 80px;\n border: 2px solid #ccc;\n }\n\n .containing {\n gap: 12px;\n display: flex;\n align-items: center;\n flex-direction: row;\n }\n\n verdocs-status-indicator {\n @media screen and (max-width: 800px) {\n font-size: 14px;\n }\n }\n}\n","import {Component, Prop, Host, h, State, Event, EventEmitter, Watch} from '@stencil/core';\nimport {userCanCancelEnvelope, userCanAct, cancelEnvelope, integerSequence, formatFullName} from '@verdocs/js-sdk';\nimport {IEnvelope, IListEnvelopesParams, TEnvelopeStatus, VerdocsEndpoint, getEnvelopes, getRecipientsWithActions} from '@verdocs/js-sdk';\nimport {IFilterOption} from '../../controls/verdocs-quick-filter/verdocs-quick-filter';\nimport {saveEnvelopesAsZip} from '../../../utils/utils';\nimport {VerdocsToast} from '../../../utils/Toast';\nimport {SDKError} from '../../../utils/errors';\n\nconst DocumentIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"#000000\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z\" /></svg>`;\n\nconst ViewFilters: IFilterOption[] = [\n {value: 'all', label: 'All'},\n {value: 'inbox', label: 'Inbox'},\n {value: 'sent', label: 'Sent'},\n {value: 'completed', label: 'Completed'},\n {value: 'action', label: 'Action Required'},\n {value: 'waiting', label: 'Waiting on Others'},\n];\n\nconst StatusFilters: IFilterOption[] = [\n {value: 'all', label: 'All'},\n {value: 'pending', label: 'Pending'},\n {value: 'in progress', label: 'In Progress'},\n {value: 'complete', label: 'Completed'},\n {value: 'declined', label: 'Declined'},\n {value: 'canceled', label: 'Canceled'},\n];\n\nconst SortFilters: IFilterOption[] = [\n {value: 'created_at', label: 'Created'},\n {value: 'updated_at', label: 'Updated'},\n {value: 'canceled_at', label: 'Canceled'},\n {value: 'envelope_name', label: 'Name'},\n {value: 'envelope_status', label: 'Status'},\n];\n\n/*\n Displays a list of envelopes matching specified conditions.\n /\n@Component({\n tag: 'verdocs-envelopes-list',\n styleUrl: 'verdocs-envelopes-list.scss',\n})\nexport class VerdocsEnvelopesList {\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 filtered view to display. \"completed\" will show envelopes that have been submitted. \"action\" will\n * show envelopes where the user is a recipient and the envelope is not completed. \"waiting\" will show\n * only envelopes where the user is the sender and the envelope is not completed.\n /\n @Prop({reflect: true, mutable: true}) view?: 'all' \| 'inbox' \| 'sent' \| 'completed' \| 'action' \| 'waiting' = undefined;\n\n /\n The status value to filter by\n /\n @Prop({reflect: true, mutable: true}) status: TEnvelopeStatus \| 'all' = 'all';\n\n /\n The sort field to use\n /\n @Prop({reflect: true, mutable: true}) sort: 'name' \| 'created_at' \| 'updated_at' \| 'canceled_at' \| 'status' = 'created_at';\n\n /\n If set, filter envelopes by the specified string.\n /\n @Prop({reflect: true, mutable: true}) match: string = '';\n\n /\n If set, filter envelopes by the specified \"containing\" value.\n /\n // @Prop({reflect: true, mutable: true}) containing: string = '';\n\n /\n Whether or not pagination should be enabled.\n /\n @Prop() showPagination = true;\n\n /\n The number of rows to display per page.\n /\n @Prop() rowsPerPage = 10;\n\n /\n The initial page number to select. Pagination is internally controlled but may be overriden by the\n * host applicaiton.\n /\n @Prop() selectedPage = 0;\n\n /\n Event fired when the user changes their view. Host applications can use this to save the user's preferences.\n /\n @Event({composed: true}) changeView: EventEmitter<'all' \| 'inbox' \| 'sent' \| 'completed' \| 'action' \| 'waiting'>;\n\n /\n Event fired when the user changes their status filter. Host applications can use this to save the user's preferences.\n /\n @Event({composed: true}) changeStatus: EventEmitter<TEnvelopeStatus \| 'all'>;\n\n /\n Event fired when the user changes their sort order. Host applications can use this to save the user's preferences.\n /\n @Event({composed: true}) changeSort: EventEmitter<'name' \| 'created_at' \| 'updated_at' \| 'canceled_at' \| 'status'>;\n\n /\n Event fired when the user changes the match filter. This is fired for every inputChange event (every character\n * typed). This event is provided for balance with the other events, but host applications should generally not\n * save this value. Users might appreciate applications remembering their sorting or filtering preferences, but\n * probably not their search terms.\n /\n @Event({composed: true}) changeMatch: EventEmitter<string>;\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 /\n Event fired when the user clicks an activity entry. Typically the host application will use this to navigate\n * to the envelope detail view.\n /\n @Event({composed: true}) viewEnvelope: EventEmitter<{endpoint: VerdocsEndpoint; envelope: IEnvelope}>;\n\n /\n Event fired when the user clicks to finish the envelope.\n /\n @Event({composed: true}) finishEnvelope: EventEmitter<{endpoint: VerdocsEndpoint; envelope: IEnvelope}>;\n\n @State() count = 0;\n @State() initiallyLoaded = false;\n @State() loading = true;\n @State() selectedEnvelopes: IEnvelope[] = [];\n @State() envelopes: IEnvelope[] = [];\n\n @Watch('view')\n handleViewUpdated() {\n return this.queryEnvelopes();\n }\n\n @Watch('status')\n handleStatusUpdated() {\n return this.queryEnvelopes();\n }\n\n @Watch('sort')\n handleSortUpdated() {\n return this.queryEnvelopes();\n }\n\n @Watch('match')\n handleMatchUpdated() {\n return this.queryEnvelopes();\n }\n\n // @Watch('containing')\n // handleContainingUpdated() {\n // return this.queryEnvelopes();\n // }\n\n @Watch('selectedPage')\n handlePageUpdated() {\n return this.queryEnvelopes();\n }\n\n componentWillLoad() {\n this.endpoint.onSessionChanged((_, session, profile) => {\n console.log('[ENVELOPES_LIST] onSessionChanged', session, profile);\n });\n this.endpoint.loadSession();\n }\n\n async componentDidLoad() {\n await this.queryEnvelopes();\n this.initiallyLoaded = true;\n }\n\n async queryEnvelopes() {\n try {\n this.loading = true;\n let queryParams: IListEnvelopesParams = {\n page: this.selectedPage,\n // sort: this.sort,\n rows: this.rowsPerPage,\n };\n\n switch (this.view) {\n case 'all':\n queryParams = {\n ...queryParams,\n // sort: this.sort,\n // direction: this.sort === 'name' ? 'asc' : 'desc',\n status: (this.status === 'all' ? ['pending', 'in progress', 'complete', 'declined', 'canceled'] : [this.status]) as TEnvelopeStatus[],\n };\n break;\n\n case 'inbox':\n queryParams = {\n ...queryParams,\n // is_recipient: true,\n // sort: 'updated_at',\n // recipient_status: ['invited', 'declined', 'opened', 'signed', 'submitted', 'canceled'],\n };\n break;\n\n case 'sent':\n queryParams = {\n ...queryParams,\n // FIXME\n // is_owner: true,\n // sort: 'updated_at',\n };\n break;\n\n case 'action':\n queryParams = {\n ...queryParams,\n // sort: 'updated_at',\n // is_recipient: true,\n status: ['pending', 'in progress'],\n // recipient_status: ['invited', 'opened', 'signed'],\n };\n break;\n\n case 'waiting':\n queryParams = {\n ...queryParams,\n // FIXME\n // is_owner: true,\n // sort: 'updated_at',\n // direction: 'desc',\n status: ['pending', 'in progress'],\n };\n break;\n\n case 'completed':\n queryParams = {\n ...queryParams,\n // sort: 'updated_at',\n // direction: 'desc',\n status: ['complete'],\n };\n break;\n\n default:\n queryParams = {\n ...queryParams,\n // sort: 'updated_at',\n // direction: 'desc',\n status: (this.status === 'all' ? ['pending', 'in progress', 'complete', 'declined', 'canceled'] : [this.status]) as TEnvelopeStatus[],\n };\n }\n\n // These filters should only be applied in \"View All\" mode. Otherwise the user could have set them to something\n // then changed the view e.g. to Inbox and the filter could break the view (e.g. View:Inbox, Status:Declined\n // would never return anything).\n if (this.view === 'all') {\n if (this.status !== 'all') {\n queryParams.status = [this.status as TEnvelopeStatus];\n }\n }\n\n if (this.sort !== 'updated_at') {\n // queryParams.sort = this.sort;\n // queryParams.direction = this.sort === 'name' ? 'asc' : 'desc';\n }\n\n if (this.match.trim()) {\n // queryParams.match = this.match.trim();\n }\n\n // if (this.containing.trim()) {\n // queryParams.field_value = this.containing.trim();\n // }\n\n const response = await getEnvelopes(this.endpoint, queryParams);\n this.envelopes = response.envelopes;\n this.count = response.count;\n this.loading = false;\n } catch (e) {\n this.loading = false;\n console.log('[ENVELOPES] Error listing envelopes', e);\n this.sdkError?.emit(new SDKError(e.message, e.response?.status, e.response?.data));\n }\n }\n\n handleDownload() {\n saveEnvelopesAsZip(this.endpoint, this.selectedEnvelopes)\n .then(() => {\n this.selectedEnvelopes = [];\n })\n .catch(e => {\n console.log('[ENVELOPES] Download error', e);\n VerdocsToast('Download error: ' + e.message, {style: 'error'});\n });\n }\n\n downloadEnvelope(envelope: IEnvelope) {\n saveEnvelopesAsZip(this.endpoint, [envelope]).catch(e => {\n console.log('[ENVELOPES] Download error', e);\n VerdocsToast('Download error: ' + e.message, {style: 'error'});\n });\n }\n\n render() {\n return (\n <Host>\n <div class=\"header\">\n <div class=\"filter\">\n <verdocs-text-input\n id=\"verdocs-filter-name\"\n value={this.match}\n clearable={true}\n autocomplete=\"off\"\n placeholder=\"Filter by Name, Recipient, or Field...\"\n onFocusout={(e: any) => {\n // We don't locally filter envelopes because there are too many fields to match against efficiently.\n this.match = e.target.value.trim();\n this.changeMatch?.emit(this.match);\n }}\n />\n </div>\n\n <verdocs-quick-filter\n label=\"View\"\n value={this.view}\n options={ViewFilters}\n onOptionSelected={e => {\n this.view = e.detail.value as any;\n }}\n />\n\n {this.view === 'all' && (\n <verdocs-quick-filter\n label=\"Status\"\n value={this.status}\n options={StatusFilters}\n onOptionSelected={e => {\n this.status = e.detail.value as any;\n }}\n />\n )}\n\n {this.view === 'all' && (\n <verdocs-quick-filter\n label=\"Sort By\"\n value={this.sort}\n options={SortFilters}\n onOptionSelected={e => {\n this.sort = e.detail.value as any;\n }}\n />\n )}\n\n {/<div class=\"containing\">/}\n {/ <div class=\"filter\">/}\n {/ <verdocs-text-input/}\n {/ id=\"verdocs-filter-containing\"/}\n {/ value={this.containing}/}\n {/ autocomplete=\"off\"/}\n {/ placeholder=\"Fields Containing...\"/}\n {/ onInput={(e: any) => {/}\n {/ this.containing = e.target.value;/}\n {/ }}/}\n {/ />/}\n {/ </div>/}\n {/</div>*/}\n\n {this.loading && <verdocs-spinner mode=\"dark\" size={24} />}\n\n <div style={{display: 'flex', flex: '1'}} />\n\n {this.selectedEnvelopes.length > 0 && <verdocs-button label={`Download (${this.selectedEnvelopes.length})`} onClick={() => this.handleDownload()} />}\n </div>\n\n {this.envelopes.map(envelope => {\n const recipientsWithActions = getRecipientsWithActions(envelope);\n const userCanCancel = userCanCancelEnvelope(this.endpoint.profile, envelope);\n const userRole = recipientsWithActions.find(recipient => recipient.email === this.endpoint.session?.email \|\| '');\n const userCanFinish = userRole && userCanCancel && userCanAct(this.endpoint.session?.email \|\| '', recipientsWithActions);\n\n const menuOptions = [\n {label: 'View Envelope', id: 'view'},\n {label: 'Finish Envelope', id: 'finish', disabled: !userCanFinish},\n {label: 'Download', id: 'download'},\n {label: 'Cancel', id: 'cancel', disabled: !userCanCancel},\n ];\n\n return (\n <div class=\"envelope\" key={envelope.id} onClick={() => this.viewEnvelope?.emit({endpoint: this.endpoint, envelope})}>\n <div class=\"inner\">\n <verdocs-checkbox\n checked={this.selectedEnvelopes.findIndex(e => e.id === envelope.id) !== -1}\n onClick={e => e.stopPropagation()} // So this doesn't trigger navigation\n onInput={(e: any) => {\n if (e.target.checked) {\n this.selectedEnvelopes = [...this.selectedEnvelopes, envelope];\n } else {\n this.selectedEnvelopes = this.selectedEnvelopes.filter(e => e.id !== envelope.id);\n }\n }}\n />\n\n <div class=\"vert-spacer\" />\n <span innerHTML={DocumentIcon} class=\"envelope-icon\" />\n\n <div class=\"envelope-name\">\n {envelope.name}:  <div class=\"envelope-recipients\">{envelope.recipients.map(r => formatFullName(r))}</div>\n </div>\n\n <div class=\"vert-spacer\" />\n <verdocs-status-indicator envelope={envelope} style={{width: '125px'}} />\n\n <div class=\"vert-spacer\" />\n <div class=\"last-modified\">{new Date(envelope.updated_at).toLocaleString()}</div>\n\n <div class=\"vert-spacer\" />\n <verdocs-dropdown\n options={menuOptions}\n onOptionSelected={e => {\n switch (e.detail.id) {\n case 'view':\n this.viewEnvelope?.emit({endpoint: this.endpoint, envelope});\n break;\n case 'finish':\n this.finishEnvelope?.emit({endpoint: this.endpoint, envelope});\n break;\n case 'download':\n this.downloadEnvelope(envelope);\n break;\n case 'cancel':\n if (window.confirm('Are you sure you want to cancel this envelope?')) {\n cancelEnvelope(this.endpoint, envelope.id)\n .then(() => VerdocsToast('Envelope canceled'))\n .catch(e => VerdocsToast('Unable to cancel envelope: ' + e.messabge, {style: 'error'}));\n this.queryEnvelopes().catch(() => {});\n }\n break;\n }\n }}\n />\n </div>\n </div>\n );\n })}\n\n {!this.initiallyLoaded && (\n <div style={{width: '100%'}}>\n {integerSequence(0, this.rowsPerPage).map(() => (\n <div class=\"envelope-placeholder\" />\n ))}\n </div>\n )}\n\n {this.initiallyLoaded && !this.envelopes.length && <div class=\"empty-text\">No matching envelopes found. Please adjust your filters and try again.</div>}\n\n {this.initiallyLoaded && this.envelopes.length && this.showPagination ? (\n <div style={{marginTop: '20px'}}>\n <verdocs-pagination\n selectedPage={this.selectedPage}\n perPage={this.rowsPerPage}\n itemCount={this.count}\n onSelectPage={e => {\n this.selectedPage = e.detail.selectedPage;\n }}\n />\n </div>\n ) : (\n <div />\n )}\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;MAAA,MAAM,uBAAuB,GAAG,+kGAA+kG;;MCQ/mG,MAAM,YAAY,GAAG,CAAA,0vBAAA,CAA4vB;MAEjxB,MAAM,WAAW,GAAoB;MACnC,IAAA,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC;MAC5B,IAAA,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC;MAChC,IAAA,EAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAC;MAC9B,IAAA,EAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAC;MACxC,IAAA,EAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,iBAAiB,EAAC;MAC3C,IAAA,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,mBAAmB,EAAC;OAC/C;MAED,MAAM,aAAa,GAAoB;MACrC,IAAA,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC;MAC5B,IAAA,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAC;MACpC,IAAA,EAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAC;MAC5C,IAAA,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAC;MACvC,IAAA,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAC;MACtC,IAAA,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAC;OACvC;MAED,MAAM,WAAW,GAAoB;MACnC,IAAA,EAAC,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,EAAC;MACvC,IAAA,EAAC,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,EAAC;MACvC,IAAA,EAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAC;MACzC,IAAA,EAAC,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,EAAC;MACvC,IAAA,EAAC,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,QAAQ,EAAC;OAC5C;YASY,oBAAoB,qCAAA,MAAA;MAJjC,IAAA,WAAA,CAAA,OAAA,EAAA;;;;;;;;;MAKE;;MAEG;MACK,QAAA,IAAA,CAAA,QAAQ,GAAoB,eAAe,CAAC,UAAU,EAAE;MAEhE;;;;MAIG;MACmC,QAAA,IAAI,CAAA,IAAA,GAAmE,SAAS;MAEtH;;MAEG;MACmC,QAAA,IAAM,CAAA,MAAA,GAA4B,KAAK;MAE7E;;MAEG;MACmC,QAAA,IAAI,CAAA,IAAA,GAAoE,YAAY;MAE1H;;MAEG;MACmC,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;MAExD;;MAEG;;MAGH;;MAEG;MACK,QAAA,IAAc,CAAA,cAAA,GAAG,IAAI;MAE7B;;MAEG;MACK,QAAA,IAAW,CAAA,WAAA,GAAG,EAAE;MAExB;;;MAGG;MACK,QAAA,IAAY,CAAA,YAAA,GAAG,CAAC;MA0Cf,QAAA,IAAK,CAAA,KAAA,GAAG,CAAC;MACT,QAAA,IAAe,CAAA,eAAA,GAAG,KAAK;MACvB,QAAA,IAAO,CAAA,OAAA,GAAG,IAAI;MACd,QAAA,IAAiB,CAAA,iBAAA,GAAgB,EAAE;MACnC,QAAA,IAAS,CAAA,SAAA,GAAgB,EAAE;MAoVrC;UAjVC,iBAAiB,GAAA;MACf,QAAA,OAAO,IAAI,CAAC,cAAc,EAAE;;UAI9B,mBAAmB,GAAA;MACjB,QAAA,OAAO,IAAI,CAAC,cAAc,EAAE;;UAI9B,iBAAiB,GAAA;MACf,QAAA,OAAO,IAAI,CAAC,cAAc,EAAE;;UAI9B,kBAAkB,GAAA;MAChB,QAAA,OAAO,IAAI,CAAC,cAAc,EAAE;;;;;;UAS9B,iBAAiB,GAAA;MACf,QAAA,OAAO,IAAI,CAAC,cAAc,EAAE;;UAG9B,iBAAiB,GAAA;MACf,QAAA,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,KAAI;kBACrD,OAAO,CAAC,GAAG,CAAC,mCAAmC,EAAE,OAAO,EAAE,OAAO,CAAC;MACpE,SAAC,CAAC;MACF,QAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE;;MAG7B,IAAA,MAAM,gBAAgB,GAAA;MACpB,QAAA,MAAM,IAAI,CAAC,cAAc,EAAE;MAC3B,QAAA,IAAI,CAAC,eAAe,GAAG,IAAI;;MAG7B,IAAA,MAAM,cAAc,GAAA;;MAClB,QAAA,IAAI;MACF,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;MACnB,YAAA,IAAI,WAAW,GAAyB;sBACtC,IAAI,EAAE,IAAI,CAAC,YAAY;;sBAEvB,IAAI,EAAE,IAAI,CAAC,WAAW;mBACvB;MAED,YAAA,QAAQ,IAAI,CAAC,IAAI;MACf,gBAAA,KAAK,KAAK;MACR,oBAAA,WAAW,GAAG;MACZ,wBAAA,GAAG,WAAW;;;MAGd,wBAAA,MAAM,GAAG,IAAI,CAAC,MAAM,KAAK,KAAK,GAAG,CAAC,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAsB;2BACtI;0BACD;MAEF,gBAAA,KAAK,OAAO;MACV,oBAAA,WAAW,GAAG;MACZ,wBAAA,GAAG,WAAW;;;;2BAIf;0BACD;MAEF,gBAAA,KAAK,MAAM;MACT,oBAAA,WAAW,GAAG;MACZ,wBAAA,GAAG,WAAW;;;;2BAIf;0BACD;MAEF,gBAAA,KAAK,QAAQ;MACX,oBAAA,WAAW,GAAG;MACZ,wBAAA,GAAG,WAAW;;;MAGd,wBAAA,MAAM,EAAE,CAAC,SAAS,EAAE,aAAa,CAAC;;2BAEnC;0BACD;MAEF,gBAAA,KAAK,SAAS;MACZ,oBAAA,WAAW,GAAG;MACZ,wBAAA,GAAG,WAAW;;;;;MAKd,wBAAA,MAAM,EAAE,CAAC,SAAS,EAAE,aAAa,CAAC;2BACnC;0BACD;MAEF,gBAAA,KAAK,WAAW;MACd,oBAAA,WAAW,GAAG;MACZ,wBAAA,GAAG,WAAW;;;8BAGd,MAAM,EAAE,CAAC,UAAU,CAAC;2BACrB;0BACD;MAEF,gBAAA;MACE,oBAAA,WAAW,GAAG;MACZ,wBAAA,GAAG,WAAW;;;MAGd,wBAAA,MAAM,GAAG,IAAI,CAAC,MAAM,KAAK,KAAK,GAAG,CAAC,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAsB;2BACtI;;;;;MAML,YAAA,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE;MACvB,gBAAA,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,EAAE;0BACzB,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAyB,CAAC;;;MASzD,YAAA,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE;;;;kBAQvB,MAAM,QAAQ,GAAG,MAAM,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,WAAW,CAAC;MAC/D,YAAA,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS;MACnC,YAAA,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK;MAC3B,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;;cACpB,OAAO,CAAC,EAAE;MACV,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;MACpB,YAAA,OAAO,CAAC,GAAG,CAAC,qCAAqC,EAAE,CAAC,CAAC;MACrD,YAAA,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,CAAA,EAAA,GAAA,CAAC,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,MAAM,EAAE,CAAA,EAAA,GAAA,CAAC,CAAC,QAAQ,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAI,CAAC,CAAC;;;UAItF,cAAc,GAAA;cACZ,kBAAkB,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,iBAAiB;mBACrD,IAAI,CAAC,MAAK;MACT,YAAA,IAAI,CAAC,iBAAiB,GAAG,EAAE;MAC7B,SAAC;mBACA,KAAK,CAAC,CAAC,IAAG;MACT,YAAA,OAAO,CAAC,GAAG,CAAC,4BAA4B,EAAE,CAAC,CAAC;MAC5C,YAAA,YAAY,CAAC,kBAAkB,GAAG,CAAC,CAAC,OAAO,EAAE,EAAC,KAAK,EAAE,OAAO,EAAC,CAAC;MAChE,SAAC,CAAC;;MAGN,IAAA,gBAAgB,CAAC,QAAmB,EAAA;MAClC,QAAA,kBAAkB,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAG;MACtD,YAAA,OAAO,CAAC,GAAG,CAAC,4BAA4B,EAAE,CAAC,CAAC;MAC5C,YAAA,YAAY,CAAC,kBAAkB,GAAG,CAAC,CAAC,OAAO,EAAE,EAAC,KAAK,EAAE,OAAO,EAAC,CAAC;MAChE,SAAC,CAAC;;UAGJ,MAAM,GAAA;MACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjB,CACE,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,qBAAqB,EACxB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,SAAS,EAAE,IAAI,EACf,YAAY,EAAC,KAAK,EAClB,WAAW,EAAC,wCAAwC,EACpD,UAAU,EAAE,CAAC,CAAM,KAAI;;;sBAErB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE;MAClC,gBAAA,CAAA,EAAA,GAAA,IAAI,CAAC,WAAW,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;MACpC,aAAC,GACD,CACE,EAEN,CAAA,CAAA,sBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,OAAO,EAAE,WAAW,EACpB,gBAAgB,EAAE,CAAC,IAAG;sBACpB,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,KAAY;MACnC,aAAC,EACD,CAAA,EAED,IAAI,CAAC,IAAI,KAAK,KAAK,KAClB,CACE,CAAA,sBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EACd,KAAK,EAAE,IAAI,CAAC,MAAM,EAClB,OAAO,EAAE,aAAa,EACtB,gBAAgB,EAAE,CAAC,IAAG;sBACpB,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,KAAY;MACrC,aAAC,GACD,CACH,EAEA,IAAI,CAAC,IAAI,KAAK,KAAK,KAClB,CACE,CAAA,sBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EACf,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,OAAO,EAAE,WAAW,EACpB,gBAAgB,EAAE,CAAC,IAAG;sBACpB,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,KAAY;mBAClC,GACD,CACH,EAgBA,IAAI,CAAC,OAAO,IAAI,CAAiB,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,EAAE,EAAI,CAAA,EAE1D,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAC,EAAI,CAAA,EAE3C,IAAI,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,IAAI,CAAA,CAAA,gBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAgB,KAAK,EAAE,CAAA,UAAA,EAAa,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAG,CAAA,CAAA,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,cAAc,EAAE,EAAA,CAAI,CAChJ,EAEL,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,IAAG;;MAC7B,YAAA,MAAM,qBAAqB,GAAG,wBAAwB,CAAC,QAAQ,CAAC;MAChE,YAAA,MAAM,aAAa,GAAG,qBAAqB,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC;kBAC5E,MAAM,QAAQ,GAAG,qBAAqB,CAAC,IAAI,CAAC,SAAS,IAAG,EAAA,IAAA,EAAA,CAAA,CAAC,OAAA,SAAS,CAAC,KAAK,MAAK,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,CAAA,IAAI,EAAE,CAAA,EAAA,CAAC;MAChH,YAAA,MAAM,aAAa,GAAG,QAAQ,IAAI,aAAa,IAAI,UAAU,CAAC,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,KAAK,KAAI,EAAE,EAAE,qBAAqB,CAAC;MAExH,YAAA,MAAM,WAAW,GAAG;MAClB,gBAAA,EAAC,KAAK,EAAE,eAAe,EAAE,EAAE,EAAE,MAAM,EAAC;MACpC,gBAAA,EAAC,KAAK,EAAE,iBAAiB,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,aAAa,EAAC;MAClE,gBAAA,EAAC,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAC;MACnC,gBAAA,EAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,aAAa,EAAC;mBAC1D;kBAED,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,UAAU,EAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,EAAE,OAAO,EAAE,MAAK,EAAC,IAAA,EAAA,CAAA,CAAA,OAAA,CAAA,EAAA,GAAA,IAAI,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,CAAC,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAC,CAAC,CAAA,EAAA,EAAA,EACjH,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,OAAO,EAAA,EAChB,CAAA,CAAA,kBAAA,EAAA,EACE,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,EAC3E,OAAO,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EACjC,OAAO,EAAE,CAAC,CAAM,KAAI;MAClB,oBAAA,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE;8BACpB,IAAI,CAAC,iBAAiB,GAAG,CAAC,GAAG,IAAI,CAAC,iBAAiB,EAAE,QAAQ,CAAC;;+BACzD;8BACL,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC,EAAE,CAAC;;MAErF,iBAAC,EACD,CAAA,EAEF,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,aAAa,EAAG,CAAA,EAC3B,CAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,YAAY,EAAE,KAAK,EAAC,eAAe,EAAG,CAAA,EAEvD,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACvB,QAAQ,CAAC,IAAI,cAAS,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAAE,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,cAAc,CAAC,CAAC,CAAC,CAAC,CAAO,CAC3G,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,aAAa,EAAG,CAAA,EAC3B,CAA0B,CAAA,0BAAA,EAAA,EAAA,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAC,KAAK,EAAE,OAAO,EAAC,EAAI,CAAA,EAEzE,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,aAAa,EAAG,CAAA,EAC3B,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,eAAe,EAAA,EAAE,IAAI,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,cAAc,EAAE,CAAO,EAEjF,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,aAAa,EAAG,CAAA,EAC3B,CACE,CAAA,kBAAA,EAAA,EAAA,OAAO,EAAE,WAAW,EACpB,gBAAgB,EAAE,CAAC,IAAG;;MACpB,oBAAA,QAAQ,CAAC,CAAC,MAAM,CAAC,EAAE;MACjB,wBAAA,KAAK,MAAM;MACT,4BAAA,CAAA,EAAA,GAAA,IAAI,CAAC,YAAY,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAI,CAAC,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAC,CAAC;kCAC5D;MACF,wBAAA,KAAK,QAAQ;MACX,4BAAA,CAAA,EAAA,GAAA,IAAI,CAAC,cAAc,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAI,CAAC,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAC,CAAC;kCAC9D;MACF,wBAAA,KAAK,UAAU;MACb,4BAAA,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC;kCAC/B;MACF,wBAAA,KAAK,QAAQ;MACX,4BAAA,IAAI,MAAM,CAAC,OAAO,CAAC,gDAAgD,CAAC,EAAE;sCACpE,cAAc,CAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAAE;2CACtC,IAAI,CAAC,MAAM,YAAY,CAAC,mBAAmB,CAAC;2CAC5C,KAAK,CAAC,CAAC,IAAI,YAAY,CAAC,6BAA6B,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAC,KAAK,EAAE,OAAO,EAAC,CAAC,CAAC;sCACzF,IAAI,CAAC,cAAc,EAAE,CAAC,KAAK,CAAC,MAAK,GAAG,CAAC;;kCAEvC;;MAEN,iBAAC,EACD,CAAA,CACE,CACF;MAEV,SAAC,CAAC,EAED,CAAC,IAAI,CAAC,eAAe,KACpB,4DAAK,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAC,EACxB,EAAA,eAAe,CAAC,CAAC,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,OACxC,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,sBAAsB,GAAG,CACrC,CAAC,CACE,CACP,EAEA,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,IAAI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,YAAY,EAA6E,EAAA,wEAAA,CAAA,EAEtJ,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,IAAI,IAAI,CAAC,cAAc,IACnE,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAC,SAAS,EAAE,MAAM,EAAC,EAAA,EAC7B,CACE,CAAA,oBAAA,EAAA,EAAA,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,SAAS,EAAE,IAAI,CAAC,KAAK,EACrB,YAAY,EAAE,CAAC,IAAG;sBAChB,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,MAAM,CAAC,YAAY;MAC3C,aAAC,EAAA,CACD,CACE,KAEN,CAAO,CAAA,KAAA,EAAA,IAAA,CAAA,CACR,CACI;;;;;;;;;;;;;;;;;;"}

package/dist/verdocs-web-sdk/{p-fih-g25U.system.js.map → p-CHZu9FwY.system.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"p-~~fih-g25U~~.system.js","sources":["src/components/controls/verdocs-radio-button/verdocs-radio-button.scss?tag=verdocs-radio-button","src/components/controls/verdocs-radio-button/verdocs-radio-button.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\n// See https://www.sliderrevolution.com/resources/styling-radio-buttons/\nverdocs-radio-button {\n font-family: $verdocs-primary-font;\n width: 20px;\n height: 20px;\n display: block;\n font-size: 11px;\n position: relative;\n background-color: transparent;\n transform-origin: bottom left;\n border-radius: 100%;\n\n &.disabled {\n opacity: 0.5;\n }\n\n input[type='radio'] {\n position: absolute;\n opacity: 0;\n\n + label {\n &:before {\n content: '';\n background: $verdocs-grey-3;\n border-radius: 100%;\n border: 1px solid rgba(0, 0, 0, 0.6);\n display: inline-block;\n width: 16px;\n height: 16px;\n position: absolute;\n left: 1px;\n top: 1px;\n cursor: pointer;\n text-align: center;\n transition: all 250ms ease;\n }\n }\n\n &:checked {\n + label {\n &:before {\n background-color: $verdocs-green;\n box-shadow: inset 0 0 0 2px $verdocs-grey-3;\n }\n }\n }\n\n &:focus {\n + label {\n &:before {\n outline: none;\n border-color: $verdocs-green;\n }\n }\n }\n\n &:disabled {\n + label {\n &:before {\n box-shadow: inset 0 0 0 4px $verdocs-grey-3;\n border-color: #f3f3fc;\n background: #f3f3fc;\n }\n }\n }\n\n + label {\n &:empty {\n &:before {\n margin-right: 0;\n }\n }\n }\n }\n\n &.required {\n input[type='radio'] {\n + label {\n &:before {\n border: 1px solid $verdocs-red-1;\n }\n }\n }\n }\n\n &.hide {\n display: none;\n }\n\n &.focused {\n animation: verdocs-field-pulse 0.75s 2;\n }\n}\n","import {Component, h, Host, Prop} from '@stencil/core';\n\n/*\n Displays a radio button. Note that this is different from the `verdocs-field-radio-button` component, which is\n * designed to be used in signing experiences and contains settings that connect to template fields. This is just a\n * simple radio button for UI displays e.g. dialog boxes.\n \n This control encapsulates a standard HTML radio button. To subscribe to change events, connect an `onChange`\n * handler. Sample usage:\n \n ```ts\n * <verdocs-radio-button\n * value=\"val1\"\n * name=\"someProperty\"\n * checked={this.someProperty === 'val1'}\n * onInput={(e: any) => { this.someProperty = 'val1' }}\n * disabled={false}\n * />\n * ```\n /\n@Component({\n tag: 'verdocs-radio-button',\n styleUrl: 'verdocs-radio-button.scss',\n shadow: false,\n})\nexport class VerdocsRadioButton {\n /\n Whether the radio button is currently selected.\n /\n @Prop() checked: boolean = false;\n\n /\n HTML form field name for the input.\n /\n @Prop() name: string = '';\n\n /\n Value to track with the input.\n /\n @Prop() value: string = '';\n\n /\n If set, the button will still be displayed but not selectable.\n */\n @Prop() disabled?: boolean = false;\n\n render() {\n return (\n <Host class={{disabled: this.disabled}}>\n <input\n type=\"radio\"\n value={this.value}\n name={this.name}\n id={`verdocs-radio-button-${this.name}-${this.value}`}\n checked={this.checked}\n disabled={this.disabled}\n // onChange={e => this.handleChange(e)}\n />\n <label htmlFor={`verdocs-radio-button-${this.name}-${this.value}`} />\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;;;;;;;;;;MAAA,MAAM,qBAAqB,GAAG,mvDAAmvD;;YCyBpwD,kBAAkB,mCAAA,MAAA;MAL/B,IAAA,WAAA,CAAA,OAAA,EAAA;;MAME;;MAEG;MACK,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;MAEhC;;MAEG;MACK,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;MAEzB;;MAEG;MACK,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;MAE1B;;MAEG;MACK,QAAA,IAAQ,CAAA,QAAA,GAAa,KAAK;MAkBnC;UAhBC,MAAM,GAAA;cACJ,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAC,EAAA,EACpC,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,EAAE,EAAE,wBAAwB,IAAI,CAAC,IAAI,CAAI,CAAA,EAAA,IAAI,CAAC,KAAK,CAAA,CAAE,EACrD,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAEvB,CAAA,EACF,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,OAAO,EAAE,CAAwB,qBAAA,EAAA,IAAI,CAAC,IAAI,CAAA,CAAA,EAAI,IAAI,CAAC,KAAK,EAAE,EAAI,CAAA,CAChE;;;;;;;;;;;"}
1	+ {"version":3,"file":"p-CHZu9FwY.system.js","sources":["src/components/controls/verdocs-radio-button/verdocs-radio-button.scss?tag=verdocs-radio-button","src/components/controls/verdocs-radio-button/verdocs-radio-button.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\n// See https://www.sliderrevolution.com/resources/styling-radio-buttons/\nverdocs-radio-button {\n font-family: $verdocs-primary-font;\n width: 20px;\n height: 20px;\n display: block;\n font-size: 11px;\n position: relative;\n background-color: transparent;\n transform-origin: bottom left;\n border-radius: 100%;\n\n &.disabled {\n opacity: 0.5;\n }\n\n input[type='radio'] {\n position: absolute;\n opacity: 0;\n\n + label {\n &:before {\n content: '';\n background: $verdocs-grey-3;\n border-radius: 100%;\n border: 1px solid rgba(0, 0, 0, 0.6);\n display: inline-block;\n width: 16px;\n height: 16px;\n position: absolute;\n left: 1px;\n top: 1px;\n cursor: pointer;\n text-align: center;\n transition: all 250ms ease;\n }\n }\n\n &:checked {\n + label {\n &:before {\n background-color: $verdocs-green;\n box-shadow: inset 0 0 0 2px $verdocs-grey-3;\n }\n }\n }\n\n &:focus {\n + label {\n &:before {\n outline: none;\n border-color: $verdocs-green;\n }\n }\n }\n\n &:disabled {\n + label {\n &:before {\n box-shadow: inset 0 0 0 4px $verdocs-grey-3;\n border-color: #f3f3fc;\n background: #f3f3fc;\n }\n }\n }\n\n + label {\n &:empty {\n &:before {\n margin-right: 0;\n }\n }\n }\n }\n\n &.required {\n input[type='radio'] {\n + label {\n &:before {\n border: 1px solid $verdocs-red-1;\n }\n }\n }\n }\n\n &.hide {\n display: none;\n }\n\n &.focused {\n animation: verdocs-field-pulse 0.75s 2;\n }\n}\n","import {Component, h, Host, Prop} from '@stencil/core';\n\n/*\n Displays a radio button. Note that this is different from the `verdocs-field-radio-button` component, which is\n * designed to be used in signing experiences and contains settings that connect to template fields. This is just a\n * simple radio button for UI displays e.g. dialog boxes.\n \n This control encapsulates a standard HTML radio button. To subscribe to change events, connect an `onChange`\n * handler. Sample usage:\n \n ```ts\n * <verdocs-radio-button\n * value=\"val1\"\n * name=\"someProperty\"\n * checked={this.someProperty === 'val1'}\n * onInput={(e: any) => { this.someProperty = 'val1' }}\n * disabled={false}\n * />\n * ```\n /\n@Component({\n tag: 'verdocs-radio-button',\n styleUrl: 'verdocs-radio-button.scss',\n shadow: false,\n})\nexport class VerdocsRadioButton {\n /\n Whether the radio button is currently selected.\n /\n @Prop() checked: boolean = false;\n\n /\n HTML form field name for the input.\n /\n @Prop() name: string = '';\n\n /\n Value to track with the input.\n /\n @Prop() value: string = '';\n\n /\n If set, the button will still be displayed but not selectable.\n */\n @Prop() disabled?: boolean = false;\n\n render() {\n return (\n <Host class={{disabled: this.disabled}}>\n <input\n type=\"radio\"\n value={this.value}\n name={this.name}\n id={`verdocs-radio-button-${this.name}-${this.value}`}\n checked={this.checked}\n disabled={this.disabled}\n // onChange={e => this.handleChange(e)}\n />\n <label htmlFor={`verdocs-radio-button-${this.name}-${this.value}`} />\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;;;;;;;;;;MAAA,MAAM,qBAAqB,GAAG,mvDAAmvD;;YCyBpwD,kBAAkB,mCAAA,MAAA;MAL/B,IAAA,WAAA,CAAA,OAAA,EAAA;;MAME;;MAEG;MACK,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;MAEhC;;MAEG;MACK,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;MAEzB;;MAEG;MACK,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;MAE1B;;MAEG;MACK,QAAA,IAAQ,CAAA,QAAA,GAAa,KAAK;MAkBnC;UAhBC,MAAM,GAAA;cACJ,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAC,EAAA,EACpC,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,EAAE,EAAE,wBAAwB,IAAI,CAAC,IAAI,CAAI,CAAA,EAAA,IAAI,CAAC,KAAK,CAAA,CAAE,EACrD,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAEvB,CAAA,EACF,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,OAAO,EAAE,CAAwB,qBAAA,EAAA,IAAI,CAAC,IAAI,CAAA,CAAA,EAAI,IAAI,CAAC,KAAK,EAAE,EAAI,CAAA,CAChE;;;;;;;;;;;"}

package/dist/verdocs-web-sdk/p-CZ0N9seS.system.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"p-CZ0N9seS.system.js","sources":["src/components/dialogs/verdocs-dialog/verdocs-dialog.scss?tag=verdocs-dialog","src/components/dialogs/verdocs-dialog/verdocs-dialog.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-dialog {\n box-sizing: border-box;\n font-family: $primary-font;\n\n div {\n box-sizing: border-box;\n }\n\n .background-overlay {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n z-index: 10000;\n position: absolute;\n align-items: center;\n background: #0000007f;\n justify-content: center;\n }\n\n .dialog {\n width: 420px;\n display: flex;\n max-width: 100%;\n overflow: hidden;\n border-radius: 8px;\n background: #ffffff;\n flex-direction: column;\n border: 1px solid #aeb4bf;\n box-shadow: 3px 3px 5px 1px rgba(40, 40, 40, 0.4);\n }\n\n .heading {\n gap: 12px;\n padding: 20px;\n display: flex;\n font-size: 16px;\n font-weight: 500;\n flex-direction: row;\n color: $verdocs-grey-4;\n border-bottom: 1.5px solid #e5e7eb;\n\n .icon {\n width: 40px;\n height: 40px;\n display: flex;\n flex-shrink: 0;\n border-radius: 8px;\n align-items: center;\n justify-content: center;\n background: $verdocs-purple;\n }\n\n .title {\n flex: 1;\n height: 40px;\n display: flex;\n font-size: 20px;\n font-weight: 500;\n align-items: center;\n color: $verdocs-grey-0;\n }\n }\n\n .content {\n padding: 20px 20px 0 20px;\n font-size: 16px;\n line-height: 26px;\n color: $verdocs-dialog-content;\n\n p {\n margin: 0 0 1em 0;\n }\n\n ul {\n margin: 0 0 1em 0;\n padding: 0 0 0 20px;\n\n li {\n font-size: 14px;\n line-height: 20px;\n margin: 0 0 12px 0;\n padding: 0 0 0 8px;\n }\n\n li::marker {\n font-size: 18px;\n color: $verdocs-purple;\n }\n }\n\n ol {\n margin: 0 0 1em 0;\n padding: 0 0 0 20px;\n\n li {\n font-size: 14px;\n line-height: 20px;\n margin: 0 0 12px 0;\n padding: 0 0 0 8px;\n }\n\n li::marker {\n font-weight: 500;\n color: $verdocs-purple;\n }\n }\n }\n\n .footer {\n padding: 0 20px 20px 20px;\n }\n}\n","import {Component, h, Event, EventEmitter, Host} from '@stencil/core';\n\n/**\n * Display a simple dialog where the contents are provided via slots.\n */\n@Component({\n tag: 'verdocs-dialog',\n styleUrl: 'verdocs-dialog.scss',\n})\nexport class VerdocsDialog {\n /**\n * Event fired when the dialog is dismissed by clicking the background overlay.\n */\n @Event({composed: true}) exit: EventEmitter;\n\n // We need a separate event handler for clicking the background because it can\n // receive events \"through\" other child components\n handleDismiss(e: any) {\n if (e.target.className === 'background-overlay') {\n e.preventDefault();\n this.exit?.emit();\n }\n }\n\n\n render() {\n return (\n <Host>\n <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n <div class=\"dialog\">\n <slot name=\"heading\">\n <div class=\"heading\">Title</div>\n </slot>\n\n <slot name=\"content\">\n <div class=\"content\">Content</div>\n </slot>\n\n <slot name=\"footer\">\n <div class=\"footer\">Footer</div>\n </slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;MAAA,MAAM,gBAAgB,GAAG,4xEAA4xE;;YCSxyE,aAAa,6BAAA,MAAA;;;;;;;MAQxB,IAAA,aAAa,CAAC,CAAM,EAAA;;cAClB,IAAI,CAAC,CAAC,MAAM,CAAC,SAAS,KAAK,oBAAoB,EAAE;kBAC/C,CAAC,CAAC,cAAc,EAAE;kBAClB,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAI,EAAE;;;UAKrB,MAAM,GAAA;MACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,oBAAoB,EAAC,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAA,EACjE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAA,EAClB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,SAAS,EAAA,EAAA,OAAA,CAAY,CAC3B,EAEP,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAA,EAClB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,SAAS,EAAA,EAAA,SAAA,CAAc,CAC7B,EAEP,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAA,EACjB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EAAA,QAAA,CAAa,CAC3B,CACH,CACF,CACD;;;;;;;;;;;"}

package/dist/verdocs-web-sdk/{p-DAWcoDTu.system.js.map → p-CflLDny-.system.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"p-DAWcoDTu.system.js","sources":["src/components/controls/verdocs-button/verdocs-button.scss?tag=verdocs-button","src/components/controls/verdocs-button/verdocs-button.tsx","src/components/controls/verdocs-help-icon/verdocs-help-icon.scss?tag=verdocs-help-icon","src/components/controls/verdocs-help-icon/verdocs-help-icon.tsx","src/components/controls/verdocs-text-input/verdocs-text-input.scss?tag=verdocs-text-input","src/components/controls/verdocs-text-input/verdocs-text-input.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-button {\n button {\n font-family: $verdocs-primary-font;\n text-transform: uppercase;\n justify-content: center;\n display: inline-flex;\n align-items: center;\n font-weight: 700;\n cursor: pointer;\n margin: 0;\n\n &:disabled {\n cursor: inherit;\n pointer-events: none;\n }\n\n .icon {\n margin: 0 12px;\n\n svg {\n fill: $verdocs-grey-4;\n display: block;\n }\n }\n\n .button-label {\n padding: 0 12px;\n }\n\n // Small-sized button size adjustments\n &.xsmall {\n height: 26px;\n font-size: 12px;\n\n .icon {\n margin: 0 3px;\n\n svg {\n margin: 2px 0 0 0;\n height: 18px;\n }\n }\n\n .button-label {\n padding: 0 4px;\n }\n }\n\n // Small-sized button size adjustments\n &.small {\n height: 34px;\n font-size: 13px;\n\n .icon {\n margin: 0 4px;\n\n svg {\n margin: 2px 0 0 0;\n height: 20px;\n }\n }\n\n .button-label {\n padding: 0 4px;\n }\n }\n\n // Normal-sized button size adjustments\n &.normal {\n height: 44px;\n font-size: 14px;\n\n .icon.start {\n margin: 0 4px 0 8px;\n }\n\n .icon.end {\n margin: 0 8px 0 4px;\n }\n\n .icon {\n svg {\n margin: 2px 0 0 0;\n height: 22px;\n }\n }\n\n .button-label {\n padding: 0 10px;\n }\n }\n\n // Medium-sized button size adjustments\n &.medium {\n height: 52px;\n font-size: 16px;\n\n .icon.start {\n margin: 0 0 0 18px;\n }\n\n .icon.end {\n margin: 0 18px 0 0;\n }\n\n .icon {\n svg {\n margin: 2px 0 0 0;\n height: 26px;\n }\n }\n\n .button-label {\n padding: 0 20px;\n }\n }\n\n // Large-sized button size adjustments\n &.large {\n height: 60px;\n font-size: 20px;\n\n .icon.start {\n margin: 0 0 0 24px;\n }\n\n .icon.end {\n margin: 0 24px 0 0;\n }\n\n .icon {\n svg {\n margin: 2px 0 0 0;\n height: 32px;\n }\n }\n\n .button-label {\n padding: 0 34px;\n }\n }\n\n // Standard variant is a solid color\n &.standard {\n background: $verdocs-green;\n border-radius: 4px;\n outline: none;\n border: none;\n color: white;\n\n &:disabled {\n background-color: $disabled-color;\n cursor: default;\n }\n\n &:active:not([disabled]) {\n filter: brightness(110%);\n }\n }\n\n // Text variant is just a label\n &.text {\n color: $secondary-color;\n background: transparent;\n font-weight: 500;\n padding: 0 4px;\n outline: none;\n border: none;\n\n &:disabled {\n color: $disabled-color;\n }\n\n &:active:not([disabled]) {\n filter: brightness(130%);\n }\n\n .icon {\n svg {\n fill: $secondary-color;\n }\n }\n }\n\n // Standard variant is a solid color\n &.outline {\n border: 1px solid $secondary-color;\n color: $secondary-color;\n outline: none;\n background: transparent;\n border-radius: 4px;\n padding: 0 20px;\n\n &:disabled {\n color: $disabled-color;\n border: 1px solid $disabled-color;\n }\n\n &:active {\n background: $secondary-color;\n color: white;\n }\n\n .icon {\n svg {\n fill: $secondary-color;\n }\n }\n }\n }\n}\n","import {Component, Prop, h} from '@stencil/core';\n\n/*\n A simple button, with consistent styling to other controls in the design system.\n \n ```ts\n * <verdocs-button label=\"Click Me\" size=\"normal\" variant=\"standard\" />\n * ```\n /\n@Component({\n tag: 'verdocs-button',\n styleUrl: 'verdocs-button.scss',\n})\nexport class VerdocsButton {\n /\n The label for the button.\n /\n @Prop() label!: string;\n\n /\n If desired, a prefix icon for the button.\n /\n @Prop() startIcon: string \| null = null;\n\n /\n If desired, a suffix icon for the button.\n /\n @Prop() endIcon: string \| null = null;\n\n /\n The size (height) of the button.\n /\n @Prop() size: 'xsmall' \| 'small' \| 'normal' \| 'medium' \| 'large' = 'normal';\n\n /\n The type of the button.\n /\n @Prop() type: 'button' \| 'submit' \| 'reset' = 'button';\n\n /\n The display variant of the button.\n /\n @Prop() variant: 'standard' \| 'text' \| 'outline' = 'standard';\n\n /\n Whether the button should be disabled.\n /\n @Prop() disabled: boolean = false;\n\n render() {\n return (\n <button disabled={this.disabled} type={this.type} class={`${this.variant} ${this.size} ${this.type}`}>\n {this.startIcon ? <span class=\"icon start\" innerHTML={this.startIcon} /> : null}\n <span class=\"button-label\">{this.label}</span>\n {this.endIcon ? <span class=\"icon end\" innerHTML={this.endIcon} /> : null}\n </button>\n );\n }\n}\n","@import '../../../theme.scss';\n\nverdocs-help-icon {\n font-family: $verdocs-primary-font;\n display: inline-block;\n opacity: 0.3;\n position: relative;\n\n &:hover {\n opacity: 1;\n }\n\n .icon {\n display: inline-block;\n }\n\n .tooltip {\n display: none;\n min-width: 200px;\n box-shadow: 0 0 10px 1px #999999;\n background: #ffffff;\n color: $label-color;\n max-width: 240px;\n font-weight: 500;\n position: absolute;\n padding: 5px 10px;\n font-size: 12px;\n border-radius: 4px;\n z-index: 10005;\n\n .arrow,\n .arrow::before {\n position: absolute;\n width: 8px;\n height: 8px;\n background: inherit;\n }\n\n .arrow {\n visibility: hidden;\n top: -4px;\n }\n\n .arrow::before {\n visibility: visible;\n content: '';\n transform: rotate(45deg);\n }\n\n &[data-show] {\n display: block;\n }\n\n &[data-popper-placement^='top'] > .arrow {\n bottom: -4px;\n }\n\n &[data-popper-placement^='bottom'] > .arrow {\n top: -4px;\n }\n\n &[data-popper-placement^='left'] > .arrow {\n right: -4px;\n }\n\n &[data-popper-placement^='right'] > .arrow {\n left: -4px;\n }\n }\n}\n","import {createPopper, Instance} from '@popperjs/core';\nimport {Component, h, Host, Prop, State} from '@stencil/core';\n\nconst helpIcon =\n '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" width=\"24\" fill=\"#5c6575\"><path d=\"M11.925 18q.55 0 .938-.387.387-.388.387-.938 0-.55-.387-.925-.388-.375-.938-.375-.55 0-.925.375t-.375.925q0 .55.375.938.375.387.925.387Zm-.95-3.85h1.95q0-.8.2-1.287.2-.488 1.025-1.288.65-.625 1.025-1.213.375-.587.375-1.437 0-1.425-1.025-2.175Q13.5 6 12.1 6q-1.425 0-2.35.775t-1.275 1.85l1.775.7q.125-.45.55-.975.425-.525 1.275-.525.725 0 1.1.412.375.413.375.888 0 .475-.287.9-.288.425-.713.775-1.075.95-1.325 1.475-.25.525-.25 1.875ZM12 22.2q-2.125 0-3.988-.8-1.862-.8-3.237-2.175Q3.4 17.85 2.6 15.988 1.8 14.125 1.8 12t.8-3.988q.8-1.862 2.175-3.237Q6.15 3.4 8.012 2.6 9.875 1.8 12 1.8t3.988.8q1.862.8 3.237 2.175Q20.6 6.15 21.4 8.012q.8 1.863.8 3.988t-.8 3.988q-.8 1.862-2.175 3.237Q17.85 20.6 15.988 21.4q-1.863.8-3.988.8Zm0-2.275q3.325 0 5.625-2.3t2.3-5.625q0-3.325-2.3-5.625T12 4.075q-3.325 0-5.625 2.3T4.075 12q0 3.325 2.3 5.625t5.625 2.3ZM12 12Z\"/></svg>';\n\n/\n Displays a simple help icon. Upon hover or focus, a tooltip will be displayed with help text.\n \n ```ts\n * <verdocs-help-icon text=\"Sample help text\" />\n * ```\n /\n@Component({\n tag: 'verdocs-help-icon',\n styleUrl: 'verdocs-help-icon.scss',\n shadow: false,\n})\nexport class VerdocsHelpIcon {\n iconEl: HTMLDivElement;\n tooltipEl: HTMLDivElement;\n popperInstance: Instance;\n\n /\n Help text to display on hover/focus\n /\n @Prop() text: string = '';\n\n /\n Optional icon to display. If not supplied, a standard help icon will be shown.\n /\n @Prop() icon: string = helpIcon;\n\n @State() containerId = `verdocs-help-icon-${Math.random().toString(36).substring(2, 11)}`;\n\n componentDidLoad() {\n this.popperInstance = createPopper(this.iconEl, this.tooltipEl, {\n // placement: 'top-end',\n // modifiers: [{name: 'offset', options: {offset: [0, 10]}}],\n });\n }\n\n disconnectedCallback() {\n if (this.popperInstance) {\n this.popperInstance.destroy();\n this.popperInstance = null;\n }\n }\n\n show() {\n this.tooltipEl?.setAttribute('data-show', '');\n this.popperInstance?.update().catch(() => {});\n }\n\n hide() {\n this.tooltipEl?.removeAttribute('data-show');\n }\n\n render() {\n return (\n <Host class={{}}>\n <div\n aria-describedby={this.containerId}\n class=\"icon\"\n innerHTML={this.icon}\n onMouseEnter={() => this.show()}\n onFocus={() => this.show()}\n onMouseLeave={() => this.hide()}\n onBlur={() => this.hide()}\n ref={el => (this.iconEl = el as HTMLDivElement)}\n />\n <div\n id={this.containerId}\n role=\"tooltip\"\n class=\"tooltip\"\n data-popper-placement=\"bottom\"\n ref={el => (this.tooltipEl = el as HTMLDivElement)}\n >\n <span innerHTML={this.text} />\n <div data-popper-arrow=\"true\" class=\"arrow\" />\n </div>\n </Host>\n );\n }\n}\n","@import '../../../theme.scss';\n\nverdocs-text-input {\n font-family: $primary-font;\n box-sizing: border-box;\n margin: 0 0 10px 0;\n display: block;\n\n .input-element {\n box-sizing: border-box;\n border: 1px solid $border-color;\n border-radius: 4px;\n background: $verdocs-grey-4;\n color: #000;\n width: 100%;\n font-size: 16px;\n height: 34px;\n padding: 0 9px;\n outline: none;\n\n &:disabled {\n cursor: not-allowed;\n background: $verdocs-grey-2;\n border: 1px solid $verdocs-grey-1;\n }\n\n &::placeholder {\n color: $light-disabled-color;\n opacity: 1;\n }\n\n &:focus {\n outline: 1px solid $border-color-highlight;\n }\n }\n\n .input-label {\n display: block;\n color: $label-color-light;\n font-weight: 700;\n font-size: 14px;\n margin: 0 0 4px 0;\n }\n\n .required {\n color: red;\n margin-left: 2px;\n display: inline-block;\n }\n\n // @see https://community.logmein.com/t5/LastPass-Support-Discussions/placeholder-text-overrides-data-lpignore-quot-true-quot/td-p/295135\n // LastPass is ignoring the data-lpignore attribute in some cases\n [data-lastpass-icon-root] {\n display: none !important;\n }\n\n .input-container {\n position: relative;\n }\n\n .clear {\n top: 7px;\n right: 5px;\n width: 18px;\n height: 18px;\n fill: #cccccc;\n position: absolute;\n\n &:hover {\n fill: #720101;\n cursor: pointer;\n }\n }\n\n .copy {\n top: 7px;\n right: 5px;\n width: 18px;\n height: 18px;\n fill: #cccccc;\n position: absolute;\n\n &:hover {\n fill: $verdocs-purple;\n cursor: pointer;\n }\n }\n\n .toggle-pw {\n top: 5px;\n right: 7px;\n width: 18px;\n height: 18px;\n stroke: #cccccc;\n //fill: #cccccc;\n position: absolute;\n\n &:hover {\n fill: $verdocs-purple;\n cursor: pointer;\n }\n }\n\n &.clearable,\n &.copyable {\n .input-element {\n padding-right: 32px;\n }\n }\n}\n","import {Component, Element, Prop, Host, h, State} from '@stencil/core';\nimport {VerdocsToast} from '../../../utils/Toast';\n\nconst ClearIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 122.881 122.88\"><g><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M61.44,0c33.933,0,61.441,27.507,61.441,61.439 c0,33.933-27.508,61.44-61.441,61.44C27.508,122.88,0,95.372,0,61.439C0,27.507,27.508,0,61.44,0L61.44,0z M81.719,36.226 c1.363-1.363,3.572-1.363,4.936,0c1.363,1.363,1.363,3.573,0,4.936L66.375,61.439l20.279,20.278c1.363,1.363,1.363,3.573,0,4.937 c-1.363,1.362-3.572,1.362-4.936,0L61.44,66.376L41.162,86.654c-1.362,1.362-3.573,1.362-4.936,0c-1.363-1.363-1.363-3.573,0-4.937 l20.278-20.278L36.226,41.162c-1.363-1.363-1.363-3.573,0-4.936c1.363-1.363,3.573-1.363,4.936,0L61.44,56.504L81.719,36.226 L81.719,36.226z\"/></g></svg>`;\nconst CopyIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M15.988 3.012A2.25 2.25 0 0118 5.25v6.5A2.25 2.25 0 0115.75 14H13.5V7A2.5 2.5 0 0011 4.5H8.128a2.252 2.252 0 011.884-1.488A2.25 2.25 0 0112.25 1h1.5a2.25 2.25 0 012.238 2.012zM11.5 3.25a.75.75 0 01.75-.75h1.5a.75.75 0 01.75.75v.25h-3v-.25z\" clip-rule=\"evenodd\" /><path fill-rule=\"evenodd\" d=\"M2 7a1 1 0 011-1h8a1 1 0 011 1v10a1 1 0 01-1 1H3a1 1 0 01-1-1V7zm2 3.25a.75.75 0 01.75-.75h4.5a.75.75 0 010 1.5h-4.5a.75.75 0 01-.75-.75zm0 3.5a.75.75 0 01.75-.75h4.5a.75.75 0 010 1.5h-4.5a.75.75 0 01-.75-.75z\" clip-rule=\"evenodd\" /></svg>`;\nconst EyeIcon = `<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=\"M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z\" /><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" /></svg>`;\nconst EyeSlashIcon = `<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=\"M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88\" /></svg>`;\n\n/\n Display a text input field. This is just a standard HTML input field with minimal markup to fit the\n * visual styles of the other components. Note that events \"bubble\" from the input field to the container,\n * so you can subscribe to the same DOM events (input, blur, etc) that a normal input would emit.\n \n ```ts\n * <verdocs-text-input type=\"text\" label=\"Name\" placeholder=\"Enter your name...\" value=\"\" />\n * ```\n /\n@Component({\n tag: 'verdocs-text-input',\n styleUrl: 'verdocs-text-input.scss',\n})\nexport class VerdocsTextInput {\n private inputEl: HTMLInputElement;\n\n @Element()\n hostEl: HTMLElement;\n\n /\n The initial value for the input field.\n /\n @Prop({mutable: true, reflect: true}) value: string = '';\n\n /\n The label for the field.\n /\n @Prop() label: string = '';\n\n /\n The placeholder for the field.\n /\n @Prop() placeholder: string = '';\n\n /\n If desired, the autocomplete attribute to set.\n /\n @Prop() autocomplete: string = '';\n\n /\n If supplied, a help icon will be displayed to provide the user more information.\n /\n @Prop() helpText: string = '';\n\n /\n If set, a clear button will be displayed.\n /\n @Prop() clearable = false;\n\n /\n If set, a copy-to-clipboard button will be displayed. NOTE: A field may not be\n * both clearable and copyable. If both properties are set to true, copyable will\n * be ignored.\n /\n @Prop() copyable = false;\n\n /\n The type of field to render. Only text-type fields are allowed here for the current styling. Additional types\n * (e.g. a date picker) will be supported by other controls in the future.\n /\n @Prop() type: 'text' \| 'password' \| 'email' \| 'number' \| 'search' \| 'tel' \| 'url' = 'text';\n\n /\n Should the field be disabled?\n /\n @Prop() disabled: boolean = false;\n\n /\n Should the field be required?\n /\n @Prop() required: boolean = false;\n\n @State() showingPw: boolean = false;\n\n copyToClipboard() {\n this.inputEl.select();\n navigator.clipboard\n .writeText(this.value)\n .then(() => VerdocsToast('Copied!'))\n .catch(e => console.log('Error copying to clipboard', e));\n }\n\n render() {\n return (\n <Host class={`input-field ${this.clearable ? 'clearable' : ''} ${this.copyable ? 'copyable' : ''}`}>\n <label>\n {this.label && (\n <div class=\"input-label\">\n {this.label + ':'}\n {this.required && <span class=\"required\"></span>}\n </div>\n )}\n\n <div class=\"input-container\">\n <input\n type={this.type === 'password' && this.showingPw ? 'text' : this.type}\n value={this.value}\n required={this.required}\n class=\"input-element\"\n data-lpignore=\"true\"\n disabled={this.disabled}\n placeholder={this.placeholder}\n autoComplete={this.autocomplete}\n // onBlur={(e: any) => this.blur?.emit(e.target.value)}\n ref={el => (this.inputEl = el as HTMLInputElement)}\n onInput={(e: any) => (this.value = e.target.value)}\n />\n\n {this.clearable && this.value && (\n <span\n innerHTML={ClearIcon}\n class=\"clear\"\n onClick={() => {\n // We need to allow the onInput event to fire first in case\n // the user was focused on this field before clicking clear.\n setTimeout(() => {\n this.value = '';\n this.inputEl?.setAttribute('value', '');\n // We need to allow the value to \"settle\"\n setTimeout(() => {\n this.inputEl?.dispatchEvent(new window.Event('focusout'));\n this.inputEl?.blur();\n }, 50);\n }, 50);\n }}\n />\n )}\n\n {this.type === 'password' && (\n <span\n innerHTML={this.showingPw ? EyeIcon : EyeSlashIcon}\n class=\"toggle-pw\"\n onClick={() => {\n this.showingPw = !this.showingPw;\n }}\n />\n )}\n\n {!this.clearable && this.copyable && this.value && <span innerHTML={CopyIcon} class=\"copy\" onClick={() => this.copyToClipboard()} />}\n </div>\n\n {this.helpText && <verdocs-help-icon text={this.helpText} />}\n </label>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"p-CflLDny-.system.js","sources":["src/components/controls/verdocs-button/verdocs-button.scss?tag=verdocs-button","src/components/controls/verdocs-button/verdocs-button.tsx","src/components/controls/verdocs-help-icon/verdocs-help-icon.scss?tag=verdocs-help-icon","src/components/controls/verdocs-help-icon/verdocs-help-icon.tsx","src/components/controls/verdocs-text-input/verdocs-text-input.scss?tag=verdocs-text-input","src/components/controls/verdocs-text-input/verdocs-text-input.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-button {\n button {\n font-family: $verdocs-primary-font;\n text-transform: uppercase;\n justify-content: center;\n display: inline-flex;\n align-items: center;\n font-weight: 700;\n cursor: pointer;\n margin: 0;\n\n &:disabled {\n cursor: inherit;\n pointer-events: none;\n }\n\n .icon {\n margin: 0 12px;\n\n svg {\n fill: $verdocs-grey-4;\n display: block;\n }\n }\n\n .button-label {\n padding: 0 12px;\n }\n\n // Small-sized button size adjustments\n &.xsmall {\n height: 26px;\n font-size: 12px;\n\n .icon {\n margin: 0 3px;\n\n svg {\n margin: 2px 0 0 0;\n height: 18px;\n }\n }\n\n .button-label {\n padding: 0 4px;\n }\n }\n\n // Small-sized button size adjustments\n &.small {\n height: 34px;\n font-size: 13px;\n\n .icon {\n margin: 0 4px;\n\n svg {\n margin: 2px 0 0 0;\n height: 20px;\n }\n }\n\n .button-label {\n padding: 0 4px;\n }\n }\n\n // Normal-sized button size adjustments\n &.normal {\n height: 44px;\n font-size: 14px;\n\n .icon.start {\n margin: 0 4px 0 8px;\n }\n\n .icon.end {\n margin: 0 8px 0 4px;\n }\n\n .icon {\n svg {\n margin: 2px 0 0 0;\n height: 22px;\n }\n }\n\n .button-label {\n padding: 0 10px;\n }\n }\n\n // Medium-sized button size adjustments\n &.medium {\n height: 52px;\n font-size: 16px;\n\n .icon.start {\n margin: 0 0 0 18px;\n }\n\n .icon.end {\n margin: 0 18px 0 0;\n }\n\n .icon {\n svg {\n margin: 2px 0 0 0;\n height: 26px;\n }\n }\n\n .button-label {\n padding: 0 20px;\n }\n }\n\n // Large-sized button size adjustments\n &.large {\n height: 60px;\n font-size: 20px;\n\n .icon.start {\n margin: 0 0 0 24px;\n }\n\n .icon.end {\n margin: 0 24px 0 0;\n }\n\n .icon {\n svg {\n margin: 2px 0 0 0;\n height: 32px;\n }\n }\n\n .button-label {\n padding: 0 34px;\n }\n }\n\n // Standard variant is a solid color\n &.standard {\n background: $verdocs-green;\n border-radius: 4px;\n outline: none;\n border: none;\n color: white;\n\n &:disabled {\n background-color: $disabled-color;\n cursor: default;\n }\n\n &:active:not([disabled]) {\n filter: brightness(110%);\n }\n }\n\n // Text variant is just a label\n &.text {\n color: $secondary-color;\n background: transparent;\n font-weight: 500;\n padding: 0 4px;\n outline: none;\n border: none;\n\n &:disabled {\n color: $disabled-color;\n }\n\n &:active:not([disabled]) {\n filter: brightness(130%);\n }\n\n .icon {\n svg {\n fill: $secondary-color;\n }\n }\n }\n\n // Standard variant is a solid color\n &.outline {\n border: 1px solid $secondary-color;\n color: $secondary-color;\n outline: none;\n background: transparent;\n border-radius: 4px;\n padding: 0 20px;\n\n &:disabled {\n color: $disabled-color;\n border: 1px solid $disabled-color;\n }\n\n &:active {\n background: $secondary-color;\n color: white;\n }\n\n .icon {\n svg {\n fill: $secondary-color;\n }\n }\n }\n }\n}\n","import {Component, Prop, h} from '@stencil/core';\n\n/*\n A simple button, with consistent styling to other controls in the design system.\n \n ```ts\n * <verdocs-button label=\"Click Me\" size=\"normal\" variant=\"standard\" />\n * ```\n /\n@Component({\n tag: 'verdocs-button',\n styleUrl: 'verdocs-button.scss',\n})\nexport class VerdocsButton {\n /\n The label for the button.\n /\n @Prop() label!: string;\n\n /\n If desired, a prefix icon for the button.\n /\n @Prop() startIcon: string \| null = null;\n\n /\n If desired, a suffix icon for the button.\n /\n @Prop() endIcon: string \| null = null;\n\n /\n The size (height) of the button.\n /\n @Prop() size: 'xsmall' \| 'small' \| 'normal' \| 'medium' \| 'large' = 'normal';\n\n /\n The type of the button.\n /\n @Prop() type: 'button' \| 'submit' \| 'reset' = 'button';\n\n /\n The display variant of the button.\n /\n @Prop() variant: 'standard' \| 'text' \| 'outline' = 'standard';\n\n /\n Whether the button should be disabled.\n /\n @Prop() disabled: boolean = false;\n\n render() {\n return (\n <button disabled={this.disabled} type={this.type} class={`${this.variant} ${this.size} ${this.type}`}>\n {this.startIcon ? <span class=\"icon start\" innerHTML={this.startIcon} /> : null}\n <span class=\"button-label\">{this.label}</span>\n {this.endIcon ? <span class=\"icon end\" innerHTML={this.endIcon} /> : null}\n </button>\n );\n }\n}\n","@import '../../../theme.scss';\n\nverdocs-help-icon {\n font-family: $verdocs-primary-font;\n display: inline-block;\n opacity: 0.3;\n position: relative;\n\n &:hover {\n opacity: 1;\n }\n\n .icon {\n display: inline-block;\n }\n\n .tooltip {\n display: none;\n min-width: 200px;\n box-shadow: 0 0 10px 1px #999999;\n background: #ffffff;\n color: $label-color;\n max-width: 240px;\n font-weight: 500;\n position: absolute;\n padding: 5px 10px;\n font-size: 12px;\n border-radius: 4px;\n z-index: 10005;\n\n .arrow,\n .arrow::before {\n position: absolute;\n width: 8px;\n height: 8px;\n background: inherit;\n }\n\n .arrow {\n visibility: hidden;\n top: -4px;\n }\n\n .arrow::before {\n visibility: visible;\n content: '';\n transform: rotate(45deg);\n }\n\n &[data-show] {\n display: block;\n }\n\n &[data-popper-placement^='top'] > .arrow {\n bottom: -4px;\n }\n\n &[data-popper-placement^='bottom'] > .arrow {\n top: -4px;\n }\n\n &[data-popper-placement^='left'] > .arrow {\n right: -4px;\n }\n\n &[data-popper-placement^='right'] > .arrow {\n left: -4px;\n }\n }\n}\n","import {createPopper, Instance} from '@popperjs/core';\nimport {Component, h, Host, Prop, State} from '@stencil/core';\n\nconst helpIcon =\n '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" width=\"24\" fill=\"#5c6575\"><path d=\"M11.925 18q.55 0 .938-.387.387-.388.387-.938 0-.55-.387-.925-.388-.375-.938-.375-.55 0-.925.375t-.375.925q0 .55.375.938.375.387.925.387Zm-.95-3.85h1.95q0-.8.2-1.287.2-.488 1.025-1.288.65-.625 1.025-1.213.375-.587.375-1.437 0-1.425-1.025-2.175Q13.5 6 12.1 6q-1.425 0-2.35.775t-1.275 1.85l1.775.7q.125-.45.55-.975.425-.525 1.275-.525.725 0 1.1.412.375.413.375.888 0 .475-.287.9-.288.425-.713.775-1.075.95-1.325 1.475-.25.525-.25 1.875ZM12 22.2q-2.125 0-3.988-.8-1.862-.8-3.237-2.175Q3.4 17.85 2.6 15.988 1.8 14.125 1.8 12t.8-3.988q.8-1.862 2.175-3.237Q6.15 3.4 8.012 2.6 9.875 1.8 12 1.8t3.988.8q1.862.8 3.237 2.175Q20.6 6.15 21.4 8.012q.8 1.863.8 3.988t-.8 3.988q-.8 1.862-2.175 3.237Q17.85 20.6 15.988 21.4q-1.863.8-3.988.8Zm0-2.275q3.325 0 5.625-2.3t2.3-5.625q0-3.325-2.3-5.625T12 4.075q-3.325 0-5.625 2.3T4.075 12q0 3.325 2.3 5.625t5.625 2.3ZM12 12Z\"/></svg>';\n\n/\n Displays a simple help icon. Upon hover or focus, a tooltip will be displayed with help text.\n \n ```ts\n * <verdocs-help-icon text=\"Sample help text\" />\n * ```\n /\n@Component({\n tag: 'verdocs-help-icon',\n styleUrl: 'verdocs-help-icon.scss',\n shadow: false,\n})\nexport class VerdocsHelpIcon {\n iconEl: HTMLDivElement;\n tooltipEl: HTMLDivElement;\n popperInstance: Instance;\n\n /\n Help text to display on hover/focus\n /\n @Prop() text: string = '';\n\n /\n Optional icon to display. If not supplied, a standard help icon will be shown.\n /\n @Prop() icon: string = helpIcon;\n\n @State() containerId = `verdocs-help-icon-${Math.random().toString(36).substring(2, 11)}`;\n\n componentDidLoad() {\n this.popperInstance = createPopper(this.iconEl, this.tooltipEl, {\n // placement: 'top-end',\n // modifiers: [{name: 'offset', options: {offset: [0, 10]}}],\n });\n }\n\n disconnectedCallback() {\n if (this.popperInstance) {\n this.popperInstance.destroy();\n this.popperInstance = null;\n }\n }\n\n show() {\n this.tooltipEl?.setAttribute('data-show', '');\n this.popperInstance?.update().catch(() => {});\n }\n\n hide() {\n this.tooltipEl?.removeAttribute('data-show');\n }\n\n render() {\n return (\n <Host class={{}}>\n <div\n aria-describedby={this.containerId}\n class=\"icon\"\n innerHTML={this.icon}\n onMouseEnter={() => this.show()}\n onFocus={() => this.show()}\n onMouseLeave={() => this.hide()}\n onBlur={() => this.hide()}\n ref={el => (this.iconEl = el as HTMLDivElement)}\n />\n <div\n id={this.containerId}\n role=\"tooltip\"\n class=\"tooltip\"\n data-popper-placement=\"bottom\"\n ref={el => (this.tooltipEl = el as HTMLDivElement)}\n >\n <span innerHTML={this.text} />\n <div data-popper-arrow=\"true\" class=\"arrow\" />\n </div>\n </Host>\n );\n }\n}\n","@import '../../../theme.scss';\n\nverdocs-text-input {\n font-family: $primary-font;\n box-sizing: border-box;\n margin: 0 0 10px 0;\n display: block;\n\n .input-element {\n box-sizing: border-box;\n border: 1px solid $border-color;\n border-radius: 4px;\n background: $verdocs-grey-4;\n color: #000;\n width: 100%;\n font-size: 16px;\n height: 34px;\n padding: 0 9px;\n outline: none;\n\n &:disabled {\n cursor: not-allowed;\n background: $verdocs-grey-2;\n border: 1px solid $verdocs-grey-1;\n }\n\n &::placeholder {\n color: $light-disabled-color;\n opacity: 1;\n }\n\n &:focus {\n outline: 1px solid $border-color-highlight;\n }\n }\n\n .input-label {\n display: block;\n color: $label-color-light;\n font-weight: 700;\n font-size: 14px;\n margin: 0 0 4px 0;\n }\n\n .required {\n color: red;\n margin-left: 2px;\n display: inline-block;\n }\n\n // @see https://community.logmein.com/t5/LastPass-Support-Discussions/placeholder-text-overrides-data-lpignore-quot-true-quot/td-p/295135\n // LastPass is ignoring the data-lpignore attribute in some cases\n [data-lastpass-icon-root] {\n display: none !important;\n }\n\n .input-container {\n position: relative;\n }\n\n .clear {\n top: 7px;\n right: 5px;\n width: 18px;\n height: 18px;\n fill: #cccccc;\n position: absolute;\n\n &:hover {\n fill: #720101;\n cursor: pointer;\n }\n }\n\n .copy {\n top: 7px;\n right: 5px;\n width: 18px;\n height: 18px;\n fill: #cccccc;\n position: absolute;\n\n &:hover {\n fill: $verdocs-purple;\n cursor: pointer;\n }\n }\n\n .toggle-pw {\n top: 5px;\n right: 7px;\n width: 18px;\n height: 18px;\n stroke: #cccccc;\n //fill: #cccccc;\n position: absolute;\n\n &:hover {\n fill: $verdocs-purple;\n cursor: pointer;\n }\n }\n\n &.clearable,\n &.copyable {\n .input-element {\n padding-right: 32px;\n }\n }\n}\n","import {Component, Element, Prop, Host, h, State} from '@stencil/core';\nimport {VerdocsToast} from '../../../utils/Toast';\n\nconst ClearIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 122.881 122.88\"><g><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M61.44,0c33.933,0,61.441,27.507,61.441,61.439 c0,33.933-27.508,61.44-61.441,61.44C27.508,122.88,0,95.372,0,61.439C0,27.507,27.508,0,61.44,0L61.44,0z M81.719,36.226 c1.363-1.363,3.572-1.363,4.936,0c1.363,1.363,1.363,3.573,0,4.936L66.375,61.439l20.279,20.278c1.363,1.363,1.363,3.573,0,4.937 c-1.363,1.362-3.572,1.362-4.936,0L61.44,66.376L41.162,86.654c-1.362,1.362-3.573,1.362-4.936,0c-1.363-1.363-1.363-3.573,0-4.937 l20.278-20.278L36.226,41.162c-1.363-1.363-1.363-3.573,0-4.936c1.363-1.363,3.573-1.363,4.936,0L61.44,56.504L81.719,36.226 L81.719,36.226z\"/></g></svg>`;\nconst CopyIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M15.988 3.012A2.25 2.25 0 0118 5.25v6.5A2.25 2.25 0 0115.75 14H13.5V7A2.5 2.5 0 0011 4.5H8.128a2.252 2.252 0 011.884-1.488A2.25 2.25 0 0112.25 1h1.5a2.25 2.25 0 012.238 2.012zM11.5 3.25a.75.75 0 01.75-.75h1.5a.75.75 0 01.75.75v.25h-3v-.25z\" clip-rule=\"evenodd\" /><path fill-rule=\"evenodd\" d=\"M2 7a1 1 0 011-1h8a1 1 0 011 1v10a1 1 0 01-1 1H3a1 1 0 01-1-1V7zm2 3.25a.75.75 0 01.75-.75h4.5a.75.75 0 010 1.5h-4.5a.75.75 0 01-.75-.75zm0 3.5a.75.75 0 01.75-.75h4.5a.75.75 0 010 1.5h-4.5a.75.75 0 01-.75-.75z\" clip-rule=\"evenodd\" /></svg>`;\nconst EyeIcon = `<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=\"M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z\" /><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" /></svg>`;\nconst EyeSlashIcon = `<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=\"M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88\" /></svg>`;\n\n/\n Display a text input field. This is just a standard HTML input field with minimal markup to fit the\n * visual styles of the other components. Note that events \"bubble\" from the input field to the container,\n * so you can subscribe to the same DOM events (input, blur, etc) that a normal input would emit.\n \n ```ts\n * <verdocs-text-input type=\"text\" label=\"Name\" placeholder=\"Enter your name...\" value=\"\" />\n * ```\n /\n@Component({\n tag: 'verdocs-text-input',\n styleUrl: 'verdocs-text-input.scss',\n})\nexport class VerdocsTextInput {\n private inputEl: HTMLInputElement;\n\n @Element()\n hostEl: HTMLElement;\n\n /\n The initial value for the input field.\n /\n @Prop({mutable: true, reflect: true}) value: string = '';\n\n /\n The label for the field.\n /\n @Prop() label: string = '';\n\n /\n The placeholder for the field.\n /\n @Prop() placeholder: string = '';\n\n /\n If desired, the autocomplete attribute to set.\n /\n @Prop() autocomplete: string = '';\n\n /\n If supplied, a help icon will be displayed to provide the user more information.\n /\n @Prop() helpText: string = '';\n\n /\n If set, a clear button will be displayed.\n /\n @Prop() clearable = false;\n\n /\n If set, a copy-to-clipboard button will be displayed. NOTE: A field may not be\n * both clearable and copyable. If both properties are set to true, copyable will\n * be ignored.\n /\n @Prop() copyable = false;\n\n /\n The type of field to render. Only text-type fields are allowed here for the current styling. Additional types\n * (e.g. a date picker) will be supported by other controls in the future.\n /\n @Prop() type: 'text' \| 'password' \| 'email' \| 'number' \| 'search' \| 'tel' \| 'url' = 'text';\n\n /\n Should the field be disabled?\n /\n @Prop() disabled: boolean = false;\n\n /\n Should the field be required?\n /\n @Prop() required: boolean = false;\n\n @State() showingPw: boolean = false;\n\n copyToClipboard() {\n this.inputEl.select();\n navigator.clipboard\n .writeText(this.value)\n .then(() => VerdocsToast('Copied!'))\n .catch(e => console.log('Error copying to clipboard', e));\n }\n\n render() {\n return (\n <Host class={`input-field ${this.clearable ? 'clearable' : ''} ${this.copyable ? 'copyable' : ''}`}>\n <label>\n {this.label && (\n <div class=\"input-label\">\n {this.label + ':'}\n {this.required && <span class=\"required\"></span>}\n </div>\n )}\n\n <div class=\"input-container\">\n <input\n type={this.type === 'password' && this.showingPw ? 'text' : this.type}\n value={this.value}\n required={this.required}\n class=\"input-element\"\n data-lpignore=\"true\"\n disabled={this.disabled}\n placeholder={this.placeholder}\n autoComplete={this.autocomplete}\n // onBlur={(e: any) => this.blur?.emit(e.target.value)}\n ref={el => (this.inputEl = el as HTMLInputElement)}\n onInput={(e: any) => (this.value = e.target.value)}\n />\n\n {this.clearable && this.value && (\n <span\n innerHTML={ClearIcon}\n class=\"clear\"\n onClick={() => {\n // We need to allow the onInput event to fire first in case\n // the user was focused on this field before clicking clear.\n setTimeout(() => {\n this.value = '';\n this.inputEl?.setAttribute('value', '');\n // We need to allow the value to \"settle\"\n setTimeout(() => {\n this.inputEl?.dispatchEvent(new window.Event('focusout'));\n this.inputEl?.blur();\n }, 50);\n }, 50);\n }}\n />\n )}\n\n {this.type === 'password' && (\n <span\n innerHTML={this.showingPw ? EyeIcon : EyeSlashIcon}\n class=\"toggle-pw\"\n onClick={() => {\n this.showingPw = !this.showingPw;\n }}\n />\n )}\n\n {!this.clearable && this.copyable && this.value && <span innerHTML={CopyIcon} class=\"copy\" onClick={() => this.copyToClipboard()} />}\n </div>\n\n {this.helpText && <verdocs-help-icon text={this.helpText} />}\n </label>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;MAAA,MAAM,gBAAgB,GAAG,4kGAA4kG;;YCaxlG,aAAa,6BAAA,MAAA;MAJ1B,IAAA,WAAA,CAAA,OAAA,EAAA;;MAUE;;MAEG;MACK,QAAA,IAAS,CAAA,SAAA,GAAkB,IAAI;MAEvC;;MAEG;MACK,QAAA,IAAO,CAAA,OAAA,GAAkB,IAAI;MAErC;;MAEG;MACK,QAAA,IAAI,CAAA,IAAA,GAAuD,QAAQ;MAE3E;;MAEG;MACK,QAAA,IAAI,CAAA,IAAA,GAAkC,QAAQ;MAEtD;;MAEG;MACK,QAAA,IAAO,CAAA,OAAA,GAAoC,UAAU;MAE7D;;MAEG;MACK,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;MAWlC;UATC,MAAM,GAAA;cACJ,QACE,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,OAAO,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,CAAA,CAAE,EAAA,EACjG,IAAI,CAAC,SAAS,GAAG,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,YAAY,EAAC,SAAS,EAAE,IAAI,CAAC,SAAS,GAAI,GAAG,IAAI,EAC/E,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,KAAK,CAAQ,EAC7C,IAAI,CAAC,OAAO,GAAG,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,UAAU,EAAC,SAAS,EAAE,IAAI,CAAC,OAAO,EAAI,CAAA,GAAG,IAAI,CAClE;;;;;MCvDf,MAAM,kBAAkB,GAAG,i+CAAi+C;;MCG5/C,MAAM,QAAQ,GACZ,q7BAAq7B;YAc16B,eAAe,gCAAA,MAAA;MAL5B,IAAA,WAAA,CAAA,OAAA,EAAA;;MAUE;;MAEG;MACK,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;MAEzB;;MAEG;MACK,QAAA,IAAI,CAAA,IAAA,GAAW,QAAQ;cAEtB,IAAA,CAAA,WAAW,GAAG,CAAA,kBAAA,EAAqB,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA,CAAE;MAmD1F;UAjDC,gBAAgB,GAAA;MACd,QAAA,IAAI,CAAC,cAAc,GAAG,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE;;;MAG/D,SAAA,CAAC;;UAGJ,oBAAoB,GAAA;MAClB,QAAA,IAAI,IAAI,CAAC,cAAc,EAAE;MACvB,YAAA,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE;MAC7B,YAAA,IAAI,CAAC,cAAc,GAAG,IAAI;;;UAI9B,IAAI,GAAA;;MACF,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,SAAS,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,YAAY,CAAC,WAAW,EAAE,EAAE,CAAC;MAC7C,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,cAAc,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,MAAM,EAAA,CAAG,KAAK,CAAC,MAAO,GAAC,CAAC;;UAG/C,IAAI,GAAA;;cACF,CAAA,EAAA,GAAA,IAAI,CAAC,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,eAAe,CAAC,WAAW,CAAC;;UAG9C,MAAM,GAAA;MACJ,QAAA,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,EAAE,EAAA,EACb,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,kBAAA,EACoB,IAAI,CAAC,WAAW,EAClC,KAAK,EAAC,MAAM,EACZ,SAAS,EAAE,IAAI,CAAC,IAAI,EACpB,YAAY,EAAE,MAAM,IAAI,CAAC,IAAI,EAAE,EAC/B,OAAO,EAAE,MAAM,IAAI,CAAC,IAAI,EAAE,EAC1B,YAAY,EAAE,MAAM,IAAI,CAAC,IAAI,EAAE,EAC/B,MAAM,EAAE,MAAM,IAAI,CAAC,IAAI,EAAE,EACzB,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,MAAM,GAAG,EAAoB,CAAC,EAC/C,CAAA,EACF,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,EAAE,EAAE,IAAI,CAAC,WAAW,EACpB,IAAI,EAAC,SAAS,EACd,KAAK,EAAC,SAAS,EAAA,uBAAA,EACO,QAAQ,EAC9B,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,SAAS,GAAG,EAAoB,CAAC,EAAA,EAElD,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,SAAS,EAAE,IAAI,CAAC,IAAI,EAAI,CAAA,EAC9B,CAAuB,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,mBAAA,EAAA,MAAM,EAAC,KAAK,EAAC,OAAO,EAAG,CAAA,CAC1C,CACD;;;;;MCjFb,MAAM,mBAAmB,GAAG,mmEAAmmE;;MCG/nE,MAAM,SAAS,GAAG,CAAA,8qBAAA,CAAgrB;MAClsB,MAAM,QAAQ,GAAG,CAAA,4mBAAA,CAA8mB;MAC/nB,MAAM,OAAO,GAAG,CAAA,0cAAA,CAA4c;MAC5d,MAAM,YAAY,GAAG,CAAA,+fAAA,CAAigB;YAezgB,gBAAgB,iCAAA,MAAA;MAJ7B,IAAA,WAAA,CAAA,OAAA,EAAA;;MAUE;;MAEG;MACmC,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;MAExD;;MAEG;MACK,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;MAE1B;;MAEG;MACK,QAAA,IAAW,CAAA,WAAA,GAAW,EAAE;MAEhC;;MAEG;MACK,QAAA,IAAY,CAAA,YAAA,GAAW,EAAE;MAEjC;;MAEG;MACK,QAAA,IAAQ,CAAA,QAAA,GAAW,EAAE;MAE7B;;MAEG;MACK,QAAA,IAAS,CAAA,SAAA,GAAG,KAAK;MAEzB;;;;MAIG;MACK,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;MAExB;;;MAGG;MACK,QAAA,IAAI,CAAA,IAAA,GAAwE,MAAM;MAE1F;;MAEG;MACK,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;MAEjC;;MAEG;MACK,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;MAExB,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;MA0EpC;UAxEC,eAAe,GAAA;MACb,QAAA,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;MACrB,QAAA,SAAS,CAAC;MACP,aAAA,SAAS,CAAC,IAAI,CAAC,KAAK;mBACpB,IAAI,CAAC,MAAM,YAAY,CAAC,SAAS,CAAC;MAClC,aAAA,KAAK,CAAC,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,4BAA4B,EAAE,CAAC,CAAC,CAAC;;UAG7D,MAAM,GAAA;MACJ,QAAA,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,CAAe,YAAA,EAAA,IAAI,CAAC,SAAS,GAAG,WAAW,GAAG,EAAE,CAAA,CAAA,EAAI,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,CAAA,CAAE,EAAA,EAChG,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACG,IAAI,CAAC,KAAK,KACT,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACrB,IAAI,CAAC,KAAK,GAAG,GAAG,EAChB,IAAI,CAAC,QAAQ,IAAI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,UAAU,EAAS,EAAA,GAAA,CAAA,CAC7C,CACP,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CACE,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,UAAU,IAAI,IAAI,CAAC,SAAS,GAAG,MAAM,GAAG,IAAI,CAAC,IAAI,EACrE,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAC,eAAe,EACP,eAAA,EAAA,MAAM,EACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,YAAY,EAAE,IAAI,CAAC,YAAY;;MAE/B,YAAA,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,OAAO,GAAG,EAAsB,CAAC,EAClD,OAAO,EAAE,CAAC,CAAM,MAAM,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAClD,CAAA,EAED,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,KAC3B,CACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,SAAS,EAAE,SAAS,EACpB,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,MAAK;;;sBAGZ,UAAU,CAAC,MAAK;;MACd,oBAAA,IAAI,CAAC,KAAK,GAAG,EAAE;MACf,oBAAA,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,YAAY,CAAC,OAAO,EAAE,EAAE,CAAC;;0BAEvC,UAAU,CAAC,MAAK;;MACd,wBAAA,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,aAAa,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;8BACzD,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAI,EAAE;2BACrB,EAAE,EAAE,CAAC;uBACP,EAAE,EAAE,CAAC;MACR,aAAC,GACD,CACH,EAEA,IAAI,CAAC,IAAI,KAAK,UAAU,KACvB,CACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,SAAS,EAAE,IAAI,CAAC,SAAS,GAAG,OAAO,GAAG,YAAY,EAClD,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE,MAAK;MACZ,gBAAA,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS;MAClC,aAAC,GACD,CACH,EAEA,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,IAAI,6DAAM,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,eAAe,EAAE,GAAI,CAChI,EAEL,IAAI,CAAC,QAAQ,IAAI,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAmB,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CACtD,CACH;;;;;;;;;;;;"}