@shopware-ag/meteor-component-library
Version:
The meteor component library is a Vue component library developed by Shopware. It is based on the [Meteor Design System](https://shopware.design/).
556 lines (555 loc) • 18.7 kB
JavaScript
import '../index.css';
import { default as default2, default as default3 } from "./MtDatepicker.js";
import { default as default4, default as default5 } from "./MtBanner.js";
import { default as default6 } from "./MtBadge.js";
import { default as default7, default as default8 } from "./MtLoader.js";
import { default as default9, default as default10 } from "./MtProgressBar.js";
import { default as default11, default as default12 } from "./MtButton.js";
import { default as default13 } from "./MtChart.js";
import { default as default14, default as default15 } from "./MtCheckbox.js";
import { default as default16 } from "./MtRadioGroupRoot.js";
import { default as default17 } from "./MtRadioGroupIndicator.js";
import { default as default18 } from "./MtRadioGroupList.js";
import { default as default19 } from "./MtRadioGroupItem.js";
import { _ } from "../mt-radio-group-custom-item.vue_vue_type_script_setup_true_lang-e511f9b2.mjs";
import { default as default20, default as default21 } from "./MtColorpicker.js";
import { default as default22, default as default23 } from "./MtEmailField.js";
import { default as default24 } from "./MtHelpText.js";
import { default as default25 } from "./MtLink.js";
import { default as default26, default as default27 } from "./MtNumberField.js";
import { default as default28, default as default29 } from "./MtPasswordField.js";
import { default as default30, default as default31 } from "./MtSelect.js";
import { default as default32 } from "./MtSlider.js";
import { _ as _2, _ as _3 } from "../mt-switch.vue_vue_type_style_index_0_lang-e05ec27a.mjs";
import { default as default33, default as default34 } from "./MtTextField.js";
import { default as default35, default as default36 } from "./MtTextarea.js";
import { _ as _4, _ as _5 } from "../mt-icon.vue_vue_type_style_index_0_lang-2cc5f73e.mjs";
import { default as default37, default as default38 } from "./MtCard.js";
import { default as default39 } from "./MtEmptyState.js";
import { default as default40, default as default41 } from "./MtTabs.js";
import { default as default42, default as default43 } from "./MtDataTable.js";
import { default as default44, default as default45 } from "./MtPagination.js";
import { default as default46, default as default47 } from "./MtSkeletonBar.js";
import { default as default48 } from "./MtToast.js";
import { m, u } from "../mt-snackbar-9786f84c.mjs";
import { default as default49 } from "./MtAvatar.js";
import { default as default50 } from "./MtPromoBadge.js";
import { default as default51 } from "./MtPopover.js";
import { default as default52 } from "./MtPopoverItem.js";
import { M } from "../mt-popover-item-result-c0214b39.mjs";
import { _ as _6 } from "../mt-floating-ui.vue_vue_type_style_index_0_lang-c9aba54c.mjs";
import { default as default53 } from "./MtModal.js";
import { default as default54 } from "./MtModalRoot.js";
import { _ as _7 } from "../mt-modal-close.vue_vue_type_script_setup_true_lang-15d65d8b.mjs";
import { _ as _8 } from "../mt-modal-trigger.vue_vue_type_script_setup_true_lang-60b19ac9.mjs";
import { _ as _9 } from "../mt-modal-action.vue_vue_type_script_setup_true_lang-cb0038ce.mjs";
import { default as default55 } from "./MtText.js";
import { default as default56 } from "./MtInset.js";
import { _ as _10 } from "../mt-theme-provider.vue_vue_type_script_setup_true_lang-818639ad.mjs";
import { v } from "../tooltip.directive-a5042569.mjs";
import { d as debounce } from "../debounce-b18437e2.mjs";
import { default as default57 } from "./MtTooltip.js";
import { default as default58 } from "./MtTextEditor.js";
import { default as default59 } from "./MtTextEditorToolbarButton.js";
import { default as default60 } from "./MtSearch.js";
import { default as default61 } from "./MtUrlField.js";
import { _ as _11 } from "../mt-unit-field.vue_vue_type_script_setup_true_lang-0c86124e.mjs";
import { _ as _12 } from "../mt-entity-data-table.vue_vue_type_style_index_0_lang-87fbf891.mjs";
import { _ as _13 } from "../mt-entity-select.vue_vue_type_script_setup_true_lang-46a1d81b.mjs";
import { i as injectDropdownMenuRootContext } from "../mt-action-menu.vue_vue_type_style_index_0_lang-386a44ed.mjs";
import { _ as _14, D } from "../mt-action-menu.vue_vue_type_style_index_0_lang-386a44ed.mjs";
import { M as MenuAnchor_default } from "../mt-action-menu-item-982cf55b.mjs";
import { m as m2 } from "../mt-action-menu-item-982cf55b.mjs";
import { _ as _15 } from "../mt-action-menu-group.vue_vue_type_style_index_0_lang-e651312e.mjs";
import { defineComponent, unref, openBlock, createBlock, Teleport, renderSlot, createCommentVNode, normalizeProps, guardReactiveProps, withCtx, isRef, onMounted, createVNode, nextTick, withKeys } from "vue";
import { u as useMounted, a as useVModel, b as useForwardExpose, P as Primitive } from "../Primitive-bb21d4ce.mjs";
import { M as MenuSub_default, u as useId } from "../MenuSub-7ab99f3b.mjs";
import "./MtFieldLabel.js";
import "./MtInheritanceSwitch.js";
import "vue-i18n";
import "../_plugin-vue_export-helper-cc2b3d55.mjs";
import "./MtFieldError.js";
import "../useFutureFlags-2be3e179.mjs";
import "../useIsInsideTooltip-0c3bd290.mjs";
import "../object-e11d5dd3.mjs";
import "../index-c0f92ea5.mjs";
import "../index-221bad05.mjs";
import "../mt-base-field-7a978dcf.mjs";
import "./MtFieldCopyable.js";
import "../id-1e5b8276.mjs";
import "../useId-90f9ff46.mjs";
import "../focus-trap.esm-3b050c4a.mjs";
import "./MtFieldAffix.js";
import "./MtSelectBase.js";
import "./MtSelectResultList.js";
import "./MtPopoverDeprecated.js";
import "../provideInjectKeys-47aad241.mjs";
import "./MtSelectResult.js";
import "./MtSelectSelectionList.js";
import "../mt-label.vue_vue_type_style_index_0_lang-13843d32.mjs";
import "./MtColorBadge.js";
import "../mt-highlight-text.vue_vue_type_style_index_0_lang-550f3bfe.mjs";
import "../mt-context-button.vue_vue_type_style_index_0_lang-08ff766e.mjs";
import "./MtContextMenuItem.js";
import "./MtPriorityPlusNavigation.js";
import "./MtDataTableSettings.js";
import "./MtDataTableTextRenderer.js";
import "./MtDataTableNumberRenderer.js";
import "./MtDataTableBadgeRenderer.js";
import "./MtDataTablePriceRenderer.js";
import "./MtSegmentedControl.js";
import "./MtDataTableResetFilterButton.js";
import "./MtDataTableFilter.js";
import "./MtToastNotification.js";
import "./MtSnackbarNotification.js";
import "./MtSmoothReflow.js";
import "../_commonjsHelpers-7a77ea84.mjs";
import "../floating-ui.dom-f450fda4.mjs";
import "../useModalContext-3b7570bc.mjs";
import "../floating-ui.vue-fe27ebef.mjs";
import "./MtTextEditorToolbar.js";
import "./MtTextEditorToolbarButtonColor.js";
import "./MtTextEditorToolbarButtonLink.js";
import "./MtTextEditorToolbarButtonTable.js";
import "./MtTextEditorDiffModal.js";
import "./MtUnitSelect.js";
import "./MtUnitSelectResult.js";
import "../useRepository-8f4e50b0.mjs";
function DeviceHelper() {
this.listeners = [];
window.addEventListener("resize", this.resize.bind(this));
}
DeviceHelper.prototype = Object.assign(DeviceHelper.prototype, {
/**
* Resize method which will be fired when the user resizes the browser.
*
* @returns {void}
*/
resize: debounce(function debouncedResize(event) {
this.listeners.forEach((listenerObject) => {
listenerObject.listener.call(listenerObject.scope, event);
});
}, 100),
/**
* Registers an event register for the browser "resize" event.
*
* @param {Function} callback
* @param {Any} scope
* @param {Object} component
* @returns {number}
*/
onResize({ listener, scope, component }) {
if (!scope) {
scope = window;
}
this.listeners.push({ listener, scope, component });
return this.listeners.length - 1;
},
removeResizeListener(component) {
this.listeners = this.listeners.filter(
(listenerObject) => component !== listenerObject.component
);
return true;
},
/**
* Returns the user agent string.
*
* @returns {string}
*/
getUserAgent() {
return window.navigator.userAgent;
},
/**
* Returns the current viewport with in pixels.
* @returns {number}
*/
getViewportWidth() {
return window.innerWidth;
},
/**
* Returns the current viewport height in pixels.
*
* @returns {number}
*/
getViewportHeight() {
return window.innerHeight;
},
/**
* Returns the pixel ratio of the device as a number.
*
* @returns {number}
*/
getDevicePixelRatio() {
return window.devicePixelRatio;
},
/**
* Returns the device screen width in pixels.
*
* @returns {number}
*/
getScreenWidth() {
return window.screen.width;
},
/**
* Returns the device screen height in pixels.
*
* @returns {number}
*/
getScreenHeight() {
return window.screen.height;
},
/**
* Returns information about the screen orientation.
*
* @returns {object}
*/
getScreenOrientation() {
return window.screen.orientation;
},
/**
* Returns the current browser language as a string.
*
* @returns {string}
*/
getBrowserLanguage() {
return window.navigator.language;
},
/**
* Returns the current platform (e.g. "Win32") as a string.
*
* @returns {string}
*/
getPlatform() {
return window.navigator.platform;
},
/**
* Returns the system-key (e.g. "CTRL") as a string depending of the current operating system.
*
* @returns {string}
*/
getSystemKey() {
return this.getPlatform().indexOf("Mac") > -1 ? "CTRL" : "ALT";
}
});
const DeviceHelperPlugin = {
install(app) {
const deviceHelper = new DeviceHelper();
app.config.globalProperties.$device = deviceHelper;
app.mixin({
unmounted() {
this.$device.removeResizeListener(this);
}
});
return true;
}
};
const DeviceHelperPlugin$1 = DeviceHelperPlugin;
var Teleport_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
__name: "Teleport",
props: {
to: {
type: null,
required: false,
default: "body"
},
disabled: {
type: Boolean,
required: false
},
defer: {
type: Boolean,
required: false
},
forceMount: {
type: Boolean,
required: false
}
},
setup(__props) {
const isMounted = useMounted();
return (_ctx, _cache) => {
return unref(isMounted) || _ctx.forceMount ? (openBlock(), createBlock(Teleport, {
key: 0,
to: _ctx.to,
disabled: _ctx.disabled,
defer: _ctx.defer
}, [renderSlot(_ctx.$slots, "default")], 8, [
"to",
"disabled",
"defer"
])) : createCommentVNode("v-if", true);
};
}
});
var Teleport_default = Teleport_vue_vue_type_script_setup_true_lang_default;
var MenuPortal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
__name: "MenuPortal",
props: {
to: {
type: null,
required: false
},
disabled: {
type: Boolean,
required: false
},
defer: {
type: Boolean,
required: false
},
forceMount: {
type: Boolean,
required: false
}
},
setup(__props) {
const props = __props;
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(Teleport_default), normalizeProps(guardReactiveProps(props)), {
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
_: 3
}, 16);
};
}
});
var MenuPortal_default = MenuPortal_vue_vue_type_script_setup_true_lang_default;
var DropdownMenuPortal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
__name: "DropdownMenuPortal",
props: {
to: {
type: null,
required: false
},
disabled: {
type: Boolean,
required: false
},
defer: {
type: Boolean,
required: false
},
forceMount: {
type: Boolean,
required: false
}
},
setup(__props) {
const props = __props;
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(MenuPortal_default), normalizeProps(guardReactiveProps(props)), {
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
_: 3
}, 16);
};
}
});
var DropdownMenuPortal_default = DropdownMenuPortal_vue_vue_type_script_setup_true_lang_default;
var DropdownMenuSub_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
__name: "DropdownMenuSub",
props: {
defaultOpen: {
type: Boolean,
required: false
},
open: {
type: Boolean,
required: false,
default: void 0
}
},
emits: ["update:open"],
setup(__props, { emit: __emit }) {
const props = __props;
const emit = __emit;
const open = useVModel(props, "open", emit, {
passive: props.open === void 0,
defaultValue: props.defaultOpen ?? false
});
useForwardExpose();
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(MenuSub_default), {
open: unref(open),
"onUpdate:open": _cache[0] || (_cache[0] = ($event) => isRef(open) ? open.value = $event : null)
}, {
default: withCtx(() => [renderSlot(_ctx.$slots, "default", { open: unref(open) })]),
_: 3
}, 8, ["open"]);
};
}
});
var DropdownMenuSub_default = DropdownMenuSub_vue_vue_type_script_setup_true_lang_default;
var DropdownMenuTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
__name: "DropdownMenuTrigger",
props: {
disabled: {
type: Boolean,
required: false
},
asChild: {
type: Boolean,
required: false
},
as: {
type: null,
required: false,
default: "button"
}
},
setup(__props) {
const props = __props;
const rootContext = injectDropdownMenuRootContext();
const { forwardRef, currentElement: triggerElement } = useForwardExpose();
onMounted(() => {
rootContext.triggerElement = triggerElement;
});
rootContext.triggerId || (rootContext.triggerId = useId(void 0, "reka-dropdown-menu-trigger"));
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(MenuAnchor_default), { "as-child": "" }, {
default: withCtx(() => [createVNode(unref(Primitive), {
id: unref(rootContext).triggerId,
ref: unref(forwardRef),
type: _ctx.as === "button" ? "button" : void 0,
"as-child": props.asChild,
as: _ctx.as,
"aria-haspopup": "menu",
"aria-expanded": unref(rootContext).open.value,
"aria-controls": unref(rootContext).open.value ? unref(rootContext).contentId : void 0,
"data-disabled": _ctx.disabled ? "" : void 0,
disabled: _ctx.disabled,
"data-state": unref(rootContext).open.value ? "open" : "closed",
onClick: _cache[0] || (_cache[0] = async (event) => {
var _a;
if (!_ctx.disabled && event.button === 0 && event.ctrlKey === false) {
(_a = unref(rootContext)) == null ? void 0 : _a.onOpenToggle();
await nextTick();
if (unref(rootContext).open.value)
event.preventDefault();
}
}),
onKeydown: _cache[1] || (_cache[1] = withKeys((event) => {
if (_ctx.disabled)
return;
if (["Enter", " "].includes(event.key))
unref(rootContext).onOpenToggle();
if (event.key === "ArrowDown")
unref(rootContext).onOpenChange(true);
if ([
"Enter",
" ",
"ArrowDown"
].includes(event.key))
event.preventDefault();
}, [
"enter",
"space",
"arrow-down"
]))
}, {
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
_: 3
}, 8, [
"id",
"type",
"as-child",
"as",
"aria-expanded",
"aria-controls",
"data-disabled",
"disabled",
"data-state"
])]),
_: 3
});
};
}
});
var DropdownMenuTrigger_default = DropdownMenuTrigger_vue_vue_type_script_setup_true_lang_default;
const all = "";
export {
DeviceHelperPlugin$1 as DeviceHelperPlugin,
_14 as MtActionMenu,
_15 as MtActionMenuGroup,
m2 as MtActionMenuItem,
default49 as MtAvatar,
default6 as MtBadge,
default4 as MtBanner,
default11 as MtButton,
default37 as MtCard,
default13 as MtChart,
default14 as MtCheckbox,
default20 as MtColorpicker,
default42 as MtDataTable,
default2 as MtDatepicker,
DropdownMenuPortal_default as MtDropdownMenuPortal,
D as MtDropdownMenuRoot,
DropdownMenuSub_default as MtDropdownMenuSub,
DropdownMenuTrigger_default as MtDropdownMenuTrigger,
default22 as MtEmailField,
default39 as MtEmptyState,
_12 as MtEntityDataTable,
_13 as MtEntitySelect,
_6 as MtFloatingUi,
default24 as MtHelpText,
_4 as MtIcon,
default56 as MtInset,
default25 as MtLink,
default7 as MtLoader,
default53 as MtModal,
_9 as MtModalAction,
_7 as MtModalClose,
default54 as MtModalRoot,
_8 as MtModalTrigger,
default26 as MtNumberField,
default44 as MtPagination,
default28 as MtPasswordField,
default51 as MtPopover,
default52 as MtPopoverItem,
M as MtPopoverItemResult,
default9 as MtProgressBar,
default50 as MtPromoBadge,
_ as MtRadioGroupCustomItem,
default17 as MtRadioGroupIndicator,
default19 as MtRadioGroupItem,
default18 as MtRadioGroupList,
default16 as MtRadioGroupRoot,
default60 as MtSearch,
default30 as MtSelect,
default46 as MtSkeletonBar,
default32 as MtSlider,
m as MtSnackbar,
_2 as MtSwitch,
default40 as MtTabs,
default55 as MtText,
default58 as MtTextEditor,
default59 as MtTextEditorToolbarButton,
default33 as MtTextField,
default35 as MtTextarea,
_10 as MtThemeProvider,
default48 as MtToast,
default57 as MtTooltip,
_11 as MtUnitField,
default61 as MtUrlField,
default5 as SwBanner,
default12 as SwButton,
default38 as SwCard,
default15 as SwCheckbox,
default21 as SwColorpicker,
default43 as SwDataTable,
default3 as SwDatepicker,
default23 as SwEmailField,
_5 as SwIcon,
default8 as SwLoader,
default27 as SwNumberField,
default45 as SwPagination,
default29 as SwPasswordField,
default10 as SwProgressBar,
default31 as SwSelect,
default47 as SwSkeletonBar,
_3 as SwSwitch,
default41 as SwTabs,
default34 as SwTextField,
default36 as SwTextarea,
v as TooltipDirective,
u as useSnackbar
};
//# sourceMappingURL=index.js.map