@paperless/core 1.12.2 → 1.12.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/dist/{paperless/p-2ca82713.entry.js → build/p-11751f96.entry.js} +2 -2
  3. package/dist/{paperless/p-2ca82713.entry.js.map → build/p-11751f96.entry.js.map} +1 -1
  4. package/dist/build/{p-440bcef4.entry.js → p-2cd5062f.entry.js} +2 -2
  5. package/dist/build/{p-440bcef4.entry.js.map → p-2cd5062f.entry.js.map} +1 -1
  6. package/dist/build/{p-142d3a29.entry.js → p-6a5aeb90.entry.js} +2 -2
  7. package/dist/build/p-6a5aeb90.entry.js.map +1 -0
  8. package/dist/build/paperless.esm.js +1 -1
  9. package/dist/cjs/p-divider.cjs.entry.js +2 -2
  10. package/dist/cjs/p-divider.cjs.entry.js.map +1 -1
  11. package/dist/cjs/p-helper_3.cjs.entry.js +2 -1
  12. package/dist/cjs/p-helper_3.cjs.entry.js.map +1 -1
  13. package/dist/cjs/p-label_3.cjs.entry.js +1 -1
  14. package/dist/cjs/p-label_3.cjs.entry.js.map +1 -1
  15. package/dist/collection/components/atoms/divider/divider.component.css +1 -1
  16. package/dist/collection/components/atoms/divider/divider.component.js +1 -1
  17. package/dist/collection/components/atoms/divider/divider.component.js.map +1 -1
  18. package/dist/collection/components/atoms/segment-item/segment-item.component.css +1 -1
  19. package/dist/collection/components/molecules/input-group/input-group.component.js +2 -1
  20. package/dist/collection/components/molecules/input-group/input-group.component.js.map +1 -1
  21. package/dist/components/divider.component.js +2 -2
  22. package/dist/components/divider.component.js.map +1 -1
  23. package/dist/components/input-group.component.js +2 -1
  24. package/dist/components/input-group.component.js.map +1 -1
  25. package/dist/components/segment-item.component.js +1 -1
  26. package/dist/components/segment-item.component.js.map +1 -1
  27. package/dist/esm/p-divider.entry.js +2 -2
  28. package/dist/esm/p-divider.entry.js.map +1 -1
  29. package/dist/esm/p-helper_3.entry.js +2 -1
  30. package/dist/esm/p-helper_3.entry.js.map +1 -1
  31. package/dist/esm/p-label_3.entry.js +1 -1
  32. package/dist/esm/p-label_3.entry.js.map +1 -1
  33. package/dist/index.html +1 -1
  34. package/dist/{build/p-2ca82713.entry.js → paperless/p-11751f96.entry.js} +2 -2
  35. package/dist/{build/p-2ca82713.entry.js.map → paperless/p-11751f96.entry.js.map} +1 -1
  36. package/dist/paperless/{p-440bcef4.entry.js → p-2cd5062f.entry.js} +2 -2
  37. package/dist/paperless/{p-440bcef4.entry.js.map → p-2cd5062f.entry.js.map} +1 -1
  38. package/dist/paperless/{p-142d3a29.entry.js → p-6a5aeb90.entry.js} +2 -2
  39. package/dist/paperless/p-6a5aeb90.entry.js.map +1 -0
  40. package/dist/paperless/paperless.esm.js +1 -1
  41. package/dist/sw.js +1 -1
  42. package/dist/sw.js.map +1 -1
  43. package/hydrate/index.js +5 -4
  44. package/package.json +1 -1
  45. package/dist/build/p-142d3a29.entry.js.map +0 -1
  46. package/dist/paperless/p-142d3a29.entry.js.map +0 -1
package/hydrate/index.js CHANGED
@@ -18030,7 +18030,7 @@ class Datepicker {
18030
18030
  }; }
18031
18031
  }
18032
18032
 
