@paperless/core 2.0.1-beta.67 → 2.0.1-beta.69

package/dist/esm/p-illustration-deprecated.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-illustration-deprecated.entry.js","sources":["src/utils/illustrations-deprecated.ts","src/components/deprecated/atoms/illustration-deprecated/illustration-deprecated.component.tsx"],"sourcesContent":["import emptyState from '../assets/illustrations-old/default-empty-state.svg';\nimport departments from '../assets/illustrations-old/departments.svg';\nimport email from '../assets/illustrations-old/e-mail.svg';\nimport emptyStateAdd from '../assets/illustrations-old/empty-state-add.svg';\nimport emptyStateOverview from '../assets/illustrations-old/empty-state-overview.svg';\nimport emptyStateSearch from '../assets/illustrations-old/empty-state-search.svg';\nimport expenses from '../assets/illustrations-old/expenses.svg';\nimport functions from '../assets/illustrations-old/functions.svg';\nimport questions from '../assets/illustrations-old/questions.svg';\nimport sickLeave from '../assets/illustrations-old/sick-leave.svg';\nimport timeOff from '../assets/illustrations-old/time-off.svg';\nimport upgradeToHr from '../assets/illustrations-old/upgrade-to-hr.svg';\n\nexport default {\n\t'empty-state': emptyState,\n\t'empty-state-search': emptyStateSearch,\n\t'empty-state-overview': emptyStateOverview,\n\t'empty-state-add': emptyStateAdd,\n\tdepartments,\n\texpenses,\n\tfunctions,\n\tquestions,\n\t'sick-leave': sickLeave,\n\t'time-off': timeOff,\n\t'upgrade-to-hr': upgradeToHr,\n\t'e-mail': email,\n};\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport illustrations from '../../../../utils/illustrations-deprecated';\n\nexport type IllustrationDeprecatedVariant = keyof typeof illustrations;\n\n@Component({\n\ttag: 'p-illustration-deprecated',\n\t// shadow: true,\n})\nexport class Illustration {\n\t/**\n\t * The icon the be displayed\n\t */\n\t@Prop() variant!: IllustrationDeprecatedVariant;\n\n\tcomponentDidLoad() {\n\t\tconsole.warn(\n\t\t\t'[p-illustration-deprecated] Deprecated, please use p-illustration'\n\t\t);\n\t}\n\n\trender() {\n\t\tconst illustration = illustrations[this.variant];\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass='p-illustration block'\n\t\t\t\tinnerHTML={illustration}\n\t\t\t></Host>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,oBAAe;AACd,IAAA,aAAa,EAAE,UAAU;AACzB,IAAA,oBAAoB,EAAE,gBAAgB;AACtC,IAAA,sBAAsB,EAAE,kBAAkB;AAC1C,IAAA,iBAAiB,EAAE,aAAa;IAChC,WAAW;IACX,QAAQ;IACR,SAAS;IACT,SAAS;AACT,IAAA,YAAY,EAAE,SAAS;AACvB,IAAA,UAAU,EAAE,OAAO;AACnB,IAAA,eAAe,EAAE,WAAW;AAC5B,IAAA,QAAQ,EAAE,KAAK;CACf;;MCjBY,YAAY,GAAA,MAAA;;;;AACxB;;AAEG;AACK,IAAA,OAAO;IAEf,gBAAgB,GAAA;AACf,QAAA,OAAO,CAAC,IAAI,CACX,mEAAmE,CACnE;;IAGF,MAAM,GAAA;QACL,MAAM,YAAY,GAAG,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC;QAEhD,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACJ,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAE,YAAY,EAAA,CAChB;;;;;;;;"}

package/dist/esm/p-illustration.entry.js

@@ -0,0 +1,129 @@
+import { r as registerInstance, h, H as Host } from './index-I9JY9uxk.js';
+
+var calculator = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 96 96">
+  <defs>
+    <clipPath id="a">
+      <path fill="#fff" d="M0 0h96v96H0z"/>
+    </clipPath>
+  </defs>
+  <g clip-path="url(#a)">
+    <path fill="currentColor" d="M40.901 53.925c-.647.101-1.081.761-1.464 1.345-.1.152-.195.3-.29.427-1.368 1.822-2.713 3.685-4.138 5.657l-1.52 2.1c-.693-.674-1.375-1.34-2.048-1.996-1.98-1.933-3.85-3.759-5.76-5.583l-.097-.092a9.854 9.854 0 0 0-2.542-1.954c-.645-.296-2.033.053-2.333.737-.274.626-.091 1.43.07 2.14.038.16.072.316.1.465.041.135.106.26.192.366a.948.948 0 0 0 .309.25c.068.044.134.094.194.15 2.454 2.657 4.904 5.318 7.385 8.012l1.465 1.59-1.75 2.41c-1.804 2.483-3.668 5.049-5.517 7.556-.49.664-1.231 1.667-.464 2.833.16.26.376.472.628.618.251.147.531.224.815.224a2.316 2.316 0 0 0 1.377-.522 11.165 11.165 0 0 0 2.203-2.294 440.333 440.333 0 0 0 4.425-6.15l1.506-2.115.285.231c.417.339.81.655 1.237.936l.915.601c2.34 1.543 4.76 3.139 7.187 4.622.466.227.978.316 1.484.258.212 0 .413-.005.6.012a.365.365 0 0 0 .175-.028.399.399 0 0 0 .146-.11.473.473 0 0 0 .099-.366 7.02 7.02 0 0 1-.054-.689c-.03-.617-.06-1.255-.411-1.692a47.861 47.861 0 0 0-4.459-4.877 37.268 37.268 0 0 0-3.153-2.566c-.368-.278-.737-.556-1.103-.84.432-.696.858-1.38 1.278-2.053 1.254-2.01 2.438-3.91 3.608-5.846.076-.127.167-.263.26-.401.504-.754 1.346-2.014.213-2.995a1.353 1.353 0 0 0-.491-.307c-.181-.064-.373-.085-.562-.064ZM18.512 29.307c.11.085.216.17.315.254.305.198.664.27 1.012.204.065-.003.129-.007.19-.007 1.36-.023 2.72-.048 4.079-.077.992-.02 1.983-.039 2.975-.057.469-.008.936-.006 1.41-.004h.344c.1.614.19 1.216.285 1.81.26 1.685.505 3.276.875 4.871.264 1.139.695 2.996 2.21 2.996.108 0 .215-.01.322-.026 1.86-.293 1.74-2.648 1.688-3.653-.076-1.515-.26-3.025-.453-4.624-.069-.57-.14-1.153-.208-1.755l.198-.033a29.66 29.66 0 0 1 1.16-.182c.54-.071 1.083-.135 1.625-.198 1.068-.127 2.172-.254 3.254-.442.712-.123 2.38-.413 2.297-2.384-.08-1.938-1.613-1.976-2.529-2a40.29 40.29 0 0 0-1.71.012c-.348.008-.696.016-1.045.017-1.032.004-2.061.003-3.152.003h-1.125c-.058-.477-.115-.955-.171-1.434-.17-1.433-.344-2.915-.548-4.371a10.902 10.902 0 0 1-.06-.588c-.087-1.024-.218-2.572-1.852-2.576h-.006a1.644 1.644 0 0 0-.714.108c-.229.089-.44.228-.618.409-.522.581-.512 1.47-.504 2.253.002.215.004.423-.006.615-.084 1.522-.067 3.029-.05 4.623.007.542.013 1.091.015 1.65l-.218.027c-.443.053-.926.112-1.409.152-1.549.125-3.098.246-4.647.364l-2.581.2a2.143 2.143 0 0 0-.943.216 2.356 2.356 0 0 0-.784.62c-.128.19-.218.409-.262.64-.044.232-.043.472.004.703.116.697.764 1.21 1.337 1.664Zm39.342-1.123c.123.008.267.017.416.017.071 0 .144-.003.217-.008 1.323-.093 2.645-.183 3.968-.27 3.695-.249 7.516-.505 11.27-.846a11.117 11.117 0 0 0 3.103-.926c.24-.099.48-.196.719-.289.426-.165 1.027-.898.908-1.422a1.988 1.988 0 0 0-.406-.812 1.728 1.728 0 0 0-.704-.506c-.963-.208-1.92-.323-2.764-.423-.276-.034-.535-.065-.775-.097a.315.315 0 0 0-.082 0c-.765.074-1.49.141-2.19.206-1.467.136-2.852.264-4.22.417-3.54.396-7.06.826-9.73 1.155-.661.082-2.21.274-2.04 2.078.15 1.594 1.45 1.673 2.31 1.726ZM77.512 64.95a6.314 6.314 0 0 0-2.64-.237 887.657 887.657 0 0 0-16.743 1.921c-.46.115-.877.384-1.194.77-.13.134-.268.26-.41.377a.423.423 0 0 0-.119.149.47.47 0 0 0 .098.543c.136.13.267.266.39.411.294.428.713.73 1.186.855a24.04 24.04 0 0 0 3.136.075c.294-.005.588-.012.882-.014a.372.372 0 0 0 .368.21l3.19-.309c3.358-.323 6.715-.652 10.073-.986a4.921 4.921 0 0 0 1.849-.465c.411-.225 1.284-.94 1.195-1.602a2.472 2.472 0 0 0-.441-1.021 2.166 2.166 0 0 0-.82-.678Zm-18.299-2.715c.308.088.625.129.943.123.225 0 .45-.015.672-.029.153-.01.31-.019.463-.023a.35.35 0 0 0 .187.038c.82-.052 1.64-.103 2.461-.152 1.88-.115 3.823-.234 5.733-.38 2.378-.185 4.704-.377 7.025-.709a2.22 2.22 0 0 0 1.186-.85 5.44 5.44 0 0 1 .397-.408.426.426 0 0 0 .106-.144.469.469 0 0 0-.084-.516c-.137-.14-.27-.29-.403-.439a5.28 5.28 0 0 0-1.13-1.045 1.97 1.97 0 0 0-1.292-.122 6.333 6.333 0 0 1-.276.031l-.992.087c-2.802.247-5.699.503-8.548.79-1.768.177-4.096.427-6.418.79-.39.11-.74.352-1 .69a4.224 4.224 0 0 1-.319.317.467.467 0 0 0-.038.655c.111.125.216.256.315.393a2.23 2.23 0 0 0 1.012.903Z"/>
+    <path fill="currentColor" d="M11.805 94.108a47.637 47.637 0 0 0 8.218 1.15c5.14.232 10.37.361 15.427.486 2.056.05 4.113.104 6.168.159h.01a.362.362 0 0 0 .216-.07h5.679l2.167.003c8.511.019 17.313.038 25.906-1.451 2.998-.52 6.5-1.245 9.744-2.687 6.51-2.894 10.024-8.228 10.441-15.856.268-4.906.066-9.847-.131-14.623-.038-.917-.075-1.834-.11-2.752-.34-8.987-.669-16.49-1.037-23.614-.249-4.83-.604-11.188-1.145-17.52-.789-9.24-7.511-15.929-16.347-16.264-6.54-.25-13.195-.353-19.633-.454-1.833-.028-3.698-.01-5.501.006-2.96.028-6.02.056-9.014-.12-6.8-.395-14.008-.064-23.369 1.08-6.089.745-10.67 2.724-14.422 6.23C1.981 10.7.474 14.051.466 18.056a122.895 122.895 0 0 1-.07 3.884 119.282 119.282 0 0 1-.176 3.415 61.669 61.669 0 0 0-.154 7.216c.058 1.003.116 2.006.176 3.009.465 7.86.946 15.988.457 24.007-.2 3.304-.146 6.674-.093 9.932l.012.732c.089 5.595.829 10.514 2.263 15.037 1.546 4.88 4.548 7.848 8.924 8.82Zm-.48-85.131.094-.057c2.633-1.598 5.55-2.156 8.311-2.587a122.344 122.344 0 0 1 18.964-1.268c2.642 0 5.247.048 7.8.107 4.638.108 9.354.179 13.914.246 3.995.06 8.127.12 12.19.207a34.84 34.84 0 0 1 5.608.53c6.669 1.23 10.357 6.024 10.666 13.867.254 6.442.487 12.994.714 19.331.169 4.748.341 9.497.517 14.245.065 1.718.153 3.462.239 5.15.135 2.639.273 5.37.323 8.05.058 3.181-.102 6.433-.268 9.49-.245 4.458-2.591 7.624-6.972 9.411a37.966 37.966 0 0 1-8.275 2.185c-9.495 1.565-19.24 1.497-28.664 1.429l-1.245-.01a143.2 143.2 0 0 0-1.466 0h-.696a.36.36 0 0 0-.177.048.406.406 0 0 0-.14.13c-2.065-.06-4.13-.116-6.195-.17-6.03-.164-12.265-.333-18.394-.556a27.902 27.902 0 0 1-4.7-.722l-.277-.06c-2.591-.546-4.325-2.317-5.153-5.26a53.03 53.03 0 0 1-1.865-14.187c-.014-2.197.015-4.434.042-6.598.036-2.885.073-5.869.013-8.805-.107-5.108-.341-10.615-.735-17.328-.312-5.292-.502-12.27.814-19.34a.87.87 0 0 0 .038-.303c-.307-3.972 2.26-5.53 4.975-7.177v.002Z"/>
+  </g>
+</svg>
+`;
+
+var clock = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 96 96">
+  <defs>
+    <clipPath id="a">
+      <path fill="#fff" d="M0 0h96v96H0z"/>
+    </clipPath>
+  </defs>
+  <g clip-path="url(#a)">
+    <path fill="currentColor" d="M94.763 58.02c-.548 4.067-2.338 7.716-4.146 11.298-3.051 6.133-7.33 11.526-12.55 15.82-6.171 5.056-13.227 8.084-20.939 9.482-4.78.866-9.596 1.497-14.479 1.24-11.77-.618-21.93-4.871-30.189-13.8a58.064 58.064 0 0 1-8.852-12.865c-1.368-2.633-1.882-5.387-2.343-8.21C.413 55.766-.11 50.548.45 45.21c.69-6.59 2.45-12.769 5.635-18.51C9.944 19.604 15.23 13.45 21.59 8.65 27.922 3.906 35.087 1.477 42.83.51a51.685 51.685 0 0 1 24.364 2.624c7.667 2.78 14.51 7.024 19.137 14.142 4.627 7.117 7.838 14.803 8.927 23.502.905 7.217-.02 13.712-.496 17.24ZM90.29 47.26c-.039-5.067-.5-10.078-2.28-14.79-1.465-3.882-3.207-9.797-6.172-12.861-4.12-5.922-9.855-9.537-16.35-11.927A46.319 46.319 0 0 0 42.33 5.224c-7.967 1.188-15.106 4.21-21.109 9.827a71.013 71.013 0 0 0-5.056 5.254c-6.783 7.8-10.44 17.116-10.436 32.44.002 9.554 4.563 17.721 11.096 24.701 6.935 7.41 15.295 11.124 25.072 11.953 4.748.402 9.429-.132 14.098-.877 13.963-2.227 23.929-10.027 30.355-22.98 3.873-7.808 3.707-15.413 3.941-18.282Z"/>
+    <path fill="currentColor" d="M52.166 46.336h2.391c6.048.008 12.094.006 18.141.04a9.493 9.493 0 0 1 2.346.314c.397.085.753.31 1.007.636.255.327.392.734.388 1.153.04.418-.059.838-.28 1.19a1.801 1.801 0 0 1-.94.75 9.922 9.922 0 0 1-3.104.536c-5.913-.054-11.826-.193-17.738-.3-1.263-.022-2.527.006-3.787-.06a6.642 6.642 0 0 1-1.938-.362c-.989-.366-1.39-1.148-1.315-2.265.155-2.324.264-4.652.346-6.98.27-7.546.51-15.093.786-22.639a15.98 15.98 0 0 1 .346-2.23c.182-1.008.752-1.592 1.774-1.59 1.057.002 1.542.714 1.725 1.665.148.738.227 1.49.235 2.244-.007 8.1-.031 16.202-.073 24.303-.006 1.086-.183 2.172-.31 3.595Z"/>
+  </g>
+</svg>
+`;
+
+var coins = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 96 96">
+  <defs>
+    <clipPath id="a">
+      <path fill="#fff" d="M0 0h96v96H0z"/>
+    </clipPath>
+  </defs>
+  <g clip-path="url(#a)">
+    <path fill="currentColor" d="M37.733 35.944c-1.784-.327-3.576-.621-5.352-.99a15.05 15.05 0 0 1-5.762-2.462c-1.493-1.066-2.553-2.433-2.543-4.246.017-3.175.197-6.35.364-9.522.063-1.2.323-2.388.415-3.586a9.767 9.767 0 0 1 1.114-3.97 10.065 10.065 0 0 1 2.668-3.2c1.276-1.038 2.626-2.105 4.13-2.745C38.988 2.574 45.307.26 52.297.418c4.67.105 9.349-.006 13.957.908 3.563.706 6.802 2.1 9.497 4.523 2.343 2.107 3.736 4.649 3.829 7.823.068 2.324.279 4.644.423 6.92 2.458.554 4.822.951 7.088 1.648a15.043 15.043 0 0 1 4.242 2.097c1.95 1.392 2.597 3.519 2.692 5.8.176 4.241.298 8.485.516 12.724.288 5.582.75 11.158.946 16.742.226 6.365.31 12.737.308 19.106 0 1.884-.533 3.765-.756 5.653-.214 1.81-1.436 2.678-3.018 3.28a51.276 51.276 0 0 1-11.165 2.918 94.358 94.358 0 0 1-27.693-.354c-2-.312-3.948-.936-6.09-1.458-.313.248-.767.592-1.203.956-4.532 3.796-9.833 5.693-15.771 6.07-6.788.43-13.23-.732-19.222-3.91C5.617 89.074 2.02 84.962.765 79.19c-3.018-13.875 6.144-28.03 20.3-31.521 1.103-.272 2.105-.926 3.207-1.205 1.385-.35 2.856-.793 4.236-.662 2.005.191 3.967.846 5.94 1.33.824.203 1.628.478 2.576.76l.709-11.947Zm-9.74 55.075c1.032-.116 2.721-.185 4.355-.511 7.586-1.518 12.8-5.559 14.57-13.156.686-2.904.76-5.913.218-8.845-1.186-6.477-4.597-11.387-10.702-14.383-1.945-.955-3.979-1.75-6.012-2.519a10.813 10.813 0 0 0-6.876-.214C15.43 53.66 9.636 58.384 7.018 66.335a27.391 27.391 0 0 0-1.37 6.203c-.633 7.585 2.197 12.524 8.998 15.657 4.019 1.85 8.273 2.687 13.347 2.824Zm20.364-70.466c5.147-.494 10.032-.794 14.856-1.492a29.83 29.83 0 0 0 7.693-2.255c2.924-1.296 3.238-3.67 1.17-6.066a5.256 5.256 0 0 0-1.424-1.301c-1.723-.894-3.422-1.986-5.278-2.457A54.618 54.618 0 0 0 44.761 5.75c-3.787.493-7.425 1.497-10.705 3.48-1.814 1.098-3.471 2.381-4.385 4.328-.837 1.783-.427 3.24 1.369 4.13a14.245 14.245 0 0 0 4.312 1.435c4.398.594 8.825.985 13.005 1.428Zm26.405.793c-2.704.774-5.105 1.611-7.576 2.139-6.447 1.376-13.005 1.59-19.578 1.414-6.494-.174-12.964-.533-18.987-3.393v7.383c1.81 1.218 3.184 1.827 5.918 2.13 4.27.476 8.551.919 12.84 1.14a71.66 71.66 0 0 0 22.503-2.39c1.799-.487 3.595-1.066 4.881-2.005l-.001-6.418Zm15.256 28.153c-3.46 1.503-6.43 3.034-9.566 4.108-7.656 2.622-15.61 2.636-23.577 1.96-3.177-.269-6.328-.813-9.43-1.225.917 1.428 1.968 2.868 2.803 4.418.834 1.55 1.458 3.22 2.244 4.997.833.122 1.756.326 2.688.38a81.188 81.188 0 0 0 25.562-2.54c2.72-.717 5.31-1.914 7.94-2.934.665-.258 1.342-.6 1.339-1.49-.01-2.527-.003-5.055-.003-7.675Zm-47.255-.843c1.585.485 3.215 1.139 4.912 1.478a72.156 72.156 0 0 0 23.738.738c5.897-.778 11.197-3.09 16.004-6.46.612-.428 1.408-1.034 1.501-1.65.222-1.445.072-2.943.072-4.451-.195.03-.383.09-.557.179-3.965 2.866-8.523 4.234-13.32 5.045a85.096 85.096 0 0 1-21.39.73c-3.562-.3-7.101-.841-10.443-2.196-.427-.172-.865-.31-1.508-.537.34 2.431.64 4.584.991 7.124ZM49.9 85.3c6.974 2.38 31.94 2.435 41.064-3.435l-.615-5.951c-12.395 4.542-25.03 5.05-37.86 3.736-.887 1.933-1.738 3.79-2.589 5.65Zm40.127-21.225a79.932 79.932 0 0 1-36.562 3.87v6.988c.2.132.259.203.321.207 1.238.075 2.475.146 3.712.211a86.057 86.057 0 0 0 24.536-2.234 30.22 30.22 0 0 0 7.992-3.062l.001-5.98Zm-9.74-38.13c-.136.204-.298.337-.28.436.491 2.49-1.017 3.946-2.824 5.299-2.38 1.779-5.167 2.601-8.012 3.233a83.123 83.123 0 0 1-25.228 1.508c-.608-.052-1.225-.007-1.838-.007a3.732 3.732 0 0 0 1.818 1.45 27 27 0 0 0 4.397 1.233 77.291 77.291 0 0 0 26.761-.494c3.3-.624 6.545-1.604 9.198-3.718a12.958 12.958 0 0 0 2.917-3.352c.8-1.313.382-2.454-.908-3.296a15.169 15.169 0 0 0-6-2.292Z"/>
+    <path fill="currentColor" d="M27.117 62.487v7.78c1.169.427 2.261.78 3.317 1.22 4.148 1.732 5.169 5.511 2.45 8.988-1.12 1.432-2.006 2.01-5.31 3.482-.31 1.537-.625 3.051-.923 4.568-.166.846-.582 1.5-1.534 1.521-1.004.023-1.356-.771-1.536-1.534-.335-1.434-.564-2.893-.869-4.51-1.215-.315-2.537-.647-3.853-1.002a12.23 12.23 0 0 1-1.865-.587c-1.204-.544-1.688-1.455-1.458-2.552.213-1.018 1.115-1.662 2.504-1.573 1.513.096 3.016.345 4.485.523.614-1.64.683-2.617.417-5.41-1.024-.373-2.131-.702-3.173-1.168-4.216-1.885-5.145-5.969-2.157-9.422a11.112 11.112 0 0 1 4.706-3.352c1.127-.397 1.578-1.063 1.62-2.196.011-.775.185-1.54.513-2.247.14-.228.336-.42.569-.558.233-.14.497-.222.77-.241.265.073.507.206.708.387.2.182.354.408.447.659.183.904.283 1.822.299 2.744 1.004.221 1.996.493 2.972.814 1.557.594 2.294 1.765 2.104 3.1-.168 1.182-.83 1.581-1.968 1.096-.994-.424-1.921-1.052-3.235-.53Zm-3.844 1.542c-2.133 1.228-3.225 2.534-2.831 3.507.47 1.162 1.564 1.455 2.831 1.614v-5.12Zm3.987 14.58c1.418-.508 2.717-1.115 2.674-2.509-.035-1.168-1.363-1.406-2.442-1.565-.062-.01-.133.044-.406.144 0 .813-.015 1.703.007 2.593.01.39.094.777.167 1.337Z"/>
+  </g>
+</svg>
+`;
+
+var fileInvoice = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 80 96">
+  <defs>
+    <clipPath id="a">
+      <path fill="#fff" d="M0 0h80v96H0z"/>
+    </clipPath>
+  </defs>
+  <g clip-path="url(#a)">
+    <path fill="currentColor" d="M79.472 51.162c.102 8.986.24 17.971.287 26.957.017 3.282-.24 6.564-.268 9.847-.04 4.625-3.773 7.395-8.057 7.478-8.654.168-17.31.375-25.965.331-10.441-.053-20.88-.311-31.319-.57a63.943 63.943 0 0 1-7.207-.754c-2.908-.405-5.76-3.668-5.863-6.754C.82 79.895.514 72.092.426 64.288.232 47.117.194 29.945.005 12.776c-.03-2.638.037-5.196 1.167-7.63C1.953 3.457 3.019 2 4.939 1.432A10.95 10.95 0 0 1 7.55.998c3.243-.14 6.493-.14 9.731-.326C28.485.02 39.687.265 50.89.627c1.59.05 3.181.122 4.77.09a4.19 4.19 0 0 1 2.931 1.14c5.236 4.525 10.47 9.054 15.7 13.586.76.66 1.478 1.372 2.28 1.978 1.675 1.264 2.128 2.99 2.159 4.93.12 7.436.27 14.872.389 22.309.035 2.168.005 4.337.005 6.506l.348-.004ZM52.652 5.216c-1.108-.087-2.047-.212-2.988-.227a7835.68 7835.68 0 0 0-24.056-.36c-3.625-.049-7.25-.069-10.876-.09-1.842-.011-3.688-.069-5.525.023-2.624.132-3.395.874-3.863 3.468a23.452 23.452 0 0 0-.296 6.844c.147 1.293.223 2.592.226 3.893.04 21.936.07 43.872.092 65.807-.017.495.006.991.068 1.483.467 2.829 1.995 4.535 5.163 4.66 12.281.482 24.563.48 36.849.277 6.173-.102 12.348-.153 18.521-.222 1.526-.017 3.055.04 4.577-.03 2.739-.127 4.019-1.413 3.991-4.12-.044-4.705-.168-9.41-.267-14.114-.057-2.725-.105-5.451-.2-8.176-.206-6.006-.54-12.01-.634-18.017-.105-6.69-.002-13.384.005-20.076 0-.478-.046-.956-.072-1.45a4.018 4.018 0 0 0-.643-.108c-3.882.076-7.763.19-11.644.221a15.237 15.237 0 0 1-3.402-.357c-2.584-.575-3.37-1.497-3.63-4.079-.21-2.095-.358-4.196-.55-6.293-.264-2.895-.545-5.79-.846-8.957Zm6.86 15.206 11.414-.692L57.574 7.92l1.938 12.505v-.002Z"/>
+    <path fill="currentColor" d="M20.86 39.909c.118.765.277 1.493.33 2.229a4.89 4.89 0 0 1-.12 1.634 1.927 1.927 0 0 1-.699 1.077 2.02 2.02 0 0 1-1.236.419 2.17 2.17 0 0 1-1.217-.484 2.075 2.075 0 0 1-.696-1.085 8.412 8.412 0 0 1-.143-1.657c-.022-.548-.005-1.097-.005-1.735-.802-.175-1.548-.29-2.262-.507a18.264 18.264 0 0 1-2.852-1.014c-1.1-.543-1.496-1.553-1.161-2.467.306-.834 1.166-1.292 2.34-1.187 1.077.095 2.148.306 3.225.34.95.037 1.9-.033 2.833-.208a4.808 4.808 0 0 0 1.688-.816c.33-.197.585-.493.728-.844.142-.351.164-.738.062-1.102a1.674 1.674 0 0 0-.55-.858 1.749 1.749 0 0 0-.955-.395 7.023 7.023 0 0 0-1.703-.063c-.824.057-1.64.23-2.465.285-2.922.195-5.086-1.758-4.962-4.61.121-2.817 1.41-4.977 4.18-6.13.347-.145.702-.274 1.123-.437.117-.761.236-1.548.36-2.334.119-.754.51-1.263 1.336-1.347.384-.063.778.015 1.106.219.329.204.567.52.669.886.233.828.419 1.667.556 2.514 2.7 1.176 2.934 1.53 2.126 3.537a14.442 14.442 0 0 0-1.563-.162c-1.13-.004-2.3-.12-3.383.114-1.983.428-2.677 1.623-2.419 3.967.447 0 .919.021 1.389-.004 1.267-.069 2.54-.274 3.799-.214 2.626.125 4.941 1.826 5.647 4.047.807 2.536-.006 4.66-1.977 6.351-.89.763-1.981 1.304-3.13 2.041Zm16.62 25.48c6.493 0 12.987.003 19.48.008a10.05 10.05 0 0 1 2.27.21c.99.234 1.565.959 1.46 1.694a1.65 1.65 0 0 1-.476.998 1.73 1.73 0 0 1-1.012.493 15.41 15.41 0 0 1-2.65.3c-12.16.022-24.322.026-36.483.012-1.079 0-2.161-.111-3.237-.213-.436-.042-.963-.079-1.262-.33-.394-.328-.852-.88-.823-1.307.03-.417.572-.893 1.005-1.159.338-.207.859-.17 1.3-.178 6.809-.123 13.618-.24 20.427-.35v-.178Zm-23.54-5.346c-.378-1.38.038-1.923 1.077-2.027 1.517-.151 3.033-.326 4.554-.412 11.937-.666 23.877-1.23 35.84-1.137 1.27.006 2.537.111 3.79.316 1.178.198 1.682.862 1.584 1.734-.095.84-.784 1.398-1.901 1.473-.633.042-1.272 0-1.908.005-13.55.083-27.101.164-40.652.242-.796.004-1.592-.126-2.383-.194Zm.36-8.794c-.113-1.575-.039-1.693 1.038-1.845.19-.02.38-.031.571-.03 4.96-.131 9.92-.25 14.88-.394 7.948-.23 15.896-.485 23.845-.703 1.333-.037 2.67.042 4.005.095.389-.02.771.106 1.067.353.296.246.482.594.522.971.107.676-.458 1.271-1.428 1.463-.627.106-1.262.155-1.898.145-5.154.055-10.31.072-15.464.148-6.362.092-12.723.246-19.085.333-1.972.026-3.944-.051-5.913-.142a15.97 15.97 0 0 1-2.14-.394Zm8.576 27.725c-1.656 0-3.312.008-4.967-.005-.445.009-.89-.03-1.326-.118-.768-.179-1.315-.732-1.18-1.457.097-.516.613-1.015 1.058-1.39.245-.207.726-.173 1.105-.2 3.235-.24 6.47-.481 9.707-.693a13.763 13.763 0 0 1 2.287.032c.354.027.69.168.951.403.262.233.436.546.493.888.188.81-.037 1.553-.795 1.915-.68.326-1.42.517-2.177.562-1.715.08-3.437.025-5.156.025v.038Z"/>
+  </g>
+</svg>
+`;
+
+var payment = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 96 96">
+  <defs>
+    <clipPath id="a">
+      <path fill="#fff" d="M0 0h96v96H0z"/>
+    </clipPath>
+  </defs>
+  <g clip-path="url(#a)">
+    <path fill="currentColor" d="M22.063 87.349c-.565 2.238-.88 2.87-1.448 4.942a3.665 3.665 0 0 1-.992 1.804 3.14 3.14 0 0 1-1.741.88c-3.69.596-7.383 1.304-11.135.72-3.443-.538-5.641-2.911-5.814-6.73C.641 82.464.537 75.951.385 69.443c-.045-1.91-.068-3.827.041-5.73.221-3.867 1.871-5.927 5.383-6.19 3.85-.29 7.723-.219 11.586-.224 1.517-.002 2.455 1.111 3.124 2.485.33.678.565 1.41.826 2.069 2.404-.373 4.73-.843 7.074-1.073 4.29-.42 8.513.083 12.508 1.91 4.65 2.13 9.447 2.584 14.398 2.063a13.671 13.671 0 0 1 3.652.13c3.963.662 5.867 3.896 4.877 8.135-.079.338-.197.662-.411 1.376 1.39-.111 2.621-.163 3.842-.315 5.231-.65 10.11-2.699 15.022-4.617 2.18-.852 4.34-1.798 6.568-2.468a11.37 11.37 0 0 1 4.004-.388c2.383.166 3.493 2.07 2.883 4.587-.5 2.069-1.65 3.647-3.058 5.048-4.08 4.055-8.86 6.763-14.012 8.74-7.253 2.784-14.662 4.87-22.306 5.844-10.137 1.357-20.563 1.37-30.221-2.274-1.379-.524-2.813-.74-4.102-1.202Zm.07-4.013c2.335.677 4.498 1.315 6.664 1.928 6.774 1.917 13.66 3.007 20.649 2.49 10.428-.773 20.42-3.73 30.11-7.952 3.732-1.594 7.18-3.896 10.186-6.801a24.838 24.838 0 0 0 1.843-2.26l-.322-.533c-1.387.452-2.79.851-4.158 1.365-4.746 1.786-9.445 3.732-14.228 5.384-3.776 1.305-7.669 1.84-11.632.896a2.476 2.476 0 0 0-1.648.283c-5.035 2.81-10.472 3.316-15.972 3.349a13.098 13.098 0 0 1-3.77-.762 1.378 1.378 0 0 1-.536-.259 1.539 1.539 0 0 1-.4-.471 1.693 1.693 0 0 1-.195-.607 1.75 1.75 0 0 1 .039-.642 3.114 3.114 0 0 1 1.175-1.732 5.08 5.08 0 0 1 2.236-.566c2.118-.185 4.243-.29 6.365-.419 2.974-.183 5.919-.61 8.641-1.99a8.797 8.797 0 0 0 2.896-2.35c.987-1.263.461-2.504-1.054-2.673a20.31 20.31 0 0 0-3.663.045c-5.007.354-9.909-.025-14.58-2.278a23.486 23.486 0 0 0-2.718-1.09 23.23 23.23 0 0 0-14.288-.282c-1.824.538-1.807.625-1.71 2.636.153 3.25.356 6.5.41 9.754.03 1.755-.206 3.515-.34 5.538v-.001ZM16.77 61.293c-3.087 0-6.036-.032-8.984.01-2.641.036-3.3.775-3.357 3.673C4.28 72.4 4.06 79.824 4.05 87.249c-.003 3.145 1.418 4.17 3.448 4.002 2.693-.221 5.384-.489 8.065-.843 1.415-.187 1.664-.669 1.639-2.301a33.999 33.999 0 0 1-.01-4.027c.715-6.862.21-13.71-.1-20.561a23.701 23.701 0 0 0-.325-2.226ZM54.757 25.49c4.117 3.096 5.642 7.67 6.101 12.884.805 9.134-4.127 14.825-9.91 17.255-4.766 2.004-9.653 3.02-14.724 1.385-5.88-1.898-9.347-7.082-9.564-13.8-.271-8.395 4.308-16.044 11.814-19.416 4.57-2.05 13.45-.439 16.283 1.692ZM40.782 53.175c2.489.326 7.019-.85 9.26-1.933 4.137-2 7.167-5.68 6.463-12.4-.588-5.606-3.176-9.876-8.114-11-2.576-.586-7.61-.85-10.17.345-5.592 2.607-7.763 8.772-7.472 15.51.286 6.589 6.326 8.992 10.033 9.478Z"/>
+    <path fill="currentColor" d="M10.52 70.453c-1.675.022-2.852-1.161-2.912-2.928-.068-2.025 1.384-3.8 3.12-3.812 2.013-.013 3.57 1.283 3.583 2.98.014 1.83-1.907 3.734-3.79 3.76Zm34.114-36.219v5.026c.667.276 1.29.504 1.891.789 2.365 1.117 2.947 3.56 1.397 5.807-.64.925-1.143 1.3-3.027 2.25-.177.993-.356 1.971-.527 2.951-.094.547-.332.97-.874.983-.572.015-.773-.496-.875-.99-.191-.928-.322-1.87-.496-2.914-.692-.204-1.446-.419-2.196-.648a6.37 6.37 0 0 1-1.064-.379 1.323 1.323 0 0 1-.702-.65c-.153-.304-.2-.66-.129-.999.122-.658.636-1.074 1.428-1.017.862.062 1.72.223 2.557.338.35-1.06.39-1.691.237-3.496-.584-.24-1.215-.453-1.807-.754-2.404-1.218-2.933-3.857-1.23-6.088a6.416 6.416 0 0 1 2.683-2.166c.28-.083.524-.27.692-.528.169-.258.25-.573.231-.89.006-.502.105-.996.292-1.453.08-.147.191-.27.324-.36a.91.91 0 0 1 .439-.155c.151.047.29.132.404.25a1.1 1.1 0 0 1 .255.425c.104.584.16 1.178.169 1.773.572.143 1.138.319 1.694.526.888.384 1.308 1.14 1.2 2.003-.096.764-.474 1.022-1.122.708-.566-.273-1.095-.68-1.844-.342Zm-2.191.996c-1.217.794-1.839 1.637-1.614 2.266.268.75.892.94 1.614 1.043V35.23Zm2.273 9.42c.808-.328 1.55-.72 1.525-1.62-.02-.755-.778-.91-1.393-1.012-.036-.006-.075.029-.232.093 0 .525-.008 1.1.004 1.675.006.252.054.503.096.864ZM75.42 11.332v5.026c.666.276 1.29.504 1.89.787 2.365 1.117 2.947 3.56 1.397 5.807-.64.925-1.143 1.3-3.026 2.25-.178.994-.357 1.557-.527 2.537-.095.547-.332.97-.875.984-.572.014-.773-.497-.875-.991-.191-.928-.322-1.456-.496-2.5-.692-.204-1.446-.418-2.196-.648a6.41 6.41 0 0 1-1.064-.379 1.325 1.325 0 0 1-.702-.65 1.53 1.53 0 0 1-.128-1c.121-.657.636-1.072 1.427-1.016.863.062 1.72.223 2.557.338.35-1.06.39-1.691.237-3.496-.583-.24-1.215-.453-1.809-.754-2.403-1.218-2.932-3.857-1.23-6.088a6.418 6.418 0 0 1 2.684-2.166c.279-.083.524-.27.692-.528.168-.259.25-.573.231-.89.005-.501.104-.995.291-1.452a1.02 1.02 0 0 1 .325-.361.91.91 0 0 1 .439-.156.97.97 0 0 1 .403.25 1.1 1.1 0 0 1 .255.426c.104.584.16 1.178.17 1.773.572.143 1.138.319 1.694.526.887.384 1.308 1.14 1.2 2.003-.097.764-.474 1.021-1.122.708-.565-.272-1.093-.678-1.843-.34Zm-2.192.996c-1.216.794-1.839 1.638-1.614 2.266.268.75.891.94 1.614 1.044v-3.31Zm2.273 9.42c.808-.328 1.55-.72 1.525-1.62-.02-.755-.778-.91-1.393-1.012-.035-.006-.075.029-.232.093 0 .526-.008 1.1.004 1.675.006.252.055.503.096.865Z"/>
+    <path fill="currentColor" d="M85.138 2.647c4.117 3.096 5.642 7.67 6.1 12.884.805 9.135-4.126 14.826-9.91 17.256-4.765 2.003-9.652 3.02-14.723 1.384-5.88-1.897-9.347-7.081-9.564-13.8C56.77 11.976 61.348 4.328 68.855.956c4.57-2.05 13.449-.438 16.283 1.691ZM71.163 30.332c2.49.326 7.018-.85 9.26-1.932 4.137-2 7.166-5.68 6.462-12.4-.587-5.606-3.175-9.876-8.113-11-2.577-.586-7.61-.85-10.17.345-5.592 2.607-7.763 8.773-7.472 15.51.285 6.59 6.325 8.992 10.033 9.479v-.002Z"/>
+  </g>
+</svg>
+`;
+
+var search = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 96 96">
+  <defs>
+    <clipPath id="a">
+      <path fill="#fff" d="M0 0h96v96H0z"/>
+    </clipPath>
+  </defs>
+  <g clip-path="url(#a)">
+    <path fill="currentColor" d="M21.707 62.974c6.565 1.173 13.113.645 20.019-1.616a45.908 45.908 0 0 0 11.417-5.491c.668.77 1.329 1.536 1.983 2.298a330.513 330.513 0 0 0 4.718 5.404c7.77 8.656 16.201 16.886 24.354 24.846a4550.59 4550.59 0 0 1 4.443 4.344 21.19 21.19 0 0 0 3.801 2.867c.337.186.716.278 1.097.266.4.006.795-.08 1.159-.252.197-.103.371-.246.514-.42.143-.174.25-.376.317-.594a2.14 2.14 0 0 0-.138-1.58 21.819 21.819 0 0 0-2.351-3.95 64.736 64.736 0 0 0-4.714-5.201 3785.273 3785.273 0 0 0-11.638-11.622 7139.524 7139.524 0 0 1-7.94-7.917c-2.73-2.73-5.388-5.41-8.202-8.253l-3.46-3.49.15-.171c.22-.248.389-.441.57-.623 4.398-4.422 6.81-9.954 7.168-16.44.621-11.265-3.037-20.827-10.87-28.426C50.264 3.143 45.285.81 39.993.345A35.697 35.697 0 0 0 24.75 2.143C17.23 4.798 10.848 9.891 5.78 17.281 1.41 23.648-.34 30.712.575 38.278c.596 4.937 2.521 9.616 6.24 15.17 3.514 5.248 8.384 8.364 14.891 9.526Zm7.776-55.02c1.75-.155 3.558-.314 5.334-.375.301-.01.6-.015.894-.015 8.096 0 14.318 3.813 18.501 11.343 3.745 6.738 4.804 13.195 3.24 19.74a16.738 16.738 0 0 1-3.132 6.706 24.466 24.466 0 0 1-6.778 5.912 40.158 40.158 0 0 1-19.365 5.577c-.652-.075-1.306-.141-1.96-.208-1.44-.145-2.93-.297-4.372-.541-3.588-.561-6.847-2.483-9.15-5.393A29.95 29.95 0 0 1 6.77 38.956a23.262 23.262 0 0 1 1.293-15.043c2.333-5.379 5.431-9.347 9.473-12.132 3.234-2.228 6.183-3.374 9.279-3.605.89-.066 1.778-.145 2.666-.223h.002Z"/>
+  </g>
+</svg>
+`;
+
+var table = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 96 96">
+  <defs>
+    <clipPath id="a">
+      <path fill="#fff" d="M0 0h96v96H0z"/>
+    </clipPath>
+  </defs>
+  <g clip-path="url(#a)">
+    <path fill="currentColor" d="M.266 51.31a.412.412 0 0 0 .158.325l.1 5.862c.114 6.811.233 13.853.369 20.78a15.117 15.117 0 0 0 .36 3.322c2.203 8.861 9.83 14.068 19.43 13.281 2.816-.233 5.317-.327 7.646-.286 7.98.14 16.093.319 23.938.49 3.575.08 7.15.157 10.724.233.553.01 1.118 0 1.663-.008a22.51 22.51 0 0 1 2.956.075c1.46.168 2.928.252 4.398.252a42.285 42.285 0 0 0 9.017-1.007c8.317-1.806 14.866-10.288 14.597-18.908a502.934 502.934 0 0 1-.219-14.291c-.01-3.7.005-7.464.019-11.104.026-7.072.054-14.386-.094-21.578-.102-4.973-.853-9.889-1.574-14.041-.869-5.013-3.163-8.743-6.815-11.09C83.057 1.123 79.605.03 76.067.161a83.63 83.63 0 0 0-3.293.215c-1.305.102-2.656.208-3.98.233-5.09.097-10.267.146-15.274.194-11.411.108-23.21.22-34.805.908a29.79 29.79 0 0 0-7.233 1.291C5.574 4.874.889 10.701.584 16.552l-.08 1.472C.399 19.954.288 21.951.28 23.92a4351.23 4351.23 0 0 0-.018 19.896l.004 7.495Zm39.9-44.985c1.798-.04 3.595-.08 5.393-.124h.053c.169 0 .352.02.58.043l.096.01c-1.017 13.504-1.066 27.07-1.026 38.786l-39.486.854c-.015-.185-.03-.363-.046-.536a19.688 19.688 0 0 1-.099-1.59 1441.17 1441.17 0 0 1-.03-6.664c-.013-3.977-.027-8.09-.09-12.136a26.927 26.927 0 0 1 1.557-9.622c1.311-3.681 3.774-6.002 7.526-7.094 3.875-1.128 7.945-1.322 11.881-1.51l.053-.002c4.54-.218 9.165-.318 13.637-.415h.002ZM5.698 73.91v-.272c.005-4.8.033-9.682.06-14.403l.03-5.62c0-.18-.003-.359-.006-.54-.006-.301-.011-.587.003-.871.05-.984.293-1.275 1.146-1.275.06 0 .123 0 .19.004.5.021 1.015.082 1.513.142.64.089 1.285.14 1.932.155a826.06 826.06 0 0 0 12.572-.064 4120.4 4120.4 0 0 0 12.675-.163c2.733-.038 5.467-.074 8.2-.11.268 0 .535.014.8.04l.229.018-.35 38.538-.184.017c-.34.03-.632.057-.923.058l-3.732.01c-6.816.017-13.861.033-20.793.03-3.325 0-6.094-.889-8.467-2.709-2.488-1.912-4.01-4.674-4.65-8.445a27.235 27.235 0 0 1-.247-4.54h.002Zm46.42-23.001c.59 0 1.112.002 1.635 0 2.527-.017 5.054-.034 7.58-.048 6.689-.04 13.604-.08 20.406-.168 1.979-.026 3.928-.16 5.991-.301.815-.056 1.642-.113 2.485-.163v1.399l.022 7.206c.017 5.842.04 11.686.069 17.53.031 5.212-4.34 11.197-9.355 12.808a33.987 33.987 0 0 1-11.26 1.528c-4.275-.104-8.624-.32-12.829-.524-1.593-.08-3.188-.156-4.782-.23-.534-.024-1.063-.076-1.623-.131l-.387-.04c1.252-13.71 1.45-27.307 1.47-38.866h.578ZM90.299 39.86c-.024 1.72-.05 3.496-.043 5.229H51.71L50.44 6.246l.214-.038c.32-.067.646-.108.973-.122 2.046-.023 4.091-.05 6.137-.08 5.689-.08 11.575-.16 17.357-.11a14.3 14.3 0 0 1 9.984 4.098 9.34 9.34 0 0 1 2.284 3.774 71.44 71.44 0 0 1 1.918 8.063c1.16 5.956 1.074 12.094.99 18.028h.002Z"/>
+  </g>
+</svg>
+`;
+
+var tag = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 96 96">
+  <path fill="currentColor" d="M.438 19.333c.121-2.989.412-6.015.694-8.94.14-1.446.283-2.94.404-4.41C1.84 2.32 3.51.467 6.647.321h.018l4.308.001c.345.035.688.074 1.032.113.722.082 1.468.167 2.198.208 2.232.125 4.464.246 6.695.362 4.977.262 10.122.534 15.179.896 1.167.084 3.33.398 4.7 1.564l1.947 1.655c5.225 4.436 10.628 9.024 15.545 13.957 7.67 7.695 15.303 15.685 22.686 23.412a5248.91 5248.91 0 0 0 9.374 9.785c.085.088.166.184.247.28.132.18.294.335.48.456 1.976.988 2.924 2.796 3.842 4.545l.205.389a4.904 4.904 0 0 1-.465 5.586c-7.1 9.308-14.178 18.295-22.684 25.928-2.586 2.32-5.606 4.152-8.22 5.638a5.541 5.541 0 0 1-2.713.86c-1.33 0-2.419-.753-3.657-1.976a445.553 445.553 0 0 1-3.145-3.141c-2.317-2.326-4.712-4.73-7.15-7a4926.713 4926.713 0 0 0-17.286-16.007 5631.645 5631.645 0 0 1-15.826-14.648c-3.058-2.845-6.089-5.82-9.02-8.697l-2.501-2.45C.87 40.506.126 38.818.16 36.872c.038-2.059.052-4.155.067-6.182.027-3.723.056-7.575.21-11.358Zm4.837 15.48a4.444 4.444 0 0 0 .342 1.94c.258.613.65 1.157 1.146 1.592a11578.298 11578.298 0 0 1 29.322 27.596A6023.41 6023.41 0 0 1 51.38 80.46l8.089 7.69c.4.38.81.748 1.313 1.199l.642.576c.592-.42 1.202-.828 1.795-1.225a35.038 35.038 0 0 0 4.263-3.182c8.566-7.889 15.935-16.965 22.013-24.802.628-.81.706-1.505.254-2.252l-.17-.282a13.608 13.608 0 0 0-1.78-2.516c-2.161-2.21-4.32-4.422-6.48-6.635-9.743-9.981-19.818-20.302-29.847-30.328-2.28-2.279-4.813-4.384-7.264-6.42-1.587-1.318-3.225-2.68-4.787-4.08-1.69-1.518-3.677-1.624-5.78-1.735a78.442 78.442 0 0 1-.753-.043c-6.287-.4-12.688-.69-18.877-.976-1.908-.087-3.815-.175-5.722-.264a3.86 3.86 0 0 0-.19-.004 11.6 11.6 0 0 0-.974.06c-.175.017-.367.034-.577.05-.124 1.76-.25 3.507-.38 5.24-.327 4.42-.636 8.595-.842 12.863-.113 2.312-.086 4.675-.062 6.96.014 1.461.031 2.971.011 4.459Z"/>
+  <path fill="currentColor" d="M23.367 13.862h-.151a8.858 8.858 0 0 0-6.225 2.68 10.464 10.464 0 0 0-3.086 7.297c-.045 5.486 4.426 9.878 10.177 9.997.09.002.177.003.265.002 2.8.065 5.512-.983 7.562-2.921a9.922 9.922 0 0 0 2.158-3.24c.5-1.214.758-2.518.756-3.835.076-5.752-4.636-9.855-11.456-9.98Zm-4.08 7.139c.336-.852.633-1.52 1.15-1.726.124-.048.255-.072.387-.07.36.02.71.118 1.028.289a.383.383 0 0 0 .508-.17.402.402 0 0 0 .047-.19v-.028c.331.107.664.211.997.314 1.119.316 2.212.72 3.27 1.206 2.012.995 2.135 2.826 1.884 4.186-.328 1.784-1.34 2.762-3.186 3.078-2.535.434-4.315-.114-5.602-1.722-1.137-1.417-1.293-3.108-.483-5.168Z"/>
+</svg>
+`;
+
+var illustrations = {
+    calculator,
+    clock,
+    coins,
+    'file-invoice': fileInvoice,
+    payment,
+    search,
+    table,
+    tag,
+};
+
+const Illustration = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    /**
+     * The icon the be displayed
+     */
+    variant;
+    render() {
+        const illustration = illustrations[this.variant];
+        return (h(Host, { key: "45d47143c5bfce03896f3c9b3730fe7b61943e21", class: "p-illustration block text-8xl", innerHTML: illustration }));
+    }
+};
+
+Illustration.style = '.block{display:block!important}.text-8xl{font-size:6rem!important;line-height:1!important}*{box-sizing:border-box}';
+
+export { Illustration as p_illustration };
+//# sourceMappingURL=p-illustration.entry.js.map
+
+//# sourceMappingURL=p-illustration.entry.js.map

package/dist/esm/p-illustration.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-illustration.entry.js","sources":["src/utils/illustrations.ts","src/components/atoms/illustration/illustration.component.tsx"],"sourcesContent":["import calculator from '../assets/illustrations/calculator.svg';\nimport clock from '../assets/illustrations/clock.svg';\nimport coins from '../assets/illustrations/coins.svg';\nimport fileInvoice from '../assets/illustrations/file-invoice.svg';\nimport payment from '../assets/illustrations/payment.svg';\nimport search from '../assets/illustrations/search.svg';\nimport table from '../assets/illustrations/table.svg';\nimport tag from '../assets/illustrations/tag.svg';\n\nexport default {\n\tcalculator,\n\tclock,\n\tcoins,\n\t'file-invoice': fileInvoice,\n\tpayment,\n\tsearch,\n\ttable,\n\ttag,\n};\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport illustrations from '../../../utils/illustrations';\n\nexport type IllustrationVariant = keyof typeof illustrations;\n\n@Component({\n\ttag: 'p-illustration',\n\t// shadow: true,\n})\nexport class Illustration {\n\t/**\n\t * The icon the be displayed\n\t */\n\t@Prop() variant!: IllustrationVariant;\n\n\trender() {\n\t\tconst illustration = illustrations[this.variant];\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass='p-illustration block text-8xl'\n\t\t\t\tinnerHTML={illustration}\n\t\t\t></Host>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,oBAAe;IACd,UAAU;IACV,KAAK;IACL,KAAK;AACL,IAAA,cAAc,EAAE,WAAW;IAC3B,OAAO;IACP,MAAM;IACN,KAAK;IACL,GAAG;CACH;;MCTY,YAAY,GAAA,MAAA;;;;AACxB;;AAEG;AACK,IAAA,OAAO;IAEf,MAAM,GAAA;QACL,MAAM,YAAY,GAAG,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC;QAEhD,QACC,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACJ,KAAK,EAAC,+BAA+B,EACrC,SAAS,EAAE,YAAY,EAAA,CAChB;;;;;;;;"}

package/dist/esm/p-info-panel.entry.js

@@ -29,7 +29,7 @@ const InfoPanel = class {
     closed;
     get _el() { return getElement(this); }
     render() {
-        return (h(Host, { key: '9eb262cfcdbbc7c81884559f22efb9d4b670b75a', class: `p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}` }, h("div", { key: 'b30b7f2e842e75874b62c461cd75e18533c3bf5a', class: 'header' }, h("slot", { key: '9af70b307f1d81b79dc2b273a9e621e06c1bd114', name: 'header' })), h("div", { key: 'ad69ae0d77d63b78c7f52614e47bbad4fdd25c38', class: 'content' }, h("slot", { key: '950b5647d6c65065fd87166796a07f6ee828cf80', name: 'content' })), this.closeable && (h("div", { key: 'bb12dab296d4248e49036e8d57ad3c86634bcd83', class: 'close', onClick: () => this._close() }, h("p-icon", { key: '9c32de9ae095efb917fd4e7a0300242dc0bdef79', variant: 'negative' })))));
+        return (h(Host, { key: 'ab91a454216a9c67d91865d75bf0879921e5341f', class: `p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}` }, h("div", { key: '793c7f4d06484368e0de89e6301a1b21bf186a20', class: 'header' }, h("slot", { key: 'd24b56de36536d0fe4aefd6af0750e21c7e7efc3', name: 'header' })), h("div", { key: 'ab609d1efe8eed0942782cabaf55dc21ff0e6bf7', class: 'content' }, h("slot", { key: '9b93c723ecf1781a75d41a4713870a2070313161', name: 'content' })), this.closeable && (h("div", { key: '776a29f6c9616930ce58ea5e7feded5e9b444324', class: 'close', onClick: () => this._close() }, h("p-icon", { key: '7c3f7b7d5b8522def7b9f120e25a4381c7a4477c', variant: 'negative' })))));
     }
     _close() {
         this.closed.emit();

package/dist/esm/p-input-error.entry.js

@@ -14,7 +14,7 @@ const InputError = class {
     forceShowTooltip = false;
     _showTooltip = false;
     render() {
-        return (h(Host, { key: '9a4a7ce1e1f2896ac29e28d6fe579523c36e0583', class: 'p-input-error' }, h("p-tooltip", { key: 'd814ead32e454f066b47dcd5611be326793f2868', variant: 'error', content: this.error, show: this.forceShowTooltip, onIsOpen: ev => (this._showTooltip = ev.detail) }, h("p-icon", { key: '718d3fc0be9a532bb5a75745adcbce99c62b283c', class: `${this._showTooltip ? 'text-negative' : 'text-negative-light'} hover:text-negative`, slot: 'trigger', variant: 'question-circle' }))));
+        return (h(Host, { key: '6a5c9d0abcf7ef186aefbe71cb16f00198d5951b', class: 'p-input-error' }, h("p-tooltip", { key: '11f0175c810e2be9a479eca8f290bc2a507b152f', variant: 'error', content: this.error, show: this.forceShowTooltip, onIsOpen: ev => (this._showTooltip = ev.detail) }, h("p-icon", { key: '9866eba022348ebc6157af194afae56102388271', class: `${this._showTooltip ? 'text-negative' : 'text-negative-light'} hover:text-negative`, slot: 'trigger', variant: 'question-circle' }))));
     }
 };
 

package/dist/esm/p-input-group.entry.js

@@ -81,11 +81,11 @@ const InputGroup = class {
     }
     render() {
         const { hasHeaderSlot, helper, label, prefix, suffix, errorAndErrorIsNotBoolean, errorVariant, } = this._getSlotInfo();
-        return (h(Host, { key: 'cd5c981afb24ed35d88d336a9453c9978f43210b', class: `p-input-group ${this.error?.length && 'error'} ${this.disabled && 'disabled'} ${this.focused && 'focused'} size-${this.size}` }, h("div", { key: '7c6f6c840d4da940053432b62aae9ce6b45086a1', class: 'flex items-end justify-between' }, label && (h("div", { key: '2dd1a251b54bfcb644d2e4adcd67c40bb7949360', class: 'input-label', onClick: () => this._focusInput() }, label, this.required && h("span", { key: '65cbea2d0ea418e68ec828edec2a1844f9af288b', class: 'ml-1 text-negative' }, "*"))), (helper || hasHeaderSlot) && (h("div", { key: 'c793e8afa5b854d866628a4a5fd3cfe189da1df2', class: 'input-header' }, hasHeaderSlot && h("slot", { key: '595760f0fd4f0625dea40d3a3d8d74e4c3f09cff', name: 'header' }), helper && (h("p-helper", { key: '831272e23636747f8fa7650c6def7b216b30e175', class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: 'top-end' }, helper))))), h("p-tooltip", { key: '4727a2fe32651d088cf36336d18a6710e651baae', class: 'w-full', variant: 'error', content: this.error, show: errorAndErrorIsNotBoolean &&
+        return (h(Host, { key: '2a1137259d412a694fbfff8ab39f9aa7baed2c7b', class: `p-input-group ${this.error?.length && 'error'} ${this.disabled && 'disabled'} ${this.focused && 'focused'} size-${this.size}` }, h("div", { key: '44d91c5d865b4132d25b746246b4401cbd714e6a', class: 'flex items-end justify-between' }, label && (h("div", { key: 'ef6a367209f4a77e6743b3aeb5e009cb785c92d0', class: 'input-label', onClick: () => this._focusInput() }, label, this.required && h("span", { key: '3e1e6f3531a6bf50fc3cfedcd4e84dd31c3e8cf3', class: 'ml-1 text-negative' }, "*"))), (helper || hasHeaderSlot) && (h("div", { key: 'd427be6fa65fe24f27c50ab9bf5d8d8641be3e71', class: 'input-header' }, hasHeaderSlot && h("slot", { key: 'e26f4830c121b6d903f315b6ec00b1c0ef488ff2', name: 'header' }), helper && (h("p-helper", { key: '777e995ccd5f3e4ffb92b8330afd01aa3ad6e71e', class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: 'top-end' }, helper))))), h("p-tooltip", { key: 'a02b034865c179ea26f31d3fee9dad15deda8ef5', class: 'w-full', variant: 'error', content: this.error, show: errorAndErrorIsNotBoolean &&
                 errorVariant === 'element' &&
-                (this.forceShowTooltip || this._forceShowTooltip), enableUserInput: false }, h("div", { key: '42aa18a95659386cce232fd4df5ae983e03b8082', class: 'content', slot: 'trigger' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: '0e0dc2aa768193a0e742ea812a1d908bd46fef5e', class: `prefix size-${this.size}`, onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), (suffix ||
+                (this.forceShowTooltip || this._forceShowTooltip), enableUserInput: false }, h("div", { key: '8d80e8f05d179f243bdd792cccb90481ca5b5291', class: 'content', slot: 'trigger' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: 'cda8172ed22e134f5edfae386e50061cc64956fe', class: `prefix size-${this.size}`, onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), (suffix ||
             (errorAndErrorIsNotBoolean && errorVariant === 'icon') ||
-            (this.icon && this.iconPosition === 'end')) && (h("div", { key: '47d5833f618ae15aff5ee3ecdb3b8f24f2e1ed22', class: `suffix size-${this.size}`, onClick: () => this._focusInput() }, errorAndErrorIsNotBoolean && errorVariant === 'icon' ? (h("p-input-error", { error: this.error, forceShowTooltip: this.forceShowTooltip || this._forceShowTooltip })) : this.icon && this.iconPosition === 'end' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (suffix))), h("slot", { key: '4cc972e56a638da234ecb604a41c484f4d934ff4', name: 'input' })))));
+            (this.icon && this.iconPosition === 'end')) && (h("div", { key: '9faf8c8947d25fbb76bb8b9aa881e104104dc876', class: `suffix size-${this.size}`, onClick: () => this._focusInput() }, errorAndErrorIsNotBoolean && errorVariant === 'icon' ? (h("p-input-error", { error: this.error, forceShowTooltip: this.forceShowTooltip || this._forceShowTooltip })) : this.icon && this.iconPosition === 'end' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (suffix))), h("slot", { key: 'b9bbea9469d32123ce49c3ab2fa84d3a0745b43f', name: 'input' })))));
     }
     handleFocusIn() {
         this._forceShowTooltip = true;

package/dist/esm/p-layout.entry.js

@@ -1,17 +1,22 @@
-import { r as registerInstance, h, H as Host } from './index-I9JY9uxk.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-I9JY9uxk.js';
 
 const layoutComponentCss = ".relative{position:relative!important}.sticky{position:sticky!important}.box-border{box-sizing:border-box!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.h-dvh{height:100dvh!important}.h-full{height:100%!important}.w-full{width:100%!important}.w-unset{width:unset!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.overflow-y-auto{overflow-y:auto!important}.px-content-mobile-x{padding-left:1rem!important;padding-right:1rem!important}*{box-sizing:border-box}:host{display:grid;gap:0;grid-template-areas:\"sidebar\" \"topbar\" \"content\";grid-template-columns:1fr;grid-template-rows:repeat(2,min-content) 1fr;height:100dvh;width:100dvw}@media (min-width:80rem){:host{grid-template-areas:\"topbar topbar\" \"sidebar content\";grid-template-columns:auto 1fr;grid-template-rows:min-content 1fr}}:host .content,:host .sidebar,:host .topbar{align-self:flex-start}:host .topbar{grid-area:topbar;position:sticky;width:100%}:host .sidebar{box-sizing:border-box;display:flex;grid-area:sidebar;height:100%;width:100%}@media (min-width:80rem){:host .sidebar{width:15rem}}@media (min-width:105rem){:host .sidebar{width:18rem}}:host .content{display:flex;flex-direction:column;grid-area:content;height:100%;overflow-x:hidden;overflow-y:auto;padding:1.5rem 1rem;position:relative}@media (min-width:40rem){:host .content{padding:2rem}}@media (min-width:80rem){:host .content{padding:2rem 1.5rem 1.5rem}}@media (min-width:90rem){:host .content{padding:2rem}}@media (min-width:120rem){:host .content{padding-bottom:5rem;padding-left:5rem;padding-right:2rem}}@media (min-width:160rem){:host .content{padding-bottom:7.5rem;padding-left:7.5rem;padding-top:4rem}}:host .content .inner-content{flex:1 1 0%;position:relative}@media (min-width:80rem){:host .content .inner-content{width:62rem}}@media (min-width:90rem){:host .content .inner-content{width:71rem}}@media (min-width:96rem){:host .content .inner-content{width:77rem}}@media (min-width:105rem){:host .content .inner-content{width:83rem}}:host(.variant-default) .content{flex:1 1 0%}:host(.variant-login){grid-template-areas:\"topbar topbar\" \"content content\"}@media (min-width:80rem){:host(.variant-login){grid-template-areas:\"topbar topbar\" \"content sidebar\"}}:host(.variant-login) .sidebar{display:none;flex:1 1 0%;overflow:hidden;padding:.5rem;width:unset}@media (min-width:80rem){:host(.variant-login) .sidebar{display:flex}}:host(.variant-login) .sidebar .inner-content{padding:.5rem}:host(.variant-login) .content{align-items:center;padding:calc(env(safe-area-inset-top) + 3.5rem) 1rem 1.5rem}@media (min-width:80rem){:host(.variant-login) .content{justify-content:center;padding:1.5rem 4.5rem 0}}:host(.variant-login) .content .inner-content{box-sizing:border-box;flex:unset;width:100%}@media (min-width:40rem){:host(.variant-login) .content .inner-content{width:21rem}}@media (min-width:80rem){:host(.variant-office) .content .inner-content{width:58rem}}@media (min-width:90rem){:host(.variant-office) .content .inner-content{width:67rem}}@media (min-width:96rem){:host(.variant-office) .content .inner-content{width:73rem}}@media (min-width:105rem){:host(.variant-office) .content .inner-content{width:79rem}}@media (min-width:120rem){:host(.variant-office) .content .inner-content{width:82rem}}@media (min-width:160rem){:host(.variant-office) .content .inner-content{width:84.5rem}}@media (min-width:80rem){:host(.variant-office) .sidebar{width:19rem}}@media (min-width:105rem){:host(.variant-office) .sidebar{width:22rem}}@media (min-width:80rem){.layout-1280\\:flex{display:flex!important}.layout-1280\\:w-60{width:15rem!important}.layout-1280\\:w-\\[19rem\\]{width:19rem!important}.layout-1280\\:w-\\[58rem\\]{width:58rem!important}.layout-1280\\:p-6{padding:1.5rem!important}.layout-1280\\:px-18{padding-left:4.5rem!important;padding-right:4.5rem!important}}@media (min-width:90rem){.layout-1440\\:w-\\[67rem\\]{width:67rem!important}}@media (min-width:96rem){.layout-1536\\:w-\\[73rem\\]{width:73rem!important}}@media (min-width:105rem){.layout-1680\\:w-\\[22rem\\]{width:22rem!important}.layout-1680\\:w-\\[79rem\\]{width:79rem!important}}@media (min-width:120rem){.layout-1920\\:w-\\[82rem\\]{width:82rem!important}.layout-1920\\:pl-20{padding-left:5rem!important}.layout-1920\\:pr-8{padding-right:2rem!important}}@media (min-width:160rem){.layout-2560\\:w-\\[84\\.5rem\\]{width:84.5rem!important}.layout-2560\\:pb-\\[7\\.5rem\\]{padding-bottom:7.5rem!important}.layout-2560\\:pl-\\[7\\.5rem\\]{padding-left:7.5rem!important}.layout-2560\\:pt-16{padding-top:4rem!important}}.static{position:static!important}";
 
 const Layout = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.scroll = createEvent(this, "scroll", 7);
     }
     /**
      * Variant of the layout
      */
     variant = 'default';
+    /**
+     * Event whenever the layout is being scrolled
+     */
+    scroll;
     render() {
-        return (h(Host, { key: '83bf2d744371af578658fab1d60bdc99ba219283', class: `p-layout variant-${this.variant}` }, h("div", { key: '683fb2c8b73ba2b9b32762e860bc9c0a7164c47b', class: 'content' }, h("div", { key: '920ec6b59fbcd19a98f8384915ea266e0ebec0d6', class: 'inner-content' }, h("slot", { key: 'd1760fc61e715e1a6966e11ed9db730ccb72d7ef', name: 'content' }))), h("div", { key: 'a9e52f6b1a7905340ce8d749e088192a88fe8da5', class: 'sidebar' }, h("slot", { key: '36ad035653a8f49788db9651c5b0ae62ef660b32', name: 'sidebar' })), h("div", { key: '3b3ab5e7ec6a114296b8e699567cb41631ffedd2', class: 'topbar' }, h("slot", { key: 'cfae23c07360d1a6a9c49830239761e334212320', name: 'topbar' }))));
+        return (h(Host, { key: 'abb4b9dee622a98ce445bb7d616723ff05cdd4e6', class: `p-layout variant-${this.variant}` }, h("div", { key: '3d56e125dc255ef84cd44373f55f6b19c6d1e3c4', class: 'content', onScroll: ev => this.scroll.emit(ev) }, h("div", { key: 'c813fc7a527b1f1eb5529a2c5a7b1fae1eafa48a', class: 'inner-content' }, h("slot", { key: 'c06a94e256eb4e685888fec7c8a2b415fce3169a', name: 'content' }))), h("div", { key: 'e7d29ed239bd8a0fcb0e52821b8e4019364e11dd', class: 'sidebar' }, h("slot", { key: '3d239712ec6357624866af12307be33e1bdb094b', name: 'sidebar' })), h("div", { key: '55c075f918cbce1ea612c5fe4cf2530e994258c5', class: 'topbar' }, h("slot", { key: 'afae0fcdec8240e06d8bcfe8e430dfd1bc4cbf98', name: 'topbar' }))));
     }
 };
 Layout.style = layoutComponentCss;

package/dist/esm/p-layout.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-layout.entry.js","sources":["src/components/deprecated/atoms/layout/layout.component.scss?tag=p-layout&encapsulation=shadow","src/components/deprecated/atoms/layout/layout.component.tsx"],"sourcesContent":[":host {\n\t@apply grid h-dvh w-dvw;\n\n\tgrid-template-columns: 1fr;\n\tgrid-template-rows: repeat(2, min-content) 1fr;\n\tgap: 0;\n\tgrid-template-areas:\n\t\t'sidebar'\n\t\t'topbar'\n\t\t'content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-columns: auto 1fr;\n\t\tgrid-template-rows: min-content 1fr;\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'sidebar content';\n\t}\n\n\t.topbar,\n\t.sidebar,\n\t.content {\n\t\t@apply self-start;\n\t}\n\n\t.topbar {\n\t\tgrid-area: topbar;\n\n\t\t@apply sticky w-full;\n\t}\n\n\t.sidebar {\n\t\tgrid-area: sidebar;\n\n\t\t@apply box-border flex h-full;\n\t\t@apply w-full;\n\t\t@apply layout-1280:w-60 layout-1680:w-72;\n\t}\n\n\t.content {\n\t\tgrid-area: content;\n\n\t\t@apply relative flex h-full flex-col overflow-y-auto overflow-x-hidden;\n\t\t@apply pb-24;\n\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\t@apply tablet:p-8;\n\t\t@apply layout-1280:p-6 layout-1280:pt-8;\n\t\t@apply layout-1440:p-8;\n\t\t@apply layout-1920:pr-8 layout-1920:pl-20 layout-1920:pb-20;\n\t\t@apply layout-2560:pt-16 layout-2560:pl-[7.5rem] layout-2560:pb-[7.5rem];\n\n\t\t.inner-content {\n\t\t\t@apply relative flex-1;\n\n\t\t\t// https://linear.app/employes/issue/PRO-9053/%E2%9A%9B%EF%B8%8F-component-wijzigen-layout\n\t\t\t@apply layout-1280:w-content-1280;\n\t\t\t@apply layout-1440:w-content-1440;\n\t\t\t@apply layout-1536:w-content-1536;\n\t\t\t@apply layout-1680:w-content-1680;\n\t\t}\n\t}\n}\n\n:host(.variant-default) {\n\t.content {\n\t\t@apply flex-1;\n\t}\n}\n\n:host(.variant-login) {\n\tgrid-template-areas:\n\t\t'topbar topbar'\n\t\t'content content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'content sidebar';\n\t}\n\n\t.sidebar {\n\t\t@apply hidden w-unset layout-1280:flex;\n\t\t@apply p-2;\n\t\t@apply flex-1 overflow-hidden;\n\n\t\t.inner-content {\n\t\t\t@apply p-2;\n\t\t}\n\t}\n\n\t.content {\n\t\t@apply items-center layout-1280:justify-center;\n\n\t\t@apply layout-1280:px-18 layout-1280:py-0;\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\tpadding-top: calc(env(safe-area-inset-top) + 3.5rem);\n\n\t\t@screen layout-1280 {\n\t\t\t@apply pt-content-mobile-y;\n\t\t}\n\n\t\t.inner-content {\n\t\t\t@apply box-border;\n\t\t\t@apply w-full tablet:w-content-desktop-login;\n\t\t\tflex: unset;\n\t\t}\n\t}\n}\n\n:host(.variant-office) {\n\t.content {\n\t\t.inner-content {\n\t\t\t@apply layout-1280:w-[58rem];\n\t\t\t@apply layout-1440:w-[67rem];\n\t\t\t@apply layout-1536:w-[73rem];\n\t\t\t@apply layout-1680:w-[79rem];\n\t\t\t@apply layout-1920:w-[82rem];\n\t\t\t@apply layout-2560:w-[84.5rem];\n\t\t}\n\t}\n\n\t.sidebar {\n\t\t@apply layout-1280:w-[19rem] layout-1680:w-[22rem];\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-layout',\n\tstyleUrl: 'layout.component.scss',\n\tshadow: true,\n})\nexport class Layout {\n\t/**\n\t * Variant of the layout\n\t */\n\t@Prop() variant: 'default' | 'login' | 'office' = 'default';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-layout variant-${this.variant}`}>\n\t\t\t\t<div class='content'>\n\t\t\t\t\t<div class='inner-content'>\n\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class='sidebar'>\n\t\t\t\t\t<slot name='sidebar' />\n\t\t\t\t</div>\n\t\t\t\t<div class='topbar'>\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"],"names":[],"mappings":";;AAAA,MAAM,kBAAkB,GAAG,4lJAA4lJ;;MCO1mJ,MAAM,GAAA,MAAA;;;;AAClB;;AAEG;IACK,OAAO,GAAmC,SAAS;IAE3D,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAoB,iBAAA,EAAA,IAAI,CAAC,OAAO,CAAE,CAAA,EAAA,EAC9C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACnB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACzB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAClB,CACD,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACnB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAClB,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACA;;;;;;;"}
+{"version":3,"file":"p-layout.entry.js","sources":["src/components/deprecated/atoms/layout/layout.component.scss?tag=p-layout&encapsulation=shadow","src/components/deprecated/atoms/layout/layout.component.tsx"],"sourcesContent":[":host {\n\t@apply grid h-dvh w-dvw;\n\n\tgrid-template-columns: 1fr;\n\tgrid-template-rows: repeat(2, min-content) 1fr;\n\tgap: 0;\n\tgrid-template-areas:\n\t\t'sidebar'\n\t\t'topbar'\n\t\t'content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-columns: auto 1fr;\n\t\tgrid-template-rows: min-content 1fr;\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'sidebar content';\n\t}\n\n\t.topbar,\n\t.sidebar,\n\t.content {\n\t\t@apply self-start;\n\t}\n\n\t.topbar {\n\t\tgrid-area: topbar;\n\n\t\t@apply sticky w-full;\n\t}\n\n\t.sidebar {\n\t\tgrid-area: sidebar;\n\n\t\t@apply box-border flex h-full;\n\t\t@apply w-full;\n\t\t@apply layout-1280:w-60 layout-1680:w-72;\n\t}\n\n\t.content {\n\t\tgrid-area: content;\n\n\t\t@apply relative flex h-full flex-col overflow-y-auto overflow-x-hidden;\n\t\t@apply pb-24;\n\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\t@apply tablet:p-8;\n\t\t@apply layout-1280:p-6 layout-1280:pt-8;\n\t\t@apply layout-1440:p-8;\n\t\t@apply layout-1920:pr-8 layout-1920:pl-20 layout-1920:pb-20;\n\t\t@apply layout-2560:pt-16 layout-2560:pl-[7.5rem] layout-2560:pb-[7.5rem];\n\n\t\t.inner-content {\n\t\t\t@apply relative flex-1;\n\n\t\t\t// https://linear.app/employes/issue/PRO-9053/%E2%9A%9B%EF%B8%8F-component-wijzigen-layout\n\t\t\t@apply layout-1280:w-content-1280;\n\t\t\t@apply layout-1440:w-content-1440;\n\t\t\t@apply layout-1536:w-content-1536;\n\t\t\t@apply layout-1680:w-content-1680;\n\t\t}\n\t}\n}\n\n:host(.variant-default) {\n\t.content {\n\t\t@apply flex-1;\n\t}\n}\n\n:host(.variant-login) {\n\tgrid-template-areas:\n\t\t'topbar topbar'\n\t\t'content content';\n\n\t@screen layout-1280 {\n\t\tgrid-template-areas:\n\t\t\t'topbar topbar'\n\t\t\t'content sidebar';\n\t}\n\n\t.sidebar {\n\t\t@apply hidden w-unset layout-1280:flex;\n\t\t@apply p-2;\n\t\t@apply flex-1 overflow-hidden;\n\n\t\t.inner-content {\n\t\t\t@apply p-2;\n\t\t}\n\t}\n\n\t.content {\n\t\t@apply items-center layout-1280:justify-center;\n\n\t\t@apply layout-1280:px-18 layout-1280:py-0;\n\t\t@apply px-content-mobile-x py-content-mobile-y;\n\t\tpadding-top: calc(env(safe-area-inset-top) + 3.5rem);\n\n\t\t@screen layout-1280 {\n\t\t\t@apply pt-content-mobile-y;\n\t\t}\n\n\t\t.inner-content {\n\t\t\t@apply box-border;\n\t\t\t@apply w-full tablet:w-content-desktop-login;\n\t\t\tflex: unset;\n\t\t}\n\t}\n}\n\n:host(.variant-office) {\n\t.content {\n\t\t.inner-content {\n\t\t\t@apply layout-1280:w-[58rem];\n\t\t\t@apply layout-1440:w-[67rem];\n\t\t\t@apply layout-1536:w-[73rem];\n\t\t\t@apply layout-1680:w-[79rem];\n\t\t\t@apply layout-1920:w-[82rem];\n\t\t\t@apply layout-2560:w-[84.5rem];\n\t\t}\n\t}\n\n\t.sidebar {\n\t\t@apply layout-1280:w-[19rem] layout-1680:w-[22rem];\n\t}\n}\n","import { Component, h, Host, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n\ttag: 'p-layout',\n\tstyleUrl: 'layout.component.scss',\n\tshadow: true,\n})\nexport class Layout {\n\t/**\n\t * Variant of the layout\n\t */\n\t@Prop() variant: 'default' | 'login' | 'office' = 'default';\n\n\t/**\n\t * Event whenever the layout is being scrolled\n\t */\n\t@Event() scroll: EventEmitter<any>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-layout variant-${this.variant}`}>\n\t\t\t\t<div\n\t\t\t\t\tclass='content'\n\t\t\t\t\tonScroll={ev => this.scroll.emit(ev)}\n\t\t\t\t>\n\t\t\t\t\t<div class='inner-content'>\n\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class='sidebar'>\n\t\t\t\t\t<slot name='sidebar' />\n\t\t\t\t</div>\n\t\t\t\t<div class='topbar'>\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"],"names":[],"mappings":";;AAAA,MAAM,kBAAkB,GAAG,4lJAA4lJ;;MCO1mJ,MAAM,GAAA,MAAA;;;;;AAClB;;AAEG;IACK,OAAO,GAAmC,SAAS;AAE3D;;AAEG;AACM,IAAA,MAAM;IAEf,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAA,iBAAA,EAAoB,IAAI,CAAC,OAAO,CAAE,CAAA,EAAA,EAC9C,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,SAAS,EACf,QAAQ,EAAE,EAAE,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EAAA,EAEpC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACzB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAClB,CACD,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EACnB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAClB,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACA;;;;;;;"}

package/dist/esm/p-modal-body_4.entry.js

@@ -30,10 +30,10 @@ const ModalBody = class {
      */
     roundedTop = false;
     render() {
-        return (h("div", { key: 'b8954019e9c370a9fade4ef7a90b54b5afd3db20', class: body({
+        return (h("div", { key: 'ed49e09be6d43e47af68d7d79f5edaf0903d723f', class: body({
                 roundedBottom: this.roundedBottom,
                 roundedTop: this.roundedTop,
-            }) }, h("slot", { key: 'e9a92be0127906a358b75ea0ee2d94aac0ccf188' })));
+            }) }, h("slot", { key: '3dcb713cfc5301f6c29b9a4f41da14d938616bd7' })));
     }
 };
 ModalBody.style = modalBodyComponentCss;
@@ -73,10 +73,10 @@ const ModalContainer = class {
      */
     closing = false;
     render() {
-        return (h("div", { key: '983f38b0406b16a993e4de1e7cd7dbd4f150d872', class: container({
+        return (h("div", { key: '46fc0d9f3f4a7c161755797ec818bcc8deb3749d', class: container({
                 size: this.size,
                 closing: asBoolean(this.closing),
-            }) }, h("slot", { key: '1445ce5ea1038d51532e9666a410837acaedb276' })));
+            }) }, h("slot", { key: '4e654a0311d4c3365c47183bb22a3ecc66464371' })));
     }
 };
 ModalContainer.style = modalContainerComponentCss;
@@ -88,7 +88,7 @@ const ModalFooter = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '802e0ad9d49d5b6f0c1320a7a39c0ee0d91d85ea', class: 'flex flex-col rounded-b-none bg-white pb-4 desktop-xs:rounded-b-2xl' }, h("p-divider", { key: 'e48e575453d8ec83fc3d82854b3da594970323da', class: 'mb-4 hidden desktop-xs:inline-block' }), h("div", { key: '08f305bd1d7761784234414a564f33e21b4af4c1', class: 'flex flex-col gap-4 px-4 tablet:flex-row' }, h("slot", { key: '77fbc714f68ab2a7aec5b92dd8dbad2b7dba5912' }))));
+        return (h("div", { key: 'e1bced1b6180411bcc71f9fc2f52770f257db8dd', class: 'flex flex-col rounded-b-none bg-white pb-4 desktop-xs:rounded-b-2xl' }, h("p-divider", { key: 'b39d82a4618735821235cf69d57932f30163fc68', class: 'mb-4 hidden desktop-xs:inline-block' }), h("div", { key: '7f088b4e8f770302044324402b4efa1a7e7ec68a', class: 'flex flex-col gap-4 px-4 tablet:flex-row' }, h("slot", { key: '146bc5b845b3320f41d4fce6574654c1ad97c1d7' }))));
     }
 };
 ModalFooter.style = modalFooterComponentCss;
