@limetech/lime-elements 37.19.0-dev.1 → 37.19.0

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

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as e,H as r,g as s}from"./p-443111b3.js";import{g as n,a as o,b as a,c as l}from"./p-48b9449e.js";import{b as c}from"./p-160569a4.js";import{b as h}from"./p-9acf7b5d.js";import{b as f}from"./p-99f6893d.js";import{i as p}from"./p-0b1af919.js";import{c as u}from"./p-3ccdc4a3.js";import"./p-35e7a41b.js";import"./p-2f777fdb.js";import"./p-48ed11c0.js";import"./p-eda23c05.js";import"./p-c93050d6.js";import"./p-4c3358cb.js";import"./p-858c6b82.js";import"./p-d529bb7d.js";import"./p-669626e5.js";function d(t,i,e,r){var s=-1,n=t==null?0:t.length;while(++s<n){var o=t[s];i(r,o,e(o),t)}return r}function m(t,i){return function(e,r){if(e==null){return e}if(!h(e)){return t(e,r)}var s=e.length,n=i?s:-1,o=Object(e);while(i?n--:++n<s){if(r(o[n],n,o)===false){break}}return e}}var b=m(c);function g(t,i,e,r){b(t,(function(t,s,n){i(r,t,e(t),n)}));return r}function j(t,i){return function(e,r){var s=p(e)?d:g,n=i?i():{};return s(e,t,f(r),n)}}var v=j((function(t,i,e){t[e?0:1].push(i)}),(function(){return[[],[]]}));function y(t){const i={id:crypto.randomUUID(),filename:t.name,contentType:t.type,size:t.size,fileContent:t};i.icon={name:n(i),title:o(i),color:a(i),backgroundColor:l(i)};return i}function x(t,i){if(i===undefined||i==="*"){return true}const e=i.split(",").map((t=>t.trim()));return e.some((i=>{if(i===t.contentType){return true}if(i.endsWith("/*")){const e=i.split("/")[0];return t.contentType.startsWith(`${e}/`)}if(i.startsWith(".")){const e=i.split(".")[1];return t.contentType.endsWith(`/${e}`)}}))}const k=":host(limel-file-dropzone){display:block;position:relative}.has-file-to-drop{animation:display-drop-zone 0.6s ease forwards;box-sizing:border-box;isolation:isolate;z-index:1;position:absolute;inset:0.25rem;overflow:hidden;display:flex;justify-content:center;align-items:center;gap:0.5rem;color:rgb(var(--contrast-700));border:0.125rem dashed rgb(var(--color-cyan-light));border-radius:0.75rem}.text-helpertext{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.icon{width:clamp(2rem, 5vh, 7rem)}.text{font-size:clamp(1rem, 2vh, 1.75rem)}.helper-text{font-size:clamp(0.75rem, 1.5vh, 1rem)}@keyframes display-drop-zone{0%{background-color:rgb(var(--contrast-1100), 0);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);scale:0.9;opacity:0}50%{scale:1;opacity:1}100%{background-color:rgb(var(--contrast-1100), 0.8);backdrop-filter:blur(0.25rem);-webkit-backdrop-filter:blur(0.25rem)}}";const w=class{constructor(r){t(this,r);this.filesSelected=i(this,"filesSelected",7);this.filesRejected=i(this,"filesRejected",7);this.renderOnDragLayout=()=>{if(this.disabled||!this.hasFileToDrop){return}return e("div",{class:"has-file-to-drop"},e("limel-icon",{class:"icon",name:"upload_2"}),e("div",{class:"text-helpertext"},this.renderText(),this.renderHelperText()))};this.renderText=()=>{if(!this.text){return}return e("span",{class:"text"},this.text)};this.renderHelperText=()=>{if(!this.helperText){return}return e("span",{class:"helper-text"},this.helperText)};this.handleDrop=t=>{t.stopPropagation();t.preventDefault();this.hasFileToDrop=false;if(this.disabled){return}const i=Array.from(t.dataTransfer.files);const e=i.map(y);const[r,s]=v(e,(t=>x(t,this.accept)));if(r.length>0){this.filesSelected.emit(r)}if(s.length>0){this.filesRejected.emit(s)}};this.handleDragOver=t=>{this.hasFileToDrop=true;t.preventDefault()};this.handleDragLeave=t=>{this.hasFileToDrop=false;t.preventDefault()};this.accept="*";this.disabled=false;this.text=undefined;this.helperText="";this.hasFileToDrop=false}render(){return e(r,{onDrop:this.handleDrop,onDragOver:this.handleDragOver,onDragLeave:this.handleDragLeave},e("slot",null),this.renderOnDragLayout())}};w.style=k;const z=class{constructor(e){t(this,e);this.filesSelected=i(this,"filesSelected",7);this.fileInputId=u();this.handleClick=t=>{if(this.disabled){t.stopPropagation();t.preventDefault();return}this.triggerFileDialog();t.stopPropagation()};this.handleKeyUp=t=>{t.stopPropagation();t.preventDefault();if(t.code==="Enter"){this.triggerFileDialog()}};this.handleFileChange=t=>{const i=Array.from(this.fileInput.files);if(i.length>0){t.stopPropagation();this.filesSelected.emit(i.map(y));this.fileInput.value=""}};this.accept="*";this.disabled=false;this.multiple=false}componentDidLoad(){this.fileInput=this.element.shadowRoot.getElementById(this.fileInputId)}render(){return e(r,{onClick:this.handleClick,onKeyUp:this.handleKeyUp,onKeyDown:this.handleKeyDown},e("input",{hidden:true,id:this.fileInputId,onChange:this.handleFileChange,type:"file",accept:this.accept,disabled:this.disabled,multiple:this.multiple}),e("slot",null))}handleKeyDown(t){if(t.code==="Tab"||t.code==="Backspace"||t.code==="Enter"){return}t.preventDefault();t.stopPropagation()}triggerFileDialog(){this.fileInput.click()}get element(){return s(this)}};export{w as limel_file_dropzone,z as limel_file_input};
-//# sourceMappingURL=p-a1ffb47f.entry.js.map

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

@@ -1,4 +0,0 @@
-export * from './icon-background-colors';
-export * from './icon-fill-colors';
-export * from './icons';
-//# sourceMappingURL=index.d.ts.map