@limetech/lime-elements 40.22.0 → 40.24.0

package/dist/lime-elements/p-2d698983.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as s,H as n}from"./p-BU9IJqli.js";import{t as e}from"./p--i932i_D.js";import{a}from"./p-DQ5DmW_Y.js";import{p as h}from"./p-CSC2LJ7P.js";const r=class{constructor(s){t(this,s),this.jump=i(this,"jump",7),this.open=!1,this.page=1,this.pageCount=1,this.loading=!1,this.language="en",this.value="",this.shouldFocusField=!1,this.handleChange=t=>{var i;t.stopPropagation(),this.value=String(null!==(i=t.detail)&&void 0!==i?i:"")},this.handleKeyDown=t=>{t.key===a&&(t.preventDefault(),this.commit())},this.commit=()=>{const t=this.target;null===t||this.loading||this.jump.emit(t)},this.setField=t=>{this.field=t},this.translate=(t,i)=>e.get(t,this.language,i)}componentWillLoad(){this.handleOpenChange()}handleLanguageChange(){this.numberFormat=void 0}handleOpenChange(){this.open&&(this.value=String(this.page),this.shouldFocusField=!0)}async componentDidRender(){this.shouldFocusField&&(this.shouldFocusField=!1,await this.focusField())}render(){if(this.open)return s(n,{onKeyDown:this.handleKeyDown},s("limel-input-field",{type:"number",label:this.translate("pagination.page-number"),placeholder:this.pageRange,value:this.value,onChange:this.handleChange,min:1,max:this.pageCount,step:1,ref:this.setField}),s("limel-button",{primary:!0,label:this.translate("pagination.go"),disabled:this.loading,onClick:this.commit}))}get target(){var t,i;const s=null!==(i=null===(t=this.nativeField)||void 0===t?void 0:t.value)&&void 0!==i?i:this.value;return h(s,this.pageCount)}get pageRange(){return this.translate("pagination.page-range",{first:this.formatNumber(1),last:this.formatNumber(this.pageCount)})}get nativeField(){var t,i;return null===(i=null===(t=this.field)||void 0===t?void 0:t.shadowRoot)||void 0===i?void 0:i.querySelector("input")}async focusField(){const t=this.field;t&&(await t.componentOnReady(),requestAnimationFrame((()=>{var i,s;t.focus(),null===(s=null===(i=t.shadowRoot)||void 0===i?void 0:i.querySelector("input"))||void 0===s||s.select()})))}formatNumber(t){var i;return null!==(i=this.numberFormat)&&void 0!==i||(this.numberFormat=this.createNumberFormat()),this.numberFormat.format(t)}createNumberFormat(){try{return new Intl.NumberFormat(this.language)}catch(t){return new Intl.NumberFormat("en")}}static get watchers(){return{language:[{handleLanguageChange:0}],open:[{handleOpenChange:0}]}}};r.style=":host{display:flex;flex-direction:column;gap:0.75rem;padding:0.75rem;min-width:12rem}:host(:not([open])){display:none}";export{r as limel_pagination_jump}

package/dist/lime-elements/p-373032c0.entry.js

@@ -0,0 +1 @@
+import{r as i,c as t,h as e,H as s}from"./p-BU9IJqli.js";import{t as n}from"./p--i932i_D.js";import{g as r,a,b as o,c as l}from"./p-BCq5M9TE.js";import{f as h}from"./p-24yUSW40.js";import{r as d}from"./p-Dv2HOgWN.js";import"./p-Bu_YRgCL.js";import"./p-CgNJbSP4.js";const p={id:null,text:null,removable:!0},c=class{constructor(e){i(this,e),this.change=t(this,"change",7),this.interact=t(this,"interact",7),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=async i=>{this.preventAndStop(i);const t=i.detail[0];let e=t;const s=null==t?void 0:t.fileContent;if(this.resizeImage&&s instanceof Blob&&this.isResizableImage(s)){const i=Object.assign(Object.assign({},t),{loading:!0,statusText:this.getTranslation("file.optimizing")});this.resizingFile=i;try{const i=await d(s,this.resizeImage);e=Object.assign(Object.assign({},t),{filename:i.name,size:i.size,contentType:i.type,fileContent:i})}catch(i){}if(this.resizingFile!==i)return;this.resizingFile=e}this.change.emit(e)},this.handleChipSetChange=i=>{i.stopPropagation();const t=0===i.detail.length?i.detail[0]:null;t||(this.resizingFile=void 0,this.change.emit(t))},this.handleChipInteract=i=>{this.preventAndStop(i),this.interact.emit(i.detail.id)}}get displayedFile(){var i;return null!==(i=this.value)&&void 0!==i?i:this.resizingFile}handleValueChange(){this.resizingFile=void 0}render(){return e(s,{key:"00d4776052cbffc0066deba3a1c162d49d9c4e02","aria-busy":this.isBusy?"true":"false"},e("limel-file-dropzone",{key:"a3e031aba6715b825fde01d91a9d2667f300a606",disabled:this.disabled||this.readonly||!!this.displayedFile,accept:this.accept,onFilesSelected:this.handleNewFiles},this.renderChipset()),this.renderDragAndDropTip(),this.renderSpinner())}get statusText(){var i,t,e;return null!==(e=null===(t=null===(i=this.displayedFile)||void 0===i?void 0:i.statusText)||void 0===t?void 0:t.trim())&&void 0!==e?e:""}get isBusy(){var i,t;return this.loading||Boolean(null===(i=this.displayedFile)||void 0===i?void 0:i.loading)||void 0!==(null===(t=this.displayedFile)||void 0===t?void 0:t.progress)}renderSpinner(){if(this.isBusy)return e("limel-spinner",null)}renderDragAndDropTip(){if(!(this.displayedFile||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()))}isResizableImage(i){var t;return Boolean(null===(t=i.type)||void 0===t?void 0:t.startsWith("image/"))&&"image/svg+xml"!==i.type}getChipArray(){const i=this.displayedFile;return i?[Object.assign(Object.assign({},p),{text:i.filename,id:i.id,icon:{name:l(i),title:o(i),color:a(i),backgroundColor:r(i)},badge:this.getBadge(),href:i.href,menuItems:i.menuItems,loading:i.loading,progress:i.progress,invalid:i.invalid})]:[]}getBadge(){var i;return this.statusText?this.statusText:"number"==typeof(null===(i=this.displayedFile)||void 0===i?void 0:i.size)?h(this.displayedFile.size):void 0}renderChipset(){const i=e("limel-chip-set",{disabled:this.disabled,readonly:this.readonly,invalid:this.invalid,clearAllButton:!1,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 n.get(i,this.language)}static get watchers(){return{value:[{handleValueChange:0}]}}};c.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{c as limel_file}