q2-tecton-elements 1.57.1 → 1.57.3

package/dist/esm/q2-textarea.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, a as getElement } from './index-YFPMNbDm.js';
-import { f as debounce, c as createGuid, s as setMessageHeight, o as overrideFocus, a as isEventFromElement, l as loc, g as renderMessages, r as renderLabel } from './index-CYgcpzXH.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-COzomxjJ.js';
+import { f as debounce, c as createGuid, s as setMessageHeight, o as overrideFocus, a as isEventFromElement, l as loc, g as renderMessages, r as renderLabel } from './index-EcLnUn1d.js';
 
 const q2TextareaCss = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch: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{--comp-default-textarea-margin:var(--tct-textarea-margin-top, var(--t-textarea-margin-top, var(--app-scale-5x, 25px))) 0 var(--tct-textarea-margin-bottom, var(--t-textarea-margin-bottom, var(--app-scale-5x, 25px)));display:block;margin:var(--tct-textarea-margin, var(--comp-default-textarea-margin));font-size:var(--tct-textarea-font-size, var(--t-textarea-font-size, var(--app-font-size, inherit)))}:host([hidden]){display:none}label{--comp-label-padding:var(--tct-textarea-label-padding, 0 var(--tct-textarea-label-padding-right, var(--t-textarea-label-padding-right, 0)) 0 var(--tct-textarea-label-padding-left, var(--t-textarea-label-padding-left, 0)));--comp-label-margin:var(--tct-textarea-label-margin, var(--tct-textarea-label-margin-top, var(--t-textarea-label-margin-top, 0)) 0 var(--tct-textarea-label-margin-bottom, var(--t-textarea-label-margin-bottom, var(--tct-scale-1x, var(--app-scale-1x, 5px)))));display:block;padding:var(--comp-label-padding);margin:var(--comp-label-margin);color:var(--tct-textarea-label-font-color, var(--t-textarea-label-font-color, inherit));font-size:var(--tct-textarea-label-font-size, var(--t-textarea-label-font-size, inherit));font-weight:var(--tct-textarea-label-font-weight, var(--t-textarea-label-font-weight, 600));text-transform:var(--tct-textarea-label-text-transform, var(--t-textarea-label-text-transform, none));letter-spacing:var(--tct-textarea-label-letter-spacing, var(--t-textarea-label-letter-spacing, inherit));transition:color var(--tct-textarea-tween, var(--t-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))))}.has-error label{color:var(--tct-textarea-error-label-font-color, var(--t-textarea-error-label-font-color, var(--tct-textarea-label-font-color, inherit)))}:hover label{color:var(--tct-textarea-hover-label-font-color, var(--tct-textarea-label-font-color, var(--t-textarea-label-font-color, inherit)))}.has-error :hover label{color:var(--tct-textarea-error-hover-label-font-color, var(--tct-textarea-error-label-font-color, var(--t-textarea-error-label-font-color, var(--tct-textarea-hover-label-font-color, var(--tct-textarea-label-font-color, inherit)))))}:host(:focus-within) label{color:var(--tct-textarea-focus-label-font-color, var(--tct-textarea-label-font-color, var(--t-textarea-label-font-color, inherit)))}:host(:focus-within) .has-error label{color:var(--tct-textarea-error-focus-label-font-color, var(--tct-textarea-error-label-font-color, var(--t-textarea-error-label-font-color, var(--tct-textarea-focus-label-font-color, var(--tct-textarea-label-font-color, var(--t-textarea-label-font-color, inherit))))))}.optional-tag{--comp-label-optional-margin:var(--tct-textarea-label-optional-margin, 0 0 0 var(--tct-textarea-label-optional-margin-left, var(--t-textarea-label-optional-margin-left, var(--tct-scale-1x, var(--app-scale-1x, 5px)))));margin:var(--comp-label-optional-margin);color:var(--tct-textarea-label-optional-font-color, var(--t-textarea-label-optional-font-color, var(--t-textA, var(--t-a11y-gray-color, rgba(77, 77, 77, 0.77)))));font-size:var(--tct-textarea-label-optional-font-size, var(--t-textarea-label-optional-font-size, 12px));font-weight:var(--tct-textarea-label-optional-font-weight, var(--t-textarea-label-optional-font-weight, 400))}.input-container{min-height:var(--tct-textarea-min-height, var(--t-textarea-min-height, var(--comp-textarea-min-height)));height:100%;--comp-default-border-radius:var(--tct-border-radius-1, var(--app-border-radius-1, 4px));--comp-textarea-border-top-left-radius:var(--tct-textarea-border-top-left-radius, var(--t-textarea-border-top-left-radius, var(--comp-default-border-radius)));--comp-textarea-border-top-right-radius:var(--tct-textarea-border-top-right-radius, var(--t-textarea-border-top-right-radius, var(--comp-default-border-radius)));--comp-textarea-border-bottom-right-radius:var(--tct-textarea-border-bottom-right-radius, var(--t-textarea-border-bottom-right-radius, var(--comp-default-border-radius)));--comp-textarea-border-bottom-left-radius:var(--tct-textarea-border-bottom-left-radius, var(--t-textarea-border-bottom-left-radius, var(--comp-default-border-radius)));--comp-textarea-border-radius:var(--comp-textarea-border-top-left-radius)\n      var(--comp-textarea-border-top-right-radius) var(--comp-textarea-border-bottom-right-radius)\n      var(--comp-textarea-border-bottom-left-radius);--comp-textarea-border-width:var(--tct-textarea-border-top-width, var(--t-textarea-border-top-width, 1px)) var(--tct-textarea-border-right-width, var(--t-textarea-border-right-width, 1px)) var(--tct-textarea-border-bottom-width, var(--t-textarea-border-bottom-width, 1px)) var(--tct-textarea-border-left-width, var(--t-textarea-border-left-width, 1px));--comp-textarea-icon-clearance:34px}:host([disabled]) .input-container{cursor:not-allowed;opacity:var(--tct-textarea-disabled-opacity, var(--t-textarea-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))))}.content-container{--comp-textarea-min-height:46px;--comp-textarea-min-width:150px;position:relative;display:inline-block;min-height:var(--tct-textarea-min-height, var(--t-textarea-min-height, var(--comp-textarea-min-height)));min-width:var(--tct-textarea-min-width, var(--t-textarea-min-width, var(--comp-textarea-min-width)))}:host(:not([cols])) .content-container{width:100%}textarea{--comp-textarea-padding:var(--tct-textarea-padding, var(--tct-textarea-vertical-padding, var(--t-textarea-vertical-padding, var(--tct-scale-2x, var(--app-scale-2x, 10px)))) var(--tct-textarea-horizontal-padding, var(--t-textarea-horizontal-padding, var(--tct-scale-2x, var(--app-scale-2x, 10px)))));--comp-textarea-border-color:var(--tct-textarea-border-color, var(--t-textarea-border-color, var(--tct-input-border-color, var(--t-input-border-color, var(--t-a11y-gray-color-AA, #949494)))));--comp-textarea-background:var(--tct-textarea-background, var(--tct-textarea-bg, var(--t-textarea-bg, var(--tct-input-background, var(--tct-input-bg, var(--t-input-bg, var(--t-gray-14, #fcfcfd)))))));--comp-textarea-hover-ring-color:var(--tct-textarea-hover-ring-color);--comp-textarea-hover-ring:0 0 0 2px var(--t-base), 0 0 0 4px var(--comp-textarea-hover-ring-color), var(--tct-textarea-hover-box-shadow, 0 0 transparent);resize:none;height:100%;-webkit-appearance:none;appearance:none;display:block;box-sizing:border-box;min-height:var(--tct-textarea-min-height, var(--t-textarea-min-height, var(--comp-textarea-min-height)));padding:var(--comp-textarea-padding);background:var(--comp-textarea-background);color:var(--tct-textarea-font-color, var(--t-textarea-font-color, var(--t-input-font-color, inherit)));border-width:var(--comp-textarea-border-width);border-style:solid;border-color:var(--comp-textarea-border-color);border-radius:var(--comp-textarea-border-radius);box-shadow:var(--tct-textarea-box-shadow, var(--t-textarea-box-shadow, none));scrollbar-width:thin;scrollbar-color:var(--t-a11y-gray-color) transparent;--comp-textarea-tween:var(--tct-textarea-tween, var(--t-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))));transition:border-width var(--comp-textarea-tween), border-color var(--comp-textarea-tween), box-shadow var(--comp-textarea-tween)}textarea::-webkit-scrollbar{width:var(--app-scale-1x);height:var(--app-scale-1x);margin:var(--app-scale-1x)}textarea::-webkit-scrollbar-thumb{background:var(--t-a11y-gray-color);border-radius:2px}textarea::-webkit-scrollbar-track{background:transparent}textarea:not([cols]){width:100%}.has-error textarea{padding-right:var(--comp-textarea-icon-clearance);border-color:var(--tct-textarea-error-border-color, var(--t-textarea-error-border-color, var(--const-stoplight-alert, #d20a0a)));background:var(--tct-textarea-error-background, var(--comp-textarea-background))}textarea:hover{border-color:var(--tct-textarea-hover-border-color, var(--comp-textarea-border-color));background:var(--tct-textarea-hover-background, var(--comp-textarea-background));box-shadow:var(--tct-textarea-hover-box-shadow, var(--comp-textarea-hover-ring))}.has-error textarea:hover{border-color:var(--tct-textarea-error-hover-border-color, var(--tct-textarea-error-border-color, var(--t-textarea-error-border-color, var(--const-stoplight-alert, #d20a0a))));background:var(--tct-textarea-error-hover-background, var(--tct-textarea-error-background, var(--comp-textarea-background)));box-shadow:var(--tct-textarea-error-hover-box-shadow, var(--tct-textarea-error-box-shadow, var(--tct-textarea-hover-box-shadow, var(--comp-textarea-hover-ring))))}textarea:focus{border-color:var(--tct-textarea-focus-border-color, var(--comp-textarea-border-color));background:var(--tct-textarea-focus-background, var(--comp-textarea-background))}.has-error textarea:focus{border-color:var(--tct-textarea-error-focus-border-color, var(--tct-textarea-error-border-color, var(--const-stoplight-alert, #d20a0a)));background:var(--tct-textarea-error-focus-background, var(--tct-textarea-error-background, var(--tct-textarea-focus-background, var(--comp-textarea-background))));box-shadow:var(--tct-textarea-error-focus-box-shadow, var(--tct-textarea-error-box-shadow, var(--tct-textarea-focus-box-shadow, var(--const-double-focus-ring))))}textarea:focus-visible{box-shadow:var(--tct-textarea-focus-box-shadow, var(--const-double-focus-ring))}textarea::placeholder{color:var(--tct-textarea-placeholder-font-color, var(--t-textarea-placeholder-font-color, var(--t-input-placeholder-font-color, var(--tct-gray-7, var(--app-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666)))))))}textarea[disabled]{cursor:not-allowed}textarea.resize-vertical-auto{overflow:hidden}.has-error textarea{padding-right:var(--comp-textarea-icon-clearance)}.has-error textarea:not(:focus){border-color:var(--tct-textarea-error-border-color, var(--t-textarea-error-border-color, var(--const-stoplight-alert, #d20a0a)))}q2-icon{margin-top:calc(var(--tct-textarea-border-top-width, var(--t-textarea-border-top-width, 1px)) / 2);margin-bottom:calc(var(--tct-textarea-border-bottom-width, var(--t-textarea-border-bottom-width, 1px)) / 2);pointer-events:none;position:absolute;top:var(--tct-textarea-vertical-padding, var(--t-textarea-vertical-padding, var(--tct-scale-2x, var(--app-scale-2x, 10px))));color:var(--tct-textarea-icon-stroke-primary, var(--t-textarea-icon-stroke-primary, var(--app-gray-9, var(--tct-gray, var(--app-gray, #999999)))));right:0;margin-right:var(--tct-scale-2x, var(--app-scale-2x, 10px));--tct-icon-stroke-primary:var(--tct-textarea-icon-stroke-primary, var(--t-textarea-icon-stroke-primary, var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999))))));--t-icon-stroke-primary:var(--tct-textarea-icon-stroke-primary, var(--t-textarea-icon-stroke-primary, var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999))))))}.icon-error{color:var(--tct-stoplight-error, var(--const-stoplight-alert, #d20a0a));--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #d20a0a));--t-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #d20a0a))}.messages-container{height:0px;overflow:hidden;background:var(--tct-message-background, var(--tct-message-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))));box-shadow:var(--tct-textarea-message-box-shadow, var(--t-textarea-message-box-shadow, var(--tct-box-shadow-1, var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14)))));transition:height var(--tct-textarea-messages-tween, var(--t-textarea-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-textarea-messages-font-color, var(--t-textarea-messages-font-color, inherit))}.max-length{color:var(--tct-textarea-max-length-color, var(--t-textarea-max-length-color, var(--t-textA, rgba(77, 77, 77, 0.77))));font-size:var(--tct-textarea-max-length-font-size, var(--t-textarea-max-length-font-size, var(--tct-font-size-small, var(--app-font-size-small, 12px))));position:absolute;right:0}.btn-resize{--tct-textarea-resize-icon-padding:calc(\n      calc(\n              var(--tct-textarea-resize-btn-width, var(--t-textarea-resize-btn-width, var(--tct-btn-icon-width, 44px))) - var(--tct-textarea-resize-icon-size, var(--t-textarea-resize-icon-size, 12px))\n          ) / 2\n  );width:var(--tct-textarea-resize-btn-width, var(--t-textarea-resize-btn-width, var(--tct-btn-icon-width, 44px)));height:var(--tct-textarea-resize-btn-height, var(--t-textarea-resize-btn-height, var(--tct-btn-icon-height, 44px)));background:var(--tct-textarea-resize-btn-background, var(--t-textarea-resize-btn-background, transparent));stroke:var(--tct-textarea-resize-color, var(--t-textarea-resize-color, var(--t-textA, rgba(77, 77, 77, 0.77))));border:0;position:absolute;right:calc(var(--tct-textarea-resize-icon-padding, var(--t-textarea-resize-icon-padding)) * -1 + 2px);bottom:calc(var(--tct-textarea-resize-icon-padding, var(--t-textarea-resize-icon-padding)) * -1 + 2px);display:block;padding:var(--tct-textarea-resize-icon-padding, var(--t-textarea-resize-icon-padding));font-size:0}.btn-resize:focus{outline:none;box-shadow:none}:host([resize=both]) .btn-resize{cursor:se-resize}:host([resize=vertical]) .btn-resize,:host([resize=vertical-auto]) .btn-resize{cursor:s-resize}:host([resize=horizontal]) .btn-resize{cursor:e-resize}";
 

package/dist/esm/q2-tooltip.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, a as getElement } from './index-YFPMNbDm.js';
-import { o as overrideFocus, a as isEventFromElement } from './index-CYgcpzXH.js';
+import { r as registerInstance, h, g as getElement } from './index-COzomxjJ.js';
+import { o as overrideFocus, a as isEventFromElement } from './index-EcLnUn1d.js';
 
 const q2TooltipCss = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch: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([block]){display:block}.tooltip{--comp-background:var(--tct-tooltip-background, var(--tct-tooltip-background-color, var(--t-tooltip-background-color, var(--t-top-a3, rgba(13, 13, 13, 0.8509803922)))));--comp-offset-default:calc(var(--app-scale-1x, 5px) * -1);--comp-offset:var(--tct-tooltip-offset, var(--t-tooltip-offset, var(--comp-offset-default)));--comp-position:var(--tct-tooltip-position, var(--t-tooltip-position, var(--app-scale-1x, 5px)));--comp-body-offset-default:calc(var(--app-scale-3x, 15px) * -1);--comp-body-offset:var(--tct-tooltip-body-offset, var(--t-tooltip-body-offset, var(--comp-body-offset-default)));--comp-duration:var(--tct-tooltip-transition-duration, var(--t-tooltip-transition-duration, var(--app-duration-1, 0.2s)));--comp-visible-duration:var(--tct-tooltip-transition-visible-duration, var(--t-tooltip-transition-visible-duration, 2s));--comp-delay:var(--tct-tooltip-transition-delay, var(--t-tooltip-transition-delay, 0s));display:inline-block;position:relative}.tooltip:hover{--comp-delay:var(--tct-tooltip-transition-delay, var(--t-tooltip-transition-delay, 1s))}:host([immediate]:not([immediate=false])) .tooltip:hover{--comp-delay:0s}.tooltip:before{position:absolute;z-index:2;width:0;height:0;color:var(--comp-background);pointer-events:none;content:\"\";border:var(--tct-tooltip-arrow-size, var(--t-tooltip-arrow-size, var(--app-scale-1x, 5px))) solid transparent}.tooltip:after{--comp-padding:var(--app-scale-1x, 5px) 8px;position:absolute;z-index:1;padding:var(--tct-tooltip-padding, var(--t-tooltip-padding, var(--comp-padding)));font-weight:var(--tct-tooltip-font-weight, var(--t-tooltip-font-weight, 600));font-size:var(--tct-tooltip-font-size, var(--t-tooltip-font-size, var(--app-font-size-small, 12px)));line-height:1.5;color:var(--tct-tooltip-color, var(--t-tooltip-color, var(--app-white, #ffffff)));text-align:center;text-decoration:none;text-shadow:none;text-transform:none;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:var(--comp-background);border-radius:var(--tct-tooltip-border-radius, var(--t-tooltip-border-radius, var(--app-border-radius-1, 4px)))}.tooltip:before,.tooltip:after{display:inline-block;visibility:hidden;opacity:0;transition:all var(--comp-duration) ease-in-out var(--comp-delay)}:host([block]) .tooltip{display:block}.tooltip:hover:before,.tooltip:hover:after,.tooltip.has-keyboard-focus:focus-within:before,.tooltip.has-keyboard-focus:focus-within:after,:host([persistent]:not([persistent=false])) .tooltip:before,:host([persistent]:not([persistent=false])) .tooltip:after{text-decoration:none;visibility:visible;opacity:1}@keyframes tooltippedFade{from{opacity:0}to{opacity:1}}.tooltip.has-generic-focus:focus-within:before,.tooltip.has-generic-focus:focus-within:after{visibility:visible;opacity:0;transition:none;animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-name:tooltippedFade, tooltippedFade;animation-direction:normal, reverse;animation-duration:var(--comp-duration);animation-delay:0ms, calc(var(--comp-visible-duration) + var(--comp-duration))}.tooltip.has-generic-focus-out:before,.tooltip.has-generic-focus-out:after{visibility:visible;opacity:0;transition:none;animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-name:tooltippedFade;animation-direction:reverse;animation-duration:var(--comp-duration)}:host([multiline]) .tooltip:after{width:max-content;max-width:var(--tct-tooltip-max-width, var(--t-tooltip-max-width, 200px));word-break:break-word;word-wrap:normal;white-space:pre-line;border-collapse:separate;text-align:left}:host([position=s]) :host([multiline]) .tooltip:after,:host([position=n]) :host([multiline]) .tooltip:after{right:auto;left:50%;transform:translateX(-50%)}:host([position=w]) :host([multiline]) .tooltip:after,:host([position=e]) :host([multiline]) .tooltip:after{right:100%}:host([multiline]) .tooltip:hover:after,:host([multiline]) .tooltip:active:after,:host([multiline]) .tooltip:focus:after{display:table-cell}:host([multiline]) .tooltip:focus-within:after{display:table-cell}:host([position=s]) .tooltip:after,:host([position=se]) .tooltip:after,:host([position=sw]) .tooltip:after{top:100%;right:50%;margin-top:var(--comp-position)}:host([position=s]) .tooltip:before,:host([position=se]) .tooltip:before,:host([position=sw]) .tooltip:before{top:auto;right:50%;bottom:var(--comp-offset);margin-right:var(--comp-offset);border-bottom-color:var(--comp-background)}:host([position=n]) .tooltip:after,:host([position=ne]) .tooltip:after,:host([position=nw]) .tooltip:after{right:50%;bottom:100%;margin-bottom:var(--comp-position)}:host([position=n]) .tooltip:before,:host([position=ne]) .tooltip:before,:host([position=nw]) .tooltip:before{top:var(--comp-offset);right:50%;bottom:auto;margin-right:var(--comp-offset);border-top-color:var(--comp-background)}:host([position=se]) .tooltip:after,:host([position=ne]) .tooltip:after{right:auto;left:50%;margin-left:var(--comp-body-offset)}:host([position=sw]) .tooltip:after{margin-right:var(--comp-body-offset)}:host([position=nw]) .tooltip:after{margin-right:var(--comp-body-offset)}:host([position=s]) .tooltip:after,:host([position=n]) .tooltip:after{transform:translateX(50%)}:host([position=w]) .tooltip:after{right:100%;bottom:50%;margin-right:var(--comp-position);transform:translateY(50%)}:host([position=w]) .tooltip:before{top:50%;bottom:50%;left:var(--comp-offset);margin-top:var(--comp-offset);border-left-color:var(--comp-background)}:host([position=e]) .tooltip:after{bottom:50%;left:100%;margin-left:var(--comp-position);transform:translateY(50%)}:host([position=e]) .tooltip:before{top:50%;right:var(--comp-offset);bottom:50%;margin-top:var(--comp-offset);border-right-color:var(--comp-background)}";
 

package/dist/esm/{shapes-B9jYz1VS.js → shapes-BrIjALih.js}

@@ -1,4 +1,4 @@
-import { h } from './index-YFPMNbDm.js';
+import { h } from './index-COzomxjJ.js';
 
 const atoms = {
     circle: ({ width, additionalClasses }) => (h("div", { class: `skeleton-shape circle ${additionalClasses || ''}`, style: { width, height: width } })),
@@ -89,6 +89,6 @@ const shapes = {
 };
 
 export { atoms as a, shapes as s };
-//# sourceMappingURL=shapes-B9jYz1VS.js.map
+//# sourceMappingURL=shapes-BrIjALih.js.map
 
-//# sourceMappingURL=shapes-B9jYz1VS.js.map
+//# sourceMappingURL=shapes-BrIjALih.js.map

package/dist/esm/{shapes-B9jYz1VS.js.map → shapes-BrIjALih.js.map}

@@ -1 +1 @@
-{"version":3,"file":"shapes-B9jYz1VS.js","sources":["src/components/q2-loading/skeleton/shapes.tsx"],"sourcesContent":["import { h } from '@stencil/core';\nimport { JSX } from './../../../components';\n\ninterface AtomOptions {\n    width?: string;\n    height?: string;\n    borderRadius?: string;\n    additionalClasses?: string;\n}\n\nexport const atoms = {\n    circle: ({ width, additionalClasses }: AtomOptions): JSX.IntrinsicElements => (\n        <div\n            class={`skeleton-shape circle ${additionalClasses || ''}`}\n            style={{ width, height: width }}\n        ></div>\n    ),\n    rectangle: ({ width, height, borderRadius, additionalClasses }: AtomOptions): JSX.IntrinsicElements => (\n        <div\n            class={`skeleton-shape rectangle ${additionalClasses || ''}`}\n            style={{ width, height, borderRadius }}\n        ></div>\n    ),\n};\n\nexport const molecules = {\n    field: (): JSX.IntrinsicElements => (\n        <div class=\"skeleton-shape field\">\n            <div class=\"skeleton-field-label\">{atoms.rectangle({ height: '1rem', width: '50%' })}</div>\n            {atoms.rectangle({\n                height: 'var(--tct-input-height, 42px)',\n                borderRadius: '3px',\n            })}\n        </div>\n    ),\n    text: (counts?: number[], modifiers?: Set<string>): JSX.IntrinsicElements => {\n        const rows = counts?.[0] ?? 1;\n        const hasHeader = modifiers?.has('header');\n        const alignment = (modifiers?.has('center') && 'center') || (modifiers?.has('right') && 'right') || 'left';\n        const smallHeaderClass = modifiers?.has('smallheader') ? ' smaller' : '';\n        const additionalClasses = hasHeader ? `header ${alignment}${smallHeaderClass}` : '';\n        return (\n            <div class=\"skeleton-shape text\">\n                {hasHeader && atoms.rectangle({ width: '60%', additionalClasses })}\n                {!!rows &&\n                    Array(rows)\n                        .fill(undefined)\n                        .map(() => atoms.rectangle({ height: '1rem' }))}\n            </div>\n        );\n    },\n};\n\nexport const shapes = {\n    circle: (): JSX.IntrinsicElements => {\n        return atoms.circle({ width: '100%' });\n    },\n    rectangle: (): JSX.IntrinsicElements => {\n        return atoms.rectangle({ height: '100%', borderRadius: 'var(--tct-border-radius-1, 4px)' });\n    },\n    table: (counts?: number[], modifiers?: Set<string>): JSX.IntrinsicElements => {\n        const columnCount = counts?.[0] ?? 5;\n        const rowCount = counts?.[1] ?? 5;\n        const headless = modifiers?.has('headless');\n        const bordered = modifiers?.has('bordered');\n        return (\n            <div class=\"skeleton-shape table\">\n                {!headless && (\n                    <div class=\"skeleton-table-head\">\n                        <div class=\"skeleton-table-row skeleton-table-header flex\">\n                            {!!columnCount &&\n                                Array(columnCount)\n                                    .fill(undefined)\n                                    .map(() => atoms.rectangle({ height: '1rem' }))}\n                        </div>\n                        <div class=\"skeleton-table-row-border\">{atoms.rectangle({ height: '3px' })}</div>\n                    </div>\n                )}\n                <div class=\"skeleton-table-body\">\n                    {!!rowCount &&\n                        Array(rowCount)\n                            .fill(undefined)\n                            .map(() => (\n                                <div class=\"skeleton-table-row-wrapper\">\n                                    <div class=\"skeleton-table-row flex\">\n                                        {!!columnCount &&\n                                            Array(columnCount)\n                                                .fill(undefined)\n                                                .map(() => atoms.rectangle({ height: '1.5rem' }))}\n                                    </div>\n                                    {bordered && (\n                                        <div class=\"skeleton-table-row-border\">\n                                            {atoms.rectangle({\n                                                height: '1px',\n                                                additionalClasses: 'no-margin',\n                                            })}\n                                        </div>\n                                    )}\n                                </div>\n                            ))}\n                </div>\n            </div>\n        );\n    },\n    field: molecules.field,\n    form: (counts?: number[]): JSX.IntrinsicElements => {\n        const columns = (counts?.[1] && counts?.[0]) ?? 1;\n        const rows = counts?.[1] ?? counts?.[0] ?? 1;\n        const totalItems = columns * rows;\n        return (\n            <div class={`skeleton-shape form flex columns-${columns}`}>\n                {!!totalItems && Array(totalItems).fill(undefined).map(molecules.field)}\n            </div>\n        );\n    },\n    text: molecules.text,\n    'detailed-item': (counts?: number[], modifiers?: Set<string>): JSX.IntrinsicElements => {\n        const isSquare = modifiers?.has('square');\n        const alignment = (modifiers?.has('center') && 'center') || (modifiers?.has('right') && 'right') || 'left';\n        return (\n            <div class={`skeleton-shape detailed-item flex ${alignment}`}>\n                <div class={`detailed-item-image flex-${alignment}`}>\n                    {isSquare\n                        ? atoms.rectangle({ width: '1.5em', height: '1.5em', borderRadius: '3px' })\n                        : atoms.circle({ width: '1.5em' })}\n                </div>\n                <div class={`detailed-item-text flex flex-v-center flex-${alignment}`}>\n                    <div>{molecules.text(counts, modifiers)}</div>\n                </div>\n            </div>\n        );\n    },\n    'label-value': (counts?: number[]): JSX.IntrinsicElements => {\n        const cells = 2 * (counts?.[0] ?? 1);\n        return (\n            <div class=\"skeleton-shape label-value flex\">\n                {!!cells &&\n                    Array(cells)\n                        .fill(undefined)\n                        .map(() => atoms.rectangle({ height: '1rem' }))}\n            </div>\n        );\n    },\n};\n\nexport default shapes;\n"],"names":[],"mappings":";;AAUa,MAAA,KAAK,GAAG;AACjB,IAAA,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,iBAAiB,EAAe,MAC9C,CAAA,CAAA,KAAA,EAAA,EACI,KAAK,EAAE,CAAA,sBAAA,EAAyB,iBAAiB,IAAI,EAAE,CAAA,CAAE,EACzD,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAC5B,CACV;AACD,IAAA,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,iBAAiB,EAAe,MACvE,CACI,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAA,yBAAA,EAA4B,iBAAiB,IAAI,EAAE,CAAA,CAAE,EAC5D,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,GACnC,CACV;;AAGE,MAAM,SAAS,GAAG;IACrB,KAAK,EAAE,OACH,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA;AAC7B,QAAA,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,sBAAsB,IAAE,KAAK,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAO;QAC1F,KAAK,CAAC,SAAS,CAAC;AACb,YAAA,MAAM,EAAE,+BAA+B;AACvC,YAAA,YAAY,EAAE,KAAK;AACtB,SAAA,CAAC,CACA,CACT;AACD,IAAA,IAAI,EAAE,CAAC,MAAiB,EAAE,SAAuB,KAA2B;;AACxE,QAAA,MAAM,IAAI,GAAG,CAAA,EAAA,GAAA,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,MAAA,GAAA,MAAA,GAAA,MAAM,CAAG,CAAC,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,CAAC;AAC7B,QAAA,MAAM,SAAS,GAAG,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,GAAG,CAAC,QAAQ,CAAC;AAC1C,QAAA,MAAM,SAAS,GAAG,CAAC,CAAA,SAAS,KAAT,IAAA,IAAA,SAAS,KAAT,MAAA,GAAA,MAAA,GAAA,SAAS,CAAE,GAAG,CAAC,QAAQ,CAAC,KAAI,QAAQ,MAAM,CAAA,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,GAAG,CAAC,OAAO,CAAC,KAAI,OAAO,CAAC,IAAI,MAAM;QAC1G,MAAM,gBAAgB,GAAG,CAAA,SAAS,aAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,GAAG,CAAC,aAAa,CAAC,IAAG,UAAU,GAAG,EAAE;AACxE,QAAA,MAAM,iBAAiB,GAAG,SAAS,GAAG,CAAA,OAAA,EAAU,SAAS,CAAA,EAAG,gBAAgB,CAAE,CAAA,GAAG,EAAE;AACnF,QAAA,QACI,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,qBAAqB,EAAA;AAC3B,YAAA,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,iBAAiB,EAAE,CAAC;AACjE,YAAA,CAAC,CAAC,IAAI;gBACH,KAAK,CAAC,IAAI;qBACL,IAAI,CAAC,SAAS;AACd,qBAAA,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,CACrD;KAEb;CACJ;AAEY,MAAA,MAAM,GAAG;IAClB,MAAM,EAAE,MAA4B;QAChC,OAAO,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;KACzC;IACD,SAAS,EAAE,MAA4B;AACnC,QAAA,OAAO,KAAK,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,iCAAiC,EAAE,CAAC;KAC9F;AACD,IAAA,KAAK,EAAE,CAAC,MAAiB,EAAE,SAAuB,KAA2B;;AACzE,QAAA,MAAM,WAAW,GAAG,CAAA,EAAA,GAAA,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,MAAA,GAAA,MAAA,GAAA,MAAM,CAAG,CAAC,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,CAAC;AACpC,QAAA,MAAM,QAAQ,GAAG,CAAA,EAAA,GAAA,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,MAAA,GAAA,MAAA,GAAA,MAAM,CAAG,CAAC,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,CAAC;AACjC,QAAA,MAAM,QAAQ,GAAG,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,GAAG,CAAC,UAAU,CAAC;AAC3C,QAAA,MAAM,QAAQ,GAAG,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,GAAG,CAAC,UAAU,CAAC;AAC3C,QAAA,QACI,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,sBAAsB,EAAA;AAC5B,YAAA,CAAC,QAAQ,KACN,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA;AAC5B,gBAAA,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,+CAA+C,EACrD,EAAA,CAAC,CAAC,WAAW;oBACV,KAAK,CAAC,WAAW;yBACZ,IAAI,CAAC,SAAS;AACd,yBAAA,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,CACrD;AACN,gBAAA,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,2BAA2B,EAAE,EAAA,KAAK,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAO,CAC/E,CACT;AACD,YAAA,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,qBAAqB,EAC3B,EAAA,CAAC,CAAC,QAAQ;gBACP,KAAK,CAAC,QAAQ;qBACT,IAAI,CAAC,SAAS;qBACd,GAAG,CAAC,OACD,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAAA;AACnC,oBAAA,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,yBAAyB,EAC/B,EAAA,CAAC,CAAC,WAAW;wBACV,KAAK,CAAC,WAAW;6BACZ,IAAI,CAAC,SAAS;AACd,6BAAA,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC,CACvD;oBACL,QAAQ,KACL,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,2BAA2B,EACjC,EAAA,KAAK,CAAC,SAAS,CAAC;AACb,wBAAA,MAAM,EAAE,KAAK;AACb,wBAAA,iBAAiB,EAAE,WAAW;qBACjC,CAAC,CACA,CACT,CACC,CACT,CAAC,CACR,CACJ;KAEb;IACD,KAAK,EAAE,SAAS,CAAC,KAAK;AACtB,IAAA,IAAI,EAAE,CAAC,MAAiB,KAA2B;;QAC/C,MAAM,OAAO,GAAG,CAAA,EAAA,IAAC,CAAA,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAG,CAAC,CAAC,MAAI,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAG,CAAC,CAAC,CAAA,CAAC,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,CAAC;QACjD,MAAM,IAAI,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,MAAA,GAAA,MAAA,GAAA,MAAM,CAAG,CAAC,CAAC,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,MAAA,GAAA,MAAA,GAAA,MAAM,CAAG,CAAC,CAAC,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,CAAC;AAC5C,QAAA,MAAM,UAAU,GAAG,OAAO,GAAG,IAAI;AACjC,QAAA,QACI,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,CAAoC,iCAAA,EAAA,OAAO,CAAE,CAAA,EAAA,EACpD,CAAC,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,CAAC,CACrE;KAEb;IACD,IAAI,EAAE,SAAS,CAAC,IAAI;AACpB,IAAA,eAAe,EAAE,CAAC,MAAiB,EAAE,SAAuB,KAA2B;AACnF,QAAA,MAAM,QAAQ,GAAG,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,GAAG,CAAC,QAAQ,CAAC;AACzC,QAAA,MAAM,SAAS,GAAG,CAAC,CAAA,SAAS,KAAT,IAAA,IAAA,SAAS,KAAT,MAAA,GAAA,MAAA,GAAA,SAAS,CAAE,GAAG,CAAC,QAAQ,CAAC,KAAI,QAAQ,MAAM,CAAA,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,GAAG,CAAC,OAAO,CAAC,KAAI,OAAO,CAAC,IAAI,MAAM;AAC1G,QAAA,QACI,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAA,kCAAA,EAAqC,SAAS,CAAE,CAAA,EAAA;AACxD,YAAA,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,CAAA,yBAAA,EAA4B,SAAS,CAAA,CAAE,IAC9C;AACG,kBAAE,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE;kBACxE,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CACpC;AACN,YAAA,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,CAA8C,2CAAA,EAAA,SAAS,CAAE,CAAA,EAAA;AACjE,gBAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAM,SAAS,CAAC,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC,CAAO,CAC5C,CACJ;KAEb;AACD,IAAA,aAAa,EAAE,CAAC,MAAiB,KAA2B;;AACxD,QAAA,MAAM,KAAK,GAAG,CAAC,IAAI,MAAA,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAG,CAAC,CAAC,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,CAAC,CAAC;QACpC,QACI,WAAK,KAAK,EAAC,iCAAiC,EACvC,EAAA,CAAC,CAAC,KAAK;YACJ,KAAK,CAAC,KAAK;iBACN,IAAI,CAAC,SAAS;AACd,iBAAA,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,CACrD;KAEb;;;;;"}
+{"version":3,"file":"shapes-BrIjALih.js","sources":["src/components/q2-loading/skeleton/shapes.tsx"],"sourcesContent":["import { h } from '@stencil/core';\nimport { JSX } from './../../../components';\n\ninterface AtomOptions {\n    width?: string;\n    height?: string;\n    borderRadius?: string;\n    additionalClasses?: string;\n}\n\nexport const atoms = {\n    circle: ({ width, additionalClasses }: AtomOptions): JSX.IntrinsicElements => (\n        <div\n            class={`skeleton-shape circle ${additionalClasses || ''}`}\n            style={{ width, height: width }}\n        ></div>\n    ),\n    rectangle: ({ width, height, borderRadius, additionalClasses }: AtomOptions): JSX.IntrinsicElements => (\n        <div\n            class={`skeleton-shape rectangle ${additionalClasses || ''}`}\n            style={{ width, height, borderRadius }}\n        ></div>\n    ),\n};\n\nexport const molecules = {\n    field: (): JSX.IntrinsicElements => (\n        <div class=\"skeleton-shape field\">\n            <div class=\"skeleton-field-label\">{atoms.rectangle({ height: '1rem', width: '50%' })}</div>\n            {atoms.rectangle({\n                height: 'var(--tct-input-height, 42px)',\n                borderRadius: '3px',\n            })}\n        </div>\n    ),\n    text: (counts?: number[], modifiers?: Set<string>): JSX.IntrinsicElements => {\n        const rows = counts?.[0] ?? 1;\n        const hasHeader = modifiers?.has('header');\n        const alignment = (modifiers?.has('center') && 'center') || (modifiers?.has('right') && 'right') || 'left';\n        const smallHeaderClass = modifiers?.has('smallheader') ? ' smaller' : '';\n        const additionalClasses = hasHeader ? `header ${alignment}${smallHeaderClass}` : '';\n        return (\n            <div class=\"skeleton-shape text\">\n                {hasHeader && atoms.rectangle({ width: '60%', additionalClasses })}\n                {!!rows &&\n                    Array(rows)\n                        .fill(undefined)\n                        .map(() => atoms.rectangle({ height: '1rem' }))}\n            </div>\n        );\n    },\n};\n\nexport const shapes = {\n    circle: (): JSX.IntrinsicElements => {\n        return atoms.circle({ width: '100%' });\n    },\n    rectangle: (): JSX.IntrinsicElements => {\n        return atoms.rectangle({ height: '100%', borderRadius: 'var(--tct-border-radius-1, 4px)' });\n    },\n    table: (counts?: number[], modifiers?: Set<string>): JSX.IntrinsicElements => {\n        const columnCount = counts?.[0] ?? 5;\n        const rowCount = counts?.[1] ?? 5;\n        const headless = modifiers?.has('headless');\n        const bordered = modifiers?.has('bordered');\n        return (\n            <div class=\"skeleton-shape table\">\n                {!headless && (\n                    <div class=\"skeleton-table-head\">\n                        <div class=\"skeleton-table-row skeleton-table-header flex\">\n                            {!!columnCount &&\n                                Array(columnCount)\n                                    .fill(undefined)\n                                    .map(() => atoms.rectangle({ height: '1rem' }))}\n                        </div>\n                        <div class=\"skeleton-table-row-border\">{atoms.rectangle({ height: '3px' })}</div>\n                    </div>\n                )}\n                <div class=\"skeleton-table-body\">\n                    {!!rowCount &&\n                        Array(rowCount)\n                            .fill(undefined)\n                            .map(() => (\n                                <div class=\"skeleton-table-row-wrapper\">\n                                    <div class=\"skeleton-table-row flex\">\n                                        {!!columnCount &&\n                                            Array(columnCount)\n                                                .fill(undefined)\n                                                .map(() => atoms.rectangle({ height: '1.5rem' }))}\n                                    </div>\n                                    {bordered && (\n                                        <div class=\"skeleton-table-row-border\">\n                                            {atoms.rectangle({\n                                                height: '1px',\n                                                additionalClasses: 'no-margin',\n                                            })}\n                                        </div>\n                                    )}\n                                </div>\n                            ))}\n                </div>\n            </div>\n        );\n    },\n    field: molecules.field,\n    form: (counts?: number[]): JSX.IntrinsicElements => {\n        const columns = (counts?.[1] && counts?.[0]) ?? 1;\n        const rows = counts?.[1] ?? counts?.[0] ?? 1;\n        const totalItems = columns * rows;\n        return (\n            <div class={`skeleton-shape form flex columns-${columns}`}>\n                {!!totalItems && Array(totalItems).fill(undefined).map(molecules.field)}\n            </div>\n        );\n    },\n    text: molecules.text,\n    'detailed-item': (counts?: number[], modifiers?: Set<string>): JSX.IntrinsicElements => {\n        const isSquare = modifiers?.has('square');\n        const alignment = (modifiers?.has('center') && 'center') || (modifiers?.has('right') && 'right') || 'left';\n        return (\n            <div class={`skeleton-shape detailed-item flex ${alignment}`}>\n                <div class={`detailed-item-image flex-${alignment}`}>\n                    {isSquare\n                        ? atoms.rectangle({ width: '1.5em', height: '1.5em', borderRadius: '3px' })\n                        : atoms.circle({ width: '1.5em' })}\n                </div>\n                <div class={`detailed-item-text flex flex-v-center flex-${alignment}`}>\n                    <div>{molecules.text(counts, modifiers)}</div>\n                </div>\n            </div>\n        );\n    },\n    'label-value': (counts?: number[]): JSX.IntrinsicElements => {\n        const cells = 2 * (counts?.[0] ?? 1);\n        return (\n            <div class=\"skeleton-shape label-value flex\">\n                {!!cells &&\n                    Array(cells)\n                        .fill(undefined)\n                        .map(() => atoms.rectangle({ height: '1rem' }))}\n            </div>\n        );\n    },\n};\n\nexport default shapes;\n"],"names":[],"mappings":"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"}

package/dist/esm/tecton-tab-pane.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-YFPMNbDm.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-COzomxjJ.js';
 
 const tectonTabPaneCss = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch: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-visible{outline:none;box-shadow:var(--const-global-focus)}";
 

package/dist/jest.setup.js

@@ -19,4 +19,15 @@ Object.defineProperty(MockHTMLElement.prototype, 'assignedNodes', {
     configurable: true,
     writable: true,
 });
+global.TouchEvent = class TouchEvent extends Event {
+    constructor(type, eventInitDict) {
+        super(type, eventInitDict);
+        if (eventInitDict === null || eventInitDict === void 0 ? void 0 : eventInitDict.target) {
+            Object.defineProperty(this, 'target', {
+                value: eventInitDict.target,
+                configurable: true,
+            });
+        }
+    }
+};
 //# sourceMappingURL=jest.setup.js.map

package/dist/jest.setup.js.map

@@ -1 +1 @@
-{"version":3,"file":"jest.setup.js","sourceRoot":"","sources":["../jest.setup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD;;GAEG;AAEH,MAAM,CAAC,gBAAgB,GAAG;IAAA;QACtB,YAAO,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QACpB,eAAU,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QACvB,gBAAW,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;IACpC,CAAC;CAAsC,CAAC;AAExC,MAAM,CAAC,cAAc,CAAC,eAAe,CAAC,SAAS,EAAE,kBAAkB,EAAE;IACjE,KAAK,EAAE,GAAG,EAAE,CAAC,EAAE;IACf,YAAY,EAAE,IAAI;IAClB,QAAQ,EAAE,IAAI;CACjB,CAAC,CAAC;AAEH,MAAM,CAAC,cAAc,CAAC,eAAe,CAAC,SAAS,EAAE,eAAe,EAAE;IAC9D,KAAK,EAAE,GAAG,EAAE,CAAC,EAAE;IACf,YAAY,EAAE,IAAI;IAClB,QAAQ,EAAE,IAAI;CACjB,CAAC,CAAC","sourcesContent":["import { MockHTMLElement } from '@stencil/core/mock-doc';\n\n/**\n * mocks for specPage tests\n */\n\nglobal.MutationObserver = class {\n    observe = jest.fn();\n    disconnect = jest.fn();\n    takeRecords = jest.fn(() => []);\n} as unknown as typeof MutationObserver;\n\nObject.defineProperty(MockHTMLElement.prototype, 'assignedElements', {\n    value: () => [],\n    configurable: true,\n    writable: true,\n});\n\nObject.defineProperty(MockHTMLElement.prototype, 'assignedNodes', {\n    value: () => [],\n    configurable: true,\n    writable: true,\n});\n"]}
+{"version":3,"file":"jest.setup.js","sourceRoot":"","sources":["../jest.setup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD;;GAEG;AAEH,MAAM,CAAC,gBAAgB,GAAG;IAAA;QACtB,YAAO,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QACpB,eAAU,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QACvB,gBAAW,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;IACpC,CAAC;CAAsC,CAAC;AAExC,MAAM,CAAC,cAAc,CAAC,eAAe,CAAC,SAAS,EAAE,kBAAkB,EAAE;IACjE,KAAK,EAAE,GAAG,EAAE,CAAC,EAAE;IACf,YAAY,EAAE,IAAI;IAClB,QAAQ,EAAE,IAAI;CACjB,CAAC,CAAC;AAEH,MAAM,CAAC,cAAc,CAAC,eAAe,CAAC,SAAS,EAAE,eAAe,EAAE;IAC9D,KAAK,EAAE,GAAG,EAAE,CAAC,EAAE;IACf,YAAY,EAAE,IAAI;IAClB,QAAQ,EAAE,IAAI;CACjB,CAAC,CAAC;AAYH,MAAM,CAAC,UAAU,GAAG,MAAM,UAAW,SAAQ,KAAK;IAC9C,YAAY,IAAY,EAAE,aAA8B;QACpD,KAAK,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;QAC3B,IAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,EAAE,CAAC;YACxB,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,QAAQ,EAAE;gBAClC,KAAK,EAAE,aAAa,CAAC,MAAM;gBAC3B,YAAY,EAAE,IAAI;aACrB,CAAC,CAAC;QACP,CAAC;IACL,CAAC;CAC4B,CAAC","sourcesContent":["import { MockHTMLElement } from '@stencil/core/mock-doc';\n\n/**\n * mocks for specPage tests\n */\n\nglobal.MutationObserver = class {\n    observe = jest.fn();\n    disconnect = jest.fn();\n    takeRecords = jest.fn(() => []);\n} as unknown as typeof MutationObserver;\n\nObject.defineProperty(MockHTMLElement.prototype, 'assignedElements', {\n    value: () => [],\n    configurable: true,\n    writable: true,\n});\n\nObject.defineProperty(MockHTMLElement.prototype, 'assignedNodes', {\n    value: () => [],\n    configurable: true,\n    writable: true,\n});\n\n/**\n * TouchEvent mock for testing\n * Extends the global TouchEventInit to allow setting a target HTMLElement\n */\ndeclare global {\n    interface TouchEventInit {\n        target?: HTMLElement;\n    }\n}\n\nglobal.TouchEvent = class TouchEvent extends Event {\n    constructor(type: string, eventInitDict?: TouchEventInit) {\n        super(type, eventInitDict);\n        if (eventInitDict?.target) {\n            Object.defineProperty(this, 'target', {\n                value: eventInitDict.target,\n                configurable: true,\n            });\n        }\n    }\n} as unknown as typeof TouchEvent;\n"]}

package/dist/q2-tecton-elements/app-globals-DQuL1Twl.js

@@ -0,0 +1,5 @@
+const globalScripts = () => {};
+
+export { globalScripts as g };
+//# sourceMappingURL=app-globals-DQuL1Twl.js.map
+//# sourceMappingURL=app-globals-DQuL1Twl.js.map

package/dist/q2-tecton-elements/app-globals-DQuL1Twl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-globals-DQuL1Twl.js","sources":["@stencil/core/internal/app-globals"],"sourcesContent":["export const globalScripts = () => {};\n"],"names":[],"mappings":"AAAY,MAAC,aAAa,GAAG,MAAM;;;;"}

package/dist/q2-tecton-elements/click-elsewhere.entry.js

@@ -1,4 +1,4 @@
-import { r as t, c as s, a as i } from "./index-YFPMNbDm.js";
+import { r as t, c as s, g as i } from "./index-COzomxjJ.js";
 
 const e = class {
   constructor(i) {

package/dist/q2-tecton-elements/{index-YFPMNbDm.js → index-COzomxjJ.js}

@@ -7,25 +7,21 @@ const t = /* q2-tecton-elements */ {
   updatable: true
 };
 
-const globalScripts = () => {};
-
-const n = "";
-
 /*
- Stencil Client Platform v4.35.0 | MIT Licensed | https://stenciljs.com
- */ var r = Object.defineProperty;
+ Stencil Client Platform v4.32.0 | MIT Licensed | https://stenciljs.com
+ */ var n = Object.defineProperty;
 
 var __export = (e, t) => {
-  for (var n in t) r(e, n, {
-    get: t[n],
+  for (var r in t) n(e, r, {
+    get: t[r],
     enumerable: true
   });
 };
 
 // src/utils/constants.ts
-var o = "http://www.w3.org/2000/svg";
+var r = "http://www.w3.org/2000/svg";
 
-var l = "http://www.w3.org/1999/xhtml";
+var o = "http://www.w3.org/1999/xhtml";
 
 // src/client/client-host-ref.ts
 var getHostRef = e => {
@@ -66,7 +62,7 @@ var consoleError = (e, t) => (0, console.error)(e, t)
 // src/client/client-load-module.ts
 ;
 
-var i =  new Map;
+var l =  new Map;
 
 var loadModule = (e, t, n) => {
   const r = e._$$tagName$$_.replace(/-/g, "_");
@@ -74,9 +70,9 @@ var loadModule = (e, t, n) => {
   if (!o) {
     return void 0;
   }
-  const l = i.get(o);
-  if (l) {
-    return l[r];
+  const i = l.get(o);
+  if (i) {
+    return i[r];
   }
   /*!__STENCIL_STATIC_IMPORT_SWITCH__*/  return import(
   /* @vite-ignore */
@@ -85,7 +81,7 @@ var loadModule = (e, t, n) => {
   /* webpackMode: "lazy" */
   `./${o}.entry.js${""}`).then((e => {
     {
-      i.set(o, e);
+      l.set(o, e);
     }
     return e[r];
   }), (e => {
@@ -94,7 +90,9 @@ var loadModule = (e, t, n) => {
 };
 
 // src/client/client-style.ts
-var s =  new Map;
+var i =  new Map;
+
+var s = "sty-id";
 
 var f = "{visibility:hidden}[stencil-hydrated]{visibility:inherit}";
 
@@ -255,17 +253,6 @@ var unwrapErr = e => {
   }
 };
 
-function createShadowRoot(e) {
-  const t = this.attachShadow({
-    mode: "open"
-  });
-  if (p) {
-    const e = new CSSStyleSheet;
-    e.replaceSync(n);
-    t.adoptedStyleSheets.push(e);
-  }
-}
-
 var updateFallbackSlotVisibility = e => {
   const t = internalCall(e, "childNodes");
   if (e.tagName && e.tagName.includes("-") && e["s-cr"] && e.tagName !== "SLOT-FB") {
@@ -347,7 +334,7 @@ function patchSlotNode(e) {
     const n = [];
     const r = this["s-sn"];
     if (e == null ? void 0 : e.flatten) {
-      console.error(`\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use \`.childNodes\` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        `);
+      console.error(`\n          Flattening is not supported for Stencil non-shadow slots. \n          You can use \`.childNodes\` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        `);
     }
     const o = this["s-cr"].parentElement;
     const l = o.__childNodes ? o.childNodes : getSlottedChildNodes(o.childNodes);
@@ -518,12 +505,10 @@ createSupportsRuleRe(":host");
 
 createSupportsRuleRe(":host-context");
 
-var parsePropertyValue = (e, t, n) => {
+var parsePropertyValue = (e, t) => {
   if (e != null && !isComplexType(e)) {
     if (t & 4 /* Boolean */) {
-      {
-        return e === "false" ? false : e === "" || !!e;
-      }
+      return e === "false" ? false : e === "" || !!e;
     }
     if (t & 2 /* Number */) {
       return typeof e === "string" ? parseFloat(e) : typeof e === "number" ? e : NaN;
@@ -561,7 +546,7 @@ var emitEvent = (e, t, n) => {
 var j =  new WeakMap;
 
 var registerStyle = (e, t, n) => {
-  let r = s.get(e);
+  let r = i.get(e);
   if (p && n) {
     r = r || new CSSStyleSheet;
     if (typeof r === "string") {
@@ -572,13 +557,13 @@ var registerStyle = (e, t, n) => {
   } else {
     r = t;
   }
-  s.set(e, r);
+  i.set(e, r);
 };
 
 var addStyle = (e, t, n) => {
   var r;
   const o = getScopeId(t);
-  const l = s.get(o);
+  const l = i.get(o);
   if (!u.document) {
     return o;
   }
@@ -593,7 +578,7 @@ var addStyle = (e, t, n) => {
       }
       if (!n.has(o)) {
         {
-          i = u.document.createElement("style");
+          i = document.querySelector(`[${s}="${o}"]`) || u.document.createElement("style");
           i.innerHTML = l;
           const n = (r = v._$$nonce$$_) != null ? r : queryNonceMetaTagContent(u.document);
           if (n != null) {
@@ -802,22 +787,22 @@ var C;
 
 var E;
 
-var R = false;
-
 var M = false;
 
+var R = false;
+
 var x = false;
 
 var T = false;
 
-var createElm = (e, n, r) => {
+var createElm = (e, n, l) => {
   var i;
-  const s = n._$$children$$_[r];
+  const s = n._$$children$$_[l];
   let f = 0;
   let a;
   let c;
   let v;
-  if (!R) {
+  if (!M) {
     x = true;
     if (s._$$tag$$_ === "slot") {
       s._$$flags$$_ |= s._$$children$$_ ? 
@@ -844,7 +829,7 @@ var createElm = (e, n, r) => {
     if (!u.document) {
       throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");
     }
-    a = s._$$elm$$_ = u.document.createElementNS(T ? o : l, !R && t.slotRelocation && s._$$flags$$_ & 2 /* isSlotFallback */ ? "slot-fb" : s._$$tag$$_);
+    a = s._$$elm$$_ = u.document.createElementNS(T ? r : o, !M && t.slotRelocation && s._$$flags$$_ & 2 /* isSlotFallback */ ? "slot-fb" : s._$$tag$$_);
     if (T && s._$$tag$$_ === "foreignObject") {
       T = false;
     }
@@ -875,7 +860,7 @@ var createElm = (e, n, r) => {
       a["s-sn"] = s._$$name$$_ || "";
       a["s-rf"] = (i = s._$$attrs$$_) == null ? void 0 : i.ref;
       patchSlotNode(a);
-      v = e && e._$$children$$_ && e._$$children$$_[r];
+      v = e && e._$$children$$_ && e._$$children$$_[l];
       if (v && v._$$tag$$_ === s._$$tag$$_ && e._$$elm$$_) {
         {
           putBackInOriginalLocation(e._$$elm$$_, false);
@@ -930,7 +915,7 @@ var removeVnodes = (e, t, n) => {
       nullifyVNodeRefs(t);
       if (e) {
         {
-          M = true;
+          R = true;
           if (e["s-ol"]) {
             e["s-ol"].remove();
           } else {
@@ -1097,7 +1082,7 @@ var markSlotContentForRelocation = e => {
         if (!t["s-cn"] && !t["s-nr"] && t["s-hn"] !== e["s-hn"] && true) {
           if (isNodeLocatedInSlot(t, o)) {
             let n = L.find((e => e._$$nodeToRelocate$$_ === t));
-            M = true;
+            R = true;
             t["s-sn"] = t["s-sn"] || o;
             if (n) {
               n._$$nodeToRelocate$$_["s-sh"] = e["s-hn"];
@@ -1169,10 +1154,10 @@ var renderVdom = (e, t, n = false) => {
   d._$$flags$$_ |= 4 /* isHost */;
   e._$$vnode$$_ = d;
   d._$$elm$$_ = a._$$elm$$_ = s.shadowRoot || s;
-  R = !!(f._$$flags$$_ & 1 /* shadowDomEncapsulation */) && !(f._$$flags$$_ & 128 /* shadowNeedsScopedCss */);
+  M = !!(f._$$flags$$_ & 1 /* shadowDomEncapsulation */) && !(f._$$flags$$_ & 128 /* shadowNeedsScopedCss */);
   {
     C = s["s-cr"];
-    M = false;
+    R = false;
   }
   patch(a, d, n);
   {
@@ -1234,7 +1219,7 @@ var renderVdom = (e, t, n = false) => {
         }
       }
     }
-    if (M) {
+    if (R) {
       updateFallbackSlotVisibility(d._$$elm$$_);
     }
     v._$$flags$$_ &= -2 /* isTmpDisconnected */;
@@ -1672,7 +1657,7 @@ var initializeComponent = async (e, t, n, r) => {
         e = o.style;
       }
       const t = getScopeId(n);
-      if (!s.has(t)) {
+      if (!i.has(t)) {
         const r = createTime("registerStyles", n._$$tagName$$_);
         registerStyle(t, e, !!(n._$$flags$$_ & 1 /* shadowDomEncapsulation */));
         r();
@@ -1834,7 +1819,11 @@ var bootstrapLazy = (e, t = {}) => {
           if (r._$$flags$$_ & 1 /* shadowDomEncapsulation */) {
             {
               if (!e.shadowRoot) {
-                createShadowRoot.call(e, r);
+                {
+                  e.attachShadow({
+                    mode: "open"
+                  });
+                }
               } else {
                 if (e.shadowRoot.mode !== "open") {
                   throw new Error(`Unable to re-use existing shadow root for ${r._$$tagName$$_}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`);
@@ -1957,6 +1946,6 @@ var hostListenerOpts = e => d ? {
 
 var setNonce = e => v._$$nonce$$_ = e;
 
-export { Fragment as F, $ as H, getElement as a, bootstrapLazy as b, createEvent as c, getAssetPath as d, globalScripts as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
-//# sourceMappingURL=index-YFPMNbDm.js.map
-//# sourceMappingURL=index-YFPMNbDm.js.map
+export { Fragment as F, $ as H, getAssetPath as a, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
+//# sourceMappingURL=index-COzomxjJ.js.map
+//# sourceMappingURL=index-COzomxjJ.js.map