@paperless/core 1.59.2 → 1.60.0

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.
Files changed (58) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/assets/icons/lock.svg +8 -0
  3. package/dist/assets/icons/unlock.svg +8 -0
  4. package/dist/build/p-8af4e8e9.entry.js +2 -0
  5. package/dist/build/p-8af4e8e9.entry.js.map +1 -0
  6. package/dist/build/{p-2b4bdcd9.entry.js → p-dd070ee8.entry.js} +2 -2
  7. package/dist/build/p-dd070ee8.entry.js.map +1 -0
  8. package/dist/build/paperless.esm.js +1 -1
  9. package/dist/cjs/p-button_3.cjs.entry.js +22 -0
  10. package/dist/cjs/p-button_3.cjs.entry.js.map +1 -1
  11. package/dist/cjs/p-card-header.cjs.entry.js +7 -2
  12. package/dist/cjs/p-card-header.cjs.entry.js.map +1 -1
  13. package/dist/collection/assets/icons/lock.svg +8 -0
  14. package/dist/collection/assets/icons/unlock.svg +8 -0
  15. package/dist/collection/components/atoms/button/button.component.js +1 -1
  16. package/dist/collection/components/atoms/card-header/card-header.component.css +1 -1
  17. package/dist/collection/components/atoms/card-header/card-header.component.js +6 -1
  18. package/dist/collection/components/atoms/card-header/card-header.component.js.map +1 -1
  19. package/dist/collection/components/atoms/dropdown-menu-item/dropdown-menu-item.component.js +1 -1
  20. package/dist/collection/components/atoms/icon/icon.component.js +1 -1
  21. package/dist/collection/components/atoms/label/label.component.js +1 -1
  22. package/dist/collection/components/atoms/segment-item/segment-item.component.js +1 -1
  23. package/dist/collection/components/atoms/status/status.component.js +1 -1
  24. package/dist/collection/components/helpers/table-row-action/table-row-action.component.js +1 -1
  25. package/dist/collection/components/molecules/input-group/input-group.component.js +1 -1
  26. package/dist/collection/components/molecules/navigation-item/navigation-item.component.js +1 -1
  27. package/dist/collection/components/molecules/select/select.component.js +2 -2
  28. package/dist/collection/components/molecules/table-header/table-header.component.js +1 -1
  29. package/dist/collection/components/molecules/toast/toast.component.js +1 -1
  30. package/dist/collection/components/organisms/table/table.component.js +1 -1
  31. package/dist/collection/utils/icons.js +4 -0
  32. package/dist/collection/utils/icons.js.map +1 -1
  33. package/dist/components/icon.component.js +22 -0
  34. package/dist/components/icon.component.js.map +1 -1
  35. package/dist/components/p-card-header.js +7 -2
  36. package/dist/components/p-card-header.js.map +1 -1
  37. package/dist/esm/p-button_3.entry.js +22 -0
  38. package/dist/esm/p-button_3.entry.js.map +1 -1
  39. package/dist/esm/p-card-header.entry.js +7 -2
  40. package/dist/esm/p-card-header.entry.js.map +1 -1
  41. package/dist/index.html +1 -1
  42. package/dist/paperless/p-8af4e8e9.entry.js +2 -0
  43. package/dist/paperless/p-8af4e8e9.entry.js.map +1 -0
  44. package/dist/paperless/{p-2b4bdcd9.entry.js → p-dd070ee8.entry.js} +2 -2
  45. package/dist/paperless/p-dd070ee8.entry.js.map +1 -0
  46. package/dist/paperless/paperless.esm.js +1 -1
  47. package/dist/sw.js +1 -1
  48. package/dist/sw.js.map +1 -1
  49. package/dist/types/components/atoms/card-header/card-header.component.d.ts +1 -0
  50. package/dist/types/utils/icons.d.ts +2 -0
  51. package/hydrate/index.js +29 -2
  52. package/package.json +1 -1
  53. package/dist/build/p-2b4bdcd9.entry.js.map +0 -1
  54. package/dist/build/p-d58492ac.entry.js +0 -2
  55. package/dist/build/p-d58492ac.entry.js.map +0 -1
  56. package/dist/paperless/p-2b4bdcd9.entry.js.map +0 -1
  57. package/dist/paperless/p-d58492ac.entry.js +0 -2
  58. package/dist/paperless/p-d58492ac.entry.js.map +0 -1
@@ -1,20 +1,25 @@
1
1
  import { r as registerInstance, h, H as Host, g as getElement } from './index-7b917f6b.js';
2
2
 
