@paperless/core 2.0.1-beta.3 → 2.0.1-beta.30

package/dist/build/p-610eb0ff.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PageSizeSelect","defaultSize","defaultSizeOptions","this","_defaultButtonTemplate","_defaultItemTemplate","size","formatTranslation","_locales","item","sizeChange","componentWillLoad","_setLocales","render","h","Host","key","class","hidden","placement","chevronPosition","chevronDirection","variant","slot","buttonSize","buttonTemplate","sizeOptions","map","option","active","onClick","_changeSize","itemTemplate","getLocaleComponentStrings","_el","s","emit","paginationComponentCss","PPaginationStyle0","Pagination","pageChange","_pages","_set","componentWillRender","_generate","hideOnSinglePage","length","p","type","_previousClick","_nextClick","value","page","_pageClick","pageChangeHandler","_generatePages","_generateSet","_changePage","previousPage","nextPage","total","pageSize","pages","Math","ceil","Array","fill","undefined","_","i","range","enableBoundaries","totalPages","start","end","min","set","previous","rotate","next","push","paginationItemComponentCss","PPaginationItemStyle0","PaginationItem"],"sources":["src/components/molecules/page-size-select/page-size-select.component.tsx","src/components/molecules/pagination/pagination.component.scss?tag=p-pagination","src/components/molecules/pagination/pagination.component.tsx","src/components/atoms/pagination-item/pagination-item.component.scss?tag=p-pagination-item&encapsulation=shadow","src/components/atoms/pagination-item/pagination-item.component.tsx"],"sourcesContent":["import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport {\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n} from '../../../utils/localization';\nimport { defaultSize, defaultSizeOptions } from './constants';\n\nexport type templateFunc = (value: number) => string;\n\n@Component({\n\ttag: 'p-page-size-select',\n\tshadow: true,\n})\nexport class PageSizeSelect {\n\tprivate _defaultButtonTemplate: templateFunc = size =>\n\t\tformatTranslation(this._locales.item, { size });\n\tprivate _defaultItemTemplate: templateFunc = size =>\n\t\tformatTranslation(this._locales.item, { size });\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) size: number = defaultSize;\n\n\t/**\n\t * The available sizes\n\t */\n\t@Prop() sizeOptions: number[] = defaultSizeOptions;\n\n\t/**\n\t * Event whenever the size changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tsizeChange: EventEmitter<number>;\n\n\t/**\n\t * Chevron position\n\t */\n\t@Prop() chevronPosition: 'start' | 'end' = 'start';\n\n\t/**\n\t * The size of the button\n\t */\n\t@Prop() buttonSize: 'sm' | 'base' = 'sm';\n\n\t/**\n\t * The template for the data view\n\t */\n\t@Prop() buttonTemplate: templateFunc = this._defaultButtonTemplate;\n\n\t/**\n\t * The template for the data view\n\t */\n\t@Prop() itemTemplate: templateFunc = this._defaultItemTemplate;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hidden: boolean = false;\n\n\t/**\n\t * Locales used for this component\n\t */\n\t@State() private _locales: any = {};\n\n\tcomponentWillLoad() {\n\t\tthis._setLocales();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-page-size-select ${this.hidden && 'hidden'}`}>\n\t\t\t\t<p-dropdown\n\t\t\t\t\tplacement='top-start'\n\t\t\t\t\tchevronPosition={this.chevronPosition}\n\t\t\t\t\tchevronDirection='down'\n\t\t\t\t>\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\tsize={this.buttonSize}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.buttonTemplate\n\t\t\t\t\t\t\t? this.buttonTemplate(this.size)\n\t\t\t\t\t\t\t: this._defaultButtonTemplate(this.size)}\n\t\t\t\t\t</p-button>\n\t\t\t\t\t<slot slot='items'>\n\t\t\t\t\t\t{this.sizeOptions.map(option => (\n\t\t\t\t\t\t\t<p-dropdown-menu-item\n\t\t\t\t\t\t\t\tactive={option === this.size}\n\t\t\t\t\t\t\t\tonClick={() => this._changeSize(option)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this.itemTemplate\n\t\t\t\t\t\t\t\t\t? this.itemTemplate(option)\n\t\t\t\t\t\t\t\t\t: this._defaultItemTemplate(option)}\n\t\t\t\t\t\t\t</p-dropdown-menu-item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</slot>\n\t\t\t\t</p-dropdown>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('localeChanged', { target: 'body' })\n\tprivate async _setLocales(): Promise<void> {\n\t\tthis._locales = await getLocaleComponentStrings(this._el);\n\t}\n\n\tprivate _changeSize(s?: number) {\n\t\tif (!s) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.size = s;\n\t\tthis.sizeChange.emit(this.size);\n\t}\n}\n","p-pagination {\n\t@apply flex;\n}\n","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tProp,\n\tWatch,\n} from '@stencil/core';\n\ntype PaginationSetItem = {\n\ttype: string;\n\tvalue?: number | Element | JSX.Element | string;\n};\n\n@Component({\n\ttag: 'p-pagination',\n\tstyleUrl: 'pagination.component.scss',\n})\nexport class Pagination {\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) page: number = 1;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageChange: EventEmitter<number>;\n\n\t/**\n\t * The amount of items per page\n\t */\n\t@Prop() pageSize: number = 12;\n\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hideOnSinglePage: boolean = false;\n\n\t/**\n\t * The total amount of items\n\t */\n\t@Prop() total!: number;\n\n\tprivate _pages: number[] = [];\n\tprivate _set: PaginationSetItem[] = [];\n\n\tcomponentWillRender() {\n\t\tthis._generate();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-pagination ${\n\t\t\t\t\tthis.hideOnSinglePage && this._set?.length === 3 && 'hidden'\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t{this._set?.map(p => {\n\t\t\t\t\tif (p.type === 'previous' || p.type === 'next') {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<p-pagination-item\n\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\tp.type === 'previous'\n\t\t\t\t\t\t\t\t\t\t? this._previousClick()\n\t\t\t\t\t\t\t\t\t\t: this._nextClick()\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{p.value}\n\t\t\t\t\t\t\t</p-pagination-item>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (p.type === 'ellipsis') {\n\t\t\t\t\t\treturn <p-pagination-item>...</p-pagination-item>;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<p-pagination-item\n\t\t\t\t\t\t\tactive={p.value === this.page}\n\t\t\t\t\t\t\tonClick={() => this._pageClick(p.value as number)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{p.value}\n\t\t\t\t\t\t</p-pagination-item>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Watch('page')\n\t@Watch('pageSize')\n\t@Watch('total')\n\tprotected pageChangeHandler() {\n\t\tthis._generate();\n\t}\n\n\tprivate _generate() {\n\t\tthis._pages = this._generatePages();\n\t\tthis._set = this._generateSet();\n\n\t\tif (this.page > this._pages?.length) {\n\t\t\tthis._changePage(this._pages.length);\n\t\t}\n\t}\n\n\tprivate _changePage(p?: number) {\n\t\tif (!p) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.page = p;\n\t\tthis.pageChange.emit(this.page);\n\t}\n\n\tprivate _previousClick() {\n\t\tconst previousPage = this.page - 1;\n\t\tif (previousPage < this._pages[0]) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._changePage(previousPage);\n\t}\n\n\tprivate _nextClick = () => {\n\t\tconst nextPage = this.page + 1;\n\t\tif (nextPage > this._pages[this._pages.length - 1]) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._changePage(nextPage);\n\t};\n\n\tprivate _pageClick = (p?: number) => this._changePage(p);\n\n\tprivate _generatePages() {\n\t\tif (!this.total || !this.pageSize) {\n\t\t\treturn [];\n\t\t}\n\n\t\tconst pages = Math.ceil(this.total / this.pageSize);\n\t\treturn new Array(pages).fill(undefined).map((_, i) => i + 1);\n\t}\n\n\tprivate _generateSet = (\n\t\trange: number = 1,\n\t\tenableBoundaries: boolean = true\n\t): PaginationSetItem[] => {\n\t\tconst totalPages = this._pages.length;\n\n\t\tif (!totalPages) {\n\t\t\treturn [];\n\t\t}\n\n\t\tlet start = this.page - range;\n\t\tlet end = this.page + range;\n\n\t\tif (end > totalPages) {\n\t\t\tend = totalPages;\n\t\t\tstart = totalPages - range * 2;\n\t\t\tstart = start < 1 ? 1 : start;\n\t\t}\n\n\t\tif (start <= 1) {\n\t\t\tstart = 1;\n\t\t\tend = Math.min(range * 2 + 1, totalPages);\n\t\t}\n\n\t\tconst set = [];\n\n\t\tconst previous = {\n\t\t\ttype: 'previous',\n\t\t\tvalue: (\n\t\t\t\t<p-icon\n\t\t\t\t\tvariant='caret'\n\t\t\t\t\trotate={90}\n\t\t\t\t/>\n\t\t\t),\n\t\t};\n\n\t\tconst next = {\n\t\t\ttype: 'next',\n\t\t\tvalue: (\n\t\t\t\t<p-icon\n\t\t\t\t\tvariant='caret'\n\t\t\t\t\trotate={-90}\n\t\t\t\t/>\n\t\t\t),\n\t\t};\n\n\t\t// Disable page range, display all the pages\n\t\tif (range === null) {\n\t\t\tconst p = this._pages.map(p => ({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: p,\n\t\t\t}));\n\n\t\t\treturn enableBoundaries ? [previous, ...p, next] : p;\n\t\t}\n\n\t\tif (enableBoundaries) {\n\t\t\tset.push(previous);\n\t\t}\n\n\t\tif (start <= 3) {\n\t\t\tfor (let i = 1; i < start; i++) {\n\t\t\t\tset.push({\n\t\t\t\t\ttype: 'page',\n\t\t\t\t\tvalue: this._pages[i - 1],\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tset.push({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: 1,\n\t\t\t});\n\n\t\t\tset.push({\n\t\t\t\ttype: 'ellipsis',\n\t\t\t\tvalue: 'ellipsis',\n\t\t\t});\n\t\t}\n\n\t\tfor (let i = start; i <= end; i++) {\n\t\t\tset.push({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: this._pages[i - 1],\n\t\t\t});\n\t\t}\n\n\t\tif (end >= totalPages - 2) {\n\t\t\tfor (let i = end + 1; i <= totalPages; i++) {\n\t\t\t\tset.push({\n\t\t\t\t\ttype: 'page',\n\t\t\t\t\tvalue: this._pages[i - 1],\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tset.push({\n\t\t\t\ttype: 'ellipsis',\n\t\t\t});\n\n\t\t\tset.push({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: this._pages[this._pages.length - 1],\n\t\t\t});\n\t\t}\n\n\t\tif (enableBoundaries) {\n\t\t\tset.push(next);\n\t\t}\n\n\t\treturn set;\n\t};\n}\n",":host {\n\t@apply h-8 w-8;\n\t@apply flex justify-center items-center;\n\t@apply font-semibold text-storm-medium text-sm;\n\t@apply rounded;\n\t@apply cursor-pointer;\n}\n\n:host(:hover),\n:host(:focus) {\n\t@apply text-storm;\n}\n\n:host(.active) {\n\t@apply text-indigo bg-indigo-light;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-pagination-item',\n\tstyleUrl: 'pagination-item.component.scss',\n\tshadow: true,\n})\nexport class PaginationItem {\n\t/**\n\t * Wether the pagination item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-pagination-item ${this.active && 'active'}`}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/build/p-62843ca0.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,g as o,h as i,H as a}from"./p-45ded510.js";const r=".absolute{position:absolute!important}.relative{position:relative!important}.right-2{right:.5rem!important}.top-2{top:.5rem!important}.flex{display:flex!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.whitespace-pre-line{white-space:pre-line!important}.rounded-lg{border-radius:.5rem!important}.bg-indigo-light{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1));border-radius:.5rem;display:flex;flex-direction:column;padding:1rem;position:relative;width:100%}:host .header{--tw-text-opacity:1;color:rgb(39 40 56/var(--tw-text-opacity,1));font-weight:600}:host .content{font-size:.875rem;line-height:1.25rem;white-space:pre-line}:host .close{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity,1));cursor:pointer;position:absolute;right:.5rem;top:.5rem}:host(.variant-positive){--tw-bg-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity,1))}:host(.variant-unbiased){--tw-bg-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity,1))}:host(.variant-negative){--tw-bg-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity,1))}:host(.has-close){padding-right:2rem}.static{position:static!important}";const s=r;const n=class{constructor(o){t(this,o);this.closed=e(this,"closed",3);this.variant="info";this.header=undefined;this.content=undefined;this.closeable=false}closed;get _el(){return o(this)}render(){return i(a,{key:"06e687cc27ed5e2711653bf3bbb144736d240cec",class:`p-info-panel variant-${this.variant} ${this.closeable&&"has-close"}`},i("div",{key:"e9f32e052c6d2afb81afb895815dcbbaaf1837cd",class:"header"},i("slot",{key:"005d9db44eb1b6792a16276e17307a0f803b7721",name:"header"})),i("div",{key:"8ac2a1aa5250c1b6a07d85ee387a3967a9cd9b14",class:"content"},i("slot",{key:"5dbc41b6f56815b5c1d0997b52880a580ab1d054",name:"content"})),this.closeable&&i("div",{key:"fe63a4dbe2ca2ad4effad83fd7aceb96b1c2eb46",class:"close",onClick:()=>this._close()},i("p-icon",{key:"d248d67e00e7189a643f49120df2de57dd57ad16",variant:"negative"})))}_close(){this.closed.emit();this._el.remove()}};n.style=s;export{n as p_info_panel};
+//# sourceMappingURL=p-62843ca0.entry.js.map

