var x=Object.defineProperty;var h=(t,e,a)=>e in t?x(t,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):t[e]=a;var l=(t,e,a)=>h(t,typeof e!="symbol"?e+"":e,a);import{V as v,N as b}from"./B323151W.js";import{_ as w}from"./8TcXW0dr.js";import{_ as T}from"./L2gl6aU8.js";import{o as p,e as g,w as i,a as c,c as u,W as C,Y as $,t as z,F as P,b as S}from"./BBFraHma.js";import{_ as B}from"./DlAUqK2U.js";import"./DhvVTBYN.js";import"./C5MTxOPi.js";import"./QC2ol6wh.js";var E=Object.defineProperty,N=Object.getOwnPropertyDescriptor,O=(t,e,a,s)=>{for(var r=s>1?void 0:s?N(e,a):e,o=t.length-1,n;o>=0;o--)(n=t[o])&&(r=(s?n(e,a,r):n(r))||r);return s&&r&&E(e,a,r),r};let m=class extends v{constructor(){super(...arguments);l(this,"exampleTabs",[{active:!0,id:"htmlblueprint",label:"HTML Blueprint"}]);l(this,"transforms",[{name:"lowercase",value:"render as lowercase"},{name:"uppercase",value:"render as uppercase"},{name:"capitalize",value:"render as capitalize"},{name:"capitalize-fl",value:"convert UPPERCASE TEXT to lowercase and capitalize the first letter"},{name:"italic",value:"render as italic"},{name:"no-transform",value:"render with no transform"}])}get codeSnippets(){return{htmlblueprint:this.generateHtml()}}generateHtml(){return this.transforms.map(({name:a,value:s})=>`<p class="-text--${a}">This text will ${s}</p>`).join(`
`)}};m=O([b({})],m);const V={class:"-m--3"};function j(t,e,a,s,r,o){const n=w,f=T;return p(),g(f,{padding:"-p--0",title:"Text transform",id:"text-transform",titleSize:"h2",tabs:t.exampleTabs,showSnippetTabs:!1},{"example-description":i(()=>e[0]||(e[0]=[c("p",{class:"-text"},"Change text transform to lowercase, uppercase, or capitalize.",-1)])),example:i(()=>[c("div",V,[(p(!0),u(P,null,C(t.transforms,({name:d,value:_})=>(p(),u("p",{class:$(["-text",`-text--${d}`])},"This text will "+z(_),3))),256))])]),"code-htmlblueprint":i(()=>[S(n,{class:"html",lang:"html",code:t.codeSnippets.htmlblueprint},null,8,["code"])]),_:1},8,["tabs"])}const X=B(m,[["render",j]]);export{X as default};