@nextcloud/vue 9.0.0-rc.1 → 9.0.0-rc.3

package/dist/components/NcRichContenteditable/NcMentionBubble.vue.d.ts

@@ -3,14 +3,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         required: true;
     };
-    /**
-     * @deprecated Use `label` instead
-     */
-    title: {
-        type: StringConstructor;
-        required: false;
-        default: null;
-    };
     label: {
         type: StringConstructor;
         required: false;
@@ -35,7 +27,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, {}, {}, {
     avatarUrl(): string | null;
     mentionText(): string;
-    labelWithFallback(): string;
 }, {
     getAvatarUrl: (user: string, size: number | string, isGuest?: boolean) => string;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -43,14 +34,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         required: true;
     };
-    /**
-     * @deprecated Use `label` instead
-     */
-    title: {
-        type: StringConstructor;
-        required: false;
-        default: null;
-    };
     label: {
         type: StringConstructor;
         required: false;
@@ -74,7 +57,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>> & Readonly<{}>, {
     label: string;
-    title: string;
     primary: boolean;
     iconUrl: string | null;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/NcRichContenteditable/NcRichContenteditable.vue.d.ts

@@ -236,7 +236,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         genSelectTemplate(value: string): string;
         renderComponentHtml(props: object, component: object): string;
     };
-}, import('vue').ComponentOptionsMixin, ("submit" | "update:modelValue" | "paste" | "smart-picker-submit")[], "submit" | "update:modelValue" | "paste" | "smart-picker-submit", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, ("submit" | "paste" | "update:modelValue" | "smart-picker-submit")[], "submit" | "paste" | "update:modelValue" | "smart-picker-submit", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
      * The ID attribute of the content editable
      */

package/dist/components/NcRichContenteditable/index.mjs

@@ -1,4 +1,4 @@
-import { a, N, b } from "../../chunks/NcRichContenteditable-gt56b0Uw.mjs";
+import { a, N, b } from "../../chunks/NcRichContenteditable-CGP8KN41.mjs";
 export {
   a as NcAutoCompleteResult,
   N as NcMentionBubble,

package/dist/components/NcRichText/index.mjs

@@ -1,7 +1,7 @@
-import { N as NcRichText } from "../../chunks/NcRichText-CMRNgGQw.mjs";
-import { a } from "../../chunks/NcRichText-CMRNgGQw.mjs";
+import { N as NcRichText } from "../../chunks/NcRichText-DDllQirJ.mjs";
+import { a } from "../../chunks/NcRichText-DDllQirJ.mjs";
 import { N, d, i, b, r, c, a as a2 } from "../../chunks/index-BF8joS9W.mjs";
-import { e, f, N as N2, h, a as a3, g, b as b2, c as c2, d as d2, s } from "../../chunks/referencePickerModal-CMgdGDsm.mjs";
+import { e, f, N as N2, h, a as a3, g, b as b2, c as c2, d as d2, s } from "../../chunks/referencePickerModal-uLIBRHIc.mjs";
 export {
   N as NcCustomPickerRenderResult,
   a as NcReferenceList,

package/dist/components/NcSelect/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcSelect-DFMnY4fI.mjs";
+import { N } from "../../chunks/NcSelect-Bkg2rrDQ.mjs";
 export {
   N as default
 };

package/dist/components/NcSelectTags/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcSelectTags-BpFmhbdp.mjs";
+import { N } from "../../chunks/NcSelectTags-gJMICSS2.mjs";
 export {
   N as default
 };

package/dist/components/NcSelectUsers/NcSelectUsers.vue.d.ts

@@ -105,13 +105,13 @@ type __VLS_Props = {
     required?: boolean;
 };
 type __VLS_PublicProps = {
-    'modelValue'?: IUserData;
+    'modelValue'?: IUserData | IUserData[];
 } & __VLS_Props;
 declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     search: (args_0: string) => any;
-    "update:modelValue": (value: IUserData) => any;
+    "update:modelValue": (value: IUserData | IUserData[]) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onSearch?: ((args_0: string) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: IUserData) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: IUserData | IUserData[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/NcSelectUsers/index.mjs

@@ -1,73 +1,5 @@
-import '../../assets/index-D9L0rgJk.css';
-import { defineComponent, mergeModels, useModel, ref, watch, createBlock, openBlock, unref, mergeProps, withCtx, createVNode } from "vue";
-import { N as NcListItemIcon } from "../../chunks/NcListItemIcon-CytWJM69.mjs";
-import { N as NcSelect } from "../../chunks/NcSelect-DFMnY4fI.mjs";
-import { _ as _export_sfc } from "../../chunks/_plugin-vue_export-helper-1tPrXgE0.mjs";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "NcSelectUsers",
-  props: /* @__PURE__ */ mergeModels({
-    ariaLabelClearSelected: {},
-    ariaLabelListbox: {},
-    ariaLabelDeselectOption: { type: Function },
-    disabled: { type: Boolean },
-    inputId: {},
-    inputLabel: {},
-    labelOutside: { type: Boolean },
-    keepOpen: { type: Boolean },
-    loading: { type: Boolean },
-    multiple: { type: Boolean },
-    noWrap: { type: Boolean },
-    options: {},
-    placeholder: {},
-    required: { type: Boolean }
-  }, {
-    "modelValue": {},
-    "modelModifiers": {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["search"], ["update:modelValue"]),
-  setup(__props, { emit: __emit }) {
-    useModel(__props, "modelValue");
-    const emit = __emit;
-    const search = ref("");
-    watch(search, () => emit("search", search.value));
-    const clickableArea = Number.parseInt(window.getComputedStyle(document.body).getPropertyValue("--default-clickable-area"));
-    const gridBaseLine = Number.parseInt(window.getComputedStyle(document.body).getPropertyValue("--default-grid-baseline"));
-    const avatarSize = clickableArea - 2 * gridBaseLine;
-    function filterBy(option, label, search2) {
-      const EMAIL_NOTATION = /[^<]*<([^>]+)/;
-      const match = search2.match(EMAIL_NOTATION);
-      const subname = option.subname?.toLocaleLowerCase() ?? "";
-      return match && subname.indexOf(match[1].toLocaleLowerCase()) > -1 || `${label} ${option.subname}`.toLocaleLowerCase().indexOf(search2.toLocaleLowerCase()) > -1;
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(NcSelect), mergeProps({ class: "nc-select-users" }, _ctx.$props, {
-        "filter-by": filterBy,
-        label: "displayName",
-        onSearch: _cache[0] || (_cache[0] = ($event) => search.value = $event),
-        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:modelValue", $event))
-      }), {
-        option: withCtx((option) => [
-          createVNode(unref(NcListItemIcon), mergeProps(option, {
-            "avatar-size": 32,
-            name: option.displayName,
-            search: search.value
-          }), null, 16, ["name", "search"])
-        ]),
-        "selected-option": withCtx((selectedOption) => [
-          createVNode(unref(NcListItemIcon), mergeProps(selectedOption, {
-            "avatar-size": avatarSize,
-            name: selectedOption.displayName,
-            "no-margin": "",
-            search: search.value
-          }), null, 16, ["name", "search"])
-        ]),
-        _: 1
-      }, 16);
-    };
-  }
-});
-const NcSelectUsers = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cb274075"]]);
+import { N } from "../../chunks/NcSelectUsers-mRdIiG7L.mjs";
 export {
-  NcSelectUsers as default
+  N as default
 };
 //# sourceMappingURL=index.mjs.map

package/dist/components/NcSelectUsers/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/NcSelectUsers/NcSelectUsers.vue"],"sourcesContent":["<!--\n\t- SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors\n\t- SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<docs>\n### Nextcloud user picker\n\n#### Examples\n\n```vue\n<template>\n\t<div class=\"grid\">\n\t\t<div v-for=\"{ props } in selectArray\"\n\t\t\tclass=\"container\">\n\t\t\t<NcSelectUsers v-bind=\"props\"\n\t\t\t\tv-model=\"props.value\" />\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport svgAccountGroup from '@mdi/svg/svg/account-group.svg?raw'\nimport svgEmail from '@mdi/svg/svg/email.svg?raw'\n\nconst selectArray = [\n\t{\n\t\tprops: {\n\t\t\tinputLabel: 'User select',\n\t\t\toptions: [\n\t\t\t\t{\n\t\t\t\t\tid: '0-john',\n\t\t\t\t\tdisplayName: 'John',\n\t\t\t\t\tisNoUser: false,\n\t\t\t\t\tsubname: 'john@example.org',\n\t\t\t\t\t// Example of how to show the user status within the option\n\t\t\t\t\tuser: '0-john',\n\t\t\t\t\tpreloadedUserStatus: {\n\t\t\t\t\t\tstatus: 'online',\n\t\t\t\t\t\tmessage: 'I am online',\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tid: '0-emma',\n\t\t\t\t\tdisplayName: 'Emma',\n\t\t\t\t\tisNoUser: false,\n\t\t\t\t\tsubname: 'emma@example.org',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tid: '0-olivia',\n\t\t\t\t\tdisplayName: 'Olivia',\n\t\t\t\t\tisNoUser: false,\n\t\t\t\t\tsubname: 'olivia@example.org',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tid: '0-noah',\n\t\t\t\t\tdisplayName: 'Noah',\n\t\t\t\t\tisNoUser: false,\n\t\t\t\t\tsubname: 'noah@example.org',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tid: '0-oliver',\n\t\t\t\t\tdisplayName: 'Oliver',\n\t\t\t\t\tisNoUser: false,\n\t\t\t\t\tsubname: 'oliver@example.org',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tid: '1-admin',\n\t\t\t\t\tdisplayName: 'Admin',\n\t\t\t\t\tisNoUser: true,\n\t\t\t\t\ticonSvg: svgAccountGroup,\n\t\t\t\t\ticonName: 'Group icon',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tid: '2-org@example.org',\n\t\t\t\t\tdisplayName: 'Organization',\n\t\t\t\t\tisNoUser: true,\n\t\t\t\t\tsubname: 'org@example.org',\n\t\t\t\t\ticonSvg: svgEmail,\n\t\t\t\t\ticonName: 'Email icon',\n\t\t\t\t},\n\t\t\t],\n\t\t},\n\t},\n\n\t{\n\t\tprops: {\n\t\t\tinputLabel: 'Multiple user select (stay open on select)',\n\t\t\tkeepOpen: true,\n\t\t\tmultiple: true,\n\t\t\toptions: [\n\t\t\t\t{\n\t\t\t\t\tid: '0-john',\n\t\t\t\t\tdisplayName: 'John',\n\t\t\t\t\tisNoUser: false,\n\t\t\t\t\tsubname: 'john@example.org',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tid: '0-emma',\n\t\t\t\t\tdisplayName: 'Emma',\n\t\t\t\t\tisNoUser: false,\n\t\t\t\t\tsubname: 'emma@example.org',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tid: '0-olivia',\n\t\t\t\t\tdisplayName: 'Olivia',\n\t\t\t\t\tisNoUser: false,\n\t\t\t\t\tsubname: 'olivia@example.org',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tid: '0-noah',\n\t\t\t\t\tdisplayName: 'Noah',\n\t\t\t\t\tisNoUser: false,\n\t\t\t\t\tsubname: 'noah@example.org',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tid: '0-oliver',\n\t\t\t\t\tdisplayName: 'Oliver',\n\t\t\t\t\tisNoUser: false,\n\t\t\t\t\tsubname: 'oliver@example.org',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tid: '1-admin',\n\t\t\t\t\tdisplayName: 'Admin',\n\t\t\t\t\tisNoUser: true,\n\t\t\t\t\ticonSvg: svgAccountGroup,\n\t\t\t\t\ticonName: 'Group icon',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tid: '2-org@example.org',\n\t\t\t\t\tdisplayName: 'Organization',\n\t\t\t\t\tisNoUser: true,\n\t\t\t\t\tsubname: 'org@example.org',\n\t\t\t\t\ticonSvg: svgEmail,\n\t\t\t\t\ticonName: 'Email icon',\n\t\t\t\t},\n\t\t\t],\n\t\t},\n\t},\n]\n\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\tselectArray,\n\t\t}\n\t},\n}\n</script>\n\n<style>\n.grid {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(1, 500px);\n\tgap: 10px;\n}\n\n.container {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 2px 0;\n}\n</style>\n```\n</docs>\n\n<script setup lang=\"ts\">\nimport { ref, watch } from 'vue'\n\nimport NcListItemIcon from '../NcListItemIcon/index.js'\nimport NcSelect from '../NcSelect/index.js'\n\nexport interface IUserData {\n\tid: string\n\n\t/**\n\t * Main display name\n\t */\n\tdisplayName: string\n\n\t/**\n\t * The user id.\n\t * Will be used to fetch the user status if not disabled.\n\t */\n\tuser?: string\n\n\t/**\n\t * The secondary displayname (e.g. the email address).\n\t */\n\tsubname?: string\n\n\t/**\n\t * Optional icon to use as the avatar.\n\t * Setting this will disable the automatic avatar loading.\n\t */\n\ticonSvg?: string\n\n\t/**\n\t * Accessible name for the icon.\n\t */\n\ticonName?: string\n\n\t/**\n\t * If this is a guest user.\n\t * Needed as guest users have a different API endpoint for avatar loading.\n\t */\n\tisGuest?: boolean\n\n\t/**\n\t * Set if this is not a regular user.\n\t * This will disable user status and avatar loading.\n\t */\n\tisNoUser?: boolean\n}\n\ndefineProps<{\n\t/**\n\t * `aria-label` for the clear input button.\n\t *\n\t * @default 'Clear selected'\n\t */\n\tariaLabelClearSelected?: string\n\n\t/**\n\t * `aria-label` for the listbox element.\n\t *\n\t * @default 'Options'\n\t */\n\tariaLabelListbox?: string\n\n\t/**\n\t * Allows to customize the `aria-label` for the deselect-option button.\n\t *\n\t * @default (label) => `Deselect ${label}`\n\t */\n\tariaLabelDeselectOption?: (label: string) => string\n\n\t/**\n\t * Disable the component.\n\t */\n\tdisabled?: boolean\n\n\t/**\n\t * Input element id.\n\t *\n\t * @default random generated id\n\t */\n\tinputId?: string\n\n\t/**\n\t * Visible label for the input element\n\t *\n\t * @default 'Select account'\n\t */\n\tinputLabel?: string\n\n\t/**\n\t * Pass true if you are using an external label.\n\t * In this case make sure you set the `for` attribute of your `<label>` to the `inputId` of this component.\n\t */\n\tlabelOutside?: boolean\n\n\t/**\n\t * Keep the dropdown open after selecting an entry.\n\t */\n\tkeepOpen?: boolean\n\n\t/**\n\t * Show a loading icon.\n\t */\n\tloading?: boolean\n\n\t/**\n\t * Allow selection of multiple options\n\t */\n\tmultiple?: boolean\n\n\t/**\n\t * Disable automatic wrapping when selected options overflow the width.\n\t */\n\tnoWrap?: boolean\n\n\t/**\n\t * Array of users or similar object (e.g. groups or guest users).\n\t */\n\toptions: IUserData[]\n\n\t/**\n\t * Placeholder text.\n\t *\n\t * @default ''\n\t */\n\tplaceholder?: string\n\n\t/**\n\t * Enable if a value is required for native form validation.\n\t */\n\trequired?: boolean\n}>()\n\n/**\n * Currently selected value.\n * The `v-model` directive may be used for two-way data binding.\n */\ndefineModel<IUserData>('modelValue')\n\nconst emit = defineEmits<{\n\t/**\n\t * Emitted when the user enters some query.\n\t * This can be used to asynchronously fetch more options.\n\t */\n\tsearch: [string]\n}>()\n\nconst search = ref('')\nwatch(search, () => emit('search', search.value))\n\n// Avatar size so the component has the same size as Nc*Field\nconst clickableArea = Number.parseInt(window.getComputedStyle(document.body).getPropertyValue('--default-clickable-area'))\nconst gridBaseLine = Number.parseInt(window.getComputedStyle(document.body).getPropertyValue('--default-grid-baseline'))\nconst avatarSize = clickableArea - 2 * gridBaseLine\n\n/**\n * Filter function to search users.\n *\n * @param option - The option to check\n * @param option.subname - The second line to check (often the email address)\n * @param label - The label of the option\n * @param search - The current search string\n */\nfunction filterBy(option: { subname?: string }, label: string, search: string) {\n\t// Match the email notation like \"Jane <j.doe@example.com>\" with the email address as matching group\n\tconst EMAIL_NOTATION = /[^<]*<([^>]+)/\n\n\tconst match = search.match(EMAIL_NOTATION)\n\tconst subname = option.subname?.toLocaleLowerCase() ?? ''\n\treturn (match && subname.indexOf(match[1].toLocaleLowerCase()) > -1)\n\t\t|| (`${label} ${option.subname}`\n\t\t\t.toLocaleLowerCase()\n\t\t\t.indexOf(search.toLocaleLowerCase()) > -1)\n}\n</script>\n\n<template>\n\t<NcSelect class=\"nc-select-users\"\n\t\tv-bind=\"$props\"\n\t\t:filter-by\n\t\tlabel=\"displayName\"\n\t\t@search=\"search = $event\"\n\t\t@update:model-value=\"$emit('update:modelValue', $event)\">\n\t\t<template #option=\"option\">\n\t\t\t<NcListItemIcon v-bind=\"option\"\n\t\t\t\t:avatar-size=\"32\"\n\t\t\t\t:name=\"option.displayName\"\n\t\t\t\t:search />\n\t\t</template>\n\t\t<template #selected-option=\"selectedOption\">\n\t\t\t<NcListItemIcon v-bind=\"selectedOption\"\n\t\t\t\t:avatar-size\n\t\t\t\t:name=\"selectedOption.displayName\"\n\t\t\t\tno-margin\n\t\t\t\t:search />\n\t\t</template>\n\t</NcSelect>\n</template>\n\n<style scoped lang=\"css\">\n.nc-select-users :deep(.vs__selected) {\n\tpadding-inline: 0 5px !important;\n}\n</style>\n"],"names":["_useModel","search"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAgTAA,sBAAuB,YAAY;AAEnC,UAAM,OAAO;AAQP,UAAA,SAAS,IAAI,EAAE;AACrB,UAAM,QAAQ,MAAM,KAAK,UAAU,OAAO,KAAK,CAAC;AAG1C,UAAA,gBAAgB,OAAO,SAAS,OAAO,iBAAiB,SAAS,IAAI,EAAE,iBAAiB,0BAA0B,CAAC;AACnH,UAAA,eAAe,OAAO,SAAS,OAAO,iBAAiB,SAAS,IAAI,EAAE,iBAAiB,yBAAyB,CAAC;AACjH,UAAA,aAAa,gBAAgB,IAAI;AAU9B,aAAA,SAAS,QAA8B,OAAeC,SAAgB;AAE9E,YAAM,iBAAiB;AAEjB,YAAA,QAAQA,QAAO,MAAM,cAAc;AACzC,YAAM,UAAU,OAAO,SAAS,kBAAuB,KAAA;AAC/C,aAAA,SAAS,QAAQ,QAAQ,MAAM,CAAC,EAAE,kBAAA,CAAmB,IAAI,MAC5D,GAAG,KAAK,IAAI,OAAO,OAAO,GAC5B,oBACA,QAAQA,QAAO,kBAAmB,CAAA,IAAI;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/NcSettingsInputText/NcSettingsInputText.vue.d.ts

@@ -46,7 +46,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onInput(event: any): void;
     onSubmit(event: any): void;
     onChange(event: any): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("submit" | "input" | "update:modelValue" | "change")[], "submit" | "input" | "update:modelValue" | "change", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("submit" | "input" | "change" | "update:modelValue")[], "submit" | "input" | "change" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
      * label of the select group element
      */

package/dist/components/NcSettingsInputText/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcSettingsInputText-CMBC7DaG.mjs";
+import { N } from "../../chunks/NcSettingsInputText-P8cEi0aP.mjs";
 export {
   N as default
 };

package/dist/components/NcSettingsSection/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcSettingsSection-Crla6NXM.mjs";
+import { N } from "../../chunks/NcSettingsSection-DkDLjL_G.mjs";
 export {
   N as default
 };

package/dist/components/NcSettingsSelectGroup/index.mjs

@@ -1,4 +1,4 @@
-import { N as NcSettingsSelectGroup } from "../../chunks/NcSettingsSelectGroup-BOv1UgHX.mjs";
+import { N as NcSettingsSelectGroup } from "../../chunks/NcSettingsSelectGroup-BvYxv8aw.mjs";
 export {
   NcSettingsSelectGroup,
   NcSettingsSelectGroup as default

package/dist/components/NcTextArea/NcTextArea.vue.d.ts

@@ -1,208 +1,89 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { VueClassType } from '../../utils/VueTypes.ts';
+type __VLS_Props = {
     /**
-     * The value of the input field
+     * Disable the text area
      */
-    modelValue: {
-        type: StringConstructor;
-        required: true;
-    };
+    disabled?: boolean;
     /**
-     * The input label, always provide one for accessibility purposes.
-     * This will also be used as a placeholder unless the placeholder
-     * prop is populated with a different string.
-     */
-    label: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    /**
-     * Pass in true if you want to use an external label. This is useful
-     * if you need a label that looks different from the one provided by
-     * this component
-     */
-    labelOutside: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * The placeholder of the input. This defaults as the string that's
-     * passed into the label prop. In order to remove the placeholder,
-     * pass in an empty string.
-     */
-    placeholder: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    /**
-     * Toggles the success state of the component. Adds a checkmark icon.
-     * this cannot be used together with canClear.
-     */
-    success: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Toggles the error state of the component. Adds an error icon.
-     * this cannot be used together with canClear.
+     * Toggles the error state of the component.
+     * Adds an error icon.
      */
-    error: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    error?: boolean;
     /**
      * Additional helper text message
      *
      * This will be displayed beneath the input field. In case the field is
      * also marked as having an error, the text will be displayed in red.
      */
-    helperText: {
-        type: StringConstructor;
-        default: string;
-    };
+    helperText?: string;
     /**
-     * Disable the input field
+     * The id of the textarea element
      */
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    id?: string;
     /**
-     * Class to add to the input field.
-     * Necessary to use NcInputField in the NcActionInput component.
+     * Class to add to the `<textarea>` element.
      */
-    inputClass: {
-        type: (ObjectConstructor | StringConstructor)[];
-        default: string;
-    };
-    /**
-     * The resize CSS property sets whether an element is resizable, and if
-     * so, in which directions.
-     */
-    resize: {
-        type: StringConstructor;
-        default: string;
-        validator: (value: unknown) => boolean;
-    };
-}>, {}, {}, {
-    computedId(): {};
-    inputName(): string;
-    hasPlaceholder(): boolean;
-    computedPlaceholder(): string | undefined;
-    isValidLabel(): string | boolean;
-    ariaDescribedby(): string | null;
-}, {
-    /**
-     * Focus the input element
-     *
-     * @public
-     */
-    focus(): void;
-    /**
-     * Select all the text in the input
-     *
-     * @public
-     */
-    select(): void;
-    handleInput(event: any): void;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    /**
-     * The value of the input field
-     */
-    modelValue: {
-        type: StringConstructor;
-        required: true;
-    };
+    inputClass?: VueClassType;
     /**
      * The input label, always provide one for accessibility purposes.
      * This will also be used as a placeholder unless the placeholder
      * prop is populated with a different string.
      */
-    label: {
-        type: StringConstructor;
-        default: undefined;
-    };
+    label?: string;
     /**
      * Pass in true if you want to use an external label. This is useful
      * if you need a label that looks different from the one provided by
      * this component
      */
-    labelOutside: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    labelOutside?: boolean;
     /**
      * The placeholder of the input. This defaults as the string that's
      * passed into the label prop. In order to remove the placeholder,
      * pass in an empty string.
      */
-    placeholder: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    /**
-     * Toggles the success state of the component. Adds a checkmark icon.
-     * this cannot be used together with canClear.
-     */
-    success: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Toggles the error state of the component. Adds an error icon.
-     * this cannot be used together with canClear.
-     */
-    error: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Additional helper text message
-     *
-     * This will be displayed beneath the input field. In case the field is
-     * also marked as having an error, the text will be displayed in red.
-     */
-    helperText: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Disable the input field
-     */
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Class to add to the input field.
-     * Necessary to use NcInputField in the NcActionInput component.
-     */
-    inputClass: {
-        type: (ObjectConstructor | StringConstructor)[];
-        default: string;
-    };
+    placeholder?: string;
     /**
      * The resize CSS property sets whether an element is resizable, and if
      * so, in which directions.
      */
-    resize: {
-        type: StringConstructor;
-        default: string;
-        validator: (value: unknown) => boolean;
-    };
-}>> & Readonly<{
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    resize?: 'both' | 'vertical' | 'horizontal' | 'none';
+    /**
+     * Toggles the success state of the component.
+     * Adds a checkmark icon.
+     */
+    success?: boolean;
+};
+/**
+ * Focus the input element
+ *
+ * @param options - Focus options
+ * @public
+ */
+declare function focus(options?: FocusOptions): void;
+/**
+ * Select all the text in the input
+ *
+ * @public
+ */
+declare function select(): void;
+type __VLS_PublicProps = {
+    modelValue: string;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
+    focus: typeof focus;
+    select: typeof select;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
+    id: string;
     label: string;
-    disabled: boolean;
-    inputClass: string | Record<string, any>;
-    labelOutside: boolean;
+    resize: "both" | "vertical" | "horizontal" | "none";
+    inputClass: VueClassType;
     placeholder: string;
-    error: boolean;
-    resize: string;
-    success: boolean;
     helperText: string;
-}, {}, {
-    AlertCircle: any;
-    Check: any;
-}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    input: HTMLTextAreaElement;
+}, any>;
 export default _default;

package/dist/components/NcTextArea/index.d.ts

@@ -1 +1,5 @@
+/**
+ * SPDX-FileCopyrightText: 2023 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
 export { default } from './NcTextArea.vue';

package/dist/components/NcTextArea/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcTextArea-DKHjCur8.mjs";
+import { N } from "../../chunks/NcTextArea-D4hJqp6W.mjs";
 export {
   N as default
 };