18033
- const dividerComponentCss = "/*!@.my-2*/.my-2.sc-p-divider{margin-bottom:.5rem!important;margin-top:.5rem!important}/*!@.block*/.block.sc-p-divider{display:block!important}/*!@.flex*/.flex.sc-p-divider{display:flex!important}/*!@.h-px*/.h-px.sc-p-divider{height:1px!important}/*!@.w-full*/.w-full.sc-p-divider{width:100%!important}/*!@.bg-mystic-medium*/.bg-mystic-medium.sc-p-divider{--tw-bg-opacity:1!important;background-color:rgb(227 236 243/var(--tw-bg-opacity))!important}/*!@**/*.sc-p-divider{box-sizing:border-box}/*!@:host*/.sc-p-divider-h{display:block;margin-bottom:.5rem;margin-top:.5rem;width:100%}/*!@:host .content*/.sc-p-divider-h .content.sc-p-divider{align-items:center;display:flex;width:100%}/*!@:host .content:after,:host .content:before*/.sc-p-divider-h .content.sc-p-divider:after,.sc-p-divider-h .content.sc-p-divider:before{--tw-bg-opacity:1;background-color:rgb(227 236 243/var(--tw-bg-opacity));content:\"\";flex:1 1 0%;height:1px}/*!@.static*/.static.sc-p-divider{position:static!important}/*!@.items-center*/.items-center.sc-p-divider{align-items:center!important}/*!@.px-2*/.px-2.sc-p-divider{padding-left:.5rem!important;padding-right:.5rem!important}/*!@.text-xs*/.text-xs.sc-p-divider{font-size:.75rem!important;line-height:1rem!important}/*!@.font-semibold*/.font-semibold.sc-p-divider{font-weight:600!important}/*!@.uppercase*/.uppercase.sc-p-divider{text-transform:uppercase!important}";
18033
+ const dividerComponentCss = "/*!@.my-2*/.my-2.sc-p-divider{margin-bottom:.5rem!important;margin-top:.5rem!important}/*!@.block*/.block.sc-p-divider{display:block!important}/*!@.flex*/.flex.sc-p-divider{display:flex!important}/*!@.h-px*/.h-px.sc-p-divider{height:1px!important}/*!@.w-full*/.w-full.sc-p-divider{width:100%!important}/*!@.bg-mystic-medium*/.bg-mystic-medium.sc-p-divider{--tw-bg-opacity:1!important;background-color:rgb(227 236 243/var(--tw-bg-opacity))!important}/*!@**/*.sc-p-divider{box-sizing:border-box}/*!@:host*/.sc-p-divider-h{display:block;margin-bottom:.5rem;margin-top:.5rem;width:100%}/*!@:host .content*/.sc-p-divider-h .content.sc-p-divider{align-items:center;display:flex;width:100%}/*!@:host .content:after,:host .content:before*/.sc-p-divider-h .content.sc-p-divider:after,.sc-p-divider-h .content.sc-p-divider:before{--tw-bg-opacity:1;background-color:rgb(227 236 243/var(--tw-bg-opacity));content:\"\";flex:1 1 0%;height:1px}/*!@.static*/.static.sc-p-divider{position:static!important}/*!@.items-center*/.items-center.sc-p-divider{align-items:center!important}/*!@.px-2*/.px-2.sc-p-divider{padding-left:.5rem!important;padding-right:.5rem!important}/*!@.text-xxs*/.text-xxs.sc-p-divider{font-size:.6875rem!important}/*!@.font-semibold*/.font-semibold.sc-p-divider{font-weight:600!important}/*!@.uppercase*/.uppercase.sc-p-divider{text-transform:uppercase!important}";
18034
18034
 
