@limetech/lime-elements 38.23.5 → 38.24.0

package/dist/collection/components/profile-picture/profile-picture.js

@@ -0,0 +1,554 @@
+import { h, Host, } from '@stencil/core';
+import { isTypeAccepted } from '../../util/files';
+import { getIconName } from '../icon/get-icon-props';
+import translate from '../../global/translations';
+import { createRandomString } from '../../util/random-string';
+import { resizeImage } from '../../util/image-resize';
+/**
+ * This component displays a profile picture, while allowing the user
+ * to change it via a file input or drag-and-drop.
+ *
+ * It supports client-side image resizing and conversion,
+ * as well as a simple lazy-loading mechanism.
+ *
+ * @exampleComponent limel-example-profile-picture-basic
+ * @exampleComponent limel-example-profile-picture-helper-text
+ * @exampleComponent limel-example-profile-picture-icon
+ * @exampleComponent limel-example-profile-picture-with-value
+ * @exampleComponent limel-example-profile-picture-loading
+ * @exampleComponent limel-example-profile-picture-image-fit
+ * @exampleComponent limel-example-profile-picture-composite
+ * @exampleComponent limel-example-profile-picture-resize-contain
+ * @exampleComponent limel-example-profile-picture-resize-cover
+ * @exampleComponent limel-example-profile-picture-resize-fallback
+ * @exampleComponent limel-example-profile-picture-styling
+ * @beta
+ */
+export class ProfilePicture {
+  constructor() {
+    this.removeButtonId = createRandomString();
+    this.browseButtonId = createRandomString();
+    this.renderHelperText = () => {
+      if (!this.helperText) {
+        return;
+      }
+      return (h("limel-tooltip", { elementId: this.browseButtonId, label: this.helperText }));
+    };
+    this.handleNewFiles = async (event) => {
+      var _a, _b;
+      event.stopPropagation();
+      if (this.disabled) {
+        return;
+      }
+      const file = (_a = event.detail) === null || _a === void 0 ? void 0 : _a[0];
+      if (!file) {
+        return;
+      }
+      if (!isTypeAccepted(file, this.accept)) {
+        this.filesRejected.emit([file]);
+        return;
+      }
+      this.revokeObjectUrl();
+      this.imageError = false;
+      let out = file;
+      // Optional client-side resize
+      if (this.resize && file.fileContent instanceof File) {
+        try {
+          const processed = await resizeImage(file.fileContent, Object.assign(Object.assign({}, this.resize), { fit: (_b = this.resize.fit) !== null && _b !== void 0 ? _b : this.imageFit }));
+          out = Object.assign(Object.assign({}, file), { filename: processed.name, size: processed.size, contentType: processed.type, fileContent: processed });
+        }
+        catch (_c) {
+          // Fall back to original file if resize fails
+          out = file;
+        }
+      }
+      // Create an object URL for immediate preview if no href present
+      if (!out.href && out.fileContent instanceof File) {
+        this.objectUrl = URL.createObjectURL(out.fileContent);
+      }
+      this.change.emit(out);
+    };
+    this.handleRejectedFiles = (event) => {
+      event.stopPropagation();
+      this.filesRejected.emit(event.detail);
+    };
+    this.handleClear = (event) => {
+      event.stopPropagation();
+      this.revokeObjectUrl();
+      this.imageError = false;
+      this.change.emit(undefined);
+    };
+    this.onImageError = () => {
+      this.imageError = true;
+    };
+    this.openPopover = (event) => {
+      event.stopPropagation();
+      this.isErrorMessagePopoverOpen = true;
+    };
+    this.onPopoverClose = (event) => {
+      event.stopPropagation();
+      this.isErrorMessagePopoverOpen = false;
+    };
+    this.getTranslation = (key) => {
+      return translate.get(key, this.language);
+    };
+    this.language = 'en';
+    this.label = undefined;
+    this.icon = 'user';
+    this.helperText = undefined;
+    this.disabled = false;
+    this.readonly = false;
+    this.required = false;
+    this.invalid = false;
+    this.loading = false;
+    this.value = undefined;
+    this.imageFit = 'cover';
+    this.accept = 'image/jpeg,image/png,image/heic,.jpg,.jpeg,.png,.heic';
+    this.resize = undefined;
+    this.objectUrl = undefined;
+    this.imageError = false;
+    this.isErrorMessagePopoverOpen = false;
+  }
+  disconnectedCallback() {
+    this.revokeObjectUrl();
+  }
+  handleValueChange() {
+    // Clear previously created object URL when value changes
+    this.revokeObjectUrl();
+    this.imageError = false;
+    // If a new File without href is provided, create an object URL for preview
+    const currentValue = this.value;
+    if (currentValue &&
+      typeof currentValue !== 'string' &&
+      !currentValue.href &&
+      currentValue.fileContent instanceof File) {
+      this.objectUrl = URL.createObjectURL(currentValue.fileContent);
+    }
+  }
+  render() {
+    const hostClassNames = {
+      'has-image-error': this.imageError,
+    };
+    if (this.readonly) {
+      return h(Host, { class: hostClassNames }, this.renderAvatar());
+    }
+    return (h(Host, { class: hostClassNames }, h("limel-file-dropzone", { disabled: this.disabled, accept: this.accept, onFilesSelected: this.handleNewFiles, onFilesRejected: this.handleRejectedFiles }, h("limel-file-input", { accept: this.accept, disabled: this.disabled, "aria-required": this.required ? 'true' : undefined, "aria-invalid": this.invalid ? 'true' : undefined }, this.renderBrowseButton())), this.renderClearButton(), this.renderSpinner(), this.renderErrorMessage(), this.renderHelperText()));
+  }
+  get hasValue() {
+    if (typeof this.value === 'string') {
+      return !!this.value;
+    }
+    if (this.value && (this.value.href || this.value.fileContent)) {
+      return true;
+    }
+    return !!this.objectUrl;
+  }
+  renderBrowseButton() {
+    return (h("button", { id: this.browseButtonId, type: "button", class: "avatar", disabled: this.disabled, "aria-label": this.label, "aria-busy": this.loading ? 'true' : 'false', "aria-live": "polite" }, this.renderAvatar()));
+  }
+  renderAvatar() {
+    const src = this.getImageSrc();
+    if (src) {
+      return (h("img", { src: src, alt: "", style: {
+          '--limel-profile-picture-object-fit': this.imageFit,
+        }, loading: "lazy", onError: this.onImageError }));
+    }
+    return this.renderIcon();
+  }
+  renderIcon() {
+    var _a, _b;
+    const icon = getIconName(this.icon);
+    return (h("limel-icon", { name: icon, style: {
+        color: `${(_a = this.icon) === null || _a === void 0 ? void 0 : _a.color}`,
+        'background-color': `${(_b = this.icon) === null || _b === void 0 ? void 0 : _b.backgroundColor}`,
+      } }));
+  }
+  renderClearButton() {
+    if (!this.hasValue || this.disabled) {
+      return;
+    }
+    return [
+      h("button", { class: "remove", type: "button", id: this.removeButtonId, onClick: this.handleClear }),
+      h("limel-tooltip", { label: this.getTranslation('profile-picture.remove'), elementId: this.removeButtonId }),
+    ];
+  }
+  renderSpinner() {
+    if (!this.loading) {
+      return;
+    }
+    return h("limel-spinner", null);
+  }
+  // Collects derived flags used for deciding whether to show the unsupported preview message
+  getUnsupportedPreviewContext() {
+    const currentValue = this.value;
+    const hasNoSrc = !this.getImageSrc();
+    const hasLocalFile = !!(currentValue &&
+      typeof currentValue !== 'string' &&
+      currentValue.fileContent instanceof File &&
+      !currentValue.href);
+    const isResizeConfigured = !!this.resize;
+    return { hasNoSrc, hasLocalFile, isResizeConfigured };
+  }
+  shouldShowErrorMessage() {
+    const { hasNoSrc, hasLocalFile, isResizeConfigured } = this.getUnsupportedPreviewContext();
+    return ((hasNoSrc || this.imageError) && hasLocalFile && isResizeConfigured);
+  }
+  // Shows a non-intrusive note when there is a File without href and no object URL, which
+  // can happen if the browser failed to decode the source (e.g., HEIC in Chromium).
+  renderErrorMessage() {
+    if (!this.shouldShowErrorMessage()) {
+      return;
+    }
+    const errorIcon = {
+      name: 'error',
+      color: 'rgb(var(--color-orange-dark))',
+    };
+    const errorMessageStyles = {
+      maxWidth: '20rem',
+      borderRadius: '0.75rem',
+    };
+    return (h("limel-popover", { open: this.isErrorMessagePopoverOpen, onClick: this.openPopover, onClose: this.onPopoverClose }, h("limel-icon-button", { slot: "trigger", elevated: true, icon: errorIcon, "aria-live": "polite", label: this.getTranslation('profile-picture.unsupported-preview.title') }), h("limel-callout", { type: "warning", style: errorMessageStyles, heading: this.getTranslation('profile-picture.unsupported-preview.title') }, this.getTranslation('profile-picture.unsupported-preview.description'))));
+  }
+  getImageSrc() {
+    if (!this.value) {
+      return this.objectUrl; // Could be set from last selection before parent consumes
+    }
+    if (typeof this.value === 'string') {
+      return this.value;
+    }
+    if (this.value.href) {
+      return this.value.href;
+    }
+    if (this.value.fileContent instanceof File) {
+      return this.objectUrl;
+    }
+    return undefined;
+  }
+  revokeObjectUrl() {
+    if (this.objectUrl) {
+      URL.revokeObjectURL(this.objectUrl);
+      this.objectUrl = undefined;
+    }
+  }
+  static get is() { return "limel-profile-picture"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["profile-picture.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["profile-picture.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "language": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "Languages",
+          "resolved": "\"da\" | \"de\" | \"en\" | \"fi\" | \"fr\" | \"nb\" | \"nl\" | \"no\" | \"sv\"",
+          "references": {
+            "Languages": {
+              "location": "import",
+              "path": "../date-picker/date.types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Defines the language for translations.\nWill translate the translatable strings on the components."
+        },
+        "attribute": "language",
+        "reflect": true,
+        "defaultValue": "'en'"
+      },
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Accessible label for the the browse button."
+        },
+        "attribute": "label",
+        "reflect": true
+      },
+      "icon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string | Icon",
+          "resolved": "Icon | string",
+          "references": {
+            "Icon": {
+              "location": "import",
+              "path": "../../global/shared-types/icon.types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Placeholder icon of the component, displayed when no image is present."
+        },
+        "attribute": "icon",
+        "reflect": false,
+        "defaultValue": "'user'"
+      },
+      "helperText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Helper text shown as a tooltip on hover or focus."
+        },
+        "attribute": "helper-text",
+        "reflect": false
+      },
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Disables user interaction.\nPrevents uploading new pictures or removing existing ones."
+        },
+        "attribute": "disabled",
+        "reflect": true,
+        "defaultValue": "false"
+      },
+      "readonly": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Readonly prevents changing the value but allows interaction like focus."
+        },
+        "attribute": "readonly",
+        "reflect": true,
+        "defaultValue": "false"
+      },
+      "required": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Marks the control as required."
+        },
+        "attribute": "required",
+        "reflect": true,
+        "defaultValue": "false"
+      },
+      "invalid": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Marks the control as invalid."
+        },
+        "attribute": "invalid",
+        "reflect": true,
+        "defaultValue": "false"
+      },
+      "loading": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set to `true` to put the component in the `loading` state,\nand render an indeterminate progress indicator inside.\nThis does _not_ disable the interactivity of the component!"
+        },
+        "attribute": "loading",
+        "reflect": true,
+        "defaultValue": "false"
+      },
+      "value": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string | FileInfo",
+          "resolved": "FileInfo | string",
+          "references": {
+            "FileInfo": {
+              "location": "import",
+              "path": "../../global/shared-types/file.types"
+            }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Current image to display. Either a URL string or a `FileInfo` with an href."
+        },
+        "attribute": "value",
+        "reflect": false
+      },
+      "imageFit": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'cover' | 'contain'",
+          "resolved": "\"contain\" | \"cover\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "How the image should fit within the container.\n- `cover` will fill the container and crop excess parts.\n- `contain` will scale the image to fit within the container without cropping."
+        },
+        "attribute": "image-fit",
+        "reflect": true,
+        "defaultValue": "'cover'"
+      },
+      "accept": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "A comma-separated list of accepted file types."
+        },
+        "attribute": "accept",
+        "reflect": true,
+        "defaultValue": "'image/jpeg,image/png,image/heic,.jpg,.jpeg,.png,.heic'"
+      },
+      "resize": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "ResizeOptions",
+          "resolved": "{ width: number; height: number; fit?: \"cover\" | \"contain\"; type?: \"image/jpeg\" | \"image/png\"; quality?: number; rename?: (originalName: string) => string; }",
+          "references": {
+            "ResizeOptions": {
+              "location": "import",
+              "path": "../../util/image-resize"
+            }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Optional client-side resize before emitting the file.\nIf provided, the selected image will be resized on the client device.\n:::note\nHEIC may not decode in all browsers; when decoding fails, the original\nfile will be emitted. See the examples for more info.\n:::"
+        }
+      }
+    };
+  }
+  static get states() {
+    return {
+      "objectUrl": {},
+      "imageError": {},
+      "isErrorMessagePopoverOpen": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "change",
+        "name": "change",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the picture changes (first FileInfo only)."
+        },
+        "complexType": {
+          "original": "FileInfo | undefined",
+          "resolved": "FileInfo",
+          "references": {
+            "FileInfo": {
+              "location": "import",
+              "path": "../../global/shared-types/file.types"
+            }
+          }
+        }
+      }, {
+        "method": "filesRejected",
+        "name": "filesRejected",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when a file is rejected by accept filter."
+        },
+        "complexType": {
+          "original": "FileInfo[]",
+          "resolved": "FileInfo[]",
+          "references": {
+            "FileInfo": {
+              "location": "import",
+              "path": "../../global/shared-types/file.types"
+            }
+          }
+        }
+      }];
+  }
+  static get watchers() {
+    return [{
+        "propName": "value",
+        "methodName": "handleValueChange"
+      }];
+  }
+}
+//# sourceMappingURL=profile-picture.js.map

