@onsvisual/svelte-components 0.1.95-component.toolbar → 0.1.96
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/dist/@types/index.d.ts +1 -10
- package/dist/@types/inputs/AccessibleSelect/AccessibleSelect.svelte.d.ts +55 -0
- package/dist/@types/inputs/AccessibleSelect/options.d.ts +6 -0
- package/dist/@types/inputs/Button/Button.svelte.d.ts +2 -2
- package/dist/@types/inputs/Select/Select.svelte.d.ts +10 -10
- package/dist/@types/layout/Titleblock/Titleblock.svelte.d.ts +0 -2
- package/dist/css/main.css +1 -1
- package/dist/index.js +1 -10
- package/dist/inputs/AccessibleSelect/AccessibleSelect.svelte +267 -0
- package/dist/inputs/AccessibleSelect/options.js +263 -0
- package/dist/layout/AnalyticsBanner/AnalyticsBanner.svelte +33 -3
- package/dist/layout/Titleblock/Titleblock.svelte +0 -6
- package/package.json +4 -15
- package/dist/@types/inputs/ButtonGroup/ButtonGroup.svelte.d.ts +0 -33
- package/dist/@types/inputs/ButtonGroup/ButtonGroupItem.svelte.d.ts +0 -25
- package/dist/@types/inputs/Toolbar/HelpModal.svelte.d.ts +0 -19
- package/dist/@types/inputs/Toolbar/Icon.svelte.d.ts +0 -31
- package/dist/@types/inputs/Toolbar/ToolControl.svelte.d.ts +0 -27
- package/dist/@types/inputs/Toolbar/ToolControls.svelte.d.ts +0 -27
- package/dist/@types/inputs/Toolbar/Toolbar.svelte.d.ts +0 -33
- package/dist/@types/inputs/Toolbar/ToolbarButton.svelte.d.ts +0 -32
- package/dist/@types/inputs/Toolbar/ToolbarDivider.svelte.d.ts +0 -16
- package/dist/@types/inputs/Toolbar/ToolbarsContainer.svelte.d.ts +0 -16
- package/dist/inputs/ButtonGroup/ButtonGroup.svelte +0 -55
- package/dist/inputs/ButtonGroup/ButtonGroupItem.svelte +0 -103
- package/dist/inputs/Toolbar/HelpModal.svelte +0 -220
- package/dist/inputs/Toolbar/Icon.svelte +0 -142
- package/dist/inputs/Toolbar/ToolControl.svelte +0 -19
- package/dist/inputs/Toolbar/ToolControls.svelte +0 -8
- package/dist/inputs/Toolbar/Toolbar.svelte +0 -72
- package/dist/inputs/Toolbar/ToolbarButton.svelte +0 -162
- package/dist/inputs/Toolbar/ToolbarDivider.svelte +0 -27
- package/dist/inputs/Toolbar/ToolbarsContainer.svelte +0 -53
|
@@ -1,220 +0,0 @@
|
|
|
1
|
-
<script>import { getContext } from "svelte";
|
|
2
|
-
import { get } from "svelte/store";
|
|
3
|
-
import { fly } from "svelte/transition";
|
|
4
|
-
import Checkbox from "../Checkbox/Checkbox.svelte";
|
|
5
|
-
import Button from "../Button/Button.svelte";
|
|
6
|
-
export let triggerElement = null;
|
|
7
|
-
export let onClose;
|
|
8
|
-
// Retrieve the stores from context
|
|
9
|
-
const activeModalId = getContext("activeModalId");
|
|
10
|
-
// Access button IDs from context
|
|
11
|
-
const { buttonIds } = getContext("buttonIds");
|
|
12
|
-
const showHelpModals = getContext("showHelpModals");
|
|
13
|
-
let modalPosition = { top: 0, left: 0 };
|
|
14
|
-
let notchPosition = { left: 0 };
|
|
15
|
-
let dontShowMeAgain = false;
|
|
16
|
-
$: if (triggerElement) {
|
|
17
|
-
const rect = triggerElement.getBoundingClientRect();
|
|
18
|
-
// Calculate the modal's position
|
|
19
|
-
const spaceBelow = window.innerHeight - rect.bottom;
|
|
20
|
-
const spaceAbove = rect.top;
|
|
21
|
-
const spaceRight = window.innerWidth - rect.right;
|
|
22
|
-
// Default to position below the trigger element
|
|
23
|
-
modalPosition = {
|
|
24
|
-
// top: rect.bottom + window.scrollY + 10,
|
|
25
|
-
top: window.scrollY + 55,
|
|
26
|
-
left: window.scrollX - 10,
|
|
27
|
-
};
|
|
28
|
-
// Align notch with the center of the trigger element
|
|
29
|
-
notchPosition = {
|
|
30
|
-
left: window.scrollX - modalPosition.left + rect.width / 2 - 10,
|
|
31
|
-
right: "auto",
|
|
32
|
-
};
|
|
33
|
-
// If there's not enough space below, position above
|
|
34
|
-
if (spaceBelow < 200 && spaceAbove > 200) {
|
|
35
|
-
modalPosition.top = rect.top + window.scrollY - 10;
|
|
36
|
-
}
|
|
37
|
-
// Adjust if close to the right edge
|
|
38
|
-
if (spaceRight < 300) {
|
|
39
|
-
modalPosition.left = window.scrollX - 300; // Adjust for modal width
|
|
40
|
-
notchPosition = {
|
|
41
|
-
left: "auto",
|
|
42
|
-
right: -340,
|
|
43
|
-
};
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
// Update localStorage if "Don't show me again" is checked
|
|
47
|
-
function disableHelpModalsPermanently() {
|
|
48
|
-
localStorage.setItem("showHelpModals", "false");
|
|
49
|
-
sessionStorage.setItem("showHelpModals", "false");
|
|
50
|
-
$showHelpModals = false;
|
|
51
|
-
}
|
|
52
|
-
// Hide modals until refresh
|
|
53
|
-
function hideHelpModalsUntilRefresh() {
|
|
54
|
-
sessionStorage.setItem("showHelpModals", "false");
|
|
55
|
-
$showHelpModals = false;
|
|
56
|
-
}
|
|
57
|
-
// Navigate to the next modal
|
|
58
|
-
function nextModal() {
|
|
59
|
-
const ids = get(buttonIds);
|
|
60
|
-
const currentIndex = ids.indexOf($activeModalId);
|
|
61
|
-
if (currentIndex !== -1 && currentIndex < ids.length - 1) {
|
|
62
|
-
activeModalId.set(ids[currentIndex + 1]);
|
|
63
|
-
console.log("Navigating to next modal:", ids[currentIndex + 1]);
|
|
64
|
-
}
|
|
65
|
-
if (dontShowMeAgain) {
|
|
66
|
-
disableHelpModalsPermanently(); // Disable help modals permanently
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
function handleSkip() {
|
|
70
|
-
if (dontShowMeAgain) {
|
|
71
|
-
disableHelpModalsPermanently(); // Disable help modals permanently
|
|
72
|
-
}
|
|
73
|
-
else {
|
|
74
|
-
hideHelpModalsUntilRefresh();
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
// Navigate to the previous modal
|
|
78
|
-
function previousModal() {
|
|
79
|
-
const ids = get(buttonIds);
|
|
80
|
-
const currentIndex = ids.indexOf($activeModalId);
|
|
81
|
-
if (currentIndex > 0) {
|
|
82
|
-
activeModalId.set(ids[currentIndex - 1]);
|
|
83
|
-
console.log("Navigating to previous modal:", ids[currentIndex - 1]);
|
|
84
|
-
}
|
|
85
|
-
if (dontShowMeAgain) {
|
|
86
|
-
disableHelpModalsPermanently(); // Disable help modals permanently
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
function handleKeydown(event) {
|
|
90
|
-
if (event.key === "Escape")
|
|
91
|
-
onClose();
|
|
92
|
-
}
|
|
93
|
-
</script>
|
|
94
|
-
|
|
95
|
-
<svelte:window on:keydown="{handleKeydown}" />
|
|
96
|
-
{#if $showHelpModals}
|
|
97
|
-
<div
|
|
98
|
-
class="help-modal-wrapper"
|
|
99
|
-
style="top: {modalPosition.top}px; left: {modalPosition.left}px;"
|
|
100
|
-
transition:fly="{{ duration: 200, y: 10 }}"
|
|
101
|
-
>
|
|
102
|
-
<!-- Notch -->
|
|
103
|
-
<div
|
|
104
|
-
class="help-modal-notch"
|
|
105
|
-
style="left: {notchPosition.left}px;right: {notchPosition.right}px;"
|
|
106
|
-
></div>
|
|
107
|
-
|
|
108
|
-
<!-- Modal Content -->
|
|
109
|
-
<div class="help-modal" role="dialog" aria-modal="true">
|
|
110
|
-
<slot />
|
|
111
|
-
<button class="close-button" on:click="{onClose}" aria-label="Close help">×</button>
|
|
112
|
-
|
|
113
|
-
<div class="ons-padding-4">
|
|
114
|
-
<Checkbox
|
|
115
|
-
id="dontShowMeAgain"
|
|
116
|
-
label="Don't show me again"
|
|
117
|
-
bind:checked="{dontShowMeAgain}"
|
|
118
|
-
compact
|
|
119
|
-
/>
|
|
120
|
-
</div>
|
|
121
|
-
<div class="ons-grid--flex ons-grid--between ons-grid--vertical-center">
|
|
122
|
-
<button class="btn-link" on:click="{handleSkip}" aria-label="Skip instructions">Skip</button
|
|
123
|
-
>
|
|
124
|
-
{#if $buttonIds.indexOf($activeModalId) > 0}
|
|
125
|
-
<span style="margin-left:auto; margin-right:10px">
|
|
126
|
-
<Button variant="secondary" on:click="{previousModal}">Back</Button>
|
|
127
|
-
</span>
|
|
128
|
-
{/if}
|
|
129
|
-
|
|
130
|
-
{#if $buttonIds.indexOf($activeModalId) != $buttonIds.length - 1}
|
|
131
|
-
<Button on:click="{nextModal}">Next</Button>
|
|
132
|
-
{/if}
|
|
133
|
-
{#if $buttonIds.indexOf($activeModalId) == $buttonIds.length - 1}
|
|
134
|
-
<Button on:click="{hideHelpModalsUntilRefresh}">Get started</Button>
|
|
135
|
-
{/if}
|
|
136
|
-
</div>
|
|
137
|
-
</div>
|
|
138
|
-
</div>
|
|
139
|
-
{/if}
|
|
140
|
-
|
|
141
|
-
<style>
|
|
142
|
-
.help-modal-wrapper {
|
|
143
|
-
position: absolute;
|
|
144
|
-
z-index: 10;
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
.help-modal-notch {
|
|
148
|
-
position: absolute;
|
|
149
|
-
top: -10px;
|
|
150
|
-
width: 0;
|
|
151
|
-
height: 0;
|
|
152
|
-
border-left: 10px solid transparent;
|
|
153
|
-
border-right: 10px solid transparent;
|
|
154
|
-
border-bottom: 10px solid white;
|
|
155
|
-
z-index: 1;
|
|
156
|
-
}
|
|
157
|
-
|
|
158
|
-
.help-modal {
|
|
159
|
-
position: absolute;
|
|
160
|
-
flex-direction: column;
|
|
161
|
-
justify-content: center;
|
|
162
|
-
align-items: flex-start;
|
|
163
|
-
padding: 16px;
|
|
164
|
-
isolation: isolate;
|
|
165
|
-
|
|
166
|
-
width: 360px;
|
|
167
|
-
|
|
168
|
-
background: #ffffff;
|
|
169
|
-
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
|
|
170
|
-
border-radius: 16px;
|
|
171
|
-
|
|
172
|
-
/* Inside auto layout */
|
|
173
|
-
flex: none;
|
|
174
|
-
order: 2;
|
|
175
|
-
flex-grow: 0;
|
|
176
|
-
}
|
|
177
|
-
|
|
178
|
-
.close-button {
|
|
179
|
-
position: absolute;
|
|
180
|
-
top: 0.5rem;
|
|
181
|
-
right: 0.5rem;
|
|
182
|
-
background: none;
|
|
183
|
-
border: none;
|
|
184
|
-
font-size: 1.25rem;
|
|
185
|
-
color: #666;
|
|
186
|
-
cursor: pointer;
|
|
187
|
-
}
|
|
188
|
-
|
|
189
|
-
.close-button:hover {
|
|
190
|
-
color: #333;
|
|
191
|
-
}
|
|
192
|
-
|
|
193
|
-
.ons-padding-4 {
|
|
194
|
-
padding-top: var(--4-units, 16px);
|
|
195
|
-
padding-bottom: var(--4-units, 16px);
|
|
196
|
-
}
|
|
197
|
-
|
|
198
|
-
button.btn-link {
|
|
199
|
-
line-height: 1.3;
|
|
200
|
-
color: var(--link, #206095);
|
|
201
|
-
background: none;
|
|
202
|
-
margin: 0;
|
|
203
|
-
padding: 0;
|
|
204
|
-
border: none;
|
|
205
|
-
text-decoration: underline;
|
|
206
|
-
text-decoration-thickness: 1px;
|
|
207
|
-
text-underline-position: under;
|
|
208
|
-
}
|
|
209
|
-
button.btn-link:hover {
|
|
210
|
-
color: var(--link-hover, #003c57) !important;
|
|
211
|
-
text-decoration-thickness: 2px;
|
|
212
|
-
}
|
|
213
|
-
button.btn-link:focus {
|
|
214
|
-
background-color: #fbc900 !important;
|
|
215
|
-
box-shadow: 0 -2px #fbc900, 0 4px #222;
|
|
216
|
-
color: #222 !important;
|
|
217
|
-
outline: 3px solid transparent;
|
|
218
|
-
outline-offset: 1px;
|
|
219
|
-
text-decoration: none;
|
|
220
|
-
}</style>
|
|
@@ -1,142 +0,0 @@
|
|
|
1
|
-
<script>
|
|
2
|
-
export let type = "arrow";
|
|
3
|
-
export let marginLeft = false;
|
|
4
|
-
export let marginRight = false;
|
|
5
|
-
export let selected = false;
|
|
6
|
-
export let disabled = false;
|
|
7
|
-
|
|
8
|
-
const paths = {
|
|
9
|
-
// arrow: {
|
|
10
|
-
// d: "m10 .2-.9.9c-.1.1-.1.4 0 .5l4 4H.6c-.2 0-.4.2-.4.4v1.2c0 .2.2.4.4.4h12.5l-3.9 3.7c-.2.2-.2.4 0 .6l.8.9c.2.2.4.2.6 0L16.8 7c.2-.2.2-.4 0-.6L10.7.3c-.3-.2-.5-.2-.7-.1z",
|
|
11
|
-
// viewBox: "0 0 17 13",
|
|
12
|
-
// },
|
|
13
|
-
// externalLink: {
|
|
14
|
-
// d: "M13.5,9H13a.5.5,0,0,0-.5.5v3h-9v-9h3A.5.5,0,0,0,7,3V2.5A.5.5,0,0,0,6.5,2h-4a.5.5,0,0,0-.5.5v11a.5.5,0,0,0,.5.5h11a.5.5,0,0,0,.5-.5v-4A.5.5,0,0,0,13.5,9Z M8.83,7.88a.51.51,0,0,0,.71,0l2.31-2.32,1.28,1.28A.51.51,0,0,0,14,6.49v-4a.52.52,0,0,0-.5-.5h-4A.51.51,0,0,0,9,2.52a.58.58,0,0,0,.14.33l1.28,1.28L8.12,6.46a.51.51,0,0,0,0,.71Z",
|
|
15
|
-
// viewBox: "2 2 12 12",
|
|
16
|
-
// },
|
|
17
|
-
// signout: {
|
|
18
|
-
// d: "M13.85,7.65l-2.5-2.5a.5.5,0,0,0-.71,0,.48.48,0,0,0-.15.36V7h-3a.5.5,0,0,0-.5.5v1a.5.5,0,0,0,.5.5h3v1.5A.49.49,0,0,0,11,11a.48.48,0,0,0,.34-.14l2.51-2.5a.49.49,0,0,0,0-.68Z M8.5,14h-6a.5.5,0,0,1-.5-.5V2.5A.5.5,0,0,1,2.5,2h6a.5.5,0,0,1,.5.5V3a.5.5,0,0,1-.5.5h-5v9h5A.5.5,0,0,1,9,13v.5A.5.5,0,0,1,8.5,14Z",
|
|
19
|
-
// viewBox: "0 0 12 12",
|
|
20
|
-
// },
|
|
21
|
-
// print: {
|
|
22
|
-
// d: "M17 4H3C1.3 4 0 5.2 0 6.8v5.5h4V16h12v-3.7h4V6.8C20 5.2 18.7 4 17 4zm-3 10H6V9h8v5zm3-6a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm-1-8H4v3h12V0z",
|
|
23
|
-
// viewBox: "0 0 20 16",
|
|
24
|
-
// },
|
|
25
|
-
// download: {
|
|
26
|
-
// d: "M5.6 9a.48.48 0 0 0 .7 0l3-3.2a.48.48 0 0 0 0-.7C9.3 5 9.2 5 9 5H7.5V.5A.47.47 0 0 0 7 0H5a.47.47 0 0 0-.5.5V5H3a.47.47 0 0 0-.5.5.37.37 0 0 0 .1.3Z M11.5 9H11a.47.47 0 0 0-.5.5v1h-9v-1A.47.47 0 0 0 1 9H.5a.47.47 0 0 0-.5.5v2a.47.47 0 0 0 .5.5h11a.47.47 0 0 0 .5-.5v-2a.47.47 0 0 0-.5-.5Z",
|
|
27
|
-
// viewBox: "0 0 12 12",
|
|
28
|
-
// },
|
|
29
|
-
// tick: {
|
|
30
|
-
// d: "M14.35,3.9l-.71-.71a.5.5,0,0,0-.71,0h0L5.79,10.34,3.07,7.61a.51.51,0,0,0-.71,0l-.71.71a.51.51,0,0,0,0,.71l3.78,3.78a.5.5,0,0,0,.71,0h0L14.35,4.6A.5.5,0,0,0,14.35,3.9Z",
|
|
31
|
-
// viewBox: "1.5 3 13 10",
|
|
32
|
-
// },
|
|
33
|
-
// search: {
|
|
34
|
-
// d: "M11.86 10.23 8.62 6.99a4.63 4.63 0 1 0-6.34 1.64 4.55 4.55 0 0 0 2.36.64 4.65 4.65 0 0 0 2.33-.65l3.24 3.23a.46.46 0 0 0 .65 0l1-1a.48.48 0 0 0 0-.62Zm-5-3.32a3.28 3.28 0 0 1-2.31.93 3.22 3.22 0 1 1 2.35-.93Z",
|
|
35
|
-
// viewBox: "0 0 12 12",
|
|
36
|
-
// },
|
|
37
|
-
move: {
|
|
38
|
-
selected: "M29 16L16 29L3 16L16 3L29 16Z",
|
|
39
|
-
d: "M11.2925 7.70749C11.1995 7.61462 11.1258 7.50433 11.0754 7.38293C11.0251 7.26154 10.9992 7.13141 10.9992 6.99999C10.9992 6.86858 11.0251 6.73845 11.0754 6.61705C11.1258 6.49566 11.1995 6.38537 11.2925 6.29249L15.2925 2.29249C15.3854 2.19952 15.4957 2.12576 15.6171 2.07543C15.7385 2.02511 15.8686 1.99921 16 1.99921C16.1314 1.99921 16.2615 2.02511 16.3829 2.07543C16.5043 2.12576 16.6146 2.19952 16.7075 2.29249L20.7075 6.29249C20.8951 6.48013 21.0005 6.73463 21.0005 6.99999C21.0005 7.26536 20.8951 7.51985 20.7075 7.70749C20.5199 7.89513 20.2654 8.00055 20 8.00055C19.7346 8.00055 19.4801 7.89513 19.2925 7.70749L17 5.41374V12C17 12.2652 16.8946 12.5196 16.7071 12.7071C16.5196 12.8946 16.2652 13 16 13C15.7348 13 15.4804 12.8946 15.2929 12.7071C15.1054 12.5196 15 12.2652 15 12V5.41374L12.7075 7.70749C12.6146 7.80047 12.5043 7.87423 12.3829 7.92455C12.2615 7.97488 12.1314 8.00078 12 8.00078C11.8686 8.00078 11.7385 7.97488 11.6171 7.92455C11.4957 7.87423 11.3854 7.80047 11.2925 7.70749ZM19.2925 24.2925L17 26.5862V20C17 19.7348 16.8946 19.4804 16.7071 19.2929C16.5196 19.1053 16.2652 19 16 19C15.7348 19 15.4804 19.1053 15.2929 19.2929C15.1054 19.4804 15 19.7348 15 20V26.5862L12.7075 24.2925C12.5199 24.1049 12.2654 23.9994 12 23.9994C11.7346 23.9994 11.4801 24.1049 11.2925 24.2925C11.1049 24.4801 10.9994 24.7346 10.9994 25C10.9994 25.2654 11.1049 25.5199 11.2925 25.7075L15.2925 29.7075C15.3854 29.8005 15.4957 29.8742 15.6171 29.9246C15.7385 29.9749 15.8686 30.0008 16 30.0008C16.1314 30.0008 16.2615 29.9749 16.3829 29.9246C16.5043 29.8742 16.6146 29.8005 16.7075 29.7075L20.7075 25.7075C20.8951 25.5199 21.0005 25.2654 21.0005 25C21.0005 24.7346 20.8951 24.4801 20.7075 24.2925C20.5199 24.1049 20.2654 23.9994 20 23.9994C19.7346 23.9994 19.4801 24.1049 19.2925 24.2925ZM29.7075 15.2925L25.7075 11.2925C25.5199 11.1049 25.2654 10.9994 25 10.9994C24.7346 10.9994 24.4801 11.1049 24.2925 11.2925C24.1049 11.4801 23.9994 11.7346 23.9994 12C23.9994 12.2654 24.1049 12.5199 24.2925 12.7075L26.5862 15H20C19.7348 15 19.4804 15.1054 19.2929 15.2929C19.1053 15.4804 19 15.7348 19 16C19 16.2652 19.1053 16.5196 19.2929 16.7071C19.4804 16.8946 19.7348 17 20 17H26.5862L24.2925 19.2925C24.1049 19.4801 23.9994 19.7346 23.9994 20C23.9994 20.2654 24.1049 20.5199 24.2925 20.7075C24.4801 20.8951 24.7346 21.0005 25 21.0005C25.2654 21.0005 25.5199 20.8951 25.7075 20.7075L29.7075 16.7075C29.8005 16.6146 29.8742 16.5043 29.9246 16.3829C29.9749 16.2615 30.0008 16.1314 30.0008 16C30.0008 15.8686 29.9749 15.7385 29.9246 15.6171C29.8742 15.4957 29.8005 15.3854 29.7075 15.2925ZM5.41374 17H12C12.2652 17 12.5196 16.8946 12.7071 16.7071C12.8946 16.5196 13 16.2652 13 16C13 15.7348 12.8946 15.4804 12.7071 15.2929C12.5196 15.1054 12.2652 15 12 15H5.41374L7.70749 12.7075C7.89513 12.5199 8.00055 12.2654 8.00055 12C8.00055 11.7346 7.89513 11.4801 7.70749 11.2925C7.51985 11.1049 7.26536 10.9994 6.99999 10.9994C6.73463 10.9994 6.48013 11.1049 6.29249 11.2925L2.29249 15.2925C2.19952 15.3854 2.12576 15.4957 2.07543 15.6171C2.02511 15.7385 1.99921 15.8686 1.99921 16C1.99921 16.1314 2.02511 16.2615 2.07543 16.3829C2.12576 16.5043 2.19952 16.6146 2.29249 16.7075L6.29249 20.7075C6.48013 20.8951 6.73463 21.0005 6.99999 21.0005C7.26536 21.0005 7.51985 20.8951 7.70749 20.7075C7.89513 20.5199 8.00055 20.2654 8.00055 20C8.00055 19.7346 7.89513 19.4801 7.70749 19.2925L5.41374 17Z",
|
|
40
|
-
viewBox: "0 0 32 32",
|
|
41
|
-
},
|
|
42
|
-
polygon: {
|
|
43
|
-
selected: "M17.5 24L7.5 17V12.5L12.5 8.5L16 9L17.5 7.5L22.5 8.5L25 12.5L21 23L17.5 24Z",
|
|
44
|
-
d: "M28.83 6.17001C28.4585 5.79848 28.0176 5.50376 27.5322 5.30269C27.0468 5.10161 26.5266 4.99812 26.0012 4.99812C25.4759 4.99812 24.9557 5.10161 24.4703 5.30269C23.9849 5.50376 23.5439 5.79848 23.1725 6.17001C22.9207 6.42163 22.7038 6.70582 22.5275 7.01501L19 6.05251C19.0109 5.25671 18.7841 4.47575 18.3488 3.80953C17.9134 3.1433 17.2891 2.62211 16.5559 2.3126C15.8227 2.0031 15.0138 1.91936 14.2327 2.0721C13.4516 2.22484 12.7339 2.60711 12.1712 3.17001C11.5705 3.77218 11.1769 4.54987 11.0475 5.39055C10.9181 6.23122 11.0595 7.09128 11.4512 7.84626L7.20875 11.665C6.43902 11.1563 5.51728 10.9288 4.59924 11.021C3.6812 11.1133 2.82313 11.5196 2.17 12.1713C1.43971 12.896 1.01677 13.8743 0.98909 14.9028C0.961407 15.9313 1.33111 16.9309 2.02135 17.6939C2.7116 18.4569 3.6693 18.9246 4.69543 18.9997C5.72156 19.0749 6.73719 18.7518 7.53125 18.0975L16.2812 24.5175C16.0012 25.2187 15.9254 25.9849 16.0625 26.7274C16.1996 27.4699 16.5441 28.1585 17.0562 28.7134C17.5682 29.2684 18.2268 29.667 18.9559 29.8634C19.685 30.0597 20.4548 30.0457 21.1762 29.8229C21.8977 29.6001 22.5413 29.1777 23.0328 28.6044C23.5242 28.0312 23.8434 27.3305 23.9534 26.5835C24.0633 25.8365 23.9596 25.0736 23.6542 24.383C23.3488 23.6925 22.8541 23.1025 22.2275 22.6813L25.6512 12.9825C25.7662 12.9925 25.8812 12.9975 25.9962 12.9975C26.7872 12.9974 27.5604 12.7628 28.218 12.3233C28.8757 11.8839 29.3883 11.2593 29.691 10.5286C29.9938 9.79785 30.0731 8.99377 29.9189 8.21797C29.7648 7.44217 29.3841 6.72949 28.825 6.17001H28.83ZM13.58 4.58376C13.8598 4.30428 14.2162 4.11402 14.6041 4.03703C14.992 3.96004 15.394 3.99978 15.7593 4.15122C16.1246 4.30266 16.4369 4.55901 16.6565 4.88786C16.8762 5.21671 16.9934 5.6033 16.9934 5.99876C16.9934 6.39423 16.8762 6.78082 16.6565 7.10967C16.4369 7.43852 16.1246 7.69487 15.7593 7.84631C15.394 7.99775 14.992 8.03749 14.6041 7.9605C14.2162 7.88351 13.8598 7.69325 13.58 7.41376C13.3944 7.22769 13.2472 7.00685 13.147 6.76388C13.0468 6.52091 12.9955 6.26056 12.9959 5.99773C12.9964 5.7349 13.0487 5.47473 13.1497 5.23212C13.2508 4.9895 13.3987 4.76918 13.585 4.58376H13.58ZM3.58 16.415C3.39404 16.2293 3.24653 16.0087 3.14588 15.7659C3.04523 15.5231 2.99342 15.2628 2.99342 15C2.99342 14.7372 3.04523 14.4769 3.14588 14.2341C3.24653 13.9913 3.39404 13.7708 3.58 13.585C3.85979 13.3055 4.21616 13.1153 4.60406 13.0383C4.99196 12.9613 5.39398 13.001 5.7593 13.1525C6.12463 13.3039 6.43685 13.5603 6.65652 13.8891C6.87618 14.218 6.99342 14.6045 6.99342 15C6.99342 15.3955 6.87618 15.7821 6.65652 16.1109C6.43685 16.4398 6.12463 16.6961 5.7593 16.8476C5.39398 16.999 4.99196 17.0387 4.60406 16.9617C4.21616 16.8848 3.85979 16.6945 3.58 16.415ZM21.4112 27.415C21.0361 27.7901 20.5274 28.0009 19.9969 28.0009C19.4664 28.0009 18.9576 27.7901 18.5825 27.415C18.2074 27.0399 17.9966 26.5311 17.9966 26.0006C17.9966 25.4701 18.2074 24.9614 18.5825 24.5863C18.7682 24.4005 18.9887 24.2532 19.2314 24.1527C19.4741 24.0521 19.7342 24.0004 19.9969 24.0004C20.2595 24.0004 20.5196 24.0521 20.7623 24.1527C21.005 24.2532 21.2255 24.4005 21.4112 24.5863C21.597 24.772 21.7443 24.9925 21.8448 25.2352C21.9454 25.4779 21.9971 25.738 21.9971 26.0006C21.9971 26.2633 21.9454 26.5234 21.8448 26.7661C21.7443 27.0088 21.597 27.2293 21.4112 27.415ZM20.3425 22.0175C19.3055 21.9272 18.2742 22.2447 17.4675 22.9025L8.7175 16.4825C8.92954 15.9476 9.02432 15.3734 8.99542 14.7987C8.96653 14.224 8.81463 13.6622 8.55 13.1513L12.7937 9.33252C13.2503 9.63511 13.7641 9.84072 14.3034 9.9366C14.8427 10.0325 15.3959 10.0166 15.9288 9.88989C16.4616 9.76321 16.9628 9.52843 17.4012 9.20012C17.8396 8.87181 18.206 8.45695 18.4775 7.98126L22 8.94501C21.9905 9.60995 22.1469 10.2668 22.455 10.8561C22.7632 11.4454 23.2134 11.9485 23.765 12.32L20.3425 22.0175ZM27.4125 10.4125C27.2296 10.6101 27.0088 10.7688 26.7631 10.879C26.5174 10.9892 26.252 11.0487 25.9828 11.0538C25.7136 11.059 25.4462 11.0098 25.1965 10.9091C24.9468 10.8084 24.72 10.6583 24.5297 10.4678C24.3394 10.2773 24.1895 10.0504 24.089 9.8006C23.9885 9.5508 23.9395 9.28329 23.9449 9.0141C23.9503 8.7449 24.01 8.47957 24.1204 8.23401C24.2308 7.98844 24.3897 7.7677 24.5875 7.58501C24.9626 7.2099 25.4714 6.99916 26.0019 6.99916C26.5324 6.99916 27.0411 7.2099 27.4162 7.58501C27.7914 7.96013 28.0021 8.4689 28.0021 8.99939C28.0021 9.52988 27.7914 10.0386 27.4162 10.4138L27.4125 10.4125Z",
|
|
45
|
-
viewBox: "0 0 32 32",
|
|
46
|
-
},
|
|
47
|
-
radius: {
|
|
48
|
-
viewBox: "0 0 32 32",
|
|
49
|
-
},
|
|
50
|
-
erase: {
|
|
51
|
-
d: "M28.125 10.05L22.95 4.87501C22.3874 4.31244 21.6244 3.9964 20.8288 3.9964C20.0331 3.9964 19.2701 4.31244 18.7075 4.87501L3.87501 19.7075C3.31244 20.2701 2.9964 21.0331 2.9964 21.8288C2.9964 22.6244 3.31244 23.3874 3.87501 23.95L7.63251 27.7075C7.72574 27.8006 7.83647 27.8744 7.95831 27.9246C8.08016 27.9748 8.21073 28.0004 8.34251 28H27C27.2652 28 27.5196 27.8947 27.7071 27.7071C27.8947 27.5196 28 27.2652 28 27C28 26.7348 27.8947 26.4804 27.7071 26.2929C27.5196 26.1054 27.2652 26 27 26H16.4125L28.125 14.2925C28.6876 13.7299 29.0036 12.9669 29.0036 12.1713C29.0036 11.3756 28.6876 10.6126 28.125 10.05ZM13.585 26H8.75626L5.29126 22.535C5.10386 22.3475 4.9986 22.0932 4.9986 21.8281C4.9986 21.563 5.10386 21.3088 5.29126 21.1213L12 14.4138L18.5863 21L13.585 26ZM26.71 12.875L20 19.5863L13.4138 13L20.125 6.29251C20.2179 6.19953 20.3282 6.12577 20.4496 6.07545C20.571 6.02512 20.7011 5.99922 20.8325 5.99922C20.9639 5.99922 21.094 6.02512 21.2154 6.07545C21.3368 6.12577 21.4471 6.19953 21.54 6.29251L26.7125 11.465C26.8999 11.6525 27.0052 11.9068 27.0052 12.1719C27.0052 12.437 26.8999 12.6912 26.7125 12.8788L26.71 12.875Z",
|
|
52
|
-
viewBox: "0 0 32 32",
|
|
53
|
-
},
|
|
54
|
-
zoomin: {
|
|
55
|
-
selected:
|
|
56
|
-
"M24 14C24 15.9778 23.4135 17.9112 22.3147 19.5557C21.2159 21.2002 19.6541 22.4819 17.8268 23.2388C15.9996 23.9957 13.9889 24.1937 12.0491 23.8079C10.1093 23.422 8.32746 22.4696 6.92893 21.0711C5.53041 19.6725 4.578 17.8907 4.19215 15.9509C3.8063 14.0111 4.00433 12.0004 4.76121 10.1732C5.51808 8.3459 6.79981 6.78412 8.4443 5.6853C10.0888 4.58649 12.0222 4 14 4C15.3132 4 16.6136 4.25866 17.8268 4.7612C19.0401 5.26375 20.1425 6.00035 21.0711 6.92893C21.9997 7.85752 22.7362 8.95991 23.2388 10.1732C23.7413 11.3864 24 12.6868 24 14Z",
|
|
57
|
-
d: "M19 14C19 14.2652 18.8946 14.5196 18.7071 14.7071C18.5196 14.8946 18.2652 15 18 15H15V18C15 18.2652 14.8946 18.5196 14.7071 18.7071C14.5196 18.8946 14.2652 19 14 19C13.7348 19 13.4804 18.8946 13.2929 18.7071C13.1054 18.5196 13 18.2652 13 18V15H10C9.73478 15 9.48043 14.8946 9.29289 14.7071C9.10536 14.5196 9 14.2652 9 14C9 13.7348 9.10536 13.4804 9.29289 13.2929C9.48043 13.1053 9.73478 13 10 13H13V9.99998C13 9.73476 13.1054 9.48041 13.2929 9.29287C13.4804 9.10534 13.7348 8.99998 14 8.99998C14.2652 8.99998 14.5196 9.10534 14.7071 9.29287C14.8946 9.48041 15 9.73476 15 9.99998V13H18C18.2652 13 18.5196 13.1053 18.7071 13.2929C18.8946 13.4804 19 13.7348 19 14ZM28.7075 28.7075C28.6146 28.8005 28.5043 28.8742 28.3829 28.9245C28.2615 28.9749 28.1314 29.0008 28 29.0008C27.8686 29.0008 27.7385 28.9749 27.6171 28.9245C27.4957 28.8742 27.3854 28.8005 27.2925 28.7075L21.035 22.4487C18.8571 24.2628 16.0637 25.1673 13.2359 24.9743C10.4081 24.7812 7.76357 23.5054 5.85246 21.4122C3.94136 19.319 2.91082 16.5695 2.97522 13.7359C3.03962 10.9022 4.194 8.20243 6.19823 6.19821C8.20245 4.19398 10.9022 3.0396 13.7359 2.9752C16.5696 2.9108 19.319 3.94134 21.4122 5.85244C23.5054 7.76355 24.7812 10.4081 24.9743 13.2359C25.1674 16.0637 24.2628 18.8571 22.4487 21.035L28.7075 27.2925C28.8005 27.3854 28.8742 27.4956 28.9246 27.617C28.9749 27.7384 29.0008 27.8686 29.0008 28C29.0008 28.1314 28.9749 28.2615 28.9246 28.3829C28.8742 28.5043 28.8005 28.6146 28.7075 28.7075ZM14 23C15.78 23 17.5201 22.4721 19.0001 21.4832C20.4802 20.4943 21.6337 19.0887 22.3149 17.4441C22.9961 15.7996 23.1743 13.99 22.8271 12.2442C22.4798 10.4983 21.6226 8.89469 20.364 7.63602C19.1053 6.37735 17.5016 5.52018 15.7558 5.17291C14.01 4.82565 12.2004 5.00388 10.5558 5.68506C8.91131 6.36625 7.50571 7.5198 6.51677 8.99985C5.52784 10.4799 5 12.2199 5 14C5.00265 16.3861 5.95171 18.6738 7.63896 20.361C9.32622 22.0483 11.6139 22.9973 14 23Z",
|
|
58
|
-
viewBox: "0 0 32 32",
|
|
59
|
-
},
|
|
60
|
-
zoomout: {
|
|
61
|
-
selected:
|
|
62
|
-
"M24 14C24 15.9778 23.4135 17.9112 22.3147 19.5557C21.2159 21.2002 19.6541 22.4819 17.8268 23.2388C15.9996 23.9957 13.9889 24.1937 12.0491 23.8079C10.1093 23.422 8.32745 22.4696 6.92893 21.0711C5.5304 19.6725 4.578 17.8907 4.19214 15.9509C3.80629 14.0111 4.00433 12.0004 4.7612 10.1732C5.51808 8.3459 6.7998 6.78412 8.44429 5.6853C10.0888 4.58649 12.0222 4 14 4C15.3132 4 16.6136 4.25866 17.8268 4.7612C19.0401 5.26375 20.1425 6.00035 21.0711 6.92893C21.9996 7.85752 22.7362 8.95991 23.2388 10.1732C23.7413 11.3864 24 12.6868 24 14Z",
|
|
63
|
-
d: "M19 14C19 14.2652 18.8946 14.5196 18.7071 14.7071C18.5196 14.8946 18.2652 15 18 15H10C9.73479 15 9.48043 14.8946 9.2929 14.7071C9.10536 14.5196 9 14.2652 9 14C9 13.7348 9.10536 13.4804 9.2929 13.2929C9.48043 13.1053 9.73479 13 10 13H18C18.2652 13 18.5196 13.1053 18.7071 13.2929C18.8946 13.4804 19 13.7348 19 14ZM28.7075 28.7075C28.6146 28.8005 28.5043 28.8742 28.3829 28.9245C28.2615 28.9749 28.1314 29.0008 28 29.0008C27.8686 29.0008 27.7385 28.9749 27.6171 28.9245C27.4957 28.8742 27.3854 28.8005 27.2925 28.7075L21.035 22.4487C18.8571 24.2628 16.0637 25.1673 13.2359 24.9743C10.4081 24.7812 7.76357 23.5054 5.85247 21.4122C3.94136 19.319 2.91082 16.5695 2.97522 13.7359C3.03962 10.9022 4.194 8.20243 6.19823 6.19821C8.20246 4.19398 10.9022 3.0396 13.7359 2.9752C16.5696 2.9108 19.319 3.94134 21.4122 5.85244C23.5054 7.76355 24.7812 10.4081 24.9743 13.2359C25.1674 16.0637 24.2628 18.8571 22.4488 21.035L28.7075 27.2925C28.8005 27.3854 28.8742 27.4956 28.9246 27.617C28.9749 27.7384 29.0008 27.8686 29.0008 28C29.0008 28.1314 28.9749 28.2615 28.9246 28.3829C28.8742 28.5043 28.8005 28.6146 28.7075 28.7075ZM14 23C15.78 23 17.5201 22.4721 19.0001 21.4832C20.4802 20.4943 21.6337 19.0887 22.3149 17.4441C22.9961 15.7996 23.1743 13.99 22.8271 12.2442C22.4798 10.4983 21.6226 8.89469 20.364 7.63602C19.1053 6.37735 17.5016 5.52018 15.7558 5.17291C14.01 4.82565 12.2004 5.00388 10.5559 5.68506C8.91132 6.36625 7.50571 7.5198 6.51678 8.99985C5.52784 10.4799 5 12.2199 5 14C5.00265 16.3861 5.95171 18.6738 7.63897 20.361C9.32622 22.0483 11.6139 22.9973 14 23Z",
|
|
64
|
-
viewBox: "0 0 32 32",
|
|
65
|
-
},
|
|
66
|
-
undo: {
|
|
67
|
-
selected: "M10 5V17L4 11L10 5Z",
|
|
68
|
-
d: "M29 18C28.9977 20.121 28.1541 22.1545 26.6543 23.6543C25.1545 25.1541 23.121 25.9977 21 26H9.99999C9.73478 26 9.48042 25.8947 9.29289 25.7071C9.10535 25.5196 8.99999 25.2652 8.99999 25C8.99999 24.7348 9.10535 24.4804 9.29289 24.2929C9.48042 24.1054 9.73478 24 9.99999 24H21C22.5913 24 24.1174 23.3679 25.2426 22.2426C26.3679 21.1174 27 19.5913 27 18C27 16.4087 26.3679 14.8826 25.2426 13.7574C24.1174 12.6321 22.5913 12 21 12H6.41374L10.7075 16.2925C10.8951 16.4801 11.0005 16.7346 11.0005 17C11.0005 17.2654 10.8951 17.5199 10.7075 17.7075C10.5199 17.8951 10.2654 18.0006 9.99999 18.0006C9.73463 18.0006 9.48013 17.8951 9.29249 17.7075L3.29249 11.7075C3.19952 11.6146 3.12576 11.5043 3.07543 11.3829C3.02511 11.2615 2.99921 11.1314 2.99921 11C2.99921 10.8686 3.02511 10.7385 3.07543 10.6171C3.12576 10.4957 3.19952 10.3854 3.29249 10.2925L9.29249 4.29251C9.48013 4.10487 9.73463 3.99945 9.99999 3.99945C10.2654 3.99945 10.5199 4.10487 10.7075 4.29251C10.8951 4.48015 11.0005 4.73464 11.0005 5.00001C11.0005 5.26537 10.8951 5.51987 10.7075 5.70751L6.41374 10H21C23.121 10.0023 25.1545 10.8459 26.6543 12.3457C28.1541 13.8455 28.9977 15.879 29 18Z",
|
|
69
|
-
viewBox: "0 0 32 32",
|
|
70
|
-
},
|
|
71
|
-
redo: {
|
|
72
|
-
selected: "M28 11L22 17V5L28 11Z",
|
|
73
|
-
d: "M21.2925 16.2925L25.5863 12H11C9.4087 12 7.88258 12.6321 6.75736 13.7574C5.63214 14.8826 5 16.4087 5 18C5 19.5913 5.63214 21.1174 6.75736 22.2426C7.88258 23.3679 9.4087 24 11 24H22C22.2652 24 22.5196 24.1054 22.7071 24.2929C22.8946 24.4804 23 24.7348 23 25C23 25.2652 22.8946 25.5196 22.7071 25.7071C22.5196 25.8947 22.2652 26 22 26H11C8.87827 26 6.84344 25.1572 5.34315 23.6569C3.84285 22.1566 3 20.1217 3 18C3 15.8783 3.84285 13.8434 5.34315 12.3432C6.84344 10.8429 8.87827 10 11 10H25.5863L21.2925 5.70751C21.1996 5.6146 21.1259 5.5043 21.0756 5.3829C21.0253 5.26151 20.9994 5.1314 20.9994 5.00001C20.9994 4.86861 21.0253 4.7385 21.0756 4.61711C21.1259 4.49572 21.1996 4.38542 21.2925 4.29251C21.3854 4.1996 21.4957 4.1259 21.6171 4.07561C21.7385 4.02533 21.8686 3.99945 22 3.99945C22.1314 3.99945 22.2615 4.02533 22.3829 4.07561C22.5043 4.1259 22.6146 4.1996 22.7075 4.29251L28.7075 10.2925C28.8005 10.3854 28.8742 10.4957 28.9246 10.6171C28.9749 10.7385 29.0008 10.8686 29.0008 11C29.0008 11.1314 28.9749 11.2615 28.9246 11.3829C28.8742 11.5043 28.8005 11.6146 28.7075 11.7075L22.7075 17.7075C22.5199 17.8951 22.2654 18.0006 22 18.0006C21.7346 18.0006 21.4801 17.8951 21.2925 17.7075C21.1049 17.5199 20.9994 17.2654 20.9994 17C20.9994 16.7346 21.1049 16.4801 21.2925 16.2925Z",
|
|
74
|
-
viewBox: "0 0 32 32",
|
|
75
|
-
},
|
|
76
|
-
search: {
|
|
77
|
-
selected:
|
|
78
|
-
"M24 14C24 15.9778 23.4135 17.9112 22.3147 19.5557C21.2159 21.2002 19.6541 22.4819 17.8268 23.2388C15.9996 23.9957 13.9889 24.1937 12.0491 23.8079C10.1093 23.422 8.32746 22.4696 6.92894 21.0711C5.53041 19.6725 4.578 17.8907 4.19215 15.9509C3.8063 14.0111 4.00433 12.0004 4.76121 10.1732C5.51809 8.3459 6.79981 6.78412 8.4443 5.6853C10.0888 4.58649 12.0222 4 14 4C15.3132 4 16.6136 4.25866 17.8268 4.7612C19.0401 5.26375 20.1425 6.00035 21.0711 6.92893C21.9997 7.85752 22.7363 8.95991 23.2388 10.1732C23.7413 11.3864 24 12.6868 24 14Z",
|
|
79
|
-
d: "M28.7075 27.2925L22.4488 21.035C24.2628 18.8571 25.1674 16.0637 24.9743 13.2359C24.7812 10.4081 23.5054 7.76355 21.4122 5.85244C19.319 3.94134 16.5696 2.9108 13.7359 2.9752C10.9022 3.0396 8.20246 4.19398 6.19824 6.19821C4.19401 8.20243 3.03963 10.9022 2.97523 13.7359C2.91083 16.5695 3.94137 19.319 5.85248 21.4122C7.76358 23.5054 10.4081 24.7812 13.2359 24.9743C16.0637 25.1673 18.8571 24.2628 21.035 22.4487L27.2925 28.7075C27.3854 28.8004 27.4957 28.8741 27.6171 28.9244C27.7385 28.9747 27.8686 29.0005 28 29.0005C28.1314 29.0005 28.2615 28.9747 28.3829 28.9244C28.5043 28.8741 28.6146 28.8004 28.7075 28.7075C28.8004 28.6146 28.8741 28.5043 28.9244 28.3829C28.9747 28.2615 29.0006 28.1314 29.0006 28C29.0006 27.8686 28.9747 27.7385 28.9244 27.6171C28.8741 27.4957 28.8004 27.3854 28.7075 27.2925ZM5.00001 14C5.00001 12.2199 5.52785 10.4799 6.51678 8.99985C7.50572 7.5198 8.91132 6.36625 10.5559 5.68506C12.2004 5.00388 14.01 4.82565 15.7558 5.17291C17.5017 5.52018 19.1053 6.37735 20.364 7.63602C21.6226 8.89469 22.4798 10.4983 22.8271 12.2442C23.1743 13.99 22.9961 15.7996 22.3149 17.4441C21.6337 19.0887 20.4802 20.4943 19.0001 21.4832C17.5201 22.4721 15.78 23 14 23C11.6139 22.9973 9.32623 22.0483 7.63897 20.361C5.95172 18.6738 5.00266 16.3861 5.00001 14Z",
|
|
80
|
-
viewBox: "0 0 32 32",
|
|
81
|
-
},
|
|
82
|
-
download: {
|
|
83
|
-
selected:
|
|
84
|
-
"M27 6V26H5V6C5 5.46957 5.21071 4.96086 5.58579 4.58579C5.96086 4.21071 6.46957 4 7 4H25C25.5304 4 26.0391 4.21071 26.4142 4.58579C26.7893 4.96086 27 5.46957 27 6Z",
|
|
85
|
-
d: "M28 18V26C28 26.2652 27.8946 26.5196 27.7071 26.7071C27.5196 26.8946 27.2652 27 27 27H5C4.73478 27 4.48043 26.8946 4.29289 26.7071C4.10536 26.5196 4 26.2652 4 26V18C4 17.7348 4.10536 17.4804 4.29289 17.2929C4.48043 17.1054 4.73478 17 5 17C5.26522 17 5.51957 17.1054 5.70711 17.2929C5.89464 17.4804 6 17.7348 6 18V25H26V18C26 17.7348 26.1054 17.4804 26.2929 17.2929C26.4804 17.1054 26.7348 17 27 17C27.2652 17 27.5196 17.1054 27.7071 17.2929C27.8946 17.4804 28 17.7348 28 18ZM15.2925 18.7075C15.3854 18.8005 15.4957 18.8742 15.6171 18.9246C15.7385 18.9749 15.8686 19.0008 16 19.0008C16.1314 19.0008 16.2615 18.9749 16.3829 18.9246C16.5043 18.8742 16.6146 18.8005 16.7075 18.7075L21.7075 13.7075C21.8004 13.6146 21.8741 13.5043 21.9244 13.3829C21.9747 13.2615 22.0006 13.1314 22.0006 13C22.0006 12.8686 21.9747 12.7385 21.9244 12.6171C21.8741 12.4957 21.8004 12.3854 21.7075 12.2925C21.6146 12.1996 21.5043 12.1259 21.3829 12.0756C21.2615 12.0253 21.1314 11.9994 21 11.9994C20.8686 11.9994 20.7385 12.0253 20.6171 12.0756C20.4957 12.1259 20.3854 12.1996 20.2925 12.2925L17 15.5863V4C17 3.73478 16.8946 3.48043 16.7071 3.29289C16.5196 3.10536 16.2652 3 16 3C15.7348 3 15.4804 3.10536 15.2929 3.29289C15.1054 3.48043 15 3.73478 15 4V15.5863L11.7075 12.2925C11.5199 12.1049 11.2654 11.9994 11 11.9994C10.7346 11.9994 10.4801 12.1049 10.2925 12.2925C10.1049 12.4801 9.99944 12.7346 9.99944 13C9.99944 13.2654 10.1049 13.5199 10.2925 13.7075L15.2925 18.7075Z",
|
|
86
|
-
viewBox: "0 0 32 32",
|
|
87
|
-
},
|
|
88
|
-
upload: {
|
|
89
|
-
selected:
|
|
90
|
-
"M27 6V26H5V6C5 5.46957 5.21071 4.96086 5.58579 4.58579C5.96086 4.21071 6.46957 4 7 4H25C25.5304 4 26.0391 4.21071 26.4142 4.58579C26.7893 4.96086 27 5.46957 27 6Z",
|
|
91
|
-
d: "M28 18V26C28 26.2652 27.8946 26.5196 27.7071 26.7071C27.5196 26.8946 27.2652 27 27 27H5C4.73478 27 4.48043 26.8946 4.29289 26.7071C4.10536 26.5196 4 26.2652 4 26V18C4 17.7348 4.10536 17.4804 4.29289 17.2929C4.48043 17.1053 4.73478 17 5 17C5.26522 17 5.51957 17.1053 5.70711 17.2929C5.89464 17.4804 6 17.7348 6 18V25H26V18C26 17.7348 26.1054 17.4804 26.2929 17.2929C26.4804 17.1053 26.7348 17 27 17C27.2652 17 27.5196 17.1053 27.7071 17.2929C27.8946 17.4804 28 17.7348 28 18ZM11.7075 9.70749L15 6.41374V18C15 18.2652 15.1054 18.5196 15.2929 18.7071C15.4804 18.8946 15.7348 19 16 19C16.2652 19 16.5196 18.8946 16.7071 18.7071C16.8946 18.5196 17 18.2652 17 18V6.41374L20.2925 9.70749C20.4801 9.89513 20.7346 10.0005 21 10.0005C21.2654 10.0005 21.5199 9.89513 21.7075 9.70749C21.8951 9.51985 22.0006 9.26536 22.0006 8.99999C22.0006 8.73463 21.8951 8.48013 21.7075 8.29249L16.7075 3.29249C16.6146 3.19952 16.5043 3.12576 16.3829 3.07543C16.2615 3.02511 16.1314 2.99921 16 2.99921C15.8686 2.99921 15.7385 3.02511 15.6171 3.07543C15.4957 3.12576 15.3854 3.19952 15.2925 3.29249L10.2925 8.29249C10.1049 8.48013 9.99944 8.73463 9.99944 8.99999C9.99944 9.26536 10.1049 9.51985 10.2925 9.70749C10.4801 9.89513 10.7346 10.0005 11 10.0005C11.2654 10.0005 11.5199 9.89513 11.7075 9.70749Z",
|
|
92
|
-
viewBox: "0 0 32 32",
|
|
93
|
-
},
|
|
94
|
-
help: {
|
|
95
|
-
selected:
|
|
96
|
-
"M28 16C28 18.3734 27.2962 20.6935 25.9776 22.6668C24.6591 24.6402 22.7849 26.1783 20.5922 27.0866C18.3995 27.9948 15.9867 28.2324 13.6589 27.7694C11.3312 27.3064 9.19295 26.1635 7.51472 24.4853C5.83649 22.8071 4.6936 20.6689 4.23058 18.3411C3.76756 16.0133 4.0052 13.6005 4.91345 11.4078C5.8217 9.21509 7.35977 7.34094 9.33316 6.02236C11.3066 4.70379 13.6266 4 16 4C19.1826 4 22.2348 5.26428 24.4853 7.51472C26.7357 9.76515 28 12.8174 28 16Z",
|
|
97
|
-
d: "M17.5 22.5C17.5 22.7967 17.412 23.0867 17.2472 23.3334C17.0824 23.58 16.8481 23.7723 16.574 23.8858C16.2999 23.9993 15.9983 24.0291 15.7074 23.9712C15.4164 23.9133 15.1491 23.7704 14.9393 23.5607C14.7296 23.3509 14.5867 23.0836 14.5288 22.7926C14.471 22.5017 14.5007 22.2001 14.6142 21.926C14.7277 21.6519 14.92 21.4176 15.1667 21.2528C15.4133 21.088 15.7033 21 16 21C16.3978 21 16.7794 21.158 17.0607 21.4393C17.342 21.7206 17.5 22.1022 17.5 22.5ZM16 9C13.2425 9 11 11.0188 11 13.5V14C11 14.2652 11.1054 14.5196 11.2929 14.7071C11.4804 14.8946 11.7348 15 12 15C12.2652 15 12.5196 14.8946 12.7071 14.7071C12.8946 14.5196 13 14.2652 13 14V13.5C13 12.125 14.3463 11 16 11C17.6538 11 19 12.125 19 13.5C19 14.875 17.6538 16 16 16C15.7348 16 15.4804 16.1054 15.2929 16.2929C15.1054 16.4804 15 16.7348 15 17V18C15 18.2652 15.1054 18.5196 15.2929 18.7071C15.4804 18.8946 15.7348 19 16 19C16.2652 19 16.5196 18.8946 16.7071 18.7071C16.8946 18.5196 17 18.2652 17 18V17.91C19.28 17.4913 21 15.6725 21 13.5C21 11.0188 18.7575 9 16 9ZM29 16C29 18.5712 28.2376 21.0846 26.8091 23.2224C25.3807 25.3603 23.3503 27.0265 20.9749 28.0104C18.5995 28.9944 15.9856 29.2518 13.4638 28.7502C10.9421 28.2486 8.6257 27.0105 6.80762 25.1924C4.98953 23.3743 3.75141 21.0579 3.2498 18.5362C2.74819 16.0144 3.00563 13.4006 3.98957 11.0251C4.97351 8.64968 6.63975 6.61935 8.77759 5.1909C10.9154 3.76244 13.4288 3 16 3C19.4467 3.00364 22.7512 4.37445 25.1884 6.81163C27.6256 9.24882 28.9964 12.5533 29 16ZM27 16C27 13.8244 26.3549 11.6977 25.1462 9.88873C23.9375 8.07979 22.2195 6.66989 20.2095 5.83733C18.1995 5.00476 15.9878 4.78692 13.854 5.21136C11.7202 5.6358 9.76021 6.68345 8.22183 8.22183C6.68345 9.7602 5.63581 11.7202 5.21137 13.854C4.78693 15.9878 5.00477 18.1995 5.83733 20.2095C6.66989 22.2195 8.07979 23.9375 9.88873 25.1462C11.6977 26.3549 13.8244 27 16 27C18.9164 26.9967 21.7123 25.8367 23.7745 23.7745C25.8367 21.7123 26.9967 18.9164 27 16Z",
|
|
98
|
-
viewBox: "0 0 32 32",
|
|
99
|
-
},
|
|
100
|
-
bin: {
|
|
101
|
-
selected:
|
|
102
|
-
"M25 7V26C25 26.2652 24.8946 26.5196 24.7071 26.7071C24.5196 26.8946 24.2652 27 24 27H8C7.73478 27 7.48043 26.8946 7.29289 26.7071C7.10536 26.5196 7 26.2652 7 26V7H25Z",
|
|
103
|
-
d: "M27 6H22V5C22 4.20435 21.6839 3.44129 21.1213 2.87868C20.5587 2.31607 19.7956 2 19 2H13C12.2044 2 11.4413 2.31607 10.8787 2.87868C10.3161 3.44129 10 4.20435 10 5V6H5C4.73478 6 4.48043 6.10536 4.29289 6.29289C4.10536 6.48043 4 6.73478 4 7C4 7.26522 4.10536 7.51957 4.29289 7.70711C4.48043 7.89464 4.73478 8 5 8H6V26C6 26.5304 6.21071 27.0391 6.58579 27.4142C6.96086 27.7893 7.46957 28 8 28H24C24.5304 28 25.0391 27.7893 25.4142 27.4142C25.7893 27.0391 26 26.5304 26 26V8H27C27.2652 8 27.5196 7.89464 27.7071 7.70711C27.8946 7.51957 28 7.26522 28 7C28 6.73478 27.8946 6.48043 27.7071 6.29289C27.5196 6.10536 27.2652 6 27 6ZM12 5C12 4.73478 12.1054 4.48043 12.2929 4.29289C12.4804 4.10536 12.7348 4 13 4H19C19.2652 4 19.5196 4.10536 19.7071 4.29289C19.8946 4.48043 20 4.73478 20 5V6H12V5ZM24 26H8V8H24V26ZM14 13V21C14 21.2652 13.8946 21.5196 13.7071 21.7071C13.5196 21.8946 13.2652 22 13 22C12.7348 22 12.4804 21.8946 12.2929 21.7071C12.1054 21.5196 12 21.2652 12 21V13C12 12.7348 12.1054 12.4804 12.2929 12.2929C12.4804 12.1054 12.7348 12 13 12C13.2652 12 13.5196 12.1054 13.7071 12.2929C13.8946 12.4804 14 12.7348 14 13ZM20 13V21C20 21.2652 19.8946 21.5196 19.7071 21.7071C19.5196 21.8946 19.2652 22 19 22C18.7348 22 18.4804 21.8946 18.2929 21.7071C18.1054 21.5196 18 21.2652 18 21V13C18 12.7348 18.1054 12.4804 18.2929 12.2929C18.4804 12.1054 18.7348 12 19 12C19.2652 12 19.5196 12.1054 19.7071 12.2929C19.8946 12.4804 20 12.7348 20 13Z",
|
|
104
|
-
viewBox: "0 0 32 32",
|
|
105
|
-
},
|
|
106
|
-
};
|
|
107
|
-
</script>
|
|
108
|
-
|
|
109
|
-
{#if paths[type]}
|
|
110
|
-
<svg
|
|
111
|
-
class="ons-svg-icon"
|
|
112
|
-
class:ons-u-ml-xs="{marginLeft}"
|
|
113
|
-
class:ons-u-mr-xs="{marginRight}"
|
|
114
|
-
class:selected="{selected}"
|
|
115
|
-
viewBox="{paths[type].viewBox}"
|
|
116
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
117
|
-
focusable="false"
|
|
118
|
-
fill="{selected ? '#206095' : disabled ? '#BCBCBD' : 'currentColor'}"
|
|
119
|
-
>
|
|
120
|
-
{#if selected}
|
|
121
|
-
<path opacity="0.2" d="{paths[type].selected}"></path>
|
|
122
|
-
{/if}
|
|
123
|
-
{#if type != "radius"}
|
|
124
|
-
<path d="{paths[type].d}"></path>
|
|
125
|
-
{:else if type == "radius"}
|
|
126
|
-
<circle
|
|
127
|
-
cx="16"
|
|
128
|
-
cy="16"
|
|
129
|
-
r="12"
|
|
130
|
-
stroke="currentColor"
|
|
131
|
-
stroke-width="2"
|
|
132
|
-
fill="{selected ? '#206095' : 'none'}"
|
|
133
|
-
fill-opacity="{selected ? '0.2' : '0'}"></circle>
|
|
134
|
-
{/if}
|
|
135
|
-
</svg>
|
|
136
|
-
{/if}
|
|
137
|
-
|
|
138
|
-
<style>
|
|
139
|
-
.selected {
|
|
140
|
-
/* opacity: 0.2; */
|
|
141
|
-
fill: #206095;
|
|
142
|
-
}</style>
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
<script>
|
|
2
|
-
import { getContext } from "svelte";
|
|
3
|
-
const activeModalId = getContext("activeModalId");
|
|
4
|
-
|
|
5
|
-
const showHelpModals = getContext("showHelpModals");
|
|
6
|
-
export let id = "";
|
|
7
|
-
</script>
|
|
8
|
-
|
|
9
|
-
{#if $activeModalId === id && !$showHelpModals}
|
|
10
|
-
<div class="tool-control" role="tabpanel" aria-labelledby="button-{id}" id="panel-{id}">
|
|
11
|
-
<slot />
|
|
12
|
-
</div>
|
|
13
|
-
{/if}
|
|
14
|
-
|
|
15
|
-
<style>
|
|
16
|
-
.tool-control {
|
|
17
|
-
max-width: 371px;
|
|
18
|
-
padding: 8px;
|
|
19
|
-
}</style>
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
<script>
|
|
2
|
-
import { getContext, setContext } from "svelte";
|
|
3
|
-
import { writable } from "svelte/store";
|
|
4
|
-
// import { TOOLBAR_CONTEXT_KEY } from "./toolbar-context.js";
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* Additional classes for the button
|
|
8
|
-
* @type {string}
|
|
9
|
-
*/
|
|
10
|
-
export let classes = "";
|
|
11
|
-
/**
|
|
12
|
-
* aria label for button
|
|
13
|
-
* @type {string}
|
|
14
|
-
*/
|
|
15
|
-
export let ariaLabel = "";
|
|
16
|
-
/**
|
|
17
|
-
* Orientation of the toolbar
|
|
18
|
-
* @type {'horizontal' | 'vertical'}
|
|
19
|
-
*/
|
|
20
|
-
export let orientation = "horizontal";
|
|
21
|
-
|
|
22
|
-
// Set context for child components
|
|
23
|
-
const orientationStore = writable(orientation);
|
|
24
|
-
$: setContext("orientation", orientationStore);
|
|
25
|
-
|
|
26
|
-
// Get the showHelpModals state from context
|
|
27
|
-
const showHelpModals = getContext("showHelpModals");
|
|
28
|
-
</script>
|
|
29
|
-
|
|
30
|
-
<!-- Toolbar container -->
|
|
31
|
-
<div
|
|
32
|
-
role="toolbar"
|
|
33
|
-
aria-label="{ariaLabel}"
|
|
34
|
-
class="{`toolbar ${orientation === 'vertical' ? '' : 'flex-col'} ${classes}`}"
|
|
35
|
-
>
|
|
36
|
-
<!-- slot for helpModal -->
|
|
37
|
-
<div class="{`grid--flex ${orientation === 'vertical' ? 'flex-col' : ''}`}">
|
|
38
|
-
<slot />
|
|
39
|
-
</div>
|
|
40
|
-
|
|
41
|
-
{#if !$showHelpModals}
|
|
42
|
-
<slot name="controls" />
|
|
43
|
-
{/if}
|
|
44
|
-
</div>
|
|
45
|
-
|
|
46
|
-
<style>
|
|
47
|
-
.grid--flex {
|
|
48
|
-
display: flex;
|
|
49
|
-
gap: 4px;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
.toolbar {
|
|
53
|
-
display: flex;
|
|
54
|
-
align-items: center;
|
|
55
|
-
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
|
|
56
|
-
border-radius: 8px;
|
|
57
|
-
padding: 8px;
|
|
58
|
-
justify-content: flex-start;
|
|
59
|
-
align-content: flex-start;
|
|
60
|
-
flex-wrap: nowrap;
|
|
61
|
-
width: auto;
|
|
62
|
-
max-width: -moz-fit-content;
|
|
63
|
-
max-width: fit-content;
|
|
64
|
-
height: 100%;
|
|
65
|
-
margin: 8px;
|
|
66
|
-
background: white;
|
|
67
|
-
pointer-events: all;
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
.flex-col {
|
|
71
|
-
flex-direction: column;
|
|
72
|
-
}</style>
|
|
@@ -1,162 +0,0 @@
|
|
|
1
|
-
<script>import { onMount, onDestroy, createEventDispatcher, getContext } from "svelte";
|
|
2
|
-
import Icon from "./Icon.svelte";
|
|
3
|
-
import HelpModal from "./HelpModal.svelte";
|
|
4
|
-
import { nanoid } from "nanoid";
|
|
5
|
-
// Props for the ToolbarButton
|
|
6
|
-
export let id = nanoid(6);
|
|
7
|
-
export let icon = "";
|
|
8
|
-
export let label = "";
|
|
9
|
-
export let disabled = false;
|
|
10
|
-
export let classes = "";
|
|
11
|
-
export let helpText = null;
|
|
12
|
-
export let selected = false;
|
|
13
|
-
export let custom = false;
|
|
14
|
-
export let hasAriaControls = false;
|
|
15
|
-
export let sticky = false;
|
|
16
|
-
export let transient = false;
|
|
17
|
-
export let disableHelp = false;
|
|
18
|
-
const dispatch = createEventDispatcher();
|
|
19
|
-
let buttonElement;
|
|
20
|
-
// Get activeModalId store from context
|
|
21
|
-
const activeModalId = getContext("activeModalId");
|
|
22
|
-
// Retrieve button registry from context
|
|
23
|
-
const { register, unregister } = getContext("buttonIds");
|
|
24
|
-
// Register button on mount
|
|
25
|
-
onMount(() => {
|
|
26
|
-
register(id);
|
|
27
|
-
});
|
|
28
|
-
// Unregister button on destroy
|
|
29
|
-
onDestroy(() => {
|
|
30
|
-
unregister(id);
|
|
31
|
-
});
|
|
32
|
-
// Reactive store subscription
|
|
33
|
-
$: isActive = $activeModalId === id;
|
|
34
|
-
// Subscribe to the store to determine if this modal is active
|
|
35
|
-
function handleClick() {
|
|
36
|
-
if (!disabled) {
|
|
37
|
-
if (transient) {
|
|
38
|
-
// If it's a transient button, just trigger the action and return
|
|
39
|
-
dispatch("click");
|
|
40
|
-
return;
|
|
41
|
-
}
|
|
42
|
-
dispatch("click");
|
|
43
|
-
if ($activeModalId === id && sticky) {
|
|
44
|
-
// If it's already active and sticky, keep it selected
|
|
45
|
-
return;
|
|
46
|
-
}
|
|
47
|
-
activeModalId.set(isActive ? null : id); // Toggle the modal
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
</script>
|
|
51
|
-
|
|
52
|
-
<div class="toolbar-button-wrapper">
|
|
53
|
-
{#if custom}
|
|
54
|
-
<div on:click="{handleClick}" bind:this="{buttonElement}">
|
|
55
|
-
<slot name="custom" />
|
|
56
|
-
</div>
|
|
57
|
-
{:else}
|
|
58
|
-
<button
|
|
59
|
-
type="button"
|
|
60
|
-
aria-label="{label}"
|
|
61
|
-
class="toolbar-button {disabled ? 'disabled' : ''} {isActive && !transient
|
|
62
|
-
? 'selected'
|
|
63
|
-
: ''} {classes}"
|
|
64
|
-
on:click="{handleClick}"
|
|
65
|
-
disabled="{disabled}"
|
|
66
|
-
bind:this="{buttonElement}"
|
|
67
|
-
id="button-{id}"
|
|
68
|
-
aria-controls="{hasAriaControls ? `panel-${id}` : undefined}"
|
|
69
|
-
>
|
|
70
|
-
{#if icon}
|
|
71
|
-
<Icon
|
|
72
|
-
type="{icon}"
|
|
73
|
-
selected="{!transient ? (isActive ? true : false) : false}"
|
|
74
|
-
disabled="{disabled}"
|
|
75
|
-
/>
|
|
76
|
-
{:else}
|
|
77
|
-
{label}
|
|
78
|
-
{/if}
|
|
79
|
-
</button>
|
|
80
|
-
{/if}
|
|
81
|
-
|
|
82
|
-
{#if isActive}
|
|
83
|
-
{#if helpText && !disableHelp}
|
|
84
|
-
<HelpModal triggerElement="{buttonElement}" onClose="{() => activeModalId.set(null)}">
|
|
85
|
-
<p>{helpText}</p>
|
|
86
|
-
</HelpModal>
|
|
87
|
-
{:else if !helpText && !disableHelp}
|
|
88
|
-
<HelpModal triggerElement="{buttonElement}" onClose="{() => activeModalId.set(null)}">
|
|
89
|
-
<slot />
|
|
90
|
-
</HelpModal>
|
|
91
|
-
{/if}
|
|
92
|
-
{/if}
|
|
93
|
-
</div>
|
|
94
|
-
|
|
95
|
-
<!--
|
|
96
|
-
|
|
97
|
-
/* /* Slightly darker gray when clicked */
|
|
98
|
-
|
|
99
|
-
/*
|
|
100
|
-
button:active {
|
|
101
|
-
background-color: #d6d6d6;
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
button.active {
|
|
105
|
-
background-color: #ddd; /* Selected button background */
|
|
106
|
-
border: 2px solid #333; /* Active button border */
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
button:hover:active {
|
|
110
|
-
background-color: #ccc; /* Slightly more contrast when active */
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
button:disabled {
|
|
114
|
-
opacity: 0.5;
|
|
115
|
-
cursor: not-allowed;
|
|
116
|
-
background-color: #f2f2f2;
|
|
117
|
-
border: 1px solid #ddd;
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
button:hover:disabled {
|
|
121
|
-
background-color: #f2f2f2; /* Keep it the same so disabled buttons don’t change on hover */
|
|
122
|
-
border: 1px solid #ddd;
|
|
123
|
-
} */
|
|
124
|
-
-->
|
|
125
|
-
|
|
126
|
-
<style>
|
|
127
|
-
.toolbar-button-wrapper {
|
|
128
|
-
position: relative;
|
|
129
|
-
}
|
|
130
|
-
.toolbar-button {
|
|
131
|
-
display: flex;
|
|
132
|
-
align-items: center;
|
|
133
|
-
justify-content: center;
|
|
134
|
-
padding: 0.5rem;
|
|
135
|
-
background: none;
|
|
136
|
-
border: none;
|
|
137
|
-
cursor: pointer;
|
|
138
|
-
flex-shrink: 0;
|
|
139
|
-
flex-grow: 0;
|
|
140
|
-
}
|
|
141
|
-
|
|
142
|
-
.toolbar-button.disabled {
|
|
143
|
-
/* opacity: 0.5; */
|
|
144
|
-
cursor: not-allowed;
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
.selected {
|
|
148
|
-
background: #e9eff4;
|
|
149
|
-
border-radius: 8px;
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
button:hover {
|
|
153
|
-
background-color: #f5f5f6;
|
|
154
|
-
border-radius: 8px;
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
button:focus {
|
|
158
|
-
outline: 2px solid #fbc900;
|
|
159
|
-
outline-offset: 2px;
|
|
160
|
-
box-shadow: 0 0 2px 2px #222222;
|
|
161
|
-
border-radius: 8px;
|
|
162
|
-
}</style>
|