@nextcloud/vue 8.31.0 → 8.33.0

package/dist/Components/NcAppSettingsSection.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcAppSettingsSection.cjs","sources":["../../src/components/NcAppSettingsSection/NcAppSettingsSection.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<template>\n\t<section :id=\"htmlId\" :aria-labelledby=\"`${htmlId}--label`\" class=\"app-settings-section\">\n\t\t<h3 :id=\"`${htmlId}--label`\" class=\"app-settings-section__name\">\n\t\t\t{{ name }}\n\t\t</h3>\n\t\t<slot />\n\t\t<!-- @slot Optonal icon to for the secion in the navigation -->\n\t\t<slot v-if=\"false\" name=\"icon\" />\n\t</section>\n</template>\n\n<script>\nexport default {\n\tname: 'NcAppSettingsSection',\n\tinject: ['registerSection', 'unregisterSection'],\n\n\tprops: {\n\t\t/**\n\t\t * Name of the section\n\t\t */\n\t\tname: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/**\n\t\t * The id of the section\n\t\t */\n\t\tid: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t\tvalidator(id) {\n\t\t\t\t// Only alphanumeric, dash and underscore\n\t\t\t\treturn /^[a-z0-9\\-_]+$/.test(id)\n\t\t\t},\n\t\t},\n\t},\n\n\tcomputed: {\n\t\t// generate an id for each settingssection based on the name without whitespaces\n\t\thtmlId() {\n\t\t\treturn 'settings-section_' + this.id\n\t\t},\n\t},\n\n\t// Reactive changes for section navigation\n\twatch: {\n\t\tid(newId, oldId) {\n\t\t\tthis.unregisterSection(oldId)\n\t\t\tthis.registerSection(newId, this.name, this.$slots?.icon)\n\t\t},\n\n\t\tname(newName) {\n\t\t\tthis.unregisterSection(this.id)\n\t\t\tthis.registerSection(this.id, newName, this.$slots?.icon)\n\t\t},\n\t},\n\n\tmounted() {\n\t\t// register section for navigation\n\t\tthis.registerSection(this.id, this.name, this.$slots?.icon)\n\t},\n\n\tbeforeDestroy() {\n\t\tthis.unregisterSection(this.id)\n\t},\n}\n\n</script>\n\n<style lang=\"scss\" scoped>\n.app-settings-section {\n\tmargin-bottom: 80px;\n\t&__name {\n\t\tfont-size: 1.6em;\n\t\tmargin: 0;\n\t\tpadding: 20px 0;\n\t\tfont-weight: bold;\n\t\toverflow: hidden;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\t}\n}\n</style>\n"],"names":[],"mappings":";;AAiBA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA,CAAA,mBAAA,mBAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA,IAAA;AAEA,eAAA,iBAAA,KAAA,EAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA;AAAA,IAEA,SAAA;AACA,aAAA,sBAAA,KAAA;AAAA,IACA;AAAA,EACA;AAAA;AAAA,EAGA,OAAA;AAAA,IACA,GAAA,OAAA,OAAA;AACA,WAAA,kBAAA,KAAA;AACA,WAAA,gBAAA,OAAA,KAAA,MAAA,KAAA,QAAA,IAAA;AAAA,IACA;AAAA,IAEA,KAAA,SAAA;AACA,WAAA,kBAAA,KAAA,EAAA;AACA,WAAA,gBAAA,KAAA,IAAA,SAAA,KAAA,QAAA,IAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAEA,SAAA,gBAAA,KAAA,IAAA,KAAA,MAAA,KAAA,QAAA,IAAA;AAAA,EACA;AAAA,EAEA,gBAAA;AACA,SAAA,kBAAA,KAAA,EAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcAppSettingsSection.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/Components/NcAppSettingsSection.mjs

@@ -1,66 +1,5 @@
-import '../assets/NcAppSettingsSection-IzrCzLDw.css';
-import { n as normalizeComponent } from "../chunks/_plugin-vue2_normalizer-DU4iP6Vu.mjs";
-const _sfc_main = {
-  name: "NcAppSettingsSection",
-  inject: ["registerSection", "unregisterSection"],
-  props: {
-    /**
-     * Name of the section
-     */
-    name: {
-      type: String,
-      required: true
-    },
-    /**
-     * The id of the section
-     */
-    id: {
-      type: String,
-      required: true,
-      validator(id) {
-        return /^[a-z0-9\-_]+$/.test(id);
-      }
-    }
-  },
-  computed: {
-    // generate an id for each settingssection based on the name without whitespaces
-    htmlId() {
-      return "settings-section_" + this.id;
-    }
-  },
-  // Reactive changes for section navigation
-  watch: {
-    id(newId, oldId) {
-      this.unregisterSection(oldId);
-      this.registerSection(newId, this.name, this.$slots?.icon);
-    },
-    name(newName) {
-      this.unregisterSection(this.id);
-      this.registerSection(this.id, newName, this.$slots?.icon);
-    }
-  },
-  mounted() {
-    this.registerSection(this.id, this.name, this.$slots?.icon);
-  },
-  beforeDestroy() {
-    this.unregisterSection(this.id);
-  }
-};
-var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _c("section", { staticClass: "app-settings-section", attrs: { "id": _vm.htmlId, "aria-labelledby": `${_vm.htmlId}--label` } }, [_c("h3", { staticClass: "app-settings-section__name", attrs: { "id": `${_vm.htmlId}--label` } }, [_vm._v(" " + _vm._s(_vm.name) + " ")]), _vm._t("default"), _vm._e()], 2);
-};
-var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns,
-  false,
-  null,
-  "b1b2060d"
-);
-const NcAppSettingsSection = __component__.exports;
+import { N } from "../chunks/NcAppSettingsSection-DVrBPuLD.mjs";
 export {
-  NcAppSettingsSection as default
+  N as default
 };
 //# sourceMappingURL=NcAppSettingsSection.mjs.map

package/dist/Components/NcAppSettingsSection.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcAppSettingsSection.mjs","sources":["../../src/components/NcAppSettingsSection/NcAppSettingsSection.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<template>\n\t<section :id=\"htmlId\" :aria-labelledby=\"`${htmlId}--label`\" class=\"app-settings-section\">\n\t\t<h3 :id=\"`${htmlId}--label`\" class=\"app-settings-section__name\">\n\t\t\t{{ name }}\n\t\t</h3>\n\t\t<slot />\n\t\t<!-- @slot Optonal icon to for the secion in the navigation -->\n\t\t<slot v-if=\"false\" name=\"icon\" />\n\t</section>\n</template>\n\n<script>\nexport default {\n\tname: 'NcAppSettingsSection',\n\tinject: ['registerSection', 'unregisterSection'],\n\n\tprops: {\n\t\t/**\n\t\t * Name of the section\n\t\t */\n\t\tname: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/**\n\t\t * The id of the section\n\t\t */\n\t\tid: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t\tvalidator(id) {\n\t\t\t\t// Only alphanumeric, dash and underscore\n\t\t\t\treturn /^[a-z0-9\\-_]+$/.test(id)\n\t\t\t},\n\t\t},\n\t},\n\n\tcomputed: {\n\t\t// generate an id for each settingssection based on the name without whitespaces\n\t\thtmlId() {\n\t\t\treturn 'settings-section_' + this.id\n\t\t},\n\t},\n\n\t// Reactive changes for section navigation\n\twatch: {\n\t\tid(newId, oldId) {\n\t\t\tthis.unregisterSection(oldId)\n\t\t\tthis.registerSection(newId, this.name, this.$slots?.icon)\n\t\t},\n\n\t\tname(newName) {\n\t\t\tthis.unregisterSection(this.id)\n\t\t\tthis.registerSection(this.id, newName, this.$slots?.icon)\n\t\t},\n\t},\n\n\tmounted() {\n\t\t// register section for navigation\n\t\tthis.registerSection(this.id, this.name, this.$slots?.icon)\n\t},\n\n\tbeforeDestroy() {\n\t\tthis.unregisterSection(this.id)\n\t},\n}\n\n</script>\n\n<style lang=\"scss\" scoped>\n.app-settings-section {\n\tmargin-bottom: 80px;\n\t&__name {\n\t\tfont-size: 1.6em;\n\t\tmargin: 0;\n\t\tpadding: 20px 0;\n\t\tfont-weight: bold;\n\t\toverflow: hidden;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\t}\n}\n</style>\n"],"names":[],"mappings":";AAiBA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA,CAAA,mBAAA,mBAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA,IAAA;AAEA,eAAA,iBAAA,KAAA,EAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA;AAAA,IAEA,SAAA;AACA,aAAA,sBAAA,KAAA;AAAA,IACA;AAAA,EACA;AAAA;AAAA,EAGA,OAAA;AAAA,IACA,GAAA,OAAA,OAAA;AACA,WAAA,kBAAA,KAAA;AACA,WAAA,gBAAA,OAAA,KAAA,MAAA,KAAA,QAAA,IAAA;AAAA,IACA;AAAA,IAEA,KAAA,SAAA;AACA,WAAA,kBAAA,KAAA,EAAA;AACA,WAAA,gBAAA,KAAA,IAAA,SAAA,KAAA,QAAA,IAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAEA,SAAA,gBAAA,KAAA,IAAA,KAAA,MAAA,KAAA,QAAA,IAAA;AAAA,EACA;AAAA,EAEA,gBAAA;AACA,SAAA,kBAAA,KAAA,EAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcAppSettingsSection.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/Components/NcAppSettingsSectionShortcuts.cjs

