@paperless/core 2.0.1-beta.214 → 2.0.1-beta.215
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 +12 -0
- package/dist/build/p-416583ea.entry.js +2 -0
- package/dist/build/p-416583ea.entry.js.map +1 -0
- package/dist/build/{p-f835be85.js → p-d84791f9.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-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/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-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-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-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-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-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":"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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":[]}
|
|
@@ -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,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":[]}
|