agnostic-vue
Version:
AgnosticUI (Vue)
1,443 lines (1,442 loc) • 150 kB
JavaScript
var __defProp = Object.defineProperty;
var __defProps = Object.defineProperties;
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
for (var prop in b || (b = {}))
if (__hasOwnProp.call(b, prop))
__defNormalProp(a, prop, b[prop]);
if (__getOwnPropSymbols)
for (var prop of __getOwnPropSymbols(b)) {
if (__propIsEnum.call(b, prop))
__defNormalProp(a, prop, b[prop]);
}
return a;
};
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
var __objRest = (source, exclude) => {
var target = {};
for (var prop in source)
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
target[prop] = source[prop];
if (source != null && __getOwnPropSymbols)
for (var prop of __getOwnPropSymbols(source)) {
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
target[prop] = source[prop];
}
return target;
};
import { defineComponent, useCssModule, computed, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createCommentVNode, createElementVNode, Fragment, renderList, toDisplayString, createBlock, resolveDynamicComponent, withCtx, ref, onMounted, onUnmounted, Teleport, nextTick, createTextVNode, createVNode, useSlots, mergeProps, withModifiers, watch, normalizeStyle } from "vue";
const alert = "_alert_250wc_2";
var style0$u = {
"alert-base": "_alert-base_250wc_2",
alert,
"alert-end": "_alert-end_250wc_11",
"alert-skin": "_alert-skin_250wc_15",
"alert-icon": "_alert-icon_250wc_21",
"alert-border-top": "_alert-border-top_250wc_29",
"alert-border-left": "_alert-border-left_250wc_33",
"alert-border-bottom": "_alert-border-bottom_250wc_37",
"alert-border-right": "_alert-border-right_250wc_41",
"alert-border-all": "_alert-border-all_250wc_45",
"alert-rounded": "_alert-rounded_250wc_49",
"alert-dark": "_alert-dark_250wc_53",
"alert-warning": "_alert-warning_250wc_63",
"alert-warning-icon": "_alert-warning-icon_250wc_68",
"alert-info": "_alert-info_250wc_96",
"alert-info-icon": "_alert-info-icon_250wc_101",
"alert-error": "_alert-error_250wc_129",
"alert-error-icon": "_alert-error-icon_250wc_134",
"alert-success": "_alert-success_250wc_162",
"alert-success-icon": "_alert-success-icon_250wc_167",
"alert-toast-shadow": "_alert-toast-shadow_250wc_199",
"fade-in": "_fade-in_250wc_203",
"slide-up": "_slide-up_250wc_207",
"slide-up-fade-in": "_slide-up-fade-in_250wc_215"
};
var _export_sfc$1 = (sfc, props) => {
const target = sfc.__vccOpts || sfc;
for (const [key, val] of props) {
target[key] = val;
}
return target;
};
const _hoisted_1$k = ["aria-atomic", "aria-live"];
const _sfc_main$y = /* @__PURE__ */ defineComponent({
props: {
type: { default: "" },
isBorderAll: { type: Boolean },
isBorderTop: { type: Boolean },
isBorderBottom: { type: Boolean },
isBorderLeft: { type: Boolean },
isBorderRight: { type: Boolean },
isRounded: { type: Boolean },
isBlockEnd: { type: Boolean },
isAnimationFadeIn: { type: Boolean },
isAnimationSlideUp: { type: Boolean },
isToast: { type: Boolean }
},
emits: ["input", "update:modelValue"],
setup(__props) {
const props = __props;
const styles = useCssModule();
const ariaAtomicValue = computed(() => {
if (props.isToast) {
return true;
}
return void 0;
});
const ariaLiveValue = computed(() => {
let ariaLiveValue2;
if (props.isToast && props.type === "error") {
ariaLiveValue2 = "assertive";
} else if (props.isToast) {
ariaLiveValue2 = "polite";
} else {
ariaLiveValue2 = void 0;
}
return ariaLiveValue2;
});
computed(() => {
return props.type ? [styles[`alert-${props.type}-icon`], styles["alert-icon"]].join(" ") : styles["alert-icon"];
});
const alertClasses = computed(() => {
let typeClass;
switch (props.type) {
case "warning":
typeClass = "alert-warning";
break;
case "dark":
typeClass = "alert-dark";
break;
case "error":
typeClass = "alert-error";
break;
case "info":
typeClass = "alert-info";
break;
case "success":
typeClass = "alert-success";
break;
default:
typeClass = "";
}
return {
[styles["fade-in"]]: props.isAnimationFadeIn && !props.isAnimationSlideUp,
[styles["slide-up"]]: props.isAnimationSlideUp && !props.isAnimationFadeIn,
[styles["slide-up-fade-in"]]: props.isAnimationSlideUp && props.isAnimationFadeIn,
[styles["alert"]]: true,
[styles[typeClass]]: typeClass.length,
[styles["alert-rounded"]]: props.isRounded,
[styles["alert-border-all"]]: props.isBorderAll,
[styles["alert-border-left"]]: props.isBorderLeft,
[styles["alert-border-right"]]: props.isBorderRight,
[styles["alert-border-top"]]: props.isBorderTop,
[styles["alert-toast-shadow"]]: props.isToast,
[styles["alert-border-bottom"]]: props.isBorderBottom,
[styles["alert-end"]]: props.isBlockEnd
};
});
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", {
class: normalizeClass(unref(alertClasses)),
role: "alert",
"aria-atomic": unref(ariaAtomicValue),
"aria-live": unref(ariaLiveValue)
}, [
renderSlot(_ctx.$slots, "icon"),
renderSlot(_ctx.$slots, "default")
], 10, _hoisted_1$k);
};
}
});
const cssModules$v = {
"$style": style0$u
};
var AgAlert = /* @__PURE__ */ _export_sfc$1(_sfc_main$y, [["__cssModules", cssModules$v]]);
const avatar$1 = "_avatar_iey7j_2";
var style0$t = {
avatar: avatar$1,
"avatar-base": "_avatar-base_iey7j_3",
"avatar-skin": "_avatar-skin_iey7j_12",
"avatar-square": "_avatar-square_iey7j_20",
"avatar-rounded": "_avatar-rounded_iey7j_24",
"avatar-small": "_avatar-small_iey7j_28",
"avatar-large": "_avatar-large_iey7j_34",
"avatar-xlarge": "_avatar-xlarge_iey7j_39",
"avatar-image": "_avatar-image_iey7j_49",
"avatar-info": "_avatar-info_iey7j_55",
"avatar-warning": "_avatar-warning_iey7j_60",
"avatar-success": "_avatar-success_iey7j_65",
"avatar-error": "_avatar-error_iey7j_70",
"avatar-transparent": "_avatar-transparent_iey7j_76",
"avatar-group": "_avatar-group_iey7j_80"
};
const _hoisted_1$j = ["data-text"];
const _hoisted_2$c = ["src"];
const _sfc_main$x = /* @__PURE__ */ defineComponent({
props: {
isSkinned: { type: Boolean, default: true },
isRounded: { type: Boolean },
isSquare: { type: Boolean },
isTransparent: { type: Boolean },
imgUrl: null,
text: null,
size: { default: "" },
type: { default: "" }
},
setup(__props) {
const props = __props;
const styles = useCssModule();
const avatarImage = computed(() => ({
[styles["avatar-image"]]: true
}));
const avatarClasses = computed(() => ({
[styles["avatar"]]: !!props.isSkinned,
[styles["avatar-base"]]: !props.isSkinned,
[styles["avatar-square"]]: !!props.isSquare,
[styles["avatar-rounded"]]: !!props.isRounded,
[styles["avatar-transparent"]]: !!props.isTransparent,
[styles[`avatar-${props.type}`]]: !!props.type,
[styles[`avatar-${props.size}`]]: !!props.size
}));
return (_ctx, _cache) => {
return openBlock(), createElementBlock("span", {
class: normalizeClass(unref(avatarClasses)),
"data-text": __props.text || null
}, [
__props.imgUrl ? (openBlock(), createElementBlock("img", {
key: 0,
src: __props.imgUrl,
class: normalizeClass(unref(avatarImage)),
alt: ""
}, null, 10, _hoisted_2$c)) : createCommentVNode("", true),
renderSlot(_ctx.$slots, "default")
], 10, _hoisted_1$j);
};
}
});
const cssModules$u = {
"$style": style0$t
};
var Avatar = /* @__PURE__ */ _export_sfc$1(_sfc_main$x, [["__cssModules", cssModules$u]]);
const avatar = "_avatar_iey7j_2";
var style0$s = {
avatar,
"avatar-base": "_avatar-base_iey7j_3",
"avatar-skin": "_avatar-skin_iey7j_12",
"avatar-square": "_avatar-square_iey7j_20",
"avatar-rounded": "_avatar-rounded_iey7j_24",
"avatar-small": "_avatar-small_iey7j_28",
"avatar-large": "_avatar-large_iey7j_34",
"avatar-xlarge": "_avatar-xlarge_iey7j_39",
"avatar-image": "_avatar-image_iey7j_49",
"avatar-info": "_avatar-info_iey7j_55",
"avatar-warning": "_avatar-warning_iey7j_60",
"avatar-success": "_avatar-success_iey7j_65",
"avatar-error": "_avatar-error_iey7j_70",
"avatar-transparent": "_avatar-transparent_iey7j_76",
"avatar-group": "_avatar-group_iey7j_80"
};
const _sfc_main$w = {};
function _sfc_render$1(_ctx, _cache) {
return openBlock(), createElementBlock("div", {
class: normalizeClass(_ctx.$style["avatar-group"])
}, [
renderSlot(_ctx.$slots, "default")
], 2);
}
const cssModules$t = {
"$style": style0$s
};
var AvatarGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$w, [["render", _sfc_render$1], ["__cssModules", cssModules$t]]);
const breadcrumb = "_breadcrumb_1iwh0_2";
var style0$r = {
breadcrumb,
"breadcrumb-item": "_breadcrumb-item_1iwh0_10",
"breadcrumb-slash": "_breadcrumb-slash_1iwh0_20",
"breadcrumb-arrow": "_breadcrumb-arrow_1iwh0_24",
"breadcrumb-bullet": "_breadcrumb-bullet_1iwh0_28"
};
const _hoisted_1$i = { "aria-label": "breadcrumbs" };
const _hoisted_2$b = {
key: 0,
href: "{route.url}"
};
const _hoisted_3$8 = { key: 1 };
const _sfc_main$v = /* @__PURE__ */ defineComponent({
props: {
routes: null,
type: { default: "" }
},
setup(__props) {
const props = __props;
const styles = useCssModule();
const breadcrumbClasses = computed(() => ({
[styles.breadcrumb]: true,
[styles[`breadcrumb-${props.type}`]]: !!props.type
}));
const isLast = (crumbRoutes, idx) => {
return idx === crumbRoutes.length - 1;
};
const crumbClasses = (index) => {
const isLastCrumb = isLast(props.routes, index);
return {
[styles["breadcrumb-item"]]: true,
[styles.active]: isLastCrumb
};
};
return (_ctx, _cache) => {
return openBlock(), createElementBlock("nav", _hoisted_1$i, [
createElementVNode("ol", {
class: normalizeClass(unref(breadcrumbClasses))
}, [
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.routes, (route, index) => {
return openBlock(), createElementBlock("li", {
key: index,
class: normalizeClass(crumbClasses(index))
}, [
index !== __props.routes.length - 1 && route.url ? (openBlock(), createElementBlock("a", _hoisted_2$b, toDisplayString(route.label), 1)) : (openBlock(), createElementBlock("span", _hoisted_3$8, toDisplayString(route.label), 1))
], 2);
}), 128))
], 2)
]);
};
}
});
const cssModules$s = {
"$style": style0$r
};
var Breadcrumb = /* @__PURE__ */ _export_sfc$1(_sfc_main$v, [["__cssModules", cssModules$s]]);
const btn = "_btn_15lj7_2";
const disabled$2 = "_disabled_15lj7_86";
var style0$q = {
"btn-base": "_btn-base_15lj7_2",
btn,
"btn-skin": "_btn-skin_15lj7_29",
disabled: disabled$2,
"btn-primary": "_btn-primary_15lj7_107",
"btn-bordered": "_btn-bordered_15lj7_114",
"btn-secondary": "_btn-secondary_15lj7_128",
"btn-large": "_btn-large_15lj7_161",
"btn-small": "_btn-small_15lj7_168",
"btn-rounded": "_btn-rounded_15lj7_178",
"btn-pill": "_btn-pill_15lj7_182",
"btn-circle": "_btn-circle_15lj7_191",
"btn-circle-large": "_btn-circle-large_15lj7_198",
"btn-circle-small": "_btn-circle-small_15lj7_204",
"btn-block": "_btn-block_15lj7_213",
"btn-block-following": "_btn-block-following_15lj7_219",
"btn-grouped": "_btn-grouped_15lj7_223",
"btn-capsule": "_btn-capsule_15lj7_238",
"btn-link": "_btn-link_15lj7_257",
"btn-blank": "_btn-blank_15lj7_257"
};
const _sfc_main$u = /* @__PURE__ */ defineComponent({
props: {
mode: null,
isDisabled: { type: Boolean },
isBlank: { type: Boolean },
isLink: { type: Boolean },
isBlock: { type: Boolean },
isCapsule: { type: Boolean },
isBordered: { type: Boolean },
isGrouped: { type: Boolean },
isCircle: { type: Boolean },
isRounded: { type: Boolean },
isSkinned: { type: Boolean, default: true },
type: { default: "button" },
size: { default: "" },
css: { default: "" }
},
emits: ["click"],
setup(__props, { emit }) {
const props = __props;
const styles = useCssModule();
const currentComponentType = computed(() => {
return props.type === "faux" ? "div" : "button";
});
const isButtonDisabled = computed(() => {
return props.isDisabled ? true : void 0;
});
const classes = computed(() => {
return {
[styles.btn]: props.isSkinned,
[styles["btn-base"]]: !props.isSkinned,
[styles["disabled"]]: props.isDisabled,
[styles["btn-bordered"]]: props.isBordered,
[styles["btn-capsule"]]: props.isCapsule,
[styles["btn-grouped"]]: props.isGrouped,
[styles["btn-blank"]]: props.isBlank,
[styles["btn-link"]]: props.isLink,
[styles["btn-block"]]: props.isBlock,
[styles["btn-rounded"]]: props.isRounded,
[styles["btn-circle"]]: props.isCircle,
[styles["btn-primary"]]: props.mode === "primary",
[styles["btn-secondary"]]: props.mode === "secondary",
[`${props.css}`]: !!props.css,
[styles[`btn-${props.size}`]]: props.size
};
});
return (_ctx, _cache) => {
return openBlock(), createBlock(resolveDynamicComponent(unref(currentComponentType)), {
type: __props.type === "faux" ? false : __props.type,
class: normalizeClass(unref(classes)),
disabled: unref(isButtonDisabled),
onClick: _cache[0] || (_cache[0] = ($event) => emit("click", $event))
}, {
default: withCtx(() => [
renderSlot(_ctx.$slots, "default")
]),
_: 3
}, 8, ["type", "class", "disabled"]);
};
}
});
const cssModules$r = {
"$style": style0$q
};
var Button = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["__cssModules", cssModules$r]]);
var style0$p = {
"btn-group": "_btn-group_qv83c_6"
};
const _hoisted_1$h = ["aria-label"];
const _sfc_main$t = /* @__PURE__ */ defineComponent({
props: {
ariaLabel: null,
css: { default: "" }
},
setup(__props) {
const props = __props;
const styles = useCssModule();
const classes = computed(() => {
return {
[styles["btn-group"]]: true,
[`${props.css}`]: props.css
};
});
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", {
class: normalizeClass(unref(classes)),
role: "group",
"aria-label": __props.ariaLabel
}, [
renderSlot(_ctx.$slots, "default")
], 10, _hoisted_1$h);
};
}
});
const cssModules$q = {
"$style": style0$p
};
var ButtonGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["__cssModules", cssModules$q]]);
const card = "_card_j09fi_8";
var style0$o = {
card,
"card-base": "_card-base_j09fi_9",
"card-border": "_card-border_j09fi_18",
"card-rounded": "_card-rounded_j09fi_22",
"card-shadow": "_card-shadow_j09fi_26",
"card-animated": "_card-animated_j09fi_53",
"card-stacked": "_card-stacked_j09fi_85",
"card-success": "_card-success_j09fi_89",
"card-info": "_card-info_j09fi_94",
"card-error": "_card-error_j09fi_99",
"card-warning": "_card-warning_j09fi_104"
};
const _sfc_main$s = /* @__PURE__ */ defineComponent({
props: {
css: { default: "" },
type: { default: "" },
isSkinned: { type: Boolean, default: true },
isAnimated: { type: Boolean },
isStacked: { type: Boolean },
isShadow: { type: Boolean },
isBorder: { type: Boolean },
isRounded: { type: Boolean }
},
setup(__props) {
const props = __props;
const styles = useCssModule();
const classes = computed(() => ({
[styles.card]: props.isSkinned,
[styles["card-base"]]: !props.isSkinned,
[styles["card-animated"]]: props.isAnimated,
[styles["card-rounded"]]: props.isRounded,
[styles["card-border"]]: props.isBorder,
[styles["card-shadow"]]: props.isShadow,
[styles["card-stacked"]]: props.isStacked,
[styles[`card-${props.type}`]]: !!props.type,
[`${props.css}`]: !!props.css
}));
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", {
class: normalizeClass(unref(classes))
}, [
renderSlot(_ctx.$slots, "default")
], 2);
};
}
});
const cssModules$p = {
"$style": style0$o
};
var Card = /* @__PURE__ */ _export_sfc$1(_sfc_main$s, [["__cssModules", cssModules$p]]);
const checkbox = "_checkbox_sruek_8";
const radio = "_radio_sruek_9";
var style0$n = {
"checkbox-group": "_checkbox-group_sruek_8",
"radio-group": "_radio-group_sruek_9",
"checkbox-group-large": "_checkbox-group-large_sruek_18",
"radio-group-large": "_radio-group-large_sruek_19",
"checkbox-legend": "_checkbox-legend_sruek_24",
"radio-legend": "_radio-legend_sruek_25",
checkbox,
radio,
"checkbox-small": "_checkbox-small_sruek_40",
"radio-small": "_radio-small_sruek_41",
"checkbox-large": "_checkbox-large_sruek_46",
"radio-large": "_radio-large_sruek_47",
"checkbox-label-wrap": "_checkbox-label-wrap_sruek_52",
"radio-label-wrap": "_radio-label-wrap_sruek_53",
"checkbox-label-wrap-inline": "_checkbox-label-wrap-inline_sruek_60",
"radio-label-wrap-inline": "_radio-label-wrap-inline_sruek_61",
"checkbox-label-copy": "_checkbox-label-copy_sruek_71",
"radio-label-copy": "_radio-label-copy_sruek_72",
"checkbox-label": "_checkbox-label_sruek_52",
"radio-label": "_radio-label_sruek_53",
"checkbox-label-copy-small": "_checkbox-label-copy-small_sruek_81",
"radio-label-copy-small": "_radio-label-copy-small_sruek_82",
"checkbox-label-copy-large": "_checkbox-label-copy-large_sruek_86",
"radio-label-copy-large": "_radio-label-copy-large_sruek_87",
"checkbox-label-small": "_checkbox-label-small_sruek_143",
"radio-label-small": "_radio-label-small_sruek_153",
"checkbox-label-large": "_checkbox-label-large_sruek_158",
"radio-label-large": "_radio-label-large_sruek_167",
"checkbox-group-hidden": "_checkbox-group-hidden_sruek_204",
"radio-group-hidden": "_radio-group-hidden_sruek_205",
"choice-input-error": "_choice-input-error_sruek_233"
};
const _hoisted_1$g = ["id", "type", "name", "value", "disabled", "checked"];
const _sfc_main$r = /* @__PURE__ */ defineComponent({
props: {
id: null,
options: null,
legendLabel: null,
isDisabled: { type: Boolean },
isFieldset: { type: Boolean, default: true },
isInvalid: { type: Boolean },
isInline: { type: Boolean },
disabledOptions: null,
checkedOptions: null,
css: { default: "" },
isSkinned: { type: Boolean, default: true },
type: { default: "checkbox" },
size: { default: "" }
},
emits: ["change"],
setup(__props, { emit }) {
var _a;
const props = __props;
const styles = useCssModule();
let mutableCheckedOptions = Array.from((_a = props.checkedOptions) != null ? _a : []);
const choiceType = computed(() => {
return props.type;
});
const inputClasses = computed(() => {
return {
[styles[`${props.type}`]]: props.type,
[styles[`${props.type}-${props.size}`]]: !!props.size
};
});
const fieldsetClasses = computed(() => {
const overrides = props.css;
const skin = props.isSkinned ? styles[`${props.type}-group`] : "";
const sizeSkin = props.isSkinned && props.size === "large" ? styles[`${props.type}-group-${props.size}`] : "";
return {
[skin]: true,
[sizeSkin]: true,
[overrides]: overrides,
[styles[`${props.type}-group-hidden`]]: props.isFieldset === false
};
});
const labelSpanCopyClasses = computed(() => {
return {
[styles[`${props.type}-label-copy`]]: props.type,
[styles[`${props.type}-label-copy-${props.size}`]]: props.size,
[styles["choice-input-error"]]: props.isInvalid
};
});
const labelSpanClasses = computed(() => {
return {
[styles[`${props.type}-label`]]: props.type,
[styles[`${props.type}-label-${props.size}`]]: !!props.size,
[styles["choice-input-error"]]: props.isInvalid
};
});
const legendClasses = computed(() => {
let skin = props.isSkinned ? styles[`${props.type}-legend`] : "";
return {
[skin]: true,
["screenreader-only"]: props.isFieldset === false
};
});
const getId = (index, option) => {
return `${props.id}-${option.name}-${index}`;
};
const isChoiceInputPrechecked = (optionValue) => {
if (mutableCheckedOptions.length) {
if (mutableCheckedOptions.includes(optionValue)) {
return true;
}
}
return false;
};
const isChoiceInputDisabled = (optionValue) => {
if (props.isDisabled) {
return true;
}
if (props.disabledOptions && props.disabledOptions.includes(optionValue)) {
return true;
}
};
const labelClasses = (optionValue) => {
return {
[styles[`${props.type}-label-wrap`]]: props.type,
[styles[`${props.type}-label-wrap-inline`]]: !!props.isInline,
[styles["disabled"]]: isChoiceInputDisabled(optionValue)
};
};
const triggerChange = (e) => {
const checked = e.target.checked;
const value = e.target.value;
if (checked) {
if (!mutableCheckedOptions.includes(value)) {
if (props.type === "radio") {
mutableCheckedOptions = [value];
} else {
mutableCheckedOptions.push(value);
}
}
} else {
const filtered = mutableCheckedOptions.filter((item) => item !== value);
mutableCheckedOptions = filtered;
}
emit("change", mutableCheckedOptions);
};
return (_ctx, _cache) => {
return openBlock(), createElementBlock("fieldset", {
class: normalizeClass(unref(fieldsetClasses))
}, [
createElementVNode("legend", {
class: normalizeClass(unref(legendClasses))
}, toDisplayString(__props.legendLabel), 3),
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option, index) => {
return openBlock(), createElementBlock("label", {
key: index,
class: normalizeClass(labelClasses(option.value))
}, [
createElementVNode("input", {
id: getId(index, option),
class: normalizeClass(unref(inputClasses)),
type: unref(choiceType),
name: option.name,
value: option.value,
disabled: isChoiceInputDisabled(option.value),
checked: isChoiceInputPrechecked(option.value),
onChange: triggerChange
}, null, 42, _hoisted_1$g),
createElementVNode("span", {
class: normalizeClass(unref(labelSpanClasses)),
"aria-hidden": "true"
}, null, 2),
createElementVNode("span", {
class: normalizeClass(unref(labelSpanCopyClasses))
}, toDisplayString(option.label), 3)
], 2);
}), 128))
], 2);
};
}
});
const cssModules$o = {
"$style": style0$n
};
var ChoiceInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$r, [["__cssModules", cssModules$o]]);
const close = "_close_1rynh_2";
var style0$m = {
"close-button": "_close-button_1rynh_2",
close,
"close-button-small": "_close-button-small_1rynh_52",
"close-button-large": "_close-button-large_1rynh_57",
"close-button-xlarge": "_close-button-xlarge_1rynh_62"
};
const _hoisted_1$f = /* @__PURE__ */ createElementVNode("path", {
fill: "currentColor",
d: "M.439 21.44a1.5 1.5 0 0 0 2.122 2.121l9.262-9.261a.25.25 0 0 1 .354 0l9.262 9.263a1.5 1.5 0 1 0 2.122-2.121L14.3 12.177a.25.25 0 0 1 0-.354l9.263-9.262A1.5 1.5 0 0 0 21.439.44L12.177 9.7a.25.25 0 0 1-.354 0L2.561.44A1.5 1.5 0 0 0 .439 2.561L9.7 11.823a.25.25 0 0 1 0 .354Z"
}, null, -1);
const _hoisted_2$a = [
_hoisted_1$f
];
const _hoisted_3$7 = /* @__PURE__ */ createElementVNode("path", {
fill: "currentColor",
d: "M.439 21.44a1.5 1.5 0 0 0 2.122 2.121l9.262-9.261a.25.25 0 0 1 .354 0l9.262 9.263a1.5 1.5 0 1 0 2.122-2.121L14.3 12.177a.25.25 0 0 1 0-.354l9.263-9.262A1.5 1.5 0 0 0 21.439.44L12.177 9.7a.25.25 0 0 1-.354 0L2.561.44A1.5 1.5 0 0 0 .439 2.561L9.7 11.823a.25.25 0 0 1 0 .354Z"
}, null, -1);
const _hoisted_4$5 = [
_hoisted_3$7
];
const _sfc_main$q = /* @__PURE__ */ defineComponent({
props: {
size: null,
isFaux: { type: Boolean }
},
emits: ["click"],
setup(__props, { emit }) {
const props = __props;
const styles = useCssModule();
const closeClasses = computed(() => {
return {
[styles["close"]]: true
};
});
const closeButtonClasses = computed(() => {
return {
[styles["close-button"]]: true,
[styles[`close-button-${props.size}`]]: !!props.size
};
});
return (_ctx, _cache) => {
return __props.isFaux ? (openBlock(), createElementBlock("div", {
key: 0,
class: normalizeClass(unref(closeButtonClasses))
}, [
(openBlock(), createElementBlock("svg", {
class: normalizeClass(unref(closeClasses)),
viewBox: "0 0 24 24",
"aria-hidden": "true"
}, _hoisted_2$a, 2))
], 2)) : (openBlock(), createElementBlock("button", {
key: 1,
class: normalizeClass(unref(closeButtonClasses)),
"aria-label": "Close",
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
}, [
(openBlock(), createElementBlock("svg", {
class: normalizeClass(unref(closeClasses)),
viewBox: "0 0 24 24",
"aria-hidden": "true"
}, _hoisted_4$5, 2))
], 2));
};
}
});
const cssModules$n = {
"$style": style0$m
};
var Close = /* @__PURE__ */ _export_sfc$1(_sfc_main$q, [["__cssModules", cssModules$n]]);
var focusableSelectors = [
'a[href]:not([tabindex^="-"])',
'area[href]:not([tabindex^="-"])',
'input:not([type="hidden"]):not([type="radio"]):not([disabled]):not([tabindex^="-"])',
'input[type="radio"]:not([disabled]):not([tabindex^="-"])',
'select:not([disabled]):not([tabindex^="-"])',
'textarea:not([disabled]):not([tabindex^="-"])',
'button:not([disabled]):not([tabindex^="-"])',
'iframe:not([tabindex^="-"])',
'audio[controls]:not([tabindex^="-"])',
'video[controls]:not([tabindex^="-"])',
'[contenteditable]:not([tabindex^="-"])',
'[tabindex]:not([tabindex^="-"])'
];
var TAB_KEY = 9;
var ESCAPE_KEY = 27;
function A11yDialog$1(element) {
this._show = this.show.bind(this);
this._hide = this.hide.bind(this);
this._maintainFocus = this._maintainFocus.bind(this);
this._bindKeypress = this._bindKeypress.bind(this);
this.$el = element;
this.shown = false;
this._id = this.$el.getAttribute("data-a11y-dialog") || this.$el.id;
this._previouslyFocused = null;
this._listeners = {};
this.create();
}
A11yDialog$1.prototype.create = function() {
this.$el.setAttribute("aria-hidden", true);
this.$el.setAttribute("aria-modal", true);
this.$el.setAttribute("tabindex", -1);
if (!this.$el.hasAttribute("role")) {
this.$el.setAttribute("role", "dialog");
}
this._openers = $$('[data-a11y-dialog-show="' + this._id + '"]');
this._openers.forEach(function(opener) {
opener.addEventListener("click", this._show);
}.bind(this));
this._closers = $$("[data-a11y-dialog-hide]", this.$el).concat($$('[data-a11y-dialog-hide="' + this._id + '"]'));
this._closers.forEach(function(closer) {
closer.addEventListener("click", this._hide);
}.bind(this));
this._fire("create");
return this;
};
A11yDialog$1.prototype.show = function(event) {
if (this.shown) {
return this;
}
this._previouslyFocused = document.activeElement;
this.$el.removeAttribute("aria-hidden");
this.shown = true;
moveFocusToDialog(this.$el);
document.body.addEventListener("focus", this._maintainFocus, true);
document.addEventListener("keydown", this._bindKeypress);
this._fire("show", event);
return this;
};
A11yDialog$1.prototype.hide = function(event) {
if (!this.shown) {
return this;
}
this.shown = false;
this.$el.setAttribute("aria-hidden", "true");
if (this._previouslyFocused && this._previouslyFocused.focus) {
this._previouslyFocused.focus();
}
document.body.removeEventListener("focus", this._maintainFocus, true);
document.removeEventListener("keydown", this._bindKeypress);
this._fire("hide", event);
return this;
};
A11yDialog$1.prototype.destroy = function() {
this.hide();
this._openers.forEach(function(opener) {
opener.removeEventListener("click", this._show);
}.bind(this));
this._closers.forEach(function(closer) {
closer.removeEventListener("click", this._hide);
}.bind(this));
this._fire("destroy");
this._listeners = {};
return this;
};
A11yDialog$1.prototype.on = function(type, handler) {
if (typeof this._listeners[type] === "undefined") {
this._listeners[type] = [];
}
this._listeners[type].push(handler);
return this;
};
A11yDialog$1.prototype.off = function(type, handler) {
var index2 = (this._listeners[type] || []).indexOf(handler);
if (index2 > -1) {
this._listeners[type].splice(index2, 1);
}
return this;
};
A11yDialog$1.prototype._fire = function(type, event) {
var listeners = this._listeners[type] || [];
var domEvent = new CustomEvent(type, { detail: event });
this.$el.dispatchEvent(domEvent);
listeners.forEach(function(listener) {
listener(this.$el, event);
}.bind(this));
};
A11yDialog$1.prototype._bindKeypress = function(event) {
if (!this.$el.contains(document.activeElement))
return;
if (this.shown && event.which === ESCAPE_KEY && this.$el.getAttribute("role") !== "alertdialog") {
event.preventDefault();
this.hide(event);
}
if (this.shown && event.which === TAB_KEY) {
trapTabKey(this.$el, event);
}
};
A11yDialog$1.prototype._maintainFocus = function(event) {
if (this.shown && !event.target.closest('[aria-modal="true"]') && !event.target.closest("[data-a11y-dialog-ignore-focus-trap]")) {
moveFocusToDialog(this.$el);
}
};
function toArray(collection) {
return Array.prototype.slice.call(collection);
}
function $$(selector, context) {
return toArray((context || document).querySelectorAll(selector));
}
function moveFocusToDialog(node) {
var focused = node.querySelector("[autofocus]") || node;
focused.focus();
}
function getFocusableChildren(node) {
return $$(focusableSelectors.join(","), node).filter(function(child) {
return !!(child.offsetWidth || child.offsetHeight || child.getClientRects().length);
});
}
function trapTabKey(node, event) {
var focusableChildren = getFocusableChildren(node);
var focusedItemIndex = focusableChildren.indexOf(document.activeElement);
if (event.shiftKey && focusedItemIndex === 0) {
focusableChildren[focusableChildren.length - 1].focus();
event.preventDefault();
} else if (!event.shiftKey && focusedItemIndex === focusableChildren.length - 1) {
focusableChildren[0].focus();
event.preventDefault();
}
}
function instantiateDialogs() {
$$("[data-a11y-dialog]").forEach(function(node) {
new A11yDialog$1(node);
});
}
if (typeof document !== "undefined") {
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", instantiateDialogs);
} else {
if (window.requestAnimationFrame) {
window.requestAnimationFrame(instantiateDialogs);
} else {
window.setTimeout(instantiateDialogs, 16);
}
}
}
var _export_sfc = (sfc, props) => {
const target = sfc.__vccOpts || sfc;
for (const [key, val] of props) {
target[key] = val;
}
return target;
};
const _sfc_main$p = {
name: "A11yDialog",
props: {
id: {
type: String,
required: true
},
dialogRoot: {
type: String,
default: "body",
required: false
},
classNames: {
type: Object,
default() {
return {
container: "dialog-container",
document: "dialog-content",
overlay: "dialog-overlay",
title: "dialog-title",
closeButton: "dialog-close"
};
}
},
role: {
type: String,
required: false,
default: "dialog",
validator(value) {
return ["dialog", "alertdialog"].includes(value);
}
},
titleId: {
type: String,
default: ""
},
closeButtonLabel: {
type: String,
default: "Close this dialog window"
},
closeButtonPosition: {
type: String,
required: false,
default: "first",
validator(value) {
return ["first", "last", "none"].includes(value);
}
}
},
emits: ["dialog-ref"],
setup(props, { emit }) {
let dialog2;
const rootElement = ref(null);
const portalTarget = computed(() => {
return props.dialogRoot || "body";
});
const fullTitleId = computed(() => {
return props.titleId || `${props.id}-title`;
});
const roleAttribute = computed(() => {
return ["dialog", "alertdialog"].includes(props.role) ? props.role : "dialog";
});
const instantiateDialog = async () => {
await nextTick();
dialog2 = new A11yDialog$1(rootElement.value);
emit("dialog-ref", dialog2);
};
onMounted(() => {
instantiateDialog();
});
const close2 = () => {
dialog2.hide();
};
onUnmounted(() => {
if (dialog2) {
dialog2.destroy();
}
emit("dialog-ref");
});
return {
dialog: dialog2,
close: close2,
portalTarget,
fullTitleId,
roleAttribute,
rootElement
};
}
};
const _hoisted_1$e = ["id", "role", "aria-labelledby"];
const _hoisted_2$9 = ["data-a11y-dialog-hide"];
const _hoisted_3$6 = ["aria-label"];
const _hoisted_4$4 = /* @__PURE__ */ createTextVNode(/* @__PURE__ */ toDisplayString("\xD7"));
const _hoisted_5$3 = ["id"];
const _hoisted_6$2 = ["aria-label"];
const _hoisted_7$2 = /* @__PURE__ */ createTextVNode(/* @__PURE__ */ toDisplayString("\xD7"));
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return openBlock(), createBlock(Teleport, { to: $setup.portalTarget }, [
createElementVNode("div", {
ref: "rootElement",
id: $props.id,
class: normalizeClass($props.classNames.container),
role: $setup.roleAttribute,
"aria-hidden": "true",
"aria-labelledby": $setup.fullTitleId
}, [
createElementVNode("div", {
"data-a11y-dialog-hide": $props.role === "alertdialog" ? void 0 : true,
tabIndex: "-1",
class: normalizeClass($props.classNames.overlay),
onClick: _cache[0] || (_cache[0] = ($event) => $props.role === "alertdialog" ? void 0 : $setup.close)
}, null, 10, _hoisted_2$9),
createElementVNode("div", {
role: "document",
class: normalizeClass($props.classNames.document)
}, [
$props.closeButtonPosition == "first" ? (openBlock(), createElementBlock("button", {
key: 0,
"data-a11y-dialog-hide": "",
type: "button",
"aria-label": $props.closeButtonLabel,
class: normalizeClass($props.classNames.closeButton),
onClick: _cache[1] || (_cache[1] = (...args) => $setup.close && $setup.close(...args))
}, [
renderSlot(_ctx.$slots, "closeButtonContent", {}, () => [
_hoisted_4$4
])
], 10, _hoisted_3$6)) : createCommentVNode("", true),
createElementVNode("p", {
id: $setup.fullTitleId,
class: normalizeClass($props.classNames.title)
}, [
renderSlot(_ctx.$slots, "title")
], 10, _hoisted_5$3),
renderSlot(_ctx.$slots, "default"),
$props.closeButtonPosition == "last" ? (openBlock(), createElementBlock("button", {
key: 1,
"data-a11y-dialog-hide": "",
type: "button",
"aria-label": $props.closeButtonLabel,
class: normalizeClass($props.classNames.closeButton),
onClick: _cache[2] || (_cache[2] = (...args) => $setup.close && $setup.close(...args))
}, [
renderSlot(_ctx.$slots, "closeButtonContent", {}, () => [
_hoisted_7$2
])
], 10, _hoisted_6$2)) : createCommentVNode("", true)
], 2)
], 10, _hoisted_1$e)
], 8, ["to"]);
}
var A11yDialog = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render]]);
var Dialog_vue_vue_type_style_index_0_lang = "";
const dialog = "_dialog_hu244_2";
var style1 = {
dialog,
"dialog-overlay": "_dialog-overlay_hu244_3",
"fade-in": "_fade-in_hu244_1",
"dialog-content": "_dialog-content_hu244_25",
"dialog-fade-in": "_dialog-fade-in_hu244_36",
"dialog-slide-up": "_dialog-slide-up_hu244_40",
"slide-up": "_slide-up_hu244_1",
"dialog-slide-up-fade-in": "_dialog-slide-up-fade-in_hu244_48",
"dialog-close": "_dialog-close_hu244_73",
"drawer-start": "_drawer-start_hu244_102",
"drawer-end": "_drawer-end_hu244_110",
"drawer-top": "_drawer-top_hu244_118",
"drawer-bottom": "_drawer-bottom_hu244_127",
"drawer-content": "_drawer-content_hu244_136"
};
const _hoisted_1$d = /* @__PURE__ */ createTextVNode(" Close ");
const _sfc_main$o = /* @__PURE__ */ defineComponent({
props: {
id: null,
dialogRoot: null,
classNames: null,
role: { default: "dialog" },
titleId: null,
closeButtonLabel: { default: "Close this dialog window" },
closeButtonPosition: { default: "first" },
isAnimationFadeIn: { type: Boolean, default: false },
isAnimationSlideUp: { type: Boolean, default: false },
drawerPlacement: null
},
emits: ["instance"],
setup(__props, { emit }) {
const props = __props;
const styles = useCssModule();
const assignDialogRef = (instance) => {
emit("instance", instance);
};
const getClassNames = () => {
const { classNames, drawerPlacement, isAnimationFadeIn, isAnimationSlideUp } = props;
const documentClasses = {
[styles["dialog-content"]]: true,
[styles["dialog-slide-up-fade-in"]]: isAnimationFadeIn && isAnimationSlideUp,
[styles["dialog-slide-up"]]: !isAnimationFadeIn && isAnimationSlideUp,
[styles["dialog-fade-in"]]: isAnimationFadeIn && !isAnimationSlideUp,
[styles["drawer-content"]]: drawerPlacement == null ? void 0 : drawerPlacement.length
};
const containerClasses = {
[styles.dialog]: true,
[styles[`drawer-${drawerPlacement}`]]: drawerPlacement
};
const defaultClassNames = {
container: containerClasses,
overlay: styles["dialog-overlay"],
document: documentClasses,
title: "h4 mbe16",
closeButton: `${styles["dialog-close"]} dialog-close-button`
};
return __spreadValues(__spreadValues({}, defaultClassNames), classNames);
};
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(A11yDialog), {
id: __props.id,
"dialog-root": __props.dialogRoot,
"close-button-label": __props.closeButtonLabel,
"close-button-position": __props.closeButtonPosition,
"title-id": __props.titleId,
"class-names": getClassNames(),
role: __props.role,
onDialogRef: assignDialogRef
}, {
closeButtonContent: withCtx(() => [
renderSlot(_ctx.$slots, "closeButtonContent", {}, () => [
createVNode(Close, {
"is-faux": "",
size: "large"
}, {
default: withCtx(() => [
_hoisted_1$d
]),
_: 1
})
])
]),
title: withCtx(() => [
renderSlot(_ctx.$slots, "title")
]),
default: withCtx(() => [
renderSlot(_ctx.$slots, "default")
]),
_: 3
}, 8, ["id", "dialog-root", "close-button-label", "close-button-position", "title-id", "class-names", "role"]);
};
}
});
const cssModules$m = {
"$style": style1
};
var Dialog = /* @__PURE__ */ _export_sfc$1(_sfc_main$o, [["__cssModules", cssModules$m]]);
const disclose = "_disclose_10tok_2";
var style0$l = {
disclose,
"disclose-title": "_disclose-title_10tok_11",
"disclose-panel": "_disclose-panel_10tok_23",
"disclose-bordered": "_disclose-bordered_10tok_38",
"disclose-bg": "_disclose-bg_10tok_42"
};
const _hoisted_1$c = ["open"];
const _sfc_main$n = /* @__PURE__ */ defineComponent({
props: {
title: null,
isOpen: { type: Boolean },
isBackground: { type: Boolean },
isBordered: { type: Boolean }
},
setup(__props) {
const props = __props;
const styles = useCssModule();
const discloseClasses = computed(() => {
return {
[styles["disclose"]]: true,
[styles[`disclose-bg`]]: !!props.isBackground,
[styles[`disclose-bordered`]]: !!props.isBordered
};
});
return (_ctx, _cache) => {
return openBlock(), createElementBlock("details", {
class: normalizeClass(unref(discloseClasses)),
open: __props.isOpen
}, [
createElementVNode("summary", {
class: normalizeClass(unref(styles)["disclose-title"])
}, toDisplayString(__props.title), 3),
createElementVNode("div", {
class: normalizeClass(unref(styles)["disclose-panel"])
}, [
renderSlot(_ctx.$slots, "default")
], 2)
], 10, _hoisted_1$c);
};
}
});
const cssModules$l = {
"$style": style0$l
};
var Disclose = /* @__PURE__ */ _export_sfc$1(_sfc_main$n, [["__cssModules", cssModules$l]]);
const divider = "_divider_1yopj_2";
var style0$k = {
divider,
"divider-small": "_divider-small_1yopj_18",
"divider-large": "_divider-large_1yopj_23",
"divider-xlarge": "_divider-xlarge_1yopj_28",
"divider-justify-end": "_divider-justify-end_1yopj_33",
"divider-justify-start": "_divider-justify-start_1yopj_34",
"divider-content": "_divider-content_1yopj_39",
"divider-vertical": "_divider-vertical_1yopj_44",
"divider-warning": "_divider-warning_1yopj_81",
"divider-error": "_divider-error_1yopj_90",
"divider-success": "_divider-success_1yopj_99",
"divider-info": "_divider-info_1yopj_108"
};
const _sfc_main$m = /* @__PURE__ */ defineComponent({
props: {
isVertical: { type: Boolean },
justify: { default: "" },
size: { default: "" },
type: { default: "" }
},
setup(__props) {
const props = __props;
const styles = useCssModule();
const slots = useSlots();
const dividerClasses = computed(() => {
return {
[styles["divider"]]: true,
[styles["divider-vertical"]]: !!props.isVertical,
[styles[`divider-justify-${props.justify}`]]: !!props.justify,
[styles[`divider-${props.size}`]]: !!props.size,
[styles[`divider-${props.type}`]]: !!props.type
};
});
const hasDividerContentSlot = () => {
return !!slots.dividerContent;
};
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", {
role: "separator",
class: normalizeClass(unref(dividerClasses)),
"aria-orientation": "horizontal"
}, [
hasDividerContentSlot() ? (openBlock(), createElementBlock("div", {
key: 0,
class: normalizeClass(_ctx.$style["divider-content"])
}, [
renderSlot(_ctx.$slots, "dividerContent")
], 2)) : createCommentVNode("", true)
], 2);
};
}
});
const cssModules$k = {
"$style": style0$k
};
var Divider = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["__cssModules", cssModules$k]]);
const _sfc_main$l = /* @__PURE__ */ defineComponent({
props: {
id: null,
drawerRoot: null,
placement: null,
title: { default: "" },
role: { default: "dialog" },
isAnimationFadeIn: { type: Boolean, default: true }
},
emits: ["instance"],
setup(__props, { emit }) {
const assignDrawerRef = (instance) => {
emit("instance", instance);
};
return (_ctx, _cache) => {
return openBlock(), createBlock(Dialog, {
id: __props.id,
"dialog-root": __props.drawerRoot,
"drawer-placement": __props.placement,
"title-id": `${__props.title.replaceAll(" ", "-").toLowerCase()}-id`,
role: __props.role,
onInstance: assignDrawerRef,
"close-button-label": "Close drawer",
"is-animation-fade-in": __props.isAnimationFadeIn
}, {
title: withCtx(({ title }) => [
createTextVNode(toDisplayString(title), 1)
]),
default: withCtx(() => [
renderSlot(_ctx.$slots, "default")
]),
_: 3
}, 8, ["id", "dialog-root", "drawer-placement", "title-id", "role", "is-animation-fade-in"]);
};
}
});
const empty = "_empty_aem89_2";
var style0$j = {
"empty-base": "_empty-base_aem89_2",
empty,
"empty-bordered": "_empty-bordered_aem89_16",
"empty-rounded": "_empty-rounded_aem89_21",
"empty-actions": "_empty-actions_aem89_25"
};
const _sfc_main$k = /* @__PURE__ */ defineComponent({
props: {
isBordered: { type: Boolean },
isRounded: { type: Boolean }
},
setup(__props) {
const props = __props;
const styles = useCssModule();
const emptyActionsClasses = computed(() => ({
[styles["empty-actions"]]: true
}));
const emptyClasses = computed(() => ({
[styles["empty"]]: true,
[styles["empty-rounded"]]: !!props.isRounded,
[styles["empty-bordered"]]: !!props.isBordered
}));
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", {
class: normalizeClass(unref(emptyClasses))
}, [
renderSlot(_ctx.$slots, "header"),
renderSlot(_ctx.$slots, "body"),
createElementVNode("div", {
class: normalizeClass(unref(emptyActionsClasses))
}, [
renderSlot(_ctx.$slots, "footer")
], 2)
], 2);
};
}
});
const cssModules$j = {
"$style": style0$j
};
var EmptyState = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["__cssModules", cssModules$j]]);
const header = "_header_1k0hl_2";
var style0$i = {
header,
"header-base": "_header-base_1k0hl_3",
"header-skin": "_header-skin_1k0hl_14",
"header-content": "_header-content_1k0hl_28",
"header-sticky": "_header-sticky_1k0hl_54",
"header-content-start": "_header-content-start_1k0hl_70",
"header-content-end": "_header-content-end_1k0hl_74"
};
const _sfc_main$j = /* @__PURE__ */ defineComponent({
props: {
css: { default: "" },
isSkinned: { type: Boolean, default: true },
isSticky: { type: Boolean },
isHeaderContentStart: { type: Boolean },
isHeaderContentEnd: { type: Boolean }
},
setup(__props) {
const props = __props;
const styles = useCssModule();
const classes = computed(() => ({
[styles.header]: props.isSkinned,
[styles["header-base"]]: !props.isSkinned,
[styles["header-sticky"]]: props.isSticky,
[`${props.css}`]: !!props.css
}));
const headerContentClasses = computed(() => ({
[styles["header-content"]]: true,
[styles["header-content-start"]]: props.isHeaderContentStart,
[styles["header-content-end"]]: props.isHeaderContentEnd
}));
return (_ctx, _cache) => {
return openBlock(), createElementBlock("nav", {
class: normalizeClass(unref(classes))
}, [
createElementVNode("div", {
class: normalizeClass(unref(headerContentClasses))
}, [
renderSlot(_ctx.$slots, "logoleft"),
renderSlot(_ctx.$slots, "headernav"),
renderSlot(_ctx.$slots, "logoright")
], 2)
], 2);
};
}
});
const cssModules$i = {
"$style": style0$i
};
var Header = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["__cssModules", cssModules$i]]);
var style0$h = {
"header-nav": "_header-nav_yf3gw_3"
};
const _sfc_main$i = /* @__PURE__ */ defineComponent({
props: {
css: { default: "" }
},
setup(__props) {
const props = __props;
const styles = useCssModule();
const classes = computed(() => ({
[styles["header-nav"]]: true,
[`${props.css}`]: !!props.css
}));
return (_ctx, _cache) => {
return openBlock(), createElementBlock("nav", {
class: normalizeClass([__props.css ? __props.css : ""])
}, [
createElementVNode("ul", {
class: normalizeClass(unref(classes))
}, [
renderSlot(_ctx.$slots, "default")
], 2)
], 2);
};
}
});
const cssModules$h = {
"$style": style0$h
};
var HeaderNav = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["__cssModules", cssModules$h]]);
var style0$g = {
"header-nav-item": "_header-nav-item_1k5ky_2"
};
const _sfc_main$h = /* @__PURE__ */ defineComponent({
props: {
css: { default: "" }
},
setup(__props) {
const props = __props;
const styles = useCssModule();
const classes = computed(() => ({
[styles["header-nav-item"]]: true,
[`${props.css}`]: !!props.css