tide-design-system 2.0.1 → 2.0.3
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/assets/style.css +1 -0
- package/dist/css/animation.css +1 -1
- package/dist/css/dynamic-buttons.css +22 -22
- package/dist/css/dynamic-utilities.css +21 -21
- package/dist/css/main.css +0 -4
- package/dist/css/page-layout.css +30 -46
- package/dist/css/realm/aero.css +33 -33
- package/dist/css/realm/atv.css +34 -34
- package/dist/css/realm/boatmart.css +33 -33
- package/dist/css/realm/cycle.css +33 -33
- package/dist/css/realm/equip.css +33 -33
- package/dist/css/realm/pwc.css +33 -33
- package/dist/css/realm/rv.css +33 -33
- package/dist/css/realm/snow.css +32 -32
- package/dist/css/realm/truck.css +33 -33
- package/dist/css/reset.css +9 -9
- package/dist/css/sb-rv.css +1 -0
- package/dist/css/storybook.css +2 -1
- package/dist/css/utilities.css +103 -101
- package/dist/css/variables.css +92 -92
- package/dist/tide-design-system.js +3 -46
- package/dist/tide-design-system2.js +5 -0
- package/dist/tide-design-system3.js +5 -0
- package/dist/tide-design-system4.js +5 -0
- package/dist/tide-design-system5.js +5 -0
- package/dist/tide-design-system6.js +5 -0
- package/dist/tide-design-system7.js +5 -0
- package/dist/tide-design-system8.js +5 -0
- package/dist/types/Styles.ts +29 -31
- package/dist/utilities/storybook.ts +31 -7
- package/package.json +3 -2
- package/dist/IconAccountBalance-0c552905.js +0 -10
- package/dist/IconAdd-50766b43.js +0 -10
- package/dist/IconAi-3f1ad2fe.js +0 -22
- package/dist/IconAlignSpace-804660fd.js +0 -10
- package/dist/IconApplePay-75b9850c.js +0 -10
- package/dist/IconArrowBack-3bde832a.js +0 -10
- package/dist/IconArrowForward-0582323f.js +0 -10
- package/dist/IconArrowRight-c37875ce.js +0 -10
- package/dist/IconAssignment-b9549d2c.js +0 -10
- package/dist/IconAwardStar-a1b0a840.js +0 -10
- package/dist/IconBookmark-26e82ff4.js +0 -10
- package/dist/IconCalendarMonth-55806114.js +0 -10
- package/dist/IconCall-dfc29049.js +0 -10
- package/dist/IconCheck-1d4a84f9.js +0 -10
- package/dist/IconChevronLeft-8a9307a6.js +0 -10
- package/dist/IconChevronRight-46940da9.js +0 -10
- package/dist/IconClear-1dc6a4df.js +0 -10
- package/dist/IconClose-93976f13.js +0 -10
- package/dist/IconCycle-b8bc8146.js +0 -10
- package/dist/IconDelete-2970a09b.js +0 -10
- package/dist/IconDiamond-ba4bae95.js +0 -10
- package/dist/IconEdit-3612d58e.js +0 -10
- package/dist/IconError-643df67d.js +0 -10
- package/dist/IconExpandContent-71109869.js +0 -10
- package/dist/IconExpandLess-9c6c12b6.js +0 -10
- package/dist/IconExpandMore-fcd92910.js +0 -10
- package/dist/IconFacebook-b0d62bbb.js +0 -10
- package/dist/IconFavorite-d59dfc0b.js +0 -10
- package/dist/IconFavoriteFilled-fd2c5862.js +0 -10
- package/dist/IconFormatBold-6f1aa639.js +0 -10
- package/dist/IconFormatItalic-a82848b2.js +0 -10
- package/dist/IconFormatListBulleted-4f4a0a99.js +0 -10
- package/dist/IconForum-194dedbd.js +0 -10
- package/dist/IconGoogle-46e6c4f1.js +0 -27
- package/dist/IconGooglePay-090b70a8.js +0 -10
- package/dist/IconGrid-0f7c079c.js +0 -10
- package/dist/IconHelp-e91f36a5.js +0 -10
- package/dist/IconInfo-df1f06a5.js +0 -10
- package/dist/IconInsertText-e371c1cd.js +0 -10
- package/dist/IconInstagram-af4ea628.js +0 -10
- package/dist/IconIosShare-7253c1df.js +0 -10
- package/dist/IconLayout-225d9fb6.js +0 -10
- package/dist/IconLinkedIn-ab7e007c.js +0 -10
- package/dist/IconLocalShipping-2c8ac96c.js +0 -10
- package/dist/IconLock-b4e1bd5d.js +0 -10
- package/dist/IconMail-50eca4b4.js +0 -10
- package/dist/IconMenu-7789a1f9.js +0 -10
- package/dist/IconMoreHoriz-35960212.js +0 -10
- package/dist/IconNotifications-a6690c77.js +0 -10
- package/dist/IconOpenInNew-8b812d7f.js +0 -10
- package/dist/IconPalette-18b6e766.js +0 -10
- package/dist/IconPaypal-75ff8ed5.js +0 -10
- package/dist/IconPerson-3c8a4c27.js +0 -10
- package/dist/IconPhotoCamera-0fbb9344.js +0 -10
- package/dist/IconPinterest-28ae7c92.js +0 -10
- package/dist/IconPlayArrow-6d779a71.js +0 -10
- package/dist/IconRemove-1f655305.js +0 -10
- package/dist/IconRoundedCorners-1f9eba28.js +0 -10
- package/dist/IconSearch-c6843cf3.js +0 -10
- package/dist/IconSell-c7818ac8.js +0 -10
- package/dist/IconShare-b81bc4cd.js +0 -10
- package/dist/IconShoppingCart-b6cc2022.js +0 -10
- package/dist/IconSms-dc4c1454.js +0 -10
- package/dist/IconStar-c4305bd6.js +0 -10
- package/dist/IconSwapVert-00e66af6.js +0 -10
- package/dist/IconThreeDRotation-b19a9312.js +0 -25
- package/dist/IconTune-dee47734.js +0 -10
- package/dist/IconTwitter-2ab4e06b.js +0 -10
- package/dist/IconVideocam-0d0142aa.js +0 -10
- package/dist/IconViewInAr-7cd92579.js +0 -10
- package/dist/IconVisibility-84655778.js +0 -10
- package/dist/IconWarning-cab4938a.js +0 -10
- package/dist/IconYoutube-ab7e33d3.js +0 -10
- package/dist/index-32686488.js +0 -2106
- package/dist/style.css +0 -1
package/dist/index-32686488.js
DELETED
|
@@ -1,2106 +0,0 @@
|
|
|
1
|
-
import { openBlock as l, createElementBlock as d, normalizeClass as i, unref as t, defineComponent as N, ref as v, watch as w, defineAsyncComponent as Ee, markRaw as Ie, createBlock as S, resolveDynamicComponent as K, createCommentVNode as A, toDisplayString as O, onMounted as te, createElementVNode as c, createVNode as P, renderSlot as B, withCtx as j, computed as p, Fragment as Q, renderList as J, createTextVNode as ue, onUnmounted as ve, onUpdated as Le, normalizeStyle as ee, onBeforeUnmount as pe, getCurrentInstance as se, withDirectives as oe, vModelSelect as Fe, withModifiers as Te, vModelDynamic as _e, vModelText as De, Teleport as Se, Transition as me, vShow as ge } from "vue";
|
|
2
|
-
const e = {
|
|
3
|
-
ALIGN: {
|
|
4
|
-
X: {
|
|
5
|
-
CENTER: "tide-text-center",
|
|
6
|
-
LEFT: "tide-text-left",
|
|
7
|
-
RIGHT: "tide-text-right"
|
|
8
|
-
},
|
|
9
|
-
Y: {
|
|
10
|
-
MIDDLE: "tide-align-middle"
|
|
11
|
-
}
|
|
12
|
-
},
|
|
13
|
-
AXIS1: {
|
|
14
|
-
AROUND: "tide-axis1-around",
|
|
15
|
-
BETWEEN: "tide-axis1-between",
|
|
16
|
-
CENTER: "tide-axis1-center",
|
|
17
|
-
END: "tide-axis1-end",
|
|
18
|
-
START: "tide-axis1-start"
|
|
19
|
-
},
|
|
20
|
-
AXIS2: {
|
|
21
|
-
AROUND: "tide-axis2-around",
|
|
22
|
-
CENTER: "tide-axis2-center",
|
|
23
|
-
END: "tide-axis2-end",
|
|
24
|
-
START: "tide-axis2-start"
|
|
25
|
-
},
|
|
26
|
-
BG: {
|
|
27
|
-
PRIMARY: "tide-bg-primary",
|
|
28
|
-
SECONDARY: "tide-bg-secondary",
|
|
29
|
-
SURFACE: {
|
|
30
|
-
ACCENT: "tide-bg-surface-accent",
|
|
31
|
-
ACCENT_VARIANT: "tide-bg-surface-accent-variant",
|
|
32
|
-
BRAND: "tide-bg-surface-brand",
|
|
33
|
-
DEFAULT: "tide-bg-surface",
|
|
34
|
-
FLOATING: "tide-bg-surface-floating",
|
|
35
|
-
GRADIENT: "tide-bg-surface-gradient",
|
|
36
|
-
VARIANT: "tide-bg-surface-variant"
|
|
37
|
-
}
|
|
38
|
-
},
|
|
39
|
-
BORDER: {
|
|
40
|
-
COLOR: {
|
|
41
|
-
DEFAULT: "tide-border",
|
|
42
|
-
FLOATING: "tide-border-floating",
|
|
43
|
-
HIGH: "tide-border-high",
|
|
44
|
-
LOW: "tide-border-low",
|
|
45
|
-
PRIMARY: "tide-border-primary"
|
|
46
|
-
},
|
|
47
|
-
RADIUS: {
|
|
48
|
-
FULL: "tide-radius-full",
|
|
49
|
-
HALF: "tide-radius-1/2",
|
|
50
|
-
ONE: "tide-radius-1",
|
|
51
|
-
QUARTER: "tide-radius-1/4"
|
|
52
|
-
},
|
|
53
|
-
SIDE: {
|
|
54
|
-
BOTTOM: {
|
|
55
|
-
ONE: "tide-border-bottom-1",
|
|
56
|
-
TWO: "tide-border-bottom-2"
|
|
57
|
-
},
|
|
58
|
-
FULL: {
|
|
59
|
-
ONE: "tide-border-1",
|
|
60
|
-
TWO: "tide-border-2"
|
|
61
|
-
},
|
|
62
|
-
LEFT: {
|
|
63
|
-
ONE: "tide-border-left-1",
|
|
64
|
-
TWO: "tide-border-left-2"
|
|
65
|
-
},
|
|
66
|
-
RIGHT: {
|
|
67
|
-
ONE: "tide-border-right-1",
|
|
68
|
-
TWO: "tide-border-right-2"
|
|
69
|
-
},
|
|
70
|
-
TOP: {
|
|
71
|
-
ONE: "tide-border-top-1",
|
|
72
|
-
TWO: "tide-border-top-2"
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
},
|
|
76
|
-
BOX_SIZING: {
|
|
77
|
-
BORDER_BOX: "tide-box-border",
|
|
78
|
-
CONTENT_BOX: "tide-box-content"
|
|
79
|
-
},
|
|
80
|
-
BREAK_WORD: {
|
|
81
|
-
ON: "tide-break-word"
|
|
82
|
-
},
|
|
83
|
-
CURSOR: {
|
|
84
|
-
NOT_ALLOWED: "tide-cursor-not-allowed",
|
|
85
|
-
POINTER: "tide-cursor-pointer",
|
|
86
|
-
TEXT: "tide-cursor-text"
|
|
87
|
-
},
|
|
88
|
-
DISPLAY: {
|
|
89
|
-
BLOCK: "tide-display-block",
|
|
90
|
-
CONTENTS: "tide-contents",
|
|
91
|
-
FLEX: "tide-display-flex",
|
|
92
|
-
GRID: "tide-display-grid",
|
|
93
|
-
INITIAL: "initial",
|
|
94
|
-
INLINE: "tide-display-inline",
|
|
95
|
-
INLINE_BLOCK: "tide-display-inline-block",
|
|
96
|
-
INLINE_FLEX: "tide-display-inline-flex",
|
|
97
|
-
NONE: "tide-display-none"
|
|
98
|
-
},
|
|
99
|
-
FLEX: {
|
|
100
|
-
DIRECTION: {
|
|
101
|
-
COLUMN: "tide-flex-column",
|
|
102
|
-
COLUMN_REVERSE: "tide-flex-column-reverse",
|
|
103
|
-
ROW: "tide-flex-row",
|
|
104
|
-
ROW_REVERSE: "tide-row-reverse"
|
|
105
|
-
},
|
|
106
|
-
GROW: {
|
|
107
|
-
OFF: "tide-grow-none",
|
|
108
|
-
ON: "tide-grow"
|
|
109
|
-
},
|
|
110
|
-
SHRINK: {
|
|
111
|
-
OFF: "tide-shrink-none",
|
|
112
|
-
ON: "tide-shrink"
|
|
113
|
-
},
|
|
114
|
-
WRAP: "tide-flex-wrap"
|
|
115
|
-
},
|
|
116
|
-
FONT: {
|
|
117
|
-
COLOR: {
|
|
118
|
-
PRIMARY: "tide-font-on-primary",
|
|
119
|
-
SECONDARY: "tide-font-on-secondary",
|
|
120
|
-
SURFACE: {
|
|
121
|
-
BRAND: "tide-font-on-surface-brand",
|
|
122
|
-
DEFAULT: "tide-font-on-surface",
|
|
123
|
-
INVERSE: "tide-font-on-surface-inverse",
|
|
124
|
-
VARIANT: "tide-font-on-surface-variant",
|
|
125
|
-
VARIANT_INVERSE: "tide-font-on-surface-variant-inverse"
|
|
126
|
-
}
|
|
127
|
-
},
|
|
128
|
-
SIZE: {
|
|
129
|
-
FOURTEEN: "tide-font-14",
|
|
130
|
-
SIXTEEN: "tide-font-16",
|
|
131
|
-
THIRTY_TWO: "tide-font-32",
|
|
132
|
-
TWELVE: "tide-font-12",
|
|
133
|
-
TWENTY: "tide-font-20",
|
|
134
|
-
TWENTY_FOUR: "tide-font-24"
|
|
135
|
-
},
|
|
136
|
-
WEIGHT: {
|
|
137
|
-
FIVE_HUNDRED: "tide-font-500",
|
|
138
|
-
FOUR_HUNDRED: "tide-font-400",
|
|
139
|
-
SEVEN_HUNDRED: "tide-font-700",
|
|
140
|
-
SIX_HUNDRED: "tide-font-600"
|
|
141
|
-
}
|
|
142
|
-
},
|
|
143
|
-
GAP: {
|
|
144
|
-
FOUR: "tide-gap-4",
|
|
145
|
-
HALF: "tide-gap-1/2",
|
|
146
|
-
ONE: "tide-gap-1",
|
|
147
|
-
QUARTER: "tide-gap-1/4",
|
|
148
|
-
TWO: "tide-gap-2"
|
|
149
|
-
},
|
|
150
|
-
HEIGHT: {
|
|
151
|
-
FULL: "tide-height-full"
|
|
152
|
-
},
|
|
153
|
-
LIST_BULLETS: {
|
|
154
|
-
OFF: "tide-list-none"
|
|
155
|
-
},
|
|
156
|
-
MARGIN: {
|
|
157
|
-
BOTTOM: {
|
|
158
|
-
FOUR: "tide-margin-bottom-4",
|
|
159
|
-
HALF: "tide-margin-bottom-1/2",
|
|
160
|
-
ONE: "tide-margin-bottom-1",
|
|
161
|
-
QUARTER: "tide-margin-bottom-1/4",
|
|
162
|
-
TWO: "tide-margin-bottom-2"
|
|
163
|
-
},
|
|
164
|
-
FULL: {
|
|
165
|
-
FOUR: "tide-margin-4",
|
|
166
|
-
HALF: "tide-margin-1/2",
|
|
167
|
-
ONE: "tide-margin-1",
|
|
168
|
-
QUARTER: "tide-margin-1/4",
|
|
169
|
-
TWO: "tide-margin-2"
|
|
170
|
-
},
|
|
171
|
-
LEFT: {
|
|
172
|
-
AUTO: "tide-margin-left-auto",
|
|
173
|
-
FOUR: "tide-margin-left-4",
|
|
174
|
-
HALF: "tide-margin-left-1/2",
|
|
175
|
-
ONE: "tide-margin-left-1",
|
|
176
|
-
QUARTER: "tide-margin-left-1/4",
|
|
177
|
-
TWO: "tide-margin-left-2"
|
|
178
|
-
},
|
|
179
|
-
RIGHT: {
|
|
180
|
-
AUTO: "tide-margin-right-auto",
|
|
181
|
-
FOUR: "tide-margin-right-4",
|
|
182
|
-
HALF: "tide-margin-right-1/2",
|
|
183
|
-
ONE: "tide-margin-right-1",
|
|
184
|
-
QUARTER: "tide-margin-right-1/4",
|
|
185
|
-
TWO: "tide-margin-right-2"
|
|
186
|
-
},
|
|
187
|
-
TOP: {
|
|
188
|
-
FOUR: "tide-margin-top-4",
|
|
189
|
-
HALF: "tide-margin-top-1/2",
|
|
190
|
-
ONE: "tide-margin-top-1",
|
|
191
|
-
QUARTER: "tide-margin-top-1/4",
|
|
192
|
-
TWO: "tide-margin-top-2"
|
|
193
|
-
},
|
|
194
|
-
X: {
|
|
195
|
-
AUTO: "tide-margin-x-auto",
|
|
196
|
-
FOUR: "tide-margin-x-4",
|
|
197
|
-
HALF: "tide-margin-x-1/2",
|
|
198
|
-
ONE: "tide-margin-x-1",
|
|
199
|
-
QUARTER: "tide-margin-x-1/4",
|
|
200
|
-
TWO: "tide-margin-x-2"
|
|
201
|
-
},
|
|
202
|
-
Y: {
|
|
203
|
-
FOUR: "tide-margin-y-4",
|
|
204
|
-
HALF: "tide-margin-y-1/2",
|
|
205
|
-
ONE: "tide-margin-y-1",
|
|
206
|
-
QUARTER: "tide-margin-y-1/4",
|
|
207
|
-
TWO: "tide-margin-y-2"
|
|
208
|
-
}
|
|
209
|
-
},
|
|
210
|
-
OBJECT: {
|
|
211
|
-
CENTER: "tide-object-center",
|
|
212
|
-
CONTAIN: "tide-object-contain",
|
|
213
|
-
COVER: "tide-object-cover",
|
|
214
|
-
SCALE_DOWN: "tide-object-scale-down"
|
|
215
|
-
},
|
|
216
|
-
OVERFLOW: {
|
|
217
|
-
X: {
|
|
218
|
-
AUTO: "tide-x-auto",
|
|
219
|
-
HIDDEN: "tide-x-hidden",
|
|
220
|
-
SCROLL: "tide-x-scroll"
|
|
221
|
-
},
|
|
222
|
-
XY: {
|
|
223
|
-
AUTO: "tide-xy-auto",
|
|
224
|
-
HIDDEN: "tide-xy-hidden"
|
|
225
|
-
},
|
|
226
|
-
Y: {
|
|
227
|
-
AUTO: "tide-y-auto",
|
|
228
|
-
HIDDEN: "tide-y-hidden"
|
|
229
|
-
}
|
|
230
|
-
},
|
|
231
|
-
PADDING: {
|
|
232
|
-
BOTTOM: {
|
|
233
|
-
FOUR: "tide-padding-bottom-4",
|
|
234
|
-
HALF: "tide-padding-bottom-1/2",
|
|
235
|
-
ONE: "tide-padding-bottom-1",
|
|
236
|
-
QUARTER: "tide-padding-bottom-1/4",
|
|
237
|
-
TWO: "tide-padding-bottom-2"
|
|
238
|
-
},
|
|
239
|
-
FULL: {
|
|
240
|
-
FOUR: "tide-padding-4",
|
|
241
|
-
HALF: "tide-padding-1/2",
|
|
242
|
-
ONE: "tide-padding-1",
|
|
243
|
-
QUARTER: "tide-padding-1/4",
|
|
244
|
-
TWO: "tide-padding-2"
|
|
245
|
-
},
|
|
246
|
-
LEFT: {
|
|
247
|
-
FOUR: "tide-padding-left-4",
|
|
248
|
-
HALF: "tide-padding-left-1/2",
|
|
249
|
-
ONE: "tide-padding-left-1",
|
|
250
|
-
QUARTER: "tide-padding-left-1/4",
|
|
251
|
-
TWO: "tide-padding-left-2"
|
|
252
|
-
},
|
|
253
|
-
RIGHT: {
|
|
254
|
-
FOUR: "tide-padding-right-4",
|
|
255
|
-
HALF: "tide-padding-right-1/2",
|
|
256
|
-
ONE: "tide-padding-right-1",
|
|
257
|
-
QUARTER: "tide-padding-right-1/4",
|
|
258
|
-
TWO: "tide-padding-right-2"
|
|
259
|
-
},
|
|
260
|
-
TOP: {
|
|
261
|
-
FOUR: "tide-padding-top-4",
|
|
262
|
-
HALF: "tide-padding-top-1/2",
|
|
263
|
-
ONE: "tide-padding-top-1",
|
|
264
|
-
QUARTER: "tide-padding-top-1/4",
|
|
265
|
-
TWO: "tide-padding-top-2"
|
|
266
|
-
},
|
|
267
|
-
X: {
|
|
268
|
-
FOUR: "tide-padding-x-4",
|
|
269
|
-
HALF: "tide-padding-x-1/2",
|
|
270
|
-
ONE: "tide-padding-x-1",
|
|
271
|
-
QUARTER: "tide-padding-x-1/4",
|
|
272
|
-
TWO: "tide-padding-x-2"
|
|
273
|
-
},
|
|
274
|
-
Y: {
|
|
275
|
-
FOUR: "tide-padding-y-4",
|
|
276
|
-
HALF: "tide-padding-y-1/2",
|
|
277
|
-
ONE: "tide-padding-y-1",
|
|
278
|
-
QUARTER: "tide-padding-y-1/4",
|
|
279
|
-
TWO: "tide-padding-y-2"
|
|
280
|
-
}
|
|
281
|
-
},
|
|
282
|
-
POINTER_EVENTS: {
|
|
283
|
-
OFF: "tide-pointer-events-none",
|
|
284
|
-
ON: "tide-pointer-events"
|
|
285
|
-
},
|
|
286
|
-
POSITION: {
|
|
287
|
-
ABSOLUTE: "tide-position-absolute",
|
|
288
|
-
FIXED: "tide-position-fixed",
|
|
289
|
-
RELATIVE: "tide-position-relative",
|
|
290
|
-
STICKY: "tide-sticky"
|
|
291
|
-
},
|
|
292
|
-
POSITIONING: {
|
|
293
|
-
BOTTOM_0: "tide-bottom-0",
|
|
294
|
-
LEFT_0: "tide-left-0",
|
|
295
|
-
RIGHT_0: "tide-right-0",
|
|
296
|
-
TOP_0: "tide-top-0"
|
|
297
|
-
},
|
|
298
|
-
SCROLLBAR: {
|
|
299
|
-
OFF: "tide-scrollbar-none"
|
|
300
|
-
},
|
|
301
|
-
SHADOW: {
|
|
302
|
-
BOTTOM: "tide-shadow-bottom",
|
|
303
|
-
TOP: "tide-shadow-top"
|
|
304
|
-
},
|
|
305
|
-
SNAP: {
|
|
306
|
-
ON: "tide-snap"
|
|
307
|
-
},
|
|
308
|
-
SNAP_ALIGN: {
|
|
309
|
-
START: "tide-snap-start"
|
|
310
|
-
},
|
|
311
|
-
TEXT_TRANSFORM: {
|
|
312
|
-
LOWER: "tide-text-transform-lower",
|
|
313
|
-
NONE: "tide-text-transform-none",
|
|
314
|
-
UPPER: "tide-text-transform-upper"
|
|
315
|
-
},
|
|
316
|
-
UNDERLINE: {
|
|
317
|
-
HOVER: "tide-underline-hover",
|
|
318
|
-
OFF: "tide-underline-none",
|
|
319
|
-
ON: "tide-underline"
|
|
320
|
-
},
|
|
321
|
-
VISIBILITY: {
|
|
322
|
-
OFF: "tide-visible-none",
|
|
323
|
-
ON: "tide-visible"
|
|
324
|
-
},
|
|
325
|
-
WHITESPACE_WRAP: {
|
|
326
|
-
OFF: "tide-whitespace-nowrap"
|
|
327
|
-
},
|
|
328
|
-
WIDTH: {
|
|
329
|
-
FULL: "tide-width-full",
|
|
330
|
-
MAX_FULL: "tide-max-width-full"
|
|
331
|
-
}
|
|
332
|
-
};
|
|
333
|
-
e.DISPLAY.BLOCK, e.DISPLAY.CONTENTS, e.DISPLAY.FLEX, e.DISPLAY.GRID, e.DISPLAY.NONE, e.DISPLAY.INITIAL, e.DISPLAY.INLINE, e.DISPLAY.INLINE_BLOCK, e.DISPLAY.INLINE_FLEX, e.AXIS1.AROUND, e.AXIS1.BETWEEN, e.AXIS1.CENTER, e.AXIS1.END, e.AXIS1.START, e.AXIS2.AROUND, e.AXIS2.CENTER, e.AXIS2.END, e.AXIS2.START, e.FLEX.DIRECTION.COLUMN, e.FLEX.DIRECTION.COLUMN_REVERSE, e.FLEX.DIRECTION.ROW, e.FLEX.DIRECTION.ROW_REVERSE, e.GAP.ONE, e.GAP.HALF, e.GAP.QUARTER, e.GAP.TWO, e.GAP.FOUR, e.FLEX.GROW.ON, e.FLEX.GROW.OFF, e.FLEX.SHRINK.ON, e.FLEX.SHRINK.OFF, e.FLEX.WRAP, e.POSITION.ABSOLUTE, e.POSITION.FIXED, e.POSITION.RELATIVE, e.POSITION.STICKY, e.POSITIONING.TOP_0, e.POSITIONING.RIGHT_0, e.POSITIONING.BOTTOM_0, e.POSITIONING.LEFT_0, e.BOX_SIZING.BORDER_BOX, e.BOX_SIZING.CONTENT_BOX, e.MARGIN.FULL.ONE, e.MARGIN.FULL.HALF, e.MARGIN.FULL.QUARTER, e.MARGIN.FULL.TWO, e.MARGIN.FULL.FOUR, e.MARGIN.Y.ONE, e.MARGIN.Y.HALF, e.MARGIN.Y.QUARTER, e.MARGIN.Y.TWO, e.MARGIN.Y.FOUR, e.MARGIN.TOP.ONE, e.MARGIN.TOP.HALF, e.MARGIN.TOP.QUARTER, e.MARGIN.TOP.TWO, e.MARGIN.TOP.FOUR, e.MARGIN.X.ONE, e.MARGIN.X.HALF, e.MARGIN.X.QUARTER, e.MARGIN.X.TWO, e.MARGIN.X.FOUR, e.MARGIN.X.AUTO, e.MARGIN.RIGHT.ONE, e.MARGIN.RIGHT.HALF, e.MARGIN.RIGHT.QUARTER, e.MARGIN.RIGHT.TWO, e.MARGIN.RIGHT.FOUR, e.MARGIN.RIGHT.AUTO, e.MARGIN.BOTTOM.ONE, e.MARGIN.BOTTOM.HALF, e.MARGIN.BOTTOM.QUARTER, e.MARGIN.BOTTOM.TWO, e.MARGIN.BOTTOM.FOUR, e.MARGIN.LEFT.ONE, e.MARGIN.LEFT.HALF, e.MARGIN.LEFT.QUARTER, e.MARGIN.LEFT.TWO, e.MARGIN.LEFT.FOUR, e.MARGIN.LEFT.AUTO, e.BORDER.SIDE.FULL.ONE, e.BORDER.SIDE.FULL.TWO, e.BORDER.SIDE.TOP.ONE, e.BORDER.SIDE.TOP.TWO, e.BORDER.SIDE.RIGHT.ONE, e.BORDER.SIDE.RIGHT.TWO, e.BORDER.SIDE.BOTTOM.ONE, e.BORDER.SIDE.BOTTOM.TWO, e.BORDER.SIDE.LEFT.ONE, e.BORDER.SIDE.LEFT.TWO, e.BORDER.RADIUS.ONE, e.BORDER.RADIUS.HALF, e.BORDER.RADIUS.QUARTER, e.BORDER.RADIUS.FULL, e.PADDING.FULL.ONE, e.PADDING.FULL.HALF, e.PADDING.FULL.QUARTER, e.PADDING.FULL.TWO, e.PADDING.FULL.FOUR, e.PADDING.Y.ONE, e.PADDING.Y.HALF, e.PADDING.Y.QUARTER, e.PADDING.Y.TWO, e.PADDING.Y.FOUR, e.PADDING.TOP.ONE, e.PADDING.TOP.HALF, e.PADDING.TOP.QUARTER, e.PADDING.TOP.TWO, e.PADDING.TOP.FOUR, e.PADDING.X.ONE, e.PADDING.X.HALF, e.PADDING.X.QUARTER, e.PADDING.X.TWO, e.PADDING.X.FOUR, e.PADDING.RIGHT.ONE, e.PADDING.RIGHT.HALF, e.PADDING.RIGHT.QUARTER, e.PADDING.RIGHT.TWO, e.PADDING.RIGHT.FOUR, e.PADDING.BOTTOM.ONE, e.PADDING.BOTTOM.HALF, e.PADDING.BOTTOM.QUARTER, e.PADDING.BOTTOM.TWO, e.PADDING.BOTTOM.FOUR, e.PADDING.LEFT.ONE, e.PADDING.LEFT.HALF, e.PADDING.LEFT.QUARTER, e.PADDING.LEFT.TWO, e.PADDING.LEFT.FOUR, e.WIDTH.MAX_FULL, e.WIDTH.FULL, e.HEIGHT.FULL, e.ALIGN.Y.MIDDLE, e.BREAK_WORD, e.CURSOR.NOT_ALLOWED, e.CURSOR.POINTER, e.FONT.SIZE.TWELVE, e.FONT.SIZE.FOURTEEN, e.FONT.SIZE.SIXTEEN, e.FONT.SIZE.TWENTY, e.FONT.SIZE.TWENTY_FOUR, e.FONT.SIZE.THIRTY_TWO, e.FONT.WEIGHT.FOUR_HUNDRED, e.FONT.WEIGHT.FIVE_HUNDRED, e.FONT.WEIGHT.SIX_HUNDRED, e.FONT.WEIGHT.SEVEN_HUNDRED, e.LIST_BULLETS.OFF, e.OBJECT.CENTER, e.OBJECT.CONTAIN, e.OBJECT.COVER, e.OBJECT.SCALE_DOWN, e.POINTER_EVENTS.ON, e.POINTER_EVENTS.OFF, e.SCROLLBAR.OFF, e.SHADOW.BOTTOM, e.SHADOW.TOP, e.SNAP.ON, e.SNAP_ALIGN.START, e.ALIGN.X.LEFT, e.ALIGN.X.CENTER, e.ALIGN.X.RIGHT, e.TEXT_TRANSFORM.LOWER, e.TEXT_TRANSFORM.NONE, e.TEXT_TRANSFORM.UPPER, e.UNDERLINE, e.UNDERLINE.HOVER, e.UNDERLINE.OFF, e.VISIBILITY.ON, e.VISIBILITY.OFF, e.WHITESPACE_WRAP.OFF, e.OVERFLOW.XY.AUTO, e.OVERFLOW.XY.HIDDEN, e.OVERFLOW.X.AUTO, e.OVERFLOW.X.HIDDEN, e.OVERFLOW.X.SCROLL, e.OVERFLOW.Y.AUTO, e.OVERFLOW.Y.HIDDEN;
|
|
334
|
-
const de = {
|
|
335
|
-
__name: "TideDivider",
|
|
336
|
-
setup(a) {
|
|
337
|
-
return (s, o) => (l(), d("div", {
|
|
338
|
-
class: i([t(e).BORDER.COLOR.LOW, t(e).MARGIN.Y.HALF, t(e).BORDER.BOTTOM.ONE])
|
|
339
|
-
}, null, 2));
|
|
340
|
-
}
|
|
341
|
-
}, Re = (a, s) => {
|
|
342
|
-
const o = a[s];
|
|
343
|
-
return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((n, r) => {
|
|
344
|
-
(typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(r.bind(null, new Error("Unknown variable dynamic import: " + s)));
|
|
345
|
-
});
|
|
346
|
-
}, b = {
|
|
347
|
-
LARGE: "large",
|
|
348
|
-
SMALL: "small"
|
|
349
|
-
}, Oe = (a) => a && typeof a == "string" ? a.replace(/([a-z]{1})([A-Z]{1})/g, "$1 $2").replace(/[\s_-]/g, " ").toLowerCase().split(" ").map((s) => s.slice(0, 1).toUpperCase() + s.slice(1)).join("") : a, fe = ["data-icon"], Ue = /* @__PURE__ */ N({
|
|
350
|
-
__name: "TideIcon",
|
|
351
|
-
props: {
|
|
352
|
-
icon: {},
|
|
353
|
-
size: { default: b.SMALL }
|
|
354
|
-
},
|
|
355
|
-
setup(a) {
|
|
356
|
-
const s = a, o = v();
|
|
357
|
-
return w(
|
|
358
|
-
() => s.icon,
|
|
359
|
-
() => {
|
|
360
|
-
const n = s.icon, r = Oe(n), E = Ee(() => Re(/* @__PURE__ */ Object.assign({ "../assets/svg/icons/IconAccountBalance.vue": () => import("./IconAccountBalance-0c552905.js"), "../assets/svg/icons/IconAdd.vue": () => import("./IconAdd-50766b43.js"), "../assets/svg/icons/IconAi.vue": () => import("./IconAi-3f1ad2fe.js"), "../assets/svg/icons/IconAlignSpace.vue": () => import("./IconAlignSpace-804660fd.js"), "../assets/svg/icons/IconApplePay.vue": () => import("./IconApplePay-75b9850c.js"), "../assets/svg/icons/IconArrowBack.vue": () => import("./IconArrowBack-3bde832a.js"), "../assets/svg/icons/IconArrowForward.vue": () => import("./IconArrowForward-0582323f.js"), "../assets/svg/icons/IconArrowRight.vue": () => import("./IconArrowRight-c37875ce.js"), "../assets/svg/icons/IconAssignment.vue": () => import("./IconAssignment-b9549d2c.js"), "../assets/svg/icons/IconAwardStar.vue": () => import("./IconAwardStar-a1b0a840.js"), "../assets/svg/icons/IconBookmark.vue": () => import("./IconBookmark-26e82ff4.js"), "../assets/svg/icons/IconCalendarMonth.vue": () => import("./IconCalendarMonth-55806114.js"), "../assets/svg/icons/IconCall.vue": () => import("./IconCall-dfc29049.js"), "../assets/svg/icons/IconCheck.vue": () => import("./IconCheck-1d4a84f9.js"), "../assets/svg/icons/IconChevronLeft.vue": () => import("./IconChevronLeft-8a9307a6.js"), "../assets/svg/icons/IconChevronRight.vue": () => import("./IconChevronRight-46940da9.js"), "../assets/svg/icons/IconClear.vue": () => import("./IconClear-1dc6a4df.js"), "../assets/svg/icons/IconClose.vue": () => import("./IconClose-93976f13.js"), "../assets/svg/icons/IconCycle.vue": () => import("./IconCycle-b8bc8146.js"), "../assets/svg/icons/IconDelete.vue": () => import("./IconDelete-2970a09b.js"), "../assets/svg/icons/IconDiamond.vue": () => import("./IconDiamond-ba4bae95.js"), "../assets/svg/icons/IconEdit.vue": () => import("./IconEdit-3612d58e.js"), "../assets/svg/icons/IconError.vue": () => import("./IconError-643df67d.js"), "../assets/svg/icons/IconExpandContent.vue": () => import("./IconExpandContent-71109869.js"), "../assets/svg/icons/IconExpandLess.vue": () => import("./IconExpandLess-9c6c12b6.js"), "../assets/svg/icons/IconExpandMore.vue": () => import("./IconExpandMore-fcd92910.js"), "../assets/svg/icons/IconFacebook.vue": () => import("./IconFacebook-b0d62bbb.js"), "../assets/svg/icons/IconFavorite.vue": () => import("./IconFavorite-d59dfc0b.js"), "../assets/svg/icons/IconFavoriteFilled.vue": () => import("./IconFavoriteFilled-fd2c5862.js"), "../assets/svg/icons/IconFormatBold.vue": () => import("./IconFormatBold-6f1aa639.js"), "../assets/svg/icons/IconFormatItalic.vue": () => import("./IconFormatItalic-a82848b2.js"), "../assets/svg/icons/IconFormatListBulleted.vue": () => import("./IconFormatListBulleted-4f4a0a99.js"), "../assets/svg/icons/IconForum.vue": () => import("./IconForum-194dedbd.js"), "../assets/svg/icons/IconGoogle.vue": () => import("./IconGoogle-46e6c4f1.js"), "../assets/svg/icons/IconGooglePay.vue": () => import("./IconGooglePay-090b70a8.js"), "../assets/svg/icons/IconGrid.vue": () => import("./IconGrid-0f7c079c.js"), "../assets/svg/icons/IconHelp.vue": () => import("./IconHelp-e91f36a5.js"), "../assets/svg/icons/IconInfo.vue": () => import("./IconInfo-df1f06a5.js"), "../assets/svg/icons/IconInsertText.vue": () => import("./IconInsertText-e371c1cd.js"), "../assets/svg/icons/IconInstagram.vue": () => import("./IconInstagram-af4ea628.js"), "../assets/svg/icons/IconIosShare.vue": () => import("./IconIosShare-7253c1df.js"), "../assets/svg/icons/IconLayout.vue": () => import("./IconLayout-225d9fb6.js"), "../assets/svg/icons/IconLinkedIn.vue": () => import("./IconLinkedIn-ab7e007c.js"), "../assets/svg/icons/IconLocalShipping.vue": () => import("./IconLocalShipping-2c8ac96c.js"), "../assets/svg/icons/IconLock.vue": () => import("./IconLock-b4e1bd5d.js"), "../assets/svg/icons/IconMail.vue": () => import("./IconMail-50eca4b4.js"), "../assets/svg/icons/IconMenu.vue": () => import("./IconMenu-7789a1f9.js"), "../assets/svg/icons/IconMoreHoriz.vue": () => import("./IconMoreHoriz-35960212.js"), "../assets/svg/icons/IconNotifications.vue": () => import("./IconNotifications-a6690c77.js"), "../assets/svg/icons/IconOpenInNew.vue": () => import("./IconOpenInNew-8b812d7f.js"), "../assets/svg/icons/IconPalette.vue": () => import("./IconPalette-18b6e766.js"), "../assets/svg/icons/IconPaypal.vue": () => import("./IconPaypal-75ff8ed5.js"), "../assets/svg/icons/IconPerson.vue": () => import("./IconPerson-3c8a4c27.js"), "../assets/svg/icons/IconPhotoCamera.vue": () => import("./IconPhotoCamera-0fbb9344.js"), "../assets/svg/icons/IconPinterest.vue": () => import("./IconPinterest-28ae7c92.js"), "../assets/svg/icons/IconPlayArrow.vue": () => import("./IconPlayArrow-6d779a71.js"), "../assets/svg/icons/IconRemove.vue": () => import("./IconRemove-1f655305.js"), "../assets/svg/icons/IconRoundedCorners.vue": () => import("./IconRoundedCorners-1f9eba28.js"), "../assets/svg/icons/IconSearch.vue": () => import("./IconSearch-c6843cf3.js"), "../assets/svg/icons/IconSell.vue": () => import("./IconSell-c7818ac8.js"), "../assets/svg/icons/IconShare.vue": () => import("./IconShare-b81bc4cd.js"), "../assets/svg/icons/IconShoppingCart.vue": () => import("./IconShoppingCart-b6cc2022.js"), "../assets/svg/icons/IconSms.vue": () => import("./IconSms-dc4c1454.js"), "../assets/svg/icons/IconStar.vue": () => import("./IconStar-c4305bd6.js"), "../assets/svg/icons/IconSwapVert.vue": () => import("./IconSwapVert-00e66af6.js"), "../assets/svg/icons/IconThreeDRotation.vue": () => import("./IconThreeDRotation-b19a9312.js"), "../assets/svg/icons/IconTune.vue": () => import("./IconTune-dee47734.js"), "../assets/svg/icons/IconTwitter.vue": () => import("./IconTwitter-2ab4e06b.js"), "../assets/svg/icons/IconVideocam.vue": () => import("./IconVideocam-0d0142aa.js"), "../assets/svg/icons/IconViewInAr.vue": () => import("./IconViewInAr-7cd92579.js"), "../assets/svg/icons/IconVisibility.vue": () => import("./IconVisibility-84655778.js"), "../assets/svg/icons/IconWarning.vue": () => import("./IconWarning-cab4938a.js"), "../assets/svg/icons/IconYoutube.vue": () => import("./IconYoutube-ab7e33d3.js") }), `../assets/svg/icons/Icon${r}.vue`));
|
|
361
|
-
o.value = Ie(E);
|
|
362
|
-
},
|
|
363
|
-
{ immediate: !0 }
|
|
364
|
-
), (n, r) => (l(), d("div", {
|
|
365
|
-
class: i(["tide-icon", s.size])
|
|
366
|
-
}, [
|
|
367
|
-
(l(), d("svg", {
|
|
368
|
-
class: i([t(e).DISPLAY.BLOCK]),
|
|
369
|
-
"data-icon": n.icon,
|
|
370
|
-
fill: "currentColor",
|
|
371
|
-
viewBox: "0 0 24 24",
|
|
372
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
373
|
-
}, [
|
|
374
|
-
o.value ? (l(), S(K(o.value), { key: 0 })) : A("", !0)
|
|
375
|
-
], 10, fe))
|
|
376
|
-
], 2));
|
|
377
|
-
}
|
|
378
|
-
});
|
|
379
|
-
const f = (a, s) => {
|
|
380
|
-
const o = a.__vccOpts || a;
|
|
381
|
-
for (const [n, r] of s)
|
|
382
|
-
o[n] = r;
|
|
383
|
-
return o;
|
|
384
|
-
}, H = /* @__PURE__ */ f(Ue, [["__scopeId", "data-v-335984a7"]]), Ce = /* @__PURE__ */ N({
|
|
385
|
-
__name: "TideIndicator",
|
|
386
|
-
props: {
|
|
387
|
-
label: { default: void 0 }
|
|
388
|
-
},
|
|
389
|
-
setup(a) {
|
|
390
|
-
const s = a;
|
|
391
|
-
return (o, n) => (l(), d("div", {
|
|
392
|
-
class: i([
|
|
393
|
-
s.label ? "tide-indicator-label" : "tide-indicator",
|
|
394
|
-
"border-white",
|
|
395
|
-
t(e).BG.SURFACE.ACCENT,
|
|
396
|
-
t(e).BORDER.SIDE.FULL.ONE,
|
|
397
|
-
t(e).BORDER.RADIUS.FULL,
|
|
398
|
-
s.label ? [t(e).POSITION.RELATIVE, t(e).FONT.SIZE.TWELVE, t(e).FONT.WEIGHT.SEVEN_HUNDRED, t(e).FONT.COLOR.SURFACE] : []
|
|
399
|
-
])
|
|
400
|
-
}, [
|
|
401
|
-
s.label ? (l(), d("div", {
|
|
402
|
-
key: 0,
|
|
403
|
-
class: i([
|
|
404
|
-
t(e).POSITION.ABSOLUTE,
|
|
405
|
-
t(e).POSITIONING.TOP_0,
|
|
406
|
-
t(e).DISPLAY.FLEX,
|
|
407
|
-
t(e).AXIS1.CENTER,
|
|
408
|
-
t(e).AXIS2.CENTER,
|
|
409
|
-
t(e).WIDTH.FULL,
|
|
410
|
-
t(e).HEIGHT.FULL
|
|
411
|
-
])
|
|
412
|
-
}, O(s.label), 3)) : A("", !0)
|
|
413
|
-
], 2));
|
|
414
|
-
}
|
|
415
|
-
});
|
|
416
|
-
const Pe = /* @__PURE__ */ f(Ce, [["__scopeId", "data-v-612158ba"]]), _ = {
|
|
417
|
-
ACCOUNT_BALANCE: "account-balance",
|
|
418
|
-
ADD: "add",
|
|
419
|
-
AI: "ai",
|
|
420
|
-
ALIGN_SPACE: "align-space",
|
|
421
|
-
APPLE_PAY: "apple-pay",
|
|
422
|
-
ARROW_BACK: "arrow-back",
|
|
423
|
-
ARROW_FORWARD: "arrow-forward",
|
|
424
|
-
ARROW_RIGHT: "arrow-right",
|
|
425
|
-
ASSIGNMENT: "assignment",
|
|
426
|
-
AWARD_STAR: "award-star",
|
|
427
|
-
BOOKMARK: "bookmark",
|
|
428
|
-
CALENDAR_MONTH: "calendar-month",
|
|
429
|
-
CALL: "call",
|
|
430
|
-
CHECK: "check",
|
|
431
|
-
CHEVRON_LEFT: "chevron-left",
|
|
432
|
-
CHEVRON_RIGHT: "chevron-right",
|
|
433
|
-
CLEAR: "clear",
|
|
434
|
-
CLOSE: "close",
|
|
435
|
-
CYCLE: "cycle",
|
|
436
|
-
DELETE: "delete",
|
|
437
|
-
DIAMOND: "diamond",
|
|
438
|
-
EDIT: "edit",
|
|
439
|
-
ERROR: "error",
|
|
440
|
-
EXPAND_CONTENT: "expand-content",
|
|
441
|
-
EXPAND_LESS: "expand-less",
|
|
442
|
-
EXPAND_MORE: "expand-more",
|
|
443
|
-
FACEBOOK: "facebook",
|
|
444
|
-
FAVORITE: "favorite",
|
|
445
|
-
FAVORITE_FILLED: "favorite-filled",
|
|
446
|
-
FORMAT_BOLD: "format-bold",
|
|
447
|
-
FORMAT_ITALIC: "format-italic",
|
|
448
|
-
FORMAT_LIST_BULLETED: "format-list-bulleted",
|
|
449
|
-
FORUM: "forum",
|
|
450
|
-
GOOGLE: "google",
|
|
451
|
-
GOOGLE_PAY: "google-pay",
|
|
452
|
-
GRID: "grid",
|
|
453
|
-
HELP: "help",
|
|
454
|
-
INFO: "info",
|
|
455
|
-
INSERT_TEXT: "insert-text",
|
|
456
|
-
INSTAGRAM: "instagram",
|
|
457
|
-
IOS_SHARE: "ios-share",
|
|
458
|
-
LAYOUT: "layout",
|
|
459
|
-
LINKED_IN: "linked in",
|
|
460
|
-
LOCAL_SHIPPING: "local-shipping",
|
|
461
|
-
LOCK: "lock",
|
|
462
|
-
MAIL: "mail",
|
|
463
|
-
MENU: "menu",
|
|
464
|
-
MORE_HORIZ: "more-horiz",
|
|
465
|
-
NOTIFICATIONS: "notifications",
|
|
466
|
-
OPEN_IN_NEW: "open-in-new",
|
|
467
|
-
PALETTE: "palette",
|
|
468
|
-
PAYPAL: "paypal",
|
|
469
|
-
PERSON: "person",
|
|
470
|
-
PHOTO_CAMERA: "photo-camera",
|
|
471
|
-
PINTEREST: "pinterest",
|
|
472
|
-
PLAY_ARROW: "play-arrow",
|
|
473
|
-
REMOVE: "remove",
|
|
474
|
-
ROUNDED_CORNERS: "rounded-corners",
|
|
475
|
-
SEARCH: "search",
|
|
476
|
-
SELL: "sell",
|
|
477
|
-
SHARE: "share",
|
|
478
|
-
SHOPPING_CART: "shopping-cart",
|
|
479
|
-
SMS: "sms",
|
|
480
|
-
STAR: "star",
|
|
481
|
-
SWAP_VERT: "swap-vert",
|
|
482
|
-
THREE_D_ROTATION: "three-d-rotation",
|
|
483
|
-
TUNE: "tune",
|
|
484
|
-
TWITTER: "twitter",
|
|
485
|
-
VIDEOCAM: "videocam",
|
|
486
|
-
VIEW_IN_AR: "view-in-ar",
|
|
487
|
-
VISIBILITY: "visibility",
|
|
488
|
-
WARNING: "warning",
|
|
489
|
-
YOUTUBE: "youtube"
|
|
490
|
-
}, Ge = { class: "tide-accordion-item" }, he = /* @__PURE__ */ N({
|
|
491
|
-
__name: "TideAccordionItem",
|
|
492
|
-
props: {
|
|
493
|
-
hasBottomDivider: {
|
|
494
|
-
default: !1,
|
|
495
|
-
required: !1,
|
|
496
|
-
type: Boolean
|
|
497
|
-
},
|
|
498
|
-
hasTopDivider: {
|
|
499
|
-
default: !1,
|
|
500
|
-
required: !1,
|
|
501
|
-
type: Boolean
|
|
502
|
-
},
|
|
503
|
-
isActive: {
|
|
504
|
-
default: !1,
|
|
505
|
-
required: !1,
|
|
506
|
-
type: Boolean
|
|
507
|
-
},
|
|
508
|
-
isExpandedInitial: {
|
|
509
|
-
default: !1,
|
|
510
|
-
required: !1,
|
|
511
|
-
type: Boolean
|
|
512
|
-
},
|
|
513
|
-
isOptional: {
|
|
514
|
-
default: !1,
|
|
515
|
-
required: !1,
|
|
516
|
-
type: Boolean
|
|
517
|
-
},
|
|
518
|
-
label: {
|
|
519
|
-
default: "",
|
|
520
|
-
required: !0,
|
|
521
|
-
type: String
|
|
522
|
-
}
|
|
523
|
-
},
|
|
524
|
-
setup(a) {
|
|
525
|
-
const s = a, o = v(s.isExpandedInitial);
|
|
526
|
-
let n = v();
|
|
527
|
-
const r = () => {
|
|
528
|
-
const E = n.value;
|
|
529
|
-
o.value = !o.value, E.style.gridTemplateRows = o.value ? "1fr" : "0fr";
|
|
530
|
-
};
|
|
531
|
-
return te(() => {
|
|
532
|
-
const E = n.value;
|
|
533
|
-
E.style.gridTemplateRows = o.value ? "1fr" : "0fr";
|
|
534
|
-
}), (E, R) => (l(), d("div", Ge, [
|
|
535
|
-
s.hasTopDivider ? (l(), S(de, { key: 0 })) : A("", !0),
|
|
536
|
-
c("div", {
|
|
537
|
-
class: i(["tide-accordion-head", t(e).DISPLAY.FLEX, t(e).AXIS1.BETWEEN, t(e).PADDING.Y.HALF, t(e).CURSOR.POINTER]),
|
|
538
|
-
onClick: r
|
|
539
|
-
}, [
|
|
540
|
-
c("div", {
|
|
541
|
-
class: i([t(e).DISPLAY.FLEX, t(e).AXIS2.CENTER, t(e).GAP.HALF, t(e).FONT.WEIGHT.SEVEN_HUNDRED])
|
|
542
|
-
}, [
|
|
543
|
-
c("span", null, O(s.label), 1),
|
|
544
|
-
s.isOptional ? (l(), d("span", {
|
|
545
|
-
key: 0,
|
|
546
|
-
class: i([t(e).FONT.COLOR.SURFACE.VARIANT])
|
|
547
|
-
}, " (optional) ", 2)) : A("", !0),
|
|
548
|
-
s.isActive ? (l(), S(Pe, { key: 1 })) : A("", !0)
|
|
549
|
-
], 2),
|
|
550
|
-
P(H, {
|
|
551
|
-
icon: o.value ? t(_).EXPAND_LESS : t(_).EXPAND_MORE
|
|
552
|
-
}, null, 8, ["icon"])
|
|
553
|
-
], 2),
|
|
554
|
-
c("div", {
|
|
555
|
-
class: i(["tide-accordion-body", t(e).DISPLAY.GRID]),
|
|
556
|
-
ref_key: "accordionBody",
|
|
557
|
-
ref: n
|
|
558
|
-
}, [
|
|
559
|
-
c("div", {
|
|
560
|
-
class: i([t(e).OVERFLOW.Y.HIDDEN])
|
|
561
|
-
}, [
|
|
562
|
-
c("div", {
|
|
563
|
-
class: i([t(e).MARGIN.Y.ONE, t(e).FONT.WEIGHT.FOUR_HUNDRED, t(e).FONT.COLOR.SURFACE])
|
|
564
|
-
}, [
|
|
565
|
-
B(E.$slots, "default", {}, void 0, !0)
|
|
566
|
-
], 2)
|
|
567
|
-
], 2)
|
|
568
|
-
], 2),
|
|
569
|
-
s.hasBottomDivider ? (l(), S(de, { key: 1 })) : A("", !0)
|
|
570
|
-
]));
|
|
571
|
-
}
|
|
572
|
-
});
|
|
573
|
-
const gt = /* @__PURE__ */ f(he, [["__scopeId", "data-v-46c5ffdb"]]), D = {
|
|
574
|
-
BUTTON: "button",
|
|
575
|
-
LINK: "a"
|
|
576
|
-
}, V = {
|
|
577
|
-
BUTTON: "button",
|
|
578
|
-
DIV: "div",
|
|
579
|
-
LINK: "a"
|
|
580
|
-
}, x = {
|
|
581
|
-
PRIMARY: "primary",
|
|
582
|
-
SECONDARY: "secondary",
|
|
583
|
-
TERTIARY: "tertiary",
|
|
584
|
-
QUATERNARY: "quaternary",
|
|
585
|
-
FLOATING: "floating"
|
|
586
|
-
}, X = {
|
|
587
|
-
BLANK: "_blank",
|
|
588
|
-
SELF: void 0
|
|
589
|
-
}, Z = /* @__PURE__ */ N({
|
|
590
|
-
__name: "TideButtonIcon",
|
|
591
|
-
props: {
|
|
592
|
-
disabled: { type: Boolean, default: !1 },
|
|
593
|
-
element: { default: D.BUTTON },
|
|
594
|
-
href: { default: void 0 },
|
|
595
|
-
icon: { default: void 0 },
|
|
596
|
-
isNewTab: { type: Boolean, default: !1 },
|
|
597
|
-
priority: { default: x.PRIMARY }
|
|
598
|
-
},
|
|
599
|
-
setup(a) {
|
|
600
|
-
const s = a;
|
|
601
|
-
return (o, n) => (l(), S(K(s.element === t(D).LINK ? "a" : "button"), {
|
|
602
|
-
class: i([
|
|
603
|
-
s.element === t(D).LINK ? "tide-link-as-button-icon" : "tide-button-icon",
|
|
604
|
-
s.priority && s.priority,
|
|
605
|
-
[t(e).DISPLAY.FLEX, t(e).AXIS1.CENTER, t(e).AXIS2.CENTER, t(e).BORDER.RADIUS.FULL, t(e).PADDING.FULL.HALF],
|
|
606
|
-
s.element === t(D).LINK ? [t(e).UNDERLINE.OFF] : ""
|
|
607
|
-
]),
|
|
608
|
-
disabled: s.element === t(D).BUTTON && s.disabled,
|
|
609
|
-
href: s.element === t(D).LINK && s.href ? s.href : void 0,
|
|
610
|
-
target: s.element === t(D).LINK && s.isNewTab ? t(X).BLANK : t(X).SELF
|
|
611
|
-
}, {
|
|
612
|
-
default: j(() => [
|
|
613
|
-
s.icon ? (l(), S(H, {
|
|
614
|
-
key: 0,
|
|
615
|
-
icon: s.icon,
|
|
616
|
-
size: t(b).LARGE
|
|
617
|
-
}, null, 8, ["icon", "size"])) : A("", !0)
|
|
618
|
-
]),
|
|
619
|
-
_: 1
|
|
620
|
-
}, 8, ["class", "disabled", "href", "target"]));
|
|
621
|
-
}
|
|
622
|
-
}), q = {
|
|
623
|
-
ERROR: "error",
|
|
624
|
-
INFO: "info",
|
|
625
|
-
SUCCESS: "success",
|
|
626
|
-
WARNING: "warning"
|
|
627
|
-
}, be = /* @__PURE__ */ N({
|
|
628
|
-
__name: "TideAlert",
|
|
629
|
-
props: {
|
|
630
|
-
heading: { default: void 0 },
|
|
631
|
-
isToast: { type: Boolean, default: !1 },
|
|
632
|
-
type: { default: q.INFO }
|
|
633
|
-
},
|
|
634
|
-
setup(a) {
|
|
635
|
-
const s = a, o = p(() => {
|
|
636
|
-
let n = _.VIEW_IN_AR;
|
|
637
|
-
switch (s.type) {
|
|
638
|
-
case q.ERROR:
|
|
639
|
-
n = _.ERROR;
|
|
640
|
-
break;
|
|
641
|
-
default:
|
|
642
|
-
case q.INFO:
|
|
643
|
-
n = _.INFO;
|
|
644
|
-
break;
|
|
645
|
-
case q.SUCCESS:
|
|
646
|
-
n = _.CHECK;
|
|
647
|
-
break;
|
|
648
|
-
case q.WARNING:
|
|
649
|
-
n = _.WARNING;
|
|
650
|
-
break;
|
|
651
|
-
}
|
|
652
|
-
return n;
|
|
653
|
-
});
|
|
654
|
-
return (n, r) => (l(), d("div", {
|
|
655
|
-
class: i([
|
|
656
|
-
s.type,
|
|
657
|
-
"tide-alert",
|
|
658
|
-
t(e).DISPLAY.GRID,
|
|
659
|
-
t(e).BORDER.RADIUS.HALF,
|
|
660
|
-
t(e).PADDING.FULL.ONE,
|
|
661
|
-
s.isToast ? t(e).SHADOW.BOTTOM : ""
|
|
662
|
-
])
|
|
663
|
-
}, [
|
|
664
|
-
c("div", {
|
|
665
|
-
class: i(["tide-alert-icon", t(e).DISPLAY.FLEX, t(e).AXIS2.CENTER])
|
|
666
|
-
}, [
|
|
667
|
-
P(H, {
|
|
668
|
-
class: i([s.type, t(e).BORDER.RADIUS.FULL, t(e).PADDING.FULL.HALF, t(e).FONT.COLOR.SURFACE.INVERSE]),
|
|
669
|
-
icon: o.value
|
|
670
|
-
}, null, 8, ["class", "icon"])
|
|
671
|
-
], 2),
|
|
672
|
-
c("div", {
|
|
673
|
-
class: i(["tide-alert-heading", t(e).DISPLAY.FLEX, t(e).AXIS2.CENTER])
|
|
674
|
-
}, [
|
|
675
|
-
c("h2", {
|
|
676
|
-
class: i([t(e).FONT.SIZE.SIXTEEN, t(e).FONT.WEIGHT.SIX_HUNDRED, t(e).FONT.COLOR.SURFACE])
|
|
677
|
-
}, O(s.heading), 3)
|
|
678
|
-
], 2),
|
|
679
|
-
P(Z, {
|
|
680
|
-
class: i(["tide-alert-close", t(e).AXIS2.CENTER, t(e).FONT.COLOR.SURFACE]),
|
|
681
|
-
icon: t(_).CLOSE,
|
|
682
|
-
priority: t(x).QUATERNARY
|
|
683
|
-
}, null, 8, ["class", "icon", "priority"]),
|
|
684
|
-
c("div", {
|
|
685
|
-
class: i(["tide-alert-body", t(e).FONT.WEIGHT.FIVE_HUNDRED, t(e).FONT.COLOR.SURFACE.VARIANT])
|
|
686
|
-
}, [
|
|
687
|
-
B(n.$slots, "default", {}, void 0, !0)
|
|
688
|
-
], 2)
|
|
689
|
-
], 2));
|
|
690
|
-
}
|
|
691
|
-
});
|
|
692
|
-
const ft = /* @__PURE__ */ f(be, [["__scopeId", "data-v-8d83b80b"]]), Ut = /* @__PURE__ */ N({
|
|
693
|
-
__name: "TideBadge",
|
|
694
|
-
props: {
|
|
695
|
-
label: {}
|
|
696
|
-
},
|
|
697
|
-
setup(a) {
|
|
698
|
-
const s = a;
|
|
699
|
-
return (o, n) => (l(), d("div", {
|
|
700
|
-
class: i([
|
|
701
|
-
"tide-badge",
|
|
702
|
-
t(e).FONT.COLOR.SURFACE,
|
|
703
|
-
t(e).BG.SURFACE.FLOATING,
|
|
704
|
-
t(e).DISPLAY.INLINE_FLEX,
|
|
705
|
-
t(e).GAP.QUARTER,
|
|
706
|
-
t(e).BORDER.RADIUS.QUARTER,
|
|
707
|
-
t(e).PADDING.Y.QUARTER,
|
|
708
|
-
t(e).PADDING.X.HALF,
|
|
709
|
-
t(e).FONT.SIZE.FOURTEEN
|
|
710
|
-
])
|
|
711
|
-
}, O(s.label), 3));
|
|
712
|
-
}
|
|
713
|
-
}), Ct = /* @__PURE__ */ N({
|
|
714
|
-
__name: "TideBadgeCounter",
|
|
715
|
-
props: {
|
|
716
|
-
slideCurrent: {},
|
|
717
|
-
slideTotal: {}
|
|
718
|
-
},
|
|
719
|
-
setup(a) {
|
|
720
|
-
const s = a;
|
|
721
|
-
return (o, n) => (l(), d("div", {
|
|
722
|
-
class: i([
|
|
723
|
-
"tide-badge",
|
|
724
|
-
t(e).FONT.COLOR.SURFACE,
|
|
725
|
-
t(e).BG.SURFACE.FLOATING,
|
|
726
|
-
t(e).DISPLAY.INLINE_FLEX,
|
|
727
|
-
t(e).GAP.QUARTER,
|
|
728
|
-
t(e).BORDER.RADIUS.QUARTER,
|
|
729
|
-
t(e).PADDING.Y.QUARTER,
|
|
730
|
-
t(e).PADDING.X.HALF,
|
|
731
|
-
t(e).FONT.SIZE.FOURTEEN
|
|
732
|
-
])
|
|
733
|
-
}, O(s.slideCurrent) + " / " + O(s.slideTotal), 3));
|
|
734
|
-
}
|
|
735
|
-
}), Pt = /* @__PURE__ */ N({
|
|
736
|
-
__name: "TideBadgeMisc",
|
|
737
|
-
props: {
|
|
738
|
-
label: {}
|
|
739
|
-
},
|
|
740
|
-
setup(a) {
|
|
741
|
-
const s = a;
|
|
742
|
-
return (o, n) => (l(), d("div", {
|
|
743
|
-
class: i([
|
|
744
|
-
"tide-badge",
|
|
745
|
-
t(e).FONT.COLOR.SURFACE,
|
|
746
|
-
t(e).BG.SURFACE.FLOATING,
|
|
747
|
-
t(e).DISPLAY.INLINE_FLEX,
|
|
748
|
-
t(e).AXIS2.CENTER,
|
|
749
|
-
t(e).GAP.QUARTER,
|
|
750
|
-
t(e).BORDER.RADIUS.QUARTER,
|
|
751
|
-
t(e).PADDING.Y.QUARTER,
|
|
752
|
-
t(e).PADDING.X.HALF,
|
|
753
|
-
t(e).FONT.SIZE.FOURTEEN
|
|
754
|
-
])
|
|
755
|
-
}, O(s.label), 3));
|
|
756
|
-
}
|
|
757
|
-
}), Gt = /* @__PURE__ */ N({
|
|
758
|
-
__name: "TideBadgePremium",
|
|
759
|
-
props: {
|
|
760
|
-
label: {}
|
|
761
|
-
},
|
|
762
|
-
setup(a) {
|
|
763
|
-
const s = a;
|
|
764
|
-
return (o, n) => (l(), d("div", {
|
|
765
|
-
class: i([
|
|
766
|
-
"tide-badge",
|
|
767
|
-
t(e).FONT.COLOR.SURFACE,
|
|
768
|
-
t(e).BG.SURFACE.VARIANT,
|
|
769
|
-
t(e).DISPLAY.INLINE_FLEX,
|
|
770
|
-
t(e).GAP.QUARTER,
|
|
771
|
-
t(e).BORDER.RADIUS.QUARTER,
|
|
772
|
-
t(e).PADDING.Y.QUARTER,
|
|
773
|
-
t(e).PADDING.X.HALF,
|
|
774
|
-
t(e).FONT.SIZE.TWELVE
|
|
775
|
-
])
|
|
776
|
-
}, O(s.label), 3));
|
|
777
|
-
}
|
|
778
|
-
}), ht = {
|
|
779
|
-
JUST_LISTED: "Just listed",
|
|
780
|
-
NATIONWIDE: "Nationwide",
|
|
781
|
-
REDUCED: "Reduced",
|
|
782
|
-
UPDATED: "Updated"
|
|
783
|
-
}, bt = {
|
|
784
|
-
PREMIUM: "Premium",
|
|
785
|
-
PREMIUM_SELECT: "Premium SELECT"
|
|
786
|
-
}, He = {
|
|
787
|
-
YEARS_10: "10",
|
|
788
|
-
YEARS_15: "15",
|
|
789
|
-
YEARS_5: "5"
|
|
790
|
-
}, ye = {
|
|
791
|
-
class: /* @__PURE__ */ i([])
|
|
792
|
-
}, Ht = /* @__PURE__ */ N({
|
|
793
|
-
__name: "TideBadgeTrustedPartner",
|
|
794
|
-
props: {
|
|
795
|
-
years: { default: He.YEARS_5 }
|
|
796
|
-
},
|
|
797
|
-
setup(a) {
|
|
798
|
-
const s = a;
|
|
799
|
-
return (o, n) => (l(), d("div", {
|
|
800
|
-
class: i([
|
|
801
|
-
"tide-badge-trusted-partner",
|
|
802
|
-
t(e).FONT.COLOR.SURFACE.BRAND,
|
|
803
|
-
t(e).DISPLAY.INLINE_FLEX,
|
|
804
|
-
t(e).GAP.QUARTER,
|
|
805
|
-
t(e).BORDER.RADIUS.QUARTER,
|
|
806
|
-
t(e).PADDING.Y.QUARTER,
|
|
807
|
-
t(e).PADDING.X.HALF,
|
|
808
|
-
t(e).FONT.SIZE.FOURTEEN
|
|
809
|
-
])
|
|
810
|
-
}, [
|
|
811
|
-
P(H, {
|
|
812
|
-
icon: t(_).VIEW_IN_AR
|
|
813
|
-
}, null, 8, ["icon"]),
|
|
814
|
-
c("div", ye, [
|
|
815
|
-
c("span", null, O(s.years) + " year trusted partner", 1)
|
|
816
|
-
])
|
|
817
|
-
], 2));
|
|
818
|
-
}
|
|
819
|
-
}), Be = ["data-track", "href"], Xe = ["data-track"], We = { key: 0 }, yt = /* @__PURE__ */ N({
|
|
820
|
-
__name: "TideBreadCrumbs",
|
|
821
|
-
props: {
|
|
822
|
-
breadCrumbs: {
|
|
823
|
-
default: void 0,
|
|
824
|
-
required: !0,
|
|
825
|
-
type: Object
|
|
826
|
-
}
|
|
827
|
-
},
|
|
828
|
-
setup(a) {
|
|
829
|
-
const s = a;
|
|
830
|
-
return (o, n) => (l(), d("ul", {
|
|
831
|
-
class: i(["tide-bread-crumbs", t(e).DISPLAY.FLEX, t(e).AXIS2.CENTER, t(e).GAP.QUARTER, t(e).LIST_BULLETS.OFF])
|
|
832
|
-
}, [
|
|
833
|
-
(l(!0), d(Q, null, J(s.breadCrumbs, (r, E) => (l(), d(Q, {
|
|
834
|
-
key: r.label
|
|
835
|
-
}, [
|
|
836
|
-
c("li", {
|
|
837
|
-
class: i([t(e).FONT.SIZE.FOURTEEN])
|
|
838
|
-
}, [
|
|
839
|
-
r.url ? (l(), d("a", {
|
|
840
|
-
key: 0,
|
|
841
|
-
class: i([t(e).FONT.WEIGHT.SEVEN_HUNDRED, t(e).FONT.COLOR.SURFACE]),
|
|
842
|
-
"data-track": r.dataTrack || void 0,
|
|
843
|
-
href: r.url
|
|
844
|
-
}, O(r.label), 11, Be)) : (l(), d("span", {
|
|
845
|
-
key: 1,
|
|
846
|
-
class: i([t(e).FONT.WEIGHT.FIVE_HUNDRED, t(e).FONT.COLOR.SURFACE.VARIANT]),
|
|
847
|
-
"data-track": r.dataTrack || void 0
|
|
848
|
-
}, O(r.label), 11, Xe))
|
|
849
|
-
], 2),
|
|
850
|
-
s.breadCrumbs && E < s.breadCrumbs.length - 1 ? (l(), d("li", We, [
|
|
851
|
-
P(H, {
|
|
852
|
-
icon: t(_).ARROW_RIGHT,
|
|
853
|
-
size: t(b).SMALL
|
|
854
|
-
}, null, 8, ["icon", "size"])
|
|
855
|
-
])) : A("", !0)
|
|
856
|
-
], 64))), 128))
|
|
857
|
-
], 2));
|
|
858
|
-
}
|
|
859
|
-
}), Bt = /* @__PURE__ */ N({
|
|
860
|
-
__name: "TideButton",
|
|
861
|
-
props: {
|
|
862
|
-
disabled: { type: Boolean, default: !1 },
|
|
863
|
-
element: { default: D.BUTTON },
|
|
864
|
-
href: { default: void 0 },
|
|
865
|
-
iconLeading: { default: void 0 },
|
|
866
|
-
iconTrailing: { default: void 0 },
|
|
867
|
-
isNewTab: { type: Boolean, default: !1 },
|
|
868
|
-
label: { default: void 0 },
|
|
869
|
-
priority: { default: x.PRIMARY }
|
|
870
|
-
},
|
|
871
|
-
setup(a) {
|
|
872
|
-
const s = a;
|
|
873
|
-
return (o, n) => (l(), S(K(s.element === t(D).LINK ? t(D).LINK : t(D).BUTTON), {
|
|
874
|
-
class: i([
|
|
875
|
-
s.element === t(D).LINK ? "tide-link-as-button" : "tide-button",
|
|
876
|
-
s.priority && s.priority,
|
|
877
|
-
s.element === t(D).LINK ? [t(e).DISPLAY.INLINE_FLEX] : [t(e).DISPLAY.FLEX],
|
|
878
|
-
[t(e).AXIS1.CENTER, t(e).AXIS2.CENTER, t(e).GAP.HALF, t(e).BORDER.RADIUS.HALF],
|
|
879
|
-
s.element === t(D).LINK ? t(e).UNDERLINE.OFF : "",
|
|
880
|
-
t(e).PADDING.Y.ONE,
|
|
881
|
-
t(e).PADDING.X.TWO,
|
|
882
|
-
t(e).FONT.WEIGHT.SIX_HUNDRED
|
|
883
|
-
]),
|
|
884
|
-
disabled: s.element === t(D).BUTTON && s.disabled,
|
|
885
|
-
href: s.element === t(D).LINK && s.href ? s.href : void 0,
|
|
886
|
-
target: s.element === t(D).LINK && s.isNewTab ? t(X).BLANK : t(X).SELF
|
|
887
|
-
}, {
|
|
888
|
-
default: j(() => [
|
|
889
|
-
s.iconLeading ? (l(), S(H, {
|
|
890
|
-
key: 0,
|
|
891
|
-
icon: s.iconLeading,
|
|
892
|
-
size: t(b).LARGE
|
|
893
|
-
}, null, 8, ["icon", "size"])) : A("", !0),
|
|
894
|
-
ue(" " + O(s.label) + " ", 1),
|
|
895
|
-
s.iconTrailing ? (l(), S(H, {
|
|
896
|
-
key: 1,
|
|
897
|
-
icon: s.iconTrailing,
|
|
898
|
-
size: t(b).LARGE
|
|
899
|
-
}, null, 8, ["icon", "size"])) : A("", !0)
|
|
900
|
-
]),
|
|
901
|
-
_: 1
|
|
902
|
-
}, 8, ["class", "disabled", "href", "target"]));
|
|
903
|
-
}
|
|
904
|
-
}), Me = /* @__PURE__ */ N({
|
|
905
|
-
__name: "TideButtonPagination",
|
|
906
|
-
props: {
|
|
907
|
-
disabled: { type: Boolean, default: !1 },
|
|
908
|
-
element: { default: V.BUTTON },
|
|
909
|
-
href: { default: void 0 },
|
|
910
|
-
label: { default: void 0 }
|
|
911
|
-
},
|
|
912
|
-
setup(a) {
|
|
913
|
-
const s = a;
|
|
914
|
-
return (o, n) => (l(), S(K(
|
|
915
|
-
s.element === t(V).LINK ? "a" : s.element === t(V).BUTTON ? "button" : "div"
|
|
916
|
-
), {
|
|
917
|
-
class: i([
|
|
918
|
-
s.element === t(V).LINK ? "tide-link-as-button-icon" : "tide-button-icon",
|
|
919
|
-
[t(e).DISPLAY.INLINE_BLOCK, t(e).BORDER.RADIUS.FULL, t(e).PADDING.FULL.HALF],
|
|
920
|
-
s.element === t(V).LINK ? [t(e).UNDERLINE.OFF] : "",
|
|
921
|
-
s.element === t(V).DIV ? [t(e).CURSOR.POINTER] : "",
|
|
922
|
-
[t(e).FONT.WEIGHT.SEVEN_HUNDRED]
|
|
923
|
-
]),
|
|
924
|
-
disabled: s.element === t(V).BUTTON && s.disabled,
|
|
925
|
-
href: s.element === t(V).LINK && s.href ? s.href : void 0
|
|
926
|
-
}, {
|
|
927
|
-
default: j(() => [
|
|
928
|
-
c("span", {
|
|
929
|
-
class: i(["label", t(e).DISPLAY.FLEX, t(e).AXIS1.CENTER, t(e).AXIS2.CENTER])
|
|
930
|
-
}, O(s.label), 3)
|
|
931
|
-
]),
|
|
932
|
-
_: 1
|
|
933
|
-
}, 8, ["class", "disabled", "href"]));
|
|
934
|
-
}
|
|
935
|
-
});
|
|
936
|
-
const Ye = /* @__PURE__ */ f(Me, [["__scopeId", "data-v-da022c05"]]), Xt = /* @__PURE__ */ N({
|
|
937
|
-
__name: "TideCard",
|
|
938
|
-
setup(a) {
|
|
939
|
-
return (s, o) => (l(), d("div", {
|
|
940
|
-
class: i([
|
|
941
|
-
"tide-card",
|
|
942
|
-
t(e).HEIGHT.FULL,
|
|
943
|
-
t(e).BORDER.RADIUS.HALF,
|
|
944
|
-
t(e).BG.SURFACE.DEFAULT,
|
|
945
|
-
t(e).SHADOW.BOTTOM,
|
|
946
|
-
t(e).FONT.COLOR.SURFACE.DEFAULT,
|
|
947
|
-
t(e).SNAP_ALIGN.START
|
|
948
|
-
])
|
|
949
|
-
}, [
|
|
950
|
-
B(s.$slots, "default")
|
|
951
|
-
], 2));
|
|
952
|
-
}
|
|
953
|
-
}), ce = 16, Wt = /* @__PURE__ */ N({
|
|
954
|
-
__name: "TideCarousel",
|
|
955
|
-
props: {
|
|
956
|
-
isTouchscreen: { type: Boolean },
|
|
957
|
-
offsetX: { default: 0 }
|
|
958
|
-
},
|
|
959
|
-
emits: ["slideChange"],
|
|
960
|
-
setup(a, { emit: s }) {
|
|
961
|
-
const o = a;
|
|
962
|
-
let n = v(), r = v(), E = v(), R = v();
|
|
963
|
-
const I = v(), L = v(), u = v(), F = v(0), U = () => {
|
|
964
|
-
const T = Array.from(I.value.children).map((C) => C.offsetLeft);
|
|
965
|
-
if (T.length === 0)
|
|
966
|
-
return;
|
|
967
|
-
const m = T.reduce((C, k) => Math.abs(k - L.value.scrollLeft) < Math.abs(C - L.value.scrollLeft) ? k : C);
|
|
968
|
-
F.value = T.indexOf(m);
|
|
969
|
-
}, G = () => {
|
|
970
|
-
n.value = I.value.scrollWidth, r.value = L.value.clientWidth, E.value = n.value > r.value, R.value = L.value.scrollWidth - L.value.clientWidth, u.value = E.value && !o.isTouchscreen, U();
|
|
971
|
-
}, W = () => {
|
|
972
|
-
G();
|
|
973
|
-
}, M = (T) => {
|
|
974
|
-
L.value.scrollTo({
|
|
975
|
-
behavior: "smooth",
|
|
976
|
-
left: I.value.children[T].offsetLeft
|
|
977
|
-
});
|
|
978
|
-
}, Y = () => {
|
|
979
|
-
const T = I.value.scrollWidth, m = L.value.scrollLeft + L.value.clientWidth;
|
|
980
|
-
if (m > T)
|
|
981
|
-
L.value.scrollTo({
|
|
982
|
-
behavior: "smooth",
|
|
983
|
-
left: T
|
|
984
|
-
});
|
|
985
|
-
else {
|
|
986
|
-
const C = o.offsetX && F.value === 0, ie = m === T ? 0 : C ? 2 : F.value + 1;
|
|
987
|
-
M(ie);
|
|
988
|
-
}
|
|
989
|
-
}, h = () => {
|
|
990
|
-
const T = o.offsetX ? 1 : 0, m = F.value - 1 === T, k = F.value <= T ? I.value.children.length - 1 : m ? 0 : F.value - 1;
|
|
991
|
-
M(k);
|
|
992
|
-
};
|
|
993
|
-
return window.addEventListener("resize", G), te(() => {
|
|
994
|
-
G();
|
|
995
|
-
}), ve(() => {
|
|
996
|
-
window.removeEventListener("resize", G);
|
|
997
|
-
}), Le(() => {
|
|
998
|
-
G();
|
|
999
|
-
}), w(F, () => {
|
|
1000
|
-
s("slideChange", F.value);
|
|
1001
|
-
}), (T, m) => (l(), d("section", {
|
|
1002
|
-
class: i(["tide-carousel", t(e).POSITION.RELATIVE, t(e).DISPLAY.FLEX, t(e).AXIS2.CENTER, t(e).WIDTH.FULL]),
|
|
1003
|
-
ref: "carouselRef"
|
|
1004
|
-
}, [
|
|
1005
|
-
c("div", {
|
|
1006
|
-
class: i([t(e).SCROLLBAR.OFF, t(e).SNAP.ON, t(e).OVERFLOW.X.SCROLL]),
|
|
1007
|
-
ref_key: "frameRef",
|
|
1008
|
-
ref: L,
|
|
1009
|
-
onScroll: W
|
|
1010
|
-
}, [
|
|
1011
|
-
c("ul", {
|
|
1012
|
-
class: i([o.isTouchscreen ? [t(e).OVERFLOW.X.AUTO] : "", t(e).DISPLAY.FLEX, t(e).GAP.ONE, t(e).LIST_BULLETS.OFF]),
|
|
1013
|
-
ref_key: "contentRef",
|
|
1014
|
-
ref: I
|
|
1015
|
-
}, [
|
|
1016
|
-
o.offsetX ? (l(), d("li", {
|
|
1017
|
-
key: 0,
|
|
1018
|
-
class: i([t(e).FLEX.SHRINK.OFF, t(e).SNAP_ALIGN.START]),
|
|
1019
|
-
style: ee({ width: `${o.offsetX - ce}px` })
|
|
1020
|
-
}, null, 6)) : A("", !0),
|
|
1021
|
-
B(T.$slots, "default"),
|
|
1022
|
-
o.offsetX ? (l(), d("li", {
|
|
1023
|
-
key: 1,
|
|
1024
|
-
class: i([t(e).FLEX.SHRINK.OFF, t(e).SNAP_ALIGN.START]),
|
|
1025
|
-
style: ee({ width: `${o.offsetX - ce}px` })
|
|
1026
|
-
}, null, 6)) : A("", !0)
|
|
1027
|
-
], 2)
|
|
1028
|
-
], 34),
|
|
1029
|
-
u.value ? (l(), d("div", {
|
|
1030
|
-
key: 0,
|
|
1031
|
-
class: i([
|
|
1032
|
-
t(e).POSITION.ABSOLUTE,
|
|
1033
|
-
t(e).DISPLAY.FLEX,
|
|
1034
|
-
t(e).AXIS1.BETWEEN,
|
|
1035
|
-
t(e).AXIS2.CENTER,
|
|
1036
|
-
t(e).WIDTH.FULL,
|
|
1037
|
-
t(e).HEIGHT.FULL,
|
|
1038
|
-
t(e).POINTER_EVENTS.OFF
|
|
1039
|
-
])
|
|
1040
|
-
}, [
|
|
1041
|
-
P(Z, {
|
|
1042
|
-
class: i([t(e).MARGIN.LEFT.ONE, t(e).POINTER_EVENTS.ON]),
|
|
1043
|
-
icon: t(_).CHEVRON_LEFT,
|
|
1044
|
-
priority: t(x).QUATERNARY,
|
|
1045
|
-
onClick: h
|
|
1046
|
-
}, null, 8, ["class", "icon", "priority"]),
|
|
1047
|
-
P(Z, {
|
|
1048
|
-
class: i([t(e).MARGIN.RIGHT.ONE, t(e).POINTER_EVENTS.ON]),
|
|
1049
|
-
icon: t(_).CHEVRON_RIGHT,
|
|
1050
|
-
priority: t(x).QUATERNARY,
|
|
1051
|
-
onClick: Y
|
|
1052
|
-
}, null, 8, ["class", "icon", "priority"])
|
|
1053
|
-
], 2)) : A("", !0)
|
|
1054
|
-
], 2));
|
|
1055
|
-
}
|
|
1056
|
-
}), ke = ["href", "target"], Ve = /* @__PURE__ */ N({
|
|
1057
|
-
__name: "TideChipAction",
|
|
1058
|
-
props: {
|
|
1059
|
-
href: {},
|
|
1060
|
-
isNewTab: { type: Boolean, default: !1 },
|
|
1061
|
-
label: {}
|
|
1062
|
-
},
|
|
1063
|
-
setup(a) {
|
|
1064
|
-
const s = a;
|
|
1065
|
-
return (o, n) => (l(), d("a", {
|
|
1066
|
-
class: i([
|
|
1067
|
-
"tide-chip-action",
|
|
1068
|
-
t(e).AXIS2.CENTER,
|
|
1069
|
-
t(e).GAP.HALF,
|
|
1070
|
-
t(e).BORDER.SIDE.FULL.ONE,
|
|
1071
|
-
t(e).BORDER.RADIUS.FULL,
|
|
1072
|
-
t(e).PADDING.X.ONE,
|
|
1073
|
-
t(e).PADDING.Y.HALF,
|
|
1074
|
-
t(e).BG.SURFACE.DEFAULT,
|
|
1075
|
-
t(e).FONT.SIZE.FOURTEEN,
|
|
1076
|
-
t(e).FONT.WEIGHT.FIVE_HUNDRED,
|
|
1077
|
-
t(e).FONT.COLOR.SURFACE.DEFAULT,
|
|
1078
|
-
t(e).UNDERLINE.OFF
|
|
1079
|
-
]),
|
|
1080
|
-
href: s.href,
|
|
1081
|
-
target: s.isNewTab ? t(X).BLANK : t(X).SELF
|
|
1082
|
-
}, [
|
|
1083
|
-
P(H, {
|
|
1084
|
-
icon: t(_).SEARCH
|
|
1085
|
-
}, null, 8, ["icon"]),
|
|
1086
|
-
c("span", null, O(s.label), 1)
|
|
1087
|
-
], 10, ke));
|
|
1088
|
-
}
|
|
1089
|
-
});
|
|
1090
|
-
const Mt = /* @__PURE__ */ f(Ve, [["__scopeId", "data-v-20ea5a33"]]), xe = /* @__PURE__ */ N({
|
|
1091
|
-
__name: "TideChipFilter",
|
|
1092
|
-
props: {
|
|
1093
|
-
isActive: { type: Boolean },
|
|
1094
|
-
label: {}
|
|
1095
|
-
},
|
|
1096
|
-
setup(a) {
|
|
1097
|
-
const s = a;
|
|
1098
|
-
return (o, n) => (l(), d("button", {
|
|
1099
|
-
class: i([
|
|
1100
|
-
"tide-chip-filter",
|
|
1101
|
-
s.isActive ? [t(e).BG.SECONDARY, t(e).FONT.COLOR.SECONDARY] : [t(e).BG.SURFACE.VARIANT, t(e).FONT.COLOR.SURFACE],
|
|
1102
|
-
t(e).DISPLAY.FLEX,
|
|
1103
|
-
t(e).AXIS2.CENTER,
|
|
1104
|
-
t(e).GAP.HALF,
|
|
1105
|
-
t(e).BORDER.SIDE.FULL.ONE,
|
|
1106
|
-
t(e).BORDER.RADIUS.FULL,
|
|
1107
|
-
t(e).PADDING.X.ONE,
|
|
1108
|
-
t(e).PADDING.Y.HALF,
|
|
1109
|
-
t(e).FONT.SIZE.FOURTEEN,
|
|
1110
|
-
t(e).FONT.WEIGHT.FIVE_HUNDRED,
|
|
1111
|
-
s.isActive ? "active" : ""
|
|
1112
|
-
])
|
|
1113
|
-
}, [
|
|
1114
|
-
B(o.$slots, "default", {}, void 0, !0),
|
|
1115
|
-
c("div", {
|
|
1116
|
-
class: i([t(e).DISPLAY.FLEX, t(e).AXIS1.CENTER, t(e).AXIS2.CENTER, t(e).GAP.HALF])
|
|
1117
|
-
}, [
|
|
1118
|
-
c("span", {
|
|
1119
|
-
class: i([s.isActive ? "" : "icon-spacing", t(e).FONT.WEIGHT.FIVE_HUNDRED, t(e).WHITESPACE_WRAP.OFF])
|
|
1120
|
-
}, O(s.label), 3)
|
|
1121
|
-
], 2)
|
|
1122
|
-
], 2));
|
|
1123
|
-
}
|
|
1124
|
-
});
|
|
1125
|
-
const Yt = /* @__PURE__ */ f(xe, [["__scopeId", "data-v-b322d208"]]), we = /* @__PURE__ */ N({
|
|
1126
|
-
__name: "TideChipInput",
|
|
1127
|
-
props: {
|
|
1128
|
-
label: {}
|
|
1129
|
-
},
|
|
1130
|
-
setup(a) {
|
|
1131
|
-
const s = a;
|
|
1132
|
-
return (o, n) => (l(), d("button", {
|
|
1133
|
-
class: i([
|
|
1134
|
-
"tide-chip-input",
|
|
1135
|
-
t(e).BG.SURFACE,
|
|
1136
|
-
t(e).FONT.COLOR.SURFACE,
|
|
1137
|
-
t(e).DISPLAY.FLEX,
|
|
1138
|
-
t(e).AXIS2.CENTER,
|
|
1139
|
-
t(e).GAP.HALF,
|
|
1140
|
-
t(e).BORDER.SIDE.FULL.ONE,
|
|
1141
|
-
t(e).BORDER.RADIUS.FULL,
|
|
1142
|
-
t(e).PADDING.X.ONE,
|
|
1143
|
-
t(e).PADDING.Y.HALF,
|
|
1144
|
-
t(e).FONT.SIZE.FOURTEEN,
|
|
1145
|
-
t(e).FONT.WEIGHT.FIVE_HUNDRED
|
|
1146
|
-
])
|
|
1147
|
-
}, [
|
|
1148
|
-
c("span", null, O(s.label), 1),
|
|
1149
|
-
P(H, {
|
|
1150
|
-
icon: t(_).CLOSE
|
|
1151
|
-
}, null, 8, ["icon"])
|
|
1152
|
-
], 2));
|
|
1153
|
-
}
|
|
1154
|
-
});
|
|
1155
|
-
const kt = /* @__PURE__ */ f(we, [["__scopeId", "data-v-3508c14e"]]), $e = { class: "tide-columns" }, Qe = { class: "tide-columns-column" }, Ke = { class: "tide-columns-column" }, qe = { class: "tide-columns-column" }, ze = { class: "tide-columns-column" }, Ze = /* @__PURE__ */ N({
|
|
1156
|
-
__name: "TideColumns",
|
|
1157
|
-
props: {
|
|
1158
|
-
heading: { default: "" }
|
|
1159
|
-
},
|
|
1160
|
-
setup(a) {
|
|
1161
|
-
const s = a;
|
|
1162
|
-
return (o, n) => (l(), d("section", $e, [
|
|
1163
|
-
c("h2", {
|
|
1164
|
-
class: i([t(e).MARGIN.BOTTOM.HALF, t(e).FONT.SIZE.SIXTEEN])
|
|
1165
|
-
}, O(s.heading), 3),
|
|
1166
|
-
c("ul", {
|
|
1167
|
-
class: i([t(e).DISPLAY.FLEX, t(e).FLEX.WRAP, t(e).GAP.TWO, t(e).LIST_BULLETS.OFF])
|
|
1168
|
-
}, [
|
|
1169
|
-
c("li", Qe, [
|
|
1170
|
-
B(o.$slots, "section1", {}, void 0, !0)
|
|
1171
|
-
]),
|
|
1172
|
-
c("li", Ke, [
|
|
1173
|
-
B(o.$slots, "section2", {}, void 0, !0)
|
|
1174
|
-
]),
|
|
1175
|
-
c("li", qe, [
|
|
1176
|
-
B(o.$slots, "section3", {}, void 0, !0)
|
|
1177
|
-
]),
|
|
1178
|
-
c("li", ze, [
|
|
1179
|
-
B(o.$slots, "section4", {}, void 0, !0)
|
|
1180
|
-
])
|
|
1181
|
-
], 2)
|
|
1182
|
-
]));
|
|
1183
|
-
}
|
|
1184
|
-
});
|
|
1185
|
-
const Vt = /* @__PURE__ */ f(Ze, [["__scopeId", "data-v-14ad0455"]]), je = ["alt", "src"], xt = /* @__PURE__ */ N({
|
|
1186
|
-
__name: "TideImage",
|
|
1187
|
-
props: {
|
|
1188
|
-
alt: { default: "" },
|
|
1189
|
-
cdn: { default: void 0 },
|
|
1190
|
-
isLazy: { type: Boolean, default: !0 },
|
|
1191
|
-
offset: { default: 0 },
|
|
1192
|
-
src: { default: void 0 }
|
|
1193
|
-
},
|
|
1194
|
-
setup(a, { expose: s }) {
|
|
1195
|
-
const o = a, n = v(), r = `${o.cdn}/image-coming-soon-512.png`, E = () => {
|
|
1196
|
-
if (o.src) {
|
|
1197
|
-
const u = new Image();
|
|
1198
|
-
u.onload = I, u.onerror = R, u.src = o.src;
|
|
1199
|
-
}
|
|
1200
|
-
}, R = () => {
|
|
1201
|
-
n.value.src = r;
|
|
1202
|
-
}, I = () => {
|
|
1203
|
-
n.value.src = o.src;
|
|
1204
|
-
};
|
|
1205
|
-
s(n.value);
|
|
1206
|
-
const L = new IntersectionObserver((u, F) => {
|
|
1207
|
-
u.forEach(
|
|
1208
|
-
(U) => {
|
|
1209
|
-
U.isIntersecting && (E(), F.unobserve(U.target));
|
|
1210
|
-
},
|
|
1211
|
-
{
|
|
1212
|
-
rootMargin: `${o.offset}px`
|
|
1213
|
-
}
|
|
1214
|
-
);
|
|
1215
|
-
});
|
|
1216
|
-
return te(() => {
|
|
1217
|
-
o.isLazy ? L.observe(n.value) : E();
|
|
1218
|
-
}), pe(() => {
|
|
1219
|
-
L.unobserve(n.value);
|
|
1220
|
-
}), (u, F) => (l(), d("img", {
|
|
1221
|
-
alt: u.alt,
|
|
1222
|
-
class: i(["tide-image", t(e).OBJECT.CENTER, t(e).OBJECT.COVER]),
|
|
1223
|
-
ref_key: "tideImage",
|
|
1224
|
-
ref: n,
|
|
1225
|
-
src: u.isLazy && u.src ? u.src : r
|
|
1226
|
-
}, null, 10, je));
|
|
1227
|
-
}
|
|
1228
|
-
}), Je = ["checked", "id"], et = ["for"], tt = /* @__PURE__ */ N({
|
|
1229
|
-
__name: "TideInputRadio",
|
|
1230
|
-
props: {
|
|
1231
|
-
checked: { type: Boolean, default: !1 },
|
|
1232
|
-
dataTrack: { default: "" },
|
|
1233
|
-
disabled: { type: Boolean, default: !1 },
|
|
1234
|
-
inputId: { default: void 0 },
|
|
1235
|
-
label: { default: void 0 },
|
|
1236
|
-
name: {}
|
|
1237
|
-
},
|
|
1238
|
-
setup(a) {
|
|
1239
|
-
const s = a, o = v(s.checked), n = p(() => {
|
|
1240
|
-
var r;
|
|
1241
|
-
return s.inputId ? s.inputId : `text-input-${((r = se()) == null ? void 0 : r.uid) || ""}`;
|
|
1242
|
-
});
|
|
1243
|
-
return w(s, (r, E) => {
|
|
1244
|
-
(r.checked !== E.checked || r.checked !== o.value) && (o.value = s.checked);
|
|
1245
|
-
}), (r, E) => (l(), d("div", {
|
|
1246
|
-
class: i(["tide-input-radio", t(e).DISPLAY.FLEX, t(e).AXIS2.CENTER, t(e).GAP.HALF, s.disabled && "disabled"])
|
|
1247
|
-
}, [
|
|
1248
|
-
c("input", {
|
|
1249
|
-
checked: o.value,
|
|
1250
|
-
class: i([t(e).DISPLAY.NONE]),
|
|
1251
|
-
id: n.value,
|
|
1252
|
-
name: "",
|
|
1253
|
-
type: "radio",
|
|
1254
|
-
value: ""
|
|
1255
|
-
}, null, 10, Je),
|
|
1256
|
-
c("div", {
|
|
1257
|
-
class: i([
|
|
1258
|
-
"tide-input-radio-custom",
|
|
1259
|
-
t(e).POSITION.RELATIVE,
|
|
1260
|
-
t(e).DISPLAY.FLEX,
|
|
1261
|
-
t(e).AXIS1.CENTER,
|
|
1262
|
-
t(e).AXIS2.CENTER,
|
|
1263
|
-
t(e).BORDER.SIDE.FULL.ONE,
|
|
1264
|
-
o.value ? t(e).BORDER.COLOR.HIGH : t(e).BORDER.COLOR.DEFAULT,
|
|
1265
|
-
t(e).BORDER.RADIUS.FULL,
|
|
1266
|
-
o.value && "checked"
|
|
1267
|
-
])
|
|
1268
|
-
}, [
|
|
1269
|
-
c("div", {
|
|
1270
|
-
class: i(["tide-input-radio-check", t(e).BORDER.RADIUS.FULL, s.checked && t(e).BG.SECONDARY])
|
|
1271
|
-
}, null, 2)
|
|
1272
|
-
], 2),
|
|
1273
|
-
c("label", {
|
|
1274
|
-
class: i(t(e).FONT.WEIGHT.FOUR_HUNDRED),
|
|
1275
|
-
for: n.value
|
|
1276
|
-
}, O(s.label), 11, et)
|
|
1277
|
-
], 2));
|
|
1278
|
-
}
|
|
1279
|
-
});
|
|
1280
|
-
const wt = /* @__PURE__ */ f(tt, [["__scopeId", "data-v-b5186536"]]), st = ["data-icon", "fill"], ot = /* @__PURE__ */ N({
|
|
1281
|
-
__name: "TideSvgIcon",
|
|
1282
|
-
props: {
|
|
1283
|
-
fill: { default: "currentColor" },
|
|
1284
|
-
icon: {},
|
|
1285
|
-
size: { default: b.SMALL }
|
|
1286
|
-
},
|
|
1287
|
-
setup(a) {
|
|
1288
|
-
const s = a, o = v();
|
|
1289
|
-
return w(
|
|
1290
|
-
() => s.icon,
|
|
1291
|
-
() => {
|
|
1292
|
-
const n = s.icon, r = Oe(n), E = Ee(() => Re(/* @__PURE__ */ Object.assign({ "../assets/svg/icons/IconAccountBalance.vue": () => import("./IconAccountBalance-0c552905.js"), "../assets/svg/icons/IconAdd.vue": () => import("./IconAdd-50766b43.js"), "../assets/svg/icons/IconAi.vue": () => import("./IconAi-3f1ad2fe.js"), "../assets/svg/icons/IconAlignSpace.vue": () => import("./IconAlignSpace-804660fd.js"), "../assets/svg/icons/IconApplePay.vue": () => import("./IconApplePay-75b9850c.js"), "../assets/svg/icons/IconArrowBack.vue": () => import("./IconArrowBack-3bde832a.js"), "../assets/svg/icons/IconArrowForward.vue": () => import("./IconArrowForward-0582323f.js"), "../assets/svg/icons/IconArrowRight.vue": () => import("./IconArrowRight-c37875ce.js"), "../assets/svg/icons/IconAssignment.vue": () => import("./IconAssignment-b9549d2c.js"), "../assets/svg/icons/IconAwardStar.vue": () => import("./IconAwardStar-a1b0a840.js"), "../assets/svg/icons/IconBookmark.vue": () => import("./IconBookmark-26e82ff4.js"), "../assets/svg/icons/IconCalendarMonth.vue": () => import("./IconCalendarMonth-55806114.js"), "../assets/svg/icons/IconCall.vue": () => import("./IconCall-dfc29049.js"), "../assets/svg/icons/IconCheck.vue": () => import("./IconCheck-1d4a84f9.js"), "../assets/svg/icons/IconChevronLeft.vue": () => import("./IconChevronLeft-8a9307a6.js"), "../assets/svg/icons/IconChevronRight.vue": () => import("./IconChevronRight-46940da9.js"), "../assets/svg/icons/IconClear.vue": () => import("./IconClear-1dc6a4df.js"), "../assets/svg/icons/IconClose.vue": () => import("./IconClose-93976f13.js"), "../assets/svg/icons/IconCycle.vue": () => import("./IconCycle-b8bc8146.js"), "../assets/svg/icons/IconDelete.vue": () => import("./IconDelete-2970a09b.js"), "../assets/svg/icons/IconDiamond.vue": () => import("./IconDiamond-ba4bae95.js"), "../assets/svg/icons/IconEdit.vue": () => import("./IconEdit-3612d58e.js"), "../assets/svg/icons/IconError.vue": () => import("./IconError-643df67d.js"), "../assets/svg/icons/IconExpandContent.vue": () => import("./IconExpandContent-71109869.js"), "../assets/svg/icons/IconExpandLess.vue": () => import("./IconExpandLess-9c6c12b6.js"), "../assets/svg/icons/IconExpandMore.vue": () => import("./IconExpandMore-fcd92910.js"), "../assets/svg/icons/IconFacebook.vue": () => import("./IconFacebook-b0d62bbb.js"), "../assets/svg/icons/IconFavorite.vue": () => import("./IconFavorite-d59dfc0b.js"), "../assets/svg/icons/IconFavoriteFilled.vue": () => import("./IconFavoriteFilled-fd2c5862.js"), "../assets/svg/icons/IconFormatBold.vue": () => import("./IconFormatBold-6f1aa639.js"), "../assets/svg/icons/IconFormatItalic.vue": () => import("./IconFormatItalic-a82848b2.js"), "../assets/svg/icons/IconFormatListBulleted.vue": () => import("./IconFormatListBulleted-4f4a0a99.js"), "../assets/svg/icons/IconForum.vue": () => import("./IconForum-194dedbd.js"), "../assets/svg/icons/IconGoogle.vue": () => import("./IconGoogle-46e6c4f1.js"), "../assets/svg/icons/IconGooglePay.vue": () => import("./IconGooglePay-090b70a8.js"), "../assets/svg/icons/IconGrid.vue": () => import("./IconGrid-0f7c079c.js"), "../assets/svg/icons/IconHelp.vue": () => import("./IconHelp-e91f36a5.js"), "../assets/svg/icons/IconInfo.vue": () => import("./IconInfo-df1f06a5.js"), "../assets/svg/icons/IconInsertText.vue": () => import("./IconInsertText-e371c1cd.js"), "../assets/svg/icons/IconInstagram.vue": () => import("./IconInstagram-af4ea628.js"), "../assets/svg/icons/IconIosShare.vue": () => import("./IconIosShare-7253c1df.js"), "../assets/svg/icons/IconLayout.vue": () => import("./IconLayout-225d9fb6.js"), "../assets/svg/icons/IconLinkedIn.vue": () => import("./IconLinkedIn-ab7e007c.js"), "../assets/svg/icons/IconLocalShipping.vue": () => import("./IconLocalShipping-2c8ac96c.js"), "../assets/svg/icons/IconLock.vue": () => import("./IconLock-b4e1bd5d.js"), "../assets/svg/icons/IconMail.vue": () => import("./IconMail-50eca4b4.js"), "../assets/svg/icons/IconMenu.vue": () => import("./IconMenu-7789a1f9.js"), "../assets/svg/icons/IconMoreHoriz.vue": () => import("./IconMoreHoriz-35960212.js"), "../assets/svg/icons/IconNotifications.vue": () => import("./IconNotifications-a6690c77.js"), "../assets/svg/icons/IconOpenInNew.vue": () => import("./IconOpenInNew-8b812d7f.js"), "../assets/svg/icons/IconPalette.vue": () => import("./IconPalette-18b6e766.js"), "../assets/svg/icons/IconPaypal.vue": () => import("./IconPaypal-75ff8ed5.js"), "../assets/svg/icons/IconPerson.vue": () => import("./IconPerson-3c8a4c27.js"), "../assets/svg/icons/IconPhotoCamera.vue": () => import("./IconPhotoCamera-0fbb9344.js"), "../assets/svg/icons/IconPinterest.vue": () => import("./IconPinterest-28ae7c92.js"), "../assets/svg/icons/IconPlayArrow.vue": () => import("./IconPlayArrow-6d779a71.js"), "../assets/svg/icons/IconRemove.vue": () => import("./IconRemove-1f655305.js"), "../assets/svg/icons/IconRoundedCorners.vue": () => import("./IconRoundedCorners-1f9eba28.js"), "../assets/svg/icons/IconSearch.vue": () => import("./IconSearch-c6843cf3.js"), "../assets/svg/icons/IconSell.vue": () => import("./IconSell-c7818ac8.js"), "../assets/svg/icons/IconShare.vue": () => import("./IconShare-b81bc4cd.js"), "../assets/svg/icons/IconShoppingCart.vue": () => import("./IconShoppingCart-b6cc2022.js"), "../assets/svg/icons/IconSms.vue": () => import("./IconSms-dc4c1454.js"), "../assets/svg/icons/IconStar.vue": () => import("./IconStar-c4305bd6.js"), "../assets/svg/icons/IconSwapVert.vue": () => import("./IconSwapVert-00e66af6.js"), "../assets/svg/icons/IconThreeDRotation.vue": () => import("./IconThreeDRotation-b19a9312.js"), "../assets/svg/icons/IconTune.vue": () => import("./IconTune-dee47734.js"), "../assets/svg/icons/IconTwitter.vue": () => import("./IconTwitter-2ab4e06b.js"), "../assets/svg/icons/IconVideocam.vue": () => import("./IconVideocam-0d0142aa.js"), "../assets/svg/icons/IconViewInAr.vue": () => import("./IconViewInAr-7cd92579.js"), "../assets/svg/icons/IconVisibility.vue": () => import("./IconVisibility-84655778.js"), "../assets/svg/icons/IconWarning.vue": () => import("./IconWarning-cab4938a.js"), "../assets/svg/icons/IconYoutube.vue": () => import("./IconYoutube-ab7e33d3.js") }), `../assets/svg/icons/Icon${r}.vue`));
|
|
1293
|
-
o.value = Ie(E);
|
|
1294
|
-
},
|
|
1295
|
-
{ immediate: !0 }
|
|
1296
|
-
), (n, r) => (l(), d("div", {
|
|
1297
|
-
class: i(["tide-svg-icon", s.size])
|
|
1298
|
-
}, [
|
|
1299
|
-
(l(), d("svg", {
|
|
1300
|
-
class: i([t(e).DISPLAY.BLOCK]),
|
|
1301
|
-
"data-icon": n.icon,
|
|
1302
|
-
fill: s.fill,
|
|
1303
|
-
viewBox: "0 0 24 24",
|
|
1304
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
1305
|
-
}, [
|
|
1306
|
-
o.value ? (l(), S(K(o.value), { key: 0 })) : A("", !0)
|
|
1307
|
-
], 10, st))
|
|
1308
|
-
], 2));
|
|
1309
|
-
}
|
|
1310
|
-
});
|
|
1311
|
-
const $ = /* @__PURE__ */ f(ot, [["__scopeId", "data-v-fecfca9d"]]), Ae = "Please enter a valid value.", ne = (a, s) => typeof a == "string" && a.length > 0 ? a : typeof s == "string" && s.length > 0 ? s : Ae, le = (a, s) => a !== !1 || s !== !1, it = ({ maxlength: a, minlength: s, value: o }) => {
|
|
1312
|
-
const n = a && o.length > a, r = s && o.length < s;
|
|
1313
|
-
return !n && !r;
|
|
1314
|
-
}, Ne = ({
|
|
1315
|
-
error: a,
|
|
1316
|
-
errorFromProps: s,
|
|
1317
|
-
maxlength: o,
|
|
1318
|
-
minlength: n,
|
|
1319
|
-
validators: r,
|
|
1320
|
-
value: E
|
|
1321
|
-
}) => {
|
|
1322
|
-
if (a.value = s || !1, !a.value && r) {
|
|
1323
|
-
const R = nt(E.value, r);
|
|
1324
|
-
R.valid || (a.value = R.message);
|
|
1325
|
-
}
|
|
1326
|
-
if (!a.value && (o || n)) {
|
|
1327
|
-
const R = at({
|
|
1328
|
-
maxlength: o,
|
|
1329
|
-
minlength: n,
|
|
1330
|
-
value: E.value
|
|
1331
|
-
});
|
|
1332
|
-
R.valid || (a.value = R.message);
|
|
1333
|
-
}
|
|
1334
|
-
}, at = ({ maxlength: a, minlength: s, value: o }) => {
|
|
1335
|
-
const n = {
|
|
1336
|
-
message: "",
|
|
1337
|
-
valid: !0
|
|
1338
|
-
};
|
|
1339
|
-
return n.valid = it({
|
|
1340
|
-
maxlength: a,
|
|
1341
|
-
minlength: s,
|
|
1342
|
-
value: o
|
|
1343
|
-
}), n.valid || (n.message = Ae, a && s ? n.message = `Please enter a value between ${s} and ${a} characters in length.` : a ? n.message = `Please enter a value no more than ${a} characters in length.` : s && (n.message = `Please enter a value no less than ${s} characters in length.`)), n;
|
|
1344
|
-
};
|
|
1345
|
-
function nt(a, s) {
|
|
1346
|
-
for (const o of s) {
|
|
1347
|
-
const n = o(a);
|
|
1348
|
-
if (!n.valid)
|
|
1349
|
-
return n;
|
|
1350
|
-
}
|
|
1351
|
-
return {
|
|
1352
|
-
message: "",
|
|
1353
|
-
valid: !0
|
|
1354
|
-
};
|
|
1355
|
-
}
|
|
1356
|
-
const lt = ["for"], rt = ["disabled", "name", "required", "id"], dt = ["selected", "value"], ct = /* @__PURE__ */ N({
|
|
1357
|
-
__name: "TideInputSelect",
|
|
1358
|
-
props: {
|
|
1359
|
-
inputId: { default: void 0 },
|
|
1360
|
-
supportingText: { default: void 0 },
|
|
1361
|
-
options: {},
|
|
1362
|
-
disabled: { type: Boolean, default: !1 },
|
|
1363
|
-
error: { type: [String, Boolean], default: !1 },
|
|
1364
|
-
label: { default: void 0 },
|
|
1365
|
-
name: {},
|
|
1366
|
-
required: { type: Boolean, default: !1 },
|
|
1367
|
-
value: { default: "" }
|
|
1368
|
-
},
|
|
1369
|
-
setup(a, { expose: s }) {
|
|
1370
|
-
const o = a, n = v(o.error), r = v(!1), E = v(null), R = v(o.required), I = v(o.value), L = p(() => ne(o.error, n.value)), u = p(() => o.required ? `${o.label} *` : o.label), F = p(() => o.required && !I.value || le(n.value, o.error)), U = p(() => r.value || !G.value), G = p(() => I.value === ""), W = p(() => {
|
|
1371
|
-
var T;
|
|
1372
|
-
return o.inputId ? o.inputId : `text-input-${((T = se()) == null ? void 0 : T.uid) || ""}`;
|
|
1373
|
-
}), M = () => {
|
|
1374
|
-
var m;
|
|
1375
|
-
const T = new MouseEvent("mousedown");
|
|
1376
|
-
(m = E == null ? void 0 : E.value) == null || m.dispatchEvent(T);
|
|
1377
|
-
}, Y = () => {
|
|
1378
|
-
r.value = !0;
|
|
1379
|
-
}, h = () => {
|
|
1380
|
-
r.value = !1;
|
|
1381
|
-
};
|
|
1382
|
-
return w(o, (T, m) => {
|
|
1383
|
-
(T.value !== m.value || T.value !== I.value) && (I.value = o.value);
|
|
1384
|
-
}), s({ error: n, required: R, value: I }), (T, m) => (l(), d("div", {
|
|
1385
|
-
class: i([
|
|
1386
|
-
"tide-input-select",
|
|
1387
|
-
t(e).DISPLAY.FLEX,
|
|
1388
|
-
t(e).FLEX.DIRECTION.COLUMN,
|
|
1389
|
-
t(e).GAP.QUARTER,
|
|
1390
|
-
T.disabled && "disabled",
|
|
1391
|
-
F.value && "error"
|
|
1392
|
-
])
|
|
1393
|
-
}, [
|
|
1394
|
-
c("div", {
|
|
1395
|
-
class: i([
|
|
1396
|
-
"tide-input-border",
|
|
1397
|
-
t(e).POSITION.RELATIVE,
|
|
1398
|
-
t(e).DISPLAY.FLEX,
|
|
1399
|
-
t(e).AXIS2.CENTER,
|
|
1400
|
-
t(e).GAP.HALF,
|
|
1401
|
-
t(e).BORDER.RADIUS.HALF,
|
|
1402
|
-
o.disabled ? t(e).CURSOR.NOT_ALLOWED : "",
|
|
1403
|
-
t(e).OVERFLOW.XY.HIDDEN
|
|
1404
|
-
]),
|
|
1405
|
-
onClick: M
|
|
1406
|
-
}, [
|
|
1407
|
-
c("div", {
|
|
1408
|
-
class: i([t(e).DISPLAY.FLEX, t(e).FLEX.DIRECTION.COLUMN, t(e).WIDTH.FULL])
|
|
1409
|
-
}, [
|
|
1410
|
-
T.label ? (l(), d("label", {
|
|
1411
|
-
key: 0,
|
|
1412
|
-
class: i([
|
|
1413
|
-
U.value ? ["minilabel", t(e).FONT.SIZE.TWELVE] : t(e).FONT.SIZE.SIXTEEN,
|
|
1414
|
-
t(e).POSITION.ABSOLUTE,
|
|
1415
|
-
t(e).POSITIONING.LEFT_0,
|
|
1416
|
-
t(e).MARGIN.TOP.HALF,
|
|
1417
|
-
t(e).MARGIN.LEFT.ONE,
|
|
1418
|
-
!F.value && t(e).FONT.COLOR.SURFACE.VARIANT,
|
|
1419
|
-
t(e).FONT.WEIGHT.FIVE_HUNDRED
|
|
1420
|
-
]),
|
|
1421
|
-
for: W.value
|
|
1422
|
-
}, O(u.value), 11, lt)) : A("", !0),
|
|
1423
|
-
oe(c("select", {
|
|
1424
|
-
class: i([t(e).PADDING.BOTTOM.HALF, t(e).PADDING.X.ONE, t(e).WIDTH.FULL, T.disabled && t(e).CURSOR.NOT_ALLOWED]),
|
|
1425
|
-
disabled: T.disabled,
|
|
1426
|
-
name: T.name,
|
|
1427
|
-
ref_key: "input",
|
|
1428
|
-
ref: E,
|
|
1429
|
-
required: R.value,
|
|
1430
|
-
onFocus: Y,
|
|
1431
|
-
onFocusout: h,
|
|
1432
|
-
id: W.value,
|
|
1433
|
-
"onUpdate:modelValue": m[0] || (m[0] = (C) => I.value = C)
|
|
1434
|
-
}, [
|
|
1435
|
-
(l(!0), d(Q, null, J(T.options, (C) => (l(), d("option", {
|
|
1436
|
-
class: i([t(e).WIDTH.FULL, t(e).BG.SURFACE.DEFAULT]),
|
|
1437
|
-
key: C.value,
|
|
1438
|
-
selected: I.value === C.value ? !0 : void 0,
|
|
1439
|
-
value: C.value
|
|
1440
|
-
}, O(C.label), 11, dt))), 128))
|
|
1441
|
-
], 42, rt), [
|
|
1442
|
-
[Fe, I.value]
|
|
1443
|
-
])
|
|
1444
|
-
], 2),
|
|
1445
|
-
P($, {
|
|
1446
|
-
class: i([t(e).POSITION.ABSOLUTE, t(e).POSITIONING.RIGHT_0, t(e).MARGIN.RIGHT.ONE, t(e).POINTER_EVENTS.OFF]),
|
|
1447
|
-
icon: t(_).EXPAND_MORE,
|
|
1448
|
-
size: t(b).SMALL
|
|
1449
|
-
}, null, 8, ["class", "icon", "size"])
|
|
1450
|
-
], 2),
|
|
1451
|
-
o.supportingText || F.value ? (l(), d("div", {
|
|
1452
|
-
key: 0,
|
|
1453
|
-
class: i([t(e).DISPLAY.FLEX, t(e).AXIS2.CENTER, t(e).GAP.QUARTER, t(e).MARGIN.LEFT.ONE])
|
|
1454
|
-
}, [
|
|
1455
|
-
F.value ? (l(), S($, {
|
|
1456
|
-
key: 0,
|
|
1457
|
-
class: i([]),
|
|
1458
|
-
icon: t(_).ERROR,
|
|
1459
|
-
size: t(b).SMALL
|
|
1460
|
-
}, null, 8, ["icon", "size"])) : A("", !0),
|
|
1461
|
-
c("div", {
|
|
1462
|
-
class: i([t(e).FONT.SIZE.TWELVE, t(e).FONT.WEIGHT.FIVE_HUNDRED])
|
|
1463
|
-
}, O(F.value ? L.value : o.supportingText), 3)
|
|
1464
|
-
], 2)) : A("", !0)
|
|
1465
|
-
], 2));
|
|
1466
|
-
}
|
|
1467
|
-
});
|
|
1468
|
-
const $t = /* @__PURE__ */ f(ct, [["__scopeId", "data-v-e0607fd0"]]), z = {
|
|
1469
|
-
DATE: "date",
|
|
1470
|
-
DATETIME_LOCAL: "datetime-local",
|
|
1471
|
-
EMAIL: "email",
|
|
1472
|
-
MONTH: "month",
|
|
1473
|
-
NUMBER: "number",
|
|
1474
|
-
PASSWORD: "password",
|
|
1475
|
-
SEARCH: "search",
|
|
1476
|
-
TEL: "tel",
|
|
1477
|
-
TEXT: "text",
|
|
1478
|
-
TIME: "time",
|
|
1479
|
-
URL: "url",
|
|
1480
|
-
WEEK: "week"
|
|
1481
|
-
}, Et = ["for"], It = ["autocomplete", "data-track", "disabled", "maxlength", "minlength", "name", "required", "type", "id"], ut = /* @__PURE__ */ N({
|
|
1482
|
-
__name: "TideInputText",
|
|
1483
|
-
props: {
|
|
1484
|
-
autocomplete: { type: Boolean, default: !1 },
|
|
1485
|
-
dataTrack: { default: "" },
|
|
1486
|
-
disabled: { type: Boolean, default: !1 },
|
|
1487
|
-
error: { type: [String, Boolean], default: !1 },
|
|
1488
|
-
hasClear: { type: Boolean, default: !1 },
|
|
1489
|
-
iconLeading: { default: void 0 },
|
|
1490
|
-
inputId: { default: void 0 },
|
|
1491
|
-
label: { default: void 0 },
|
|
1492
|
-
maxlength: { default: void 0 },
|
|
1493
|
-
minlength: { default: void 0 },
|
|
1494
|
-
name: {},
|
|
1495
|
-
prefix: { default: void 0 },
|
|
1496
|
-
required: { type: Boolean, default: !1 },
|
|
1497
|
-
suffix: { default: void 0 },
|
|
1498
|
-
supportingText: { default: void 0 },
|
|
1499
|
-
transformValue: { type: Function, default: void 0 },
|
|
1500
|
-
type: { default: z.TEXT },
|
|
1501
|
-
validators: { default: void 0 },
|
|
1502
|
-
value: { default: "" }
|
|
1503
|
-
},
|
|
1504
|
-
setup(a, { expose: s }) {
|
|
1505
|
-
const o = a, n = v(o.error), r = v(!1), E = v(null), R = v(!1), I = v(o.value), L = p(() => ne(o.error, n.value)), u = p(() => o.required && o.label ? `${o.label} *` : o.label), F = p(() => o.hasClear && I.value), U = p(() => o.required && !I.value || le(n.value, o.error)), G = p(() => r.value || !W.value), W = p(() => I.value === ""), M = p(
|
|
1506
|
-
() => o.type === z.PASSWORD && R.value === !0 ? z.TEXT : o.type
|
|
1507
|
-
), Y = p(() => {
|
|
1508
|
-
var g;
|
|
1509
|
-
return o.inputId ? o.inputId : `text-input-${((g = se()) == null ? void 0 : g.uid) || ""}`;
|
|
1510
|
-
}), h = () => {
|
|
1511
|
-
var g;
|
|
1512
|
-
I.value = "", (g = E.value) == null || g.focus();
|
|
1513
|
-
}, T = () => {
|
|
1514
|
-
r.value = !0;
|
|
1515
|
-
}, m = () => {
|
|
1516
|
-
r.value = !1, k();
|
|
1517
|
-
}, C = () => {
|
|
1518
|
-
var g;
|
|
1519
|
-
if (o.transformValue) {
|
|
1520
|
-
const y = ((g = I.value.match(/\d/g)) == null ? void 0 : g.join("")) || void 0;
|
|
1521
|
-
I.value = y ? o.transformValue(y) : "";
|
|
1522
|
-
}
|
|
1523
|
-
}, k = () => {
|
|
1524
|
-
Ne({
|
|
1525
|
-
error: n,
|
|
1526
|
-
errorFromProps: o.error,
|
|
1527
|
-
maxlength: o.maxlength,
|
|
1528
|
-
minlength: o.minlength,
|
|
1529
|
-
validators: o.validators,
|
|
1530
|
-
value: I
|
|
1531
|
-
});
|
|
1532
|
-
}, ie = (g) => {
|
|
1533
|
-
I.value = g;
|
|
1534
|
-
};
|
|
1535
|
-
return w(
|
|
1536
|
-
o,
|
|
1537
|
-
(g, y) => {
|
|
1538
|
-
(g.value !== y.value || g.value !== I.value) && (I.value = o.value);
|
|
1539
|
-
},
|
|
1540
|
-
{ deep: !0 }
|
|
1541
|
-
), s({ error: n, updateValue: ie, value: I }), (g, y) => (l(), d("div", {
|
|
1542
|
-
class: i([
|
|
1543
|
-
"tide-input-text",
|
|
1544
|
-
t(e).DISPLAY.FLEX,
|
|
1545
|
-
t(e).FLEX.DIRECTION.COLUMN,
|
|
1546
|
-
t(e).GAP.QUARTER,
|
|
1547
|
-
g.disabled && "disabled",
|
|
1548
|
-
U.value && "error"
|
|
1549
|
-
])
|
|
1550
|
-
}, [
|
|
1551
|
-
c("div", {
|
|
1552
|
-
class: i([
|
|
1553
|
-
"tide-input-border",
|
|
1554
|
-
t(e).DISPLAY.FLEX,
|
|
1555
|
-
t(e).AXIS2.CENTER,
|
|
1556
|
-
t(e).GAP.HALF,
|
|
1557
|
-
t(e).POSITION.RELATIVE,
|
|
1558
|
-
t(e).BORDER.RADIUS.HALF,
|
|
1559
|
-
F.value ? [t(e).PADDING.RIGHT.HALF, t(e).PADDING.LEFT.ONE] : [t(e).PADDING.X.ONE],
|
|
1560
|
-
t(e).PADDING.Y.HALF,
|
|
1561
|
-
o.disabled ? t(e).CURSOR.NOT_ALLOWED : t(e).CURSOR.TEXT
|
|
1562
|
-
])
|
|
1563
|
-
}, [
|
|
1564
|
-
o.iconLeading ? (l(), S($, {
|
|
1565
|
-
key: 0,
|
|
1566
|
-
icon: o.iconLeading,
|
|
1567
|
-
size: t(b).SMALL
|
|
1568
|
-
}, null, 8, ["icon", "size"])) : A("", !0),
|
|
1569
|
-
c("div", {
|
|
1570
|
-
class: i([t(e).DISPLAY.FLEX, t(e).AXIS2.CENTER, t(e).GAP.QUARTER, t(e).WIDTH.FULL])
|
|
1571
|
-
}, [
|
|
1572
|
-
o.prefix ? (l(), d("div", {
|
|
1573
|
-
key: 0,
|
|
1574
|
-
class: i(["tide-input-text-prefix", !U.value && t(e).FONT.COLOR.SURFACE.VARIANT, G.value ? "" : "offset"])
|
|
1575
|
-
}, O(o.prefix), 3)) : A("", !0),
|
|
1576
|
-
c("div", {
|
|
1577
|
-
class: i([t(e).DISPLAY.FLEX, t(e).FLEX.DIRECTION.COLUMN, t(e).WIDTH.FULL]),
|
|
1578
|
-
onClick: y[1] || (y[1] = Te((ae) => {
|
|
1579
|
-
var re;
|
|
1580
|
-
return (re = E.value) == null ? void 0 : re.focus();
|
|
1581
|
-
}, ["prevent"]))
|
|
1582
|
-
}, [
|
|
1583
|
-
g.label ? (l(), d("label", {
|
|
1584
|
-
key: 0,
|
|
1585
|
-
class: i([
|
|
1586
|
-
G.value ? ["minilabel", t(e).FONT.SIZE.TWELVE] : t(e).FONT.SIZE.SIXTEEN,
|
|
1587
|
-
!U.value && t(e).FONT.COLOR.SURFACE.VARIANT,
|
|
1588
|
-
t(e).FONT.WEIGHT.FIVE_HUNDRED,
|
|
1589
|
-
t(e).CURSOR.TEXT
|
|
1590
|
-
]),
|
|
1591
|
-
for: Y.value
|
|
1592
|
-
}, O(u.value), 11, Et)) : A("", !0),
|
|
1593
|
-
oe(c("input", {
|
|
1594
|
-
autocomplete: g.autocomplete ? "on" : "off",
|
|
1595
|
-
class: i([t(e).WIDTH.FULL, g.disabled && t(e).CURSOR.NOT_ALLOWED]),
|
|
1596
|
-
"data-track": o.dataTrack,
|
|
1597
|
-
disabled: o.disabled,
|
|
1598
|
-
maxlength: o.maxlength,
|
|
1599
|
-
minlength: o.minlength,
|
|
1600
|
-
name: o.name,
|
|
1601
|
-
ref_key: "input",
|
|
1602
|
-
ref: E,
|
|
1603
|
-
required: o.required,
|
|
1604
|
-
type: M.value,
|
|
1605
|
-
onChange: k,
|
|
1606
|
-
onFocus: T,
|
|
1607
|
-
onFocusout: m,
|
|
1608
|
-
onInput: C,
|
|
1609
|
-
id: Y.value,
|
|
1610
|
-
"onUpdate:modelValue": y[0] || (y[0] = (ae) => I.value = ae)
|
|
1611
|
-
}, null, 42, It), [
|
|
1612
|
-
[_e, I.value]
|
|
1613
|
-
])
|
|
1614
|
-
], 2),
|
|
1615
|
-
o.suffix ? (l(), d("div", {
|
|
1616
|
-
key: 1,
|
|
1617
|
-
class: i(["tide-input-text-suffix", !U.value && t(e).FONT.COLOR.SURFACE.VARIANT, G.value ? "" : "offset"])
|
|
1618
|
-
}, O(o.suffix), 3)) : A("", !0)
|
|
1619
|
-
], 2),
|
|
1620
|
-
F.value && o.type !== t(z).PASSWORD ? (l(), S($, {
|
|
1621
|
-
key: 1,
|
|
1622
|
-
class: i([t(e).PADDING.Y.HALF, t(e).PADDING.FULL.HALF, t(e).CURSOR.POINTER]),
|
|
1623
|
-
icon: t(_).CLOSE,
|
|
1624
|
-
size: t(b).SMALL,
|
|
1625
|
-
onClick: h
|
|
1626
|
-
}, null, 8, ["class", "icon", "size"])) : A("", !0),
|
|
1627
|
-
o.type === t(z).PASSWORD ? (l(), S($, {
|
|
1628
|
-
key: 2,
|
|
1629
|
-
class: i([t(e).PADDING.Y.HALF, t(e).PADDING.FULL.HALF, t(e).CURSOR.POINTER]),
|
|
1630
|
-
icon: t(_).VISIBILITY,
|
|
1631
|
-
size: t(b).SMALL,
|
|
1632
|
-
onClick: y[2] || (y[2] = (ae) => R.value = !R.value)
|
|
1633
|
-
}, null, 8, ["class", "icon", "size"])) : A("", !0)
|
|
1634
|
-
], 2),
|
|
1635
|
-
o.supportingText || U.value ? (l(), d("div", {
|
|
1636
|
-
key: 0,
|
|
1637
|
-
class: i([t(e).DISPLAY.FLEX, t(e).AXIS2.CENTER, t(e).GAP.QUARTER, t(e).MARGIN.LEFT.ONE])
|
|
1638
|
-
}, [
|
|
1639
|
-
U.value ? (l(), S($, {
|
|
1640
|
-
key: 0,
|
|
1641
|
-
class: i([]),
|
|
1642
|
-
icon: t(_).ERROR,
|
|
1643
|
-
size: t(b).SMALL
|
|
1644
|
-
}, null, 8, ["icon", "size"])) : A("", !0),
|
|
1645
|
-
c("div", {
|
|
1646
|
-
class: i([t(e).FONT.SIZE.TWELVE, t(e).FONT.WEIGHT.FIVE_HUNDRED])
|
|
1647
|
-
}, O(U.value ? L.value : o.supportingText), 3)
|
|
1648
|
-
], 2)) : A("", !0)
|
|
1649
|
-
], 2));
|
|
1650
|
-
}
|
|
1651
|
-
});
|
|
1652
|
-
const Qt = /* @__PURE__ */ f(ut, [["__scopeId", "data-v-dcf0a5db"]]), Tt = ["for"], Rt = ["data-track", "maxlength", "minlength", "name", "required", "rows", "id"], Ot = /* @__PURE__ */ N({
|
|
1653
|
-
__name: "TideInputTextarea",
|
|
1654
|
-
props: {
|
|
1655
|
-
dataTrack: { default: "" },
|
|
1656
|
-
error: { type: [String, Boolean], default: !1 },
|
|
1657
|
-
inputId: { default: void 0 },
|
|
1658
|
-
label: { default: void 0 },
|
|
1659
|
-
maxlength: { default: void 0 },
|
|
1660
|
-
minlength: { default: void 0 },
|
|
1661
|
-
name: { default: void 0 },
|
|
1662
|
-
required: { type: Boolean, default: !1 },
|
|
1663
|
-
rows: { default: 8 },
|
|
1664
|
-
supportingText: { default: void 0 },
|
|
1665
|
-
value: { default: "" }
|
|
1666
|
-
},
|
|
1667
|
-
setup(a, { expose: s }) {
|
|
1668
|
-
const o = a, n = v(o.error), r = v(!1), E = v(null), R = v(o.value), I = p(() => ne(o.error, n.value)), L = p(() => o.required ? `${o.label} *` : o.label), u = p(() => o.required && !R.value || le(n.value, o.error)), F = p(() => r.value || !U.value), U = p(() => R.value === ""), G = p(() => {
|
|
1669
|
-
var h;
|
|
1670
|
-
return o.inputId ? o.inputId : `text-input-${((h = se()) == null ? void 0 : h.uid) || ""}`;
|
|
1671
|
-
}), W = () => {
|
|
1672
|
-
r.value = !0;
|
|
1673
|
-
}, M = () => {
|
|
1674
|
-
r.value = !1;
|
|
1675
|
-
}, Y = () => Ne({
|
|
1676
|
-
error: n,
|
|
1677
|
-
errorFromProps: o.error,
|
|
1678
|
-
maxlength: o.maxlength,
|
|
1679
|
-
minlength: o.minlength,
|
|
1680
|
-
value: R
|
|
1681
|
-
});
|
|
1682
|
-
return w(o, (h, T) => {
|
|
1683
|
-
(h.value !== T.value || h.value !== R.value) && (R.value = o.value);
|
|
1684
|
-
}), s({ value: R }), (h, T) => (l(), d("div", {
|
|
1685
|
-
class: i(["tide-input-textarea", t(e).DISPLAY.FLEX, t(e).FLEX.DIRECTION.COLUMN, t(e).GAP.QUARTER, u.value && "error"])
|
|
1686
|
-
}, [
|
|
1687
|
-
c("div", {
|
|
1688
|
-
class: i([
|
|
1689
|
-
"tide-input-textarea-field",
|
|
1690
|
-
t(e).GAP.HALF,
|
|
1691
|
-
t(e).POSITION.RELATIVE,
|
|
1692
|
-
t(e).BORDER.RADIUS.HALF,
|
|
1693
|
-
t(e).PADDING.LEFT.ONE,
|
|
1694
|
-
t(e).PADDING.TOP.HALF,
|
|
1695
|
-
t(e).OVERFLOW.XY.HIDDEN
|
|
1696
|
-
])
|
|
1697
|
-
}, [
|
|
1698
|
-
h.label ? (l(), d("label", {
|
|
1699
|
-
key: 0,
|
|
1700
|
-
class: i([
|
|
1701
|
-
F.value ? ["minilabel", t(e).FONT.SIZE.TWELVE] : t(e).FONT.SIZE.SIXTEEN,
|
|
1702
|
-
!u.value && t(e).FONT.COLOR.SURFACE.VARIANT,
|
|
1703
|
-
t(e).FONT.WEIGHT.FIVE_HUNDRED,
|
|
1704
|
-
t(e).CURSOR.TEXT
|
|
1705
|
-
]),
|
|
1706
|
-
for: G.value,
|
|
1707
|
-
ref: "label"
|
|
1708
|
-
}, O(L.value), 11, Tt)) : A("", !0),
|
|
1709
|
-
oe(c("textarea", {
|
|
1710
|
-
class: i([t(e).WIDTH.FULL]),
|
|
1711
|
-
"data-track": o.dataTrack,
|
|
1712
|
-
maxlength: o.maxlength,
|
|
1713
|
-
minlength: o.minlength,
|
|
1714
|
-
name: o.name,
|
|
1715
|
-
ref_key: "input",
|
|
1716
|
-
ref: E,
|
|
1717
|
-
required: o.required,
|
|
1718
|
-
rows: o.rows,
|
|
1719
|
-
onChange: Y,
|
|
1720
|
-
onFocus: W,
|
|
1721
|
-
onFocusout: M,
|
|
1722
|
-
id: G.value,
|
|
1723
|
-
"onUpdate:modelValue": T[0] || (T[0] = (m) => R.value = m)
|
|
1724
|
-
}, null, 42, Rt), [
|
|
1725
|
-
[De, R.value]
|
|
1726
|
-
])
|
|
1727
|
-
], 2),
|
|
1728
|
-
o.supportingText || u.value ? (l(), d("div", {
|
|
1729
|
-
key: 0,
|
|
1730
|
-
class: i([t(e).DISPLAY.FLEX, t(e).AXIS2.CENTER, t(e).GAP.QUARTER, t(e).MARGIN.LEFT.ONE])
|
|
1731
|
-
}, [
|
|
1732
|
-
u.value ? (l(), S($, {
|
|
1733
|
-
key: 0,
|
|
1734
|
-
icon: t(_).ERROR,
|
|
1735
|
-
size: t(b).SMALL
|
|
1736
|
-
}, null, 8, ["icon", "size"])) : A("", !0),
|
|
1737
|
-
c("div", {
|
|
1738
|
-
class: i([t(e).FONT.SIZE.TWELVE, t(e).FONT.WEIGHT.FIVE_HUNDRED])
|
|
1739
|
-
}, O(u.value ? I.value : o.supportingText), 3)
|
|
1740
|
-
], 2)) : A("", !0)
|
|
1741
|
-
], 2));
|
|
1742
|
-
}
|
|
1743
|
-
});
|
|
1744
|
-
const Kt = /* @__PURE__ */ f(Ot, [["__scopeId", "data-v-2b059682"]]), qt = /* @__PURE__ */ N({
|
|
1745
|
-
__name: "TideLink",
|
|
1746
|
-
props: {
|
|
1747
|
-
element: { default: D.LINK },
|
|
1748
|
-
href: { default: void 0 },
|
|
1749
|
-
iconLeading: { default: void 0 },
|
|
1750
|
-
iconTrailing: { default: void 0 },
|
|
1751
|
-
isNewTab: { type: Boolean, default: !1 },
|
|
1752
|
-
label: { default: void 0 }
|
|
1753
|
-
},
|
|
1754
|
-
setup(a) {
|
|
1755
|
-
const s = a, o = p(() => s.iconLeading || s.iconTrailing);
|
|
1756
|
-
return (n, r) => (l(), S(K(s.element === t(D).LINK ? t(D).LINK : t(D).BUTTON), {
|
|
1757
|
-
class: i([
|
|
1758
|
-
s.element === t(D).LINK ? "tide-button-as-link" : "tide-link",
|
|
1759
|
-
o.value ? [t(e).DISPLAY.INLINE_FLEX, t(e).AXIS2.CENTER, t(e).GAP.HALF] : [t(e).FONT.WEIGHT.SEVEN_HUNDRED, t(e).UNDERLINE]
|
|
1760
|
-
]),
|
|
1761
|
-
href: s.href,
|
|
1762
|
-
target: s.isNewTab ? t(X).BLANK : t(X).SELF
|
|
1763
|
-
}, {
|
|
1764
|
-
default: j(() => [
|
|
1765
|
-
s.iconLeading ? (l(), S(H, {
|
|
1766
|
-
key: 0,
|
|
1767
|
-
icon: s.iconLeading
|
|
1768
|
-
}, null, 8, ["icon"])) : A("", !0),
|
|
1769
|
-
o.value ? (l(), d("div", {
|
|
1770
|
-
key: 1,
|
|
1771
|
-
class: i([t(e).FONT.WEIGHT.SEVEN_HUNDRED, t(e).UNDERLINE])
|
|
1772
|
-
}, O(s.label), 3)) : (l(), d(Q, { key: 2 }, [
|
|
1773
|
-
ue(O(s.label), 1)
|
|
1774
|
-
], 64)),
|
|
1775
|
-
s.iconTrailing ? (l(), S(H, {
|
|
1776
|
-
key: 3,
|
|
1777
|
-
icon: s.iconTrailing
|
|
1778
|
-
}, null, 8, ["icon"])) : A("", !0)
|
|
1779
|
-
]),
|
|
1780
|
-
_: 1
|
|
1781
|
-
}, 8, ["class", "href", "target"]));
|
|
1782
|
-
}
|
|
1783
|
-
}), At = ["onClick"], Nt = /* @__PURE__ */ N({
|
|
1784
|
-
__name: "TideModal",
|
|
1785
|
-
props: {
|
|
1786
|
-
isOpen: { type: Boolean },
|
|
1787
|
-
modalStyle: {},
|
|
1788
|
-
style: {},
|
|
1789
|
-
title: {},
|
|
1790
|
-
width: {}
|
|
1791
|
-
},
|
|
1792
|
-
emits: ["modalClose"],
|
|
1793
|
-
setup(a, { emit: s }) {
|
|
1794
|
-
const o = a, n = v(null), r = () => {
|
|
1795
|
-
s("modalClose");
|
|
1796
|
-
}, E = () => {
|
|
1797
|
-
o.isOpen ? (n.value = window.scrollY, document.body.style.overflow = "hidden", n.value && window.scrollTo(0, n.value)) : document.body.style.overflow = "";
|
|
1798
|
-
}, R = (u) => {
|
|
1799
|
-
u.key === "Escape" && (u.stopPropagation(), r());
|
|
1800
|
-
}, I = () => {
|
|
1801
|
-
window.addEventListener("keydown", R);
|
|
1802
|
-
}, L = () => {
|
|
1803
|
-
window.removeEventListener("keydown", R);
|
|
1804
|
-
};
|
|
1805
|
-
return te(() => {
|
|
1806
|
-
E();
|
|
1807
|
-
}), w(
|
|
1808
|
-
() => o.isOpen,
|
|
1809
|
-
(u) => {
|
|
1810
|
-
E(), u ? I() : L();
|
|
1811
|
-
}
|
|
1812
|
-
), (u, F) => (l(), S(Se, { to: "body" }, [
|
|
1813
|
-
P(me, null, {
|
|
1814
|
-
default: j(() => [
|
|
1815
|
-
oe(c("div", {
|
|
1816
|
-
class: i([
|
|
1817
|
-
"tide-modal-wrapper",
|
|
1818
|
-
t(e).POSITION.ABSOLUTE,
|
|
1819
|
-
t(e).DISPLAY.FLEX,
|
|
1820
|
-
t(e).AXIS1.CENTER,
|
|
1821
|
-
t(e).AXIS2.CENTER,
|
|
1822
|
-
t(e).POSITIONING.TOP_0,
|
|
1823
|
-
t(e).POSITIONING.LEFT_0,
|
|
1824
|
-
t(e).WIDTH.FULL,
|
|
1825
|
-
t(e).HEIGHT.FULL
|
|
1826
|
-
])
|
|
1827
|
-
}, [
|
|
1828
|
-
c("div", {
|
|
1829
|
-
class: i(["tide-modal-bg", t(e).POSITION.ABSOLUTE, t(e).WIDTH.FULL, t(e).HEIGHT.FULL]),
|
|
1830
|
-
style: ee({ "--modal-width": o.width, ...u.style }),
|
|
1831
|
-
onClick: Te(r, ["self"])
|
|
1832
|
-
}, null, 14, At),
|
|
1833
|
-
c("div", {
|
|
1834
|
-
class: i([
|
|
1835
|
-
"tide-modal",
|
|
1836
|
-
t(e).BG.SURFACE.FLOATING,
|
|
1837
|
-
t(e).FONT.COLOR.SURFACE,
|
|
1838
|
-
t(e).POSITION.ABSOLUTE,
|
|
1839
|
-
t(e).DISPLAY.FLEX,
|
|
1840
|
-
t(e).FLEX.DIRECTION.COLUMN,
|
|
1841
|
-
t(e).BORDER.RADIUS.HALF,
|
|
1842
|
-
t(e).OVERFLOW.XY.HIDDEN
|
|
1843
|
-
]),
|
|
1844
|
-
style: ee({ ...u.modalStyle })
|
|
1845
|
-
}, [
|
|
1846
|
-
c("header", {
|
|
1847
|
-
class: i(["modal-header", t(e).POSITION.RELATIVE, t(e).DISPLAY.FLEX, t(e).AXIS2.CENTER, t(e).PADDING.X.TWO])
|
|
1848
|
-
}, [
|
|
1849
|
-
u.title ? (l(), d("div", {
|
|
1850
|
-
key: 0,
|
|
1851
|
-
class: i([t(e).FLEX.GROW.ON, t(e).FONT.SIZE.TWENTY, t(e).ALIGN.X.CENTER, t(e).FONT.WEIGHT.SEVEN_HUNDRED])
|
|
1852
|
-
}, O(u.title), 3)) : A("", !0),
|
|
1853
|
-
c("button", {
|
|
1854
|
-
class: i([t(e).POSITION.ABSOLUTE, t(e).POSITIONING.RIGHT_0, t(e).MARGIN.RIGHT.TWO]),
|
|
1855
|
-
onClick: r,
|
|
1856
|
-
title: "Close"
|
|
1857
|
-
}, [
|
|
1858
|
-
P(H, {
|
|
1859
|
-
icon: t(_).CLOSE
|
|
1860
|
-
}, null, 8, ["icon"])
|
|
1861
|
-
], 2)
|
|
1862
|
-
], 2),
|
|
1863
|
-
c("div", {
|
|
1864
|
-
class: i(["model-content", t(e).OVERFLOW.Y.AUTO])
|
|
1865
|
-
}, [
|
|
1866
|
-
B(u.$slots, "default", {}, void 0, !0)
|
|
1867
|
-
], 2),
|
|
1868
|
-
u.$slots.footer ? (l(), d("footer", {
|
|
1869
|
-
key: 0,
|
|
1870
|
-
class: i([
|
|
1871
|
-
"tide-bg-surface",
|
|
1872
|
-
t(e).POSITION.STICKY,
|
|
1873
|
-
t(e).POSITIONING.LEFT_0,
|
|
1874
|
-
t(e).POSITIONING.BOTTOM_0,
|
|
1875
|
-
t(e).DISPLAY.FLEX,
|
|
1876
|
-
t(e).AXIS1.END,
|
|
1877
|
-
t(e).GAP.ONE,
|
|
1878
|
-
t(e).PADDING.X.TWO,
|
|
1879
|
-
t(e).PADDING.Y.HALF
|
|
1880
|
-
])
|
|
1881
|
-
}, [
|
|
1882
|
-
B(u.$slots, "footer", {}, void 0, !0)
|
|
1883
|
-
], 2)) : A("", !0)
|
|
1884
|
-
], 6)
|
|
1885
|
-
], 2), [
|
|
1886
|
-
[ge, o.isOpen]
|
|
1887
|
-
])
|
|
1888
|
-
]),
|
|
1889
|
-
_: 3
|
|
1890
|
-
})
|
|
1891
|
-
]));
|
|
1892
|
-
}
|
|
1893
|
-
});
|
|
1894
|
-
const zt = /* @__PURE__ */ f(Nt, [["__scopeId", "data-v-d2d2bea2"]]), Zt = /* @__PURE__ */ N({
|
|
1895
|
-
__name: "TidePagination",
|
|
1896
|
-
props: {
|
|
1897
|
-
pageCurrent: { default: 1 },
|
|
1898
|
-
pageTotal: { default: 1 }
|
|
1899
|
-
},
|
|
1900
|
-
emits: ["setPage"],
|
|
1901
|
-
setup(a) {
|
|
1902
|
-
const s = a, o = p(() => new Array(s.pageTotal).fill("").map((n, r) => r + 1));
|
|
1903
|
-
return (n, r) => (l(), d("section", {
|
|
1904
|
-
class: i(["tide-pagination", t(e).DISPLAY.FLEX, t(e).AXIS1.CENTER, t(e).AXIS2.CENTER, t(e).GAP.QUARTER, t(e).WIDTH.FULL])
|
|
1905
|
-
}, [
|
|
1906
|
-
P(Z, {
|
|
1907
|
-
disabled: s.pageCurrent === 1,
|
|
1908
|
-
icon: t(_).CHEVRON_LEFT,
|
|
1909
|
-
priority: t(x).QUATERNARY,
|
|
1910
|
-
onClick: r[0] || (r[0] = (E) => n.$emit("setPage", s.pageCurrent - 1))
|
|
1911
|
-
}, null, 8, ["disabled", "icon", "priority"]),
|
|
1912
|
-
c("ul", {
|
|
1913
|
-
class: i([t(e).DISPLAY.FLEX, t(e).AXIS2.CENTER, t(e).GAP.QUARTER, t(e).LIST_BULLETS.OFF])
|
|
1914
|
-
}, [
|
|
1915
|
-
(l(!0), d(Q, null, J(o.value, (E) => (l(), d("li", { key: E }, [
|
|
1916
|
-
P(Ye, {
|
|
1917
|
-
disabled: s.pageCurrent === E,
|
|
1918
|
-
label: E,
|
|
1919
|
-
priority: t(x).QUATERNARY,
|
|
1920
|
-
onClick: (R) => n.$emit("setPage", E)
|
|
1921
|
-
}, null, 8, ["disabled", "label", "priority", "onClick"])
|
|
1922
|
-
]))), 128))
|
|
1923
|
-
], 2),
|
|
1924
|
-
P(Z, {
|
|
1925
|
-
disabled: s.pageCurrent === o.value[o.value.length - 1],
|
|
1926
|
-
icon: t(_).CHEVRON_RIGHT,
|
|
1927
|
-
priority: t(x).QUATERNARY,
|
|
1928
|
-
onClick: r[1] || (r[1] = (E) => n.$emit("setPage", s.pageCurrent + 1))
|
|
1929
|
-
}, null, 8, ["disabled", "icon", "priority"])
|
|
1930
|
-
], 2));
|
|
1931
|
-
}
|
|
1932
|
-
}), vt = { class: "tide-seo-links" }, Lt = ["href", "target"], pt = /* @__PURE__ */ N({
|
|
1933
|
-
__name: "TideSeoLinks",
|
|
1934
|
-
props: {
|
|
1935
|
-
heading: { default: "" },
|
|
1936
|
-
links: {}
|
|
1937
|
-
},
|
|
1938
|
-
setup(a) {
|
|
1939
|
-
const s = a;
|
|
1940
|
-
return (o, n) => (l(), d("section", vt, [
|
|
1941
|
-
c("h2", {
|
|
1942
|
-
class: i([t(e).MARGIN.BOTTOM.HALF, t(e).FONT.SIZE.SIXTEEN])
|
|
1943
|
-
}, O(s.heading), 3),
|
|
1944
|
-
c("ul", {
|
|
1945
|
-
class: i([t(e).DISPLAY.FLEX, t(e).FLEX.WRAP, t(e).GAP.TWO, t(e).LIST_BULLETS.OFF])
|
|
1946
|
-
}, [
|
|
1947
|
-
(l(!0), d(Q, null, J(s.links, (r) => (l(), d("li", {
|
|
1948
|
-
class: i(["tide-seo-link", t(e).DISPLAY.FLEX, t(e).FLEX.DIRECTION.COLUMN, t(e).GAP.QUARTER, t(e).FONT.SIZE.FOURTEEN]),
|
|
1949
|
-
key: r.label
|
|
1950
|
-
}, [
|
|
1951
|
-
c("a", {
|
|
1952
|
-
class: i([t(e).UNDERLINE.OFF]),
|
|
1953
|
-
href: r.url,
|
|
1954
|
-
target: r.isNewTab ? t(X).BLANK : t(X).SELF
|
|
1955
|
-
}, O(r.label), 11, Lt)
|
|
1956
|
-
], 2))), 128))
|
|
1957
|
-
], 2)
|
|
1958
|
-
]));
|
|
1959
|
-
}
|
|
1960
|
-
});
|
|
1961
|
-
const jt = /* @__PURE__ */ f(pt, [["__scopeId", "data-v-d62373f1"]]), Ft = ["data-track", "onClick"], _t = /* @__PURE__ */ N({
|
|
1962
|
-
__name: "TideTabs",
|
|
1963
|
-
props: {
|
|
1964
|
-
activeTabInitial: { default: 0 },
|
|
1965
|
-
tabs: {}
|
|
1966
|
-
},
|
|
1967
|
-
emits: ["tabClick"],
|
|
1968
|
-
setup(a, { emit: s }) {
|
|
1969
|
-
const o = a, n = v(o.activeTabInitial), r = (E, R) => {
|
|
1970
|
-
n.value = R, s("tabClick", E, R);
|
|
1971
|
-
};
|
|
1972
|
-
return (E, R) => (l(), d("div", {
|
|
1973
|
-
class: i([
|
|
1974
|
-
"tide-tabs",
|
|
1975
|
-
t(e).BG.SURFACE.VARIANT,
|
|
1976
|
-
t(e).DISPLAY.FLEX,
|
|
1977
|
-
t(e).GAP.QUARTER,
|
|
1978
|
-
t(e).BORDER.RADIUS.HALF,
|
|
1979
|
-
t(e).PADDING.FULL.QUARTER,
|
|
1980
|
-
t(e).OVERFLOW.XY.HIDDEN,
|
|
1981
|
-
t(e).WIDTH.FULL
|
|
1982
|
-
])
|
|
1983
|
-
}, [
|
|
1984
|
-
(l(!0), d(Q, null, J(o.tabs, (I, L) => (l(), d("button", {
|
|
1985
|
-
class: i([
|
|
1986
|
-
"tide-tabs-tab",
|
|
1987
|
-
L === n.value ? [t(e).BG.SURFACE.DEFAULT, t(e).FONT.COLOR.SURFACE.DEFAULT, t(e).SHADOW.BOTTOM] : [t(e).FONT.COLOR.SURFACE.VARIANT],
|
|
1988
|
-
t(e).FLEX.GROW.ON,
|
|
1989
|
-
t(e).BORDER.RADIUS.QUARTER,
|
|
1990
|
-
t(e).PADDING.Y.QUARTER,
|
|
1991
|
-
t(e).WIDTH.FULL,
|
|
1992
|
-
t(e).FONT.WEIGHT.SIX_HUNDRED,
|
|
1993
|
-
t(e).WHITESPACE_WRAP.OFF
|
|
1994
|
-
]),
|
|
1995
|
-
"data-track": I.dataTrack || void 0,
|
|
1996
|
-
key: I.label,
|
|
1997
|
-
onClick: (u) => r(u, L)
|
|
1998
|
-
}, [
|
|
1999
|
-
c("span", {
|
|
2000
|
-
class: i([t(e).FONT.WEIGHT.SIX_HUNDRED])
|
|
2001
|
-
}, O(I.label), 3),
|
|
2002
|
-
I.count && I.count > 0 ? (l(), d("span", {
|
|
2003
|
-
key: 0,
|
|
2004
|
-
class: i([t(e).FONT.WEIGHT.SIX_HUNDRED])
|
|
2005
|
-
}, " (" + O(I.count) + ") ", 3)) : A("", !0)
|
|
2006
|
-
], 10, Ft))), 128))
|
|
2007
|
-
], 2));
|
|
2008
|
-
}
|
|
2009
|
-
});
|
|
2010
|
-
const Jt = /* @__PURE__ */ f(_t, [["__scopeId", "data-v-c72bf26c"]]), Dt = ["disabled"], St = /* @__PURE__ */ N({
|
|
2011
|
-
__name: "TideToggle",
|
|
2012
|
-
props: {
|
|
2013
|
-
disabled: {
|
|
2014
|
-
default: !1,
|
|
2015
|
-
required: !1,
|
|
2016
|
-
type: Boolean
|
|
2017
|
-
},
|
|
2018
|
-
isActive: {
|
|
2019
|
-
required: !0,
|
|
2020
|
-
type: Boolean
|
|
2021
|
-
}
|
|
2022
|
-
},
|
|
2023
|
-
setup(a) {
|
|
2024
|
-
const s = a;
|
|
2025
|
-
return (o, n) => (l(), d("button", {
|
|
2026
|
-
class: i([
|
|
2027
|
-
"tide-toggle",
|
|
2028
|
-
t(e).DISPLAY.FLEX,
|
|
2029
|
-
t(e).AXIS2.CENTER,
|
|
2030
|
-
t(e).BORDER.RADIUS.FULL,
|
|
2031
|
-
t(e).OVERFLOW.XY.HIDDEN,
|
|
2032
|
-
s.isActive ? t(e).BG.SECONDARY : t(e).BG.SURFACE.VARIANT
|
|
2033
|
-
]),
|
|
2034
|
-
disabled: s.disabled
|
|
2035
|
-
}, [
|
|
2036
|
-
c("div", {
|
|
2037
|
-
class: i([
|
|
2038
|
-
"tide-toggle-indicator",
|
|
2039
|
-
t(e).BG.SURFACE.DEFAULT,
|
|
2040
|
-
s.isActive ? "active" : "",
|
|
2041
|
-
t(e).POSITION.RELATIVE,
|
|
2042
|
-
t(e).BORDER.RADIUS.FULL,
|
|
2043
|
-
t(e).SHADOW.BOTTOM
|
|
2044
|
-
])
|
|
2045
|
-
}, null, 2)
|
|
2046
|
-
], 10, Dt));
|
|
2047
|
-
}
|
|
2048
|
-
});
|
|
2049
|
-
const es = /* @__PURE__ */ f(St, [["__scopeId", "data-v-05213250"]]), ts = {
|
|
2050
|
-
AERO: "aero",
|
|
2051
|
-
ATV: "atv",
|
|
2052
|
-
BOATMART: "boatmart",
|
|
2053
|
-
CYCLE: "cycle",
|
|
2054
|
-
EQUIP: "equip",
|
|
2055
|
-
PWC: "pwc",
|
|
2056
|
-
RV: "rv",
|
|
2057
|
-
SNOW: "snow",
|
|
2058
|
-
TRUCK: "truck"
|
|
2059
|
-
};
|
|
2060
|
-
export {
|
|
2061
|
-
q as A,
|
|
2062
|
-
ht as B,
|
|
2063
|
-
e as C,
|
|
2064
|
-
Qt as D,
|
|
2065
|
-
D as E,
|
|
2066
|
-
Kt as F,
|
|
2067
|
-
qt as G,
|
|
2068
|
-
zt as H,
|
|
2069
|
-
_ as I,
|
|
2070
|
-
Zt as J,
|
|
2071
|
-
jt as K,
|
|
2072
|
-
$ as L,
|
|
2073
|
-
Jt as M,
|
|
2074
|
-
es as N,
|
|
2075
|
-
x as P,
|
|
2076
|
-
ts as R,
|
|
2077
|
-
b as S,
|
|
2078
|
-
X as T,
|
|
2079
|
-
f as _,
|
|
2080
|
-
bt as a,
|
|
2081
|
-
He as b,
|
|
2082
|
-
V as c,
|
|
2083
|
-
gt as d,
|
|
2084
|
-
ft as e,
|
|
2085
|
-
Ut as f,
|
|
2086
|
-
Ct as g,
|
|
2087
|
-
Pt as h,
|
|
2088
|
-
Gt as i,
|
|
2089
|
-
Ht as j,
|
|
2090
|
-
yt as k,
|
|
2091
|
-
Bt as l,
|
|
2092
|
-
Z as m,
|
|
2093
|
-
Ye as n,
|
|
2094
|
-
Xt as o,
|
|
2095
|
-
Wt as p,
|
|
2096
|
-
Mt as q,
|
|
2097
|
-
Yt as r,
|
|
2098
|
-
kt as s,
|
|
2099
|
-
Vt as t,
|
|
2100
|
-
de as u,
|
|
2101
|
-
H as v,
|
|
2102
|
-
xt as w,
|
|
2103
|
-
Pe as x,
|
|
2104
|
-
wt as y,
|
|
2105
|
-
$t as z
|
|
2106
|
-
};
|