https://adherent.fcpts.org/vlank/js/993.d9a18b1d.js

1"use strict";(globalThis["webpackChunkfcpts"]=globalThis["webpackChunkfcpts"]||[]).push([[993],{41441(e,l,t){t.r(l),t.d(l,{default:()=>E});var n=t(61758),a=t(26231),s=t(38734),o=t(53014);const i={class:"page-content"},c={class:"row design-system-expension-content"},d={class:"row q-gutter-md"},r={class:"type-content"},u={class:"type-content"},m={class:"type-content"},b={class:"row design-system-expension-content"},p={class:"row q-gutter-md"},k={class:"type-content"},v={class:"type-content"},y={class:"row design-system-expension-content"},g={class:"row q-gutter-md"},h={class:"type-content"},F={class:"type-content"},x={class:"row design-system-expension-content"},L={class:"row q-gutter-md"},f={class:"row design-system-expension-content"},w={class:"row q-gutter-md"},_={class:"row design-system-expension-content"},q={class:"row q-gutter-md"},V={class:"type-content"},A={class:"card-title"},C={class:"type-content"},D={class:"type-content"},T={__name:"DesignSystem",setup(e){const{getPaletteColor:l}=o.Ay,t=(0,s.KR)(l("primary")),T=(0,s.KR)(l("secondary")),K=(0,s.KR)(l("accent")),R=(0,s.KR)(!1),Q=(0,s.KR)(null),S=(0,s.KR)(null),U=(0,s.KR)(0),I=(0,s.KR)(["Fruit","Légume","Viande","Poisson","Fromage"]),P=(0,s.KR)(!1),B=(0,s.KR)(!1);function G(){return"https://toolness.github.io/accessible-color-matrix/?n=White&n=Accent&n=Secondaire&n=Primaire&n=Black&v=FFFFFF&v="+K.value.substring(1)+"&v="+T.value.substring(1)+"&v="+t.value.substring(1)+"&v=000000"}return(e,l)=>{const t=(0,n.g2)("q-btn"),s=(0,n.g2)("q-expansion-item"),o=(0,n.g2)("q-toggle"),T=(0,n.g2)("q-icon"),K=(0,n.g2)("vlank-input"),N=(0,n.g2)("q-card-section"),W=(0,n.g2)("q-card-actions"),X=(0,n.g2)("q-card"),E=(0,n.gN)("close-popup");return(0,n.uX)(),(0,n.CE)("div",null,[(0,n.bF)(a.A,{title:"Design System O

1niti",icon:"mdi-palette"}),(0,n.Lk)("div",i,[(0,n.bF)(s,{class:"expansion-item-oniti",label:"Gestion des couleurs","header-class":"bg-white text-primary text-h6"},{default:(0,n.k6)(()=>[(0,n.Lk)("div",c,[(0,n.Lk)("div",d,[(0,n.Lk)("div",r,[l[11]||(l[11]=(0,n.Lk)("p",{class:"type-content-title"},"Primary",-1)),(0,n.bF)(t,{color:"primary",round:""})]),(0,n.Lk)("div",u,[l[12]||(l[12]=(0,n.Lk)("p",{class:"type-content-title"},"Secondary",-1)),(0,n.bF)(t,{color:"secondary",round:""})]),(0,n.Lk)("div",m,[l[13]||(l[13]=(0,n.Lk)("p",{class:"type-content-title"},"Accent",-1)),(0,n.bF)(t,{color:"accent",round:""})])]),(0,n.bF)(t,{style:{"margin-left":"100px"},class:"q-mb-sm q-ma-sm",rounded:"",unelevated:"",color:"secondary",label:"Tester les règles d'accèssibilité",icon:"mdi-open-in-new",href:G(),target:"_blank"},null,8,["href"])])]),_:1}),(0,n.bF)(s,{class:"expansion-item-oniti",label:"Check-boxes","header-class":"bg-white text-primary text-h6"},{default:(0,n.k6)(()=>[(0,n.Lk)("div",b,[(0,n.Lk)("div",p,[(0,n.Lk)("div",k,[l[14]||(l[14]=(0,n.Lk)("p",{class:"type-content-title"},"Active",-1)),R.value?((0,n.uX)(),(0,n.Wv)(t,{key:0,outline:"",rounded:"",color:"secondary",icon:"mdi-checkbox-marked-outline",label:"Test",onClick:l[0]||(l[0]=()=>R.value=!1)})):((0,n.uX)(),(0,n.Wv)(t,{key:1,outline:"",rounded:"",color:"grey-14",icon:"mdi-checkbox-blank-outline",label:"Test",onClick:l[1]||(l[1]=()=>R.value=!0)}))]),(0,n.Lk)("div",v,[l[15]||(l[15]=(0,n.Lk)("p",{class:"type-content-title"},"Disable",-1)),(0,n.bF)(t,{disable:"",outline:"",rounded:"",color:"grey-14",icon:"mdi-checkbox-blank-off-outline",label:"Test",onClick:l[2]||(l[2]=()=>R.value=!0)})])])])]),_:1}),(0,n.bF)(s,{class:"expansion-item-oniti",label:"Toggles","header-class":"bg-white text-primary text-h6"},{default:(0,n.k6)(()=>[(0,n.Lk)("div",y,[(0,n.Lk)("div",g,[(0,n.Lk)("div",h,[l[16]||(l[16]=(0,n.Lk)("p",{class:"type-content-title"},"Active",-1)),(0,n.bF)(o,{modelValue:P.value,"onUpdate:modelValue":l[3]||(l[3]=e=>P.value=e),color:"secondary",label:"Test","unchecked-icon":"clear","checked-icon":"check"},null,8,["modelValue"])]),(0,n.Lk)("div",F,[l[17]||(l[17]=(0,n.Lk)("p",{class:"type-content-title"},"Disable",-1)),(0,n.bF)(o,{disable:"",modelValue:B.value,"onUpdate:modelValue":l[4]||(l[4]=e=>B.value=e),color:"grey-14","unchecked-icon":"mdi-cancel",label:"Disable"},null,8,["modelValue"])])])])]),_:1}),(0,n.bF)(s,{class:"expansion-item-oniti",label:"Buttons","header-class":"bg-white text-primary text-h6"},{default:(0,n.k6)(()=>[(0,n.Lk)("div",x,[(0,n.Lk)("div",L,[(0,n.bF)(t,{class:"q-mb-sm q-ma-sm",rounded:"",unelevated:"",color:"secondary",icon:"mdi-lightning-bolt",label:"Action"}),(0,n.bF)(t,{class:"q-mb-sm q-ma-sm",rounded:"",outline:"",unelevated:"",color:"primary",icon:"mdi-close",label:"Cancel"}),(0,n.bF)(t,{class:"q-mb-sm q-ma-sm",rounded:"",unelevated:"",color:"negative",icon:"mdi-delete",label:"Delete"}),(0,n.bF)(t,{class:"q-mb-sm q-ma-sm",rounded:"",unelevated:"",color:"primary",icon:"mdi-check-all",label:"Submit"}),(0,n.bF)(t,{class:"q-mb-sm q-ma-sm",disable:"",rounded:"",outline:"",unelevated:"",color:"grey-14",icon:"mdi-cancel",label:"Disable"})])])]),_:1}),(0,n.bF)(s,{class:"expansion-item-oniti",label:"Inputs","header-class":"bg-white text-primary text-h6"},{default:(0,n.k6)(()=>[(0,n.Lk)("div",f,[(0,n.Lk)("div",w,[(0,n.bF)(K,{label:"Vlank Input",name:"vlank_input",modelValue:Q.value,"onUpdate:modelValue":l[5]||(l[5]=e=>Q.value=e),outlined:"",rounded:""},{prepend:(0,n.k6)(()=>[(0,n.bF)(T,{name:"mdi-format-letter-case",color:"secondary"})]),_:1},8,["modelValue"]),(0,n.bF)(K,{label:"Vlank Select",name:"vlank_select",type:"select",modelValue:S.value,"onUpdate:modelValue":l[6]||(l[6]=e=>S.value=e),"use-chips":"",multiple:"",options:I.value,outlined:"",rounded:"",style:{"min-width":"250px"}},{prepend:(0,n.k6)(()=>[(0,n.bF)(T,{name:"mdi-format-letter-case",color:"secondary"})]),_:1},8,["modelValue","options"]),(0,n.bF)(K,{label:"Vlank Number",name:"vlank_number",type:"number",modelValue:U.value,"onUpdate:modelValue":l[7]||(l[7]=e=>U.value=e),outlined:"",rounded:""},{prepend:(0,n.k6)(()=>[(0,n.bF)(T,{name:"mdi-counter",color:"secondary"})]),_:1},8,["modelValue"]),(0,n.bF)(K,{label:"Vlank Disable",name:"vlank_disable",modelValue:Q.value,"onUpdate:modelValue":l[8]||(l[8]=e=>Q.value=e),outlined:"",rounded:"",disable:"",style:{"min-width":"250px"}},{prepend:(0,n.k6)(()=>[(0,n.bF)(T,{name:"mdi-cancel",color:"secondary"})]),_:1},8,["modelValue"])])])]),_:1}),(0,n.bF)(s,{class:"expansion-item-oniti",label:"Cards","header-class":"bg-white text-primary text-h6"},{default:(0,n.k6)(()=>[(0,n.Lk)("div",_,[(0,n.Lk)("div",q,[(0,n.Lk)("div",V,[l[19]||(l[19]=(0,n.Lk)("p",{class:"type-content-title"},"Dialog",-1)),(0,n.bF)(X,{style:{width:"500px"}},{default:(0,n.k6)(()=>[(0,n.bF)(N,{class:"row dialog-title"},{default:(0,n.k6)(()=>[(0,n.Lk)("div",A,[(0,n.bF)(T,{size:"sm",color:"accent",name:"mdi-counter"}),l[18]||(l[18]=(0,n.Lk)("p",null,"N° Commande d'achat",-1))])]),_:1}),(0,n.bF)(N),(0,n.bF)(W,{align:"right",class:"card-actions-oniti"},{default:(0,n.k6)(()=>[(0,n.bo)((0,n.bF)(t,{flat:"",label:"Annuler",color:"grey-14"},null,512),[[E]]),(0,n.bo)((0,n.bF)(t,{flat:"",label:"Valider",color:"primary",onClick:l[9]||(l[9]=()=>console.log("valider"))},null,512),[[E]])]),_:1})]),_:1})]),(0,n.Lk)("div",C,[l[21]||(l[21]=(0,n.Lk)("p",{class:"type-content-title"},"Generic",-1)),(0,n.bF)(X,{style:{width:"500px"}},{default:(0,n.k6)(()=>[(0,n.bF)(N,null,{default:(0,n.k6)(()=>[...l[20]||(l[20]=[(0,n.Lk)("div",{class:"text-h6"},"Titre",-1),(0,n.Lk)("div",{class:"text-subtitle"},"by John Doe",-1)])]),_:1})]),_:1})]),(0,n.Lk)("div",D,[l[23]||(l[23]=(0,n.Lk)("p",{class:"type-content-title"},"Grid",-1)),(0,n.bF)(X,{style:{width:"200px"},class:"grid-card",onClick:l[10]||(l[10]=()=>console.log("click"))},{default:(0,n.k6)(()=>[(0,n.bF)(N,null,{default:(0,n.k6)(()=>[...l[22]||(l[22]=[(0,n.Lk)("div",{class:"text-h6"},"Titre",-1),(0,n.Lk)("div",{class:"text-subtitle"},"by John Doe",-1)])]),_:1})]),_:1})])])])]),_:1})])])}}};var K=t(12807),R=t(9459),Q=t(1693),S=t(66908),U=t(50492),I=t(23316),P=t(44189),B=t(62669),G=t(88672),N=t(98582),W=t.n(N);const X=(0,K.A)(T,[["__scopeId","data-v-efd7ea36"]]),E=X;W()(T,"components",{QExpansionItem:R.A,QBtn:Q.A,QToggle:S.A,QIcon:U.A,QCard:I.A,QCardSection:P.A,QCardActions:B.A}),W()(T,"directives",{ClosePopup:G.A})}}]);