@nextcloud/vue 8.6.2 → 8.7.0

package/dist/Functions/registerReference.mjs

@@ -0,0 +1,71 @@
+window._vue_richtext_widgets || (window._vue_richtext_widgets = {});
+const s = (e) => !!window._vue_richtext_widgets[e], o = (e, t, r = (i) => {
+}) => {
+  if (window._vue_richtext_widgets[e]) {
+    console.error("Widget for id " + e + " already registered");
+    return;
+  }
+  window._vue_richtext_widgets[e] = {
+    id: e,
+    callback: t,
+    onDestroy: r
+  };
+}, c = (e, { richObjectType: t, richObject: r, accessible: i, interactive: n }) => {
+  if (t !== "open-graph") {
+    if (!window._vue_richtext_widgets[t]) {
+      console.error("Widget for rich object type " + t + " not registered");
+      return;
+    }
+    window._vue_richtext_widgets[t].callback(e, { richObjectType: t, richObject: r, accessible: i, interactive: n });
+  }
+}, u = (e, t) => {
+  e !== "open-graph" && window._vue_richtext_widgets[e] && window._vue_richtext_widgets[e].onDestroy(t);
+};
+window._registerWidget = o;
+window._vue_richtext_custom_picker_elements || (window._vue_richtext_custom_picker_elements = {});
+class w {
+  /**
+   * @param {HTMLElement} element The HTML element
+   * @param {object} object The object
+   */
+  constructor(t, r) {
+    this.element = t, this.object = r;
+  }
+}
+const l = (e) => !!window._vue_richtext_custom_picker_elements[e], d = (e) => {
+  const t = window._vue_richtext_custom_picker_elements[e]?.size;
+  return ["small", "normal", "large", "full"].includes(t) ? t : null;
+}, _ = (e, t, r = (n) => {
+}, i = "large") => {
+  if (window._vue_richtext_custom_picker_elements[e]) {
+    console.error("Custom reference picker element for id " + e + " already registered");
+    return;
+  }
+  window._vue_richtext_custom_picker_elements[e] = {
+    id: e,
+    callback: t,
+    onDestroy: r,
+    size: i
+  };
+}, m = (e, { providerId: t, accessible: r }) => {
+  if (!window._vue_richtext_custom_picker_elements[t]) {
+    console.error("Custom reference picker element for reference provider ID " + t + " not registered");
+    return;
+  }
+  return window._vue_richtext_custom_picker_elements[t].callback(e, { providerId: t, accessible: r });
+}, g = (e, t, r) => {
+  window._vue_richtext_custom_picker_elements[e] && window._vue_richtext_custom_picker_elements[e].onDestroy(t, r);
+};
+window._registerCustomPickerElement = _;
+export {
+  w as NcCustomPickerRenderResult,
+  g as destroyCustomPickerElement,
+  u as destroyWidget,
+  d as getCustomPickerElementSize,
+  l as isCustomPickerElementRegistered,
+  s as isWidgetRegistered,
+  _ as registerCustomPickerElement,
+  o as registerWidget,
+  m as renderCustomPickerElement,
+  c as renderWidget
+};

