@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
@@ -12,6 +12,7 @@ export declare class CardHeader {
12
12
  */
13
13
  private _el;
14
14
  private _hasContentSlot;
15
+ private _hasContentSuffixSlot;
15
16
  componentWillLoad(): void;
16
17
  render(): any;
17
18
  }
@@ -33,6 +33,7 @@ declare const _default: {
33
33
  integration: string;
34
34
  list: string;
35
35
  location: string;
36
+ lock: string;
36
37
  megaphone: string;
37
38
  menu: string;
38
39
  minus: string;
@@ -61,6 +62,7 @@ declare const _default: {
61
62
  tool: string;
62
63
  trash: string;
63
64
  turn: string;
65
+ unlock: string;
64
66
  upload: string;
65
67
  warning: string;
66
68
  };
package/hydrate/index.js CHANGED
@@ -12034,21 +12034,26 @@ class CardContainer {
12034
12034
  }; }
12035
12035
  }
12036
12036
 
12037
- 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}";
12037
+ 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}";
12038
12038
 
12039
12039
  class CardHeader {
12040
12040
  constructor(hostRef) {
12041
12041
  registerInstance(this, hostRef);
12042
12042
  this._hasContentSlot = false;
12043
+ this._hasContentSuffixSlot = false;
12043
12044
  this.header = undefined;
12044
12045
  this.arrow = false;
12045
12046
  }
12046
12047
  componentWillLoad() {
12047
12048
  this._hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
12049
+ this._hasContentSuffixSlot = !!this._el.querySelector(':scope > [slot="content-suffix"]');
12048
12050
  }
12049
12051
  render() {
12050
12052
  var _a, _b;
12051
- return (hAsync(Host, { class: 'p-card-header' }, hAsync("slot", { name: 'prefix' }), (((_a = this.header) === null || _a === void 0 ? void 0 : _a.length) || this._hasContentSlot || this.arrow) && (hAsync("div", { class: 'title' }, hAsync("span", null, ((_b = this.header) === null || _b === void 0 ? void 0 : _b.length) ? this.header : hAsync("slot", { name: 'content' })), this.arrow && (hAsync("p-icon", { variant: 'arrow', class: 'group-hover:text-indigo' })))), hAsync("slot", { name: 'suffix' })));
12053
+ return (hAsync(Host, { class: 'p-card-header' }, hAsync("slot", { name: 'prefix' }), (((_a = this.header) === null || _a === void 0 ? void 0 : _a.length) ||
12054
+ this._hasContentSlot ||
12055
+ this._hasContentSuffixSlot ||
12056
+ this.arrow) && (hAsync("div", { class: 'content' }, hAsync("span", null, ((_b = this.header) === null || _b === void 0 ? void 0 : _b.length) ? this.header : hAsync("slot", { name: 'content' })), hAsync("slot", { name: 'content-suffix' }), this.arrow && (hAsync("p-icon", { variant: 'arrow', class: 'group-hover:text-indigo' })))), hAsync("slot", { name: 'suffix' })));
12052
12057
  }
12053
12058
  get _el() { return getElement(this); }
12054
12059
  static get style() { return cardHeaderComponentCss; }
@@ -15666,6 +15671,16 @@ var location = `<?xml version="1.0" encoding="UTF-8"?>
15666
15671
  </g>
15667
15672
  </svg>`;
15668
15673
 
15674
+ var lock = `<?xml version="1.0" encoding="UTF-8"?>
15675
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
15676
+ <title>⚛️ Atoms/icons/lock</title>
15677
+ <g id="⚛️-Atoms/icons/lock" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
15678
+ <rect id="Bounding-box" x="0" y="0" width="16" height="16"></rect>
15679
+ <path d="M8,2 C6.34314575,2 5,3.34314575 5,5 L3,5 C3,2.23857625 5.23857625,0 8,0 C10.7614237,0 13,2.23857625 13,5 L14,5 C15.1045695,5 16,5.8954305 16,7 L16,14 C16,15.1045695 15.1045695,16 14,16 L2,16 C0.8954305,16 0,15.1045695 0,14 L0,7 C0,5.8954305 0.8954305,5 2,5 L11,5 C11,3.34314575 9.65685425,2 8,2 Z M8,8 C7.17157288,8 6.5,8.67157288 6.5,9.5 C6.5,10.1532187 6.91754351,10.7089149 7.50029246,10.9147505 L7.5,12.5 C7.5,12.7761424 7.72385763,13 8,13 C8.27614237,13 8.5,12.7761424 8.5,12.5 L8.50070296,10.9143985 C9.08293192,10.7082819 9.5,10.1528467 9.5,9.5 C9.5,8.67157288 8.82842712,8 8,8 Z" id="Combined-Shape" fill="currentColor"></path>
15680
+ </g>
15681
+ </svg>
15682
+ `;
15683
+
15669
15684
  var megaphone = `<?xml version="1.0" encoding="UTF-8"?>
15670
15685
  <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
15671
15686
  <title>A2F9256B-4901-4C20-8F77-D5066011EE5A@1x</title>
@@ -16129,6 +16144,16 @@ var turn = `<?xml version="1.0" encoding="UTF-8"?>
16129
16144
  </g>
16130
16145
  </svg>`;
16131
16146
 
16147
+ var unlock = `<?xml version="1.0" encoding="UTF-8"?>
16148
+ <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
16149
+ <title>⚛️ Atoms/icons/unlock</title>
16150
+ <g id="⚛️-Atoms/icons/unlock" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
16151
+ <rect id="Bounding-box" x="0" y="0" width="16" height="16"></rect>
16152
+ <path d="M8,0 C9.60444989,0 11.0837446,0.762152961 12.0202415,2.02675058 C12.3489217,2.4705836 12.255572,3.09682932 11.811739,3.42550957 C11.3679059,3.75418981 10.7416602,3.66084004 10.41298,3.21700703 C9.84974471,2.45644289 8.96381554,2 8,2 C6.34314575,2 5,3.34314575 5,5 L14,5 C15.1045695,5 16,5.8954305 16,7 L16,14 C16,15.1045695 15.1045695,16 14,16 L2,16 C0.8954305,16 0,15.1045695 0,14 L0,7 C0,5.8954305 0.8954305,5 2,5 L3,5 C3,2.23857625 5.23857625,0 8,0 Z M8,8 C7.17157288,8 6.5,8.67157288 6.5,9.5 C6.5,10.1532187 6.91754351,10.7089149 7.50029246,10.9147505 L7.5,12.5 C7.5,12.7761424 7.72385763,13 8,13 C8.27614237,13 8.5,12.7761424 8.5,12.5 L8.50070296,10.9143985 C9.08293192,10.7082819 9.5,10.1528467 9.5,9.5 C9.5,8.67157288 8.82842712,8 8,8 Z" id="Combined-Shape" fill="currentColor"></path>
16153
+ </g>
16154
+ </svg>
16155
+ `;
16156
+
16132
16157
  var upload = `<?xml version="1.0" encoding="UTF-8"?>
16133
16158
  <svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
16134
16159
  <title>625641CF-AE77-4A64-95BC-298DB7F96CF6@1x</title>
@@ -16200,6 +16225,7 @@ var icons = {
16200
16225
  integration,
16201
16226
  list,
16202
16227
  location,
16228
+ lock,
16203
16229
  megaphone,
16204
16230
  menu,
16205
16231
  minus,
@@ -16228,6 +16254,7 @@ var icons = {
16228
16254
  tool,
16229
16255
  trash,
16230
16256
  turn,
16257
+ unlock,
16231
16258
  upload,
16232
16259
  warning,
16233
16260
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@paperless/core",
3
- "version": "1.59.2",
3
+ "version": "1.60.0",
4
4
  "description": "Stencil Component Starter",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -1 +0,0 @@
1
- {"version":3,"names":["icons","arrow","attachment","bread","calendar","camera","car","checklist","checkmark","chevron","chevrons","clock","colleagues","cogs","comment","companies","company","deactivate","document","download","envelope","explanation","eye","faPiggy","filter","folder","formula","grid","hashtag","headset","hidden","iDeal","integration","list","location","megaphone","menu","minus","more","negative","notification","pagination","payment","pencil","person","plan","plus","question","reload","receipt","report","review","search","settings","sick","signout","switch","switchIcon","tachometer","task","template","tool","trash","turn","upload","warning","buttonComponentCss","Button","render","loaderColor","this","variant","VariableTag","_a","href","length","as","h","Host","class","size","iconOnly","iconPosition","chevronPosition","inheritText","underline","buttonGroupPosition","disabled","type","undefined","target","rotate","icon","loading","_getIcon","color","handleClick","ev","preventDefault","onClick","emit","flip","iconFlip","iconRotate","iconComponentCss","Icon","styles","transform","innerHTML","loaderComponentCss","Loader","_show","show","_loader","componentWillRender","_checkShow","componentShouldUpdate","_showSubscriber","unsubscribe","subscribe"],"sources":["src/utils/icons.ts","src/components/atoms/button/button.component.scss?tag=p-button","src/components/atoms/button/button.component.tsx","src/components/atoms/icon/icon.component.scss?tag=p-icon","src/components/atoms/icon/icon.component.tsx","src/components/atoms/loader/loader.component.scss?tag=p-loader&encapsulation=shadow","src/components/atoms/loader/loader.component.tsx"],"sourcesContent":["import arrow from '../assets/icons/arrow.svg';\nimport attachment from '../assets/icons/attachment.svg';\nimport bread from '../assets/icons/bread.svg';\nimport calendar from '../assets/icons/calendar.svg';\nimport camera from '../assets/icons/camera.svg';\nimport car from '../assets/icons/car.svg';\nimport checklist from '../assets/icons/checklist.svg';\nimport checkmark from '../assets/icons/checkmark.svg';\nimport chevron from '../assets/icons/chevron.svg';\nimport chevrons from '../assets/icons/chevrons.svg';\nimport clock from '../assets/icons/clock.svg';\nimport cogs from '../assets/icons/cogs.svg';\nimport colleagues from '../assets/icons/colleagues.svg';\nimport comment from '../assets/icons/comment.svg';\nimport companies from '../assets/icons/companies.svg';\nimport company from '../assets/icons/company.svg';\nimport deactivate from '../assets/icons/deactivate.svg';\nimport document from '../assets/icons/document.svg';\nimport download from '../assets/icons/download.svg';\nimport envelope from '../assets/icons/envelope.svg';\nimport explanation from '../assets/icons/explanation.svg';\nimport eye from '../assets/icons/eye.svg';\nimport faPiggy from '../assets/icons/fa/piggy.svg';\nimport filter from '../assets/icons/filter.svg';\nimport folder from '../assets/icons/folder.svg';\nimport formula from '../assets/icons/formula.svg';\nimport grid from '../assets/icons/grid.svg';\nimport hashtag from '../assets/icons/hashtag.svg';\nimport headset from '../assets/icons/headset.svg';\nimport hidden from '../assets/icons/hidden.svg';\nimport iDeal from '../assets/icons/iDeal.svg';\nimport integration from '../assets/icons/integration.svg';\nimport list from '../assets/icons/list.svg';\nimport location from '../assets/icons/location.svg';\nimport megaphone from '../assets/icons/megaphone.svg';\nimport menu from '../assets/icons/menu.svg';\nimport minus from '../assets/icons/minus.svg';\nimport more from '../assets/icons/more.svg';\nimport negative from '../assets/icons/negative.svg';\nimport notification from '../assets/icons/notification.svg';\nimport pagination from '../assets/icons/pagination.svg';\nimport payment from '../assets/icons/payment.svg';\nimport pencil from '../assets/icons/pencil.svg';\nimport person from '../assets/icons/person.svg';\nimport plan from '../assets/icons/plan.svg';\nimport plus from '../assets/icons/plus.svg';\nimport question from '../assets/icons/question.svg';\nimport receipt from '../assets/icons/receipt.svg';\nimport reload from '../assets/icons/reload.svg';\nimport report from '../assets/icons/report.svg';\nimport review from '../assets/icons/review.svg';\nimport search from '../assets/icons/search.svg';\nimport settings from '../assets/icons/settings.svg';\nimport sick from '../assets/icons/sick.svg';\nimport signout from '../assets/icons/signout.svg';\nimport switchIcon from '../assets/icons/switch.svg';\nimport tachometer from '../assets/icons/tachometer.svg';\nimport task from '../assets/icons/task.svg';\nimport template from '../assets/icons/template.svg';\nimport tool from '../assets/icons/tool.svg';\nimport trash from '../assets/icons/trash.svg';\nimport turn from '../assets/icons/turn.svg';\nimport upload from '../assets/icons/upload.svg';\nimport warning from '../assets/icons/warning.svg';\n\nexport default {\n\tarrow,\n\tattachment,\n\tbread,\n\tcalendar,\n\tcamera,\n\tcar,\n\tchecklist,\n\tcheckmark,\n\tchevron,\n\tchevrons,\n\tclock,\n\tcolleagues,\n\tcogs,\n\tcomment,\n\tcompanies,\n\tcompany,\n\tdeactivate,\n\tdocument,\n\tdownload,\n\tenvelope,\n\texplanation,\n\teye,\n\tfaPiggy,\n\tfilter,\n\tfolder,\n\tformula,\n\tgrid,\n\thashtag,\n\theadset,\n\thidden,\n\tiDeal,\n\tintegration,\n\tlist,\n\tlocation,\n\tmegaphone,\n\tmenu,\n\tminus,\n\tmore,\n\tnegative,\n\tnotification,\n\tpagination,\n\tpayment,\n\tpencil,\n\tperson,\n\tplan,\n\tplus,\n\tquestion,\n\treload,\n\treceipt,\n\treport,\n review,\n\tsearch,\n\tsettings,\n\tsick,\n\tsignout,\n\tswitch: switchIcon,\n\ttachometer,\n\ttask,\n\ttemplate,\n\ttool,\n\ttrash,\n\tturn,\n\tupload,\n\twarning,\n};\n","p-button {\n\t@apply flex h-10 w-auto text-base;\n\n\tbutton,\n\ta {\n\t\toutline: 0;\n\t\tborder: 0;\n\t\t@apply h-full w-full;\n\t\t@apply rounded-large #{!important};\n\t\t@apply font-semibold leading-4;\n\t\t@apply flex items-center justify-center;\n\t\t@apply cursor-pointer text-base;\n\n\t\twill-change: filter;\n\n\t\t> p-loader {\n\t\t\t@apply ml-2;\n\t\t}\n\n\t\t// Icon positions\n\t\t&.icon-position-end {\n\t\t\t> p-icon:not(.chevron) {\n\t\t\t\t@apply ml-2;\n\t\t\t}\n\t\t}\n\n\t\t&.icon-position-start {\n\t\t\t> p-icon:not(.chevron) {\n\t\t\t\t@apply mr-2;\n\t\t\t}\n\t\t}\n\n\t\t// Variants\n\t\t&.variant-primary,\n\t\t&.variant-secondary {\n\t\t\t@apply px-4 filter;\n\t\t}\n\n\t\t&.variant-primary,\n\t\t&.variant-secondary {\n\t\t\t&:active,\n\t\t\t&.active {\n\t\t\t\t@apply drop-shadow-transparent;\n\t\t\t}\n\t\t}\n\n\t\t&.variant-primary {\n\t\t\t@apply bg-indigo text-white;\n\n\t\t\t&:active,\n\t\t\t&.active {\n\t\t\t\t&:not([disabled]) {\n\t\t\t\t\t@apply bg-indigo-dark;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@media (pointer: fine) {\n\t\t\t\t&:hover:not([disabled]) {\n\t\t\t\t\t@apply drop-shadow-button-primary-hover;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.variant-secondary {\n\t\t\t@apply border border-solid border-mystic-dark #{!important};\n\t\t\t@apply bg-white text-storm;\n\n\t\t\t&:active,\n\t\t\t&.active {\n\t\t\t\t&:not([disabled]) {\n\t\t\t\t\t@apply bg-mystic;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@media (pointer: fine) {\n\t\t\t\t&:hover:not([disabled]) {\n\t\t\t\t\t@apply drop-shadow-button-secondary-hover;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.variant-text {\n\t\t\t@apply text-indigo;\n\n\t\t\t&.has-underline {\n\t\t\t\t@apply underline underline-offset-1;\n\t\t\t}\n\n\t\t\t&:hover:not([disabled]) {\n\t\t\t\t@apply text-indigo-dark;\n\t\t\t}\n\t\t}\n\n\t\t&[disabled] {\n\t\t\t@apply opacity-40;\n\t\t}\n\n\t\t&.should-inherit-text {\n\t\t\tcolor: inherit #{!important};\n\t\t\tfont-size: inherit #{!important};\n\t\t\tfont-weight: inherit #{!important};\n\t\t}\n\n\t\t&.button-group-pos-start {\n\t\t\t@apply rounded-r-none #{!important};\n\t\t}\n\n\t\t&.button-group-pos-middle {\n\t\t\t@apply rounded-none #{!important};\n\t\t}\n\n\t\t&.button-group-pos-end {\n\t\t\t@apply rounded-l-none #{!important};\n\t\t}\n\t}\n\n\t// chevron\n\t&.has-chevron {\n\t\ta,\n\t\tbutton {\n\t\t\t&.chevron-position-start {\n\t\t\t\t@apply pl-2;\n\n\t\t\t\t> p-icon.chevron {\n\t\t\t\t\t@apply mr-2;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.chevron-position-end {\n\t\t\t\t@apply pr-2;\n\n\t\t\t\t> p-icon.chevron {\n\t\t\t\t\t@apply ml-2;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.variant-secondary:hover:not([disabled]) p-icon:last-child {\n\t\t\t\t@apply text-indigo;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.has-icon-only {\n\t\t@apply w-10;\n\n\t\ta,\n\t\tbutton {\n\t\t\t@apply p-0;\n\n\t\t\t> p-icon:first-child {\n\t\t\t\t@apply mx-0;\n\t\t\t}\n\n\t\t\t> p-loader {\n\t\t\t\t@apply ml-0;\n\t\t\t}\n\t\t}\n\n\t\t&.has-chevron {\n\t\t\t@apply w-auto;\n\n\t\t\ta,\n\t\t\tbutton {\n\t\t\t\t&.chevron-position-start {\n\t\t\t\t\t@apply pr-2;\n\t\t\t\t}\n\n\t\t\t\t&.chevron-position-end {\n\t\t\t\t\t@apply pl-2;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// sizes\n\t&.size-small {\n\t\t@apply h-8;\n\n\t\tbutton,\n\t\ta {\n\t\t\t@apply text-sm;\n\n\t\t\t> p-icon {\n\t\t\t\t@apply text-base;\n\t\t\t}\n\t\t}\n\n\t\t&.has-icon-only {\n\t\t\t@apply w-8;\n\n\t\t\t&.has-chevron {\n\t\t\t\t@apply w-auto;\n\t\t\t}\n\t\t}\n\t}\n}\n","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n} from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n\ttag: 'p-button',\n\tstyleUrl: 'button.component.scss',\n\t// shadow: true,\n})\nexport class Button {\n\t/**\n\t * The type of the button\n\t */\n\t@Prop() as: 'a' | 'button' = 'button';\n\n\t/**\n\t * The variant of the button\n\t */\n\t@Prop() variant: 'primary' | 'secondary' | 'text' = 'primary';\n\n\t/**\n\t * Wether the text variant has underline\n\t */\n\t@Prop() underline: boolean = false;\n\n\t/**\n\t * Href in case of \"text\" version\n\t */\n\t@Prop() href: string;\n\n\t/**\n\t * Target in case of \"text\" version\n\t */\n\t@Prop() target: string;\n\n\t/**\n\t * The size of the button\n\t */\n\t@Prop() size: 'small' | 'medium' = 'medium';\n\n\t/**\n\t * The type of the button\n\t */\n\t@Prop() type: 'button' | 'submit' = 'button';\n\n\t/**\n\t * Wether to show a loader or not\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * Wether to show a chevron or not\n\t */\n\t@Prop() chevron: boolean | 'up' | 'down' = false;\n\n\t/**\n\t * Chevron position\n\t */\n\t@Prop() chevronPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Wether the button is disabled\n\t */\n\t@Prop() disabled: boolean = false;\n\n\t/**\n\t * Icon to show on the button\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Wether the button is icon only\n\t */\n\t@Prop() iconOnly: boolean = false;\n\n\t/**\n\t * Icon position\n\t */\n\t@Prop() iconPosition: 'start' | 'end' = 'end';\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\t/**\n\t * Wether the button should inherit text styles\n\t */\n\t@Prop() inheritText: boolean = false;\n\n\t/**\n\t * Position of the button in the button group, mostly un-used if not in a group\n\t */\n\t@Prop() buttonGroupPosition: 'start' | 'middle' | 'end' | 'none' = 'none';\n\n\t/**\n\t * Button click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tonClick: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\tlet loaderColor: 'white' | 'storm' | 'indigo' = 'white';\n\t\tswitch (this.variant) {\n\t\t\tcase 'secondary':\n\t\t\t\tloaderColor = 'storm';\n\t\t\t\tbreak;\n\t\t\tcase 'text':\n\t\t\t\tloaderColor = 'indigo';\n\t\t\t\tbreak;\n\t\t}\n\n\t\tconst VariableTag =\n\t\t\tthis.variant === 'text' || this.href?.length || this.as === 'a'\n\t\t\t\t? 'a'\n\t\t\t\t: 'button';\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-button size-${this.size} ${\n\t\t\t\t\tthis.iconOnly && 'has-icon-only'\n\t\t\t\t} ${this.chevron && 'has-chevron'}`}\n\t\t\t>\n\t\t\t\t<VariableTag\n\t\t\t\t\tclass={`variant-${this.variant} icon-position-${\n\t\t\t\t\t\tthis.iconPosition\n\t\t\t\t\t} chevron-position-${this.chevronPosition} ${\n\t\t\t\t\t\tthis.inheritText && 'should-inherit-text'\n\t\t\t\t\t} ${this.underline && 'has-underline'} ${\n\t\t\t\t\t\tthis.buttonGroupPosition !== 'none' &&\n\t\t\t\t\t\t`button-group-pos-${this.buttonGroupPosition}`\n\t\t\t\t\t}`}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttype={this.variant !== 'text' ? this.type : undefined}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t>\n\t\t\t\t\t{this.chevron && this.chevronPosition === 'start' && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass='chevron'\n\t\t\t\t\t\t\tvariant='chevron'\n\t\t\t\t\t\t\trotate={this.chevron === 'up' ? 180 : 0}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.icon &&\n\t\t\t\t\t\tthis.iconPosition === 'start' &&\n\t\t\t\t\t\t!(this.iconOnly && this.loading) &&\n\t\t\t\t\t\tthis._getIcon()}\n\n\t\t\t\t\t<slot />\n\n\t\t\t\t\t{this.icon &&\n\t\t\t\t\t\tthis.iconPosition === 'end' &&\n\t\t\t\t\t\t!(this.iconOnly && this.loading) &&\n\t\t\t\t\t\tthis._getIcon()}\n\n\t\t\t\t\t{this.loading && <p-loader color={loaderColor} />}\n\n\t\t\t\t\t{this.chevron && this.chevronPosition === 'end' && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass='chevron'\n\t\t\t\t\t\t\tvariant='chevron'\n\t\t\t\t\t\t\trotate={this.chevron === 'up' ? 180 : 0}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</VariableTag>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\thandleClick(ev: MouseEvent) {\n\t\tif (this.loading || this.disabled) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tthis.onClick.emit(ev);\n\t}\n\n\tprivate _getIcon() {\n\t\tif (!this.icon) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn (\n\t\t\t<p-icon\n\t\t\t\tvariant={this.icon}\n\t\t\t\tflip={this.iconFlip}\n\t\t\t\trotate={this.iconRotate}\n\t\t\t/>\n\t\t);\n\t}\n}\n",":host {\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions, TextSizeOptions } from '../../../types/tailwind';\nimport icons from '../../../utils/icons';\n\nexport type IconVariant = keyof typeof icons;\nexport type IconFlipOptions = 'horizontal' | 'vertical';\n\n@Component({\n\ttag: 'p-icon',\n\tstyleUrl: 'icon.component.scss',\n\t// shadow: true,\n})\nexport class Icon {\n\t/**\n\t * The icon the be displayed\n\t */\n\t@Prop() variant!: IconVariant;\n\n\t/**\n\t * The size of the icon, using tailwind sizes\n\t */\n\t@Prop() size: TextSizeOptions = 'auto';\n\n\t/**\n\t * Wether to rotate the icon x degrees\n\t */\n\t@Prop() rotate: RotateOptions = 0;\n\n\t/**\n\t * Wether to flip the icon horizontally or vertically\n\t */\n\t@Prop() flip: IconFlipOptions = null;\n\n\trender() {\n\t\tconst icon = icons[this.variant];\n\n\t\tconst styles = {\n\t\t\t'p-icon flex': true,\n\t\t\t'text-auto': this.size === 'auto',\n\t\t\t'text-xxs': this.size === 'xxs',\n\t\t\t'text-xs': this.size === 'xs',\n\t\t\t'text-sm': this.size === 'sm',\n\t\t\t'text-base': this.size === 'base',\n\t\t\t'text-lg': this.size === 'lg',\n\t\t\t'text-xl': this.size === 'xl',\n\t\t\t'text-2xl': this.size === '2xl',\n\t\t\t'text-3xl': this.size === '3xl',\n\t\t\t'text-4xl': this.size === '4xl',\n\t\t\t'text-5xl': this.size === '5xl',\n\t\t\t'text-6xl': this.size === '6xl',\n\t\t\ttransform: !!this.rotate || !!this.flip,\n\t\t\t'scale-x-flip': this.flip === 'horizontal',\n\t\t\t'scale-y-flip': this.flip === 'vertical',\n\t\t\t'rotate-0': this.rotate === 0,\n\t\t\t'rotate-25': this.rotate === 25,\n\t\t\t'rotate-45': this.rotate === 45,\n\t\t\t'rotate-90': this.rotate === 90,\n\t\t\t'rotate-135': this.rotate === 135,\n\t\t\t'rotate-180': this.rotate === 180,\n\t\t\t'rotate-225': this.rotate === 225,\n\t\t\t'rotate-270': this.rotate === 270,\n\t\t\t'rotate-315': this.rotate === 315,\n\t\t\t'-rotate-0': this.rotate === -0,\n\t\t\t'-rotate-25': this.rotate === -25,\n\t\t\t'-rotate-45': this.rotate === -45,\n\t\t\t'-rotate-90': this.rotate === -90,\n\t\t\t'-rotate-135': this.rotate === -135,\n\t\t\t'-rotate-180': this.rotate === -180,\n\t\t\t'-rotate-225': this.rotate === -225,\n\t\t\t'-rotate-270': this.rotate === -270,\n\t\t\t'-rotate-315': this.rotate === -315,\n\t\t};\n\n\t\treturn <Host class={styles} innerHTML={icon}></Host>;\n\t}\n}\n",":host {\n\t.loader {\n\t\t@apply inline-block h-[1em] w-[1em] rounded-round;\n\t\t@apply border-2 border-solid border-indigo-light border-t-indigo;\n\t\tanimation: 500ms spin linear infinite;\n\n\t\twill-change: transform;\n\n\t\t&.color-storm {\n\t\t\t@apply border-storm-light/40 border-t-storm #{!important};\n\t\t}\n\n\t\t&.color-white {\n\t\t\t@apply border-indigo-light/40 border-t-white #{!important};\n\t\t}\n\t}\n\n\t.loading-screen {\n\t\t@apply w-screen-safe h-screen-safe fixed top-0 left-0;\n\t\t@apply flex items-center justify-center;\n\t\t@apply bg-mystic;\n\n\t\tz-index: 1001;\n\n\t\t.content {\n\t\t\t@apply max-w-xs;\n\n\t\t\t.loader-wrapper {\n\t\t\t\t@apply flex w-full justify-center;\n\n\t\t\t\t.loader {\n\t\t\t\t\t@apply text-4xl;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n:host(.variant-ghost) {\n\t@apply box-border block;\n\n\twill-change: background, background-position-x, background-color;\n\n\tmin-height: 1em;\n\tmin-width: 1em;\n\n\t--loading-bg: #f7fafc;\n\t--loading-stripe: rgba(252, 253, 254, 1);\n\n\tbackground-color: var(--loading-bg);\n\tbackground: linear-gradient(\n\t\t\t100deg,\n\t\t\trgba(255, 255, 255, 0) 40%,\n\t\t\tvar(--loading-stripe) 50%,\n\t\t\trgba(255, 255, 255, 0) 60%\n\t\t)\n\t\tvar(--loading-bg);\n\tbackground-size: 200% 100%;\n\tbackground-position-x: 180%;\n\tanimation: 1s loading ease-in-out infinite;\n}\n\n@keyframes loading {\n\tto {\n\t\tbackground-position-x: -20%;\n\t}\n}\n\n@keyframes spin {\n\t100% {\n\t\ttransform: rotate(1turn);\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { Observable, Subscription } from 'rxjs';\n\n@Component({\n\ttag: 'p-loader',\n\tstyleUrl: 'loader.component.scss',\n\tshadow: true,\n})\nexport class Loader {\n\t/**\n\t * Wether to show or hide the loader\n\t */\n\t@Prop() show: boolean | Observable<boolean> = true;\n\n\t/**\n\t * Variant of loader\n\t */\n\t@Prop() variant:\n\t\t| 'inline'\n\t\t| 'full-width'\n\t\t| 'full-screen'\n\t\t| 'modal'\n\t\t| 'ghost' = 'inline';\n\n\t/**\n\t * Color of the loader\n\t */\n\t@Prop() color: 'indigo' | 'white' | 'storm' = 'indigo';\n\n\t/**\n\t * !NOT IMPLEMENTED! Modal title for modal variant\n\t */\n\t@Prop() modalTitle: string;\n\n\t/**\n\t * !NOT IMPLEMENTED! Modal description for modal variant\n\t */\n\t@Prop() modalDescription: string;\n\n\tprivate _show = this.show;\n\tprivate _showSubscriber: Subscription;\n\n\tprivate _loader = (<div class={`loader color-${this.color}`}></div>);\n\n\tcomponentWillRender() {\n\t\tthis._checkShow();\n\t}\n\n\tcomponentShouldUpdate() {\n\t\tthis._checkShow();\n\t}\n\n\trender() {\n\t\tif (!this._show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.variant === 'ghost') {\n\t\t\treturn <Host class=\"p-loader variant-ghost\"></Host>;\n\t\t}\n\n\t\tif (this.variant === 'full-screen') {\n\t\t\treturn (\n\t\t\t\t<Host class=\"p-loader variant-full-screen\">\n\t\t\t\t\t<div class=\"loading-screen\">\n\t\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t\t<slot />\n\n\t\t\t\t\t\t\t<div class=\"loader-wrapper\">{this._loader}</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</Host>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-loader variant-default flex ${\n\t\t\t\t\tthis.variant === 'full-width' &&\n\t\t\t\t\t'w-full flex justify-center text-4xl'\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t{this._loader}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _checkShow() {\n\t\tif (this._showSubscriber) {\n\t\t\tthis._showSubscriber.unsubscribe();\n\t\t\tthis._showSubscriber = null;\n\t\t}\n\n\t\tif (typeof this.show !== 'boolean') {\n\t\t\tthis._showSubscriber = this.show?.subscribe(\n\t\t\t\t(show) => (this._show = show)\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show = this.show;\n\t}\n}\n"],"mappings":"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"}
@@ -1,2 +0,0 @@
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}.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}";const a=class{constructor(r){t(this,r);this._hasContentSlot=false;this.header=undefined;this.arrow=false}componentWillLoad(){this._hasContentSlot=!!this._el.querySelector(':scope > [slot="content"]')}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.arrow)&&r("div",{class:"title"},r("span",null,((o=this.header)===null||o===void 0?void 0:o.length)?this.header:r("slot",{name:"content"})),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-d58492ac.entry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["cardHeaderComponentCss","CardHeader","this","_hasContentSlot","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 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"],"mappings":"yDAAA,MAAMA,EAAyB,mkD,MCMlBC,EAAU,M,yBAgBdC,KAAAC,gBAAkB,M,iCAPD,K,CASzB,iBAAAC,GACCF,KAAKC,kBAAoBD,KAAKG,IAAIC,cACjC,4B,CAIF,MAAAC,G,QACC,OACCC,EAACC,EAAI,CAACC,MAAM,iBACXF,EAAA,QAAMG,KAAK,cAETC,EAAAV,KAAKW,UAAM,MAAAD,SAAA,SAAAA,EAAEE,SAAUZ,KAAKC,iBAAmBD,KAAKa,QACrDP,EAAA,OAAKE,MAAM,SACVF,EAAA,cACEQ,EAAAd,KAAKW,UAAM,MAAAG,SAAA,SAAAA,EAAEF,QAASZ,KAAKW,OAASL,EAAA,QAAMG,KAAK,aAEhDT,KAAKa,OACLP,EAAA,UACCS,QAAQ,QACRP,MAAM,6BAMVF,EAAA,QAAMG,KAAK,W"}
@@ -1 +0,0 @@
1
- {"version":3,"names":["icons","arrow","attachment","bread","calendar","camera","car","checklist","checkmark","chevron","chevrons","clock","colleagues","cogs","comment","companies","company","deactivate","document","download","envelope","explanation","eye","faPiggy","filter","folder","formula","grid","hashtag","headset","hidden","iDeal","integration","list","location","megaphone","menu","minus","more","negative","notification","pagination","payment","pencil","person","plan","plus","question","reload","receipt","report","review","search","settings","sick","signout","switch","switchIcon","tachometer","task","template","tool","trash","turn","upload","warning","buttonComponentCss","Button","render","loaderColor","this","variant","VariableTag","_a","href","length","as","h","Host","class","size","iconOnly","iconPosition","chevronPosition","inheritText","underline","buttonGroupPosition","disabled","type","undefined","target","rotate","icon","loading","_getIcon","color","handleClick","ev","preventDefault","onClick","emit","flip","iconFlip","iconRotate","iconComponentCss","Icon","styles","transform","innerHTML","loaderComponentCss","Loader","_show","show","_loader","componentWillRender","_checkShow","componentShouldUpdate","_showSubscriber","unsubscribe","subscribe"],"sources":["src/utils/icons.ts","src/components/atoms/button/button.component.scss?tag=p-button","src/components/atoms/button/button.component.tsx","src/components/atoms/icon/icon.component.scss?tag=p-icon","src/components/atoms/icon/icon.component.tsx","src/components/atoms/loader/loader.component.scss?tag=p-loader&encapsulation=shadow","src/components/atoms/loader/loader.component.tsx"],"sourcesContent":["import arrow from '../assets/icons/arrow.svg';\nimport attachment from '../assets/icons/attachment.svg';\nimport bread from '../assets/icons/bread.svg';\nimport calendar from '../assets/icons/calendar.svg';\nimport camera from '../assets/icons/camera.svg';\nimport car from '../assets/icons/car.svg';\nimport checklist from '../assets/icons/checklist.svg';\nimport checkmark from '../assets/icons/checkmark.svg';\nimport chevron from '../assets/icons/chevron.svg';\nimport chevrons from '../assets/icons/chevrons.svg';\nimport clock from '../assets/icons/clock.svg';\nimport cogs from '../assets/icons/cogs.svg';\nimport colleagues from '../assets/icons/colleagues.svg';\nimport comment from '../assets/icons/comment.svg';\nimport companies from '../assets/icons/companies.svg';\nimport company from '../assets/icons/company.svg';\nimport deactivate from '../assets/icons/deactivate.svg';\nimport document from '../assets/icons/document.svg';\nimport download from '../assets/icons/download.svg';\nimport envelope from '../assets/icons/envelope.svg';\nimport explanation from '../assets/icons/explanation.svg';\nimport eye from '../assets/icons/eye.svg';\nimport faPiggy from '../assets/icons/fa/piggy.svg';\nimport filter from '../assets/icons/filter.svg';\nimport folder from '../assets/icons/folder.svg';\nimport formula from '../assets/icons/formula.svg';\nimport grid from '../assets/icons/grid.svg';\nimport hashtag from '../assets/icons/hashtag.svg';\nimport headset from '../assets/icons/headset.svg';\nimport hidden from '../assets/icons/hidden.svg';\nimport iDeal from '../assets/icons/iDeal.svg';\nimport integration from '../assets/icons/integration.svg';\nimport list from '../assets/icons/list.svg';\nimport location from '../assets/icons/location.svg';\nimport megaphone from '../assets/icons/megaphone.svg';\nimport menu from '../assets/icons/menu.svg';\nimport minus from '../assets/icons/minus.svg';\nimport more from '../assets/icons/more.svg';\nimport negative from '../assets/icons/negative.svg';\nimport notification from '../assets/icons/notification.svg';\nimport pagination from '../assets/icons/pagination.svg';\nimport payment from '../assets/icons/payment.svg';\nimport pencil from '../assets/icons/pencil.svg';\nimport person from '../assets/icons/person.svg';\nimport plan from '../assets/icons/plan.svg';\nimport plus from '../assets/icons/plus.svg';\nimport question from '../assets/icons/question.svg';\nimport receipt from '../assets/icons/receipt.svg';\nimport reload from '../assets/icons/reload.svg';\nimport report from '../assets/icons/report.svg';\nimport review from '../assets/icons/review.svg';\nimport search from '../assets/icons/search.svg';\nimport settings from '../assets/icons/settings.svg';\nimport sick from '../assets/icons/sick.svg';\nimport signout from '../assets/icons/signout.svg';\nimport switchIcon from '../assets/icons/switch.svg';\nimport tachometer from '../assets/icons/tachometer.svg';\nimport task from '../assets/icons/task.svg';\nimport template from '../assets/icons/template.svg';\nimport tool from '../assets/icons/tool.svg';\nimport trash from '../assets/icons/trash.svg';\nimport turn from '../assets/icons/turn.svg';\nimport upload from '../assets/icons/upload.svg';\nimport warning from '../assets/icons/warning.svg';\n\nexport default {\n\tarrow,\n\tattachment,\n\tbread,\n\tcalendar,\n\tcamera,\n\tcar,\n\tchecklist,\n\tcheckmark,\n\tchevron,\n\tchevrons,\n\tclock,\n\tcolleagues,\n\tcogs,\n\tcomment,\n\tcompanies,\n\tcompany,\n\tdeactivate,\n\tdocument,\n\tdownload,\n\tenvelope,\n\texplanation,\n\teye,\n\tfaPiggy,\n\tfilter,\n\tfolder,\n\tformula,\n\tgrid,\n\thashtag,\n\theadset,\n\thidden,\n\tiDeal,\n\tintegration,\n\tlist,\n\tlocation,\n\tmegaphone,\n\tmenu,\n\tminus,\n\tmore,\n\tnegative,\n\tnotification,\n\tpagination,\n\tpayment,\n\tpencil,\n\tperson,\n\tplan,\n\tplus,\n\tquestion,\n\treload,\n\treceipt,\n\treport,\n review,\n\tsearch,\n\tsettings,\n\tsick,\n\tsignout,\n\tswitch: switchIcon,\n\ttachometer,\n\ttask,\n\ttemplate,\n\ttool,\n\ttrash,\n\tturn,\n\tupload,\n\twarning,\n};\n","p-button {\n\t@apply flex h-10 w-auto text-base;\n\n\tbutton,\n\ta {\n\t\toutline: 0;\n\t\tborder: 0;\n\t\t@apply h-full w-full;\n\t\t@apply rounded-large #{!important};\n\t\t@apply font-semibold leading-4;\n\t\t@apply flex items-center justify-center;\n\t\t@apply cursor-pointer text-base;\n\n\t\twill-change: filter;\n\n\t\t> p-loader {\n\t\t\t@apply ml-2;\n\t\t}\n\n\t\t// Icon positions\n\t\t&.icon-position-end {\n\t\t\t> p-icon:not(.chevron) {\n\t\t\t\t@apply ml-2;\n\t\t\t}\n\t\t}\n\n\t\t&.icon-position-start {\n\t\t\t> p-icon:not(.chevron) {\n\t\t\t\t@apply mr-2;\n\t\t\t}\n\t\t}\n\n\t\t// Variants\n\t\t&.variant-primary,\n\t\t&.variant-secondary {\n\t\t\t@apply px-4 filter;\n\t\t}\n\n\t\t&.variant-primary,\n\t\t&.variant-secondary {\n\t\t\t&:active,\n\t\t\t&.active {\n\t\t\t\t@apply drop-shadow-transparent;\n\t\t\t}\n\t\t}\n\n\t\t&.variant-primary {\n\t\t\t@apply bg-indigo text-white;\n\n\t\t\t&:active,\n\t\t\t&.active {\n\t\t\t\t&:not([disabled]) {\n\t\t\t\t\t@apply bg-indigo-dark;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@media (pointer: fine) {\n\t\t\t\t&:hover:not([disabled]) {\n\t\t\t\t\t@apply drop-shadow-button-primary-hover;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.variant-secondary {\n\t\t\t@apply border border-solid border-mystic-dark #{!important};\n\t\t\t@apply bg-white text-storm;\n\n\t\t\t&:active,\n\t\t\t&.active {\n\t\t\t\t&:not([disabled]) {\n\t\t\t\t\t@apply bg-mystic;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@media (pointer: fine) {\n\t\t\t\t&:hover:not([disabled]) {\n\t\t\t\t\t@apply drop-shadow-button-secondary-hover;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.variant-text {\n\t\t\t@apply text-indigo;\n\n\t\t\t&.has-underline {\n\t\t\t\t@apply underline underline-offset-1;\n\t\t\t}\n\n\t\t\t&:hover:not([disabled]) {\n\t\t\t\t@apply text-indigo-dark;\n\t\t\t}\n\t\t}\n\n\t\t&[disabled] {\n\t\t\t@apply opacity-40;\n\t\t}\n\n\t\t&.should-inherit-text {\n\t\t\tcolor: inherit #{!important};\n\t\t\tfont-size: inherit #{!important};\n\t\t\tfont-weight: inherit #{!important};\n\t\t}\n\n\t\t&.button-group-pos-start {\n\t\t\t@apply rounded-r-none #{!important};\n\t\t}\n\n\t\t&.button-group-pos-middle {\n\t\t\t@apply rounded-none #{!important};\n\t\t}\n\n\t\t&.button-group-pos-end {\n\t\t\t@apply rounded-l-none #{!important};\n\t\t}\n\t}\n\n\t// chevron\n\t&.has-chevron {\n\t\ta,\n\t\tbutton {\n\t\t\t&.chevron-position-start {\n\t\t\t\t@apply pl-2;\n\n\t\t\t\t> p-icon.chevron {\n\t\t\t\t\t@apply mr-2;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.chevron-position-end {\n\t\t\t\t@apply pr-2;\n\n\t\t\t\t> p-icon.chevron {\n\t\t\t\t\t@apply ml-2;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.variant-secondary:hover:not([disabled]) p-icon:last-child {\n\t\t\t\t@apply text-indigo;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.has-icon-only {\n\t\t@apply w-10;\n\n\t\ta,\n\t\tbutton {\n\t\t\t@apply p-0;\n\n\t\t\t> p-icon:first-child {\n\t\t\t\t@apply mx-0;\n\t\t\t}\n\n\t\t\t> p-loader {\n\t\t\t\t@apply ml-0;\n\t\t\t}\n\t\t}\n\n\t\t&.has-chevron {\n\t\t\t@apply w-auto;\n\n\t\t\ta,\n\t\t\tbutton {\n\t\t\t\t&.chevron-position-start {\n\t\t\t\t\t@apply pr-2;\n\t\t\t\t}\n\n\t\t\t\t&.chevron-position-end {\n\t\t\t\t\t@apply pl-2;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// sizes\n\t&.size-small {\n\t\t@apply h-8;\n\n\t\tbutton,\n\t\ta {\n\t\t\t@apply text-sm;\n\n\t\t\t> p-icon {\n\t\t\t\t@apply text-base;\n\t\t\t}\n\t\t}\n\n\t\t&.has-icon-only {\n\t\t\t@apply w-8;\n\n\t\t\t&.has-chevron {\n\t\t\t\t@apply w-auto;\n\t\t\t}\n\t\t}\n\t}\n}\n","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n} from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n\ttag: 'p-button',\n\tstyleUrl: 'button.component.scss',\n\t// shadow: true,\n})\nexport class Button {\n\t/**\n\t * The type of the button\n\t */\n\t@Prop() as: 'a' | 'button' = 'button';\n\n\t/**\n\t * The variant of the button\n\t */\n\t@Prop() variant: 'primary' | 'secondary' | 'text' = 'primary';\n\n\t/**\n\t * Wether the text variant has underline\n\t */\n\t@Prop() underline: boolean = false;\n\n\t/**\n\t * Href in case of \"text\" version\n\t */\n\t@Prop() href: string;\n\n\t/**\n\t * Target in case of \"text\" version\n\t */\n\t@Prop() target: string;\n\n\t/**\n\t * The size of the button\n\t */\n\t@Prop() size: 'small' | 'medium' = 'medium';\n\n\t/**\n\t * The type of the button\n\t */\n\t@Prop() type: 'button' | 'submit' = 'button';\n\n\t/**\n\t * Wether to show a loader or not\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * Wether to show a chevron or not\n\t */\n\t@Prop() chevron: boolean | 'up' | 'down' = false;\n\n\t/**\n\t * Chevron position\n\t */\n\t@Prop() chevronPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Wether the button is disabled\n\t */\n\t@Prop() disabled: boolean = false;\n\n\t/**\n\t * Icon to show on the button\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Wether the button is icon only\n\t */\n\t@Prop() iconOnly: boolean = false;\n\n\t/**\n\t * Icon position\n\t */\n\t@Prop() iconPosition: 'start' | 'end' = 'end';\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\t/**\n\t * Wether the button should inherit text styles\n\t */\n\t@Prop() inheritText: boolean = false;\n\n\t/**\n\t * Position of the button in the button group, mostly un-used if not in a group\n\t */\n\t@Prop() buttonGroupPosition: 'start' | 'middle' | 'end' | 'none' = 'none';\n\n\t/**\n\t * Button click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tonClick: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\tlet loaderColor: 'white' | 'storm' | 'indigo' = 'white';\n\t\tswitch (this.variant) {\n\t\t\tcase 'secondary':\n\t\t\t\tloaderColor = 'storm';\n\t\t\t\tbreak;\n\t\t\tcase 'text':\n\t\t\t\tloaderColor = 'indigo';\n\t\t\t\tbreak;\n\t\t}\n\n\t\tconst VariableTag =\n\t\t\tthis.variant === 'text' || this.href?.length || this.as === 'a'\n\t\t\t\t? 'a'\n\t\t\t\t: 'button';\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-button size-${this.size} ${\n\t\t\t\t\tthis.iconOnly && 'has-icon-only'\n\t\t\t\t} ${this.chevron && 'has-chevron'}`}\n\t\t\t>\n\t\t\t\t<VariableTag\n\t\t\t\t\tclass={`variant-${this.variant} icon-position-${\n\t\t\t\t\t\tthis.iconPosition\n\t\t\t\t\t} chevron-position-${this.chevronPosition} ${\n\t\t\t\t\t\tthis.inheritText && 'should-inherit-text'\n\t\t\t\t\t} ${this.underline && 'has-underline'} ${\n\t\t\t\t\t\tthis.buttonGroupPosition !== 'none' &&\n\t\t\t\t\t\t`button-group-pos-${this.buttonGroupPosition}`\n\t\t\t\t\t}`}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttype={this.variant !== 'text' ? this.type : undefined}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t>\n\t\t\t\t\t{this.chevron && this.chevronPosition === 'start' && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass='chevron'\n\t\t\t\t\t\t\tvariant='chevron'\n\t\t\t\t\t\t\trotate={this.chevron === 'up' ? 180 : 0}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.icon &&\n\t\t\t\t\t\tthis.iconPosition === 'start' &&\n\t\t\t\t\t\t!(this.iconOnly && this.loading) &&\n\t\t\t\t\t\tthis._getIcon()}\n\n\t\t\t\t\t<slot />\n\n\t\t\t\t\t{this.icon &&\n\t\t\t\t\t\tthis.iconPosition === 'end' &&\n\t\t\t\t\t\t!(this.iconOnly && this.loading) &&\n\t\t\t\t\t\tthis._getIcon()}\n\n\t\t\t\t\t{this.loading && <p-loader color={loaderColor} />}\n\n\t\t\t\t\t{this.chevron && this.chevronPosition === 'end' && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass='chevron'\n\t\t\t\t\t\t\tvariant='chevron'\n\t\t\t\t\t\t\trotate={this.chevron === 'up' ? 180 : 0}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</VariableTag>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\thandleClick(ev: MouseEvent) {\n\t\tif (this.loading || this.disabled) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tthis.onClick.emit(ev);\n\t}\n\n\tprivate _getIcon() {\n\t\tif (!this.icon) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn (\n\t\t\t<p-icon\n\t\t\t\tvariant={this.icon}\n\t\t\t\tflip={this.iconFlip}\n\t\t\t\trotate={this.iconRotate}\n\t\t\t/>\n\t\t);\n\t}\n}\n",":host {\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions, TextSizeOptions } from '../../../types/tailwind';\nimport icons from '../../../utils/icons';\n\nexport type IconVariant = keyof typeof icons;\nexport type IconFlipOptions = 'horizontal' | 'vertical';\n\n@Component({\n\ttag: 'p-icon',\n\tstyleUrl: 'icon.component.scss',\n\t// shadow: true,\n})\nexport class Icon {\n\t/**\n\t * The icon the be displayed\n\t */\n\t@Prop() variant!: IconVariant;\n\n\t/**\n\t * The size of the icon, using tailwind sizes\n\t */\n\t@Prop() size: TextSizeOptions = 'auto';\n\n\t/**\n\t * Wether to rotate the icon x degrees\n\t */\n\t@Prop() rotate: RotateOptions = 0;\n\n\t/**\n\t * Wether to flip the icon horizontally or vertically\n\t */\n\t@Prop() flip: IconFlipOptions = null;\n\n\trender() {\n\t\tconst icon = icons[this.variant];\n\n\t\tconst styles = {\n\t\t\t'p-icon flex': true,\n\t\t\t'text-auto': this.size === 'auto',\n\t\t\t'text-xxs': this.size === 'xxs',\n\t\t\t'text-xs': this.size === 'xs',\n\t\t\t'text-sm': this.size === 'sm',\n\t\t\t'text-base': this.size === 'base',\n\t\t\t'text-lg': this.size === 'lg',\n\t\t\t'text-xl': this.size === 'xl',\n\t\t\t'text-2xl': this.size === '2xl',\n\t\t\t'text-3xl': this.size === '3xl',\n\t\t\t'text-4xl': this.size === '4xl',\n\t\t\t'text-5xl': this.size === '5xl',\n\t\t\t'text-6xl': this.size === '6xl',\n\t\t\ttransform: !!this.rotate || !!this.flip,\n\t\t\t'scale-x-flip': this.flip === 'horizontal',\n\t\t\t'scale-y-flip': this.flip === 'vertical',\n\t\t\t'rotate-0': this.rotate === 0,\n\t\t\t'rotate-25': this.rotate === 25,\n\t\t\t'rotate-45': this.rotate === 45,\n\t\t\t'rotate-90': this.rotate === 90,\n\t\t\t'rotate-135': this.rotate === 135,\n\t\t\t'rotate-180': this.rotate === 180,\n\t\t\t'rotate-225': this.rotate === 225,\n\t\t\t'rotate-270': this.rotate === 270,\n\t\t\t'rotate-315': this.rotate === 315,\n\t\t\t'-rotate-0': this.rotate === -0,\n\t\t\t'-rotate-25': this.rotate === -25,\n\t\t\t'-rotate-45': this.rotate === -45,\n\t\t\t'-rotate-90': this.rotate === -90,\n\t\t\t'-rotate-135': this.rotate === -135,\n\t\t\t'-rotate-180': this.rotate === -180,\n\t\t\t'-rotate-225': this.rotate === -225,\n\t\t\t'-rotate-270': this.rotate === -270,\n\t\t\t'-rotate-315': this.rotate === -315,\n\t\t};\n\n\t\treturn <Host class={styles} innerHTML={icon}></Host>;\n\t}\n}\n",":host {\n\t.loader {\n\t\t@apply inline-block h-[1em] w-[1em] rounded-round;\n\t\t@apply border-2 border-solid border-indigo-light border-t-indigo;\n\t\tanimation: 500ms spin linear infinite;\n\n\t\twill-change: transform;\n\n\t\t&.color-storm {\n\t\t\t@apply border-storm-light/40 border-t-storm #{!important};\n\t\t}\n\n\t\t&.color-white {\n\t\t\t@apply border-indigo-light/40 border-t-white #{!important};\n\t\t}\n\t}\n\n\t.loading-screen {\n\t\t@apply w-screen-safe h-screen-safe fixed top-0 left-0;\n\t\t@apply flex items-center justify-center;\n\t\t@apply bg-mystic;\n\n\t\tz-index: 1001;\n\n\t\t.content {\n\t\t\t@apply max-w-xs;\n\n\t\t\t.loader-wrapper {\n\t\t\t\t@apply flex w-full justify-center;\n\n\t\t\t\t.loader {\n\t\t\t\t\t@apply text-4xl;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n:host(.variant-ghost) {\n\t@apply box-border block;\n\n\twill-change: background, background-position-x, background-color;\n\n\tmin-height: 1em;\n\tmin-width: 1em;\n\n\t--loading-bg: #f7fafc;\n\t--loading-stripe: rgba(252, 253, 254, 1);\n\n\tbackground-color: var(--loading-bg);\n\tbackground: linear-gradient(\n\t\t\t100deg,\n\t\t\trgba(255, 255, 255, 0) 40%,\n\t\t\tvar(--loading-stripe) 50%,\n\t\t\trgba(255, 255, 255, 0) 60%\n\t\t)\n\t\tvar(--loading-bg);\n\tbackground-size: 200% 100%;\n\tbackground-position-x: 180%;\n\tanimation: 1s loading ease-in-out infinite;\n}\n\n@keyframes loading {\n\tto {\n\t\tbackground-position-x: -20%;\n\t}\n}\n\n@keyframes spin {\n\t100% {\n\t\ttransform: rotate(1turn);\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { Observable, Subscription } from 'rxjs';\n\n@Component({\n\ttag: 'p-loader',\n\tstyleUrl: 'loader.component.scss',\n\tshadow: true,\n})\nexport class Loader {\n\t/**\n\t * Wether to show or hide the loader\n\t */\n\t@Prop() show: boolean | Observable<boolean> = true;\n\n\t/**\n\t * Variant of loader\n\t */\n\t@Prop() variant:\n\t\t| 'inline'\n\t\t| 'full-width'\n\t\t| 'full-screen'\n\t\t| 'modal'\n\t\t| 'ghost' = 'inline';\n\n\t/**\n\t * Color of the loader\n\t */\n\t@Prop() color: 'indigo' | 'white' | 'storm' = 'indigo';\n\n\t/**\n\t * !NOT IMPLEMENTED! Modal title for modal variant\n\t */\n\t@Prop() modalTitle: string;\n\n\t/**\n\t * !NOT IMPLEMENTED! Modal description for modal variant\n\t */\n\t@Prop() modalDescription: string;\n\n\tprivate _show = this.show;\n\tprivate _showSubscriber: Subscription;\n\n\tprivate _loader = (<div class={`loader color-${this.color}`}></div>);\n\n\tcomponentWillRender() {\n\t\tthis._checkShow();\n\t}\n\n\tcomponentShouldUpdate() {\n\t\tthis._checkShow();\n\t}\n\n\trender() {\n\t\tif (!this._show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.variant === 'ghost') {\n\t\t\treturn <Host class=\"p-loader variant-ghost\"></Host>;\n\t\t}\n\n\t\tif (this.variant === 'full-screen') {\n\t\t\treturn (\n\t\t\t\t<Host class=\"p-loader variant-full-screen\">\n\t\t\t\t\t<div class=\"loading-screen\">\n\t\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t\t<slot />\n\n\t\t\t\t\t\t\t<div class=\"loader-wrapper\">{this._loader}</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</Host>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-loader variant-default flex ${\n\t\t\t\t\tthis.variant === 'full-width' &&\n\t\t\t\t\t'w-full flex justify-center text-4xl'\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t{this._loader}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _checkShow() {\n\t\tif (this._showSubscriber) {\n\t\t\tthis._showSubscriber.unsubscribe();\n\t\t\tthis._showSubscriber = null;\n\t\t}\n\n\t\tif (typeof this.show !== 'boolean') {\n\t\t\tthis._showSubscriber = this.show?.subscribe(\n\t\t\t\t(show) => (this._show = show)\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show = this.show;\n\t}\n}\n"],"mappings":"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"}
@@ -1,2 +0,0 @@
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}.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}";const a=class{constructor(r){t(this,r);this._hasContentSlot=false;this.header=undefined;this.arrow=false}componentWillLoad(){this._hasContentSlot=!!this._el.querySelector(':scope > [slot="content"]')}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.arrow)&&r("div",{class:"title"},r("span",null,((o=this.header)===null||o===void 0?void 0:o.length)?this.header:r("slot",{name:"content"})),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-d58492ac.entry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["cardHeaderComponentCss","CardHeader","this","_hasContentSlot","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 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"],"mappings":"yDAAA,MAAMA,EAAyB,mkD,MCMlBC,EAAU,M,yBAgBdC,KAAAC,gBAAkB,M,iCAPD,K,CASzB,iBAAAC,GACCF,KAAKC,kBAAoBD,KAAKG,IAAIC,cACjC,4B,CAIF,MAAAC,G,QACC,OACCC,EAACC,EAAI,CAACC,MAAM,iBACXF,EAAA,QAAMG,KAAK,cAETC,EAAAV,KAAKW,UAAM,MAAAD,SAAA,SAAAA,EAAEE,SAAUZ,KAAKC,iBAAmBD,KAAKa,QACrDP,EAAA,OAAKE,MAAM,SACVF,EAAA,cACEQ,EAAAd,KAAKW,UAAM,MAAAG,SAAA,SAAAA,EAAEF,QAASZ,KAAKW,OAASL,EAAA,QAAMG,KAAK,aAEhDT,KAAKa,OACLP,EAAA,UACCS,QAAQ,QACRP,MAAM,6BAMVF,EAAA,QAAMG,KAAK,W"}