package/dist/collection/components/profile-picture/profile-picture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile-picture.js","sourceRoot":"","sources":["../../../src/components/profile-picture/profile-picture.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n    Component,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Prop,\n    State,\n    Watch,\n} from '@stencil/core';\nimport { FileInfo } from '../../global/shared-types/file.types';\nimport { isTypeAccepted } from '../../util/files';\nimport { Icon } from '../../global/shared-types/icon.types';\nimport { getIconName } from '../icon/get-icon-props';\nimport translate from '../../global/translations';\nimport { Languages } from '../date-picker/date.types';\nimport { createRandomString } from '../../util/random-string';\nimport { resizeImage, ResizeOptions } from '../../util/image-resize';\n\n/**\n * This component displays a profile picture, while allowing the user\n * to change it via a file input or drag-and-drop.\n *\n * It supports client-side image resizing and conversion,\n * as well as a simple lazy-loading mechanism.\n *\n * @exampleComponent limel-example-profile-picture-basic\n * @exampleComponent limel-example-profile-picture-helper-text\n * @exampleComponent limel-example-profile-picture-icon\n * @exampleComponent limel-example-profile-picture-with-value\n * @exampleComponent limel-example-profile-picture-loading\n * @exampleComponent limel-example-profile-picture-image-fit\n * @exampleComponent limel-example-profile-picture-composite\n * @exampleComponent limel-example-profile-picture-resize-contain\n * @exampleComponent limel-example-profile-picture-resize-cover\n * @exampleComponent limel-example-profile-picture-resize-fallback\n * @exampleComponent limel-example-profile-picture-styling\n * @beta\n */\n@Component({\n    tag: 'limel-profile-picture',\n    shadow: true,\n    styleUrl: 'profile-picture.scss',\n})\nexport class ProfilePicture {\n    /**\n     * Defines the language for translations.\n     * Will translate the translatable strings on the components.\n     */\n    @Prop({ reflect: true })\n    public language: Languages = 'en';\n\n    /**\n     * Accessible label for the the browse button.\n     */\n    @Prop({ reflect: true })\n    public label: string;\n\n    /**\n     * Placeholder icon of the component, displayed when no image is present.\n     */\n    @Prop()\n    public icon: string | Icon = 'user';\n\n    /**\n     * Helper text shown as a tooltip on hover or focus.\n     */\n    @Prop()\n    public helperText?: string;\n\n    /**\n     * Disables user interaction.\n     * Prevents uploading new pictures or removing existing ones.\n     */\n    @Prop({ reflect: true })\n    public disabled = false;\n\n    /**\n     * Readonly prevents changing the value but allows interaction like focus.\n     */\n    @Prop({ reflect: true })\n    public readonly = false;\n\n    /**\n     * Marks the control as required.\n     */\n    @Prop({ reflect: true })\n    public required = false;\n\n    /**\n     * Marks the control as invalid.\n     */\n    @Prop({ reflect: true })\n    public invalid = false;\n\n    /**\n     * Set to `true` to put the component in the `loading` state,\n     * and render an indeterminate progress indicator inside.\n     * This does _not_ disable the interactivity of the component!\n     */\n    @Prop({ reflect: true })\n    public loading = false;\n\n    /**\n     * Current image to display. Either a URL string or a `FileInfo` with an href.\n     */\n    @Prop()\n    public value?: string | FileInfo;\n\n    /**\n     * How the image should fit within the container.\n     * - `cover` will fill the container and crop excess parts.\n     * - `contain` will scale the image to fit within the container without cropping.\n     */\n    @Prop({ reflect: true })\n    public imageFit: 'cover' | 'contain' = 'cover';\n\n    /**\n     * A comma-separated list of accepted file types.\n     */\n    @Prop({ reflect: true })\n    public accept: string =\n        'image/jpeg,image/png,image/heic,.jpg,.jpeg,.png,.heic';\n\n    /**\n     * Optional client-side resize before emitting the file.\n     * If provided, the selected image will be resized on the client device.\n     * :::note\n     * HEIC may not decode in all browsers; when decoding fails, the original\n     * file will be emitted. See the examples for more info.\n     * :::\n     */\n    @Prop()\n    public resize?: ResizeOptions;\n\n    /**\n     * Emitted when the picture changes (first FileInfo only).\n     */\n    @Event()\n    public change: EventEmitter<FileInfo | undefined>;\n\n    /**\n     * Emitted when a file is rejected by accept filter.\n     */\n    @Event()\n    public filesRejected: EventEmitter<FileInfo[]>;\n\n    @State()\n    private objectUrl?: string;\n\n    @State()\n    private imageError = false;\n\n    @State()\n    private isErrorMessagePopoverOpen = false;\n\n    private removeButtonId = createRandomString();\n    private browseButtonId = createRandomString();\n\n    public disconnectedCallback() {\n        this.revokeObjectUrl();\n    }\n\n    @Watch('value')\n    protected handleValueChange() {\n        // Clear previously created object URL when value changes\n        this.revokeObjectUrl();\n        this.imageError = false;\n\n        // If a new File without href is provided, create an object URL for preview\n        const currentValue = this.value;\n        if (\n            currentValue &&\n            typeof currentValue !== 'string' &&\n            !currentValue.href &&\n            currentValue.fileContent instanceof File\n        ) {\n            this.objectUrl = URL.createObjectURL(currentValue.fileContent);\n        }\n    }\n\n    public render() {\n        const hostClassNames = {\n            'has-image-error': this.imageError,\n        };\n\n        if (this.readonly) {\n            return <Host class={hostClassNames}>{this.renderAvatar()}</Host>;\n        }\n\n        return (\n            <Host class={hostClassNames}>\n                <limel-file-dropzone\n                    disabled={this.disabled}\n                    accept={this.accept}\n                    onFilesSelected={this.handleNewFiles}\n                    onFilesRejected={this.handleRejectedFiles}\n                >\n                    <limel-file-input\n                        accept={this.accept}\n                        disabled={this.disabled}\n                        aria-required={this.required ? 'true' : undefined}\n                        aria-invalid={this.invalid ? 'true' : undefined}\n                    >\n                        {this.renderBrowseButton()}\n                    </limel-file-input>\n                </limel-file-dropzone>\n                {this.renderClearButton()}\n                {this.renderSpinner()}\n                {this.renderErrorMessage()}\n                {this.renderHelperText()}\n            </Host>\n        );\n    }\n\n    private get hasValue(): boolean {\n        if (typeof this.value === 'string') {\n            return !!this.value;\n        }\n\n        if (this.value && (this.value.href || this.value.fileContent)) {\n            return true;\n        }\n\n        return !!this.objectUrl;\n    }\n\n    private renderBrowseButton() {\n        return (\n            <button\n                id={this.browseButtonId}\n                type=\"button\"\n                class=\"avatar\"\n                disabled={this.disabled}\n                aria-label={this.label}\n                aria-busy={this.loading ? 'true' : 'false'}\n                aria-live=\"polite\"\n            >\n                {this.renderAvatar()}\n            </button>\n        );\n    }\n\n    private renderAvatar() {\n        const src = this.getImageSrc();\n\n        if (src) {\n            return (\n                <img\n                    src={src}\n                    alt=\"\"\n                    style={{\n                        '--limel-profile-picture-object-fit': this.imageFit,\n                    }}\n                    loading=\"lazy\"\n                    onError={this.onImageError}\n                />\n            );\n        }\n\n        return this.renderIcon();\n    }\n\n    private renderIcon() {\n        const icon = getIconName(this.icon);\n\n        return (\n            <limel-icon\n                name={icon}\n                style={{\n                    color: `${(this.icon as Icon)?.color}`,\n                    'background-color': `${\n                        (this.icon as Icon)?.backgroundColor\n                    }`,\n                }}\n            />\n        );\n    }\n\n    private renderClearButton() {\n        if (!this.hasValue || this.disabled) {\n            return;\n        }\n\n        return [\n            <button\n                class=\"remove\"\n                type=\"button\"\n                id={this.removeButtonId}\n                onClick={this.handleClear}\n            />,\n            <limel-tooltip\n                label={this.getTranslation('profile-picture.remove')}\n                elementId={this.removeButtonId}\n            />,\n        ];\n    }\n\n    private renderSpinner() {\n        if (!this.loading) {\n            return;\n        }\n\n        return <limel-spinner />;\n    }\n\n    private renderHelperText = () => {\n        if (!this.helperText) {\n            return;\n        }\n\n        return (\n            <limel-tooltip\n                elementId={this.browseButtonId}\n                label={this.helperText}\n            />\n        );\n    };\n\n    // Collects derived flags used for deciding whether to show the unsupported preview message\n    private getUnsupportedPreviewContext() {\n        const currentValue = this.value;\n        const hasNoSrc = !this.getImageSrc();\n        const hasLocalFile = !!(\n            currentValue &&\n            typeof currentValue !== 'string' &&\n            currentValue.fileContent instanceof File &&\n            !currentValue.href\n        );\n        const isResizeConfigured = !!this.resize;\n\n        return { hasNoSrc, hasLocalFile, isResizeConfigured };\n    }\n\n    private shouldShowErrorMessage(): boolean {\n        const { hasNoSrc, hasLocalFile, isResizeConfigured } =\n            this.getUnsupportedPreviewContext();\n\n        return (\n            (hasNoSrc || this.imageError) && hasLocalFile && isResizeConfigured\n        );\n    }\n\n    // Shows a non-intrusive note when there is a File without href and no object URL, which\n    // can happen if the browser failed to decode the source (e.g., HEIC in Chromium).\n    private renderErrorMessage() {\n        if (!this.shouldShowErrorMessage()) {\n            return;\n        }\n\n        const errorIcon = {\n            name: 'error',\n            color: 'rgb(var(--color-orange-dark))',\n        };\n        const errorMessageStyles = {\n            maxWidth: '20rem',\n            borderRadius: '0.75rem',\n        };\n        return (\n            <limel-popover\n                open={this.isErrorMessagePopoverOpen}\n                onClick={this.openPopover}\n                onClose={this.onPopoverClose}\n            >\n                <limel-icon-button\n                    slot=\"trigger\"\n                    elevated={true}\n                    icon={errorIcon}\n                    aria-live=\"polite\"\n                    label={this.getTranslation(\n                        'profile-picture.unsupported-preview.title'\n                    )}\n                />\n                <limel-callout\n                    type=\"warning\"\n                    style={errorMessageStyles}\n                    heading={this.getTranslation(\n                        'profile-picture.unsupported-preview.title'\n                    )}\n                >\n                    {this.getTranslation(\n                        'profile-picture.unsupported-preview.description'\n                    )}\n                </limel-callout>\n            </limel-popover>\n        );\n    }\n\n    private handleNewFiles = async (event: CustomEvent<FileInfo[]>) => {\n        event.stopPropagation();\n        if (this.disabled) {\n            return;\n        }\n\n        const file = event.detail?.[0];\n        if (!file) {\n            return;\n        }\n\n        if (!isTypeAccepted(file, this.accept)) {\n            this.filesRejected.emit([file]);\n            return;\n        }\n\n        this.revokeObjectUrl();\n        this.imageError = false;\n\n        let out = file;\n\n        // Optional client-side resize\n        if (this.resize && file.fileContent instanceof File) {\n            try {\n                const processed = await resizeImage(file.fileContent, {\n                    ...this.resize,\n                    fit: this.resize.fit ?? this.imageFit,\n                });\n                out = {\n                    ...file,\n                    filename: processed.name,\n                    size: processed.size,\n                    contentType: processed.type,\n                    fileContent: processed,\n                };\n            } catch {\n                // Fall back to original file if resize fails\n                out = file;\n            }\n        }\n        // Create an object URL for immediate preview if no href present\n        if (!out.href && out.fileContent instanceof File) {\n            this.objectUrl = URL.createObjectURL(out.fileContent);\n        }\n        this.change.emit(out);\n    };\n\n    private handleRejectedFiles = (event: CustomEvent<FileInfo[]>) => {\n        event.stopPropagation();\n        this.filesRejected.emit(event.detail);\n    };\n\n    private getImageSrc(): string | undefined {\n        if (!this.value) {\n            return this.objectUrl; // Could be set from last selection before parent consumes\n        }\n\n        if (typeof this.value === 'string') {\n            return this.value;\n        }\n\n        if (this.value.href) {\n            return this.value.href;\n        }\n\n        if (this.value.fileContent instanceof File) {\n            return this.objectUrl;\n        }\n\n        return undefined;\n    }\n\n    private revokeObjectUrl() {\n        if (this.objectUrl) {\n            URL.revokeObjectURL(this.objectUrl);\n            this.objectUrl = undefined;\n        }\n    }\n\n    private handleClear = (event: Event) => {\n        event.stopPropagation();\n        this.revokeObjectUrl();\n        this.imageError = false;\n        this.change.emit(undefined);\n    };\n\n    private onImageError = () => {\n        this.imageError = true;\n    };\n\n    private openPopover = (event: MouseEvent) => {\n        event.stopPropagation();\n        this.isErrorMessagePopoverOpen = true;\n    };\n\n    private onPopoverClose = (event: CustomEvent) => {\n        event.stopPropagation();\n        this.isErrorMessagePopoverOpen = false;\n    };\n\n    private getTranslation = (key: string) => {\n        return translate.get(key, this.language);\n    };\n}\n"]}

package/dist/collection/translations/da.js

@@ -50,5 +50,8 @@ export default {
   'ai-avatar.thinking': 'tænker',
   'table.select-all': 'Vælg alle rækker',
   'table.select-row': 'Vælg denne række',
+  'profile-picture.remove': 'Fjern valgt billede',
+  'profile-picture.unsupported-preview.title': 'Ikke-understøttet billedformat',
+  'profile-picture.unsupported-preview.description': 'Vi kan ikke vise det valgte billede i denne browser. Vælg venligst en anden billedfil.',
 };
 //# sourceMappingURL=da.js.map

package/dist/collection/translations/da.js.map

@@ -1 +1 @@
-{"version":3,"file":"da.js","sourceRoot":"","sources":["../../src/translations/da.ts"],"names":[],"mappings":"AAAA,eAAe;EACX,MAAM,EAAE,OAAO;EACf,IAAI,EAAE,KAAK;EACX,MAAM,EAAE,UAAU;EAClB,OAAO,EAAE,WAAW;EACpB,KAAK,EAAE,OAAO;EACd,qBAAqB,EAAE,OAAO;EAC9B,mBAAmB,EAAE,KAAK;EAC1B,oBAAoB,EAAE,YAAY;EAClC,cAAc,EAAE,QAAQ;EACxB,mBAAmB,EAAE,QAAQ;EAC7B,aAAa,EAAE,KAAK;EACpB,iBAAiB,EAAE,UAAU;EAC7B,iBAAiB,EAAE,UAAU;EAC7B,0BAA0B,EAAE,wBAAwB;EACpD,2BAA2B,EAAE,wBAAwB;EACrD,mBAAmB,EAAE,MAAM;EAC3B,2BAA2B,EAAE,OAAO;EACpC,6BAA6B,EAAE,SAAS;EACxC,0BAA0B,EAAE,IAAI;EAChC,oBAAoB,EAAE,UAAU;EAChC,kBAAkB,EAAE,KAAK;EACzB,yBAAyB,EACrB,oDAAoD;EACxD,0CAA0C,EAAE,2BAA2B;EACvE,sBAAsB,EAAE,MAAM;EAC9B,6BAA6B,EAAE,kBAAkB;EACjD,gCAAgC,EAAE,kBAAkB;EACpD,6BAA6B,EAAE,kBAAkB;EACjD,0BAA0B,EAAE,OAAO;EACnC,kBAAkB,EAAE,KAAK;EACzB,oBAAoB,EAAE,QAAQ;EAC9B,2BAA2B,EAAE,eAAe;EAC5C,gBAAgB,EAAE,cAAc;EAChC,gBAAgB,EAAE,cAAc;EAChC,gBAAgB,EAAE,cAAc;EAChC,2BAA2B,EAAE,YAAY;EACzC,2BAA2B,EAAE,kBAAkB;EAC/C,wBAAwB,EAAE,WAAW;EACrC,kBAAkB,EAAE,aAAa;EACjC,uBAAuB,EAAE,OAAO;EAChC,uBAAuB,EAAE,MAAM;EAC/B,wBAAwB,EAAE,UAAU;EACpC,kBAAkB,EAAE,MAAM;EAC1B,2BAA2B,EAAE,mCAAmC;EAChE,0BAA0B,EAAE,0CAA0C;EACtE,2BAA2B,EAAE,+BAA+B;EAC5D,iCAAiC,EAC7B,kEAAkE;EACtE,cAAc,EAAE,sBAAsB;EACtC,iBAAiB,EAAE,WAAW;EAC9B,oBAAoB,EAAE,QAAQ;EAC9B,kBAAkB,EAAE,kBAAkB;EACtC,kBAAkB,EAAE,kBAAkB;CACzC,CAAC","sourcesContent":["export default {\n    remove: 'Fjern',\n    save: 'Gem',\n    cancel: 'Annullér',\n    loading: 'Indlæser…',\n    value: 'Værdi',\n    'action-bar.collapse': 'Skjul',\n    'action-bar.expand': 'Vis',\n    'action-bar.actions': 'Handlinger',\n    'callout.note': 'Bemærk',\n    'callout.important': 'Vigtig',\n    'callout.tip': 'Tip',\n    'callout.caution': 'Advarsel',\n    'callout.warning': 'Advarsel',\n    'collapsible-section.open': 'Åbn { header } sektion',\n    'collapsible-section.close': 'Luk { header } sektion',\n    'date-picker.today': 'Idag',\n    'date-picker.month.heading': 'Måned',\n    'date-picker.quarter.heading': 'Kvartal',\n    'date-picker.year.heading': 'År',\n    'chip-set.clear-all': 'Ryd alle',\n    'snackbar.dismiss': 'Luk',\n    'file.drag-and-drop-tips':\n        'Træk & slip filen her, eller klik for at gennemse.',\n    'file-viewer.message.unsupported-filetype': 'Denne fil kan ikke vises!',\n    'file-viewer.download': 'Hent',\n    'file-viewer.exit-fullscreen': 'Afslut fuldskærm',\n    'file-viewer.open-in-fullscreen': 'Åbn i fuld skærm',\n    'file-viewer.open-in-new-tab': 'Åbn i en ny fane',\n    'file-viewer.more-actions': 'Mere…',\n    'editor-menu.bold': 'Fed',\n    'editor-menu.italic': 'Kursiv',\n    'editor-menu.strikethrough': 'Gennemstreget',\n    'editor-menu.h1': 'Overskrift 1',\n    'editor-menu.h2': 'Overskrift 2',\n    'editor-menu.h3': 'Overskrift 3',\n    'editor-menu.bulleted-list': 'Punktliste',\n    'editor-menu.numbered-list': 'Nummereret liste',\n    'editor-menu.blockquote': 'Blokcitat',\n    'editor-menu.link': 'Tilføj link',\n    'editor-link-menu.text': 'Tekst',\n    'editor-link-menu.link': 'Link',\n    'editor-menu.code-block': 'Kodeblok',\n    'editor-menu.code': 'Kode',\n    'editor-image-view.loading': 'Indlæser billede: { filename }...',\n    'editor-image-view.failed': 'Noget gik galt med billede: { filename }',\n    'editor-image-view.success': 'Billede: { filename } er klar',\n    'editor-image-view.resize-handle':\n        'Træk til højre eller venstre for at ændre størrelsen på billedet',\n    'progress-bar': 'Fremskridtsindikator',\n    'ai-avatar.label': 'AI-avatar',\n    'ai-avatar.thinking': 'tænker',\n    'table.select-all': 'Vælg alle rækker',\n    'table.select-row': 'Vælg denne række',\n};\n"]}
+{"version":3,"file":"da.js","sourceRoot":"","sources":["../../src/translations/da.ts"],"names":[],"mappings":"AAAA,eAAe;EACX,MAAM,EAAE,OAAO;EACf,IAAI,EAAE,KAAK;EACX,MAAM,EAAE,UAAU;EAClB,OAAO,EAAE,WAAW;EACpB,KAAK,EAAE,OAAO;EACd,qBAAqB,EAAE,OAAO;EAC9B,mBAAmB,EAAE,KAAK;EAC1B,oBAAoB,EAAE,YAAY;EAClC,cAAc,EAAE,QAAQ;EACxB,mBAAmB,EAAE,QAAQ;EAC7B,aAAa,EAAE,KAAK;EACpB,iBAAiB,EAAE,UAAU;EAC7B,iBAAiB,EAAE,UAAU;EAC7B,0BAA0B,EAAE,wBAAwB;EACpD,2BAA2B,EAAE,wBAAwB;EACrD,mBAAmB,EAAE,MAAM;EAC3B,2BAA2B,EAAE,OAAO;EACpC,6BAA6B,EAAE,SAAS;EACxC,0BAA0B,EAAE,IAAI;EAChC,oBAAoB,EAAE,UAAU;EAChC,kBAAkB,EAAE,KAAK;EACzB,yBAAyB,EACrB,oDAAoD;EACxD,0CAA0C,EAAE,2BAA2B;EACvE,sBAAsB,EAAE,MAAM;EAC9B,6BAA6B,EAAE,kBAAkB;EACjD,gCAAgC,EAAE,kBAAkB;EACpD,6BAA6B,EAAE,kBAAkB;EACjD,0BAA0B,EAAE,OAAO;EACnC,kBAAkB,EAAE,KAAK;EACzB,oBAAoB,EAAE,QAAQ;EAC9B,2BAA2B,EAAE,eAAe;EAC5C,gBAAgB,EAAE,cAAc;EAChC,gBAAgB,EAAE,cAAc;EAChC,gBAAgB,EAAE,cAAc;EAChC,2BAA2B,EAAE,YAAY;EACzC,2BAA2B,EAAE,kBAAkB;EAC/C,wBAAwB,EAAE,WAAW;EACrC,kBAAkB,EAAE,aAAa;EACjC,uBAAuB,EAAE,OAAO;EAChC,uBAAuB,EAAE,MAAM;EAC/B,wBAAwB,EAAE,UAAU;EACpC,kBAAkB,EAAE,MAAM;EAC1B,2BAA2B,EAAE,mCAAmC;EAChE,0BAA0B,EAAE,0CAA0C;EACtE,2BAA2B,EAAE,+BAA+B;EAC5D,iCAAiC,EAC7B,kEAAkE;EACtE,cAAc,EAAE,sBAAsB;EACtC,iBAAiB,EAAE,WAAW;EAC9B,oBAAoB,EAAE,QAAQ;EAC9B,kBAAkB,EAAE,kBAAkB;EACtC,kBAAkB,EAAE,kBAAkB;EACtC,wBAAwB,EAAE,qBAAqB;EAC/C,2CAA2C,EACvC,gCAAgC;EACpC,iDAAiD,EAC7C,wFAAwF;CAC/F,CAAC","sourcesContent":["export default {\n    remove: 'Fjern',\n    save: 'Gem',\n    cancel: 'Annullér',\n    loading: 'Indlæser…',\n    value: 'Værdi',\n    'action-bar.collapse': 'Skjul',\n    'action-bar.expand': 'Vis',\n    'action-bar.actions': 'Handlinger',\n    'callout.note': 'Bemærk',\n    'callout.important': 'Vigtig',\n    'callout.tip': 'Tip',\n    'callout.caution': 'Advarsel',\n    'callout.warning': 'Advarsel',\n    'collapsible-section.open': 'Åbn { header } sektion',\n    'collapsible-section.close': 'Luk { header } sektion',\n    'date-picker.today': 'Idag',\n    'date-picker.month.heading': 'Måned',\n    'date-picker.quarter.heading': 'Kvartal',\n    'date-picker.year.heading': 'År',\n    'chip-set.clear-all': 'Ryd alle',\n    'snackbar.dismiss': 'Luk',\n    'file.drag-and-drop-tips':\n        'Træk & slip filen her, eller klik for at gennemse.',\n    'file-viewer.message.unsupported-filetype': 'Denne fil kan ikke vises!',\n    'file-viewer.download': 'Hent',\n    'file-viewer.exit-fullscreen': 'Afslut fuldskærm',\n    'file-viewer.open-in-fullscreen': 'Åbn i fuld skærm',\n    'file-viewer.open-in-new-tab': 'Åbn i en ny fane',\n    'file-viewer.more-actions': 'Mere…',\n    'editor-menu.bold': 'Fed',\n    'editor-menu.italic': 'Kursiv',\n    'editor-menu.strikethrough': 'Gennemstreget',\n    'editor-menu.h1': 'Overskrift 1',\n    'editor-menu.h2': 'Overskrift 2',\n    'editor-menu.h3': 'Overskrift 3',\n    'editor-menu.bulleted-list': 'Punktliste',\n    'editor-menu.numbered-list': 'Nummereret liste',\n    'editor-menu.blockquote': 'Blokcitat',\n    'editor-menu.link': 'Tilføj link',\n    'editor-link-menu.text': 'Tekst',\n    'editor-link-menu.link': 'Link',\n    'editor-menu.code-block': 'Kodeblok',\n    'editor-menu.code': 'Kode',\n    'editor-image-view.loading': 'Indlæser billede: { filename }...',\n    'editor-image-view.failed': 'Noget gik galt med billede: { filename }',\n    'editor-image-view.success': 'Billede: { filename } er klar',\n    'editor-image-view.resize-handle':\n        'Træk til højre eller venstre for at ændre størrelsen på billedet',\n    'progress-bar': 'Fremskridtsindikator',\n    'ai-avatar.label': 'AI-avatar',\n    'ai-avatar.thinking': 'tænker',\n    'table.select-all': 'Vælg alle rækker',\n    'table.select-row': 'Vælg denne række',\n    'profile-picture.remove': 'Fjern valgt billede',\n    'profile-picture.unsupported-preview.title':\n        'Ikke-understøttet billedformat',\n    'profile-picture.unsupported-preview.description':\n        'Vi kan ikke vise det valgte billede i denne browser. Vælg venligst en anden billedfil.',\n};\n"]}

package/dist/collection/translations/de.js

@@ -50,5 +50,8 @@ export default {
   'ai-avatar.thinking': 'denkt',
   'table.select-all': 'Alle Zeilen auswählen',
   'table.select-row': 'Diese Zeile auswählen',
+  'profile-picture.remove': 'Ausgewähltes Bild entfernen',
+  'profile-picture.unsupported-preview.title': 'Nicht unterstütztes Bildformat',
+  'profile-picture.unsupported-preview.description': 'Wir können das ausgewählte Bild in diesem Browser nicht anzeigen. Bitte wählen Sie eine andere Bilddatei.',
 };
 //# sourceMappingURL=de.js.map