@paperless/core 2.12.0 → 2.12.2
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 +19 -0
- package/dist/build/{p-308aaa8c.js → p-0aa30325.js} +1 -1
- package/dist/build/p-64e5c2d3.entry.js +2 -0
- package/dist/build/{p-e488436d.entry.js.map → p-64e5c2d3.entry.js.map} +1 -1
- package/dist/build/p-badge.p-segment-container.p-segment-item.entry.esm.js.map +1 -1
- package/dist/build/{p-c817dbce.entry.js → p-f7f360d5.entry.js} +2 -2
- package/dist/{paperless/p-c817dbce.entry.js.map → build/p-f7f360d5.entry.js.map} +1 -1
- package/dist/build/p-navbar.entry.esm.js.map +1 -1
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/p-badge.p-segment-container.p-segment-item.entry.cjs.js.map +1 -1
- package/dist/cjs/p-badge_3.cjs.entry.js +2 -2
- package/dist/cjs/p-badge_3.cjs.entry.js.map +1 -1
- package/dist/cjs/p-navbar.cjs.entry.js +2 -2
- package/dist/cjs/p-navbar.cjs.entry.js.map +1 -1
- package/dist/cjs/p-navbar.entry.cjs.js.map +1 -1
- package/dist/collection/components/atoms/segment/item/segment-item.component.css +1 -1
- package/dist/collection/components/atoms/segment/item/segment-item.component.js +1 -1
- package/dist/collection/components/atoms/segment/item/segment-item.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-CBRi1nsG.js → p-BO_XVUC2.js} +4 -4
- package/dist/components/{p-CBRi1nsG.js.map → p-BO_XVUC2.js.map} +1 -1
- package/dist/components/{p-C88Cnh79.js → p-Dr7FpF5o.js} +3 -3
- package/dist/components/{p-C88Cnh79.js.map → p-Dr7FpF5o.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-segment-item.js +1 -1
- package/dist/components/p-table-header.js +1 -1
- package/dist/components/p-table.js +2 -2
- package/dist/esm/p-badge.p-segment-container.p-segment-item.entry.js.map +1 -1
- package/dist/esm/p-badge_3.entry.js +2 -2
- package/dist/esm/p-badge_3.entry.js.map +1 -1
- package/dist/esm/p-navbar.entry.js +2 -2
- package/dist/esm/p-navbar.entry.js.map +1 -1
- package/dist/index.html +1 -1
- package/dist/paperless/p-64e5c2d3.entry.js +2 -0
- package/dist/paperless/{p-e488436d.entry.js.map → p-64e5c2d3.entry.js.map} +1 -1
- package/dist/paperless/p-badge.p-segment-container.p-segment-item.entry.esm.js.map +1 -1
- package/dist/paperless/{p-c817dbce.entry.js → p-f7f360d5.entry.js} +2 -2
- package/dist/{build/p-c817dbce.entry.js.map → paperless/p-f7f360d5.entry.js.map} +1 -1
- package/dist/paperless/p-navbar.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-e488436d.entry.js +0 -2
- package/dist/paperless/p-e488436d.entry.js +0 -2
|
@@ -6,7 +6,7 @@ import { d as defineCustomElement$4 } from './p-_cRrvkzY.js';
|
|
|
6
6
|
import { d as defineCustomElement$3 } from './p-BHphGfv6.js';
|
|
7
7
|
import { d as defineCustomElement$2 } from './p-BFbLqg3-.js';
|
|
8
8
|
|
|
9
|
-
const navbarComponentCss = ".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-end{justify-content:flex-end!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{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition,.transition-all{transition-duration:.15s!important}.transition-all{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}}.dark\\:border-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1!important;border-color:rgb(54 60 70/var(--tw-border-opacity,1))!important}.dark\\:bg-hurricane-800:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))!important}.dark\\:border-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1!important;border-color:rgb(54 60 70/var(--tw-border-opacity,1))!important}.dark\\:bg-hurricane-800:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1!important;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))!important}";
|
|
9
|
+
const navbarComponentCss = ".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}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!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-end{justify-content:flex-end!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{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition,.transition-all{transition-duration:.15s!important}.transition-all{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}}.dark\\:border-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1!important;border-color:rgb(54 60 70/var(--tw-border-opacity,1))!important}.dark\\:bg-hurricane-800:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))!important}.dark\\:border-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1!important;border-color:rgb(54 60 70/var(--tw-border-opacity,1))!important}.dark\\:bg-hurricane-800:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1!important;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))!important}";
|
|
10
10
|
|
|
11
11
|
const sidebarAndTopbar = cva([
|
|
12
12
|
'transition',
|
|
@@ -56,7 +56,7 @@ const Navbar = /*@__PURE__*/ proxyCustomElement(class Navbar extends H {
|
|
|
56
56
|
}
|
|
57
57
|
_show = false;
|
|
58
58
|
render() {
|
|
59
|
-
return (h(ThemedHost, { key: 'ace4f097dfb3ee3ce59427c18cf8b90cc8d4044f' }, h("p-backdrop", { key: 'f6e9ef51a090d34d06606c0e7c379e6267bfd601', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: 'e0d7b783361de15aa475f9dc536d28592d7e9dd9', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '44337a5d7e008efe15253ca753195e7e8c6619ed', class: 'flex w-full items-center justify-end layout-1280:hidden' }, h("p-button", { key: '943a022bcfe6da87d2bfbb98280e759f21640000', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, onClick: () => (this._show = false) })), h("div", { key: '
|
|
59
|
+
return (h(ThemedHost, { key: 'ace4f097dfb3ee3ce59427c18cf8b90cc8d4044f' }, h("p-backdrop", { key: 'f6e9ef51a090d34d06606c0e7c379e6267bfd601', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: 'e0d7b783361de15aa475f9dc536d28592d7e9dd9', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '44337a5d7e008efe15253ca753195e7e8c6619ed', class: 'flex w-full items-center justify-end layout-1280:hidden' }, h("p-button", { key: '943a022bcfe6da87d2bfbb98280e759f21640000', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, onClick: () => (this._show = false) })), h("div", { key: 'e42bf1090c0aadb9c917595a845399d91cec4cd0', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, h("slot", { key: 'ea35aeb4c0d403750fcaf9d5742abe16f37c6a38', name: 'company' })), h("div", { key: 'c3c889077b329fc86c2be2df9eaabf07c250d057', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, h("slot", { key: '18af52aa76576a581fd6d81eb328fd9c2dd625d0', name: 'content' })), h("div", { key: 'b3a5e51d89c7b87e6b70fdbbc302d31d5e9c231b', class: 'mt-auto hidden w-full flex-shrink-0 flex-col layout-1280:flex' }, h("slot", { key: '75bc220c44860b7a0b56cead3d4ff35bf58444cd', name: 'user' }))), h("div", { key: '488b65c4eea704920e48d10f4785e95a2baebe7a', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '7d1952192364ea142fd35e3fed02f871c1f2c8ec', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', onClick: () => (this._show = true) }), h("slot", { key: '433624439c6ce4597b9a73b4df709c6cb975af5a', name: 'topbar' }))));
|
|
60
60
|
}
|
|
61
61
|
handleCloseNavbar() {
|
|
62
62
|
this._show = false;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-navbar.js","mappings":";;;;;;;;AAAA,MAAM,kBAAkB,GAAG,
|
|
1
|
+
{"file":"p-navbar.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"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, Listen, State } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../internal/themed-host.component';\n\nconst sidebarAndTopbar = cva([\n\t'transition',\n\t'bg-off-white-300 dark:bg-hurricane-800',\n\t'border-0 border-solid border-off-white-700 dark:border-hurricane-500',\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<ThemedHost>\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-end 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\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-shrink-0 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-1 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-shrink-0 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\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</ThemedHost>\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"],"version":3}
|
|
@@ -25,11 +25,11 @@ import { d as defineCustomElement$e } from './p-D17QJxlD.js';
|
|
|
25
25
|
import { d as defineCustomElement$d } from './p-DdIXD8-k.js';
|
|
26
26
|
import { d as defineCustomElement$c } from './p-BmKAfzS1.js';
|
|
27
27
|
import { d as defineCustomElement$a } from './p-CWCxhtvB.js';
|
|
28
|
-
import { d as defineCustomElement$9 } from './p-
|
|
28
|
+
import { d as defineCustomElement$9 } from './p-BO_XVUC2.js';
|
|
29
29
|
import { d as defineCustomElement$8 } from './p-yM044fjo.js';
|
|
30
30
|
import { d as defineCustomElement$7 } from './p-eYUo2y4S.js';
|
|
31
31
|
import { d as defineCustomElement$6 } from './p-DZcQ7XyM.js';
|
|
32
|
-
import { d as defineCustomElement$5 } from './p-
|
|
32
|
+
import { d as defineCustomElement$5 } from './p-Dr7FpF5o.js';
|
|
33
33
|
import { d as defineCustomElement$4 } from './p-CicAiqpp.js';
|
|
34
34
|
import { d as defineCustomElement$3 } from './p-CiEFZmoS.js';
|
|
35
35
|
import { d as defineCustomElement$2 } from './p-BUzthIe4.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"p-badge.p-segment-container.p-segment-item.entry.js","sources":["src/components/atoms/badge/badge.component.css?tag=p-badge&encapsulation=shadow","src/components/atoms/badge/badge.component.tsx","src/components/atoms/segment/container/segment-container.component.css?tag=p-segment-container&encapsulation=shadow","src/components/atoms/segment/container/segment-container.component.tsx","src/components/atoms/segment/item/segment-item.component.css?tag=p-segment-item&encapsulation=shadow","src/components/atoms/segment/item/segment-item.component.tsx"],"sourcesContent":["","import { Component, h } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../internal/themed-host.component';\n\nconst badge = cva([\n\t'inline-flex items-center justify-center',\n\t'h-4 min-w-4 px-1',\n\t'rounded-full',\n\t'bg-storm-100 dark:bg-white/20',\n\t'text-storm-500 dark:text-white',\n\t'text-center text-xs font-semibold tracking-tight',\n]);\n\n@Component({\n\ttag: 'p-badge',\n\tstyleUrl: 'badge.component.css',\n\tshadow: true,\n})\nexport class Badge {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class={badge()}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, h } from '@stencil/core';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\n@Component({\n\ttag: 'p-segment-container',\n\tstyleUrl: 'segment-container.component.css',\n\tshadow: true,\n})\nexport class SegmentContainer {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class='flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1 dark:border-hurricane-400 dark:bg-hurricane-600'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { RotateOptions } from '../../../../types/tailwind';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { IconFlipOptions, IconVariant } from '../../icon/icon.component';\nimport { cn } from '../../../../utils';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst segmentItem = cva(\n\t['flex items-center justify-center', 'rounded-xl', 'cursor-pointer text-sm'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'h-6 gap-2',\n\t\t\t\tblock: 'flex-col p-2 text-center',\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer',\n\t\t\t\t\t'text-storm-300 hover:text-storm-500 hover:bg-storm-50',\n\t\t\t\t\t'hover:text-white dark:hover:bg-white/15',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-indigo-600 text-white',\n\t\t\t},\n\t\t\ticonOnly: {\n\t\t\t\tfalse: 'px-2',\n\t\t\t\ttrue: 'w-6',\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: 'text-storm-500 dark:text-hurricane-
|
|
1
|
+
{"version":3,"file":"p-badge.p-segment-container.p-segment-item.entry.js","sources":["src/components/atoms/badge/badge.component.css?tag=p-badge&encapsulation=shadow","src/components/atoms/badge/badge.component.tsx","src/components/atoms/segment/container/segment-container.component.css?tag=p-segment-container&encapsulation=shadow","src/components/atoms/segment/container/segment-container.component.tsx","src/components/atoms/segment/item/segment-item.component.css?tag=p-segment-item&encapsulation=shadow","src/components/atoms/segment/item/segment-item.component.tsx"],"sourcesContent":["","import { Component, h } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../internal/themed-host.component';\n\nconst badge = cva([\n\t'inline-flex items-center justify-center',\n\t'h-4 min-w-4 px-1',\n\t'rounded-full',\n\t'bg-storm-100 dark:bg-white/20',\n\t'text-storm-500 dark:text-white',\n\t'text-center text-xs font-semibold tracking-tight',\n]);\n\n@Component({\n\ttag: 'p-badge',\n\tstyleUrl: 'badge.component.css',\n\tshadow: true,\n})\nexport class Badge {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class={badge()}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, h } from '@stencil/core';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\n@Component({\n\ttag: 'p-segment-container',\n\tstyleUrl: 'segment-container.component.css',\n\tshadow: true,\n})\nexport class SegmentContainer {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class='flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1 dark:border-hurricane-400 dark:bg-hurricane-600'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { RotateOptions } from '../../../../types/tailwind';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { IconFlipOptions, IconVariant } from '../../icon/icon.component';\nimport { cn } from '../../../../utils';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst segmentItem = cva(\n\t['flex items-center justify-center', 'rounded-xl', 'cursor-pointer text-sm'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'h-6 gap-2',\n\t\t\t\tblock: 'flex-col p-2 text-center',\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer',\n\t\t\t\t\t'text-storm-300 hover:text-storm-500 hover:bg-storm-50',\n\t\t\t\t\t'hover:text-white dark:hover:bg-white/15',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-indigo-600 text-white',\n\t\t\t},\n\t\t\ticonOnly: {\n\t\t\t\tfalse: 'px-2',\n\t\t\t\ttrue: 'w-6',\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: 'text-storm-500 dark:text-hurricane-200',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'block',\n\t\t\t\tactive: false,\n\t\t\t\tclass: 'text-storm-500 dark:text-white',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-segment-item',\n\tstyleUrl: 'segment-item.component.css',\n\tshadow: true,\n})\nexport class SegmentItem {\n\t/**\n\t * The size of the\n\t */\n\t@Prop() variant: 'default' | 'block' = 'default';\n\n\t/**\n\t * Wether the segment item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the segment item is icon only\n\t */\n\t@Prop() iconOnly: boolean = false;\n\n\t/**\n\t * Icon to show on the segment item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\trender() {\n\t\tconst descriptionSlot =\n\t\t\tthis.variant === 'block' ? <slot name='description' /> : null;\n\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={segmentItem({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\ticonOnly: asBoolean(this.iconOnly),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.icon && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass={cn('mb-1', {\n\t\t\t\t\t\t\t\t'text-storm-300 dark:text-hurricane-200': !asBoolean(\n\t\t\t\t\t\t\t\t\tthis.active\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t'text-indigo-200': asBoolean(this.active),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.variant === 'default' ? (\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div class='flex flex-col items-center'>\n\t\t\t\t\t\t\t<p class={cn('my-0 font-medium empty:hidden', {})}>\n\t\t\t\t\t\t\t\t<slot name='title' />\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t{descriptionSlot && (\n\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\tclass={cn('my-0 text-xs font-medium', {\n\t\t\t\t\t\t\t\t\t\t'text-storm-300 dark:text-hurricane-200': !asBoolean(\n\t\t\t\t\t\t\t\t\t\t\tthis.active\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t'text-indigo-200': asBoolean(this.active),\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{descriptionSlot}\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;;;;;;;AAAA,MAAM,iBAAiB,GAAG,gxCAAgxC;;ACI1yC,MAAM,KAAK,GAAG,GAAG,CAAC;IACjB,yCAAyC;IACzC,kBAAkB;IAClB,cAAc;IACd,+BAA+B;IAC/B,gCAAgC;IAChC,kDAAkD;AAClD,CAAA,CAAC;MAOW,KAAK,GAAA,MAAA;;;;IACjB,MAAM,GAAA;AACL,QAAA,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAE,EAAA,EAClB,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACM;;;;;ACzBhB,MAAM,4BAA4B,GAAG,6oCAA6oC;;MCQrqC,gBAAgB,GAAA,MAAA;;;;IAC5B,MAAM,GAAA;AACL,QAAA,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gIAAgI,EAAA,EAC1I,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACM;;;;;ACfhB,MAAM,uBAAuB,GAAG,ysFAAysF;;ACQzuF,MAAM,WAAW,GAAG,GAAG,CACtB,CAAC,kCAAkC,EAAE,YAAY,EAAE,wBAAwB,CAAC,EAC5E;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,KAAK,EAAE,0BAA0B;AACjC,SAAA;AACD,QAAA,MAAM,EAAE;AACP,YAAA,KAAK,EAAE;gBACN,gBAAgB;gBAChB,uDAAuD;gBACvD,yCAAyC;AACzC,aAAA;AACD,YAAA,IAAI,EAAE,0BAA0B;AAChC,SAAA;AACD,QAAA,QAAQ,EAAE;AACT,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,IAAI,EAAE,KAAK;AACX,SAAA;AACD,KAAA;AACD,IAAA,gBAAgB,EAAE;AACjB,QAAA;AACC,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,MAAM,EAAE,KAAK;AACb,YAAA,KAAK,EAAE,wCAAwC;AAC/C,SAAA;AACD,QAAA;AACC,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,MAAM,EAAE,KAAK;AACb,YAAA,KAAK,EAAE,gCAAgC;AACvC,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,WAAW,GAAA,MAAA;;;;AACvB;;AAEG;IACK,OAAO,GAAwB,SAAS;AAEhD;;AAEG;IACK,MAAM,GAAY,KAAK;AAE/B;;AAEG;IACK,QAAQ,GAAY,KAAK;AAEjC;;AAEG;AACK,IAAA,IAAI;AAEZ;;AAEG;AACK,IAAA,QAAQ;AAEhB;;AAEG;AACK,IAAA,UAAU;IAElB,MAAM,GAAA;QACL,MAAM,eAAe,GACpB,IAAI,CAAC,OAAO,KAAK,OAAO,GAAG,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,aAAa,EAAA,CAAG,GAAG,IAAI;QAE9D,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,WAAW,CAAC;gBAClB,OAAO,EAAE,IAAI,CAAC,OAAO;AACrB,gBAAA,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;AAC9B,gBAAA,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;aAClC,CAAC,EAAA,EAED,IAAI,CAAC,IAAI,KACT,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,EAAE,CAAC,MAAM,EAAE;AACjB,gBAAA,wCAAwC,EAAE,CAAC,SAAS,CACnD,IAAI,CAAC,MAAM,CACX;AACD,gBAAA,iBAAiB,EAAE,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;aACzC,CAAC,EACF,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACtB,CACF,EAEA,IAAI,CAAC,OAAO,KAAK,SAAS,IAC1B,CAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,KAER,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAAA,EACtC,CAAA,CAAA,GAAA,EAAA,EAAG,KAAK,EAAE,EAAE,CAAC,+BAA+B,EAAE,EAAE,CAAC,EAAA,EAChD,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,OAAO,EAAA,CAAG,CAClB,EACH,eAAe,KACf,CACC,CAAA,GAAA,EAAA,EAAA,KAAK,EAAE,EAAE,CAAC,0BAA0B,EAAE;AACrC,gBAAA,wCAAwC,EAAE,CAAC,SAAS,CACnD,IAAI,CAAC,MAAM,CACX;AACD,gBAAA,iBAAiB,EAAE,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;aACzC,CAAC,EAAA,EAED,eAAe,CACb,CACJ,CACI,CACN,CACI,CACM;;;;;;;"}
|
|
@@ -38,7 +38,7 @@ const SegmentContainer = class {
|
|
|
38
38
|
};
|
|
39
39
|
SegmentContainer.style = segmentContainerComponentCss;
|
|
40
40
|
|
|
41
|
-
const segmentItemComponentCss = "*{box-sizing:border-box}.static{position:static!important}.my-0{margin-bottom:0!important;margin-top:0!important}.mb-1{margin-bottom:.25rem!important}.block{display:block!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-xl{border-radius:.75rem!important}.bg-indigo-600{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.text-hurricane-200{--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.text-indigo-200{--tw-text-opacity:1!important;color:rgb(199 217 253/var(--tw-text-opacity,1))!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-500{color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.text-storm-500,.text-white{--tw-text-opacity:1!important}.text-white{color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.empty\\:hidden:empty{display:none!important}.hover\\:bg-storm-50:hover{--tw-bg-opacity:1!important;background-color:rgb(232 232 234/var(--tw-bg-opacity,1))!important}.hover\\:text-storm-500:hover{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.hover\\:text-white:hover{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-
|
|
41
|
+
const segmentItemComponentCss = "*{box-sizing:border-box}.static{position:static!important}.my-0{margin-bottom:0!important;margin-top:0!important}.mb-1{margin-bottom:.25rem!important}.block{display:block!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-xl{border-radius:.75rem!important}.bg-indigo-600{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.text-hurricane-200{--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.text-indigo-200{--tw-text-opacity:1!important;color:rgb(199 217 253/var(--tw-text-opacity,1))!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-500{color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.text-storm-500,.text-white{--tw-text-opacity:1!important}.text-white{color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.empty\\:hidden:empty{display:none!important}.hover\\:bg-storm-50:hover{--tw-bg-opacity:1!important;background-color:rgb(232 232 234/var(--tw-bg-opacity,1))!important}.hover\\:text-storm-500:hover{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.hover\\:text-white:hover{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:hover\\:bg-white\\/15:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)!important}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:hover\\:bg-white\\/15:hover:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)!important}";
|
|
42
42
|
|
|
43
43
|
const segmentItem = cva(['flex items-center justify-center', 'rounded-xl', 'cursor-pointer text-sm'], {
|
|
44
44
|
variants: {
|
|
@@ -63,7 +63,7 @@ const segmentItem = cva(['flex items-center justify-center', 'rounded-xl', 'curs
|
|
|
63
63
|
{
|
|
64
64
|
variant: 'default',
|
|
65
65
|
active: false,
|
|
66
|
-
class: 'text-storm-500 dark:text-hurricane-
|
|
66
|
+
class: 'text-storm-500 dark:text-hurricane-200',
|
|
67
67
|
},
|
|
68
68
|
{
|
|
69
69
|
variant: 'block',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-badge.p-segment-container.p-segment-item.entry.js","mappings":";;;;;;;;AAAA,MAAM,iBAAiB,GAAG,gxCAAgxC;;ACI1yC,MAAM,KAAK,GAAG,GAAG,CAAC;IACjB,yCAAyC;IACzC,kBAAkB;IAClB,cAAc;IACd,+BAA+B;IAC/B,gCAAgC;IAChC,kDAAkD;AAClD,CAAA,CAAC;MAOW,KAAK,GAAA,MAAA;;;;IACjB,MAAM,GAAA;AACL,QAAA,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAE,EAAA,EAClB,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACM;;;;;ACzBhB,MAAM,4BAA4B,GAAG,6oCAA6oC;;MCQrqC,gBAAgB,GAAA,MAAA;;;;IAC5B,MAAM,GAAA;AACL,QAAA,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gIAAgI,EAAA,EAC1I,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACM;;;;;ACfhB,MAAM,uBAAuB,GAAG,
|
|
1
|
+
{"file":"p-badge.p-segment-container.p-segment-item.entry.js","mappings":"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","names":[],"sources":["src/components/atoms/badge/badge.component.css?tag=p-badge&encapsulation=shadow","src/components/atoms/badge/badge.component.tsx","src/components/atoms/segment/container/segment-container.component.css?tag=p-segment-container&encapsulation=shadow","src/components/atoms/segment/container/segment-container.component.tsx","src/components/atoms/segment/item/segment-item.component.css?tag=p-segment-item&encapsulation=shadow","src/components/atoms/segment/item/segment-item.component.tsx"],"sourcesContent":["","import { Component, h } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../internal/themed-host.component';\n\nconst badge = cva([\n\t'inline-flex items-center justify-center',\n\t'h-4 min-w-4 px-1',\n\t'rounded-full',\n\t'bg-storm-100 dark:bg-white/20',\n\t'text-storm-500 dark:text-white',\n\t'text-center text-xs font-semibold tracking-tight',\n]);\n\n@Component({\n\ttag: 'p-badge',\n\tstyleUrl: 'badge.component.css',\n\tshadow: true,\n})\nexport class Badge {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class={badge()}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, h } from '@stencil/core';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\n@Component({\n\ttag: 'p-segment-container',\n\tstyleUrl: 'segment-container.component.css',\n\tshadow: true,\n})\nexport class SegmentContainer {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class='flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1 dark:border-hurricane-400 dark:bg-hurricane-600'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { RotateOptions } from '../../../../types/tailwind';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { IconFlipOptions, IconVariant } from '../../icon/icon.component';\nimport { cn } from '../../../../utils';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst segmentItem = cva(\n\t['flex items-center justify-center', 'rounded-xl', 'cursor-pointer text-sm'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'h-6 gap-2',\n\t\t\t\tblock: 'flex-col p-2 text-center',\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer',\n\t\t\t\t\t'text-storm-300 hover:text-storm-500 hover:bg-storm-50',\n\t\t\t\t\t'hover:text-white dark:hover:bg-white/15',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-indigo-600 text-white',\n\t\t\t},\n\t\t\ticonOnly: {\n\t\t\t\tfalse: 'px-2',\n\t\t\t\ttrue: 'w-6',\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: 'text-storm-500 dark:text-hurricane-200',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'block',\n\t\t\t\tactive: false,\n\t\t\t\tclass: 'text-storm-500 dark:text-white',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-segment-item',\n\tstyleUrl: 'segment-item.component.css',\n\tshadow: true,\n})\nexport class SegmentItem {\n\t/**\n\t * The size of the\n\t */\n\t@Prop() variant: 'default' | 'block' = 'default';\n\n\t/**\n\t * Wether the segment item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the segment item is icon only\n\t */\n\t@Prop() iconOnly: boolean = false;\n\n\t/**\n\t * Icon to show on the segment item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\trender() {\n\t\tconst descriptionSlot =\n\t\t\tthis.variant === 'block' ? <slot name='description' /> : null;\n\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={segmentItem({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\ticonOnly: asBoolean(this.iconOnly),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.icon && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass={cn('mb-1', {\n\t\t\t\t\t\t\t\t'text-storm-300 dark:text-hurricane-200': !asBoolean(\n\t\t\t\t\t\t\t\t\tthis.active\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t'text-indigo-200': asBoolean(this.active),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.variant === 'default' ? (\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div class='flex flex-col items-center'>\n\t\t\t\t\t\t\t<p class={cn('my-0 font-medium empty:hidden', {})}>\n\t\t\t\t\t\t\t\t<slot name='title' />\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t{descriptionSlot && (\n\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\tclass={cn('my-0 text-xs font-medium', {\n\t\t\t\t\t\t\t\t\t\t'text-storm-300 dark:text-hurricane-200': !asBoolean(\n\t\t\t\t\t\t\t\t\t\t\tthis.active\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t'text-indigo-200': asBoolean(this.active),\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{descriptionSlot}\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"version":3}
|
|
@@ -4,7 +4,7 @@ import { T as ThemedHost } from './themed-host.component-C8HmhEcP.js';
|
|
|
4
4
|
import './clsx-ChV9xqsO.js';
|
|
5
5
|
import './state-DKMgUotc.js';
|
|
6
6
|
|
|
7
|
-
const navbarComponentCss = ".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-end{justify-content:flex-end!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{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition,.transition-all{transition-duration:.15s!important}.transition-all{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}}.dark\\:border-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1!important;border-color:rgb(54 60 70/var(--tw-border-opacity,1))!important}.dark\\:bg-hurricane-800:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))!important}.dark\\:border-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1!important;border-color:rgb(54 60 70/var(--tw-border-opacity,1))!important}.dark\\:bg-hurricane-800:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1!important;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))!important}";
|
|
7
|
+
const navbarComponentCss = ".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}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!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-end{justify-content:flex-end!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{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition,.transition-all{transition-duration:.15s!important}.transition-all{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}}.dark\\:border-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1!important;border-color:rgb(54 60 70/var(--tw-border-opacity,1))!important}.dark\\:bg-hurricane-800:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))!important}.dark\\:border-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1!important;border-color:rgb(54 60 70/var(--tw-border-opacity,1))!important}.dark\\:bg-hurricane-800:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1!important;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))!important}";
|
|
8
8
|
|
|
9
9
|
const sidebarAndTopbar = cva([
|
|
10
10
|
'transition',
|
|
@@ -52,7 +52,7 @@ const Navbar = class {
|
|
|
52
52
|
}
|
|
53
53
|
_show = false;
|
|
54
54
|
render() {
|
|
55
|
-
return (h(ThemedHost, { key: 'ace4f097dfb3ee3ce59427c18cf8b90cc8d4044f' }, h("p-backdrop", { key: 'f6e9ef51a090d34d06606c0e7c379e6267bfd601', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: 'e0d7b783361de15aa475f9dc536d28592d7e9dd9', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '44337a5d7e008efe15253ca753195e7e8c6619ed', class: 'flex w-full items-center justify-end layout-1280:hidden' }, h("p-button", { key: '943a022bcfe6da87d2bfbb98280e759f21640000', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, onClick: () => (this._show = false) })), h("div", { key: '
|
|
55
|
+
return (h(ThemedHost, { key: 'ace4f097dfb3ee3ce59427c18cf8b90cc8d4044f' }, h("p-backdrop", { key: 'f6e9ef51a090d34d06606c0e7c379e6267bfd601', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: 'e0d7b783361de15aa475f9dc536d28592d7e9dd9', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '44337a5d7e008efe15253ca753195e7e8c6619ed', class: 'flex w-full items-center justify-end layout-1280:hidden' }, h("p-button", { key: '943a022bcfe6da87d2bfbb98280e759f21640000', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, onClick: () => (this._show = false) })), h("div", { key: 'e42bf1090c0aadb9c917595a845399d91cec4cd0', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, h("slot", { key: 'ea35aeb4c0d403750fcaf9d5742abe16f37c6a38', name: 'company' })), h("div", { key: 'c3c889077b329fc86c2be2df9eaabf07c250d057', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, h("slot", { key: '18af52aa76576a581fd6d81eb328fd9c2dd625d0', name: 'content' })), h("div", { key: 'b3a5e51d89c7b87e6b70fdbbc302d31d5e9c231b', class: 'mt-auto hidden w-full flex-shrink-0 flex-col layout-1280:flex' }, h("slot", { key: '75bc220c44860b7a0b56cead3d4ff35bf58444cd', name: 'user' }))), h("div", { key: '488b65c4eea704920e48d10f4785e95a2baebe7a', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '7d1952192364ea142fd35e3fed02f871c1f2c8ec', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', onClick: () => (this._show = true) }), h("slot", { key: '433624439c6ce4597b9a73b4df709c6cb975af5a', name: 'topbar' }))));
|
|
56
56
|
}
|
|
57
57
|
handleCloseNavbar() {
|
|
58
58
|
this._show = false;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"p-navbar.entry.js","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, Listen, State } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../internal/themed-host.component';\n\nconst sidebarAndTopbar = cva([\n\t'transition',\n\t'bg-off-white-300 dark:bg-hurricane-800',\n\t'border-0 border-solid border-off-white-700 dark:border-hurricane-500',\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<ThemedHost>\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-end 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\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\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</ThemedHost>\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"],"names":[],"mappings":";;;;;;AAAA,MAAM,kBAAkB,GAAG,
|
|
1
|
+
{"version":3,"file":"p-navbar.entry.js","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, Listen, State } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../internal/themed-host.component';\n\nconst sidebarAndTopbar = cva([\n\t'transition',\n\t'bg-off-white-300 dark:bg-hurricane-800',\n\t'border-0 border-solid border-off-white-700 dark:border-hurricane-500',\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<ThemedHost>\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-end 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\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-shrink-0 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-1 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-shrink-0 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\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</ThemedHost>\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"],"names":[],"mappings":"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"}
|
package/dist/index.html
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"> <title>Stencil Component Starter</title> <link rel="modulepreload" href="/build/p-
|
|
1
|
+
<!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"> <title>Stencil Component Starter</title> <link rel="modulepreload" href="/build/p-0aa30325.js"><link rel="modulepreload" href="/build/p-BIwGgs9f.js"><link rel="modulepreload" href="/build/p-C1iNEsnH.js"><link rel="modulepreload" href="/build/p-C5CTp9IA.js"><link rel="modulepreload" href="/build/p-CBWjHURv.js"><link rel="modulepreload" href="/build/p-CT54OXR2.js"><link rel="modulepreload" href="/build/p-ChV9xqsO.js"><link rel="modulepreload" href="/build/p-Dpmiv2da.js"><link rel="modulepreload" href="/build/p-XC2VDWby.js"><script type="module" src="/build/p-0aa30325.js" data-stencil data-resources-url="/build/" data-stencil-namespace="paperless"></script> <script nomodule="" src="/build/paperless.js" data-stencil></script> <link rel="stylesheet" href="/build/p-1536d957.css"> </head> <body> <p-button>Test</p-button> <script data-build="2025-09-05T07:36:28">
|
|
2
2
|
if ('serviceWorker' in navigator && location.protocol !== 'file:') {
|
|
3
3
|
window.addEventListener('load', function() {
|
|
4
4
|
navigator.serviceWorker.register('/sw.js')
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,h as a}from"./p-Dpmiv2da.js";import{c as e}from"./p-CBWjHURv.js";import{T as r}from"./p-C1iNEsnH.js";import"./p-ChV9xqsO.js";import"./p-BIwGgs9f.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}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!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-end{justify-content:flex-end!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{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition,.transition-all{transition-duration:.15s!important}.transition-all{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}}.dark\\:border-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1!important;border-color:rgb(54 60 70/var(--tw-border-opacity,1))!important}.dark\\:bg-hurricane-800:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))!important}.dark\\:border-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1!important;border-color:rgb(54 60 70/var(--tw-border-opacity,1))!important}.dark\\:bg-hurricane-800:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1!important;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))!important}";const i=e(["transition","bg-off-white-300 dark:bg-hurricane-800","border-0 border-solid border-off-white-700 dark:border-hurricane-500","p-4"]);const n=e(["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=e(["flex w-full justify-between items-center","relative z-navbar-topbar","border-b","layout-1280:hidden","safe-topbar"]);const l=e(["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(r,{key:"ace4f097dfb3ee3ce59427c18cf8b90cc8d4044f"},a("p-backdrop",{key:"f6e9ef51a090d34d06606c0e7c379e6267bfd601",class:l({show:this._show}),scrollLock:this._show,onClicked:()=>this._show=false}),a("div",{key:"e0d7b783361de15aa475f9dc536d28592d7e9dd9",class:n({class:i(),show:this._show})},a("div",{key:"44337a5d7e008efe15253ca753195e7e8c6619ed",class:"flex w-full items-center justify-end layout-1280:hidden"},a("p-button",{key:"943a022bcfe6da87d2bfbb98280e759f21640000",variant:"secondary",icon:"menu-arrow",iconFlip:"horizontal",iconOnly:true,onClick:()=>this._show=false})),a("div",{key:"e42bf1090c0aadb9c917595a845399d91cec4cd0",class:"flex w-full flex-shrink-0 flex-col items-stretch"},a("slot",{key:"ea35aeb4c0d403750fcaf9d5742abe16f37c6a38",name:"company"})),a("div",{key:"c3c889077b329fc86c2be2df9eaabf07c250d057",class:"flex w-full flex-1 flex-col gap-6 overflow-y-auto"},a("slot",{key:"18af52aa76576a581fd6d81eb328fd9c2dd625d0",name:"content"})),a("div",{key:"b3a5e51d89c7b87e6b70fdbbc302d31d5e9c231b",class:"mt-auto hidden w-full flex-shrink-0 flex-col layout-1280:flex"},a("slot",{key:"75bc220c44860b7a0b56cead3d4ff35bf58444cd",name:"user"}))),a("div",{key:"488b65c4eea704920e48d10f4785e95a2baebe7a",class:s({class:i()})},a("p-button",{key:"7d1952192364ea142fd35e3fed02f871c1f2c8ec",variant:"secondary",iconOnly:true,icon:"menu-arrow",onClick:()=>this._show=true}),a("slot",{key:"433624439c6ce4597b9a73b4df709c6cb975af5a",name:"topbar"})))}handleCloseNavbar(){this._show=false}handleOpenNavbar(){this._show=true}};c.style=o;export{c as p_navbar};
|
|
2
|
+
//# sourceMappingURL=p-64e5c2d3.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["navbarComponentCss","sidebarAndTopbar","cva","sidebar","variants","show","false","true","topbar","backdrop","Navbar","_show","render","h","ThemedHost","key","class","this","scrollLock","onClicked","variant","icon","iconFlip","iconOnly","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, Listen, State } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../internal/themed-host.component';\n\nconst sidebarAndTopbar = cva([\n\t'transition',\n\t'bg-off-white-300 dark:bg-hurricane-800',\n\t'border-0 border-solid border-off-white-700 dark:border-hurricane-500',\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<ThemedHost>\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-end 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\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\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</ThemedHost>\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":"mKAAA,MAAMA,EAAqB,
|
|
1
|
+
{"version":3,"names":["navbarComponentCss","sidebarAndTopbar","cva","sidebar","variants","show","false","true","topbar","backdrop","Navbar","_show","render","h","ThemedHost","key","class","this","scrollLock","onClicked","variant","icon","iconFlip","iconOnly","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, Listen, State } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../internal/themed-host.component';\n\nconst sidebarAndTopbar = cva([\n\t'transition',\n\t'bg-off-white-300 dark:bg-hurricane-800',\n\t'border-0 border-solid border-off-white-700 dark:border-hurricane-500',\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<ThemedHost>\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-end 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\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-shrink-0 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-1 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-shrink-0 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\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</ThemedHost>\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":"mKAAA,MAAMA,EAAqB,mzICI3B,MAAMC,EAAmBC,EAAI,CAC5B,aACA,yCACA,uEACA,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,EAAU,CAAAC,IAAA,4CACVF,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,2DACVH,EAAA,YAAAE,IAAA,2CACCK,QAAQ,YACRC,KAAK,aACLC,SAAS,aACTC,SAAU,KACVC,QAAS,IAAOP,KAAKN,MAAQ,SAG/BE,EAAK,OAAAE,IAAA,2CAAAC,MAAM,oDACVH,EAAA,QAAAE,IAAA,2CAAMU,KAAK,aAEZZ,EAAK,OAAAE,IAAA,2CAAAC,MAAM,qDACVH,EAAA,QAAAE,IAAA,2CAAMU,KAAK,aAGZZ,EAAK,OAAAE,IAAA,2CAAAC,MAAM,iEACVH,EAAA,QAAAE,IAAA,2CAAMU,KAAK,WAGbZ,EAAK,OAAAE,IAAA,2CAAAC,MAAOR,EAAO,CAAEQ,MAAOf,OAC3BY,EACC,YAAAE,IAAA,2CAAAK,QAAQ,YACRG,SAAU,KACVF,KAAK,aACLG,QAAS,IAAOP,KAAKN,MAAQ,OAG9BE,EAAA,QAAAE,IAAA,2CAAMU,KAAK,Y,CAOf,iBAAAC,GACCT,KAAKN,MAAQ,K,CAId,gBAAAgB,GACCV,KAAKN,MAAQ,I","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"p-badge.p-segment-container.p-segment-item.entry.esm.js","sources":["src/components/atoms/badge/badge.component.css?tag=p-badge&encapsulation=shadow","src/components/atoms/badge/badge.component.tsx","src/components/atoms/segment/container/segment-container.component.css?tag=p-segment-container&encapsulation=shadow","src/components/atoms/segment/container/segment-container.component.tsx","src/components/atoms/segment/item/segment-item.component.css?tag=p-segment-item&encapsulation=shadow","src/components/atoms/segment/item/segment-item.component.tsx"],"sourcesContent":["","import { Component, h } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../internal/themed-host.component';\n\nconst badge = cva([\n\t'inline-flex items-center justify-center',\n\t'h-4 min-w-4 px-1',\n\t'rounded-full',\n\t'bg-storm-100 dark:bg-white/20',\n\t'text-storm-500 dark:text-white',\n\t'text-center text-xs font-semibold tracking-tight',\n]);\n\n@Component({\n\ttag: 'p-badge',\n\tstyleUrl: 'badge.component.css',\n\tshadow: true,\n})\nexport class Badge {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class={badge()}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, h } from '@stencil/core';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\n@Component({\n\ttag: 'p-segment-container',\n\tstyleUrl: 'segment-container.component.css',\n\tshadow: true,\n})\nexport class SegmentContainer {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class='flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1 dark:border-hurricane-400 dark:bg-hurricane-600'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { RotateOptions } from '../../../../types/tailwind';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { IconFlipOptions, IconVariant } from '../../icon/icon.component';\nimport { cn } from '../../../../utils';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst segmentItem = cva(\n\t['flex items-center justify-center', 'rounded-xl', 'cursor-pointer text-sm'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'h-6 gap-2',\n\t\t\t\tblock: 'flex-col p-2 text-center',\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer',\n\t\t\t\t\t'text-storm-300 hover:text-storm-500 hover:bg-storm-50',\n\t\t\t\t\t'hover:text-white dark:hover:bg-white/15',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-indigo-600 text-white',\n\t\t\t},\n\t\t\ticonOnly: {\n\t\t\t\tfalse: 'px-2',\n\t\t\t\ttrue: 'w-6',\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: 'text-storm-500 dark:text-hurricane-
|
|
1
|
+
{"version":3,"file":"p-badge.p-segment-container.p-segment-item.entry.esm.js","sources":["src/components/atoms/badge/badge.component.css?tag=p-badge&encapsulation=shadow","src/components/atoms/badge/badge.component.tsx","src/components/atoms/segment/container/segment-container.component.css?tag=p-segment-container&encapsulation=shadow","src/components/atoms/segment/container/segment-container.component.tsx","src/components/atoms/segment/item/segment-item.component.css?tag=p-segment-item&encapsulation=shadow","src/components/atoms/segment/item/segment-item.component.tsx"],"sourcesContent":["","import { Component, h } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../internal/themed-host.component';\n\nconst badge = cva([\n\t'inline-flex items-center justify-center',\n\t'h-4 min-w-4 px-1',\n\t'rounded-full',\n\t'bg-storm-100 dark:bg-white/20',\n\t'text-storm-500 dark:text-white',\n\t'text-center text-xs font-semibold tracking-tight',\n]);\n\n@Component({\n\ttag: 'p-badge',\n\tstyleUrl: 'badge.component.css',\n\tshadow: true,\n})\nexport class Badge {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class={badge()}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, h } from '@stencil/core';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\n@Component({\n\ttag: 'p-segment-container',\n\tstyleUrl: 'segment-container.component.css',\n\tshadow: true,\n})\nexport class SegmentContainer {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class='flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1 dark:border-hurricane-400 dark:bg-hurricane-600'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { RotateOptions } from '../../../../types/tailwind';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { IconFlipOptions, IconVariant } from '../../icon/icon.component';\nimport { cn } from '../../../../utils';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst segmentItem = cva(\n\t['flex items-center justify-center', 'rounded-xl', 'cursor-pointer text-sm'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'h-6 gap-2',\n\t\t\t\tblock: 'flex-col p-2 text-center',\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer',\n\t\t\t\t\t'text-storm-300 hover:text-storm-500 hover:bg-storm-50',\n\t\t\t\t\t'hover:text-white dark:hover:bg-white/15',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-indigo-600 text-white',\n\t\t\t},\n\t\t\ticonOnly: {\n\t\t\t\tfalse: 'px-2',\n\t\t\t\ttrue: 'w-6',\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: 'text-storm-500 dark:text-hurricane-200',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'block',\n\t\t\t\tactive: false,\n\t\t\t\tclass: 'text-storm-500 dark:text-white',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-segment-item',\n\tstyleUrl: 'segment-item.component.css',\n\tshadow: true,\n})\nexport class SegmentItem {\n\t/**\n\t * The size of the\n\t */\n\t@Prop() variant: 'default' | 'block' = 'default';\n\n\t/**\n\t * Wether the segment item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the segment item is icon only\n\t */\n\t@Prop() iconOnly: boolean = false;\n\n\t/**\n\t * Icon to show on the segment item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\trender() {\n\t\tconst descriptionSlot =\n\t\t\tthis.variant === 'block' ? <slot name='description' /> : null;\n\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={segmentItem({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\ticonOnly: asBoolean(this.iconOnly),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.icon && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass={cn('mb-1', {\n\t\t\t\t\t\t\t\t'text-storm-300 dark:text-hurricane-200': !asBoolean(\n\t\t\t\t\t\t\t\t\tthis.active\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t'text-indigo-200': asBoolean(this.active),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.variant === 'default' ? (\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div class='flex flex-col items-center'>\n\t\t\t\t\t\t\t<p class={cn('my-0 font-medium empty:hidden', {})}>\n\t\t\t\t\t\t\t\t<slot name='title' />\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t{descriptionSlot && (\n\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\tclass={cn('my-0 text-xs font-medium', {\n\t\t\t\t\t\t\t\t\t\t'text-storm-300 dark:text-hurricane-200': !asBoolean(\n\t\t\t\t\t\t\t\t\t\t\tthis.active\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t'text-indigo-200': asBoolean(this.active),\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{descriptionSlot}\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,h as r}from"./p-Dpmiv2da.js";import{c as e}from"./p-CBWjHURv.js";import{T as a}from"./p-C1iNEsnH.js";import{a as o}from"./p-C5CTp9IA.js";import{c as i}from"./p-CT54OXR2.js";import"./p-ChV9xqsO.js";import"./p-BIwGgs9f.js";const n="*{box-sizing:border-box}.inline-flex{display:inline-flex!important}.h-4{height:1rem!important}.min-w-4{min-width:1rem!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded-full{border-radius:9999px!important}.bg-storm-100{--tw-bg-opacity:1!important;background-color:rgb(209 210 212/var(--tw-bg-opacity,1))!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.text-center{text-align:center!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.tracking-tight{letter-spacing:-.025em!important}.text-storm-500{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.dark\\:bg-white\\/20:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.2)!important}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:bg-white\\/20:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.2)!important}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";const m=e(["inline-flex items-center justify-center","h-4 min-w-4 px-1","rounded-full","bg-storm-100 dark:bg-white/20","text-storm-500 dark:text-white","text-center text-xs font-semibold tracking-tight"]);const d=class{constructor(r){t(this,r)}render(){return r(a,{key:"03d5521cb749bdc860d3bc2fce0b591621074e8a"},r("div",{key:"17d8353cdba75d894f6753b1021e1d7a7afa802b",class:m()},r("slot",{key:"34509e4deaa178a5cb99bba09a73899e75386900"})))}};d.style=n;const p="*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.rounded-2xl{border-radius:1rem!important}.border{border-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-1{padding:.25rem!important}.dark\\:border-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1!important;border-color:rgb(70 75 84/var(--tw-border-opacity,1))!important}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))!important}.dark\\:border-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1!important;border-color:rgb(70 75 84/var(--tw-border-opacity,1))!important}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1!important;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))!important}";const c=class{constructor(r){t(this,r)}render(){return r(a,{key:"61d31e8eba7c09eb8d0a6f55ba1a07b9e39e3c2b"},r("div",{key:"8f2a0a0005b7f4d00be46d58db3bee27f13d3e44",class:"flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1 dark:border-hurricane-400 dark:bg-hurricane-600"},r("slot",{key:"9159a4c7aa048c320c3492ebf31906016f9145a1"})))}};c.style=p;const s="*{box-sizing:border-box}.static{position:static!important}.my-0{margin-bottom:0!important;margin-top:0!important}.mb-1{margin-bottom:.25rem!important}.block{display:block!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-xl{border-radius:.75rem!important}.bg-indigo-600{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.text-hurricane-200{--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.text-indigo-200{--tw-text-opacity:1!important;color:rgb(199 217 253/var(--tw-text-opacity,1))!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-500{color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.text-storm-500,.text-white{--tw-text-opacity:1!important}.text-white{color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.empty\\:hidden:empty{display:none!important}.hover\\:bg-storm-50:hover{--tw-bg-opacity:1!important;background-color:rgb(232 232 234/var(--tw-bg-opacity,1))!important}.hover\\:text-storm-500:hover{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.hover\\:text-white:hover{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,h as r}from"./p-Dpmiv2da.js";import{c as e}from"./p-CBWjHURv.js";import{T as a}from"./p-C1iNEsnH.js";import{a as o}from"./p-C5CTp9IA.js";import{c as i}from"./p-CT54OXR2.js";import"./p-ChV9xqsO.js";import"./p-BIwGgs9f.js";const n="*{box-sizing:border-box}.inline-flex{display:inline-flex!important}.h-4{height:1rem!important}.min-w-4{min-width:1rem!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded-full{border-radius:9999px!important}.bg-storm-100{--tw-bg-opacity:1!important;background-color:rgb(209 210 212/var(--tw-bg-opacity,1))!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.text-center{text-align:center!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.tracking-tight{letter-spacing:-.025em!important}.text-storm-500{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.dark\\:bg-white\\/20:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.2)!important}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:bg-white\\/20:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.2)!important}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";const m=e(["inline-flex items-center justify-center","h-4 min-w-4 px-1","rounded-full","bg-storm-100 dark:bg-white/20","text-storm-500 dark:text-white","text-center text-xs font-semibold tracking-tight"]);const d=class{constructor(r){t(this,r)}render(){return r(a,{key:"03d5521cb749bdc860d3bc2fce0b591621074e8a"},r("div",{key:"17d8353cdba75d894f6753b1021e1d7a7afa802b",class:m()},r("slot",{key:"34509e4deaa178a5cb99bba09a73899e75386900"})))}};d.style=n;const p="*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.rounded-2xl{border-radius:1rem!important}.border{border-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-1{padding:.25rem!important}.dark\\:border-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1!important;border-color:rgb(70 75 84/var(--tw-border-opacity,1))!important}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))!important}.dark\\:border-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1!important;border-color:rgb(70 75 84/var(--tw-border-opacity,1))!important}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1!important;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))!important}";const c=class{constructor(r){t(this,r)}render(){return r(a,{key:"61d31e8eba7c09eb8d0a6f55ba1a07b9e39e3c2b"},r("div",{key:"8f2a0a0005b7f4d00be46d58db3bee27f13d3e44",class:"flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1 dark:border-hurricane-400 dark:bg-hurricane-600"},r("slot",{key:"9159a4c7aa048c320c3492ebf31906016f9145a1"})))}};c.style=p;const s="*{box-sizing:border-box}.static{position:static!important}.my-0{margin-bottom:0!important;margin-top:0!important}.mb-1{margin-bottom:.25rem!important}.block{display:block!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-xl{border-radius:.75rem!important}.bg-indigo-600{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.text-hurricane-200{--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.text-indigo-200{--tw-text-opacity:1!important;color:rgb(199 217 253/var(--tw-text-opacity,1))!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-500{color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.text-storm-500,.text-white{--tw-text-opacity:1!important}.text-white{color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.empty\\:hidden:empty{display:none!important}.hover\\:bg-storm-50:hover{--tw-bg-opacity:1!important;background-color:rgb(232 232 234/var(--tw-bg-opacity,1))!important}.hover\\:text-storm-500:hover{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.hover\\:text-white:hover{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:hover\\:bg-white\\/15:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)!important}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:hover\\:bg-white\\/15:hover:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)!important}";const h=e(["flex items-center justify-center","rounded-xl","cursor-pointer text-sm"],{variants:{variant:{default:"h-6 gap-2",block:"flex-col p-2 text-center"},active:{false:["cursor-pointer","text-storm-300 hover:text-storm-500 hover:bg-storm-50","hover:text-white dark:hover:bg-white/15"],true:"bg-indigo-600 text-white"},iconOnly:{false:"px-2",true:"w-6"}},compoundVariants:[{variant:"default",active:false,class:"text-storm-500 dark:text-hurricane-200"},{variant:"block",active:false,class:"text-storm-500 dark:text-white"}]});const b=class{constructor(r){t(this,r)}variant="default";active=false;iconOnly=false;icon;iconFlip;iconRotate;render(){const t=this.variant==="block"?r("slot",{name:"description"}):null;return r(a,{key:"42a67e1d214d400eb5575c4db829c069a0220806"},r("div",{key:"014d4e7fd71a9bab980ff547a39535fb7ed15af7",class:h({variant:this.variant,active:o(this.active),iconOnly:o(this.iconOnly)})},this.icon&&r("p-icon",{key:"32212492854ecb6d9fac208b748d9d0852b135a3",class:i("mb-1",{"text-storm-300 dark:text-hurricane-200":!o(this.active),"text-indigo-200":o(this.active)}),variant:this.icon,flip:this.iconFlip,rotate:this.iconRotate}),this.variant==="default"?r("slot",null):r("div",{class:"flex flex-col items-center"},r("p",{class:i("my-0 font-medium empty:hidden",{})},r("slot",{name:"title"})),t&&r("p",{class:i("my-0 text-xs font-medium",{"text-storm-300 dark:text-hurricane-200":!o(this.active),"text-indigo-200":o(this.active)})},t))))}};b.style=s;export{d as p_badge,c as p_segment_container,b as p_segment_item};
|
|
2
|
+
//# sourceMappingURL=p-f7f360d5.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["badgeComponentCss","badge","cva","Badge","render","h","ThemedHost","key","class","segmentContainerComponentCss","SegmentContainer","segmentItemComponentCss","segmentItem","variants","variant","default","block","active","false","true","iconOnly","compoundVariants","SegmentItem","icon","iconFlip","iconRotate","descriptionSlot","this","name","asBoolean","cn","flip","rotate"],"sources":["src/components/atoms/badge/badge.component.css?tag=p-badge&encapsulation=shadow","src/components/atoms/badge/badge.component.tsx","src/components/atoms/segment/container/segment-container.component.css?tag=p-segment-container&encapsulation=shadow","src/components/atoms/segment/container/segment-container.component.tsx","src/components/atoms/segment/item/segment-item.component.css?tag=p-segment-item&encapsulation=shadow","src/components/atoms/segment/item/segment-item.component.tsx"],"sourcesContent":[null,"import { Component, h } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../internal/themed-host.component';\n\nconst badge = cva([\n\t'inline-flex items-center justify-center',\n\t'h-4 min-w-4 px-1',\n\t'rounded-full',\n\t'bg-storm-100 dark:bg-white/20',\n\t'text-storm-500 dark:text-white',\n\t'text-center text-xs font-semibold tracking-tight',\n]);\n\n@Component({\n\ttag: 'p-badge',\n\tstyleUrl: 'badge.component.css',\n\tshadow: true,\n})\nexport class Badge {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class={badge()}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n",null,"import { Component, h } from '@stencil/core';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\n@Component({\n\ttag: 'p-segment-container',\n\tstyleUrl: 'segment-container.component.css',\n\tshadow: true,\n})\nexport class SegmentContainer {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class='flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1 dark:border-hurricane-400 dark:bg-hurricane-600'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n",null,"import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { RotateOptions } from '../../../../types/tailwind';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { IconFlipOptions, IconVariant } from '../../icon/icon.component';\nimport { cn } from '../../../../utils';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst segmentItem = cva(\n\t['flex items-center justify-center', 'rounded-xl', 'cursor-pointer text-sm'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'h-6 gap-2',\n\t\t\t\tblock: 'flex-col p-2 text-center',\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer',\n\t\t\t\t\t'text-storm-300 hover:text-storm-500 hover:bg-storm-50',\n\t\t\t\t\t'hover:text-white dark:hover:bg-white/15',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-indigo-600 text-white',\n\t\t\t},\n\t\t\ticonOnly: {\n\t\t\t\tfalse: 'px-2',\n\t\t\t\ttrue: 'w-6',\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: 'text-storm-500 dark:text-hurricane-
|
|
1
|
+
{"version":3,"names":["badgeComponentCss","badge","cva","Badge","render","h","ThemedHost","key","class","segmentContainerComponentCss","SegmentContainer","segmentItemComponentCss","segmentItem","variants","variant","default","block","active","false","true","iconOnly","compoundVariants","SegmentItem","icon","iconFlip","iconRotate","descriptionSlot","this","name","asBoolean","cn","flip","rotate"],"sources":["src/components/atoms/badge/badge.component.css?tag=p-badge&encapsulation=shadow","src/components/atoms/badge/badge.component.tsx","src/components/atoms/segment/container/segment-container.component.css?tag=p-segment-container&encapsulation=shadow","src/components/atoms/segment/container/segment-container.component.tsx","src/components/atoms/segment/item/segment-item.component.css?tag=p-segment-item&encapsulation=shadow","src/components/atoms/segment/item/segment-item.component.tsx"],"sourcesContent":[null,"import { Component, h } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../internal/themed-host.component';\n\nconst badge = cva([\n\t'inline-flex items-center justify-center',\n\t'h-4 min-w-4 px-1',\n\t'rounded-full',\n\t'bg-storm-100 dark:bg-white/20',\n\t'text-storm-500 dark:text-white',\n\t'text-center text-xs font-semibold tracking-tight',\n]);\n\n@Component({\n\ttag: 'p-badge',\n\tstyleUrl: 'badge.component.css',\n\tshadow: true,\n})\nexport class Badge {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class={badge()}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n",null,"import { Component, h } from '@stencil/core';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\n@Component({\n\ttag: 'p-segment-container',\n\tstyleUrl: 'segment-container.component.css',\n\tshadow: true,\n})\nexport class SegmentContainer {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class='flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1 dark:border-hurricane-400 dark:bg-hurricane-600'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n",null,"import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { RotateOptions } from '../../../../types/tailwind';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { IconFlipOptions, IconVariant } from '../../icon/icon.component';\nimport { cn } from '../../../../utils';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst segmentItem = cva(\n\t['flex items-center justify-center', 'rounded-xl', 'cursor-pointer text-sm'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'h-6 gap-2',\n\t\t\t\tblock: 'flex-col p-2 text-center',\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer',\n\t\t\t\t\t'text-storm-300 hover:text-storm-500 hover:bg-storm-50',\n\t\t\t\t\t'hover:text-white dark:hover:bg-white/15',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-indigo-600 text-white',\n\t\t\t},\n\t\t\ticonOnly: {\n\t\t\t\tfalse: 'px-2',\n\t\t\t\ttrue: 'w-6',\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: 'text-storm-500 dark:text-hurricane-200',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'block',\n\t\t\t\tactive: false,\n\t\t\t\tclass: 'text-storm-500 dark:text-white',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-segment-item',\n\tstyleUrl: 'segment-item.component.css',\n\tshadow: true,\n})\nexport class SegmentItem {\n\t/**\n\t * The size of the\n\t */\n\t@Prop() variant: 'default' | 'block' = 'default';\n\n\t/**\n\t * Wether the segment item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the segment item is icon only\n\t */\n\t@Prop() iconOnly: boolean = false;\n\n\t/**\n\t * Icon to show on the segment item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\trender() {\n\t\tconst descriptionSlot =\n\t\t\tthis.variant === 'block' ? <slot name='description' /> : null;\n\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={segmentItem({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\ticonOnly: asBoolean(this.iconOnly),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.icon && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass={cn('mb-1', {\n\t\t\t\t\t\t\t\t'text-storm-300 dark:text-hurricane-200': !asBoolean(\n\t\t\t\t\t\t\t\t\tthis.active\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t'text-indigo-200': asBoolean(this.active),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.variant === 'default' ? (\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div class='flex flex-col items-center'>\n\t\t\t\t\t\t\t<p class={cn('my-0 font-medium empty:hidden', {})}>\n\t\t\t\t\t\t\t\t<slot name='title' />\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t{descriptionSlot && (\n\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\tclass={cn('my-0 text-xs font-medium', {\n\t\t\t\t\t\t\t\t\t\t'text-storm-300 dark:text-hurricane-200': !asBoolean(\n\t\t\t\t\t\t\t\t\t\t\tthis.active\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t'text-indigo-200': asBoolean(this.active),\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{descriptionSlot}\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"mappings":"2OAAA,MAAMA,EAAoB,ixCCI1B,MAAMC,EAAQC,EAAI,CACjB,0CACA,mBACA,eACA,gCACA,iCACA,qD,MAQYC,EAAK,M,yBACjB,MAAAC,GACC,OACCC,EAACC,EAAU,CAAAC,IAAA,4CACVF,EAAK,OAAAE,IAAA,2CAAAC,MAAOP,KACXI,EAAQ,QAAAE,IAAA,8C,aCvBb,MAAME,EAA+B,8oC,MCQxBC,EAAgB,M,yBAC5B,MAAAN,GACC,OACCC,EAACC,EAAU,CAAAC,IAAA,4CACVF,EAAK,OAAAE,IAAA,2CAAAC,MAAM,kIACVH,EAAQ,QAAAE,IAAA,8C,aCbb,MAAMI,EAA0B,0sFCQhC,MAAMC,EAAcV,EACnB,CAAC,mCAAoC,aAAc,0BACnD,CACCW,SAAU,CACTC,QAAS,CACRC,QAAS,YACTC,MAAO,4BAERC,OAAQ,CACPC,MAAO,CACN,iBACA,wDACA,2CAEDC,KAAM,4BAEPC,SAAU,CACTF,MAAO,OACPC,KAAM,QAGRE,iBAAkB,CACjB,CACCP,QAAS,UACTG,OAAQ,MACRT,MAAO,0CAER,CACCM,QAAS,QACTG,OAAQ,MACRT,MAAO,qC,MAWEc,EAAW,M,yBAIfR,QAA+B,UAK/BG,OAAkB,MAKlBG,SAAoB,MAKpBG,KAKAC,SAKAC,WAER,MAAArB,GACC,MAAMsB,EACLC,KAAKb,UAAY,QAAUT,EAAM,QAAAuB,KAAK,gBAAmB,KAE1D,OACCvB,EAACC,EAAU,CAAAC,IAAA,4CACVF,EACC,OAAAE,IAAA,2CAAAC,MAAOI,EAAY,CAClBE,QAASa,KAAKb,QACdG,OAAQY,EAAUF,KAAKV,QACvBG,SAAUS,EAAUF,KAAKP,aAGzBO,KAAKJ,MACLlB,EAAA,UAAAE,IAAA,2CACCC,MAAOsB,EAAG,OAAQ,CACjB,0CAA2CD,EAC1CF,KAAKV,QAEN,kBAAmBY,EAAUF,KAAKV,UAEnCH,QAASa,KAAKJ,KACdQ,KAAMJ,KAAKH,SACXQ,OAAQL,KAAKF,aAIdE,KAAKb,UAAY,UACjBT,EAAQ,aAERA,EAAK,OAAAG,MAAM,8BACVH,EAAA,KAAGG,MAAOsB,EAAG,gCAAiC,KAC7CzB,EAAA,QAAMuB,KAAK,WAEXF,GACArB,EACC,KAAAG,MAAOsB,EAAG,2BAA4B,CACrC,0CAA2CD,EAC1CF,KAAKV,QAEN,kBAAmBY,EAAUF,KAAKV,WAGlCS,K","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"p-navbar.entry.esm.js","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, Listen, State } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../internal/themed-host.component';\n\nconst sidebarAndTopbar = cva([\n\t'transition',\n\t'bg-off-white-300 dark:bg-hurricane-800',\n\t'border-0 border-solid border-off-white-700 dark:border-hurricane-500',\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<ThemedHost>\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-end 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\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\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</ThemedHost>\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"],"names":[],"mappings":";;;;;;AAAA,MAAM,kBAAkB,GAAG,
|
|
1
|
+
{"version":3,"file":"p-navbar.entry.esm.js","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, Listen, State } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../internal/themed-host.component';\n\nconst sidebarAndTopbar = cva([\n\t'transition',\n\t'bg-off-white-300 dark:bg-hurricane-800',\n\t'border-0 border-solid border-off-white-700 dark:border-hurricane-500',\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<ThemedHost>\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-end 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\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-shrink-0 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-1 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-shrink-0 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\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</ThemedHost>\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"],"names":[],"mappings":"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"}
|