@@ -0,0 +1,4 @@
+"use strict";
+const NcAppSettingsSectionShortcuts = require("../chunks/NcAppSettingsSectionShortcuts-CBYgfYGz.cjs");
+module.exports = NcAppSettingsSectionShortcuts.NcAppSettingsSectionShortcuts;
+//# sourceMappingURL=NcAppSettingsSectionShortcuts.cjs.map

package/dist/Components/NcAppSettingsSectionShortcuts.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcAppSettingsSectionShortcuts.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/Components/NcAppSettingsSectionShortcuts.mjs

@@ -0,0 +1,5 @@
+import { N } from "../chunks/NcAppSettingsSectionShortcuts-CdP-4ktS.mjs";
+export {
+  N as default
+};
+//# sourceMappingURL=NcAppSettingsSectionShortcuts.mjs.map

package/dist/Components/NcAppSettingsSectionShortcuts.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcAppSettingsSectionShortcuts.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/Components/NcAppSidebar.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcAppSidebar = require("../chunks/NcAppSidebar-Cx2ZxU4N.cjs");
+const NcAppSidebar = require("../chunks/NcAppSidebar-DLb6ALHL.cjs");
 module.exports = NcAppSidebar.NcAppSidebar;
 //# sourceMappingURL=NcAppSidebar.cjs.map

package/dist/Components/NcAppSidebar.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppSidebar-Bda_fc-F.mjs";
+import { N } from "../chunks/NcAppSidebar-f7tuofzM.mjs";
 export {
   N as default
 };

package/dist/Components/NcAssistantButton.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcAssistantButton = require("../chunks/NcAssistantButton-zriu0Kiz.cjs");
+const NcAssistantButton = require("../chunks/NcAssistantButton-BMzPE7WA.cjs");
 module.exports = NcAssistantButton.NcAssistantButton;
 //# sourceMappingURL=NcAssistantButton.cjs.map

package/dist/Components/NcAssistantButton.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAssistantButton-Dk28Wilk.mjs";
+import { N } from "../chunks/NcAssistantButton-enexPvoC.mjs";
 export {
   N as default
 };

package/dist/Components/NcAssistantIcon.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcAssistantIcon = require("../chunks/NcAssistantIcon-B-Udgta_.cjs");
+const NcAssistantIcon = require("../chunks/NcAssistantIcon-DfVd2zWt.cjs");
 module.exports = NcAssistantIcon.NcAssistantIcon;
 //# sourceMappingURL=NcAssistantIcon.cjs.map

package/dist/Components/NcAssistantIcon.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAssistantIcon-CtEF1hjA.mjs";
+import { N } from "../chunks/NcAssistantIcon-XwQFzBgA.mjs";
 export {
   N as default
 };

package/dist/Components/NcAvatar.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcAvatar = require("../chunks/NcAvatar-bd-5zXWN.cjs");
+const NcAvatar = require("../chunks/NcAvatar-BwioPrbY.cjs");
 module.exports = NcAvatar.NcAvatar;
 //# sourceMappingURL=NcAvatar.cjs.map

package/dist/Components/NcAvatar.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAvatar-CuYtFEdJ.mjs";
+import { N } from "../chunks/NcAvatar-DwUmx6Fg.mjs";
 export {
   N as default
 };

package/dist/Components/NcBreadcrumb.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcBreadcrumb = require("../chunks/NcBreadcrumb-ChxXdE2m.cjs");
+const NcBreadcrumb = require("../chunks/NcBreadcrumb-B-zWjBNp.cjs");
 module.exports = NcBreadcrumb.NcBreadcrumb;
 //# sourceMappingURL=NcBreadcrumb.cjs.map

package/dist/Components/NcBreadcrumb.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcBreadcrumb-D1106x4x.mjs";
+import { N } from "../chunks/NcBreadcrumb-ljdZbX7p.mjs";
 export {
   N as default
 };

package/dist/Components/NcBreadcrumbs.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcBreadcrumbs = require("../chunks/NcBreadcrumbs-XAvQ1MIp.cjs");
+const NcBreadcrumbs = require("../chunks/NcBreadcrumbs-B6tPEu9b.cjs");
 module.exports = NcBreadcrumbs.NcBreadcrumbs;
 //# sourceMappingURL=NcBreadcrumbs.cjs.map

package/dist/Components/NcBreadcrumbs.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcBreadcrumbs-C9Zo0nca.mjs";
+import { N } from "../chunks/NcBreadcrumbs-D2DtX3XC.mjs";
 export {
   N as default
 };

package/dist/Components/NcButton.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcButton = require("../chunks/NcButton-DOsCAjiE.cjs");
+const NcButton = require("../chunks/NcButton-CJBZrdiL.cjs");
 module.exports = NcButton.NcButton;
 //# sourceMappingURL=NcButton.cjs.map

package/dist/Components/NcButton.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcButton-CWPBzbcC.mjs";
+import { N } from "../chunks/NcButton-DUZTtFhr.mjs";
 export {
   N as default
 };

package/dist/Components/NcCheckboxRadioSwitch.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcCheckboxRadioSwitch = require("../chunks/NcCheckboxRadioSwitch-yVj7slxL.cjs");
+const NcCheckboxRadioSwitch = require("../chunks/NcCheckboxRadioSwitch-wSD3hWxs.cjs");
 module.exports = NcCheckboxRadioSwitch.NcCheckboxRadioSwitch;
 //# sourceMappingURL=NcCheckboxRadioSwitch.cjs.map

package/dist/Components/NcCheckboxRadioSwitch.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcCheckboxRadioSwitch-CLnWsBwK.mjs";
+import { N } from "../chunks/NcCheckboxRadioSwitch-NPJuwzqS.mjs";
 export {
   N as default
 };

package/dist/Components/NcChip.cjs

@@ -1,11 +1,11 @@
-require('../assets/NcChip-Cc17FJEC.css');
+require('../assets/NcChip-ByvuZS2-.css');
 "use strict";
-const mdi = require("../chunks/mdi-BBwE-MZC.cjs");
+const mdi = require("../chunks/mdi-Nhb6SBw8.cjs");
 const Vue = require("vue");
-const NcActionButton = require("../chunks/NcActionButton-CFXzNoFT.cjs");
-const NcActions = require("../chunks/NcActions-B7oXbiVt.cjs");
+const NcActionButton = require("../chunks/NcActionButton-DSq_luox.cjs");
+const NcActions = require("../chunks/NcActions-CF9VxHHD.cjs");
 const NcIconSvgWrapper = require("../chunks/NcIconSvgWrapper-D-aKMbf3.cjs");