3
- const cardHeaderComponentCss = ".mx-4{margin-left:1rem!important;margin-right:1rem!important}.ml-2{margin-left:.5rem!important}.flex{display:flex!important}.h-14{height:3.5rem!important}.flex-1{flex:1 1 0%!important}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.border-b{border-bottom-width:1px!important}.border-b-mystic-medium{--tw-border-opacity:1!important;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important}*{box-sizing:border-box}p-card-header{--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important;border-bottom-width:1px!important;color:rgb(128 130 158/var(--tw-text-opacity));display:flex;flex-shrink:0;gap:.75rem;height:3.5rem;margin-left:1rem;margin-right:1rem}p-card-header .title{--tw-text-opacity:1;align-items:center;color:rgb(81 83 107/var(--tw-text-opacity));display:flex;flex:1 1 0%;font-weight:600;order:2;overflow:hidden}p-card-header .title>span{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity));margin-left:.5rem}p-card-header [slot=prefix]{order:1}p-card-header [slot=suffix]{order:3}p-card-container.has-hover:hover p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}.static{position:static!important}.group:hover .group-hover\\:text-indigo{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity))!important}";
3
+ const cardHeaderComponentCss = ".mx-4{margin-left:1rem!important;margin-right:1rem!important}.flex{display:flex!important}.h-14{height:3.5rem!important}.flex-1{flex:1 1 0%!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.border-b{border-bottom-width:1px!important}.border-b-mystic-medium{--tw-border-opacity:1!important;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important}*{box-sizing:border-box}p-card-header{--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important;border-bottom-width:1px!important;color:rgb(128 130 158/var(--tw-text-opacity));display:flex;flex-shrink:0;gap:.75rem;height:3.5rem;margin-left:1rem;margin-right:1rem}p-card-header .content{--tw-text-opacity:1;align-items:center;color:rgb(81 83 107/var(--tw-text-opacity));display:flex;flex:1 1 0%;font-weight:600;gap:.5rem;order:2;overflow:hidden}p-card-header .content>span{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}p-card-header .content>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity))}p-card-header [slot=prefix]{order:1}p-card-header [slot=suffix]{order:3}p-card-container.has-hover:hover p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}.static{position:static!important}.group:hover .group-hover\\:text-indigo{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity))!important}";
4
4
 
5
5
  const CardHeader = class {
6
6
  constructor(hostRef) {
7
7
  registerInstance(this, hostRef);
8
8
  this._hasContentSlot = false;
9
+ this._hasContentSuffixSlot = false;
9
10
  this.header = undefined;
10
11
  this.arrow = false;
11
12
  }
12
13
  componentWillLoad() {
13
14
  this._hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
15
+ this._hasContentSuffixSlot = !!this._el.querySelector(':scope > [slot="content-suffix"]');
14
16
  }
15
17
  render() {
16
18
  var _a, _b;
17
- return (h(Host, { class: 'p-card-header' }, h("slot", { name: 'prefix' }), (((_a = this.header) === null || _a === void 0 ? void 0 : _a.length) || this._hasContentSlot || this.arrow) && (h("div", { class: 'title' }, h("span", null, ((_b = this.header) === null || _b === void 0 ? void 0 : _b.length) ? this.header : h("slot", { name: 'content' })), this.arrow && (h("p-icon", { variant: 'arrow', class: 'group-hover:text-indigo' })))), h("slot", { name: 'suffix' })));
19
+ return (h(Host, { class: 'p-card-header' }, h("slot", { name: 'prefix' }), (((_a = this.header) === null || _a === void 0 ? void 0 : _a.length) ||
20
+ this._hasContentSlot ||
21
+ this._hasContentSuffixSlot ||
22
+ this.arrow) && (h("div", { class: 'content' }, h("span", null, ((_b = this.header) === null || _b === void 0 ? void 0 : _b.length) ? this.header : h("slot", { name: 'content' })), h("slot", { name: 'content-suffix' }), this.arrow && (h("p-icon", { variant: 'arrow', class: 'group-hover:text-indigo' })))), h("slot", { name: 'suffix' })));
18
23
  }
19
24
  get _el() { return getElement(this); }
20
25
  };
