@paperless/core 2.2.1 → 2.2.3
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 +22 -0
- package/dist/build/p-ab9ad2c2.entry.js +2 -0
- package/dist/build/p-ab9ad2c2.entry.js.map +1 -0
- package/dist/build/p-b8277898.entry.js +2 -0
- package/dist/build/p-b8277898.entry.js.map +1 -0
- package/dist/build/{p-5d373952.js → p-d1b8dee7.js} +1 -1
- package/dist/build/p-info-panel.entry.esm.js.map +1 -1
- package/dist/build/p-navigation-item.entry.esm.js.map +1 -1
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/p-info-panel.cjs.entry.js +5 -2
- package/dist/cjs/p-info-panel.cjs.entry.js.map +1 -1
- package/dist/cjs/p-info-panel.entry.cjs.js.map +1 -1
- package/dist/cjs/p-navigation-item.cjs.entry.js +4 -4
- package/dist/cjs/p-navigation-item.cjs.entry.js.map +1 -1
- package/dist/cjs/p-navigation-item.entry.cjs.js.map +1 -1
- package/dist/collection/components/atoms/info-panel/info-panel.component.css +1 -1
- package/dist/collection/components/atoms/info-panel/info-panel.component.js +4 -1
- package/dist/collection/components/atoms/info-panel/info-panel.component.js.map +1 -1
- package/dist/collection/components/molecules/navigation/item/navigation-item.component.css +1 -1
- package/dist/collection/components/molecules/navigation/item/navigation-item.component.js +3 -3
- package/dist/collection/components/molecules/navigation/item/navigation-item.component.js.map +1 -1
- package/dist/components/p-info-panel.js +5 -2
- package/dist/components/p-info-panel.js.map +1 -1
- package/dist/components/p-navigation-item.js +4 -4
- package/dist/components/p-navigation-item.js.map +1 -1
- package/dist/esm/p-info-panel.entry.js +5 -2
- package/dist/esm/p-info-panel.entry.js.map +1 -1
- package/dist/esm/p-navigation-item.entry.js +4 -4
- package/dist/esm/p-navigation-item.entry.js.map +1 -1
- package/dist/index.html +1 -1
- package/dist/paperless/p-ab9ad2c2.entry.js +2 -0
- package/dist/paperless/p-ab9ad2c2.entry.js.map +1 -0
- package/dist/paperless/p-b8277898.entry.js +2 -0
- package/dist/paperless/p-b8277898.entry.js.map +1 -0
- package/dist/paperless/p-info-panel.entry.esm.js.map +1 -1
- package/dist/paperless/p-navigation-item.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-84ed2dfb.entry.js +0 -2
- package/dist/build/p-84ed2dfb.entry.js.map +0 -1
- package/dist/build/p-b84975ba.entry.js +0 -2
- package/dist/build/p-b84975ba.entry.js.map +0 -1
- package/dist/paperless/p-84ed2dfb.entry.js +0 -2
- package/dist/paperless/p-84ed2dfb.entry.js.map +0 -1
- package/dist/paperless/p-b84975ba.entry.js +0 -2
- package/dist/paperless/p-b84975ba.entry.js.map +0 -1
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,h as i,H as e}from"./p-DhGo7hbh.js";import{c as a}from"./p-CBWjHURv.js";import{c as r}from"./p-CT54OXR2.js";import{a as o}from"./p-C5CTp9IA.js";import"./p-ChV9xqsO.js";const n="*{box-sizing:border-box}.static{position:static!important}.ml-auto{margin-left:auto!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.aspect-branding{aspect-ratio:23/24!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-\\[inherit\\]{width:inherit!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.rounded-lg{border-radius:.5rem!important}.bg-off-white-600{--tw-bg-opacity:1!important;background-color:rgb(236 234 229/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.pl-1{padding-left:.25rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.text-storm{color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.text-storm,.text-storm-400{--tw-text-opacity:1!important}.text-storm-400{color:rgb(70 75 84/var(--tw-text-opacity,1))!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.hover\\:bg-off-white:hover{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/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}";const m=a(["h-8 w-[inherit]","flex items-center gap-2","hover:text-storm-500","rounded-lg","py-1 px-2","text-sm font-medium","cursor-pointer"],{variants:{active:{false:["text-storm-400","hover:bg-off-white"],true:["bg-off-white-600 text-storm font-semibold"]},icon:{false:false,true:["pl-1"]}}});const p=a(["flex h-6 aspect-branding items-center justify-center rounded-full"],{variants:{active:{false:false,true:["bg-supportive-lilac"]}}});const c=class{constructor(i){t(this,i)}icon;active=false;loading=false;as="a";counter;href;target;class;render(){const t=this.as;const a=o(this.active)||this.class?.includes("active");return i(e,{key:"319b46565e6b282774125b077a7aab90cefe863b",class:r("p-navigation-item inline-block",this.class)},i(t,{key:"7c109203e97fd9af69d4592fbe06cbdda8380309",class:m({icon:!!this.icon,active:a}),href:this.href,target:this.target},i("div",{key:"91ec985a69273701a94a9d0ad67594daea9871e6",class:p({active:a})},i("p-icon",{key:"275bdc38822a772090026610e750683d2a379f60",variant:this.icon})),i("span",{key:"bf79516296e214fc90b37fe535eb91c3822d93b6",class:this.counter&&"has-counter"},i("slot",{key:"a00bf6f710f3e65dfc1bc645a808aba2fabe0d40"})),!!this.counter&&this.counter!=="0"&&i("p-badge",{key:"812858ebc323337b8fa2655c40304c56a73bbd5a"},this.counter),!!this.loading&&i("p-loader",{key:"762a0938524774686a598d5943fbe4299c02c5f2",class:"ml-auto"})))}};c.style=n;export{c as p_navigation_item};
|
|
2
|
-
//# sourceMappingURL=p-b84975ba.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["navigationItemComponentCss","navigationItem","cva","variants","active","false","true","icon","navigationItemIconContainer","NavigationItem","loading","as","counter","href","target","class","render","TagType","this","asBoolean","includes","h","Host","key","cn","variant"],"sources":["src/components/molecules/navigation/item/navigation-item.component.css?tag=p-navigation-item","src/components/molecules/navigation/item/navigation-item.component.tsx"],"sourcesContent":[null,"import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { IconVariant } from '../../../atoms/icon/icon.component';\nimport { cn } from '../../../../utils/cn';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst navigationItem = cva(\n\t[\n\t\t'h-8 w-[inherit]',\n\t\t'flex items-center gap-2',\n\t\t'hover:text-storm-500',\n\t\t'rounded-lg',\n\t\t'py-1 px-2',\n\t\t'text-sm font-medium',\n\t\t'cursor-pointer',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: ['text-storm-400', 'hover:bg-off-white'],\n\t\t\t\ttrue: ['bg-off-white-600 text-storm font-semibold'],\n\t\t\t},\n\t\t\ticon: {\n\t\t\t\tfalse: false,\n\t\t\t\ttrue: ['pl-1'],\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst navigationItemIconContainer = cva(\n\t['flex h-6 aspect-branding items-center justify-center rounded-full'],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: false,\n\t\t\t\ttrue: ['bg-supportive-lilac'],\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-navigation-item',\n\tstyleUrl: './navigation-item.component.css',\n\tshadow: false,\n})\nexport class NavigationItem {\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() icon!: IconVariant;\n\n\t/**\n\t * Wether the navigation item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the navigation item is loading\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * The element to use for the navigation item\n\t */\n\t@Prop() as: string = 'a';\n\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() counter: number | string;\n\n\t/**\n\t * The href of the navigation item\n\t */\n\t@Prop() href: string;\n\n\t/**\n\t * The target of the navigation item\n\t */\n\t@Prop() target: string;\n\n\t/**\n\t * The class of the container passed by parent\n\t */\n\t@Prop() class: string;\n\n\trender() {\n\t\tconst TagType = this.as;\n\n\t\tconst active = asBoolean(this.active) || this.class?.includes('active');\n\n\t\treturn (\n\t\t\t<Host class={cn('p-navigation-item inline-block', this.class)}>\n\t\t\t\t<TagType\n\t\t\t\t\tclass={navigationItem({\n\t\t\t\t\t\ticon: !!this.icon,\n\t\t\t\t\t\tactive,\n\t\t\t\t\t})}\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t>\n\t\t\t\t\t<div class={navigationItemIconContainer({ active })}>\n\t\t\t\t\t\t<p-icon variant={this.icon} />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<span class={this.counter && 'has-counter'}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</span>\n\n\t\t\t\t\t{!!this.counter && this.counter !== '0' && (\n\t\t\t\t\t\t<p-badge>{this.counter}</p-badge>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{!!this.loading && <p-loader class='ml-auto' />}\n\t\t\t\t</TagType>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"sLAAA,MAAMA,EAA6B,mxECMnC,MAAMC,EAAiBC,EACtB,CACC,kBACA,0BACA,uBACA,aACA,YACA,sBACA,kBAED,CACCC,SAAU,CACTC,OAAQ,CACPC,MAAO,CAAC,iBAAkB,sBAC1BC,KAAM,CAAC,8CAERC,KAAM,CACLF,MAAO,MACPC,KAAM,CAAC,YAMX,MAAME,EAA8BN,EACnC,CAAC,qEACD,CACCC,SAAU,CACTC,OAAQ,CACPC,MAAO,MACPC,KAAM,CAAC,2B,MAWEG,EAAc,M,yBAIlBF,KAKAH,OAAkB,MAKlBM,QAAmB,MAKnBC,GAAa,IAKbC,QAKAC,KAKAC,OAKAC,MAER,MAAAC,GACC,MAAMC,EAAUC,KAAKP,GAErB,MAAMP,EAASe,EAAUD,KAAKd,SAAWc,KAAKH,OAAOK,SAAS,UAE9D,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACR,MAAOS,EAAG,iCAAkCN,KAAKH,QACtDM,EAACJ,EAAO,CAAAM,IAAA,2CACPR,MAAOd,EAAe,CACrBM,OAAQW,KAAKX,KACbH,WAEDS,KAAMK,KAAKL,KACXC,OAAQI,KAAKJ,QAEbO,EAAA,OAAAE,IAAA,2CAAKR,MAAOP,EAA4B,CAAEJ,YACzCiB,EAAA,UAAAE,IAAA,2CAAQE,QAASP,KAAKX,QAGvBc,EAAA,QAAAE,IAAA,2CAAMR,MAAOG,KAAKN,SAAW,eAC5BS,EAAA,QAAAE,IAAA,gDAGEL,KAAKN,SAAWM,KAAKN,UAAY,KACnCS,EAAA,WAAAE,IAAA,4CAAUL,KAAKN,WAGbM,KAAKR,SAAWW,EAAA,YAAAE,IAAA,2CAAUR,MAAM,a","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as o,g as e,h as i}from"./p-DhGo7hbh.js";import{c as r}from"./p-CBWjHURv.js";import"./p-ChV9xqsO.js";const a="*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.right-2{right:.5rem!important}.top-2{top:.5rem!important}.my-0{margin-bottom:0!important;margin-top:0!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.h-inherit{height:inherit!important}.w-6{width:1.5rem!important}.w-full{width:100%!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-1{gap:.25rem!important}.rounded-lg{border-radius:.5rem!important}.bg-amber-50{--tw-bg-opacity:1!important;background-color:rgb(255 250 224/var(--tw-bg-opacity,1))!important}.bg-indigo-100{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.bg-negative-red-100{--tw-bg-opacity:1!important;background-color:rgb(255 221 221/var(--tw-bg-opacity,1))!important}.bg-positive-green-100{--tw-bg-opacity:1!important;background-color:rgb(213 251 199/var(--tw-bg-opacity,1))!important}.bg-white-700{--tw-bg-opacity:1!important;background-color:rgb(242 242 242/var(--tw-bg-opacity,1))!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-3{padding-bottom:.75rem!important;padding-top:.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.font-normal{font-weight:400!important}.text-amber-800{--tw-text-opacity:1!important;color:rgb(148 77 11/var(--tw-text-opacity,1))!important}.text-indigo-900{--tw-text-opacity:1!important;color:rgb(19 73 182/var(--tw-text-opacity,1))!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.text-positive-green-800{--tw-text-opacity:1!important;color:rgb(47 100 7/var(--tw-text-opacity,1))!important}.text-storm-800{--tw-text-opacity:1!important;color:rgb(2 8 21/var(--tw-text-opacity,1))!important}.text-storm-800\\/60{color:rgba(2,8,21,.6)!important}.hover\\:bg-white-500\\/40:hover{background-color:hsla(0,0%,100%,.4)!important}.hover\\:text-storm-800\\/60:hover{color:rgba(2,8,21,.6)!important}";const n=r(["flex flex-col gap-1","w-full h-inherit px-4 py-3","rounded-lg relative"],{variants:{variant:{neutral:"bg-indigo-100",positive:"bg-positive-green-100",biased:"bg-amber-50",negative:"bg-negative-red-100",feedback:"bg-white-700"}}});const p=r("text-sm font-medium",{variants:{variant:{neutral:"text-indigo-900",positive:"text-positive-green-800",biased:"text-amber-800",negative:"text-negative-red-800",feedback:"text-storm-800"}}});const s=r(["absolute right-2 top-2","flex items-center justify-center","rounded-lg cursor-pointer","text-storm-800/60 hover:text-storm-800/60 hover:bg-white-500/40","h-6 w-6"]);const m=class{constructor(e){t(this,e);this.closed=o(this,"closed",3)}variant="feedback";header;content;closeable=false;closed;get _el(){return e(this)}render(){const t=!!this._el.querySelector(':scope > [slot="header"]');const o=!!this._el.querySelector(':scope > [slot="content"]');return i("div",{key:"117c52f7b0f32119bb4bd025737d7f3153773588",class:n({variant:this.variant})},(this.header?.length||t)&&i("div",{key:"675e415e6d1817b6bd2af3e6bb1f02c5c775f0b8",class:p({variant:this.variant})},this.header?.length?i("p",{class:"my-0"},this.header):i("slot",{name:"header"})),(this.content?.length||o)&&i("div",{key:"4d8b43bbf2a1d78ec7e80b817c4330ee9cb4d9e4",class:"h-inherit text-sm font-normal text-storm-800/60"},this.content?.length?i("p",{class:"my-0"},this.content):i("slot",{name:"content"})),this.closeable&&i("div",{key:"94fe140914af8525f63597354b5fdc96b98eb4eb",class:s(),onClick:()=>this._close()},i("p-icon",{key:"e2318e6061aef2036aeff1f3438d3a30aeff0a7e",variant:"negative"})))}_close(){this.closed.emit();this._el.remove()}};m.style=a;export{m as p_info_panel};
|
|
2
|
-
//# sourceMappingURL=p-84ed2dfb.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["infoPanelComponentCss","infopanel","cva","variants","variant","neutral","positive","biased","negative","feedback","header","close","InfoPanel","content","closeable","closed","render","hasHeaderSlot","this","_el","querySelector","hasContentSlot","h","key","class","length","name","onClick","_close","emit","remove"],"sources":["src/components/atoms/info-panel/info-panel.component.css?tag=p-info-panel&encapsulation=shadow","src/components/atoms/info-panel/info-panel.component.tsx"],"sourcesContent":[null,"import {\n\tComponent,\n\tElement,\n\th,\n\tProp,\n\tEvent,\n\tEventEmitter,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst infopanel = cva(\n\t['flex flex-col gap-1', 'w-full h-inherit px-4 py-3', 'rounded-lg relative'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tneutral: 'bg-indigo-100',\n\t\t\t\tpositive: 'bg-positive-green-100',\n\t\t\t\tbiased: 'bg-amber-50',\n\t\t\t\tnegative: 'bg-negative-red-100',\n\t\t\t\tfeedback: 'bg-white-700',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst header = cva('text-sm font-medium', {\n\tvariants: {\n\t\tvariant: {\n\t\t\tneutral: 'text-indigo-900',\n\t\t\tpositive: 'text-positive-green-800',\n\t\t\tbiased: 'text-amber-800',\n\t\t\tnegative: 'text-negative-red-800',\n\t\t\tfeedback: 'text-storm-800',\n\t\t},\n\t},\n});\n\nconst close = cva([\n\t'absolute right-2 top-2',\n\t'flex items-center justify-center',\n\n\t'rounded-lg cursor-pointer',\n\t'text-storm-800/60 hover:text-storm-800/60 hover:bg-white-500/40',\n\n\t'h-6 w-6',\n]);\n\n@Component({\n\ttag: 'p-info-panel',\n\tstyleUrl: 'info-panel.component.css',\n\tshadow: true,\n})\nexport class InfoPanel {\n\t/**\n\t * The variant of the info panel\n\t */\n\t@Prop() variant: 'neutral' | 'positive' | 'biased' | 'negative' | 'feedback' =\n\t\t'feedback';\n\n\t/**\n\t * The header of the info panel\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * The content of the info panel\n\t */\n\t@Prop() content: string;\n\n\t/**\n\t * Wether the panel can be closed\n\t */\n\t@Prop() closeable: boolean = false;\n\n\t/**\n\t * When the backdrop is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<void>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\trender() {\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\n\t\treturn (\n\t\t\t<div class={infopanel({ variant: this.variant })}>\n\t\t\t\t{(this.header?.length || hasHeaderSlot) && (\n\t\t\t\t\t<div class={header({ variant: this.variant })}>\n\t\t\t\t\t\t{this.header?.length ? (\n\t\t\t\t\t\t\t<p class='my-0'>{this.header}</p>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<slot name='header' />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{(this.content?.length || hasContentSlot) && (\n\t\t\t\t\t<div class='h-inherit text-sm font-normal text-storm-800/60'>\n\t\t\t\t\t\t{this.content?.length ? (\n\t\t\t\t\t\t\t<p class='my-0'>{this.content}</p>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{this.closeable && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={close()}\n\t\t\t\t\t\tonClick={() => this._close()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-icon variant='negative' />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _close() {\n\t\tthis.closed.emit();\n\t\tthis._el.remove();\n\t}\n}\n"],"mappings":"qHAAA,MAAMA,EAAwB,4pECU9B,MAAMC,EAAYC,EACjB,CAAC,sBAAuB,6BAA8B,uBACtD,CACCC,SAAU,CACTC,QAAS,CACRC,QAAS,gBACTC,SAAU,wBACVC,OAAQ,cACRC,SAAU,sBACVC,SAAU,mBAMd,MAAMC,EAASR,EAAI,sBAAuB,CACzCC,SAAU,CACTC,QAAS,CACRC,QAAS,kBACTC,SAAU,0BACVC,OAAQ,iBACRC,SAAU,wBACVC,SAAU,qBAKb,MAAME,EAAQT,EAAI,CACjB,yBACA,mCAEA,4BACA,kEAEA,Y,MAQYU,EAAS,M,wDAIbR,QACP,WAKOM,OAKAG,QAKAC,UAAqB,MAQ7BC,O,yBAOA,MAAAC,GACC,MAAMC,IAAkBC,KAAKC,IAAIC,cAAc,4BAC/C,MAAMC,IAAmBH,KAAKC,IAAIC,cACjC,6BAGD,OACCE,EAAA,OAAAC,IAAA,2CAAKC,MAAOvB,EAAU,CAAEG,QAASc,KAAKd,YACnCc,KAAKR,QAAQe,QAAUR,IACxBK,EAAK,OAAAC,IAAA,2CAAAC,MAAOd,EAAO,CAAEN,QAASc,KAAKd,WACjCc,KAAKR,QAAQe,OACbH,EAAA,KAAGE,MAAM,QAAQN,KAAKR,QAEtBY,EAAA,QAAMI,KAAK,aAKZR,KAAKL,SAASY,QAAUJ,IACzBC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,mDACTN,KAAKL,SAASY,OACdH,EAAA,KAAGE,MAAM,QAAQN,KAAKL,SAEtBS,EAAM,QAAAI,KAAK,aAKbR,KAAKJ,WACLQ,EACC,OAAAC,IAAA,2CAAAC,MAAOb,IACPgB,QAAS,IAAMT,KAAKU,UAEpBN,EAAQ,UAAAC,IAAA,2CAAAnB,QAAQ,c,CAOb,MAAAwB,GACPV,KAAKH,OAAOc,OACZX,KAAKC,IAAIW,Q","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,h as i,H as e}from"./p-DhGo7hbh.js";import{c as a}from"./p-CBWjHURv.js";import{c as r}from"./p-CT54OXR2.js";import{a as o}from"./p-C5CTp9IA.js";import"./p-ChV9xqsO.js";const n="*{box-sizing:border-box}.static{position:static!important}.ml-auto{margin-left:auto!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.aspect-branding{aspect-ratio:23/24!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-\\[inherit\\]{width:inherit!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.rounded-lg{border-radius:.5rem!important}.bg-off-white-600{--tw-bg-opacity:1!important;background-color:rgb(236 234 229/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.pl-1{padding-left:.25rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.text-storm{color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.text-storm,.text-storm-400{--tw-text-opacity:1!important}.text-storm-400{color:rgb(70 75 84/var(--tw-text-opacity,1))!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.hover\\:bg-off-white:hover{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/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}";const m=a(["h-8 w-[inherit]","flex items-center gap-2","hover:text-storm-500","rounded-lg","py-1 px-2","text-sm font-medium","cursor-pointer"],{variants:{active:{false:["text-storm-400","hover:bg-off-white"],true:["bg-off-white-600 text-storm font-semibold"]},icon:{false:false,true:["pl-1"]}}});const p=a(["flex h-6 aspect-branding items-center justify-center rounded-full"],{variants:{active:{false:false,true:["bg-supportive-lilac"]}}});const c=class{constructor(i){t(this,i)}icon;active=false;loading=false;as="a";counter;href;target;class;render(){const t=this.as;const a=o(this.active)||this.class?.includes("active");return i(e,{key:"319b46565e6b282774125b077a7aab90cefe863b",class:r("p-navigation-item inline-block",this.class)},i(t,{key:"7c109203e97fd9af69d4592fbe06cbdda8380309",class:m({icon:!!this.icon,active:a}),href:this.href,target:this.target},i("div",{key:"91ec985a69273701a94a9d0ad67594daea9871e6",class:p({active:a})},i("p-icon",{key:"275bdc38822a772090026610e750683d2a379f60",variant:this.icon})),i("span",{key:"bf79516296e214fc90b37fe535eb91c3822d93b6",class:this.counter&&"has-counter"},i("slot",{key:"a00bf6f710f3e65dfc1bc645a808aba2fabe0d40"})),!!this.counter&&this.counter!=="0"&&i("p-badge",{key:"812858ebc323337b8fa2655c40304c56a73bbd5a"},this.counter),!!this.loading&&i("p-loader",{key:"762a0938524774686a598d5943fbe4299c02c5f2",class:"ml-auto"})))}};c.style=n;export{c as p_navigation_item};
|
|
2
|
-
//# sourceMappingURL=p-b84975ba.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["navigationItemComponentCss","navigationItem","cva","variants","active","false","true","icon","navigationItemIconContainer","NavigationItem","loading","as","counter","href","target","class","render","TagType","this","asBoolean","includes","h","Host","key","cn","variant"],"sources":["src/components/molecules/navigation/item/navigation-item.component.css?tag=p-navigation-item","src/components/molecules/navigation/item/navigation-item.component.tsx"],"sourcesContent":[null,"import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { IconVariant } from '../../../atoms/icon/icon.component';\nimport { cn } from '../../../../utils/cn';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst navigationItem = cva(\n\t[\n\t\t'h-8 w-[inherit]',\n\t\t'flex items-center gap-2',\n\t\t'hover:text-storm-500',\n\t\t'rounded-lg',\n\t\t'py-1 px-2',\n\t\t'text-sm font-medium',\n\t\t'cursor-pointer',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: ['text-storm-400', 'hover:bg-off-white'],\n\t\t\t\ttrue: ['bg-off-white-600 text-storm font-semibold'],\n\t\t\t},\n\t\t\ticon: {\n\t\t\t\tfalse: false,\n\t\t\t\ttrue: ['pl-1'],\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst navigationItemIconContainer = cva(\n\t['flex h-6 aspect-branding items-center justify-center rounded-full'],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: false,\n\t\t\t\ttrue: ['bg-supportive-lilac'],\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-navigation-item',\n\tstyleUrl: './navigation-item.component.css',\n\tshadow: false,\n})\nexport class NavigationItem {\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() icon!: IconVariant;\n\n\t/**\n\t * Wether the navigation item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the navigation item is loading\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * The element to use for the navigation item\n\t */\n\t@Prop() as: string = 'a';\n\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() counter: number | string;\n\n\t/**\n\t * The href of the navigation item\n\t */\n\t@Prop() href: string;\n\n\t/**\n\t * The target of the navigation item\n\t */\n\t@Prop() target: string;\n\n\t/**\n\t * The class of the container passed by parent\n\t */\n\t@Prop() class: string;\n\n\trender() {\n\t\tconst TagType = this.as;\n\n\t\tconst active = asBoolean(this.active) || this.class?.includes('active');\n\n\t\treturn (\n\t\t\t<Host class={cn('p-navigation-item inline-block', this.class)}>\n\t\t\t\t<TagType\n\t\t\t\t\tclass={navigationItem({\n\t\t\t\t\t\ticon: !!this.icon,\n\t\t\t\t\t\tactive,\n\t\t\t\t\t})}\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t>\n\t\t\t\t\t<div class={navigationItemIconContainer({ active })}>\n\t\t\t\t\t\t<p-icon variant={this.icon} />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<span class={this.counter && 'has-counter'}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</span>\n\n\t\t\t\t\t{!!this.counter && this.counter !== '0' && (\n\t\t\t\t\t\t<p-badge>{this.counter}</p-badge>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{!!this.loading && <p-loader class='ml-auto' />}\n\t\t\t\t</TagType>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"sLAAA,MAAMA,EAA6B,mxECMnC,MAAMC,EAAiBC,EACtB,CACC,kBACA,0BACA,uBACA,aACA,YACA,sBACA,kBAED,CACCC,SAAU,CACTC,OAAQ,CACPC,MAAO,CAAC,iBAAkB,sBAC1BC,KAAM,CAAC,8CAERC,KAAM,CACLF,MAAO,MACPC,KAAM,CAAC,YAMX,MAAME,EAA8BN,EACnC,CAAC,qEACD,CACCC,SAAU,CACTC,OAAQ,CACPC,MAAO,MACPC,KAAM,CAAC,2B,MAWEG,EAAc,M,yBAIlBF,KAKAH,OAAkB,MAKlBM,QAAmB,MAKnBC,GAAa,IAKbC,QAKAC,KAKAC,OAKAC,MAER,MAAAC,GACC,MAAMC,EAAUC,KAAKP,GAErB,MAAMP,EAASe,EAAUD,KAAKd,SAAWc,KAAKH,OAAOK,SAAS,UAE9D,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACR,MAAOS,EAAG,iCAAkCN,KAAKH,QACtDM,EAACJ,EAAO,CAAAM,IAAA,2CACPR,MAAOd,EAAe,CACrBM,OAAQW,KAAKX,KACbH,WAEDS,KAAMK,KAAKL,KACXC,OAAQI,KAAKJ,QAEbO,EAAA,OAAAE,IAAA,2CAAKR,MAAOP,EAA4B,CAAEJ,YACzCiB,EAAA,UAAAE,IAAA,2CAAQE,QAASP,KAAKX,QAGvBc,EAAA,QAAAE,IAAA,2CAAMR,MAAOG,KAAKN,SAAW,eAC5BS,EAAA,QAAAE,IAAA,gDAGEL,KAAKN,SAAWM,KAAKN,UAAY,KACnCS,EAAA,WAAAE,IAAA,4CAAUL,KAAKN,WAGbM,KAAKR,SAAWW,EAAA,YAAAE,IAAA,2CAAUR,MAAM,a","ignoreList":[]}
|