-const _l10n = require("../chunks/_l10n-DM-VRK9x.cjs");
+const _l10n = require("../chunks/_l10n-eOBJ3Dwl.cjs");
 const _pluginVue2_normalizer = require("../chunks/_plugin-vue2_normalizer-V0q-tHlQ.cjs");
 _l10n.register(_l10n.t18);
 const _sfc_main = {
@@ -44,7 +44,7 @@ const _sfc_main = {
     type: {
       type: String,
       default: "secondary",
-      validator: (value) => ["primary", "secondary", "tertiary"].includes(value)
+      validator: (value) => ["primary", "secondary", "tertiary", "error", "warning", "success"].includes(value)
     },
     /**
      * SVG path of the icon to use, this takes precedence over `iconSVG`.
@@ -78,7 +78,7 @@ const _sfc_main = {
     variant: {
       type: String,
       default: "secondary",
-      validator: (value) => ["primary", "secondary", "tertiary"].includes(value)
+      validator: (value) => ["primary", "secondary", "tertiary", "error", "warning", "success"].includes(value)
     }
   },
   emits: ["close"],
@@ -115,7 +115,7 @@ var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
   _sfc_staticRenderFns,
   false,
   null,
-  "522528d5"
+  "88e86387"
 );
 const NcChip = __component__.exports;
 module.exports = NcChip;

package/dist/Components/NcChip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcChip.cjs","sources":["../../src/components/NcChip/NcChip.vue"],"sourcesContent":["<!--\n - SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n<docs>\n### Basic usage\n\n```vue\n<template>\n\t<div style=\"display: flex; gap: 8px; flex-wrap: wrap;\">\n\t\t<NcChip text=\"Notes.txt\" />\n\t\t<NcChip text=\"Files\" :icon-path=\"mdiFile\" />\n\t\t<NcChip text=\"Color\" :icon-path=\"mdiPalette\" variant=\"tertiary\" />\n\t\t<NcChip text=\"Current time\" :icon-path=\"mdiClock\" no-close variant=\"primary\" />\n\t</div>\n</template>\n<script>\nimport { mdiClock, mdiFile, mdiPalette } from '@mdi/js'\n\nexport default {\n\tsetup() {\n\t\treturn {\n\t\t\tmdiClock,\n\t\t\tmdiFile,\n\t\t\tmdiPalette,\n\t\t}\n\t}\n}\n</script>\n```\n\n### Advanced usage\n\nIt is also possible to use custom components for the icon by using the `icon` slot.\nIn this example we are using the `NcAvatar` component to render the users avatar as the icon.\n\n*Hint: If you use round icons like avatars you should set their size to `24px` (or use CSS variable `--chip-size`) to make them fully fill and align with the the chip*\n\nAlso it is possible to pass custom actions.\n\n```vue\n<template>\n\t<NcChip>\n\t\t<!-- The icon slot allow to use custom components as the chip icon -->\n\t\t<template #icon>\n\t\t\t<NcAvatar :size=\"24\" user=\"jdoe\" display-name=\"J. Doe\" />\n\t\t</template>\n\t\t<!-- The actions slot allows to add custom actions -->\n\t\t<template #actions>\n\t\t\t<NcActionButton>\n\t\t\t\t<template #icon>\n\t\t\t\t\t<ContactsIcon :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tAdd to contacts\n\t\t\t</NcActionButton>\n\t\t</template>\n\t\t<!-- The default slot can be used for add content, just like the `text` prop -->\n\t\tJ. Doe\n\t</NcChip>\n</template>\n<script>\nimport ContactsIcon from 'vue-material-design-icons/Contacts.vue'\nexport default {\n\tcomponents: {\n\t\tContactsIcon,\n\t},\n}\n</script>\n```\n</docs>\n\n<template>\n\t<div\n\t\tclass=\"nc-chip\"\n\t\t:class=\"{\n\t\t\t[`nc-chip--${realVariant}`]: true,\n\t\t\t'nc-chip--no-actions': noClose && !hasActions(),\n\t\t\t'nc-chip--no-icon': !hasIcon(),\n\t\t}\">\n\t\t<span v-if=\"hasIcon()\" class=\"nc-chip__icon\">\n\t\t\t<!-- @slot The icon slot can be used to set the chip icon. Make sure that the icon is not exceeding a height of `24px`. For round icons a exact size of `24px` is recommended. -->\n\t\t\t<slot name=\"icon\">\n\t\t\t\t<!-- The default icon wrapper uses a size of 18px to ensure the icon is not clipped by the round chip style -->\n\t\t\t\t<NcIconSvgWrapper\n\t\t\t\t\tv-if=\"iconPath || iconSvg\"\n\t\t\t\t\tinline\n\t\t\t\t\t:path=\"iconPath\"\n\t\t\t\t\t:svg=\"iconPath ? undefined : iconSvg\"\n\t\t\t\t\t:size=\"18\" />\n\t\t\t</slot>\n\t\t</span>\n\t\t<span class=\"nc-chip__text\">\n\t\t\t<!-- @slot The default slot can be used to set the text that is shown -->\n\t\t\t<slot>{{ text }}</slot>\n\t\t</span>\n\t\t<NcActions\n\t\t\tv-if=\"canClose || hasActions()\"\n\t\t\tclass=\"nc-chip__actions\"\n\t\t\t:container=\"actionsContainer\"\n\t\t\t:force-menu=\"!canClose\"\n\t\t\tvariant=\"tertiary-no-background\">\n\t\t\t<NcActionButton\n\t\t\t\tv-if=\"canClose\"\n\t\t\t\tclose-after-click\n\t\t\t\t@click=\"emit('close')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<NcIconSvgWrapper :path=\"mdiClose\" :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\t{{ ariaLabelClose }}\n\t\t\t</NcActionButton>\n\t\t\t<!-- @slot The actions slot can be used to add custom actions to the chips actions -->\n\t\t\t<slot name=\"actions\" />\n\t\t</NcActions>\n\t</div>\n</template>\n\n<script setup>\nimport { mdiClose } from '@mdi/js'\nimport { computed, useSlots } from 'vue'\nimport NcActionButton from '../NcActionButton/NcActionButton.vue'\nimport NcActions from '../NcActions/NcActions.vue'\nimport NcIconSvgWrapper from '../NcIconSvgWrapper/NcIconSvgWrapper.vue'\nimport { t } from '../../l10n.js'\n\nconst props = defineProps({\n\t/**\n\t * aria label to set on the close button\n\t *\n\t * @default 'Close'\n\t */\n\tariaLabelClose: {\n\t\ttype: String,\n\t\tdefault: t('Close'),\n\t},\n\n\t/**\n\t * Container for the actions\n\t */\n\tactionsContainer: {\n\t\ttype: String,\n\t\tdefault: 'body',\n\t},\n\n\t/**\n\t * Main text of the chip.\n\t */\n\ttext: {\n\t\ttype: String,\n\t\tdefault: '',\n\t},\n\n\t/**\n\t * Set the chips design variant-\n\t *\n\t * This sets the background style of the chip, similar to NcButton's `variant`.\n\t *\n\t * @deprecated will be removed with v9 - use `variant` instead.\n\t */\n\ttype: {\n\t\ttype: String,\n\t\tdefault: 'secondary',\n\t\tvalidator: (value) => ['primary', 'secondary', 'tertiary'].includes(value),\n\t},\n\n\t/**\n\t * SVG path of the icon to use, this takes precedence over `iconSVG`.\n\t * For example icon paths from `@mdi/js` can be used.\n\t */\n\ticonPath: {\n\t\ttype: String,\n\t\tdefault: null,\n\t},\n\n\t/**\n\t * Inline SVG to use as the icon\n\t */\n\ticonSvg: {\n\t\ttype: String,\n\t\tdefault: null,\n\t},\n\n\t/**\n\t * Set to true to prevent the close button to be shown\n\t */\n\tnoClose: {\n\t\ttype: Boolean,\n\t\tdefault: false,\n\t},\n\n\t/**\n\t * Set the chips design variant-\n\t *\n\t * This sets the background style of the chip, similar to NcButton's `variant`.\n\t *\n\t * @since 8.24.0\n\t */\n\tvariant: {\n\t\ttype: String,\n\t\tdefault: 'secondary',\n\t\tvalidator: (value) => ['primary', 'secondary', 'tertiary'].includes(value),\n\t},\n})\n\nconst emit = defineEmits(['close'])\nconst slots = useSlots()\n\n// TODO: Replace with just `variant` in v9\nconst realVariant = computed(() => props.type !== 'secondary' ? props.type : props.variant)\n\nconst canClose = computed(() => !props.noClose)\nconst hasActions = () => Boolean(slots.actions?.())\nconst hasIcon = () => Boolean(props.iconPath || props.iconSvg || !!slots.icon?.())\n</script>\n\n<style scoped lang=\"scss\">\n.nc-chip {\n\t--chip-size: 24px;\n\t--chip-radius: calc(var(--chip-size) / 2);\n\t// Setup size of wrapper\n\theight: var(--chip-size);\n\tmax-width: fit-content;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tborder-radius: var(--chip-radius);\n\tbackground-color: var(--color-background-hover);\n\n\t&--primary {\n\t\tbackground-color: var(--color-primary-element);\n\t\tcolor: var(--color-primary-element-text);\n\t}\n\n\t&--secondary {\n\t\tbackground-color: var(--color-primary-element-light);\n\t\tcolor: var(--color-primary-element-light-text);\n\t}\n\n\t&--no-actions &__text {\n\t\t// If there are no actions we need to add some padding to ensure the text is not cut-off\n\t\tpadding-inline-end: calc(1.5 * var(--default-grid-baseline));\n\t}\n\n\t&--no-icon &__text {\n\t\t// Add some more space to the border\n\t\tpadding-inline-start: calc(1.5 * var(--default-grid-baseline));\n\t}\n\n\t&__text {\n\t\t// Allow to grow the text\n\t\t// this is only used if an app forces a width of the chip\n\t\tflex: 1 auto;\n\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\ttext-wrap: nowrap;\n\t}\n\n\t&__icon {\n\t\t// Do neither grow nor shrink, size is fixed\n\t\tflex: 0 0 var(--chip-size);\n\t\tmargin-inline-end: var(--default-grid-baseline);\n\n\t\tline-height: 1;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\t// Force size\n\t\toverflow: hidden;\n\t\theight: var(--chip-size);\n\t\twidth: var(--chip-size);\n\t}\n\n\t&__actions {\n\t\t// Do neither grow nor shrink, size is fixed\n\t\tflex: 0 0 var(--chip-size);\n\t\t// Adjust action size to match chip size\n\t\t--default-clickable-area: var(--chip-size);\n\t\t--border-radius-element: var(--chip-radius);\n\t}\n}\n</style>\n"],"names":["useSlots","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4MA,UAAM,QAAQA,IAAAA,SAAQ;AAGtB,UAAM,cAAcC,IAAAA,SAAS,MAAM,MAAM,SAAS,cAAc,MAAM,OAAO,MAAM,OAAO;AAE1F,UAAM,WAAWA,IAAAA,SAAS,MAAM,CAAC,MAAM,OAAO;AAC9C,UAAM,aAAa,MAAM,QAAQ,MAAM,UAAO,CAAI;AAClD,UAAM,UAAU,MAAM,QAAQ,MAAM,YAAY,MAAM,WAAW,CAAC,CAAC,MAAM,OAAI,CAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcChip.cjs","sources":["../../src/components/NcChip/NcChip.vue"],"sourcesContent":["<!--\n - SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n<docs>\n### Basic usage\n\n```vue\n<template>\n\t<div style=\"display: flex; gap: 8px; flex-wrap: wrap;\">\n\t\t<NcChip text=\"Notes.txt\" />\n\t\t<NcChip text=\"Files\" :icon-path=\"mdiFile\" />\n\t\t<NcChip text=\"Color\" :icon-path=\"mdiPalette\" variant=\"tertiary\" />\n\t\t<NcChip text=\"Current time\" :icon-path=\"mdiClock\" no-close variant=\"primary\" />\n\t\t<NcChip text=\"Canceled\" :icon-path=\"mdiCancel\" variant=\"error\" no-close />\n\t\t<NcChip text=\"Open\" :icon-path=\"mdiCircle\" variant=\"success\" no-close />\n\t\t<NcChip text=\"Due tomorrow\" :icon-path=\"mdiAlertCircleOutline\" variant=\"warning\" no-close />\n\t</div>\n</template>\n<script>\nimport { mdiClock, mdiFile, mdiPalette, mdiCancel, mdiCircle, mdiAlertCircleOutline } from '@mdi/js'\n\nexport default {\n\tsetup() {\n\t\treturn {\n\t\t\tmdiAlertCircleOutline,\n\t\t\tmdiCancel,\n\t\t\tmdiCircle,\n\t\t\tmdiClock,\n\t\t\tmdiFile,\n\t\t\tmdiPalette,\n\t\t}\n\t}\n}\n</script>\n```\n\n### Advanced usage\n\nIt is also possible to use custom components for the icon by using the `icon` slot.\nIn this example we are using the `NcAvatar` component to render the users avatar as the icon.\n\n*Hint: If you use round icons like avatars you should set their size to `24px` (or use CSS variable `--chip-size`) to make them fully fill and align with the the chip*\n\nAlso it is possible to pass custom actions.\n\n```vue\n<template>\n\t<NcChip>\n\t\t<!-- The icon slot allow to use custom components as the chip icon -->\n\t\t<template #icon>\n\t\t\t<NcAvatar :size=\"24\" user=\"jdoe\" display-name=\"J. Doe\" />\n\t\t</template>\n\t\t<!-- The actions slot allows to add custom actions -->\n\t\t<template #actions>\n\t\t\t<NcActionButton>\n\t\t\t\t<template #icon>\n\t\t\t\t\t<ContactsIcon :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tAdd to contacts\n\t\t\t</NcActionButton>\n\t\t</template>\n\t\t<!-- The default slot can be used for add content, just like the `text` prop -->\n\t\tJ. Doe\n\t</NcChip>\n</template>\n<script>\nimport ContactsIcon from 'vue-material-design-icons/Contacts.vue'\nexport default {\n\tcomponents: {\n\t\tContactsIcon,\n\t},\n}\n</script>\n```\n</docs>\n\n<template>\n\t<div\n\t\tclass=\"nc-chip\"\n\t\t:class=\"{\n\t\t\t[`nc-chip--${realVariant}`]: true,\n\t\t\t'nc-chip--no-actions': noClose && !hasActions(),\n\t\t\t'nc-chip--no-icon': !hasIcon(),\n\t\t}\">\n\t\t<span v-if=\"hasIcon()\" class=\"nc-chip__icon\">\n\t\t\t<!-- @slot The icon slot can be used to set the chip icon. Make sure that the icon is not exceeding a height of `24px`. For round icons a exact size of `24px` is recommended. -->\n\t\t\t<slot name=\"icon\">\n\t\t\t\t<!-- The default icon wrapper uses a size of 18px to ensure the icon is not clipped by the round chip style -->\n\t\t\t\t<NcIconSvgWrapper\n\t\t\t\t\tv-if=\"iconPath || iconSvg\"\n\t\t\t\t\tinline\n\t\t\t\t\t:path=\"iconPath\"\n\t\t\t\t\t:svg=\"iconPath ? undefined : iconSvg\"\n\t\t\t\t\t:size=\"18\" />\n\t\t\t</slot>\n\t\t</span>\n\t\t<span class=\"nc-chip__text\">\n\t\t\t<!-- @slot The default slot can be used to set the text that is shown -->\n\t\t\t<slot>{{ text }}</slot>\n\t\t</span>\n\t\t<NcActions\n\t\t\tv-if=\"canClose || hasActions()\"\n\t\t\tclass=\"nc-chip__actions\"\n\t\t\t:container=\"actionsContainer\"\n\t\t\t:force-menu=\"!canClose\"\n\t\t\tvariant=\"tertiary-no-background\">\n\t\t\t<NcActionButton\n\t\t\t\tv-if=\"canClose\"\n\t\t\t\tclose-after-click\n\t\t\t\t@click=\"emit('close')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<NcIconSvgWrapper :path=\"mdiClose\" :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\t{{ ariaLabelClose }}\n\t\t\t</NcActionButton>\n\t\t\t<!-- @slot The actions slot can be used to add custom actions to the chips actions -->\n\t\t\t<slot name=\"actions\" />\n\t\t</NcActions>\n\t</div>\n</template>\n\n<script setup>\nimport { mdiClose } from '@mdi/js'\nimport { computed, useSlots } from 'vue'\nimport NcActionButton from '../NcActionButton/NcActionButton.vue'\nimport NcActions from '../NcActions/NcActions.vue'\nimport NcIconSvgWrapper from '../NcIconSvgWrapper/NcIconSvgWrapper.vue'\nimport { t } from '../../l10n.js'\n\nconst props = defineProps({\n\t/**\n\t * aria label to set on the close button\n\t *\n\t * @default 'Close'\n\t */\n\tariaLabelClose: {\n\t\ttype: String,\n\t\tdefault: t('Close'),\n\t},\n\n\t/**\n\t * Container for the actions\n\t */\n\tactionsContainer: {\n\t\ttype: String,\n\t\tdefault: 'body',\n\t},\n\n\t/**\n\t * Main text of the chip.\n\t */\n\ttext: {\n\t\ttype: String,\n\t\tdefault: '',\n\t},\n\n\t/**\n\t * Set the chips design variant-\n\t *\n\t * This sets the background style of the chip, similar to NcButton's `variant`.\n\t *\n\t * @deprecated will be removed with v9 - use `variant` instead.\n\t */\n\ttype: {\n\t\ttype: String,\n\t\tdefault: 'secondary',\n\t\tvalidator: (value) => ['primary', 'secondary', 'tertiary', 'error', 'warning', 'success'].includes(value),\n\t},\n\n\t/**\n\t * SVG path of the icon to use, this takes precedence over `iconSVG`.\n\t * For example icon paths from `@mdi/js` can be used.\n\t */\n\ticonPath: {\n\t\ttype: String,\n\t\tdefault: null,\n\t},\n\n\t/**\n\t * Inline SVG to use as the icon\n\t */\n\ticonSvg: {\n\t\ttype: String,\n\t\tdefault: null,\n\t},\n\n\t/**\n\t * Set to true to prevent the close button to be shown\n\t */\n\tnoClose: {\n\t\ttype: Boolean,\n\t\tdefault: false,\n\t},\n\n\t/**\n\t * Set the chips design variant-\n\t *\n\t * This sets the background style of the chip, similar to NcButton's `variant`.\n\t *\n\t * @since 8.24.0\n\t */\n\tvariant: {\n\t\ttype: String,\n\t\tdefault: 'secondary',\n\t\tvalidator: (value) => ['primary', 'secondary', 'tertiary', 'error', 'warning', 'success'].includes(value),\n\t},\n})\n\nconst emit = defineEmits(['close'])\nconst slots = useSlots()\n\n// TODO: Replace with just `variant` in v9\nconst realVariant = computed(() => props.type !== 'secondary' ? props.type : props.variant)\n\nconst canClose = computed(() => !props.noClose)\nconst hasActions = () => Boolean(slots.actions?.())\nconst hasIcon = () => Boolean(props.iconPath || props.iconSvg || !!slots.icon?.())\n</script>\n\n<style scoped lang=\"scss\">\n.nc-chip {\n\t--chip-size: 24px;\n\t--chip-radius: calc(var(--chip-size) / 2);\n\t// Setup size of wrapper\n\theight: var(--chip-size);\n\tmax-width: fit-content;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tborder-radius: var(--chip-radius);\n\tbackground-color: var(--color-background-hover);\n\n\t&--primary {\n\t\tbackground-color: var(--color-primary-element);\n\t\tcolor: var(--color-primary-element-text);\n\t}\n\n\t&--secondary {\n\t\tbackground-color: var(--color-primary-element-light);\n\t\tcolor: var(--color-primary-element-light-text);\n\t}\n\n\t&--error {\n\t\tbackground-color: var(--color-error);\n\t\tcolor: var(--color-error-text);\n\t}\n\n\t&--warning {\n\t\tbackground-color: var(--color-warning);\n\t\tcolor: var(--color-warning-text);\n\t}\n\n\t&--success {\n\t\tbackground-color: var(--color-success);\n\t\tcolor: var(--color-success-text);\n\t}\n\n\t&--no-actions &__text {\n\t\t// If there are no actions we need to add some padding to ensure the text is not cut-off\n\t\tpadding-inline-end: calc(2 * var(--default-grid-baseline));\n\t}\n\n\t&--no-icon &__text {\n\t\t// Add some more space to the border\n\t\tpadding-inline-start: calc(2 * var(--default-grid-baseline));\n\t}\n\n\t&__text {\n\t\t// Allow to grow the text\n\t\t// this is only used if an app forces a width of the chip\n\t\tflex: 1 auto;\n\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\ttext-wrap: nowrap;\n\t}\n\n\t&__icon {\n\t\t// Do neither grow nor shrink, size is fixed\n\t\tflex: 0 0 var(--chip-size);\n\t\tmargin-inline-end: var(--default-grid-baseline);\n\n\t\tline-height: 1;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\t// Force size\n\t\toverflow: hidden;\n\t\theight: var(--chip-size);\n\t\twidth: var(--chip-size);\n\t}\n\n\t&__actions {\n\t\t// Do neither grow nor shrink, size is fixed\n\t\tflex: 0 0 var(--chip-size);\n\t\t// Adjust action size to match chip size\n\t\t--default-clickable-area: var(--chip-size);\n\t\t--border-radius-element: var(--chip-radius);\n\t}\n}\n</style>\n"],"names":["useSlots","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkNA,UAAM,QAAQA,IAAAA,SAAQ;AAGtB,UAAM,cAAcC,IAAAA,SAAS,MAAM,MAAM,SAAS,cAAc,MAAM,OAAO,MAAM,OAAO;AAE1F,UAAM,WAAWA,IAAAA,SAAS,MAAM,CAAC,MAAM,OAAO;AAC9C,UAAM,aAAa,MAAM,QAAQ,MAAM,UAAO,CAAI;AAClD,UAAM,UAAU,MAAM,QAAQ,MAAM,YAAY,MAAM,WAAW,CAAC,CAAC,MAAM,OAAI,CAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Components/NcChip.mjs