package/dist/Functions/registerReference.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerReference.mjs","sources":["../../src/functions/reference/widgets.js","../../src/functions/reference/customPickerElements.js"],"sourcesContent":["if (!window._vue_richtext_widgets) {\n\twindow._vue_richtext_widgets = {}\n}\n\nconst isWidgetRegistered = (id) => {\n\treturn !!window._vue_richtext_widgets[id]\n}\n\nconst registerWidget = (id, callback, onDestroy = (el) => {}) => {\n\tif (window._vue_richtext_widgets[id]) {\n\t\tconsole.error('Widget for id ' + id + ' already registered')\n\t\treturn\n\t}\n\n\twindow._vue_richtext_widgets[id] = {\n\t\tid,\n\t\tcallback,\n\t\tonDestroy,\n\t}\n}\n\nconst renderWidget = (el, { richObjectType, richObject, accessible, interactive }) => {\n\tif (richObjectType === 'open-graph') {\n\t\treturn\n\t}\n\n\tif (!window._vue_richtext_widgets[richObjectType]) {\n\t\tconsole.error('Widget for rich object type ' + richObjectType + ' not registered')\n\t\treturn\n\t}\n\n\twindow._vue_richtext_widgets[richObjectType].callback(el, { richObjectType, richObject, accessible, interactive })\n}\n\nconst destroyWidget = (richObjectType, el) => {\n\tif (richObjectType === 'open-graph') {\n\t\treturn\n\t}\n\n\tif (!window._vue_richtext_widgets[richObjectType]) {\n\t\treturn\n\t}\n\n\twindow._vue_richtext_widgets[richObjectType].onDestroy(el)\n}\n\nwindow._registerWidget = registerWidget\n\nexport {\n\tregisterWidget,\n\trenderWidget,\n\tdestroyWidget,\n\tisWidgetRegistered,\n}\n","if (!window._vue_richtext_custom_picker_elements) {\n\twindow._vue_richtext_custom_picker_elements = {}\n}\n\n/**\n * Representation of the render callback result\n * It contains a dom element and an object (Vue instance or other fancy things)\n */\nclass NcCustomPickerRenderResult {\n\n\t/**\n\t * @param {HTMLElement} element The HTML element\n\t * @param {object} object The object\n\t */\n\tconstructor(element, object) {\n\t\tthis.element = element\n\t\tthis.object = object\n\t}\n\n}\n\nconst isCustomPickerElementRegistered = (id) => {\n\treturn !!window._vue_richtext_custom_picker_elements[id]\n}\n\nconst getCustomPickerElementSize = (id) => {\n\tconst size = window._vue_richtext_custom_picker_elements[id]?.size\n\tif (['small', 'normal', 'large', 'full'].includes(size)) {\n\t\treturn size\n\t}\n\treturn null\n}\n\nconst registerCustomPickerElement = (id, callback, onDestroy = (el) => {}, size = 'large') => {\n\tif (window._vue_richtext_custom_picker_elements[id]) {\n\t\tconsole.error('Custom reference picker element for id ' + id + ' already registered')\n\t\treturn\n\t}\n\n\twindow._vue_richtext_custom_picker_elements[id] = {\n\t\tid,\n\t\tcallback,\n\t\tonDestroy,\n\t\tsize,\n\t}\n}\n\nconst renderCustomPickerElement = (el, { providerId, accessible }) => {\n\tif (!window._vue_richtext_custom_picker_elements[providerId]) {\n\t\tconsole.error('Custom reference picker element for reference provider ID ' + providerId + ' not registered')\n\t\treturn\n\t}\n\n\treturn window._vue_richtext_custom_picker_elements[providerId].callback(el, { providerId, accessible })\n}\n\nconst destroyCustomPickerElement = (providerId, el, renderResult) => {\n\tif (!window._vue_richtext_custom_picker_elements[providerId]) {\n\t\treturn\n\t}\n\n\twindow._vue_richtext_custom_picker_elements[providerId].onDestroy(el, renderResult)\n}\n\nwindow._registerCustomPickerElement = registerCustomPickerElement\n\nexport {\n\tNcCustomPickerRenderResult,\n\tregisterCustomPickerElement,\n\trenderCustomPickerElement,\n\tdestroyCustomPickerElement,\n\tisCustomPickerElementRegistered,\n\tgetCustomPickerElementSize,\n}\n"],"names":["isWidgetRegistered","id","registerWidget","callback","onDestroy","el","renderWidget","richObjectType","richObject","accessible","interactive","destroyWidget","NcCustomPickerRenderResult","element","object","isCustomPickerElementRegistered","getCustomPickerElementSize","size","registerCustomPickerElement","renderCustomPickerElement","providerId","destroyCustomPickerElement","renderResult"],"mappings":"AAAK,OAAO,0BACX,OAAO,wBAAwB,CAAE;AAG7B,MAACA,IAAqB,CAACC,MACpB,CAAC,CAAC,OAAO,sBAAsBA,CAAE,GAGnCC,IAAiB,CAACD,GAAIE,GAAUC,IAAY,CAACC,MAAO;MAAO;AAChE,MAAI,OAAO,sBAAsBJ,CAAE,GAAG;AACrC,YAAQ,MAAM,mBAAmBA,IAAK,qBAAqB;AAC3D;AAAA,EACA;AAED,SAAO,sBAAsBA,CAAE,IAAI;AAAA,IAClC,IAAAA;AAAA,IACA,UAAAE;AAAA,IACA,WAAAC;AAAA,EACA;AACF,GAEME,IAAe,CAACD,GAAI,EAAE,gBAAAE,GAAgB,YAAAC,GAAY,YAAAC,GAAY,aAAAC,QAAkB;AACrF,MAAIH,MAAmB,cAIvB;AAAA,QAAI,CAAC,OAAO,sBAAsBA,CAAc,GAAG;AAClD,cAAQ,MAAM,iCAAiCA,IAAiB,iBAAiB;AACjF;AAAA,IACA;AAED,WAAO,sBAAsBA,CAAc,EAAE,SAASF,GAAI,EAAE,gBAAAE,GAAgB,YAAAC,GAAY,YAAAC,GAAY,aAAAC,GAAa;AAAA;AAClH,GAEMC,IAAgB,CAACJ,GAAgBF,MAAO;AAC7C,EAAIE,MAAmB,gBAIlB,OAAO,sBAAsBA,CAAc,KAIhD,OAAO,sBAAsBA,CAAc,EAAE,UAAUF,CAAE;AAC1D;AAEA,OAAO,kBAAkBH;AC9CpB,OAAO,yCACX,OAAO,uCAAuC,CAAE;AAOjD,MAAMU,EAA2B;AAAA;AAAA;AAAA;AAAA;AAAA,EAMhC,YAAYC,GAASC,GAAQ;AAC5B,SAAK,UAAUD,GACf,KAAK,SAASC;AAAA,EACd;AAEF;AAEK,MAACC,IAAkC,CAACd,MACjC,CAAC,CAAC,OAAO,qCAAqCA,CAAE,GAGlDe,IAA6B,CAACf,MAAO;AAC1C,QAAMgB,IAAO,OAAO,qCAAqChB,CAAE,GAAG;AAC9D,SAAI,CAAC,SAAS,UAAU,SAAS,MAAM,EAAE,SAASgB,CAAI,IAC9CA,IAED;AACR,GAEMC,IAA8B,CAACjB,GAAIE,GAAUC,IAAY,CAACC,MAAO;AAAA,GAAIY,IAAO,YAAY;AAC7F,MAAI,OAAO,qCAAqChB,CAAE,GAAG;AACpD,YAAQ,MAAM,4CAA4CA,IAAK,qBAAqB;AACpF;AAAA,EACA;AAED,SAAO,qCAAqCA,CAAE,IAAI;AAAA,IACjD,IAAAA;AAAA,IACA,UAAAE;AAAA,IACA,WAAAC;AAAA,IACA,MAAAa;AAAA,EACA;AACF,GAEME,IAA4B,CAACd,GAAI,EAAE,YAAAe,GAAY,YAAAX,EAAU,MAAO;AACrE,MAAI,CAAC,OAAO,qCAAqCW,CAAU,GAAG;AAC7D,YAAQ,MAAM,+DAA+DA,IAAa,iBAAiB;AAC3G;AAAA,EACA;AAED,SAAO,OAAO,qCAAqCA,CAAU,EAAE,SAASf,GAAI,EAAE,YAAAe,GAAY,YAAAX,GAAY;AACvG,GAEMY,IAA6B,CAACD,GAAYf,GAAIiB,MAAiB;AACpE,EAAK,OAAO,qCAAqCF,CAAU,KAI3D,OAAO,qCAAqCA,CAAU,EAAE,UAAUf,GAAIiB,CAAY;AACnF;AAEA,OAAO,+BAA+BJ;"}

