tide-design-system 2.0.1 → 2.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (106) hide show
  1. package/dist/assets/style.css +1 -0
  2. package/dist/css/animation.css +1 -1
  3. package/dist/css/dynamic-buttons.css +22 -22
  4. package/dist/css/dynamic-utilities.css +21 -21
  5. package/dist/css/main.css +0 -4
  6. package/dist/css/page-layout.css +30 -46
  7. package/dist/css/realm/aero.css +33 -33
  8. package/dist/css/realm/atv.css +34 -34
  9. package/dist/css/realm/boatmart.css +33 -33
  10. package/dist/css/realm/cycle.css +33 -33
  11. package/dist/css/realm/equip.css +33 -33
  12. package/dist/css/realm/pwc.css +33 -33
  13. package/dist/css/realm/rv.css +33 -33
  14. package/dist/css/realm/snow.css +32 -32
  15. package/dist/css/realm/truck.css +33 -33
  16. package/dist/css/reset.css +9 -9
  17. package/dist/css/sb-rv.css +1 -0
  18. package/dist/css/storybook.css +2 -1
  19. package/dist/css/utilities.css +103 -101
  20. package/dist/css/variables.css +92 -92
  21. package/dist/tide-design-system.js +3 -46
  22. package/dist/tide-design-system2.js +5 -0
  23. package/dist/tide-design-system3.js +5 -0
  24. package/dist/tide-design-system4.js +5 -0
  25. package/dist/tide-design-system5.js +5 -0
  26. package/dist/tide-design-system6.js +5 -0
  27. package/dist/tide-design-system7.js +5 -0
  28. package/dist/tide-design-system8.js +5 -0
  29. package/dist/types/Styles.ts +29 -31
  30. package/dist/utilities/storybook.ts +31 -7
  31. package/package.json +3 -2
  32. package/dist/IconAccountBalance-0c552905.js +0 -10
  33. package/dist/IconAdd-50766b43.js +0 -10
  34. package/dist/IconAi-3f1ad2fe.js +0 -22
  35. package/dist/IconAlignSpace-804660fd.js +0 -10
  36. package/dist/IconApplePay-75b9850c.js +0 -10
  37. package/dist/IconArrowBack-3bde832a.js +0 -10
  38. package/dist/IconArrowForward-0582323f.js +0 -10
  39. package/dist/IconArrowRight-c37875ce.js +0 -10
  40. package/dist/IconAssignment-b9549d2c.js +0 -10
  41. package/dist/IconAwardStar-a1b0a840.js +0 -10
  42. package/dist/IconBookmark-26e82ff4.js +0 -10
  43. package/dist/IconCalendarMonth-55806114.js +0 -10
  44. package/dist/IconCall-dfc29049.js +0 -10
  45. package/dist/IconCheck-1d4a84f9.js +0 -10
  46. package/dist/IconChevronLeft-8a9307a6.js +0 -10
  47. package/dist/IconChevronRight-46940da9.js +0 -10
  48. package/dist/IconClear-1dc6a4df.js +0 -10
  49. package/dist/IconClose-93976f13.js +0 -10
  50. package/dist/IconCycle-b8bc8146.js +0 -10
  51. package/dist/IconDelete-2970a09b.js +0 -10
  52. package/dist/IconDiamond-ba4bae95.js +0 -10
  53. package/dist/IconEdit-3612d58e.js +0 -10
  54. package/dist/IconError-643df67d.js +0 -10
  55. package/dist/IconExpandContent-71109869.js +0 -10
  56. package/dist/IconExpandLess-9c6c12b6.js +0 -10
  57. package/dist/IconExpandMore-fcd92910.js +0 -10
  58. package/dist/IconFacebook-b0d62bbb.js +0 -10
  59. package/dist/IconFavorite-d59dfc0b.js +0 -10
  60. package/dist/IconFavoriteFilled-fd2c5862.js +0 -10
  61. package/dist/IconFormatBold-6f1aa639.js +0 -10
  62. package/dist/IconFormatItalic-a82848b2.js +0 -10
  63. package/dist/IconFormatListBulleted-4f4a0a99.js +0 -10
  64. package/dist/IconForum-194dedbd.js +0 -10
  65. package/dist/IconGoogle-46e6c4f1.js +0 -27
  66. package/dist/IconGooglePay-090b70a8.js +0 -10
  67. package/dist/IconGrid-0f7c079c.js +0 -10
  68. package/dist/IconHelp-e91f36a5.js +0 -10
  69. package/dist/IconInfo-df1f06a5.js +0 -10
  70. package/dist/IconInsertText-e371c1cd.js +0 -10
  71. package/dist/IconInstagram-af4ea628.js +0 -10
  72. package/dist/IconIosShare-7253c1df.js +0 -10
  73. package/dist/IconLayout-225d9fb6.js +0 -10
  74. package/dist/IconLinkedIn-ab7e007c.js +0 -10
  75. package/dist/IconLocalShipping-2c8ac96c.js +0 -10
  76. package/dist/IconLock-b4e1bd5d.js +0 -10
  77. package/dist/IconMail-50eca4b4.js +0 -10
  78. package/dist/IconMenu-7789a1f9.js +0 -10
  79. package/dist/IconMoreHoriz-35960212.js +0 -10
  80. package/dist/IconNotifications-a6690c77.js +0 -10
  81. package/dist/IconOpenInNew-8b812d7f.js +0 -10
  82. package/dist/IconPalette-18b6e766.js +0 -10
  83. package/dist/IconPaypal-75ff8ed5.js +0 -10
  84. package/dist/IconPerson-3c8a4c27.js +0 -10
  85. package/dist/IconPhotoCamera-0fbb9344.js +0 -10
  86. package/dist/IconPinterest-28ae7c92.js +0 -10
  87. package/dist/IconPlayArrow-6d779a71.js +0 -10
  88. package/dist/IconRemove-1f655305.js +0 -10
  89. package/dist/IconRoundedCorners-1f9eba28.js +0 -10
  90. package/dist/IconSearch-c6843cf3.js +0 -10
  91. package/dist/IconSell-c7818ac8.js +0 -10
  92. package/dist/IconShare-b81bc4cd.js +0 -10
  93. package/dist/IconShoppingCart-b6cc2022.js +0 -10
  94. package/dist/IconSms-dc4c1454.js +0 -10
  95. package/dist/IconStar-c4305bd6.js +0 -10
  96. package/dist/IconSwapVert-00e66af6.js +0 -10
  97. package/dist/IconThreeDRotation-b19a9312.js +0 -25
  98. package/dist/IconTune-dee47734.js +0 -10
  99. package/dist/IconTwitter-2ab4e06b.js +0 -10
  100. package/dist/IconVideocam-0d0142aa.js +0 -10
  101. package/dist/IconViewInAr-7cd92579.js +0 -10
  102. package/dist/IconVisibility-84655778.js +0 -10
  103. package/dist/IconWarning-cab4938a.js +0 -10
  104. package/dist/IconYoutube-ab7e33d3.js +0 -10
  105. package/dist/index-32686488.js +0 -2106
  106. package/dist/style.css +0 -1
@@ -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
- };