@@ -119,7 +119,7 @@ const ModalHeader = class {
      */
     close;
     render() {
-        return (h("div", { key: 'fa7d65ee0b6e3c258139dc03884a72ffc21cb8f4', class: header() }, h("div", { key: '063bcaa9a7109e5f0a8949afa1c4b2d1a0dd75f4', class: content() }, h("div", { key: 'bfee4a3b9c6e230b2b6c888bb73845580559d07b', class: title() }, h("slot", { key: '95bcb6be54d86be0b84bd60328017539ce063b15' })), this.showClose && (h("p-button", { key: 'b1c0d135268f2ac2503ef84f40f9d8b511c6f4dc', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), h("p-smile", { key: 'd7cb386320f56929310674f5e8add9e21121c082' })));
+        return (h("div", { key: '5e773c6e7cf686f56016f622b219b5e8d8e003e7', class: header() }, h("div", { key: 'e95b94a1ec12e126dcd3d362c73fe5810ffd5d5e', class: content() }, h("div", { key: '32fbc3f8ef273092c6a8725d36a6723b8632c734', class: title() }, h("slot", { key: '5b3f5418170d2400dfc8950cbfb1893235dd023c' })), this.showClose && (h("p-button", { key: '7d5f5ff3cd16cd774a3806d25fe05be5da551679', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), h("p-smile", { key: '11c8cf9ea905e2c4e3e053c4e8d6e3e56aae8952' })));
     }
 };
 ModalHeader.style = modalHeaderComponentCss;

package/dist/esm/p-navbar.entry.js

@@ -49,7 +49,7 @@ const Navbar = class {
     }
     _show = false;
     render() {
-        return (h(Host, { key: '420e8206936530720b691c0b1afc04a2d608b04b', class: 'p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72' }, h("p-backdrop", { key: '0ef0b72645f6318a41c5beac4b11bf0aca6e89e2', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: '306b0b341f807b440afb06db4620e1d5a531920a', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '15ee88d5fb65f2893b3bff37f5d6c95958758722', class: 'flex w-full items-center justify-between layout-1280:hidden' }, h("p-button", { key: 'b64a58b653501f77dcca6c5de917fa73362f5b02', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), h("div", { key: 'df946991b20959ee55b30778623da97f6bfa445e', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: '40f50a4fbe75c85e095176805ca6b49e4cb80a6a', name: 'company' })), h("div", { key: 'b94aada53b4eb0ac86d52010cc3e07bb2fa0e682', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: '28a927ba8b7eb84534ef66efaddac03c75bafb33', name: 'content' })), h("div", { key: '7c8990fad4e46e05eaffda94aed8323afa6c1bf2', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: 'ec9d59ccedce6c8daba775f0b68d42290b7b9877', name: 'user' }))), h("div", { key: 'c1bca26770942cfc04aca9dfee1f40b5e3ed885c', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '3d16426f5990c0a04cbd0befd4901fe09fcab33f', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), h("slot", { key: 'a49b86b11c0619d33dfb8cd59ca2b576d183d0cb', name: 'topbar' }))));
+        return (h(Host, { key: '2910a3ec8868edb10e364744e30aecb9881ff9d0', class: 'p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72' }, h("p-backdrop", { key: 'f825ee90f654b0d1dda02063a6fe1a764a1b662b', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: '7f1c86453fdec1f2441a79dada42569d38b049c8', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: 'bc9f134b86ac3a3f89e4cc2a2a948d3e654be1fe', class: 'flex w-full items-center justify-between layout-1280:hidden' }, h("p-button", { key: 'dfe2490452cd449c1c71dc45755cda92176ecdf4', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), h("div", { key: '1ae51dd37f79c7e5650ebe8c1f3a1d21ce0ea4cb', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: '54806a7bd9e99fc5f060cbc2c4ab67214cebc6ab', name: 'company' })), h("div", { key: '5fe0d7347204285130557796f27f88f208ed3172', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: '56438f1c5e79dbeefed5bf76490b074dbb1ba5cb', name: 'content' })), h("div", { key: 'dd65589a1bc11c891d1b2d6fbbc11bfa6763872c', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: 'f4c5a2e0db4bd5f68808f7e23997da536d437c58', name: 'user' }))), h("div", { key: '0bbc41dd12023b7b5c66e9090cb9edabd0a310b2', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '0b0c9ab263eb4af99781a82cd52b18cb1f6e3018', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), h("slot", { key: 'b45fa8c82f59e82ed1ca99692ae2523681defdef', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;

package/dist/esm/p-navigation-title.entry.js

@@ -7,7 +7,7 @@ const NavigationTitle = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '1673e0585dbdd07cfab2d1c118db14a498148006', class: 'p-navigation-title text-xs font-medium text-black-teal-300' }, h("slot", { key: '77db6034a744c3b0b28a76815cd076fbad8bb59c' })));
+        return (h(Host, { key: '09317724a6ceb2281ca9cacd54b7f8e1598e69ad', class: 'p-navigation-title text-xs font-medium text-black-teal-300' }, h("slot", { key: '1b3eb9926e3141614c13925fc7144a873a08debc' })));
     }
 };
 NavigationTitle.style = navigationTitleComponentCss;

package/dist/esm/p-pagination-pages-item.entry.js

@@ -0,0 +1,100 @@
+import { r as registerInstance, h, H as Host } from './index-I9JY9uxk.js';
+import { c as cva } from './index-CO0T2jO4.js';
+import './clsx-ChV9xqsO.js';
+
+const paginationPagesItemComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded{border-radius:.25rem!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-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.bg-off-white-700{--tw-bg-opacity:1!important;background-color:rgb(222 219 213/var(--tw-bg-opacity,1))!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-black-teal-500{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.opacity-20{opacity:.2!important}.hover\\:bg-dark-teal-500:hover{--tw-bg-opacity:1!important;background-color:rgb(0 81 72/var(--tw-bg-opacity,1))!important}.hover\\:bg-off-white-500:hover{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.focus\\:bg-dark-teal-600:focus{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}";
+
+const item = cva([
+    'p-pagination-item',
+    'text-sm ',
+    'h-6 w-6',
+    'flex items-center justify-center text-center',
+], {
+    variants: {
+        variant: {
+            default: 'rounded text-black-teal-500',
+            carousel: 'rounded-full text-white',
+        },
+        active: {
+            false: null,
+            true: null,
+        },
+        hover: {
+            false: null,
+            true: null,
+        },
+        disabled: {
+            false: null,
+            true: 'cursor-not-allowed',
+        },
+    },
+    compoundVariants: [
+        {
+            variant: 'default',
+            active: false,
+            class: 'bg-off-white-300',
+        },
+        {
+            variant: 'default',
+            active: false,
+            hover: true,
+            class: 'hover:bg-off-white-500 cursor-pointer',
+        },
+        {
+            variant: 'default',
+            active: true,
+            class: 'bg-off-white-700 font-semibold',
+        },
+        {
+            variant: 'carousel',
+            disabled: false,
+            class: 'bg-dark-teal-400',
+        },
+        {
+            variant: 'carousel',
+            disabled: false,
+            hover: true,
+            class: 'hover:bg-dark-teal-500 focus:bg-dark-teal-600 cursor-pointer',
+        },
+        {
+            variant: 'carousel',
+            disabled: true,
+            class: 'bg-dark-teal-400 opacity-20',
+        },
+    ],
+});
+const PaginationPagesItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    /**
+     * The variant of the item
+     */
+    variant = 'default';
+    /**
+     * Wether the pagination item is active
+     */
+    active = false;
+    /**
+     * Wether the pagination item has hover
+     */
+    hover = true;
+    /**
+     * Wether the pagination item is disabled
+     */
+    disabled = false;
+    render() {
+        return (h(Host, { key: '2f2fcfd88af52f034a67cb17d7705d88af139a26', class: item({
+                variant: this.variant,
+                active: this.active,
+                hover: this.hover,
+                disabled: this.disabled,
+            }) }, h("slot", { key: 'e3e952e6c60cc3154d8e4006a3a0495799d50e07' })));
+    }
+};
+PaginationPagesItem.style = paginationPagesItemComponentCss;
+
+export { PaginationPagesItem as p_pagination_pages_item };
+//# sourceMappingURL=p-pagination-pages-item.entry.js.map
+
+//# sourceMappingURL=p-pagination-pages-item.entry.js.map

package/dist/esm/p-pagination-pages-item.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-pagination-pages-item.entry.js","sources":["src/components/atoms/pagination/pages-item/pagination-pages-item.component.css?tag=p-pagination-pages-item","src/components/atoms/pagination/pages-item/pagination-pages-item.component.tsx"],"sourcesContent":["","import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst item = cva(\n\t[\n\t\t'p-pagination-item',\n\t\t'text-sm ',\n\t\t'h-6 w-6',\n\t\t'flex items-center justify-center text-center',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'rounded text-black-teal-500',\n\t\t\t\tcarousel: 'rounded-full text-white',\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\thover: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: false,\n\t\t\t\tclass: 'bg-off-white-300',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: false,\n\t\t\t\thover: true,\n\t\t\t\tclass: 'hover:bg-off-white-500 cursor-pointer',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'bg-off-white-700 font-semibold',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'carousel',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'bg-dark-teal-400',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'carousel',\n\t\t\t\tdisabled: false,\n\t\t\t\thover: true,\n\t\t\t\tclass: 'hover:bg-dark-teal-500 focus:bg-dark-teal-600 cursor-pointer',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'carousel',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'bg-dark-teal-400 opacity-20',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-pagination-pages-item',\n\tstyleUrl: 'pagination-pages-item.component.css',\n})\nexport class PaginationPagesItem {\n\t/**\n\t * The variant of the item\n\t */\n\t@Prop() variant: 'default' | 'carousel' = 'default';\n\n\t/**\n\t * Wether the pagination item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the pagination item has hover\n\t */\n\t@Prop() hover: boolean = true;\n\n\t/**\n\t * Wether the pagination item is disabled\n\t */\n\t@Prop() disabled: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={item({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tactive: this.active,\n\t\t\t\t\thover: this.hover,\n\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;;;AAAA,MAAM,+BAA+B,GAAG,u+CAAu+C;;ACG/gD,MAAM,IAAI,GAAG,GAAG,CACf;IACC,mBAAmB;IACnB,UAAU;IACV,SAAS;IACT,8CAA8C;CAC9C,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,6BAA6B;AACtC,YAAA,QAAQ,EAAE,yBAAyB;AACnC,SAAA;AACD,QAAA,MAAM,EAAE;AACP,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,IAAI;AACV,SAAA;AACD,QAAA,KAAK,EAAE;AACN,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,IAAI;AACV,SAAA;AACD,QAAA,QAAQ,EAAE;AACT,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,oBAAoB;AAC1B,SAAA;AACD,KAAA;AACD,IAAA,gBAAgB,EAAE;AACjB,QAAA;AACC,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,MAAM,EAAE,KAAK;AACb,YAAA,KAAK,EAAE,kBAAkB;AACzB,SAAA;AACD,QAAA;AACC,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,MAAM,EAAE,KAAK;AACb,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,KAAK,EAAE,uCAAuC;AAC9C,SAAA;AACD,QAAA;AACC,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,KAAK,EAAE,gCAAgC;AACvC,SAAA;AAED,QAAA;AACC,YAAA,OAAO,EAAE,UAAU;AACnB,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,KAAK,EAAE,kBAAkB;AACzB,SAAA;AACD,QAAA;AACC,YAAA,OAAO,EAAE,UAAU;AACnB,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,KAAK,EAAE,8DAA8D;AACrE,SAAA;AACD,QAAA;AACC,YAAA,OAAO,EAAE,UAAU;AACnB,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,KAAK,EAAE,6BAA6B;AACpC,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAMY,mBAAmB,GAAA,MAAA;;;;AAC/B;;AAEG;IACK,OAAO,GAA2B,SAAS;AAEnD;;AAEG;IACK,MAAM,GAAY,KAAK;AAE/B;;AAEG;IACK,KAAK,GAAY,IAAI;AAE7B;;AAEG;IACK,QAAQ,GAAY,KAAK;IAEjC,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,qDACJ,KAAK,EAAE,IAAI,CAAC;gBACX,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvB,aAAA,CAAC,EAAA,EAEF,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;"}

package/dist/esm/p-pagination.p-pagination-pages.p-pagination-size.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-pagination.p-pagination-pages.p-pagination-size.entry.js","sources":["src/components/molecules/pagination/pagination/pagination.component.css?tag=p-pagination","src/components/molecules/pagination/pagination/pagination.component.tsx","src/components/molecules/pagination/pages/pagination-pages.component.css?tag=p-pagination-pages","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":["","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tFragment,\n\th,\n\tHost,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { defaultSize, defaultSizeOptions } from '../size/constants';\nimport { cva } from 'class-variance-authority';\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})\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@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<Host\n\t\t\t\tclass={pagination({\n\t\t\t\t\thidden:\n\t\t\t\t\t\t(hidePageSizeSelect && !this.enablePaginationSize) ||\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\t(this._hasPaginationPages = detail > 1)\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\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","","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tProp,\n\tWatch,\n} 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})\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() 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<Host\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</Host>\n\t\t);\n\t}\n\n\t@Watch('page')\n\t@Watch('pageSize')\n\t@Watch('total')\n\tprotected pageChangeHandler() {\n\t\tthis._generate();\n\t}\n\n\tprivate _generate() {\n\t\tthis._pages = this._generatePages();\n\t\tthis._set = this._generateSet();\n\n\t\tif (this.page > this._pages?.length) {\n\t\t\tthis._changePage(this._pages.length);\n\t\t}\n\t}\n\n\tprivate _changePage(p?: number) {\n\t\tif (!p) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.page = p;\n\t\tthis.pageChange.emit(this.page);\n\t}\n\n\tprivate _previousClick() {\n\t\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","","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\tvariant='dark-teal'\n\t\t\t\t\tplacement='top-start'\n\t\t\t\t\tchevronDirection='down'\n\t\t\t\t\tcalculateWidth={true}\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"],"names":["pagination"],"mappings":"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"}