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

@tradeshift/elements.aside

Package Overview
Dependencies
Maintainers
7
Versions
85
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@tradeshift/elements.aside - npm Package Compare versions

Comparing version 0.6.0 to 0.7.0

552

lib/aside.umd.js

@@ -1,1 +0,551 @@

!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(require("@tradeshift/elements")):"function"==typeof define&&define.amd?define(["@tradeshift/elements"],e):e((t=t||self).ts.elements)}(this,function(t){"use strict";function e(t,e){for(var o=0;o<e.length;o++){var r=e[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function o(t,o,r){return o&&e(t.prototype,o),r&&e(t,r),t}function r(t,e){return e||(e=t.slice(0)),t.raw=e,t}function n(t,e){for(var o=0;o<e.length;o++){var r=e[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function i(){return(i=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r])}return t}).apply(this,arguments)}function s(t,e){return e||(e=t.slice(0)),t.raw=e,t}var a={remove:'<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n\t<g id="Symbols" stroke="none" stroke-width="1">\n\t\t<g id="card/5.-File-card/standard" transform="translate(-262.000000, -22.000000)">\n\t\t\t<g id="5.-File-card">\n\t\t\t\t<g id="icon/UI-library/clear" transform="translate(258.000000, 18.000000)">\n\t\t\t\t\t<path fill="currentColor" d="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" id="Icon"></path>\n\t\t\t\t</g>\n\t\t\t</g>\n\t\t</g>\n\t</g>\n</svg>\n',download:'<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n \x3c!-- Generator: Sketch 56.3 (81716) - https://sketch.com --\x3e\n <title>icon/UI-library/download</title>\n <desc>Created with Sketch.</desc>\n <g id="icon/UI-library/download" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n <path d="M12.1590909,17.3636364 C11.9999992,17.3636364 11.8553726,17.2840917 11.7252066,17.125 L7.34297521,11.571281 C7.25619791,11.4555779 7.21280992,11.3615706 7.21280992,11.2892562 C7.21280992,11.1012387 7.35020524,11.0072314 7.625,11.0072314 L10.7272727,11.0072314 L10.7272727,4 L13.5909091,4 L13.5909091,11.0072314 L16.6931818,11.0072314 C16.9679766,11.0072314 17.1053719,11.1012387 17.1053719,11.2892562 C17.1053719,11.3615706 17.0619839,11.4555779 16.9752066,11.571281 L12.5929752,17.125 C12.4772721,17.2840917 12.3326455,17.3636364 12.1590909,17.3636364 Z M18.8409091,17.8409091 C18.971075,17.8409091 19.0831607,17.8879128 19.1771694,17.9819215 C19.2711782,18.0759302 19.3181818,18.1880159 19.3181818,18.3181818 L19.3181818,19.2727273 C19.3181818,19.4028932 19.2711782,19.5149789 19.1771694,19.6089876 C19.0831607,19.7029963 18.971075,19.75 18.8409091,19.75 L5.47727273,19.75 C5.34710679,19.75 5.23502113,19.7029963 5.1410124,19.6089876 C5.04700366,19.5149789 5,19.4028932 5,19.2727273 L5,18.3181818 C5,18.1880159 5.04700366,18.0759302 5.1410124,17.9819215 C5.23502113,17.8879128 5.34710679,17.8409091 5.47727273,17.8409091 L18.8409091,17.8409091 Z" id="Icon" fill="currentColor"></path>\n </g>\n</svg>\n',info:'<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n \x3c!-- Generator: Sketch 56.3 (81716) - https://sketch.com --\x3e\n <title>icon/UI-library/info</title>\n <desc>Created with Sketch.</desc>\n <g id="icon/UI-library/info" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n <path d="M12,4 C7.6,4 4,7.58095238 4,12 C4,16.4190476 7.6,20 12,20 C16.4190476,20 20,16.4190476 20,12 C20,7.58095238 16.4190476,4 12,4 M13.0285714,6.47619048 C13.352381,6.47619048 13.6,6.60952381 13.7714286,6.8 C13.9428571,6.99047619 14.0190476,7.23809524 14.0190476,7.5047619 C14.0190476,8.19047619 13.4666667,8.81904762 12.7238095,8.81904762 C12.1142857,8.81904762 11.752381,8.38095238 11.752381,7.75238095 C11.752381,7.2 12.1904762,6.4952381 13.0285714,6.47619048 M13.3904762,11.4285714 L12.5142857,15.0095238 C12.4761905,15.1809524 12.4571429,15.3142857 12.4571429,15.3904762 L12.4571429,15.4857143 C12.552381,15.4666667 13.1809524,15.047619 13.5809524,14.6666667 L13.6761905,14.5904762 L14.0190476,15.3142857 L14.0571429,15.3904762 L14,15.447619 C12.8761905,16.6666667 11.5047619,17.4095238 10.9714286,17.4095238 C10.8,17.4095238 10.6095238,17.3714286 10.4761905,17.2190476 C10.3428571,17.0666667 10.2857143,16.8571429 10.2857143,16.5333333 C10.2857143,16.2857143 10.3238095,15.7714286 10.4,15.3904762 L11.2190476,11.9238095 C11.2571429,11.7333333 11.2761905,11.6 11.2761905,11.5238095 C11.1428571,11.5809524 10.5142857,12.0190476 10.2285714,12.2666667 L10.1142857,12.3428571 L9.80952381,11.4857143 L9.86666667,11.4285714 C10.9904762,10.3809524 12.3428571,9.54285714 12.9714286,9.54285714 C13.1428571,9.54285714 13.3142857,9.63809524 13.3904762,9.77142857 C13.4666667,9.92380952 13.5047619,10.1142857 13.5047619,10.3428571 C13.5047619,10.5904762 13.4666667,11.1047619 13.3904762,11.4285714" id="Icon" fill="currentColor"></path>\n </g>\n</svg>\n',ada:'<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n <g id="icon/UI-library/ada" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n <path d="M11.777314,5 L16.3099677,9.5326537 L11.777314,14.0653074 L7.24466028,9.5326537 L11.777314,5 Z M6.5326537,10.2446603 L11.0653074,14.777314 L6.5326537,19.3099677 L2,14.777314 L6.5326537,10.2446603 Z M17.0219743,10.2446603 L21.554628,14.777314 L17.0219743,19.3099677 L12.4893206,14.777314 L17.0219743,10.2446603 Z" id="Icon" fill="currentColor"></path>\n </g>\n</svg>\n',checkmark:'<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n <g id="icon/UI-library/checkmark">\n <polygon id="Icon" fill="currentColor" points="10 14.5857864 17.7928932 6.79289322 19.2071068 8.20710678 10 17.4142136 5.29289322 12.7071068 6.70710678 11.2928932"></polygon>\n </g>\n</svg>\n',search:'<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n \x3c!-- Generator: Sketch 56.3 (81716) - https://sketch.com --\x3e\n <title>icon/UI-library/search</title>\n <desc>Created with Sketch.</desc>\n <g id="icon/UI-library/search" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n <path d="M15.0317379,13.6175243 L18.7071068,17.2928932 L17.2928932,18.7071068 L13.6175243,15.0317379 C12.7314831,15.642436 11.6574983,16 10.5,16 C7.46243388,16 5,13.5375661 5,10.5 C5,7.46243388 7.46243388,5 10.5,5 C13.5375661,5 16,7.46243388 16,10.5 C16,11.6574983 15.642436,12.7314831 15.0317379,13.6175243 Z M10.5,14 C12.4329966,14 14,12.4329966 14,10.5 C14,8.56700338 12.4329966,7 10.5,7 C8.56700338,7 7,8.56700338 7,10.5 C7,12.4329966 8.56700338,14 10.5,14 Z" id="Icon" fill="currentColor"></path>\n </g>\n</svg>\n',close:'<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n \x3c!-- Generator: Sketch 56.3 (81716) - https://sketch.com --\x3e\n <title>icon/UI-library/close</title>\n <desc>Created with Sketch.</desc>\n <g id="icon/UI-library/close" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n <path d="M12,13.4142136 L7.70710678,17.7071068 L6.29289322,16.2928932 L10.5857864,12 L6.29289322,7.70710678 L7.70710678,6.29289322 L12,10.5857864 L16.2928932,6.29289322 L17.7071068,7.70710678 L13.4142136,12 L17.7071068,16.2928932 L16.2928932,17.7071068 L12,13.4142136 Z" id="Icon" fill="currentColor"></path>\n </g>\n</svg>\n',"arrow-up":'<svg\n\twidth="20px"\n\theight="20px"\n\tviewBox="0 0 16 16"\n\tversion="1.1"\n\txmlns="http://www.w3.org/2000/svg"\n\txmlns:xlink="http://www.w3.org/1999/xlink"\n>\n\t<path\n\t\tstroke="none"\n\t\tfill="currentColor"\n\t\td="M8.01904762,16 C6.55872286,16 5.21587914,15.6412734 3.99047619,14.9238095 C2.76507324,14.2063456 1.79365438,13.2349268 1.07619048,12.0095238 C0.358726571,10.7841209 0,9.44127714 0,7.98095238 C0,6.5333261 0.358726571,5.2000061 1.07619048,3.98095238 C1.79365438,2.76189867 2.76507324,1.79365438 3.99047619,1.07619048 C5.21587914,0.358726571 6.55872286,0 8.01904762,0 C9.4666739,0 10.7999939,0.358726571 12.0190476,1.07619048 C13.2381013,1.79365438 14.2063456,2.76189867 14.9238095,3.98095238 C15.6412734,5.2000061 16,6.5333261 16,7.98095238 C16,9.44127714 15.6412734,10.7841209 14.9238095,12.0095238 C14.2063456,13.2349268 13.2381013,14.2063456 12.0190476,14.9238095 C10.7999939,15.6412734 9.4666739,16 8.01904762,16 Z M8.91428571,13.1428571 L8.91428571,6.7047619 L11.7714286,9.61904762 L11.8857143,9.61904762 L13.1047619,8.36190476 C13.1301589,8.36190476 13.1428571,8.35238105 13.1428571,8.33333333 C13.1428571,8.31428562 13.1301589,8.3047619 13.1047619,8.3047619 L9.23809524,4.45714286 L8.91428571,4.11428571 L8.91428571,4.07619048 C8.91428571,4.063492 8.90793657,4.05714286 8.8952381,4.05714286 L8.83809524,4.05714286 L8.01904762,3.2 L7.92380952,3.2 L7.08571429,4.05714286 L6.7047619,4.45714286 L2.85714286,8.3047619 C2.84444438,8.3047619 2.83809524,8.31428562 2.83809524,8.33333333 C2.83809524,8.35238105 2.84444438,8.36190476 2.85714286,8.36190476 L4.07619048,9.61904762 L4.17142857,9.61904762 L7.08571429,6.66666667 L7.08571429,13.1428571 C7.08571429,13.1682541 7.09206343,13.1809524 7.1047619,13.1809524 L8.8952381,13.1809524 C8.90793657,13.1809524 8.91428571,13.1682541 8.91428571,13.1428571 Z"\n\t\tid="Icon"\n\t></path>\n</svg>\n',"close-clear":'<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n <g id="icon/close-clear" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n <rect id="placeholder" x="0" y="0" width="24" height="24"></rect>\n <path d="M11.9984707,10.5842571 L16.2898345,6.29289322 C16.6803588,5.90236893 17.3135238,5.90236893 17.7040481,6.29289322 C18.0945724,6.68341751 18.0945724,7.31658249 17.7040481,7.70710678 L13.4126842,11.9984707 L17.7040481,16.2898345 C18.0945724,16.6803588 18.0945724,17.3135238 17.7040481,17.7040481 C17.3135238,18.0945724 16.6803588,18.0945724 16.2898345,17.7040481 L11.9984707,13.4126842 L7.70710678,17.7040481 C7.31658249,18.0945724 6.68341751,18.0945724 6.29289322,17.7040481 C5.90236893,17.3135238 5.90236893,16.6803588 6.29289322,16.2898345 L10.5842571,11.9984707 L6.29289322,7.70710678 C5.90236893,7.31658249 5.90236893,6.68341751 6.29289322,6.29289322 C6.68341751,5.90236893 7.31658249,5.90236893 7.70710678,6.29289322 L11.9984707,10.5842571 Z" id="icon" fill="currentColor"></path>\n </g>\n</svg>\n'};Object.keys(a).forEach(function(e){a[e]=t.html([a[e]])});var l,d={ICON_WRAPPER:"icon-wrapper",CIRCULAR_BG:"circular-background"},c=(i({},t.helpers.classNamesToSelector(d)),t.constants.colors),p=t.constants.colorModifiers,u={DEFAULT:"default",INVERTED:"inverted",PRIMARY:"primary",DANGER:"danger",ERROR:"error",SUCCESS:"success",ACTIVE:"active",INFO:"info",FOCUS:"focus",WARNING:"warning",DISABLED:"disabled",DISABLED_CHECKED:"disabled-checked",SUGGESTED:"suggested",SLATE_LIGHTEST:"slate-lightest"},h=((l={})[u.DEFAULT]=c.SLATE,l[u.INVERTED]=c.WHITE,l[u.DANGER]=c.RED,l[u.ERROR]=c.RED,l[u.SUCCESS]=c.GREEN,l[u.PRIMARY]=c.BLUE,l[u.ACTIVE]=c.BLUE,l[u.INFO]=c.BLUE,l[u.FOCUS]=c.BLUE,l[u.WARNING]=c.ORANGE,l[u.DISABLED]=c.GRAY+p.LIGHTER,l[u.SUGGESTED]=c.PURPLE,l[u.DISABLED_CHECKED]=c.GRAY+p.LIGHT,l[u.SLATE_LIGHTEST]=c.SLATE+p.LIGHTEST,l),f={SMALL:"small",MEDIUM:"medium",LARGE:"large"};function g(){var t=s(['\t:host([type="','"]) {\n\t\t\t\t\t\t--ts-icon-color: var(--ts-color-',");\n\t\t\t\t}"]);return g=function(){return t},t}function b(){var t=s(['\n\t\t\t\t<span class="','">\n\t\t\t\t\t',"\n\t\t\t\t</span>\n\t\t\t"]);return b=function(){return t},t}function v(t,e){for(var o=0;o<e.length;o++){var r=e[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function m(t,e,o){return e&&v(t.prototype,e),o&&v(t,o),t}function w(t,e){return e||(e=t.slice(0)),t.raw=e,t}t.customElementDefineHelper("ts-icon",function(e){var o,r,i,s;function l(){var t=e.call(this)||this;return t.size=f.MEDIUM,t}return r=e,(o=l).prototype=Object.create(r.prototype),o.prototype.constructor=o,o.__proto__=r,l.prototype.render=function(){return t.html(b(),d.ICON_WRAPPER,a[this.icon])},i=l,s=[{key:"styles",get:function(){var e=Object.keys(u).map(function(e){var o=u[e],r=h[o];return t.css(g(),t.unsafeCSS(o),t.unsafeCSS(r))});return[t.TSElement.styles,t.unsafeCSS(":host{display:inline-block}:host svg{color:var(--ts-icon-color)}.fill-none{fill:none}:host([size=small]) .icon-wrapper{width:12px;width:var(--ts-fontsize-mini);height:12px;height:var(--ts-fontsize-mini)}:host([size=medium]) .icon-wrapper{width:16px;width:var(--ts-fontsize-medium);height:16px;height:var(--ts-fontsize-medium)}:host([size=large]) .icon-wrapper{width:24px;width:var(--ts-fontsize-xbig);height:24px;height:var(--ts-fontsize-xbig)}.icon-wrapper{position:relative;display:block;padding-top:100%;width:100%;height:0}svg{position:absolute;top:0;left:0;width:100%;height:100%}:host([type=default]) svg{color:#1f2a2e;color:var(--ts-color-slate)}:host([type=inverted]) svg{color:#fff;color:var(--ts-color-white)}:host([type=primary]) svg{color:#00aeff;color:var(--ts-color-blue)}:host([type=danger]) svg,:host([type=error]) svg{color:#bd0000;color:var(--ts-color-red)}:host([type=success]) svg{color:#50c610;color:var(--ts-color-green)}:host([type=active]) svg,:host([type=focus]) svg,:host([type=info]) svg{color:#00aeff;color:var(--ts-color-blue)}:host([type=warning]) svg{color:#1f2a2e;color:var(--ts-color-slate)}:host([type=disabled]) svg{color:#e6ecef;color:var(--ts-color-gray-lighter)}:host([type=disabled-checked]) svg{color:#cbd7dc;color:var(--ts-color-gray-light)}:host([type=suggested]) svg{color:#90129b;color:var(--ts-color-purple)}:host([type=slate-lightest]) svg{color:#506b77;color:var(--ts-color-slate-lightest)}:host([circular]){border-radius:50%;background-color:var(--ts-icon-color)}:host([circular]) svg{color:#fff;color:var(--ts-color-white)}")].concat(e)}},{key:"properties",get:function(){return{icon:{type:String,reflect:!0},size:{type:String,reflect:!0},type:{type:String,reflect:!0},circular:{type:Boolean,reflect:!0}}}}],null&&n(i.prototype,null),s&&n(i,s),l}(t.TSElement));var y="primary",x="accept",k="warning",L="danger";function C(){var t=w(["\n\t\t\t\t\t\t\t<span><slot></slot></span>\n\t\t\t\t\t "]);return C=function(){return t},t}function z(){var t=w(['\n\t\t\t\t\t\t\t<ts-icon icon="','" size="large" type="','"></ts-icon>\n\t\t\t\t\t ']);return z=function(){return t},t}function E(){var t=w(['\n\t\t\t<button ?disabled="','">\n\t\t\t\t',"\n\t\t\t</button>\n\t\t"]);return E=function(){return t},t}var S=function(e){var o,r;function n(){var t=e.call(this)||this;return t.grouped=!1,t}return r=e,(o=n).prototype=Object.create(r.prototype),o.prototype.constructor=o,o.__proto__=r,m(n,null,[{key:"styles",get:function(){return[t.TSElement.styles,t.unsafeCSS(":host{display:inline-block;line-height:20px;line-height:var(--ts-unit)}:host,:host>button{font-size:14px;font-size:var(--ts-font-size-default)}:host>button{position:relative;min-width:40px;min-width:var(--ts-unit-double);border:none;border-radius:40px;border-radius:var(--ts-unit-double);padding:0}:host span{display:block;padding:10px 20px;padding:var(--ts-unit-half) var(--ts-unit);font-weight:600;font-weight:var(--ts-fontweight-semibold);text-transform:uppercase;letter-spacing:.02em;line-height:20px;line-height:var(--ts-unit);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(:not([busy]))>button:hover{cursor:pointer;background:#e6ecef;background:var(--ts-color-gray-lighter)}:host(:not([type]))>button,:host([type=secondary])>button{box-shadow:inset 0 0 0 1px #cbd7dc;box-shadow:var(--ts-boxshadow-border-default)}:host(:not([type]))>button:focus,:host([type=secondary])>button:focus{box-shadow:inset 0 0 0 2px #00aeff;box-shadow:var(--ts-boxshadow-border-width-focused) var(--ts-color-blue)}:host(.no-border)>button{box-shadow:none;background:transparent}:host(.no-border)>button:focus{box-shadow:none}:host([type=primary])>button{background:#00aeff;background:var(--ts-color-blue);color:#fff;color:var(--ts-color-white)}:host(:not([busy])[type=primary])>button:hover{background:#0085cc;background:var(--ts-color-blue-dark)}:host(:not([busy])[type=primary])>button:focus{box-shadow:inset 0 0 0 2px #0065a3;box-shadow:var(--ts-boxshadow-border-width-focused) var(--ts-color-blue-darker)}:host([type=accept])>button{background:#50c610;background:var(--ts-color-green);color:#fff;color:var(--ts-color-white)}:host(:not([busy])[type=accept])>button:hover{background:#399d0b;background:var(--ts-color-green-dark)}:host(:not([busy])[type=accept])>button:focus{box-shadow:inset 0 0 0 2px #287f06;box-shadow:var(--ts-boxshadow-border-width-focused) var(--ts-color-green-darker)}:host([type=warning])>button{background:#ff8c00;background:var(--ts-color-orange);color:#fff;color:var(--ts-color-white)}:host(:not([busy])[type=warning])>button:hover{background:#f07c00;background:var(--ts-color-orange-dark)}:host(:not([busy])[type=warning])>button:focus{box-shadow:inset 0 0 0 2px #d15b00;box-shadow:var(--ts-boxshadow-border-width-focused) var(--ts-color-orange-darker)}:host([type=danger])>button{background:#bd0000;background:var(--ts-color-red);color:#fff;color:var(--ts-color-white)}:host(:not([busy])[type=danger])>button:hover{background:#900;background:var(--ts-color-red-dark)}:host(:not([busy])[type=danger])>button:focus{box-shadow:inset 0 0 0 2px #7a0000;box-shadow:var(--ts-boxshadow-border-width-focused) var(--ts-color-red-darker)}:host([type=text])>button{background:transparent;border-radius:3px;border-radius:var(--ts-radius)}:host([type=text]) span{color:#00aeff;color:var(--ts-color-blue);padding:0 5px;padding:0 var(--ts-unit-quarter);font-weight:400;font-weight:var(--ts-fontweight);text-transform:none;letter-spacing:normal}:host(:not([busy])[type=text])>button:hover{background:transparent}:host(:not([busy])[type=text])>button:hover span{color:#0085cc;color:var(--ts-color-blue-dark)}:host(:not([busy])[type=text])>button:focus{background:#00aeff;background:var(--ts-color-blue)}:host(:not([busy])[type=text])>button:focus span{color:#fff;color:var(--ts-color-white)}:host(:not([type=text])[size=micro])>button{font-size:11px;font-size:var(--ts-fontsize-small);border-radius:20px;border-radius:var(--ts-unit);padding:0 10px;padding:0 var(--ts-unit-half)}:host(:not([type=text])[size=micro]) span{padding:0 2.5px;padding:0 var(--ts-unit-eighth);font-size:11px;font-size:var(--ts-fontsize-small)}:host([grouped]){display:block;margin-bottom:10px;margin-bottom:var(--ts-unit-half);text-align:center}:host([grouped])>button{width:100%;display:block}:host([icon])>button{width:40px;width:var(--ts-unit-double);height:40px;height:var(--ts-unit-double)}:host([icon]) ts-icon{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}:host([disabled]){cursor:not-allowed}:host([disabled])>button{pointer-events:none;background-color:#e6ecef;background-color:var(--ts-disabled-background-color);box-shadow:none}:host([disabled]) span{color:#829fab;color:var(--ts-disabled-color)}:host([disabled][type=text])>button{background-color:transparent}:host([busy])>:first-child{pointer-events:none;cursor:default;box-shadow:none;background-size:40px 40px;background-size:var(--ts-unit-double) var(--ts-unit-double);background-image:linear-gradient(-45deg,#cbd7dc 25%,#eff3f5 0,#eff3f5 50%,#cbd7dc 0,#cbd7dc 75%,#eff3f5 0,#eff3f5);background-image:linear-gradient(-45deg,var(--ts-color-gray-light) 25%,var(--ts-color-gray-lightest) 0,var(--ts-color-gray-lightest) 50%,var(--ts-color-gray-light) 0,var(--ts-color-gray-light) 75%,var(--ts-color-gray-lightest) 0,var(--ts-color-gray-lightest));-webkit-animation:move 1s linear infinite;animation:move 1s linear infinite}:host([busy])>:first-child>*{visibility:hidden}@-webkit-keyframes move{0%{background-position:0 0}to{background-position:40px 40px;background-position:var(--ts-unit-double) var(--ts-unit-double)}}@keyframes move{0%{background-position:0 0}to{background-position:40px 40px;background-position:var(--ts-unit-double) var(--ts-unit-double)}}")]}},{key:"properties",get:function(){return{type:{type:String,reflect:!0},size:{type:String,reflect:!0},busy:{type:String,reflect:!0},icon:{type:String,reflect:!0},disabled:{type:Boolean,reflect:!0},grouped:{type:Boolean,reflect:!0}}}}]),n.prototype.render=function(){return t.html(E(),this.disabled,this.icon?t.html(z(),this.icon,this.iconType):t.html(C()))},m(n,[{key:"iconType",get:function(){return[L,k,x,y].indexOf(this.type)>-1?"inverted":"default"}}]),n}(t.TSElement);function I(t,e){for(var o=0;o<e.length;o++){var r=e[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function T(){var t,e,o=(t=['\n\t\t\t\t<div class="cover ','"></div>\n\t\t\t'],e||(e=t.slice(0)),t.raw=e,t);return T=function(){return o},o}function U(t,e){for(var o=0;o<e.length;o++){var r=e[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function O(t,e,o){return e&&U(t.prototype,e),o&&U(t,o),t}function R(t,e){return e||(e=t.slice(0)),t.raw=e,t}t.customElementDefineHelper("ts-button",S),t.customElementDefineHelper("ts-cover",function(e){var o,r,n,i;function s(){var t=e.call(this)||this;return t.visible=!1,t}return r=e,(o=s).prototype=Object.create(r.prototype),o.prototype.constructor=o,o.__proto__=r,n=s,i=[{key:"styles",get:function(){return[t.TSElement.styles,t.unsafeCSS(".cover{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;visibility:hidden;background-color:#0f151a;background-color:var(--ts-color-black);z-index:10000;z-index:var(--ts-zindex-max)}.ts-fadeIn{visibility:visible;opacity:.8;transition:visibility .1s linear .1s,opacity .2s;transition:visibility var(--ts-transition-now) linear var(--ts-transition-now),opacity var(--ts-transition-fast)}.ts-fadeOut{visibility:hidden;opacity:0;transition:visibility .1s linear .2s,opacity .2s;transition:visibility var(--ts-transition-now) linear var(--ts-transition-fast),opacity var(--ts-transition-fast)}:host(.ts-aside-cover)>div{pointer-events:auto;z-index:1999;z-index:var(--ts-zindex-aside-cover)}:host(.ts-dialog-cover)>div{pointer-events:auto;z-index:2999;z-index:var(--ts-zindex-dialog-cover)}:host(.ts-spin-cover)>div{pointer-events:auto;z-index:3999;z-index:var(--ts-zindex-spin-cover)}")]}},{key:"properties",get:function(){return{visible:{type:Boolean,attribute:"data-visible",reflect:!0}}}}],null&&I(n.prototype,null),i&&I(n,i),s.prototype.render=function(){return t.html(T(),this.visible?"ts-fadeIn":"ts-fadeOut")},s}(t.TSElement));var A={LARGE:"large",MEDIUM:"medium",SMALL:"small"},D={BLUE:"blue",MONO:"mono",WHITE:"white"};function B(){var t=R(['\n\t\t\t\t<div class="message">',"</div>\n\t\t\t"]);return B=function(){return t},t}function M(){var t=R(['\n\t\t\t\t<div class="spinner"></div>\n\t\t\t\t',"\n\t\t\t"]);return M=function(){return t},t}t.customElementDefineHelper("ts-spinner",function(e){var o,r;function n(){var t=e.call(this)||this;return t.color=D.BLUE,t.message="",t.size=A.LARGE,t.visible=!1,t}return r=e,(o=n).prototype=Object.create(r.prototype),o.prototype.constructor=o,o.__proto__=r,O(n,null,[{key:"styles",get:function(){return[t.TSElement.styles,t.unsafeCSS(":host{z-index:4000;z-index:var(--ts-zindex-spin)}:host .spinner{border:8px solid rgba(203,215,220,.5);border:var(--spinner-border-large) solid var(--spinner-border-color);border-top-color:#00aeff;border-top-color:var(--spinner-color-blue);border-radius:50%;width:80px;width:var(--spinner-size-large);height:80px;height:var(--spinner-size-large);-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;margin:0 auto}:host .message{text-align:center;margin:20px;margin:var(--ts-unit);font-size:14px;font-size:var(--ts-font-size-default)}:host([data-size=large]) .spinner{border-width:8px;border-width:var(--spinner-border-large);width:80px;width:var(--spinner-size-large);height:80px;height:var(--spinner-size-large)}:host([data-size=large]) .message{margin:20px;margin:var(--ts-unit);font-size:14px;font-size:var(--ts-fontsize)}:host([data-size=medium]) .spinner{border-width:4px;border-width:var(--spinner-border-medium);width:40px;width:var(--spinner-size-medium);height:40px;height:var(--spinner-size-medium)}:host([data-size=medium]) .message{margin:10px;margin:var(--ts-unit-half);font-size:12px;font-size:var(--ts-fontsize-mini)}:host([data-size=small]) .spinner{border-width:3px;border-width:var(--spinner-border-small);width:20px;width:var(--spinner-size-small);height:20px;height:var(--spinner-size-small)}:host([data-size=small]) .message{margin:5px;margin:var(--ts-unit-quarter);font-size:11px;font-size:var(--ts-fontsize-small)}:host([data-color=blue]) .spinner{border-top-color:#00aeff;border-top-color:var(--spinner-color-blue)}:host([data-color=mono]) .spinner{border-top-color:#506b77;border-top-color:var(--spinner-color-mono)}:host([data-color=white]) .spinner{border-top-color:#fff;border-top-color:var(--spinner-color-white)}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}")]}},{key:"properties",get:function(){return{color:{type:String,attribute:"data-color",reflect:!0},message:{type:String,attribute:"data-message"},size:{type:String,attribute:"data-size",reflect:!0},visible:{type:Boolean,attribute:"data-visible"}}}}]),n.prototype.render=function(){return this.visible?t.html(M(),this.messageHtml):""},O(n,[{key:"messageHtml",get:function(){return this.message?t.html(B(),this.message):""}}]),n}(t.TSElement));var _="close",G="closed",j="open",F="opened";function P(){var t=r(['\n\t\t\t\t<div class="spinner-overlay">\n\t\t\t\t\t<ts-spinner data-visible data-message="','"></ts-spinner>\n\t\t\t\t</div>\n\t\t\t']);return P=function(){return t},t}function N(){var t=r(['\n\t\t\t\t<div dir="','" class="aside-container '," ",'">\n\t\t\t\t\t<header>\n\t\t\t\t\t\t<div class="aside-title">','</div>\n\t\t\t\t\t\t<div class="aside-close">\n\t\t\t\t\t\t\t<ts-button class="no-border" icon="close-clear" @click="','"></ts-button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</header>\n\t\t\t\t\t<div class="aside-note">\n\t\t\t\t\t\t<slot name="note" class="note-in-aside"></slot>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class="aside-platform-object ','">\n\t\t\t\t\t\t<slot name="platform-object" @slotchange="','"></slot>\n\t\t\t\t\t</div>\n\t\t\t\t\t<main class="aside-main">\n\t\t\t\t\t\t<slot name="main"></slot>\n\t\t\t\t\t</main>\n\t\t\t\t\t<footer>\n\t\t\t\t\t\t<slot name="footer" @slotchange="','"></slot>\n\t\t\t\t\t</footer>\n\t\t\t\t\t','\n\t\t\t\t</div>\n\t\t\t\t<ts-cover class="ts-aside-cover" ?data-visible=',' @click="','"></ts-cover>\n\t\t\t']);return N=function(){return t},t}t.customElementDefineHelper("ts-aside",function(e){var r,n;function i(){var t=e.call(this)||this;return t.title="",t.visible=!1,t.hasFoot=!1,t.hasPlatformObject=!1,t}n=e,(r=i).prototype=Object.create(n.prototype),r.prototype.constructor=r,r.__proto__=n,o(i,null,[{key:"styles",get:function(){return[t.TSElement.styles,t.unsafeCSS(".aside-container{position:absolute;top:0;bottom:0;right:0;left:auto;display:flex;flex-direction:column;min-height:100vh;width:320px;width:var(--ts-aside);background-color:#fff;background-color:var(--ts-color-white);box-shadow:0 0 3px #141c1f;box-shadow:0 0 3px var(--ts-shadow-color);z-index:2000;z-index:var(--ts-zindex-aside)}.hidden{display:none}.spinner-overlay{position:absolute;top:60px;top:var(--ts-unit-triple);right:0;bottom:0;left:0;background-color:hsla(0,0%,100%,.7)}.aside-container ts-spinner{position:absolute;top:50%;left:50%;margin-top:-40px;margin-top:calc(-0.5*var(--spinner-size-large));margin-left:-40px;margin-left:calc(-0.5*var(--spinner-size-large))}.aside-container header{height:60px;height:var(--ts-unit-triple);background-color:#fff;background-color:var(--ts-color-white);display:flex;padding:20px;padding:var(--ts-unit);border-bottom:1px solid #cbd7dc;border-bottom:var(--ts-border)}.aside-title{flex-grow:1;align-self:center;font-size:18px;font-size:var(--ts-fontsize-big)}.aside-close{align-self:center}.aside-close,.aside-close ts-button{line-height:0}.aside-note ::slotted(ts-note){padding-left:20px;padding-left:var(--ts-unit);padding-right:20px;padding-right:var(--ts-unit)}.aside-platform-object{padding:10px;padding:var(--ts-unit-half);background-color:#eff3f5;background-color:var(--ts-color-gray-lightest)}.aside-main{flex:1;overflow:auto;padding:20px;padding:var(--ts-unit)}.aside-container footer,.aside-main{background-color:#fff;background-color:var(--ts-color-white)}.aside-container footer{display:none;padding:10px 20px 0;padding:var(--ts-unit-half) var(--ts-unit) 0 var(--ts-unit);border-top:1px solid #cbd7dc;border-top:var(--ts-border)}.has-footer footer{display:block}.ts-slide-in-left,.ts-slide-in-right{visibility:visible;opacity:1;transition:opacity .2s linear;transition:opacity var(--ts-transition-fast) linear}.ts-slide-in-right{-webkit-animation:slide-in-right .2s forwards;animation:slide-in-right .2s forwards;-webkit-animation:slide-in-right var(--ts-transition-fast) forwards;animation:slide-in-right var(--ts-transition-fast) forwards}.ts-slide-in-left{left:0;right:auto;-webkit-animation:slide-in-left .2s forwards;animation:slide-in-left .2s forwards;-webkit-animation:slide-in-left var(--ts-transition-fast) forwards;animation:slide-in-left var(--ts-transition-fast) forwards}.ts-slide-out-left,.ts-slide-out-right{visibility:hidden;opacity:0;transition:visibility 0s .2s,opacity .2s linear;transition:visibility 0s var(--ts-transition-fast),opacity var(--ts-transition-fast) linear}.ts-slide-out-right{-webkit-animation:slide-out-right .2s forwards;animation:slide-out-right .2s forwards;-webkit-animation:slide-out-right var(--ts-transition-fast) forwards;animation:slide-out-right var(--ts-transition-fast) forwards}.ts-slide-out-left{left:0;right:auto;-webkit-animation:slide-out-left .2s forwards;animation:slide-out-left .2s forwards;-webkit-animation:slide-out-left var(--ts-transition-fast) forwards;animation:slide-out-left var(--ts-transition-fast) forwards}@-webkit-keyframes slide-in-right{0%{-webkit-transform:translateX(100%)}}@keyframes slide-in-right{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes slide-in-left{0%{-webkit-transform:translateX(-100%)}}@keyframes slide-in-left{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes slide-out-right{to{-webkit-transform:translateX(100%)}}@keyframes slide-out-right{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes slide-out-left{to{-webkit-transform:translateX(-100%)}}@keyframes slide-out-left{to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}")]}},{key:"properties",get:function(){return{dir:{type:String,reflect:!0},title:{type:String,attribute:"data-title"},visible:{type:Boolean,attribute:"data-visible",reflect:!0},busy:{type:String,attribute:"data-busy",reflect:!0},hasFoot:{type:Boolean},hasPlatformObject:{type:Boolean}}}}]);var s=i.prototype;return s.close=function(){this.visible=!1},s.footerSlot=function(){this.hasFoot=!0},s.platformObjectSlot=function(t){var e=t.currentTarget.assignedNodes();this.hasPlatformObject=e&&e.length},s.render=function(){return t.html(N(),this.direction,this.slide,this.hasFoot?"has-footer":"",this.title,this.close,this.hasPlatformObject?"":"hidden",this.platformObjectSlot,this.footerSlot,this.spinner,this.visible,this.close)},s.update=function(t){if(e.prototype.update.call(this,t),t.has("visible")){var o=t.get("visible");!1===o?this.dispatchCustomEvent(j):!0===o&&this.dispatchCustomEvent(_)}},s.updated=function(t){if(e.prototype.updated.call(this,t),t.has("visible")){var o=t.get("visible");!1===o?this.dispatchCustomEvent(F):!0===o&&this.dispatchCustomEvent(G)}},o(i,[{key:"direction",get:function(){return this.dir?this.dir:this.bodyDir}},{key:"slide",get:function(){return"ts-slide-"+(this.visible?"in":"out")+"-"+("rtl"===this.direction?"left":"right")}},{key:"spinner",get:function(){return void 0===this.busy||null===this.busy?"":t.html(P(),this.busy)}}]),i}(t.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));
}(this, function (elements) { 'use strict';
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.aside-container {\n\tposition: absolute;\n\ttop: 0;\n\tbottom: 0;\n\tright: 0;\n\tleft: auto;\n\tdisplay: flex;\n\tflex-direction: column;\n\tmin-height: 100vh;\n\twidth: 320px;\n\twidth: var(--ts-aside);\n\tbackground-color: rgb(255, 255, 255);\n\tbackground-color: var(--ts-color-white);\n\tbox-shadow: 0 0 3px rgb(20, 28, 31);\n\tbox-shadow: 0 0 3px var(--ts-shadow-color);\n\tz-index: 2000;\n\tz-index: var(--ts-zindex-aside);\n}\n\n.hidden {\n\tdisplay: none;\n}\n\n/* Spinner........................................................ */\n.spinner-overlay {\n\tposition: absolute;\n\ttop: calc(3 * 20px);\n\ttop: var(--ts-unit-triple);\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tbackground-color: rgba(255, 255, 255, 0.7);\n}\n\n.aside-container ts-spinner {\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\tmargin-top: calc(-0.5 * 80px);\n\tmargin-top: calc(-0.5 * var(--spinner-size-large));\n\tmargin-left: calc(-0.5 * 80px);\n\tmargin-left: calc(-0.5 * var(--spinner-size-large));\n}\n\n/* Header......................................................... */\n\n.aside-container header {\n\theight: calc(3 * 20px);\n\theight: var(--ts-unit-triple);\n\tbackground-color: rgb(255, 255, 255);\n\tbackground-color: var(--ts-color-white);\n\tdisplay: flex;\n\tpadding: 20px;\n\tpadding: var(--ts-unit);\n\tborder-bottom: 1px solid rgb(203, 215, 220);\n\tborder-bottom: var(--ts-border);\n}\n\n.aside-title {\n\tflex-grow: 1;\n\talign-self: center;\n\tfont-size: 18px;\n\tfont-size: var(--ts-fontsize-big);\n}\n\n.aside-close {\n\tline-height: 0;\n\talign-self: center\n}\n\n.aside-close ts-button {\n\t\tline-height: 0;\n\t}\n\n/* Note............................................................ */\n\n.aside-note ::slotted(ts-note) {\n\tpadding-left: 20px;\n\tpadding-left: var(--ts-unit);\n\tpadding-right: 20px;\n\tpadding-right: var(--ts-unit);\n}\n\n/* Platform object.................................................. */\n\n.aside-platform-object {\n\tpadding: calc(0.5 * 20px);\n\tpadding: var(--ts-unit-half);\n\tbackground-color: rgb(239, 243, 245);\n\tbackground-color: var(--ts-color-gray-lightest);\n}\n\n/* Main............................................................ */\n\n.aside-main {\n\tflex: 1;\n\toverflow: auto;\n\tpadding: 20px;\n\tpadding: var(--ts-unit);\n\tbackground-color: rgb(255, 255, 255);\n\tbackground-color: var(--ts-color-white);\n}\n\n/* Footer......................................................... */\n\n.aside-container footer {\n\tdisplay: none;\n\tpadding: calc(0.5 * 20px) 20px 0 20px;\n\tpadding: var(--ts-unit-half) var(--ts-unit) 0 var(--ts-unit);\n\tborder-top: 1px solid rgb(203, 215, 220);\n\tborder-top: var(--ts-border);\n\tbackground-color: rgb(255, 255, 255);\n\tbackground-color: var(--ts-color-white);\n}\n\n.has-footer footer {\n\tdisplay: block;\n}\n\n/* Animation...................................................... */\n.ts-slide-in-right,\n.ts-slide-in-left {\n\tvisibility: visible;\n\topacity: 1;\n\ttransition: opacity 0.2s linear;\n\ttransition: opacity var(--ts-transition-fast) linear;\n}\n\n.ts-slide-in-right {\n\t-webkit-animation: slide-in-right 0.2s forwards;\n\t animation: slide-in-right 0.2s forwards;\n\t-webkit-animation: slide-in-right var(--ts-transition-fast) forwards;\n\t animation: slide-in-right var(--ts-transition-fast) forwards;\n}\n\n.ts-slide-in-left {\n\tleft: 0;\n\tright: auto;\n\t-webkit-animation: slide-in-left 0.2s forwards;\n\t animation: slide-in-left 0.2s forwards;\n\t-webkit-animation: slide-in-left var(--ts-transition-fast) forwards;\n\t animation: slide-in-left var(--ts-transition-fast) forwards;\n}\n\n.ts-slide-out-right,\n.ts-slide-out-left {\n\tvisibility: hidden;\n\topacity: 0;\n\ttransition: visibility 0s 0.2s, opacity 0.2s linear;\n\ttransition: visibility 0s var(--ts-transition-fast), opacity var(--ts-transition-fast) linear;\n}\n\n.ts-slide-out-right {\n\t-webkit-animation: slide-out-right 0.2s forwards;\n\t animation: slide-out-right 0.2s forwards;\n\t-webkit-animation: slide-out-right var(--ts-transition-fast) forwards;\n\t animation: slide-out-right var(--ts-transition-fast) forwards;\n}\n\n.ts-slide-out-left {\n\tleft: 0;\n\tright: auto;\n\t-webkit-animation: slide-out-left 0.2s forwards;\n\t animation: slide-out-left 0.2s forwards;\n\t-webkit-animation: slide-out-left var(--ts-transition-fast) forwards;\n\t animation: slide-out-left var(--ts-transition-fast) forwards;\n}\n\n@-webkit-keyframes slide-in-right {\n\t0% {\n\t\t-webkit-transform: translateX(100%);\n\t}\n}\n\n@keyframes slide-in-right {\n\t0% {\n\t\t-webkit-transform: translateX(100%);\n\t\t transform: translateX(100%);\n\t}\n}\n\n@-webkit-keyframes slide-in-left {\n\t0% {\n\t\t-webkit-transform: translateX(-100%);\n\t}\n}\n\n@keyframes slide-in-left {\n\t0% {\n\t\t-webkit-transform: translateX(-100%);\n\t\t transform: translateX(-100%);\n\t}\n}\n\n@-webkit-keyframes slide-out-right {\n\t100% {\n\t\t-webkit-transform: translateX(100%);\n\t}\n}\n\n@keyframes slide-out-right {\n\t100% {\n\t\t-webkit-transform: translateX(100%);\n\t\t transform: translateX(100%);\n\t}\n}\n\n@-webkit-keyframes slide-out-left {\n\t100% {\n\t\t-webkit-transform: translateX(-100%);\n\t}\n}\n\n@keyframes slide-out-left {\n\t100% {\n\t\t-webkit-transform: translateX(-100%);\n\t\t transform: translateX(-100%);\n\t}\n}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFzaWRlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxvRUFBb0U7O0FBRXBFO0NBQ0Msa0JBQWtCO0NBQ2xCLE1BQU07Q0FDTixTQUFTO0NBQ1QsUUFBUTtDQUNSLFVBQVU7Q0FDVixhQUFhO0NBQ2Isc0JBQXNCO0NBQ3RCLGlCQUFpQjtDQUNqQixZQUFzQjtDQUF0QixzQkFBc0I7Q0FDdEIsb0NBQXVDO0NBQXZDLHVDQUF1QztDQUN2QyxtQ0FBMEM7Q0FBMUMsMENBQTBDO0NBQzFDLGFBQStCO0NBQS9CLCtCQUErQjtBQUNoQzs7QUFFQTtDQUNDLGFBQWE7QUFDZDs7QUFFQSxvRUFBb0U7QUFDcEU7Q0FDQyxrQkFBa0I7Q0FDbEIsbUJBQTBCO0NBQTFCLDBCQUEwQjtDQUMxQixRQUFRO0NBQ1IsU0FBUztDQUNULE9BQU87Q0FDUCwwQ0FBMEM7QUFDM0M7O0FBRUE7Q0FDQyxrQkFBa0I7Q0FDbEIsUUFBUTtDQUNSLFNBQVM7Q0FDVCw2QkFBa0Q7Q0FBbEQsa0RBQWtEO0NBQ2xELDhCQUFtRDtDQUFuRCxtREFBbUQ7QUFDcEQ7O0FBRUEsb0VBQW9FOztBQUVwRTtDQUNDLHNCQUE2QjtDQUE3Qiw2QkFBNkI7Q0FDN0Isb0NBQXVDO0NBQXZDLHVDQUF1QztDQUN2QyxhQUFhO0NBQ2IsYUFBdUI7Q0FBdkIsdUJBQXVCO0NBQ3ZCLDJDQUErQjtDQUEvQiwrQkFBK0I7QUFDaEM7O0FBRUE7Q0FDQyxZQUFZO0NBQ1osa0JBQWtCO0NBQ2xCLGVBQWlDO0NBQWpDLGlDQUFpQztBQUNsQzs7QUFFQTtDQUNDLGNBQWM7Q0FDZDtBQUlEOztBQUhDO0VBQ0MsY0FBYztDQUNmOztBQUdELHFFQUFxRTs7QUFFckU7Q0FDQyxrQkFBNEI7Q0FBNUIsNEJBQTRCO0NBQzVCLG1CQUE2QjtDQUE3Qiw2QkFBNkI7QUFDOUI7O0FBRUEsc0VBQXNFOztBQUV0RTtDQUNDLHlCQUE0QjtDQUE1Qiw0QkFBNEI7Q0FDNUIsb0NBQStDO0NBQS9DLCtDQUErQztBQUNoRDs7QUFFQSxxRUFBcUU7O0FBRXJFO0NBQ0MsT0FBTztDQUNQLGNBQWM7Q0FDZCxhQUF1QjtDQUF2Qix1QkFBdUI7Q0FDdkIsb0NBQXVDO0NBQXZDLHVDQUF1QztBQUN4Qzs7QUFFQSxvRUFBb0U7O0FBRXBFO0NBQ0MsYUFBYTtDQUNiLHFDQUE0RDtDQUE1RCw0REFBNEQ7Q0FDNUQsd0NBQTRCO0NBQTVCLDRCQUE0QjtDQUM1QixvQ0FBdUM7Q0FBdkMsdUNBQXVDO0FBQ3hDOztBQUVBO0NBQ0MsY0FBYztBQUNmOztBQUVBLG9FQUFvRTtBQUNwRTs7Q0FFQyxtQkFBbUI7Q0FDbkIsVUFBVTtDQUNWLCtCQUFvRDtDQUFwRCxvREFBb0Q7QUFDckQ7O0FBRUE7Q0FDQywrQ0FBNEQ7U0FBNUQsdUNBQTREO0NBQTVELG9FQUE0RDtTQUE1RCw0REFBNEQ7QUFDN0Q7O0FBRUE7Q0FDQyxPQUFPO0NBQ1AsV0FBVztDQUNYLDhDQUEyRDtTQUEzRCxzQ0FBMkQ7Q0FBM0QsbUVBQTJEO1NBQTNELDJEQUEyRDtBQUM1RDs7QUFFQTs7Q0FFQyxrQkFBa0I7Q0FDbEIsVUFBVTtDQUNWLG1EQUE2RjtDQUE3Riw2RkFBNkY7QUFDOUY7O0FBRUE7Q0FDQyxnREFBNkQ7U0FBN0Qsd0NBQTZEO0NBQTdELHFFQUE2RDtTQUE3RCw2REFBNkQ7QUFDOUQ7O0FBRUE7Q0FDQyxPQUFPO0NBQ1AsV0FBVztDQUNYLCtDQUE0RDtTQUE1RCx1Q0FBNEQ7Q0FBNUQsb0VBQTREO1NBQTVELDREQUE0RDtBQUM3RDs7QUFFQTtDQUNDO0VBQ0MsbUNBQW1DO0NBQ3BDO0FBQ0Q7O0FBRUE7Q0FDQztFQUNDLG1DQUEyQjtVQUEzQiwyQkFBMkI7Q0FDNUI7QUFDRDs7QUFFQTtDQUNDO0VBQ0Msb0NBQW9DO0NBQ3JDO0FBQ0Q7O0FBRUE7Q0FDQztFQUNDLG9DQUE0QjtVQUE1Qiw0QkFBNEI7Q0FDN0I7QUFDRDs7QUFFQTtDQUNDO0VBQ0MsbUNBQW1DO0NBQ3BDO0FBQ0Q7O0FBRUE7Q0FDQztFQUNDLG1DQUEyQjtVQUEzQiwyQkFBMkI7Q0FDNUI7QUFDRDs7QUFFQTtDQUNDO0VBQ0Msb0NBQW9DO0NBQ3JDO0FBQ0Q7O0FBRUE7Q0FDQztFQUNDLG9DQUE0QjtVQUE1Qiw0QkFBNEI7Q0FDN0I7QUFDRCIsImZpbGUiOiJhc2lkZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBHZW5lcmFsLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4gKi9cblxuLmFzaWRlLWNvbnRhaW5lciB7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiAwO1xuXHRib3R0b206IDA7XG5cdHJpZ2h0OiAwO1xuXHRsZWZ0OiBhdXRvO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRtaW4taGVpZ2h0OiAxMDB2aDtcblx0d2lkdGg6IHZhcigtLXRzLWFzaWRlKTtcblx0YmFja2dyb3VuZC1jb2xvcjogdmFyKC0tdHMtY29sb3Itd2hpdGUpO1xuXHRib3gtc2hhZG93OiAwIDAgM3B4IHZhcigtLXRzLXNoYWRvdy1jb2xvcik7XG5cdHotaW5kZXg6IHZhcigtLXRzLXppbmRleC1hc2lkZSk7XG59XG5cbi5oaWRkZW4ge1xuXHRkaXNwbGF5OiBub25lO1xufVxuXG4vKiBTcGlubmVyLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4gKi9cbi5zcGlubmVyLW92ZXJsYXkge1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogdmFyKC0tdHMtdW5pdC10cmlwbGUpO1xuXHRyaWdodDogMDtcblx0Ym90dG9tOiAwO1xuXHRsZWZ0OiAwO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNyk7XG59XG5cbi5hc2lkZS1jb250YWluZXIgdHMtc3Bpbm5lciB7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dG9wOiA1MCU7XG5cdGxlZnQ6IDUwJTtcblx0bWFyZ2luLXRvcDogY2FsYygtMC41ICogdmFyKC0tc3Bpbm5lci1zaXplLWxhcmdlKSk7XG5cdG1hcmdpbi1sZWZ0OiBjYWxjKC0wLjUgKiB2YXIoLS1zcGlubmVyLXNpemUtbGFyZ2UpKTtcbn1cblxuLyogSGVhZGVyLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uICovXG5cbi5hc2lkZS1jb250YWluZXIgaGVhZGVyIHtcblx0aGVpZ2h0OiB2YXIoLS10cy11bml0LXRyaXBsZSk7XG5cdGJhY2tncm91bmQtY29sb3I6IHZhcigtLXRzLWNvbG9yLXdoaXRlKTtcblx0ZGlzcGxheTogZmxleDtcblx0cGFkZGluZzogdmFyKC0tdHMtdW5pdCk7XG5cdGJvcmRlci1ib3R0b206IHZhcigtLXRzLWJvcmRlcik7XG59XG5cbi5hc2lkZS10aXRsZSB7XG5cdGZsZXgtZ3JvdzogMTtcblx0YWxpZ24tc2VsZjogY2VudGVyO1xuXHRmb250LXNpemU6IHZhcigtLXRzLWZvbnRzaXplLWJpZyk7XG59XG5cbi5hc2lkZS1jbG9zZSB7XG5cdGxpbmUtaGVpZ2h0OiAwO1xuXHRhbGlnbi1zZWxmOiBjZW50ZXI7XG5cdCYgdHMtYnV0dG9uIHtcblx0XHRsaW5lLWhlaWdodDogMDtcblx0fVxufVxuXG4vKiBOb3RlLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uICovXG5cbi5hc2lkZS1ub3RlIDo6c2xvdHRlZCh0cy1ub3RlKSB7XG5cdHBhZGRpbmctbGVmdDogdmFyKC0tdHMtdW5pdCk7XG5cdHBhZGRpbmctcmlnaHQ6IHZhcigtLXRzLXVuaXQpO1xufVxuXG4vKiBQbGF0Zm9ybSBvYmplY3QuLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLiAqL1xuXG4uYXNpZGUtcGxhdGZvcm0tb2JqZWN0IHtcblx0cGFkZGluZzogdmFyKC0tdHMtdW5pdC1oYWxmKTtcblx0YmFja2dyb3VuZC1jb2xvcjogdmFyKC0tdHMtY29sb3ItZ3JheS1saWdodGVzdCk7XG59XG5cbi8qIE1haW4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4gKi9cblxuLmFzaWRlLW1haW4ge1xuXHRmbGV4OiAxO1xuXHRvdmVyZmxvdzogYXV0bztcblx0cGFkZGluZzogdmFyKC0tdHMtdW5pdCk7XG5cdGJhY2tncm91bmQtY29sb3I6IHZhcigtLXRzLWNvbG9yLXdoaXRlKTtcbn1cblxuLyogRm9vdGVyLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uICovXG5cbi5hc2lkZS1jb250YWluZXIgZm9vdGVyIHtcblx0ZGlzcGxheTogbm9uZTtcblx0cGFkZGluZzogdmFyKC0tdHMtdW5pdC1oYWxmKSB2YXIoLS10cy11bml0KSAwIHZhcigtLXRzLXVuaXQpO1xuXHRib3JkZXItdG9wOiB2YXIoLS10cy1ib3JkZXIpO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS10cy1jb2xvci13aGl0ZSk7XG59XG5cbi5oYXMtZm9vdGVyIGZvb3RlciB7XG5cdGRpc3BsYXk6IGJsb2NrO1xufVxuXG4vKiBBbmltYXRpb24uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4uLi4gKi9cbi50cy1zbGlkZS1pbi1yaWdodCxcbi50cy1zbGlkZS1pbi1sZWZ0IHtcblx0dmlzaWJpbGl0eTogdmlzaWJsZTtcblx0b3BhY2l0eTogMTtcblx0dHJhbnNpdGlvbjogb3BhY2l0eSB2YXIoLS10cy10cmFuc2l0aW9uLWZhc3QpIGxpbmVhcjtcbn1cblxuLnRzLXNsaWRlLWluLXJpZ2h0IHtcblx0YW5pbWF0aW9uOiBzbGlkZS1pbi1yaWdodCB2YXIoLS10cy10cmFuc2l0aW9uLWZhc3QpIGZvcndhcmRzO1xufVxuXG4udHMtc2xpZGUtaW4tbGVmdCB7XG5cdGxlZnQ6IDA7XG5cdHJpZ2h0OiBhdXRvO1xuXHRhbmltYXRpb246IHNsaWRlLWluLWxlZnQgdmFyKC0tdHMtdHJhbnNpdGlvbi1mYXN0KSBmb3J3YXJkcztcbn1cblxuLnRzLXNsaWRlLW91dC1yaWdodCxcbi50cy1zbGlkZS1vdXQtbGVmdCB7XG5cdHZpc2liaWxpdHk6IGhpZGRlbjtcblx0b3BhY2l0eTogMDtcblx0dHJhbnNpdGlvbjogdmlzaWJpbGl0eSAwcyB2YXIoLS10cy10cmFuc2l0aW9uLWZhc3QpLCBvcGFjaXR5IHZhcigtLXRzLXRyYW5zaXRpb24tZmFzdCkgbGluZWFyO1xufVxuXG4udHMtc2xpZGUtb3V0LXJpZ2h0IHtcblx0YW5pbWF0aW9uOiBzbGlkZS1vdXQtcmlnaHQgdmFyKC0tdHMtdHJhbnNpdGlvbi1mYXN0KSBmb3J3YXJkcztcbn1cblxuLnRzLXNsaWRlLW91dC1sZWZ0IHtcblx0bGVmdDogMDtcblx0cmlnaHQ6IGF1dG87XG5cdGFuaW1hdGlvbjogc2xpZGUtb3V0LWxlZnQgdmFyKC0tdHMtdHJhbnNpdGlvbi1mYXN0KSBmb3J3YXJkcztcbn1cblxuQC13ZWJraXQta2V5ZnJhbWVzIHNsaWRlLWluLXJpZ2h0IHtcblx0MCUge1xuXHRcdC13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xuXHR9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4tcmlnaHQge1xuXHQwJSB7XG5cdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xuXHR9XG59XG5cbkAtd2Via2l0LWtleWZyYW1lcyBzbGlkZS1pbi1sZWZ0IHtcblx0MCUge1xuXHRcdC13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKTtcblx0fVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluLWxlZnQge1xuXHQwJSB7XG5cdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKTtcblx0fVxufVxuXG5ALXdlYmtpdC1rZXlmcmFtZXMgc2xpZGUtb3V0LXJpZ2h0IHtcblx0MTAwJSB7XG5cdFx0LXdlYmtpdC10cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7XG5cdH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1vdXQtcmlnaHQge1xuXHQxMDAlIHtcblx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7XG5cdH1cbn1cblxuQC13ZWJraXQta2V5ZnJhbWVzIHNsaWRlLW91dC1sZWZ0IHtcblx0MTAwJSB7XG5cdFx0LXdlYmtpdC10cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTEwMCUpO1xuXHR9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtb3V0LWxlZnQge1xuXHQxMDAlIHtcblx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTEwMCUpO1xuXHR9XG59XG4iXX0= */";
function s(t, o) {
for (var e = 0; e < o.length; e++) {
var n = o[e];
n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(t, n.key, n);
}
}
function c() {
return (c = Object.assign || function (t) {
for (var o = 1; o < arguments.length; o++) {
var e = arguments[o];
for (var n in e) {
Object.prototype.hasOwnProperty.call(e, n) && (t[n] = e[n]);
}
}
return t;
}).apply(this, arguments);
}
function a(t, o) {
return o || (o = t.slice(0)), t.raw = o, t;
}
var h = {
remove: '<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n\t<g id="Symbols" stroke="none" stroke-width="1">\n\t\t<g id="card/5.-File-card/standard" transform="translate(-262.000000, -22.000000)">\n\t\t\t<g id="5.-File-card">\n\t\t\t\t<g id="icon/UI-library/clear" transform="translate(258.000000, 18.000000)">\n\t\t\t\t\t<path fill="currentColor" d="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" id="Icon"></path>\n\t\t\t\t</g>\n\t\t\t</g>\n\t\t</g>\n\t</g>\n</svg>\n',
download: '<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n \x3c!-- Generator: Sketch 56.3 (81716) - https://sketch.com --\x3e\n <title>icon/UI-library/download</title>\n <desc>Created with Sketch.</desc>\n <g id="icon/UI-library/download" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n <path d="M12.1590909,17.3636364 C11.9999992,17.3636364 11.8553726,17.2840917 11.7252066,17.125 L7.34297521,11.571281 C7.25619791,11.4555779 7.21280992,11.3615706 7.21280992,11.2892562 C7.21280992,11.1012387 7.35020524,11.0072314 7.625,11.0072314 L10.7272727,11.0072314 L10.7272727,4 L13.5909091,4 L13.5909091,11.0072314 L16.6931818,11.0072314 C16.9679766,11.0072314 17.1053719,11.1012387 17.1053719,11.2892562 C17.1053719,11.3615706 17.0619839,11.4555779 16.9752066,11.571281 L12.5929752,17.125 C12.4772721,17.2840917 12.3326455,17.3636364 12.1590909,17.3636364 Z M18.8409091,17.8409091 C18.971075,17.8409091 19.0831607,17.8879128 19.1771694,17.9819215 C19.2711782,18.0759302 19.3181818,18.1880159 19.3181818,18.3181818 L19.3181818,19.2727273 C19.3181818,19.4028932 19.2711782,19.5149789 19.1771694,19.6089876 C19.0831607,19.7029963 18.971075,19.75 18.8409091,19.75 L5.47727273,19.75 C5.34710679,19.75 5.23502113,19.7029963 5.1410124,19.6089876 C5.04700366,19.5149789 5,19.4028932 5,19.2727273 L5,18.3181818 C5,18.1880159 5.04700366,18.0759302 5.1410124,17.9819215 C5.23502113,17.8879128 5.34710679,17.8409091 5.47727273,17.8409091 L18.8409091,17.8409091 Z" id="Icon" fill="currentColor"></path>\n </g>\n</svg>\n',
info: '<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n \x3c!-- Generator: Sketch 56.3 (81716) - https://sketch.com --\x3e\n <title>icon/UI-library/info</title>\n <desc>Created with Sketch.</desc>\n <g id="icon/UI-library/info" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n <path d="M12,4 C7.6,4 4,7.58095238 4,12 C4,16.4190476 7.6,20 12,20 C16.4190476,20 20,16.4190476 20,12 C20,7.58095238 16.4190476,4 12,4 M13.0285714,6.47619048 C13.352381,6.47619048 13.6,6.60952381 13.7714286,6.8 C13.9428571,6.99047619 14.0190476,7.23809524 14.0190476,7.5047619 C14.0190476,8.19047619 13.4666667,8.81904762 12.7238095,8.81904762 C12.1142857,8.81904762 11.752381,8.38095238 11.752381,7.75238095 C11.752381,7.2 12.1904762,6.4952381 13.0285714,6.47619048 M13.3904762,11.4285714 L12.5142857,15.0095238 C12.4761905,15.1809524 12.4571429,15.3142857 12.4571429,15.3904762 L12.4571429,15.4857143 C12.552381,15.4666667 13.1809524,15.047619 13.5809524,14.6666667 L13.6761905,14.5904762 L14.0190476,15.3142857 L14.0571429,15.3904762 L14,15.447619 C12.8761905,16.6666667 11.5047619,17.4095238 10.9714286,17.4095238 C10.8,17.4095238 10.6095238,17.3714286 10.4761905,17.2190476 C10.3428571,17.0666667 10.2857143,16.8571429 10.2857143,16.5333333 C10.2857143,16.2857143 10.3238095,15.7714286 10.4,15.3904762 L11.2190476,11.9238095 C11.2571429,11.7333333 11.2761905,11.6 11.2761905,11.5238095 C11.1428571,11.5809524 10.5142857,12.0190476 10.2285714,12.2666667 L10.1142857,12.3428571 L9.80952381,11.4857143 L9.86666667,11.4285714 C10.9904762,10.3809524 12.3428571,9.54285714 12.9714286,9.54285714 C13.1428571,9.54285714 13.3142857,9.63809524 13.3904762,9.77142857 C13.4666667,9.92380952 13.5047619,10.1142857 13.5047619,10.3428571 C13.5047619,10.5904762 13.4666667,11.1047619 13.3904762,11.4285714" id="Icon" fill="currentColor"></path>\n </g>\n</svg>\n',
ada: '<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n <g id="icon/UI-library/ada" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n <path d="M11.777314,5 L16.3099677,9.5326537 L11.777314,14.0653074 L7.24466028,9.5326537 L11.777314,5 Z M6.5326537,10.2446603 L11.0653074,14.777314 L6.5326537,19.3099677 L2,14.777314 L6.5326537,10.2446603 Z M17.0219743,10.2446603 L21.554628,14.777314 L17.0219743,19.3099677 L12.4893206,14.777314 L17.0219743,10.2446603 Z" id="Icon" fill="currentColor"></path>\n </g>\n</svg>\n',
checkmark: '<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n <g id="icon/UI-library/checkmark">\n <polygon id="Icon" fill="currentColor" points="10 14.5857864 17.7928932 6.79289322 19.2071068 8.20710678 10 17.4142136 5.29289322 12.7071068 6.70710678 11.2928932"></polygon>\n </g>\n</svg>\n',
search: '<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n \x3c!-- Generator: Sketch 56.3 (81716) - https://sketch.com --\x3e\n <title>icon/UI-library/search</title>\n <desc>Created with Sketch.</desc>\n <g id="icon/UI-library/search" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n <path d="M15.0317379,13.6175243 L18.7071068,17.2928932 L17.2928932,18.7071068 L13.6175243,15.0317379 C12.7314831,15.642436 11.6574983,16 10.5,16 C7.46243388,16 5,13.5375661 5,10.5 C5,7.46243388 7.46243388,5 10.5,5 C13.5375661,5 16,7.46243388 16,10.5 C16,11.6574983 15.642436,12.7314831 15.0317379,13.6175243 Z M10.5,14 C12.4329966,14 14,12.4329966 14,10.5 C14,8.56700338 12.4329966,7 10.5,7 C8.56700338,7 7,8.56700338 7,10.5 C7,12.4329966 8.56700338,14 10.5,14 Z" id="Icon" fill="currentColor"></path>\n </g>\n</svg>\n',
close: '<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n \x3c!-- Generator: Sketch 56.3 (81716) - https://sketch.com --\x3e\n <title>icon/UI-library/close</title>\n <desc>Created with Sketch.</desc>\n <g id="icon/UI-library/close" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n <path d="M12,13.4142136 L7.70710678,17.7071068 L6.29289322,16.2928932 L10.5857864,12 L6.29289322,7.70710678 L7.70710678,6.29289322 L12,10.5857864 L16.2928932,6.29289322 L17.7071068,7.70710678 L13.4142136,12 L17.7071068,16.2928932 L16.2928932,17.7071068 L12,13.4142136 Z" id="Icon" fill="currentColor"></path>\n </g>\n</svg>\n',
"arrow-up": '<svg\n\twidth="20px"\n\theight="20px"\n\tviewBox="0 0 16 16"\n\tversion="1.1"\n\txmlns="http://www.w3.org/2000/svg"\n\txmlns:xlink="http://www.w3.org/1999/xlink"\n>\n\t<path\n\t\tstroke="none"\n\t\tfill="currentColor"\n\t\td="M8.01904762,16 C6.55872286,16 5.21587914,15.6412734 3.99047619,14.9238095 C2.76507324,14.2063456 1.79365438,13.2349268 1.07619048,12.0095238 C0.358726571,10.7841209 0,9.44127714 0,7.98095238 C0,6.5333261 0.358726571,5.2000061 1.07619048,3.98095238 C1.79365438,2.76189867 2.76507324,1.79365438 3.99047619,1.07619048 C5.21587914,0.358726571 6.55872286,0 8.01904762,0 C9.4666739,0 10.7999939,0.358726571 12.0190476,1.07619048 C13.2381013,1.79365438 14.2063456,2.76189867 14.9238095,3.98095238 C15.6412734,5.2000061 16,6.5333261 16,7.98095238 C16,9.44127714 15.6412734,10.7841209 14.9238095,12.0095238 C14.2063456,13.2349268 13.2381013,14.2063456 12.0190476,14.9238095 C10.7999939,15.6412734 9.4666739,16 8.01904762,16 Z M8.91428571,13.1428571 L8.91428571,6.7047619 L11.7714286,9.61904762 L11.8857143,9.61904762 L13.1047619,8.36190476 C13.1301589,8.36190476 13.1428571,8.35238105 13.1428571,8.33333333 C13.1428571,8.31428562 13.1301589,8.3047619 13.1047619,8.3047619 L9.23809524,4.45714286 L8.91428571,4.11428571 L8.91428571,4.07619048 C8.91428571,4.063492 8.90793657,4.05714286 8.8952381,4.05714286 L8.83809524,4.05714286 L8.01904762,3.2 L7.92380952,3.2 L7.08571429,4.05714286 L6.7047619,4.45714286 L2.85714286,8.3047619 C2.84444438,8.3047619 2.83809524,8.31428562 2.83809524,8.33333333 C2.83809524,8.35238105 2.84444438,8.36190476 2.85714286,8.36190476 L4.07619048,9.61904762 L4.17142857,9.61904762 L7.08571429,6.66666667 L7.08571429,13.1428571 C7.08571429,13.1682541 7.09206343,13.1809524 7.1047619,13.1809524 L8.8952381,13.1809524 C8.90793657,13.1809524 8.91428571,13.1682541 8.91428571,13.1428571 Z"\n\t\tid="Icon"\n\t></path>\n</svg>\n',
"close-clear": '<?xml version="1.0" encoding="UTF-8"?>\n<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n <g id="icon/close-clear" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n <rect id="placeholder" x="0" y="0" width="24" height="24"></rect>\n <path d="M11.9984707,10.5842571 L16.2898345,6.29289322 C16.6803588,5.90236893 17.3135238,5.90236893 17.7040481,6.29289322 C18.0945724,6.68341751 18.0945724,7.31658249 17.7040481,7.70710678 L13.4126842,11.9984707 L17.7040481,16.2898345 C18.0945724,16.6803588 18.0945724,17.3135238 17.7040481,17.7040481 C17.3135238,18.0945724 16.6803588,18.0945724 16.2898345,17.7040481 L11.9984707,13.4126842 L7.70710678,17.7040481 C7.31658249,18.0945724 6.68341751,18.0945724 6.29289322,17.7040481 C5.90236893,17.3135238 5.90236893,16.6803588 6.29289322,16.2898345 L10.5842571,11.9984707 L6.29289322,7.70710678 C5.90236893,7.31658249 5.90236893,6.68341751 6.29289322,6.29289322 C6.68341751,5.90236893 7.31658249,5.90236893 7.70710678,6.29289322 L11.9984707,10.5842571 Z" id="icon" fill="currentColor"></path>\n </g>\n</svg>\n'
};
Object.keys(h).forEach(function (o) {
h[o] = elements.html([h[o]]);
});
var g,
d = {
ICON_WRAPPER: "icon-wrapper",
CIRCULAR_BG: "circular-background"
},
p = (c({}, elements.helpers.classNamesToSelector(d)), elements.constants.colors),
w = elements.constants.colorModifiers,
v = {
DEFAULT: "default",
INVERTED: "inverted",
PRIMARY: "primary",
DANGER: "danger",
ERROR: "error",
SUCCESS: "success",
ACTIVE: "active",
INFO: "info",
FOCUS: "focus",
WARNING: "warning",
DISABLED: "disabled",
DISABLED_CHECKED: "disabled-checked",
SUGGESTED: "suggested",
SLATE_LIGHTEST: "slate-lightest"
},
L = ((g = {})[v.DEFAULT] = p.SLATE, g[v.INVERTED] = p.WHITE, g[v.DANGER] = p.RED, g[v.ERROR] = p.RED, g[v.SUCCESS] = p.GREEN, g[v.PRIMARY] = p.BLUE, g[v.ACTIVE] = p.BLUE, g[v.INFO] = p.BLUE, g[v.FOCUS] = p.BLUE, g[v.WARNING] = p.ORANGE, g[v.DISABLED] = p.GRAY + w.LIGHTER, g[v.SUGGESTED] = p.PURPLE, g[v.DISABLED_CHECKED] = p.GRAY + w.LIGHT, g[v.SLATE_LIGHTEST] = p.SLATE + w.LIGHTEST, g),
C = {
SMALL: "small",
MEDIUM: "medium",
LARGE: "large"
};
function x() {
var t = a(['\t:host([type="', '"]) {\n\t\t\t\t\t\t--ts-icon-color: var(--ts-color-', ");\n\t\t\t\t}"]);
return x = function x() {
return t;
}, t;
}
function f() {
var t = a(['\n\t\t\t\t<span class="', '">\n\t\t\t\t\t', "\n\t\t\t\t</span>\n\t\t\t"]);
return f = function f() {
return t;
}, t;
}
elements.customElementDefineHelper("ts-icon", function (o) {
var e, n, c, a, g;
function p() {
var t = o.call(this) || this;
return t.size = C.MEDIUM, t;
}
return n = o, (e = p).prototype = Object.create(n.prototype), e.prototype.constructor = e, e.__proto__ = n, p.prototype.render = function () {
return elements.html(f(), d.ICON_WRAPPER, h[this.icon]);
}, c = p, g = [{
key: "styles",
get: function get() {
var t = Object.keys(v).map(function (t) {
var o = v[t],
e = L[o];
return elements.css(x(), elements.unsafeCSS(o), elements.unsafeCSS(e));
});
return [elements.TSElement.styles, elements.unsafeCSS(":host{display:inline-block}:host svg{color:var(--ts-icon-color)}.fill-none{fill:none}:host([size=small]) .icon-wrapper{width:12px;width:var(--ts-fontsize-mini);height:12px;height:var(--ts-fontsize-mini)}:host([size=medium]) .icon-wrapper{width:16px;width:var(--ts-fontsize-medium);height:16px;height:var(--ts-fontsize-medium)}:host([size=large]) .icon-wrapper{width:24px;width:var(--ts-fontsize-xbig);height:24px;height:var(--ts-fontsize-xbig)}.icon-wrapper{position:relative;display:block;padding-top:100%;width:100%;height:0}svg{position:absolute;top:0;left:0;width:100%;height:100%}:host([type=default]) svg{color:#1f2a2e;color:var(--ts-color-slate)}:host([type=inverted]) svg{color:#fff;color:var(--ts-color-white)}:host([type=primary]) svg{color:#00aeff;color:var(--ts-color-blue)}:host([type=danger]) svg,:host([type=error]) svg{color:#bd0000;color:var(--ts-color-red)}:host([type=success]) svg{color:#50c610;color:var(--ts-color-green)}:host([type=active]) svg,:host([type=focus]) svg,:host([type=info]) svg{color:#00aeff;color:var(--ts-color-blue)}:host([type=warning]) svg{color:#1f2a2e;color:var(--ts-color-slate)}:host([type=disabled]) svg{color:#e6ecef;color:var(--ts-color-gray-lighter)}:host([type=disabled-checked]) svg{color:#cbd7dc;color:var(--ts-color-gray-light)}:host([type=suggested]) svg{color:#90129b;color:var(--ts-color-purple)}:host([type=slate-lightest]) svg{color:#506b77;color:var(--ts-color-slate-lightest)}:host([circular]){border-radius:50%;background-color:var(--ts-icon-color)}:host([circular]) svg{color:#fff;color:var(--ts-color-white)}")].concat(t);
}
}, {
key: "properties",
get: function get() {
return {
icon: {
type: String,
reflect: !0
},
size: {
type: String,
reflect: !0
},
type: {
type: String,
reflect: !0
},
circular: {
type: Boolean,
reflect: !0
}
};
}
}], (a = null) && s(c.prototype, a), g && s(c, g), p;
}(elements.TSElement));
function n(t, o) {
for (var r = 0; r < o.length; r++) {
var e = o[r];
e.enumerable = e.enumerable || !1, e.configurable = !0, "value" in e && (e.writable = !0), Object.defineProperty(t, e.key, e);
}
}
function a$1(t, o, r) {
return o && n(t.prototype, o), r && n(t, r), t;
}
function s$1(t, o) {
return o || (o = t.slice(0)), t.raw = o, t;
}
var i = "primary",
d$1 = "accept",
u = "warning",
c$1 = "danger";
function b() {
var t = s$1(["\n\t\t\t\t\t\t\t<span><slot></slot></span>\n\t\t\t\t\t "]);
return b = function b() {
return t;
}, t;
}
function l() {
var t = s$1(['\n\t\t\t\t\t\t\t<ts-icon icon="', '" size="large" type="', '"></ts-icon>\n\t\t\t\t\t ']);
return l = function l() {
return t;
}, t;
}
function p$1() {
var t = s$1(['\n\t\t\t<button ?disabled="', '">\n\t\t\t\t', "\n\t\t\t</button>\n\t\t"]);
return p$1 = function p() {
return t;
}, t;
}
var h$1 = function (o) {
var n, s;
function h() {
var t = o.call(this) || this;
return t.grouped = !1, t;
}
return s = o, (n = h).prototype = Object.create(s.prototype), n.prototype.constructor = n, n.__proto__ = s, a$1(h, null, [{
key: "styles",
get: function get() {
return [elements.TSElement.styles, elements.unsafeCSS(":host{display:inline-block;line-height:20px;line-height:var(--ts-unit)}:host,:host>button{font-size:14px;font-size:var(--ts-font-size-default)}:host>button{position:relative;min-width:40px;min-width:var(--ts-unit-double);border:none;border-radius:40px;border-radius:var(--ts-unit-double);padding:0}:host span{display:block;padding:10px 20px;padding:var(--ts-unit-half) var(--ts-unit);font-weight:600;font-weight:var(--ts-fontweight-semibold);text-transform:uppercase;letter-spacing:.02em;line-height:20px;line-height:var(--ts-unit);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(:not([busy]))>button:hover{cursor:pointer;background:#e6ecef;background:var(--ts-color-gray-lighter)}:host(:not([type]))>button,:host([type=secondary])>button{box-shadow:inset 0 0 0 1px #cbd7dc;box-shadow:var(--ts-boxshadow-border-default)}:host(:not([type]))>button:focus,:host([type=secondary])>button:focus{box-shadow:inset 0 0 0 2px #00aeff;box-shadow:var(--ts-boxshadow-border-width-focused) var(--ts-color-blue)}:host(.no-border)>button{box-shadow:none;background:transparent}:host(.no-border)>button:focus{box-shadow:none}:host([type=primary])>button{background:#00aeff;background:var(--ts-color-blue);color:#fff;color:var(--ts-color-white)}:host(:not([busy])[type=primary])>button:hover{background:#0085cc;background:var(--ts-color-blue-dark)}:host(:not([busy])[type=primary])>button:focus{box-shadow:inset 0 0 0 2px #0065a3;box-shadow:var(--ts-boxshadow-border-width-focused) var(--ts-color-blue-darker)}:host([type=accept])>button{background:#50c610;background:var(--ts-color-green);color:#fff;color:var(--ts-color-white)}:host(:not([busy])[type=accept])>button:hover{background:#399d0b;background:var(--ts-color-green-dark)}:host(:not([busy])[type=accept])>button:focus{box-shadow:inset 0 0 0 2px #287f06;box-shadow:var(--ts-boxshadow-border-width-focused) var(--ts-color-green-darker)}:host([type=warning])>button{background:#ff8c00;background:var(--ts-color-orange);color:#fff;color:var(--ts-color-white)}:host(:not([busy])[type=warning])>button:hover{background:#f07c00;background:var(--ts-color-orange-dark)}:host(:not([busy])[type=warning])>button:focus{box-shadow:inset 0 0 0 2px #d15b00;box-shadow:var(--ts-boxshadow-border-width-focused) var(--ts-color-orange-darker)}:host([type=danger])>button{background:#bd0000;background:var(--ts-color-red);color:#fff;color:var(--ts-color-white)}:host(:not([busy])[type=danger])>button:hover{background:#900;background:var(--ts-color-red-dark)}:host(:not([busy])[type=danger])>button:focus{box-shadow:inset 0 0 0 2px #7a0000;box-shadow:var(--ts-boxshadow-border-width-focused) var(--ts-color-red-darker)}:host([type=text])>button{background:transparent;border-radius:3px;border-radius:var(--ts-radius)}:host([type=text]) span{color:#00aeff;color:var(--ts-color-blue);padding:0 5px;padding:0 var(--ts-unit-quarter);font-weight:400;font-weight:var(--ts-fontweight);text-transform:none;letter-spacing:normal}:host(:not([busy])[type=text])>button:hover{background:transparent}:host(:not([busy])[type=text])>button:hover span{color:#0085cc;color:var(--ts-color-blue-dark)}:host(:not([busy])[type=text])>button:focus{background:#00aeff;background:var(--ts-color-blue)}:host(:not([busy])[type=text])>button:focus span{color:#fff;color:var(--ts-color-white)}:host(:not([type=text])[size=micro])>button{font-size:11px;font-size:var(--ts-fontsize-small);border-radius:20px;border-radius:var(--ts-unit);padding:0 10px;padding:0 var(--ts-unit-half)}:host(:not([type=text])[size=micro]) span{padding:0 2.5px;padding:0 var(--ts-unit-eighth);font-size:11px;font-size:var(--ts-fontsize-small)}:host([grouped]){display:block;margin-bottom:10px;margin-bottom:var(--ts-unit-half);text-align:center}:host([grouped])>button{width:100%;display:block}:host([icon])>button{width:40px;width:var(--ts-unit-double);height:40px;height:var(--ts-unit-double)}:host([icon]) ts-icon{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}:host([disabled]){cursor:not-allowed}:host([disabled])>button{pointer-events:none;background-color:#e6ecef;background-color:var(--ts-disabled-background-color);box-shadow:none}:host([disabled]) span{color:#829fab;color:var(--ts-disabled-color)}:host([disabled][type=text])>button{background-color:transparent}:host([busy])>:first-child{pointer-events:none;cursor:default;box-shadow:none;background-size:40px 40px;background-size:var(--ts-unit-double) var(--ts-unit-double);background-image:linear-gradient(-45deg,#cbd7dc 25%,#eff3f5 0,#eff3f5 50%,#cbd7dc 0,#cbd7dc 75%,#eff3f5 0,#eff3f5);background-image:linear-gradient(-45deg,var(--ts-color-gray-light) 25%,var(--ts-color-gray-lightest) 0,var(--ts-color-gray-lightest) 50%,var(--ts-color-gray-light) 0,var(--ts-color-gray-light) 75%,var(--ts-color-gray-lightest) 0,var(--ts-color-gray-lightest));-webkit-animation:move 1s linear infinite;animation:move 1s linear infinite}:host([busy])>:first-child>*{visibility:hidden}@-webkit-keyframes move{0%{background-position:0 0}to{background-position:40px 40px;background-position:var(--ts-unit-double) var(--ts-unit-double)}}@keyframes move{0%{background-position:0 0}to{background-position:40px 40px;background-position:var(--ts-unit-double) var(--ts-unit-double)}}")];
}
}, {
key: "properties",
get: function get() {
return {
type: {
type: String,
reflect: !0
},
size: {
type: String,
reflect: !0
},
busy: {
type: String,
reflect: !0
},
icon: {
type: String,
reflect: !0
},
disabled: {
type: Boolean,
reflect: !0
},
grouped: {
type: Boolean,
reflect: !0
}
};
}
}]), h.prototype.render = function () {
return elements.html(p$1(), this.disabled, this.icon ? elements.html(l(), this.icon, this.iconType) : elements.html(b()));
}, a$1(h, [{
key: "iconType",
get: function get() {
return [c$1, u, d$1, i].indexOf(this.type) > -1 ? "inverted" : "default";
}
}]), h;
}(elements.TSElement);
elements.customElementDefineHelper("ts-button", h$1);
function r(t, i) {
for (var e = 0; e < i.length; e++) {
var n = i[e];
n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(t, n.key, n);
}
}
function o() {
var t,
i,
e = (t = ['\n\t\t\t\t<div class="cover ', '"></div>\n\t\t\t'], i || (i = t.slice(0)), t.raw = i, t);
return o = function o() {
return e;
}, e;
}
elements.customElementDefineHelper("ts-cover", function (t) {
var s, a, v, l, c;
function d() {
var i = t.call(this) || this;
return i.visible = !1, i;
}
return a = t, (s = d).prototype = Object.create(a.prototype), s.prototype.constructor = s, s.__proto__ = a, v = d, c = [{
key: "styles",
get: function get() {
return [elements.TSElement.styles, elements.unsafeCSS(".cover{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;visibility:hidden;background-color:#0f151a;background-color:var(--ts-color-black);z-index:10000;z-index:var(--ts-zindex-max)}.ts-fadeIn{visibility:visible;opacity:.8;transition:visibility .1s linear .1s,opacity .2s;transition:visibility var(--ts-transition-now) linear var(--ts-transition-now),opacity var(--ts-transition-fast)}.ts-fadeOut{visibility:hidden;opacity:0;transition:visibility .1s linear .2s,opacity .2s;transition:visibility var(--ts-transition-now) linear var(--ts-transition-fast),opacity var(--ts-transition-fast)}:host(.ts-aside-cover)>div{pointer-events:auto;z-index:1999;z-index:var(--ts-zindex-aside-cover)}:host(.ts-dialog-cover)>div{pointer-events:auto;z-index:2999;z-index:var(--ts-zindex-dialog-cover)}:host(.ts-spin-cover)>div{pointer-events:auto;z-index:3999;z-index:var(--ts-zindex-spin-cover)}")];
}
}, {
key: "properties",
get: function get() {
return {
visible: {
type: Boolean,
attribute: "data-visible",
reflect: !0
}
};
}
}], (l = null) && r(v.prototype, l), c && r(v, c), d.prototype.render = function () {
return elements.html(o(), this.visible ? "ts-fadeIn" : "ts-fadeOut");
}, d;
}(elements.TSElement));
function n$1(e, r) {
for (var t = 0; t < r.length; t++) {
var i = r[t];
i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, i.key, i);
}
}
function o$1(e, r, t) {
return r && n$1(e.prototype, r), t && n$1(e, t), e;
}
function s$2(e, r) {
return r || (r = e.slice(0)), e.raw = r, e;
}
var a$2 = {
LARGE: "large",
MEDIUM: "medium",
SMALL: "small"
},
l$1 = {
BLUE: "blue",
MONO: "mono",
WHITE: "white"
};
function p$2() {
var e = s$2(['\n\t\t\t\t<div class="message">', "</div>\n\t\t\t"]);
return p$2 = function p() {
return e;
}, e;
}
function d$2() {
var e = s$2(['\n\t\t\t\t<div class="spinner"></div>\n\t\t\t\t', "\n\t\t\t"]);
return d$2 = function d() {
return e;
}, e;
}
elements.customElementDefineHelper("ts-spinner", function (e) {
var n, s;
function m() {
var r = e.call(this) || this;
return r.color = l$1.BLUE, r.message = "", r.size = a$2.LARGE, r.visible = !1, r;
}
return s = e, (n = m).prototype = Object.create(s.prototype), n.prototype.constructor = n, n.__proto__ = s, o$1(m, null, [{
key: "styles",
get: function get() {
return [elements.TSElement.styles, elements.unsafeCSS(":host{z-index:4000;z-index:var(--ts-zindex-spin)}:host .spinner{border:8px solid rgba(203,215,220,.5);border:var(--spinner-border-large) solid var(--spinner-border-color);border-top-color:#00aeff;border-top-color:var(--spinner-color-blue);border-radius:50%;width:80px;width:var(--spinner-size-large);height:80px;height:var(--spinner-size-large);-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;margin:0 auto}:host .message{text-align:center;margin:20px;margin:var(--ts-unit);font-size:14px;font-size:var(--ts-font-size-default)}:host([data-size=large]) .spinner{border-width:8px;border-width:var(--spinner-border-large);width:80px;width:var(--spinner-size-large);height:80px;height:var(--spinner-size-large)}:host([data-size=large]) .message{margin:20px;margin:var(--ts-unit);font-size:14px;font-size:var(--ts-fontsize)}:host([data-size=medium]) .spinner{border-width:4px;border-width:var(--spinner-border-medium);width:40px;width:var(--spinner-size-medium);height:40px;height:var(--spinner-size-medium)}:host([data-size=medium]) .message{margin:10px;margin:var(--ts-unit-half);font-size:12px;font-size:var(--ts-fontsize-mini)}:host([data-size=small]) .spinner{border-width:3px;border-width:var(--spinner-border-small);width:20px;width:var(--spinner-size-small);height:20px;height:var(--spinner-size-small)}:host([data-size=small]) .message{margin:5px;margin:var(--ts-unit-quarter);font-size:11px;font-size:var(--ts-fontsize-small)}:host([data-color=blue]) .spinner{border-top-color:#00aeff;border-top-color:var(--spinner-color-blue)}:host([data-color=mono]) .spinner{border-top-color:#506b77;border-top-color:var(--spinner-color-mono)}:host([data-color=white]) .spinner{border-top-color:#fff;border-top-color:var(--spinner-color-white)}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}")];
}
}, {
key: "properties",
get: function get() {
return {
color: {
type: String,
attribute: "data-color",
reflect: !0
},
message: {
type: String,
attribute: "data-message"
},
size: {
type: String,
attribute: "data-size",
reflect: !0
},
visible: {
type: Boolean,
attribute: "data-visible"
}
};
}
}]), m.prototype.render = function () {
return this.visible ? elements.html(d$2(), this.messageHtml) : "";
}, o$1(m, [{
key: "messageHtml",
get: function get() {
return this.message ? elements.html(p$2(), this.message) : "";
}
}]), m;
}(elements.TSElement));
var customEventNames = {
CLOSE: 'close',
CLOSED: 'closed',
OPEN: 'open',
OPENED: 'opened'
};
function _templateObject2() {
var data = _taggedTemplateLiteralLoose(["\n\t\t\t\t<div class=\"spinner-overlay\">\n\t\t\t\t\t<ts-spinner data-visible data-message=\"", "\"></ts-spinner>\n\t\t\t\t</div>\n\t\t\t"]);
_templateObject2 = function _templateObject2() {
return data;
};
return data;
}
function _templateObject() {
var data = _taggedTemplateLiteralLoose(["\n\t\t\t\t<div dir=\"", "\" class=\"aside-container ", " ", "\">\n\t\t\t\t\t<header>\n\t\t\t\t\t\t<div class=\"aside-title\">", "</div>\n\t\t\t\t\t\t<div class=\"aside-close\">\n\t\t\t\t\t\t\t<ts-button class=\"no-border\" icon=\"close-clear\" @click=\"", "\"></ts-button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</header>\n\t\t\t\t\t<div class=\"aside-note\">\n\t\t\t\t\t\t<slot name=\"note\" class=\"note-in-aside\"></slot>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"aside-platform-object ", "\">\n\t\t\t\t\t\t<slot name=\"platform-object\" @slotchange=\"", "\"></slot>\n\t\t\t\t\t</div>\n\t\t\t\t\t<main class=\"aside-main\">\n\t\t\t\t\t\t<slot name=\"main\"></slot>\n\t\t\t\t\t</main>\n\t\t\t\t\t<footer>\n\t\t\t\t\t\t<slot name=\"footer\" @slotchange=\"", "\"></slot>\n\t\t\t\t\t</footer>\n\t\t\t\t\t", "\n\t\t\t\t</div>\n\t\t\t\t<ts-cover class=\"ts-aside-cover\" ?data-visible=", " @click=\"", "\"></ts-cover>\n\t\t\t"]);
_templateObject = function _templateObject() {
return data;
};
return data;
}
elements.customElementDefineHelper('ts-aside',
/*#__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 {
dir: {
type: String,
reflect: true
},
title: {
type: String,
attribute: 'data-title'
},
visible: {
type: Boolean,
attribute: 'data-visible',
reflect: true
},
busy: {
type: String,
attribute: 'data-busy',
reflect: true
},
hasFoot: {
type: Boolean
},
hasPlatformObject: {
type: Boolean
}
};
}
}]);
function _class() {
var _this;
_this = _TSElement.call(this) || this;
_this.title = '';
_this.visible = false;
_this.hasFoot = false;
_this.hasPlatformObject = false;
return _this;
}
var _proto = _class.prototype;
_proto.close = function close(e) {
this.visible = false;
};
_proto.footerSlot = function footerSlot(e) {
this.hasFoot = true;
};
_proto.platformObjectSlot = function platformObjectSlot(e) {
var slot = e.currentTarget;
var assignedNodes = slot.assignedNodes();
this.hasPlatformObject = assignedNodes && assignedNodes.length;
};
_proto.render = function render() {
return elements.html(_templateObject(), this.direction, this.slide, this.hasFoot ? 'has-footer' : '', this.title, this.close, this.hasPlatformObject ? '' : 'hidden', this.platformObjectSlot, this.footerSlot, this.spinner, this.visible, this.close);
};
_proto.update = function update(changedProperties) {
_TSElement.prototype.update.call(this, changedProperties);
if (changedProperties.has('visible')) {
var oldVal = changedProperties.get('visible');
if (oldVal === false) {
this.dispatchCustomEvent(customEventNames.OPEN);
} else if (oldVal === true) {
this.dispatchCustomEvent(customEventNames.CLOSE);
}
}
};
_proto.updated = function updated(changedProperties) {
_TSElement.prototype.updated.call(this, changedProperties);
if (changedProperties.has('visible')) {
var oldVal = changedProperties.get('visible');
if (oldVal === false) {
this.dispatchCustomEvent(customEventNames.OPENED);
} else if (oldVal === true) {
this.dispatchCustomEvent(customEventNames.CLOSED);
}
}
};
_createClass(_class, [{
key: "direction",
get: function get() {
return this.dir ? this.dir : this.bodyDir;
}
}, {
key: "slide",
get: function get() {
var pre = 'ts-slide';
var mid = this.visible ? 'in' : 'out';
var dir = this.direction === 'rtl' ? 'left' : 'right';
return pre + "-" + mid + "-" + dir;
}
}, {
key: "spinner",
get: function get() {
if (this.busy === undefined || this.busy === null) {
return '';
}
return elements.html(_templateObject2(), this.busy);
}
}]);
return _class;
}(elements.TSElement));
}));
//# sourceMappingURL=aside.umd.js.map

12

package.json
{
"name": "@tradeshift/elements.aside",
"version": "0.6.0",
"version": "0.7.0",
"src": "src/aside.js",

@@ -12,8 +12,8 @@ "main": "lib/aside.umd.js",

"dependencies": {
"@tradeshift/elements": "^0.6.0",
"@tradeshift/elements.button": "^0.6.0",
"@tradeshift/elements.cover": "^0.6.0",
"@tradeshift/elements.spinner": "^0.6.0"
"@tradeshift/elements": "^0.7.0",
"@tradeshift/elements.button": "^0.7.0",
"@tradeshift/elements.cover": "^0.7.0",
"@tradeshift/elements.spinner": "^0.7.0"
},
"gitHead": "a40f2b733b10bbc573ade7d66b39041459213810"
"gitHead": "d0ea80e217c6b4da934c0ad9f2e510bf4db76adb"
}
lib/aside.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