@paperless/core 1.11.2 → 1.12.1

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 (112) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/assets/icons/chevrons.svg +15 -0
  3. package/dist/assets/icons/deactivate.svg +14 -0
  4. package/dist/assets/icons/hashtag.svg +14 -0
  5. package/dist/{paperless/p-a2883f3f.entry.js → build/p-142d3a29.entry.js} +2 -2
  6. package/dist/build/p-142d3a29.entry.js.map +1 -0
  7. package/dist/build/p-440bcef4.entry.js +2 -0
  8. package/dist/build/p-440bcef4.entry.js.map +1 -0
  9. package/dist/build/p-477a27e2.entry.js +2 -0
  10. package/dist/build/p-477a27e2.entry.js.map +1 -0
  11. package/dist/build/p-f34e08ec.entry.js +2 -0
  12. package/dist/build/p-f34e08ec.entry.js.map +1 -0
  13. package/dist/build/paperless.esm.js +1 -1
  14. package/dist/build/paperless.esm.js.map +1 -1
  15. package/dist/cjs/loader.cjs.js +1 -1
  16. package/dist/cjs/p-avatar.cjs.entry.js +7 -2
  17. package/dist/cjs/p-avatar.cjs.entry.js.map +1 -1
  18. package/dist/cjs/p-button_3.cjs.entry.js +52 -2
  19. package/dist/cjs/p-button_3.cjs.entry.js.map +1 -1
  20. package/dist/cjs/p-helper_3.cjs.entry.js +4 -0
  21. package/dist/cjs/p-helper_3.cjs.entry.js.map +1 -1
  22. package/dist/cjs/p-label_3.cjs.entry.js +14 -6
  23. package/dist/cjs/p-label_3.cjs.entry.js.map +1 -1
  24. package/dist/cjs/paperless.cjs.js +1 -1
  25. package/dist/collection/assets/icons/chevrons.svg +15 -0
  26. package/dist/collection/assets/icons/deactivate.svg +14 -0
  27. package/dist/collection/assets/icons/hashtag.svg +14 -0
  28. package/dist/collection/components/atoms/avatar/avatar.component.css +1 -1
  29. package/dist/collection/components/atoms/avatar/avatar.component.js +27 -4
  30. package/dist/collection/components/atoms/avatar/avatar.component.js.map +1 -1
  31. package/dist/collection/components/atoms/button/button.component.css +1 -1
  32. package/dist/collection/components/atoms/button/button.component.js +21 -2
  33. package/dist/collection/components/atoms/button/button.component.js.map +1 -1
  34. package/dist/collection/components/atoms/dropdown-menu-item/dropdown-menu-item.component.js +1 -1
  35. package/dist/collection/components/atoms/icon/icon.component.js +1 -1
  36. package/dist/collection/components/atoms/label/label.component.css +1 -1
  37. package/dist/collection/components/atoms/label/label.component.js +24 -5
  38. package/dist/collection/components/atoms/label/label.component.js.map +1 -1
  39. package/dist/collection/components/atoms/segment-container/segment-container.component.css +1 -1
  40. package/dist/collection/components/atoms/segment-item/segment-item.component.css +1 -1
  41. package/dist/collection/components/atoms/segment-item/segment-item.component.js +45 -2
  42. package/dist/collection/components/atoms/segment-item/segment-item.component.js.map +1 -1
  43. package/dist/collection/components/atoms/status/status.component.js +1 -1
  44. package/dist/collection/components/molecules/input-group/input-group.component.js +5 -1
  45. package/dist/collection/components/molecules/input-group/input-group.component.js.map +1 -1
  46. package/dist/collection/components/molecules/navigation-item/navigation-item.component.js +1 -1
  47. package/dist/collection/components/molecules/select/select.component.js +1 -1
  48. package/dist/collection/components/molecules/table-header/table-header.component.js +1 -1
  49. package/dist/collection/components/molecules/toast/toast.component.js +1 -1
  50. package/dist/collection/components/organisms/table/table.component.js +1 -1
  51. package/dist/collection/utils/icons.js +6 -0
  52. package/dist/collection/utils/icons.js.map +1 -1
  53. package/dist/components/button.component.js +4 -2
  54. package/dist/components/button.component.js.map +1 -1
  55. package/dist/components/icon.component.js +49 -0
  56. package/dist/components/icon.component.js.map +1 -1
  57. package/dist/components/input-group.component.js +4 -0
  58. package/dist/components/input-group.component.js.map +1 -1
  59. package/dist/components/label.component.js +5 -3
  60. package/dist/components/label.component.js.map +1 -1
  61. package/dist/components/p-avatar.js +10 -3
  62. package/dist/components/p-avatar.js.map +1 -1
  63. package/dist/components/segment-container.component.js +1 -1
  64. package/dist/components/segment-container.component.js.map +1 -1
  65. package/dist/components/segment-item.component.js +11 -2
  66. package/dist/components/segment-item.component.js.map +1 -1
  67. package/dist/esm/loader.js +1 -1
  68. package/dist/esm/p-avatar.entry.js +7 -2
  69. package/dist/esm/p-avatar.entry.js.map +1 -1
  70. package/dist/esm/p-button_3.entry.js +52 -2
  71. package/dist/esm/p-button_3.entry.js.map +1 -1
  72. package/dist/esm/p-helper_3.entry.js +4 -0
  73. package/dist/esm/p-helper_3.entry.js.map +1 -1
  74. package/dist/esm/p-label_3.entry.js +15 -7
  75. package/dist/esm/p-label_3.entry.js.map +1 -1
  76. package/dist/esm/paperless.js +1 -1
  77. package/dist/index.html +1 -1
  78. package/dist/{build/p-a2883f3f.entry.js → paperless/p-142d3a29.entry.js} +2 -2
  79. package/dist/paperless/p-142d3a29.entry.js.map +1 -0
  80. package/dist/paperless/p-440bcef4.entry.js +2 -0
  81. package/dist/paperless/p-440bcef4.entry.js.map +1 -0
  82. package/dist/paperless/p-477a27e2.entry.js +2 -0
  83. package/dist/paperless/p-477a27e2.entry.js.map +1 -0
  84. package/dist/paperless/p-f34e08ec.entry.js +2 -0
  85. package/dist/paperless/p-f34e08ec.entry.js.map +1 -0
  86. package/dist/paperless/paperless.esm.js +1 -1
  87. package/dist/paperless/paperless.esm.js.map +1 -1
  88. package/dist/sw.js +1 -1
  89. package/dist/sw.js.map +1 -1
  90. package/dist/types/components/atoms/avatar/avatar.component.d.ts +6 -1
  91. package/dist/types/components/atoms/button/button.component.d.ts +4 -0
  92. package/dist/types/components/atoms/label/label.component.d.ts +5 -1
  93. package/dist/types/components/atoms/segment-item/segment-item.component.d.ts +14 -0
  94. package/dist/types/components/molecules/input-group/input-group.component.d.ts +1 -0
  95. package/dist/types/components.d.ts +52 -2
  96. package/dist/types/utils/icons.d.ts +3 -0
  97. package/hydrate/index.js +85 -12
  98. package/package.json +1 -1
  99. package/dist/build/p-4fdbb588.entry.js +0 -2
  100. package/dist/build/p-4fdbb588.entry.js.map +0 -1
  101. package/dist/build/p-a2883f3f.entry.js.map +0 -1
  102. package/dist/build/p-c1e10b29.entry.js +0 -2
  103. package/dist/build/p-c1e10b29.entry.js.map +0 -1
  104. package/dist/build/p-e193e319.entry.js +0 -2
  105. package/dist/build/p-e193e319.entry.js.map +0 -1
  106. package/dist/paperless/p-4fdbb588.entry.js +0 -2
  107. package/dist/paperless/p-4fdbb588.entry.js.map +0 -1
  108. package/dist/paperless/p-a2883f3f.entry.js.map +0 -1
  109. package/dist/paperless/p-c1e10b29.entry.js +0 -2
  110. package/dist/paperless/p-c1e10b29.entry.js.map +0 -1
  111. package/dist/paperless/p-e193e319.entry.js +0 -2
  112. package/dist/paperless/p-e193e319.entry.js.map +0 -1
