@paperless/core 2.0.1-beta.214 → 2.0.1-beta.216
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.
- package/CHANGELOG.md +20 -0
- package/dist/build/p-416583ea.entry.js +2 -0
- package/dist/build/p-416583ea.entry.js.map +1 -0
- package/dist/build/p-c61b49cd.entry.js +2 -0
- package/dist/build/p-c61b49cd.entry.js.map +1 -0
- package/dist/build/p-content-slider.entry.esm.js.map +1 -1
- package/dist/build/{p-f835be85.js → p-e561b6bd.js} +1 -1
- package/dist/build/p-fdc0fdc4.entry.js +2 -0
- package/dist/build/p-fdc0fdc4.entry.js.map +1 -0
- package/dist/build/p-navbar.entry.esm.js.map +1 -1
- package/dist/build/p-pagination.p-pagination-pages.p-pagination-size.entry.esm.js.map +1 -1
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/p-content-slider.cjs.entry.js +2 -2
- package/dist/cjs/p-content-slider.cjs.entry.js.map +1 -1
- package/dist/cjs/p-content-slider.entry.cjs.js.map +1 -1
- package/dist/cjs/p-navbar.cjs.entry.js +2 -2
- package/dist/cjs/p-navbar.cjs.entry.js.map +1 -1
- package/dist/cjs/p-navbar.entry.cjs.js.map +1 -1
- package/dist/cjs/p-pagination.p-pagination-pages.p-pagination-size.entry.cjs.js.map +1 -1
- package/dist/cjs/p-pagination_3.cjs.entry.js +5 -5
- package/dist/cjs/p-pagination_3.cjs.entry.js.map +1 -1
- package/dist/collection/components/molecules/content-slider/content-slider.component.css +1 -1
- package/dist/collection/components/molecules/content-slider/content-slider.component.js +1 -1
- package/dist/collection/components/molecules/content-slider/content-slider.component.js.map +1 -1
- package/dist/collection/components/molecules/pagination/pagination/pagination.component.css +1 -1
- package/dist/collection/components/molecules/pagination/pagination/pagination.component.js +4 -4
- package/dist/collection/components/molecules/pagination/pagination/pagination.component.js.map +1 -1
- package/dist/collection/components/organisms/navbar/navbar.component.css +1 -1
- package/dist/collection/components/organisms/navbar/navbar.component.js +1 -1
- package/dist/collection/components/organisms/navbar/navbar.component.js.map +1 -1
- package/dist/components/{p-B_fPJROs.js → p-0Sq-J0dV.js} +7 -7
- package/dist/components/p-0Sq-J0dV.js.map +1 -0
- package/dist/components/{p-DG_ErDCc.js → p-D-WCLevz.js} +3 -3
- package/dist/components/{p-DG_ErDCc.js.map → p-D-WCLevz.js.map} +1 -1
- package/dist/components/p-content-slider.js +2 -2
- package/dist/components/p-content-slider.js.map +1 -1
- package/dist/components/p-navbar.js +2 -2
- package/dist/components/p-navbar.js.map +1 -1
- package/dist/components/p-pagination.js +1 -1
- package/dist/components/p-table-footer.js +1 -1
- package/dist/components/p-table.js +2 -2
- package/dist/esm/p-content-slider.entry.js +2 -2
- package/dist/esm/p-content-slider.entry.js.map +1 -1
- package/dist/esm/p-navbar.entry.js +2 -2
- package/dist/esm/p-navbar.entry.js.map +1 -1
- package/dist/esm/p-pagination.p-pagination-pages.p-pagination-size.entry.js.map +1 -1
- package/dist/esm/p-pagination_3.entry.js +5 -5
- package/dist/esm/p-pagination_3.entry.js.map +1 -1
- package/dist/index.html +1 -1
- package/dist/paperless/p-416583ea.entry.js +2 -0
- package/dist/paperless/p-416583ea.entry.js.map +1 -0
- package/dist/paperless/p-c61b49cd.entry.js +2 -0
- package/dist/paperless/p-c61b49cd.entry.js.map +1 -0
- package/dist/paperless/p-content-slider.entry.esm.js.map +1 -1
- package/dist/paperless/p-fdc0fdc4.entry.js +2 -0
- package/dist/paperless/p-fdc0fdc4.entry.js.map +1 -0
- package/dist/paperless/p-navbar.entry.esm.js.map +1 -1
- package/dist/paperless/p-pagination.p-pagination-pages.p-pagination-size.entry.esm.js.map +1 -1
- package/dist/paperless/paperless.esm.js +1 -1
- package/dist/sw.js +1 -1
- package/dist/sw.js.map +1 -1
- package/package.json +1 -1
- package/dist/build/p-339c0424.entry.js +0 -2
- package/dist/build/p-339c0424.entry.js.map +0 -1
- package/dist/build/p-3dcd703c.entry.js +0 -2
- package/dist/build/p-3dcd703c.entry.js.map +0 -1
- package/dist/build/p-c9cf90b5.entry.js +0 -2
- package/dist/build/p-c9cf90b5.entry.js.map +0 -1
- package/dist/components/p-B_fPJROs.js.map +0 -1
- package/dist/paperless/p-339c0424.entry.js +0 -2
- package/dist/paperless/p-339c0424.entry.js.map +0 -1
- package/dist/paperless/p-3dcd703c.entry.js +0 -2
- package/dist/paperless/p-3dcd703c.entry.js.map +0 -1
- package/dist/paperless/p-c9cf90b5.entry.js +0 -2
- package/dist/paperless/p-c9cf90b5.entry.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["paginationComponentCss","pagination","cva","variants","hidden","false","true","Pagination","hideOnSinglePage","enablePaginationSize","enablePaginationPages","page","total","pageSize","defaultSize","pageSizeOptions","defaultSizeOptions","pageChange","pageSizeChange","pagesChange","_hasPaginationPages","render","hidePageSizeSelect","this","h","key","class","Fragment","size","sizeOptions","onSizeChange","detail","_changePageSize","variant","onPageChange","emit","onPagesChange","s","paginationPagesComponentCss","PaginationPages","_pages","_set","componentWillRender","_generate","length","map","p","type","disabled","_carouselDisabled","onClick","_previousClick","_nextClick","value","hover","active","_pageClick","pageChangeHandler","_generatePages","_generateSet","_changePage","nextPage","previousPage","pages","Math","ceil","Array","fill","undefined","_","i","range","enableBoundaries","totalPages","start","end","min","set","previous","rotate","next","push","paginationSizeComponentCss","paginationSize","trigger","PaginationSize","_defaultItemTemplate","formatTranslation","_locales","item","sizeChange","itemTemplate","dropdownIsOpen","componentWillLoad","_setLocales","Host","asBoolean","applyFullWidth","applyMaxWidth","placement","chevronDirection","onIsOpen","slot","option","_changeSize","getLocaleComponentStrings","_el"],"sources":["src/components/molecules/pagination/pagination/pagination.component.css?tag=p-pagination&encapsulation=shadow","src/components/molecules/pagination/pagination/pagination.component.tsx","src/components/molecules/pagination/pages/pagination-pages.component.css?tag=p-pagination-pages&encapsulation=shadow","src/components/molecules/pagination/pages/pagination-pages.component.tsx","src/components/molecules/pagination/size/pagination-size.component.css?tag=p-pagination-size&encapsulation=shadow","src/components/molecules/pagination/size/pagination-size.component.tsx"],"sourcesContent":[null,"import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tFragment,\n\th,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { defaultSize, defaultSizeOptions } from '../size/constants';\n\nconst pagination = cva(\n\t[\n\t\t'p-pagination',\n\t\t'items-center gap-2',\n\t\t'rounded-full',\n\t\t'bg-off-white-300 border border-off-white-700',\n\t\t'p-1',\n\t],\n\t{\n\t\tvariants: {\n\t\t\thidden: {\n\t\t\t\tfalse: 'flex',\n\t\t\t\ttrue: 'hidden',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-pagination',\n\tstyleUrl: 'pagination.component.css',\n\tshadow: true,\n})\nexport class Pagination {\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hideOnSinglePage: boolean = true;\n\n\t/**\n\t * Wether to enable pagination size select\n\t */\n\t@Prop() enablePaginationSize: boolean = true;\n\n\t/**\n\t * Wether to enable pagination pages\n\t */\n\t@Prop() enablePaginationPages: boolean = true;\n\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) page: number = 1;\n\n\t/**\n\t * The total amount of items\n\t */\n\t@Prop() total!: number;\n\n\t/**\n\t * The amount of items per page\n\t */\n\t@Prop() pageSize: number = defaultSize;\n\n\t/**\n\t * The options for the page size\n\t */\n\t@Prop() pageSizeOptions: number[] = defaultSizeOptions;\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 * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageSizeChange: EventEmitter<number>;\n\n\t/**\n\t * The pages that were generated\n\t */\n\t@Event({ bubbles: false }) pagesChange: EventEmitter<number>;\n\n\t@State() private _hasPaginationPages = true;\n\n\trender() {\n\t\tconst hidePageSizeSelect =\n\t\t\tthis.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={pagination({\n\t\t\t\t\thidden:\n\t\t\t\t\t\t(hidePageSizeSelect && !this._hasPaginationPages) ||\n\t\t\t\t\t\t(!this.enablePaginationSize && !this.enablePaginationPages),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this.enablePaginationPages && this.enablePaginationSize && (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<p-pagination-size\n\t\t\t\t\t\t\thidden={hidePageSizeSelect}\n\t\t\t\t\t\t\tsize={this.pageSize}\n\t\t\t\t\t\t\tsizeOptions={this.pageSizeOptions}\n\t\t\t\t\t\t\tonSizeChange={({ detail }) => this._changePageSize(detail)}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{!hidePageSizeSelect &&\n\t\t\t\t\t\t\tthis.hideOnSinglePage &&\n\t\t\t\t\t\t\tthis._hasPaginationPages && (\n\t\t\t\t\t\t\t\t<p-divider\n\t\t\t\t\t\t\t\t\tvariant='vertical'\n\t\t\t\t\t\t\t\t\tclass='mx-0 h-4 text-human-beige-700'\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t</Fragment>\n\t\t\t\t)}\n\n\t\t\t\t{this.enablePaginationPages && (\n\t\t\t\t\t<p-pagination-pages\n\t\t\t\t\t\tpageSize={this.pageSize}\n\t\t\t\t\t\ttotal={this.total}\n\t\t\t\t\t\tpage={this.page}\n\t\t\t\t\t\thideOnSinglePage={this.hideOnSinglePage}\n\t\t\t\t\t\tonPageChange={({ detail }) => this.pageChange.emit(detail)}\n\t\t\t\t\t\tonPagesChange={({ detail }) => {\n\t\t\t\t\t\t\tthis._hasPaginationPages = detail > 1;\n\t\t\t\t\t\t\tthis.pagesChange.emit(detail);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _changePageSize(s?: number) {\n\t\tif (!s) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.pageSize = s;\n\t\tthis.pageSizeChange.emit(this.pageSize);\n\t}\n}\n",null,"import { Component, Event, EventEmitter, h, Prop, Watch } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\ntype PaginationSetItem = {\n\ttype: string;\n\tvalue?: number | Element | JSX.Element | string;\n};\n\nconst pagination = cva(['p-pagination', 'flex gap-2 items-center'], {\n\tvariants: {\n\t\thidden: {\n\t\t\tfalse: 'flex',\n\t\t\ttrue: 'hidden',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-pagination-pages',\n\tstyleUrl: 'pagination-pages.component.css',\n\tshadow: true,\n})\nexport class PaginationPages {\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\t/**\n\t * The pages that were generated\n\t */\n\t@Event({ bubbles: false }) pagesChange: EventEmitter<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<div\n\t\t\t\tclass={pagination({\n\t\t\t\t\thidden: this.hideOnSinglePage && this._set?.length === 3,\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-pages-item\n\t\t\t\t\t\t\t\tvariant='carousel'\n\t\t\t\t\t\t\t\tdisabled={this._carouselDisabled(p.type)}\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-pages-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 (\n\t\t\t\t\t\t\t<p-pagination-pages-item hover={false}>\n\t\t\t\t\t\t\t\t...\n\t\t\t\t\t\t\t</p-pagination-pages-item>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<p-pagination-pages-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-pages-item>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\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\tif (this._carouselDisabled('previous')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._changePage(this.page - 1);\n\t}\n\n\tprivate _nextClick = () => {\n\t\tif (this._carouselDisabled('next')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._changePage(this.page + 1);\n\t};\n\n\tprivate _carouselDisabled = (type: 'previous' | 'next') => {\n\t\tif (type === 'next') {\n\t\t\tconst nextPage = this.page + 1;\n\t\t\tif (nextPage > this._pages[this._pages.length - 1]) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\tif (type === 'previous') {\n\t\t\tconst previousPage = this.page - 1;\n\t\t\tif (previousPage < this._pages[0]) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\treturn false;\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\tthis.pagesChange.emit(pages);\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\tsize='sm'\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\tsize='sm'\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",null,"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';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nexport type templateFunc = (value: number) => string;\n\nconst paginationSize = cva('p-pagination-size', {\n\tvariants: {\n\t\thidden: {\n\t\t\tfalse: null,\n\t\t\ttrue: 'hidden',\n\t\t},\n\t},\n});\n\nconst trigger = cva(\n\t[\n\t\t'flex items-center gap-2',\n\t\t'px-2 h-6',\n\t\t'text-sm text-white font-medium ',\n\t\t'cursor-pointer rounded-full',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: 'bg-dark-teal-400 hover:bg-dark-teal-500',\n\t\t\t\ttrue: 'bg-dark-teal-600',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-pagination-size',\n\tstyleUrl: 'pagination-size.component.css',\n\tshadow: true,\n})\nexport class PaginationSize {\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 * 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 * Wether the dropdown is open\n\t */\n\t@State() dropdownIsOpen = 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={paginationSize({ hidden: asBoolean(this.hidden) })}>\n\t\t\t\t<p-dropdown\n\t\t\t\t\tapplyFullWidth={true}\n\t\t\t\t\tapplyMaxWidth={false}\n\t\t\t\t\tvariant='dark-teal'\n\t\t\t\t\tplacement='top-start'\n\t\t\t\t\tchevronDirection='down'\n\t\t\t\t\tonIsOpen={({ detail }) => (this.dropdownIsOpen = detail)}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={trigger({\n\t\t\t\t\t\t\tactive: this.dropdownIsOpen,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t>\n\t\t\t\t\t\t<p class='min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap'>\n\t\t\t\t\t\t\t{this.itemTemplate\n\t\t\t\t\t\t\t\t? this.itemTemplate(this.size)\n\t\t\t\t\t\t\t\t: this._defaultItemTemplate(this.size)}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass='flex-shrink-0'\n\t\t\t\t\t\t\tvariant='double-caret'\n\t\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\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"],"mappings":"6PAAA,MAAMA,EAAyB,utBCY/B,MAAMC,EAAaC,EAClB,CACC,eACA,qBACA,eACA,+CACA,OAED,CACCC,SAAU,CACTC,OAAQ,CACPC,MAAO,OACPC,KAAM,a,MAWGC,EAAU,M,wJAIdC,iBAA4B,KAK5BC,qBAAgC,KAKhCC,sBAAiC,KAKDC,KAAe,EAK/CC,MAKAC,SAAmBC,EAKnBC,gBAA4BC,EAQpCC,WAQAC,eAK2BC,YAEVC,oBAAsB,KAEvC,MAAAC,GACC,MAAMC,EACLC,KAAKf,kBAAoBe,KAAKX,OAASW,KAAKR,kBAAkB,GAE/D,OACCS,EAAA,OAAAC,IAAA,2CACCC,MAAOzB,EAAW,CACjBG,OACEkB,IAAuBC,KAAKH,sBAC3BG,KAAKd,uBAAyBc,KAAKb,yBAGtCa,KAAKb,uBAAyBa,KAAKd,sBACnCe,EAACG,EAAQ,CAAAF,IAAA,4CACRD,EAAA,qBAAAC,IAAA,2CACCrB,OAAQkB,EACRM,KAAML,KAAKV,SACXgB,YAAaN,KAAKR,gBAClBe,aAAc,EAAGC,YAAaR,KAAKS,gBAAgBD,MAGlDT,GACDC,KAAKf,kBACLe,KAAKH,qBACJI,EAAA,aAAAC,IAAA,2CACCQ,QAAQ,WACRP,MAAM,mCAMVH,KAAKb,uBACLc,EAAA,sBAAAC,IAAA,2CACCZ,SAAUU,KAAKV,SACfD,MAAOW,KAAKX,MACZD,KAAMY,KAAKZ,KACXH,iBAAkBe,KAAKf,iBACvB0B,aAAc,EAAGH,YAAaR,KAAKN,WAAWkB,KAAKJ,GACnDK,cAAe,EAAGL,aACjBR,KAAKH,oBAAsBW,EAAS,EACpCR,KAAKJ,YAAYgB,KAAKJ,EAAO,I,CAQ3B,eAAAC,CAAgBK,GACvB,IAAKA,EAAG,CACP,M,CAGDd,KAAKV,SAAWwB,EAChBd,KAAKL,eAAeiB,KAAKZ,KAAKV,S,aCrJhC,MAAMyB,EAA8B,+LCQpC,MAAMrC,EAAaC,EAAI,CAAC,eAAgB,2BAA4B,CACnEC,SAAU,CACTC,OAAQ,CACPC,MAAO,OACPC,KAAM,a,MAUIiC,EAAe,M,yGAIa5B,KAAe,EAQvDM,WAKQJ,SAAmB,GAKnBL,iBAA4B,MAK5BI,MAKmBO,YAEnBqB,OAAmB,GACnBC,KAA4B,GAEpC,mBAAAC,GACCnB,KAAKoB,W,CAGN,MAAAtB,GACC,OACCG,EAAA,OAAAC,IAAA,2CACCC,MAAOzB,EAAW,CACjBG,OAAQmB,KAAKf,kBAAoBe,KAAKkB,MAAMG,SAAW,KAGvDrB,KAAKkB,MAAMI,KAAIC,IACf,GAAIA,EAAEC,OAAS,YAAcD,EAAEC,OAAS,OAAQ,CAC/C,OACCvB,EACC,2BAAAS,QAAQ,WACRe,SAAUzB,KAAK0B,kBAAkBH,EAAEC,MACnCG,QAAS,IACRJ,EAAEC,OAAS,WACRxB,KAAK4B,iBACL5B,KAAK6B,cAGRN,EAAEO,M,CAKN,GAAIP,EAAEC,OAAS,WAAY,CAC1B,OACCvB,EAAyB,2BAAA8B,MAAO,OAAK,M,CAMvC,OACC9B,EAAA,2BACC+B,OAAQT,EAAEO,QAAU9B,KAAKZ,KACzBuC,QAAS,IAAM3B,KAAKiC,WAAWV,EAAEO,QAEhCP,EAAEO,MACsB,I,CAUrB,iBAAAI,GACTlC,KAAKoB,W,CAGE,SAAAA,GACPpB,KAAKiB,OAASjB,KAAKmC,iBACnBnC,KAAKkB,KAAOlB,KAAKoC,eAEjB,GAAIpC,KAAKZ,KAAOY,KAAKiB,QAAQI,OAAQ,CACpCrB,KAAKqC,YAAYrC,KAAKiB,OAAOI,O,EAIvB,WAAAgB,CAAYd,GACnB,IAAKA,EAAG,CACP,M,CAGDvB,KAAKZ,KAAOmC,EACZvB,KAAKN,WAAWkB,KAAKZ,KAAKZ,K,CAGnB,cAAAwC,GACP,GAAI5B,KAAK0B,kBAAkB,YAAa,CACvC,M,CAGD1B,KAAKqC,YAAYrC,KAAKZ,KAAO,E,CAGtByC,WAAa,KACpB,GAAI7B,KAAK0B,kBAAkB,QAAS,CACnC,M,CAGD1B,KAAKqC,YAAYrC,KAAKZ,KAAO,EAAE,EAGxBsC,kBAAqBF,IAC5B,GAAIA,IAAS,OAAQ,CACpB,MAAMc,EAAWtC,KAAKZ,KAAO,EAC7B,GAAIkD,EAAWtC,KAAKiB,OAAOjB,KAAKiB,OAAOI,OAAS,GAAI,CACnD,OAAO,I,EAIT,GAAIG,IAAS,WAAY,CACxB,MAAMe,EAAevC,KAAKZ,KAAO,EACjC,GAAImD,EAAevC,KAAKiB,OAAO,GAAI,CAClC,OAAO,I,EAIT,OAAO,KAAK,EAGLgB,WAAcV,GAAevB,KAAKqC,YAAYd,GAE9C,cAAAY,GACP,IAAKnC,KAAKX,QAAUW,KAAKV,SAAU,CAClC,MAAO,E,CAGR,MAAMkD,EAAQC,KAAKC,KAAK1C,KAAKX,MAAQW,KAAKV,UAC1CU,KAAKJ,YAAYgB,KAAK4B,GACtB,OAAO,IAAIG,MAAMH,GAAOI,KAAKC,WAAWvB,KAAI,CAACwB,EAAGC,IAAMA,EAAI,G,CAGnDX,aAAe,CACtBY,EAAgB,EAChBC,EAA4B,QAE5B,MAAMC,EAAalD,KAAKiB,OAAOI,OAE/B,IAAK6B,EAAY,CAChB,MAAO,E,CAGR,IAAIC,EAAQnD,KAAKZ,KAAO4D,EACxB,IAAII,EAAMpD,KAAKZ,KAAO4D,EAEtB,GAAII,EAAMF,EAAY,CACrBE,EAAMF,EACNC,EAAQD,EAAaF,EAAQ,EAC7BG,EAAQA,EAAQ,EAAI,EAAIA,C,CAGzB,GAAIA,GAAS,EAAG,CACfA,EAAQ,EACRC,EAAMX,KAAKY,IAAIL,EAAQ,EAAI,EAAGE,E,CAG/B,MAAMI,EAAM,GAEZ,MAAMC,EAAW,CAChB/B,KAAM,WACNM,MACC7B,EACC,UAAAS,QAAQ,QACRL,KAAK,KACLmD,OAAQ,MAKX,MAAMC,EAAO,CACZjC,KAAM,OACNM,MACC7B,EAAA,UACCS,QAAQ,QACRL,KAAK,KACLmD,QAAQ,MAMX,GAAIR,IAAU,KAAM,CACnB,MAAMzB,EAAIvB,KAAKiB,OAAOK,KAAIC,IAAC,CAC1BC,KAAM,OACNM,MAAOP,MAGR,OAAO0B,EAAmB,CAACM,KAAahC,EAAGkC,GAAQlC,C,CAGpD,GAAI0B,EAAkB,CACrBK,EAAII,KAAKH,E,CAGV,GAAIJ,GAAS,EAAG,CACf,IAAK,IAAIJ,EAAI,EAAGA,EAAII,EAAOJ,IAAK,CAC/BO,EAAII,KAAK,CACRlC,KAAM,OACNM,MAAO9B,KAAKiB,OAAO8B,EAAI,I,MAGnB,CACNO,EAAII,KAAK,CACRlC,KAAM,OACNM,MAAO,IAGRwB,EAAII,KAAK,CACRlC,KAAM,WACNM,MAAO,Y,CAIT,IAAK,IAAIiB,EAAII,EAAOJ,GAAKK,EAAKL,IAAK,CAClCO,EAAII,KAAK,CACRlC,KAAM,OACNM,MAAO9B,KAAKiB,OAAO8B,EAAI,I,CAIzB,GAAIK,GAAOF,EAAa,EAAG,CAC1B,IAAK,IAAIH,EAAIK,EAAM,EAAGL,GAAKG,EAAYH,IAAK,CAC3CO,EAAII,KAAK,CACRlC,KAAM,OACNM,MAAO9B,KAAKiB,OAAO8B,EAAI,I,MAGnB,CACNO,EAAII,KAAK,CACRlC,KAAM,aAGP8B,EAAII,KAAK,CACRlC,KAAM,OACNM,MAAO9B,KAAKiB,OAAOjB,KAAKiB,OAAOI,OAAS,I,CAI1C,GAAI4B,EAAkB,CACrBK,EAAII,KAAKD,E,CAGV,OAAOH,CAAG,E,gICjSZ,MAAMK,EAA6B,goCCqBnC,MAAMC,EAAiBjF,EAAI,oBAAqB,CAC/CC,SAAU,CACTC,OAAQ,CACPC,MAAO,KACPC,KAAM,aAKT,MAAM8E,EAAUlF,EACf,CACC,0BACA,WACA,kCACA,+BAED,CACCC,SAAU,CACToD,OAAQ,CACPlD,MAAO,0CACPC,KAAM,uB,MAWG+E,EAAc,M,gEAClBC,qBAAqC1D,GAC5C2D,EAAkBhE,KAAKiE,SAASC,KAAM,CAAE7D,SAIDA,KAAed,EAK/Ce,YAAwBb,EAQhC0E,WAKQC,aAA6BpE,KAAK+D,qB,yBAUlClF,OAAkB,MAKjBwF,eAAiB,MAKTJ,SAAgB,GAEjC,iBAAAK,GACCtE,KAAKuE,a,CAGN,MAAAzE,GACC,OACCG,EAACuE,EAAI,CAAAtE,IAAA,2CAACC,MAAOyD,EAAe,CAAE/E,OAAQ4F,EAAUzE,KAAKnB,WACpDoB,EAAA,cAAAC,IAAA,2CACCwE,eAAgB,KAChBC,cAAe,MACfjE,QAAQ,YACRkE,UAAU,YACVC,iBAAiB,OACjBC,SAAU,EAAGtE,YAAcR,KAAKqE,eAAiB7D,GAEjDP,EACC,OAAAC,IAAA,2CAAAC,MAAO0D,EAAQ,CACd7B,OAAQhC,KAAKqE,iBAEdU,KAAK,WAEL9E,EAAA,KAAAC,IAAA,2CAAGC,MAAM,4DACPH,KAAKoE,aACHpE,KAAKoE,aAAapE,KAAKK,MACvBL,KAAK+D,qBAAqB/D,KAAKK,OAEnCJ,EAAA,UAAAC,IAAA,2CACCC,MAAM,gBACNO,QAAQ,eACRL,KAAK,QAGPJ,EAAA,QAAAC,IAAA,2CAAM6E,KAAK,SACT/E,KAAKM,YAAYgB,KAAI0D,GACrB/E,EAAA,wBACC+B,OAAQgD,IAAWhF,KAAKK,KACxBsB,QAAS,IAAM3B,KAAKiF,YAAYD,IAE/BhF,KAAKoE,aACHpE,KAAKoE,aAAaY,GAClBhF,KAAK+D,qBAAqBiB,Q,CAU5B,iBAAMT,GACbvE,KAAKiE,eAAiBiB,EAA0BlF,KAAKmF,I,CAG9C,WAAAF,CAAYnE,GACnB,IAAKA,EAAG,CACP,M,CAGDd,KAAKK,KAAOS,EACZd,KAAKmE,WAAWvD,KAAKZ,KAAKK,K","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,g as i,h as s,H as e}from"./p-DhGo7hbh.js";import{c as r}from"./p-CT54OXR2.js";import"./p-ChV9xqsO.js";const a=".absolute{position:absolute!important}.relative{position:relative!important}.mt-3{margin-top:.75rem!important}.flex{display:flex!important}.w-0{width:0!important}.w-full{width:100%!important}.flex-shrink-0{flex-shrink:0!important}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) 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}.cursor-grab{cursor:grab!important}.cursor-grabbing{cursor:grabbing!important}.flex-col{flex-direction:column!important}.flex-nowrap{flex-wrap:nowrap!important}.items-center{align-items:center!important}.items-stretch{align-items:stretch!important}.justify-center{justify-content:center!important}.overflow-visible{overflow:visible!important}.p-16{padding:4rem!important}.pt-1{padding-top:.25rem!important}.will-change-transform{will-change:transform!important}*{box-sizing:border-box}:host{display:flex;flex-direction:column;margin:-4rem;overflow:hidden;padding:4rem}:host .slider{box-sizing:content-box;overflow:visible;position:relative}:host .slider.draggable{cursor:grab}@media (min-width:64rem){:host .slider.draggable{cursor:auto}}:host .slider.draggable.dragging{cursor:grabbing}@media (min-width:64rem){:host .slider.draggable.dragging{cursor:auto}}:host .slider.draggable.dragging .inner-slider{transition-property:none}:host .slider .inner-slider{--tw-translate-x:0px;align-items:stretch;display:flex;flex-wrap:nowrap;gap:.5rem;position:absolute;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));transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.15s;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;will-change:transform}@media (min-width:64rem){:host .slider .inner-slider{flex-wrap:wrap;gap:1rem}}:host .slider .inner-slider>::slotted(*){flex-shrink:0;position:relative;width:100%;z-index:10}@media (min-width:40rem){:host .slider .inner-slider>::slotted(*){width:calc(50% - .5rem)}}@media (min-width:64rem){:host .slider .inner-slider>::slotted(*){flex:1 1 0%;width:0}}:host .indicator{align-items:center;display:flex;justify-content:center}@media (min-width:64rem){:host .indicator{display:none}}:host .indicator .item{margin-top:.75rem;padding-left:.25rem;padding-right:.25rem;padding-top:.25rem}@media (min-width:64rem){.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:gap-4{gap:1rem!important}}.visible{visibility:visible!important}.static{position:static!important}.block{display:block!important}.hidden{display:none!important}.h-2{height:.5rem!important}.w-2{width:.5rem!important}.cursor-pointer{cursor:pointer!important}.resize{resize:both!important}.rounded-full{border-radius:9999px!important}.bg-dark-teal-400{--tw-bg-opacity:1!important;background-color:rgb(51 116 109/var(--tw-bg-opacity,1))!important}.bg-dark-teal-600{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}";const n=class{constructor(i){t(this,i)}hideMobileIndicator=false;disableDrag=false;disableAutoCenter=false;disableIndicatorClick=false;get _el(){return i(this)}_visibleIndex;_outerHeight=0;_totalWidth=0;_sliderRef;_innerSliderRef;_items=[];_innerSliderResizeObserver;_startX;_startMouseX;_lastMouseX;_lastIndex;_shouldCheckLocation=false;_dragging=false;componentDidLoad(){this._innerSliderRef.style.setProperty("--tw-translate-x",`0px`)}disconnectedCallback(){if(this._innerSliderResizeObserver){this._innerSliderResizeObserver.disconnect()}}render(){return s(e,{key:"a90faade5fa16b17fb2deb6a2d80fd5845feca2d",class:"p-content-slider"},s("div",{key:"fb304a103dd9b0374c341f3d7db62a3e7f4bcf4c",class:`slider ${!this.disableDrag&&"draggable"} ${this._dragging&&"dragging"}`,style:{height:`${this._outerHeight}px`},ref:t=>this._sliderRef=t,onMouseDown:t=>this._mouseDownHandler(t),onTouchStart:t=>this._mouseDownHandler(t),onMouseMove:t=>this._mouseMoveHandler(t),onTouchMove:t=>this._mouseMoveHandler(t)},s("div",{key:"c57ab22bf7a5089b8890cc3ff6a6dc0e1673489e",class:"inner-slider",ref:t=>this._setInnerSliderReft(t),onTransitionEnd:()=>this._transitionEndHandler()},s("slot",{key:"7fb6ff60c0be823e82aed130941047a8b074d83e",onSlotchange:()=>this._slotChange()}))),s("div",{key:"3d319fb4197735975a6ad8e29c1b891600ff1b2e",class:`indicator ${this.hideMobileIndicator&&"hidden"}`},this._items.map(((t,i)=>s("div",{onClick:()=>this._scrollTo(i,true),class:`item ${!this.disableIndicatorClick&&"cursor-pointer"}`},s("div",{class:r("block h-2 w-2 rounded-full",{"bg-dark-teal-600":i===this._visibleIndex,"bg-dark-teal-400":i!==this._visibleIndex})}))))))}_mouseDownHandler(t){if(this.disableDrag||this._dragging){return}const i=getComputedStyle(this._innerSliderRef);if(i.flexWrap==="wrap"){return}this._startMouseX=t.x;const s=this._sliderRef.getBoundingClientRect();if(t.type==="touchstart"){this._startMouseX=t.touches?.[0].clientX}const e=this._innerSliderRef.getBoundingClientRect();const r=e.x-s.x;this._startX=this._startMouseX-s.x-r;this._lastIndex=this._visibleIndex;this._dragging=true}_mouseMoveHandler(t){if(!t||!this._dragging||this.disableDrag){return}t.preventDefault();this._shouldCheckLocation=true;if(this._innerSliderRef.style.getPropertyValue("pointer-events")===""){this._innerSliderRef.style.pointerEvents="none"}const i=this._sliderRef.getBoundingClientRect();let s=t.clientX-i.left;this._lastMouseX=t.x;if(t.type==="touchmove"){s=t.touches?.[0].clientX-i.left;this._lastMouseX=t.touches?.[0].clientX}this._innerSliderRef.style.setProperty("--tw-translate-x",`${s-this._startX}px`);this._checkBoundary();this._calculateIndicator()}_transitionEndHandler(){this._calculateIndicator()}_slotChange(){const t=this._el.querySelectorAll(":scope > *");this._items=Array.from(t);setTimeout((()=>{this._innerSliderRef.style.setProperty("--tw-translate-x","0px");this._calculateWidth();this._calculateIndicator()}),100)}mouseUpHandler(){this._dragging=false;this._innerSliderRef.style.removeProperty("pointer-events");this._checkLocation()}resizeHandler(){if(this._innerSliderRef){this._innerSliderRef.style.setProperty("--tw-translate-x","0px");this._calculateWidth();this._calculateIndicator()}}_setInnerSliderReft(t){this._innerSliderRef=t;this._innerSliderResizeObserver=new ResizeObserver((()=>this._calculateHeight()));this._innerSliderResizeObserver.observe(this._innerSliderRef)}_scrollTo(t,i=false){if(this.disableIndicatorClick&&i){return}const s=this._items[t];if(t===0){this._innerSliderRef.style.setProperty("--tw-translate-x",`0px`);return}const e=this._sliderRef.getBoundingClientRect();const r=this._innerSliderRef.getBoundingClientRect();const a=s.getBoundingClientRect();const n=a.x-r.x;const o=n+a.width/2-e.width/2;this._innerSliderRef.style.setProperty("--tw-translate-x",`-${o}px`);this._checkBoundary();this._calculateIndicator()}_checkBoundary(){let t=this._sliderRef.getBoundingClientRect();const i=parseInt(this._innerSliderRef.style.getPropertyValue("--tw-translate-x"));if(i>0){this._innerSliderRef.style.setProperty("--tw-translate-x",`0px`)}const s=(this._totalWidth-t.width)*-1;if(i<s){this._innerSliderRef.style.setProperty("--tw-translate-x",`${s}px`)}}_calculateIndicator(){for(let t=0;t<this._items.length;t++){const i=this._items[t];const s=this._isVisible(i);if(s){this._visibleIndex=t}if(t===0&&s){break}}}_checkLocation(){if(!this._shouldCheckLocation){return}let t=null;if(this._lastIndex!==this._visibleIndex){t=this._visibleIndex}if(this._lastIndex===this._visibleIndex){if(this._lastMouseX>this._startMouseX&&this._lastIndex!==0){t=this._lastIndex-1}if(this._lastMouseX<this._startMouseX&&this._lastIndex!==this._items?.length-1){t=this._lastIndex+1}}if(t!==null){this._shouldCheckLocation=false;setTimeout((()=>this._scrollTo(t)),100)}}_isVisible(t){if(!this._el||!t){return false}const i=t.getBoundingClientRect();const s=this._sliderRef.getBoundingClientRect();return i.left>=s.left&&i.right<=s.right||this._isMobile(t)&&i.left+i.width/2>=s.left&&i.left+i.width/2<=s.right}_calculateWidth(){let t=0;for(let i of this._items){const s=i.getBoundingClientRect();t+=s.width}const i=getComputedStyle(this._sliderRef);const s=parseInt(i.padding)*2;const e=getComputedStyle(this._innerSliderRef);const r=parseInt(e.gap)*(this._items.length-1);t+=s+r;this._totalWidth=t}_calculateHeight(){const t=this._items.at(0).getBoundingClientRect().height;if(t!=this._outerHeight){this._outerHeight=t}}_isMobile(t){if(!t){t=this._items.at(0)}const i=t.getBoundingClientRect();const s=this._sliderRef.getBoundingClientRect();return s.width-i.width<10}};n.style=a;export{n as p_content_slider};
|
|
2
|
-
//# sourceMappingURL=p-3dcd703c.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["contentSliderComponentCss","ContentSlider","hideMobileIndicator","disableDrag","disableAutoCenter","disableIndicatorClick","_visibleIndex","_outerHeight","_totalWidth","_sliderRef","_innerSliderRef","_items","_innerSliderResizeObserver","_startX","_startMouseX","_lastMouseX","_lastIndex","_shouldCheckLocation","_dragging","componentDidLoad","this","style","setProperty","disconnectedCallback","disconnect","render","h","Host","key","class","height","ref","el","onMouseDown","e","_mouseDownHandler","onTouchStart","onMouseMove","_mouseMoveHandler","onTouchMove","_setInnerSliderReft","onTransitionEnd","_transitionEndHandler","onSlotchange","_slotChange","map","_","i","onClick","_scrollTo","cn","innerSliderStyle","getComputedStyle","flexWrap","x","sliderRect","getBoundingClientRect","type","touches","clientX","innerSliderRect","offsetLeft","preventDefault","getPropertyValue","pointerEvents","left","_checkBoundary","_calculateIndicator","items","_el","querySelectorAll","Array","from","setTimeout","_calculateWidth","mouseUpHandler","removeProperty","_checkLocation","resizeHandler","ResizeObserver","_calculateHeight","observe","manual","elRect","centerOffset","width","outer","parseInt","maxLeft","length","item","visible","_isVisible","scrollToIndex","right","_isMobile","totalWidth","rect","sliderStyle","padding","gap","outerHeight","at"],"sources":["src/components/molecules/content-slider/content-slider.component.scss?tag=p-content-slider&encapsulation=shadow","src/components/molecules/content-slider/content-slider.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-col overflow-hidden;\n\n\t@apply p-16 -m-16;\n\n\t.slider {\n\t\t@apply overflow-visible relative box-content;\n\n\t\t&.draggable {\n\t\t\t@apply cursor-grab desktop-xs:cursor-auto;\n\n\t\t\t&.dragging {\n\t\t\t\t@apply cursor-grabbing desktop-xs:cursor-auto;\n\n\t\t\t\t.inner-slider {\n\t\t\t\t\t@apply transition-none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.inner-slider {\n\t\t\t@apply absolute flex flex-nowrap items-stretch w-full gap-2;\n\n\t\t\t@apply will-change-transform transform-gpu translate-x-0;\n\n\t\t\t@apply desktop-xs:gap-4 desktop-xs:flex-wrap;\n\n\t\t\t@apply transition-all;\n\t\t\ttransition-duration: 0.5s;\n\n\t\t\t> ::slotted(*) {\n\t\t\t\t@apply w-full;\n\t\t\t\t@apply flex-shrink-0 z-10;\n\n\t\t\t\t@screen tablet {\n\t\t\t\t\twidth: calc(50% - 0.5rem);\n\t\t\t\t}\n\n\t\t\t\t@screen desktop-xs {\n\t\t\t\t\t@apply w-0 flex-1;\n\t\t\t\t}\n\n\t\t\t\tposition: relative;\n\t\t\t}\n\t\t}\n\t}\n\n\t.indicator {\n\t\t@apply flex justify-center items-center desktop-xs:hidden;\n\n\t\t.item {\n\t\t\t@apply mt-3 pt-1 px-1;\n\t\t}\n\t}\n}\n","import {\n\tComponent,\n\tElement,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cn } from '../../../utils';\n\n@Component({\n\ttag: 'p-content-slider',\n\tstyleUrl: 'content-slider.component.scss',\n\tshadow: true,\n})\nexport class ContentSlider {\n\t/**\n\t * Wether to hide the indicator on mobile\n\t */\n\t@Prop() hideMobileIndicator: boolean = false;\n\n\t/**\n\t * Wether to disable dragging the content\n\t */\n\t@Prop() disableDrag: boolean = false;\n\n\t/**\n\t * Wether to disable auto centering the content\n\t */\n\t@Prop() disableAutoCenter: boolean = false;\n\n\t/**\n\t * Wether to disable clicking the indicator scrolls content\n\t */\n\t@Prop() disableIndicatorClick: boolean = false;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _visibleIndex: number;\n\t@State() private _outerHeight = 0;\n\t@State() private _totalWidth = 0;\n\tprivate _sliderRef: HTMLElement;\n\tprivate _innerSliderRef: HTMLElement;\n\tprivate _items: HTMLElement[] = [];\n\tprivate _innerSliderResizeObserver: ResizeObserver;\n\n\t// mouse movement stuff\n\tprivate _startX: number;\n\tprivate _startMouseX: number;\n\tprivate _lastMouseX: number;\n\tprivate _lastIndex: number;\n\tprivate _shouldCheckLocation = false;\n\t@State() private _dragging = false;\n\n\tcomponentDidLoad() {\n\t\tthis._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this._innerSliderResizeObserver) {\n\t\t\tthis._innerSliderResizeObserver.disconnect();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-content-slider'>\n\t\t\t\t<div\n\t\t\t\t\tclass={`slider ${!this.disableDrag && 'draggable'} ${\n\t\t\t\t\t\tthis._dragging && 'dragging'\n\t\t\t\t\t}`}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\theight: `${this._outerHeight}px`,\n\t\t\t\t\t}}\n\t\t\t\t\tref={el => (this._sliderRef = el)}\n\t\t\t\t\tonMouseDown={e => this._mouseDownHandler(e)}\n\t\t\t\t\tonTouchStart={e => this._mouseDownHandler(e)}\n\t\t\t\t\tonMouseMove={e => this._mouseMoveHandler(e)}\n\t\t\t\t\tonTouchMove={e => this._mouseMoveHandler(e)}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass='inner-slider'\n\t\t\t\t\t\tref={ref => this._setInnerSliderReft(ref)}\n\t\t\t\t\t\tonTransitionEnd={() => this._transitionEndHandler()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot onSlotchange={() => this._slotChange()} />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class={`indicator ${this.hideMobileIndicator && 'hidden'}`}>\n\t\t\t\t\t{this._items.map((_, i) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tonClick={() => this._scrollTo(i, true)}\n\t\t\t\t\t\t\tclass={`item ${!this.disableIndicatorClick && 'cursor-pointer'}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass={cn('block h-2 w-2 rounded-full', {\n\t\t\t\t\t\t\t\t\t'bg-dark-teal-600': i === this._visibleIndex,\n\t\t\t\t\t\t\t\t\t'bg-dark-teal-400': i !== this._visibleIndex,\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _mouseDownHandler(e) {\n\t\tif (this.disableDrag || this._dragging) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst innerSliderStyle = getComputedStyle(this._innerSliderRef);\n\t\tif (innerSliderStyle.flexWrap === 'wrap') {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._startMouseX = e.x;\n\t\tconst sliderRect = this._sliderRef.getBoundingClientRect();\n\t\tif (e.type === 'touchstart') {\n\t\t\tthis._startMouseX = e.touches?.[0].clientX;\n\t\t}\n\n\t\tconst innerSliderRect = this._innerSliderRef.getBoundingClientRect();\n\t\tconst offsetLeft = innerSliderRect.x - sliderRect.x;\n\n\t\tthis._startX = this._startMouseX - sliderRect.x - offsetLeft;\n\t\tthis._lastIndex = this._visibleIndex;\n\t\tthis._dragging = true;\n\t}\n\n\tprivate _mouseMoveHandler(e) {\n\t\tif (!e || !this._dragging || this.disableDrag) {\n\t\t\treturn;\n\t\t}\n\n\t\te.preventDefault();\n\n\t\tthis._shouldCheckLocation = true;\n\n\t\tif (this._innerSliderRef.style.getPropertyValue('pointer-events') === '') {\n\t\t\tthis._innerSliderRef.style.pointerEvents = 'none';\n\t\t}\n\n\t\tconst sliderRect = this._sliderRef.getBoundingClientRect();\n\t\tlet x = e.clientX - sliderRect.left;\n\t\tthis._lastMouseX = e.x;\n\t\tif (e.type === 'touchmove') {\n\t\t\tx = e.touches?.[0].clientX - sliderRect.left;\n\t\t\tthis._lastMouseX = e.touches?.[0].clientX;\n\t\t}\n\n\t\tthis._innerSliderRef.style.setProperty(\n\t\t\t'--tw-translate-x',\n\t\t\t`${x - this._startX}px`\n\t\t);\n\n\t\tthis._checkBoundary();\n\t\tthis._calculateIndicator();\n\t}\n\n\tprivate _transitionEndHandler() {\n\t\tthis._calculateIndicator();\n\t}\n\n\tprivate _slotChange() {\n\t\tconst items = this._el.querySelectorAll(':scope > *');\n\t\tthis._items = Array.from(items) as HTMLElement[];\n\n\t\tsetTimeout(() => {\n\t\t\tthis._innerSliderRef.style.setProperty('--tw-translate-x', '0px');\n\t\t\tthis._calculateWidth();\n\t\t\tthis._calculateIndicator();\n\t\t}, 100);\n\t}\n\n\t@Listen('mouseup', { target: 'window' })\n\t@Listen('touchend', { target: 'window' })\n\tmouseUpHandler() {\n\t\tthis._dragging = false;\n\t\tthis._innerSliderRef.style.removeProperty('pointer-events');\n\n\t\tthis._checkLocation();\n\t}\n\n\t@Listen('resize', { target: 'window' })\n\tresizeHandler() {\n\t\tif (this._innerSliderRef) {\n\t\t\tthis._innerSliderRef.style.setProperty('--tw-translate-x', '0px');\n\t\t\tthis._calculateWidth();\n\t\t\tthis._calculateIndicator();\n\t\t}\n\t}\n\n\tprivate _setInnerSliderReft(ref) {\n\t\tthis._innerSliderRef = ref;\n\t\tthis._innerSliderResizeObserver = new ResizeObserver(() =>\n\t\t\tthis._calculateHeight()\n\t\t);\n\t\tthis._innerSliderResizeObserver.observe(this._innerSliderRef);\n\t}\n\n\tprivate _scrollTo(i: number, manual = false) {\n\t\tif (this.disableIndicatorClick && manual) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst el = this._items[i];\n\n\t\tif (i === 0) {\n\t\t\tthis._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n\t\t\treturn;\n\t\t}\n\n\t\tconst sliderRect = this._sliderRef.getBoundingClientRect();\n\t\tconst innerSliderRect = this._innerSliderRef.getBoundingClientRect();\n\t\tconst elRect = el.getBoundingClientRect();\n\n\t\tconst offsetLeft = elRect.x - innerSliderRect.x;\n\n\t\tconst centerOffset = offsetLeft + elRect.width / 2 - sliderRect.width / 2;\n\n\t\tthis._innerSliderRef.style.setProperty(\n\t\t\t'--tw-translate-x',\n\t\t\t`-${centerOffset}px`\n\t\t);\n\n\t\tthis._checkBoundary();\n\t\tthis._calculateIndicator();\n\t}\n\n\tprivate _checkBoundary() {\n\t\tlet outer = this._sliderRef.getBoundingClientRect();\n\n\t\tconst left = parseInt(\n\t\t\tthis._innerSliderRef.style.getPropertyValue('--tw-translate-x')\n\t\t);\n\t\tif (left > 0) {\n\t\t\tthis._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n\t\t}\n\n\t\tconst maxLeft = (this._totalWidth - outer.width) * -1;\n\t\tif (left < maxLeft) {\n\t\t\tthis._innerSliderRef.style.setProperty(\n\t\t\t\t'--tw-translate-x',\n\t\t\t\t`${maxLeft}px`\n\t\t\t);\n\t\t}\n\t}\n\n\tprivate _calculateIndicator() {\n\t\tfor (let i = 0; i < this._items.length; i++) {\n\t\t\tconst item = this._items[i];\n\t\t\tconst visible = this._isVisible(item);\n\n\t\t\tif (visible) {\n\t\t\t\tthis._visibleIndex = i;\n\t\t\t}\n\n\t\t\tif (i === 0 && visible) {\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate _checkLocation() {\n\t\tif (!this._shouldCheckLocation) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet scrollToIndex = null;\n\t\tif (this._lastIndex !== this._visibleIndex) {\n\t\t\tscrollToIndex = this._visibleIndex;\n\t\t}\n\n\t\tif (this._lastIndex === this._visibleIndex) {\n\t\t\tif (this._lastMouseX > this._startMouseX && this._lastIndex !== 0) {\n\t\t\t\tscrollToIndex = this._lastIndex - 1;\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\tthis._lastMouseX < this._startMouseX &&\n\t\t\t\tthis._lastIndex !== this._items?.length - 1\n\t\t\t) {\n\t\t\t\tscrollToIndex = this._lastIndex + 1;\n\t\t\t}\n\t\t}\n\n\t\tif (scrollToIndex !== null) {\n\t\t\tthis._shouldCheckLocation = false;\n\t\t\tsetTimeout(() => this._scrollTo(scrollToIndex), 100);\n\t\t}\n\t}\n\n\tprivate _isVisible(el: HTMLElement) {\n\t\tif (!this._el || !el) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst elRect = el.getBoundingClientRect();\n\t\tconst sliderRect = this._sliderRef.getBoundingClientRect();\n\n\t\treturn (\n\t\t\t(elRect.left >= sliderRect.left && elRect.right <= sliderRect.right) ||\n\t\t\t(this._isMobile(el) &&\n\t\t\t\telRect.left + elRect.width / 2 >= sliderRect.left &&\n\t\t\t\telRect.left + elRect.width / 2 <= sliderRect.right)\n\t\t);\n\t}\n\n\tprivate _calculateWidth() {\n\t\tlet totalWidth = 0;\n\n\t\tfor (let item of this._items) {\n\t\t\tconst rect = item.getBoundingClientRect();\n\t\t\ttotalWidth += rect.width;\n\t\t}\n\n\t\tconst sliderStyle = getComputedStyle(this._sliderRef);\n\t\tconst padding = parseInt(sliderStyle.padding) * 2;\n\n\t\tconst innerSliderStyle = getComputedStyle(this._innerSliderRef);\n\t\tconst gap = parseInt(innerSliderStyle.gap) * (this._items.length - 1);\n\n\t\ttotalWidth += padding + gap;\n\n\t\tthis._totalWidth = totalWidth;\n\t}\n\n\tprivate _calculateHeight() {\n\t\tconst outerHeight = this._items.at(0).getBoundingClientRect().height;\n\t\tif (outerHeight != this._outerHeight) {\n\t\t\tthis._outerHeight = outerHeight;\n\t\t}\n\t}\n\n\tprivate _isMobile(el?: HTMLElement) {\n\t\tif (!el) {\n\t\t\tel = this._items.at(0);\n\t\t}\n\n\t\tconst elRect = el.getBoundingClientRect();\n\t\tconst sliderRect = this._sliderRef.getBoundingClientRect();\n\n\t\treturn sliderRect.width - elRect.width < 10;\n\t}\n}\n"],"mappings":"qHAAA,MAAMA,EAA4B,isG,MCgBrBC,EAAa,M,yBAIjBC,oBAA+B,MAK/BC,YAAuB,MAKvBC,kBAA6B,MAK7BC,sBAAiC,M,yBAOxBC,cACAC,aAAe,EACfC,YAAc,EACvBC,WACAC,gBACAC,OAAwB,GACxBC,2BAGAC,QACAC,aACAC,YACAC,WACAC,qBAAuB,MACdC,UAAY,MAE7B,gBAAAC,GACCC,KAAKV,gBAAgBW,MAAMC,YAAY,mBAAoB,M,CAG5D,oBAAAC,GACC,GAAIH,KAAKR,2BAA4B,CACpCQ,KAAKR,2BAA2BY,Y,EAIlC,MAAAC,GACC,OACCC,EAACC,EAAK,CAAAC,IAAA,2CAAAC,MAAM,oBACXH,EAAA,OAAAE,IAAA,2CACCC,MAAO,WAAWT,KAAKjB,aAAe,eACrCiB,KAAKF,WAAa,aAEnBG,MAAO,CACNS,OAAQ,GAAGV,KAAKb,kBAEjBwB,IAAKC,GAAOZ,KAAKX,WAAauB,EAC9BC,YAAaC,GAAKd,KAAKe,kBAAkBD,GACzCE,aAAcF,GAAKd,KAAKe,kBAAkBD,GAC1CG,YAAaH,GAAKd,KAAKkB,kBAAkBJ,GACzCK,YAAaL,GAAKd,KAAKkB,kBAAkBJ,IAEzCR,EACC,OAAAE,IAAA,2CAAAC,MAAM,eACNE,IAAKA,GAAOX,KAAKoB,oBAAoBT,GACrCU,gBAAiB,IAAMrB,KAAKsB,yBAE5BhB,EAAM,QAAAE,IAAA,2CAAAe,aAAc,IAAMvB,KAAKwB,kBAGjClB,EAAK,OAAAE,IAAA,2CAAAC,MAAO,aAAaT,KAAKlB,qBAAuB,YACnDkB,KAAKT,OAAOkC,KAAI,CAACC,EAAGC,IACpBrB,EAAA,OACCsB,QAAS,IAAM5B,KAAK6B,UAAUF,EAAG,MACjClB,MAAO,SAAST,KAAKf,uBAAyB,oBAE9CqB,EAAA,OACCG,MAAOqB,EAAG,6BAA8B,CACvC,mBAAoBH,IAAM3B,KAAKd,cAC/B,mBAAoByC,IAAM3B,KAAKd,sB,CAU/B,iBAAA6B,CAAkBD,GACzB,GAAId,KAAKjB,aAAeiB,KAAKF,UAAW,CACvC,M,CAGD,MAAMiC,EAAmBC,iBAAiBhC,KAAKV,iBAC/C,GAAIyC,EAAiBE,WAAa,OAAQ,CACzC,M,CAGDjC,KAAKN,aAAeoB,EAAEoB,EACtB,MAAMC,EAAanC,KAAKX,WAAW+C,wBACnC,GAAItB,EAAEuB,OAAS,aAAc,CAC5BrC,KAAKN,aAAeoB,EAAEwB,UAAU,GAAGC,O,CAGpC,MAAMC,EAAkBxC,KAAKV,gBAAgB8C,wBAC7C,MAAMK,EAAaD,EAAgBN,EAAIC,EAAWD,EAElDlC,KAAKP,QAAUO,KAAKN,aAAeyC,EAAWD,EAAIO,EAClDzC,KAAKJ,WAAaI,KAAKd,cACvBc,KAAKF,UAAY,I,CAGV,iBAAAoB,CAAkBJ,GACzB,IAAKA,IAAMd,KAAKF,WAAaE,KAAKjB,YAAa,CAC9C,M,CAGD+B,EAAE4B,iBAEF1C,KAAKH,qBAAuB,KAE5B,GAAIG,KAAKV,gBAAgBW,MAAM0C,iBAAiB,oBAAsB,GAAI,CACzE3C,KAAKV,gBAAgBW,MAAM2C,cAAgB,M,CAG5C,MAAMT,EAAanC,KAAKX,WAAW+C,wBACnC,IAAIF,EAAIpB,EAAEyB,QAAUJ,EAAWU,KAC/B7C,KAAKL,YAAcmB,EAAEoB,EACrB,GAAIpB,EAAEuB,OAAS,YAAa,CAC3BH,EAAIpB,EAAEwB,UAAU,GAAGC,QAAUJ,EAAWU,KACxC7C,KAAKL,YAAcmB,EAAEwB,UAAU,GAAGC,O,CAGnCvC,KAAKV,gBAAgBW,MAAMC,YAC1B,mBACA,GAAGgC,EAAIlC,KAAKP,aAGbO,KAAK8C,iBACL9C,KAAK+C,qB,CAGE,qBAAAzB,GACPtB,KAAK+C,qB,CAGE,WAAAvB,GACP,MAAMwB,EAAQhD,KAAKiD,IAAIC,iBAAiB,cACxClD,KAAKT,OAAS4D,MAAMC,KAAKJ,GAEzBK,YAAW,KACVrD,KAAKV,gBAAgBW,MAAMC,YAAY,mBAAoB,OAC3DF,KAAKsD,kBACLtD,KAAK+C,qBAAqB,GACxB,I,CAKJ,cAAAQ,GACCvD,KAAKF,UAAY,MACjBE,KAAKV,gBAAgBW,MAAMuD,eAAe,kBAE1CxD,KAAKyD,gB,CAIN,aAAAC,GACC,GAAI1D,KAAKV,gBAAiB,CACzBU,KAAKV,gBAAgBW,MAAMC,YAAY,mBAAoB,OAC3DF,KAAKsD,kBACLtD,KAAK+C,qB,EAIC,mBAAA3B,CAAoBT,GAC3BX,KAAKV,gBAAkBqB,EACvBX,KAAKR,2BAA6B,IAAImE,gBAAe,IACpD3D,KAAK4D,qBAEN5D,KAAKR,2BAA2BqE,QAAQ7D,KAAKV,gB,CAGtC,SAAAuC,CAAUF,EAAWmC,EAAS,OACrC,GAAI9D,KAAKf,uBAAyB6E,EAAQ,CACzC,M,CAGD,MAAMlD,EAAKZ,KAAKT,OAAOoC,GAEvB,GAAIA,IAAM,EAAG,CACZ3B,KAAKV,gBAAgBW,MAAMC,YAAY,mBAAoB,OAC3D,M,CAGD,MAAMiC,EAAanC,KAAKX,WAAW+C,wBACnC,MAAMI,EAAkBxC,KAAKV,gBAAgB8C,wBAC7C,MAAM2B,EAASnD,EAAGwB,wBAElB,MAAMK,EAAasB,EAAO7B,EAAIM,EAAgBN,EAE9C,MAAM8B,EAAevB,EAAasB,EAAOE,MAAQ,EAAI9B,EAAW8B,MAAQ,EAExEjE,KAAKV,gBAAgBW,MAAMC,YAC1B,mBACA,IAAI8D,OAGLhE,KAAK8C,iBACL9C,KAAK+C,qB,CAGE,cAAAD,GACP,IAAIoB,EAAQlE,KAAKX,WAAW+C,wBAE5B,MAAMS,EAAOsB,SACZnE,KAAKV,gBAAgBW,MAAM0C,iBAAiB,qBAE7C,GAAIE,EAAO,EAAG,CACb7C,KAAKV,gBAAgBW,MAAMC,YAAY,mBAAoB,M,CAG5D,MAAMkE,GAAWpE,KAAKZ,YAAc8E,EAAMD,QAAS,EACnD,GAAIpB,EAAOuB,EAAS,CACnBpE,KAAKV,gBAAgBW,MAAMC,YAC1B,mBACA,GAAGkE,M,EAKE,mBAAArB,GACP,IAAK,IAAIpB,EAAI,EAAGA,EAAI3B,KAAKT,OAAO8E,OAAQ1C,IAAK,CAC5C,MAAM2C,EAAOtE,KAAKT,OAAOoC,GACzB,MAAM4C,EAAUvE,KAAKwE,WAAWF,GAEhC,GAAIC,EAAS,CACZvE,KAAKd,cAAgByC,C,CAGtB,GAAIA,IAAM,GAAK4C,EAAS,CACvB,K,GAKK,cAAAd,GACP,IAAKzD,KAAKH,qBAAsB,CAC/B,M,CAGD,IAAI4E,EAAgB,KACpB,GAAIzE,KAAKJ,aAAeI,KAAKd,cAAe,CAC3CuF,EAAgBzE,KAAKd,a,CAGtB,GAAIc,KAAKJ,aAAeI,KAAKd,cAAe,CAC3C,GAAIc,KAAKL,YAAcK,KAAKN,cAAgBM,KAAKJ,aAAe,EAAG,CAClE6E,EAAgBzE,KAAKJ,WAAa,C,CAGnC,GACCI,KAAKL,YAAcK,KAAKN,cACxBM,KAAKJ,aAAeI,KAAKT,QAAQ8E,OAAS,EACzC,CACDI,EAAgBzE,KAAKJ,WAAa,C,EAIpC,GAAI6E,IAAkB,KAAM,CAC3BzE,KAAKH,qBAAuB,MAC5BwD,YAAW,IAAMrD,KAAK6B,UAAU4C,IAAgB,I,EAI1C,UAAAD,CAAW5D,GAClB,IAAKZ,KAAKiD,MAAQrC,EAAI,CACrB,OAAO,K,CAGR,MAAMmD,EAASnD,EAAGwB,wBAClB,MAAMD,EAAanC,KAAKX,WAAW+C,wBAEnC,OACE2B,EAAOlB,MAAQV,EAAWU,MAAQkB,EAAOW,OAASvC,EAAWuC,OAC7D1E,KAAK2E,UAAU/D,IACfmD,EAAOlB,KAAOkB,EAAOE,MAAQ,GAAK9B,EAAWU,MAC7CkB,EAAOlB,KAAOkB,EAAOE,MAAQ,GAAK9B,EAAWuC,K,CAIxC,eAAApB,GACP,IAAIsB,EAAa,EAEjB,IAAK,IAAIN,KAAQtE,KAAKT,OAAQ,CAC7B,MAAMsF,EAAOP,EAAKlC,wBAClBwC,GAAcC,EAAKZ,K,CAGpB,MAAMa,EAAc9C,iBAAiBhC,KAAKX,YAC1C,MAAM0F,EAAUZ,SAASW,EAAYC,SAAW,EAEhD,MAAMhD,EAAmBC,iBAAiBhC,KAAKV,iBAC/C,MAAM0F,EAAMb,SAASpC,EAAiBiD,MAAQhF,KAAKT,OAAO8E,OAAS,GAEnEO,GAAcG,EAAUC,EAExBhF,KAAKZ,YAAcwF,C,CAGZ,gBAAAhB,GACP,MAAMqB,EAAcjF,KAAKT,OAAO2F,GAAG,GAAG9C,wBAAwB1B,OAC9D,GAAIuE,GAAejF,KAAKb,aAAc,CACrCa,KAAKb,aAAe8F,C,EAId,SAAAN,CAAU/D,GACjB,IAAKA,EAAI,CACRA,EAAKZ,KAAKT,OAAO2F,GAAG,E,CAGrB,MAAMnB,EAASnD,EAAGwB,wBAClB,MAAMD,EAAanC,KAAKX,WAAW+C,wBAEnC,OAAOD,EAAW8B,MAAQF,EAAOE,MAAQ,E","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,h as a,H as e}from"./p-DhGo7hbh.js";import{c as r}from"./p-CBWjHURv.js";import"./p-ChV9xqsO.js";const o=".w-full{width:100%!important}.max-h-screen-safe{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}*{box-sizing:border-box}:host{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:100%;.safe-sidebar{padding-top:calc(env(safe-area-inset-top, 0) + 1rem)!important;&.show{--tw-translate-x:env(safe-area-inset-left,0)!important}}.safe-topbar{height:calc(env(safe-area-inset-top, 0) + 4rem);padding-top:calc(env(safe-area-inset-top, 0) + 1rem)!important}}@media (min-width:80rem){:host{width:15rem}}@media (min-width:105rem){:host{width:18rem}}@media (min-width:80rem){.layout-1280\\:w-60{width:15rem!important}}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.fixed{position:fixed!important}.relative{position:relative!important}.left-0{left:0!important}.top-0{top:0!important}.z-navbar{z-index:300!important}.z-navbar-backdrop{z-index:290!important}.z-navbar-topbar{z-index:280!important}.mt-auto{margin-top:auto!important}.flex{display:flex!important}.hidden{display:none!important}.h-screen{height:100vh!important}.w-60{width:15rem!important}.max-w-\\[16\\.5rem\\]{max-width:16.5rem!important}.-translate-x-full{--tw-translate-x:-100%!important;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}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) 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}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.items-stretch{align-items:stretch!important}.justify-between{justify-content:space-between!important}.gap-6{gap:1.5rem!important}.overflow-y-auto{overflow-y:auto!important}.border-0{border-width:0!important}.border-b{border-bottom-width:1px!important}.border-r{border-right-width:1px!important}.border-solid{border-style:solid!important}.border-off-white-700{--tw-border-opacity:1!important;border-color:rgb(222 219 213/var(--tw-border-opacity,1))!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.p-4{padding:1rem!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.transition-all{transition-duration:.15s!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.will-change-transform{will-change:transform!important}@media (min-width:80rem){.layout-1280\\:relative{position:relative!important}.layout-1280\\:z-0{z-index:0!important}.layout-1280\\:flex{display:flex!important}.layout-1280\\:hidden{display:none!important}.layout-1280\\:h-full{height:100%!important}.layout-1280\\:max-w-none{max-width:none!important}.layout-1280\\:translate-x-0{--tw-translate-x:0px!important;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}}";const i=r(["bg-off-white-300","border-0 border-solid border-off-white-700","p-4"]);const n=r(["flex flex-col","fixed left-0 top-0 z-navbar h-screen w-60","w-full max-w-[16.5rem]","layout-1280:relative layout-1280:z-0 layout-1280:max-w-none layout-1280:h-full","gap-6","transition-all","will-change-transform","-translate-x-full transform-gpu layout-1280:translate-x-0","border-r","safe-sidebar"],{variants:{show:{false:null,true:"show"}}});const s=r(["flex w-full justify-between items-center","relative z-navbar-topbar","border-b","layout-1280:hidden","safe-topbar"]);const l=r(["z-navbar-backdrop layout-1280:hidden transition-opacity relative"],{variants:{show:{false:"opacity-0 pointer-events-none",true:"opacity-100"}}});const c=class{constructor(a){t(this,a)}_show=false;render(){return a(e,{key:"83069c9a8d248e7b060b8f54fad3cac31cbe2a34"},a("p-backdrop",{key:"b508f9e94e5688c8d7dfb6102f4c38d866f314a0",class:l({show:this._show}),scrollLock:this._show,onClicked:()=>this._show=false}),a("div",{key:"f492765fe009bc62897fa7835163ee22e5213794",class:n({class:i(),show:this._show})},a("div",{key:"d19072af8d1f831be7a08d92430069d6f1909864",class:"flex w-full items-center justify-between layout-1280:hidden"},a("p-button",{key:"e45de083b70a89755441a02eb8d248e623d9f22e",variant:"secondary",icon:"menu-arrow",iconFlip:"horizontal",iconOnly:true,size:"sm",onClick:()=>this._show=false})),a("div",{key:"3840e9aaa74ef0e67228fdd2f8c4f558a66f37e9",class:"flex w-full flex-col items-stretch"},a("slot",{key:"c3c6091a21f38e1c4be0246756f9ee90e8b4495c",name:"company"})),a("div",{key:"92b051acad306ffa5f041ed1d0aa7cfb8cd6c8fa",class:"flex w-full flex-col gap-6 overflow-y-auto"},a("slot",{key:"ed5e7f087b3b485b730507d5da332e2c6e12b993",name:"content"})),a("div",{key:"597925819decc929483caafbf4206b42e0ba3f21",class:"mt-auto hidden w-full flex-col layout-1280:flex"},a("slot",{key:"dc12ff13fe23c09dbdc26e9b38a0e2c50ee168d3",name:"user"}))),a("div",{key:"ce0624dba11ae136f42862534bd276e7661e5f57",class:s({class:i()})},a("p-button",{key:"d512759823ec64309c72aefd58abeffbe4aa37e4",variant:"secondary",iconOnly:true,icon:"menu-arrow",size:"sm",onClick:()=>this._show=true}),a("slot",{key:"265ec9c053bfead49c727ff102058e92346e3ebf",name:"topbar"})))}handleCloseNavbar(){this._show=false}handleOpenNavbar(){this._show=true}};c.style=o;export{c as p_navbar};
|
|
2
|
-
//# sourceMappingURL=p-c9cf90b5.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["navbarComponentCss","sidebarAndTopbar","cva","sidebar","variants","show","false","true","topbar","backdrop","Navbar","_show","render","h","Host","key","class","this","scrollLock","onClicked","variant","icon","iconFlip","iconOnly","size","onClick","name","handleCloseNavbar","handleOpenNavbar"],"sources":["src/components/organisms/navbar/navbar.component.css?tag=p-navbar&encapsulation=shadow","src/components/organisms/navbar/navbar.component.tsx"],"sourcesContent":[":host {\n\t@apply w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72;\n\n\t.safe-sidebar {\n\t\tpadding-top: calc(env(safe-area-inset-top, 0) + 1rem) !important;\n\n\t\t&.show {\n\t\t\t--tw-translate-x: env(safe-area-inset-left, 0) !important;\n\t\t}\n\t}\n\n\t.safe-topbar {\n\t\tpadding-top: calc(env(safe-area-inset-top, 0) + 1rem) !important;\n\t\theight: calc(env(safe-area-inset-top, 0) + 4rem);\n\t}\n}\n","import { Component, h, Host, Listen, State } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst sidebarAndTopbar = cva([\n\t'bg-off-white-300',\n\t'border-0 border-solid border-off-white-700',\n\t'p-4',\n]);\n\nconst sidebar = cva(\n\t[\n\t\t'flex flex-col',\n\n\t\t'fixed left-0 top-0 z-navbar h-screen w-60',\n\t\t'w-full max-w-[16.5rem]',\n\t\t'layout-1280:relative layout-1280:z-0 layout-1280:max-w-none layout-1280:h-full',\n\t\t'gap-6',\n\n\t\t'transition-all',\n\t\t'will-change-transform',\n\t\t'-translate-x-full transform-gpu layout-1280:translate-x-0',\n\n\t\t'border-r',\n\n\t\t'safe-sidebar',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tshow: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'show',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst topbar = cva([\n\t'flex w-full justify-between items-center',\n\t'relative z-navbar-topbar',\n\t'border-b',\n\t'layout-1280:hidden',\n\t'safe-topbar',\n]);\n\nconst backdrop = cva(\n\t['z-navbar-backdrop layout-1280:hidden transition-opacity relative'],\n\t{\n\t\tvariants: {\n\t\t\tshow: {\n\t\t\t\tfalse: 'opacity-0 pointer-events-none',\n\t\t\t\ttrue: 'opacity-100',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-navbar',\n\tstyleUrl: 'navbar.component.css',\n\tshadow: true,\n})\nexport class Navbar {\n\t@State() private _show = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<p-backdrop\n\t\t\t\t\tclass={backdrop({ show: this._show })}\n\t\t\t\t\tscrollLock={this._show}\n\t\t\t\t\tonClicked={() => (this._show = false)}\n\t\t\t\t></p-backdrop>\n\t\t\t\t<div class={sidebar({ class: sidebarAndTopbar(), show: this._show })}>\n\t\t\t\t\t<div class='flex w-full items-center justify-between layout-1280:hidden'>\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\ticon='menu-arrow'\n\t\t\t\t\t\t\ticonFlip='horizontal'\n\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\t\tonClick={() => (this._show = false)}\n\t\t\t\t\t\t></p-button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class='flex w-full flex-col items-stretch'>\n\t\t\t\t\t\t<slot name='company' />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class='flex w-full flex-col gap-6 overflow-y-auto'>\n\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class='mt-auto hidden w-full flex-col layout-1280:flex'>\n\t\t\t\t\t\t<slot name='user' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class={topbar({ class: sidebarAndTopbar() })}>\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\ticon='menu-arrow'\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\tonClick={() => (this._show = true)}\n\t\t\t\t\t></p-button>\n\n\t\t\t\t\t<slot name='topbar' />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('closeNavbar', { target: 'window' })\n\thandleCloseNavbar() {\n\t\tthis._show = false;\n\t}\n\n\t@Listen('openNavbar', { target: 'window' })\n\thandleOpenNavbar() {\n\t\tthis._show = true;\n\t}\n}\n"],"mappings":"8GAAA,MAAMA,EAAqB,6wGCG3B,MAAMC,EAAmBC,EAAI,CAC5B,mBACA,6CACA,QAGD,MAAMC,EAAUD,EACf,CACC,gBAEA,4CACA,yBACA,iFACA,QAEA,iBACA,wBACA,4DAEA,WAEA,gBAED,CACCE,SAAU,CACTC,KAAM,CACLC,MAAO,KACPC,KAAM,WAMV,MAAMC,EAASN,EAAI,CAClB,2CACA,2BACA,WACA,qBACA,gBAGD,MAAMO,EAAWP,EAChB,CAAC,oEACD,CACCE,SAAU,CACTC,KAAM,CACLC,MAAO,gCACPC,KAAM,kB,MAWGG,EAAM,M,yBACDC,MAAQ,MAEzB,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,4CACJF,EAAA,cAAAE,IAAA,2CACCC,MAAOP,EAAS,CAAEJ,KAAMY,KAAKN,QAC7BO,WAAYD,KAAKN,MACjBQ,UAAW,IAAOF,KAAKN,MAAQ,QAEhCE,EAAA,OAAAE,IAAA,2CAAKC,MAAOb,EAAQ,CAAEa,MAAOf,IAAoBI,KAAMY,KAAKN,SAC3DE,EAAK,OAAAE,IAAA,2CAAAC,MAAM,+DACVH,EAAA,YAAAE,IAAA,2CACCK,QAAQ,YACRC,KAAK,aACLC,SAAS,aACTC,SAAU,KACVC,KAAK,KACLC,QAAS,IAAOR,KAAKN,MAAQ,SAG/BE,EAAK,OAAAE,IAAA,2CAAAC,MAAM,sCACVH,EAAA,QAAAE,IAAA,2CAAMW,KAAK,aAEZb,EAAK,OAAAE,IAAA,2CAAAC,MAAM,8CACVH,EAAA,QAAAE,IAAA,2CAAMW,KAAK,aAGZb,EAAK,OAAAE,IAAA,2CAAAC,MAAM,mDACVH,EAAA,QAAAE,IAAA,2CAAMW,KAAK,WAGbb,EAAK,OAAAE,IAAA,2CAAAC,MAAOR,EAAO,CAAEQ,MAAOf,OAC3BY,EAAA,YAAAE,IAAA,2CACCK,QAAQ,YACRG,SAAU,KACVF,KAAK,aACLG,KAAK,KACLC,QAAS,IAAOR,KAAKN,MAAQ,OAG9BE,EAAA,QAAAE,IAAA,2CAAMW,KAAK,Y,CAOf,iBAAAC,GACCV,KAAKN,MAAQ,K,CAId,gBAAAiB,GACCX,KAAKN,MAAQ,I","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"p-B_fPJROs.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/pagination/pagination/pagination.component.css?tag=p-pagination&encapsulation=shadow","src/components/molecules/pagination/pagination/pagination.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tFragment,\n\th,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { defaultSize, defaultSizeOptions } from '../size/constants';\n\nconst pagination = cva(\n\t[\n\t\t'p-pagination',\n\t\t'items-center gap-2',\n\t\t'rounded-full',\n\t\t'bg-off-white-300 border border-off-white-700',\n\t\t'p-1',\n\t],\n\t{\n\t\tvariants: {\n\t\t\thidden: {\n\t\t\t\tfalse: 'flex',\n\t\t\t\ttrue: 'hidden',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-pagination',\n\tstyleUrl: 'pagination.component.css',\n\tshadow: true,\n})\nexport class Pagination {\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hideOnSinglePage: boolean = true;\n\n\t/**\n\t * Wether to enable pagination size select\n\t */\n\t@Prop() enablePaginationSize: boolean = true;\n\n\t/**\n\t * Wether to enable pagination pages\n\t */\n\t@Prop() enablePaginationPages: boolean = true;\n\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) page: number = 1;\n\n\t/**\n\t * The total amount of items\n\t */\n\t@Prop() total!: number;\n\n\t/**\n\t * The amount of items per page\n\t */\n\t@Prop() pageSize: number = defaultSize;\n\n\t/**\n\t * The options for the page size\n\t */\n\t@Prop() pageSizeOptions: number[] = defaultSizeOptions;\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 * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageSizeChange: EventEmitter<number>;\n\n\t/**\n\t * The pages that were generated\n\t */\n\t@Event({ bubbles: false }) pagesChange: EventEmitter<number>;\n\n\t@State() private _hasPaginationPages = true;\n\n\trender() {\n\t\tconst hidePageSizeSelect =\n\t\t\tthis.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={pagination({\n\t\t\t\t\thidden:\n\t\t\t\t\t\t(hidePageSizeSelect && !this._hasPaginationPages) ||\n\t\t\t\t\t\t(!this.enablePaginationSize && !this.enablePaginationPages),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this.enablePaginationPages && this.enablePaginationSize && (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<p-pagination-size\n\t\t\t\t\t\t\thidden={hidePageSizeSelect}\n\t\t\t\t\t\t\tsize={this.pageSize}\n\t\t\t\t\t\t\tsizeOptions={this.pageSizeOptions}\n\t\t\t\t\t\t\tonSizeChange={({ detail }) => this._changePageSize(detail)}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{!hidePageSizeSelect &&\n\t\t\t\t\t\t\tthis.hideOnSinglePage &&\n\t\t\t\t\t\t\tthis._hasPaginationPages && (\n\t\t\t\t\t\t\t\t<p-divider\n\t\t\t\t\t\t\t\t\tvariant='vertical'\n\t\t\t\t\t\t\t\t\tclass='mx-0 h-4 text-human-beige-700'\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t</Fragment>\n\t\t\t\t)}\n\n\t\t\t\t{this.enablePaginationPages && (\n\t\t\t\t\t<p-pagination-pages\n\t\t\t\t\t\tpageSize={this.pageSize}\n\t\t\t\t\t\ttotal={this.total}\n\t\t\t\t\t\tpage={this.page}\n\t\t\t\t\t\thideOnSinglePage={this.hideOnSinglePage}\n\t\t\t\t\t\tonPageChange={({ detail }) => this.pageChange.emit(detail)}\n\t\t\t\t\t\tonPagesChange={({ detail }) => {\n\t\t\t\t\t\t\tthis._hasPaginationPages = detail > 1;\n\t\t\t\t\t\t\tthis.pagesChange.emit(detail);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _changePageSize(s?: number) {\n\t\tif (!s) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.pageSize = s;\n\t\tthis.pageSizeChange.emit(this.pageSize);\n\t}\n}\n"],"version":3}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,F as a,g as s,H as r}from"./p-DhGo7hbh.js";import{c as n}from"./p-CBWjHURv.js";import{d as o,a as p}from"./p-DOp5eUxu.js";import{f as h,g as l}from"./p-DiJj8rmO.js";import{a as d}from"./p-C5CTp9IA.js";import"./p-ChV9xqsO.js";const c="*{box-sizing:border-box}.static{position:static!important}.mx-0{margin-left:0!important;margin-right:0!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-off-white-700{--tw-border-opacity:1!important;border-color:rgb(222 219 213/var(--tw-border-opacity,1))!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.p-1{padding:.25rem!important}.text-human-beige-700{--tw-text-opacity:1!important;color:rgb(231 216 203/var(--tw-text-opacity,1))!important}";const g=n(["p-pagination","items-center gap-2","rounded-full","bg-off-white-300 border border-off-white-700","p-1"],{variants:{hidden:{false:"flex",true:"hidden"}}});const m=class{constructor(i){t(this,i);this.pageChange=e(this,"pageChange",3);this.pageSizeChange=e(this,"pageSizeChange",3);this.pagesChange=e(this,"pagesChange",3)}hideOnSinglePage=true;enablePaginationSize=true;enablePaginationPages=true;page=1;total;pageSize=o;pageSizeOptions=p;pageChange;pageSizeChange;pagesChange;_hasPaginationPages=true;render(){const t=this.hideOnSinglePage&&this.total<=this.pageSizeOptions?.[0];return i("div",{key:"204cc4b072185b671d881ebeab93828050960c6e",class:g({hidden:t&&!this._hasPaginationPages||!this.enablePaginationSize&&!this.enablePaginationPages})},this.enablePaginationPages&&this.enablePaginationSize&&i(a,{key:"eca0f372057173a14273e65b84b762ce69deaa7c"},i("p-pagination-size",{key:"b243bcc13d1daa8aa5d998331563569d08c96fe3",hidden:t,size:this.pageSize,sizeOptions:this.pageSizeOptions,onSizeChange:({detail:t})=>this._changePageSize(t)}),!t&&this.hideOnSinglePage&&this._hasPaginationPages&&i("p-divider",{key:"eaa9c21582d51349a83e5f713c716f431b3bf303",variant:"vertical",class:"mx-0 h-4 text-human-beige-700"})),this.enablePaginationPages&&i("p-pagination-pages",{key:"9472e285c3eae5f1212caff7707115202d0a81ea",pageSize:this.pageSize,total:this.total,page:this.page,hideOnSinglePage:this.hideOnSinglePage,onPageChange:({detail:t})=>this.pageChange.emit(t),onPagesChange:({detail:t})=>{this._hasPaginationPages=t>1;this.pagesChange.emit(t)}}))}_changePageSize(t){if(!t){return}this.pageSize=t;this.pageSizeChange.emit(this.pageSize)}};m.style=c;const f="*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}";const b=n(["p-pagination","flex gap-2 items-center"],{variants:{hidden:{false:"flex",true:"hidden"}}});const u=class{constructor(i){t(this,i);this.pageChange=e(this,"pageChange",3);this.pagesChange=e(this,"pagesChange",3)}page=1;pageChange;pageSize=12;hideOnSinglePage=false;total;pagesChange;_pages=[];_set=[];componentWillRender(){this._generate()}render(){return i("div",{key:"ef6bb28567dc5c1ef6cbde6b7b0a699e6c5ee8c6",class:b({hidden:this.hideOnSinglePage&&this._set?.length===3})},this._set?.map((t=>{if(t.type==="previous"||t.type==="next"){return i("p-pagination-pages-item",{variant:"carousel",disabled:this._carouselDisabled(t.type),onClick:()=>t.type==="previous"?this._previousClick():this._nextClick()},t.value)}if(t.type==="ellipsis"){return i("p-pagination-pages-item",{hover:false},"...")}return i("p-pagination-pages-item",{active:t.value===this.page,onClick:()=>this._pageClick(t.value)},t.value)})))}pageChangeHandler(){this._generate()}_generate(){this._pages=this._generatePages();this._set=this._generateSet();if(this.page>this._pages?.length){this._changePage(this._pages.length)}}_changePage(t){if(!t){return}this.page=t;this.pageChange.emit(this.page)}_previousClick(){if(this._carouselDisabled("previous")){return}this._changePage(this.page-1)}_nextClick=()=>{if(this._carouselDisabled("next")){return}this._changePage(this.page+1)};_carouselDisabled=t=>{if(t==="next"){const t=this.page+1;if(t>this._pages[this._pages.length-1]){return true}}if(t==="previous"){const t=this.page-1;if(t<this._pages[0]){return true}}return false};_pageClick=t=>this._changePage(t);_generatePages(){if(!this.total||!this.pageSize){return[]}const t=Math.ceil(this.total/this.pageSize);this.pagesChange.emit(t);return new Array(t).fill(undefined).map(((t,e)=>e+1))}_generateSet=(t=1,e=true)=>{const a=this._pages.length;if(!a){return[]}let s=this.page-t;let r=this.page+t;if(r>a){r=a;s=a-t*2;s=s<1?1:s}if(s<=1){s=1;r=Math.min(t*2+1,a)}const n=[];const o={type:"previous",value:i("p-icon",{variant:"caret",size:"sm",rotate:90})};const p={type:"next",value:i("p-icon",{variant:"caret",size:"sm",rotate:-90})};if(t===null){const t=this._pages.map((t=>({type:"page",value:t})));return e?[o,...t,p]:t}if(e){n.push(o)}if(s<=3){for(let t=1;t<s;t++){n.push({type:"page",value:this._pages[t-1]})}}else{n.push({type:"page",value:1});n.push({type:"ellipsis",value:"ellipsis"})}for(let t=s;t<=r;t++){n.push({type:"page",value:this._pages[t-1]})}if(r>=a-2){for(let t=r+1;t<=a;t++){n.push({type:"page",value:this._pages[t-1]})}}else{n.push({type:"ellipsis"});n.push({type:"page",value:this._pages[this._pages.length-1]})}if(e){n.push(p)}return n};static get watchers(){return{page:["pageChangeHandler"],pageSize:["pageChangeHandler"],total:["pageChangeHandler"]}}};u.style=f;const x="*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.text-nowrap{text-wrap:nowrap!important}.rounded-full{border-radius:9999px!important}.bg-dark-teal-400{--tw-bg-opacity:1!important;background-color:rgb(51 116 109/var(--tw-bg-opacity,1))!important}.bg-dark-teal-600{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.hover\\:bg-dark-teal-500:hover{--tw-bg-opacity:1!important;background-color:rgb(0 81 72/var(--tw-bg-opacity,1))!important}";const v=n("p-pagination-size",{variants:{hidden:{false:null,true:"hidden"}}});const y=n(["flex items-center gap-2","px-2 h-6","text-sm text-white font-medium ","cursor-pointer rounded-full"],{variants:{active:{false:"bg-dark-teal-400 hover:bg-dark-teal-500",true:"bg-dark-teal-600"}}});const w=class{constructor(i){t(this,i);this.sizeChange=e(this,"sizeChange",3)}_defaultItemTemplate=t=>h(this._locales.item,{size:t});size=o;sizeOptions=p;sizeChange;itemTemplate=this._defaultItemTemplate;get _el(){return s(this)}hidden=false;dropdownIsOpen=false;_locales={};componentWillLoad(){this._setLocales()}render(){return i(r,{key:"0bedacfb0ced2a2d1c0563899fa0992d340fe32d",class:v({hidden:d(this.hidden)})},i("p-dropdown",{key:"4e2bd4c3f2b7cdca473aac3dc117c64ccd9afd92",applyFullWidth:true,applyMaxWidth:false,variant:"dark-teal",placement:"top-start",chevronDirection:"down",onIsOpen:({detail:t})=>this.dropdownIsOpen=t},i("div",{key:"7d671786ce4a1b9fb54ba4455c852cbd2a23fab5",class:y({active:this.dropdownIsOpen}),slot:"trigger"},i("p",{key:"27d0ae9cd6788bf3a9d1f9e7a4b6567917d720f9",class:"min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap"},this.itemTemplate?this.itemTemplate(this.size):this._defaultItemTemplate(this.size)),i("p-icon",{key:"f7a955f8dfc6827cec5b4acbe2b32e66b3c5d8da",class:"flex-shrink-0",variant:"double-caret",size:"sm"})),i("slot",{key:"aad2297e00c21b575b52a42755bcfd17a7893fb4",slot:"items"},this.sizeOptions.map((t=>i("p-dropdown-menu-item",{active:t===this.size,onClick:()=>this._changeSize(t)},this.itemTemplate?this.itemTemplate(t):this._defaultItemTemplate(t)))))))}async _setLocales(){this._locales=await l(this._el)}_changeSize(t){if(!t){return}this.size=t;this.sizeChange.emit(this.size)}};w.style=x;export{m as p_pagination,u as p_pagination_pages,w as p_pagination_size};
|
|
2
|
-
//# sourceMappingURL=p-339c0424.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["paginationComponentCss","pagination","cva","variants","hidden","false","true","Pagination","hideOnSinglePage","enablePaginationSize","enablePaginationPages","page","total","pageSize","defaultSize","pageSizeOptions","defaultSizeOptions","pageChange","pageSizeChange","pagesChange","_hasPaginationPages","render","hidePageSizeSelect","this","h","key","class","Fragment","size","sizeOptions","onSizeChange","detail","_changePageSize","variant","onPageChange","emit","onPagesChange","s","paginationPagesComponentCss","PaginationPages","_pages","_set","componentWillRender","_generate","length","map","p","type","disabled","_carouselDisabled","onClick","_previousClick","_nextClick","value","hover","active","_pageClick","pageChangeHandler","_generatePages","_generateSet","_changePage","nextPage","previousPage","pages","Math","ceil","Array","fill","undefined","_","i","range","enableBoundaries","totalPages","start","end","min","set","previous","rotate","next","push","paginationSizeComponentCss","paginationSize","trigger","PaginationSize","_defaultItemTemplate","formatTranslation","_locales","item","sizeChange","itemTemplate","dropdownIsOpen","componentWillLoad","_setLocales","Host","asBoolean","applyFullWidth","applyMaxWidth","placement","chevronDirection","onIsOpen","slot","option","_changeSize","getLocaleComponentStrings","_el"],"sources":["src/components/molecules/pagination/pagination/pagination.component.css?tag=p-pagination&encapsulation=shadow","src/components/molecules/pagination/pagination/pagination.component.tsx","src/components/molecules/pagination/pages/pagination-pages.component.css?tag=p-pagination-pages&encapsulation=shadow","src/components/molecules/pagination/pages/pagination-pages.component.tsx","src/components/molecules/pagination/size/pagination-size.component.css?tag=p-pagination-size&encapsulation=shadow","src/components/molecules/pagination/size/pagination-size.component.tsx"],"sourcesContent":[null,"import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tFragment,\n\th,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { defaultSize, defaultSizeOptions } from '../size/constants';\n\nconst pagination = cva(\n\t[\n\t\t'p-pagination',\n\t\t'items-center gap-2',\n\t\t'rounded-full',\n\t\t'bg-off-white-300 border border-off-white-700',\n\t\t'p-1',\n\t],\n\t{\n\t\tvariants: {\n\t\t\thidden: {\n\t\t\t\tfalse: 'flex',\n\t\t\t\ttrue: 'hidden',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-pagination',\n\tstyleUrl: 'pagination.component.css',\n\tshadow: true,\n})\nexport class Pagination {\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hideOnSinglePage: boolean = true;\n\n\t/**\n\t * Wether to enable pagination size select\n\t */\n\t@Prop() enablePaginationSize: boolean = true;\n\n\t/**\n\t * Wether to enable pagination pages\n\t */\n\t@Prop() enablePaginationPages: boolean = true;\n\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) page: number = 1;\n\n\t/**\n\t * The total amount of items\n\t */\n\t@Prop() total!: number;\n\n\t/**\n\t * The amount of items per page\n\t */\n\t@Prop() pageSize: number = defaultSize;\n\n\t/**\n\t * The options for the page size\n\t */\n\t@Prop() pageSizeOptions: number[] = defaultSizeOptions;\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 * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageSizeChange: EventEmitter<number>;\n\n\t/**\n\t * The pages that were generated\n\t */\n\t@Event({ bubbles: false }) pagesChange: EventEmitter<number>;\n\n\t@State() private _hasPaginationPages = true;\n\n\trender() {\n\t\tconst hidePageSizeSelect =\n\t\t\tthis.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={pagination({\n\t\t\t\t\thidden:\n\t\t\t\t\t\t(hidePageSizeSelect && !this._hasPaginationPages) ||\n\t\t\t\t\t\t(!this.enablePaginationSize && !this.enablePaginationPages),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this.enablePaginationPages && this.enablePaginationSize && (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<p-pagination-size\n\t\t\t\t\t\t\thidden={hidePageSizeSelect}\n\t\t\t\t\t\t\tsize={this.pageSize}\n\t\t\t\t\t\t\tsizeOptions={this.pageSizeOptions}\n\t\t\t\t\t\t\tonSizeChange={({ detail }) => this._changePageSize(detail)}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{!hidePageSizeSelect &&\n\t\t\t\t\t\t\tthis.hideOnSinglePage &&\n\t\t\t\t\t\t\tthis._hasPaginationPages && (\n\t\t\t\t\t\t\t\t<p-divider\n\t\t\t\t\t\t\t\t\tvariant='vertical'\n\t\t\t\t\t\t\t\t\tclass='mx-0 h-4 text-human-beige-700'\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t</Fragment>\n\t\t\t\t)}\n\n\t\t\t\t{this.enablePaginationPages && (\n\t\t\t\t\t<p-pagination-pages\n\t\t\t\t\t\tpageSize={this.pageSize}\n\t\t\t\t\t\ttotal={this.total}\n\t\t\t\t\t\tpage={this.page}\n\t\t\t\t\t\thideOnSinglePage={this.hideOnSinglePage}\n\t\t\t\t\t\tonPageChange={({ detail }) => this.pageChange.emit(detail)}\n\t\t\t\t\t\tonPagesChange={({ detail }) => {\n\t\t\t\t\t\t\tthis._hasPaginationPages = detail > 1;\n\t\t\t\t\t\t\tthis.pagesChange.emit(detail);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _changePageSize(s?: number) {\n\t\tif (!s) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.pageSize = s;\n\t\tthis.pageSizeChange.emit(this.pageSize);\n\t}\n}\n",null,"import { Component, Event, EventEmitter, h, Prop, Watch } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\ntype PaginationSetItem = {\n\ttype: string;\n\tvalue?: number | Element | JSX.Element | string;\n};\n\nconst pagination = cva(['p-pagination', 'flex gap-2 items-center'], {\n\tvariants: {\n\t\thidden: {\n\t\t\tfalse: 'flex',\n\t\t\ttrue: 'hidden',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-pagination-pages',\n\tstyleUrl: 'pagination-pages.component.css',\n\tshadow: true,\n})\nexport class PaginationPages {\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\t/**\n\t * The pages that were generated\n\t */\n\t@Event({ bubbles: false }) pagesChange: EventEmitter<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<div\n\t\t\t\tclass={pagination({\n\t\t\t\t\thidden: this.hideOnSinglePage && this._set?.length === 3,\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-pages-item\n\t\t\t\t\t\t\t\tvariant='carousel'\n\t\t\t\t\t\t\t\tdisabled={this._carouselDisabled(p.type)}\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-pages-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 (\n\t\t\t\t\t\t\t<p-pagination-pages-item hover={false}>\n\t\t\t\t\t\t\t\t...\n\t\t\t\t\t\t\t</p-pagination-pages-item>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<p-pagination-pages-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-pages-item>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\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\tif (this._carouselDisabled('previous')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._changePage(this.page - 1);\n\t}\n\n\tprivate _nextClick = () => {\n\t\tif (this._carouselDisabled('next')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._changePage(this.page + 1);\n\t};\n\n\tprivate _carouselDisabled = (type: 'previous' | 'next') => {\n\t\tif (type === 'next') {\n\t\t\tconst nextPage = this.page + 1;\n\t\t\tif (nextPage > this._pages[this._pages.length - 1]) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\tif (type === 'previous') {\n\t\t\tconst previousPage = this.page - 1;\n\t\t\tif (previousPage < this._pages[0]) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\treturn false;\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\tthis.pagesChange.emit(pages);\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\tsize='sm'\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\tsize='sm'\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",null,"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';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nexport type templateFunc = (value: number) => string;\n\nconst paginationSize = cva('p-pagination-size', {\n\tvariants: {\n\t\thidden: {\n\t\t\tfalse: null,\n\t\t\ttrue: 'hidden',\n\t\t},\n\t},\n});\n\nconst trigger = cva(\n\t[\n\t\t'flex items-center gap-2',\n\t\t'px-2 h-6',\n\t\t'text-sm text-white font-medium ',\n\t\t'cursor-pointer rounded-full',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: 'bg-dark-teal-400 hover:bg-dark-teal-500',\n\t\t\t\ttrue: 'bg-dark-teal-600',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-pagination-size',\n\tstyleUrl: 'pagination-size.component.css',\n\tshadow: true,\n})\nexport class PaginationSize {\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 * 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 * Wether the dropdown is open\n\t */\n\t@State() dropdownIsOpen = 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={paginationSize({ hidden: asBoolean(this.hidden) })}>\n\t\t\t\t<p-dropdown\n\t\t\t\t\tapplyFullWidth={true}\n\t\t\t\t\tapplyMaxWidth={false}\n\t\t\t\t\tvariant='dark-teal'\n\t\t\t\t\tplacement='top-start'\n\t\t\t\t\tchevronDirection='down'\n\t\t\t\t\tonIsOpen={({ detail }) => (this.dropdownIsOpen = detail)}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={trigger({\n\t\t\t\t\t\t\tactive: this.dropdownIsOpen,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t>\n\t\t\t\t\t\t<p class='min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap'>\n\t\t\t\t\t\t\t{this.itemTemplate\n\t\t\t\t\t\t\t\t? this.itemTemplate(this.size)\n\t\t\t\t\t\t\t\t: this._defaultItemTemplate(this.size)}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass='flex-shrink-0'\n\t\t\t\t\t\t\tvariant='double-caret'\n\t\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\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"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,g as i,h as s,H as e}from"./p-DhGo7hbh.js";import{c as r}from"./p-CT54OXR2.js";import"./p-ChV9xqsO.js";const a=".absolute{position:absolute!important}.relative{position:relative!important}.mt-3{margin-top:.75rem!important}.flex{display:flex!important}.w-0{width:0!important}.w-full{width:100%!important}.flex-shrink-0{flex-shrink:0!important}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) 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}.cursor-grab{cursor:grab!important}.cursor-grabbing{cursor:grabbing!important}.flex-col{flex-direction:column!important}.flex-nowrap{flex-wrap:nowrap!important}.items-center{align-items:center!important}.items-stretch{align-items:stretch!important}.justify-center{justify-content:center!important}.overflow-visible{overflow:visible!important}.p-16{padding:4rem!important}.pt-1{padding-top:.25rem!important}.will-change-transform{will-change:transform!important}*{box-sizing:border-box}:host{display:flex;flex-direction:column;margin:-4rem;overflow:hidden;padding:4rem}:host .slider{box-sizing:content-box;overflow:visible;position:relative}:host .slider.draggable{cursor:grab}@media (min-width:64rem){:host .slider.draggable{cursor:auto}}:host .slider.draggable.dragging{cursor:grabbing}@media (min-width:64rem){:host .slider.draggable.dragging{cursor:auto}}:host .slider.draggable.dragging .inner-slider{transition-property:none}:host .slider .inner-slider{--tw-translate-x:0px;align-items:stretch;display:flex;flex-wrap:nowrap;gap:.5rem;position:absolute;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));transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.15s;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;will-change:transform}@media (min-width:64rem){:host .slider .inner-slider{flex-wrap:wrap;gap:1rem}}:host .slider .inner-slider>::slotted(*){flex-shrink:0;position:relative;width:100%;z-index:10}@media (min-width:40rem){:host .slider .inner-slider>::slotted(*){width:calc(50% - .5rem)}}@media (min-width:64rem){:host .slider .inner-slider>::slotted(*){flex:1 1 0%;width:0}}:host .indicator{align-items:center;display:flex;justify-content:center}@media (min-width:64rem){:host .indicator{display:none}}:host .indicator .item{margin-top:.75rem;padding-left:.25rem;padding-right:.25rem;padding-top:.25rem}@media (min-width:64rem){.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:gap-4{gap:1rem!important}}.visible{visibility:visible!important}.static{position:static!important}.block{display:block!important}.hidden{display:none!important}.h-2{height:.5rem!important}.w-2{width:.5rem!important}.cursor-pointer{cursor:pointer!important}.resize{resize:both!important}.rounded-full{border-radius:9999px!important}.bg-dark-teal-400{--tw-bg-opacity:1!important;background-color:rgb(51 116 109/var(--tw-bg-opacity,1))!important}.bg-dark-teal-600{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}";const n=class{constructor(i){t(this,i)}hideMobileIndicator=false;disableDrag=false;disableAutoCenter=false;disableIndicatorClick=false;get _el(){return i(this)}_visibleIndex;_outerHeight=0;_totalWidth=0;_sliderRef;_innerSliderRef;_items=[];_innerSliderResizeObserver;_startX;_startMouseX;_lastMouseX;_lastIndex;_shouldCheckLocation=false;_dragging=false;componentDidLoad(){this._innerSliderRef.style.setProperty("--tw-translate-x",`0px`)}disconnectedCallback(){if(this._innerSliderResizeObserver){this._innerSliderResizeObserver.disconnect()}}render(){return s(e,{key:"a90faade5fa16b17fb2deb6a2d80fd5845feca2d",class:"p-content-slider"},s("div",{key:"fb304a103dd9b0374c341f3d7db62a3e7f4bcf4c",class:`slider ${!this.disableDrag&&"draggable"} ${this._dragging&&"dragging"}`,style:{height:`${this._outerHeight}px`},ref:t=>this._sliderRef=t,onMouseDown:t=>this._mouseDownHandler(t),onTouchStart:t=>this._mouseDownHandler(t),onMouseMove:t=>this._mouseMoveHandler(t),onTouchMove:t=>this._mouseMoveHandler(t)},s("div",{key:"c57ab22bf7a5089b8890cc3ff6a6dc0e1673489e",class:"inner-slider",ref:t=>this._setInnerSliderReft(t),onTransitionEnd:()=>this._transitionEndHandler()},s("slot",{key:"7fb6ff60c0be823e82aed130941047a8b074d83e",onSlotchange:()=>this._slotChange()}))),s("div",{key:"3d319fb4197735975a6ad8e29c1b891600ff1b2e",class:`indicator ${this.hideMobileIndicator&&"hidden"}`},this._items.map(((t,i)=>s("div",{onClick:()=>this._scrollTo(i,true),class:`item ${!this.disableIndicatorClick&&"cursor-pointer"}`},s("div",{class:r("block h-2 w-2 rounded-full",{"bg-dark-teal-600":i===this._visibleIndex,"bg-dark-teal-400":i!==this._visibleIndex})}))))))}_mouseDownHandler(t){if(this.disableDrag||this._dragging){return}const i=getComputedStyle(this._innerSliderRef);if(i.flexWrap==="wrap"){return}this._startMouseX=t.x;const s=this._sliderRef.getBoundingClientRect();if(t.type==="touchstart"){this._startMouseX=t.touches?.[0].clientX}const e=this._innerSliderRef.getBoundingClientRect();const r=e.x-s.x;this._startX=this._startMouseX-s.x-r;this._lastIndex=this._visibleIndex;this._dragging=true}_mouseMoveHandler(t){if(!t||!this._dragging||this.disableDrag){return}t.preventDefault();this._shouldCheckLocation=true;if(this._innerSliderRef.style.getPropertyValue("pointer-events")===""){this._innerSliderRef.style.pointerEvents="none"}const i=this._sliderRef.getBoundingClientRect();let s=t.clientX-i.left;this._lastMouseX=t.x;if(t.type==="touchmove"){s=t.touches?.[0].clientX-i.left;this._lastMouseX=t.touches?.[0].clientX}this._innerSliderRef.style.setProperty("--tw-translate-x",`${s-this._startX}px`);this._checkBoundary();this._calculateIndicator()}_transitionEndHandler(){this._calculateIndicator()}_slotChange(){const t=this._el.querySelectorAll(":scope > *");this._items=Array.from(t);setTimeout((()=>{this._innerSliderRef.style.setProperty("--tw-translate-x","0px");this._calculateWidth();this._calculateIndicator()}),100)}mouseUpHandler(){this._dragging=false;this._innerSliderRef.style.removeProperty("pointer-events");this._checkLocation()}resizeHandler(){if(this._innerSliderRef){this._innerSliderRef.style.setProperty("--tw-translate-x","0px");this._calculateWidth();this._calculateIndicator()}}_setInnerSliderReft(t){this._innerSliderRef=t;this._innerSliderResizeObserver=new ResizeObserver((()=>this._calculateHeight()));this._innerSliderResizeObserver.observe(this._innerSliderRef)}_scrollTo(t,i=false){if(this.disableIndicatorClick&&i){return}const s=this._items[t];if(t===0){this._innerSliderRef.style.setProperty("--tw-translate-x",`0px`);return}const e=this._sliderRef.getBoundingClientRect();const r=this._innerSliderRef.getBoundingClientRect();const a=s.getBoundingClientRect();const n=a.x-r.x;const o=n+a.width/2-e.width/2;this._innerSliderRef.style.setProperty("--tw-translate-x",`-${o}px`);this._checkBoundary();this._calculateIndicator()}_checkBoundary(){let t=this._sliderRef.getBoundingClientRect();const i=parseInt(this._innerSliderRef.style.getPropertyValue("--tw-translate-x"));if(i>0){this._innerSliderRef.style.setProperty("--tw-translate-x",`0px`)}const s=(this._totalWidth-t.width)*-1;if(i<s){this._innerSliderRef.style.setProperty("--tw-translate-x",`${s}px`)}}_calculateIndicator(){for(let t=0;t<this._items.length;t++){const i=this._items[t];const s=this._isVisible(i);if(s){this._visibleIndex=t}if(t===0&&s){break}}}_checkLocation(){if(!this._shouldCheckLocation){return}let t=null;if(this._lastIndex!==this._visibleIndex){t=this._visibleIndex}if(this._lastIndex===this._visibleIndex){if(this._lastMouseX>this._startMouseX&&this._lastIndex!==0){t=this._lastIndex-1}if(this._lastMouseX<this._startMouseX&&this._lastIndex!==this._items?.length-1){t=this._lastIndex+1}}if(t!==null){this._shouldCheckLocation=false;setTimeout((()=>this._scrollTo(t)),100)}}_isVisible(t){if(!this._el||!t){return false}const i=t.getBoundingClientRect();const s=this._sliderRef.getBoundingClientRect();return i.left>=s.left&&i.right<=s.right||this._isMobile(t)&&i.left+i.width/2>=s.left&&i.left+i.width/2<=s.right}_calculateWidth(){let t=0;for(let i of this._items){const s=i.getBoundingClientRect();t+=s.width}const i=getComputedStyle(this._sliderRef);const s=parseInt(i.padding)*2;const e=getComputedStyle(this._innerSliderRef);const r=parseInt(e.gap)*(this._items.length-1);t+=s+r;this._totalWidth=t}_calculateHeight(){const t=this._items.at(0).getBoundingClientRect().height;if(t!=this._outerHeight){this._outerHeight=t}}_isMobile(t){if(!t){t=this._items.at(0)}const i=t.getBoundingClientRect();const s=this._sliderRef.getBoundingClientRect();return s.width-i.width<10}};n.style=a;export{n as p_content_slider};
|
|
2
|
-
//# sourceMappingURL=p-3dcd703c.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["contentSliderComponentCss","ContentSlider","hideMobileIndicator","disableDrag","disableAutoCenter","disableIndicatorClick","_visibleIndex","_outerHeight","_totalWidth","_sliderRef","_innerSliderRef","_items","_innerSliderResizeObserver","_startX","_startMouseX","_lastMouseX","_lastIndex","_shouldCheckLocation","_dragging","componentDidLoad","this","style","setProperty","disconnectedCallback","disconnect","render","h","Host","key","class","height","ref","el","onMouseDown","e","_mouseDownHandler","onTouchStart","onMouseMove","_mouseMoveHandler","onTouchMove","_setInnerSliderReft","onTransitionEnd","_transitionEndHandler","onSlotchange","_slotChange","map","_","i","onClick","_scrollTo","cn","innerSliderStyle","getComputedStyle","flexWrap","x","sliderRect","getBoundingClientRect","type","touches","clientX","innerSliderRect","offsetLeft","preventDefault","getPropertyValue","pointerEvents","left","_checkBoundary","_calculateIndicator","items","_el","querySelectorAll","Array","from","setTimeout","_calculateWidth","mouseUpHandler","removeProperty","_checkLocation","resizeHandler","ResizeObserver","_calculateHeight","observe","manual","elRect","centerOffset","width","outer","parseInt","maxLeft","length","item","visible","_isVisible","scrollToIndex","right","_isMobile","totalWidth","rect","sliderStyle","padding","gap","outerHeight","at"],"sources":["src/components/molecules/content-slider/content-slider.component.scss?tag=p-content-slider&encapsulation=shadow","src/components/molecules/content-slider/content-slider.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-col overflow-hidden;\n\n\t@apply p-16 -m-16;\n\n\t.slider {\n\t\t@apply overflow-visible relative box-content;\n\n\t\t&.draggable {\n\t\t\t@apply cursor-grab desktop-xs:cursor-auto;\n\n\t\t\t&.dragging {\n\t\t\t\t@apply cursor-grabbing desktop-xs:cursor-auto;\n\n\t\t\t\t.inner-slider {\n\t\t\t\t\t@apply transition-none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.inner-slider {\n\t\t\t@apply absolute flex flex-nowrap items-stretch w-full gap-2;\n\n\t\t\t@apply will-change-transform transform-gpu translate-x-0;\n\n\t\t\t@apply desktop-xs:gap-4 desktop-xs:flex-wrap;\n\n\t\t\t@apply transition-all;\n\t\t\ttransition-duration: 0.5s;\n\n\t\t\t> ::slotted(*) {\n\t\t\t\t@apply w-full;\n\t\t\t\t@apply flex-shrink-0 z-10;\n\n\t\t\t\t@screen tablet {\n\t\t\t\t\twidth: calc(50% - 0.5rem);\n\t\t\t\t}\n\n\t\t\t\t@screen desktop-xs {\n\t\t\t\t\t@apply w-0 flex-1;\n\t\t\t\t}\n\n\t\t\t\tposition: relative;\n\t\t\t}\n\t\t}\n\t}\n\n\t.indicator {\n\t\t@apply flex justify-center items-center desktop-xs:hidden;\n\n\t\t.item {\n\t\t\t@apply mt-3 pt-1 px-1;\n\t\t}\n\t}\n}\n","import {\n\tComponent,\n\tElement,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cn } from '../../../utils';\n\n@Component({\n\ttag: 'p-content-slider',\n\tstyleUrl: 'content-slider.component.scss',\n\tshadow: true,\n})\nexport class ContentSlider {\n\t/**\n\t * Wether to hide the indicator on mobile\n\t */\n\t@Prop() hideMobileIndicator: boolean = false;\n\n\t/**\n\t * Wether to disable dragging the content\n\t */\n\t@Prop() disableDrag: boolean = false;\n\n\t/**\n\t * Wether to disable auto centering the content\n\t */\n\t@Prop() disableAutoCenter: boolean = false;\n\n\t/**\n\t * Wether to disable clicking the indicator scrolls content\n\t */\n\t@Prop() disableIndicatorClick: boolean = false;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _visibleIndex: number;\n\t@State() private _outerHeight = 0;\n\t@State() private _totalWidth = 0;\n\tprivate _sliderRef: HTMLElement;\n\tprivate _innerSliderRef: HTMLElement;\n\tprivate _items: HTMLElement[] = [];\n\tprivate _innerSliderResizeObserver: ResizeObserver;\n\n\t// mouse movement stuff\n\tprivate _startX: number;\n\tprivate _startMouseX: number;\n\tprivate _lastMouseX: number;\n\tprivate _lastIndex: number;\n\tprivate _shouldCheckLocation = false;\n\t@State() private _dragging = false;\n\n\tcomponentDidLoad() {\n\t\tthis._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this._innerSliderResizeObserver) {\n\t\t\tthis._innerSliderResizeObserver.disconnect();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-content-slider'>\n\t\t\t\t<div\n\t\t\t\t\tclass={`slider ${!this.disableDrag && 'draggable'} ${\n\t\t\t\t\t\tthis._dragging && 'dragging'\n\t\t\t\t\t}`}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\theight: `${this._outerHeight}px`,\n\t\t\t\t\t}}\n\t\t\t\t\tref={el => (this._sliderRef = el)}\n\t\t\t\t\tonMouseDown={e => this._mouseDownHandler(e)}\n\t\t\t\t\tonTouchStart={e => this._mouseDownHandler(e)}\n\t\t\t\t\tonMouseMove={e => this._mouseMoveHandler(e)}\n\t\t\t\t\tonTouchMove={e => this._mouseMoveHandler(e)}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass='inner-slider'\n\t\t\t\t\t\tref={ref => this._setInnerSliderReft(ref)}\n\t\t\t\t\t\tonTransitionEnd={() => this._transitionEndHandler()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot onSlotchange={() => this._slotChange()} />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class={`indicator ${this.hideMobileIndicator && 'hidden'}`}>\n\t\t\t\t\t{this._items.map((_, i) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tonClick={() => this._scrollTo(i, true)}\n\t\t\t\t\t\t\tclass={`item ${!this.disableIndicatorClick && 'cursor-pointer'}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass={cn('block h-2 w-2 rounded-full', {\n\t\t\t\t\t\t\t\t\t'bg-dark-teal-600': i === this._visibleIndex,\n\t\t\t\t\t\t\t\t\t'bg-dark-teal-400': i !== this._visibleIndex,\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _mouseDownHandler(e) {\n\t\tif (this.disableDrag || this._dragging) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst innerSliderStyle = getComputedStyle(this._innerSliderRef);\n\t\tif (innerSliderStyle.flexWrap === 'wrap') {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._startMouseX = e.x;\n\t\tconst sliderRect = this._sliderRef.getBoundingClientRect();\n\t\tif (e.type === 'touchstart') {\n\t\t\tthis._startMouseX = e.touches?.[0].clientX;\n\t\t}\n\n\t\tconst innerSliderRect = this._innerSliderRef.getBoundingClientRect();\n\t\tconst offsetLeft = innerSliderRect.x - sliderRect.x;\n\n\t\tthis._startX = this._startMouseX - sliderRect.x - offsetLeft;\n\t\tthis._lastIndex = this._visibleIndex;\n\t\tthis._dragging = true;\n\t}\n\n\tprivate _mouseMoveHandler(e) {\n\t\tif (!e || !this._dragging || this.disableDrag) {\n\t\t\treturn;\n\t\t}\n\n\t\te.preventDefault();\n\n\t\tthis._shouldCheckLocation = true;\n\n\t\tif (this._innerSliderRef.style.getPropertyValue('pointer-events') === '') {\n\t\t\tthis._innerSliderRef.style.pointerEvents = 'none';\n\t\t}\n\n\t\tconst sliderRect = this._sliderRef.getBoundingClientRect();\n\t\tlet x = e.clientX - sliderRect.left;\n\t\tthis._lastMouseX = e.x;\n\t\tif (e.type === 'touchmove') {\n\t\t\tx = e.touches?.[0].clientX - sliderRect.left;\n\t\t\tthis._lastMouseX = e.touches?.[0].clientX;\n\t\t}\n\n\t\tthis._innerSliderRef.style.setProperty(\n\t\t\t'--tw-translate-x',\n\t\t\t`${x - this._startX}px`\n\t\t);\n\n\t\tthis._checkBoundary();\n\t\tthis._calculateIndicator();\n\t}\n\n\tprivate _transitionEndHandler() {\n\t\tthis._calculateIndicator();\n\t}\n\n\tprivate _slotChange() {\n\t\tconst items = this._el.querySelectorAll(':scope > *');\n\t\tthis._items = Array.from(items) as HTMLElement[];\n\n\t\tsetTimeout(() => {\n\t\t\tthis._innerSliderRef.style.setProperty('--tw-translate-x', '0px');\n\t\t\tthis._calculateWidth();\n\t\t\tthis._calculateIndicator();\n\t\t}, 100);\n\t}\n\n\t@Listen('mouseup', { target: 'window' })\n\t@Listen('touchend', { target: 'window' })\n\tmouseUpHandler() {\n\t\tthis._dragging = false;\n\t\tthis._innerSliderRef.style.removeProperty('pointer-events');\n\n\t\tthis._checkLocation();\n\t}\n\n\t@Listen('resize', { target: 'window' })\n\tresizeHandler() {\n\t\tif (this._innerSliderRef) {\n\t\t\tthis._innerSliderRef.style.setProperty('--tw-translate-x', '0px');\n\t\t\tthis._calculateWidth();\n\t\t\tthis._calculateIndicator();\n\t\t}\n\t}\n\n\tprivate _setInnerSliderReft(ref) {\n\t\tthis._innerSliderRef = ref;\n\t\tthis._innerSliderResizeObserver = new ResizeObserver(() =>\n\t\t\tthis._calculateHeight()\n\t\t);\n\t\tthis._innerSliderResizeObserver.observe(this._innerSliderRef);\n\t}\n\n\tprivate _scrollTo(i: number, manual = false) {\n\t\tif (this.disableIndicatorClick && manual) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst el = this._items[i];\n\n\t\tif (i === 0) {\n\t\t\tthis._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n\t\t\treturn;\n\t\t}\n\n\t\tconst sliderRect = this._sliderRef.getBoundingClientRect();\n\t\tconst innerSliderRect = this._innerSliderRef.getBoundingClientRect();\n\t\tconst elRect = el.getBoundingClientRect();\n\n\t\tconst offsetLeft = elRect.x - innerSliderRect.x;\n\n\t\tconst centerOffset = offsetLeft + elRect.width / 2 - sliderRect.width / 2;\n\n\t\tthis._innerSliderRef.style.setProperty(\n\t\t\t'--tw-translate-x',\n\t\t\t`-${centerOffset}px`\n\t\t);\n\n\t\tthis._checkBoundary();\n\t\tthis._calculateIndicator();\n\t}\n\n\tprivate _checkBoundary() {\n\t\tlet outer = this._sliderRef.getBoundingClientRect();\n\n\t\tconst left = parseInt(\n\t\t\tthis._innerSliderRef.style.getPropertyValue('--tw-translate-x')\n\t\t);\n\t\tif (left > 0) {\n\t\t\tthis._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n\t\t}\n\n\t\tconst maxLeft = (this._totalWidth - outer.width) * -1;\n\t\tif (left < maxLeft) {\n\t\t\tthis._innerSliderRef.style.setProperty(\n\t\t\t\t'--tw-translate-x',\n\t\t\t\t`${maxLeft}px`\n\t\t\t);\n\t\t}\n\t}\n\n\tprivate _calculateIndicator() {\n\t\tfor (let i = 0; i < this._items.length; i++) {\n\t\t\tconst item = this._items[i];\n\t\t\tconst visible = this._isVisible(item);\n\n\t\t\tif (visible) {\n\t\t\t\tthis._visibleIndex = i;\n\t\t\t}\n\n\t\t\tif (i === 0 && visible) {\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate _checkLocation() {\n\t\tif (!this._shouldCheckLocation) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet scrollToIndex = null;\n\t\tif (this._lastIndex !== this._visibleIndex) {\n\t\t\tscrollToIndex = this._visibleIndex;\n\t\t}\n\n\t\tif (this._lastIndex === this._visibleIndex) {\n\t\t\tif (this._lastMouseX > this._startMouseX && this._lastIndex !== 0) {\n\t\t\t\tscrollToIndex = this._lastIndex - 1;\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\tthis._lastMouseX < this._startMouseX &&\n\t\t\t\tthis._lastIndex !== this._items?.length - 1\n\t\t\t) {\n\t\t\t\tscrollToIndex = this._lastIndex + 1;\n\t\t\t}\n\t\t}\n\n\t\tif (scrollToIndex !== null) {\n\t\t\tthis._shouldCheckLocation = false;\n\t\t\tsetTimeout(() => this._scrollTo(scrollToIndex), 100);\n\t\t}\n\t}\n\n\tprivate _isVisible(el: HTMLElement) {\n\t\tif (!this._el || !el) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst elRect = el.getBoundingClientRect();\n\t\tconst sliderRect = this._sliderRef.getBoundingClientRect();\n\n\t\treturn (\n\t\t\t(elRect.left >= sliderRect.left && elRect.right <= sliderRect.right) ||\n\t\t\t(this._isMobile(el) &&\n\t\t\t\telRect.left + elRect.width / 2 >= sliderRect.left &&\n\t\t\t\telRect.left + elRect.width / 2 <= sliderRect.right)\n\t\t);\n\t}\n\n\tprivate _calculateWidth() {\n\t\tlet totalWidth = 0;\n\n\t\tfor (let item of this._items) {\n\t\t\tconst rect = item.getBoundingClientRect();\n\t\t\ttotalWidth += rect.width;\n\t\t}\n\n\t\tconst sliderStyle = getComputedStyle(this._sliderRef);\n\t\tconst padding = parseInt(sliderStyle.padding) * 2;\n\n\t\tconst innerSliderStyle = getComputedStyle(this._innerSliderRef);\n\t\tconst gap = parseInt(innerSliderStyle.gap) * (this._items.length - 1);\n\n\t\ttotalWidth += padding + gap;\n\n\t\tthis._totalWidth = totalWidth;\n\t}\n\n\tprivate _calculateHeight() {\n\t\tconst outerHeight = this._items.at(0).getBoundingClientRect().height;\n\t\tif (outerHeight != this._outerHeight) {\n\t\t\tthis._outerHeight = outerHeight;\n\t\t}\n\t}\n\n\tprivate _isMobile(el?: HTMLElement) {\n\t\tif (!el) {\n\t\t\tel = this._items.at(0);\n\t\t}\n\n\t\tconst elRect = el.getBoundingClientRect();\n\t\tconst sliderRect = this._sliderRef.getBoundingClientRect();\n\n\t\treturn sliderRect.width - elRect.width < 10;\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,h as a,H as e}from"./p-DhGo7hbh.js";import{c as r}from"./p-CBWjHURv.js";import"./p-ChV9xqsO.js";const o=".w-full{width:100%!important}.max-h-screen-safe{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}*{box-sizing:border-box}:host{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:100%;.safe-sidebar{padding-top:calc(env(safe-area-inset-top, 0) + 1rem)!important;&.show{--tw-translate-x:env(safe-area-inset-left,0)!important}}.safe-topbar{height:calc(env(safe-area-inset-top, 0) + 4rem);padding-top:calc(env(safe-area-inset-top, 0) + 1rem)!important}}@media (min-width:80rem){:host{width:15rem}}@media (min-width:105rem){:host{width:18rem}}@media (min-width:80rem){.layout-1280\\:w-60{width:15rem!important}}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.fixed{position:fixed!important}.relative{position:relative!important}.left-0{left:0!important}.top-0{top:0!important}.z-navbar{z-index:300!important}.z-navbar-backdrop{z-index:290!important}.z-navbar-topbar{z-index:280!important}.mt-auto{margin-top:auto!important}.flex{display:flex!important}.hidden{display:none!important}.h-screen{height:100vh!important}.w-60{width:15rem!important}.max-w-\\[16\\.5rem\\]{max-width:16.5rem!important}.-translate-x-full{--tw-translate-x:-100%!important;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}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) 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}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.items-stretch{align-items:stretch!important}.justify-between{justify-content:space-between!important}.gap-6{gap:1.5rem!important}.overflow-y-auto{overflow-y:auto!important}.border-0{border-width:0!important}.border-b{border-bottom-width:1px!important}.border-r{border-right-width:1px!important}.border-solid{border-style:solid!important}.border-off-white-700{--tw-border-opacity:1!important;border-color:rgb(222 219 213/var(--tw-border-opacity,1))!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.p-4{padding:1rem!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.transition-all{transition-duration:.15s!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.will-change-transform{will-change:transform!important}@media (min-width:80rem){.layout-1280\\:relative{position:relative!important}.layout-1280\\:z-0{z-index:0!important}.layout-1280\\:flex{display:flex!important}.layout-1280\\:hidden{display:none!important}.layout-1280\\:h-full{height:100%!important}.layout-1280\\:max-w-none{max-width:none!important}.layout-1280\\:translate-x-0{--tw-translate-x:0px!important;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}}";const i=r(["bg-off-white-300","border-0 border-solid border-off-white-700","p-4"]);const n=r(["flex flex-col","fixed left-0 top-0 z-navbar h-screen w-60","w-full max-w-[16.5rem]","layout-1280:relative layout-1280:z-0 layout-1280:max-w-none layout-1280:h-full","gap-6","transition-all","will-change-transform","-translate-x-full transform-gpu layout-1280:translate-x-0","border-r","safe-sidebar"],{variants:{show:{false:null,true:"show"}}});const s=r(["flex w-full justify-between items-center","relative z-navbar-topbar","border-b","layout-1280:hidden","safe-topbar"]);const l=r(["z-navbar-backdrop layout-1280:hidden transition-opacity relative"],{variants:{show:{false:"opacity-0 pointer-events-none",true:"opacity-100"}}});const c=class{constructor(a){t(this,a)}_show=false;render(){return a(e,{key:"83069c9a8d248e7b060b8f54fad3cac31cbe2a34"},a("p-backdrop",{key:"b508f9e94e5688c8d7dfb6102f4c38d866f314a0",class:l({show:this._show}),scrollLock:this._show,onClicked:()=>this._show=false}),a("div",{key:"f492765fe009bc62897fa7835163ee22e5213794",class:n({class:i(),show:this._show})},a("div",{key:"d19072af8d1f831be7a08d92430069d6f1909864",class:"flex w-full items-center justify-between layout-1280:hidden"},a("p-button",{key:"e45de083b70a89755441a02eb8d248e623d9f22e",variant:"secondary",icon:"menu-arrow",iconFlip:"horizontal",iconOnly:true,size:"sm",onClick:()=>this._show=false})),a("div",{key:"3840e9aaa74ef0e67228fdd2f8c4f558a66f37e9",class:"flex w-full flex-col items-stretch"},a("slot",{key:"c3c6091a21f38e1c4be0246756f9ee90e8b4495c",name:"company"})),a("div",{key:"92b051acad306ffa5f041ed1d0aa7cfb8cd6c8fa",class:"flex w-full flex-col gap-6 overflow-y-auto"},a("slot",{key:"ed5e7f087b3b485b730507d5da332e2c6e12b993",name:"content"})),a("div",{key:"597925819decc929483caafbf4206b42e0ba3f21",class:"mt-auto hidden w-full flex-col layout-1280:flex"},a("slot",{key:"dc12ff13fe23c09dbdc26e9b38a0e2c50ee168d3",name:"user"}))),a("div",{key:"ce0624dba11ae136f42862534bd276e7661e5f57",class:s({class:i()})},a("p-button",{key:"d512759823ec64309c72aefd58abeffbe4aa37e4",variant:"secondary",iconOnly:true,icon:"menu-arrow",size:"sm",onClick:()=>this._show=true}),a("slot",{key:"265ec9c053bfead49c727ff102058e92346e3ebf",name:"topbar"})))}handleCloseNavbar(){this._show=false}handleOpenNavbar(){this._show=true}};c.style=o;export{c as p_navbar};
|
|
2
|
-
//# sourceMappingURL=p-c9cf90b5.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["navbarComponentCss","sidebarAndTopbar","cva","sidebar","variants","show","false","true","topbar","backdrop","Navbar","_show","render","h","Host","key","class","this","scrollLock","onClicked","variant","icon","iconFlip","iconOnly","size","onClick","name","handleCloseNavbar","handleOpenNavbar"],"sources":["src/components/organisms/navbar/navbar.component.css?tag=p-navbar&encapsulation=shadow","src/components/organisms/navbar/navbar.component.tsx"],"sourcesContent":[":host {\n\t@apply w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72;\n\n\t.safe-sidebar {\n\t\tpadding-top: calc(env(safe-area-inset-top, 0) + 1rem) !important;\n\n\t\t&.show {\n\t\t\t--tw-translate-x: env(safe-area-inset-left, 0) !important;\n\t\t}\n\t}\n\n\t.safe-topbar {\n\t\tpadding-top: calc(env(safe-area-inset-top, 0) + 1rem) !important;\n\t\theight: calc(env(safe-area-inset-top, 0) + 4rem);\n\t}\n}\n","import { Component, h, Host, Listen, State } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst sidebarAndTopbar = cva([\n\t'bg-off-white-300',\n\t'border-0 border-solid border-off-white-700',\n\t'p-4',\n]);\n\nconst sidebar = cva(\n\t[\n\t\t'flex flex-col',\n\n\t\t'fixed left-0 top-0 z-navbar h-screen w-60',\n\t\t'w-full max-w-[16.5rem]',\n\t\t'layout-1280:relative layout-1280:z-0 layout-1280:max-w-none layout-1280:h-full',\n\t\t'gap-6',\n\n\t\t'transition-all',\n\t\t'will-change-transform',\n\t\t'-translate-x-full transform-gpu layout-1280:translate-x-0',\n\n\t\t'border-r',\n\n\t\t'safe-sidebar',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tshow: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'show',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst topbar = cva([\n\t'flex w-full justify-between items-center',\n\t'relative z-navbar-topbar',\n\t'border-b',\n\t'layout-1280:hidden',\n\t'safe-topbar',\n]);\n\nconst backdrop = cva(\n\t['z-navbar-backdrop layout-1280:hidden transition-opacity relative'],\n\t{\n\t\tvariants: {\n\t\t\tshow: {\n\t\t\t\tfalse: 'opacity-0 pointer-events-none',\n\t\t\t\ttrue: 'opacity-100',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-navbar',\n\tstyleUrl: 'navbar.component.css',\n\tshadow: true,\n})\nexport class Navbar {\n\t@State() private _show = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<p-backdrop\n\t\t\t\t\tclass={backdrop({ show: this._show })}\n\t\t\t\t\tscrollLock={this._show}\n\t\t\t\t\tonClicked={() => (this._show = false)}\n\t\t\t\t></p-backdrop>\n\t\t\t\t<div class={sidebar({ class: sidebarAndTopbar(), show: this._show })}>\n\t\t\t\t\t<div class='flex w-full items-center justify-between layout-1280:hidden'>\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\ticon='menu-arrow'\n\t\t\t\t\t\t\ticonFlip='horizontal'\n\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\t\tonClick={() => (this._show = false)}\n\t\t\t\t\t\t></p-button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class='flex w-full flex-col items-stretch'>\n\t\t\t\t\t\t<slot name='company' />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class='flex w-full flex-col gap-6 overflow-y-auto'>\n\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class='mt-auto hidden w-full flex-col layout-1280:flex'>\n\t\t\t\t\t\t<slot name='user' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class={topbar({ class: sidebarAndTopbar() })}>\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\ticon='menu-arrow'\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\tonClick={() => (this._show = true)}\n\t\t\t\t\t></p-button>\n\n\t\t\t\t\t<slot name='topbar' />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('closeNavbar', { target: 'window' })\n\thandleCloseNavbar() {\n\t\tthis._show = false;\n\t}\n\n\t@Listen('openNavbar', { target: 'window' })\n\thandleOpenNavbar() {\n\t\tthis._show = true;\n\t}\n}\n"],"mappings":"8GAAA,MAAMA,EAAqB,6wGCG3B,MAAMC,EAAmBC,EAAI,CAC5B,mBACA,6CACA,QAGD,MAAMC,EAAUD,EACf,CACC,gBAEA,4CACA,yBACA,iFACA,QAEA,iBACA,wBACA,4DAEA,WAEA,gBAED,CACCE,SAAU,CACTC,KAAM,CACLC,MAAO,KACPC,KAAM,WAMV,MAAMC,EAASN,EAAI,CAClB,2CACA,2BACA,WACA,qBACA,gBAGD,MAAMO,EAAWP,EAChB,CAAC,oEACD,CACCE,SAAU,CACTC,KAAM,CACLC,MAAO,gCACPC,KAAM,kB,MAWGG,EAAM,M,yBACDC,MAAQ,MAEzB,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,4CACJF,EAAA,cAAAE,IAAA,2CACCC,MAAOP,EAAS,CAAEJ,KAAMY,KAAKN,QAC7BO,WAAYD,KAAKN,MACjBQ,UAAW,IAAOF,KAAKN,MAAQ,QAEhCE,EAAA,OAAAE,IAAA,2CAAKC,MAAOb,EAAQ,CAAEa,MAAOf,IAAoBI,KAAMY,KAAKN,SAC3DE,EAAK,OAAAE,IAAA,2CAAAC,MAAM,+DACVH,EAAA,YAAAE,IAAA,2CACCK,QAAQ,YACRC,KAAK,aACLC,SAAS,aACTC,SAAU,KACVC,KAAK,KACLC,QAAS,IAAOR,KAAKN,MAAQ,SAG/BE,EAAK,OAAAE,IAAA,2CAAAC,MAAM,sCACVH,EAAA,QAAAE,IAAA,2CAAMW,KAAK,aAEZb,EAAK,OAAAE,IAAA,2CAAAC,MAAM,8CACVH,EAAA,QAAAE,IAAA,2CAAMW,KAAK,aAGZb,EAAK,OAAAE,IAAA,2CAAAC,MAAM,mDACVH,EAAA,QAAAE,IAAA,2CAAMW,KAAK,WAGbb,EAAK,OAAAE,IAAA,2CAAAC,MAAOR,EAAO,CAAEQ,MAAOf,OAC3BY,EAAA,YAAAE,IAAA,2CACCK,QAAQ,YACRG,SAAU,KACVF,KAAK,aACLG,KAAK,KACLC,QAAS,IAAOR,KAAKN,MAAQ,OAG9BE,EAAA,QAAAE,IAAA,2CAAMW,KAAK,Y,CAOf,iBAAAC,GACCV,KAAKN,MAAQ,K,CAId,gBAAAiB,GACCX,KAAKN,MAAQ,I","ignoreList":[]}
|