@cntrl-site/components 1.0.17-1 → 1.0.17-2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -8644,7 +8644,7 @@ export function List({ settings, content, isEditor, isPreviewMode, isEditMode, a
8644
8644
  left: 20px;
8645
8645
  transform: translateY(-50%);
8646
8646
  }
8647
- `}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??[],[de,V]=d.useState(()=>new Set),U=!n||r;d.useEffect(()=>{r||V(new Set)},[r]);const G=je=>y.scalingValue(je,n??!1),se=Math.max(R,Dt),fe=Math.max(ne,Dt),Te=Math.max(h,Dt),Se=Math.max(ee,Dt),Le=Math.max(ge,Dt),Ee=Math.max(le,Dt),O=Math.max(be,Dt),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,Dt),Y=Math.max(0,(s??1)-R-g),ie=d.useCallback(je=>c?je===0:de.has(je),[de,c]),pe=U&&x==="default"?`${o}-entry-hover-default`:"",ke=m??"",ye=ke!=="",ve=w.replace(/^rotate /,""),We=`${o}-icon-anim-${ve}`,ae=yt(Je(_i($,E,A,F,j,te,k,S),n)),xe=yt(Je(_i(W,D,H,I,K,Q,Z,v),n)),Ae=Pi(A,F,`${o}-question`,`${o}-text-tight-leading`),Fe=Pi(H,I,`${o}-answer-text`,`${o}-text-tight-leading`),Ve=Ei(A,F,o,n),nt=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),mt=l&&l!=="default"?`${o}-state-${l}`:"",xt=d.useCallback(je=>{U&&V(me=>{if(me.has(je)){const Be=new Set(me);return Be.delete(je),Be}if(f==="on")return new Set([je]);const He=new Set(me);return He.add(je),He})},[U,f]),_t=d.useMemo(()=>Hu(o),[o]),gt={[`--${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:_t}}),a.jsx("div",{style:pt,children:a.jsx("div",{className:`${o}-wrapper${n&&!r?` ${o}-editor`:""} ${pe} ${mt}`.trim(),style:{width:y.scalingValue(s,n??!1),maxWidth:"100%",...gt},children:re.map((je,me)=>{var Tt;const He=ie(me),Be=((Tt=je.question)==null?void 0:Tt.trim())??"",Ue=je.answer,Bt=((Ue==null?void 0:Ue.length)??0)>0,wt=me===0;return a.jsxs("div",{className:`${o}-item${He?` ${o}-item-open`:""}`.trim(),"data-faq-item":"",children:[a.jsxs("div",{className:`${o}-question-controls`,children:[c&&wt&&a.jsxs(a.Fragment,{children:[a.jsx(zt,{"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(fe),zIndex:2}}),a.jsx(zt,{"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(zt,{"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":He,style:{...ae,...Ve,paddingLeft:G(R),paddingRight:G(C)},onClick:()=>xt(me),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:Ae,children:Be}),Bt&&(ye?a.jsx("span",{className:`${o}-icon ${o}-icon-custom ${We}`,"aria-hidden":"true",children:a.jsx(Mt,{url:ke,fill:L,hoverFill:b,className:`${o}-icon-image`})}):a.jsx("span",{className:`${o}-icon ${o}-icon-default ${We}`,"aria-hidden":"true"}))]}),h>0&&a.jsx("span",{className:`${o}-padding-handle`,style:{height:G(h)},"aria-hidden":"true"})]}),c&&wt&&a.jsx(zt,{"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}})]}),Bt&&Ue&&a.jsx("div",{className:`${o}-panel`,"aria-hidden":!He,children:a.jsx("div",{className:`${o}-panel-inner`,children:a.jsxs("div",{className:`${o}-answer-controls`,children:[c&&wt&&a.jsxs(a.Fragment,{children:[a.jsx(zt,{"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(zt,{"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(zt,{"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:{...xe,...nt,paddingLeft:G(ee),paddingRight:G(ge)},children:a.jsx("div",{className:Fe,children:a.jsx(Sn,{content:Ue})})}),be>0&&a.jsx("div",{className:`${o}-padding-handle`,style:{height:G(be)}}),c&&wt&&a.jsx(zt,{"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}})]})})})]},me)})})})]})}const Bu=`import { useCallback, useEffect, useMemo, useState, type CSSProperties, type ComponentPropsWithoutRef } from 'react';
8647
+ `}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??[],[de,V]=d.useState(()=>new Set),U=!n||r;d.useEffect(()=>{r||V(new Set)},[r]),d.useEffect(()=>{V(new Set)},[f]);const G=je=>y.scalingValue(je,n??!1),se=Math.max(R,Dt),fe=Math.max(ne,Dt),Te=Math.max(h,Dt),Se=Math.max(ee,Dt),Le=Math.max(ge,Dt),Ee=Math.max(le,Dt),O=Math.max(be,Dt),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,Dt),Y=Math.max(0,(s??1)-R-g),ie=d.useCallback(je=>c?je===0:de.has(je),[de,c]),pe=U&&x==="default"?`${o}-entry-hover-default`:"",ke=m??"",ye=ke!=="",ve=w.replace(/^rotate /,""),We=`${o}-icon-anim-${ve}`,ae=yt(Je(_i($,E,A,F,j,te,k,S),n)),xe=yt(Je(_i(W,D,H,I,K,Q,Z,v),n)),Ae=Pi(A,F,`${o}-question`,`${o}-text-tight-leading`),Fe=Pi(H,I,`${o}-answer-text`,`${o}-text-tight-leading`),Ve=Ei(A,F,o,n),nt=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),mt=l&&l!=="default"?`${o}-state-${l}`:"",xt=d.useCallback(je=>{U&&V(me=>{if(me.has(je)){const Be=new Set(me);return Be.delete(je),Be}if(f==="on")return new Set([je]);const He=new Set(me);return He.add(je),He})},[U,f]),_t=d.useMemo(()=>Hu(o),[o]),gt={[`--${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:_t}}),a.jsx("div",{style:pt,children:a.jsx("div",{className:`${o}-wrapper${n&&!r?` ${o}-editor`:""} ${pe} ${mt}`.trim(),style:{width:y.scalingValue(s,n??!1),maxWidth:"100%",...gt},children:re.map((je,me)=>{var Tt;const He=ie(me),Be=((Tt=je.question)==null?void 0:Tt.trim())??"",Ue=je.answer,Bt=((Ue==null?void 0:Ue.length)??0)>0,wt=me===0;return a.jsxs("div",{className:`${o}-item${He?` ${o}-item-open`:""}`.trim(),"data-faq-item":"",children:[a.jsxs("div",{className:`${o}-question-controls`,children:[c&&wt&&a.jsxs(a.Fragment,{children:[a.jsx(zt,{"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(fe),zIndex:2}}),a.jsx(zt,{"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(zt,{"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":He,style:{...ae,...Ve,paddingLeft:G(R),paddingRight:G(C)},onClick:()=>xt(me),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:Ae,children:Be}),Bt&&(ye?a.jsx("span",{className:`${o}-icon ${o}-icon-custom ${We}`,"aria-hidden":"true",children:a.jsx(Mt,{url:ke,fill:L,hoverFill:b,className:`${o}-icon-image`})}):a.jsx("span",{className:`${o}-icon ${o}-icon-default ${We}`,"aria-hidden":"true"}))]}),h>0&&a.jsx("span",{className:`${o}-padding-handle`,style:{height:G(h)},"aria-hidden":"true"})]}),c&&wt&&a.jsx(zt,{"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}})]}),Bt&&Ue&&a.jsx("div",{className:`${o}-panel`,"aria-hidden":!He,children:a.jsx("div",{className:`${o}-panel-inner`,children:a.jsxs("div",{className:`${o}-answer-controls`,children:[c&&wt&&a.jsxs(a.Fragment,{children:[a.jsx(zt,{"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(zt,{"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(zt,{"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:{...xe,...nt,paddingLeft:G(ee),paddingRight:G(ge)},children:a.jsx("div",{className:Fe,children:a.jsx(Sn,{content:Ue})})}),be>0&&a.jsx("div",{className:`${o}-padding-handle`,style:{height:G(be)}}),c&&wt&&a.jsx(zt,{"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}})]})})})]},me)})})})]})}const Bu=`import { useCallback, useEffect, useMemo, useState, type CSSProperties, type ComponentPropsWithoutRef } from 'react';
8648
8648
  import { CommonComponentProps } from '../props';
8649
8649
  import { buildColorVars, scalingValue, useScopedStyles } from '../utils/index';
8650
8650
  import { omitTextColors, TextStyles, textStylesToCss } from '../utils/textStylesToCss';
@@ -9086,6 +9086,10 @@ export function FAQ({ settings, content, isEditor, isPreviewMode, isEditMode, ac
9086
9086
  setOpenIndices(new Set());
9087
9087
  }
9088
9088
  }, [isPreviewMode]);
9089
+
9090
+ useEffect(() => {
9091
+ setOpenIndices(new Set());
9092
+ }, [autoclose]);
9089
9093
  const scaled = (value: number) => scalingValue(value, isEditor ?? false);
9090
9094
  const questionPaddingLeftWidth = Math.max(questionPaddingLeft, PADDING_HANDLE_SIZE);
9091
9095
  const questionPaddingTopHeight = Math.max(questionPaddingTop, PADDING_HANDLE_SIZE);
@@ -9470,4 +9474,4 @@ export function FAQ({ settings, content, isEditor, isPreviewMode, isEditMode, ac
9470
9474
  </>
9471
9475
  );
9472
9476
  }
9473
- `;function jt(e){return{type:"number",scope:"layout",title:e,min:0,max:100,display:{type:"range-control"}}}const Ai={fontSettings:{type:"object",display:{type:"font-settings-weight"},properties:{fontWeight:{type:"number"},fontStyle:{type:"string"}}}},Vu=["questionColor","answerColor","dividerColor","iconColor","questionHoverColor","iconHoverColor","iconActiveColor","dividerHoverColor"],Du={type:"object",version:1,content:{type:"array",display:{type:"array"},items:{type:"object",properties:{question:{type:"string",label:"Question",placeholder:"Add question...",display:{type:"text-input"}},answer:{label:"Answer",placeholder:"Add answer...",display:{type:"rich-text"}}}},default:[{question:"What is your return policy?",answer:[{type:"paragraph",children:[{text:"You can return any item within 30 days of purchase."}]}]},{question:"How long does shipping take?",answer:[{type:"paragraph",children:[{text:"Standard shipping typically takes 5–7 business days."}]}]},{question:"Do you offer international delivery?",answer:[{type:"paragraph",children:[{text:"Yes, we ship to most countries worldwide."}]}]}]},settings:{sizing:"auto auto",properties:{wrapperWidth:{type:"number",scope:"layout",title:"Width",display:{type:"numeric-input"},min:0,max:9999},cellMinHeight:{type:"number",scope:"layout",title:"Min height",display:{type:"numeric-input"},min:0,max:9999},dividerWidth:{type:"number",scope:"layout",title:"Width",display:{type:"numeric-input"},min:0,max:9999},dividerStyle:{type:"string",scope:"common",title:"Style",display:{type:"toggle-cycle",enum:["solid","dashed","dotted"]}},entryHoverEffect:{type:"string",scope:"common",title:"Effect",display:{type:"toggle-cycle",enum:["none","default"]}},autoclose:{type:"string",scope:"common",title:"Autoclose",display:{type:"toggle-cycle",enum:["on","off"]}},icon:{type:["string","null"],scope:"common",title:"Icon",display:{type:"icon-switch-control"}},iconMaxWidth:{type:"number",scope:"layout",title:"Max Width",display:{type:"numeric-input"},min:0,max:9999},iconPaddingRight:jt("Icon Padding Right"),iconAnimation:{type:"string",scope:"common",title:"Icon Animation",display:{type:"toggle-cycle",enum:["rotate 180","rotate 90","rotate 45"]}},questionColor:{type:"string",scope:"common",title:"Question Default",display:{type:"palette-color-picker"}},answerColor:{type:"string",scope:"common",title:"Answer Default",display:{type:"palette-color-picker"}},dividerColor:{type:"string",scope:"common",title:"Divider Default",display:{type:"palette-color-picker"}},iconColor:{type:"string",scope:"common",title:"Icon Default",display:{type:"palette-color-picker"}},questionHoverColor:{type:"string",scope:"common",title:"Question Hover",display:{type:"palette-color-picker"}},iconHoverColor:{type:"string",scope:"common",title:"Icon Hover",display:{type:"palette-color-picker"}},iconActiveColor:{type:"string",scope:"common",title:"Icon Active",display:{type:"palette-color-picker"}},dividerHoverColor:{type:"string",scope:"common",title:"Divider Hover",display:{type:"palette-color-picker"}},questionFontFamily:{type:"string",scope:"common",title:"Font family",display:{type:"font-family-select"}},questionFontSettings:{...Ai.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight"}},questionFontSize:{type:"number",scope:"layout",title:"Question Font Size",display:{type:"font-size"}},questionLineHeight:{type:"number",scope:"layout",title:"Question Line Height",display:{type:"line-height-input"}},questionLetterSpacing:{type:"number",scope:"layout",title:"Question Letter Spacing",display:{type:"letter-spacing-input"}},questionWordSpacing:{type:"number",scope:"layout",title:"Question Word Spacing",display:{type:"word-spacing-input"}},questionTextAppearance:{type:"object",scope:"layout",title:"Question Text Appearance",display:{type:"text-appearance"}},answerFontFamily:{type:"string",scope:"common",title:"Font family",display:{type:"font-family-select"}},answerFontSettings:{...Ai.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight"}},answerFontSize:{type:"number",scope:"layout",title:"Answer Font Size",display:{type:"font-size"}},answerLineHeight:{type:"number",scope:"layout",title:"Answer Line Height",display:{type:"line-height-input"}},answerLetterSpacing:{type:"number",scope:"layout",title:"Answer Letter Spacing",display:{type:"letter-spacing-input"}},answerWordSpacing:{type:"number",scope:"layout",title:"Answer Word Spacing",display:{type:"word-spacing-input"}},answerTextAppearance:{type:"object",scope:"layout",title:"Answer Text Appearance",display:{type:"text-appearance"}},questionPaddingLeft:jt("Question Padding Left"),questionPaddingTop:jt("Question Padding Top"),questionPaddingBottom:jt("Question Padding Bottom"),answerPaddingLeft:jt("Answer Padding Left"),answerPaddingRight:jt("Answer Padding Right"),answerPaddingTop:jt("Answer Padding Top"),answerPaddingBottom:jt("Answer Padding Bottom")},defaults:{dividerStyle:"solid",entryHoverEffect:"default",autoclose:"off",icon:"https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01KVZJ586KJS8G0PKNERN87KMN.svg",iconAnimation:"rotate 45",questionColor:"#000000",answerColor:"#000000",dividerColor:"#000000",iconColor:"#000000",questionHoverColor:"#666666",iconHoverColor:"#666666",iconActiveColor:"#000000",dividerHoverColor:"#000000",questionFontFamily:"Arial",questionFontSettings:{fontWeight:400,fontStyle:"normal"},questionLetterSpacing:0,questionWordSpacing:0,questionTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},answerFontFamily:"Arial",answerFontSettings:{fontWeight:400,fontStyle:"normal"},answerLetterSpacing:0,answerWordSpacing:0,answerTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"}},layoutDefaults:{m:{wrapperWidth:1,cellMinHeight:0,dividerWidth:.001389,iconMaxWidth:.025,iconPaddingRight:0,questionFontSize:.1066,questionLineHeight:.0853,answerFontSize:.056,answerLineHeight:.0448,questionPaddingLeft:0,questionPaddingTop:.01,questionPaddingBottom:.01,answerPaddingLeft:0,answerPaddingRight:0,answerPaddingTop:.01,answerPaddingBottom:.01},d:{wrapperWidth:1,cellMinHeight:0,dividerWidth:694e-6,iconMaxWidth:.00833,iconPaddingRight:0,questionFontSize:.027,questionLineHeight:.0222,answerFontSize:.01,answerLineHeight:.0082,questionPaddingLeft:0,questionPaddingTop:.01,questionPaddingBottom:.01,answerPaddingLeft:0,answerPaddingRight:0,answerPaddingTop:.01,answerPaddingBottom:.01}},layout:["__componentName__","wrapperWidth","cellMinHeight","dividerWidth","dividerStyle","entryHoverEffect","autoclose","icon","iconMaxWidth","iconAnimation"]},panels:[{id:"general",icon:"settings",title:"General",tooltip:"General Settings",layout:["__componentName__",{type:"row",title:"",items:["wrapperWidth","cellMinHeight"]},{type:"row",title:"",items:["entryHoverEffect","autoclose"]},{type:"row",title:"Divider",items:["dividerWidth","dividerStyle"]},{type:"row",title:"Icon",items:["icon","iconMaxWidth"]},{type:"row",title:"",items:["iconAnimation"]}]},{id:"typeStyle",icon:"text-icon",title:"Type Style",tooltip:"Typography",layout:["__componentName__",{type:"group",title:"Question",items:["questionFontFamily","questionFontSettings",{type:"row",items:["questionFontSize","questionLineHeight","questionLetterSpacing","questionWordSpacing"]},"questionTextAppearance"]},{type:"group",title:"Answer",items:["answerFontFamily","answerFontSettings",{type:"row",items:["answerFontSize","answerLineHeight","answerLetterSpacing","answerWordSpacing"]},"answerTextAppearance"]}]}],paletteBookmark:{items:[...Vu],panelIds:["general","typeStyle"],stateItems:{default:["questionColor","answerColor","dividerColor","iconColor","questionHoverColor","dividerHoverColor","iconHoverColor","iconActiveColor"]}}},zu={element:Ou,id:"faq",name:"FAQ",category:"lists",layoutMode:"structured",preview:{type:"image",url:""},version:1,defaultSize:{d:{width:720,height:540}},assetsPaths:{content:[],parameters:[{path:"icon"}]},schema:Du,sourceCode:Bu},ju=[Wl,Dl,Ac,Oc,Yc,sd,pd,bd,Id,ku,zu];exports.components=ju;exports.isSchemaV1=La;
9477
+ `;function jt(e){return{type:"number",scope:"layout",title:e,min:0,max:100,display:{type:"range-control"}}}const Ai={fontSettings:{type:"object",display:{type:"font-settings-weight"},properties:{fontWeight:{type:"number"},fontStyle:{type:"string"}}}},Vu=["questionColor","answerColor","dividerColor","iconColor","questionHoverColor","iconHoverColor","iconActiveColor","dividerHoverColor"],Du={type:"object",version:1,content:{type:"array",display:{type:"array"},items:{type:"object",properties:{question:{type:"string",label:"Question",placeholder:"Add question...",display:{type:"text-input"}},answer:{label:"Answer",placeholder:"Add answer...",display:{type:"rich-text"}}}},default:[{question:"1. What is this product used for?",answer:[{type:"paragraph",children:[{text:"Our product helps you organize, manage, and improve your workflow with simple digital tools designed to save time and reduce manual work. It brings important tasks, information, and collaboration into one place so you can stay focused and work more efficiently."}]}]},{question:"2. Do I need technical knowledge to use it?",answer:[{type:"paragraph",children:[{text:"No. The product is designed to be easy to use, with a clear interface and guided setup so you can get started quickly. You do not need coding skills or special training to use the core features."}]}]},{question:"3. Is there a free trial?",answer:[{type:"paragraph",children:[{text:"Yes, you can try the product before choosing a paid plan. The trial gives you access to the main features so you can explore how it works, test it with your own workflow, and decide whether it is the right fit for your needs."}]}]},{question:"4. Can I cancel my subscription anytime?",answer:[{type:"paragraph",children:[{text:"Yes. You can cancel your subscription at any time from your account settings. Your access will remain active until the end of your current billing period, and you will not be charged again after cancellation."}]}]},{question:"5. Is my data secure?",answer:[{type:"paragraph",children:[{text:"Yes. We use modern security practices to protect your data, including encrypted connections and secure account access. We also follow responsible data handling practices so your information stays private and protected."}]}]},{question:"6. Can I use the product with my team?",answer:[{type:"paragraph",children:[{text:"Yes. Team plans allow multiple users to collaborate, manage shared projects, assign responsibilities, and keep work organized in one place. This makes it easier for everyone to stay aligned and see the latest updates."}]}]},{question:"7. How do I get support?",answer:[{type:"paragraph",children:[{text:"You can contact our support team through the help center or by email. We’ll help you with setup, troubleshooting, billing questions, and product guidance so you can get the most out of the platform."}]}]}]},settings:{sizing:"auto auto",properties:{wrapperWidth:{type:"number",scope:"layout",title:"Width",display:{type:"numeric-input"},min:0,max:9999},cellMinHeight:{type:"number",scope:"layout",title:"Min height",display:{type:"numeric-input"},min:0,max:9999},dividerWidth:{type:"number",scope:"layout",title:"Width",display:{type:"numeric-input"},min:0,max:9999},dividerStyle:{type:"string",scope:"common",title:"Style",display:{type:"toggle-cycle",enum:["solid","dashed","dotted"]}},entryHoverEffect:{type:"string",scope:"common",title:"Effect",display:{type:"toggle-cycle",enum:["none","default"]}},autoclose:{type:"string",scope:"common",title:"Autoclose",display:{type:"toggle-cycle",enum:["on","off"]}},icon:{type:["string","null"],scope:"common",title:"Icon",display:{type:"icon-switch-control"}},iconMaxWidth:{type:"number",scope:"layout",title:"Max Width",display:{type:"numeric-input"},min:0,max:9999},iconPaddingRight:jt("Icon Padding Right"),iconAnimation:{type:"string",scope:"common",title:"Icon Animation",display:{type:"toggle-cycle",enum:["rotate 180","rotate 90","rotate 45"]}},questionColor:{type:"string",scope:"common",title:"Question Default",display:{type:"palette-color-picker"}},answerColor:{type:"string",scope:"common",title:"Answer Default",display:{type:"palette-color-picker"}},dividerColor:{type:"string",scope:"common",title:"Divider Default",display:{type:"palette-color-picker"}},iconColor:{type:"string",scope:"common",title:"Icon Default",display:{type:"palette-color-picker"}},questionHoverColor:{type:"string",scope:"common",title:"Question Hover",display:{type:"palette-color-picker"}},iconHoverColor:{type:"string",scope:"common",title:"Icon Hover",display:{type:"palette-color-picker"}},iconActiveColor:{type:"string",scope:"common",title:"Icon Active",display:{type:"palette-color-picker"}},dividerHoverColor:{type:"string",scope:"common",title:"Divider Hover",display:{type:"palette-color-picker"}},questionFontFamily:{type:"string",scope:"common",title:"Font family",display:{type:"font-family-select"}},questionFontSettings:{...Ai.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight"}},questionFontSize:{type:"number",scope:"layout",title:"Question Font Size",display:{type:"font-size"}},questionLineHeight:{type:"number",scope:"layout",title:"Question Line Height",display:{type:"line-height-input"}},questionLetterSpacing:{type:"number",scope:"layout",title:"Question Letter Spacing",display:{type:"letter-spacing-input"}},questionWordSpacing:{type:"number",scope:"layout",title:"Question Word Spacing",display:{type:"word-spacing-input"}},questionTextAppearance:{type:"object",scope:"layout",title:"Question Text Appearance",display:{type:"text-appearance"}},answerFontFamily:{type:"string",scope:"common",title:"Font family",display:{type:"font-family-select"}},answerFontSettings:{...Ai.fontSettings,scope:"common",title:"",display:{type:"font-settings-weight"}},answerFontSize:{type:"number",scope:"layout",title:"Answer Font Size",display:{type:"font-size"}},answerLineHeight:{type:"number",scope:"layout",title:"Answer Line Height",display:{type:"line-height-input"}},answerLetterSpacing:{type:"number",scope:"layout",title:"Answer Letter Spacing",display:{type:"letter-spacing-input"}},answerWordSpacing:{type:"number",scope:"layout",title:"Answer Word Spacing",display:{type:"word-spacing-input"}},answerTextAppearance:{type:"object",scope:"layout",title:"Answer Text Appearance",display:{type:"text-appearance"}},questionPaddingLeft:jt("Question Padding Left"),questionPaddingTop:jt("Question Padding Top"),questionPaddingBottom:jt("Question Padding Bottom"),answerPaddingLeft:jt("Answer Padding Left"),answerPaddingRight:jt("Answer Padding Right"),answerPaddingTop:jt("Answer Padding Top"),answerPaddingBottom:jt("Answer Padding Bottom")},defaults:{dividerStyle:"solid",entryHoverEffect:"default",autoclose:"off",icon:"https://cdn.cntrl.site/projects/01JJKT02AWY2FGN2QJ7A173RNZ/articles-assets/01KVZJ586KJS8G0PKNERN87KMN.svg",iconAnimation:"rotate 45",questionColor:"#000000",answerColor:"#000000",dividerColor:"#000000",iconColor:"#000000",questionHoverColor:"#666666",iconHoverColor:"#666666",iconActiveColor:"#000000",dividerHoverColor:"#000000",questionFontFamily:"Arial",questionFontSettings:{fontWeight:400,fontStyle:"normal"},questionLetterSpacing:0,questionWordSpacing:0,questionTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"},answerFontFamily:"Arial",answerFontSettings:{fontWeight:400,fontStyle:"normal"},answerLetterSpacing:0,answerWordSpacing:0,answerTextAppearance:{textTransform:"none",textDecoration:"none",fontVariant:"normal"}},layoutDefaults:{m:{wrapperWidth:1,cellMinHeight:0,dividerWidth:.001389,iconMaxWidth:.025,iconPaddingRight:0,questionFontSize:.1066,questionLineHeight:.0853,answerFontSize:.056,answerLineHeight:.0448,questionPaddingLeft:0,questionPaddingTop:.01,questionPaddingBottom:.01,answerPaddingLeft:0,answerPaddingRight:0,answerPaddingTop:.01,answerPaddingBottom:.01},d:{wrapperWidth:1,cellMinHeight:0,dividerWidth:694e-6,iconMaxWidth:.00833,iconPaddingRight:0,questionFontSize:.027,questionLineHeight:.0222,answerFontSize:.01,answerLineHeight:.0082,questionPaddingLeft:0,questionPaddingTop:.01,questionPaddingBottom:.01,answerPaddingLeft:0,answerPaddingRight:0,answerPaddingTop:.01,answerPaddingBottom:.01}},layout:["__componentName__","wrapperWidth","cellMinHeight","dividerWidth","dividerStyle","entryHoverEffect","autoclose","icon","iconMaxWidth","iconAnimation"]},panels:[{id:"general",icon:"settings",title:"General",tooltip:"General Settings",layout:["__componentName__",{type:"row",title:"",items:["wrapperWidth","cellMinHeight"]},{type:"row",title:"",items:["entryHoverEffect","autoclose"]},{type:"row",title:"Divider",items:["dividerWidth","dividerStyle"]},{type:"row",title:"Icon",items:["icon","iconMaxWidth"]},{type:"row",title:"",items:["iconAnimation"]}]},{id:"typeStyle",icon:"text-icon",title:"Type Style",tooltip:"Typography",layout:["__componentName__",{type:"group",title:"Question",items:["questionFontFamily","questionFontSettings",{type:"row",items:["questionFontSize","questionLineHeight","questionLetterSpacing","questionWordSpacing"]},"questionTextAppearance"]},{type:"group",title:"Answer",items:["answerFontFamily","answerFontSettings",{type:"row",items:["answerFontSize","answerLineHeight","answerLetterSpacing","answerWordSpacing"]},"answerTextAppearance"]}]}],paletteBookmark:{items:[...Vu],panelIds:["general","typeStyle"],stateItems:{default:["questionColor","answerColor","dividerColor","iconColor","questionHoverColor","dividerHoverColor","iconHoverColor","iconActiveColor"]}}},zu={element:Ou,id:"faq",name:"FAQ",category:"lists",layoutMode:"structured",preview:{type:"image",url:"https://cdn.cntrl.site/component-assets/FAQ_List.png"},version:1,defaultSize:{d:{width:720,height:540}},assetsPaths:{content:[],parameters:[{path:"icon"}]},schema:Du,sourceCode:Bu},ju=[Wl,Dl,Ac,Oc,Yc,sd,pd,bd,Id,ku,zu];exports.components=ju;exports.isSchemaV1=La;