New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@tradeshift/elements.file-card

Package Overview
Dependencies
Maintainers
6
Versions
99
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@tradeshift/elements.file-card - npm Package Compare versions

Comparing version 0.2.8-alpha.0 to 0.2.8

813

lib/file-card.cjs.js

@@ -1,812 +0,1 @@

'use strict';
var elements = require('@tradeshift/elements');
function _taggedTemplateLiteralLoose(strings, raw) {
if (!raw) {
raw = strings.slice(0);
}
strings.raw = raw;
return strings;
}
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('@tradeshift/elements')) : typeof define === 'function' && define.amd ? define(['@tradeshift/elements'], factory) : (global = global || self, factory(global.ts.elements));
})(undefined, function (elements) {
function _defineProperties(target, props) {
for (var i = 0; i < props.length; i++) {
var descriptor = props[i];
descriptor.enumerable = descriptor.enumerable || false;
descriptor.configurable = true;
if ("value" in descriptor) descriptor.writable = true;
Object.defineProperty(target, descriptor.key, descriptor);
}
}
function _createClass(Constructor, protoProps, staticProps) {
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
if (staticProps) _defineProperties(Constructor, staticProps);
return Constructor;
}
function _inheritsLoose(subClass, superClass) {
subClass.prototype = Object.create(superClass.prototype);
subClass.prototype.constructor = subClass;
subClass.__proto__ = superClass;
}
function _taggedTemplateLiteralLoose(strings, raw) {
if (!raw) {
raw = strings.slice(0);
}
strings.raw = raw;
return strings;
}
var css = "/* General........................................................ */\n\n:host {\n\tdisplay: block;\n}\n\n:host [data-variant='default'] {\n\tfont-size: 14px;\n\tfont-size: var(--ts-fontsize);\n}\n\n:host [data-variant='title'] {\n\tfont-size: 16px;\n\tfont-size: var(--ts-fontsize-medium);\n\tfont-weight: 600;\n\tfont-weight: var(--ts-fontweight-semibold);\n}\n\n:host [data-variant='subtitle'] {\n\tfont-size: 12px;\n\tfont-size: var(--ts-fontsize-mini);\n\tcolor: rgb(80, 107, 119);\n\tcolor: var(--ts-color-slate-lightest);\n}\n\n:host [data-no-wrap] {\n\tposition: relative;\n\tmax-width: 100%;\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n}\n\n:host [data-color='default'] {\n\tcolor: rgb(15, 21, 26);\n\tcolor: var(--ts-color-black);\n}\n\n:host [data-color='warning'] {\n\tcolor: rgb(255, 140, 0);\n\tcolor: var(--ts-color-orange);\n}\n\n:host [data-color='error'],\n:host [data-color='danger'] {\n\tcolor: rgb(189, 0, 0);\n\tcolor: var(--ts-color-red);\n}\n\n:host [data-color='primary'],\n:host [data-color='action'] {\n\tcolor: rgb(0, 174, 255);\n\tcolor: var(--ts-color-blue);\n}\n\n:host [data-color='success'] {\n\tcolor: rgb(80, 198, 16);\n\tcolor: var(--ts-color-green);\n}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInR5cG9ncmFwaHkuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG9FQUFvRTs7QUFFcEU7Q0FDQyxjQUFjO0FBQ2Y7O0FBRUE7Q0FDQyxlQUE2QjtDQUE3Qiw2QkFBNkI7QUFDOUI7O0FBRUE7Q0FDQyxlQUFvQztDQUFwQyxvQ0FBb0M7Q0FDcEMsZ0JBQTBDO0NBQTFDLDBDQUEwQztBQUMzQzs7QUFFQTtDQUNDLGVBQWtDO0NBQWxDLGtDQUFrQztDQUNsQyx3QkFBcUM7Q0FBckMscUNBQXFDO0FBQ3RDOztBQUVBO0NBQ0Msa0JBQWtCO0NBQ2xCLGVBQWU7Q0FDZixtQkFBbUI7Q0FDbkIsZ0JBQWdCO0NBQ2hCLHVCQUF1QjtBQUN4Qjs7QUFFQTtDQUNDLHNCQUE0QjtDQUE1Qiw0QkFBNEI7QUFDN0I7O0FBRUE7Q0FDQyx1QkFBNkI7Q0FBN0IsNkJBQTZCO0FBQzlCOztBQUVBOztDQUVDLHFCQUEwQjtDQUExQiwwQkFBMEI7QUFDM0I7O0FBRUE7O0NBRUMsdUJBQTJCO0NBQTNCLDJCQUEyQjtBQUM1Qjs7QUFFQTtDQUNDLHVCQUE0QjtDQUE1Qiw0QkFBNEI7QUFDN0IiLCJmaWxlIjoidHlwb2dyYXBoeS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBHZW5lcmFsLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4gKi9cblxuOmhvc3Qge1xuXHRkaXNwbGF5OiBibG9jaztcbn1cblxuOmhvc3QgW2RhdGEtdmFyaWFudD0nZGVmYXVsdCddIHtcblx0Zm9udC1zaXplOiB2YXIoLS10cy1mb250c2l6ZSk7XG59XG5cbjpob3N0IFtkYXRhLXZhcmlhbnQ9J3RpdGxlJ10ge1xuXHRmb250LXNpemU6IHZhcigtLXRzLWZvbnRzaXplLW1lZGl1bSk7XG5cdGZvbnQtd2VpZ2h0OiB2YXIoLS10cy1mb250d2VpZ2h0LXNlbWlib2xkKTtcbn1cblxuOmhvc3QgW2RhdGEtdmFyaWFudD0nc3VidGl0bGUnXSB7XG5cdGZvbnQtc2l6ZTogdmFyKC0tdHMtZm9udHNpemUtbWluaSk7XG5cdGNvbG9yOiB2YXIoLS10cy1jb2xvci1zbGF0ZS1saWdodGVzdCk7XG59XG5cbjpob3N0IFtkYXRhLW5vLXdyYXBdIHtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRtYXgtd2lkdGg6IDEwMCU7XG5cdHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xufVxuXG46aG9zdCBbZGF0YS1jb2xvcj0nZGVmYXVsdCddIHtcblx0Y29sb3I6IHZhcigtLXRzLWNvbG9yLWJsYWNrKTtcbn1cblxuOmhvc3QgW2RhdGEtY29sb3I9J3dhcm5pbmcnXSB7XG5cdGNvbG9yOiB2YXIoLS10cy1jb2xvci1vcmFuZ2UpO1xufVxuXG46aG9zdCBbZGF0YS1jb2xvcj0nZXJyb3InXSxcbjpob3N0IFtkYXRhLWNvbG9yPSdkYW5nZXInXSB7XG5cdGNvbG9yOiB2YXIoLS10cy1jb2xvci1yZWQpO1xufVxuXG46aG9zdCBbZGF0YS1jb2xvcj0ncHJpbWFyeSddLFxuOmhvc3QgW2RhdGEtY29sb3I9J2FjdGlvbiddIHtcblx0Y29sb3I6IHZhcigtLXRzLWNvbG9yLWJsdWUpO1xufVxuXG46aG9zdCBbZGF0YS1jb2xvcj0nc3VjY2VzcyddIHtcblx0Y29sb3I6IHZhcigtLXRzLWNvbG9yLWdyZWVuKTtcbn1cbiJdfQ== */";
function _templateObject() {
var data = _taggedTemplateLiteralLoose(["\n\t\t\t\t<div\n\t\t\t\t\ttitle=\"", "\"\n\t\t\t\t\tclass=\"", "\"\n\t\t\t\t\tdata-color=\"", "\"\n\t\t\t\t\tdata-variant=\"", "\"\n\t\t\t\t\t?data-no-wrap=\"", "\"\n\t\t\t\t>\n\t\t\t\t\t", "\n\t\t\t\t</div>\n\t\t\t"]);
_templateObject = function _templateObject() {
return data;
};
return data;
}
elements.customElementDefineHelper('ts-typography',
/*#__PURE__*/
function (_TSElement) {
_inheritsLoose(_class, _TSElement);
function _class() {
var _this;
_this = _TSElement.call(this) || this;
_this.text = '';
_this.color = 'default';
_this.variant = 'default';
_this.inline = false;
_this.noWrap = false;
return _this;
}
var _proto = _class.prototype;
_proto.render = function render() {
return elements.html(_templateObject(), this.text, this.classNames, this.color, this.variant, this.noWrap, this.text);
};
_createClass(_class, null, [{
key: "styles",
get: function get() {
return [elements.TSElement.styles, elements.unsafeCSS(css)];
}
}, {
key: "properties",
get: function get() {
return {
text: {
type: String,
reflect: true
},
variant: {
type: String,
reflect: true
},
color: {
type: String,
reflect: true
},
inline: {
type: Boolean,
reflect: true
},
classNames: {
type: String,
reflect: true,
attribute: 'class-names'
},
noWrap: {
type: Boolean,
reflect: true,
attribute: 'no-wrap'
}
};
}
}]);
return _class;
}(elements.TSElement));
});
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('@tradeshift/elements')) : typeof define === 'function' && define.amd ? define(['@tradeshift/elements'], factory) : (global = global || self, factory(global.ts.elements));
})(undefined, function (elements) {
function _defineProperties(target, props) {
for (var i = 0; i < props.length; i++) {
var descriptor = props[i];
descriptor.enumerable = descriptor.enumerable || false;
descriptor.configurable = true;
if ("value" in descriptor) descriptor.writable = true;
Object.defineProperty(target, descriptor.key, descriptor);
}
}
function _createClass(Constructor, protoProps, staticProps) {
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
if (staticProps) _defineProperties(Constructor, staticProps);
return Constructor;
}
function _inheritsLoose(subClass, superClass) {
subClass.prototype = Object.create(superClass.prototype);
subClass.prototype.constructor = subClass;
subClass.__proto__ = superClass;
}
function _taggedTemplateLiteralLoose(strings, raw) {
if (!raw) {
raw = strings.slice(0);
}
strings.raw = raw;
return strings;
}
var css = "/* General........................................................ */\n\n:host {\n\twidth: 100%;\n}\n\n.card {\n\twidth: 100%;\n\tposition: relative;\n\tborder-radius: 3px;\n\tborder-radius: var(--ts-radius);\n\tborder: 1px solid\n\t\trgb(203, 215, 220);\n\tborder: var(--ts-border);\n\tmargin-bottom: calc(0.5 * 20px);\n\tmargin-bottom: var(--ts-unit-half);\n\toverflow: hidden;\n\tpadding: calc(0.25 * 20px) calc(0.5 * 20px);\n\tpadding: var(--ts-unit-quarter) var(--ts-unit-half);\n\tbackground-color: rgb(255, 255, 255);\n\tbackground-color: var(--ts-color-white);\n\ttransition: box-shadow 0.1s,\n\t\tborder-color 0.1s;\n\ttransition: box-shadow var(--ts-transition-now),\n\t\tborder-color var(--ts-transition-now)\n}\n\n.card:hover {\n\t\tborder-color: rgb(0, 174, 255);\n\t\tborder-color: var(--ts-color-blue);\n\t\tbox-shadow: 0 0 0 1px rgb(173, 229, 255);\n\t\tbox-shadow: 0 0 0 1px var(--ts-color-blue-lighter);\n\t}\n\n.card[data-no-horizontal-padding] {\n\t\tpadding-left: 0;\n\t\tpadding-right: 0;\n\t}\n\n.card[data-no-vertical-padding] {\n\t\tpadding-top: 0;\n\t\tpadding-bottom: 0;\n\t}\n\n.card[data-no-padding] {\n\t\tpadding: 0;\n\t}\n\n.card {\n\n\t/* types */\n}\n\n.card[data-type='error'],\n\t.card[data-type='failed'],\n\t.card[data-type='danger'] {\n\t\tborder: 1px solid\n\t\trgb(189, 0, 0);\n\t\tborder: var(--ts-border-error)\n\t}\n\n.card[data-type='error']:hover, .card[data-type='failed']:hover, .card[data-type='danger']:hover {\n\t\t\tbox-shadow: 0 0 0 1px rgb(234, 174, 174);\n\t\t\tbox-shadow: 0 0 0 1px var(--ts-color-red-lighter);\n\t\t}\n\n.card[data-type='success'] {\n\t\tborder: 1px solid\n\t\trgb(80, 198, 16);\n\t\tborder: var(--ts-border-success)\n\t}\n\n.card[data-type='success']:hover {\n\t\t\tbox-shadow: 0 0 0 1px rgb(198, 236, 177);\n\t\t\tbox-shadow: 0 0 0 1px var(--ts-color-green-lighter);\n\t\t}\n\n.card[data-type='focus'],\n\t.card[data-type='active'],\n\t.card[data-type='primary'] {\n\t\tborder: 1px solid\n\t\trgb(0, 174, 255);\n\t\tborder: var(--ts-border-focus)\n\t}\n\n.card[data-type='focus']:hover, .card[data-type='active']:hover, .card[data-type='primary']:hover {\n\t\t\tbox-shadow: 0 0 0 1px rgb(173, 229, 255);\n\t\t\tbox-shadow: 0 0 0 1px var(--ts-color-blue-lighter);\n\t\t}\n\n.card {\n\n\t/* orientations */\n}\n\n.card[data-orientation='horizontal'],\n\t.card[data-orientation='h'] {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t}\n\n.card[data-orientation='vertical'],\n\t.card[data-orientation='v'] {\n\t\tflex-direction: column;\n\t\talign-items: flex-start;\n\t}\n\n.card[data-size='small'] {\n\t\twidth: 280px;\n\t\twidth: var(--ts-box-width-small);\n\t}\n\n.card[data-size='medium'] {\n\t\twidth: 360px;\n\t\twidth: var(--ts-box-width-medium);\n\t}\n\n.card[data-rtl] {\n\t\tdirection: rtl;\n\t}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNhcmQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG9FQUFvRTs7QUFFcEU7Q0FDQyxXQUFXO0FBQ1o7O0FBRUE7Q0FDQyxXQUFXO0NBQ1gsa0JBQWtCO0NBQ2xCLGtCQUErQjtDQUEvQiwrQkFBK0I7Q0FDL0I7b0JBQXdCO0NBQXhCLHdCQUF3QjtDQUN4QiwrQkFBa0M7Q0FBbEMsa0NBQWtDO0NBQ2xDLGdCQUFnQjtDQUNoQiwyQ0FBbUQ7Q0FBbkQsbURBQW1EO0NBQ25ELG9DQUF1QztDQUF2Qyx1Q0FBdUM7Q0FDdkM7bUJBQ3NDO0NBRHRDOztBQTRFRDs7QUF6RUM7RUFDQyw4QkFBa0M7RUFBbEMsa0NBQWtDO0VBQ2xDLHdDQUFrRDtFQUFsRCxrREFBa0Q7Q0FDbkQ7O0FBRUE7RUFDQyxlQUFlO0VBQ2YsZ0JBQWdCO0NBQ2pCOztBQUVBO0VBQ0MsY0FBYztFQUNkLGlCQUFpQjtDQUNsQjs7QUFFQTtFQUNDLFVBQVU7Q0FDWDs7QUE3QkQ7O0NBK0JDLFVBQVU7QUFzRFg7O0FBckRDOzs7RUFHQztnQkFBOEI7RUFBOUI7Q0FLRDs7QUFIQztHQUNDLHdDQUFpRDtHQUFqRCxpREFBaUQ7RUFDbEQ7O0FBR0Q7RUFDQztrQkFBZ0M7RUFBaEM7Q0FLRDs7QUFIQztHQUNDLHdDQUFtRDtHQUFuRCxtREFBbUQ7RUFDcEQ7O0FBR0Q7OztFQUdDO2tCQUE4QjtFQUE5QjtDQUtEOztBQUhDO0dBQ0Msd0NBQWtEO0dBQWxELGtEQUFrRDtFQUNuRDs7QUF6REY7O0NBNERDLGlCQUFpQjtBQXlCbEI7O0FBeEJDOztFQUVDLGFBQWE7RUFDYixtQkFBbUI7RUFDbkIsOEJBQThCO0NBQy9COztBQUVBOztFQUVDLHNCQUFzQjtFQUN0Qix1QkFBdUI7Q0FDeEI7O0FBRUE7RUFDQyxZQUFnQztFQUFoQyxnQ0FBZ0M7Q0FDakM7O0FBRUE7RUFDQyxZQUFpQztFQUFqQyxpQ0FBaUM7Q0FDbEM7O0FBRUE7RUFDQyxjQUFjO0NBQ2YiLCJmaWxlIjoiY2FyZC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBHZW5lcmFsLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4gKi9cblxuOmhvc3Qge1xuXHR3aWR0aDogMTAwJTtcbn1cblxuLmNhcmQge1xuXHR3aWR0aDogMTAwJTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRib3JkZXItcmFkaXVzOiB2YXIoLS10cy1yYWRpdXMpO1xuXHRib3JkZXI6IHZhcigtLXRzLWJvcmRlcik7XG5cdG1hcmdpbi1ib3R0b206IHZhcigtLXRzLXVuaXQtaGFsZik7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHBhZGRpbmc6IHZhcigtLXRzLXVuaXQtcXVhcnRlcikgdmFyKC0tdHMtdW5pdC1oYWxmKTtcblx0YmFja2dyb3VuZC1jb2xvcjogdmFyKC0tdHMtY29sb3Itd2hpdGUpO1xuXHR0cmFuc2l0aW9uOiBib3gtc2hhZG93IHZhcigtLXRzLXRyYW5zaXRpb24tbm93KSxcblx0XHRib3JkZXItY29sb3IgdmFyKC0tdHMtdHJhbnNpdGlvbi1ub3cpO1xuXG5cdCY6aG92ZXIge1xuXHRcdGJvcmRlci1jb2xvcjogdmFyKC0tdHMtY29sb3ItYmx1ZSk7XG5cdFx0Ym94LXNoYWRvdzogMCAwIDAgMXB4IHZhcigtLXRzLWNvbG9yLWJsdWUtbGlnaHRlcik7XG5cdH1cblxuXHQmW2RhdGEtbm8taG9yaXpvbnRhbC1wYWRkaW5nXSB7XG5cdFx0cGFkZGluZy1sZWZ0OiAwO1xuXHRcdHBhZGRpbmctcmlnaHQ6IDA7XG5cdH1cblxuXHQmW2RhdGEtbm8tdmVydGljYWwtcGFkZGluZ10ge1xuXHRcdHBhZGRpbmctdG9wOiAwO1xuXHRcdHBhZGRpbmctYm90dG9tOiAwO1xuXHR9XG5cblx0JltkYXRhLW5vLXBhZGRpbmddIHtcblx0XHRwYWRkaW5nOiAwO1xuXHR9XG5cblx0LyogdHlwZXMgKi9cblx0JltkYXRhLXR5cGU9J2Vycm9yJ10sXG5cdCZbZGF0YS10eXBlPSdmYWlsZWQnXSxcblx0JltkYXRhLXR5cGU9J2RhbmdlciddIHtcblx0XHRib3JkZXI6IHZhcigtLXRzLWJvcmRlci1lcnJvcik7XG5cblx0XHQmOmhvdmVyIHtcblx0XHRcdGJveC1zaGFkb3c6IDAgMCAwIDFweCB2YXIoLS10cy1jb2xvci1yZWQtbGlnaHRlcik7XG5cdFx0fVxuXHR9XG5cblx0JltkYXRhLXR5cGU9J3N1Y2Nlc3MnXSB7XG5cdFx0Ym9yZGVyOiB2YXIoLS10cy1ib3JkZXItc3VjY2Vzcyk7XG5cblx0XHQmOmhvdmVyIHtcblx0XHRcdGJveC1zaGFkb3c6IDAgMCAwIDFweCB2YXIoLS10cy1jb2xvci1ncmVlbi1saWdodGVyKTtcblx0XHR9XG5cdH1cblxuXHQmW2RhdGEtdHlwZT0nZm9jdXMnXSxcblx0JltkYXRhLXR5cGU9J2FjdGl2ZSddLFxuXHQmW2RhdGEtdHlwZT0ncHJpbWFyeSddIHtcblx0XHRib3JkZXI6IHZhcigtLXRzLWJvcmRlci1mb2N1cyk7XG5cblx0XHQmOmhvdmVyIHtcblx0XHRcdGJveC1zaGFkb3c6IDAgMCAwIDFweCB2YXIoLS10cy1jb2xvci1ibHVlLWxpZ2h0ZXIpO1xuXHRcdH1cblx0fVxuXG5cdC8qIG9yaWVudGF0aW9ucyAqL1xuXHQmW2RhdGEtb3JpZW50YXRpb249J2hvcml6b250YWwnXSxcblx0JltkYXRhLW9yaWVudGF0aW9uPSdoJ10ge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdH1cblxuXHQmW2RhdGEtb3JpZW50YXRpb249J3ZlcnRpY2FsJ10sXG5cdCZbZGF0YS1vcmllbnRhdGlvbj0ndiddIHtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHR9XG5cblx0JltkYXRhLXNpemU9J3NtYWxsJ10ge1xuXHRcdHdpZHRoOiB2YXIoLS10cy1ib3gtd2lkdGgtc21hbGwpO1xuXHR9XG5cblx0JltkYXRhLXNpemU9J21lZGl1bSddIHtcblx0XHR3aWR0aDogdmFyKC0tdHMtYm94LXdpZHRoLW1lZGl1bSk7XG5cdH1cblxuXHQmW2RhdGEtcnRsXSB7XG5cdFx0ZGlyZWN0aW9uOiBydGw7XG5cdH1cbn1cbiJdfQ== */";
function _templateObject() {
var data = _taggedTemplateLiteralLoose(["\n\t\t\t\t<div\n\t\t\t\t\tclass=\"card ", "\"\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\tdata-size=\"", "\"\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"]);
_templateObject = function _templateObject() {
return data;
};
return data;
}
elements.customElementDefineHelper('ts-card',
/*#__PURE__*/
function (_TSElement) {
_inheritsLoose(_class, _TSElement);
function _class() {
var _this;
_this = _TSElement.call(this) || this;
_this.type = '';
_this.size = 'full';
_this.orientation = 'vertical';
_this.rtl = false;
_this.noPadding = false;
_this.noHorizontalPadding = false;
_this.noVerticalPadding = false;
return _this;
}
var _proto = _class.prototype;
_proto.render = function render() {
return elements.html(_templateObject(), this.cardClassNames, this.orientation, this.type, this.noPadding, this.noHorizontalPadding, this.noVerticalPadding, this.size, this.rtl);
};
_createClass(_class, null, [{
key: "styles",
get: function get() {
return [elements.TSElement.styles, elements.unsafeCSS(css)];
}
}, {
key: "properties",
get: function get() {
return {
type: {
type: String,
reflect: true
},
orientation: {
type: String,
reflect: true
},
rtl: {
type: Boolean,
reflect: true
},
size: {
type: String,
reflect: true
},
noPadding: {
type: Boolean,
reflect: true,
attribute: 'no-padding'
},
noHorizontalPadding: {
type: Boolean,
reflect: true,
attribute: 'no-horizontal-padding'
},
noVerticalPadding: {
type: Boolean,
reflect: true,
attribute: 'no-vertical-padding'
}
};
}
}]);
return _class;
}(elements.TSElement));
});
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('@tradeshift/elements')) : typeof define === 'function' && define.amd ? define(['@tradeshift/elements'], factory) : (global = global || self, factory(global.ts.elements));
})(undefined, function (elements) {
function _defineProperties(target, props) {
for (var i = 0; i < props.length; i++) {
var descriptor = props[i];
descriptor.enumerable = descriptor.enumerable || false;
descriptor.configurable = true;
if ("value" in descriptor) descriptor.writable = true;
Object.defineProperty(target, descriptor.key, descriptor);
}
}
function _createClass(Constructor, protoProps, staticProps) {
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
if (staticProps) _defineProperties(Constructor, staticProps);
return Constructor;
}
function _inheritsLoose(subClass, superClass) {
subClass.prototype = Object.create(superClass.prototype);
subClass.prototype.constructor = subClass;
subClass.__proto__ = superClass;
}
function _taggedTemplateLiteralLoose(strings, raw) {
if (!raw) {
raw = strings.slice(0);
}
strings.raw = raw;
return strings;
}
var css = "/* General........................................................ */\n:host {\n\twidth: 100%;\n}\n\n.progress-bar-wrapper {\n\theight: calc(0.25 * 20px);\n\theight: var(--ts-progress-bar-height);\n\tborder-radius: 100em;\n\toverflow: hidden;\n}\n\n.progress-bar-total {\n\tposition: relative;\n\theight: 100%;\n\twidth: 100%;\n\tbackground-color: rgb(173, 229, 255);\n\tbackground-color: var(--ts-color-blue-lighter);\n}\n\n.progress-bar-done {\n\tposition: absolute;\n\tborder-radius: 100em;\n\tleft: 0;\n\ttop: 0;\n\theight: 100%;\n\tbackground-color: rgb(0, 174, 255);\n\tbackground-color: var(--ts-color-blue);\n}\n\n.progress-bar-wrapper[data-indeterminate] .progress-bar-done {\n\tanimation: infinite-progress 1s linear infinite;\n}\n\n@keyframes infinite-progress {\n\t0% {\n\t\twidth: 0;\n\t\tmargin-left: 0;\n\t\tmargin-right: 100%;\n\t}\n\t20% {\n\t\twidth: 30%;\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n\t40% {\n\t\twidth: 30%;\n\t\tmargin-left: 30%;\n\t\tmargin-right: 0;\n\t}\n\t60% {\n\t\twidth: 40%;\n\t\tmargin-left: 50%;\n\t\tmargin-right: 0;\n\t}\n\t80% {\n\t\twidth: 40%;\n\t\tmargin-left: 70%;\n\t\tmargin-right: 0;\n\t}\n\t100% {\n\t\twidth: 0;\n\t\tmargin-left: 100%;\n\t\tmargin-right: 0;\n\t}\n}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2dyZXNzLWJhci5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsb0VBQW9FO0FBQ3BFO0NBQ0MsV0FBVztBQUNaOztBQUVBO0NBQ0MseUJBQXFDO0NBQXJDLHFDQUFxQztDQUNyQyxvQkFBb0I7Q0FDcEIsZ0JBQWdCO0FBQ2pCOztBQUVBO0NBQ0Msa0JBQWtCO0NBQ2xCLFlBQVk7Q0FDWixXQUFXO0NBQ1gsb0NBQThDO0NBQTlDLDhDQUE4QztBQUMvQzs7QUFFQTtDQUNDLGtCQUFrQjtDQUNsQixvQkFBb0I7Q0FDcEIsT0FBTztDQUNQLE1BQU07Q0FDTixZQUFZO0NBQ1osa0NBQXNDO0NBQXRDLHNDQUFzQztBQUN2Qzs7QUFFQTtDQUNDLCtDQUErQztBQUNoRDs7QUFFQTtDQUNDO0VBQ0MsUUFBUTtFQUNSLGNBQWM7RUFDZCxrQkFBa0I7Q0FDbkI7Q0FDQTtFQUNDLFVBQVU7RUFDVixjQUFjO0VBQ2QsZUFBZTtDQUNoQjtDQUNBO0VBQ0MsVUFBVTtFQUNWLGdCQUFnQjtFQUNoQixlQUFlO0NBQ2hCO0NBQ0E7RUFDQyxVQUFVO0VBQ1YsZ0JBQWdCO0VBQ2hCLGVBQWU7Q0FDaEI7Q0FDQTtFQUNDLFVBQVU7RUFDVixnQkFBZ0I7RUFDaEIsZUFBZTtDQUNoQjtDQUNBO0VBQ0MsUUFBUTtFQUNSLGlCQUFpQjtFQUNqQixlQUFlO0NBQ2hCO0FBQ0QiLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIEdlbmVyYWwuLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLiAqL1xuOmhvc3Qge1xuXHR3aWR0aDogMTAwJTtcbn1cblxuLnByb2dyZXNzLWJhci13cmFwcGVyIHtcblx0aGVpZ2h0OiB2YXIoLS10cy1wcm9ncmVzcy1iYXItaGVpZ2h0KTtcblx0Ym9yZGVyLXJhZGl1czogMTAwZW07XG5cdG92ZXJmbG93OiBoaWRkZW47XG59XG5cbi5wcm9ncmVzcy1iYXItdG90YWwge1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGhlaWdodDogMTAwJTtcblx0d2lkdGg6IDEwMCU7XG5cdGJhY2tncm91bmQtY29sb3I6IHZhcigtLXRzLWNvbG9yLWJsdWUtbGlnaHRlcik7XG59XG5cbi5wcm9ncmVzcy1iYXItZG9uZSB7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0Ym9yZGVyLXJhZGl1czogMTAwZW07XG5cdGxlZnQ6IDA7XG5cdHRvcDogMDtcblx0aGVpZ2h0OiAxMDAlO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS10cy1jb2xvci1ibHVlKTtcbn1cblxuLnByb2dyZXNzLWJhci13cmFwcGVyW2RhdGEtaW5kZXRlcm1pbmF0ZV0gLnByb2dyZXNzLWJhci1kb25lIHtcblx0YW5pbWF0aW9uOiBpbmZpbml0ZS1wcm9ncmVzcyAxcyBsaW5lYXIgaW5maW5pdGU7XG59XG5cbkBrZXlmcmFtZXMgaW5maW5pdGUtcHJvZ3Jlc3Mge1xuXHQwJSB7XG5cdFx0d2lkdGg6IDA7XG5cdFx0bWFyZ2luLWxlZnQ6IDA7XG5cdFx0bWFyZ2luLXJpZ2h0OiAxMDAlO1xuXHR9XG5cdDIwJSB7XG5cdFx0d2lkdGg6IDMwJTtcblx0XHRtYXJnaW4tbGVmdDogMDtcblx0XHRtYXJnaW4tcmlnaHQ6IDA7XG5cdH1cblx0NDAlIHtcblx0XHR3aWR0aDogMzAlO1xuXHRcdG1hcmdpbi1sZWZ0OiAzMCU7XG5cdFx0bWFyZ2luLXJpZ2h0OiAwO1xuXHR9XG5cdDYwJSB7XG5cdFx0d2lkdGg6IDQwJTtcblx0XHRtYXJnaW4tbGVmdDogNTAlO1xuXHRcdG1hcmdpbi1yaWdodDogMDtcblx0fVxuXHQ4MCUge1xuXHRcdHdpZHRoOiA0MCU7XG5cdFx0bWFyZ2luLWxlZnQ6IDcwJTtcblx0XHRtYXJnaW4tcmlnaHQ6IDA7XG5cdH1cblx0MTAwJSB7XG5cdFx0d2lkdGg6IDA7XG5cdFx0bWFyZ2luLWxlZnQ6IDEwMCU7XG5cdFx0bWFyZ2luLXJpZ2h0OiAwO1xuXHR9XG59XG4iXX0= */";
function _templateObject() {
var data = _taggedTemplateLiteralLoose(["\n\t\t\t\t<div\n\t\t\t\t\tclass=\"progress-bar-wrapper\"\n\t\t\t\t\t?data-indeterminate=\"", "\"\n\t\t\t\t>\n\t\t\t\t\t<div class=\"progress-bar-total\">\n\t\t\t\t\t\t<div style=\"", "\" class=\"progress-bar-done\"></div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t"]);
_templateObject = function _templateObject() {
return data;
};
return data;
}
elements.customElementDefineHelper('ts-progress-bar',
/*#__PURE__*/
function (_TSElement) {
_inheritsLoose(_class, _TSElement);
_createClass(_class, null, [{
key: "styles",
get: function get() {
return [elements.TSElement.styles, elements.unsafeCSS(css)];
}
}, {
key: "properties",
get: function get() {
return {
total: {
type: Number,
reflect: true
},
done: {
type: Number,
reflect: true
},
indeterminate: {
type: Boolean,
reflect: true
}
};
}
}]);
function _class() {
var _this;
_this = _TSElement.call(this) || this;
_this.total = 100;
_this.done = 0;
_this.indeterminate = false;
return _this;
}
var _proto = _class.prototype;
_proto.render = function render() {
return elements.html(_templateObject(), this.indeterminate, this.doneWidthStyle);
};
_createClass(_class, [{
key: "doneWidthStyle",
get: function get() {
if (!this.indeterminate) {
return "width: " + this.done / this.total * 100 + "%";
}
}
}]);
return _class;
}(elements.TSElement));
});
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('@tradeshift/elements')) : typeof define === 'function' && define.amd ? define(['@tradeshift/elements'], factory) : (global = global || self, factory(global.ts.elements));
})(undefined, function (elements) {
function _defineProperties(target, props) {
for (var i = 0; i < props.length; i++) {
var descriptor = props[i];
descriptor.enumerable = descriptor.enumerable || false;
descriptor.configurable = true;
if ("value" in descriptor) descriptor.writable = true;
Object.defineProperty(target, descriptor.key, descriptor);
}
}
function _createClass(Constructor, protoProps, staticProps) {
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
if (staticProps) _defineProperties(Constructor, staticProps);
return Constructor;
}
function _inheritsLoose(subClass, superClass) {
subClass.prototype = Object.create(superClass.prototype);
subClass.prototype.constructor = subClass;
subClass.__proto__ = superClass;
}
function _taggedTemplateLiteralLoose(strings, raw) {
if (!raw) {
raw = strings.slice(0);
}
strings.raw = raw;
return strings;
}
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('@tradeshift/elements')) : typeof define === 'function' && define.amd ? define(['@tradeshift/elements'], factory) : (global = global || self, factory(global.ts.elements));
})(undefined, function (elements) {
function _defineProperties(target, props) {
for (var i = 0; i < props.length; i++) {
var descriptor = props[i];
descriptor.enumerable = descriptor.enumerable || false;
descriptor.configurable = true;
if ("value" in descriptor) descriptor.writable = true;
Object.defineProperty(target, descriptor.key, descriptor);
}
}
function _createClass(Constructor, protoProps, staticProps) {
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
if (staticProps) _defineProperties(Constructor, staticProps);
return Constructor;
}
function _inheritsLoose(subClass, superClass) {
subClass.prototype = Object.create(superClass.prototype);
subClass.prototype.constructor = subClass;
subClass.__proto__ = superClass;
}
function _taggedTemplateLiteralLoose(strings, raw) {
if (!raw) {
raw = strings.slice(0);
}
strings.raw = raw;
return strings;
}
var css = "/* General........................................................ */\n\n:host {\n\tdisplay: block;\n}\n\n:host [data-variant='default'] {\n\tfont-size: 14px;\n\tfont-size: var(--ts-fontsize);\n}\n\n:host [data-variant='title'] {\n\tfont-size: 16px;\n\tfont-size: var(--ts-fontsize-medium);\n\tfont-weight: 600;\n\tfont-weight: var(--ts-fontweight-semibold);\n}\n\n:host [data-variant='subtitle'] {\n\tfont-size: 12px;\n\tfont-size: var(--ts-fontsize-mini);\n\tcolor: rgb(80, 107, 119);\n\tcolor: var(--ts-color-slate-lightest);\n}\n\n:host [data-no-wrap] {\n\tposition: relative;\n\tmax-width: 100%;\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n}\n\n:host [data-color='default'] {\n\tcolor: rgb(15, 21, 26);\n\tcolor: var(--ts-color-black);\n}\n\n:host [data-color='warning'] {\n\tcolor: rgb(255, 140, 0);\n\tcolor: var(--ts-color-orange);\n}\n\n:host [data-color='error'],\n:host [data-color='danger'] {\n\tcolor: rgb(189, 0, 0);\n\tcolor: var(--ts-color-red);\n}\n\n:host [data-color='primary'],\n:host [data-color='action'] {\n\tcolor: rgb(0, 174, 255);\n\tcolor: var(--ts-color-blue);\n}\n\n:host [data-color='success'] {\n\tcolor: rgb(80, 198, 16);\n\tcolor: var(--ts-color-green);\n}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInR5cG9ncmFwaHkuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG9FQUFvRTs7QUFFcEU7Q0FDQyxjQUFjO0FBQ2Y7O0FBRUE7Q0FDQyxlQUE2QjtDQUE3Qiw2QkFBNkI7QUFDOUI7O0FBRUE7Q0FDQyxlQUFvQztDQUFwQyxvQ0FBb0M7Q0FDcEMsZ0JBQTBDO0NBQTFDLDBDQUEwQztBQUMzQzs7QUFFQTtDQUNDLGVBQWtDO0NBQWxDLGtDQUFrQztDQUNsQyx3QkFBcUM7Q0FBckMscUNBQXFDO0FBQ3RDOztBQUVBO0NBQ0Msa0JBQWtCO0NBQ2xCLGVBQWU7Q0FDZixtQkFBbUI7Q0FDbkIsZ0JBQWdCO0NBQ2hCLHVCQUF1QjtBQUN4Qjs7QUFFQTtDQUNDLHNCQUE0QjtDQUE1Qiw0QkFBNEI7QUFDN0I7O0FBRUE7Q0FDQyx1QkFBNkI7Q0FBN0IsNkJBQTZCO0FBQzlCOztBQUVBOztDQUVDLHFCQUEwQjtDQUExQiwwQkFBMEI7QUFDM0I7O0FBRUE7O0NBRUMsdUJBQTJCO0NBQTNCLDJCQUEyQjtBQUM1Qjs7QUFFQTtDQUNDLHVCQUE0QjtDQUE1Qiw0QkFBNEI7QUFDN0IiLCJmaWxlIjoidHlwb2dyYXBoeS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBHZW5lcmFsLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4gKi9cblxuOmhvc3Qge1xuXHRkaXNwbGF5OiBibG9jaztcbn1cblxuOmhvc3QgW2RhdGEtdmFyaWFudD0nZGVmYXVsdCddIHtcblx0Zm9udC1zaXplOiB2YXIoLS10cy1mb250c2l6ZSk7XG59XG5cbjpob3N0IFtkYXRhLXZhcmlhbnQ9J3RpdGxlJ10ge1xuXHRmb250LXNpemU6IHZhcigtLXRzLWZvbnRzaXplLW1lZGl1bSk7XG5cdGZvbnQtd2VpZ2h0OiB2YXIoLS10cy1mb250d2VpZ2h0LXNlbWlib2xkKTtcbn1cblxuOmhvc3QgW2RhdGEtdmFyaWFudD0nc3VidGl0bGUnXSB7XG5cdGZvbnQtc2l6ZTogdmFyKC0tdHMtZm9udHNpemUtbWluaSk7XG5cdGNvbG9yOiB2YXIoLS10cy1jb2xvci1zbGF0ZS1saWdodGVzdCk7XG59XG5cbjpob3N0IFtkYXRhLW5vLXdyYXBdIHtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRtYXgtd2lkdGg6IDEwMCU7XG5cdHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xufVxuXG46aG9zdCBbZGF0YS1jb2xvcj0nZGVmYXVsdCddIHtcblx0Y29sb3I6IHZhcigtLXRzLWNvbG9yLWJsYWNrKTtcbn1cblxuOmhvc3QgW2RhdGEtY29sb3I9J3dhcm5pbmcnXSB7XG5cdGNvbG9yOiB2YXIoLS10cy1jb2xvci1vcmFuZ2UpO1xufVxuXG46aG9zdCBbZGF0YS1jb2xvcj0nZXJyb3InXSxcbjpob3N0IFtkYXRhLWNvbG9yPSdkYW5nZXInXSB7XG5cdGNvbG9yOiB2YXIoLS10cy1jb2xvci1yZWQpO1xufVxuXG46aG9zdCBbZGF0YS1jb2xvcj0ncHJpbWFyeSddLFxuOmhvc3QgW2RhdGEtY29sb3I9J2FjdGlvbiddIHtcblx0Y29sb3I6IHZhcigtLXRzLWNvbG9yLWJsdWUpO1xufVxuXG46aG9zdCBbZGF0YS1jb2xvcj0nc3VjY2VzcyddIHtcblx0Y29sb3I6IHZhcigtLXRzLWNvbG9yLWdyZWVuKTtcbn1cbiJdfQ== */";
function _templateObject() {
var data = _taggedTemplateLiteralLoose(["\n\t\t\t\t<div\n\t\t\t\t\ttitle=\"", "\"\n\t\t\t\t\tclass=\"", "\"\n\t\t\t\t\tdata-color=\"", "\"\n\t\t\t\t\tdata-variant=\"", "\"\n\t\t\t\t\t?data-no-wrap=\"", "\"\n\t\t\t\t>\n\t\t\t\t\t", "\n\t\t\t\t</div>\n\t\t\t"]);
_templateObject = function _templateObject() {
return data;
};
return data;
}
elements.customElementDefineHelper('ts-typography',
/*#__PURE__*/
function (_TSElement) {
_inheritsLoose(_class, _TSElement);
function _class() {
var _this;
_this = _TSElement.call(this) || this;
_this.text = '';
_this.color = 'default';
_this.variant = 'default';
_this.inline = false;
_this.noWrap = false;
return _this;
}
var _proto = _class.prototype;
_proto.render = function render() {
return elements.html(_templateObject(), this.text, this.classNames, this.color, this.variant, this.noWrap, this.text);
};
_createClass(_class, null, [{
key: "styles",
get: function get() {
return [elements.TSElement.styles, elements.unsafeCSS(css)];
}
}, {
key: "properties",
get: function get() {
return {
text: {
type: String,
reflect: true
},
variant: {
type: String,
reflect: true
},
color: {
type: String,
reflect: true
},
inline: {
type: Boolean,
reflect: true
},
classNames: {
type: String,
reflect: true,
attribute: 'class-names'
},
noWrap: {
type: Boolean,
reflect: true,
attribute: 'no-wrap'
}
};
}
}]);
return _class;
}(elements.TSElement));
});
var css = "\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJmaWxlLXNpemUuY3NzIn0= */";
function _templateObject() {
var data = _taggedTemplateLiteralLoose(["\n\t\t\t\t<ts-typography\n\t\t\t\t\ttext=\"", "\"\n\t\t\t\t\tvariant=\"", "\"\n\t\t\t\t\tcolor=\"", "\"\n\t\t\t\t></ts-typography>\n\t\t\t"]);
_templateObject = function _templateObject() {
return data;
};
return data;
}
elements.customElementDefineHelper('ts-file-size',
/*#__PURE__*/
function (_TSElement) {
_inheritsLoose(_class, _TSElement);
_createClass(_class, null, [{
key: "styles",
get: function get() {
return [elements.TSElement.styles, elements.unsafeCSS(css)];
}
}, {
key: "properties",
get: function get() {
return {
size: {
type: Number,
reflect: true
},
decimalPoint: {
type: Number,
reflect: true,
attribute: 'decimal-point'
},
variant: {
type: String,
reflect: true
},
color: {
type: String,
reflect: true
}
};
}
}]);
function _class() {
var _this;
_this = _TSElement.call(this) || this;
_this.size = 0;
_this.decimalPoint = 2;
_this.variant = 'subtitle';
_this.color = 'default';
return _this;
}
var _proto = _class.prototype;
_proto.render = function render() {
return elements.html(_templateObject(), this.formatFileSize, this.variant, this.color);
};
_createClass(_class, [{
key: "formatFileSize",
get: function get() {
var bytes = this.size;
var decimalPoint = this.decimalPoint;
if (bytes === 0) {
return '0 Bytes';
}
var k = 1000;
var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
var i = Math.floor(Math.log(bytes) / Math.log(k));
return parseFloat((bytes / Math.pow(k, i)).toFixed(decimalPoint)) + ' ' + sizes[i];
}
}]);
return _class;
}(elements.TSElement));
});
var css = ":host {\n\tdisplay: block;\n}\n\n.action-icon,\n.file-icon-wrapper .file-icon {\n\tmargin-top: calc(0.25 * 20px);\n\tmargin-top: var(--ts-unit-quarter);\n}\n\n.file-icon-wrapper .file-icon #outline {\n\tfill: rgb(255, 255, 255);\n\tfill: var(--ts-color-white);\n\tstroke: rgb(130, 159, 171);\n\tstroke: var(--ts-color-gray-dark);\n}\n\n.file-icon-wrapper .file-icon #fold {\n\tfill: rgb(130, 159, 171);\n\tfill: var(--ts-color-gray-dark);\n}\n\n.dots-icon circle {\n\tfill: rgb(154, 178, 188);\n\tfill: var(--ts-color-gray);\n}\n\n.file-name {\n\tfont-weight: bold;\n}\n\n.action-icon {\n\tfill: rgb(80, 107, 119);\n\tfill: var(--ts-color-slate-lightest);\n}\n\n.content,\n.file-icon-wrapper,\n.download-action,\n.remove-action {\n\tcursor: pointer;\n}\n\n.state-uploading .content,\n.state-uploading .file-icon-wrapper,\n.state-failed .content,\n.state-failed .file-icon-wrapper {\n\tcursor: default;\n}\n\n.content {\n\tposition: relative;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\tflex-grow: 2;\n\tmax-width: calc(100% - 20px - 35px);\n\twidth: calc(100% - 20px - 35px);\n\tpadding: calc(0.5 * 20px) calc(0.5 * 20px);\n\tpadding: var(--ts-unit-half) var(--ts-unit-half);\n}\n\n.remove-action-message,\n.download-action-message {\n\tcolor: rgb(0, 174, 255);\n\tcolor: var(--ts-color-blue);\n}\n\n.remove-action-message,\n.download-action-message {\n\tdisplay: none;\n}\n\n.download-action-hovered .file-information,\n\t.download-action-hovered .error-message,\n\t.download-action-hovered .progress-bar,\n\t.remove-action-hovered .file-information,\n\t.remove-action-hovered .error-message,\n\t.remove-action-hovered .progress-bar {\n\t\tdisplay: none;\n\t}\n\n.download-action-hovered.state-uploading .download-action-message, .download-action-hovered.state-failed .download-action-message {\n\t\t\tdisplay: none;\n\t\t}\n\n.download-action-hovered.state-uploading .file-information,\n\t\t.download-action-hovered.state-uploading .error-message,\n\t\t.download-action-hovered.state-uploading .progress-bar,\n\t\t.download-action-hovered.state-failed .file-information,\n\t\t.download-action-hovered.state-failed .error-message,\n\t\t.download-action-hovered.state-failed .progress-bar {\n\t\t\tdisplay: inline;\n\t\t\tdisplay: initial;\n\t\t}\n\n.remove-action-hovered .remove-action-message,\n.download-action-hovered .download-action-message {\n\tdisplay: block;\n}\n\n.download-action-hovered .download-action .action-icon {\n\t\t\tfill: rgb(0, 174, 255);\n\t\t\tfill: var(--ts-color-blue);\n\t\t}\n.remove-action-hovered .remove-action .action-icon {\n\t\t\tfill: rgb(0, 174, 255);\n\t\t\tfill: var(--ts-color-blue);\n\t\t}\n\n.progress-bar {\n\t--ts-progress-bar-margin: calc(\n\t\t(var(--ts-unit) - var(--ts-progress-bar-height)) / 2\n\t);\n\tmargin: var(--ts-progress-bar-margin) 0;\n}\n\n.action-icon-wrapper {\n\tdisplay: none;\n}\n\n.state-uploading .remove-action, .state-download[data-removable] .remove-action, .state-failed .remove-action {\n\t\tdisplay: block;\n\t}\n\n.state-download .download-action {\n\tdisplay: block;\n}\n\n.state-download[data-removable] .download-action {\n\tdisplay: none;\n}\n\n.file-information {\n\tdisplay: flex;\n}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpbGUtY2FyZC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Q0FDQyxjQUFjO0FBQ2Y7O0FBRUE7O0NBRUMsNkJBQWtDO0NBQWxDLGtDQUFrQztBQUNuQzs7QUFFQTtDQUNDLHdCQUEyQjtDQUEzQiwyQkFBMkI7Q0FDM0IsMEJBQWlDO0NBQWpDLGlDQUFpQztBQUNsQzs7QUFFQTtDQUNDLHdCQUErQjtDQUEvQiwrQkFBK0I7QUFDaEM7O0FBRUE7Q0FDQyx3QkFBMEI7Q0FBMUIsMEJBQTBCO0FBQzNCOztBQUVBO0NBQ0MsaUJBQWlCO0FBQ2xCOztBQUVBO0NBQ0MsdUJBQW9DO0NBQXBDLG9DQUFvQztBQUNyQzs7QUFFQTs7OztDQUlDLGVBQWU7QUFDaEI7O0FBRUE7Ozs7Q0FJQyxlQUFlO0FBQ2hCOztBQUVBO0NBQ0Msa0JBQWtCO0NBQ2xCLGFBQWE7Q0FDYixzQkFBc0I7Q0FDdEIsdUJBQXVCO0NBQ3ZCLFlBQVk7Q0FDWixtQ0FBbUM7Q0FDbkMsK0JBQStCO0NBQy9CLDBDQUFnRDtDQUFoRCxnREFBZ0Q7QUFDakQ7O0FBRUE7O0NBRUMsdUJBQTJCO0NBQTNCLDJCQUEyQjtBQUM1Qjs7QUFFQTs7Q0FFQyxhQUFhO0FBQ2Q7O0FBSUM7Ozs7OztFQUdDLGFBQWE7Q0FDZDs7QUFNQztHQUNDLGFBQWE7RUFDZDs7QUFFQTs7Ozs7O0dBR0MsZUFBZ0I7R0FBaEIsZ0JBQWdCO0VBQ2pCOztBQUlGOztDQUVDLGNBQWM7QUFDZjs7QUFJRTtHQUNDLHNCQUEwQjtHQUExQiwwQkFBMEI7RUFDM0I7QUFLQTtHQUNDLHNCQUEwQjtHQUExQiwwQkFBMEI7RUFDM0I7O0FBSUY7Q0FDQzs7RUFFQztDQUNELHVDQUF1QztBQUN4Qzs7QUFFQTtDQUNDLGFBQWE7QUFDZDs7QUFLQztFQUNDLGNBQWM7Q0FDZjs7QUFHRDtDQUNDLGNBQWM7QUFDZjs7QUFFQTtDQUNDLGFBQWE7QUFDZDs7QUFFQTtDQUNDLGFBQWE7QUFDZCIsImZpbGUiOiJmaWxlLWNhcmQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiOmhvc3Qge1xuXHRkaXNwbGF5OiBibG9jaztcbn1cblxuLmFjdGlvbi1pY29uLFxuLmZpbGUtaWNvbi13cmFwcGVyIC5maWxlLWljb24ge1xuXHRtYXJnaW4tdG9wOiB2YXIoLS10cy11bml0LXF1YXJ0ZXIpO1xufVxuXG4uZmlsZS1pY29uLXdyYXBwZXIgLmZpbGUtaWNvbiAjb3V0bGluZSB7XG5cdGZpbGw6IHZhcigtLXRzLWNvbG9yLXdoaXRlKTtcblx0c3Ryb2tlOiB2YXIoLS10cy1jb2xvci1ncmF5LWRhcmspO1xufVxuXG4uZmlsZS1pY29uLXdyYXBwZXIgLmZpbGUtaWNvbiAjZm9sZCB7XG5cdGZpbGw6IHZhcigtLXRzLWNvbG9yLWdyYXktZGFyayk7XG59XG5cbi5kb3RzLWljb24gY2lyY2xlIHtcblx0ZmlsbDogdmFyKC0tdHMtY29sb3ItZ3JheSk7XG59XG5cbi5maWxlLW5hbWUge1xuXHRmb250LXdlaWdodDogYm9sZDtcbn1cblxuLmFjdGlvbi1pY29uIHtcblx0ZmlsbDogdmFyKC0tdHMtY29sb3Itc2xhdGUtbGlnaHRlc3QpO1xufVxuXG4uY29udGVudCxcbi5maWxlLWljb24td3JhcHBlcixcbi5kb3dubG9hZC1hY3Rpb24sXG4ucmVtb3ZlLWFjdGlvbiB7XG5cdGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLnN0YXRlLXVwbG9hZGluZyAuY29udGVudCxcbi5zdGF0ZS11cGxvYWRpbmcgLmZpbGUtaWNvbi13cmFwcGVyLFxuLnN0YXRlLWZhaWxlZCAuY29udGVudCxcbi5zdGF0ZS1mYWlsZWQgLmZpbGUtaWNvbi13cmFwcGVyIHtcblx0Y3Vyc29yOiBkZWZhdWx0O1xufVxuXG4uY29udGVudCB7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGZsZXgtZ3JvdzogMjtcblx0bWF4LXdpZHRoOiBjYWxjKDEwMCUgLSAyMHB4IC0gMzVweCk7XG5cdHdpZHRoOiBjYWxjKDEwMCUgLSAyMHB4IC0gMzVweCk7XG5cdHBhZGRpbmc6IHZhcigtLXRzLXVuaXQtaGFsZikgdmFyKC0tdHMtdW5pdC1oYWxmKTtcbn1cblxuLnJlbW92ZS1hY3Rpb24tbWVzc2FnZSxcbi5kb3dubG9hZC1hY3Rpb24tbWVzc2FnZSB7XG5cdGNvbG9yOiB2YXIoLS10cy1jb2xvci1ibHVlKTtcbn1cblxuLnJlbW92ZS1hY3Rpb24tbWVzc2FnZSxcbi5kb3dubG9hZC1hY3Rpb24tbWVzc2FnZSB7XG5cdGRpc3BsYXk6IG5vbmU7XG59XG5cbi5kb3dubG9hZC1hY3Rpb24taG92ZXJlZCxcbi5yZW1vdmUtYWN0aW9uLWhvdmVyZWQge1xuXHQmIC5maWxlLWluZm9ybWF0aW9uLFxuXHQmIC5lcnJvci1tZXNzYWdlLFxuXHQmIC5wcm9ncmVzcy1iYXIge1xuXHRcdGRpc3BsYXk6IG5vbmU7XG5cdH1cbn1cblxuLmRvd25sb2FkLWFjdGlvbi1ob3ZlcmVkIHtcblx0Ji5zdGF0ZS11cGxvYWRpbmcsXG5cdCYuc3RhdGUtZmFpbGVkIHtcblx0XHQmIC5kb3dubG9hZC1hY3Rpb24tbWVzc2FnZSB7XG5cdFx0XHRkaXNwbGF5OiBub25lO1xuXHRcdH1cblxuXHRcdCYgLmZpbGUtaW5mb3JtYXRpb24sXG5cdFx0JiAuZXJyb3ItbWVzc2FnZSxcblx0XHQmIC5wcm9ncmVzcy1iYXIge1xuXHRcdFx0ZGlzcGxheTogaW5pdGlhbDtcblx0XHR9XG5cdH1cbn1cblxuLnJlbW92ZS1hY3Rpb24taG92ZXJlZCAucmVtb3ZlLWFjdGlvbi1tZXNzYWdlLFxuLmRvd25sb2FkLWFjdGlvbi1ob3ZlcmVkIC5kb3dubG9hZC1hY3Rpb24tbWVzc2FnZSB7XG5cdGRpc3BsYXk6IGJsb2NrO1xufVxuXG4uZG93bmxvYWQtYWN0aW9uLWhvdmVyZWQge1xuXHQmIC5kb3dubG9hZC1hY3Rpb24ge1xuXHRcdCYgLmFjdGlvbi1pY29uIHtcblx0XHRcdGZpbGw6IHZhcigtLXRzLWNvbG9yLWJsdWUpO1xuXHRcdH1cblx0fVxufVxuLnJlbW92ZS1hY3Rpb24taG92ZXJlZCB7XG5cdCYgLnJlbW92ZS1hY3Rpb24ge1xuXHRcdCYgLmFjdGlvbi1pY29uIHtcblx0XHRcdGZpbGw6IHZhcigtLXRzLWNvbG9yLWJsdWUpO1xuXHRcdH1cblx0fVxufVxuXG4ucHJvZ3Jlc3MtYmFyIHtcblx0LS10cy1wcm9ncmVzcy1iYXItbWFyZ2luOiBjYWxjKFxuXHRcdCh2YXIoLS10cy11bml0KSAtIHZhcigtLXRzLXByb2dyZXNzLWJhci1oZWlnaHQpKSAvIDJcblx0KTtcblx0bWFyZ2luOiB2YXIoLS10cy1wcm9ncmVzcy1iYXItbWFyZ2luKSAwO1xufVxuXG4uYWN0aW9uLWljb24td3JhcHBlciB7XG5cdGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zdGF0ZS11cGxvYWRpbmcsXG4uc3RhdGUtZG93bmxvYWRbZGF0YS1yZW1vdmFibGVdLFxuLnN0YXRlLWZhaWxlZCB7XG5cdCYgLnJlbW92ZS1hY3Rpb24ge1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHR9XG59XG5cbi5zdGF0ZS1kb3dubG9hZCAuZG93bmxvYWQtYWN0aW9uIHtcblx0ZGlzcGxheTogYmxvY2s7XG59XG5cbi5zdGF0ZS1kb3dubG9hZFtkYXRhLXJlbW92YWJsZV0gLmRvd25sb2FkLWFjdGlvbiB7XG5cdGRpc3BsYXk6IG5vbmU7XG59XG5cbi5maWxlLWluZm9ybWF0aW9uIHtcblx0ZGlzcGxheTogZmxleDtcbn1cbiJdfQ== */";
function _templateObject7() {
const data = _taggedTemplateLiteralLoose(["\n\t\t\t\t<div\n\t\t\t\t\t?data-removable=\"", "\"\n\t\t\t\t\tclass=\"file-card-wrapper state-", "\"\n\t\t\t\t>\n\t\t\t\t\t<ts-card\n\t\t\t\t\t\ttype=\"", "\"\n\t\t\t\t\t\torientation=\"horizontal\"\n\t\t\t\t\t\t?rtl=\"", "\"\n\t\t\t\t\t\tsize=\"", "\"\n\t\t\t\t\t>\n\t\t\t\t\t\t", "\n\t\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t\t<ts-typography\n\t\t\t\t\t\t\t\ttext=\"", "\"\n\t\t\t\t\t\t\t\tclass=\"file-name\"\n\t\t\t\t\t\t\t\tvariant=\"title\"\n\t\t\t\t\t\t\t\tno-wrap\n\t\t\t\t\t\t\t></ts-typography>\n\t\t\t\t\t\t\t", " ", " ", "\n\t\t\t\t\t\t\t", "\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t", "\n\t\t\t\t\t</ts-card>\n\t\t\t\t</div>\n\t\t\t"]);
_templateObject7 = function _templateObject7() {
return data;
};
return data;
}
function _templateObject6() {
const data = _taggedTemplateLiteralLoose(["\n\t\t\t\t<ts-typography\n\t\t\t\t\tclass=\"remove-action-message\"\n\t\t\t\t\ttext=\"Remove\"\n\t\t\t\t\tcolor=\"action\"\n\t\t\t\t\tvariant=\"subtitle\"\n\t\t\t\t></ts-typography>\n\t\t\t\t<ts-typography\n\t\t\t\t\tclass=\"download-action-message\"\n\t\t\t\t\ttext=\"Download\"\n\t\t\t\t\tcolor=\"action\"\n\t\t\t\t\tvariant=\"subtitle\"\n\t\t\t\t></ts-typography>\n\t\t\t"]);
_templateObject6 = function _templateObject6() {
return data;
};
return data;
}
function _templateObject5() {
const data = _taggedTemplateLiteralLoose(["\n\t\t\t\t\t<div class=\"file-information\">\n\t\t\t\t\t\t<ts-file-size size=\"", "\"></ts-file-size>\n\t\t\t\t\t\t<ts-typography\n\t\t\t\t\t\t\ttext=\"", "\"\n\t\t\t\t\t\t\tvariant=\"subtitle\"\n\t\t\t\t\t\t></ts-typography>\n\t\t\t\t\t</div>\n\t\t\t\t"]);
_templateObject5 = function _templateObject5() {
return data;
};
return data;
}
function _templateObject4() {
const data = _taggedTemplateLiteralLoose(["\n\t\t\t\t<div>\n\t\t\t\t\t<span class=\"remove-action action-icon-wrapper icon-wrapper\">\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\tclass=\"action-icon\"\n\t\t\t\t\t\t\twidth=\"16px\"\n\t\t\t\t\t\t\theight=\"16px\"\n\t\t\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\t\t\tversion=\"1.1\"\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\txmlns:xlink=\"http://www.w3.org/1999/xlink\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<g id=\"Symbols\" stroke=\"none\" stroke-width=\"1\">\n\t\t\t\t\t\t\t\t<g\n\t\t\t\t\t\t\t\t\tid=\"card/5.-File-card/standard\"\n\t\t\t\t\t\t\t\t\ttransform=\"translate(-262.000000, -22.000000)\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<g id=\"5.-File-card\">\n\t\t\t\t\t\t\t\t\t\t<g\n\t\t\t\t\t\t\t\t\t\t\tid=\"icon/UI-library/clear\"\n\t\t\t\t\t\t\t\t\t\t\ttransform=\"translate(258.000000, 18.000000)\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\td=\"M4,12 C4,7.581722 7.59071231,4 12,4 C16.418278,4 20,7.59071231 20,12 C20,16.418278 16.4092877,20 12,20 C7.581722,20 4,16.4092877 4,12 Z M12,13.1313708 L15.0343146,16.1656854 L16.1656854,15.0343146 L13.1313708,12 L16.1656854,8.96568542 L15.0343146,7.83431458 L12,10.8686292 L8.96568542,7.83431458 L7.83431458,8.96568542 L10.8686292,12 L7.83431458,15.0343146 L8.96568542,16.1656854 L12,13.1313708 Z\"\n\t\t\t\t\t\t\t\t\t\t\t\tid=\"Icon\"\n\t\t\t\t\t\t\t\t\t\t\t></path>\n\t\t\t\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</span>\n\t\t\t\t\t<span class=\"download-action action-icon-wrapper icon-wrapper\">\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\tclass=\"action-icon\"\n\t\t\t\t\t\t\twidth=\"15px\"\n\t\t\t\t\t\t\theight=\"16px\"\n\t\t\t\t\t\t\tviewBox=\"0 0 15 16\"\n\t\t\t\t\t\t\tversion=\"1.1\"\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\txmlns:xlink=\"http://www.w3.org/1999/xlink\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<g id=\"Components\" stroke=\"none\" stroke-width=\"1\">\n\t\t\t\t\t\t\t\t<g\n\t\t\t\t\t\t\t\t\tid=\"New-Specs\"\n\t\t\t\t\t\t\t\t\ttransform=\"translate(-1002.000000, -1137.000000)\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<g\n\t\t\t\t\t\t\t\t\t\tid=\"Group-5-Copy-6\"\n\t\t\t\t\t\t\t\t\t\ttransform=\"translate(739.000000, 1085.000000)\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<g\n\t\t\t\t\t\t\t\t\t\t\tid=\"card/5.-File-card/normal\"\n\t\t\t\t\t\t\t\t\t\t\ttransform=\"translate(0.000000, 30.000000)\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<g id=\"5.-File-card\">\n\t\t\t\t\t\t\t\t\t\t\t\t<g\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"icon/UI-library/download\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ttransform=\"translate(258.000000, 18.000000)\"\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\t\t\td=\"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\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"Icon\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t></path>\n\t\t\t\t\t\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t"]);
_templateObject4 = function _templateObject4() {
return data;
};
return data;
}
function _templateObject3() {
const data = _taggedTemplateLiteralLoose(["\n\t\t\t\t\t<ts-progress-bar class=\"progress-bar\" indeterminate></ts-progress-bar>\n\t\t\t\t"]);
_templateObject3 = function _templateObject3() {
return data;
};
return data;
}
function _templateObject2() {
const data = _taggedTemplateLiteralLoose(["\n\t\t\t\t<span class=\"file-icon-wrapper icon-wrapper\">\n\t\t\t\t\t<!--TODO: use icon components-->\n\t\t\t\t\t<svg\n\t\t\t\t\t\tclass=\"file-icon\"\n\t\t\t\t\t\twidth=\"32px\"\n\t\t\t\t\t\theight=\"42px\"\n\t\t\t\t\t\tviewBox=\"0 0 32 42\"\n\t\t\t\t\t\tversion=\"1.1\"\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\txmlns:xlink=\"http://www.w3.org/1999/xlink\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<g id=\"Symbols\" stroke-width=\"1\">\n\t\t\t\t\t\t\t<g\n\t\t\t\t\t\t\t\tid=\"card/5.-File-card/mouseover\"\n\t\t\t\t\t\t\t\ttransform=\"translate(-9.000000, -9.000000)\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<g id=\"5.-File-card\">\n\t\t\t\t\t\t\t\t\t<g id=\"File-icon\" transform=\"translate(10.000000, 10.000000)\">\n\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\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\t\t\t\t\t\tid=\"outline\"\n\t\t\t\t\t\t\t\t\t\t></path>\n\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\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\t\t\t\t\t\tid=\"fold\"\n\t\t\t\t\t\t\t\t\t\t></path>\n\t\t\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t</g>\n\t\t\t\t\t</svg>\n\t\t\t\t</span>\n\t\t\t"]);
_templateObject2 = function _templateObject2() {
return data;
};
return data;
}
function _templateObject() {
const data = _taggedTemplateLiteralLoose(["\n\t\t\t\t\t<ts-typography\n\t\t\t\t\t\tclass=\"error-message\"\n\t\t\t\t\t\ttext=\"", "\"\n\t\t\t\t\t\tcolor=\"error\"\n\t\t\t\t\t\tvariant=\"subtitle\"\n\t\t\t\t\t\tno-wrap\n\t\t\t\t\t></ts-typography>\n\t\t\t\t"]);
_templateObject = function _templateObject() {
return data;
};
return data;
}
elements.customElementDefineHelper('ts-file-card', class extends elements.TSElement {
constructor() {
super();
this.state = 'upload';
this.size = 'full';
this.removable = false;
this.toggleRemoveActionHoverState = this.toggleRemoveActionHoverState.bind(this);
this.toggleDownloadActionHoverState = this.toggleDownloadActionHoverState.bind(this);
this.removeFile = this.removeFile.bind(this);
this.downloadFile = this.downloadFile.bind(this);
}
static get styles() {
return [elements.TSElement.styles, elements.unsafeCSS(css)];
}
static get properties() {
return {
state: {
type: String,
reflect: true
},
fileObject: {
type: Object,
attribute: 'file-object'
},
rtl: {
type: Boolean,
reflect: true
},
removable: {
type: Boolean,
reflect: true
},
size: {
type: String,
reflect: true
},
errorMessage: {
type: String,
reflect: true,
attribute: 'error-message'
}
};
}
get cardType() {
const cardTypes = {
uploading: 'focus',
download: 'default',
failed: 'failed'
};
return cardTypes[this.state];
}
get errorMessages() {
if (this.state === 'failed') {
const message = this.errorMessage;
return elements.html(_templateObject(), message);
}
}
get fileIcon() {
return elements.html(_templateObject2());
}
get progressBar() {
if (this.state === 'uploading') {
return elements.html(_templateObject3());
}
}
get actionIcons() {
return elements.html(_templateObject4());
}
get fileInformation() {
if (this.state === 'download') {
const fileExtension = this.fileObject.name.split('.').pop().toUpperCase();
return elements.html(_templateObject5(), this.fileObject.size, "| " + fileExtension + " Document");
}
}
get actionMessage() {
return elements.html(_templateObject6());
}
render() {
return elements.html(_templateObject7(), this.removable, this.state, this.cardType, this.rtl, this.size, this.fileIcon, this.fileObject.name, this.progressBar, this.fileInformation, this.errorMessages, this.actionMessage, this.actionIcons);
}
firstUpdated(_changedProperties) {
this.handleRemoveActionEvents();
this.handleDownloadActionEvents();
}
connectedCallback() {
super.connectedCallback();
document.addEventListener('readystatechange', this.handleChange);
}
disconnectedCallback() {
document.removeEventListener('readystatechange', this.handleChange);
super.disconnectedCallback();
}
removeFile() {
if (this.removable) {
const event = new CustomEvent('remove', {
detail: {
file: this.fileObject
},
bubbles: true,
composed: true
});
this.dispatchEvent(event);
}
}
downloadFile() {
if (this.state === 'download') {
const event = new CustomEvent('download', {
detail: {
file: this.fileObject
},
bubbles: true,
composed: true
});
this.dispatchEvent(event);
}
}
toggleRemoveActionHoverState() {
this.shadowRoot.querySelector('.file-card-wrapper').classList.toggle('remove-action-hovered');
}
toggleDownloadActionHoverState() {
this.shadowRoot.querySelector('.file-card-wrapper').classList.toggle('download-action-hovered');
}
handleRemoveActionEvents() {
this.shadowRoot.querySelector('.remove-action').addEventListener('mouseenter', this.toggleRemoveActionHoverState, false);
this.shadowRoot.querySelector('.remove-action').addEventListener('mouseleave', this.toggleRemoveActionHoverState, false);
this.shadowRoot.querySelector('.remove-action').addEventListener('click', this.removeFile);
}
handleDownloadActionEvents() {
const selectors = ['.content', '.file-icon-wrapper', '.download-action'];
selectors.forEach(selector => {
this.shadowRoot.querySelector(selector).addEventListener('mouseenter', this.toggleDownloadActionHoverState, false);
this.shadowRoot.querySelector(selector).addEventListener('mouseleave', this.toggleDownloadActionHoverState, false);
this.shadowRoot.querySelector(selector).addEventListener('click', this.downloadFile);
}, this);
}
});
//# sourceMappingURL=file-card.cjs.js.map
"use strict";var elements$4=require("@tradeshift/elements");function _taggedTemplateLiteralLoose(t,e){return e||(e=t.slice(0)),t.raw=e,t}var elements=require("@tradeshift/elements");function _taggedTemplateLiteralLoose$1(t,e){return e||(e=t.slice(0)),t.raw=e,t}var css=":host{display:block}:host [data-variant=default]{font-size:14px;font-size:var(--ts-fontsize)}:host [data-variant=title]{font-size:16px;font-size:var(--ts-fontsize-medium);font-weight:600;font-weight:var(--ts-fontweight-semibold)}:host [data-variant=subtitle]{font-size:12px;font-size:var(--ts-fontsize-mini);color:#506b77;color:var(--ts-color-slate-lightest)}:host [data-no-wrap]{position:relative;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host [data-color=default]{color:#0f151a;color:var(--ts-color-black)}:host [data-color=warning]{color:#ff8c00;color:var(--ts-color-orange)}:host [data-color=danger],:host [data-color=error]{color:#bd0000;color:var(--ts-color-red)}:host [data-color=action],:host [data-color=primary]{color:#00aeff;color:var(--ts-color-blue)}:host [data-color=success]{color:#50c610;color:var(--ts-color-green)}";function _templateObject(){const t=_taggedTemplateLiteralLoose$1(['\n\t\t\t\t<div\n\t\t\t\t\ttitle="','"\n\t\t\t\t\tclass="','"\n\t\t\t\t\tdata-color="','"\n\t\t\t\t\tdata-variant="','"\n\t\t\t\t\t?data-no-wrap="','"\n\t\t\t\t>\n\t\t\t\t\t',"\n\t\t\t\t</div>\n\t\t\t"]);return _templateObject=function(){return t},t}elements.customElementDefineHelper("ts-typography",class extends elements.TSElement{constructor(){super(),this.text="",this.color="default",this.variant="default",this.inline=!1,this.noWrap=!1}static get styles(){return[elements.TSElement.styles,elements.unsafeCSS(css)]}static get properties(){return{text:{type:String,reflect:!0},variant:{type:String,reflect:!0},color:{type:String,reflect:!0},inline:{type:Boolean,reflect:!0},classNames:{type:String,reflect:!0,attribute:"class-names"},noWrap:{type:Boolean,reflect:!0,attribute:"no-wrap"}}}render(){return elements.html(_templateObject(),this.text,this.classNames,this.color,this.variant,this.noWrap,this.text)}});var elements$1=require("@tradeshift/elements");function _taggedTemplateLiteralLoose$2(t,e){return e||(e=t.slice(0)),t.raw=e,t}var css$1=".card,:host{width:100%}.card{position:relative;border-radius:3px;border-radius:var(--ts-radius);border:1px solid #cbd7dc;border:var(--ts-border);margin-bottom:10px;margin-bottom:var(--ts-unit-half);overflow:hidden;padding:5px 10px;padding:var(--ts-unit-quarter) 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{border-color:#00aeff;border-color:var(--ts-color-blue);box-shadow:0 0 0 1px #ade5ff;box-shadow:0 0 0 1px var(--ts-color-blue-lighter)}.card[data-no-horizontal-padding]{padding-left:0;padding-right:0}.card[data-no-vertical-padding]{padding-top:0;padding-bottom:0}.card[data-no-padding]{padding:0}.card[data-type=danger],.card[data-type=error],.card[data-type=failed]{border:1px solid #bd0000;border:var(--ts-border-error)}.card[data-type=danger]:hover,.card[data-type=error]:hover,.card[data-type=failed]:hover{box-shadow:0 0 0 1px #eaaeae;box-shadow:0 0 0 1px var(--ts-color-red-lighter)}.card[data-type=success]{border:1px solid #50c610;border:var(--ts-border-success)}.card[data-type=success]:hover{box-shadow:0 0 0 1px #c6ecb1;box-shadow:0 0 0 1px var(--ts-color-green-lighter)}.card[data-type=active],.card[data-type=focus],.card[data-type=primary]{border:1px solid #00aeff;border:var(--ts-border-focus)}.card[data-type=active]:hover,.card[data-type=focus]:hover,.card[data-type=primary]:hover{box-shadow:0 0 0 1px #ade5ff;box-shadow:0 0 0 1px var(--ts-color-blue-lighter)}.card[data-orientation=h],.card[data-orientation=horizontal]{display:flex;align-items:center;justify-content:space-between}.card[data-orientation=v],.card[data-orientation=vertical]{flex-direction:column;align-items:flex-start}.card[data-size=small]{width:280px;width:var(--ts-box-width-small)}.card[data-size=medium]{width:360px;width:var(--ts-box-width-medium)}.card[data-rtl]{direction:rtl}";function _templateObject$1(){const t=_taggedTemplateLiteralLoose$2(['\n\t\t\t\t<div\n\t\t\t\t\tclass="card ','"\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\tdata-size="','"\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']);return _templateObject$1=function(){return t},t}elements$1.customElementDefineHelper("ts-card",class extends elements$1.TSElement{constructor(){super(),this.type="",this.size="full",this.orientation="vertical",this.rtl=!1,this.noPadding=!1,this.noHorizontalPadding=!1,this.noVerticalPadding=!1}static get styles(){return[elements$1.TSElement.styles,elements$1.unsafeCSS(css$1)]}static get properties(){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"}}}render(){return elements$1.html(_templateObject$1(),this.cardClassNames,this.orientation,this.type,this.noPadding,this.noHorizontalPadding,this.noVerticalPadding,this.size,this.rtl)}});var elements$2=require("@tradeshift/elements");function _taggedTemplateLiteralLoose$3(t,e){return e||(e=t.slice(0)),t.raw=e,t}var css$2=":host{width:100%}.progress-bar-wrapper{height:5px;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{animation:infinite-progress 1s linear infinite}@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}}";function _templateObject$2(){const t=_taggedTemplateLiteralLoose$3(['\n\t\t\t\t<div\n\t\t\t\t\tclass="progress-bar-wrapper"\n\t\t\t\t\t?data-indeterminate="','"\n\t\t\t\t>\n\t\t\t\t\t<div class="progress-bar-total">\n\t\t\t\t\t\t<div style="','" class="progress-bar-done"></div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t']);return _templateObject$2=function(){return t},t}elements$2.customElementDefineHelper("ts-progress-bar",class extends elements$2.TSElement{static get styles(){return[elements$2.TSElement.styles,elements$2.unsafeCSS(css$2)]}static get properties(){return{total:{type:Number,reflect:!0},done:{type:Number,reflect:!0},indeterminate:{type:Boolean,reflect:!0}}}constructor(){super(),this.total=100,this.done=0,this.indeterminate=!1}get doneWidthStyle(){if(!this.indeterminate)return"width: "+this.done/this.total*100+"%"}render(){return elements$2.html(_templateObject$2(),this.indeterminate,this.doneWidthStyle)}});var elements$1$1=require("@tradeshift/elements");function _taggedTemplateLiteralLoose$4(t,e){return e||(e=t.slice(0)),t.raw=e,t}var elements$3=require("@tradeshift/elements");function _taggedTemplateLiteralLoose$1$1(t,e){return e||(e=t.slice(0)),t.raw=e,t}var css$3=":host{display:block}:host [data-variant=default]{font-size:14px;font-size:var(--ts-fontsize)}:host [data-variant=title]{font-size:16px;font-size:var(--ts-fontsize-medium);font-weight:600;font-weight:var(--ts-fontweight-semibold)}:host [data-variant=subtitle]{font-size:12px;font-size:var(--ts-fontsize-mini);color:#506b77;color:var(--ts-color-slate-lightest)}:host [data-no-wrap]{position:relative;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host [data-color=default]{color:#0f151a;color:var(--ts-color-black)}:host [data-color=warning]{color:#ff8c00;color:var(--ts-color-orange)}:host [data-color=danger],:host [data-color=error]{color:#bd0000;color:var(--ts-color-red)}:host [data-color=action],:host [data-color=primary]{color:#00aeff;color:var(--ts-color-blue)}:host [data-color=success]{color:#50c610;color:var(--ts-color-green)}";function _templateObject$3(){const t=_taggedTemplateLiteralLoose$1$1(['\n\t\t\t\t<div\n\t\t\t\t\ttitle="','"\n\t\t\t\t\tclass="','"\n\t\t\t\t\tdata-color="','"\n\t\t\t\t\tdata-variant="','"\n\t\t\t\t\t?data-no-wrap="','"\n\t\t\t\t>\n\t\t\t\t\t',"\n\t\t\t\t</div>\n\t\t\t"]);return _templateObject$3=function(){return t},t}elements$3.customElementDefineHelper("ts-typography",class extends elements$3.TSElement{constructor(){super(),this.text="",this.color="default",this.variant="default",this.inline=!1,this.noWrap=!1}static get styles(){return[elements$3.TSElement.styles,elements$3.unsafeCSS(css$3)]}static get properties(){return{text:{type:String,reflect:!0},variant:{type:String,reflect:!0},color:{type:String,reflect:!0},inline:{type:Boolean,reflect:!0},classNames:{type:String,reflect:!0,attribute:"class-names"},noWrap:{type:Boolean,reflect:!0,attribute:"no-wrap"}}}render(){return elements$3.html(_templateObject$3(),this.text,this.classNames,this.color,this.variant,this.noWrap,this.text)}});var css$1$1="";function _templateObject$1$1(){const t=_taggedTemplateLiteralLoose$4(['\n\t\t\t\t<ts-typography\n\t\t\t\t\ttext="','"\n\t\t\t\t\tvariant="','"\n\t\t\t\t\tcolor="','"\n\t\t\t\t></ts-typography>\n\t\t\t']);return _templateObject$1$1=function(){return t},t}elements$1$1.customElementDefineHelper("ts-file-size",class extends elements$1$1.TSElement{static get styles(){return[elements$1$1.TSElement.styles,elements$1$1.unsafeCSS(css$1$1)]}static get properties(){return{size:{type:Number,reflect:!0},decimalPoint:{type:Number,reflect:!0,attribute:"decimal-point"},variant:{type:String,reflect:!0},color:{type:String,reflect:!0}}}constructor(){super(),this.size=0,this.decimalPoint=2,this.variant="subtitle",this.color="default"}get formatFileSize(){const t=this.size,e=this.decimalPoint;if(0===t)return"0 Bytes";const 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]}render(){return elements$1$1.html(_templateObject$1$1(),this.formatFileSize,this.variant,this.color)}});var css$4=":host{display:block}.action-icon,.file-icon-wrapper .file-icon{margin-top:5px;margin-top:var(--ts-unit-quarter)}.file-icon-wrapper .file-icon #outline{fill:#fff;fill:var(--ts-color-white);stroke:#829fab;stroke:var(--ts-color-gray-dark)}.file-icon-wrapper .file-icon #fold{fill:#829fab;fill:var(--ts-color-gray-dark)}.dots-icon circle{fill:#9ab2bc;fill:var(--ts-color-gray)}.file-name{font-weight:700}.action-icon{fill:#506b77;fill: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:10px;padding:var(--ts-unit-half) 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{fill:#00aeff;fill: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}";function _templateObject7(){const t=_taggedTemplateLiteralLoose(['\n\t\t\t\t<div\n\t\t\t\t\t?data-removable="','"\n\t\t\t\t\tclass="file-card-wrapper state-','"\n\t\t\t\t>\n\t\t\t\t\t<ts-card\n\t\t\t\t\t\ttype="','"\n\t\t\t\t\t\torientation="horizontal"\n\t\t\t\t\t\t?rtl="','"\n\t\t\t\t\t\tsize="','"\n\t\t\t\t\t>\n\t\t\t\t\t\t','\n\t\t\t\t\t\t<div class="content">\n\t\t\t\t\t\t\t<ts-typography\n\t\t\t\t\t\t\t\ttext="','"\n\t\t\t\t\t\t\t\tclass="file-name"\n\t\t\t\t\t\t\t\tvariant="title"\n\t\t\t\t\t\t\t\tno-wrap\n\t\t\t\t\t\t\t></ts-typography>\n\t\t\t\t\t\t\t'," "," ","\n\t\t\t\t\t\t\t","\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t","\n\t\t\t\t\t</ts-card>\n\t\t\t\t</div>\n\t\t\t"]);return _templateObject7=function(){return t},t}function _templateObject6(){const t=_taggedTemplateLiteralLoose(['\n\t\t\t\t<ts-typography\n\t\t\t\t\tclass="remove-action-message"\n\t\t\t\t\ttext="Remove"\n\t\t\t\t\tcolor="action"\n\t\t\t\t\tvariant="subtitle"\n\t\t\t\t></ts-typography>\n\t\t\t\t<ts-typography\n\t\t\t\t\tclass="download-action-message"\n\t\t\t\t\ttext="Download"\n\t\t\t\t\tcolor="action"\n\t\t\t\t\tvariant="subtitle"\n\t\t\t\t></ts-typography>\n\t\t\t']);return _templateObject6=function(){return t},t}function _templateObject5(){const t=_taggedTemplateLiteralLoose(['\n\t\t\t\t\t<div class="file-information">\n\t\t\t\t\t\t<ts-file-size size="','"></ts-file-size>\n\t\t\t\t\t\t<ts-typography\n\t\t\t\t\t\t\ttext="','"\n\t\t\t\t\t\t\tvariant="subtitle"\n\t\t\t\t\t\t></ts-typography>\n\t\t\t\t\t</div>\n\t\t\t\t']);return _templateObject5=function(){return t},t}function _templateObject4(){const t=_taggedTemplateLiteralLoose(['\n\t\t\t\t<div>\n\t\t\t\t\t<span class="remove-action action-icon-wrapper icon-wrapper">\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\tclass="action-icon"\n\t\t\t\t\t\t\twidth="16px"\n\t\t\t\t\t\t\theight="16px"\n\t\t\t\t\t\t\tviewBox="0 0 16 16"\n\t\t\t\t\t\t\tversion="1.1"\n\t\t\t\t\t\t\txmlns="http://www.w3.org/2000/svg"\n\t\t\t\t\t\t\txmlns:xlink="http://www.w3.org/1999/xlink"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<g id="Symbols" stroke="none" stroke-width="1">\n\t\t\t\t\t\t\t\t<g\n\t\t\t\t\t\t\t\t\tid="card/5.-File-card/standard"\n\t\t\t\t\t\t\t\t\ttransform="translate(-262.000000, -22.000000)"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<g id="5.-File-card">\n\t\t\t\t\t\t\t\t\t\t<g\n\t\t\t\t\t\t\t\t\t\t\tid="icon/UI-library/clear"\n\t\t\t\t\t\t\t\t\t\t\ttransform="translate(258.000000, 18.000000)"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\td="M4,12 C4,7.581722 7.59071231,4 12,4 C16.418278,4 20,7.59071231 20,12 C20,16.418278 16.4092877,20 12,20 C7.581722,20 4,16.4092877 4,12 Z M12,13.1313708 L15.0343146,16.1656854 L16.1656854,15.0343146 L13.1313708,12 L16.1656854,8.96568542 L15.0343146,7.83431458 L12,10.8686292 L8.96568542,7.83431458 L7.83431458,8.96568542 L10.8686292,12 L7.83431458,15.0343146 L8.96568542,16.1656854 L12,13.1313708 Z"\n\t\t\t\t\t\t\t\t\t\t\t\tid="Icon"\n\t\t\t\t\t\t\t\t\t\t\t></path>\n\t\t\t\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</span>\n\t\t\t\t\t<span class="download-action action-icon-wrapper icon-wrapper">\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\tclass="action-icon"\n\t\t\t\t\t\t\twidth="15px"\n\t\t\t\t\t\t\theight="16px"\n\t\t\t\t\t\t\tviewBox="0 0 15 16"\n\t\t\t\t\t\t\tversion="1.1"\n\t\t\t\t\t\t\txmlns="http://www.w3.org/2000/svg"\n\t\t\t\t\t\t\txmlns:xlink="http://www.w3.org/1999/xlink"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<g id="Components" stroke="none" stroke-width="1">\n\t\t\t\t\t\t\t\t<g\n\t\t\t\t\t\t\t\t\tid="New-Specs"\n\t\t\t\t\t\t\t\t\ttransform="translate(-1002.000000, -1137.000000)"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<g\n\t\t\t\t\t\t\t\t\t\tid="Group-5-Copy-6"\n\t\t\t\t\t\t\t\t\t\ttransform="translate(739.000000, 1085.000000)"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<g\n\t\t\t\t\t\t\t\t\t\t\tid="card/5.-File-card/normal"\n\t\t\t\t\t\t\t\t\t\t\ttransform="translate(0.000000, 30.000000)"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<g id="5.-File-card">\n\t\t\t\t\t\t\t\t\t\t\t\t<g\n\t\t\t\t\t\t\t\t\t\t\t\t\tid="icon/UI-library/download"\n\t\t\t\t\t\t\t\t\t\t\t\t\ttransform="translate(258.000000, 18.000000)"\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\t\t\td="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"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tid="Icon"\n\t\t\t\t\t\t\t\t\t\t\t\t\t></path>\n\t\t\t\t\t\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t']);return _templateObject4=function(){return t},t}function _templateObject3(){const t=_taggedTemplateLiteralLoose(['\n\t\t\t\t\t<ts-progress-bar class="progress-bar" indeterminate></ts-progress-bar>\n\t\t\t\t']);return _templateObject3=function(){return t},t}function _templateObject2(){const t=_taggedTemplateLiteralLoose(['\n\t\t\t\t<span class="file-icon-wrapper icon-wrapper">\n\t\t\t\t\t\x3c!--TODO: use icon components--\x3e\n\t\t\t\t\t<svg\n\t\t\t\t\t\tclass="file-icon"\n\t\t\t\t\t\twidth="32px"\n\t\t\t\t\t\theight="42px"\n\t\t\t\t\t\tviewBox="0 0 32 42"\n\t\t\t\t\t\tversion="1.1"\n\t\t\t\t\t\txmlns="http://www.w3.org/2000/svg"\n\t\t\t\t\t\txmlns:xlink="http://www.w3.org/1999/xlink"\n\t\t\t\t\t>\n\t\t\t\t\t\t<g id="Symbols" stroke-width="1">\n\t\t\t\t\t\t\t<g\n\t\t\t\t\t\t\t\tid="card/5.-File-card/mouseover"\n\t\t\t\t\t\t\t\ttransform="translate(-9.000000, -9.000000)"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<g id="5.-File-card">\n\t\t\t\t\t\t\t\t\t<g id="File-icon" transform="translate(10.000000, 10.000000)">\n\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\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\t\t\t\t\t\tid="outline"\n\t\t\t\t\t\t\t\t\t\t></path>\n\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\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\t\t\t\t\t\tid="fold"\n\t\t\t\t\t\t\t\t\t\t></path>\n\t\t\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t</g>\n\t\t\t\t\t</svg>\n\t\t\t\t</span>\n\t\t\t']);return _templateObject2=function(){return t},t}function _templateObject$4(){const t=_taggedTemplateLiteralLoose(['\n\t\t\t\t\t<ts-typography\n\t\t\t\t\t\tclass="error-message"\n\t\t\t\t\t\ttext="','"\n\t\t\t\t\t\tcolor="error"\n\t\t\t\t\t\tvariant="subtitle"\n\t\t\t\t\t\tno-wrap\n\t\t\t\t\t></ts-typography>\n\t\t\t\t']);return _templateObject$4=function(){return t},t}elements$4.customElementDefineHelper("ts-file-card",class extends elements$4.TSElement{constructor(){super(),this.state="upload",this.size="full",this.removable=!1,this.toggleRemoveActionHoverState=this.toggleRemoveActionHoverState.bind(this),this.toggleDownloadActionHoverState=this.toggleDownloadActionHoverState.bind(this),this.removeFile=this.removeFile.bind(this),this.downloadFile=this.downloadFile.bind(this)}static get styles(){return[elements$4.TSElement.styles,elements$4.unsafeCSS(css$4)]}static get properties(){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"}}}get cardType(){return{uploading:"focus",download:"default",failed:"failed"}[this.state]}get errorMessages(){if("failed"===this.state){const t=this.errorMessage;return elements$4.html(_templateObject$4(),t)}}get fileIcon(){return elements$4.html(_templateObject2())}get progressBar(){if("uploading"===this.state)return elements$4.html(_templateObject3())}get actionIcons(){return elements$4.html(_templateObject4())}get fileInformation(){if("download"===this.state){const t=this.fileObject.name.split(".").pop().toUpperCase();return elements$4.html(_templateObject5(),this.fileObject.size,"| "+t+" Document")}}get actionMessage(){return elements$4.html(_templateObject6())}render(){return elements$4.html(_templateObject7(),this.removable,this.state,this.cardType,this.rtl,this.size,this.fileIcon,this.fileObject.name,this.progressBar,this.fileInformation,this.errorMessages,this.actionMessage,this.actionIcons)}firstUpdated(t){this.handleRemoveActionEvents(),this.handleDownloadActionEvents()}connectedCallback(){super.connectedCallback(),document.addEventListener("readystatechange",this.handleChange)}disconnectedCallback(){document.removeEventListener("readystatechange",this.handleChange),super.disconnectedCallback()}removeFile(){if(this.removable){const t=new CustomEvent("remove",{detail:{file:this.fileObject},bubbles:!0,composed:!0});this.dispatchEvent(t)}}downloadFile(){if("download"===this.state){const t=new CustomEvent("download",{detail:{file:this.fileObject},bubbles:!0,composed:!0});this.dispatchEvent(t)}}toggleRemoveActionHoverState(){this.shadowRoot.querySelector(".file-card-wrapper").classList.toggle("remove-action-hovered")}toggleDownloadActionHoverState(){this.shadowRoot.querySelector(".file-card-wrapper").classList.toggle("download-action-hovered")}handleRemoveActionEvents(){this.shadowRoot.querySelector(".remove-action").addEventListener("mouseenter",this.toggleRemoveActionHoverState,!1),this.shadowRoot.querySelector(".remove-action").addEventListener("mouseleave",this.toggleRemoveActionHoverState,!1),this.shadowRoot.querySelector(".remove-action").addEventListener("click",this.removeFile)}handleDownloadActionEvents(){[".content",".file-icon-wrapper",".download-action"].forEach(t=>{this.shadowRoot.querySelector(t).addEventListener("mouseenter",this.toggleDownloadActionHoverState,!1),this.shadowRoot.querySelector(t).addEventListener("mouseleave",this.toggleDownloadActionHoverState,!1),this.shadowRoot.querySelector(t).addEventListener("click",this.downloadFile)},this)}});

830

lib/file-card.umd.js

@@ -5,3 +5,3 @@ (function (global, factory) {

(global = global || self, factory(global.ts.elements));
}(this, function (elements) { 'use strict';
}(this, function (elements$4) { 'use strict';

@@ -47,575 +47,383 @@ function _defineProperties(target, props) {

(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('@tradeshift/elements')) : typeof define === 'function' && define.amd ? define(['@tradeshift/elements'], factory) : (global = global || self, factory(global.ts.elements));
})(undefined, function (elements) {
var elements = require("@tradeshift/elements");
function _defineProperties(target, props) {
for (var i = 0; i < props.length; i++) {
var descriptor = props[i];
descriptor.enumerable = descriptor.enumerable || false;
descriptor.configurable = true;
if ("value" in descriptor) descriptor.writable = true;
Object.defineProperty(target, descriptor.key, descriptor);
}
}
function _taggedTemplateLiteralLoose$1(t, e) {
return e || (e = t.slice(0)), t.raw = e, t;
}
function _createClass(Constructor, protoProps, staticProps) {
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
if (staticProps) _defineProperties(Constructor, staticProps);
return Constructor;
}
var css = ":host{display:block}:host [data-variant=default]{font-size:14px;font-size:var(--ts-fontsize)}:host [data-variant=title]{font-size:16px;font-size:var(--ts-fontsize-medium);font-weight:600;font-weight:var(--ts-fontweight-semibold)}:host [data-variant=subtitle]{font-size:12px;font-size:var(--ts-fontsize-mini);color:#506b77;color:var(--ts-color-slate-lightest)}:host [data-no-wrap]{position:relative;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host [data-color=default]{color:#0f151a;color:var(--ts-color-black)}:host [data-color=warning]{color:#ff8c00;color:var(--ts-color-orange)}:host [data-color=danger],:host [data-color=error]{color:#bd0000;color:var(--ts-color-red)}:host [data-color=action],:host [data-color=primary]{color:#00aeff;color:var(--ts-color-blue)}:host [data-color=success]{color:#50c610;color:var(--ts-color-green)}";
function _inheritsLoose(subClass, superClass) {
subClass.prototype = Object.create(superClass.prototype);
subClass.prototype.constructor = subClass;
subClass.__proto__ = superClass;
}
function _templateObject() {
var t = _taggedTemplateLiteralLoose$1(['\n\t\t\t\t<div\n\t\t\t\t\ttitle="', '"\n\t\t\t\t\tclass="', '"\n\t\t\t\t\tdata-color="', '"\n\t\t\t\t\tdata-variant="', '"\n\t\t\t\t\t?data-no-wrap="', '"\n\t\t\t\t>\n\t\t\t\t\t', "\n\t\t\t\t</div>\n\t\t\t"]);
function _taggedTemplateLiteralLoose(strings, raw) {
if (!raw) {
raw = strings.slice(0);
}
return _templateObject = function _templateObject() {
return t;
}, t;
}
strings.raw = raw;
return strings;
}
elements.customElementDefineHelper("ts-typography",
/*#__PURE__*/
function (_elements$TSElement) {
_inheritsLoose(_class, _elements$TSElement);
var css = "/* General........................................................ */\n\n:host {\n\tdisplay: block;\n}\n\n:host [data-variant='default'] {\n\tfont-size: 14px;\n\tfont-size: var(--ts-fontsize);\n}\n\n:host [data-variant='title'] {\n\tfont-size: 16px;\n\tfont-size: var(--ts-fontsize-medium);\n\tfont-weight: 600;\n\tfont-weight: var(--ts-fontweight-semibold);\n}\n\n:host [data-variant='subtitle'] {\n\tfont-size: 12px;\n\tfont-size: var(--ts-fontsize-mini);\n\tcolor: rgb(80, 107, 119);\n\tcolor: var(--ts-color-slate-lightest);\n}\n\n:host [data-no-wrap] {\n\tposition: relative;\n\tmax-width: 100%;\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n}\n\n:host [data-color='default'] {\n\tcolor: rgb(15, 21, 26);\n\tcolor: var(--ts-color-black);\n}\n\n:host [data-color='warning'] {\n\tcolor: rgb(255, 140, 0);\n\tcolor: var(--ts-color-orange);\n}\n\n:host [data-color='error'],\n:host [data-color='danger'] {\n\tcolor: rgb(189, 0, 0);\n\tcolor: var(--ts-color-red);\n}\n\n:host [data-color='primary'],\n:host [data-color='action'] {\n\tcolor: rgb(0, 174, 255);\n\tcolor: var(--ts-color-blue);\n}\n\n:host [data-color='success'] {\n\tcolor: rgb(80, 198, 16);\n\tcolor: var(--ts-color-green);\n}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInR5cG9ncmFwaHkuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG9FQUFvRTs7QUFFcEU7Q0FDQyxjQUFjO0FBQ2Y7O0FBRUE7Q0FDQyxlQUE2QjtDQUE3Qiw2QkFBNkI7QUFDOUI7O0FBRUE7Q0FDQyxlQUFvQztDQUFwQyxvQ0FBb0M7Q0FDcEMsZ0JBQTBDO0NBQTFDLDBDQUEwQztBQUMzQzs7QUFFQTtDQUNDLGVBQWtDO0NBQWxDLGtDQUFrQztDQUNsQyx3QkFBcUM7Q0FBckMscUNBQXFDO0FBQ3RDOztBQUVBO0NBQ0Msa0JBQWtCO0NBQ2xCLGVBQWU7Q0FDZixtQkFBbUI7Q0FDbkIsZ0JBQWdCO0NBQ2hCLHVCQUF1QjtBQUN4Qjs7QUFFQTtDQUNDLHNCQUE0QjtDQUE1Qiw0QkFBNEI7QUFDN0I7O0FBRUE7Q0FDQyx1QkFBNkI7Q0FBN0IsNkJBQTZCO0FBQzlCOztBQUVBOztDQUVDLHFCQUEwQjtDQUExQiwwQkFBMEI7QUFDM0I7O0FBRUE7O0NBRUMsdUJBQTJCO0NBQTNCLDJCQUEyQjtBQUM1Qjs7QUFFQTtDQUNDLHVCQUE0QjtDQUE1Qiw0QkFBNEI7QUFDN0IiLCJmaWxlIjoidHlwb2dyYXBoeS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBHZW5lcmFsLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4gKi9cblxuOmhvc3Qge1xuXHRkaXNwbGF5OiBibG9jaztcbn1cblxuOmhvc3QgW2RhdGEtdmFyaWFudD0nZGVmYXVsdCddIHtcblx0Zm9udC1zaXplOiB2YXIoLS10cy1mb250c2l6ZSk7XG59XG5cbjpob3N0IFtkYXRhLXZhcmlhbnQ9J3RpdGxlJ10ge1xuXHRmb250LXNpemU6IHZhcigtLXRzLWZvbnRzaXplLW1lZGl1bSk7XG5cdGZvbnQtd2VpZ2h0OiB2YXIoLS10cy1mb250d2VpZ2h0LXNlbWlib2xkKTtcbn1cblxuOmhvc3QgW2RhdGEtdmFyaWFudD0nc3VidGl0bGUnXSB7XG5cdGZvbnQtc2l6ZTogdmFyKC0tdHMtZm9udHNpemUtbWluaSk7XG5cdGNvbG9yOiB2YXIoLS10cy1jb2xvci1zbGF0ZS1saWdodGVzdCk7XG59XG5cbjpob3N0IFtkYXRhLW5vLXdyYXBdIHtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRtYXgtd2lkdGg6IDEwMCU7XG5cdHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xufVxuXG46aG9zdCBbZGF0YS1jb2xvcj0nZGVmYXVsdCddIHtcblx0Y29sb3I6IHZhcigtLXRzLWNvbG9yLWJsYWNrKTtcbn1cblxuOmhvc3QgW2RhdGEtY29sb3I9J3dhcm5pbmcnXSB7XG5cdGNvbG9yOiB2YXIoLS10cy1jb2xvci1vcmFuZ2UpO1xufVxuXG46aG9zdCBbZGF0YS1jb2xvcj0nZXJyb3InXSxcbjpob3N0IFtkYXRhLWNvbG9yPSdkYW5nZXInXSB7XG5cdGNvbG9yOiB2YXIoLS10cy1jb2xvci1yZWQpO1xufVxuXG46aG9zdCBbZGF0YS1jb2xvcj0ncHJpbWFyeSddLFxuOmhvc3QgW2RhdGEtY29sb3I9J2FjdGlvbiddIHtcblx0Y29sb3I6IHZhcigtLXRzLWNvbG9yLWJsdWUpO1xufVxuXG46aG9zdCBbZGF0YS1jb2xvcj0nc3VjY2VzcyddIHtcblx0Y29sb3I6IHZhcigtLXRzLWNvbG9yLWdyZWVuKTtcbn1cbiJdfQ== */";
function _class() {
var _this;
function _templateObject() {
var data = _taggedTemplateLiteralLoose(["\n\t\t\t\t<div\n\t\t\t\t\ttitle=\"", "\"\n\t\t\t\t\tclass=\"", "\"\n\t\t\t\t\tdata-color=\"", "\"\n\t\t\t\t\tdata-variant=\"", "\"\n\t\t\t\t\t?data-no-wrap=\"", "\"\n\t\t\t\t>\n\t\t\t\t\t", "\n\t\t\t\t</div>\n\t\t\t"]);
_templateObject = function _templateObject() {
return data;
};
return data;
_this = _elements$TSElement.call(this) || this, _this.text = "", _this.color = "default", _this.variant = "default", _this.inline = !1, _this.noWrap = !1;
return _this;
}
elements.customElementDefineHelper('ts-typography',
/*#__PURE__*/
function (_TSElement) {
_inheritsLoose(_class, _TSElement);
var _proto = _class.prototype;
function _class() {
var _this;
_proto.render = function render() {
return elements.html(_templateObject(), this.text, this.classNames, this.color, this.variant, this.noWrap, this.text);
};
_this = _TSElement.call(this) || this;
_this.text = '';
_this.color = 'default';
_this.variant = 'default';
_this.inline = false;
_this.noWrap = false;
return _this;
_createClass(_class, null, [{
key: "styles",
get: function get() {
return [elements.TSElement.styles, elements.unsafeCSS(css)];
}
}, {
key: "properties",
get: function get() {
return {
text: {
type: String,
reflect: !0
},
variant: {
type: String,
reflect: !0
},
color: {
type: String,
reflect: !0
},
inline: {
type: Boolean,
reflect: !0
},
classNames: {
type: String,
reflect: !0,
attribute: "class-names"
},
noWrap: {
type: Boolean,
reflect: !0,
attribute: "no-wrap"
}
};
}
}]);
var _proto = _class.prototype;
return _class;
}(elements.TSElement));
_proto.render = function render() {
return elements.html(_templateObject(), this.text, this.classNames, this.color, this.variant, this.noWrap, this.text);
};
var elements$1 = require("@tradeshift/elements");
_createClass(_class, null, [{
key: "styles",
get: function get() {
return [elements.TSElement.styles, elements.unsafeCSS(css)];
}
}, {
key: "properties",
get: function get() {
return {
text: {
type: String,
reflect: true
},
variant: {
type: String,
reflect: true
},
color: {
type: String,
reflect: true
},
inline: {
type: Boolean,
reflect: true
},
classNames: {
type: String,
reflect: true,
attribute: 'class-names'
},
noWrap: {
type: Boolean,
reflect: true,
attribute: 'no-wrap'
}
};
}
}]);
function _taggedTemplateLiteralLoose$2(t, a) {
return a || (a = t.slice(0)), t.raw = a, t;
}
return _class;
}(elements.TSElement));
});
var css$1 = ".card,:host{width:100%}.card{position:relative;border-radius:3px;border-radius:var(--ts-radius);border:1px solid #cbd7dc;border:var(--ts-border);margin-bottom:10px;margin-bottom:var(--ts-unit-half);overflow:hidden;padding:5px 10px;padding:var(--ts-unit-quarter) 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{border-color:#00aeff;border-color:var(--ts-color-blue);box-shadow:0 0 0 1px #ade5ff;box-shadow:0 0 0 1px var(--ts-color-blue-lighter)}.card[data-no-horizontal-padding]{padding-left:0;padding-right:0}.card[data-no-vertical-padding]{padding-top:0;padding-bottom:0}.card[data-no-padding]{padding:0}.card[data-type=danger],.card[data-type=error],.card[data-type=failed]{border:1px solid #bd0000;border:var(--ts-border-error)}.card[data-type=danger]:hover,.card[data-type=error]:hover,.card[data-type=failed]:hover{box-shadow:0 0 0 1px #eaaeae;box-shadow:0 0 0 1px var(--ts-color-red-lighter)}.card[data-type=success]{border:1px solid #50c610;border:var(--ts-border-success)}.card[data-type=success]:hover{box-shadow:0 0 0 1px #c6ecb1;box-shadow:0 0 0 1px var(--ts-color-green-lighter)}.card[data-type=active],.card[data-type=focus],.card[data-type=primary]{border:1px solid #00aeff;border:var(--ts-border-focus)}.card[data-type=active]:hover,.card[data-type=focus]:hover,.card[data-type=primary]:hover{box-shadow:0 0 0 1px #ade5ff;box-shadow:0 0 0 1px var(--ts-color-blue-lighter)}.card[data-orientation=h],.card[data-orientation=horizontal]{display:flex;align-items:center;justify-content:space-between}.card[data-orientation=v],.card[data-orientation=vertical]{flex-direction:column;align-items:flex-start}.card[data-size=small]{width:280px;width:var(--ts-box-width-small)}.card[data-size=medium]{width:360px;width:var(--ts-box-width-medium)}.card[data-rtl]{direction:rtl}";
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('@tradeshift/elements')) : typeof define === 'function' && define.amd ? define(['@tradeshift/elements'], factory) : (global = global || self, factory(global.ts.elements));
})(undefined, function (elements) {
function _templateObject$1() {
var t = _taggedTemplateLiteralLoose$2(['\n\t\t\t\t<div\n\t\t\t\t\tclass="card ', '"\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\tdata-size="', '"\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']);
function _defineProperties(target, props) {
for (var i = 0; i < props.length; i++) {
var descriptor = props[i];
descriptor.enumerable = descriptor.enumerable || false;
descriptor.configurable = true;
if ("value" in descriptor) descriptor.writable = true;
Object.defineProperty(target, descriptor.key, descriptor);
}
}
return _templateObject$1 = function _templateObject() {
return t;
}, t;
}
function _createClass(Constructor, protoProps, staticProps) {
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
if (staticProps) _defineProperties(Constructor, staticProps);
return Constructor;
}
elements$1.customElementDefineHelper("ts-card",
/*#__PURE__*/
function (_elements$TSElement) {
_inheritsLoose(_class, _elements$TSElement);
function _inheritsLoose(subClass, superClass) {
subClass.prototype = Object.create(superClass.prototype);
subClass.prototype.constructor = subClass;
subClass.__proto__ = superClass;
}
function _class() {
var _this;
function _taggedTemplateLiteralLoose(strings, raw) {
if (!raw) {
raw = strings.slice(0);
}
strings.raw = raw;
return strings;
_this = _elements$TSElement.call(this) || this, _this.type = "", _this.size = "full", _this.orientation = "vertical", _this.rtl = !1, _this.noPadding = !1, _this.noHorizontalPadding = !1, _this.noVerticalPadding = !1;
return _this;
}
var css = "/* General........................................................ */\n\n:host {\n\twidth: 100%;\n}\n\n.card {\n\twidth: 100%;\n\tposition: relative;\n\tborder-radius: 3px;\n\tborder-radius: var(--ts-radius);\n\tborder: 1px solid\n\t\trgb(203, 215, 220);\n\tborder: var(--ts-border);\n\tmargin-bottom: calc(0.5 * 20px);\n\tmargin-bottom: var(--ts-unit-half);\n\toverflow: hidden;\n\tpadding: calc(0.25 * 20px) calc(0.5 * 20px);\n\tpadding: var(--ts-unit-quarter) var(--ts-unit-half);\n\tbackground-color: rgb(255, 255, 255);\n\tbackground-color: var(--ts-color-white);\n\ttransition: box-shadow 0.1s,\n\t\tborder-color 0.1s;\n\ttransition: box-shadow var(--ts-transition-now),\n\t\tborder-color var(--ts-transition-now)\n}\n\n.card:hover {\n\t\tborder-color: rgb(0, 174, 255);\n\t\tborder-color: var(--ts-color-blue);\n\t\tbox-shadow: 0 0 0 1px rgb(173, 229, 255);\n\t\tbox-shadow: 0 0 0 1px var(--ts-color-blue-lighter);\n\t}\n\n.card[data-no-horizontal-padding] {\n\t\tpadding-left: 0;\n\t\tpadding-right: 0;\n\t}\n\n.card[data-no-vertical-padding] {\n\t\tpadding-top: 0;\n\t\tpadding-bottom: 0;\n\t}\n\n.card[data-no-padding] {\n\t\tpadding: 0;\n\t}\n\n.card {\n\n\t/* types */\n}\n\n.card[data-type='error'],\n\t.card[data-type='failed'],\n\t.card[data-type='danger'] {\n\t\tborder: 1px solid\n\t\trgb(189, 0, 0);\n\t\tborder: var(--ts-border-error)\n\t}\n\n.card[data-type='error']:hover, .card[data-type='failed']:hover, .card[data-type='danger']:hover {\n\t\t\tbox-shadow: 0 0 0 1px rgb(234, 174, 174);\n\t\t\tbox-shadow: 0 0 0 1px var(--ts-color-red-lighter);\n\t\t}\n\n.card[data-type='success'] {\n\t\tborder: 1px solid\n\t\trgb(80, 198, 16);\n\t\tborder: var(--ts-border-success)\n\t}\n\n.card[data-type='success']:hover {\n\t\t\tbox-shadow: 0 0 0 1px rgb(198, 236, 177);\n\t\t\tbox-shadow: 0 0 0 1px var(--ts-color-green-lighter);\n\t\t}\n\n.card[data-type='focus'],\n\t.card[data-type='active'],\n\t.card[data-type='primary'] {\n\t\tborder: 1px solid\n\t\trgb(0, 174, 255);\n\t\tborder: var(--ts-border-focus)\n\t}\n\n.card[data-type='focus']:hover, .card[data-type='active']:hover, .card[data-type='primary']:hover {\n\t\t\tbox-shadow: 0 0 0 1px rgb(173, 229, 255);\n\t\t\tbox-shadow: 0 0 0 1px var(--ts-color-blue-lighter);\n\t\t}\n\n.card {\n\n\t/* orientations */\n}\n\n.card[data-orientation='horizontal'],\n\t.card[data-orientation='h'] {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t}\n\n.card[data-orientation='vertical'],\n\t.card[data-orientation='v'] {\n\t\tflex-direction: column;\n\t\talign-items: flex-start;\n\t}\n\n.card[data-size='small'] {\n\t\twidth: 280px;\n\t\twidth: var(--ts-box-width-small);\n\t}\n\n.card[data-size='medium'] {\n\t\twidth: 360px;\n\t\twidth: var(--ts-box-width-medium);\n\t}\n\n.card[data-rtl] {\n\t\tdirection: rtl;\n\t}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNhcmQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG9FQUFvRTs7QUFFcEU7Q0FDQyxXQUFXO0FBQ1o7O0FBRUE7Q0FDQyxXQUFXO0NBQ1gsa0JBQWtCO0NBQ2xCLGtCQUErQjtDQUEvQiwrQkFBK0I7Q0FDL0I7b0JBQXdCO0NBQXhCLHdCQUF3QjtDQUN4QiwrQkFBa0M7Q0FBbEMsa0NBQWtDO0NBQ2xDLGdCQUFnQjtDQUNoQiwyQ0FBbUQ7Q0FBbkQsbURBQW1EO0NBQ25ELG9DQUF1QztDQUF2Qyx1Q0FBdUM7Q0FDdkM7bUJBQ3NDO0NBRHRDOztBQTRFRDs7QUF6RUM7RUFDQyw4QkFBa0M7RUFBbEMsa0NBQWtDO0VBQ2xDLHdDQUFrRDtFQUFsRCxrREFBa0Q7Q0FDbkQ7O0FBRUE7RUFDQyxlQUFlO0VBQ2YsZ0JBQWdCO0NBQ2pCOztBQUVBO0VBQ0MsY0FBYztFQUNkLGlCQUFpQjtDQUNsQjs7QUFFQTtFQUNDLFVBQVU7Q0FDWDs7QUE3QkQ7O0NBK0JDLFVBQVU7QUFzRFg7O0FBckRDOzs7RUFHQztnQkFBOEI7RUFBOUI7Q0FLRDs7QUFIQztHQUNDLHdDQUFpRDtHQUFqRCxpREFBaUQ7RUFDbEQ7O0FBR0Q7RUFDQztrQkFBZ0M7RUFBaEM7Q0FLRDs7QUFIQztHQUNDLHdDQUFtRDtHQUFuRCxtREFBbUQ7RUFDcEQ7O0FBR0Q7OztFQUdDO2tCQUE4QjtFQUE5QjtDQUtEOztBQUhDO0dBQ0Msd0NBQWtEO0dBQWxELGtEQUFrRDtFQUNuRDs7QUF6REY7O0NBNERDLGlCQUFpQjtBQXlCbEI7O0FBeEJDOztFQUVDLGFBQWE7RUFDYixtQkFBbUI7RUFDbkIsOEJBQThCO0NBQy9COztBQUVBOztFQUVDLHNCQUFzQjtFQUN0Qix1QkFBdUI7Q0FDeEI7O0FBRUE7RUFDQyxZQUFnQztFQUFoQyxnQ0FBZ0M7Q0FDakM7O0FBRUE7RUFDQyxZQUFpQztFQUFqQyxpQ0FBaUM7Q0FDbEM7O0FBRUE7RUFDQyxjQUFjO0NBQ2YiLCJmaWxlIjoiY2FyZC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBHZW5lcmFsLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4gKi9cblxuOmhvc3Qge1xuXHR3aWR0aDogMTAwJTtcbn1cblxuLmNhcmQge1xuXHR3aWR0aDogMTAwJTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRib3JkZXItcmFkaXVzOiB2YXIoLS10cy1yYWRpdXMpO1xuXHRib3JkZXI6IHZhcigtLXRzLWJvcmRlcik7XG5cdG1hcmdpbi1ib3R0b206IHZhcigtLXRzLXVuaXQtaGFsZik7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHBhZGRpbmc6IHZhcigtLXRzLXVuaXQtcXVhcnRlcikgdmFyKC0tdHMtdW5pdC1oYWxmKTtcblx0YmFja2dyb3VuZC1jb2xvcjogdmFyKC0tdHMtY29sb3Itd2hpdGUpO1xuXHR0cmFuc2l0aW9uOiBib3gtc2hhZG93IHZhcigtLXRzLXRyYW5zaXRpb24tbm93KSxcblx0XHRib3JkZXItY29sb3IgdmFyKC0tdHMtdHJhbnNpdGlvbi1ub3cpO1xuXG5cdCY6aG92ZXIge1xuXHRcdGJvcmRlci1jb2xvcjogdmFyKC0tdHMtY29sb3ItYmx1ZSk7XG5cdFx0Ym94LXNoYWRvdzogMCAwIDAgMXB4IHZhcigtLXRzLWNvbG9yLWJsdWUtbGlnaHRlcik7XG5cdH1cblxuXHQmW2RhdGEtbm8taG9yaXpvbnRhbC1wYWRkaW5nXSB7XG5cdFx0cGFkZGluZy1sZWZ0OiAwO1xuXHRcdHBhZGRpbmctcmlnaHQ6IDA7XG5cdH1cblxuXHQmW2RhdGEtbm8tdmVydGljYWwtcGFkZGluZ10ge1xuXHRcdHBhZGRpbmctdG9wOiAwO1xuXHRcdHBhZGRpbmctYm90dG9tOiAwO1xuXHR9XG5cblx0JltkYXRhLW5vLXBhZGRpbmddIHtcblx0XHRwYWRkaW5nOiAwO1xuXHR9XG5cblx0LyogdHlwZXMgKi9cblx0JltkYXRhLXR5cGU9J2Vycm9yJ10sXG5cdCZbZGF0YS10eXBlPSdmYWlsZWQnXSxcblx0JltkYXRhLXR5cGU9J2RhbmdlciddIHtcblx0XHRib3JkZXI6IHZhcigtLXRzLWJvcmRlci1lcnJvcik7XG5cblx0XHQmOmhvdmVyIHtcblx0XHRcdGJveC1zaGFkb3c6IDAgMCAwIDFweCB2YXIoLS10cy1jb2xvci1yZWQtbGlnaHRlcik7XG5cdFx0fVxuXHR9XG5cblx0JltkYXRhLXR5cGU9J3N1Y2Nlc3MnXSB7XG5cdFx0Ym9yZGVyOiB2YXIoLS10cy1ib3JkZXItc3VjY2Vzcyk7XG5cblx0XHQmOmhvdmVyIHtcblx0XHRcdGJveC1zaGFkb3c6IDAgMCAwIDFweCB2YXIoLS10cy1jb2xvci1ncmVlbi1saWdodGVyKTtcblx0XHR9XG5cdH1cblxuXHQmW2RhdGEtdHlwZT0nZm9jdXMnXSxcblx0JltkYXRhLXR5cGU9J2FjdGl2ZSddLFxuXHQmW2RhdGEtdHlwZT0ncHJpbWFyeSddIHtcblx0XHRib3JkZXI6IHZhcigtLXRzLWJvcmRlci1mb2N1cyk7XG5cblx0XHQmOmhvdmVyIHtcblx0XHRcdGJveC1zaGFkb3c6IDAgMCAwIDFweCB2YXIoLS10cy1jb2xvci1ibHVlLWxpZ2h0ZXIpO1xuXHRcdH1cblx0fVxuXG5cdC8qIG9yaWVudGF0aW9ucyAqL1xuXHQmW2RhdGEtb3JpZW50YXRpb249J2hvcml6b250YWwnXSxcblx0JltkYXRhLW9yaWVudGF0aW9uPSdoJ10ge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdH1cblxuXHQmW2RhdGEtb3JpZW50YXRpb249J3ZlcnRpY2FsJ10sXG5cdCZbZGF0YS1vcmllbnRhdGlvbj0ndiddIHtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHR9XG5cblx0JltkYXRhLXNpemU9J3NtYWxsJ10ge1xuXHRcdHdpZHRoOiB2YXIoLS10cy1ib3gtd2lkdGgtc21hbGwpO1xuXHR9XG5cblx0JltkYXRhLXNpemU9J21lZGl1bSddIHtcblx0XHR3aWR0aDogdmFyKC0tdHMtYm94LXdpZHRoLW1lZGl1bSk7XG5cdH1cblxuXHQmW2RhdGEtcnRsXSB7XG5cdFx0ZGlyZWN0aW9uOiBydGw7XG5cdH1cbn1cbiJdfQ== */";
var _proto = _class.prototype;
function _templateObject() {
var data = _taggedTemplateLiteralLoose(["\n\t\t\t\t<div\n\t\t\t\t\tclass=\"card ", "\"\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\tdata-size=\"", "\"\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"]);
_proto.render = function render() {
return elements$1.html(_templateObject$1(), this.cardClassNames, this.orientation, this.type, this.noPadding, this.noHorizontalPadding, this.noVerticalPadding, this.size, this.rtl);
};
_templateObject = function _templateObject() {
return data;
};
return data;
}
elements.customElementDefineHelper('ts-card',
/*#__PURE__*/
function (_TSElement) {
_inheritsLoose(_class, _TSElement);
function _class() {
var _this;
_this = _TSElement.call(this) || this;
_this.type = '';
_this.size = 'full';
_this.orientation = 'vertical';
_this.rtl = false;
_this.noPadding = false;
_this.noHorizontalPadding = false;
_this.noVerticalPadding = false;
return _this;
_createClass(_class, null, [{
key: "styles",
get: function get() {
return [elements$1.TSElement.styles, elements$1.unsafeCSS(css$1)];
}
}, {
key: "properties",
get: function get() {
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"
}
};
}
}]);
var _proto = _class.prototype;
return _class;
}(elements$1.TSElement));
_proto.render = function render() {
return elements.html(_templateObject(), this.cardClassNames, this.orientation, this.type, this.noPadding, this.noHorizontalPadding, this.noVerticalPadding, this.size, this.rtl);
};
var elements$2 = require("@tradeshift/elements");
_createClass(_class, null, [{
key: "styles",
get: function get() {
return [elements.TSElement.styles, elements.unsafeCSS(css)];
}
}, {
key: "properties",
get: function get() {
return {
type: {
type: String,
reflect: true
},
orientation: {
type: String,
reflect: true
},
rtl: {
type: Boolean,
reflect: true
},
size: {
type: String,
reflect: true
},
noPadding: {
type: Boolean,
reflect: true,
attribute: 'no-padding'
},
noHorizontalPadding: {
type: Boolean,
reflect: true,
attribute: 'no-horizontal-padding'
},
noVerticalPadding: {
type: Boolean,
reflect: true,
attribute: 'no-vertical-padding'
}
};
}
}]);
function _taggedTemplateLiteralLoose$3(t, e) {
return e || (e = t.slice(0)), t.raw = e, t;
}
return _class;
}(elements.TSElement));
});
var css$2 = ":host{width:100%}.progress-bar-wrapper{height:5px;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{animation:infinite-progress 1s linear infinite}@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}}";
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('@tradeshift/elements')) : typeof define === 'function' && define.amd ? define(['@tradeshift/elements'], factory) : (global = global || self, factory(global.ts.elements));
})(undefined, function (elements) {
function _templateObject$2() {
var t = _taggedTemplateLiteralLoose$3(['\n\t\t\t\t<div\n\t\t\t\t\tclass="progress-bar-wrapper"\n\t\t\t\t\t?data-indeterminate="', '"\n\t\t\t\t>\n\t\t\t\t\t<div class="progress-bar-total">\n\t\t\t\t\t\t<div style="', '" class="progress-bar-done"></div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t']);
function _defineProperties(target, props) {
for (var i = 0; i < props.length; i++) {
var descriptor = props[i];
descriptor.enumerable = descriptor.enumerable || false;
descriptor.configurable = true;
if ("value" in descriptor) descriptor.writable = true;
Object.defineProperty(target, descriptor.key, descriptor);
}
}
return _templateObject$2 = function _templateObject() {
return t;
}, t;
}
function _createClass(Constructor, protoProps, staticProps) {
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
if (staticProps) _defineProperties(Constructor, staticProps);
return Constructor;
}
elements$2.customElementDefineHelper("ts-progress-bar",
/*#__PURE__*/
function (_elements$TSElement) {
_inheritsLoose(_class, _elements$TSElement);
function _inheritsLoose(subClass, superClass) {
subClass.prototype = Object.create(superClass.prototype);
subClass.prototype.constructor = subClass;
subClass.__proto__ = superClass;
}
function _taggedTemplateLiteralLoose(strings, raw) {
if (!raw) {
raw = strings.slice(0);
_createClass(_class, null, [{
key: "styles",
get: function get() {
return [elements$2.TSElement.styles, elements$2.unsafeCSS(css$2)];
}
}, {
key: "properties",
get: function get() {
return {
total: {
type: Number,
reflect: !0
},
done: {
type: Number,
reflect: !0
},
indeterminate: {
type: Boolean,
reflect: !0
}
};
}
}]);
strings.raw = raw;
return strings;
}
function _class() {
var _this;
var css = "/* General........................................................ */\n:host {\n\twidth: 100%;\n}\n\n.progress-bar-wrapper {\n\theight: calc(0.25 * 20px);\n\theight: var(--ts-progress-bar-height);\n\tborder-radius: 100em;\n\toverflow: hidden;\n}\n\n.progress-bar-total {\n\tposition: relative;\n\theight: 100%;\n\twidth: 100%;\n\tbackground-color: rgb(173, 229, 255);\n\tbackground-color: var(--ts-color-blue-lighter);\n}\n\n.progress-bar-done {\n\tposition: absolute;\n\tborder-radius: 100em;\n\tleft: 0;\n\ttop: 0;\n\theight: 100%;\n\tbackground-color: rgb(0, 174, 255);\n\tbackground-color: var(--ts-color-blue);\n}\n\n.progress-bar-wrapper[data-indeterminate] .progress-bar-done {\n\tanimation: infinite-progress 1s linear infinite;\n}\n\n@keyframes infinite-progress {\n\t0% {\n\t\twidth: 0;\n\t\tmargin-left: 0;\n\t\tmargin-right: 100%;\n\t}\n\t20% {\n\t\twidth: 30%;\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n\t40% {\n\t\twidth: 30%;\n\t\tmargin-left: 30%;\n\t\tmargin-right: 0;\n\t}\n\t60% {\n\t\twidth: 40%;\n\t\tmargin-left: 50%;\n\t\tmargin-right: 0;\n\t}\n\t80% {\n\t\twidth: 40%;\n\t\tmargin-left: 70%;\n\t\tmargin-right: 0;\n\t}\n\t100% {\n\t\twidth: 0;\n\t\tmargin-left: 100%;\n\t\tmargin-right: 0;\n\t}\n}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInByb2dyZXNzLWJhci5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsb0VBQW9FO0FBQ3BFO0NBQ0MsV0FBVztBQUNaOztBQUVBO0NBQ0MseUJBQXFDO0NBQXJDLHFDQUFxQztDQUNyQyxvQkFBb0I7Q0FDcEIsZ0JBQWdCO0FBQ2pCOztBQUVBO0NBQ0Msa0JBQWtCO0NBQ2xCLFlBQVk7Q0FDWixXQUFXO0NBQ1gsb0NBQThDO0NBQTlDLDhDQUE4QztBQUMvQzs7QUFFQTtDQUNDLGtCQUFrQjtDQUNsQixvQkFBb0I7Q0FDcEIsT0FBTztDQUNQLE1BQU07Q0FDTixZQUFZO0NBQ1osa0NBQXNDO0NBQXRDLHNDQUFzQztBQUN2Qzs7QUFFQTtDQUNDLCtDQUErQztBQUNoRDs7QUFFQTtDQUNDO0VBQ0MsUUFBUTtFQUNSLGNBQWM7RUFDZCxrQkFBa0I7Q0FDbkI7Q0FDQTtFQUNDLFVBQVU7RUFDVixjQUFjO0VBQ2QsZUFBZTtDQUNoQjtDQUNBO0VBQ0MsVUFBVTtFQUNWLGdCQUFnQjtFQUNoQixlQUFlO0NBQ2hCO0NBQ0E7RUFDQyxVQUFVO0VBQ1YsZ0JBQWdCO0VBQ2hCLGVBQWU7Q0FDaEI7Q0FDQTtFQUNDLFVBQVU7RUFDVixnQkFBZ0I7RUFDaEIsZUFBZTtDQUNoQjtDQUNBO0VBQ0MsUUFBUTtFQUNSLGlCQUFpQjtFQUNqQixlQUFlO0NBQ2hCO0FBQ0QiLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIEdlbmVyYWwuLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLiAqL1xuOmhvc3Qge1xuXHR3aWR0aDogMTAwJTtcbn1cblxuLnByb2dyZXNzLWJhci13cmFwcGVyIHtcblx0aGVpZ2h0OiB2YXIoLS10cy1wcm9ncmVzcy1iYXItaGVpZ2h0KTtcblx0Ym9yZGVyLXJhZGl1czogMTAwZW07XG5cdG92ZXJmbG93OiBoaWRkZW47XG59XG5cbi5wcm9ncmVzcy1iYXItdG90YWwge1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGhlaWdodDogMTAwJTtcblx0d2lkdGg6IDEwMCU7XG5cdGJhY2tncm91bmQtY29sb3I6IHZhcigtLXRzLWNvbG9yLWJsdWUtbGlnaHRlcik7XG59XG5cbi5wcm9ncmVzcy1iYXItZG9uZSB7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0Ym9yZGVyLXJhZGl1czogMTAwZW07XG5cdGxlZnQ6IDA7XG5cdHRvcDogMDtcblx0aGVpZ2h0OiAxMDAlO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS10cy1jb2xvci1ibHVlKTtcbn1cblxuLnByb2dyZXNzLWJhci13cmFwcGVyW2RhdGEtaW5kZXRlcm1pbmF0ZV0gLnByb2dyZXNzLWJhci1kb25lIHtcblx0YW5pbWF0aW9uOiBpbmZpbml0ZS1wcm9ncmVzcyAxcyBsaW5lYXIgaW5maW5pdGU7XG59XG5cbkBrZXlmcmFtZXMgaW5maW5pdGUtcHJvZ3Jlc3Mge1xuXHQwJSB7XG5cdFx0d2lkdGg6IDA7XG5cdFx0bWFyZ2luLWxlZnQ6IDA7XG5cdFx0bWFyZ2luLXJpZ2h0OiAxMDAlO1xuXHR9XG5cdDIwJSB7XG5cdFx0d2lkdGg6IDMwJTtcblx0XHRtYXJnaW4tbGVmdDogMDtcblx0XHRtYXJnaW4tcmlnaHQ6IDA7XG5cdH1cblx0NDAlIHtcblx0XHR3aWR0aDogMzAlO1xuXHRcdG1hcmdpbi1sZWZ0OiAzMCU7XG5cdFx0bWFyZ2luLXJpZ2h0OiAwO1xuXHR9XG5cdDYwJSB7XG5cdFx0d2lkdGg6IDQwJTtcblx0XHRtYXJnaW4tbGVmdDogNTAlO1xuXHRcdG1hcmdpbi1yaWdodDogMDtcblx0fVxuXHQ4MCUge1xuXHRcdHdpZHRoOiA0MCU7XG5cdFx0bWFyZ2luLWxlZnQ6IDcwJTtcblx0XHRtYXJnaW4tcmlnaHQ6IDA7XG5cdH1cblx0MTAwJSB7XG5cdFx0d2lkdGg6IDA7XG5cdFx0bWFyZ2luLWxlZnQ6IDEwMCU7XG5cdFx0bWFyZ2luLXJpZ2h0OiAwO1xuXHR9XG59XG4iXX0= */";
function _templateObject() {
var data = _taggedTemplateLiteralLoose(["\n\t\t\t\t<div\n\t\t\t\t\tclass=\"progress-bar-wrapper\"\n\t\t\t\t\t?data-indeterminate=\"", "\"\n\t\t\t\t>\n\t\t\t\t\t<div class=\"progress-bar-total\">\n\t\t\t\t\t\t<div style=\"", "\" class=\"progress-bar-done\"></div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t"]);
_templateObject = function _templateObject() {
return data;
};
return data;
_this = _elements$TSElement.call(this) || this, _this.total = 100, _this.done = 0, _this.indeterminate = !1;
return _this;
}
elements.customElementDefineHelper('ts-progress-bar',
/*#__PURE__*/
function (_TSElement) {
_inheritsLoose(_class, _TSElement);
var _proto = _class.prototype;
_createClass(_class, null, [{
key: "styles",
get: function get() {
return [elements.TSElement.styles, elements.unsafeCSS(css)];
}
}, {
key: "properties",
get: function get() {
return {
total: {
type: Number,
reflect: true
},
done: {
type: Number,
reflect: true
},
indeterminate: {
type: Boolean,
reflect: true
}
};
}
}]);
_proto.render = function render() {
return elements$2.html(_templateObject$2(), this.indeterminate, this.doneWidthStyle);
};
function _class() {
var _this;
_this = _TSElement.call(this) || this;
_this.total = 100;
_this.done = 0;
_this.indeterminate = false;
return _this;
_createClass(_class, [{
key: "doneWidthStyle",
get: function get() {
if (!this.indeterminate) return "width: " + this.done / this.total * 100 + "%";
}
}]);
var _proto = _class.prototype;
return _class;
}(elements$2.TSElement));
_proto.render = function render() {
return elements.html(_templateObject(), this.indeterminate, this.doneWidthStyle);
};
var elements$1$1 = require("@tradeshift/elements");
_createClass(_class, [{
key: "doneWidthStyle",
get: function get() {
if (!this.indeterminate) {
return "width: " + this.done / this.total * 100 + "%";
}
}
}]);
function _taggedTemplateLiteralLoose$4(t, e) {
return e || (e = t.slice(0)), t.raw = e, t;
}
return _class;
}(elements.TSElement));
});
var elements$3 = require("@tradeshift/elements");
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('@tradeshift/elements')) : typeof define === 'function' && define.amd ? define(['@tradeshift/elements'], factory) : (global = global || self, factory(global.ts.elements));
})(undefined, function (elements) {
function _taggedTemplateLiteralLoose$1$1(t, e) {
return e || (e = t.slice(0)), t.raw = e, t;
}
function _defineProperties(target, props) {
for (var i = 0; i < props.length; i++) {
var descriptor = props[i];
descriptor.enumerable = descriptor.enumerable || false;
descriptor.configurable = true;
if ("value" in descriptor) descriptor.writable = true;
Object.defineProperty(target, descriptor.key, descriptor);
}
}
var css$3 = ":host{display:block}:host [data-variant=default]{font-size:14px;font-size:var(--ts-fontsize)}:host [data-variant=title]{font-size:16px;font-size:var(--ts-fontsize-medium);font-weight:600;font-weight:var(--ts-fontweight-semibold)}:host [data-variant=subtitle]{font-size:12px;font-size:var(--ts-fontsize-mini);color:#506b77;color:var(--ts-color-slate-lightest)}:host [data-no-wrap]{position:relative;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host [data-color=default]{color:#0f151a;color:var(--ts-color-black)}:host [data-color=warning]{color:#ff8c00;color:var(--ts-color-orange)}:host [data-color=danger],:host [data-color=error]{color:#bd0000;color:var(--ts-color-red)}:host [data-color=action],:host [data-color=primary]{color:#00aeff;color:var(--ts-color-blue)}:host [data-color=success]{color:#50c610;color:var(--ts-color-green)}";
function _createClass(Constructor, protoProps, staticProps) {
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
if (staticProps) _defineProperties(Constructor, staticProps);
return Constructor;
}
function _templateObject$3() {
var t = _taggedTemplateLiteralLoose$1$1(['\n\t\t\t\t<div\n\t\t\t\t\ttitle="', '"\n\t\t\t\t\tclass="', '"\n\t\t\t\t\tdata-color="', '"\n\t\t\t\t\tdata-variant="', '"\n\t\t\t\t\t?data-no-wrap="', '"\n\t\t\t\t>\n\t\t\t\t\t', "\n\t\t\t\t</div>\n\t\t\t"]);
function _inheritsLoose(subClass, superClass) {
subClass.prototype = Object.create(superClass.prototype);
subClass.prototype.constructor = subClass;
subClass.__proto__ = superClass;
}
return _templateObject$3 = function _templateObject() {
return t;
}, t;
}
function _taggedTemplateLiteralLoose(strings, raw) {
if (!raw) {
raw = strings.slice(0);
}
elements$3.customElementDefineHelper("ts-typography",
/*#__PURE__*/
function (_elements$TSElement) {
_inheritsLoose(_class, _elements$TSElement);
strings.raw = raw;
return strings;
function _class() {
var _this;
_this = _elements$TSElement.call(this) || this, _this.text = "", _this.color = "default", _this.variant = "default", _this.inline = !1, _this.noWrap = !1;
return _this;
}
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('@tradeshift/elements')) : typeof define === 'function' && define.amd ? define(['@tradeshift/elements'], factory) : (global = global || self, factory(global.ts.elements));
})(undefined, function (elements) {
function _defineProperties(target, props) {
for (var i = 0; i < props.length; i++) {
var descriptor = props[i];
descriptor.enumerable = descriptor.enumerable || false;
descriptor.configurable = true;
if ("value" in descriptor) descriptor.writable = true;
Object.defineProperty(target, descriptor.key, descriptor);
}
}
var _proto = _class.prototype;
function _createClass(Constructor, protoProps, staticProps) {
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
if (staticProps) _defineProperties(Constructor, staticProps);
return Constructor;
}
_proto.render = function render() {
return elements$3.html(_templateObject$3(), this.text, this.classNames, this.color, this.variant, this.noWrap, this.text);
};
function _inheritsLoose(subClass, superClass) {
subClass.prototype = Object.create(superClass.prototype);
subClass.prototype.constructor = subClass;
subClass.__proto__ = superClass;
_createClass(_class, null, [{
key: "styles",
get: function get() {
return [elements$3.TSElement.styles, elements$3.unsafeCSS(css$3)];
}
function _taggedTemplateLiteralLoose(strings, raw) {
if (!raw) {
raw = strings.slice(0);
}
strings.raw = raw;
return strings;
}
var css = "/* General........................................................ */\n\n:host {\n\tdisplay: block;\n}\n\n:host [data-variant='default'] {\n\tfont-size: 14px;\n\tfont-size: var(--ts-fontsize);\n}\n\n:host [data-variant='title'] {\n\tfont-size: 16px;\n\tfont-size: var(--ts-fontsize-medium);\n\tfont-weight: 600;\n\tfont-weight: var(--ts-fontweight-semibold);\n}\n\n:host [data-variant='subtitle'] {\n\tfont-size: 12px;\n\tfont-size: var(--ts-fontsize-mini);\n\tcolor: rgb(80, 107, 119);\n\tcolor: var(--ts-color-slate-lightest);\n}\n\n:host [data-no-wrap] {\n\tposition: relative;\n\tmax-width: 100%;\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n}\n\n:host [data-color='default'] {\n\tcolor: rgb(15, 21, 26);\n\tcolor: var(--ts-color-black);\n}\n\n:host [data-color='warning'] {\n\tcolor: rgb(255, 140, 0);\n\tcolor: var(--ts-color-orange);\n}\n\n:host [data-color='error'],\n:host [data-color='danger'] {\n\tcolor: rgb(189, 0, 0);\n\tcolor: var(--ts-color-red);\n}\n\n:host [data-color='primary'],\n:host [data-color='action'] {\n\tcolor: rgb(0, 174, 255);\n\tcolor: var(--ts-color-blue);\n}\n\n:host [data-color='success'] {\n\tcolor: rgb(80, 198, 16);\n\tcolor: var(--ts-color-green);\n}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInR5cG9ncmFwaHkuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG9FQUFvRTs7QUFFcEU7Q0FDQyxjQUFjO0FBQ2Y7O0FBRUE7Q0FDQyxlQUE2QjtDQUE3Qiw2QkFBNkI7QUFDOUI7O0FBRUE7Q0FDQyxlQUFvQztDQUFwQyxvQ0FBb0M7Q0FDcEMsZ0JBQTBDO0NBQTFDLDBDQUEwQztBQUMzQzs7QUFFQTtDQUNDLGVBQWtDO0NBQWxDLGtDQUFrQztDQUNsQyx3QkFBcUM7Q0FBckMscUNBQXFDO0FBQ3RDOztBQUVBO0NBQ0Msa0JBQWtCO0NBQ2xCLGVBQWU7Q0FDZixtQkFBbUI7Q0FDbkIsZ0JBQWdCO0NBQ2hCLHVCQUF1QjtBQUN4Qjs7QUFFQTtDQUNDLHNCQUE0QjtDQUE1Qiw0QkFBNEI7QUFDN0I7O0FBRUE7Q0FDQyx1QkFBNkI7Q0FBN0IsNkJBQTZCO0FBQzlCOztBQUVBOztDQUVDLHFCQUEwQjtDQUExQiwwQkFBMEI7QUFDM0I7O0FBRUE7O0NBRUMsdUJBQTJCO0NBQTNCLDJCQUEyQjtBQUM1Qjs7QUFFQTtDQUNDLHVCQUE0QjtDQUE1Qiw0QkFBNEI7QUFDN0IiLCJmaWxlIjoidHlwb2dyYXBoeS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBHZW5lcmFsLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4gKi9cblxuOmhvc3Qge1xuXHRkaXNwbGF5OiBibG9jaztcbn1cblxuOmhvc3QgW2RhdGEtdmFyaWFudD0nZGVmYXVsdCddIHtcblx0Zm9udC1zaXplOiB2YXIoLS10cy1mb250c2l6ZSk7XG59XG5cbjpob3N0IFtkYXRhLXZhcmlhbnQ9J3RpdGxlJ10ge1xuXHRmb250LXNpemU6IHZhcigtLXRzLWZvbnRzaXplLW1lZGl1bSk7XG5cdGZvbnQtd2VpZ2h0OiB2YXIoLS10cy1mb250d2VpZ2h0LXNlbWlib2xkKTtcbn1cblxuOmhvc3QgW2RhdGEtdmFyaWFudD0nc3VidGl0bGUnXSB7XG5cdGZvbnQtc2l6ZTogdmFyKC0tdHMtZm9udHNpemUtbWluaSk7XG5cdGNvbG9yOiB2YXIoLS10cy1jb2xvci1zbGF0ZS1saWdodGVzdCk7XG59XG5cbjpob3N0IFtkYXRhLW5vLXdyYXBdIHtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRtYXgtd2lkdGg6IDEwMCU7XG5cdHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xufVxuXG46aG9zdCBbZGF0YS1jb2xvcj0nZGVmYXVsdCddIHtcblx0Y29sb3I6IHZhcigtLXRzLWNvbG9yLWJsYWNrKTtcbn1cblxuOmhvc3QgW2RhdGEtY29sb3I9J3dhcm5pbmcnXSB7XG5cdGNvbG9yOiB2YXIoLS10cy1jb2xvci1vcmFuZ2UpO1xufVxuXG46aG9zdCBbZGF0YS1jb2xvcj0nZXJyb3InXSxcbjpob3N0IFtkYXRhLWNvbG9yPSdkYW5nZXInXSB7XG5cdGNvbG9yOiB2YXIoLS10cy1jb2xvci1yZWQpO1xufVxuXG46aG9zdCBbZGF0YS1jb2xvcj0ncHJpbWFyeSddLFxuOmhvc3QgW2RhdGEtY29sb3I9J2FjdGlvbiddIHtcblx0Y29sb3I6IHZhcigtLXRzLWNvbG9yLWJsdWUpO1xufVxuXG46aG9zdCBbZGF0YS1jb2xvcj0nc3VjY2VzcyddIHtcblx0Y29sb3I6IHZhcigtLXRzLWNvbG9yLWdyZWVuKTtcbn1cbiJdfQ== */";
function _templateObject() {
var data = _taggedTemplateLiteralLoose(["\n\t\t\t\t<div\n\t\t\t\t\ttitle=\"", "\"\n\t\t\t\t\tclass=\"", "\"\n\t\t\t\t\tdata-color=\"", "\"\n\t\t\t\t\tdata-variant=\"", "\"\n\t\t\t\t\t?data-no-wrap=\"", "\"\n\t\t\t\t>\n\t\t\t\t\t", "\n\t\t\t\t</div>\n\t\t\t"]);
_templateObject = function _templateObject() {
return data;
}, {
key: "properties",
get: function get() {
return {
text: {
type: String,
reflect: !0
},
variant: {
type: String,
reflect: !0
},
color: {
type: String,
reflect: !0
},
inline: {
type: Boolean,
reflect: !0
},
classNames: {
type: String,
reflect: !0,
attribute: "class-names"
},
noWrap: {
type: Boolean,
reflect: !0,
attribute: "no-wrap"
}
};
return data;
}
}]);
elements.customElementDefineHelper('ts-typography',
/*#__PURE__*/
function (_TSElement) {
_inheritsLoose(_class, _TSElement);
return _class;
}(elements$3.TSElement));
var css$1$1 = "";
function _class() {
var _this;
function _templateObject$1$1() {
var t = _taggedTemplateLiteralLoose$4(['\n\t\t\t\t<ts-typography\n\t\t\t\t\ttext="', '"\n\t\t\t\t\tvariant="', '"\n\t\t\t\t\tcolor="', '"\n\t\t\t\t></ts-typography>\n\t\t\t']);
_this = _TSElement.call(this) || this;
_this.text = '';
_this.color = 'default';
_this.variant = 'default';
_this.inline = false;
_this.noWrap = false;
return _this;
}
return _templateObject$1$1 = function _templateObject$1() {
return t;
}, t;
}
var _proto = _class.prototype;
elements$1$1.customElementDefineHelper("ts-file-size",
/*#__PURE__*/
function (_elements$1$TSElement) {
_inheritsLoose(_class2, _elements$1$TSElement);
_proto.render = function render() {
return elements.html(_templateObject(), this.text, this.classNames, this.color, this.variant, this.noWrap, this.text);
_createClass(_class2, null, [{
key: "styles",
get: function get() {
return [elements$1$1.TSElement.styles, elements$1$1.unsafeCSS(css$1$1)];
}
}, {
key: "properties",
get: function get() {
return {
size: {
type: Number,
reflect: !0
},
decimalPoint: {
type: Number,
reflect: !0,
attribute: "decimal-point"
},
variant: {
type: String,
reflect: !0
},
color: {
type: String,
reflect: !0
}
};
}
}]);
_createClass(_class, null, [{
key: "styles",
get: function get() {
return [elements.TSElement.styles, elements.unsafeCSS(css)];
}
}, {
key: "properties",
get: function get() {
return {
text: {
type: String,
reflect: true
},
variant: {
type: String,
reflect: true
},
color: {
type: String,
reflect: true
},
inline: {
type: Boolean,
reflect: true
},
classNames: {
type: String,
reflect: true,
attribute: 'class-names'
},
noWrap: {
type: Boolean,
reflect: true,
attribute: 'no-wrap'
}
};
}
}]);
function _class2() {
var _this2;
return _class;
}(elements.TSElement));
});
var css = "\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJmaWxlLXNpemUuY3NzIn0= */";
function _templateObject() {
var data = _taggedTemplateLiteralLoose(["\n\t\t\t\t<ts-typography\n\t\t\t\t\ttext=\"", "\"\n\t\t\t\t\tvariant=\"", "\"\n\t\t\t\t\tcolor=\"", "\"\n\t\t\t\t></ts-typography>\n\t\t\t"]);
_templateObject = function _templateObject() {
return data;
};
return data;
_this2 = _elements$1$TSElement.call(this) || this, _this2.size = 0, _this2.decimalPoint = 2, _this2.variant = "subtitle", _this2.color = "default";
return _this2;
}
elements.customElementDefineHelper('ts-file-size',
/*#__PURE__*/
function (_TSElement) {
_inheritsLoose(_class, _TSElement);
var _proto2 = _class2.prototype;
_createClass(_class, null, [{
key: "styles",
get: function get() {
return [elements.TSElement.styles, elements.unsafeCSS(css)];
}
}, {
key: "properties",
get: function get() {
return {
size: {
type: Number,
reflect: true
},
decimalPoint: {
type: Number,
reflect: true,
attribute: 'decimal-point'
},
variant: {
type: String,
reflect: true
},
color: {
type: String,
reflect: true
}
};
}
}]);
_proto2.render = function render() {
return elements$1$1.html(_templateObject$1$1(), this.formatFileSize, this.variant, this.color);
};
function _class() {
var _this;
_this = _TSElement.call(this) || this;
_this.size = 0;
_this.decimalPoint = 2;
_this.variant = 'subtitle';
_this.color = 'default';
return _this;
_createClass(_class2, [{
key: "formatFileSize",
get: function get() {
var t = this.size,
e = this.decimalPoint;
if (0 === t) return "0 Bytes";
var r = Math.floor(Math.log(t) / Math.log(1e3));
return parseFloat((t / Math.pow(1e3, r)).toFixed(e)) + " " + ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"][r];
}
}]);
var _proto = _class.prototype;
return _class2;
}(elements$1$1.TSElement));
_proto.render = function render() {
return elements.html(_templateObject(), this.formatFileSize, this.variant, this.color);
};
var css$4 = ":host {\n\tdisplay: block;\n}\n\n.action-icon,\n.file-icon-wrapper .file-icon {\n\tmargin-top: calc(0.25 * 20px);\n\tmargin-top: var(--ts-unit-quarter);\n}\n\n.file-icon-wrapper .file-icon #outline {\n\tfill: rgb(255, 255, 255);\n\tfill: var(--ts-color-white);\n\tstroke: rgb(130, 159, 171);\n\tstroke: var(--ts-color-gray-dark);\n}\n\n.file-icon-wrapper .file-icon #fold {\n\tfill: rgb(130, 159, 171);\n\tfill: var(--ts-color-gray-dark);\n}\n\n.dots-icon circle {\n\tfill: rgb(154, 178, 188);\n\tfill: var(--ts-color-gray);\n}\n\n.file-name {\n\tfont-weight: bold;\n}\n\n.action-icon {\n\tfill: rgb(80, 107, 119);\n\tfill: var(--ts-color-slate-lightest);\n}\n\n.content,\n.file-icon-wrapper,\n.download-action,\n.remove-action {\n\tcursor: pointer;\n}\n\n.state-uploading .content,\n.state-uploading .file-icon-wrapper,\n.state-failed .content,\n.state-failed .file-icon-wrapper {\n\tcursor: default;\n}\n\n.content {\n\tposition: relative;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\tflex-grow: 2;\n\tmax-width: calc(100% - 20px - 35px);\n\twidth: calc(100% - 20px - 35px);\n\tpadding: calc(0.5 * 20px) calc(0.5 * 20px);\n\tpadding: var(--ts-unit-half) var(--ts-unit-half);\n}\n\n.remove-action-message,\n.download-action-message {\n\tcolor: rgb(0, 174, 255);\n\tcolor: var(--ts-color-blue);\n}\n\n.remove-action-message,\n.download-action-message {\n\tdisplay: none;\n}\n\n.download-action-hovered .file-information,\n\t.download-action-hovered .error-message,\n\t.download-action-hovered .progress-bar,\n\t.remove-action-hovered .file-information,\n\t.remove-action-hovered .error-message,\n\t.remove-action-hovered .progress-bar {\n\t\tdisplay: none;\n\t}\n\n.download-action-hovered.state-uploading .download-action-message, .download-action-hovered.state-failed .download-action-message {\n\t\t\tdisplay: none;\n\t\t}\n\n.download-action-hovered.state-uploading .file-information,\n\t\t.download-action-hovered.state-uploading .error-message,\n\t\t.download-action-hovered.state-uploading .progress-bar,\n\t\t.download-action-hovered.state-failed .file-information,\n\t\t.download-action-hovered.state-failed .error-message,\n\t\t.download-action-hovered.state-failed .progress-bar {\n\t\t\tdisplay: inline;\n\t\t\tdisplay: initial;\n\t\t}\n\n.remove-action-hovered .remove-action-message,\n.download-action-hovered .download-action-message {\n\tdisplay: block;\n}\n\n.download-action-hovered .download-action .action-icon {\n\t\t\tfill: rgb(0, 174, 255);\n\t\t\tfill: var(--ts-color-blue);\n\t\t}\n.remove-action-hovered .remove-action .action-icon {\n\t\t\tfill: rgb(0, 174, 255);\n\t\t\tfill: var(--ts-color-blue);\n\t\t}\n\n.progress-bar {\n\t--ts-progress-bar-margin: calc(\n\t\t(var(--ts-unit) - var(--ts-progress-bar-height)) / 2\n\t);\n\tmargin: var(--ts-progress-bar-margin) 0;\n}\n\n.action-icon-wrapper {\n\tdisplay: none;\n}\n\n.state-uploading .remove-action, .state-download[data-removable] .remove-action, .state-failed .remove-action {\n\t\tdisplay: block;\n\t}\n\n.state-download .download-action {\n\tdisplay: block;\n}\n\n.state-download[data-removable] .download-action {\n\tdisplay: none;\n}\n\n.file-information {\n\tdisplay: flex;\n}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpbGUtY2FyZC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Q0FDQyxjQUFjO0FBQ2Y7O0FBRUE7O0NBRUMsNkJBQWtDO0NBQWxDLGtDQUFrQztBQUNuQzs7QUFFQTtDQUNDLHdCQUEyQjtDQUEzQiwyQkFBMkI7Q0FDM0IsMEJBQWlDO0NBQWpDLGlDQUFpQztBQUNsQzs7QUFFQTtDQUNDLHdCQUErQjtDQUEvQiwrQkFBK0I7QUFDaEM7O0FBRUE7Q0FDQyx3QkFBMEI7Q0FBMUIsMEJBQTBCO0FBQzNCOztBQUVBO0NBQ0MsaUJBQWlCO0FBQ2xCOztBQUVBO0NBQ0MsdUJBQW9DO0NBQXBDLG9DQUFvQztBQUNyQzs7QUFFQTs7OztDQUlDLGVBQWU7QUFDaEI7O0FBRUE7Ozs7Q0FJQyxlQUFlO0FBQ2hCOztBQUVBO0NBQ0Msa0JBQWtCO0NBQ2xCLGFBQWE7Q0FDYixzQkFBc0I7Q0FDdEIsdUJBQXVCO0NBQ3ZCLFlBQVk7Q0FDWixtQ0FBbUM7Q0FDbkMsK0JBQStCO0NBQy9CLDBDQUFnRDtDQUFoRCxnREFBZ0Q7QUFDakQ7O0FBRUE7O0NBRUMsdUJBQTJCO0NBQTNCLDJCQUEyQjtBQUM1Qjs7QUFFQTs7Q0FFQyxhQUFhO0FBQ2Q7O0FBSUM7Ozs7OztFQUdDLGFBQWE7Q0FDZDs7QUFNQztHQUNDLGFBQWE7RUFDZDs7QUFFQTs7Ozs7O0dBR0MsZUFBZ0I7R0FBaEIsZ0JBQWdCO0VBQ2pCOztBQUlGOztDQUVDLGNBQWM7QUFDZjs7QUFJRTtHQUNDLHNCQUEwQjtHQUExQiwwQkFBMEI7RUFDM0I7QUFLQTtHQUNDLHNCQUEwQjtHQUExQiwwQkFBMEI7RUFDM0I7O0FBSUY7Q0FDQzs7RUFFQztDQUNELHVDQUF1QztBQUN4Qzs7QUFFQTtDQUNDLGFBQWE7QUFDZDs7QUFLQztFQUNDLGNBQWM7Q0FDZjs7QUFHRDtDQUNDLGNBQWM7QUFDZjs7QUFFQTtDQUNDLGFBQWE7QUFDZDs7QUFFQTtDQUNDLGFBQWE7QUFDZCIsImZpbGUiOiJmaWxlLWNhcmQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiOmhvc3Qge1xuXHRkaXNwbGF5OiBibG9jaztcbn1cblxuLmFjdGlvbi1pY29uLFxuLmZpbGUtaWNvbi13cmFwcGVyIC5maWxlLWljb24ge1xuXHRtYXJnaW4tdG9wOiB2YXIoLS10cy11bml0LXF1YXJ0ZXIpO1xufVxuXG4uZmlsZS1pY29uLXdyYXBwZXIgLmZpbGUtaWNvbiAjb3V0bGluZSB7XG5cdGZpbGw6IHZhcigtLXRzLWNvbG9yLXdoaXRlKTtcblx0c3Ryb2tlOiB2YXIoLS10cy1jb2xvci1ncmF5LWRhcmspO1xufVxuXG4uZmlsZS1pY29uLXdyYXBwZXIgLmZpbGUtaWNvbiAjZm9sZCB7XG5cdGZpbGw6IHZhcigtLXRzLWNvbG9yLWdyYXktZGFyayk7XG59XG5cbi5kb3RzLWljb24gY2lyY2xlIHtcblx0ZmlsbDogdmFyKC0tdHMtY29sb3ItZ3JheSk7XG59XG5cbi5maWxlLW5hbWUge1xuXHRmb250LXdlaWdodDogYm9sZDtcbn1cblxuLmFjdGlvbi1pY29uIHtcblx0ZmlsbDogdmFyKC0tdHMtY29sb3Itc2xhdGUtbGlnaHRlc3QpO1xufVxuXG4uY29udGVudCxcbi5maWxlLWljb24td3JhcHBlcixcbi5kb3dubG9hZC1hY3Rpb24sXG4ucmVtb3ZlLWFjdGlvbiB7XG5cdGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLnN0YXRlLXVwbG9hZGluZyAuY29udGVudCxcbi5zdGF0ZS11cGxvYWRpbmcgLmZpbGUtaWNvbi13cmFwcGVyLFxuLnN0YXRlLWZhaWxlZCAuY29udGVudCxcbi5zdGF0ZS1mYWlsZWQgLmZpbGUtaWNvbi13cmFwcGVyIHtcblx0Y3Vyc29yOiBkZWZhdWx0O1xufVxuXG4uY29udGVudCB7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGZsZXgtZ3JvdzogMjtcblx0bWF4LXdpZHRoOiBjYWxjKDEwMCUgLSAyMHB4IC0gMzVweCk7XG5cdHdpZHRoOiBjYWxjKDEwMCUgLSAyMHB4IC0gMzVweCk7XG5cdHBhZGRpbmc6IHZhcigtLXRzLXVuaXQtaGFsZikgdmFyKC0tdHMtdW5pdC1oYWxmKTtcbn1cblxuLnJlbW92ZS1hY3Rpb24tbWVzc2FnZSxcbi5kb3dubG9hZC1hY3Rpb24tbWVzc2FnZSB7XG5cdGNvbG9yOiB2YXIoLS10cy1jb2xvci1ibHVlKTtcbn1cblxuLnJlbW92ZS1hY3Rpb24tbWVzc2FnZSxcbi5kb3dubG9hZC1hY3Rpb24tbWVzc2FnZSB7XG5cdGRpc3BsYXk6IG5vbmU7XG59XG5cbi5kb3dubG9hZC1hY3Rpb24taG92ZXJlZCxcbi5yZW1vdmUtYWN0aW9uLWhvdmVyZWQge1xuXHQmIC5maWxlLWluZm9ybWF0aW9uLFxuXHQmIC5lcnJvci1tZXNzYWdlLFxuXHQmIC5wcm9ncmVzcy1iYXIge1xuXHRcdGRpc3BsYXk6IG5vbmU7XG5cdH1cbn1cblxuLmRvd25sb2FkLWFjdGlvbi1ob3ZlcmVkIHtcblx0Ji5zdGF0ZS11cGxvYWRpbmcsXG5cdCYuc3RhdGUtZmFpbGVkIHtcblx0XHQmIC5kb3dubG9hZC1hY3Rpb24tbWVzc2FnZSB7XG5cdFx0XHRkaXNwbGF5OiBub25lO1xuXHRcdH1cblxuXHRcdCYgLmZpbGUtaW5mb3JtYXRpb24sXG5cdFx0JiAuZXJyb3ItbWVzc2FnZSxcblx0XHQmIC5wcm9ncmVzcy1iYXIge1xuXHRcdFx0ZGlzcGxheTogaW5pdGlhbDtcblx0XHR9XG5cdH1cbn1cblxuLnJlbW92ZS1hY3Rpb24taG92ZXJlZCAucmVtb3ZlLWFjdGlvbi1tZXNzYWdlLFxuLmRvd25sb2FkLWFjdGlvbi1ob3ZlcmVkIC5kb3dubG9hZC1hY3Rpb24tbWVzc2FnZSB7XG5cdGRpc3BsYXk6IGJsb2NrO1xufVxuXG4uZG93bmxvYWQtYWN0aW9uLWhvdmVyZWQge1xuXHQmIC5kb3dubG9hZC1hY3Rpb24ge1xuXHRcdCYgLmFjdGlvbi1pY29uIHtcblx0XHRcdGZpbGw6IHZhcigtLXRzLWNvbG9yLWJsdWUpO1xuXHRcdH1cblx0fVxufVxuLnJlbW92ZS1hY3Rpb24taG92ZXJlZCB7XG5cdCYgLnJlbW92ZS1hY3Rpb24ge1xuXHRcdCYgLmFjdGlvbi1pY29uIHtcblx0XHRcdGZpbGw6IHZhcigtLXRzLWNvbG9yLWJsdWUpO1xuXHRcdH1cblx0fVxufVxuXG4ucHJvZ3Jlc3MtYmFyIHtcblx0LS10cy1wcm9ncmVzcy1iYXItbWFyZ2luOiBjYWxjKFxuXHRcdCh2YXIoLS10cy11bml0KSAtIHZhcigtLXRzLXByb2dyZXNzLWJhci1oZWlnaHQpKSAvIDJcblx0KTtcblx0bWFyZ2luOiB2YXIoLS10cy1wcm9ncmVzcy1iYXItbWFyZ2luKSAwO1xufVxuXG4uYWN0aW9uLWljb24td3JhcHBlciB7XG5cdGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zdGF0ZS11cGxvYWRpbmcsXG4uc3RhdGUtZG93bmxvYWRbZGF0YS1yZW1vdmFibGVdLFxuLnN0YXRlLWZhaWxlZCB7XG5cdCYgLnJlbW92ZS1hY3Rpb24ge1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHR9XG59XG5cbi5zdGF0ZS1kb3dubG9hZCAuZG93bmxvYWQtYWN0aW9uIHtcblx0ZGlzcGxheTogYmxvY2s7XG59XG5cbi5zdGF0ZS1kb3dubG9hZFtkYXRhLXJlbW92YWJsZV0gLmRvd25sb2FkLWFjdGlvbiB7XG5cdGRpc3BsYXk6IG5vbmU7XG59XG5cbi5maWxlLWluZm9ybWF0aW9uIHtcblx0ZGlzcGxheTogZmxleDtcbn1cbiJdfQ== */";
_createClass(_class, [{
key: "formatFileSize",
get: function get() {
var bytes = this.size;
var decimalPoint = this.decimalPoint;
if (bytes === 0) {
return '0 Bytes';
}
var k = 1000;
var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
var i = Math.floor(Math.log(bytes) / Math.log(k));
return parseFloat((bytes / Math.pow(k, i)).toFixed(decimalPoint)) + ' ' + sizes[i];
}
}]);
return _class;
}(elements.TSElement));
});
var css = ":host {\n\tdisplay: block;\n}\n\n.action-icon,\n.file-icon-wrapper .file-icon {\n\tmargin-top: calc(0.25 * 20px);\n\tmargin-top: var(--ts-unit-quarter);\n}\n\n.file-icon-wrapper .file-icon #outline {\n\tfill: rgb(255, 255, 255);\n\tfill: var(--ts-color-white);\n\tstroke: rgb(130, 159, 171);\n\tstroke: var(--ts-color-gray-dark);\n}\n\n.file-icon-wrapper .file-icon #fold {\n\tfill: rgb(130, 159, 171);\n\tfill: var(--ts-color-gray-dark);\n}\n\n.dots-icon circle {\n\tfill: rgb(154, 178, 188);\n\tfill: var(--ts-color-gray);\n}\n\n.file-name {\n\tfont-weight: bold;\n}\n\n.action-icon {\n\tfill: rgb(80, 107, 119);\n\tfill: var(--ts-color-slate-lightest);\n}\n\n.content,\n.file-icon-wrapper,\n.download-action,\n.remove-action {\n\tcursor: pointer;\n}\n\n.state-uploading .content,\n.state-uploading .file-icon-wrapper,\n.state-failed .content,\n.state-failed .file-icon-wrapper {\n\tcursor: default;\n}\n\n.content {\n\tposition: relative;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\tflex-grow: 2;\n\tmax-width: calc(100% - 20px - 35px);\n\twidth: calc(100% - 20px - 35px);\n\tpadding: calc(0.5 * 20px) calc(0.5 * 20px);\n\tpadding: var(--ts-unit-half) var(--ts-unit-half);\n}\n\n.remove-action-message,\n.download-action-message {\n\tcolor: rgb(0, 174, 255);\n\tcolor: var(--ts-color-blue);\n}\n\n.remove-action-message,\n.download-action-message {\n\tdisplay: none;\n}\n\n.download-action-hovered .file-information,\n\t.download-action-hovered .error-message,\n\t.download-action-hovered .progress-bar,\n\t.remove-action-hovered .file-information,\n\t.remove-action-hovered .error-message,\n\t.remove-action-hovered .progress-bar {\n\t\tdisplay: none;\n\t}\n\n.download-action-hovered.state-uploading .download-action-message, .download-action-hovered.state-failed .download-action-message {\n\t\t\tdisplay: none;\n\t\t}\n\n.download-action-hovered.state-uploading .file-information,\n\t\t.download-action-hovered.state-uploading .error-message,\n\t\t.download-action-hovered.state-uploading .progress-bar,\n\t\t.download-action-hovered.state-failed .file-information,\n\t\t.download-action-hovered.state-failed .error-message,\n\t\t.download-action-hovered.state-failed .progress-bar {\n\t\t\tdisplay: inline;\n\t\t\tdisplay: initial;\n\t\t}\n\n.remove-action-hovered .remove-action-message,\n.download-action-hovered .download-action-message {\n\tdisplay: block;\n}\n\n.download-action-hovered .download-action .action-icon {\n\t\t\tfill: rgb(0, 174, 255);\n\t\t\tfill: var(--ts-color-blue);\n\t\t}\n.remove-action-hovered .remove-action .action-icon {\n\t\t\tfill: rgb(0, 174, 255);\n\t\t\tfill: var(--ts-color-blue);\n\t\t}\n\n.progress-bar {\n\t--ts-progress-bar-margin: calc(\n\t\t(var(--ts-unit) - var(--ts-progress-bar-height)) / 2\n\t);\n\tmargin: var(--ts-progress-bar-margin) 0;\n}\n\n.action-icon-wrapper {\n\tdisplay: none;\n}\n\n.state-uploading .remove-action, .state-download[data-removable] .remove-action, .state-failed .remove-action {\n\t\tdisplay: block;\n\t}\n\n.state-download .download-action {\n\tdisplay: block;\n}\n\n.state-download[data-removable] .download-action {\n\tdisplay: none;\n}\n\n.file-information {\n\tdisplay: flex;\n}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpbGUtY2FyZC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Q0FDQyxjQUFjO0FBQ2Y7O0FBRUE7O0NBRUMsNkJBQWtDO0NBQWxDLGtDQUFrQztBQUNuQzs7QUFFQTtDQUNDLHdCQUEyQjtDQUEzQiwyQkFBMkI7Q0FDM0IsMEJBQWlDO0NBQWpDLGlDQUFpQztBQUNsQzs7QUFFQTtDQUNDLHdCQUErQjtDQUEvQiwrQkFBK0I7QUFDaEM7O0FBRUE7Q0FDQyx3QkFBMEI7Q0FBMUIsMEJBQTBCO0FBQzNCOztBQUVBO0NBQ0MsaUJBQWlCO0FBQ2xCOztBQUVBO0NBQ0MsdUJBQW9DO0NBQXBDLG9DQUFvQztBQUNyQzs7QUFFQTs7OztDQUlDLGVBQWU7QUFDaEI7O0FBRUE7Ozs7Q0FJQyxlQUFlO0FBQ2hCOztBQUVBO0NBQ0Msa0JBQWtCO0NBQ2xCLGFBQWE7Q0FDYixzQkFBc0I7Q0FDdEIsdUJBQXVCO0NBQ3ZCLFlBQVk7Q0FDWixtQ0FBbUM7Q0FDbkMsK0JBQStCO0NBQy9CLDBDQUFnRDtDQUFoRCxnREFBZ0Q7QUFDakQ7O0FBRUE7O0NBRUMsdUJBQTJCO0NBQTNCLDJCQUEyQjtBQUM1Qjs7QUFFQTs7Q0FFQyxhQUFhO0FBQ2Q7O0FBSUM7Ozs7OztFQUdDLGFBQWE7Q0FDZDs7QUFNQztHQUNDLGFBQWE7RUFDZDs7QUFFQTs7Ozs7O0dBR0MsZUFBZ0I7R0FBaEIsZ0JBQWdCO0VBQ2pCOztBQUlGOztDQUVDLGNBQWM7QUFDZjs7QUFJRTtHQUNDLHNCQUEwQjtHQUExQiwwQkFBMEI7RUFDM0I7QUFLQTtHQUNDLHNCQUEwQjtHQUExQiwwQkFBMEI7RUFDM0I7O0FBSUY7Q0FDQzs7RUFFQztDQUNELHVDQUF1QztBQUN4Qzs7QUFFQTtDQUNDLGFBQWE7QUFDZDs7QUFLQztFQUNDLGNBQWM7Q0FDZjs7QUFHRDtDQUNDLGNBQWM7QUFDZjs7QUFFQTtDQUNDLGFBQWE7QUFDZDs7QUFFQTtDQUNDLGFBQWE7QUFDZCIsImZpbGUiOiJmaWxlLWNhcmQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiOmhvc3Qge1xuXHRkaXNwbGF5OiBibG9jaztcbn1cblxuLmFjdGlvbi1pY29uLFxuLmZpbGUtaWNvbi13cmFwcGVyIC5maWxlLWljb24ge1xuXHRtYXJnaW4tdG9wOiB2YXIoLS10cy11bml0LXF1YXJ0ZXIpO1xufVxuXG4uZmlsZS1pY29uLXdyYXBwZXIgLmZpbGUtaWNvbiAjb3V0bGluZSB7XG5cdGZpbGw6IHZhcigtLXRzLWNvbG9yLXdoaXRlKTtcblx0c3Ryb2tlOiB2YXIoLS10cy1jb2xvci1ncmF5LWRhcmspO1xufVxuXG4uZmlsZS1pY29uLXdyYXBwZXIgLmZpbGUtaWNvbiAjZm9sZCB7XG5cdGZpbGw6IHZhcigtLXRzLWNvbG9yLWdyYXktZGFyayk7XG59XG5cbi5kb3RzLWljb24gY2lyY2xlIHtcblx0ZmlsbDogdmFyKC0tdHMtY29sb3ItZ3JheSk7XG59XG5cbi5maWxlLW5hbWUge1xuXHRmb250LXdlaWdodDogYm9sZDtcbn1cblxuLmFjdGlvbi1pY29uIHtcblx0ZmlsbDogdmFyKC0tdHMtY29sb3Itc2xhdGUtbGlnaHRlc3QpO1xufVxuXG4uY29udGVudCxcbi5maWxlLWljb24td3JhcHBlcixcbi5kb3dubG9hZC1hY3Rpb24sXG4ucmVtb3ZlLWFjdGlvbiB7XG5cdGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLnN0YXRlLXVwbG9hZGluZyAuY29udGVudCxcbi5zdGF0ZS11cGxvYWRpbmcgLmZpbGUtaWNvbi13cmFwcGVyLFxuLnN0YXRlLWZhaWxlZCAuY29udGVudCxcbi5zdGF0ZS1mYWlsZWQgLmZpbGUtaWNvbi13cmFwcGVyIHtcblx0Y3Vyc29yOiBkZWZhdWx0O1xufVxuXG4uY29udGVudCB7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGZsZXgtZ3JvdzogMjtcblx0bWF4LXdpZHRoOiBjYWxjKDEwMCUgLSAyMHB4IC0gMzVweCk7XG5cdHdpZHRoOiBjYWxjKDEwMCUgLSAyMHB4IC0gMzVweCk7XG5cdHBhZGRpbmc6IHZhcigtLXRzLXVuaXQtaGFsZikgdmFyKC0tdHMtdW5pdC1oYWxmKTtcbn1cblxuLnJlbW92ZS1hY3Rpb24tbWVzc2FnZSxcbi5kb3dubG9hZC1hY3Rpb24tbWVzc2FnZSB7XG5cdGNvbG9yOiB2YXIoLS10cy1jb2xvci1ibHVlKTtcbn1cblxuLnJlbW92ZS1hY3Rpb24tbWVzc2FnZSxcbi5kb3dubG9hZC1hY3Rpb24tbWVzc2FnZSB7XG5cdGRpc3BsYXk6IG5vbmU7XG59XG5cbi5kb3dubG9hZC1hY3Rpb24taG92ZXJlZCxcbi5yZW1vdmUtYWN0aW9uLWhvdmVyZWQge1xuXHQmIC5maWxlLWluZm9ybWF0aW9uLFxuXHQmIC5lcnJvci1tZXNzYWdlLFxuXHQmIC5wcm9ncmVzcy1iYXIge1xuXHRcdGRpc3BsYXk6IG5vbmU7XG5cdH1cbn1cblxuLmRvd25sb2FkLWFjdGlvbi1ob3ZlcmVkIHtcblx0Ji5zdGF0ZS11cGxvYWRpbmcsXG5cdCYuc3RhdGUtZmFpbGVkIHtcblx0XHQmIC5kb3dubG9hZC1hY3Rpb24tbWVzc2FnZSB7XG5cdFx0XHRkaXNwbGF5OiBub25lO1xuXHRcdH1cblxuXHRcdCYgLmZpbGUtaW5mb3JtYXRpb24sXG5cdFx0JiAuZXJyb3ItbWVzc2FnZSxcblx0XHQmIC5wcm9ncmVzcy1iYXIge1xuXHRcdFx0ZGlzcGxheTogaW5pdGlhbDtcblx0XHR9XG5cdH1cbn1cblxuLnJlbW92ZS1hY3Rpb24taG92ZXJlZCAucmVtb3ZlLWFjdGlvbi1tZXNzYWdlLFxuLmRvd25sb2FkLWFjdGlvbi1ob3ZlcmVkIC5kb3dubG9hZC1hY3Rpb24tbWVzc2FnZSB7XG5cdGRpc3BsYXk6IGJsb2NrO1xufVxuXG4uZG93bmxvYWQtYWN0aW9uLWhvdmVyZWQge1xuXHQmIC5kb3dubG9hZC1hY3Rpb24ge1xuXHRcdCYgLmFjdGlvbi1pY29uIHtcblx0XHRcdGZpbGw6IHZhcigtLXRzLWNvbG9yLWJsdWUpO1xuXHRcdH1cblx0fVxufVxuLnJlbW92ZS1hY3Rpb24taG92ZXJlZCB7XG5cdCYgLnJlbW92ZS1hY3Rpb24ge1xuXHRcdCYgLmFjdGlvbi1pY29uIHtcblx0XHRcdGZpbGw6IHZhcigtLXRzLWNvbG9yLWJsdWUpO1xuXHRcdH1cblx0fVxufVxuXG4ucHJvZ3Jlc3MtYmFyIHtcblx0LS10cy1wcm9ncmVzcy1iYXItbWFyZ2luOiBjYWxjKFxuXHRcdCh2YXIoLS10cy11bml0KSAtIHZhcigtLXRzLXByb2dyZXNzLWJhci1oZWlnaHQpKSAvIDJcblx0KTtcblx0bWFyZ2luOiB2YXIoLS10cy1wcm9ncmVzcy1iYXItbWFyZ2luKSAwO1xufVxuXG4uYWN0aW9uLWljb24td3JhcHBlciB7XG5cdGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zdGF0ZS11cGxvYWRpbmcsXG4uc3RhdGUtZG93bmxvYWRbZGF0YS1yZW1vdmFibGVdLFxuLnN0YXRlLWZhaWxlZCB7XG5cdCYgLnJlbW92ZS1hY3Rpb24ge1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHR9XG59XG5cbi5zdGF0ZS1kb3dubG9hZCAuZG93bmxvYWQtYWN0aW9uIHtcblx0ZGlzcGxheTogYmxvY2s7XG59XG5cbi5zdGF0ZS1kb3dubG9hZFtkYXRhLXJlbW92YWJsZV0gLmRvd25sb2FkLWFjdGlvbiB7XG5cdGRpc3BsYXk6IG5vbmU7XG59XG5cbi5maWxlLWluZm9ybWF0aW9uIHtcblx0ZGlzcGxheTogZmxleDtcbn1cbiJdfQ== */";
function _templateObject7() {

@@ -681,6 +489,6 @@ var data = _taggedTemplateLiteralLoose(["\n\t\t\t\t<ts-typography\n\t\t\t\t\tclass=\"remove-action-message\"\n\t\t\t\t\ttext=\"Remove\"\n\t\t\t\t\tcolor=\"action\"\n\t\t\t\t\tvariant=\"subtitle\"\n\t\t\t\t></ts-typography>\n\t\t\t\t<ts-typography\n\t\t\t\t\tclass=\"download-action-message\"\n\t\t\t\t\ttext=\"Download\"\n\t\t\t\t\tcolor=\"action\"\n\t\t\t\t\tvariant=\"subtitle\"\n\t\t\t\t></ts-typography>\n\t\t\t"]);

function _templateObject() {
function _templateObject$4() {
var data = _taggedTemplateLiteralLoose(["\n\t\t\t\t<div\n\t\t\t\t\t?data-removable=\"", "\"\n\t\t\t\t\tclass=\"file-card-wrapper state-", "\"\n\t\t\t\t>\n\t\t\t\t\t<ts-card\n\t\t\t\t\t\ttype=\"", "\"\n\t\t\t\t\t\torientation=\"horizontal\"\n\t\t\t\t\t\t?rtl=\"", "\"\n\t\t\t\t\t\tsize=\"", "\"\n\t\t\t\t\t>\n\t\t\t\t\t\t", "\n\t\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t\t<ts-typography\n\t\t\t\t\t\t\t\ttext=\"", "\"\n\t\t\t\t\t\t\t\tclass=\"file-name\"\n\t\t\t\t\t\t\t\tvariant=\"title\"\n\t\t\t\t\t\t\t\tno-wrap\n\t\t\t\t\t\t\t></ts-typography>\n\t\t\t\t\t\t\t", " ", " ", "\n\t\t\t\t\t\t\t", "\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t", "\n\t\t\t\t\t</ts-card>\n\t\t\t\t</div>\n\t\t\t"]);
_templateObject = function _templateObject() {
_templateObject$4 = function _templateObject() {
return data;

@@ -691,3 +499,3 @@ };

}
elements.customElementDefineHelper('ts-file-card',
elements$4.customElementDefineHelper('ts-file-card',
/*#__PURE__*/

@@ -714,3 +522,3 @@ function (_TSElement) {

_proto.render = function render() {
return elements.html(_templateObject(), this.removable, this.state, this.cardType, this.rtl, this.size, this.fileIcon, this.fileObject.name, this.progressBar, this.fileInformation, this.errorMessages, this.actionMessage, this.actionIcons);
return elements$4.html(_templateObject$4(), this.removable, this.state, this.cardType, this.rtl, this.size, this.fileIcon, this.fileObject.name, this.progressBar, this.fileInformation, this.errorMessages, this.actionMessage, this.actionIcons);
};

@@ -803,3 +611,3 @@

var message = this.errorMessage;
return elements.html(_templateObject2(), message);
return elements$4.html(_templateObject2(), message);
}

@@ -810,3 +618,3 @@ }

get: function get() {
return elements.html(_templateObject3());
return elements$4.html(_templateObject3());
}

@@ -817,3 +625,3 @@ }, {

if (this.state === 'uploading') {
return elements.html(_templateObject4());
return elements$4.html(_templateObject4());
}

@@ -824,3 +632,3 @@ }

get: function get() {
return elements.html(_templateObject5());
return elements$4.html(_templateObject5());
}

@@ -832,3 +640,3 @@ }, {

var fileExtension = this.fileObject.name.split('.').pop().toUpperCase();
return elements.html(_templateObject6(), this.fileObject.size, "| " + fileExtension + " Document");
return elements$4.html(_templateObject6(), this.fileObject.size, "| " + fileExtension + " Document");
}

@@ -839,3 +647,3 @@ }

get: function get() {
return elements.html(_templateObject7());
return elements$4.html(_templateObject7());
}

@@ -845,3 +653,3 @@ }], [{

get: function get() {
return [elements.TSElement.styles, elements.unsafeCSS(css)];
return [elements$4.TSElement.styles, elements$4.unsafeCSS(css$4)];
}

@@ -882,5 +690,5 @@ }, {

return _class;
}(elements.TSElement));
}(elements$4.TSElement));
}));
//# sourceMappingURL=file-card.umd.js.map

15

package.json
{
"name": "@tradeshift/elements.file-card",
"version": "0.2.8-alpha.0",
"version": "0.2.8",
"src": "src/file-card.js",
"main": "lib/file-card.cjs.js",
"module": "lib/file-card.umd.js",
"browser": "lib/file-card.umd.js",

@@ -12,9 +11,9 @@ "files": [

"dependencies": {
"@tradeshift/elements": "^0.2.8-alpha.0",
"@tradeshift/elements.card": "^0.2.8-alpha.0",
"@tradeshift/elements.file-size": "^0.2.8-alpha.0",
"@tradeshift/elements.progress-bar": "^0.2.8-alpha.0",
"@tradeshift/elements.typography": "^0.2.8-alpha.0"
"@tradeshift/elements": "^0.2.8",
"@tradeshift/elements.card": "^0.2.8",
"@tradeshift/elements.file-size": "^0.2.8",
"@tradeshift/elements.progress-bar": "^0.2.8",
"@tradeshift/elements.typography": "^0.2.8"
},
"gitHead": "685e31b86c299ea046930d20f1dffaf3a80ae13c"
"gitHead": "aaa800e79562e0e747635b18cb89517dcf10e254"
}
lib/file-card.cjs.js.map
lib/file-card.umd.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc