@umbraco-cms/backoffice 14.0.0--preview004-c2e8b331 → 14.0.0--preview004-37f7727e

package/dist-cms/custom-elements.json

@@ -7926,6 +7926,22 @@
         }
       ]
     },
+    {
+      "name": "umb-language-root-table-boolean-column-layout",
+      "path": "./../src/packages/settings/languages/workspace/language-root/components/language-root-table-boolean-column-layout.element.ts",
+      "properties": [
+        {
+          "name": "value",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UmbTextStyles\",null]"
+        }
+      ]
+    },
     {
       "name": "umb-language-root-table-delete-column-layout",
       "path": "./../src/packages/settings/languages/workspace/language-root/components/language-root-table-delete-column-layout.element.ts",

package/dist-cms/packages/core/data-type/components/data-type-input/data-type-input.element.js

@@ -8,6 +8,7 @@ import { UmbDataTypePickerContext } from './data-type-input.context.js';
 import { css, html, customElement, property, state } from '../../../../../external/lit/index.js';
 import { FormControlMixin } from '../../../../../external/uui/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
+import { splitStringToArray } from '../../../../../shared/utils/index.js';
 let UmbDataTypeInputElement = class UmbDataTypeInputElement extends FormControlMixin(UmbLitElement) {
     /**
      * This is a minimum amount of selected items in this input.
@@ -41,7 +42,7 @@ let UmbDataTypeInputElement = class UmbDataTypeInputElement extends FormControlM
     }
     set value(idsString) {
         // Its with full purpose we don't call super.value, as thats being handled by the observation of the context selection.
-        this.selectedIds = idsString.split(/[ ,]+/);
+        this.selectedIds = splitStringToArray(idsString);
     }
     get pickableFilter() {
         return this.#pickerContext.pickableFilter;

package/dist-cms/packages/documents/document-types/components/document-type-input/document-type-input.element.js

@@ -8,6 +8,7 @@ import { UmbDocumentTypePickerContext } from './document-type-input.context.js';
 import { css, html, customElement, property, state } from '../../../../../external/lit/index.js';
 import { FormControlMixin } from '../../../../../external/uui/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
+import { splitStringToArray } from '../../../../../shared/utils/index.js';
 let UmbDocumentTypeInputElement = class UmbDocumentTypeInputElement extends FormControlMixin(UmbLitElement) {
     /**
      * This is a minimum amount of selected items in this input.
@@ -41,7 +42,7 @@ let UmbDocumentTypeInputElement = class UmbDocumentTypeInputElement extends Form
     }
     set value(idsString) {
         // Its with full purpose we don't call super.value, as thats being handled by the observation of the context selection.
-        this.selectedIds = idsString.split(/[ ,]+/);
+        this.selectedIds = splitStringToArray(idsString);
     }
     get pickableFilter() {
         return this.#pickerContext.pickableFilter;

package/dist-cms/packages/documents/documents/components/input-document/input-document.element.js

@@ -8,6 +8,7 @@ import { UmbDocumentPickerContext } from './input-document.context.js';
 import { css, html, customElement, property, state, ifDefined, repeat } from '../../../../../external/lit/index.js';
 import { FormControlMixin } from '../../../../../external/uui/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
+import { splitStringToArray } from '../../../../../shared/utils/index.js';
 let UmbInputDocumentElement = class UmbInputDocumentElement extends FormControlMixin(UmbLitElement) {
     /**
      * This is a minimum amount of selected items in this input.
@@ -41,7 +42,7 @@ let UmbInputDocumentElement = class UmbInputDocumentElement extends FormControlM
     }
     set value(idsString) {
         // Its with full purpose we don't call super.value, as thats being handled by the observation of the context selection.
-        this.selectedIds = idsString.split(/[ ,]+/);
+        this.selectedIds = splitStringToArray(idsString);
     }
     #pickerContext;
     constructor() {

package/dist-cms/packages/documents/documents/components/input-document-granular-permission/input-document-granular-permission.element.js

@@ -10,6 +10,7 @@ import { UMB_MODAL_MANAGER_CONTEXT_TOKEN, UMB_CONFIRM_MODAL, UMB_DOCUMENT_PICKER
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
 import { UmbDocumentRepository } from '../../index.js';
 import { UmbChangeEvent } from '../../../../core/event/index.js';
+import { splitStringToArray } from '../../../../../shared/utils/index.js';
 let UmbInputDocumentGranularPermissionElement = class UmbInputDocumentGranularPermissionElement extends FormControlMixin(UmbLitElement) {
     get selectedIds() {
         return this._selectedIds;
@@ -21,7 +22,7 @@ let UmbInputDocumentGranularPermissionElement = class UmbInputDocumentGranularPe
     }
     set value(idsString) {
         if (idsString !== this._value) {
-            this.selectedIds = idsString.split(/[ ,]+/);
+            this.selectedIds = splitStringToArray(idsString);
         }
     }
     #documentRepository;

package/dist-cms/packages/media/media/components/input-media/input-media.element.js

@@ -8,6 +8,7 @@ import { UmbMediaPickerContext } from './input-media.context.js';
 import { css, html, customElement, property, state, ifDefined } from '../../../../../external/lit/index.js';
 import { FormControlMixin } from '../../../../../external/uui/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
+import { splitStringToArray } from '../../../../../shared/utils/index.js';
 let UmbInputMediaElement = class UmbInputMediaElement extends FormControlMixin(UmbLitElement) {
     /**
      * This is a minimum amount of selected items in this input.
@@ -41,7 +42,7 @@ let UmbInputMediaElement = class UmbInputMediaElement extends FormControlMixin(U
     }
     set value(idsString) {
         // Its with full purpose we don't call super.value, as thats being handled by the observation of the context selection.
-        this.selectedIds = idsString.split(/[ ,]+/);
+        this.selectedIds = splitStringToArray(idsString);
     }
     #pickerContext;
     constructor() {

package/dist-cms/packages/media/media-types/components/media-type-input/media-type-input.element.js

@@ -8,6 +8,7 @@ import { UmbMediaTypePickerContext } from './media-type-input.context.js';
 import { css, html, customElement, property, state, ifDefined } from '../../../../../external/lit/index.js';
 import { FormControlMixin } from '../../../../../external/uui/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
+import { splitStringToArray } from '../../../../../shared/utils/index.js';
 let UmbMediaTypeInputElement = class UmbMediaTypeInputElement extends FormControlMixin(UmbLitElement) {
     /**
      * This is a minimum amount of selected items in this input.
@@ -41,7 +42,7 @@ let UmbMediaTypeInputElement = class UmbMediaTypeInputElement extends FormContro
     }
     set value(idsString) {
         // Its with full purpose we don't call super.value, as thats being handled by the observation of the context selection.
-        this.selectedIds = idsString.split(/[ ,]+/);
+        this.selectedIds = splitStringToArray(idsString);
     }
     get pickableFilter() {
         return this.#pickerContext.pickableFilter;

package/dist-cms/packages/settings/languages/components/input-language-picker/input-language-picker.element.js

@@ -8,6 +8,7 @@ import { UmbLanguagePickerContext } from './input-language-picker.context.js';
 import { css, html, ifDefined, customElement, property, state } from '../../../../../external/lit/index.js';
 import { FormControlMixin } from '../../../../../external/uui/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
+import { splitStringToArray } from '../../../../../shared/utils/index.js';
 let UmbInputLanguagePickerElement = class UmbInputLanguagePickerElement extends FormControlMixin(UmbLitElement) {
     /**
      * This is a minimum amount of selected items in this input.
@@ -41,7 +42,7 @@ let UmbInputLanguagePickerElement = class UmbInputLanguagePickerElement extends
     }
     set value(isoCodesString) {
         // Its with full purpose we don't call super.value, as thats being handled by the observation of the context selection.
-        this.selectedIsoCodes = isoCodesString.split(/[ ,]+/);
+        this.selectedIsoCodes = splitStringToArray(isoCodesString);
     }
     #pickerContext;
     constructor() {

package/dist-cms/packages/settings/languages/workspace/language-root/components/language-root-table-boolean-column-layout.element.d.ts

@@ -0,0 +1,12 @@
+import { nothing } from '../../../../../../external/lit/index.js';
+import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
+export declare class UmbLanguageRootTableBooleanColumnLayoutElement extends UmbLitElement {
+    value: boolean;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
+    static styles: import("@lit/reactive-element/css-tag").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-language-root-table-boolean-column-layout': UmbLanguageRootTableBooleanColumnLayoutElement;
+    }
+}

package/dist-cms/packages/settings/languages/workspace/language-root/components/language-root-table-boolean-column-layout.element.js

@@ -0,0 +1,26 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { UmbTextStyles } from '../../../../../../shared/style/index.js';
+import { css, html, nothing, customElement, property } from '../../../../../../external/lit/index.js';
+import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
+let UmbLanguageRootTableBooleanColumnLayoutElement = class UmbLanguageRootTableBooleanColumnLayoutElement extends UmbLitElement {
+    constructor() {
+        super(...arguments);
+        this.value = false;
+    }
+    render() {
+        return this.value ? html `<uui-icon name="icon-check"></uui-icon>` : nothing;
+    }
+    static { this.styles = [UmbTextStyles, css ``]; }
+};
+__decorate([
+    property({ attribute: false })
+], UmbLanguageRootTableBooleanColumnLayoutElement.prototype, "value", void 0);
+UmbLanguageRootTableBooleanColumnLayoutElement = __decorate([
+    customElement('umb-language-root-table-boolean-column-layout')
+], UmbLanguageRootTableBooleanColumnLayoutElement);
+export { UmbLanguageRootTableBooleanColumnLayoutElement };

package/dist-cms/packages/settings/languages/workspace/language-root/language-root-workspace.element.d.ts

@@ -1,6 +1,7 @@
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
 import './components/language-root-table-delete-column-layout.element.js';
 import './components/language-root-table-name-column-layout.element.js';
+import './components/language-root-table-boolean-column-layout.element.js';
 export declare class UmbLanguageRootWorkspaceElement extends UmbLitElement {
     #private;
     private _tableConfig;

package/dist-cms/packages/settings/languages/workspace/language-root/language-root-workspace.element.js

@@ -10,6 +10,7 @@ import { css, html, customElement, state } from '../../../../../external/lit/ind
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
 import './components/language-root-table-delete-column-layout.element.js';
 import './components/language-root-table-name-column-layout.element.js';
+import './components/language-root-table-boolean-column-layout.element.js';
 let UmbLanguageRootWorkspaceElement = class UmbLanguageRootWorkspaceElement extends UmbLitElement {
     constructor() {
         super(...arguments);
@@ -29,10 +30,12 @@ let UmbLanguageRootWorkspaceElement = class UmbLanguageRootWorkspaceElement exte
             {
                 name: 'Default',
                 alias: 'defaultLanguage',
+                elementName: 'umb-language-root-table-boolean-column-layout',
             },
             {
                 name: 'Mandatory',
                 alias: 'mandatoryLanguage',
+                elementName: 'umb-language-root-table-boolean-column-layout',
             },
             {
                 name: 'Fallback',

package/dist-cms/packages/user/user/components/user-input/user-input.element.js

@@ -8,6 +8,7 @@ import { UmbUserPickerContext } from './user-input.context.js';
 import { css, html, customElement, property, state, ifDefined } from '../../../../../external/lit/index.js';
 import { FormControlMixin } from '../../../../../external/uui/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
+import { splitStringToArray } from '../../../../../shared/utils/index.js';
 let UmbUserInputElement = class UmbUserInputElement extends FormControlMixin(UmbLitElement) {
     /**
      * This is a minimum amount of selected items in this input.
@@ -41,7 +42,7 @@ let UmbUserInputElement = class UmbUserInputElement extends FormControlMixin(Umb
     }
     set value(idsString) {
         // Its with full purpose we don't call super.value, as thats being handled by the observation of the context selection.
-        this.selectedIds = idsString.split(/[ ,]+/);
+        this.selectedIds = splitStringToArray(idsString);
     }
     #pickerContext;
     constructor() {

package/dist-cms/packages/user/user-group/components/input-user-group/user-group-input.element.js

@@ -8,6 +8,7 @@ import { UmbUserGroupPickerContext } from './user-group-input.context.js';
 import { css, html, customElement, property, state, ifDefined, nothing } from '../../../../../external/lit/index.js';
 import { FormControlMixin } from '../../../../../external/uui/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
+import { splitStringToArray } from '../../../../../shared/utils/index.js';
 let UmbUserGroupInputElement = class UmbUserGroupInputElement extends FormControlMixin(UmbLitElement) {
     /**
      * This is a minimum amount of selected items in this input.
@@ -41,7 +42,7 @@ let UmbUserGroupInputElement = class UmbUserGroupInputElement extends FormContro
     }
     set value(idsString) {
         // Its with full purpose we don't call super.value, as thats being handled by the observation of the context selection.
-        this.selectedIds = idsString.split(/[ ,]+/);
+        this.selectedIds = splitStringToArray(idsString);
     }
     #pickerContext;
     constructor() {

package/dist-cms/shared/utils/index.d.ts

@@ -11,6 +11,7 @@ export * from './path-folder-name.function.js';
 export * from './selection-manager.js';
 export * from './udi-service.js';
 export * from './umbraco-path.function.js';
+export * from './split-string-to-array.js';
 declare global {
     interface Window {
         Umbraco: any;

package/dist-cms/shared/utils/index.js

@@ -11,3 +11,4 @@ export * from './path-folder-name.function.js';
 export * from './selection-manager.js';
 export * from './udi-service.js';
 export * from './umbraco-path.function.js';
+export * from './split-string-to-array.js';

package/dist-cms/shared/utils/split-string-to-array.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Splits a string into an array using a specified delimiter,
+ * trims whitespace from each element, and removes empty elements.
+ *
+ * @param {string} string - The input string to be split and processed.
+ * @param {string} [split=','] - The delimiter used for splitting the string (default is comma).
+ * @returns {string[]} An array of non-empty, trimmed strings.
+ *
+ * @example
+ * const result = splitStringToArray('one, two, three, ,five');
+ * // result: ['one', 'two', 'three', 'five']
+ *
+ * @example
+ * const customDelimiterResult = splitStringToArray('apple | orange | banana', ' | ');
+ * // customDelimiterResult: ['apple', 'orange', 'banana']
+ */
+export declare function splitStringToArray(string: string, split?: string): string[];

package/dist-cms/shared/utils/split-string-to-array.js

@@ -0,0 +1,22 @@
+/**
+ * Splits a string into an array using a specified delimiter,
+ * trims whitespace from each element, and removes empty elements.
+ *
+ * @param {string} string - The input string to be split and processed.
+ * @param {string} [split=','] - The delimiter used for splitting the string (default is comma).
+ * @returns {string[]} An array of non-empty, trimmed strings.
+ *
+ * @example
+ * const result = splitStringToArray('one, two, three, ,five');
+ * // result: ['one', 'two', 'three', 'five']
+ *
+ * @example
+ * const customDelimiterResult = splitStringToArray('apple | orange | banana', ' | ');
+ * // customDelimiterResult: ['apple', 'orange', 'banana']
+ */
+export function splitStringToArray(string, split = ',') {
+    return (string
+        .split(split)
+        .map((s) => s.trim())
+        .filter((s) => s.length > 0) ?? []);
+}