@limetech/lime-elements 39.39.0 → 39.40.0

package/dist/types/components/file/file.d.ts

@@ -36,6 +36,7 @@ import { FileInfo } from '../../global/shared-types/file.types';
  * @exampleComponent limel-example-file-per-file-loading
  * @exampleComponent limel-example-file-per-file-progress
  * @exampleComponent limel-example-file-per-file-invalid
+ * @exampleComponent limel-example-file-per-file-status
  * @exampleComponent limel-example-file-menu-items
  * @exampleComponent limel-example-file-accepted-types
  * @exampleComponent limel-example-file-composite
@@ -94,6 +95,7 @@ export declare class File {
      */
     private interact;
     render(): any;
+    private get statusText();
     /**
      * The component is busy for any reason: its own `loading`, or a file that
      * is `loading` or has `progress` (including `0`). Completion is signalled
@@ -106,6 +108,7 @@ export declare class File {
     private dropZoneTip;
     private handleNewFiles;
     private getChipArray;
+    private getBadge;
     private renderChipset;
     private handleChipSetChange;
     private handleChipInteract;

package/dist/types/components/file-viewer/file-viewer.d.ts

@@ -120,7 +120,13 @@ export declare class FileViewer {
     private renderOffice;
     private isOfficeFileAccessibleViaURL;
     private getOfficeViewerUrl;
-    private renderNoFileSupportMessage;
+    /**
+     * @param withDownloadButton whether to render a download button as a
+     * recovery option. Should be `false` when the message is shown as
+     * fallback content alongside the buttons bar, which already renders the
+     * download button when enabled, to avoid showing two download buttons.
+     */
+    private readonly renderNoFileSupportMessage;
     private renderFileNotFoundMessage;
     private renderButtons;
     private renderToggleFullscreenButton;

package/dist/types/components.d.ts

@@ -1602,6 +1602,7 @@ export namespace Components {
      * @exampleComponent limel-example-file-per-file-loading
      * @exampleComponent limel-example-file-per-file-progress
      * @exampleComponent limel-example-file-per-file-invalid
+     * @exampleComponent limel-example-file-per-file-status
      * @exampleComponent limel-example-file-menu-items
      * @exampleComponent limel-example-file-accepted-types
      * @exampleComponent limel-example-file-composite
@@ -5115,6 +5116,7 @@ declare global {
      * @exampleComponent limel-example-file-per-file-loading
      * @exampleComponent limel-example-file-per-file-progress
      * @exampleComponent limel-example-file-per-file-invalid
+     * @exampleComponent limel-example-file-per-file-status
      * @exampleComponent limel-example-file-menu-items
      * @exampleComponent limel-example-file-accepted-types
      * @exampleComponent limel-example-file-composite
@@ -8206,6 +8208,7 @@ declare namespace LocalJSX {
      * @exampleComponent limel-example-file-per-file-loading
      * @exampleComponent limel-example-file-per-file-progress
      * @exampleComponent limel-example-file-per-file-invalid
+     * @exampleComponent limel-example-file-per-file-status
      * @exampleComponent limel-example-file-menu-items
      * @exampleComponent limel-example-file-accepted-types
      * @exampleComponent limel-example-file-composite
@@ -12055,6 +12058,7 @@ declare module "@stencil/core" {
              * @exampleComponent limel-example-file-per-file-loading
              * @exampleComponent limel-example-file-per-file-progress
              * @exampleComponent limel-example-file-per-file-invalid
+             * @exampleComponent limel-example-file-per-file-status
              * @exampleComponent limel-example-file-menu-items
              * @exampleComponent limel-example-file-accepted-types
              * @exampleComponent limel-example-file-composite

package/dist/types/global/shared-types/file.types.d.ts

@@ -87,6 +87,16 @@ export interface FileInfo {
      * upload, as a percentage. Must be a number between `0` and `100`.
      */
     progress?: number;
+    /**
+     * A short label describing the file's current state, such as
+     * `Uploading…`, `Scanning for viruses…` or `Failed`. When set, it replaces
+     * the file size badge on the chip, and is read by assistive technologies as
+     * part of the chip's accessible name.
+     *
+     * Prefer `progress` for a measurable value like a percentage, so it is
+     * shown as a progress bar instead of rapidly-changing text.
+     */
+    statusText?: string;
     /**
      * Set to `true` to mark the file as invalid, rendering it in an error
      * state. This is independent of the component's own `invalid` state.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-elements",
-  "version": "39.39.0",
+  "version": "39.40.0",
   "description": "Lime Elements",
   "author": "Lime Technologies",
   "license": "Apache-2.0",

package/dist/lime-elements/p-b97f2f56.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as e,H as s}from"./p-BGxJfR2f.js";import{t as r}from"./p-EPnIW0K5.js";import{g as n,a,b as o,c as h}from"./p-BCq5M9TE.js";import{f as l}from"./p-u_sd2HMb.js";import"./p-Bu_YRgCL.js";import"./p-CgNJbSP4.js";const d={id:null,text:null,removable:!0},p=class{constructor(e){i(this,e),this.change=t(this,"change"),this.interact=t(this,"interact"),this.required=!1,this.disabled=!1,this.readonly=!1,this.invalid=!1,this.loading=!1,this.accept="*",this.language="en",this.dropZoneTip=()=>this.getTranslation("file.drag-and-drop-tips"),this.handleNewFiles=i=>{this.preventAndStop(i),this.change.emit(i.detail[0])},this.handleChipSetChange=i=>{i.stopPropagation();const t=0===i.detail.length?i.detail[0]:null;t||this.change.emit(t)},this.handleChipInteract=i=>{this.preventAndStop(i),this.interact.emit(i.detail.id)}}render(){return e(s,{key:"aba4dcef1d93c610ef95cc91b1e1c64674bf767d","aria-busy":this.isBusy?"true":"false"},e("limel-file-dropzone",{key:"48bebc39d3c7a271528aee8450db766a5c4399db",disabled:this.disabled||this.readonly||!!this.value,accept:this.accept,onFilesSelected:this.handleNewFiles},this.renderChipset()),this.renderDragAndDropTip(),this.renderSpinner())}get isBusy(){var i,t;return this.loading||Boolean(null===(i=this.value)||void 0===i?void 0:i.loading)||void 0!==(null===(t=this.value)||void 0===t?void 0:t.progress)}renderSpinner(){if(this.isBusy)return e("limel-spinner",null)}renderDragAndDropTip(){if(!(this.value||this.disabled||this.readonly||this.isBusy))return e("div",{class:"drag-and-drop-tip"},e("span",{class:"invisible-label-mock",role:"presentation"},this.label),e("span",{class:"tip"},this.dropZoneTip()))}getChipArray(){if(!this.value)return[];const i="number"==typeof this.value.size?l(this.value.size):void 0;return[Object.assign(Object.assign({},d),{text:this.value.filename,id:this.value.id,icon:{name:h(this.value),title:o(this.value),color:a(this.value),backgroundColor:n(this.value)},badge:i,href:this.value.href,menuItems:this.value.menuItems,loading:this.value.loading,progress:this.value.progress,invalid:this.value.invalid})]}renderChipset(){const i=e("limel-chip-set",{disabled:this.disabled,readonly:this.readonly,invalid:this.invalid,label:this.label,helperText:this.helperText,leadingIcon:"upload_to_cloud",language:this.language,onChange:this.handleChipSetChange,onInteract:this.handleChipInteract,required:this.required,type:"input",value:this.getChipArray()});return this.value?i:e("limel-file-input",{accept:this.accept,disabled:this.disabled||this.readonly},i)}preventAndStop(i){i.stopPropagation(),i.preventDefault()}getTranslation(i){return r.get(i,this.language)}};p.style='@charset "UTF-8";:host(limel-file){--badge-max-width:auto;position:relative}.drag-and-drop-tip{pointer-events:none;position:absolute;box-sizing:border-box;margin:0.25rem;inset:0;display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;border-radius:0.25rem;border:1px dashed rgb(var(--contrast-700));padding:0 0.5rem}.drag-and-drop-tip .invisible-label-mock{flex-shrink:0;opacity:0;padding-right:1rem;padding-left:1.5rem}.drag-and-drop-tip .tip{font-size:smaller;color:var(--limel-theme-text-secondary-on-background-color);height:auto;max-height:3rem;line-height:1;display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}limel-spinner{pointer-events:none;position:absolute;inset:0 0.375rem 0 auto;margin:auto}';export{p as limel_file}