@@ -1,10 +1,10 @@
-import '../assets/NcChip-Cc17FJEC.css';
-import { c as mdiClose } from "../chunks/mdi-DXu6GWVJ.mjs";
+import '../assets/NcChip-ByvuZS2-.css';
+import { c as mdiClose } from "../chunks/mdi-CKSXwCsV.mjs";
 import { useSlots, computed } from "vue";
-import { N as NcActionButton } from "../chunks/NcActionButton-CVW8aRkE.mjs";
-import { N as NcActions } from "../chunks/NcActions-C832pWHO.mjs";
+import { N as NcActionButton } from "../chunks/NcActionButton-CD1Z-o2Y.mjs";
+import { N as NcActions } from "../chunks/NcActions-BvFVkIzX.mjs";
 import { N as NcIconSvgWrapper } from "../chunks/NcIconSvgWrapper-BreCg8pX.mjs";
-import { r as register, n as t18, a as t } from "../chunks/_l10n-BEfeU7gr.mjs";
+import { r as register, m as t18, a as t } from "../chunks/_l10n-BWisB7-O.mjs";
 import { n as normalizeComponent } from "../chunks/_plugin-vue2_normalizer-DU4iP6Vu.mjs";
 register(t18);
 const _sfc_main = {
@@ -43,7 +43,7 @@ const _sfc_main = {
     type: {
       type: String,
       default: "secondary",
-      validator: (value) => ["primary", "secondary", "tertiary"].includes(value)
+      validator: (value) => ["primary", "secondary", "tertiary", "error", "warning", "success"].includes(value)
     },
     /**
      * SVG path of the icon to use, this takes precedence over `iconSVG`.
@@ -77,7 +77,7 @@ const _sfc_main = {
     variant: {
       type: String,
       default: "secondary",
-      validator: (value) => ["primary", "secondary", "tertiary"].includes(value)
+      validator: (value) => ["primary", "secondary", "tertiary", "error", "warning", "success"].includes(value)
     }
   },
   emits: ["close"],
@@ -114,7 +114,7 @@ var __component__ = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns,
   false,
   null,
-  "522528d5"
+  "88e86387"
 );
 const NcChip = __component__.exports;
 export {

package/dist/Components/NcChip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcChip.mjs","sources":["../../src/components/NcChip/NcChip.vue"],"sourcesContent":["<!--\n - SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n<docs>\n### Basic usage\n\n```vue\n<template>\n\t<div style=\"display: flex; gap: 8px; flex-wrap: wrap;\">\n\t\t<NcChip text=\"Notes.txt\" />\n\t\t<NcChip text=\"Files\" :icon-path=\"mdiFile\" />\n\t\t<NcChip text=\"Color\" :icon-path=\"mdiPalette\" variant=\"tertiary\" />\n\t\t<NcChip text=\"Current time\" :icon-path=\"mdiClock\" no-close variant=\"primary\" />\n\t</div>\n</template>\n<script>\nimport { mdiClock, mdiFile, mdiPalette } from '@mdi/js'\n\nexport default {\n\tsetup() {\n\t\treturn {\n\t\t\tmdiClock,\n\t\t\tmdiFile,\n\t\t\tmdiPalette,\n\t\t}\n\t}\n}\n</script>\n```\n\n### Advanced usage\n\nIt is also possible to use custom components for the icon by using the `icon` slot.\nIn this example we are using the `NcAvatar` component to render the users avatar as the icon.\n\n*Hint: If you use round icons like avatars you should set their size to `24px` (or use CSS variable `--chip-size`) to make them fully fill and align with the the chip*\n\nAlso it is possible to pass custom actions.\n\n```vue\n<template>\n\t<NcChip>\n\t\t<!-- The icon slot allow to use custom components as the chip icon -->\n\t\t<template #icon>\n\t\t\t<NcAvatar :size=\"24\" user=\"jdoe\" display-name=\"J. Doe\" />\n\t\t</template>\n\t\t<!-- The actions slot allows to add custom actions -->\n\t\t<template #actions>\n\t\t\t<NcActionButton>\n\t\t\t\t<template #icon>\n\t\t\t\t\t<ContactsIcon :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tAdd to contacts\n\t\t\t</NcActionButton>\n\t\t</template>\n\t\t<!-- The default slot can be used for add content, just like the `text` prop -->\n\t\tJ. Doe\n\t</NcChip>\n</template>\n<script>\nimport ContactsIcon from 'vue-material-design-icons/Contacts.vue'\nexport default {\n\tcomponents: {\n\t\tContactsIcon,\n\t},\n}\n</script>\n```\n</docs>\n\n<template>\n\t<div\n\t\tclass=\"nc-chip\"\n\t\t:class=\"{\n\t\t\t[`nc-chip--${realVariant}`]: true,\n\t\t\t'nc-chip--no-actions': noClose && !hasActions(),\n\t\t\t'nc-chip--no-icon': !hasIcon(),\n\t\t}\">\n\t\t<span v-if=\"hasIcon()\" class=\"nc-chip__icon\">\n\t\t\t<!-- @slot The icon slot can be used to set the chip icon. Make sure that the icon is not exceeding a height of `24px`. For round icons a exact size of `24px` is recommended. -->\n\t\t\t<slot name=\"icon\">\n\t\t\t\t<!-- The default icon wrapper uses a size of 18px to ensure the icon is not clipped by the round chip style -->\n\t\t\t\t<NcIconSvgWrapper\n\t\t\t\t\tv-if=\"iconPath || iconSvg\"\n\t\t\t\t\tinline\n\t\t\t\t\t:path=\"iconPath\"\n\t\t\t\t\t:svg=\"iconPath ? undefined : iconSvg\"\n\t\t\t\t\t:size=\"18\" />\n\t\t\t</slot>\n\t\t</span>\n\t\t<span class=\"nc-chip__text\">\n\t\t\t<!-- @slot The default slot can be used to set the text that is shown -->\n\t\t\t<slot>{{ text }}</slot>\n\t\t</span>\n\t\t<NcActions\n\t\t\tv-if=\"canClose || hasActions()\"\n\t\t\tclass=\"nc-chip__actions\"\n\t\t\t:container=\"actionsContainer\"\n\t\t\t:force-menu=\"!canClose\"\n\t\t\tvariant=\"tertiary-no-background\">\n\t\t\t<NcActionButton\n\t\t\t\tv-if=\"canClose\"\n\t\t\t\tclose-after-click\n\t\t\t\t@click=\"emit('close')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<NcIconSvgWrapper :path=\"mdiClose\" :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\t{{ ariaLabelClose }}\n\t\t\t</NcActionButton>\n\t\t\t<!-- @slot The actions slot can be used to add custom actions to the chips actions -->\n\t\t\t<slot name=\"actions\" />\n\t\t</NcActions>\n\t</div>\n</template>\n\n<script setup>\nimport { mdiClose } from '@mdi/js'\nimport { computed, useSlots } from 'vue'\nimport NcActionButton from '../NcActionButton/NcActionButton.vue'\nimport NcActions from '../NcActions/NcActions.vue'\nimport NcIconSvgWrapper from '../NcIconSvgWrapper/NcIconSvgWrapper.vue'\nimport { t } from '../../l10n.js'\n\nconst props = defineProps({\n\t/**\n\t * aria label to set on the close button\n\t *\n\t * @default 'Close'\n\t */\n\tariaLabelClose: {\n\t\ttype: String,\n\t\tdefault: t('Close'),\n\t},\n\n\t/**\n\t * Container for the actions\n\t */\n\tactionsContainer: {\n\t\ttype: String,\n\t\tdefault: 'body',\n\t},\n\n\t/**\n\t * Main text of the chip.\n\t */\n\ttext: {\n\t\ttype: String,\n\t\tdefault: '',\n\t},\n\n\t/**\n\t * Set the chips design variant-\n\t *\n\t * This sets the background style of the chip, similar to NcButton's `variant`.\n\t *\n\t * @deprecated will be removed with v9 - use `variant` instead.\n\t */\n\ttype: {\n\t\ttype: String,\n\t\tdefault: 'secondary',\n\t\tvalidator: (value) => ['primary', 'secondary', 'tertiary'].includes(value),\n\t},\n\n\t/**\n\t * SVG path of the icon to use, this takes precedence over `iconSVG`.\n\t * For example icon paths from `@mdi/js` can be used.\n\t */\n\ticonPath: {\n\t\ttype: String,\n\t\tdefault: null,\n\t},\n\n\t/**\n\t * Inline SVG to use as the icon\n\t */\n\ticonSvg: {\n\t\ttype: String,\n\t\tdefault: null,\n\t},\n\n\t/**\n\t * Set to true to prevent the close button to be shown\n\t */\n\tnoClose: {\n\t\ttype: Boolean,\n\t\tdefault: false,\n\t},\n\n\t/**\n\t * Set the chips design variant-\n\t *\n\t * This sets the background style of the chip, similar to NcButton's `variant`.\n\t *\n\t * @since 8.24.0\n\t */\n\tvariant: {\n\t\ttype: String,\n\t\tdefault: 'secondary',\n\t\tvalidator: (value) => ['primary', 'secondary', 'tertiary'].includes(value),\n\t},\n})\n\nconst emit = defineEmits(['close'])\nconst slots = useSlots()\n\n// TODO: Replace with just `variant` in v9\nconst realVariant = computed(() => props.type !== 'secondary' ? props.type : props.variant)\n\nconst canClose = computed(() => !props.noClose)\nconst hasActions = () => Boolean(slots.actions?.())\nconst hasIcon = () => Boolean(props.iconPath || props.iconSvg || !!slots.icon?.())\n</script>\n\n<style scoped lang=\"scss\">\n.nc-chip {\n\t--chip-size: 24px;\n\t--chip-radius: calc(var(--chip-size) / 2);\n\t// Setup size of wrapper\n\theight: var(--chip-size);\n\tmax-width: fit-content;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tborder-radius: var(--chip-radius);\n\tbackground-color: var(--color-background-hover);\n\n\t&--primary {\n\t\tbackground-color: var(--color-primary-element);\n\t\tcolor: var(--color-primary-element-text);\n\t}\n\n\t&--secondary {\n\t\tbackground-color: var(--color-primary-element-light);\n\t\tcolor: var(--color-primary-element-light-text);\n\t}\n\n\t&--no-actions &__text {\n\t\t// If there are no actions we need to add some padding to ensure the text is not cut-off\n\t\tpadding-inline-end: calc(1.5 * var(--default-grid-baseline));\n\t}\n\n\t&--no-icon &__text {\n\t\t// Add some more space to the border\n\t\tpadding-inline-start: calc(1.5 * var(--default-grid-baseline));\n\t}\n\n\t&__text {\n\t\t// Allow to grow the text\n\t\t// this is only used if an app forces a width of the chip\n\t\tflex: 1 auto;\n\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\ttext-wrap: nowrap;\n\t}\n\n\t&__icon {\n\t\t// Do neither grow nor shrink, size is fixed\n\t\tflex: 0 0 var(--chip-size);\n\t\tmargin-inline-end: var(--default-grid-baseline);\n\n\t\tline-height: 1;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\t// Force size\n\t\toverflow: hidden;\n\t\theight: var(--chip-size);\n\t\twidth: var(--chip-size);\n\t}\n\n\t&__actions {\n\t\t// Do neither grow nor shrink, size is fixed\n\t\tflex: 0 0 var(--chip-size);\n\t\t// Adjust action size to match chip size\n\t\t--default-clickable-area: var(--chip-size);\n\t\t--border-radius-element: var(--chip-radius);\n\t}\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4MA,UAAM,QAAQ,SAAQ;AAGtB,UAAM,cAAc,SAAS,MAAM,MAAM,SAAS,cAAc,MAAM,OAAO,MAAM,OAAO;AAE1F,UAAM,WAAW,SAAS,MAAM,CAAC,MAAM,OAAO;AAC9C,UAAM,aAAa,MAAM,QAAQ,MAAM,UAAO,CAAI;AAClD,UAAM,UAAU,MAAM,QAAQ,MAAM,YAAY,MAAM,WAAW,CAAC,CAAC,MAAM,OAAI,CAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcChip.mjs","sources":["../../src/components/NcChip/NcChip.vue"],"sourcesContent":["<!--\n - SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n<docs>\n### Basic usage\n\n```vue\n<template>\n\t<div style=\"display: flex; gap: 8px; flex-wrap: wrap;\">\n\t\t<NcChip text=\"Notes.txt\" />\n\t\t<NcChip text=\"Files\" :icon-path=\"mdiFile\" />\n\t\t<NcChip text=\"Color\" :icon-path=\"mdiPalette\" variant=\"tertiary\" />\n\t\t<NcChip text=\"Current time\" :icon-path=\"mdiClock\" no-close variant=\"primary\" />\n\t\t<NcChip text=\"Canceled\" :icon-path=\"mdiCancel\" variant=\"error\" no-close />\n\t\t<NcChip text=\"Open\" :icon-path=\"mdiCircle\" variant=\"success\" no-close />\n\t\t<NcChip text=\"Due tomorrow\" :icon-path=\"mdiAlertCircleOutline\" variant=\"warning\" no-close />\n\t</div>\n</template>\n<script>\nimport { mdiClock, mdiFile, mdiPalette, mdiCancel, mdiCircle, mdiAlertCircleOutline } from '@mdi/js'\n\nexport default {\n\tsetup() {\n\t\treturn {\n\t\t\tmdiAlertCircleOutline,\n\t\t\tmdiCancel,\n\t\t\tmdiCircle,\n\t\t\tmdiClock,\n\t\t\tmdiFile,\n\t\t\tmdiPalette,\n\t\t}\n\t}\n}\n</script>\n```\n\n### Advanced usage\n\nIt is also possible to use custom components for the icon by using the `icon` slot.\nIn this example we are using the `NcAvatar` component to render the users avatar as the icon.\n\n*Hint: If you use round icons like avatars you should set their size to `24px` (or use CSS variable `--chip-size`) to make them fully fill and align with the the chip*\n\nAlso it is possible to pass custom actions.\n\n```vue\n<template>\n\t<NcChip>\n\t\t<!-- The icon slot allow to use custom components as the chip icon -->\n\t\t<template #icon>\n\t\t\t<NcAvatar :size=\"24\" user=\"jdoe\" display-name=\"J. Doe\" />\n\t\t</template>\n\t\t<!-- The actions slot allows to add custom actions -->\n\t\t<template #actions>\n\t\t\t<NcActionButton>\n\t\t\t\t<template #icon>\n\t\t\t\t\t<ContactsIcon :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tAdd to contacts\n\t\t\t</NcActionButton>\n\t\t</template>\n\t\t<!-- The default slot can be used for add content, just like the `text` prop -->\n\t\tJ. Doe\n\t</NcChip>\n</template>\n<script>\nimport ContactsIcon from 'vue-material-design-icons/Contacts.vue'\nexport default {\n\tcomponents: {\n\t\tContactsIcon,\n\t},\n}\n</script>\n```\n</docs>\n\n<template>\n\t<div\n\t\tclass=\"nc-chip\"\n\t\t:class=\"{\n\t\t\t[`nc-chip--${realVariant}`]: true,\n\t\t\t'nc-chip--no-actions': noClose && !hasActions(),\n\t\t\t'nc-chip--no-icon': !hasIcon(),\n\t\t}\">\n\t\t<span v-if=\"hasIcon()\" class=\"nc-chip__icon\">\n\t\t\t<!-- @slot The icon slot can be used to set the chip icon. Make sure that the icon is not exceeding a height of `24px`. For round icons a exact size of `24px` is recommended. -->\n\t\t\t<slot name=\"icon\">\n\t\t\t\t<!-- The default icon wrapper uses a size of 18px to ensure the icon is not clipped by the round chip style -->\n\t\t\t\t<NcIconSvgWrapper\n\t\t\t\t\tv-if=\"iconPath || iconSvg\"\n\t\t\t\t\tinline\n\t\t\t\t\t:path=\"iconPath\"\n\t\t\t\t\t:svg=\"iconPath ? undefined : iconSvg\"\n\t\t\t\t\t:size=\"18\" />\n\t\t\t</slot>\n\t\t</span>\n\t\t<span class=\"nc-chip__text\">\n\t\t\t<!-- @slot The default slot can be used to set the text that is shown -->\n\t\t\t<slot>{{ text }}</slot>\n\t\t</span>\n\t\t<NcActions\n\t\t\tv-if=\"canClose || hasActions()\"\n\t\t\tclass=\"nc-chip__actions\"\n\t\t\t:container=\"actionsContainer\"\n\t\t\t:force-menu=\"!canClose\"\n\t\t\tvariant=\"tertiary-no-background\">\n\t\t\t<NcActionButton\n\t\t\t\tv-if=\"canClose\"\n\t\t\t\tclose-after-click\n\t\t\t\t@click=\"emit('close')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<NcIconSvgWrapper :path=\"mdiClose\" :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\t{{ ariaLabelClose }}\n\t\t\t</NcActionButton>\n\t\t\t<!-- @slot The actions slot can be used to add custom actions to the chips actions -->\n\t\t\t<slot name=\"actions\" />\n\t\t</NcActions>\n\t</div>\n</template>\n\n<script setup>\nimport { mdiClose } from '@mdi/js'\nimport { computed, useSlots } from 'vue'\nimport NcActionButton from '../NcActionButton/NcActionButton.vue'\nimport NcActions from '../NcActions/NcActions.vue'\nimport NcIconSvgWrapper from '../NcIconSvgWrapper/NcIconSvgWrapper.vue'\nimport { t } from '../../l10n.js'\n\nconst props = defineProps({\n\t/**\n\t * aria label to set on the close button\n\t *\n\t * @default 'Close'\n\t */\n\tariaLabelClose: {\n\t\ttype: String,\n\t\tdefault: t('Close'),\n\t},\n\n\t/**\n\t * Container for the actions\n\t */\n\tactionsContainer: {\n\t\ttype: String,\n\t\tdefault: 'body',\n\t},\n\n\t/**\n\t * Main text of the chip.\n\t */\n\ttext: {\n\t\ttype: String,\n\t\tdefault: '',\n\t},\n\n\t/**\n\t * Set the chips design variant-\n\t *\n\t * This sets the background style of the chip, similar to NcButton's `variant`.\n\t *\n\t * @deprecated will be removed with v9 - use `variant` instead.\n\t */\n\ttype: {\n\t\ttype: String,\n\t\tdefault: 'secondary',\n\t\tvalidator: (value) => ['primary', 'secondary', 'tertiary', 'error', 'warning', 'success'].includes(value),\n\t},\n\n\t/**\n\t * SVG path of the icon to use, this takes precedence over `iconSVG`.\n\t * For example icon paths from `@mdi/js` can be used.\n\t */\n\ticonPath: {\n\t\ttype: String,\n\t\tdefault: null,\n\t},\n\n\t/**\n\t * Inline SVG to use as the icon\n\t */\n\ticonSvg: {\n\t\ttype: String,\n\t\tdefault: null,\n\t},\n\n\t/**\n\t * Set to true to prevent the close button to be shown\n\t */\n\tnoClose: {\n\t\ttype: Boolean,\n\t\tdefault: false,\n\t},\n\n\t/**\n\t * Set the chips design variant-\n\t *\n\t * This sets the background style of the chip, similar to NcButton's `variant`.\n\t *\n\t * @since 8.24.0\n\t */\n\tvariant: {\n\t\ttype: String,\n\t\tdefault: 'secondary',\n\t\tvalidator: (value) => ['primary', 'secondary', 'tertiary', 'error', 'warning', 'success'].includes(value),\n\t},\n})\n\nconst emit = defineEmits(['close'])\nconst slots = useSlots()\n\n// TODO: Replace with just `variant` in v9\nconst realVariant = computed(() => props.type !== 'secondary' ? props.type : props.variant)\n\nconst canClose = computed(() => !props.noClose)\nconst hasActions = () => Boolean(slots.actions?.())\nconst hasIcon = () => Boolean(props.iconPath || props.iconSvg || !!slots.icon?.())\n</script>\n\n<style scoped lang=\"scss\">\n.nc-chip {\n\t--chip-size: 24px;\n\t--chip-radius: calc(var(--chip-size) / 2);\n\t// Setup size of wrapper\n\theight: var(--chip-size);\n\tmax-width: fit-content;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tborder-radius: var(--chip-radius);\n\tbackground-color: var(--color-background-hover);\n\n\t&--primary {\n\t\tbackground-color: var(--color-primary-element);\n\t\tcolor: var(--color-primary-element-text);\n\t}\n\n\t&--secondary {\n\t\tbackground-color: var(--color-primary-element-light);\n\t\tcolor: var(--color-primary-element-light-text);\n\t}\n\n\t&--error {\n\t\tbackground-color: var(--color-error);\n\t\tcolor: var(--color-error-text);\n\t}\n\n\t&--warning {\n\t\tbackground-color: var(--color-warning);\n\t\tcolor: var(--color-warning-text);\n\t}\n\n\t&--success {\n\t\tbackground-color: var(--color-success);\n\t\tcolor: var(--color-success-text);\n\t}\n\n\t&--no-actions &__text {\n\t\t// If there are no actions we need to add some padding to ensure the text is not cut-off\n\t\tpadding-inline-end: calc(2 * var(--default-grid-baseline));\n\t}\n\n\t&--no-icon &__text {\n\t\t// Add some more space to the border\n\t\tpadding-inline-start: calc(2 * var(--default-grid-baseline));\n\t}\n\n\t&__text {\n\t\t// Allow to grow the text\n\t\t// this is only used if an app forces a width of the chip\n\t\tflex: 1 auto;\n\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\ttext-wrap: nowrap;\n\t}\n\n\t&__icon {\n\t\t// Do neither grow nor shrink, size is fixed\n\t\tflex: 0 0 var(--chip-size);\n\t\tmargin-inline-end: var(--default-grid-baseline);\n\n\t\tline-height: 1;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\t// Force size\n\t\toverflow: hidden;\n\t\theight: var(--chip-size);\n\t\twidth: var(--chip-size);\n\t}\n\n\t&__actions {\n\t\t// Do neither grow nor shrink, size is fixed\n\t\tflex: 0 0 var(--chip-size);\n\t\t// Adjust action size to match chip size\n\t\t--default-clickable-area: var(--chip-size);\n\t\t--border-radius-element: var(--chip-radius);\n\t}\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkNA,UAAM,QAAQ,SAAQ;AAGtB,UAAM,cAAc,SAAS,MAAM,MAAM,SAAS,cAAc,MAAM,OAAO,MAAM,OAAO;AAE1F,UAAM,WAAW,SAAS,MAAM,CAAC,MAAM,OAAO;AAC9C,UAAM,aAAa,MAAM,QAAQ,MAAM,UAAO,CAAI;AAClD,UAAM,UAAU,MAAM,QAAQ,MAAM,YAAY,MAAM,WAAW,CAAC,CAAC,MAAM,OAAI,CAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Components/NcCollectionList.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcCollectionList = require("../chunks/NcCollectionList-DZh_7a3g.cjs");
+const NcCollectionList = require("../chunks/NcCollectionList-Br6V_EiM.cjs");
 module.exports = NcCollectionList.NcCollectionList;
 //# sourceMappingURL=NcCollectionList.cjs.map

