q2-tecton-elements 1.71.4 → 1.73.0

package/dist/q2-tecton-elements/q2-card-image.entry.js

@@ -1,8 +1,8 @@
-import { r as t, c as a, a as i, h as r, H as e, g as c } from "./index-Cqkz7Bnm.js";
+import { r as t, c as a, a as i, h as r, H as e, g as o } from "./index-Cqkz7Bnm.js";
 
-import { h as o, l as s } from "./index-Cps4jSQM.js";
+import { h as c, l as s } from "./index-CP8pXJ-l.js";
 
-const d = class {
+const n = class {
   constructor(i) {
     t(this, i), this.tctClick = a(this, "tctClick", 7), 
     // #region Own Properties
@@ -104,7 +104,7 @@ const d = class {
   // #endregion
   // #region Local Methods
   get hasActionSlotContent() {
-    return o(this.hostElement, "action");
+    return c(this.hostElement, "action");
   }
   get isDecorative() {
     return "tiny" === this.size && !this.clickable;
@@ -402,14 +402,14 @@ const d = class {
       onClick: this.handleCardClick
     }, this.renderCardContent()) : this.renderCardContent(), a = !!this.cardStatus && "large" === this.size;
     return r(e, {
-      key: "4425c2f04d081d93b56ed67f00b949c8143d0046",
+      key: "1210673a91d22bac5106d3807ec08179fb6cfd9f",
       class: {
         [`${this.orientation}`]: !0,
         "has-action": this.hasActionSlotContent,
         "has-banner": a
       }
     }, this.renderStatusBanner(), r("div", {
-      key: "1d264f88e00805b9153a7ac59f4ea367bf28dc3f",
+      key: "b81dd3c1b02260e9ff1d7e7321d88a3c2d209f83",
       class: "card-wrapper"
     }, t, this.renderAction()));
   }
@@ -417,10 +417,10 @@ const d = class {
     return [ "assets" ];
   }
   get hostElement() {
-    return c(this);
+    return o(this);
   }
 };
 
-d.style = '*{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}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}:host{--tct-card-image-base-blur:0px;--tct-card-image-primary-color:var(--t-primary, #5446a4);--tct-card-image-secondary-color:var(--t-secondary, #2a7de1);--tct-card-image-tertiary-color:var(--t-tertiary, #6b7280);--tct-card-image-base-gradient-deg:110.95deg;--tct-card-image-base-gradient-left-color:var(--t-gray-2, #1a1a1a);--tct-card-image-base-gradient-left-stop:0.54%;--tct-card-image-base-gradient-middle-color:var(--t-gray-11, #cccccc);--tct-card-image-base-gradient-middle-stop:60.22%;--tct-card-image-base-gradient-right-color:var(--t-gray-2, #1a1a1a);--tct-card-image-base-gradient-right-stop:100%;--tct-card-image-overlay-opacity:1;--tct-card-image-overlay-mix-blend-mode:normal;--tct-card-image-dot-size:0.5px;--tct-card-image-dot-spacing:2px;--tct-card-image-dot-color:rgba(128, 128, 128, 0.5);--tct-card-image-font-color:var(--t-base, #fff);--tct-card-image-text-shadow:0px 0px 1px rgba(0, 0, 0, 0.85);--tct-card-image-status-box-shadow:var(       --app-shadow-3,       0px 0px 2px rgba(0, 0, 0, 0.12),       0px 8px 16px rgba(0, 0, 0, 0.14)   );--tct-card-image-status-background-digital:var(--tct-black, #000);--tct-card-image-status-color-digital:var(--tct-white, #fff);--tct-card-image-status-background-enabled:var(--tct-stoplight-info, #0079c1);--tct-card-image-status-color-enabled:var(--tct-white, #fff);--tct-card-image-status-background-disabled:var(--tct-stoplight-alert, #d20a0a);--tct-card-image-status-color-disabled:var(--tct-white, #fff);--tct-card-image-status-background-locked:var(--tct-stoplight-alert, #d20a0a);--tct-card-image-status-color-locked:var(--tct-white, #fff);--tct-card-image-status-background-damaged:var(--tct-stoplight-warning, #c35500);--tct-card-image-status-color-damaged:var(--tct-white, #fff);--tct-card-image-status-background-lost:var(--tct-stoplight-warning, #c35500);--tct-card-image-status-color-lost:var(--tct-white, #fff);--tct-card-image-status-background-stolen:var(--tct-stoplight-warning, #c35500);--tct-card-image-status-color-stolen:var(--tct-white, #fff);--tct-card-image-status-background-lost-or-stolen:var(--tct-stoplight-warning, #c35500);--tct-card-image-status-color-lost-or-stolen:var(--tct-white, #fff);}:host{display:flex;flex-direction:column;max-width:100%;box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}:host([inline]){display:inline-flex}:host(.horizontal){max-width:var(--tct-card-image-max-width, min(400px, 100%));min-width:var(--tct-card-image-min-width, 40px);width:var(--tct-card-image-width)}:host(.vertical){max-width:var(--tct-card-image-max-width, min(250px, 100%));min-width:var(--tct-card-image-min-width, 25px);width:var(--tct-card-image-width)}:host(.has-action){margin-top:22px;margin-right:22px}:host(.has-action.has-banner){margin-top:11px}:host(:hover) .card-image-container.clickable,:host(:focus-within) .card-image-container.clickable{transform:translateY(-8px) scale(1.03);box-shadow:var(--app-shadow-3, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 8px 16px rgba(0, 0, 0, 0.14))}:host(:hover) .card-status-banner.clickable,:host(:focus-within) .card-status-banner.clickable{transform:translateY(-8px) scale(1.03)}:host([disabled]:not([disabled=false])) .card-image-container{opacity:var(--tct-card-image-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4)));cursor:not-allowed}:host([disabled]:not([disabled=false])) .card-status-banner{cursor:not-allowed}.card-wrapper>q2-btn{--const-double-focus-ring:none;--tct-btn-min-height-medium:0;--tct-btn-padding-size-medium:0;--tct-btn-font-size-medium:inherit;width:100%;max-width:100%}.card-wrapper{position:relative;max-width:100%}.card-action{position:absolute;top:0;right:0;transform:translate(50%, -50%);z-index:5}.card-image-container{overflow:hidden;position:relative;border:1px solid transparent;background:linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, rgb(200, 200, 200) 33%, rgb(150, 150, 150)) border-box;background-origin:border-box;background-clip:padding-box, border-box;box-shadow:var(--app-shadow-2, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 4px 8px rgba(0, 0, 0, 0.14))}.card-image-container.inline{display:inline-block}.card-image-container.clickable{cursor:pointer;will-change:transform;transition:transform 0.3s ease, box-shadow 0.3s ease}.card-image-container.block{display:block}.card-image-container.horizontal{aspect-ratio:8/5;border-radius:3%/4.8%;width:var(--tct-card-image-width, 100%);max-width:var(--tct-card-image-max-width, 400px);min-width:var(--tct-card-image-min-width, 40px);flex-shrink:0}.card-image-container.vertical{aspect-ratio:5/8;border-radius:4.8%/3%;width:var(--tct-card-image-width, 100%);max-width:var(--tct-card-image-max-width, 250px);min-width:var(--tct-card-image-min-width, 25px);flex-shrink:0}.card-image,.card-image-overlay{position:absolute;inset:0;width:100%;height:100%}.card-image{z-index:1;filter:blur(var(--tct-card-image-base-blur))}.card-image-overlay{z-index:2;opacity:var(--tct-card-image-overlay-opacity)}.card-image.bg-primary{background-color:var(--tct-card-image-primary-color)}.card-image.bg-secondary{background-color:var(--tct-card-image-secondary-color)}.card-image.bg-tertiary{background-color:var(--tct-card-image-tertiary-color)}.card-image.bg-gradient{background:linear-gradient(var(--tct-card-image-base-gradient-deg), var(--tct-card-image-base-gradient-left-color) var(--tct-card-image-base-gradient-left-stop), var(--tct-card-image-base-gradient-middle-color) var(--tct-card-image-base-gradient-middle-stop), var(--tct-card-image-base-gradient-right-color) var(--tct-card-image-base-gradient-right-stop))}.card-image-overlay.bg-dot{background-image:radial-gradient(circle, var(--tct-card-image-dot-color) var(--tct-card-image-dot-size), transparent var(--tct-card-image-dot-size));background-size:var(--tct-card-image-dot-spacing) var(--tct-card-image-dot-spacing);mix-blend-mode:var(--tct-card-image-overlay-mix-blend-mode);opacity:var(--tct-card-image-overlay-opacity)}.card-image.bg-custom{background-image:var(--tct-card-image-base-url);background-size:cover;background-position:center}.card-image-overlay.bg-custom{background-image:var(--tct-card-image-overlay-url);background-size:cover;background-position:center}.card-status-banner{position:relative;z-index:4;width:fit-content;min-width:33.33%;max-width:72%;height:22px;margin:0 auto -11px;padding:0 12px;border:1px solid rgba(0, 0, 0, 0.2);border-radius:5px/5px;box-shadow:var(--tct-card-image-status-box-shadow);display:flex;align-items:center;justify-content:center}.card-status-banner.vertical{min-width:60%}.card-status-banner.clickable{cursor:pointer;transition:transform 0.3s ease}.card-status-text{font-size:var(--const-px-14, 14px);font-family:var(--uux-app-fontFamily, OpenSans, Helvetica Neue, Helvetica, Arial, sans-serif);text-transform:uppercase;white-space:nowrap}.card-status-banner.status-enabled{background-color:var(--tct-card-image-status-background-enabled);color:var(--tct-card-image-status-color-enabled)}.card-status-banner.status-disabled{background-color:var(--tct-card-image-status-background-disabled);color:var(--tct-card-image-status-color-disabled)}.card-status-banner.status-locked{background-color:var(--tct-card-image-status-background-locked);color:var(--tct-card-image-status-color-locked)}.card-status-banner.status-damaged{background-color:var(--tct-card-image-status-background-damaged);color:var(--tct-card-image-status-color-damaged)}.card-status-banner.status-lost{background-color:var(--tct-card-image-status-background-lost);color:var(--tct-card-image-status-color-lost)}.card-status-banner.status-stolen{background-color:var(--tct-card-image-status-background-stolen);color:var(--tct-card-image-status-color-stolen)}.card-status-banner.status-lost-or-stolen{background-color:var(--tct-card-image-status-background-lost-or-stolen);color:var(--tct-card-image-status-color-lost-or-stolen)}.card-status-banner.status-digital{background-color:var(--tct-card-image-status-background-digital);color:var(--tct-card-image-status-color-digital)}.card-details-wrapper{container-type:inline-size;position:relative;z-index:3;height:calc(100% + 2px);width:calc(100% + 2px);margin-left:-1px;margin-top:-1px}.card-text{color:var(--tct-card-image-font-color);font-family:"Open Sans", Arial, sans-serif;font-weight:600;line-height:1;letter-spacing:1.55px;text-shadow:var(--tct-card-image-text-shadow);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.card-details-horizontal{padding:2.5cqw;height:100%;width:100%;overflow:hidden}.horizontal-logo-wrapper{padding:0 1.25cqw;margin:1.25cqw 0 2.5cqw 0;width:70cqw;height:11.25cqw}.horizontal-logo{background-image:var(--tct-card-image-fi-logo, var(--uux-logoImageHighContrast, var(--uux-logoImage)));background-size:contain;background-repeat:no-repeat;background-position:left center;background-origin:content-box;padding:var(--tct-card-image-logo-padding, 2.5cqw 0);width:100%;height:100%}.horizontal-chip{width:15cqw;height:10cqw;margin-left:8.75cqw}.horizontal-chip img{display:block;width:100%;height:100%;object-fit:contain}.horizontal-card-number{padding-top:2.5cqw;text-align:left;font-size:5cqw;height:7.5cqw;width:85cqw;margin-left:5cqw}.horizontal-exp-date-card-type-row{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:flex-end;width:100%;height:10cqw;margin:1.25cqw 0}.horizontal-exp-date-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:25cqw;height:100%;margin-left:1.25cqw}.horizontal-exp-date-label{font-size:2.5cqw;margin-bottom:1cqw}.horizontal-exp-date-value{font-size:3.5cqw}.horizontal-card-type{font-size:var(--tct-card-image-type-font-size, 4cqw);color:var(--tct-card-image-type-color, var(--tct-card-image-font-color));margin-right:var(--tct-card-image-type-margin-right, 4.15cqw);margin-bottom:var(--tct-card-image-type-margin-bottom, -10.1cqw)}.horizontal-card-type.vendor-mastercard{font-size:var(--tct-card-image-type-font-size, 3cqw);margin-right:var(--tct-card-image-type-margin-right, 1.25cqw);margin-bottom:var(--tct-card-image-type-margin-bottom, 0cqw)}.horizontal-card-type.vendor-visa{font-size:var(--tct-card-image-type-font-size, 3cqw);margin-right:var(--tct-card-image-type-margin-right, 0.09cqw);margin-bottom:var(--tct-card-image-type-margin-bottom, -6.25cqw)}.horizontal-card-holder-vendor-row{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%}.horizontal-card-holder-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:73.75cqw;height:10cqw;padding:0 1.25cqw;margin-right:1.25cqw;min-width:0}.horizontal-card-holder-label{font-size:2.5cqw;margin-bottom:1cqw}.horizontal-card-holder-value{font-size:4.5cqw}.horizontal-vendor{width:20cqw;height:12.5cqw;flex-shrink:0}.horizontal-vendor img{display:block;width:100%;height:100%;object-fit:contain}.card-details-vertical{position:relative;z-index:3;padding:4cqw;height:100%;width:100%;overflow:hidden}.vertical-chip{width:16cqw;height:24cqw;margin:12cqw 0 30cqw 46cqw}.vertical-chip img{display:block;width:100%;height:100%;object-fit:contain}.vertical-logo-wrapper{padding:0 2cqw;margin-bottom:4cqw;width:100%;height:18cqw}.vertical-logo{background-image:var(--tct-card-image-fi-logo, var(--uux-logoImageHighContrast, var(--uux-logoImage)));background-size:contain;background-repeat:no-repeat;background-position:center center;background-origin:content-box;padding:var(--tct-card-image-logo-padding, 4cqw 0);width:100%;height:100%}.vertical-card-number{text-align:left;font-size:8cqw;height:12cqw;width:100%;padding:0 2cqw}.vertical-card-holder-wrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:16cqw;padding:0 2cqw;min-width:0}.vertical-card-holder-label{font-size:4cqw;margin-bottom:1.6cqw}.vertical-card-holder-value{font-size:7.2cqw}.vertical-exp-date-card-type-row{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:flex-end;width:100%;height:16cqw}.vertical-exp-date-wrapper{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;width:40cqw;height:100%;margin-left:2cqw;padding-bottom:2cqw}.vertical-exp-date-label{font-size:4cqw;margin-bottom:1.6cqw}.vertical-exp-date-value{font-size:5.6cqw}.vertical-card-type{font-size:var(--tct-card-image-type-font-size, 6.4cqw);padding-bottom:2cqw;color:var(--tct-card-image-type-color, var(--tct-card-image-font-color));margin-right:var(--tct-card-image-type-margin-right, 3cqw);margin-bottom:var(--tct-card-image-type-margin-bottom, -19cqw)}.vertical-card-type.vendor-mastercard{font-size:var(--tct-card-image-type-font-size, 4.8cqw);margin-right:var(--tct-card-image-type-margin-right, 2cqw);margin-bottom:var(--tct-card-image-type-margin-bottom, 0cqw)}.vertical-card-type.vendor-visa{font-size:var(--tct-card-image-type-font-size, 4.8cqw);margin-right:var(--tct-card-image-type-margin-right, 0.05625cqw);margin-bottom:var(--tct-card-image-type-margin-bottom, -10cqw)}.vertical-vendor-row{display:flex;justify-content:end}.vertical-vendor{width:32cqw;height:20cqw;flex-shrink:0}.vertical-vendor img{display:block;width:100%;height:100%;object-fit:contain}';
+n.style = '*{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}@container style(--t-prefers-motion: "reduced"){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}@container (not style(--t-prefers-motion: "normal")) and (not style(--t-prefers-motion: "reduced")){@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;animation-delay:0ms !important;transition-delay:0ms !important}}}:host{display:flex;flex-direction:column;max-width:100%;box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}:host([inline]){display:inline-flex}:host(.horizontal){max-width:var(--tct-card-image-max-width, min(400px, 100%));min-width:var(--tct-card-image-min-width, 40px);width:var(--tct-card-image-width)}:host(.vertical){max-width:var(--tct-card-image-max-width, min(250px, 100%));min-width:var(--tct-card-image-min-width, 25px);width:var(--tct-card-image-width)}:host(.has-action){margin-top:22px;margin-right:22px}:host(.has-action.has-banner){margin-top:11px}:host(:hover) .card-image-container.clickable,:host(:focus-within) .card-image-container.clickable{transform:translateY(-8px) scale(1.03);box-shadow:var(--app-shadow-3, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 8px 16px rgba(0, 0, 0, 0.14))}:host(:hover) .card-status-banner.clickable,:host(:focus-within) .card-status-banner.clickable{transform:translateY(-8px) scale(1.03)}:host([disabled]:not([disabled=false])) .card-image-container{opacity:var(--tct-card-image-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4)));cursor:not-allowed}:host([disabled]:not([disabled=false])) .card-status-banner{cursor:not-allowed}.card-wrapper>q2-btn{--tct-btn-default-double-focus-visible-ring:var(--comp-aesthetic-btn-focus-ring, none);--const-double-focus-ring:none;--tct-btn-min-height-medium:0;--tct-btn-padding-size-medium:0;--tct-btn-font-size-medium:inherit;width:100%;max-width:100%}.card-wrapper{position:relative;max-width:100%;--comp-aesthetic-btn-focus-ring:var(--tct-btn-default-double-focus-visible-ring)}.card-action{position:absolute;top:0;right:0;transform:translate(50%, -50%);z-index:5}.card-image-container{overflow:hidden;position:relative;border:1px solid transparent;background:linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, rgb(200, 200, 200) 33%, rgb(150, 150, 150)) border-box;background-origin:border-box;background-clip:padding-box, border-box;box-shadow:var(--app-shadow-2, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 4px 8px rgba(0, 0, 0, 0.14))}.card-image-container.inline{display:inline-block}.card-image-container.clickable{cursor:pointer;will-change:transform;transition:transform 0.3s ease, box-shadow 0.3s ease}.card-image-container.block{display:block}.card-image-container.horizontal{aspect-ratio:8/5;border-radius:3%/4.8%;width:var(--tct-card-image-width, 100%);max-width:var(--tct-card-image-max-width, 400px);min-width:var(--tct-card-image-min-width, 40px);flex-shrink:0}.card-image-container.vertical{aspect-ratio:5/8;border-radius:4.8%/3%;width:var(--tct-card-image-width, 100%);max-width:var(--tct-card-image-max-width, 250px);min-width:var(--tct-card-image-min-width, 25px);flex-shrink:0}.card-image,.card-image-overlay{position:absolute;inset:0;width:100%;height:100%}.card-image{z-index:1;filter:blur(var(--tct-card-image-base-blur, 0px))}.card-image-overlay{z-index:2;opacity:var(--tct-card-image-overlay-opacity, 1)}.card-image.bg-primary{background-color:var(--tct-card-image-primary-color, var(--t-primary, #5446a4))}.card-image.bg-secondary{background-color:var(--tct-card-image-secondary-color, var(--t-secondary, #2a7de1))}.card-image.bg-tertiary{background-color:var(--tct-card-image-tertiary-color, var(--t-tertiary, #6b7280))}.card-image.bg-gradient{background:linear-gradient(var(--tct-card-image-base-gradient-deg, 110.95deg), var(--tct-card-image-base-gradient-left-color, var(--t-gray-2, #1a1a1a)) var(--tct-card-image-base-gradient-left-stop, 0.54%), var(--tct-card-image-base-gradient-middle-color, var(--t-gray-11, #cccccc)) var(--tct-card-image-base-gradient-middle-stop, 60.22%), var(--tct-card-image-base-gradient-right-color, var(--t-gray-2, #1a1a1a)) var(--tct-card-image-base-gradient-right-stop, 100%))}.card-image-overlay.bg-dot{background-image:radial-gradient(circle, var(--tct-card-image-dot-color, rgba(128, 128, 128, 0.5)) var(--tct-card-image-dot-size, 0.5px), transparent var(--tct-card-image-dot-size, 0.5px));background-size:var(--tct-card-image-dot-spacing, 2px) var(--tct-card-image-dot-spacing, 2px);mix-blend-mode:var(--tct-card-image-overlay-mix-blend-mode, normal);opacity:var(--tct-card-image-overlay-opacity, 1)}.card-image.bg-custom{background-image:var(--tct-card-image-base-url);background-size:cover;background-position:center}.card-image-overlay.bg-custom{background-image:var(--tct-card-image-overlay-url);background-size:cover;background-position:center}.card-status-banner{position:relative;z-index:4;width:fit-content;min-width:33.33%;max-width:72%;height:22px;margin:0 auto -11px;padding:0 12px;border:1px solid rgba(0, 0, 0, 0.2);border-radius:5px/5px;box-shadow:var(--tct-card-image-status-box-shadow, var(--app-shadow-3));display:flex;align-items:center;justify-content:center}.card-status-banner.vertical{min-width:60%}.card-status-banner.clickable{cursor:pointer;transition:transform 0.3s ease}.card-status-text{font-size:var(--const-px-14, 14px);font-family:var(--uux-app-fontFamily, OpenSans, Helvetica Neue, Helvetica, Arial, sans-serif);text-transform:uppercase;white-space:nowrap}.card-status-banner.status-enabled{background-color:var(--tct-card-image-status-background-enabled, var(--const-stoplight-success, #0e8a00));color:var(--tct-card-image-status-color-enabled, var(--tct-white, #fff))}.card-status-banner.status-new{background-color:var(--tct-card-image-status-background-new, var(--const-stoplight-info, #0079c1));color:var(--tct-card-image-status-color-new, var(--tct-white, #fff))}.card-status-banner.status-disabled{background-color:var(--tct-card-image-status-background-disabled, var(--const-stoplight-alert, #d20a0a));color:var(--tct-card-image-status-color-disabled, var(--tct-white, #fff))}.card-status-banner.status-locked{background-color:var(--tct-card-image-status-background-locked, var(--const-stoplight-alert, #d20a0a));color:var(--tct-card-image-status-color-locked, var(--tct-white, #fff))}.card-status-banner.status-damaged{background-color:var(--tct-card-image-status-background-damaged, var(--const-stoplight-warning, #c35500));color:var(--tct-card-image-status-color-damaged, var(--tct-white, #fff))}.card-status-banner.status-lost{background-color:var(--tct-card-image-status-background-lost, var(--const-stoplight-warning, #c35500));color:var(--tct-card-image-status-color-lost, var(--tct-white, #fff))}.card-status-banner.status-stolen{background-color:var(--tct-card-image-status-background-stolen, var(--const-stoplight-warning, #c35500));color:var(--tct-card-image-status-color-stolen, var(--tct-white, #fff))}.card-status-banner.status-lost-or-stolen{background-color:var(--tct-card-image-status-background-lost-or-stolen, var(--const-stoplight-warning, #c35500));color:var(--tct-card-image-status-color-lost-or-stolen, var(--tct-white, #fff))}.card-status-banner.status-digital{background-color:var(--tct-card-image-status-background-digital, var(--tct-black, #000));color:var(--tct-card-image-status-color-digital, var(--tct-white, #fff))}.card-details-wrapper{container-type:inline-size;position:relative;z-index:3;height:calc(100% + 2px);width:calc(100% + 2px);margin-left:-1px;margin-top:-1px}.card-text{color:var(--tct-card-image-font-color, var(--t-base, #fff));font-family:"Open Sans", Arial, sans-serif;font-weight:600;line-height:1;letter-spacing:1.55px;text-shadow:var(--tct-card-image-text-shadow, 0px 0px 1px rgba(0, 0, 0, 0.85));text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.card-details-horizontal{padding:2.5cqw;height:100%;width:100%;overflow:hidden}.horizontal-logo-wrapper{padding:0 1.25cqw;margin:1.25cqw 0 2.5cqw 0;width:70cqw;height:11.25cqw}.horizontal-logo{background-image:var(--tct-card-image-fi-logo, var(--uux-logoImageHighContrast, var(--uux-logoImage)));background-size:contain;background-repeat:no-repeat;background-position:left center;background-origin:content-box;padding:var(--tct-card-image-logo-padding, 2.5cqw 0);width:100%;height:100%}.horizontal-chip{width:15cqw;height:10cqw;margin-left:8.75cqw}.horizontal-chip img{display:block;width:100%;height:100%;object-fit:contain}.horizontal-card-number{padding-top:2.5cqw;text-align:left;font-size:5cqw;height:7.5cqw;width:85cqw;margin-left:5cqw}.horizontal-exp-date-card-type-row{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:flex-end;width:100%;height:10cqw;margin:1.25cqw 0}.horizontal-exp-date-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:25cqw;height:100%;margin-left:1.25cqw}.horizontal-exp-date-label{font-size:2.5cqw;margin-bottom:1cqw}.horizontal-exp-date-value{font-size:3.5cqw}.horizontal-card-type{font-size:var(--tct-card-image-type-font-size, 4cqw);color:var(--tct-card-image-type-color, var(--tct-card-image-font-color, var(--t-base, #fff)));margin-right:var(--tct-card-image-type-margin-right, 4.15cqw);margin-bottom:var(--tct-card-image-type-margin-bottom, -10.1cqw)}.horizontal-card-type.vendor-mastercard{font-size:var(--tct-card-image-type-font-size, 3cqw);margin-right:var(--tct-card-image-type-margin-right, 1.25cqw);margin-bottom:var(--tct-card-image-type-margin-bottom, 0cqw)}.horizontal-card-type.vendor-visa{font-size:var(--tct-card-image-type-font-size, 3cqw);margin-right:var(--tct-card-image-type-margin-right, 0.09cqw);margin-bottom:var(--tct-card-image-type-margin-bottom, -6.25cqw)}.horizontal-card-holder-vendor-row{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%}.horizontal-card-holder-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:73.75cqw;height:10cqw;padding:0 1.25cqw;margin-right:1.25cqw;min-width:0}.horizontal-card-holder-label{font-size:2.5cqw;margin-bottom:1cqw}.horizontal-card-holder-value{font-size:4.5cqw}.horizontal-vendor{width:20cqw;height:12.5cqw;flex-shrink:0}.horizontal-vendor img{display:block;width:100%;height:100%;object-fit:contain}.card-details-vertical{position:relative;z-index:3;padding:4cqw;height:100%;width:100%;overflow:hidden}.vertical-chip{width:16cqw;height:24cqw;margin:12cqw 0 30cqw 46cqw}.vertical-chip img{display:block;width:100%;height:100%;object-fit:contain}.vertical-logo-wrapper{padding:0 2cqw;margin-bottom:4cqw;width:100%;height:18cqw}.vertical-logo{background-image:var(--tct-card-image-fi-logo, var(--uux-logoImageHighContrast, var(--uux-logoImage)));background-size:contain;background-repeat:no-repeat;background-position:center center;background-origin:content-box;padding:var(--tct-card-image-logo-padding, 4cqw 0);width:100%;height:100%}.vertical-card-number{text-align:left;font-size:8cqw;height:12cqw;width:100%;padding:0 2cqw}.vertical-card-holder-wrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:16cqw;padding:0 2cqw;min-width:0}.vertical-card-holder-label{font-size:4cqw;margin-bottom:1.6cqw}.vertical-card-holder-value{font-size:7.2cqw}.vertical-exp-date-card-type-row{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:flex-end;width:100%;height:16cqw}.vertical-exp-date-wrapper{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;width:40cqw;height:100%;margin-left:2cqw;padding-bottom:2cqw}.vertical-exp-date-label{font-size:4cqw;margin-bottom:1.6cqw}.vertical-exp-date-value{font-size:5.6cqw}.vertical-card-type{font-size:var(--tct-card-image-type-font-size, 6.4cqw);padding-bottom:2cqw;color:var(--tct-card-image-type-color, var(--tct-card-image-font-color, var(--t-base, #fff)));margin-right:var(--tct-card-image-type-margin-right, 3cqw);margin-bottom:var(--tct-card-image-type-margin-bottom, -19cqw)}.vertical-card-type.vendor-mastercard{font-size:var(--tct-card-image-type-font-size, 4.8cqw);margin-right:var(--tct-card-image-type-margin-right, 2cqw);margin-bottom:var(--tct-card-image-type-margin-bottom, 0cqw)}.vertical-card-type.vendor-visa{font-size:var(--tct-card-image-type-font-size, 4.8cqw);margin-right:var(--tct-card-image-type-margin-right, 0.05625cqw);margin-bottom:var(--tct-card-image-type-margin-bottom, -10cqw)}.vertical-vendor-row{display:flex;justify-content:end}.vertical-vendor{width:32cqw;height:20cqw;flex-shrink:0}.vertical-vendor img{display:block;width:100%;height:100%;object-fit:contain}';
 
-export { d as q2_card_image }
+export { n as q2_card_image }

package/dist/q2-tecton-elements/q2-card.entry.js

@@ -1,6 +1,6 @@
 import { r as a, c as r, h as t, F as c, g as o } from "./index-Cqkz7Bnm.js";
 
-import { o as e, i } from "./index-Cps4jSQM.js";
+import { o as e, i } from "./index-CP8pXJ-l.js";
 
 import { m as n } from "./mirror-emit-DUjY_ucm.js";
 

package/dist/q2-tecton-elements/q2-carousel-pane.entry.js

@@ -2,7 +2,7 @@ import { r as e, c as a, h as t, H as o, g as r } from "./index-Cqkz7Bnm.js";
 
 import { a as n } from "./component-DaQM9u3s.js";
 
-import { l as s } from "./index-Cps4jSQM.js";
+import { l as s } from "./index-CP8pXJ-l.js";
 
 import { m as i } from "./mirror-emit-DUjY_ucm.js";
 
@@ -71,7 +71,7 @@ const c = class {
   render() {
     const {label: e} = this;
     return t(o, {
-      key: "6d221b15545378efa40b54864b2ebca1bcb1e983",
+      key: "f4a4c10d9e66146fae74ee206bb466563ff70957",
       class: this.generatePaneClass(this.currentPaneIndex),
       tabIndex: this.isActivePane ? 0 : -1,
       role: "group",
@@ -80,10 +80,10 @@ const c = class {
       "aria-label": e ? s(e) : s("tecton.element.carousel.itemDescription", [ (this.currentPaneIndex + 1).toString(), (this.siblingCount || 0).toString() ]),
       onClick: this.paneClicked
     }, t("article", {
-      key: "394965fb0a46501fcd33aa3acadb2eaae6a1accd",
+      key: "41030b6a419ccd15485eb0b8a04ba6171777f5e9",
       class: "q2-carousel-pane-main-content"
     }, t("slot", {
-      key: "a059daeb1c5192cec8594b6c9843828d6b833f12"
+      key: "33850b8d35a3c134f014a6eb4638be25f7ab76c0"
     })));
   }
   get hostElement() {

package/dist/q2-tecton-elements/q2-carousel.entry.js

@@ -1,6 +1,6 @@
 import { r as e, c as t, h as i, F as n, H as r, g as o } from "./index-Cqkz7Bnm.js";
 
-import { c as a, l as s, d as l, o as c, i as d, g as u } from "./index-Cps4jSQM.js";
+import { c as a, l as s, d as l, o as c, i as d, g as u } from "./index-CP8pXJ-l.js";
 
 import { m as p } from "./mirror-emit-DUjY_ucm.js";
 
@@ -2407,12 +2407,13 @@ const E = 1024, O = class {
             // range so `this.index`, pagination dots, and emitted events stay logical.
             const t = this.paneCount > 0 ? e.realIndex % this.paneCount : e.realIndex;
             this.index = t + 1, this.updateCarouselPaneProps();
-            const i = !!document.activeElement.closest(`#q2-carousel-${this.guid} .q2-carousel-page-indicator`), n = !!document.activeElement.closest(`#q2-carousel-${this.guid} q2-carousel-pane`), r = i || n;
-            this.handleAriaLive(r), p(this, [ "change", "tctChange" ], {
+            const i = document.activeElement, n = !!i.closest(`#q2-carousel-${this.guid} .q2-carousel-page-indicator`), r = !!document.activeElement.closest(`#q2-carousel-${this.guid} q2-carousel-pane`), o = n || r;
+            this.handleAriaLive(o), p(this, [ "change", "tctChange" ], {
               index: t + 1
-            }), i ? this.paginationBtns[t].focus({
-              preventScroll: !0
-            }) : n && e.slides[e.activeIndex].focus({
+            }), n ? this.pendingPaginationFocus = {
+              index: t,
+              source: i
+            } : r && e.slides[e.activeIndex].focus({
               preventScroll: !0
             });
           },
@@ -2617,7 +2618,7 @@ const E = 1024, O = class {
         class: "next-btn"
       }, i("q2-btn", {
         class: "q2-carousel-navigation-button q2-carousel-navigation-button-next",
-        intent: "workflow-primary",
+        intent: "primary",
         label: s("tecton.element.carousel.nextItemLabel"),
         hideLabel: !0,
         disabled: e || void 0,
@@ -2658,7 +2659,7 @@ const E = 1024, O = class {
         class: "prev-btn"
       }, i("q2-btn", {
         class: "q2-carousel-navigation-button q2-carousel-navigation-button-prev",
-        intent: "workflow-primary",
+        intent: "primary",
         label: s("tecton.element.carousel.previousItemLabel"),
         hideLabel: !0,
         disabled: e || void 0,
@@ -2675,8 +2676,9 @@ const E = 1024, O = class {
   // #region Component Lifecycle Events
   disconnectedCallback() {
     var e;
-    this.mutationObserver && (this.mutationObserver.disconnect(), this.mutationObserver = null), 
-    null === (e = this.paneResizeObserver) || void 0 === e || e.disconnect(), void 0 !== this.syncPaneHeightFrame && cancelAnimationFrame(this.syncPaneHeightFrame), 
+    this.pendingPaginationFocus = void 0, this.mutationObserver && (this.mutationObserver.disconnect(), 
+    this.mutationObserver = null), null === (e = this.paneResizeObserver) || void 0 === e || e.disconnect(), 
+    void 0 !== this.syncPaneHeightFrame && cancelAnimationFrame(this.syncPaneHeightFrame), 
     this.swiper && this.tearDownCarousel(), window.removeEventListener("resize", this.setCarouselWrapperWidth);
   }
   componentWillLoad() {
@@ -2692,6 +2694,17 @@ const E = 1024, O = class {
       subtree: !0
     }), this.mutationObserver = e, c(this.hostElement);
   }
+  componentDidRender() {
+    var e;
+    const t = this.pendingPaginationFocus;
+    if (this.pendingPaginationFocus = void 0, !t) return;
+    const i = document.activeElement;
+    i !== t.source && i !== document.body || 
+    // Dynamic pagination hides distant dots until the new active index renders.
+    null === (e = this.paginationBtns[t.index]) || void 0 === e || e.focus({
+      preventScroll: !0
+    });
+  }
   // #endregion
   // #region Listeners
   carouselPaneClicked(e) {
@@ -2818,7 +2831,7 @@ const E = 1024, O = class {
     const g = [ "q2-carousel-pagination-navigation-wrapper" ];
     return l && "bottom" === c && g.push("evenly-space"), l && "hug" === c && g.push("center-space"), 
     i(r, {
-      key: "2c623516b2b0ce7800440110cde323bdf065abc1",
+      key: "e0ebc5ae08102ced9a732ca59217cd3c2c501172",
       id: `q2-carousel-${this.guid}`,
       class: "q2-carousel-instance"
     }, d ? this.renderInsufficientPanesDisplay() : i(n, null, e > 1 && i("div", {