18035
18035
  class Divider {
18036
18036
  constructor(hostRef) {
@@ -18039,7 +18039,7 @@ class Divider {
18039
18039
  render() {
18040
18040
  var _a;
18041
18041
  const hasSlotted = !!((_a = this._el.innerHTML) === null || _a === void 0 ? void 0 : _a.length);
18042
- return (hAsync(Host, { class: "p-divider" }, hAsync("div", { class: "content" }, hAsync("div", { class: `flex items-center ${hasSlotted && 'px-2'} text-xs font-semibold uppercase` }, hAsync("slot", null)))));
18042
+ return (hAsync(Host, { class: "p-divider" }, hAsync("div", { class: "content" }, hAsync("div", { class: `flex items-center ${hasSlotted && 'px-2'} text-xxs font-semibold uppercase` }, hAsync("slot", null)))));
18043
18043
  }
18044
18044
  get _el() { return getElement(this); }
18045
18045
  static get style() { return dividerComponentCss; }
@@ -19883,7 +19883,8 @@ class InputGroup {
19883
19883
  if (!input) {
19884
19884
  return;
19885
19885
  }
19886
- if (this._whitelistedTags.indexOf(input.tagName) === -1) {
19886
+ const tagName = input.tagName.toLowerCase();
19887
+ if (this._whitelistedTags.indexOf(tagName) === -1) {
19887
19888
  return;
19888
19889
  }
19889
19890
  if (!input.classList.contains('p-input')) {
@@ -20735,7 +20736,7 @@ class SegmentContainer {
20735
20736
  }; }
20736
20737
  }
20737
20738
 
20738
- const segmentItemComponentCss = "/*!@.flex*/.flex.sc-p-segment-item{display:flex!important}/*!@.h-6*/.h-6.sc-p-segment-item{height:1.5rem!important}/*!@.h-auto*/.h-auto.sc-p-segment-item{height:auto!important}/*!@.w-6*/.w-6.sc-p-segment-item{width:1.5rem!important}/*!@.max-w-\\[9rem\\]*/.max-w-\\[9rem\\].sc-p-segment-item{max-width:9rem!important}/*!@.flex-col*/.flex-col.sc-p-segment-item{flex-direction:column!important}/*!@.items-center*/.items-center.sc-p-segment-item{align-items:center!important}/*!@.justify-center*/.justify-center.sc-p-segment-item{justify-content:center!important}/*!@.gap-2*/.gap-2.sc-p-segment-item{gap:.5rem!important}/*!@.whitespace-normal*/.whitespace-normal.sc-p-segment-item{white-space:normal!important}/*!@.p-4*/.p-4.sc-p-segment-item{padding:1rem!important}/*!@.px-2*/.px-2.sc-p-segment-item{padding-left:.5rem!important;padding-right:.5rem!important}/*!@.text-sm*/.text-sm.sc-p-segment-item{font-size:.875rem!important;line-height:1.25rem!important}/*!@.text-xxs*/.text-xxs.sc-p-segment-item{font-size:.6875rem!important}/*!@.font-semibold*/.font-semibold.sc-p-segment-item{font-weight:600!important}/*!@.text-indigo*/.text-indigo.sc-p-segment-item{color:rgb(82 138 250/var(--tw-text-opacity))!important}/*!@.text-indigo,.text-storm*/.text-indigo.sc-p-segment-item,.text-storm.sc-p-segment-item{--tw-text-opacity:1!important}/*!@.text-storm*/.text-storm.sc-p-segment-item{color:rgb(81 83 107/var(--tw-text-opacity))!important}/*!@.text-storm-medium*/.text-storm-medium.sc-p-segment-item{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}/*!@**/*.sc-p-segment-item{box-sizing:border-box}/*!@:host*/.sc-p-segment-item-h{--tw-text-opacity:1;align-items:center;border-radius:.375rem;color:rgb(81 83 107/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:1.5rem;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem;white-space:nowrap}/*!@:host([size=big])*/[size=big].sc-p-segment-item-h{flex-direction:column;height:auto;max-width:9rem;padding:1rem;text-align:center;white-space:normal}/*!@:host([size=big]) .description*/[size=big].sc-p-segment-item-h .description.sc-p-segment-item{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity));font-size:.6875rem;margin-top:-.5rem}/*!@:host(.variant-icon)*/.variant-icon.sc-p-segment-item-h{justify-content:center;padding-left:0;padding-right:0;width:1.5rem}/*!@:host(:hover)*/.sc-p-segment-item-h:hover{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity))}/*!@:host(.active)*/.active.sc-p-segment-item-h{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(82 138 250/var(--tw-text-opacity))}/*!@:host(.active) .description*/.active.sc-p-segment-item-h .description.sc-p-segment-item{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}/*!@.static*/.static.sc-p-segment-item{position:static!important}";
20739
+ const segmentItemComponentCss = "/*!@.-mt-2*/.-mt-2.sc-p-segment-item{margin-top:-.5rem!important}/*!@.flex*/.flex.sc-p-segment-item{display:flex!important}/*!@.h-6*/.h-6.sc-p-segment-item{height:1.5rem!important}/*!@.h-auto*/.h-auto.sc-p-segment-item{height:auto!important}/*!@.w-6*/.w-6.sc-p-segment-item{width:1.5rem!important}/*!@.max-w-\\[9rem\\]*/.max-w-\\[9rem\\].sc-p-segment-item{max-width:9rem!important}/*!@.flex-col*/.flex-col.sc-p-segment-item{flex-direction:column!important}/*!@.items-center*/.items-center.sc-p-segment-item{align-items:center!important}/*!@.justify-center*/.justify-center.sc-p-segment-item{justify-content:center!important}/*!@.gap-2*/.gap-2.sc-p-segment-item{gap:.5rem!important}/*!@.whitespace-normal*/.whitespace-normal.sc-p-segment-item{white-space:normal!important}/*!@.whitespace-nowrap*/.whitespace-nowrap.sc-p-segment-item{white-space:nowrap!important}/*!@.rounded-large*/.rounded-large.sc-p-segment-item{border-radius:.375rem!important}/*!@.bg-indigo-light*/.bg-indigo-light.sc-p-segment-item{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}/*!@.p-4*/.p-4.sc-p-segment-item{padding:1rem!important}/*!@.text-sm*/.text-sm.sc-p-segment-item{font-size:.875rem!important;line-height:1.25rem!important}/*!@.text-xxs*/.text-xxs.sc-p-segment-item{font-size:.6875rem!important}/*!@.font-normal*/.font-normal.sc-p-segment-item{font-weight:400!important}/*!@.font-semibold*/.font-semibold.sc-p-segment-item{font-weight:600!important}/*!@**/*.sc-p-segment-item{box-sizing:border-box}/*!@:host*/.sc-p-segment-item-h{--tw-text-opacity:1;align-items:center;border-radius:.375rem;color:rgb(81 83 107/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:1.5rem;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem;white-space:nowrap}/*!@:host([size=big])*/[size=big].sc-p-segment-item-h{flex-direction:column;height:auto;max-width:9rem;padding:1rem;text-align:center;white-space:normal}/*!@:host([size=big]) .description*/[size=big].sc-p-segment-item-h .description.sc-p-segment-item{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity));font-size:.6875rem;font-weight:400;margin-top:-.5rem}/*!@:host(.variant-icon)*/.variant-icon.sc-p-segment-item-h{justify-content:center;padding-left:0;padding-right:0;width:1.5rem}/*!@:host(:hover)*/.sc-p-segment-item-h:hover{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity))}/*!@:host(.active)*/.active.sc-p-segment-item-h{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(82 138 250/var(--tw-text-opacity))}/*!@:host(.active) .description*/.active.sc-p-segment-item-h .description.sc-p-segment-item{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}/*!@.static*/.static.sc-p-segment-item{position:static!important}";
20739
20740
 
20740
20741
  class SegmentItem {
20741
20742
  constructor(hostRef) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@paperless/core",
3
- "version": "1.12.2",
3
+ "version": "1.12.4",
4
4
  "description": "Stencil Component Starter",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -1 +0,0 @@
1
- {"version":3,"names":["helperComponentCss","Helper","render","h","Host","class","placement","this","slot","InputError","variant","content","error","show","forceShowTooltip","onIsOpen","ev","_showTooltip","detail","inputGroupComponentCss","InputGroup","_whitelistedTags","componentWillRender","_setInputClasses","hasHeaderSlot","helper","label","prefix","suffix","errorAndErrorIsNotBoolean","errorVariant","_getSlotInfo","_a","length","disabled","focused","size","onClick","_focusInput","required","name","_forceShowTooltip","enableUserInput","icon","iconPosition","rotate","iconRotate","flip","iconFlip","handleFocusIn","handleFocusOut","input","_el","querySelector","indexOf","tagName","classList","contains","add","remove","hasHelperSlot","hasLabelSlot","hasPrefixSlot","hasSuffixSlot","offsetWidth","focusMethod"],"sources":["src/components/atoms/helper/helper.component.scss?tag=p-helper&encapsulation=shadow","src/components/atoms/helper/helper.component.tsx","src/components/molecules/input-error/input-error.component.tsx","src/components/molecules/input-group/input-group.component.scss?tag=p-input-group&encapsulation=shadow","src/components/molecules/input-group/input-group.component.tsx"],"sourcesContent":[":host {\n .helper {\n @apply inline-block cursor-pointer bg-no-repeat bg-center w-3 h-3;\n background-image: url(/assets/images/helper/helper.svg);\n\n &:hover {\n background-image: url(/assets/images/helper/helper-hover.svg);\n }\n }\n}\n","import { Placement } from '@floating-ui/dom';\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-helper',\n styleUrl: 'helper.component.scss',\n shadow: true,\n})\nexport class Helper {\n /**\n * The placement of the helper popover\n */\n @Prop() placement: Placement = 'top';\n\n render() {\n return (\n <Host class=\"p-helper\">\n <p-tooltip placement={this.placement}>\n <div slot=\"content\">\n <slot />\n </div>\n\n <div slot=\"trigger\" class=\"helper\"></div>\n </p-tooltip>\n </Host>\n );\n }\n}\n","import { Component, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n tag: 'p-input-error',\n shadow: true,\n})\nexport class InputError {\n /**\n * The error to show\n */\n @Prop() error: string;\n\n /**\n * Wether to force show the tooltip\n */\n @Prop() forceShowTooltip = false;\n\n @State() private _showTooltip = false;\n\n render() {\n return (\n <Host class=\"p-input-error\">\n <p-tooltip\n variant=\"error\"\n content={this.error}\n show={this.forceShowTooltip}\n onIsOpen={(ev) => (this._showTooltip = ev.detail)}\n >\n <p-icon\n class={`${\n this._showTooltip\n ? 'text-negative'\n : 'text-negative-light'\n } hover:text-negative`}\n slot=\"trigger\"\n variant=\"explanation\"\n />\n </p-tooltip>\n </Host>\n );\n }\n}\n","@import '../../../style/form/mixins';\n\n@mixin slottedItems($prefix: false) {\n @include inputs($prefix, true) {\n @content;\n }\n}\n\n:host {\n @apply flex w-full flex-col;\n @apply outline-none #{!important};\n\n .input-label {\n @apply mb-[2px] text-xs font-semibold uppercase tracking-wider text-storm-vague;\n }\n\n .input-header {\n @apply mb-[2px] flex items-end gap-2;\n }\n\n .content {\n @apply flex w-full;\n\n .prefix,\n .suffix {\n @include inputDefaultState(false);\n @apply box-border flex-1 text-storm;\n @apply h-full;\n }\n\n .prefix {\n @apply rounded-br-none rounded-tr-none;\n @apply border-r-0 #{!important};\n @apply order-1;\n @apply pr-2;\n }\n\n .suffix {\n @apply rounded-bl-none rounded-tl-none;\n @apply order-3;\n @apply pl-2;\n @apply border-l-0 #{!important};\n }\n\n @include slottedItems() {\n @include inputDefaultState();\n @apply order-2;\n }\n\n @include slottedItems('.prefix') {\n @apply rounded-bl-none rounded-tl-none #{!important};\n @apply flex-auto;\n @apply border-l-0 pl-0 #{!important};\n }\n\n @include slottedItems('.suffix') {\n @apply rounded-br-none rounded-tr-none #{!important};\n @apply flex-auto;\n @apply border-r-0 pr-0 #{!important};\n }\n }\n}\n\n:host(.focused),\n:host([focused]),\n:host(:focus-within),\n:host(:focus) {\n @apply outline-none #{!important};\n\n .prefix,\n .suffix {\n @include inputFocusState();\n @apply text-indigo;\n }\n\n @include slottedItems() {\n @include inputFocusState();\n }\n}\n\n:host(.error),\n:host([error]) {\n .prefix,\n .suffix {\n @include inputErrorState();\n @apply text-negative;\n }\n\n .suffix {\n @apply items-start py-[calc(0.75rem-1px)];\n }\n\n @include slottedItems() {\n @include inputErrorState();\n\n &:focus,\n &:focus-within,\n &:focus-visible,\n &.focus,\n &[active],\n &.active {\n @include inputErrorState();\n }\n }\n}\n\n:host(.disabled),\n:host([disabled]) {\n .prefix,\n .suffix {\n @include inputDisabledState();\n }\n\n @include slottedItems() {\n @include inputDisabledState();\n pointer-events: none;\n }\n}\n\n:host(.size-small) {\n @include slottedItems() {\n @include inputSizeSmall();\n }\n}\n\n:host(.size-small.error),\n:host(.size-small[error]) {\n .suffix {\n @apply py-2;\n }\n}\n","import {\n Component,\n Element,\n h,\n Host,\n Listen,\n Prop,\n State,\n} from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\n\n@Component({\n tag: 'p-input-group',\n styleUrl: './input-group.component.scss',\n shadow: true,\n})\nexport class InputGroup {\n /**\n * The size of the input group\n */\n @Prop() size: 'small' | 'medium' = 'medium';\n\n /**\n * The prefix of the input group\n */\n @Prop() prefix: string;\n\n /**\n * The suffix of the input group\n */\n @Prop() suffix: string;\n\n /**\n * Icon of the input group\n */\n @Prop() icon: IconVariant;\n\n /**\n * Icon flip\n */\n @Prop() iconFlip: IconFlipOptions;\n\n /**\n * Icon rotate\n */\n @Prop() iconRotate: RotateOptions;\n\n /**\n * Icon position\n */\n @Prop() iconPosition: 'start' | 'end' = 'start';\n\n /**\n * The label of the input group\n */\n @Prop() label: string;\n\n /**\n * The helper of the input group\n */\n @Prop() helper: string;\n\n /**\n * Wether the field is required\n */\n @Prop({ reflect: true }) required: boolean;\n\n /**\n * The helper of the input group\n */\n @Prop({ reflect: true }) error: string;\n\n /**\n * Wether the input group is disabled\n */\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /**\n * Wether the input group is focused\n */\n @Prop({ reflect: true }) focused: boolean = false;\n\n /**\n * The method to use when focusing the input\n */\n @Prop() focusMethod: 'focus' | 'click' = 'focus';\n\n /**\n * The host element\n */\n @Element() private _el: HTMLElement;\n\n @State() private _forceShowTooltip = false;\n\n private _whitelistedTags = ['input', 'textarea'];\n\n componentWillRender() {\n this._setInputClasses();\n }\n\n render() {\n const {\n hasHeaderSlot,\n helper,\n label,\n prefix,\n suffix,\n errorAndErrorIsNotBoolean,\n errorVariant,\n } = this._getSlotInfo();\n\n return (\n <Host\n class={`p-input-group ${this.error?.length && 'error'} ${\n this.disabled && 'disabled'\n } ${this.focused && 'focused'} size-${this.size}`}\n >\n <div class=\"flex items-end justify-between\">\n {label && (\n <div\n class=\"input-label\"\n onClick={() => this._focusInput()}\n >\n {label}\n {this.required && (\n <span class=\"ml-1 text-negative\">*</span>\n )}\n </div>\n )}\n\n {(helper || hasHeaderSlot) && (\n <div class=\"input-header\">\n {hasHeaderSlot && <slot name=\"header\" />}\n {helper && (\n <p-helper\n class={`flex ${\n hasHeaderSlot ? 'ml-2' : ''\n }`}\n placement=\"top-end\"\n >\n {helper}\n </p-helper>\n )}\n </div>\n )}\n </div>\n <p-tooltip\n class=\"w-full\"\n variant=\"error-element\"\n content={this.error}\n show={\n errorAndErrorIsNotBoolean &&\n errorVariant === 'element' &&\n this._forceShowTooltip\n }\n enableUserInput={false}\n >\n <div class=\"content\" slot=\"trigger\">\n {(prefix ||\n (this.icon && this.iconPosition === 'start')) && (\n <div\n class={`prefix size-${this.size}`}\n onClick={() => this._focusInput()}\n >\n {this.icon && this.iconPosition === 'start' ? (\n <p-icon\n class=\"flex\"\n variant={this.icon}\n rotate={this.iconRotate}\n flip={this.iconFlip}\n />\n ) : (\n prefix\n )}\n </div>\n )}\n {(suffix ||\n (errorAndErrorIsNotBoolean &&\n errorVariant === 'icon') ||\n (this.icon && this.iconPosition === 'end')) && (\n <div\n class={`suffix size-${this.size}`}\n onClick={() => this._focusInput()}\n >\n {errorAndErrorIsNotBoolean &&\n errorVariant === 'icon' ? (\n <p-input-error\n error={this.error}\n forceShowTooltip={\n this._forceShowTooltip\n }\n />\n ) : this.icon && this.iconPosition === 'end' ? (\n <p-icon\n class=\"flex\"\n variant={this.icon}\n rotate={this.iconRotate}\n flip={this.iconFlip}\n />\n ) : (\n suffix\n )}\n </div>\n )}\n\n <slot name=\"input\" />\n </div>\n </p-tooltip>\n </Host>\n );\n }\n\n @Listen('focusin')\n handleFocusIn() {\n this._forceShowTooltip = true;\n }\n\n @Listen('focusout')\n handleFocusOut() {\n this._forceShowTooltip = false;\n }\n /* \n With this, we shall hack the system in ways no one would ever have thought.\n \n <div class=\"pl-0 pr-0 border-l-0 border-r-0 rounded-tl-none rounded-bl-none rounded-tr-none rounded-br-none\"></div>\n */\n private _setInputClasses() {\n const input = this._el.querySelector(':scope > [slot=\"input\"]');\n\n if (!input) {\n return;\n }\n\n if (this._whitelistedTags.indexOf(input.tagName) === -1) {\n return;\n }\n\n if (!input.classList.contains('p-input')) {\n input.classList.add('p-input');\n }\n\n const { prefix, suffix, errorAndErrorIsNotBoolean, errorVariant } =\n this._getSlotInfo();\n\n if (\n suffix ||\n (errorAndErrorIsNotBoolean && errorVariant === 'icon') ||\n (this.icon && this.iconPosition === 'end')\n ) {\n input.classList.add(\n 'border-r-0',\n 'rounded-tr-none',\n 'rounded-br-none',\n 'pr-0'\n );\n } else {\n input.classList.remove(\n 'border-r-0',\n 'rounded-tr-none',\n 'rounded-br-none',\n 'pr-0'\n );\n }\n\n if (prefix || (this.icon && this.iconPosition === 'start')) {\n input.classList.add(\n 'border-l-0',\n 'rounded-tl-none',\n 'rounded-bl-none',\n 'pl-0'\n );\n } else {\n input.classList.remove(\n 'border-l-0',\n 'rounded-tl-none',\n 'rounded-bl-none',\n 'pl-0'\n );\n }\n\n if (this.size === 'small' && !input.classList.contains('size-small')) {\n input.classList.add('size-small');\n }\n\n if (this.size !== 'small' && input.classList.contains('size-small')) {\n input.classList.remove('size-small');\n }\n }\n\n private _getSlotInfo() {\n const hasHelperSlot = !!this._el.querySelector(\n ':scope > [slot=\"helper\"]'\n );\n const hasLabelSlot = !!this._el.querySelector(\n ':scope > [slot=\"label\"]'\n );\n const hasPrefixSlot = !!this._el.querySelector(\n ':scope > [slot=\"prefix\"]'\n );\n const hasSuffixSlot = !!this._el.querySelector(\n ':scope > [slot=\"suffix\"]'\n );\n const hasHeaderSlot = !!this._el.querySelector(\n ':scope > [slot=\"header\"]'\n );\n\n const helper = hasHelperSlot ? <slot name=\"helper\" /> : this.helper;\n const label = hasLabelSlot ? <slot name=\"label\" /> : this.label;\n const prefix = hasPrefixSlot ? <slot name=\"prefix\" /> : this.prefix;\n const suffix = hasSuffixSlot ? <slot name=\"suffix\" /> : this.suffix;\n\n const errorAndErrorIsNotBoolean =\n this.error &&\n typeof this.error === 'string' &&\n this.error !== 'true';\n\n return {\n hasHelperSlot,\n hasLabelSlot,\n hasPrefixSlot,\n hasSuffixSlot,\n hasHeaderSlot,\n helper,\n label,\n prefix,\n suffix,\n errorAndErrorIsNotBoolean,\n errorVariant: this._el.offsetWidth <= 72 ? 'element' : 'icon',\n };\n }\n\n private _focusInput() {\n const input = this._el.querySelector(':scope > [slot=\"input\"]');\n (input as HTMLElement)[this.focusMethod]();\n }\n}\n"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"names":["helperComponentCss","Helper","render","h","Host","class","placement","this","slot","InputError","variant","content","error","show","forceShowTooltip","onIsOpen","ev","_showTooltip","detail","inputGroupComponentCss","InputGroup","_whitelistedTags","componentWillRender","_setInputClasses","hasHeaderSlot","helper","label","prefix","suffix","errorAndErrorIsNotBoolean","errorVariant","_getSlotInfo","_a","length","disabled","focused","size","onClick","_focusInput","required","name","_forceShowTooltip","enableUserInput","icon","iconPosition","rotate","iconRotate","flip","iconFlip","handleFocusIn","handleFocusOut","input","_el","querySelector","indexOf","tagName","classList","contains","add","remove","hasHelperSlot","hasLabelSlot","hasPrefixSlot","hasSuffixSlot","offsetWidth","focusMethod"],"sources":["src/components/atoms/helper/helper.component.scss?tag=p-helper&encapsulation=shadow","src/components/atoms/helper/helper.component.tsx","src/components/molecules/input-error/input-error.component.tsx","src/components/molecules/input-group/input-group.component.scss?tag=p-input-group&encapsulation=shadow","src/components/molecules/input-group/input-group.component.tsx"],"sourcesContent":[":host {\n .helper {\n @apply inline-block cursor-pointer bg-no-repeat bg-center w-3 h-3;\n background-image: url(/assets/images/helper/helper.svg);\n\n &:hover {\n background-image: url(/assets/images/helper/helper-hover.svg);\n }\n }\n}\n","import { Placement } from '@floating-ui/dom';\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-helper',\n styleUrl: 'helper.component.scss',\n shadow: true,\n})\nexport class Helper {\n /**\n * The placement of the helper popover\n */\n @Prop() placement: Placement = 'top';\n\n render() {\n return (\n <Host class=\"p-helper\">\n <p-tooltip placement={this.placement}>\n <div slot=\"content\">\n <slot />\n </div>\n\n <div slot=\"trigger\" class=\"helper\"></div>\n </p-tooltip>\n </Host>\n );\n }\n}\n","import { Component, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n tag: 'p-input-error',\n shadow: true,\n})\nexport class InputError {\n /**\n * The error to show\n */\n @Prop() error: string;\n\n /**\n * Wether to force show the tooltip\n */\n @Prop() forceShowTooltip = false;\n\n @State() private _showTooltip = false;\n\n render() {\n return (\n <Host class=\"p-input-error\">\n <p-tooltip\n variant=\"error\"\n content={this.error}\n show={this.forceShowTooltip}\n onIsOpen={(ev) => (this._showTooltip = ev.detail)}\n >\n <p-icon\n class={`${\n this._showTooltip\n ? 'text-negative'\n : 'text-negative-light'\n } hover:text-negative`}\n slot=\"trigger\"\n variant=\"explanation\"\n />\n </p-tooltip>\n </Host>\n );\n }\n}\n","@import '../../../style/form/mixins';\n\n@mixin slottedItems($prefix: false) {\n @include inputs($prefix, true) {\n @content;\n }\n}\n\n:host {\n @apply flex w-full flex-col;\n @apply outline-none #{!important};\n\n .input-label {\n @apply mb-[2px] text-xs font-semibold uppercase tracking-wider text-storm-vague;\n }\n\n .input-header {\n @apply mb-[2px] flex items-end gap-2;\n }\n\n .content {\n @apply flex w-full;\n\n .prefix,\n .suffix {\n @include inputDefaultState(false);\n @apply box-border flex-1 text-storm;\n @apply h-full;\n }\n\n .prefix {\n @apply rounded-br-none rounded-tr-none;\n @apply border-r-0 #{!important};\n @apply order-1;\n @apply pr-2;\n }\n\n .suffix {\n @apply rounded-bl-none rounded-tl-none;\n @apply order-3;\n @apply pl-2;\n @apply border-l-0 #{!important};\n }\n\n @include slottedItems() {\n @include inputDefaultState();\n @apply order-2;\n }\n\n @include slottedItems('.prefix') {\n @apply rounded-bl-none rounded-tl-none #{!important};\n @apply flex-auto;\n @apply border-l-0 pl-0 #{!important};\n }\n\n @include slottedItems('.suffix') {\n @apply rounded-br-none rounded-tr-none #{!important};\n @apply flex-auto;\n @apply border-r-0 pr-0 #{!important};\n }\n }\n}\n\n:host(.focused),\n:host([focused]),\n:host(:focus-within),\n:host(:focus) {\n @apply outline-none #{!important};\n\n .prefix,\n .suffix {\n @include inputFocusState();\n @apply text-indigo;\n }\n\n @include slottedItems() {\n @include inputFocusState();\n }\n}\n\n:host(.error),\n:host([error]) {\n .prefix,\n .suffix {\n @include inputErrorState();\n @apply text-negative;\n }\n\n .suffix {\n @apply items-start py-[calc(0.75rem-1px)];\n }\n\n @include slottedItems() {\n @include inputErrorState();\n\n &:focus,\n &:focus-within,\n &:focus-visible,\n &.focus,\n &[active],\n &.active {\n @include inputErrorState();\n }\n }\n}\n\n:host(.disabled),\n:host([disabled]) {\n .prefix,\n .suffix {\n @include inputDisabledState();\n }\n\n @include slottedItems() {\n @include inputDisabledState();\n pointer-events: none;\n }\n}\n\n:host(.size-small) {\n @include slottedItems() {\n @include inputSizeSmall();\n }\n}\n\n:host(.size-small.error),\n:host(.size-small[error]) {\n .suffix {\n @apply py-2;\n }\n}\n","import {\n Component,\n Element,\n h,\n Host,\n Listen,\n Prop,\n State,\n} from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\n\n@Component({\n tag: 'p-input-group',\n styleUrl: './input-group.component.scss',\n shadow: true,\n})\nexport class InputGroup {\n /**\n * The size of the input group\n */\n @Prop() size: 'small' | 'medium' = 'medium';\n\n /**\n * The prefix of the input group\n */\n @Prop() prefix: string;\n\n /**\n * The suffix of the input group\n */\n @Prop() suffix: string;\n\n /**\n * Icon of the input group\n */\n @Prop() icon: IconVariant;\n\n /**\n * Icon flip\n */\n @Prop() iconFlip: IconFlipOptions;\n\n /**\n * Icon rotate\n */\n @Prop() iconRotate: RotateOptions;\n\n /**\n * Icon position\n */\n @Prop() iconPosition: 'start' | 'end' = 'start';\n\n /**\n * The label of the input group\n */\n @Prop() label: string;\n\n /**\n * The helper of the input group\n */\n @Prop() helper: string;\n\n /**\n * Wether the field is required\n */\n @Prop({ reflect: true }) required: boolean;\n\n /**\n * The helper of the input group\n */\n @Prop({ reflect: true }) error: string;\n\n /**\n * Wether the input group is disabled\n */\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /**\n * Wether the input group is focused\n */\n @Prop({ reflect: true }) focused: boolean = false;\n\n /**\n * The method to use when focusing the input\n */\n @Prop() focusMethod: 'focus' | 'click' = 'focus';\n\n /**\n * The host element\n */\n @Element() private _el: HTMLElement;\n\n @State() private _forceShowTooltip = false;\n\n private _whitelistedTags = ['input', 'textarea'];\n\n componentWillRender() {\n this._setInputClasses();\n }\n\n render() {\n const {\n hasHeaderSlot,\n helper,\n label,\n prefix,\n suffix,\n errorAndErrorIsNotBoolean,\n errorVariant,\n } = this._getSlotInfo();\n\n return (\n <Host\n class={`p-input-group ${this.error?.length && 'error'} ${\n this.disabled && 'disabled'\n } ${this.focused && 'focused'} size-${this.size}`}\n >\n <div class=\"flex items-end justify-between\">\n {label && (\n <div\n class=\"input-label\"\n onClick={() => this._focusInput()}\n >\n {label}\n {this.required && (\n <span class=\"ml-1 text-negative\">*</span>\n )}\n </div>\n )}\n\n {(helper || hasHeaderSlot) && (\n <div class=\"input-header\">\n {hasHeaderSlot && <slot name=\"header\" />}\n {helper && (\n <p-helper\n class={`flex ${\n hasHeaderSlot ? 'ml-2' : ''\n }`}\n placement=\"top-end\"\n >\n {helper}\n </p-helper>\n )}\n </div>\n )}\n </div>\n <p-tooltip\n class=\"w-full\"\n variant=\"error-element\"\n content={this.error}\n show={\n errorAndErrorIsNotBoolean &&\n errorVariant === 'element' &&\n this._forceShowTooltip\n }\n enableUserInput={false}\n >\n <div class=\"content\" slot=\"trigger\">\n {(prefix ||\n (this.icon && this.iconPosition === 'start')) && (\n <div\n class={`prefix size-${this.size}`}\n onClick={() => this._focusInput()}\n >\n {this.icon && this.iconPosition === 'start' ? (\n <p-icon\n class=\"flex\"\n variant={this.icon}\n rotate={this.iconRotate}\n flip={this.iconFlip}\n />\n ) : (\n prefix\n )}\n </div>\n )}\n {(suffix ||\n (errorAndErrorIsNotBoolean &&\n errorVariant === 'icon') ||\n (this.icon && this.iconPosition === 'end')) && (\n <div\n class={`suffix size-${this.size}`}\n onClick={() => this._focusInput()}\n >\n {errorAndErrorIsNotBoolean &&\n errorVariant === 'icon' ? (\n <p-input-error\n error={this.error}\n forceShowTooltip={\n this._forceShowTooltip\n }\n />\n ) : this.icon && this.iconPosition === 'end' ? (\n <p-icon\n class=\"flex\"\n variant={this.icon}\n rotate={this.iconRotate}\n flip={this.iconFlip}\n />\n ) : (\n suffix\n )}\n </div>\n )}\n\n <slot name=\"input\" />\n </div>\n </p-tooltip>\n </Host>\n );\n }\n\n @Listen('focusin')\n handleFocusIn() {\n this._forceShowTooltip = true;\n }\n\n @Listen('focusout')\n handleFocusOut() {\n this._forceShowTooltip = false;\n }\n /* \n With this, we shall hack the system in ways no one would ever have thought.\n \n <div class=\"pl-0 pr-0 border-l-0 border-r-0 rounded-tl-none rounded-bl-none rounded-tr-none rounded-br-none\"></div>\n */\n private _setInputClasses() {\n const input = this._el.querySelector(':scope > [slot=\"input\"]');\n\n if (!input) {\n return;\n }\n\n if (this._whitelistedTags.indexOf(input.tagName) === -1) {\n return;\n }\n\n if (!input.classList.contains('p-input')) {\n input.classList.add('p-input');\n }\n\n const { prefix, suffix, errorAndErrorIsNotBoolean, errorVariant } =\n this._getSlotInfo();\n\n if (\n suffix ||\n (errorAndErrorIsNotBoolean && errorVariant === 'icon') ||\n (this.icon && this.iconPosition === 'end')\n ) {\n input.classList.add(\n 'border-r-0',\n 'rounded-tr-none',\n 'rounded-br-none',\n 'pr-0'\n );\n } else {\n input.classList.remove(\n 'border-r-0',\n 'rounded-tr-none',\n 'rounded-br-none',\n 'pr-0'\n );\n }\n\n if (prefix || (this.icon && this.iconPosition === 'start')) {\n input.classList.add(\n 'border-l-0',\n 'rounded-tl-none',\n 'rounded-bl-none',\n 'pl-0'\n );\n } else {\n input.classList.remove(\n 'border-l-0',\n 'rounded-tl-none',\n 'rounded-bl-none',\n 'pl-0'\n );\n }\n\n if (this.size === 'small' && !input.classList.contains('size-small')) {\n input.classList.add('size-small');\n }\n\n if (this.size !== 'small' && input.classList.contains('size-small')) {\n input.classList.remove('size-small');\n }\n }\n\n private _getSlotInfo() {\n const hasHelperSlot = !!this._el.querySelector(\n ':scope > [slot=\"helper\"]'\n );\n const hasLabelSlot = !!this._el.querySelector(\n ':scope > [slot=\"label\"]'\n );\n const hasPrefixSlot = !!this._el.querySelector(\n ':scope > [slot=\"prefix\"]'\n );\n const hasSuffixSlot = !!this._el.querySelector(\n ':scope > [slot=\"suffix\"]'\n );\n const hasHeaderSlot = !!this._el.querySelector(\n ':scope > [slot=\"header\"]'\n );\n\n const helper = hasHelperSlot ? <slot name=\"helper\" /> : this.helper;\n const label = hasLabelSlot ? <slot name=\"label\" /> : this.label;\n const prefix = hasPrefixSlot ? <slot name=\"prefix\" /> : this.prefix;\n const suffix = hasSuffixSlot ? <slot name=\"suffix\" /> : this.suffix;\n\n const errorAndErrorIsNotBoolean =\n this.error &&\n typeof this.error === 'string' &&\n this.error !== 'true';\n\n return {\n hasHelperSlot,\n hasLabelSlot,\n hasPrefixSlot,\n hasSuffixSlot,\n hasHeaderSlot,\n helper,\n label,\n prefix,\n suffix,\n errorAndErrorIsNotBoolean,\n errorVariant: this._el.offsetWidth <= 72 ? 'element' : 'icon',\n };\n }\n\n private _focusInput() {\n const input = this._el.querySelector(':scope > [slot=\"input\"]');\n (input as HTMLElement)[this.focusMethod]();\n }\n}\n"],"mappings":"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"}