package/dist/Components/NcCollectionList.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcCollectionList-5_ghrfiE.mjs";
+import { N } from "../chunks/NcCollectionList-D85QdobI.mjs";
 export {
   N as default
 };

package/dist/Components/NcColorPicker.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcColorPicker = require("../chunks/NcColorPicker-D-E2dT4Q.cjs");
+const NcColorPicker = require("../chunks/NcColorPicker-Dg3d5_aQ.cjs");
 module.exports = NcColorPicker.NcColorPicker;
 //# sourceMappingURL=NcColorPicker.cjs.map

package/dist/Components/NcColorPicker.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcColorPicker-Cae6XNoK.mjs";
+import { N } from "../chunks/NcColorPicker-BoS26yac.mjs";
 export {
   N as default
 };

package/dist/Components/NcContent.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcContent = require("../chunks/NcContent-I3cwZc0Z.cjs");
+const NcContent = require("../chunks/NcContent-BbPae-OV.cjs");
 module.exports = NcContent.NcContent;
 //# sourceMappingURL=NcContent.cjs.map

package/dist/Components/NcContent.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcContent-CGBJ782F.mjs";
+import { N } from "../chunks/NcContent-D8OFKv52.mjs";
 export {
   N as default
 };

package/dist/Components/NcDashboardWidget.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcDashboardWidget = require("../chunks/NcDashboardWidget-DKUU16oT.cjs");
+const NcDashboardWidget = require("../chunks/NcDashboardWidget-mEPmvuR0.cjs");
 module.exports = NcDashboardWidget.NcDashboardWidget;
 //# sourceMappingURL=NcDashboardWidget.cjs.map

