mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-05-05 22:07:10 -04:00
46 lines
3.2 KiB
JavaScript
46 lines
3.2 KiB
JavaScript
|
import{o as d,q as a,n as e,M as u}from"../entries/src_pages_Home.page.16dc467b.js";import{u as b}from"./chunk-416dc92c.js";import{N as f}from"./chunk-9519e52e.js";import{r as v}from"./chunk-f94e2689.js";import{h as o,d as h,C as p}from"./chunk-449c23a2.js";const g=v("close",o("svg",{viewBox:"0 0 12 12",version:"1.1",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0},o("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},o("g",{fill:"currentColor","fill-rule":"nonzero"},o("path",{d:"M2.08859116,2.2156945 L2.14644661,2.14644661 C2.32001296,1.97288026 2.58943736,1.95359511 2.7843055,2.08859116 L2.85355339,2.14644661 L6,5.293 L9.14644661,2.14644661 C9.34170876,1.95118446 9.65829124,1.95118446 9.85355339,2.14644661 C10.0488155,2.34170876 10.0488155,2.65829124 9.85355339,2.85355339 L6.707,6 L9.85355339,9.14644661 C10.0271197,9.32001296 10.0464049,9.58943736 9.91140884,9.7843055 L9.85355339,9.85355339 C9.67998704,10.0271197 9.41056264,10.0464049 9.2156945,9.91140884 L9.14644661,9.85355339 L6,6.707 L2.85355339,9.85355339 C2.65829124,10.0488155 2.34170876,10.0488155 2.14644661,9.85355339 C1.95118446,9.65829124 1.95118446,9.34170876 2.14644661,9.14644661 L5.293,6 L2.14644661,2.85355339 C1.97288026,2.67998704 1.95359511,2.41056264 2.08859116,2.2156945 L2.14644661,2.14644661 L2.08859116,2.2156945 Z"}))))),C=d("base-close",`
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
cursor: pointer;
|
||
|
|
background-color: transparent;
|
||
|
|
color: var(--n-close-icon-color);
|
||
|
|
border-radius: var(--n-close-border-radius);
|
||
|
|
height: var(--n-close-size);
|
||
|
|
width: var(--n-close-size);
|
||
|
|
font-size: var(--n-close-icon-size);
|
||
|
|
outline: none;
|
||
|
|
border: none;
|
||
|
|
position: relative;
|
||
|
|
padding: 0;
|
||
|
|
`,[a("absolute",`
|
||
|
|
height: var(--n-close-icon-size);
|
||
|
|
width: var(--n-close-icon-size);
|
||
|
|
`),e("&::before",`
|
||
|
|
content: "";
|
||
|
|
position: absolute;
|
||
|
|
width: var(--n-close-size);
|
||
|
|
height: var(--n-close-size);
|
||
|
|
left: 50%;
|
||
|
|
top: 50%;
|
||
|
|
transform: translateY(-50%) translateX(-50%);
|
||
|
|
transition: inherit;
|
||
|
|
border-radius: inherit;
|
||
|
|
`),u("disabled",[e("&:hover",`
|
||
|
|
color: var(--n-close-icon-color-hover);
|
||
|
|
`),e("&:hover::before",`
|
||
|
|
background-color: var(--n-close-color-hover);
|
||
|
|
`),e("&:focus::before",`
|
||
|
|
background-color: var(--n-close-color-hover);
|
||
|
|
`),e("&:active",`
|
||
|
|
color: var(--n-close-icon-color-pressed);
|
||
|
|
`),e("&:active::before",`
|
||
|
|
background-color: var(--n-close-color-pressed);
|
||
|
|
`)]),a("disabled",`
|
||
|
|
cursor: not-allowed;
|
||
|
|
color: var(--n-close-icon-color-disabled);
|
||
|
|
background-color: transparent;
|
||
|
|
`),a("round",[e("&::before",`
|
||
|
|
border-radius: 50%;
|
||
|
|
`)])]),y=h({name:"BaseClose",props:{isButtonTag:{type:Boolean,default:!0},clsPrefix:{type:String,required:!0},disabled:{type:Boolean,default:void 0},focusable:{type:Boolean,default:!0},round:Boolean,onClick:Function,absolute:Boolean},setup(r){return b("-base-close",C,p(r,"clsPrefix")),()=>{const{clsPrefix:n,disabled:s,absolute:t,round:i,isButtonTag:l}=r;return o(l?"button":"div",{type:l?"button":void 0,tabindex:s||!r.focusable?-1:0,"aria-disabled":s,"aria-label":"close",role:l?void 0:"button",disabled:s,class:[`${n}-base-close`,t&&`${n}-base-close--absolute`,s&&`${n}-base-close--disabled`,i&&`${n}-base-close--round`],onMousedown:c=>{r.focusable||c.preventDefault()},onClick:r.onClick},o(f,{clsPrefix:n},{default:()=>o(g,null)}))}}});export{y as N};
|