axp-ui/docs/assets/Button.stories-c9e63800.js

import{d as S,e as L,o as h,f as x,g as le,j as N,k as ta,t as E,l as D,n as Q,m as $,p as ue,q as Ft,s as I,u as We,w as Je,v as Ie,x as ye,F as re,y as aa}from"./vue.esm-bundler-16b759a1.js";const Rt={account:`
			<circle cx="12" cy="7" r="4" />
			<path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" />
		`,doc:`
			<path d="M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z"/>
		`,vk:`
			<path d="M21.579 6.855c.14-.465 0-.806-.662-.806h-2.193c-.558 0-.813.295-.953.619 0 0-1.115 2.719-2.695 4.482-.51.513-.743.675-1.021.675-.139 0-.341-.162-.341-.627V6.855c0-.558-.161-.806-.626-.806H9.642c-.348 0-.558.258-.558.504 0 .528.79.65.871 2.138v3.228c0 .707-.127.836-.407.836-.743 0-2.551-2.729-3.624-5.853-.209-.607-.42-.852-.98-.852H2.752c-.627 0-.752.295-.752.619 0 .582.743 3.462 3.461 7.271 1.812 2.601 4.363 4.011 6.687 4.011 1.393 0 1.565-.313 1.565-.853v-1.966c0-.626.133-.752.574-.752.324 0 .882.164 2.183 1.417 1.486 1.486 1.732 2.153 2.567 2.153h2.192c.626 0 .939-.313.759-.931-.197-.615-.907-1.51-1.849-2.569-.512-.604-1.277-1.254-1.51-1.579-.325-.419-.231-.604 0-.976.001.001 2.672-3.761 2.95-5.04z"/>
		`,youtube:`
			<path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z" />
			<polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02" />
		`,video:`
			<polygon points="23 7 16 12 23 17 23 7" />
			<rect x="1" y="5" width="15" height="14" rx="2" ry="2" />
		`,yandex:`
			<path d="m10 24v-7.786l-5.2-13.964h2.616l3.834 10.767 4.41-13.018h2.405l-5.658 16.303v7.697z"/>
		`,menu:`
			<path stroke="none" d="M0 0h24v24H0z"/>
			<line x1="4" y1="6" x2="20" y2="6" />
			<line x1="4" y1="12" x2="20" y2="12" />
			<line x1="4" y1="18" x2="20" y2="18" />
		`,close:`
			<line x1="18" y1="6" x2="6" y2="18" />
			<line x1="6" y1="6" x2="18" y2="18" />
		`,"arrow-down":`
			<path stroke="none" d="M0 0h24v24H0z"/>
			<polyline points="6 9 12 15 18 9" />
		`,car:`
			<path stroke="none" d="M0 0h24v24H0z"/>
			<circle cx="7" cy="17" r="2" />
			<circle cx="17" cy="17" r="2" />
			<path d="M5 17h-2v-6l2-5h9l4 5h1a2 2 0 0 1 2 2v4h-2m-4 0h-6m-6 -6h15m-6 0v-5" />
		`,review:`
			<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" />
		`,phone:`
			<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" />
		`,circle:`
			<circle cx="12" cy="12" r="10"></circle>
		`,dzen:`
			<path d="M 11.659994,0.01953125 C 5.2952996,0.20519926 0.20563242,5.2947457 0.01953125,11.659552 4.8820049,11.598767 7.6163326,11.265345 9.4411321,9.4406121 11.265931,7.6159232 11.59921,4.8819566 11.659994,0.01953125 Z m 0.719931,0 c 0.06078,4.86242535 0.393207,7.59634815 2.218006,9.42108085 1.824686,1.8245759 4.559692,2.1581249 9.4216,2.2189399 C 23.83343,5.2948697 18.744448,0.20538037 12.379925,0.01953125 Z M 0.01953125,12.37951 C 0.20581298,18.744149 5.2954188,23.833867 11.659994,24.019531 11.59921,19.156885 11.265931,16.422327 9.4411321,14.597594 7.6163326,12.772905 4.8820049,12.440295 0.01953125,12.37951 Z m 23.99999975,0 c -4.861908,0.06081 -7.596914,0.393508 -9.4216,2.218084 -1.8248,1.824733 -2.157222,4.559291 -2.218006,9.421937 6.364403,-0.185846 11.453324,-5.275505 11.639606,-11.640021 z" />
		`,instagram:`
			<path d="m 18.374816,4.4184098 c -0.80327,0 -1.405723,0.6025075 -1.405723,1.4058562 0,0.8033487 0.602453,1.4058562 1.405723,1.4058562 0.803271,0 1.405724,-0.6025075 1.405724,-1.4058562 0,-0.8033487 -0.602453,-1.4058562 -1.405724,-1.4058562 z" />
			<path d="m 12.049062,6.2259403 c -3.3134909,0 -5.9241249,2.7112998 -5.9241249,5.9246867 0,3.213387 2.7110426,5.924686 5.9241249,5.924686 3.213082,0 5.924119,-2.711299 5.924119,-5.924686 0,-3.2133869 -2.610629,-5.9246867 -5.924119,-5.9246867 z m 0,9.7405887 c -2.1085854,0 -3.815535,-1.707118 -3.815535,-3.815902 0,-2.108784 1.7069496,-3.8159024 3.815535,-3.8159024 2.108585,0 3.815534,1.7071184 3.815534,3.8159024 0,2.108784 -1.706949,3.815902 -3.815534,3.815902 z" />
			<path d="M 16.868685,0 H 7.3298474 C 3.2130851,0 0,3.2133868 0,7.2301222 V 16.769878 C 0,20.786613 3.2130851,24 7.2294388,24 h 9.5388362 c 4.016353,0 7.229434,-3.213387 7.229434,-7.230122 V 7.2301222 C 24.098119,3.2133868 20.885037,0 16.868685,0 Z m 4.92003,16.87029 c 0,2.7113 -2.208993,5.020926 -5.02044,5.020926 H 7.2294388 c -2.711045,0 -5.0204482,-2.209205 -5.0204482,-5.020926 V 7.3305428 c 0,-2.7112998 2.2089985,-5.0209173 5.0204482,-5.0209173 h 9.5388362 c 2.711038,0 5.02044,2.2092048 5.02044,5.0209173 z" />
		`,moon:`
			<path d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z" />
		`,sun:`
		<circle cx="12" cy="12" r="5" />
		<line x1="12" y1="1" x2="12" y2="3" />
		<line x1="12" y1="21" x2="12" y2="23" />
		<line x1="4.22" y1="4.22" x2="5.64" y2="5.64" />
		<line x1="18.36" y1="18.36" x2="19.78" y2="19.78" />
		<line x1="1" y1="12" x2="3" y2="12" />
		<line x1="21" y1="12" x2="23" y2="12" />
		<line x1="4.22" y1="19.78" x2="5.64" y2="18.36" />
		<line x1="18.36" y1="5.64" x2="19.78" y2="4.22" />
	`,edit:`
  	<path d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"/>
	`,visibility:`
		<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" />
		<circle cx="12" cy="12" r="3" />
	`,visibility_off:`
  	<path d="M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21" />
	`},na={class:"ui-icon"},sa=["fill","innerHTML"],ee=S({__name:"Icon",props:{name:{},fill:{type:Boolean}},setup(a){const e=a,t=L(()=>Rt[e.name]);return(n,s)=>(h(),x("span",na,[(h(),x("svg",{viewBox:"0 0 24 24",fill:n.fill?"currentColor":"none",stroke:"currentColor","stroke-width":"1.2",innerHTML:t.value},null,8,sa))]))}});ee.__docgenInfo={exportName:"default",displayName:"Icon",description:"",tags:{},props:[{name:"name",required:!0,type:{name:"TUiIcon"}},{name:"fill",required:!1,type:{name:"boolean"}}],sourceFiles:["/home/antoxa/Projects/my/axp/ui/src/components/Icon.vue"]};const ra={key:0,class:"ui-alert-close"},ia={key:1,class:"ui-alert-content"},Bt=S({__name:"Alert",props:{color:{},value:{},close:{type:Boolean}},emits:["close"],setup(a,{emit:e}){const t=a;return(n,s)=>(h(),x("div",{class:Q(["ui-alert",t.color])},[t.close?(h(),x("div",ra,[le(ee,{name:"close",onClick:s[0]||(s[0]=r=>e("close"))})])):N("",!0),t.value||n.$slots.default?(h(),x("div",ia,[ta(E(t.value)+" ",1),n.$slots.default?D(n.$slots,"default",{key:0}):N("",!0)])):N("",!0)],2))}});Bt.__docgenInfo={exportName:"default",displayName:"Alert",description:"",tags:{},props:[{name:"color",required:!1,type:{name:"TColor"}},{name:"value",required:!1,type:{name:"string"}},{name:"close",required:!1,type:{name:"boolean"}}],events:[{name:"close"}],slots:[{name:"default"}],sourceFiles:["/home/antoxa/Projects/my/axp/ui/src/components/Alert.vue"]};const oa={key:1,class:"label"},ie=S({__name:"Btn",props:{label:{},type:{},color:{},icon:{},to:{},disabled:{type:Boolean}},emits:["click"],setup(a,{emit:e}){const t=a,n=r=>e("click",r),s=L(()=>{let r={"ui-btn":!0,"ui-btn-icon":t.icon};return t.color&&(r[t.color]=!0),r});return(r,i)=>(h(),$(Ft(t.to?"router-link":"button"),{to:t.to,type:t.type,class:Q(s.value),disabled:t.disabled,onClick:n},{default:ue(()=>[t.icon?(h(),$(ee,{key:0,name:t.icon},null,8,["name"])):N("",!0),t.label?(h(),x("div",oa,E(t.label),1)):N("",!0),r.$slots.default?D(r.$slots,"default",{key:2}):N("",!0)]),_:3},8,["to","type","class","disabled"]))}});ie.__docgenInfo={exportName:"default",displayName:"Btn",description:"",tags:{},props:[{name:"label",required:!1,type:{name:"string"}},{name:"type",required:!1,type:{name:"TUiBtnType"}},{name:"color",required:!1,type:{name:"TColor"}},{name:"icon",required:!1,type:{name:"TIcon"}},{name:"to",required:!1,type:{name:"string"}},{name:"disabled",required:!1,type:{name:"boolean"}}],events:[{name:"click",type:{names:["PointerEvent"]}}],slots:[{name:"default"}],sourceFiles:["/home/antoxa/Projects/my/axp/ui/src/components/Btn.vue"]};const la={class:"ui-card"},da={key:0,class:"ui-card-head"},ca={class:"ui-card-title"},ua={key:1,class:"ui-card-body"},pa={key:2,class:"ui-card-actions"},ma=S({__name:"Card",props:{title:{}},setup(a){const e=a;return(t,n)=>(h(),x("div",la,[e.title?(h(),x("div",da,[I("h3",ca,E(e.title),1)])):N("",!0),t.$slots.default?(h(),x("div",ua,[D(t.$slots,"default")])):N("",!0),t.$slots.actions?(h(),x("div",pa,[D(t.$slots,"actions")])):N("",!0)]))}});ma.__docgenInfo={exportName:"default",displayName:"Card",description:"",tags:{},props:[{name:"title",required:!1,type:{name:"string"}}],slots:[{name:"default"},{name:"actions"}],sourceFiles:["/home/antoxa/Projects/my/axp/ui/src/components/Card.vue"]};const ha=["open"],fa={class:"ui-dialog-window"},ya={key:0,class:"ui-dialog-window-header"},_a={key:1,class:"ui-dialog-window-content"},va=S({__name:"Dialog",props:{title:{},open:{type:Boolean},close:{type:Boolean}},emits:["update:open"],setup(a,{emit:e}){const t=a,n=We(t.open),s=()=>{n.value=!1,e("update:open",!1)},r=i=>{i.target instanceof Element&&i.target.classList.contains("ui-dialog")&&s()};return Je(()=>t.open,i=>n.value=i),(i,o)=>(h(),x("dialog",{class:"ui-dialog",open:n.value,onClick:r},[I("div",fa,[t.title?(h(),x("div",ya,[I("h4",null,E(i.title),1),le(ee,{name:"close",onClick:s,class:"ui-icon-close"})])):N("",!0),i.$slots.default?(h(),x("div",_a,[D(i.$slots,"default")])):N("",!0)])],8,ha))}});va.__docgenInfo={exportName:"default",displayName:"Dialog",description:"",tags:{},props:[{name:"title",required:!1,type:{n
  args: {
    label: 'Button'
  }
}`,...(Pt=(Ot=Oe.parameters)==null?void 0:Ot.docs)==null?void 0:Pt.source}}};var At,Et,Mt;Pe.parameters={...Pe.parameters,docs:{...(At=Pe.parameters)==null?void 0:At.docs,source:{originalSource:`{
  args: {
    label: 'Accent',
    color: 'accent'
  }
}`,...(Mt=(Et=Pe.parameters)==null?void 0:Et.docs)==null?void 0:Mt.source}}};const ks=["Default","Accent"];export{Pe as Accent,Oe as Default,ks as __namedExportsOrder,xs as default};
//# sourceMappingURL=Button.stories-c9e63800.js.map