@cntrl-site/components 1.0.17-3 → 1.0.17-5

package/dist/index.js

@@ -8508,6 +8508,12 @@ export function List({ settings, content, isEditor, isPreviewMode, isEditMode, a
   color: var(--${e}-question-color);
   font: inherit;
   padding-left: 0;
+  outline: none;
+  -webkit-tap-highlight-color: transparent;
+}
+.${e}-question-button:focus,
+.${e}-question-button:focus-visible {
+  outline: none;
 }
 .${e}-question-row {
   display: flex;
@@ -8644,7 +8650,7 @@ export function List({ settings, content, isEditor, isPreviewMode, isEditMode, a
   left: 20px;
   transform: translateY(-50%);
 }
-`}function _i(e,t,n,r,i,l,o,c){return{fontSettings:{fontFamily:e,fontWeight:(t==null?void 0:t.fontWeight)??400,fontStyle:(t==null?void 0:t.fontStyle)??"normal"},fontSize:n??.01,lineHeight:r,letterSpacing:i??0,wordSpacing:l??0,textAppearance:o,color:c??"#000000"}}function Ou({settings:e,content:t,isEditor:n,isPreviewMode:r,isEditMode:i,activeEvent:l}){const{prefix:o}=y.useScopedStyles(),c=i??!1,{wrapperWidth:s=1,cellMinHeight:p=0,dividerWidth:u=694e-6,dividerStyle:T="solid",entryHoverEffect:x="default",autoclose:f="off",icon:m,iconMaxWidth:g=.00833,iconPaddingRight:C=0,iconAnimation:w="rotate 45",questionColor:S="#000000",answerColor:v="#000000",dividerColor:M="#0000001F",iconColor:L="#000000",questionHoverColor:N="#666666",iconHoverColor:b="#666666",iconActiveColor:P="#000000",dividerHoverColor:B="#000000",questionFontFamily:$,questionFontSettings:E,questionFontSize:A,questionLineHeight:F,questionLetterSpacing:j,questionWordSpacing:te,questionTextAppearance:k,answerFontFamily:W,answerFontSettings:D,answerFontSize:H,answerLineHeight:I,answerLetterSpacing:K,answerWordSpacing:Q,answerTextAppearance:Z,questionPaddingLeft:R=0,questionPaddingTop:ne=0,questionPaddingBottom:h=0,answerPaddingLeft:ee=0,answerPaddingRight:ge=0,answerPaddingTop:le=0,answerPaddingBottom:be=0}=e,re=t??[],[ce,V]=d.useState(()=>new Set),U=!n||r;d.useEffect(()=>{V(new Set)},[f]);const G=pe=>y.scalingValue(pe,n??!1),se=Math.max(R,zt),ye=Math.max(ne,zt),Te=Math.max(h,zt),Se=Math.max(ee,zt),Le=Math.max(ge,zt),Ee=Math.max(le,zt),O=Math.max(be,zt),oe=Math.max(0,(s??1)-C-g),_=Math.max(0,(s??1)-ge),z=Math.max(0,(s??1)-ee),q=Math.max(C,zt),Y=Math.max(0,(s??1)-R-g),ae=d.useMemo(()=>ce.size===0?0:Math.min(...ce),[ce]),me=d.useCallback(pe=>ce.has(pe),[ce]),Fe=U&&x==="default"?`${o}-entry-hover-default`:"",he=m??"",ve=he!=="",We=w.replace(/^rotate /,""),ie=`${o}-icon-anim-${We}`,xe=yt(Ze(_i($,E,A,F,j,te,k,S),n)),Ae=yt(Ze(_i(W,D,H,I,K,Q,Z,v),n)),ke=Pi(A,F,`${o}-question`,`${o}-text-tight-leading`),Ve=Pi(H,I,`${o}-answer-text`,`${o}-text-tight-leading`),tt=Ei(A,F,o,n),ut=Ei(H,I,o,n),pt=y.buildColorVars(o,{questionColor:S,answerColor:v,dividerColor:M,iconColor:L,questionHoverColor:N,iconHoverColor:b,iconActiveColor:P,dividerHoverColor:B},Wu,Mu),xt=l&&l!=="default"?`${o}-state-${l}`:"",Et=d.useCallback(pe=>{U&&V(He=>{if(He.has(pe)){const Ue=new Set(He);return Ue.delete(pe),Ue}if(f==="on")return new Set([pe]);const Oe=new Set(He);return Oe.add(pe),Oe})},[U,f]),mt=d.useMemo(()=>Hu(o),[o]),_t={[`--${o}-divider-width`]:y.scalingValue(u,n??!1),[`--${o}-divider-style`]:T,[`--${o}-icon-max-width`]:y.scalingValue(g,n??!1),...p>0?{[`--${o}-question-min-height`]:y.scalingValue(p,n??!1)}:{}};return a.jsxs(a.Fragment,{children:[a.jsx("style",{dangerouslySetInnerHTML:{__html:mt}}),a.jsx("div",{style:pt,children:a.jsx("div",{className:`${o}-wrapper${n&&!r?` ${o}-editor`:""} ${Fe} ${xt}`.trim(),style:{width:y.scalingValue(s,n??!1),maxWidth:"100%",..._t},children:re.map((pe,He)=>{var At;const Oe=me(He),Ue=((At=pe.question)==null?void 0:At.trim())??"",Ct=pe.answer,Vt=((Ct==null?void 0:Ct.length)??0)>0,gt=c&&He===ae;return a.jsxs("div",{className:`${o}-item${Oe?` ${o}-item-open`:""}`.trim(),"data-faq-item":"",children:[a.jsxs("div",{className:`${o}-question-controls`,children:[gt&&a.jsxs(a.Fragment,{children:[a.jsx(jt,{"data-controls":"questionPaddingTop","data-controls-static-handle":"","data-controls-handle-left":"20","data-controls-axis":"y","data-controls-variant":"row-padding","data-controls-min":"0",className:`${o}-padding-control-handle`,hitPlacement:"left-y",areaStyle:{position:"absolute",top:0,left:0,width:"100%",height:G(ye),zIndex:2}}),a.jsx(jt,{"data-controls":"questionPaddingLeft","data-controls-static-handle":"","data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-min":"0","data-controls-max-fraction":String(oe),className:`${o}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,left:0,width:G(se),height:"100%",zIndex:2}}),a.jsx(jt,{"data-controls":"iconPaddingRight","data-controls-static-handle":"","data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-reverse":"","data-controls-min":"0","data-controls-max-fraction":String(Y),className:`${o}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,right:0,width:G(q),height:"100%",zIndex:2}})]}),a.jsxs("button",{type:"button",className:`${o}-question-button`,"aria-expanded":Oe,style:{...xe,...tt,paddingLeft:G(R),paddingRight:G(C)},onClick:()=>Et(He),children:[ne>0&&a.jsx("span",{className:`${o}-padding-handle`,style:{height:G(ne)},"aria-hidden":"true"}),a.jsxs("span",{className:`${o}-question-row`,children:[a.jsx("span",{className:ke,children:Ue}),Vt&&(ve?a.jsx("span",{className:`${o}-icon ${o}-icon-custom ${ie}`,"aria-hidden":"true",children:a.jsx(Nt,{url:he,fill:L,hoverFill:b,className:`${o}-icon-image`})}):a.jsx("span",{className:`${o}-icon ${o}-icon-default ${ie}`,"aria-hidden":"true"}))]}),h>0&&a.jsx("span",{className:`${o}-padding-handle`,style:{height:G(h)},"aria-hidden":"true"})]}),gt&&a.jsx(jt,{"data-controls":"questionPaddingBottom","data-controls-static-handle":"","data-controls-handle-left":"20","data-controls-axis":"y","data-controls-variant":"row-padding","data-controls-min":"0",className:`${o}-padding-control-handle`,hitPlacement:"left-y",areaStyle:{position:"absolute",bottom:0,left:0,width:"100%",height:G(Te),zIndex:2}})]}),Vt&&Ct&&a.jsx("div",{className:`${o}-panel`,"aria-hidden":!Oe,children:a.jsx("div",{className:`${o}-panel-inner`,children:a.jsxs("div",{className:`${o}-answer-controls`,children:[gt&&a.jsxs(a.Fragment,{children:[a.jsx(jt,{"data-controls":"answerPaddingTop","data-controls-static-handle":"","data-controls-handle-left":"20","data-controls-axis":"y","data-controls-variant":"row-padding","data-controls-min":"0",className:`${o}-padding-control-handle`,hitPlacement:"left-y",areaStyle:{position:"absolute",top:0,left:0,width:"100%",height:G(Ee),zIndex:2}}),a.jsx(jt,{"data-controls":"answerPaddingLeft","data-controls-static-handle":"","data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-min":"0","data-controls-max-fraction":String(_),className:`${o}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,left:0,width:G(Se),height:"100%",zIndex:2}}),a.jsx(jt,{"data-controls":"answerPaddingRight","data-controls-static-handle":"","data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-reverse":"","data-controls-min":"0","data-controls-max-fraction":String(z),className:`${o}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,right:0,width:G(Le),height:"100%",zIndex:2}})]}),le>0&&a.jsx("div",{className:`${o}-padding-handle`,style:{height:G(le)}}),a.jsx("div",{className:`${o}-answer`,style:{...Ae,...ut,paddingLeft:G(ee),paddingRight:G(ge)},children:a.jsx("div",{className:Ve,children:a.jsx(Sn,{content:Ct})})}),be>0&&a.jsx("div",{className:`${o}-padding-handle`,style:{height:G(be)}}),gt&&a.jsx(jt,{"data-controls":"answerPaddingBottom","data-controls-static-handle":"","data-controls-handle-left":"20","data-controls-axis":"y","data-controls-variant":"row-padding","data-controls-min":"0",className:`${o}-padding-control-handle`,hitPlacement:"left-y",areaStyle:{position:"absolute",bottom:0,left:0,width:"100%",height:G(O),zIndex:2}})]})})})]},He)})})})]})}const Bu=`import { useCallback, useEffect, useMemo, useState, type CSSProperties, type ComponentPropsWithoutRef } from 'react';
+`}function _i(e,t,n,r,i,l,o,c){return{fontSettings:{fontFamily:e,fontWeight:(t==null?void 0:t.fontWeight)??400,fontStyle:(t==null?void 0:t.fontStyle)??"normal"},fontSize:n??.01,lineHeight:r,letterSpacing:i??0,wordSpacing:l??0,textAppearance:o,color:c??"#000000"}}function Ou({settings:e,content:t,isEditor:n,isPreviewMode:r,isEditMode:i,activeEvent:l}){const{prefix:o}=y.useScopedStyles(),c=i??!1,{wrapperWidth:s=1,cellMinHeight:p=0,dividerWidth:u=694e-6,dividerStyle:T="solid",entryHoverEffect:x="default",autoclose:f="off",icon:m,iconMaxWidth:g=.00833,iconPaddingRight:C=0,iconAnimation:w="rotate 45",questionColor:S="#000000",answerColor:v="#000000",dividerColor:M="#0000001F",iconColor:L="#000000",questionHoverColor:N="#666666",iconHoverColor:b="#666666",iconActiveColor:P="#000000",dividerHoverColor:B="#000000",questionFontFamily:$,questionFontSettings:E,questionFontSize:A,questionLineHeight:F,questionLetterSpacing:j,questionWordSpacing:te,questionTextAppearance:k,answerFontFamily:W,answerFontSettings:D,answerFontSize:H,answerLineHeight:I,answerLetterSpacing:K,answerWordSpacing:Q,answerTextAppearance:Z,questionPaddingLeft:R=0,questionPaddingTop:ne=0,questionPaddingBottom:h=0,answerPaddingLeft:ee=0,answerPaddingRight:ge=0,answerPaddingTop:le=0,answerPaddingBottom:be=0}=e,re=t??[],[ce,V]=d.useState(()=>new Set),U=!n||r;d.useEffect(()=>{V(new Set)},[f]),d.useEffect(()=>{n&&!i&&!r&&V(new Set)},[n,i,r]);const G=pe=>y.scalingValue(pe,n??!1),se=Math.max(R,zt),ye=Math.max(ne,zt),Te=Math.max(h,zt),Se=Math.max(ee,zt),Le=Math.max(ge,zt),Ee=Math.max(le,zt),O=Math.max(be,zt),oe=Math.max(0,(s??1)-C-g),_=Math.max(0,(s??1)-ge),z=Math.max(0,(s??1)-ee),q=Math.max(C,zt),Y=Math.max(0,(s??1)-R-g),ae=d.useMemo(()=>ce.size===0?0:Math.min(...ce),[ce]),me=d.useCallback(pe=>ce.has(pe),[ce]),Fe=U&&x==="default"?`${o}-entry-hover-default`:"",he=m??"",ve=he!=="",We=w.replace(/^rotate /,""),ie=`${o}-icon-anim-${We}`,xe=yt(Ze(_i($,E,A,F,j,te,k,S),n)),Ae=yt(Ze(_i(W,D,H,I,K,Q,Z,v),n)),ke=Pi(A,F,`${o}-question`,`${o}-text-tight-leading`),Ve=Pi(H,I,`${o}-answer-text`,`${o}-text-tight-leading`),tt=Ei(A,F,o,n),ut=Ei(H,I,o,n),pt=y.buildColorVars(o,{questionColor:S,answerColor:v,dividerColor:M,iconColor:L,questionHoverColor:N,iconHoverColor:b,iconActiveColor:P,dividerHoverColor:B},Wu,Mu),xt=l&&l!=="default"?`${o}-state-${l}`:"",Et=d.useCallback(pe=>{U&&V(He=>{if(He.has(pe)){const Ue=new Set(He);return Ue.delete(pe),Ue}if(f==="on")return new Set([pe]);const Oe=new Set(He);return Oe.add(pe),Oe})},[U,f]),mt=d.useMemo(()=>Hu(o),[o]),_t={[`--${o}-divider-width`]:y.scalingValue(u,n??!1),[`--${o}-divider-style`]:T,[`--${o}-icon-max-width`]:y.scalingValue(g,n??!1),...p>0?{[`--${o}-question-min-height`]:y.scalingValue(p,n??!1)}:{}};return a.jsxs(a.Fragment,{children:[a.jsx("style",{dangerouslySetInnerHTML:{__html:mt}}),a.jsx("div",{style:pt,children:a.jsx("div",{className:`${o}-wrapper${n&&!r?` ${o}-editor`:""} ${Fe} ${xt}`.trim(),style:{width:y.scalingValue(s,n??!1),maxWidth:"100%",..._t},children:re.map((pe,He)=>{var At;const Oe=me(He),Ue=((At=pe.question)==null?void 0:At.trim())??"",Ct=pe.answer,Vt=((Ct==null?void 0:Ct.length)??0)>0,gt=c&&He===ae;return a.jsxs("div",{className:`${o}-item${Oe?` ${o}-item-open`:""}`.trim(),"data-faq-item":"",children:[a.jsxs("div",{className:`${o}-question-controls`,children:[gt&&a.jsxs(a.Fragment,{children:[a.jsx(jt,{"data-controls":"questionPaddingTop","data-controls-static-handle":"","data-controls-handle-left":"20","data-controls-axis":"y","data-controls-variant":"row-padding","data-controls-min":"0",className:`${o}-padding-control-handle`,hitPlacement:"left-y",areaStyle:{position:"absolute",top:0,left:0,width:"100%",height:G(ye),zIndex:2}}),a.jsx(jt,{"data-controls":"questionPaddingLeft","data-controls-static-handle":"","data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-min":"0","data-controls-max-fraction":String(oe),className:`${o}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,left:0,width:G(se),height:"100%",zIndex:2}}),a.jsx(jt,{"data-controls":"iconPaddingRight","data-controls-static-handle":"","data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-reverse":"","data-controls-min":"0","data-controls-max-fraction":String(Y),className:`${o}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,right:0,width:G(q),height:"100%",zIndex:2}})]}),a.jsxs("button",{type:"button",className:`${o}-question-button`,"aria-expanded":Oe,style:{...xe,...tt,paddingLeft:G(R),paddingRight:G(C)},onClick:()=>Et(He),children:[ne>0&&a.jsx("span",{className:`${o}-padding-handle`,style:{height:G(ne)},"aria-hidden":"true"}),a.jsxs("span",{className:`${o}-question-row`,children:[a.jsx("span",{className:ke,children:Ue}),Vt&&(ve?a.jsx("span",{className:`${o}-icon ${o}-icon-custom ${ie}`,"aria-hidden":"true",children:a.jsx(Nt,{url:he,fill:L,hoverFill:b,className:`${o}-icon-image`})}):a.jsx("span",{className:`${o}-icon ${o}-icon-default ${ie}`,"aria-hidden":"true"}))]}),h>0&&a.jsx("span",{className:`${o}-padding-handle`,style:{height:G(h)},"aria-hidden":"true"})]}),gt&&a.jsx(jt,{"data-controls":"questionPaddingBottom","data-controls-static-handle":"","data-controls-handle-left":"20","data-controls-axis":"y","data-controls-variant":"row-padding","data-controls-min":"0",className:`${o}-padding-control-handle`,hitPlacement:"left-y",areaStyle:{position:"absolute",bottom:0,left:0,width:"100%",height:G(Te),zIndex:2}})]}),Vt&&Ct&&a.jsx("div",{className:`${o}-panel`,"aria-hidden":!Oe,children:a.jsx("div",{className:`${o}-panel-inner`,children:a.jsxs("div",{className:`${o}-answer-controls`,children:[gt&&a.jsxs(a.Fragment,{children:[a.jsx(jt,{"data-controls":"answerPaddingTop","data-controls-static-handle":"","data-controls-handle-left":"20","data-controls-axis":"y","data-controls-variant":"row-padding","data-controls-min":"0",className:`${o}-padding-control-handle`,hitPlacement:"left-y",areaStyle:{position:"absolute",top:0,left:0,width:"100%",height:G(Ee),zIndex:2}}),a.jsx(jt,{"data-controls":"answerPaddingLeft","data-controls-static-handle":"","data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-min":"0","data-controls-max-fraction":String(_),className:`${o}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,left:0,width:G(Se),height:"100%",zIndex:2}}),a.jsx(jt,{"data-controls":"answerPaddingRight","data-controls-static-handle":"","data-controls-axis":"x","data-controls-variant":"column-padding","data-controls-reverse":"","data-controls-min":"0","data-controls-max-fraction":String(z),className:`${o}-padding-control-handle`,hitPlacement:"center-x",areaStyle:{position:"absolute",top:0,right:0,width:G(Le),height:"100%",zIndex:2}})]}),le>0&&a.jsx("div",{className:`${o}-padding-handle`,style:{height:G(le)}}),a.jsx("div",{className:`${o}-answer`,style:{...Ae,...ut,paddingLeft:G(ee),paddingRight:G(ge)},children:a.jsx("div",{className:Ve,children:a.jsx(Sn,{content:Ct})})}),be>0&&a.jsx("div",{className:`${o}-padding-handle`,style:{height:G(be)}}),gt&&a.jsx(jt,{"data-controls":"answerPaddingBottom","data-controls-static-handle":"","data-controls-handle-left":"20","data-controls-axis":"y","data-controls-variant":"row-padding","data-controls-min":"0",className:`${o}-padding-control-handle`,hitPlacement:"left-y",areaStyle:{position:"absolute",bottom:0,left:0,width:"100%",height:G(O),zIndex:2}})]})})})]},He)})})})]})}const Bu=`import { useCallback, useEffect, useMemo, useState, type CSSProperties, type ComponentPropsWithoutRef } from 'react';
 import { CommonComponentProps } from '../props';
 import { buildColorVars, scalingValue, useScopedStyles } from '../utils/index';
 import { omitTextColors, TextStyles, textStylesToCss } from '../utils/textStylesToCss';
@@ -8869,6 +8875,12 @@ function getCSS(P: string): string {
   color: var(--\${P}-question-color);
   font: inherit;
   padding-left: 0;
+  outline: none;
+  -webkit-tap-highlight-color: transparent;
+}
+.\${P}-question-button:focus,
+.\${P}-question-button:focus-visible {
+  outline: none;
 }
 .\${P}-question-row {
   display: flex;
@@ -9084,6 +9096,12 @@ export function FAQ({ settings, content, isEditor, isPreviewMode, isEditMode, ac
   useEffect(() => {
     setOpenIndices(new Set());
   }, [autoclose]);
+
+  useEffect(() => {
+    if (isEditor && !isEditMode && !isPreviewMode) {
+      setOpenIndices(new Set());
+    }
+  }, [isEditor, isEditMode, isPreviewMode]);
   const scaled = (value: number) => scalingValue(value, isEditor ?? false);
   const questionPaddingLeftWidth = Math.max(questionPaddingLeft, PADDING_HANDLE_SIZE);
   const questionPaddingTopHeight = Math.max(questionPaddingTop, PADDING_HANDLE_SIZE);

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { jsx as l, Fragment as Ge, jsxs as re } from "react/jsx-runtime";
-import en, { useState as de, useEffect as Ie, useRef as Te, useCallback as ft, useMemo as He, useLayoutEffect as yt } from "react";
+import en, { useState as de, useEffect as Ae, useRef as Te, useCallback as ft, useMemo as He, useLayoutEffect as yt } from "react";
 import Fe from "classnames";
 import { s as L, u as an, b as Jn, g as Lr, r as zi } from "./readTestimonialTextMeasure-B1FI-93F.mjs";
 import { createPortal as Vi } from "react-dom";
@@ -1853,7 +1853,7 @@ const Bl = "SvgImage-module__svg___q3xE-", Dl = "SvgImage-module__img___VsTm-",
   return t.startsWith("data:image/svg+xml") ? !0 : (t.split(/[?#]/)[0] ?? t).endsWith(".svg");
 }, Vl = (e) => `url("${e.replace(/\\/g, "\\\\").replace(/"/g, '\\"')}")`, qt = ({ url: e, fill: t = "#000000", hoverFill: n = "#CCCCCC", className: r = "", style: i }) => {
   const [s, o] = de(() => typeof window > "u" ? !0 : CSS.supports("mask-image", 'url("")') || CSS.supports("-webkit-mask-image", 'url("")'));
