@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.
- package/CHANGELOG.md +19 -0
- package/dist/assets/icons/lock.svg +8 -0
- package/dist/assets/icons/unlock.svg +8 -0
- package/dist/build/p-8af4e8e9.entry.js +2 -0
- package/dist/build/p-8af4e8e9.entry.js.map +1 -0
- package/dist/build/{p-2b4bdcd9.entry.js → p-dd070ee8.entry.js} +2 -2
- package/dist/build/p-dd070ee8.entry.js.map +1 -0
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/p-button_3.cjs.entry.js +22 -0
- package/dist/cjs/p-button_3.cjs.entry.js.map +1 -1
- package/dist/cjs/p-card-header.cjs.entry.js +7 -2
- package/dist/cjs/p-card-header.cjs.entry.js.map +1 -1
- package/dist/collection/assets/icons/lock.svg +8 -0
- package/dist/collection/assets/icons/unlock.svg +8 -0
- package/dist/collection/components/atoms/button/button.component.js +1 -1
- package/dist/collection/components/atoms/card-header/card-header.component.css +1 -1
- package/dist/collection/components/atoms/card-header/card-header.component.js +6 -1
- package/dist/collection/components/atoms/card-header/card-header.component.js.map +1 -1
- package/dist/collection/components/atoms/dropdown-menu-item/dropdown-menu-item.component.js +1 -1
- package/dist/collection/components/atoms/icon/icon.component.js +1 -1
- package/dist/collection/components/atoms/label/label.component.js +1 -1
- package/dist/collection/components/atoms/segment-item/segment-item.component.js +1 -1
- package/dist/collection/components/atoms/status/status.component.js +1 -1
- package/dist/collection/components/helpers/table-row-action/table-row-action.component.js +1 -1
- package/dist/collection/components/molecules/input-group/input-group.component.js +1 -1
- package/dist/collection/components/molecules/navigation-item/navigation-item.component.js +1 -1
- package/dist/collection/components/molecules/select/select.component.js +2 -2
- package/dist/collection/components/molecules/table-header/table-header.component.js +1 -1
- package/dist/collection/components/molecules/toast/toast.component.js +1 -1
- package/dist/collection/components/organisms/table/table.component.js +1 -1
- package/dist/collection/utils/icons.js +4 -0
- package/dist/collection/utils/icons.js.map +1 -1
- package/dist/components/icon.component.js +22 -0
- package/dist/components/icon.component.js.map +1 -1
- package/dist/components/p-card-header.js +7 -2
- package/dist/components/p-card-header.js.map +1 -1
- package/dist/esm/p-button_3.entry.js +22 -0
- package/dist/esm/p-button_3.entry.js.map +1 -1
- package/dist/esm/p-card-header.entry.js +7 -2
- package/dist/esm/p-card-header.entry.js.map +1 -1
- package/dist/index.html +1 -1
- package/dist/paperless/p-8af4e8e9.entry.js +2 -0
- package/dist/paperless/p-8af4e8e9.entry.js.map +1 -0
- package/dist/paperless/{p-2b4bdcd9.entry.js → p-dd070ee8.entry.js} +2 -2
- package/dist/paperless/p-dd070ee8.entry.js.map +1 -0
- package/dist/paperless/paperless.esm.js +1 -1
- package/dist/sw.js +1 -1
- package/dist/sw.js.map +1 -1
- package/dist/types/components/atoms/card-header/card-header.component.d.ts +1 -0
- package/dist/types/utils/icons.d.ts +2 -0
- package/hydrate/index.js +29 -2
- package/package.json +1 -1
- package/dist/build/p-2b4bdcd9.entry.js.map +0 -1
- package/dist/build/p-d58492ac.entry.js +0 -2
- package/dist/build/p-d58492ac.entry.js.map +0 -1
- package/dist/paperless/p-2b4bdcd9.entry.js.map +0 -1
- package/dist/paperless/p-d58492ac.entry.js +0 -2
- package/dist/paperless/p-d58492ac.entry.js.map +0 -1
|
@@ -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}.
|
|
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) ||
|
|
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 +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"}
|