1import{a as e}from"./standalone-app-Bj-IdwrG.js";import{E as t,_ as n,x as r}from"./institution-DyFDvNu6.js";import{r as i}from"./banno-styles-B3iGgKv1.js";window.BannowebFilePickerElement=class extends n{static get is(){return`bannoweb-file-picker`}static get properties(){return{file:{type:Object,attribute:!1},showFileSize:{type:Boolean}}}constructor(){super(),this._file=null,this.showFileSize=!1,e(()=>import(`./icon-trash-can-BdGHS1VD.js`).then(e=>e.t),[]),e(()=>import(`./icon-file-CyVSo-hM.js`).then(e=>e.t),[]),e(()=>import(`./icon-arrow-up-from-bracket-D0OfQLDy.js`).then(e=>e.t),[]),e(()=>import(`./polymer-file-uploader-Bk_voM-L.js`),[])}get file(){return this._file}set file(e){if(this._file===e)return;let t=this._file;this._file=e,this.dispatchEvent(new CustomEvent(window.BannowebFilePickerElement.Event.FILE_CHANGED,{bubbles:!1,composed:!0,detail:{value:e,oldValue:t}})),this.requestUpdate(void 0,void 0)}handleDragEnter(e){let t=e.currentTarget;t.contains(e.target)&&t.classList.add(`dragover`)}handleDragLeave(e){let t=e,n=t.currentTarget;(e.type===`drop`||!n.contains(t.target))&&n.classList.remove(`dragover`)}onRemoveFile(e){this.file=null}onUploadFileChange(e){let t=e.detail.queue;this.file=t[t.length-1].file}_formatFileSize(e){return!e||e===0?`0 bytes`:e<1024?`${e} bytes`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:`${(e/(1024*1024)).toFixed(2)} MB`}static get styles(){return[i,t`:host{--bannoweb-file-picker-border-width:1px;--bannoweb-file-picker-border-color:var(--jha-color-primary,var(--jha-border-color));border-width:var(--bannoweb-file-picker-border-width);border-style:dashed;border-color:var(--bannoweb-file-picker-border-color);display:block}:host:has(polymer-file-uploader[type=drop].dragover){border-style:solid}jh-icon-arrow-up-from-bracket{fill:var(--jha-color-primary);width:32px;height:32px}polymer-file-uploader[type=drop]{background-color:var(--secondary-content-background-color,transparent);width:100%;height:100%}polymer-file-uploader[type=drop].dragover{background-color:var(--secondary-content-background-hover-color,transparent)}#selected-file,polymer-file-uploader[type=drop] #drop-zone{flex-direction:column;justify-content:center;align-items:center;font-size:16px;display:flex}[flex]{align-items:center;gap:4px;display:flex}polymer-file-uploader[type=select]{display:inline-block}polymer-file-uploader jha-button{--jha-button-text-size:16px}#selected-file{padding:72px 36px}.file-info{background:var(--jha-component-background-color,#fff);align-items:center;gap:12px;padding:6px 12px;line-height:24px;display:flex}.file-info span{flex:100%}.file-details{flex-direction:column;flex:100%;display:flex}.file-size{color:var(--body-text-secondary-color);margin-top:2px;font-size:12px;font-weight:400;line-height:16px}.delete-button.reset{border-left:1px solid var(--menu-divider-color);padding:6px 0 6px 12px}jh-icon-file,.delete-button{flex:0 0 24px}jh-icon-file{fill:var(--jha-color-primary)}.delete-button jh-icon-trash-can{fill:var(--jha-text-light)}`]}render(){return r`<polymer-file-uploader name="file" type="drop" @change="${this.onUploadFileChange}" @dragenter="${this.handleDragEnter}" @dragleave="${this.handleDragLeave}" @drop="${this.handleDragLeave}"> <div id="drop-zone">${this.maybeRenderInstructions()} ${this.maybeRenderSelectedFile()}</div> </polymer-file-uploader>`}maybeRenderInstructions(){return this.file?``:r`<slot name="icon"> <jh-icon-arrow-up-from-bracket></jh-icon-arrow-up-from-bracket> </slot> <div flex> <slot name="instructions">${`Drag and drop file here, or`}</slot> <polymer-file-uploader name="file" type="select" @change="${this.onUploadFileChange}"> <slot name="browse-button"> <jha-button sync link aria-label="${`Attach a file`}" type="button"> ${`browse`} </jha-button> </slot> </polymer-file-uploader> </div>`}maybeRenderSelectedFile(){return this.file?r`<slot name="selected-file-info"> <div id="selected-file"> <div class="file-info"> <jh-icon-file></jh-icon-file> <div class="file-details"> <span>${this.file.name}</span> ${this.showFileSize&&this.file.size!=null&&this.file.size>=0?r`<div class="file-size">${this._formatFileSize(this.file.size)}</div>`:``} </div> <button type="button" class="reset delete-button" @click="${this.onRemoveFile}" aria-label="${`Remove file`}"> <jh-icon-trash-can></jh-icon-trash-can> </button> </div> </div> </slot>`:``}},window.BannowebFilePickerElement.Event={FILE_CHANGED:`file-changed`},customElements.define(window.BannowebFilePickerElement.is,window.BannowebFilePickerElement);var a=window.BannowebFilePickerElement;export{a as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.