-  return Ie(() => {
+  return Ae(() => {
     if (typeof window < "u" && window.CSS) {
       const c = CSS.supports("mask-image", 'url("")') || CSS.supports("-webkit-mask-image", 'url("")');
       o(c);
@@ -1886,7 +1886,7 @@ function jl({ settings: e, content: t, styles: n, isEditor: r }) {
   const [i, s] = de(null), { widthSettings: o, fontSettings: c, letterSpacing: a, textAlign: u, wordSpacing: d, fontSizeLineHeight: w, textAppearance: v, color: h } = n.imageCaption ?? {}, [p, m] = de(void 0), [b, $] = de(null), [x, f] = de(0), [F, S] = de(0), { direction: M, transition: y, controls: T, pagination: O, imageCaption: C, triggers: P } = e, _ = Te(y.type), { x: W, y: V } = e.controls.offset, ee = (k) => {
     i && i.go(k);
   };
-  return Ie(() => {
+  return Ae(() => {
     if (!b) return;
     const k = new ResizeObserver((R) => {
       if (!i) return;
@@ -1897,7 +1897,7 @@ function jl({ settings: e, content: t, styles: n, isEditor: r }) {
       });
     });
     return k.observe(b), () => k.unobserve(b);
-  }, [b]), Ie(() => {
+  }, [b]), Ae(() => {
     !i || _.current === y.type || (S((k) => k + 1), _.current = y.type);
   }, [y.type]), /* @__PURE__ */ l("div", { className: Fe(ue.wrapper, { [ue.editor]: r }), ref: $, children: /* @__PURE__ */ re(
     "div",
@@ -2804,7 +2804,7 @@ async function Ql(e, t, n, r) {
 }
 function Zl({ settings: e, content: t, isEditor: n }) {
   const [r, i] = de(null), [s, o] = de([]), [c, a] = de(0), u = Te(0), [d, w] = de({ x: 0, y: 0 }), [v, h] = de(1), [p, m] = de("none"), b = Te({ x: 0, y: 0 }), [$, x] = de(!1), { sizeType: f, imageWidth: F, randomRangeImageWidth: S } = e.imageSize, { revealPosition: M, visible: y } = e.position, { cursorType: T, target: O, defaultCursorScale: C, defaultCursor: P, hoverCursorScale: _, hoverCursor: W } = e.cursor;
-  Ie(() => {
+  Ae(() => {
     if (!r) return;
     const k = (N, A) => {
       const j = r.getBoundingClientRect(), X = N - j.left, Q = A - j.top;
@@ -2838,7 +2838,7 @@ function Zl({ settings: e, content: t, isEditor: n }) {
     _,
     C,
     s
-  ]), Ie(() => {
+  ]), Ae(() => {
     $ || (m("none"), h(0));
   }, [$]);
   const V = async (k, R, D, N = {}) => {
@@ -2861,14 +2861,14 @@ function Zl({ settings: e, content: t, isEditor: n }) {
       width: X
     };
   };
-  return Ie(() => {
+  return Ae(() => {
     if (!r || t.length === 0) return;
     const k = r.getBoundingClientRect(), R = k.width, D = k.height, N = [];
     (async () => {
       const j = t[0], X = await V(j, R, D);
       N.push(X), o(N), a(1);
     })();
-  }, [f, F, S, M, r]), Ie(() => {
+  }, [f, F, S, M, r]), Ae(() => {
     y === "last One" && o((k) => k.length > 0 ? [k[k.length - 1]] : []);
   }, [y]), /* @__PURE__ */ re(
     "div",
@@ -3421,7 +3421,7 @@ function Hc(e, t) {
 }
 const Oc = ({ settings: e, content: t, styles: n, portalId: r, activeEvent: i, isEditor: s, isPreviewMode: o }) => {
   const [c, a] = de(!1), { url: u } = e.thumbnailBlock.cover;
-  return Ie(() => {
+  return Ae(() => {
     i === "close" && a(!1), i === "open" && a(!0);
   }, [i]), /* @__PURE__ */ re(Ge, { children: [
     /* @__PURE__ */ l(
@@ -3447,9 +3447,9 @@ const Oc = ({ settings: e, content: t, styles: n, portalId: r, activeEvent: i, i
     )
   ] });
 }, Bc = ({ isOpen: e, onClose: t, content: n, lightboxStyles: r, settings: i, portalId: s, isEditor: o, metadata: c }) => {
-  var Ae;
+  var Ie;
   const { widthSettings: a, fontSettings: u, letterSpacing: d, textAlign: w, wordSpacing: v, fontSizeLineHeight: h, textAppearance: p, color: m } = r.imageCaption ?? {}, [b, $] = de(0), [x, f] = de(0), [F, S] = de(!1), [M, y] = de(!1), [T, O] = de({}), C = Te(null), P = Te(null), _ = Te(null), W = Te(!1), V = Te(null), ee = Te(null), k = Te(null), R = Te(null), D = Te(!1), N = Te(null), [A, j] = de(!1), { appear: X, triggers: Q, slider: I, thumbnail: te, controls: g, area: J, caption: he, layout: le } = i.lightboxBlock, { appearClass: xe, backdropAppearClass: ne, backdropDisappearClass: ce, disappearClass: B } = Hc(X.type, X.direction), K = (c == null ? void 0 : c.itemId) ?? null;
-  Ie(() => {
+  Ae(() => {
     const H = () => {
       setTimeout(() => {
         var E, z;
@@ -3461,7 +3461,7 @@ const Oc = ({ settings: e, content: t, styles: n, portalId: r, activeEvent: i, i
     return window.addEventListener("ArticleEditor.Layout:change", H), window.addEventListener("ArticleEditor.ComponentContent:change", oe), () => {
       window.removeEventListener("ArticleEditor.Layout:change", H), window.removeEventListener("ArticleEditor.ComponentContent:change", oe);
     };
-  }, []), Ie(() => {
+  }, []), Ae(() => {
     if (!e || !te.isActive) {
       j(!1);
       return;
@@ -3523,7 +3523,7 @@ const Oc = ({ settings: e, content: t, styles: n, portalId: r, activeEvent: i, i
     const oe = H.target;
     (oe.classList.contains(Z.thumbsWrapper) || oe.classList.contains(Z.thumbsContainer)) && ve(H);
   };
-  Ie(() => {
+  Ae(() => {
     if (!e) return;
     const H = (oe) => {
       var E, z;
@@ -3540,7 +3540,7 @@ const Oc = ({ settings: e, content: t, styles: n, portalId: r, activeEvent: i, i
     return window.addEventListener("keydown", H), () => {
       window.removeEventListener("keydown", H);
     };
-  }, [e, U, n.length]), Ie(() => {
+  }, [e, U, n.length]), Ae(() => {
     if (e) {
       if ($(0), f((oe) => oe + 1), W.current = !1, S(!1), y(!1), O({}), !K) return;
       const H = new CustomEvent("page-overlay", { detail: { itemId: K } });
@@ -3549,9 +3549,9 @@ const Oc = ({ settings: e, content: t, styles: n, portalId: r, activeEvent: i, i
     return () => {
       V.current && ee.current && (V.current.removeEventListener("animationend", ee.current), ee.current = null), y(!1);
     };
-  }, [e, K]), Ie(() => {
+  }, [e, K]), Ae(() => {
     P.current !== null && P.current !== I.type && f((H) => H + 1), P.current = I.type;
-  }, [I.type]), Ie(() => {
+  }, [I.type]), Ae(() => {
     if (!e) return;
     const H = document.body.style.overflow, oe = window.matchMedia("(max-width: 768px)").matches, E = gi(J.color);
     document.body.style.overflow = "hidden", y(!1);
@@ -3566,7 +3566,7 @@ const Oc = ({ settings: e, content: t, styles: n, portalId: r, activeEvent: i, i
     return document.addEventListener("touchmove", q, { passive: !1 }), () => {
       document.body.style.overflow = H, document.removeEventListener("touchmove", q), V.current && k.current && (V.current.removeEventListener("animationend", k.current), k.current = null), y(!1);
     };
-  }, [e, o, J.color, I.type]), Ie(() => {
+  }, [e, o, J.color, I.type]), Ae(() => {
     if (!e) return;
     const H = (oe) => {
       var z, q;
@@ -3611,7 +3611,7 @@ const Oc = ({ settings: e, content: t, styles: n, portalId: r, activeEvent: i, i
     };
   }, [e, U, b, n]);
   const we = (I.type === "scale" || I.type === "fade") && I.direction === "vert" && Q.type === "drag";
-  Ie(() => {
+  Ae(() => {
     var be, Oe;
     if (!e || !we || !((Oe = (be = C.current) == null ? void 0 : be.splide) != null && Oe.root)) return;
     const H = C.current.splide.root, oe = 30, E = (ie, Ce) => {
@@ -3799,7 +3799,7 @@ const Oc = ({ settings: e, content: t, styles: n, portalId: r, activeEvent: i, i
               const H = mr(J.closeIconAlign, J.closeIconOffset, o), oe = `scale(${J.closeIconScale})`, E = H.transform ? `${H.transform} ${oe}` : oe;
               return /* @__PURE__ */ l("button", { className: Z.closeButton, style: { ...H, transform: E }, onClick: U, "aria-label": "Close lightbox", children: /* @__PURE__ */ l(qt, { url: J.closeIconUrl, fill: J.closeIconColor ?? "#000000", hoverFill: J.closeIconHover ?? "#cccccc" }) });
             })(),
-            he && he.isActive && r.imageCaption && ((Ae = n[b]) == null ? void 0 : Ae.imageCaption) && /* @__PURE__ */ l(
+            he && he.isActive && r.imageCaption && ((Ie = n[b]) == null ? void 0 : Ie.imageCaption) && /* @__PURE__ */ l(
               "div",
               {
                 className: Z.caption,
@@ -5248,7 +5248,7 @@ function Vc({ settings: e, isEditor: t, isEditMode: n, isPreviewMode: r, metadat
     statusLetterSpacing: Pe,
     statusWordSpacing: we,
     statusTextAppearance: Ee,
-    successMessage: Ae,
+    successMessage: Ie,
     errorMessage: H,
     stateOverrides: oe
   } = e, E = u === "B", z = w.slice(0, Math.min(d, w.length)), q = {
@@ -5475,7 +5475,7 @@ function Vc({ settings: e, isEditor: t, isEditMode: n, isPreviewMode: r, metadat
       {
         className: `${a}-success`,
         style: { ...Me },
-        children: Ae
+        children: Ie
       }
     ),
     Mt === "error" && /* @__PURE__ */ l(
@@ -7013,7 +7013,7 @@ const Zc = ({ settings: e, isEditor: t, isPreviewMode: n, metadata: r, activeEve
     for (const Ce of Q)
       (I[Ce.name] ?? "").trim().length > 0 || (ie = ie ?? { ...I }, ie[Ce.name] = "Filled");
     return ie ?? I;
-  }, [ce, I, Q]), K = xe === "error" ? Lr(Q, B) : null, U = i && i !== "default" ? `${s}-state-${i}` : "", se = Q.some((ie) => (B[ie.name] ?? "").trim().length > 0), ve = U !== `${s}-state-filled` && se ? `${s}-state-filled` : "", Pe = `${U} ${ve}`.trim(), we = r == null ? void 0 : r.submitUrl, Ee = u ?? "", Ae = (a == null ? void 0 : a.icon) ?? "", H = (a == null ? void 0 : a.mode) === "On", oe = Ee || "Submit", E = {
+  }, [ce, I, Q]), K = xe === "error" ? Lr(Q, B) : null, U = i && i !== "default" ? `${s}-state-${i}` : "", se = Q.some((ie) => (B[ie.name] ?? "").trim().length > 0), ve = U !== `${s}-state-filled` && se ? `${s}-state-filled` : "", Pe = `${U} ${ve}`.trim(), we = r == null ? void 0 : r.submitUrl, Ee = u ?? "", Ie = (a == null ? void 0 : a.icon) ?? "", H = (a == null ? void 0 : a.mode) === "On", oe = Ee || "Submit", E = {
     fontSettings: {
       fontFamily: w,
       fontWeight: (v == null ? void 0 : v.fontWeight) ?? 400,
@@ -7152,10 +7152,10 @@ const Zc = ({ settings: e, isEditor: t, isPreviewMode: n, metadata: r, activeEve
                 paddingBottom: L(A.bottom, t),
                 pointerEvents: o ? "auto" : void 0
               },
-              children: g === "submitting" ? "..." : H ? Ae && /* @__PURE__ */ l(
+              children: g === "submitting" ? "..." : H ? Ie && /* @__PURE__ */ l(
                 qt,
                 {
-                  url: Ae,
+                  url: Ie,
                   className: `${s}-submitBtnIcon`,
                   style: { maxWidth: L(V ?? 0, t) },
                   fill: `var(--${s}-button-text-color)`,
@@ -8533,28 +8533,28 @@ const ld = 30, cd = 20, to = 2, dd = 2, ud = (e, t) => Array.from({ length: t },
   ), he = F ? dd : 1;
   yt(() => {
     j.current = 0, D({}), A.current = null, te(to), P(0);
-  }, [Q]), Ie(() => {
+  }, [Q]), Ae(() => {
     if (!b || p !== "randomize") return;
     const K = y.current;
     if (!K) return;
     const U = (we) => {
       D((Ee) => {
-        let Ae = null;
+        let Ie = null;
         for (const H of we)
-          H in Ee && (md(K, H) || (Ae || (Ae = { ...Ee }), delete Ae[H]));
-        return Ae ?? Ee;
+          H in Ee && (md(K, H) || (Ie || (Ie = { ...Ee }), delete Ie[H]));
+        return Ie ?? Ee;
       });
     }, se = new IntersectionObserver((we) => {
       const Ee = /* @__PURE__ */ new Set();
-      for (const Ae of we) {
-        const H = Ae.target.dataset.marqueeItemIndex, oe = H !== void 0 ? Number(H) : NaN;
+      for (const Ie of we) {
+        const H = Ie.target.dataset.marqueeItemIndex, oe = H !== void 0 ? Number(H) : NaN;
         Number.isNaN(oe) || Ee.add(oe);
       }
       Ee.size > 0 && U(Ee);
     }, { root: K, threshold: 0 });
     Object.keys(R).forEach((we) => {
       const Ee = Number(we);
-      K.querySelectorAll(`[data-marquee-item-index="${Ee}"]`).forEach((Ae) => se.observe(Ae));
+      K.querySelectorAll(`[data-marquee-item-index="${Ee}"]`).forEach((Ie) => se.observe(Ie));
     });
     let ve = 0;
     const Pe = () => {
@@ -8570,9 +8570,9 @@ const ld = 30, cd = 20, to = 2, dd = 2, ud = (e, t) => Array.from({ length: t },
     if (!K || !U) return;
     let se = 0;
     const ve = () => {
-      const Ee = K.getBoundingClientRect().width, Ae = U.getBoundingClientRect().width, H = A.current, oe = typeof H == "number" && Math.abs(H - Ae) <= 0.25;
-      if (A.current = Ae, x && Ae > 0 && I > 0) {
-        const E = Ae / I;
+      const Ee = K.getBoundingClientRect().width, Ie = U.getBoundingClientRect().width, H = A.current, oe = typeof H == "number" && Math.abs(H - Ie) <= 0.25;
+      if (A.current = Ie, x && Ie > 0 && I > 0) {
+        const E = Ie / I;
         if (E > 0 && Ee > 0) {
           const z = Math.max(
             to,
@@ -8584,11 +8584,11 @@ const ld = 30, cd = 20, to = 2, dd = 2, ud = (e, t) => Array.from({ length: t },
           }
         }
       }
-      if (Ae > 0 && C <= 0) {
-        P(Ae);
+      if (Ie > 0 && C <= 0) {
+        P(Ie);
         return;
       }
-      oe && Ae !== C ? P(Ae) : !oe && C <= 0 && (cancelAnimationFrame(se), se = requestAnimationFrame(ve));
+      oe && Ie !== C ? P(Ie) : !oe && C <= 0 && (cancelAnimationFrame(se), se = requestAnimationFrame(ve));
     }, Pe = () => {
       cancelAnimationFrame(se), se = requestAnimationFrame(ve);
     };
@@ -9936,7 +9936,7 @@ const bd = 30, yi = 2, xd = ({ settings: e, content: t, isEditor: n, isPreviewMo
       q.disconnect();
     };
   }, [ce, Ee, t, we]);
-  const Ae = ce ? { textMinHeightPx: I, captionMinHeightPx: g } : void 0, H = ce ? /* @__PURE__ */ l(
+  const Ie = ce ? { textMinHeightPx: I, captionMinHeightPx: g } : void 0, H = ce ? /* @__PURE__ */ l(
     "div",
     {
       ref: Q,
@@ -9965,7 +9965,7 @@ const bd = 30, yi = 2, xd = ({ settings: e, content: t, isEditor: n, isPreviewMo
         willChange: "transform"
       },
       children: [
-        we(E, `card-${z}`, Ae),
+        we(E, `card-${z}`, Ie),
         S && /* @__PURE__ */ l(
           "div",
           {
@@ -11316,7 +11316,7 @@ const Td = 3e3, Ld = ({ settings: e, content: t, isEditor: n, isPreviewMode: r,
         return "left";
     }
   }, [a]);
-  Ie(() => {
+  Ae(() => {
     F(0), M(null), T(!1);
   }, [o.length]);
   const _ = o[f], W = S === null ? null : o[S], V = (ne) => {
@@ -11348,7 +11348,7 @@ const Td = 3e3, Ld = ({ settings: e, content: t, isEditor: n, isPreviewMode: r,
   }, [I, te, o.length]), J = ft(() => {
     I && F((ne) => te(ne, (ne + 1) % o.length));
   }, [I, te, o.length]);
-  Ie(() => {
+  Ae(() => {
     if (!x || !I) return;
     const ne = Math.max(300, Td / c), ce = window.setInterval(() => {
       F((B) => te(B, (B + 1) % o.length));
@@ -11356,7 +11356,7 @@ const Td = 3e3, Ld = ({ settings: e, content: t, isEditor: n, isPreviewMode: r,
     return () => {
       window.clearInterval(ce);
     };
-  }, [x, I, te, o.length, c]), Ie(() => () => {
+  }, [x, I, te, o.length, c]), Ae(() => () => {
     O.current && window.clearTimeout(O.current);
   }, []);
   const he = (ne, ce) => {
@@ -12770,21 +12770,21 @@ function Rd({ images: e, index: t, imageDisplay: n, originRect: r, reverseClose:
       p({ width: N, height: V, left: _.left + (W - N) / 2, top: _.top });
     }
   }, [n]);
-  Ie(() => {
+  Ae(() => {
     F();
     const C = w.current;
     if (!C) return;
     const P = new ResizeObserver(() => F());
     return P.observe(C), () => P.disconnect();
-  }, [F, t]), Ie(() => {
+  }, [F, t]), Ae(() => {
     m === "opening" && h && b("open");
-  }, [m, h]), Ie(() => {
+  }, [m, h]), Ae(() => {
     if (m !== "closing") return;
     const C = setTimeout(() => s(), Ht);
     return () => clearTimeout(C);
-  }, [m, s]), Ie(() => {
+  }, [m, s]), Ae(() => {
     f.current !== t && x(!1), f.current = t;
-  }, [t]), Ie(() => {
+  }, [t]), Ae(() => {
     const C = (P) => {
       P.key === "Escape" && (P.preventDefault(), P.stopPropagation(), m !== "closing" && b("closing"));
     };
@@ -13040,7 +13040,7 @@ function Md({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
     wordSpacing: le ?? 0,
     textAppearance: xe,
     color: O
-  }, Ae = {
+  }, Ie = {
     ...St(rt(we, n)),
     ...ro(g, J, a, n)
   }, H = no(
@@ -13078,7 +13078,7 @@ function Md({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
     height: "auto",
     maxWidth: "100%"
   }, [Gt, Ct] = de("ltr"), [Nt, On] = de(0), Se = Te(null);
-  Ie(() => {
+  Ae(() => {
     const Re = Se.current;
     if (!Re) return;
     const ut = new ResizeObserver((pt) => {
@@ -13094,13 +13094,13 @@ function Md({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
     const Y = Re.currentTarget.getBoundingClientRect();
     cr({ top: Y.top, left: Y.left, width: Y.width, height: Y.height }), lr(ut), yn(pt), Ke(!0);
   };
-  Ie(() => {
+  Ae(() => {
     if (!Qe || p !== "on" || typeof document > "u") return;
     const Re = document.body.style.overflow;
     return document.body.style.overflow = "hidden", () => {
       document.body.style.overflow = Re;
     };
-  }, [Qe, p]), Ie(() => {
+  }, [Qe, p]), Ae(() => {
     !n || r || (Ke(!1), cr(null));
   }, [n, r]);
   const Gr = He(() => kd(a), [a]);
@@ -13310,7 +13310,7 @@ function Md({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
           onPrev: () => yn((Re) => (Re - 1 + dt.length) % dt.length),
           onNext: () => yn((Re) => (Re + 1) % dt.length),
           counterClassName: q,
-          counterStyle: Ae
+          counterStyle: Ie
         }
       ) }),
       document.body
@@ -15214,7 +15214,7 @@ function qd({
   style: n
 }) {
   const r = Te(null);
-  return Ie(() => {
+  return Ae(() => {
     if (!e.isVideo) return;
     const i = r.current;
     if (!i) return;
@@ -16292,9 +16292,9 @@ function Lu({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
     for (; Le && !Le.style.getPropertyValue("--cntrl-article-width"); )
       Le = Le.parentElement;
     return Le && ye.observe(Le), () => ye.disconnect();
-  }, [n, o]), Ie(() => {
+  }, [n, o]), Ae(() => {
     j(void 0);
-  }, [$, x, t, h]), Ie(() => {
+  }, [$, x, t, h]), Ae(() => {
     n && !r && j(void 0);
   }, [n, r]);
   const Pe = Jn(a, {
@@ -16304,8 +16304,8 @@ function Lu({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
     textHoverColor: R,
     backgroundHoverColor: D,
     dividerHoverColor: N
-  }, cu, du), we = s && s !== "default" ? `${a}-state-${s}` : "", Ae = `${!n || r ? y === "default" ? `${a}-entry-hover-default` : y === "blinds" ? `${a}-entry-hover-blinds` : y === "reveal" ? `${a}-entry-hover-reveal` : "" : ""} ${we}`.trim(), H = y === "reveal" && (!n || r), oe = (b == null ? void 0 : b[0]) ?? !1, E = (b == null ? void 0 : b[1]) ?? !1, z = Te(e), q = Te(o);
-  Ie(() => {
+  }, cu, du), we = s && s !== "default" ? `${a}-state-${s}` : "", Ie = `${!n || r ? y === "default" ? `${a}-entry-hover-default` : y === "blinds" ? `${a}-entry-hover-blinds` : y === "reveal" ? `${a}-entry-hover-reveal` : "" : ""} ${we}`.trim(), H = y === "reveal" && (!n || r), oe = (b == null ? void 0 : b[0]) ?? !1, E = (b == null ? void 0 : b[1]) ?? !1, z = Te(e), q = Te(o);
+  Ae(() => {
     if (!c || !n) {
       z.current = e, q.current = o;
       return;
@@ -16615,7 +16615,7 @@ function Lu({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
       "div",
       {
         ref: J,
-        className: `${a}-wrapper ${Ae}${Ft ? ` ${Ft}` : ""}${g ? ` ${a}-type-b` : ""}`.trim(),
+        className: `${a}-wrapper ${Ie}${Ft ? ` ${Ft}` : ""}${g ? ` ${a}-type-b` : ""}`.trim(),
         style: {
           width: L(v ?? 0, n),
           ...!g && u ? { [`--${a}-first-entry-handle-top`]: Nt } : {}
@@ -21006,6 +21006,12 @@ function Yu(e) {
   color: var(--${e}-question-color);
   font: inherit;
   padding-left: 0;
+  outline: none;
+  -webkit-tap-highlight-color: transparent;
+}
+.${e}-question-button:focus,
+.${e}-question-button:focus-visible {
+  outline: none;
 }
 .${e}-question-row {
   display: flex;
@@ -21201,10 +21207,12 @@ function Xu({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
     answerPaddingTop: le = 0,
     answerPaddingBottom: xe = 0
   } = e, ne = t ?? [], [ce, B] = de(() => /* @__PURE__ */ new Set()), K = !n || r;
-  Ie(() => {
+  Ae(() => {
     B(/* @__PURE__ */ new Set());
-  }, [h]);
-  const U = (me) => L(me, n ?? !1), se = Math.max(I, Xt), ve = Math.max(te, Xt), Pe = Math.max(g, Xt), we = Math.max(J, Xt), Ee = Math.max(he, Xt), Ae = Math.max(le, Xt), H = Math.max(xe, Xt), oe = Math.max(0, (a ?? 1) - b - m), E = Math.max(0, (a ?? 1) - he), z = Math.max(0, (a ?? 1) - J), q = Math.max(b, Xt), G = Math.max(0, (a ?? 1) - I - m), ae = He(() => ce.size === 0 ? 0 : Math.min(...ce), [ce]), ge = ft((me) => ce.has(me), [ce]), Ne = K && v === "default" ? `${o}-entry-hover-default` : "", fe = p ?? "", be = fe !== "", Oe = $.replace(/^rotate /, ""), ie = `${o}-icon-anim-${Oe}`, Ce = St(rt(
+  }, [h]), Ae(() => {
+    n && !i && !r && B(/* @__PURE__ */ new Set());
+  }, [n, i, r]);
+  const U = (me) => L(me, n ?? !1), se = Math.max(I, Xt), ve = Math.max(te, Xt), Pe = Math.max(g, Xt), we = Math.max(J, Xt), Ee = Math.max(he, Xt), Ie = Math.max(le, Xt), H = Math.max(xe, Xt), oe = Math.max(0, (a ?? 1) - b - m), E = Math.max(0, (a ?? 1) - he), z = Math.max(0, (a ?? 1) - J), q = Math.max(b, Xt), G = Math.max(0, (a ?? 1) - I - m), ae = He(() => ce.size === 0 ? 0 : Math.min(...ce), [ce]), ge = ft((me) => ce.has(me), [ce]), Ne = K && v === "default" ? `${o}-entry-hover-default` : "", fe = p ?? "", be = fe !== "", Oe = $.replace(/^rotate /, ""), ie = `${o}-icon-anim-${Oe}`, Ce = St(rt(
     Bi(
       C,
       P,
@@ -21436,7 +21444,7 @@ function Xu({ settings: e, content: t, isEditor: n, isPreviewMode: r, isEditMode
                           top: 0,
                           left: 0,
                           width: "100%",
-                          height: U(Ae),
+                          height: U(Ie),
                           zIndex: 2
                         }
                       }
@@ -21768,6 +21776,12 @@ function getCSS(P: string): string {
   color: var(--\${P}-question-color);
   font: inherit;
   padding-left: 0;
+  outline: none;
+  -webkit-tap-highlight-color: transparent;
+}
+.\${P}-question-button:focus,
+.\${P}-question-button:focus-visible {
+  outline: none;
 }
 .\${P}-question-row {
   display: flex;
@@ -21983,6 +21997,12 @@ export function FAQ({ settings, content, isEditor, isPreviewMode, isEditMode, ac
   useEffect(() => {
     setOpenIndices(new Set());
   }, [autoclose]);
+
+  useEffect(() => {
+    if (isEditor && !isEditMode && !isPreviewMode) {
+      setOpenIndices(new Set());
+    }
+  }, [isEditor, isEditMode, isPreviewMode]);
   const scaled = (value: number) => scalingValue(value, isEditor ?? false);
   const questionPaddingLeftWidth = Math.max(questionPaddingLeft, PADDING_HANDLE_SIZE);
   const questionPaddingTopHeight = Math.max(questionPaddingTop, PADDING_HANDLE_SIZE);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cntrl-site/components",
-  "version": "1.0.17-3",
+  "version": "1.0.17-5",
   "description": "Custom components for control editor and public websites.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",