@@ -6,6 +6,10 @@ export declare class Button {
6
6
  * The variant of the button
7
7
  */
8
8
  variant: 'primary' | 'secondary' | 'text';
9
+ /**
10
+ * Wether the text variant has underline
11
+ */
12
+ underline: boolean;
9
13
  /**
10
14
  * Href in case of "text" version
11
15
  */
@@ -4,11 +4,15 @@ export declare class Label {
4
4
  /**
5
5
  * Variant of the label
6
6
  */
7
- variant: 'neutral' | 'positive' | 'unbiased' | 'negative' | 'info';
7
+ variant: 'neutral' | 'positive' | 'unbiased' | 'negative' | 'special' | 'info';
8
8
  /**
9
9
  * Define the behavior of the label
10
10
  */
11
11
  behavior: 'icon' | 'circle' | 'combination' | 'text' | 'icon-only';
12
+ /**
13
+ * Icon position
14
+ */
15
+ iconPosition: 'start' | 'end';
12
16
  /**
13
17
  * Icon to show on the label
14
18
  */
@@ -5,6 +5,14 @@ export declare class SegmentItem {
5
5
  * Wether the segment item is active
6
6
  */
7
7
  active: boolean;
8
+ /**
9
+ * Wether the segment item is icon only
10
+ */
11
+ iconOnly: boolean;
12
+ /**
13
+ * Size of the segment item
14
+ */
15
+ size: 'small' | 'big';
8
16
  /**
9
17
  * Icon to show on the segment item
10
18
  */
@@ -17,6 +25,12 @@ export declare class SegmentItem {
17
25
  * Icon rotate
18
26
  */
19
27
  iconRotate: RotateOptions;
28
+ /**
29
+ * The host element
30
+ */
31
+ private _el;
32
+ private _hasDescriptionSlot;
33
+ componentWillLoad(): void;
20
34
  render(): any;
21
35
  private _getIcon;
22
36
  }
@@ -62,6 +62,7 @@ export declare class InputGroup {
62
62
  */
63
63
  private _el;
64
64
  private _forceShowTooltip;
65
+ private _whitelistedTags;
65
66
  componentWillRender(): void;
66
67
  render(): any;
67
68
  handleFocusIn(): void;
@@ -75,10 +75,18 @@ export namespace Components {
75
75
  * The default image to show on errors
76
76
  */
77
77
  "defaultImage": string;
78
+ /**
79
+ * The letters to show on the empty state variant
80
+ */
81
+ "letters": string;
78
82
  /**
79
83
  * The size of the avatar
80
84
  */
81
- "size": 'small' | 'medium' | 'large' | 'xlarge';
85
+ "size": | 'xsmall'
86
+ | 'small'
87
+ | 'medium'
88
+ | 'large'
89
+ | 'xlarge';
82
90
  /**
83
91
  * The image used for the avatar
84
92
  */
@@ -165,6 +173,10 @@ export namespace Components {
165
173
  * Target in case of "text" version
166
174
  */
167
175
  "target": string;
176
+ /**
177
+ * Wether the text variant has underline
178
+ */
179
+ "underline": boolean;
168
180
  /**
169
181
  * The variant of the button
170
182
  */
@@ -595,6 +607,10 @@ export namespace Components {
595
607
  * Icon flip
596
608
  */
597
609
  "iconFlip": IconFlipOptions;
610
+ /**
611
+ * Icon position
612
+ */
613
+ "iconPosition": 'start' | 'end';
598
614
  /**
599
615
  * Icon rotate
600
616
  */
@@ -614,6 +630,7 @@ export namespace Components {
614
630
  | 'positive'
615
631
  | 'unbiased'
616
632
  | 'negative'
633
+ | 'special'
617
634
  | 'info';
618
635
  }
619
636
  interface PLayout {
@@ -833,10 +850,18 @@ export namespace Components {
833
850
  * Icon flip
834
851
  */
835
852
  "iconFlip": IconFlipOptions;
853
+ /**
854
+ * Wether the segment item is icon only
855
+ */
856
+ "iconOnly": boolean;
836
857
  /**
837
858
  * Icon rotate
838
859
  */
839
860
  "iconRotate": RotateOptions;
861
+ /**
862
+ * Size of the segment item
863
+ */
864
+ "size": 'small' | 'big';
840
865
  }
841
866
  interface PSelect {
842
867
  /**
@@ -1980,10 +2005,18 @@ declare namespace LocalJSX {
1980
2005
  * The default image to show on errors
1981
2006
  */
1982
2007
  "defaultImage"?: string;
2008
+ /**
2009
+ * The letters to show on the empty state variant
2010
+ */
2011
+ "letters"?: string;
1983
2012
  /**
1984
2013
  * The size of the avatar
1985
2014
  */
1986
- "size"?: 'small' | 'medium' | 'large' | 'xlarge';
2015
+ "size"?: | 'xsmall'
2016
+ | 'small'
2017
+ | 'medium'
2018
+ | 'large'
2019
+ | 'xlarge';
1987
2020
  /**
1988
2021
  * The image used for the avatar
1989
2022
  */
@@ -2078,6 +2111,10 @@ declare namespace LocalJSX {
2078
2111
  * Target in case of "text" version
2079
2112
  */
2080
2113
  "target"?: string;
2114
+ /**
2115
+ * Wether the text variant has underline
2116
+ */
2117
+ "underline"?: boolean;
2081
2118
  /**
2082
2119
  * The variant of the button
2083
2120
  */
@@ -2539,6 +2576,10 @@ declare namespace LocalJSX {
2539
2576
  * Icon flip
2540
2577
  */
2541
2578
  "iconFlip"?: IconFlipOptions;
2579
+ /**
2580
+ * Icon position
2581
+ */
2582
+ "iconPosition"?: 'start' | 'end';
2542
2583
  /**
2543
2584
  * Icon rotate
2544
2585
  */
@@ -2558,6 +2599,7 @@ declare namespace LocalJSX {
2558
2599
  | 'positive'
2559
2600
  | 'unbiased'
2560
2601
  | 'negative'
2602
+ | 'special'
2561
2603
  | 'info';
2562
2604
  }
2563
2605
  interface PLayout {
@@ -2797,10 +2839,18 @@ declare namespace LocalJSX {
2797
2839
  * Icon flip
2798
2840
  */
2799
2841
  "iconFlip"?: IconFlipOptions;
2842
+ /**
2843
+ * Wether the segment item is icon only
2844
+ */
2845
+ "iconOnly"?: boolean;
2800
2846
  /**
2801
2847
  * Icon rotate
2802
2848
  */
2803
2849
  "iconRotate"?: RotateOptions;
2850
+ /**
2851
+ * Size of the segment item
2852
+ */
2853
+ "size"?: 'small' | 'big';
2804
2854
  }
2805
2855
  interface PSelect {
2806
2856
  /**
@@ -8,11 +8,13 @@ declare const _default: {
8
8
  checklist: string;
9
9
  checkmark: string;
10
10
  chevron: string;
11
+ chevrons: string;
11
12
  clock: string;
12
13
  colleagues: string;
13
14
  cogs: string;
14
15
  comment: string;
15
16
  companies: string;
17
+ deactivate: string;
16
18
  document: string;
17
19
  download: string;
18
20
  envelope: string;
@@ -24,6 +26,7 @@ declare const _default: {
24
26
  folder: string;
25
27
  formula: string;
26
28
  grid: string;
29
+ hashtag: string;
27
30
  headset: string;
28
31
  integration: string;
29
32
  list: string;
package/hydrate/index.js CHANGED
@@ -5851,7 +5851,7 @@ class Attachment {
5851
5851
  }; }
5852
5852
  }
5853
5853
 
5854
- const avatarComponentCss = ".inline-block{display:inline-block!important}.h-16{height:4rem!important}.h-8{height:2rem!important}.h-\\[3\\.125rem\\]{height:3.125rem!important}.h-\\[6\\.5rem\\]{height:6.5rem!important}.w-\\[3\\.125rem\\]{width:3.125rem!important}.w-\\[6\\.5rem\\]{width:6.5rem!important}.rounded{border-radius:.25rem!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}*{box-sizing:border-box}p-avatar{display:inline-block;flex-shrink:0}p-avatar>img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}p-avatar[size=small]>img{height:2rem;width:2rem}p-avatar[size=medium]>img{height:3.125rem;width:3.125rem}p-avatar[size=large]>img{height:4rem;width:4rem}p-avatar[size=xlarge]>img{height:6.5rem;width:6.5rem}p-avatar[variant=company]>img{border-radius:.25rem}p-avatar[variant=company][size=large]>img,p-avatar[variant=company][size=medium]>img,p-avatar[variant=company][size=xlarge]>img{border-radius:.375rem}p-avatar[variant=user]>img{border-radius:100%}.static{position:static!important}";
5854
+ const avatarComponentCss = ".inline-flex{display:inline-flex!important}.h-16{height:4rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-\\[3\\.125rem\\]{height:3.125rem!important}.h-\\[6\\.5rem\\]{height:6.5rem!important}.w-16{width:4rem!important}.w-6{width:1.5rem!important}.w-8{width:2rem!important}.w-\\[3\\.125rem\\]{width:3.125rem!important}.w-\\[6\\.5rem\\]{width:6.5rem!important}.flex-shrink-0{flex-shrink:0!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.overflow-hidden{overflow:hidden!important}.rounded{border-radius:.25rem!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}.text-\\[0\\.625rem\\]{font-size:.625rem!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}*{box-sizing:border-box}p-avatar{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(176 178 203/var(--tw-text-opacity));display:inline-flex;flex-shrink:0;font-weight:600;justify-content:center;overflow:hidden;text-transform:uppercase}p-avatar>img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}p-avatar[size=xsmall]{font-size:.625rem}p-avatar[size=xsmall],p-avatar[size=xsmall]>img{height:1.5rem;width:1.5rem}p-avatar[size=small]{font-size:.75rem;line-height:1rem}p-avatar[size=small],p-avatar[size=small]>img{height:2rem;width:2rem}p-avatar[size=medium]{font-size:1rem;line-height:1.5rem}p-avatar[size=medium],p-avatar[size=medium]>img{height:3.125rem;width:3.125rem}p-avatar[size=large]{font-size:1rem;line-height:1.5rem}p-avatar[size=large],p-avatar[size=large]>img{height:4rem;width:4rem}p-avatar[size=xlarge]{font-size:1rem;line-height:1.5rem}p-avatar[size=xlarge],p-avatar[size=xlarge]>img{height:6.5rem;width:6.5rem}p-avatar[variant=company]{border-radius:.25rem}p-avatar[variant=company][size=large],p-avatar[variant=company][size=medium],p-avatar[variant=company][size=xlarge]{border-radius:.375rem}p-avatar[variant=user]{border-radius:100%}.static{position:static!important}";
5855
5855
 
5856
5856
  class Avatar {
5857
5857
  constructor(hostRef) {
@@ -5860,9 +5860,12 @@ class Avatar {
5860
5860
  this.size = 'medium';
5861
5861
  this.defaultImage = undefined;
5862
5862
  this.src = undefined;
5863
+ this.letters = undefined;
5863
5864
  this._src = undefined;
5865
+ this._failed = false;
5864
5866
  }
5865
5867
  onSrchChange(src) {
5868
+ this._failed = false;
5866
5869
  this._src = src;
5867
5870
  }
5868
5871
  componentWillLoad() {
@@ -5872,10 +5875,12 @@ class Avatar {
5872
5875
  }
5873
5876
  }
5874
5877
  render() {
5875
- return (hAsync(Host, { class: "p-avatar" }, hAsync("img", { src: this._src, onError: () => this._setDefaultLink() })));
5878
+ var _a;
5879
+ return (hAsync(Host, { class: "p-avatar" }, this._failed && ((_a = this.letters) === null || _a === void 0 ? void 0 : _a.length) ? (this.letters) : (hAsync("img", { src: this._src, onError: () => this._setDefaultLink() }))));
5876
5880
  }
5877
5881
  _setDefaultLink() {
5878
5882
  var _a;
5883
+ this._failed = true;
5879
5884
  this._src =
5880
5885
  (_a = this.defaultImage) !== null && _a !== void 0 ? _a : (this.variant === 'user'
5881
5886
  ? '/assets/images/avatar/user-default.svg'
@@ -5893,7 +5898,9 @@ class Avatar {
5893
5898
  "size": [513],
5894
5899
  "defaultImage": [1, "default-image"],
5895
5900
  "src": [1],
5896
- "_src": [32]
5901
+ "letters": [1],
5902
+ "_src": [32],
5903
+ "_failed": [32]
5897
5904
  },
5898
5905
  "$listeners$": undefined,
5899
5906
  "$lazyBundleId$": "-",
@@ -5971,13 +5978,14 @@ class Backdrop {
5971
5978
  }; }
5972
5979
  }
5973
5980
 
5974
- const buttonComponentCss = ".flex{display:flex!important}.h-10{height:2.5rem!important}.h-full{height:100%!important}.w-auto{width:auto!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.rounded-large{border-radius:.375rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-indigo{background-color:rgb(82 138 250/var(--tw-bg-opacity))!important}.bg-indigo,.bg-white{--tw-bg-opacity:1!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.font-semibold{font-weight:600!important}.outline{outline-style:solid!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}*{box-sizing:border-box}p-button{height:2.5rem;width:auto}p-button,p-button a,p-button button{display:flex;font-size:1rem;line-height:1.5rem}p-button a,p-button button{align-items:center;border:0;border-radius:.375rem!important;cursor:pointer;font-weight:600;height:100%;justify-content:center;outline:0;width:100%;will-change:filter}p-button a.icon-position-end>p-icon:not(.chevron),p-button a>p-loader,p-button button.icon-position-end>p-icon:not(.chevron),p-button button>p-loader{margin-left:.5rem}p-button a.icon-position-start>p-icon:not(.chevron),p-button button.icon-position-start>p-icon:not(.chevron){margin-right:.5rem}p-button a.variant-primary,p-button a.variant-secondary,p-button button.variant-primary,p-button button.variant-secondary{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);padding-left:1rem;padding-right:1rem}p-button a.variant-primary.active,p-button a.variant-primary:active,p-button a.variant-secondary.active,p-button a.variant-secondary:active,p-button button.variant-primary.active,p-button button.variant-primary:active,p-button button.variant-secondary.active,p-button button.variant-secondary:active{--tw-drop-shadow:drop-shadow(transparent);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}p-button a.variant-primary,p-button button.variant-primary{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}p-button a.variant-primary.active:not([disabled]),p-button a.variant-primary:active:not([disabled]),p-button button.variant-primary.active:not([disabled]),p-button button.variant-primary:active:not([disabled]){--tw-bg-opacity:1;background-color:rgb(44 75 169/var(--tw-bg-opacity))}@media (pointer:fine){p-button a.variant-primary:hover:not([disabled]),p-button button.variant-primary:hover:not([disabled]){--tw-drop-shadow:drop-shadow(0px 2px 4px rgba(44,75,169,.4));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}}p-button a.variant-secondary,p-button button.variant-secondary{--tw-border-opacity:1!important;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-style:solid!important;border-width:1px!important;color:rgb(81 83 107/var(--tw-text-opacity))}p-button a.variant-secondary.active:not([disabled]),p-button a.variant-secondary:active:not([disabled]),p-button button.variant-secondary.active:not([disabled]),p-button button.variant-secondary:active:not([disabled]){--tw-bg-opacity:1;background-color:rgb(247 250 252/var(--tw-bg-opacity))}@media (pointer:fine){p-button a.variant-secondary:hover:not([disabled]),p-button button.variant-secondary:hover:not([disabled]){--tw-drop-shadow:drop-shadow(0px 2px 4px rgba(176,178,203,.4));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}}p-button a.variant-text,p-button button.variant-text{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}p-button a.variant-text:hover:not([disabled]),p-button button.variant-text:hover:not([disabled]){--tw-text-opacity:1;color:rgb(44 75 169/var(--tw-text-opacity))}p-button a[disabled],p-button button[disabled]{opacity:.4}p-button a.should-inherit-text,p-button button.should-inherit-text{color:inherit!important;font-size:inherit!important;font-weight:inherit!important}p-button.has-chevron a.chevron-position-start,p-button.has-chevron button.chevron-position-start{padding-left:.5rem}p-button.has-chevron a.chevron-position-start>p-icon.chevron,p-button.has-chevron button.chevron-position-start>p-icon.chevron{margin-right:.5rem}p-button.has-chevron a.chevron-position-end,p-button.has-chevron button.chevron-position-end{padding-right:.5rem}p-button.has-chevron a.chevron-position-end>p-icon.chevron,p-button.has-chevron button.chevron-position-end>p-icon.chevron{margin-left:.5rem}p-button.has-chevron a.variant-secondary:hover:not([disabled]) p-icon:last-child,p-button.has-chevron button.variant-secondary:hover:not([disabled]) p-icon:last-child{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}p-button.has-icon-only{width:2.5rem}p-button.has-icon-only a,p-button.has-icon-only button{padding:0}p-button.has-icon-only a>p-icon:first-child,p-button.has-icon-only button>p-icon:first-child{margin-left:0;margin-right:0}p-button.has-icon-only a>p-loader,p-button.has-icon-only button>p-loader{margin-left:0}p-button.has-icon-only.has-chevron{width:auto}p-button.has-icon-only.has-chevron a.chevron-position-start,p-button.has-icon-only.has-chevron button.chevron-position-start{padding-right:.5rem}p-button.has-icon-only.has-chevron a.chevron-position-end,p-button.has-icon-only.has-chevron button.chevron-position-end{padding-left:.5rem}p-button.size-small{height:2rem}p-button.size-small a,p-button.size-small button{font-size:.875rem;line-height:1.25rem}p-button.size-small a>p-icon,p-button.size-small button>p-icon{font-size:1rem;line-height:1.5rem}p-button.size-small.has-icon-only{width:2rem}p-button.size-small.has-icon-only.has-chevron{width:auto}.static{position:static!important}";
5981
+ const buttonComponentCss = ".flex{display:flex!important}.h-10{height:2.5rem!important}.h-full{height:100%!important}.w-auto{width:auto!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.rounded-large{border-radius:.375rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-indigo{background-color:rgb(82 138 250/var(--tw-bg-opacity))!important}.bg-indigo,.bg-white{--tw-bg-opacity:1!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.font-semibold{font-weight:600!important}.underline{text-decoration-line:underline!important}.outline{outline-style:solid!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}*{box-sizing:border-box}p-button{height:2.5rem;width:auto}p-button,p-button a,p-button button{display:flex;font-size:1rem;line-height:1.5rem}p-button a,p-button button{align-items:center;border:0;border-radius:.375rem!important;cursor:pointer;font-weight:600;height:100%;justify-content:center;outline:0;width:100%;will-change:filter}p-button a.icon-position-end>p-icon:not(.chevron),p-button a>p-loader,p-button button.icon-position-end>p-icon:not(.chevron),p-button button>p-loader{margin-left:.5rem}p-button a.icon-position-start>p-icon:not(.chevron),p-button button.icon-position-start>p-icon:not(.chevron){margin-right:.5rem}p-button a.variant-primary,p-button a.variant-secondary,p-button button.variant-primary,p-button button.variant-secondary{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);padding-left:1rem;padding-right:1rem}p-button a.variant-primary.active,p-button a.variant-primary:active,p-button a.variant-secondary.active,p-button a.variant-secondary:active,p-button button.variant-primary.active,p-button button.variant-primary:active,p-button button.variant-secondary.active,p-button button.variant-secondary:active{--tw-drop-shadow:drop-shadow(transparent);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}p-button a.variant-primary,p-button button.variant-primary{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}p-button a.variant-primary.active:not([disabled]),p-button a.variant-primary:active:not([disabled]),p-button button.variant-primary.active:not([disabled]),p-button button.variant-primary:active:not([disabled]){--tw-bg-opacity:1;background-color:rgb(44 75 169/var(--tw-bg-opacity))}@media (pointer:fine){p-button a.variant-primary:hover:not([disabled]),p-button button.variant-primary:hover:not([disabled]){--tw-drop-shadow:drop-shadow(0px 2px 4px rgba(44,75,169,.4));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}}p-button a.variant-secondary,p-button button.variant-secondary{--tw-border-opacity:1!important;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-style:solid!important;border-width:1px!important;color:rgb(81 83 107/var(--tw-text-opacity))}p-button a.variant-secondary.active:not([disabled]),p-button a.variant-secondary:active:not([disabled]),p-button button.variant-secondary.active:not([disabled]),p-button button.variant-secondary:active:not([disabled]){--tw-bg-opacity:1;background-color:rgb(247 250 252/var(--tw-bg-opacity))}@media (pointer:fine){p-button a.variant-secondary:hover:not([disabled]),p-button button.variant-secondary:hover:not([disabled]){--tw-drop-shadow:drop-shadow(0px 2px 4px rgba(176,178,203,.4));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}}p-button a.variant-text,p-button button.variant-text{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}p-button a.variant-text.has-underline,p-button button.variant-text.has-underline{text-decoration-line:underline;text-underline-offset:1px}p-button a.variant-text:hover:not([disabled]),p-button button.variant-text:hover:not([disabled]){--tw-text-opacity:1;color:rgb(44 75 169/var(--tw-text-opacity))}p-button a[disabled],p-button button[disabled]{opacity:.4}p-button a.should-inherit-text,p-button button.should-inherit-text{color:inherit!important;font-size:inherit!important;font-weight:inherit!important}p-button.has-chevron a.chevron-position-start,p-button.has-chevron button.chevron-position-start{padding-left:.5rem}p-button.has-chevron a.chevron-position-start>p-icon.chevron,p-button.has-chevron button.chevron-position-start>p-icon.chevron{margin-right:.5rem}p-button.has-chevron a.chevron-position-end,p-button.has-chevron button.chevron-position-end{padding-right:.5rem}p-button.has-chevron a.chevron-position-end>p-icon.chevron,p-button.has-chevron button.chevron-position-end>p-icon.chevron{margin-left:.5rem}p-button.has-chevron a.variant-secondary:hover:not([disabled]) p-icon:last-child,p-button.has-chevron button.variant-secondary:hover:not([disabled]) p-icon:last-child{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}p-button.has-icon-only{width:2.5rem}p-button.has-icon-only a,p-button.has-icon-only button{padding:0}p-button.has-icon-only a>p-icon:first-child,p-button.has-icon-only button>p-icon:first-child{margin-left:0;margin-right:0}p-button.has-icon-only a>p-loader,p-button.has-icon-only button>p-loader{margin-left:0}p-button.has-icon-only.has-chevron{width:auto}p-button.has-icon-only.has-chevron a.chevron-position-start,p-button.has-icon-only.has-chevron button.chevron-position-start{padding-right:.5rem}p-button.has-icon-only.has-chevron a.chevron-position-end,p-button.has-icon-only.has-chevron button.chevron-position-end{padding-left:.5rem}p-button.size-small{height:2rem}p-button.size-small a,p-button.size-small button{font-size:.875rem;line-height:1.25rem}p-button.size-small a>p-icon,p-button.size-small button>p-icon{font-size:1rem;line-height:1.5rem}p-button.size-small.has-icon-only{width:2rem}p-button.size-small.has-icon-only.has-chevron{width:auto}.static{position:static!important}";
5975
5982
 
5976
5983
  class Button {
5977
5984
  constructor(hostRef) {
5978
5985
  registerInstance(this, hostRef);
5979
5986
  this.onClick = createEvent(this, "onClick", 3);
5980
5987
  this.variant = 'primary';
5988
+ this.underline = false;
5981
5989
  this.href = undefined;
5982
5990
  this.target = undefined;
5983
5991
  this.size = 'medium';
@@ -6003,7 +6011,7 @@ class Button {
6003
6011
  break;
6004
6012
  }
6005
6013
  const VariableTag = this.variant === 'text' ? 'a' : 'button';
6006
- return (hAsync(Host, { class: `p-button size-${this.size} ${this.iconOnly && 'has-icon-only'} ${this.chevron && 'has-chevron'}` }, hAsync(VariableTag, { class: `variant-${this.variant} icon-position-${this.iconPosition} chevron-position-${this.chevronPosition} ${this.inheritText && 'should-inherit-text'}`, disabled: this.disabled, href: this.href, target: this.target }, this.chevron && this.chevronPosition === 'start' && (hAsync("p-icon", { class: "chevron", variant: "chevron", rotate: this.chevron === 'up' ? 180 : 0 })), this.icon &&
6014
+ return (hAsync(Host, { class: `p-button size-${this.size} ${this.iconOnly && 'has-icon-only'} ${this.chevron && 'has-chevron'}` }, hAsync(VariableTag, { class: `variant-${this.variant} icon-position-${this.iconPosition} chevron-position-${this.chevronPosition} ${this.inheritText && 'should-inherit-text'} ${this.underline && 'has-underline'}`, disabled: this.disabled, href: this.href, target: this.target }, this.chevron && this.chevronPosition === 'start' && (hAsync("p-icon", { class: "chevron", variant: "chevron", rotate: this.chevron === 'up' ? 180 : 0 })), this.icon &&
6007
6015
  this.iconPosition === 'start' &&
6008
6016
  !(this.iconOnly && this.loading) &&
6009
6017
  this._getIcon(), hAsync("slot", null), this.icon &&
@@ -6030,6 +6038,7 @@ class Button {
6030
6038
  "$tagName$": "p-button",
6031
6039
  "$members$": {
6032
6040
  "variant": [1],
6041
+ "underline": [4],
6033
6042
  "href": [1],
6034
6043
  "target": [1],
6035
6044
  "size": [1],
@@ -15202,6 +15211,22 @@ var chevron = `<?xml version="1.0" encoding="UTF-8"?>
15202
15211
  </g>
15203
15212
  </svg>`;
15204
15213
 
15214
+ var chevrons = `<?xml version="1.0" encoding="UTF-8"?>
15215
+ <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">
15216
+ <title>⚛️ Atoms/icons/Chevrons</title>
15217
+ <defs>
15218
+ <rect id="path-1" x="0" y="-4.54747351e-13" width="16" height="16"></rect>
15219
+ </defs>
15220
+ <g id="⚛️-Atoms/icons/Chevrons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
15221
+ <mask id="mask-2" fill="white">
15222
+ <use xlink:href="#path-1"></use>
15223
+ </mask>
15224
+ <g id="Bounding-box"></g>
15225
+ <path d="M7.04443749,15.1075877 L3.71288307,11.9962056 C3.34547391,11.6530774 3.32579031,11.077073 3.66891852,10.7096639 C3.6832292,10.6943405 3.69806505,10.6795162 3.7133995,10.6652174 C4.11755563,10.2883575 4.74228617,10.2815126 5.15460242,10.6494268 L8,13.1884058 L8,13.1884058 L10.8453976,10.6494268 C11.2577138,10.2815126 11.8824444,10.2883575 12.2866005,10.6652174 C12.6542758,11.0080604 12.6744064,11.5840493 12.3315634,11.9517246 C12.3172646,11.9670591 12.3024403,11.9818949 12.2871169,11.9962056 L8.95556251,15.1075877 C8.41758445,15.6100124 7.58241555,15.6100124 7.04443749,15.1075877 Z" id="Chevron" fill="currentColor" fill-rule="nonzero" mask="url(#mask-2)"></path>
15226
+ <path d="M7.04443749,5.10758771 L3.71288307,1.99620558 C3.34547391,1.65307738 3.32579031,1.07707303 3.66891852,0.709663874 C3.6832292,0.694340517 3.69806505,0.679516179 3.7133995,0.665217391 C4.11755563,0.288357469 4.74228617,0.281512603 5.15460242,0.649426839 L8,3.1884058 L8,3.1884058 L10.8453976,0.649426839 C11.2577138,0.281512603 11.8824444,0.288357469 12.2866005,0.665217391 C12.6542758,1.00806038 12.6744064,1.58404927 12.3315634,1.95172459 C12.3172646,1.96705905 12.3024403,1.9818949 12.2871169,1.99620558 L8.95556251,5.10758771 C8.41758445,5.61001243 7.58241555,5.61001243 7.04443749,5.10758771 Z" id="Chevron" fill="currentColor" fill-rule="nonzero" mask="url(#mask-2)" transform="translate(8, 3) scale(1, -1) translate(-8, -3)"></path>
15227
+ </g>
15228
+ </svg>`;
15229
+
15205
15230
  var clock = `<?xml version="1.0" encoding="UTF-8"?>
15206
15231
  <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">
15207
15232
  <title>DA4F6F05-8E0E-4F99-8C04-325E1026BDED@1x</title>
@@ -15286,6 +15311,21 @@ var companies = `<?xml version="1.0" encoding="UTF-8"?>
15286
15311
  </g>
15287
15312
  </svg>`;
15288
15313
 
15314
+ var deactivate = `<?xml version="1.0" encoding="UTF-8"?>
15315
+ <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">
15316
+ <title>⚛️ Atoms/icons/deactivate</title>
15317
+ <defs>
15318
+ <rect id="path-1" x="0" y="-4.54747351e-13" width="16" height="16"></rect>
15319
+ </defs>
15320
+ <g id="⚛️-Atoms/icons/deactivate" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
15321
+ <mask id="mask-2" fill="white">
15322
+ <use xlink:href="#path-1"></use>
15323
+ </mask>
15324
+ <g id="Bounding-box"></g>
15325
+ <path d="M4.46446609,3.28708828 C4.85499039,3.66987265 4.85499039,4.29048873 4.46446609,4.6732731 C3.53218703,5.58707504 3,6.82036922 3,8.13873517 C3,10.8454294 5.23857625,13.0396386 8,13.0396386 C10.7614237,13.0396386 13,10.8454294 13,8.13873517 C13,6.82036922 12.467813,5.58707504 11.5355339,4.6732731 C11.1450096,4.29048873 11.1450096,3.66987265 11.5355339,3.28708828 C11.9260582,2.90430391 12.5592232,2.90430391 12.9497475,3.28708828 C14.2533811,4.56488479 15,6.29510497 15,8.13873517 C15,11.9281071 11.8659932,15 8,15 C4.13400675,15 1,11.9281071 1,8.13873517 C1,6.29510497 1.7466189,4.56488479 3.05025253,3.28708828 C3.44077682,2.90430391 4.0739418,2.90430391 4.46446609,3.28708828 Z M8,1 C8.55228475,1 9,1.44771525 9,2 L9,7 C9,7.55228475 8.55228475,8 8,8 C7.44771525,8 7,7.55228475 7,7 L7,2 C7,1.44771525 7.44771525,1 8,1 Z" id="Combined-Shape" fill="currentColor" mask="url(#mask-2)"></path>
15326
+ </g>
15327
+ </svg>`;
15328
+
15289
15329
  var document$1 = `<?xml version="1.0" encoding="UTF-8"?>
15290
15330
  <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">
15291
15331
  <title>20D69539-7C20-49F0-9BCF-AE6F4D356668@1x</title>
@@ -15449,6 +15489,21 @@ var grid = `<?xml version="1.0" encoding="UTF-8"?>
15449
15489
  </g>
15450
15490
  </svg>`;
15451
15491
 
15492
+ var hashtag = `<?xml version="1.0" encoding="UTF-8"?>
15493
+ <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">
15494
+ <title>⚛️ Atoms/icons/hashtag</title>
15495
+ <defs>
15496
+ <rect id="path-1" x="0" y="-4.54747351e-13" width="16" height="16"></rect>
15497
+ </defs>
15498
+ <g id="⚛️-Atoms/icons/hashtag" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
15499
+ <mask id="mask-2" fill="white">
15500
+ <use xlink:href="#path-1"></use>
15501
+ </mask>
15502
+ <g id="Bounding-box"></g>
15503
+ <path d="M12.2095291,0.0221975859 C12.7495545,0.137917306 13.0935221,0.669503727 12.9778024,1.20952909 L12.272,4.49979309 L15,4.5 C15.5522847,4.5 16,4.94771525 16,5.5 C16,6.05228475 15.5522847,6.5 15,6.5 L11.843,6.49979309 L11.2,9.49979309 L15,9.5 C15.5522847,9.5 16,9.94771525 16,10.5 C16,11.0522847 15.5522847,11.5 15,11.5 L10.772,11.4997931 L9.97780241,15.2095291 C9.86208269,15.7495545 9.33049627,16.0935221 8.79047091,15.9778024 C8.25044555,15.8620827 7.90647787,15.3304963 8.02219759,14.7904709 L8.727,11.4997931 L5.772,11.4997931 L4.97780241,15.2095291 C4.86208269,15.7495545 4.33049627,16.0935221 3.79047091,15.9778024 C3.25044555,15.8620827 2.90647787,15.3304963 3.02219759,14.7904709 L3.727,11.4997931 L1,11.5 C0.44771525,11.5 0,11.0522847 0,10.5 C0,9.94771525 0.44771525,9.5 1,9.5 L4.155,9.49979309 L4.798,6.49979309 L1,6.5 C0.44771525,6.5 0,6.05228475 0,5.5 C0,4.94771525 0.44771525,4.5 1,4.5 L5.227,4.49979309 L6.02219759,0.790470911 C6.13791731,0.25044555 6.66950373,-0.0935221344 7.20952909,0.0221975859 C7.74955445,0.137917306 8.09352213,0.669503727 7.97780241,1.20952909 L7.272,4.49979309 L10.227,4.49979309 L11.0221976,0.790470911 C11.1379173,0.25044555 11.6695037,-0.0935221344 12.2095291,0.0221975859 Z M9.798,6.49979309 L6.843,6.49979309 L6.2,9.49979309 L9.155,9.49979309 L9.798,6.49979309 Z" id="Combined-Shape" fill="currentColor" fill-rule="nonzero" mask="url(#mask-2)"></path>
15504
+ </g>
15505
+ </svg>`;
15506
+
15452
15507
  var headset = `<?xml version="1.0" encoding="UTF-8"?>
15453
15508
  <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">
15454
15509
  <title>1B240603-203F-49BC-9F73-8609C2B2A397@1x</title>
@@ -16020,11 +16075,13 @@ var icons = {
16020
16075
  checklist,
16021
16076
  checkmark,
16022
16077
  chevron,
16078
+ chevrons,
16023
16079
  clock,
16024
16080
  colleagues,
16025
16081
  cogs,
16026
16082
  comment,
16027
16083
  companies,
16084
+ deactivate,
16028
16085
  document: document$1,
16029
16086
  download,
16030
16087
  envelope,
@@ -16036,6 +16093,7 @@ var icons = {
16036
16093
  folder,
16037
16094
  formula,
16038
16095
  grid,
16096
+ hashtag,
16039
16097
  headset,
16040
16098
  integration,
16041
16099
  list,
@@ -19777,6 +19835,7 @@ const inputGroupComponentCss = "/*!@.mb-\\[2px\\]*/.mb-\\[2px\\].sc-p-input-grou
19777
19835
  class InputGroup {
19778
19836
  constructor(hostRef) {
19779
19837
  registerInstance(this, hostRef);
19838
+ this._whitelistedTags = ['input', 'textarea'];
19780
19839
  this.size = 'medium';
19781
19840
  this.prefix = undefined;
19782
19841
  this.suffix = undefined;
@@ -19824,6 +19883,9 @@ class InputGroup {
19824
19883
  if (!input) {
19825
19884
  return;
19826
19885
  }
19886
+ if (this._whitelistedTags.indexOf(input.tagName) === -1) {
19887
+ return;
19888
+ }
19827
19889
  if (!input.classList.contains('p-input')) {
19828
19890
  input.classList.add('p-input');
19829
19891
  }
@@ -19908,13 +19970,14 @@ class InputGroup {
19908
19970
  }; }
19909
19971
  }
19910
19972
 
19911
- const labelComponentCss = "/*!@.block*/.block.sc-p-label{display:block!important}/*!@.flex*/.flex.sc-p-label{display:flex!important}/*!@.hidden*/.hidden.sc-p-label{display:none!important}/*!@.h-4*/.h-4.sc-p-label{height:1rem!important}/*!@.h-\\[0\\.625rem\\]*/.h-\\[0\\.625rem\\].sc-p-label{height:.625rem!important}/*!@.h-\\[1\\.625rem\\]*/.h-\\[1\\.625rem\\].sc-p-label{height:1.625rem!important}/*!@.w-\\[0\\.625rem\\]*/.w-\\[0\\.625rem\\].sc-p-label{width:.625rem!important}/*!@.w-\\[1\\.625rem\\]*/.w-\\[1\\.625rem\\].sc-p-label{width:1.625rem!important}/*!@.min-w-\\[1rem\\]*/.min-w-\\[1rem\\].sc-p-label{min-width:1rem!important}/*!@.items-center*/.items-center.sc-p-label{align-items:center!important}/*!@.justify-center*/.justify-center.sc-p-label{justify-content:center!important}/*!@.gap-2*/.gap-2.sc-p-label{gap:.5rem!important}/*!@.rounded*/.rounded.sc-p-label{border-radius:.25rem!important}/*!@.px-0*/.px-0.sc-p-label{padding-left:0!important;padding-right:0!important}/*!@.px-1*/.px-1.sc-p-label{padding-left:.25rem!important;padding-right:.25rem!important}/*!@.px-2*/.px-2.sc-p-label{padding-left:.5rem!important;padding-right:.5rem!important}/*!@.py-\\[1px\\]*/.py-\\[1px\\].sc-p-label{padding-bottom:1px!important;padding-top:1px!important}/*!@.text-sm*/.text-sm.sc-p-label{font-size:.875rem!important;line-height:1.25rem!important}/*!@.text-xs*/.text-xs.sc-p-label{font-size:.75rem!important;line-height:1rem!important}/*!@**/*.sc-p-label{box-sizing:border-box}/*!@:host*/.sc-p-label-h{align-items:center;border-radius:.25rem;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:1.625rem;justify-content:center;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem}@media (min-width:64rem){/*!@:host*/.sc-p-label-h{padding-left:.75rem;padding-right:.75rem}}/*!@:host .content*/.sc-p-label-h .content.sc-p-label{align-items:center;display:none}@media (min-width:64rem){/*!@:host .content*/.sc-p-label-h .content.sc-p-label{display:flex}}/*!@:host .circle*/.sc-p-label-h .circle.sc-p-label{border-radius:100%;display:none;height:.625rem;width:.625rem}/*!@:host p-icon*/.sc-p-label-h p-icon.sc-p-label{display:none!important;font-size:.75rem!important;line-height:1rem!important}/*!@:host([variant=neutral])*/[variant=neutral].sc-p-label-h{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(247 250 252/var(--tw-bg-opacity));color:rgb(152 154 183/var(--tw-text-opacity))}/*!@:host([variant=neutral]) .circle*/[variant=neutral].sc-p-label-h .circle.sc-p-label{--tw-bg-opacity:1;background-color:rgb(152 154 183/var(--tw-bg-opacity))}/*!@:host([variant=info])*/[variant=info].sc-p-label-h{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(245 254 255/var(--tw-bg-opacity));color:rgb(30 218 227/var(--tw-text-opacity))}/*!@:host([variant=info]) .circle*/[variant=info].sc-p-label-h .circle.sc-p-label{--tw-bg-opacity:1;background-color:rgb(30 218 227/var(--tw-bg-opacity))}/*!@:host([variant=positive])*/[variant=positive].sc-p-label-h{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity));color:rgb(40 209 124/var(--tw-text-opacity))}/*!@:host([variant=positive]) .circle*/[variant=positive].sc-p-label-h .circle.sc-p-label{--tw-bg-opacity:1;background-color:rgb(40 209 124/var(--tw-bg-opacity))}/*!@:host([variant=unbiased])*/[variant=unbiased].sc-p-label-h{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity));color:rgb(255 199 45/var(--tw-text-opacity))}/*!@:host([variant=unbiased]) .circle*/[variant=unbiased].sc-p-label-h .circle.sc-p-label{--tw-bg-opacity:1;background-color:rgb(255 199 45/var(--tw-bg-opacity))}/*!@:host([variant=negative])*/[variant=negative].sc-p-label-h{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity));color:rgb(185 30 40/var(--tw-text-opacity))}/*!@:host([variant=negative]) .circle*/[variant=negative].sc-p-label-h .circle.sc-p-label{--tw-bg-opacity:1;background-color:rgb(185 30 40/var(--tw-bg-opacity))}/*!@:host([size=small])*/[size=small].sc-p-label-h{font-size:.75rem;height:1rem;justify-content:center;line-height:.75rem;min-width:1rem;padding:1px .25rem}/*!@:host([behavior=circle]) .circle*/[behavior=circle].sc-p-label-h .circle.sc-p-label{display:block}@media (min-width:64rem){/*!@:host([behavior=circle]) .circle*/[behavior=circle].sc-p-label-h .circle.sc-p-label{display:block}}/*!@:host([behavior=icon]) p-icon*/[behavior=icon].sc-p-label-h p-icon.sc-p-label{display:flex!important}@media (min-width:64rem){/*!@:host([behavior=icon]) p-icon*/[behavior=icon].sc-p-label-h p-icon.sc-p-label{display:flex!important}}/*!@:host([behavior=text]) p-icon*/[behavior=text].sc-p-label-h p-icon.sc-p-label{display:none!important}@media (min-width:64rem){/*!@:host([behavior=text]) p-icon*/[behavior=text].sc-p-label-h p-icon.sc-p-label{display:none!important}}/*!@:host([behavior=text]) .circle*/[behavior=text].sc-p-label-h .circle.sc-p-label{display:none}@media (min-width:64rem){/*!@:host([behavior=text]) .circle*/[behavior=text].sc-p-label-h .circle.sc-p-label{display:none}}/*!@:host([behavior=text]) .content*/[behavior=text].sc-p-label-h .content.sc-p-label{display:flex}@media (min-width:64rem){/*!@:host([behavior=text]) .content*/[behavior=text].sc-p-label-h .content.sc-p-label{display:flex}}/*!@:host([behavior=combination])*/[behavior=combination].sc-p-label-h{padding-left:0;padding-right:0;width:1.625rem}@media (min-width:64rem){/*!@:host([behavior=combination])*/[behavior=combination].sc-p-label-h{padding-left:.75rem;padding-right:.75rem;width:auto}}/*!@:host([behavior=combination]) .circle*/[behavior=combination].sc-p-label-h .circle.sc-p-label{display:none}@media (min-width:64rem){/*!@:host([behavior=combination]) .circle*/[behavior=combination].sc-p-label-h .circle.sc-p-label{display:block}}/*!@:host([behavior=combination]) p-icon*/[behavior=combination].sc-p-label-h p-icon.sc-p-label{display:flex!important}@media (min-width:64rem){/*!@:host([behavior=combination]) p-icon*/[behavior=combination].sc-p-label-h p-icon.sc-p-label{display:none!important}}/*!@:host([behavior=icon-only])*/[behavior=icon-only].sc-p-label-h{padding-left:0;padding-right:0;width:1.625rem}@media (min-width:64rem){/*!@:host([behavior=icon-only])*/[behavior=icon-only].sc-p-label-h{padding-left:0;padding-right:0}}/*!@:host([behavior=icon-only]) .content*/[behavior=icon-only].sc-p-label-h .content.sc-p-label{display:none}@media (min-width:64rem){/*!@:host([behavior=icon-only]) .content*/[behavior=icon-only].sc-p-label-h .content.sc-p-label{display:none}}/*!@:host([behavior=icon-only]) p-icon*/[behavior=icon-only].sc-p-label-h p-icon.sc-p-label{display:flex!important}@media (min-width:64rem){/*!@:host([behavior=icon-only]) p-icon*/[behavior=icon-only].sc-p-label-h p-icon.sc-p-label{display:flex!important}}/*!@:host([behavior=icon-only][size=small])*/[behavior=icon-only][size=small].sc-p-label-h{height:1rem;width:1rem}/*!@:host([keep-mobile-content=true]) .content,:host([keep-mobile-content]) .content*/[keep-mobile-content=true].sc-p-label-h .content.sc-p-label,[keep-mobile-content].sc-p-label-h .content.sc-p-label{display:flex}@media (min-width:64rem){/*!@:host([keep-mobile-content=true]) .content,:host([keep-mobile-content]) .content*/[keep-mobile-content=true].sc-p-label-h .content.sc-p-label,[keep-mobile-content].sc-p-label-h .content.sc-p-label{display:flex}/*!@.desktop-xs\\:block*/.desktop-xs\\:block.sc-p-label{display:block!important}/*!@.desktop-xs\\:flex*/.desktop-xs\\:flex.sc-p-label{display:flex!important}/*!@.desktop-xs\\:hidden*/.desktop-xs\\:hidden.sc-p-label{display:none!important}}/*!@.static*/.static.sc-p-label{position:static!important}";
19973
+ const labelComponentCss = "/*!@.block*/.block.sc-p-label{display:block!important}/*!@.flex*/.flex.sc-p-label{display:flex!important}/*!@.hidden*/.hidden.sc-p-label{display:none!important}/*!@.h-4*/.h-4.sc-p-label{height:1rem!important}/*!@.h-\\[0\\.625rem\\]*/.h-\\[0\\.625rem\\].sc-p-label{height:.625rem!important}/*!@.h-\\[1\\.625rem\\]*/.h-\\[1\\.625rem\\].sc-p-label{height:1.625rem!important}/*!@.w-\\[0\\.625rem\\]*/.w-\\[0\\.625rem\\].sc-p-label{width:.625rem!important}/*!@.w-\\[1\\.625rem\\]*/.w-\\[1\\.625rem\\].sc-p-label{width:1.625rem!important}/*!@.min-w-\\[1rem\\]*/.min-w-\\[1rem\\].sc-p-label{min-width:1rem!important}/*!@.items-center*/.items-center.sc-p-label{align-items:center!important}/*!@.justify-center*/.justify-center.sc-p-label{justify-content:center!important}/*!@.gap-2*/.gap-2.sc-p-label{gap:.5rem!important}/*!@.rounded*/.rounded.sc-p-label{border-radius:.25rem!important}/*!@.px-0*/.px-0.sc-p-label{padding-left:0!important;padding-right:0!important}/*!@.px-1*/.px-1.sc-p-label{padding-left:.25rem!important;padding-right:.25rem!important}/*!@.px-2*/.px-2.sc-p-label{padding-left:.5rem!important;padding-right:.5rem!important}/*!@.py-\\[1px\\]*/.py-\\[1px\\].sc-p-label{padding-bottom:1px!important;padding-top:1px!important}/*!@.text-sm*/.text-sm.sc-p-label{font-size:.875rem!important;line-height:1.25rem!important}/*!@.text-xs*/.text-xs.sc-p-label{font-size:.75rem!important;line-height:1rem!important}/*!@**/*.sc-p-label{box-sizing:border-box}/*!@:host*/.sc-p-label-h{align-items:center;border-radius:.25rem;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:1.625rem;justify-content:center;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem}@media (min-width:64rem){/*!@:host*/.sc-p-label-h{padding-left:.75rem;padding-right:.75rem}}/*!@:host .content*/.sc-p-label-h .content.sc-p-label{align-items:center;display:none}@media (min-width:64rem){/*!@:host .content*/.sc-p-label-h .content.sc-p-label{display:flex}}/*!@:host .circle*/.sc-p-label-h .circle.sc-p-label{border-radius:100%;display:none;height:.625rem;width:.625rem}/*!@:host p-icon*/.sc-p-label-h p-icon.sc-p-label{display:none!important;font-size:.75rem!important;line-height:1rem!important}/*!@:host([variant=neutral])*/[variant=neutral].sc-p-label-h{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(247 250 252/var(--tw-bg-opacity));color:rgb(152 154 183/var(--tw-text-opacity))}/*!@:host([variant=neutral]) .circle*/[variant=neutral].sc-p-label-h .circle.sc-p-label{--tw-bg-opacity:1;background-color:rgb(152 154 183/var(--tw-bg-opacity))}/*!@:host([variant=special])*/[variant=special].sc-p-label-h{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(44 75 169/var(--tw-text-opacity))}/*!@:host([variant=special]) .circle*/[variant=special].sc-p-label-h .circle.sc-p-label{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity))}/*!@:host([variant=info])*/[variant=info].sc-p-label-h{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(245 254 255/var(--tw-bg-opacity));color:rgb(30 218 227/var(--tw-text-opacity))}/*!@:host([variant=info]) .circle*/[variant=info].sc-p-label-h .circle.sc-p-label{--tw-bg-opacity:1;background-color:rgb(30 218 227/var(--tw-bg-opacity))}/*!@:host([variant=positive])*/[variant=positive].sc-p-label-h{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity));color:rgb(40 209 124/var(--tw-text-opacity))}/*!@:host([variant=positive]) .circle*/[variant=positive].sc-p-label-h .circle.sc-p-label{--tw-bg-opacity:1;background-color:rgb(40 209 124/var(--tw-bg-opacity))}/*!@:host([variant=unbiased])*/[variant=unbiased].sc-p-label-h{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity));color:rgb(255 199 45/var(--tw-text-opacity))}/*!@:host([variant=unbiased]) .circle*/[variant=unbiased].sc-p-label-h .circle.sc-p-label{--tw-bg-opacity:1;background-color:rgb(255 199 45/var(--tw-bg-opacity))}/*!@:host([variant=negative])*/[variant=negative].sc-p-label-h{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity));color:rgb(185 30 40/var(--tw-text-opacity))}/*!@:host([variant=negative]) .circle*/[variant=negative].sc-p-label-h .circle.sc-p-label{--tw-bg-opacity:1;background-color:rgb(185 30 40/var(--tw-bg-opacity))}/*!@:host([size=small])*/[size=small].sc-p-label-h{font-size:.75rem;height:1rem;justify-content:center;line-height:.75rem;min-width:1rem;padding:1px .25rem}/*!@:host([behavior=circle]) .circle*/[behavior=circle].sc-p-label-h .circle.sc-p-label{display:block}@media (min-width:64rem){/*!@:host([behavior=circle]) .circle*/[behavior=circle].sc-p-label-h .circle.sc-p-label{display:block}}/*!@:host([behavior=icon]) p-icon*/[behavior=icon].sc-p-label-h p-icon.sc-p-label{display:flex!important}@media (min-width:64rem){/*!@:host([behavior=icon]) p-icon*/[behavior=icon].sc-p-label-h p-icon.sc-p-label{display:flex!important}}/*!@:host([behavior=text]) p-icon*/[behavior=text].sc-p-label-h p-icon.sc-p-label{display:none!important}@media (min-width:64rem){/*!@:host([behavior=text]) p-icon*/[behavior=text].sc-p-label-h p-icon.sc-p-label{display:none!important}}/*!@:host([behavior=text]) .circle*/[behavior=text].sc-p-label-h .circle.sc-p-label{display:none}@media (min-width:64rem){/*!@:host([behavior=text]) .circle*/[behavior=text].sc-p-label-h .circle.sc-p-label{display:none}}/*!@:host([behavior=text]) .content*/[behavior=text].sc-p-label-h .content.sc-p-label{display:flex}@media (min-width:64rem){/*!@:host([behavior=text]) .content*/[behavior=text].sc-p-label-h .content.sc-p-label{display:flex}}/*!@:host([behavior=combination])*/[behavior=combination].sc-p-label-h{padding-left:0;padding-right:0;width:1.625rem}@media (min-width:64rem){/*!@:host([behavior=combination])*/[behavior=combination].sc-p-label-h{padding-left:.75rem;padding-right:.75rem;width:auto}}/*!@:host([behavior=combination]) .circle*/[behavior=combination].sc-p-label-h .circle.sc-p-label{display:none}@media (min-width:64rem){/*!@:host([behavior=combination]) .circle*/[behavior=combination].sc-p-label-h .circle.sc-p-label{display:block}}/*!@:host([behavior=combination]) p-icon*/[behavior=combination].sc-p-label-h p-icon.sc-p-label{display:flex!important}@media (min-width:64rem){/*!@:host([behavior=combination]) p-icon*/[behavior=combination].sc-p-label-h p-icon.sc-p-label{display:none!important}}/*!@:host([behavior=icon-only])*/[behavior=icon-only].sc-p-label-h{padding-left:0;padding-right:0;width:1.625rem}@media (min-width:64rem){/*!@:host([behavior=icon-only])*/[behavior=icon-only].sc-p-label-h{padding-left:0;padding-right:0}}/*!@:host([behavior=icon-only]) .content*/[behavior=icon-only].sc-p-label-h .content.sc-p-label{display:none}@media (min-width:64rem){/*!@:host([behavior=icon-only]) .content*/[behavior=icon-only].sc-p-label-h .content.sc-p-label{display:none}}/*!@:host([behavior=icon-only]) p-icon*/[behavior=icon-only].sc-p-label-h p-icon.sc-p-label{display:flex!important}@media (min-width:64rem){/*!@:host([behavior=icon-only]) p-icon*/[behavior=icon-only].sc-p-label-h p-icon.sc-p-label{display:flex!important}}/*!@:host([behavior=icon-only][size=small])*/[behavior=icon-only][size=small].sc-p-label-h{height:1rem;width:1rem}/*!@:host([keep-mobile-content=true]) .content,:host([keep-mobile-content]) .content*/[keep-mobile-content=true].sc-p-label-h .content.sc-p-label,[keep-mobile-content].sc-p-label-h .content.sc-p-label{display:flex}@media (min-width:64rem){/*!@:host([keep-mobile-content=true]) .content,:host([keep-mobile-content]) .content*/[keep-mobile-content=true].sc-p-label-h .content.sc-p-label,[keep-mobile-content].sc-p-label-h .content.sc-p-label{display:flex}/*!@.desktop-xs\\:block*/.desktop-xs\\:block.sc-p-label{display:block!important}/*!@.desktop-xs\\:flex*/.desktop-xs\\:flex.sc-p-label{display:flex!important}/*!@.desktop-xs\\:hidden*/.desktop-xs\\:hidden.sc-p-label{display:none!important}}/*!@.static*/.static.sc-p-label{position:static!important}";
19912
19974
 
19913
19975
  class Label {
19914
19976
  constructor(hostRef) {
19915
19977
  registerInstance(this, hostRef);
19916
19978
  this.variant = 'neutral';
19917
19979
  this.behavior = 'circle';
19980
+ this.iconPosition = 'start';
19918
19981
  this.icon = undefined;
19919
19982
  this.iconFlip = undefined;
19920
19983
  this.iconRotate = undefined;
@@ -19922,8 +19985,8 @@ class Label {
19922
19985
  this.keepMobileContent = false;
19923
19986
  }
19924
19987
  render() {
19925
- return (hAsync(Host, { class: "p-label" }, this.icon && (hAsync("p-icon", { variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), (this.behavior === 'circle' ||
19926
- this.behavior === 'combination') && (hAsync("div", { class: "circle" })), hAsync("div", { class: "content" }, hAsync("slot", null))));
19988
+ return (hAsync(Host, { class: "p-label" }, this.icon && this.iconPosition === 'start' && (hAsync("p-icon", { variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), (this.behavior === 'circle' ||
19989
+ this.behavior === 'combination') && (hAsync("div", { class: "circle" })), hAsync("div", { class: "content" }, hAsync("slot", null)), this.icon && this.iconPosition === 'end' && (hAsync("p-icon", { variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate }))));
19927
19990
  }
19928
19991
  static get style() { return labelComponentCss; }
19929
19992
  static get cmpMeta() { return {
@@ -19932,6 +19995,7 @@ class Label {
19932
19995
  "$members$": {
19933
19996
  "variant": [513],
19934
19997
  "behavior": [513],
19998
+ "iconPosition": [1, "icon-position"],
19935
19999
  "icon": [513],
19936
20000
  "iconFlip": [1, "icon-flip"],
19937
20001
  "iconRotate": [2, "icon-rotate"],
@@ -20651,7 +20715,7 @@ class Profile {
20651
20715
  }; }
20652
20716
  }
20653
20717
 
20654
- const segmentContainerComponentCss = ".flex{display:flex!important}.h-8{height:2rem!important}.items-center{align-items:center!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}*{box-sizing:border-box}p-segment-container{--tw-bg-opacity:1;--tw-border-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity));border-radius:.375rem;border-style:solid;border-width:1px;display:flex;gap:.25rem;height:2rem;padding:.25rem}.static{position:static!important}";
20718
+ const segmentContainerComponentCss = ".flex{display:flex!important}.items-center{align-items:center!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}*{box-sizing:border-box}p-segment-container{--tw-bg-opacity:1;--tw-border-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity));border-radius:.375rem;border-style:solid;border-width:1px;display:flex;gap:.25rem;padding:.25rem}.static{position:static!important}";
20655
20719
 
20656
20720
  class SegmentContainer {
20657
20721
  constructor(hostRef) {
@@ -20671,18 +20735,24 @@ class SegmentContainer {
20671
20735
  }; }
20672
20736
  }
20673
20737
 
20674
- const segmentItemComponentCss = "/*!@.flex*/.flex.sc-p-segment-item{display:flex!important}/*!@.h-6*/.h-6.sc-p-segment-item{height:1.5rem!important}/*!@.w-6*/.w-6.sc-p-segment-item{width:1.5rem!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}/*!@.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}/*!@.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}/*!@**/*.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;height:1.5rem;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem;white-space:nowrap}/*!@: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))}/*!@.static*/.static.sc-p-segment-item{position:static!important}";
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}";
20675
20739
 
20676
20740
  class SegmentItem {
20677
20741
  constructor(hostRef) {
20678
20742
  registerInstance(this, hostRef);
20743
+ this._hasDescriptionSlot = false;
20679
20744
  this.active = false;
20745
+ this.iconOnly = false;
20746
+ this.size = 'small';
20680
20747
  this.icon = undefined;
20681
20748
  this.iconFlip = undefined;
20682
20749
  this.iconRotate = undefined;
20683
20750
  }
20751
+ componentWillLoad() {
20752
+ this._hasDescriptionSlot = !!this._el.querySelector(':scope > [slot="description"]');
20753
+ }
20684
20754
  render() {
20685
- return (hAsync(Host, { class: `p-segment-item variant-${this.icon ? 'icon' : 'default'} ${this.active && 'active'}` }, this.icon ? this._getIcon() : hAsync("slot", null)));
20755
+ return (hAsync(Host, { class: `p-segment-item variant-${this.iconOnly ? 'icon' : 'default'} ${this.active && 'active'}` }, this.icon && this._getIcon(), hAsync("slot", null), this.size === 'big' && this._hasDescriptionSlot && hAsync("span", { class: "description" }, hAsync("slot", { name: "description" }))));
20686
20756
  }
20687
20757
  _getIcon() {
20688
20758
  if (!this.icon) {
@@ -20690,19 +20760,22 @@ class SegmentItem {
20690
20760
  }
20691
20761
  return (hAsync("p-icon", { class: "flex", variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate }));
20692
20762
  }
20763
+ get _el() { return getElement(this); }
20693
20764
  static get style() { return segmentItemComponentCss; }
20694
20765
  static get cmpMeta() { return {
20695
20766
  "$flags$": 9,
20696
20767
  "$tagName$": "p-segment-item",
20697
20768
  "$members$": {
20698
20769
  "active": [4],
20770
+ "iconOnly": [4, "icon-only"],
20771
+ "size": [513],
20699
20772
  "icon": [1],
20700
20773
  "iconFlip": [1, "icon-flip"],
20701
20774
  "iconRotate": [2, "icon-rotate"]
20702
20775
  },
20703
20776
  "$listeners$": undefined,
20704
20777
  "$lazyBundleId$": "-",
20705
- "$attrsToReflect$": []
20778
+ "$attrsToReflect$": [["size", "size"]]
20706
20779
  }; }
20707
20780
  }
20708
20781
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@paperless/core",
3
- "version": "1.11.2",
3
+ "version": "1.12.1",
4
4
  "description": "Stencil Component Starter",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -1,2 +0,0 @@
1
- import{r as t,h as i,H as r}from"./p-e4d5e7a7.js";const a=".inline-block{display:inline-block!important}.h-16{height:4rem!important}.h-8{height:2rem!important}.h-\\[3\\.125rem\\]{height:3.125rem!important}.h-\\[6\\.5rem\\]{height:6.5rem!important}.w-\\[3\\.125rem\\]{width:3.125rem!important}.w-\\[6\\.5rem\\]{width:6.5rem!important}.rounded{border-radius:.25rem!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}*{box-sizing:border-box}p-avatar{display:inline-block;flex-shrink:0}p-avatar>img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}p-avatar[size=small]>img{height:2rem;width:2rem}p-avatar[size=medium]>img{height:3.125rem;width:3.125rem}p-avatar[size=large]>img{height:4rem;width:4rem}p-avatar[size=xlarge]>img{height:6.5rem;width:6.5rem}p-avatar[variant=company]>img{border-radius:.25rem}p-avatar[variant=company][size=large]>img,p-avatar[variant=company][size=medium]>img,p-avatar[variant=company][size=xlarge]>img{border-radius:.375rem}p-avatar[variant=user]>img{border-radius:100%}.static{position:static!important}";const e=class{constructor(i){t(this,i);this.variant="user";this.size="medium";this.defaultImage=undefined;this.src=undefined;this._src=undefined}onSrchChange(t){this._src=t}componentWillLoad(){this.onSrchChange(this.src);if(!this._src){this._setDefaultLink()}}render(){return i(r,{class:"p-avatar"},i("img",{src:this._src,onError:()=>this._setDefaultLink()}))}_setDefaultLink(){var t;this._src=(t=this.defaultImage)!==null&&t!==void 0?t:this.variant==="user"?"/assets/images/avatar/user-default.svg":"/assets/images/avatar/company-default.svg"}static get watchers(){return{src:["onSrchChange"]}}};e.style=a;export{e as p_avatar};
2
- //# sourceMappingURL=p-4fdbb588.entry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["avatarComponentCss","Avatar","onSrchChange","src","this","_src","componentWillLoad","_setDefaultLink","render","h","Host","class","onError","_a","defaultImage","variant"],"sources":["src/components/atoms/avatar/avatar.component.scss?tag=p-avatar","src/components/atoms/avatar/avatar.component.tsx"],"sourcesContent":["p-avatar {\n @apply inline-block flex-shrink-0;\n\n > img {\n @apply object-cover object-center;\n }\n\n &[size='small'] > img {\n @apply h-8 w-8;\n }\n\n &[size='medium'] > img {\n @apply h-[3.125rem] w-[3.125rem];\n }\n\n &[size='large'] > img {\n @apply h-16 w-16;\n }\n\n &[size='xlarge'] > img {\n @apply h-[6.5rem] w-[6.5rem];\n }\n\n &[variant='company'] {\n > img {\n @apply rounded;\n }\n\n &[size='medium'],\n &[size='large'],\n &[size='xlarge'] {\n > img {\n @apply rounded-large;\n }\n }\n }\n\n &[variant='user'] > img {\n @apply rounded-round;\n }\n}\n","import { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\n@Component({\n tag: 'p-avatar',\n styleUrl: 'avatar.component.scss',\n // shadow: true,\n})\nexport class Avatar {\n /**\n * The variant of the avatar\n */\n @Prop({ reflect: true }) variant: 'user' | 'company' = 'user';\n\n /**\n * The size of the avatar\n */\n @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' | 'xlarge' =\n 'medium';\n\n /**\n * The default image to show on errors\n */\n @Prop() defaultImage: string;\n\n /**\n * The image used for the avatar\n */\n @Prop() src!: string;\n\n @State() private _src: string;\n\n @Watch('src')\n onSrchChange(src: string) {\n this._src = src;\n }\n\n componentWillLoad() {\n this.onSrchChange(this.src);\n if (!this._src) {\n this._setDefaultLink();\n }\n }\n\n render() {\n return (\n <Host class=\"p-avatar\">\n <img src={this._src} onError={() => this._setDefaultLink()} />\n </Host>\n );\n }\n\n private _setDefaultLink() {\n this._src =\n this.defaultImage ??\n (this.variant === 'user'\n ? '/assets/images/avatar/user-default.svg'\n : '/assets/images/avatar/company-default.svg');\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAqB,khC,MCOdC,EAAM,M,sCAIwC,O,UAMnD,S,mEAeJ,YAAAC,CAAaC,GACTC,KAAKC,KAAOF,C,CAGhB,iBAAAG,GACIF,KAAKF,aAAaE,KAAKD,KACvB,IAAKC,KAAKC,KAAM,CACZD,KAAKG,iB,EAIb,MAAAC,GACI,OACIC,EAACC,EAAI,CAACC,MAAM,YACRF,EAAA,OAAKN,IAAKC,KAAKC,KAAMO,QAAS,IAAMR,KAAKG,oB,CAK7C,eAAAA,G,MACJH,KAAKC,MACDQ,EAAAT,KAAKU,gBAAY,MAAAD,SAAA,EAAAA,EAChBT,KAAKW,UAAY,OACZ,yCACA,2C"}