New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
@tradeshift/elements.file-card
Advanced tools
@tradeshift/elements.file-card - npm Package Compare versions
Comparing version 0.18.1 to 0.18.2
@@ -1,1 +0,1 @@ | ||
| import{helpers as t,constants as e,html as o,customElementDefineHelper as n,TSElement as r,unsafeCSS as a}from"@tradeshift/elements";import"@tradeshift/elements.typography";import"@tradeshift/elements.card";import"@tradeshift/elements.progress-bar";import"@tradeshift/elements.file-size";import"@tradeshift/elements.icon";function i(t,e){for(var o=0;o<e.length;o++){var n=e[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function s(){return(s=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(t[n]=o[n])}return t}).apply(this,arguments)}function l(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function c(t,e){return e||(e=t.slice(0)),t.raw=e,t}var d={FILE_CARD_WRAPPER:"file-card-wrapper",ACTION_ICON_WRAPPER:"action-icon-wrapper",ACTION_ICON:"action-icon",REMOVE_ACTION:"remove-action",REMOVE_ACTION_HOVERED:"remove-action-hovered",REMOVE_ACTION_MESSAGE:"remove-action-message",DOWNLOAD_ACTION:"download-action",DOWNLOAD_ACTION_HOVERED:"download-action-hovered",DOWNLOAD_ACTION_MESSAGE:"download-action-message",TEXT_CONTENT:"content",FILE_ICON_WRAPPER:"file-icon-wrapper",FILE_ICON:"file-icon",FILE_INFORMATION:"file-information",ERROR_MESSAGE:"error-message",PROGRESS_BAR:"progress-bar"},p=s({},t.classNamesToSelector(d)),f="remove-action-text",v="download-action-text",u="remove",h="download",g="download",m="failed",w="uploading",E="full",O=s({},e.messages);function y(){var t=c(['\n\t\t\t<ts-typography class="','" type="action" variant="subtitle">\n\t\t\t\t<slot name="','">','</slot>\n\t\t\t</ts-typography>\n\t\t\t<ts-typography class="','" type="action" variant="subtitle">\n\t\t\t\t<slot name="','">',"</slot>\n\t\t\t</ts-typography>\n\t\t"]);return y=function(){return t},t}function A(){var t=c([""]);return A=function(){return t},t}function R(){var t=c(['\n\t\t\t\t<ts-file-size size="','"></ts-file-size>\n\t\t\t\t<ts-typography text="|" variant="subtitle"></ts-typography>\n\t\t\t']);return R=function(){return t},t}function b(){var t=c(['\n\t\t\t\t<div class="','">\n\t\t\t\t\t','\n\t\t\t\t\t<ts-typography variant="subtitle">\n\t\t\t\t\t\t',"\n\t\t\t\t\t</ts-typography>\n\t\t\t\t</div>\n\t\t\t"]);return b=function(){return t},t}function _(){var t=c(['\n\t\t\t<div>\n\t\t\t\t<span class="'," ",'">\n\t\t\t\t\t<ts-icon class="','" icon="remove"></ts-icon>\n\t\t\t\t</span>\n\t\t\t\t<span class="'," ",'">\n\t\t\t\t\t<ts-icon class="','" icon="download"></ts-icon>\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t']);return _=function(){return t},t}function I(){var t=c(['\n\t\t\t\t<ts-progress-bar class="','" indeterminate></ts-progress-bar>\n\t\t\t']);return I=function(){return t},t}function N(){var t=c(['\n\t\t\t<span class="','">\n\t\t\t\t',"\n\t\t\t</span>\n\t\t"]);return N=function(){return t},t}function C(){var t=c(['\n\t\t\t\t<ts-typography class="','" type="error" variant="subtitle" no-wrap\n\t\t\t\t\t>',"</ts-typography\n\t\t\t\t>\n\t\t\t"]);return C=function(){return t},t}function S(){var t=c(['\n\t\t\t<div ?data-removable="','" class="'," state-",'">\n\t\t\t\t<ts-card type="','" orientation="horizontal" ?rtl="','" size="','">\n\t\t\t\t\t','\n\t\t\t\t\t<div class="content">\n\t\t\t\t\t\t<ts-typography text="','" class="file-name" variant="title" no-wrap></ts-typography>\n\t\t\t\t\t\t'," "," "," ","\n\t\t\t\t\t</div>\n\t\t\t\t\t","\n\t\t\t\t</ts-card>\n\t\t\t</div>\n\t\t"]);return S=function(){return t},t}var L=function(t){var e,n;function s(){var e=t.call(this)||this;return e.state=w,e.size=E,e.removable=!1,e.toggleRemoveActionHoverState=e.toggleRemoveActionHoverState.bind(l(e)),e.toggleDownloadActionHoverState=e.toggleDownloadActionHoverState.bind(l(e)),e.removeFile=e.removeFile.bind(l(e)),e.downloadFile=e.downloadFile.bind(l(e)),e}n=t,(e=s).prototype=Object.create(n.prototype),e.prototype.constructor=e,e.__proto__=n;var c,L,T,D=s.prototype;return D.render=function(){return o(S(),this.removable,d.FILE_CARD_WRAPPER,this.state,this.cardType,this.rtl,this.size,this.fileIcon,this.fileObject.name,this.progressBar,this.fileInformation,this.errorMessages,this.actionMessage,this.actionIcons)},D.firstUpdated=function(){this.handleRemoveActionEvents(),this.handleDownloadActionEvents()},D.removeFile=function(){if(this.removable){var t=new CustomEvent(u,{detail:{file:this.fileObject},bubbles:!0,composed:!0});this.dispatchEvent(t)}},D.downloadFile=function(){if(this.state===g){var t=new CustomEvent(h,{detail:{file:this.fileObject},bubbles:!0,composed:!0});this.dispatchEvent(t)}},D.toggleRemoveActionHoverState=function(){this.shadowRoot.querySelector(p.FILE_CARD_WRAPPER).classList.toggle(d.REMOVE_ACTION_HOVERED)},D.toggleDownloadActionHoverState=function(){this.shadowRoot.querySelector(p.FILE_CARD_WRAPPER).classList.toggle(d.DOWNLOAD_ACTION_HOVERED)},D.handleRemoveActionEvents=function(){this.shadowRoot.querySelector(p.REMOVE_ACTION).addEventListener("mouseenter",this.toggleRemoveActionHoverState,!1),this.shadowRoot.querySelector(p.REMOVE_ACTION).addEventListener("mouseleave",this.toggleRemoveActionHoverState,!1),this.shadowRoot.querySelector(p.REMOVE_ACTION).addEventListener("click",this.removeFile)},D.handleDownloadActionEvents=function(){var t=this;[p.TEXT_CONTENT,p.FILE_ICON_WRAPPER,p.DOWNLOAD_ACTION].forEach((function(e){t.shadowRoot.querySelector(e).addEventListener("mouseenter",t.toggleDownloadActionHoverState,!1),t.shadowRoot.querySelector(e).addEventListener("mouseleave",t.toggleDownloadActionHoverState,!1),t.shadowRoot.querySelector(e).addEventListener("click",t.downloadFile)}),this)},c=s,T=[{key:"styles",get:function(){return[r.styles,a(":host{display:block;margin-bottom:10px;margin-bottom:var(--ts-unit-half);width:100%}.file-icon-wrapper{position:relative;height:40px;height:var(--ts-unit-double);width:30px;width:var(--ts-unit-plus)}.file-icon-wrapper .file-icon{width:100%;height:100%}.action-icon{margin-top:5px;margin-top:var(--ts-unit-quarter)}.file-icon-wrapper #outline{fill:#fff;fill:var(--ts-color-white);stroke:#829fab;stroke:var(--ts-color-gray-dark)}.file-icon-wrapper #fold{fill:#829fab;fill:var(--ts-color-gray-dark)}.file-name{font-weight:700}.action-icon{color:#506b77;color:var(--ts-color-slate-lightest)}.content,.download-action,.file-icon-wrapper,.remove-action{cursor:pointer}.state-failed .content,.state-failed .file-icon-wrapper,.state-uploading .content,.state-uploading .file-icon-wrapper{cursor:default}.content{position:relative;display:flex;flex-direction:column;justify-content:center;flex-grow:2;max-width:calc(100% - 55px);width:calc(100% - 55px);padding:0 10px;padding:0 var(--ts-unit-half)}.download-action-message,.remove-action-message{color:#00aeff;color:var(--ts-color-blue);display:none}.download-action-hovered .error-message,.download-action-hovered .file-information,.download-action-hovered .progress-bar,.download-action-hovered.state-failed .download-action-message,.download-action-hovered.state-uploading .download-action-message,.remove-action-hovered .error-message,.remove-action-hovered .file-information,.remove-action-hovered .progress-bar{display:none}.download-action-hovered.state-failed .error-message,.download-action-hovered.state-failed .file-information,.download-action-hovered.state-failed .progress-bar,.download-action-hovered.state-uploading .error-message,.download-action-hovered.state-uploading .file-information,.download-action-hovered.state-uploading .progress-bar{display:inline;display:initial}.download-action-hovered .download-action-message,.remove-action-hovered .remove-action-message{display:block}.download-action-hovered .download-action .action-icon,.remove-action-hovered .remove-action .action-icon{color:#00aeff;color:var(--ts-color-blue)}.progress-bar{--ts-progress-bar-margin:calc((var(--ts-unit) - var(--ts-progress-bar-height))/2);margin:var(--ts-progress-bar-margin) 0}.action-icon-wrapper{display:none}.state-download .download-action,.state-download[data-removable] .remove-action,.state-failed .remove-action,.state-uploading .remove-action{display:block}.state-download[data-removable] .download-action{display:none}.file-information{display:flex}")]}},{key:"properties",get:function(){return{state:{type:String,reflect:!0},fileObject:{type:Object,attribute:"file-object"},rtl:{type:Boolean,reflect:!0},removable:{type:Boolean,reflect:!0},size:{type:String,reflect:!0},errorMessage:{type:String,reflect:!0,attribute:"error-message"}}}}],(L=[{key:"cardType",get:function(){var t;return((t={})[w]="focus",t[g]="default",t[m]="failed",t)[this.state]}},{key:"errorMessages",get:function(){if("failed"===this.state){var t=this.errorMessage;return o(C(),d.ERROR_MESSAGE,t)}}},{key:"fileIcon",get:function(){return o(N(),d.FILE_ICON_WRAPPER,o(['<svg\n\tclass="file-icon"\n\twidth="32px"\n\theight="42px"\n\tviewBox="0 0 32 42"\n\tversion="1.1"\n\txmlns="http://www.w3.org/2000/svg"\n\txmlns:xlink="http://www.w3.org/1999/xlink"\n>\n\t<g id="Symbols" stroke-width="1">\n\t\t<g id="card/5.-File-card/mouseover" transform="translate(-9.000000, -9.000000)">\n\t\t\t<g id="5.-File-card">\n\t\t\t\t<g id="File-icon" transform="translate(10.000000, 10.000000)">\n\t\t\t\t\t<path\n\t\t\t\t\t\td="M19.5667631,-0.5 L29.5322581,9.79767818 L29.5322581,38.0952381 C29.5322581,39.3654698 28.5111819,40.5 27.3244782,40.5 L1.70777989,40.5 C0.521076133,40.5 -0.5,39.3654698 -0.5,38.0952381 L-0.5,1.9047619 C-0.5,0.634530207 0.521076133,-0.5 1.70777989,-0.5 L19.5667631,-0.5 Z"\n\t\t\t\t\t\tclass="stroke-a fill-none"\n\t\t\t\t\t\tid="outline"\n\t\t\t\t\t></path>\n\t\t\t\t\t<path\n\t\t\t\t\t\td="M19.3548387,0 L29.9943074,11 L21.3186802,11 C20.2340805,11 19.3548387,10.0430649 19.3548387,8.8660465 L19.3548387,0 L19.3548387,0 Z"\n\t\t\t\t\t\tclass="fill-a"\n\t\t\t\t\t\tid="fold"\n\t\t\t\t\t></path>\n\t\t\t\t</g>\n\t\t\t</g>\n\t\t</g>\n\t</g>\n</svg>\n']))}},{key:"progressBar",get:function(){if(this.state===w)return o(I(),d.PROGRESS_BAR)}},{key:"actionIcons",get:function(){return o(_(),d.REMOVE_ACTION,d.ACTION_ICON_WRAPPER,d.ACTION_ICON,d.DOWNLOAD_ACTION,d.ACTION_ICON_WRAPPER,d.ACTION_ICON)}},{key:"fileInformation",get:function(){if(this.state===g){var t=this.fileObject.name.split(".").pop().toUpperCase();return o(b(),d.FILE_INFORMATION,this.fileSize,t+" Document")}}},{key:"fileSize",get:function(){return this.fileObject.size?o(R(),this.fileObject.size):o(A())}},{key:"actionMessage",get:function(){return o(y(),d.REMOVE_ACTION_MESSAGE,f,O.GENERAL.REMOVE,d.DOWNLOAD_ACTION_MESSAGE,v,O.GENERAL.DOWNLOAD)}}])&&i(c.prototype,L),T&&i(c,T),s}(r);n("ts-file-card",L);export{L as TSFileCard}; | ||
| import{helpers as t,constants as e,html as o,customElementDefineHelper as n,TSElement as r,unsafeCSS as a}from"@tradeshift/elements";import"@tradeshift/elements.typography";import"@tradeshift/elements.card";import"@tradeshift/elements.progress-bar";import"@tradeshift/elements.file-size";import"@tradeshift/elements.icon";function i(t,e){for(var o=0;o<e.length;o++){var n=e[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function s(){return(s=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(t[n]=o[n])}return t}).apply(this,arguments)}function l(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function c(t,e){return e||(e=t.slice(0)),t.raw=e,t}var d={FILE_CARD_WRAPPER:"file-card-wrapper",ACTION_ICON_WRAPPER:"action-icon-wrapper",ACTION_ICON:"action-icon",REMOVE_ACTION:"remove-action",REMOVE_ACTION_HOVERED:"remove-action-hovered",REMOVE_ACTION_MESSAGE:"remove-action-message",DOWNLOAD_ACTION:"download-action",DOWNLOAD_ACTION_HOVERED:"download-action-hovered",DOWNLOAD_ACTION_MESSAGE:"download-action-message",TEXT_CONTENT:"content",FILE_ICON_WRAPPER:"file-icon-wrapper",FILE_ICON:"file-icon",FILE_INFORMATION:"file-information",ERROR_MESSAGE:"error-message",PROGRESS_BAR:"progress-bar"},p=s({},t.classNamesToSelector(d)),f="remove-action-text",v="download-action-text",u="remove",h="download",g="download",m="failed",w="uploading",E="full",O=s({},e.messages);function y(){var t=c(['\n\t\t\t<ts-typography class="','" type="action" variant="subtitle">\n\t\t\t\t<slot name="','">','</slot>\n\t\t\t</ts-typography>\n\t\t\t<ts-typography class="','" type="action" variant="subtitle">\n\t\t\t\t<slot name="','">',"</slot>\n\t\t\t</ts-typography>\n\t\t"]);return y=function(){return t},t}function A(){var t=c([""]);return A=function(){return t},t}function R(){var t=c(['\n\t\t\t\t<ts-file-size size="','"></ts-file-size>\n\t\t\t\t<ts-typography text="|" variant="subtitle"></ts-typography>\n\t\t\t']);return R=function(){return t},t}function b(){var t=c(['\n\t\t\t\t<div class="','">\n\t\t\t\t\t','\n\t\t\t\t\t<ts-typography variant="subtitle">\n\t\t\t\t\t\t',"\n\t\t\t\t\t</ts-typography>\n\t\t\t\t</div>\n\t\t\t"]);return b=function(){return t},t}function _(){var t=c(['\n\t\t\t<div>\n\t\t\t\t<span class="'," ",'">\n\t\t\t\t\t<ts-icon class="','" icon="remove"></ts-icon>\n\t\t\t\t</span>\n\t\t\t\t<span class="'," ",'">\n\t\t\t\t\t<ts-icon class="','" icon="download"></ts-icon>\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t']);return _=function(){return t},t}function I(){var t=c(['\n\t\t\t\t<ts-progress-bar class="','" indeterminate></ts-progress-bar>\n\t\t\t']);return I=function(){return t},t}function N(){var t=c(['\n\t\t\t<span class="','">\n\t\t\t\t',"\n\t\t\t</span>\n\t\t"]);return N=function(){return t},t}function C(){var t=c(['\n\t\t\t\t<ts-typography class="','" type="error" variant="subtitle" no-wrap\n\t\t\t\t\t>',"</ts-typography\n\t\t\t\t>\n\t\t\t"]);return C=function(){return t},t}function S(){var t=c(['\n\t\t\t<div ?data-removable="','" class="'," state-",'">\n\t\t\t\t<ts-card type="','" orientation="horizontal" ?rtl="','" size="','">\n\t\t\t\t\t','\n\t\t\t\t\t<div class="content">\n\t\t\t\t\t\t<ts-typography text="','" class="file-name" variant="title" no-wrap></ts-typography>\n\t\t\t\t\t\t'," "," "," ","\n\t\t\t\t\t</div>\n\t\t\t\t\t","\n\t\t\t\t</ts-card>\n\t\t\t</div>\n\t\t"]);return S=function(){return t},t}var L=function(t){var e,n;function s(){var e=t.call(this)||this;return e.state=w,e.size=E,e.removable=!1,e.toggleRemoveActionHoverState=e.toggleRemoveActionHoverState.bind(l(e)),e.toggleDownloadActionHoverState=e.toggleDownloadActionHoverState.bind(l(e)),e.removeFile=e.removeFile.bind(l(e)),e.downloadFile=e.downloadFile.bind(l(e)),e}n=t,(e=s).prototype=Object.create(n.prototype),e.prototype.constructor=e,e.__proto__=n;var c,L,T,D=s.prototype;return D.render=function(){return o(S(),this.removable,d.FILE_CARD_WRAPPER,this.state,this.cardType,this.rtl,this.size,this.fileIcon,this.fileObject.name,this.progressBar,this.fileInformation,this.errorMessages,this.actionMessage,this.actionIcons)},D.firstUpdated=function(){this.handleRemoveActionEvents(),this.handleDownloadActionEvents()},D.removeFile=function(){if(this.removable){var t=new CustomEvent(u,{detail:{file:this.fileObject},bubbles:!0,composed:!0});this.dispatchEvent(t)}},D.downloadFile=function(){if(this.state===g){var t=new CustomEvent(h,{detail:{file:this.fileObject},bubbles:!0,composed:!0});this.dispatchEvent(t)}},D.toggleRemoveActionHoverState=function(){this.shadowRoot.querySelector(p.FILE_CARD_WRAPPER).classList.toggle(d.REMOVE_ACTION_HOVERED)},D.toggleDownloadActionHoverState=function(){this.shadowRoot.querySelector(p.FILE_CARD_WRAPPER).classList.toggle(d.DOWNLOAD_ACTION_HOVERED)},D.handleRemoveActionEvents=function(){this.shadowRoot.querySelector(p.REMOVE_ACTION).addEventListener("mouseenter",this.toggleRemoveActionHoverState,!1),this.shadowRoot.querySelector(p.REMOVE_ACTION).addEventListener("mouseleave",this.toggleRemoveActionHoverState,!1),this.shadowRoot.querySelector(p.REMOVE_ACTION).addEventListener("click",this.removeFile)},D.handleDownloadActionEvents=function(){var t=this;[p.TEXT_CONTENT,p.FILE_ICON_WRAPPER,p.DOWNLOAD_ACTION].forEach((function(e){t.shadowRoot.querySelector(e).addEventListener("mouseenter",t.toggleDownloadActionHoverState,!1),t.shadowRoot.querySelector(e).addEventListener("mouseleave",t.toggleDownloadActionHoverState,!1),t.shadowRoot.querySelector(e).addEventListener("click",t.downloadFile)}),this)},c=s,T=[{key:"styles",get:function(){return[r.styles,a(":host{display:block;margin-bottom:10px;margin-bottom:var(--ts-unit-half);width:100%}.file-icon-wrapper{position:relative;height:40px;height:var(--ts-unit-double);width:30px;width:var(--ts-unit-plus)}.file-icon-wrapper .file-icon{width:100%;height:100%}.action-icon{margin-top:5px;margin-top:var(--ts-unit-quarter)}.file-icon-wrapper #outline{fill:#fff;fill:var(--ts-color-white);stroke:#829fab;stroke:var(--ts-color-gray-dark)}.file-icon-wrapper #fold{fill:#829fab;fill:var(--ts-color-gray-dark)}.file-name{font-weight:700}.action-icon{color:#506b77;color:var(--ts-color-slate-lightest)}.content,.download-action,.file-icon-wrapper,.remove-action{cursor:pointer}.state-failed .content,.state-failed .file-icon-wrapper,.state-uploading .content,.state-uploading .file-icon-wrapper{cursor:default}.content{position:relative;display:flex;flex-direction:column;justify-content:center;flex-grow:2;max-width:calc(100% - 55px);width:calc(100% - 55px);padding:0 10px;padding:0 var(--ts-unit-half)}.download-action-message,.remove-action-message{color:#00aeff;color:var(--ts-color-blue);display:none}.download-action-hovered .error-message,.download-action-hovered .file-information,.download-action-hovered .progress-bar,.download-action-hovered.state-failed .download-action-message,.download-action-hovered.state-uploading .download-action-message,.remove-action-hovered .error-message,.remove-action-hovered .file-information,.remove-action-hovered .progress-bar{display:none}.download-action-hovered.state-failed .error-message,.download-action-hovered.state-failed .file-information,.download-action-hovered.state-failed .progress-bar,.download-action-hovered.state-uploading .error-message,.download-action-hovered.state-uploading .file-information,.download-action-hovered.state-uploading .progress-bar{display:inline;display:initial}.download-action-hovered .download-action-message,.remove-action-hovered .remove-action-message{display:block}.download-action-hovered .download-action .action-icon,.remove-action-hovered .remove-action .action-icon{color:#00aeff;color:var(--ts-color-blue)}.progress-bar{--ts-progress-bar-margin:calc(var(--ts-unit)/2 - var(--ts-progress-bar-height)/2);margin:var(--ts-progress-bar-margin) 0}.action-icon-wrapper{display:none}.state-download .download-action,.state-download[data-removable] .remove-action,.state-failed .remove-action,.state-uploading .remove-action{display:block}.state-download[data-removable] .download-action{display:none}.file-information{display:flex}")]}},{key:"properties",get:function(){return{state:{type:String,reflect:!0},fileObject:{type:Object,attribute:"file-object"},rtl:{type:Boolean,reflect:!0},removable:{type:Boolean,reflect:!0},size:{type:String,reflect:!0},errorMessage:{type:String,reflect:!0,attribute:"error-message"}}}}],(L=[{key:"cardType",get:function(){var t;return((t={})[w]="focus",t[g]="default",t[m]="failed",t)[this.state]}},{key:"errorMessages",get:function(){if("failed"===this.state){var t=this.errorMessage;return o(C(),d.ERROR_MESSAGE,t)}}},{key:"fileIcon",get:function(){return o(N(),d.FILE_ICON_WRAPPER,o(['<svg\n\tclass="file-icon"\n\twidth="32px"\n\theight="42px"\n\tviewBox="0 0 32 42"\n\tversion="1.1"\n\txmlns="http://www.w3.org/2000/svg"\n\txmlns:xlink="http://www.w3.org/1999/xlink"\n>\n\t<g id="Symbols" stroke-width="1">\n\t\t<g id="card/5.-File-card/mouseover" transform="translate(-9.000000, -9.000000)">\n\t\t\t<g id="5.-File-card">\n\t\t\t\t<g id="File-icon" transform="translate(10.000000, 10.000000)">\n\t\t\t\t\t<path\n\t\t\t\t\t\td="M19.5667631,-0.5 L29.5322581,9.79767818 L29.5322581,38.0952381 C29.5322581,39.3654698 28.5111819,40.5 27.3244782,40.5 L1.70777989,40.5 C0.521076133,40.5 -0.5,39.3654698 -0.5,38.0952381 L-0.5,1.9047619 C-0.5,0.634530207 0.521076133,-0.5 1.70777989,-0.5 L19.5667631,-0.5 Z"\n\t\t\t\t\t\tclass="stroke-a fill-none"\n\t\t\t\t\t\tid="outline"\n\t\t\t\t\t></path>\n\t\t\t\t\t<path\n\t\t\t\t\t\td="M19.3548387,0 L29.9943074,11 L21.3186802,11 C20.2340805,11 19.3548387,10.0430649 19.3548387,8.8660465 L19.3548387,0 L19.3548387,0 Z"\n\t\t\t\t\t\tclass="fill-a"\n\t\t\t\t\t\tid="fold"\n\t\t\t\t\t></path>\n\t\t\t\t</g>\n\t\t\t</g>\n\t\t</g>\n\t</g>\n</svg>\n']))}},{key:"progressBar",get:function(){if(this.state===w)return o(I(),d.PROGRESS_BAR)}},{key:"actionIcons",get:function(){return o(_(),d.REMOVE_ACTION,d.ACTION_ICON_WRAPPER,d.ACTION_ICON,d.DOWNLOAD_ACTION,d.ACTION_ICON_WRAPPER,d.ACTION_ICON)}},{key:"fileInformation",get:function(){if(this.state===g){var t=this.fileObject.name.split(".").pop().toUpperCase();return o(b(),d.FILE_INFORMATION,this.fileSize,t+" Document")}}},{key:"fileSize",get:function(){return this.fileObject.size?o(R(),this.fileObject.size):o(A())}},{key:"actionMessage",get:function(){return o(y(),d.REMOVE_ACTION_MESSAGE,f,O.GENERAL.REMOVE,d.DOWNLOAD_ACTION_MESSAGE,v,O.GENERAL.DOWNLOAD)}}])&&i(c.prototype,L),T&&i(c,T),s}(r);n("ts-file-card",L);export{L as TSFileCard}; |
@@ -1,1 +0,1 @@ | ||
| !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@tradeshift/elements")):"function"==typeof define&&define.amd?define(["exports","@tradeshift/elements"],e):e(((t=t||self).ts=t.ts||{},t.ts.elements=t.ts.elements||{},t.ts.elements["file-card"]=t.ts.elements["file-card"]||{}),t.ts.elements)}(this,(function(t,e){"use strict";function o(t,e){for(var o=0;o<e.length;o++){var r=e[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function r(){return(r=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r])}return t}).apply(this,arguments)}function n(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function i(t,e){return e||(e=t.slice(0)),t.raw=e,t}function a(t,e){for(var o=0;o<e.length;o++){var r=e[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function s(t,e){return e||(e=t.slice(0)),t.raw=e,t}function l(){var t=s(['\n\t\t\t\t\t<div class="text-wrapper" title="','">\n\t\t\t\t\t\t<slot @slotchange="','">',"</slot>\n\t\t\t\t\t</div>\n\t\t\t "]);return l=function(){return t},t}function c(){var t=s(['\n\t\t\t\t\t<div class="text-wrapper">\n\t\t\t\t\t\t<slot>',"</slot>\n\t\t\t\t\t</div>\n\t\t\t "]);return c=function(){return t},t}var d=function(t){var o,r;function n(){return t.apply(this,arguments)||this}r=t,(o=n).prototype=Object.create(r.prototype),o.prototype.constructor=o,o.__proto__=r;var i,s,d=n.prototype;return d.textChangeHandler=function(t){var e=t.currentTarget;this.tooltip=this.tooltip||this.text||e.assignedNodes()[0].data},d.render=function(){return this.noTooltip?e.html(c(),this.text):e.html(l(),this.tooltip||this.text,this.textChangeHandler,this.text)},i=n,s=[{key:"styles",get:function(){return[e.TSElement.styles,e.unsafeCSS(":host{display:block;line-height:20px;line-height:var(--ts-unit);font-size:14px;font-size:var(--ts-font-size-default);min-width:0;color:#0f151a;color:var(--ts-color-black)}:host([variant=title]) .text-wrapper{font-size:16px;font-size:var(--ts-fontsize-medium);font-weight:600;font-weight:var(--ts-fontweight-semibold)}:host([variant=subtitle]) .text-wrapper{font-size:12px;font-size:var(--ts-fontsize-mini);color:#506b77;color:var(--ts-color-slate-lightest)}:host([variant=semi-bold]) .text-wrapper{font-weight:600;font-weight:var(--ts-fontweight-semibold)}:host([no-wrap]) .text-wrapper{position:relative;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([type=inverted]) .text-wrapper{color:#fff;color:var(--ts-color-white)}:host([type=warning]) .text-wrapper{color:#ff8c00;color:var(--ts-color-orange)}:host([type=danger]) .text-wrapper,:host([type=error]) .text-wrapper{color:#bd0000;color:var(--ts-color-red)}:host([type=action]) .text-wrapper,:host([type=primary]) .text-wrapper{color:#00aeff;color:var(--ts-color-blue)}:host([type=success]) .text-wrapper{color:#50c610;color:var(--ts-color-green)}:host([type=disabled]) .text-wrapper{color:#cbd7dc;color:var(--ts-color-gray-light)}:host([type=disabled-checked]) .text-wrapper{color:#9ab2bc;color:var(--ts-color-gray)}:host([type=slate-lightest]) .text-wrapper{color:#506b77;color:var(--ts-color-slate-lightest)}")]}},{key:"properties",get:function(){return{text:{type:String},tooltip:{type:String},variant:{type:String},type:{type:String},inline:{type:Boolean},noWrap:{type:Boolean,attribute:"no-wrap"},noTooltip:{type:Boolean,attribute:"no-tooltip"}}}}],null&&a(i.prototype,null),s&&a(i,s),n}(e.TSElement);function p(t,e){for(var o=0;o<e.length;o++){var r=e[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function h(){return(h=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r])}return t}).apply(this,arguments)}e.customElementDefineHelper("ts-typography",d);var g={CARD:"card"},f=(h({},e.helpers.classNamesToSelector(g)),"vertical");function v(){var t,e,o=(t=['\n\t\t\t<div class="card-wrapper" data-size="','">\n\t\t\t\t<div\n\t\t\t\t\tclass="','"\n\t\t\t\t\tdata-orientation="','"\n\t\t\t\t\tdata-type="','"\n\t\t\t\t\t?data-no-padding="','"\n\t\t\t\t\t?data-no-horizontal-padding="','"\n\t\t\t\t\t?data-no-vertical-padding="','"\n\t\t\t\t\t?data-rtl="','"\n\t\t\t\t>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t'],e||(e=t.slice(0)),t.raw=e,t);return v=function(){return o},o}var u=function(t){var o,r,n,i;function a(){var e=t.call(this)||this;return e.type="",e.size="full",e.orientation=f,e.rtl=!1,e.noPadding=!1,e.noHorizontalPadding=!1,e.noVerticalPadding=!1,e}return r=t,(o=a).prototype=Object.create(r.prototype),o.prototype.constructor=o,o.__proto__=r,a.prototype.render=function(){return e.html(v(),this.size,g.CARD,this.orientation,this.type,this.noPadding,this.noHorizontalPadding,this.noVerticalPadding,this.rtl)},n=a,i=[{key:"styles",get:function(){return[e.TSElement.styles,e.unsafeCSS(".card,:host{width:100%}.card{position:relative;border-radius:3px;border-radius:var(--ts-radius);box-shadow:inset 0 0 0 1px #cbd7dc;box-shadow:var(--ts-boxshadow-border-default);overflow:hidden;padding:10px;padding:var(--ts-unit-half);background-color:#fff;background-color:var(--ts-color-white);transition:box-shadow .1s,border-color .1s;transition:box-shadow var(--ts-transition-now),border-color var(--ts-transition-now)}.card:hover{box-shadow:inset 0 0 0 1px #00aeff,0 0 0 1px #ade5ff;box-shadow:var(--ts-boxshadow-border-focus),0 0 0 1px var(--ts-color-blue-lighter)}.card-wrapper{display:block}[data-no-horizontal-padding]{padding-left:0;padding-right:0}[data-no-vertical-padding]{padding-top:0;padding-bottom:0}[data-no-padding]{padding:0}[data-type=danger],[data-type=error],[data-type=failed]{box-shadow:inset 0 0 0 1px #bd0000;box-shadow:var(--ts-boxshadow-border-error)}[data-type=danger]:hover,[data-type=error]:hover,[data-type=failed]:hover{box-shadow:inset 0 0 0 1px #bd0000,0 0 0 1px #eaaeae;box-shadow:var(--ts-boxshadow-border-error),0 0 0 1px var(--ts-color-red-lighter)}[data-type=success]{box-shadow:inset 0 0 0 1px #50c610;box-shadow:var(--ts-boxshadow-border-success)}[data-type=success]:hover{box-shadow:inset 0 0 0 1px #50c610,0 0 0 1px #c6ecb1;box-shadow:var(--ts-boxshadow-border-success),0 0 0 1px var(--ts-color-green-lighter)}[data-type=active],[data-type=focus],[data-type=primary]{box-shadow:inset 0 0 0 1px #00aeff;box-shadow:var(--ts-boxshadow-border-focus)}[data-type=active]:hover,[data-type=focus]:hover,[data-type=primary]:hover{box-shadow:inset 0 0 0 1px #00aeff,0 0 0 1px #ade5ff;box-shadow:var(--ts-boxshadow-border-focus),0 0 0 1px var(--ts-color-blue-lighter)}[data-rtl]{direction:rtl}[data-orientation=h],[data-orientation=horizontal]{display:flex;align-items:center;justify-content:space-between}[data-orientation=v],[data-orientation=vertical]{flex-direction:column;align-items:flex-start}.card-wrapper[data-size=small]{width:280px;width:var(--ts-box-width-small)}.card-wrapper[data-size=medium]{width:360px;width:var(--ts-box-width-medium)}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.card-wrapper[data-size=medium],.card-wrapper[data-size=small]{padding:1px}}")]}},{key:"properties",get:function(){return{type:{type:String,reflect:!0},orientation:{type:String,reflect:!0},rtl:{type:Boolean,reflect:!0},size:{type:String,reflect:!0},noPadding:{type:Boolean,reflect:!0,attribute:"no-padding"},noHorizontalPadding:{type:Boolean,reflect:!0,attribute:"no-horizontal-padding"},noVerticalPadding:{type:Boolean,reflect:!0,attribute:"no-vertical-padding"}}}}],null&&p(n.prototype,null),i&&p(n,i),a}(e.TSElement);function w(t,e){for(var o=0;o<e.length;o++){var r=e[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function m(t,e,o){return e&&w(t.prototype,e),o&&w(t,o),t}function y(){var t,e,o=(t=['\n\t\t\t<div class="progress-bar-wrapper" ?data-indeterminate="','">\n\t\t\t\t<div class="progress-bar-total">\n\t\t\t\t\t<div style="','" class="progress-bar-done"></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t'],e||(e=t.slice(0)),t.raw=e,t);return y=function(){return o},o}e.customElementDefineHelper("ts-card",u);var b=function(t){var o,r;function n(){var e=t.call(this)||this;return e.total=100,e.done=0,e.indeterminate=!1,e}return r=t,(o=n).prototype=Object.create(r.prototype),o.prototype.constructor=o,o.__proto__=r,m(n,null,[{key:"styles",get:function(){return[e.TSElement.styles,e.unsafeCSS(":host{width:100%}.progress-bar-wrapper{height:8px;height:var(--ts-progress-bar-height);border-radius:100em;overflow:hidden}.progress-bar-total{position:relative;height:100%;width:100%;background-color:#ade5ff;background-color:var(--ts-color-blue-lighter)}.progress-bar-done{position:absolute;border-radius:100em;left:0;top:0;height:100%;background-color:#00aeff;background-color:var(--ts-color-blue)}.progress-bar-wrapper[data-indeterminate] .progress-bar-done{-webkit-animation:infinite-progress 1s linear infinite;animation:infinite-progress 1s linear infinite}@-webkit-keyframes infinite-progress{0%{width:0;margin-left:0;margin-right:100%}20%{width:30%;margin-left:0;margin-right:0}40%{width:30%;margin-left:30%;margin-right:0}60%{width:40%;margin-left:50%;margin-right:0}80%{width:40%;margin-left:70%;margin-right:0}to{width:0;margin-left:100%;margin-right:0}}@keyframes infinite-progress{0%{width:0;margin-left:0;margin-right:100%}20%{width:30%;margin-left:0;margin-right:0}40%{width:30%;margin-left:30%;margin-right:0}60%{width:40%;margin-left:50%;margin-right:0}80%{width:40%;margin-left:70%;margin-right:0}to{width:0;margin-left:100%;margin-right:0}}")]}},{key:"properties",get:function(){return{total:{type:Number,reflect:!0},done:{type:Number,reflect:!0},indeterminate:{type:Boolean,reflect:!0}}}}]),n.prototype.render=function(){return e.html(y(),this.indeterminate,this.doneWidthStyle)},m(n,[{key:"doneWidthStyle",get:function(){if(!this.indeterminate)return"width: "+this.done/this.total*100+"%"}}]),n}(e.TSElement);function x(t,e){for(var o=0;o<e.length;o++){var r=e[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function C(t,e,o){return e&&x(t.prototype,e),o&&x(t,o),t}function L(){var t,e,o=(t=['\n\t\t\t<ts-typography text="','" variant="','" type="','"></ts-typography>\n\t\t'],e||(e=t.slice(0)),t.raw=e,t);return L=function(){return o},o}e.customElementDefineHelper("ts-progress-bar",b);var E=function(t){var o,r;function n(){var e=t.call(this)||this;return e.size=0,e.decimalPoint=2,e.variant="subtitle",e.type="default",e}return r=t,(o=n).prototype=Object.create(r.prototype),o.prototype.constructor=o,o.__proto__=r,C(n,null,[{key:"styles",get:function(){return[e.TSElement.styles,e.unsafeCSS(":host{font-size:14px;font-size:var(--ts-font-size-default)}")]}},{key:"properties",get:function(){return{size:{type:Number},decimalPoint:{type:Number,attribute:"decimal-point"},variant:{type:String},type:{type:String}}}}]),n.prototype.render=function(){return e.html(L(),this.formatFileSize,this.variant,this.type)},C(n,[{key:"formatFileSize",get:function(){var t=this.size,e=this.decimalPoint;if(0===t)return"0 Bytes";var o=Math.floor(Math.log(t)/Math.log(1e3));return parseFloat((t/Math.pow(1e3,o)).toFixed(e))+" "+["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"][o]}}]),n}(e.TSElement);function A(t,e){for(var o=0;o<e.length;o++){var r=e[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function O(){return(O=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r])}return t}).apply(this,arguments)}function S(t,e){return e||(e=t.slice(0)),t.raw=e,t}e.customElementDefineHelper("ts-file-size",E);var k={remove:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4 12a8 8 0 1116.01.01A8 8 0 014 12zm8 1.13l3.03 3.04 1.14-1.14L13.13 12l3.04-3.03-1.14-1.14L12 10.87 8.97 7.83 7.83 8.97 10.87 12l-3.04 3.03 1.14 1.14L12 13.13z"/></svg>\n',download:'<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n <g id="icon/UI-library/download" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n <path d="M12.1590909,17.3636364 C11.9999992,17.3636364 11.8553726,17.2840917 11.7252066,17.125 L7.34297521,11.571281 C7.25619791,11.4555779 7.21280992,11.3615706 7.21280992,11.2892562 C7.21280992,11.1012387 7.35020524,11.0072314 7.625,11.0072314 L10.7272727,11.0072314 L10.7272727,4 L13.5909091,4 L13.5909091,11.0072314 L16.6931818,11.0072314 C16.9679766,11.0072314 17.1053719,11.1012387 17.1053719,11.2892562 C17.1053719,11.3615706 17.0619839,11.4555779 16.9752066,11.571281 L12.5929752,17.125 C12.4772721,17.2840917 12.3326455,17.3636364 12.1590909,17.3636364 Z M18.8409091,17.8409091 C18.971075,17.8409091 19.0831607,17.8879128 19.1771694,17.9819215 C19.2711782,18.0759302 19.3181818,18.1880159 19.3181818,18.3181818 L19.3181818,19.2727273 C19.3181818,19.4028932 19.2711782,19.5149789 19.1771694,19.6089876 C19.0831607,19.7029963 18.971075,19.75 18.8409091,19.75 L5.47727273,19.75 C5.34710679,19.75 5.23502113,19.7029963 5.1410124,19.6089876 C5.04700366,19.5149789 5,19.4028932 5,19.2727273 L5,18.3181818 C5,18.1880159 5.04700366,18.0759302 5.1410124,17.9819215 C5.23502113,17.8879128 5.34710679,17.8409091 5.47727273,17.8409091 L18.8409091,17.8409091 Z" id="Icon" fill="currentColor"></path>\n </g>\n</svg>\n',info:'<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n <g id="icon/UI-library/info" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n <path d="M12,4 C7.6,4 4,7.58095238 4,12 C4,16.4190476 7.6,20 12,20 C16.4190476,20 20,16.4190476 20,12 C20,7.58095238 16.4190476,4 12,4 M13.0285714,6.47619048 C13.352381,6.47619048 13.6,6.60952381 13.7714286,6.8 C13.9428571,6.99047619 14.0190476,7.23809524 14.0190476,7.5047619 C14.0190476,8.19047619 13.4666667,8.81904762 12.7238095,8.81904762 C12.1142857,8.81904762 11.752381,8.38095238 11.752381,7.75238095 C11.752381,7.2 12.1904762,6.4952381 13.0285714,6.47619048 M13.3904762,11.4285714 L12.5142857,15.0095238 C12.4761905,15.1809524 12.4571429,15.3142857 12.4571429,15.3904762 L12.4571429,15.4857143 C12.552381,15.4666667 13.1809524,15.047619 13.5809524,14.6666667 L13.6761905,14.5904762 L14.0190476,15.3142857 L14.0571429,15.3904762 L14,15.447619 C12.8761905,16.6666667 11.5047619,17.4095238 10.9714286,17.4095238 C10.8,17.4095238 10.6095238,17.3714286 10.4761905,17.2190476 C10.3428571,17.0666667 10.2857143,16.8571429 10.2857143,16.5333333 C10.2857143,16.2857143 10.3238095,15.7714286 10.4,15.3904762 L11.2190476,11.9238095 C11.2571429,11.7333333 11.2761905,11.6 11.2761905,11.5238095 C11.1428571,11.5809524 10.5142857,12.0190476 10.2285714,12.2666667 L10.1142857,12.3428571 L9.80952381,11.4857143 L9.86666667,11.4285714 C10.9904762,10.3809524 12.3428571,9.54285714 12.9714286,9.54285714 C13.1428571,9.54285714 13.3142857,9.63809524 13.3904762,9.77142857 C13.4666667,9.92380952 13.5047619,10.1142857 13.5047619,10.3428571 C13.5047619,10.5904762 13.4666667,11.1047619 13.3904762,11.4285714" id="Icon" fill="currentColor"></path>\n </g>\n</svg>\n',ada:'<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n <g id="icon/UI-library/ada" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n <path d="M11.777314,5 L16.3099677,9.5326537 L11.777314,14.0653074 L7.24466028,9.5326537 L11.777314,5 Z M6.5326537,10.2446603 L11.0653074,14.777314 L6.5326537,19.3099677 L2,14.777314 L6.5326537,10.2446603 Z M17.0219743,10.2446603 L21.554628,14.777314 L17.0219743,19.3099677 L12.4893206,14.777314 L17.0219743,10.2446603 Z" id="Icon" fill="currentColor"></path>\n </g>\n</svg>\n',checkmark:'<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n <g id="icon/UI-library/checkmark">\n <polygon id="Icon" fill="currentColor" points="10 14.5857864 17.7928932 6.79289322 19.2071068 8.20710678 10 17.4142136 5.29289322 12.7071068 6.70710678 11.2928932"></polygon>\n </g>\n</svg>\n',search:'<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n <g id="icon/UI-library/search" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n <path d="M15.0317379,13.6175243 L18.7071068,17.2928932 L17.2928932,18.7071068 L13.6175243,15.0317379 C12.7314831,15.642436 11.6574983,16 10.5,16 C7.46243388,16 5,13.5375661 5,10.5 C5,7.46243388 7.46243388,5 10.5,5 C13.5375661,5 16,7.46243388 16,10.5 C16,11.6574983 15.642436,12.7314831 15.0317379,13.6175243 Z M10.5,14 C12.4329966,14 14,12.4329966 14,10.5 C14,8.56700338 12.4329966,7 10.5,7 C8.56700338,7 7,8.56700338 7,10.5 C7,12.4329966 8.56700338,14 10.5,14 Z" id="Icon" fill="currentColor"></path>\n </g>\n</svg>\n',close:'<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n <g id="icon/UI-library/close" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n <path d="M12,13.4142136 L7.70710678,17.7071068 L6.29289322,16.2928932 L10.5857864,12 L6.29289322,7.70710678 L7.70710678,6.29289322 L12,10.5857864 L16.2928932,6.29289322 L17.7071068,7.70710678 L13.4142136,12 L17.7071068,16.2928932 L16.2928932,17.7071068 L12,13.4142136 Z" id="Icon" fill="currentColor"></path>\n </g>\n</svg>\n',settings:'<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.223 13.066a.416.416 0 01-.13.304.416.416 0 01-.304.13h-1.562a.762.762 0 00-.488.184.953.953 0 00-.314.445 9.249 9.249 0 01-.434 1.02.832.832 0 00-.087.412c0 .26.072.463.217.607l1.106 1.085c.087.087.13.188.13.304 0 .13-.043.238-.13.325l-1.366 1.345c-.058.087-.16.13-.304.13a.416.416 0 01-.304-.13l-1.085-1.084c-.159-.16-.368-.24-.629-.24a.912.912 0 00-.412.088c-.318.173-.65.318-.998.434a.953.953 0 00-.445.314.762.762 0 00-.184.488v1.562a.416.416 0 01-.13.304.416.416 0 01-.304.13h-1.93a.416.416 0 01-.304-.13.416.416 0 01-.13-.304v-1.562a.762.762 0 00-.185-.488.953.953 0 00-.445-.314 4.747 4.747 0 01-.998-.434.912.912 0 00-.412-.087.823.823 0 00-.607.239l-1.107 1.084a.416.416 0 01-.607 0l-1.367-1.345a.55.55 0 01-.108-.325.52.52 0 01.108-.304l1.107-1.085a.823.823 0 00.238-.607.924.924 0 00-.108-.412 7.832 7.832 0 01-.412-1.02.953.953 0 00-.315-.445.79.79 0 00-.51-.184h-1.54a.416.416 0 01-.304-.13.416.416 0 01-.13-.304v-1.909c0-.116.043-.217.13-.304a.416.416 0 01.304-.13h1.54a.79.79 0 00.51-.184.953.953 0 00.315-.445c.13-.39.267-.73.412-1.02a.963.963 0 00.108-.434.796.796 0 00-.238-.585L4.974 6.948a.52.52 0 01-.108-.303.52.52 0 01.108-.304l1.367-1.345a.416.416 0 01.607 0L8.055 6.08c.159.159.354.238.585.238.145 0 .29-.036.434-.108a8.8 8.8 0 01.998-.412.953.953 0 00.445-.315.79.79 0 00.184-.51v-1.54c0-.116.044-.217.13-.304a.416.416 0 01.304-.13h1.931c.116 0 .217.043.304.13.087.087.13.188.13.304v1.54a.79.79 0 00.184.51.953.953 0 00.445.315c.304.1.636.238.998.412.145.072.29.108.434.108.246 0 .448-.08.607-.238l1.085-1.085a.416.416 0 01.304-.13c.144 0 .246.043.304.13l1.366 1.345a.416.416 0 010 .607l-1.106 1.107c-.145.144-.217.347-.217.607 0 .16.029.297.087.412.115.217.26.557.434 1.02a.953.953 0 00.314.445.762.762 0 00.488.184h1.562c.116 0 .217.044.304.13.087.087.13.188.13.304v1.91zM8.25 12.112c0 .506.098.994.293 1.464.195.47.474.886.835 1.247.752.752 1.663 1.128 2.734 1.128a3.82 3.82 0 002.712-1.128 3.82 3.82 0 00.835-1.247c.195-.47.292-.958.292-1.464A3.82 3.82 0 0014.823 9.4a3.82 3.82 0 00-1.247-.835 3.781 3.781 0 00-1.464-.293c-1.07 0-1.982.376-2.734 1.128a3.82 3.82 0 00-.835 1.247c-.195.47-.293.958-.293 1.465z" fill="#192226" fill-rule="evenodd"/></svg>\n',support:'<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M14.413 3.315A4.808 4.808 0 0116.153 3a4.83 4.83 0 011.857.367c.595.245 1.116.591 1.563 1.039A4.806 4.806 0 0121 7.846c0 .616-.105 1.196-.315 1.741.21.77.315 1.574.315 2.413 0 .84-.105 1.636-.315 2.392.21.56.315 1.146.315 1.762 0 .643-.122 1.259-.367 1.846a4.842 4.842 0 01-1.06 1.573 4.614 4.614 0 01-1.552 1.06 4.806 4.806 0 01-3.608.031A9.198 9.198 0 0112 21a9.198 9.198 0 01-2.413-.336 4.806 4.806 0 01-3.608-.031 4.614 4.614 0 01-1.552-1.06A4.842 4.842 0 013.367 18 4.753 4.753 0 013 16.154c0-.616.105-1.203.315-1.762A8.897 8.897 0 013 12c0-.84.105-1.643.315-2.413A4.808 4.808 0 013 7.847a4.806 4.806 0 011.427-3.441A4.738 4.738 0 015.99 3.367 4.83 4.83 0 017.846 3c.616 0 1.196.105 1.741.315A9.284 9.284 0 0112 3c.825 0 1.63.105 2.413.315zm-6.567.147c-.797 0-1.531.195-2.203.587A4.358 4.358 0 004.05 5.643a4.294 4.294 0 00-.587 2.203c0 .308.035.637.104.986a8.975 8.975 0 012.067-3.2 8.975 8.975 0 013.2-2.066 5.04 5.04 0 00-.987-.104zm7.322.104a8.975 8.975 0 013.2 2.067 8.975 8.975 0 012.066 3.2c.07-.35.104-.68.104-.987 0-.797-.195-1.531-.587-2.203a4.358 4.358 0 00-1.594-1.594 4.294 4.294 0 00-2.203-.587 5.04 5.04 0 00-.986.104zm-6.42.588a8.727 8.727 0 00-2.727 1.825 8.415 8.415 0 00-1.867 2.77l3.356 1.384a4.69 4.69 0 011.07-1.574 5.165 5.165 0 011.574-1.049L8.748 4.154zm5.12 3.356a4.69 4.69 0 011.573 1.07c.447.462.797.98 1.049 1.553l3.356-1.385a8.727 8.727 0 00-1.825-2.727 8.415 8.415 0 00-2.77-1.867L13.868 7.51zM12 7.615c-.797 0-1.531.196-2.203.588a4.358 4.358 0 00-1.594 1.594A4.294 4.294 0 007.615 12c0 .797.196 1.531.588 2.203a4.358 4.358 0 001.594 1.594 4.294 4.294 0 002.203.588c.797 0 1.531-.196 2.203-.588a4.358 4.358 0 001.594-1.594A4.294 4.294 0 0016.385 12c0-.797-.196-1.531-.588-2.203a4.358 4.358 0 00-1.594-1.594A4.294 4.294 0 0012 7.615zm-7.846 7.637a8.727 8.727 0 001.825 2.727 8.415 8.415 0 002.77 1.867l1.405-3.377a4.714 4.714 0 01-1.595-1.06 5.035 5.035 0 01-1.049-1.563l-3.356 1.406zm12.336-1.406a4.983 4.983 0 01-1.08 1.595c-.455.447-.976.79-1.564 1.028l1.406 3.377a8.727 8.727 0 002.727-1.825 8.415 8.415 0 001.867-2.77l-3.356-1.405zM3.462 16.154c0 .797.195 1.531.587 2.203a4.358 4.358 0 001.594 1.594 4.294 4.294 0 002.203.587c.35 0 .678-.041.986-.125a8.808 8.808 0 01-3.189-2.056 9.05 9.05 0 01-2.077-3.19 5.04 5.04 0 00-.104.987zm16.972-.986a9.05 9.05 0 01-2.077 3.189 8.808 8.808 0 01-3.19 2.056 4.294 4.294 0 003.189-.462 4.358 4.358 0 001.595-1.594 4.294 4.294 0 00.587-2.203 5.04 5.04 0 00-.104-.986z" fill="#192226" fill-rule="evenodd"/></svg>\n',alert:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M19.92 18.84l-7.2-14.43c-.28-.55-1.16-.55-1.44 0l-7.2 14.43A.8.8 0 004.8 20h14.4a.8.8 0 00.72-1.16zm-8.86-8.9h1.88v4.82h-1.88V9.95zm.94 7.78a.94.94 0 110-1.89.94.94 0 010 1.89z"/></svg>\n',question:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 20a8 8 0 110-16 8 8 0 010 16zm-1.25-6.13h2.03v-.3c0-.61.24-.9 1.14-1.42.95-.55 1.4-1.22 1.4-2.18 0-1.56-1.29-2.6-3.27-2.6-2.08 0-3.31 1.11-3.33 2.81h2.11c.02-.63.45-1.04 1.08-1.04.6 0 1.04.36 1.04.89 0 .57-.23.84-1.12 1.36-.9.52-1.23 1.11-1.1 2.22l.02.26zm1.05 3.18a1.2 1.2 0 001.23-1.17 1.2 1.2 0 00-1.23-1.16 1.2 1.2 0 00-1.23 1.16c0 .66.55 1.17 1.23 1.17z"/></svg>\n',"arrow-up":'<svg\n\twidth="20px"\n\theight="20px"\n\tviewBox="0 0 16 16"\n\tversion="1.1"\n\txmlns="http://www.w3.org/2000/svg"\n\txmlns:xlink="http://www.w3.org/1999/xlink"\n>\n\t<path\n\t\tstroke="none"\n\t\tfill="currentColor"\n\t\td="M8.01904762,16 C6.55872286,16 5.21587914,15.6412734 3.99047619,14.9238095 C2.76507324,14.2063456 1.79365438,13.2349268 1.07619048,12.0095238 C0.358726571,10.7841209 0,9.44127714 0,7.98095238 C0,6.5333261 0.358726571,5.2000061 1.07619048,3.98095238 C1.79365438,2.76189867 2.76507324,1.79365438 3.99047619,1.07619048 C5.21587914,0.358726571 6.55872286,0 8.01904762,0 C9.4666739,0 10.7999939,0.358726571 12.0190476,1.07619048 C13.2381013,1.79365438 14.2063456,2.76189867 14.9238095,3.98095238 C15.6412734,5.2000061 16,6.5333261 16,7.98095238 C16,9.44127714 15.6412734,10.7841209 14.9238095,12.0095238 C14.2063456,13.2349268 13.2381013,14.2063456 12.0190476,14.9238095 C10.7999939,15.6412734 9.4666739,16 8.01904762,16 Z M8.91428571,13.1428571 L8.91428571,6.7047619 L11.7714286,9.61904762 L11.8857143,9.61904762 L13.1047619,8.36190476 C13.1301589,8.36190476 13.1428571,8.35238105 13.1428571,8.33333333 C13.1428571,8.31428562 13.1301589,8.3047619 13.1047619,8.3047619 L9.23809524,4.45714286 L8.91428571,4.11428571 L8.91428571,4.07619048 C8.91428571,4.063492 8.90793657,4.05714286 8.8952381,4.05714286 L8.83809524,4.05714286 L8.01904762,3.2 L7.92380952,3.2 L7.08571429,4.05714286 L6.7047619,4.45714286 L2.85714286,8.3047619 C2.84444438,8.3047619 2.83809524,8.31428562 2.83809524,8.33333333 C2.83809524,8.35238105 2.84444438,8.36190476 2.85714286,8.36190476 L4.07619048,9.61904762 L4.17142857,9.61904762 L7.08571429,6.66666667 L7.08571429,13.1428571 C7.08571429,13.1682541 7.09206343,13.1809524 7.1047619,13.1809524 L8.8952381,13.1809524 C8.90793657,13.1809524 8.91428571,13.1682541 8.91428571,13.1428571 Z"\n\t\tid="Icon"\n\t></path>\n</svg>\n',"arrow-down-short":'<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n\t\t<path d="M7.29289322,10.7071068 C6.66292836,10.0771419 7.10909515,9 8,9 L16,9 C16.8909049,9 17.3370716,10.0771419 16.7071068,10.7071068 L12.7071068,14.7071068 C12.3165825,15.0976311 11.6834175,15.0976311 11.2928932,14.7071068 L7.29289322,10.7071068 Z" fill="currentColor"></path>\n</svg>\n',"arrow-left-skip":'<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n\t<path d="M7,7 L9,7 L9,17 L7,17 L7,7 Z M15.2969027,7.28888371 C15.9268676,6.65891885 17.0040095,7.10508564 17.0040095,7.99599049 L17.0040095,15.9959905 C17.0040095,16.8868953 15.9268676,17.3330621 15.2969027,16.7030973 L11.2969027,12.7030973 C10.9063784,12.312573 10.9063784,11.679408 11.2969027,11.2888837 L15.2969027,7.28888371 Z" fill="currentColor"></path>\n</svg>\n',"arrow-left":'<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n\t<path d="M5.30084531,12.9360446 C4.89971823,12.6208269 4.89971823,12.1097101 5.30084531,11.7947093 L12.4692812,6.16222707 C12.8704083,5.84700943 13.1956055,6.00516047 13.1956055,6.51519253 L13.1956055,10.5180013 L19.969423,10.5180013 L19.969423,14.2127516 L13.1956055,14.2127516 L13.1956055,18.2127403 C13.1956055,18.7334027 12.8704083,18.8852625 12.4692812,18.5598486 L5.30084531,12.9360443 L5.30084531,12.9360446 Z" fill="currentColor"></path>\n</svg>\n',"close-clear":'<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n <g id="icon/close-clear" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n <rect id="placeholder" x="0" y="0" width="24" height="24"></rect>\n <path d="M11.9984707,10.5842571 L16.2898345,6.29289322 C16.6803588,5.90236893 17.3135238,5.90236893 17.7040481,6.29289322 C18.0945724,6.68341751 18.0945724,7.31658249 17.7040481,7.70710678 L13.4126842,11.9984707 L17.7040481,16.2898345 C18.0945724,16.6803588 18.0945724,17.3135238 17.7040481,17.7040481 C17.3135238,18.0945724 16.6803588,18.0945724 16.2898345,17.7040481 L11.9984707,13.4126842 L7.70710678,17.7040481 C7.31658249,18.0945724 6.68341751,18.0945724 6.29289322,17.7040481 C5.90236893,17.3135238 5.90236893,16.6803588 6.29289322,16.2898345 L10.5842571,11.9984707 L6.29289322,7.70710678 C5.90236893,7.31658249 5.90236893,6.68341751 6.29289322,6.29289322 C6.68341751,5.90236893 7.31658249,5.90236893 7.70710678,6.29289322 L11.9984707,10.5842571 Z" id="icon" fill="currentColor"></path>\n </g>\n</svg>\n',"menu-switch":'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M20.355 4a.84.84 0 01.619.25.84.84 0 01.25.618v1.15a.85.85 0 01-.25.607.822.822 0 01-.619.26H3.868a.833.833 0 01-.608-.26.833.833 0 01-.26-.607v-1.15c0-.246.087-.452.26-.619A.85.85 0 013.868 4h16.487zm0 6.14a.84.84 0 01.619.249.84.84 0 01.25.618v1.15a.85.85 0 01-.25.607.822.822 0 01-.619.26H3.868a.833.833 0 01-.608-.26.833.833 0 01-.26-.607v-1.15c0-.246.087-.452.26-.618a.85.85 0 01.608-.25h16.487zm0 6.16a.84.84 0 01.619.25.84.84 0 01.25.618v1.15a.84.84 0 01-.25.618.84.84 0 01-.619.25H3.868a.85.85 0 01-.608-.25.822.822 0 01-.26-.618v-1.15c0-.245.087-.452.26-.618a.85.85 0 01.608-.25h16.487z" fill="currentColor" fill-rule="evenodd"/></svg>\n'};Object.keys(k).forEach((function(t){k[t]=e.html([k[t]])}));var R,I={ICON_WRAPPER:"icon-wrapper",CIRCULAR_BG:"circular-background"},_=(O({},e.helpers.classNamesToSelector(I)),e.constants.colors),T=e.constants.colorModifiers,z={DEFAULT:"default",INVERTED:"inverted",PRIMARY:"primary",DANGER:"danger",ERROR:"error",SUCCESS:"success",ACTIVE:"active",INFO:"info",FOCUS:"focus",WARNING:"warning",DISABLED:"disabled",DISABLED_CHECKED:"disabled-checked",SUGGESTED:"suggested",SLATE_LIGHTEST:"slate-lightest",ACTION:"action"},N=((R={})[z.DEFAULT]=_.SLATE,R[z.INVERTED]=_.WHITE,R[z.DANGER]=_.RED,R[z.ERROR]=_.RED,R[z.SUCCESS]=_.GREEN,R[z.PRIMARY]=_.BLUE,R[z.ACTIVE]=_.BLUE,R[z.INFO]=_.BLUE,R[z.FOCUS]=_.BLUE,R[z.WARNING]=_.ORANGE,R[z.DISABLED]=_.GRAY+T.LIGHTER,R[z.SUGGESTED]=_.PURPLE,R[z.DISABLED_CHECKED]=_.GRAY+T.LIGHT,R[z.SLATE_LIGHTEST]=_.SLATE+T.LIGHTEST,R[z.ACTION]=_.GRAY,R),M="medium";function D(){var t=S(['\t:host([type="','"]) {\n\t\t\t\t\t\t--ts-icon-color: var(--ts-color-',");\n\t\t\t\t}"]);return D=function(){return t},t}function P(){var t=S(['\n\t\t\t<span class="','">\n\t\t\t\t',"\n\t\t\t</span>\n\t\t"]);return P=function(){return t},t}var B=function(t){var o,r,n,i;function a(){var e=t.call(this)||this;return e.size=M,e}return r=t,(o=a).prototype=Object.create(r.prototype),o.prototype.constructor=o,o.__proto__=r,a.prototype.render=function(){return e.html(P(),I.ICON_WRAPPER,k[this.icon])},n=a,i=[{key:"styles",get:function(){var t=Object.keys(z).map((function(t){var o=z[t],r=N[o];return e.css(D(),e.unsafeCSS(o),e.unsafeCSS(r))}));return[e.TSElement.styles,e.unsafeCSS(':host{display:inline-block}:host svg{color:var(--ts-icon-color)}.fill-none{fill:none}:host([size=small]) .icon-wrapper{width:12px;width:var(--ts-fontsize-mini);height:12px;height:var(--ts-fontsize-mini)}:host([size=medium]) .icon-wrapper{width:16px;width:var(--ts-fontsize-medium);height:16px;height:var(--ts-fontsize-medium)}:host([size=large]) .icon-wrapper{width:24px;width:var(--ts-fontsize-xbig);height:24px;height:var(--ts-fontsize-xbig)}:host([size=extra-large]) .icon-wrapper{width:60px;width:var(--ts-unit-triple);height:60px;height:var(--ts-unit-triple)}:host([rotate="90"]) .icon-wrapper{-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host([rotate="180"]) .icon-wrapper{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([rotate="270"]) .icon-wrapper{-webkit-transform:rotate(270deg);transform:rotate(270deg)}:host([flip=h]) .icon-wrapper,:host([flip=horizontal]) .icon-wrapper{-webkit-transform:scaleX(-1);transform:scaleX(-1)}:host([flip=v]) .icon-wrapper,:host([flip=vertical]) .icon-wrapper{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.icon-wrapper{position:relative;display:block;padding-top:100%;width:100%;height:0}svg{position:absolute;top:0;left:0;width:100%;height:100%}:host([type=default]) svg{color:#1f2a2e;color:var(--ts-color-slate)}:host([type=inverted]) svg{color:#fff;color:var(--ts-color-white)}:host([type=primary]) svg{color:#00aeff;color:var(--ts-color-blue)}:host([type=danger]) svg,:host([type=error]) svg{color:#bd0000;color:var(--ts-color-red)}:host([type=success]) svg{color:#50c610;color:var(--ts-color-green)}:host([type=active]) svg,:host([type=focus]) svg,:host([type=info]) svg{color:#00aeff;color:var(--ts-color-blue)}:host([type=warning]) svg{color:#ff8c00;color:var(--ts-color-orange)}:host([type=disabled]) svg{color:#e6ecef;color:var(--ts-color-gray-lighter)}:host([type=disabled-checked]) svg{color:#cbd7dc;color:var(--ts-color-gray-light)}:host([type=suggested]) svg{color:#90129b;color:var(--ts-color-purple)}:host([type=slate-lightest]) svg{color:#506b77;color:var(--ts-color-slate-lightest)}:host([type=action]) svg{color:#9ab2bc;color:var(--ts-color-gray)}:host([circular]){border-radius:50%;background-color:var(--ts-icon-color)}:host([circular]) svg{color:#fff;color:var(--ts-color-white)}')].concat(t)}},{key:"properties",get:function(){return{icon:{type:String,reflect:!0},size:{type:String,reflect:!0},type:{type:String,reflect:!0},circular:{type:Boolean,reflect:!0},rotate:{type:Number,reflect:!0},flip:{type:String,reflect:!0}}}}],null&&A(n.prototype,null),i&&A(n,i),a}(e.TSElement);e.customElementDefineHelper("ts-icon",B);var F={FILE_CARD_WRAPPER:"file-card-wrapper",ACTION_ICON_WRAPPER:"action-icon-wrapper",ACTION_ICON:"action-icon",REMOVE_ACTION:"remove-action",REMOVE_ACTION_HOVERED:"remove-action-hovered",REMOVE_ACTION_MESSAGE:"remove-action-message",DOWNLOAD_ACTION:"download-action",DOWNLOAD_ACTION_HOVERED:"download-action-hovered",DOWNLOAD_ACTION_MESSAGE:"download-action-message",TEXT_CONTENT:"content",FILE_ICON_WRAPPER:"file-icon-wrapper",FILE_ICON:"file-icon",FILE_INFORMATION:"file-information",ERROR_MESSAGE:"error-message",PROGRESS_BAR:"progress-bar"},H=r({},e.helpers.classNamesToSelector(F)),j="remove-action-text",U="download-action-text",G="remove",W="download",V="download",Z="failed",q="uploading",Y="full",X=r({},e.constants.messages);function K(){var t=i(['\n\t\t\t<ts-typography class="','" type="action" variant="subtitle">\n\t\t\t\t<slot name="','">','</slot>\n\t\t\t</ts-typography>\n\t\t\t<ts-typography class="','" type="action" variant="subtitle">\n\t\t\t\t<slot name="','">',"</slot>\n\t\t\t</ts-typography>\n\t\t"]);return K=function(){return t},t}function J(){var t=i([""]);return J=function(){return t},t}function Q(){var t=i(['\n\t\t\t\t<ts-file-size size="','"></ts-file-size>\n\t\t\t\t<ts-typography text="|" variant="subtitle"></ts-typography>\n\t\t\t']);return Q=function(){return t},t}function $(){var t=i(['\n\t\t\t\t<div class="','">\n\t\t\t\t\t','\n\t\t\t\t\t<ts-typography variant="subtitle">\n\t\t\t\t\t\t',"\n\t\t\t\t\t</ts-typography>\n\t\t\t\t</div>\n\t\t\t"]);return $=function(){return t},t}function tt(){var t=i(['\n\t\t\t<div>\n\t\t\t\t<span class="'," ",'">\n\t\t\t\t\t<ts-icon class="','" icon="remove"></ts-icon>\n\t\t\t\t</span>\n\t\t\t\t<span class="'," ",'">\n\t\t\t\t\t<ts-icon class="','" icon="download"></ts-icon>\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t']);return tt=function(){return t},t}function et(){var t=i(['\n\t\t\t\t<ts-progress-bar class="','" indeterminate></ts-progress-bar>\n\t\t\t']);return et=function(){return t},t}function ot(){var t=i(['\n\t\t\t<span class="','">\n\t\t\t\t',"\n\t\t\t</span>\n\t\t"]);return ot=function(){return t},t}function rt(){var t=i(['\n\t\t\t\t<ts-typography class="','" type="error" variant="subtitle" no-wrap\n\t\t\t\t\t>',"</ts-typography\n\t\t\t\t>\n\t\t\t"]);return rt=function(){return t},t}function nt(){var t=i(['\n\t\t\t<div ?data-removable="','" class="'," state-",'">\n\t\t\t\t<ts-card type="','" orientation="horizontal" ?rtl="','" size="','">\n\t\t\t\t\t','\n\t\t\t\t\t<div class="content">\n\t\t\t\t\t\t<ts-typography text="','" class="file-name" variant="title" no-wrap></ts-typography>\n\t\t\t\t\t\t'," "," "," ","\n\t\t\t\t\t</div>\n\t\t\t\t\t","\n\t\t\t\t</ts-card>\n\t\t\t</div>\n\t\t"]);return nt=function(){return t},t}var it=function(t){var r,i;function a(){var e=t.call(this)||this;return e.state=q,e.size=Y,e.removable=!1,e.toggleRemoveActionHoverState=e.toggleRemoveActionHoverState.bind(n(e)),e.toggleDownloadActionHoverState=e.toggleDownloadActionHoverState.bind(n(e)),e.removeFile=e.removeFile.bind(n(e)),e.downloadFile=e.downloadFile.bind(n(e)),e}i=t,(r=a).prototype=Object.create(i.prototype),r.prototype.constructor=r,r.__proto__=i;var s,l,c,d=a.prototype;return d.render=function(){return e.html(nt(),this.removable,F.FILE_CARD_WRAPPER,this.state,this.cardType,this.rtl,this.size,this.fileIcon,this.fileObject.name,this.progressBar,this.fileInformation,this.errorMessages,this.actionMessage,this.actionIcons)},d.firstUpdated=function(){this.handleRemoveActionEvents(),this.handleDownloadActionEvents()},d.removeFile=function(){if(this.removable){var t=new CustomEvent(G,{detail:{file:this.fileObject},bubbles:!0,composed:!0});this.dispatchEvent(t)}},d.downloadFile=function(){if(this.state===V){var t=new CustomEvent(W,{detail:{file:this.fileObject},bubbles:!0,composed:!0});this.dispatchEvent(t)}},d.toggleRemoveActionHoverState=function(){this.shadowRoot.querySelector(H.FILE_CARD_WRAPPER).classList.toggle(F.REMOVE_ACTION_HOVERED)},d.toggleDownloadActionHoverState=function(){this.shadowRoot.querySelector(H.FILE_CARD_WRAPPER).classList.toggle(F.DOWNLOAD_ACTION_HOVERED)},d.handleRemoveActionEvents=function(){this.shadowRoot.querySelector(H.REMOVE_ACTION).addEventListener("mouseenter",this.toggleRemoveActionHoverState,!1),this.shadowRoot.querySelector(H.REMOVE_ACTION).addEventListener("mouseleave",this.toggleRemoveActionHoverState,!1),this.shadowRoot.querySelector(H.REMOVE_ACTION).addEventListener("click",this.removeFile)},d.handleDownloadActionEvents=function(){var t=this;[H.TEXT_CONTENT,H.FILE_ICON_WRAPPER,H.DOWNLOAD_ACTION].forEach((function(e){t.shadowRoot.querySelector(e).addEventListener("mouseenter",t.toggleDownloadActionHoverState,!1),t.shadowRoot.querySelector(e).addEventListener("mouseleave",t.toggleDownloadActionHoverState,!1),t.shadowRoot.querySelector(e).addEventListener("click",t.downloadFile)}),this)},s=a,c=[{key:"styles",get:function(){return[e.TSElement.styles,e.unsafeCSS(":host{display:block;margin-bottom:10px;margin-bottom:var(--ts-unit-half);width:100%}.file-icon-wrapper{position:relative;height:40px;height:var(--ts-unit-double);width:30px;width:var(--ts-unit-plus)}.file-icon-wrapper .file-icon{width:100%;height:100%}.action-icon{margin-top:5px;margin-top:var(--ts-unit-quarter)}.file-icon-wrapper #outline{fill:#fff;fill:var(--ts-color-white);stroke:#829fab;stroke:var(--ts-color-gray-dark)}.file-icon-wrapper #fold{fill:#829fab;fill:var(--ts-color-gray-dark)}.file-name{font-weight:700}.action-icon{color:#506b77;color:var(--ts-color-slate-lightest)}.content,.download-action,.file-icon-wrapper,.remove-action{cursor:pointer}.state-failed .content,.state-failed .file-icon-wrapper,.state-uploading .content,.state-uploading .file-icon-wrapper{cursor:default}.content{position:relative;display:flex;flex-direction:column;justify-content:center;flex-grow:2;max-width:calc(100% - 55px);width:calc(100% - 55px);padding:0 10px;padding:0 var(--ts-unit-half)}.download-action-message,.remove-action-message{color:#00aeff;color:var(--ts-color-blue);display:none}.download-action-hovered .error-message,.download-action-hovered .file-information,.download-action-hovered .progress-bar,.download-action-hovered.state-failed .download-action-message,.download-action-hovered.state-uploading .download-action-message,.remove-action-hovered .error-message,.remove-action-hovered .file-information,.remove-action-hovered .progress-bar{display:none}.download-action-hovered.state-failed .error-message,.download-action-hovered.state-failed .file-information,.download-action-hovered.state-failed .progress-bar,.download-action-hovered.state-uploading .error-message,.download-action-hovered.state-uploading .file-information,.download-action-hovered.state-uploading .progress-bar{display:inline;display:initial}.download-action-hovered .download-action-message,.remove-action-hovered .remove-action-message{display:block}.download-action-hovered .download-action .action-icon,.remove-action-hovered .remove-action .action-icon{color:#00aeff;color:var(--ts-color-blue)}.progress-bar{--ts-progress-bar-margin:calc((var(--ts-unit) - var(--ts-progress-bar-height))/2);margin:var(--ts-progress-bar-margin) 0}.action-icon-wrapper{display:none}.state-download .download-action,.state-download[data-removable] .remove-action,.state-failed .remove-action,.state-uploading .remove-action{display:block}.state-download[data-removable] .download-action{display:none}.file-information{display:flex}")]}},{key:"properties",get:function(){return{state:{type:String,reflect:!0},fileObject:{type:Object,attribute:"file-object"},rtl:{type:Boolean,reflect:!0},removable:{type:Boolean,reflect:!0},size:{type:String,reflect:!0},errorMessage:{type:String,reflect:!0,attribute:"error-message"}}}}],(l=[{key:"cardType",get:function(){var t;return((t={})[q]="focus",t[V]="default",t[Z]="failed",t)[this.state]}},{key:"errorMessages",get:function(){if("failed"===this.state){var t=this.errorMessage;return e.html(rt(),F.ERROR_MESSAGE,t)}}},{key:"fileIcon",get:function(){return e.html(ot(),F.FILE_ICON_WRAPPER,e.html(['<svg\n\tclass="file-icon"\n\twidth="32px"\n\theight="42px"\n\tviewBox="0 0 32 42"\n\tversion="1.1"\n\txmlns="http://www.w3.org/2000/svg"\n\txmlns:xlink="http://www.w3.org/1999/xlink"\n>\n\t<g id="Symbols" stroke-width="1">\n\t\t<g id="card/5.-File-card/mouseover" transform="translate(-9.000000, -9.000000)">\n\t\t\t<g id="5.-File-card">\n\t\t\t\t<g id="File-icon" transform="translate(10.000000, 10.000000)">\n\t\t\t\t\t<path\n\t\t\t\t\t\td="M19.5667631,-0.5 L29.5322581,9.79767818 L29.5322581,38.0952381 C29.5322581,39.3654698 28.5111819,40.5 27.3244782,40.5 L1.70777989,40.5 C0.521076133,40.5 -0.5,39.3654698 -0.5,38.0952381 L-0.5,1.9047619 C-0.5,0.634530207 0.521076133,-0.5 1.70777989,-0.5 L19.5667631,-0.5 Z"\n\t\t\t\t\t\tclass="stroke-a fill-none"\n\t\t\t\t\t\tid="outline"\n\t\t\t\t\t></path>\n\t\t\t\t\t<path\n\t\t\t\t\t\td="M19.3548387,0 L29.9943074,11 L21.3186802,11 C20.2340805,11 19.3548387,10.0430649 19.3548387,8.8660465 L19.3548387,0 L19.3548387,0 Z"\n\t\t\t\t\t\tclass="fill-a"\n\t\t\t\t\t\tid="fold"\n\t\t\t\t\t></path>\n\t\t\t\t</g>\n\t\t\t</g>\n\t\t</g>\n\t</g>\n</svg>\n']))}},{key:"progressBar",get:function(){if(this.state===q)return e.html(et(),F.PROGRESS_BAR)}},{key:"actionIcons",get:function(){return e.html(tt(),F.REMOVE_ACTION,F.ACTION_ICON_WRAPPER,F.ACTION_ICON,F.DOWNLOAD_ACTION,F.ACTION_ICON_WRAPPER,F.ACTION_ICON)}},{key:"fileInformation",get:function(){if(this.state===V){var t=this.fileObject.name.split(".").pop().toUpperCase();return e.html($(),F.FILE_INFORMATION,this.fileSize,t+" Document")}}},{key:"fileSize",get:function(){return this.fileObject.size?e.html(Q(),this.fileObject.size):e.html(J())}},{key:"actionMessage",get:function(){return e.html(K(),F.REMOVE_ACTION_MESSAGE,j,X.GENERAL.REMOVE,F.DOWNLOAD_ACTION_MESSAGE,U,X.GENERAL.DOWNLOAD)}}])&&o(s.prototype,l),c&&o(s,c),a}(e.TSElement);e.customElementDefineHelper("ts-file-card",it),t.TSFileCard=it,Object.defineProperty(t,"__esModule",{value:!0})})); | ||
| !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@tradeshift/elements")):"function"==typeof define&&define.amd?define(["exports","@tradeshift/elements"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self).ts=t.ts||{},t.ts.elements=t.ts.elements||{},t.ts.elements["file-card"]=t.ts.elements["file-card"]||{}),t.ts.elements)}(this,(function(t,e){"use strict";function o(t,e){for(var o=0;o<e.length;o++){var r=e[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function r(){return(r=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r])}return t}).apply(this,arguments)}function n(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function i(t,e){return e||(e=t.slice(0)),t.raw=e,t}function a(t,e){for(var o=0;o<e.length;o++){var r=e[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function s(t,e){return e||(e=t.slice(0)),t.raw=e,t}function l(){var t=s(['\n\t\t\t\t\t<div class="text-wrapper" title="','">\n\t\t\t\t\t\t<slot @slotchange="','">',"</slot>\n\t\t\t\t\t</div>\n\t\t\t "]);return l=function(){return t},t}function c(){var t=s(['\n\t\t\t\t\t<div class="text-wrapper">\n\t\t\t\t\t\t<slot>',"</slot>\n\t\t\t\t\t</div>\n\t\t\t "]);return c=function(){return t},t}var d=function(t){var o,r;function n(){return t.apply(this,arguments)||this}r=t,(o=n).prototype=Object.create(r.prototype),o.prototype.constructor=o,o.__proto__=r;var i,s,d=n.prototype;return d.textChangeHandler=function(t){var e=t.currentTarget;this.tooltip=this.tooltip||this.text||e.assignedNodes()[0].data},d.render=function(){return this.noTooltip?e.html(c(),this.text):e.html(l(),this.tooltip||this.text,this.textChangeHandler,this.text)},i=n,s=[{key:"styles",get:function(){return[e.TSElement.styles,e.unsafeCSS(":host{display:block;line-height:20px;line-height:var(--ts-unit);font-size:14px;font-size:var(--ts-font-size-default);min-width:0;color:#0f151a;color:var(--ts-color-black)}:host([variant=title]) .text-wrapper{font-size:16px;font-size:var(--ts-fontsize-medium);font-weight:600;font-weight:var(--ts-fontweight-semibold)}:host([variant=subtitle]) .text-wrapper{font-size:12px;font-size:var(--ts-fontsize-mini);color:#506b77;color:var(--ts-color-slate-lightest)}:host([variant=semi-bold]) .text-wrapper{font-weight:600;font-weight:var(--ts-fontweight-semibold)}:host([no-wrap]) .text-wrapper{position:relative;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([type=inverted]) .text-wrapper{color:#fff;color:var(--ts-color-white)}:host([type=warning]) .text-wrapper{color:#ff8c00;color:var(--ts-color-orange)}:host([type=danger]) .text-wrapper,:host([type=error]) .text-wrapper{color:#bd0000;color:var(--ts-color-red)}:host([type=action]) .text-wrapper,:host([type=primary]) .text-wrapper{color:#00aeff;color:var(--ts-color-blue)}:host([type=success]) .text-wrapper{color:#50c610;color:var(--ts-color-green)}:host([type=disabled]) .text-wrapper{color:#cbd7dc;color:var(--ts-color-gray-light)}:host([type=disabled-checked]) .text-wrapper{color:#9ab2bc;color:var(--ts-color-gray)}:host([type=slate-lightest]) .text-wrapper{color:#506b77;color:var(--ts-color-slate-lightest)}")]}},{key:"properties",get:function(){return{text:{type:String},tooltip:{type:String},variant:{type:String},type:{type:String},inline:{type:Boolean},noWrap:{type:Boolean,attribute:"no-wrap"},noTooltip:{type:Boolean,attribute:"no-tooltip"}}}}],null&&a(i.prototype,null),s&&a(i,s),n}(e.TSElement);function p(t,e){for(var o=0;o<e.length;o++){var r=e[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function h(){return(h=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r])}return t}).apply(this,arguments)}e.customElementDefineHelper("ts-typography",d);var g={CARD:"card"},f=(h({},e.helpers.classNamesToSelector(g)),"vertical");function v(){var t,e,o=(t=['\n\t\t\t<div class="card-wrapper" data-size="','">\n\t\t\t\t<div\n\t\t\t\t\tclass="','"\n\t\t\t\t\tdata-orientation="','"\n\t\t\t\t\tdata-type="','"\n\t\t\t\t\t?data-no-padding="','"\n\t\t\t\t\t?data-no-horizontal-padding="','"\n\t\t\t\t\t?data-no-vertical-padding="','"\n\t\t\t\t\t?data-rtl="','"\n\t\t\t\t>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t'],e||(e=t.slice(0)),t.raw=e,t);return v=function(){return o},o}var u=function(t){var o,r,n,i;function a(){var e=t.call(this)||this;return e.type="",e.size="full",e.orientation=f,e.rtl=!1,e.noPadding=!1,e.noHorizontalPadding=!1,e.noVerticalPadding=!1,e}return r=t,(o=a).prototype=Object.create(r.prototype),o.prototype.constructor=o,o.__proto__=r,a.prototype.render=function(){return e.html(v(),this.size,g.CARD,this.orientation,this.type,this.noPadding,this.noHorizontalPadding,this.noVerticalPadding,this.rtl)},n=a,i=[{key:"styles",get:function(){return[e.TSElement.styles,e.unsafeCSS(".card,:host{width:100%}.card{position:relative;border-radius:3px;border-radius:var(--ts-radius);box-shadow:inset 0 0 0 1px #cbd7dc;box-shadow:var(--ts-boxshadow-border-default);overflow:hidden;padding:10px;padding:var(--ts-unit-half);background-color:#fff;background-color:var(--ts-color-white);transition:box-shadow .1s,border-color .1s;transition:box-shadow var(--ts-transition-now),border-color var(--ts-transition-now)}.card:hover{box-shadow:inset 0 0 0 1px #00aeff,0 0 0 1px #ade5ff;box-shadow:var(--ts-boxshadow-border-focus),0 0 0 1px var(--ts-color-blue-lighter)}.card-wrapper{display:block}[data-no-horizontal-padding]{padding-left:0;padding-right:0}[data-no-vertical-padding]{padding-top:0;padding-bottom:0}[data-no-padding]{padding:0}[data-type=danger],[data-type=error],[data-type=failed]{box-shadow:inset 0 0 0 1px #bd0000;box-shadow:var(--ts-boxshadow-border-error)}[data-type=danger]:hover,[data-type=error]:hover,[data-type=failed]:hover{box-shadow:inset 0 0 0 1px #bd0000,0 0 0 1px #eaaeae;box-shadow:var(--ts-boxshadow-border-error),0 0 0 1px var(--ts-color-red-lighter)}[data-type=success]{box-shadow:inset 0 0 0 1px #50c610;box-shadow:var(--ts-boxshadow-border-success)}[data-type=success]:hover{box-shadow:inset 0 0 0 1px #50c610,0 0 0 1px #c6ecb1;box-shadow:var(--ts-boxshadow-border-success),0 0 0 1px var(--ts-color-green-lighter)}[data-type=active],[data-type=focus],[data-type=primary]{box-shadow:inset 0 0 0 1px #00aeff;box-shadow:var(--ts-boxshadow-border-focus)}[data-type=active]:hover,[data-type=focus]:hover,[data-type=primary]:hover{box-shadow:inset 0 0 0 1px #00aeff,0 0 0 1px #ade5ff;box-shadow:var(--ts-boxshadow-border-focus),0 0 0 1px var(--ts-color-blue-lighter)}[data-rtl]{direction:rtl}[data-orientation=h],[data-orientation=horizontal]{display:flex;align-items:center;justify-content:space-between}[data-orientation=v],[data-orientation=vertical]{flex-direction:column;align-items:flex-start}.card-wrapper[data-size=small]{width:280px;width:var(--ts-box-width-small)}.card-wrapper[data-size=medium]{width:360px;width:var(--ts-box-width-medium)}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.card-wrapper[data-size=medium],.card-wrapper[data-size=small]{padding:1px}}")]}},{key:"properties",get:function(){return{type:{type:String,reflect:!0},orientation:{type:String,reflect:!0},rtl:{type:Boolean,reflect:!0},size:{type:String,reflect:!0},noPadding:{type:Boolean,reflect:!0,attribute:"no-padding"},noHorizontalPadding:{type:Boolean,reflect:!0,attribute:"no-horizontal-padding"},noVerticalPadding:{type:Boolean,reflect:!0,attribute:"no-vertical-padding"}}}}],null&&p(n.prototype,null),i&&p(n,i),a}(e.TSElement);function w(t,e){for(var o=0;o<e.length;o++){var r=e[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function m(t,e,o){return e&&w(t.prototype,e),o&&w(t,o),t}function y(){var t,e,o=(t=['\n\t\t\t<div class="progress-bar-wrapper" ?data-indeterminate="','">\n\t\t\t\t<div class="progress-bar-total">\n\t\t\t\t\t<div style="','" class="progress-bar-done"></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t'],e||(e=t.slice(0)),t.raw=e,t);return y=function(){return o},o}e.customElementDefineHelper("ts-card",u);var b=function(t){var o,r;function n(){var e=t.call(this)||this;return e.total=100,e.done=0,e.indeterminate=!1,e}return r=t,(o=n).prototype=Object.create(r.prototype),o.prototype.constructor=o,o.__proto__=r,m(n,null,[{key:"styles",get:function(){return[e.TSElement.styles,e.unsafeCSS(":host{width:100%}.progress-bar-wrapper{height:8px;height:var(--ts-progress-bar-height);border-radius:100em;overflow:hidden}.progress-bar-total{position:relative;height:100%;width:100%;background-color:#ade5ff;background-color:var(--ts-color-blue-lighter)}.progress-bar-done{position:absolute;border-radius:100em;left:0;top:0;height:100%;background-color:#00aeff;background-color:var(--ts-color-blue)}.progress-bar-wrapper[data-indeterminate] .progress-bar-done{-webkit-animation:infinite-progress 1s linear infinite;animation:infinite-progress 1s linear infinite}@-webkit-keyframes infinite-progress{0%{width:0;margin-left:0;margin-right:100%}20%{width:30%;margin-left:0;margin-right:0}40%{width:30%;margin-left:30%;margin-right:0}60%{width:40%;margin-left:50%;margin-right:0}80%{width:40%;margin-left:70%;margin-right:0}to{width:0;margin-left:100%;margin-right:0}}@keyframes infinite-progress{0%{width:0;margin-left:0;margin-right:100%}20%{width:30%;margin-left:0;margin-right:0}40%{width:30%;margin-left:30%;margin-right:0}60%{width:40%;margin-left:50%;margin-right:0}80%{width:40%;margin-left:70%;margin-right:0}to{width:0;margin-left:100%;margin-right:0}}")]}},{key:"properties",get:function(){return{total:{type:Number,reflect:!0},done:{type:Number,reflect:!0},indeterminate:{type:Boolean,reflect:!0}}}}]),n.prototype.render=function(){return e.html(y(),this.indeterminate,this.doneWidthStyle)},m(n,[{key:"doneWidthStyle",get:function(){if(!this.indeterminate)return"width: "+this.done/this.total*100+"%"}}]),n}(e.TSElement);function x(t,e){for(var o=0;o<e.length;o++){var r=e[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function C(t,e,o){return e&&x(t.prototype,e),o&&x(t,o),t}function L(){var t,e,o=(t=['\n\t\t\t<ts-typography text="','" variant="','" type="','"></ts-typography>\n\t\t'],e||(e=t.slice(0)),t.raw=e,t);return L=function(){return o},o}e.customElementDefineHelper("ts-progress-bar",b);var E=function(t){var o,r;function n(){var e=t.call(this)||this;return e.size=0,e.decimalPoint=2,e.variant="subtitle",e.type="default",e}return r=t,(o=n).prototype=Object.create(r.prototype),o.prototype.constructor=o,o.__proto__=r,C(n,null,[{key:"styles",get:function(){return[e.TSElement.styles,e.unsafeCSS(":host{font-size:14px;font-size:var(--ts-font-size-default)}")]}},{key:"properties",get:function(){return{size:{type:Number},decimalPoint:{type:Number,attribute:"decimal-point"},variant:{type:String},type:{type:String}}}}]),n.prototype.render=function(){return e.html(L(),this.formatFileSize,this.variant,this.type)},C(n,[{key:"formatFileSize",get:function(){var t=this.size,e=this.decimalPoint;if(0===t)return"0 Bytes";var o=Math.floor(Math.log(t)/Math.log(1e3));return parseFloat((t/Math.pow(1e3,o)).toFixed(e))+" "+["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"][o]}}]),n}(e.TSElement);function A(t,e){for(var o=0;o<e.length;o++){var r=e[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function O(){return(O=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r])}return t}).apply(this,arguments)}function S(t,e){return e||(e=t.slice(0)),t.raw=e,t}e.customElementDefineHelper("ts-file-size",E);var k={remove:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4 12a8 8 0 1116.01.01A8 8 0 014 12zm8 1.13l3.03 3.04 1.14-1.14L13.13 12l3.04-3.03-1.14-1.14L12 10.87 8.97 7.83 7.83 8.97 10.87 12l-3.04 3.03 1.14 1.14L12 13.13z"/></svg>\n',download:'<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n <g id="icon/UI-library/download" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n <path d="M12.1590909,17.3636364 C11.9999992,17.3636364 11.8553726,17.2840917 11.7252066,17.125 L7.34297521,11.571281 C7.25619791,11.4555779 7.21280992,11.3615706 7.21280992,11.2892562 C7.21280992,11.1012387 7.35020524,11.0072314 7.625,11.0072314 L10.7272727,11.0072314 L10.7272727,4 L13.5909091,4 L13.5909091,11.0072314 L16.6931818,11.0072314 C16.9679766,11.0072314 17.1053719,11.1012387 17.1053719,11.2892562 C17.1053719,11.3615706 17.0619839,11.4555779 16.9752066,11.571281 L12.5929752,17.125 C12.4772721,17.2840917 12.3326455,17.3636364 12.1590909,17.3636364 Z M18.8409091,17.8409091 C18.971075,17.8409091 19.0831607,17.8879128 19.1771694,17.9819215 C19.2711782,18.0759302 19.3181818,18.1880159 19.3181818,18.3181818 L19.3181818,19.2727273 C19.3181818,19.4028932 19.2711782,19.5149789 19.1771694,19.6089876 C19.0831607,19.7029963 18.971075,19.75 18.8409091,19.75 L5.47727273,19.75 C5.34710679,19.75 5.23502113,19.7029963 5.1410124,19.6089876 C5.04700366,19.5149789 5,19.4028932 5,19.2727273 L5,18.3181818 C5,18.1880159 5.04700366,18.0759302 5.1410124,17.9819215 C5.23502113,17.8879128 5.34710679,17.8409091 5.47727273,17.8409091 L18.8409091,17.8409091 Z" id="Icon" fill="currentColor"></path>\n </g>\n</svg>\n',info:'<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n <g id="icon/UI-library/info" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n <path d="M12,4 C7.6,4 4,7.58095238 4,12 C4,16.4190476 7.6,20 12,20 C16.4190476,20 20,16.4190476 20,12 C20,7.58095238 16.4190476,4 12,4 M13.0285714,6.47619048 C13.352381,6.47619048 13.6,6.60952381 13.7714286,6.8 C13.9428571,6.99047619 14.0190476,7.23809524 14.0190476,7.5047619 C14.0190476,8.19047619 13.4666667,8.81904762 12.7238095,8.81904762 C12.1142857,8.81904762 11.752381,8.38095238 11.752381,7.75238095 C11.752381,7.2 12.1904762,6.4952381 13.0285714,6.47619048 M13.3904762,11.4285714 L12.5142857,15.0095238 C12.4761905,15.1809524 12.4571429,15.3142857 12.4571429,15.3904762 L12.4571429,15.4857143 C12.552381,15.4666667 13.1809524,15.047619 13.5809524,14.6666667 L13.6761905,14.5904762 L14.0190476,15.3142857 L14.0571429,15.3904762 L14,15.447619 C12.8761905,16.6666667 11.5047619,17.4095238 10.9714286,17.4095238 C10.8,17.4095238 10.6095238,17.3714286 10.4761905,17.2190476 C10.3428571,17.0666667 10.2857143,16.8571429 10.2857143,16.5333333 C10.2857143,16.2857143 10.3238095,15.7714286 10.4,15.3904762 L11.2190476,11.9238095 C11.2571429,11.7333333 11.2761905,11.6 11.2761905,11.5238095 C11.1428571,11.5809524 10.5142857,12.0190476 10.2285714,12.2666667 L10.1142857,12.3428571 L9.80952381,11.4857143 L9.86666667,11.4285714 C10.9904762,10.3809524 12.3428571,9.54285714 12.9714286,9.54285714 C13.1428571,9.54285714 13.3142857,9.63809524 13.3904762,9.77142857 C13.4666667,9.92380952 13.5047619,10.1142857 13.5047619,10.3428571 C13.5047619,10.5904762 13.4666667,11.1047619 13.3904762,11.4285714" id="Icon" fill="currentColor"></path>\n </g>\n</svg>\n',ada:'<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n <g id="icon/UI-library/ada" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n <path d="M11.777314,5 L16.3099677,9.5326537 L11.777314,14.0653074 L7.24466028,9.5326537 L11.777314,5 Z M6.5326537,10.2446603 L11.0653074,14.777314 L6.5326537,19.3099677 L2,14.777314 L6.5326537,10.2446603 Z M17.0219743,10.2446603 L21.554628,14.777314 L17.0219743,19.3099677 L12.4893206,14.777314 L17.0219743,10.2446603 Z" id="Icon" fill="currentColor"></path>\n </g>\n</svg>\n',checkmark:'<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n <g id="icon/UI-library/checkmark">\n <polygon id="Icon" fill="currentColor" points="10 14.5857864 17.7928932 6.79289322 19.2071068 8.20710678 10 17.4142136 5.29289322 12.7071068 6.70710678 11.2928932"></polygon>\n </g>\n</svg>\n',search:'<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n <g id="icon/UI-library/search" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n <path d="M15.0317379,13.6175243 L18.7071068,17.2928932 L17.2928932,18.7071068 L13.6175243,15.0317379 C12.7314831,15.642436 11.6574983,16 10.5,16 C7.46243388,16 5,13.5375661 5,10.5 C5,7.46243388 7.46243388,5 10.5,5 C13.5375661,5 16,7.46243388 16,10.5 C16,11.6574983 15.642436,12.7314831 15.0317379,13.6175243 Z M10.5,14 C12.4329966,14 14,12.4329966 14,10.5 C14,8.56700338 12.4329966,7 10.5,7 C8.56700338,7 7,8.56700338 7,10.5 C7,12.4329966 8.56700338,14 10.5,14 Z" id="Icon" fill="currentColor"></path>\n </g>\n</svg>\n',close:'<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n <g id="icon/UI-library/close" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n <path d="M12,13.4142136 L7.70710678,17.7071068 L6.29289322,16.2928932 L10.5857864,12 L6.29289322,7.70710678 L7.70710678,6.29289322 L12,10.5857864 L16.2928932,6.29289322 L17.7071068,7.70710678 L13.4142136,12 L17.7071068,16.2928932 L16.2928932,17.7071068 L12,13.4142136 Z" id="Icon" fill="currentColor"></path>\n </g>\n</svg>\n',settings:'<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M21.223 13.066a.416.416 0 01-.13.304.416.416 0 01-.304.13h-1.562a.762.762 0 00-.488.184.953.953 0 00-.314.445 9.249 9.249 0 01-.434 1.02.832.832 0 00-.087.412c0 .26.072.463.217.607l1.106 1.085c.087.087.13.188.13.304 0 .13-.043.238-.13.325l-1.366 1.345c-.058.087-.16.13-.304.13a.416.416 0 01-.304-.13l-1.085-1.084c-.159-.16-.368-.24-.629-.24a.912.912 0 00-.412.088c-.318.173-.65.318-.998.434a.953.953 0 00-.445.314.762.762 0 00-.184.488v1.562a.416.416 0 01-.13.304.416.416 0 01-.304.13h-1.93a.416.416 0 01-.304-.13.416.416 0 01-.13-.304v-1.562a.762.762 0 00-.185-.488.953.953 0 00-.445-.314 4.747 4.747 0 01-.998-.434.912.912 0 00-.412-.087.823.823 0 00-.607.239l-1.107 1.084a.416.416 0 01-.607 0l-1.367-1.345a.55.55 0 01-.108-.325.52.52 0 01.108-.304l1.107-1.085a.823.823 0 00.238-.607.924.924 0 00-.108-.412 7.832 7.832 0 01-.412-1.02.953.953 0 00-.315-.445.79.79 0 00-.51-.184h-1.54a.416.416 0 01-.304-.13.416.416 0 01-.13-.304v-1.909c0-.116.043-.217.13-.304a.416.416 0 01.304-.13h1.54a.79.79 0 00.51-.184.953.953 0 00.315-.445c.13-.39.267-.73.412-1.02a.963.963 0 00.108-.434.796.796 0 00-.238-.585L4.974 6.948a.52.52 0 01-.108-.303.52.52 0 01.108-.304l1.367-1.345a.416.416 0 01.607 0L8.055 6.08c.159.159.354.238.585.238.145 0 .29-.036.434-.108a8.8 8.8 0 01.998-.412.953.953 0 00.445-.315.79.79 0 00.184-.51v-1.54c0-.116.044-.217.13-.304a.416.416 0 01.304-.13h1.931c.116 0 .217.043.304.13.087.087.13.188.13.304v1.54a.79.79 0 00.184.51.953.953 0 00.445.315c.304.1.636.238.998.412.145.072.29.108.434.108.246 0 .448-.08.607-.238l1.085-1.085a.416.416 0 01.304-.13c.144 0 .246.043.304.13l1.366 1.345a.416.416 0 010 .607l-1.106 1.107c-.145.144-.217.347-.217.607 0 .16.029.297.087.412.115.217.26.557.434 1.02a.953.953 0 00.314.445.762.762 0 00.488.184h1.562c.116 0 .217.044.304.13.087.087.13.188.13.304v1.91zM8.25 12.112c0 .506.098.994.293 1.464.195.47.474.886.835 1.247.752.752 1.663 1.128 2.734 1.128a3.82 3.82 0 002.712-1.128 3.82 3.82 0 00.835-1.247c.195-.47.292-.958.292-1.464A3.82 3.82 0 0014.823 9.4a3.82 3.82 0 00-1.247-.835 3.781 3.781 0 00-1.464-.293c-1.07 0-1.982.376-2.734 1.128a3.82 3.82 0 00-.835 1.247c-.195.47-.293.958-.293 1.465z" fill="#192226" fill-rule="evenodd"/></svg>\n',support:'<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M14.413 3.315A4.808 4.808 0 0116.153 3a4.83 4.83 0 011.857.367c.595.245 1.116.591 1.563 1.039A4.806 4.806 0 0121 7.846c0 .616-.105 1.196-.315 1.741.21.77.315 1.574.315 2.413 0 .84-.105 1.636-.315 2.392.21.56.315 1.146.315 1.762 0 .643-.122 1.259-.367 1.846a4.842 4.842 0 01-1.06 1.573 4.614 4.614 0 01-1.552 1.06 4.806 4.806 0 01-3.608.031A9.198 9.198 0 0112 21a9.198 9.198 0 01-2.413-.336 4.806 4.806 0 01-3.608-.031 4.614 4.614 0 01-1.552-1.06A4.842 4.842 0 013.367 18 4.753 4.753 0 013 16.154c0-.616.105-1.203.315-1.762A8.897 8.897 0 013 12c0-.84.105-1.643.315-2.413A4.808 4.808 0 013 7.847a4.806 4.806 0 011.427-3.441A4.738 4.738 0 015.99 3.367 4.83 4.83 0 017.846 3c.616 0 1.196.105 1.741.315A9.284 9.284 0 0112 3c.825 0 1.63.105 2.413.315zm-6.567.147c-.797 0-1.531.195-2.203.587A4.358 4.358 0 004.05 5.643a4.294 4.294 0 00-.587 2.203c0 .308.035.637.104.986a8.975 8.975 0 012.067-3.2 8.975 8.975 0 013.2-2.066 5.04 5.04 0 00-.987-.104zm7.322.104a8.975 8.975 0 013.2 2.067 8.975 8.975 0 012.066 3.2c.07-.35.104-.68.104-.987 0-.797-.195-1.531-.587-2.203a4.358 4.358 0 00-1.594-1.594 4.294 4.294 0 00-2.203-.587 5.04 5.04 0 00-.986.104zm-6.42.588a8.727 8.727 0 00-2.727 1.825 8.415 8.415 0 00-1.867 2.77l3.356 1.384a4.69 4.69 0 011.07-1.574 5.165 5.165 0 011.574-1.049L8.748 4.154zm5.12 3.356a4.69 4.69 0 011.573 1.07c.447.462.797.98 1.049 1.553l3.356-1.385a8.727 8.727 0 00-1.825-2.727 8.415 8.415 0 00-2.77-1.867L13.868 7.51zM12 7.615c-.797 0-1.531.196-2.203.588a4.358 4.358 0 00-1.594 1.594A4.294 4.294 0 007.615 12c0 .797.196 1.531.588 2.203a4.358 4.358 0 001.594 1.594 4.294 4.294 0 002.203.588c.797 0 1.531-.196 2.203-.588a4.358 4.358 0 001.594-1.594A4.294 4.294 0 0016.385 12c0-.797-.196-1.531-.588-2.203a4.358 4.358 0 00-1.594-1.594A4.294 4.294 0 0012 7.615zm-7.846 7.637a8.727 8.727 0 001.825 2.727 8.415 8.415 0 002.77 1.867l1.405-3.377a4.714 4.714 0 01-1.595-1.06 5.035 5.035 0 01-1.049-1.563l-3.356 1.406zm12.336-1.406a4.983 4.983 0 01-1.08 1.595c-.455.447-.976.79-1.564 1.028l1.406 3.377a8.727 8.727 0 002.727-1.825 8.415 8.415 0 001.867-2.77l-3.356-1.405zM3.462 16.154c0 .797.195 1.531.587 2.203a4.358 4.358 0 001.594 1.594 4.294 4.294 0 002.203.587c.35 0 .678-.041.986-.125a8.808 8.808 0 01-3.189-2.056 9.05 9.05 0 01-2.077-3.19 5.04 5.04 0 00-.104.987zm16.972-.986a9.05 9.05 0 01-2.077 3.189 8.808 8.808 0 01-3.19 2.056 4.294 4.294 0 003.189-.462 4.358 4.358 0 001.595-1.594 4.294 4.294 0 00.587-2.203 5.04 5.04 0 00-.104-.986z" fill="#192226" fill-rule="evenodd"/></svg>\n',alert:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M19.92 18.84l-7.2-14.43c-.28-.55-1.16-.55-1.44 0l-7.2 14.43A.8.8 0 004.8 20h14.4a.8.8 0 00.72-1.16zm-8.86-8.9h1.88v4.82h-1.88V9.95zm.94 7.78a.94.94 0 110-1.89.94.94 0 010 1.89z"/></svg>\n',question:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 20a8 8 0 110-16 8 8 0 010 16zm-1.25-6.13h2.03v-.3c0-.61.24-.9 1.14-1.42.95-.55 1.4-1.22 1.4-2.18 0-1.56-1.29-2.6-3.27-2.6-2.08 0-3.31 1.11-3.33 2.81h2.11c.02-.63.45-1.04 1.08-1.04.6 0 1.04.36 1.04.89 0 .57-.23.84-1.12 1.36-.9.52-1.23 1.11-1.1 2.22l.02.26zm1.05 3.18a1.2 1.2 0 001.23-1.17 1.2 1.2 0 00-1.23-1.16 1.2 1.2 0 00-1.23 1.16c0 .66.55 1.17 1.23 1.17z"/></svg>\n',"check-alt":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12.6972073 4.030925c-4.401322-.3850657-8.2812165 2.8705511-8.6662823 7.2718713-.3850658 4.4013201 2.8705523 8.2812131 7.2718743 8.6662787 4.4013219.3850657 8.2812165-2.8705511 8.6662823-7.2718713.3850658-4.4013201-2.8713493-8.2812828-7.2718743-8.6662787zm-2.0877022 12.4448537l-3.9001718-3.4778711 1.3969989-1.5506586 2.3401031 2.0867226 4.8894961-5.427305 1.5600688 1.3911484-6.2864951 6.9779637z"/></svg>\n',"arrow-up":'<svg\n\twidth="20px"\n\theight="20px"\n\tviewBox="0 0 16 16"\n\tversion="1.1"\n\txmlns="http://www.w3.org/2000/svg"\n\txmlns:xlink="http://www.w3.org/1999/xlink"\n>\n\t<path\n\t\tstroke="none"\n\t\tfill="currentColor"\n\t\td="M8.01904762,16 C6.55872286,16 5.21587914,15.6412734 3.99047619,14.9238095 C2.76507324,14.2063456 1.79365438,13.2349268 1.07619048,12.0095238 C0.358726571,10.7841209 0,9.44127714 0,7.98095238 C0,6.5333261 0.358726571,5.2000061 1.07619048,3.98095238 C1.79365438,2.76189867 2.76507324,1.79365438 3.99047619,1.07619048 C5.21587914,0.358726571 6.55872286,0 8.01904762,0 C9.4666739,0 10.7999939,0.358726571 12.0190476,1.07619048 C13.2381013,1.79365438 14.2063456,2.76189867 14.9238095,3.98095238 C15.6412734,5.2000061 16,6.5333261 16,7.98095238 C16,9.44127714 15.6412734,10.7841209 14.9238095,12.0095238 C14.2063456,13.2349268 13.2381013,14.2063456 12.0190476,14.9238095 C10.7999939,15.6412734 9.4666739,16 8.01904762,16 Z M8.91428571,13.1428571 L8.91428571,6.7047619 L11.7714286,9.61904762 L11.8857143,9.61904762 L13.1047619,8.36190476 C13.1301589,8.36190476 13.1428571,8.35238105 13.1428571,8.33333333 C13.1428571,8.31428562 13.1301589,8.3047619 13.1047619,8.3047619 L9.23809524,4.45714286 L8.91428571,4.11428571 L8.91428571,4.07619048 C8.91428571,4.063492 8.90793657,4.05714286 8.8952381,4.05714286 L8.83809524,4.05714286 L8.01904762,3.2 L7.92380952,3.2 L7.08571429,4.05714286 L6.7047619,4.45714286 L2.85714286,8.3047619 C2.84444438,8.3047619 2.83809524,8.31428562 2.83809524,8.33333333 C2.83809524,8.35238105 2.84444438,8.36190476 2.85714286,8.36190476 L4.07619048,9.61904762 L4.17142857,9.61904762 L7.08571429,6.66666667 L7.08571429,13.1428571 C7.08571429,13.1682541 7.09206343,13.1809524 7.1047619,13.1809524 L8.8952381,13.1809524 C8.90793657,13.1809524 8.91428571,13.1682541 8.91428571,13.1428571 Z"\n\t\tid="Icon"\n\t></path>\n</svg>\n',"arrow-down-short":'<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n\t\t<path d="M7.29289322,10.7071068 C6.66292836,10.0771419 7.10909515,9 8,9 L16,9 C16.8909049,9 17.3370716,10.0771419 16.7071068,10.7071068 L12.7071068,14.7071068 C12.3165825,15.0976311 11.6834175,15.0976311 11.2928932,14.7071068 L7.29289322,10.7071068 Z" fill="currentColor"></path>\n</svg>\n',"arrow-left-skip":'<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n\t<path d="M7,7 L9,7 L9,17 L7,17 L7,7 Z M15.2969027,7.28888371 C15.9268676,6.65891885 17.0040095,7.10508564 17.0040095,7.99599049 L17.0040095,15.9959905 C17.0040095,16.8868953 15.9268676,17.3330621 15.2969027,16.7030973 L11.2969027,12.7030973 C10.9063784,12.312573 10.9063784,11.679408 11.2969027,11.2888837 L15.2969027,7.28888371 Z" fill="currentColor"></path>\n</svg>\n',"arrow-left":'<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n\t<path d="M5.30084531,12.9360446 C4.89971823,12.6208269 4.89971823,12.1097101 5.30084531,11.7947093 L12.4692812,6.16222707 C12.8704083,5.84700943 13.1956055,6.00516047 13.1956055,6.51519253 L13.1956055,10.5180013 L19.969423,10.5180013 L19.969423,14.2127516 L13.1956055,14.2127516 L13.1956055,18.2127403 C13.1956055,18.7334027 12.8704083,18.8852625 12.4692812,18.5598486 L5.30084531,12.9360443 L5.30084531,12.9360446 Z" fill="currentColor"></path>\n</svg>\n',"close-clear":'<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n <g id="icon/close-clear" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n <rect id="placeholder" x="0" y="0" width="24" height="24"></rect>\n <path d="M11.9984707,10.5842571 L16.2898345,6.29289322 C16.6803588,5.90236893 17.3135238,5.90236893 17.7040481,6.29289322 C18.0945724,6.68341751 18.0945724,7.31658249 17.7040481,7.70710678 L13.4126842,11.9984707 L17.7040481,16.2898345 C18.0945724,16.6803588 18.0945724,17.3135238 17.7040481,17.7040481 C17.3135238,18.0945724 16.6803588,18.0945724 16.2898345,17.7040481 L11.9984707,13.4126842 L7.70710678,17.7040481 C7.31658249,18.0945724 6.68341751,18.0945724 6.29289322,17.7040481 C5.90236893,17.3135238 5.90236893,16.6803588 6.29289322,16.2898345 L10.5842571,11.9984707 L6.29289322,7.70710678 C5.90236893,7.31658249 5.90236893,6.68341751 6.29289322,6.29289322 C6.68341751,5.90236893 7.31658249,5.90236893 7.70710678,6.29289322 L11.9984707,10.5842571 Z" id="icon" fill="currentColor"></path>\n </g>\n</svg>\n',"menu-switch":'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M20.355 4a.84.84 0 01.619.25.84.84 0 01.25.618v1.15a.85.85 0 01-.25.607.822.822 0 01-.619.26H3.868a.833.833 0 01-.608-.26.833.833 0 01-.26-.607v-1.15c0-.246.087-.452.26-.619A.85.85 0 013.868 4h16.487zm0 6.14a.84.84 0 01.619.249.84.84 0 01.25.618v1.15a.85.85 0 01-.25.607.822.822 0 01-.619.26H3.868a.833.833 0 01-.608-.26.833.833 0 01-.26-.607v-1.15c0-.246.087-.452.26-.618a.85.85 0 01.608-.25h16.487zm0 6.16a.84.84 0 01.619.25.84.84 0 01.25.618v1.15a.84.84 0 01-.25.618.84.84 0 01-.619.25H3.868a.85.85 0 01-.608-.25.822.822 0 01-.26-.618v-1.15c0-.245.087-.452.26-.618a.85.85 0 01.608-.25h16.487z" fill="currentColor" fill-rule="evenodd"/></svg>\n'};Object.keys(k).forEach((function(t){k[t]=e.html([k[t]])}));var R,I={ICON_WRAPPER:"icon-wrapper",CIRCULAR_BG:"circular-background"},T=(O({},e.helpers.classNamesToSelector(I)),e.constants.colors),_=e.constants.colorModifiers,z={DEFAULT:"default",INVERTED:"inverted",PRIMARY:"primary",DANGER:"danger",ERROR:"error",SUCCESS:"success",ACTIVE:"active",INFO:"info",FOCUS:"focus",WARNING:"warning",DISABLED:"disabled",DISABLED_CHECKED:"disabled-checked",SUGGESTED:"suggested",SLATE_LIGHTEST:"slate-lightest",ACTION:"action"},N=((R={})[z.DEFAULT]=T.SLATE,R[z.INVERTED]=T.WHITE,R[z.DANGER]=T.RED,R[z.ERROR]=T.RED,R[z.SUCCESS]=T.GREEN,R[z.PRIMARY]=T.BLUE,R[z.ACTIVE]=T.BLUE,R[z.INFO]=T.BLUE,R[z.FOCUS]=T.BLUE,R[z.WARNING]=T.ORANGE,R[z.DISABLED]=T.GRAY+_.LIGHTER,R[z.SUGGESTED]=T.PURPLE,R[z.DISABLED_CHECKED]=T.GRAY+_.LIGHT,R[z.SLATE_LIGHTEST]=T.SLATE+_.LIGHTEST,R[z.ACTION]=T.GRAY,R),M="medium";function D(){var t=S(['\t:host([type="','"]) {\n\t\t\t\t\t\t--ts-icon-color: var(--ts-color-',");\n\t\t\t\t}"]);return D=function(){return t},t}function P(){var t=S(['\n\t\t\t<span class="','">\n\t\t\t\t',"\n\t\t\t</span>\n\t\t"]);return P=function(){return t},t}var B=function(t){var o,r,n,i;function a(){var e=t.call(this)||this;return e.size=M,e}return r=t,(o=a).prototype=Object.create(r.prototype),o.prototype.constructor=o,o.__proto__=r,a.prototype.render=function(){return e.html(P(),I.ICON_WRAPPER,k[this.icon])},n=a,i=[{key:"styles",get:function(){var t=Object.keys(z).map((function(t){var o=z[t],r=N[o];return e.css(D(),e.unsafeCSS(o),e.unsafeCSS(r))}));return[e.TSElement.styles,e.unsafeCSS(':host{display:inline-block}:host svg{color:var(--ts-icon-color)}.fill-none{fill:none}:host([size=small]) .icon-wrapper{width:12px;width:var(--ts-fontsize-mini);height:12px;height:var(--ts-fontsize-mini)}:host([size=medium]) .icon-wrapper{width:16px;width:var(--ts-fontsize-medium);height:16px;height:var(--ts-fontsize-medium)}:host([size=large]) .icon-wrapper{width:24px;width:var(--ts-fontsize-xbig);height:24px;height:var(--ts-fontsize-xbig)}:host([size=extra-large]) .icon-wrapper{width:60px;width:var(--ts-unit-triple);height:60px;height:var(--ts-unit-triple)}:host([rotate="90"]) .icon-wrapper{-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host([rotate="180"]) .icon-wrapper{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([rotate="270"]) .icon-wrapper{-webkit-transform:rotate(270deg);transform:rotate(270deg)}:host([flip=h]) .icon-wrapper,:host([flip=horizontal]) .icon-wrapper{-webkit-transform:scaleX(-1);transform:scaleX(-1)}:host([flip=v]) .icon-wrapper,:host([flip=vertical]) .icon-wrapper{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.icon-wrapper{position:relative;display:block;padding-top:100%;width:100%;height:0}svg{position:absolute;top:0;left:0;width:100%;height:100%}:host([type=default]) svg{color:#1f2a2e;color:var(--ts-color-slate)}:host([type=inverted]) svg{color:#fff;color:var(--ts-color-white)}:host([type=primary]) svg{color:#00aeff;color:var(--ts-color-blue)}:host([type=danger]) svg,:host([type=error]) svg{color:#bd0000;color:var(--ts-color-red)}:host([type=success]) svg{color:#50c610;color:var(--ts-color-green)}:host([type=active]) svg,:host([type=focus]) svg,:host([type=info]) svg{color:#00aeff;color:var(--ts-color-blue)}:host([type=warning]) svg{color:#ff8c00;color:var(--ts-color-orange)}:host([type=disabled]) svg{color:#e6ecef;color:var(--ts-color-gray-lighter)}:host([type=disabled-checked]) svg{color:#cbd7dc;color:var(--ts-color-gray-light)}:host([type=suggested]) svg{color:#90129b;color:var(--ts-color-purple)}:host([type=slate-lightest]) svg{color:#506b77;color:var(--ts-color-slate-lightest)}:host([type=action]) svg{color:#9ab2bc;color:var(--ts-color-gray)}:host([circular]){border-radius:50%;background-color:var(--ts-icon-color)}:host([circular]) svg{color:#fff;color:var(--ts-color-white)}')].concat(t)}},{key:"properties",get:function(){return{icon:{type:String,reflect:!0},size:{type:String,reflect:!0},type:{type:String,reflect:!0},circular:{type:Boolean,reflect:!0},rotate:{type:Number,reflect:!0},flip:{type:String,reflect:!0}}}}],null&&A(n.prototype,null),i&&A(n,i),a}(e.TSElement);e.customElementDefineHelper("ts-icon",B);var F={FILE_CARD_WRAPPER:"file-card-wrapper",ACTION_ICON_WRAPPER:"action-icon-wrapper",ACTION_ICON:"action-icon",REMOVE_ACTION:"remove-action",REMOVE_ACTION_HOVERED:"remove-action-hovered",REMOVE_ACTION_MESSAGE:"remove-action-message",DOWNLOAD_ACTION:"download-action",DOWNLOAD_ACTION_HOVERED:"download-action-hovered",DOWNLOAD_ACTION_MESSAGE:"download-action-message",TEXT_CONTENT:"content",FILE_ICON_WRAPPER:"file-icon-wrapper",FILE_ICON:"file-icon",FILE_INFORMATION:"file-information",ERROR_MESSAGE:"error-message",PROGRESS_BAR:"progress-bar"},H=r({},e.helpers.classNamesToSelector(F)),j="remove-action-text",U="download-action-text",G="remove",W="download",V="download",Z="failed",q="uploading",Y="full",X=r({},e.constants.messages);function K(){var t=i(['\n\t\t\t<ts-typography class="','" type="action" variant="subtitle">\n\t\t\t\t<slot name="','">','</slot>\n\t\t\t</ts-typography>\n\t\t\t<ts-typography class="','" type="action" variant="subtitle">\n\t\t\t\t<slot name="','">',"</slot>\n\t\t\t</ts-typography>\n\t\t"]);return K=function(){return t},t}function J(){var t=i([""]);return J=function(){return t},t}function Q(){var t=i(['\n\t\t\t\t<ts-file-size size="','"></ts-file-size>\n\t\t\t\t<ts-typography text="|" variant="subtitle"></ts-typography>\n\t\t\t']);return Q=function(){return t},t}function $(){var t=i(['\n\t\t\t\t<div class="','">\n\t\t\t\t\t','\n\t\t\t\t\t<ts-typography variant="subtitle">\n\t\t\t\t\t\t',"\n\t\t\t\t\t</ts-typography>\n\t\t\t\t</div>\n\t\t\t"]);return $=function(){return t},t}function tt(){var t=i(['\n\t\t\t<div>\n\t\t\t\t<span class="'," ",'">\n\t\t\t\t\t<ts-icon class="','" icon="remove"></ts-icon>\n\t\t\t\t</span>\n\t\t\t\t<span class="'," ",'">\n\t\t\t\t\t<ts-icon class="','" icon="download"></ts-icon>\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t']);return tt=function(){return t},t}function et(){var t=i(['\n\t\t\t\t<ts-progress-bar class="','" indeterminate></ts-progress-bar>\n\t\t\t']);return et=function(){return t},t}function ot(){var t=i(['\n\t\t\t<span class="','">\n\t\t\t\t',"\n\t\t\t</span>\n\t\t"]);return ot=function(){return t},t}function rt(){var t=i(['\n\t\t\t\t<ts-typography class="','" type="error" variant="subtitle" no-wrap\n\t\t\t\t\t>',"</ts-typography\n\t\t\t\t>\n\t\t\t"]);return rt=function(){return t},t}function nt(){var t=i(['\n\t\t\t<div ?data-removable="','" class="'," state-",'">\n\t\t\t\t<ts-card type="','" orientation="horizontal" ?rtl="','" size="','">\n\t\t\t\t\t','\n\t\t\t\t\t<div class="content">\n\t\t\t\t\t\t<ts-typography text="','" class="file-name" variant="title" no-wrap></ts-typography>\n\t\t\t\t\t\t'," "," "," ","\n\t\t\t\t\t</div>\n\t\t\t\t\t","\n\t\t\t\t</ts-card>\n\t\t\t</div>\n\t\t"]);return nt=function(){return t},t}var it=function(t){var r,i;function a(){var e=t.call(this)||this;return e.state=q,e.size=Y,e.removable=!1,e.toggleRemoveActionHoverState=e.toggleRemoveActionHoverState.bind(n(e)),e.toggleDownloadActionHoverState=e.toggleDownloadActionHoverState.bind(n(e)),e.removeFile=e.removeFile.bind(n(e)),e.downloadFile=e.downloadFile.bind(n(e)),e}i=t,(r=a).prototype=Object.create(i.prototype),r.prototype.constructor=r,r.__proto__=i;var s,l,c,d=a.prototype;return d.render=function(){return e.html(nt(),this.removable,F.FILE_CARD_WRAPPER,this.state,this.cardType,this.rtl,this.size,this.fileIcon,this.fileObject.name,this.progressBar,this.fileInformation,this.errorMessages,this.actionMessage,this.actionIcons)},d.firstUpdated=function(){this.handleRemoveActionEvents(),this.handleDownloadActionEvents()},d.removeFile=function(){if(this.removable){var t=new CustomEvent(G,{detail:{file:this.fileObject},bubbles:!0,composed:!0});this.dispatchEvent(t)}},d.downloadFile=function(){if(this.state===V){var t=new CustomEvent(W,{detail:{file:this.fileObject},bubbles:!0,composed:!0});this.dispatchEvent(t)}},d.toggleRemoveActionHoverState=function(){this.shadowRoot.querySelector(H.FILE_CARD_WRAPPER).classList.toggle(F.REMOVE_ACTION_HOVERED)},d.toggleDownloadActionHoverState=function(){this.shadowRoot.querySelector(H.FILE_CARD_WRAPPER).classList.toggle(F.DOWNLOAD_ACTION_HOVERED)},d.handleRemoveActionEvents=function(){this.shadowRoot.querySelector(H.REMOVE_ACTION).addEventListener("mouseenter",this.toggleRemoveActionHoverState,!1),this.shadowRoot.querySelector(H.REMOVE_ACTION).addEventListener("mouseleave",this.toggleRemoveActionHoverState,!1),this.shadowRoot.querySelector(H.REMOVE_ACTION).addEventListener("click",this.removeFile)},d.handleDownloadActionEvents=function(){var t=this;[H.TEXT_CONTENT,H.FILE_ICON_WRAPPER,H.DOWNLOAD_ACTION].forEach((function(e){t.shadowRoot.querySelector(e).addEventListener("mouseenter",t.toggleDownloadActionHoverState,!1),t.shadowRoot.querySelector(e).addEventListener("mouseleave",t.toggleDownloadActionHoverState,!1),t.shadowRoot.querySelector(e).addEventListener("click",t.downloadFile)}),this)},s=a,c=[{key:"styles",get:function(){return[e.TSElement.styles,e.unsafeCSS(":host{display:block;margin-bottom:10px;margin-bottom:var(--ts-unit-half);width:100%}.file-icon-wrapper{position:relative;height:40px;height:var(--ts-unit-double);width:30px;width:var(--ts-unit-plus)}.file-icon-wrapper .file-icon{width:100%;height:100%}.action-icon{margin-top:5px;margin-top:var(--ts-unit-quarter)}.file-icon-wrapper #outline{fill:#fff;fill:var(--ts-color-white);stroke:#829fab;stroke:var(--ts-color-gray-dark)}.file-icon-wrapper #fold{fill:#829fab;fill:var(--ts-color-gray-dark)}.file-name{font-weight:700}.action-icon{color:#506b77;color:var(--ts-color-slate-lightest)}.content,.download-action,.file-icon-wrapper,.remove-action{cursor:pointer}.state-failed .content,.state-failed .file-icon-wrapper,.state-uploading .content,.state-uploading .file-icon-wrapper{cursor:default}.content{position:relative;display:flex;flex-direction:column;justify-content:center;flex-grow:2;max-width:calc(100% - 55px);width:calc(100% - 55px);padding:0 10px;padding:0 var(--ts-unit-half)}.download-action-message,.remove-action-message{color:#00aeff;color:var(--ts-color-blue);display:none}.download-action-hovered .error-message,.download-action-hovered .file-information,.download-action-hovered .progress-bar,.download-action-hovered.state-failed .download-action-message,.download-action-hovered.state-uploading .download-action-message,.remove-action-hovered .error-message,.remove-action-hovered .file-information,.remove-action-hovered .progress-bar{display:none}.download-action-hovered.state-failed .error-message,.download-action-hovered.state-failed .file-information,.download-action-hovered.state-failed .progress-bar,.download-action-hovered.state-uploading .error-message,.download-action-hovered.state-uploading .file-information,.download-action-hovered.state-uploading .progress-bar{display:inline;display:initial}.download-action-hovered .download-action-message,.remove-action-hovered .remove-action-message{display:block}.download-action-hovered .download-action .action-icon,.remove-action-hovered .remove-action .action-icon{color:#00aeff;color:var(--ts-color-blue)}.progress-bar{--ts-progress-bar-margin:calc(var(--ts-unit)/2 - var(--ts-progress-bar-height)/2);margin:var(--ts-progress-bar-margin) 0}.action-icon-wrapper{display:none}.state-download .download-action,.state-download[data-removable] .remove-action,.state-failed .remove-action,.state-uploading .remove-action{display:block}.state-download[data-removable] .download-action{display:none}.file-information{display:flex}")]}},{key:"properties",get:function(){return{state:{type:String,reflect:!0},fileObject:{type:Object,attribute:"file-object"},rtl:{type:Boolean,reflect:!0},removable:{type:Boolean,reflect:!0},size:{type:String,reflect:!0},errorMessage:{type:String,reflect:!0,attribute:"error-message"}}}}],(l=[{key:"cardType",get:function(){var t;return((t={})[q]="focus",t[V]="default",t[Z]="failed",t)[this.state]}},{key:"errorMessages",get:function(){if("failed"===this.state){var t=this.errorMessage;return e.html(rt(),F.ERROR_MESSAGE,t)}}},{key:"fileIcon",get:function(){return e.html(ot(),F.FILE_ICON_WRAPPER,e.html(['<svg\n\tclass="file-icon"\n\twidth="32px"\n\theight="42px"\n\tviewBox="0 0 32 42"\n\tversion="1.1"\n\txmlns="http://www.w3.org/2000/svg"\n\txmlns:xlink="http://www.w3.org/1999/xlink"\n>\n\t<g id="Symbols" stroke-width="1">\n\t\t<g id="card/5.-File-card/mouseover" transform="translate(-9.000000, -9.000000)">\n\t\t\t<g id="5.-File-card">\n\t\t\t\t<g id="File-icon" transform="translate(10.000000, 10.000000)">\n\t\t\t\t\t<path\n\t\t\t\t\t\td="M19.5667631,-0.5 L29.5322581,9.79767818 L29.5322581,38.0952381 C29.5322581,39.3654698 28.5111819,40.5 27.3244782,40.5 L1.70777989,40.5 C0.521076133,40.5 -0.5,39.3654698 -0.5,38.0952381 L-0.5,1.9047619 C-0.5,0.634530207 0.521076133,-0.5 1.70777989,-0.5 L19.5667631,-0.5 Z"\n\t\t\t\t\t\tclass="stroke-a fill-none"\n\t\t\t\t\t\tid="outline"\n\t\t\t\t\t></path>\n\t\t\t\t\t<path\n\t\t\t\t\t\td="M19.3548387,0 L29.9943074,11 L21.3186802,11 C20.2340805,11 19.3548387,10.0430649 19.3548387,8.8660465 L19.3548387,0 L19.3548387,0 Z"\n\t\t\t\t\t\tclass="fill-a"\n\t\t\t\t\t\tid="fold"\n\t\t\t\t\t></path>\n\t\t\t\t</g>\n\t\t\t</g>\n\t\t</g>\n\t</g>\n</svg>\n']))}},{key:"progressBar",get:function(){if(this.state===q)return e.html(et(),F.PROGRESS_BAR)}},{key:"actionIcons",get:function(){return e.html(tt(),F.REMOVE_ACTION,F.ACTION_ICON_WRAPPER,F.ACTION_ICON,F.DOWNLOAD_ACTION,F.ACTION_ICON_WRAPPER,F.ACTION_ICON)}},{key:"fileInformation",get:function(){if(this.state===V){var t=this.fileObject.name.split(".").pop().toUpperCase();return e.html($(),F.FILE_INFORMATION,this.fileSize,t+" Document")}}},{key:"fileSize",get:function(){return this.fileObject.size?e.html(Q(),this.fileObject.size):e.html(J())}},{key:"actionMessage",get:function(){return e.html(K(),F.REMOVE_ACTION_MESSAGE,j,X.GENERAL.REMOVE,F.DOWNLOAD_ACTION_MESSAGE,U,X.GENERAL.DOWNLOAD)}}])&&o(s.prototype,l),c&&o(s,c),a}(e.TSElement);e.customElementDefineHelper("ts-file-card",it),t.TSFileCard=it,Object.defineProperty(t,"__esModule",{value:!0})})); |
| { | ||
| "name": "@tradeshift/elements.file-card", | ||
| "version": "0.18.1", | ||
| "version": "0.18.2", | ||
| "src": "src/file-card.js", | ||
@@ -14,8 +14,8 @@ "main": "lib/file-card.umd.js", | ||
| "dependencies": { | ||
| "@tradeshift/elements": "^0.18.1", | ||
| "@tradeshift/elements.card": "^0.18.1", | ||
| "@tradeshift/elements.file-size": "^0.18.1", | ||
| "@tradeshift/elements.icon": "^0.18.1", | ||
| "@tradeshift/elements.progress-bar": "^0.18.1", | ||
| "@tradeshift/elements.typography": "^0.18.1" | ||
| "@tradeshift/elements": "^0.18.2", | ||
| "@tradeshift/elements.card": "^0.18.2", | ||
| "@tradeshift/elements.file-size": "^0.18.2", | ||
| "@tradeshift/elements.icon": "^0.18.2", | ||
| "@tradeshift/elements.progress-bar": "^0.18.2", | ||
| "@tradeshift/elements.typography": "^0.18.2" | ||
| }, | ||
@@ -27,3 +27,3 @@ "repository": { | ||
| }, | ||
| "gitHead": "7e01c1ecc90deaa3cf90e05f4bec7af20c937ae1" | ||
| "gitHead": "c4e4b36394bb982cb9470e94760a1ac8fb699948" | ||
| } |
Sorry, the diff of this file is not supported yet
New alerts
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Fixed alerts
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by52.38%
128455
- Lines of code
- increased by0.85%
236
Worsened metrics
- Number of medium supply chain risk alerts
- increased byInfinity%
1