@@ -1 +1 @@
1
- {"file":"p-card-header.entry.js","mappings":";;AAAA,MAAM,sBAAsB,GAAG,kkDAAkkD;;MCMplD,UAAU;;;IAgBd,oBAAe,GAAG,KAAK,CAAC;;iBAPP,KAAK;;EAS9B,iBAAiB;IAChB,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC9C,2BAA2B,CAC3B,CAAC;GACF;EAED,MAAM;;IACL,QACC,EAAC,IAAI,IAAC,KAAK,EAAC,eAAe,IAC1B,YAAM,IAAI,EAAC,QAAQ,GAAG,EAErB,CAAC,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,KAAI,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,KAAK,MAC1D,WAAK,KAAK,EAAC,OAAO,IACjB,gBACE,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,IAAG,IAAI,CAAC,MAAM,GAAG,YAAM,IAAI,EAAC,SAAS,GAAG,CACtD,EACN,IAAI,CAAC,KAAK,KACV,cACC,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,yBAAyB,GAC9B,CACF,CACI,CACN,EAED,YAAM,IAAI,EAAC,QAAQ,GAAG,CAChB,EACN;GACF;;;;;;;","names":[],"sources":["src/components/atoms/card-header/card-header.component.scss?tag=p-card-header","src/components/atoms/card-header/card-header.component.tsx"],"sourcesContent":["p-card-header {\n\t@apply mx-4 h-14 flex-shrink-0;\n\t@apply flex gap-3 items-center;\n\t@apply text-storm-medium;\n\t@apply border-b border-b-mystic-medium #{!important};\n\n\t.title {\n\t\t@apply order-2;\n\t\t@apply flex-1 overflow-hidden flex items-center text-storm;\n\t\t@apply font-semibold;\n\n\t\t> span {\n\t\t\t@apply flex-1 overflow-hidden text-ellipsis whitespace-nowrap;\n\t\t}\n\n\t\t> p-icon {\n\t\t\t@apply ml-2 text-mystic-dark;\n\t\t}\n\t}\n\n\t[slot='prefix'] {\n\t\t@apply order-1;\n\t}\n\n\t[slot='suffix'] {\n\t\t@apply order-3;\n\t}\n}\n\np-card-container.has-hover:hover {\n\tp-card-header {\n\t\t.title > p-icon {\n\t\t\t@apply text-indigo;\n\t\t}\n\t}\n}\n","import { Component, h, Host, Prop, Element } from '@stencil/core';\n\n@Component({\n\ttag: 'p-card-header',\n\tstyleUrl: 'card-header.component.scss',\n})\nexport class CardHeader {\n\t/**\n\t * Content of the card header\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * Enable the title arrow\n\t */\n\t@Prop() arrow: boolean = false;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasContentSlot = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-card-header'>\n\t\t\t\t<slot name='prefix' />\n\n\t\t\t\t{(this.header?.length || this._hasContentSlot || this.arrow) && (\n\t\t\t\t\t<div class='title'>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t{this.header?.length ? this.header : <slot name='content' />}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t{this.arrow && (\n\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\tvariant='arrow'\n\t\t\t\t\t\t\t\tclass='group-hover:text-indigo'\n\t\t\t\t\t\t\t/>\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<slot name='suffix' />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
1
+ {"file":"p-card-header.entry.js","mappings":";;AAAA,MAAM,sBAAsB,GAAG,6hDAA6hD;;MCM/iD,UAAU;;;IAgBd,oBAAe,GAAG,KAAK,CAAC;IACxB,0BAAqB,GAAG,KAAK,CAAC;;iBARb,KAAK;;EAU9B,iBAAiB;IAChB,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC9C,2BAA2B,CAC3B,CAAC;IAEF,IAAI,CAAC,qBAAqB,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CACpD,kCAAkC,CAClC,CAAC;GACF;EAED,MAAM;;IACL,QACC,EAAC,IAAI,IAAC,KAAK,EAAC,eAAe,IAC1B,YAAM,IAAI,EAAC,QAAQ,GAAG,EAErB,CAAC,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM;MACpB,IAAI,CAAC,eAAe;MACpB,IAAI,CAAC,qBAAqB;MAC1B,IAAI,CAAC,KAAK,MACV,WAAK,KAAK,EAAC,SAAS,IACnB,gBACE,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,IAAG,IAAI,CAAC,MAAM,GAAG,YAAM,IAAI,EAAC,SAAS,GAAG,CACtD,EAEP,YAAM,IAAI,EAAC,gBAAgB,GAAG,EAE7B,IAAI,CAAC,KAAK,KACV,cACC,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,yBAAyB,GAC9B,CACF,CACI,CACN,EAED,YAAM,IAAI,EAAC,QAAQ,GAAG,CAChB,EACN;GACF;;;;;;;","names":[],"sources":["src/components/atoms/card-header/card-header.component.scss?tag=p-card-header","src/components/atoms/card-header/card-header.component.tsx"],"sourcesContent":["p-card-header {\n\t@apply mx-4 h-14 flex-shrink-0;\n\t@apply flex items-center gap-3;\n\t@apply text-storm-medium;\n\t@apply border-b border-b-mystic-medium #{!important};\n\n\t.content {\n\t\t@apply order-2;\n\t\t@apply flex flex-1 items-center gap-2 overflow-hidden text-storm;\n\t\t@apply font-semibold;\n\n\t\t> span {\n\t\t\t@apply flex-1 overflow-hidden text-ellipsis whitespace-nowrap;\n\t\t}\n\n\t\t> p-icon {\n\t\t\t@apply text-mystic-dark;\n\t\t}\n\t}\n\n\t[slot='prefix'] {\n\t\t@apply order-1;\n\t}\n\n\t[slot='suffix'] {\n\t\t@apply order-3;\n\t}\n}\n\np-card-container.has-hover:hover {\n\tp-card-header {\n\t\t.title > p-icon {\n\t\t\t@apply text-indigo;\n\t\t}\n\t}\n}\n","import { Component, h, Host, Prop, Element } from '@stencil/core';\n\n@Component({\n\ttag: 'p-card-header',\n\tstyleUrl: 'card-header.component.scss',\n})\nexport class CardHeader {\n\t/**\n\t * Content of the card header\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * Enable the title arrow\n\t */\n\t@Prop() arrow: boolean = false;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasContentSlot = false;\n\tprivate _hasContentSuffixSlot = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\n\t\tthis._hasContentSuffixSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content-suffix\"]'\n\t\t);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-card-header'>\n\t\t\t\t<slot name='prefix' />\n\n\t\t\t\t{(this.header?.length ||\n\t\t\t\t\tthis._hasContentSlot ||\n\t\t\t\t\tthis._hasContentSuffixSlot ||\n\t\t\t\t\tthis.arrow) && (\n\t\t\t\t\t<div class='content'>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t{this.header?.length ? this.header : <slot name='content' />}\n\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t<slot name='content-suffix' />\n\n\t\t\t\t\t\t{this.arrow && (\n\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\tvariant='arrow'\n\t\t\t\t\t\t\t\tclass='group-hover:text-indigo'\n\t\t\t\t\t\t\t/>\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<slot name='suffix' />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
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> <script type="module" src="/build/paperless.esm.js" data-stencil data-resources-url="/build/" data-stencil-namespace="paperless"></script> <script nomodule="" src="/build/paperless.js" data-stencil></script> </head> <body> <p-button>Buttono</p-button> <script data-build="2025-01-09T16:23:59">
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> <script type="module" src="/build/paperless.esm.js" data-stencil data-resources-url="/build/" data-stencil-namespace="paperless"></script> <script nomodule="" src="/build/paperless.js" data-stencil></script> </head> <body> <p-button>Buttono</p-button> <script data-build="2025-01-15T14:24:11">
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 r,H as e,g as o}from"./p-e4d5e7a7.js";const i=".mx-4{margin-left:1rem!important;margin-right:1rem!important}.flex{display:flex!important}.h-14{height:3.5rem!important}.flex-1{flex:1 1 0%!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.border-b{border-bottom-width:1px!important}.border-b-mystic-medium{--tw-border-opacity:1!important;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important}*{box-sizing:border-box}p-card-header{--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important;border-bottom-width:1px!important;color:rgb(128 130 158/var(--tw-text-opacity));display:flex;flex-shrink:0;gap:.75rem;height:3.5rem;margin-left:1rem;margin-right:1rem}p-card-header .content{--tw-text-opacity:1;align-items:center;color:rgb(81 83 107/var(--tw-text-opacity));display:flex;flex:1 1 0%;font-weight:600;gap:.5rem;order:2;overflow:hidden}p-card-header .content>span{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}p-card-header .content>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity))}p-card-header [slot=prefix]{order:1}p-card-header [slot=suffix]{order:3}p-card-container.has-hover:hover p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}.static{position:static!important}.group:hover .group-hover\\:text-indigo{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity))!important}";const a=class{constructor(r){t(this,r);this._hasContentSlot=false;this._hasContentSuffixSlot=false;this.header=undefined;this.arrow=false}componentWillLoad(){this._hasContentSlot=!!this._el.querySelector(':scope > [slot="content"]');this._hasContentSuffixSlot=!!this._el.querySelector(':scope > [slot="content-suffix"]')}render(){var t,o;return r(e,{class:"p-card-header"},r("slot",{name:"prefix"}),(((t=this.header)===null||t===void 0?void 0:t.length)||this._hasContentSlot||this._hasContentSuffixSlot||this.arrow)&&r("div",{class:"content"},r("span",null,((o=this.header)===null||o===void 0?void 0:o.length)?this.header:r("slot",{name:"content"})),r("slot",{name:"content-suffix"}),this.arrow&&r("p-icon",{variant:"arrow",class:"group-hover:text-indigo"})),r("slot",{name:"suffix"}))}get _el(){return o(this)}};a.style=i;export{a as p_card_header};
2
+ //# sourceMappingURL=p-8af4e8e9.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["cardHeaderComponentCss","CardHeader","this","_hasContentSlot","_hasContentSuffixSlot","componentWillLoad","_el","querySelector","render","h","Host","class","name","_a","header","length","arrow","_b","variant"],"sources":["src/components/atoms/card-header/card-header.component.scss?tag=p-card-header","src/components/atoms/card-header/card-header.component.tsx"],"sourcesContent":["p-card-header {\n\t@apply mx-4 h-14 flex-shrink-0;\n\t@apply flex items-center gap-3;\n\t@apply text-storm-medium;\n\t@apply border-b border-b-mystic-medium #{!important};\n\n\t.content {\n\t\t@apply order-2;\n\t\t@apply flex flex-1 items-center gap-2 overflow-hidden text-storm;\n\t\t@apply font-semibold;\n\n\t\t> span {\n\t\t\t@apply flex-1 overflow-hidden text-ellipsis whitespace-nowrap;\n\t\t}\n\n\t\t> p-icon {\n\t\t\t@apply text-mystic-dark;\n\t\t}\n\t}\n\n\t[slot='prefix'] {\n\t\t@apply order-1;\n\t}\n\n\t[slot='suffix'] {\n\t\t@apply order-3;\n\t}\n}\n\np-card-container.has-hover:hover {\n\tp-card-header {\n\t\t.title > p-icon {\n\t\t\t@apply text-indigo;\n\t\t}\n\t}\n}\n","import { Component, h, Host, Prop, Element } from '@stencil/core';\n\n@Component({\n\ttag: 'p-card-header',\n\tstyleUrl: 'card-header.component.scss',\n})\nexport class CardHeader {\n\t/**\n\t * Content of the card header\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * Enable the title arrow\n\t */\n\t@Prop() arrow: boolean = false;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasContentSlot = false;\n\tprivate _hasContentSuffixSlot = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\n\t\tthis._hasContentSuffixSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content-suffix\"]'\n\t\t);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-card-header'>\n\t\t\t\t<slot name='prefix' />\n\n\t\t\t\t{(this.header?.length ||\n\t\t\t\t\tthis._hasContentSlot ||\n\t\t\t\t\tthis._hasContentSuffixSlot ||\n\t\t\t\t\tthis.arrow) && (\n\t\t\t\t\t<div class='content'>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t{this.header?.length ? this.header : <slot name='content' />}\n\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t<slot name='content-suffix' />\n\n\t\t\t\t\t\t{this.arrow && (\n\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\tvariant='arrow'\n\t\t\t\t\t\t\t\tclass='group-hover:text-indigo'\n\t\t\t\t\t\t\t/>\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<slot name='suffix' />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"yDAAA,MAAMA,EAAyB,8hD,MCMlBC,EAAU,M,yBAgBdC,KAAAC,gBAAkB,MAClBD,KAAAE,sBAAwB,M,iCARP,K,CAUzB,iBAAAC,GACCH,KAAKC,kBAAoBD,KAAKI,IAAIC,cACjC,6BAGDL,KAAKE,wBAA0BF,KAAKI,IAAIC,cACvC,mC,CAIF,MAAAC,G,QACC,OACCC,EAACC,EAAI,CAACC,MAAM,iBACXF,EAAA,QAAMG,KAAK,cAETC,EAAAX,KAAKY,UAAM,MAAAD,SAAA,SAAAA,EAAEE,SACdb,KAAKC,iBACLD,KAAKE,uBACLF,KAAKc,QACLP,EAAA,OAAKE,MAAM,WACVF,EAAA,cACEQ,EAAAf,KAAKY,UAAM,MAAAG,SAAA,SAAAA,EAAEF,QAASb,KAAKY,OAASL,EAAA,QAAMG,KAAK,aAGjDH,EAAA,QAAMG,KAAK,mBAEVV,KAAKc,OACLP,EAAA,UACCS,QAAQ,QACRP,MAAM,6BAMVF,EAAA,QAAMG,KAAK,W"}