package/dist/assets/{NcActionButton-1Z9lN7ar.css → NcActionButton-rOZFVQA8.css}

@@ -20,7 +20,7 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
-.material-design-icon[data-v-04ec546c] {
+.material-design-icon[data-v-51d9ee64] {
   display: flex;
   align-self: center;
   justify-self: center;
@@ -49,24 +49,24 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
-li.action.active[data-v-04ec546c] {
+li.action.active[data-v-51d9ee64] {
   background-color: var(--color-background-hover);
   border-radius: 6px;
   padding: 0;
 }
-.action--disabled[data-v-04ec546c] {
+.action--disabled[data-v-51d9ee64] {
   pointer-events: none;
   opacity: .5;
 }
-.action--disabled[data-v-04ec546c]:hover,
-.action--disabled[data-v-04ec546c]:focus {
+.action--disabled[data-v-51d9ee64]:hover,
+.action--disabled[data-v-51d9ee64]:focus {
   cursor: default;
   opacity: .5;
 }
-.action--disabled *[data-v-04ec546c] {
+.action--disabled *[data-v-51d9ee64] {
   opacity: 1 !important;
 }
-.action-button[data-v-04ec546c] {
+.action-button[data-v-51d9ee64] {
   display: flex;
   align-items: flex-start;
   width: 100%;
@@ -85,11 +85,11 @@ li.action.active[data-v-04ec546c] {
   font-size: var(--default-font-size);
   line-height: 44px;
 }
-.action-button > span[data-v-04ec546c] {
+.action-button > span[data-v-51d9ee64] {
   cursor: pointer;
   white-space: nowrap;
 }
-.action-button__icon[data-v-04ec546c] {
+.action-button__icon[data-v-51d9ee64] {
   width: 44px;
   height: 44px;
   opacity: 1;
@@ -97,16 +97,16 @@ li.action.active[data-v-04ec546c] {
   background-size: 16px;
   background-repeat: no-repeat;
 }
-.action-button[data-v-04ec546c] .material-design-icon {
+.action-button[data-v-51d9ee64] .material-design-icon {
   width: 44px;
   height: 44px;
   opacity: 1;
 }
-.action-button[data-v-04ec546c] .material-design-icon .material-design-icon__svg {
+.action-button[data-v-51d9ee64] .material-design-icon .material-design-icon__svg {
   vertical-align: middle;
 }
-.action-button__longtext-wrapper[data-v-04ec546c],
-.action-button__longtext[data-v-04ec546c] {
+.action-button__longtext-wrapper[data-v-51d9ee64],
+.action-button__longtext[data-v-51d9ee64] {
   max-width: 220px;
   line-height: 1.6em;
   padding: 10.8px 0;
@@ -115,11 +115,11 @@ li.action.active[data-v-04ec546c] {
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.action-button__longtext[data-v-04ec546c] {
+.action-button__longtext[data-v-51d9ee64] {
   cursor: pointer;
   white-space: pre-wrap !important;
 }
-.action-button__name[data-v-04ec546c] {
+.action-button__name[data-v-51d9ee64] {
   font-weight: 700;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -127,8 +127,8 @@ li.action.active[data-v-04ec546c] {
   max-width: 100%;
   display: inline-block;
 }
-.action-button__menu-icon[data-v-04ec546c],
-.action-button__pressed-icon[data-v-04ec546c] {
+.action-button__menu-icon[data-v-51d9ee64],
+.action-button__pressed-icon[data-v-51d9ee64] {
   margin-left: auto;
   margin-right: -14px;
 }

package/dist/assets/{NcBreadcrumb-M3hqCbqS.css → NcBreadcrumb-HspaFygg.css}

@@ -20,61 +20,61 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
-.material-design-icon[data-v-671302e9] {
+.material-design-icon[data-v-fe4740ac] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.vue-crumb[data-v-671302e9] {
+.vue-crumb[data-v-fe4740ac] {
   background-image: none;
   display: inline-flex;
   height: 44px;
   padding: 0;
 }
-.vue-crumb[data-v-671302e9]:last-child {
+.vue-crumb[data-v-fe4740ac]:last-child {
   min-width: 0;
 }
-.vue-crumb:last-child .vue-crumb__separator[data-v-671302e9] {
+.vue-crumb:last-child .vue-crumb__separator[data-v-fe4740ac] {
   display: none;
 }
-.vue-crumb--hidden[data-v-671302e9] {
+.vue-crumb--hidden[data-v-fe4740ac] {
   display: none;
 }
-.vue-crumb__separator[data-v-671302e9] {
+.vue-crumb__separator[data-v-fe4740ac] {
   padding: 0;
   color: var(--color-text-maxcontrast);
 }
-.vue-crumb.vue-crumb--hovered[data-v-671302e9] .button-vue {
+.vue-crumb.vue-crumb--hovered[data-v-fe4740ac] .button-vue {
   background-color: var(--color-background-dark);
   color: var(--color-main-text);
 }
-.vue-crumb[data-v-671302e9]:not(:last-child) .button-vue {
+.vue-crumb[data-v-fe4740ac]:not(:last-child) .button-vue {
   color: var(--color-text-maxcontrast);
 }
-.vue-crumb[data-v-671302e9]:not(:last-child) .button-vue:hover,
-.vue-crumb[data-v-671302e9]:not(:last-child) .button-vue:focus {
+.vue-crumb[data-v-fe4740ac]:not(:last-child) .button-vue:hover,
+.vue-crumb[data-v-fe4740ac]:not(:last-child) .button-vue:focus {
   background-color: var(--color-background-dark);
   color: var(--color-main-text);
 }
-.vue-crumb[data-v-671302e9]:not(:last-child) .button-vue__text {
+.vue-crumb[data-v-fe4740ac]:not(:last-child) .button-vue__text {
   font-weight: 400;
 }
-.vue-crumb[data-v-671302e9] .button-vue__text {
+.vue-crumb[data-v-fe4740ac] .button-vue__text {
   margin: 0;
 }
-.vue-crumb[data-v-671302e9]:not(.dropdown) .action-item {
+.vue-crumb[data-v-fe4740ac]:not(.dropdown) .action-item {
   max-width: 100%;
 }
-.vue-crumb[data-v-671302e9]:not(.dropdown) .action-item .button-vue {
+.vue-crumb[data-v-fe4740ac]:not(.dropdown) .action-item .button-vue {
   padding: 0 4px 0 16px;
   max-width: 100%;
 }
-.vue-crumb[data-v-671302e9]:not(.dropdown) .action-item .button-vue__wrapper {
+.vue-crumb[data-v-fe4740ac]:not(.dropdown) .action-item .button-vue__wrapper {
   flex-direction: row-reverse;
 }
-.vue-crumb[data-v-671302e9]:not(.dropdown) .action-item.action-item--open .action-item__menutoggle {
+.vue-crumb[data-v-fe4740ac]:not(.dropdown) .action-item.action-item--open .action-item__menutoggle {
   background-color: var(--color-background-dark);
   color: var(--color-main-text);
 }

package/dist/assets/{NcDateTimePicker-rixdCL1X.css → NcDateTimePicker-w8SEtYvQ.css}

@@ -424,32 +424,32 @@
   color: #ccc;
   background-color: #f3f3f3;
 }
-.mx-datepicker[data-v-69c9b3b] {
+.mx-datepicker[data-v-202f7a] {
   -webkit-user-select: none;
   user-select: none;
   color: var(--color-main-text);
 }
-.mx-datepicker[data-v-69c9b3b] svg {
+.mx-datepicker[data-v-202f7a] svg {
   fill: var(--color-main-text);
 }
-.mx-datepicker[data-v-69c9b3b] .mx-input-wrapper .mx-input {
+.mx-datepicker[data-v-202f7a] .mx-input-wrapper .mx-input {
   width: 100%;
   border: 2px solid var(--color-border-maxcontrast);
   background-color: var(--color-main-background);
   background-clip: content-box;
 }
-.mx-datepicker[data-v-69c9b3b] .mx-input-wrapper .mx-input:active:not(.disabled),
-.mx-datepicker[data-v-69c9b3b] .mx-input-wrapper .mx-input:hover:not(.disabled),
-.mx-datepicker[data-v-69c9b3b] .mx-input-wrapper .mx-input:focus:not(.disabled) {
+.mx-datepicker[data-v-202f7a] .mx-input-wrapper .mx-input:active:not(.disabled),
+.mx-datepicker[data-v-202f7a] .mx-input-wrapper .mx-input:hover:not(.disabled),
+.mx-datepicker[data-v-202f7a] .mx-input-wrapper .mx-input:focus:not(.disabled) {
   border-color: var(--color-primary-element);
 }
-.mx-datepicker[data-v-69c9b3b] .mx-input-wrapper:disabled,
-.mx-datepicker[data-v-69c9b3b] .mx-input-wrapper.disabled {
+.mx-datepicker[data-v-202f7a] .mx-input-wrapper:disabled,
+.mx-datepicker[data-v-202f7a] .mx-input-wrapper.disabled {
   cursor: not-allowed;
   opacity: .7;
 }
-.mx-datepicker[data-v-69c9b3b] .mx-input-wrapper .mx-icon-calendar,
-.mx-datepicker[data-v-69c9b3b] .mx-input-wrapper .mx-icon-clear {
+.mx-datepicker[data-v-202f7a] .mx-input-wrapper .mx-icon-calendar,
+.mx-datepicker[data-v-202f7a] .mx-input-wrapper .mx-icon-clear {
   color: var(--color-text-lighter);
 }
 .mx-datepicker-main {
@@ -806,17 +806,17 @@
   color: var(--color-main-text);
   background-color: var(--color-main-background);
 }
-.material-design-icon[data-v-e1e1644e] {
+.material-design-icon[data-v-56b96a48] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.mx-datepicker[data-v-e1e1644e] .mx-input-wrapper .mx-input {
+.mx-datepicker[data-v-56b96a48] .mx-input-wrapper .mx-input {
   background-clip: border-box;
 }
-.datetime-picker-inline-icon[data-v-e1e1644e] {
+.datetime-picker-inline-icon[data-v-56b96a48] {
   opacity: .3;
   border: none;
   background-color: transparent;
@@ -824,11 +824,11 @@
   padding: 0 !important;
   margin: 0;
 }
-.datetime-picker-inline-icon--highlighted[data-v-e1e1644e] {
+.datetime-picker-inline-icon--highlighted[data-v-56b96a48] {
   opacity: .7;
 }
-.datetime-picker-inline-icon[data-v-e1e1644e]:focus,
-.datetime-picker-inline-icon[data-v-e1e1644e]:hover {
+.datetime-picker-inline-icon[data-v-56b96a48]:focus,
+.datetime-picker-inline-icon[data-v-56b96a48]:hover {
   opacity: 1;
 }
 /**
@@ -880,5 +880,5 @@
   border-radius: 0 0 calc(var(--border-radius-large) - 4px) calc(var(--border-radius-large) - 4px);
 }
 .vs__dropdown-menu--floating {
-  z-index: 100001;
+  z-index: 100001 !important;
 }

package/dist/assets/{NcListItem-5XAhBDJv.css → NcListItem-L8LeGwpe.css}

@@ -20,41 +20,41 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
-.material-design-icon[data-v-1b7b3792] {
+.material-design-icon[data-v-b4e3d453] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.list-item__wrapper[data-v-1b7b3792] {
+.list-item__wrapper[data-v-b4e3d453] {
   display: flex;
   position: relative;
   width: 100%;
 }
-.list-item__wrapper--active .list-item[data-v-1b7b3792],
-.list-item__wrapper.active .list-item[data-v-1b7b3792] {
+.list-item__wrapper--active .list-item[data-v-b4e3d453],
+.list-item__wrapper.active .list-item[data-v-b4e3d453] {
   background-color: var(--color-primary-element);
 }
-.list-item__wrapper--active .list-item[data-v-1b7b3792]:hover,
-.list-item__wrapper--active .list-item[data-v-1b7b3792]:focus-within,
-.list-item__wrapper--active .list-item[data-v-1b7b3792]:has(:focus-visible),
-.list-item__wrapper--active .list-item[data-v-1b7b3792]:has(:active),
-.list-item__wrapper.active .list-item[data-v-1b7b3792]:hover,
-.list-item__wrapper.active .list-item[data-v-1b7b3792]:focus-within,
-.list-item__wrapper.active .list-item[data-v-1b7b3792]:has(:focus-visible),
-.list-item__wrapper.active .list-item[data-v-1b7b3792]:has(:active) {
+.list-item__wrapper--active .list-item[data-v-b4e3d453]:hover,
+.list-item__wrapper--active .list-item[data-v-b4e3d453]:focus-within,
+.list-item__wrapper--active .list-item[data-v-b4e3d453]:has(:focus-visible),
+.list-item__wrapper--active .list-item[data-v-b4e3d453]:has(:active),
+.list-item__wrapper.active .list-item[data-v-b4e3d453]:hover,
+.list-item__wrapper.active .list-item[data-v-b4e3d453]:focus-within,
+.list-item__wrapper.active .list-item[data-v-b4e3d453]:has(:focus-visible),
+.list-item__wrapper.active .list-item[data-v-b4e3d453]:has(:active) {
   background-color: var(--color-primary-element-hover);
 }
-.list-item__wrapper--active .line-one__name[data-v-1b7b3792],
-.list-item__wrapper--active .line-one__details[data-v-1b7b3792],
-.list-item__wrapper.active .line-one__name[data-v-1b7b3792],
-.list-item__wrapper.active .line-one__details[data-v-1b7b3792],
-.list-item__wrapper--active .line-two__subname[data-v-1b7b3792],
-.list-item__wrapper.active .line-two__subname[data-v-1b7b3792] {
+.list-item__wrapper--active .line-one__name[data-v-b4e3d453],
+.list-item__wrapper--active .line-one__details[data-v-b4e3d453],
+.list-item__wrapper.active .line-one__name[data-v-b4e3d453],
+.list-item__wrapper.active .line-one__details[data-v-b4e3d453],
+.list-item__wrapper--active .line-two__subname[data-v-b4e3d453],
+.list-item__wrapper.active .line-two__subname[data-v-b4e3d453] {
   color: var(--color-primary-element-text) !important;
 }
-.list-item[data-v-1b7b3792] {
+.list-item[data-v-b4e3d453] {
   box-sizing: border-box;
   display: flex;
   position: relative;
@@ -62,62 +62,62 @@
   justify-content: flex-start;
   padding: 8px 10px;
   margin: 4px;
+  width: calc(100% - 8px);
   border-radius: 32px;
-  width: 100%;
   cursor: pointer;
   transition: background-color var(--animation-quick) ease-in-out;
   list-style: none;
 }
-.list-item[data-v-1b7b3792]:hover,
-.list-item[data-v-1b7b3792]:focus-within,
-.list-item[data-v-1b7b3792]:has(:active),
-.list-item[data-v-1b7b3792]:has(:focus-visible) {
+.list-item[data-v-b4e3d453]:hover,
+.list-item[data-v-b4e3d453]:focus-within,
+.list-item[data-v-b4e3d453]:has(:active),
+.list-item[data-v-b4e3d453]:has(:focus-visible) {
   background-color: var(--color-background-hover);
 }
-.list-item[data-v-1b7b3792]:has(.list-item__anchor:focus-visible) {
+.list-item[data-v-b4e3d453]:has(.list-item__anchor:focus-visible) {
   outline: 2px solid var(--color-main-text);
   box-shadow: 0 0 0 4px var(--color-main-background);
 }
-.list-item--compact[data-v-1b7b3792] {
+.list-item--compact[data-v-b4e3d453] {
   padding: 4px 10px;
 }
-.list-item--compact .list-item__anchor .line-one[data-v-1b7b3792],
-.list-item--compact .list-item__anchor .line-two[data-v-1b7b3792] {
+.list-item--compact .list-item__anchor .line-one[data-v-b4e3d453],
+.list-item--compact .list-item__anchor .line-two[data-v-b4e3d453] {
   margin-block: -4px;
 }
-.list-item__anchor[data-v-1b7b3792] {
+.list-item__anchor[data-v-b4e3d453] {
   display: flex;
   flex: 1 0 auto;
   align-items: center;
   height: var(--default-clickable-area);
 }
-.list-item__anchor[data-v-1b7b3792]:focus-visible {
+.list-item__anchor[data-v-b4e3d453]:focus-visible {
   outline: none;
 }
-.list-item-content[data-v-1b7b3792] {
+.list-item-content[data-v-b4e3d453] {
   display: flex;
   flex: 1 1 auto;
   justify-content: space-between;
   padding-left: 8px;
 }
-.list-item-content__main[data-v-1b7b3792] {
+.list-item-content__main[data-v-b4e3d453] {
   flex: 1 1 auto;
   width: 0;
   margin: auto 0;
 }
-.list-item-content__main--oneline[data-v-1b7b3792] {
+.list-item-content__main--oneline[data-v-b4e3d453] {
   display: flex;
 }
-.list-item-content__actions[data-v-1b7b3792] {
+.list-item-content__actions[data-v-b4e3d453] {
   flex: 0 0 auto;
   align-self: center;
   justify-content: center;
   margin-left: 4px;
 }
-.list-item__extra[data-v-1b7b3792] {
+.list-item__extra[data-v-b4e3d453] {
   margin-top: 4px;
 }
-.line-one[data-v-1b7b3792] {
+.line-one[data-v-b4e3d453] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -125,7 +125,7 @@
   margin: 0 auto 0 0;
   overflow: hidden;
 }
-.line-one__name[data-v-1b7b3792] {
+.line-one__name[data-v-b4e3d453] {
   overflow: hidden;
   flex-grow: 1;
   cursor: pointer;
@@ -133,21 +133,21 @@
   color: var(--color-main-text);
   font-weight: 700;
 }
-.line-one__details[data-v-1b7b3792] {
+.line-one__details[data-v-b4e3d453] {
   color: var(--color-text-maxcontrast);
   margin: 0 9px;
   font-weight: 400;
 }
-.line-two[data-v-1b7b3792] {
+.line-two[data-v-b4e3d453] {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   white-space: nowrap;
 }
-.line-two--bold[data-v-1b7b3792] {
+.line-two--bold[data-v-b4e3d453] {
   font-weight: 700;
 }
-.line-two__subname[data-v-1b7b3792] {
+.line-two__subname[data-v-b4e3d453] {
   overflow: hidden;
   flex-grow: 1;
   cursor: pointer;
@@ -155,11 +155,11 @@
   text-overflow: ellipsis;
   color: var(--color-text-maxcontrast);
 }
-.line-two__additional_elements[data-v-1b7b3792] {
+.line-two__additional_elements[data-v-b4e3d453] {
   margin: 2px 4px 0;
   display: flex;
   align-items: center;
 }
-.line-two__indicator[data-v-1b7b3792] {
+.line-two__indicator[data-v-b4e3d453] {
   margin: 0 5px;
 }