package/dist/build/p-62843ca0.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["infoPanelComponentCss","PInfoPanelStyle0","InfoPanel","closed","render","h","Host","key","class","this","variant","closeable","name","onClick","_close","emit","_el","remove"],"sources":["src/components/atoms/info-panel/info-panel.component.scss?tag=p-info-panel&encapsulation=shadow","src/components/atoms/info-panel/info-panel.component.tsx"],"sourcesContent":[":host {\n\t@apply relative flex w-full flex-col rounded-lg bg-indigo-light p-4;\n\n\t.header {\n\t\t@apply font-semibold text-storm-dark;\n\t}\n\n\t.content {\n\t\t@apply whitespace-pre-line text-sm;\n\t}\n\n\t.close {\n\t\t@apply absolute right-2 top-2 cursor-pointer text-storm-vague;\n\t}\n}\n\n:host(.variant-positive) {\n\t@apply bg-positive-light;\n}\n\n:host(.variant-unbiased) {\n\t@apply bg-unbiased-light;\n}\n\n:host(.variant-negative) {\n\t@apply bg-negative-light;\n}\n\n:host(.has-close) {\n\t@apply pr-8;\n}\n","import {\n\tComponent,\n\tElement,\n\th,\n\tHost,\n\tProp,\n\tEvent,\n\tEventEmitter,\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-info-panel',\n\tstyleUrl: 'info-panel.component.scss',\n\tshadow: true,\n})\nexport class InfoPanel {\n\t/**\n\t * The variant of the info panel\n\t */\n\t@Prop() variant: 'info' | 'negative' | 'positive' | 'unbiased' = 'info';\n\n\t/**\n\t * The header of the info panel\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * The content of the info panel\n\t */\n\t@Prop() content: string;\n\n\t/**\n\t * Wether the panel can be closed\n\t */\n\t@Prop() closeable: boolean = false;\n\n\t/**\n\t * When the backdrop is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<void>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-info-panel variant-${this.variant} ${\n\t\t\t\t\tthis.closeable && 'has-close'\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t<div class='header'>\n\t\t\t\t\t<slot name='header' />\n\t\t\t\t</div>\n\t\t\t\t<div class='content'>\n\t\t\t\t\t<slot name='content' />\n\t\t\t\t</div>\n\n\t\t\t\t{this.closeable && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass='close'\n\t\t\t\t\t\tonClick={() => this._close()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-icon variant='negative' />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _close() {\n\t\tthis.closed.emit();\n\t\tthis._el.remove();\n\t}\n}\n"],"mappings":"gEAAA,MAAMA,EAAwB,23CAC9B,MAAAC,EAAeD,E,MCcFE,EAAS,M,qEAI4C,O,4DAepC,K,CAQ7BC,O,yBAOA,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CACJC,MAAO,wBAAwBC,KAAKC,WACnCD,KAAKE,WAAa,eAGnBN,EAAA,OAAAE,IAAA,2CAAKC,MAAM,UACVH,EAAA,QAAAE,IAAA,2CAAMK,KAAK,YAEZP,EAAA,OAAAE,IAAA,2CAAKC,MAAM,WACVH,EAAA,QAAAE,IAAA,2CAAMK,KAAK,aAGXH,KAAKE,WACLN,EAAA,OAAAE,IAAA,2CACCC,MAAM,QACNK,QAAS,IAAMJ,KAAKK,UAEpBT,EAAA,UAAAE,IAAA,2CAAQG,QAAQ,c,CAOb,MAAAI,GACPL,KAAKN,OAAOY,OACZN,KAAKO,IAAIC,Q","ignoreList":[]}

package/dist/build/p-62b14ab7.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as r}from"./p-45ded510.js";const i=".px-4{padding-left:1rem!important;padding-right:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}*{box-sizing:border-box}p-card-body{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity,1));font-size:.875rem;line-height:1.25rem;padding:1.5rem 1rem}p-card-body[inherit-text]{color:inherit!important;font-size:inherit!important;font-weight:inherit!important}.static{position:static!important}";const o=i;const a=class{constructor(e){t(this,e);this.inheritText=false}render(){return e(r,{key:"a1b19eb9e9c561f008ca22644c76857f2affe713",class:"p-card-body"},e("slot",{key:"11fe31dce2fc2e01bf0ec6d6829a8717309c8341"}))}};a.style=o;export{a as p_card_body};
+//# sourceMappingURL=p-62b14ab7.entry.js.map

