@paperless/core 1.57.0 → 1.57.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +22 -0
- package/dist/build/{p-d408194b.entry.js → p-5298190b.entry.js} +2 -2
- package/dist/build/p-5298190b.entry.js.map +1 -0
- package/dist/{paperless/p-c1ccef54.entry.js → build/p-639665b1.entry.js} +2 -2
- package/dist/{paperless/p-c1ccef54.entry.js.map → build/p-639665b1.entry.js.map} +1 -1
- package/dist/build/p-b59115c3.entry.js +2 -0
- package/dist/build/p-b59115c3.entry.js.map +1 -0
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/p-drawer-body_3.cjs.entry.js +1 -1
- package/dist/cjs/p-drawer-body_3.cjs.entry.js.map +1 -1
- package/dist/cjs/p-info-panel.cjs.entry.js +1 -1
- package/dist/cjs/p-info-panel.cjs.entry.js.map +1 -1
- package/dist/cjs/p-tooltip.cjs.entry.js +9 -3
- package/dist/cjs/p-tooltip.cjs.entry.js.map +1 -1
- package/dist/collection/components/atoms/drawer-container/drawer-container.component.css +1 -1
- package/dist/collection/components/atoms/info-panel/info-panel.component.css +1 -1
- package/dist/collection/components/atoms/tooltip/tooltip.component.js +9 -3
- package/dist/collection/components/atoms/tooltip/tooltip.component.js.map +1 -1
- package/dist/components/drawer-container.component.js +1 -1
- package/dist/components/drawer-container.component.js.map +1 -1
- package/dist/components/p-info-panel.js +1 -1
- package/dist/components/p-info-panel.js.map +1 -1
- package/dist/components/tooltip.component.js +9 -3
- package/dist/components/tooltip.component.js.map +1 -1
- package/dist/esm/p-drawer-body_3.entry.js +1 -1
- package/dist/esm/p-drawer-body_3.entry.js.map +1 -1
- package/dist/esm/p-info-panel.entry.js +1 -1
- package/dist/esm/p-info-panel.entry.js.map +1 -1
- package/dist/esm/p-tooltip.entry.js +9 -3
- package/dist/esm/p-tooltip.entry.js.map +1 -1
- package/dist/index.html +1 -1
- package/dist/paperless/{p-d408194b.entry.js → p-5298190b.entry.js} +2 -2
- package/dist/paperless/p-5298190b.entry.js.map +1 -0
- package/dist/{build/p-c1ccef54.entry.js → paperless/p-639665b1.entry.js} +2 -2
- package/dist/{build/p-c1ccef54.entry.js.map → paperless/p-639665b1.entry.js.map} +1 -1
- package/dist/paperless/p-b59115c3.entry.js +2 -0
- package/dist/paperless/p-b59115c3.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/hydrate/index.js +11 -5
- package/package.json +1 -1
- package/dist/build/p-60c2bf59.entry.js +0 -2
- package/dist/build/p-60c2bf59.entry.js.map +0 -1
- package/dist/build/p-d408194b.entry.js.map +0 -1
- package/dist/paperless/p-60c2bf59.entry.js +0 -2
- package/dist/paperless/p-60c2bf59.entry.js.map +0 -1
- package/dist/paperless/p-d408194b.entry.js.map +0 -1
package/hydrate/index.js
CHANGED
|
@@ -20088,7 +20088,7 @@ class Illustration {
|
|
|
20088
20088
|
}; }
|
|
20089
20089
|
}
|
|
20090
20090
|
|
|
20091
|
-
const infoPanelComponentCss = "/*!@.absolute*/.absolute.sc-p-info-panel{position:absolute!important}/*!@.relative*/.relative.sc-p-info-panel{position:relative!important}/*!@.right-2*/.right-2.sc-p-info-panel{right:.5rem!important}/*!@.top-2*/.top-2.sc-p-info-panel{top:.5rem!important}/*!@.flex*/.flex.sc-p-info-panel{display:flex!important}/*!@.w-full*/.w-full.sc-p-info-panel{width:100%!important}/*!@.cursor-pointer*/.cursor-pointer.sc-p-info-panel{cursor:pointer!important}/*!@.flex-col*/.flex-col.sc-p-info-panel{flex-direction:column!important}/*!@.bg-indigo-light*/.bg-indigo-light.sc-p-info-panel{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}/*!@.
|
|
20091
|
+
const infoPanelComponentCss = "/*!@.absolute*/.absolute.sc-p-info-panel{position:absolute!important}/*!@.relative*/.relative.sc-p-info-panel{position:relative!important}/*!@.right-2*/.right-2.sc-p-info-panel{right:.5rem!important}/*!@.top-2*/.top-2.sc-p-info-panel{top:.5rem!important}/*!@.flex*/.flex.sc-p-info-panel{display:flex!important}/*!@.w-full*/.w-full.sc-p-info-panel{width:100%!important}/*!@.cursor-pointer*/.cursor-pointer.sc-p-info-panel{cursor:pointer!important}/*!@.flex-col*/.flex-col.sc-p-info-panel{flex-direction:column!important}/*!@.whitespace-pre-line*/.whitespace-pre-line.sc-p-info-panel{white-space:pre-line!important}/*!@.rounded-large*/.rounded-large.sc-p-info-panel{border-radius:.375rem!important}/*!@.bg-indigo-light*/.bg-indigo-light.sc-p-info-panel{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}/*!@.font-semibold*/.font-semibold.sc-p-info-panel{font-weight:600!important}/*!@**/*.sc-p-info-panel{box-sizing:border-box}/*!@:host*/.sc-p-info-panel-h{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));border-radius:.375rem;display:flex;flex-direction:column;padding:1rem;position:relative;width:100%}/*!@:host .header*/.sc-p-info-panel-h .header.sc-p-info-panel{--tw-text-opacity:1;color:rgb(39 40 56/var(--tw-text-opacity));font-weight:600}/*!@:host .content*/.sc-p-info-panel-h .content.sc-p-info-panel{font-size:.875rem;line-height:1.25rem;white-space:pre-line}/*!@:host .close*/.sc-p-info-panel-h .close.sc-p-info-panel{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));cursor:pointer;position:absolute;right:.5rem;top:.5rem}/*!@:host(.variant-positive)*/.variant-positive.sc-p-info-panel-h{--tw-bg-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity))}/*!@:host(.variant-unbiased)*/.variant-unbiased.sc-p-info-panel-h{--tw-bg-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity))}/*!@:host(.variant-negative)*/.variant-negative.sc-p-info-panel-h{--tw-bg-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity))}/*!@:host(.has-close)*/.has-close.sc-p-info-panel-h{padding-right:2rem}/*!@.static*/.static.sc-p-info-panel{position:static!important}";
|
|
20092
20092
|
|
|
20093
20093
|
class InfoPanel {
|
|
20094
20094
|
constructor(hostRef) {
|
|
@@ -20542,7 +20542,7 @@ class ModalBody {
|
|
|
20542
20542
|
}; }
|
|
20543
20543
|
}
|
|
20544
20544
|
|
|
20545
|
-
const drawerContainerComponentCss = ".z-drawer{z-index:500!important}.flex{display:flex!important}.w-full{width:100%!important}.shadow-4{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}*{box-sizing:border-box}p-drawer-container{--tw-bg-opacity:1;--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;animation:slideInRight .5s ease forwards;background-color:rgb(255 255 255/var(--tw-bg-opacity));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;display:flex;flex-direction:column;min-height:100vh;width:100%;z-index:500}@media (min-width:40rem){p-drawer-container{width:22.5rem}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}p-drawer-container.closing{animation:slideOutRight .2s ease forwards}@media (min-width:40rem){.tablet\\:w-\\[22\\.5rem\\]{width:22.5rem!important}}";
|
|
20545
|
+
const drawerContainerComponentCss = ".z-drawer{z-index:500!important}.flex{display:flex!important}.w-full{width:100%!important}.shadow-4{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}*{box-sizing:border-box}p-drawer-container{--tw-bg-opacity:1;--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;animation:slideInRight .5s ease forwards;background-color:rgb(255 255 255/var(--tw-bg-opacity));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;display:flex;flex-direction:column;min-height:100vh;width:100%;z-index:500}@media (min-width:40rem){p-drawer-container{width:22.5rem}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}p-drawer-container.closing{animation:slideOutRight .2s ease forwards}@media (min-width:40rem){.tablet\\:w-\\[22\\.5rem\\]{width:22.5rem!important}}.static{position:static!important}";
|
|
20546
20546
|
|
|
20547
20547
|
// $drawer-xs: 20rem;
|
|
20548
20548
|
// $drawer-sm: 33.5rem;
|
|
@@ -23847,7 +23847,7 @@ class Tooltip {
|
|
|
23847
23847
|
}
|
|
23848
23848
|
}
|
|
23849
23849
|
render() {
|
|
23850
|
-
return (hAsync(Host, { class:
|
|
23850
|
+
return (hAsync(Host, { class: 'p-popover' }, hAsync("slot", { name: 'trigger' }), hAsync("div", { class: 'popover-container' }, hAsync("div", { class: `popover variant-${this.variant}`, role: 'popover', "data-placement": this.placement, "data-strategy": this.strategy, ref: el => this._load(el) }, this.content ? this.content : hAsync("slot", { name: 'content' }), hAsync("div", { class: 'arrow' })))));
|
|
23851
23851
|
}
|
|
23852
23852
|
clickHandler() {
|
|
23853
23853
|
if (this.variant === 'hover' || !this.enableUserInput) {
|
|
@@ -23886,9 +23886,16 @@ class Tooltip {
|
|
|
23886
23886
|
return this._hide();
|
|
23887
23887
|
}
|
|
23888
23888
|
_show() {
|
|
23889
|
+
var _a;
|
|
23889
23890
|
if (!this._loaded) {
|
|
23890
23891
|
return;
|
|
23891
23892
|
}
|
|
23893
|
+
if (!((_a = this.content) === null || _a === void 0 ? void 0 : _a.length)) {
|
|
23894
|
+
if (this._popover.hasAttribute('data-show')) {
|
|
23895
|
+
this._hide();
|
|
23896
|
+
}
|
|
23897
|
+
return;
|
|
23898
|
+
}
|
|
23892
23899
|
this._cleanup = autoUpdate(this._el, this._popover, () => this._update());
|
|
23893
23900
|
// Make the popover visible
|
|
23894
23901
|
this._popover.setAttribute('data-show', '');
|
|
@@ -23945,8 +23952,7 @@ class Tooltip {
|
|
|
23945
23952
|
if (middlewareData.arrow) {
|
|
23946
23953
|
const { x, y } = middlewareData.arrow;
|
|
23947
23954
|
Object.assign(arrowEl.style, {
|
|
23948
|
-
left: this.variant === 'error' ||
|
|
23949
|
-
this.variant === 'error-element'
|
|
23955
|
+
left: this.variant === 'error' || this.variant === 'error-element'
|
|
23950
23956
|
? placement.indexOf('start') >= 0
|
|
23951
23957
|
? '1rem'
|
|
23952
23958
|
: 'calc(100% - 1rem)'
|
package/package.json
CHANGED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as o,h as i,H as r,g as a}from"./p-e4d5e7a7.js";const e=".absolute{position:absolute!important}.relative{position:relative!important}.right-2{right:.5rem!important}.top-2{top:.5rem!important}.flex{display:flex!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.bg-indigo-light{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));border-radius:.375rem;display:flex;flex-direction:column;padding:1rem;position:relative;width:100%}:host .header{--tw-text-opacity:1;color:rgb(39 40 56/var(--tw-text-opacity));font-weight:600}:host .content{font-size:.875rem;line-height:1.25rem}:host .close{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));cursor:pointer;position:absolute;right:.5rem;top:.5rem}:host(.variant-positive){--tw-bg-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity))}:host(.variant-unbiased){--tw-bg-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity))}:host(.variant-negative){--tw-bg-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity))}:host(.has-close){padding-right:2rem}.static{position:static!important}";const n=class{constructor(i){t(this,i);this.closed=o(this,"closed",3);this.variant="info";this.header=undefined;this.content=undefined;this.closeable=false}render(){return i(r,{class:`p-info-panel variant-${this.variant} ${this.closeable&&"has-close"}`},i("div",{class:"header"},i("slot",{name:"header"})),i("div",{class:"content"},i("slot",{name:"content"})),this.closeable&&i("div",{class:"close",onClick:()=>this._close()},i("p-icon",{variant:"negative"})))}_close(){this.closed.emit();this._el.remove()}get _el(){return a(this)}};n.style=e;export{n as p_info_panel};
|
|
2
|
-
//# sourceMappingURL=p-60c2bf59.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["infoPanelComponentCss","InfoPanel","render","h","Host","class","this","variant","closeable","name","onClick","_close","closed","emit","_el","remove"],"sources":["src/components/atoms/info-panel/info-panel.component.scss?tag=p-info-panel&encapsulation=shadow","src/components/atoms/info-panel/info-panel.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-col w-full relative p-4 bg-indigo-light rounded-large;\n\n\t.header {\n\t\t@apply font-semibold text-storm-dark;\n\t}\n\n\t.content {\n\t\t@apply text-sm;\n\t}\n\n\t.close {\n\t\t@apply absolute top-2 right-2 cursor-pointer text-storm-vague;\n\t}\n}\n\n:host(.variant-positive) {\n\t@apply bg-positive-light;\n}\n\n:host(.variant-unbiased) {\n\t@apply bg-unbiased-light;\n}\n\n:host(.variant-negative) {\n\t@apply bg-negative-light;\n}\n\n:host(.has-close) {\n\t@apply pr-8;\n}\n","import {\n\tComponent,\n\tElement,\n\th,\n\tHost,\n\tProp,\n\tEvent,\n\tEventEmitter,\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-info-panel',\n\tstyleUrl: 'info-panel.component.scss',\n\tshadow: true,\n})\nexport class InfoPanel {\n\t/**\n\t * The variant of the info panel\n\t */\n\t@Prop() variant: 'info' | 'negative' | 'positive' | 'unbiased' = 'info';\n\n\t/**\n\t * The header of the info panel\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * The content of the info panel\n\t */\n\t@Prop() content: string;\n\n\t/**\n\t * Wether the panel can be closed\n\t */\n\t@Prop() closeable: boolean = false;\n\n\t/**\n\t * When the backdrop is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<void>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-info-panel variant-${this.variant} ${\n\t\t\t\t\tthis.closeable && 'has-close'\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t<div class='header'>\n\t\t\t\t\t<slot name='header' />\n\t\t\t\t</div>\n\t\t\t\t<div class='content'>\n\t\t\t\t\t<slot name='content' />\n\t\t\t\t</div>\n\n\t\t\t\t{this.closeable && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass='close'\n\t\t\t\t\t\tonClick={() => this._close()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-icon variant='negative' />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _close() {\n\t\tthis.closed.emit();\n\t\tthis._el.remove();\n\t}\n}\n"],"mappings":"gEAAA,MAAMA,EAAwB,wxC,MCejBC,EAAS,M,qEAI4C,O,4DAepC,K,CAe7B,MAAAC,GACC,OACCC,EAACC,EAAI,CACJC,MAAO,wBAAwBC,KAAKC,WACnCD,KAAKE,WAAa,eAGnBL,EAAA,OAAKE,MAAM,UACVF,EAAA,QAAMM,KAAK,YAEZN,EAAA,OAAKE,MAAM,WACVF,EAAA,QAAMM,KAAK,aAGXH,KAAKE,WACLL,EAAA,OACCE,MAAM,QACNK,QAAS,IAAMJ,KAAKK,UAEpBR,EAAA,UAAQI,QAAQ,c,CAOb,MAAAI,GACPL,KAAKM,OAAOC,OACZP,KAAKQ,IAAIC,Q"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["tooltipComponentCss","Tooltip","this","_loaded","componentShouldUpdate","_update","disconnectedCallback","_cleanup","render","h","Host","class","name","variant","role","placement","strategy","ref","el","_load","content","clickHandler","enableUserInput","_popover","hasAttribute","_show","documentClickHandler","canManuallyClose","show","_hide","mouseEnterHandler","mouseLeaveHandler","onShowChange","autoUpdate","_el","setAttribute","isOpen","emit","removeAttribute","popover","setTimeout","arrowEl","querySelector","computePosition","middleware","offset","flip","shift","arrow","element","padding","then","x","y","middlewareData","dataset","Object","assign","style","top","left","indexOf"],"sources":["src/components/atoms/tooltip/tooltip.component.scss?tag=p-tooltip&encapsulation=shadow","src/components/atoms/tooltip/tooltip.component.tsx"],"sourcesContent":[":host {\n\t@apply flex cursor-pointer;\n\n\t.popover-container {\n\t\t@apply relative h-0 w-0;\n\t\t.popover {\n\t\t\t@apply left-0 top-0 z-tooltip inline-block rounded bg-white px-3 py-2 text-xs font-medium opacity-0 drop-shadow-4 transition-opacity;\n\t\t\t@apply pointer-events-none;\n\t\t\twidth: max-content;\n\t\t\tmax-width: 14.5rem;\n\n\t\t\t&.variant-hover,\n\t\t\t&.variant-error,\n\t\t\t&.variant-error-element {\n\t\t\t\t@apply bg-storm py-1 text-white;\n\t\t\t}\n\n\t\t\t&.variant-error,\n\t\t\t&.variant-error-element {\n\t\t\t\t@apply bg-negative uppercase tracking-wider;\n\t\t\t}\n\n\t\t\t&[data-show] {\n\t\t\t\t@apply pointer-events-auto opacity-100;\n\t\t\t}\n\n\t\t\t.arrow,\n\t\t\t.arrow::before {\n\t\t\t\tbackground: inherit;\n\t\t\t\t@apply absolute h-2 w-2;\n\t\t\t}\n\n\t\t\t.arrow {\n\t\t\t\tvisibility: hidden;\n\n\t\t\t\t&::before {\n\t\t\t\t\t@apply visible rotate-45 transform;\n\t\t\t\t\tcontent: '';\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&[data-strategy='fixed'] {\n\t\t\t\t@apply fixed;\n\t\t\t}\n\n\t\t\t&[data-strategy='absolute'] {\n\t\t\t\t@apply absolute;\n\t\t\t}\n\n\t\t\t&[data-placement^='top'] > .arrow {\n\t\t\t\t@apply -bottom-1;\n\t\t\t}\n\n\t\t\t&[data-placement^='bottom'] > .arrow {\n\t\t\t\t@apply -top-1;\n\t\t\t}\n\n\t\t\t&[data-placement^='left'] > .arrow {\n\t\t\t\t@apply -right-1;\n\t\t\t}\n\n\t\t\t&[data-placement^='right'] > .arrow {\n\t\t\t\t@apply -left-1;\n\t\t\t}\n\t\t}\n\t}\n}\n","import {\n\tarrow,\n\tautoUpdate,\n\tcomputePosition,\n\tflip,\n\toffset,\n\tPlacement,\n\tshift,\n\tStrategy,\n} from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tWatch,\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-tooltip',\n\tstyleUrl: 'tooltip.component.scss',\n\tshadow: true,\n})\nexport class Tooltip {\n\t/**\n\t * The variant of the popover\n\t */\n\t@Prop() variant: 'hover' | 'click' | 'error' | 'error-element' = 'hover';\n\n\t/**\n\t * The content of the popover\n\t */\n\t@Prop() content: any = null;\n\n\t/**\n\t * The placement of the popover\n\t */\n\t@Prop() placement: Placement = 'top';\n\n\t/**\n\t * The offset of the popover\n\t */\n\t@Prop() offset: number = 8;\n\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * Wether the tooltip can be shown by user input\n\t */\n\t@Prop() enableUserInput: boolean = true;\n\n\t/**\n\t * Wether to show the popover\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to someone can manually close the popover\n\t */\n\t@Prop() canManuallyClose: boolean = true;\n\n\t/**\n\t * Open change event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tisOpen: EventEmitter<boolean>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _loaded = false;\n\tprivate _popover: HTMLElement;\n\tprivate _cleanup: () => void;\n\n\tcomponentShouldUpdate() {\n\t\tthis._update();\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-popover\">\n\t\t\t\t<slot name=\"trigger\" />\n\t\t\t\t<div class=\"popover-container\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={`popover variant-${this.variant}`}\n\t\t\t\t\t\trole=\"popover\"\n\t\t\t\t\t\tdata-placement={this.placement}\n\t\t\t\t\t\tdata-strategy={this.strategy}\n\t\t\t\t\t\tref={(el) => this._load(el)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.content ? this.content : <slot name=\"content\" />}\n\t\t\t\t\t\t<div class=\"arrow\"></div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\tprotected clickHandler() {\n\t\tif (this.variant === 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler() {\n\t\tif (this.variant === 'hover' || !this.canManuallyClose || this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Listen('mouseenter')\n\t@Listen('focus')\n\tprotected mouseEnterHandler() {\n\t\tif (this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('mouseleave')\n\t@Listen('blur')\n\tprotected mouseLeaveHandler() {\n\t\tif (this.show || this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Watch('show')\n\tonShowChange(show: boolean) {\n\t\tif (show && !this._popover.hasAttribute('data-show')) {\n\t\t\treturn this._show();\n\t\t}\n\n\t\treturn this._hide();\n\t}\n\n\tprivate _show() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._cleanup = autoUpdate(this._el, this._popover, () =>\n\t\t\tthis._update()\n\t\t);\n\t\t// Make the popover visible\n\t\tthis._popover.setAttribute('data-show', '');\n\n\t\t// Update its position\n\t\tthis.isOpen.emit(true);\n\t}\n\n\tprivate _hide() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\n\t\t// Hide the popover\n\t\tthis._popover.removeAttribute('data-show');\n\t\tthis.isOpen.emit(false);\n\t}\n\n\tprivate _load(popover: HTMLElement) {\n\t\tthis._popover = popover;\n\t\tif (popover) {\n\t\t\tthis._update();\n\t\t\tthis._loaded = true;\n\n\t\t\tif (this.show) {\n\t\t\t\tsetTimeout(() => this._show(), 100);\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate _update() {\n\t\tif (!this._popover) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst arrowEl = this._popover.querySelector('.arrow') as HTMLElement;\n\t\tif (!arrowEl) {\n\t\t\treturn;\n\t\t}\n\n\t\tcomputePosition(this._el, this._popover, {\n\t\t\tplacement:\n\t\t\t\tthis.variant === 'error' || this.variant === 'error-element'\n\t\t\t\t\t? 'top-end'\n\t\t\t\t\t: this.placement,\n\t\t\tstrategy: this.strategy,\n\n\t\t\tmiddleware: [\n\t\t\t\toffset(this.variant === 'error' ? 14 : this.offset),\n\t\t\t\tflip(),\n\t\t\t\tshift(),\n\t\t\t\tarrow({ element: arrowEl, padding: 8 }),\n\t\t\t],\n\t\t}).then(({ x, y, placement, middlewareData }) => {\n\t\t\tthis._popover.dataset.placement = placement;\n\t\t\tObject.assign(this._popover.style, {\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tleft: `${x}px`,\n\t\t\t});\n\n\t\t\tif (middlewareData.arrow) {\n\t\t\t\tconst { x, y } = middlewareData.arrow;\n\n\t\t\t\tObject.assign(arrowEl.style, {\n\t\t\t\t\tleft:\n\t\t\t\t\t\tthis.variant === 'error' ||\n\t\t\t\t\t\tthis.variant === 'error-element'\n\t\t\t\t\t\t\t? placement.indexOf('start') >= 0\n\t\t\t\t\t\t\t\t? '1rem'\n\t\t\t\t\t\t\t\t: 'calc(100% - 1rem)'\n\t\t\t\t\t\t\t: x != null\n\t\t\t\t\t\t\t\t? `${x}px`\n\t\t\t\t\t\t\t\t: '',\n\t\t\t\t\ttop: y != null ? `${y}px` : '',\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n}\n"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as o,h as i,H as r,g as a}from"./p-e4d5e7a7.js";const e=".absolute{position:absolute!important}.relative{position:relative!important}.right-2{right:.5rem!important}.top-2{top:.5rem!important}.flex{display:flex!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.bg-indigo-light{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));border-radius:.375rem;display:flex;flex-direction:column;padding:1rem;position:relative;width:100%}:host .header{--tw-text-opacity:1;color:rgb(39 40 56/var(--tw-text-opacity));font-weight:600}:host .content{font-size:.875rem;line-height:1.25rem}:host .close{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));cursor:pointer;position:absolute;right:.5rem;top:.5rem}:host(.variant-positive){--tw-bg-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity))}:host(.variant-unbiased){--tw-bg-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity))}:host(.variant-negative){--tw-bg-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity))}:host(.has-close){padding-right:2rem}.static{position:static!important}";const n=class{constructor(i){t(this,i);this.closed=o(this,"closed",3);this.variant="info";this.header=undefined;this.content=undefined;this.closeable=false}render(){return i(r,{class:`p-info-panel variant-${this.variant} ${this.closeable&&"has-close"}`},i("div",{class:"header"},i("slot",{name:"header"})),i("div",{class:"content"},i("slot",{name:"content"})),this.closeable&&i("div",{class:"close",onClick:()=>this._close()},i("p-icon",{variant:"negative"})))}_close(){this.closed.emit();this._el.remove()}get _el(){return a(this)}};n.style=e;export{n as p_info_panel};
|
|
2
|
-
//# sourceMappingURL=p-60c2bf59.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["infoPanelComponentCss","InfoPanel","render","h","Host","class","this","variant","closeable","name","onClick","_close","closed","emit","_el","remove"],"sources":["src/components/atoms/info-panel/info-panel.component.scss?tag=p-info-panel&encapsulation=shadow","src/components/atoms/info-panel/info-panel.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-col w-full relative p-4 bg-indigo-light rounded-large;\n\n\t.header {\n\t\t@apply font-semibold text-storm-dark;\n\t}\n\n\t.content {\n\t\t@apply text-sm;\n\t}\n\n\t.close {\n\t\t@apply absolute top-2 right-2 cursor-pointer text-storm-vague;\n\t}\n}\n\n:host(.variant-positive) {\n\t@apply bg-positive-light;\n}\n\n:host(.variant-unbiased) {\n\t@apply bg-unbiased-light;\n}\n\n:host(.variant-negative) {\n\t@apply bg-negative-light;\n}\n\n:host(.has-close) {\n\t@apply pr-8;\n}\n","import {\n\tComponent,\n\tElement,\n\th,\n\tHost,\n\tProp,\n\tEvent,\n\tEventEmitter,\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-info-panel',\n\tstyleUrl: 'info-panel.component.scss',\n\tshadow: true,\n})\nexport class InfoPanel {\n\t/**\n\t * The variant of the info panel\n\t */\n\t@Prop() variant: 'info' | 'negative' | 'positive' | 'unbiased' = 'info';\n\n\t/**\n\t * The header of the info panel\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * The content of the info panel\n\t */\n\t@Prop() content: string;\n\n\t/**\n\t * Wether the panel can be closed\n\t */\n\t@Prop() closeable: boolean = false;\n\n\t/**\n\t * When the backdrop is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<void>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-info-panel variant-${this.variant} ${\n\t\t\t\t\tthis.closeable && 'has-close'\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t<div class='header'>\n\t\t\t\t\t<slot name='header' />\n\t\t\t\t</div>\n\t\t\t\t<div class='content'>\n\t\t\t\t\t<slot name='content' />\n\t\t\t\t</div>\n\n\t\t\t\t{this.closeable && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass='close'\n\t\t\t\t\t\tonClick={() => this._close()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-icon variant='negative' />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _close() {\n\t\tthis.closed.emit();\n\t\tthis._el.remove();\n\t}\n}\n"],"mappings":"gEAAA,MAAMA,EAAwB,wxC,MCejBC,EAAS,M,qEAI4C,O,4DAepC,K,CAe7B,MAAAC,GACC,OACCC,EAACC,EAAI,CACJC,MAAO,wBAAwBC,KAAKC,WACnCD,KAAKE,WAAa,eAGnBL,EAAA,OAAKE,MAAM,UACVF,EAAA,QAAMM,KAAK,YAEZN,EAAA,OAAKE,MAAM,WACVF,EAAA,QAAMM,KAAK,aAGXH,KAAKE,WACLL,EAAA,OACCE,MAAM,QACNK,QAAS,IAAMJ,KAAKK,UAEpBR,EAAA,UAAQI,QAAQ,c,CAOb,MAAAI,GACPL,KAAKM,OAAOC,OACZP,KAAKQ,IAAIC,Q"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["tooltipComponentCss","Tooltip","this","_loaded","componentShouldUpdate","_update","disconnectedCallback","_cleanup","render","h","Host","class","name","variant","role","placement","strategy","ref","el","_load","content","clickHandler","enableUserInput","_popover","hasAttribute","_show","documentClickHandler","canManuallyClose","show","_hide","mouseEnterHandler","mouseLeaveHandler","onShowChange","autoUpdate","_el","setAttribute","isOpen","emit","removeAttribute","popover","setTimeout","arrowEl","querySelector","computePosition","middleware","offset","flip","shift","arrow","element","padding","then","x","y","middlewareData","dataset","Object","assign","style","top","left","indexOf"],"sources":["src/components/atoms/tooltip/tooltip.component.scss?tag=p-tooltip&encapsulation=shadow","src/components/atoms/tooltip/tooltip.component.tsx"],"sourcesContent":[":host {\n\t@apply flex cursor-pointer;\n\n\t.popover-container {\n\t\t@apply relative h-0 w-0;\n\t\t.popover {\n\t\t\t@apply left-0 top-0 z-tooltip inline-block rounded bg-white px-3 py-2 text-xs font-medium opacity-0 drop-shadow-4 transition-opacity;\n\t\t\t@apply pointer-events-none;\n\t\t\twidth: max-content;\n\t\t\tmax-width: 14.5rem;\n\n\t\t\t&.variant-hover,\n\t\t\t&.variant-error,\n\t\t\t&.variant-error-element {\n\t\t\t\t@apply bg-storm py-1 text-white;\n\t\t\t}\n\n\t\t\t&.variant-error,\n\t\t\t&.variant-error-element {\n\t\t\t\t@apply bg-negative uppercase tracking-wider;\n\t\t\t}\n\n\t\t\t&[data-show] {\n\t\t\t\t@apply pointer-events-auto opacity-100;\n\t\t\t}\n\n\t\t\t.arrow,\n\t\t\t.arrow::before {\n\t\t\t\tbackground: inherit;\n\t\t\t\t@apply absolute h-2 w-2;\n\t\t\t}\n\n\t\t\t.arrow {\n\t\t\t\tvisibility: hidden;\n\n\t\t\t\t&::before {\n\t\t\t\t\t@apply visible rotate-45 transform;\n\t\t\t\t\tcontent: '';\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&[data-strategy='fixed'] {\n\t\t\t\t@apply fixed;\n\t\t\t}\n\n\t\t\t&[data-strategy='absolute'] {\n\t\t\t\t@apply absolute;\n\t\t\t}\n\n\t\t\t&[data-placement^='top'] > .arrow {\n\t\t\t\t@apply -bottom-1;\n\t\t\t}\n\n\t\t\t&[data-placement^='bottom'] > .arrow {\n\t\t\t\t@apply -top-1;\n\t\t\t}\n\n\t\t\t&[data-placement^='left'] > .arrow {\n\t\t\t\t@apply -right-1;\n\t\t\t}\n\n\t\t\t&[data-placement^='right'] > .arrow {\n\t\t\t\t@apply -left-1;\n\t\t\t}\n\t\t}\n\t}\n}\n","import {\n\tarrow,\n\tautoUpdate,\n\tcomputePosition,\n\tflip,\n\toffset,\n\tPlacement,\n\tshift,\n\tStrategy,\n} from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tWatch,\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-tooltip',\n\tstyleUrl: 'tooltip.component.scss',\n\tshadow: true,\n})\nexport class Tooltip {\n\t/**\n\t * The variant of the popover\n\t */\n\t@Prop() variant: 'hover' | 'click' | 'error' | 'error-element' = 'hover';\n\n\t/**\n\t * The content of the popover\n\t */\n\t@Prop() content: any = null;\n\n\t/**\n\t * The placement of the popover\n\t */\n\t@Prop() placement: Placement = 'top';\n\n\t/**\n\t * The offset of the popover\n\t */\n\t@Prop() offset: number = 8;\n\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * Wether the tooltip can be shown by user input\n\t */\n\t@Prop() enableUserInput: boolean = true;\n\n\t/**\n\t * Wether to show the popover\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to someone can manually close the popover\n\t */\n\t@Prop() canManuallyClose: boolean = true;\n\n\t/**\n\t * Open change event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tisOpen: EventEmitter<boolean>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _loaded = false;\n\tprivate _popover: HTMLElement;\n\tprivate _cleanup: () => void;\n\n\tcomponentShouldUpdate() {\n\t\tthis._update();\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-popover\">\n\t\t\t\t<slot name=\"trigger\" />\n\t\t\t\t<div class=\"popover-container\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={`popover variant-${this.variant}`}\n\t\t\t\t\t\trole=\"popover\"\n\t\t\t\t\t\tdata-placement={this.placement}\n\t\t\t\t\t\tdata-strategy={this.strategy}\n\t\t\t\t\t\tref={(el) => this._load(el)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.content ? this.content : <slot name=\"content\" />}\n\t\t\t\t\t\t<div class=\"arrow\"></div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\tprotected clickHandler() {\n\t\tif (this.variant === 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler() {\n\t\tif (this.variant === 'hover' || !this.canManuallyClose || this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Listen('mouseenter')\n\t@Listen('focus')\n\tprotected mouseEnterHandler() {\n\t\tif (this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('mouseleave')\n\t@Listen('blur')\n\tprotected mouseLeaveHandler() {\n\t\tif (this.show || this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Watch('show')\n\tonShowChange(show: boolean) {\n\t\tif (show && !this._popover.hasAttribute('data-show')) {\n\t\t\treturn this._show();\n\t\t}\n\n\t\treturn this._hide();\n\t}\n\n\tprivate _show() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._cleanup = autoUpdate(this._el, this._popover, () =>\n\t\t\tthis._update()\n\t\t);\n\t\t// Make the popover visible\n\t\tthis._popover.setAttribute('data-show', '');\n\n\t\t// Update its position\n\t\tthis.isOpen.emit(true);\n\t}\n\n\tprivate _hide() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\n\t\t// Hide the popover\n\t\tthis._popover.removeAttribute('data-show');\n\t\tthis.isOpen.emit(false);\n\t}\n\n\tprivate _load(popover: HTMLElement) {\n\t\tthis._popover = popover;\n\t\tif (popover) {\n\t\t\tthis._update();\n\t\t\tthis._loaded = true;\n\n\t\t\tif (this.show) {\n\t\t\t\tsetTimeout(() => this._show(), 100);\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate _update() {\n\t\tif (!this._popover) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst arrowEl = this._popover.querySelector('.arrow') as HTMLElement;\n\t\tif (!arrowEl) {\n\t\t\treturn;\n\t\t}\n\n\t\tcomputePosition(this._el, this._popover, {\n\t\t\tplacement:\n\t\t\t\tthis.variant === 'error' || this.variant === 'error-element'\n\t\t\t\t\t? 'top-end'\n\t\t\t\t\t: this.placement,\n\t\t\tstrategy: this.strategy,\n\n\t\t\tmiddleware: [\n\t\t\t\toffset(this.variant === 'error' ? 14 : this.offset),\n\t\t\t\tflip(),\n\t\t\t\tshift(),\n\t\t\t\tarrow({ element: arrowEl, padding: 8 }),\n\t\t\t],\n\t\t}).then(({ x, y, placement, middlewareData }) => {\n\t\t\tthis._popover.dataset.placement = placement;\n\t\t\tObject.assign(this._popover.style, {\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tleft: `${x}px`,\n\t\t\t});\n\n\t\t\tif (middlewareData.arrow) {\n\t\t\t\tconst { x, y } = middlewareData.arrow;\n\n\t\t\t\tObject.assign(arrowEl.style, {\n\t\t\t\t\tleft:\n\t\t\t\t\t\tthis.variant === 'error' ||\n\t\t\t\t\t\tthis.variant === 'error-element'\n\t\t\t\t\t\t\t? placement.indexOf('start') >= 0\n\t\t\t\t\t\t\t\t? '1rem'\n\t\t\t\t\t\t\t\t: 'calc(100% - 1rem)'\n\t\t\t\t\t\t\t: x != null\n\t\t\t\t\t\t\t\t? `${x}px`\n\t\t\t\t\t\t\t\t: '',\n\t\t\t\t\ttop: y != null ? `${y}px` : '',\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n}\n"],"mappings":"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"}
|