@umbraco-cms/backoffice 17.6.0 → 17.6.2

package/custom-elements.json

@@ -725,6 +725,111 @@
       "name": "umb-upgrader",
       "path": "./src/apps/upgrader/upgrader.element.ts"
     },
+    {
+      "name": "uui-caret",
+      "path": "./src/external/uui/uui-caret.element.ts",
+      "description": "DEPRECATED: Please use uui-symbol-expand or uui-symbol-sort. A caret that rotates on click. Color will be `currentColor`",
+      "attributes": [
+        {
+          "name": "open",
+          "description": "Turns the arrow around.",
+          "type": "boolean",
+          "default": "\"false\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "open",
+          "attribute": "open",
+          "description": "Turns the arrow around.",
+          "type": "boolean",
+          "default": "\"false\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult[]",
+          "default": "[null]"
+        }
+      ],
+      "deprecated": true,
+      "deprecatedMessage": "since version 0.0.8"
+    },
+    {
+      "name": "uui-popover",
+      "path": "./src/external/uui/uui-popover.element.ts",
+      "attributes": [
+        {
+          "name": "margin",
+          "description": "Set the distance between popover-modal and trigger.",
+          "type": "number",
+          "default": "\"0\""
+        },
+        {
+          "name": "placement",
+          "description": "Define the placement of the popover-modal.",
+          "type": "PopoverPlacement",
+          "default": "\"'bottom-start'\""
+        },
+        {
+          "name": "open",
+          "description": "Opens the popover-modal.",
+          "type": "boolean",
+          "default": "\"false\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "margin",
+          "attribute": "margin",
+          "description": "Set the distance between popover-modal and trigger.",
+          "type": "number",
+          "default": "\"0\""
+        },
+        {
+          "name": "placement",
+          "attribute": "placement",
+          "description": "Define the placement of the popover-modal.",
+          "type": "PopoverPlacement",
+          "default": "\"'bottom-start'\""
+        },
+        {
+          "name": "open",
+          "attribute": "open",
+          "description": "Opens the popover-modal.",
+          "type": "boolean",
+          "default": "\"false\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult[]",
+          "default": "[null]"
+        }
+      ],
+      "events": [
+        {
+          "name": "close",
+          "description": "When popover is closed by user interaction."
+        }
+      ],
+      "slots": [
+        {
+          "name": "trigger",
+          "description": "The element that triggers the popover."
+        },
+        {
+          "name": "popover",
+          "description": "The content of the popover."
+        }
+      ],
+      "cssProperties": [
+        {
+          "name": "--uui-popover-z-index",
+          "description": "overwrite the z-index of the popover container."
+        }
+      ],
+      "deprecated": true,
+      "deprecatedMessage": "This component has been deprecated and will be removed in future releases. It is being replaced by popover-container."
+    },
     {
       "name": "umb-context-provider",
       "path": "./src/libs/context-api/provide/context-provider.element.ts",

package/dist-cms/apps/app/app-logo.element.d.ts

@@ -31,7 +31,7 @@ export declare class UmbAppLogoElement extends UmbLitElement {
      * @returns {this} The element instance.
      */
     createRenderRoot(): this;
-    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist-cms/apps/preview/preview.element.d.ts

@@ -9,7 +9,7 @@ export declare class UmbPreviewElement extends UmbLitElement {
     private _previewUrl?;
     constructor();
     firstUpdated(): Promise<void>;
-    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
     static styles: import("lit").CSSResult[];
 }
 export default UmbPreviewElement;

package/dist-cms/external/uui/UUIPopoverEvent.d.ts

@@ -0,0 +1,5 @@
+import { UUIEvent } from '@umbraco-ui/uui';
+import type { UUIPopoverElement } from './uui-popover.element.js';
+export declare class UUIPopoverEvent extends UUIEvent<{}, UUIPopoverElement> {
+    static readonly CLOSE = "close";
+}

package/dist-cms/external/uui/UUIPopoverEvent.js

@@ -0,0 +1,4 @@
+import { UUIEvent } from '@umbraco-ui/uui';
+export class UUIPopoverEvent extends UUIEvent {
+    static { this.CLOSE = 'close'; }
+}

package/dist-cms/external/uui/index.d.ts

@@ -1,4 +1,6 @@
 import '@umbraco-ui/uui';
+import { UUITimer } from '@umbraco-ui/uui';
+import type { UUIActiveMixinInterface, UUILabelMixinInterface, UUIPopoverTargetMixinInterface, UUISelectableMixinInterface, UUISelectOnlyMixinInterface } from '@umbraco-ui/uui';
 export * from '@umbraco-ui/uui';
 declare global {
     interface Option {
@@ -9,3 +11,29 @@ declare global {
         disabled?: boolean;
     }
 }
+/**
+ * @deprecated
+ * For v.17 we need to keep this function around for backwards compatibility with the legacy UUI 1.x custom elements.
+ * TODO: To be removed in v.18.
+ * Fire a warning if the custom element with the provided name isn't available.
+ * @func demandCustomElement
+ * @param {HTMLElement} requester - Reference to the element requiring this custom element..
+ * @param {string} elementName - Tag name of the required custom element.
+ * @param {string} message - Optional message describing the consequences of it not begin available.
+ */
+export declare const demandCustomElement: (requester: HTMLElement, elementName: string, message?: string) => void;
+/** @deprecated Use UUITimer instead */
+export declare const Timer: typeof UUITimer;
+/** @deprecated Use UUIActiveMixinInterface instead */
+export type ActiveMixinInterface = UUIActiveMixinInterface;
+/** @deprecated Use UUILabelMixinInterface instead */
+export type LabelMixinInterface = UUILabelMixinInterface;
+/** @deprecated Use UUIPopoverTargetMixinInterface instead */
+export type PopoverTargetMixinInterface = UUIPopoverTargetMixinInterface;
+/** @deprecated Use UUISelectOnlyMixinInterface instead */
+export type SelectOnlyMixinInterface = UUISelectOnlyMixinInterface;
+/** @deprecated Use UUISelectableMixinInterface instead */
+export type SelectableMixinInterface = UUISelectableMixinInterface;
+export * from './uui-popover.element.js';
+export * from './UUIPopoverEvent.js';
+export * from './uui-caret.element.js';

package/dist-cms/external/uui/index.js

@@ -1,2 +1,27 @@
 import '@umbraco-ui/uui';
+import { UUITimer } from '@umbraco-ui/uui';
 export * from '@umbraco-ui/uui';
+/**
+ * @deprecated
+ * For v.17 we need to keep this function around for backwards compatibility with the legacy UUI 1.x custom elements.
+ * TODO: To be removed in v.18.
+ * Fire a warning if the custom element with the provided name isn't available.
+ * @func demandCustomElement
+ * @param {HTMLElement} requester - Reference to the element requiring this custom element..
+ * @param {string} elementName - Tag name of the required custom element.
+ * @param {string} message - Optional message describing the consequences of it not begin available.
+ */
+export const demandCustomElement = (requester, elementName, message = `This element has to be present for ${requester.nodeName} to work appropriate.`) => {
+    if (!customElements.get(elementName)) {
+        console.warn(`%c ${requester.nodeName} requires ${elementName} element to be registered!`, 'font-weight: bold;', message, requester);
+    }
+};
+/** @deprecated Use UUITimer instead */
+// TODO: Remove in v.18
+export const Timer = UUITimer;
+// TODO: Remove in v.18
+export * from './uui-popover.element.js';
+// TODO: Remove in v.18
+export * from './UUIPopoverEvent.js';
+// TODO: Remove in v.18
+export * from './uui-caret.element.js';

package/dist-cms/external/uui/uui-caret.element.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from '../lit/index.js';
+/**
+ *  DEPRECATED: Please use uui-symbol-expand or uui-symbol-sort. A caret that rotates on click. Color will be `currentColor`
+ *  @deprecated since version 0.0.8
+ *  @element uui-caret
+ */
+export declare class UUICaretElement extends LitElement {
+    /**
+     * Turns the arrow around.
+     * @type {boolean}
+     * @default false
+     */
+    open: boolean;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'uui-caret': UUICaretElement;
+    }
+}

package/dist-cms/external/uui/uui-caret.element.js

@@ -0,0 +1,62 @@
+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 { defineElement } from '@umbraco-ui/uui';
+import { css, html, LitElement, property } from '../lit/index.js';
+/**
+ *  DEPRECATED: Please use uui-symbol-expand or uui-symbol-sort. A caret that rotates on click. Color will be `currentColor`
+ *  @deprecated since version 0.0.8
+ *  @element uui-caret
+ */
+let UUICaretElement = class UUICaretElement extends LitElement {
+    constructor() {
+        super();
+        /**
+         * Turns the arrow around.
+         * @type {boolean}
+         * @default false
+         */
+        this.open = false;
+        console.error('´uui-caret´ is deprecated, please use ´uui-symbol-expand´ or ´uui-symbol-sort´');
+    }
+    render() {
+        return html `<svg
+			xmlns="http://www.w3.org/2000/svg"
+			viewBox="0 0 24 24"
+			fill="none"
+			stroke="currentColor"
+			stroke-width="3"
+			stroke-linecap="round"
+			stroke-linejoin="round">
+			<path d="m4 9 8 8 8-8"></path>
+		</svg>`;
+    }
+    static { this.styles = [
+        css `
+			:host {
+				display: inline-block;
+				width: 12px;
+				vertical-align: middle;
+			}
+
+			svg {
+				transform-origin: 50% 50%;
+				transition: transform 100ms cubic-bezier(0.1, 0, 0.9, 1);
+			}
+
+			:host([open]) svg {
+				transform: rotate(180deg);
+			}
+		`,
+    ]; }
+};
+__decorate([
+    property({ type: Boolean, reflect: true })
+], UUICaretElement.prototype, "open", void 0);
+UUICaretElement = __decorate([
+    defineElement('uui-caret')
+], UUICaretElement);
+export { UUICaretElement };

package/dist-cms/external/uui/uui-popover.element.d.ts

@@ -0,0 +1,63 @@
+import { LitElement } from '../lit/index.js';
+export type PopoverPlacement = 'auto' | 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
+/**
+ * @deprecated This component has been deprecated and will be removed in future releases. It is being replaced by popover-container.
+ * @element uui-popover
+ * @description Open a modal aligned with the opening element. This does not jet work within two layers of scroll containers.
+ * @fires close - When popover is closed by user interaction.
+ * @slot trigger - The element that triggers the popover.
+ * @slot popover - The content of the popover.
+ * @cssprop --uui-popover-z-index - overwrite the z-index of the popover container.
+ */
+export declare class UUIPopoverElement extends LitElement {
+    private intersectionObserver?;
+    private scrollEventHandler;
+    private containerElement;
+    private _open;
+    private _placement;
+    private _currentPlacement;
+    private _trigger?;
+    private _scrollParents;
+    private _positionX?;
+    private _positionY?;
+    /**
+     * Set the distance between popover-modal and trigger.
+     * @type {number}
+     * @attr margin
+     * @default 0
+     */
+    margin: number;
+    /**
+     * Define the placement of the popover-modal.
+     * @attr placement
+     * @default 'bottom-start'
+     */
+    get placement(): PopoverPlacement;
+    set placement(newValue: PopoverPlacement);
+    /**
+     * Opens the popover-modal.
+     * @type {boolean}
+     * @attr open
+     * @default false
+     */
+    get open(): boolean;
+    set open(newValue: boolean);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _onTriggerSlotChanged;
+    private _openPopover;
+    private _closePopover;
+    private _triggerPopoverClose;
+    private _getScrollParents;
+    private _getAncestorElement;
+    private _createIntersectionObserver;
+    private _intersectionCallback;
+    private _startScrollListener;
+    private _stopScrollListener;
+    private _onKeyUp;
+    private _onDocumentClick;
+    private _updatePlacement;
+    private _managePlacementFlip;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}