@limetech/lime-elements 36.1.0-next.11 → 36.1.0-next.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/lime-elements.cjs.js +1 -1
- package/dist/cjs/{limel-button.cjs.entry.js → limel-button_2.cjs.entry.js} +132 -1
- package/dist/cjs/limel-chip-set.cjs.entry.js +1 -1
- package/dist/cjs/limel-file.cjs.entry.js +1 -1
- package/dist/cjs/limel-flatpickr-adapter.cjs.entry.js +5 -3
- package/dist/cjs/limel-form.cjs.entry.js +319 -318
- package/dist/cjs/limel-snackbar.cjs.entry.js +1 -1
- package/dist/cjs/limel-split-button.cjs.entry.js +34 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{translations-5a8d7f6c.js → translations-ca7279bc.js} +6 -0
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/button/button.css +4 -1
- package/dist/collection/components/date-picker/flatpickr-adapter/flatpickr-adapter.css +26 -0
- package/dist/collection/components/date-picker/flatpickr-adapter/flatpickr-adapter.js +3 -1
- package/dist/collection/components/split-button/split-button.css +75 -0
- package/dist/collection/components/split-button/split-button.js +170 -0
- package/dist/collection/translations/da.js +1 -0
- package/dist/collection/translations/en.js +1 -0
- package/dist/collection/translations/fi.js +1 -0
- package/dist/collection/translations/nl.js +1 -0
- package/dist/collection/translations/no.js +1 -0
- package/dist/collection/translations/sv.js +1 -0
- package/dist/esm/lime-elements.js +1 -1
- package/dist/esm/{limel-button.entry.js → limel-button_2.entry.js} +133 -3
- package/dist/esm/limel-chip-set.entry.js +1 -1
- package/dist/esm/limel-file.entry.js +1 -1
- package/dist/esm/limel-flatpickr-adapter.entry.js +5 -3
- package/dist/esm/limel-form.entry.js +319 -318
- package/dist/esm/limel-snackbar.entry.js +1 -1
- package/dist/esm/limel-split-button.entry.js +30 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{translations-682e905e.js → translations-0d0ee941.js} +6 -0
- package/dist/lime-elements/lime-elements.esm.js +1 -1
- package/dist/lime-elements/p-246862ec.js +1 -0
- package/dist/lime-elements/{p-3f388717.entry.js → p-6eb07bc3.entry.js} +3 -3
- package/dist/lime-elements/p-7c035e6e.entry.js +1 -0
- package/dist/lime-elements/{p-41e902ac.entry.js → p-ae0e9730.entry.js} +1 -1
- package/dist/lime-elements/p-b913df89.entry.js +1 -0
- package/dist/lime-elements/{p-17fd6309.entry.js → p-d294266e.entry.js} +2 -2
- package/dist/lime-elements/{p-94899019.entry.js → p-e7447b76.entry.js} +1 -1
- package/dist/lime-elements/{p-e98d76e8.entry.js → p-f8e5b304.entry.js} +1 -1
- package/dist/types/components/split-button/split-button.d.ts +45 -0
- package/dist/types/components.d.ts +57 -0
- package/dist/types/translations/da.d.ts +1 -0
- package/dist/types/translations/en.d.ts +1 -0
- package/dist/types/translations/fi.d.ts +1 -0
- package/dist/types/translations/nl.d.ts +1 -0
- package/dist/types/translations/no.d.ts +1 -0
- package/dist/types/translations/sv.d.ts +1 -0
- package/package.json +5 -5
- package/dist/cjs/limel-menu.cjs.entry.js +0 -137
- package/dist/esm/limel-menu.entry.js +0 -133
- package/dist/lime-elements/p-2fc4f4ff.entry.js +0 -1
- package/dist/lime-elements/p-3bf54a4c.js +0 -1
- package/dist/lime-elements/p-c59cbd68.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,c as o,h as a,g as e}from"./p-e9a95b8f.js";import{t as l}from"./p-3bf54a4c.js";import{c as t}from"./p-6c094f3f.js";import{M as i}from"./p-1c284626.js";import"./p-48d4ef20.js";import"./p-cbc43682.js";import"./p-dcc97cc2.js";import"./p-d0a7de87.js";const g="ms_word_copyrighted",c="ms_powerpoint_copyrighted",s={msg:"ms_outlook_copyrighted",ics:"tear_off_calendar",ical:"tear_off_calendar",icalendar:"tear_off_calendar",ifb:"tear_off_calendar",email:"email",eml:"email",oft:"email",ost:"email",emlx:"email",html:"internet",xml:"internet",txt:"text_box",rtf:"text_box",dot:g,doc:g,docx:g,dotx:g,docm:g,dotm:g,odt:"overview_pages_2",pages:"overview_pages_2",pdf:"PDF_2",ppt:c,pot:c,pps:c,pptx:c,pptm:c,potx:c,potm:c,ppam:c,ppsx:c,ppsm:c,sldx:c,sldm:c,odp:"presentation_filled",key:"presentation_filled",xls:"ms_excel_copyrighted",xlsx:"ms_excel_copyrighted",csv:"data_sheet",numbers:"data_sheet",jpg:"camera",jpeg:"camera",heic:"camera",bmp:"picture",png:"picture",gif:"picture",psd:"adobe_photoshop_copyrighted",ai:"adobe_illustrator_copyrighted",svg:"vector",svgz:"vector",ep:"vector",eps:"vector",sketch:"vector",mp3:"audio_wave",wav:"audio_wave",wma:"audio_wave",ogg:"audio_wave",avi:"video_file",flv:"video_file",h264:"video_file",mov:"video_file",mp4:"video_file",mwv:"video_file",zip:"condom_package","7z":"condom_package",rar:"condom_package",json:"json",yaml:"database",sql:"database",db:"database",dbf:"database"},d="rgb(var(--color-glaucous-dark))",h={msg:"rgb(var(--color-yellow-dark))",ics:"rgb(var(--color-cyan-dark))",ical:"rgb(var(--color-cyan-dark))",icalendar:"rgb(var(--color-cyan-dark))",ifb:"rgb(var(--color-cyan-dark))",email:"rgb(var(--color-gray-dark))",eml:"rgb(var(--color-gray-dark))",oft:"rgb(var(--color-gray-dark))",ost:"rgb(var(--color-gray-dark))",emlx:"rgb(var(--color-gray-dark))",html:"rgb(var(--color-blue-dark))",xml:"rgb(var(--color-blue-dark))",txt:"rgb(var(--color-yellow-darker))",rtf:"rgb(var(--color-yellow-darker))",dot:"rgb(var(--color-sky-dark))",doc:"rgb(var(--color-sky-dark))",docx:"rgb(var(--color-sky-dark))",dotx:"rgb(var(--color-sky-dark))",docm:"rgb(var(--color-sky-dark))",dotm:"rgb(var(--color-sky-dark))",odt:"rgb(var(--color-orange-dark))",pages:"rgb(var(--color-orange-dark))",pdf:"rgb(var(--color-red-dark))",ppt:"rgb(var(--color-coral-dark))",pot:"rgb(var(--color-coral-dark))",pps:"rgb(var(--color-coral-dark))",pptx:"rgb(var(--color-coral-dark))",pptm:"rgb(var(--color-coral-dark))",potx:"rgb(var(--color-coral-dark))",potm:"rgb(var(--color-coral-dark))",ppam:"rgb(var(--color-coral-dark))",ppsx:"rgb(var(--color-coral-dark))",ppsm:"rgb(var(--color-coral-dark))",sldx:"rgb(var(--color-coral-dark))",sldm:"rgb(var(--color-coral-dark))",odp:"rgb(var(--color-blue-dark))",key:"rgb(var(--color-blue-dark))",xls:"rgb(var(--color-green-dark))",xlsx:"rgb(var(--color-green-dark))",csv:"rgb(var(--color-gray-dark))",numbers:"rgb(var(--color-green-dark))",bmp:"rgb(var(--color-lime-dark))",jpg:"rgb(var(--color-lime-dark))",jpeg:"rgb(var(--color-lime-dark))",heic:"rgb(var(--color-lime-dark))",png:"rgb(var(--color-lime-dark))",gif:"rgb(var(--color-lime-dark))",psd:"rgb(var(--color-blue-dark))",ai:"rgb(var(--color-orange-dark))",svg:"rgb(var(--color-magenta-dark))",svgz:"rgb(var(--color-magenta-dark))",ep:"rgb(var(--color-magenta-dark))",eps:"rgb(var(--color-magenta-dark))",sketch:"rgb(var(--color-magenta-dark))",mp3:"rgb(var(--color-indigo-dark))",wav:"rgb(var(--color-indigo-dark))",wma:"rgb(var(--color-indigo-dark))",ogg:"rgb(var(--color-indigo-dark))",flv:"rgb(var(--color-red-dark))",h264:"rgb(var(--color-red-dark))",mov:"rgb(var(--color-red-dark))",mp4:"rgb(var(--color-red-dark))",mwv:"rgb(var(--color-red-dark))",zip:"rgb(var(--color-brown-default))","7z":"rgb(var(--color-brown-default))",rar:"rgb(var(--color-brown-default))",json:d,yaml:d,sql:d,db:d,dbf:d},n="rgba(var(--color-coral-lighter), 0.4)",v="rgba(var(--color-sky-lighter), 0.4)",b="rgba(var(--color-glaucous-lighter), 0.4)",p={msg:"rgba(var(--color-yellow-lighter), 0.4)",ics:"rgba(var(--color-cyan-lighter), 0.4)",ical:"rgba(var(--color-cyan-lighter), 0.4)",icalendar:"rgba(var(--color-cyan-lighter), 0.4)",ifb:"rgba(var(--color-cyan-lighter), 0.4)",email:"rgba(var(--color-gray-lighter), 0.4)",eml:"rgba(var(--color-gray-lighter), 0.4)",oft:"rgba(var(--color-gray-lighter), 0.4)",ost:"rgba(var(--color-gray-lighter), 0.4)",emlx:"rgba(var(--color-gray-lighter), 0.4)",html:"rgba(var(--color-blue-lighter), 0.4)",xml:"rgba(var(--color-blue-lighter), 0.4)",txt:"rgba(var(--color-yellow-lighter), 0.4)",rtf:"rgba(var(--color-yellow-lighter), 0.4)",dot:v,doc:v,docx:v,dotx:v,docm:v,dotm:v,odt:"rgba(var(--color-orange-lighter), 0.4)",pages:"rgba(var(--color-orange-lighter), 0.4)",pdf:"rgba(var(--color-red-lighter), 0.4)",ppt:n,pot:n,pps:n,pptx:n,pptm:n,potx:n,potm:n,ppam:n,ppsx:n,ppsm:n,sldx:n,sldm:n,odp:"rgba(var(--color-blue-lighter), 0.4)",key:"rgba(var(--color-blue-lighter), 0.4)",xls:"rgba(var(--color-green-lighter), 0.4)",xlsx:"rgba(var(--color-green-lighter), 0.4)",csv:"rgba(var(--color-gray-lighter), 0.4)",numbers:"rgba(var(--color-green-lighter), 0.4)",bmp:"rgba(var(--color-lime-lighter), 0.4)",jpg:"rgba(var(--color-lime-lighter), 0.4)",jpeg:"rgba(var(--color-lime-lighter), 0.4)",heic:"rgba(var(--color-lime-lighter), 0.4)",png:"rgba(var(--color-lime-lighter), 0.4)",gif:"rgba(var(--color-lime-lighter), 0.4)",psd:"rgba(var(--color-blue-lighter), 0.4)",ai:"rgba(var(--color-orange-lighter), 0.4)",svg:"rgba(var(--color-magenta-lighter), 0.4)",svgz:"rgba(var(--color-magenta-lighter), 0.4)",ep:"rgba(var(--color-magenta-lighter), 0.4)",eps:"rgba(var(--color-magenta-lighter), 0.4)",sketch:"rgba(var(--color-magenta-lighter), 0.4)",mp3:"rgba(var(--color-indigo-lighter), 0.4)",wav:"rgba(var(--color-indigo-lighter), 0.4)",wma:"rgba(var(--color-indigo-lighter), 0.4)",ogg:"rgba(var(--color-indigo-lighter), 0.4)",flv:"rgba(var(--color-red-lighter), 0.4)",h264:"rgba(var(--color-red-lighter), 0.4)",mov:"rgba(var(--color-red-lighter), 0.4)",mp4:"rgba(var(--color-red-lighter), 0.4)",mwv:"rgba(var(--color-red-lighter), 0.4)",zip:"rgba(var(--color-orange-lighter), 0.4)","7z":"rgba(var(--color-orange-lighter), 0.4)",rar:"rgba(var(--color-orange-lighter), 0.4)",json:b,yaml:b,sql:b,db:b,dbf:b};function m(r){if(null==r?void 0:r.icon)return r.icon;const o=u(r);return o?function(r){return s[r.toLowerCase()]||"file"}(o):void 0}function k(r){if(null==r?void 0:r.iconColor)return r.iconColor;const o=u(r);return o?function(r){return h[r.toLowerCase()]||"rgb(var(--color-gray-dark))"}(o):void 0}function f(r){if(null==r?void 0:r.iconBackgroundColor)return r.iconBackgroundColor;const o=u(r);return o?function(r){return p[r.toLowerCase()]||"rgba(var(--color-gray-lighter), 0.4)"}(o):void 0}function u(r){if(r)return r.filename.split(".").pop()}const y={id:null,text:null,removable:!0},_=class{constructor(a){r(this,a),this.change=o(this,"change",7),this.interact=o(this,"interact",7),this.required=!1,this.disabled=!1,this.readonly=!1,this.accept="*",this.language="en",this.isDraggingOverDropZone=!1,this.fileInputId=t(),this.handleDragEnter=r=>{this.isDraggingOverDropZone=!0,this.preventAndStop(r)},this.handleDragLeave=()=>{this.isDraggingOverDropZone=!1},this.handleFileDrop=r=>{this.preventAndStop(r),this.isDraggingOverDropZone=!1,this.handleFile(r.dataTransfer.files[0])},this.handleFileSelection=this.handleFileSelection.bind(this),this.handleFileChange=this.handleFileChange.bind(this),this.handleChipSetChange=this.handleChipSetChange.bind(this),this.handleFileDrop=this.handleFileDrop.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleKeyUp=this.handleKeyUp.bind(this),this.handleChipInteract=this.handleChipInteract.bind(this)}connectedCallback(){this.initialize()}componentDidLoad(){this.fileInput=this.element.shadowRoot.getElementById(this.fileInputId),this.chipSet=this.element.shadowRoot.querySelector("limel-chip-set"),this.initialize()}initialize(){this.chipSet&&(this.mdcTextField=new i(this.chipSet.shadowRoot.querySelector(".mdc-text-field")))}disconnectedCallback(){this.mdcTextField&&this.mdcTextField.destroy()}render(){return[a("input",{hidden:!0,id:this.fileInputId,onChange:this.handleFileChange,type:"file",accept:this.accept,disabled:this.disabled||this.readonly}),a("limel-chip-set",{class:{"is-file-picker":!0,"shows-dropzone":!0,"highlight-dropzone":this.isDraggingOverDropZone},disabled:this.disabled,readonly:this.readonly,label:this.label,leadingIcon:"upload_to_cloud",language:this.language,onChange:this.handleChipSetChange,onClick:this.handleFileSelection,onInteract:this.handleChipInteract,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,required:this.required,type:"input",value:this.chipArray,title:this.getTranslation("drag-and-drop-tips"),onDragEnter:this.handleDragEnter,onDragOver:this.preventAndStop,onDragLeave:this.handleDragLeave,onDrop:this.handleFileDrop})]}get chipArray(){return this.value?[Object.assign(Object.assign({},y),{text:this.value.filename,id:this.value.id,icon:m(this.value),iconFillColor:k(this.value),iconBackgroundColor:f(this.value),href:this.value.href,iconTitle:(r=this.value,(null==r?void 0:r.icon)?r.icon:u(r))})]:[];var r}handleKeyDown(r){"Tab"!==r.code&&"Backspace"!==r.code&&"Enter"!==r.code&&(r.preventDefault(),r.stopPropagation())}handleKeyUp(r){"Enter"!==r.code||this.value||this.fileInput.click()}handleFileSelection(r){r.stopPropagation(),r.preventDefault(),this.value||this.fileInput.click()}handleFileChange(r){this.fileInput.files.length>0&&(r.stopPropagation(),this.handleFile(this.fileInput.files[0]))}handleFile(r){const o={id:t(),filename:r.name,contentType:r.type,size:r.size,fileContent:r};this.change.emit(o),this.chipSet.blur(),this.mdcTextField.valid=!0}handleChipSetChange(r){r.stopPropagation();const o=r.detail.length?null:r.detail[0];this.chipSet.blur(),o||(this.fileInput.value="",this.change.emit(o),this.required&&(this.mdcTextField.valid=!1))}handleChipInteract(r){r.stopPropagation(),r.preventDefault(),this.interact.emit(r.detail.id)}preventAndStop(r){r.stopPropagation(),r.preventDefault()}getTranslation(r){return l.get(`file.${r}`,this.language)}get element(){return e(this)}};_.style=":host{--icon-background-color:rgb(var(--contrast-400));--icon-color:rgb(var(--contrast-1100))}";export{_ as limel_file}
|
|
1
|
+
import{r,c as o,h as a,g as e}from"./p-e9a95b8f.js";import{t as l}from"./p-246862ec.js";import{c as t}from"./p-6c094f3f.js";import{M as i}from"./p-1c284626.js";import"./p-48d4ef20.js";import"./p-cbc43682.js";import"./p-dcc97cc2.js";import"./p-d0a7de87.js";const g="ms_word_copyrighted",c="ms_powerpoint_copyrighted",s={msg:"ms_outlook_copyrighted",ics:"tear_off_calendar",ical:"tear_off_calendar",icalendar:"tear_off_calendar",ifb:"tear_off_calendar",email:"email",eml:"email",oft:"email",ost:"email",emlx:"email",html:"internet",xml:"internet",txt:"text_box",rtf:"text_box",dot:g,doc:g,docx:g,dotx:g,docm:g,dotm:g,odt:"overview_pages_2",pages:"overview_pages_2",pdf:"PDF_2",ppt:c,pot:c,pps:c,pptx:c,pptm:c,potx:c,potm:c,ppam:c,ppsx:c,ppsm:c,sldx:c,sldm:c,odp:"presentation_filled",key:"presentation_filled",xls:"ms_excel_copyrighted",xlsx:"ms_excel_copyrighted",csv:"data_sheet",numbers:"data_sheet",jpg:"camera",jpeg:"camera",heic:"camera",bmp:"picture",png:"picture",gif:"picture",psd:"adobe_photoshop_copyrighted",ai:"adobe_illustrator_copyrighted",svg:"vector",svgz:"vector",ep:"vector",eps:"vector",sketch:"vector",mp3:"audio_wave",wav:"audio_wave",wma:"audio_wave",ogg:"audio_wave",avi:"video_file",flv:"video_file",h264:"video_file",mov:"video_file",mp4:"video_file",mwv:"video_file",zip:"condom_package","7z":"condom_package",rar:"condom_package",json:"json",yaml:"database",sql:"database",db:"database",dbf:"database"},d="rgb(var(--color-glaucous-dark))",h={msg:"rgb(var(--color-yellow-dark))",ics:"rgb(var(--color-cyan-dark))",ical:"rgb(var(--color-cyan-dark))",icalendar:"rgb(var(--color-cyan-dark))",ifb:"rgb(var(--color-cyan-dark))",email:"rgb(var(--color-gray-dark))",eml:"rgb(var(--color-gray-dark))",oft:"rgb(var(--color-gray-dark))",ost:"rgb(var(--color-gray-dark))",emlx:"rgb(var(--color-gray-dark))",html:"rgb(var(--color-blue-dark))",xml:"rgb(var(--color-blue-dark))",txt:"rgb(var(--color-yellow-darker))",rtf:"rgb(var(--color-yellow-darker))",dot:"rgb(var(--color-sky-dark))",doc:"rgb(var(--color-sky-dark))",docx:"rgb(var(--color-sky-dark))",dotx:"rgb(var(--color-sky-dark))",docm:"rgb(var(--color-sky-dark))",dotm:"rgb(var(--color-sky-dark))",odt:"rgb(var(--color-orange-dark))",pages:"rgb(var(--color-orange-dark))",pdf:"rgb(var(--color-red-dark))",ppt:"rgb(var(--color-coral-dark))",pot:"rgb(var(--color-coral-dark))",pps:"rgb(var(--color-coral-dark))",pptx:"rgb(var(--color-coral-dark))",pptm:"rgb(var(--color-coral-dark))",potx:"rgb(var(--color-coral-dark))",potm:"rgb(var(--color-coral-dark))",ppam:"rgb(var(--color-coral-dark))",ppsx:"rgb(var(--color-coral-dark))",ppsm:"rgb(var(--color-coral-dark))",sldx:"rgb(var(--color-coral-dark))",sldm:"rgb(var(--color-coral-dark))",odp:"rgb(var(--color-blue-dark))",key:"rgb(var(--color-blue-dark))",xls:"rgb(var(--color-green-dark))",xlsx:"rgb(var(--color-green-dark))",csv:"rgb(var(--color-gray-dark))",numbers:"rgb(var(--color-green-dark))",bmp:"rgb(var(--color-lime-dark))",jpg:"rgb(var(--color-lime-dark))",jpeg:"rgb(var(--color-lime-dark))",heic:"rgb(var(--color-lime-dark))",png:"rgb(var(--color-lime-dark))",gif:"rgb(var(--color-lime-dark))",psd:"rgb(var(--color-blue-dark))",ai:"rgb(var(--color-orange-dark))",svg:"rgb(var(--color-magenta-dark))",svgz:"rgb(var(--color-magenta-dark))",ep:"rgb(var(--color-magenta-dark))",eps:"rgb(var(--color-magenta-dark))",sketch:"rgb(var(--color-magenta-dark))",mp3:"rgb(var(--color-indigo-dark))",wav:"rgb(var(--color-indigo-dark))",wma:"rgb(var(--color-indigo-dark))",ogg:"rgb(var(--color-indigo-dark))",flv:"rgb(var(--color-red-dark))",h264:"rgb(var(--color-red-dark))",mov:"rgb(var(--color-red-dark))",mp4:"rgb(var(--color-red-dark))",mwv:"rgb(var(--color-red-dark))",zip:"rgb(var(--color-brown-default))","7z":"rgb(var(--color-brown-default))",rar:"rgb(var(--color-brown-default))",json:d,yaml:d,sql:d,db:d,dbf:d},n="rgba(var(--color-coral-lighter), 0.4)",v="rgba(var(--color-sky-lighter), 0.4)",b="rgba(var(--color-glaucous-lighter), 0.4)",p={msg:"rgba(var(--color-yellow-lighter), 0.4)",ics:"rgba(var(--color-cyan-lighter), 0.4)",ical:"rgba(var(--color-cyan-lighter), 0.4)",icalendar:"rgba(var(--color-cyan-lighter), 0.4)",ifb:"rgba(var(--color-cyan-lighter), 0.4)",email:"rgba(var(--color-gray-lighter), 0.4)",eml:"rgba(var(--color-gray-lighter), 0.4)",oft:"rgba(var(--color-gray-lighter), 0.4)",ost:"rgba(var(--color-gray-lighter), 0.4)",emlx:"rgba(var(--color-gray-lighter), 0.4)",html:"rgba(var(--color-blue-lighter), 0.4)",xml:"rgba(var(--color-blue-lighter), 0.4)",txt:"rgba(var(--color-yellow-lighter), 0.4)",rtf:"rgba(var(--color-yellow-lighter), 0.4)",dot:v,doc:v,docx:v,dotx:v,docm:v,dotm:v,odt:"rgba(var(--color-orange-lighter), 0.4)",pages:"rgba(var(--color-orange-lighter), 0.4)",pdf:"rgba(var(--color-red-lighter), 0.4)",ppt:n,pot:n,pps:n,pptx:n,pptm:n,potx:n,potm:n,ppam:n,ppsx:n,ppsm:n,sldx:n,sldm:n,odp:"rgba(var(--color-blue-lighter), 0.4)",key:"rgba(var(--color-blue-lighter), 0.4)",xls:"rgba(var(--color-green-lighter), 0.4)",xlsx:"rgba(var(--color-green-lighter), 0.4)",csv:"rgba(var(--color-gray-lighter), 0.4)",numbers:"rgba(var(--color-green-lighter), 0.4)",bmp:"rgba(var(--color-lime-lighter), 0.4)",jpg:"rgba(var(--color-lime-lighter), 0.4)",jpeg:"rgba(var(--color-lime-lighter), 0.4)",heic:"rgba(var(--color-lime-lighter), 0.4)",png:"rgba(var(--color-lime-lighter), 0.4)",gif:"rgba(var(--color-lime-lighter), 0.4)",psd:"rgba(var(--color-blue-lighter), 0.4)",ai:"rgba(var(--color-orange-lighter), 0.4)",svg:"rgba(var(--color-magenta-lighter), 0.4)",svgz:"rgba(var(--color-magenta-lighter), 0.4)",ep:"rgba(var(--color-magenta-lighter), 0.4)",eps:"rgba(var(--color-magenta-lighter), 0.4)",sketch:"rgba(var(--color-magenta-lighter), 0.4)",mp3:"rgba(var(--color-indigo-lighter), 0.4)",wav:"rgba(var(--color-indigo-lighter), 0.4)",wma:"rgba(var(--color-indigo-lighter), 0.4)",ogg:"rgba(var(--color-indigo-lighter), 0.4)",flv:"rgba(var(--color-red-lighter), 0.4)",h264:"rgba(var(--color-red-lighter), 0.4)",mov:"rgba(var(--color-red-lighter), 0.4)",mp4:"rgba(var(--color-red-lighter), 0.4)",mwv:"rgba(var(--color-red-lighter), 0.4)",zip:"rgba(var(--color-orange-lighter), 0.4)","7z":"rgba(var(--color-orange-lighter), 0.4)",rar:"rgba(var(--color-orange-lighter), 0.4)",json:b,yaml:b,sql:b,db:b,dbf:b};function m(r){if(null==r?void 0:r.icon)return r.icon;const o=u(r);return o?function(r){return s[r.toLowerCase()]||"file"}(o):void 0}function k(r){if(null==r?void 0:r.iconColor)return r.iconColor;const o=u(r);return o?function(r){return h[r.toLowerCase()]||"rgb(var(--color-gray-dark))"}(o):void 0}function f(r){if(null==r?void 0:r.iconBackgroundColor)return r.iconBackgroundColor;const o=u(r);return o?function(r){return p[r.toLowerCase()]||"rgba(var(--color-gray-lighter), 0.4)"}(o):void 0}function u(r){if(r)return r.filename.split(".").pop()}const y={id:null,text:null,removable:!0},_=class{constructor(a){r(this,a),this.change=o(this,"change",7),this.interact=o(this,"interact",7),this.required=!1,this.disabled=!1,this.readonly=!1,this.accept="*",this.language="en",this.isDraggingOverDropZone=!1,this.fileInputId=t(),this.handleDragEnter=r=>{this.isDraggingOverDropZone=!0,this.preventAndStop(r)},this.handleDragLeave=()=>{this.isDraggingOverDropZone=!1},this.handleFileDrop=r=>{this.preventAndStop(r),this.isDraggingOverDropZone=!1,this.handleFile(r.dataTransfer.files[0])},this.handleFileSelection=this.handleFileSelection.bind(this),this.handleFileChange=this.handleFileChange.bind(this),this.handleChipSetChange=this.handleChipSetChange.bind(this),this.handleFileDrop=this.handleFileDrop.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleKeyUp=this.handleKeyUp.bind(this),this.handleChipInteract=this.handleChipInteract.bind(this)}connectedCallback(){this.initialize()}componentDidLoad(){this.fileInput=this.element.shadowRoot.getElementById(this.fileInputId),this.chipSet=this.element.shadowRoot.querySelector("limel-chip-set"),this.initialize()}initialize(){this.chipSet&&(this.mdcTextField=new i(this.chipSet.shadowRoot.querySelector(".mdc-text-field")))}disconnectedCallback(){this.mdcTextField&&this.mdcTextField.destroy()}render(){return[a("input",{hidden:!0,id:this.fileInputId,onChange:this.handleFileChange,type:"file",accept:this.accept,disabled:this.disabled||this.readonly}),a("limel-chip-set",{class:{"is-file-picker":!0,"shows-dropzone":!0,"highlight-dropzone":this.isDraggingOverDropZone},disabled:this.disabled,readonly:this.readonly,label:this.label,leadingIcon:"upload_to_cloud",language:this.language,onChange:this.handleChipSetChange,onClick:this.handleFileSelection,onInteract:this.handleChipInteract,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,required:this.required,type:"input",value:this.chipArray,title:this.getTranslation("drag-and-drop-tips"),onDragEnter:this.handleDragEnter,onDragOver:this.preventAndStop,onDragLeave:this.handleDragLeave,onDrop:this.handleFileDrop})]}get chipArray(){return this.value?[Object.assign(Object.assign({},y),{text:this.value.filename,id:this.value.id,icon:m(this.value),iconFillColor:k(this.value),iconBackgroundColor:f(this.value),href:this.value.href,iconTitle:(r=this.value,(null==r?void 0:r.icon)?r.icon:u(r))})]:[];var r}handleKeyDown(r){"Tab"!==r.code&&"Backspace"!==r.code&&"Enter"!==r.code&&(r.preventDefault(),r.stopPropagation())}handleKeyUp(r){"Enter"!==r.code||this.value||this.fileInput.click()}handleFileSelection(r){r.stopPropagation(),r.preventDefault(),this.value||this.fileInput.click()}handleFileChange(r){this.fileInput.files.length>0&&(r.stopPropagation(),this.handleFile(this.fileInput.files[0]))}handleFile(r){const o={id:t(),filename:r.name,contentType:r.type,size:r.size,fileContent:r};this.change.emit(o),this.chipSet.blur(),this.mdcTextField.valid=!0}handleChipSetChange(r){r.stopPropagation();const o=r.detail.length?null:r.detail[0];this.chipSet.blur(),o||(this.fileInput.value="",this.change.emit(o),this.required&&(this.mdcTextField.valid=!1))}handleChipInteract(r){r.stopPropagation(),r.preventDefault(),this.interact.emit(r.detail.id)}preventAndStop(r){r.stopPropagation(),r.preventDefault()}getTranslation(r){return l.get(`file.${r}`,this.language)}get element(){return e(this)}};_.style=":host{--icon-background-color:rgb(var(--contrast-400));--icon-color:rgb(var(--contrast-1100))}";export{_ as limel_file}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as t,c as o,h as e,g as n}from"./p-e9a95b8f.js";import{t as r}from"./p-
|
|
1
|
+
import{r as t,c as o,h as e,g as n}from"./p-e9a95b8f.js";import{t as r}from"./p-246862ec.js";import{M as i,a}from"./p-48d4ef20.js";import{c}from"./p-dcc97cc2.js";
|
|
2
2
|
/**
|
|
3
3
|
* @license
|
|
4
4
|
* Copyright 2018 Google Inc.
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
|
+
import { ListSeparator, MenuItem } from '@limetech/lime-elements';
|
|
3
|
+
/**
|
|
4
|
+
* A split button is a button with two components:
|
|
5
|
+
* a button and a side-menu attached to it.
|
|
6
|
+
*
|
|
7
|
+
* Clicking on the button runs a default action,
|
|
8
|
+
* and clicking on the arrow opens up a list of other possible actions.
|
|
9
|
+
*
|
|
10
|
+
* :::warning
|
|
11
|
+
* - Never use a split button for navigation purposes, such as going to next page.
|
|
12
|
+
* The button should only be used for performing commands!
|
|
13
|
+
* - Never use this component instead of a Select or Menu component!
|
|
14
|
+
* :::
|
|
15
|
+
*
|
|
16
|
+
* @exampleComponent limel-example-split-button-basic
|
|
17
|
+
* @exampleComponent limel-example-split-button-repeat-default-command
|
|
18
|
+
*/
|
|
19
|
+
export declare class SplitButton {
|
|
20
|
+
/**
|
|
21
|
+
* The text to show on the default action part of the button.
|
|
22
|
+
*/
|
|
23
|
+
label: string;
|
|
24
|
+
/**
|
|
25
|
+
* Set to `true` to make the button primary.
|
|
26
|
+
*/
|
|
27
|
+
primary: boolean;
|
|
28
|
+
/**
|
|
29
|
+
* Set icon for the button
|
|
30
|
+
*/
|
|
31
|
+
icon: string;
|
|
32
|
+
/**
|
|
33
|
+
* Set to `true` to disable the button.
|
|
34
|
+
*/
|
|
35
|
+
disabled: boolean;
|
|
36
|
+
/**
|
|
37
|
+
* A list of items and separators to show in the menu.
|
|
38
|
+
*/
|
|
39
|
+
items: Array<MenuItem | ListSeparator>;
|
|
40
|
+
/**
|
|
41
|
+
* Is emitted when a menu item is selected.
|
|
42
|
+
*/
|
|
43
|
+
select: EventEmitter<MenuItem>;
|
|
44
|
+
render(): any;
|
|
45
|
+
}
|
|
@@ -1008,6 +1008,28 @@ export namespace Components {
|
|
|
1008
1008
|
*/
|
|
1009
1009
|
"size": SpinnerSize;
|
|
1010
1010
|
}
|
|
1011
|
+
interface LimelSplitButton {
|
|
1012
|
+
/**
|
|
1013
|
+
* Set to `true` to disable the button.
|
|
1014
|
+
*/
|
|
1015
|
+
"disabled": boolean;
|
|
1016
|
+
/**
|
|
1017
|
+
* Set icon for the button
|
|
1018
|
+
*/
|
|
1019
|
+
"icon": string;
|
|
1020
|
+
/**
|
|
1021
|
+
* A list of items and separators to show in the menu.
|
|
1022
|
+
*/
|
|
1023
|
+
"items": Array<MenuItem | ListSeparator>;
|
|
1024
|
+
/**
|
|
1025
|
+
* The text to show on the default action part of the button.
|
|
1026
|
+
*/
|
|
1027
|
+
"label": string;
|
|
1028
|
+
/**
|
|
1029
|
+
* Set to `true` to make the button primary.
|
|
1030
|
+
*/
|
|
1031
|
+
"primary": boolean;
|
|
1032
|
+
}
|
|
1011
1033
|
interface LimelSwitch {
|
|
1012
1034
|
/**
|
|
1013
1035
|
* Disables the switch when `true`, and visually shows that the switch is editable but disabled. This tells the users that if certain requirements are met, the switch may become interactable.
|
|
@@ -1374,6 +1396,12 @@ declare global {
|
|
|
1374
1396
|
prototype: HTMLLimelSpinnerElement;
|
|
1375
1397
|
new (): HTMLLimelSpinnerElement;
|
|
1376
1398
|
};
|
|
1399
|
+
interface HTMLLimelSplitButtonElement extends Components.LimelSplitButton, HTMLStencilElement {
|
|
1400
|
+
}
|
|
1401
|
+
var HTMLLimelSplitButtonElement: {
|
|
1402
|
+
prototype: HTMLLimelSplitButtonElement;
|
|
1403
|
+
new (): HTMLLimelSplitButtonElement;
|
|
1404
|
+
};
|
|
1377
1405
|
interface HTMLLimelSwitchElement extends Components.LimelSwitch, HTMLStencilElement {
|
|
1378
1406
|
}
|
|
1379
1407
|
var HTMLLimelSwitchElement: {
|
|
@@ -1451,6 +1479,7 @@ declare global {
|
|
|
1451
1479
|
"limel-slider": HTMLLimelSliderElement;
|
|
1452
1480
|
"limel-snackbar": HTMLLimelSnackbarElement;
|
|
1453
1481
|
"limel-spinner": HTMLLimelSpinnerElement;
|
|
1482
|
+
"limel-split-button": HTMLLimelSplitButtonElement;
|
|
1454
1483
|
"limel-switch": HTMLLimelSwitchElement;
|
|
1455
1484
|
"limel-tab-bar": HTMLLimelTabBarElement;
|
|
1456
1485
|
"limel-tab-panel": HTMLLimelTabPanelElement;
|
|
@@ -2603,6 +2632,32 @@ declare namespace LocalJSX {
|
|
|
2603
2632
|
*/
|
|
2604
2633
|
"size"?: SpinnerSize;
|
|
2605
2634
|
}
|
|
2635
|
+
interface LimelSplitButton {
|
|
2636
|
+
/**
|
|
2637
|
+
* Set to `true` to disable the button.
|
|
2638
|
+
*/
|
|
2639
|
+
"disabled"?: boolean;
|
|
2640
|
+
/**
|
|
2641
|
+
* Set icon for the button
|
|
2642
|
+
*/
|
|
2643
|
+
"icon"?: string;
|
|
2644
|
+
/**
|
|
2645
|
+
* A list of items and separators to show in the menu.
|
|
2646
|
+
*/
|
|
2647
|
+
"items"?: Array<MenuItem | ListSeparator>;
|
|
2648
|
+
/**
|
|
2649
|
+
* The text to show on the default action part of the button.
|
|
2650
|
+
*/
|
|
2651
|
+
"label"?: string;
|
|
2652
|
+
/**
|
|
2653
|
+
* Is emitted when a menu item is selected.
|
|
2654
|
+
*/
|
|
2655
|
+
"onSelect"?: (event: CustomEvent<MenuItem>) => void;
|
|
2656
|
+
/**
|
|
2657
|
+
* Set to `true` to make the button primary.
|
|
2658
|
+
*/
|
|
2659
|
+
"primary"?: boolean;
|
|
2660
|
+
}
|
|
2606
2661
|
interface LimelSwitch {
|
|
2607
2662
|
/**
|
|
2608
2663
|
* Disables the switch when `true`, and visually shows that the switch is editable but disabled. This tells the users that if certain requirements are met, the switch may become interactable.
|
|
@@ -2808,6 +2863,7 @@ declare namespace LocalJSX {
|
|
|
2808
2863
|
"limel-slider": LimelSlider;
|
|
2809
2864
|
"limel-snackbar": LimelSnackbar;
|
|
2810
2865
|
"limel-spinner": LimelSpinner;
|
|
2866
|
+
"limel-split-button": LimelSplitButton;
|
|
2811
2867
|
"limel-switch": LimelSwitch;
|
|
2812
2868
|
"limel-tab-bar": LimelTabBar;
|
|
2813
2869
|
"limel-tab-panel": LimelTabPanel;
|
|
@@ -2860,6 +2916,7 @@ declare module "@stencil/core" {
|
|
|
2860
2916
|
"limel-slider": LocalJSX.LimelSlider & JSXBase.HTMLAttributes<HTMLLimelSliderElement>;
|
|
2861
2917
|
"limel-snackbar": LocalJSX.LimelSnackbar & JSXBase.HTMLAttributes<HTMLLimelSnackbarElement>;
|
|
2862
2918
|
"limel-spinner": LocalJSX.LimelSpinner & JSXBase.HTMLAttributes<HTMLLimelSpinnerElement>;
|
|
2919
|
+
"limel-split-button": LocalJSX.LimelSplitButton & JSXBase.HTMLAttributes<HTMLLimelSplitButtonElement>;
|
|
2863
2920
|
"limel-switch": LocalJSX.LimelSwitch & JSXBase.HTMLAttributes<HTMLLimelSwitchElement>;
|
|
2864
2921
|
"limel-tab-bar": LocalJSX.LimelTabBar & JSXBase.HTMLAttributes<HTMLLimelTabBarElement>;
|
|
2865
2922
|
"limel-tab-panel": LocalJSX.LimelTabPanel & JSXBase.HTMLAttributes<HTMLLimelTabPanelElement>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@limetech/lime-elements",
|
|
3
|
-
"version": "36.1.0-next.
|
|
3
|
+
"version": "36.1.0-next.13",
|
|
4
4
|
"description": "Lime Elements",
|
|
5
5
|
"author": "Lime Technologies",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -53,13 +53,13 @@
|
|
|
53
53
|
"@types/react": "^18.0.24",
|
|
54
54
|
"@types/tabulator-tables": "^4.9.4",
|
|
55
55
|
"@typescript-eslint/eslint-plugin": "^5.41.0",
|
|
56
|
-
"@typescript-eslint/parser": "^5.
|
|
56
|
+
"@typescript-eslint/parser": "^5.42.0",
|
|
57
57
|
"ajv": "^6.12.6",
|
|
58
58
|
"awesome-debounce-promise": "^2.1.0",
|
|
59
59
|
"codemirror": "^5.65.9",
|
|
60
60
|
"cross-env": "^7.0.3",
|
|
61
61
|
"cz-conventional-changelog": "^3.3.0",
|
|
62
|
-
"dayjs": "^1.11.
|
|
62
|
+
"dayjs": "^1.11.6",
|
|
63
63
|
"eslint": "^8.26.0",
|
|
64
64
|
"eslint-config-prettier": "^8.5.0",
|
|
65
65
|
"eslint-plugin-ban": "^1.6.0",
|
|
@@ -82,9 +82,9 @@
|
|
|
82
82
|
"prettier": "^2.7.1",
|
|
83
83
|
"puppeteer": "^19.2.0",
|
|
84
84
|
"react": "^18.2.0",
|
|
85
|
-
"react-dom": "^18.
|
|
85
|
+
"react-dom": "^18.2.0",
|
|
86
86
|
"react-shadow-dom-retarget-events": "^1.1.0",
|
|
87
|
-
"replace-in-file": "^6.
|
|
87
|
+
"replace-in-file": "^6.3.5",
|
|
88
88
|
"shelljs": "0.8.5",
|
|
89
89
|
"showdown": "2.1.0",
|
|
90
90
|
"shx": "^0.3.3",
|
|
@@ -1,137 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-2a28697b.js');
|
|
6
|
-
const randomString = require('./random-string-4c3b7f1c.js');
|
|
7
|
-
const zipObject = require('./zipObject-93a471fa.js');
|
|
8
|
-
require('./_assignValue-7c18d8d6.js');
|
|
9
|
-
require('./_defineProperty-8f56146d.js');
|
|
10
|
-
require('./_getNative-60328036.js');
|
|
11
|
-
require('./eq-9a943b00.js');
|
|
12
|
-
require('./isObject-e28b7997.js');
|
|
13
|
-
|
|
14
|
-
const menuCss = ":host{display:inline-block}:host([hidden]){display:none}.menu__trigger{border-color:transparent;border-width:1px;border-style:solid;background:none;color:rgb(var(--contrast-800));height:2.25rem}.menu__trigger-enabled:hover{border-color:rgb(var(--contrast-800));color:rgb(var(--contrast-1100))}.mdc-menu-surface--anchor{position:relative}";
|
|
15
|
-
|
|
16
|
-
const Menu = class {
|
|
17
|
-
constructor(hostRef) {
|
|
18
|
-
index.registerInstance(this, hostRef);
|
|
19
|
-
this.cancel = index.createEvent(this, "cancel", 7);
|
|
20
|
-
this.select = index.createEvent(this, "select", 7);
|
|
21
|
-
/**
|
|
22
|
-
* A list of items and separators to show in the menu.
|
|
23
|
-
*/
|
|
24
|
-
this.items = [];
|
|
25
|
-
/**
|
|
26
|
-
* Sets the disabled state of the menu.
|
|
27
|
-
*/
|
|
28
|
-
this.disabled = false;
|
|
29
|
-
/**
|
|
30
|
-
* Decides the menu's location in relation to its trigger
|
|
31
|
-
*/
|
|
32
|
-
this.openDirection = 'bottom-start';
|
|
33
|
-
/**
|
|
34
|
-
* Sets the open state of the menu.
|
|
35
|
-
*/
|
|
36
|
-
this.open = false;
|
|
37
|
-
/**
|
|
38
|
-
* Defines whether the menu should show badges.
|
|
39
|
-
*/
|
|
40
|
-
this.badgeIcons = false;
|
|
41
|
-
/**
|
|
42
|
-
* Renders list items in a grid layout, rather than a vertical list
|
|
43
|
-
*/
|
|
44
|
-
this.gridLayout = false;
|
|
45
|
-
this.setTriggerAttributes = (element) => {
|
|
46
|
-
const attributes = {
|
|
47
|
-
'aria-haspopup': true,
|
|
48
|
-
'aria-expanded': this.open,
|
|
49
|
-
disabled: this.disabled,
|
|
50
|
-
role: 'button',
|
|
51
|
-
};
|
|
52
|
-
for (const [key, value] of Object.entries(attributes)) {
|
|
53
|
-
if (!value) {
|
|
54
|
-
element.removeAttribute(key);
|
|
55
|
-
}
|
|
56
|
-
else {
|
|
57
|
-
element.setAttribute(key, String(value));
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
};
|
|
61
|
-
this.onClose = () => {
|
|
62
|
-
this.cancel.emit();
|
|
63
|
-
this.open = false;
|
|
64
|
-
};
|
|
65
|
-
this.onTriggerClick = (event) => {
|
|
66
|
-
event.stopPropagation();
|
|
67
|
-
if (this.disabled) {
|
|
68
|
-
return;
|
|
69
|
-
}
|
|
70
|
-
this.open = !this.open;
|
|
71
|
-
};
|
|
72
|
-
this.handleSelect = (event) => {
|
|
73
|
-
event.stopPropagation();
|
|
74
|
-
this.select.emit(event.detail);
|
|
75
|
-
this.open = false;
|
|
76
|
-
};
|
|
77
|
-
this.setListElement = (element) => {
|
|
78
|
-
this.list = element;
|
|
79
|
-
};
|
|
80
|
-
this.focusMenuItem = () => {
|
|
81
|
-
var _a;
|
|
82
|
-
const activeElement = this.list.shadowRoot.activeElement;
|
|
83
|
-
activeElement === null || activeElement === void 0 ? void 0 : activeElement.blur();
|
|
84
|
-
const MenuItems = this.items.filter(this.isMenuItem);
|
|
85
|
-
const selectedIndex = Math.max(MenuItems.findIndex((item) => item.selected), 0);
|
|
86
|
-
const menuElements = Array.from(this.list.shadowRoot.querySelectorAll('[role="menuitem"]'));
|
|
87
|
-
(_a = menuElements[selectedIndex]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
88
|
-
};
|
|
89
|
-
this.portalId = randomString.createRandomString();
|
|
90
|
-
}
|
|
91
|
-
openWatcher() {
|
|
92
|
-
if (!this.open) {
|
|
93
|
-
return;
|
|
94
|
-
}
|
|
95
|
-
const observer = new IntersectionObserver(() => {
|
|
96
|
-
observer.unobserve(this.list);
|
|
97
|
-
this.focusMenuItem();
|
|
98
|
-
});
|
|
99
|
-
observer.observe(this.list);
|
|
100
|
-
}
|
|
101
|
-
render() {
|
|
102
|
-
const cssProperties = this.getCssProperties();
|
|
103
|
-
const dropdownZIndex = getComputedStyle(this.host).getPropertyValue('--dropdown-z-index');
|
|
104
|
-
return (index.h("div", { class: "mdc-menu-surface--anchor", onClick: this.onTriggerClick }, index.h("slot", { name: "trigger" }), index.h("limel-portal", { visible: this.open, containerId: this.portalId, openDirection: this.openDirection, position: "absolute", containerStyle: { 'z-index': dropdownZIndex } }, index.h("limel-menu-surface", { open: this.open, onDismiss: this.onClose, style: cssProperties, class: {
|
|
105
|
-
'has-grid-layout': this.gridLayout,
|
|
106
|
-
} }, index.h("limel-menu-list", { class: {
|
|
107
|
-
'has-grid-layout has-interactive-items': this.gridLayout,
|
|
108
|
-
}, items: this.items, type: "menu", badgeIcons: this.badgeIcons, onSelect: this.handleSelect, ref: this.setListElement })))));
|
|
109
|
-
}
|
|
110
|
-
componentDidRender() {
|
|
111
|
-
const slotElement = this.host.shadowRoot.querySelector('slot');
|
|
112
|
-
slotElement.assignedElements().forEach(this.setTriggerAttributes);
|
|
113
|
-
}
|
|
114
|
-
getCssProperties() {
|
|
115
|
-
const propertyNames = [
|
|
116
|
-
'--menu-surface-width',
|
|
117
|
-
'--list-grid-item-max-width',
|
|
118
|
-
'--list-grid-item-min-width',
|
|
119
|
-
'--list-grid-gap',
|
|
120
|
-
];
|
|
121
|
-
const style = getComputedStyle(this.host);
|
|
122
|
-
const values = propertyNames.map((property) => {
|
|
123
|
-
return style.getPropertyValue(property);
|
|
124
|
-
});
|
|
125
|
-
return zipObject.zipObject(propertyNames, values);
|
|
126
|
-
}
|
|
127
|
-
isMenuItem(item) {
|
|
128
|
-
return !('separator' in item);
|
|
129
|
-
}
|
|
130
|
-
get host() { return index.getElement(this); }
|
|
131
|
-
static get watchers() { return {
|
|
132
|
-
"open": ["openWatcher"]
|
|
133
|
-
}; }
|
|
134
|
-
};
|
|
135
|
-
Menu.style = menuCss;
|
|
136
|
-
|
|
137
|
-
exports.limel_menu = Menu;
|
|
@@ -1,133 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-11cd0b60.js';
|
|
2
|
-
import { c as createRandomString } from './random-string-2246b81e.js';
|
|
3
|
-
import { z as zipObject } from './zipObject-2bb1968e.js';
|
|
4
|
-
import './_assignValue-fb2bf80a.js';
|
|
5
|
-
import './_defineProperty-2105cb48.js';
|
|
6
|
-
import './_getNative-93d6bfe9.js';
|
|
7
|
-
import './eq-c1c7f528.js';
|
|
8
|
-
import './isObject-c74e273c.js';
|
|
9
|
-
|
|
10
|
-
const menuCss = ":host{display:inline-block}:host([hidden]){display:none}.menu__trigger{border-color:transparent;border-width:1px;border-style:solid;background:none;color:rgb(var(--contrast-800));height:2.25rem}.menu__trigger-enabled:hover{border-color:rgb(var(--contrast-800));color:rgb(var(--contrast-1100))}.mdc-menu-surface--anchor{position:relative}";
|
|
11
|
-
|
|
12
|
-
const Menu = class {
|
|
13
|
-
constructor(hostRef) {
|
|
14
|
-
registerInstance(this, hostRef);
|
|
15
|
-
this.cancel = createEvent(this, "cancel", 7);
|
|
16
|
-
this.select = createEvent(this, "select", 7);
|
|
17
|
-
/**
|
|
18
|
-
* A list of items and separators to show in the menu.
|
|
19
|
-
*/
|
|
20
|
-
this.items = [];
|
|
21
|
-
/**
|
|
22
|
-
* Sets the disabled state of the menu.
|
|
23
|
-
*/
|
|
24
|
-
this.disabled = false;
|
|
25
|
-
/**
|
|
26
|
-
* Decides the menu's location in relation to its trigger
|
|
27
|
-
*/
|
|
28
|
-
this.openDirection = 'bottom-start';
|
|
29
|
-
/**
|
|
30
|
-
* Sets the open state of the menu.
|
|
31
|
-
*/
|
|
32
|
-
this.open = false;
|
|
33
|
-
/**
|
|
34
|
-
* Defines whether the menu should show badges.
|
|
35
|
-
*/
|
|
36
|
-
this.badgeIcons = false;
|
|
37
|
-
/**
|
|
38
|
-
* Renders list items in a grid layout, rather than a vertical list
|
|
39
|
-
*/
|
|
40
|
-
this.gridLayout = false;
|
|
41
|
-
this.setTriggerAttributes = (element) => {
|
|
42
|
-
const attributes = {
|
|
43
|
-
'aria-haspopup': true,
|
|
44
|
-
'aria-expanded': this.open,
|
|
45
|
-
disabled: this.disabled,
|
|
46
|
-
role: 'button',
|
|
47
|
-
};
|
|
48
|
-
for (const [key, value] of Object.entries(attributes)) {
|
|
49
|
-
if (!value) {
|
|
50
|
-
element.removeAttribute(key);
|
|
51
|
-
}
|
|
52
|
-
else {
|
|
53
|
-
element.setAttribute(key, String(value));
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
};
|
|
57
|
-
this.onClose = () => {
|
|
58
|
-
this.cancel.emit();
|
|
59
|
-
this.open = false;
|
|
60
|
-
};
|
|
61
|
-
this.onTriggerClick = (event) => {
|
|
62
|
-
event.stopPropagation();
|
|
63
|
-
if (this.disabled) {
|
|
64
|
-
return;
|
|
65
|
-
}
|
|
66
|
-
this.open = !this.open;
|
|
67
|
-
};
|
|
68
|
-
this.handleSelect = (event) => {
|
|
69
|
-
event.stopPropagation();
|
|
70
|
-
this.select.emit(event.detail);
|
|
71
|
-
this.open = false;
|
|
72
|
-
};
|
|
73
|
-
this.setListElement = (element) => {
|
|
74
|
-
this.list = element;
|
|
75
|
-
};
|
|
76
|
-
this.focusMenuItem = () => {
|
|
77
|
-
var _a;
|
|
78
|
-
const activeElement = this.list.shadowRoot.activeElement;
|
|
79
|
-
activeElement === null || activeElement === void 0 ? void 0 : activeElement.blur();
|
|
80
|
-
const MenuItems = this.items.filter(this.isMenuItem);
|
|
81
|
-
const selectedIndex = Math.max(MenuItems.findIndex((item) => item.selected), 0);
|
|
82
|
-
const menuElements = Array.from(this.list.shadowRoot.querySelectorAll('[role="menuitem"]'));
|
|
83
|
-
(_a = menuElements[selectedIndex]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
84
|
-
};
|
|
85
|
-
this.portalId = createRandomString();
|
|
86
|
-
}
|
|
87
|
-
openWatcher() {
|
|
88
|
-
if (!this.open) {
|
|
89
|
-
return;
|
|
90
|
-
}
|
|
91
|
-
const observer = new IntersectionObserver(() => {
|
|
92
|
-
observer.unobserve(this.list);
|
|
93
|
-
this.focusMenuItem();
|
|
94
|
-
});
|
|
95
|
-
observer.observe(this.list);
|
|
96
|
-
}
|
|
97
|
-
render() {
|
|
98
|
-
const cssProperties = this.getCssProperties();
|
|
99
|
-
const dropdownZIndex = getComputedStyle(this.host).getPropertyValue('--dropdown-z-index');
|
|
100
|
-
return (h("div", { class: "mdc-menu-surface--anchor", onClick: this.onTriggerClick }, h("slot", { name: "trigger" }), h("limel-portal", { visible: this.open, containerId: this.portalId, openDirection: this.openDirection, position: "absolute", containerStyle: { 'z-index': dropdownZIndex } }, h("limel-menu-surface", { open: this.open, onDismiss: this.onClose, style: cssProperties, class: {
|
|
101
|
-
'has-grid-layout': this.gridLayout,
|
|
102
|
-
} }, h("limel-menu-list", { class: {
|
|
103
|
-
'has-grid-layout has-interactive-items': this.gridLayout,
|
|
104
|
-
}, items: this.items, type: "menu", badgeIcons: this.badgeIcons, onSelect: this.handleSelect, ref: this.setListElement })))));
|
|
105
|
-
}
|
|
106
|
-
componentDidRender() {
|
|
107
|
-
const slotElement = this.host.shadowRoot.querySelector('slot');
|
|
108
|
-
slotElement.assignedElements().forEach(this.setTriggerAttributes);
|
|
109
|
-
}
|
|
110
|
-
getCssProperties() {
|
|
111
|
-
const propertyNames = [
|
|
112
|
-
'--menu-surface-width',
|
|
113
|
-
'--list-grid-item-max-width',
|
|
114
|
-
'--list-grid-item-min-width',
|
|
115
|
-
'--list-grid-gap',
|
|
116
|
-
];
|
|
117
|
-
const style = getComputedStyle(this.host);
|
|
118
|
-
const values = propertyNames.map((property) => {
|
|
119
|
-
return style.getPropertyValue(property);
|
|
120
|
-
});
|
|
121
|
-
return zipObject(propertyNames, values);
|
|
122
|
-
}
|
|
123
|
-
isMenuItem(item) {
|
|
124
|
-
return !('separator' in item);
|
|
125
|
-
}
|
|
126
|
-
get host() { return getElement(this); }
|
|
127
|
-
static get watchers() { return {
|
|
128
|
-
"open": ["openWatcher"]
|
|
129
|
-
}; }
|
|
130
|
-
};
|
|
131
|
-
Menu.style = menuCss;
|
|
132
|
-
|
|
133
|
-
export { Menu as limel_menu };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as o}from"./p-e9a95b8f.js";const e=class{constructor(o){t(this,o),this.primary=!1,this.outlined=!1,this.disabled=!1,this.loading=!1,this.loadingFailed=!1,this.justLoaded=!1}render(){return o("button",{class:{"mdc-button":!0,"mdc-button--unelevated":this.primary,loading:this.loading,"just-loaded":this.justLoaded&&!this.loadingFailed,"just-failed":this.justLoaded&&this.loadingFailed,"mdc-button--outlined":this.outlined},disabled:this.disabled||this.loading},this.renderIcon(),o("span",{class:"label mdc-button__label"},this.label),o("limel-spinner",{limeBranded:!1}),o("svg",{viewBox:"0 0 30 30"},this.renderLoadingIcons()))}loadingWatcher(t,o){o&&!t?(this.justLoaded=!0,this.justLoadedTimeout=window.setTimeout((()=>{this.justLoaded=!1}),2e3)):t&&(this.justLoaded=!1,window.clearTimeout(this.justLoadedTimeout))}renderLoadingIcons(){return this.loadingFailed?[o("line",{x1:"9",y1:"9",x2:"21",y2:"21"}),o("line",{x1:"21",y1:"9",x2:"9",y2:"21"})]:[o("line",{x1:"8",y1:"14",x2:"15",y2:"20"}),o("line",{x1:"23",y1:"9",x2:"14",y2:"20"})]}renderIcon(){if(!this.icon)return;let t="";return this.label||(t="no-label"),o("i",{class:`mdc-button__icon ${t}`},o("limel-icon",{name:this.icon}))}static get watchers(){return{loading:["loadingWatcher"]}}};e.style=':host{--mdc-theme-primary:var(\n --lime-primary-color,\n rgb(var(--color-teal-default))\n );--mdc-theme-secondary:var(\n --lime-secondary-color,\n rgb(var(--contrast-1100))\n );--mdc-theme-on-primary:var(\n --lime-on-primary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-secondary:var(\n --lime-on-secondary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-text-disabled-on-background:var(\n --lime-text-disabled-on-background-color,\n rgba(var(--contrast-1700), 0.38)\n );--mdc-theme-text-primary-on-background:var(\n --lime-text-primary-on-background-color,\n rgba(var(--contrast-1700), 0.87)\n );--mdc-theme-text-secondary-on-background:var(\n --lime-text-secondary-on-background-color,\n rgba(var(--contrast-1700), 0.54)\n );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n --lime-surface-background-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-surface:var(\n --lime-on-surface-color,\n var(--lime-text-primary-on-background-color)\n )}.mdc-touch-target-wrapper{display:inline}.mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);transition:opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color, #fff)}.mdc-button{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:64px;border:none;outline:none;line-height:inherit;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle;background:transparent}.mdc-button .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-button::-moz-focus-inner{padding:0;border:0}.mdc-button:active{outline:none}.mdc-button:hover{cursor:pointer}.mdc-button:disabled{cursor:default;pointer-events:none}.mdc-button .mdc-button__icon{margin-left:0;margin-right:8px;display:inline-block;position:relative;vertical-align:top}[dir=rtl] .mdc-button .mdc-button__icon,.mdc-button .mdc-button__icon[dir=rtl]{margin-left:8px;margin-right:0;}.mdc-button .mdc-button__label{position:relative}.mdc-button .mdc-button__touch{position:absolute;top:50%;height:48px;left:0;right:0;transform:translateY(-50%)}.mdc-button__label+.mdc-button__icon{margin-left:8px;margin-right:0}[dir=rtl] .mdc-button__label+.mdc-button__icon,.mdc-button__label+.mdc-button__icon[dir=rtl]{margin-left:0;margin-right:8px;}svg.mdc-button__icon{fill:currentColor}.mdc-button--touch{margin-top:6px;margin-bottom:6px}.mdc-button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));text-decoration:none;text-decoration:var(--mdc-typography-button-text-decoration, none)}.mdc-button{padding:0 8px 0 8px}.mdc-button--unelevated{transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);padding:0 16px 0 16px}.mdc-button--unelevated.mdc-button--icon-trailing{padding:0 12px 0 16px}.mdc-button--unelevated.mdc-button--icon-leading{padding:0 16px 0 12px}.mdc-button--raised{transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);padding:0 16px 0 16px}.mdc-button--raised.mdc-button--icon-trailing{padding:0 12px 0 16px}.mdc-button--raised.mdc-button--icon-leading{padding:0 16px 0 12px}.mdc-button--outlined{border-style:solid;transition:border 280ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-button--outlined .mdc-button__ripple{border-style:solid;border-color:transparent}@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-button{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}.mdc-button .mdc-button__ripple::before,.mdc-button .mdc-button__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-button .mdc-button__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-button .mdc-button__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-button.mdc-ripple-upgraded--unbounded .mdc-button__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-button.mdc-ripple-upgraded--foreground-activation .mdc-button__ripple::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-button.mdc-ripple-upgraded--foreground-deactivation .mdc-button__ripple::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-button .mdc-button__ripple::before,.mdc-button .mdc-button__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-button .mdc-button__ripple{position:absolute;box-sizing:content-box;width:100%;height:100%;overflow:hidden;z-index:0}.mdc-button:not(.mdc-button--outlined) .mdc-button__ripple{top:0;left:0}.mdc-button{font-family:Roboto, sans-serif;font-family:var(--mdc-text-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)));font-size:0.875rem;font-size:var(--mdc-text-button-label-text-size, var(--mdc-typography-button-font-size, 0.875rem));letter-spacing:0.0892857143em;letter-spacing:var(--mdc-text-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.0892857143em));font-weight:500;font-weight:var(--mdc-text-button-label-text-weight, var(--mdc-typography-button-font-weight, 500));text-transform:none;text-transform:var(--mdc-text-button-label-text-transform, var(--mdc-typography-button-text-transform, none));height:36px;height:var(--mdc-text-button-container-height, 36px);border-radius:4px;border-radius:var(--mdc-text-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button:not(:disabled){color:#26a69a;color:var(--mdc-text-button-label-text-color, var(--mdc-theme-primary, #26a69a))}.mdc-button:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-text-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))}.mdc-button .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-text-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-text-button-with-icon-icon-size, 1.125rem);height:1.125rem;height:var(--mdc-text-button-with-icon-icon-size, 1.125rem)}.mdc-button .mdc-button__ripple::before,.mdc-button .mdc-button__ripple::after{background-color:#26a69a;background-color:var(--mdc-text-button-hover-state-layer-color, var(--mdc-theme-primary, #26a69a))}.mdc-button:hover .mdc-button__ripple::before,.mdc-button.mdc-ripple-surface--hover .mdc-button__ripple::before{opacity:0.04;opacity:var(--mdc-text-button-hover-state-layer-opacity, 0.04)}.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-text-button-focus-state-layer-opacity, 0.12)}.mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-text-button-pressed-state-layer-opacity, 0.12)}.mdc-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-text-button-pressed-state-layer-opacity, 0.12)}.mdc-button .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-text-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button--unelevated{font-family:Roboto, sans-serif;font-family:var(--mdc-filled-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)));font-size:0.875rem;font-size:var(--mdc-filled-button-label-text-size, var(--mdc-typography-button-font-size, 0.875rem));letter-spacing:0.0892857143em;letter-spacing:var(--mdc-filled-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.0892857143em));font-weight:500;font-weight:var(--mdc-filled-button-label-text-weight, var(--mdc-typography-button-font-weight, 500));text-transform:none;text-transform:var(--mdc-filled-button-label-text-transform, var(--mdc-typography-button-text-transform, none));height:36px;height:var(--mdc-filled-button-container-height, 36px);border-radius:4px;border-radius:var(--mdc-filled-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button--unelevated:not(:disabled){background-color:#26a69a;background-color:var(--mdc-filled-button-container-color, var(--mdc-theme-primary, #26a69a))}.mdc-button--unelevated:disabled{background-color:rgba(0, 0, 0, 0.12);background-color:var(--mdc-filled-button-disabled-container-color, rgba(0, 0, 0, 0.12))}.mdc-button--unelevated:not(:disabled){color:#fff;color:var(--mdc-filled-button-label-text-color, var(--mdc-theme-on-primary, #fff))}.mdc-button--unelevated:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-filled-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))}.mdc-button--unelevated .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-filled-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-filled-button-with-icon-icon-size, 1.125rem);height:1.125rem;height:var(--mdc-filled-button-with-icon-icon-size, 1.125rem)}.mdc-button--unelevated .mdc-button__ripple::before,.mdc-button--unelevated .mdc-button__ripple::after{background-color:#fff;background-color:var(--mdc-filled-button-hover-state-layer-color, var(--mdc-theme-on-primary, #fff))}.mdc-button--unelevated:hover .mdc-button__ripple::before,.mdc-button--unelevated.mdc-ripple-surface--hover .mdc-button__ripple::before{opacity:0.08;opacity:var(--mdc-filled-button-hover-state-layer-opacity, 0.08)}.mdc-button--unelevated.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-button--unelevated:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-filled-button-focus-state-layer-opacity, 0.24)}.mdc-button--unelevated:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-button--unelevated:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-filled-button-pressed-state-layer-opacity, 0.24)}.mdc-button--unelevated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-filled-button-pressed-state-layer-opacity, 0.24)}.mdc-button--unelevated .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-filled-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button--raised{font-family:Roboto, sans-serif;font-family:var(--mdc-protected-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)));font-size:0.875rem;font-size:var(--mdc-protected-button-label-text-size, var(--mdc-typography-button-font-size, 0.875rem));letter-spacing:0.0892857143em;letter-spacing:var(--mdc-protected-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.0892857143em));font-weight:500;font-weight:var(--mdc-protected-button-label-text-weight, var(--mdc-typography-button-font-weight, 500));text-transform:none;text-transform:var(--mdc-protected-button-label-text-transform, var(--mdc-typography-button-text-transform, none));height:36px;height:var(--mdc-protected-button-container-height, 36px);border-radius:4px;border-radius:var(--mdc-protected-button-container-shape, var(--mdc-shape-small, 4px));box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-protected-button-container-elevation, var(--mdc-elevation-box-shadow-for-gss));--mdc-elevation-box-shadow-for-gss:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mdc-button--raised:not(:disabled){background-color:#26a69a;background-color:var(--mdc-protected-button-container-color, var(--mdc-theme-primary, #26a69a))}.mdc-button--raised:disabled{background-color:rgba(0, 0, 0, 0.12);background-color:var(--mdc-protected-button-disabled-container-color, rgba(0, 0, 0, 0.12))}.mdc-button--raised:not(:disabled){color:#fff;color:var(--mdc-protected-button-label-text-color, var(--mdc-theme-on-primary, #fff))}.mdc-button--raised:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-protected-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))}.mdc-button--raised .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-protected-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-protected-button-with-icon-icon-size, 1.125rem);height:1.125rem;height:var(--mdc-protected-button-with-icon-icon-size, 1.125rem)}.mdc-button--raised .mdc-button__ripple::before,.mdc-button--raised .mdc-button__ripple::after{background-color:#fff;background-color:var(--mdc-protected-button-hover-state-layer-color, var(--mdc-theme-on-primary, #fff))}.mdc-button--raised:hover .mdc-button__ripple::before,.mdc-button--raised.mdc-ripple-surface--hover .mdc-button__ripple::before{opacity:0.08;opacity:var(--mdc-protected-button-hover-state-layer-opacity, 0.08)}.mdc-button--raised.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-button--raised:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-protected-button-focus-state-layer-opacity, 0.24)}.mdc-button--raised:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-button--raised:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-protected-button-pressed-state-layer-opacity, 0.24)}.mdc-button--raised.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-protected-button-pressed-state-layer-opacity, 0.24)}.mdc-button--raised .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-protected-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button--raised.mdc-ripple-upgraded--background-focused,.mdc-button--raised:not(.mdc-ripple-upgraded):focus{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-protected-button-focus-container-elevation, var(--mdc-elevation-box-shadow-for-gss));--mdc-elevation-box-shadow-for-gss:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mdc-button--raised:hover{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-protected-button-hover-container-elevation, var(--mdc-elevation-box-shadow-for-gss));--mdc-elevation-box-shadow-for-gss:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mdc-button--raised:not(:disabled):active{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-protected-button-pressed-container-elevation, var(--mdc-elevation-box-shadow-for-gss));--mdc-elevation-box-shadow-for-gss:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mdc-button--raised:disabled{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);box-shadow:var(--mdc-protected-button-disabled-container-elevation, var(--mdc-elevation-box-shadow-for-gss));--mdc-elevation-box-shadow-for-gss:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mdc-button--outlined{font-family:Roboto, sans-serif;font-family:var(--mdc-outlined-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)));font-size:0.875rem;font-size:var(--mdc-outlined-button-label-text-size, var(--mdc-typography-button-font-size, 0.875rem));letter-spacing:0.0892857143em;letter-spacing:var(--mdc-outlined-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, 0.0892857143em));font-weight:500;font-weight:var(--mdc-outlined-button-label-text-weight, var(--mdc-typography-button-font-weight, 500));text-transform:none;text-transform:var(--mdc-outlined-button-label-text-transform, var(--mdc-typography-button-text-transform, none));height:36px;height:var(--mdc-outlined-button-container-height, 36px);border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape, var(--mdc-shape-small, 4px));padding:0 15px 0 15px;border-width:1px;border-width:var(--mdc-outlined-button-outline-width, 1px)}.mdc-button--outlined:not(:disabled){color:#26a69a;color:var(--mdc-outlined-button-label-text-color, var(--mdc-theme-primary, #26a69a))}.mdc-button--outlined:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-outlined-button-disabled-label-text-color, rgba(0, 0, 0, 0.38))}.mdc-button--outlined .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-outlined-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-outlined-button-with-icon-icon-size, 1.125rem);height:1.125rem;height:var(--mdc-outlined-button-with-icon-icon-size, 1.125rem)}.mdc-button--outlined .mdc-button__ripple::before,.mdc-button--outlined .mdc-button__ripple::after{background-color:#26a69a;background-color:var(--mdc-outlined-button-hover-state-layer-color, var(--mdc-theme-primary, #26a69a))}.mdc-button--outlined:hover .mdc-button__ripple::before,.mdc-button--outlined.mdc-ripple-surface--hover .mdc-button__ripple::before{opacity:0.04;opacity:var(--mdc-outlined-button-hover-state-layer-opacity, 0.04)}.mdc-button--outlined.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.mdc-button--outlined:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-outlined-button-focus-state-layer-opacity, 0.12)}.mdc-button--outlined:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{transition:opacity 150ms linear}.mdc-button--outlined:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, 0.12)}.mdc-button--outlined.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, 0.12)}.mdc-button--outlined .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape, var(--mdc-shape-small, 4px))}.mdc-button--outlined:not(:disabled){border-color:rgba(0, 0, 0, 0.12);border-color:var(--mdc-outlined-button-outline-color, rgba(0, 0, 0, 0.12))}.mdc-button--outlined:disabled{border-color:rgba(0, 0, 0, 0.12);border-color:var(--mdc-outlined-button-disabled-outline-color, rgba(0, 0, 0, 0.12))}.mdc-button--outlined.mdc-button--icon-trailing{padding:0 11px 0 15px}.mdc-button--outlined.mdc-button--icon-leading{padding:0 15px 0 11px}.mdc-button--outlined .mdc-button__ripple{top:calc(-1 * 1px);top:calc(-1 * var(--mdc-outlined-button-outline-width, 1px));left:calc(-1 * 1px);left:calc(-1 * var(--mdc-outlined-button-outline-width, 1px));border-width:1px;border-width:var(--mdc-outlined-button-outline-width, 1px)}.mdc-button--outlined .mdc-button__touch{left:calc(-1 * 1px);left:calc(-1 * var(--mdc-outlined-button-outline-width, 1px));width:calc(100% + 2 * 1px);width:calc(100% + 2 * var(--mdc-outlined-button-outline-width, 1px))}.mdc-button--raised .mdc-button__icon,.mdc-button--unelevated .mdc-button__icon,.mdc-button--outlined .mdc-button__icon{margin-left:-4px;margin-right:8px}[dir=rtl] .mdc-button--raised .mdc-button__icon,[dir=rtl] .mdc-button--unelevated .mdc-button__icon,[dir=rtl] .mdc-button--outlined .mdc-button__icon,.mdc-button--raised .mdc-button__icon[dir=rtl],.mdc-button--unelevated .mdc-button__icon[dir=rtl],.mdc-button--outlined .mdc-button__icon[dir=rtl]{margin-left:8px;margin-right:-4px;}.mdc-button--raised .mdc-button__label+.mdc-button__icon,.mdc-button--unelevated .mdc-button__label+.mdc-button__icon,.mdc-button--outlined .mdc-button__label+.mdc-button__icon{margin-left:8px;margin-right:-4px}[dir=rtl] .mdc-button--raised .mdc-button__label+.mdc-button__icon,[dir=rtl] .mdc-button--unelevated .mdc-button__label+.mdc-button__icon,[dir=rtl] .mdc-button--outlined .mdc-button__label+.mdc-button__icon,.mdc-button--raised .mdc-button__label+.mdc-button__icon[dir=rtl],.mdc-button--unelevated .mdc-button__label+.mdc-button__icon[dir=rtl],.mdc-button--outlined .mdc-button__label+.mdc-button__icon[dir=rtl]{margin-left:-4px;margin-right:8px;}:host{display:inline-block}:host([hidden]){display:none}:host([disabled]){pointer-events:none}button{transition:background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;box-shadow:var(--button-shadow-normal)}button:hover{box-shadow:var(--button-shadow-hovered)}button:active{box-shadow:var(--button-shadow-pressed);transform:translate3d(0, 0.08rem, 0)}button:focus{outline:none}button:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button.mdc-button{min-width:2.25rem;padding:0 0.75rem;height:100%;min-height:2.25rem;width:100%}button.mdc-button:not(:disabled){color:var(--mdc-theme-primary, rgb(var(--color-teal-default)));background-color:rgb(var(--contrast-100))}button.mdc-button:not(:disabled).mdc-button--raised,button.mdc-button:not(:disabled).mdc-button--unelevated{color:var(--mdc-theme-on-primary, rgb(var(--color-white)));background-color:var(--mdc-theme-primary, rgb(var(--color-teal-default)))}button.mdc-button:disabled{color:rgba(var(--contrast-1600), 0.37);background-color:rgba(var(--contrast-1600), 0.1)}button.mdc-button:disabled.mdc-button--raised,button.mdc-button:disabled.mdc-button--unelevated{background-color:rgba(var(--contrast-1700), 0.15)}button.mdc-button:disabled.mdc-button--outlined{border-color:rgba(var(--contrast-1700), 0.2)}button.mdc-button .mdc-button__icon{flex-shrink:0;margin-left:-0.25rem}button.mdc-button .mdc-button__icon.no-label{margin-right:-0.25rem}button .label{opacity:1}button limel-spinner{opacity:0;display:none;position:absolute}button limel-icon{vertical-align:top}button svg{height:1.875rem;opacity:0;pointer-events:none;position:absolute;width:1.875rem}button svg line{stroke:rgb(var(--color-white));stroke-width:2}button limel-icon,button .label,button limel-spinner,button svg{transition:opacity 300ms ease-in-out}button.loading limel-icon,button.loading .label{opacity:0}button.loading limel-spinner{opacity:1;display:block}button.just-loaded limel-icon,button.just-loaded .label,button.just-failed limel-icon,button.just-failed .label{opacity:0}button.just-loaded svg,button.just-failed svg{opacity:1}button.just-loaded limel-spinner,button.just-failed limel-spinner{display:block;animation:fade-out-spinner 0.3s ease}button.just-failed{background-color:var(--lime-error-text-color) !important;animation:shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}.mdc-button--outlined:not(:disabled){border-color:#26a69a;border-color:var(--mdc-theme-primary, #26a69a)}@keyframes fade-out-spinner{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.5)}}@keyframes shake{10%,90%{transform:translate3d(-0.0625rem, 0, 0)}20%,80%{transform:translate3d(0.125rem, 0, 0)}30%,50%,70%{transform:translate3d(-0.1875rem, 0, 0)}40%,60%{transform:translate3d(0.1875rem, 0, 0)}}@keyframes reduced-presence{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0.7)}}:host(.has-reduced-presence) button[disabled]:not(.loading):not(.just-loaded){animation:reduced-presence 0.3s ease forwards;transition:padding 0.3s ease, min-width 0.3s ease;transition-delay:0.3s;padding:0;min-width:0}:host(.has-reduced-presence) button[disabled]:not(.loading):not(.just-loaded) .label{transition:font-size 0.8s ease;transition-delay:0.3s;font-size:0;opacity:0}:host(.has-reduced-presence) button[disabled]:not(.loading):not(.just-loaded) limel-icon,:host(.has-reduced-presence) button[disabled]:not(.loading):not(.just-loaded) limel-spinner,:host(.has-reduced-presence) button[disabled]:not(.loading):not(.just-loaded) svg{transition:all 0.3s ease;transition-delay:0.3s;opacity:0;width:0;height:0}';export{e as limel_button}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e={da:{"date-picker.month.heading":"Måned","date-picker.quarter.heading":"Kvartal","date-picker.year.heading":"År","chip-set.clear-all":"Ryd alle","file.drag-and-drop-tips":"Træk og slip filen her, eller klik for at gennemse."},en:{"date-picker.month.heading":"Month","date-picker.quarter.heading":"Quarter","date-picker.year.heading":"Year","chip-set.clear-all":"Clear all","chip-set.remove-chip":"Remove chip","snackbar.dismiss":"Dismiss","file.drag-and-drop-tips":"Drag and drop your file here, or click to browse."},fi:{"date-picker.month.heading":"Kuukausi","date-picker.quarter.heading":"Vuosineljännes","date-picker.year.heading":"Vuosi","chip-set.clear-all":"Tyhjennä kaikki","file.drag-and-drop-tips":"Vedä ja pudota tiedostosi tähän, tai napsauta selataksesi."},no:{"date-picker.month.heading":"Måned","date-picker.quarter.heading":"Kvartal","date-picker.year.heading":"År","chip-set.clear-all":"Fjern alle","file.drag-and-drop-tips":"Dra og slipp filen her, eller klikk for å bla gjennom."},nl:{"date-picker.month.heading":"Maand","date-picker.quarter.heading":"Kwartaal","date-picker.year.heading":"Jaar","chip-set.clear-all":"Alles wissen","file.drag-and-drop-tips":"Sleep uw bestand en zet het hier neer of klik om te bladeren."},sv:{"date-picker.month.heading":"Månad","date-picker.quarter.heading":"Kvartal","date-picker.year.heading":"År","chip-set.clear-all":"Rensa alla","chip-set.remove-chip":"Ta bort chip","snackbar.dismiss":"Stäng","file.drag-and-drop-tips":"Dra och släpp filen här eller klicka om du vill bläddra."}},a=new class{get(a,r="en"){return e[r][a]}};export{a as t}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,g as e}from"./p-e9a95b8f.js";import{c as r}from"./p-6c094f3f.js";import{z as o}from"./p-7cda574b.js";import"./p-b28128d2.js";import"./p-5fdb83c9.js";import"./p-4c3358cb.js";import"./p-eda23c05.js";import"./p-c93050d6.js";const n=class{constructor(i){t(this,i),this.cancel=s(this,"cancel",7),this.select=s(this,"select",7),this.items=[],this.disabled=!1,this.openDirection="bottom-start",this.open=!1,this.badgeIcons=!1,this.gridLayout=!1,this.setTriggerAttributes=t=>{const s={"aria-haspopup":!0,"aria-expanded":this.open,disabled:this.disabled,role:"button"};for(const[i,e]of Object.entries(s))e?t.setAttribute(i,String(e)):t.removeAttribute(i)},this.onClose=()=>{this.cancel.emit(),this.open=!1},this.onTriggerClick=t=>{t.stopPropagation(),this.disabled||(this.open=!this.open)},this.handleSelect=t=>{t.stopPropagation(),this.select.emit(t.detail),this.open=!1},this.setListElement=t=>{this.list=t},this.focusMenuItem=()=>{var t;const s=this.list.shadowRoot.activeElement;null==s||s.blur();const i=this.items.filter(this.isMenuItem),e=Math.max(i.findIndex((t=>t.selected)),0);null===(t=Array.from(this.list.shadowRoot.querySelectorAll('[role="menuitem"]'))[e])||void 0===t||t.focus()},this.portalId=r()}openWatcher(){if(!this.open)return;const t=new IntersectionObserver((()=>{t.unobserve(this.list),this.focusMenuItem()}));t.observe(this.list)}render(){const t=this.getCssProperties(),s=getComputedStyle(this.host).getPropertyValue("--dropdown-z-index");return i("div",{class:"mdc-menu-surface--anchor",onClick:this.onTriggerClick},i("slot",{name:"trigger"}),i("limel-portal",{visible:this.open,containerId:this.portalId,openDirection:this.openDirection,position:"absolute",containerStyle:{"z-index":s}},i("limel-menu-surface",{open:this.open,onDismiss:this.onClose,style:t,class:{"has-grid-layout":this.gridLayout}},i("limel-menu-list",{class:{"has-grid-layout has-interactive-items":this.gridLayout},items:this.items,type:"menu",badgeIcons:this.badgeIcons,onSelect:this.handleSelect,ref:this.setListElement}))))}componentDidRender(){this.host.shadowRoot.querySelector("slot").assignedElements().forEach(this.setTriggerAttributes)}getCssProperties(){const t=["--menu-surface-width","--list-grid-item-max-width","--list-grid-item-min-width","--list-grid-gap"],s=getComputedStyle(this.host),i=t.map((t=>s.getPropertyValue(t)));return o(t,i)}isMenuItem(t){return!("separator"in t)}get host(){return e(this)}static get watchers(){return{open:["openWatcher"]}}};n.style=":host{display:inline-block}:host([hidden]){display:none}.menu__trigger{border-color:transparent;border-width:1px;border-style:solid;background:none;color:rgb(var(--contrast-800));height:2.25rem}.menu__trigger-enabled:hover{border-color:rgb(var(--contrast-800));color:rgb(var(--contrast-1100))}.mdc-menu-surface--anchor{position:relative}";export{n as limel_menu}
|