q2-tecton-elements 1.9.5 → 1.9.9

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 (20) hide show
  1. package/dist/cjs/q2-btn_2.cjs.entry.js +4 -3
  2. package/dist/cjs/q2-input.cjs.entry.js +10 -2
  3. package/dist/cjs/tecton-tab-pane.cjs.entry.js +3 -0
  4. package/dist/collection/components/q2-btn/index.js +4 -3
  5. package/dist/collection/components/q2-input/formatting/phone.js +8 -0
  6. package/dist/collection/components/q2-input/index.js +1 -1
  7. package/dist/collection/components/q2-input/styles.css +20 -125
  8. package/dist/collection/components/tecton-tab-pane/index.js +4 -1
  9. package/dist/esm/q2-btn_2.entry.js +4 -3
  10. package/dist/esm/q2-input.entry.js +10 -2
  11. package/dist/esm/tecton-tab-pane.entry.js +3 -0
  12. package/dist/q2-tecton-elements/{p-f6d2fa2f.entry.js → p-54cbd826.entry.js} +1 -1
  13. package/dist/q2-tecton-elements/p-98bb1355.entry.js +1 -0
  14. package/dist/q2-tecton-elements/p-9f328dbd.entry.js +1 -0
  15. package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +1 -1
  16. package/dist/types/components/q2-input/formatting/phone.d.ts +8 -0
  17. package/dist/types/components/tecton-tab-pane/index.d.ts +1 -0
  18. package/package.json +2 -2
  19. package/dist/q2-tecton-elements/p-044827e2.entry.js +0 -1
  20. package/dist/q2-tecton-elements/p-1ece7876.entry.js +0 -1
package/dist/cjs/q2-btn_2.cjs.entry.js CHANGED
@@ -36,7 +36,7 @@ const Q2Btn = class {
36
36
  }