package/dist/build/p-62b14ab7.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cardBodyComponentCss","PCardBodyStyle0","CardBody","render","h","Host","key","class"],"sources":["src/components/atoms/card-body/card-body.component.scss?tag=p-card-body","src/components/atoms/card-body/card-body.component.tsx"],"sourcesContent":["p-card-body {\n\t@apply px-4 py-6;\n\t@apply text-sm text-storm-vague;\n\n\t&[inherit-text] {\n\t\tcolor: inherit #{!important};\n\t\tfont-size: inherit #{!important};\n\t\tfont-weight: inherit #{!important};\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-card-body',\n\tstyleUrl: 'card-body.component.scss',\n})\nexport class CardBody {\n\t/**\n\t * Wether the button should inherit text styles\n\t */\n\t@Prop({ reflect: true }) inheritText: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-card-body\">\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"kDAAA,MAAMA,EAAuB,qbAC7B,MAAAC,EAAeD,E,MCKFE,EAAQ,M,0CAI4B,K,CAEhD,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,eACXH,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/build/p-638d2138.entry.js

@@ -0,0 +1,2 @@
+import{r as t,g as e,h as o,H as r}from"./p-45ded510.js";const i='.mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.my-0{margin-bottom:0!important;margin-top:0!important}.my-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.block{display:block!important}.flex{display:flex!important}.h-full{height:100%!important}.h-px{height:1px!important}.w-auto{width:auto!important}.w-full{width:100%!important}.w-px{width:1px!important}.flex-1{flex:1 1 0%!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;color:rgb(227 236 243/var(--tw-text-opacity,1));display:block;margin-bottom:.5rem;margin-top:.5rem;width:100%}:host .content{align-items:center;display:flex;width:100%}:host .content:after,:host .content:before{background-color:currentColor;content:"";flex:1 1 0%;height:1px}:host([variant=vertical]){display:block;height:100%;margin:0 .5rem;width:auto}:host([variant=vertical]) .content{flex-direction:column;height:100%;width:auto}:host([variant=vertical]) .content:after,:host([variant=vertical]) .content:before{background-color:currentColor;content:"";flex:1 1 0%;width:1px}.static{position:static!important}.items-center{align-items:center!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}.text-storm-light{--tw-text-opacity:1!important;color:rgb(176 178 203/var(--tw-text-opacity,1))!important}';const a=i;const n=class{constructor(e){t(this,e);this.variant="horizontal"}get _el(){return e(this)}render(){const t=!!this._el.innerHTML?.length;return o(r,{key:"4e7e3f76c4d8cd9c5752bfb514917368aaf479bc",class:"p-divider"},o("div",{key:"e8b94342c6c8c2f0c52a7ddd7bf49e091e2b2f0d",class:"content"},o("div",{key:"2b11bd0b9414b9b5884df6ba113ffed60eeccf1d",class:`flex items-center ${t&&"px-2"} text-xs font-semibold uppercase text-storm-light`},o("slot",{key:"9eb43ae5fc38830a274721c4e29bed49e6da7e0a"}))))}};n.style=a;export{n as p_divider};
+//# sourceMappingURL=p-638d2138.entry.js.map

package/dist/build/p-638d2138.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dividerComponentCss","PDividerStyle0","Divider","render","hasSlotted","this","_el","innerHTML","length","h","Host","key","class"],"sources":["src/components/atoms/divider/divider.component.scss?tag=p-divider&encapsulation=shadow","src/components/atoms/divider/divider.component.tsx"],"sourcesContent":[":host {\n\t@apply my-2 block w-full text-mystic-medium;\n\n\t.content {\n\t\t@apply flex w-full items-center;\n\n\t\t&::before,\n\t\t&::after {\n\t\t\tcontent: '';\n\t\t\t@apply h-px flex-1 bg-current;\n\t\t}\n\t}\n}\n\n:host([variant='vertical']) {\n\t@apply mx-2 my-0 block h-full w-auto;\n\n\t.content {\n\t\t@apply h-full w-auto flex-col;\n\n\t\t&::before,\n\t\t&::after {\n\t\t\tcontent: '';\n\t\t\t@apply w-px flex-1 bg-current;\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-divider',\n\tstyleUrl: 'divider.component.scss',\n\tshadow: true,\n})\nexport class Divider {\n\t/**\n\t * The variant of the modal body\n\t */\n\t@Prop({ reflect: true }) variant: 'horizontal' | 'vertical' = 'horizontal';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\trender() {\n\t\tconst hasSlotted = !!this._el.innerHTML?.length;\n\t\treturn (\n\t\t\t<Host class='p-divider'>\n\t\t\t\t<div class='content'>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={`flex items-center ${\n\t\t\t\t\t\t\thasSlotted && 'px-2'\n\t\t\t\t\t\t} text-xs font-semibold uppercase text-storm-light`}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"yDAAA,MAAMA,EAAsB,k6CAC5B,MAAAC,EAAeD,E,MCMFE,EAAO,M,sCAI2C,Y,0BAO9D,MAAAC,GACC,MAAMC,IAAeC,KAAKC,IAAIC,WAAWC,OACzC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,aACXH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,WACVH,EAAA,OAAAE,IAAA,2CACCC,MAAO,qBACNR,GAAc,2DAGfK,EAAA,QAAAE,IAAA,+C","ignoreList":[]}

package/dist/build/p-68647b9e.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as o,h as r,H as e}from"./p-45ded510.js";const i=".flex{display:flex!important}.w-full{width:100%!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded{border-radius:.25rem!important}.border-l-4{border-left-width:4px!important}.border-solid{border-style:solid!important}.border-l-negative{--tw-border-opacity:1!important;border-left-color:rgb(185 30 40/var(--tw-border-opacity,1))!important}.border-l-positive{--tw-border-opacity:1!important;border-left-color:rgb(40 209 124/var(--tw-border-opacity,1))!important}.border-l-unbiased{--tw-border-opacity:1!important;border-left-color:rgb(255 199 45/var(--tw-border-opacity,1))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.p-4{padding:1rem!important}.shadow-3{--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-left-width:4px!important;border-radius:.25rem;border-style:solid!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;box-sizing:border-box;display:flex;gap:.5rem;justify-content:space-between;padding:1rem 1rem 1rem 1.25rem;width:100%}:host p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.variant-positive){--tw-border-opacity:1!important;border-left-color:rgb(40 209 124/var(--tw-border-opacity,1))!important}:host(.variant-unbiased){--tw-border-opacity:1!important;border-left-color:rgb(255 199 45/var(--tw-border-opacity,1))!important}:host(.variant-negative){--tw-border-opacity:1!important;border-left-color:rgb(185 30 40/var(--tw-border-opacity,1))!important}.static{position:static!important}.min-w-0{min-width:0!important}.flex-shrink-0{flex-shrink:0!important}.flex-col{flex-direction:column!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-storm{--tw-text-opacity:1!important;color:rgb(81 83 107/var(--tw-text-opacity,1))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity,1))!important}";const a=i;const n=class{constructor(r){t(this,r);this.action=o(this,"action",3);this.variant="positive";this.header=undefined;this.content=undefined;this.enableAction=true;this.actionIcon="negative";this.actionIconFlip=undefined;this.actionIconRotate=undefined}action;render(){return r(e,{key:"3b395df421e00c30e6327c2fd441eb28529e1284",class:`p-toast variant-${this.variant}`,onClick:()=>this._onClick()},r("div",{key:"462c79c5f7f601efefdbd62816c7e530a9962256",class:"flex w-full min-w-0 flex-col"},r("p",{key:"6d3164bcbb24221af015c96c3348a65a379633e9",class:"font-semibold text-storm"},this.header?.length?this.header:r("slot",{name:"header"})),r("p",{key:"803017ee064e98e746f9f98979694ea19aed17af",class:"w-full text-sm text-storm-medium"},this.content?.length?this.content:r("slot",{name:"content"}))),this.enableAction&&r("p-button",{key:"cf478aa9b216e6091c5bf073af57110fe94b14e1",variant:"secondary",iconOnly:true,size:"sm",icon:this.actionIcon,iconFlip:this.actionIconFlip,iconRotate:this.actionIconRotate,class:"flex-shrink-0"}))}_onClick(){if(this.enableAction){this.action.emit()}}};n.style=a;export{n as p_toast};
+//# sourceMappingURL=p-68647b9e.entry.js.map

package/dist/build/p-68647b9e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["toastComponentCss","PToastStyle0","Toast","action","render","h","Host","key","class","this","variant","onClick","_onClick","header","length","name","content","enableAction","iconOnly","size","icon","actionIcon","iconFlip","actionIconFlip","iconRotate","actionIconRotate","emit"],"sources":["src/components/molecules/toast/toast.component.scss?tag=p-toast&encapsulation=shadow","src/components/molecules/toast/toast.component.tsx"],"sourcesContent":[":host {\n\t@apply flex justify-between items-center gap-2;\n\t@apply w-full p-4 pl-5;\n\t@apply bg-white rounded box-border;\n\t@apply shadow-3 #{!important};\n\t@apply border-l-4 border-solid #{!important};\n\n\tp {\n\t\t@apply m-0;\n\t\t@apply overflow-hidden text-ellipsis whitespace-nowrap;\n\t}\n}\n\n:host(.variant-positive) {\n\t@apply border-l-positive  #{!important};\n}\n\n:host(.variant-unbiased) {\n\t@apply border-l-unbiased  #{!important};\n}\n\n:host(.variant-negative) {\n\t@apply border-l-negative  #{!important};\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../types';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\n\n@Component({\n\ttag: 'p-toast',\n\tstyleUrl: 'toast.component.scss',\n\tshadow: true,\n})\nexport class Toast {\n\t/**\n\t * The variant of the toast\n\t */\n\t@Prop() variant: 'positive' | 'unbiased' | 'negative' = 'positive';\n\n\t/**\n\t * The header of the toast\n\t */\n\t@Prop() header?: string;\n\n\t/**\n\t * The content of the toast\n\t */\n\t@Prop() content?: string;\n\n\t/**\n\t * Wether to enable the close button\n\t */\n\t@Prop() enableAction: boolean = true;\n\n\t/**\n\t * Icon to show on the button\n\t */\n\t@Prop() actionIcon: IconVariant = 'negative';\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() actionIconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() actionIconRotate: RotateOptions;\n\n\t/**\n\t * Button click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\taction: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-toast variant-${this.variant}`}\n\t\t\t\tonClick={() => this._onClick()}\n\t\t\t>\n\t\t\t\t<div class='flex w-full min-w-0 flex-col'>\n\t\t\t\t\t<p class='font-semibold text-storm'>\n\t\t\t\t\t\t{this.header?.length ? this.header : <slot name='header' />}\n\t\t\t\t\t</p>\n\t\t\t\t\t<p class='w-full text-sm text-storm-medium'>\n\t\t\t\t\t\t{this.content?.length ? this.content : <slot name='content' />}\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\n\t\t\t\t{this.enableAction && (\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\ticonOnly\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\ticon={this.actionIcon}\n\t\t\t\t\t\ticonFlip={this.actionIconFlip}\n\t\t\t\t\t\ticonRotate={this.actionIconRotate}\n\t\t\t\t\t\tclass='flex-shrink-0'\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _onClick() {\n\t\tif (this.enableAction) {\n\t\t\tthis.action.emit();\n\t\t}\n\t}\n}\n"],"mappings":"yDAAA,MAAMA,EAAoB,mvFAC1B,MAAAC,EAAeD,E,MCQFE,EAAK,M,qEAIuC,W,+DAexB,K,gBAKE,W,8DAkBlCC,OAEA,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CACJC,MAAO,mBAAmBC,KAAKC,UAC/BC,QAAS,IAAMF,KAAKG,YAEpBP,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gCACVH,EAAA,KAAAE,IAAA,2CAAGC,MAAM,4BACPC,KAAKI,QAAQC,OAASL,KAAKI,OAASR,EAAA,QAAMU,KAAK,YAEjDV,EAAA,KAAAE,IAAA,2CAAGC,MAAM,oCACPC,KAAKO,SAASF,OAASL,KAAKO,QAAUX,EAAA,QAAMU,KAAK,cAInDN,KAAKQ,cACLZ,EAAA,YAAAE,IAAA,2CACCG,QAAQ,YACRQ,SAAQ,KACRC,KAAK,KACLC,KAAMX,KAAKY,WACXC,SAAUb,KAAKc,eACfC,WAAYf,KAAKgB,iBACjBjB,MAAM,kB,CAOH,QAAAI,GACP,GAAIH,KAAKQ,aAAc,CACtBR,KAAKN,OAAOuB,M","ignoreList":[]}

package/dist/build/p-68ae68c8.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t,H as a}from"./p-45ded510.js";const i=".fixed{position:fixed!important}.z-\\[600\\]{z-index:600!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.gap-4{gap:1rem!important}*{box-sizing:border-box}:host{display:flex;flex-direction:column;gap:1rem;max-width:calc(100% - env(safe-area-inset-left, 0) - env(safe-area-inset-right, 0) - 2rem);position:fixed;width:calc(100% - env(safe-area-inset-left, 0) - env(safe-area-inset-right, 0) - 2rem);z-index:700;z-index:600}@media (min-width:40rem){:host{max-width:26.5rem}}:host(.placement-top-start){left:calc(env(safe-area-inset-left, 0) + 1rem);top:calc(env(safe-area-inset-top, 0) + 1rem)}:host(.placement-top-end){right:calc(env(safe-area-inset-right, 0) + 1rem);top:calc(env(safe-area-inset-top, 0) + 1rem)}:host(.placement-bottom-start){bottom:calc(env(safe-area-inset-bottom, 0) + 1rem);left:calc(env(safe-area-inset-left, 0) + 1rem)}:host(.placement-bottom-end){bottom:calc(env(safe-area-inset-bottom, 0) + 1rem);right:calc(env(safe-area-inset-right, 0) + 1rem)}@media (min-width:40rem){.tablet\\:max-w-\\[26\\.5rem\\]{max-width:26.5rem!important}}.static{position:static!important}";const n=i;const r=class{constructor(t){e(this,t);this.placement="top-end"}render(){return t(a,{key:"7ca829b625cb054e8d78fefdf89ecb42fc0b16e1",class:`p-toast-container placement-${this.placement}`},t("slot",{key:"8f2bbca37514fbb8db6e60e24c96e32320ebee8d"}))}};r.style=n;export{r as p_toast_container};
+//# sourceMappingURL=p-68ae68c8.entry.js.map

package/dist/build/p-68ae68c8.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["toastContainerComponentCss","PToastContainerStyle0","ToastContainer","render","h","Host","key","class","this","placement"],"sources":["src/components/atoms/toast-container/toast-container.component.scss?tag=p-toast-container&encapsulation=shadow","src/components/atoms/toast-container/toast-container.component.tsx"],"sourcesContent":[":host {\n\t@apply fixed flex flex-col gap-4 z-toast;\n\t@apply tablet:max-w-[26.5rem];\n\t@apply z-[600];\n\n\twidth: calc(\n\t\t100% -\n\t\t\t(\n\t\t\t\tenv(safe-area-inset-left, 0) + env(safe-area-inset-right, 0) +\n\t\t\t\t\t2rem\n\t\t\t)\n\t);\n\tmax-width: calc(\n\t\t100% -\n\t\t\t(\n\t\t\t\tenv(safe-area-inset-left, 0) + env(safe-area-inset-right, 0) +\n\t\t\t\t\t2rem\n\t\t\t)\n\t);\n}\n\n:host(.placement-top-start) {\n\ttop: calc(env(safe-area-inset-top, 0) + 1rem);\n\tleft: calc(env(safe-area-inset-left, 0) + 1rem);\n}\n\n:host(.placement-top-end) {\n\ttop: calc(env(safe-area-inset-top, 0) + 1rem);\n\tright: calc(env(safe-area-inset-right, 0) + 1rem);\n}\n\n:host(.placement-bottom-start) {\n\tbottom: calc(env(safe-area-inset-bottom, 0) + 1rem);\n\tleft: calc(env(safe-area-inset-left, 0) + 1rem);\n}\n\n:host(.placement-bottom-end) {\n\tbottom: calc(env(safe-area-inset-bottom, 0) + 1rem);\n\tright: calc(env(safe-area-inset-right, 0) + 1rem);\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-toast-container',\n\tstyleUrl: 'toast-container.component.scss',\n\tshadow: true,\n})\nexport class ToastContainer {\n\t/**\n\t * The placement of the container\n\t */\n\t@Prop() placement: 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' =\n\t\t'top-end';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-toast-container placement-${this.placement}`}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"kDAAA,MAAMA,EAA6B,smCACnC,MAAAC,EAAeD,E,MCMFE,EAAc,M,wCAKzB,S,CAED,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,+BAA+BC,KAAKC,aAChDL,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/build/p-6f3a4499.entry.js

@@ -0,0 +1,3 @@
+import{r as t,c as s,h as i,H as e}from"./p-45ded510.js";import{c as n}from"./p-8a1a6e56.js";const h=typeof window!=="undefined"&&typeof window.document!=="undefined";const o=h?window:{};const r=h?"ontouchstart"in o.document.documentElement:false;const a=h?"PointerEvent"in o:false;const c="cropper";const l=`${c}-canvas`;const f=`${c}-crosshair`;const u=`${c}-grid`;const d=`${c}-handle`;const p=`${c}-image`;const b=`${c}-selection`;const m=`${c}-shade`;const g=`${c}-viewer`;const w="select";const v="move";const $="scale";const k="rotate";const y="transform";const x="none";const z="n-resize";const M="e-resize";const C="s-resize";const A="w-resize";const j="ne-resize";const O="nw-resize";const S="se-resize";const T="sw-resize";const E="action";const I=r?"touchend touchcancel":"mouseup";const N=r?"touchmove":"mousemove";const R=r?"touchstart":"mousedown";const X=a?"pointerdown":R;const Y=a?"pointermove":N;const _=a?"pointerup pointercancel":I;const P="error";const W="keydown";const D="load";const L="wheel";const H="action";const U="actionend";const B="actionmove";const F="actionstart";const K="change";const Z="transform";function q(t){return typeof t==="string"}const G=Number.isNaN||o.isNaN;function J(t){return typeof t==="number"&&!G(t)}function Q(t){return J(t)&&t>0&&t<Infinity}function V(t){return typeof t==="undefined"}function tt(t){return typeof t==="object"&&t!==null}const{hasOwnProperty:st}=Object.prototype;function it(t){if(!tt(t)){return false}try{const{constructor:s}=t;const{prototype:i}=s;return s&&i&&st.call(i,"isPrototypeOf")}catch(t){return false}}function et(t){return typeof t==="function"}function nt(t){return typeof t==="object"&&t!==null&&t.nodeType===1}const ht=/([a-z\d])([A-Z])/g;function ot(t){return String(t).replace(ht,"$1-$2").toLowerCase()}const rt=/-[A-z\d]/g;function at(t){return t.replace(rt,(t=>t.slice(1).toUpperCase()))}const ct=/\s\s*/;function lt(t,s,i,e){s.trim().split(ct).forEach((s=>{t.removeEventListener(s,i,e)}))}function ft(t,s,i,e){s.trim().split(ct).forEach((s=>{t.addEventListener(s,i,e)}))}function ut(t,s,i,e){ft(t,s,i,Object.assign(Object.assign({},e),{once:true}))}const dt={bubbles:true,cancelable:true,composed:true};function pt(t,s,i,e){return t.dispatchEvent(new CustomEvent(s,Object.assign(Object.assign(Object.assign({},dt),{detail:i}),e)))}const bt=Promise.resolve();function mt(t,s){return s?bt.then(t?s.bind(t):s):bt}function gt(t){const{documentElement:s}=t.ownerDocument;const i=t.getBoundingClientRect();return{left:i.left+(o.pageXOffset-s.clientLeft),top:i.top+(o.pageYOffset-s.clientTop)}}const wt=/deg|g?rad|turn$/i;function vt(t){const s=parseFloat(t)||0;if(s!==0){const[i="rad"]=String(t).match(wt)||[];switch(i.toLowerCase()){case"deg":return s/360*(Math.PI*2);case"grad":return s/400*(Math.PI*2);case"turn":return s*(Math.PI*2)}}return s}const $t="contain";const kt="cover";function yt(t,s=$t){const{aspectRatio:i}=t;let{width:e,height:n}=t;const h=Q(e);const o=Q(n);if(h&&o){const t=n*i;if(s===$t&&t>e||s===kt&&t<e){n=e/i}else{e=n*i}}else if(h){n=e/i}else if(o){e=n*i}return{width:e,height:n}}function xt(t,...s){if(s.length===0){return t}const[i,e,n,h,o,r]=t;const[a,c,l,f,u,d]=s[0];t=[i*a+n*c,e*a+h*c,i*l+n*f,e*l+h*f,i*u+n*d+o,e*u+h*d+r];return xt(t,...s.slice(1))}var zt=`:host([hidden]){display:none!important}`;const Mt=/left|top|width|height/i;const Ct="open";const At=new WeakMap;const jt=new WeakMap;const Ot=new Map;const St=o.document&&Array.isArray(o.document.adoptedStyleSheets)&&"replaceSync"in o.CSSStyleSheet.prototype;class Tt extends HTMLElement{get $sharedStyle(){return`${this.themeColor?`:host{--theme-color: ${this.themeColor};}`:""}${zt}`}constructor(){var t,s;super();this.shadowRootMode=Ct;this.slottable=true;const i=(s=(t=Object.getPrototypeOf(this))===null||t===void 0?void 0:t.constructor)===null||s===void 0?void 0:s.$name;if(i){Ot.set(i,this.tagName.toLowerCase())}}static get observedAttributes(){return["shadow-root-mode","slottable","theme-color"]}attributeChangedCallback(t,s,i){if(Object.is(i,s)){return}const e=at(t);const n=this[e];let h=i;switch(typeof n){case"boolean":h=i!==null&&i!=="false";break;case"number":h=Number(i);break}this[e]=h;switch(t){case"theme-color":{const t=jt.get(this);const s=this.$sharedStyle;if(t&&s){if(St){t.replaceSync(s)}else{t.textContent=s}}break}}}$propertyChangedCallback(t,s,i){if(Object.is(i,s)){return}t=ot(t);switch(typeof i){case"boolean":if(i===true){if(!this.hasAttribute(t)){this.setAttribute(t,"")}}else{this.removeAttribute(t)}break;case"number":if(G(i)){i=""}else{i=String(i)}default:if(i){if(this.getAttribute(t)!==i){this.setAttribute(t,i)}}else{this.removeAttribute(t)}}}connectedCallback(){Object.getPrototypeOf(this).constructor.observedAttributes.forEach((t=>{const s=at(t);let i=this[s];if(!V(i)){this.$propertyChangedCallback(s,undefined,i)}Object.defineProperty(this,s,{enumerable:true,configurable:true,get(){return i},set(t){const e=i;i=t;this.$propertyChangedCallback(s,e,t)}})}));const t=this.attachShadow({mode:this.shadowRootMode||Ct});if(!this.shadowRoot){At.set(this,t)}jt.set(this,this.$addStyles(this.$sharedStyle));if(this.$style){this.$addStyles(this.$style)}if(this.$template){const s=document.createElement("template");s.innerHTML=this.$template;t.appendChild(s.content)}if(this.slottable){const s=document.createElement("slot");t.appendChild(s)}}disconnectedCallback(){if(jt.has(this)){jt.delete(this)}if(At.has(this)){At.delete(this)}}$getTagNameOf(t){var s;return(s=Ot.get(t))!==null&&s!==void 0?s:t}$setStyles(t){Object.keys(t).forEach((s=>{let i=t[s];if(J(i)){if(i!==0&&Mt.test(s)){i=`${i}px`}else{i=String(i)}}this.style[s]=i}));return this}$getShadowRoot(){return this.shadowRoot||At.get(this)}$addStyles(t){let s;const i=this.$getShadowRoot();if(St){s=new CSSStyleSheet;s.replaceSync(t);i.adoptedStyleSheets=i.adoptedStyleSheets.concat(s)}else{s=document.createElement("style");s.textContent=t;i.appendChild(s)}return s}$emit(t,s,i){return pt(this,t,s,i)}$nextTick(t){return mt(this,t)}static $define(t,s){if(tt(t)){s=t;t=""}if(!t){t=this.$name||this.name}t=ot(t);if(h&&o.customElements&&!o.customElements.get(t)){customElements.define(t,this,s)}}}Tt.$version="2.0.0";var Et=`:host{display:block;min-height:100px;min-width:200px;overflow:hidden;position:relative;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host([background]){background-color:#fff;background-image:repeating-linear-gradient(45deg,#ccc 25%,transparent 0,transparent 75%,#ccc 0,#ccc),repeating-linear-gradient(45deg,#ccc 25%,transparent 0,transparent 75%,#ccc 0,#ccc);background-image:repeating-conic-gradient(#ccc 0 25%,#fff 0 50%);background-position:0 0,.5rem .5rem;background-size:1rem 1rem}:host([disabled]){pointer-events:none}:host([disabled]):after{bottom:0;content:"";cursor:not-allowed;display:block;left:0;pointer-events:none;position:absolute;right:0;top:0}`;class It extends Tt{constructor(){super(...arguments);this.$onPointerDown=null;this.$onPointerMove=null;this.$onPointerUp=null;this.$onWheel=null;this.$wheeling=false;this.$pointers=new Map;this.$style=Et;this.$action=x;this.background=false;this.disabled=false;this.scaleStep=.1;this.themeColor="#39f"}static get observedAttributes(){return super.observedAttributes.concat(["background","disabled","scale-step"])}connectedCallback(){super.connectedCallback();if(!this.disabled){this.$bind()}}disconnectedCallback(){if(!this.disabled){this.$unbind()}super.disconnectedCallback()}$propertyChangedCallback(t,s,i){if(Object.is(i,s)){return}super.$propertyChangedCallback(t,s,i);switch(t){case"disabled":if(i){this.$unbind()}else{this.$bind()}break}}$bind(){if(!this.$onPointerDown){this.$onPointerDown=this.$handlePointerDown.bind(this);ft(this,X,this.$onPointerDown)}if(!this.$onPointerMove){this.$onPointerMove=this.$handlePointerMove.bind(this);ft(this.ownerDocument,Y,this.$onPointerMove)}if(!this.$onPointerUp){this.$onPointerUp=this.$handlePointerUp.bind(this);ft(this.ownerDocument,_,this.$onPointerUp)}if(!this.$onWheel){this.$onWheel=this.$handleWheel.bind(this);ft(this,L,this.$onWheel,{passive:false,capture:true})}}$unbind(){if(this.$onPointerDown){lt(this,X,this.$onPointerDown);this.$onPointerDown=null}if(this.$onPointerMove){lt(this.ownerDocument,Y,this.$onPointerMove);this.$onPointerMove=null}if(this.$onPointerUp){lt(this.ownerDocument,_,this.$onPointerUp);this.$onPointerUp=null}if(this.$onWheel){lt(this,L,this.$onWheel,{capture:true});this.$onWheel=null}}$handlePointerDown(t){const{buttons:s,button:i,type:e}=t;if(this.disabled||(e==="pointerdown"&&t.pointerType==="mouse"||e==="mousedown")&&(J(s)&&s!==1||J(i)&&i!==0||t.ctrlKey)){return}const{$pointers:n}=this;let h="";if(t.changedTouches){Array.from(t.changedTouches).forEach((({identifier:t,pageX:s,pageY:i})=>{n.set(t,{startX:s,startY:i,endX:s,endY:i})}))}else{const{pointerId:s=0,pageX:i,pageY:e}=t;n.set(s,{startX:i,startY:e,endX:i,endY:e})}if(n.size>1){h=y}else if(nt(t.target)){h=t.target.action||t.target.getAttribute(E)||""}if(this.$emit(F,{action:h,relatedEvent:t})===false){return}t.preventDefault();this.$action=h;this.style.willChange="transform"}$handlePointerMove(t){const{$action:s,$pointers:i}=this;if(this.disabled||s===x||i.size===0){return}if(this.$emit(B,{action:s,relatedEvent:t})===false){return}t.preventDefault();if(t.changedTouches){Array.from(t.changedTouches).forEach((({identifier:t,pageX:s,pageY:e})=>{const n=i.get(t);if(n){Object.assign(n,{endX:s,endY:e})}}))}else{const{pointerId:s=0,pageX:e,pageY:n}=t;const h=i.get(s);if(h){Object.assign(h,{endX:e,endY:n})}}const e={action:s,relatedEvent:t};if(s===y){const s=new Map(i);let n=0;let h=0;let o=0;let r=0;let a=t.pageX;let c=t.pageY;i.forEach(((t,i)=>{s.delete(i);s.forEach((s=>{let i=s.startX-t.startX;let e=s.startY-t.startY;let l=s.endX-t.endX;let f=s.endY-t.endY;let u=0;let d=0;let p=0;let b=0;if(i===0){if(e<0){p=Math.PI*2}else if(e>0){p=Math.PI}}else if(i>0){p=Math.PI/2+Math.atan(e/i)}else if(i<0){p=Math.PI*1.5+Math.atan(e/i)}if(l===0){if(f<0){b=Math.PI*2}else if(f>0){b=Math.PI}}else if(l>0){b=Math.PI/2+Math.atan(f/l)}else if(l<0){b=Math.PI*1.5+Math.atan(f/l)}if(b>0||p>0){const i=b-p;const e=Math.abs(i);if(e>n){n=e;o=i;a=(t.startX+s.startX)/2;c=(t.startY+s.startY)/2}}i=Math.abs(i);e=Math.abs(e);l=Math.abs(l);f=Math.abs(f);if(i>0&&e>0){u=Math.sqrt(i*i+e*e)}else if(i>0){u=i}else if(e>0){u=e}if(l>0&&f>0){d=Math.sqrt(l*l+f*f)}else if(l>0){d=l}else if(f>0){d=f}if(u>0&&d>0){const i=(d-u)/u;const e=Math.abs(i);if(e>h){h=e;r=i;a=(t.startX+s.startX)/2;c=(t.startY+s.startY)/2}}}))}));const l=n>0;const f=h>0;if(l&&f){e.rotate=o;e.scale=r;e.centerX=a;e.centerY=c}else if(l){e.action=k;e.rotate=o;e.centerX=a;e.centerY=c}else if(f){e.action=$;e.scale=r;e.centerX=a;e.centerY=c}else{e.action=x}}else{const[t]=Array.from(i.values());Object.assign(e,t)}i.forEach((t=>{t.startX=t.endX;t.startY=t.endY}));if(e.action!==x){this.$emit(H,e,{cancelable:false})}}$handlePointerUp(t){const{$action:s,$pointers:i}=this;if(this.disabled||s===x){return}if(this.$emit(U,{action:s,relatedEvent:t})===false){return}t.preventDefault();if(t.changedTouches){Array.from(t.changedTouches).forEach((({identifier:t})=>{i.delete(t)}))}else{const{pointerId:s=0}=t;i.delete(s)}if(i.size===0){this.style.willChange="";this.$action=x}}$handleWheel(t){if(this.disabled){return}t.preventDefault();if(this.$wheeling){return}this.$wheeling=true;setTimeout((()=>{this.$wheeling=false}),50);const s=t.deltaY>0?-1:1;const i=s*this.scaleStep;this.$emit(H,{action:$,scale:i,relatedEvent:t},{cancelable:false})}$setAction(t){if(q(t)){this.$action=t}return this}$toCanvas(t){return new Promise(((s,i)=>{if(!this.isConnected){i(new Error("The current element is not connected to the DOM."));return}const e=document.createElement("canvas");let n=this.offsetWidth;let h=this.offsetHeight;let o=1;if(it(t)&&(Q(t.width)||Q(t.height))){({width:n,height:h}=yt({aspectRatio:n/h,width:t.width,height:t.height}));o=n/this.offsetWidth}e.width=n;e.height=h;const r=this.querySelector(this.$getTagNameOf(p));if(!r){s(e);return}r.$ready().then((i=>{const a=e.getContext("2d");if(a){const[s,c,l,f,u,d]=r.$getTransform();let p=u;let b=d;let m=i.naturalWidth;let g=i.naturalHeight;if(o!==1){p*=o;b*=o;m*=o;g*=o}const w=m/2;const v=g/2;a.fillStyle="transparent";a.fillRect(0,0,n,h);if(it(t)&&et(t.beforeDraw)){t.beforeDraw.call(this,a,e)}a.save();a.translate(w,v);a.transform(s,c,l,f,p,b);a.translate(-w,-v);a.drawImage(i,0,0,m,g);a.restore()}s(e)})).catch(i)}))}}It.$name=l;It.$version="2.0.0";var Nt=`:host{display:inline-block}img{display:block;height:100%;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}`;const Rt=new WeakMap;const Xt=["alt","crossorigin","decoding","importance","loading","referrerpolicy","sizes","src","srcset"];class Yt extends Tt{constructor(){super(...arguments);this.$matrix=[1,0,0,1,0,0];this.$onLoad=null;this.$onCanvasAction=null;this.$onCanvasActionEnd=null;this.$onCanvasActionStart=null;this.$actionStartTarget=null;this.$style=Nt;this.$image=new Image;this.initialCenterSize="contain";this.rotatable=false;this.scalable=false;this.skewable=false;this.slottable=false;this.translatable=false}set $canvas(t){Rt.set(this,t)}get $canvas(){return Rt.get(this)}static get observedAttributes(){return super.observedAttributes.concat(Xt,["initial-center-size","rotatable","scalable","skewable","translatable"])}attributeChangedCallback(t,s,i){if(Object.is(i,s)){return}super.attributeChangedCallback(t,s,i);if(Xt.includes(t)){this.$image.setAttribute(t,i)}}$propertyChangedCallback(t,s,i){if(Object.is(i,s)){return}super.$propertyChangedCallback(t,s,i);switch(t){case"initialCenterSize":this.$nextTick((()=>{this.$center(i)}));break}}connectedCallback(){super.connectedCallback();const{$image:t}=this;const s=this.closest(this.$getTagNameOf(l));if(s){this.$canvas=s;this.$setStyles({display:"block",position:"absolute"});this.$onCanvasActionStart=t=>{var s,i;this.$actionStartTarget=(i=(s=t.detail)===null||s===void 0?void 0:s.relatedEvent)===null||i===void 0?void 0:i.target};this.$onCanvasActionEnd=()=>{this.$actionStartTarget=null};this.$onCanvasAction=this.$handleAction.bind(this);ft(s,F,this.$onCanvasActionStart);ft(s,U,this.$onCanvasActionEnd);ft(s,H,this.$onCanvasAction)}this.$onLoad=this.$handleLoad.bind(this);ft(t,D,this.$onLoad);this.$getShadowRoot().appendChild(t)}disconnectedCallback(){const{$image:t,$canvas:s}=this;if(s){if(this.$onCanvasActionStart){lt(s,F,this.$onCanvasActionStart);this.$onCanvasActionStart=null}if(this.$onCanvasActionEnd){lt(s,U,this.$onCanvasActionEnd);this.$onCanvasActionEnd=null}if(this.$onCanvasAction){lt(s,H,this.$onCanvasAction);this.$onCanvasAction=null}}if(t&&this.$onLoad){lt(t,D,this.$onLoad);this.$onLoad=null}this.$getShadowRoot().removeChild(t);super.disconnectedCallback()}$handleLoad(){const{$image:t}=this;this.$setStyles({width:t.naturalWidth,height:t.naturalHeight});if(this.$canvas){this.$center(this.initialCenterSize)}}$handleAction(t){if(this.hidden||!(this.rotatable||this.scalable||this.translatable)){return}const{$canvas:s}=this;const{detail:i}=t;if(i){const{relatedEvent:t}=i;let{action:e}=i;if(e===y&&(!this.rotatable||!this.scalable)){if(this.rotatable){e=k}else if(this.scalable){e=$}else{e=x}}switch(e){case v:if(this.translatable){let e=null;if(t){e=t.target.closest(this.$getTagNameOf(b))}if(!e){e=s.querySelector(this.$getTagNameOf(b))}if(e&&e.multiple&&!e.active){e=s.querySelector(`${this.$getTagNameOf(b)}[active]`)}if(!e||e.hidden||!e.movable||e.dynamic||!(this.$actionStartTarget&&e.contains(this.$actionStartTarget))){this.$move(i.endX-i.startX,i.endY-i.startY)}}break;case k:if(this.rotatable){if(t){const{x:s,y:e}=this.getBoundingClientRect();this.$rotate(i.rotate,t.clientX-s,t.clientY-e)}else{this.$rotate(i.rotate)}}break;case $:if(this.scalable){if(t){const s=t.target.closest(this.$getTagNameOf(b));if(!s||!s.zoomable||s.zoomable&&s.dynamic){const{x:s,y:e}=this.getBoundingClientRect();this.$zoom(i.scale,t.clientX-s,t.clientY-e)}}else{this.$zoom(i.scale)}}break;case y:if(this.rotatable&&this.scalable){const{rotate:s}=i;let{scale:e}=i;if(e<0){e=1/(1-e)}else{e+=1}const n=Math.cos(s);const h=Math.sin(s);const[o,r,a,c]=[n*e,h*e,-h*e,n*e];if(t){const s=this.getBoundingClientRect();const i=t.clientX-s.x;const e=t.clientY-s.y;const[n,h,l,f]=this.$matrix;const u=s.width/2;const d=s.height/2;const p=i-u;const b=e-d;const m=(p*f-l*b)/(n*f-l*h);const g=(b*n-h*p)/(n*f-l*h);this.$transform(o,r,a,c,m*(1-o)+g*a,g*(1-c)+m*r)}else{this.$transform(o,r,a,c,0,0)}}break}}}$ready(t){const{$image:s}=this;const i=new Promise(((t,i)=>{const e=new Error("Failed to load the image source");if(s.complete){if(s.naturalWidth>0&&s.naturalHeight>0){t(s)}else{i(e)}}else{const n=()=>{lt(s,P,h);t(s)};const h=()=>{lt(s,D,n);i(e)};ut(s,D,n);ut(s,P,h)}}));if(et(t)){i.then((s=>{t(s);return s}))}return i}$center(t){const{parentElement:s}=this;if(!s){return this}const i=s.getBoundingClientRect();const e=i.width;const n=i.height;const{x:h,y:o,width:r,height:a}=this.getBoundingClientRect();const c=h+r/2;const l=o+a/2;const f=i.x+e/2;const u=i.y+n/2;this.$move(f-c,u-l);if(t&&(r!==e||a!==n)){const s=e/r;const i=n/a;switch(t){case"cover":this.$scale(Math.max(s,i));break;case"contain":this.$scale(Math.min(s,i));break}}return this}$move(t,s=t){if(this.translatable&&J(t)&&J(s)){const[i,e,n,h]=this.$matrix;const o=(t*h-n*s)/(i*h-n*e);const r=(s*i-e*t)/(i*h-n*e);this.$translate(o,r)}return this}$moveTo(t,s=t){if(this.translatable&&J(t)&&J(s)){const[i,e,n,h]=this.$matrix;const o=(t*h-n*s)/(i*h-n*e);const r=(s*i-e*t)/(i*h-n*e);this.$setTransform(i,e,n,h,o,r)}return this}$rotate(t,s,i){if(this.rotatable){const e=vt(t);const n=Math.cos(e);const h=Math.sin(e);const[o,r,a,c]=[n,h,-h,n];if(J(s)&&J(i)){const[t,e,n,h]=this.$matrix;const{width:l,height:f}=this.getBoundingClientRect();const u=l/2;const d=f/2;const p=s-u;const b=i-d;const m=(p*h-n*b)/(t*h-n*e);const g=(b*t-e*p)/(t*h-n*e);this.$transform(o,r,a,c,m*(1-o)-g*a,g*(1-c)-m*r)}else{this.$transform(o,r,a,c,0,0)}}return this}$zoom(t,s,i){if(!this.scalable||t===0){return this}if(t<0){t=1/(1-t)}else{t+=1}if(J(s)&&J(i)){const[e,n,h,o]=this.$matrix;const{width:r,height:a}=this.getBoundingClientRect();const c=r/2;const l=a/2;const f=s-c;const u=i-l;const d=(f*o-h*u)/(e*o-h*n);const p=(u*e-n*f)/(e*o-h*n);this.$transform(t,0,0,t,d*(1-t),p*(1-t))}else{this.$scale(t)}return this}$scale(t,s=t){if(this.scalable){this.$transform(t,0,0,s,0,0)}return this}$skew(t,s=0){if(this.skewable){const i=vt(t);const e=vt(s);this.$transform(1,Math.tan(e),Math.tan(i),1,0,0)}return this}$translate(t,s=t){if(this.translatable&&J(t)&&J(s)){this.$transform(1,0,0,1,t,s)}return this}$transform(t,s,i,e,n,h){if(J(t)&&J(s)&&J(i)&&J(e)&&J(n)&&J(h)){return this.$setTransform(xt(this.$matrix,[t,s,i,e,n,h]))}return this}$setTransform(t,s,i,e,n,h){if(this.rotatable||this.scalable||this.skewable||this.translatable){if(Array.isArray(t)){[t,s,i,e,n,h]=t}if(J(t)&&J(s)&&J(i)&&J(e)&&J(n)&&J(h)){const o=[...this.$matrix];const r=[t,s,i,e,n,h];if(this.$emit(Z,{matrix:r,oldMatrix:o})===false){return this}this.$matrix=r;this.style.transform=`matrix(${r.join(", ")})`}}return this}$getTransform(){return this.$matrix.slice()}$resetTransform(){return this.$setTransform([1,0,0,1,0,0])}}Yt.$name=p;Yt.$version="2.0.0";var _t=`:host{display:block;height:0;left:0;outline:var(--theme-color) solid 1px;position:relative;top:0;width:0}:host([transparent]){outline-color:transparent}`;const Pt=new WeakMap;class Wt extends Tt{constructor(){super(...arguments);this.$onCanvasChange=null;this.$onCanvasActionEnd=null;this.$onCanvasActionStart=null;this.$style=_t;this.x=0;this.y=0;this.width=0;this.height=0;this.slottable=false;this.themeColor="rgba(0, 0, 0, 0.65)"}set $canvas(t){Pt.set(this,t)}get $canvas(){return Pt.get(this)}static get observedAttributes(){return super.observedAttributes.concat(["height","width","x","y"])}connectedCallback(){super.connectedCallback();const t=this.closest(this.$getTagNameOf(l));if(t){this.$canvas=t;this.style.position="absolute";const s=t.querySelector(this.$getTagNameOf(b));if(s){this.$onCanvasActionStart=t=>{if(s.hidden&&t.detail.action===w){this.hidden=false}};this.$onCanvasActionEnd=t=>{if(s.hidden&&t.detail.action===w){this.hidden=true}};this.$onCanvasChange=t=>{const{x:i,y:e,width:n,height:h}=t.detail;this.$change(i,e,n,h);if(s.hidden||i===0&&e===0&&n===0&&h===0){this.hidden=true}};ft(t,F,this.$onCanvasActionStart);ft(t,U,this.$onCanvasActionEnd);ft(t,K,this.$onCanvasChange)}}this.$render()}disconnectedCallback(){const{$canvas:t}=this;if(t){if(this.$onCanvasActionStart){lt(t,F,this.$onCanvasActionStart);this.$onCanvasActionStart=null}if(this.$onCanvasActionEnd){lt(t,U,this.$onCanvasActionEnd);this.$onCanvasActionEnd=null}if(this.$onCanvasChange){lt(t,K,this.$onCanvasChange);this.$onCanvasChange=null}}super.disconnectedCallback()}$change(t,s,i=this.width,e=this.height){if(!J(t)||!J(s)||!J(i)||!J(e)||t===this.x&&s===this.y&&i===this.width&&e===this.height){return this}if(this.hidden){this.hidden=false}this.x=t;this.y=s;this.width=i;this.height=e;return this.$render()}$reset(){return this.$change(0,0,0,0)}$render(){return this.$setStyles({transform:`translate(${this.x}px, ${this.y}px)`,width:this.width,height:this.height,outlineWidth:o.innerWidth})}}Wt.$name=m;Wt.$version="2.0.0";var Dt=`:host{background-color:var(--theme-color);display:block}:host([action=move]),:host([action=select]){height:100%;left:0;position:absolute;top:0;width:100%}:host([action=move]){cursor:move}:host([action=select]){cursor:crosshair}:host([action$=-resize]){background-color:transparent;height:15px;position:absolute;width:15px}:host([action$=-resize]):after{background-color:var(--theme-color);content:"";display:block;height:5px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:5px}:host([action=n-resize]),:host([action=s-resize]){cursor:ns-resize;left:50%;transform:translateX(-50%);width:100%}:host([action=n-resize]){top:-8px}:host([action=s-resize]){bottom:-8px}:host([action=e-resize]),:host([action=w-resize]){cursor:ew-resize;height:100%;top:50%;transform:translateY(-50%)}:host([action=e-resize]){right:-8px}:host([action=w-resize]){left:-8px}:host([action=ne-resize]){cursor:nesw-resize;right:-8px;top:-8px}:host([action=nw-resize]){cursor:nwse-resize;left:-8px;top:-8px}:host([action=se-resize]){bottom:-8px;cursor:nwse-resize;right:-8px}:host([action=se-resize]):after{height:15px;width:15px}@media (pointer:coarse){:host([action=se-resize]):after{height:10px;width:10px}}@media (pointer:fine){:host([action=se-resize]):after{height:5px;width:5px}}:host([action=sw-resize]){bottom:-8px;cursor:nesw-resize;left:-8px}:host([plain]){background-color:transparent}`;class Lt extends Tt{constructor(){super(...arguments);this.$onCanvasCropEnd=null;this.$onCanvasCropStart=null;this.$style=Dt;this.action=x;this.plain=false;this.slottable=false;this.themeColor="rgba(51, 153, 255, 0.5)"}static get observedAttributes(){return super.observedAttributes.concat(["action","plain"])}}Lt.$name=d;Lt.$version="2.0.0";var Ht=`:host{display:block;left:0;position:relative;right:0}:host([outlined]){outline:1px solid var(--theme-color)}:host([multiple]){outline:1px dashed hsla(0,0%,100%,.5)}:host([multiple]):after{bottom:0;content:"";cursor:pointer;display:block;left:0;position:absolute;right:0;top:0}:host([multiple][active]){outline-color:var(--theme-color);z-index:1}:host([multiple])>*{visibility:hidden}:host([multiple][active])>*{visibility:visible}:host([multiple][active]):after{display:none}`;const Ut=new WeakMap;class Bt extends Tt{constructor(){super(...arguments);this.$onCanvasAction=null;this.$onCanvasActionStart=null;this.$onCanvasActionEnd=null;this.$onDocumentKeyDown=null;this.$action="";this.$actionStartTarget=null;this.$changing=false;this.$style=Ht;this.$initialSelection={x:0,y:0,width:0,height:0};this.x=0;this.y=0;this.width=0;this.height=0;this.aspectRatio=NaN;this.initialAspectRatio=NaN;this.initialCoverage=NaN;this.active=false;this.linked=false;this.dynamic=false;this.movable=false;this.resizable=false;this.zoomable=false;this.multiple=false;this.keyboard=false;this.outlined=false;this.precise=false}set $canvas(t){Ut.set(this,t)}get $canvas(){return Ut.get(this)}static get observedAttributes(){return super.observedAttributes.concat(["active","aspect-ratio","dynamic","height","initial-aspect-ratio","initial-coverage","keyboard","linked","movable","multiple","outlined","precise","resizable","width","x","y","zoomable"])}$propertyChangedCallback(t,s,i){if(Object.is(i,s)){return}super.$propertyChangedCallback(t,s,i);switch(t){case"x":case"y":case"width":case"height":if(!this.$changing){this.$nextTick((()=>{this.$change(this.x,this.y,this.width,this.height,this.aspectRatio,true)}))}break;case"aspectRatio":case"initialAspectRatio":this.$nextTick((()=>{this.$initSelection()}));break;case"initialCoverage":this.$nextTick((()=>{if(Q(i)&&i<=1){this.$initSelection(true,true)}}));break;case"keyboard":this.$nextTick((()=>{if(this.$canvas){if(i){if(!this.$onDocumentKeyDown){this.$onDocumentKeyDown=this.$handleKeyDown.bind(this);ft(this.ownerDocument,W,this.$onDocumentKeyDown)}}else if(this.$onDocumentKeyDown){lt(this.ownerDocument,W,this.$onDocumentKeyDown);this.$onDocumentKeyDown=null}}}));break;case"multiple":this.$nextTick((()=>{if(this.$canvas){const t=this.$getSelections();if(i){t.forEach((t=>{t.active=false}));this.active=true;this.$emit(K,{x:this.x,y:this.y,width:this.width,height:this.height})}else{this.active=false;t.slice(1).forEach((t=>{this.$removeSelection(t)}))}}}));break;case"precise":this.$nextTick((()=>{this.$change(this.x,this.y)}));break;case"linked":if(i){this.dynamic=true}break}}connectedCallback(){super.connectedCallback();const t=this.closest(this.$getTagNameOf(l));if(t){this.$canvas=t;this.$setStyles({position:"absolute",transform:`translate(${this.x}px, ${this.y}px)`});if(!this.hidden){this.$render()}this.$initSelection(true);this.$onCanvasActionStart=this.$handleActionStart.bind(this);this.$onCanvasActionEnd=this.$handleActionEnd.bind(this);this.$onCanvasAction=this.$handleAction.bind(this);ft(t,F,this.$onCanvasActionStart);ft(t,U,this.$onCanvasActionEnd);ft(t,H,this.$onCanvasAction)}else{this.$render()}}disconnectedCallback(){const{$canvas:t}=this;if(t){if(this.$onCanvasActionStart){lt(t,F,this.$onCanvasActionStart);this.$onCanvasActionStart=null}if(this.$onCanvasActionEnd){lt(t,U,this.$onCanvasActionEnd);this.$onCanvasActionEnd=null}if(this.$onCanvasAction){lt(t,H,this.$onCanvasAction);this.$onCanvasAction=null}}super.disconnectedCallback()}$getSelections(){let t=[];if(this.parentElement){t=Array.from(this.parentElement.querySelectorAll(this.$getTagNameOf(b)))}return t}$initSelection(t=false,s=false){const{initialCoverage:i,parentElement:e}=this;if(Q(i)&&e){const n=this.aspectRatio||this.initialAspectRatio;let h=(s?0:this.width)||e.offsetWidth*i;let o=(s?0:this.height)||e.offsetHeight*i;if(Q(n)){({width:h,height:o}=yt({aspectRatio:n,width:h,height:o}))}this.$change(this.x,this.y,h,o);if(t){this.$center()}this.$initialSelection={x:this.x,y:this.y,width:this.width,height:this.height}}}$createSelection(){const t=this.cloneNode(true);if(this.hasAttribute("id")){t.removeAttribute("id")}t.initialCoverage=NaN;this.active=false;if(this.parentElement){this.parentElement.insertBefore(t,this.nextSibling)}return t}$removeSelection(t=this){if(this.parentElement){const s=this.$getSelections();if(s.length>1){const i=s.indexOf(t);const e=s[i+1]||s[i-1];if(e){t.active=false;this.parentElement.removeChild(t);e.active=true;e.$emit(K,{x:e.x,y:e.y,width:e.width,height:e.height})}}else{this.$clear()}}}$handleActionStart(t){var s,i;const e=(i=(s=t.detail)===null||s===void 0?void 0:s.relatedEvent)===null||i===void 0?void 0:i.target;this.$action="";this.$actionStartTarget=e;if(!this.hidden&&this.multiple&&!this.active&&e===this&&this.parentElement){this.$getSelections().forEach((t=>{t.active=false}));this.active=true;this.$emit(K,{x:this.x,y:this.y,width:this.width,height:this.height})}}$handleAction(t){const{currentTarget:s,detail:i}=t;if(!s||!i){return}const{relatedEvent:e}=i;let{action:n}=i;if(!n&&this.multiple){n=this.$action||(e===null||e===void 0?void 0:e.target.action);this.$action=n}if(!n||this.hidden&&n!==w||this.multiple&&!this.active&&n!==$){return}const h=i.endX-i.startX;const o=i.endY-i.startY;const{width:r,height:a}=this;let{aspectRatio:c}=this;if(!Q(c)&&e.shiftKey){c=Q(r)&&Q(a)?r/a:1}switch(n){case w:if(h!==0&&o!==0){const{$canvas:t}=this;const e=gt(s);(this.multiple&&!this.hidden?this.$createSelection():this).$change(i.startX-e.left,i.startY-e.top,Math.abs(h),Math.abs(o),c);if(h<0){if(o<0){n=O}else if(o>0){n=T}}else if(h>0){if(o<0){n=j}else if(o>0){n=S}}if(t){t.$action=n}}break;case v:if(this.movable&&(this.dynamic||this.$actionStartTarget&&this.contains(this.$actionStartTarget))){this.$move(h,o)}break;case $:if(e&&this.zoomable&&(this.dynamic||this.contains(e.target))){const t=gt(s);this.$zoom(i.scale,e.pageX-t.left,e.pageY-t.top)}break;default:this.$resize(n,h,o,c)}}$handleActionEnd(){this.$action="";this.$actionStartTarget=null}$handleKeyDown(t){if(this.hidden||!this.keyboard||this.multiple&&!this.active||t.defaultPrevented){return}const{activeElement:s}=document;if(s&&(["INPUT","TEXTAREA"].includes(s.tagName)||["true","plaintext-only"].includes(s.contentEditable))){return}switch(t.key){case"Backspace":if(t.metaKey){t.preventDefault();this.$removeSelection()}break;case"Delete":t.preventDefault();this.$removeSelection();break;case"ArrowLeft":t.preventDefault();this.$move(-1,0);break;case"ArrowRight":t.preventDefault();this.$move(1,0);break;case"ArrowUp":t.preventDefault();this.$move(0,-1);break;case"ArrowDown":t.preventDefault();this.$move(0,1);break;case"+":t.preventDefault();this.$zoom(.1);break;case"-":t.preventDefault();this.$zoom(-.1);break}}$center(){const{parentElement:t}=this;if(!t){return this}const s=(t.offsetWidth-this.width)/2;const i=(t.offsetHeight-this.height)/2;return this.$change(s,i)}$move(t,s=t){return this.$moveTo(this.x+t,this.y+s)}$moveTo(t,s=t){if(!this.movable){return this}return this.$change(t,s)}$resize(t,s=0,i=0,e=this.aspectRatio){if(!this.resizable){return this}const n=Q(e);const{$canvas:h}=this;let{x:o,y:r,width:a,height:c}=this;switch(t){case z:r+=i;c-=i;if(c<0){t=C;c=-c;r-=c}if(n){s=i*e;o+=s/2;a-=s;if(a<0){a=-a;o-=a}}break;case M:a+=s;if(a<0){t=A;a=-a;o-=a}if(n){i=s/e;r-=i/2;c+=i;if(c<0){c=-c;r-=c}}break;case C:c+=i;if(c<0){t=z;c=-c;r-=c}if(n){s=i*e;o-=s/2;a+=s;if(a<0){a=-a;o-=a}}break;case A:o+=s;a-=s;if(a<0){t=M;a=-a;o-=a}if(n){i=s/e;r+=i/2;c-=i;if(c<0){c=-c;r-=c}}break;case j:if(n){i=-s/e}r+=i;c-=i;a+=s;if(a<0&&c<0){t=T;a=-a;c=-c;o-=a;r-=c}else if(a<0){t=O;a=-a;o-=a}else if(c<0){t=S;c=-c;r-=c}break;case O:if(n){i=s/e}o+=s;r+=i;a-=s;c-=i;if(a<0&&c<0){t=S;a=-a;c=-c;o-=a;r-=c}else if(a<0){t=j;a=-a;o-=a}else if(c<0){t=T;c=-c;r-=c}break;case S:if(n){i=s/e}a+=s;c+=i;if(a<0&&c<0){t=O;a=-a;c=-c;o-=a;r-=c}else if(a<0){t=T;a=-a;o-=a}else if(c<0){t=j;c=-c;r-=c}break;case T:if(n){i=-s/e}o+=s;a-=s;c+=i;if(a<0&&c<0){t=j;a=-a;c=-c;o-=a;r-=c}else if(a<0){t=S;a=-a;o-=a}else if(c<0){t=O;c=-c;r-=c}break}if(h){h.$setAction(t)}return this.$change(o,r,a,c)}$zoom(t,s,i){if(!this.zoomable||t===0){return this}if(t<0){t=1/(1-t)}else{t+=1}const{width:e,height:n}=this;const h=e*t;const o=n*t;let r=this.x;let a=this.y;if(J(s)&&J(i)){r-=(h-e)*((s-this.x)/e);a-=(o-n)*((i-this.y)/n)}else{r-=(h-e)/2;a-=(o-n)/2}return this.$change(r,a,h,o)}$change(t,s,i=this.width,e=this.height,n=this.aspectRatio,h=false){if(this.$changing||!J(t)||!J(s)||!J(i)||!J(e)||i<0||e<0){return this}if(Q(n)){({width:i,height:e}=yt({aspectRatio:n,width:i,height:e},"cover"))}if(!this.precise){t=Math.round(t);s=Math.round(s);i=Math.round(i);e=Math.round(e)}if(t===this.x&&s===this.y&&i===this.width&&e===this.height&&Object.is(n,this.aspectRatio)&&!h){return this}if(this.hidden){this.hidden=false}if(this.$emit(K,{x:t,y:s,width:i,height:e})===false){return this}this.$changing=true;this.x=t;this.y=s;this.width=i;this.height=e;this.$changing=false;return this.$render()}$reset(){const{x:t,y:s,width:i,height:e}=this.$initialSelection;return this.$change(t,s,i,e)}$clear(){this.$change(0,0,0,0,NaN,true);this.hidden=true;return this}$render(){return this.$setStyles({transform:`translate(${this.x}px, ${this.y}px)`,width:this.width,height:this.height})}$toCanvas(t){return new Promise(((s,i)=>{if(!this.isConnected){i(new Error("The current element is not connected to the DOM."));return}const e=document.createElement("canvas");let{width:n,height:h}=this;let o=1;if(it(t)&&(Q(t.width)||Q(t.height))){({width:n,height:h}=yt({aspectRatio:n/h,width:t.width,height:t.height}));o=n/this.width}e.width=n;e.height=h;if(!this.$canvas){s(e);return}const r=this.$canvas.querySelector(this.$getTagNameOf(p));if(!r){s(e);return}r.$ready().then((i=>{const a=e.getContext("2d");if(a){const[s,c,l,f,u,d]=r.$getTransform();const p=-this.x;const b=-this.y;const m=(p*f-l*b)/(s*f-l*c);const g=(b*s-c*p)/(s*f-l*c);let w=s*m+l*g+u;let v=c*m+f*g+d;let $=i.naturalWidth;let k=i.naturalHeight;if(o!==1){w*=o;v*=o;$*=o;k*=o}const y=$/2;const x=k/2;a.fillStyle="transparent";a.fillRect(0,0,n,h);if(it(t)&&et(t.beforeDraw)){t.beforeDraw.call(this,a,e)}a.save();a.translate(y,x);a.transform(s,c,l,f,w,v);a.translate(-y,-x);a.drawImage(i,0,0,$,k);a.restore()}s(e)})).catch(i)}))}}Bt.$name=b;Bt.$version="2.0.0";var Ft=`:host{display:flex;flex-direction:column;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host([bordered]){border:1px dashed var(--theme-color)}:host([covered]){bottom:0;left:0;position:absolute;right:0;top:0}:host>span{display:flex;flex:1}:host>span+span{border-top:1px dashed var(--theme-color)}:host>span>span{flex:1}:host>span>span+span{border-left:1px dashed var(--theme-color)}`;class Kt extends Tt{constructor(){super(...arguments);this.$style=Ft;this.bordered=false;this.columns=3;this.covered=false;this.rows=3;this.slottable=false;this.themeColor="rgba(238, 238, 238, 0.5)"}static get observedAttributes(){return super.observedAttributes.concat(["bordered","columns","covered","rows"])}$propertyChangedCallback(t,s,i){if(Object.is(i,s)){return}super.$propertyChangedCallback(t,s,i);if(t==="rows"||t==="columns"){this.$nextTick((()=>{this.$render()}))}}connectedCallback(){super.connectedCallback();this.$render()}$render(){const t=this.$getShadowRoot();const s=document.createDocumentFragment();for(let t=0;t<this.rows;t+=1){const t=document.createElement("span");t.setAttribute("role","row");for(let s=0;s<this.columns;s+=1){const s=document.createElement("span");s.setAttribute("role","gridcell");t.appendChild(s)}s.appendChild(t)}if(t){t.innerHTML="";t.appendChild(s)}}}Kt.$name=u;Kt.$version="2.0.0";var Zt=`:host{display:inline-block;height:1em;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:1em}:host:after,:host:before{background-color:var(--theme-color);content:"";display:block;position:absolute}:host:before{height:1px;left:0;top:50%;transform:translateY(-50%);width:100%}:host:after{height:100%;left:50%;top:0;transform:translateX(-50%);width:1px}:host([centered]){left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}`;class qt extends Tt{constructor(){super(...arguments);this.$style=Zt;this.centered=false;this.slottable=false;this.themeColor="rgba(238, 238, 238, 0.5)"}static get observedAttributes(){return super.observedAttributes.concat(["centered"])}}qt.$name=f;qt.$version="2.0.0";var Gt=`:host{display:block;height:100%;overflow:hidden;position:relative;width:100%}`;const Jt=new WeakMap;const Qt=new WeakMap;const Vt=new WeakMap;const ts=new WeakMap;const ss="both";const is="horizontal";const es="vertical";const ns="none";class hs extends Tt{constructor(){super(...arguments);this.$onSelectionChange=null;this.$onSourceImageLoad=null;this.$onSourceImageTransform=null;this.$scale=1;this.$style=Gt;this.resize=es;this.selection="";this.slottable=false}set $image(t){Qt.set(this,t)}get $image(){return Qt.get(this)}set $sourceImage(t){ts.set(this,t)}get $sourceImage(){return ts.get(this)}set $canvas(t){Jt.set(this,t)}get $canvas(){return Jt.get(this)}set $selection(t){Vt.set(this,t)}get $selection(){return Vt.get(this)}static get observedAttributes(){return super.observedAttributes.concat(["resize","selection"])}connectedCallback(){super.connectedCallback();let t=null;if(this.selection){t=this.ownerDocument.querySelector(this.selection)}else{t=this.closest(this.$getTagNameOf(b))}if(nt(t)){this.$selection=t;this.$onSelectionChange=this.$handleSelectionChange.bind(this);ft(t,K,this.$onSelectionChange);const s=t.closest(this.$getTagNameOf(l));if(s){this.$canvas=s;const t=s.querySelector(this.$getTagNameOf(p));if(t){this.$sourceImage=t;this.$image=t.cloneNode(true);this.$getShadowRoot().appendChild(this.$image);this.$onSourceImageLoad=this.$handleSourceImageLoad.bind(this);this.$onSourceImageTransform=this.$handleSourceImageTransform.bind(this);ft(t.$image,D,this.$onSourceImageLoad);ft(t,Z,this.$onSourceImageTransform)}}this.$render()}}disconnectedCallback(){const{$selection:t,$sourceImage:s}=this;if(t&&this.$onSelectionChange){lt(t,K,this.$onSelectionChange);this.$onSelectionChange=null}if(s&&this.$onSourceImageLoad){lt(s.$image,D,this.$onSourceImageLoad);this.$onSourceImageLoad=null}if(s&&this.$onSourceImageTransform){lt(s,Z,this.$onSourceImageTransform);this.$onSourceImageTransform=null}super.disconnectedCallback()}$handleSelectionChange(t){this.$render(t.detail)}$handleSourceImageLoad(){const{$image:t,$sourceImage:s}=this;const i=t.getAttribute("src");const e=s.getAttribute("src");if(e&&e!==i){t.setAttribute("src",e);t.$ready((()=>{setTimeout((()=>{this.$render()}),50)}))}}$handleSourceImageTransform(t){this.$render(undefined,t.detail.matrix)}$render(t,s){const{$canvas:i,$selection:e}=this;if(!t&&!e.hidden){t=e}if(!t||t.x===0&&t.y===0&&t.width===0&&t.height===0){t={x:0,y:0,width:i.offsetWidth,height:i.offsetHeight}}const{x:n,y:h,width:o,height:r}=t;const a={};const{clientWidth:c,clientHeight:l}=this;let f=c;let u=l;let d=NaN;switch(this.resize){case ss:d=1;f=o;u=r;a.width=o;a.height=r;break;case is:d=r>0?l/r:0;f=o*d;a.width=f;break;case es:d=o>0?c/o:0;u=r*d;a.height=u;break;case ns:default:if(c>0){d=o>0?c/o:0}else if(l>0){d=r>0?l/r:0}}this.$scale=d;this.$setStyles(a);if(this.$sourceImage){this.$transformImageByOffset(s!==null&&s!==void 0?s:this.$sourceImage.$getTransform(),-n,-h)}}$transformImageByOffset(t,s,i){const{$image:e,$scale:n,$sourceImage:h}=this;if(h&&e&&n>=0){const[h,o,r,a,c,l]=t;const f=(s*a-r*i)/(h*a-r*o);const u=(i*h-o*s)/(h*a-r*o);const d=h*f+r*u+c;const p=o*f+a*u+l;e.$ready((t=>{this.$setStyles.call(e,{width:t.naturalWidth*n,height:t.naturalHeight*n})}));e.$setTransform(h,o,r,a,d*n,p*n)}}}hs.$name=g;hs.$version="2.0.0";
+/*! Cropper.js v2.0.0 | (c) 2015-present Chen Fengyuan | MIT */It.$define();qt.$define();Kt.$define();Lt.$define();Yt.$define();Bt.$define();Wt.$define();hs.$define();const os=".mb-6{margin-bottom:1.5rem!important}.flex{display:flex!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}*{box-sizing:border-box}:host{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between;margin-bottom:1.5rem;width:100%}.static{position:static!important}.hidden{display:none!important}.h-\\[17\\.5rem\\]{height:17.5rem!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.resize{resize:both!important}.gap-2{gap:.5rem!important}.rounded{border-radius:.25rem!important}.border-0{border-width:0!important}.border-b{border-bottom-width:1px!important}.border-solid{border-style:solid!important}.border-mystic-medium{--tw-border-opacity:1!important;border-color:rgb(227 236 243/var(--tw-border-opacity,1))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.px-14{padding-left:3.5rem!important;padding-right:3.5rem!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity,1))!important}@media (min-width:40rem){.tablet\\:max-w-xs{max-width:20rem!important}.tablet\\:px-1{padding-left:.25rem!important;padding-right:.25rem!important}}";const rs=os;const as=class{constructor(i){t(this,i);this.valueChange=s(this,"valueChange",3);this.variant="user";this.value=undefined;this.returnType="base64";this._loaded=false;this._currentScale=0}valueChange;_imageRef;_selectionRef;_maxScale=0;_minScale=0;_resizeDebounceTimeout;_toCanvasDebounceTimeout;onResize(){if(this._resizeDebounceTimeout){clearTimeout(this._resizeDebounceTimeout)}this._resizeDebounceTimeout=setTimeout((()=>{this._selectionRef.$center();this._imageRef.$center()}),200)}componentDidLoad(){setTimeout((()=>{this._loaded=true}),200)}render(){return i(e,{key:"cf3ff15123161c366d73c97eae8eaef57baa5452",class:"p-cropper"},this._loaded&&i("cropper-canvas",{key:"28611bd08b26638165dbe3f18bec490a6ab2d90d",class:"h-[17.5rem] w-full border-0 border-b border-solid border-mystic-medium bg-white",onAction:()=>this._onAction()},i("cropper-image",{key:"67bbbf0f4a0e835a410ec9812547624bc2b83909",src:this.value,alt:"Picture",ref:t=>this._setImageRef(t),scalable:true,crossorigin:"anonymous"}),i("cropper-shade",{key:"264614024cdfc56792f2508203ebfc0a1d4ee8dc",class:n({"rounded-round":this.variant==="user",rounded:this.variant==="company"}),"theme-color":"rgba(255, 255, 255, 0.5)",hidden:true}),i("cropper-selection",{key:"3dcc1ed6c57736a627b510f5294291b5c1214683","initial-coverage":"0.7","aspect-ratio":"1",ref:t=>this._selectionRef=t}),i("cropper-handle",{key:"e987c84b87f01162c7ab093d606463f189a16bf7",action:"move",plain:true})),i("div",{key:"f75de6ebbd0e0e5e27ef6d455c5dad7467240d2e",class:"flex w-full items-center gap-2 px-14 text-storm-vague tablet:max-w-xs tablet:px-1"},i("p-icon",{key:"115a2f9d9cd815b172ecf132db230fa6ed0d0855",variant:"minus"}),i("input",{key:"83aa40b551425dc62588d9308cc6c7a683fbbdf0",class:"p-input w-full",type:"range",min:"0",max:"100",value:this._currentScale,onInput:t=>this._onInput(t.target.value),step:"0.5"}),i("p-icon",{key:"64e60553e7ea9ee72fde7acdc6ff05fe298a639d",variant:"plus"})))}_setImageRef(t){if(this._imageRef){return}this._imageRef=t;this._imageRef.$ready((t=>setTimeout((()=>this._setInitialState(t)),200)))}_setInitialState(t){let s;if(t.naturalWidth>t.naturalHeight){s=200/t.naturalHeight}if(t.naturalHeight>=t.naturalWidth){s=200/t.naturalWidth}const i=this._imageRef.$getTransform();this._minScale=s;this._maxScale=i[0];this._selectionRef.$resize("nw-resize",200,200,1);this._selectionRef.$center();this._setScale(s);this._toCanvas()}_onAction(){this._setCurrentScale();this._toCanvas()}_setScale(t,s=true,i=true){const e=this._imageRef.$getTransform();this._imageRef.$setTransform([t,0,0,t,e[4],e[5]]);if(s){this._imageRef.$center()}if(i){this._setCurrentScale()}}_setCurrentScale(){const t=this._imageRef.$getTransform();const s=t[0];if(s<this._minScale){this._setScale(this._minScale,true,false);this._currentScale=0;return}if(s>this._maxScale){this._setScale(this._maxScale,true,false);this._currentScale=100;return}if(s===this._minScale){this._currentScale=0;return}if(s===this._maxScale){this._currentScale=100;return}const i=this._maxScale-this._minScale;const e=s-this._minScale;const n=e/i*100;this._currentScale=n}_onInput(t){const s=this._imageRef.$getTransform();const i=s[0];const e=this._maxScale-this._minScale;const n=e*(t/100);if(n===i){return}this._setScale(n+this._minScale,false,false);this._currentScale=t;this._toCanvas()}_toCanvas(){if(this._toCanvasDebounceTimeout){clearTimeout(this._toCanvasDebounceTimeout)}this._toCanvasDebounceTimeout=setTimeout((async()=>{const t=await this._selectionRef.$toCanvas();if(this.returnType==="canvas"){this.valueChange.emit(t);return}const s=t.toDataURL("image/png");this.valueChange.emit(s)}),200)}};as.style=rs;export{as as p_cropper};
+//# sourceMappingURL=p-6f3a4499.entry.js.map