@energysage/es-ds-components 3.1.1 → 3.1.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/components/es-collapse.vue +9 -0
- package/components/es-popover.vue +6 -6
- package/components/icon/bluesky.vue +27 -0
- package/components/icon/facebook.vue +15 -29
- package/components/icon/instagram.vue +28 -38
- package/components/icon/linkedin.vue +16 -29
- package/components/icon/threads.vue +27 -0
- package/components/icon/twitter.vue +17 -32
- package/components/icon/x-social.vue +28 -0
- package/components/icon/youtube.vue +24 -34
- package/package.json +1 -1
|
@@ -85,3 +85,12 @@ const onClick = ({ value }: { value: boolean }) => {
|
|
|
85
85
|
<slot />
|
|
86
86
|
</panel>
|
|
87
87
|
</template>
|
|
88
|
+
<style lang="scss" scoped>
|
|
89
|
+
@use '@energysage/es-ds-styles/scss/variables' as variables;
|
|
90
|
+
|
|
91
|
+
:deep(.es-collapse-toggler:focus-visible) {
|
|
92
|
+
outline: 2px auto variables.$blue-600;
|
|
93
|
+
outline: 2px auto -webkit-focus-ring-color;
|
|
94
|
+
outline-offset: 2px;
|
|
95
|
+
}
|
|
96
|
+
</style>
|
|
@@ -42,7 +42,7 @@ const emit = defineEmits(['update:show']);
|
|
|
42
42
|
:collision-padding="collisionPadding"
|
|
43
43
|
:side="side">
|
|
44
44
|
<popover-close
|
|
45
|
-
class="es-popover-close position-
|
|
45
|
+
class="es-popover-close align-items-center d-flex justify-content-center float-right mb-50 ml-50 position-relative"
|
|
46
46
|
:class="{ 'es-popover-close--light': variant === 'light' }">
|
|
47
47
|
<span class="sr-only">Close</span>
|
|
48
48
|
<icon-x
|
|
@@ -55,9 +55,8 @@ const emit = defineEmits(['update:show']);
|
|
|
55
55
|
:height="12"
|
|
56
56
|
rounded
|
|
57
57
|
:width="22" />
|
|
58
|
-
<
|
|
59
|
-
|
|
60
|
-
</div>
|
|
58
|
+
<slot />
|
|
59
|
+
<!-- the cta slot is kept for backwards compatibility but is deprecated -->
|
|
61
60
|
<slot name="cta" />
|
|
62
61
|
</popover-content>
|
|
63
62
|
</popover-portal>
|
|
@@ -129,9 +128,10 @@ const emit = defineEmits(['update:show']);
|
|
|
129
128
|
border: none;
|
|
130
129
|
color: variables.$white;
|
|
131
130
|
height: 28px;
|
|
132
|
-
right: 1rem;
|
|
133
131
|
padding: 0;
|
|
134
|
-
top
|
|
132
|
+
/* better align top of close button with text */
|
|
133
|
+
right: -0.125rem;
|
|
134
|
+
top: -0.125rem;
|
|
135
135
|
width: 28px;
|
|
136
136
|
}
|
|
137
137
|
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
interface IProps {
|
|
3
|
+
height?: string;
|
|
4
|
+
width?: string;
|
|
5
|
+
}
|
|
6
|
+
withDefaults(defineProps<IProps>(), {
|
|
7
|
+
height: '32px',
|
|
8
|
+
width: '32px',
|
|
9
|
+
});
|
|
10
|
+
</script>
|
|
11
|
+
|
|
12
|
+
<template>
|
|
13
|
+
<svg
|
|
14
|
+
fill="none"
|
|
15
|
+
:style="{
|
|
16
|
+
height: height,
|
|
17
|
+
width: width,
|
|
18
|
+
}"
|
|
19
|
+
viewBox="0 0 28 28"
|
|
20
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
21
|
+
<path
|
|
22
|
+
fill-rule="evenodd"
|
|
23
|
+
clip-rule="evenodd"
|
|
24
|
+
d="M14 28c7.732 0 14-6.268 14-14S21.732 0 14 0 0 6.268 0 14s6.268 14 14 14Zm0-14.425c-.724-1.49-2.697-4.264-4.532-5.633C8.145 6.955 6 6.191 6 8.622c0 .486.28 4.079.444 4.662.571 2.029 2.653 2.546 4.504 2.233-3.236.547-4.06 2.36-2.281 4.173 3.376 3.443 4.852-.864 5.23-1.967.07-.203.102-.297.103-.217 0-.08.033.014.102.216v.001c.38 1.104 1.856 5.41 5.231 1.967 1.778-1.813.955-3.626-2.28-4.173 1.85.313 3.931-.204 4.503-2.232.164-.584.444-4.177.444-4.663 0-2.431-2.145-1.667-3.468-.68-1.834 1.369-3.807 4.144-4.532 5.633Z"
|
|
25
|
+
fill="currentColor" />
|
|
26
|
+
</svg>
|
|
27
|
+
</template>
|
|
@@ -1,41 +1,27 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
default: '31px',
|
|
11
|
-
required: false,
|
|
12
|
-
},
|
|
13
|
-
/**
|
|
14
|
-
* Height
|
|
15
|
-
*/
|
|
16
|
-
height: {
|
|
17
|
-
type: String,
|
|
18
|
-
default: '32px',
|
|
19
|
-
required: false,
|
|
20
|
-
},
|
|
21
|
-
},
|
|
22
|
-
};
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
interface IProps {
|
|
3
|
+
height?: string;
|
|
4
|
+
width?: string;
|
|
5
|
+
}
|
|
6
|
+
withDefaults(defineProps<IProps>(), {
|
|
7
|
+
height: '32px',
|
|
8
|
+
width: '32px',
|
|
9
|
+
});
|
|
23
10
|
</script>
|
|
11
|
+
|
|
24
12
|
<template>
|
|
25
13
|
<svg
|
|
14
|
+
fill="none"
|
|
26
15
|
:style="{
|
|
27
16
|
height: height,
|
|
28
17
|
width: width,
|
|
29
18
|
}"
|
|
30
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
31
|
-
viewBox="0 0 31 32"
|
|
32
|
-
fill="currentColor">
|
|
33
|
-
<path
|
|
34
|
-
fill="none"
|
|
35
|
-
d="M0 .4h31v31H0z" />
|
|
19
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
36
20
|
<path
|
|
37
21
|
fill-rule="evenodd"
|
|
38
22
|
clip-rule="evenodd"
|
|
39
|
-
d="
|
|
23
|
+
d="M16 .163a15.837 15.837 0 1 0 0 31.674A15.837 15.837 0 0 0 16 .163Zm5.824 8.277H19.78a2.044 2.044 0 0 0-1.634.51c-.306.409-.41 1.022-.41 1.43v2.657h3.985l-.51 4.088h-3.474V27.34H13.65V17.124h-3.474v-4.087h3.474v-2.86a5.21 5.21 0 0 1 1.328-3.986 5.109 5.109 0 0 1 3.78-1.328l3.066.102v3.576z"
|
|
24
|
+
fill="currentColor"
|
|
25
|
+
style="stroke-width: 1.15477" />
|
|
40
26
|
</svg>
|
|
41
27
|
</template>
|
|
@@ -1,49 +1,39 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
default: '31px',
|
|
11
|
-
required: false,
|
|
12
|
-
},
|
|
13
|
-
/**
|
|
14
|
-
* Height
|
|
15
|
-
*/
|
|
16
|
-
height: {
|
|
17
|
-
type: String,
|
|
18
|
-
default: '32px',
|
|
19
|
-
required: false,
|
|
20
|
-
},
|
|
21
|
-
},
|
|
22
|
-
};
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
interface IProps {
|
|
3
|
+
height?: string;
|
|
4
|
+
width?: string;
|
|
5
|
+
}
|
|
6
|
+
withDefaults(defineProps<IProps>(), {
|
|
7
|
+
height: '32px',
|
|
8
|
+
width: '32px',
|
|
9
|
+
});
|
|
23
10
|
</script>
|
|
11
|
+
|
|
24
12
|
<template>
|
|
25
13
|
<svg
|
|
14
|
+
fill="none"
|
|
26
15
|
:style="{
|
|
27
16
|
height: height,
|
|
28
17
|
width: width,
|
|
29
18
|
}"
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
<path
|
|
34
|
-
fill="none"
|
|
35
|
-
d="M0 .4h31v31H0z" />
|
|
36
|
-
<path
|
|
19
|
+
viewBox="0 0 32 32"
|
|
20
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
21
|
+
<g
|
|
37
22
|
fill-rule="evenodd"
|
|
38
23
|
clip-rule="evenodd"
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
24
|
+
fill="currentColor">
|
|
25
|
+
<path
|
|
26
|
+
d="M16.034.177a15.857 15.857 0 1 0 0 31.714 15.857 15.857 0 0 0 0-31.714zm9.872 19.919a7.534 7.534 0 0 1-.52 2.455 5.076 5.076 0 0 1-2.886 2.895 7.483 7.483 0 0 1-2.414.46c-1.055.051-1.392.051-4.073.051-2.69 0-2.986-.05-4.092-.05a7.61 7.61 0 0 1-2.454-.563A4.615 4.615 0 0 1 6.633 22.5a7.734 7.734 0 0 1-.471-2.405c-.05-1.064-.05-1.391-.05-4.082 0-2.69 0-3.028.05-4.081a7.52 7.52 0 0 1 .511-2.455 4.614 4.614 0 0 1 2.844-2.845 7.612 7.612 0 0 1 2.415-.46c1.053-.052 1.39-.052 4.081-.052 2.682 0 3.018 0 4.073.052a7.427 7.427 0 0 1 2.537.511 4.87 4.87 0 0 1 2.813 2.864c.287.768.44 1.587.47 2.405 0 1.054.051 1.402.051 4.082 0 2.68-.05 2.957-.05 4.062z"
|
|
27
|
+
style="stroke-width: 1.15627"
|
|
28
|
+
transform="translate(-.03 -.034)" />
|
|
29
|
+
<path
|
|
30
|
+
d="M23.686 10.161a3 3 0 0 0-.747-1.093 3.14 3.14 0 0 0-1.093-.758 5.708 5.708 0 0 0-1.842-.41h-3.97c-2.64 0-2.956 0-4.01.082a5.628 5.628 0 0 0-1.842.349 3.03 3.03 0 0 0-1.125.737 2.984 2.984 0 0 0-.747 1.093 5.726 5.726 0 0 0-.327 1.842v8.021c0 .625.123 1.25.338 1.841.163.41.409.789.736 1.095.307.327.686.583 1.095.747a5.735 5.735 0 0 0 1.851.327c1.043.062 1.361.062 3.99.062 2.65 0 2.916-.062 4.01-.062a5.705 5.705 0 0 0 1.843-.337 3.594 3.594 0 0 0 1.84-1.841 5.751 5.751 0 0 0 .338-1.853c.05-1.042.05-1.36.05-4 0-2.639-.05-2.966-.05-4a5.626 5.626 0 0 0-.338-1.842zM16.034 21.11a5.074 5.074 0 1 1 3.592-8.66 5.08 5.08 0 0 1-3.592 8.668v-.011zm5.402-9.044a1.207 1.207 0 0 1 0-2.415 1.207 1.207 0 0 1 1.227 1.167v.03a1.207 1.207 0 0 1-1.258 1.197l.031.011z"
|
|
31
|
+
style="stroke-width: 1.15627"
|
|
32
|
+
transform="translate(-.03 -.034)" />
|
|
33
|
+
<path
|
|
34
|
+
d="M16.034 12.709a3.305 3.305 0 1 0-.061 6.608 3.305 3.305 0 0 0 .061-6.607z"
|
|
35
|
+
style="stroke-width: 1.15627"
|
|
36
|
+
transform="translate(-.03 -.034)" />
|
|
37
|
+
</g>
|
|
48
38
|
</svg>
|
|
49
39
|
</template>
|
|
@@ -1,41 +1,28 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
default: '31px',
|
|
11
|
-
required: false,
|
|
12
|
-
},
|
|
13
|
-
/**
|
|
14
|
-
* Height
|
|
15
|
-
*/
|
|
16
|
-
height: {
|
|
17
|
-
type: String,
|
|
18
|
-
default: '32px',
|
|
19
|
-
required: false,
|
|
20
|
-
},
|
|
21
|
-
},
|
|
22
|
-
};
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
interface IProps {
|
|
3
|
+
height?: string;
|
|
4
|
+
width?: string;
|
|
5
|
+
}
|
|
6
|
+
withDefaults(defineProps<IProps>(), {
|
|
7
|
+
height: '32px',
|
|
8
|
+
width: '32px',
|
|
9
|
+
});
|
|
23
10
|
</script>
|
|
11
|
+
|
|
24
12
|
<template>
|
|
25
13
|
<svg
|
|
14
|
+
fill="none"
|
|
26
15
|
:style="{
|
|
27
16
|
height: height,
|
|
28
17
|
width: width,
|
|
29
18
|
}"
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
fill="currentColor">
|
|
33
|
-
<path
|
|
34
|
-
fill="none"
|
|
35
|
-
d="M0 .4h31v31H0z" />
|
|
19
|
+
viewBox="0 0 32 32"
|
|
20
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
36
21
|
<path
|
|
37
22
|
fill-rule="evenodd"
|
|
38
23
|
clip-rule="evenodd"
|
|
39
|
-
d="
|
|
24
|
+
d="M16 .165a15.835 15.835 0 1 0 0 31.67 15.835 15.835 0 0 0 0-31.67ZM11.157 24.48h-3.8V13.058h3.8Zm-1.9-13.006a1.972 1.972 0 1 1 .052-3.944 1.981 1.981 0 1 1 0 3.944zm15.61 12.985H21.07v-6.108c0-1.533-.543-2.587-1.9-2.587a2.074 2.074 0 0 0-1.943 1.39 2.584 2.584 0 0 0-.133.92v6.385h-3.8s.051-10.35 0-11.401h3.8v1.625a3.801 3.801 0 0 1 3.433-1.901c2.441-.02 4.342 1.614 4.342 5.108v6.57z"
|
|
25
|
+
fill="currentColor"
|
|
26
|
+
style="stroke-width: 1.15468" />
|
|
40
27
|
</svg>
|
|
41
28
|
</template>
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
interface IProps {
|
|
3
|
+
height?: string;
|
|
4
|
+
width?: string;
|
|
5
|
+
}
|
|
6
|
+
withDefaults(defineProps<IProps>(), {
|
|
7
|
+
height: '32px',
|
|
8
|
+
width: '32px',
|
|
9
|
+
});
|
|
10
|
+
</script>
|
|
11
|
+
|
|
12
|
+
<template>
|
|
13
|
+
<svg
|
|
14
|
+
fill="none"
|
|
15
|
+
:style="{
|
|
16
|
+
height: height,
|
|
17
|
+
width: width,
|
|
18
|
+
}"
|
|
19
|
+
viewBox="0 0 28 28"
|
|
20
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
21
|
+
<path
|
|
22
|
+
fill-rule="evenodd"
|
|
23
|
+
clip-rule="evenodd"
|
|
24
|
+
d="M14 28c7.732 0 14-6.268 14-14S21.732 0 14 0 0 6.268 0 14s6.268 14 14 14Zm4.1-14.778c.081.035.162.072.24.11 1.115.534 1.93 1.344 2.358 2.34.596 1.39.65 3.655-1.158 5.461-1.382 1.381-3.06 2.004-5.44 2.02h-.01c-2.678-.018-4.736-.919-6.12-2.677-1.23-1.564-1.865-3.741-1.886-6.47V13.993c.021-2.728.656-4.905 1.887-6.47 1.383-1.758 3.441-2.658 6.118-2.677h.011c2.683.019 4.765.916 6.188 2.667.703.865 1.219 1.906 1.547 3.116l-1.54.41c-.27-.982-.681-1.824-1.226-2.494-1.11-1.366-2.783-2.067-4.974-2.084-2.175.017-3.82.714-4.89 2.074-1 1.273-1.518 3.111-1.538 5.465.02 2.353.537 4.192 1.539 5.465 1.07 1.36 2.714 2.057 4.889 2.073 1.96-.014 3.258-.48 4.337-1.559 1.232-1.23 1.21-2.74.815-3.659-.232-.54-.651-.99-1.217-1.332-.138 1.028-.45 1.843-.944 2.473-.65.829-1.582 1.282-2.77 1.347-.9.049-1.765-.168-2.437-.611-.795-.525-1.26-1.328-1.31-2.262-.098-1.84 1.362-3.165 3.634-3.296.806-.047 1.56-.01 2.258.108-.093-.566-.28-1.015-.56-1.34-.384-.445-.977-.674-1.764-.679h-.022c-.631 0-1.489.177-2.035 1.006l-1.314-.902c.731-1.11 1.92-1.72 3.349-1.72h.032c2.39.016 3.812 1.507 3.953 4.11Zm-5.95 2.625c.051.957 1.085 1.404 2.081 1.348.975-.054 2.08-.436 2.27-2.791a7.777 7.777 0 0 0-1.657-.169c-.18 0-.364.006-.552.016-1.637.095-2.18.886-2.142 1.596Z"
|
|
25
|
+
fill="currentColor" />
|
|
26
|
+
</svg>
|
|
27
|
+
</template>
|
|
@@ -1,43 +1,28 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
default: '31px',
|
|
11
|
-
required: false,
|
|
12
|
-
},
|
|
13
|
-
/**
|
|
14
|
-
* Height
|
|
15
|
-
*/
|
|
16
|
-
height: {
|
|
17
|
-
type: String,
|
|
18
|
-
default: '32px',
|
|
19
|
-
required: false,
|
|
20
|
-
},
|
|
21
|
-
},
|
|
22
|
-
};
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
interface IProps {
|
|
3
|
+
height?: string;
|
|
4
|
+
width?: string;
|
|
5
|
+
}
|
|
6
|
+
withDefaults(defineProps<IProps>(), {
|
|
7
|
+
height: '32px',
|
|
8
|
+
width: '32px',
|
|
9
|
+
});
|
|
23
10
|
</script>
|
|
11
|
+
|
|
24
12
|
<template>
|
|
25
13
|
<svg
|
|
26
14
|
:style="{
|
|
27
15
|
height: height,
|
|
28
16
|
width: width,
|
|
29
17
|
}"
|
|
30
|
-
|
|
31
|
-
viewBox="0 0
|
|
32
|
-
|
|
18
|
+
fill="none"
|
|
19
|
+
viewBox="0 0 32 32"
|
|
20
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
33
21
|
<path
|
|
34
|
-
fill="
|
|
35
|
-
|
|
36
|
-
|
|
22
|
+
fill-rule="evenodd"
|
|
23
|
+
clip-rule="evenodd"
|
|
24
|
+
d="M16 31.799c8.725 0 15.799-7.074 15.799-15.799S24.725.201 16 .201.201 7.275.201 16 7.275 31.799 16 31.799Zm8.863-24.686H21.81l-5.034 5.751-4.35-5.75H6.125l7.53 9.843-7.136 8.157h3.055l5.507-6.294 4.813 6.293h6.145L18.19 14.737l6.67-7.624Zm-2.435 16.172h-1.693L9.693 8.845h1.814z"
|
|
37
25
|
fill="currentColor"
|
|
38
|
-
|
|
39
|
-
<path
|
|
40
|
-
fill="currentColor"
|
|
41
|
-
d="M15.5 0C6.94 0 0 7.16 0 16s6.94 16 15.5 16 15.5-7.16 15.5-16S24.06 0 15.5 0ZM19.33 25.67l-5.16-7.51-6.46 7.51h-1.67l7.39-8.59L6.04 6.33h5.64l4.89 7.12 6.12-7.12h1.67l-7.05 8.19h0l7.66 11.15s-5.64 0-5.64 0Z" />
|
|
26
|
+
style="stroke-width: 1.15203" />
|
|
42
27
|
</svg>
|
|
43
28
|
</template>
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
interface IProps {
|
|
3
|
+
height?: string;
|
|
4
|
+
width?: string;
|
|
5
|
+
}
|
|
6
|
+
withDefaults(defineProps<IProps>(), {
|
|
7
|
+
height: '32px',
|
|
8
|
+
width: '32px',
|
|
9
|
+
});
|
|
10
|
+
</script>
|
|
11
|
+
|
|
12
|
+
<template>
|
|
13
|
+
<svg
|
|
14
|
+
:style="{
|
|
15
|
+
height: height,
|
|
16
|
+
width: width,
|
|
17
|
+
}"
|
|
18
|
+
fill="none"
|
|
19
|
+
viewBox="0 0 32 32"
|
|
20
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
21
|
+
<path
|
|
22
|
+
fill-rule="evenodd"
|
|
23
|
+
clip-rule="evenodd"
|
|
24
|
+
d="M16 31.799c8.725 0 15.799-7.074 15.799-15.799S24.725.201 16 .201.201 7.275.201 16 7.275 31.799 16 31.799Zm8.863-24.686H21.81l-5.034 5.751-4.35-5.75H6.125l7.53 9.843-7.136 8.157h3.055l5.507-6.294 4.813 6.293h6.145L18.19 14.737l6.67-7.624Zm-2.435 16.172h-1.693L9.693 8.845h1.814z"
|
|
25
|
+
fill="currentColor"
|
|
26
|
+
style="stroke-width: 1.15203" />
|
|
27
|
+
</svg>
|
|
28
|
+
</template>
|
|
@@ -1,45 +1,35 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
default: '31px',
|
|
11
|
-
required: false,
|
|
12
|
-
},
|
|
13
|
-
/**
|
|
14
|
-
* Height
|
|
15
|
-
*/
|
|
16
|
-
height: {
|
|
17
|
-
type: String,
|
|
18
|
-
default: '32px',
|
|
19
|
-
required: false,
|
|
20
|
-
},
|
|
21
|
-
},
|
|
22
|
-
};
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
interface IProps {
|
|
3
|
+
height?: string;
|
|
4
|
+
width?: string;
|
|
5
|
+
}
|
|
6
|
+
withDefaults(defineProps<IProps>(), {
|
|
7
|
+
height: '32px',
|
|
8
|
+
width: '32px',
|
|
9
|
+
});
|
|
23
10
|
</script>
|
|
11
|
+
|
|
24
12
|
<template>
|
|
25
13
|
<svg
|
|
14
|
+
fill="none"
|
|
26
15
|
:style="{
|
|
27
16
|
height: height,
|
|
28
17
|
width: width,
|
|
29
18
|
}"
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
<path
|
|
34
|
-
fill="none"
|
|
35
|
-
d="M0 .4h31v31H0z" />
|
|
36
|
-
<path
|
|
19
|
+
viewBox="0 0 32 32"
|
|
20
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
21
|
+
<g
|
|
37
22
|
fill-rule="evenodd"
|
|
38
23
|
clip-rule="evenodd"
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
24
|
+
fill="currentColor">
|
|
25
|
+
<path
|
|
26
|
+
d="m13.93 19.226 5.601-3.055-5.602-3.362v6.519z"
|
|
27
|
+
style="stroke-width: 1.1513"
|
|
28
|
+
transform="translate(-.068 -.068)" />
|
|
29
|
+
<path
|
|
30
|
+
d="M16.068.28a15.789 15.789 0 1 0 0 31.577 15.789 15.789 0 0 0 0-31.578zm10.798 14.872v1.934a18.336 18.336 0 0 1-.407 4.076c0 .508-.305.916-.61 1.222-.41.408-.918.61-1.428.714-1.018.305-2.75.508-6.417.508h-1.63c-8.761 0-8.862-.305-9.78-1.018l-.203-.204-.713-1.019a17.827 17.827 0 0 1-.408-4.38V15.05c0-1.427.103-2.751.408-4.075.102-.51.306-.917.713-1.223.306-.407.814-.61 1.324-.713 1.02-.305 2.852-.508 6.418-.508h1.63c8.76 0 8.862.305 9.78 1.017l.203.204c.305.306.61.714.713 1.122a17.822 17.822 0 0 1 .305 4.278z"
|
|
31
|
+
style="stroke-width: 1.1513"
|
|
32
|
+
transform="translate(-.068 -.068)" />
|
|
33
|
+
</g>
|
|
44
34
|
</svg>
|
|
45
35
|
</template>
|