package/dist/Components/NcDashboardWidget.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcDashboardWidget-_Bi63nDZ.mjs";
+import { N } from "../chunks/NcDashboardWidget-SSlGHcII.mjs";
 export {
   N as default
 };

package/dist/Components/NcDashboardWidgetItem.cjs

@@ -1,4 +1,4 @@
 "use strict";
-const NcDashboardWidgetItem = require("../chunks/NcDashboardWidgetItem-BhGOOhKF.cjs");
+const NcDashboardWidgetItem = require("../chunks/NcDashboardWidgetItem-C7AmqxH4.cjs");
 module.exports = NcDashboardWidgetItem.NcDashboardWidgetItem;
 //# sourceMappingURL=NcDashboardWidgetItem.cjs.map

package/dist/Components/NcDashboardWidgetItem.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcDashboardWidgetItem-D4q57Lg_.mjs";
+import { N } from "../chunks/NcDashboardWidgetItem-BqlNJI6a.mjs";
 export {
   N as default
 };

package/dist/Components/NcDateTimePicker.cjs

@@ -1,15 +1,15 @@
-require('../assets/NcDateTimePicker-4Zw7r2r4.css');
+require('../assets/NcDateTimePicker-BmMuUpwr.css');
 "use strict";
 const l10n = require("@nextcloud/l10n");
 const DatePicker = require("vue2-datepicker");
 const _pluginVue2_normalizer = require("../chunks/_plugin-vue2_normalizer-V0q-tHlQ.cjs");
 const useModelMigration = require("../chunks/useModelMigration-D5zhrNXr.cjs");
