sit-onyx 1.4.0-dev-20251106105154 → 1.4.0-dev-20251106141823
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/components/OnyxSlider/types.d.ts +4 -4
- package/dist/components/OnyxSliderControl/OnyxSliderControl.d.vue.ts +21 -0
- package/dist/components/OnyxSliderControl/types.d.ts +48 -0
- package/dist/i18n/locales/de-DE.json +3 -2
- package/dist/i18n/locales/en-US.json +3 -2
- package/dist/i18n/locales/en-US.json.d.ts +3 -2
- package/dist/index.d.ts +2 -0
- package/dist/index.esm-bundler.js +911 -803
- package/dist/index.esm-bundler.js.map +1 -1
- package/dist/index.js +3225 -3131
- package/dist/style.css +1 -1
- package/package.json +5 -5
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { computed, provide, inject, toRef, ref, watch, defineComponent, watchEffect, toRefs, createElementBlock, openBlock, normalizeClass, renderSlot, onMounted, createBlock, resolveDynamicComponent, withCtx, createVNode, createElementVNode, withModifiers, readonly, reactive, onBeforeMount, onBeforeUnmount, useId, toValue, nextTick, unref, shallowRef, useTemplateRef, createCommentVNode, createTextVNode, toDisplayString, normalizeProps, mergeProps, Fragment, useAttrs, isProxy, toRaw, customRef, onUnmounted, normalizeStyle, useSlots, createSlots, renderList, toHandlers, resolveComponent, withDirectives, guardReactiveProps, vShow, Teleport, vModelCheckbox, vModelText, h, vModelDynamic, withKeys, createStaticVNode, useModel } from "vue";
|
|
2
|
-
import { iconChevronDownSmall, iconCircleAttention, iconXSmall, iconMoreVertical, iconX, iconMoreHorizontalSmall, iconCircleCheck, iconCircleX, iconCircleInformation, iconUser, iconArrowSmallUpRight, iconChevronRightSmall, iconArrowSmallLeft, iconMoreHorizontal, iconHome, iconChevronLeftSmall, iconFileCopy, iconSearch, iconCheck, iconSearchX, iconChevronDownUp, iconCheckSmall, iconPlusSmall, iconEyeDisabled, iconListArrowUp, iconListArrowDown, iconArrowsSort, iconCircleBlock, iconFileDisabled, iconEyeClosed, iconEye, iconCircleContrast, iconTranslate, iconMenu, iconNotificationFlag,
|
|
2
|
+
import { iconChevronDownSmall, iconCircleAttention, iconXSmall, iconMoreVertical, iconX, iconMoreHorizontalSmall, iconCircleCheck, iconCircleX, iconCircleInformation, iconUser, iconArrowSmallUpRight, iconChevronRightSmall, iconArrowSmallLeft, iconMoreHorizontal, iconHome, iconChevronLeftSmall, iconFileCopy, iconSearch, iconCheck, iconSearchX, iconChevronDownUp, iconCheckSmall, iconPlusSmall, iconEyeDisabled, iconListArrowUp, iconListArrowDown, iconArrowsSort, iconCircleBlock, iconFileDisabled, iconEyeClosed, iconEye, iconCircleContrast, iconTranslate, iconMenu, iconNotificationFlag, iconPlus, iconMinus, iconMinusSmall, iconFile, iconFilePdf, iconFileCsv, iconAudio, iconVideocam, iconPicture, iconFileRtf, iconFilePpt, iconFileXls, iconFileXlsx, iconFileDoc, iconFileGlobe, iconFileArchive, iconFileText, iconTrash, iconCloudArrowUp, iconShareIos, iconSettings, iconLogout, iconArrowSmallRight } from "@sit-onyx/icons";
|
|
3
3
|
const DENSITIES = ["compact", "default", "cozy"];
|
|
4
4
|
const useDensity = (props) => ({
|
|
5
5
|
densityClass: computed(() => ({ [`onyx-density-${props.density}`]: !!props.density }))
|
|
@@ -49,7 +49,7 @@ const useVModel = (options) => {
|
|
|
49
49
|
};
|
|
50
50
|
const ACCORDION_INJECTION_KEY = Symbol();
|
|
51
51
|
const ACCORDION_TYPES = ["default", "nested-large", "nested-small", "card"];
|
|
52
|
-
const _sfc_main$
|
|
52
|
+
const _sfc_main$1K = /* @__PURE__ */ defineComponent({
|
|
53
53
|
__name: "OnyxAccordion",
|
|
54
54
|
props: {
|
|
55
55
|
density: { type: null, required: false },
|
|
@@ -119,7 +119,7 @@ const _export_sfc = (sfc, props) => {
|
|
|
119
119
|
}
|
|
120
120
|
return target;
|
|
121
121
|
};
|
|
122
|
-
function _sfc_render$
|
|
122
|
+
function _sfc_render$1K(_ctx, _cache, $props, $setup, $data, $options) {
|
|
123
123
|
return openBlock(), createElementBlock(
|
|
124
124
|
"div",
|
|
125
125
|
{
|
|
@@ -137,7 +137,7 @@ function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
137
137
|
/* CLASS */
|
|
138
138
|
);
|
|
139
139
|
}
|
|
140
|
-
const OnyxAccordion = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
140
|
+
const OnyxAccordion = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["render", _sfc_render$1K], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxAccordion/OnyxAccordion.vue"]]);
|
|
141
141
|
const ONYX_BREAKPOINTS = {
|
|
142
142
|
"2xs": 320,
|
|
143
143
|
xs: 577,
|
|
@@ -150,7 +150,7 @@ const ONYX_BREAKPOINTS = {
|
|
|
150
150
|
md: ONYX_BREAKPOINTS.lg - 1,
|
|
151
151
|
lg: ONYX_BREAKPOINTS.xl - 1
|
|
152
152
|
});
|
|
153
|
-
const _sfc_main$
|
|
153
|
+
const _sfc_main$1J = /* @__PURE__ */ defineComponent({
|
|
154
154
|
__name: "OnyxIcon",
|
|
155
155
|
props: {
|
|
156
156
|
size: { type: null, required: false },
|
|
@@ -167,7 +167,7 @@ const _sfc_main$1I = /* @__PURE__ */ defineComponent({
|
|
|
167
167
|
}
|
|
168
168
|
});
|
|
169
169
|
const _hoisted_1$1e = ["innerHTML"];
|
|
170
|
-
function _sfc_render$
|
|
170
|
+
function _sfc_render$1J(_ctx, _cache, $props, $setup, $data, $options) {
|
|
171
171
|
return openBlock(), createElementBlock("figure", {
|
|
172
172
|
class: normalizeClass({
|
|
173
173
|
"onyx-component": true,
|
|
@@ -180,7 +180,7 @@ function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
180
180
|
innerHTML: $setup.props.icon
|
|
181
181
|
}, null, 10, _hoisted_1$1e);
|
|
182
182
|
}
|
|
183
|
-
const OnyxIcon = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
183
|
+
const OnyxIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1J, [["render", _sfc_render$1J], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxIcon/OnyxIcon.vue"]]);
|
|
184
184
|
const isAlreadyTriggered = /* @__PURE__ */ new Set();
|
|
185
185
|
const IDLE_TIMEOUT = 200;
|
|
186
186
|
const onIdleCallback = globalThis.window && "requestIdleCallback" in globalThis.window ? globalThis.window.requestIdleCallback : (cb, _) => setTimeout(cb, 0);
|
|
@@ -196,7 +196,7 @@ const requestAnimationSync = (animationName) => {
|
|
|
196
196
|
isAlreadyTriggered.add(animationName);
|
|
197
197
|
onIdleCallback(() => syncAnimations(animationName), { timeout: IDLE_TIMEOUT });
|
|
198
198
|
};
|
|
199
|
-
const _sfc_main$
|
|
199
|
+
const _sfc_main$1I = /* @__PURE__ */ defineComponent({
|
|
200
200
|
__name: "OnyxSkeleton",
|
|
201
201
|
setup(__props, { expose: __expose }) {
|
|
202
202
|
__expose();
|
|
@@ -210,11 +210,11 @@ const _hoisted_1$1d = {
|
|
|
210
210
|
"aria-hidden": "true",
|
|
211
211
|
class: "onyx-component onyx-skeleton"
|
|
212
212
|
};
|
|
213
|
-
function _sfc_render$
|
|
213
|
+
function _sfc_render$1I(_ctx, _cache, $props, $setup, $data, $options) {
|
|
214
214
|
return openBlock(), createElementBlock("figure", _hoisted_1$1d);
|
|
215
215
|
}
|
|
216
|
-
const OnyxSkeleton = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
217
|
-
const _sfc_main$
|
|
216
|
+
const OnyxSkeleton = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["render", _sfc_render$1I], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSkeleton/OnyxSkeleton.vue"]]);
|
|
217
|
+
const _sfc_main$1H = /* @__PURE__ */ defineComponent({
|
|
218
218
|
__name: "OnyxAccordionItem",
|
|
219
219
|
props: {
|
|
220
220
|
density: { type: null, required: false },
|
|
@@ -253,9 +253,9 @@ const _sfc_main$1G = /* @__PURE__ */ defineComponent({
|
|
|
253
253
|
});
|
|
254
254
|
const _hoisted_1$1c = ["open"];
|
|
255
255
|
const _hoisted_2$S = ["id", "tabindex", "aria-expanded", "aria-controls", "aria-disabled"];
|
|
256
|
-
const _hoisted_3$
|
|
257
|
-
const _hoisted_4$
|
|
258
|
-
function _sfc_render$
|
|
256
|
+
const _hoisted_3$z = { class: "onyx-accordion-item__header-content" };
|
|
257
|
+
const _hoisted_4$n = ["id", "aria-labelledby"];
|
|
258
|
+
function _sfc_render$1H(_ctx, _cache, $props, $setup, $data, $options) {
|
|
259
259
|
return $setup.showSkeleton ? (openBlock(), createBlock(resolveDynamicComponent($setup.type === "card" ? $setup.OnyxSkeleton : "div"), {
|
|
260
260
|
key: 0,
|
|
261
261
|
class: normalizeClass([
|
|
@@ -291,7 +291,7 @@ function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
291
291
|
"aria-disabled": $setup.isDisabled,
|
|
292
292
|
onClick: _cache[0] || (_cache[0] = withModifiers(($event) => $setup.isOpen = !$setup.isOpen, ["prevent"]))
|
|
293
293
|
}, [
|
|
294
|
-
createElementVNode("div", _hoisted_3$
|
|
294
|
+
createElementVNode("div", _hoisted_3$z, [
|
|
295
295
|
renderSlot(_ctx.$slots, "header")
|
|
296
296
|
]),
|
|
297
297
|
createVNode($setup["OnyxIcon"], {
|
|
@@ -306,10 +306,10 @@ function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
306
306
|
"aria-labelledby": $setup.headerId
|
|
307
307
|
}, [
|
|
308
308
|
renderSlot(_ctx.$slots, "default")
|
|
309
|
-
], 8, _hoisted_4$
|
|
309
|
+
], 8, _hoisted_4$n)
|
|
310
310
|
], 10, _hoisted_1$1c));
|
|
311
311
|
}
|
|
312
|
-
const OnyxAccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
312
|
+
const OnyxAccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$1H], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxAccordionItem/OnyxAccordionItem.vue"]]);
|
|
313
313
|
const DATETIME_FORMATS = {
|
|
314
314
|
date: { dateStyle: "medium" },
|
|
315
315
|
"datetime-local": { dateStyle: "medium", timeStyle: "short" },
|
|
@@ -356,7 +356,7 @@ const fileUpload = { "select": "Select", "clickToUpload": "Click to select", "or
|
|
|
356
356
|
const globalFAB = { "label": "Global actions" };
|
|
357
357
|
const calendar = { "todayButton": { "label": "Today", "tooltip": "Jump to today" }, "calendarWeek": "CW", "calendarWeekButtonLabel": "Select calendar week {weekNumber}", "previousMonthButton": "Previous month", "nextMonthButton": "Next month" };
|
|
358
358
|
const flyoutMenu = { "moreActions": "More actions", "toggleActions": { "click": "Click to toggle action visibility", "hover": "Hover/Focus to toggle action visibility" } };
|
|
359
|
-
const slider = { "
|
|
359
|
+
const slider = { "decreaseValueBy": "Decrease value by {n}", "increaseValueBy": "Increase value by {n}", "changeValue": "Change value" };
|
|
360
360
|
const codeTabs = { "label": "Code snippets", "copySnippet": "Copy code", "copied": "Copied!", "tabLabel": "Code" };
|
|
361
361
|
const enUS = {
|
|
362
362
|
yes,
|
|
@@ -1485,9 +1485,15 @@ const _unstableCreateSlider = createBuilder(
|
|
|
1485
1485
|
return stepMultiple * step.value;
|
|
1486
1486
|
});
|
|
1487
1487
|
const isDisabled = computed(() => unref(options.disabled) ?? false);
|
|
1488
|
-
const marks = computed(() => unref(options.marks) ?? false);
|
|
1489
|
-
const label = computed(() => unref(options.label));
|
|
1490
1488
|
const isDiscrete = computed(() => unref(options.discrete) ?? false);
|
|
1489
|
+
const marks = computed(() => {
|
|
1490
|
+
const rawMarks = unref(options.marks);
|
|
1491
|
+
if (isDiscrete.value && !rawMarks) {
|
|
1492
|
+
return true;
|
|
1493
|
+
}
|
|
1494
|
+
return rawMarks ?? false;
|
|
1495
|
+
});
|
|
1496
|
+
const label = computed(() => unref(options.label));
|
|
1491
1497
|
let touchId = null;
|
|
1492
1498
|
let movesSinceStart = 0;
|
|
1493
1499
|
let lastChangedValue = null;
|
|
@@ -1920,7 +1926,13 @@ const _unstableCreateSlider = createBuilder(
|
|
|
1920
1926
|
* - If marks option is `false`, no marks are shown.
|
|
1921
1927
|
*/
|
|
1922
1928
|
marksList,
|
|
1929
|
+
/**
|
|
1930
|
+
* Step size when holding shift key or using Page Up/Page Down keys.
|
|
1931
|
+
*/
|
|
1923
1932
|
shiftStep,
|
|
1933
|
+
/**
|
|
1934
|
+
* Normalized slider values (clamped to min/max and rounded to nearest step/mark).
|
|
1935
|
+
*/
|
|
1924
1936
|
normalizedValues
|
|
1925
1937
|
},
|
|
1926
1938
|
internals: {
|
|
@@ -2122,7 +2134,7 @@ const createTooltip = createBuilder(({ debounce: debounce2, isVisible }) => {
|
|
|
2122
2134
|
}
|
|
2123
2135
|
};
|
|
2124
2136
|
});
|
|
2125
|
-
const _sfc_main$
|
|
2137
|
+
const _sfc_main$1G = /* @__PURE__ */ defineComponent({
|
|
2126
2138
|
__name: "OnyxBasicDialog",
|
|
2127
2139
|
props: {
|
|
2128
2140
|
density: { type: null, required: false },
|
|
@@ -2183,7 +2195,7 @@ const _hoisted_2$R = {
|
|
|
2183
2195
|
ref: "contentRef",
|
|
2184
2196
|
class: "onyx-basic-dialog__content"
|
|
2185
2197
|
};
|
|
2186
|
-
function _sfc_render$
|
|
2198
|
+
function _sfc_render$1G(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2187
2199
|
return $setup.props.open ? (openBlock(), createElementBlock("dialog", {
|
|
2188
2200
|
key: 0,
|
|
2189
2201
|
ref: "dialogRef",
|
|
@@ -2211,7 +2223,7 @@ function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
2211
2223
|
)
|
|
2212
2224
|
], 42, _hoisted_1$1b)) : createCommentVNode("v-if", true);
|
|
2213
2225
|
}
|
|
2214
|
-
const OnyxBasicDialog = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
2226
|
+
const OnyxBasicDialog = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$1G], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxBasicDialog/OnyxBasicDialog.vue"]]);
|
|
2215
2227
|
const normalizedIncludes = (haystack, needle) => {
|
|
2216
2228
|
const haystackNormalized = removeDiacritics(haystack.toLowerCase());
|
|
2217
2229
|
const needleNormalized = removeDiacritics(needle.toLowerCase());
|
|
@@ -2293,7 +2305,7 @@ const normalizeHref = (href) => {
|
|
|
2293
2305
|
return value.replace(/\/+$/, "");
|
|
2294
2306
|
};
|
|
2295
2307
|
const ROUTER_INJECTION_KEY = Symbol();
|
|
2296
|
-
const _sfc_main$
|
|
2308
|
+
const _sfc_main$1F = /* @__PURE__ */ defineComponent({
|
|
2297
2309
|
__name: "OnyxVisuallyHidden",
|
|
2298
2310
|
props: {
|
|
2299
2311
|
is: { type: String, required: false, default: "span" }
|
|
@@ -2306,7 +2318,7 @@ const _sfc_main$1E = /* @__PURE__ */ defineComponent({
|
|
|
2306
2318
|
return __returned__;
|
|
2307
2319
|
}
|
|
2308
2320
|
});
|
|
2309
|
-
function _sfc_render$
|
|
2321
|
+
function _sfc_render$1F(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2310
2322
|
return openBlock(), createBlock(resolveDynamicComponent($setup.props.is), { class: "onyx-component onyx-visually-hidden" }, {
|
|
2311
2323
|
default: withCtx(() => [
|
|
2312
2324
|
renderSlot(_ctx.$slots, "default")
|
|
@@ -2315,8 +2327,8 @@ function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
2315
2327
|
/* FORWARDED */
|
|
2316
2328
|
});
|
|
2317
2329
|
}
|
|
2318
|
-
const OnyxVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
2319
|
-
const _sfc_main$
|
|
2330
|
+
const OnyxVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$1F], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxVisuallyHidden/OnyxVisuallyHidden.vue"]]);
|
|
2331
|
+
const _sfc_main$1E = /* @__PURE__ */ defineComponent({
|
|
2320
2332
|
__name: "OnyxRouterLink",
|
|
2321
2333
|
props: {
|
|
2322
2334
|
href: { type: String, required: true },
|
|
@@ -2333,7 +2345,7 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
|
|
|
2333
2345
|
}
|
|
2334
2346
|
});
|
|
2335
2347
|
const _hoisted_1$1a = ["href", "target", "rel"];
|
|
2336
|
-
function _sfc_render$
|
|
2348
|
+
function _sfc_render$1E(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2337
2349
|
return openBlock(), createElementBlock("a", {
|
|
2338
2350
|
class: normalizeClass([
|
|
2339
2351
|
"onyx-component",
|
|
@@ -2359,8 +2371,8 @@ function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
2359
2371
|
})) : createCommentVNode("v-if", true)
|
|
2360
2372
|
], 10, _hoisted_1$1a);
|
|
2361
2373
|
}
|
|
2362
|
-
const OnyxRouterLink = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
2363
|
-
const _sfc_main$
|
|
2374
|
+
const OnyxRouterLink = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$1E], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxRouterLink/OnyxRouterLink.vue"]]);
|
|
2375
|
+
const _sfc_main$1D = /* @__PURE__ */ defineComponent({
|
|
2364
2376
|
__name: "OnyxHeadline",
|
|
2365
2377
|
props: {
|
|
2366
2378
|
is: { type: null, required: true },
|
|
@@ -2385,7 +2397,7 @@ const _sfc_main$1C = /* @__PURE__ */ defineComponent({
|
|
|
2385
2397
|
return __returned__;
|
|
2386
2398
|
}
|
|
2387
2399
|
});
|
|
2388
|
-
function _sfc_render$
|
|
2400
|
+
function _sfc_render$1D(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2389
2401
|
return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
|
|
2390
2402
|
key: 0,
|
|
2391
2403
|
class: normalizeClass(["onyx-headline-skeleton", `onyx-headline-skeleton--${$setup.showAs}`])
|
|
@@ -2425,7 +2437,7 @@ function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
2425
2437
|
/* FORWARDED */
|
|
2426
2438
|
}, 8, ["id", "class"]));
|
|
2427
2439
|
}
|
|
2428
|
-
const OnyxHeadline = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
2440
|
+
const OnyxHeadline = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$1D], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxHeadline/OnyxHeadline.vue"]]);
|
|
2429
2441
|
const useAutofocus = (inputRef, props) => {
|
|
2430
2442
|
if (!props.autofocus) {
|
|
2431
2443
|
return;
|
|
@@ -2476,7 +2488,7 @@ const useFormContext = (props) => {
|
|
|
2476
2488
|
DEFAULT_FORM_INJECTION_CONTEXT
|
|
2477
2489
|
)(toRef(props));
|
|
2478
2490
|
};
|
|
2479
|
-
const _sfc_main$
|
|
2491
|
+
const _sfc_main$1C = /* @__PURE__ */ defineComponent({
|
|
2480
2492
|
__name: "ButtonOrLinkLayout",
|
|
2481
2493
|
props: {
|
|
2482
2494
|
disabled: { type: [Boolean, Symbol], required: false },
|
|
@@ -2500,7 +2512,7 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
|
|
|
2500
2512
|
}
|
|
2501
2513
|
});
|
|
2502
2514
|
const _hoisted_1$19 = ["disabled", "type", "autofocus"];
|
|
2503
|
-
function _sfc_render$
|
|
2515
|
+
function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2504
2516
|
return $setup.linkProps ? (openBlock(), createBlock(
|
|
2505
2517
|
$setup["OnyxRouterLink"],
|
|
2506
2518
|
normalizeProps(mergeProps({ key: 0 }, $setup.linkProps)),
|
|
@@ -2523,8 +2535,8 @@ function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
2523
2535
|
renderSlot(_ctx.$slots, "default")
|
|
2524
2536
|
], 8, _hoisted_1$19));
|
|
2525
2537
|
}
|
|
2526
|
-
const ButtonOrLinkLayout = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
2527
|
-
const _sfc_main$
|
|
2538
|
+
const ButtonOrLinkLayout = /* @__PURE__ */ _export_sfc(_sfc_main$1C, [["render", _sfc_render$1C], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxButton/ButtonOrLinkLayout.vue"]]);
|
|
2539
|
+
const _sfc_main$1B = /* @__PURE__ */ defineComponent({
|
|
2528
2540
|
__name: "OnyxSystemButton",
|
|
2529
2541
|
props: {
|
|
2530
2542
|
disabled: { type: [Boolean, Symbol], required: false, default: FORM_INJECTED_SYMBOL },
|
|
@@ -2545,7 +2557,7 @@ const _sfc_main$1A = /* @__PURE__ */ defineComponent({
|
|
|
2545
2557
|
return __returned__;
|
|
2546
2558
|
}
|
|
2547
2559
|
});
|
|
2548
|
-
function _sfc_render$
|
|
2560
|
+
function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2549
2561
|
return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
|
|
2550
2562
|
key: 0,
|
|
2551
2563
|
class: normalizeClass(["onyx-system-button-skeleton", $setup.props.icon ? "" : "onyx-system-button-skeleton--text"])
|
|
@@ -2577,8 +2589,8 @@ function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
2577
2589
|
/* STABLE */
|
|
2578
2590
|
}, 16, ["class", "aria-label", "title"]));
|
|
2579
2591
|
}
|
|
2580
|
-
const OnyxSystemButton = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
2581
|
-
const _sfc_main$
|
|
2592
|
+
const OnyxSystemButton = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$1B], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSystemButton/OnyxSystemButton.vue"]]);
|
|
2593
|
+
const _sfc_main$1A = /* @__PURE__ */ defineComponent({
|
|
2582
2594
|
__name: "OnyxAlertModal",
|
|
2583
2595
|
props: {
|
|
2584
2596
|
density: { type: null, required: false },
|
|
@@ -2605,9 +2617,9 @@ const _sfc_main$1z = /* @__PURE__ */ defineComponent({
|
|
|
2605
2617
|
});
|
|
2606
2618
|
const _hoisted_1$18 = { class: "onyx-alert-modal__content" };
|
|
2607
2619
|
const _hoisted_2$Q = { class: "onyx-alert-modal__headline" };
|
|
2608
|
-
const _hoisted_3$
|
|
2609
|
-
const _hoisted_4$
|
|
2610
|
-
function _sfc_render$
|
|
2620
|
+
const _hoisted_3$y = ["id"];
|
|
2621
|
+
const _hoisted_4$m = { class: "onyx-alert-modal__actions" };
|
|
2622
|
+
function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2611
2623
|
return openBlock(), createBlock($setup["OnyxBasicDialog"], mergeProps({
|
|
2612
2624
|
class: ["onyx-alert-modal", $setup.densityClass]
|
|
2613
2625
|
}, $setup.dialogProps, {
|
|
@@ -2657,10 +2669,10 @@ function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
2657
2669
|
class: "onyx-alert-modal__body onyx-truncation"
|
|
2658
2670
|
}, [
|
|
2659
2671
|
renderSlot(_ctx.$slots, "default")
|
|
2660
|
-
], 8, _hoisted_3$
|
|
2672
|
+
], 8, _hoisted_3$y)
|
|
2661
2673
|
])
|
|
2662
2674
|
]),
|
|
2663
|
-
createElementVNode("div", _hoisted_4$
|
|
2675
|
+
createElementVNode("div", _hoisted_4$m, [
|
|
2664
2676
|
renderSlot(_ctx.$slots, "actions")
|
|
2665
2677
|
])
|
|
2666
2678
|
]),
|
|
@@ -2668,7 +2680,7 @@ function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
2668
2680
|
/* FORWARDED */
|
|
2669
2681
|
}, 16, ["class", "aria-describedby"]);
|
|
2670
2682
|
}
|
|
2671
|
-
const OnyxAlertModal = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
2683
|
+
const OnyxAlertModal = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["render", _sfc_render$1A], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxAlertModal/OnyxAlertModal.vue"]]);
|
|
2672
2684
|
const useRootAttrs = () => {
|
|
2673
2685
|
const attrs = useAttrs();
|
|
2674
2686
|
const rootAttrs = computed(
|
|
@@ -2750,7 +2762,7 @@ const mergeVueProps = (...args) => args.reduce((prev, curr) => {
|
|
|
2750
2762
|
merged.ref = mergedRef;
|
|
2751
2763
|
return merged;
|
|
2752
2764
|
}, {});
|
|
2753
|
-
const _sfc_main$
|
|
2765
|
+
const _sfc_main$1z = /* @__PURE__ */ defineComponent({
|
|
2754
2766
|
__name: "OnyxFABButton",
|
|
2755
2767
|
props: {
|
|
2756
2768
|
density: { type: null, required: false },
|
|
@@ -2774,7 +2786,7 @@ const _hoisted_1$17 = {
|
|
|
2774
2786
|
key: 1,
|
|
2775
2787
|
class: "onyx-fab-button__label"
|
|
2776
2788
|
};
|
|
2777
|
-
function _sfc_render$
|
|
2789
|
+
function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2778
2790
|
return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
|
|
2779
2791
|
key: 0,
|
|
2780
2792
|
class: normalizeClass(["onyx-fab-button-skeleton", $setup.densityClass])
|
|
@@ -2802,7 +2814,7 @@ function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
2802
2814
|
/* STABLE */
|
|
2803
2815
|
}, 8, ["class", "title", "aria-label", "link"]));
|
|
2804
2816
|
}
|
|
2805
|
-
const OnyxFABButton = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
2817
|
+
const OnyxFABButton = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", _sfc_render$1z], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxFABButton/OnyxFABButton.vue"]]);
|
|
2806
2818
|
const useResizeObserver = (target, options) => {
|
|
2807
2819
|
const box = options?.box ?? "content-box";
|
|
2808
2820
|
const width = ref(0);
|
|
@@ -3114,7 +3126,7 @@ function useSticky(options) {
|
|
|
3114
3126
|
});
|
|
3115
3127
|
return { stickyStyles, scrolledOut, isSticky, checkVisibilityOnScroll };
|
|
3116
3128
|
}
|
|
3117
|
-
const _sfc_main$
|
|
3129
|
+
const _sfc_main$1y = /* @__PURE__ */ defineComponent({
|
|
3118
3130
|
__name: "OnyxBasicPopover",
|
|
3119
3131
|
props: {
|
|
3120
3132
|
label: { type: String, required: true },
|
|
@@ -3273,7 +3285,7 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
|
|
|
3273
3285
|
}
|
|
3274
3286
|
});
|
|
3275
3287
|
const _hoisted_1$16 = ["role", "aria-label"];
|
|
3276
|
-
function _sfc_render$
|
|
3288
|
+
function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
|
|
3277
3289
|
return openBlock(), createElementBlock(
|
|
3278
3290
|
"div",
|
|
3279
3291
|
{
|
|
@@ -3298,8 +3310,8 @@ function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
3298
3310
|
/* STYLE */
|
|
3299
3311
|
);
|
|
3300
3312
|
}
|
|
3301
|
-
const OnyxBasicPopover = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
3302
|
-
const _sfc_main$
|
|
3313
|
+
const OnyxBasicPopover = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["render", _sfc_render$1y], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxBasicPopover/OnyxBasicPopover.vue"]]);
|
|
3314
|
+
const _sfc_main$1x = /* @__PURE__ */ defineComponent({
|
|
3303
3315
|
__name: "OnyxFlyoutMenu",
|
|
3304
3316
|
props: {
|
|
3305
3317
|
alignment: { type: String, required: false, default: "auto" },
|
|
@@ -3343,7 +3355,7 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
|
|
|
3343
3355
|
});
|
|
3344
3356
|
const _hoisted_1$15 = { class: "onyx-flyout-menu__list-header" };
|
|
3345
3357
|
const _hoisted_2$P = { class: "onyx-flyout-menu__list-footer" };
|
|
3346
|
-
function _sfc_render$
|
|
3358
|
+
function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
|
|
3347
3359
|
return openBlock(), createBlock($setup["OnyxBasicPopover"], mergeProps($setup.mergeVueProps($setup.root, { ref: $setup.popover }), {
|
|
3348
3360
|
class: "onyx-component onyx-flyout-menu",
|
|
3349
3361
|
open: $setup.isExpanded,
|
|
@@ -3385,8 +3397,8 @@ function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
3385
3397
|
} : void 0
|
|
3386
3398
|
]), 1040, ["open", "label", "alignment", "disabled"]);
|
|
3387
3399
|
}
|
|
3388
|
-
const OnyxFlyoutMenu = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
3389
|
-
const _sfc_main$
|
|
3400
|
+
const OnyxFlyoutMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sfc_render$1x], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxFlyoutMenu/OnyxFlyoutMenu.vue"]]);
|
|
3401
|
+
const _sfc_main$1w = /* @__PURE__ */ defineComponent({
|
|
3390
3402
|
__name: "OnyxFAB",
|
|
3391
3403
|
props: {
|
|
3392
3404
|
density: { type: null, required: false },
|
|
@@ -3425,7 +3437,7 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
|
|
|
3425
3437
|
return __returned__;
|
|
3426
3438
|
}
|
|
3427
3439
|
});
|
|
3428
|
-
function _sfc_render$
|
|
3440
|
+
function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
|
|
3429
3441
|
return !$setup.hasOptions || $setup.skeleton ? (openBlock(), createBlock($setup["OnyxFABButton"], mergeProps({
|
|
3430
3442
|
key: 0,
|
|
3431
3443
|
class: ["onyx-fab", `onyx-fab--${$setup.props.alignment}`]
|
|
@@ -3455,8 +3467,8 @@ function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
3455
3467
|
/* FORWARDED */
|
|
3456
3468
|
}, 8, ["open", "label", "class", "alignment"]));
|
|
3457
3469
|
}
|
|
3458
|
-
const OnyxFAB = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
3459
|
-
const _sfc_main$
|
|
3470
|
+
const OnyxFAB = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["render", _sfc_render$1w], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxFAB/OnyxFAB.vue"]]);
|
|
3471
|
+
const _sfc_main$1v = /* @__PURE__ */ defineComponent({
|
|
3460
3472
|
__name: "OnyxFABItem",
|
|
3461
3473
|
props: {
|
|
3462
3474
|
density: { type: null, required: false },
|
|
@@ -3479,7 +3491,7 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
|
|
|
3479
3491
|
return __returned__;
|
|
3480
3492
|
}
|
|
3481
3493
|
});
|
|
3482
|
-
function _sfc_render$
|
|
3494
|
+
function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
|
|
3483
3495
|
return openBlock(), createElementBlock(
|
|
3484
3496
|
"li",
|
|
3485
3497
|
mergeProps({
|
|
@@ -3494,7 +3506,7 @@ function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
3494
3506
|
/* FULL_PROPS */
|
|
3495
3507
|
);
|
|
3496
3508
|
}
|
|
3497
|
-
const OnyxFABItem = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
3509
|
+
const OnyxFABItem = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$1v], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxFABItem/OnyxFABItem.vue"]]);
|
|
3498
3510
|
const GLOBAL_FAB_PROVIDER_INJECTION_KEY = Symbol();
|
|
3499
3511
|
const createGlobalFABProvider = () => {
|
|
3500
3512
|
const items = shallowRef([]);
|
|
@@ -3531,7 +3543,7 @@ const useGlobalFAB = () => {
|
|
|
3531
3543
|
);
|
|
3532
3544
|
return globalFABProvider;
|
|
3533
3545
|
};
|
|
3534
|
-
const _sfc_main$
|
|
3546
|
+
const _sfc_main$1u = /* @__PURE__ */ defineComponent({
|
|
3535
3547
|
__name: "OnyxGlobalFAB",
|
|
3536
3548
|
setup(__props, { expose: __expose }) {
|
|
3537
3549
|
__expose();
|
|
@@ -3545,7 +3557,7 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
|
|
|
3545
3557
|
return __returned__;
|
|
3546
3558
|
}
|
|
3547
3559
|
});
|
|
3548
|
-
function _sfc_render$
|
|
3560
|
+
function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
|
|
3549
3561
|
return $setup.globalFAB.items.value.length === 1 ? (openBlock(), createBlock(
|
|
3550
3562
|
$setup["OnyxFAB"],
|
|
3551
3563
|
normalizeProps(mergeProps({ key: 0 }, $setup.globalFAB.items.value[0].value)),
|
|
@@ -3580,13 +3592,13 @@ function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
3580
3592
|
/* STABLE */
|
|
3581
3593
|
}, 8, ["label", "alignment"])) : createCommentVNode("v-if", true);
|
|
3582
3594
|
}
|
|
3583
|
-
const OnyxGlobalFAB = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
3584
|
-
const _sfc_main$
|
|
3595
|
+
const OnyxGlobalFAB = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$1u], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxGlobalFAB/OnyxGlobalFAB.vue"]]);
|
|
3596
|
+
const _sfc_main$1t = {};
|
|
3585
3597
|
const _hoisted_1$14 = {
|
|
3586
3598
|
class: "onyx-component onyx-circle-spinner",
|
|
3587
3599
|
viewBox: "0 0 50 50"
|
|
3588
3600
|
};
|
|
3589
|
-
function _sfc_render$
|
|
3601
|
+
function _sfc_render$1t(_ctx, _cache) {
|
|
3590
3602
|
return openBlock(), createElementBlock("svg", _hoisted_1$14, [..._cache[0] || (_cache[0] = [
|
|
3591
3603
|
createElementVNode(
|
|
3592
3604
|
"circle",
|
|
@@ -3602,10 +3614,10 @@ function _sfc_render$1s(_ctx, _cache) {
|
|
|
3602
3614
|
)
|
|
3603
3615
|
])]);
|
|
3604
3616
|
}
|
|
3605
|
-
const OnyxCircleSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
3606
|
-
const _sfc_main$
|
|
3617
|
+
const OnyxCircleSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$1t], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxLoadingIndicator/OnyxCircleSpinner.vue"]]);
|
|
3618
|
+
const _sfc_main$1s = {};
|
|
3607
3619
|
const _hoisted_1$13 = { class: "onyx-component onyx-loading-dots" };
|
|
3608
|
-
function _sfc_render$
|
|
3620
|
+
function _sfc_render$1s(_ctx, _cache) {
|
|
3609
3621
|
return openBlock(), createElementBlock("div", _hoisted_1$13, [..._cache[0] || (_cache[0] = [
|
|
3610
3622
|
createElementVNode(
|
|
3611
3623
|
"span",
|
|
@@ -3616,8 +3628,8 @@ function _sfc_render$1r(_ctx, _cache) {
|
|
|
3616
3628
|
)
|
|
3617
3629
|
])]);
|
|
3618
3630
|
}
|
|
3619
|
-
const OnyxLoadingDots = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
3620
|
-
const _sfc_main$
|
|
3631
|
+
const OnyxLoadingDots = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$1s], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxLoadingIndicator/OnyxLoadingDots.vue"]]);
|
|
3632
|
+
const _sfc_main$1r = /* @__PURE__ */ defineComponent({
|
|
3621
3633
|
__name: "OnyxLoadingIndicator",
|
|
3622
3634
|
props: {
|
|
3623
3635
|
type: { type: String, required: false, default: "dots" }
|
|
@@ -3630,10 +3642,10 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
|
|
|
3630
3642
|
return __returned__;
|
|
3631
3643
|
}
|
|
3632
3644
|
});
|
|
3633
|
-
function _sfc_render$
|
|
3645
|
+
function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
|
|
3634
3646
|
return $setup.props.type === "circle" ? (openBlock(), createBlock($setup["OnyxCircleSpinner"], { key: 0 })) : $setup.props.type === "dots" ? (openBlock(), createBlock($setup["OnyxLoadingDots"], { key: 1 })) : createCommentVNode("v-if", true);
|
|
3635
3647
|
}
|
|
3636
|
-
const OnyxLoadingIndicator = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
3648
|
+
const OnyxLoadingIndicator = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$1r], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxLoadingIndicator/OnyxLoadingIndicator.vue"]]);
|
|
3637
3649
|
const useRipple = (container) => {
|
|
3638
3650
|
const isPointerDown = ref(false);
|
|
3639
3651
|
const ripples = reactive(/* @__PURE__ */ new Map());
|
|
@@ -3680,7 +3692,7 @@ const useRipple = (container) => {
|
|
|
3680
3692
|
});
|
|
3681
3693
|
return { isPointerDown, ripples, startRipple, hideRipples, hideRipple, events };
|
|
3682
3694
|
};
|
|
3683
|
-
const _sfc_main$
|
|
3695
|
+
const _sfc_main$1q = /* @__PURE__ */ defineComponent({
|
|
3684
3696
|
__name: "OnyxRipple",
|
|
3685
3697
|
setup(__props, { expose: __expose }) {
|
|
3686
3698
|
const rippleTrigger = useTemplateRef("rippleTriggerRef");
|
|
@@ -3699,7 +3711,7 @@ const _hoisted_1$12 = {
|
|
|
3699
3711
|
"aria-hidden": "true"
|
|
3700
3712
|
};
|
|
3701
3713
|
const _hoisted_2$O = ["data-rippleid"];
|
|
3702
|
-
function _sfc_render$
|
|
3714
|
+
function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
|
|
3703
3715
|
return openBlock(), createElementBlock(
|
|
3704
3716
|
"span",
|
|
3705
3717
|
_hoisted_1$12,
|
|
@@ -3727,8 +3739,8 @@ function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
3727
3739
|
/* NEED_PATCH */
|
|
3728
3740
|
);
|
|
3729
3741
|
}
|
|
3730
|
-
const OnyxRipple = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
3731
|
-
const _sfc_main$
|
|
3742
|
+
const OnyxRipple = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["render", _sfc_render$1q], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxRipple/OnyxRipple.vue"]]);
|
|
3743
|
+
const _sfc_main$1p = /* @__PURE__ */ defineComponent({
|
|
3732
3744
|
__name: "OnyxButton",
|
|
3733
3745
|
props: {
|
|
3734
3746
|
density: { type: null, required: false },
|
|
@@ -3759,7 +3771,7 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
|
|
|
3759
3771
|
}
|
|
3760
3772
|
});
|
|
3761
3773
|
const _hoisted_1$11 = { class: "onyx-button__label onyx-truncation-ellipsis" };
|
|
3762
|
-
function _sfc_render$
|
|
3774
|
+
function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
|
|
3763
3775
|
return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
|
|
3764
3776
|
key: 0,
|
|
3765
3777
|
class: normalizeClass(["onyx-button-skeleton", $setup.densityClass])
|
|
@@ -3811,8 +3823,8 @@ function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
3811
3823
|
/* STABLE */
|
|
3812
3824
|
}, 16, ["class", "aria-label"]));
|
|
3813
3825
|
}
|
|
3814
|
-
const OnyxButton = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
3815
|
-
const _sfc_main$
|
|
3826
|
+
const OnyxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["render", _sfc_render$1p], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxButton/OnyxButton.vue"]]);
|
|
3827
|
+
const _sfc_main$1o = /* @__PURE__ */ defineComponent({
|
|
3816
3828
|
__name: "OnyxInfoCard",
|
|
3817
3829
|
props: {
|
|
3818
3830
|
density: { type: null, required: false },
|
|
@@ -3844,11 +3856,11 @@ const _hoisted_2$N = {
|
|
|
3844
3856
|
key: 3,
|
|
3845
3857
|
class: "onyx-info-card__description onyx-text--small"
|
|
3846
3858
|
};
|
|
3847
|
-
const _hoisted_3$
|
|
3859
|
+
const _hoisted_3$x = {
|
|
3848
3860
|
key: 4,
|
|
3849
3861
|
class: "onyx-info-card__buttons onyx-density-compact"
|
|
3850
3862
|
};
|
|
3851
|
-
function _sfc_render$
|
|
3863
|
+
function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
|
|
3852
3864
|
return openBlock(), createElementBlock(
|
|
3853
3865
|
"div",
|
|
3854
3866
|
{
|
|
@@ -3906,7 +3918,7 @@ function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
3906
3918
|
!!$setup.slots.default ? (openBlock(), createElementBlock("p", _hoisted_2$N, [
|
|
3907
3919
|
renderSlot(_ctx.$slots, "default")
|
|
3908
3920
|
])) : createCommentVNode("v-if", true),
|
|
3909
|
-
!!$setup.slots.buttons ? (openBlock(), createElementBlock("div", _hoisted_3$
|
|
3921
|
+
!!$setup.slots.buttons ? (openBlock(), createElementBlock("div", _hoisted_3$x, [
|
|
3910
3922
|
renderSlot(_ctx.$slots, "buttons")
|
|
3911
3923
|
])) : createCommentVNode("v-if", true)
|
|
3912
3924
|
])
|
|
@@ -3915,8 +3927,8 @@ function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
3915
3927
|
/* CLASS */
|
|
3916
3928
|
);
|
|
3917
3929
|
}
|
|
3918
|
-
const OnyxInfoCard = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
3919
|
-
const _sfc_main$
|
|
3930
|
+
const OnyxInfoCard = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["render", _sfc_render$1o], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxInfoCard/OnyxInfoCard.vue"]]);
|
|
3931
|
+
const _sfc_main$1n = /* @__PURE__ */ defineComponent({
|
|
3920
3932
|
__name: "OnyxNotificationMessage",
|
|
3921
3933
|
props: {
|
|
3922
3934
|
headline: { type: String, required: true },
|
|
@@ -3934,7 +3946,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
|
|
|
3934
3946
|
return __returned__;
|
|
3935
3947
|
}
|
|
3936
3948
|
});
|
|
3937
|
-
function _sfc_render$
|
|
3949
|
+
function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
|
|
3938
3950
|
return openBlock(), createBlock($setup["OnyxInfoCard"], {
|
|
3939
3951
|
class: normalizeClass(["onyx-component onyx-notification-message", [
|
|
3940
3952
|
"onyx-component",
|
|
@@ -3967,7 +3979,7 @@ function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
3967
3979
|
} : void 0
|
|
3968
3980
|
]), 1032, ["class", "headline", "icon", "style", "aria-label"]);
|
|
3969
3981
|
}
|
|
3970
|
-
const OnyxNotificationMessage = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
3982
|
+
const OnyxNotificationMessage = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render$1n], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNotificationMessage/OnyxNotificationMessage.vue"]]);
|
|
3971
3983
|
const NOTIFICATIONS_PROVIDER_INJECTION_KEY = Symbol();
|
|
3972
3984
|
const createNotificationsProvider = () => {
|
|
3973
3985
|
let nextId = 1;
|
|
@@ -4012,7 +4024,7 @@ const useNotification = () => {
|
|
|
4012
4024
|
);
|
|
4013
4025
|
return notificationsProvider;
|
|
4014
4026
|
};
|
|
4015
|
-
const _sfc_main$
|
|
4027
|
+
const _sfc_main$1m = /* @__PURE__ */ defineComponent({
|
|
4016
4028
|
__name: "OnyxNotifications",
|
|
4017
4029
|
setup(__props, { expose: __expose }) {
|
|
4018
4030
|
__expose();
|
|
@@ -4029,7 +4041,7 @@ const _hoisted_1$$ = {
|
|
|
4029
4041
|
"aria-live": "polite",
|
|
4030
4042
|
open: ""
|
|
4031
4043
|
};
|
|
4032
|
-
function _sfc_render$
|
|
4044
|
+
function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4033
4045
|
return $setup.notificationProvider.notifications.value.length ? (openBlock(), createElementBlock("dialog", _hoisted_1$$, [
|
|
4034
4046
|
(openBlock(true), createElementBlock(
|
|
4035
4047
|
Fragment,
|
|
@@ -4082,8 +4094,8 @@ function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
4082
4094
|
))
|
|
4083
4095
|
])) : createCommentVNode("v-if", true);
|
|
4084
4096
|
}
|
|
4085
|
-
const OnyxNotifications = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
4086
|
-
const _sfc_main$
|
|
4097
|
+
const OnyxNotifications = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["render", _sfc_render$1m], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNotifications/OnyxNotifications.vue"]]);
|
|
4098
|
+
const _sfc_main$1l = /* @__PURE__ */ defineComponent({
|
|
4087
4099
|
__name: "OnyxToastMessage",
|
|
4088
4100
|
props: {
|
|
4089
4101
|
density: { type: null, required: false },
|
|
@@ -4121,15 +4133,15 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
|
|
|
4121
4133
|
});
|
|
4122
4134
|
const _hoisted_1$_ = { class: "onyx-toast-message__wrapper" };
|
|
4123
4135
|
const _hoisted_2$M = { class: "onyx-toast-message__content onyx-truncation-ellipsis" };
|
|
4124
|
-
const _hoisted_3$
|
|
4125
|
-
const _hoisted_4$
|
|
4126
|
-
const _hoisted_5$
|
|
4127
|
-
const _hoisted_6$
|
|
4136
|
+
const _hoisted_3$w = { class: "onyx-toast-message__headline onyx-text" };
|
|
4137
|
+
const _hoisted_4$l = { class: "onyx-truncation-ellipsis" };
|
|
4138
|
+
const _hoisted_5$f = ["aria-label"];
|
|
4139
|
+
const _hoisted_6$a = {
|
|
4128
4140
|
key: 0,
|
|
4129
4141
|
class: "onyx-toast-message__description onyx-text--small onyx-truncation-multiline",
|
|
4130
4142
|
tabindex: "0"
|
|
4131
4143
|
};
|
|
4132
|
-
function _sfc_render$
|
|
4144
|
+
function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4133
4145
|
return openBlock(), createBlock(resolveDynamicComponent($setup.props.clickable ? "button" : "div"), {
|
|
4134
4146
|
class: normalizeClass(["onyx-component onyx-toast-message", [`onyx-toast-message--${$setup.props.color}`, $setup.densityClass]]),
|
|
4135
4147
|
role: $setup.props.color === "danger" || $setup.props.color === "warning" ? "alert" : "status",
|
|
@@ -4142,10 +4154,10 @@ function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
4142
4154
|
icon: $setup.icon
|
|
4143
4155
|
}, null, 8, ["icon"])) : createCommentVNode("v-if", true),
|
|
4144
4156
|
createElementVNode("div", _hoisted_2$M, [
|
|
4145
|
-
createElementVNode("div", _hoisted_3$
|
|
4157
|
+
createElementVNode("div", _hoisted_3$w, [
|
|
4146
4158
|
createElementVNode(
|
|
4147
4159
|
"span",
|
|
4148
|
-
_hoisted_4$
|
|
4160
|
+
_hoisted_4$l,
|
|
4149
4161
|
toDisplayString($setup.props.headline),
|
|
4150
4162
|
1
|
|
4151
4163
|
/* TEXT */
|
|
@@ -4158,11 +4170,11 @@ function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
4158
4170
|
onClick: _cache[0] || (_cache[0] = ($event) => $setup.emit("close"))
|
|
4159
4171
|
}, [
|
|
4160
4172
|
createVNode($setup["OnyxIcon"], { icon: $setup.iconXSmall }, null, 8, ["icon"])
|
|
4161
|
-
], 8, _hoisted_5$
|
|
4173
|
+
], 8, _hoisted_5$f)) : createCommentVNode("v-if", true)
|
|
4162
4174
|
]),
|
|
4163
4175
|
$setup.props.description ? (openBlock(), createElementBlock(
|
|
4164
4176
|
"p",
|
|
4165
|
-
_hoisted_6$
|
|
4177
|
+
_hoisted_6$a,
|
|
4166
4178
|
toDisplayString($setup.props.description),
|
|
4167
4179
|
1
|
|
4168
4180
|
/* TEXT */
|
|
@@ -4187,7 +4199,7 @@ function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
4187
4199
|
/* STABLE */
|
|
4188
4200
|
}, 8, ["class", "role", "aria-label"]);
|
|
4189
4201
|
}
|
|
4190
|
-
const OnyxToastMessage = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
4202
|
+
const OnyxToastMessage = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$1l], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxToastMessage/OnyxToastMessage.vue"]]);
|
|
4191
4203
|
const TOAST_PROVIDER_INJECTION_KEY = Symbol();
|
|
4192
4204
|
const createToastProvider = () => {
|
|
4193
4205
|
let nextId = 1;
|
|
@@ -4230,7 +4242,7 @@ const useToast = () => {
|
|
|
4230
4242
|
);
|
|
4231
4243
|
return toastProvider;
|
|
4232
4244
|
};
|
|
4233
|
-
const _sfc_main$
|
|
4245
|
+
const _sfc_main$1k = /* @__PURE__ */ defineComponent({
|
|
4234
4246
|
__name: "OnyxToast",
|
|
4235
4247
|
setup(__props, { expose: __expose }) {
|
|
4236
4248
|
__expose();
|
|
@@ -4247,7 +4259,7 @@ const _hoisted_1$Z = {
|
|
|
4247
4259
|
"aria-live": "polite",
|
|
4248
4260
|
open: ""
|
|
4249
4261
|
};
|
|
4250
|
-
function _sfc_render$
|
|
4262
|
+
function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4251
4263
|
return $setup.toastProvider.toasts.value.length ? (openBlock(), createElementBlock("dialog", _hoisted_1$Z, [
|
|
4252
4264
|
(openBlock(true), createElementBlock(
|
|
4253
4265
|
Fragment,
|
|
@@ -4266,8 +4278,8 @@ function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
4266
4278
|
))
|
|
4267
4279
|
])) : createCommentVNode("v-if", true);
|
|
4268
4280
|
}
|
|
4269
|
-
const OnyxToast = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
4270
|
-
const _sfc_main$
|
|
4281
|
+
const OnyxToast = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$1k], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxToast/OnyxToast.vue"]]);
|
|
4282
|
+
const _sfc_main$1j = /* @__PURE__ */ defineComponent({
|
|
4271
4283
|
__name: "OnyxAppLayout",
|
|
4272
4284
|
props: {
|
|
4273
4285
|
navBarAlignment: { type: String, required: false, default: "top" }
|
|
@@ -4286,7 +4298,7 @@ const _hoisted_1$Y = {
|
|
|
4286
4298
|
class: "onyx-app__nav"
|
|
4287
4299
|
};
|
|
4288
4300
|
const _hoisted_2$L = { class: "onyx-app__page" };
|
|
4289
|
-
function _sfc_render$
|
|
4301
|
+
function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4290
4302
|
return openBlock(), createElementBlock(
|
|
4291
4303
|
"div",
|
|
4292
4304
|
{
|
|
@@ -4307,8 +4319,8 @@ function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
4307
4319
|
/* CLASS */
|
|
4308
4320
|
);
|
|
4309
4321
|
}
|
|
4310
|
-
const OnyxAppLayout = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
4311
|
-
const _sfc_main$
|
|
4322
|
+
const OnyxAppLayout = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$1j], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxAppLayout/OnyxAppLayout.vue"]]);
|
|
4323
|
+
const _sfc_main$1i = /* @__PURE__ */ defineComponent({
|
|
4312
4324
|
__name: "OnyxAvatar",
|
|
4313
4325
|
props: {
|
|
4314
4326
|
size: { type: null, required: false, default: "48px" },
|
|
@@ -4344,11 +4356,11 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
|
|
|
4344
4356
|
});
|
|
4345
4357
|
const _hoisted_1$X = ["title", "aria-label"];
|
|
4346
4358
|
const _hoisted_2$K = ["src", "alt"];
|
|
4347
|
-
const _hoisted_3$
|
|
4359
|
+
const _hoisted_3$v = {
|
|
4348
4360
|
key: 0,
|
|
4349
4361
|
class: "onyx-avatar__initials"
|
|
4350
4362
|
};
|
|
4351
|
-
function _sfc_render$
|
|
4363
|
+
function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4352
4364
|
return openBlock(), createElementBlock("figure", {
|
|
4353
4365
|
class: normalizeClass([
|
|
4354
4366
|
"onyx-component",
|
|
@@ -4371,7 +4383,7 @@ function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
4371
4383
|
[
|
|
4372
4384
|
$setup.initials ? (openBlock(), createElementBlock(
|
|
4373
4385
|
"div",
|
|
4374
|
-
_hoisted_3$
|
|
4386
|
+
_hoisted_3$v,
|
|
4375
4387
|
toDisplayString($setup.initials),
|
|
4376
4388
|
1
|
|
4377
4389
|
/* TEXT */
|
|
@@ -4386,8 +4398,8 @@ function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
4386
4398
|
))
|
|
4387
4399
|
], 10, _hoisted_1$X);
|
|
4388
4400
|
}
|
|
4389
|
-
const OnyxAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
4390
|
-
const _sfc_main$
|
|
4401
|
+
const OnyxAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$1i], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxAvatar/OnyxAvatar.vue"]]);
|
|
4402
|
+
const _sfc_main$1h = /* @__PURE__ */ defineComponent({
|
|
4391
4403
|
__name: "OnyxAvatarStack",
|
|
4392
4404
|
setup(__props, { expose: __expose }) {
|
|
4393
4405
|
__expose();
|
|
@@ -4397,13 +4409,13 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
|
|
|
4397
4409
|
}
|
|
4398
4410
|
});
|
|
4399
4411
|
const _hoisted_1$W = { class: "onyx-component onyx-avatar-stack" };
|
|
4400
|
-
function _sfc_render$
|
|
4412
|
+
function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4401
4413
|
return openBlock(), createElementBlock("div", _hoisted_1$W, [
|
|
4402
4414
|
renderSlot(_ctx.$slots, "default")
|
|
4403
4415
|
]);
|
|
4404
4416
|
}
|
|
4405
|
-
const OnyxAvatarStack = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
4406
|
-
const _sfc_main$
|
|
4417
|
+
const OnyxAvatarStack = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$1h], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxAvatarStack/OnyxAvatarStack.vue"]]);
|
|
4418
|
+
const _sfc_main$1g = /* @__PURE__ */ defineComponent({
|
|
4407
4419
|
__name: "OnyxBadge",
|
|
4408
4420
|
props: {
|
|
4409
4421
|
density: { type: null, required: false },
|
|
@@ -4420,7 +4432,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
|
|
|
4420
4432
|
return __returned__;
|
|
4421
4433
|
}
|
|
4422
4434
|
});
|
|
4423
|
-
function _sfc_render$
|
|
4435
|
+
function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4424
4436
|
return openBlock(), createElementBlock(
|
|
4425
4437
|
"div",
|
|
4426
4438
|
{
|
|
@@ -4451,8 +4463,8 @@ function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
4451
4463
|
/* CLASS */
|
|
4452
4464
|
);
|
|
4453
4465
|
}
|
|
4454
|
-
const OnyxBadge = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
4455
|
-
const _sfc_main$
|
|
4466
|
+
const OnyxBadge = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$1g], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxBadge/OnyxBadge.vue"]]);
|
|
4467
|
+
const _sfc_main$1f = /* @__PURE__ */ defineComponent({
|
|
4456
4468
|
__name: "OnyxBottomBar",
|
|
4457
4469
|
props: {
|
|
4458
4470
|
density: { type: null, required: false },
|
|
@@ -4469,8 +4481,8 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
|
|
|
4469
4481
|
});
|
|
4470
4482
|
const _hoisted_1$V = { class: "onyx-bottom-bar__content onyx-grid-container" };
|
|
4471
4483
|
const _hoisted_2$J = { class: "onyx-bottom-bar__content--left" };
|
|
4472
|
-
const _hoisted_3$
|
|
4473
|
-
function _sfc_render$
|
|
4484
|
+
const _hoisted_3$u = { class: "onyx-bottom-bar__content--right" };
|
|
4485
|
+
function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4474
4486
|
return openBlock(), createElementBlock(
|
|
4475
4487
|
"div",
|
|
4476
4488
|
{
|
|
@@ -4486,7 +4498,7 @@ function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
4486
4498
|
createElementVNode("div", _hoisted_2$J, [
|
|
4487
4499
|
renderSlot(_ctx.$slots, "left")
|
|
4488
4500
|
]),
|
|
4489
|
-
createElementVNode("div", _hoisted_3$
|
|
4501
|
+
createElementVNode("div", _hoisted_3$u, [
|
|
4490
4502
|
renderSlot(_ctx.$slots, "default")
|
|
4491
4503
|
])
|
|
4492
4504
|
])
|
|
@@ -4495,7 +4507,7 @@ function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
4495
4507
|
/* CLASS */
|
|
4496
4508
|
);
|
|
4497
4509
|
}
|
|
4498
|
-
const OnyxBottomBar = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
4510
|
+
const OnyxBottomBar = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$1f], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxBottomBar/OnyxBottomBar.vue"]]);
|
|
4499
4511
|
const useMoreList = (options) => {
|
|
4500
4512
|
const visibleElements = ref();
|
|
4501
4513
|
const hiddenElements = ref();
|
|
@@ -4590,7 +4602,7 @@ const useMoreListChild = (injectionKey) => {
|
|
|
4590
4602
|
};
|
|
4591
4603
|
const BREADCRUMB_MORE_LIST_INJECTION_KEY = Symbol();
|
|
4592
4604
|
const BREADCRUMB_MORE_LIST_TARGET_INJECTION_KEY = Symbol();
|
|
4593
|
-
const _sfc_main$
|
|
4605
|
+
const _sfc_main$1e = /* @__PURE__ */ defineComponent({
|
|
4594
4606
|
__name: "OnyxExternalLinkIcon",
|
|
4595
4607
|
props: {
|
|
4596
4608
|
href: { type: String, required: false },
|
|
@@ -4611,7 +4623,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
|
|
|
4611
4623
|
return __returned__;
|
|
4612
4624
|
}
|
|
4613
4625
|
});
|
|
4614
|
-
function _sfc_render$
|
|
4626
|
+
function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4615
4627
|
return $setup.isVisible ? (openBlock(), createBlock($setup["OnyxIcon"], {
|
|
4616
4628
|
key: 0,
|
|
4617
4629
|
class: "onyx-component onyx-external-link-icon",
|
|
@@ -4619,8 +4631,8 @@ function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
4619
4631
|
size: "16px"
|
|
4620
4632
|
}, null, 8, ["icon"])) : createCommentVNode("v-if", true);
|
|
4621
4633
|
}
|
|
4622
|
-
const OnyxExternalLinkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
4623
|
-
const _sfc_main$
|
|
4634
|
+
const OnyxExternalLinkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$1e], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxExternalLinkIcon/OnyxExternalLinkIcon.vue"]]);
|
|
4635
|
+
const _sfc_main$1d = /* @__PURE__ */ defineComponent({
|
|
4624
4636
|
__name: "OnyxListItem",
|
|
4625
4637
|
props: {
|
|
4626
4638
|
density: { type: null, required: false },
|
|
@@ -4639,7 +4651,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
|
|
|
4639
4651
|
return __returned__;
|
|
4640
4652
|
}
|
|
4641
4653
|
});
|
|
4642
|
-
function _sfc_render$
|
|
4654
|
+
function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4643
4655
|
return openBlock(), createElementBlock(
|
|
4644
4656
|
"li",
|
|
4645
4657
|
{
|
|
@@ -4661,8 +4673,8 @@ function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
4661
4673
|
/* CLASS */
|
|
4662
4674
|
);
|
|
4663
4675
|
}
|
|
4664
|
-
const OnyxListItem = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
4665
|
-
const _sfc_main$
|
|
4676
|
+
const OnyxListItem = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$1d], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxListItem/OnyxListItem.vue"]]);
|
|
4677
|
+
const _sfc_main$1c = /* @__PURE__ */ defineComponent({
|
|
4666
4678
|
...{ inheritAttrs: false },
|
|
4667
4679
|
__name: "OnyxMenuItem",
|
|
4668
4680
|
props: {
|
|
@@ -4746,12 +4758,12 @@ const _hoisted_2$I = {
|
|
|
4746
4758
|
key: 0,
|
|
4747
4759
|
class: "onyx-menu-item__chevron"
|
|
4748
4760
|
};
|
|
4749
|
-
const _hoisted_3$
|
|
4761
|
+
const _hoisted_3$t = {
|
|
4750
4762
|
key: 0,
|
|
4751
4763
|
role: "menu",
|
|
4752
4764
|
class: "onyx-menu-item__children"
|
|
4753
4765
|
};
|
|
4754
|
-
function _sfc_render$
|
|
4766
|
+
function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4755
4767
|
const _component_OnyxMenuItem = resolveComponent("OnyxMenuItem", true);
|
|
4756
4768
|
return openBlock(), createBlock($setup["OnyxListItem"], mergeProps({
|
|
4757
4769
|
selected: $setup.isActive,
|
|
@@ -4800,7 +4812,7 @@ function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
4800
4812
|
]),
|
|
4801
4813
|
$setup.hasChildren ? withDirectives((openBlock(), createElementBlock(
|
|
4802
4814
|
"ul",
|
|
4803
|
-
_hoisted_3$
|
|
4815
|
+
_hoisted_3$t,
|
|
4804
4816
|
[
|
|
4805
4817
|
createVNode(
|
|
4806
4818
|
_component_OnyxMenuItem,
|
|
@@ -4837,8 +4849,8 @@ function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
4837
4849
|
/* FORWARDED */
|
|
4838
4850
|
}, 16, ["selected", "active", "color", "disabled", "class"]);
|
|
4839
4851
|
}
|
|
4840
|
-
const OnyxMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
4841
|
-
const _sfc_main$
|
|
4852
|
+
const OnyxMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$1c], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxMenuItem/OnyxMenuItem.vue"]]);
|
|
4853
|
+
const _sfc_main$1b = /* @__PURE__ */ defineComponent({
|
|
4842
4854
|
...{ inheritAttrs: false },
|
|
4843
4855
|
__name: "OnyxBreadcrumbItem",
|
|
4844
4856
|
props: {
|
|
@@ -4864,7 +4876,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
|
|
|
4864
4876
|
return __returned__;
|
|
4865
4877
|
}
|
|
4866
4878
|
});
|
|
4867
|
-
function _sfc_render$
|
|
4879
|
+
function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4868
4880
|
return openBlock(), createElementBlock(
|
|
4869
4881
|
Fragment,
|
|
4870
4882
|
null,
|
|
@@ -4924,8 +4936,8 @@ function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
4924
4936
|
/* STABLE_FRAGMENT */
|
|
4925
4937
|
);
|
|
4926
4938
|
}
|
|
4927
|
-
const OnyxBreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
4928
|
-
const _sfc_main$
|
|
4939
|
+
const OnyxBreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$1b], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxBreadcrumbItem/OnyxBreadcrumbItem.vue"]]);
|
|
4940
|
+
const _sfc_main$1a = /* @__PURE__ */ defineComponent({
|
|
4929
4941
|
__name: "OnyxMoreList",
|
|
4930
4942
|
props: {
|
|
4931
4943
|
injectionKey: { type: [Symbol, Object], required: true },
|
|
@@ -4958,7 +4970,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
|
|
|
4958
4970
|
return __returned__;
|
|
4959
4971
|
}
|
|
4960
4972
|
});
|
|
4961
|
-
function _sfc_render$
|
|
4973
|
+
function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4962
4974
|
return openBlock(), createBlock(
|
|
4963
4975
|
resolveDynamicComponent($setup.props.is),
|
|
4964
4976
|
{
|
|
@@ -4998,8 +5010,8 @@ function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
4998
5010
|
/* NEED_PATCH */
|
|
4999
5011
|
);
|
|
5000
5012
|
}
|
|
5001
|
-
const OnyxMoreList = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
5002
|
-
const _sfc_main$
|
|
5013
|
+
const OnyxMoreList = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$1a], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxMoreList/OnyxMoreList.vue"]]);
|
|
5014
|
+
const _sfc_main$19 = /* @__PURE__ */ defineComponent({
|
|
5003
5015
|
__name: "OnyxBreadcrumb",
|
|
5004
5016
|
props: {
|
|
5005
5017
|
density: { type: null, required: false },
|
|
@@ -5030,8 +5042,8 @@ const _hoisted_2$H = {
|
|
|
5030
5042
|
class: "onyx-breadcrumb__list onyx-grid-container",
|
|
5031
5043
|
role: "menu"
|
|
5032
5044
|
};
|
|
5033
|
-
const _hoisted_3$
|
|
5034
|
-
function _sfc_render$
|
|
5045
|
+
const _hoisted_3$s = { ref: "moreListRef" };
|
|
5046
|
+
function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
|
|
5035
5047
|
return openBlock(), createElementBlock("nav", {
|
|
5036
5048
|
class: normalizeClass([
|
|
5037
5049
|
"onyx-component",
|
|
@@ -5110,7 +5122,7 @@ function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
5110
5122
|
options: withCtx(() => [
|
|
5111
5123
|
createElementVNode(
|
|
5112
5124
|
"div",
|
|
5113
|
-
_hoisted_3$
|
|
5125
|
+
_hoisted_3$s,
|
|
5114
5126
|
null,
|
|
5115
5127
|
512
|
|
5116
5128
|
/* NEED_PATCH */
|
|
@@ -5126,11 +5138,11 @@ function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
5126
5138
|
])
|
|
5127
5139
|
], 10, _hoisted_1$T);
|
|
5128
5140
|
}
|
|
5129
|
-
const OnyxBreadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
5141
|
+
const OnyxBreadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$19], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxBreadcrumb/OnyxBreadcrumb.vue"]]);
|
|
5130
5142
|
const BUTTON_TYPES = ["button", "submit", "reset"];
|
|
5131
5143
|
const BUTTON_COLORS = ["primary", "neutral", "danger"];
|
|
5132
5144
|
const BUTTON_MODES = ["default", "outline", "plain"];
|
|
5133
|
-
const _sfc_main$
|
|
5145
|
+
const _sfc_main$18 = /* @__PURE__ */ defineComponent({
|
|
5134
5146
|
__name: "OnyxCard",
|
|
5135
5147
|
props: {
|
|
5136
5148
|
density: { type: null, required: false },
|
|
@@ -5149,7 +5161,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
|
|
|
5149
5161
|
return __returned__;
|
|
5150
5162
|
}
|
|
5151
5163
|
});
|
|
5152
|
-
function _sfc_render$
|
|
5164
|
+
function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
|
|
5153
5165
|
return openBlock(), createBlock(resolveDynamicComponent($setup.linkProps ? $setup.OnyxRouterLink : $setup.props.clickable ? "button" : "div"), mergeProps($setup.linkProps, {
|
|
5154
5166
|
class: ["onyx-component", "onyx-card", $setup.densityClass, "onyx-truncation-multiline", "onyx-text"]
|
|
5155
5167
|
}), {
|
|
@@ -5160,8 +5172,8 @@ function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
5160
5172
|
/* FORWARDED */
|
|
5161
5173
|
}, 16, ["class"]);
|
|
5162
5174
|
}
|
|
5163
|
-
const OnyxCard = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
5164
|
-
const _sfc_main$
|
|
5175
|
+
const OnyxCard = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$18], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxCard/OnyxCard.vue"]]);
|
|
5176
|
+
const _sfc_main$17 = /* @__PURE__ */ defineComponent({
|
|
5165
5177
|
__name: "OnyxTooltip",
|
|
5166
5178
|
props: {
|
|
5167
5179
|
density: { type: null, required: false },
|
|
@@ -5317,7 +5329,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
|
|
|
5317
5329
|
}
|
|
5318
5330
|
});
|
|
5319
5331
|
const _hoisted_1$S = { class: "onyx-tooltip--content" };
|
|
5320
|
-
function _sfc_render$
|
|
5332
|
+
function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
|
|
5321
5333
|
return openBlock(), createElementBlock(
|
|
5322
5334
|
"div",
|
|
5323
5335
|
{
|
|
@@ -5357,8 +5369,8 @@ function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
5357
5369
|
/* CLASS, STYLE */
|
|
5358
5370
|
);
|
|
5359
5371
|
}
|
|
5360
|
-
const OnyxTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
5361
|
-
const _sfc_main$
|
|
5372
|
+
const OnyxTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$17], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxTooltip/OnyxTooltip.vue"]]);
|
|
5373
|
+
const _sfc_main$16 = /* @__PURE__ */ defineComponent({
|
|
5362
5374
|
__name: "OnyxCalendarCell",
|
|
5363
5375
|
props: {
|
|
5364
5376
|
density: { type: null, required: false },
|
|
@@ -5390,15 +5402,15 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
|
|
|
5390
5402
|
});
|
|
5391
5403
|
const _hoisted_1$R = { class: "onyx-calendar-cell__header" };
|
|
5392
5404
|
const _hoisted_2$G = { class: "onyx-calendar-cell__date-container" };
|
|
5393
|
-
const _hoisted_3$
|
|
5405
|
+
const _hoisted_3$r = {
|
|
5394
5406
|
key: 1,
|
|
5395
5407
|
class: "onyx-calendar-cell__date"
|
|
5396
5408
|
};
|
|
5397
|
-
const _hoisted_4$
|
|
5409
|
+
const _hoisted_4$k = {
|
|
5398
5410
|
key: 0,
|
|
5399
5411
|
class: "onyx-calendar-cell__main"
|
|
5400
5412
|
};
|
|
5401
|
-
function _sfc_render$
|
|
5413
|
+
function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
|
|
5402
5414
|
return openBlock(), createElementBlock(
|
|
5403
5415
|
"td",
|
|
5404
5416
|
{
|
|
@@ -5444,14 +5456,14 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
5444
5456
|
/* STABLE */
|
|
5445
5457
|
}, 8, ["text"])) : (openBlock(), createElementBlock(
|
|
5446
5458
|
"span",
|
|
5447
|
-
_hoisted_3$
|
|
5459
|
+
_hoisted_3$r,
|
|
5448
5460
|
toDisplayString($setup.props.date),
|
|
5449
5461
|
1
|
|
5450
5462
|
/* TEXT */
|
|
5451
5463
|
))
|
|
5452
5464
|
])
|
|
5453
5465
|
]),
|
|
5454
|
-
!!$setup.slots.default ? (openBlock(), createElementBlock("div", _hoisted_4$
|
|
5466
|
+
!!$setup.slots.default ? (openBlock(), createElementBlock("div", _hoisted_4$k, [
|
|
5455
5467
|
renderSlot(_ctx.$slots, "default")
|
|
5456
5468
|
])) : createCommentVNode("v-if", true)
|
|
5457
5469
|
]),
|
|
@@ -5463,8 +5475,8 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
5463
5475
|
/* CLASS */
|
|
5464
5476
|
);
|
|
5465
5477
|
}
|
|
5466
|
-
const OnyxCalendarCell = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
5467
|
-
const _sfc_main$
|
|
5478
|
+
const OnyxCalendarCell = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$16], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxCalendarCell/OnyxCalendarCell.vue"]]);
|
|
5479
|
+
const _sfc_main$15 = /* @__PURE__ */ defineComponent({
|
|
5468
5480
|
__name: "OnyxIconButton",
|
|
5469
5481
|
props: {
|
|
5470
5482
|
density: { type: null, required: false },
|
|
@@ -5489,7 +5501,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
|
|
|
5489
5501
|
return __returned__;
|
|
5490
5502
|
}
|
|
5491
5503
|
});
|
|
5492
|
-
function _sfc_render$
|
|
5504
|
+
function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
|
|
5493
5505
|
return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
|
|
5494
5506
|
key: 0,
|
|
5495
5507
|
class: normalizeClass(["onyx-icon-button-skeleton", $setup.densityClass])
|
|
@@ -5517,8 +5529,8 @@ function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
5517
5529
|
/* FORWARDED */
|
|
5518
5530
|
}, 16, ["aria-label", "title", "class"]));
|
|
5519
5531
|
}
|
|
5520
|
-
const OnyxIconButton = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
5521
|
-
const _sfc_main$
|
|
5532
|
+
const OnyxIconButton = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$15], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxIconButton/OnyxIconButton.vue"]]);
|
|
5533
|
+
const _sfc_main$14 = /* @__PURE__ */ defineComponent({
|
|
5522
5534
|
__name: "OnyxTag",
|
|
5523
5535
|
props: {
|
|
5524
5536
|
density: { type: null, required: false },
|
|
@@ -5547,7 +5559,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
|
|
|
5547
5559
|
});
|
|
5548
5560
|
const _hoisted_1$Q = { class: "onyx-text onyx-truncation-ellipsis" };
|
|
5549
5561
|
const _hoisted_2$F = { class: "onyx-text onyx-truncation-ellipsis" };
|
|
5550
|
-
function _sfc_render$
|
|
5562
|
+
function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
|
|
5551
5563
|
return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
|
|
5552
5564
|
key: 0,
|
|
5553
5565
|
class: normalizeClass(["onyx-tag-skeleton", $setup.densityClass])
|
|
@@ -5611,10 +5623,10 @@ function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
5611
5623
|
/* CLASS */
|
|
5612
5624
|
));
|
|
5613
5625
|
}
|
|
5614
|
-
const OnyxTag = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
5615
|
-
const __default__$
|
|
5616
|
-
const _sfc_main$
|
|
5617
|
-
...__default__$
|
|
5626
|
+
const OnyxTag = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$14], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxTag/OnyxTag.vue"]]);
|
|
5627
|
+
const __default__$4 = {};
|
|
5628
|
+
const _sfc_main$13 = /* @__PURE__ */ defineComponent({
|
|
5629
|
+
...__default__$4,
|
|
5618
5630
|
__name: "OnyxCalendar",
|
|
5619
5631
|
props: {
|
|
5620
5632
|
density: { type: null, required: false },
|
|
@@ -5730,10 +5742,10 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
|
|
|
5730
5742
|
});
|
|
5731
5743
|
const _hoisted_1$P = { class: "onyx-calendar__header" };
|
|
5732
5744
|
const _hoisted_2$E = { class: "control-container time-control-container" };
|
|
5733
|
-
const _hoisted_3$
|
|
5734
|
-
const _hoisted_4$
|
|
5735
|
-
const _hoisted_5$
|
|
5736
|
-
function _sfc_render$
|
|
5745
|
+
const _hoisted_3$q = { class: "control-container" };
|
|
5746
|
+
const _hoisted_4$j = { class: "onyx-calendar__body" };
|
|
5747
|
+
const _hoisted_5$e = ["abbr"];
|
|
5748
|
+
function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
|
|
5737
5749
|
return $setup.skeleton ? (openBlock(), createElementBlock(
|
|
5738
5750
|
"div",
|
|
5739
5751
|
{
|
|
@@ -5798,11 +5810,11 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
5798
5810
|
onClick: _cache[1] || (_cache[1] = ($event) => $setup.goToMonthByOffset(1))
|
|
5799
5811
|
}, null, 8, ["label", "icon", "disabled"])
|
|
5800
5812
|
]),
|
|
5801
|
-
createElementVNode("div", _hoisted_3$
|
|
5813
|
+
createElementVNode("div", _hoisted_3$q, [
|
|
5802
5814
|
renderSlot(_ctx.$slots, "actions")
|
|
5803
5815
|
])
|
|
5804
5816
|
]),
|
|
5805
|
-
createElementVNode("div", _hoisted_4$
|
|
5817
|
+
createElementVNode("div", _hoisted_4$j, [
|
|
5806
5818
|
createElementVNode(
|
|
5807
5819
|
"table",
|
|
5808
5820
|
normalizeProps(guardReactiveProps($setup.tableProps)),
|
|
@@ -5817,7 +5829,7 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
5817
5829
|
key: header,
|
|
5818
5830
|
scope: "col",
|
|
5819
5831
|
abbr: header
|
|
5820
|
-
}, toDisplayString(header), 9, _hoisted_5$
|
|
5832
|
+
}, toDisplayString(header), 9, _hoisted_5$e);
|
|
5821
5833
|
}),
|
|
5822
5834
|
128
|
|
5823
5835
|
/* KEYED_FRAGMENT */
|
|
@@ -5894,7 +5906,7 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
5894
5906
|
/* CLASS */
|
|
5895
5907
|
));
|
|
5896
5908
|
}
|
|
5897
|
-
const OnyxCalendar = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
5909
|
+
const OnyxCalendar = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$13], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxCalendar/OnyxCalendar.vue"]]);
|
|
5898
5910
|
const useRequired = (props, requiredMarker) => ({
|
|
5899
5911
|
/**
|
|
5900
5912
|
* Class that configures which type of required marker is used.
|
|
@@ -6110,7 +6122,7 @@ const formatMinMax = (locale, type, value) => {
|
|
|
6110
6122
|
};
|
|
6111
6123
|
return date.toLocaleString(locale, format);
|
|
6112
6124
|
};
|
|
6113
|
-
const _sfc_main$
|
|
6125
|
+
const _sfc_main$12 = /* @__PURE__ */ defineComponent({
|
|
6114
6126
|
__name: "OnyxErrorTooltip",
|
|
6115
6127
|
props: {
|
|
6116
6128
|
errorMessages: { type: Object, required: false },
|
|
@@ -6131,7 +6143,7 @@ const _hoisted_2$D = {
|
|
|
6131
6143
|
key: 0,
|
|
6132
6144
|
ref: "targetRef"
|
|
6133
6145
|
};
|
|
6134
|
-
function _sfc_render$
|
|
6146
|
+
function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
|
|
6135
6147
|
return openBlock(), createElementBlock("div", _hoisted_1$O, [
|
|
6136
6148
|
!$setup.tooltipError || $setup.props.disabled ? (openBlock(), createElementBlock(
|
|
6137
6149
|
"div",
|
|
@@ -6168,8 +6180,8 @@ function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
6168
6180
|
], 8, ["to"])) : createCommentVNode("v-if", true)
|
|
6169
6181
|
]);
|
|
6170
6182
|
}
|
|
6171
|
-
const OnyxErrorTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
6172
|
-
const _sfc_main$
|
|
6183
|
+
const OnyxErrorTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$12], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxErrorTooltip/OnyxErrorTooltip.vue"]]);
|
|
6184
|
+
const _sfc_main$11 = /* @__PURE__ */ defineComponent({
|
|
6173
6185
|
...{ inheritAttrs: false },
|
|
6174
6186
|
__name: "OnyxCheckbox",
|
|
6175
6187
|
props: {
|
|
@@ -6218,8 +6230,8 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
|
|
|
6218
6230
|
});
|
|
6219
6231
|
const _hoisted_1$N = ["title"];
|
|
6220
6232
|
const _hoisted_2$C = { class: "onyx-checkbox__container" };
|
|
6221
|
-
const _hoisted_3$
|
|
6222
|
-
function _sfc_render$
|
|
6233
|
+
const _hoisted_3$p = ["aria-label", "indeterminate", "disabled", "required", "value", "autofocus"];
|
|
6234
|
+
function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
|
|
6223
6235
|
return $setup.skeleton ? (openBlock(), createElementBlock(
|
|
6224
6236
|
"div",
|
|
6225
6237
|
mergeProps({
|
|
@@ -6262,7 +6274,7 @@ function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
6262
6274
|
required: $setup.props.required,
|
|
6263
6275
|
value: $setup.props.value,
|
|
6264
6276
|
autofocus: $setup.props.autofocus
|
|
6265
|
-
}, $setup.restAttrs), null, 16, _hoisted_3$
|
|
6277
|
+
}, $setup.restAttrs), null, 16, _hoisted_3$p)), [
|
|
6266
6278
|
[vModelCheckbox, $setup.isChecked],
|
|
6267
6279
|
[$setup["vCustomValidity"]]
|
|
6268
6280
|
])
|
|
@@ -6304,7 +6316,7 @@ function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
6304
6316
|
/* STABLE */
|
|
6305
6317
|
}, 16, ["disabled", "error-messages"]));
|
|
6306
6318
|
}
|
|
6307
|
-
const OnyxCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
6319
|
+
const OnyxCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$11], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxCheckbox/OnyxCheckbox.vue"]]);
|
|
6308
6320
|
const useSelectAllCheckboxState = (enabledOptionValues, modelValue) => computed(() => {
|
|
6309
6321
|
const currentValues = modelValue.value.filter(
|
|
6310
6322
|
(value) => enabledOptionValues.value.includes(value)
|
|
@@ -6339,7 +6351,7 @@ const useCheckAll = (enabledOptionValues, modelValue, onChangeCallback) => {
|
|
|
6339
6351
|
}
|
|
6340
6352
|
};
|
|
6341
6353
|
};
|
|
6342
|
-
const _sfc_main
|
|
6354
|
+
const _sfc_main$10 = /* @__PURE__ */ defineComponent({
|
|
6343
6355
|
__name: "OnyxInfoTooltip",
|
|
6344
6356
|
props: {
|
|
6345
6357
|
text: { type: String, required: true },
|
|
@@ -6376,7 +6388,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
|
|
|
6376
6388
|
}
|
|
6377
6389
|
});
|
|
6378
6390
|
const _hoisted_1$M = { class: "onyx-component onyx-info-tooltip" };
|
|
6379
|
-
function _sfc_render
|
|
6391
|
+
function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
|
|
6380
6392
|
return openBlock(), createElementBlock("span", _hoisted_1$M, [
|
|
6381
6393
|
$setup.triggerType === "click" ? (openBlock(), createBlock($setup["OnyxTooltip"], mergeProps({ key: 0 }, $setup.tooltipProps, {
|
|
6382
6394
|
open: $setup.isVisible,
|
|
@@ -6435,8 +6447,8 @@ function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
6435
6447
|
))
|
|
6436
6448
|
]);
|
|
6437
6449
|
}
|
|
6438
|
-
const OnyxInfoTooltip = /* @__PURE__ */ _export_sfc(_sfc_main
|
|
6439
|
-
const _sfc_main
|
|
6450
|
+
const OnyxInfoTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$10], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxInfoTooltip/OnyxInfoTooltip.vue"]]);
|
|
6451
|
+
const _sfc_main$$ = /* @__PURE__ */ defineComponent({
|
|
6440
6452
|
__name: "OnyxCheckboxGroup",
|
|
6441
6453
|
props: {
|
|
6442
6454
|
truncation: { type: null, required: false, default: "ellipsis" },
|
|
@@ -6499,7 +6511,7 @@ const _hoisted_2$B = {
|
|
|
6499
6511
|
key: 0,
|
|
6500
6512
|
class: "onyx-checkbox-group__label"
|
|
6501
6513
|
};
|
|
6502
|
-
function _sfc_render
|
|
6514
|
+
function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
|
|
6503
6515
|
return openBlock(), createElementBlock("fieldset", {
|
|
6504
6516
|
class: normalizeClass(["onyx-component", "onyx-checkbox-group", $setup.densityClass]),
|
|
6505
6517
|
disabled: $setup.disabled,
|
|
@@ -6587,10 +6599,10 @@ function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
6587
6599
|
)
|
|
6588
6600
|
], 10, _hoisted_1$L);
|
|
6589
6601
|
}
|
|
6590
|
-
const OnyxCheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main
|
|
6602
|
+
const OnyxCheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$$], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxCheckboxGroup/OnyxCheckboxGroup.vue"]]);
|
|
6591
6603
|
const CODE_TABS_INJECTION_KEY = Symbol();
|
|
6592
6604
|
const TABS_INJECTION_KEY = Symbol();
|
|
6593
|
-
const _sfc_main$
|
|
6605
|
+
const _sfc_main$_ = /* @__PURE__ */ defineComponent({
|
|
6594
6606
|
...{ inheritAttrs: false },
|
|
6595
6607
|
__name: "OnyxTab",
|
|
6596
6608
|
props: {
|
|
@@ -6623,7 +6635,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
|
|
|
6623
6635
|
});
|
|
6624
6636
|
const _hoisted_1$K = ["disabled"];
|
|
6625
6637
|
const _hoisted_2$A = { class: "onyx-tab__label" };
|
|
6626
|
-
function _sfc_render$
|
|
6638
|
+
function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
|
|
6627
6639
|
return openBlock(), createElementBlock(
|
|
6628
6640
|
Fragment,
|
|
6629
6641
|
null,
|
|
@@ -6678,10 +6690,10 @@ function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
6678
6690
|
/* STABLE_FRAGMENT */
|
|
6679
6691
|
);
|
|
6680
6692
|
}
|
|
6681
|
-
const OnyxTab = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
6682
|
-
const __default__$
|
|
6683
|
-
const _sfc_main$
|
|
6684
|
-
...__default__$
|
|
6693
|
+
const OnyxTab = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$_], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxTab/OnyxTab.vue"]]);
|
|
6694
|
+
const __default__$3 = {};
|
|
6695
|
+
const _sfc_main$Z = /* @__PURE__ */ defineComponent({
|
|
6696
|
+
...__default__$3,
|
|
6685
6697
|
__name: "OnyxCodeTab",
|
|
6686
6698
|
props: {
|
|
6687
6699
|
value: { type: null, required: true },
|
|
@@ -6725,7 +6737,7 @@ const _hoisted_1$J = {
|
|
|
6725
6737
|
key: 0,
|
|
6726
6738
|
class: "onyx-code-tab__language onyx-text--small"
|
|
6727
6739
|
};
|
|
6728
|
-
function _sfc_render$
|
|
6740
|
+
function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
|
|
6729
6741
|
return openBlock(), createBlock($setup["OnyxTab"], mergeProps($setup.tabProps, {
|
|
6730
6742
|
label: $setup.label,
|
|
6731
6743
|
class: "onyx-code-tab",
|
|
@@ -6769,8 +6781,8 @@ function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
6769
6781
|
/* FORWARDED */
|
|
6770
6782
|
}, 16, ["label", "disabled"]);
|
|
6771
6783
|
}
|
|
6772
|
-
const OnyxCodeTab = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
6773
|
-
const _sfc_main$
|
|
6784
|
+
const OnyxCodeTab = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$Z], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxCodeTab/OnyxCodeTab.vue"]]);
|
|
6785
|
+
const _sfc_main$Y = /* @__PURE__ */ defineComponent({
|
|
6774
6786
|
__name: "OnyxTabs",
|
|
6775
6787
|
props: {
|
|
6776
6788
|
density: { type: null, required: false },
|
|
@@ -6814,7 +6826,7 @@ const _hoisted_2$z = {
|
|
|
6814
6826
|
key: 0,
|
|
6815
6827
|
class: "onyx-tabs__actions"
|
|
6816
6828
|
};
|
|
6817
|
-
function _sfc_render$
|
|
6829
|
+
function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
|
|
6818
6830
|
return openBlock(), createElementBlock(
|
|
6819
6831
|
"div",
|
|
6820
6832
|
{
|
|
@@ -6846,10 +6858,10 @@ function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
6846
6858
|
/* CLASS */
|
|
6847
6859
|
);
|
|
6848
6860
|
}
|
|
6849
|
-
const OnyxTabs = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
6850
|
-
const __default__$
|
|
6851
|
-
const _sfc_main$
|
|
6852
|
-
...__default__$
|
|
6861
|
+
const OnyxTabs = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$Y], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxTabs/OnyxTabs.vue"]]);
|
|
6862
|
+
const __default__$2 = {};
|
|
6863
|
+
const _sfc_main$X = /* @__PURE__ */ defineComponent({
|
|
6864
|
+
...__default__$2,
|
|
6853
6865
|
__name: "OnyxCodeTabs",
|
|
6854
6866
|
props: {
|
|
6855
6867
|
skeleton: { type: Boolean, required: false },
|
|
@@ -6885,7 +6897,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
|
|
|
6885
6897
|
return __returned__;
|
|
6886
6898
|
}
|
|
6887
6899
|
});
|
|
6888
|
-
function _sfc_render$
|
|
6900
|
+
function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
|
|
6889
6901
|
return openBlock(), createBlock($setup["OnyxTabs"], mergeProps($setup.tabsProps, {
|
|
6890
6902
|
modelValue: $setup.modelValue,
|
|
6891
6903
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $setup.modelValue = $event),
|
|
@@ -6914,13 +6926,13 @@ function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
6914
6926
|
/* FORWARDED */
|
|
6915
6927
|
}, 16, ["modelValue", "label"]);
|
|
6916
6928
|
}
|
|
6917
|
-
const OnyxCodeTabs = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
6929
|
+
const OnyxCodeTabs = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$X], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxCodeTabs/OnyxCodeTabs.vue"]]);
|
|
6918
6930
|
const escapeCSS = (key) => {
|
|
6919
6931
|
const name = typeof key === "symbol" && key.description ? key.description : String(key);
|
|
6920
6932
|
if (globalThis.window && window.CSS) return CSS.escape(name);
|
|
6921
6933
|
return name.replace(/\W/g, "-");
|
|
6922
6934
|
};
|
|
6923
|
-
const _sfc_main$
|
|
6935
|
+
const _sfc_main$W = /* @__PURE__ */ defineComponent({
|
|
6924
6936
|
__name: "OnyxEmpty",
|
|
6925
6937
|
props: {
|
|
6926
6938
|
density: { type: null, required: false }
|
|
@@ -6942,7 +6954,7 @@ const _hoisted_2$y = {
|
|
|
6942
6954
|
key: 0,
|
|
6943
6955
|
class: "onyx-empty__buttons"
|
|
6944
6956
|
};
|
|
6945
|
-
function _sfc_render$
|
|
6957
|
+
function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
|
|
6946
6958
|
return openBlock(), createElementBlock(
|
|
6947
6959
|
"div",
|
|
6948
6960
|
{
|
|
@@ -6966,8 +6978,8 @@ function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
6966
6978
|
/* CLASS */
|
|
6967
6979
|
);
|
|
6968
6980
|
}
|
|
6969
|
-
const OnyxEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
6970
|
-
const _sfc_main$
|
|
6981
|
+
const OnyxEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$W], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxEmpty/OnyxEmpty.vue"]]);
|
|
6982
|
+
const _sfc_main$V = /* @__PURE__ */ defineComponent({
|
|
6971
6983
|
__name: "OnyxTable",
|
|
6972
6984
|
props: {
|
|
6973
6985
|
density: { type: null, required: false },
|
|
@@ -7003,10 +7015,10 @@ const _hoisted_1$G = {
|
|
|
7003
7015
|
class: "onyx-table-wrapper__top"
|
|
7004
7016
|
};
|
|
7005
7017
|
const _hoisted_2$x = ["id"];
|
|
7006
|
-
const _hoisted_3$
|
|
7007
|
-
const _hoisted_4$
|
|
7008
|
-
const _hoisted_5$
|
|
7009
|
-
const _hoisted_6$
|
|
7018
|
+
const _hoisted_3$o = { class: "onyx-table-wrapper__actions" };
|
|
7019
|
+
const _hoisted_4$i = ["tabindex"];
|
|
7020
|
+
const _hoisted_5$d = ["aria-labelledby"];
|
|
7021
|
+
const _hoisted_6$9 = ["span"];
|
|
7010
7022
|
const _hoisted_7$5 = {
|
|
7011
7023
|
key: 0,
|
|
7012
7024
|
class: "onyx-table__header"
|
|
@@ -7020,7 +7032,7 @@ const _hoisted_13 = {
|
|
|
7020
7032
|
key: 1,
|
|
7021
7033
|
class: "onyx-table-wrapper__bottom"
|
|
7022
7034
|
};
|
|
7023
|
-
function _sfc_render$
|
|
7035
|
+
function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
|
|
7024
7036
|
return openBlock(), createElementBlock(
|
|
7025
7037
|
"div",
|
|
7026
7038
|
{
|
|
@@ -7032,7 +7044,7 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
7032
7044
|
createElementVNode("div", { id: $setup.headlineId }, [
|
|
7033
7045
|
renderSlot(_ctx.$slots, "headline")
|
|
7034
7046
|
], 8, _hoisted_2$x),
|
|
7035
|
-
createElementVNode("div", _hoisted_3$
|
|
7047
|
+
createElementVNode("div", _hoisted_3$o, [
|
|
7036
7048
|
renderSlot(_ctx.$slots, "actions")
|
|
7037
7049
|
])
|
|
7038
7050
|
])) : createCommentVNode("v-if", true),
|
|
@@ -7062,7 +7074,7 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
7062
7074
|
return openBlock(), createElementBlock("colgroup", {
|
|
7063
7075
|
key: group.key,
|
|
7064
7076
|
span: group.span
|
|
7065
|
-
}, null, 8, _hoisted_6$
|
|
7077
|
+
}, null, 8, _hoisted_6$9);
|
|
7066
7078
|
}),
|
|
7067
7079
|
128
|
|
7068
7080
|
/* KEYED_FRAGMENT */
|
|
@@ -7109,8 +7121,8 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
7109
7121
|
])
|
|
7110
7122
|
])
|
|
7111
7123
|
])
|
|
7112
|
-
], 10, _hoisted_5$
|
|
7113
|
-
], 16, _hoisted_4$
|
|
7124
|
+
], 10, _hoisted_5$d)
|
|
7125
|
+
], 16, _hoisted_4$i),
|
|
7114
7126
|
!!$setup.slots.bottomLeft || !!$setup.slots.pagination ? (openBlock(), createElementBlock("div", _hoisted_13, [
|
|
7115
7127
|
createElementVNode("div", null, [
|
|
7116
7128
|
renderSlot(_ctx.$slots, "bottomLeft")
|
|
@@ -7124,8 +7136,8 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
7124
7136
|
/* STYLE */
|
|
7125
7137
|
);
|
|
7126
7138
|
}
|
|
7127
|
-
const OnyxTable = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
7128
|
-
const _sfc_main$
|
|
7139
|
+
const OnyxTable = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$V], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxTable/OnyxTable.vue"]]);
|
|
7140
|
+
const _sfc_main$U = /* @__PURE__ */ defineComponent({
|
|
7129
7141
|
__name: "OnyxDataGridRenderer",
|
|
7130
7142
|
props: {
|
|
7131
7143
|
density: { type: null, required: false },
|
|
@@ -7161,7 +7173,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
|
|
|
7161
7173
|
return __returned__;
|
|
7162
7174
|
}
|
|
7163
7175
|
});
|
|
7164
|
-
function _sfc_render$
|
|
7176
|
+
function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
|
|
7165
7177
|
return openBlock(), createBlock($setup["OnyxTable"], mergeProps({ class: "onyx-data-grid" }, $setup.tableProps, {
|
|
7166
7178
|
"scroll-container-attrs": $setup.mergeVueProps($setup.props.scrollContainerAttrs, { style: $setup.columnStyle })
|
|
7167
7179
|
}), createSlots({
|
|
@@ -7268,8 +7280,8 @@ function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
7268
7280
|
})
|
|
7269
7281
|
]), 1040, ["scroll-container-attrs"]);
|
|
7270
7282
|
}
|
|
7271
|
-
const OnyxDataGridRenderer = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
7272
|
-
const _sfc_main$
|
|
7283
|
+
const OnyxDataGridRenderer = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$U], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxDataGrid/OnyxDataGridRenderer/OnyxDataGridRenderer.vue"]]);
|
|
7284
|
+
const _sfc_main$T = /* @__PURE__ */ defineComponent({
|
|
7273
7285
|
...{ inheritAttrs: false },
|
|
7274
7286
|
__name: "OnyxMiniSearch",
|
|
7275
7287
|
props: {
|
|
@@ -7311,7 +7323,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
|
|
|
7311
7323
|
});
|
|
7312
7324
|
const _hoisted_1$F = ["autofocus", "placeholder", "aria-label"];
|
|
7313
7325
|
const _hoisted_2$w = ["aria-label"];
|
|
7314
|
-
function _sfc_render$
|
|
7326
|
+
function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
|
|
7315
7327
|
return openBlock(), createElementBlock(
|
|
7316
7328
|
"div",
|
|
7317
7329
|
mergeProps({
|
|
@@ -7353,11 +7365,11 @@ function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
7353
7365
|
/* FULL_PROPS */
|
|
7354
7366
|
);
|
|
7355
7367
|
}
|
|
7356
|
-
const OnyxMiniSearch = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
7368
|
+
const OnyxMiniSearch = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$T], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxMiniSearch/OnyxMiniSearch.vue"]]);
|
|
7357
7369
|
const prepareMapping = (features, key) => features.flatMap((f) => f[key]).filter((f) => f?.func).sort((a, b) => (a?.order ?? 0) - (b?.order ?? 0));
|
|
7358
7370
|
const applyMapping = (mapping, input2) => mapping.reduce((output, m) => m.func(output), input2);
|
|
7359
7371
|
const DataGridRowOptionsSymbol = Symbol("RowOptions");
|
|
7360
|
-
const _sfc_main$
|
|
7372
|
+
const _sfc_main$S = /* @__PURE__ */ defineComponent({
|
|
7361
7373
|
__name: "HeaderCell",
|
|
7362
7374
|
props: {
|
|
7363
7375
|
label: { type: String, required: true }
|
|
@@ -7373,11 +7385,11 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
|
|
|
7373
7385
|
});
|
|
7374
7386
|
const _hoisted_1$E = { class: "onyx-component onyx-data-grid-header-cell" };
|
|
7375
7387
|
const _hoisted_2$v = { class: "onyx-data-grid-header-cell__label" };
|
|
7376
|
-
const _hoisted_3$
|
|
7388
|
+
const _hoisted_3$n = {
|
|
7377
7389
|
key: 0,
|
|
7378
7390
|
class: "onyx-data-grid-header-cell__actions"
|
|
7379
7391
|
};
|
|
7380
|
-
function _sfc_render$
|
|
7392
|
+
function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
|
|
7381
7393
|
return openBlock(), createElementBlock("div", _hoisted_1$E, [
|
|
7382
7394
|
createElementVNode(
|
|
7383
7395
|
"span",
|
|
@@ -7386,12 +7398,12 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
7386
7398
|
1
|
|
7387
7399
|
/* TEXT */
|
|
7388
7400
|
),
|
|
7389
|
-
$setup.slots.actions ? (openBlock(), createElementBlock("div", _hoisted_3$
|
|
7401
|
+
$setup.slots.actions ? (openBlock(), createElementBlock("div", _hoisted_3$n, [
|
|
7390
7402
|
renderSlot(_ctx.$slots, "actions")
|
|
7391
7403
|
])) : createCommentVNode("v-if", true)
|
|
7392
7404
|
]);
|
|
7393
7405
|
}
|
|
7394
|
-
const HeaderCell = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
7406
|
+
const HeaderCell = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$S], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxDataGrid/features/HeaderCell.vue"]]);
|
|
7395
7407
|
const FALLBACK_RENDER_VALUE = "-";
|
|
7396
7408
|
const fallback = (opts) => opts?.fallback ?? FALLBACK_RENDER_VALUE;
|
|
7397
7409
|
const createTypeRenderer = (typeRenderer) => Object.freeze(typeRenderer);
|
|
@@ -7884,7 +7896,7 @@ const formatBytesToString = (locale, bytes) => {
|
|
|
7884
7896
|
unitDisplay: "narrow"
|
|
7885
7897
|
}).format(value);
|
|
7886
7898
|
};
|
|
7887
|
-
const _sfc_main$
|
|
7899
|
+
const _sfc_main$R = /* @__PURE__ */ defineComponent({
|
|
7888
7900
|
__name: "OnyxInlinePagination",
|
|
7889
7901
|
props: {
|
|
7890
7902
|
density: { type: null, required: false },
|
|
@@ -7938,10 +7950,10 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
|
|
|
7938
7950
|
});
|
|
7939
7951
|
const _hoisted_1$D = ["aria-label"];
|
|
7940
7952
|
const _hoisted_2$u = ["aria-label", "disabled"];
|
|
7941
|
-
const _hoisted_3$
|
|
7942
|
-
const _hoisted_4$
|
|
7943
|
-
const _hoisted_5$
|
|
7944
|
-
function _sfc_render$
|
|
7953
|
+
const _hoisted_3$m = ["aria-label", "disabled", "onClick"];
|
|
7954
|
+
const _hoisted_4$h = ["aria-label"];
|
|
7955
|
+
const _hoisted_5$c = ["aria-label", "disabled"];
|
|
7956
|
+
function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
|
|
7945
7957
|
return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
|
|
7946
7958
|
key: 0,
|
|
7947
7959
|
class: normalizeClass([
|
|
@@ -7989,7 +8001,7 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
7989
8001
|
type: "button",
|
|
7990
8002
|
disabled: $setup.props.disabled,
|
|
7991
8003
|
onClick: ($event) => $setup.emit("update:modelValue", pageNumber)
|
|
7992
|
-
}, toDisplayString(pageNumber), 11, _hoisted_3$
|
|
8004
|
+
}, toDisplayString(pageNumber), 11, _hoisted_3$m)) : (openBlock(), createElementBlock("div", {
|
|
7993
8005
|
key: 1,
|
|
7994
8006
|
class: normalizeClass(["onyx-pagination__more-pages"]),
|
|
7995
8007
|
"aria-label": $setup.t("pagination.morePages")
|
|
@@ -8012,7 +8024,7 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
8012
8024
|
_: 1
|
|
8013
8025
|
/* STABLE */
|
|
8014
8026
|
})
|
|
8015
|
-
], 8, _hoisted_4$
|
|
8027
|
+
], 8, _hoisted_4$h))
|
|
8016
8028
|
],
|
|
8017
8029
|
64
|
|
8018
8030
|
/* STABLE_FRAGMENT */
|
|
@@ -8029,10 +8041,10 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
8029
8041
|
onClick: _cache[1] || (_cache[1] = ($event) => $setup.emit("update:modelValue", $setup.props.modelValue + 1))
|
|
8030
8042
|
}, [
|
|
8031
8043
|
createVNode($setup["OnyxIcon"], { icon: $setup.iconChevronRightSmall }, null, 8, ["icon"])
|
|
8032
|
-
], 8, _hoisted_5$
|
|
8044
|
+
], 8, _hoisted_5$c)
|
|
8033
8045
|
], 10, _hoisted_1$D));
|
|
8034
8046
|
}
|
|
8035
|
-
const OnyxInlinePagination = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
8047
|
+
const OnyxInlinePagination = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$R], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxPagination/OnyxInlinePagination.vue"]]);
|
|
8036
8048
|
const useErrorClass = (showError) => computed(() => {
|
|
8037
8049
|
if (showError.value === true) {
|
|
8038
8050
|
return "onyx-form-element--immediate-invalid";
|
|
@@ -8042,7 +8054,7 @@ const useErrorClass = (showError) => computed(() => {
|
|
|
8042
8054
|
}
|
|
8043
8055
|
return "onyx-form-element--touched-invalid";
|
|
8044
8056
|
});
|
|
8045
|
-
const _sfc_main$
|
|
8057
|
+
const _sfc_main$Q = /* @__PURE__ */ defineComponent({
|
|
8046
8058
|
__name: "FormMessage",
|
|
8047
8059
|
props: {
|
|
8048
8060
|
messages: { type: Object, required: true },
|
|
@@ -8059,7 +8071,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
|
|
|
8059
8071
|
const _hoisted_1$C = {
|
|
8060
8072
|
class: /* @__PURE__ */ normalizeClass(["onyx-truncation-ellipsis"])
|
|
8061
8073
|
};
|
|
8062
|
-
function _sfc_render$
|
|
8074
|
+
function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
|
|
8063
8075
|
return openBlock(), createBlock(resolveDynamicComponent($props.messages.hidden ? $setup.OnyxVisuallyHidden : "span"), {
|
|
8064
8076
|
class: normalizeClass(["onyx-component", "onyx-form-message", `onyx-form-message__${$setup.props.type}`])
|
|
8065
8077
|
}, {
|
|
@@ -8084,8 +8096,8 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
8084
8096
|
/* STABLE */
|
|
8085
8097
|
}, 8, ["class"]);
|
|
8086
8098
|
}
|
|
8087
|
-
const FormMessage = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
8088
|
-
const _sfc_main$
|
|
8099
|
+
const FormMessage = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$Q], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxFormElement/FormMessage.vue"]]);
|
|
8100
|
+
const _sfc_main$P = /* @__PURE__ */ defineComponent({
|
|
8089
8101
|
__name: "OnyxFormElement",
|
|
8090
8102
|
props: {
|
|
8091
8103
|
disabled: { type: [Boolean, Symbol], required: false },
|
|
@@ -8163,12 +8175,12 @@ const _hoisted_1$B = {
|
|
|
8163
8175
|
class: "onyx-form-element__label onyx-text--small"
|
|
8164
8176
|
};
|
|
8165
8177
|
const _hoisted_2$t = ["for"];
|
|
8166
|
-
const _hoisted_3$
|
|
8178
|
+
const _hoisted_3$l = {
|
|
8167
8179
|
key: 1,
|
|
8168
8180
|
class: "onyx-form-element__footer onyx-text--small"
|
|
8169
8181
|
};
|
|
8170
|
-
const _hoisted_4$
|
|
8171
|
-
function _sfc_render$
|
|
8182
|
+
const _hoisted_4$g = { class: "onyx-form-element__footer-messages" };
|
|
8183
|
+
function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
|
|
8172
8184
|
return openBlock(), createElementBlock(
|
|
8173
8185
|
"div",
|
|
8174
8186
|
{
|
|
@@ -8215,8 +8227,8 @@ function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
8215
8227
|
renderSlot(_ctx.$slots, "default", {
|
|
8216
8228
|
id: $setup.props.id
|
|
8217
8229
|
}),
|
|
8218
|
-
$setup.footer ? (openBlock(), createElementBlock("div", _hoisted_3$
|
|
8219
|
-
createElementVNode("span", _hoisted_4$
|
|
8230
|
+
$setup.footer ? (openBlock(), createElementBlock("div", _hoisted_3$l, [
|
|
8231
|
+
createElementVNode("span", _hoisted_4$g, [
|
|
8220
8232
|
$setup.footer.errorMessages ? (openBlock(), createBlock($setup["FormMessage"], {
|
|
8221
8233
|
key: 0,
|
|
8222
8234
|
class: "onyx-form-element__error-message",
|
|
@@ -8255,8 +8267,8 @@ function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
8255
8267
|
/* CLASS */
|
|
8256
8268
|
);
|
|
8257
8269
|
}
|
|
8258
|
-
const OnyxFormElement = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
8259
|
-
const _sfc_main$
|
|
8270
|
+
const OnyxFormElement = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$P], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxFormElement/OnyxFormElement.vue"]]);
|
|
8271
|
+
const _sfc_main$O = /* @__PURE__ */ defineComponent({
|
|
8260
8272
|
...{ inheritAttrs: false },
|
|
8261
8273
|
__name: "OnyxSelectInput",
|
|
8262
8274
|
props: {
|
|
@@ -8341,7 +8353,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
|
|
|
8341
8353
|
});
|
|
8342
8354
|
const _hoisted_1$A = ["id", "readonly", "placeholder", "required", "disabled", "aria-label", "title", "value", "autofocus"];
|
|
8343
8355
|
const _hoisted_2$s = ["aria-label", "title", "disabled"];
|
|
8344
|
-
function _sfc_render$
|
|
8356
|
+
function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
|
|
8345
8357
|
return $setup.skeleton ? (openBlock(), createElementBlock(
|
|
8346
8358
|
"div",
|
|
8347
8359
|
mergeProps({
|
|
@@ -8462,8 +8474,8 @@ function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
8462
8474
|
/* FULL_PROPS */
|
|
8463
8475
|
));
|
|
8464
8476
|
}
|
|
8465
|
-
const OnyxSelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
8466
|
-
const _sfc_main$
|
|
8477
|
+
const OnyxSelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$O], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSelectInput/OnyxSelectInput.vue"]]);
|
|
8478
|
+
const _sfc_main$N = /* @__PURE__ */ defineComponent({
|
|
8467
8479
|
__name: "OnyxSelectOption",
|
|
8468
8480
|
props: {
|
|
8469
8481
|
active: { type: Boolean, required: false, default: false },
|
|
@@ -8483,7 +8495,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
|
|
|
8483
8495
|
}
|
|
8484
8496
|
});
|
|
8485
8497
|
const _hoisted_1$z = ["checked", "aria-labelledby", "disabled", "indeterminate"];
|
|
8486
|
-
function _sfc_render$
|
|
8498
|
+
function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
|
|
8487
8499
|
return openBlock(), createBlock($setup["OnyxListItem"], mergeProps({ class: "onyx-component onyx-select-option" }, $setup.listItemProps, {
|
|
8488
8500
|
checked: !!_ctx.$attrs["aria-checked"],
|
|
8489
8501
|
selected: !!_ctx.$attrs["aria-selected"],
|
|
@@ -8521,8 +8533,8 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
8521
8533
|
/* FORWARDED */
|
|
8522
8534
|
}, 16, ["checked", "selected", "disabled"]);
|
|
8523
8535
|
}
|
|
8524
|
-
const OnyxSelectOption = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
8525
|
-
const _sfc_main$
|
|
8536
|
+
const OnyxSelectOption = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$N], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSelectOption/OnyxSelectOption.vue"]]);
|
|
8537
|
+
const _sfc_main$M = /* @__PURE__ */ defineComponent({
|
|
8526
8538
|
__name: "OnyxSelect",
|
|
8527
8539
|
props: {
|
|
8528
8540
|
density: { type: null, required: false },
|
|
@@ -8800,21 +8812,21 @@ const _hoisted_2$r = {
|
|
|
8800
8812
|
class: "onyx-select__wrapper",
|
|
8801
8813
|
tabindex: "-1"
|
|
8802
8814
|
};
|
|
8803
|
-
const _hoisted_3$
|
|
8815
|
+
const _hoisted_3$k = {
|
|
8804
8816
|
key: 0,
|
|
8805
8817
|
role: "group",
|
|
8806
8818
|
class: "onyx-select__group"
|
|
8807
8819
|
};
|
|
8808
|
-
const _hoisted_4$
|
|
8820
|
+
const _hoisted_4$f = {
|
|
8809
8821
|
role: "option",
|
|
8810
8822
|
"aria-selected": "false"
|
|
8811
8823
|
};
|
|
8812
|
-
const _hoisted_5$
|
|
8824
|
+
const _hoisted_5$b = {
|
|
8813
8825
|
key: 0,
|
|
8814
8826
|
role: "presentation",
|
|
8815
8827
|
class: "onyx-select__group-name onyx-text--small"
|
|
8816
8828
|
};
|
|
8817
|
-
const _hoisted_6$
|
|
8829
|
+
const _hoisted_6$8 = {
|
|
8818
8830
|
key: 1,
|
|
8819
8831
|
class: "onyx-select__slot"
|
|
8820
8832
|
};
|
|
@@ -8826,7 +8838,7 @@ const _hoisted_8$4 = {
|
|
|
8826
8838
|
key: 0,
|
|
8827
8839
|
class: "onyx-select__description onyx-text--small"
|
|
8828
8840
|
};
|
|
8829
|
-
function _sfc_render$
|
|
8841
|
+
function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
|
|
8830
8842
|
return openBlock(), createElementBlock(
|
|
8831
8843
|
"div",
|
|
8832
8844
|
_hoisted_1$y,
|
|
@@ -8863,8 +8875,8 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
8863
8875
|
"div",
|
|
8864
8876
|
normalizeProps(guardReactiveProps($setup.listbox)),
|
|
8865
8877
|
[
|
|
8866
|
-
$setup.isEmptyMessage ? (openBlock(), createElementBlock("ul", _hoisted_3$
|
|
8867
|
-
createElementVNode("li", _hoisted_4$
|
|
8878
|
+
$setup.isEmptyMessage ? (openBlock(), createElementBlock("ul", _hoisted_3$k, [
|
|
8879
|
+
createElementVNode("li", _hoisted_4$f, [
|
|
8868
8880
|
renderSlot(_ctx.$slots, "empty", { defaultMessage: $setup.isEmptyMessage }, () => [
|
|
8869
8881
|
createVNode($setup["OnyxEmpty"], {
|
|
8870
8882
|
density: $setup.props.density
|
|
@@ -8933,7 +8945,7 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
8933
8945
|
[
|
|
8934
8946
|
group.name !== "" ? (openBlock(), createElementBlock(
|
|
8935
8947
|
"li",
|
|
8936
|
-
_hoisted_5$
|
|
8948
|
+
_hoisted_5$b,
|
|
8937
8949
|
toDisplayString(group.name),
|
|
8938
8950
|
1
|
|
8939
8951
|
/* TEXT */
|
|
@@ -8993,7 +9005,7 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
8993
9005
|
16
|
|
8994
9006
|
/* FULL_PROPS */
|
|
8995
9007
|
),
|
|
8996
|
-
$setup.props.lazyLoading?.loading ? (openBlock(), createElementBlock("div", _hoisted_6$
|
|
9008
|
+
$setup.props.lazyLoading?.loading ? (openBlock(), createElementBlock("div", _hoisted_6$8, [
|
|
8997
9009
|
createVNode($setup["OnyxLoadingIndicator"], { class: "onyx-select__loading" })
|
|
8998
9010
|
])) : createCommentVNode("v-if", true),
|
|
8999
9011
|
$setup.slots.optionsEnd ? (openBlock(), createElementBlock("div", _hoisted_7$4, [
|
|
@@ -9018,9 +9030,9 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
9018
9030
|
/* NEED_PATCH */
|
|
9019
9031
|
);
|
|
9020
9032
|
}
|
|
9021
|
-
const OnyxSelect = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
9033
|
+
const OnyxSelect = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$M], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSelect/OnyxSelect.vue"]]);
|
|
9022
9034
|
const pageSize = 100;
|
|
9023
|
-
const _sfc_main$
|
|
9035
|
+
const _sfc_main$L = /* @__PURE__ */ defineComponent({
|
|
9024
9036
|
__name: "OnyxSelectPagination",
|
|
9025
9037
|
props: {
|
|
9026
9038
|
density: { type: null, required: false },
|
|
@@ -9074,9 +9086,9 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
|
|
|
9074
9086
|
});
|
|
9075
9087
|
const _hoisted_1$x = ["aria-label"];
|
|
9076
9088
|
const _hoisted_2$q = { class: "onyx-pagination__count" };
|
|
9077
|
-
const _hoisted_3$
|
|
9078
|
-
const _hoisted_4$
|
|
9079
|
-
function _sfc_render$
|
|
9089
|
+
const _hoisted_3$j = ["aria-label", "disabled"];
|
|
9090
|
+
const _hoisted_4$e = ["aria-label", "disabled"];
|
|
9091
|
+
function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
|
|
9080
9092
|
return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
|
|
9081
9093
|
key: 0,
|
|
9082
9094
|
class: normalizeClass(["onyx-pagination-skeleton", "onyx-text", $setup.densityClass])
|
|
@@ -9120,7 +9132,7 @@ function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
9120
9132
|
onClick: _cache[2] || (_cache[2] = ($event) => $setup.emit("update:modelValue", $setup.props.modelValue - 1))
|
|
9121
9133
|
}, [
|
|
9122
9134
|
createVNode($setup["OnyxIcon"], { icon: $setup.iconChevronLeftSmall }, null, 8, ["icon"])
|
|
9123
|
-
], 8, _hoisted_3$
|
|
9135
|
+
], 8, _hoisted_3$j),
|
|
9124
9136
|
createElementVNode("button", {
|
|
9125
9137
|
class: "onyx-pagination__button",
|
|
9126
9138
|
"aria-label": $setup.t("pagination.next"),
|
|
@@ -9129,11 +9141,11 @@ function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
9129
9141
|
onClick: _cache[3] || (_cache[3] = ($event) => $setup.emit("update:modelValue", $setup.props.modelValue + 1))
|
|
9130
9142
|
}, [
|
|
9131
9143
|
createVNode($setup["OnyxIcon"], { icon: $setup.iconChevronRightSmall }, null, 8, ["icon"])
|
|
9132
|
-
], 8, _hoisted_4$
|
|
9144
|
+
], 8, _hoisted_4$e)
|
|
9133
9145
|
], 14, _hoisted_1$x));
|
|
9134
9146
|
}
|
|
9135
|
-
const OnyxSelectPagination = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
9136
|
-
const _sfc_main$
|
|
9147
|
+
const OnyxSelectPagination = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$L], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxPagination/OnyxSelectPagination.vue"]]);
|
|
9148
|
+
const _sfc_main$K = /* @__PURE__ */ defineComponent({
|
|
9137
9149
|
__name: "OnyxPagination",
|
|
9138
9150
|
props: {
|
|
9139
9151
|
density: { type: null, required: false },
|
|
@@ -9154,7 +9166,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
|
|
|
9154
9166
|
return __returned__;
|
|
9155
9167
|
}
|
|
9156
9168
|
});
|
|
9157
|
-
function _sfc_render$
|
|
9169
|
+
function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
|
|
9158
9170
|
return $setup.props.type === "inline" ? (openBlock(), createBlock(
|
|
9159
9171
|
$setup["OnyxInlinePagination"],
|
|
9160
9172
|
mergeProps({ key: 0 }, $setup.paginationProps, {
|
|
@@ -9173,7 +9185,7 @@ function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
9173
9185
|
/* FULL_PROPS */
|
|
9174
9186
|
));
|
|
9175
9187
|
}
|
|
9176
|
-
const OnyxPagination = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
9188
|
+
const OnyxPagination = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$K], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxPagination/OnyxPagination.vue"]]);
|
|
9177
9189
|
const SELECTION_FEATURE = Symbol("Selection");
|
|
9178
9190
|
const SELECTION_MUTATION_ORDER = 1e3;
|
|
9179
9191
|
const useSelection = (options) => createFeature((ctx) => {
|
|
@@ -9451,7 +9463,7 @@ const BASE_FEATURE = (options) => createFeature(({ skeleton }) => {
|
|
|
9451
9463
|
}
|
|
9452
9464
|
};
|
|
9453
9465
|
});
|
|
9454
|
-
const _sfc_main$
|
|
9466
|
+
const _sfc_main$J = /* @__PURE__ */ defineComponent({
|
|
9455
9467
|
...{ inheritAttrs: false },
|
|
9456
9468
|
__name: "OnyxDataGrid",
|
|
9457
9469
|
props: {
|
|
@@ -9530,7 +9542,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
|
|
|
9530
9542
|
return __returned__;
|
|
9531
9543
|
}
|
|
9532
9544
|
});
|
|
9533
|
-
function _sfc_render$
|
|
9545
|
+
function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
|
|
9534
9546
|
return openBlock(), createBlock($setup["OnyxDataGridRenderer"], mergeProps(
|
|
9535
9547
|
{
|
|
9536
9548
|
"column-groups": $setup.rendererColumnGroups,
|
|
@@ -9565,7 +9577,7 @@ function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
9565
9577
|
} : void 0
|
|
9566
9578
|
]), 1040, ["column-groups", "columns", "rows", "scroll-container-attrs"]);
|
|
9567
9579
|
}
|
|
9568
|
-
const OnyxDataGrid = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
9580
|
+
const OnyxDataGrid = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$J], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxDataGrid/OnyxDataGrid.vue"]]);
|
|
9569
9581
|
const HIDE_COLUMNS_FEATURE = Symbol("HideColumnsFeature");
|
|
9570
9582
|
const HIDDEN_COLUMN = Symbol("HiddenColumn");
|
|
9571
9583
|
const useHideColumns = (options) => createFeature((ctx) => {
|
|
@@ -9671,7 +9683,7 @@ const useHideColumns = (options) => createFeature((ctx) => {
|
|
|
9671
9683
|
}
|
|
9672
9684
|
};
|
|
9673
9685
|
});
|
|
9674
|
-
const _sfc_main$
|
|
9686
|
+
const _sfc_main$I = /* @__PURE__ */ defineComponent({
|
|
9675
9687
|
__name: "OnyxResizeHandle",
|
|
9676
9688
|
props: {
|
|
9677
9689
|
element: { type: null, required: true },
|
|
@@ -9746,7 +9758,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
|
|
|
9746
9758
|
return __returned__;
|
|
9747
9759
|
}
|
|
9748
9760
|
});
|
|
9749
|
-
function _sfc_render$
|
|
9761
|
+
function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
|
|
9750
9762
|
return openBlock(), createElementBlock(
|
|
9751
9763
|
"button",
|
|
9752
9764
|
{
|
|
@@ -9780,7 +9792,7 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
9780
9792
|
/* CLASS, NEED_HYDRATION */
|
|
9781
9793
|
);
|
|
9782
9794
|
}
|
|
9783
|
-
const OnyxResizeHandle = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
9795
|
+
const OnyxResizeHandle = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$I], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxResizeHandle/OnyxResizeHandle.vue"]]);
|
|
9784
9796
|
const RESIZING_FEATURE = Symbol("Resizing");
|
|
9785
9797
|
const FILLER_COLUMN = Symbol("FILLER_COLUMN");
|
|
9786
9798
|
const useResizing = (options) => createFeature((ctx) => {
|
|
@@ -9922,7 +9934,7 @@ const DEFAULT_COMPARES = Object.freeze({
|
|
|
9922
9934
|
skeleton: () => 0,
|
|
9923
9935
|
boolean: BOOLEAN_COMPARE
|
|
9924
9936
|
});
|
|
9925
|
-
const _sfc_main$
|
|
9937
|
+
const _sfc_main$H = /* @__PURE__ */ defineComponent({
|
|
9926
9938
|
__name: "SortAction",
|
|
9927
9939
|
props: {
|
|
9928
9940
|
columnLabel: { type: String, required: true },
|
|
@@ -9946,14 +9958,14 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
|
|
|
9946
9958
|
return __returned__;
|
|
9947
9959
|
}
|
|
9948
9960
|
});
|
|
9949
|
-
function _sfc_render$
|
|
9961
|
+
function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
|
|
9950
9962
|
return openBlock(), createBlock($setup["OnyxSystemButton"], {
|
|
9951
9963
|
label: $setup.buttonLabel,
|
|
9952
9964
|
icon: $setup.icon,
|
|
9953
9965
|
color: "medium"
|
|
9954
9966
|
}, null, 8, ["label", "icon"]);
|
|
9955
9967
|
}
|
|
9956
|
-
const SortAction = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
9968
|
+
const SortAction = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$H], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxDataGrid/features/sorting/SortAction.vue"]]);
|
|
9957
9969
|
const nextSortDirection = (current, skipNone) => {
|
|
9958
9970
|
switch (current) {
|
|
9959
9971
|
case "asc":
|
|
@@ -10196,7 +10208,7 @@ const all = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty(
|
|
|
10196
10208
|
useSorting,
|
|
10197
10209
|
useStickyColumns
|
|
10198
10210
|
}, Symbol.toStringTag, { value: "Module" }));
|
|
10199
|
-
const _sfc_main$
|
|
10211
|
+
const _sfc_main$G = /* @__PURE__ */ defineComponent({
|
|
10200
10212
|
...{ inheritAttrs: false },
|
|
10201
10213
|
__name: "OnyxDatePicker",
|
|
10202
10214
|
props: {
|
|
@@ -10265,7 +10277,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
|
|
|
10265
10277
|
});
|
|
10266
10278
|
const _hoisted_1$w = { class: "onyx-datepicker__wrapper" };
|
|
10267
10279
|
const _hoisted_2$p = ["id", "type", "required", "autofocus", "name", "readonly", "disabled", "aria-label", "title", "min", "max"];
|
|
10268
|
-
function _sfc_render$
|
|
10280
|
+
function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
|
|
10269
10281
|
return $setup.skeleton ? (openBlock(), createElementBlock(
|
|
10270
10282
|
"div",
|
|
10271
10283
|
mergeProps({
|
|
@@ -10330,9 +10342,9 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
10330
10342
|
/* FULL_PROPS */
|
|
10331
10343
|
));
|
|
10332
10344
|
}
|
|
10333
|
-
const OnyxDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
10345
|
+
const OnyxDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$G], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxDatePicker/OnyxDatePicker.vue"]]);
|
|
10334
10346
|
const DIALOG_ALIGNMENTS = ["left", "center", "right"];
|
|
10335
|
-
const _sfc_main$
|
|
10347
|
+
const _sfc_main$F = /* @__PURE__ */ defineComponent({
|
|
10336
10348
|
__name: "OnyxDialog",
|
|
10337
10349
|
props: {
|
|
10338
10350
|
density: { type: null, required: false },
|
|
@@ -10368,13 +10380,13 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
|
|
|
10368
10380
|
});
|
|
10369
10381
|
const _hoisted_1$v = { class: "onyx-dialog__header" };
|
|
10370
10382
|
const _hoisted_2$o = { class: "onyx-dialog__headline" };
|
|
10371
|
-
const _hoisted_3$
|
|
10372
|
-
const _hoisted_4$
|
|
10373
|
-
const _hoisted_5$
|
|
10383
|
+
const _hoisted_3$i = { class: "onyx-dialog__headline-content" };
|
|
10384
|
+
const _hoisted_4$d = { class: "onyx-dialog__body" };
|
|
10385
|
+
const _hoisted_5$a = {
|
|
10374
10386
|
key: 0,
|
|
10375
10387
|
class: "onyx-dialog__footer"
|
|
10376
10388
|
};
|
|
10377
|
-
function _sfc_render$
|
|
10389
|
+
function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
|
|
10378
10390
|
return openBlock(), createBlock($setup["OnyxBasicPopover"], mergeProps($setup.basicPopoverProps, {
|
|
10379
10391
|
open: $setup.isExpanded,
|
|
10380
10392
|
"onUpdate:open": _cache[1] || (_cache[1] = ($event) => $setup.isExpanded = $event),
|
|
@@ -10386,7 +10398,7 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
10386
10398
|
content: withCtx(() => [
|
|
10387
10399
|
createElementVNode("div", _hoisted_1$v, [
|
|
10388
10400
|
createElementVNode("div", _hoisted_2$o, [
|
|
10389
|
-
createElementVNode("div", _hoisted_3$
|
|
10401
|
+
createElementVNode("div", _hoisted_3$i, [
|
|
10390
10402
|
renderSlot(_ctx.$slots, "headline", {
|
|
10391
10403
|
label: $setup.props.label
|
|
10392
10404
|
}, () => [
|
|
@@ -10412,10 +10424,10 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
10412
10424
|
}, null, 8, ["label", "icon"])) : createCommentVNode("v-if", true)
|
|
10413
10425
|
])
|
|
10414
10426
|
]),
|
|
10415
|
-
createElementVNode("div", _hoisted_4$
|
|
10427
|
+
createElementVNode("div", _hoisted_4$d, [
|
|
10416
10428
|
renderSlot(_ctx.$slots, "default")
|
|
10417
10429
|
]),
|
|
10418
|
-
!!$setup.slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5$
|
|
10430
|
+
!!$setup.slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5$a, [
|
|
10419
10431
|
renderSlot(_ctx.$slots, "footer")
|
|
10420
10432
|
])) : createCommentVNode("v-if", true)
|
|
10421
10433
|
]),
|
|
@@ -10423,8 +10435,8 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
10423
10435
|
/* FORWARDED */
|
|
10424
10436
|
}, 16, ["open", "class"]);
|
|
10425
10437
|
}
|
|
10426
|
-
const OnyxDialog = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
10427
|
-
const _sfc_main$
|
|
10438
|
+
const OnyxDialog = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$F], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxDialog/OnyxDialog.vue"]]);
|
|
10439
|
+
const _sfc_main$E = /* @__PURE__ */ defineComponent({
|
|
10428
10440
|
__name: "OnyxForm",
|
|
10429
10441
|
props: {
|
|
10430
10442
|
disabled: { type: Boolean, required: false, default: false },
|
|
@@ -10444,7 +10456,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
|
|
|
10444
10456
|
return __returned__;
|
|
10445
10457
|
}
|
|
10446
10458
|
});
|
|
10447
|
-
function _sfc_render$
|
|
10459
|
+
function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
|
|
10448
10460
|
return openBlock(), createElementBlock(
|
|
10449
10461
|
"form",
|
|
10450
10462
|
{
|
|
@@ -10461,10 +10473,10 @@ function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
10461
10473
|
/* CLASS */
|
|
10462
10474
|
);
|
|
10463
10475
|
}
|
|
10464
|
-
const OnyxForm = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
10476
|
+
const OnyxForm = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$E], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxForm/OnyxForm.vue"]]);
|
|
10465
10477
|
const HEADLINE_TYPES = ["h1", "h2", "h3", "h4", "h5", "h6"];
|
|
10466
10478
|
const ICON_SIZES = ["12px", "16px", "24px", "32px", "48px", "64px", "96px"];
|
|
10467
|
-
const _sfc_main$
|
|
10479
|
+
const _sfc_main$D = /* @__PURE__ */ defineComponent({
|
|
10468
10480
|
...{ inheritAttrs: false },
|
|
10469
10481
|
__name: "OnyxImage",
|
|
10470
10482
|
props: {
|
|
@@ -10505,8 +10517,8 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
|
|
|
10505
10517
|
});
|
|
10506
10518
|
const _hoisted_1$u = ["src", "alt"];
|
|
10507
10519
|
const _hoisted_2$n = ["src", "alt"];
|
|
10508
|
-
const _hoisted_3$
|
|
10509
|
-
function _sfc_render$
|
|
10520
|
+
const _hoisted_3$h = { class: "onyx-image__alt onyx-text--small" };
|
|
10521
|
+
function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
|
|
10510
10522
|
return openBlock(), createElementBlock(
|
|
10511
10523
|
"figure",
|
|
10512
10524
|
mergeProps($setup.rootAttrs, {
|
|
@@ -10554,7 +10566,7 @@ function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
10554
10566
|
}, null, 8, ["icon"]),
|
|
10555
10567
|
createElementVNode(
|
|
10556
10568
|
"div",
|
|
10557
|
-
_hoisted_3$
|
|
10569
|
+
_hoisted_3$h,
|
|
10558
10570
|
toDisplayString($setup.props.alt),
|
|
10559
10571
|
1
|
|
10560
10572
|
/* TEXT */
|
|
@@ -10572,7 +10584,7 @@ function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
10572
10584
|
/* FULL_PROPS */
|
|
10573
10585
|
);
|
|
10574
10586
|
}
|
|
10575
|
-
const OnyxImage = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
10587
|
+
const OnyxImage = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$D], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxImage/OnyxImage.vue"]]);
|
|
10576
10588
|
const IMAGE_SHAPES = ["rounded", "circle", "clip", "clip-inverted"];
|
|
10577
10589
|
const useLenientMaxLengthValidation = (options) => {
|
|
10578
10590
|
const { t } = injectI18n();
|
|
@@ -10613,7 +10625,7 @@ const MOBILE_NAV_BAR_INJECTION_KEY = Symbol();
|
|
|
10613
10625
|
const NAV_BAR_IS_TOP_LEVEL_INJECTION_KEY = Symbol();
|
|
10614
10626
|
const NAV_BAR_MORE_LIST_INJECTION_KEY = Symbol();
|
|
10615
10627
|
const NAV_BAR_MORE_LIST_TARGET_INJECTION_KEY = Symbol();
|
|
10616
|
-
const _sfc_main$
|
|
10628
|
+
const _sfc_main$C = /* @__PURE__ */ defineComponent({
|
|
10617
10629
|
__name: "OnyxSeparator",
|
|
10618
10630
|
props: {
|
|
10619
10631
|
orientation: { type: null, required: false, default: "horizontal" }
|
|
@@ -10631,15 +10643,15 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
|
|
|
10631
10643
|
}
|
|
10632
10644
|
});
|
|
10633
10645
|
const _hoisted_1$t = ["aria-orientation"];
|
|
10634
|
-
function _sfc_render$
|
|
10646
|
+
function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
|
|
10635
10647
|
return openBlock(), createElementBlock("div", {
|
|
10636
10648
|
class: normalizeClass(["onyx-component onyx-separator", { "onyx-separator--vertical": $setup.isVertical }]),
|
|
10637
10649
|
role: "separator",
|
|
10638
10650
|
"aria-orientation": $setup.props.orientation
|
|
10639
10651
|
}, null, 10, _hoisted_1$t);
|
|
10640
10652
|
}
|
|
10641
|
-
const OnyxSeparator = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
10642
|
-
const _sfc_main$
|
|
10653
|
+
const OnyxSeparator = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$C], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSeparator/OnyxSeparator.vue"]]);
|
|
10654
|
+
const _sfc_main$B = /* @__PURE__ */ defineComponent({
|
|
10643
10655
|
...{ inheritAttrs: false },
|
|
10644
10656
|
__name: "OnyxInput",
|
|
10645
10657
|
props: {
|
|
@@ -10730,8 +10742,8 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
|
|
|
10730
10742
|
});
|
|
10731
10743
|
const _hoisted_1$s = { class: "onyx-input__wrapper" };
|
|
10732
10744
|
const _hoisted_2$m = ["id", "placeholder", "type", "required", "autocapitalize", "autocomplete", "autofocus", "name", "pattern", "readonly", "disabled", "maxlength", "minlength", "aria-label", "title"];
|
|
10733
|
-
const _hoisted_3$
|
|
10734
|
-
function _sfc_render$
|
|
10745
|
+
const _hoisted_3$g = ["aria-label", "title"];
|
|
10746
|
+
function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
|
|
10735
10747
|
return $setup.skeleton ? (openBlock(), createElementBlock(
|
|
10736
10748
|
"div",
|
|
10737
10749
|
mergeProps({
|
|
@@ -10805,7 +10817,7 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
10805
10817
|
onClick: _cache[1] || (_cache[1] = () => $setup.modelValue = "")
|
|
10806
10818
|
}, [
|
|
10807
10819
|
createVNode($setup["OnyxIcon"], { icon: $setup.iconXSmall }, null, 8, ["icon"])
|
|
10808
|
-
], 8, _hoisted_3$
|
|
10820
|
+
], 8, _hoisted_3$g)) : createCommentVNode("v-if", true),
|
|
10809
10821
|
!$setup.props.hideSuccessIcon && $setup.successMessages ? (openBlock(), createBlock($setup["OnyxIcon"], {
|
|
10810
10822
|
key: 3,
|
|
10811
10823
|
class: "onyx-input__check-icon",
|
|
@@ -10837,9 +10849,9 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
10837
10849
|
/* FULL_PROPS */
|
|
10838
10850
|
));
|
|
10839
10851
|
}
|
|
10840
|
-
const OnyxInput = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
10852
|
+
const OnyxInput = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$B], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxInput/OnyxInput.vue"]]);
|
|
10841
10853
|
const INPUT_TYPES = ["email", "password", "search", "tel", "text", "url"];
|
|
10842
|
-
const _sfc_main$
|
|
10854
|
+
const _sfc_main$A = /* @__PURE__ */ defineComponent({
|
|
10843
10855
|
__name: "OnyxLink",
|
|
10844
10856
|
props: {
|
|
10845
10857
|
href: { type: String, required: false },
|
|
@@ -10856,7 +10868,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
|
|
|
10856
10868
|
return __returned__;
|
|
10857
10869
|
}
|
|
10858
10870
|
});
|
|
10859
|
-
function _sfc_render$
|
|
10871
|
+
function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
|
|
10860
10872
|
return openBlock(), createBlock(
|
|
10861
10873
|
$setup["OnyxRouterLink"],
|
|
10862
10874
|
mergeProps({ class: "onyx-component onyx-link" }, $setup.routerLinkProps),
|
|
@@ -10878,8 +10890,8 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
10878
10890
|
/* FULL_PROPS */
|
|
10879
10891
|
);
|
|
10880
10892
|
}
|
|
10881
|
-
const OnyxLink = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
10882
|
-
const _sfc_main$
|
|
10893
|
+
const OnyxLink = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$A], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxLink/OnyxLink.vue"]]);
|
|
10894
|
+
const _sfc_main$z = /* @__PURE__ */ defineComponent({
|
|
10883
10895
|
__name: "OnyxMobileNavButton",
|
|
10884
10896
|
props: {
|
|
10885
10897
|
label: { type: String, required: true },
|
|
@@ -10903,9 +10915,9 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
|
|
|
10903
10915
|
});
|
|
10904
10916
|
const _hoisted_1$r = { class: "onyx-component onyx-mobile-nav-button" };
|
|
10905
10917
|
const _hoisted_2$l = ["aria-label", "disabled"];
|
|
10906
|
-
const _hoisted_3$
|
|
10907
|
-
const _hoisted_4$
|
|
10908
|
-
function _sfc_render$
|
|
10918
|
+
const _hoisted_3$f = { class: "onyx-mobile-nav-button__flyout" };
|
|
10919
|
+
const _hoisted_4$c = { class: "onyx-mobile-nav-button__menu" };
|
|
10920
|
+
function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
|
|
10909
10921
|
return openBlock(), createElementBlock("div", _hoisted_1$r, [
|
|
10910
10922
|
createElementVNode("button", {
|
|
10911
10923
|
type: "button",
|
|
@@ -10920,9 +10932,9 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
10920
10932
|
], 10, _hoisted_2$l),
|
|
10921
10933
|
withDirectives(createElementVNode(
|
|
10922
10934
|
"div",
|
|
10923
|
-
_hoisted_3$
|
|
10935
|
+
_hoisted_3$f,
|
|
10924
10936
|
[
|
|
10925
|
-
createElementVNode("div", _hoisted_4$
|
|
10937
|
+
createElementVNode("div", _hoisted_4$c, [
|
|
10926
10938
|
$setup.props.headline ? (openBlock(), createBlock($setup["OnyxHeadline"], {
|
|
10927
10939
|
key: 0,
|
|
10928
10940
|
is: "h2",
|
|
@@ -10954,8 +10966,8 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
10954
10966
|
})) : createCommentVNode("v-if", true)
|
|
10955
10967
|
]);
|
|
10956
10968
|
}
|
|
10957
|
-
const OnyxMobileNavButton = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
10958
|
-
const _sfc_main$
|
|
10969
|
+
const OnyxMobileNavButton = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$z], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxMobileNavButton/OnyxMobileNavButton.vue"]]);
|
|
10970
|
+
const _sfc_main$y = /* @__PURE__ */ defineComponent({
|
|
10959
10971
|
__name: "OnyxModal",
|
|
10960
10972
|
props: {
|
|
10961
10973
|
density: { type: null, required: false },
|
|
@@ -10984,14 +10996,14 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
|
|
|
10984
10996
|
});
|
|
10985
10997
|
const _hoisted_1$q = { class: "onyx-modal__header" };
|
|
10986
10998
|
const _hoisted_2$k = { class: "onyx-modal__headline" };
|
|
10987
|
-
const _hoisted_3$
|
|
10988
|
-
const _hoisted_4$
|
|
10989
|
-
const _hoisted_5$
|
|
10990
|
-
const _hoisted_6$
|
|
10999
|
+
const _hoisted_3$e = { class: "onyx-modal__headline-content" };
|
|
11000
|
+
const _hoisted_4$b = ["id"];
|
|
11001
|
+
const _hoisted_5$9 = { class: "onyx-modal__body" };
|
|
11002
|
+
const _hoisted_6$7 = {
|
|
10991
11003
|
key: 0,
|
|
10992
11004
|
class: "onyx-modal__footer"
|
|
10993
11005
|
};
|
|
10994
|
-
function _sfc_render$
|
|
11006
|
+
function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
|
|
10995
11007
|
return openBlock(), createBlock($setup["OnyxBasicDialog"], mergeProps($setup.basicDialogProps, {
|
|
10996
11008
|
modal: "",
|
|
10997
11009
|
class: ["onyx-modal", $setup.densityClass],
|
|
@@ -11001,7 +11013,7 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
11001
11013
|
default: withCtx(() => [
|
|
11002
11014
|
createElementVNode("div", _hoisted_1$q, [
|
|
11003
11015
|
createElementVNode("div", _hoisted_2$k, [
|
|
11004
|
-
createElementVNode("div", _hoisted_3$
|
|
11016
|
+
createElementVNode("div", _hoisted_3$e, [
|
|
11005
11017
|
renderSlot(_ctx.$slots, "headline", {
|
|
11006
11018
|
label: $setup.props.label
|
|
11007
11019
|
}, () => [
|
|
@@ -11032,12 +11044,12 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
11032
11044
|
class: "onyx-modal__description onyx-text--small"
|
|
11033
11045
|
}, [
|
|
11034
11046
|
renderSlot(_ctx.$slots, "description")
|
|
11035
|
-
], 8, _hoisted_4$
|
|
11047
|
+
], 8, _hoisted_4$b)) : createCommentVNode("v-if", true)
|
|
11036
11048
|
]),
|
|
11037
|
-
createElementVNode("div", _hoisted_5$
|
|
11049
|
+
createElementVNode("div", _hoisted_5$9, [
|
|
11038
11050
|
renderSlot(_ctx.$slots, "default")
|
|
11039
11051
|
]),
|
|
11040
|
-
!!$setup.slots.footer ? (openBlock(), createElementBlock("div", _hoisted_6$
|
|
11052
|
+
!!$setup.slots.footer ? (openBlock(), createElementBlock("div", _hoisted_6$7, [
|
|
11041
11053
|
renderSlot(_ctx.$slots, "footer")
|
|
11042
11054
|
])) : createCommentVNode("v-if", true)
|
|
11043
11055
|
]),
|
|
@@ -11045,8 +11057,8 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
11045
11057
|
/* FORWARDED */
|
|
11046
11058
|
}, 16, ["class", "aria-describedby"]);
|
|
11047
11059
|
}
|
|
11048
|
-
const OnyxModal = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
11049
|
-
const _sfc_main$
|
|
11060
|
+
const OnyxModal = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$y], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxModal/OnyxModal.vue"]]);
|
|
11061
|
+
const _sfc_main$x = /* @__PURE__ */ defineComponent({
|
|
11050
11062
|
__name: "OnyxNavAppArea",
|
|
11051
11063
|
props: {
|
|
11052
11064
|
link: { type: null, required: false, default: "/" },
|
|
@@ -11070,7 +11082,7 @@ const _hoisted_2$j = {
|
|
|
11070
11082
|
key: 1,
|
|
11071
11083
|
class: "onyx-text-small onyx-truncation-ellipsis"
|
|
11072
11084
|
};
|
|
11073
|
-
function _sfc_render$
|
|
11085
|
+
function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
|
|
11074
11086
|
return openBlock(), createBlock($setup["OnyxRouterLink"], mergeProps($setup.linkProps, {
|
|
11075
11087
|
class: "onyx-component onyx-nav-app-area",
|
|
11076
11088
|
"aria-label": $setup.buttonLabel
|
|
@@ -11098,8 +11110,8 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
11098
11110
|
/* FORWARDED */
|
|
11099
11111
|
}, 16, ["aria-label"]);
|
|
11100
11112
|
}
|
|
11101
|
-
const OnyxNavAppArea = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
11102
|
-
const _sfc_main$
|
|
11113
|
+
const OnyxNavAppArea = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$x], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavAppArea/OnyxNavAppArea.vue"]]);
|
|
11114
|
+
const _sfc_main$w = /* @__PURE__ */ defineComponent({
|
|
11103
11115
|
__name: "OnyxSelectDialog",
|
|
11104
11116
|
props: {
|
|
11105
11117
|
open: { type: [Boolean, null], required: false, skipCheck: true, default: false },
|
|
@@ -11135,12 +11147,12 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
|
|
|
11135
11147
|
});
|
|
11136
11148
|
const _hoisted_1$o = ["id"];
|
|
11137
11149
|
const _hoisted_2$i = ["autofocus", "value", "checked", "aria-label"];
|
|
11138
|
-
const _hoisted_3$
|
|
11139
|
-
const _hoisted_4$
|
|
11150
|
+
const _hoisted_3$d = { class: "onyx-select-dialog__label" };
|
|
11151
|
+
const _hoisted_4$a = {
|
|
11140
11152
|
key: 0,
|
|
11141
11153
|
class: "onyx-text--small"
|
|
11142
11154
|
};
|
|
11143
|
-
function _sfc_render$
|
|
11155
|
+
function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
|
|
11144
11156
|
return openBlock(), createBlock($setup["OnyxModal"], mergeProps($setup.modalProps, {
|
|
11145
11157
|
open: $setup.props.open,
|
|
11146
11158
|
class: "onyx-select-dialog",
|
|
@@ -11220,14 +11232,14 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
11220
11232
|
),
|
|
11221
11233
|
createElementVNode(
|
|
11222
11234
|
"span",
|
|
11223
|
-
_hoisted_3$
|
|
11235
|
+
_hoisted_3$d,
|
|
11224
11236
|
toDisplayString(option.label),
|
|
11225
11237
|
1
|
|
11226
11238
|
/* TEXT */
|
|
11227
11239
|
),
|
|
11228
11240
|
option.description ? (openBlock(), createElementBlock(
|
|
11229
11241
|
"p",
|
|
11230
|
-
_hoisted_4$
|
|
11242
|
+
_hoisted_4$a,
|
|
11231
11243
|
toDisplayString(option.description),
|
|
11232
11244
|
1
|
|
11233
11245
|
/* TEXT */
|
|
@@ -11263,11 +11275,11 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
11263
11275
|
} : void 0
|
|
11264
11276
|
]), 1040, ["open", "label"]);
|
|
11265
11277
|
}
|
|
11266
|
-
const OnyxSelectDialog = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
11278
|
+
const OnyxSelectDialog = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$w], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSelectDialog/OnyxSelectDialog.vue"]]);
|
|
11267
11279
|
const autoImage = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 206 110"><g clip-path="url(#auto-a)"><mask id="auto-d" fill="var(--onyx-color-neutral-grayscale-white)"><path d="M0 4a4 4 0 0 1 4-4h99v110H4a4 4 0 0 1-4-4z"/></mask><path fill="var(--onyx-color-neutral-steel-1200)" d="M0 4a4 4 0 0 1 4-4h99v110H4a4 4 0 0 1-4-4z"/><g filter="url(#auto-b)"><mask id="auto-c" fill="var(--onyx-color-neutral-grayscale-white)"><path d="M0 26h46v84H0z"/></mask><path fill="var(--onyx-color-neutral-steel-1100)" d="M0 26h46v84H0z"/><path fill="var(--onyx-color-neutral-steel-900)" d="M46 26h-1v84h2V26z" mask="url(#auto-c)"/></g><path fill="var(--onyx-color-neutral-steel-1100)" stroke="var(--onyx-color-neutral-steel-900)" d="M.5.5h281v25H.5z"/><path fill="var(--onyx-color-onyx-500)" d="M10 12.5a2.5 2.5 0 0 1 2.5-2.5h35a2.5 2.5 0 0 1 0 5h-35a2.5 2.5 0 0 1-2.5-2.5"/><path fill="var(--onyx-color-neutral-steel-900)" d="M68 12.5a2.5 2.5 0 0 1 2.5-2.5h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 0 1-2.5-2.5M59 43a7 7 0 0 1 7-7h54a7 7 0 1 1 0 14H66a7 7 0 0 1-7-7m0 19a2 2 0 0 1 2-2h85a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h120a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h95a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2"/></g><path fill="var(--onyx-color-neutral-steel-900)" d="M-1 4a5 5 0 0 1 5-5h99v2H4a3 3 0 0 0-3 3zm104 107H4a5 5 0 0 1-5-5h2a3 3 0 0 0 3 3h99zm-99 0a5 5 0 0 1-5-5V4a5 5 0 0 1 5-5v2a3 3 0 0 0-3 3v102a3 3 0 0 0 3 3zM103 0v110z" mask="url(#auto-d)"/><g clip-path="url(#auto-e)"><mask id="auto-f" fill="var(--onyx-color-neutral-grayscale-white)"><path d="M103 0h99a4 4 0 0 1 4 4v102a4 4 0 0 1-4 4h-99z"/></mask><path fill="var(--onyx-color-neutral-steel-100)" d="M103 0h99a4 4 0 0 1 4 4v102a4 4 0 0 1-4 4h-99z"/><path fill="var(--onyx-color-neutral-grayscale-white)" stroke="var(--onyx-color-neutral-steel-300)" d="M.5.5h281v25H.5z"/><path fill="var(--onyx-color-neutral-steel-300)" d="M68 12.5a2.5 2.5 0 0 1 2.5-2.5h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 0 1-2.5-2.5m48 0a2.5 2.5 0 0 1 2.5-2.5h33a2.5 2.5 0 1 1 0 5h-33a2.5 2.5 0 0 1-2.5-2.5m47 0a2.5 2.5 0 0 1 2.5-2.5h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 0 1-2.5-2.5M59 43a7 7 0 0 1 7-7h54a7 7 0 1 1 0 14H66a7 7 0 0 1-7-7m0 19a2 2 0 0 1 2-2h85a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h120a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h95a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2"/></g><path fill="var(--onyx-color-neutral-steel-300)" d="M103-1h99a5 5 0 0 1 5 5h-2a3 3 0 0 0-3-3h-99zm104 107a5 5 0 0 1-5 5h-99v-2h99a3 3 0 0 0 3-3zm-104 4V0zM202-1a5 5 0 0 1 5 5v102a5 5 0 0 1-5 5v-2a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3z" mask="url(#auto-f)"/><defs><clipPath id="auto-a"><path fill="var(--onyx-color-neutral-grayscale-white)" d="M0 4a4 4 0 0 1 4-4h99v110H4a4 4 0 0 1-4-4z"/></clipPath><clipPath id="auto-e"><path fill="var(--onyx-color-neutral-grayscale-white)" d="M103 0h99a4 4 0 0 1 4 4v102a4 4 0 0 1-4 4h-99z"/></clipPath><filter id="auto-b" width="62" height="100" x="-6" y="18" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="2"/><feGaussianBlur stdDeviation="4"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_16217_22720"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_16217_22720" result="shape"/></filter></defs></svg>';
|
|
11268
11280
|
const darkImage = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 206 110"><g clip-path="url(#dark-a)"><path fill="var(--onyx-color-neutral-steel-1200)" d="M0 4a4 4 0 0 1 4-4h198a4 4 0 0 1 4 4v102a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"/><g filter="url(#dark-b)"><mask id="dark-c" fill="#fff"><path d="M0 26h46v84H0z"/></mask><path fill="var(--onyx-color-neutral-steel-1100)" d="M0 26h46v84H0z"/><path fill="var(--onyx-color-neutral-steel-900)" d="M46 26h-1v84h2V26z" mask="url(#dark-c)"/></g><path fill="var(--onyx-color-neutral-steel-1100)" stroke="var(--onyx-color-neutral-steel-900)" d="M.5.5h281v25H.5z"/><path fill="var(--onyx-color-onyx-500)" d="M10 12.5a2.5 2.5 0 0 1 2.5-2.5h35a2.5 2.5 0 0 1 0 5h-35a2.5 2.5 0 0 1-2.5-2.5"/><path fill="var(--onyx-color-neutral-steel-900)" d="M68 12.5a2.5 2.5 0 0 1 2.5-2.5h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 0 1-2.5-2.5m48 0a2.5 2.5 0 0 1 2.5-2.5h33a2.5 2.5 0 1 1 0 5h-33a2.5 2.5 0 0 1-2.5-2.5m47 0a2.5 2.5 0 0 1 2.5-2.5h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 0 1-2.5-2.5M59 43a7 7 0 0 1 7-7h54a7 7 0 1 1 0 14H66a7 7 0 0 1-7-7m0 19a2 2 0 0 1 2-2h85a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h120a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h95a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2"/></g><path stroke="var(--onyx-color-neutral-steel-900)" d="M4 .5h198a3.5 3.5 0 0 1 3.5 3.5v102a3.5 3.5 0 0 1-3.5 3.5H4A3.5 3.5 0 0 1 .5 106V4A3.5 3.5 0 0 1 4 .5Z"/><defs><clipPath id="dark-a"><path fill="#fff" d="M0 4a4 4 0 0 1 4-4h198a4 4 0 0 1 4 4v102a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"/></clipPath><filter id="dark-b" width="62" height="100" x="-6" y="18" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="2"/><feGaussianBlur stdDeviation="4"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_16217_22757"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_16217_22757" result="shape"/></filter></defs></svg>';
|
|
11269
11281
|
const lightImage = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 206 110"><g clip-path="url(#light-a)"><path fill="var(--onyx-color-neutral-steel-100)" d="M0 4a4 4 0 0 1 4-4h198a4 4 0 0 1 4 4v102a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"/><g filter="url(#light-b)"><mask id="light-c" fill="var(--onyx-color-neutral-grayscale-white)"><path d="M0 26h46v84H0z"/></mask><path fill="var(--onyx-color-neutral-grayscale-white)" d="M0 26h46v84H0z"/><path fill="var(--onyx-color-neutral-steel-300)" d="M46 26h-1v84h2V26z" mask="url(#light-c)"/></g><path fill="var(--onyx-color-neutral-grayscale-white)" stroke="var(--onyx-color-neutral-steel-300)" d="M.5.5h281v25H.5z"/><path fill="var(--onyx-color-onyx-500)" d="M10 12.5a2.5 2.5 0 0 1 2.5-2.5h35a2.5 2.5 0 0 1 0 5h-35a2.5 2.5 0 0 1-2.5-2.5"/><path fill="var(--onyx-color-neutral-steel-300)" d="M68 12.5a2.5 2.5 0 0 1 2.5-2.5h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 0 1-2.5-2.5m48 0a2.5 2.5 0 0 1 2.5-2.5h33a2.5 2.5 0 1 1 0 5h-33a2.5 2.5 0 0 1-2.5-2.5m47 0a2.5 2.5 0 0 1 2.5-2.5h34a2.5 2.5 0 1 1 0 5h-34a2.5 2.5 0 0 1-2.5-2.5M59 43a7 7 0 0 1 7-7h54a7 7 0 1 1 0 14H66a7 7 0 0 1-7-7m0 19a2 2 0 0 1 2-2h85a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h120a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2m0 10a2 2 0 0 1 2-2h95a2 2 0 1 1 0 4H61a2 2 0 0 1-2-2"/></g><path stroke="var(--onyx-color-neutral-steel-300)" d="M4 .5h198a3.5 3.5 0 0 1 3.5 3.5v102a3.5 3.5 0 0 1-3.5 3.5H4A3.5 3.5 0 0 1 .5 106V4A3.5 3.5 0 0 1 4 .5Z"/><defs><clipPath id="light-a"><path fill="var(--onyx-color-neutral-grayscale-white)" d="M0 4a4 4 0 0 1 4-4h198a4 4 0 0 1 4 4v102a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"/></clipPath><filter id="light-b" width="62" height="100" x="-6" y="18" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="2"/><feGaussianBlur stdDeviation="4"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_16217_22745"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_16217_22745" result="shape"/></filter></defs></svg>';
|
|
11270
|
-
const _sfc_main$
|
|
11282
|
+
const _sfc_main$v = /* @__PURE__ */ defineComponent({
|
|
11271
11283
|
__name: "OnyxColorSchemeDialog",
|
|
11272
11284
|
props: {
|
|
11273
11285
|
open: { type: [Boolean, null], required: false, skipCheck: true, default: false },
|
|
@@ -11308,7 +11320,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
|
|
|
11308
11320
|
return __returned__;
|
|
11309
11321
|
}
|
|
11310
11322
|
});
|
|
11311
|
-
function _sfc_render$
|
|
11323
|
+
function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
|
|
11312
11324
|
return openBlock(), createBlock($setup["OnyxSelectDialog"], mergeProps({ class: "onyx-color-scheme-dialog" }, $setup.selectDialogProps, {
|
|
11313
11325
|
label: $setup.t("colorScheme.headline"),
|
|
11314
11326
|
options: $setup.options,
|
|
@@ -11327,8 +11339,8 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
11327
11339
|
/* STABLE */
|
|
11328
11340
|
}, 16, ["label", "options", "open"]);
|
|
11329
11341
|
}
|
|
11330
|
-
const OnyxColorSchemeDialog = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
11331
|
-
const _sfc_main$
|
|
11342
|
+
const OnyxColorSchemeDialog = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$v], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxColorSchemeDialog/OnyxColorSchemeDialog.vue"]]);
|
|
11343
|
+
const _sfc_main$u = /* @__PURE__ */ defineComponent({
|
|
11332
11344
|
__name: "OnyxColorSchemeMenuItem",
|
|
11333
11345
|
props: {
|
|
11334
11346
|
modelValue: { type: String, required: true }
|
|
@@ -11348,7 +11360,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
|
|
|
11348
11360
|
}
|
|
11349
11361
|
});
|
|
11350
11362
|
const _hoisted_1$n = { class: "onyx-color-scheme-menu-item__value" };
|
|
11351
|
-
function _sfc_render$
|
|
11363
|
+
function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
|
|
11352
11364
|
return openBlock(), createBlock($setup["OnyxMenuItem"], {
|
|
11353
11365
|
class: "onyx-component onyx-color-scheme-menu-item",
|
|
11354
11366
|
onClick: _cache[2] || (_cache[2] = ($event) => $setup.isOpen = true)
|
|
@@ -11382,8 +11394,8 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
11382
11394
|
/* STABLE */
|
|
11383
11395
|
});
|
|
11384
11396
|
}
|
|
11385
|
-
const OnyxColorSchemeMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
11386
|
-
const _sfc_main$
|
|
11397
|
+
const OnyxColorSchemeMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$u], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxColorSchemeMenuItem/OnyxColorSchemeMenuItem.vue"]]);
|
|
11398
|
+
const _sfc_main$t = /* @__PURE__ */ defineComponent({
|
|
11387
11399
|
__name: "OnyxLanguageMenuItem",
|
|
11388
11400
|
props: {
|
|
11389
11401
|
modelValue: { type: null, required: true },
|
|
@@ -11409,7 +11421,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
|
11409
11421
|
}
|
|
11410
11422
|
});
|
|
11411
11423
|
const _hoisted_1$m = { class: "onyx-language-menu-item__value" };
|
|
11412
|
-
function _sfc_render$
|
|
11424
|
+
function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
|
|
11413
11425
|
return openBlock(), createBlock($setup["OnyxMenuItem"], {
|
|
11414
11426
|
class: "onyx-component onyx-language-menu-item",
|
|
11415
11427
|
onClick: _cache[2] || (_cache[2] = ($event) => $setup.isOpen = true)
|
|
@@ -11455,8 +11467,8 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
11455
11467
|
/* STABLE */
|
|
11456
11468
|
});
|
|
11457
11469
|
}
|
|
11458
|
-
const OnyxLanguageMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
11459
|
-
const _sfc_main$
|
|
11470
|
+
const OnyxLanguageMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$t], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxLanguageMenuItem/OnyxLanguageMenuItem.vue"]]);
|
|
11471
|
+
const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
11460
11472
|
__name: "OnyxNavItemFacade",
|
|
11461
11473
|
props: {
|
|
11462
11474
|
link: { type: null, required: false },
|
|
@@ -11478,7 +11490,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
|
11478
11490
|
return __returned__;
|
|
11479
11491
|
}
|
|
11480
11492
|
});
|
|
11481
|
-
function _sfc_render$
|
|
11493
|
+
function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
|
|
11482
11494
|
return openBlock(), createBlock($setup["OnyxMenuItem"], mergeProps($setup.menuItemProps, {
|
|
11483
11495
|
link: $setup.hasChildren && $setup.props.context !== "navbar" ? void 0 : $setup.props.link,
|
|
11484
11496
|
class: {
|
|
@@ -11504,8 +11516,8 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
11504
11516
|
} : void 0
|
|
11505
11517
|
]), 1040, ["link", "class", "open"]);
|
|
11506
11518
|
}
|
|
11507
|
-
const OnyxNavItemFacade = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
11508
|
-
const _sfc_main$
|
|
11519
|
+
const OnyxNavItemFacade = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$s], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxNavItemFacade/OnyxNavItemFacade.vue"]]);
|
|
11520
|
+
const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
11509
11521
|
...{ inheritAttrs: false },
|
|
11510
11522
|
__name: "OnyxNavItem",
|
|
11511
11523
|
props: {
|
|
@@ -11556,7 +11568,7 @@ const _hoisted_2$h = {
|
|
|
11556
11568
|
role: "menu",
|
|
11557
11569
|
class: "onyx-nav-item-wrapper__mobile-children"
|
|
11558
11570
|
};
|
|
11559
|
-
function _sfc_render$
|
|
11571
|
+
function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
|
|
11560
11572
|
return openBlock(), createElementBlock(
|
|
11561
11573
|
Fragment,
|
|
11562
11574
|
null,
|
|
@@ -11709,7 +11721,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
11709
11721
|
/* STABLE_FRAGMENT */
|
|
11710
11722
|
);
|
|
11711
11723
|
}
|
|
11712
|
-
const OnyxNavItem = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
11724
|
+
const OnyxNavItem = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$r], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxNavItem/OnyxNavItem.vue"]]);
|
|
11713
11725
|
const useTimer = (endTime) => {
|
|
11714
11726
|
const intervalId = ref();
|
|
11715
11727
|
const timeLeft = ref(calculateTimeLeft(new Date(endTime.value).getTime()));
|
|
@@ -11770,7 +11782,7 @@ const timeToDurationString = (timeLeft) => {
|
|
|
11770
11782
|
const { hours, minutes, seconds } = getTimeFragments(timeLeft);
|
|
11771
11783
|
return `PT${hours}H${minutes}M${seconds}S`;
|
|
11772
11784
|
};
|
|
11773
|
-
const _sfc_main$
|
|
11785
|
+
const _sfc_main$q = /* @__PURE__ */ defineComponent({
|
|
11774
11786
|
__name: "OnyxTimer",
|
|
11775
11787
|
props: {
|
|
11776
11788
|
endTime: { type: null, required: true },
|
|
@@ -11806,8 +11818,8 @@ const _hoisted_2$g = {
|
|
|
11806
11818
|
key: 0,
|
|
11807
11819
|
class: "onyx-timer__label"
|
|
11808
11820
|
};
|
|
11809
|
-
const _hoisted_3$
|
|
11810
|
-
function _sfc_render$
|
|
11821
|
+
const _hoisted_3$c = ["datetime"];
|
|
11822
|
+
function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
|
|
11811
11823
|
return openBlock(), createElementBlock("div", {
|
|
11812
11824
|
class: "onyx-component onyx-timer onyx-text onyx-truncation-ellipsis",
|
|
11813
11825
|
role: "timer",
|
|
@@ -11823,11 +11835,11 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
11823
11835
|
createElementVNode("time", {
|
|
11824
11836
|
datetime: $setup.timeToDurationString($setup.timeLeft),
|
|
11825
11837
|
class: "onyx-timer__time"
|
|
11826
|
-
}, toDisplayString($setup.formattedTime), 9, _hoisted_3$
|
|
11838
|
+
}, toDisplayString($setup.formattedTime), 9, _hoisted_3$c)
|
|
11827
11839
|
], 8, _hoisted_1$k);
|
|
11828
11840
|
}
|
|
11829
|
-
const OnyxTimer = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
11830
|
-
const _sfc_main$
|
|
11841
|
+
const OnyxTimer = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$q], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxTimer/OnyxTimer.vue"]]);
|
|
11842
|
+
const _sfc_main$p = /* @__PURE__ */ defineComponent({
|
|
11831
11843
|
__name: "UserMenuLayout",
|
|
11832
11844
|
props: {
|
|
11833
11845
|
isMobile: { type: Boolean, required: true },
|
|
@@ -11854,7 +11866,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
|
11854
11866
|
});
|
|
11855
11867
|
const _hoisted_1$j = { class: "onyx-component" };
|
|
11856
11868
|
const _hoisted_2$f = { class: "onyx-user-menu__footer onyx-text--small" };
|
|
11857
|
-
function _sfc_render$
|
|
11869
|
+
function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
|
|
11858
11870
|
return openBlock(), createElementBlock("div", _hoisted_1$j, [
|
|
11859
11871
|
$setup.props.isMobile ? (openBlock(), createElementBlock(
|
|
11860
11872
|
Fragment,
|
|
@@ -11908,8 +11920,8 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
11908
11920
|
]), 1032, ["open", "label", "disabled"]))
|
|
11909
11921
|
]);
|
|
11910
11922
|
}
|
|
11911
|
-
const UserMenuLayout = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
11912
|
-
const _sfc_main$
|
|
11923
|
+
const UserMenuLayout = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$p], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxUserMenu/UserMenuLayout.vue"]]);
|
|
11924
|
+
const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
11913
11925
|
__name: "OnyxUserMenu",
|
|
11914
11926
|
props: {
|
|
11915
11927
|
fullName: { type: String, required: true },
|
|
@@ -11945,14 +11957,14 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
|
11945
11957
|
});
|
|
11946
11958
|
const _hoisted_1$i = { class: "onyx-truncation-ellipsis" };
|
|
11947
11959
|
const _hoisted_2$e = { class: "onyx-user-menu__header" };
|
|
11948
|
-
const _hoisted_3$
|
|
11949
|
-
const _hoisted_4$
|
|
11950
|
-
const _hoisted_5$
|
|
11960
|
+
const _hoisted_3$b = { class: "onyx-truncation-ellipsis" };
|
|
11961
|
+
const _hoisted_4$9 = { class: "onyx-user-menu__username onyx-text onyx-truncation-ellipsis" };
|
|
11962
|
+
const _hoisted_5$8 = {
|
|
11951
11963
|
key: 0,
|
|
11952
11964
|
class: "onyx-user-menu__description onyx-text--small onyx-truncation-ellipsis"
|
|
11953
11965
|
};
|
|
11954
|
-
const _hoisted_6$
|
|
11955
|
-
function _sfc_render$
|
|
11966
|
+
const _hoisted_6$6 = { class: "onyx-user-menu__options" };
|
|
11967
|
+
function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
|
|
11956
11968
|
return openBlock(), createBlock($setup["UserMenuLayout"], {
|
|
11957
11969
|
"flyout-open": $setup.flyoutOpen,
|
|
11958
11970
|
"onUpdate:flyoutOpen": _cache[0] || (_cache[0] = ($event) => $setup.flyoutOpen = $event),
|
|
@@ -11996,17 +12008,17 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
11996
12008
|
16
|
|
11997
12009
|
/* FULL_PROPS */
|
|
11998
12010
|
),
|
|
11999
|
-
createElementVNode("div", _hoisted_3$
|
|
12011
|
+
createElementVNode("div", _hoisted_3$b, [
|
|
12000
12012
|
createElementVNode(
|
|
12001
12013
|
"div",
|
|
12002
|
-
_hoisted_4$
|
|
12014
|
+
_hoisted_4$9,
|
|
12003
12015
|
toDisplayString($setup.props.fullName),
|
|
12004
12016
|
1
|
|
12005
12017
|
/* TEXT */
|
|
12006
12018
|
),
|
|
12007
12019
|
$setup.props.description ? (openBlock(), createElementBlock(
|
|
12008
12020
|
"div",
|
|
12009
|
-
_hoisted_5$
|
|
12021
|
+
_hoisted_5$8,
|
|
12010
12022
|
toDisplayString($setup.props.description),
|
|
12011
12023
|
1
|
|
12012
12024
|
/* TEXT */
|
|
@@ -12015,7 +12027,7 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
12015
12027
|
])
|
|
12016
12028
|
]),
|
|
12017
12029
|
options: withCtx(() => [
|
|
12018
|
-
createElementVNode("div", _hoisted_6$
|
|
12030
|
+
createElementVNode("div", _hoisted_6$6, [
|
|
12019
12031
|
renderSlot(_ctx.$slots, "default")
|
|
12020
12032
|
])
|
|
12021
12033
|
]),
|
|
@@ -12031,8 +12043,8 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
12031
12043
|
} : void 0
|
|
12032
12044
|
]), 1032, ["flyout-open", "class", "is-mobile", "disabled"]);
|
|
12033
12045
|
}
|
|
12034
|
-
const OnyxUserMenu = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
12035
|
-
const _sfc_main$
|
|
12046
|
+
const OnyxUserMenu = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$o], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/modules/OnyxUserMenu/OnyxUserMenu.vue"]]);
|
|
12047
|
+
const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
12036
12048
|
__name: "OnyxNavBar",
|
|
12037
12049
|
props: {
|
|
12038
12050
|
appName: { type: String, required: false },
|
|
@@ -12107,13 +12119,13 @@ const _hoisted_2$d = {
|
|
|
12107
12119
|
key: 0,
|
|
12108
12120
|
class: "onyx-nav-bar__mobile-page onyx-truncation-ellipsis"
|
|
12109
12121
|
};
|
|
12110
|
-
const _hoisted_3$
|
|
12111
|
-
const _hoisted_4$
|
|
12112
|
-
const _hoisted_5$
|
|
12122
|
+
const _hoisted_3$a = { role: "menubar" };
|
|
12123
|
+
const _hoisted_4$8 = { ref: "moreListRef" };
|
|
12124
|
+
const _hoisted_5$7 = {
|
|
12113
12125
|
key: 0,
|
|
12114
12126
|
class: "onyx-nav-bar__mobile-context"
|
|
12115
12127
|
};
|
|
12116
|
-
const _hoisted_6$
|
|
12128
|
+
const _hoisted_6$5 = {
|
|
12117
12129
|
key: 0,
|
|
12118
12130
|
class: "onyx-nav-bar__mobile-global-context"
|
|
12119
12131
|
};
|
|
@@ -12122,7 +12134,7 @@ const _hoisted_8$3 = {
|
|
|
12122
12134
|
key: 1,
|
|
12123
12135
|
class: "onyx-nav-bar__context"
|
|
12124
12136
|
};
|
|
12125
|
-
function _sfc_render$
|
|
12137
|
+
function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
|
|
12126
12138
|
return openBlock(), createElementBlock(
|
|
12127
12139
|
"header",
|
|
12128
12140
|
{
|
|
@@ -12174,7 +12186,7 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
12174
12186
|
"nav",
|
|
12175
12187
|
mergeProps({ class: "onyx-nav-bar__nav--mobile" }, $setup.nav),
|
|
12176
12188
|
[
|
|
12177
|
-
createElementVNode("ul", _hoisted_3$
|
|
12189
|
+
createElementVNode("ul", _hoisted_3$a, [
|
|
12178
12190
|
renderSlot(_ctx.$slots, "default")
|
|
12179
12191
|
])
|
|
12180
12192
|
],
|
|
@@ -12220,7 +12232,7 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
12220
12232
|
options: withCtx(() => [
|
|
12221
12233
|
createElementVNode(
|
|
12222
12234
|
"div",
|
|
12223
|
-
_hoisted_4$
|
|
12235
|
+
_hoisted_4$8,
|
|
12224
12236
|
null,
|
|
12225
12237
|
512
|
|
12226
12238
|
/* NEED_PATCH */
|
|
@@ -12245,8 +12257,8 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
12245
12257
|
Fragment,
|
|
12246
12258
|
{ key: 4 },
|
|
12247
12259
|
[
|
|
12248
|
-
$setup.actualIsMobile ? (openBlock(), createElementBlock("div", _hoisted_5$
|
|
12249
|
-
$setup.slots.globalContextArea ? (openBlock(), createElementBlock("div", _hoisted_6$
|
|
12260
|
+
$setup.actualIsMobile ? (openBlock(), createElementBlock("div", _hoisted_5$7, [
|
|
12261
|
+
$setup.slots.globalContextArea ? (openBlock(), createElementBlock("div", _hoisted_6$5, [
|
|
12250
12262
|
renderSlot(_ctx.$slots, "globalContextArea")
|
|
12251
12263
|
])) : createCommentVNode("v-if", true),
|
|
12252
12264
|
$setup.slots.contextArea ? (openBlock(), createBlock($setup["OnyxMobileNavButton"], {
|
|
@@ -12281,7 +12293,7 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
12281
12293
|
/* CLASS */
|
|
12282
12294
|
);
|
|
12283
12295
|
}
|
|
12284
|
-
const OnyxNavBar = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
12296
|
+
const OnyxNavBar = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$n], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNavBar/OnyxNavBar.vue"]]);
|
|
12285
12297
|
const useRelativeTimeFormat = (options) => {
|
|
12286
12298
|
const { locale, t } = injectI18n();
|
|
12287
12299
|
const format = computed(() => new Intl.RelativeTimeFormat(locale.value, unref(options.options)));
|
|
@@ -12329,7 +12341,7 @@ const useRelativeTimeFormat = (options) => {
|
|
|
12329
12341
|
timeAgo
|
|
12330
12342
|
};
|
|
12331
12343
|
};
|
|
12332
|
-
const _sfc_main$
|
|
12344
|
+
const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
12333
12345
|
__name: "OnyxNotificationCard",
|
|
12334
12346
|
props: {
|
|
12335
12347
|
density: { type: null, required: false },
|
|
@@ -12363,16 +12375,16 @@ const _hoisted_2$c = {
|
|
|
12363
12375
|
key: 1,
|
|
12364
12376
|
class: "onyx-notification-card__content"
|
|
12365
12377
|
};
|
|
12366
|
-
const _hoisted_3$
|
|
12367
|
-
const _hoisted_4$
|
|
12368
|
-
const _hoisted_5$
|
|
12369
|
-
const _hoisted_6$
|
|
12378
|
+
const _hoisted_3$9 = { class: "onyx-notification-card__header" };
|
|
12379
|
+
const _hoisted_4$7 = { class: "onyx-notification-card__header-container" };
|
|
12380
|
+
const _hoisted_5$6 = { class: "onyx-notification-card__header-container" };
|
|
12381
|
+
const _hoisted_6$4 = { class: "onyx-notification-card__created-at onyx-text--small" };
|
|
12370
12382
|
const _hoisted_7$2 = { class: "onyx-notification-card__description onyx-text onyx-truncation-multiline" };
|
|
12371
12383
|
const _hoisted_8$2 = {
|
|
12372
12384
|
key: 0,
|
|
12373
12385
|
class: "onyx-notification-card__actions onyx-density-compact"
|
|
12374
12386
|
};
|
|
12375
|
-
function _sfc_render$
|
|
12387
|
+
function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
|
|
12376
12388
|
return openBlock(), createElementBlock(
|
|
12377
12389
|
"div",
|
|
12378
12390
|
{
|
|
@@ -12395,8 +12407,8 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
12395
12407
|
))
|
|
12396
12408
|
])) : (openBlock(), createElementBlock("div", _hoisted_2$c, [
|
|
12397
12409
|
createElementVNode("div", null, [
|
|
12398
|
-
createElementVNode("div", _hoisted_3$
|
|
12399
|
-
createElementVNode("div", _hoisted_4$
|
|
12410
|
+
createElementVNode("div", _hoisted_3$9, [
|
|
12411
|
+
createElementVNode("div", _hoisted_4$7, [
|
|
12400
12412
|
$setup.props.icon ? (openBlock(), createBlock($setup["OnyxIcon"], {
|
|
12401
12413
|
key: 0,
|
|
12402
12414
|
class: "onyx-notification-card__icon",
|
|
@@ -12414,7 +12426,7 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
12414
12426
|
/* STABLE */
|
|
12415
12427
|
})
|
|
12416
12428
|
]),
|
|
12417
|
-
createElementVNode("div", _hoisted_5$
|
|
12429
|
+
createElementVNode("div", _hoisted_5$6, [
|
|
12418
12430
|
$setup.props.unread ? (openBlock(), createBlock($setup["OnyxBadge"], {
|
|
12419
12431
|
key: 0,
|
|
12420
12432
|
dot: ""
|
|
@@ -12434,7 +12446,7 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
12434
12446
|
}, 8, ["label"])) : createCommentVNode("v-if", true)
|
|
12435
12447
|
])
|
|
12436
12448
|
]),
|
|
12437
|
-
createElementVNode("div", _hoisted_6$
|
|
12449
|
+
createElementVNode("div", _hoisted_6$4, [
|
|
12438
12450
|
createElementVNode(
|
|
12439
12451
|
"span",
|
|
12440
12452
|
null,
|
|
@@ -12463,8 +12475,8 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
12463
12475
|
/* CLASS */
|
|
12464
12476
|
);
|
|
12465
12477
|
}
|
|
12466
|
-
const OnyxNotificationCard = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
12467
|
-
const _sfc_main$
|
|
12478
|
+
const OnyxNotificationCard = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$m], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNotificationCard/OnyxNotificationCard.vue"]]);
|
|
12479
|
+
const _sfc_main$l = /* @__PURE__ */ defineComponent({
|
|
12468
12480
|
__name: "OnyxNotificationDot",
|
|
12469
12481
|
props: {
|
|
12470
12482
|
hidden: { type: Boolean, required: false, default: false },
|
|
@@ -12479,7 +12491,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
|
12479
12491
|
}
|
|
12480
12492
|
});
|
|
12481
12493
|
const _hoisted_1$f = { class: "onyx-component onyx-notification-dot" };
|
|
12482
|
-
function _sfc_render$
|
|
12494
|
+
function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
|
|
12483
12495
|
return openBlock(), createElementBlock("div", _hoisted_1$f, [
|
|
12484
12496
|
renderSlot(_ctx.$slots, "default"),
|
|
12485
12497
|
!$setup.props.hidden ? (openBlock(), createBlock($setup["OnyxBadge"], {
|
|
@@ -12490,8 +12502,8 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
12490
12502
|
}, null, 8, ["color"])) : createCommentVNode("v-if", true)
|
|
12491
12503
|
]);
|
|
12492
12504
|
}
|
|
12493
|
-
const OnyxNotificationDot = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
12494
|
-
const _sfc_main$
|
|
12505
|
+
const OnyxNotificationDot = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$l], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxNotificationDot/OnyxNotificationDot.vue"]]);
|
|
12506
|
+
const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
12495
12507
|
__name: "OnyxPageLayout",
|
|
12496
12508
|
props: {
|
|
12497
12509
|
skeleton: { type: Boolean, required: false },
|
|
@@ -12513,15 +12525,15 @@ const _hoisted_1$e = {
|
|
|
12513
12525
|
class: "onyx-page__sidebar"
|
|
12514
12526
|
};
|
|
12515
12527
|
const _hoisted_2$b = { class: "onyx-page__main" };
|
|
12516
|
-
const _hoisted_3$
|
|
12528
|
+
const _hoisted_3$8 = {
|
|
12517
12529
|
key: 1,
|
|
12518
12530
|
class: "onyx-page__sidebar onyx-page__sidebar--right"
|
|
12519
12531
|
};
|
|
12520
|
-
const _hoisted_4$
|
|
12532
|
+
const _hoisted_4$6 = {
|
|
12521
12533
|
key: 2,
|
|
12522
12534
|
class: "onyx-page__footer"
|
|
12523
12535
|
};
|
|
12524
|
-
function _sfc_render$
|
|
12536
|
+
function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
|
|
12525
12537
|
return openBlock(), createElementBlock(
|
|
12526
12538
|
"div",
|
|
12527
12539
|
{
|
|
@@ -12548,10 +12560,10 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
12548
12560
|
/* CLASS */
|
|
12549
12561
|
)
|
|
12550
12562
|
]),
|
|
12551
|
-
$setup.slots.sidebarRight ? (openBlock(), createElementBlock("div", _hoisted_3$
|
|
12563
|
+
$setup.slots.sidebarRight ? (openBlock(), createElementBlock("div", _hoisted_3$8, [
|
|
12552
12564
|
renderSlot(_ctx.$slots, "sidebarRight")
|
|
12553
12565
|
])) : createCommentVNode("v-if", true),
|
|
12554
|
-
$setup.slots.footer ? (openBlock(), createElementBlock("div", _hoisted_4$
|
|
12566
|
+
$setup.slots.footer ? (openBlock(), createElementBlock("div", _hoisted_4$6, [
|
|
12555
12567
|
renderSlot(_ctx.$slots, "footer")
|
|
12556
12568
|
])) : createCommentVNode("v-if", true)
|
|
12557
12569
|
],
|
|
@@ -12559,8 +12571,8 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
12559
12571
|
/* CLASS */
|
|
12560
12572
|
);
|
|
12561
12573
|
}
|
|
12562
|
-
const OnyxPageLayout = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
12563
|
-
const _sfc_main$
|
|
12574
|
+
const OnyxPageLayout = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$k], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxPageLayout/OnyxPageLayout.vue"]]);
|
|
12575
|
+
const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
12564
12576
|
__name: "OnyxProgressItem",
|
|
12565
12577
|
props: {
|
|
12566
12578
|
density: { type: null, required: false },
|
|
@@ -12588,8 +12600,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
|
12588
12600
|
});
|
|
12589
12601
|
const _hoisted_1$d = ["disabled"];
|
|
12590
12602
|
const _hoisted_2$a = { class: "onyx-progress-item__indicator" };
|
|
12591
|
-
const _hoisted_3$
|
|
12592
|
-
function _sfc_render$
|
|
12603
|
+
const _hoisted_3$7 = { class: "onyx-progress-item__label" };
|
|
12604
|
+
function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
|
|
12593
12605
|
return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
|
|
12594
12606
|
key: 0,
|
|
12595
12607
|
class: normalizeClass(["onyx-progress-item-skeleton", "onyx-text", $setup.densityClass])
|
|
@@ -12623,7 +12635,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
12623
12635
|
/* STABLE_FRAGMENT */
|
|
12624
12636
|
))
|
|
12625
12637
|
]),
|
|
12626
|
-
createElementVNode("div", _hoisted_3$
|
|
12638
|
+
createElementVNode("div", _hoisted_3$7, [
|
|
12627
12639
|
renderSlot(_ctx.$slots, "default", {
|
|
12628
12640
|
label: $setup.props.label
|
|
12629
12641
|
}, () => [
|
|
@@ -12636,7 +12648,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
12636
12648
|
])
|
|
12637
12649
|
], 10, _hoisted_1$d));
|
|
12638
12650
|
}
|
|
12639
|
-
const OnyxProgressItem = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
12651
|
+
const OnyxProgressItem = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$j], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxProgressItem/OnyxProgressItem.vue"]]);
|
|
12640
12652
|
const PROGRESS_ITEM_STATUS = [
|
|
12641
12653
|
"default",
|
|
12642
12654
|
"active",
|
|
@@ -12644,7 +12656,7 @@ const PROGRESS_ITEM_STATUS = [
|
|
|
12644
12656
|
"visited",
|
|
12645
12657
|
"invalid"
|
|
12646
12658
|
];
|
|
12647
|
-
const _sfc_main$
|
|
12659
|
+
const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
12648
12660
|
__name: "OnyxProgressSteps",
|
|
12649
12661
|
props: {
|
|
12650
12662
|
density: { type: null, required: false },
|
|
@@ -12700,7 +12712,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
12700
12712
|
}
|
|
12701
12713
|
});
|
|
12702
12714
|
const _hoisted_1$c = { class: "onyx-progress-steps__scroll-container" };
|
|
12703
|
-
function _sfc_render$
|
|
12715
|
+
function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
|
|
12704
12716
|
return openBlock(), createElementBlock(
|
|
12705
12717
|
"div",
|
|
12706
12718
|
{
|
|
@@ -12752,8 +12764,8 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
12752
12764
|
/* CLASS */
|
|
12753
12765
|
);
|
|
12754
12766
|
}
|
|
12755
|
-
const OnyxProgressSteps = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
12756
|
-
const _sfc_main$
|
|
12767
|
+
const OnyxProgressSteps = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$i], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxProgressSteps/OnyxProgressSteps.vue"]]);
|
|
12768
|
+
const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
12757
12769
|
...{ inheritAttrs: false },
|
|
12758
12770
|
__name: "OnyxRadioButton",
|
|
12759
12771
|
props: {
|
|
@@ -12789,7 +12801,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
|
12789
12801
|
}
|
|
12790
12802
|
});
|
|
12791
12803
|
const _hoisted_1$b = ["required", "name", "value", "checked", "disabled", "autofocus"];
|
|
12792
|
-
function _sfc_render$
|
|
12804
|
+
function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
|
|
12793
12805
|
return $setup.skeleton ? (openBlock(), createElementBlock(
|
|
12794
12806
|
"div",
|
|
12795
12807
|
mergeProps({
|
|
@@ -12850,8 +12862,8 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
12850
12862
|
/* STABLE */
|
|
12851
12863
|
}, 16, ["disabled", "error-messages"]));
|
|
12852
12864
|
}
|
|
12853
|
-
const OnyxRadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
12854
|
-
const _sfc_main$
|
|
12865
|
+
const OnyxRadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$h], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxRadioButton/OnyxRadioButton.vue"]]);
|
|
12866
|
+
const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
12855
12867
|
__name: "OnyxRadioGroup",
|
|
12856
12868
|
props: {
|
|
12857
12869
|
truncation: { type: null, required: false, default: "ellipsis" },
|
|
@@ -12903,7 +12915,7 @@ const _hoisted_2$9 = {
|
|
|
12903
12915
|
key: 0,
|
|
12904
12916
|
class: "onyx-radio-group__label"
|
|
12905
12917
|
};
|
|
12906
|
-
function _sfc_render$
|
|
12918
|
+
function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
|
|
12907
12919
|
return openBlock(), createElementBlock("fieldset", {
|
|
12908
12920
|
class: normalizeClass(["onyx-component", "onyx-radio-group", $setup.densityClass, $setup.requiredTypeClass]),
|
|
12909
12921
|
disabled: $setup.disabled,
|
|
@@ -12979,9 +12991,9 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
12979
12991
|
)
|
|
12980
12992
|
], 10, _hoisted_1$a);
|
|
12981
12993
|
}
|
|
12982
|
-
const OnyxRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
12994
|
+
const OnyxRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$g], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxRadioGroup/OnyxRadioGroup.vue"]]);
|
|
12983
12995
|
const LINK_TARGETS = ["_self", "_blank", "_parent", "_top"];
|
|
12984
|
-
const _sfc_main$
|
|
12996
|
+
const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
12985
12997
|
...{ inheritAttrs: false },
|
|
12986
12998
|
__name: "OnyxSegmentedControlElement",
|
|
12987
12999
|
props: {
|
|
@@ -13010,11 +13022,11 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
|
|
|
13010
13022
|
});
|
|
13011
13023
|
const _hoisted_1$9 = ["id", "name", "value", "disabled", "aria-label", "autofocus", "checked"];
|
|
13012
13024
|
const _hoisted_2$8 = ["for"];
|
|
13013
|
-
const _hoisted_3$
|
|
13025
|
+
const _hoisted_3$6 = {
|
|
13014
13026
|
key: 1,
|
|
13015
13027
|
class: "onyx-segmented-control-element__text"
|
|
13016
13028
|
};
|
|
13017
|
-
function _sfc_render$
|
|
13029
|
+
function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
|
|
13018
13030
|
return openBlock(), createElementBlock(
|
|
13019
13031
|
"div",
|
|
13020
13032
|
mergeProps($setup.rootAttrs, {
|
|
@@ -13050,7 +13062,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
13050
13062
|
}, null, 8, ["icon"])) : createCommentVNode("v-if", true),
|
|
13051
13063
|
!$setup.props.hideLabel ? (openBlock(), createElementBlock(
|
|
13052
13064
|
"p",
|
|
13053
|
-
_hoisted_3$
|
|
13065
|
+
_hoisted_3$6,
|
|
13054
13066
|
toDisplayString($setup.props.label),
|
|
13055
13067
|
1
|
|
13056
13068
|
/* TEXT */
|
|
@@ -13061,8 +13073,8 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
13061
13073
|
/* FULL_PROPS */
|
|
13062
13074
|
);
|
|
13063
13075
|
}
|
|
13064
|
-
const OnyxSegmentedControlElement = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
13065
|
-
const _sfc_main$
|
|
13076
|
+
const OnyxSegmentedControlElement = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$f], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSegmentedControlElement/OnyxSegmentedControlElement.vue"]]);
|
|
13077
|
+
const _sfc_main$e = /* @__PURE__ */ defineComponent({
|
|
13066
13078
|
__name: "OnyxSegmentedControl",
|
|
13067
13079
|
props: {
|
|
13068
13080
|
density: { type: null, required: false },
|
|
@@ -13091,7 +13103,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
|
|
|
13091
13103
|
return __returned__;
|
|
13092
13104
|
}
|
|
13093
13105
|
});
|
|
13094
|
-
function _sfc_render$
|
|
13106
|
+
function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
|
|
13095
13107
|
return $setup.skeleton ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
|
|
13096
13108
|
key: 0,
|
|
13097
13109
|
class: normalizeClass(["onyx-segmented-control-skeleton", $setup.densityClass])
|
|
@@ -13122,10 +13134,10 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
13122
13134
|
/* CLASS */
|
|
13123
13135
|
));
|
|
13124
13136
|
}
|
|
13125
|
-
const OnyxSegmentedControl = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
13137
|
+
const OnyxSegmentedControl = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$e], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSegmentedControl/OnyxSegmentedControl.vue"]]);
|
|
13126
13138
|
const SELECT_ALIGNMENTS = ["full", "left", "right"];
|
|
13127
13139
|
const MULTISELECT_TEXT_MODE = ["summary", "preview"];
|
|
13128
|
-
const _sfc_main$
|
|
13140
|
+
const _sfc_main$d = /* @__PURE__ */ defineComponent({
|
|
13129
13141
|
__name: "OnyxSidebarItem",
|
|
13130
13142
|
props: {
|
|
13131
13143
|
density: { type: null, required: false },
|
|
@@ -13153,7 +13165,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
|
|
|
13153
13165
|
return __returned__;
|
|
13154
13166
|
}
|
|
13155
13167
|
});
|
|
13156
|
-
function _sfc_render$
|
|
13168
|
+
function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
|
|
13157
13169
|
return $setup.link ? (openBlock(), createBlock($setup["OnyxRouterLink"], mergeProps({
|
|
13158
13170
|
key: 0,
|
|
13159
13171
|
class: $setup.classes
|
|
@@ -13177,12 +13189,12 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
13177
13189
|
/* CLASS */
|
|
13178
13190
|
));
|
|
13179
13191
|
}
|
|
13180
|
-
const OnyxSidebarItem = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
13192
|
+
const OnyxSidebarItem = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSidebar/modules/OnyxSidebarItem/OnyxSidebarItem.vue"]]);
|
|
13181
13193
|
const arrowSmallLeft = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.618 11.626H8.936l3.094-3.094-1.064-1.056-4.899 4.898 4.9 4.9 1.063-1.064-3.094-3.086h8.682z"/></svg>';
|
|
13182
13194
|
const arrowSmallRight = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.026 7.476 11.97 8.532l3.086 3.094H6.382v1.498h8.674L11.97 16.21l1.056 1.063 4.9-4.898z"/></svg>';
|
|
13183
13195
|
const sidebarArrowLeft = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.743 3.038H5.258A2.26 2.26 0 0 0 3 5.295V18.78a2.26 2.26 0 0 0 2.258 2.258H18.75a2.25 2.25 0 0 0 2.25-2.25V5.295a2.26 2.26 0 0 0-2.258-2.257M4.5 18.78V5.295c0-.42.338-.757.758-.757H8.25v15H5.258a.755.755 0 0 1-.758-.758m15 .008c0 .412-.337.75-.75.75h-9v-15h8.993c.42 0 .757.337.757.757z"/><path d="m15.218 8.558-3.48 3.48 3.48 3.48 1.064-1.058-2.422-2.423 2.422-2.422z"/></svg>';
|
|
13184
13196
|
const sidebarArrowRight = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.743 3.038H5.258A2.26 2.26 0 0 0 3 5.295V18.78a2.26 2.26 0 0 0 2.258 2.258H18.75a2.25 2.25 0 0 0 2.25-2.25V5.295a2.26 2.26 0 0 0-2.258-2.257M4.5 18.78V5.295c0-.42.338-.757.758-.757H8.25v15H5.258a.755.755 0 0 1-.758-.758m15 .008c0 .412-.337.75-.75.75h-9v-15h8.993c.42 0 .757.337.757.757z"/><path d="m12.27 9.615 2.423 2.422-2.423 2.423 1.058 1.057 3.48-3.48-3.48-3.48z"/></svg>';
|
|
13185
|
-
const _sfc_main$
|
|
13197
|
+
const _sfc_main$c = /* @__PURE__ */ defineComponent({
|
|
13186
13198
|
__name: "OnyxSidebar",
|
|
13187
13199
|
props: {
|
|
13188
13200
|
density: { type: null, required: false },
|
|
@@ -13275,13 +13287,13 @@ const _hoisted_2$7 = {
|
|
|
13275
13287
|
key: 0,
|
|
13276
13288
|
class: "onyx-sidebar__header"
|
|
13277
13289
|
};
|
|
13278
|
-
const _hoisted_3$
|
|
13279
|
-
const _hoisted_4$
|
|
13290
|
+
const _hoisted_3$5 = { class: "onyx-sidebar__body" };
|
|
13291
|
+
const _hoisted_4$5 = {
|
|
13280
13292
|
key: 1,
|
|
13281
13293
|
class: "onyx-sidebar__footer"
|
|
13282
13294
|
};
|
|
13283
|
-
const _hoisted_5$
|
|
13284
|
-
function _sfc_render$
|
|
13295
|
+
const _hoisted_5$5 = { class: "onyx-sidebar__footer" };
|
|
13296
|
+
function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
|
|
13285
13297
|
return !$setup.props.temporary && !$setup.shouldCollapse ? (openBlock(), createElementBlock("aside", {
|
|
13286
13298
|
key: 0,
|
|
13287
13299
|
ref: "sidebarRef",
|
|
@@ -13298,10 +13310,10 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
13298
13310
|
!!$setup.slots.header ? (openBlock(), createElementBlock("header", _hoisted_2$7, [
|
|
13299
13311
|
renderSlot(_ctx.$slots, "header")
|
|
13300
13312
|
])) : createCommentVNode("v-if", true),
|
|
13301
|
-
createElementVNode("div", _hoisted_3$
|
|
13313
|
+
createElementVNode("div", _hoisted_3$5, [
|
|
13302
13314
|
renderSlot(_ctx.$slots, "default")
|
|
13303
13315
|
]),
|
|
13304
|
-
!!$setup.slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_4$
|
|
13316
|
+
!!$setup.slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_4$5, [
|
|
13305
13317
|
renderSlot(_ctx.$slots, "footer")
|
|
13306
13318
|
])) : createCommentVNode("v-if", true),
|
|
13307
13319
|
$setup.props.resizable ? (openBlock(), createBlock($setup["OnyxResizeHandle"], mergeProps({
|
|
@@ -13352,7 +13364,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
13352
13364
|
!!$setup.slots.footer ? {
|
|
13353
13365
|
name: "footer",
|
|
13354
13366
|
fn: withCtx(() => [
|
|
13355
|
-
createElementVNode("div", _hoisted_5$
|
|
13367
|
+
createElementVNode("div", _hoisted_5$5, [
|
|
13356
13368
|
renderSlot(_ctx.$slots, "footer")
|
|
13357
13369
|
])
|
|
13358
13370
|
]),
|
|
@@ -13360,122 +13372,439 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
13360
13372
|
} : void 0
|
|
13361
13373
|
]), 1040, ["open", "class", "label", "density", "style", "alignment"]));
|
|
13362
13374
|
}
|
|
13363
|
-
const OnyxSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
13375
|
+
const OnyxSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSidebar/OnyxSidebar.vue"]]);
|
|
13364
13376
|
const SIDEBAR_ALIGNMENT = ["left", "right"];
|
|
13365
|
-
const
|
|
13366
|
-
|
|
13367
|
-
|
|
13368
|
-
__name: "OnyxSlider",
|
|
13377
|
+
const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
13378
|
+
...{ inheritAttrs: false },
|
|
13379
|
+
__name: "OnyxStepper",
|
|
13369
13380
|
props: {
|
|
13370
|
-
error: { type: [String, Object], required: false },
|
|
13371
13381
|
disabled: { type: [Boolean, Symbol], required: false, default: FORM_INJECTED_SYMBOL },
|
|
13372
13382
|
showError: { type: null, required: false, default: FORM_INJECTED_SYMBOL },
|
|
13383
|
+
requiredMarker: { type: null, required: false },
|
|
13384
|
+
required: { type: Boolean, required: false },
|
|
13373
13385
|
density: { type: null, required: false },
|
|
13386
|
+
error: { type: [String, Object], required: false },
|
|
13374
13387
|
autofocus: { type: Boolean, required: false },
|
|
13375
13388
|
id: { type: String, required: false },
|
|
13376
13389
|
name: { type: String, required: false },
|
|
13377
13390
|
label: { type: String, required: true },
|
|
13378
13391
|
labelTooltip: { type: String, required: false },
|
|
13379
13392
|
hideLabel: { type: Boolean, required: false },
|
|
13393
|
+
readonly: { type: Boolean, required: false, default: false },
|
|
13394
|
+
loading: { type: Boolean, required: false, default: false },
|
|
13380
13395
|
skeleton: { type: [Symbol, Boolean, Number], required: false, default: SKELETON_INJECTED_SYMBOL },
|
|
13381
|
-
|
|
13382
|
-
|
|
13383
|
-
|
|
13384
|
-
|
|
13385
|
-
|
|
13386
|
-
|
|
13387
|
-
|
|
13388
|
-
|
|
13389
|
-
|
|
13390
|
-
|
|
13391
|
-
|
|
13392
|
-
|
|
13393
|
-
discrete: { type: Boolean, required: false }
|
|
13396
|
+
message: { type: [String, Object], required: false },
|
|
13397
|
+
success: { type: [String, Object], required: false },
|
|
13398
|
+
placeholder: { type: String, required: false },
|
|
13399
|
+
min: { type: Number, required: false },
|
|
13400
|
+
max: { type: Number, required: false },
|
|
13401
|
+
stepSize: { type: Number, required: false, default: 1 },
|
|
13402
|
+
precision: { type: Number, required: false },
|
|
13403
|
+
validStepSize: { type: Number, required: false },
|
|
13404
|
+
autocomplete: { type: null, required: false },
|
|
13405
|
+
hideButtons: { type: Boolean, required: false, default: false },
|
|
13406
|
+
formatNumber: { type: [Boolean, Function], required: false },
|
|
13407
|
+
modelValue: { type: null, required: false }
|
|
13394
13408
|
},
|
|
13395
|
-
emits: ["
|
|
13409
|
+
emits: ["validityChange", "update:modelValue"],
|
|
13396
13410
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
13397
|
-
__expose();
|
|
13398
13411
|
const props = __props;
|
|
13399
13412
|
const emit = __emit;
|
|
13413
|
+
const { t, locale } = injectI18n();
|
|
13414
|
+
const input2 = useTemplateRef("inputRef");
|
|
13415
|
+
const { disabled, showError } = useFormContext(props);
|
|
13416
|
+
const skeleton = useSkeletonContext(props);
|
|
13417
|
+
const errorClass = useErrorClass(showError);
|
|
13418
|
+
const { densityClass } = useDensity(props);
|
|
13419
|
+
const { vCustomValidity, errorMessages } = useFormElementError({ props, emit });
|
|
13420
|
+
const successMessages = computed(() => getFormMessages(props.success));
|
|
13421
|
+
const messages = computed(() => getFormMessages(props.message));
|
|
13422
|
+
const formElementProps = useForwardProps(props, OnyxFormElement);
|
|
13423
|
+
const { rootAttrs, restAttrs } = useRootAttrs();
|
|
13424
|
+
const wasTouched = ref(false);
|
|
13400
13425
|
const modelValue = useVModel({
|
|
13401
13426
|
props,
|
|
13402
13427
|
emit,
|
|
13403
13428
|
key: "modelValue"
|
|
13404
13429
|
});
|
|
13405
|
-
const
|
|
13406
|
-
const
|
|
13407
|
-
const
|
|
13408
|
-
|
|
13409
|
-
|
|
13410
|
-
|
|
13411
|
-
|
|
13412
|
-
|
|
13413
|
-
|
|
13414
|
-
|
|
13415
|
-
elements: { root, rail, track, thumbContainer, thumbInput, mark, markLabel },
|
|
13416
|
-
state: { activeThumbIndex, marksList, shiftStep, normalizedValues }
|
|
13417
|
-
} = _unstableCreateSlider({
|
|
13418
|
-
value: modelValue,
|
|
13419
|
-
min,
|
|
13420
|
-
max,
|
|
13421
|
-
step,
|
|
13422
|
-
label,
|
|
13423
|
-
marks,
|
|
13424
|
-
discrete,
|
|
13425
|
-
disabled,
|
|
13426
|
-
shiftStep: toRef(props, "shiftStep"),
|
|
13427
|
-
onChange: (newValue) => modelValue.value = newValue
|
|
13430
|
+
const inputValue = ref();
|
|
13431
|
+
const displayValue = computed(() => getDisplayValue.value(modelValue.value));
|
|
13432
|
+
const getFormattedValue = computed(() => {
|
|
13433
|
+
return (value) => {
|
|
13434
|
+
if (props.precision !== void 0 && value != void 0) {
|
|
13435
|
+
return roundToPrecision(value, props.precision);
|
|
13436
|
+
} else {
|
|
13437
|
+
return value?.toString() ?? "";
|
|
13438
|
+
}
|
|
13439
|
+
};
|
|
13428
13440
|
});
|
|
13429
|
-
const
|
|
13430
|
-
|
|
13431
|
-
|
|
13432
|
-
|
|
13433
|
-
|
|
13434
|
-
|
|
13435
|
-
|
|
13436
|
-
|
|
13437
|
-
|
|
13438
|
-
|
|
13439
|
-
|
|
13440
|
-
|
|
13441
|
-
|
|
13442
|
-
|
|
13443
|
-
|
|
13444
|
-
|
|
13445
|
-
|
|
13446
|
-
|
|
13447
|
-
|
|
13448
|
-
|
|
13449
|
-
|
|
13450
|
-
|
|
13451
|
-
|
|
13452
|
-
|
|
13453
|
-
}
|
|
13454
|
-
|
|
13455
|
-
|
|
13456
|
-
|
|
13441
|
+
const getDisplayValue = computed(() => {
|
|
13442
|
+
return (value) => {
|
|
13443
|
+
if (value == void 0 || Number.isNaN(value)) return "";
|
|
13444
|
+
if (props.formatNumber) {
|
|
13445
|
+
if (typeof props.formatNumber === "boolean") {
|
|
13446
|
+
if (props.precision) {
|
|
13447
|
+
return value.toLocaleString(locale.value, {
|
|
13448
|
+
minimumFractionDigits: props.precision,
|
|
13449
|
+
maximumFractionDigits: props.precision
|
|
13450
|
+
});
|
|
13451
|
+
}
|
|
13452
|
+
return value.toLocaleString(locale.value);
|
|
13453
|
+
} else {
|
|
13454
|
+
return props.formatNumber(value);
|
|
13455
|
+
}
|
|
13456
|
+
}
|
|
13457
|
+
if (props.precision) {
|
|
13458
|
+
return roundToPrecision(value, props.precision);
|
|
13459
|
+
}
|
|
13460
|
+
return String(value);
|
|
13461
|
+
};
|
|
13462
|
+
});
|
|
13463
|
+
watchEffect(() => {
|
|
13464
|
+
inputValue.value = getFormattedValue.value(modelValue.value);
|
|
13465
|
+
});
|
|
13466
|
+
const handleClick = (direction) => {
|
|
13467
|
+
wasTouched.value = true;
|
|
13468
|
+
const currentValue = modelValue.value || 0;
|
|
13469
|
+
const stepValue = (direction === "stepUp" ? 1 : -1) * props.stepSize;
|
|
13470
|
+
const newValue = parseFloat(getFormattedValue.value(currentValue + stepValue));
|
|
13471
|
+
modelValue.value = applyLimits(newValue, props.min, props.max);
|
|
13472
|
+
};
|
|
13473
|
+
const handleChange = () => {
|
|
13474
|
+
wasTouched.value = true;
|
|
13475
|
+
if (inputValue.value == void 0) {
|
|
13476
|
+
modelValue.value = void 0;
|
|
13477
|
+
return;
|
|
13478
|
+
}
|
|
13479
|
+
inputValue.value = getFormattedValue.value(parseFloat(inputValue.value));
|
|
13480
|
+
modelValue.value = parseFloat(inputValue.value);
|
|
13481
|
+
};
|
|
13482
|
+
const handleBlur = () => {
|
|
13483
|
+
inputValue.value = getFormattedValue.value(modelValue.value);
|
|
13484
|
+
};
|
|
13485
|
+
const incrementLabel = computed(() => t.value("stepper.increment", { stepSize: props.stepSize }));
|
|
13486
|
+
const decrementLabel = computed(() => t.value("stepper.decrement", { stepSize: props.stepSize }));
|
|
13487
|
+
__expose({ input: input2 });
|
|
13488
|
+
useAutofocus(input2, props);
|
|
13489
|
+
const __returned__ = { props, emit, t, locale, input: input2, disabled, showError, skeleton, errorClass, densityClass, vCustomValidity, errorMessages, successMessages, messages, formElementProps, rootAttrs, restAttrs, wasTouched, modelValue, inputValue, displayValue, getFormattedValue, getDisplayValue, handleClick, handleChange, handleBlur, incrementLabel, decrementLabel, get iconMinus() {
|
|
13490
|
+
return iconMinus;
|
|
13491
|
+
}, get iconPlus() {
|
|
13492
|
+
return iconPlus;
|
|
13493
|
+
}, OnyxFormElement, OnyxIcon, OnyxLoadingIndicator, OnyxSkeleton };
|
|
13494
|
+
Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
|
|
13495
|
+
return __returned__;
|
|
13496
|
+
}
|
|
13497
|
+
});
|
|
13498
|
+
const _hoisted_1$7 = { class: "onyx-stepper__wrapper" };
|
|
13499
|
+
const _hoisted_2$6 = ["disabled", "aria-label"];
|
|
13500
|
+
const _hoisted_3$4 = ["id", "aria-label", "autofocus", "disabled", "min", "max", "name", "placeholder", "readonly", "required", "step", "title"];
|
|
13501
|
+
const _hoisted_4$4 = {
|
|
13502
|
+
class: "onyx-stepper__display",
|
|
13503
|
+
"aria-hidden": "true"
|
|
13504
|
+
};
|
|
13505
|
+
const _hoisted_5$4 = ["disabled", "aria-label"];
|
|
13506
|
+
function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
|
|
13507
|
+
return $setup.skeleton ? (openBlock(), createElementBlock(
|
|
13508
|
+
"div",
|
|
13509
|
+
mergeProps({
|
|
13510
|
+
key: 0,
|
|
13511
|
+
class: ["onyx-component", "onyx-stepper-skeleton", $setup.densityClass]
|
|
13512
|
+
}, $setup.rootAttrs),
|
|
13513
|
+
[
|
|
13514
|
+
!$setup.props.hideLabel ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
|
|
13515
|
+
key: 0,
|
|
13516
|
+
class: "onyx-stepper-skeleton__label"
|
|
13517
|
+
})) : createCommentVNode("v-if", true),
|
|
13518
|
+
createVNode($setup["OnyxSkeleton"], { class: "onyx-stepper-skeleton__input" })
|
|
13519
|
+
],
|
|
13520
|
+
16
|
|
13521
|
+
/* FULL_PROPS */
|
|
13522
|
+
)) : (openBlock(), createElementBlock(
|
|
13523
|
+
"div",
|
|
13524
|
+
mergeProps({
|
|
13525
|
+
key: 1,
|
|
13526
|
+
class: ["onyx-component", "onyx-stepper", $setup.densityClass, $setup.errorClass]
|
|
13527
|
+
}, $setup.rootAttrs),
|
|
13528
|
+
[
|
|
13529
|
+
createVNode($setup["OnyxFormElement"], mergeProps($setup.formElementProps, {
|
|
13530
|
+
message: $setup.messages,
|
|
13531
|
+
"success-messages": $setup.successMessages,
|
|
13532
|
+
"error-messages": $setup.errorMessages
|
|
13533
|
+
}), {
|
|
13534
|
+
default: withCtx(({ id: inputId }) => [
|
|
13535
|
+
createElementVNode("div", _hoisted_1$7, [
|
|
13536
|
+
!$setup.props.hideButtons ? (openBlock(), createElementBlock("button", {
|
|
13537
|
+
key: 0,
|
|
13538
|
+
type: "button",
|
|
13539
|
+
class: "onyx-stepper__counter",
|
|
13540
|
+
disabled: $setup.disabled || $props.readonly || $setup.props.loading || $setup.props.min !== void 0 && $setup.modelValue !== void 0 && $setup.modelValue !== null && $setup.modelValue <= $setup.props.min,
|
|
13541
|
+
"aria-label": $setup.decrementLabel,
|
|
13542
|
+
tabindex: "-1",
|
|
13543
|
+
onClick: _cache[0] || (_cache[0] = ($event) => $setup.handleClick("stepDown"))
|
|
13544
|
+
}, [
|
|
13545
|
+
createVNode($setup["OnyxIcon"], { icon: $setup.iconMinus }, null, 8, ["icon"])
|
|
13546
|
+
], 8, _hoisted_2$6)) : createCommentVNode("v-if", true),
|
|
13547
|
+
$setup.props.loading ? (openBlock(), createBlock($setup["OnyxLoadingIndicator"], {
|
|
13548
|
+
key: 1,
|
|
13549
|
+
class: "onyx-stepper__loading",
|
|
13550
|
+
type: "circle"
|
|
13551
|
+
})) : withDirectives((openBlock(), createElementBlock("input", mergeProps({
|
|
13552
|
+
key: 2,
|
|
13553
|
+
id: inputId,
|
|
13554
|
+
ref: "inputRef",
|
|
13555
|
+
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $setup.inputValue = $event),
|
|
13556
|
+
class: ["onyx-stepper__native", { "onyx-stepper__native--touched": $setup.wasTouched }],
|
|
13557
|
+
type: "number",
|
|
13558
|
+
"aria-label": $setup.props.label,
|
|
13559
|
+
autofocus: $setup.props.autofocus,
|
|
13560
|
+
disabled: $setup.disabled || $setup.props.loading,
|
|
13561
|
+
min: $setup.props.min,
|
|
13562
|
+
max: $setup.props.max,
|
|
13563
|
+
name: $setup.props.name,
|
|
13564
|
+
placeholder: $setup.props.placeholder,
|
|
13565
|
+
readonly: $setup.props.readonly,
|
|
13566
|
+
required: $setup.props.required,
|
|
13567
|
+
step: $setup.props.validStepSize ?? "any",
|
|
13568
|
+
title: $setup.props.hideLabel ? $setup.props.label : void 0
|
|
13569
|
+
}, $setup.restAttrs, {
|
|
13570
|
+
onChange: $setup.handleChange,
|
|
13571
|
+
onBlur: $setup.handleBlur,
|
|
13572
|
+
onFocusin: _cache[2] || (_cache[2] = (e) => e.target?.select()),
|
|
13573
|
+
onKeydown: [
|
|
13574
|
+
_cache[3] || (_cache[3] = withKeys(withModifiers(($event) => $setup.handleClick("stepUp"), ["prevent"]), ["up"])),
|
|
13575
|
+
_cache[4] || (_cache[4] = withKeys(withModifiers(($event) => $setup.handleClick("stepDown"), ["prevent"]), ["down"]))
|
|
13576
|
+
]
|
|
13577
|
+
}), null, 16, _hoisted_3$4)), [
|
|
13578
|
+
[vModelText, $setup.inputValue],
|
|
13579
|
+
[$setup["vCustomValidity"]]
|
|
13580
|
+
]),
|
|
13581
|
+
createElementVNode(
|
|
13582
|
+
"p",
|
|
13583
|
+
_hoisted_4$4,
|
|
13584
|
+
toDisplayString($setup.displayValue),
|
|
13585
|
+
1
|
|
13586
|
+
/* TEXT */
|
|
13587
|
+
),
|
|
13588
|
+
!$setup.props.hideButtons ? (openBlock(), createElementBlock("button", {
|
|
13589
|
+
key: 3,
|
|
13590
|
+
type: "button",
|
|
13591
|
+
class: "onyx-stepper__counter",
|
|
13592
|
+
disabled: $setup.disabled || $props.readonly || $setup.props.loading || $setup.props.max !== void 0 && $setup.modelValue !== void 0 && $setup.modelValue !== null && $setup.modelValue >= $setup.props.max,
|
|
13593
|
+
"aria-label": $setup.incrementLabel,
|
|
13594
|
+
tabindex: "-1",
|
|
13595
|
+
onClick: _cache[5] || (_cache[5] = ($event) => $setup.handleClick("stepUp"))
|
|
13596
|
+
}, [
|
|
13597
|
+
createVNode($setup["OnyxIcon"], { icon: $setup.iconPlus }, null, 8, ["icon"])
|
|
13598
|
+
], 8, _hoisted_5$4)) : createCommentVNode("v-if", true)
|
|
13599
|
+
])
|
|
13600
|
+
]),
|
|
13601
|
+
_: 1
|
|
13602
|
+
/* STABLE */
|
|
13603
|
+
}, 16, ["message", "success-messages", "error-messages"])
|
|
13604
|
+
],
|
|
13605
|
+
16
|
|
13606
|
+
/* FULL_PROPS */
|
|
13607
|
+
));
|
|
13608
|
+
}
|
|
13609
|
+
const OnyxStepper = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxStepper/OnyxStepper.vue"]]);
|
|
13610
|
+
const __default__$1 = {};
|
|
13611
|
+
const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
13612
|
+
...__default__$1,
|
|
13613
|
+
__name: "OnyxSliderControl",
|
|
13614
|
+
props: {
|
|
13615
|
+
control: { type: String, required: true, default: "value" },
|
|
13616
|
+
modelValue: { type: Number, required: false },
|
|
13617
|
+
direction: { type: String, required: false },
|
|
13618
|
+
shiftStep: { type: Number, required: false },
|
|
13619
|
+
disabled: { type: Boolean, required: false },
|
|
13620
|
+
density: { type: null, required: false }
|
|
13621
|
+
},
|
|
13622
|
+
emits: ["update:modelValue"],
|
|
13623
|
+
setup(__props, { expose: __expose, emit: __emit }) {
|
|
13624
|
+
__expose();
|
|
13625
|
+
const props = __props;
|
|
13626
|
+
const emit = __emit;
|
|
13627
|
+
const { densityClass } = useDensity(props);
|
|
13628
|
+
const modelValue = useVModel({
|
|
13629
|
+
props,
|
|
13630
|
+
emit,
|
|
13631
|
+
key: "modelValue"
|
|
13632
|
+
});
|
|
13633
|
+
const handleIconClick = () => {
|
|
13634
|
+
const currentValue = modelValue.value;
|
|
13635
|
+
if (props.control !== "icon" || typeof currentValue !== "number") return;
|
|
13636
|
+
const newValue = props.direction === "increase" ? currentValue + (props.shiftStep ?? 1) : currentValue - (props.shiftStep ?? 1);
|
|
13637
|
+
modelValue.value = newValue;
|
|
13638
|
+
};
|
|
13639
|
+
const handleStepperChange = (value) => {
|
|
13640
|
+
if (typeof value === "number") {
|
|
13641
|
+
modelValue.value = value;
|
|
13642
|
+
}
|
|
13643
|
+
};
|
|
13644
|
+
const { t } = injectI18n();
|
|
13645
|
+
const __returned__ = { props, emit, densityClass, modelValue, handleIconClick, handleStepperChange, t, get iconMinusSmall() {
|
|
13646
|
+
return iconMinusSmall;
|
|
13647
|
+
}, get iconPlusSmall() {
|
|
13648
|
+
return iconPlusSmall;
|
|
13649
|
+
}, OnyxIconButton, OnyxStepper };
|
|
13650
|
+
Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
|
|
13651
|
+
return __returned__;
|
|
13652
|
+
}
|
|
13653
|
+
});
|
|
13654
|
+
function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
|
|
13655
|
+
return openBlock(), createElementBlock(
|
|
13656
|
+
"div",
|
|
13657
|
+
{
|
|
13658
|
+
class: normalizeClass(["onyx-component", "onyx-slider-control", $setup.densityClass])
|
|
13659
|
+
},
|
|
13660
|
+
[
|
|
13661
|
+
$setup.props.control === "value" ? (openBlock(), createElementBlock(
|
|
13662
|
+
Fragment,
|
|
13663
|
+
{ key: 0 },
|
|
13664
|
+
[
|
|
13665
|
+
createTextVNode(
|
|
13666
|
+
toDisplayString($setup.modelValue),
|
|
13667
|
+
1
|
|
13668
|
+
/* TEXT */
|
|
13669
|
+
)
|
|
13670
|
+
],
|
|
13671
|
+
64
|
|
13672
|
+
/* STABLE_FRAGMENT */
|
|
13673
|
+
)) : createCommentVNode("v-if", true),
|
|
13674
|
+
$setup.props.control === "icon" ? (openBlock(), createElementBlock(
|
|
13675
|
+
Fragment,
|
|
13676
|
+
{ key: 1 },
|
|
13677
|
+
[
|
|
13678
|
+
$setup.props.direction === "decrease" ? (openBlock(), createBlock($setup["OnyxIconButton"], {
|
|
13679
|
+
key: 0,
|
|
13680
|
+
disabled: $setup.props.disabled,
|
|
13681
|
+
color: "neutral",
|
|
13682
|
+
label: $setup.t("slider.decreaseValueBy", { n: $setup.props.shiftStep }),
|
|
13683
|
+
icon: $setup.iconMinusSmall,
|
|
13684
|
+
tabindex: "0",
|
|
13685
|
+
onClick: $setup.handleIconClick
|
|
13686
|
+
}, null, 8, ["disabled", "label", "icon"])) : createCommentVNode("v-if", true),
|
|
13687
|
+
$setup.props.direction === "increase" ? (openBlock(), createBlock($setup["OnyxIconButton"], {
|
|
13688
|
+
key: 1,
|
|
13689
|
+
disabled: $setup.props.disabled,
|
|
13690
|
+
color: "neutral",
|
|
13691
|
+
label: $setup.t("slider.increaseValueBy", { n: $setup.props.shiftStep }),
|
|
13692
|
+
icon: $setup.iconPlusSmall,
|
|
13693
|
+
tabindex: "0",
|
|
13694
|
+
onClick: $setup.handleIconClick
|
|
13695
|
+
}, null, 8, ["disabled", "label", "icon"])) : createCommentVNode("v-if", true)
|
|
13696
|
+
],
|
|
13697
|
+
64
|
|
13698
|
+
/* STABLE_FRAGMENT */
|
|
13699
|
+
)) : createCommentVNode("v-if", true),
|
|
13700
|
+
$setup.props.control === "input" ? (openBlock(), createBlock($setup["OnyxStepper"], {
|
|
13701
|
+
key: 2,
|
|
13702
|
+
label: $setup.t("slider.changeValue"),
|
|
13703
|
+
"hide-label": "",
|
|
13704
|
+
"hide-buttons": "",
|
|
13705
|
+
disabled: $setup.props.disabled,
|
|
13706
|
+
"model-value": $setup.props.modelValue,
|
|
13707
|
+
"onUpdate:modelValue": $setup.handleStepperChange
|
|
13708
|
+
}, null, 8, ["label", "disabled", "model-value"])) : createCommentVNode("v-if", true)
|
|
13709
|
+
],
|
|
13710
|
+
2
|
|
13711
|
+
/* CLASS */
|
|
13712
|
+
);
|
|
13713
|
+
}
|
|
13714
|
+
const OnyxSliderControl = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSliderControl/OnyxSliderControl.vue"]]);
|
|
13715
|
+
const __default__ = {};
|
|
13716
|
+
const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
13717
|
+
...__default__,
|
|
13718
|
+
__name: "OnyxSlider",
|
|
13719
|
+
props: {
|
|
13720
|
+
error: { type: [String, Object], required: false },
|
|
13721
|
+
disabled: { type: [Boolean, Symbol], required: false, default: FORM_INJECTED_SYMBOL },
|
|
13722
|
+
showError: { type: null, required: false, default: FORM_INJECTED_SYMBOL },
|
|
13723
|
+
density: { type: null, required: false },
|
|
13724
|
+
autofocus: { type: Boolean, required: false },
|
|
13725
|
+
id: { type: String, required: false },
|
|
13726
|
+
name: { type: String, required: false },
|
|
13727
|
+
label: { type: String, required: true },
|
|
13728
|
+
labelTooltip: { type: String, required: false },
|
|
13729
|
+
hideLabel: { type: Boolean, required: false },
|
|
13730
|
+
skeleton: { type: [Symbol, Boolean, Number], required: false, default: SKELETON_INJECTED_SYMBOL },
|
|
13731
|
+
errorMessages: { type: Object, required: false },
|
|
13732
|
+
message: { type: Object, required: false },
|
|
13733
|
+
successMessages: { type: Object, required: false },
|
|
13734
|
+
mode: { type: null, required: false, default: () => "single" },
|
|
13735
|
+
modelValue: { type: null, required: true },
|
|
13736
|
+
min: { type: Number, required: false, default: 0 },
|
|
13737
|
+
max: { type: Number, required: false, default: 100 },
|
|
13738
|
+
step: { type: Number, required: false, default: 1 },
|
|
13739
|
+
shiftStep: { type: Number, required: false },
|
|
13740
|
+
marks: { type: [Array, Boolean], required: false },
|
|
13741
|
+
control: { type: null, required: false },
|
|
13742
|
+
disableTooltip: { type: Boolean, required: false },
|
|
13743
|
+
discrete: { type: Boolean, required: false }
|
|
13744
|
+
},
|
|
13745
|
+
emits: ["update:modelValue", "validityChange"],
|
|
13746
|
+
setup(__props, { expose: __expose, emit: __emit }) {
|
|
13747
|
+
__expose();
|
|
13748
|
+
const props = __props;
|
|
13749
|
+
const emit = __emit;
|
|
13750
|
+
const modelValue = useVModel({
|
|
13751
|
+
props,
|
|
13752
|
+
emit,
|
|
13753
|
+
key: "modelValue"
|
|
13754
|
+
});
|
|
13755
|
+
const { vCustomValidity, errorMessages } = useFormElementError({ props, emit });
|
|
13756
|
+
const formElementProps = useForwardProps(props, OnyxFormElement);
|
|
13757
|
+
const messages = computed(() => getFormMessages(props.message));
|
|
13758
|
+
const { densityClass } = useDensity(props);
|
|
13759
|
+
const { disabled, showError } = useFormContext(props);
|
|
13760
|
+
const errorClass = useErrorClass(showError);
|
|
13761
|
+
const skeleton = useSkeletonContext(props);
|
|
13762
|
+
const { min, max, step, marks, label, discrete } = toRefs(props);
|
|
13763
|
+
const {
|
|
13764
|
+
elements: { root, rail, track, thumbContainer, thumbInput, mark, markLabel },
|
|
13765
|
+
state: { activeThumbIndex, marksList, shiftStep, normalizedValues },
|
|
13766
|
+
internals: { roundToStep: roundToStep2, clampValue }
|
|
13767
|
+
} = _unstableCreateSlider({
|
|
13768
|
+
value: modelValue,
|
|
13769
|
+
min,
|
|
13770
|
+
max,
|
|
13771
|
+
step,
|
|
13772
|
+
label,
|
|
13773
|
+
marks,
|
|
13774
|
+
discrete,
|
|
13775
|
+
disabled,
|
|
13776
|
+
shiftStep: toRef(props, "shiftStep"),
|
|
13777
|
+
onChange: (newValue) => modelValue.value = newValue
|
|
13778
|
+
});
|
|
13779
|
+
const handleSliderInputControlChange = (index, value) => {
|
|
13780
|
+
const rounded = roundToStep2.value(clampValue.value(value));
|
|
13781
|
+
if (rounded === void 0) return;
|
|
13782
|
+
if (Array.isArray(modelValue.value)) {
|
|
13783
|
+
if (index === 0 && rounded <= (modelValue.value[1] ?? props.max)) {
|
|
13784
|
+
modelValue.value = [rounded, modelValue.value[1]];
|
|
13785
|
+
return;
|
|
13786
|
+
}
|
|
13787
|
+
if (index === 1 && rounded >= (modelValue.value[0] ?? props.min)) {
|
|
13788
|
+
modelValue.value = [modelValue.value[0], rounded];
|
|
13789
|
+
return;
|
|
13790
|
+
}
|
|
13791
|
+
} else {
|
|
13792
|
+
modelValue.value = rounded;
|
|
13793
|
+
}
|
|
13794
|
+
};
|
|
13795
|
+
const handleSliderIconControlChange = (value) => {
|
|
13796
|
+
const rounded = roundToStep2.value(clampValue.value(value));
|
|
13797
|
+
if (rounded === void 0) return;
|
|
13798
|
+
modelValue.value = rounded;
|
|
13799
|
+
};
|
|
13800
|
+
const __returned__ = { props, emit, modelValue, vCustomValidity, errorMessages, formElementProps, messages, densityClass, disabled, showError, errorClass, skeleton, min, max, step, marks, label, discrete, root, rail, track, thumbContainer, thumbInput, mark, markLabel, activeThumbIndex, marksList, shiftStep, normalizedValues, roundToStep: roundToStep2, clampValue, handleSliderInputControlChange, handleSliderIconControlChange, OnyxFormElement, OnyxSkeleton, OnyxSliderControl, OnyxTooltip, OnyxVisuallyHidden };
|
|
13801
|
+
Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
|
|
13802
|
+
return __returned__;
|
|
13803
|
+
}
|
|
13457
13804
|
});
|
|
13458
|
-
const _hoisted_1$
|
|
13459
|
-
const _hoisted_2$
|
|
13460
|
-
|
|
13461
|
-
class: "onyx-slider__control",
|
|
13462
|
-
"aria-hidden": "true"
|
|
13463
|
-
};
|
|
13464
|
-
const _hoisted_3$5 = {
|
|
13465
|
-
key: 1,
|
|
13466
|
-
class: "onyx-slider__control"
|
|
13467
|
-
};
|
|
13468
|
-
const _hoisted_4$5 = ["disabled", "aria-label", "autofocus"];
|
|
13469
|
-
const _hoisted_5$5 = {
|
|
13470
|
-
key: 2,
|
|
13471
|
-
class: "onyx-slider__control",
|
|
13472
|
-
"aria-hidden": "true"
|
|
13473
|
-
};
|
|
13474
|
-
const _hoisted_6$4 = {
|
|
13475
|
-
key: 3,
|
|
13476
|
-
class: "onyx-slider__control"
|
|
13477
|
-
};
|
|
13478
|
-
function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
|
|
13805
|
+
const _hoisted_1$6 = { class: "onyx-slider__container" };
|
|
13806
|
+
const _hoisted_2$5 = ["disabled", "aria-label", "autofocus"];
|
|
13807
|
+
function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
|
|
13479
13808
|
return $setup.skeleton ? (openBlock(), createElementBlock(
|
|
13480
13809
|
"div",
|
|
13481
13810
|
{
|
|
@@ -13512,28 +13841,32 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
13512
13841
|
"error-messages": $setup.errorMessages
|
|
13513
13842
|
}), {
|
|
13514
13843
|
default: withCtx(({ id: inputId }) => [
|
|
13515
|
-
createElementVNode("div", _hoisted_1$
|
|
13516
|
-
$setup.
|
|
13517
|
-
|
|
13518
|
-
|
|
13519
|
-
|
|
13520
|
-
|
|
13521
|
-
|
|
13522
|
-
|
|
13523
|
-
|
|
13524
|
-
|
|
13525
|
-
|
|
13526
|
-
|
|
13527
|
-
|
|
13528
|
-
|
|
13529
|
-
|
|
13530
|
-
|
|
13531
|
-
|
|
13532
|
-
|
|
13844
|
+
createElementVNode("div", _hoisted_1$6, [
|
|
13845
|
+
$setup.props.control === "value" ? (openBlock(), createBlock($setup["OnyxSliderControl"], {
|
|
13846
|
+
key: 0,
|
|
13847
|
+
control: "value",
|
|
13848
|
+
"model-value": $setup.props.min
|
|
13849
|
+
}, null, 8, ["model-value"])) : createCommentVNode("v-if", true),
|
|
13850
|
+
$setup.props.control === "icon" && $setup.props.mode === "single" ? (openBlock(), createBlock($setup["OnyxSliderControl"], {
|
|
13851
|
+
key: 1,
|
|
13852
|
+
control: "icon",
|
|
13853
|
+
direction: "decrease",
|
|
13854
|
+
"shift-step": $setup.shiftStep,
|
|
13855
|
+
"model-value": $setup.normalizedValues[0],
|
|
13856
|
+
disabled: $setup.disabled || ($setup.normalizedValues[0] ?? $setup.props.min) <= $setup.props.min,
|
|
13857
|
+
"onUpdate:modelValue": $setup.handleSliderIconControlChange
|
|
13858
|
+
}, null, 8, ["shift-step", "model-value", "disabled"])) : createCommentVNode("v-if", true),
|
|
13859
|
+
$setup.props.control === "input" && $setup.props.mode === "range" ? (openBlock(), createBlock($setup["OnyxSliderControl"], {
|
|
13860
|
+
key: 2,
|
|
13861
|
+
control: "input",
|
|
13862
|
+
disabled: $setup.disabled,
|
|
13863
|
+
"model-value": $setup.normalizedValues[0] ?? 0,
|
|
13864
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = (value) => $setup.handleSliderInputControlChange(0, value))
|
|
13865
|
+
}, null, 8, ["disabled", "model-value"])) : createCommentVNode("v-if", true),
|
|
13533
13866
|
createElementVNode(
|
|
13534
13867
|
"span",
|
|
13535
13868
|
mergeProps({ class: "onyx-slider__root" }, $setup.root, {
|
|
13536
|
-
onTouchstartPassive: _cache[
|
|
13869
|
+
onTouchstartPassive: _cache[1] || (_cache[1] = (...args) => $setup.root.onTouchstart && $setup.root.onTouchstart(...args))
|
|
13537
13870
|
}),
|
|
13538
13871
|
[
|
|
13539
13872
|
createElementVNode(
|
|
@@ -13622,7 +13955,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
13622
13955
|
disabled: $setup.disabled,
|
|
13623
13956
|
"aria-label": $setup.props.label || inputId,
|
|
13624
13957
|
autofocus: $setup.props.autofocus && index === 0
|
|
13625
|
-
}), null, 16,
|
|
13958
|
+
}), null, 16, _hoisted_2$5), [
|
|
13626
13959
|
[$setup["vCustomValidity"]]
|
|
13627
13960
|
])
|
|
13628
13961
|
]),
|
|
@@ -13652,23 +13985,26 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
13652
13985
|
16
|
|
13653
13986
|
/* FULL_PROPS */
|
|
13654
13987
|
),
|
|
13655
|
-
$setup.
|
|
13656
|
-
|
|
13657
|
-
|
|
13658
|
-
|
|
13659
|
-
|
|
13660
|
-
|
|
13661
|
-
|
|
13662
|
-
|
|
13663
|
-
|
|
13664
|
-
|
|
13665
|
-
|
|
13666
|
-
|
|
13667
|
-
|
|
13668
|
-
|
|
13669
|
-
|
|
13670
|
-
|
|
13671
|
-
|
|
13988
|
+
$setup.props.control === "value" ? (openBlock(), createBlock($setup["OnyxSliderControl"], {
|
|
13989
|
+
key: 3,
|
|
13990
|
+
control: "value",
|
|
13991
|
+
"model-value": $setup.props.max
|
|
13992
|
+
}, null, 8, ["model-value"])) : createCommentVNode("v-if", true),
|
|
13993
|
+
$setup.props.control === "icon" && $setup.props.mode === "single" ? (openBlock(), createBlock($setup["OnyxSliderControl"], {
|
|
13994
|
+
key: 4,
|
|
13995
|
+
control: "icon",
|
|
13996
|
+
direction: "increase",
|
|
13997
|
+
"shift-step": $setup.shiftStep,
|
|
13998
|
+
"model-value": $setup.normalizedValues[0],
|
|
13999
|
+
"onUpdate:modelValue": $setup.handleSliderIconControlChange
|
|
14000
|
+
}, null, 8, ["shift-step", "model-value"])) : createCommentVNode("v-if", true),
|
|
14001
|
+
$setup.props.control === "input" ? (openBlock(), createBlock($setup["OnyxSliderControl"], {
|
|
14002
|
+
key: 5,
|
|
14003
|
+
control: "input",
|
|
14004
|
+
disabled: $setup.disabled,
|
|
14005
|
+
"model-value": $setup.normalizedValues[1] ?? $setup.normalizedValues[0] ?? 0,
|
|
14006
|
+
"onUpdate:modelValue": _cache[2] || (_cache[2] = (value) => $setup.handleSliderInputControlChange($setup.props.mode === "range" ? 1 : 0, value))
|
|
14007
|
+
}, null, 8, ["disabled", "model-value"])) : createCommentVNode("v-if", true)
|
|
13672
14008
|
])
|
|
13673
14009
|
]),
|
|
13674
14010
|
_: 1
|
|
@@ -13679,238 +14015,9 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
13679
14015
|
/* CLASS */
|
|
13680
14016
|
));
|
|
13681
14017
|
}
|
|
13682
|
-
const OnyxSlider = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
13683
|
-
const SLIDER_CONTROLS = ["icon", "value", "input"];
|
|
14018
|
+
const OnyxSlider = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxSlider/OnyxSlider.vue"]]);
|
|
13684
14019
|
const SLIDER_MODES = ["single", "range"];
|
|
13685
|
-
const
|
|
13686
|
-
...{ inheritAttrs: false },
|
|
13687
|
-
__name: "OnyxStepper",
|
|
13688
|
-
props: {
|
|
13689
|
-
disabled: { type: [Boolean, Symbol], required: false, default: FORM_INJECTED_SYMBOL },
|
|
13690
|
-
showError: { type: null, required: false, default: FORM_INJECTED_SYMBOL },
|
|
13691
|
-
requiredMarker: { type: null, required: false },
|
|
13692
|
-
required: { type: Boolean, required: false },
|
|
13693
|
-
density: { type: null, required: false },
|
|
13694
|
-
error: { type: [String, Object], required: false },
|
|
13695
|
-
autofocus: { type: Boolean, required: false },
|
|
13696
|
-
id: { type: String, required: false },
|
|
13697
|
-
name: { type: String, required: false },
|
|
13698
|
-
label: { type: String, required: true },
|
|
13699
|
-
labelTooltip: { type: String, required: false },
|
|
13700
|
-
hideLabel: { type: Boolean, required: false },
|
|
13701
|
-
readonly: { type: Boolean, required: false, default: false },
|
|
13702
|
-
loading: { type: Boolean, required: false, default: false },
|
|
13703
|
-
skeleton: { type: [Symbol, Boolean, Number], required: false, default: SKELETON_INJECTED_SYMBOL },
|
|
13704
|
-
message: { type: [String, Object], required: false },
|
|
13705
|
-
success: { type: [String, Object], required: false },
|
|
13706
|
-
placeholder: { type: String, required: false },
|
|
13707
|
-
min: { type: Number, required: false },
|
|
13708
|
-
max: { type: Number, required: false },
|
|
13709
|
-
stepSize: { type: Number, required: false, default: 1 },
|
|
13710
|
-
precision: { type: Number, required: false },
|
|
13711
|
-
validStepSize: { type: Number, required: false },
|
|
13712
|
-
autocomplete: { type: null, required: false },
|
|
13713
|
-
hideButtons: { type: Boolean, required: false, default: false },
|
|
13714
|
-
formatNumber: { type: [Boolean, Function], required: false },
|
|
13715
|
-
modelValue: { type: null, required: false }
|
|
13716
|
-
},
|
|
13717
|
-
emits: ["validityChange", "update:modelValue"],
|
|
13718
|
-
setup(__props, { expose: __expose, emit: __emit }) {
|
|
13719
|
-
const props = __props;
|
|
13720
|
-
const emit = __emit;
|
|
13721
|
-
const { t, locale } = injectI18n();
|
|
13722
|
-
const input2 = useTemplateRef("inputRef");
|
|
13723
|
-
const { disabled, showError } = useFormContext(props);
|
|
13724
|
-
const skeleton = useSkeletonContext(props);
|
|
13725
|
-
const errorClass = useErrorClass(showError);
|
|
13726
|
-
const { densityClass } = useDensity(props);
|
|
13727
|
-
const { vCustomValidity, errorMessages } = useFormElementError({ props, emit });
|
|
13728
|
-
const successMessages = computed(() => getFormMessages(props.success));
|
|
13729
|
-
const messages = computed(() => getFormMessages(props.message));
|
|
13730
|
-
const formElementProps = useForwardProps(props, OnyxFormElement);
|
|
13731
|
-
const { rootAttrs, restAttrs } = useRootAttrs();
|
|
13732
|
-
const wasTouched = ref(false);
|
|
13733
|
-
const modelValue = useVModel({
|
|
13734
|
-
props,
|
|
13735
|
-
emit,
|
|
13736
|
-
key: "modelValue"
|
|
13737
|
-
});
|
|
13738
|
-
const inputValue = ref();
|
|
13739
|
-
const displayValue = computed(() => getDisplayValue.value(modelValue.value));
|
|
13740
|
-
const getFormattedValue = computed(() => {
|
|
13741
|
-
return (value) => {
|
|
13742
|
-
if (props.precision !== void 0 && value != void 0) {
|
|
13743
|
-
return roundToPrecision(value, props.precision);
|
|
13744
|
-
} else {
|
|
13745
|
-
return value?.toString() ?? "";
|
|
13746
|
-
}
|
|
13747
|
-
};
|
|
13748
|
-
});
|
|
13749
|
-
const getDisplayValue = computed(() => {
|
|
13750
|
-
return (value) => {
|
|
13751
|
-
if (value == void 0 || Number.isNaN(value)) return "";
|
|
13752
|
-
if (props.formatNumber) {
|
|
13753
|
-
if (typeof props.formatNumber === "boolean") {
|
|
13754
|
-
if (props.precision) {
|
|
13755
|
-
return value.toLocaleString(locale.value, {
|
|
13756
|
-
minimumFractionDigits: props.precision,
|
|
13757
|
-
maximumFractionDigits: props.precision
|
|
13758
|
-
});
|
|
13759
|
-
}
|
|
13760
|
-
return value.toLocaleString(locale.value);
|
|
13761
|
-
} else {
|
|
13762
|
-
return props.formatNumber(value);
|
|
13763
|
-
}
|
|
13764
|
-
}
|
|
13765
|
-
if (props.precision) {
|
|
13766
|
-
return roundToPrecision(value, props.precision);
|
|
13767
|
-
}
|
|
13768
|
-
return String(value);
|
|
13769
|
-
};
|
|
13770
|
-
});
|
|
13771
|
-
watchEffect(() => {
|
|
13772
|
-
inputValue.value = getFormattedValue.value(modelValue.value);
|
|
13773
|
-
});
|
|
13774
|
-
const handleClick = (direction) => {
|
|
13775
|
-
wasTouched.value = true;
|
|
13776
|
-
const currentValue = modelValue.value || 0;
|
|
13777
|
-
const stepValue = (direction === "stepUp" ? 1 : -1) * props.stepSize;
|
|
13778
|
-
const newValue = parseFloat(getFormattedValue.value(currentValue + stepValue));
|
|
13779
|
-
modelValue.value = applyLimits(newValue, props.min, props.max);
|
|
13780
|
-
};
|
|
13781
|
-
const handleChange = () => {
|
|
13782
|
-
wasTouched.value = true;
|
|
13783
|
-
if (inputValue.value == void 0) {
|
|
13784
|
-
modelValue.value = void 0;
|
|
13785
|
-
return;
|
|
13786
|
-
}
|
|
13787
|
-
inputValue.value = getFormattedValue.value(parseFloat(inputValue.value));
|
|
13788
|
-
modelValue.value = parseFloat(inputValue.value);
|
|
13789
|
-
};
|
|
13790
|
-
const incrementLabel = computed(() => t.value("stepper.increment", { stepSize: props.stepSize }));
|
|
13791
|
-
const decrementLabel = computed(() => t.value("stepper.decrement", { stepSize: props.stepSize }));
|
|
13792
|
-
__expose({ input: input2 });
|
|
13793
|
-
useAutofocus(input2, props);
|
|
13794
|
-
const __returned__ = { props, emit, t, locale, input: input2, disabled, showError, skeleton, errorClass, densityClass, vCustomValidity, errorMessages, successMessages, messages, formElementProps, rootAttrs, restAttrs, wasTouched, modelValue, inputValue, displayValue, getFormattedValue, getDisplayValue, handleClick, handleChange, incrementLabel, decrementLabel, get iconMinus() {
|
|
13795
|
-
return iconMinus;
|
|
13796
|
-
}, get iconPlus() {
|
|
13797
|
-
return iconPlus;
|
|
13798
|
-
}, OnyxFormElement, OnyxIcon, OnyxLoadingIndicator, OnyxSkeleton };
|
|
13799
|
-
Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
|
|
13800
|
-
return __returned__;
|
|
13801
|
-
}
|
|
13802
|
-
});
|
|
13803
|
-
const _hoisted_1$6 = { class: "onyx-stepper__wrapper" };
|
|
13804
|
-
const _hoisted_2$5 = ["disabled", "aria-label"];
|
|
13805
|
-
const _hoisted_3$4 = ["id", "aria-label", "autofocus", "disabled", "min", "max", "name", "placeholder", "readonly", "required", "step", "title"];
|
|
13806
|
-
const _hoisted_4$4 = {
|
|
13807
|
-
class: "onyx-stepper__display",
|
|
13808
|
-
"aria-hidden": "true"
|
|
13809
|
-
};
|
|
13810
|
-
const _hoisted_5$4 = ["disabled", "aria-label"];
|
|
13811
|
-
function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
|
|
13812
|
-
return $setup.skeleton ? (openBlock(), createElementBlock(
|
|
13813
|
-
"div",
|
|
13814
|
-
mergeProps({
|
|
13815
|
-
key: 0,
|
|
13816
|
-
class: ["onyx-component", "onyx-stepper-skeleton", $setup.densityClass]
|
|
13817
|
-
}, $setup.rootAttrs),
|
|
13818
|
-
[
|
|
13819
|
-
!$setup.props.hideLabel ? (openBlock(), createBlock($setup["OnyxSkeleton"], {
|
|
13820
|
-
key: 0,
|
|
13821
|
-
class: "onyx-stepper-skeleton__label"
|
|
13822
|
-
})) : createCommentVNode("v-if", true),
|
|
13823
|
-
createVNode($setup["OnyxSkeleton"], { class: "onyx-stepper-skeleton__input" })
|
|
13824
|
-
],
|
|
13825
|
-
16
|
|
13826
|
-
/* FULL_PROPS */
|
|
13827
|
-
)) : (openBlock(), createElementBlock(
|
|
13828
|
-
"div",
|
|
13829
|
-
mergeProps({
|
|
13830
|
-
key: 1,
|
|
13831
|
-
class: ["onyx-component", "onyx-stepper", $setup.densityClass, $setup.errorClass]
|
|
13832
|
-
}, $setup.rootAttrs),
|
|
13833
|
-
[
|
|
13834
|
-
createVNode($setup["OnyxFormElement"], mergeProps($setup.formElementProps, {
|
|
13835
|
-
message: $setup.messages,
|
|
13836
|
-
"success-messages": $setup.successMessages,
|
|
13837
|
-
"error-messages": $setup.errorMessages
|
|
13838
|
-
}), {
|
|
13839
|
-
default: withCtx(({ id: inputId }) => [
|
|
13840
|
-
createElementVNode("div", _hoisted_1$6, [
|
|
13841
|
-
!$setup.props.hideButtons ? (openBlock(), createElementBlock("button", {
|
|
13842
|
-
key: 0,
|
|
13843
|
-
type: "button",
|
|
13844
|
-
class: "onyx-stepper__counter",
|
|
13845
|
-
disabled: $setup.disabled || $props.readonly || $setup.props.loading || $setup.props.min !== void 0 && $setup.modelValue !== void 0 && $setup.modelValue !== null && $setup.modelValue <= $setup.props.min,
|
|
13846
|
-
"aria-label": $setup.decrementLabel,
|
|
13847
|
-
tabindex: "-1",
|
|
13848
|
-
onClick: _cache[0] || (_cache[0] = ($event) => $setup.handleClick("stepDown"))
|
|
13849
|
-
}, [
|
|
13850
|
-
createVNode($setup["OnyxIcon"], { icon: $setup.iconMinus }, null, 8, ["icon"])
|
|
13851
|
-
], 8, _hoisted_2$5)) : createCommentVNode("v-if", true),
|
|
13852
|
-
$setup.props.loading ? (openBlock(), createBlock($setup["OnyxLoadingIndicator"], {
|
|
13853
|
-
key: 1,
|
|
13854
|
-
class: "onyx-stepper__loading",
|
|
13855
|
-
type: "circle"
|
|
13856
|
-
})) : withDirectives((openBlock(), createElementBlock("input", mergeProps({
|
|
13857
|
-
key: 2,
|
|
13858
|
-
id: inputId,
|
|
13859
|
-
ref: "inputRef",
|
|
13860
|
-
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $setup.inputValue = $event),
|
|
13861
|
-
class: ["onyx-stepper__native", { "onyx-stepper__native--touched": $setup.wasTouched }],
|
|
13862
|
-
type: "number",
|
|
13863
|
-
"aria-label": $setup.props.label,
|
|
13864
|
-
autofocus: $setup.props.autofocus,
|
|
13865
|
-
disabled: $setup.disabled || $setup.props.loading,
|
|
13866
|
-
min: $setup.props.min,
|
|
13867
|
-
max: $setup.props.max,
|
|
13868
|
-
name: $setup.props.name,
|
|
13869
|
-
placeholder: $setup.props.placeholder,
|
|
13870
|
-
readonly: $setup.props.readonly,
|
|
13871
|
-
required: $setup.props.required,
|
|
13872
|
-
step: $setup.props.validStepSize ?? "any",
|
|
13873
|
-
title: $setup.props.hideLabel ? $setup.props.label : void 0
|
|
13874
|
-
}, $setup.restAttrs, {
|
|
13875
|
-
onChange: $setup.handleChange,
|
|
13876
|
-
onFocusin: _cache[2] || (_cache[2] = (e) => e.target?.select()),
|
|
13877
|
-
onKeydown: [
|
|
13878
|
-
_cache[3] || (_cache[3] = withKeys(withModifiers(($event) => $setup.handleClick("stepUp"), ["prevent"]), ["up"])),
|
|
13879
|
-
_cache[4] || (_cache[4] = withKeys(withModifiers(($event) => $setup.handleClick("stepDown"), ["prevent"]), ["down"]))
|
|
13880
|
-
]
|
|
13881
|
-
}), null, 16, _hoisted_3$4)), [
|
|
13882
|
-
[vModelText, $setup.inputValue],
|
|
13883
|
-
[$setup["vCustomValidity"]]
|
|
13884
|
-
]),
|
|
13885
|
-
createElementVNode(
|
|
13886
|
-
"p",
|
|
13887
|
-
_hoisted_4$4,
|
|
13888
|
-
toDisplayString($setup.displayValue),
|
|
13889
|
-
1
|
|
13890
|
-
/* TEXT */
|
|
13891
|
-
),
|
|
13892
|
-
!$setup.props.hideButtons ? (openBlock(), createElementBlock("button", {
|
|
13893
|
-
key: 3,
|
|
13894
|
-
type: "button",
|
|
13895
|
-
class: "onyx-stepper__counter",
|
|
13896
|
-
disabled: $setup.disabled || $props.readonly || $setup.props.loading || $setup.props.max !== void 0 && $setup.modelValue !== void 0 && $setup.modelValue !== null && $setup.modelValue >= $setup.props.max,
|
|
13897
|
-
"aria-label": $setup.incrementLabel,
|
|
13898
|
-
tabindex: "-1",
|
|
13899
|
-
onClick: _cache[5] || (_cache[5] = ($event) => $setup.handleClick("stepUp"))
|
|
13900
|
-
}, [
|
|
13901
|
-
createVNode($setup["OnyxIcon"], { icon: $setup.iconPlus }, null, 8, ["icon"])
|
|
13902
|
-
], 8, _hoisted_5$4)) : createCommentVNode("v-if", true)
|
|
13903
|
-
])
|
|
13904
|
-
]),
|
|
13905
|
-
_: 1
|
|
13906
|
-
/* STABLE */
|
|
13907
|
-
}, 16, ["message", "success-messages", "error-messages"])
|
|
13908
|
-
],
|
|
13909
|
-
16
|
|
13910
|
-
/* FULL_PROPS */
|
|
13911
|
-
));
|
|
13912
|
-
}
|
|
13913
|
-
const OnyxStepper = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxStepper/OnyxStepper.vue"]]);
|
|
14020
|
+
const SLIDER_CONTROLS = ["icon", "value", "input"];
|
|
13914
14021
|
const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
13915
14022
|
...{ inheritAttrs: false },
|
|
13916
14023
|
__name: "OnyxSwitch",
|
|
@@ -15559,6 +15666,7 @@ export {
|
|
|
15559
15666
|
OnyxCodeTab as OnyxUnstableCodeTab,
|
|
15560
15667
|
OnyxCodeTabs as OnyxUnstableCodeTabs,
|
|
15561
15668
|
OnyxSlider as OnyxUnstableSlider,
|
|
15669
|
+
OnyxSliderControl as OnyxUnstableSliderControl,
|
|
15562
15670
|
OnyxUserMenu,
|
|
15563
15671
|
OnyxVisuallyHidden,
|
|
15564
15672
|
PROGRESS_ITEM_STATUS,
|