37
37
  handleIcons() {
38
38
  // Only allow one icon in the button
39
- const icon = Array.from(this.hostElement.querySelectorAll('q2-icon')).reduce((acc, element) => {
39
+ const icon = Array.from(this.hostElement.querySelectorAll(':scope > q2-icon')).reduce((acc, element) => {
40
40
  if (acc)
41
41
  element.remove();
42
42
  else
@@ -44,9 +44,10 @@ const Q2Btn = class {
44
44
  return acc;
45
45
  }, null);
46
46
  const hasIcon = !!icon;
47
+ const hasLoc = !!this.hostElement.querySelector('q2-loc');
47
48
  const hasText = !!this.hostElement.textContent.trim();
48
- const hasIconLeft = hasText && hasIcon && this.hostElement.firstElementChild === icon;
49
- const hasIconRight = hasText && hasIcon && this.hostElement.lastElementChild === icon;
49
+ const hasIconLeft = (hasLoc || hasText) && hasIcon && this.hostElement.firstElementChild === icon;
50
+ const hasIconRight = (hasLoc || hasText) && hasIcon && this.hostElement.lastElementChild === icon;
50
51
  const hasIconOnly = !hasIconLeft && !hasIconRight && hasIcon;
51
52
  let iconPosition;
52
53
  if (hasIconOnly)
package/dist/cjs/q2-input.cjs.entry.js CHANGED
@@ -1735,6 +1735,14 @@ const phoneNumberFormats = {
1735
1735
  prefix: '+592 '
1736
1736
  },
1737
1737
  HK: {
1738
+ mask: '####-####',
1739
+ prefix: '+852 '
1740
+ },
1741
+ HN: {
1742
+ mask: '########',
1743
+ prefix: '+504 '
1744
+ },
1745
+ HT: {
1738
1746
  mask: '####-####',
1739
1747
  prefix: '+509 '
1740
1748
  },
@@ -2859,7 +2867,7 @@ const formatCreditCard = {
2859
2867
  unknownFormatter
2860
2868
  };
2861
2869
 
2862
- const stylesCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;margin-top:var(--tct-input-margin-top, var(--app-scale-6x, 30px));margin-bottom:var(--tct-input-margin-bottom, var(--app-scale-6x, 30px));font-size:var(--tct-input-font-size, var(--app-font-size, inherit))}:host([hidden]){display:none}.field-container,.input-container{position:relative}label{display:block;padding-left:var(--tct-input-label-padding-left, 0);padding-right:var(--tct-input-label-padding-right, 0);margin-top:var(--tct-input-label-margin-top, 0);margin-bottom:var(\n --tct-input-label-margin-bottom,\n var(--tct-scale-1, var(--app-scale-1, 5px))\n );color:var(--tct-input-label-font-color, inherit);font-size:var(--tct-input-label-font-size, inherit);font-weight:var(--tct-input-label-font-weight, 600);text-transform:var(--tct-input-label-text-transform, none);letter-spacing:var(--tct-input-label-letter-spacing, normal);transition:color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)))}.optional-tag{margin-left:var(\n --tct-input-label-optional-margin-left,\n var(--tct-scale-1, var(--app-scale-1, 5px))\n );color:var(\n --tct-input-label-optional-font-color,\n var(--tct-a11y-color, var(--t-a11y-gray-color, #767676))\n );font-size:var(--tct-input-label-optional-font-size, 12px);font-weight:var(--tct-input-label-optional-font-weight, 400)}.input-container{display:flex;align-items:center;--comp-input-border-top-left-radius:var(\n --tct-input-border-top-left-radius,\n var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n );--comp-input-border-top-right-radius:var(\n --tct-input-border-top-right-radius,\n var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n );--comp-input-border-bottom-right-radius:var(\n --tct-input-border-bottom-right-radius,\n var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n );--comp-input-border-bottom-left-radius:var(\n --tct-input-border-bottom-left-radius,\n var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n );--comp-input-border-radius:var(--comp-input-border-top-left-radius)\n var(--comp-input-border-top-right-radius) var(--comp-input-border-bottom-right-radius)\n var(--comp-input-border-bottom-left-radius);--comp-input-border-width:var(--tct-input-border-top-width, 1px)\n var(--tct-input-border-right-width, 1px) var(--tct-input-border-bottom-width, 1px)\n var(--tct-input-border-left-width, 1px);--comp-input-focus-border-width:var(--tct-input-focus-border-top-width, 1px)\n var(--tct-input-focus-border-right-width, 1px)\n var(--tct-input-focus-border-bottom-width, 1px)\n var(--tct-input-focus-border-left-width, 1px);--comp-input-prefix-clearance:calc(\n 3 * var(--tct-input-prefix-font-size, 14px) + var(--tct-scale-1, 5px)\n );--comp-input-icon-clearance:34px;--comp-input-min-height:44px;border-width:var(--comp-input-border-width);border-style:solid;border-color:var(\n --tct-input-border-color,\n var(--t-input-border, var(--tct-gray-11, var(--t-gray-11, #cccccc)))\n );border-radius:var(--comp-input-border-radius);box-shadow:var(--tct-input-box-shadow, none);transition:border-width\n var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n border-color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n box-shadow var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)))}.input-field{flex:1;border:0;-webkit-appearance:none;appearance:none;box-sizing:border-box;min-height:var(--comp-input-min-height);height:var(--tct-input-height, 44px);width:100%;padding:0 var(--tct-input-horizontal-padding, var(--tct-scale-2, var(--app-scale-2, 10px)));background-color:var(\n --tct-input-bg,\n var(--t-input-bg, var(--tct-gray-14, var(--t-gray-14, #f2f2f2)))\n );color:var(--tct-input-font-color, var(--t-input-font-color, var(--t-text, inherit)))}input{display:inline-block}.input-field:focus{outline:none;box-shadow:none}.input-field::-webkit-outer-spin-button,.input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-field[type='number']{-moz-appearance:textfield}.input-container:focus-within{border-width:var(--comp-input-focus-border-width, 1px);border-color:var(\n --tct-input-focus-border-color,\n var(--t-input-focus, var(--tct-gray-9, var(--t-gray-9, #999999)))\n );box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff)),\n var(--tct-input-focus-box-shadow, 0 0 transparent)}input::-ms-clear{display:none}input[type='search']::-webkit-search-decoration,input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-results-button,input[type='search']::-webkit-search-results-decoration{display:none}input::placeholder,.placeholder-text{color:var(\n --tct-input-placeholder-font-color,\n var(\n --t-input-placeholder-font-color,\n var(--tct-gray-7, var(--t-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666))))\n )\n )}.pseudo-input{display:inline-flex;align-items:center}.pseudo-input span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-icons-container-left{display:flex;flex-direction:row;align-items:center}.input-icons-container-left q2-icon{position:absolute}.input-icons-container-right{display:flex;gap:var(--tct-scale-2, var(--app-scale-2, 10px));flex-direction:row;padding-left:3px;align-items:center;margin-right:var(--tct-scale-2, var(--app-scale-2, 10px))}.input-icons-container-right .btn-visibility-toggle{color:var(--tct-primary, var(--t-primary, #006eb2));font-size:12px}q2-icon{margin-top:calc(var(--tct-input-border-top-width, 1px) / 2);margin-bottom:calc(var(--tct-input-border-bottom-width, 1px) / 2);pointer-events:none;color:var(\n --tct-input-icon-stroke-primary,\n var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999)))\n );--tct-icon-stroke-primary:var(\n --tct-input-icon-stroke-primary,\n var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999))))\n );--t-icon-stroke-primary:var(\n --tct-input-icon-stroke-primary,\n var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999))))\n )}.icon-left{left:var(--tct-scale-1, var(--app-scale-1, 5px))}.icon-left-muted{opacity:0.5}.input-prefix,.input-suffix{display:inline-flex;align-items:center;justify-content:center;min-height:calc(\n var(--comp-input-min-height) - var(--tct-input-focus-border-top-width, 1px) -\n var(--tct-input-focus-border-bottom-width, 1px)\n );height:calc(\n var(--tct-input-height, 44px) - var(--tct-input-focus-border-top-width, 1px) -\n var(--tct-input-focus-border-bottom-width, 1px)\n );width:3em;bottom:var(--tct-input-border-bottom-width, 1px);font-size:var(--tct-input-prefix-font-size, inherit);color:var(--tct-input-prefix-font-color, inherit);background-color:var(\n --tct-input-prefix-bg,\n var(--tct-input-bg, var(--t-input-bg, var(--tct-gray-14, var(--t-gray-14, #f2f2f2))))\n );transition:color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n background-color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)))}.input-prefix{left:var(--tct-input-border-left-width, 1px);border-right:1px solid\n var(\n --tct-input-prefix-border-color,\n var(\n --tct-input-border-color,\n var(\n --t-input-border,\n var(\n --tct-gray-11,\n var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))\n )\n )\n )\n );border-top-left-radius:calc(\n var(--comp-input-border-top-left-radius) - var(--tct-input-border-top-width, 1px) -\n var(--tct-input-border-left-width, 1px)\n );border-bottom-left-radius:calc(\n var(--comp-input-border-bottom-left-radius) - var(--tct-input-border-bottom-width, 1px) -\n var(--tct-input-border-left-width, 1px)\n );pointer-events:none;}.input-suffix{right:var(--tct-input-border-right-width, 1px);border-left:1px solid\n var(\n --tct-input-prefix-border-color,\n var(\n --tct-input-border-color,\n var(\n --t-input-border,\n var(\n --tct-gray-11,\n var(--t-gray-11, var(--tct-gray-l1, var(--app-grayl1, #cccccc)))\n )\n )\n )\n );border-top-right-radius:calc(\n var(--comp-input-border-top-right-radius) - var(--tct-input-border-top-width, 1px) -\n var(--tct-input-border-right-width, 1px)\n );border-bottom-right-radius:calc(\n var(--comp-input-border-bottom-right-radius) - var(--tct-input-border-bottom-width, 1px) -\n var(--tct-input-border-right-width, 1px)\n )}.icon-error{color:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--t-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000))}.pw-show{position:absolute;margin-right:var(--tct-scale-2, var(--app-scale-2, 20px))}.btn-clear{margin-top:calc(var(--tct-input-border-top-width, 1px) / 2);margin-bottom:calc(var(--tct-input-border-bottom-width, 1px) / 2);height:22px;--tct-btn-icon-width:17px;--tct-btn-icon-height:22px;--tct-icon-size:17px}.messages-container{height:0px;overflow:hidden;background-color:var(\n --tct-message-bg,\n var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))\n );box-shadow:var(\n --tct-input-message-box-shadow,\n var(--tct-box-shadow-1, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3)))\n );transition:height\n var(--tct-input-messages-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease)));margin-top:2px;z-index:1;position:absolute;width:100%;color:var(--tct-input-messages-font-color, inherit)}:host([disabled]) .input-container{cursor:not-allowed;opacity:var(\n --tct-input-disabled-opacity,\n var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))\n )}.input-field[disabled]{cursor:not-allowed}.has-focus .input-prefix{border-top-left-radius:calc(\n var(--comp-input-border-top-left-radius) - var(--tct-input-focus-border-top-width, 1px) -\n var(--tct-input-focus-border-left-width, 1px)\n );border-bottom-left-radius:calc(\n var(--comp-input-border-bottom-left-radius) -\n var(--tct-input-focus-border-bottom-width, 1px) -\n var(--tct-input-focus-border-left-width, 1px)\n )}.has-focus .input-suffix{border-top-left-radius:calc(\n var(--comp-input-border-top-left-radius) - var(--tct-input-focus-border-top-width, 1px) -\n var(--tct-input-focus-border-left-width, 1px)\n );border-bottom-left-radius:calc(\n var(--comp-input-border-bottom-left-radius) -\n var(--tct-input-focus-border-bottom-width, 1px) -\n var(--tct-input-focus-border-left-width, 1px)\n )}.right-aligned .input-field{text-align:right}.right-aligned .icon-error{left:var(--tct-scale-2, var(--app-scale-2, 10px));right:auto}.has-error label{color:var(--tct-input-error-label-font-color, var(--tct-input-label-font-color, inherit))}.has-error:not(.has-focus) .input-prefix,.has-error:not(.has-focus) .input-suffix{color:var(--tct-input-error-prefix-font-color, inherit);background-color:var(\n --tct-input-error-prefix-bg,\n var(\n --tct-input-bg,\n var(\n --t-input-bg,\n var(--tct-gray-14, var(--app-var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))\n )\n )\n )}.has-error .input-container:not(:focus-within){border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000))}.has-error.has-icon-right.left-aligned .btn-clear{right:calc(2 * var(--comp-input-icon-clearance))}.has-error.has-clear.has-icon-right.left-aligned .input-field{padding-right:calc(3 * var(--comp-input-icon-clearance))}.has-error.right-aligned .input-field{padding-left:var(--comp-input-icon-clearance)}.has-error.right-aligned.has-prefix .input-field{padding-left:calc(var(--comp-input-prefix-clearance) + var(--comp-input-icon-clearance))}.has-error.right-aligned.has-icon-left .input-field{padding-left:calc(2 * var(--comp-input-icon-clearance))}.has-error.right-aligned .icon-left{left:var(--comp-input-icon-clearance)}.has-prefix .input-field{padding-left:var(--comp-input-prefix-clearance)}.has-prefix.right-aligned .icon-error{left:var(--comp-input-prefix-clearance);margin-left:var(--tct-scale-1, 5px)}.has-suffix .icon-error,.has-suffix .btn-clear{right:var(--comp-input-prefix-clearance)}.has-suffix.has-error .btn-clear{right:calc(var(--comp-input-prefix-clearance) + var(--comp-input-icon-clearance))}.has-icon-left .input-field{padding-left:var(--comp-input-icon-clearance)}.has-icon-left.has-icon-separator .input-field{padding-left:calc(var(--comp-input-icon-clearance) + 14px)}.has-icon-left.has-icon-separator .icon-left{width:26px;height:26px;left:8px}.has-icon-left.has-icon-separator .input-container .vertical-separator{position:absolute;left:var(--tct-input-border-left-width, 1px);height:calc(var(--comp-input-min-height) - 2px);width:3em;border-right:1px solid\n var(\n --tct-input-prefix-border-color,\n var(\n --tct-input-border-color,\n var(\n --t-input-border,\n var(\n --tct-gray-11,\n var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))\n )\n )\n )\n )}";
2870
+ const stylesCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;margin-top:var(--tct-input-margin-top, var(--app-scale-6x, 30px));margin-bottom:var(--tct-input-margin-bottom, var(--app-scale-6x, 30px));font-size:var(--tct-input-font-size, var(--app-font-size, inherit))}:host([hidden]){display:none}.field-container,.input-container{position:relative}label{display:block;padding-left:var(--tct-input-label-padding-left, 0);padding-right:var(--tct-input-label-padding-right, 0);margin-top:var(--tct-input-label-margin-top, 0);margin-bottom:var(\n --tct-input-label-margin-bottom,\n var(--tct-scale-1, var(--app-scale-1, 5px))\n );color:var(--tct-input-label-font-color, inherit);font-size:var(--tct-input-label-font-size, inherit);font-weight:var(--tct-input-label-font-weight, 600);text-transform:var(--tct-input-label-text-transform, none);letter-spacing:var(--tct-input-label-letter-spacing, normal);transition:color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)))}.optional-tag{margin-left:var(\n --tct-input-label-optional-margin-left,\n var(--tct-scale-1, var(--app-scale-1, 5px))\n );color:var(\n --tct-input-label-optional-font-color,\n var(--tct-a11y-color, var(--t-a11y-gray-color, #767676))\n );font-size:var(--tct-input-label-optional-font-size, 12px);font-weight:var(--tct-input-label-optional-font-weight, 400)}.input-container{display:flex;align-items:center;--comp-input-horizontal-gap:var(\n --tct-input-horizontal-gap,\n var(--t-input-horizontal-gap, 8px)\n );--comp-input-border-top-left-radius:var(\n --tct-input-border-top-left-radius,\n var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n );--comp-input-border-top-right-radius:var(\n --tct-input-border-top-right-radius,\n var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n );--comp-input-border-bottom-right-radius:var(\n --tct-input-border-bottom-right-radius,\n var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n );--comp-input-border-bottom-left-radius:var(\n --tct-input-border-bottom-left-radius,\n var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n );--comp-input-border-radius:var(--comp-input-border-top-left-radius)\n var(--comp-input-border-top-right-radius) var(--comp-input-border-bottom-right-radius)\n var(--comp-input-border-bottom-left-radius);--comp-input-border-width:var(--tct-input-border-top-width, 1px)\n var(--tct-input-border-right-width, 1px) var(--tct-input-border-bottom-width, 1px)\n var(--tct-input-border-left-width, 1px);--comp-input-focus-border-width:var(--tct-input-focus-border-top-width, 1px)\n var(--tct-input-focus-border-right-width, 1px)\n var(--tct-input-focus-border-bottom-width, 1px)\n var(--tct-input-focus-border-left-width, 1px);--comp-input-prefix-clearance:calc(\n 3 * var(--tct-input-prefix-font-size, 14px) + var(--tct-scale-1, 5px)\n );--comp-input-icon-clearance:34px;--comp-input-min-height:44px;border-width:var(--comp-input-border-width);border-style:solid;border-color:var(\n --tct-input-border-color,\n var(--t-input-border, var(--tct-gray-11, var(--t-gray-11, #cccccc)))\n );border-radius:var(--comp-input-border-radius);box-shadow:var(--tct-input-box-shadow, none);transition:border-width\n var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n border-color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n box-shadow var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)))}.input-field{flex:1;border:0;-webkit-appearance:none;appearance:none;box-sizing:border-box;min-height:var(--comp-input-min-height);height:var(--tct-input-height, 44px);width:100%;padding:0 var(--tct-input-horizontal-padding, var(--tct-scale-2, var(--app-scale-2, 10px)));background-color:var(\n --tct-input-bg,\n var(--t-input-bg, var(--tct-gray-14, var(--t-gray-14, #f2f2f2)))\n );color:var(--tct-input-font-color, var(--t-input-font-color, var(--t-text, inherit)))}input{display:inline-block}.input-field:focus{outline:none;box-shadow:none}.input-field::-webkit-outer-spin-button,.input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-field[type='number']{-moz-appearance:textfield}.input-container:focus-within{border-width:var(--comp-input-focus-border-width, 1px);border-color:var(\n --tct-input-focus-border-color,\n var(--t-input-focus, var(--tct-gray-9, var(--t-gray-9, #999999)))\n );box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff)),\n var(--tct-input-focus-box-shadow, 0 0 transparent)}input::-ms-clear{display:none}input[type='search']::-webkit-search-decoration,input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-results-button,input[type='search']::-webkit-search-results-decoration{display:none}input::placeholder,.placeholder-text{color:var(\n --tct-input-placeholder-font-color,\n var(\n --t-input-placeholder-font-color,\n var(--tct-gray-7, var(--t-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666))))\n )\n )}.pseudo-input{display:inline-flex;align-items:center}.pseudo-input span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-icons-container-left:empty{display:none}.input-icons-container-left{display:flex;flex-direction:row;align-items:center;gap:var(--comp-input-horizontal-gap);padding-left:var(--comp-input-horizontal-gap)}.input-icons-container-right:empty{display:none}.input-icons-container-right{display:flex;flex-direction:row;align-items:center;gap:var(--comp-input-horizontal-gap);padding-right:var(--comp-input-horizontal-gap)}.input-icons-container-right .btn-visibility-toggle{color:var(--tct-primary, var(--t-primary, #006eb2));font-size:12px}q2-icon{margin-top:calc(var(--tct-input-border-top-width, 1px) / 2);margin-bottom:calc(var(--tct-input-border-bottom-width, 1px) / 2);pointer-events:none;color:var(\n --tct-input-icon-stroke-primary,\n var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999)))\n );--tct-icon-stroke-primary:var(\n --tct-input-icon-stroke-primary,\n var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999))))\n );--t-icon-stroke-primary:var(\n --tct-input-icon-stroke-primary,\n var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999))))\n )}.icon-left-muted{opacity:0.5}.input-prefix,.input-suffix{margin-left:calc(var(--comp-input-horizontal-gap) * -1);margin-right:calc(var(--comp-input-horizontal-gap) * -1);width:3em;display:inline-flex;align-items:center;justify-content:center;min-height:calc(\n var(--comp-input-min-height) - var(--tct-input-focus-border-top-width, 1px) -\n var(--tct-input-focus-border-bottom-width, 1px)\n );height:calc(\n var(--tct-input-height, 44px) - var(--tct-input-focus-border-top-width, 1px) -\n var(--tct-input-focus-border-bottom-width, 1px)\n );font-size:var(--tct-input-prefix-font-size, inherit);color:var(--tct-input-prefix-font-color, inherit);background-color:var(\n --tct-input-prefix-bg,\n var(--tct-input-bg, var(--t-input-bg, var(--tct-gray-14, var(--t-gray-14, #f2f2f2))))\n );transition:color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n background-color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)))}.input-prefix{border-top-left-radius:calc(\n var(--comp-input-border-top-left-radius) - var(--tct-input-border-top-width, 1px) -\n var(--tct-input-border-left-width, 1px)\n );border-bottom-left-radius:calc(\n var(--comp-input-border-bottom-left-radius) - var(--tct-input-border-bottom-width, 1px) -\n var(--tct-input-border-left-width, 1px)\n );pointer-events:none;}.input-suffix{border-top-right-radius:calc(\n var(--comp-input-border-top-right-radius) - var(--tct-input-border-top-width, 1px) -\n var(--tct-input-border-right-width, 1px)\n );border-bottom-right-radius:calc(\n var(--comp-input-border-bottom-right-radius) - var(--tct-input-border-bottom-width, 1px) -\n var(--tct-input-border-right-width, 1px)\n )}.icon-error{color:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--t-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000))}.pw-show{position:absolute;margin-right:var(--tct-scale-2, var(--app-scale-2, 20px))}.btn-clear{margin-top:calc(var(--tct-input-border-top-width, 1px) / 2);margin-bottom:calc(var(--tct-input-border-bottom-width, 1px) / 2);height:22px;--tct-btn-icon-width:17px;--tct-btn-icon-height:22px;--tct-icon-size:17px}.messages-container{height:0px;overflow:hidden;background-color:var(\n --tct-message-bg,\n var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))\n );box-shadow:var(\n --tct-input-message-box-shadow,\n var(--tct-box-shadow-1, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3)))\n );transition:height\n var(--tct-input-messages-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease)));margin-top:2px;z-index:1;position:absolute;width:100%;color:var(--tct-input-messages-font-color, inherit)}:host([disabled]) .input-container{cursor:not-allowed;opacity:var(\n --tct-input-disabled-opacity,\n var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))\n )}.input-field[disabled]{cursor:not-allowed}.right-aligned .input-field{text-align:right}.has-error label{color:var(--tct-input-error-label-font-color, var(--tct-input-label-font-color, inherit))}.has-error:not(.has-focus) .input-prefix,.has-error:not(.has-focus) .input-suffix{color:var(--tct-input-error-prefix-font-color, inherit);background-color:var(\n --tct-input-error-prefix-bg,\n var(\n --tct-input-bg,\n var(\n --t-input-bg,\n var(--tct-gray-14, var(--app-var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))\n )\n )\n )}.has-error .input-container:not(:focus-within){border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000))}.icon-left{width:26px;height:26px}.vertical-separator{height:calc(var(--comp-input-min-height) - 2px);border-right:1px solid\n var(\n --tct-input-prefix-border-color,\n var(\n --tct-input-border-color,\n var(\n --t-input-border,\n var(\n --tct-gray-11,\n var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))\n )\n )\n )\n )}";
2863
2871
 
2864
2872
  const Q2Input = class {
2865
2873
  constructor(hostRef) {
@@ -3056,7 +3064,7 @@ const Q2Input = class {
3056
3064
  return this.iconLeft;
3057
3065
  }
3058
3066
  get showIconSeperator() {
3059
- return this.type === 'credit-card';
3067
+ return this.type === 'credit-card' || !!this.formattedValueObject.prefix;
3060
3068
  }
3061
3069
  get computedClassForIconLeft() {
3062
3070
  let className = 'icon-left';
package/dist/cjs/tecton-tab-pane.cjs.entry.js CHANGED
@@ -22,6 +22,9 @@ const TectonTabPane = class {
22
22
  .slice(-2)
23
23
  .join('-');
24
24
  }
25
+ componentWillLoad() {
26
+ this._showForm = this.showForm;
27
+ }
25
28
  componentDidRender() {
26
29
  const formElement = this.hostElement.shadowRoot.querySelector('form');
27
30
  if (!!formElement && !!formElement.parentElement) {
package/dist/collection/components/q2-btn/index.js CHANGED
@@ -27,7 +27,7 @@ export class Q2Btn {
27
27
  }
28
28
  handleIcons() {
29
29
  // Only allow one icon in the button
30
- const icon = Array.from(this.hostElement.querySelectorAll('q2-icon')).reduce((acc, element) => {
30
+ const icon = Array.from(this.hostElement.querySelectorAll(':scope > q2-icon')).reduce((acc, element) => {
31
31
  if (acc)
32
32
  element.remove();
33
33
  else
@@ -35,9 +35,10 @@ export class Q2Btn {
35
35
  return acc;
36
36
  }, null);
37
37
  const hasIcon = !!icon;
38
+ const hasLoc = !!this.hostElement.querySelector('q2-loc');
38
39
  const hasText = !!this.hostElement.textContent.trim();
39
- const hasIconLeft = hasText && hasIcon && this.hostElement.firstElementChild === icon;
40
- const hasIconRight = hasText && hasIcon && this.hostElement.lastElementChild === icon;
40
+ const hasIconLeft = (hasLoc || hasText) && hasIcon && this.hostElement.firstElementChild === icon;
41
+ const hasIconRight = (hasLoc || hasText) && hasIcon && this.hostElement.lastElementChild === icon;
41
42
  const hasIconOnly = !hasIconLeft && !hasIconRight && hasIcon;
42
43
  let iconPosition;
43
44
  if (hasIconOnly)
package/dist/collection/components/q2-input/formatting/phone.js CHANGED
@@ -392,6 +392,14 @@ export const phoneNumberFormats = {
392
392
  prefix: '+592 '
393
393
  },
394
394
  HK: {
395
+ mask: '####-####',
396
+ prefix: '+852 '
397
+ },
398
+ HN: {
399
+ mask: '########',
400
+ prefix: '+504 '
401
+ },
402
+ HT: {
395
403
  mask: '####-####',
396
404
  prefix: '+509 '
397
405
  },
package/dist/collection/components/q2-input/index.js CHANGED
@@ -201,7 +201,7 @@ export class Q2Input {
201
201
  return this.iconLeft;
202
202
  }
203
203
  get showIconSeperator() {
204
- return this.type === 'credit-card';
204
+ return this.type === 'credit-card' || !!this.formattedValueObject.prefix;
205
205
  }
206
206
  get computedClassForIconLeft() {
207
207
  let className = 'icon-left';
package/dist/collection/components/q2-input/styles.css CHANGED
@@ -114,6 +114,10 @@ label {
114
114
  .input-container {
115
115
  display: flex;
116
116
  align-items: center;
117
+ --comp-input-horizontal-gap: var(
118
+ --tct-input-horizontal-gap,
119
+ var(--t-input-horizontal-gap, 8px)
120
+ );
117
121
  --comp-input-border-top-left-radius: var(
118
122
  --tct-input-border-top-left-radius,
119
123
  var(--tct-border-radius-1, var(--app-border-radius-1, 3px))
@@ -239,21 +243,27 @@ input::placeholder,
239
243
  text-overflow: ellipsis;
240
244
  }
241
245
 
246
+ .input-icons-container-left:empty {
247
+ display: none;
248
+ }
242
249
  .input-icons-container-left {
243
250
  display: flex;
244
251
  flex-direction: row;
245
252
  align-items: center;
253
+ gap: var(--comp-input-horizontal-gap);
254
+ padding-left: var(--comp-input-horizontal-gap);
246
255
  }
247
- .input-icons-container-left q2-icon {
248
- position: absolute;
256
+
257
+ .input-icons-container-right:empty {
258
+ display: none;
249
259
  }
260
+
250
261
  .input-icons-container-right {
251
262
  display: flex;
252
- gap: var(--tct-scale-2, var(--app-scale-2, 10px));
253
263
  flex-direction: row;
254
- padding-left: 3px;
255
264
  align-items: center;
256
- margin-right: var(--tct-scale-2, var(--app-scale-2, 10px));
265
+ gap: var(--comp-input-horizontal-gap);
266
+ padding-right: var(--comp-input-horizontal-gap);
257
267
  }
258
268
  .input-icons-container-right .btn-visibility-toggle {
259
269
  color: var(--tct-primary, var(--t-primary, #006eb2));
@@ -278,16 +288,15 @@ q2-icon {
278
288
  );
279
289
  }
280
290
 
281
- .icon-left {
282
- left: var(--tct-scale-1, var(--app-scale-1, 5px));
283
- }
284
-
285
291
  .icon-left-muted {
286
292
  opacity: 0.5;
287
293
  }
288
294
 
289
295
  .input-prefix,
290
296
  .input-suffix {
297
+ margin-left: calc(var(--comp-input-horizontal-gap) * -1);
298
+ margin-right: calc(var(--comp-input-horizontal-gap) * -1);
299
+ width: 3em;
291
300
  display: inline-flex;
292
301
  align-items: center;
293
302
  justify-content: center;
@@ -299,8 +308,6 @@ q2-icon {
299
308
  var(--tct-input-height, 44px) - var(--tct-input-focus-border-top-width, 1px) -
300
309
  var(--tct-input-focus-border-bottom-width, 1px)
301
310
  );
302
- width: 3em;
303
- bottom: var(--tct-input-border-bottom-width, 1px);
304
311
  font-size: var(--tct-input-prefix-font-size, inherit);
305
312
  color: var(--tct-input-prefix-font-color, inherit);
306
313
  background-color: var(
@@ -312,21 +319,6 @@ q2-icon {
312
319
  }
313
320
 
314
321
  .input-prefix {
315
- left: var(--tct-input-border-left-width, 1px);
316
- border-right: 1px solid
317
- var(
318
- --tct-input-prefix-border-color,
319
- var(
320
- --tct-input-border-color,
321
- var(
322
- --t-input-border,
323
- var(
324
- --tct-gray-11,
325
- var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))
326
- )
327
- )
328
- )
329
- );
330
322
  border-top-left-radius: calc(
331
323
  var(--comp-input-border-top-left-radius) - var(--tct-input-border-top-width, 1px) -
332
324
  var(--tct-input-border-left-width, 1px)
@@ -339,21 +331,6 @@ q2-icon {
339
331
  }
340
332
 
341
333
  .input-suffix {
342
- right: var(--tct-input-border-right-width, 1px);
343
- border-left: 1px solid
344
- var(
345
- --tct-input-prefix-border-color,
346
- var(
347
- --tct-input-border-color,
348
- var(
349
- --t-input-border,
350
- var(
351
- --tct-gray-11,
352
- var(--t-gray-11, var(--tct-gray-l1, var(--app-grayl1, #cccccc)))
353
- )
354
- )
355
- )
356
- );
357
334
  border-top-right-radius: calc(
358
335
  var(--comp-input-border-top-right-radius) - var(--tct-input-border-top-width, 1px) -
359
336
  var(--tct-input-border-right-width, 1px)
@@ -416,39 +393,10 @@ q2-icon {
416
393
  cursor: not-allowed;
417
394
  }
418
395
 
419
- .has-focus .input-prefix {
420
- border-top-left-radius: calc(
421
- var(--comp-input-border-top-left-radius) - var(--tct-input-focus-border-top-width, 1px) -
422
- var(--tct-input-focus-border-left-width, 1px)
423
- );
424
- border-bottom-left-radius: calc(
425
- var(--comp-input-border-bottom-left-radius) -
426
- var(--tct-input-focus-border-bottom-width, 1px) -
427
- var(--tct-input-focus-border-left-width, 1px)
428
- );
429
- }
430
-
431
- .has-focus .input-suffix {
432
- border-top-left-radius: calc(
433
- var(--comp-input-border-top-left-radius) - var(--tct-input-focus-border-top-width, 1px) -
434
- var(--tct-input-focus-border-left-width, 1px)
435
- );
436
- border-bottom-left-radius: calc(
437
- var(--comp-input-border-bottom-left-radius) -
438
- var(--tct-input-focus-border-bottom-width, 1px) -
439
- var(--tct-input-focus-border-left-width, 1px)
440
- );
441
- }
442
-
443
396
  .right-aligned .input-field {
444
397
  text-align: right;
445
398
  }
446
399
 
447
- .right-aligned .icon-error {
448
- left: var(--tct-scale-2, var(--app-scale-2, 10px));
449
- right: auto;
450
- }
451
-
452
400
  .has-error label {
453
401
  color: var(--tct-input-error-label-font-color, var(--tct-input-label-font-color, inherit));
454
402
  }
@@ -472,65 +420,12 @@ q2-icon {
472
420
  border-color: var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000));
473
421
  }
474
422
 
475
- .has-error.has-icon-right.left-aligned .btn-clear {
476
- right: calc(2 * var(--comp-input-icon-clearance));
477
- }
478
-
479
- .has-error.has-clear.has-icon-right.left-aligned .input-field {
480
- padding-right: calc(3 * var(--comp-input-icon-clearance));
481
- }
482
-
483
- .has-error.right-aligned .input-field {
484
- padding-left: var(--comp-input-icon-clearance);
485
- }
486
-
487
- .has-error.right-aligned.has-prefix .input-field {
488
- padding-left: calc(var(--comp-input-prefix-clearance) + var(--comp-input-icon-clearance));
489
- }
490
-
491
- .has-error.right-aligned.has-icon-left .input-field {
492
- padding-left: calc(2 * var(--comp-input-icon-clearance));
493
- }
494
-
495
- .has-error.right-aligned .icon-left {
496
- left: var(--comp-input-icon-clearance);
497
- }
498
-
499
- .has-prefix .input-field {
500
- padding-left: var(--comp-input-prefix-clearance);
501
- }
502
-
503
- .has-prefix.right-aligned .icon-error {
504
- left: var(--comp-input-prefix-clearance);
505
- margin-left: var(--tct-scale-1, 5px);
506
- }
507
-
508
- .has-suffix .icon-error,
509
- .has-suffix .btn-clear {
510
- right: var(--comp-input-prefix-clearance);
511
- }
512
-
513
- .has-suffix.has-error .btn-clear {
514
- right: calc(var(--comp-input-prefix-clearance) + var(--comp-input-icon-clearance));
515
- }
516
-
517
- .has-icon-left .input-field {
518
- padding-left: var(--comp-input-icon-clearance);
519
- }
520
-
521
- .has-icon-left.has-icon-separator .input-field {
522
- padding-left: calc(var(--comp-input-icon-clearance) + 14px);
523
- }
524
- .has-icon-left.has-icon-separator .icon-left {
423
+ .icon-left {
525
424
  width: 26px;
526
425
  height: 26px;
527
- left: 8px;
528
426
  }
529
- .has-icon-left.has-icon-separator .input-container .vertical-separator {
530
- position: absolute;
531
- left: var(--tct-input-border-left-width, 1px);
427
+ .vertical-separator {
532
428
  height: calc(var(--comp-input-min-height) - 2px);
533
- width: 3em;
534
429
  border-right: 1px solid
535
430
  var(
536
431
  --tct-input-prefix-border-color,
package/dist/collection/components/tecton-tab-pane/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { Component, Prop, State, Element, Watch, h } from '@stencil/core';
1
+ import { Component, Element, h, Prop, State, Watch } from '@stencil/core';
2
2
  export class TectonTabPane {
3
3
  constructor() {
4
4
  ///////// Actions /////////
@@ -14,6 +14,9 @@ export class TectonTabPane {
14
14
  .slice(-2)
15
15
  .join('-');
16
16
  }
17
+ componentWillLoad() {
18
+ this._showForm = this.showForm;
19
+ }
17
20
  componentDidRender() {
18
21
  const formElement = this.hostElement.shadowRoot.querySelector('form');
19
22
  if (!!formElement && !!formElement.parentElement) {
package/dist/esm/q2-btn_2.entry.js CHANGED
@@ -32,7 +32,7 @@ const Q2Btn = class {
32
32
  }
33
33
  handleIcons() {
34
34
  // Only allow one icon in the button
35
- const icon = Array.from(this.hostElement.querySelectorAll('q2-icon')).reduce((acc, element) => {
35
+ const icon = Array.from(this.hostElement.querySelectorAll(':scope > q2-icon')).reduce((acc, element) => {
36
36
  if (acc)
37
37
  element.remove();
38
38
  else
@@ -40,9 +40,10 @@ const Q2Btn = class {
40
40
  return acc;
41
41
  }, null);
42
42
  const hasIcon = !!icon;
43
+ const hasLoc = !!this.hostElement.querySelector('q2-loc');
43
44
  const hasText = !!this.hostElement.textContent.trim();
44
- const hasIconLeft = hasText && hasIcon && this.hostElement.firstElementChild === icon;
45
- const hasIconRight = hasText && hasIcon && this.hostElement.lastElementChild === icon;
45
+ const hasIconLeft = (hasLoc || hasText) && hasIcon && this.hostElement.firstElementChild === icon;
46
+ const hasIconRight = (hasLoc || hasText) && hasIcon && this.hostElement.lastElementChild === icon;
46
47
  const hasIconOnly = !hasIconLeft && !hasIconRight && hasIcon;
47
48
  let iconPosition;
48
49
  if (hasIconOnly)
package/dist/esm/q2-input.entry.js CHANGED
@@ -1731,6 +1731,14 @@ const phoneNumberFormats = {
1731
1731
  prefix: '+592 '
1732
1732
  },
1733
1733
  HK: {
1734
+ mask: '####-####',
1735
+ prefix: '+852 '
1736
+ },
1737
+ HN: {
1738
+ mask: '########',
1739
+ prefix: '+504 '
1740
+ },
1741
+ HT: {
1734
1742
  mask: '####-####',
1735
1743
  prefix: '+509 '
1736
1744
  },
@@ -2855,7 +2863,7 @@ const formatCreditCard = {
2855
2863
  unknownFormatter
2856
2864
  };
2857
2865
 
2858
- const stylesCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;margin-top:var(--tct-input-margin-top, var(--app-scale-6x, 30px));margin-bottom:var(--tct-input-margin-bottom, var(--app-scale-6x, 30px));font-size:var(--tct-input-font-size, var(--app-font-size, inherit))}:host([hidden]){display:none}.field-container,.input-container{position:relative}label{display:block;padding-left:var(--tct-input-label-padding-left, 0);padding-right:var(--tct-input-label-padding-right, 0);margin-top:var(--tct-input-label-margin-top, 0);margin-bottom:var(\n --tct-input-label-margin-bottom,\n var(--tct-scale-1, var(--app-scale-1, 5px))\n );color:var(--tct-input-label-font-color, inherit);font-size:var(--tct-input-label-font-size, inherit);font-weight:var(--tct-input-label-font-weight, 600);text-transform:var(--tct-input-label-text-transform, none);letter-spacing:var(--tct-input-label-letter-spacing, normal);transition:color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)))}.optional-tag{margin-left:var(\n --tct-input-label-optional-margin-left,\n var(--tct-scale-1, var(--app-scale-1, 5px))\n );color:var(\n --tct-input-label-optional-font-color,\n var(--tct-a11y-color, var(--t-a11y-gray-color, #767676))\n );font-size:var(--tct-input-label-optional-font-size, 12px);font-weight:var(--tct-input-label-optional-font-weight, 400)}.input-container{display:flex;align-items:center;--comp-input-border-top-left-radius:var(\n --tct-input-border-top-left-radius,\n var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n );--comp-input-border-top-right-radius:var(\n --tct-input-border-top-right-radius,\n var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n );--comp-input-border-bottom-right-radius:var(\n --tct-input-border-bottom-right-radius,\n var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n );--comp-input-border-bottom-left-radius:var(\n --tct-input-border-bottom-left-radius,\n var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n );--comp-input-border-radius:var(--comp-input-border-top-left-radius)\n var(--comp-input-border-top-right-radius) var(--comp-input-border-bottom-right-radius)\n var(--comp-input-border-bottom-left-radius);--comp-input-border-width:var(--tct-input-border-top-width, 1px)\n var(--tct-input-border-right-width, 1px) var(--tct-input-border-bottom-width, 1px)\n var(--tct-input-border-left-width, 1px);--comp-input-focus-border-width:var(--tct-input-focus-border-top-width, 1px)\n var(--tct-input-focus-border-right-width, 1px)\n var(--tct-input-focus-border-bottom-width, 1px)\n var(--tct-input-focus-border-left-width, 1px);--comp-input-prefix-clearance:calc(\n 3 * var(--tct-input-prefix-font-size, 14px) + var(--tct-scale-1, 5px)\n );--comp-input-icon-clearance:34px;--comp-input-min-height:44px;border-width:var(--comp-input-border-width);border-style:solid;border-color:var(\n --tct-input-border-color,\n var(--t-input-border, var(--tct-gray-11, var(--t-gray-11, #cccccc)))\n );border-radius:var(--comp-input-border-radius);box-shadow:var(--tct-input-box-shadow, none);transition:border-width\n var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n border-color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n box-shadow var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)))}.input-field{flex:1;border:0;-webkit-appearance:none;appearance:none;box-sizing:border-box;min-height:var(--comp-input-min-height);height:var(--tct-input-height, 44px);width:100%;padding:0 var(--tct-input-horizontal-padding, var(--tct-scale-2, var(--app-scale-2, 10px)));background-color:var(\n --tct-input-bg,\n var(--t-input-bg, var(--tct-gray-14, var(--t-gray-14, #f2f2f2)))\n );color:var(--tct-input-font-color, var(--t-input-font-color, var(--t-text, inherit)))}input{display:inline-block}.input-field:focus{outline:none;box-shadow:none}.input-field::-webkit-outer-spin-button,.input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-field[type='number']{-moz-appearance:textfield}.input-container:focus-within{border-width:var(--comp-input-focus-border-width, 1px);border-color:var(\n --tct-input-focus-border-color,\n var(--t-input-focus, var(--tct-gray-9, var(--t-gray-9, #999999)))\n );box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff)),\n var(--tct-input-focus-box-shadow, 0 0 transparent)}input::-ms-clear{display:none}input[type='search']::-webkit-search-decoration,input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-results-button,input[type='search']::-webkit-search-results-decoration{display:none}input::placeholder,.placeholder-text{color:var(\n --tct-input-placeholder-font-color,\n var(\n --t-input-placeholder-font-color,\n var(--tct-gray-7, var(--t-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666))))\n )\n )}.pseudo-input{display:inline-flex;align-items:center}.pseudo-input span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-icons-container-left{display:flex;flex-direction:row;align-items:center}.input-icons-container-left q2-icon{position:absolute}.input-icons-container-right{display:flex;gap:var(--tct-scale-2, var(--app-scale-2, 10px));flex-direction:row;padding-left:3px;align-items:center;margin-right:var(--tct-scale-2, var(--app-scale-2, 10px))}.input-icons-container-right .btn-visibility-toggle{color:var(--tct-primary, var(--t-primary, #006eb2));font-size:12px}q2-icon{margin-top:calc(var(--tct-input-border-top-width, 1px) / 2);margin-bottom:calc(var(--tct-input-border-bottom-width, 1px) / 2);pointer-events:none;color:var(\n --tct-input-icon-stroke-primary,\n var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999)))\n );--tct-icon-stroke-primary:var(\n --tct-input-icon-stroke-primary,\n var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999))))\n );--t-icon-stroke-primary:var(\n --tct-input-icon-stroke-primary,\n var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999))))\n )}.icon-left{left:var(--tct-scale-1, var(--app-scale-1, 5px))}.icon-left-muted{opacity:0.5}.input-prefix,.input-suffix{display:inline-flex;align-items:center;justify-content:center;min-height:calc(\n var(--comp-input-min-height) - var(--tct-input-focus-border-top-width, 1px) -\n var(--tct-input-focus-border-bottom-width, 1px)\n );height:calc(\n var(--tct-input-height, 44px) - var(--tct-input-focus-border-top-width, 1px) -\n var(--tct-input-focus-border-bottom-width, 1px)\n );width:3em;bottom:var(--tct-input-border-bottom-width, 1px);font-size:var(--tct-input-prefix-font-size, inherit);color:var(--tct-input-prefix-font-color, inherit);background-color:var(\n --tct-input-prefix-bg,\n var(--tct-input-bg, var(--t-input-bg, var(--tct-gray-14, var(--t-gray-14, #f2f2f2))))\n );transition:color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n background-color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)))}.input-prefix{left:var(--tct-input-border-left-width, 1px);border-right:1px solid\n var(\n --tct-input-prefix-border-color,\n var(\n --tct-input-border-color,\n var(\n --t-input-border,\n var(\n --tct-gray-11,\n var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))\n )\n )\n )\n );border-top-left-radius:calc(\n var(--comp-input-border-top-left-radius) - var(--tct-input-border-top-width, 1px) -\n var(--tct-input-border-left-width, 1px)\n );border-bottom-left-radius:calc(\n var(--comp-input-border-bottom-left-radius) - var(--tct-input-border-bottom-width, 1px) -\n var(--tct-input-border-left-width, 1px)\n );pointer-events:none;}.input-suffix{right:var(--tct-input-border-right-width, 1px);border-left:1px solid\n var(\n --tct-input-prefix-border-color,\n var(\n --tct-input-border-color,\n var(\n --t-input-border,\n var(\n --tct-gray-11,\n var(--t-gray-11, var(--tct-gray-l1, var(--app-grayl1, #cccccc)))\n )\n )\n )\n );border-top-right-radius:calc(\n var(--comp-input-border-top-right-radius) - var(--tct-input-border-top-width, 1px) -\n var(--tct-input-border-right-width, 1px)\n );border-bottom-right-radius:calc(\n var(--comp-input-border-bottom-right-radius) - var(--tct-input-border-bottom-width, 1px) -\n var(--tct-input-border-right-width, 1px)\n )}.icon-error{color:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--t-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000))}.pw-show{position:absolute;margin-right:var(--tct-scale-2, var(--app-scale-2, 20px))}.btn-clear{margin-top:calc(var(--tct-input-border-top-width, 1px) / 2);margin-bottom:calc(var(--tct-input-border-bottom-width, 1px) / 2);height:22px;--tct-btn-icon-width:17px;--tct-btn-icon-height:22px;--tct-icon-size:17px}.messages-container{height:0px;overflow:hidden;background-color:var(\n --tct-message-bg,\n var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))\n );box-shadow:var(\n --tct-input-message-box-shadow,\n var(--tct-box-shadow-1, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3)))\n );transition:height\n var(--tct-input-messages-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease)));margin-top:2px;z-index:1;position:absolute;width:100%;color:var(--tct-input-messages-font-color, inherit)}:host([disabled]) .input-container{cursor:not-allowed;opacity:var(\n --tct-input-disabled-opacity,\n var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))\n )}.input-field[disabled]{cursor:not-allowed}.has-focus .input-prefix{border-top-left-radius:calc(\n var(--comp-input-border-top-left-radius) - var(--tct-input-focus-border-top-width, 1px) -\n var(--tct-input-focus-border-left-width, 1px)\n );border-bottom-left-radius:calc(\n var(--comp-input-border-bottom-left-radius) -\n var(--tct-input-focus-border-bottom-width, 1px) -\n var(--tct-input-focus-border-left-width, 1px)\n )}.has-focus .input-suffix{border-top-left-radius:calc(\n var(--comp-input-border-top-left-radius) - var(--tct-input-focus-border-top-width, 1px) -\n var(--tct-input-focus-border-left-width, 1px)\n );border-bottom-left-radius:calc(\n var(--comp-input-border-bottom-left-radius) -\n var(--tct-input-focus-border-bottom-width, 1px) -\n var(--tct-input-focus-border-left-width, 1px)\n )}.right-aligned .input-field{text-align:right}.right-aligned .icon-error{left:var(--tct-scale-2, var(--app-scale-2, 10px));right:auto}.has-error label{color:var(--tct-input-error-label-font-color, var(--tct-input-label-font-color, inherit))}.has-error:not(.has-focus) .input-prefix,.has-error:not(.has-focus) .input-suffix{color:var(--tct-input-error-prefix-font-color, inherit);background-color:var(\n --tct-input-error-prefix-bg,\n var(\n --tct-input-bg,\n var(\n --t-input-bg,\n var(--tct-gray-14, var(--app-var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))\n )\n )\n )}.has-error .input-container:not(:focus-within){border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000))}.has-error.has-icon-right.left-aligned .btn-clear{right:calc(2 * var(--comp-input-icon-clearance))}.has-error.has-clear.has-icon-right.left-aligned .input-field{padding-right:calc(3 * var(--comp-input-icon-clearance))}.has-error.right-aligned .input-field{padding-left:var(--comp-input-icon-clearance)}.has-error.right-aligned.has-prefix .input-field{padding-left:calc(var(--comp-input-prefix-clearance) + var(--comp-input-icon-clearance))}.has-error.right-aligned.has-icon-left .input-field{padding-left:calc(2 * var(--comp-input-icon-clearance))}.has-error.right-aligned .icon-left{left:var(--comp-input-icon-clearance)}.has-prefix .input-field{padding-left:var(--comp-input-prefix-clearance)}.has-prefix.right-aligned .icon-error{left:var(--comp-input-prefix-clearance);margin-left:var(--tct-scale-1, 5px)}.has-suffix .icon-error,.has-suffix .btn-clear{right:var(--comp-input-prefix-clearance)}.has-suffix.has-error .btn-clear{right:calc(var(--comp-input-prefix-clearance) + var(--comp-input-icon-clearance))}.has-icon-left .input-field{padding-left:var(--comp-input-icon-clearance)}.has-icon-left.has-icon-separator .input-field{padding-left:calc(var(--comp-input-icon-clearance) + 14px)}.has-icon-left.has-icon-separator .icon-left{width:26px;height:26px;left:8px}.has-icon-left.has-icon-separator .input-container .vertical-separator{position:absolute;left:var(--tct-input-border-left-width, 1px);height:calc(var(--comp-input-min-height) - 2px);width:3em;border-right:1px solid\n var(\n --tct-input-prefix-border-color,\n var(\n --tct-input-border-color,\n var(\n --t-input-border,\n var(\n --tct-gray-11,\n var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))\n )\n )\n )\n )}";
2866
+ const stylesCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;margin-top:var(--tct-input-margin-top, var(--app-scale-6x, 30px));margin-bottom:var(--tct-input-margin-bottom, var(--app-scale-6x, 30px));font-size:var(--tct-input-font-size, var(--app-font-size, inherit))}:host([hidden]){display:none}.field-container,.input-container{position:relative}label{display:block;padding-left:var(--tct-input-label-padding-left, 0);padding-right:var(--tct-input-label-padding-right, 0);margin-top:var(--tct-input-label-margin-top, 0);margin-bottom:var(\n --tct-input-label-margin-bottom,\n var(--tct-scale-1, var(--app-scale-1, 5px))\n );color:var(--tct-input-label-font-color, inherit);font-size:var(--tct-input-label-font-size, inherit);font-weight:var(--tct-input-label-font-weight, 600);text-transform:var(--tct-input-label-text-transform, none);letter-spacing:var(--tct-input-label-letter-spacing, normal);transition:color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)))}.optional-tag{margin-left:var(\n --tct-input-label-optional-margin-left,\n var(--tct-scale-1, var(--app-scale-1, 5px))\n );color:var(\n --tct-input-label-optional-font-color,\n var(--tct-a11y-color, var(--t-a11y-gray-color, #767676))\n );font-size:var(--tct-input-label-optional-font-size, 12px);font-weight:var(--tct-input-label-optional-font-weight, 400)}.input-container{display:flex;align-items:center;--comp-input-horizontal-gap:var(\n --tct-input-horizontal-gap,\n var(--t-input-horizontal-gap, 8px)\n );--comp-input-border-top-left-radius:var(\n --tct-input-border-top-left-radius,\n var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n );--comp-input-border-top-right-radius:var(\n --tct-input-border-top-right-radius,\n var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n );--comp-input-border-bottom-right-radius:var(\n --tct-input-border-bottom-right-radius,\n var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n );--comp-input-border-bottom-left-radius:var(\n --tct-input-border-bottom-left-radius,\n var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n );--comp-input-border-radius:var(--comp-input-border-top-left-radius)\n var(--comp-input-border-top-right-radius) var(--comp-input-border-bottom-right-radius)\n var(--comp-input-border-bottom-left-radius);--comp-input-border-width:var(--tct-input-border-top-width, 1px)\n var(--tct-input-border-right-width, 1px) var(--tct-input-border-bottom-width, 1px)\n var(--tct-input-border-left-width, 1px);--comp-input-focus-border-width:var(--tct-input-focus-border-top-width, 1px)\n var(--tct-input-focus-border-right-width, 1px)\n var(--tct-input-focus-border-bottom-width, 1px)\n var(--tct-input-focus-border-left-width, 1px);--comp-input-prefix-clearance:calc(\n 3 * var(--tct-input-prefix-font-size, 14px) + var(--tct-scale-1, 5px)\n );--comp-input-icon-clearance:34px;--comp-input-min-height:44px;border-width:var(--comp-input-border-width);border-style:solid;border-color:var(\n --tct-input-border-color,\n var(--t-input-border, var(--tct-gray-11, var(--t-gray-11, #cccccc)))\n );border-radius:var(--comp-input-border-radius);box-shadow:var(--tct-input-box-shadow, none);transition:border-width\n var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n border-color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n box-shadow var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)))}.input-field{flex:1;border:0;-webkit-appearance:none;appearance:none;box-sizing:border-box;min-height:var(--comp-input-min-height);height:var(--tct-input-height, 44px);width:100%;padding:0 var(--tct-input-horizontal-padding, var(--tct-scale-2, var(--app-scale-2, 10px)));background-color:var(\n --tct-input-bg,\n var(--t-input-bg, var(--tct-gray-14, var(--t-gray-14, #f2f2f2)))\n );color:var(--tct-input-font-color, var(--t-input-font-color, var(--t-text, inherit)))}input{display:inline-block}.input-field:focus{outline:none;box-shadow:none}.input-field::-webkit-outer-spin-button,.input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-field[type='number']{-moz-appearance:textfield}.input-container:focus-within{border-width:var(--comp-input-focus-border-width, 1px);border-color:var(\n --tct-input-focus-border-color,\n var(--t-input-focus, var(--tct-gray-9, var(--t-gray-9, #999999)))\n );box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff)),\n var(--tct-input-focus-box-shadow, 0 0 transparent)}input::-ms-clear{display:none}input[type='search']::-webkit-search-decoration,input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-results-button,input[type='search']::-webkit-search-results-decoration{display:none}input::placeholder,.placeholder-text{color:var(\n --tct-input-placeholder-font-color,\n var(\n --t-input-placeholder-font-color,\n var(--tct-gray-7, var(--t-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666))))\n )\n )}.pseudo-input{display:inline-flex;align-items:center}.pseudo-input span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-icons-container-left:empty{display:none}.input-icons-container-left{display:flex;flex-direction:row;align-items:center;gap:var(--comp-input-horizontal-gap);padding-left:var(--comp-input-horizontal-gap)}.input-icons-container-right:empty{display:none}.input-icons-container-right{display:flex;flex-direction:row;align-items:center;gap:var(--comp-input-horizontal-gap);padding-right:var(--comp-input-horizontal-gap)}.input-icons-container-right .btn-visibility-toggle{color:var(--tct-primary, var(--t-primary, #006eb2));font-size:12px}q2-icon{margin-top:calc(var(--tct-input-border-top-width, 1px) / 2);margin-bottom:calc(var(--tct-input-border-bottom-width, 1px) / 2);pointer-events:none;color:var(\n --tct-input-icon-stroke-primary,\n var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999)))\n );--tct-icon-stroke-primary:var(\n --tct-input-icon-stroke-primary,\n var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999))))\n );--t-icon-stroke-primary:var(\n --tct-input-icon-stroke-primary,\n var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999))))\n )}.icon-left-muted{opacity:0.5}.input-prefix,.input-suffix{margin-left:calc(var(--comp-input-horizontal-gap) * -1);margin-right:calc(var(--comp-input-horizontal-gap) * -1);width:3em;display:inline-flex;align-items:center;justify-content:center;min-height:calc(\n var(--comp-input-min-height) - var(--tct-input-focus-border-top-width, 1px) -\n var(--tct-input-focus-border-bottom-width, 1px)\n );height:calc(\n var(--tct-input-height, 44px) - var(--tct-input-focus-border-top-width, 1px) -\n var(--tct-input-focus-border-bottom-width, 1px)\n );font-size:var(--tct-input-prefix-font-size, inherit);color:var(--tct-input-prefix-font-color, inherit);background-color:var(\n --tct-input-prefix-bg,\n var(--tct-input-bg, var(--t-input-bg, var(--tct-gray-14, var(--t-gray-14, #f2f2f2))))\n );transition:color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n background-color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)))}.input-prefix{border-top-left-radius:calc(\n var(--comp-input-border-top-left-radius) - var(--tct-input-border-top-width, 1px) -\n var(--tct-input-border-left-width, 1px)\n );border-bottom-left-radius:calc(\n var(--comp-input-border-bottom-left-radius) - var(--tct-input-border-bottom-width, 1px) -\n var(--tct-input-border-left-width, 1px)\n );pointer-events:none;}.input-suffix{border-top-right-radius:calc(\n var(--comp-input-border-top-right-radius) - var(--tct-input-border-top-width, 1px) -\n var(--tct-input-border-right-width, 1px)\n );border-bottom-right-radius:calc(\n var(--comp-input-border-bottom-right-radius) - var(--tct-input-border-bottom-width, 1px) -\n var(--tct-input-border-right-width, 1px)\n )}.icon-error{color:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--t-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000))}.pw-show{position:absolute;margin-right:var(--tct-scale-2, var(--app-scale-2, 20px))}.btn-clear{margin-top:calc(var(--tct-input-border-top-width, 1px) / 2);margin-bottom:calc(var(--tct-input-border-bottom-width, 1px) / 2);height:22px;--tct-btn-icon-width:17px;--tct-btn-icon-height:22px;--tct-icon-size:17px}.messages-container{height:0px;overflow:hidden;background-color:var(\n --tct-message-bg,\n var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))\n );box-shadow:var(\n --tct-input-message-box-shadow,\n var(--tct-box-shadow-1, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3)))\n );transition:height\n var(--tct-input-messages-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease)));margin-top:2px;z-index:1;position:absolute;width:100%;color:var(--tct-input-messages-font-color, inherit)}:host([disabled]) .input-container{cursor:not-allowed;opacity:var(\n --tct-input-disabled-opacity,\n var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))\n )}.input-field[disabled]{cursor:not-allowed}.right-aligned .input-field{text-align:right}.has-error label{color:var(--tct-input-error-label-font-color, var(--tct-input-label-font-color, inherit))}.has-error:not(.has-focus) .input-prefix,.has-error:not(.has-focus) .input-suffix{color:var(--tct-input-error-prefix-font-color, inherit);background-color:var(\n --tct-input-error-prefix-bg,\n var(\n --tct-input-bg,\n var(\n --t-input-bg,\n var(--tct-gray-14, var(--app-var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))\n )\n )\n )}.has-error .input-container:not(:focus-within){border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000))}.icon-left{width:26px;height:26px}.vertical-separator{height:calc(var(--comp-input-min-height) - 2px);border-right:1px solid\n var(\n --tct-input-prefix-border-color,\n var(\n --tct-input-border-color,\n var(\n --t-input-border,\n var(\n --tct-gray-11,\n var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))\n )\n )\n )\n )}";
2859
2867
 
2860
2868
  const Q2Input = class {
2861
2869
  constructor(hostRef) {
@@ -3052,7 +3060,7 @@ const Q2Input = class {
3052
3060
  return this.iconLeft;
3053
3061
  }
3054
3062
  get showIconSeperator() {
3055
- return this.type === 'credit-card';
3063
+ return this.type === 'credit-card' || !!this.formattedValueObject.prefix;
3056
3064
  }
3057
3065
  get computedClassForIconLeft() {
3058
3066
  let className = 'icon-left';
package/dist/esm/tecton-tab-pane.entry.js CHANGED
@@ -18,6 +18,9 @@ const TectonTabPane = class {
18
18
  .slice(-2)
19
19
  .join('-');
20
20
  }
21
+ componentWillLoad() {
22
+ this._showForm = this.showForm;
23
+ }
21
24
  componentDidRender() {
22
25
  const formElement = this.hostElement.shadowRoot.querySelector('form');
23
26
  if (!!formElement && !!formElement.parentElement) {
package/dist/q2-tecton-elements/{p-f6d2fa2f.entry.js → p-54cbd826.entry.js} RENAMED
@@ -1 +1 @@
1
- import{r as t,h as o,g as r}from"./p-8e863fbc.js";import{h as a,l as e}from"./p-0feefe56.js";import{s as n}from"./p-fa6e46e2.js";const i=class{constructor(o){t(this,o),this.handleSlotChange=()=>{this.handleIcons()}}componentWillLoad(){this.handleIcons(),a(this)}disable(t){this.disabled&&t.stopImmediatePropagation()}delegateFocus(t){t.target===this.hostElement&&this.hostElement.shadowRoot.querySelector("button").focus()}ariaLabelObserver(){a(this)}handleIcons(){const t=Array.from(this.hostElement.querySelectorAll("q2-icon")).reduce(((t,o)=>(t?o.remove():t=o,t)),null),o=!!t,r=!!this.hostElement.textContent.trim(),a=r&&o&&this.hostElement.firstElementChild===t,e=r&&o&&this.hostElement.lastElementChild===t;let n;a||e||!o?a?n="left":e&&(n="right"):n="only",this.iconPosition=n}render(){const{ariaExpanded:t,ariaHasPopup:r,ariaLabel:a,ariaSelected:n,disabled:i,type:l,tabindex:c}=this.buttonAttributes,{iconPosition:s,loading:b,badge:d,label:h,hideLabel:p}=this;return o("button",{"aria-expanded":t,"aria-haspopup":r,"aria-label":a,"aria-selected":n,disabled:i,type:l,tabindex:c,"test-id":"q2BtnInnerButton",class:s&&`icon-${s}`},o("div",null,(s||b)&&o("q2-loading",{hidden:!b,modifiers:!s||d?"inline":void 0}),!p&&h?e(h):o("slot",{onSlotchange:this.handleSlotChange})))}get buttonAttributes(){return{ariaExpanded:void 0!==this.ariaExpanded?`${!!this.ariaExpanded}`:void 0,ariaHasPopup:this.ariaHasPopup?`${this.ariaHasPopup}`:void 0,ariaLabel:this.label&&this.hideLabel?e(this.label):void 0,ariaSelected:this.ariaSelected?`${this.ariaSelected}`:void 0,disabled:this.disabled||!1,type:this.type||"button",tabindex:this.tabIndex||void 0}}get hostElement(){return r(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"]}}};i.style='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block}:host([hidden]){display:none}:host([block]){display:block;width:100%}:host{--comp-btn-primary-bg:var(--tct-btn-primary-bg, var(--t-button-primary-bg, #2e2e2e));--comp-btn-primary-font-color:var(--tct-btn-primary-font-color, var(--t-button-primary-font-color, var(--tct-white, var(--app-white, #ffffff))));--comp-btn-fallback-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);--comp-btn-fallback-hover-box-shadow:0 5px 10px rgba(0, 0, 0, 0.19),\n 0 3px 3px rgba(0, 0, 0, 0.23);--comp-btn-neutral-fallback-hover-box-shadow:0 5px 10px rgba(0, 0, 0, 0.24),\n 0 3px 3px rgba(0, 0, 0, 0.36);--comp-btn-primary-box-shadow:var(--tct-btn-primary-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-btn-primary-hover-box-shadow:var(--tct-btn-primary-hover-box-shadow, var(--comp-btn-fallback-hover-box-shadow));--comp-btn-secondary-bg:var(--tct-btn-secondary-bg, var(--t-button-default-bg, #cccccc));--comp-btn-secondary-font-color:var(--tct-btn-secondary-font-color, var(--t-button-default-font-color, #2e2e2e));--comp-btn-secondary-box-shadow:var(--tct-btn-secondary-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-btn-secondary-hover-box-shadow:var(--tct-btn-secondary-hover-box-shadow, var(--comp-btn-fallback-hover-box-shadow));--comp-btn-tween:var(--tct-btn-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease)));--comp-btn-neutral-bg:var(--tct-btn-neutral-bg, transparent);--comp-btn-neutral-font-color:var(--tct-btn-neutral-font-color, var(--t-button-default-font-color, #2e2e2e));--comp-btn-neutral-box-shadow:var(--tct-btn-neutral-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-btn-neutral-hover-box-shadow:var(--tct-btn-neutral-hover-box-shadow, var(--comp-btn-neutral-fallback-hover-box-shadow))}button{margin:var(--tct-scale-0, var(--app-scale-0, 0));padding:var(--tct-scale-0, var(--app-scale-0, 0));display:inline-block;width:100%;border:0;background:transparent;box-shadow:none;border-radius:0;font-weight:400;color:inherit;cursor:pointer;transition:var(--comp-btn-tween);transition-property:background, color, box-shadow, fill, border-color, border-width;outline:0}button:disabled{opacity:var(--tct-btn-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4)));cursor:not-allowed}:host([size="1"]) button{padding:var(--tct-scale-1, var(--app-scale-1, 5px))}:host([color]:not([size])) button,:host([intent]:not([size])) button{padding:var(--tct-btn-padding, var(--tct-scale-2, var(--app-scale-2, 10px)))}:host([size="2"]) button{padding:var(--tct-scale-2, var(--app-scale-2, 10px))}:host([size="3"]) button{padding:var(--tct-scale-3, var(--app-scale-3, 15px))}:host([size="4x"]) button{padding:var(--tct-scale-4x, var(--app-scale-4x, 20px))}:host([size="4"]) button{padding:var(--tct-scale-6x, var(--app-scale-6x, 30px))}:host([color]) button,:host([intent]) button{border-style:solid;font-size:var(--tct-btn-font-size, inherit)}:host([color=primary]) button,:host([intent=workflow-primary]) button{background:var(--comp-btn-primary-bg);color:var(--comp-btn-primary-font-color);border-color:var(--tct-btn-primary-border-color, transparent);border-width:var(--tct-btn-primary-border-width, 0);border-radius:var(--tct-btn-primary-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));box-shadow:var(--comp-btn-primary-box-shadow);font-weight:var(--tct-btn-primary-font-weight, 600);text-transform:var(--tct-btn-primary-text-transform, none);letter-spacing:var(--tct-btn-primary-letter-spacing, normal)}:host([color=primary]) button:enabled:hover,:host([color=primary]) button:enabled:focus,:host([color=primary]) button:enabled:active,:host([intent=workflow-primary]) button:enabled:hover,:host([intent=workflow-primary]) button:enabled:focus,:host([intent=workflow-primary]) button:enabled:active{background:var(--tct-btn-primary-hover-bg, var(--t-button-primary-hover-bg, var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))));color:var(--tct-btn-primary-hover-font-color, var(--t-button-primary-hover-font-color, var(--tct-white, var(--app-white, #ffffff))));border-color:var(--tct-btn-primary-hover-border-color, var(--tct-btn-primary-border-color, transparent))}:host([color=primary]) button:hover:enabled,:host([color=primary]) button:active:enabled,:host([intent=workflow-primary]) button:hover:enabled,:host([intent=workflow-primary]) button:active:enabled{box-shadow:var(--comp-btn-primary-hover-box-shadow)}:host([color=primary]) button:focus,:host([intent=workflow-primary]) button:focus{box-shadow:var(--tct-global-focus, var(--const-global-focus, var(--comp-btn-primary-hover-box-shadow, 0 0 0 2px #33b4ff)))}:host([color=primary]) button:disabled,:host([intent=workflow-primary]) button:disabled{background:var(--tct-btn-primary-disabled-bg, var(--comp-btn-primary-bg));color:var(--tct-btn-primary-disabled-font-color, var(--comp-btn-primary-font-color));box-shadow:var(--tct-btn-primary-disabled-box-shadow, var(--comp-btn-primary-box-shadow))}:host([color=secondary]) button,:host([intent=workflow-secondary]) button{background:var(--comp-btn-secondary-bg);color:var(--comp-btn-secondary-font-color, var(--tct-btn-secondary-font-color, var(--t-button-secondary-font-color, var(--tct-white, var(--app-white, #ffffff)))));border-color:var(--tct-btn-secondary-border-color, transparent);border-width:var(--tct-btn-secondary-border-width, 0);border-radius:var(--tct-btn-secondary-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));box-shadow:var(--comp-btn-secondary-box-shadow);font-weight:var(--tct-btn-secondary-font-weight, 600);text-transform:var(--tct-btn-secondary-text-transform, none);letter-spacing:var(--tct-btn-secondary-letter-spacing, normal)}:host([color=secondary]) button:enabled:hover,:host([color=secondary]) button:enabled:focus,:host([color=secondary]) button:enabled:active,:host([intent=workflow-secondary]) button:enabled:hover,:host([intent=workflow-secondary]) button:enabled:focus,:host([intent=workflow-secondary]) button:enabled:active{background:var(--tct-btn-secondary-hover-bg, var(--t-button-default-hover-bg, var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))));color:var(--tct-btn-secondary-hover-font-color, var(--t-button-default-hover-font-color, var(--tct-white, var(--app-white, #ffffff))));border-color:var(--tct-btn-secondary-hover-border-color, var(--tct-btn-secondary-border-color, transparent))}:host([color=secondary]) button:hover:enabled,:host([color=secondary]) button:active:enabled,:host([intent=workflow-secondary]) button:hover:enabled,:host([intent=workflow-secondary]) button:active:enabled{box-shadow:var(--comp-btn-secondary-hover-box-shadow)}:host([color=secondary]) button:focus,:host([intent=workflow-secondary]) button:focus{box-shadow:var(--tct-global-focus, var(--const-global-focus, var(--comp-btn-secondary-hover-box-shadow)))}:host([color=secondary]) button:disabled,:host([intent=workflow-secondary]) button:disabled{background:var(--tct-btn-secondary-disabled-bg, var(--comp-btn-secondary-bg));color:var(--tct-btn-secondary-disabled-font-color, var(--comp-btn-secondary-font-color));box-shadow:var(--tct-btn-secondary-disabled-box-shadow, var(--comp-btn-secondary-box-shadow))}:host([intent=neutral]) button{background:var(--comp-btn-neutral-bg, var(--tct-btn-neutral-bg, transparent));color:var(--comp-btn-neutral-font-color, var(--tct-btn-neutral-font-color, var(--t-button-neutral-font-color, var(--tct-gray-1, var(--t-gray-1, var(--tct-black, var(--app-black, #0d0d0d)))))));border-color:var(--tct-btn-neutral-border-color, transparent);border-width:var(--tct-btn-neutral-border-width, 0);border-radius:var(--tct-btn-neutral-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));box-shadow:var(--comp-btn-neutral-box-shadow);font-weight:var(--tct-btn-neutral-font-weight, 600);text-transform:var(--tct-btn-neutral-text-transform, none);letter-spacing:var(--tct-btn-neutral-letter-spacing, normal)}:host([intent=neutral]) button:enabled:hover,:host([intent=neutral]) button:enabled:focus,:host([intent=neutral]) button:enabled:active{background:var(--tct-btn-neutral-hover-bg, transparent);color:var(--tct-btn-neutral-hover-font-color, var(--t-button-default-hover-font-color, var(--tct-white, var(--app-white, #ffffff))));border-color:var(--tct-btn-neutral-hover-border-color, var(--tct-btn-neutral-border-color, transparent))}:host([intent=neutral]) button:hover:enabled,:host([intent=neutral]) button:active:enabled{box-shadow:var(--comp-btn-neutral-hover-box-shadow)}:host([intent=neutral]) button:focus{box-shadow:var(--tct-global-focus, var(--const-global-focus, var(--comp-btn-neutral-hover-box-shadow)))}:host([intent=neutral]) button:disabled{background:var(--tct-btn-neutral-disabled-bg, var(--comp-btn-neutral-bg));color:var(--tct-btn-neutral-disabled-font-color, var(--comp-btn-neutral-font-color));box-shadow:var(--tct-btn-neutral-disabled-box-shadow, var(--comp-btn-neutral-box-shadow))}:host button.icon-only{width:var(--tct-btn-icon-width, 44px);height:var(--tct-btn-icon-height, 44px);border-radius:var(--tct-btn-icon-border-radius, 0)}:host button.icon-only:hover,:host button.icon-only:focus{background-color:var(--tct-btn-icon-hover-bg, var(--tct-gray-14, var(--t-gray-13, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))))}:host(:not([intent])[active]) button.icon-only{background-color:var(--tct-btn-icon-active-bg, var(--tct-btn-icon-hover-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))))}:host(:not([intent])) button.icon-only:hover *,:host(:not([intent])) button.icon-only:focus *,:host(:not([intent])[active]) button.icon-only *{color:var(--tct-btn-icon-hover-color, var(--tct-link-hover-color, var(--t-link-hover-color, #080808)))}:host([badge]) button{padding:var(--tct-btn-badge-padding, 2px 5px);font-size:var(--tct-btn-badge-font-size, var(--tct-btn-font-size, inherit));border-radius:var(--tct-btn-badge-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));background-color:var(--tct-btn-badge-bg, transparent);color:var(--tct-btn-badge-font-color, inherit)}:host([badge]) button ::slotted(q2-icon){--tct-icon-size:1em}:host([badge]:hover) button:enabled{background-color:var(--tct-btn-badge-hover-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))));color:var(--tct-btn-badge-hover-font-color, var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040)))))}:host(.selected[badge]) button,:host([active][badge]) button{background-color:var(--tct-btn-badge-active-bg, var(--comp-btn-primary-bg));color:var(--tct-btn-badge-active-font-color, var(--comp-btn-primary-font-color))}div{display:flex;align-items:center;justify-content:center;gap:var(--app-scale-1, 5px)}:host([loading]) .icon-right div{flex-direction:row-reverse}q2-loading{--tct-loading-primary-color:currentColor;--tct-loading-secondary-color:currentColor;--tct-loading-spinner-size:24px}:host([loading]) ::slotted(q2-icon){display:none}:host([loading]) button{pointer-events:none}';const l=class{constructor(r){t(this,r),this.halfCircleSpinner=()=>o("div",{class:"q2-loading-animation half-circle-spinner","aria-label":this.localizedLabel},o("div",{class:"circle circle-1"}),o("div",{class:"circle circle-2"})),this.spinner=()=>this.halfCircleSpinner(),this.skeletonLoader=()=>o("div",{class:"q2-loading-skeleton","aria-label":this.localizedLabel},"custom"===this.shape?o("slot",null):this.skeletonShape,o("div",{class:"q2-loading-skeleton-shimmer"}))}get loader(){const t={default:this.spinner,spinner:this.spinner,skeleton:this.skeletonLoader};return t[this.type]||t.default}get modifiersSet(){if("skeleton"===this.type&&this.modifiers)return new Set(this.modifiers.split("-"))}get countsArray(){if("skeleton"===this.type&&this.counts)return this.counts.split("x").map(Number)}get skeletonShape(){var t,o;return null!==(o=null===(t=n[this.shape])||void 0===t?void 0:t.call(n,this.countsArray,this.modifiersSet))&&void 0!==o?o:""}get spinnerShape(){const t={default:this.halfCircleSpinner,"half-circle":this.halfCircleSpinner};return t[this.type]||t.default}get localizedLabel(){return e(this.label||"tecton.element.loading.ariaLabel")}componentWillLoad(){a(this)}ariaLabelObserver(){a(this)}render(){return this.loader()}get hostElement(){return r(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"]}}};l.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.flex{display:flex}.flex-center{justify-content:center}.flex-left{justify-content:flex-start}.flex-right{justify-content:flex-end}.flex-v-center{align-items:center}.no-margin{margin:0}:host{display:block}:host([inline]),:host([modifiers*='inline']){display:inline-block}:host([hidden]){display:none}:host(:not([inline]):not([modifiers*='inline'])){font-size:var(--tct-loading-spinner-size, var(--tct-scale-5, var(--app-scale-5, 60px)))}.q2-loading-animation{height:1em;width:1em}.half-circle-spinner,.half-circle-spinner *{box-sizing:border-box}.half-circle-spinner{border-radius:100%;position:relative}.half-circle-spinner .circle{position:absolute;width:100%;height:100%;border-radius:100%;border:calc(1em / 12) solid transparent}.half-circle-spinner .circle.circle-1{border-top-color:var(--tct-loading-primary-color, var(--t-loading-primary-color, #2e2e2e));animation:half-circle-spinner-animation 1s infinite}.half-circle-spinner .circle.circle-2{border-bottom-color:var(\n --tct-loading-secondary-color,\n var(--t-loading-secondary-color, #cccccc)\n );animation:half-circle-spinner-animation 1s infinite alternate}@keyframes half-circle-spinner-animation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.q2-loading-skeleton{position:relative;width:100%;height:100%;overflow:hidden;--comp-loading-skeleton-shimmer-color:var(--tct-loading-skeleton-shimmer-color, var(--t-base, rgba(255, 255, 255, 0.5)));--comp-loading-skeleton-vertical-gap:var(--tct-loading-skeleton-vertical-gap, var(--tct-scale-2, 10px));--comp-loading-skeleton-horizontal-gap:var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.q2-loading-skeleton-shimmer{position:absolute;width:1rem;height:100%;top:0;left:-100px;animation:skeletonShimmer 3s ease-in-out infinite;background-color:var(--comp-loading-skeleton-shimmer-color);box-shadow:0 0 25px 20px var(--comp-loading-skeleton-shimmer-color);transform:rotate(10deg)}.skeleton-shape.rectangle:not(.no-margin){margin:var(--tct-loading-skeleton-vertical-gap, var(--tct-scale-2, 10px))\n var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.skeleton-shape.circle,.skeleton-shape.rectangle{background-color:var(--tct-loading-skeleton-element-bg, var(--tct-gray-l3, var(--t-gray-14, #f2f2f2)))}.skeleton-shape.circle{border-radius:50%;padding-top:100%}.flex .rectangle{flex-grow:1}.skeleton-table-row .rectangle{margin:var(--comp-loading-skeleton-vertical-gap) var(--comp-loading-skeleton-horizontal-gap)}.skeleton-table-row .rectangle:not(:first-child):not(:last-child){flex-grow:2}.skeleton-table-row-border .skeleton-shape{margin:0 var(--comp-loading-skeleton-horizontal-gap)}.form{flex-wrap:wrap}.form .field{margin:var(--comp-loading-skeleton-vertical-gap) 0}.form.columns-1 .field{flex-basis:100%}.form.columns-2 .field{flex-basis:50%}.form.columns-3 .field{flex-basis:33.3333%}.form.columns-4 .field{flex-basis:25%}.form.columns-5 .field{flex-basis:20%}.text .rectangle{margin-bottom:0}.text .header.center{margin:0 auto}.text .header.right{margin-left:auto}.text .header{height:1.5rem}.text .header.smaller{height:1rem}.detailed-item{flex-wrap:wrap}.detailed-item.right{flex-flow:row-reverse}.detailed-item-image{flex:0 0 auto;display:inline-flex}.center .detailed-item-image{flex-basis:100%;display:flex}.detailed-item-image .rectangle{flex-grow:0}.detailed-item-text>div{width:100%}.detailed-item-text{flex:1 1 auto}.detailed-item-text .text{margin-top:0;margin-bottom:0}.label-value{flex-wrap:wrap}.label-value .rectangle{flex-basis:calc(50% - 2 * var(--comp-loading-skeleton-horizontal-gap))}@keyframes skeletonShimmer{0%{left:-100px;opacity:1}70%{opacity:1}100%{left:800px;opacity:0}}";export{i as q2_btn,l as q2_loading}
1
+ import{r as t,h as o,g as r}from"./p-8e863fbc.js";import{h as a,l as e}from"./p-0feefe56.js";import{s as n}from"./p-fa6e46e2.js";const i=class{constructor(o){t(this,o),this.handleSlotChange=()=>{this.handleIcons()}}componentWillLoad(){this.handleIcons(),a(this)}disable(t){this.disabled&&t.stopImmediatePropagation()}delegateFocus(t){t.target===this.hostElement&&this.hostElement.shadowRoot.querySelector("button").focus()}ariaLabelObserver(){a(this)}handleIcons(){const t=Array.from(this.hostElement.querySelectorAll(":scope > q2-icon")).reduce(((t,o)=>(t?o.remove():t=o,t)),null),o=!!t,r=!!this.hostElement.querySelector("q2-loc"),a=!!this.hostElement.textContent.trim(),e=(r||a)&&o&&this.hostElement.firstElementChild===t,n=(r||a)&&o&&this.hostElement.lastElementChild===t;let i;e||n||!o?e?i="left":n&&(i="right"):i="only",this.iconPosition=i}render(){const{ariaExpanded:t,ariaHasPopup:r,ariaLabel:a,ariaSelected:n,disabled:i,type:l,tabindex:c}=this.buttonAttributes,{iconPosition:s,loading:b,badge:d,label:h,hideLabel:p}=this;return o("button",{"aria-expanded":t,"aria-haspopup":r,"aria-label":a,"aria-selected":n,disabled:i,type:l,tabindex:c,"test-id":"q2BtnInnerButton",class:s&&`icon-${s}`},o("div",null,(s||b)&&o("q2-loading",{hidden:!b,modifiers:!s||d?"inline":void 0}),!p&&h?e(h):o("slot",{onSlotchange:this.handleSlotChange})))}get buttonAttributes(){return{ariaExpanded:void 0!==this.ariaExpanded?`${!!this.ariaExpanded}`:void 0,ariaHasPopup:this.ariaHasPopup?`${this.ariaHasPopup}`:void 0,ariaLabel:this.label&&this.hideLabel?e(this.label):void 0,ariaSelected:this.ariaSelected?`${this.ariaSelected}`:void 0,disabled:this.disabled||!1,type:this.type||"button",tabindex:this.tabIndex||void 0}}get hostElement(){return r(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"]}}};i.style='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block}:host([hidden]){display:none}:host([block]){display:block;width:100%}:host{--comp-btn-primary-bg:var(--tct-btn-primary-bg, var(--t-button-primary-bg, #2e2e2e));--comp-btn-primary-font-color:var(--tct-btn-primary-font-color, var(--t-button-primary-font-color, var(--tct-white, var(--app-white, #ffffff))));--comp-btn-fallback-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);--comp-btn-fallback-hover-box-shadow:0 5px 10px rgba(0, 0, 0, 0.19),\n 0 3px 3px rgba(0, 0, 0, 0.23);--comp-btn-neutral-fallback-hover-box-shadow:0 5px 10px rgba(0, 0, 0, 0.24),\n 0 3px 3px rgba(0, 0, 0, 0.36);--comp-btn-primary-box-shadow:var(--tct-btn-primary-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-btn-primary-hover-box-shadow:var(--tct-btn-primary-hover-box-shadow, var(--comp-btn-fallback-hover-box-shadow));--comp-btn-secondary-bg:var(--tct-btn-secondary-bg, var(--t-button-default-bg, #cccccc));--comp-btn-secondary-font-color:var(--tct-btn-secondary-font-color, var(--t-button-default-font-color, #2e2e2e));--comp-btn-secondary-box-shadow:var(--tct-btn-secondary-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-btn-secondary-hover-box-shadow:var(--tct-btn-secondary-hover-box-shadow, var(--comp-btn-fallback-hover-box-shadow));--comp-btn-tween:var(--tct-btn-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease)));--comp-btn-neutral-bg:var(--tct-btn-neutral-bg, transparent);--comp-btn-neutral-font-color:var(--tct-btn-neutral-font-color, var(--t-button-default-font-color, #2e2e2e));--comp-btn-neutral-box-shadow:var(--tct-btn-neutral-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-btn-neutral-hover-box-shadow:var(--tct-btn-neutral-hover-box-shadow, var(--comp-btn-neutral-fallback-hover-box-shadow))}button{margin:var(--tct-scale-0, var(--app-scale-0, 0));padding:var(--tct-scale-0, var(--app-scale-0, 0));display:inline-block;width:100%;border:0;background:transparent;box-shadow:none;border-radius:0;font-weight:400;color:inherit;cursor:pointer;transition:var(--comp-btn-tween);transition-property:background, color, box-shadow, fill, border-color, border-width;outline:0}button:disabled{opacity:var(--tct-btn-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4)));cursor:not-allowed}:host([size="1"]) button{padding:var(--tct-scale-1, var(--app-scale-1, 5px))}:host([color]:not([size])) button,:host([intent]:not([size])) button{padding:var(--tct-btn-padding, var(--tct-scale-2, var(--app-scale-2, 10px)))}:host([size="2"]) button{padding:var(--tct-scale-2, var(--app-scale-2, 10px))}:host([size="3"]) button{padding:var(--tct-scale-3, var(--app-scale-3, 15px))}:host([size="4x"]) button{padding:var(--tct-scale-4x, var(--app-scale-4x, 20px))}:host([size="4"]) button{padding:var(--tct-scale-6x, var(--app-scale-6x, 30px))}:host([color]) button,:host([intent]) button{border-style:solid;font-size:var(--tct-btn-font-size, inherit)}:host([color=primary]) button,:host([intent=workflow-primary]) button{background:var(--comp-btn-primary-bg);color:var(--comp-btn-primary-font-color);border-color:var(--tct-btn-primary-border-color, transparent);border-width:var(--tct-btn-primary-border-width, 0);border-radius:var(--tct-btn-primary-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));box-shadow:var(--comp-btn-primary-box-shadow);font-weight:var(--tct-btn-primary-font-weight, 600);text-transform:var(--tct-btn-primary-text-transform, none);letter-spacing:var(--tct-btn-primary-letter-spacing, normal)}:host([color=primary]) button:enabled:hover,:host([color=primary]) button:enabled:focus,:host([color=primary]) button:enabled:active,:host([intent=workflow-primary]) button:enabled:hover,:host([intent=workflow-primary]) button:enabled:focus,:host([intent=workflow-primary]) button:enabled:active{background:var(--tct-btn-primary-hover-bg, var(--t-button-primary-hover-bg, var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))));color:var(--tct-btn-primary-hover-font-color, var(--t-button-primary-hover-font-color, var(--tct-white, var(--app-white, #ffffff))));border-color:var(--tct-btn-primary-hover-border-color, var(--tct-btn-primary-border-color, transparent))}:host([color=primary]) button:hover:enabled,:host([color=primary]) button:active:enabled,:host([intent=workflow-primary]) button:hover:enabled,:host([intent=workflow-primary]) button:active:enabled{box-shadow:var(--comp-btn-primary-hover-box-shadow)}:host([color=primary]) button:focus,:host([intent=workflow-primary]) button:focus{box-shadow:var(--tct-global-focus, var(--const-global-focus, var(--comp-btn-primary-hover-box-shadow, 0 0 0 2px #33b4ff)))}:host([color=primary]) button:disabled,:host([intent=workflow-primary]) button:disabled{background:var(--tct-btn-primary-disabled-bg, var(--comp-btn-primary-bg));color:var(--tct-btn-primary-disabled-font-color, var(--comp-btn-primary-font-color));box-shadow:var(--tct-btn-primary-disabled-box-shadow, var(--comp-btn-primary-box-shadow))}:host([color=secondary]) button,:host([intent=workflow-secondary]) button{background:var(--comp-btn-secondary-bg);color:var(--comp-btn-secondary-font-color, var(--tct-btn-secondary-font-color, var(--t-button-secondary-font-color, var(--tct-white, var(--app-white, #ffffff)))));border-color:var(--tct-btn-secondary-border-color, transparent);border-width:var(--tct-btn-secondary-border-width, 0);border-radius:var(--tct-btn-secondary-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));box-shadow:var(--comp-btn-secondary-box-shadow);font-weight:var(--tct-btn-secondary-font-weight, 600);text-transform:var(--tct-btn-secondary-text-transform, none);letter-spacing:var(--tct-btn-secondary-letter-spacing, normal)}:host([color=secondary]) button:enabled:hover,:host([color=secondary]) button:enabled:focus,:host([color=secondary]) button:enabled:active,:host([intent=workflow-secondary]) button:enabled:hover,:host([intent=workflow-secondary]) button:enabled:focus,:host([intent=workflow-secondary]) button:enabled:active{background:var(--tct-btn-secondary-hover-bg, var(--t-button-default-hover-bg, var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))));color:var(--tct-btn-secondary-hover-font-color, var(--t-button-default-hover-font-color, var(--tct-white, var(--app-white, #ffffff))));border-color:var(--tct-btn-secondary-hover-border-color, var(--tct-btn-secondary-border-color, transparent))}:host([color=secondary]) button:hover:enabled,:host([color=secondary]) button:active:enabled,:host([intent=workflow-secondary]) button:hover:enabled,:host([intent=workflow-secondary]) button:active:enabled{box-shadow:var(--comp-btn-secondary-hover-box-shadow)}:host([color=secondary]) button:focus,:host([intent=workflow-secondary]) button:focus{box-shadow:var(--tct-global-focus, var(--const-global-focus, var(--comp-btn-secondary-hover-box-shadow)))}:host([color=secondary]) button:disabled,:host([intent=workflow-secondary]) button:disabled{background:var(--tct-btn-secondary-disabled-bg, var(--comp-btn-secondary-bg));color:var(--tct-btn-secondary-disabled-font-color, var(--comp-btn-secondary-font-color));box-shadow:var(--tct-btn-secondary-disabled-box-shadow, var(--comp-btn-secondary-box-shadow))}:host([intent=neutral]) button{background:var(--comp-btn-neutral-bg, var(--tct-btn-neutral-bg, transparent));color:var(--comp-btn-neutral-font-color, var(--tct-btn-neutral-font-color, var(--t-button-neutral-font-color, var(--tct-gray-1, var(--t-gray-1, var(--tct-black, var(--app-black, #0d0d0d)))))));border-color:var(--tct-btn-neutral-border-color, transparent);border-width:var(--tct-btn-neutral-border-width, 0);border-radius:var(--tct-btn-neutral-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));box-shadow:var(--comp-btn-neutral-box-shadow);font-weight:var(--tct-btn-neutral-font-weight, 600);text-transform:var(--tct-btn-neutral-text-transform, none);letter-spacing:var(--tct-btn-neutral-letter-spacing, normal)}:host([intent=neutral]) button:enabled:hover,:host([intent=neutral]) button:enabled:focus,:host([intent=neutral]) button:enabled:active{background:var(--tct-btn-neutral-hover-bg, transparent);color:var(--tct-btn-neutral-hover-font-color, var(--t-button-default-hover-font-color, var(--tct-white, var(--app-white, #ffffff))));border-color:var(--tct-btn-neutral-hover-border-color, var(--tct-btn-neutral-border-color, transparent))}:host([intent=neutral]) button:hover:enabled,:host([intent=neutral]) button:active:enabled{box-shadow:var(--comp-btn-neutral-hover-box-shadow)}:host([intent=neutral]) button:focus{box-shadow:var(--tct-global-focus, var(--const-global-focus, var(--comp-btn-neutral-hover-box-shadow)))}:host([intent=neutral]) button:disabled{background:var(--tct-btn-neutral-disabled-bg, var(--comp-btn-neutral-bg));color:var(--tct-btn-neutral-disabled-font-color, var(--comp-btn-neutral-font-color));box-shadow:var(--tct-btn-neutral-disabled-box-shadow, var(--comp-btn-neutral-box-shadow))}:host button.icon-only{width:var(--tct-btn-icon-width, 44px);height:var(--tct-btn-icon-height, 44px);border-radius:var(--tct-btn-icon-border-radius, 0)}:host button.icon-only:hover,:host button.icon-only:focus{background-color:var(--tct-btn-icon-hover-bg, var(--tct-gray-14, var(--t-gray-13, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))))}:host(:not([intent])[active]) button.icon-only{background-color:var(--tct-btn-icon-active-bg, var(--tct-btn-icon-hover-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))))}:host(:not([intent])) button.icon-only:hover *,:host(:not([intent])) button.icon-only:focus *,:host(:not([intent])[active]) button.icon-only *{color:var(--tct-btn-icon-hover-color, var(--tct-link-hover-color, var(--t-link-hover-color, #080808)))}:host([badge]) button{padding:var(--tct-btn-badge-padding, 2px 5px);font-size:var(--tct-btn-badge-font-size, var(--tct-btn-font-size, inherit));border-radius:var(--tct-btn-badge-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));background-color:var(--tct-btn-badge-bg, transparent);color:var(--tct-btn-badge-font-color, inherit)}:host([badge]) button ::slotted(q2-icon){--tct-icon-size:1em}:host([badge]:hover) button:enabled{background-color:var(--tct-btn-badge-hover-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))));color:var(--tct-btn-badge-hover-font-color, var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040)))))}:host(.selected[badge]) button,:host([active][badge]) button{background-color:var(--tct-btn-badge-active-bg, var(--comp-btn-primary-bg));color:var(--tct-btn-badge-active-font-color, var(--comp-btn-primary-font-color))}div{display:flex;align-items:center;justify-content:center;gap:var(--app-scale-1, 5px)}:host([loading]) .icon-right div{flex-direction:row-reverse}q2-loading{--tct-loading-primary-color:currentColor;--tct-loading-secondary-color:currentColor;--tct-loading-spinner-size:24px}:host([loading]) ::slotted(q2-icon){display:none}:host([loading]) button{pointer-events:none}';const l=class{constructor(r){t(this,r),this.halfCircleSpinner=()=>o("div",{class:"q2-loading-animation half-circle-spinner","aria-label":this.localizedLabel},o("div",{class:"circle circle-1"}),o("div",{class:"circle circle-2"})),this.spinner=()=>this.halfCircleSpinner(),this.skeletonLoader=()=>o("div",{class:"q2-loading-skeleton","aria-label":this.localizedLabel},"custom"===this.shape?o("slot",null):this.skeletonShape,o("div",{class:"q2-loading-skeleton-shimmer"}))}get loader(){const t={default:this.spinner,spinner:this.spinner,skeleton:this.skeletonLoader};return t[this.type]||t.default}get modifiersSet(){if("skeleton"===this.type&&this.modifiers)return new Set(this.modifiers.split("-"))}get countsArray(){if("skeleton"===this.type&&this.counts)return this.counts.split("x").map(Number)}get skeletonShape(){var t,o;return null!==(o=null===(t=n[this.shape])||void 0===t?void 0:t.call(n,this.countsArray,this.modifiersSet))&&void 0!==o?o:""}get spinnerShape(){const t={default:this.halfCircleSpinner,"half-circle":this.halfCircleSpinner};return t[this.type]||t.default}get localizedLabel(){return e(this.label||"tecton.element.loading.ariaLabel")}componentWillLoad(){a(this)}ariaLabelObserver(){a(this)}render(){return this.loader()}get hostElement(){return r(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"]}}};l.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.flex{display:flex}.flex-center{justify-content:center}.flex-left{justify-content:flex-start}.flex-right{justify-content:flex-end}.flex-v-center{align-items:center}.no-margin{margin:0}:host{display:block}:host([inline]),:host([modifiers*='inline']){display:inline-block}:host([hidden]){display:none}:host(:not([inline]):not([modifiers*='inline'])){font-size:var(--tct-loading-spinner-size, var(--tct-scale-5, var(--app-scale-5, 60px)))}.q2-loading-animation{height:1em;width:1em}.half-circle-spinner,.half-circle-spinner *{box-sizing:border-box}.half-circle-spinner{border-radius:100%;position:relative}.half-circle-spinner .circle{position:absolute;width:100%;height:100%;border-radius:100%;border:calc(1em / 12) solid transparent}.half-circle-spinner .circle.circle-1{border-top-color:var(--tct-loading-primary-color, var(--t-loading-primary-color, #2e2e2e));animation:half-circle-spinner-animation 1s infinite}.half-circle-spinner .circle.circle-2{border-bottom-color:var(\n --tct-loading-secondary-color,\n var(--t-loading-secondary-color, #cccccc)\n );animation:half-circle-spinner-animation 1s infinite alternate}@keyframes half-circle-spinner-animation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.q2-loading-skeleton{position:relative;width:100%;height:100%;overflow:hidden;--comp-loading-skeleton-shimmer-color:var(--tct-loading-skeleton-shimmer-color, var(--t-base, rgba(255, 255, 255, 0.5)));--comp-loading-skeleton-vertical-gap:var(--tct-loading-skeleton-vertical-gap, var(--tct-scale-2, 10px));--comp-loading-skeleton-horizontal-gap:var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.q2-loading-skeleton-shimmer{position:absolute;width:1rem;height:100%;top:0;left:-100px;animation:skeletonShimmer 3s ease-in-out infinite;background-color:var(--comp-loading-skeleton-shimmer-color);box-shadow:0 0 25px 20px var(--comp-loading-skeleton-shimmer-color);transform:rotate(10deg)}.skeleton-shape.rectangle:not(.no-margin){margin:var(--tct-loading-skeleton-vertical-gap, var(--tct-scale-2, 10px))\n var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.skeleton-shape.circle,.skeleton-shape.rectangle{background-color:var(--tct-loading-skeleton-element-bg, var(--tct-gray-l3, var(--t-gray-14, #f2f2f2)))}.skeleton-shape.circle{border-radius:50%;padding-top:100%}.flex .rectangle{flex-grow:1}.skeleton-table-row .rectangle{margin:var(--comp-loading-skeleton-vertical-gap) var(--comp-loading-skeleton-horizontal-gap)}.skeleton-table-row .rectangle:not(:first-child):not(:last-child){flex-grow:2}.skeleton-table-row-border .skeleton-shape{margin:0 var(--comp-loading-skeleton-horizontal-gap)}.form{flex-wrap:wrap}.form .field{margin:var(--comp-loading-skeleton-vertical-gap) 0}.form.columns-1 .field{flex-basis:100%}.form.columns-2 .field{flex-basis:50%}.form.columns-3 .field{flex-basis:33.3333%}.form.columns-4 .field{flex-basis:25%}.form.columns-5 .field{flex-basis:20%}.text .rectangle{margin-bottom:0}.text .header.center{margin:0 auto}.text .header.right{margin-left:auto}.text .header{height:1.5rem}.text .header.smaller{height:1rem}.detailed-item{flex-wrap:wrap}.detailed-item.right{flex-flow:row-reverse}.detailed-item-image{flex:0 0 auto;display:inline-flex}.center .detailed-item-image{flex-basis:100%;display:flex}.detailed-item-image .rectangle{flex-grow:0}.detailed-item-text>div{width:100%}.detailed-item-text{flex:1 1 auto}.detailed-item-text .text{margin-top:0;margin-bottom:0}.label-value{flex-wrap:wrap}.label-value .rectangle{flex-basis:calc(50% - 2 * var(--comp-loading-skeleton-horizontal-gap))}@keyframes skeletonShimmer{0%{left:-100px;opacity:1}70%{opacity:1}100%{left:800px;opacity:0}}";export{i as q2_btn,l as q2_loading}
package/dist/q2-tecton-elements/p-98bb1355.entry.js ADDED
@@ -0,0 +1 @@
1
+ import{r as t,h as e,g as i}from"./p-8e863fbc.js";const n=class{constructor(e){t(this,e),this.onIFrameLoad=t=>{const e=t.target;e.contentWindow&&e.contentWindow.postMessage(`[iFrameSizer]${this.moduleId}:0:false:false:32:true:true:null:documentElementOffset`,"*")}}get iframeTitle(){return this.moduleId.split(".").slice(-2).join("-")}componentWillLoad(){this._showForm=this.showForm}componentDidRender(){const t=this.hostElement.shadowRoot.querySelector("form");t&&t.parentElement&&(t.submit(),this._showForm=!1)}selectedObserver(){this._showForm=this.showForm}render(){return e("div",{id:`tab-pane-${this.guid}-${this.index}`,class:"tab-pane"+(this.selected?"":" hidden"),role:"tabpanel",tabindex:"-1","aria-expanded":`${!!this.selected}`,"aria-hidden":`${!this.selected}`,"aria-labelledby":`tab-${this.guid}-${this.index}`},this.selected&&void 0!==this.provided&&!this.provided&&e("div",null,e("slot",{name:"loading-wrapper"}),e("iframe",{hidden:!0,name:this.moduleId,scrolling:"no",src:this.showForm&&this.authPayload.length?"":this.url||"","data-module-id":this.moduleId,style:this.minHeight?{minHeight:this.minHeight}:null,onLoad:this.onIFrameLoad,title:this.iframeTitle,allow:"geolocation; camera"}),this._showForm&&this.authPayload?e("form",{hidden:!0,method:"post",action:this.url,target:this.moduleId,encType:"multipart/form-data"},this.authPayload.map((t=>e("input",{type:"hidden",value:t.value,name:t.key})))):""),e("div",{class:"slot-wrapper",hidden:this.selected&&void 0!==this.provided&&!this.provided},e("slot",null)))}get hostElement(){return i(this)}static get watchers(){return{selected:["selectedObserver"]}}};n.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.tab-pane[aria-hidden='true']{display:none}.tab-pane:focus{outline:none;box-shadow:none}.loading-wrapper{height:44px;width:100%;align-items:center;justify-content:center}.loading-wrapper:not([hidden]){display:flex}iframe{width:100%;height:auto;overflow-y:hidden;border:none}iframe:not([hidden]){display:inline-block}.slot-wrapper:focus{outline:none;box-shadow:var(--const-global-focus)}";export{n as tecton_tab_pane}
package/dist/q2-tecton-elements/p-9f328dbd.entry.js ADDED
@@ -0,0 +1 @@
1
+ import{r as a,c as r,h as t,g as e}from"./p-8e863fbc.js";import{c as i,a as s,h as o,l as p,m as n,b as c}from"./p-0feefe56.js";function f(a="",r={prefix:"",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:"",allowDecimal:!1,allowNegative:!0},t=!1){const e="-"===a[0];let i=a;const s=!!r.allowDecimal&&!!r.decimals;if(t){const a=i.replace(/[^\d.]/g,"");i=a&&Number(a).toFixed(s?r.decimals:0)||""}i=i.replace(/[^\d]/g,"");let{integerString:o,decimalString:p}=function(a,r=!1,t){if(!r)return{integerString:a,decimalString:""};const e=a.length-t;let i=a.substring(0,e).padStart(1,"0");i.length>1&&"0"===i[0]&&(i=i.substring(1));return{integerString:i,decimalString:a.substring(e).padStart(t,"0")}}(i,s,r.decimals),n=r.decimalSeparator;s||(n="",p="");const c=r.allowNegative&&e?"-":"";i=`${c}${o}${n}${p}`,o=o.replace(/\B(?=(\d{3})+(?!\d))/g,r.thousandsSeparator);const f=c||o?`${c}${o}${n}${p}`:"";let d=f.length-i.length;return n&&(d+=r.decimalSeparator.length),{value:i,formattedValue:f,fullyFormattedValue:c||o?`${c}${r.prefix}${o}${n}${p}${r.suffix}`:"",prefix:r.prefix||r.suffix,suffix:"",formattingCharacterCount:d,maxlength:Number.MAX_SAFE_INTEGER.toString().length+d+p.length,unformattedValue:`${o.replace(/[^0-9]/g,"")}${p}`.replace(/^0+/,"")}}function d(a="",r="",t){const e=t&&t.prefix||"",i=t&&t.suffix||"";if(!a||!r)return{value:a,formattedValue:a,fullyFormattedValue:`${e}${a}${i}`,prefix:e.trim()||i.trim(),formattingCharacterCount:0,unformattedValue:a};const{unformattedValue:s,formattedValue:o,formattingCharacterCount:p}=function(a,r){const t=r.split("");let e=function(a){let r=l.join("|"),t=a.replace(new RegExp(`[${r}]`,"g"),"").split("");return new Set(t)}(r),i=0,s=0,o="";const p=t.reduce(((r,t)=>{if(i>=a.length)return r;if(function(a){return u.includes(a)}(t)&&m(a[i],e))return r;if(function(a){return l.includes(a)}(t)){if(i=x(a,i,e),i>=a.length)return r;const s=function(a,r){switch(r){case"#":a=a.replace(/[^\d]/g,"");break;case"@":a=a.toUpperCase().replace(/[^A-Z]+/g,"");break;case"*":a=a.toUpperCase().replace(/[^\dA-Z]+/g,"");break;case"?":a=a.replace(/[^\d]/g,"");break;default:return a}return a}(a[i],t);r+=s,o+=s,i++}else r+=t,s++,t===a[i]&&i++;return r}),"");return{unformattedValue:o,formattedValue:p,formattingCharacterCount:s}}(a,r),n=`${e}${o}${i}`,c=r.length,f=function(a,r,t){return a.replace(new RegExp(`[${u.join("|")}]`,"g"),"").length+r.length+t.length}(r,e,i);return{value:s,formattedValue:o,fullyFormattedValue:n,prefix:e.trim()||i.trim(),formattingCharacterCount:p,maxlength:c,minFormattedLength:f,unformattedValue:s}}const u=["?"],l=["#","@","*",...u];function m(a,r){return r.has(a)}function x(a,r,t){return m(a[r],t)?x(a,++r,t):r}const h={AED:{prefix:"",suffix:"د.إ",decimals:2,decimalSeparator:".",thousandsSeparator:","},AFN:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ALL:{prefix:"L",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},AMD:{prefix:"դր.",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ANG:{prefix:"ƒ",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},AOA:{prefix:"Kz",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ARS:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},AUD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},AWG:{prefix:"ƒ",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},AZN:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BAM:{prefix:"КМ",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BBD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BDT:{prefix:"৳",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BGN:{prefix:"৳",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BHD:{prefix:"",suffix:"ب.د",decimals:3,decimalSeparator:".",thousandsSeparator:","},BIF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},BMD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BND:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BOB:{prefix:"Bs.",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BRL:{prefix:"R$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BSD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BTN:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BWP:{prefix:"P",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BYN:{prefix:"Br",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},BZD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CAD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CDF:{prefix:"Fr",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CHF:{prefix:"Fr",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CLF:{prefix:"Fr",suffix:"",decimals:4,decimalSeparator:".",thousandsSeparator:","},CLP:{prefix:"$",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},CNY:{prefix:"¥",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},COP:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CRC:{prefix:"₡",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CUC:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CUP:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CVE:{prefix:"$",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},CZK:{prefix:"Kč",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},DJF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},DKK:{prefix:"kr",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},DOP:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},DZD:{prefix:"",suffix:"د.ج",decimals:2,decimalSeparator:".",thousandsSeparator:","},EEK:{prefix:"KR",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},EGP:{prefix:"£",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ERN:{prefix:"Nfk",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ETB:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},EUR:{prefix:"€",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},FJD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},FKP:{prefix:"£",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},GBP:{prefix:"£",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},GEL:{prefix:"ლ",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},GHS:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},GIP:{prefix:"£",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},GMD:{prefix:"D",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},GNF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},GTQ:{prefix:"Q",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},GYD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},HKD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},HNL:{prefix:"L",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},HRK:{prefix:"kn",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},HTG:{prefix:"G",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},HUF:{prefix:"Ft",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},IDR:{prefix:"Rs",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ILS:{prefix:"₪",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},INR:{prefix:"₨",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},IQD:{prefix:"",suffix:"ع.د",decimals:3,decimalSeparator:".",thousandsSeparator:","},IRR:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ISK:{prefix:"kr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},JMD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},JOD:{prefix:"",suffix:"د.ا",decimals:3,decimalSeparator:".",thousandsSeparator:","},JPY:{prefix:"¥",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},KES:{prefix:"Sh",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},KGS:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},KHR:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},KMF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},KPW:{prefix:"₩",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},KRW:{prefix:"₩",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},KWD:{prefix:"د.ك",suffix:"",decimals:3,decimalSeparator:".",thousandsSeparator:","},KYD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},KZT:{prefix:"〒",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},LAK:{prefix:"₭",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},LBP:{prefix:"",suffix:"ل.ل",decimals:2,decimalSeparator:".",thousandsSeparator:","},LKR:{prefix:"Rs",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},LRD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},LSL:{prefix:"L",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},LTL:{prefix:"Lt",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},LVL:{prefix:"Ls",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},LYD:{prefix:"",suffix:"ل.د",decimals:3,decimalSeparator:".",thousandsSeparator:","},MAD:{prefix:"",suffix:"د.م.",decimals:2,decimalSeparator:".",thousandsSeparator:","},MDL:{prefix:"L",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MGA:{prefix:"¤",suffix:"",decimals:1,decimalSeparator:".",thousandsSeparator:","},MKD:{prefix:"ден",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MMK:{prefix:"K",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MNT:{prefix:"₮",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MOP:{prefix:"P",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MRU:{prefix:"UM",suffix:"",decimals:1,decimalSeparator:".",thousandsSeparator:","},MUR:{prefix:"₨",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MVR:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MWK:{prefix:"MK",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MXN:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MYR:{prefix:"RM",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MZN:{prefix:"MTn",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},NAD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},NGN:{prefix:"₦",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},NIO:{prefix:"C$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},NOK:{prefix:"kr",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},NPR:{prefix:"₨",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},NZD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},OMR:{prefix:"",suffix:"ر.ع.",decimals:3,decimalSeparator:".",thousandsSeparator:","},PAB:{prefix:"B/.",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},PEN:{prefix:"S/.",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},PGK:{prefix:"K",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},PHP:{prefix:"p",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},PKR:{prefix:"₨",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},PLN:{prefix:"zł",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},PYG:{prefix:"¤",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},QAR:{prefix:"",suffix:"ر.ق",decimals:2,decimalSeparator:".",thousandsSeparator:","},RON:{prefix:"L",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},RSD:{prefix:"дин.",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},RUB:{prefix:"руб.",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},RWF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},SAR:{prefix:"",suffix:"ر.س",decimals:2,decimalSeparator:".",thousandsSeparator:","},SBD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SCR:{prefix:"₨",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SDG:{prefix:"£",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SEK:{prefix:"kr",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SGD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SHP:{prefix:"£",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SKK:{prefix:"Sk",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SLL:{prefix:"Le",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SOS:{prefix:"Sh",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SRD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},STN:{prefix:"Db",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SVC:{prefix:"₡",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SYP:{prefix:"£",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SZL:{prefix:"L",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},THB:{prefix:"฿",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},TJS:{prefix:"ЅМ",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},TMM:{prefix:"m",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},TND:{prefix:"",suffix:"د.ت",decimals:3,decimalSeparator:".",thousandsSeparator:","},TOP:{prefix:"T$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},TRY:{prefix:"YTL",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},TTD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},TWD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},TZS:{prefix:"Sh",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},UAH:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},UGX:{prefix:"Sh",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},USD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},UYU:{prefix:"$",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},UZS:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},VEF:{prefix:"Bs F",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},VND:{prefix:"₫",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},VUV:{prefix:"Vt",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},WST:{prefix:"T",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},XAF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},XCD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},XOF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},XPF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},YER:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ZAR:{prefix:"R",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ZMW:{prefix:"ZK",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ZWD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","}};function S(a,r="USD",t=!1){let e=r||"",i=!0;e.includes("-integer")&&(e=e.split("-integer")[0],i=!1);const s=h[e];return s?f(a,Object.assign(Object.assign({},s),{allowDecimal:i&&s.decimals>0,allowNegative:!1}),t):d(a)}const v={AF:{mask:"(##) #######",prefix:"+93 "},AL:{mask:"#######",prefix:"+355 "},DZ:{mask:"(##) ###-###",prefix:"+213 "},AD:{mask:"(#) #####",prefix:"+376 "},AO:{mask:"#########",prefix:"+244 "},AI:{mask:"(###) ###-####",prefix:"+1 "},AG:{mask:"(###) ###-####",prefix:"+1 "},AR:{mask:"##########",prefix:"+54 "},AM:{mask:"########",prefix:"+375 "},AQ:{mask:"##-####",prefix:"+672 "},AW:{mask:"###-####",prefix:"+297 "},AU:{mask:"(##) ####-####",prefix:"+61 "},AT:{mask:"#############",prefix:"+43 "},AZ:{mask:"#########",prefix:"+994 "},BS:{mask:"(###) ###-####",prefix:"+1 "},BH:{mask:"####-####",prefix:"+973 "},BD:{mask:"#########",prefix:"+880 "},BB:{mask:"(###) ###-####",prefix:"+1 "},BY:{mask:"#########",prefix:"+375 "},BE:{mask:"########??",prefix:"+32 "},BZ:{mask:"#######",prefix:"+501 "},BJ:{mask:"(##) ###-###",prefix:"+229 "},BM:{mask:"(###) ###-####",prefix:"+1 "},BT:{mask:"(#) ###-###",prefix:"+975 "},BO:{mask:"(#) ###-####",prefix:"+591 "},BA:{mask:"(##) ##-##-##",prefix:"+387 "},BW:{mask:"########",prefix:"+267 "},BR:{mask:"(##) ####-####",prefix:"+55 "},BN:{mask:"###-####",prefix:"+673 "},BG:{mask:"#######?",prefix:"+359 "},BF:{mask:"##-##-##-##",prefix:"+226 "},BI:{mask:"####-####",prefix:"+257 "},KH:{mask:"(##) ######",prefix:"+855 "},CM:{mask:"####-####",prefix:"+237 "},CA:{mask:"(###) ###-####",prefix:"+1 "},CV:{mask:"###-####",prefix:"+238 "},KY:{mask:"(###) ###-####",prefix:"+1 "},CF:{mask:"###-###",prefix:"+236 "},TD:{mask:"###-##-##",prefix:"+235 "},CL:{mask:"#########",prefix:"+56 "},CN:{mask:"###########",prefix:"+86 "},CO:{mask:"##########",prefix:"57 "},KM:{mask:"###-####",prefix:"+269 "},CD:{mask:"###-####",prefix:"+243 "},CG:{mask:"###-####",prefix:"+242 "},CR:{mask:"####-####",prefix:"+506 "},CI:{mask:"####-####",prefix:"+225 "},HR:{mask:"########?",prefix:"+385 "},CU:{mask:"###########",prefix:"+53 "},CY:{mask:"####-####",prefix:"+357 "},CZ:{mask:"#########",prefix:"+420 "},DK:{mask:"####-####",prefix:"+45 "},DJ:{mask:"##-##-##-##",prefix:"+253 "},DM:{mask:"(###) ###-####",prefix:"+1 "},DO:{mask:"(###) ###-####",prefix:"+1 "},TL:{mask:"###-####",prefix:"+670 "},EC:{mask:"(##) ###-####",prefix:"+593 "},EG:{mask:"##########",prefix:"+20 "},SV:{mask:"####-####",prefix:"+503 "},GQ:{mask:"##-####",prefix:"+240 "},EE:{mask:"#######?",prefix:"+372 "},ET:{mask:"(##) ###-####",prefix:"+251 "},FK:{mask:"#####",prefix:"+500 "},FO:{mask:"######",prefix:"+298 "},FJ:{mask:"###-####",prefix:"+679 "},FI:{mask:"############",prefix:"+358 "},FR:{mask:"#########",prefix:"+33 "},GF:{mask:"##########",prefix:"+594 "},PF:{mask:"######",prefix:"+689 "},GA:{mask:"######?",prefix:"+241 "},GM:{mask:"###-####",prefix:"+220 "},GE:{mask:"########",prefix:"+995 "},DE:{mask:"###########",prefix:"+49 "},GH:{mask:"#########",prefix:"+233 "},GI:{mask:"####-####",prefix:"+350 "},GR:{mask:"##########",prefix:"+30 "},GL:{mask:"###-###",prefix:"+299 "},GD:{mask:"(###) ###-####",prefix:"+1 "},GP:{mask:"##########",prefix:"+590 "},GU:{mask:"(###) ###-####",prefix:"+1 "},GT:{mask:"####-####",prefix:"+502 "},GN:{mask:"####-####",prefix:"+224 "},GW:{mask:"###-####",prefix:"+245 "},GY:{mask:"(###) ####",prefix:"+592 "},HK:{mask:"####-####",prefix:"+852 "},HN:{mask:"########",prefix:"+504 "},HT:{mask:"####-####",prefix:"+509 "},HU:{mask:"########??",prefix:"+36 "},IS:{mask:"#########",prefix:"+354 "},IN:{mask:"##########",prefix:"+91 "},ID:{mask:"##########",prefix:"+62 "},IR:{mask:"##########",prefix:"+98 "},IQ:{mask:"##########",prefix:"+964 "},IE:{mask:"#########",prefix:"+353 "},IL:{mask:"#########",prefix:"+972 "},IT:{mask:"##########",prefix:"+39 "},JM:{mask:"(###) ###-####",prefix:"+1 "},JP:{mask:"#########",prefix:"+81 "},JO:{mask:"#########",prefix:"+962 "},KZ:{mask:"(###) ####-###",prefix:"+7 "},KE:{mask:"##########",prefix:"+254 "},KI:{mask:"##-###",prefix:"+686 "},KR:{mask:"##########",prefix:"+82 "},KW:{mask:"####-####",prefix:"+965 "},KG:{mask:"#########",prefix:"+996 "},LA:{mask:"########?",prefix:"+856 "},LV:{mask:"####-####",prefix:"+371 "},LB:{mask:"#######?",prefix:"+961 "},LS:{mask:"##-###-###",prefix:"+266 "},LY:{mask:"########?",prefix:"+218 "},LI:{mask:"###-####",prefix:"+423 "},LT:{mask:"########",prefix:"+370 "},LU:{mask:"###########",prefix:"+352 "},MO:{mask:"####-####",prefix:"+853 "},MK:{mask:"########",prefix:"+389 "},MG:{mask:"##-##-###-##",prefix:"+261 "},MW:{mask:"#########",prefix:"+265 "},MY:{mask:"##########",prefix:"+60 "},MV:{mask:"###-####",prefix:"+960 "},ML:{mask:"####-####",prefix:"+223 "},MT:{mask:"##-##-##-##",prefix:"+356 "},MH:{mask:"###-####",prefix:"+692 "},MQ:{mask:"###-######",prefix:"+596 "},MU:{mask:"###-####",prefix:"+230 "},MX:{mask:"(###) ###-####",prefix:"+52 "},MD:{mask:"########",prefix:"+373 "},MC:{mask:"####-####",prefix:"+377 "},MN:{mask:"###########",prefix:"+976 "},MS:{mask:"(###) ###-####",prefix:"+1 "},MA:{mask:"##-###-####",prefix:"+212 "},MZ:{mask:"#########",prefix:"+258 "},MM:{mask:"########",prefix:"+95 "},NA:{mask:"##########",prefix:"+264 "},NP:{mask:"##########",prefix:"+977 "},NL:{mask:"#########",prefix:"+31 "},AN:{mask:"########",prefix:"+599 "},NC:{mask:"###-###",prefix:"+687 "},NZ:{mask:"##########",prefix:"+64 "},NI:{mask:"####-####",prefix:"+505 "},NE:{mask:"##-###-###",prefix:"+227 "},NG:{mask:"##########",prefix:"+234 "},MP:{mask:"(###) ###-####",prefix:"+1 "},NO:{mask:"####-####",prefix:"+47 "},OM:{mask:"####-####",prefix:"+968 "},PK:{mask:"##########",prefix:"+92 "},PW:{mask:"###-####",prefix:"+680 "},PA:{mask:"########",prefix:"+507 "},PG:{mask:"########",prefix:"+675 "},PE:{mask:"###########",prefix:"+51 "},PH:{mask:"##########",prefix:"+63 "},PL:{mask:"#########",prefix:"+48 "},PT:{mask:"#-####-####",prefix:"+351 "},PR:{mask:"(###) ###-####",prefix:"+1 "},QA:{mask:"###-####",prefix:"+974 "},RE:{mask:"###-###-###",prefix:"+262 "},RO:{mask:"#########",prefix:"+40 "},RU:{mask:"##########",prefix:"+7 "},RW:{mask:"###-###-###",prefix:"+250 "},SH:{mask:"#-###",prefix:"+290 "},KN:{mask:"(###) ###-####",prefix:"+1 "},LC:{mask:"(###) ###-####",prefix:"+1 "},VC:{mask:"(###) ###-####",prefix:"+1 "},ST:{mask:"##-####",prefix:"+239 "},SA:{mask:"#########",prefix:"+966 "},SN:{mask:"##-###-####",prefix:"+221 "},SC:{mask:"###-###",prefix:"+248 "},SL:{mask:"(##) ###-###",prefix:"+232 "},SG:{mask:"####-####",prefix:"+65 "},SK:{mask:"#########",prefix:"+421 "},SI:{mask:"########",prefix:"+386 "},SB:{mask:"##-###",prefix:"+677 "},ZA:{mask:"(##) ###-####",prefix:"+27 "},ES:{mask:"###-###-###",prefix:"+34 "},LK:{mask:"(##) ###-####",prefix:"+94 "},SD:{mask:"##-###-####",prefix:"+249 "},SR:{mask:"######?",prefix:"+597 "},SZ:{mask:"###-####",prefix:"+268 "},SE:{mask:"###########",prefix:"+46 "},CH:{mask:"(##) ###-####",prefix:"+41 "},SY:{mask:"#########",prefix:"+963 "},TJ:{mask:"#########",prefix:"+992 "},TZ:{mask:"#########",prefix:"+255 "},TH:{mask:"#########",prefix:"+66 "},TG:{mask:"###-####",prefix:"+228 "},TT:{mask:"(###) ###-####",prefix:"+1 "},TN:{mask:"##-###-###",prefix:"+216 "},TR:{mask:"(###) ###-####",prefix:"+90 "},TM:{mask:"########",prefix:"+993 "},TC:{mask:"(###) ###-####",prefix:"+1 "},UG:{mask:"#########",prefix:"+256 "},UA:{mask:"(##) ###-####",prefix:"+380 "},AE:{mask:"#########",prefix:"+971 "},GB:{mask:"#############",prefix:"+44 "},UY:{mask:"########?",prefix:"+598 "},UZ:{mask:"(##) ###-####",prefix:"+998 "},VE:{mask:"(###) ###-####",prefix:"+58 "},VN:{mask:"#######????",prefix:"+84 "},VG:{mask:"(###) ###-####",prefix:"+1 "},VI:{mask:"(###) ###-####",prefix:"+1 "},YE:{mask:"#########",prefix:"+967 "},ZM:{mask:"#########",prefix:"+260 "},ZW:{mask:"#########",prefix:"+263 "},AC:{mask:"####",prefix:"+247 "},ME:{mask:"(##) ###-####",prefix:"+382 "},PS:{mask:"#########",prefix:"+970 "},RS:{mask:"#########",prefix:"+381 "},TW:{mask:"#########",prefix:"+886 "},CW:{mask:"#-###-####",prefix:"+599 "},US:{mask:"(###) ###-####",prefix:""}};function b(a,r="US"){const{mask:t,prefix:e}=v[r]||v.US;return d(a||"",t,{prefix:e})}function g(a){return d(a,"###-##-####")}function k(a){return d((a||"").replace(/[^\da-zA-Z]/g,""))}function w(a,r){let t=a||"";return t=t.replace("spaced"===r?/[^a-zA-Z ]/g:/[^a-zA-Z]/g,""),d(t)}const M={delimited:{prefix:"",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:",",allowDecimal:!1,allowNegative:!0},integer:{prefix:"",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:"",allowDecimal:!0,allowNegative:!0},dec:{prefix:"",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:",",allowDecimal:!0,allowNegative:!0}};function y(a){let r;a.includes("dec")&&(r=Number(a.replace("dec","")),a="dec");let t=M[a];if(t)return t=Object.assign({},t),r&&(t.decimals=r),t}function D(a="",r="",t=!1){const e=y(r);return e?f(a,e,t):d((a||"").replace(/[^\d.,-]/g,""))}function C(a="",r="",t=!1){let e=y(r);return e?(e.suffix="%",f(a,e,t)):d((a||"").replace(/[^\d.,-]/g,""),void 0,{suffix:"%"})}const Y={AF:"####",AL:"####",DZ:"#####",AC:"ASCN 1ZZ",AD:"AD###",AR:"####","AR+":"@####@@@",AI:"AI-2640",AM:"####",AS:"#####","AS+4":"#####-####",AU:"####",AT:"####",AZ:"AZ ####",BH:"###?",BD:"####",BB:"BB#####",BY:"######",BE:"####",BM:"@@ **",BT:"#####",BA:"######",BR:"#####","BR+3":"#####-###",VG:"VG####",BN:"@@####",BG:"####",KH:"#####",KY:"KY#-####",CA:"@#@ #@#",CL:"###-####",CN:"######",CX:"####",CC:"####",CO:"######",CR:"#####","CR+4":"#####-####",CV:"####",HR:"#####",CU:"#####",CY:"####",CZ:"### ##",DK:"####",DO:"#####",EC:"######",SV:"####",EG:"#####",EE:"#####",ET:"####",FK:"FIQQ 1ZZ",FO:"###",FI:"#####",FR:"#####",GF:"973##",PF:"987##",GI:"GX11 1AA",GE:"####",DE:"#####",GR:"### ##",GL:"####",GP:"971##",GU:"#####","GU+4":"#####-####",GT:"#####",GG:"GY#? #@@",GN:"###",GS:"SIQQ 1ZZ",GW:"####",HT:"####",HN:"@@####","HN-":"#####",HU:"####",IS:"###",IN:"### ###",ID:"#####",IE:"*** ****",IR:"##########",IQ:"#####",IM:"IM#? #@@",IL:"#######",IT:"#####",JM:"##",JP:"###-####",JE:"JE#? #@@",JO:"#####",KZ:"######",KE:"#####",KR:"#####",KN:"KN####",XK:"#####",KW:"#####",KG:"######",LA:"#####",LV:"LV-####",LB:"####? ????",LS:"###",LR:"####",LI:"####",LT:"#####",LU:"####",MK:"####",MG:"###",MY:"#####",MV:"#####",MT:"@@@ ####",MH:"#####","MH+4":"#####-####",MU:"#####",MQ:"972##",MW:"######",YT:"976##",MX:"#####",FM:"#####","FM+4":"#####-####",MD:"####",MC:"980##",MN:"#####",ME:"#####",MA:"#####",MZ:"####",MM:"#####",NA:"#####",NP:"#####",NC:"988##",NZ:"####",NI:"#####",NE:"####",NG:"######",NF:"####",MP:"#####",NO:"####",OM:"###",PK:"#####",PW:"#####","PW+4":"#####-####",PS:"###",PA:"####",PG:"###",PY:"####",PE:"#####","PE+":"####",PH:"####",PL:"##-###",PT:"####","PT+3":"####-###",PR:"#####","PR+4":"#####-####",RE:"974##",PM:"975##",PN:"PCRN 1ZZ",RO:"######",RU:"######",LC:"LC## ###",VC:"####",WS:"####",SM:"4879#",SA:"#####","SA+4":"#####-####",SN:"#####",RS:"#####",SG:"######",SH:"@@@@ 1ZZ",SK:"### ##",SI:"####",SO:"@@ #####",ZA:"####",ES:"#####",LK:"#####",SD:"#####",SZ:"@###",SE:"### ##",CH:"####",SJ:"####",TW:"###","TW+2":"###-##?",TJ:"######",TZ:"#####",TH:"#####",TT:"######",TN:"####",TR:"#####",TM:"######",UA:"#####",UY:"#####",VI:"#####","VI+4":"#####-####",UZ:"######",VE:"####","VE-":"####-@",VN:"#####?",YU:"#####",WF:"986##",ZM:"#####",US:"#####","US+4":"#####-####"};function L(a,r="US"){const t=Y[r];return t?d(a,t):k(a)}const $={"MM/DD/YYYY":"##/##/####","M/D/YYYY":"#?/#?/####","MM/DD/YY":"##/##/##","M/D/YY":"#?/#?/##","MM/YY":"##/##","M/YY":"#?/##","DD/MM/YYYY":"##/##/####","D/M/YYYY":"#?/#?/####","DD/MM/YY":"##/##/##","D/M/YY":"#?/#?/##","MM-DD-YYYY":"##-##-####","M-D-YYYY":"#?-#?-####","MM-DD-YY":"##-##-##","M-D-YY":"#?-#?-##","MM-YY":"##-##","M-YY":"#?-##","DD-MM-YYYY":"##-##-####","D-M-YYYY":"#?-#?-####","DD-MM-YY":"##-##-##","D-M-YY":"#?-#?-##"};function A(a,r="MM/DD/YYYY"){const t=d(a,$[r]||$["MM/DD/YYYY"]);return Object.assign(Object.assign({},t),{value:t.formattedValue})}const N=function(a){const r=d(a,"#### #### #### ####");return Object.assign(Object.assign({},r),{type:"unknown",leftIcon:"card-unknown",leftIconMuted:a.length<16})},I=function(a){const r=d(a,"#### ###### #####");return Object.assign(Object.assign({},r),{type:"amex",leftIcon:"card-amex-color",leftIconMuted:a.length<15})},R=function(a){const r=d(a,"#### #### #### ####");return Object.assign(Object.assign({},r),{type:"discover",leftIcon:"card-discover-color",leftIconMuted:a.length<16})},F=function(a){const r=d(a,"#### #### #### ####");return Object.assign(Object.assign({},r),{type:"masterCard",leftIcon:"card-mastercard-color",leftIconMuted:a.length<16})},G=function(a){const r=d(a,"#### #### #### ####");return Object.assign(Object.assign({},r),{type:"visa",leftIcon:"card-visa-color",leftIconMuted:a.length<16})},P=function(a){const r=d(a,"#### ###### ####");return Object.assign(Object.assign({},r),{type:"dinersClub",leftIcon:"card-dinersclub-color",leftIconMuted:a.length<14})},T={discover:R,amex:I,masterCard:F,visa:G,dinersClub:P,unknown:N},B={detectCreditCardTypeFromValue:function(a){const r=parseInt(a.charAt(0)),t=parseInt(a.charAt(1));switch(r){case 2:if(t>1&&t<8){if(!(a.length>=4))return"masterCard";{const r=parseInt(a.substr(0,4));if(r>=2221&&r<2721)return"masterCard"}}break;case 3:if(4==t||7==t)return"amex";if(0==t){if(!(a.length>2))return"dinersClub";{const r=parseInt(a.charAt(2));if(r<6||9==r)return"dinersClub"}}if(6==t||8==t||9==t)return"dinersClub";break;case 4:return"visa";case 5:if(t>0&&t<6)return"masterCard";break;case 6:if(0==t){if(!(a.length>3))return"discover";if("6011"==a.substr(0,4))return"discover"}if(4==t){if(!(a.length>2))return"discover";if(parseInt(a.substr(0,3))>643)return"discover"}if(5==t)return"discover";if(2==t){if(!(a.length>5))return"discover";{const r=parseInt(a.substr(0,6));if(r>=622126&&r<=622925)return"discover"}}break;default:return"unknown"}return"unknown"},format:function(a){const r=B.detectCreditCardTypeFromValue(a),t=T[r](a);return a.length<2&&"unknown"==r&&(t.leftIcon="card"),t},amexFormatter:I,dinersClubInternationalFormatter:P,discoverFormatter:R,masterCardFormatter:F,visaFormatter:G,unknownFormatter:N},K=class{constructor(t){a(this,t),this.input=r(this,"input",7),this.change=r(this,"change",7),this.type="text",this.disabled=!1,this.showVisibilityToggle=!1,this.scheduledAfterRender=[],this.guid=i(),this.onToggleVisibility=()=>{this.textHidden=!this.textHidden},this.onInputFocus=()=>{this.scheduledAfterRender.push((()=>{this.setCursorPosition(this.calculateCursorPositionOnFocus())})),this.hasFocus=!0,s(this),this.valueOnFocus=this.value},this.onInputBlur=()=>{this.hasFocus=!1,s(this),this.valueOnFocus!==this.formattedValueObject.value&&(this.valueOnFocus=this.formattedValueObject.value,this.change.emit(Object.assign({value:this.formattedValueObject.value,formattedValue:this.formattedValueObject.fullyFormattedValue,minFormattedLength:this.formattedValueObject.minFormattedLength},this.formattedValueObject.type&&{type:this.formattedValueObject.type})))},this.onInputInput=a=>{a.stopPropagation();const r=this.getFormattedValue(a.target.value,!1);this.handleDataInput(r)},this.onInputPaste=a=>{if("currency"===this.type){const r=a.clipboardData.getData("text"),t=this.getFormattedValue(r,!0);a.preventDefault(),this.handleDataInput(t)}},this.onInputKeydown=a=>{"Enter"===a.key&&this.valueOnFocus!==this.formattedValueObject.value&&(this.valueOnFocus=this.formattedValueObject.value,this.change.emit(Object.assign({value:this.formattedValueObject.value,formattedValue:this.formattedValueObject.fullyFormattedValue,minFormattedLength:this.formattedValueObject.minFormattedLength},this.formattedValueObject.type&&{type:this.formattedValueObject.type})))},this.onClearInput=()=>{const a={value:"",formattedValue:"",minFormattedLength:this.formattedValueObject.minFormattedLength};this.input.emit(a),this.change.emit(a),this.inputField.focus()}}componentWillLoad(){isNaN(this.maxlength)&&(this.maxlength=void 0),this.formattedValueObject=this.getFormattedValue(this.stringValue,!0),o(this)}componentDidLoad(){this.pseudo||(this.inputField.value=this.formattedValueObject.formattedValue),void 0===this.textHidden&&(this.textHidden="password"===this.type)}componentDidRender(){this.scheduledAfterRender.forEach((a=>a())),this.scheduledAfterRender=[]}getFormattedValue(a,r){const t={currency:S,phone:b,ssn:g,alphanumeric:k,alpha:w,numeric:D,percentage:C,postal:L,date:A,"credit-card":B.format};return t[this.type]?t[this.type](a,this.formatModifier,r):{value:a,formattedValue:a,fullyFormattedValue:a,formattingCharacterCount:0,unformattedValue:a}}get canClear(){return this.clearable&&!!this.value}get hasError(){return Array.isArray(this.errors)&&this.errors.length>0}get messages(){return this.errors&&this.errors.length>0&&this.errors||this.hints&&this.hints.length>0&&this.hints||[]}get inputField(){return this.hostElement.shadowRoot.querySelector(".input-field")}get showMessages(){return this.messages.length>0&&!this.hideMessages}get inputId(){return`input-guid-${this.guid}`}get inputDescribedBy(){return this.showMessages?`${this.inputId}-description`:void 0}get isMaskedType(){return["currency","phone","ssn","alphanumeric","alpha","numeric","percentage","postal","date","credit-card"].includes(this.type)}get wrapperClasses(){return`field-container${this.hasError?" has-error":""}${this.value?" has-value":""}${this.clearable&&this.value?" has-clear":""}${this.hasFocus?" has-focus":""}${this.formattedValueObject.prefix?" has-prefix":""}${this.computedIconLeft?" has-icon-left":""}${this.showIconSeperator?" has-icon-separator":""}${this.formattedValueObject.suffix?" has-suffix":""}${!this.formattedValueObject.suffix&&this.iconRight?" has-icon-right":""}${"currency"===this.type?" right-aligned":" left-aligned"}`}get computedType(){return["password","text"].includes(this.type)&&this.textHidden?"password":this.type&&{text:"text",tel:"tel",number:"number",password:"text",search:"search",url:"url",email:"email",currency:"tel",phone:"tel",ssn:"tel",alphanumeric:"text",alpha:"text",numeric:"tel",percentage:"tel",postal:"tel",date:"tel","credit-card":"tel"}[this.type]||"text"}get computedIconLeft(){if(!this.formattedValueObject.prefix)return"search"===this.type?"search":this.formattedValueObject.leftIcon?this.formattedValueObject.leftIcon:this.iconLeft}get showIconSeperator(){return"credit-card"===this.type||!!this.formattedValueObject.prefix}get computedClassForIconLeft(){let a="icon-left";return this.formattedValueObject.leftIconMuted&&(a+=" icon-left-muted"),a}get stringValue(){return this.value&&String(this.value)||""}get canSetSelection(){return!["email","number"].includes(this.computedType)}get visibilityToggleText(){return p("tecton.element.input.toggle."+(this.textHidden?"show":"hide"))}formatAndUpdateValueFromProp(){this.formattedValueObject=this.getFormattedValue(this.stringValue,!0),this.pseudo||(this.inputField.value=this.formattedValueObject.formattedValue)}ariaLabelObserver(){o(this)}valueObserver(){this.formatAndUpdateValueFromProp()}typeObserver(){this.formatAndUpdateValueFromProp()}formatModifierObserver(){this.formatAndUpdateValueFromProp()}hintsObserver(){this.hasFocus&&this.scheduledAfterRender.push((()=>s(this)))}errorsObserver(){this.hasFocus&&this.scheduledAfterRender.push((()=>s(this)))}onHostElementFocus(){this.inputField.focus(),this.inputField.dispatchEvent(new FocusEvent("focus",{bubbles:!1}))}onHostElementChange(a){a.target!==this.hostElement||this.hostElement.onchange||(this.value=a.detail.value)}handleDataInput(a){void 0===this.maxlength||a.unformattedValue.length<=this.maxlength||a.unformattedValue.length<=this.formattedValueObject.unformattedValue.length?this.formattedValueObject=a:this.maxlength&&(a=this.getFormattedValue(a.unformattedValue.substring(0,this.maxlength),!1),this.formattedValueObject=a);const r=this.calculateCursorPositionOnInput();this.inputField.value=this.formattedValueObject.formattedValue,this.input.emit(Object.assign({value:this.formattedValueObject.value,formattedValue:this.formattedValueObject.fullyFormattedValue,minFormattedLength:this.formattedValueObject.minFormattedLength},this.formattedValueObject.type&&{type:this.formattedValueObject.type})),this.setCursorPosition(r)}render(){return t("div",{class:this.wrapperClasses},c(this),this.inputDOM(),n(this))}inputDOM(){return t("div",{class:"input-container"},t("div",{class:"input-icons-container-left"},this.formattedValueObject.prefix&&t("span",{class:"input-prefix"},this.formattedValueObject.prefix),this.computedIconLeft&&t("q2-icon",{type:this.computedIconLeft,class:this.computedClassForIconLeft}),this.showIconSeperator&&t("div",{class:"vertical-separator"}),this.hasError&&"currency"===this.type&&t("q2-icon",{type:"error",class:"icon-error"})),this.pseudo?this.pseudoInputDOM():t("input",{class:"input-field",id:this.inputId,type:this.computedType,size:this.formattedValueObject.prefix?10:void 0,"aria-describedby":this.inputDescribedBy,"aria-required":`${!this.optional}`,"aria-invalid":`${this.hasError}`,"aria-controls":this.ariaControls&&`${this.ariaControls}`||void 0,"aria-owns":this.ariaOwns&&`${this.ariaOwns}`||void 0,"aria-haspopup":this.ariaHaspopup&&`${this.ariaHaspopup}`||void 0,"aria-expanded":!!this.ariaExpanded&&`${!!this.ariaExpanded}`||void 0,"aria-activedescendant":this.ariaActivedescendant&&`${this.ariaActivedescendant}`,"aria-label":this.hideLabel&&this.label?p(this.label):void 0,autocomplete:this.autocomplete?this.autocomplete:"off",autocapitalize:"on"===this.autocapitalize?"on":"off",autocorrect:"on"===this.autocorrect?"on":"off",placeholder:this.placeholder&&p(this.placeholder)||void 0,role:this.role&&`${this.role}`||void 0,"test-id":"inputField",readonly:!!this.readonly,disabled:!!this.disabled,onFocus:this.onInputFocus,onBlur:this.onInputBlur,onKeyDown:this.onInputKeydown,onInput:this.onInputInput,onPaste:this.onInputPaste}),t("div",{class:"input-icons-container-right"},this.canClear&&t("q2-btn",{class:"btn-clear",ariaLabel:p("tecton.element.input.clear",[this.label]),"test-id":"clearButton",onClick:this.onClearInput},t("q2-icon",{type:"close",class:"icon-clear"})),["password","text"].includes(this.type)&&this.showVisibilityToggle&&t("q2-btn",{class:"btn-visibility-toggle","test-id":"toggleVisibilityButton",onClick:this.onToggleVisibility},this.visibilityToggleText),this.formattedValueObject.suffix&&t("span",{class:"input-suffix"},this.formattedValueObject.suffix),this.iconRight&&!this.formattedValueObject.suffix&&t("q2-icon",{type:this.iconRight,class:"icon-right"}),this.hasError&&"currency"!==this.type&&t("q2-icon",{type:"error",class:"icon-error"})))}pseudoInputDOM(){const a=!this.value&&!!this.placeholder;return t("button",{class:"pseudo-input input-field",type:"button",id:this.inputId,"aria-describedby":this.inputDescribedBy,"aria-required":`${!this.optional}`,"aria-invalid":`${this.hasError}`,"aria-controls":this.ariaControls&&`${this.ariaControls}`||void 0,"aria-owns":this.ariaOwns&&`${this.ariaOwns}`||void 0,"aria-haspopup":this.ariaHaspopup&&`${this.ariaHaspopup}`||void 0,"aria-expanded":!!this.ariaExpanded&&`${!!this.ariaExpanded}`||void 0,"aria-activedescendant":this.ariaActivedescendant&&`${this.ariaActivedescendant}`,"aria-label":`${this.value}, ${this.label&&p(this.label)||""}`,role:this.role&&`${this.role}`||void 0,disabled:!!this.disabled,"test-id":"q2InputInnerClearButton"},t("span",{class:a?"placeholder-text":""},a?this.placeholder:this.value))}calculateCursorPositionOnInput(){const a=this.inputField,r=this.formattedValueObject.formattedValue.length;return{startingPosition:a&&a.selectionStart||r,valueLength:r,previousValueLength:a&&a.value.length,hasSelection:!1}}calculateCursorPositionOnFocus(){const a=this.inputField,r=a&&a.value?a.value.length:0;return{startingPosition:a&&a.selectionStart||r,valueLength:r,previousValueLength:r,hasSelection:getSelection().toString().length>0}}setCursorPosition(a){if(this.canSetSelection&&!a.hasSelection){const r=this.inputField,{valueLength:t,previousValueLength:e,startingPosition:i}=a;if(i===t&&t>=e&&"currency"===this.type)r.setSelectionRange(t,t);else{const a=i+(t-e);r.setSelectionRange(a,a)}}}get hostElement(){return e(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"],value:["valueObserver"],type:["typeObserver"],formatModifier:["formatModifierObserver"],hints:["hintsObserver"],errors:["errorsObserver"]}}};K.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;margin-top:var(--tct-input-margin-top, var(--app-scale-6x, 30px));margin-bottom:var(--tct-input-margin-bottom, var(--app-scale-6x, 30px));font-size:var(--tct-input-font-size, var(--app-font-size, inherit))}:host([hidden]){display:none}.field-container,.input-container{position:relative}label{display:block;padding-left:var(--tct-input-label-padding-left, 0);padding-right:var(--tct-input-label-padding-right, 0);margin-top:var(--tct-input-label-margin-top, 0);margin-bottom:var(\n --tct-input-label-margin-bottom,\n var(--tct-scale-1, var(--app-scale-1, 5px))\n );color:var(--tct-input-label-font-color, inherit);font-size:var(--tct-input-label-font-size, inherit);font-weight:var(--tct-input-label-font-weight, 600);text-transform:var(--tct-input-label-text-transform, none);letter-spacing:var(--tct-input-label-letter-spacing, normal);transition:color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)))}.optional-tag{margin-left:var(\n --tct-input-label-optional-margin-left,\n var(--tct-scale-1, var(--app-scale-1, 5px))\n );color:var(\n --tct-input-label-optional-font-color,\n var(--tct-a11y-color, var(--t-a11y-gray-color, #767676))\n );font-size:var(--tct-input-label-optional-font-size, 12px);font-weight:var(--tct-input-label-optional-font-weight, 400)}.input-container{display:flex;align-items:center;--comp-input-horizontal-gap:var(\n --tct-input-horizontal-gap,\n var(--t-input-horizontal-gap, 8px)\n );--comp-input-border-top-left-radius:var(\n --tct-input-border-top-left-radius,\n var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n );--comp-input-border-top-right-radius:var(\n --tct-input-border-top-right-radius,\n var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n );--comp-input-border-bottom-right-radius:var(\n --tct-input-border-bottom-right-radius,\n var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n );--comp-input-border-bottom-left-radius:var(\n --tct-input-border-bottom-left-radius,\n var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n );--comp-input-border-radius:var(--comp-input-border-top-left-radius)\n var(--comp-input-border-top-right-radius) var(--comp-input-border-bottom-right-radius)\n var(--comp-input-border-bottom-left-radius);--comp-input-border-width:var(--tct-input-border-top-width, 1px)\n var(--tct-input-border-right-width, 1px) var(--tct-input-border-bottom-width, 1px)\n var(--tct-input-border-left-width, 1px);--comp-input-focus-border-width:var(--tct-input-focus-border-top-width, 1px)\n var(--tct-input-focus-border-right-width, 1px)\n var(--tct-input-focus-border-bottom-width, 1px)\n var(--tct-input-focus-border-left-width, 1px);--comp-input-prefix-clearance:calc(\n 3 * var(--tct-input-prefix-font-size, 14px) + var(--tct-scale-1, 5px)\n );--comp-input-icon-clearance:34px;--comp-input-min-height:44px;border-width:var(--comp-input-border-width);border-style:solid;border-color:var(\n --tct-input-border-color,\n var(--t-input-border, var(--tct-gray-11, var(--t-gray-11, #cccccc)))\n );border-radius:var(--comp-input-border-radius);box-shadow:var(--tct-input-box-shadow, none);transition:border-width\n var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n border-color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n box-shadow var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)))}.input-field{flex:1;border:0;-webkit-appearance:none;appearance:none;box-sizing:border-box;min-height:var(--comp-input-min-height);height:var(--tct-input-height, 44px);width:100%;padding:0 var(--tct-input-horizontal-padding, var(--tct-scale-2, var(--app-scale-2, 10px)));background-color:var(\n --tct-input-bg,\n var(--t-input-bg, var(--tct-gray-14, var(--t-gray-14, #f2f2f2)))\n );color:var(--tct-input-font-color, var(--t-input-font-color, var(--t-text, inherit)))}input{display:inline-block}.input-field:focus{outline:none;box-shadow:none}.input-field::-webkit-outer-spin-button,.input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-field[type='number']{-moz-appearance:textfield}.input-container:focus-within{border-width:var(--comp-input-focus-border-width, 1px);border-color:var(\n --tct-input-focus-border-color,\n var(--t-input-focus, var(--tct-gray-9, var(--t-gray-9, #999999)))\n );box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff)),\n var(--tct-input-focus-box-shadow, 0 0 transparent)}input::-ms-clear{display:none}input[type='search']::-webkit-search-decoration,input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-results-button,input[type='search']::-webkit-search-results-decoration{display:none}input::placeholder,.placeholder-text{color:var(\n --tct-input-placeholder-font-color,\n var(\n --t-input-placeholder-font-color,\n var(--tct-gray-7, var(--t-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666))))\n )\n )}.pseudo-input{display:inline-flex;align-items:center}.pseudo-input span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-icons-container-left:empty{display:none}.input-icons-container-left{display:flex;flex-direction:row;align-items:center;gap:var(--comp-input-horizontal-gap);padding-left:var(--comp-input-horizontal-gap)}.input-icons-container-right:empty{display:none}.input-icons-container-right{display:flex;flex-direction:row;align-items:center;gap:var(--comp-input-horizontal-gap);padding-right:var(--comp-input-horizontal-gap)}.input-icons-container-right .btn-visibility-toggle{color:var(--tct-primary, var(--t-primary, #006eb2));font-size:12px}q2-icon{margin-top:calc(var(--tct-input-border-top-width, 1px) / 2);margin-bottom:calc(var(--tct-input-border-bottom-width, 1px) / 2);pointer-events:none;color:var(\n --tct-input-icon-stroke-primary,\n var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999)))\n );--tct-icon-stroke-primary:var(\n --tct-input-icon-stroke-primary,\n var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999))))\n );--t-icon-stroke-primary:var(\n --tct-input-icon-stroke-primary,\n var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999))))\n )}.icon-left-muted{opacity:0.5}.input-prefix,.input-suffix{margin-left:calc(var(--comp-input-horizontal-gap) * -1);margin-right:calc(var(--comp-input-horizontal-gap) * -1);width:3em;display:inline-flex;align-items:center;justify-content:center;min-height:calc(\n var(--comp-input-min-height) - var(--tct-input-focus-border-top-width, 1px) -\n var(--tct-input-focus-border-bottom-width, 1px)\n );height:calc(\n var(--tct-input-height, 44px) - var(--tct-input-focus-border-top-width, 1px) -\n var(--tct-input-focus-border-bottom-width, 1px)\n );font-size:var(--tct-input-prefix-font-size, inherit);color:var(--tct-input-prefix-font-color, inherit);background-color:var(\n --tct-input-prefix-bg,\n var(--tct-input-bg, var(--t-input-bg, var(--tct-gray-14, var(--t-gray-14, #f2f2f2))))\n );transition:color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n background-color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)))}.input-prefix{border-top-left-radius:calc(\n var(--comp-input-border-top-left-radius) - var(--tct-input-border-top-width, 1px) -\n var(--tct-input-border-left-width, 1px)\n );border-bottom-left-radius:calc(\n var(--comp-input-border-bottom-left-radius) - var(--tct-input-border-bottom-width, 1px) -\n var(--tct-input-border-left-width, 1px)\n );pointer-events:none;}.input-suffix{border-top-right-radius:calc(\n var(--comp-input-border-top-right-radius) - var(--tct-input-border-top-width, 1px) -\n var(--tct-input-border-right-width, 1px)\n );border-bottom-right-radius:calc(\n var(--comp-input-border-bottom-right-radius) - var(--tct-input-border-bottom-width, 1px) -\n var(--tct-input-border-right-width, 1px)\n )}.icon-error{color:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--t-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000))}.pw-show{position:absolute;margin-right:var(--tct-scale-2, var(--app-scale-2, 20px))}.btn-clear{margin-top:calc(var(--tct-input-border-top-width, 1px) / 2);margin-bottom:calc(var(--tct-input-border-bottom-width, 1px) / 2);height:22px;--tct-btn-icon-width:17px;--tct-btn-icon-height:22px;--tct-icon-size:17px}.messages-container{height:0px;overflow:hidden;background-color:var(\n --tct-message-bg,\n var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))\n );box-shadow:var(\n --tct-input-message-box-shadow,\n var(--tct-box-shadow-1, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3)))\n );transition:height\n var(--tct-input-messages-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease)));margin-top:2px;z-index:1;position:absolute;width:100%;color:var(--tct-input-messages-font-color, inherit)}:host([disabled]) .input-container{cursor:not-allowed;opacity:var(\n --tct-input-disabled-opacity,\n var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))\n )}.input-field[disabled]{cursor:not-allowed}.right-aligned .input-field{text-align:right}.has-error label{color:var(--tct-input-error-label-font-color, var(--tct-input-label-font-color, inherit))}.has-error:not(.has-focus) .input-prefix,.has-error:not(.has-focus) .input-suffix{color:var(--tct-input-error-prefix-font-color, inherit);background-color:var(\n --tct-input-error-prefix-bg,\n var(\n --tct-input-bg,\n var(\n --t-input-bg,\n var(--tct-gray-14, var(--app-var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))\n )\n )\n )}.has-error .input-container:not(:focus-within){border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000))}.icon-left{width:26px;height:26px}.vertical-separator{height:calc(var(--comp-input-min-height) - 2px);border-right:1px solid\n var(\n --tct-input-prefix-border-color,\n var(\n --tct-input-border-color,\n var(\n --t-input-border,\n var(\n --tct-gray-11,\n var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))\n )\n )\n )\n )}";export{K as q2_input}
package/dist/q2-tecton-elements/q2-tecton-elements.esm.js CHANGED
@@ -1 +1 @@
1
- import{p as e,b as a}from"./p-8e863fbc.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((e=>a([["p-12f6dc10",[[1,"q2-icon",{type:[513]}]]],["p-93799868",[[1,"q2-calendar",{value:[1537],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],optional:[516],disabled:[516],invalid:[1540],typeable:[516],placeholder:[513],buttonLabel:[513,"button-label"],disabledMsg:[513,"disabled-msg"],calendarLabel:[513,"calendar-label"],disclaimer:[513],displayFormat:[513,"display-format"],startDate:[513,"start-date"],endDate:[513,"end-date"],cutoffTime:[513,"cutoff-time"],daysOfWeekChecksum:[514,"days-of-week-checksum"],popDirection:[513,"pop-direction"],errors:[1040],invalidDates:[16],validDates:[16],onsuccess:[16],dropdownOpen:[32],keyboardSelection:[32],typedValue:[32],dateList:[32],hintMessage:[32],hintMessageType:[32]},[[0,"change","defaultChangeHandler"],[0,"error","defaultErrorHandler"],[0,"success","defaultSuccessHandler"]]]]],["p-1022a1c6",[[1,"q2-dropdown",{type:[513],icon:[513],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],disabled:[516],popDirection:[513,"pop-direction"],name:[513],context:[513],contextValue:[513,"context-value"],resolvedType:[513,"resolved-type"],dropdownOpen:[32]}]]],["p-e5e8eac3",[[1,"q2-select",{label:[513],hideLabel:[516,"hide-label"],value:[1025],ariaLabel:[513,"aria-label"],selectedOptions:[1032,"selected-options"],disabled:[516],invalid:[516],errors:[16],multiple:[516],minRows:[2,"min-rows"],popDirection:[513,"pop-direction"],searchable:[516],multilineOptions:[516,"multiline-options"],optional:[516],dropdownOpen:[32],onlyShowingSelected:[32],activeOptionId:[32],searchText:[32],hasCustomDisplay:[32],inputFocused:[32]},[[0,"change","onHostElementChange"],[0,"input","onHostElementInput"],[0,"click","clickHandler"],[0,"keydown","keydownHandler"]]]]],["p-72f9686c",[[1,"q2-editable-field",{value:[1537],editing:[1540],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],type:[513],formatModifier:[513,"format-modifier"],truncated:[513],maxlength:[514],persistentLabel:[516,"persistent-label"],hints:[16],errors:[16]},[[0,"change","onHostElementChange"]]]]],["p-7a952b02",[[1,"q2-section",{label:[513],collapsible:[516],noCollapseIcon:[516,"no-collapse-icon"],expanded:[1540],contentHeight:[32],hasYieldedHeader:[32]},[[0,"change","defaultChangeHandler"]]]]],["p-f1ec7948",[[1,"q2-avatar",{name:[513],initials:[513],src:[513],icon:[1],badSrc:[32]}]]],["p-89ae4f7b",[[4,"q2-carousel",{autoPlay:[516,"auto-play"],fullWidthPanes:[516,"full-width-panes"],hidePagination:[516,"hide-pagination"],showNavigationArrows:[516,"show-navigation-arrows"],ariaLabel:[513,"aria-label"],label:[513],index:[1538],universalCarouselOptions:[32],fullWidthDisplayOptions:[32],activePaneIndex:[32],applyFocus:[32],compactMode:[32],autoPlayInProgress:[32],carouselWrapperWidth:[32],tabIndex:[32]},[[0,"change","onHostElementChange"]]]]],["p-915ce8d8",[[1,"q2-checkbox",{checked:[1540],type:[513],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],indeterminate:[516],disabled:[516],value:[513],name:[513],hasError:[516,"has-error"],groupDisabled:[516,"group-disabled"],alignment:[513]},[[0,"change","defaultChangeHandler"]]]]],["p-ec245511",[[1,"q2-checkbox-group",{label:[513],value:[1040],disabled:[516],optional:[516],hasError:[516,"has-error"]},[[0,"change","onHostElementChange"]]]]],["p-b0cb8867",[[1,"q2-option",{display:[513],value:[513],disabled:[516],optionId:[513,"option-id"],disabledGroup:[516,"disabled-group"],selected:[516],hidden:[516],multiline:[516],active:[516],_multiSelectHidden:[516,"_multiselecthidden"]}]]],["p-0e9e5b53",[[1,"q2-radio-group",{label:[513],value:[1025],disabled:[516],name:[513],optional:[516],tilelayout:[516],tileAlignment:[513,"tile-alignment"],hasError:[516,"has-error"]},[[0,"change","onHostElementChange"]]]]],["p-5da60194",[[1,"q2-tab-container",{value:[1537],type:[513],name:[513],color:[513],noPrint:[516,"no-print"],hasLeft:[32],hasRight:[32],tabs:[32]},[[0,"change","defaultChangeHandler"],[9,"resize","onResize"],[0,"focus","onFocus"]]]]],["p-c6d4933e",[[1,"q2-textarea",{value:[1025],label:[513],hideLabel:[516,"hide-label"],hideMessages:[516,"hide-messages"],optional:[516],placeholder:[513],disabled:[516],readonly:[516],spellcheck:[516],maxlength:[1538],rows:[514],cols:[514],resize:[513],errors:[16],hints:[16],hasFocus:[32],downParams:[32]},[[0,"focus","onHostElementFocus"],[0,"change","onHostElementChange"]]]]],["p-d93abdce",[[4,"q2-carousel-pane",{index:[2],siblingCount:[2,"sibling-count"],hideFromScreenReader:[516,"hide-from-screen-reader"],isActivePane:[516,"is-active-pane"],label:[513]}]]],["p-905a22d5",[[0,"q2-loading-element",{shape:[513],width:[513],height:[513],borderRadius:[513,"border-radius"]}]]],["p-ccb8126f",[[1,"q2-loc",{value:[513],substitutions:[16]}]]],["p-dfe693e9",[[1,"q2-optgroup",{disabled:[516],label:[513],hidden:[32]}]]],["p-0c23d50a",[[4,"q2-radio",{label:[513],hideLabel:[516,"hide-label"],value:[513],disabled:[516],checked:[516],name:[513],ariaLabel:[513,"aria-label"],groupDisabled:[4,"group-disabled"],groupTileLayout:[4,"group-tile-layout"]},[[0,"click","onHostClick"]]]]],["p-3b80823a",[[1,"q2-tab-pane",{value:[513],label:[513],name:[513],selected:[516],index:[2],guid:[2]}]]],["p-1ece7876",[[1,"tecton-tab-pane",{value:[513],label:[513],name:[513],selected:[516],index:[2],guid:[2],provided:[516],url:[513],moduleId:[513,"module-id"],minHeight:[513,"min-height"],authPayload:[16],showForm:[4,"show-form"],_showForm:[32]}]]],["p-ed433950",[[1,"q2-dropdown-item",{disabled:[516],removable:[516],separator:[516],label:[513],ariaLabel:[513,"aria-label"],value:[513]},[[0,"focus","onHostElementFocus"]]]]],["p-076b95fd",[[1,"q2-message",{type:[513],appearance:[513],description:[516]}]]],["p-044827e2",[[1,"q2-input",{value:[1025],label:[513],hideLabel:[516,"hide-label"],type:[513],placeholder:[513],disabled:[516],autocomplete:[513],autocorrect:[513],autocapitalize:[513],hideMessages:[516,"hide-messages"],iconLeft:[513,"icon-left"],iconRight:[513,"icon-right"],readonly:[516],clearable:[516],optional:[516],formatModifier:[513,"format-modifier"],maxlength:[1538],pseudo:[516],showVisibilityToggle:[516,"show-visibility-toggle"],textHidden:[1540,"text-hidden"],ariaControls:[1,"aria-controls"],role:[1],ariaOwns:[1,"aria-owns"],ariaLabel:[513,"aria-label"],ariaHaspopup:[1,"aria-haspopup"],ariaExpanded:[4,"aria-expanded"],ariaActivedescendant:[8,"aria-activedescendant"],errors:[16],hints:[16],formattedValueObject:[32],hasFocus:[32]},[[0,"focus","onHostElementFocus"],[0,"change","onHostElementChange"]]]]],["p-dd33b297",[[0,"click-elsewhere"]]],["p-f6d2fa2f",[[1,"q2-btn",{ariaExpanded:[4,"aria-expanded"],ariaHasPopup:[8,"aria-has-popup"],ariaControls:[1,"aria-controls"],ariaSelected:[4,"aria-selected"],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],tabIndex:[2,"tab-index"],intent:[513],disabled:[516],type:[513],loading:[516],badge:[516],active:[516],fab:[516],iconPosition:[32]},[[2,"click","disable"],[0,"focus","delegateFocus"]]],[1,"q2-loading",{type:[513],shape:[513],modifiers:[513],counts:[513],label:[513],ariaLabel:[513,"aria-label"],inline:[516]}]]]],e)));
1
+ import{p as e,b as a}from"./p-8e863fbc.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((e=>a([["p-12f6dc10",[[1,"q2-icon",{type:[513]}]]],["p-93799868",[[1,"q2-calendar",{value:[1537],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],optional:[516],disabled:[516],invalid:[1540],typeable:[516],placeholder:[513],buttonLabel:[513,"button-label"],disabledMsg:[513,"disabled-msg"],calendarLabel:[513,"calendar-label"],disclaimer:[513],displayFormat:[513,"display-format"],startDate:[513,"start-date"],endDate:[513,"end-date"],cutoffTime:[513,"cutoff-time"],daysOfWeekChecksum:[514,"days-of-week-checksum"],popDirection:[513,"pop-direction"],errors:[1040],invalidDates:[16],validDates:[16],onsuccess:[16],dropdownOpen:[32],keyboardSelection:[32],typedValue:[32],dateList:[32],hintMessage:[32],hintMessageType:[32]},[[0,"change","defaultChangeHandler"],[0,"error","defaultErrorHandler"],[0,"success","defaultSuccessHandler"]]]]],["p-1022a1c6",[[1,"q2-dropdown",{type:[513],icon:[513],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],disabled:[516],popDirection:[513,"pop-direction"],name:[513],context:[513],contextValue:[513,"context-value"],resolvedType:[513,"resolved-type"],dropdownOpen:[32]}]]],["p-e5e8eac3",[[1,"q2-select",{label:[513],hideLabel:[516,"hide-label"],value:[1025],ariaLabel:[513,"aria-label"],selectedOptions:[1032,"selected-options"],disabled:[516],invalid:[516],errors:[16],multiple:[516],minRows:[2,"min-rows"],popDirection:[513,"pop-direction"],searchable:[516],multilineOptions:[516,"multiline-options"],optional:[516],dropdownOpen:[32],onlyShowingSelected:[32],activeOptionId:[32],searchText:[32],hasCustomDisplay:[32],inputFocused:[32]},[[0,"change","onHostElementChange"],[0,"input","onHostElementInput"],[0,"click","clickHandler"],[0,"keydown","keydownHandler"]]]]],["p-72f9686c",[[1,"q2-editable-field",{value:[1537],editing:[1540],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],type:[513],formatModifier:[513,"format-modifier"],truncated:[513],maxlength:[514],persistentLabel:[516,"persistent-label"],hints:[16],errors:[16]},[[0,"change","onHostElementChange"]]]]],["p-7a952b02",[[1,"q2-section",{label:[513],collapsible:[516],noCollapseIcon:[516,"no-collapse-icon"],expanded:[1540],contentHeight:[32],hasYieldedHeader:[32]},[[0,"change","defaultChangeHandler"]]]]],["p-f1ec7948",[[1,"q2-avatar",{name:[513],initials:[513],src:[513],icon:[1],badSrc:[32]}]]],["p-89ae4f7b",[[4,"q2-carousel",{autoPlay:[516,"auto-play"],fullWidthPanes:[516,"full-width-panes"],hidePagination:[516,"hide-pagination"],showNavigationArrows:[516,"show-navigation-arrows"],ariaLabel:[513,"aria-label"],label:[513],index:[1538],universalCarouselOptions:[32],fullWidthDisplayOptions:[32],activePaneIndex:[32],applyFocus:[32],compactMode:[32],autoPlayInProgress:[32],carouselWrapperWidth:[32],tabIndex:[32]},[[0,"change","onHostElementChange"]]]]],["p-915ce8d8",[[1,"q2-checkbox",{checked:[1540],type:[513],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],indeterminate:[516],disabled:[516],value:[513],name:[513],hasError:[516,"has-error"],groupDisabled:[516,"group-disabled"],alignment:[513]},[[0,"change","defaultChangeHandler"]]]]],["p-ec245511",[[1,"q2-checkbox-group",{label:[513],value:[1040],disabled:[516],optional:[516],hasError:[516,"has-error"]},[[0,"change","onHostElementChange"]]]]],["p-b0cb8867",[[1,"q2-option",{display:[513],value:[513],disabled:[516],optionId:[513,"option-id"],disabledGroup:[516,"disabled-group"],selected:[516],hidden:[516],multiline:[516],active:[516],_multiSelectHidden:[516,"_multiselecthidden"]}]]],["p-0e9e5b53",[[1,"q2-radio-group",{label:[513],value:[1025],disabled:[516],name:[513],optional:[516],tilelayout:[516],tileAlignment:[513,"tile-alignment"],hasError:[516,"has-error"]},[[0,"change","onHostElementChange"]]]]],["p-5da60194",[[1,"q2-tab-container",{value:[1537],type:[513],name:[513],color:[513],noPrint:[516,"no-print"],hasLeft:[32],hasRight:[32],tabs:[32]},[[0,"change","defaultChangeHandler"],[9,"resize","onResize"],[0,"focus","onFocus"]]]]],["p-c6d4933e",[[1,"q2-textarea",{value:[1025],label:[513],hideLabel:[516,"hide-label"],hideMessages:[516,"hide-messages"],optional:[516],placeholder:[513],disabled:[516],readonly:[516],spellcheck:[516],maxlength:[1538],rows:[514],cols:[514],resize:[513],errors:[16],hints:[16],hasFocus:[32],downParams:[32]},[[0,"focus","onHostElementFocus"],[0,"change","onHostElementChange"]]]]],["p-d93abdce",[[4,"q2-carousel-pane",{index:[2],siblingCount:[2,"sibling-count"],hideFromScreenReader:[516,"hide-from-screen-reader"],isActivePane:[516,"is-active-pane"],label:[513]}]]],["p-905a22d5",[[0,"q2-loading-element",{shape:[513],width:[513],height:[513],borderRadius:[513,"border-radius"]}]]],["p-ccb8126f",[[1,"q2-loc",{value:[513],substitutions:[16]}]]],["p-dfe693e9",[[1,"q2-optgroup",{disabled:[516],label:[513],hidden:[32]}]]],["p-0c23d50a",[[4,"q2-radio",{label:[513],hideLabel:[516,"hide-label"],value:[513],disabled:[516],checked:[516],name:[513],ariaLabel:[513,"aria-label"],groupDisabled:[4,"group-disabled"],groupTileLayout:[4,"group-tile-layout"]},[[0,"click","onHostClick"]]]]],["p-3b80823a",[[1,"q2-tab-pane",{value:[513],label:[513],name:[513],selected:[516],index:[2],guid:[2]}]]],["p-98bb1355",[[1,"tecton-tab-pane",{value:[513],label:[513],name:[513],selected:[516],index:[2],guid:[2],provided:[516],url:[513],moduleId:[513,"module-id"],minHeight:[513,"min-height"],authPayload:[16],showForm:[4,"show-form"],_showForm:[32]}]]],["p-ed433950",[[1,"q2-dropdown-item",{disabled:[516],removable:[516],separator:[516],label:[513],ariaLabel:[513,"aria-label"],value:[513]},[[0,"focus","onHostElementFocus"]]]]],["p-076b95fd",[[1,"q2-message",{type:[513],appearance:[513],description:[516]}]]],["p-9f328dbd",[[1,"q2-input",{value:[1025],label:[513],hideLabel:[516,"hide-label"],type:[513],placeholder:[513],disabled:[516],autocomplete:[513],autocorrect:[513],autocapitalize:[513],hideMessages:[516,"hide-messages"],iconLeft:[513,"icon-left"],iconRight:[513,"icon-right"],readonly:[516],clearable:[516],optional:[516],formatModifier:[513,"format-modifier"],maxlength:[1538],pseudo:[516],showVisibilityToggle:[516,"show-visibility-toggle"],textHidden:[1540,"text-hidden"],ariaControls:[1,"aria-controls"],role:[1],ariaOwns:[1,"aria-owns"],ariaLabel:[513,"aria-label"],ariaHaspopup:[1,"aria-haspopup"],ariaExpanded:[4,"aria-expanded"],ariaActivedescendant:[8,"aria-activedescendant"],errors:[16],hints:[16],formattedValueObject:[32],hasFocus:[32]},[[0,"focus","onHostElementFocus"],[0,"change","onHostElementChange"]]]]],["p-dd33b297",[[0,"click-elsewhere"]]],["p-54cbd826",[[1,"q2-btn",{ariaExpanded:[4,"aria-expanded"],ariaHasPopup:[8,"aria-has-popup"],ariaControls:[1,"aria-controls"],ariaSelected:[4,"aria-selected"],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],tabIndex:[2,"tab-index"],intent:[513],disabled:[516],type:[513],loading:[516],badge:[516],active:[516],fab:[516],iconPosition:[32]},[[2,"click","disable"],[0,"focus","delegateFocus"]]],[1,"q2-loading",{type:[513],shape:[513],modifiers:[513],counts:[513],label:[513],ariaLabel:[513,"aria-label"],inline:[516]}]]]],e)));
package/dist/types/components/q2-input/formatting/phone.d.ts CHANGED
@@ -340,6 +340,14 @@ export declare const phoneNumberFormats: {
340
340
  mask: string;
341
341
  prefix: string;
342
342
  };
343
+ HN: {
344
+ mask: string;
345
+ prefix: string;
346
+ };
347
+ HT: {
348
+ mask: string;
349
+ prefix: string;
350
+ };
343
351
  HU: {
344
352
  mask: string;
345
353
  prefix: string;
package/dist/types/components/tecton-tab-pane/index.d.ts CHANGED
@@ -18,6 +18,7 @@ export declare class TectonTabPane implements ComponentInterface {
18
18
  _showForm: boolean;
19
19
  hostElement: HTMLElement;
20
20
  get iframeTitle(): string;
21
+ componentWillLoad(): void;
21
22
  componentDidRender(): void;
22
23
  selectedObserver(): void;
23
24
  onIFrameLoad: (event: Event) => void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "q2-tecton-elements",
3
- "version": "1.9.5",
3
+ "version": "1.9.9",
4
4
  "description": "Q2 Tecton Custom Elements",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -49,5 +49,5 @@
49
49
  "smoothscroll-polyfill": "^0.4.4",
50
50
  "swiper": "5.3.8"
51
51
  },
52
- "gitHead": "9852d7d0688cf2115724416d0d7d7224d1a7b9d7"
52
+ "gitHead": "ca0456a2b9b65040ec6da1b89aa96a506de68f7f"
53
53
  }
package/dist/q2-tecton-elements/p-044827e2.entry.js DELETED
@@ -1 +0,0 @@
1
- import{r as a,c as r,h as t,g as e}from"./p-8e863fbc.js";import{c as i,a as s,h as o,l as p,m as n,b as c}from"./p-0feefe56.js";function f(a="",r={prefix:"",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:"",allowDecimal:!1,allowNegative:!0},t=!1){const e="-"===a[0];let i=a;const s=!!r.allowDecimal&&!!r.decimals;if(t){const a=i.replace(/[^\d.]/g,"");i=a&&Number(a).toFixed(s?r.decimals:0)||""}i=i.replace(/[^\d]/g,"");let{integerString:o,decimalString:p}=function(a,r=!1,t){if(!r)return{integerString:a,decimalString:""};const e=a.length-t;let i=a.substring(0,e).padStart(1,"0");i.length>1&&"0"===i[0]&&(i=i.substring(1));return{integerString:i,decimalString:a.substring(e).padStart(t,"0")}}(i,s,r.decimals),n=r.decimalSeparator;s||(n="",p="");const c=r.allowNegative&&e?"-":"";i=`${c}${o}${n}${p}`,o=o.replace(/\B(?=(\d{3})+(?!\d))/g,r.thousandsSeparator);const f=c||o?`${c}${o}${n}${p}`:"";let d=f.length-i.length;return n&&(d+=r.decimalSeparator.length),{value:i,formattedValue:f,fullyFormattedValue:c||o?`${c}${r.prefix}${o}${n}${p}${r.suffix}`:"",prefix:r.prefix||r.suffix,suffix:"",formattingCharacterCount:d,maxlength:Number.MAX_SAFE_INTEGER.toString().length+d+p.length,unformattedValue:`${o.replace(/[^0-9]/g,"")}${p}`.replace(/^0+/,"")}}function d(a="",r="",t){const e=t&&t.prefix||"",i=t&&t.suffix||"";if(!a||!r)return{value:a,formattedValue:a,fullyFormattedValue:`${e}${a}${i}`,prefix:e.trim()||i.trim(),formattingCharacterCount:0,unformattedValue:a};const{unformattedValue:s,formattedValue:o,formattingCharacterCount:p}=function(a,r){const t=r.split("");let e=function(a){let r=u.join("|"),t=a.replace(new RegExp(`[${r}]`,"g"),"").split("");return new Set(t)}(r),i=0,s=0,o="";const p=t.reduce(((r,t)=>{if(i>=a.length)return r;if(function(a){return l.includes(a)}(t)&&m(a[i],e))return r;if(function(a){return u.includes(a)}(t)){if(i=x(a,i,e),i>=a.length)return r;const s=function(a,r){switch(r){case"#":a=a.replace(/[^\d]/g,"");break;case"@":a=a.toUpperCase().replace(/[^A-Z]+/g,"");break;case"*":a=a.toUpperCase().replace(/[^\dA-Z]+/g,"");break;case"?":a=a.replace(/[^\d]/g,"");break;default:return a}return a}(a[i],t);r+=s,o+=s,i++}else r+=t,s++,t===a[i]&&i++;return r}),"");return{unformattedValue:o,formattedValue:p,formattingCharacterCount:s}}(a,r),n=`${e}${o}${i}`,c=r.length,f=function(a,r,t){return a.replace(new RegExp(`[${l.join("|")}]`,"g"),"").length+r.length+t.length}(r,e,i);return{value:s,formattedValue:o,fullyFormattedValue:n,prefix:e.trim()||i.trim(),formattingCharacterCount:p,maxlength:c,minFormattedLength:f,unformattedValue:s}}const l=["?"],u=["#","@","*",...l];function m(a,r){return r.has(a)}function x(a,r,t){return m(a[r],t)?x(a,++r,t):r}const h={AED:{prefix:"",suffix:"د.إ",decimals:2,decimalSeparator:".",thousandsSeparator:","},AFN:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ALL:{prefix:"L",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},AMD:{prefix:"դր.",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ANG:{prefix:"ƒ",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},AOA:{prefix:"Kz",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ARS:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},AUD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},AWG:{prefix:"ƒ",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},AZN:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BAM:{prefix:"КМ",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BBD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BDT:{prefix:"৳",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BGN:{prefix:"৳",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BHD:{prefix:"",suffix:"ب.د",decimals:3,decimalSeparator:".",thousandsSeparator:","},BIF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},BMD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BND:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BOB:{prefix:"Bs.",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BRL:{prefix:"R$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BSD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BTN:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BWP:{prefix:"P",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BYN:{prefix:"Br",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},BZD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CAD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CDF:{prefix:"Fr",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CHF:{prefix:"Fr",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CLF:{prefix:"Fr",suffix:"",decimals:4,decimalSeparator:".",thousandsSeparator:","},CLP:{prefix:"$",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},CNY:{prefix:"¥",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},COP:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CRC:{prefix:"₡",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CUC:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CUP:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CVE:{prefix:"$",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},CZK:{prefix:"Kč",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},DJF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},DKK:{prefix:"kr",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},DOP:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},DZD:{prefix:"",suffix:"د.ج",decimals:2,decimalSeparator:".",thousandsSeparator:","},EEK:{prefix:"KR",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},EGP:{prefix:"£",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ERN:{prefix:"Nfk",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ETB:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},EUR:{prefix:"€",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},FJD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},FKP:{prefix:"£",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},GBP:{prefix:"£",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},GEL:{prefix:"ლ",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},GHS:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},GIP:{prefix:"£",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},GMD:{prefix:"D",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},GNF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},GTQ:{prefix:"Q",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},GYD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},HKD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},HNL:{prefix:"L",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},HRK:{prefix:"kn",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},HTG:{prefix:"G",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},HUF:{prefix:"Ft",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},IDR:{prefix:"Rs",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ILS:{prefix:"₪",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},INR:{prefix:"₨",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},IQD:{prefix:"",suffix:"ع.د",decimals:3,decimalSeparator:".",thousandsSeparator:","},IRR:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ISK:{prefix:"kr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},JMD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},JOD:{prefix:"",suffix:"د.ا",decimals:3,decimalSeparator:".",thousandsSeparator:","},JPY:{prefix:"¥",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},KES:{prefix:"Sh",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},KGS:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},KHR:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},KMF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},KPW:{prefix:"₩",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},KRW:{prefix:"₩",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},KWD:{prefix:"د.ك",suffix:"",decimals:3,decimalSeparator:".",thousandsSeparator:","},KYD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},KZT:{prefix:"〒",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},LAK:{prefix:"₭",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},LBP:{prefix:"",suffix:"ل.ل",decimals:2,decimalSeparator:".",thousandsSeparator:","},LKR:{prefix:"Rs",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},LRD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},LSL:{prefix:"L",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},LTL:{prefix:"Lt",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},LVL:{prefix:"Ls",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},LYD:{prefix:"",suffix:"ل.د",decimals:3,decimalSeparator:".",thousandsSeparator:","},MAD:{prefix:"",suffix:"د.م.",decimals:2,decimalSeparator:".",thousandsSeparator:","},MDL:{prefix:"L",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MGA:{prefix:"¤",suffix:"",decimals:1,decimalSeparator:".",thousandsSeparator:","},MKD:{prefix:"ден",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MMK:{prefix:"K",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MNT:{prefix:"₮",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MOP:{prefix:"P",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MRU:{prefix:"UM",suffix:"",decimals:1,decimalSeparator:".",thousandsSeparator:","},MUR:{prefix:"₨",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MVR:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MWK:{prefix:"MK",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MXN:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MYR:{prefix:"RM",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MZN:{prefix:"MTn",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},NAD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},NGN:{prefix:"₦",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},NIO:{prefix:"C$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},NOK:{prefix:"kr",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},NPR:{prefix:"₨",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},NZD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},OMR:{prefix:"",suffix:"ر.ع.",decimals:3,decimalSeparator:".",thousandsSeparator:","},PAB:{prefix:"B/.",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},PEN:{prefix:"S/.",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},PGK:{prefix:"K",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},PHP:{prefix:"p",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},PKR:{prefix:"₨",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},PLN:{prefix:"zł",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},PYG:{prefix:"¤",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},QAR:{prefix:"",suffix:"ر.ق",decimals:2,decimalSeparator:".",thousandsSeparator:","},RON:{prefix:"L",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},RSD:{prefix:"дин.",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},RUB:{prefix:"руб.",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},RWF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},SAR:{prefix:"",suffix:"ر.س",decimals:2,decimalSeparator:".",thousandsSeparator:","},SBD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SCR:{prefix:"₨",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SDG:{prefix:"£",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SEK:{prefix:"kr",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SGD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SHP:{prefix:"£",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SKK:{prefix:"Sk",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SLL:{prefix:"Le",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SOS:{prefix:"Sh",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SRD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},STN:{prefix:"Db",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SVC:{prefix:"₡",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SYP:{prefix:"£",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SZL:{prefix:"L",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},THB:{prefix:"฿",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},TJS:{prefix:"ЅМ",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},TMM:{prefix:"m",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},TND:{prefix:"",suffix:"د.ت",decimals:3,decimalSeparator:".",thousandsSeparator:","},TOP:{prefix:"T$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},TRY:{prefix:"YTL",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},TTD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},TWD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},TZS:{prefix:"Sh",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},UAH:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},UGX:{prefix:"Sh",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},USD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},UYU:{prefix:"$",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},UZS:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},VEF:{prefix:"Bs F",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},VND:{prefix:"₫",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},VUV:{prefix:"Vt",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},WST:{prefix:"T",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},XAF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},XCD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},XOF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},XPF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},YER:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ZAR:{prefix:"R",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ZMW:{prefix:"ZK",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ZWD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","}};function S(a,r="USD",t=!1){let e=r||"",i=!0;e.includes("-integer")&&(e=e.split("-integer")[0],i=!1);const s=h[e];return s?f(a,Object.assign(Object.assign({},s),{allowDecimal:i&&s.decimals>0,allowNegative:!1}),t):d(a)}const v={AF:{mask:"(##) #######",prefix:"+93 "},AL:{mask:"#######",prefix:"+355 "},DZ:{mask:"(##) ###-###",prefix:"+213 "},AD:{mask:"(#) #####",prefix:"+376 "},AO:{mask:"#########",prefix:"+244 "},AI:{mask:"(###) ###-####",prefix:"+1 "},AG:{mask:"(###) ###-####",prefix:"+1 "},AR:{mask:"##########",prefix:"+54 "},AM:{mask:"########",prefix:"+375 "},AQ:{mask:"##-####",prefix:"+672 "},AW:{mask:"###-####",prefix:"+297 "},AU:{mask:"(##) ####-####",prefix:"+61 "},AT:{mask:"#############",prefix:"+43 "},AZ:{mask:"#########",prefix:"+994 "},BS:{mask:"(###) ###-####",prefix:"+1 "},BH:{mask:"####-####",prefix:"+973 "},BD:{mask:"#########",prefix:"+880 "},BB:{mask:"(###) ###-####",prefix:"+1 "},BY:{mask:"#########",prefix:"+375 "},BE:{mask:"########??",prefix:"+32 "},BZ:{mask:"#######",prefix:"+501 "},BJ:{mask:"(##) ###-###",prefix:"+229 "},BM:{mask:"(###) ###-####",prefix:"+1 "},BT:{mask:"(#) ###-###",prefix:"+975 "},BO:{mask:"(#) ###-####",prefix:"+591 "},BA:{mask:"(##) ##-##-##",prefix:"+387 "},BW:{mask:"########",prefix:"+267 "},BR:{mask:"(##) ####-####",prefix:"+55 "},BN:{mask:"###-####",prefix:"+673 "},BG:{mask:"#######?",prefix:"+359 "},BF:{mask:"##-##-##-##",prefix:"+226 "},BI:{mask:"####-####",prefix:"+257 "},KH:{mask:"(##) ######",prefix:"+855 "},CM:{mask:"####-####",prefix:"+237 "},CA:{mask:"(###) ###-####",prefix:"+1 "},CV:{mask:"###-####",prefix:"+238 "},KY:{mask:"(###) ###-####",prefix:"+1 "},CF:{mask:"###-###",prefix:"+236 "},TD:{mask:"###-##-##",prefix:"+235 "},CL:{mask:"#########",prefix:"+56 "},CN:{mask:"###########",prefix:"+86 "},CO:{mask:"##########",prefix:"57 "},KM:{mask:"###-####",prefix:"+269 "},CD:{mask:"###-####",prefix:"+243 "},CG:{mask:"###-####",prefix:"+242 "},CR:{mask:"####-####",prefix:"+506 "},CI:{mask:"####-####",prefix:"+225 "},HR:{mask:"########?",prefix:"+385 "},CU:{mask:"###########",prefix:"+53 "},CY:{mask:"####-####",prefix:"+357 "},CZ:{mask:"#########",prefix:"+420 "},DK:{mask:"####-####",prefix:"+45 "},DJ:{mask:"##-##-##-##",prefix:"+253 "},DM:{mask:"(###) ###-####",prefix:"+1 "},DO:{mask:"(###) ###-####",prefix:"+1 "},TL:{mask:"###-####",prefix:"+670 "},EC:{mask:"(##) ###-####",prefix:"+593 "},EG:{mask:"##########",prefix:"+20 "},SV:{mask:"####-####",prefix:"+503 "},GQ:{mask:"##-####",prefix:"+240 "},EE:{mask:"#######?",prefix:"+372 "},ET:{mask:"(##) ###-####",prefix:"+251 "},FK:{mask:"#####",prefix:"+500 "},FO:{mask:"######",prefix:"+298 "},FJ:{mask:"###-####",prefix:"+679 "},FI:{mask:"############",prefix:"+358 "},FR:{mask:"#########",prefix:"+33 "},GF:{mask:"##########",prefix:"+594 "},PF:{mask:"######",prefix:"+689 "},GA:{mask:"######?",prefix:"+241 "},GM:{mask:"###-####",prefix:"+220 "},GE:{mask:"########",prefix:"+995 "},DE:{mask:"###########",prefix:"+49 "},GH:{mask:"#########",prefix:"+233 "},GI:{mask:"####-####",prefix:"+350 "},GR:{mask:"##########",prefix:"+30 "},GL:{mask:"###-###",prefix:"+299 "},GD:{mask:"(###) ###-####",prefix:"+1 "},GP:{mask:"##########",prefix:"+590 "},GU:{mask:"(###) ###-####",prefix:"+1 "},GT:{mask:"####-####",prefix:"+502 "},GN:{mask:"####-####",prefix:"+224 "},GW:{mask:"###-####",prefix:"+245 "},GY:{mask:"(###) ####",prefix:"+592 "},HK:{mask:"####-####",prefix:"+509 "},HU:{mask:"########??",prefix:"+36 "},IS:{mask:"#########",prefix:"+354 "},IN:{mask:"##########",prefix:"+91 "},ID:{mask:"##########",prefix:"+62 "},IR:{mask:"##########",prefix:"+98 "},IQ:{mask:"##########",prefix:"+964 "},IE:{mask:"#########",prefix:"+353 "},IL:{mask:"#########",prefix:"+972 "},IT:{mask:"##########",prefix:"+39 "},JM:{mask:"(###) ###-####",prefix:"+1 "},JP:{mask:"#########",prefix:"+81 "},JO:{mask:"#########",prefix:"+962 "},KZ:{mask:"(###) ####-###",prefix:"+7 "},KE:{mask:"##########",prefix:"+254 "},KI:{mask:"##-###",prefix:"+686 "},KR:{mask:"##########",prefix:"+82 "},KW:{mask:"####-####",prefix:"+965 "},KG:{mask:"#########",prefix:"+996 "},LA:{mask:"########?",prefix:"+856 "},LV:{mask:"####-####",prefix:"+371 "},LB:{mask:"#######?",prefix:"+961 "},LS:{mask:"##-###-###",prefix:"+266 "},LY:{mask:"########?",prefix:"+218 "},LI:{mask:"###-####",prefix:"+423 "},LT:{mask:"########",prefix:"+370 "},LU:{mask:"###########",prefix:"+352 "},MO:{mask:"####-####",prefix:"+853 "},MK:{mask:"########",prefix:"+389 "},MG:{mask:"##-##-###-##",prefix:"+261 "},MW:{mask:"#########",prefix:"+265 "},MY:{mask:"##########",prefix:"+60 "},MV:{mask:"###-####",prefix:"+960 "},ML:{mask:"####-####",prefix:"+223 "},MT:{mask:"##-##-##-##",prefix:"+356 "},MH:{mask:"###-####",prefix:"+692 "},MQ:{mask:"###-######",prefix:"+596 "},MU:{mask:"###-####",prefix:"+230 "},MX:{mask:"(###) ###-####",prefix:"+52 "},MD:{mask:"########",prefix:"+373 "},MC:{mask:"####-####",prefix:"+377 "},MN:{mask:"###########",prefix:"+976 "},MS:{mask:"(###) ###-####",prefix:"+1 "},MA:{mask:"##-###-####",prefix:"+212 "},MZ:{mask:"#########",prefix:"+258 "},MM:{mask:"########",prefix:"+95 "},NA:{mask:"##########",prefix:"+264 "},NP:{mask:"##########",prefix:"+977 "},NL:{mask:"#########",prefix:"+31 "},AN:{mask:"########",prefix:"+599 "},NC:{mask:"###-###",prefix:"+687 "},NZ:{mask:"##########",prefix:"+64 "},NI:{mask:"####-####",prefix:"+505 "},NE:{mask:"##-###-###",prefix:"+227 "},NG:{mask:"##########",prefix:"+234 "},MP:{mask:"(###) ###-####",prefix:"+1 "},NO:{mask:"####-####",prefix:"+47 "},OM:{mask:"####-####",prefix:"+968 "},PK:{mask:"##########",prefix:"+92 "},PW:{mask:"###-####",prefix:"+680 "},PA:{mask:"########",prefix:"+507 "},PG:{mask:"########",prefix:"+675 "},PE:{mask:"###########",prefix:"+51 "},PH:{mask:"##########",prefix:"+63 "},PL:{mask:"#########",prefix:"+48 "},PT:{mask:"#-####-####",prefix:"+351 "},PR:{mask:"(###) ###-####",prefix:"+1 "},QA:{mask:"###-####",prefix:"+974 "},RE:{mask:"###-###-###",prefix:"+262 "},RO:{mask:"#########",prefix:"+40 "},RU:{mask:"##########",prefix:"+7 "},RW:{mask:"###-###-###",prefix:"+250 "},SH:{mask:"#-###",prefix:"+290 "},KN:{mask:"(###) ###-####",prefix:"+1 "},LC:{mask:"(###) ###-####",prefix:"+1 "},VC:{mask:"(###) ###-####",prefix:"+1 "},ST:{mask:"##-####",prefix:"+239 "},SA:{mask:"#########",prefix:"+966 "},SN:{mask:"##-###-####",prefix:"+221 "},SC:{mask:"###-###",prefix:"+248 "},SL:{mask:"(##) ###-###",prefix:"+232 "},SG:{mask:"####-####",prefix:"+65 "},SK:{mask:"#########",prefix:"+421 "},SI:{mask:"########",prefix:"+386 "},SB:{mask:"##-###",prefix:"+677 "},ZA:{mask:"(##) ###-####",prefix:"+27 "},ES:{mask:"###-###-###",prefix:"+34 "},LK:{mask:"(##) ###-####",prefix:"+94 "},SD:{mask:"##-###-####",prefix:"+249 "},SR:{mask:"######?",prefix:"+597 "},SZ:{mask:"###-####",prefix:"+268 "},SE:{mask:"###########",prefix:"+46 "},CH:{mask:"(##) ###-####",prefix:"+41 "},SY:{mask:"#########",prefix:"+963 "},TJ:{mask:"#########",prefix:"+992 "},TZ:{mask:"#########",prefix:"+255 "},TH:{mask:"#########",prefix:"+66 "},TG:{mask:"###-####",prefix:"+228 "},TT:{mask:"(###) ###-####",prefix:"+1 "},TN:{mask:"##-###-###",prefix:"+216 "},TR:{mask:"(###) ###-####",prefix:"+90 "},TM:{mask:"########",prefix:"+993 "},TC:{mask:"(###) ###-####",prefix:"+1 "},UG:{mask:"#########",prefix:"+256 "},UA:{mask:"(##) ###-####",prefix:"+380 "},AE:{mask:"#########",prefix:"+971 "},GB:{mask:"#############",prefix:"+44 "},UY:{mask:"########?",prefix:"+598 "},UZ:{mask:"(##) ###-####",prefix:"+998 "},VE:{mask:"(###) ###-####",prefix:"+58 "},VN:{mask:"#######????",prefix:"+84 "},VG:{mask:"(###) ###-####",prefix:"+1 "},VI:{mask:"(###) ###-####",prefix:"+1 "},YE:{mask:"#########",prefix:"+967 "},ZM:{mask:"#########",prefix:"+260 "},ZW:{mask:"#########",prefix:"+263 "},AC:{mask:"####",prefix:"+247 "},ME:{mask:"(##) ###-####",prefix:"+382 "},PS:{mask:"#########",prefix:"+970 "},RS:{mask:"#########",prefix:"+381 "},TW:{mask:"#########",prefix:"+886 "},CW:{mask:"#-###-####",prefix:"+599 "},US:{mask:"(###) ###-####",prefix:""}};function b(a,r="US"){const{mask:t,prefix:e}=v[r]||v.US;return d(a||"",t,{prefix:e})}function g(a){return d(a,"###-##-####")}function k(a){return d((a||"").replace(/[^\da-zA-Z]/g,""))}function w(a,r){let t=a||"";return t=t.replace("spaced"===r?/[^a-zA-Z ]/g:/[^a-zA-Z]/g,""),d(t)}const M={delimited:{prefix:"",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:",",allowDecimal:!1,allowNegative:!0},integer:{prefix:"",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:"",allowDecimal:!0,allowNegative:!0},dec:{prefix:"",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:",",allowDecimal:!0,allowNegative:!0}};function y(a){let r;a.includes("dec")&&(r=Number(a.replace("dec","")),a="dec");let t=M[a];if(t)return t=Object.assign({},t),r&&(t.decimals=r),t}function D(a="",r="",t=!1){const e=y(r);return e?f(a,e,t):d((a||"").replace(/[^\d.,-]/g,""))}function C(a="",r="",t=!1){let e=y(r);return e?(e.suffix="%",f(a,e,t)):d((a||"").replace(/[^\d.,-]/g,""),void 0,{suffix:"%"})}const Y={AF:"####",AL:"####",DZ:"#####",AC:"ASCN 1ZZ",AD:"AD###",AR:"####","AR+":"@####@@@",AI:"AI-2640",AM:"####",AS:"#####","AS+4":"#####-####",AU:"####",AT:"####",AZ:"AZ ####",BH:"###?",BD:"####",BB:"BB#####",BY:"######",BE:"####",BM:"@@ **",BT:"#####",BA:"######",BR:"#####","BR+3":"#####-###",VG:"VG####",BN:"@@####",BG:"####",KH:"#####",KY:"KY#-####",CA:"@#@ #@#",CL:"###-####",CN:"######",CX:"####",CC:"####",CO:"######",CR:"#####","CR+4":"#####-####",CV:"####",HR:"#####",CU:"#####",CY:"####",CZ:"### ##",DK:"####",DO:"#####",EC:"######",SV:"####",EG:"#####",EE:"#####",ET:"####",FK:"FIQQ 1ZZ",FO:"###",FI:"#####",FR:"#####",GF:"973##",PF:"987##",GI:"GX11 1AA",GE:"####",DE:"#####",GR:"### ##",GL:"####",GP:"971##",GU:"#####","GU+4":"#####-####",GT:"#####",GG:"GY#? #@@",GN:"###",GS:"SIQQ 1ZZ",GW:"####",HT:"####",HN:"@@####","HN-":"#####",HU:"####",IS:"###",IN:"### ###",ID:"#####",IE:"*** ****",IR:"##########",IQ:"#####",IM:"IM#? #@@",IL:"#######",IT:"#####",JM:"##",JP:"###-####",JE:"JE#? #@@",JO:"#####",KZ:"######",KE:"#####",KR:"#####",KN:"KN####",XK:"#####",KW:"#####",KG:"######",LA:"#####",LV:"LV-####",LB:"####? ????",LS:"###",LR:"####",LI:"####",LT:"#####",LU:"####",MK:"####",MG:"###",MY:"#####",MV:"#####",MT:"@@@ ####",MH:"#####","MH+4":"#####-####",MU:"#####",MQ:"972##",MW:"######",YT:"976##",MX:"#####",FM:"#####","FM+4":"#####-####",MD:"####",MC:"980##",MN:"#####",ME:"#####",MA:"#####",MZ:"####",MM:"#####",NA:"#####",NP:"#####",NC:"988##",NZ:"####",NI:"#####",NE:"####",NG:"######",NF:"####",MP:"#####",NO:"####",OM:"###",PK:"#####",PW:"#####","PW+4":"#####-####",PS:"###",PA:"####",PG:"###",PY:"####",PE:"#####","PE+":"####",PH:"####",PL:"##-###",PT:"####","PT+3":"####-###",PR:"#####","PR+4":"#####-####",RE:"974##",PM:"975##",PN:"PCRN 1ZZ",RO:"######",RU:"######",LC:"LC## ###",VC:"####",WS:"####",SM:"4879#",SA:"#####","SA+4":"#####-####",SN:"#####",RS:"#####",SG:"######",SH:"@@@@ 1ZZ",SK:"### ##",SI:"####",SO:"@@ #####",ZA:"####",ES:"#####",LK:"#####",SD:"#####",SZ:"@###",SE:"### ##",CH:"####",SJ:"####",TW:"###","TW+2":"###-##?",TJ:"######",TZ:"#####",TH:"#####",TT:"######",TN:"####",TR:"#####",TM:"######",UA:"#####",UY:"#####",VI:"#####","VI+4":"#####-####",UZ:"######",VE:"####","VE-":"####-@",VN:"#####?",YU:"#####",WF:"986##",ZM:"#####",US:"#####","US+4":"#####-####"};function L(a,r="US"){const t=Y[r];return t?d(a,t):k(a)}const $={"MM/DD/YYYY":"##/##/####","M/D/YYYY":"#?/#?/####","MM/DD/YY":"##/##/##","M/D/YY":"#?/#?/##","MM/YY":"##/##","M/YY":"#?/##","DD/MM/YYYY":"##/##/####","D/M/YYYY":"#?/#?/####","DD/MM/YY":"##/##/##","D/M/YY":"#?/#?/##","MM-DD-YYYY":"##-##-####","M-D-YYYY":"#?-#?-####","MM-DD-YY":"##-##-##","M-D-YY":"#?-#?-##","MM-YY":"##-##","M-YY":"#?-##","DD-MM-YYYY":"##-##-####","D-M-YYYY":"#?-#?-####","DD-MM-YY":"##-##-##","D-M-YY":"#?-#?-##"};function A(a,r="MM/DD/YYYY"){const t=d(a,$[r]||$["MM/DD/YYYY"]);return Object.assign(Object.assign({},t),{value:t.formattedValue})}const N=function(a){const r=d(a,"#### #### #### ####");return Object.assign(Object.assign({},r),{type:"unknown",leftIcon:"card-unknown",leftIconMuted:a.length<16})},I=function(a){const r=d(a,"#### ###### #####");return Object.assign(Object.assign({},r),{type:"amex",leftIcon:"card-amex-color",leftIconMuted:a.length<15})},R=function(a){const r=d(a,"#### #### #### ####");return Object.assign(Object.assign({},r),{type:"discover",leftIcon:"card-discover-color",leftIconMuted:a.length<16})},F=function(a){const r=d(a,"#### #### #### ####");return Object.assign(Object.assign({},r),{type:"masterCard",leftIcon:"card-mastercard-color",leftIconMuted:a.length<16})},G=function(a){const r=d(a,"#### #### #### ####");return Object.assign(Object.assign({},r),{type:"visa",leftIcon:"card-visa-color",leftIconMuted:a.length<16})},P=function(a){const r=d(a,"#### ###### ####");return Object.assign(Object.assign({},r),{type:"dinersClub",leftIcon:"card-dinersclub-color",leftIconMuted:a.length<14})},B={discover:R,amex:I,masterCard:F,visa:G,dinersClub:P,unknown:N},T={detectCreditCardTypeFromValue:function(a){const r=parseInt(a.charAt(0)),t=parseInt(a.charAt(1));switch(r){case 2:if(t>1&&t<8){if(!(a.length>=4))return"masterCard";{const r=parseInt(a.substr(0,4));if(r>=2221&&r<2721)return"masterCard"}}break;case 3:if(4==t||7==t)return"amex";if(0==t){if(!(a.length>2))return"dinersClub";{const r=parseInt(a.charAt(2));if(r<6||9==r)return"dinersClub"}}if(6==t||8==t||9==t)return"dinersClub";break;case 4:return"visa";case 5:if(t>0&&t<6)return"masterCard";break;case 6:if(0==t){if(!(a.length>3))return"discover";if("6011"==a.substr(0,4))return"discover"}if(4==t){if(!(a.length>2))return"discover";if(parseInt(a.substr(0,3))>643)return"discover"}if(5==t)return"discover";if(2==t){if(!(a.length>5))return"discover";{const r=parseInt(a.substr(0,6));if(r>=622126&&r<=622925)return"discover"}}break;default:return"unknown"}return"unknown"},format:function(a){const r=T.detectCreditCardTypeFromValue(a),t=B[r](a);return a.length<2&&"unknown"==r&&(t.leftIcon="card"),t},amexFormatter:I,dinersClubInternationalFormatter:P,discoverFormatter:R,masterCardFormatter:F,visaFormatter:G,unknownFormatter:N},K=class{constructor(t){a(this,t),this.input=r(this,"input",7),this.change=r(this,"change",7),this.type="text",this.disabled=!1,this.showVisibilityToggle=!1,this.scheduledAfterRender=[],this.guid=i(),this.onToggleVisibility=()=>{this.textHidden=!this.textHidden},this.onInputFocus=()=>{this.scheduledAfterRender.push((()=>{this.setCursorPosition(this.calculateCursorPositionOnFocus())})),this.hasFocus=!0,s(this),this.valueOnFocus=this.value},this.onInputBlur=()=>{this.hasFocus=!1,s(this),this.valueOnFocus!==this.formattedValueObject.value&&(this.valueOnFocus=this.formattedValueObject.value,this.change.emit(Object.assign({value:this.formattedValueObject.value,formattedValue:this.formattedValueObject.fullyFormattedValue,minFormattedLength:this.formattedValueObject.minFormattedLength},this.formattedValueObject.type&&{type:this.formattedValueObject.type})))},this.onInputInput=a=>{a.stopPropagation();const r=this.getFormattedValue(a.target.value,!1);this.handleDataInput(r)},this.onInputPaste=a=>{if("currency"===this.type){const r=a.clipboardData.getData("text"),t=this.getFormattedValue(r,!0);a.preventDefault(),this.handleDataInput(t)}},this.onInputKeydown=a=>{"Enter"===a.key&&this.valueOnFocus!==this.formattedValueObject.value&&(this.valueOnFocus=this.formattedValueObject.value,this.change.emit(Object.assign({value:this.formattedValueObject.value,formattedValue:this.formattedValueObject.fullyFormattedValue,minFormattedLength:this.formattedValueObject.minFormattedLength},this.formattedValueObject.type&&{type:this.formattedValueObject.type})))},this.onClearInput=()=>{const a={value:"",formattedValue:"",minFormattedLength:this.formattedValueObject.minFormattedLength};this.input.emit(a),this.change.emit(a),this.inputField.focus()}}componentWillLoad(){isNaN(this.maxlength)&&(this.maxlength=void 0),this.formattedValueObject=this.getFormattedValue(this.stringValue,!0),o(this)}componentDidLoad(){this.pseudo||(this.inputField.value=this.formattedValueObject.formattedValue),void 0===this.textHidden&&(this.textHidden="password"===this.type)}componentDidRender(){this.scheduledAfterRender.forEach((a=>a())),this.scheduledAfterRender=[]}getFormattedValue(a,r){const t={currency:S,phone:b,ssn:g,alphanumeric:k,alpha:w,numeric:D,percentage:C,postal:L,date:A,"credit-card":T.format};return t[this.type]?t[this.type](a,this.formatModifier,r):{value:a,formattedValue:a,fullyFormattedValue:a,formattingCharacterCount:0,unformattedValue:a}}get canClear(){return this.clearable&&!!this.value}get hasError(){return Array.isArray(this.errors)&&this.errors.length>0}get messages(){return this.errors&&this.errors.length>0&&this.errors||this.hints&&this.hints.length>0&&this.hints||[]}get inputField(){return this.hostElement.shadowRoot.querySelector(".input-field")}get showMessages(){return this.messages.length>0&&!this.hideMessages}get inputId(){return`input-guid-${this.guid}`}get inputDescribedBy(){return this.showMessages?`${this.inputId}-description`:void 0}get isMaskedType(){return["currency","phone","ssn","alphanumeric","alpha","numeric","percentage","postal","date","credit-card"].includes(this.type)}get wrapperClasses(){return`field-container${this.hasError?" has-error":""}${this.value?" has-value":""}${this.clearable&&this.value?" has-clear":""}${this.hasFocus?" has-focus":""}${this.formattedValueObject.prefix?" has-prefix":""}${this.computedIconLeft?" has-icon-left":""}${this.showIconSeperator?" has-icon-separator":""}${this.formattedValueObject.suffix?" has-suffix":""}${!this.formattedValueObject.suffix&&this.iconRight?" has-icon-right":""}${"currency"===this.type?" right-aligned":" left-aligned"}`}get computedType(){return["password","text"].includes(this.type)&&this.textHidden?"password":this.type&&{text:"text",tel:"tel",number:"number",password:"text",search:"search",url:"url",email:"email",currency:"tel",phone:"tel",ssn:"tel",alphanumeric:"text",alpha:"text",numeric:"tel",percentage:"tel",postal:"tel",date:"tel","credit-card":"tel"}[this.type]||"text"}get computedIconLeft(){if(!this.formattedValueObject.prefix)return"search"===this.type?"search":this.formattedValueObject.leftIcon?this.formattedValueObject.leftIcon:this.iconLeft}get showIconSeperator(){return"credit-card"===this.type}get computedClassForIconLeft(){let a="icon-left";return this.formattedValueObject.leftIconMuted&&(a+=" icon-left-muted"),a}get stringValue(){return this.value&&String(this.value)||""}get canSetSelection(){return!["email","number"].includes(this.computedType)}get visibilityToggleText(){return p("tecton.element.input.toggle."+(this.textHidden?"show":"hide"))}formatAndUpdateValueFromProp(){this.formattedValueObject=this.getFormattedValue(this.stringValue,!0),this.pseudo||(this.inputField.value=this.formattedValueObject.formattedValue)}ariaLabelObserver(){o(this)}valueObserver(){this.formatAndUpdateValueFromProp()}typeObserver(){this.formatAndUpdateValueFromProp()}formatModifierObserver(){this.formatAndUpdateValueFromProp()}hintsObserver(){this.hasFocus&&this.scheduledAfterRender.push((()=>s(this)))}errorsObserver(){this.hasFocus&&this.scheduledAfterRender.push((()=>s(this)))}onHostElementFocus(){this.inputField.focus(),this.inputField.dispatchEvent(new FocusEvent("focus",{bubbles:!1}))}onHostElementChange(a){a.target!==this.hostElement||this.hostElement.onchange||(this.value=a.detail.value)}handleDataInput(a){void 0===this.maxlength||a.unformattedValue.length<=this.maxlength||a.unformattedValue.length<=this.formattedValueObject.unformattedValue.length?this.formattedValueObject=a:this.maxlength&&(a=this.getFormattedValue(a.unformattedValue.substring(0,this.maxlength),!1),this.formattedValueObject=a);const r=this.calculateCursorPositionOnInput();this.inputField.value=this.formattedValueObject.formattedValue,this.input.emit(Object.assign({value:this.formattedValueObject.value,formattedValue:this.formattedValueObject.fullyFormattedValue,minFormattedLength:this.formattedValueObject.minFormattedLength},this.formattedValueObject.type&&{type:this.formattedValueObject.type})),this.setCursorPosition(r)}render(){return t("div",{class:this.wrapperClasses},c(this),this.inputDOM(),n(this))}inputDOM(){return t("div",{class:"input-container"},t("div",{class:"input-icons-container-left"},this.formattedValueObject.prefix&&t("span",{class:"input-prefix"},this.formattedValueObject.prefix),this.computedIconLeft&&t("q2-icon",{type:this.computedIconLeft,class:this.computedClassForIconLeft}),this.showIconSeperator&&t("div",{class:"vertical-separator"}),this.hasError&&"currency"===this.type&&t("q2-icon",{type:"error",class:"icon-error"})),this.pseudo?this.pseudoInputDOM():t("input",{class:"input-field",id:this.inputId,type:this.computedType,size:this.formattedValueObject.prefix?10:void 0,"aria-describedby":this.inputDescribedBy,"aria-required":`${!this.optional}`,"aria-invalid":`${this.hasError}`,"aria-controls":this.ariaControls&&`${this.ariaControls}`||void 0,"aria-owns":this.ariaOwns&&`${this.ariaOwns}`||void 0,"aria-haspopup":this.ariaHaspopup&&`${this.ariaHaspopup}`||void 0,"aria-expanded":!!this.ariaExpanded&&`${!!this.ariaExpanded}`||void 0,"aria-activedescendant":this.ariaActivedescendant&&`${this.ariaActivedescendant}`,"aria-label":this.hideLabel&&this.label?p(this.label):void 0,autocomplete:this.autocomplete?this.autocomplete:"off",autocapitalize:"on"===this.autocapitalize?"on":"off",autocorrect:"on"===this.autocorrect?"on":"off",placeholder:this.placeholder&&p(this.placeholder)||void 0,role:this.role&&`${this.role}`||void 0,"test-id":"inputField",readonly:!!this.readonly,disabled:!!this.disabled,onFocus:this.onInputFocus,onBlur:this.onInputBlur,onKeyDown:this.onInputKeydown,onInput:this.onInputInput,onPaste:this.onInputPaste}),t("div",{class:"input-icons-container-right"},this.canClear&&t("q2-btn",{class:"btn-clear",ariaLabel:p("tecton.element.input.clear",[this.label]),"test-id":"clearButton",onClick:this.onClearInput},t("q2-icon",{type:"close",class:"icon-clear"})),["password","text"].includes(this.type)&&this.showVisibilityToggle&&t("q2-btn",{class:"btn-visibility-toggle","test-id":"toggleVisibilityButton",onClick:this.onToggleVisibility},this.visibilityToggleText),this.formattedValueObject.suffix&&t("span",{class:"input-suffix"},this.formattedValueObject.suffix),this.iconRight&&!this.formattedValueObject.suffix&&t("q2-icon",{type:this.iconRight,class:"icon-right"}),this.hasError&&"currency"!==this.type&&t("q2-icon",{type:"error",class:"icon-error"})))}pseudoInputDOM(){const a=!this.value&&!!this.placeholder;return t("button",{class:"pseudo-input input-field",type:"button",id:this.inputId,"aria-describedby":this.inputDescribedBy,"aria-required":`${!this.optional}`,"aria-invalid":`${this.hasError}`,"aria-controls":this.ariaControls&&`${this.ariaControls}`||void 0,"aria-owns":this.ariaOwns&&`${this.ariaOwns}`||void 0,"aria-haspopup":this.ariaHaspopup&&`${this.ariaHaspopup}`||void 0,"aria-expanded":!!this.ariaExpanded&&`${!!this.ariaExpanded}`||void 0,"aria-activedescendant":this.ariaActivedescendant&&`${this.ariaActivedescendant}`,"aria-label":`${this.value}, ${this.label&&p(this.label)||""}`,role:this.role&&`${this.role}`||void 0,disabled:!!this.disabled,"test-id":"q2InputInnerClearButton"},t("span",{class:a?"placeholder-text":""},a?this.placeholder:this.value))}calculateCursorPositionOnInput(){const a=this.inputField,r=this.formattedValueObject.formattedValue.length;return{startingPosition:a&&a.selectionStart||r,valueLength:r,previousValueLength:a&&a.value.length,hasSelection:!1}}calculateCursorPositionOnFocus(){const a=this.inputField,r=a&&a.value?a.value.length:0;return{startingPosition:a&&a.selectionStart||r,valueLength:r,previousValueLength:r,hasSelection:getSelection().toString().length>0}}setCursorPosition(a){if(this.canSetSelection&&!a.hasSelection){const r=this.inputField,{valueLength:t,previousValueLength:e,startingPosition:i}=a;if(i===t&&t>=e&&"currency"===this.type)r.setSelectionRange(t,t);else{const a=i+(t-e);r.setSelectionRange(a,a)}}}get hostElement(){return e(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"],value:["valueObserver"],type:["typeObserver"],formatModifier:["formatModifierObserver"],hints:["hintsObserver"],errors:["errorsObserver"]}}};K.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;margin-top:var(--tct-input-margin-top, var(--app-scale-6x, 30px));margin-bottom:var(--tct-input-margin-bottom, var(--app-scale-6x, 30px));font-size:var(--tct-input-font-size, var(--app-font-size, inherit))}:host([hidden]){display:none}.field-container,.input-container{position:relative}label{display:block;padding-left:var(--tct-input-label-padding-left, 0);padding-right:var(--tct-input-label-padding-right, 0);margin-top:var(--tct-input-label-margin-top, 0);margin-bottom:var(\n --tct-input-label-margin-bottom,\n var(--tct-scale-1, var(--app-scale-1, 5px))\n );color:var(--tct-input-label-font-color, inherit);font-size:var(--tct-input-label-font-size, inherit);font-weight:var(--tct-input-label-font-weight, 600);text-transform:var(--tct-input-label-text-transform, none);letter-spacing:var(--tct-input-label-letter-spacing, normal);transition:color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)))}.optional-tag{margin-left:var(\n --tct-input-label-optional-margin-left,\n var(--tct-scale-1, var(--app-scale-1, 5px))\n );color:var(\n --tct-input-label-optional-font-color,\n var(--tct-a11y-color, var(--t-a11y-gray-color, #767676))\n );font-size:var(--tct-input-label-optional-font-size, 12px);font-weight:var(--tct-input-label-optional-font-weight, 400)}.input-container{display:flex;align-items:center;--comp-input-border-top-left-radius:var(\n --tct-input-border-top-left-radius,\n var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n );--comp-input-border-top-right-radius:var(\n --tct-input-border-top-right-radius,\n var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n );--comp-input-border-bottom-right-radius:var(\n --tct-input-border-bottom-right-radius,\n var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n );--comp-input-border-bottom-left-radius:var(\n --tct-input-border-bottom-left-radius,\n var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n );--comp-input-border-radius:var(--comp-input-border-top-left-radius)\n var(--comp-input-border-top-right-radius) var(--comp-input-border-bottom-right-radius)\n var(--comp-input-border-bottom-left-radius);--comp-input-border-width:var(--tct-input-border-top-width, 1px)\n var(--tct-input-border-right-width, 1px) var(--tct-input-border-bottom-width, 1px)\n var(--tct-input-border-left-width, 1px);--comp-input-focus-border-width:var(--tct-input-focus-border-top-width, 1px)\n var(--tct-input-focus-border-right-width, 1px)\n var(--tct-input-focus-border-bottom-width, 1px)\n var(--tct-input-focus-border-left-width, 1px);--comp-input-prefix-clearance:calc(\n 3 * var(--tct-input-prefix-font-size, 14px) + var(--tct-scale-1, 5px)\n );--comp-input-icon-clearance:34px;--comp-input-min-height:44px;border-width:var(--comp-input-border-width);border-style:solid;border-color:var(\n --tct-input-border-color,\n var(--t-input-border, var(--tct-gray-11, var(--t-gray-11, #cccccc)))\n );border-radius:var(--comp-input-border-radius);box-shadow:var(--tct-input-box-shadow, none);transition:border-width\n var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n border-color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n box-shadow var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)))}.input-field{flex:1;border:0;-webkit-appearance:none;appearance:none;box-sizing:border-box;min-height:var(--comp-input-min-height);height:var(--tct-input-height, 44px);width:100%;padding:0 var(--tct-input-horizontal-padding, var(--tct-scale-2, var(--app-scale-2, 10px)));background-color:var(\n --tct-input-bg,\n var(--t-input-bg, var(--tct-gray-14, var(--t-gray-14, #f2f2f2)))\n );color:var(--tct-input-font-color, var(--t-input-font-color, var(--t-text, inherit)))}input{display:inline-block}.input-field:focus{outline:none;box-shadow:none}.input-field::-webkit-outer-spin-button,.input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-field[type='number']{-moz-appearance:textfield}.input-container:focus-within{border-width:var(--comp-input-focus-border-width, 1px);border-color:var(\n --tct-input-focus-border-color,\n var(--t-input-focus, var(--tct-gray-9, var(--t-gray-9, #999999)))\n );box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff)),\n var(--tct-input-focus-box-shadow, 0 0 transparent)}input::-ms-clear{display:none}input[type='search']::-webkit-search-decoration,input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-results-button,input[type='search']::-webkit-search-results-decoration{display:none}input::placeholder,.placeholder-text{color:var(\n --tct-input-placeholder-font-color,\n var(\n --t-input-placeholder-font-color,\n var(--tct-gray-7, var(--t-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666))))\n )\n )}.pseudo-input{display:inline-flex;align-items:center}.pseudo-input span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-icons-container-left{display:flex;flex-direction:row;align-items:center}.input-icons-container-left q2-icon{position:absolute}.input-icons-container-right{display:flex;gap:var(--tct-scale-2, var(--app-scale-2, 10px));flex-direction:row;padding-left:3px;align-items:center;margin-right:var(--tct-scale-2, var(--app-scale-2, 10px))}.input-icons-container-right .btn-visibility-toggle{color:var(--tct-primary, var(--t-primary, #006eb2));font-size:12px}q2-icon{margin-top:calc(var(--tct-input-border-top-width, 1px) / 2);margin-bottom:calc(var(--tct-input-border-bottom-width, 1px) / 2);pointer-events:none;color:var(\n --tct-input-icon-stroke-primary,\n var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999)))\n );--tct-icon-stroke-primary:var(\n --tct-input-icon-stroke-primary,\n var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999))))\n );--t-icon-stroke-primary:var(\n --tct-input-icon-stroke-primary,\n var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999))))\n )}.icon-left{left:var(--tct-scale-1, var(--app-scale-1, 5px))}.icon-left-muted{opacity:0.5}.input-prefix,.input-suffix{display:inline-flex;align-items:center;justify-content:center;min-height:calc(\n var(--comp-input-min-height) - var(--tct-input-focus-border-top-width, 1px) -\n var(--tct-input-focus-border-bottom-width, 1px)\n );height:calc(\n var(--tct-input-height, 44px) - var(--tct-input-focus-border-top-width, 1px) -\n var(--tct-input-focus-border-bottom-width, 1px)\n );width:3em;bottom:var(--tct-input-border-bottom-width, 1px);font-size:var(--tct-input-prefix-font-size, inherit);color:var(--tct-input-prefix-font-color, inherit);background-color:var(\n --tct-input-prefix-bg,\n var(--tct-input-bg, var(--t-input-bg, var(--tct-gray-14, var(--t-gray-14, #f2f2f2))))\n );transition:color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))),\n background-color var(--tct-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)))}.input-prefix{left:var(--tct-input-border-left-width, 1px);border-right:1px solid\n var(\n --tct-input-prefix-border-color,\n var(\n --tct-input-border-color,\n var(\n --t-input-border,\n var(\n --tct-gray-11,\n var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))\n )\n )\n )\n );border-top-left-radius:calc(\n var(--comp-input-border-top-left-radius) - var(--tct-input-border-top-width, 1px) -\n var(--tct-input-border-left-width, 1px)\n );border-bottom-left-radius:calc(\n var(--comp-input-border-bottom-left-radius) - var(--tct-input-border-bottom-width, 1px) -\n var(--tct-input-border-left-width, 1px)\n );pointer-events:none;}.input-suffix{right:var(--tct-input-border-right-width, 1px);border-left:1px solid\n var(\n --tct-input-prefix-border-color,\n var(\n --tct-input-border-color,\n var(\n --t-input-border,\n var(\n --tct-gray-11,\n var(--t-gray-11, var(--tct-gray-l1, var(--app-grayl1, #cccccc)))\n )\n )\n )\n );border-top-right-radius:calc(\n var(--comp-input-border-top-right-radius) - var(--tct-input-border-top-width, 1px) -\n var(--tct-input-border-right-width, 1px)\n );border-bottom-right-radius:calc(\n var(--comp-input-border-bottom-right-radius) - var(--tct-input-border-bottom-width, 1px) -\n var(--tct-input-border-right-width, 1px)\n )}.icon-error{color:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--t-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000))}.pw-show{position:absolute;margin-right:var(--tct-scale-2, var(--app-scale-2, 20px))}.btn-clear{margin-top:calc(var(--tct-input-border-top-width, 1px) / 2);margin-bottom:calc(var(--tct-input-border-bottom-width, 1px) / 2);height:22px;--tct-btn-icon-width:17px;--tct-btn-icon-height:22px;--tct-icon-size:17px}.messages-container{height:0px;overflow:hidden;background-color:var(\n --tct-message-bg,\n var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))\n );box-shadow:var(\n --tct-input-message-box-shadow,\n var(--tct-box-shadow-1, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3)))\n );transition:height\n var(--tct-input-messages-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease)));margin-top:2px;z-index:1;position:absolute;width:100%;color:var(--tct-input-messages-font-color, inherit)}:host([disabled]) .input-container{cursor:not-allowed;opacity:var(\n --tct-input-disabled-opacity,\n var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))\n )}.input-field[disabled]{cursor:not-allowed}.has-focus .input-prefix{border-top-left-radius:calc(\n var(--comp-input-border-top-left-radius) - var(--tct-input-focus-border-top-width, 1px) -\n var(--tct-input-focus-border-left-width, 1px)\n );border-bottom-left-radius:calc(\n var(--comp-input-border-bottom-left-radius) -\n var(--tct-input-focus-border-bottom-width, 1px) -\n var(--tct-input-focus-border-left-width, 1px)\n )}.has-focus .input-suffix{border-top-left-radius:calc(\n var(--comp-input-border-top-left-radius) - var(--tct-input-focus-border-top-width, 1px) -\n var(--tct-input-focus-border-left-width, 1px)\n );border-bottom-left-radius:calc(\n var(--comp-input-border-bottom-left-radius) -\n var(--tct-input-focus-border-bottom-width, 1px) -\n var(--tct-input-focus-border-left-width, 1px)\n )}.right-aligned .input-field{text-align:right}.right-aligned .icon-error{left:var(--tct-scale-2, var(--app-scale-2, 10px));right:auto}.has-error label{color:var(--tct-input-error-label-font-color, var(--tct-input-label-font-color, inherit))}.has-error:not(.has-focus) .input-prefix,.has-error:not(.has-focus) .input-suffix{color:var(--tct-input-error-prefix-font-color, inherit);background-color:var(\n --tct-input-error-prefix-bg,\n var(\n --tct-input-bg,\n var(\n --t-input-bg,\n var(--tct-gray-14, var(--app-var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))\n )\n )\n )}.has-error .input-container:not(:focus-within){border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000))}.has-error.has-icon-right.left-aligned .btn-clear{right:calc(2 * var(--comp-input-icon-clearance))}.has-error.has-clear.has-icon-right.left-aligned .input-field{padding-right:calc(3 * var(--comp-input-icon-clearance))}.has-error.right-aligned .input-field{padding-left:var(--comp-input-icon-clearance)}.has-error.right-aligned.has-prefix .input-field{padding-left:calc(var(--comp-input-prefix-clearance) + var(--comp-input-icon-clearance))}.has-error.right-aligned.has-icon-left .input-field{padding-left:calc(2 * var(--comp-input-icon-clearance))}.has-error.right-aligned .icon-left{left:var(--comp-input-icon-clearance)}.has-prefix .input-field{padding-left:var(--comp-input-prefix-clearance)}.has-prefix.right-aligned .icon-error{left:var(--comp-input-prefix-clearance);margin-left:var(--tct-scale-1, 5px)}.has-suffix .icon-error,.has-suffix .btn-clear{right:var(--comp-input-prefix-clearance)}.has-suffix.has-error .btn-clear{right:calc(var(--comp-input-prefix-clearance) + var(--comp-input-icon-clearance))}.has-icon-left .input-field{padding-left:var(--comp-input-icon-clearance)}.has-icon-left.has-icon-separator .input-field{padding-left:calc(var(--comp-input-icon-clearance) + 14px)}.has-icon-left.has-icon-separator .icon-left{width:26px;height:26px;left:8px}.has-icon-left.has-icon-separator .input-container .vertical-separator{position:absolute;left:var(--tct-input-border-left-width, 1px);height:calc(var(--comp-input-min-height) - 2px);width:3em;border-right:1px solid\n var(\n --tct-input-prefix-border-color,\n var(\n --tct-input-border-color,\n var(\n --t-input-border,\n var(\n --tct-gray-11,\n var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))\n )\n )\n )\n )}";export{K as q2_input}
package/dist/q2-tecton-elements/p-1ece7876.entry.js DELETED
@@ -1 +0,0 @@
1
- import{r as t,h as e,g as i}from"./p-8e863fbc.js";const n=class{constructor(e){t(this,e),this.onIFrameLoad=t=>{const e=t.target;e.contentWindow&&e.contentWindow.postMessage(`[iFrameSizer]${this.moduleId}:0:false:false:32:true:true:null:documentElementOffset`,"*")}}get iframeTitle(){return this.moduleId.split(".").slice(-2).join("-")}componentDidRender(){const t=this.hostElement.shadowRoot.querySelector("form");t&&t.parentElement&&(t.submit(),this._showForm=!1)}selectedObserver(){this._showForm=this.showForm}render(){return e("div",{id:`tab-pane-${this.guid}-${this.index}`,class:"tab-pane"+(this.selected?"":" hidden"),role:"tabpanel",tabindex:"-1","aria-expanded":`${!!this.selected}`,"aria-hidden":`${!this.selected}`,"aria-labelledby":`tab-${this.guid}-${this.index}`},this.selected&&void 0!==this.provided&&!this.provided&&e("div",null,e("slot",{name:"loading-wrapper"}),e("iframe",{hidden:!0,name:this.moduleId,scrolling:"no",src:this.showForm&&this.authPayload.length?"":this.url||"","data-module-id":this.moduleId,style:this.minHeight?{minHeight:this.minHeight}:null,onLoad:this.onIFrameLoad,title:this.iframeTitle,allow:"geolocation; camera"}),this._showForm&&this.authPayload?e("form",{hidden:!0,method:"post",action:this.url,target:this.moduleId,encType:"multipart/form-data"},this.authPayload.map((t=>e("input",{type:"hidden",value:t.value,name:t.key})))):""),e("div",{class:"slot-wrapper",hidden:this.selected&&void 0!==this.provided&&!this.provided},e("slot",null)))}get hostElement(){return i(this)}static get watchers(){return{selected:["selectedObserver"]}}};n.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.tab-pane[aria-hidden='true']{display:none}.tab-pane:focus{outline:none;box-shadow:none}.loading-wrapper{height:44px;width:100%;align-items:center;justify-content:center}.loading-wrapper:not([hidden]){display:flex}iframe{width:100%;height:auto;overflow-y:hidden;border:none}iframe:not([hidden]){display:inline-block}.slot-wrapper:focus{outline:none;box-shadow:var(--const-global-focus)}";export{n as tecton_tab_pane}