-const _l10n = require("../chunks/_l10n-DM-VRK9x.cjs");
+const _l10n = require("../chunks/_l10n-eOBJ3Dwl.cjs");
 const GenRandomId = require("../chunks/GenRandomId-D7iOvpZS.cjs");
 const logger = require("../chunks/logger-3HuiEIF6.cjs");
-const NcPopover = require("../chunks/NcPopover-DkX3Esbr.cjs");
-const NcTimezonePicker = require("../chunks/NcTimezonePicker-Co7jDP7N.cjs");
-const ScopeComponent = require("../chunks/ScopeComponent-9wtS_FpN.cjs");
+const NcPopover = require("../chunks/NcPopover-BgUZkmjk.cjs");
+const NcTimezonePicker = require("../chunks/NcTimezonePicker-CtFsF-jG.cjs");
+const ScopeComponent = require("../chunks/ScopeComponent-BCznIxFT.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const DatePicker__default = /* @__PURE__ */ _interopDefault(DatePicker);
 const _sfc_main$2 = {
@@ -78,7 +78,7 @@ var __component__$1 = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
   null
 );
 const Web = __component__$1.exports;
-_l10n.register(_l10n.t38);
+_l10n.register(_l10n.t39);
 const formatMap = {
   date: "YYYY-MM-DD",
   datetime: "YYYY-MM-DD H:mm:ss",
@@ -330,7 +330,7 @@ const _sfc_main = {
           const date = new Date(new Date(value).setFullYear(year));
           this.$refs.datepicker.selectDate(date);
         } catch {
-          logger.logger.error("Invalid value", value, year);
+          logger.logger.error("Invalid value", { value, year });
         }
       }
     },
@@ -341,7 +341,7 @@ const _sfc_main = {
           const date = new Date(new Date(value).setMonth(month));
           this.$refs.datepicker.selectDate(date);
         } catch {
-          logger.logger.error("Invalid value", value, month);
+          logger.logger.error("Invalid value", { value, month });
         }
       }
     },
@@ -388,7 +388,7 @@ var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
   _sfc_staticRenderFns,
   false,
   null,
-  "02dc6799"
+  "3e415d44"
 );
 const NcDateTimePicker = __component__.exports;
 ScopeComponent.ScopeComponent(NcDateTimePicker);